diff --git a/404.html b/404.html index 0eaff3ad8..0b7ed1728 100644 --- a/404.html +++ b/404.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Page Not Found

We could not find what you were looking for.

Please contact the owner of the site that linked you to the original URL and let them know their link is broken.

- - + + \ No newline at end of file diff --git a/assets/js/0534b071.83a6e249.js b/assets/js/0534b071.fa7ee0f2.js similarity index 80% rename from assets/js/0534b071.83a6e249.js rename to assets/js/0534b071.fa7ee0f2.js index 88a0fba81..33fb82d35 100644 --- a/assets/js/0534b071.83a6e249.js +++ b/assets/js/0534b071.fa7ee0f2.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":3,"totalCount":28,"previousPage":"/blog/tags/bootstrap/page/2","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":3,"totalCount":29,"previousPage":"/blog/tags/bootstrap/page/2","blogDescription":"Blog","blogTitle":"Blog"}')}}]); \ No newline at end of file diff --git a/assets/js/0892d6c1.fc60d481.js b/assets/js/0892d6c1.74816571.js similarity index 80% rename from assets/js/0892d6c1.fc60d481.js rename to assets/js/0892d6c1.74816571.js index 581692c59..fef4618ef 100644 --- a/assets/js/0892d6c1.fc60d481.js +++ b/assets/js/0892d6c1.74816571.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":6,"totalCount":55,"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":6,"totalCount":56,"nextPage":"/blog/tags/blazorbootstrap/page/2","blogDescription":"Blog","blogTitle":"Blog"}')}}]); \ No newline at end of file diff --git a/assets/js/0c7ad285.86d0d3d3.js b/assets/js/0c7ad285.483e6271.js similarity index 81% rename from assets/js/0c7ad285.86d0d3d3.js rename to assets/js/0c7ad285.483e6271.js index a994a6dfb..32d3787df 100644 --- a/assets/js/0c7ad285.86d0d3d3.js +++ b/assets/js/0c7ad285.483e6271.js @@ -1 +1 @@ -"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[46263],{18380:a=>{a.exports=JSON.parse('{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5","allTagsPath":"/blog/tags","count":28}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[46263],{18380:a=>{a.exports=JSON.parse('{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5","allTagsPath":"/blog/tags","count":29}')}}]); \ No newline at end of file diff --git a/assets/js/11ce4159.5d9cb4a2.js b/assets/js/11ce4159.b4cc2865.js similarity index 80% rename from assets/js/11ce4159.5d9cb4a2.js rename to assets/js/11ce4159.b4cc2865.js index 173a2dbfd..58229486a 100644 --- a/assets/js/11ce4159.5d9cb4a2.js +++ b/assets/js/11ce4159.b4cc2865.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":6,"totalCount":55,"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":6,"totalCount":56,"previousPage":"/blog/page/4","nextPage":"/blog/page/6","blogDescription":"Blog","blogTitle":"Blog"}')}}]); \ No newline at end of file diff --git a/assets/js/12e9876c.c153e534.js b/assets/js/12e9876c.48ebd23b.js similarity index 78% rename from assets/js/12e9876c.c153e534.js rename to assets/js/12e9876c.48ebd23b.js index 4885c62e9..68bf3562d 100644 --- a/assets/js/12e9876c.c153e534.js +++ b/assets/js/12e9876c.48ebd23b.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":55}')}}]); \ 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":56}')}}]); \ No newline at end of file diff --git a/assets/js/15b77f5e.db216b32.js b/assets/js/15b77f5e.2bf68640.js similarity index 99% rename from assets/js/15b77f5e.db216b32.js rename to assets/js/15b77f5e.2bf68640.js index 9313c986a..c1c557b02 100644 --- a/assets/js/15b77f5e.db216b32.js +++ b/assets/js/15b77f5e.2bf68640.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=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n=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{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 framework.",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 framework."),(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 1.11.0\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"},'')," 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},'\n\n\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},'\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},' - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 c9425dc9c..042359fbc 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 @@ - - + +
-
Skip to main content

BlazorBootstrap v0.0.1

· One min read
Vikram Reddy

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
- - +
Skip to main content

BlazorBootstrap v0.0.1

· One min read
Vikram Reddy

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
+ + \ 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 73f4b2b58..91d5c8cf9 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 @@ - - + +
-
Skip to main content

BlazorBootstrap v0.0.2

· One min read
Vikram Reddy

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
- - +
Skip to main content

BlazorBootstrap v0.0.2

· One min read
Vikram Reddy

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
+ + \ 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 05430dcc0..c0b659f28 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 af0f7c28b..16daf007f 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 @@ - - + +
-
Skip to main content

BlazorBootstrap v0.0.4

· One min read
Vikram Reddy

Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release.

Changelog​

  • Code improvements
  • Documentation updates

Breaking changes​

  • 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
- - +
Skip to main content

BlazorBootstrap v0.0.4

· One min read
Vikram Reddy

Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release.

Changelog​

  • Code improvements
  • Documentation updates

Breaking changes​

  • 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
+ + \ 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 fde3e359f..4d9d654db 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 ad0fbf4e2..344f57aed 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 529b11249..2e1076216 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 d3e1c6a7a..600c57b0e 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 5295b5b3b..dd66607ae 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 b0c19bbc8..8b745bf51 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 09d65e2e0..a480783de 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 2b09b02bc..54fd009c8 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 2e13f7700..16d3c21aa 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 1f58c055b..af3a8a971 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 @@ - - + +
-
Skip to main content

BlazorBootstrap v0.3.0

· One min read
Vikram Reddy

We are excited to release 0.3.0 with significant enhancements to the grid component.

Blazor Bootstrap: 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
- - +
Skip to main content

BlazorBootstrap v0.3.0

· One min read
Vikram Reddy

We are excited to release 0.3.0 with significant enhancements to the grid component.

Blazor Bootstrap: 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
+ + \ 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 2f92f73df..57a910309 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 3feaecd00..d011b8616 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 @@ - - + +
-
Skip to main content

BlazorBootstrap v0.4.1

· One min read
Vikram Reddy

We are excited to release 0.4.1 with enhancements.

Blazor Bootstrap: Callout Component - Examples

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
- - +
Skip to main content

BlazorBootstrap v0.4.1

· One min read
Vikram Reddy

We are excited to release 0.4.1 with enhancements.

Blazor Bootstrap: Callout Component - Examples

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
+ + \ 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 6c09ae72d..e6ed97da1 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 72c2afc6d..92cec3938 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 @@ - - + +
-
Skip to main content

BlazorBootstrap v0.5.0

· One min read
Vikram Reddy

We are excited to release 0.5.0 with new blazor chart components.

Blazor Chart Component - Blazor Bar Chart Example
Blazor Chart Component - Blazor Line Chart Example

New blazor chart components​

  • Blazor Bar Chart component

    Blazor Chart Component - Blazor Bar Chart

  • Blazor Doughnut Chart component

    Blazor Chart Component - Blazor Doughnut Chart

  • Blazor Line Chart component

    Blazor Chart Component - Blazor Line Chart

  • Blazor Pie Chart component

    Blazor Chart Component - Blazor Pie Chart
- - +
Skip to main content

BlazorBootstrap v0.5.0

· One min read
Vikram Reddy

We are excited to release 0.5.0 with new blazor chart components.

Blazor Chart Component - Blazor Bar Chart Example
Blazor Chart Component - Blazor Line Chart Example

New blazor chart components​

  • Blazor Bar Chart component

    Blazor Chart Component - Blazor Bar Chart

  • Blazor Doughnut Chart component

    Blazor Chart Component - Blazor Doughnut Chart

  • Blazor Line Chart component

    Blazor Chart Component - Blazor Line Chart

  • Blazor Pie Chart component

    Blazor Chart Component - Blazor Pie Chart
+ + \ 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 2f0e34cc6..a96c7a8d2 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 a5e562d88..27a331307 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v0.6.0

· One min read
Vikram Reddy

We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component.

Blazor Progress component

New Components​

  • Progress component

Progress component features​

  • Labels
  • Backgrounds
  • Multiple bars
  • Striped
  • Animated stripes
Blazor Progress component

Toasts component features​

  • Toasts with/without title
  • Auto hide
  • Placement
  • Stack Length
Blazor Toasts component
- - +
Skip to main content

Blazor Bootstrap v0.6.0

· One min read
Vikram Reddy

We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component.

Blazor Progress component

New Components​

  • Progress component

Progress component features​

  • Labels
  • Backgrounds
  • Multiple bars
  • Striped
  • Animated stripes
Blazor Progress component

Toasts component features​

  • Toasts with/without title
  • Auto hide
  • Placement
  • Stack Length
Blazor Toasts component
+ + \ 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 d6776e233..03ab106d6 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.0.0

· One min read
Vikram Reddy

We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!

Blazor NumberInput componentBlazor Tabs component

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 NumberInput component

Blazor Tabs component features​

  • Fade effect
  • Title with Icon
  • Disable Tab
  • Pills
  • Activate individual tabs
  • Events
Blazor Tabs component

Demos site enhancements​

  • Brand new landing page
  • The demo example and source code are split into two tabs for easy access.
- - +
Skip to main content

Blazor Bootstrap v1.0.0

· One min read
Vikram Reddy

We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!

Blazor NumberInput componentBlazor Tabs component

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 NumberInput component

Blazor Tabs component features​

  • Fade effect
  • Title with Icon
  • Disable Tab
  • Pills
  • Activate individual tabs
  • Events
Blazor Tabs component

Demos site enhancements​

  • Brand new landing page
  • The demo example and source code are split into two tabs for easy access.
+ + \ 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 b093176fc..1141fad8b 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.0.1

· One min read
Vikram Reddy

We are excited to release 1.0.1, with enhancements and more examples!!!

Blazor Preload componentBlazor Offcanvas componentBlazor Confirm Dialog component

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
- - +
Skip to main content

Blazor Bootstrap v1.0.1

· One min read
Vikram Reddy

We are excited to release 1.0.1, with enhancements and more examples!!!

Blazor Preload componentBlazor Offcanvas componentBlazor Confirm Dialog component

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
+ + \ 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 3d3e309a4..53ff5af6f 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.1.0

· One min read
Vikram Reddy

We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!

Blazor Toasts serviceBlazor Bootstrap: Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Bootstrap: Blazor ConfirmDialog componentBlazor Icon componentBlazor Bootstrap: Blazor 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'
- - +
Skip to main content

Blazor Bootstrap v1.1.0

· One min read
Vikram Reddy

We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!

Blazor Toasts serviceBlazor Bootstrap: Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Bootstrap: Blazor ConfirmDialog componentBlazor Icon componentBlazor Bootstrap: Blazor 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'
+ + \ 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 f8073bb78..fbdcc03cd 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.2.0

· One min read
Vikram Reddy

We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!

Blazor CurrencyInput componentBlazor Bootstrap: 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'
- - +
Skip to main content

Blazor Bootstrap v1.2.0

· One min read
Vikram Reddy

We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!

Blazor CurrencyInput componentBlazor Bootstrap: 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'
+ + \ 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 d0a33e059..92e3bece8 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 62786b17d..18ad1ddae 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.3.1

· One min read
Vikram Reddy

We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!

Blazor AutoComplete componentBlazor Bootstrap: Blazor AutoComplete component

What's changed​

  • AutoComplete component - keyboard navigation support
  • AutoComplete component - CancellationToken support

Demos site updates​

  • New examples for 'Blazor AutoComplete Component'
- - +
Skip to main content

Blazor Bootstrap v1.3.1

· One min read
Vikram Reddy

We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!

Blazor AutoComplete componentBlazor Bootstrap: Blazor AutoComplete component

What's changed​

  • AutoComplete component - keyboard navigation support
  • AutoComplete component - CancellationToken support

Demos site updates​

  • New examples for 'Blazor AutoComplete Component'
+ + \ 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 56cf93b97..02a169066 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 c68340459..19c6ebb11 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.4.1

· One min read
Vikram Reddy

We are excited to release 1.4.1, with modal updates and more examples!!!

Blazor modal componentBlazor Bootstrap: 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
- - +
Skip to main content

Blazor Bootstrap v1.4.1

· One min read
Vikram Reddy

We are excited to release 1.4.1, with modal updates and more examples!!!

Blazor modal componentBlazor Bootstrap: 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
+ + \ 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 4d3584aed..4b5a81bcc 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.4.2

· One min read
Vikram Reddy

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

Blazor Bootstrap: Blazor WebAssembly and Server starter templates

What's changed​

  1. Auto Complete component
    • Bug fix

Starter Templates​

  1. Blazor Bootstrap: Blazor WebAssembly Template
  2. Blazor Bootstrap: Blazor WebAssembly Empty Template
  3. Blazor Bootstrap: Blazor Server Template
  4. Blazor Bootstrap: Blazor Server Empty Template
- - +
Skip to main content

Blazor Bootstrap v1.4.2

· One min read
Vikram Reddy

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

Blazor Bootstrap: Blazor WebAssembly and Server starter templates

What's changed​

  1. Auto Complete component
    • Bug fix

Starter Templates​

  1. Blazor Bootstrap: Blazor WebAssembly Template
  2. Blazor Bootstrap: Blazor WebAssembly Empty Template
  3. Blazor Bootstrap: Blazor Server Template
  4. Blazor Bootstrap: Blazor Server Empty Template
+ + \ 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 190c9e0db..45a77a292 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 ae33d5fd3..1648e9a3b 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 735d66489..aa8d36c29 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 349aa86db..ceef940d6 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.5.0

· One min read
Vikram Reddy

We are excited to release 1.5.0 with new DateInput component and other updates!!!

Blazor Bootstrap: DateInput Component

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
- - +
Skip to main content

Blazor Bootstrap v1.5.0

· One min read
Vikram Reddy

We are excited to release 1.5.0 with new DateInput component and other updates!!!

Blazor Bootstrap: DateInput Component

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
+ + \ 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 32360b21b..980df1bad 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.6.0

· One min read
Vikram Reddy

We are excited to release 1.6.0 with new TimeInput component and other updates!!!

Blazor Bootstrap: TimeInput Component

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

- - +
Skip to main content

Blazor Bootstrap v1.6.0

· One min read
Vikram Reddy

We are excited to release 1.6.0 with new TimeInput component and other updates!!!

Blazor Bootstrap: TimeInput Component

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

+ + \ 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 32654e232..89963fcf2 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.7.0

· One min read
Vikram Reddy

We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!

Blazor Bootstrap: Accordion Component

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
- - +
Skip to main content

Blazor Bootstrap v1.7.0

· One min read
Vikram Reddy

We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!

Blazor Bootstrap: Accordion Component

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
+ + \ 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 00ac93865..84e744478 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.7.1

· One min read
Vikram Reddy

We are excited to release 1.7.1 with Auto complete and Buttons updates!!!

Blazor Bootstrap: Accordion Component

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
- - +
Skip to main content

Blazor Bootstrap v1.7.1

· One min read
Vikram Reddy

We are excited to release 1.7.1 with Auto complete and Buttons updates!!!

Blazor Bootstrap: Accordion Component

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
+ + \ 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 d06963134..85c46fa6e 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 a390a14af..9fad5969e 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.7.3

· One min read
Vikram Reddy

We are excited to release 1.7.3 with Buttons and Grid updates!!!

Blazor Bootstrap: Grid Component

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
- - +
Skip to main content

Blazor Bootstrap v1.7.3

· One min read
Vikram Reddy

We are excited to release 1.7.3 with Buttons and Grid updates!!!

Blazor Bootstrap: Grid Component

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
+ + \ 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 92e4fef23..2c69c7a47 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.8.0

· 2 min read
Vikram Reddy

We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!

Blazor Bootstrap: Grid Component

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
    Blazor Bootstrap Templates
- - +
Skip to main content

Blazor Bootstrap v1.8.0

· 2 min read
Vikram Reddy

We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!

Blazor Bootstrap: Grid Component

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
    Blazor Bootstrap Templates
+ + \ 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 a15c8eb53..d784e0e34 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.8.1

· One min read
Vikram Reddy

We are excited to release 1.8.1 with Grid and Tooltip components updates!!!

image

What's changed​

  • Grid component

    • Selection and filters both active bug #214

  • Tooltip component

    • Tooltip does not disappear #213
- - +
Skip to main content

Blazor Bootstrap v1.8.1

· One min read
Vikram Reddy

We are excited to release 1.8.1 with Grid and Tooltip components updates!!!

image

What's changed​

  • Grid component

    • Selection and filters both active bug #214

  • Tooltip component

    • Tooltip does not disappear #213
+ + \ 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 d4c29bd4d..0637d41fc 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.8.2

· One min read
Vikram Reddy

We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!

image

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
- - +
Skip to main content

Blazor Bootstrap v1.8.2

· One min read
Vikram Reddy

We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!

image

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
+ + \ 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 95d46b8aa..796e29748 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 11dc97630..3dcdbd954 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.9.0

· One min read
Vikram Reddy

We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!

image

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
- - +
Skip to main content

Blazor Bootstrap v1.9.0

· One min read
Vikram Reddy

We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!

image

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
+ + \ 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 1533491f8..d7a762921 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 4e6152eca..1c30cd96a 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.9.2

· One min read
Vikram Reddy

We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!

image

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
- - +
Skip to main content

Blazor Bootstrap v1.9.2

· One min read
Vikram Reddy

We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!

image

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
+ + \ 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 c2f933296..f929f5ad1 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 6274db8c9..1d8db615f 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 @@ - - + +
-
Skip to main content
- - +
Skip to main content
+ + \ 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 be235ffa9..6656f56b6 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.9.5

· One min read
Vikram Reddy

We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!

image

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
- - +
Skip to main content

Blazor Bootstrap v1.9.5

· One min read
Vikram Reddy

We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!

image

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
+ + \ 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 c867a9135..c1abb47be 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.10.0

· 2 min read
Vikram Reddy

We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!

image

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
- - +
Skip to main content

Blazor Bootstrap v1.10.0

· 2 min read
Vikram Reddy

We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!

image

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
+ + \ 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 85a2f959c..e318f9ff6 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.10.1

· One min read
Vikram Reddy

We are excited to release 1.10.1 with base component improvements and chart updates!!!

image

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
- - +
Skip to main content

Blazor Bootstrap v1.10.1

· One min read
Vikram Reddy

We are excited to release 1.10.1 with base component improvements and chart updates!!!

image

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
+ + \ 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 5a8f90f8f..c7c8fc1ab 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.10.2

· One min read
Vikram Reddy

We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!

image

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

- - +
Skip to main content

Blazor Bootstrap v1.10.2

· One min read
Vikram Reddy

We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!

image

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

+ + \ 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 d54f58f74..1188680ef 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.10.3

· One min read
Vikram Reddy

We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!

image

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

- - +
Skip to main content

Blazor Bootstrap v1.10.3

· One min read
Vikram Reddy

We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!

image

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

+ + \ 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 381e79867..ce31efded 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.10.4

· One min read
Vikram Reddy

We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!

image

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

- - +
Skip to main content

Blazor Bootstrap v1.10.4

· One min read
Vikram Reddy

We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!

image

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

+ + \ 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 865b0e49a..e81083dcb 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.10.5

· One min read
Vikram Reddy

We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!

image

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
- - +
Skip to main content

Blazor Bootstrap v1.10.5

· One min read
Vikram Reddy

We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!

image

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
+ + \ 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 4eb1c6b35..c2da17d75 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 @@ - - + +
-
Skip to main content

Blazor Bootstrap v1.11.0

· 2 min read
Vikram Reddy

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.

image

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
- - +
Skip to main content

Blazor Bootstrap v1.11.0

· 2 min read
Vikram Reddy

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.

image

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
+ + \ 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 new file mode 100644 index 000000000..bd82c9a6a --- /dev/null +++ b/blog/2024/02/04/blazorbootstrap-1.11.1.html @@ -0,0 +1,22 @@ + + + + + +Blazor Bootstrap v1.11.1 | Blazor Bootstrap Docs + + + + + + + + + + +
+
Skip to main content
+ + + + \ No newline at end of file diff --git a/blog/archive.html b/blog/archive.html index c21805f77..619041cbd 100644 --- a/blog/archive.html +++ b/blog/archive.html @@ -10,13 +10,13 @@ - - + +
-
Skip to main content

Archive

Archive

2021

2022

2023

2024

- - +
Skip to main content

Archive

Archive

2021

2022

2023

2024

+ + \ No newline at end of file diff --git a/blog/atom.xml b/blog/atom.xml index 0276d7285..9b6eb2c96 100644 --- a/blog/atom.xml +++ b/blog/atom.xml @@ -32,6 +32,24 @@ + + <![CDATA[Blazor Bootstrap v1.11.1]]> + https://docs.blazorbootstrap.com/blog/2024/02/04/blazorbootstrap-1.11.1 + + 2024-02-04T00:00:00.000Z + + We are excited to release 1.11.1 with PDF Viewer updates!!!

image

What's changed​

  • We have made improvements to the base components

  • PDF Viewer component

    • PDF Viewer JS call issue fixed. #547
]]> + + Vikram Reddy + https://github.com/gvreddy04 + + + + + + + + <![CDATA[Blazor Bootstrap v1.10.5]]> https://docs.blazorbootstrap.com/blog/2024/01/01/blazorbootstrap-1.10.5 diff --git a/blog/page/2.html b/blog/page/2.html index 66936a69e..7fd6fb432 100644 --- a/blog/page/2.html +++ b/blog/page/2.html @@ -10,13 +10,13 @@ - - + +
-
- - +
+ + \ No newline at end of file diff --git a/blog/page/3.html b/blog/page/3.html index 20acaa911..9c6854e0b 100644 --- a/blog/page/3.html +++ b/blog/page/3.html @@ -10,13 +10,13 @@ - - + +
-
- - +
+ + \ No newline at end of file diff --git a/blog/page/4.html b/blog/page/4.html index e4b4b3f7f..1a5bc4eed 100644 --- a/blog/page/4.html +++ b/blog/page/4.html @@ -10,13 +10,13 @@ - - + +
-
- - +
+ + \ No newline at end of file diff --git a/blog/page/5.html b/blog/page/5.html index 0c205f084..b81db7959 100644 --- a/blog/page/5.html +++ b/blog/page/5.html @@ -10,13 +10,13 @@ - - + +
-
- - +
+ + \ No newline at end of file diff --git a/blog/page/6.html b/blog/page/6.html index 192eb5b50..c9f8947bd 100644 --- a/blog/page/6.html +++ b/blog/page/6.html @@ -10,13 +10,13 @@ - - + +
-
- - +
+ + \ No newline at end of file diff --git a/blog/rss.xml b/blog/rss.xml index 3b3851a9d..f2f7705f1 100644 --- a/blog/rss.xml +++ b/blog/rss.xml @@ -29,6 +29,20 @@ tabs docs + + <![CDATA[Blazor Bootstrap v1.11.1]]> + https://docs.blazorbootstrap.com/blog/2024/02/04/blazorbootstrap-1.11.1 + https://docs.blazorbootstrap.com/blog/2024/02/04/blazorbootstrap-1.11.1 + Sun, 04 Feb 2024 00:00:00 GMT + + We are excited to release 1.11.1 with PDF Viewer updates!!!

image

What's changed​

  • We have made improvements to the base components

  • PDF Viewer component

    • PDF Viewer JS call issue fixed. #547
]]> + v1.11.1 + blazor + bootstrap + bootstrap5 + blazorbootstrap + pdfviewer + <![CDATA[Blazor Bootstrap v1.10.5]]> https://docs.blazorbootstrap.com/blog/2024/01/01/blazorbootstrap-1.10.5 diff --git a/blog/tags.html b/blog/tags.html index d4df573cf..8bbaa43b0 100644 --- a/blog/tags.html +++ b/blog/tags.html @@ -10,13 +10,13 @@ - - + +
-

Tags

B

- - +

Tags

B

+ + \ No newline at end of file diff --git a/blog/tags/accordion.html b/blog/tags/accordion.html index 5d4179784..214a9b082 100644 --- a/blog/tags/accordion.html +++ b/blog/tags/accordion.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "accordion"

View All Tags
- - +

2 posts tagged with "accordion"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/alert.html b/blog/tags/alert.html index 9b9449f14..f86604657 100644 --- a/blog/tags/alert.html +++ b/blog/tags/alert.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "alert"

View All Tags
- - +

One post tagged with "alert"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/autocomplete.html b/blog/tags/autocomplete.html index 01a40643c..7f9c2cd39 100644 --- a/blog/tags/autocomplete.html +++ b/blog/tags/autocomplete.html @@ -10,13 +10,13 @@ - - + +
-

9 posts tagged with "autocomplete"

View All Tags
- - +

9 posts tagged with "autocomplete"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/badge.html b/blog/tags/badge.html index c3877aef4..a6ade51bd 100644 --- a/blog/tags/badge.html +++ b/blog/tags/badge.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "badge"

View All Tags
- - +

2 posts tagged with "badge"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-autocomplete.html b/blog/tags/blazor-autocomplete.html index 03509a9af..4f4528f63 100644 --- a/blog/tags/blazor-autocomplete.html +++ b/blog/tags/blazor-autocomplete.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-autocomplete"

View All Tags
- - +

One post tagged with "blazor-autocomplete"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-bar-chart.html b/blog/tags/blazor-bar-chart.html index a1c57d2c4..78c35eee3 100644 --- a/blog/tags/blazor-bar-chart.html +++ b/blog/tags/blazor-bar-chart.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-bar-chart"

View All Tags
- - +

One post tagged with "blazor-bar-chart"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-bootstrap.html b/blog/tags/blazor-bootstrap.html index 62f81b631..b07001cbc 100644 --- a/blog/tags/blazor-bootstrap.html +++ b/blog/tags/blazor-bootstrap.html @@ -10,13 +10,13 @@ - - + +
-

5 posts tagged with "blazor-bootstrap"

View All Tags
- - +

5 posts tagged with "blazor-bootstrap"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-charts.html b/blog/tags/blazor-charts.html index 94fdec34a..758cb6443 100644 --- a/blog/tags/blazor-charts.html +++ b/blog/tags/blazor-charts.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-charts"

View All Tags
- - +

One post tagged with "blazor-charts"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-confirm-dialog.html b/blog/tags/blazor-confirm-dialog.html index 57d71908e..d53051885 100644 --- a/blog/tags/blazor-confirm-dialog.html +++ b/blog/tags/blazor-confirm-dialog.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "blazor-confirm-dialog"

View All Tags
- - +

2 posts tagged with "blazor-confirm-dialog"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-currency-input.html b/blog/tags/blazor-currency-input.html index 429d4a169..df7c14065 100644 --- a/blog/tags/blazor-currency-input.html +++ b/blog/tags/blazor-currency-input.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-currency-input"

View All Tags
- - +

One post tagged with "blazor-currency-input"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-dialog.html b/blog/tags/blazor-dialog.html index 3246fef6b..ff905cf17 100644 --- a/blog/tags/blazor-dialog.html +++ b/blog/tags/blazor-dialog.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "blazor-dialog"

View All Tags
- - +

2 posts tagged with "blazor-dialog"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-doughnut-chart.html b/blog/tags/blazor-doughnut-chart.html index 0818c009d..707c91c52 100644 --- a/blog/tags/blazor-doughnut-chart.html +++ b/blog/tags/blazor-doughnut-chart.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-doughnut-chart"

View All Tags
- - +

One post tagged with "blazor-doughnut-chart"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-grid-filtering.html b/blog/tags/blazor-grid-filtering.html index f1ac20ee7..450d630c0 100644 --- a/blog/tags/blazor-grid-filtering.html +++ b/blog/tags/blazor-grid-filtering.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-grid-filtering"

View All Tags
- - +

One post tagged with "blazor-grid-filtering"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-grid-paging.html b/blog/tags/blazor-grid-paging.html index 2735898e1..1089187ff 100644 --- a/blog/tags/blazor-grid-paging.html +++ b/blog/tags/blazor-grid-paging.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-grid-paging"

View All Tags
- - +

One post tagged with "blazor-grid-paging"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-grid-sorting.html b/blog/tags/blazor-grid-sorting.html index 53252261d..83d9d8958 100644 --- a/blog/tags/blazor-grid-sorting.html +++ b/blog/tags/blazor-grid-sorting.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-grid-sorting"

View All Tags
- - +

One post tagged with "blazor-grid-sorting"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-grid.html b/blog/tags/blazor-grid.html index 09a075ae8..ca3086209 100644 --- a/blog/tags/blazor-grid.html +++ b/blog/tags/blazor-grid.html @@ -10,13 +10,13 @@ - - + +
-

3 posts tagged with "blazor-grid"

View All Tags
- - +

3 posts tagged with "blazor-grid"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-input-number.html b/blog/tags/blazor-input-number.html index 7298255d8..1b538bc4b 100644 --- a/blog/tags/blazor-input-number.html +++ b/blog/tags/blazor-input-number.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-input-number"

View All Tags
- - +

One post tagged with "blazor-input-number"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-input.html b/blog/tags/blazor-input.html index 21e3e1fa1..852b2d2f5 100644 --- a/blog/tags/blazor-input.html +++ b/blog/tags/blazor-input.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-input"

View All Tags
- - +

One post tagged with "blazor-input"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-line-chart.html b/blog/tags/blazor-line-chart.html index 94ee71e9d..c3eb85e71 100644 --- a/blog/tags/blazor-line-chart.html +++ b/blog/tags/blazor-line-chart.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-line-chart"

View All Tags
- - +

One post tagged with "blazor-line-chart"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-number-input.html b/blog/tags/blazor-number-input.html index c3bb98e8c..5bf9388ee 100644 --- a/blog/tags/blazor-number-input.html +++ b/blog/tags/blazor-number-input.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-number-input"

View All Tags
- - +

One post tagged with "blazor-number-input"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-number.html b/blog/tags/blazor-number.html index 5a8b3ee7d..eb6dd4640 100644 --- a/blog/tags/blazor-number.html +++ b/blog/tags/blazor-number.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-number"

View All Tags
- - +

One post tagged with "blazor-number"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-offcanvas.html b/blog/tags/blazor-offcanvas.html index 181684df7..c191cdeb8 100644 --- a/blog/tags/blazor-offcanvas.html +++ b/blog/tags/blazor-offcanvas.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-offcanvas"

View All Tags
- - +

One post tagged with "blazor-offcanvas"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-pie-chart.html b/blog/tags/blazor-pie-chart.html index e0077e608..e8c11ad47 100644 --- a/blog/tags/blazor-pie-chart.html +++ b/blog/tags/blazor-pie-chart.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-pie-chart"

View All Tags
- - +

One post tagged with "blazor-pie-chart"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-preload.html b/blog/tags/blazor-preload.html index ad20338f0..ccc571707 100644 --- a/blog/tags/blazor-preload.html +++ b/blog/tags/blazor-preload.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "blazor-preload"

View All Tags
- - +

2 posts tagged with "blazor-preload"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-progress-bar.html b/blog/tags/blazor-progress-bar.html index d66977d86..37c18f901 100644 --- a/blog/tags/blazor-progress-bar.html +++ b/blog/tags/blazor-progress-bar.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-progress-bar"

View All Tags
- - +

One post tagged with "blazor-progress-bar"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-progress.html b/blog/tags/blazor-progress.html index 0c13dec0f..b9fb7cd51 100644 --- a/blog/tags/blazor-progress.html +++ b/blog/tags/blazor-progress.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-progress"

View All Tags
- - +

One post tagged with "blazor-progress"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-sidemodal.html b/blog/tags/blazor-sidemodal.html index e19c314e3..6d800f252 100644 --- a/blog/tags/blazor-sidemodal.html +++ b/blog/tags/blazor-sidemodal.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-sidemodal"

View All Tags
- - +

One post tagged with "blazor-sidemodal"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-spinner.html b/blog/tags/blazor-spinner.html index 4e2a4f4c6..238b9ae7d 100644 --- a/blog/tags/blazor-spinner.html +++ b/blog/tags/blazor-spinner.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "blazor-spinner"

View All Tags
- - +

2 posts tagged with "blazor-spinner"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-starter-templates.html b/blog/tags/blazor-starter-templates.html index b5e09f835..aa9da7f0e 100644 --- a/blog/tags/blazor-starter-templates.html +++ b/blog/tags/blazor-starter-templates.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-starter-templates"

View All Tags
- - +

One post tagged with "blazor-starter-templates"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-tabs.html b/blog/tags/blazor-tabs.html index e70dbe864..2175d1a9b 100644 --- a/blog/tags/blazor-tabs.html +++ b/blog/tags/blazor-tabs.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-tabs"

View All Tags
- - +

One post tagged with "blazor-tabs"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-templates.html b/blog/tags/blazor-templates.html index d32570bcc..cf6ee0be3 100644 --- a/blog/tags/blazor-templates.html +++ b/blog/tags/blazor-templates.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-templates"

View All Tags
- - +

One post tagged with "blazor-templates"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-toast.html b/blog/tags/blazor-toast.html index f17891ce1..2c2e472fc 100644 --- a/blog/tags/blazor-toast.html +++ b/blog/tags/blazor-toast.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazor-toast"

View All Tags
- - +

One post tagged with "blazor-toast"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor-toasts.html b/blog/tags/blazor-toasts.html index b2d4d201d..647c52427 100644 --- a/blog/tags/blazor-toasts.html +++ b/blog/tags/blazor-toasts.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "blazor-toasts"

View All Tags
- - +

2 posts tagged with "blazor-toasts"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor.html b/blog/tags/blazor.html index ed0ec4d02..81d7a3b56 100644 --- a/blog/tags/blazor.html +++ b/blog/tags/blazor.html @@ -3,20 +3,20 @@ -35 posts tagged with "blazor" | Blazor Bootstrap Docs +36 posts tagged with "blazor" | Blazor Bootstrap Docs - - + +
-

35 posts tagged with "blazor"

View All Tags
- - +

36 posts tagged with "blazor"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor/page/2.html b/blog/tags/blazor/page/2.html index b38bbc754..c17d4dbdf 100644 --- a/blog/tags/blazor/page/2.html +++ b/blog/tags/blazor/page/2.html @@ -3,20 +3,20 @@ -35 posts tagged with "blazor" | Blazor Bootstrap Docs +36 posts tagged with "blazor" | Blazor Bootstrap Docs - - + +
-

35 posts tagged with "blazor"

View All Tags
- - +

36 posts tagged with "blazor"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor/page/3.html b/blog/tags/blazor/page/3.html index 31423f17b..8d677d2dd 100644 --- a/blog/tags/blazor/page/3.html +++ b/blog/tags/blazor/page/3.html @@ -3,20 +3,20 @@ -35 posts tagged with "blazor" | Blazor Bootstrap Docs +36 posts tagged with "blazor" | Blazor Bootstrap Docs - - + +
-

35 posts tagged with "blazor"

View All Tags
- - +

36 posts tagged with "blazor"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazor/page/4.html b/blog/tags/blazor/page/4.html index c341ed0c2..5e4a47352 100644 --- a/blog/tags/blazor/page/4.html +++ b/blog/tags/blazor/page/4.html @@ -3,20 +3,20 @@ -35 posts tagged with "blazor" | Blazor Bootstrap Docs +36 posts tagged with "blazor" | Blazor Bootstrap Docs - - + +
-

35 posts tagged with "blazor"

View All Tags
- - +

36 posts tagged with "blazor"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazoraccordion.html b/blog/tags/blazoraccordion.html index 7b476974d..e21502266 100644 --- a/blog/tags/blazoraccordion.html +++ b/blog/tags/blazoraccordion.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazoraccordion"

View All Tags
- - +

One post tagged with "blazoraccordion"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorautocomplete.html b/blog/tags/blazorautocomplete.html index 475f1d6c6..837e12b02 100644 --- a/blog/tags/blazorautocomplete.html +++ b/blog/tags/blazorautocomplete.html @@ -10,13 +10,13 @@ - - + +
-

4 posts tagged with "blazorautocomplete"

View All Tags
- - +

4 posts tagged with "blazorautocomplete"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorbadge.html b/blog/tags/blazorbadge.html index 0d6918527..a7f0c57d9 100644 --- a/blog/tags/blazorbadge.html +++ b/blog/tags/blazorbadge.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazorbadge"

View All Tags
- - +

One post tagged with "blazorbadge"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorbootstrap-starter-templates.html b/blog/tags/blazorbootstrap-starter-templates.html index f8125790e..81f8b7c2f 100644 --- a/blog/tags/blazorbootstrap-starter-templates.html +++ b/blog/tags/blazorbootstrap-starter-templates.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazorbootstrap-starter-templates"

View All Tags
- - +

One post tagged with "blazorbootstrap-starter-templates"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorbootstrap.html b/blog/tags/blazorbootstrap.html index 95d51e5b7..0b86d4656 100644 --- a/blog/tags/blazorbootstrap.html +++ b/blog/tags/blazorbootstrap.html @@ -3,20 +3,20 @@ -55 posts tagged with "blazorbootstrap" | Blazor Bootstrap Docs +56 posts tagged with "blazorbootstrap" | Blazor Bootstrap Docs - - + +
-

55 posts tagged with "blazorbootstrap"

View All Tags
- - +

56 posts tagged with "blazorbootstrap"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorbootstrap/page/2.html b/blog/tags/blazorbootstrap/page/2.html index 2d316c899..77316f71a 100644 --- a/blog/tags/blazorbootstrap/page/2.html +++ b/blog/tags/blazorbootstrap/page/2.html @@ -3,20 +3,20 @@ -55 posts tagged with "blazorbootstrap" | Blazor Bootstrap Docs +56 posts tagged with "blazorbootstrap" | Blazor Bootstrap Docs - - + +
-

55 posts tagged with "blazorbootstrap"

View All Tags
- - +

56 posts tagged with "blazorbootstrap"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorbootstrap/page/3.html b/blog/tags/blazorbootstrap/page/3.html index d045f5f3d..94745feef 100644 --- a/blog/tags/blazorbootstrap/page/3.html +++ b/blog/tags/blazorbootstrap/page/3.html @@ -3,20 +3,20 @@ -55 posts tagged with "blazorbootstrap" | Blazor Bootstrap Docs +56 posts tagged with "blazorbootstrap" | Blazor Bootstrap Docs - - + +
-

55 posts tagged with "blazorbootstrap"

View All Tags
- - +

56 posts tagged with "blazorbootstrap"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorbootstrap/page/4.html b/blog/tags/blazorbootstrap/page/4.html index 6fc525f2f..2c047dae0 100644 --- a/blog/tags/blazorbootstrap/page/4.html +++ b/blog/tags/blazorbootstrap/page/4.html @@ -3,20 +3,20 @@ -55 posts tagged with "blazorbootstrap" | Blazor Bootstrap Docs +56 posts tagged with "blazorbootstrap" | Blazor Bootstrap Docs - - + +
-

55 posts tagged with "blazorbootstrap"

View All Tags
- - +

56 posts tagged with "blazorbootstrap"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorbootstrap/page/5.html b/blog/tags/blazorbootstrap/page/5.html index 2cfe63dd4..a1c85895c 100644 --- a/blog/tags/blazorbootstrap/page/5.html +++ b/blog/tags/blazorbootstrap/page/5.html @@ -3,20 +3,20 @@ -55 posts tagged with "blazorbootstrap" | Blazor Bootstrap Docs +56 posts tagged with "blazorbootstrap" | Blazor Bootstrap Docs - - + +
-

55 posts tagged with "blazorbootstrap"

View All Tags
- - +

56 posts tagged with "blazorbootstrap"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorbootstrap/page/6.html b/blog/tags/blazorbootstrap/page/6.html index 5b86f6f95..2bcf0bc0c 100644 --- a/blog/tags/blazorbootstrap/page/6.html +++ b/blog/tags/blazorbootstrap/page/6.html @@ -3,20 +3,20 @@ -55 posts tagged with "blazorbootstrap" | Blazor Bootstrap Docs +56 posts tagged with "blazorbootstrap" | Blazor Bootstrap Docs - - + +
-

55 posts tagged with "blazorbootstrap"

View All Tags
- - +

56 posts tagged with "blazorbootstrap"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorbreadcrumb.html b/blog/tags/blazorbreadcrumb.html index 8e4d46c67..de76b91a4 100644 --- a/blog/tags/blazorbreadcrumb.html +++ b/blog/tags/blazorbreadcrumb.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazorbreadcrumb"

View All Tags
- - +

One post tagged with "blazorbreadcrumb"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorbutton.html b/blog/tags/blazorbutton.html index 174b1c534..4acb6be57 100644 --- a/blog/tags/blazorbutton.html +++ b/blog/tags/blazorbutton.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "blazorbutton"

View All Tags
- - +

2 posts tagged with "blazorbutton"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorbuttons.html b/blog/tags/blazorbuttons.html index bd54194ae..2d1207e0b 100644 --- a/blog/tags/blazorbuttons.html +++ b/blog/tags/blazorbuttons.html @@ -10,13 +10,13 @@ - - + +
-

3 posts tagged with "blazorbuttons"

View All Tags
- - +

3 posts tagged with "blazorbuttons"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorchart.html b/blog/tags/blazorchart.html index f1a604796..771248137 100644 --- a/blog/tags/blazorchart.html +++ b/blog/tags/blazorchart.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazorchart"

View All Tags
- - +

One post tagged with "blazorchart"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorcollapse.html b/blog/tags/blazorcollapse.html index 4baec4909..fd1057162 100644 --- a/blog/tags/blazorcollapse.html +++ b/blog/tags/blazorcollapse.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazorcollapse"

View All Tags
- - +

One post tagged with "blazorcollapse"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorconfirmdialog.html b/blog/tags/blazorconfirmdialog.html index e36088b81..f8695e6c0 100644 --- a/blog/tags/blazorconfirmdialog.html +++ b/blog/tags/blazorconfirmdialog.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazorconfirmdialog"

View All Tags
- - +

One post tagged with "blazorconfirmdialog"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorconfirmmodal.html b/blog/tags/blazorconfirmmodal.html index f1452e78d..9a526b95a 100644 --- a/blog/tags/blazorconfirmmodal.html +++ b/blog/tags/blazorconfirmmodal.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazorconfirmmodal"

View All Tags
- - +

One post tagged with "blazorconfirmmodal"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorcurrencyinput.html b/blog/tags/blazorcurrencyinput.html index b05ddc4fd..913c2dfb9 100644 --- a/blog/tags/blazorcurrencyinput.html +++ b/blog/tags/blazorcurrencyinput.html @@ -10,13 +10,13 @@ - - + +
-

3 posts tagged with "blazorcurrencyinput"

View All Tags
- - +

3 posts tagged with "blazorcurrencyinput"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazordate.html b/blog/tags/blazordate.html index d3a884285..dac982d29 100644 --- a/blog/tags/blazordate.html +++ b/blog/tags/blazordate.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazordate"

View All Tags
- - +

One post tagged with "blazordate"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazordateinput.html b/blog/tags/blazordateinput.html index eea457ad9..90751b71d 100644 --- a/blog/tags/blazordateinput.html +++ b/blog/tags/blazordateinput.html @@ -10,13 +10,13 @@ - - + +
-

4 posts tagged with "blazordateinput"

View All Tags
- - +

4 posts tagged with "blazordateinput"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazordatepicker.html b/blog/tags/blazordatepicker.html index 706b47f0b..c129d7c5e 100644 --- a/blog/tags/blazordatepicker.html +++ b/blog/tags/blazordatepicker.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "blazordatepicker"

View All Tags
- - +

2 posts tagged with "blazordatepicker"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazordialog.html b/blog/tags/blazordialog.html index e6b48faf2..d37bf4ae7 100644 --- a/blog/tags/blazordialog.html +++ b/blog/tags/blazordialog.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazordialog"

View All Tags
- - +

One post tagged with "blazordialog"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazordropdown.html b/blog/tags/blazordropdown.html index 19d1e2520..d15fab5b7 100644 --- a/blog/tags/blazordropdown.html +++ b/blog/tags/blazordropdown.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazordropdown"

View All Tags
- - +

One post tagged with "blazordropdown"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorgrid.html b/blog/tags/blazorgrid.html index 0cba80a0a..76657beb1 100644 --- a/blog/tags/blazorgrid.html +++ b/blog/tags/blazorgrid.html @@ -10,13 +10,13 @@ - - + +
-

13 posts tagged with "blazorgrid"

View All Tags
- - +

13 posts tagged with "blazorgrid"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorgrid/page/2.html b/blog/tags/blazorgrid/page/2.html index b303ac3ba..3c6cdaf40 100644 --- a/blog/tags/blazorgrid/page/2.html +++ b/blog/tags/blazorgrid/page/2.html @@ -10,13 +10,13 @@ - - + +
-

13 posts tagged with "blazorgrid"

View All Tags
- - +

13 posts tagged with "blazorgrid"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazoricon.html b/blog/tags/blazoricon.html index cdca1a4da..8e29cfd3b 100644 --- a/blog/tags/blazoricon.html +++ b/blog/tags/blazoricon.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "blazoricon"

View All Tags
- - +

2 posts tagged with "blazoricon"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazormodal.html b/blog/tags/blazormodal.html index 645e128ca..39df20f52 100644 --- a/blog/tags/blazormodal.html +++ b/blog/tags/blazormodal.html @@ -10,13 +10,13 @@ - - + +
-

8 posts tagged with "blazormodal"

View All Tags
- - +

8 posts tagged with "blazormodal"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazormodalservice.html b/blog/tags/blazormodalservice.html index f2c5470a5..a708e587d 100644 --- a/blog/tags/blazormodalservice.html +++ b/blog/tags/blazormodalservice.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "blazormodalservice"

View All Tags
- - +

2 posts tagged with "blazormodalservice"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazornumber.html b/blog/tags/blazornumber.html index feb7d6287..39633715f 100644 --- a/blog/tags/blazornumber.html +++ b/blog/tags/blazornumber.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazornumber"

View All Tags
- - +

One post tagged with "blazornumber"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazornumberinput.html b/blog/tags/blazornumberinput.html index c4eab0671..a4a4658c0 100644 --- a/blog/tags/blazornumberinput.html +++ b/blog/tags/blazornumberinput.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazornumberinput"

View All Tags
- - +

One post tagged with "blazornumberinput"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazoroffcanvas.html b/blog/tags/blazoroffcanvas.html index 589831eab..c0dc1208a 100644 --- a/blog/tags/blazoroffcanvas.html +++ b/blog/tags/blazoroffcanvas.html @@ -10,13 +10,13 @@ - - + +
-

3 posts tagged with "blazoroffcanvas"

View All Tags
- - +

3 posts tagged with "blazoroffcanvas"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorprogress.html b/blog/tags/blazorprogress.html index 8f8766ad9..5197c6740 100644 --- a/blog/tags/blazorprogress.html +++ b/blog/tags/blazorprogress.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazorprogress"

View All Tags
- - +

One post tagged with "blazorprogress"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorsidebar.html b/blog/tags/blazorsidebar.html index 96207c9a8..925ee05eb 100644 --- a/blog/tags/blazorsidebar.html +++ b/blog/tags/blazorsidebar.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "blazorsidebar"

View All Tags
- - +

2 posts tagged with "blazorsidebar"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazorswitch.html b/blog/tags/blazorswitch.html index ac3df7b13..6f4d36c9f 100644 --- a/blog/tags/blazorswitch.html +++ b/blog/tags/blazorswitch.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "blazorswitch"

View All Tags
- - +

2 posts tagged with "blazorswitch"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazortabs.html b/blog/tags/blazortabs.html index 784ecda15..a98d2f574 100644 --- a/blog/tags/blazortabs.html +++ b/blog/tags/blazortabs.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazortabs"

View All Tags
- - +

One post tagged with "blazortabs"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazortime.html b/blog/tags/blazortime.html index 3e7558210..63a5c1041 100644 --- a/blog/tags/blazortime.html +++ b/blog/tags/blazortime.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazortime"

View All Tags
- - +

One post tagged with "blazortime"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazortimeinput.html b/blog/tags/blazortimeinput.html index 63880c910..31c48898c 100644 --- a/blog/tags/blazortimeinput.html +++ b/blog/tags/blazortimeinput.html @@ -10,13 +10,13 @@ - - + +
-

3 posts tagged with "blazortimeinput"

View All Tags
- - +

3 posts tagged with "blazortimeinput"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazortimepicker.html b/blog/tags/blazortimepicker.html index 36d42b4a7..8958e4a49 100644 --- a/blog/tags/blazortimepicker.html +++ b/blog/tags/blazortimepicker.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazortimepicker"

View All Tags
- - +

One post tagged with "blazortimepicker"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazortoast.html b/blog/tags/blazortoast.html index dff3a46fd..cc917cab0 100644 --- a/blog/tags/blazortoast.html +++ b/blog/tags/blazortoast.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "blazortoast"

View All Tags
- - +

One post tagged with "blazortoast"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazortoasts.html b/blog/tags/blazortoasts.html index 265942848..93f432fd5 100644 --- a/blog/tags/blazortoasts.html +++ b/blog/tags/blazortoasts.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "blazortoasts"

View All Tags
- - +

2 posts tagged with "blazortoasts"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/blazortooltip.html b/blog/tags/blazortooltip.html index e9388470c..0fb76e0af 100644 --- a/blog/tags/blazortooltip.html +++ b/blog/tags/blazortooltip.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "blazortooltip"

View All Tags
- - +

2 posts tagged with "blazortooltip"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/bootstrap-5.html b/blog/tags/bootstrap-5.html index 788664b3c..3d55d67d8 100644 --- a/blog/tags/bootstrap-5.html +++ b/blog/tags/bootstrap-5.html @@ -3,20 +3,20 @@ -28 posts tagged with "bootstrap5" | Blazor Bootstrap Docs +29 posts tagged with "bootstrap5" | Blazor Bootstrap Docs - - + +
-

28 posts tagged with "bootstrap5"

View All Tags
- - +

29 posts tagged with "bootstrap5"

View All Tags
+ + \ 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 0251957a5..fcc94b20f 100644 --- a/blog/tags/bootstrap-5/page/2.html +++ b/blog/tags/bootstrap-5/page/2.html @@ -3,20 +3,20 @@ -28 posts tagged with "bootstrap5" | Blazor Bootstrap Docs +29 posts tagged with "bootstrap5" | Blazor Bootstrap Docs - - + +
-

28 posts tagged with "bootstrap5"

View All Tags
- - +

29 posts tagged with "bootstrap5"

View All Tags
+ + \ 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 c44f6c819..e45bc450f 100644 --- a/blog/tags/bootstrap-5/page/3.html +++ b/blog/tags/bootstrap-5/page/3.html @@ -3,20 +3,20 @@ -28 posts tagged with "bootstrap5" | Blazor Bootstrap Docs +29 posts tagged with "bootstrap5" | Blazor Bootstrap Docs - - + +
-

28 posts tagged with "bootstrap5"

View All Tags
- - +

29 posts tagged with "bootstrap5"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/bootstrap.html b/blog/tags/bootstrap.html index 90ead2965..b873a5f05 100644 --- a/blog/tags/bootstrap.html +++ b/blog/tags/bootstrap.html @@ -3,20 +3,20 @@ -28 posts tagged with "bootstrap" | Blazor Bootstrap Docs +29 posts tagged with "bootstrap" | Blazor Bootstrap Docs - - + +
-

28 posts tagged with "bootstrap"

View All Tags
- - +

29 posts tagged with "bootstrap"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/bootstrap/page/2.html b/blog/tags/bootstrap/page/2.html index 18b79ef36..d4dd726bf 100644 --- a/blog/tags/bootstrap/page/2.html +++ b/blog/tags/bootstrap/page/2.html @@ -3,20 +3,20 @@ -28 posts tagged with "bootstrap" | Blazor Bootstrap Docs +29 posts tagged with "bootstrap" | Blazor Bootstrap Docs - - + +
-

28 posts tagged with "bootstrap"

View All Tags
- - +

29 posts tagged with "bootstrap"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/bootstrap/page/3.html b/blog/tags/bootstrap/page/3.html index 934835be7..cf76303ce 100644 --- a/blog/tags/bootstrap/page/3.html +++ b/blog/tags/bootstrap/page/3.html @@ -3,20 +3,20 @@ -28 posts tagged with "bootstrap" | Blazor Bootstrap Docs +29 posts tagged with "bootstrap" | Blazor Bootstrap Docs - - + +
-

28 posts tagged with "bootstrap"

View All Tags
- - +

29 posts tagged with "bootstrap"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/breadcrumb.html b/blog/tags/breadcrumb.html index 5a27d8adb..6456b882a 100644 --- a/blog/tags/breadcrumb.html +++ b/blog/tags/breadcrumb.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "breadcrumb"

View All Tags
- - +

One post tagged with "breadcrumb"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/breadcrumbservice.html b/blog/tags/breadcrumbservice.html index 607ac7986..80df7abc0 100644 --- a/blog/tags/breadcrumbservice.html +++ b/blog/tags/breadcrumbservice.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "breadcrumbservice"

View All Tags
- - +

One post tagged with "breadcrumbservice"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/button.html b/blog/tags/button.html index 96740ecdb..adbe28d50 100644 --- a/blog/tags/button.html +++ b/blog/tags/button.html @@ -10,13 +10,13 @@ - - + +
-

3 posts tagged with "button"

View All Tags
- - +

3 posts tagged with "button"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/buttons.html b/blog/tags/buttons.html index 5cc0abe83..db141b898 100644 --- a/blog/tags/buttons.html +++ b/blog/tags/buttons.html @@ -10,13 +10,13 @@ - - + +
-

3 posts tagged with "buttons"

View All Tags
- - +

3 posts tagged with "buttons"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/callout.html b/blog/tags/callout.html index 514dc056c..01c8711a2 100644 --- a/blog/tags/callout.html +++ b/blog/tags/callout.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "callout"

View All Tags
- - +

One post tagged with "callout"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/chart.html b/blog/tags/chart.html index 8e5412d04..b410f2370 100644 --- a/blog/tags/chart.html +++ b/blog/tags/chart.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "chart"

View All Tags
- - +

One post tagged with "chart"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/charts.html b/blog/tags/charts.html index 2d4725fea..6a0c834eb 100644 --- a/blog/tags/charts.html +++ b/blog/tags/charts.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "charts"

View All Tags
- - +

2 posts tagged with "charts"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/collapse.html b/blog/tags/collapse.html index 14ca606a6..da0ece853 100644 --- a/blog/tags/collapse.html +++ b/blog/tags/collapse.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "collapse"

View All Tags
- - +

One post tagged with "collapse"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/confirm-dialog.html b/blog/tags/confirm-dialog.html index 84db8c774..6a7162466 100644 --- a/blog/tags/confirm-dialog.html +++ b/blog/tags/confirm-dialog.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "confirm dialog"

View All Tags
- - +

One post tagged with "confirm dialog"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/confirmdialog.html b/blog/tags/confirmdialog.html index 3f1050838..fdc780e9e 100644 --- a/blog/tags/confirmdialog.html +++ b/blog/tags/confirmdialog.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "confirmdialog"

View All Tags
- - +

One post tagged with "confirmdialog"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/confirmmodal.html b/blog/tags/confirmmodal.html index 46df861fa..d9bb3feef 100644 --- a/blog/tags/confirmmodal.html +++ b/blog/tags/confirmmodal.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "confirmmodal"

View All Tags
- - +

One post tagged with "confirmmodal"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/currency.html b/blog/tags/currency.html index c684aaaff..fa16db346 100644 --- a/blog/tags/currency.html +++ b/blog/tags/currency.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "currency"

View All Tags
- - +

One post tagged with "currency"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/currencyinput.html b/blog/tags/currencyinput.html index 2c830eb42..a6266cf47 100644 --- a/blog/tags/currencyinput.html +++ b/blog/tags/currencyinput.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "currencyinput"

View All Tags
- - +

2 posts tagged with "currencyinput"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/date.html b/blog/tags/date.html index a73f66ce4..ed00b138b 100644 --- a/blog/tags/date.html +++ b/blog/tags/date.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "date"

View All Tags
- - +

One post tagged with "date"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/dateinput.html b/blog/tags/dateinput.html index 97f33f4ee..864cfddb4 100644 --- a/blog/tags/dateinput.html +++ b/blog/tags/dateinput.html @@ -10,13 +10,13 @@ - - + +
-

4 posts tagged with "dateinput"

View All Tags
- - +

4 posts tagged with "dateinput"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/datepicker.html b/blog/tags/datepicker.html index 5154e0c94..f1187cfd8 100644 --- a/blog/tags/datepicker.html +++ b/blog/tags/datepicker.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "datepicker"

View All Tags
- - +

2 posts tagged with "datepicker"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/dialog.html b/blog/tags/dialog.html index 04b11db93..c7d18e380 100644 --- a/blog/tags/dialog.html +++ b/blog/tags/dialog.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "dialog"

View All Tags
- - +

One post tagged with "dialog"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/docs.html b/blog/tags/docs.html index 1efd54101..23573feac 100644 --- a/blog/tags/docs.html +++ b/blog/tags/docs.html @@ -10,13 +10,13 @@ - - + +
-

7 posts tagged with "docs"

View All Tags
- - +

7 posts tagged with "docs"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/dropdown.html b/blog/tags/dropdown.html index 2c469c31d..4af2f6444 100644 --- a/blog/tags/dropdown.html +++ b/blog/tags/dropdown.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "dropdown"

View All Tags
- - +

One post tagged with "dropdown"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/grid.html b/blog/tags/grid.html index e596955af..7bdcdfb5c 100644 --- a/blog/tags/grid.html +++ b/blog/tags/grid.html @@ -10,13 +10,13 @@ - - + +
-

18 posts tagged with "grid"

View All Tags
- - +

18 posts tagged with "grid"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/grid/page/2.html b/blog/tags/grid/page/2.html index 54c65058d..a6bf47e91 100644 --- a/blog/tags/grid/page/2.html +++ b/blog/tags/grid/page/2.html @@ -10,13 +10,13 @@ - - + +
-

18 posts tagged with "grid"

View All Tags
- - +

18 posts tagged with "grid"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/icon.html b/blog/tags/icon.html index 035cf1766..618c7217e 100644 --- a/blog/tags/icon.html +++ b/blog/tags/icon.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "icon"

View All Tags
- - +

2 posts tagged with "icon"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/icons.html b/blog/tags/icons.html index 6d2244bf4..c24afea2d 100644 --- a/blog/tags/icons.html +++ b/blog/tags/icons.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "icons"

View All Tags
- - +

One post tagged with "icons"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/input-number.html b/blog/tags/input-number.html index 3523b5caf..a6184aaf4 100644 --- a/blog/tags/input-number.html +++ b/blog/tags/input-number.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "input-number"

View All Tags
- - +

One post tagged with "input-number"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/input.html b/blog/tags/input.html index 74f101d8e..28a330ee7 100644 --- a/blog/tags/input.html +++ b/blog/tags/input.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "input"

View All Tags
- - +

2 posts tagged with "input"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/layout.html b/blog/tags/layout.html index e7d190880..0b71556e2 100644 --- a/blog/tags/layout.html +++ b/blog/tags/layout.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "layout"

View All Tags
- - +

One post tagged with "layout"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/leftmenu.html b/blog/tags/leftmenu.html index 84f8aab0f..1347ecd8b 100644 --- a/blog/tags/leftmenu.html +++ b/blog/tags/leftmenu.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "leftmenu"

View All Tags
- - +

One post tagged with "leftmenu"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/modal.html b/blog/tags/modal.html index 4927e8162..aaa8644da 100644 --- a/blog/tags/modal.html +++ b/blog/tags/modal.html @@ -10,13 +10,13 @@ - - + +
-

12 posts tagged with "modal"

View All Tags
- - +

12 posts tagged with "modal"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/modal/page/2.html b/blog/tags/modal/page/2.html index e3ad83c91..2b621ba33 100644 --- a/blog/tags/modal/page/2.html +++ b/blog/tags/modal/page/2.html @@ -10,13 +10,13 @@ - - + +
-

12 posts tagged with "modal"

View All Tags
- - +

12 posts tagged with "modal"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/modalservice.html b/blog/tags/modalservice.html index 6842e626e..d6db0310b 100644 --- a/blog/tags/modalservice.html +++ b/blog/tags/modalservice.html @@ -10,13 +10,13 @@ - - + +
-

3 posts tagged with "modalservice"

View All Tags
- - +

3 posts tagged with "modalservice"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/navigation.html b/blog/tags/navigation.html index 001b3a238..d5f5753ef 100644 --- a/blog/tags/navigation.html +++ b/blog/tags/navigation.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "navigation"

View All Tags
- - +

One post tagged with "navigation"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/numberinput.html b/blog/tags/numberinput.html index 4fc22a357..d0a6900f7 100644 --- a/blog/tags/numberinput.html +++ b/blog/tags/numberinput.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "numberinput"

View All Tags
- - +

One post tagged with "numberinput"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/offcanvas.html b/blog/tags/offcanvas.html index fab7a06e2..691db3b0f 100644 --- a/blog/tags/offcanvas.html +++ b/blog/tags/offcanvas.html @@ -10,13 +10,13 @@ - - + +
-

5 posts tagged with "offcanvas"

View All Tags
- - +

5 posts tagged with "offcanvas"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/pagination.html b/blog/tags/pagination.html index 044df13d8..cd6ccb1f0 100644 --- a/blog/tags/pagination.html +++ b/blog/tags/pagination.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "pagination"

View All Tags
- - +

One post tagged with "pagination"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/pdfviewer.html b/blog/tags/pdfviewer.html index 6b7d4e2c7..9499bf940 100644 --- a/blog/tags/pdfviewer.html +++ b/blog/tags/pdfviewer.html @@ -3,20 +3,20 @@ -One post tagged with "pdfviewer" | Blazor Bootstrap Docs +2 posts tagged with "pdfviewer" | Blazor Bootstrap Docs - - + +
-

One post tagged with "pdfviewer"

View All Tags
- - +

2 posts tagged with "pdfviewer"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/placeholders.html b/blog/tags/placeholders.html index b7e9a1eca..7a50db9ea 100644 --- a/blog/tags/placeholders.html +++ b/blog/tags/placeholders.html @@ -10,13 +10,13 @@ - - + +
-

3 posts tagged with "placeholders"

View All Tags
- - +

3 posts tagged with "placeholders"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/preload.html b/blog/tags/preload.html index 45fdb845c..684a8d277 100644 --- a/blog/tags/preload.html +++ b/blog/tags/preload.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "preload"

View All Tags
- - +

One post tagged with "preload"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/progress-bar.html b/blog/tags/progress-bar.html index 9d3b6035f..82d503ba9 100644 --- a/blog/tags/progress-bar.html +++ b/blog/tags/progress-bar.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "progress-bar"

View All Tags
- - +

One post tagged with "progress-bar"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/progress.html b/blog/tags/progress.html index d29ee0efc..8177a84b6 100644 --- a/blog/tags/progress.html +++ b/blog/tags/progress.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "progress"

View All Tags
- - +

2 posts tagged with "progress"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/rangeinput.html b/blog/tags/rangeinput.html index a7783dfe9..ac1ebc9e2 100644 --- a/blog/tags/rangeinput.html +++ b/blog/tags/rangeinput.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "rangeinput"

View All Tags
- - +

One post tagged with "rangeinput"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/scriptloader.html b/blog/tags/scriptloader.html index 1c6a0735e..fb7da03cc 100644 --- a/blog/tags/scriptloader.html +++ b/blog/tags/scriptloader.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "scriptloader"

View All Tags
- - +

One post tagged with "scriptloader"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/sidebar.html b/blog/tags/sidebar.html index 81095b696..c6c144948 100644 --- a/blog/tags/sidebar.html +++ b/blog/tags/sidebar.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "sidebar"

View All Tags
- - +

2 posts tagged with "sidebar"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/switch.html b/blog/tags/switch.html index 8e64b905b..8589fd684 100644 --- a/blog/tags/switch.html +++ b/blog/tags/switch.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "switch"

View All Tags
- - +

2 posts tagged with "switch"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/tabs.html b/blog/tags/tabs.html index 67f329ab4..8e1cd2be8 100644 --- a/blog/tags/tabs.html +++ b/blog/tags/tabs.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "tabs"

View All Tags
- - +

2 posts tagged with "tabs"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/timeinput.html b/blog/tags/timeinput.html index 63dbc3068..31e40ace3 100644 --- a/blog/tags/timeinput.html +++ b/blog/tags/timeinput.html @@ -10,13 +10,13 @@ - - + +
-

3 posts tagged with "timeinput"

View All Tags
- - +

3 posts tagged with "timeinput"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/timepicker.html b/blog/tags/timepicker.html index d85253958..a467cc49e 100644 --- a/blog/tags/timepicker.html +++ b/blog/tags/timepicker.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "timepicker"

View All Tags
- - +

One post tagged with "timepicker"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/toast.html b/blog/tags/toast.html index 127a2adca..55b0bb90d 100644 --- a/blog/tags/toast.html +++ b/blog/tags/toast.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "toast"

View All Tags
- - +

2 posts tagged with "toast"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/toasts.html b/blog/tags/toasts.html index ac1f74265..b2c4e9e1f 100644 --- a/blog/tags/toasts.html +++ b/blog/tags/toasts.html @@ -10,13 +10,13 @@ - - + +
-

4 posts tagged with "toasts"

View All Tags
- - +

4 posts tagged with "toasts"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/toastservice.html b/blog/tags/toastservice.html index 3ba9e1cc4..a4b5ab974 100644 --- a/blog/tags/toastservice.html +++ b/blog/tags/toastservice.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "toastservice"

View All Tags
- - +

One post tagged with "toastservice"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/tooltip.html b/blog/tags/tooltip.html index d67885866..d068350bd 100644 --- a/blog/tags/tooltip.html +++ b/blog/tags/tooltip.html @@ -10,13 +10,13 @@ - - + +
-

2 posts tagged with "tooltip"

View All Tags
- - +

2 posts tagged with "tooltip"

View All Tags
+ + \ 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 17f00e060..d15312180 100644 --- a/blog/tags/v-0-0-1.html +++ b/blog/tags/v-0-0-1.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.0.1"

View All Tags
- - +

One post tagged with "v0.0.1"

View All Tags
+ + \ 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 8e6980243..ea3982b49 100644 --- a/blog/tags/v-0-0-2.html +++ b/blog/tags/v-0-0-2.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.0.2"

View All Tags
- - +

One post tagged with "v0.0.2"

View All Tags
+ + \ 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 695746860..59a519c76 100644 --- a/blog/tags/v-0-0-3.html +++ b/blog/tags/v-0-0-3.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.0.3"

View All Tags
- - +

One post tagged with "v0.0.3"

View All Tags
+ + \ 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 2482dca05..d8f475b28 100644 --- a/blog/tags/v-0-0-4.html +++ b/blog/tags/v-0-0-4.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.0.4"

View All Tags
- - +

One post tagged with "v0.0.4"

View All Tags
+ + \ 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 f2ddb2260..7967b7d96 100644 --- a/blog/tags/v-0-1-0.html +++ b/blog/tags/v-0-1-0.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.1.0"

View All Tags
- - +

One post tagged with "v0.1.0"

View All Tags
+ + \ 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 048c3f0b8..a66c6943d 100644 --- a/blog/tags/v-0-1-1.html +++ b/blog/tags/v-0-1-1.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.1.1"

View All Tags
- - +

One post tagged with "v0.1.1"

View All Tags
+ + \ 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 270a26d18..134c154f2 100644 --- a/blog/tags/v-0-2-0.html +++ b/blog/tags/v-0-2-0.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.2.0"

View All Tags
- - +

One post tagged with "v0.2.0"

View All Tags
+ + \ 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 7cfe2b904..5c92a61fb 100644 --- a/blog/tags/v-0-2-1.html +++ b/blog/tags/v-0-2-1.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.2.1"

View All Tags
- - +

One post tagged with "v0.2.1"

View All Tags
+ + \ 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 fbdbd49ce..0968f5818 100644 --- a/blog/tags/v-0-2-2.html +++ b/blog/tags/v-0-2-2.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.2.2"

View All Tags
- - +

One post tagged with "v0.2.2"

View All Tags
+ + \ 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 701f6dd49..88f13dfc8 100644 --- a/blog/tags/v-0-2-3.html +++ b/blog/tags/v-0-2-3.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.2.3"

View All Tags
- - +

One post tagged with "v0.2.3"

View All Tags
+ + \ 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 8aeb9b7b2..ef69770cd 100644 --- a/blog/tags/v-0-2-4.html +++ b/blog/tags/v-0-2-4.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.2.4"

View All Tags
- - +

One post tagged with "v0.2.4"

View All Tags
+ + \ 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 0fdc4b386..c8fe2f2dd 100644 --- a/blog/tags/v-0-2-5.html +++ b/blog/tags/v-0-2-5.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.2.5"

View All Tags
- - +

One post tagged with "v0.2.5"

View All Tags
+ + \ 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 d03923fbc..0067a3155 100644 --- a/blog/tags/v-0-2-6.html +++ b/blog/tags/v-0-2-6.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.2.6"

View All Tags
- - +

One post tagged with "v0.2.6"

View All Tags
+ + \ 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 dfd0b514c..c264c74bc 100644 --- a/blog/tags/v-0-3-0.html +++ b/blog/tags/v-0-3-0.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.3.0"

View All Tags
- - +

One post tagged with "v0.3.0"

View All Tags
+ + \ 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 a7bc44e5a..23163afd9 100644 --- a/blog/tags/v-0-4-0.html +++ b/blog/tags/v-0-4-0.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.4.0"

View All Tags
- - +

One post tagged with "v0.4.0"

View All Tags
+ + \ 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 3acccde5d..3e45fcad4 100644 --- a/blog/tags/v-0-4-1.html +++ b/blog/tags/v-0-4-1.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.4.1"

View All Tags
- - +

One post tagged with "v0.4.1"

View All Tags
+ + \ 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 397943794..800d0426d 100644 --- a/blog/tags/v-0-4-2.html +++ b/blog/tags/v-0-4-2.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.4.2"

View All Tags
- - +

One post tagged with "v0.4.2"

View All Tags
+ + \ 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 04be64e63..edc8b4678 100644 --- a/blog/tags/v-0-5-0.html +++ b/blog/tags/v-0-5-0.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.5.0"

View All Tags
- - +

One post tagged with "v0.5.0"

View All Tags
+ + \ 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 df437cc0f..1c8d9a0bb 100644 --- a/blog/tags/v-0-5-1.html +++ b/blog/tags/v-0-5-1.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.5.1"

View All Tags
- - +

One post tagged with "v0.5.1"

View All Tags
+ + \ 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 db1b7f83f..d39bdf477 100644 --- a/blog/tags/v-0-6-0.html +++ b/blog/tags/v-0-6-0.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v0.6.0"

View All Tags
- - +

One post tagged with "v0.6.0"

View All Tags
+ + \ 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 6b4e56217..ce9261852 100644 --- a/blog/tags/v-1-0-0.html +++ b/blog/tags/v-1-0-0.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.0.0"

View All Tags
- - +

One post tagged with "v1.0.0"

View All Tags
+ + \ 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 804153488..eeb0b500b 100644 --- a/blog/tags/v-1-0-1.html +++ b/blog/tags/v-1-0-1.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.0.1"

View All Tags
- - +

One post tagged with "v1.0.1"

View All Tags
+ + \ 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 9cd998b1c..739a96069 100644 --- a/blog/tags/v-1-1-0.html +++ b/blog/tags/v-1-1-0.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.1.0"

View All Tags
- - +

One post tagged with "v1.1.0"

View All Tags
+ + \ 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 ec4236c25..a57dedb38 100644 --- a/blog/tags/v-1-10-0.html +++ b/blog/tags/v-1-10-0.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.10.0"

View All Tags
- - +

One post tagged with "v1.10.0"

View All Tags
+ + \ 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 f14a1ff5e..78d4a8197 100644 --- a/blog/tags/v-1-10-1.html +++ b/blog/tags/v-1-10-1.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.10.1"

View All Tags
- - +

One post tagged with "v1.10.1"

View All Tags
+ + \ 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 846336e69..db7197acf 100644 --- a/blog/tags/v-1-10-2.html +++ b/blog/tags/v-1-10-2.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.10.2"

View All Tags
- - +

One post tagged with "v1.10.2"

View All Tags
+ + \ 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 24a0d75a3..7ebe9a79e 100644 --- a/blog/tags/v-1-10-3.html +++ b/blog/tags/v-1-10-3.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.10.3"

View All Tags
- - +

One post tagged with "v1.10.3"

View All Tags
+ + \ 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 a65f3ebf8..cc5c7ff3e 100644 --- a/blog/tags/v-1-10-4.html +++ b/blog/tags/v-1-10-4.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.10.4"

View All Tags
- - +

One post tagged with "v1.10.4"

View All Tags
+ + \ 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 20b7c0dad..257122707 100644 --- a/blog/tags/v-1-10-5.html +++ b/blog/tags/v-1-10-5.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.10.5"

View All Tags
- - +

One post tagged with "v1.10.5"

View All Tags
+ + \ 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 ea6738828..0d8751d48 100644 --- a/blog/tags/v-1-11-0.html +++ b/blog/tags/v-1-11-0.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.11.0"

View All Tags
- - +

One post tagged with "v1.11.0"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/v-1-11-1.html b/blog/tags/v-1-11-1.html new file mode 100644 index 000000000..3a492d415 --- /dev/null +++ b/blog/tags/v-1-11-1.html @@ -0,0 +1,22 @@ + + + + + +One post tagged with "v1.11.1" | Blazor Bootstrap Docs + + + + + + + + + + +
+

One post tagged with "v1.11.1"

View All Tags
+ + + + \ 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 432be2237..0904d0787 100644 --- a/blog/tags/v-1-2-0.html +++ b/blog/tags/v-1-2-0.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.2.0"

View All Tags
- - +

One post tagged with "v1.2.0"

View All Tags
+ + \ 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 5e7493fcc..d0836537b 100644 --- a/blog/tags/v-1-3-0.html +++ b/blog/tags/v-1-3-0.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.3.0"

View All Tags
- - +

One post tagged with "v1.3.0"

View All Tags
+ + \ 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 7364371e9..82021bd16 100644 --- a/blog/tags/v-1-3-1.html +++ b/blog/tags/v-1-3-1.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.3.1"

View All Tags
- - +

One post tagged with "v1.3.1"

View All Tags
+ + \ 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 74cdfa141..02df69ebd 100644 --- a/blog/tags/v-1-4-0.html +++ b/blog/tags/v-1-4-0.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.4.0"

View All Tags
- - +

One post tagged with "v1.4.0"

View All Tags
+ + \ 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 00de09ef6..be0d5dc91 100644 --- a/blog/tags/v-1-4-1.html +++ b/blog/tags/v-1-4-1.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.4.1"

View All Tags
- - +

One post tagged with "v1.4.1"

View All Tags
+ + \ 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 dd6f9a993..235d8e7ce 100644 --- a/blog/tags/v-1-4-2.html +++ b/blog/tags/v-1-4-2.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.4.2"

View All Tags
- - +

One post tagged with "v1.4.2"

View All Tags
+ + \ 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 2dfed2126..5ae97c17b 100644 --- a/blog/tags/v-1-4-3.html +++ b/blog/tags/v-1-4-3.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.4.3"

View All Tags
- - +

One post tagged with "v1.4.3"

View All Tags
+ + \ 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 b958e2a3f..c9304a86f 100644 --- a/blog/tags/v-1-4-4.html +++ b/blog/tags/v-1-4-4.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.4.4"

View All Tags
- - +

One post tagged with "v1.4.4"

View All Tags
+ + \ 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 44c6462ca..ad724f47f 100644 --- a/blog/tags/v-1-4-5.html +++ b/blog/tags/v-1-4-5.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.4.5"

View All Tags
- - +

One post tagged with "v1.4.5"

View All Tags
+ + \ 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 392b3217b..97c36481f 100644 --- a/blog/tags/v-1-5-0.html +++ b/blog/tags/v-1-5-0.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.5.0"

View All Tags
- - +

One post tagged with "v1.5.0"

View All Tags
+ + \ 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 4dea44e2d..7950bd947 100644 --- a/blog/tags/v-1-6-0.html +++ b/blog/tags/v-1-6-0.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.6.0"

View All Tags
- - +

One post tagged with "v1.6.0"

View All Tags
+ + \ 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 86eedad87..cdce7a33e 100644 --- a/blog/tags/v-1-7-0.html +++ b/blog/tags/v-1-7-0.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.7.0"

View All Tags
- - +

One post tagged with "v1.7.0"

View All Tags
+ + \ 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 7a5709482..26e423e1b 100644 --- a/blog/tags/v-1-7-1.html +++ b/blog/tags/v-1-7-1.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.7.1"

View All Tags
- - +

One post tagged with "v1.7.1"

View All Tags
+ + \ 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 9a1b55fb9..5d433fdb0 100644 --- a/blog/tags/v-1-7-2.html +++ b/blog/tags/v-1-7-2.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.7.2"

View All Tags
- - +

One post tagged with "v1.7.2"

View All Tags
+ + \ 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 7ef5fedfa..f0a4c6bb7 100644 --- a/blog/tags/v-1-7-3.html +++ b/blog/tags/v-1-7-3.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.7.3"

View All Tags
- - +

One post tagged with "v1.7.3"

View All Tags
+ + \ 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 7b98b63bc..244379d37 100644 --- a/blog/tags/v-1-8-0.html +++ b/blog/tags/v-1-8-0.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.8.0"

View All Tags
- - +

One post tagged with "v1.8.0"

View All Tags
+ + \ 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 741286094..6f63dfa24 100644 --- a/blog/tags/v-1-8-1.html +++ b/blog/tags/v-1-8-1.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.8.1"

View All Tags
- - +

One post tagged with "v1.8.1"

View All Tags
+ + \ 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 18be5cfaa..06190b3a4 100644 --- a/blog/tags/v-1-8-2.html +++ b/blog/tags/v-1-8-2.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.8.2"

View All Tags
- - +

One post tagged with "v1.8.2"

View All Tags
+ + \ 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 6916df5f0..2114a42f3 100644 --- a/blog/tags/v-1-8-3.html +++ b/blog/tags/v-1-8-3.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.8.3"

View All Tags
- - +

One post tagged with "v1.8.3"

View All Tags
+ + \ 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 5c6da2a9f..75ef7ccfd 100644 --- a/blog/tags/v-1-9-0.html +++ b/blog/tags/v-1-9-0.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.9.0"

View All Tags
- - +

One post tagged with "v1.9.0"

View All Tags
+ + \ 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 d3151e62d..b9269e137 100644 --- a/blog/tags/v-1-9-1.html +++ b/blog/tags/v-1-9-1.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.9.1"

View All Tags
- - +

One post tagged with "v1.9.1"

View All Tags
+ + \ 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 9dbc9dff0..70bc7cf85 100644 --- a/blog/tags/v-1-9-2.html +++ b/blog/tags/v-1-9-2.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.9.2"

View All Tags
- - +

One post tagged with "v1.9.2"

View All Tags
+ + \ 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 265e3b070..7f22cde3c 100644 --- a/blog/tags/v-1-9-3.html +++ b/blog/tags/v-1-9-3.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.9.3"

View All Tags
- - +

One post tagged with "v1.9.3"

View All Tags
+ + \ 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 fa6d0bd69..fbafdba37 100644 --- a/blog/tags/v-1-9-4.html +++ b/blog/tags/v-1-9-4.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.9.4"

View All Tags
- - +

One post tagged with "v1.9.4"

View All Tags
+ + \ 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 dfbf5a275..4c629413a 100644 --- a/blog/tags/v-1-9-5.html +++ b/blog/tags/v-1-9-5.html @@ -10,13 +10,13 @@ - - + +
-

One post tagged with "v1.9.5"

View All Tags
- - +

One post tagged with "v1.9.5"

View All Tags
+ + \ No newline at end of file diff --git a/components/accordion.html b/components/accordion.html index f72e8a842..cecb23307 100644 --- a/components/accordion.html +++ b/components/accordion.html @@ -10,14 +10,14 @@ - - + +

Blazor Accordion

Build vertically collapsing accordions in combination with our Collapse component.

Blazor Bootstrap: Accordion Component

Accordion Parameters​

NameTypeDefaultRequiredDescriptionAdded Version
ChildContentRenderFragmentnull✔️Specifies the content to be rendered inside this .1.7.0
FlushboolfalseRemoves borders and rounded corners to render accordions edge-to-edge with their parent container.1.7.0
AlwaysOpenboolfalseIt makes accordion items stay open when another item is opened.1.7.0

Accordion Methods​

NameDescriptionAdded 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​

NameDescriptionAdded Version
OnShowingThis event fires immediately when the show method is called.1.7.0
OnShownThis event is fired when a accordion item has been made visible to the user (will wait for CSS transitions to complete).1.7.0
OnHidingThis event is fired immediately when the hide method has been called.1.7.0
OnHiddenThis event is fired when a accordion item has been hidden from the user (will wait for CSS transitions to complete).1.7.0

AccordionItem Parameters​

NameTypeDefaultRequiredDescriptionAdded Version
ContentRenderFragmentnull✔️Specifies the content to be rendered inside the AccordionItem.1.7.0
IsActiveboolfalseGets or sets the active AccordionItem.1.7.0
NamestringnullGets or sets the name.1.7.0
TitlestringnullGets or sets the AccordionItem title.1.7.0
TitleTemplateRenderFragmentnullGets or sets the AccordionItem title template.1.7.0

Examples​

Accordion​

Click the accordions below to expand/collapse the accordion content.

Blazor Bootstrap: Accordion Component - Examples
<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.

Blazor Bootstrap: Accordion Component - Title with Icon
<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.

Blazor Bootstrap: Accordion Component - Flush
<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 IsActive parameter to true to keep the accordion item open by default.

Blazor Bootstrap: Accordion Component - Set default active accordion item
<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" IsActive="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.

Blazor Bootstrap: Accordion Component - Always open
<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.
Blazor Bootstrap: Accordion Component - Show / hide individual accordion items
<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.

Blazor Bootstrap: Accordion Component - Show / hide all accordion items
<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.

Blazor Bootstrap: Accordion Component - Events Example
<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.

- - + + \ No newline at end of file diff --git a/components/alerts.html b/components/alerts.html index b35b714ac..723d8fee2 100644 --- a/components/alerts.html +++ b/components/alerts.html @@ -10,13 +10,13 @@ - - + +

Blazor Alerts

Provide contextual feedback messages for typical user actions with the handful of available and flexible Blazor Bootstrap alert messages.

Parameters​

NameTypeDescriptionRequiredDefault
ChildContentRenderFragmentSpecifies the content to be rendered inside the alert.
ColorAlertColorGets or sets the alert color.AlertColor.None
DismissableboolEnables the alert to be closed by placing the padding for close button.false

Methods​

NameDescription
CloseAsyncCloses an alert by removing it from the DOM.

Callback Events​

NameDescription
OnCloseFires immediately when the close instance method is called.
OnClosedFired when the alert has been closed and CSS transitions have completed.

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.

Blazor Bootstrap: Alert Component
<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.

Blazor Bootstrap: Alert Component - Alerts with additional content
<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.

Blazor Bootstrap: Alert Component - Alerts with an icon
<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​

  1. Using the Dismissable="true", it's possible to dismiss any alert inline.

It's possible to dismiss any alert inline. Here's how:

Blazor Bootstrap: Alert Component - Dismissing
<div>
    <Alert Color="AlertColor.Warning" Dismissable="true"> <strong>Holy guacamole!</strong> You should check in on some of those fields below. </Alert>
</div>
  1. Manually we can close an alert with button click.
Blazor Bootstrap: Alert Component - Dismissing manually
<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.

- - + + \ No newline at end of file diff --git a/components/badge.html b/components/badge.html index e9da15e18..a8ac66805 100644 --- a/components/badge.html +++ b/components/badge.html @@ -10,14 +10,14 @@ - - + +

Blazor Badge

The Blazor Bootstrap Badge component shows the small count and labels.

Blazor Bootstrap: Badge Component

Parameters​

NameTypeDefaultRequiredDescriptionAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside the badge.1.7.0
ColorBadgeColorBadgeColor.Secondary✔️Gets or sets the badge color.1.7.0
IndicatorTypeBadgeIndicatorTypeBadgeIndicatorType.NoneGets or sets the badge indicator.1.7.0
PlacementBadgePlacementBadgePlacement.NoneGets or sets the badge placement.1.7.0
PositionPositionGets or sets the badge position.1.7.0
VisuallyHiddenTextstringGets 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.

Blazor Bootstrap: Badge Component - Basic usage
<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​

Blazor Bootstrap: Badge Component - 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.

Blazor Bootstrap: Badge Component - Pill badges
<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.

Blazor Bootstrap: Badge Component - Buttons
<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.

Blazor Bootstrap: Badge Component - Positioned
<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.

Blazor Bootstrap: Badge Component - Generic indicator
<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

- - + + \ No newline at end of file diff --git a/components/breadcrumb.html b/components/breadcrumb.html index b913e7679..3340dc629 100644 --- a/components/breadcrumb.html +++ b/components/breadcrumb.html @@ -10,13 +10,13 @@ - - + +

Blazor Breadcrumb

Blazor Bootstrap breadcrumb component indicates the current page's location within a navigational hierarchy that automatically adds separators.

Parameters​

NameTypeDescriptionRequiredDefault
ItemsList<BreadcrumbItem>List of all the items.✔️

Examples​

Blazor Bootstrap: Breadcrumb Component
<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.

Blazor Bootstrap: Breadcrumb Component - Dividers
<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

Blazor Bootstrap: Breadcrumb Component - Embedded SVG icon
<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.

- - + + \ No newline at end of file diff --git a/components/buttons.html b/components/buttons.html index 222f719fd..ca66e4660 100644 --- a/components/buttons.html +++ b/components/buttons.html @@ -10,13 +10,13 @@ - - + +

Blazor Buttons

Use Blazor Bootstrap button styles for actions in forms, dialogs, and more with support for multiple sizes, states, etc.

Parameters​

NameTypeDescriptionRequiredDefaultAdded Version
ActiveboolWhen set to true, places the component in the active state with active styling.false1.0.0
BlockboolMakes the button to span the full width of a parent.false1.0.0
ChildContentRenderFragmentSpecifies the content to be rendered inside this Button.1.0.0
ColorButtonColorGets or sets the button color.✔️1.0.0
DisabledboolWhen set to true, disables the component's functionality and places it in a disabled state.false1.0.0
LoadingboolShows the loading spinner or a LoadingTemplate.false1.0.0
LoadingTemplateRenderFragmentGets or sets the component loading template.1.0.0
LoadingTextstringGets or sets the loadgin text.Loading...1.0.0
OutlineboolMakes the button to have the outlines.false1.0.0
PositionPositionGets or sets the position.1.7.0
SizeSizeChanges the size of a button.1.0.0
TabIndexint?If defined, indicates that its element can be focused and can participates in sequential keyboard navigation.1.0.0
TargetTargetThe target attribute specifies where to open the linked document for a ButtonType.Link.Target.None1.0.0
TostringDenotes the target route of the ButtonType.Link button.1.0.0
TooltipPlacementTooltipPlacementTooltip placementTooltipPlacement.Top1.0.0
TooltipTitlestringDisplays informative text when users hover, focus, or tap an element.1.0.0
TooltipColorTooltipColorGets or sets the tooltip color.TooltipColor.None1.10.0
TypeButtonTypeDefines the button type.ButtonType.Button1.0.0

Methods​

NameDescription
ShowLoadingShows the loading state and disables the button.
HideLoadingHides the loading state and enables the button.

Examples​

Buttons​

Blazor Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.

Blazor Bootstrap: Button Component
<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​

Blazor Bootstrap: Button Component - 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​

Blazor Bootstrap: Button Component - 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.

Blazor Bootstrap: Button Component - 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.

Blazor Bootstrap: Button Component - Disable State
<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​

Blazor Bootstrap: Button Component - 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.

Blazor Bootstrap: Button Component - Block Buttons
<div class="d-grid gap-2">
    <Button Color="ButtonColor.Primary"> Button </Button>
    <Button Color="ButtonColor.Primary"> Button </Button>
</div>
Blazor Bootstrap: Button Component - Block Buttons
<div class="d-grid gap-2 d-md-block mt-2">
    <Button Color="ButtonColor.Primary"> Button </Button>
    <Button Color="ButtonColor.Primary"> Button </Button>
</div>
Blazor Bootstrap: Button Component - Block Buttons
<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>
Blazor Bootstrap: Button Component - Block Buttons
<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.

Toogle States​

If you''re pre-toggling a button, you must manually add the Active="true" parameter.

Blazor Bootstrap: Button Component - Button Toogle States
<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 toogle 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.

Blazor Bootstrap: Button Component - Button with Loading Spinner
<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.

Blazor Bootstrap: Button Component - Show/Hide loading spinner
<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.

Blazor Bootstrap: Button Component - Buttons with Tooltip
<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.

- - + + \ No newline at end of file diff --git a/components/callout.html b/components/callout.html index f32226897..3f2d6cf76 100644 --- a/components/callout.html +++ b/components/callout.html @@ -10,13 +10,13 @@ - - + +

Blazor Callout

Blazor Bootstrap callout component provides content presentation in a visually distinct manner.

Parameters​

NameTypeDefaultRequiredDescription
ChildContentRenderFragment✔️Specifies the content to be rendered inside this.
HeadingstringGets or sets the callout heading.
TypeenumCalloutType.DefaultUse CalloutType.Default or CalloutType.Info or CalloutType.Warning or CalloutType.Danger or CalloutType.Tip

Examples​

Callout​

Blazor Bootstrap: Callout Component - Examples
<Callout>
    <strong>This is an 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 callout default demo here.

Custom callout heading​

Blazor Bootstrap: Callout Component - Custom callout heading
<Callout Heading="Important">
    <strong>This is an 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 callout danger demo here.

Large text​

Blazor Bootstrap: Callout Component - 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 callout warning demo here.

- - + + \ No newline at end of file diff --git a/components/card.html b/components/card.html index c700dfd67..28f642e6d 100644 --- a/components/card.html +++ b/components/card.html @@ -10,8 +10,8 @@ - - + +
@@ -19,7 +19,7 @@ Shown below are image styles, blocks, text styles, and a list group—all wrapped in a fixed-width card.

Blazor Bootstrap: Card Component - Kitchen sink
<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.

Add an optional header and/or footer within a card.

Blazor Bootstrap: Card Component - Header and footer
<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.

Blazor Bootstrap: Card Component - Sizing
<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.

Blazor Bootstrap: Card Component - Text alignment
<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​

Blazor Bootstrap: Card Component - Background and color - Primary, Secondary, SuccessBlazor Bootstrap: Card Component - Background and color - Danger, Warning, InfoBlazor Bootstrap: Card Component - Background and color - Light, Dark
<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.

Blazor Bootstrap: Card Component - Card groups
<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.

When using card groups with footers, their content will automatically line up.

Blazor Bootstrap: Card Component - Card groups with footer
<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.

- - + + \ No newline at end of file diff --git a/components/charts.html b/components/charts.html index 1cab4d5a0..e8f1a22e2 100644 --- a/components/charts.html +++ b/components/charts.html @@ -10,13 +10,13 @@ - - + +

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​

Blazor Chart Component - Blazor Bar Chart Example
Blazor Chart Component - Blazor Line Chart Example
See blazor chart demo here.

Chart Types​

At this moment we are supporting four blazor chart types.

  1. Bar Chart
  2. Doughnut Chart
  3. Line Chart
  4. 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​

Blazor Chart Component - Blazor Bar Chart
See blazor bar chart demo here.
See blazor bar chart full documentation here.

Doughnut Chart​

Blazor Chart Component - Blazor Doughnut Chart
See blazor doughnut chart demo here.
See blazor doughnut chart full documentation here.

Line Chart​

Blazor Chart Component - Blazor Line Chart
See blazor line chart demo here.
See blazor line chart full documentation here.

Pie Chart​

Blazor Chart Component - Blazor Pie Chart
See blazor pie chart demo here.
See blazor pie chart full documentation here.
- - + + \ No newline at end of file diff --git a/components/collapse.html b/components/collapse.html index 1703cd7be..306a0d3cf 100644 --- a/components/collapse.html +++ b/components/collapse.html @@ -10,8 +10,8 @@ - - + +
@@ -19,7 +19,7 @@ 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.

Blazor Bootstrap: Collapse Component - Examples
<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.

Blazor Bootstrap: Collapse Component - Horizontal
<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.

Blazor Bootstrap: Collapse Component - Events
<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>();
}
- - + + \ No newline at end of file diff --git a/components/confirm-dialog.html b/components/confirm-dialog.html index 3bbe6bcc7..d4f01de74 100644 --- a/components/confirm-dialog.html +++ b/components/confirm-dialog.html @@ -10,13 +10,13 @@ - - + +

Blazor Confirm Dialog

Use Blazor Bootstrap confirm dialog component if you want the user to verify or accept something.

Blazor Bootstrap: Confirm Dialog component

Methods​

NameReturn TypeDescriptionAdded 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​

NameTypeDefaultDescriptionAdded Version
DialogCssClassstringAdditional CSS class for the dialog (div.modal-dialog element).1.1.0
DismissableboolAdds a dismissable close button to the confirm dialog.1.1.0
HeaderCssClassstringAdditional header CSS class (div.modal-header element).1.1.0
IsScrollableboolAllows confirm dialog body to be scrollable.1.1.0
IsVerticallyCenteredboolShows the confirm dialog vertically in the center of the page.1.1.0
NoButtonColorButtonColorGets or sets the 'No' button color.1.1.0
NoButtonTextstringNoGets or sets the 'No' button text.1.1.0
SizeDialogSizeModalSize.RegularSize of the modal.1.1.0
YesButtonColorButtonColorButtonColor.PrimaryGets or sets the 'Yes' button color.1.1.0
YesButtonTextstringYesGets or sets the 'Yes' button text.1.1.0

Examples​

Confirm Dialog​

Blazor Bootstrap: Confirm Dialog Component - Examples
<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.

Blazor Bootstrap: Confirm Dialog Component - Dynamic component as confirm dialog
<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.

Blazor Bootstrap: Confirm Dialog Component - Change buttons text and color
<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

Blazor Bootstrap: Confirm Dialog Component - Optional sizes - Small

Confirm Dialog Component - Large Size

Blazor Bootstrap: Confirm Dialog Component - Optional sizes - Large

Confirm Dialog Component - Extra Large Size

Blazor Bootstrap: Confirm Dialog Component - Optional sizes - Extra Large
<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.

Blazor Bootstrap: Confirm Dialog Component - Scrolling long content
<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".

Blazor Bootstrap: Confirm Dialog Component - Scrolling long content within the body
<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.

Blazor Bootstrap: Confirm Dialog Component - Vertically centered
<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 Confirm Dialog demo here.

- - + + \ No newline at end of file diff --git a/components/dropdown.html b/components/dropdown.html index ac51b8233..b9c6bc47e 100644 --- a/components/dropdown.html +++ b/components/dropdown.html @@ -10,14 +10,14 @@ - - + +

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.

Blazor Bootstrap: Dropdown component
NameTypeDescriptionRequiredDefaultAdded Version
AutoCloseboolEnables or disables the auto close.true1.10.0
AutoCloseBehaviorDropdownAutoCloseBehaviorGets or sets the auto close behavior of the dropdown.DropdownAutoCloseBehavior.Both1.10.0
ChildContentRenderFragmentSpecifies the content to be rendered inside the Dropdown.1.10.0
DirectionDropdownDirectionGets or sets the direction of the dropdown menu.DropdownDirection.Dropdown1.10.0
DisabledboolGets or sets whether the dropdown menu is disabled.false1.10.3
SizeSizeGets or sets the size of the dropdown.Size.None1.10.3
SplitboolGets or sets the toggle button split behavior.false1.10.0
NameTypeDescriptionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside the DropdownToggleButton.1.10.0
ColorButtonColorGets or sets the button color.1.10.0
TabIndexint?If defined, indicates that its element can be focused and can participates in sequential keyboard navigation.1.10.0
NameTypeDescriptionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside the DropdownActionButton.1.10.0
ColorButtonColorGets or sets the button color.1.10.0
TabIndexint?If defined, indicates that its element can be focused and can participates in sequential keyboard navigation.1.10.0
NameTypeDescriptionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside the DropdownMenu.1.10.0
PositionDropdownMenuPositionGets or sets the dropdown menu position.1.10.0
NameTypeDescriptionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside the DropdownHeader.1.10.0
NameTypeDescriptionRequiredDefaultAdded Version
ActiveboolWhen set to 'true', places the component in the active state with active styling.1.10.0
ChildContentRenderFragmentSpecifies the content to be rendered inside the DropdownMenu.1.10.0
DisabledboolWhen set to 'true', disables the component's functionality and places it in a disabled state.1.10.0
TabIndexint?If defined, indicates that its element can be focused and can participates in sequential keyboard navigation.1.10.0
TargetTargetThe target attribute specifies where to open the linked document.Target.None1.10.0
Tostring?Denotes the target route of the link button.1.10.0
TypeButtonTypeDefines the button type.ButtonType.Button1.10.0
NameDescriptionAdded Version
HideAsyncHides the dropdown menu of a given navbar or tabbed navigation.1.10.0
ShowAsyncShows the dropdown menu of a given navbar or tabbed navigation.1.10.0
ToggleAsyncToggles the dropdown menu of a given navbar or tabbed navigation.1.10.0
UpdateAsyncUpdates the position of an element’s dropdown.1.10.0
Event TypeDescriptionAdded Version
OnHidingThis event is fired immediately when the hide method has been called.1.10.0
OnHiddenThis event is fired when an dropdown element has been hidden from the user (will wait for CSS transitions to complete).1.10.0
OnShowingThis event fires immediately when the show instance method is called.1.10.0
OnShownThis 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​

Blazor Bootstrap: Dropdown Component - 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​

Blazor Bootstrap: Dropdown Component - 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​

Blazor Bootstrap: Dropdown Component - 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​

Blazor Bootstrap: Dropdown Component - Sizing - Large
<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>
Blazor Bootstrap: Dropdown Component - Sizing - Small
<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.

Blazor Bootstrap: Dropdown Component - Dropup
<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.

Blazor Bootstrap: Dropdown Component - Dropup centered
<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.

Blazor Bootstrap: Dropdown Component - Dropend
<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.

Blazor Bootstrap: Dropdown Component - Dropstart
<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.

Blazor Bootstrap: Dropdown Component - Active
<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.

Blazor Bootstrap: Dropdown Component - Disabled
<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.

Blazor Bootstrap: Dropdown Component - Disabled (Dropdown Item)
<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.

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.

Blazor Bootstrap: Dropdown Component - Menu position
<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​

Add a header to label sections of actions in any dropdown menu.

Blazor Bootstrap: Dropdown Component - Header
<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.

Blazor Bootstrap: Dropdown Component - Dividers
<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.

Blazor Bootstrap: Dropdown Component - Text
<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.

Blazor Bootstrap: Dropdown Component - Forms
@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.

Blazor Bootstrap: Dropdown Component - Auto close behavior
<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​

Blazor Bootstrap: Dropdown Component - 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.

Blazor Bootstrap: Dropdown Component - Events
<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.

- - + + \ No newline at end of file diff --git a/components/grid.html b/components/grid.html index 01859078e..7bd181d8f 100644 --- a/components/grid.html +++ b/components/grid.html @@ -10,8 +10,8 @@ - - + +
@@ -28,7 +28,7 @@ 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.

Blazor Bootstrap: Grid Component - Disable selection
<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​

Blazor Bootstrap: Grid Component - 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​

Blazor Bootstrap: Grid Component - 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​

Blazor Bootstrap: Grid Component - 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​

Blazor Bootstrap: Grid Component - 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.

Blazor Bootstrap: Grid Component - Translations
<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.

Blazor Bootstrap: Grid Component - Fixed header
<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​

Blazor Bootstrap: Grid Component - 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​

Blazor Bootstrap: Grid Component - 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​

Blazor Bootstrap: Grid Component - 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​

Blazor Bootstrap: Grid Component - 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.

Blazor Bootstrap: Grid Component - Auto hide paging
<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

- - + + \ No newline at end of file diff --git a/components/modal.html b/components/modal.html index d0f24041b..d9c07634c 100644 --- a/components/modal.html +++ b/components/modal.html @@ -10,15 +10,15 @@ - - + +

Blazor Modal

Use Blazor Bootstrap modal component to add dialogs to your site for lightboxes, user notifications, or completely custom content.

Parameters​

NameTypeDescriptionRequiredDefaultAdded Version
BodyCssClassstringAdditional body CSS class.1.0.0
BodyTemplateRenderFragmentBody template.✔️1.0.0
ChildContentRenderFragmentSpecifies the content to be rendered inside the alert.1.0.0
CloseOnEscapeboolIndicates whether the modal closes when escape key is pressed.true1.0.0
DialogCssClassstringAdditional CSS class for the dialog (div.modal-dialog element).1.0.0
FooterCssClassstringFooter css class.1.0.0
FooterTemplateRenderFragmentFooter template.✔️1.0.0
FullscreenModalFullscreenFullscreen behavior of the modal.ModalFullscreen.Disabled1.0.0
HeaderTemplateRenderFragmentHeader template.✔️1.0.0
HeaderCssClassstringAdditional header CSS class.1.0.0
IsScrollableboolAllows modal body scroll.false1.0.0
IsServiceModalboolIndicates whether the modal is related to a modal service or not.false1.9.4
IsVerticallyCenteredboolShows the modal vertically in the center.false1.0.0
ModalTypeModalTypeGets or sets the modal type.ModalType.Light1.9.5
SizeModalSizeSize of the modal.ModalSize.Regular1.0.0
ShowCloseButtonboolIndicates whether the modal shows close button in header.true1.0.0
TabIndexintGets or sets the tab index.-11.6.0
Titlestring✔️1.0.0
UseStaticBackdropboolIndicates whether the modal uses a static backdrop.false1.0.0

Methods​

NameDescriptionAdded Version
ShowAsyncOpens a modal.1.0.0
ShowAsync<T>(string title, Dictionary<string, object> parameters = null)Opens a modal. T is component.1.4.1
HideAsyncHides 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​

EventDescription
OnShowingThis event fires immediately when the show instance method is called.
OnShownThis event is fired when an offcanvas element has been made visible to the user (will wait for CSS transitions to complete).
OnHidingThis event is fired immediately when the hide method has been called.
OnHiddenThis event is fired when an offcanvas element has been hidden from the user (will wait for CSS transitions to complete).
OnHidePreventedThis 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​

Clicking the Show Modal button below, the modal will slide down and fade in from the top of the page.

Blazor Modal Component
<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.

Blazor Modal Component - Dynamic component as modal
<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.
Blazor Modal Component - Pass event callbacks to a dynamic component
<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.

Blazor Modal Component - Static backdrop
<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.

Blazor Modal Component - Scrolling long content
<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.

Blazor Modal Component - Vertically centered
<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​

Blazor Modal Component - 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.

Blazor Modal Component - Optional sizes
<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​

Blazor Modal Component - 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.

- - + + \ No newline at end of file diff --git a/components/offcanvas.html b/components/offcanvas.html index 77efd91c4..5264de7bd 100644 --- a/components/offcanvas.html +++ b/components/offcanvas.html @@ -10,14 +10,14 @@ - - + +

Blazor Offcanvas

Build hidden sidebars into your project for navigation, shopping carts, and more with Blazor Bootstrap offcanvas component.

Parameters​

NameTypeDescriptionRequiredDefaultAdded Version
BodyCssClassstringAdditional body CSS class.1.0.0
BodyTemplateRenderFragmentBody content.✔️1.0.0
CloseOnEscapeboolIndicates whether the offcanvas closes when escape key is pressed.true1.0.0
FooterCssClassstringAdditional footer CSS class.1.0.0
FooterTemplateRenderFragmentFooter content.1.0.0
HeaderCssClassstringAdditional header CSS class.1.0.0
HeaderTemplateRenderFragmentContent for the header.1.0.0
IsScrollableboolIndicates whether body (page) scrolling is allowed while offcanvas is open.false1.0.0
PlacementPlacementGets or sets the offcanvas placement. By default, offcanvas is placed on the right of the viewport.Placement.End1.0.0
ShowCloseButtonboolIndicates whether the modal shows close button in header.true1.0.0
SizeOffcanvasSizeSize of the offcanvas.OffcanvasSize.Regular1.0.0
TabIndexintGets or sets the tab index.-11.6.0
TitlestringText for the title in header.✔️1.0.0
UseStaticBackdropboolWhen UseStaticBackdrop is set to true, the offcanvas will not close when clicking outside of it.false1.8.0

Methods​

MethodDescriptionAdded Version
ShowAsyncShows 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
HideAsyncHides 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​

EventDescription
OnShowingThis event fires immediately when the show instance method is called.
OnShownThis event is fired when an offcanvas element has been made visible to the user (will wait for CSS transitions to complete).
OnHidingThis event is fired immediately when the hide method has been called.
OnHiddenThis 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.

Offcanvas - Example
<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 - Top Placement
<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 - Static backdrop
<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 - Small Size
<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​

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.

- - + + \ No newline at end of file diff --git a/components/pagination.html b/components/pagination.html index a2bc57551..a32f2d2ab 100644 --- a/components/pagination.html +++ b/components/pagination.html @@ -10,13 +10,13 @@ - - + +

Blazor Pagination

Use Blazor Bootstrap pagination component to indicate a series of related content exists across multiple pages.

Parameters​

NameTypeDescriptionRequiredDefault
ActivePageNumberintActive page number. Starts with 1.1
AlignmentAlignmentGets or sets the pagination alignment.Alignment.None
DisplayPagesintGets or sets the maximum page links to be displayed.5
FirstLinkIconIconNameGets or sets first link icon.
FirstLinkTextstringGets or sets first link text. FirstLinkText is ignored if FirstLinkIcon is specified.First
LastLinkIconIconNameGets or sets last link icon.
LastLinkTextstringGets or sets last link text. LastLinkText is ignored if LastLinkIcon is specified.Last
NextLinkIconIconNameGets or sets next link icon.
NextLinkTextstringGets or sets next link text. NextLinkText is ignored if NextLinkIcon is specified.Next
PreviousLinkIconIconNameGets or sets previous link icon.
PreviousLinkTextstringGets or sets previous link text. PreviousLinkText is ignored if PreviousLinkIcon is specified.Previous
SizePaginationSizeGets or sets the pagination size.
TotalPagesintTotal pages of data items.

Callback Events​

EventDescription
PageChangedThis 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 - Examples
<Pagination TotalPages="8" />
<Pagination TotalPages="10" />
<Pagination TotalPages="13" />
<Pagination TotalPages="25" />
<Pagination TotalPages="100" />

See demo here.

Working with icons​

Pagination - 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 - 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 - Sizing
<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 - 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 - 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.

- - + + \ No newline at end of file diff --git a/components/pdf-viewer.html b/components/pdf-viewer.html index a0b83f065..745339034 100644 --- a/components/pdf-viewer.html +++ b/components/pdf-viewer.html @@ -10,13 +10,13 @@ - - + +

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​

NameTypeDefaultRequiredDescriptionAdded Version
Urlstringnull✔️Gets or sets the PDF URL.1.11.0

Callback Events​

EventDescriptionAdded Version
OnDocumentLoadedThis event fires immediately after the PDF document is loaded.1.11.0
OnPageChangedThis event fires immediately after the page is changed.1.11.0

Examples​

Basic usage​

Blazor Bootstrap: Blazor PDF Viewer Component - 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.

- - + + \ No newline at end of file diff --git a/components/placeholders.html b/components/placeholders.html index e17e9a90d..c7f4b5f02 100644 --- a/components/placeholders.html +++ b/components/placeholders.html @@ -10,13 +10,13 @@ - - + +

Blazor Placeholders

Use Blazor Bootstrap loading placeholders for your components or pages to indicate something may still be loading.

PlaceholderContainer Parameters​

NameTypeDescriptionRequiredDefault
AnimationPlaceholderAnimationGets or sets the placeholder animation.PlaceholderAnimation.Glow
ChildContentRenderFragmentSpecifies the content to be rendered inside this.

Placeholder Parameters​

NameTypeDescriptionRequiredDefault
WidthPlaceholderWidthGets or sets the placeholder width.PlaceholderWidth.Col1
ColorPlaceholderColorGets or sets the placeholder color.PlaceholderColor.None
SizePlaceholderSizeGets or sets the placeholder size.PlaceholderSize.None

Examples​

Placeholders​

Placeholders - Example
<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.

Placeholders - Width Example
<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.

Placeholders - Color Example
<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.

Placeholders - Sizing Example
<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.

Placeholders - Animation Example
<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.

- - + + \ No newline at end of file diff --git a/components/preload.html b/components/preload.html index 5620ec508..1fd3688a1 100644 --- a/components/preload.html +++ b/components/preload.html @@ -10,13 +10,13 @@ - - + +

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.
Blazor Bootstrap: Blazor Preload Component - Default

Parameters​

NameTypeDefaultDescriptionRequiredVersion Added
ChildContentRenderFragmentnullSpecifies the content to be rendered inside this.1.1.0
LoadingTextstring?nullGets or sets the loading text.1.10.4

Preload Service​

Methods​

NameReturn TypeDescriptionAdded Version
Show(SpinnerColor spinnerColor = SpinnerColor.Light)voidShows the preload.1.1.0
Show(SpinnerColor spinnerColor = SpinnerColor.Light, string? loadingText = null)voidShows the preload.1.10.4
Hide()voidHides the preload.1.1.0

Global preload service for the application​

  1. Add the Preload component in MainLayout.razor page as shown below.
@using BlazorBootstrap
.
.

... MainLayout.razor code goes here ...

.
.
<Preload LoadingText="Loading..." />
  1. 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​

Blazor Bootstrap: Blazor Preload Component - 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.

Blazor Bootstrap: Blazor Preload Component - Change spinner color
<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.

- - + + \ No newline at end of file diff --git a/components/progress.html b/components/progress.html index bb11e022d..626c793f1 100644 --- a/components/progress.html +++ b/components/progress.html @@ -10,13 +10,13 @@ - - + +

Blazor Progress

Documentation and examples for using the Blazor Bootstrap progress component featuring support for stacked bars, animated backgrounds, and text labels.

Blazor Progress

Progress Parameters​

NameTypeDefaultRequiredDescription
ChildContentRenderFragment✔️Specifies the content to be rendered inside this.
Heightdouble16Gets or sets the height of the Progress. Height is measured in pixels, and the default height is 16 pixels.

ProgressBar Parameters​

NameTypeDefaultRequiredDescription
ColorProgressColorGets or sets the progress color.
LabelstringGets or sets the progress bar label.
TypeProgressTypeGets or sets the progress bar type.
WidthdoubleGet or sets the progress bar width.

ProgressBar Methods​

NameDescription
DecreaseWidthDecrease the progress bar width.
GetWidthGet the progress bar width.
IncreaseWidthIncrease the progress bar width.
SetColorSet the progress bar color.
SetLabelSet the progress bar label.
SetWidthSet the progress bar width.

Examples​

How it works​

Blazor Progress - 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.

Blazor Progress - Labels
<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.

Blazor Progress - Set width programmatically
<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.

Blazor Progress - Height
<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.

Blazor Progress - Backgrounds
<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.

Blazor Progress - Set background programmatically
<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.

Blazor Progress - Multiple bars
<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.

Blazor Progress - Striped
<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.

Blazor Progress - Animated stripes
<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.

- - + + \ No newline at end of file diff --git a/components/script-loader.html b/components/script-loader.html index abe5d5870..d936c2ba4 100644 --- a/components/script-loader.html +++ b/components/script-loader.html @@ -10,14 +10,14 @@ - - + +

Blazor Script Loader

Documentation and examples for using the Blazor Bootstrap Script Loader component.

Blazor Progress - How it works

Script Loader Parameters​

NameTypeDefaultRequiredDescriptionAdded Version
AsyncboolfalseGets or sets the async.1.11.0
ScriptIdstring?nullGets or set the script id.1.11.0
Sourcestring?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​

NameDescriptionAdded Version
OnErrorAn event that is fired when a script loading error occurs.1.11.0
OnLoadAn 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.

Blazor Script Loader - Test whether the jQuery script has been loaded successfully

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;
}
- - + + \ No newline at end of file diff --git a/components/sidebar.html b/components/sidebar.html index e5b4a9e38..89f7d43a5 100644 --- a/components/sidebar.html +++ b/components/sidebar.html @@ -10,13 +10,13 @@ - - + +

Blazor Sidebar

Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content.

Blazor Sidebar

Parameters​

NameTypeDefaultRequiredDescriptionAdded Version
BadgeTextstringGets or sets the badge text.1.4.0
CustomIconNamestringGets or sets the custom icon name.1.4.0
DataProviderdelegate✔️DataProvider is for items to render. The provider should always return an instance of 'SidebarDataProviderResult', and 'null' is not allowed.1.4.0
IconNameenumGets or sets the IconName.1.4.0
ImageSrcstringGets or sets the logo.1.4.0
Titlestring✔️Gets or sets the title.1.4.0

Methods​

NameDescriptionAdded Version
RefreshDataAsyncRefresh the sidebar data.1.4.0
ToggleSidebarToggles sidebar.1.4.0
NameTypeDefaultRequiredDescriptionAdded Version
Classstring?nullGets or sets an additional CSS class.1.10.3
CustomIconNamestring?nullGets or sets the custom icon name.1.4.0
Hrefstring?✔️Gets or sets the href.1.4.0
IconColorIconColorIconColor.NoneGets or sets the icon color.1.4.0
IconNameIconNameIconName.NoneGets or sets the icon name.1.4.0
Idstring?nullGets or sets the Id.1.4.0
MatchNavLinkMatchNavLinkMatch.PrefixGets or sets the URL matching behavior.1.4.0
ParentIdstring?nullGets or sets the parent Id.1.4.0
SequenceintGets or sets the sequence.1.4.0
TargetTargetTarget.NoneGets or sets the target.1.4.0
Textstring?✔️Gets or sets the navigation link text.1.4.0

Examples​

Basic usage​

Blazor Sidebar - Basic usage
<Sidebar @ref="sidebar"
         IconName="IconName.BootstrapFill"
         Title="Blazor Bootstrap"
         DataProvider="SidebarDataProvider" />

@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 { 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.

Blazor Sidebar - Two level navigation
NOTE

At this moment, two levels of navigation are supported.

<Sidebar @ref="sidebar"
         IconName="IconName.BootstrapFill"
         Title="Blazor Bootstrap"
         DataProvider="SidebarDataProvider" />

@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 = "/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.

Blazor Sidebar - Change icons color
<Sidebar @ref="sidebar"
         IconName="IconName.BootstrapFill"
         Title="Blazor Bootstrap"
         DataProvider="SidebarDataProvider" />

@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 = "/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.

Blazor Sidebar - Full layout with sidebar
<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">Page content goes here</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 = "/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.

Blazor Sidebar - Toggle sidebar to show icons only
<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-between">
            <Icon Name="IconName.List" role="button" @onclick="ToogleSidebar" />
            <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;
    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 ToogleSidebar() => 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.

Blazor Sidebar - Show badge
<div class="bb-page">

    <Sidebar @ref="sidebar"
             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="ToogleSidebar" />
            <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;
    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 ToogleSidebar() => sidebar.ToggleSidebar();
}

See demo here.

Custom brand icon​

Use the CustomIconName parameter to set the custom logo icon using font awesome or other icons.

Blazor Sidebar - Custom brand icon
<div class="bb-page">

    <Sidebar @ref="sidebar"
             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="ToogleSidebar" />
            <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;
    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 ToogleSidebar() => sidebar.ToggleSidebar();
}

See demo here.

Use the ImageSrc parameter to set the brand logo.

Blazor Sidebar - Show image as brand logo
<div class="bb-page">

    <Sidebar @ref="sidebar"
             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="ToogleSidebar" />
            <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;
    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 ToogleSidebar() => sidebar.ToggleSidebar();
}

See demo here.

Customize sidebar​

Developers can customize the sidebar color by changing the CSS variables, as mentioned in the below example.

Blazor Sidebar - Customize sidebar
<div class="bb-page">

    <Sidebar @ref="sidebar"
             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 {
    Sidebar sidebar;
    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.

Blazor Sidebar - Apply custom CSS class to NavItem
<Sidebar @ref="sidebar"
         IconName="IconName.BootstrapFill"
         Title="Blazor Bootstrap"
         DataProvider="SidebarDataProvider" />
@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 = "/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.

- - + + \ No newline at end of file diff --git a/components/tabs.html b/components/tabs.html index 0e0b4f317..a6a6e1a43 100644 --- a/components/tabs.html +++ b/components/tabs.html @@ -10,13 +10,13 @@ - - + +

Blazor Tabs

Documentation and examples for using Blazor Bootstrap Tabs components.

Tabs Parameters​

NameTypeDescriptionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.1.0.0
EnableFadeEffectboolGets or sets the tabs fade effect.false1.0.0
NavStyleNavStyleGet or sets the nav style.NavStyle.Tabs1.0.0

Tabs Methods​

NameDescriptionAdded Version
InitializeRecentTab(bool showTab)Initializes the most recently added tab, optionally displaying it.1.11.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
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​

EventDescriptionAdded Version
OnHiddenThis event fires after a new tab is shown (and thus the previous active tab is hidden).1.0.0
OnHidingThis event fires when a new tab is to be shown (and thus the previous active tab is to be hidden).1.0.0
OnShowingThis event fires on tab show, but before the new tab has been shown.1.0.0
OnShownThis event fires on tab show after a tab has been shown.1.0.0

Tab Parameters​

NameTypeDescriptionRequiredDefaultAdded Version
ContentRenderFragmentSpecifies the content to be rendered inside the tab.✔️1.0.0
DisabledboolGets or sets the disabled.false1.0.0
IsActiveboolGets or sets the active tab.false1.0.0
NamestringGets or sets the tab name.1.0.0
TitlestringGets or sets the tab title.1.0.0
TitleTemplateRenderFragmentGets or sets the tab title template.1.0.0
Note

Either Title or TitleTemplate is required.

Tab Callback Events​

EventDescriptionAdded Version
OnClickThis event fires when the user clicks the corresponding tab button and the tab is displayed.1.11.0

Examples​

Tabs​

Blazor Tabs Component - Examples
<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.

Blazor Tabs Component - Fade effect
<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.

Blazor Tabs Component - Title with icon
<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.

Blazor Tabs Component - Disable Tab
<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".

Blazor Tabs Component - 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.

Blazor Tabs Component - Underline
<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.

Blazor Tabs Component - 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​

Blazor Tabs Component - 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​

Blazor Tabs Component - 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.

Blazor Tabs Component - Activate individual tabs
<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:

  1. OnHiding (on the currently active tab)
  2. OnShowing (on the tab that is about to be displayed)
  3. OnHidden (on the previously active tab, which is the same one that triggered the OnHiding event)
  4. 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​

Blazor Tabs Component - Activate individual tabs
<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​

Blazor Tabs Component - Return object on tab switch
<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​

Blazor Tabs Component - Dynamic tabs
<Tabs @ref="tabs">
    @foreach (var customer in customers)
    {
        <Tab Title="@customer.CustomerName"
             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>
}

<Button Color="ButtonColor.Success" Class="mt-3" @onclick="AddCustomer">Add customer</Button>
@code {
    Tabs tabs = default!;

    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.Last();

    private void AddCustomer()
    {
        var count = customers.Count;
        var customer = new Customer(count + 1, $"Customer {count + 1}");
        customers.Add(customer);
        //selectedCustomer = customer; NOTE: this line is not required
        tabs.InitializeRecentTab(showTab: true);
    }

    private void OnTabClick(TabEventArgs args, Customer customer) => selectedCustomer = customer;
}

See demo here.

- - + + \ No newline at end of file diff --git a/components/toasts.html b/components/toasts.html index 6e1188f20..8cdbae762 100644 --- a/components/toasts.html +++ b/components/toasts.html @@ -10,13 +10,13 @@ - - + +

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.

Blazor Bootstrap: Blazor Toasts Component - Example 1Blazor Bootstrap: Blazor Toasts Component - Example 2

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​

NameTypeDescriptionRequiredDefaultAdded Version
AutoHideboolAuto hide the toast.false1.0.0
DelayintDelay hiding the toast (milli seconds).50001.0.0
MessagesList<ToastMessage>List of all the toasts.✔️1.0.0
PlacementToastsPlacementSpecifies the toasts placement.ToastsPlacement.TopRight1.0.0
ShowCloseButtonboolShow close button.true1.0.0
StackLengthintSpecifies the toast container maximum capacity.51.0.0

ToastMessage Properties​

NameTypeDescriptionRequiredDefaultAdded Version
AutoHideboolGets or sets the auto hide behavior to a message.false1.9.0
CustomIconNamestringGets or sets the custom icon name.1.0.0
HelpTextstringGets or sets the help text.1.0.0
IconNameIconNameGets or sets the bootstarp icon name.1.0.0
IdGuidGets the toast id.1.0.0
MessagestringGets or sets the toast message.✔️1.0.0
TitlestringGets or sets the toast''s message title.1.0.0
TypeToastTypeGets 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.

Blazor Bootstrap: Blazor Toasts Component - Example
<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.

Blazor Bootstrap: Toasts Component - Example
Blazor Bootstrap: Toasts Component - Example
<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.

Blazor Bootstrap: Blazor Toasts Component - Auto hide
<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​

  1. 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.

  1. 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}."));
        }
    }
}
- - + + \ No newline at end of file diff --git a/components/tooltips.html b/components/tooltips.html index 5d5374744..30179f8b5 100644 --- a/components/tooltips.html +++ b/components/tooltips.html @@ -10,13 +10,13 @@ - - + +

Blazor Tooltips

Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages.

Parameters​

NameTypeDescriptionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.1.0.0
ColorTooltipColorGets or sets the tooltip color.TooltipColor.None1.10.0
PlacementTooltipPlacementSpecifies the tooltip placement. Default is top right.TooltipPlacement.Top1.0.0
TitlestringDisplays informative text when users hover, focus, or tap an element.✔️1.0.0

Examples​

Tooltips​

Blazor Bootstrap: Tooltip Component
Blazor Bootstrap: Tooltip Component
Blazor Bootstrap: Tooltip Component
Blazor Bootstrap: Tooltip Component
<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​

Blazor Bootstrap: Tooltip Component
<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​

Blazor Bootstrap: Tooltip Component
<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

- - + + \ No newline at end of file diff --git a/content/icons.html b/content/icons.html index e29a63fe0..aa56f9b67 100644 --- a/content/icons.html +++ b/content/icons.html @@ -10,13 +10,13 @@ - - + +

Blazor Icons

Blazor Bootstrap icon component will display an icon from any icon font.

Prerequisites​

  • Install Bootstrap Icons or other.

  • 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​

NameTypeDescriptionRequiredDefaultAdded Version
ColorIconColorGets or sets the icon color.IconColor.None1.9.0
CustomIconNamestringSpecify custom icons of your own, like fontawesome. Example: fas fa-alarm-clock✔️1.0.0
NameIconNameGets or sets the icon name.✔️1.0.0
SizeIconSizeGets or sets the icon size.IconSize.None1.0.0
NOTE

Either Name or CustomIconName parameter is mandatory. For Font Awesome setup, please follow the Font Awesome website.

Examples​

Icons​

Blazor Bootstrap: Icon Component
<Icon Name="IconName.Alarm" />
<Icon Name="IconName.AlarmFill" />
<Icon Name="IconName.Window" />
<Icon Name="IconName.Apple" />

See icons demo here.

Sizes​

Blazor Bootstrap: Icon Component - 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.

Blazor Bootstrap: Icon Component - Font awesome icons
<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​

Blazor Bootstrap: Icon Component - 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​

Blazor Bootstrap: Icon Component - Inline text with icon
Inline text <Icon Name="IconName.Alarm" />

See inline text with icon demo here.

Blazor Bootstrap: Icon Component - Link with icon
<a href="#" class="text-decoration-none">
    Example link text <Icon Name="IconName.Alarm" />
</a>

See link with icon demo here.

Blazor Bootstrap: Icon Component - 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​

Blazor Bootstrap: Icon Component - 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​

Blazor Bootstrap: Icon Component - 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.

Blazor Bootstrap: Icon Component - Button with font awesome icon
<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​

Blazor Bootstrap: Icon Component - Icon with tooltip
<Tooltip Title="Info Tooltip" role="button">
    <Icon Name="IconName.InfoCircleFill"></Icon>
</Tooltip>

Bootstrap Icons​

Blazor Bootstrap: Icon Component - Bootstrap Icons

See all bootstrap icons demo here.

- - + + \ No newline at end of file diff --git a/data-visualization/bar-chart.html b/data-visualization/bar-chart.html index e774e400f..5bdb2861c 100644 --- a/data-visualization/bar-chart.html +++ b/data-visualization/bar-chart.html @@ -10,8 +10,8 @@ - - + +
@@ -19,7 +19,7 @@ It is sometimes used to show trend data and to compare multiple data sets side by side.

Blazor Chart Component - Blazor Bar Chart

Parameters​

NameTypeDescriptionRequiredDefaultAdded Version
HeightintGets or sets chart height.1.0.0
WidthintGets or sets chart width.1.0.0

Methods​

NameReturn typeDescriptionAdded Version
AddDataAsyncChartDataAdds data to bar chart.1.10.0
AddDatasetAsyncChartDataAdds dataset to bar chart.1.10.0
InitializeAsyncTaskInitialize Bar Chart.1.0.0
UpdateAsyncTaskUpdate Bar Chart.1.0.0

ChartData Members​

Property NameTypeDefaultRequiredDescriptionAdded Version
DatasetsList<IChartDataset>null✔️Gets or sets the Datasets.1.0.0
LabelsList<string>null✔️Gets or sets the Labels.1.0.0

BarChartDataset Members​

info

BarChartDataset implements IChartDataset.

Property NameTypeDefaultRequiredDescriptionAdded Version
BackgroundColorList<string>nullGet or sets the BackgroundColor.1.0.0
BarPercentagedouble0.8Percent (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
BorderColorList<string>nullGet or sets the BorderColor.1.0.0
BorderRadiusint0Border radius.1.0.0
BorderWidthList<double>nullGet or sets the BorderWidth.1.0.0
CategoryPercentagedouble0.8Percent (0-1) of the available width each category should be within the sample width.1.0.0
ClipstringnullHow 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
DatalabelsBarChartDatasetDataLabelsGet or sets the data labels
DataList<double>nullGet or sets the Data.1.0.0
HiddenboolfalseConfigures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.1.0.0
HoverBackgroundColorList<string>null✔️Get or sets the HoverBackgroundColor.1.0.0
HoverBorderColorList<string>null✔️Get or sets the HoverBorderColor.1.0.0
HoverBorderWidthList<double>null✔️Get or sets the HoverBorderWidth.1.0.0
LabelstringnullThe label for the dataset which appears in the legend and tooltips.1.0.0
Typestringnull✔️Get or sets the chart type.1.0.0
XAxisIDstringnullThe ID of the x axis to plot this dataset on.1.0.0
YAxisIDstringnullThe ID of the y axis to plot this dataset on.1.0.0

BarChartDatasetDataLabels Members​

Property NameTypeDefaultRequiredDescriptionAdded Version
Alignstring?centerGets or sets the align.1.10.2
Anchorstring?centerGets or sets the anchor.1.10.2

BarChartOptions Members​

info

BarChartOptions implements ChartOptions.

Property NameTypeDefaultRequiredDescriptionAdded Version
IndexAxisstringxThe base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.1.0.0
InteractionInteractionGets or sets the Interaction.1.0.0
LayoutChartLayoutGets or sets the ChartLayout.1.0.0
Localestring?Gets or sets the locale. By default, the chart is using the default locale of the platform which is running on.1.10.0
PluginsBarChartPluginsGets or sets the Plugins.1.10.2
ResponsiveboolfalseGets or sets the Responsive.1.0.0
ScalesScalesGets 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.

Blazor Bootstrap: Bar Chart Component - How it works
<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​

Blazor Bootstrap: Bar Chart Component - 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​

Blazor Bootstrap: Bar Chart Component - 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).

Blazor Bootstrap: Bar Chart Component - Locale
<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​

Blazor Bootstrap: Bar Chart Component - 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.

- - + + \ No newline at end of file diff --git a/data-visualization/doughnut-chart.html b/data-visualization/doughnut-chart.html index a2dd41f3b..b1e6c7788 100644 --- a/data-visualization/doughnut-chart.html +++ b/data-visualization/doughnut-chart.html @@ -10,8 +10,8 @@ - - + +
@@ -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.

Blazor Chart Component - Blazor Doughnut Chart

Parameters​

NameTypeDefaultRequiredDescriptionAdded Version
HeightintGets or sets chart height.1.0.0
WidthintGet or sets chart width.1.0.0

Methods​

NameReturn typeDescriptionAdded Version
AddDataAsyncChartDataAdds data to bar chart.1.10.0
AddDatasetAsyncChartDataAdds dataset to bar chart.1.10.0
InitializeAsyncTaskInitialize Bar Chart.1.0.0
UpdateAsyncTaskUpdate Bar Chart.1.0.0

ChartData Members​

Property NameTypeDefaultRequiredDescriptionAdded Version
DatasetsList<IChartDataset>null✔️Gets or sets the Datasets.1.0.0
LabelsList<string>null✔️Gets or sets the Labels.1.0.0

DoughnutChartDataset Members​

info

DoughnutChartDataset implements IChartDataset.

Property NameTypeDefaultRequiredDescriptionAdded Version
BackgroundColorList<string>nullGet or sets the BackgroundColor.1.0.0
BorderColorList<string>nullGet or sets the BorderColor.1.0.0
BorderWidthList<double>nullGet or sets the BorderWidth.1.0.0
ClipstringnullHow 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
DataList<double>nullGet or sets the Data.1.0.0
DatalabelsDoughnutChartDatasetDataLabelsGet or sets the data labels
HiddenboolfalseConfigures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.1.0.0
HoverBackgroundColorList<string>null✔️Get or sets the HoverBackgroundColor.1.0.0
HoverBorderColorList<string>null✔️Get or sets the HoverBorderColor.1.0.0
HoverBorderWidthList<double>null✔️Get or sets the HoverBorderWidth.1.0.0
LabelstringnullThe label for the dataset which appears in the legend and tooltips.1.0.0
Typestringnull✔️Get or sets the chart type.1.0.0

DoughnutChartDatasetDataLabels Members​

Property NameTypeDefaultRequiredDescriptionAdded Version
Anchorstring?centerGets or sets the anchor.1.10.2
BorderWidthdouble?2Gets or sets the border width.1.10.2

DoughnutChartOptions Members​

info

DoughnutChartOptions implements ChartOptions.

Property NameTypeDefaultRequiredDescriptionAdded Version
Localestring?Gets or sets the locale. By default, the chart is using the default locale of the platform which is running on.1.10.0
PluginsDoughnutChartPluginsGets or sets the Plugins.1.10.2
ResponsiveboolfalseGets 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.

Blazor Bootstrap: Doughnut Chart Component - How it works
<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).

Blazor Bootstrap: Doughnut Chart Component - Locale
@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​

Blazor Bootstrap: Doughnut Chart Component - 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.

- - + + \ No newline at end of file diff --git a/data-visualization/line-chart.html b/data-visualization/line-chart.html index 9f94860c8..f214274d6 100644 --- a/data-visualization/line-chart.html +++ b/data-visualization/line-chart.html @@ -10,14 +10,14 @@ - - + +

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.

Blazor Chart Component - Blazor Line Chart

Parameters​

NameTypeDefaultRequiredDescriptionAdded Version
HeightintGets or sets chart height.1.0.0
WidthintGet or sets chart width.1.0.0

Methods​

NameReturn typeDescriptionAdded Version
AddDataAsyncChartDataAdds data to bar chart.1.10.0
AddDatasetAsyncChartDataAdds dataset to bar chart.1.10.0
InitializeAsyncTaskInitialize Bar Chart.1.0.0
UpdateAsyncTaskUpdate Bar Chart.1.0.0

ChartData Members​

Property NameTypeDefaultRequiredDescriptionAdded Version
LabelsList<string>null✔️Gets or sets the Labels.1.0.0
DatasetsList<IChartDataset>null✔️Gets or sets the Datasets.1.0.0

LineChartDataset Members​

info

LineChartDataset implements IChartDataset.

Property NameTypeDefaultRequiredDescriptionAdded Version
BackgroundColorList<string>nullGet or sets the BackgroundColor.1.0.0
BorderColorList<string>nullGet or sets the BorderColor.1.0.0
BorderDashList<int>nullLine dash.1.0.0
BorderDashOffsetdouble0.0Line dash offset.1.0.0
BorderWidthList<double>nullGet or sets the BorderWidth.1.0.0
ClipstringnullHow 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
DataList<double>nullGet or sets the Data.1.0.0
DatalabelsLineChartDatasetDataLabelsGet or sets the data labels
FillboolfalseBoth 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
HiddenboolfalseConfigures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.1.0.0
HoverBackgroundColorList<string>null✔️Get or sets the HoverBackgroundColor.1.0.0
HoverBorderColorList<string>null✔️Get or sets the HoverBorderColor.1.0.0
HoverBorderDashList<int>nullHover line dash.1.0.0
HoverBorderWidthList<double>null✔️Get or sets the HoverBorderWidth.1.0.0
LabelstringnullThe label for the dataset which appears in the legend and tooltips.1.0.0
PointBackgroundColorList<string>new List<string> { "rgba(0, 0, 0, 0.1)" }The fill color for points.1.0.0
PointBorderColorList<string>new List<string> { "rgba(0, 0, 0, 0.1)" }The border color for points.1.0.0
PointBorderWidthList<double>new List<double> { 1 }The width of the point border in pixels.1.0.0
PointHitRadiusList<double>new List<double> { 1 }The pixel size of the non-displayed point that reacts to mouse events.1.0.0
PointHoverBackgroundColorList<string>nullPoint background color when hovered.1.0.0
PointHoverBorderColorList<string>nullPoint border color when hovered.1.0.0
PointHoverBorderWidthList<double>new List<double> { 1 }Border width of point when hovered.1.0.0
PointHoverRadiusnew List<int>new List<int> { 1 }The radius of the point when hovered.1.0.0
PointRadiusList<int>new List<int> { 1 }The radius of the point shape. If set to 0, the point is not rendered.1.0.0
PointRotationList<int>new List<int> { 0 }The rotation of the point in degrees.1.0.0
PointStyleList<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
ShowLinebooltrueIf false, the lines between points are not drawn.1.0.0
SpanGapsboolfalseIf 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
Steppedboolfalsetrue to show the line as a stepped line (tension will be ignored).1.0.0
Tensiondouble0.2Bezier curve tension of the line. Set to 0 to draw straightlines. This option is ignored if monotone cubic interpolation is used.1.0.0
Typestringnull✔️Get or sets the chart type.1.0.0
XAxisIDstringnullThe ID of the x axis to plot this dataset on.1.0.0
YAxisIDstringnullThe ID of the y axis to plot this dataset on.1.0.0

LineChartDatasetDataLabels Members​

Property NameTypeDefaultRequiredDescriptionAdded Version
Alignstring?startGets or sets the align.1.10.2
Anchorstring?startGets or sets the anchor.1.10.2

LineChartOptions Members​

info

LineChartOptions implements ChartOptions.

Property NameTypeDefaultRequiredDescriptionAdded Version
IndexAxisstringxThe base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.1.0.0
InteractionInteractionGets or sets the Interaction.1.0.0
LayoutChartLayoutGets or sets the ChartLayout.1.0.0
Localestring?Gets or sets the locale. By default, the chart is using the default locale of the platform which is running on.1.10.0
PluginsLineChartPluginsGets or sets the Plugins.1.10.2
ResponsiveboolfalseGets or sets the Responsive.1.0.0
ScalesScalesGets 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.

Blazor Bootstrap: Line Chart Component - How it works
@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​

Blazor Bootstrap: Line Chart Component - 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​

Blazor Bootstrap: Line Chart Component - 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.

- - + + \ No newline at end of file diff --git a/data-visualization/pie-chart.html b/data-visualization/pie-chart.html index 12da2d9c5..f458191b7 100644 --- a/data-visualization/pie-chart.html +++ b/data-visualization/pie-chart.html @@ -10,14 +10,14 @@ - - + +

Blazor Pie Chart

A Blazor Bootstrap pie chart component is a circular chart that shows the proportional values of different categories.

Blazor Chart Component - Blazor Pie Chart

Parameters​

NameTypeDefaultRequiredDescriptionAdded Version
HeightintGets or sets chart height.1.0.0
WidthintGet or sets chart width.1.0.0

Methods​

NameReturn typeDescriptionAdded Version
AddDataAsyncChartDataAdds data to bar chart.1.10.0
AddDatasetAsyncChartDataAdds dataset to bar chart.1.10.0
InitializeAsyncTaskInitialize Bar Chart.1.0.0
UpdateAsyncTaskUpdate Bar Chart.1.0.0

ChartData Members​

Property NameTypeDefaultRequiredDescriptionAdded Version
LabelsList<string>null✔️Gets or sets the Labels.1.0.0
DatasetsList<IChartDataset>null✔️Gets or sets the Datasets.1.0.0

PieChartDataset Members​

info

PieChartDataset implements IChartDataset.

Property NameTypeDefaultRequiredDescriptionAdded Version
BackgroundColorList<string>nullGet or sets the BackgroundColor.1.0.0
BorderColorList<string>nullGet or sets the BorderColor.1.0.0
BorderWidthList<double>nullGet or sets the BorderWidth.1.0.0
ClipstringnullHow 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
DataList<double>nullGet or sets the Data.1.0.0
DatalabelsPieChartDatasetDataLabelsGet or sets the data labels
HiddenboolfalseConfigures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.1.0.0
HoverBackgroundColorList<string>null✔️Get or sets the HoverBackgroundColor.1.0.0
HoverBorderColorList<string>null✔️Get or sets the HoverBorderColor.1.0.0
HoverBorderWidthList<double>null✔️Get or sets the HoverBorderWidth.1.0.0
Typestringnull✔️Get or sets the chart type.1.0.0

PieChartDatasetDataLabels Members​

Property NameTypeDefaultRequiredDescriptionAdded Version
Anchorstring?centerGets or sets the anchor.1.10.2
BorderWidthdouble?2Gets or sets the border width.1.10.2

PieChartOptions Members​

info

PieChartOptions implements ChartOptions.

Property NameTypeDefaultRequiredDescriptionAdded Version
Localestring?Gets or sets the locale. By default, the chart is using the default locale of the platform which is running on.1.10.0
PluginsPieChartPluginsGets or sets the Plugins.1.10.2
ResponsiveboolfalseGets 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.

Blazor Bootstrap: Pie Chart Component - How it works
<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​

Blazor Bootstrap: Pie Chart Component - 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.

Blazor Bootstrap: Pie Chart Component - Change legend position
<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.

- - + + \ No newline at end of file diff --git a/forms/autocomplete.html b/forms/autocomplete.html index 7bc2ed251..fced65160 100644 --- a/forms/autocomplete.html +++ b/forms/autocomplete.html @@ -10,13 +10,13 @@ - - + +

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​

NameTypeDefaultRequiredDescriptionAdded Version
DataProviderdelegatenull✔️DataProvider is for items to render. The provider should always return an instance of AutoCompleteDataProviderResult, and null is not allowed.0.4.0
DisabledboolfalseIs AutoComplete disabled.0.4.0
EmptyTextstringNo records found.✔️Gets or sets the empty text.1.10.2
LoadingTextstringLoading...✔️Gets or sets the loading text.1.10.2
PlaceholderstringnullAutoComplete placeholder.0.4.0
PropertyNamestringnull✔️AutoComplete data text property name.0.4.0
SizeenumAutoCompleteSize.DefaultUse AutoCompleteSize.Default or AutoCompleteSize.Large or AutoCompleteSize.Small0.4.0
StringComparisonenumStringComparison.OrdinalIgnoreCaseSpecifies the culture, case, and sort rules to be used. Use StringComparison.CurrentCulture or StringComparison.CurrentCultureIgnoreCase or StringComparison.InvariantCulture or StringComparison.InvariantCultureIgnoreCase or StringComparison.Ordinal or StringComparison.OrdinalIgnoreCase.0.4.1
StringFilterOperatorenumStringFilterOperator.ContainsUse StringFilterOperator.Equals or StringFilterOperator.Contains or StringFilterOperator.StartsWith or StringFilterOperator.EndsWith0.4.1
Valuestringnull✔️AutoComplete value.0.4.0
ValueExpressionexpressionnullAutoComplete value expression.0.4.0

Methods​

NameReturnsDescriptionAdded Version
Disable()voidDisables autocomplete.0.4.0
Enable()voidEnables autocomplete.0.4.0
RefreshDataAsync()TaskRefresh the autocomplete data.0.4.0
ResetAsync()TaskResets the autocomplete selection.0.4.0

Events​

NameDescriptionAdded Version
OnChangedThis event fires immediately when the autocomplete selection changes by the user.0.4.0
ValueChangedThis 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.

KeyDescriptionAdded Version
EscCloses the popup list when it is in an open state.1.3.1
Up arrowFocuses on the previous item in the list.1.3.1
Down arrowFocuses on the next item in the list.1.3.1
HomeFocuses on the first item in the list.1.3.1
EndFocuses on the last item in the list.1.3.1
EnterSelects the currently focused item.1.3.1

Examples​

Client side data​

Blazor Bootstrap AutoComplete Component - 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.

Blazor Bootstrap AutoComplete Component - Client side data with StringComparision
<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​

Blazor Bootstrap AutoComplete Component - 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​

Blazor Bootstrap AutoComplete Component - 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​

Blazor Bootstrap AutoComplete Component - Validations - Data emptyBlazor Bootstrap AutoComplete Component - Validations - Item selected
@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

- - + + \ No newline at end of file diff --git a/forms/currency-input.html b/forms/currency-input.html index 462ed2b58..f69cb12b4 100644 --- a/forms/currency-input.html +++ b/forms/currency-input.html @@ -10,15 +10,15 @@ - - + +

Blazor Currency Input

Use the Blazor Bootstrap CurrencyInput component to show the numbers in the user's locale format, including the currency symbol.

Blazor Bootstrap: Currency Input Component

Parameters​

NameTypeDefaultRequiredDescription
AllowNegativeNumbersboolfalseAllows negative numbers. By default, negative numbers are not allowed.
AutoCompleteboolfalseIndicates whether the NumberInput can complete the values automatically by the browser.
CurrencySignCurrencySignCurrencySign.Standard
DisabledboolfalseGets or sets the disabled.
EnableMinMaxboolfalseDetermines 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.
HideCurrencySymbolboolfalseDetermines whether to hide the currency symbol are not.
Localestringen-US✔️Gets or sets the locale.
MaxTValueGets or sets the max. Max ignored if EnableMinMax="false".
MaximumFractionDigitsbyte?nullThe maximum number of fraction digits to use.
MinTValueGets or sets the min. Min ignored if EnableMinMax="false".
MinimumFractionDigitsbyte?nullThe minimum number of fraction digits to use.
MinimumIntegerDigitsbyte1The 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.
Placeholderstring?nullGets or sets the placeholder.
TextAlignmentAlignmentAlignment.NoneGets or sets the text alignment.
ValueTValueGets or sets the value.

Methods​

NameDescription
Disable()Disables currency input.
Enable()Enables currency input.

Events​

NameDescription
ValueChangedThis 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.

Blazor Bootstrap: Currency Input Component - Basic usage
<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​

Blazor Bootstrap: Currency Input Component - 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.

Blazor Bootstrap: Currency Input Component - 
<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.

Blazor Bootstrap: Currency Input Component - Using fraction digits and integer digits
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.

Blazor Bootstrap: Currency Input Component - Wrap the number with parentheses instead of appending a minus sign
<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?.

Blazor Bootstrap: Currency Input Component - Generic type
<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.

Blazor Bootstrap: Currency Input Component - Enable min and max
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.

Blazor Bootstrap: Currency Input Component - Text alignment
<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.

Blazor Bootstrap: Currency Input Component - Allow 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.

Blazor Bootstrap: Currency Input Component - 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-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

Events: ValueChanged​

This event fires on every user keystroke that changes the CurrencyInput value.

Blazor Bootstrap: Currency Input Component - ValueChanged
<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

- - + + \ No newline at end of file diff --git a/forms/date-input.html b/forms/date-input.html index a5d6a9c13..6227435b0 100644 --- a/forms/date-input.html +++ b/forms/date-input.html @@ -10,8 +10,8 @@ - - + +
@@ -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.

<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.

Blazor Bootstrap: Date Input Component - 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-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.

Blazor Bootstrap: Date Input Component - Events: ValueChanged
<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.

Blazor Bootstrap:- Date Input Component - Restrict the date field based on the entry in another date field
@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; }
    }
}
- - + + \ No newline at end of file diff --git a/forms/number-input.html b/forms/number-input.html index ef85ceef3..223eacff6 100644 --- a/forms/number-input.html +++ b/forms/number-input.html @@ -10,15 +10,15 @@ - - + +

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.

Blazor Bootstrap: Number Input Component

Parameters​

NameTypeDefaultRequiredDescription
AllowNegativeNumbersboolfalseAllows negative numbers. By default, negative numbers are not allowed.
AutoCompleteboolfalseIndicates whether the NumberInput can complete the values automatically by the browser.
DisabledboolfalseGets or sets the disabled.
EnableMinMaxboolfalseDetermines 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.
MaxTValueGets or sets the max. Max ignored if EnableMinMax="false".
MinTValueGets or sets the min. Min ignored if EnableMinMax="false".
Placeholderstring?nullGets or sets the placeholder.
Stepdouble?nullGets or sets the step.
TextAlignmentAlignmentAlignment.NoneGets or sets the text alignment.
ValueTValueGets or sets the value.

Methods​

NameDescription
DisableDisables number input.
EnableEnables number input.

Events​

NameDescription
ValueChangedThis 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.

Blazor Bootstrap: Number Input Component - Basic usage
<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?.

Blazor Bootstrap: Number Input Component - Generic type
<div class="mb-3">
    <label class="form-label">Enter int number</label>
    <NumberInput TValue="int" @bind-Value="@amount" />
</div>

<div class="mb-3">
    <label class="form-label">Enter int? number</label>
    <NumberInput TValue="int?" @bind-Value="@amount2" />
</div>

<div class="mb-3">
    <label class="form-label">Enter float number</label>
    <NumberInput TValue="float" @bind-Value="@amount3" />
</div>

<div class="mb-3">
    <label class="form-label">Enter float? number</label>
    <NumberInput TValue="float?" @bind-Value="@amount4" />
</div>

<div class="mb-3">
    <label class="form-label">Enter double number</label>
    <NumberInput TValue="double" @bind-Value="@amount5" />
</div>

<div class="mb-3">
    <label class="form-label">Enter double? number</label>
    <NumberInput TValue="double?" @bind-Value="@amount6" />
</div>

<div class="mb-3">
    <label class="form-label">Enter decimal number</label>
    <NumberInput TValue="decimal" @bind-Value="@amount7" />
</div>

<div class="mb-3">
    <label class="form-label">Enter decimal? number</label>
    <NumberInput 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.

Blazor Bootstrap: Number Input Component - Enable min and max
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.

Blazor Bootstrap: Number Input Component - Step
<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.

Blazor Bootstrap: Number Input Component - Text alignment
<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.

Blazor Bootstrap: Number Input Component - Allow 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.

Blazor Bootstrap: Number Input Component - 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-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.

Blazor Bootstrap: Number Input Component - Events: ValueChanged
<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

- - + + \ No newline at end of file diff --git a/forms/range-input.html b/forms/range-input.html index 672da824c..71c273e25 100644 --- a/forms/range-input.html +++ b/forms/range-input.html @@ -3,21 +3,21 @@ -Blazor Range Input Component | Blazor Bootstrap Docs +Blazor Range Input Component | Blazor Bootstrap Docs - - + +

Blazor Range Input

Blazor Bootstrap RangeInput component is built around HTML input of type="range".

Blazor Bootstrap: Range Input Component

Parameters​

NameTypeDefaultRequiredDescriptionAdded Version
DisabledboolfalseDisables or enables the range input.1.10.6
MaxTValueGets or sets the maximum value of the range input.1.10.6
MinTValueGets or sets the minimum value of the range input.1.10.6
Stepdouble1Gets or sets the step value of the range input.1.10.6
TickMarksIEnumerable<TickMark>defaultGets or sets the tick marks.1.10.6
ValueTValueGets or sets the value of the range input.1.10.6

Methods​

NameDescriptionAdded Version
Disable()Disables range input.1.10.6
Enable()Enables range input.1.10.6

Events​

NameDescriptionAdded Version
ValueChangedThis event fires when the user specifies a numeric value.1.10.6

TickMark Properties​

NameTypeDefaultRequiredDescriptionAdded Version
Labelstring?Gets or sets the label.1.10.6
Valuestring?Gets or sets the value.1.10.6

Examples​

Basic usage​

Blazor Bootstrap: Range Input Component - Basic usage
<RangeInput TValue="int" @bind-Value="amount1" Min="0" Max="100" />
@code {
    int amount1 = 10;
}
Blazor Bootstrap: Range Input Component - Multiple
<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.

Blazor Bootstrap: Range Input Component - Disabled parameter
<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.

Blazor Bootstrap: Range Input Component - Disable method
<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.

Blazor Bootstrap: Range Input Component - Min and max
<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.

Blazor Bootstrap: Range Input Component - Step
<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

Tick marks​

To add tick marks to a RangeInput, set the TickMarks parameter. `

Blazor Bootstrap: Range Input Component - Tick marks
<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

- - + + \ No newline at end of file diff --git a/forms/switch.html b/forms/switch.html index ba8f2cd84..897b83f59 100644 --- a/forms/switch.html +++ b/forms/switch.html @@ -10,13 +10,13 @@ - - + +

Blazor Switch

Use the Blazor Bootstrap Switch component to show the consistent cross-browser and cross-device custom checkboxes.

Blazor Bootstrap: Switch Component

Parameters​

NameTypeDefaultRequiredDescriptionAdded Version
DisabledboolfalseGets or sets the disabled.1.3.0
LabelstringnullGets or sets the label.1.3.0
ReverseboolfalseDetermines whether to put the switch on the opposite side.1.3.0
Valueboolfalse✔️Gets or sets the value.1.3.0

Methods​

NameReturn TypeDescriptionAdded Version
Disable()voidDisables switch.1.3.0
Enable()voidEnables switch.1.3.0

Events​

NameDescriptionAdded Version
ValueChangedThis event fired when the switch selection changed.1.3.0

Examples​

Basic usage​

Blazor Bootstrap: Switch Component - 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.

Blazor Bootstrap: Switch Component - Reverse
<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.

Blazor Bootstrap: Switch Component - Events: ValueChanged
<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

- - + + \ No newline at end of file diff --git a/forms/time-input.html b/forms/time-input.html index 038b31579..f9938f787 100644 --- a/forms/time-input.html +++ b/forms/time-input.html @@ -10,8 +10,8 @@ - - + +
@@ -20,7 +20,7 @@ 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.

Blazor Bootstrap: Time Input Component - 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="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.

Blazor Bootstrap: Time Input Component - Events: ValueChanged
<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.

Blazor Bootstrap:- Time Input Component - Restrict the date field based on the entry in another date field
@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; }
    }
}
- - + + \ 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 7377bc172..aebe75060 100644 --- a/getting-started/blazor-server-net-6.html +++ b/getting-started/blazor-server-net-6.html @@ -10,14 +10,14 @@ - - + +
-

Getting started - Blazor Server (.NET 6)

Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.

Install Nuget Package​

Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager.

Install-Package Blazor.Bootstrap -Version 1.11.0

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. +

Getting started - Blazor Server (.NET 6)

Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.

Install Nuget Package​

Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager.

Install-Package Blazor.Bootstrap -Version 1.11.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>
<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:

  1. Delete the bootstrap and open-iconic folders from the wwwroot directory:

    • Delete the wwwroot/css/bootstrap folder.
    • Delete the wwwroot/css/open-iconic folder.

  2. Remove the following line from Pages/_Layout.cshtml file:

    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />

  3. 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)

Blazor Bootstrap - Blazor Server App

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;
    }
}
- - + + \ 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 87b054d17..4f0ef3477 100644 --- a/getting-started/blazor-server-net-7.html +++ b/getting-started/blazor-server-net-7.html @@ -10,14 +10,14 @@ - - + +
-

Getting started - Blazor Server (.NET 7)

Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.

Install Nuget Package​

Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager.

Install-Package Blazor.Bootstrap -Version 1.11.0

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. +

Getting started - Blazor Server (.NET 7)

Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.

Install Nuget Package​

Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager.

Install-Package Blazor.Bootstrap -Version 1.11.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>
<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:

  1. Delete the bootstrap and open-iconic folders from the wwwroot directory:

    • Delete the wwwroot/css/bootstrap folder.
    • Delete the wwwroot/css/open-iconic folder.

  2. Remove the following line from Pages/_Host.cshtml file:

    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />

  3. 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)

Blazor Bootstrap - Blazor Server App

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>
    <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;
    }
}
- - + + \ 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 071cc715f..bcb5b5ec1 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 @@ - - + +
-

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 framework.

Server Project​

Install Nuget Package​

Use NuGet package manager.

Install-Package Blazor.Bootstrap -Version 1.11.0

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>
<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:

  1. Delete the bootstrap folder from the wwwroot directory:

    • Delete the wwwroot/css/bootstrap folder.

  2. 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 1.10.4

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)

Blazor Bootstrap - Blazor Web App - Interactive Render Mode Auto - Interactive Location Global

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>
    <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>
- - +

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 framework.

Server Project​

Install Nuget Package​

Use NuGet package manager.

Install-Package Blazor.Bootstrap -Version 1.11.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>
<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:

  1. Delete the bootstrap folder from the wwwroot directory:

    • Delete the wwwroot/css/bootstrap folder.

  2. 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 1.10.4

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)

Blazor Bootstrap - Blazor Web App - Interactive Render Mode Auto - Interactive Location Global

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>
    <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>
+ + \ 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 2723b2f4b..74d410bed 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 @@ - - + +
-

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 framework.

Install Nuget Package​

Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager.

Install-Package Blazor.Bootstrap -Version 1.11.0

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>
<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:

  1. Delete the bootstrap folder from the wwwroot directory:

    • Delete the wwwroot/css/bootstrap folder.

  2. 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)

Blazor Bootstrap - Blazor Web App - Interactive Render Mode Server - Global

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>
    <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>
- - +

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 framework.

Install Nuget Package​

Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager.

Install-Package Blazor.Bootstrap -Version 1.11.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>
<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:

  1. Delete the bootstrap folder from the wwwroot directory:

    • Delete the wwwroot/css/bootstrap folder.

  2. 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)

Blazor Bootstrap - Blazor Web App - Interactive Render Mode Server - Global

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>
    <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>
+ + \ 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 b4477d6ec..b9e266600 100644 --- a/getting-started/blazor-webassembly-net-6.html +++ b/getting-started/blazor-webassembly-net-6.html @@ -10,14 +10,14 @@ - - + +
-

Getting started - Blazor WebAssembly (.NET 6)

Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.

Install Nuget Package​

Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager.

Install-Package Blazor.Bootstrap -Version 1.11.0

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. +

Getting started - Blazor WebAssembly (.NET 6)

Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.

Install Nuget Package​

Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager.

Install-Package Blazor.Bootstrap -Version 1.11.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>
<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:

  1. Delete the bootstrap and open-iconic folders from the wwwroot directory:

    • Delete the wwwroot/css/bootstrap folder.
    • Delete the wwwroot/css/open-iconic folder.

  2. Remove the following line from wwwroot/index.html file:

    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />

  3. 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)

Blazor Bootstrap - Blazor WebAssembly App

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. -->
    <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;
    }
}
- - + + \ 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 c41fcc411..324653938 100644 --- a/getting-started/blazor-webassembly-net-7.html +++ b/getting-started/blazor-webassembly-net-7.html @@ -10,14 +10,14 @@ - - + +
-

Getting started - Blazor WebAssembly (.NET 7)

Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.

Install Nuget Package​

Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager.

Install-Package Blazor.Bootstrap -Version 1.11.0

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. +

Getting started - Blazor WebAssembly (.NET 7)

Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.

Install Nuget Package​

Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager.

Install-Package Blazor.Bootstrap -Version 1.11.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>
<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:

  1. Delete the bootstrap and open-iconic folders from the wwwroot directory:

    • Delete the wwwroot/css/bootstrap folder.
    • Delete the wwwroot/css/open-iconic folder.

  2. Remove the following line from wwwroot/index.html file:

    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />

  3. 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)

Blazor Bootstrap - Blazor WebAssembly App

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. -->
    <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;
    }
}
- - + + \ 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 c9eb3f63c..03828e6e7 100644 --- a/getting-started/blazor-webassembly-net-8.html +++ b/getting-started/blazor-webassembly-net-8.html @@ -10,13 +10,13 @@ - - + +
-

Getting started - Blazor WebAssembly (.NET 8)

Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.

Install Nuget Package​

Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager.

Install-Package Blazor.Bootstrap -Version 1.11.0

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>
<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:

  1. Delete the bootstrap folder from the wwwroot directory:

    • Delete the wwwroot/css/bootstrap folder.

  2. 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)

Blazor Bootstrap - Blazor WebAssembly Standalone App

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>
    <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;
    }
}
- - +

Getting started - Blazor WebAssembly (.NET 8)

Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.

Install Nuget Package​

Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager.

Install-Package Blazor.Bootstrap -Version 1.11.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>
<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:

  1. Delete the bootstrap folder from the wwwroot directory:

    • Delete the wwwroot/css/bootstrap folder.

  2. 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)

Blazor Bootstrap - Blazor WebAssembly Standalone App

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>
    <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;
    }
}
+ + \ 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 5bc683d66..62c37f5cd 100644 --- a/getting-started/maui-blazor-net-7.html +++ b/getting-started/maui-blazor-net-7.html @@ -10,13 +10,13 @@ - - + +
-

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 framework.

Install Nuget Package​

Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager.

Install-Package Blazor.Bootstrap -Version 1.11.0

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>
<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:

  1. Delete the bootstrap and open-iconic folders from the wwwroot directory:

    • Delete the wwwroot/css/bootstrap folder.
    • Delete the wwwroot/css/open-iconic folder.

  2. Remove the following line from wwwroot/index.html file:

    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />

  3. 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

- - +

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 framework.

Install Nuget Package​

Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager.

Install-Package Blazor.Bootstrap -Version 1.11.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>
<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:

  1. Delete the bootstrap and open-iconic folders from the wwwroot directory:

    • Delete the wwwroot/css/bootstrap folder.
    • Delete the wwwroot/css/open-iconic folder.

  2. Remove the following line from wwwroot/index.html file:

    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />

  3. 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

+ + \ 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 13bd3749e..49a7ec590 100644 --- a/getting-started/maui-blazor-net-8.html +++ b/getting-started/maui-blazor-net-8.html @@ -10,13 +10,13 @@ - - + +
-

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 framework.

Install Nuget Package​

Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager.

Install-Package Blazor.Bootstrap -Version 1.11.0

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>
<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:

  1. Delete the bootstrap folder from the wwwroot directory:

    • Delete the wwwroot/css/bootstrap folder.

  2. Remove the following line from wwwroot/index.html file:

    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />

Starter template​

TODO

Sample Code​

TODO

- - +

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 framework.

Install Nuget Package​

Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager.

Install-Package Blazor.Bootstrap -Version 1.11.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>
<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:

  1. Delete the bootstrap folder from the wwwroot directory:

    • Delete the wwwroot/css/bootstrap folder.

  2. Remove the following line from wwwroot/index.html file:

    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />

Starter template​

TODO

Sample Code​

TODO

+ + \ No newline at end of file diff --git a/index.html b/index.html index 187b587fb..1104bfb1c 100644 --- a/index.html +++ b/index.html @@ -10,13 +10,13 @@ - - + +
- - + + \ No newline at end of file diff --git a/layout/blazor-server.html b/layout/blazor-server.html index 442fc53a4..24f0b3f22 100644 --- a/layout/blazor-server.html +++ b/layout/blazor-server.html @@ -10,13 +10,13 @@ - - + +

Layout Setup - Blazor WebAssembly

Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.

Prerequisites​

Assuming you followed the getting started docs for the initial setup.

  1. Blazor WebAssembly Project: Follow the getting started steps for the initial setup.
  2. 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"
             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​

  1. Blazor Bootstrap - Blazor WebAssembly App

    Blazor Bootstrap - Blazor WebAssembly App

.NET 7​

  1. Blazor Bootstrap - Blazor WebAssembly App

    Blazor Bootstrap - Blazor WebAssembly App

  2. Blazor Bootstrap - Blazor Empty WebAssembly App

    Blazor Bootstrap - Blazor Empty WebAssembly App
- - + + \ No newline at end of file diff --git a/layout/blazor-webassembly.html b/layout/blazor-webassembly.html index 88d073129..eea656e6c 100644 --- a/layout/blazor-webassembly.html +++ b/layout/blazor-webassembly.html @@ -10,13 +10,13 @@ - - + +

Layout Setup - Blazor WebAssembly

Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.

Prerequisites​

Assuming you followed the getting started docs for the initial setup.

  1. Blazor WebAssembly Project: Follow the getting started steps for the initial setup.
  2. 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"
             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​

  1. Blazor Bootstrap - Blazor WebAssembly App

    Blazor Bootstrap - Blazor WebAssembly App

.NET 7​

  1. Blazor Bootstrap - Blazor WebAssembly App

    Blazor Bootstrap - Blazor WebAssembly App

  2. Blazor Bootstrap - Blazor Empty WebAssembly App

    Blazor Bootstrap - Blazor Empty WebAssembly App
- - + + \ No newline at end of file diff --git a/search-index.json b/search-index.json index 7aa273c36..8d750774e 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.2","u":"/blog/2021/11/27/blazorbootstrap-0.0.2","b":[]},{"i":7,"t":"BlazorBootstrap v0.0.3","u":"/blog/2021/12/08/blazorbootstrap-0.0.3","b":[]},{"i":9,"t":"BlazorBootstrap v0.1.0","u":"/blog/2021/12/20/blazorbootstrap-0.1.0","b":[]},{"i":11,"t":"BlazorBootstrap v0.1.1","u":"/blog/2021/12/21/blazorbootstrap-0.1.1","b":[]},{"i":13,"t":"BlazorBootstrap v0.0.4","u":"/blog/2021/12/12/blazorbootstrap-0.0.4","b":[]},{"i":15,"t":"BlazorBootstrap v0.2.0","u":"/blog/2022/01/15/blazorbootstrap-0.2.0","b":[]},{"i":17,"t":"BlazorBootstrap v0.2.1","u":"/blog/2022/02/27/blazorbootstrap-0.2.1","b":[]},{"i":19,"t":"BlazorBootstrap v0.2.2","u":"/blog/2022/03/15/blazorbootstrap-0.2.2","b":[]},{"i":21,"t":"BlazorBootstrap v0.2.5","u":"/blog/2022/07/28/blazorbootstrap-0.2.5","b":[]},{"i":23,"t":"BlazorBootstrap v0.2.6","u":"/blog/2022/08/13/blazorbootstrap-0.2.6","b":[]},{"i":25,"t":"BlazorBootstrap v0.2.3","u":"/blog/2022/04/30/blazorbootstrap-0.2.3","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 v1.0.0","u":"/blog/2022/11/18/blazorbootstrap-1.0.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 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.3.0","u":"/blog/2022/12/15/blazorbootstrap-1.3.0","b":[]},{"i":49,"t":"Blazor Bootstrap v1.1.0","u":"/blog/2022/11/28/blazorbootstrap-1.1.0","b":[]},{"i":51,"t":"Blazor Bootstrap v1.2.0","u":"/blog/2022/12/12/blazorbootstrap-1.2.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.0","u":"/blog/2023/01/15/blazorbootstrap-1.4.0","b":[]},{"i":57,"t":"Blazor Bootstrap v1.4.1","u":"/blog/2023/01/23/blazorbootstrap-1.4.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.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.3","u":"/blog/2023/06/16/blazorbootstrap-1.8.3","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.8.1","u":"/blog/2023/05/31/blazorbootstrap-1.8.1","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.2","u":"/blog/2023/07/01/blazorbootstrap-1.9.2","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.9.4","u":"/blog/2023/07/05/blazorbootstrap-1.9.4","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.10.5","u":"/blog/2024/01/01/blazorbootstrap-1.10.5","b":[]},{"i":111,"t":"Blazor Bootstrap v1.11.0","u":"/blog/2024/02/04/blazorbootstrap-1.11.0","b":[]},{"i":113,"t":"Archive","u":"/blog/archive","b":[]},{"i":115,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/3","b":[]},{"i":117,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/2","b":[]},{"i":119,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/6","b":[]},{"i":121,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/4","b":[]},{"i":123,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/5","b":[]},{"i":125,"t":"Tags","u":"/blog/tags","b":[]},{"i":127,"t":"2 posts tagged with \"accordion\"","u":"/blog/tags/accordion","b":[]},{"i":129,"t":"9 posts tagged with \"autocomplete\"","u":"/blog/tags/autocomplete","b":[]},{"i":131,"t":"2 posts tagged with \"badge\"","u":"/blog/tags/badge","b":[]},{"i":133,"t":"One post tagged with \"alert\"","u":"/blog/tags/alert","b":[]},{"i":135,"t":"One post tagged with \"blazor-autocomplete\"","u":"/blog/tags/blazor-autocomplete","b":[]},{"i":137,"t":"35 posts tagged with \"blazor\"","u":"/blog/tags/blazor","b":[]},{"i":139,"t":"5 posts tagged with \"blazor-bootstrap\"","u":"/blog/tags/blazor-bootstrap","b":[]},{"i":141,"t":"One post tagged with \"blazor-bar-chart\"","u":"/blog/tags/blazor-bar-chart","b":[]},{"i":143,"t":"One post tagged with \"blazor-charts\"","u":"/blog/tags/blazor-charts","b":[]},{"i":145,"t":"2 posts tagged with \"blazor-confirm-dialog\"","u":"/blog/tags/blazor-confirm-dialog","b":[]},{"i":147,"t":"One post tagged with \"blazor-currency-input\"","u":"/blog/tags/blazor-currency-input","b":[]},{"i":149,"t":"2 posts tagged with \"blazor-dialog\"","u":"/blog/tags/blazor-dialog","b":[]},{"i":151,"t":"3 posts tagged with \"blazor-grid\"","u":"/blog/tags/blazor-grid","b":[]},{"i":153,"t":"One post tagged with \"blazor-doughnut-chart\"","u":"/blog/tags/blazor-doughnut-chart","b":[]},{"i":155,"t":"One post tagged with \"blazor-grid-filtering\"","u":"/blog/tags/blazor-grid-filtering","b":[]},{"i":157,"t":"One post tagged with \"blazor-grid-paging\"","u":"/blog/tags/blazor-grid-paging","b":[]},{"i":159,"t":"One post tagged with \"blazor-grid-sorting\"","u":"/blog/tags/blazor-grid-sorting","b":[]},{"i":161,"t":"One post tagged with \"blazor-input-number\"","u":"/blog/tags/blazor-input-number","b":[]},{"i":163,"t":"One post tagged with \"blazor-input\"","u":"/blog/tags/blazor-input","b":[]},{"i":165,"t":"One post tagged with \"blazor-line-chart\"","u":"/blog/tags/blazor-line-chart","b":[]},{"i":167,"t":"One post tagged with \"blazor-number\"","u":"/blog/tags/blazor-number","b":[]},{"i":169,"t":"One post tagged with \"blazor-number-input\"","u":"/blog/tags/blazor-number-input","b":[]},{"i":171,"t":"One post tagged with \"blazor-offcanvas\"","u":"/blog/tags/blazor-offcanvas","b":[]},{"i":173,"t":"One post tagged with \"blazor-pie-chart\"","u":"/blog/tags/blazor-pie-chart","b":[]},{"i":175,"t":"2 posts tagged with \"blazor-preload\"","u":"/blog/tags/blazor-preload","b":[]},{"i":177,"t":"One post tagged with \"blazor-progress\"","u":"/blog/tags/blazor-progress","b":[]},{"i":179,"t":"One post tagged with \"blazor-progress-bar\"","u":"/blog/tags/blazor-progress-bar","b":[]},{"i":181,"t":"2 posts tagged with \"blazor-spinner\"","u":"/blog/tags/blazor-spinner","b":[]},{"i":183,"t":"One post tagged with \"blazor-sidemodal\"","u":"/blog/tags/blazor-sidemodal","b":[]},{"i":185,"t":"One post tagged with \"blazor-starter-templates\"","u":"/blog/tags/blazor-starter-templates","b":[]},{"i":187,"t":"One post tagged with \"blazor-tabs\"","u":"/blog/tags/blazor-tabs","b":[]},{"i":189,"t":"One post tagged with \"blazor-templates\"","u":"/blog/tags/blazor-templates","b":[]},{"i":191,"t":"2 posts tagged with \"blazor-toasts\"","u":"/blog/tags/blazor-toasts","b":[]},{"i":193,"t":"35 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/2","b":[]},{"i":195,"t":"One post tagged with \"blazor-toast\"","u":"/blog/tags/blazor-toast","b":[]},{"i":197,"t":"35 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/4","b":[]},{"i":199,"t":"One post tagged with \"blazoraccordion\"","u":"/blog/tags/blazoraccordion","b":[]},{"i":201,"t":"35 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/3","b":[]},{"i":203,"t":"One post tagged with \"blazorbadge\"","u":"/blog/tags/blazorbadge","b":[]},{"i":205,"t":"4 posts tagged with \"blazorautocomplete\"","u":"/blog/tags/blazorautocomplete","b":[]},{"i":207,"t":"55 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap","b":[]},{"i":209,"t":"One post tagged with \"blazorbootstrap-starter-templates\"","u":"/blog/tags/blazorbootstrap-starter-templates","b":[]},{"i":211,"t":"55 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/2","b":[]},{"i":213,"t":"55 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/4","b":[]},{"i":215,"t":"55 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/3","b":[]},{"i":217,"t":"55 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/5","b":[]},{"i":219,"t":"55 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/6","b":[]},{"i":221,"t":"2 posts tagged with \"blazorbutton\"","u":"/blog/tags/blazorbutton","b":[]},{"i":223,"t":"3 posts tagged with \"blazorbuttons\"","u":"/blog/tags/blazorbuttons","b":[]},{"i":225,"t":"One post tagged with \"blazorbreadcrumb\"","u":"/blog/tags/blazorbreadcrumb","b":[]},{"i":227,"t":"One post tagged with \"blazorchart\"","u":"/blog/tags/blazorchart","b":[]},{"i":229,"t":"One post tagged with \"blazorcollapse\"","u":"/blog/tags/blazorcollapse","b":[]},{"i":231,"t":"One post tagged with \"blazorconfirmdialog\"","u":"/blog/tags/blazorconfirmdialog","b":[]},{"i":233,"t":"One post tagged with \"blazorconfirmmodal\"","u":"/blog/tags/blazorconfirmmodal","b":[]},{"i":235,"t":"3 posts tagged with \"blazorcurrencyinput\"","u":"/blog/tags/blazorcurrencyinput","b":[]},{"i":237,"t":"One post tagged with \"blazordate\"","u":"/blog/tags/blazordate","b":[]},{"i":239,"t":"4 posts tagged with \"blazordateinput\"","u":"/blog/tags/blazordateinput","b":[]},{"i":241,"t":"2 posts tagged with \"blazordatepicker\"","u":"/blog/tags/blazordatepicker","b":[]},{"i":243,"t":"One post tagged with \"blazordialog\"","u":"/blog/tags/blazordialog","b":[]},{"i":245,"t":"One post tagged with \"blazordropdown\"","u":"/blog/tags/blazordropdown","b":[]},{"i":247,"t":"13 posts tagged with \"blazorgrid\"","u":"/blog/tags/blazorgrid/page/2","b":[]},{"i":249,"t":"13 posts tagged with \"blazorgrid\"","u":"/blog/tags/blazorgrid","b":[]},{"i":251,"t":"2 posts tagged with \"blazoricon\"","u":"/blog/tags/blazoricon","b":[]},{"i":253,"t":"2 posts tagged with \"blazormodalservice\"","u":"/blog/tags/blazormodalservice","b":[]},{"i":255,"t":"8 posts tagged with \"blazormodal\"","u":"/blog/tags/blazormodal","b":[]},{"i":257,"t":"One post tagged with \"blazornumber\"","u":"/blog/tags/blazornumber","b":[]},{"i":259,"t":"One post tagged with \"blazornumberinput\"","u":"/blog/tags/blazornumberinput","b":[]},{"i":261,"t":"3 posts tagged with \"blazoroffcanvas\"","u":"/blog/tags/blazoroffcanvas","b":[]},{"i":263,"t":"One post tagged with \"blazorprogress\"","u":"/blog/tags/blazorprogress","b":[]},{"i":265,"t":"2 posts tagged with \"blazorsidebar\"","u":"/blog/tags/blazorsidebar","b":[]},{"i":267,"t":"2 posts tagged with \"blazorswitch\"","u":"/blog/tags/blazorswitch","b":[]},{"i":269,"t":"One post tagged with \"blazortabs\"","u":"/blog/tags/blazortabs","b":[]},{"i":271,"t":"One post tagged with \"blazortime\"","u":"/blog/tags/blazortime","b":[]},{"i":273,"t":"3 posts tagged with \"blazortimeinput\"","u":"/blog/tags/blazortimeinput","b":[]},{"i":275,"t":"One post tagged with \"blazortimepicker\"","u":"/blog/tags/blazortimepicker","b":[]},{"i":277,"t":"2 posts tagged with \"blazortooltip\"","u":"/blog/tags/blazortooltip","b":[]},{"i":279,"t":"One post tagged with \"blazortoast\"","u":"/blog/tags/blazortoast","b":[]},{"i":281,"t":"28 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap","b":[]},{"i":283,"t":"2 posts tagged with \"blazortoasts\"","u":"/blog/tags/blazortoasts","b":[]},{"i":285,"t":"28 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5","b":[]},{"i":287,"t":"28 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/3","b":[]},{"i":289,"t":"28 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/2","b":[]},{"i":291,"t":"28 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/2","b":[]},{"i":293,"t":"28 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/3","b":[]},{"i":295,"t":"One post tagged with \"breadcrumbservice\"","u":"/blog/tags/breadcrumbservice","b":[]},{"i":297,"t":"3 posts tagged with \"button\"","u":"/blog/tags/button","b":[]},{"i":299,"t":"One post tagged with \"breadcrumb\"","u":"/blog/tags/breadcrumb","b":[]},{"i":301,"t":"3 posts tagged with \"buttons\"","u":"/blog/tags/buttons","b":[]},{"i":303,"t":"One post tagged with \"chart\"","u":"/blog/tags/chart","b":[]},{"i":305,"t":"2 posts tagged with \"charts\"","u":"/blog/tags/charts","b":[]},{"i":307,"t":"One post tagged with \"callout\"","u":"/blog/tags/callout","b":[]},{"i":309,"t":"One post tagged with \"confirm dialog\"","u":"/blog/tags/confirm-dialog","b":[]},{"i":311,"t":"One post tagged with \"collapse\"","u":"/blog/tags/collapse","b":[]},{"i":313,"t":"One post tagged with \"confirmmodal\"","u":"/blog/tags/confirmmodal","b":[]},{"i":315,"t":"One post tagged with \"confirmdialog\"","u":"/blog/tags/confirmdialog","b":[]},{"i":317,"t":"One post tagged with \"currency\"","u":"/blog/tags/currency","b":[]},{"i":319,"t":"2 posts tagged with \"currencyinput\"","u":"/blog/tags/currencyinput","b":[]},{"i":321,"t":"One post tagged with \"date\"","u":"/blog/tags/date","b":[]},{"i":323,"t":"4 posts tagged with \"dateinput\"","u":"/blog/tags/dateinput","b":[]},{"i":325,"t":"One post tagged with \"dialog\"","u":"/blog/tags/dialog","b":[]},{"i":327,"t":"2 posts tagged with \"datepicker\"","u":"/blog/tags/datepicker","b":[]},{"i":329,"t":"7 posts tagged with \"docs\"","u":"/blog/tags/docs","b":[]},{"i":331,"t":"One post tagged with \"dropdown\"","u":"/blog/tags/dropdown","b":[]},{"i":333,"t":"18 posts tagged with \"grid\"","u":"/blog/tags/grid","b":[]},{"i":335,"t":"2 posts tagged with \"icon\"","u":"/blog/tags/icon","b":[]},{"i":337,"t":"2 posts tagged with \"input\"","u":"/blog/tags/input","b":[]},{"i":339,"t":"18 posts tagged with \"grid\"","u":"/blog/tags/grid/page/2","b":[]},{"i":341,"t":"One post tagged with \"icons\"","u":"/blog/tags/icons","b":[]},{"i":343,"t":"One post tagged with \"input-number\"","u":"/blog/tags/input-number","b":[]},{"i":345,"t":"One post tagged with \"layout\"","u":"/blog/tags/layout","b":[]},{"i":347,"t":"12 posts tagged with \"modal\"","u":"/blog/tags/modal/page/2","b":[]},{"i":349,"t":"One post tagged with \"leftmenu\"","u":"/blog/tags/leftmenu","b":[]},{"i":351,"t":"12 posts tagged with \"modal\"","u":"/blog/tags/modal","b":[]},{"i":353,"t":"One post tagged with \"navigation\"","u":"/blog/tags/navigation","b":[]},{"i":355,"t":"3 posts tagged with \"modalservice\"","u":"/blog/tags/modalservice","b":[]},{"i":357,"t":"One post tagged with \"numberinput\"","u":"/blog/tags/numberinput","b":[]},{"i":359,"t":"One post tagged with \"pagination\"","u":"/blog/tags/pagination","b":[]},{"i":361,"t":"One post tagged with \"pdfviewer\"","u":"/blog/tags/pdfviewer","b":[]},{"i":363,"t":"5 posts tagged with \"offcanvas\"","u":"/blog/tags/offcanvas","b":[]},{"i":365,"t":"One post tagged with \"preload\"","u":"/blog/tags/preload","b":[]},{"i":367,"t":"3 posts tagged with \"placeholders\"","u":"/blog/tags/placeholders","b":[]},{"i":369,"t":"2 posts tagged with \"progress\"","u":"/blog/tags/progress","b":[]},{"i":371,"t":"One post tagged with \"scriptloader\"","u":"/blog/tags/scriptloader","b":[]},{"i":373,"t":"One post tagged with \"progress-bar\"","u":"/blog/tags/progress-bar","b":[]},{"i":375,"t":"One post tagged with \"rangeinput\"","u":"/blog/tags/rangeinput","b":[]},{"i":377,"t":"2 posts tagged with \"sidebar\"","u":"/blog/tags/sidebar","b":[]},{"i":379,"t":"2 posts tagged with \"switch\"","u":"/blog/tags/switch","b":[]},{"i":381,"t":"2 posts tagged with \"tabs\"","u":"/blog/tags/tabs","b":[]},{"i":383,"t":"3 posts tagged with \"timeinput\"","u":"/blog/tags/timeinput","b":[]},{"i":385,"t":"One post tagged with \"timepicker\"","u":"/blog/tags/timepicker","b":[]},{"i":387,"t":"4 posts tagged with \"toasts\"","u":"/blog/tags/toasts","b":[]},{"i":389,"t":"2 posts tagged with \"toast\"","u":"/blog/tags/toast","b":[]},{"i":391,"t":"One post tagged with \"toastservice\"","u":"/blog/tags/toastservice","b":[]},{"i":393,"t":"2 posts tagged with \"tooltip\"","u":"/blog/tags/tooltip","b":[]},{"i":395,"t":"One post tagged with \"v0.0.1\"","u":"/blog/tags/v-0-0-1","b":[]},{"i":397,"t":"One post tagged with \"v0.0.2\"","u":"/blog/tags/v-0-0-2","b":[]},{"i":399,"t":"One post tagged with \"v0.0.3\"","u":"/blog/tags/v-0-0-3","b":[]},{"i":401,"t":"One post tagged with \"v0.0.4\"","u":"/blog/tags/v-0-0-4","b":[]},{"i":403,"t":"One post tagged with \"v0.1.0\"","u":"/blog/tags/v-0-1-0","b":[]},{"i":405,"t":"One post tagged with \"v0.1.1\"","u":"/blog/tags/v-0-1-1","b":[]},{"i":407,"t":"One post tagged with \"v0.2.1\"","u":"/blog/tags/v-0-2-1","b":[]},{"i":409,"t":"One post tagged with \"v0.2.2\"","u":"/blog/tags/v-0-2-2","b":[]},{"i":411,"t":"One post tagged with \"v0.2.0\"","u":"/blog/tags/v-0-2-0","b":[]},{"i":413,"t":"One post tagged with \"v0.2.3\"","u":"/blog/tags/v-0-2-3","b":[]},{"i":415,"t":"One post tagged with \"v0.2.4\"","u":"/blog/tags/v-0-2-4","b":[]},{"i":417,"t":"One post tagged with \"v0.2.5\"","u":"/blog/tags/v-0-2-5","b":[]},{"i":419,"t":"One post tagged with \"v0.2.6\"","u":"/blog/tags/v-0-2-6","b":[]},{"i":421,"t":"One post tagged with \"v0.3.0\"","u":"/blog/tags/v-0-3-0","b":[]},{"i":423,"t":"One post tagged with \"v0.4.0\"","u":"/blog/tags/v-0-4-0","b":[]},{"i":425,"t":"One post tagged with \"v0.4.2\"","u":"/blog/tags/v-0-4-2","b":[]},{"i":427,"t":"One post tagged with \"v0.4.1\"","u":"/blog/tags/v-0-4-1","b":[]},{"i":429,"t":"One post tagged with \"v0.5.1\"","u":"/blog/tags/v-0-5-1","b":[]},{"i":431,"t":"One post tagged with \"v0.5.0\"","u":"/blog/tags/v-0-5-0","b":[]},{"i":433,"t":"One post tagged with \"v0.6.0\"","u":"/blog/tags/v-0-6-0","b":[]},{"i":435,"t":"One post tagged with \"v1.0.0\"","u":"/blog/tags/v-1-0-0","b":[]},{"i":437,"t":"One post tagged with \"v1.1.0\"","u":"/blog/tags/v-1-1-0","b":[]},{"i":439,"t":"One post tagged with \"v1.0.1\"","u":"/blog/tags/v-1-0-1","b":[]},{"i":441,"t":"One post tagged with \"v1.10.1\"","u":"/blog/tags/v-1-10-1","b":[]},{"i":443,"t":"One post tagged with \"v1.10.0\"","u":"/blog/tags/v-1-10-0","b":[]},{"i":445,"t":"One post tagged with \"v1.10.2\"","u":"/blog/tags/v-1-10-2","b":[]},{"i":447,"t":"One post tagged with \"v1.10.3\"","u":"/blog/tags/v-1-10-3","b":[]},{"i":449,"t":"One post tagged with \"v1.10.4\"","u":"/blog/tags/v-1-10-4","b":[]},{"i":451,"t":"One post tagged with \"v1.11.0\"","u":"/blog/tags/v-1-11-0","b":[]},{"i":453,"t":"One post tagged with \"v1.10.5\"","u":"/blog/tags/v-1-10-5","b":[]},{"i":455,"t":"One post tagged with \"v1.2.0\"","u":"/blog/tags/v-1-2-0","b":[]},{"i":457,"t":"One post tagged with \"v1.3.0\"","u":"/blog/tags/v-1-3-0","b":[]},{"i":459,"t":"One post tagged with \"v1.3.1\"","u":"/blog/tags/v-1-3-1","b":[]},{"i":461,"t":"One post tagged with \"v1.4.0\"","u":"/blog/tags/v-1-4-0","b":[]},{"i":463,"t":"One post tagged with \"v1.4.1\"","u":"/blog/tags/v-1-4-1","b":[]},{"i":465,"t":"One post tagged with \"v1.4.3\"","u":"/blog/tags/v-1-4-3","b":[]},{"i":467,"t":"One post tagged with \"v1.4.2\"","u":"/blog/tags/v-1-4-2","b":[]},{"i":469,"t":"One post tagged with \"v1.4.4\"","u":"/blog/tags/v-1-4-4","b":[]},{"i":471,"t":"One post tagged with \"v1.7.0\"","u":"/blog/tags/v-1-7-0","b":[]},{"i":473,"t":"One post tagged with \"v1.5.0\"","u":"/blog/tags/v-1-5-0","b":[]},{"i":475,"t":"One post tagged with \"v1.4.5\"","u":"/blog/tags/v-1-4-5","b":[]},{"i":477,"t":"One post tagged with \"v1.7.2\"","u":"/blog/tags/v-1-7-2","b":[]},{"i":479,"t":"One post tagged with \"v1.8.0\"","u":"/blog/tags/v-1-8-0","b":[]},{"i":481,"t":"One post tagged with \"v1.7.1\"","u":"/blog/tags/v-1-7-1","b":[]},{"i":483,"t":"One post tagged with \"v1.7.3\"","u":"/blog/tags/v-1-7-3","b":[]},{"i":485,"t":"One post tagged with \"v1.8.1\"","u":"/blog/tags/v-1-8-1","b":[]},{"i":487,"t":"One post tagged with \"v1.8.2\"","u":"/blog/tags/v-1-8-2","b":[]},{"i":489,"t":"One post tagged with \"v1.9.0\"","u":"/blog/tags/v-1-9-0","b":[]},{"i":491,"t":"One post tagged with \"v1.8.3\"","u":"/blog/tags/v-1-8-3","b":[]},{"i":493,"t":"One post tagged with \"v1.9.1\"","u":"/blog/tags/v-1-9-1","b":[]},{"i":495,"t":"One post tagged with \"v1.9.2\"","u":"/blog/tags/v-1-9-2","b":[]},{"i":497,"t":"One post tagged with \"v1.9.3\"","u":"/blog/tags/v-1-9-3","b":[]},{"i":499,"t":"One post tagged with \"v1.9.4\"","u":"/blog/tags/v-1-9-4","b":[]},{"i":501,"t":"One post tagged with \"v1.9.5\"","u":"/blog/tags/v-1-9-5","b":[]},{"i":503,"t":"Blazor Alerts","u":"/components/alerts","b":[]},{"i":505,"t":"Blazor Breadcrumb","u":"/components/breadcrumb","b":[]},{"i":507,"t":"Blazor Badge","u":"/components/badge","b":[]},{"i":509,"t":"Blazor Accordion","u":"/components/accordion","b":[]},{"i":511,"t":"Blazor Charts","u":"/components/charts","b":[]},{"i":513,"t":"Blazor Buttons","u":"/components/buttons","b":[]},{"i":515,"t":"Blazor Callout","u":"/components/callout","b":[]},{"i":517,"t":"Blazor Card","u":"/components/card","b":[]},{"i":519,"t":"Blazor Collapse","u":"/components/collapse","b":[]},{"i":521,"t":"Blazor Confirm Dialog","u":"/components/confirm-dialog","b":[]},{"i":523,"t":"Blazor Modal","u":"/components/modal","b":[]},{"i":525,"t":"Blazor PDF Viewer","u":"/components/pdf-viewer","b":[]},{"i":527,"t":"Blazor Pagination","u":"/components/pagination","b":[]},{"i":529,"t":"Blazor Offcanvas","u":"/components/offcanvas","b":[]},{"i":531,"t":"Blazor Preload","u":"/components/preload","b":[]},{"i":533,"t":"Blazor Placeholders","u":"/components/placeholders","b":[]},{"i":535,"t":"Blazor Script Loader","u":"/components/script-loader","b":[]},{"i":537,"t":"Blazor Progress","u":"/components/progress","b":[]},{"i":539,"t":"Blazor Toasts","u":"/components/toasts","b":[]},{"i":541,"t":"Blazor Tooltips","u":"/components/tooltips","b":[]},{"i":543,"t":"Blazor Tabs","u":"/components/tabs","b":[]},{"i":545,"t":"Blazor Icons","u":"/content/icons","b":[]},{"i":547,"t":"Blazor Line Chart","u":"/data-visualization/line-chart","b":[]},{"i":549,"t":"Blazor Bar Chart","u":"/data-visualization/bar-chart","b":[]},{"i":551,"t":"Blazor Doughnut Chart","u":"/data-visualization/doughnut-chart","b":[]},{"i":553,"t":"Blazor Currency Input","u":"/forms/currency-input","b":[]},{"i":555,"t":"Blazor Auto Complete","u":"/forms/autocomplete","b":[]},{"i":557,"t":"Blazor Pie Chart","u":"/data-visualization/pie-chart","b":[]},{"i":559,"t":"Blazor Number Input","u":"/forms/number-input","b":[]},{"i":561,"t":"Blazor Switch","u":"/forms/switch","b":[]},{"i":563,"t":"Blazor Range Input","u":"/forms/range-input","b":[]},{"i":565,"t":"Blazor Date Input","u":"/forms/date-input","b":[]},{"i":567,"t":"Blazor Time Input","u":"/forms/time-input","b":[]},{"i":569,"t":"Getting started - Blazor Server (.NET 6)","u":"/getting-started/blazor-server-net-6","b":[]},{"i":571,"t":"Getting started - Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location","u":"/getting-started/blazor-webapp-auto-global-net-8","b":[]},{"i":573,"t":"Getting started - Blazor Server (.NET 7)","u":"/getting-started/blazor-server-net-7","b":[]},{"i":575,"t":"Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location","u":"/getting-started/blazor-webapp-server-global-net-8","b":[]},{"i":577,"t":"Getting started - Blazor WebAssembly (.NET 6)","u":"/getting-started/blazor-webassembly-net-6","b":[]},{"i":579,"t":"Getting started - MAUI Blazor Hybrid App (.NET 7)","u":"/getting-started/maui-blazor-net-7","b":[]},{"i":581,"t":"Getting started - Blazor WebAssembly (.NET 8)","u":"/getting-started/blazor-webassembly-net-8","b":[]},{"i":583,"t":"Getting started - Blazor WebAssembly (.NET 7)","u":"/getting-started/blazor-webassembly-net-7","b":[]},{"i":585,"t":"Layout Setup - Blazor WebAssembly","u":"/layout/blazor-webassembly","b":[]},{"i":587,"t":"Getting started - MAUI Blazor Hybrid App (.NET 8)","u":"/getting-started/maui-blazor-net-8","b":[]},{"i":589,"t":"Layout Setup - Blazor WebAssembly","u":"/layout/blazor-server","b":[]},{"i":591,"t":"Blazor Modal Service","u":"/services/modal","b":[]},{"i":593,"t":"One post tagged with \"v1.6.0\"","u":"/blog/tags/v-1-6-0","b":[]},{"i":595,"t":"Blazor Dropdown","u":"/components/dropdown","b":[]},{"i":597,"t":"Blazor Sidebar","u":"/components/sidebar","b":[]},{"i":599,"t":"Blazor Grid","u":"/components/grid","b":[]}],"index":{"version":"2.3.9","fields":["t"],"fieldVectors":[["t/1",[0,3.408,1,3.408,2,0.784,3,1.641,4,3.281]],["t/3",[5,3.067,6,5.953]],["t/5",[5,3.067,7,5.953]],["t/7",[5,3.067,8,5.953]],["t/9",[5,3.067,9,5.953]],["t/11",[5,3.067,10,5.953]],["t/13",[5,3.067,11,5.953]],["t/15",[5,3.067,12,5.953]],["t/17",[5,3.067,13,5.953]],["t/19",[5,3.067,14,5.953]],["t/21",[5,3.067,15,5.953]],["t/23",[5,3.067,16,5.953]],["t/25",[5,3.067,17,5.953]],["t/27",[5,3.067,18,5.953]],["t/29",[5,3.067,19,5.953]],["t/31",[5,3.067,20,5.953]],["t/33",[5,3.067,21,5.953]],["t/35",[5,3.067,22,5.953]],["t/37",[5,3.067,23,5.953]],["t/39",[2,0.968,3,2.025,24,5.255]],["t/41",[2,0.968,3,2.025,25,5.255]],["t/43",[2,0.968,3,2.025,26,5.255]],["t/45",[2,0.968,3,2.025,27,5.255]],["t/47",[2,0.968,3,2.025,28,5.255]],["t/49",[2,0.968,3,2.025,29,5.255]],["t/51",[2,0.968,3,2.025,30,5.255]],["t/53",[2,0.968,3,2.025,31,5.255]],["t/55",[2,0.968,3,2.025,32,5.255]],["t/57",[2,0.968,3,2.025,33,5.255]],["t/59",[2,0.968,3,2.025,34,5.255]],["t/61",[2,0.968,3,2.025,35,5.255]],["t/63",[2,0.968,3,2.025,36,5.255]],["t/65",[2,0.968,3,2.025,37,5.255]],["t/67",[2,0.968,3,2.025,38,5.255]],["t/69",[2,0.968,3,2.025,39,5.255]],["t/71",[2,0.968,3,2.025,40,5.255]],["t/73",[2,0.968,3,2.025,41,5.255]],["t/75",[2,0.968,3,2.025,42,5.255]],["t/77",[2,0.968,3,2.025,43,5.255]],["t/79",[2,0.968,3,2.025,44,5.255]],["t/81",[2,0.968,3,2.025,45,5.255]],["t/83",[2,0.968,3,2.025,46,5.255]],["t/85",[2,0.968,3,2.025,47,5.255]],["t/87",[2,0.968,3,2.025,48,5.255]],["t/89",[2,0.968,3,2.025,49,5.255]],["t/91",[2,0.968,3,2.025,50,5.255]],["t/93",[2,0.968,3,2.025,51,5.255]],["t/95",[2,0.968,3,2.025,52,5.255]],["t/97",[2,0.968,3,2.025,53,5.255]],["t/99",[2,0.968,3,2.025,54,5.255]],["t/101",[2,0.968,3,2.025,55,5.255]],["t/103",[2,0.968,3,2.025,56,5.255]],["t/105",[2,0.968,3,2.025,57,5.255]],["t/107",[2,0.968,3,2.025,58,5.255]],["t/109",[2,0.968,3,2.025,59,5.255]],["t/111",[2,0.968,3,2.025,60,5.255]],["t/113",[61,7.598]],["t/115",[0,3.408,1,3.408,2,0.784,3,1.641,4,3.281]],["t/117",[0,3.408,1,3.408,2,0.784,3,1.641,4,3.281]],["t/119",[0,3.408,1,3.408,2,0.784,3,1.641,4,3.281]],["t/121",[0,3.408,1,3.408,2,0.784,3,1.641,4,3.281]],["t/123",[0,3.408,1,3.408,2,0.784,3,1.641,4,3.281]],["t/125",[62,0.656]],["t/127",[62,0.449,63,2.386,64,0.454,65,4.704]],["t/129",[62,0.449,64,0.454,66,5.205,67,4.704]],["t/131",[62,0.449,63,2.386,64,0.454,68,4.704]],["t/133",[62,0.449,64,0.454,69,0.883,70,4.704]],["t/135",[2,0.784,62,0.406,64,0.411,67,4.257,69,0.799]],["t/137",[2,0.867,62,0.449,64,0.454,71,4.127]],["t/139",[2,0.784,3,1.641,62,0.406,64,0.411,72,4.257]],["t/141",[2,0.716,62,0.371,64,0.375,69,0.73,73,3.411,74,2.582]],["t/143",[2,0.784,62,0.406,64,0.411,69,0.799,74,2.827]],["t/145",[2,0.716,62,0.371,63,1.972,64,0.375,75,3.615,76,3.248]],["t/147",[2,0.716,62,0.371,64,0.375,69,0.73,77,3.615,78,2.649]],["t/149",[2,0.784,62,0.406,63,2.159,64,0.411,76,3.556]],["t/151",[2,0.784,62,0.406,64,0.411,79,2.982,80,3.281]],["t/153",[2,0.716,62,0.371,64,0.375,69,0.73,74,2.582,81,3.888]],["t/155",[2,0.716,62,0.371,64,0.375,69,0.73,80,2.996,82,4.302]],["t/157",[2,0.716,62,0.371,64,0.375,69,0.73,80,2.996,83,4.302]],["t/159",[2,0.716,62,0.371,64,0.375,69,0.73,80,2.996,84,4.302]],["t/161",[2,0.716,62,0.371,64,0.375,69,0.73,78,2.649,85,3.248]],["t/163",[2,0.784,62,0.406,64,0.411,69,0.799,78,2.901]],["t/165",[2,0.716,62,0.371,64,0.375,69,0.73,74,2.582,86,3.888]],["t/167",[2,0.784,62,0.406,64,0.411,69,0.799,85,3.556]],["t/169",[2,0.716,62,0.371,64,0.375,69,0.73,78,2.649,85,3.248]],["t/171",[2,0.784,62,0.406,64,0.411,69,0.799,87,3.958]],["t/173",[2,0.716,62,0.371,64,0.375,69,0.73,74,2.582,88,3.888]],["t/175",[2,0.784,62,0.406,63,2.159,64,0.411,89,3.958]],["t/177",[2,0.784,62,0.406,64,0.411,69,0.799,90,3.556]],["t/179",[2,0.716,62,0.371,64,0.375,69,0.73,73,3.411,90,3.248]],["t/181",[2,0.784,62,0.406,63,2.159,64,0.411,91,4.711]],["t/183",[2,0.784,62,0.406,64,0.411,69,0.799,92,4.711]],["t/185",[2,0.716,62,0.371,64,0.375,69,0.73,93,3.888,94,3.615]],["t/187",[2,0.784,62,0.406,64,0.411,69,0.799,95,3.958]],["t/189",[2,0.784,62,0.406,64,0.411,69,0.799,94,3.958]],["t/191",[2,0.784,62,0.406,63,2.159,64,0.411,96,3.556]],["t/193",[2,0.867,62,0.449,64,0.454,71,4.127]],["t/195",[2,0.784,62,0.406,64,0.411,69,0.799,96,3.556]],["t/197",[2,0.867,62,0.449,64,0.454,71,4.127]],["t/199",[62,0.449,64,0.454,69,0.883,97,5.205]],["t/201",[2,0.867,62,0.449,64,0.454,71,4.127]],["t/203",[62,0.449,64,0.454,69,0.883,98,5.205]],["t/205",[62,0.449,64,0.454,99,4.127,100,5.205]],["t/207",[5,2.424,62,0.449,64,0.454,101,3.766]],["t/209",[5,2.003,62,0.371,64,0.375,69,0.73,93,3.888,94,3.615]],["t/211",[5,2.424,62,0.449,64,0.454,101,3.766]],["t/213",[5,2.424,62,0.449,64,0.454,101,3.766]],["t/215",[5,2.424,62,0.449,64,0.454,101,3.766]],["t/217",[5,2.424,62,0.449,64,0.454,101,3.766]],["t/219",[5,2.424,62,0.449,64,0.454,101,3.766]],["t/221",[62,0.449,63,2.386,64,0.454,102,4.704]],["t/223",[62,0.449,64,0.454,79,3.295,102,4.704]],["t/225",[62,0.449,64,0.454,69,0.883,103,5.205]],["t/227",[62,0.449,64,0.454,69,0.883,104,5.205]],["t/229",[62,0.449,64,0.454,69,0.883,105,5.205]],["t/231",[62,0.449,64,0.454,69,0.883,106,5.205]],["t/233",[62,0.449,64,0.454,69,0.883,107,5.205]],["t/235",[62,0.449,64,0.454,79,3.295,108,5.205]],["t/237",[62,0.449,64,0.454,69,0.883,109,5.205]],["t/239",[62,0.449,64,0.454,99,4.127,110,5.205]],["t/241",[62,0.449,63,2.386,64,0.454,111,5.205]],["t/243",[62,0.449,64,0.454,69,0.883,112,5.205]],["t/245",[62,0.449,64,0.454,69,0.883,113,5.205]],["t/247",[62,0.449,64,0.454,114,4.704,115,4.704]],["t/249",[62,0.449,64,0.454,114,4.704,115,4.704]],["t/251",[62,0.449,63,2.386,64,0.454,116,5.205]],["t/253",[62,0.449,63,2.386,64,0.454,117,5.205]],["t/255",[62,0.449,64,0.454,118,3.93,119,5.205]],["t/257",[62,0.449,64,0.454,69,0.883,120,5.205]],["t/259",[62,0.449,64,0.454,69,0.883,121,5.205]],["t/261",[62,0.449,64,0.454,79,3.295,122,5.205]],["t/263",[62,0.449,64,0.454,69,0.883,123,5.205]],["t/265",[62,0.449,63,2.386,64,0.454,124,5.205]],["t/267",[62,0.449,63,2.386,64,0.454,125,5.205]],["t/269",[62,0.449,64,0.454,69,0.883,126,5.205]],["t/271",[62,0.449,64,0.454,69,0.883,127,5.205]],["t/273",[62,0.449,64,0.454,79,3.295,128,5.205]],["t/275",[62,0.449,64,0.454,69,0.883,129,5.205]],["t/277",[62,0.449,63,2.386,64,0.454,130,5.205]],["t/279",[62,0.449,64,0.454,69,0.883,131,4.704]],["t/281",[3,1.813,62,0.449,64,0.454,132,3.766]],["t/283",[62,0.449,63,2.386,64,0.454,131,4.704]],["t/285",[62,0.449,64,0.454,132,3.766,133,4.373]],["t/287",[62,0.449,64,0.454,132,3.766,133,4.373]],["t/289",[62,0.449,64,0.454,132,3.766,133,4.373]],["t/291",[3,1.813,62,0.449,64,0.454,132,3.766]],["t/293",[3,1.813,62,0.449,64,0.454,132,3.766]],["t/295",[62,0.449,64,0.454,69,0.883,134,5.205]],["t/297",[62,0.449,64,0.454,79,3.295,135,4.373]],["t/299",[62,0.449,64,0.454,69,0.883,136,4.704]],["t/301",[62,0.449,64,0.454,79,3.295,135,4.373]],["t/303",[62,0.449,64,0.454,69,0.883,74,3.124]],["t/305",[62,0.449,63,2.386,64,0.454,74,3.124]],["t/307",[62,0.449,64,0.454,69,0.883,137,4.704]],["t/309",[62,0.406,64,0.411,69,0.799,75,3.958,76,3.556]],["t/311",[62,0.449,64,0.454,69,0.883,138,4.704]],["t/313",[62,0.449,64,0.454,69,0.883,139,5.205]],["t/315",[62,0.449,64,0.454,69,0.883,140,5.205]],["t/317",[62,0.449,64,0.454,69,0.883,77,4.373]],["t/319",[62,0.449,63,2.386,64,0.454,141,5.205]],["t/321",[62,0.449,64,0.454,69,0.883,142,4.704]],["t/323",[62,0.449,64,0.454,99,4.127,143,5.205]],["t/325",[62,0.449,64,0.454,69,0.883,76,3.93]],["t/327",[62,0.449,63,2.386,64,0.454,144,5.205]],["t/329",[4,3.625,62,0.449,64,0.454,145,4.127]],["t/331",[62,0.449,64,0.454,69,0.883,146,4.704]],["t/333",[62,0.449,64,0.454,80,3.625,147,4.704]],["t/335",[62,0.449,63,2.386,64,0.454,148,4.373]],["t/337",[62,0.449,63,2.386,64,0.454,78,3.205]],["t/339",[62,0.449,64,0.454,80,3.625,147,4.704]],["t/341",[62,0.449,64,0.454,69,0.883,148,4.373]],["t/343",[62,0.406,64,0.411,69,0.799,78,2.901,85,3.556]],["t/345",[62,0.449,64,0.454,69,0.883,149,4.373]],["t/347",[62,0.449,64,0.454,150,4.704,151,4.127]],["t/349",[62,0.449,64,0.454,69,0.883,152,5.205]],["t/351",[62,0.449,64,0.454,150,4.704,151,4.127]],["t/353",[62,0.449,64,0.454,69,0.883,153,5.205]],["t/355",[62,0.449,64,0.454,79,3.295,154,5.205]],["t/357",[62,0.449,64,0.454,69,0.883,155,5.205]],["t/359",[62,0.449,64,0.454,69,0.883,156,4.704]],["t/361",[62,0.449,64,0.454,69,0.883,157,5.205]],["t/363",[62,0.449,64,0.454,72,4.704,87,4.373]],["t/365",[62,0.449,64,0.454,69,0.883,89,4.373]],["t/367",[62,0.449,64,0.454,79,3.295,158,4.704]],["t/369",[62,0.449,63,2.386,64,0.454,90,3.93]],["t/371",[62,0.449,64,0.454,69,0.883,159,5.205]],["t/373",[62,0.406,64,0.411,69,0.799,73,3.735,90,3.556]],["t/375",[62,0.449,64,0.454,69,0.883,160,5.205]],["t/377",[62,0.449,63,2.386,64,0.454,161,4.704]],["t/379",[62,0.449,63,2.386,64,0.454,162,4.704]],["t/381",[62,0.449,63,2.386,64,0.454,95,4.373]],["t/383",[62,0.449,64,0.454,79,3.295,163,5.205]],["t/385",[62,0.449,64,0.454,69,0.883,164,5.205]],["t/387",[62,0.449,64,0.454,96,3.93,99,4.127]],["t/389",[62,0.449,63,2.386,64,0.454,96,3.93]],["t/391",[62,0.449,64,0.454,69,0.883,165,5.205]],["t/393",[62,0.449,63,2.386,64,0.454,166,4.704]],["t/395",[6,4.704,62,0.449,64,0.454,69,0.883]],["t/397",[7,4.704,62,0.449,64,0.454,69,0.883]],["t/399",[8,4.704,62,0.449,64,0.454,69,0.883]],["t/401",[11,4.704,62,0.449,64,0.454,69,0.883]],["t/403",[9,4.704,62,0.449,64,0.454,69,0.883]],["t/405",[10,4.704,62,0.449,64,0.454,69,0.883]],["t/407",[13,4.704,62,0.449,64,0.454,69,0.883]],["t/409",[14,4.704,62,0.449,64,0.454,69,0.883]],["t/411",[12,4.704,62,0.449,64,0.454,69,0.883]],["t/413",[17,4.704,62,0.449,64,0.454,69,0.883]],["t/415",[18,4.704,62,0.449,64,0.454,69,0.883]],["t/417",[15,4.704,62,0.449,64,0.454,69,0.883]],["t/419",[16,4.704,62,0.449,64,0.454,69,0.883]],["t/421",[20,4.704,62,0.449,64,0.454,69,0.883]],["t/423",[19,4.704,62,0.449,64,0.454,69,0.883]],["t/425",[21,4.704,62,0.449,64,0.454,69,0.883]],["t/427",[22,4.704,62,0.449,64,0.454,69,0.883]],["t/429",[25,4.704,62,0.449,64,0.454,69,0.883]],["t/431",[23,4.704,62,0.449,64,0.454,69,0.883]],["t/433",[26,4.704,62,0.449,64,0.454,69,0.883]],["t/435",[24,4.704,62,0.449,64,0.454,69,0.883]],["t/437",[29,4.704,62,0.449,64,0.454,69,0.883]],["t/439",[27,4.704,62,0.449,64,0.454,69,0.883]],["t/441",[55,4.704,62,0.449,64,0.454,69,0.883]],["t/443",[54,4.704,62,0.449,64,0.454,69,0.883]],["t/445",[56,4.704,62,0.449,64,0.454,69,0.883]],["t/447",[57,4.704,62,0.449,64,0.454,69,0.883]],["t/449",[58,4.704,62,0.449,64,0.454,69,0.883]],["t/451",[60,4.704,62,0.449,64,0.454,69,0.883]],["t/453",[59,4.704,62,0.449,64,0.454,69,0.883]],["t/455",[30,4.704,62,0.449,64,0.454,69,0.883]],["t/457",[28,4.704,62,0.449,64,0.454,69,0.883]],["t/459",[31,4.704,62,0.449,64,0.454,69,0.883]],["t/461",[32,4.704,62,0.449,64,0.454,69,0.883]],["t/463",[33,4.704,62,0.449,64,0.454,69,0.883]],["t/465",[35,4.704,62,0.449,64,0.454,69,0.883]],["t/467",[34,4.704,62,0.449,64,0.454,69,0.883]],["t/469",[36,4.704,62,0.449,64,0.454,69,0.883]],["t/471",[40,4.704,62,0.449,64,0.454,69,0.883]],["t/473",[39,4.704,62,0.449,64,0.454,69,0.883]],["t/475",[37,4.704,62,0.449,64,0.454,69,0.883]],["t/477",[42,4.704,62,0.449,64,0.454,69,0.883]],["t/479",[44,4.704,62,0.449,64,0.454,69,0.883]],["t/481",[41,4.704,62,0.449,64,0.454,69,0.883]],["t/483",[43,4.704,62,0.449,64,0.454,69,0.883]],["t/485",[47,4.704,62,0.449,64,0.454,69,0.883]],["t/487",[46,4.704,62,0.449,64,0.454,69,0.883]],["t/489",[48,4.704,62,0.449,64,0.454,69,0.883]],["t/491",[45,4.704,62,0.449,64,0.454,69,0.883]],["t/493",[49,4.704,62,0.449,64,0.454,69,0.883]],["t/495",[51,4.704,62,0.449,64,0.454,69,0.883]],["t/497",[50,4.704,62,0.449,64,0.454,69,0.883]],["t/499",[53,4.704,62,0.449,64,0.454,69,0.883]],["t/501",[52,4.704,62,0.449,64,0.454,69,0.883]],["t/503",[2,1.097,70,5.953]],["t/505",[2,1.097,136,5.953]],["t/507",[2,1.097,68,5.953]],["t/509",[2,1.097,65,5.953]],["t/511",[2,1.097,74,3.953]],["t/513",[2,1.097,135,5.535]],["t/515",[2,1.097,137,5.953]],["t/517",[2,1.097,167,6.588]],["t/519",[2,1.097,138,5.953]],["t/521",[2,0.968,75,4.886,76,4.39]],["t/523",[2,1.097,151,5.223]],["t/525",[2,0.968,168,5.816,169,5.816]],["t/527",[2,1.097,156,5.953]],["t/529",[2,1.097,87,5.535]],["t/531",[2,1.097,89,5.535]],["t/533",[2,1.097,158,5.953]],["t/535",[2,0.968,170,5.816,171,5.816]],["t/537",[2,1.097,90,4.974]],["t/539",[2,1.097,96,4.974]],["t/541",[2,1.097,166,5.953]],["t/543",[2,1.097,95,5.535]],["t/545",[2,1.097,148,5.535]],["t/547",[2,0.968,74,3.49,86,5.255]],["t/549",[2,0.968,73,4.61,74,3.49]],["t/551",[2,0.968,74,3.49,81,5.255]],["t/553",[2,0.968,77,4.886,78,3.581]],["t/555",[2,0.968,172,5.255,173,5.816]],["t/557",[2,0.968,74,3.49,88,5.255]],["t/559",[2,0.968,78,3.581,85,4.39]],["t/561",[2,1.097,162,5.953]],["t/563",[2,0.968,78,3.581,174,5.816]],["t/565",[2,0.968,78,3.581,142,5.255]],["t/567",[2,0.968,78,3.581,175,5.816]],["t/569",[2,0.716,176,2.804,177,2.804,178,3.615,179,2.804,180,3.888]],["t/571",[2,0.471,118,2.136,172,2.557,176,1.844,177,1.844,179,1.844,181,2.557,182,2.557,183,2.557,184,2.557,185,2.557,186,2.557]],["t/573",[2,0.716,145,3.411,176,2.804,177,2.804,178,3.615,179,2.804]],["t/575",[2,0.471,118,2.136,176,1.844,177,1.844,178,2.377,179,1.844,181,2.557,182,2.557,183,2.557,184,2.557,185,2.557,186,2.557]],["t/577",[2,0.716,176,2.804,177,2.804,179,2.804,180,3.888,187,3.248]],["t/579",[2,0.61,145,2.906,176,2.39,177,2.39,179,2.39,188,3.313,189,3.313,190,3.313]],["t/581",[2,0.716,118,3.248,176,2.804,177,2.804,179,2.804,187,3.248]],["t/583",[2,0.716,145,3.411,176,2.804,177,2.804,179,2.804,187,3.248]],["t/585",[2,0.867,149,4.373,187,3.93,191,4.704]],["t/587",[2,0.61,118,2.768,176,2.39,177,2.39,179,2.39,188,3.313,189,3.313,190,3.313]],["t/589",[2,0.867,149,4.373,187,3.93,191,4.704]],["t/591",[2,0.968,151,4.61,192,5.816]],["t/593",[38,4.704,62,0.449,64,0.454,69,0.883]],["t/595",[2,1.097,146,5.953]],["t/597",[2,1.097,161,5.953]],["t/599",[2,1.097,80,4.588]]],"invertedIndex":[["",{"_index":1,"t":{"1":{"position":[[5,1]]},"115":{"position":[[5,1]]},"117":{"position":[[5,1]]},"119":{"position":[[5,1]]},"121":{"position":[[5,1]]},"123":{"position":[[5,1]]}}}],["12",{"_index":150,"t":{"347":{"position":[[0,2]]},"351":{"position":[[0,2]]}}}],["13",{"_index":114,"t":{"247":{"position":[[0,2]]},"249":{"position":[[0,2]]}}}],["18",{"_index":147,"t":{"333":{"position":[[0,2]]},"339":{"position":[[0,2]]}}}],["2",{"_index":63,"t":{"127":{"position":[[0,1]]},"131":{"position":[[0,1]]},"145":{"position":[[0,1]]},"149":{"position":[[0,1]]},"175":{"position":[[0,1]]},"181":{"position":[[0,1]]},"191":{"position":[[0,1]]},"221":{"position":[[0,1]]},"241":{"position":[[0,1]]},"251":{"position":[[0,1]]},"253":{"position":[[0,1]]},"265":{"position":[[0,1]]},"267":{"position":[[0,1]]},"277":{"position":[[0,1]]},"283":{"position":[[0,1]]},"305":{"position":[[0,1]]},"319":{"position":[[0,1]]},"327":{"position":[[0,1]]},"335":{"position":[[0,1]]},"337":{"position":[[0,1]]},"369":{"position":[[0,1]]},"377":{"position":[[0,1]]},"379":{"position":[[0,1]]},"381":{"position":[[0,1]]},"389":{"position":[[0,1]]},"393":{"position":[[0,1]]}}}],["28",{"_index":132,"t":{"281":{"position":[[0,2]]},"285":{"position":[[0,2]]},"287":{"position":[[0,2]]},"289":{"position":[[0,2]]},"291":{"position":[[0,2]]},"293":{"position":[[0,2]]}}}],["3",{"_index":79,"t":{"151":{"position":[[0,1]]},"223":{"position":[[0,1]]},"235":{"position":[[0,1]]},"261":{"position":[[0,1]]},"273":{"position":[[0,1]]},"297":{"position":[[0,1]]},"301":{"position":[[0,1]]},"355":{"position":[[0,1]]},"367":{"position":[[0,1]]},"383":{"position":[[0,1]]}}}],["35",{"_index":71,"t":{"137":{"position":[[0,2]]},"193":{"position":[[0,2]]},"197":{"position":[[0,2]]},"201":{"position":[[0,2]]}}}],["4",{"_index":99,"t":{"205":{"position":[[0,1]]},"239":{"position":[[0,1]]},"323":{"position":[[0,1]]},"387":{"position":[[0,1]]}}}],["5",{"_index":72,"t":{"139":{"position":[[0,1]]},"363":{"position":[[0,1]]}}}],["55",{"_index":101,"t":{"207":{"position":[[0,2]]},"211":{"position":[[0,2]]},"213":{"position":[[0,2]]},"215":{"position":[[0,2]]},"217":{"position":[[0,2]]},"219":{"position":[[0,2]]}}}],["6",{"_index":180,"t":{"569":{"position":[[38,2]]},"577":{"position":[[43,2]]}}}],["7",{"_index":145,"t":{"329":{"position":[[0,1]]},"573":{"position":[[38,2]]},"579":{"position":[[47,2]]},"583":{"position":[[43,2]]}}}],["8",{"_index":118,"t":{"255":{"position":[[0,1]]},"571":{"position":[[38,2]]},"575":{"position":[[38,2]]},"581":{"position":[[43,2]]},"587":{"position":[[47,2]]}}}],["9",{"_index":66,"t":{"129":{"position":[[0,1]]}}}],["accordion",{"_index":65,"t":{"127":{"position":[[20,11]]},"509":{"position":[[7,9]]}}}],["alert",{"_index":70,"t":{"133":{"position":[[21,7]]},"503":{"position":[[7,6]]}}}],["app",{"_index":190,"t":{"579":{"position":[[37,3]]},"587":{"position":[[37,3]]}}}],["archiv",{"_index":61,"t":{"113":{"position":[[0,7]]}}}],["auto",{"_index":172,"t":{"555":{"position":[[7,4]]},"571":{"position":[[67,4]]}}}],["autocomplet",{"_index":67,"t":{"129":{"position":[[20,14]]},"135":{"position":[[29,13]]}}}],["badg",{"_index":68,"t":{"131":{"position":[[20,7]]},"507":{"position":[[7,5]]}}}],["bar",{"_index":73,"t":{"141":{"position":[[29,3]]},"179":{"position":[[38,4]]},"373":{"position":[[31,4]]},"549":{"position":[[7,3]]}}}],["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]]},"115":{"position":[[7,6]]},"117":{"position":[[7,6]]},"119":{"position":[[7,6]]},"121":{"position":[[7,6]]},"123":{"position":[[7,6]]},"135":{"position":[[21,7]]},"137":{"position":[[21,8]]},"139":{"position":[[20,7]]},"141":{"position":[[21,7]]},"143":{"position":[[21,7]]},"145":{"position":[[20,7]]},"147":{"position":[[21,7]]},"149":{"position":[[20,7]]},"151":{"position":[[20,7]]},"153":{"position":[[21,7]]},"155":{"position":[[21,7]]},"157":{"position":[[21,7]]},"159":{"position":[[21,7]]},"161":{"position":[[21,7]]},"163":{"position":[[21,7]]},"165":{"position":[[21,7]]},"167":{"position":[[21,7]]},"169":{"position":[[21,7]]},"171":{"position":[[21,7]]},"173":{"position":[[21,7]]},"175":{"position":[[20,7]]},"177":{"position":[[21,7]]},"179":{"position":[[21,7]]},"181":{"position":[[20,7]]},"183":{"position":[[21,7]]},"185":{"position":[[21,7]]},"187":{"position":[[21,7]]},"189":{"position":[[21,7]]},"191":{"position":[[20,7]]},"193":{"position":[[21,8]]},"195":{"position":[[21,7]]},"197":{"position":[[21,8]]},"201":{"position":[[21,8]]},"503":{"position":[[0,6]]},"505":{"position":[[0,6]]},"507":{"position":[[0,6]]},"509":{"position":[[0,6]]},"511":{"position":[[0,6]]},"513":{"position":[[0,6]]},"515":{"position":[[0,6]]},"517":{"position":[[0,6]]},"519":{"position":[[0,6]]},"521":{"position":[[0,6]]},"523":{"position":[[0,6]]},"525":{"position":[[0,6]]},"527":{"position":[[0,6]]},"529":{"position":[[0,6]]},"531":{"position":[[0,6]]},"533":{"position":[[0,6]]},"535":{"position":[[0,6]]},"537":{"position":[[0,6]]},"539":{"position":[[0,6]]},"541":{"position":[[0,6]]},"543":{"position":[[0,6]]},"545":{"position":[[0,6]]},"547":{"position":[[0,6]]},"549":{"position":[[0,6]]},"551":{"position":[[0,6]]},"553":{"position":[[0,6]]},"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":[[18,6]]},"571":{"position":[[18,6]]},"573":{"position":[[18,6]]},"575":{"position":[[18,6]]},"577":{"position":[[18,6]]},"579":{"position":[[23,6]]},"581":{"position":[[18,6]]},"583":{"position":[[18,6]]},"585":{"position":[[15,6]]},"587":{"position":[[23,6]]},"589":{"position":[[15,6]]},"591":{"position":[[0,6]]},"595":{"position":[[0,6]]},"597":{"position":[[0,6]]},"599":{"position":[[0,6]]}}}],["blazoraccordion",{"_index":97,"t":{"199":{"position":[[21,17]]}}}],["blazorautocomplet",{"_index":100,"t":{"205":{"position":[[20,20]]}}}],["blazorbadg",{"_index":98,"t":{"203":{"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]]},"207":{"position":[[21,17]]},"209":{"position":[[21,16]]},"211":{"position":[[21,17]]},"213":{"position":[[21,17]]},"215":{"position":[[21,17]]},"217":{"position":[[21,17]]},"219":{"position":[[21,17]]}}}],["blazorbreadcrumb",{"_index":103,"t":{"225":{"position":[[21,18]]}}}],["blazorbutton",{"_index":102,"t":{"221":{"position":[[20,14]]},"223":{"position":[[20,15]]}}}],["blazorchart",{"_index":104,"t":{"227":{"position":[[21,13]]}}}],["blazorcollaps",{"_index":105,"t":{"229":{"position":[[21,16]]}}}],["blazorconfirmdialog",{"_index":106,"t":{"231":{"position":[[21,21]]}}}],["blazorconfirmmod",{"_index":107,"t":{"233":{"position":[[21,20]]}}}],["blazorcurrencyinput",{"_index":108,"t":{"235":{"position":[[20,21]]}}}],["blazord",{"_index":109,"t":{"237":{"position":[[21,12]]}}}],["blazordateinput",{"_index":110,"t":{"239":{"position":[[20,17]]}}}],["blazordatepick",{"_index":111,"t":{"241":{"position":[[20,18]]}}}],["blazordialog",{"_index":112,"t":{"243":{"position":[[21,14]]}}}],["blazordropdown",{"_index":113,"t":{"245":{"position":[[21,16]]}}}],["blazorgrid",{"_index":115,"t":{"247":{"position":[[21,12]]},"249":{"position":[[21,12]]}}}],["blazoricon",{"_index":116,"t":{"251":{"position":[[20,12]]}}}],["blazormod",{"_index":119,"t":{"255":{"position":[[20,13]]}}}],["blazormodalservic",{"_index":117,"t":{"253":{"position":[[20,20]]}}}],["blazornumb",{"_index":120,"t":{"257":{"position":[[21,14]]}}}],["blazornumberinput",{"_index":121,"t":{"259":{"position":[[21,19]]}}}],["blazoroffcanva",{"_index":122,"t":{"261":{"position":[[20,17]]}}}],["blazorprogress",{"_index":123,"t":{"263":{"position":[[21,16]]}}}],["blazorsidebar",{"_index":124,"t":{"265":{"position":[[20,15]]}}}],["blazorswitch",{"_index":125,"t":{"267":{"position":[[20,14]]}}}],["blazortab",{"_index":126,"t":{"269":{"position":[[21,12]]}}}],["blazortim",{"_index":127,"t":{"271":{"position":[[21,12]]}}}],["blazortimeinput",{"_index":128,"t":{"273":{"position":[[20,17]]}}}],["blazortimepick",{"_index":129,"t":{"275":{"position":[[21,18]]}}}],["blazortoast",{"_index":131,"t":{"279":{"position":[[21,13]]},"283":{"position":[[20,14]]}}}],["blazortooltip",{"_index":130,"t":{"277":{"position":[[20,15]]}}}],["blog",{"_index":0,"t":{"1":{"position":[[0,4]]},"115":{"position":[[0,4]]},"117":{"position":[[0,4]]},"119":{"position":[[0,4]]},"121":{"position":[[0,4]]},"123":{"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]]},"115":{"position":[[14,9]]},"117":{"position":[[14,9]]},"119":{"position":[[14,9]]},"121":{"position":[[14,9]]},"123":{"position":[[14,9]]},"139":{"position":[[28,10]]},"281":{"position":[[21,11]]},"291":{"position":[[21,11]]},"293":{"position":[[21,11]]}}}],["bootstrap5",{"_index":133,"t":{"285":{"position":[[21,12]]},"287":{"position":[[21,12]]},"289":{"position":[[21,12]]}}}],["breadcrumb",{"_index":136,"t":{"299":{"position":[[21,12]]},"505":{"position":[[7,10]]}}}],["breadcrumbservic",{"_index":134,"t":{"295":{"position":[[21,19]]}}}],["button",{"_index":135,"t":{"297":{"position":[[20,8]]},"301":{"position":[[20,9]]},"513":{"position":[[7,7]]}}}],["callout",{"_index":137,"t":{"307":{"position":[[21,9]]},"515":{"position":[[7,7]]}}}],["card",{"_index":167,"t":{"517":{"position":[[7,4]]}}}],["chart",{"_index":74,"t":{"141":{"position":[[33,6]]},"143":{"position":[[29,7]]},"153":{"position":[[38,6]]},"165":{"position":[[34,6]]},"173":{"position":[[33,6]]},"303":{"position":[[21,7]]},"305":{"position":[[20,8]]},"511":{"position":[[7,6]]},"547":{"position":[[12,5]]},"549":{"position":[[11,5]]},"551":{"position":[[16,5]]},"557":{"position":[[11,5]]}}}],["collaps",{"_index":138,"t":{"311":{"position":[[21,10]]},"519":{"position":[[7,8]]}}}],["complet",{"_index":173,"t":{"555":{"position":[[12,8]]}}}],["confirm",{"_index":75,"t":{"145":{"position":[[28,7]]},"309":{"position":[[21,8]]},"521":{"position":[[7,7]]}}}],["confirmdialog",{"_index":140,"t":{"315":{"position":[[21,15]]}}}],["confirmmod",{"_index":139,"t":{"313":{"position":[[21,14]]}}}],["currenc",{"_index":77,"t":{"147":{"position":[[29,8]]},"317":{"position":[[21,10]]},"553":{"position":[[7,8]]}}}],["currencyinput",{"_index":141,"t":{"319":{"position":[[20,15]]}}}],["date",{"_index":142,"t":{"321":{"position":[[21,6]]},"565":{"position":[[7,4]]}}}],["dateinput",{"_index":143,"t":{"323":{"position":[[20,11]]}}}],["datepick",{"_index":144,"t":{"327":{"position":[[20,12]]}}}],["dialog",{"_index":76,"t":{"145":{"position":[[36,7]]},"149":{"position":[[28,7]]},"309":{"position":[[30,7]]},"325":{"position":[[21,8]]},"521":{"position":[[15,6]]}}}],["doc",{"_index":4,"t":{"1":{"position":[[24,4]]},"115":{"position":[[24,4]]},"117":{"position":[[24,4]]},"119":{"position":[[24,4]]},"121":{"position":[[24,4]]},"123":{"position":[[24,4]]},"329":{"position":[[20,6]]}}}],["doughnut",{"_index":81,"t":{"153":{"position":[[29,8]]},"551":{"position":[[7,8]]}}}],["dropdown",{"_index":146,"t":{"331":{"position":[[21,10]]},"595":{"position":[[7,8]]}}}],["filter",{"_index":82,"t":{"155":{"position":[[34,10]]}}}],["get",{"_index":176,"t":{"569":{"position":[[0,7]]},"571":{"position":[[0,7]]},"573":{"position":[[0,7]]},"575":{"position":[[0,7]]},"577":{"position":[[0,7]]},"579":{"position":[[0,7]]},"581":{"position":[[0,7]]},"583":{"position":[[0,7]]},"587":{"position":[[0,7]]}}}],["global",{"_index":185,"t":{"571":{"position":[[74,6]]},"575":{"position":[[76,6]]}}}],["grid",{"_index":80,"t":{"151":{"position":[[28,5]]},"155":{"position":[[29,4]]},"157":{"position":[[29,4]]},"159":{"position":[[29,4]]},"333":{"position":[[21,6]]},"339":{"position":[[21,6]]},"599":{"position":[[7,4]]}}}],["hybrid",{"_index":189,"t":{"579":{"position":[[30,6]]},"587":{"position":[[30,6]]}}}],["icon",{"_index":148,"t":{"335":{"position":[[20,6]]},"341":{"position":[[21,7]]},"545":{"position":[[7,5]]}}}],["input",{"_index":78,"t":{"147":{"position":[[38,6]]},"161":{"position":[[29,5]]},"163":{"position":[[29,6]]},"169":{"position":[[36,6]]},"337":{"position":[[20,7]]},"343":{"position":[[21,6]]},"553":{"position":[[16,5]]},"559":{"position":[[14,5]]},"563":{"position":[[13,5]]},"565":{"position":[[12,5]]},"567":{"position":[[12,5]]}}}],["interact",{"_index":182,"t":{"571":{"position":[[43,11]]},"575":{"position":[[43,11]]}}}],["layout",{"_index":149,"t":{"345":{"position":[[21,8]]},"585":{"position":[[0,6]]},"589":{"position":[[0,6]]}}}],["leftmenu",{"_index":152,"t":{"349":{"position":[[21,10]]}}}],["line",{"_index":86,"t":{"165":{"position":[[29,4]]},"547":{"position":[[7,4]]}}}],["loader",{"_index":171,"t":{"535":{"position":[[14,6]]}}}],["locat",{"_index":186,"t":{"571":{"position":[[81,8]]},"575":{"position":[[83,8]]}}}],["maui",{"_index":188,"t":{"579":{"position":[[18,4]]},"587":{"position":[[18,4]]}}}],["modal",{"_index":151,"t":{"347":{"position":[[21,7]]},"351":{"position":[[21,7]]},"523":{"position":[[7,5]]},"591":{"position":[[7,5]]}}}],["modalservic",{"_index":154,"t":{"355":{"position":[[20,14]]}}}],["mode",{"_index":184,"t":{"571":{"position":[[62,4]]},"575":{"position":[[62,4]]}}}],["navig",{"_index":153,"t":{"353":{"position":[[21,12]]}}}],["net",{"_index":179,"t":{"569":{"position":[[32,5]]},"571":{"position":[[32,5]]},"573":{"position":[[32,5]]},"575":{"position":[[32,5]]},"577":{"position":[[37,5]]},"579":{"position":[[41,5]]},"581":{"position":[[37,5]]},"583":{"position":[[37,5]]},"587":{"position":[[41,5]]}}}],["number",{"_index":85,"t":{"161":{"position":[[35,7]]},"167":{"position":[[29,7]]},"169":{"position":[[29,6]]},"343":{"position":[[28,7]]},"559":{"position":[[7,6]]}}}],["numberinput",{"_index":155,"t":{"357":{"position":[[21,13]]}}}],["offcanva",{"_index":87,"t":{"171":{"position":[[29,10]]},"363":{"position":[[20,11]]},"529":{"position":[[7,9]]}}}],["on",{"_index":69,"t":{"133":{"position":[[0,3]]},"135":{"position":[[0,3]]},"141":{"position":[[0,3]]},"143":{"position":[[0,3]]},"147":{"position":[[0,3]]},"153":{"position":[[0,3]]},"155":{"position":[[0,3]]},"157":{"position":[[0,3]]},"159":{"position":[[0,3]]},"161":{"position":[[0,3]]},"163":{"position":[[0,3]]},"165":{"position":[[0,3]]},"167":{"position":[[0,3]]},"169":{"position":[[0,3]]},"171":{"position":[[0,3]]},"173":{"position":[[0,3]]},"177":{"position":[[0,3]]},"179":{"position":[[0,3]]},"183":{"position":[[0,3]]},"185":{"position":[[0,3]]},"187":{"position":[[0,3]]},"189":{"position":[[0,3]]},"195":{"position":[[0,3]]},"199":{"position":[[0,3]]},"203":{"position":[[0,3]]},"209":{"position":[[0,3]]},"225":{"position":[[0,3]]},"227":{"position":[[0,3]]},"229":{"position":[[0,3]]},"231":{"position":[[0,3]]},"233":{"position":[[0,3]]},"237":{"position":[[0,3]]},"243":{"position":[[0,3]]},"245":{"position":[[0,3]]},"257":{"position":[[0,3]]},"259":{"position":[[0,3]]},"263":{"position":[[0,3]]},"269":{"position":[[0,3]]},"271":{"position":[[0,3]]},"275":{"position":[[0,3]]},"279":{"position":[[0,3]]},"295":{"position":[[0,3]]},"299":{"position":[[0,3]]},"303":{"position":[[0,3]]},"307":{"position":[[0,3]]},"309":{"position":[[0,3]]},"311":{"position":[[0,3]]},"313":{"position":[[0,3]]},"315":{"position":[[0,3]]},"317":{"position":[[0,3]]},"321":{"position":[[0,3]]},"325":{"position":[[0,3]]},"331":{"position":[[0,3]]},"341":{"position":[[0,3]]},"343":{"position":[[0,3]]},"345":{"position":[[0,3]]},"349":{"position":[[0,3]]},"353":{"position":[[0,3]]},"357":{"position":[[0,3]]},"359":{"position":[[0,3]]},"361":{"position":[[0,3]]},"365":{"position":[[0,3]]},"371":{"position":[[0,3]]},"373":{"position":[[0,3]]},"375":{"position":[[0,3]]},"385":{"position":[[0,3]]},"391":{"position":[[0,3]]},"395":{"position":[[0,3]]},"397":{"position":[[0,3]]},"399":{"position":[[0,3]]},"401":{"position":[[0,3]]},"403":{"position":[[0,3]]},"405":{"position":[[0,3]]},"407":{"position":[[0,3]]},"409":{"position":[[0,3]]},"411":{"position":[[0,3]]},"413":{"position":[[0,3]]},"415":{"position":[[0,3]]},"417":{"position":[[0,3]]},"419":{"position":[[0,3]]},"421":{"position":[[0,3]]},"423":{"position":[[0,3]]},"425":{"position":[[0,3]]},"427":{"position":[[0,3]]},"429":{"position":[[0,3]]},"431":{"position":[[0,3]]},"433":{"position":[[0,3]]},"435":{"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]]},"593":{"position":[[0,3]]}}}],["page",{"_index":83,"t":{"157":{"position":[[34,7]]}}}],["pagin",{"_index":156,"t":{"359":{"position":[[21,12]]},"527":{"position":[[7,10]]}}}],["pdf",{"_index":168,"t":{"525":{"position":[[7,3]]}}}],["pdfviewer",{"_index":157,"t":{"361":{"position":[[21,11]]}}}],["pie",{"_index":88,"t":{"173":{"position":[[29,3]]},"557":{"position":[[7,3]]}}}],["placehold",{"_index":158,"t":{"367":{"position":[[20,14]]},"533":{"position":[[7,12]]}}}],["post",{"_index":64,"t":{"127":{"position":[[2,5]]},"129":{"position":[[2,5]]},"131":{"position":[[2,5]]},"133":{"position":[[4,4]]},"135":{"position":[[4,4]]},"137":{"position":[[3,5]]},"139":{"position":[[2,5]]},"141":{"position":[[4,4]]},"143":{"position":[[4,4]]},"145":{"position":[[2,5]]},"147":{"position":[[4,4]]},"149":{"position":[[2,5]]},"151":{"position":[[2,5]]},"153":{"position":[[4,4]]},"155":{"position":[[4,4]]},"157":{"position":[[4,4]]},"159":{"position":[[4,4]]},"161":{"position":[[4,4]]},"163":{"position":[[4,4]]},"165":{"position":[[4,4]]},"167":{"position":[[4,4]]},"169":{"position":[[4,4]]},"171":{"position":[[4,4]]},"173":{"position":[[4,4]]},"175":{"position":[[2,5]]},"177":{"position":[[4,4]]},"179":{"position":[[4,4]]},"181":{"position":[[2,5]]},"183":{"position":[[4,4]]},"185":{"position":[[4,4]]},"187":{"position":[[4,4]]},"189":{"position":[[4,4]]},"191":{"position":[[2,5]]},"193":{"position":[[3,5]]},"195":{"position":[[4,4]]},"197":{"position":[[3,5]]},"199":{"position":[[4,4]]},"201":{"position":[[3,5]]},"203":{"position":[[4,4]]},"205":{"position":[[2,5]]},"207":{"position":[[3,5]]},"209":{"position":[[4,4]]},"211":{"position":[[3,5]]},"213":{"position":[[3,5]]},"215":{"position":[[3,5]]},"217":{"position":[[3,5]]},"219":{"position":[[3,5]]},"221":{"position":[[2,5]]},"223":{"position":[[2,5]]},"225":{"position":[[4,4]]},"227":{"position":[[4,4]]},"229":{"position":[[4,4]]},"231":{"position":[[4,4]]},"233":{"position":[[4,4]]},"235":{"position":[[2,5]]},"237":{"position":[[4,4]]},"239":{"position":[[2,5]]},"241":{"position":[[2,5]]},"243":{"position":[[4,4]]},"245":{"position":[[4,4]]},"247":{"position":[[3,5]]},"249":{"position":[[3,5]]},"251":{"position":[[2,5]]},"253":{"position":[[2,5]]},"255":{"position":[[2,5]]},"257":{"position":[[4,4]]},"259":{"position":[[4,4]]},"261":{"position":[[2,5]]},"263":{"position":[[4,4]]},"265":{"position":[[2,5]]},"267":{"position":[[2,5]]},"269":{"position":[[4,4]]},"271":{"position":[[4,4]]},"273":{"position":[[2,5]]},"275":{"position":[[4,4]]},"277":{"position":[[2,5]]},"279":{"position":[[4,4]]},"281":{"position":[[3,5]]},"283":{"position":[[2,5]]},"285":{"position":[[3,5]]},"287":{"position":[[3,5]]},"289":{"position":[[3,5]]},"291":{"position":[[3,5]]},"293":{"position":[[3,5]]},"295":{"position":[[4,4]]},"297":{"position":[[2,5]]},"299":{"position":[[4,4]]},"301":{"position":[[2,5]]},"303":{"position":[[4,4]]},"305":{"position":[[2,5]]},"307":{"position":[[4,4]]},"309":{"position":[[4,4]]},"311":{"position":[[4,4]]},"313":{"position":[[4,4]]},"315":{"position":[[4,4]]},"317":{"position":[[4,4]]},"319":{"position":[[2,5]]},"321":{"position":[[4,4]]},"323":{"position":[[2,5]]},"325":{"position":[[4,4]]},"327":{"position":[[2,5]]},"329":{"position":[[2,5]]},"331":{"position":[[4,4]]},"333":{"position":[[3,5]]},"335":{"position":[[2,5]]},"337":{"position":[[2,5]]},"339":{"position":[[3,5]]},"341":{"position":[[4,4]]},"343":{"position":[[4,4]]},"345":{"position":[[4,4]]},"347":{"position":[[3,5]]},"349":{"position":[[4,4]]},"351":{"position":[[3,5]]},"353":{"position":[[4,4]]},"355":{"position":[[2,5]]},"357":{"position":[[4,4]]},"359":{"position":[[4,4]]},"361":{"position":[[4,4]]},"363":{"position":[[2,5]]},"365":{"position":[[4,4]]},"367":{"position":[[2,5]]},"369":{"position":[[2,5]]},"371":{"position":[[4,4]]},"373":{"position":[[4,4]]},"375":{"position":[[4,4]]},"377":{"position":[[2,5]]},"379":{"position":[[2,5]]},"381":{"position":[[2,5]]},"383":{"position":[[2,5]]},"385":{"position":[[4,4]]},"387":{"position":[[2,5]]},"389":{"position":[[2,5]]},"391":{"position":[[4,4]]},"393":{"position":[[2,5]]},"395":{"position":[[4,4]]},"397":{"position":[[4,4]]},"399":{"position":[[4,4]]},"401":{"position":[[4,4]]},"403":{"position":[[4,4]]},"405":{"position":[[4,4]]},"407":{"position":[[4,4]]},"409":{"position":[[4,4]]},"411":{"position":[[4,4]]},"413":{"position":[[4,4]]},"415":{"position":[[4,4]]},"417":{"position":[[4,4]]},"419":{"position":[[4,4]]},"421":{"position":[[4,4]]},"423":{"position":[[4,4]]},"425":{"position":[[4,4]]},"427":{"position":[[4,4]]},"429":{"position":[[4,4]]},"431":{"position":[[4,4]]},"433":{"position":[[4,4]]},"435":{"position":[[4,4]]},"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]]},"593":{"position":[[4,4]]}}}],["preload",{"_index":89,"t":{"175":{"position":[[28,8]]},"365":{"position":[[21,9]]},"531":{"position":[[7,7]]}}}],["progress",{"_index":90,"t":{"177":{"position":[[29,9]]},"179":{"position":[[29,8]]},"369":{"position":[[20,10]]},"373":{"position":[[21,9]]},"537":{"position":[[7,8]]}}}],["rang",{"_index":174,"t":{"563":{"position":[[7,5]]}}}],["rangeinput",{"_index":160,"t":{"375":{"position":[[21,12]]}}}],["render",{"_index":183,"t":{"571":{"position":[[55,6]]},"575":{"position":[[55,6]]}}}],["script",{"_index":170,"t":{"535":{"position":[[7,6]]}}}],["scriptload",{"_index":159,"t":{"371":{"position":[[21,14]]}}}],["server",{"_index":178,"t":{"569":{"position":[[25,6]]},"573":{"position":[[25,6]]},"575":{"position":[[67,6]]}}}],["servic",{"_index":192,"t":{"591":{"position":[[13,7]]}}}],["setup",{"_index":191,"t":{"585":{"position":[[7,5]]},"589":{"position":[[7,5]]}}}],["sidebar",{"_index":161,"t":{"377":{"position":[[20,9]]},"597":{"position":[[7,7]]}}}],["sidemod",{"_index":92,"t":{"183":{"position":[[29,10]]}}}],["sort",{"_index":84,"t":{"159":{"position":[[34,8]]}}}],["spinner",{"_index":91,"t":{"181":{"position":[[28,8]]}}}],["start",{"_index":177,"t":{"569":{"position":[[8,7]]},"571":{"position":[[8,7]]},"573":{"position":[[8,7]]},"575":{"position":[[8,7]]},"577":{"position":[[8,7]]},"579":{"position":[[8,7]]},"581":{"position":[[8,7]]},"583":{"position":[[8,7]]},"587":{"position":[[8,7]]}}}],["starter",{"_index":93,"t":{"185":{"position":[[29,7]]},"209":{"position":[[38,7]]}}}],["switch",{"_index":162,"t":{"379":{"position":[[20,8]]},"561":{"position":[[7,6]]}}}],["tab",{"_index":95,"t":{"187":{"position":[[29,5]]},"381":{"position":[[20,6]]},"543":{"position":[[7,4]]}}}],["tag",{"_index":62,"t":{"125":{"position":[[0,4]]},"127":{"position":[[8,6]]},"129":{"position":[[8,6]]},"131":{"position":[[8,6]]},"133":{"position":[[9,6]]},"135":{"position":[[9,6]]},"137":{"position":[[9,6]]},"139":{"position":[[8,6]]},"141":{"position":[[9,6]]},"143":{"position":[[9,6]]},"145":{"position":[[8,6]]},"147":{"position":[[9,6]]},"149":{"position":[[8,6]]},"151":{"position":[[8,6]]},"153":{"position":[[9,6]]},"155":{"position":[[9,6]]},"157":{"position":[[9,6]]},"159":{"position":[[9,6]]},"161":{"position":[[9,6]]},"163":{"position":[[9,6]]},"165":{"position":[[9,6]]},"167":{"position":[[9,6]]},"169":{"position":[[9,6]]},"171":{"position":[[9,6]]},"173":{"position":[[9,6]]},"175":{"position":[[8,6]]},"177":{"position":[[9,6]]},"179":{"position":[[9,6]]},"181":{"position":[[8,6]]},"183":{"position":[[9,6]]},"185":{"position":[[9,6]]},"187":{"position":[[9,6]]},"189":{"position":[[9,6]]},"191":{"position":[[8,6]]},"193":{"position":[[9,6]]},"195":{"position":[[9,6]]},"197":{"position":[[9,6]]},"199":{"position":[[9,6]]},"201":{"position":[[9,6]]},"203":{"position":[[9,6]]},"205":{"position":[[8,6]]},"207":{"position":[[9,6]]},"209":{"position":[[9,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":[[8,6]]},"225":{"position":[[9,6]]},"227":{"position":[[9,6]]},"229":{"position":[[9,6]]},"231":{"position":[[9,6]]},"233":{"position":[[9,6]]},"235":{"position":[[8,6]]},"237":{"position":[[9,6]]},"239":{"position":[[8,6]]},"241":{"position":[[8,6]]},"243":{"position":[[9,6]]},"245":{"position":[[9,6]]},"247":{"position":[[9,6]]},"249":{"position":[[9,6]]},"251":{"position":[[8,6]]},"253":{"position":[[8,6]]},"255":{"position":[[8,6]]},"257":{"position":[[9,6]]},"259":{"position":[[9,6]]},"261":{"position":[[8,6]]},"263":{"position":[[9,6]]},"265":{"position":[[8,6]]},"267":{"position":[[8,6]]},"269":{"position":[[9,6]]},"271":{"position":[[9,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":[[9,6]]},"289":{"position":[[9,6]]},"291":{"position":[[9,6]]},"293":{"position":[[9,6]]},"295":{"position":[[9,6]]},"297":{"position":[[8,6]]},"299":{"position":[[9,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":[[8,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":[[8,6]]},"339":{"position":[[9,6]]},"341":{"position":[[9,6]]},"343":{"position":[[9,6]]},"345":{"position":[[9,6]]},"347":{"position":[[9,6]]},"349":{"position":[[9,6]]},"351":{"position":[[9,6]]},"353":{"position":[[9,6]]},"355":{"position":[[8,6]]},"357":{"position":[[9,6]]},"359":{"position":[[9,6]]},"361":{"position":[[9,6]]},"363":{"position":[[8,6]]},"365":{"position":[[9,6]]},"367":{"position":[[8,6]]},"369":{"position":[[8,6]]},"371":{"position":[[9,6]]},"373":{"position":[[9,6]]},"375":{"position":[[9,6]]},"377":{"position":[[8,6]]},"379":{"position":[[8,6]]},"381":{"position":[[8,6]]},"383":{"position":[[8,6]]},"385":{"position":[[9,6]]},"387":{"position":[[8,6]]},"389":{"position":[[8,6]]},"391":{"position":[[9,6]]},"393":{"position":[[8,6]]},"395":{"position":[[9,6]]},"397":{"position":[[9,6]]},"399":{"position":[[9,6]]},"401":{"position":[[9,6]]},"403":{"position":[[9,6]]},"405":{"position":[[9,6]]},"407":{"position":[[9,6]]},"409":{"position":[[9,6]]},"411":{"position":[[9,6]]},"413":{"position":[[9,6]]},"415":{"position":[[9,6]]},"417":{"position":[[9,6]]},"419":{"position":[[9,6]]},"421":{"position":[[9,6]]},"423":{"position":[[9,6]]},"425":{"position":[[9,6]]},"427":{"position":[[9,6]]},"429":{"position":[[9,6]]},"431":{"position":[[9,6]]},"433":{"position":[[9,6]]},"435":{"position":[[9,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]]},"593":{"position":[[9,6]]}}}],["templat",{"_index":94,"t":{"185":{"position":[[37,10]]},"189":{"position":[[29,10]]},"209":{"position":[[46,10]]}}}],["time",{"_index":175,"t":{"567":{"position":[[7,4]]}}}],["timeinput",{"_index":163,"t":{"383":{"position":[[20,11]]}}}],["timepick",{"_index":164,"t":{"385":{"position":[[21,12]]}}}],["toast",{"_index":96,"t":{"191":{"position":[[28,7]]},"195":{"position":[[29,6]]},"387":{"position":[[20,8]]},"389":{"position":[[20,7]]},"539":{"position":[[7,6]]}}}],["toastservic",{"_index":165,"t":{"391":{"position":[[21,14]]}}}],["tooltip",{"_index":166,"t":{"393":{"position":[[20,9]]},"541":{"position":[[7,8]]}}}],["v0.0.1",{"_index":6,"t":{"3":{"position":[[16,6]]},"395":{"position":[[21,8]]}}}],["v0.0.2",{"_index":7,"t":{"5":{"position":[[16,6]]},"397":{"position":[[21,8]]}}}],["v0.0.3",{"_index":8,"t":{"7":{"position":[[16,6]]},"399":{"position":[[21,8]]}}}],["v0.0.4",{"_index":11,"t":{"13":{"position":[[16,6]]},"401":{"position":[[21,8]]}}}],["v0.1.0",{"_index":9,"t":{"9":{"position":[[16,6]]},"403":{"position":[[21,8]]}}}],["v0.1.1",{"_index":10,"t":{"11":{"position":[[16,6]]},"405":{"position":[[21,8]]}}}],["v0.2.0",{"_index":12,"t":{"15":{"position":[[16,6]]},"411":{"position":[[21,8]]}}}],["v0.2.1",{"_index":13,"t":{"17":{"position":[[16,6]]},"407":{"position":[[21,8]]}}}],["v0.2.2",{"_index":14,"t":{"19":{"position":[[16,6]]},"409":{"position":[[21,8]]}}}],["v0.2.3",{"_index":17,"t":{"25":{"position":[[16,6]]},"413":{"position":[[21,8]]}}}],["v0.2.4",{"_index":18,"t":{"27":{"position":[[16,6]]},"415":{"position":[[21,8]]}}}],["v0.2.5",{"_index":15,"t":{"21":{"position":[[16,6]]},"417":{"position":[[21,8]]}}}],["v0.2.6",{"_index":16,"t":{"23":{"position":[[16,6]]},"419":{"position":[[21,8]]}}}],["v0.3.0",{"_index":20,"t":{"31":{"position":[[16,6]]},"421":{"position":[[21,8]]}}}],["v0.4.0",{"_index":19,"t":{"29":{"position":[[16,6]]},"423":{"position":[[21,8]]}}}],["v0.4.1",{"_index":22,"t":{"35":{"position":[[16,6]]},"427":{"position":[[21,8]]}}}],["v0.4.2",{"_index":21,"t":{"33":{"position":[[16,6]]},"425":{"position":[[21,8]]}}}],["v0.5.0",{"_index":23,"t":{"37":{"position":[[16,6]]},"431":{"position":[[21,8]]}}}],["v0.5.1",{"_index":25,"t":{"41":{"position":[[17,6]]},"429":{"position":[[21,8]]}}}],["v0.6.0",{"_index":26,"t":{"43":{"position":[[17,6]]},"433":{"position":[[21,8]]}}}],["v1.0.0",{"_index":24,"t":{"39":{"position":[[17,6]]},"435":{"position":[[21,8]]}}}],["v1.0.1",{"_index":27,"t":{"45":{"position":[[17,6]]},"439":{"position":[[21,8]]}}}],["v1.1.0",{"_index":29,"t":{"49":{"position":[[17,6]]},"437":{"position":[[21,8]]}}}],["v1.10.0",{"_index":54,"t":{"99":{"position":[[17,7]]},"443":{"position":[[21,9]]}}}],["v1.10.1",{"_index":55,"t":{"101":{"position":[[17,7]]},"441":{"position":[[21,9]]}}}],["v1.10.2",{"_index":56,"t":{"103":{"position":[[17,7]]},"445":{"position":[[21,9]]}}}],["v1.10.3",{"_index":57,"t":{"105":{"position":[[17,7]]},"447":{"position":[[21,9]]}}}],["v1.10.4",{"_index":58,"t":{"107":{"position":[[17,7]]},"449":{"position":[[21,9]]}}}],["v1.10.5",{"_index":59,"t":{"109":{"position":[[17,7]]},"453":{"position":[[21,9]]}}}],["v1.11.0",{"_index":60,"t":{"111":{"position":[[17,7]]},"451":{"position":[[21,9]]}}}],["v1.2.0",{"_index":30,"t":{"51":{"position":[[17,6]]},"455":{"position":[[21,8]]}}}],["v1.3.0",{"_index":28,"t":{"47":{"position":[[17,6]]},"457":{"position":[[21,8]]}}}],["v1.3.1",{"_index":31,"t":{"53":{"position":[[17,6]]},"459":{"position":[[21,8]]}}}],["v1.4.0",{"_index":32,"t":{"55":{"position":[[17,6]]},"461":{"position":[[21,8]]}}}],["v1.4.1",{"_index":33,"t":{"57":{"position":[[17,6]]},"463":{"position":[[21,8]]}}}],["v1.4.2",{"_index":34,"t":{"59":{"position":[[17,6]]},"467":{"position":[[21,8]]}}}],["v1.4.3",{"_index":35,"t":{"61":{"position":[[17,6]]},"465":{"position":[[21,8]]}}}],["v1.4.4",{"_index":36,"t":{"63":{"position":[[17,6]]},"469":{"position":[[21,8]]}}}],["v1.4.5",{"_index":37,"t":{"65":{"position":[[17,6]]},"475":{"position":[[21,8]]}}}],["v1.5.0",{"_index":39,"t":{"69":{"position":[[17,6]]},"473":{"position":[[21,8]]}}}],["v1.6.0",{"_index":38,"t":{"67":{"position":[[17,6]]},"593":{"position":[[21,8]]}}}],["v1.7.0",{"_index":40,"t":{"71":{"position":[[17,6]]},"471":{"position":[[21,8]]}}}],["v1.7.1",{"_index":41,"t":{"73":{"position":[[17,6]]},"481":{"position":[[21,8]]}}}],["v1.7.2",{"_index":42,"t":{"75":{"position":[[17,6]]},"477":{"position":[[21,8]]}}}],["v1.7.3",{"_index":43,"t":{"77":{"position":[[17,6]]},"483":{"position":[[21,8]]}}}],["v1.8.0",{"_index":44,"t":{"79":{"position":[[17,6]]},"479":{"position":[[21,8]]}}}],["v1.8.1",{"_index":47,"t":{"85":{"position":[[17,6]]},"485":{"position":[[21,8]]}}}],["v1.8.2",{"_index":46,"t":{"83":{"position":[[17,6]]},"487":{"position":[[21,8]]}}}],["v1.8.3",{"_index":45,"t":{"81":{"position":[[17,6]]},"491":{"position":[[21,8]]}}}],["v1.9.0",{"_index":48,"t":{"87":{"position":[[17,6]]},"489":{"position":[[21,8]]}}}],["v1.9.1",{"_index":49,"t":{"89":{"position":[[17,6]]},"493":{"position":[[21,8]]}}}],["v1.9.2",{"_index":51,"t":{"93":{"position":[[17,6]]},"495":{"position":[[21,8]]}}}],["v1.9.3",{"_index":50,"t":{"91":{"position":[[17,6]]},"497":{"position":[[21,8]]}}}],["v1.9.4",{"_index":53,"t":{"97":{"position":[[17,6]]},"499":{"position":[[21,8]]}}}],["v1.9.5",{"_index":52,"t":{"95":{"position":[[17,6]]},"501":{"position":[[21,8]]}}}],["viewer",{"_index":169,"t":{"525":{"position":[[11,6]]}}}],["webapp",{"_index":181,"t":{"571":{"position":[[25,6]]},"575":{"position":[[25,6]]}}}],["webassembl",{"_index":187,"t":{"577":{"position":[[25,11]]},"581":{"position":[[25,11]]},"583":{"position":[[25,11]]},"585":{"position":[[22,11]]},"589":{"position":[[22,11]]}}}]],"pipeline":["stemmer"]}},{"documents":[],"index":{"version":"2.3.9","fields":["t"],"fieldVectors":[],"invertedIndex":[],"pipeline":["stemmer"]}},{"documents":[{"i":2,"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. 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 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 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.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.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":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.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.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":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.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":17},{"i":20,"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":19},{"i":22,"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":21},{"i":24,"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":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.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 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":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 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.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":47},{"i":50,"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":49},{"i":52,"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":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.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.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. 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":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.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. 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.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":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.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":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.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":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.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":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.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.0 Older Post Blazor Bootstrap v1.10.4","s":"Blazor Bootstrap v1.10.5","u":"/blog/2024/01/01/blazorbootstrap-1.10.5","h":"","p":109},{"i":112,"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 Older Post Blazor Bootstrap v1.10.5","s":"Blazor Bootstrap v1.11.0","u":"/blog/2024/02/04/blazorbootstrap-1.11.0","h":"","p":111},{"i":114,"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 February 4, 2024 - Blazor Bootstrap v1.11.0 January 1, 2024 - Blazor Bootstrap v1.10.5","s":"Archive","u":"/blog/archive","h":"","p":113},{"i":116,"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!!! 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 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 Newer Entries Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/3","h":"","p":115},{"i":118,"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!!! 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 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 Newer Entries Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/2","h":"","p":117},{"i":120,"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. 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 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/6","h":"","p":119},{"i":122,"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 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 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 Newer Entries Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/4","h":"","p":121},{"i":124,"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. 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 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 Newer Entries Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/5","h":"","p":123},{"i":126,"t":"Tags A accordion2 alert1 autocomplete9 B badge2 blazor35 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 blazorbootstrap55 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 bootstrap28 bootstrap528 breadcrumb1 breadcrumbservice1 button3 buttons3 C callout1 chart1 charts2 collapse1 confirm dialog1 confirmdialog1 confirmmodal1 currency1 currencyinput2 D date1 dateinput4 datepicker2 dialog1 docs7 dropdown1 G grid18 I icon2 icons1 input2 input-number1 L layout1 leftmenu1 M modal12 modalservice3 N navigation1 numberinput1 O offcanvas5 P pagination1 pdfviewer1 placeholders3 preload1 progress2 progress-bar1 R rangeinput1 S scriptloader1 sidebar2 switch2 T tabs2 timeinput3 timepicker1 toast2 toasts4 toastservice1 tooltip2 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.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","s":"Tags","u":"/blog/tags","h":"","p":125},{"i":128,"t":"2 posts tagged with \"accordion\" 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.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 \"accordion\"","u":"/blog/tags/accordion","h":"","p":127},{"i":130,"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":129},{"i":132,"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":131},{"i":134,"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":133},{"i":136,"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":135},{"i":138,"t":"35 posts tagged with \"blazor\" 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 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 Older Entries","s":"35 posts tagged with \"blazor\"","u":"/blog/tags/blazor","h":"","p":137},{"i":140,"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":139},{"i":142,"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":141},{"i":144,"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":143},{"i":146,"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":145},{"i":148,"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":147},{"i":150,"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":149},{"i":152,"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":151},{"i":154,"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":153},{"i":156,"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":155},{"i":158,"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":157},{"i":160,"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":159},{"i":162,"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":161},{"i":164,"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":163},{"i":166,"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":165},{"i":168,"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":167},{"i":170,"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":169},{"i":172,"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":171},{"i":174,"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":173},{"i":176,"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":175},{"i":178,"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":177},{"i":180,"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":179},{"i":182,"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":181},{"i":184,"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":183},{"i":186,"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":185},{"i":188,"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":187},{"i":190,"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":189},{"i":192,"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":191},{"i":194,"t":"35 posts tagged with \"blazor\" 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 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 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 Newer Entries Older Entries","s":"35 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/2","h":"","p":193},{"i":196,"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":195},{"i":198,"t":"35 posts tagged with \"blazor\" 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 Newer Entries","s":"35 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/4","h":"","p":197},{"i":200,"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":199},{"i":202,"t":"35 posts tagged with \"blazor\" 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 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 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 Newer Entries Older Entries","s":"35 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/3","h":"","p":201},{"i":204,"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":203},{"i":206,"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":205},{"i":208,"t":"55 posts tagged with \"blazorbootstrap\" 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 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 Older Entries","s":"55 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap","h":"","p":207},{"i":210,"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":209},{"i":212,"t":"55 posts tagged with \"blazorbootstrap\" 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 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 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 Newer Entries Older Entries","s":"55 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/2","h":"","p":211},{"i":214,"t":"55 posts tagged with \"blazorbootstrap\" 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 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 Newer Entries Older Entries","s":"55 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/4","h":"","p":213},{"i":216,"t":"55 posts tagged with \"blazorbootstrap\" 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 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 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 Newer Entries Older Entries","s":"55 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/3","h":"","p":215},{"i":218,"t":"55 posts tagged with \"blazorbootstrap\" 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 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 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 Newer Entries Older Entries","s":"55 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/5","h":"","p":217},{"i":220,"t":"55 posts tagged with \"blazorbootstrap\" 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 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 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":"55 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/6","h":"","p":219},{"i":222,"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":221},{"i":224,"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":223},{"i":226,"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":225},{"i":228,"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":227},{"i":230,"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":229},{"i":232,"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":231},{"i":234,"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":233},{"i":236,"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":235},{"i":238,"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":237},{"i":240,"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":239},{"i":242,"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":241},{"i":244,"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":243},{"i":246,"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":245},{"i":248,"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":247},{"i":250,"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":249},{"i":252,"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":251},{"i":254,"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":253},{"i":256,"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":255},{"i":258,"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":257},{"i":260,"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":259},{"i":262,"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":261},{"i":264,"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":263},{"i":266,"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":265},{"i":268,"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":267},{"i":270,"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":269},{"i":272,"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":271},{"i":274,"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":273},{"i":276,"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":275},{"i":278,"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":277},{"i":280,"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":279},{"i":282,"t":"28 posts tagged with \"bootstrap\" 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 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 Older Entries","s":"28 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap","h":"","p":281},{"i":284,"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":283},{"i":286,"t":"28 posts tagged with \"bootstrap5\" 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 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 Older Entries","s":"28 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5","h":"","p":285},{"i":288,"t":"28 posts tagged with \"bootstrap5\" 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 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 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":"28 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/3","h":"","p":287},{"i":290,"t":"28 posts tagged with \"bootstrap5\" 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 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 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 Newer Entries Older Entries","s":"28 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/2","h":"","p":289},{"i":292,"t":"28 posts tagged with \"bootstrap\" 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 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 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 Newer Entries Older Entries","s":"28 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/2","h":"","p":291},{"i":294,"t":"28 posts tagged with \"bootstrap\" 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 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 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":"28 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/3","h":"","p":293},{"i":296,"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":295},{"i":298,"t":"3 posts tagged with \"button\" 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 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":"3 posts tagged with \"button\"","u":"/blog/tags/button","h":"","p":297},{"i":300,"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":299},{"i":302,"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":301},{"i":304,"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":303},{"i":306,"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":305},{"i":308,"t":"One post tagged with \"callout\" 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 \"callout\"","u":"/blog/tags/callout","h":"","p":307},{"i":310,"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":309},{"i":312,"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":311},{"i":314,"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":313},{"i":316,"t":"One post tagged with \"confirmdialog\" 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 \"confirmdialog\"","u":"/blog/tags/confirmdialog","h":"","p":315},{"i":318,"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":317},{"i":320,"t":"2 posts tagged with \"currencyinput\" 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","s":"2 posts tagged with \"currencyinput\"","u":"/blog/tags/currencyinput","h":"","p":319},{"i":322,"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":321},{"i":324,"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":323},{"i":326,"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":325},{"i":328,"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":327},{"i":330,"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":329},{"i":332,"t":"One post tagged with \"dropdown\" 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 \"dropdown\"","u":"/blog/tags/dropdown","h":"","p":331},{"i":334,"t":"18 posts tagged with \"grid\" 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.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 Older Entries","s":"18 posts tagged with \"grid\"","u":"/blog/tags/grid","h":"","p":333},{"i":336,"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":335},{"i":338,"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":337},{"i":340,"t":"18 posts tagged with \"grid\" 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.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 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":"18 posts tagged with \"grid\"","u":"/blog/tags/grid/page/2","h":"","p":339},{"i":342,"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":341},{"i":344,"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":343},{"i":346,"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":345},{"i":348,"t":"12 posts tagged with \"modal\" 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.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":"12 posts tagged with \"modal\"","u":"/blog/tags/modal/page/2","h":"","p":347},{"i":350,"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":349},{"i":352,"t":"12 posts tagged with \"modal\" 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 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 Older Entries","s":"12 posts tagged with \"modal\"","u":"/blog/tags/modal","h":"","p":351},{"i":354,"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":353},{"i":356,"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":355},{"i":358,"t":"One post tagged with \"numberinput\" 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 \"numberinput\"","u":"/blog/tags/numberinput","h":"","p":357},{"i":360,"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":359},{"i":362,"t":"One post tagged with \"pdfviewer\" 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 \"pdfviewer\"","u":"/blog/tags/pdfviewer","h":"","p":361},{"i":364,"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":363},{"i":366,"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":365},{"i":368,"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":367},{"i":370,"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":369},{"i":372,"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":371},{"i":374,"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":373},{"i":376,"t":"One post tagged with \"rangeinput\" 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 \"rangeinput\"","u":"/blog/tags/rangeinput","h":"","p":375},{"i":378,"t":"2 posts tagged with \"sidebar\" 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 \"sidebar\"","u":"/blog/tags/sidebar","h":"","p":377},{"i":380,"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":379},{"i":382,"t":"2 posts tagged with \"tabs\" 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.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 \"tabs\"","u":"/blog/tags/tabs","h":"","p":381},{"i":384,"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":383},{"i":386,"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":385},{"i":388,"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":387},{"i":390,"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":389},{"i":392,"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":391},{"i":394,"t":"2 posts tagged with \"tooltip\" 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 \"tooltip\"","u":"/blog/tags/tooltip","h":"","p":393},{"i":396,"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":395},{"i":398,"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":397},{"i":400,"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":399},{"i":402,"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":401},{"i":404,"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":403},{"i":406,"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":405},{"i":408,"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":407},{"i":410,"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":409},{"i":412,"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":411},{"i":414,"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":413},{"i":416,"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":415},{"i":418,"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":417},{"i":420,"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":419},{"i":422,"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":421},{"i":424,"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":423},{"i":426,"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":425},{"i":428,"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":427},{"i":430,"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":429},{"i":432,"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":431},{"i":434,"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":433},{"i":436,"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":435},{"i":438,"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":437},{"i":440,"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":439},{"i":442,"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":441},{"i":444,"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":443},{"i":446,"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":445},{"i":448,"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":447},{"i":450,"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":449},{"i":452,"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":451},{"i":454,"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":453},{"i":456,"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":455},{"i":458,"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":457},{"i":460,"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":459},{"i":462,"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":461},{"i":464,"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":463},{"i":466,"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":465},{"i":468,"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":467},{"i":470,"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":469},{"i":472,"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":471},{"i":474,"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":473},{"i":476,"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":475},{"i":478,"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":477},{"i":480,"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":479},{"i":482,"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":481},{"i":484,"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":483},{"i":486,"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":485},{"i":488,"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":487},{"i":490,"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":489},{"i":492,"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":491},{"i":494,"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":493},{"i":496,"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":495},{"i":498,"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":497},{"i":500,"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":499},{"i":502,"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":501},{"i":504,"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 Description Required Default ChildContent RenderFragment Specifies the content to be rendered inside the alert. Color AlertColor Gets or sets the alert color. AlertColor.None Dismissable bool Enables the alert to be closed by placing the padding for close button. false Methods​ Name Description CloseAsync Closes an alert by removing it from the DOM. Callback Events​ Name Description OnClose Fires immediately when the close instance method is called. OnClosed Fired when the alert has been closed and CSS transitions have completed. 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.
A simple primary alert - check it out! A simple secondary alert - check it out! A simple success alert - check it out! A simple danger alert - check it out! A simple warning alert - check it out! A simple info alert - check it out! A simple light alert - check it out! A simple dark alert - check it out!
See alerts demo here. Additional Content​ Alerts can also contain additional HTML elements like headings, paragraphs and dividers.

Well done!

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.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
See alerts with additional content demo. Icons​ Similarly, you can use Bootstrap Icons to create alerts with icons.
An example alert with an icon A simple success alert with an icon A simple danger alert with an icon A simple warning alert with an icon
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:
Holy guacamole! You should check in on some of those fields below.
Manually we can close an alert with button click.
Holy guacamole! You should check in on some of those fields below.
@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":503},{"i":506,"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 Description Required Default Items List List of all the items. ✔️ Examples​ Breadcrumb​
@code { private List NavItems1 { get; set; } private List NavItems2 { get; set; } protected override void OnInitialized() { NavItems1 = new List { new BreadcrumbItem{ Text = \"Home\", Href =\"/\" }, new BreadcrumbItem{ Text = \"Breadcrumb\", IsCurrentPage = true } }; NavItems2 = new List { 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.
';\" Items=\"NavItems2\">
@code { private List NavItems2 { get; set; } protected override void OnInitialized() { NavItems2 = new List { 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
@code { private List NavItems2 { get; set; } protected override void OnInitialized() { NavItems2 = new List { 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":505},{"i":508,"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 Specifies the content to be rendered inside the badge. 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 Gets or sets the badge position. 1.7.0 VisuallyHiddenText string 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.

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New
See demo here Background colors​ 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. Primary Secondary Success Danger Warning Info Light Dark See demo here Buttons​ Badges can be used as part of links or buttons to provide a counter.
See demo here Positioned​ Use Position and Placement parameters to position it in the corner of a link or button.
See demo here Generic indicator​ You can also replace the badge with a generic indicator without the count. 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":507},{"i":510,"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 ChildContent RenderFragment null ✔️ Specifies the content to be rendered inside this . 1.7.0 Flush bool false Removes borders and rounded corners to render accordions edge-to-edge with their parent container. 1.7.0 AlwaysOpen bool false It makes accordion items stay open when another item is opened. 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 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 OnHiding This event is fired immediately when the hide method has been called. 1.7.0 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 AccordionItem Parameters​ Name Type Default Required Description Added Version Content RenderFragment null ✔️ Specifies the content to be rendered inside the AccordionItem. 1.7.0 IsActive bool false Gets or sets the active AccordionItem. 1.7.0 Name string null Gets or sets the name. 1.7.0 Title string null Gets or sets the AccordionItem title. 1.7.0 TitleTemplate RenderFragment null Gets or sets the AccordionItem title template. 1.7.0 Examples​ Accordion​ Click the accordions below to expand/collapse the accordion content. This is the first item's accordion body. 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. This is the second item's accordion body. 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. This is the third item's accordion body. 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. See demo here. Title with Icon​ To customize the accordion title, use TitleTemplate, as shown in the below example. Accordion Item #1 This is the first item's accordion body. 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. Accordion Item #2 This is the second item's accordion body. 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. Accordion Item #3 This is the third item's accordion body. 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. 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. This is the first item's accordion body. 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. This is the second item's accordion body. 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. This is the third item's accordion body. 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. See demo here. Set default active accordion item​ Set the IsActive parameter to true to keep the accordion item open by default. This is the first item's accordion body. 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. This is the second item's accordion body. 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. This is the third item's accordion body. 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. See demo here. Always open​ Set the AlwaysOpen parameter to true to keep accordion items open when another item is opened. This is the first item's accordion body. 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. This is the second item's accordion body. 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. This is the third item's accordion body. 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. 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. This is the first item's accordion body. 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. This is the second item's accordion body. 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. This is the third item's accordion body. 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. This is the fourth item's accordion body. 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. This is the fifth item's accordion body. 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. This is the sixth item's accordion body. 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.

Show

Hide

@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. This is the first item's accordion body. 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. This is the second item's accordion body. 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. This is the third item's accordion body. 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. @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. This is the first item's accordion body. 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. This is the second item's accordion body. 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. This is the third item's accordion body. 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. @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":509},{"i":512,"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":511},{"i":514,"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 Description Required Default Added Version Active bool When set to true, places the component in the active state with active styling. false 1.0.0 Block bool Makes the button to span the full width of a parent. false 1.0.0 ChildContent RenderFragment Specifies the content to be rendered inside this Button. 1.0.0 Color ButtonColor Gets or sets the button color. ✔️ 1.0.0 Disabled bool When set to true, disables the component's functionality and places it in a disabled state. false 1.0.0 Loading bool Shows the loading spinner or a LoadingTemplate. false 1.0.0 LoadingTemplate RenderFragment Gets or sets the component loading template. 1.0.0 LoadingText string Gets or sets the loadgin text. Loading... 1.0.0 Outline bool Makes the button to have the outlines. false 1.0.0 Position Position Gets or sets the position. 1.7.0 Size Size Changes the size of a button. 1.0.0 TabIndex int? If defined, indicates that its element can be focused and can participates in sequential keyboard navigation. 1.0.0 Target Target The target attribute specifies where to open the linked document for a ButtonType.Link. Target.None 1.0.0 To string Denotes the target route of the ButtonType.Link button. 1.0.0 TooltipPlacement TooltipPlacement Tooltip placement TooltipPlacement.Top 1.0.0 TooltipTitle string Displays informative text when users hover, focus, or tap an element. 1.0.0 TooltipColor TooltipColor Gets or sets the tooltip color. TooltipColor.None 1.10.0 Type ButtonType Defines the button type. ButtonType.Button 1.0.0 Methods​ Name Description ShowLoading Shows the loading state and disables the button. HideLoading Hides the loading state and enables the button. Examples​ Buttons​ Blazor Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.

See buttons demo here. Button tags​

See button tags demo here. Outline Buttons​

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.

See buttons with different size demo here. Disabled State​ Make buttons look inactive by adding the Disabled=\"true\" boolean parameter to any

See button disabled state demo here. Disable and enable state dynamically​ @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.
See block buttons demo here. Toogle States​ If you''re pre-toggling a button, you must manually add the Active=\"true\" parameter.

See button toogle 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.

See button with loading spinner demo here. Show/Hide loading spinner​ Use ShowLoading() and HideLoading() methods to toggle the button state. @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.

See button with tooltip demo here. NOTE HTML tooltips not supported at this moment. Dynamically update the tooltip text​
@code { private string text = \"Tooltip text\"; private void ChangeTooltip() => text = $\"Updated {DateTime.Now.ToLongTimeString()}\"; } See demo here. Events​ Click events​

@code{ protected void OnClick(EventArgs args) { Console.WriteLine(\"click event\"); } } Double click event​

@code{ protected void OnDoubleClick(EventArgs args) { Console.WriteLine(\"double click event\"); } } Click event with arguments​

@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 Toogle States Loading spinner Show/Hide loading spinner Show Tooltip Dynamically update the tooltip text Events","s":"Blazor Buttons","u":"/components/buttons","h":"","p":513},{"i":516,"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 ChildContent RenderFragment ✔️ Specifies the content to be rendered inside this. Heading string Gets or sets the callout heading. Type enum CalloutType.Default Use CalloutType.Default or CalloutType.Info or CalloutType.Warning or CalloutType.Danger or CalloutType.Tip Examples​ Callout​ This is an default callout. Example text to show it in action. See callout documentation. This is an danger callout. Example text to show it in action. See callout documentation. This is an warning callout. Example text to show it in action. See callout documentation. This is an info callout. Example text to show it in action. See callout documentation. This is an tip callout. Example text to show it in action. See callout documentation. See callout default demo here. Custom callout heading​ This is an default callout. Example text to show it in action. See callout documentation. This is an danger callout. Example text to show it in action. See callout documentation. This is an warning callout. Example text to show it in action. See callout documentation. This is an info callout. Example text to show it in action. See callout documentation. This is an tip callout. Example text to show it in action. See callout documentation. See callout danger demo here. Large text​

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 .visually-hidden class.

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 .visually-hidden class.

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 .visually-hidden class.

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 .visually-hidden class.

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 .visually-hidden class.

 See callout warning demo here. Edit this page Previous Buttons Next Card Parameters Examples Callout Custom callout heading Large text","s":"Blazor Callout","u":"/components/callout","h":"","p":515},{"i":518,"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 Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 Color CardColor Gets or sets the card color. CardColor.None 1.10.0 TextAlignment Alignment Gets or sets the text alignment of the card. Alignment.None 1.10.0 CardBody Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 CardFooter Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 CardGroup Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 CardHeader Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 Color CardColor Gets or sets the card color. CardColor.None 1.10.4 CardLink Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 Disabled bool When set to 'true', disables the component's functionality and places it in a disabled state. 1.10.0 To string? Gets or sets the target route. ✔️ 1.10.0 Target Target The target attribute specifies where to open the linked document. Target.None 1.10.0 TabIndex int? If defined, indicates that its element can be focused and can participates in sequential keyboard navigation. 1.10.0 CardSubTitle Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 Size HeadingSize Gets or sets the heading size. HeadingSize.H6 1.10.0 CardText Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 CardTitle Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 Size HeadingSize Gets or sets the heading size. HeadingSize.H5 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 title Some quick example text to build on the card title and make up the bulk of the card's content. 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. This is some text within a card body. See the demo here. Titles, text, and links​ Card title Card subtitle Some quick example text to build on the card title and make up the bulk of the card's content. Card link Another link See the demo here. Images​ \"placeholder\" Card title Card subtitle Some quick example text to build on the card title and make up the bulk of the card's content. Card title Card subtitle Some quick example text to build on the card title and make up the bulk of the card's content. \"placeholder\" See the demo here. List groups​ Create lists of content in a card with a flush list group.
  • An item
  • A second item
  • A third item
 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. \"placeholder\" Card title Some quick example text to build on the card title and make up the bulk of the card's content.
  • An item
  • A second item
  • A third item
Card link Another link See the demo here. Header and footer​ Add an optional header and/or footer within a card. Featured Special title treatment With supporting text below as a natural lead-in to additional content. 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.
Special title treatment With supporting text below as a natural lead-in to additional content.
Special title treatment With supporting text below as a natural lead-in to additional content.
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. Special title treatment With supporting text below as a natural lead-in to additional content. Special title treatment With supporting text below as a natural lead-in to additional content. Special title treatment With supporting text below as a natural lead-in to additional content. See the demo here. Background and color​ Header Primary card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Secondary card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Success card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Danger card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Warning card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Info card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Light card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Dark card title Some quick example text to build on the card title and make up the bulk of the card's content. 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. \"placeholder\" Card title This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. Last updated 3 mins ago \"placeholder\" Card title This card has supporting text below as a natural lead-in to additional content. Last updated 3 mins ago \"placeholder\" Card title 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. Last updated 3 mins ago See the demo here. Card groups with footer​ When using card groups with footers, their content will automatically line up. \"placeholder\" Card title This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. Last updated 3 mins ago \"placeholder\" Card title This card has supporting text below as a natural lead-in to additional content. Last updated 3 mins ago \"placeholder\" Card title 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. Last updated 3 mins ago 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":517},{"i":520,"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 ✔️ Specifies the content to be rendered inside the collapse. 1.7.0 Horizontal bool false Gets or sets the horizontal. 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. Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger. @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. This is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered. @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. Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.
@foreach (var item in messages) {

@item

}
@code { Collapse collapse1 = default!; List messages = new List(); 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(); } 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":519},{"i":522,"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 Shows confirm dialog. 1.1.0 ShowAsync(string title, string message1, string message2, ConfirmDialogOptions confirmDialogOptions = null) Task Shows confirm dialog. 1.1.0 ShowAsync(string title, Dictionary parametres = null, ConfirmDialogOptions confirmDialogOptions = null) Task Shows confirm dialog. T is component. 1.1.0 ConfirmDialogOptions Properties​ Name Type Default Description Added Version DialogCssClass string Additional CSS class for the dialog (div.modal-dialog element). 1.1.0 Dismissable bool Adds a dismissable close button to the confirm dialog. 1.1.0 HeaderCssClass string Additional header CSS class (div.modal-header element). 1.1.0 IsScrollable bool Allows confirm dialog body to be scrollable. 1.1.0 IsVerticallyCentered bool Shows the confirm dialog vertically in the center of the page. 1.1.0 NoButtonColor ButtonColor 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​ @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. @code { private ConfirmDialog dialog; [Inject] ToastService ToastService { get; set; } private async Task DeleteEmployeeAsync() { var parameters = new Dictionary(); parameters.Add(\"EmployeeId\", 321); var confirmation = await dialog.ShowAsync(\"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
Employee Id :
@EmployeeId
First Name :
@employee.FirstName
Last Name :
@employee.LastName
@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. @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 @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. @code { private ConfirmDialog dialog; private async Task ShowDialogAsync() { var confirmation = await dialog.ShowAsync(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\". @code { private ConfirmDialog dialog; private async Task ShowDialogAsync() { var options = new ConfirmDialogOptions { IsScrollable = true }; var confirmation = await dialog.ShowAsync( 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. @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\". @code { private ConfirmDialog dialog; private async Task ShowDialogAsync() { var options = new ConfirmDialogOptions { IsScrollable = true, IsVerticallyCentered = true }; var confirmation = await dialog.ShowAsync(title: \"Confirm dialog title\", confirmDialogOptions: options); if (confirmation) { // do whatever } else { // do whatever } } } See Confirm Dialog 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","s":"Blazor Confirm Dialog","u":"/components/confirm-dialog","h":"","p":521},{"i":524,"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 Description Required Default Added Version BodyCssClass string Additional body CSS class. 1.0.0 BodyTemplate RenderFragment Body template. ✔️ 1.0.0 ChildContent RenderFragment Specifies the content to be rendered inside the alert. 1.0.0 CloseOnEscape bool Indicates whether the modal closes when escape key is pressed. true 1.0.0 DialogCssClass string Additional CSS class for the dialog (div.modal-dialog element). 1.0.0 FooterCssClass string Footer css class. 1.0.0 FooterTemplate RenderFragment Footer template. ✔️ 1.0.0 Fullscreen ModalFullscreen Fullscreen behavior of the modal. ModalFullscreen.Disabled 1.0.0 HeaderTemplate RenderFragment Header template. ✔️ 1.0.0 HeaderCssClass string Additional header CSS class. 1.0.0 IsScrollable bool Allows modal body scroll. false 1.0.0 IsServiceModal bool Indicates whether the modal is related to a modal service or not. false 1.9.4 IsVerticallyCentered bool Shows the modal vertically in the center. false 1.0.0 ModalType ModalType Gets or sets the modal type. ModalType.Light 1.9.5 Size ModalSize Size of the modal. ModalSize.Regular 1.0.0 ShowCloseButton bool Indicates whether the modal shows close button in header. true 1.0.0 TabIndex int Gets or sets the tab index. -1 1.6.0 Title string ✔️ 1.0.0 UseStaticBackdrop bool Indicates whether the modal uses a static backdrop. false 1.0.0 Methods​ Name Description Added Version ShowAsync Opens a modal. 1.0.0 ShowAsync(string title, Dictionary 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 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 body text goes here. @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. @code { private Modal modal = default!; private string? message; private async Task OnShowModalClick() { var parameters = new Dictionary(); parameters.Add(\"EmployeeId\", 321); await modal.ShowAsync(title: \"Employee Details\", parameters: parameters); } } EmployeeDemoComponent1.razor
Employee Id :
@EmployeeId
First Name :
@employee.FirstName
Last Name :
@employee.LastName
@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.
@message
@code { private Modal modal = default!; private string? message; private async Task OnShowModalClick() { var parameters = new Dictionary(); parameters.Add(\"EmployeeId\", 322); parameters.Add(\"OnclickCallback\", EventCallback.Factory.Create(this, ShowDTMessage)); await modal.ShowAsync(title: \"Employee Details\", parameters: parameters); } private void ShowDTMessage(MouseEventArgs e) => message = $\"The current DT is: {DateTime.Now}.\"; } EmployeeDemoComponent2.razor
Employee Id :
@EmployeeId
First Name :
@employee.FirstName
Last Name :
@employee.LastName
@code { private Employee employee; [Parameter] public int EmployeeId { get; set; } [Parameter] public EventCallback 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. I will not close if you click outside me. Don't even try to press escape key. @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.

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.

This content should appear at the bottom after you scroll.

 @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. This is a vertically centered modal. @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​

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.

This content should appear at the bottom after you scroll.

 @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. ... ... ... @code { private Modal xlModal; private Modal lgModal; private Modal smModal; } See demo here. Fullscreen Modal​ ... ... ... ... ... ... @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 body text goes here. @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":523},{"i":526,"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 Url string null ✔️ Gets or sets the PDF 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​

@eventLog

@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. Edit this page Previous Pagination Next Placeholders Parameters Callback Events Examples Basic usage","s":"Blazor PDF Viewer","u":"/components/pdf-viewer","h":"","p":525},{"i":528,"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 Description Required Default ActivePageNumber int Active page number. Starts with 1. 1 Alignment Alignment Gets or sets the pagination alignment. Alignment.None DisplayPages int Gets or sets the maximum page links to be displayed. 5 FirstLinkIcon IconName Gets or sets first link icon. FirstLinkText string Gets or sets first link text. FirstLinkText is ignored if FirstLinkIcon is specified. First LastLinkIcon IconName Gets or sets last link icon. LastLinkText string Gets or sets last link text. LastLinkText is ignored if LastLinkIcon is specified. Last NextLinkIcon IconName Gets or sets next link icon. NextLinkText string Gets or sets next link text. NextLinkText is ignored if NextLinkIcon is specified. Next PreviousLinkIcon IconName Gets or sets previous link icon. PreviousLinkText string Gets or sets previous link text. PreviousLinkText is ignored if PreviousLinkIcon is specified. Previous Size PaginationSize Gets or sets the pagination size. TotalPages int Total pages of data items. 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. See demo here. Working with icons​ See demo here. Disabled and active states​ See demo here. Sizing​ Fancy larger or smaller pagination? Add Size=\"PaginationSize.Small\" or Size=\"PaginationSize.Large\" for additional sizes. See demo here. Alignment​ See demo here. Callback Events​ Current Page Number: @currentPageNumber @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":527},{"i":530,"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 Description Required Default Added Version BodyCssClass string Additional body CSS class. 1.0.0 BodyTemplate RenderFragment Body content. ✔️ 1.0.0 CloseOnEscape bool Indicates whether the offcanvas closes when escape key is pressed. true 1.0.0 FooterCssClass string Additional footer CSS class. 1.0.0 FooterTemplate RenderFragment Footer content. 1.0.0 HeaderCssClass string Additional header CSS class. 1.0.0 HeaderTemplate RenderFragment Content for the header. 1.0.0 IsScrollable bool Indicates whether body (page) scrolling is allowed while offcanvas is open. false 1.0.0 Placement Placement Gets or sets the offcanvas placement. By default, offcanvas is placed on the right of the viewport. Placement.End 1.0.0 ShowCloseButton bool Indicates whether the modal shows close button in header. true 1.0.0 Size OffcanvasSize Size of the offcanvas. OffcanvasSize.Regular 1.0.0 TabIndex int Gets or sets the tab index. -1 1.6.0 Title string Text for the title in header. ✔️ 1.0.0 UseStaticBackdrop bool When UseStaticBackdrop is set to true, the offcanvas will not close when clicking outside of it. false 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. ... design your header and body @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. @code { private Offcanvas offcanvas = default!; private string? message; private async Task ShowEmployeeComponent() { var parameters = new Dictionary(); parameters.Add(\"EmployeeId\", 321); await offcanvas.ShowAsync(title: \"Employee Details\", parameters: parameters); } } EmployeeDemoComponent1.razor
Employee Id :
@EmployeeId
First Name :
@employee.FirstName
Last Name :
@employee.LastName
@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.
@message
@code { private Offcanvas offcanvas = default!; private string? message; private async Task ShowEmployeeComponent() { var parameters = new Dictionary(); parameters.Add(\"EmployeeId\", 322); parameters.Add(\"OnclickCallback\", EventCallback.Factory.Create(this, ShowDTMessage)); await offcanvas.ShowAsync(title: \"Employee Details\", parameters: parameters); } private void ShowDTMessage(MouseEventArgs e) => message = $\"The current date time is: {DateTime.Now}.\"; } EmployeeDemoComponent2.razor
Employee Id :
@EmployeeId
First Name :
@employee.FirstName
Last Name :
@employee.LastName
@code { private Employee employee = default!; [Parameter] public int EmployeeId { get; set; } [Parameter] public EventCallback 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. ... @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.

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.

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.

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.

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.

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.

 @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​

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.

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.

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.

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.

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.

 @code { private Offcanvas offcanvas; private async Task OnShowOffcanvasClick() { await offcanvas?.ShowAsync(); } } See demo here. Large Offcanvas​

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.

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.

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.

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.

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.

 @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.
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
 @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":529},{"i":532,"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 Description Required Version Added ChildContent RenderFragment null Specifies the content to be rendered inside this. 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 ... . . 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​ @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. @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":531},{"i":534,"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 Description Required Default Animation PlaceholderAnimation Gets or sets the placeholder animation. PlaceholderAnimation.Glow ChildContent RenderFragment Specifies the content to be rendered inside this. Placeholder Parameters​ Name Type Description Required Default Width PlaceholderWidth Gets or sets the placeholder width. PlaceholderWidth.Col1 Color PlaceholderColor Gets or sets the placeholder color. PlaceholderColor.None Size PlaceholderSize Gets or sets the placeholder size. PlaceholderSize.None Examples​ Placeholders​ See demo here. Width​ You can change the width through PlaceholderWidth, width utilities, or inline styles. See demo here. Color​ By default, the placeholder uses currentColor. This can be overridden with the Color property of type enum. 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. See demo here. Animation​ Animate placeholders with PlaceholderAnimation.Glow or PlaceholderAnimation.Wave to better convey the perception of something being actively loaded.

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":533},{"i":536,"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. 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.
@message
@code { string? message; private void OnScriptLoad() => message = \"Script loaded successfully.\"; private void OnScriptError(string errorMessage) => message = errorMessage; } Edit this page Previous Progress Next Sidebar Script Loader Parameters Script Loader Events How it works Events","s":"Blazor Script Loader","u":"/components/script-loader","h":"","p":535},{"i":538,"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 ChildContent RenderFragment ✔️ Specifies the content to be rendered inside this. Height double 16 Gets or sets the height of the Progress. Height is measured in pixels, and the default height is 16 pixels. ProgressBar Parameters​ Name Type Default Required Description Color ProgressColor Gets or sets the progress color. Label string Gets or sets the progress bar label. Type ProgressType Gets or sets the progress bar type. Width double Get or sets the progress bar width. 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​ See demo here. Labels​ Add labels to your Blazor ProgressBar component using the Label parameter or by calling the SetLabel(...) method. See demo here. Set width programmatically​ Use IncreaseWidth() or DecreaseProgressBar() methods to increase or decrease the Blazor ProgressBar width.
@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. See demo here. Backgrounds​ Use the Color parameter or the SetColor(ProgressColor color) method to change the appearance of individual Blazor ProgressBar components. See demo here. Set background programmatically​ You can dynamically set the Blazor ProgressBar color by calling the SetColor() method.
@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. See demo here. Striped​ Add Type=\"ProgressType.Striped\" to any Blazor ProgressBar component to apply a stripe. 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. See demo here. Edit this page Previous Preload Next Script Loader 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":537},{"i":540,"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 Description Required Default Added Version AutoHide bool Auto hide the toast. false 1.0.0 Delay int Delay hiding the toast (milli seconds). 5000 1.0.0 Messages List List of all the toasts. ✔️ 1.0.0 Placement ToastsPlacement Specifies the toasts placement. ToastsPlacement.TopRight 1.0.0 ShowCloseButton bool Show close button. true 1.0.0 StackLength int Specifies the toast container maximum capacity. 5 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. @code { List messages = new List(); 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. @code { List messages = new List(); 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. @code { List messages = new List(); 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. @code { List messages = new List(); 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. @code { ToastsPlacement toastsPlacement = ToastsPlacement.TopRight; List 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. @code { List messages = new List(); 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 ... ... 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":539},{"i":542,"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 Specifies the content to be rendered inside this. 1.0.0 Color TooltipColor Gets or sets the tooltip color. TooltipColor.None 1.10.0 Placement TooltipPlacement Specifies the tooltip placement. Default is top right. TooltipPlacement.Top 1.0.0 Title string Displays informative text when users hover, focus, or tap an element. ✔️ 1.0.0 Examples​ Tooltips​
Tooltip Left
Tooltip Top
Tooltip Right
Tooltip Bottom
See tooltips demo here. Disabled button with tooltip​ See disabled button with tooltip demo here. Tooltip icon with click event​ @code { private void OnClick() { Console.WriteLine($\"clicked\"); } } See icon with tooltip demo here. Dynamically update the tooltip text​
Tooltip Bottom
@code { private string text = \"Tooltip text\"; private void ChangeTooltip() => text = $\"Updated {DateTime.Now.ToLongTimeString()}\"; } 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","s":"Blazor Tooltips","u":"/components/tooltips","h":"","p":541},{"i":544,"t":"Components Tabs On this page Blazor Tabs Documentation and examples for using Blazor Bootstrap Tabs components. Tabs Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. 1.0.0 EnableFadeEffect bool Gets or sets the tabs fade effect. false 1.0.0 NavStyle NavStyle Get or sets the nav style. NavStyle.Tabs 1.0.0 Tabs Methods​ Name Description Added Version InitializeRecentTab(bool showTab) Initializes the most recently added tab, optionally displaying it. 1.11.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 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 Description Required Default Added Version Content RenderFragment Specifies the content to be rendered inside the tab. ✔️ 1.0.0 Disabled bool Gets or sets the disabled. false 1.0.0 IsActive bool Gets or sets the active tab. false 1.0.0 Name string Gets or sets the tab name. 1.0.0 Title string Gets or sets the tab title. 1.0.0 TitleTemplate RenderFragment 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​

This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

This is some placeholder content the Profile tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

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.

This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

This is some placeholder content the Profile tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

See demo here. Title with icon​ To customize the tab title, use the TitleTemplate parameter, as demonstrated in the following example. Home

This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

Profile

This is some placeholder content the Profile tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

Contact

This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

See demo here. Disable Tab​ Disable specific tabs by adding Disabled=\"true\" parameter.

This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

This is some placeholder content the Profile tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

This is some placeholder content the Projects tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

See demo here. Pills​ To transform the tabs into pills, use the parameter NavStyle=\"NavStyle.Pills\".

This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

This is some placeholder content the Profile tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

See demo here. Underline​ Use the NavStyle=\"NavStyle.Underline\" parameter to change the tabs to an underlined style.

This is the placeholder content for the Home tab.

This is the placeholder content for the Profile tab.

This is the placeholder content for the Contact tab.

 See demo here. Vertical​ Display your tabs vertically by setting the NavStyle parameter to NavStyle.Vertical.

This is the placeholder content for the Home tab.

This is the placeholder content for the Profile tab.

This is the placeholder content for the Contact tab.

This is the placeholder content for the About tab.

 See demo here. Vertical pills​

This is the placeholder content for the Home tab.

This is the placeholder content for the Profile tab.

This is the placeholder content for the Contact tab.

This is the placeholder content for the About tab.

 See demo here. Vertical underline​

This is the placeholder content for the Home tab.

This is the placeholder content for the Profile tab.

This is the placeholder content for the Contact tab.

This is the placeholder content for the About tab.

 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.

This is the placeholder content for the Home tab.

This is the placeholder content for the Profile tab.

This is the placeholder content for the Contact tab.

This is the placeholder content for the Products tab.

This is the placeholder content for the FAQs tab.

This is the placeholder content for the About tab.

 @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​

This is the placeholder content for the Home tab.

This is the placeholder content for the Profile tab.

This is the placeholder content for the Contact tab.

This is the placeholder content for the About tab.

 @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​ @foreach (var customer in customers) { OnTabClick(args, customer)\">
This is the placeholder content for the @customer.CustomerName tab.
} @if (selectedCustomer is not null) {
Selected customer: @selectedCustomer.CustomerName
} @code { private List 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​ @foreach (var customer in customers) { OnTabClick(args, customer)\">
This is the placeholder content for the @customer.CustomerName tab.
} @if (selectedCustomer is not null) {
Selected customer: @selectedCustomer.CustomerName
} @code { Tabs tabs = default!; private List 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.Last(); private void AddCustomer() { var count = customers.Count; var customer = new Customer(count + 1, $\"Customer {count + 1}\"); customers.Add(customer); //selectedCustomer = customer; NOTE: this line is not required tabs.InitializeRecentTab(showTab: true); } private void OnTabClick(TabEventArgs args, Customer customer) => selectedCustomer = customer; } See demo here. Edit this page Previous Sidebar 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","s":"Blazor Tabs","u":"/components/tabs","h":"","p":543},{"i":546,"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 or @import in CSS from CDN. Parameters​ Name Type Description Required Default Added Version Color IconColor Gets or sets the icon color. IconColor.None 1.9.0 CustomIconName string Specify custom icons of your own, like fontawesome. Example: fas fa-alarm-clock ✔️ 1.0.0 Name IconName Gets or sets the icon name. ✔️ 1.0.0 Size IconSize Gets or sets the icon size. IconSize.None 1.0.0 NOTE Either Name or CustomIconName parameter is mandatory. For Font Awesome setup, please follow the Font Awesome website. Examples​ Icons​ See icons demo here. Sizes​ 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. Colors​ See icons with different size demo here. Inline text with icon​ Inline text See inline text with icon demo here. Link with icon​ Example link text See link with icon demo here. Link with custom icon​ Example link text See link with custom icon demo here. Button with icon and text​ See button with icon and text demo here. Button with icon only​ 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. Icon with 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":545},{"i":548,"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 Gets or sets chart height. 1.0.0 Width int Get or sets chart width. 1.0.0 Methods​ Name Return type Description Added Version AddDataAsync ChartData Adds data to bar chart. 1.10.0 AddDatasetAsync ChartData Adds dataset to bar chart. 1.10.0 InitializeAsync Task Initialize Bar Chart. 1.0.0 UpdateAsync Task Update Bar Chart. 1.0.0 ChartData Members​ Property Name Type Default Required Description Added Version Labels List null ✔️ Gets or sets the Labels. 1.0.0 Datasets List 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 null Get or sets the BackgroundColor. 1.0.0 BorderColor List null Get or sets the BorderColor. 1.0.0 BorderDash List null Line dash. 1.0.0 BorderDashOffset double 0.0 Line dash offset. 1.0.0 BorderWidth List 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 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 null ✔️ Get or sets the HoverBackgroundColor. 1.0.0 HoverBorderColor List null ✔️ Get or sets the HoverBorderColor. 1.0.0 HoverBorderDash List null Hover line dash. 1.0.0 HoverBorderWidth List 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 new List { \"rgba(0, 0, 0, 0.1)\" } The fill color for points. 1.0.0 PointBorderColor List new List { \"rgba(0, 0, 0, 0.1)\" } The border color for points. 1.0.0 PointBorderWidth List new List { 1 } The width of the point border in pixels. 1.0.0 PointHitRadius List new List { 1 } The pixel size of the non-displayed point that reacts to mouse events. 1.0.0 PointHoverBackgroundColor List null Point background color when hovered. 1.0.0 PointHoverBorderColor List null Point border color when hovered. 1.0.0 PointHoverBorderWidth List new List { 1 } Border width of point when hovered. 1.0.0 PointHoverRadius new List new List { 1 } The radius of the point when hovered. 1.0.0 PointRadius List new List { 1 } The radius of the point shape. If set to 0, the point is not rendered. 1.0.0 PointRotation List new List { 0 } The rotation of the point in degrees. 1.0.0 PointStyle List new List { \"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 @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(); 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(); 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(); 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 GetDefaultDataSets(int numberOfDatasets) { var datasets = new List(); 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 { c.ToRgbString() }, BorderColor = new List { c.ToRgbString() }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { c.ToRgbString() }, PointRadius = new List { 0 }, // hide points PointHoverRadius = new List { 4 }, }; } private List GetRandomData() { var data = new List(); for (var index = 0; index < labelsCount; index++) { data.Add(random.Next(200)); } return data; } private List GetDefaultDataLabels(int numberOfLabels) { var labels = new List(); 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 @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 { \"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\" }; var datasets = new List(); var dataset1 = new LineChartDataset() { Label = \"Windows\", Data = new List { 7265791, 5899643, 6317759, 6315641, 5338211, 8496306, 7568556, 8538933, 8274297, 8657298, 7548388, 7764845 }, BackgroundColor = new List { colors[0] }, BorderColor = new List { colors[0] }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { colors[0] }, PointRadius = new List { 0 }, // hide points PointHoverRadius = new List { 4 }, }; datasets.Add(dataset1); var dataset2 = new LineChartDataset() { Label = \"macOS\", Data = new List { 1809499, 1816642, 2122410, 1809499, 1850793, 1846743, 1954797, 2391313, 1983430, 2469918, 2633303, 2821149 }, BackgroundColor = new List { colors[1] }, BorderColor = new List { colors[1] }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { colors[1] }, PointRadius = new List { 0 }, // hide points PointHoverRadius = new List { 4 }, }; datasets.Add(dataset2); var dataset3 = new LineChartDataset() { Label = \"Other\", Data = new List { 1081241, 1100363, 1118136, 1073255, 1120315, 1395736, 1488788, 1489466, 1489947, 1414739, 1735811, 1820171 }, BackgroundColor = new List { colors[2] }, BorderColor = new List { colors[2] }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { colors[2] }, PointRadius = new List { 0 }, // hide points PointHoverRadius = new List { 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​ @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 { \"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\" }; var datasets = new List(); var dataset1 = new LineChartDataset { Label = \"Windows\", Data = new List { 7265791, 5899643, 6317759, 6315641, 5338211, 8496306, 7568556, 8538933, 8274297, 8657298, 7548388, 7764845 }, BackgroundColor = new List { colors[0] }, BorderColor = new List { colors[0] }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { colors[0] }, PointRadius = new List { 3 }, // show points PointHoverRadius = new List { 4 }, // datalabels Datalabels = new() { Align = \"end\", Anchor = \"end\" } }; datasets.Add(dataset1); var dataset2 = new LineChartDataset { Label = \"macOS\", Data = new List { 1809499, 1816642, 2122410, 1809499, 1850793, 1846743, 1954797, 2391313, 1983430, 2469918, 2633303, 2821149 }, BackgroundColor = new List { colors[1] }, BorderColor = new List { colors[1] }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { colors[1] }, PointRadius = new List { 3 }, // show points PointHoverRadius = new List { 4 }, // datalabels Datalabels = new() { Align = \"end\", Anchor = \"end\" } }; datasets.Add(dataset2); var dataset3 = new LineChartDataset { Label = \"Other\", Data = new List { 1081241, 1100363, 1118136, 1073255, 1120315, 1395736, 1488788, 1489466, 1489947, 1414739, 1735811, 1820171 }, BackgroundColor = new List { colors[2] }, BorderColor = new List { colors[2] }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { colors[2] }, PointRadius = new List { 3 }, // show points PointHoverRadius = new List { 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":547},{"i":550,"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 Description Required Default Added Version Height int Gets or sets chart height. 1.0.0 Width int Gets or sets chart width. 1.0.0 Methods​ Name Return type Description Added Version AddDataAsync ChartData Adds data to bar chart. 1.10.0 AddDatasetAsync ChartData Adds dataset to bar chart. 1.10.0 InitializeAsync Task Initialize Bar Chart. 1.0.0 UpdateAsync Task Update Bar Chart. 1.0.0 ChartData Members​ Property Name Type Default Required Description Added Version Datasets List null ✔️ Gets or sets the Datasets. 1.0.0 Labels List 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 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 null Get or sets the BorderColor. 1.0.0 BorderRadius int 0 Border radius. 1.0.0 BorderWidth List 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 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 null ✔️ Get or sets the HoverBackgroundColor. 1.0.0 HoverBorderColor List null ✔️ Get or sets the HoverBorderColor. 1.0.0 HoverBorderWidth List 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. @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(); 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(); 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(); 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 GetDefaultDataSets(int numberOfDatasets) { var datasets = new List(); 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 { c.ToRgbString() }, BorderColor = new List { c.ToRgbString() }, BorderWidth = new List { 0 }, }; } private List GetRandomData() { var data = new List(); for (var index = 0; index < labelsCount; index++) { data.Add(random.Next(200)); } return data; } private List GetDefaultDataLabels(int numberOfLabels) { var labels = new List(); 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​ @code { private BarChart barChart = default!; private BarChartOptions barChartOptions = default!; private ChartData chartData = default!; protected override void OnInitialized() { var labels = new List { \"Chrome\", \"Firefox\", \"Safari\", \"Edge\" }; var datasets = new List(); var dataset1 = new BarChartDataset() { Data = new List { 55000, 15000, 18000, 21000 }, BackgroundColor = new List { ColorBuilder.CategoricalTwelveColors[0] }, BorderColor = new List { ColorBuilder.CategoricalTwelveColors[0] }, BorderWidth = new List { 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​ @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 { \"Chrome\", \"Firefox\", \"Safari\", \"Edge\" }; var datasets = new List(); var dataset1 = new BarChartDataset() { Label = \"Windows\", Data = new List { 28000, 8000, 2000, 17000 }, BackgroundColor = new List { colors[0] }, BorderColor = new List { colors[0] }, BorderWidth = new List { 0 }, }; datasets.Add(dataset1); var dataset2 = new BarChartDataset() { Label = \"macOS\", Data = new List { 8000, 10000, 14000, 8000 }, BackgroundColor = new List { colors[1] }, BorderColor = new List { colors[1] }, BorderWidth = new List { 0 }, }; datasets.Add(dataset2); var dataset3 = new BarChartDataset() { Label = \"Other\", Data = new List { 28000, 10000, 14000, 8000 }, BackgroundColor = new List { colors[2] }, BorderColor = new List { colors[2] }, BorderWidth = new List { 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). @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 { \"Chrome\", \"Firefox\", \"Safari\", \"Edge\" }; var datasets = new List(); var dataset1 = new BarChartDataset() { Label = \"Windows\", Data = new List { 28000, 8000, 2000, 17000 }, BackgroundColor = new List { colors[0] }, BorderColor = new List { colors[0] }, BorderWidth = new List { 0 }, }; datasets.Add(dataset1); var dataset2 = new BarChartDataset() { Label = \"macOS\", Data = new List { 8000, 10000, 14000, 8000 }, BackgroundColor = new List { colors[1] }, BorderColor = new List { colors[1] }, BorderWidth = new List { 0 }, }; datasets.Add(dataset2); var dataset3 = new BarChartDataset() { Label = \"Other\", Data = new List { 28000, 10000, 14000, 8000 }, BackgroundColor = new List { colors[2] }, BorderColor = new List { colors[2] }, BorderWidth = new List { 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​ @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 { \"Chrome\", \"Firefox\", \"Safari\", \"Edge\" }; var datasets = new List(); var dataset1 = new BarChartDataset() { Label = \"Windows\", Data = new List { 28000, 8000, 2000, 17000 }, BackgroundColor = new List { colors[0] }, BorderColor = new List { colors[0] }, BorderWidth = new List { 0 }, }; datasets.Add(dataset1); var dataset2 = new BarChartDataset() { Label = \"macOS\", Data = new List { 8000, 10000, 14000, 8000 }, BackgroundColor = new List { colors[1] }, BorderColor = new List { colors[1] }, BorderWidth = new List { 0 }, }; datasets.Add(dataset2); var dataset3 = new BarChartDataset() { Label = \"Other\", Data = new List { 28000, 10000, 14000, 8000 }, BackgroundColor = new List { colors[2] }, BorderColor = new List { colors[2] }, BorderWidth = new List { 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":549},{"i":552,"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 Gets or sets chart height. 1.0.0 Width int Get or sets chart width. 1.0.0 Methods​ Name Return type Description Added Version AddDataAsync ChartData Adds data to bar chart. 1.10.0 AddDatasetAsync ChartData Adds dataset to bar chart. 1.10.0 InitializeAsync Task Initialize Bar Chart. 1.0.0 UpdateAsync Task Update Bar Chart. 1.0.0 ChartData Members​ Property Name Type Default Required Description Added Version Datasets List null ✔️ Gets or sets the Datasets. 1.0.0 Labels List 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 null Get or sets the BackgroundColor. 1.0.0 BorderColor List null Get or sets the BorderColor. 1.0.0 BorderWidth List 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 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 null ✔️ Get or sets the HoverBackgroundColor. 1.0.0 HoverBorderColor List null ✔️ Get or sets the HoverBorderColor. 1.0.0 HoverBorderWidth List 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. @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(); 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(); 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(); 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 GetDefaultDataSets(int numberOfDatasets) { var datasets = new List(); 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 GetRandomData() { var data = new List(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List GetRandomBackgroundColors() { var colors = new List(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List GetDefaultDataLabels(int numberOfLabels) { var labels = new List(); 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 @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 { \"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\" }; var datasets = new List(); var dataset1 = new LineChartDataset() { Label = \"Windows\", Data = new List { 7265791, 5899643, 6317759, 6315641, 5338211, 8496306, 7568556, 8538933, 8274297, 8657298, 7548388, 7764845 }, BackgroundColor = new List { colors[0] }, BorderColor = new List { colors[0] }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { colors[0] }, PointRadius = new List { 0 }, // hide points PointHoverRadius = new List { 4 }, }; datasets.Add(dataset1); var dataset2 = new LineChartDataset() { Label = \"macOS\", Data = new List { 1809499, 1816642, 2122410, 1809499, 1850793, 1846743, 1954797, 2391313, 1983430, 2469918, 2633303, 2821149 }, BackgroundColor = new List { colors[1] }, BorderColor = new List { colors[1] }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { colors[1] }, PointRadius = new List { 0 }, // hide points PointHoverRadius = new List { 4 }, }; datasets.Add(dataset2); var dataset3 = new LineChartDataset() { Label = \"Other\", Data = new List { 1081241, 1100363, 1118136, 1073255, 1120315, 1395736, 1488788, 1489466, 1489947, 1414739, 1735811, 1820171 }, BackgroundColor = new List { colors[2] }, BorderColor = new List { colors[2] }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { colors[2] }, PointRadius = new List { 0 }, // hide points PointHoverRadius = new List { 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​ @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(); 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(); 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(); 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 GetDefaultDataSets(int numberOfDatasets) { var datasets = new List(); 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 GetRandomData() { var data = new List(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List GetRandomBackgroundColors() { var colors = new List(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List GetDefaultDataLabels(int numberOfLabels) { var labels = new List(); 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":551},{"i":554,"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 AllowNegativeNumbers bool false Allows negative numbers. By default, negative numbers are not allowed. AutoComplete bool false Indicates whether the NumberInput can complete the values automatically by the browser. CurrencySign CurrencySign CurrencySign.Standard Disabled bool false Gets or sets the disabled. 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. HideCurrencySymbol bool false Determines whether to hide the currency symbol are not. Locale string en-US ✔️ Gets or sets the locale. Max TValue Gets or sets the max. Max ignored if EnableMinMax=\"false\". MaximumFractionDigits byte? null The maximum number of fraction digits to use. Min TValue Gets or sets the min. Min ignored if EnableMinMax=\"false\". MinimumFractionDigits byte? null The minimum number of fraction digits to use. 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. Placeholder string? null Gets or sets the placeholder. TextAlignment Alignment Alignment.None Gets or sets the text alignment. Value TValue Gets or sets the value. 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.
Entered Amount: @amount1
@code { private int amount1 = 12345678; } See demo here Show currency symbols for the different locales​
Entered Amount: @amount1
Entered Amount: @amount2
Entered Amount: @amount3
Entered Amount: @amount4
Entered Amount: @amount5
Entered Amount: @amount6
Entered Amount: @amount7
Entered Amount: @amount8
Entered Amount: @amount9
@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.
Entered Value: @amount1
@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.
Entered Value: @amount1
@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.
Entered Value: @amount1
@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?.
@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.
Tip: The amount must be between 10 and 500.
Entered Amount: @amount
@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.
Entered Amount: @amount
Entered Amount: @amount2
@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.
Tip: Negative numbers are also allowed.
Entered Amount: @amount
@code { private int amount; } See demo here Disable​ Use the Disabled parameter to disable the CurrencyInput.
@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.
@code { private CurrencyInput 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
invoice.Price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" /> invoice.Price)\" />
invoice.Discount\" ValueChanged=\"(value) => DiscountChanged(value)\" Placeholder=\"Enter discount\" /> invoice.Discount)\" />
invoice.Total)\" />
@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 Events: ValueChanged​ This event fires on every user keystroke that changes the CurrencyInput value.
price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" />
@displayPrice
@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 Events: ValueChanged","s":"Blazor Currency Input","u":"/forms/currency-input","h":"","p":553},{"i":556,"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 delegate null ✔️ DataProvider is for items to render. The provider should always return an instance of AutoCompleteDataProviderResult, and null is not allowed. 0.4.0 Disabled bool false Is AutoComplete disabled. 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 AutoComplete placeholder. 0.4.0 PropertyName string null ✔️ AutoComplete data text property name. 0.4.0 Size enum AutoCompleteSize.Default Use AutoCompleteSize.Default or AutoCompleteSize.Large or AutoCompleteSize.Small 0.4.0 StringComparison enum StringComparison.OrdinalIgnoreCase Specifies the culture, case, and sort rules to be used. Use StringComparison.CurrentCulture or StringComparison.CurrentCultureIgnoreCase or StringComparison.InvariantCulture or StringComparison.InvariantCultureIgnoreCase or StringComparison.Ordinal or StringComparison.OrdinalIgnoreCase. 0.4.1 StringFilterOperator enum StringFilterOperator.Contains Use StringFilterOperator.Equals or StringFilterOperator.Contains or StringFilterOperator.StartsWith or StringFilterOperator.EndsWith 0.4.1 Value string null ✔️ AutoComplete 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​
OnAutoCompleteChanged(customer)\" />
@code { private string customerName; public IEnumerable customers; private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest 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 GetCustomers() { return new List { 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.
OnAutoCompleteChanged(customer)\" />
@code { private string customerName; public IEnumerable customers; private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest 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 GetCustomers() { return new List { 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​
OnAutoCompleteChanged(customer)\" />
@code { private string customerName; [Inject] ICustomerService _customerService { get; set; } private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request) { var customers = await _customerService.GetCustomers(request.Filter, request.CancellationToken); // API call return await Task.FromResult(new AutoCompleteDataProviderResult { 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​
OnAutoCompleteChanged(customer)\" />
@code { private string customerName; public IEnumerable customers; protected override void OnInitialized() { customerName = \"Pich S\"; } private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest 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 GetCustomers() { return new List { 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
OnAutoCompleteChanged(customer)\" /> customerAddress.CustomerName)\" />
customerAddress.Address)\" />
@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> CustomersDataProvider(AutoCompleteDataProviderRequest request) { var customers = await _customerService.GetCustomers(request.Filter); // API call return await Task.FromResult(new AutoCompleteDataProviderResult { 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.
OnAutoCompleteChanged(customer)\" />
@code { private string customerName = default!; private bool disabled = true; [Inject] ICustomerService _customerService { get; set; } = default!; private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request) { var customers = await _customerService.GetCustomersAsync(request.Filter, request.CancellationToken); // API call return await Task.FromResult(new AutoCompleteDataProviderResult { 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.
OnAutoCompleteChanged(customer)\" />
@code { private AutoComplete autoComplete1 = default!; private string customerName = default!; [Inject] ICustomerService _customerService { get; set; } = default!; private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request) { var customers = await _customerService.GetCustomersAsync(request.Filter, request.CancellationToken); // API call return await Task.FromResult(new AutoCompleteDataProviderResult { 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":555},{"i":558,"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 Gets or sets chart height. 1.0.0 Width int Get or sets chart width. 1.0.0 Methods​ Name Return type Description Added Version AddDataAsync ChartData Adds data to bar chart. 1.10.0 AddDatasetAsync ChartData Adds dataset to bar chart. 1.10.0 InitializeAsync Task Initialize Bar Chart. 1.0.0 UpdateAsync Task Update Bar Chart. 1.0.0 ChartData Members​ Property Name Type Default Required Description Added Version Labels List null ✔️ Gets or sets the Labels. 1.0.0 Datasets List 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 null Get or sets the BackgroundColor. 1.0.0 BorderColor List null Get or sets the BorderColor. 1.0.0 BorderWidth List 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 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 null ✔️ Get or sets the HoverBackgroundColor. 1.0.0 HoverBorderColor List null ✔️ Get or sets the HoverBorderColor. 1.0.0 HoverBorderWidth List 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. @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(); 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(); 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(); 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 GetDefaultDataSets(int numberOfDatasets) { var datasets = new List(); 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 GetRandomData() { var data = new List(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List GetRandomBackgroundColors() { var colors = new List(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List GetDefaultDataLabels(int numberOfLabels) { var labels = new List(); 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​ @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(); 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(); 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(); 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 GetDefaultDataSets(int numberOfDatasets) { var datasets = new List(); 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 GetRandomData() { var data = new List(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List GetRandomBackgroundColors() { var colors = new List(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List GetDefaultDataLabels(int numberOfLabels) { var labels = new List(); 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. @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 GetDefaultDataSets(int numberOfDatasets) { var datasets = new List(); 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 GetRandomData() { var data = new List(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List GetRandomBackgroundColors() { var colors = new List(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List GetDefaultDataLabels(int numberOfLabels) { var labels = new List(); 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":557},{"i":560,"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 AllowNegativeNumbers bool false Allows negative numbers. By default, negative numbers are not allowed. AutoComplete bool false Indicates whether the NumberInput can complete the values automatically by the browser. Disabled bool false Gets or sets the disabled. 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. Max TValue Gets or sets the max. Max ignored if EnableMinMax=\"false\". Min TValue Gets or sets the min. Min ignored if EnableMinMax=\"false\". Placeholder string? null Gets or sets the placeholder. Step double? null Gets or sets the step. TextAlignment Alignment Alignment.None Gets or sets the text alignment. Value TValue Gets or sets the value. 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.
Entered Amount: @amount
@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?.
@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.
Tip: The amount must be between 10 and 500.
Entered Amount: @amount
@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.
Info: Here Step parameter is set to 10.
Entered Amount: @amount
Info: Here Step parameter is set to 2.5.
Entered Amount: @amount2
@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.
Entered Amount: @amount
Entered Amount: @amount2
@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.
Tip: Negative numbers are also allowed.
Entered Amount: @amount
@code { private int amount; } See demo here Disable​ Use the Disabled parameter to disable the NumberInput.
@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.
@code { private NumberInput 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
invoice.Price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" /> invoice.Price)\" />
invoice.Discount\" ValueChanged=\"(value) => DiscountChanged(value)\" Placeholder=\"Enter discount\" /> invoice.Discount)\" />
invoice.Total)\" />
@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.
price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" />
@displayPrice
@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":559},{"i":562,"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. 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 1 Status: @agree1
Switch 2 Status: @agree2
@code { bool agree1; bool agree2 = true; } See demo here Disable​ Disable​ Use the Disabled parameter to disable the Switch.
@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.
@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. @code { bool agree; } See demo here Events: ValueChanged​ This event fired when the Switch selection changed. agree\" ValueChanged=\"SwitchChanged\" />
@displaySwitchStatus
@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":561},{"i":564,"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 Disables or enables the range input. 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 default 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​ @code { int amount1 = 10; }
@amount1
@amount2
@amount3
@amount4
@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.
@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.
@code { private RangeInput 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.
@amount1
@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.
@amount1
@amount2
@amount3
@amount4
@code { int amount1 = 10; int? amount2 = 20; float amount3 = 30; float? amount4 = 40; } See demo here Tick marks​ To add tick marks to a RangeInput, set the TickMarks parameter. `
@temperature1 Fahrenheit @code { float temperature1 = 10; IEnumerable list = new List { 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 Tick marks","s":"Blazor Range Input","u":"/forms/range-input","h":"","p":563},{"i":566,"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 Indicates whether the DateInput can complete the values automatically by the browser. 1.5.0 Disabled bool false Gets or sets the disabled. 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\". 1.5.0 Min TValue Gets or sets the min. Min ignored if EnableMinMax=\"false\". 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> 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\".
Entered date: @date1
@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?.
DateOnly:
Entered date: @date1
DateOnly?:
Entered date: @date2
DateTime:
Entered date: @date3
DateTime?:
Entered date: @date4
@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.
DateOnly:
Min date: @min1
Max date: @max1
Entered date: @date1
DateOnly?:
Min date: @min2
Max date: @max2
Entered date: @date2
DateTime:
Min date: @min3
Max date: @max3
Entered date: @date3
DateTime?:
Min date: @min4
Max date: @max4
Entered date: @date4
@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.
Entered date: @date1
@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.
Entered date: @date1
@code { private DateInput 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
invoice.InvoiceDate)\" />
invoice.CustomerName)\" />
@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.
date1\" ValueChanged=\"(value) => DateChanged(value)\" />
Changed date: @date1
@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
onlineCourseForm.CourseName)\" />
onlineCourseForm.StartDate\" ValueChanged=\"(value) => StartDateChanged(value)\" /> onlineCourseForm.StartDate)\" />
onlineCourseForm.EndDate)\" />
@code { DateInput 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":565},{"i":568,"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 Indicates whether the TimeInput can complete the values automatically by the browser. 1.6.0 Disabled bool false Gets or sets the disabled. 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> 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\".
Entered date: @date1
@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?.
TimeOnly:
Entered time: @time1
TimeOnly?:
Entered time: @time2
@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.
TimeOnly:
Min time: @min1
Max time: @max1
Entered time: @time1
TimeOnly?:
Min time: @min2
Max time: @max2
Entered time: @time2
@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.
Entered time: @time1
@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.
Entered time: @time1
@code { private TimeInput 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
flightForm.FlightNumber)\" />
flightForm.DepartureDate)\" />
flightForm.DepartureTime)\" />
flightForm.ArrivalDate)\" />
flightForm.ArrivalTime)\" />
@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.
time1\" ValueChanged=\"(value) => TimeChanged(value)\" />
Changed time: @time1
@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
flightForm.DepartureTime\" ValueChanged=\"(value) => DepartureTimeChanged(value)\" /> flightForm.DepartureTime)\" />
flightForm.ArrivalTime)\" />
@code { TimeInput 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":567},{"i":570,"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 framework. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.11.0 Add CSS references​ After the tag in the head section in the Pages/_Layout.cshtml file, add the following references: 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. 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: 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: 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 @RenderBody()
An error has occurred. This application may no longer respond until reloaded. An unhandled exception has occurred. See browser dev tools for details. Reload 🗙
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(); 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
About
@Body
@code { private Sidebar sidebar = default!; private IEnumerable navItems = default!; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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":569},{"i":572,"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 framework. Server Project​ Install Nuget Package​ Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.11.0 Add CSS references​ After the tag in the head section of the Components/App.razor. 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: 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: Client Project​ Install Nuget Package​ Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.10.4 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​ 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() .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
About
@Body
@code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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; } }
An unhandled error has occurred. Reload 🗙
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":571},{"i":574,"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 framework. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.11.0 Add CSS references​ After the tag in the head section in the Pages/_Host.cshtml file, add the following references: 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. 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: 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: 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
An error has occurred. This application may no longer respond until reloaded. An unhandled exception has occurred. See browser dev tools for details. Reload 🗙
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(); 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
About
@Body
@code { private Sidebar sidebar = default!; private IEnumerable navItems = default!; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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":573},{"i":576,"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 framework. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.11.0 Add CSS references​ After the tag in the head section of the Components/App.razor. 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: 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: Starter template​ GitHub Repo: Blazor Bootstrap - Blazor Web App - Interactive Render Mode Server - Global (.NET 8) Sample Code​ App.razor​ 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() .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
About
@Body
@code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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; } }
An unhandled error has occurred. Reload 🗙
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":575},{"i":578,"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 framework. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.11.0 Add CSS references​ After the tag in the head section of the wwwroot/index.html file, add the following references: 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. 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: 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: 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​ NET6.BlazorWebAssemblyApp
Loading...
An unhandled error has occurred. Reload 🗙
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\"); builder.RootComponents.Add(\"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
About
@Body
@code { private Sidebar sidebar = default!; private IEnumerable navItems = default!; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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":577},{"i":580,"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 framework. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.11.0 Add CSS references​ After the tag in the head section in the wwwroot/index.html file, add the following references: 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: 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: 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":579},{"i":582,"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 framework. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.11.0 Add CSS references​ After the tag in the head section of the wwwroot/index.html file, add the following references: 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: 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: Starter template​ GitHub Repo: Blazor Bootstrap - Blazor WebAssembly Standalone App (.NET 8) Sample Code​ index.html​ NET8.BlazorWebAssemblyStandaloneApp
An unhandled error has occurred. Reload 🗙
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\"); builder.RootComponents.Add(\"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
About
@Body
@code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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":581},{"i":584,"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 framework. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.11.0 Add CSS references​ After the tag in the head section of the wwwroot/index.html file, add the following references: 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. 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: 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: 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​ NET7.BlazorWebAssemblyApp
An unhandled error has occurred. Reload 🗙
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\"); builder.RootComponents.Add(\"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
About
@Body
@code { private Sidebar sidebar = default!; private IEnumerable navItems = default!; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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":583},{"i":586,"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 framework. 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
About
@Body
@code { private Sidebar sidebar = default!; private IEnumerable navItems = default!; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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":585},{"i":588,"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 framework. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.11.0 Add CSS references​ After the tag in the head section in the wwwroot/index.html file, add the following references: 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: 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: 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":587},{"i":590,"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 framework. 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
About
@Body
@code { private Sidebar sidebar = default!; private IEnumerable navItems = default!; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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":589},{"i":592,"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​ @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​ @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​ @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​ @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​ @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 ... ... 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":591},{"i":594,"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":593},{"i":596,"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 Description Required Default Added Version AutoClose bool Enables or disables the auto close. true 1.10.0 AutoCloseBehavior DropdownAutoCloseBehavior Gets or sets the auto close behavior of the dropdown. DropdownAutoCloseBehavior.Both 1.10.0 ChildContent RenderFragment Specifies the content to be rendered inside the Dropdown. 1.10.0 Direction DropdownDirection Gets or sets the direction of the dropdown menu. DropdownDirection.Dropdown 1.10.0 Disabled bool Gets or sets whether the dropdown menu is disabled. false 1.10.3 Size Size Gets or sets the size of the dropdown. Size.None 1.10.3 Split bool Gets or sets the toggle button split behavior. false 1.10.0 DropdownToggleButton Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside the DropdownToggleButton. 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 DropdownActionButton Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside the DropdownActionButton. 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 Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside the DropdownMenu. 1.10.0 Position DropdownMenuPosition Gets or sets the dropdown menu position. 1.10.0 DropdownHeader Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside the DropdownHeader. 1.10.0 DropdownItem Parameters​ Name Type Description Required Default Added Version Active bool When set to 'true', places the component in the active state with active styling. 1.10.0 ChildContent RenderFragment Specifies the content to be rendered inside the DropdownMenu. 1.10.0 Disabled bool When set to 'true', disables the component's functionality and places it in a disabled state. 1.10.0 TabIndex int? If defined, indicates that its element can be focused and can participates in sequential keyboard navigation. 1.10.0 Target Target The target attribute specifies where to open the linked document. Target.None 1.10.0 To string? Denotes the target route of the link button. 1.10.0 Type ButtonType Defines the button type. ButtonType.Button 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 button Action Another action Something else here See the demo here. Color​
Primary Action Another action Something else here Secondary Action Another action Something else here Success Action Another action Something else here Info Action Another action Something else here Warning Action Another action Something else here Danger Action Another action Something else here
See the demo here. Split button​
Primary Action Another action Something else here Secondary Action Another action Something else here Success Action Another action Something else here Info Action Another action Something else here Warning Action Another action Something else here Danger Action Another action Something else here
See the demo here. Sizing​
Large button Action Another action Something else here Large split button Action Another action Something else here
Small button Action Another action Something else here Small split button Action Another action Something else here
See the demo here. Directions​ Dropup​ To trigger DropdownMenu above elements, add the Direction=\"DropdownDirection.Dropup\" to the Dropdown component.
Dropup button with text Action Another action Something else here Dropup split button Action Another action Something else here
See the demo here. Dropup centered​ To center the DropdownMenu above the toggle, add the Direction=\"DropdownDirection.DropupCentered\" to the Dropdown component.
Centered dropup Action Another action Something else here
See the demo here. Dropend​ To trigger DropdownMenu at the right of elements, add the Direction=\"DropdownDirection.Dropend\" to the Dropdown component.
Dropend Action Another action Something else here Split dropend Action Another action Something else here
See the demo here. Dropstart​ To trigger DropdownMenu at the left of elements, you can add the Direction=\"DropdownDirection.Dropstart\" to the Dropdown component.
Dropstart Action Another action Something else here Action Another action Something else here Split dropstart
See the demo here. Active​ To style DropdownItem as active, add the Active=\"true\" parameter to the DropdownItem element in the DropdownMenu. Dropstart Action Another action Something else here See the demo here. Disabled​ To disable the dropdown, set the Disabled parameter to true on the Dropdown component. Dropstart Action Another action Something else here
@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. Dropstart Action Another action Something else here 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. Right-aligned menu example Action Another action Something else here See the demo here. Menu content​ Header​ Add a header to label sections of actions in any dropdown menu. Dropdown Dropdown header Action Another action Something else here See the demo here. Dividers​ Separate groups of related menu items with a divider. Dropdown Action Another action Something else here Dropdown header Separated link 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

Some example text that's free-flowing within the dropdown menu.

And this is more example text.

 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 Dropdown form
invoice.Price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" /> invoice.Price)\" />
invoice.Discount\" ValueChanged=\"(value) => DiscountChanged(value)\" Placeholder=\"Enter discount\" /> invoice.Discount)\" />
invoice.Total)\" />
@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. Default dropdown Menu item Menu item Menu item Clickable outside Menu item Menu item Menu item Clickable inside Menu item Menu item Menu item Manual close Menu item Menu item Menu item See the demo here. Methods​ Dropdown button Action Another action Something else here @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 button Action Another action Something else here @code { List messages = new List(); 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":595},{"i":598,"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 Gets or sets the badge text. 1.4.0 CustomIconName string Gets or sets the custom icon name. 1.4.0 DataProvider delegate ✔️ DataProvider is for items to render. The provider should always return an instance of 'SidebarDataProviderResult', and 'null' is not allowed. 1.4.0 IconName enum Gets or sets the IconName. 1.4.0 ImageSrc string Gets or sets the logo. 1.4.0 Title string ✔️ Gets or sets the 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​ @code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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. @code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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. @code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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.
About
Page content goes here
@code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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.
About
Page content goes here
@code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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 ToogleSidebar() => 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.
About
Page content goes here
@code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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 ToogleSidebar() => sidebar.ToggleSidebar(); } See demo here. Custom brand icon​ Use the CustomIconName parameter to set the custom logo icon using font awesome or other icons.
About
Page content goes here
@code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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 ToogleSidebar() => sidebar.ToggleSidebar(); } See demo here. Show image as brand logo​ Use the ImageSrc parameter to set the brand logo.
About
Page content goes here
@code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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 ToogleSidebar() => sidebar.ToggleSidebar(); } See demo here. Customize sidebar​ Developers can customize the sidebar color by changing the CSS variables, as mentioned in the below example.
About
@code { Sidebar sidebar; bool applyPurpleStyle = false; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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) { } See demo here. Apply custom CSS class to NavItem​ Set the Class property of a NavItem to apply a custom CSS class. @code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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 Tabs 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":597},{"i":600,"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 ✔️ Specifies the content to be rendered inside the grid. 1.0.0 Data IEnumerable Gets or sets the grid data. 1.4.3 DataProvider GridDataProviderDelegate 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, bool>? Enable or disable the header checkbox selection. 1.8.0 DisableRowSelection Func? Enable or disable the row level checkbox selection. 1.8.0 EmptyDataTemplate RenderFragment ✔️ 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 Gets or sets the filters row css class. 1.9.2 FiltersTranslationProvider GridFiltersTranslationDelegate 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 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 ItemsPerPageText. 1.9.5 PageSize int 10 Gets or sets the page size of the grid. 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 RowClass Func? Gets or sets the row class. 1.6.0 Responsive bool false Gets or sets a value indicating whether Grid is responsive. 1.0.0 SelectionMode GridSelectionMode Gets or sets the grid selection mode. 1.8.0 SettingsProvider GridSettingsProviderDelegate 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 This event is fired when the grid state is changed. 1.0.0 OnRowClick EventCallback> This event is triggered when the user clicks on the row. Set AllowRowClick to true to enable row clicking. 1.9.5 OnRowDoubleClick EventCallback> 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> This event is fired when the items selection changed. 1.8.0 Grid Methods​ Name Return Type Description Added Version GetFilters() IEnumerable 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 ✔️ Specifies the content to be rendered inside the grid column. 1.0.0 ColumnClass Func? Gets or sets the column class. 1.6.0 Filterable bool true Enable or disable the filter on a specific column. The filter is enabled or disabled based on the grid AllowFiltering parameter. 1.0.0 FilterOperator enum Assigned based on the property type. Gets or sets the filter operator. 1.0.0 FilterTextboxWidth int Gets or sets the filter textbox width in pixels. 1.0.0 FilterValue string 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 Specifies the content to be rendered inside the grid column header. 1.7.3 HeaderText string ✔️ Gets or sets the table column header. 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 Gets or sets the property name. This is required when AllowFiltering is true. 1.0.0 Sortable bool false 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 enum SortDirection.None Gets or sets the default sort direction of a column. Use SortDirection.Ascending or SortDirection.Descending 1.0.0 SortKeySelector Expression> Expression used for sorting. 1.0.0 SortString string 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 enum 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 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. @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Client side filtering, paging, and sorting​ item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.FirstName @context.LastName @context.Email @context.Company @context.Designation @context.DOJ @context.Salary.ToString(\"N2\") @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. item.Id\"> @context.Id item.FirstName\"> @context.FirstName item.LastName\"> @context.LastName item.Designation\"> @context.Designation item.Salary\"> @context.Salary item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { [Inject] public IEmployeeService _employeeService { get; set; } private async Task> EmployeesDataProvider(GridDataProviderRequest 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 { 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. item.Id)\"> @context.Id item.Name)\" IsDefaultSortColumn=\"true\" SortDirection=\"SortDirection.Descending\"> @context.Name item.Designation)\"> @context.Designation item.DOJ)\"> @context.DOJ item.IsActive)\"> @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. item.Id)\"> @context.Id item.Name)\"> @context.Name @context.Designation item.DOJ)\"> @context.DOJ item.IsActive)\"> @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.Name @context.Designation @context.Salary @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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\") @context.Id @context.Name @context.Designation @context.Salary.ToString(\"N2\") @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.FirstName @context.LastName @context.Email @context.Company @context.Designation @context.DOJ @context.Salary.ToString(\"N2\") @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.FirstName @context.LastName @context.Designation @code { private async Task> EmployeesDataProvider(GridDataProviderRequest request) { await Task.Delay(3000); return (new GridDataProviderResult { Data = new List(), 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 item.Id\" FilterOperator=\"FilterOperator.GreaterThanOrEquals\" FilterValue=\"109\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { BlazorBootstrap.Grid grid; private IEnumerable employees; [Inject] public IJSRuntime JS { get; set; } public GridSettings Settings { get; set; } private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GridSettingsProvider() { var settingsJson = await JS.InvokeAsync(\"window.localStorage.getItem\", \"grid-settings\"); if (string.IsNullOrWhiteSpace(settingsJson)) return null; var settings = JsonSerializer.Deserialize(settingsJson); if (settings is null) return null; return settings; } private IEnumerable GetEmployees() { return new List { 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) {

@department.Name Employees:

@context.Id @context.Name @context.Designation @context.DOJ @context.IsActive } @code { Grid grid; private List departments = new List() { new Department(\"Product 1 - Research & Development\", new List { 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 { 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; @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { Grid grid; private List employees; protected override void OnInitialized() { employees = new List { 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. item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { private IEnumerable employees; private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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. item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\" ColumnClass=\"@(x => x.IsActive ? \"table-success\" : \"table-danger\")\"> @context.IsActive @code { private IEnumerable employees; private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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 and tags to define custom column header and cell content. When defining header content, filters and sorting are removed from column. item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ @code { private IEnumerable employees; private bool IsAllChecked { get => employees.All(e => e.IsActive); set => Array.ForEach(employees.ToArray(), e => e.IsActive = value); } private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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. @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive
Selected Items Count: @selectedEmployees.Count
Selected Employees:
    @foreach (var emp in selectedEmployees) {
  • @emp.Name
    • }
@code { private IEnumerable employees = default!; private HashSet selectedEmployees = new(); private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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 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\". @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive
Selected Items Count: @selectedEmployees.Count
Selected Employees:
    @foreach (var emp in selectedEmployees) {
  • @emp.Name
    • }
@code { private IEnumerable employees = default!; private HashSet selectedEmployees = new(); private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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 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. @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive
Selected Items Count: @selectedEmployees.Count
Selected Employees:
    @foreach (var emp in selectedEmployees) {
  • @emp.Name
    • }
@code { private IEnumerable employees = default!; private HashSet selectedEmployees = new(); private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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 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 employees) { selectedEmployees = employees is not null && employees.Any() ? employees : new(); return Task.CompletedTask; } } See demo here Dynamic page size​ @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { private int pageSize = 5; private IEnumerable employees = default!; private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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​ @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { private IEnumerable employees = default!; private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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​ item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { private IEnumerable employees = default!; private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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​ item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { private IEnumerable employees = default!; private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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​ item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { [Inject] ModalService ModalService { get; set; } = default!; private IEnumerable employees = default!; private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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 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​ item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { [Inject] ModalService ModalService { get; set; } = default!; private IEnumerable employees = default!; private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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 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. item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { private IEnumerable employees = default!; private async Task> GridFiltersTranslationProvider() { var filtersTranslation = new List(); // 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> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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. @context.Id @context.Name @context.Designation @context.Designation @context.Designation @context.Designation @context.DOJ @context.IsActive @context.IsActive @context.IsActive @context.IsActive @context.IsActive @code { BlazorBootstrap.Grid grid = default!; private IEnumerable employees = default!; protected override async Task OnAfterRenderAsync(bool firstRender) { await base.OnAfterRenderAsync(firstRender); } private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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​ item.CustomerId\" FilterTextboxWidth=\"50\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.CustomerId item.CustomerName\" FilterTextboxWidth=\"80\"> @context.CustomerName item.Phone\" FilterTextboxWidth=\"100\"> @context.Phone item.Email\" FilterTextboxWidth=\"120\"> @context.Email item.Address\" FilterTextboxWidth=\"150\"> @context.Address item.PostalZip\" FilterTextboxWidth=\"80\"> @context.PostalZip item.Country\" FilterTextboxWidth=\"80\"> @context.Country @code { [Inject] public ICustomerService _customerService { get; set; } = default!; private async Task> CustomersDataProvider(GridDataProviderRequest 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 { Data = result.Item1, TotalCount = result.Item2 }); } } See demo here Freeze columns​ item.CustomerId\" FilterTextboxWidth=\"50\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.CustomerId item.CustomerName\" FilterTextboxWidth=\"80\"> @context.CustomerName item.Phone\" FilterTextboxWidth=\"100\"> @context.Phone item.Email\" FilterTextboxWidth=\"120\"> @context.Email item.Address\" FilterTextboxWidth=\"150\"> @context.Address item.PostalZip\" FilterTextboxWidth=\"80\"> @context.PostalZip item.Country\" FilterTextboxWidth=\"80\"> @context.Country @code { [Inject] public ICustomerService _customerService { get; set; } = default!; private async Task> CustomersDataProvider(GridDataProviderRequest 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 { Data = result.Item1, TotalCount = result.Item2 }); } } See demo here Freeze columns with fixed header​ item.CustomerId\" FilterTextboxWidth=\"50\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.CustomerId item.CustomerName\" FilterTextboxWidth=\"80\"> @context.CustomerName item.Phone\" FilterTextboxWidth=\"100\"> @context.Phone item.Email\" FilterTextboxWidth=\"120\"> @context.Email item.Address\" FilterTextboxWidth=\"150\"> @context.Address item.PostalZip\" FilterTextboxWidth=\"80\"> @context.PostalZip item.Country\" FilterTextboxWidth=\"80\"> @context.Country @code { [Inject] public ICustomerService _customerService { get; set; } = default!; private async Task> CustomersDataProvider(GridDataProviderRequest 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 { Data = result.Item1, TotalCount = result.Item2 }); } } See demo here Freeze columns with fixed header and filters​ item.CustomerId\" FilterTextboxWidth=\"50\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.CustomerId item.CustomerName\" FilterTextboxWidth=\"80\"> @context.CustomerName item.Phone\" FilterTextboxWidth=\"100\"> @context.Phone item.Email\" FilterTextboxWidth=\"120\"> @context.Email item.Address\" FilterTextboxWidth=\"150\"> @context.Address item.PostalZip\" FilterTextboxWidth=\"80\"> @context.PostalZip item.Country\" FilterTextboxWidth=\"80\"> @context.Country @code { [Inject] public ICustomerService _customerService { get; set; } = default!; private async Task> CustomersDataProvider(GridDataProviderRequest 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 { 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. item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { private IEnumerable employees = default!; private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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 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 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","s":"Blazor Grid","u":"/components/grid","h":"","p":599}],"index":{"version":"2.3.9","fields":["t"],"fieldVectors":[["t/2",[0,0.28,1,0.351,2,3.561,3,1.712,4,2.311,5,3.246,6,0.022,7,1.532,8,0.306,9,0.351,10,0.321,11,0.313,12,0.351,13,0.437,14,0.343,15,1.307,16,2.093,17,2.002,18,0.682,19,2.439,20,2.439,21,2.093,22,1.375,23,2.093,24,2.439,25,0.424,26,2.488,27,0.978,28,1.511,29,1.511,30,2.711,31,1.785,32,2.21,33,0.261,34,1.287,35,0.247,36,1.857,37,2.539,38,2.539,39,2.539,40,2.427,41,0.665,42,3.634,43,1.544,44,1.479,45,0.303,46,2.594,47,1.703,48,2.865,49,1.992,50,1.651,51,2.786,52,3.634,53,1.633,54,1.894,55,1.27,56,2.488,57,2.641,58,2.58,59,3.712,60,1.754,61,2.139,62,2.594,63,3.927,64,1.799,65,2.95,66,2.782,67,2.093,68,3.139,69,1.821,70,2.125,71,1.561,72,1.375,73,2.393,74,1.544,75,1.92,76,2.308,77,2.061,78,2.51,79,2.421,80,2.002,81,2.031,82,2.308,83,3.982,84,3.192,85,2.35,86,3.022,87,2.093,88,2.439,89,2.046,90,3.982,91,2.539,92,2.439,93,2.715,94,1.032,95,3.634,96,2.794,97,1.92,98,2.594,99,2.311,100,1.633,101,3.796,102,1.754,103,2.782,104,1.347,105,2.194,106,3.982,107,3.022,108,1.221,109,1.974]],["t/4",[6,0.018,8,0.246,9,0.264,10,0.258,11,0.252,12,0.282,14,0.276,18,0.839,25,0.437,33,0.211,35,0.249,45,0.252,49,1.627,53,2.873,64,2.211,79,2.975,94,1.815,110,6.944,111,3.858,112,4.291,113,6.465,114,6.465,115,4.894,116,4.376,117,5.162,118,2.686,119,6.465,120,5.899,121,4.665,122,2.255,123,1.642,124,1.528,125,2.148,126,0.32,127,5.679]],["t/6",[6,0.018,8,0.244,9,0.262,10,0.256,11,0.25,12,0.281,14,0.274,25,0.435,33,0.209,35,0.256,41,0.532,45,0.25,49,1.616,53,2.853,64,2.196,79,2.955,94,1.802,108,2.133,110,5.858,112,4.261,121,4.633,122,2.239,123,1.631,124,1.517,125,2.133,126,0.375,127,6.657,128,4.86,129,5.126,130,2.806,131,4.86,132,4.435,133,6.42,134,3.895,135,5.64]],["t/8",[6,0.018,8,0.249,9,0.267,10,0.261,11,0.255,12,0.286,14,0.28,18,0.849,25,0.44,33,0.213,35,0.258,45,0.255,50,2.404,88,4.341,108,2.173,112,4.341,123,1.661,124,1.546,125,2.173,126,0.379,127,5.746,130,2.422,135,6.731,136,3.242,137,4.428,138,3.242,139,5.746]],["t/10",[6,0.017,8,0.236,9,0.254,10,0.248,11,0.242,12,0.271,13,0.337,14,0.265,18,0.963,25,0.356,27,0.822,33,0.202,35,0.253,45,0.242,57,3.114,71,2.635,72,2.32,108,2.061,112,4.118,116,4.2,123,1.576,124,1.466,125,2.061,126,0.367,136,3.074,138,3.074,139,5.45,140,6.523,141,5.45,142,6.204,143,4.696,144,4.477,145,2.207,146,4.286,147,4.477,148,6.204,149,2.151,150,3.163,151,6.575,152,7.072,153,4.118,154,4.696,155,7.826,156,7.826,157,2.143,158,7.072,159,5.266]],["t/12",[6,0.018,8,0.24,9,0.258,10,0.252,11,0.246,12,0.275,14,0.269,25,0.43,27,1.097,33,0.205,35,0.255,40,2.564,45,0.246,108,2.094,112,4.183,121,5.774,123,1.601,124,1.489,125,2.094,126,0.371,136,3.123,140,5.537,145,2.242,149,2.166,150,2.509,158,7.185,159,6.362,160,5.752,161,4.771,162,4.448,163,3.081,164,6.68,165,7.951,166,6.303,167,4.896]],["t/14",[6,0.024,8,0.216,9,0.232,10,0.227,11,0.222,12,0.248,14,0.243,25,0.404,27,1.013,33,0.185,35,0.246,40,1.943,45,0.222,49,1.772,50,1.783,64,1.943,79,3.24,88,4.671,94,1.595,108,1.888,112,3.771,121,4.1,122,2.455,123,1.443,124,1.343,125,1.888,126,0.348,129,4.537,130,2.831,134,3.448,135,4.992,136,2.816,139,6.183,140,4.992,145,2.021,163,2.893,164,8.105,168,2.262,169,5.185,170,2.712,171,5.185,172,7.168,173,2.554,174,5.682,175,5.199,176,3.834,177,4.134,178,5.974,179,5.62,180,5.974,181,4.671,182,5.974,183,5.199,184,5.974,185,7.168,186,6.477,187,6.022,188,3.7,189,6.022,190,4.992]],["t/16",[6,0.017,8,0.237,9,0.254,10,0.248,11,0.242,12,0.272,13,0.338,14,0.266,18,0.807,25,0.357,27,0.985,31,1.702,33,0.202,35,0.254,43,2.612,45,0.242,47,1.889,49,2.002,61,2.528,108,2.066,122,2.774,123,1.579,124,1.469,125,2.066,126,0.368,143,4.707,144,4.487,145,2.212,149,2.013,150,2.96,152,7.088,157,2.147,159,5.277,167,5.776,191,1.653,192,5.277,193,5.674,194,5.741,195,4.965]],["t/18",[1,0.302,3,2.864,6,0.017,8,0.234,9,0.251,10,0.246,11,0.24,12,0.269,13,0.334,14,0.263,25,0.424,27,1.113,33,0.2,35,0.253,40,2.103,45,0.24,50,2.484,64,2.809,71,3.363,72,2.961,108,2.043,123,1.562,124,1.453,125,2.043,126,0.365,128,4.654,149,1.664,150,2.447,157,2.124,162,5.213,167,4.776,191,1.634,195,5.897,196,5.402,197,3.858,198,4.654,199,4.437,200,3.087,201,5.219]],["t/20",[6,0.018,8,0.242,9,0.259,10,0.253,11,0.247,12,0.277,13,0.345,14,0.271,15,2.257,18,0.976,25,0.46,27,0.997,33,0.207,35,0.255,45,0.247,61,2.58,108,2.108,123,1.612,124,1.5,125,2.108,126,0.372,146,4.385,148,6.347,149,1.718,150,2.526,157,2.192,162,4.479,191,1.687,195,5.067,201,6.388,202,3.186,203,6.044,204,5.038,205,8.005,206,8.005,207,5.386]],["t/22",[6,0.017,8,0.239,9,0.256,10,0.251,11,0.245,12,0.274,13,0.341,14,0.268,25,0.474,27,0.831,33,0.204,35,0.254,40,2.557,45,0.245,47,1.899,49,2.01,96,2.854,108,2.085,122,2.785,123,1.594,124,1.483,125,2.085,126,0.37,149,1.698,150,2.497,157,2.167,191,1.668,200,4.009,208,6.147,209,2.854,210,5.726,211,4.413,212,5.325,213,5.325]],["t/24",[1,0.259,6,0.018,8,0.241,9,0.259,10,0.253,11,0.247,12,0.277,13,0.344,14,0.271,25,0.431,27,0.839,33,0.206,35,0.255,40,2.166,45,0.247,47,2.036,64,2.571,84,3.842,91,4.375,94,2.25,108,2.104,123,1.608,124,1.496,125,2.104,126,0.372,149,1.714,150,2.52,157,2.187,191,1.683,200,3.178,208,5.206,211,3.499,212,6.379,214,6.03,215,4.677,216,3.308,217,5.374]],["t/26",[6,0.018,8,0.244,9,0.262,10,0.256,11,0.25,12,0.28,13,0.348,14,0.274,18,0.982,25,0.462,27,1.002,32,3.179,33,0.209,35,0.256,45,0.25,88,4.251,108,2.128,123,1.627,124,1.513,125,2.128,126,0.374,149,1.734,150,2.549,157,2.212,162,4.52,191,1.702,201,5.436,204,4.022,207,6.423,213,5.436,218,2.913,219,2.751,220,6.099]],["t/28",[6,0.018,8,0.243,9,0.261,10,0.255,11,0.249,12,0.279,13,0.347,14,0.273,25,0.433,27,0.845,33,0.208,35,0.256,40,2.581,45,0.249,47,1.917,108,2.118,121,5.446,123,1.619,124,1.506,125,2.118,126,0.373,149,1.726,150,2.538,157,2.202,191,1.695,200,3.789,204,4.003,207,5.411,208,5.242,211,4.171,213,6.405,221,3.043,222,4.316,223,6.071]],["t/30",[0,0.258,4,2.701,6,0.017,8,0.234,9,0.251,10,0.246,11,0.24,12,0.269,13,0.334,14,0.263,17,3.349,18,0.958,25,0.489,33,0.2,35,0.253,36,2.578,40,2.103,45,0.24,69,3.047,108,2.043,123,1.562,124,1.453,125,2.043,126,0.365,130,2.277,149,1.999,150,2.447,157,2.124,191,1.634,217,5.219,224,6.073,225,5.402,226,5.856,227,5.897,228,4.082,229,4.902,230,2.397,231,4.776,232,4.776]],["t/32",[6,0.016,8,0.22,9,0.236,10,0.231,11,0.225,12,0.252,13,0.314,14,0.247,25,0.461,27,0.765,31,1.822,33,0.188,35,0.247,45,0.225,47,1.957,84,3.505,108,1.919,123,1.467,124,1.365,125,1.919,126,0.352,130,2.139,149,1.925,150,2.299,157,1.995,191,1.535,194,4.169,199,5.56,212,4.903,217,6.035,224,4.75,226,5.501,227,5.678,228,3.193,229,5.335,230,2.252,233,3.91,234,5.501,235,5.501,236,4.487,237,7.03,238,3.436,239,2.923,240,4.176,241,6.772,242,6.123,243,6.123,244,3.762,245,5.252,246,4.487,247,2.863,248,8.782,249,6.123,250,6.585,251,4.613,252,4.75,253,4.903,254,5.501]],["t/34",[0,0.208,6,0.018,8,0.243,9,0.261,10,0.255,11,0.249,12,0.279,13,0.348,14,0.273,25,0.434,33,0.208,35,0.256,36,2.432,45,0.249,69,3.167,108,2.123,123,1.623,124,1.51,125,2.123,126,0.374,130,2.366,149,1.73,150,2.544,157,2.207,191,1.698,200,4.04,211,4.447,232,4.964,255,6.414,256,5.614,257,6.085,258,4.837]],["t/36",[0,0.251,6,0.016,8,0.219,9,0.236,10,0.23,11,0.225,12,0.252,13,0.314,14,0.246,25,0.482,31,1.718,33,0.188,35,0.247,36,2.428,40,1.972,45,0.225,47,2.095,64,1.972,69,2.857,87,3.282,108,1.915,123,1.464,124,1.362,125,1.915,126,0.351,130,2.85,145,2.526,149,1.56,150,2.295,154,6.443,157,1.991,163,2.369,164,7.527,168,2.295,174,5.765,191,1.532,216,4.021,224,4.74,232,5.517,239,2.919,246,4.478,255,4.893,259,4.74,260,7.527,261,6.571,262,4.069,263,4.364,264,3.23,265,5.765,266,5.261,267,5.064,268,7.272,269,7.272,270,3.233]],["t/38",[0,0.29,1,0.236,6,0.016,8,0.22,9,0.236,10,0.231,11,0.225,12,0.252,13,0.314,14,0.247,18,0.922,25,0.5,33,0.188,35,0.237,45,0.225,51,3.259,60,2.757,97,3.018,108,1.919,123,1.467,124,1.365,125,1.919,126,0.352,130,2.976,149,1.564,150,2.299,157,1.995,191,1.535,255,4.903,258,5.383,271,4.75,272,4.197,273,5.215,274,4.197,275,5.113,276,4.373]],["t/40",[0,0.286,1,0.321,6,0.015,8,0.26,9,0.222,10,0.217,11,0.212,12,0.237,13,0.295,14,0.232,15,1.93,17,3.725,18,0.971,22,3.031,25,0.482,32,3.476,33,0.177,35,0.167,41,0.449,45,0.267,47,1.737,53,2.411,54,2.797,64,1.856,108,1.803,123,1.378,124,1.616,125,1.803,126,0.338,130,2.532,131,4.107,144,3.916,149,2.027,150,2.16,157,1.874,173,2.439,176,3.725,188,3.533,191,1.442,193,4.951,199,3.916,216,2.834,231,4.215,240,4.017,247,2.689,264,2.468,277,4.827,278,3.238,279,3.829,280,4.264,281,4.461,282,3.533,283,4.461,284,3.749,285,3.749,286,4.605,287,4.222,288,4.332,289,5.426,290,5.167,291,5.167,292,4.008,293,4.332,294,6.185,295,6.844,296,1.509,297,5.426,298,5.751,299,6.185,300,6.185,301,3.829,302,4.008]],["t/42",[0,0.282,1,0.298,6,0.017,8,0.229,9,0.246,10,0.241,11,0.235,12,0.263,13,0.328,14,0.258,25,0.346,31,1.854,33,0.196,35,0.224,45,0.235,47,1.854,60,2.877,88,4.001,89,1.839,108,2.003,123,1.531,124,1.928,125,2.003,126,0.361,130,2.232,149,1.632,150,2.4,157,2.082,191,1.602,216,3.149,229,4.844,245,4.453,258,4.563,276,5.525,287,3.238,302,4.453,303,3.854,304,4.957,305,6.872,306,5.391,307,3.854,308,3.854,309,6.389,310,4.081,311,7.605,312,7.605]],["t/44",[0,0.284,1,0.316,6,0.016,8,0.222,9,0.238,10,0.233,11,0.227,12,0.255,13,0.317,14,0.249,17,3.894,18,0.927,25,0.494,28,2.394,33,0.19,35,0.179,45,0.227,47,1.48,50,2.643,60,2.78,108,1.935,123,1.48,124,1.376,125,1.935,126,0.354,130,2.646,149,1.577,150,2.319,157,2.012,181,3.866,188,3.793,190,5.118,191,1.548,219,2.502,236,4.525,272,4.212,276,4.41,277,4.111,302,5.28,313,4.651,314,4.904,315,3.317,316,4.79,317,7.575,318,5.548,319,7.349,320,5.316,321,5.316]],["t/46",[0,0.29,1,0.327,6,0.016,8,0.217,9,0.233,10,0.228,11,0.222,12,0.249,13,0.31,14,0.244,18,0.994,25,0.492,27,0.756,33,0.186,35,0.175,41,0.473,45,0.222,47,1.946,53,2.535,57,3.846,71,3.4,72,3.076,108,1.896,122,2.792,123,1.449,124,1.348,125,1.896,126,0.349,130,2.837,145,2.029,149,1.91,150,2.271,157,1.97,191,1.516,277,4.027,293,4.555,296,2.288,301,4.98,303,3.647,322,4.319,323,2.941,324,7.197,325,4.319,326,3.787,327,4.117]],["t/48",[0,0.287,1,0.332,6,0.017,8,0.227,9,0.244,10,0.239,11,0.233,12,0.261,13,0.325,14,0.255,18,1.014,25,0.478,27,0.962,28,2.456,29,2.456,33,0.195,35,0.184,41,0.495,45,0.233,58,3.501,61,2.43,108,1.986,123,1.518,124,1.412,125,1.986,126,0.359,130,2.213,136,2.962,145,2.126,149,2.117,150,2.89,157,2.064,191,1.588,230,2.329,293,4.772,296,2.175,323,3.08,328,5.797,329,5.072,330,2.456,331,3.303,332,4.772,333,4.414]],["t/50",[0,0.291,1,0.323,6,0.015,8,0.209,9,0.224,10,0.219,11,0.214,12,0.24,13,0.299,14,0.235,18,1.077,25,0.497,33,0.179,35,0.169,41,0.455,45,0.214,47,2.006,50,2.478,53,2.44,57,3.78,64,2.782,71,3.198,72,2.953,75,3.933,104,2.012,108,1.824,123,1.395,124,1.297,125,1.824,126,0.341,130,2.923,145,1.953,149,1.865,150,2.185,157,1.896,191,1.459,209,2.497,293,4.384,296,2.309,301,3.875,323,2.83,326,3.644,327,4.972,333,4.056,334,4.056,335,4.265,336,4.265,337,4.486,338,6.259]],["t/52",[0,0.289,1,0.331,6,0.016,8,0.225,9,0.241,10,0.236,11,0.23,12,0.258,13,0.321,14,0.252,18,1.05,22,2.207,25,0.477,27,0.782,33,0.192,35,0.181,41,0.489,45,0.23,71,2.506,72,2.207,108,1.96,123,1.499,124,1.394,125,1.96,126,0.356,130,2.184,136,2.924,145,2.099,149,2.105,150,2.867,157,2.038,168,2.348,191,1.568,230,2.3,287,3.169,293,4.711,296,2.163,323,3.041,327,4.258,328,4.711,330,2.425,333,5.321,339,4.711,340,4.169,341,4.711,342,3.001,343,3.411]],["t/54",[0,0.284,1,0.32,6,0.017,8,0.227,9,0.244,10,0.239,11,0.233,12,0.261,13,0.325,14,0.255,18,0.775,25,0.467,27,0.792,33,0.195,35,0.184,36,2.592,41,0.495,45,0.233,54,3.08,74,2.511,108,1.986,123,1.518,124,1.412,125,1.986,126,0.359,130,2.213,136,2.962,145,2.126,149,2.117,150,2.89,157,2.064,191,1.588,216,4.085,230,2.329,293,4.772,296,2.02,323,3.08,328,4.772,330,2.456,332,5.797,344,5.072,345,5.363,346,4.48,347,6.334,348,4.414]],["t/56",[0,0.284,1,0.321,6,0.017,8,0.23,9,0.247,10,0.242,11,0.236,12,0.265,13,0.329,14,0.259,18,0.949,25,0.451,27,0.802,33,0.197,35,0.186,41,0.502,43,2.544,45,0.236,55,0.989,61,2.462,73,3.866,81,3.346,108,2.012,123,1.538,124,1.431,125,2.012,126,0.362,130,2.242,145,2.154,149,2.129,150,2.913,157,2.091,230,2.36,293,4.834,296,2.036,323,3.121,330,2.489,332,4.834,346,3.736,348,5.405,349,4.703,350,4.834,351,4.099,352,4.183]],["t/58",[0,0.284,1,0.324,6,0.015,8,0.212,9,0.228,10,0.222,11,0.217,12,0.243,13,0.303,14,0.238,18,0.902,25,0.49,27,0.921,33,0.181,34,0.892,35,0.171,41,0.461,43,2.339,45,0.217,49,2.127,55,0.909,71,2.952,72,2.834,77,1.868,108,1.85,111,3.323,118,2.313,123,1.414,124,1.316,125,1.85,126,0.344,130,2.573,145,1.98,149,2.051,150,2.766,157,1.923,163,2.288,175,4.113,176,3.033,230,2.17,264,2.532,293,4.446,296,2.108,323,2.87,330,2.288,348,4.113,352,4.802,353,4.018,354,3.898,355,4.018,356,5.468,357,4.113,358,4.113,359,5.302,360,4.578,361,4.891,362,4.891,363,5.081,364,5.261,365,6.347,366,4.725,367,4.113,368,4.113,369,4.113,370,3.93]],["t/60",[0,0.292,1,0.352,6,0.016,8,0.213,9,0.228,10,0.223,11,0.218,12,0.244,13,0.304,14,0.239,18,0.725,25,0.321,27,0.74,28,3.12,29,3.12,33,0.182,34,0.896,35,0.214,36,2.106,43,2.348,45,0.218,55,0.913,108,1.857,123,1.42,124,1.321,125,1.857,126,0.345,130,2.07,145,1.988,149,1.886,150,2.773,157,1.931,200,2.806,211,3.089,219,2.401,230,3.187,251,5.563,323,2.881,330,3.361,352,3.862,370,4.918,371,4.232,372,4.88,373,4.796,374,4.129]],["t/62",[0,0.283,1,0.335,3,2.845,6,0.017,8,0.233,9,0.25,10,0.244,11,0.238,12,0.267,13,0.332,14,0.261,18,0.954,25,0.35,31,1.794,33,0.199,34,0.979,35,0.188,41,0.506,45,0.238,47,1.552,55,0.998,89,1.864,108,2.029,123,1.552,124,1.443,125,2.029,126,0.364,130,2.262,145,2.173,149,1.991,150,2.928,157,2.11,163,2.511,228,3.376,230,2.381,296,1.699,323,3.148,330,2.511,370,4.311,374,5.434,375,3.646,376,4.745,377,6.963,378,3.148,379,4.512]],["t/64",[0,0.283,1,0.334,3,2.833,6,0.017,8,0.231,9,0.249,10,0.243,11,0.237,12,0.266,13,0.331,14,0.26,25,0.349,31,1.791,33,0.198,34,0.974,35,0.187,41,0.504,45,0.237,47,1.545,55,0.993,89,1.855,108,2.02,123,1.545,124,1.437,125,2.02,126,0.363,130,2.252,145,2.163,149,1.986,150,2.92,157,2.1,216,3.177,229,4.036,230,2.37,296,1.692,323,3.134,330,2.5,347,6.445,374,4.492,378,3.134,379,5.42,380,3.361,381,4.856,382,7.671,383,6.932,384,7.671,385,6.445,386,4.492]],["t/66",[0,0.283,1,0.334,3,2.826,6,0.017,8,0.231,9,0.248,10,0.242,11,0.237,12,0.265,13,0.33,14,0.259,25,0.42,33,0.198,34,0.972,35,0.187,45,0.237,50,2.669,55,0.991,108,2.016,111,3.622,123,1.541,124,1.434,125,2.016,126,0.362,130,2.247,145,2.158,149,1.983,150,2.917,157,2.096,200,3.678,211,4.05,230,2.365,272,3.305,314,3.455,323,3.127,330,2.494,379,4.482,386,5.412,387,4.845,388,4.027,389,4.283,390,7.655,391,7.655,392,3.17,393,3.879]],["t/68",[0,0.281,1,0.327,6,0.015,8,0.254,9,0.213,10,0.208,11,0.203,12,0.228,13,0.283,14,0.223,15,1.854,18,0.865,21,2.967,25,0.47,27,0.69,31,1.713,33,0.17,34,0.835,35,0.16,45,0.203,49,1.95,55,0.851,77,1.748,87,3.795,89,1.59,99,3.403,100,2.316,108,1.731,109,3.58,122,2.702,123,1.324,124,1.231,125,1.731,126,0.33,130,2.964,145,1.854,148,5.212,149,1.804,150,2.653,157,1.8,168,2.074,176,2.839,200,3.346,202,2.616,216,2.722,230,2.031,231,4.048,237,4.756,240,3.061,264,2.37,281,4.285,283,4.285,288,4.161,323,3.436,330,2.142,362,5.856,388,4.424,393,3.331,394,3.854,395,2.923,396,7.598,397,6.083,398,3.849,399,7.069,400,6.083,401,3.854,402,3.739,403,3.331,404,3.087,405,3.11,406,7.065,407,6.574,408,6.574,409,6.574,410,3.162,411,3.162,412,3.162,413,2.967,414,2.238,415,2.967,416,3.162,417,2.427,418,3.459]],["t/70",[0,0.28,1,0.319,6,0.015,8,0.257,9,0.217,10,0.212,11,0.207,12,0.232,13,0.289,14,0.227,18,0.875,21,3.024,25,0.49,27,0.704,33,0.173,34,0.851,35,0.163,45,0.207,49,1.698,55,0.868,77,1.782,79,3.591,94,2.082,102,2.535,108,1.765,118,2.207,122,2.586,123,1.349,124,1.255,125,1.765,126,0.334,130,2.888,138,3.344,145,1.889,149,1.826,150,2.686,157,1.834,163,2.183,175,3.923,176,3.675,202,2.666,216,3.874,228,2.935,230,2.07,231,4.126,240,3.12,264,3.373,281,4.367,283,4.367,288,4.241,323,3.477,330,2.183,354,3.784,355,3.833,356,5.811,357,3.923,358,3.923,359,5.058,360,4.367,361,4.666,362,4.666,363,4.847,364,5.107,365,6.054,366,4.508,386,3.923,393,4.313,394,3.071,404,3.277,413,3.024,414,2.281,415,3.024,417,2.474,419,3.525,420,7.151,421,7.151,422,2.388]],["t/72",[0,0.285,1,0.316,6,0.014,8,0.197,9,0.211,10,0.207,11,0.202,12,0.226,13,0.281,14,0.221,18,0.861,25,0.458,27,0.685,30,4.117,33,0.168,34,0.829,35,0.159,40,1.769,45,0.202,48,4.452,55,0.845,64,1.769,94,2.169,108,1.718,123,1.314,124,1.222,125,1.718,126,0.328,130,3.077,131,3.915,145,1.84,149,1.796,150,2.641,157,1.786,176,3.614,178,5.63,180,5.63,182,5.63,184,5.63,188,3.368,218,2.353,230,2.854,238,2.499,239,2.126,240,3.038,253,4.39,270,2.901,281,4.253,282,3.368,291,4.926,292,4.9,306,3.821,316,4.253,323,3.419,330,3.01,351,5.407,356,3.733,380,2.859,394,2.991,418,4.403,422,2.325,423,3.368,424,5.106,425,3.915,426,3.433,427,4.32,428,7.031,429,5.482,430,5.297,431,4.544,432,3.821,433,6.525,434,7.607,435,3.651,436,3.651,437,3.651,438,3.733]],["t/74",[0,0.28,1,0.328,6,0.02,8,0.219,9,0.235,10,0.229,11,0.224,12,0.251,13,0.312,14,0.245,25,0.406,27,0.76,28,3.158,29,3.158,32,2.412,33,0.187,34,0.92,35,0.177,36,2.141,41,0.476,45,0.224,49,1.445,55,0.938,65,3.22,74,2.412,94,2.356,108,1.907,115,4.346,123,1.458,124,1.357,125,1.907,126,0.35,130,2.623,145,2.042,149,1.917,150,2.82,157,1.983,163,2.36,177,3.372,218,2.611,222,3.886,230,2.238,238,2.774,239,2.36,240,3.372,323,2.959,330,2.36,354,3.22,388,3.81,401,4.096,418,3.81,422,2.581,438,5.112,439,4.46,440,5.741,441,3.319,442,7.242,443,5.467,444,7.242,445,7.242,446,6.544,447,5.467,448,7.242,449,7.242,450,4.241]],["t/76",[0,0.281,1,0.336,6,0.017,8,0.234,9,0.251,10,0.246,11,0.24,12,0.269,13,0.334,14,0.263,22,2.961,25,0.353,27,0.814,33,0.2,34,0.985,35,0.189,45,0.24,55,1.004,108,2.043,123,1.562,124,1.453,125,2.043,126,0.365,130,2.277,145,2.187,149,1.999,150,2.94,157,2.124,218,2.797,230,2.397,323,3.169,330,2.527,340,3.708,342,3.127,343,4.748,438,4.437,450,5.456,451,4.776,452,4.91,453,7.757,454,7.757,455,4.437]],["t/78",[0,0.281,1,0.332,6,0.017,8,0.226,9,0.243,10,0.237,11,0.232,12,0.259,13,0.323,14,0.254,25,0.415,27,0.787,31,1.78,33,0.193,34,0.951,35,0.183,45,0.232,55,0.97,85,3.796,89,1.812,94,2.375,108,1.973,123,1.508,124,1.403,125,1.973,126,0.358,130,2.677,145,2.112,149,1.957,150,2.878,157,2.051,176,3.235,197,3.102,218,2.701,230,2.314,323,3.06,330,2.441,378,3.06,422,2.669,427,3.867,450,4.386,455,5.219,456,4.495,457,3.867,458,6.769,459,5.04,460,4.495,461,7.49,462,5.938,463,7.49,464,6.769,465,7.49]],["t/80",[0,0.282,1,0.314,6,0.013,7,1.334,8,0.174,9,0.187,10,0.183,11,0.179,12,0.2,13,0.249,14,0.196,18,0.594,22,3.068,25,0.497,27,0.607,28,2.518,29,2.518,31,1.691,33,0.149,34,0.734,35,0.141,36,1.385,55,0.748,58,2.9,74,1.925,89,1.398,99,2.013,100,2.036,108,1.522,118,3.541,122,2.571,123,1.164,124,1.742,125,1.522,126,0.303,130,3.037,145,1.63,146,3.166,149,1.658,150,2.439,157,1.582,163,3.503,197,3.201,209,2.084,230,1.786,236,3.559,240,5.168,280,2.609,282,5.147,287,3.291,308,3.917,323,2.361,330,1.883,331,2.532,340,2.3,342,2.33,343,3.543,356,3.306,373,2.532,378,4.074,398,4.526,403,2.929,404,1.925,405,3.657,414,1.968,417,2.134,455,3.306,466,2.691,467,2.361,468,6.141,469,5.78,470,4.025,471,5.78,472,4.025,473,4.856,474,5.78,475,9.972,476,4.76,477,5.78,478,5.78,479,5.78,480,2.78,481,3.306]],["t/82",[0,0.282,1,0.332,6,0.017,8,0.227,9,0.244,10,0.239,11,0.233,12,0.261,13,0.325,14,0.255,25,0.449,27,0.792,31,1.783,33,0.195,34,0.958,35,0.184,45,0.233,55,0.976,89,1.823,97,3.122,108,1.986,123,1.518,124,1.412,125,1.986,126,0.359,130,2.688,145,2.126,149,1.965,150,2.89,157,2.064,221,2.852,230,2.329,272,3.255,314,4.745,323,3.08,330,2.456,468,4.642,482,5.239,483,4.642,484,7.539,485,5.977,486,7.695,487,7.539,488,4.772,489,7.539,490,4.642,491,3.82,492,3.966]],["t/84",[0,0.282,1,0.328,6,0.016,8,0.219,9,0.235,10,0.229,11,0.224,12,0.251,13,0.312,14,0.245,22,2.649,25,0.46,27,0.76,31,1.795,33,0.187,34,0.92,35,0.177,45,0.224,55,0.938,89,1.752,94,2.313,108,1.907,123,1.458,124,1.357,125,1.907,126,0.35,130,2.844,145,2.042,149,1.917,150,2.82,157,1.983,187,6.084,221,2.74,229,3.81,230,2.238,323,2.959,330,2.36,404,3.37,405,4.228,414,2.466,422,2.581,468,4.46,470,5.043,481,4.143,482,4.143,492,4.701,493,3.81,494,4.052,495,4.872,496,3.804,497,2.92,498,7.242,499,7.242,500,6.544,501,4.143,502,7.242,503,7.242,504,7.242]],["t/86",[0,0.288,1,0.328,6,0.016,8,0.218,9,0.234,10,0.229,11,0.223,12,0.25,13,0.312,14,0.245,22,2.998,25,0.44,27,0.759,28,2.355,29,2.355,31,1.715,33,0.187,34,0.918,35,0.176,45,0.223,55,0.936,58,2.407,79,3.689,80,3.121,89,1.748,108,1.903,122,1.998,123,1.455,124,1.354,125,1.903,126,0.35,130,3.179,145,2.038,149,1.915,150,2.816,157,1.979,197,2.993,211,3.166,229,3.802,230,2.233,233,3.878,287,3.077,292,4.232,323,2.953,330,2.355,343,3.312,398,4.232,405,3.419,468,4.45,481,5.105,492,3.802,500,6.531,505,4.45,506,4.574,507,7.227,508,7.227]],["t/88",[0,0.284,1,0.323,6,0.015,8,0.21,9,0.225,10,0.22,11,0.215,12,0.241,13,0.3,14,0.236,18,0.896,25,0.454,27,0.73,32,3.322,33,0.18,34,0.883,35,0.17,45,0.215,49,2.146,50,2.481,55,0.9,64,2.704,67,3.138,77,1.849,78,2.631,104,2.898,105,3.29,108,1.831,118,2.29,123,1.4,124,1.303,125,1.831,126,0.342,130,3.015,138,2.732,145,1.961,149,1.869,150,2.749,157,1.904,163,2.266,188,3.589,219,2.368,221,2.631,230,2.148,270,3.092,323,3.56,330,2.266,356,3.978,378,2.841,388,4.584,392,2.88,472,4.843,482,3.978,491,4.415,509,3.589,510,4.843,511,3.808,512,2.841,513,6.953,514,6.953,515,6.284,516,6.953,517,6.284,518,6.953,519,6.953,520,3.731,521,3.808]],["t/90",[0,0.281,1,0.336,6,0.017,8,0.235,9,0.252,10,0.246,11,0.24,12,0.269,13,0.335,14,0.263,18,0.799,27,0.816,33,0.201,34,0.987,35,0.19,44,2.479,45,0.24,49,2.069,55,1.007,77,2.067,78,2.941,96,2.803,104,2.905,106,4.665,108,2.047,123,1.565,124,1.456,125,2.047,126,0.366,130,2.282,145,2.192,149,2.002,150,2.944,157,2.128,215,5.463,230,2.402,323,3.176,330,2.533,521,4.258,522,4.921,523,5.23,524,7.774]],["t/92",[0,0.28,1,0.334,4,2.666,6,0.017,8,0.231,9,0.248,10,0.242,11,0.237,12,0.265,13,0.33,14,0.259,18,0.95,25,0.42,27,0.804,31,1.749,33,0.198,34,0.972,35,0.187,45,0.237,55,0.991,64,2.075,89,1.851,96,2.76,101,4.379,106,5.547,107,4.99,108,2.016,123,1.541,124,1.434,125,2.016,126,0.362,130,2.247,145,2.158,149,1.983,150,2.917,157,2.096,163,3.012,215,4.482,230,2.365,237,5.537,239,2.494,245,4.482,323,3.127,330,2.494,426,4.027,525,6.917,526,6.917,527,6.917]],["t/94",[0,0.276,1,0.333,6,0.017,8,0.228,9,0.245,10,0.24,11,0.234,12,0.262,13,0.326,14,0.257,15,2.135,18,0.944,27,0.795,33,0.195,34,0.962,35,0.185,44,2.415,45,0.234,50,2.459,55,0.98,96,2.73,104,3.058,108,1.994,123,1.525,124,1.418,125,1.994,126,0.36,145,2.135,149,1.97,150,2.897,153,5.2,157,2.073,215,4.434,230,2.339,323,3.752,330,2.467,337,4.74,388,3.984,392,3.136,491,3.837,510,5.273,511,4.147,521,5.029,522,4.793,528,4.332,529,7.572,530,7.572,531,4.434,532,4.434]],["t/96",[0,0.283,1,0.316,6,0.014,8,0.198,9,0.213,10,0.208,11,0.203,12,0.227,13,0.283,14,0.222,18,0.864,25,0.504,27,0.689,31,1.751,33,0.169,34,0.833,35,0.16,45,0.203,49,2.06,51,2.691,55,0.85,58,3.085,64,1.779,73,3.028,77,1.745,89,1.587,90,3.937,95,4.6,96,2.366,97,2.717,98,3.671,99,3.515,100,2.312,101,3.754,108,1.728,123,1.321,124,1.573,125,1.728,126,0.329,130,3.031,145,2.612,149,1.802,150,2.65,157,1.796,176,4,230,2.027,236,4.041,264,2.366,274,3.627,308,3.325,315,2.962,323,2.681,330,2.138,358,3.842,364,3.937,388,3.452,402,2.917,403,3.325,441,3.007,458,5.929,472,4.57,501,3.754,533,5.929,534,5.929,535,6.562,536,5.513,537,5.929,538,6.562,539,6.562,540,4.153,541,6.562,542,6.562,543,5.513,544,5.513,545,4.747,546,6.562,547,6.562,548,5.929,549,5.202,550,6.562]],["t/98",[0,0.283,1,0.335,6,0.017,8,0.233,9,0.25,10,0.244,11,0.239,12,0.268,13,0.333,14,0.262,27,0.811,33,0.199,34,0.981,35,0.188,45,0.239,49,2.112,55,1,77,2.054,78,2.922,95,4.23,96,2.784,101,5.316,102,2.922,103,4.634,104,3.005,105,3.654,106,4.634,108,2.034,123,1.555,124,1.447,125,2.034,126,0.364,130,2.267,145,2.178,149,1.994,150,2.932,157,2.114,230,2.386,323,3.155,330,2.516,486,6.488,551,7.722]],["t/100",[0,0.28,1,0.305,6,0.013,7,1.373,8,0.179,9,0.193,10,0.188,11,0.184,12,0.206,13,0.256,14,0.202,18,1.034,25,0.505,27,0.624,28,1.938,31,1.659,33,0.154,34,0.755,35,0.145,51,2.921,55,0.77,58,3.132,63,4.476,79,3.668,83,3.569,84,2.861,89,1.438,90,4.727,91,3.257,92,3.129,93,5.728,94,2.237,95,3.257,108,1.566,123,1.197,124,1.114,125,1.566,126,0.309,130,3.01,138,3.095,145,2.221,149,1.69,150,2.486,157,2.157,188,3.07,198,3.569,199,3.402,216,3.658,229,3.129,230,1.838,236,3.662,240,2.769,246,4.851,247,3.47,264,2.144,270,4.181,272,2.568,273,3.191,274,2.568,275,3.129,292,3.482,298,4.997,308,3.992,316,3.877,323,3.219,330,1.938,378,3.842,467,2.43,470,4.142,486,4.997,512,3.219,536,4.997,552,4.715,553,7.119,554,3.764,555,5.374,556,5.374,557,4.997,558,4.715,559,3.764,560,4.302,561,3.07,562,4.715,563,3.877,564,5.758,565,5.947,566,7.099,567,9.404,568,5.947,569,5.947,570,5.947,571,4.142,572,5.947,573,4.715,574,5.947]],["t/102",[0,0.279,1,0.331,6,0.016,8,0.225,9,0.241,10,0.236,11,0.23,12,0.258,13,0.321,14,0.252,25,0.491,27,0.782,31,1.262,33,0.192,34,0.945,35,0.181,45,0.23,51,3.096,55,0.964,68,3.521,83,5.453,84,3.58,85,3.772,86,4.851,87,4.101,88,4.781,89,1.8,90,4.466,108,1.96,123,1.499,124,1.394,125,1.96,126,0.356,130,2.184,145,2.099,149,1.95,150,2.867,157,2.038,161,4.466,230,2.3,272,3.214,273,3.994,274,3.214,275,3.916,323,3.041,330,2.425,378,4.174,575,7.39]],["t/104",[0,0.276,1,0.32,6,0.015,8,0.204,9,0.219,10,0.214,11,0.209,12,0.234,13,0.291,14,0.229,25,0.463,33,0.174,34,0.858,35,0.165,36,2.365,40,2.319,45,0.209,47,1.36,49,1.707,51,3.106,55,0.874,59,3.778,61,2.176,65,3.002,68,4.047,69,2.652,70,3.095,71,3.161,72,2.783,73,3.558,74,2.248,75,2.796,76,3.361,77,1.795,78,2.554,79,3.121,80,2.916,81,2.958,82,3.361,83,4.052,88,3.552,104,1.962,108,1.778,123,1.36,124,1.265,125,1.778,126,0.335,130,1.982,138,3.36,145,1.904,149,1.835,150,2.699,157,1.849,161,4.052,175,3.954,177,3.144,200,2.687,216,3.542,228,2.958,230,2.086,272,2.916,273,3.623,274,2.916,275,3.552,289,5.353,315,3.047,318,5.097,323,2.759,330,2.2,523,4.543,559,4.274,576,5.353,577,6.101,578,4.274,579,6.752,580,6.752,581,6.752,582,6.752,583,5.673,584,6.752,585,4.158,586,6.101,587,6.752,588,6.752,589,4.702,590,3.863,591,2.325,592,3.195]],["t/106",[0,0.274,1,0.329,6,0.016,8,0.221,9,0.238,10,0.232,11,0.227,12,0.254,13,0.316,14,0.249,17,3.167,25,0.462,27,0.77,31,1.653,33,0.189,34,0.931,35,0.179,40,2.441,45,0.227,47,1.477,52,4.016,55,0.95,59,5.038,60,2.774,61,2.364,62,4.103,63,5.15,64,2.755,65,3.26,66,4.4,67,3.31,68,3.47,73,3.247,94,1.632,108,1.931,123,1.477,124,1.374,125,1.931,126,0.353,130,2.152,145,2.068,149,1.932,150,2.841,157,2.008,200,2.918,216,3.037,230,2.266,240,3.414,246,4.516,308,3.716,323,2.996,330,2.389,430,4.642,593,7.333,594,3.538,595,7.333,596,7.333,597,7.333,598,3.858,599,5.814,600,7.333]],["t/108",[0,0.272,1,0.326,6,0.016,8,0.216,9,0.232,10,0.226,11,0.221,12,0.248,13,0.308,14,0.242,25,0.48,27,0.931,31,1.708,33,0.185,34,0.909,35,0.174,40,2.404,42,3.918,45,0.221,47,1.44,49,2.01,51,2.8,52,4.857,53,2.52,54,2.923,55,0.926,56,3.838,57,4.122,58,3.449,59,4.002,108,1.884,123,1.44,124,1.34,125,1.884,126,0.348,130,2.099,145,2.017,149,1.903,150,2.798,157,1.958,216,2.962,230,2.21,237,5.175,247,2.81,308,3.625,315,3.228,323,2.923,330,2.331,468,4.405,501,4.092,559,4.527,573,5.671,594,2.81,601,6.464,602,7.153,603,7.153,604,4.405,605,7.153,606,7.153,607,6.01,608,6.01,609,6.464,610,6.01,611,7.153]],["t/110",[0,0.267,1,0.317,2,3.528,5,3.216,6,0.019,8,0.198,9,0.213,10,0.208,11,0.203,12,0.228,13,0.283,14,0.223,25,0.459,27,0.974,28,2.142,31,1.752,33,0.17,34,0.835,35,0.16,40,2.883,42,4.605,43,2.189,44,2.096,45,0.203,46,3.678,47,1.324,48,4.535,49,1.95,50,2.431,51,2.839,52,3.601,63,3.331,108,1.731,117,4.161,123,1.324,124,1.231,125,1.731,126,0.33,130,1.929,137,4.512,145,2.371,146,4.605,149,1.804,150,2.653,157,1.8,181,4.424,194,3.761,200,2.616,230,2.598,239,2.142,323,2.686,330,2.142,346,3.216,378,3.436,425,3.945,441,3.013,460,3.945,510,4.578,523,4.423,583,5.523,590,3.761,591,2.895,592,3.978,594,3.303,612,6.574,613,5.941,614,6.574,615,4.963,616,6.574,617,6.574,618,6.574,619,6.574,620,6.574,621,6.574,622,3.393,623,6.574,624,5.941,625,6.574,626,6.574,627,6.574,628,6.574,629,6.574,630,6.666,631,6.574,632,6.574,633,6.574]],["t/112",[0,0.256,1,0.321,2,4.35,3,2.294,4,2.163,5,3.039,6,0.014,7,1.434,8,0.245,9,0.201,10,0.197,11,0.192,12,0.215,13,0.268,14,0.211,15,2.286,16,2.804,17,2.682,18,0.834,19,4.748,20,4.265,21,3.659,22,2.403,23,3.659,24,4.265,25,0.478,26,3.333,27,1.042,28,2.641,29,2.641,30,3.908,31,1.53,32,3.388,33,0.16,34,0.789,35,0.151,36,1.942,37,3.402,38,3.402,39,3.402,40,2.198,42,3.402,64,1.684,108,1.636,123,1.251,124,1.164,126,0.244,130,1.823,145,1.752,148,4.924,149,1.936,150,2.558,157,1.701,175,3.637,176,3.5,193,4.494,200,2.472,216,3.357,229,3.268,230,1.919,240,2.892,283,4.049,284,3.402,285,4.44,291,4.689,323,3.312,330,2.024,356,4.637,389,4.535,427,3.206,428,5.219,497,2.504,523,4.179,544,5.219,583,5.219,634,3.774,635,0.53,636,4.747,637,5.219,638,6.211,639,3.932,640,4.924,641,5.613,642,4.924,643,4.924,644,5.613,645,5.613,646,5.613,647,5.613,648,3.727,649,6.211,650,6.211,651,6.211,652,6.211,653,6.211,654,6.211,655,6.211,656,6.211,657,6.071,658,6.211,659,9.023,660,7.325,661,3.825,662,6.211,663,6.211,664,6.211,665,4.924,666,4.326,667,6.211,668,3.932,669,6.211,670,6.211,671,6.211]],["t/114",[0,0.291,1,0.365,2,2.665,3,3.392,4,2.802,5,3.936,35,0.265,42,2.72,43,3.059,44,2.566,52,2.72,53,3.355,54,3.288,55,1.441,59,2.779,60,3.3,61,3.07,68,2.35,69,3.427,83,2.98,84,4.196,85,3.53,90,2.98,91,3.815,95,2.72,96,3.434,97,3.332,101,2.841,102,2.636,106,2.98,110,3.593,111,3.807,112,5.145,127,3.459,128,4.18,135,3.459,136,3.842,137,2.665,139,3.459,140,3.459,141,3.459,159,3.341,160,3.593,167,3.058,168,2.752,191,2.309,195,3.143,197,2.057,201,3.341,202,3.202,207,3.341,208,3.237,209,2.901,212,3.341,213,3.341,215,2.908,217,3.341,218,3.312,219,2.97,221,3.3,222,3.738,224,3.237,232,3.058,233,3.738,255,3.341,256,3.459,258,2.98,276,2.98,277,2.779,301,2.779,302,2.908,303,3.53,327,2.841,328,3.143,332,3.143,333,2.908,348,2.908,352,2.72,370,2.779,374,2.908,375,2.35,379,2.908,380,3.052,386,2.908,393,2.517,394,2.276,418,2.613,438,2.841,450,2.908,451,3.058,455,2.841,481,2.841,482,2.841,491,2.517,492,2.613,493,2.613,521,2.72]],["t/116",[0,0.288,1,0.349,3,2.836,6,0.022,8,0.305,9,0.351,10,0.319,11,0.312,12,0.35,13,0.435,14,0.342,18,0.915,25,0.434,27,0.934,28,1.487,29,1.487,30,2.681,31,1.618,33,0.261,34,1.24,35,0.249,36,2.132,41,0.694,43,2.558,45,0.312,47,1.321,48,2.833,49,1.775,50,1.911,54,1.865,55,1.288,61,1.471,72,1.353,73,2.769,74,1.52,77,2.042,81,1.999,89,1.858,94,1.46,99,2.285,100,1.608,102,1.727,108,1.202,109,2.793,111,3.104,122,1.814,125,1.202,136,1.793,168,1.44,191,0.962,200,1.816,202,2.611,211,1.999,216,1.89,218,1.646,219,1.554,230,2.027,296,1.962,330,2.138,332,4.153,344,3.071,345,2.672,346,3.209,348,3.842,349,2.81,350,2.889,351,2.449,352,3.593,353,2.611,367,2.672,368,2.672,369,2.672,370,3.671,371,2.739,372,3.973,373,3.897,374,3.842,375,2.159,376,2.81,379,3.842,380,2.874,381,2.889,386,3.842,387,2.889,392,1.89,393,3.325,394,3.007,395,2.029,404,2.558,410,2.195,411,2.195,412,2.195,413,2.961,414,2.234,415,2.961,416,2.195,417,2.422,418,3.452,419,2.401,422,2.338,423,2.356,424,3.325,435,2.553,436,2.553,437,2.553]],["t/118",[0,0.281,1,0.352,6,0.022,7,1.095,8,0.307,9,0.352,10,0.322,11,0.315,12,0.353,13,0.439,14,0.345,18,0.488,22,2,25,0.389,27,1.069,28,1.546,29,1.546,31,1.726,32,2.246,33,0.263,34,1.293,35,0.248,36,1.616,41,0.668,44,2.151,45,0.31,49,1.802,50,2.126,55,1.318,58,1.58,64,1.829,67,2.141,74,2.246,77,1.793,78,1.795,79,2.461,80,2.048,85,2.404,89,2.184,94,2.088,96,2.432,97,1.964,99,1.652,100,1.671,104,2.483,105,2.244,108,1.249,109,2.871,122,1.865,125,1.249,153,3.548,197,2.793,209,1.71,215,3.949,218,2.83,219,1.615,221,2.969,222,2.545,233,2.545,280,2.141,314,3.044,331,2.078,337,2.449,340,2.684,342,2.719,343,3.091,392,2.793,404,2.613,405,2.244,414,2.296,417,1.752,422,2.797,438,3.858,439,2.921,450,3.949,451,2.921,452,3.002,455,3.858,456,2.846,466,2.209,467,1.938,480,2.282,481,3.858,482,3.858,483,2.921,490,2.921,491,3.418,492,3.548,493,2.496,494,2.654,505,2.921,509,2.449,520,2.545,521,3.694,522,3.002,528,2.714,531,2.778,532,2.778]],["t/120",[6,0.023,8,0.308,9,0.353,10,0.323,11,0.316,12,0.354,13,0.294,14,0.346,25,0.451,27,0.716,33,0.264,35,0.266,41,0.685,45,0.316,50,1.696,53,3.031,88,4.528,109,2.903,110,6.225,111,3.226,112,5.373,113,5.405,114,5.405,115,4.091,116,3.658,117,4.315,118,2.246,119,5.405,120,4.932,125,1.796,127,5.993,128,4.091,129,5.447,130,2.768,131,4.091,135,5.993,136,3.704,137,3.658,138,2.678,139,5.993,140,5.993,141,4.748,142,5.405,143,4.091,163,2.221,168,2.151,169,4.932,170,2.579,171,4.932]],["t/122",[0,0.293,1,0.334,6,0.022,8,0.304,9,0.349,10,0.319,11,0.311,12,0.349,13,0.434,14,0.341,15,1.274,18,0.949,22,2.737,25,0.464,31,1.565,32,1.504,33,0.26,35,0.254,36,2.003,40,1.225,41,0.688,45,0.315,47,1.858,50,2.296,51,2.682,53,2.69,54,1.845,57,2.591,58,2.168,60,2.889,61,1.456,64,1.765,69,2.558,71,2.193,72,2.478,75,2.697,89,1.092,97,1.87,104,1.312,108,1.19,109,2.772,122,1.249,124,0.846,125,1.19,130,1.326,136,2.558,144,2.584,149,0.969,150,1.425,154,2.71,157,1.237,168,2.055,191,2.122,200,3.039,209,1.629,211,3.345,219,1.538,229,2.376,232,4.01,245,2.645,255,4.381,256,3.145,257,3.41,258,3.907,259,2.944,271,2.944,272,3.297,273,2.424,274,1.95,275,2.376,276,3.907,277,3.643,278,2.137,279,2.527,287,3.558,296,1.843,301,3.643,302,3.813,303,3.3,304,2.944,313,2.859,314,3.999,322,2.71,325,2.71,326,3.426,327,3.725,328,4.122,329,3.039,331,1.979,333,3.813,334,2.645,335,2.781,336,2.781,339,2.859,340,2.591,341,2.859,342,1.821,343,2.07]],["t/124",[0,0.138,1,0.173,3,1.974,4,1.862,6,0.023,8,0.315,9,0.357,10,0.33,11,0.322,12,0.361,13,0.444,14,0.353,18,0.86,25,0.429,27,1.048,31,1.419,33,0.269,35,0.269,36,1.757,40,2.441,41,0.685,43,1.78,45,0.322,47,1.813,49,1.463,50,1.33,61,2.363,64,1.988,69,2.1,71,1.8,72,1.585,84,3.527,91,2.928,94,1.19,96,1.928,108,1.408,109,3.121,112,2.813,121,4.194,122,2.027,125,1.408,128,3.208,136,2.1,143,3.208,149,1.147,159,4.933,160,3.868,161,3.208,162,5.038,163,1.742,167,4.515,191,2.172,192,3.597,194,3.058,195,4.641,196,3.723,197,2.214,200,3.33,201,4.933,202,2.128,203,4.036,204,4.165,207,4.933,208,4.779,209,1.928,210,3.868,211,3.666,212,4.933,213,4.933,214,4.036,217,4.933,218,1.928,219,1.82,220,4.036,221,2.023,222,2.869,223,4.036,224,4.779,225,3.723,233,2.869,234,4.036,235,4.036]],["t/126",[0,0.29,22,2.242,31,1.453,33,0.144,34,0.711,35,0.136,71,2.546,272,2.416,273,3.002,274,2.416,275,2.943,287,2.382,314,3.413,343,2.564,372,3.578,672,5.595,673,5.595,674,5.595,675,5.056,676,5.595,677,5.595,678,5.056,679,9.584,680,5.595,681,7.562,682,8.566,683,5.595,684,5.595,685,5.595,686,5.595,687,8.566,688,5.595,689,5.595,690,5.595,691,7.562,692,5.595,693,5.595,694,8.566,695,5.595,696,5.595,697,5.595,698,5.595,699,5.595,700,5.595,701,5.595,702,5.595,703,5.595,704,5.595,705,5.595,706,5.595,707,5.595,708,5.595,709,5.595,710,5.595,711,5.595,712,5.595,713,5.595,714,5.595,715,5.595,716,5.595,717,5.595,718,5.595,719,5.595,720,5.595,721,5.595,722,5.595,723,5.595,724,5.595,725,5.595,726,5.595,727,5.595,728,5.595,729,5.595,730,5.595,731,5.595,732,5.595,733,5.595,734,5.595,735,5.595,736,5.595,737,5.595,738,4.435,739,5.595,740,5.595,741,5.056,742,7.562,743,5.595,744,5.595,745,5.595,746,5.595,747,3.357,748,4.7,749,5.595,750,5.595,751,5.595,752,5.056,753,5.595,754,5.595,755,5.595,756,5.595,757,5.595,758,5.056,759,5.595,760,5.595,761,5.595,762,5.595,763,5.595,764,5.595,765,5.595,766,5.595,767,5.595,768,5.595,769,4.047,770,5.595,771,5.595,772,5.595,773,5.595,774,5.595,775,5.595,776,5.595,777,5.056,778,5.595,779,5.595,780,5.595,781,4.7,782,5.595,783,5.595,784,5.595,785,5.595,786,5.595,787,5.595,788,5.595,789,5.595,790,5.595,791,5.595,792,5.595,793,5.595,794,5.595,795,5.595,796,5.595,797,5.595,798,5.595,799,5.595,800,5.595,801,5.595,802,5.595,803,5.595,804,5.595,805,5.595,806,5.595,807,5.595,808,5.595,809,5.595,810,5.595,811,5.595,812,5.595,813,5.595,814,5.595,815,5.595,816,5.595,817,5.595,818,5.595,819,5.595,820,5.595,821,5.595,822,5.595,823,5.595,824,5.595,825,5.595,826,5.595,827,5.595,828,5.595,829,5.595,830,5.595,831,5.595,832,5.595,833,5.595,834,5.595,835,5.595,836,5.595,837,5.595,838,5.595,839,5.595,840,5.595,841,5.595,842,5.595,843,5.595,844,5.595]],["t/128",[0,0.264,1,0.331,5,3.641,6,0.02,7,1.718,8,0.274,9,0.331,10,0.288,11,0.281,12,0.315,13,0.392,14,0.308,18,0.765,25,0.339,27,0.782,30,3.713,31,1.541,33,0.264,34,1.154,35,0.222,40,2.018,41,0.597,42,4.977,43,2.478,44,2.373,45,0.281,46,4.164,47,1.499,48,4.524,49,1.813,50,2.26,51,2.64,55,0.964,94,1.656,126,0.292,218,2.684,380,3.261,418,4.781,422,2.652,423,3.842,424,4.605,435,4.164,436,4.164,437,4.164,635,0.635]],["t/130",[0,0.282,1,0.337,2,3.623,3,1.754,4,2.351,5,2.324,6,0.022,7,1.559,8,0.303,9,0.348,10,0.318,11,0.31,12,0.348,13,0.433,14,0.34,15,1.339,16,2.144,17,2.051,18,0.808,19,2.499,20,2.499,21,2.144,22,1.408,23,2.144,24,2.499,25,0.427,26,2.549,27,0.898,28,2.559,29,2.559,30,2.758,31,1.532,32,2.248,33,0.266,34,1.147,35,0.256,36,2.574,37,2.602,38,2.602,39,2.602,40,2.319,41,0.659,43,1.582,45,0.298,47,1.359,49,0.948,51,1.961,54,1.941,55,1.107,58,1.582,61,1.531,65,2.112,68,3.194,69,3.36,70,2.177,71,1.599,72,1.408,73,2.434,74,2.848,75,1.967,76,2.364,77,1.263,78,1.797,79,1.733,80,2.051,81,2.081,82,2.364,89,1.149,94,1.502,99,1.654,100,1.673,122,1.866,126,0.186,130,1.394,136,1.866,149,1.019,150,1.499,154,2.85,157,1.3,168,1.499,191,1.802,197,2.796,200,3.125,209,1.713,211,3.441,216,1.967,218,1.713,219,1.617,222,2.549,224,4.4,225,3.308,230,2.086,232,4.157,255,4.542,256,3.308,257,3.586,259,3.096,280,2.144,296,1.047,330,2.2,331,2.081,332,4.273,340,1.89,342,1.915,344,3.196,345,2.781,346,2.324,370,3.777,371,2.85,372,4.046,373,3.958,404,1.582,414,1.617,417,1.754,422,1.693,438,3.862,439,2.925,466,2.212,467,1.941,480,2.285,635,0.405,845,4.292]],["t/132",[0,0.261,1,0.328,2,4.795,3,2.674,4,2.522,5,3.543,6,0.02,7,2.063,8,0.27,9,0.328,10,0.283,11,0.276,12,0.31,13,0.385,14,0.303,15,2.042,16,3.269,17,3.127,18,0.919,19,3.81,20,3.81,21,3.269,22,2.147,23,3.269,24,3.81,25,0.406,26,3.886,27,0.938,28,2.36,29,2.36,30,4.247,31,1.515,32,2.976,33,0.261,34,1.135,35,0.218,36,1.735,37,3.966,38,3.966,39,3.966,40,1.963,41,0.587,45,0.224,48,3.859,55,0.938,94,1.612,126,0.284,218,2.611,380,3.173,418,4.701,422,2.581,423,3.738,424,4.528,435,4.052,436,4.052,437,4.052,635,0.618]],["t/134",[6,0.018,8,0.249,9,0.313,10,0.261,11,0.255,12,0.286,14,0.28,25,0.375,27,1.015,33,0.265,35,0.236,40,2.237,41,0.542,45,0.299,112,4.341,121,5.864,126,0.324,136,3.242,149,1.77,159,6.503,160,5.969,161,4.951,162,4.617,163,2.689,635,0.704]],["t/136",[0,0.287,1,0.324,6,0.017,8,0.235,9,0.303,10,0.247,11,0.241,12,0.27,13,0.336,14,0.264,18,0.801,27,0.818,28,2.539,29,2.539,33,0.258,34,0.99,35,0.228,36,2.398,41,0.512,43,2.595,45,0.289,55,1.009,126,0.306,219,2.653,230,2.886,330,3.044,370,5.227,371,4.675,372,4.909,373,4.648,635,0.665]],["t/138",[0,0.281,1,0.351,2,3.54,3,1.698,4,2.298,5,3.228,6,0.022,7,1.523,8,0.305,9,0.351,10,0.32,11,0.313,12,0.35,13,0.436,14,0.343,15,1.297,16,2.076,17,1.986,18,0.678,19,2.42,20,2.42,21,2.076,22,1.364,23,2.076,24,2.42,25,0.422,26,2.468,27,0.975,28,1.499,29,1.499,30,2.696,31,1.782,32,2.197,33,0.267,34,1.284,35,0.247,36,1.849,37,2.519,38,2.519,39,2.519,40,2.419,41,0.664,42,3.614,43,1.532,44,1.467,45,0.302,46,2.574,47,1.697,48,2.849,49,1.988,50,1.641,51,2.779,52,3.614,53,1.62,54,1.879,55,1.267,56,2.468,57,2.626,58,2.569,59,3.691,60,1.74,61,2.127,62,2.574,63,3.909,64,1.789,65,2.933,66,2.76,67,2.076,68,3.122,69,1.807,70,2.108,71,1.549,72,1.364,73,2.379,74,1.532,75,1.905,76,2.29,77,2.051,78,2.496,79,2.407,80,1.986,81,2.015,82,2.29,83,3.959,84,3.174,85,2.331,86,2.998,87,2.076,88,2.42,89,2.038,90,3.959,91,2.519,92,2.42,93,2.693,94,1.024,95,3.614,96,2.782,97,1.905,98,2.574,99,2.298,100,1.62,101,3.774,102,1.74,103,2.76,104,1.337,105,2.176,106,3.959,107,2.998,108,1.211,109,1.958,126,0.18,635,0.392,846,3.647]],["t/140",[0,0.293,1,0.346,6,0.021,8,0.293,9,0.343,10,0.307,11,0.3,12,0.336,13,0.418,14,0.329,15,1.633,18,0.957,22,2.958,25,0.454,32,1.928,33,0.263,35,0.236,41,0.695,45,0.308,47,1.755,50,2.168,53,3.07,54,2.365,57,3.079,58,2.577,61,1.866,64,2.098,71,2.605,72,2.759,75,3.204,102,2.19,104,1.682,122,1.601,126,0.227,136,3.04,144,3.312,168,1.827,191,2.043,209,2.087,277,4.329,278,2.739,279,3.239,287,3.961,296,2.052,301,4.329,303,2.934,322,3.474,325,3.474,326,4.071,327,4.427,328,4.898,329,3.895,331,2.536,333,4.531,334,3.39,335,3.565,336,3.565,339,3.664,340,3.079,341,3.664,342,2.334,343,2.653,635,0.494]],["t/142",[0,0.283,6,0.018,8,0.242,9,0.308,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,18,0.825,25,0.365,33,0.262,35,0.232,41,0.527,45,0.294,51,3.183,60,3.036,97,3.323,126,0.315,191,1.691,258,5.705,271,5.23,272,4.105,273,4.306,274,3.465,275,4.222,635,0.684]],["t/144",[0,0.283,6,0.018,8,0.243,9,0.308,10,0.255,11,0.249,12,0.279,13,0.347,14,0.273,18,0.827,25,0.366,33,0.262,35,0.232,41,0.528,45,0.294,51,3.184,60,3.043,97,3.331,126,0.315,191,1.695,258,5.713,271,5.242,272,3.473,273,4.316,274,3.473,275,4.231,635,0.686]],["t/146",[0,0.291,1,0.327,6,0.02,7,1.655,8,0.268,9,0.327,10,0.281,11,0.274,12,0.308,13,0.383,14,0.301,18,0.737,25,0.326,33,0.26,35,0.216,41,0.662,45,0.274,47,1.788,50,2.4,53,3.128,57,3.533,64,2.407,71,3.248,72,3.073,75,3.677,104,2.083,122,1.982,126,0.281,191,1.871,209,2.584,296,1.958,301,4.968,303,3.632,322,4.301,325,4.301,326,4.671,327,5.079,334,4.197,335,4.414,336,4.414,635,0.611]],["t/148",[0,0.283,1,0.308,6,0.018,8,0.242,9,0.308,10,0.253,11,0.247,12,0.277,13,0.345,14,0.271,18,0.823,22,2.815,25,0.432,33,0.261,35,0.195,41,0.624,45,0.293,126,0.314,136,3.145,168,2.526,191,1.687,287,3.408,296,1.765,333,5.559,339,5.067,340,3.778,341,5.067,342,3.228,343,4.352,635,0.683]],["t/150",[0,0.292,1,0.327,6,0.02,7,1.658,8,0.268,9,0.327,10,0.281,11,0.275,12,0.308,13,0.383,14,0.301,18,0.739,25,0.327,33,0.26,35,0.217,41,0.663,45,0.275,47,1.79,50,2.402,53,3.132,57,3.538,64,2.41,71,2.993,72,3.075,75,3.682,104,2.087,122,1.986,126,0.282,191,1.873,209,2.59,296,1.961,301,4.974,303,3.64,322,4.31,325,4.31,326,4.677,327,5.086,334,4.206,335,4.423,336,4.423,635,0.613]],["t/152",[0,0.287,1,0.334,3,3.241,6,0.021,8,0.289,9,0.341,10,0.303,11,0.296,12,0.331,13,0.412,14,0.324,31,1.875,33,0.266,34,1.115,35,0.233,41,0.677,45,0.296,47,1.926,55,1.137,60,2.663,89,2.314,124,1.318,126,0.276,191,1.483,229,3.703,245,4.121,276,5.268,296,1.936,303,3.566,304,4.587,374,5.14,375,3.33,376,4.334,379,5.14,380,3.083,381,4.455,635,0.6,847,2.568]],["t/154",[0,0.283,6,0.018,8,0.242,9,0.308,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,18,0.825,25,0.365,33,0.262,35,0.232,41,0.527,45,0.294,51,3.183,60,3.036,97,3.323,126,0.315,191,1.691,258,5.705,271,5.23,272,3.465,273,5.102,274,3.465,275,4.222,635,0.684]],["t/156",[0,0.283,1,0.261,6,0.018,8,0.243,9,0.309,10,0.255,11,0.249,12,0.279,13,0.348,14,0.273,31,1.841,33,0.262,35,0.197,41,0.529,45,0.295,47,1.623,60,3.05,89,1.95,124,1.51,126,0.316,191,1.698,229,5.016,245,4.72,276,5.721,303,4.085,304,5.254,635,0.688]],["t/158",[0,0.283,1,0.261,6,0.018,8,0.243,9,0.309,10,0.255,11,0.249,12,0.279,13,0.348,14,0.273,31,1.841,33,0.262,35,0.197,41,0.529,45,0.295,47,1.623,60,3.05,89,1.95,124,1.786,126,0.316,191,1.698,229,4.241,245,4.72,276,5.721,303,4.085,304,5.254,635,0.688]],["t/160",[0,0.283,1,0.261,6,0.018,8,0.243,9,0.309,10,0.255,11,0.249,12,0.279,13,0.348,14,0.273,31,1.841,33,0.262,35,0.197,41,0.529,45,0.295,47,1.623,60,3.05,89,1.95,124,1.51,126,0.316,191,1.698,229,4.241,245,5.582,276,5.721,303,4.085,304,5.254,635,0.688]],["t/162",[0,0.284,1,0.305,6,0.017,8,0.238,9,0.305,10,0.25,11,0.244,12,0.274,13,0.34,14,0.268,15,2.227,18,0.812,22,3.204,25,0.359,32,2.63,33,0.26,35,0.193,41,0.618,45,0.311,47,1.59,53,2.782,54,3.226,126,0.31,144,4.518,191,1.664,277,5.269,278,3.736,279,4.418,287,4.437,635,0.674]],["t/164",[0,0.284,1,0.305,6,0.017,8,0.239,9,0.305,10,0.251,11,0.245,12,0.274,13,0.341,14,0.268,15,2.232,18,0.814,22,3.205,25,0.36,32,2.636,33,0.26,35,0.193,41,0.619,45,0.311,47,1.594,53,2.788,54,3.234,126,0.31,144,4.528,191,1.668,277,5.276,278,3.745,279,4.428,287,4.289,635,0.675]],["t/166",[0,0.283,6,0.018,8,0.242,9,0.308,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,18,0.825,25,0.365,33,0.262,35,0.232,41,0.527,45,0.294,51,3.183,60,3.036,97,3.323,126,0.315,191,1.691,258,5.705,271,5.23,272,3.465,273,4.306,274,4.105,275,4.222,635,0.684]],["t/168",[0,0.283,1,0.308,6,0.018,8,0.242,9,0.308,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,18,0.825,22,2.379,25,0.432,33,0.262,35,0.196,41,0.624,45,0.294,126,0.315,136,3.152,168,2.532,191,1.691,287,4.048,296,1.769,333,5.567,339,5.079,340,3.783,341,5.079,342,3.235,343,3.678,635,0.684]],["t/170",[0,0.284,1,0.305,6,0.017,8,0.238,9,0.305,10,0.25,11,0.244,12,0.274,13,0.34,14,0.268,15,2.227,18,0.812,22,3.204,25,0.359,32,2.63,33,0.26,35,0.193,41,0.618,45,0.311,47,1.59,53,2.782,54,3.226,126,0.31,144,4.518,191,1.664,277,5.269,278,3.736,279,4.418,287,4.437,635,0.674]],["t/172",[0,0.288,1,0.308,6,0.018,8,0.242,9,0.308,10,0.253,11,0.247,12,0.277,13,0.345,14,0.271,33,0.261,35,0.195,41,0.624,45,0.293,47,1.612,53,2.82,57,3.186,71,2.696,72,2.815,122,2.625,126,0.314,191,1.687,296,1.765,301,5.312,303,4.057,322,4.804,325,4.804,326,4.212,635,0.683]],["t/174",[0,0.283,6,0.018,8,0.242,9,0.308,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,18,0.825,25,0.365,33,0.262,35,0.232,41,0.527,45,0.294,51,3.183,60,3.036,97,3.323,126,0.315,191,1.691,258,5.705,271,5.23,272,3.465,273,4.306,274,3.465,275,5.002,635,0.684]],["t/176",[0,0.292,1,0.327,6,0.02,7,1.658,8,0.268,9,0.327,10,0.281,11,0.275,12,0.308,13,0.383,14,0.301,18,0.739,25,0.327,33,0.26,35,0.217,41,0.663,45,0.275,47,1.79,50,2.402,53,3.132,57,3.842,64,2.41,71,2.993,72,2.992,75,3.682,104,2.087,122,1.986,126,0.282,191,1.873,209,2.59,296,1.961,301,4.974,303,3.64,322,4.31,325,4.31,326,4.677,327,5.086,334,4.206,335,4.423,336,4.423,635,0.613]],["t/178",[0,0.283,1,0.259,6,0.018,8,0.242,9,0.308,10,0.253,11,0.247,12,0.277,13,0.345,14,0.271,18,0.823,25,0.432,33,0.261,35,0.195,41,0.526,45,0.293,47,1.612,50,2.518,60,3.029,126,0.314,191,1.687,219,2.726,272,4.1,302,5.559,313,5.067,314,4.892,635,0.683]],["t/180",[0,0.283,1,0.259,6,0.018,8,0.241,9,0.307,10,0.253,11,0.247,12,0.277,13,0.344,14,0.271,18,0.821,25,0.431,33,0.261,35,0.195,41,0.525,45,0.293,47,1.608,50,2.516,60,3.022,126,0.313,191,1.683,219,2.72,272,4.367,302,5.552,313,5.056,314,4.889,635,0.681]],["t/182",[0,0.292,1,0.327,6,0.02,7,1.658,8,0.268,9,0.327,10,0.281,11,0.275,12,0.308,13,0.383,14,0.301,18,0.739,25,0.327,33,0.26,35,0.217,41,0.663,45,0.275,47,1.79,50,2.402,53,3.132,57,3.538,64,2.41,71,2.993,72,2.992,75,3.682,104,2.087,122,1.986,126,0.282,191,1.873,209,2.59,296,1.961,301,4.974,303,3.64,322,4.31,325,4.31,326,5.08,327,5.086,334,4.206,335,4.423,336,4.423,635,0.613]],["t/184",[0,0.288,1,0.308,6,0.018,8,0.242,9,0.308,10,0.253,11,0.247,12,0.277,13,0.345,14,0.271,33,0.261,35,0.195,41,0.624,45,0.293,47,1.612,53,2.82,57,3.186,71,2.696,72,2.815,122,2.213,126,0.314,191,1.687,296,1.765,301,5.312,303,4.057,322,4.804,325,5.697,326,4.212,635,0.683]],["t/186",[0,0.287,1,0.324,6,0.017,8,0.235,9,0.302,10,0.246,11,0.24,12,0.269,13,0.335,14,0.263,18,0.799,27,0.816,28,2.533,29,2.533,33,0.258,34,0.987,35,0.227,36,2.235,41,0.511,43,2.589,45,0.288,55,1.007,126,0.305,219,2.647,230,2.883,330,3.04,370,5.22,371,4.665,372,5.017,373,4.717,635,0.663]],["t/188",[0,0.284,1,0.305,6,0.017,8,0.239,9,0.305,10,0.251,11,0.245,12,0.274,13,0.341,14,0.268,15,2.232,18,0.814,22,3.159,25,0.36,32,3.14,33,0.26,35,0.193,41,0.619,45,0.311,47,1.594,53,2.788,54,3.234,126,0.31,144,4.528,191,1.668,277,5.276,278,3.745,279,4.428,287,4.289,635,0.675]],["t/190",[0,0.287,1,0.324,6,0.017,8,0.235,9,0.303,10,0.247,11,0.241,12,0.27,13,0.336,14,0.264,18,0.801,27,0.818,28,2.539,29,2.539,33,0.258,34,0.99,35,0.228,36,2.238,41,0.512,43,2.595,45,0.289,55,1.009,126,0.306,219,2.653,230,2.886,330,3.044,370,5.227,371,4.675,372,4.909,373,4.719,635,0.665]],["t/192",[0,0.285,1,0.318,3,2.754,6,0.02,7,1.722,8,0.275,9,0.331,10,0.288,11,0.281,12,0.315,13,0.392,14,0.308,18,0.767,25,0.447,33,0.264,34,0.947,35,0.222,41,0.598,45,0.281,47,1.502,50,2.685,55,0.966,60,2.822,111,3.529,126,0.292,191,1.571,200,2.968,211,3.268,219,2.539,272,3.929,302,5.328,313,4.721,314,4.731,386,5.328,387,4.721,392,3.089,635,0.636]],["t/194",[0,0.281,1,0.352,6,0.022,7,1.086,8,0.307,9,0.352,10,0.322,11,0.314,12,0.352,13,0.438,14,0.344,18,0.484,22,1.988,25,0.387,27,1.067,28,1.533,29,1.533,31,1.723,32,2.233,33,0.268,34,1.291,35,0.248,36,1.607,41,0.667,44,2.138,45,0.31,49,1.796,50,2.118,55,1.316,58,1.567,64,1.818,67,2.124,74,2.233,77,1.783,78,1.78,79,2.447,80,2.032,85,2.384,89,2.177,94,2.082,96,2.418,97,1.949,99,1.639,100,1.658,104,2.474,105,2.226,108,1.239,109,2.855,122,1.854,125,1.239,126,0.185,153,3.528,197,2.777,209,1.697,215,3.926,218,2.817,219,1.602,221,2.956,222,2.525,233,2.525,280,2.124,314,3.027,331,2.061,337,2.429,340,2.668,342,2.704,343,3.073,392,2.777,404,2.602,405,2.226,414,2.283,417,1.737,422,2.784,438,3.836,439,2.897,450,3.926,451,2.897,452,2.978,455,3.836,456,2.823,466,2.191,467,1.922,480,2.263,481,3.836,482,3.836,483,2.897,490,2.897,491,3.398,492,3.528,493,2.476,494,2.633,505,2.897,509,2.429,520,2.525,521,3.673,522,2.978,528,2.692,531,2.755,532,2.755,635,0.401,846,3.73]],["t/196",[0,0.287,1,0.303,6,0.017,8,0.236,9,0.303,10,0.248,11,0.242,12,0.271,13,0.337,14,0.265,18,0.805,25,0.356,33,0.259,35,0.191,41,0.615,45,0.29,47,1.576,50,2.585,53,2.757,57,3.114,64,2.54,71,2.635,72,2.777,75,3.879,104,2.274,126,0.307,191,1.649,209,2.822,296,1.726,326,4.118,327,5.359,334,4.583,335,4.819,336,4.819,635,0.668]],["t/198",[0,0.293,1,0.343,6,0.021,8,0.292,9,0.343,10,0.307,11,0.3,12,0.336,13,0.418,14,0.328,15,1.63,18,0.956,22,2.957,25,0.454,32,1.925,33,0.263,35,0.236,41,0.695,45,0.308,47,1.754,50,2.166,53,3.068,54,2.361,57,3.076,58,2.574,61,1.863,64,2.096,71,2.603,72,2.757,75,3.201,104,1.679,109,2.461,122,1.598,125,1.522,126,0.227,136,3.036,144,3.306,168,1.824,191,2.042,209,2.084,277,4.325,278,2.735,279,3.234,287,3.958,296,2.05,301,4.325,303,2.929,322,3.468,325,3.468,326,4.067,327,4.422,328,4.892,329,3.889,331,2.532,333,4.526,334,3.384,335,3.559,336,3.559,339,3.658,340,3.076,341,3.658,342,2.33,343,2.649,635,0.493,846,4.582]],["t/200",[0,0.246,1,0.309,6,0.018,8,0.243,9,0.309,10,0.255,11,0.249,12,0.279,13,0.348,14,0.273,18,0.829,25,0.367,27,0.846,30,3.895,33,0.262,34,1.024,35,0.197,41,0.529,45,0.295,48,4.117,55,1.044,94,1.794,126,0.316,218,2.907,380,3.532,418,5.016,422,2.873,423,4.161,424,4.831,435,4.51,436,4.51,437,5.334,635,0.688]],["t/202",[0,0.288,1,0.349,3,2.824,6,0.022,8,0.304,9,0.35,10,0.319,11,0.311,12,0.349,13,0.434,14,0.341,18,0.912,25,0.433,27,0.931,28,1.475,29,1.475,30,2.665,31,1.614,33,0.266,34,1.238,35,0.249,36,2.125,41,0.693,43,2.547,45,0.311,47,1.314,48,2.817,49,1.77,50,1.902,54,1.85,55,1.285,61,1.46,72,1.343,73,2.757,74,1.508,77,2.034,81,1.984,89,1.85,94,1.452,99,2.272,100,1.595,102,1.713,108,1.193,109,2.777,111,3.087,122,1.804,125,1.193,126,0.178,136,1.779,168,1.429,191,0.954,200,1.802,202,2.596,211,1.984,216,1.875,218,1.633,219,1.542,230,2.016,296,1.956,330,2.126,332,4.129,344,3.047,345,2.652,346,3.191,348,3.82,349,2.789,350,2.866,351,2.43,352,3.573,353,2.591,367,2.652,368,2.652,369,2.652,370,3.65,371,2.717,372,3.959,373,3.885,374,3.82,375,2.143,376,2.789,379,3.82,380,2.858,381,2.866,386,3.82,387,2.866,392,1.875,393,3.306,394,2.99,395,2.013,404,2.547,410,2.178,411,2.178,412,2.178,413,2.945,414,2.221,415,2.945,416,2.178,417,2.409,418,3.432,419,2.382,422,2.325,423,2.337,424,3.306,435,2.534,436,2.534,437,2.534,635,0.386,846,3.59]],["t/204",[0,0.246,1,0.309,6,0.018,8,0.243,9,0.309,10,0.255,11,0.249,12,0.279,13,0.348,14,0.273,18,0.829,25,0.367,27,0.846,30,3.895,33,0.262,34,1.024,35,0.197,41,0.529,45,0.295,48,4.117,55,1.044,94,1.794,126,0.316,218,2.907,380,3.532,418,5.016,422,2.873,423,4.161,424,4.831,435,5.334,436,4.51,437,4.51,635,0.688]],["t/206",[0,0.276,1,0.338,4,2.214,6,0.021,7,1.468,8,0.291,9,0.342,10,0.305,11,0.298,12,0.334,13,0.416,14,0.327,25,0.374,27,0.864,28,2.072,29,2.072,31,1.396,33,0.264,34,1.159,35,0.235,36,2.497,40,1.724,41,0.656,45,0.282,47,1.28,49,1.269,51,2.391,54,2.598,55,1.182,58,2.117,61,2.05,65,2.827,68,3.894,69,2.498,70,2.914,71,2.141,72,1.885,73,2.968,74,3.329,75,2.633,76,3.165,77,1.691,78,2.406,79,2.32,80,2.746,81,2.786,82,3.165,89,1.538,94,1.832,99,2.214,100,2.24,122,2.275,126,0.249,136,2.498,191,1.34,197,3.408,209,2.293,216,2.633,218,2.293,222,3.412,280,2.87,296,1.402,331,2.786,332,5.209,340,2.53,342,2.564,344,4.278,345,3.723,346,3.111,404,2.117,414,2.165,417,2.348,422,2.266,438,4.708,439,3.916,466,2.96,467,2.598,480,3.058,635,0.542]],["t/208",[0,0.28,1,0.351,2,3.54,3,1.698,4,2.298,5,3.228,6,0.022,7,1.523,8,0.305,9,0.351,10,0.32,11,0.313,12,0.35,13,0.436,14,0.343,15,1.297,16,2.076,17,1.986,18,0.678,19,2.42,20,2.42,21,2.076,22,1.364,23,2.076,24,2.42,25,0.422,26,2.468,27,0.975,28,1.499,29,1.499,30,2.696,31,1.782,32,2.197,33,0.267,34,1.284,35,0.25,36,1.849,37,2.519,38,2.519,39,2.519,40,2.419,41,0.664,42,3.614,43,1.532,44,1.467,45,0.302,46,2.574,47,1.697,48,2.849,49,1.988,50,1.641,51,2.779,52,3.614,53,1.62,54,1.879,55,1.267,56,2.468,57,2.626,58,2.569,59,3.691,60,1.74,61,2.127,62,2.574,63,3.909,64,1.789,65,2.933,66,2.76,67,2.076,68,3.122,69,1.807,70,2.108,71,1.549,72,1.364,73,2.379,74,1.532,75,1.905,76,2.29,77,2.051,78,2.496,79,2.407,80,1.986,81,2.015,82,2.29,83,3.959,84,3.174,85,2.331,86,2.998,87,2.076,88,2.42,89,2.038,90,3.959,91,2.519,92,2.42,93,2.693,94,1.024,95,3.614,96,2.782,97,1.905,98,2.574,99,2.298,100,1.62,101,3.774,102,1.74,103,2.76,104,1.337,105,2.176,106,3.959,107,2.998,108,1.211,109,1.958,126,0.18,635,0.392,848,3.328]],["t/210",[0,0.285,1,0.324,6,0.017,8,0.235,9,0.302,10,0.246,11,0.24,12,0.269,13,0.335,14,0.263,18,0.799,27,0.816,28,2.533,29,2.533,33,0.258,34,0.987,35,0.244,36,2.235,41,0.511,43,2.589,45,0.288,55,1.007,126,0.305,219,2.647,230,2.883,330,3.04,370,5.22,371,4.665,372,5.017,373,4.717,635,0.663]],["t/212",[0,0.28,1,0.352,6,0.022,7,1.086,8,0.307,9,0.352,10,0.322,11,0.314,12,0.352,13,0.438,14,0.344,18,0.484,22,1.988,25,0.387,27,1.067,28,1.533,29,1.533,31,1.723,32,2.233,33,0.268,34,1.291,35,0.251,36,1.607,41,0.667,44,2.138,45,0.31,49,1.796,50,2.118,55,1.316,58,1.567,64,1.818,67,2.124,74,2.233,77,1.783,78,1.78,79,2.447,80,2.032,85,2.384,89,2.177,94,2.082,96,2.418,97,1.949,99,1.639,100,1.658,104,2.474,105,2.226,108,1.239,109,2.855,122,1.854,125,1.239,126,0.185,153,3.528,197,2.777,209,1.697,215,3.926,218,2.817,219,1.602,221,2.956,222,2.525,233,2.525,280,2.124,314,3.027,331,2.061,337,2.429,340,2.668,342,2.704,343,3.073,392,2.777,404,2.602,405,2.226,414,2.283,417,1.737,422,2.784,438,3.836,439,2.897,450,3.926,451,2.897,452,2.978,455,3.836,456,2.823,466,2.191,467,1.922,480,2.263,481,3.836,482,3.836,483,2.897,490,2.897,491,3.398,492,3.528,493,2.476,494,2.633,505,2.897,509,2.429,520,2.525,521,3.673,522,2.978,528,2.692,531,2.755,532,2.755,635,0.401,848,3.404]],["t/214",[0,0.292,1,0.333,6,0.022,8,0.303,9,0.348,10,0.318,11,0.311,12,0.348,13,0.433,14,0.341,15,1.264,18,0.947,22,2.729,25,0.463,31,1.561,32,1.493,33,0.266,35,0.255,36,1.995,40,1.215,41,0.687,45,0.315,47,1.854,50,2.29,51,2.675,53,2.678,54,1.831,57,2.577,58,2.156,60,2.876,61,1.445,64,1.756,69,2.544,71,2.18,72,2.469,75,2.682,89,1.084,97,1.856,104,1.302,108,1.18,109,2.757,122,1.239,124,0.84,125,1.18,126,0.176,130,1.315,136,2.544,144,2.564,149,0.962,150,1.414,154,2.689,157,1.227,168,2.043,191,2.118,200,3.025,209,1.616,211,3.331,219,1.526,229,2.358,232,3.988,245,2.624,255,4.357,256,3.121,257,3.383,258,3.886,259,2.921,271,2.921,272,3.283,273,2.405,274,1.935,275,2.358,276,3.886,277,3.623,278,2.121,279,2.508,287,3.545,296,1.836,301,3.623,302,3.792,303,3.281,304,2.921,313,2.837,314,3.987,322,2.689,325,2.689,326,3.407,327,3.704,328,4.099,329,3.015,331,1.964,333,3.792,334,2.624,335,2.76,336,2.76,339,2.837,340,2.577,341,2.837,342,1.807,343,2.054,635,0.382,848,3.242]],["t/216",[0,0.287,1,0.349,3,2.824,6,0.022,8,0.304,9,0.35,10,0.319,11,0.311,12,0.349,13,0.434,14,0.341,18,0.912,25,0.433,27,0.931,28,1.475,29,1.475,30,2.665,31,1.614,33,0.266,34,1.238,35,0.251,36,2.125,41,0.693,43,2.547,45,0.311,47,1.314,48,2.817,49,1.77,50,1.902,54,1.85,55,1.285,61,1.46,72,1.343,73,2.757,74,1.508,77,2.034,81,1.984,89,1.85,94,1.452,99,2.272,100,1.595,102,1.713,108,1.193,109,2.777,111,3.087,122,1.804,125,1.193,126,0.178,136,1.779,168,1.429,191,0.954,200,1.802,202,2.596,211,1.984,216,1.875,218,1.633,219,1.542,230,2.016,296,1.956,330,2.126,332,4.129,344,3.047,345,2.652,346,3.191,348,3.82,349,2.789,350,2.866,351,2.43,352,3.573,353,2.591,367,2.652,368,2.652,369,2.652,370,3.65,371,2.717,372,3.959,373,3.885,374,3.82,375,2.143,376,2.789,379,3.82,380,2.858,381,2.866,386,3.82,387,2.866,392,1.875,393,3.306,394,2.99,395,2.013,404,2.547,410,2.178,411,2.178,412,2.178,413,2.945,414,2.221,415,2.945,416,2.178,417,2.409,418,3.432,419,2.382,422,2.325,423,2.337,424,3.306,435,2.534,436,2.534,437,2.534,635,0.386,848,3.276]],["t/218",[0,0.137,1,0.172,3,1.956,4,1.845,6,0.023,8,0.314,9,0.356,10,0.33,11,0.322,12,0.361,13,0.444,14,0.353,18,0.856,25,0.428,27,1.045,31,1.412,33,0.274,35,0.269,36,1.746,40,2.432,41,0.684,43,1.764,45,0.322,47,1.806,49,1.454,50,1.318,61,2.349,64,1.975,69,2.081,71,1.784,72,1.571,84,3.505,91,2.902,94,1.179,96,1.91,108,1.395,109,3.102,112,2.787,121,4.168,122,2.014,125,1.395,126,0.208,128,3.179,136,2.081,143,3.179,149,1.137,159,4.902,160,3.832,161,3.179,162,5.018,163,1.726,167,4.487,191,2.168,192,3.564,194,3.031,195,4.612,196,3.689,197,2.194,200,3.314,201,4.902,202,2.108,203,3.999,204,4.145,207,4.902,208,4.749,209,1.91,210,3.832,211,3.649,212,4.902,213,4.902,214,3.999,217,4.902,218,1.91,219,1.804,220,3.999,221,2.004,222,2.843,223,3.999,224,4.749,225,3.689,233,2.843,234,3.999,235,3.999,635,0.452,848,3.832]],["t/220",[6,0.022,8,0.307,9,0.352,10,0.322,11,0.315,12,0.353,13,0.291,14,0.345,25,0.449,27,0.708,33,0.273,35,0.267,41,0.683,45,0.315,50,1.676,53,3.009,88,4.494,109,2.869,110,6.18,111,3.188,112,5.354,113,5.342,114,5.342,115,4.044,116,3.616,117,4.265,118,2.22,119,5.342,120,4.875,125,1.775,126,0.264,127,5.949,128,4.044,129,5.407,130,2.753,131,4.044,135,5.949,136,3.685,137,3.616,138,2.647,139,5.949,140,5.949,141,4.693,142,5.342,143,4.044,163,2.196,168,2.126,169,4.875,170,2.55,171,4.875,635,0.575,848,4.875]],["t/222",[0,0.264,1,0.331,6,0.02,7,1.715,8,0.274,9,0.331,10,0.287,11,0.281,12,0.314,13,0.391,14,0.308,18,0.764,22,2.202,25,0.413,27,0.953,30,3.708,31,1.539,33,0.264,34,1.153,35,0.221,41,0.596,45,0.281,48,3.919,55,1.175,89,1.796,94,2.181,126,0.291,218,2.678,221,2.81,380,3.254,404,3.022,405,3.514,414,2.529,418,4.775,422,3.493,423,3.834,424,4.599,435,4.155,436,4.155,437,4.155,492,4.775,493,3.907,494,4.155,635,0.633]],["t/224",[0,0.271,1,0.341,6,0.021,8,0.289,9,0.341,10,0.303,11,0.296,12,0.331,13,0.412,14,0.324,18,0.724,25,0.32,27,1.005,28,2.293,29,2.293,31,1.489,33,0.266,34,1.215,35,0.233,36,1.686,41,0.628,45,0.296,49,1.404,55,1.239,74,2.344,77,1.871,85,3.566,89,1.702,94,2.294,102,2.663,122,1.946,126,0.276,202,2.801,218,3.165,222,3.776,393,4.449,404,2.923,413,3.176,414,2.396,415,3.176,417,2.599,419,3.703,422,3.57,438,5.022,439,4.334,455,5.022,456,4.223,635,0.6,847,2.568]],["t/226",[0,0.247,1,0.31,6,0.018,8,0.244,9,0.31,10,0.256,11,0.25,12,0.281,13,0.349,14,0.274,18,0.833,27,0.85,33,0.263,34,1.029,35,0.197,41,0.532,44,2.583,45,0.296,50,2.378,55,1.049,96,2.92,104,2.778,126,0.318,153,5.029,337,4.18,392,3.354,521,5.236,528,4.633,531,4.742,532,5.598,635,0.691]],["t/228",[0,0.244,1,0.306,6,0.018,8,0.239,9,0.306,10,0.251,11,0.245,12,0.275,13,0.342,14,0.269,33,0.26,34,1.008,35,0.193,36,2.263,40,2.151,41,0.521,45,0.292,47,1.597,49,1.583,51,2.744,55,1.027,61,2.557,65,3.527,68,4.468,69,3.116,70,3.636,71,2.671,72,2.352,73,3.405,74,2.642,75,3.285,76,3.949,77,2.109,78,3.001,79,2.894,80,3.426,81,3.475,82,4.701,126,0.311,635,0.677]],["t/230",[0,0.246,1,0.309,6,0.018,8,0.243,9,0.309,10,0.255,11,0.249,12,0.279,13,0.348,14,0.273,18,0.829,25,0.367,27,0.846,30,3.895,33,0.262,34,1.024,35,0.197,41,0.529,45,0.295,48,4.117,55,1.044,94,1.794,126,0.316,218,2.907,380,3.532,418,5.016,422,2.873,423,4.161,424,4.831,435,4.51,436,5.334,437,4.51,635,0.688]],["t/232",[0,0.244,1,0.306,6,0.018,8,0.239,9,0.306,10,0.251,11,0.245,12,0.275,13,0.342,14,0.269,33,0.26,34,1.008,35,0.193,36,2.263,40,2.151,41,0.521,45,0.292,47,1.597,49,1.583,51,2.744,55,1.027,61,2.557,65,3.527,68,4.468,69,3.116,70,3.636,71,2.671,72,2.352,73,3.405,74,2.642,75,3.285,76,4.701,77,2.109,78,3.001,79,2.894,80,3.426,81,3.475,82,3.949,126,0.311,635,0.677]],["t/234",[0,0.262,1,0.309,6,0.018,8,0.244,9,0.309,10,0.256,11,0.25,12,0.28,13,0.348,14,0.274,25,0.368,27,0.848,33,0.262,34,1.026,35,0.197,41,0.627,43,2.691,45,0.295,49,2.028,55,1.046,72,2.396,77,2.149,111,3.823,126,0.317,296,1.782,352,5.229,353,4.622,367,4.731,368,5.59,369,4.731,635,0.689]],["t/236",[0,0.281,1,0.338,6,0.021,7,1.587,8,0.286,9,0.338,10,0.3,11,0.293,12,0.328,13,0.408,14,0.321,18,0.707,22,2.564,25,0.43,27,0.908,31,1.466,33,0.264,34,1.098,35,0.231,36,1.646,41,0.652,45,0.267,55,1.12,58,2.288,74,2.288,89,1.662,99,2.393,100,2.421,122,2.391,126,0.269,136,2.699,168,2.168,191,1.448,197,3.581,209,2.478,218,2.478,280,3.101,287,2.925,296,1.515,331,3.01,333,5.064,339,4.349,340,3.952,341,4.349,342,4.004,343,4.338,404,2.288,414,2.34,417,2.537,450,5.064,451,4.231,452,4.349,466,3.199,467,2.808,480,3.305,635,0.586,847,2.507]],["t/238",[0,0.244,1,0.306,6,0.018,8,0.24,9,0.306,10,0.252,11,0.246,12,0.275,13,0.343,14,0.269,18,0.818,25,0.362,27,0.835,31,1.348,33,0.261,34,1.01,35,0.194,41,0.522,45,0.292,49,1.587,55,1.03,77,2.114,89,1.923,99,3.293,100,2.801,122,2.198,126,0.312,168,2.509,202,3.164,394,4.334,395,3.535,404,2.648,410,3.824,411,3.824,412,3.824,413,3.589,414,2.707,415,3.589,416,4.548,417,2.936,635,0.678]],["t/240",[0,0.272,1,0.341,4,2.179,6,0.021,7,1.444,8,0.289,9,0.341,10,0.304,11,0.296,12,0.332,13,0.413,14,0.325,18,0.837,22,1.855,25,0.436,27,1.007,31,1.686,33,0.263,34,1.218,35,0.234,36,1.499,41,0.63,45,0.28,49,1.625,55,1.242,58,2.083,74,2.083,77,2.166,89,2.19,94,2.015,99,3.153,100,2.869,102,2.367,122,2.652,126,0.245,168,1.974,197,3.373,202,3.241,209,2.256,221,2.367,280,2.824,331,2.741,340,2.49,342,2.522,393,4.127,394,3.733,395,2.782,404,3.395,405,2.96,410,3.009,411,3.009,412,3.009,413,3.676,414,3.386,415,3.676,416,3.009,417,3.343,419,3.291,422,2.902,466,2.913,467,2.556,480,3.009,492,4.285,493,3.291,494,3.5,635,0.534]],["t/242",[0,0.262,1,0.329,6,0.02,7,1.69,8,0.271,9,0.329,10,0.285,11,0.278,12,0.312,13,0.388,14,0.305,18,0.925,25,0.409,27,0.944,31,1.241,33,0.262,34,1.142,35,0.219,41,0.591,45,0.278,49,1.795,55,1.165,77,2.391,89,1.77,94,1.629,99,3.132,100,2.578,102,2.769,122,2.486,126,0.287,168,2.309,202,3.579,393,4.557,394,4.122,395,3.254,404,3.242,410,3.52,411,3.52,412,3.52,413,4.059,414,3.062,415,4.394,416,3.52,417,3.321,419,3.85,422,2.608,635,0.624]],["t/244",[0,0.262,1,0.309,6,0.018,8,0.244,9,0.309,10,0.256,11,0.25,12,0.28,13,0.348,14,0.274,25,0.368,27,0.848,33,0.262,34,1.026,35,0.197,41,0.627,43,2.691,45,0.295,49,2.028,55,1.046,72,2.396,77,2.149,111,3.823,126,0.317,296,1.782,352,5.229,353,4.622,367,4.731,368,4.731,369,5.59,635,0.689]],["t/246",[0,0.247,1,0.311,6,0.018,8,0.246,9,0.311,10,0.258,11,0.252,12,0.282,13,0.351,14,0.276,31,1.38,33,0.263,34,1.033,35,0.198,40,2.206,41,0.534,45,0.296,47,1.638,55,1.054,59,5.363,60,3.078,61,2.623,62,4.552,63,4.858,64,2.599,65,3.617,66,5.752,67,3.672,126,0.319,635,0.694]],["t/248",[0,0.285,1,0.334,3,3.237,6,0.021,8,0.288,9,0.34,10,0.303,11,0.295,12,0.331,13,0.412,14,0.324,31,1.866,33,0.266,34,1.114,35,0.233,41,0.677,45,0.295,47,1.925,55,1.135,60,2.657,89,2.421,91,3.847,109,2.99,124,1.316,125,1.85,126,0.275,191,1.48,229,3.695,245,4.113,276,5.261,296,1.933,303,3.559,304,4.578,374,5.134,375,3.323,376,4.325,379,5.134,380,3.077,381,4.446,635,0.599]],["t/250",[0,0.28,1,0.351,4,1.626,6,0.022,7,1.539,8,0.306,9,0.351,10,0.321,11,0.314,12,0.351,13,0.437,14,0.344,18,0.686,22,1.384,25,0.461,27,1.065,31,1.826,33,0.268,34,1.288,35,0.247,36,1.118,41,0.666,45,0.304,49,1.552,51,1.937,55,1.313,58,2.22,63,2.365,74,1.554,77,1.773,79,2.838,80,2.016,83,4.001,84,3.207,85,3.379,86,3.042,87,2.107,88,2.456,89,2.483,90,4.001,91,3.652,92,2.456,93,2.733,94,1.997,95,3.652,96,2.404,97,2.761,98,2.611,99,3.125,100,2.74,106,4.001,107,3.042,108,1.229,109,1.987,122,2.15,126,0.183,168,1.473,197,2.761,202,1.857,209,1.683,218,1.683,221,2.522,233,2.505,280,2.107,314,3.009,331,2.045,340,1.857,342,1.882,394,3.056,395,2.075,404,2.825,405,2.208,410,2.245,411,2.245,412,2.245,413,2.107,414,2.648,415,2.107,416,2.245,417,2.462,422,2.376,455,3.814,456,2.801,466,2.173,467,1.907,480,2.245,481,3.814,482,3.814,483,2.874,490,2.874,492,3.508,493,2.456,494,2.611,505,2.874,635,0.398]],["t/252",[0,0.264,1,0.331,6,0.02,7,1.715,8,0.274,9,0.331,10,0.287,11,0.281,12,0.314,13,0.391,14,0.308,27,0.78,31,1.259,32,3.022,33,0.264,34,1.153,35,0.221,40,2.014,41,0.596,45,0.281,47,1.495,49,1.956,50,2.258,55,1.175,59,5.077,60,2.81,61,2.394,62,4.155,63,4.599,64,2.768,65,3.302,66,4.457,67,4.423,77,1.975,78,2.81,104,2.158,105,3.514,126,0.291,219,2.529,221,2.81,392,3.076,491,4.599,509,3.834,520,3.985,635,0.633]],["t/254",[0,0.264,1,0.331,6,0.02,7,1.726,8,0.275,9,0.331,10,0.288,11,0.282,12,0.316,13,0.393,14,0.309,27,0.957,32,3.034,33,0.264,34,1.157,35,0.222,41,0.598,45,0.282,49,2.093,50,2.266,55,1.18,64,2.47,67,3.374,77,2.423,78,3.447,96,2.695,101,5.212,102,2.828,103,4.485,104,2.647,105,4.65,126,0.293,219,2.545,221,2.828,392,3.095,491,4.617,509,3.858,520,4.011,635,0.638]],["t/256",[0,0.279,1,0.349,6,0.022,8,0.302,9,0.349,10,0.317,11,0.309,12,0.347,13,0.432,14,0.339,18,0.722,25,0.399,27,1.03,31,1.373,32,2.339,33,0.266,34,1.271,35,0.244,36,1.683,40,1.362,41,0.668,43,1.673,44,1.602,45,0.309,47,1.011,49,2.139,50,1.747,51,2.04,55,1.296,61,1.619,64,1.904,65,2.233,67,2.267,68,3.323,69,1.973,70,2.302,71,1.691,72,2.082,73,2.532,74,1.673,75,2.08,76,2.5,77,2.704,78,3.063,79,1.833,80,2.169,81,2.201,82,2.5,89,1.698,94,1.118,95,3.846,96,2.919,97,2.08,98,2.811,99,3.053,100,2.474,101,4.017,102,2.657,103,3.014,104,2.352,105,3.323,111,2.377,122,1.941,126,0.197,137,2.696,168,1.585,202,2.795,215,4.112,219,1.71,221,1.9,296,1.108,352,3.846,353,2.874,367,2.941,368,2.941,369,2.941,392,2.08,393,3.559,394,3.219,395,2.233,404,2.696,410,2.416,411,2.416,412,2.416,413,3.17,414,2.391,415,3.17,416,2.416,417,2.593,419,2.643,422,1.79,491,3.559,509,2.593,520,2.696,522,3.18,635,0.428]],["t/258",[0,0.28,1,0.308,6,0.018,8,0.243,9,0.308,10,0.255,11,0.249,12,0.279,13,0.347,14,0.273,18,0.827,22,2.385,25,0.433,33,0.262,35,0.196,41,0.625,45,0.294,126,0.315,136,3.159,168,2.538,191,1.695,287,3.424,296,1.774,333,5.575,339,5.09,340,3.789,341,6.026,342,3.243,343,3.686,635,0.686]],["t/260",[0,0.244,1,0.306,6,0.018,7,1.836,8,0.24,9,0.306,10,0.252,11,0.246,12,0.275,13,0.343,14,0.269,25,0.362,27,0.835,31,1.603,33,0.261,34,1.01,35,0.194,36,1.905,41,0.522,45,0.246,55,1.03,58,2.648,74,2.648,89,1.923,99,2.769,100,2.801,122,2.614,126,0.312,197,3.916,209,2.867,280,3.589,331,3.483,340,3.164,342,3.206,404,2.648,414,2.707,417,2.936,466,3.702,467,3.249,480,4.548,635,0.678]],["t/262",[0,0.268,1,0.336,6,0.021,7,1.547,8,0.282,9,0.336,10,0.296,11,0.289,12,0.324,13,0.403,14,0.317,18,0.875,25,0.425,27,0.982,31,1.586,33,0.262,34,1.188,35,0.228,36,1.605,41,0.614,45,0.263,49,1.698,55,1.211,58,2.231,74,2.231,77,2.263,89,2.058,94,1.491,99,3.258,100,2.998,102,2.535,122,2.721,126,0.263,168,2.114,197,3.525,202,3.387,209,2.416,280,3.024,331,2.935,340,2.666,342,2.701,393,4.313,394,3.901,395,2.979,404,3.277,410,3.223,411,3.223,412,3.223,413,3.841,414,3.185,415,3.841,416,3.223,417,3.634,419,3.525,422,2.388,466,3.12,467,2.738,480,3.223,635,0.572,847,2.445]],["t/264",[0,0.248,1,0.311,6,0.018,8,0.247,9,0.311,10,0.259,11,0.253,12,0.283,13,0.352,14,0.277,25,0.372,27,0.858,31,1.63,33,0.264,34,1.038,35,0.199,41,0.537,45,0.297,55,1.058,89,1.977,97,3.385,126,0.321,221,3.093,314,4.338,482,5.499,483,5.034,490,5.919,635,0.697]],["t/266",[0,0.27,1,0.316,6,0.02,7,1.7,8,0.272,9,0.33,10,0.286,11,0.279,12,0.313,13,0.389,14,0.306,18,0.757,25,0.335,33,0.263,34,0.935,35,0.22,36,2.163,40,1.997,41,0.641,43,2.452,45,0.279,47,1.483,49,1.469,51,2.623,55,1.169,61,2.91,65,3.274,68,4.272,69,2.893,70,3.375,71,2.48,72,2.183,73,3.766,74,2.452,75,3.05,76,3.666,77,1.958,78,2.786,79,2.687,80,3.18,81,4.277,82,3.666,126,0.289,296,1.624,346,3.603,348,5.286,349,4.535,350,4.661,351,3.952,635,0.628]],["t/268",[0,0.275,1,0.33,6,0.02,7,2.09,8,0.273,9,0.33,10,0.286,11,0.28,12,0.314,13,0.39,14,0.307,18,0.76,25,0.445,27,0.777,31,1.535,33,0.263,34,0.939,35,0.221,36,1.772,41,0.642,45,0.229,55,0.958,58,3.257,61,2.384,74,2.463,89,1.789,99,2.575,100,2.605,122,2.503,126,0.29,136,2.905,191,1.558,197,3.748,209,2.666,280,3.338,296,1.631,328,5.729,329,4.976,331,4.285,340,2.943,342,2.982,404,2.463,414,2.518,417,2.731,466,3.443,467,3.022,480,3.557,635,0.631]],["t/270",[0,0.245,1,0.308,6,0.018,8,0.242,9,0.308,10,0.253,11,0.247,12,0.277,13,0.345,14,0.271,27,0.841,32,3.162,33,0.261,34,1.017,35,0.195,41,0.526,45,0.293,49,2.02,50,2.362,55,1.037,64,2.574,67,3.613,77,2.129,78,3.029,104,2.326,105,3.788,126,0.314,219,2.726,221,3.029,392,3.315,491,4.811,509,4.132,520,5.095,635,0.683]],["t/272",[0,0.244,1,0.306,6,0.018,8,0.24,9,0.306,10,0.252,11,0.246,12,0.275,13,0.343,14,0.269,18,0.818,25,0.362,27,0.835,31,1.348,33,0.261,34,1.01,35,0.194,41,0.522,45,0.292,49,1.587,55,1.03,77,2.114,89,1.923,99,3.293,100,2.801,122,2.198,126,0.312,168,2.509,202,3.164,394,4.334,395,3.535,404,2.648,410,3.824,411,3.824,412,4.548,413,3.589,414,2.707,415,3.589,416,3.824,417,2.936,635,0.678]],["t/274",[0,0.268,1,0.337,6,0.021,7,1.556,8,0.283,9,0.337,10,0.297,11,0.29,12,0.325,13,0.404,14,0.318,18,0.693,25,0.427,27,0.985,31,1.726,33,0.263,34,1.191,35,0.229,36,1.615,41,0.616,45,0.264,49,1.872,55,1.214,58,2.244,74,2.244,77,2.272,89,2.268,95,4.679,96,2.43,97,2.791,98,3.77,99,3.544,100,3.474,122,2.593,126,0.264,168,2.126,197,3.538,202,2.682,209,2.43,280,3.042,331,2.952,340,2.682,342,2.717,394,3.915,395,2.996,404,2.845,410,3.241,411,3.241,412,3.241,413,3.042,414,2.909,415,3.042,416,3.241,417,3.154,466,3.138,467,2.753,480,3.241,635,0.575,847,2.459]],["t/276",[0,0.244,1,0.306,6,0.018,8,0.24,9,0.306,10,0.252,11,0.246,12,0.275,13,0.343,14,0.269,18,0.818,25,0.362,27,0.835,31,1.348,33,0.261,34,1.01,35,0.194,41,0.522,45,0.292,49,1.587,55,1.03,77,2.114,89,1.923,99,3.293,100,2.801,122,2.198,126,0.312,168,2.509,202,3.164,394,4.334,395,3.535,404,2.648,410,3.824,411,4.548,412,3.824,413,3.589,414,2.707,415,3.589,416,3.824,417,2.936,635,0.678]],["t/278",[0,0.263,1,0.33,6,0.02,7,1.711,8,0.273,9,0.33,10,0.287,11,0.28,12,0.314,13,0.391,14,0.307,25,0.337,27,0.778,31,1.537,33,0.263,34,1.151,35,0.221,36,2.172,40,2.009,41,0.595,45,0.28,47,1.492,49,1.479,51,2.633,55,1.174,61,2.389,65,3.295,68,4.288,69,2.911,70,3.397,71,2.495,72,2.197,73,3.268,74,2.468,75,3.069,76,3.689,77,1.971,78,2.804,79,3.572,80,4.228,81,3.247,82,3.689,89,1.792,126,0.291,233,3.977,481,5.185,505,4.564,635,0.632]],["t/280",[0,0.247,1,0.31,6,0.018,8,0.244,9,0.31,10,0.256,11,0.25,12,0.281,13,0.349,14,0.274,18,0.833,27,0.85,33,0.263,34,1.029,35,0.197,41,0.532,44,2.583,45,0.296,50,2.378,55,1.049,96,2.92,104,2.778,126,0.318,153,5.029,337,4.18,392,3.959,521,5.236,528,4.633,531,4.742,532,4.742,635,0.691]],["t/282",[0,0.28,1,0.352,2,3.54,3,1.698,4,2.298,5,3.228,6,0.022,7,1.523,8,0.305,9,0.351,10,0.32,11,0.313,12,0.35,13,0.436,14,0.343,15,1.297,16,2.076,17,1.986,18,0.678,19,2.42,20,2.42,21,2.076,22,1.364,23,2.076,24,2.42,25,0.422,26,2.468,27,0.975,28,1.499,29,1.499,30,2.696,31,1.782,32,2.197,33,0.267,34,1.284,35,0.247,36,1.849,37,2.519,38,2.519,39,2.519,40,2.419,41,0.664,42,3.614,43,1.532,44,1.467,45,0.302,46,2.574,47,1.697,48,2.849,49,1.988,50,1.641,51,2.779,52,3.614,53,1.62,54,1.879,55,1.267,56,2.468,57,2.626,58,2.569,59,3.691,60,1.74,61,2.127,62,2.574,63,3.909,64,1.789,65,2.933,66,2.76,67,2.076,68,3.122,69,1.807,70,2.108,71,1.549,72,1.364,73,2.379,74,1.532,75,1.905,76,2.29,77,2.051,78,2.496,79,2.407,80,1.986,81,2.015,82,2.29,83,3.959,84,3.174,85,2.331,86,2.998,87,2.076,88,2.42,89,2.038,90,3.959,91,2.519,92,2.42,93,2.693,94,1.024,95,3.614,96,2.782,97,1.905,98,2.574,99,2.298,100,1.62,101,3.774,102,1.74,103,2.76,104,1.337,105,2.176,106,3.959,107,2.998,108,1.211,109,1.958,126,0.18,209,1.659,635,0.392]],["t/284",[0,0.271,1,0.331,3,2.754,6,0.02,7,1.722,8,0.275,9,0.331,10,0.288,11,0.281,12,0.315,13,0.392,14,0.308,25,0.339,27,0.783,32,3.03,33,0.264,34,1.156,35,0.222,41,0.598,45,0.281,49,1.959,50,2.607,55,1.178,64,2.467,67,3.366,77,1.983,78,2.822,104,2.167,105,3.529,111,3.529,126,0.292,200,2.968,211,3.268,219,2.539,221,2.822,386,5.328,387,4.721,392,4.066,491,4.611,509,3.85,520,4.002,635,0.636]],["t/286",[0,0.28,1,0.351,2,3.54,3,1.698,4,2.298,5,3.228,6,0.022,7,1.523,8,0.305,9,0.351,10,0.32,11,0.313,12,0.35,13,0.436,14,0.343,15,1.297,16,2.076,17,1.986,18,0.678,19,2.42,20,2.42,21,2.076,22,1.364,23,2.076,24,2.42,25,0.422,26,2.468,27,0.975,28,1.499,29,1.499,30,2.696,31,1.782,32,2.197,33,0.267,34,1.3,35,0.247,36,1.849,37,2.519,38,2.519,39,2.519,40,2.419,41,0.664,42,3.614,43,1.532,44,1.467,45,0.302,46,2.574,47,1.697,48,2.849,49,1.988,50,1.641,51,2.779,52,3.614,53,1.62,54,1.879,55,1.267,56,2.468,57,2.626,58,2.569,59,3.691,60,1.74,61,2.127,62,2.574,63,3.909,64,1.789,65,2.933,66,2.76,67,2.076,68,3.122,69,1.807,70,2.108,71,1.549,72,1.364,73,2.379,74,1.532,75,1.905,76,2.29,77,2.051,78,2.496,79,2.407,80,1.986,81,2.015,82,2.29,83,3.959,84,3.174,85,2.331,86,2.998,87,2.076,88,2.42,89,2.038,90,3.959,91,2.519,92,2.42,93,2.693,94,1.024,95,3.614,96,2.782,97,1.905,98,2.574,99,2.298,100,1.62,101,3.774,102,1.74,103,2.76,104,1.337,105,2.176,106,3.959,107,2.998,108,1.211,109,1.958,126,0.18,209,1.659,635,0.392]],["t/288",[0,0.287,1,0.35,3,2.973,6,0.022,8,0.301,9,0.349,10,0.316,11,0.309,12,0.346,13,0.43,14,0.338,18,0.898,25,0.418,27,0.965,28,1.62,29,1.62,30,2.849,31,1.659,33,0.265,34,1.289,35,0.247,36,1.671,41,0.683,43,2.322,45,0.309,47,1.404,48,3.011,49,1.834,50,2.003,55,1.293,72,1.475,77,2.141,89,1.948,94,1.552,99,2.429,100,1.752,102,1.882,109,2.117,111,3.299,122,1.928,125,1.31,126,0.195,168,1.569,200,1.979,202,2.775,209,1.793,211,2.179,218,1.793,219,1.693,230,2.155,296,1.776,330,2.272,352,3.819,353,2.845,367,2.912,368,2.912,369,2.912,370,3.901,371,2.984,372,4.13,373,4.027,374,4.083,375,2.353,376,3.063,379,4.083,380,3.055,381,3.148,386,4.083,387,3.148,392,2.06,393,3.534,394,3.196,395,2.211,404,2.682,410,2.392,411,2.392,412,2.392,413,3.147,414,2.374,415,3.147,416,2.392,417,2.575,418,3.669,419,2.617,422,2.485,423,2.567,424,3.534,435,2.783,436,2.783,437,2.783,635,0.424]],["t/290",[0,0.28,1,0.352,6,0.022,7,1.086,8,0.307,9,0.352,10,0.322,11,0.314,12,0.352,13,0.438,14,0.344,18,0.484,22,1.988,25,0.387,27,1.067,28,1.533,29,1.533,31,1.723,32,2.233,33,0.268,34,1.306,35,0.248,36,1.607,41,0.667,44,2.138,45,0.31,49,1.796,50,2.118,55,1.316,58,1.567,64,1.818,67,2.124,74,2.233,77,1.783,78,1.78,79,2.447,80,2.032,85,2.384,89,2.177,94,2.082,96,2.418,97,1.949,99,1.639,100,1.658,104,2.474,105,2.226,108,1.239,109,2.855,122,1.854,125,1.239,126,0.185,153,3.528,197,2.777,209,2.418,215,3.926,218,2.817,219,1.602,221,2.956,222,2.525,233,2.525,280,2.124,314,3.027,331,2.061,337,2.429,340,2.668,342,2.704,343,3.073,392,2.777,404,2.602,405,2.226,414,2.283,417,1.737,422,2.784,438,3.836,439,2.897,450,3.926,451,2.897,452,2.978,455,3.836,456,2.823,466,2.191,467,1.922,480,2.263,481,3.836,482,3.836,483,2.897,490,2.897,491,3.398,492,3.528,493,2.476,494,2.633,505,2.897,509,2.429,520,2.525,521,3.673,522,2.978,528,2.692,531,2.755,532,2.755,635,0.401]],["t/292",[0,0.28,1,0.353,6,0.022,7,1.086,8,0.307,9,0.352,10,0.322,11,0.314,12,0.352,13,0.438,14,0.344,18,0.484,22,1.988,25,0.387,27,1.067,28,1.533,29,1.533,31,1.723,32,2.233,33,0.268,34,1.291,35,0.248,36,1.607,41,0.667,44,2.138,45,0.31,49,1.796,50,2.118,55,1.316,58,1.567,64,1.818,67,2.124,74,2.233,77,1.783,78,1.78,79,2.447,80,2.032,85,2.384,89,2.177,94,2.082,96,2.418,97,1.949,99,1.639,100,1.658,104,2.474,105,2.226,108,1.239,109,2.855,122,1.854,125,1.239,126,0.185,153,3.528,197,2.777,209,2.418,215,3.926,218,2.817,219,1.602,221,2.956,222,2.525,233,2.525,280,2.124,314,3.027,331,2.061,337,2.429,340,2.668,342,2.704,343,3.073,392,2.777,404,2.602,405,2.226,414,2.283,417,1.737,422,2.784,438,3.836,439,2.897,450,3.926,451,2.897,452,2.978,455,3.836,456,2.823,466,2.191,467,1.922,480,2.263,481,3.836,482,3.836,483,2.897,490,2.897,491,3.398,492,3.528,493,2.476,494,2.633,505,2.897,509,2.429,520,2.525,521,3.673,522,2.978,528,2.692,531,2.755,532,2.755,635,0.401]],["t/294",[0,0.287,1,0.352,3,2.973,6,0.022,8,0.301,9,0.349,10,0.316,11,0.309,12,0.346,13,0.43,14,0.338,18,0.898,25,0.418,27,0.965,28,1.62,29,1.62,30,2.849,31,1.659,33,0.265,34,1.268,35,0.247,36,1.671,41,0.683,43,2.322,45,0.309,47,1.404,48,3.011,49,1.834,50,2.003,55,1.293,72,1.475,77,2.141,89,1.948,94,1.552,99,2.429,100,1.752,102,1.882,109,2.117,111,3.299,122,1.928,125,1.31,126,0.195,168,1.569,200,1.979,202,2.775,209,1.793,211,2.179,218,1.793,219,1.693,230,2.155,296,1.776,330,2.272,352,3.819,353,2.845,367,2.912,368,2.912,369,2.912,370,3.901,371,2.984,372,4.13,373,4.027,374,4.083,375,2.353,376,3.063,379,4.083,380,3.055,381,3.148,386,4.083,387,3.148,392,2.06,393,3.534,394,3.196,395,2.211,404,2.682,410,2.392,411,2.392,412,2.392,413,3.147,414,2.374,415,3.147,416,2.392,417,2.575,418,3.669,419,2.617,422,2.485,423,2.567,424,3.534,435,2.783,436,2.783,437,2.783,635,0.424]],["t/296",[0,0.247,1,0.31,6,0.018,8,0.244,9,0.31,10,0.256,11,0.25,12,0.281,13,0.349,14,0.274,18,0.833,27,0.85,33,0.263,34,1.029,35,0.197,41,0.532,44,2.583,45,0.296,50,2.378,55,1.049,96,2.92,104,2.778,126,0.318,153,5.029,337,4.18,392,3.354,521,5.236,528,4.633,531,5.598,532,4.742,635,0.691]],["t/298",[0,0.259,1,0.325,6,0.021,8,0.289,9,0.341,10,0.303,11,0.296,12,0.332,13,0.413,14,0.325,18,0.727,22,2.095,25,0.4,27,0.924,30,3.596,31,1.492,33,0.266,34,1.118,35,0.245,41,0.629,45,0.296,47,1.423,48,3.8,55,1.14,84,3.399,89,1.709,91,3.87,94,2.297,126,0.277,191,1.489,200,2.812,211,3.096,212,5.921,214,5.334,218,2.548,221,2.673,380,3.096,404,2.931,405,3.343,414,2.406,418,4.63,422,3.136,423,3.647,424,4.46,435,3.953,436,3.953,437,3.953,492,4.63,493,3.718,494,3.953,635,0.603,847,2.578]],["t/300",[0,0.247,1,0.31,6,0.018,8,0.244,9,0.31,10,0.256,11,0.25,12,0.281,13,0.349,14,0.274,18,0.833,27,0.85,33,0.263,34,1.029,35,0.197,41,0.532,44,2.583,45,0.296,50,2.378,55,1.049,96,2.92,104,2.778,126,0.318,153,5.351,337,4.18,392,3.354,521,5.236,528,4.633,531,4.742,532,4.742,635,0.691]],["t/302",[0,0.271,1,0.341,6,0.021,8,0.289,9,0.341,10,0.303,11,0.296,12,0.331,13,0.412,14,0.324,18,0.724,25,0.32,27,1.005,28,2.293,29,2.293,31,1.489,33,0.266,34,1.215,35,0.233,36,1.686,41,0.628,45,0.296,49,1.404,55,1.239,74,2.344,77,1.871,85,3.566,89,1.702,94,2.339,102,2.663,122,1.946,126,0.276,202,2.801,218,3.165,222,3.776,393,4.449,404,2.923,413,3.176,414,2.396,415,3.176,417,2.599,419,3.703,422,3.41,438,5.022,439,4.334,455,5.022,456,4.223,635,0.6,847,2.568]],["t/304",[0,0.244,1,0.306,6,0.018,8,0.239,9,0.306,10,0.251,11,0.245,12,0.275,13,0.342,14,0.269,33,0.26,34,1.008,35,0.193,36,2.263,40,2.151,41,0.521,45,0.292,47,1.597,49,1.583,51,2.93,55,1.027,61,2.557,65,3.527,68,4.468,69,3.116,70,3.636,71,2.671,72,2.352,73,3.405,74,2.642,75,3.285,76,3.949,77,2.109,78,3.001,79,2.894,80,3.426,81,3.475,82,3.949,126,0.311,635,0.677]],["t/306",[0,0.264,1,0.332,5,3.664,6,0.02,7,1.729,8,0.275,9,0.332,10,0.289,11,0.282,12,0.316,13,0.393,14,0.309,31,1.736,33,0.264,34,1.159,35,0.222,40,2.473,41,0.599,42,4.996,43,2.494,44,2.389,45,0.282,46,4.191,47,1.837,48,3.939,49,2.043,50,2.269,51,2.975,52,4.996,53,2.639,54,3.06,55,0.97,56,4.019,57,3.63,58,3.038,126,0.294,635,0.639]],["t/308",[6,0.018,8,0.251,9,0.314,10,0.263,11,0.257,12,0.288,13,0.358,14,0.282,31,1.409,33,0.265,35,0.237,36,1.991,40,2.253,41,0.546,45,0.3,47,1.673,69,3.265,126,0.326,154,5.824,168,2.622,191,1.751,232,5.977,259,5.417,635,0.709]],["t/310",[1,0.265,3,3.025,6,0.018,8,0.247,9,0.312,10,0.259,11,0.253,12,0.284,13,0.353,14,0.278,27,1.011,33,0.264,35,0.235,41,0.538,45,0.298,50,2.038,64,2.61,71,3.241,72,2.854,126,0.321,128,4.917,162,4.584,191,1.726,195,6.092,196,5.706,197,3.393,635,0.699]],["t/312",[0,0.246,1,0.309,6,0.018,8,0.243,9,0.309,10,0.255,11,0.249,12,0.279,13,0.348,14,0.273,18,0.829,25,0.367,27,0.846,30,3.895,33,0.262,34,1.024,35,0.197,41,0.529,45,0.295,48,4.117,55,1.044,94,1.794,126,0.316,218,2.907,380,3.532,418,5.016,422,2.873,423,4.161,424,5.144,435,4.51,436,4.51,437,4.51,635,0.688]],["t/314",[0,0.262,1,0.309,6,0.018,8,0.244,9,0.309,10,0.256,11,0.25,12,0.28,13,0.348,14,0.274,25,0.368,27,0.848,33,0.262,34,1.026,35,0.197,41,0.627,43,2.691,45,0.295,49,2.028,55,1.046,72,2.396,77,2.149,111,3.823,126,0.317,296,1.782,352,5.229,353,4.622,367,5.59,368,4.731,369,4.731,635,0.689]],["t/316",[0,0.244,1,0.306,6,0.018,8,0.239,9,0.306,10,0.251,11,0.245,12,0.275,13,0.342,14,0.269,33,0.26,34,1.008,35,0.193,36,2.263,40,2.151,41,0.521,45,0.292,47,1.597,49,1.583,51,2.744,55,1.027,61,2.557,65,3.527,68,4.468,69,3.116,70,3.636,71,2.671,72,2.352,73,3.405,74,2.642,75,3.911,76,3.949,77,2.109,78,3.001,79,2.894,80,3.426,81,3.475,82,3.949,126,0.311,635,0.677]],["t/318",[0,0.249,1,0.312,6,0.018,8,0.248,9,0.312,10,0.26,11,0.254,12,0.284,13,0.354,14,0.278,22,2.435,27,0.862,33,0.264,34,1.043,35,0.2,41,0.539,45,0.298,55,1.063,126,0.322,218,2.961,340,3.268,342,3.311,343,4.689,450,5.644,451,5.057,452,5.198,635,0.701]],["t/320",[0,0.264,1,0.331,6,0.02,7,2.098,8,0.274,9,0.331,10,0.288,11,0.281,12,0.315,13,0.392,14,0.308,22,2.207,25,0.339,27,0.954,31,1.541,33,0.264,34,1.154,35,0.222,36,1.783,41,0.597,45,0.23,55,1.177,58,2.478,74,2.478,89,1.8,99,2.592,100,2.622,122,2.512,126,0.292,197,3.763,209,2.684,218,2.684,280,3.359,331,3.261,340,3.904,342,3.664,343,4.165,404,2.478,414,2.534,417,2.748,450,5.321,451,4.583,452,4.711,466,3.465,467,3.041,480,3.58,635,0.635]],["t/322",[0,0.246,1,0.309,6,0.018,8,0.244,9,0.309,10,0.256,11,0.25,12,0.28,13,0.348,14,0.274,22,2.396,25,0.368,27,0.848,31,1.619,33,0.262,34,1.026,35,0.197,41,0.531,45,0.295,55,1.046,89,1.954,94,2.125,126,0.317,221,3.057,404,3.179,405,4.517,414,2.751,422,2.879,492,5.023,493,4.251,494,4.52,635,0.689]],["t/324",[0,0.272,1,0.341,4,2.179,6,0.021,7,1.444,8,0.289,9,0.341,10,0.304,11,0.296,12,0.332,13,0.413,14,0.325,18,0.837,22,1.855,25,0.436,27,1.007,31,1.686,33,0.263,34,1.218,35,0.234,36,1.499,41,0.63,45,0.28,49,1.625,55,1.242,58,2.083,74,2.083,77,2.166,89,2.19,94,2.015,99,3.153,100,2.869,102,2.367,122,2.652,126,0.245,168,1.974,197,3.373,202,3.241,209,2.256,221,2.367,280,2.824,331,2.741,340,2.49,342,2.522,393,4.127,394,3.733,395,2.782,404,3.457,405,2.96,410,3.009,411,3.009,412,3.009,413,3.676,414,3.266,415,3.676,416,3.009,417,3.343,419,3.291,422,2.902,466,2.913,467,2.556,480,3.009,492,4.285,493,3.291,494,3.5,635,0.534]],["t/326",[0,0.262,1,0.309,6,0.018,8,0.244,9,0.309,10,0.256,11,0.25,12,0.28,13,0.348,14,0.274,25,0.368,27,0.848,33,0.262,34,1.026,35,0.197,41,0.627,43,2.691,45,0.295,49,2.028,55,1.046,72,2.83,77,2.149,111,3.823,126,0.317,296,1.782,352,5.229,353,4.622,367,4.731,368,4.731,369,4.731,635,0.689]],["t/328",[0,0.262,1,0.329,6,0.02,7,1.69,8,0.271,9,0.329,10,0.285,11,0.278,12,0.312,13,0.388,14,0.305,18,0.925,25,0.409,27,0.944,31,1.241,33,0.262,34,1.142,35,0.219,41,0.591,45,0.278,49,1.795,55,1.165,77,2.391,89,1.77,94,1.629,99,3.132,100,2.578,102,2.769,122,2.486,126,0.287,168,2.309,202,3.579,393,4.557,394,4.122,395,3.254,404,3.242,410,3.52,411,3.52,412,3.52,413,4.394,414,3.062,415,4.059,416,3.52,417,3.321,419,3.85,422,2.608,635,0.624]],["t/330",[0,0.272,1,0.339,2,3.968,3,1.999,4,2.575,5,3.617,6,0.022,7,1.25,8,0.302,9,0.349,10,0.317,11,0.309,12,0.347,13,0.432,14,0.339,15,1.526,16,2.443,17,2.337,18,0.76,19,2.848,20,2.848,21,2.443,22,1.605,23,2.443,24,2.848,25,0.336,26,2.904,27,0.568,28,1.764,29,1.764,30,3.021,31,1.728,32,2.462,33,0.267,34,1.204,35,0.252,36,2.344,37,2.964,38,2.964,39,2.964,40,2.763,41,0.657,42,4.05,43,1.802,44,1.726,45,0.302,46,3.028,47,1.908,48,3.193,49,1.891,50,1.839,51,2.753,52,4.05,53,1.907,54,2.211,55,1.091,56,2.904,57,2.942,58,2.462,59,4.137,60,2.048,61,2.383,62,3.028,63,3.747,64,2.005,65,3.287,66,3.248,67,2.443,68,3.498,69,3.308,70,2.481,71,1.822,72,1.605,73,2.666,74,1.802,75,2.241,76,2.694,77,1.439,78,2.048,79,1.975,80,2.337,81,2.371,82,2.694,126,0.212,154,3.248,168,1.708,191,1.558,224,4.82,225,3.769,232,4.553,259,3.528,375,2.561,635,0.462]],["t/332",[0,0.247,1,0.311,6,0.018,8,0.246,9,0.311,10,0.258,11,0.252,12,0.282,13,0.351,14,0.276,31,1.38,33,0.263,34,1.033,35,0.198,40,2.206,41,0.534,45,0.296,47,1.638,55,1.054,59,5.363,60,3.078,61,2.623,62,4.552,63,5.164,64,2.599,65,3.617,66,4.882,67,3.672,126,0.319,635,0.694]],["t/334",[0,0.28,1,0.351,2,3.574,3,1.721,4,2.32,5,3.258,6,0.022,7,1.538,8,0.306,9,0.351,10,0.321,11,0.313,12,0.351,13,0.437,14,0.344,15,1.314,16,2.104,17,2.013,18,0.685,19,2.452,20,2.452,21,2.104,22,1.975,23,2.104,24,2.452,25,0.455,26,2.501,27,1.031,28,1.519,29,1.519,30,2.721,31,1.84,32,2.218,33,0.268,34,1.288,35,0.247,36,1.117,37,2.553,38,2.553,39,2.553,40,2.107,41,0.666,42,3.648,43,1.552,44,1.486,45,0.304,46,2.608,47,1.341,48,2.876,49,1.861,50,1.657,51,2.606,52,3.648,53,1.642,54,2.721,55,1.272,56,2.501,57,2.651,58,2.588,63,2.362,77,1.24,79,2.836,80,2.013,83,3.997,84,3.204,85,2.362,86,3.038,87,2.104,88,2.452,89,2.323,90,3.997,91,2.553,92,2.452,93,2.729,94,1.73,95,3.648,96,2.402,97,2.758,98,2.608,99,2.32,100,1.642,106,3.997,107,3.038,108,1.228,109,1.984,126,0.183,221,2.52,233,2.501,314,3.006,404,2.218,405,2.205,414,1.587,422,1.661,481,3.81,482,3.81,483,2.87,490,2.87,492,3.504,493,2.452,494,2.608,505,2.87,635,0.398]],["t/336",[0,0.264,1,0.331,6,0.02,7,1.715,8,0.274,9,0.331,10,0.287,11,0.281,12,0.314,13,0.391,14,0.308,27,0.78,31,1.259,32,3.022,33,0.264,34,1.153,35,0.221,40,2.014,41,0.596,45,0.281,47,1.495,49,1.956,50,2.258,55,1.175,59,5.077,60,2.81,61,2.394,62,4.155,63,4.599,64,2.838,65,3.302,66,4.457,67,4.096,77,1.975,78,2.81,104,2.158,105,3.514,126,0.291,219,2.529,221,2.81,392,3.076,491,4.599,509,3.834,520,3.985,635,0.633]],["t/338",[0,0.282,1,0.329,6,0.02,7,1.69,8,0.271,9,0.329,10,0.285,11,0.278,12,0.312,13,0.388,14,0.305,15,2.063,18,0.753,22,3.188,25,0.409,27,0.768,31,1.525,32,2.437,33,0.262,34,0.929,35,0.219,41,0.639,45,0.301,47,1.473,53,2.578,54,2.99,55,0.948,89,1.77,94,2.001,126,0.287,144,4.186,191,1.542,221,2.769,277,5.032,278,3.462,279,4.094,287,4.145,404,2.995,405,3.462,414,2.492,422,2.608,492,4.732,493,3.85,494,4.094,635,0.624]],["t/340",[0,0.274,1,0.338,3,2.699,6,0.022,7,1.229,8,0.306,9,0.352,10,0.321,11,0.314,12,0.352,13,0.438,14,0.344,18,0.547,25,0.38,27,0.944,31,1.841,33,0.269,34,1.196,35,0.257,36,1.751,40,1.443,41,0.684,43,1.772,45,0.308,47,1.81,49,1.458,54,2.174,55,1.22,58,1.772,61,1.715,69,2.091,74,1.772,77,1.415,84,2.56,85,2.697,89,2.278,94,1.627,99,2.907,100,2.575,109,2.266,122,2.485,125,1.402,126,0.209,143,3.193,154,3.193,167,4.501,168,2.306,191,1.759,192,3.581,194,3.044,197,3.027,202,2.118,209,1.919,217,4.917,218,1.919,232,4.501,233,2.856,234,4.018,235,4.018,259,3.469,280,2.402,296,1.612,331,2.332,340,2.118,342,2.146,374,4.28,375,2.518,376,3.277,379,4.28,380,2.332,381,3.368,394,3.35,395,2.366,404,2.434,410,2.56,411,2.56,412,2.56,413,2.402,414,2.489,415,2.402,416,2.56,417,2.699,422,1.897,455,4.181,456,3.193,466,2.478,467,2.174,480,2.56,635,0.454]],["t/342",[1,0.266,3,3.032,6,0.018,8,0.248,9,0.312,10,0.26,11,0.254,12,0.284,13,0.354,14,0.278,27,1.012,33,0.264,35,0.235,41,0.539,45,0.298,50,2.043,64,2.774,71,2.765,72,2.435,126,0.322,128,4.928,162,4.595,191,1.73,195,6.101,196,5.719,197,3.401,635,0.701]],["t/344",[0,0.282,1,0.305,6,0.017,8,0.239,9,0.305,10,0.251,11,0.245,12,0.274,13,0.341,14,0.268,15,2.232,18,0.814,22,3.205,25,0.36,32,2.636,33,0.26,35,0.193,41,0.619,45,0.311,47,1.594,53,2.788,54,3.234,126,0.31,144,4.528,191,1.668,277,5.276,278,3.745,279,4.428,287,4.44,635,0.675]],["t/346",[0,0.263,1,0.264,6,0.018,8,0.246,9,0.311,10,0.258,11,0.252,12,0.282,13,0.351,14,0.276,18,0.837,25,0.37,33,0.263,35,0.198,41,0.629,43,2.709,45,0.296,55,1.054,61,2.623,73,3.674,81,3.564,126,0.319,296,1.794,346,3.98,348,5.613,349,5.01,350,5.15,351,5.144,635,0.694]],["t/348",[6,0.021,8,0.282,9,0.336,10,0.295,11,0.288,12,0.323,13,0.402,14,0.316,27,0.816,31,1.318,33,0.268,35,0.253,40,2.108,41,0.613,43,2.589,45,0.288,47,1.565,49,1.995,61,2.506,96,2.803,109,3.31,122,2.579,125,2.047,126,0.305,143,4.665,167,5.745,168,2.453,191,1.966,192,5.23,194,4.447,200,3.094,208,6.081,209,2.803,210,5.624,211,3.406,635,0.663]],["t/350",[0,0.263,1,0.264,6,0.018,8,0.246,9,0.311,10,0.258,11,0.252,12,0.282,13,0.351,14,0.276,18,0.837,25,0.37,33,0.263,35,0.198,41,0.629,43,2.709,45,0.296,55,1.054,61,2.623,73,3.674,81,3.564,126,0.319,296,1.794,346,3.98,348,5.613,349,5.01,350,6.067,351,4.366,635,0.694]],["t/352",[0,0.28,1,0.35,5,2.224,6,0.022,8,0.304,9,0.35,10,0.319,11,0.312,12,0.349,13,0.435,14,0.342,18,0.673,25,0.381,27,1.001,31,1.616,32,2.179,33,0.266,34,1.281,35,0.246,36,1.568,40,2.078,41,0.671,42,3.583,43,2.179,44,2.086,45,0.312,46,2.543,47,1.543,48,2.825,49,2.158,50,2.085,51,2.581,52,3.583,53,1.601,54,1.857,55,1.287,56,2.439,57,2.603,58,2.179,61,1.465,64,1.774,65,2.021,67,2.052,68,3.095,69,1.786,70,2.084,71,1.531,72,1.94,73,2.359,74,1.514,75,1.883,76,2.263,77,2.594,78,2.9,79,1.659,80,1.963,81,1.992,82,2.263,89,1.582,94,1.012,95,3.583,96,2.763,97,1.883,98,2.543,99,2.919,100,2.305,101,3.743,102,2.475,103,2.728,104,2.227,105,3.095,108,1.197,109,1.935,111,2.151,122,1.809,126,0.178,168,2.064,202,2.603,215,3.831,219,1.548,221,1.72,296,1.003,352,3.583,353,2.601,367,2.662,368,2.662,369,2.662,392,1.883,393,3.315,394,2.999,395,2.021,404,2.552,410,2.187,411,2.187,412,2.187,413,2.953,414,2.227,415,2.953,416,2.187,417,2.416,419,2.392,422,1.62,491,3.315,509,2.347,520,2.439,522,2.877,635,0.388]],["t/354",[0,0.263,1,0.264,6,0.018,8,0.246,9,0.311,10,0.258,11,0.252,12,0.282,13,0.351,14,0.276,18,0.837,25,0.37,33,0.263,35,0.198,41,0.629,43,2.709,45,0.296,55,1.054,61,2.623,73,3.674,81,3.564,126,0.319,296,1.794,346,4.689,348,5.613,349,5.01,350,5.15,351,4.366,635,0.694]],["t/356",[0,0.269,1,0.338,6,0.021,8,0.285,9,0.338,10,0.298,11,0.291,12,0.327,13,0.407,14,0.32,27,0.904,32,2.866,33,0.264,34,1.198,35,0.23,36,2.062,40,1.848,41,0.619,45,0.291,47,1.373,49,2.081,50,2.141,51,2.5,55,1.221,61,2.198,64,2.333,65,3.031,67,3.077,68,4.072,69,2.678,70,3.125,71,2.296,72,2.021,73,3.103,74,2.27,75,2.823,76,3.394,77,2.508,78,3.747,79,2.488,80,2.944,81,2.987,82,3.394,96,2.458,101,4.923,102,2.579,103,4.091,104,2.5,105,4.072,126,0.267,219,2.321,221,2.579,392,2.823,491,4.361,509,3.519,520,3.658,635,0.582,847,2.488]],["t/358",[0,0.244,1,0.306,6,0.018,7,1.836,8,0.24,9,0.306,10,0.252,11,0.246,12,0.275,13,0.343,14,0.269,25,0.362,27,0.835,31,1.603,33,0.261,34,1.01,35,0.194,36,1.905,41,0.522,45,0.246,55,1.03,58,2.648,74,2.648,89,1.923,99,2.769,100,2.801,122,2.614,126,0.312,197,3.916,209,2.867,280,4.268,331,3.483,340,3.164,342,3.206,404,2.648,414,2.707,417,2.936,466,3.702,467,3.249,480,3.824,635,0.678]],["t/360",[6,0.018,8,0.25,9,0.314,10,0.262,11,0.256,12,0.287,13,0.357,14,0.281,27,0.871,31,1.406,33,0.265,35,0.236,41,0.544,43,2.761,45,0.3,49,1.654,61,2.672,122,2.292,126,0.325,143,4.975,167,5.968,191,1.747,192,5.578,194,5.545,635,0.707]],["t/362",[0,0.242,1,0.304,2,5.04,3,2.903,4,2.738,5,3.846,6,0.017,7,1.815,8,0.237,9,0.304,10,0.249,11,0.243,12,0.272,13,0.339,14,0.266,15,2.217,16,3.548,17,3.395,18,0.808,19,4.136,20,4.136,21,3.548,22,2.331,23,3.548,24,4.136,25,0.358,26,4.218,27,0.825,28,2.561,29,2.561,30,3.837,31,1.593,32,3.128,33,0.259,34,0.999,35,0.192,36,1.884,37,5.144,38,4.306,39,4.306,40,2.131,41,0.516,45,0.243,126,0.308,635,0.671]],["t/364",[0,0.261,1,0.328,6,0.022,7,1.407,8,0.298,9,0.346,10,0.312,11,0.305,12,0.342,13,0.425,14,0.334,18,0.823,25,0.407,27,0.997,31,1.61,33,0.266,34,1.135,35,0.252,36,1.46,40,1.652,41,0.648,43,2.029,45,0.293,47,1.227,49,1.894,55,1.158,58,2.029,61,1.964,74,2.029,77,2.128,89,1.936,94,1.356,96,2.197,99,3.113,100,2.82,102,3.028,122,2.852,126,0.239,143,3.656,167,4.929,168,1.922,191,1.686,192,4.099,194,3.485,197,3.315,200,2.424,202,3.185,208,5.217,209,2.886,210,4.407,211,2.669,280,2.75,331,2.669,340,2.424,342,2.456,393,4.056,394,3.669,395,2.709,404,3.161,410,2.93,411,2.93,412,2.93,413,3.613,414,3.044,415,3.613,416,2.93,417,3.301,419,3.205,422,2.171,466,2.837,467,2.489,480,2.93,635,0.52]],["t/366",[0,0.247,1,0.31,6,0.018,8,0.245,9,0.31,10,0.257,11,0.251,12,0.281,13,0.35,14,0.275,31,1.623,33,0.263,34,1.031,35,0.198,40,2.201,41,0.533,45,0.296,47,1.634,49,1.91,51,2.358,52,5.243,53,2.859,54,3.316,55,1.051,56,4.356,57,4.051,58,3.188,126,0.318,635,0.692]],["t/368",[6,0.022,8,0.296,9,0.345,10,0.31,11,0.303,12,0.339,13,0.422,14,0.332,18,0.933,25,0.413,27,0.953,33,0.27,35,0.26,40,2.014,41,0.644,45,0.303,47,1.495,61,2.394,126,0.291,162,5.077,191,2.065,200,2.955,201,6.106,202,2.955,203,5.607,204,5.081,207,6.106,211,3.254,213,6.106,218,2.678,219,2.529,220,5.607,221,2.81,222,3.985,223,5.607,635,0.633,847,2.71]],["t/370",[0,0.281,1,0.318,6,0.02,7,1.726,8,0.275,9,0.331,10,0.288,11,0.282,12,0.316,13,0.393,14,0.309,18,0.769,25,0.447,27,0.785,31,1.545,33,0.264,34,0.949,35,0.222,41,0.598,45,0.282,47,1.505,50,2.445,55,0.968,60,2.828,89,1.808,97,3.095,126,0.293,191,1.575,219,2.545,221,2.828,272,3.934,302,5.335,313,4.731,314,4.92,482,5.212,483,4.603,490,4.603,635,0.638]],["t/372",[0,0.242,1,0.304,2,5.04,3,2.903,4,2.738,5,3.846,6,0.017,7,1.815,8,0.237,9,0.304,10,0.249,11,0.243,12,0.272,13,0.339,14,0.266,15,2.217,16,3.548,17,3.395,18,0.808,19,4.136,20,4.136,21,3.548,22,2.331,23,3.548,24,4.136,25,0.358,26,4.218,27,0.825,28,2.561,29,2.561,30,3.837,31,1.593,32,3.128,33,0.259,34,0.999,35,0.192,36,1.884,37,4.306,38,4.306,39,5.144,40,2.131,41,0.516,45,0.243,126,0.308,635,0.671]],["t/374",[0,0.28,1,0.259,6,0.018,8,0.242,9,0.308,10,0.253,11,0.247,12,0.277,13,0.345,14,0.271,18,0.823,25,0.432,33,0.261,35,0.195,41,0.526,45,0.293,47,1.612,50,2.518,60,3.029,126,0.314,191,1.687,219,2.726,272,4.371,302,5.559,313,5.067,314,4.892,635,0.683]],["t/376",[0,0.242,1,0.304,2,5.04,3,2.903,4,2.738,5,3.846,6,0.017,7,1.815,8,0.237,9,0.304,10,0.249,11,0.243,12,0.272,13,0.339,14,0.266,15,2.217,16,3.548,17,3.395,18,0.808,19,4.136,20,4.136,21,3.548,22,2.331,23,3.548,24,4.136,25,0.358,26,4.218,27,0.825,28,2.561,29,2.561,30,3.837,31,1.593,32,3.128,33,0.259,34,0.999,35,0.192,36,1.884,37,4.306,38,5.144,39,4.306,40,2.131,41,0.516,45,0.243,126,0.308,635,0.671]],["t/378",[0,0.27,1,0.316,6,0.02,7,1.7,8,0.272,9,0.33,10,0.286,11,0.279,12,0.313,13,0.389,14,0.306,18,0.757,25,0.335,33,0.263,34,0.935,35,0.22,36,2.163,40,1.997,41,0.641,43,2.452,45,0.279,47,1.483,49,1.469,51,2.623,55,1.169,61,2.91,65,3.274,68,4.272,69,2.893,70,3.375,71,2.48,72,2.183,73,3.833,74,2.452,75,3.05,76,3.666,77,1.958,78,2.786,79,2.687,80,3.18,81,3.955,82,3.666,126,0.289,296,1.624,346,3.603,348,5.286,349,4.535,350,4.661,351,3.952,635,0.628]],["t/380",[0,0.263,1,0.33,6,0.02,7,2.085,8,0.272,9,0.33,10,0.286,11,0.279,12,0.313,13,0.389,14,0.306,25,0.335,27,0.773,31,1.726,33,0.263,34,1.147,35,0.22,36,1.765,40,1.997,41,0.593,45,0.228,47,1.483,49,1.802,51,2.14,52,4.945,53,2.594,54,3.009,55,1.169,56,3.952,57,3.593,58,3.389,74,2.452,89,1.781,99,2.565,100,2.594,122,2.496,126,0.289,197,3.739,209,2.655,280,3.324,331,3.226,340,2.931,342,2.969,404,2.452,414,2.507,417,2.719,466,3.429,467,3.009,480,3.542,635,0.628]],["t/382",[0,0.261,1,0.327,2,4.777,3,2.657,4,2.506,5,3.521,6,0.02,7,2.055,8,0.269,9,0.327,10,0.282,11,0.275,12,0.308,13,0.384,14,0.302,15,2.029,16,3.248,17,3.108,18,0.74,19,3.787,20,3.787,21,3.248,22,2.134,23,3.248,24,3.787,25,0.327,26,3.862,27,0.935,28,2.345,29,2.345,30,3.637,31,1.509,32,3.455,33,0.261,34,1.131,35,0.217,36,1.725,37,3.942,38,3.942,39,3.942,40,1.951,41,0.585,45,0.222,49,1.928,50,2.214,55,0.932,64,2.413,67,3.248,77,1.914,78,2.723,104,2.091,105,3.405,126,0.282,219,2.451,221,2.723,392,2.981,491,4.511,509,3.715,520,3.862,635,0.614]],["t/384",[0,0.268,1,0.337,6,0.021,7,1.556,8,0.283,9,0.337,10,0.297,11,0.29,12,0.325,13,0.404,14,0.318,18,0.693,25,0.427,27,0.985,31,1.726,33,0.263,34,1.191,35,0.229,36,1.615,41,0.616,45,0.264,49,1.872,55,1.214,58,2.244,74,2.244,77,2.272,89,2.268,95,4.679,96,2.43,97,2.791,98,3.77,99,3.621,100,3.304,122,2.593,126,0.264,168,2.126,197,3.538,202,2.682,209,2.43,280,3.042,331,2.952,340,2.682,342,2.717,394,3.915,395,2.996,404,2.845,410,3.241,411,3.241,412,3.241,413,3.042,414,2.909,415,3.042,416,3.241,417,3.154,466,3.138,467,2.753,480,3.241,635,0.575,847,2.459]],["t/386",[0,0.244,1,0.306,6,0.018,8,0.24,9,0.306,10,0.252,11,0.246,12,0.275,13,0.343,14,0.269,18,0.818,25,0.362,27,0.835,31,1.348,33,0.261,34,1.01,35,0.194,41,0.522,45,0.292,49,1.587,55,1.03,77,2.114,89,1.923,99,3.293,100,2.801,122,2.198,126,0.312,168,2.509,202,3.164,394,4.334,395,3.535,404,2.648,410,4.548,411,3.824,412,3.824,413,3.589,414,2.707,415,3.589,416,3.824,417,2.936,635,0.678]],["t/388",[0,0.281,1,0.334,3,3.079,4,2.26,6,0.021,8,0.293,9,0.344,10,0.308,11,0.301,12,0.337,13,0.419,14,0.33,18,0.667,25,0.419,27,0.968,32,2.777,33,0.266,34,1.059,35,0.245,41,0.639,45,0.301,47,1.307,49,1.839,50,2.687,55,1.08,60,2.455,64,2.637,67,2.929,71,2.185,72,1.924,77,1.725,78,2.455,104,1.885,105,3.07,111,3.07,126,0.254,128,3.894,162,3.63,191,1.757,195,5.278,196,4.519,197,2.687,200,2.582,211,2.843,219,2.839,221,2.455,272,3.601,302,4.883,313,4.107,314,4.54,386,4.883,387,4.107,392,3.453,491,4.226,509,3.349,520,3.482,635,0.553]],["t/390",[0,0.264,1,0.331,5,3.656,6,0.02,7,1.726,8,0.275,9,0.331,10,0.288,11,0.282,12,0.316,13,0.393,14,0.309,18,0.769,27,0.785,31,1.545,33,0.264,34,1.157,35,0.222,40,2.026,41,0.598,42,4.99,43,2.489,44,2.905,45,0.282,46,4.182,47,1.505,48,3.934,49,1.818,50,2.609,51,2.647,55,0.968,96,2.695,104,2.647,126,0.293,153,4.793,337,3.858,392,3.095,521,4.99,528,4.276,531,4.377,532,4.377,635,0.638]],["t/392",[0,0.247,1,0.31,6,0.018,8,0.244,9,0.31,10,0.256,11,0.25,12,0.281,13,0.349,14,0.274,18,0.833,27,0.85,33,0.263,34,1.029,35,0.197,41,0.532,44,2.583,45,0.296,50,2.378,55,1.049,96,2.92,104,2.778,126,0.318,153,5.029,337,4.934,392,3.354,521,5.236,528,4.633,531,4.742,532,4.742,635,0.691]],["t/394",[0,0.263,1,0.33,6,0.02,7,1.711,8,0.273,9,0.33,10,0.287,11,0.28,12,0.314,13,0.391,14,0.307,25,0.337,27,0.778,31,1.537,33,0.263,34,1.151,35,0.221,36,2.172,40,2.009,41,0.595,45,0.28,47,1.492,49,1.479,51,2.633,55,1.174,61,2.389,65,3.295,68,4.288,69,2.911,70,3.397,71,2.495,72,2.197,73,3.268,74,2.468,75,3.069,76,3.689,77,1.971,78,2.804,79,3.722,80,3.914,81,3.247,82,3.689,89,1.792,126,0.291,233,3.977,481,5.185,505,4.564,635,0.632]],["t/396",[6,0.018,8,0.25,9,0.314,10,0.262,11,0.256,12,0.287,14,0.28,25,0.376,33,0.265,35,0.236,41,0.543,45,0.299,53,2.914,110,7.423,111,3.913,112,4.352,113,6.557,114,6.557,115,4.963,116,4.438,117,5.235,118,2.724,119,6.557,120,5.983,126,0.324,635,0.705]],["t/398",[6,0.018,8,0.252,9,0.315,10,0.264,11,0.258,12,0.289,14,0.283,25,0.38,33,0.266,35,0.237,41,0.639,45,0.301,53,2.942,112,4.393,126,0.327,127,7.174,128,5.011,129,5.285,130,2.451,131,5.011,635,0.712]],["t/400",[6,0.018,8,0.252,9,0.315,10,0.264,11,0.258,12,0.289,14,0.283,25,0.38,33,0.266,35,0.237,41,0.548,45,0.301,50,2.077,88,4.393,112,4.393,126,0.327,130,2.451,135,7.174,136,3.28,137,4.481,138,3.28,635,0.712]],["t/402",[6,0.018,8,0.25,9,0.314,10,0.262,11,0.256,12,0.287,14,0.281,25,0.377,33,0.265,35,0.236,41,0.544,45,0.3,88,4.362,112,4.362,126,0.325,129,5.248,130,2.433,136,3.257,139,7.153,163,2.701,168,2.616,169,5.997,170,3.137,171,5.997,635,0.707]],["t/404",[6,0.018,8,0.253,9,0.316,10,0.265,11,0.259,12,0.29,13,0.361,14,0.284,27,0.879,33,0.266,35,0.238,41,0.55,45,0.301,112,4.404,126,0.328,136,3.288,140,7.181,141,5.829,142,6.636,143,5.023,635,0.714]],["t/406",[6,0.018,8,0.249,9,0.313,10,0.261,11,0.255,12,0.286,14,0.28,25,0.375,27,1.015,33,0.265,35,0.236,40,2.237,41,0.542,45,0.299,112,4.341,121,5.529,126,0.324,136,3.242,149,1.77,159,6.897,160,5.969,161,4.951,162,4.617,163,2.689,635,0.704]],["t/408",[1,0.266,3,3.032,6,0.018,8,0.248,9,0.312,10,0.26,11,0.254,12,0.284,13,0.354,14,0.278,27,1.012,33,0.264,35,0.235,41,0.539,45,0.298,50,2.043,64,2.613,71,2.765,72,2.435,126,0.322,128,4.928,162,4.595,191,1.73,195,6.476,196,5.719,197,3.401,635,0.701]],["t/410",[6,0.018,8,0.251,9,0.314,10,0.263,11,0.257,12,0.288,13,0.358,14,0.282,18,0.855,25,0.378,27,0.873,33,0.265,35,0.237,41,0.546,45,0.3,61,2.679,126,0.326,162,4.65,191,1.751,201,6.917,202,3.307,203,6.274,204,4.137,635,0.709]],["t/412",[6,0.018,8,0.25,9,0.314,10,0.262,11,0.256,12,0.287,13,0.357,14,0.281,27,0.871,31,1.406,33,0.265,35,0.236,41,0.544,43,2.761,45,0.3,49,1.654,61,2.672,122,2.292,126,0.325,143,4.975,167,6.325,191,1.747,192,5.578,194,4.743,635,0.707]],["t/414",[6,0.018,8,0.251,9,0.314,10,0.263,11,0.257,12,0.288,13,0.358,14,0.282,18,0.855,25,0.378,27,0.873,33,0.265,35,0.237,41,0.546,45,0.3,126,0.326,162,4.65,191,1.751,204,4.137,207,6.917,218,2.996,219,2.83,220,6.274,635,0.709]],["t/416",[6,0.018,8,0.251,9,0.314,10,0.263,11,0.257,12,0.288,13,0.358,14,0.282,33,0.265,35,0.237,40,2.253,41,0.546,45,0.3,47,1.673,126,0.326,191,1.751,200,3.307,204,4.137,211,3.641,213,6.917,221,3.144,222,4.459,223,6.274,635,0.709]],["t/418",[6,0.018,8,0.25,9,0.314,10,0.262,11,0.256,12,0.287,13,0.357,14,0.281,33,0.265,35,0.236,40,2.248,41,0.544,45,0.3,47,1.669,49,1.654,96,2.989,122,2.292,126,0.325,191,1.747,200,3.299,208,6.695,209,2.989,210,5.997,211,3.632,635,0.707]],["t/420",[6,0.018,8,0.251,9,0.315,10,0.264,11,0.258,12,0.289,13,0.359,14,0.282,33,0.266,35,0.237,41,0.547,45,0.3,47,1.677,84,4.007,91,4.562,94,1.854,126,0.327,191,1.755,200,3.315,211,3.649,212,6.924,214,6.289,635,0.711]],["t/422",[6,0.018,8,0.251,9,0.314,10,0.263,11,0.257,12,0.288,13,0.358,14,0.282,25,0.378,31,1.646,33,0.265,35,0.237,41,0.546,45,0.3,47,1.673,84,3.997,126,0.326,191,1.751,217,6.917,233,4.459,234,6.274,235,6.274,635,0.709]],["t/424",[0,0.214,4,2.887,6,0.018,8,0.25,9,0.314,10,0.262,11,0.256,12,0.287,13,0.357,14,0.281,18,0.853,25,0.377,33,0.265,35,0.236,36,2.322,40,2.248,41,0.544,45,0.3,69,3.257,126,0.325,191,1.747,224,6.695,225,5.774,635,0.707]],["t/426",[0,0.21,6,0.018,8,0.246,9,0.264,10,0.258,11,0.252,12,0.282,13,0.351,14,0.276,25,0.436,33,0.263,35,0.234,36,2.442,45,0.296,69,3.196,126,0.319,130,2.388,149,1.746,150,2.567,157,2.227,191,1.714,200,4.055,211,4.465,255,6.857,256,5.666,257,6.142,635,0.694]],["t/428",[6,0.018,8,0.251,9,0.314,10,0.263,11,0.257,12,0.288,13,0.358,14,0.282,31,1.409,33,0.265,35,0.237,36,1.991,40,2.253,41,0.546,45,0.3,47,1.673,69,3.265,126,0.326,154,4.987,168,2.622,191,1.751,232,6.331,259,5.417,635,0.709]],["t/430",[0,0.281,1,0.262,6,0.018,8,0.244,9,0.31,10,0.256,11,0.25,12,0.281,13,0.349,14,0.274,31,1.818,33,0.263,35,0.197,41,0.532,45,0.296,47,1.631,60,3.064,89,1.959,124,1.517,126,0.318,191,1.706,229,4.261,245,4.742,276,6.103,303,4.104,304,5.279,635,0.691]],["t/432",[0,0.28,6,0.018,8,0.243,9,0.309,10,0.255,11,0.249,12,0.279,13,0.348,14,0.273,18,0.829,25,0.367,33,0.262,35,0.232,41,0.529,45,0.295,51,3.154,60,3.05,97,3.338,126,0.316,191,1.698,258,6.092,271,5.254,272,3.481,273,4.326,274,3.481,275,4.241,635,0.688]],["t/434",[0,0.28,1,0.26,6,0.018,8,0.242,9,0.308,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,18,0.825,25,0.432,33,0.262,35,0.196,41,0.527,45,0.294,47,1.616,50,2.52,60,3.036,126,0.315,191,1.691,219,2.732,272,4.105,302,5.933,313,5.079,314,4.827,635,0.684]],["t/436",[0,0.282,1,0.306,6,0.018,8,0.239,9,0.306,10,0.251,11,0.245,12,0.275,13,0.342,14,0.269,15,2.237,18,0.816,22,3.161,25,0.361,32,2.642,33,0.26,35,0.193,41,0.62,45,0.312,47,1.597,53,2.795,54,3.241,126,0.311,144,4.538,191,1.671,277,5.641,278,3.753,279,4.438,287,4.293,635,0.677]],["t/438",[0,0.286,1,0.304,6,0.017,8,0.237,9,0.304,10,0.248,11,0.242,12,0.272,13,0.338,14,0.266,18,0.807,25,0.357,33,0.259,35,0.191,41,0.616,45,0.29,47,1.579,50,2.496,53,2.763,57,3.121,64,2.543,71,2.641,72,2.781,75,3.884,104,2.279,126,0.308,191,1.653,209,2.828,296,1.73,326,4.127,327,5.741,334,4.593,335,4.83,336,4.83,635,0.669]],["t/440",[0,0.287,1,0.308,6,0.018,8,0.242,9,0.308,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,33,0.262,35,0.196,41,0.624,45,0.294,47,1.616,53,2.827,57,3.193,71,2.702,72,2.819,122,2.218,126,0.315,191,1.691,296,1.769,301,5.669,303,4.066,322,4.815,325,4.815,326,4.222,635,0.684]],["t/442",[0,0.248,1,0.312,6,0.018,8,0.247,9,0.312,10,0.259,11,0.253,12,0.284,13,0.353,14,0.278,25,0.373,27,0.86,31,1.389,33,0.264,34,1.041,35,0.2,41,0.538,45,0.298,51,2.381,55,1.061,83,6.133,84,3.941,85,4.152,86,5.341,87,3.698,88,4.311,89,1.982,126,0.321,635,0.699]],["t/444",[0,0.246,1,0.309,6,0.018,7,1.865,8,0.244,9,0.309,10,0.256,11,0.25,12,0.28,13,0.348,14,0.274,18,0.831,25,0.434,27,0.848,31,1.619,33,0.262,34,1.026,35,0.197,41,0.531,45,0.25,51,2.348,55,1.046,58,2.691,63,4.094,79,2.948,84,3.886,89,1.954,90,6.097,91,4.425,92,4.251,93,4.731,94,1.798,126,0.317,635,0.689]],["t/446",[0,0.244,1,0.306,6,0.018,8,0.239,9,0.306,10,0.251,11,0.245,12,0.275,13,0.342,14,0.269,33,0.26,34,1.008,35,0.193,36,2.263,40,2.151,41,0.521,45,0.292,47,1.597,49,1.583,51,2.744,55,1.027,61,2.557,65,3.527,68,4.771,69,3.116,70,3.636,71,2.671,72,2.352,73,3.405,74,2.642,75,3.285,76,3.949,77,2.109,78,3.001,79,2.894,80,3.426,81,3.475,82,3.949,126,0.311,635,0.677]],["t/448",[0,0.247,1,0.311,6,0.018,8,0.246,9,0.311,10,0.258,11,0.252,12,0.282,13,0.351,14,0.276,31,1.38,33,0.263,34,1.033,35,0.198,40,2.206,41,0.534,45,0.296,47,1.638,55,1.054,59,5.702,60,3.078,61,2.623,62,4.552,63,4.858,64,2.599,65,3.617,66,4.882,67,3.672,126,0.319,635,0.694]],["t/450",[0,0.247,1,0.31,6,0.018,8,0.245,9,0.31,10,0.257,11,0.251,12,0.281,13,0.35,14,0.275,31,1.623,33,0.263,34,1.031,35,0.198,40,2.201,41,0.533,45,0.296,47,1.634,49,1.91,51,2.358,52,5.576,53,2.859,54,3.316,55,1.051,56,4.356,57,3.809,58,3.188,126,0.318,635,0.692]],["t/452",[0,0.242,1,0.304,2,5.39,3,2.903,4,2.738,5,3.846,6,0.017,7,1.815,8,0.237,9,0.304,10,0.249,11,0.243,12,0.272,13,0.339,14,0.266,15,2.217,16,3.548,17,3.395,18,0.808,19,4.136,20,4.136,21,3.548,22,2.331,23,3.548,24,4.136,25,0.358,26,4.218,27,0.825,28,2.561,29,2.561,30,3.837,31,1.593,32,3.128,33,0.259,34,0.999,35,0.192,36,1.884,37,4.306,38,4.306,39,4.306,40,2.131,41,0.516,45,0.243,126,0.308,635,0.671]],["t/454",[0,0.247,1,0.31,5,3.962,6,0.018,8,0.244,9,0.31,10,0.256,11,0.25,12,0.281,13,0.349,14,0.274,31,1.621,33,0.263,34,1.029,35,0.197,40,2.196,41,0.532,42,5.571,43,2.697,44,2.583,45,0.296,46,4.531,47,1.631,48,4.128,49,1.908,50,2.378,51,2.778,126,0.318,635,0.691]],["t/456",[0,0.28,1,0.308,6,0.018,8,0.243,9,0.308,10,0.255,11,0.249,12,0.279,13,0.347,14,0.273,18,0.827,22,2.385,25,0.433,33,0.262,35,0.196,41,0.625,45,0.294,126,0.315,136,3.159,168,2.538,191,1.695,287,3.424,296,1.774,333,5.938,339,5.09,340,3.789,341,5.09,342,3.243,343,3.686,635,0.686]],["t/458",[0,0.272,1,0.311,6,0.018,8,0.246,9,0.311,10,0.258,11,0.252,12,0.282,13,0.352,14,0.276,18,0.839,25,0.437,33,0.263,35,0.199,41,0.63,45,0.297,58,3.197,61,2.629,126,0.32,136,3.204,191,1.718,296,1.798,328,6.457,329,5.487,331,3.573,635,0.696]],["t/460",[0,0.263,1,0.264,6,0.018,8,0.246,9,0.311,10,0.258,11,0.252,12,0.282,13,0.352,14,0.276,25,0.371,33,0.263,35,0.199,36,2.444,41,0.63,45,0.297,54,3.332,74,2.716,126,0.32,136,3.204,191,1.718,216,3.377,296,1.798,332,6.457,344,5.487,345,4.775,346,3.989,635,0.696]],["t/462",[0,0.263,1,0.264,6,0.018,8,0.246,9,0.311,10,0.258,11,0.252,12,0.282,13,0.351,14,0.276,18,0.837,25,0.37,33,0.263,35,0.198,41,0.629,43,2.709,45,0.296,55,1.054,61,2.623,73,3.674,81,3.564,126,0.319,296,1.794,346,3.98,348,5.967,349,5.01,350,5.15,351,4.366,635,0.694]],["t/464",[0,0.262,1,0.309,6,0.018,8,0.244,9,0.309,10,0.256,11,0.25,12,0.28,13,0.348,14,0.274,25,0.368,27,0.848,33,0.262,34,1.026,35,0.197,41,0.627,43,2.691,45,0.295,49,2.028,55,1.046,72,2.396,77,2.149,111,3.823,126,0.317,296,1.782,352,5.565,353,4.622,367,4.731,368,4.731,369,4.731,635,0.689]],["t/466",[0,0.264,1,0.311,3,3.018,6,0.018,8,0.247,9,0.311,10,0.259,11,0.253,12,0.283,13,0.352,14,0.277,31,1.731,33,0.264,34,1.038,35,0.199,41,0.631,45,0.297,47,1.646,55,1.058,89,1.977,126,0.321,296,1.803,374,5.979,375,3.868,376,5.034,635,0.697]],["t/468",[0,0.285,1,0.324,6,0.017,8,0.236,9,0.303,10,0.247,11,0.241,12,0.27,13,0.337,14,0.265,18,0.803,27,0.82,28,2.544,29,2.544,33,0.259,34,0.992,35,0.228,36,2.241,41,0.513,43,2.6,45,0.289,55,1.011,126,0.306,219,2.659,230,2.89,330,3.048,370,5.604,371,4.686,372,4.912,373,4.651,635,0.666]],["t/470",[0,0.264,1,0.311,3,3.018,6,0.018,8,0.247,9,0.311,10,0.259,11,0.253,12,0.283,13,0.352,14,0.277,31,1.731,33,0.264,34,1.038,35,0.199,41,0.631,45,0.297,47,1.646,55,1.058,89,1.977,126,0.321,296,1.803,379,5.979,380,3.581,381,5.174,635,0.697]],["t/472",[0,0.246,1,0.309,6,0.018,8,0.243,9,0.309,10,0.255,11,0.249,12,0.279,13,0.348,14,0.273,18,0.829,25,0.367,27,0.846,30,3.895,33,0.262,34,1.024,35,0.197,41,0.529,45,0.295,48,4.117,55,1.044,94,1.794,126,0.316,218,2.907,380,3.532,418,5.341,422,2.873,423,4.161,424,4.831,435,4.51,436,4.51,437,4.51,635,0.688]],["t/474",[0,0.246,1,0.309,6,0.018,8,0.243,9,0.309,10,0.255,11,0.249,12,0.279,13,0.348,14,0.273,18,0.829,25,0.367,27,0.846,33,0.262,34,1.024,35,0.197,41,0.529,45,0.295,49,1.609,55,1.044,77,2.144,94,1.794,102,3.05,122,2.229,126,0.316,202,3.208,393,5.144,404,3.175,413,3.638,414,2.745,415,3.638,417,2.976,419,4.241,422,2.873,635,0.688]],["t/476",[0,0.264,1,0.311,3,3.018,6,0.018,8,0.247,9,0.311,10,0.259,11,0.253,12,0.283,13,0.352,14,0.277,25,0.372,33,0.264,34,1.038,35,0.199,41,0.537,45,0.297,50,2.54,55,1.058,111,3.868,126,0.321,200,3.253,211,3.581,386,5.979,387,5.174,392,3.385,635,0.697]],["t/478",[0,0.249,1,0.312,6,0.018,8,0.248,9,0.312,10,0.26,11,0.254,12,0.284,13,0.354,14,0.278,22,2.435,27,0.862,33,0.264,34,1.043,35,0.2,41,0.539,45,0.298,55,1.063,126,0.322,218,2.961,340,3.268,342,3.311,343,4.418,450,5.991,451,5.057,452,5.198,635,0.701]],["t/480",[0,0.244,1,0.306,6,0.018,7,1.836,8,0.24,9,0.306,10,0.252,11,0.246,12,0.275,13,0.343,14,0.269,25,0.362,27,0.835,31,1.603,33,0.261,34,1.01,35,0.194,36,1.905,41,0.522,45,0.246,55,1.03,58,2.648,74,2.648,89,1.923,99,2.769,100,2.801,122,2.614,126,0.312,197,4.18,209,2.867,280,3.589,331,3.483,340,3.164,342,3.206,404,2.648,414,2.707,417,2.936,466,3.702,467,3.249,480,3.824,635,0.678]],["t/482",[0,0.248,1,0.311,6,0.018,8,0.247,9,0.311,10,0.259,11,0.253,12,0.283,13,0.352,14,0.277,27,0.858,28,2.663,29,2.663,33,0.264,34,1.038,35,0.199,36,1.959,41,0.537,45,0.297,55,1.058,74,2.722,94,2.139,126,0.321,218,2.947,222,4.386,422,2.913,438,5.841,439,5.034,635,0.697]],["t/484",[0,0.248,1,0.312,6,0.018,8,0.247,9,0.312,10,0.259,11,0.253,12,0.284,13,0.353,14,0.278,27,0.86,31,1.632,33,0.264,34,1.041,35,0.2,41,0.538,45,0.298,55,1.061,85,4.152,89,1.982,94,2.142,126,0.321,218,2.954,422,2.92,455,5.847,456,4.917,635,0.699]],["t/486",[0,0.248,1,0.312,6,0.018,8,0.247,9,0.312,10,0.259,11,0.253,12,0.284,13,0.353,14,0.278,25,0.373,27,0.86,31,1.632,33,0.264,34,1.041,35,0.2,41,0.538,45,0.298,55,1.061,79,3.512,80,3.538,89,1.982,126,0.321,233,4.397,481,5.847,505,5.045,635,0.699]],["t/488",[0,0.246,1,0.309,6,0.018,8,0.244,9,0.309,10,0.256,11,0.25,12,0.28,13,0.348,14,0.274,22,2.396,25,0.368,27,0.848,31,1.619,33,0.262,34,1.026,35,0.197,41,0.531,45,0.295,55,1.046,89,1.954,94,2.125,126,0.317,221,3.057,404,3.179,405,3.823,414,2.751,422,2.879,492,5.346,493,4.251,494,4.52,635,0.689]],["t/490",[0,0.245,1,0.308,6,0.018,8,0.242,9,0.308,10,0.253,11,0.247,12,0.277,13,0.345,14,0.271,27,0.841,32,3.162,33,0.261,34,1.017,35,0.195,41,0.526,45,0.293,49,2.02,50,2.362,55,1.037,64,2.574,67,3.613,77,2.129,78,3.029,104,2.326,105,3.788,126,0.314,219,2.726,221,3.029,392,3.315,491,5.129,509,4.132,520,4.296,635,0.683]],["t/492",[0,0.248,1,0.311,6,0.018,8,0.247,9,0.311,10,0.259,11,0.253,12,0.283,13,0.352,14,0.277,25,0.372,27,0.858,31,1.63,33,0.264,34,1.038,35,0.199,41,0.537,45,0.297,55,1.058,89,1.977,97,3.385,126,0.321,221,3.093,314,4.338,482,5.841,483,5.034,490,5.034,635,0.697]],["t/494",[0,0.249,1,0.313,6,0.018,8,0.248,9,0.313,10,0.261,11,0.254,12,0.285,13,0.355,14,0.279,27,0.864,33,0.264,34,1.046,35,0.201,41,0.541,44,2.625,45,0.298,49,1.926,55,1.066,77,2.189,96,2.968,104,2.392,126,0.323,215,5.996,522,5.21,635,0.702]],["t/496",[0,0.247,1,0.31,6,0.018,8,0.244,9,0.31,10,0.256,11,0.25,12,0.281,13,0.349,14,0.274,18,0.833,27,0.85,33,0.263,34,1.029,35,0.197,41,0.532,44,2.583,45,0.296,50,2.378,55,1.049,96,2.92,104,2.778,126,0.318,153,5.029,337,4.18,392,3.354,521,5.571,528,4.633,531,4.742,532,4.742,635,0.691]],["t/498",[0,0.249,1,0.313,4,2.867,6,0.018,8,0.248,9,0.313,10,0.261,11,0.254,12,0.285,13,0.355,14,0.279,25,0.374,27,0.864,31,1.637,33,0.264,34,1.046,35,0.201,41,0.541,45,0.298,55,1.066,89,1.991,96,2.968,106,6.145,107,5.366,126,0.323,635,0.702]],["t/500",[0,0.248,1,0.312,6,0.018,8,0.247,9,0.312,10,0.259,11,0.253,12,0.284,13,0.353,14,0.278,27,0.86,33,0.264,34,1.041,35,0.2,41,0.538,45,0.298,49,1.921,55,1.061,77,2.179,78,3.1,96,2.954,101,5.847,102,3.1,103,4.917,104,2.381,105,3.877,126,0.321,635,0.699]],["t/502",[0,0.247,1,0.31,6,0.018,8,0.245,9,0.31,10,0.257,11,0.251,12,0.281,13,0.35,14,0.275,25,0.369,27,0.852,31,1.623,33,0.263,34,1.031,35,0.198,41,0.533,45,0.296,49,1.91,55,1.051,77,2.159,89,1.963,95,5.576,96,2.927,97,3.362,98,4.542,99,3.334,100,2.859,126,0.318,635,0.692]],["t/504",[0,0.167,1,0.21,6,0.017,9,0.146,25,0.204,29,2.114,30,1.836,45,0.139,48,1.94,64,2.817,94,1.968,116,2.411,118,2.912,121,6.517,123,0.905,124,1.562,129,4.106,133,5.143,134,3.12,149,1.789,163,2.114,166,7.709,170,2.881,173,1.601,175,4.458,176,3.288,238,2.485,239,1.464,247,2.549,262,2.514,264,1.62,270,3.385,282,2.319,296,1.839,310,3.481,321,3.251,345,2.631,354,1.998,357,2.631,361,4.518,378,3.111,388,2.364,389,2.514,399,4.693,401,2.059,427,2.319,440,3.562,501,2.571,512,3.407,558,3.562,559,6.155,591,1.547,592,2.126,598,2.364,599,3.562,622,3.349,634,3.021,639,2.844,666,4.518,769,3.251,849,3.023,850,3.775,851,4.493,852,4.17,853,4.493,854,3.251,855,4.06,856,3.562,857,3.03,858,1.812,859,2.514,860,2.461,861,2.126,862,2.319,863,4.493,864,4.493,865,2.059,866,3.392,867,3.562,868,2.126,869,4.493,870,4.493,871,7.614,872,3.413,873,2.319,874,2.929,875,3.251,876,3.775,877,4.493,878,2.411,879,4.493,880,4.223,881,6.487,882,8.558,883,3.392,884,8.451,885,6.338,886,4.493,887,3.562,888,7.614,889,4.365,890,6.487,891,4.365,892,8.337,893,4.493,894,2.631,895,4.493,896,3.775,897,4.493,898,3.562,899,3.304,900,1.765,901,5.134,902,2.844,903,2.461,904,4.493,905,4.06,906,4.493,907,4.493,908,4.493,909,4.493,910,4.493,911,3.562,912,3.023,913,4.06,914,3.251,915,3.775,916,3.251,917,4.493,918,4.493,919,4.493,920,2.319,921,4.493,922,3.562,923,4.06,924,3.251,925,4.06,926,3.775,927,4.493,928,4.493,929,4.493,930,4.06,931,6.61,932,4.493,933,4.493,934,7.614,935,6.487,936,6.487,937,5.143,938,4.898,939,4.493,940,6.487,941,6.487,942,5.862,943,4.06,944,4.493,945,1.969,946,4.493,947,4.493,948,1.7,949,1.94,950,2.319,951,4.493,952,1.998,953,4.493,954,2.277,955,4.493,956,4.493,957,4.493,958,3.775,959,4.493,960,4.493,961,4.06,962,4.493,963,4.06,964,4.06,965,3.392,966,1.565,967,1.565]],["t/506",[0,0.183,1,0.164,4,2.835,6,0.025,18,1.104,25,0.322,30,2.073,40,2.6,44,1.618,64,2.387,94,1.129,118,1.671,123,1.022,124,1.325,138,1.993,145,1.431,149,1.747,153,5.744,163,2.304,170,1.92,173,2.901,238,3.373,239,1.653,247,4.098,264,1.83,296,1.56,346,2.482,357,2.971,360,3.308,361,3.534,401,3.731,426,2.67,430,4.476,495,3.414,512,2.073,540,3.212,558,7.8,563,3.308,578,3.212,585,4.355,594,1.993,857,2.019,858,2.046,878,3.795,880,4.026,899,3.042,900,3.198,937,4.023,948,3.331,965,3.831,966,1.767,967,1.767,968,3.308,969,5.074,970,5.074,971,4.263,972,10.193,973,5.074,974,8.14,975,7.072,976,9.588,977,4.202,978,4.283,979,3.674,980,4.458,981,10.432,982,5.284,983,5.904,984,8.805,985,4.036,986,4.585,987,3.873,988,4.141,989,6.839,990,7.957,991,7.398,992,4.585,993,5.074,994,5.074,995,5.074,996,5.074,997,5.074,998,5.074,999,5.074,1000,5.074,1001,5.074,1002,5.074,1003,5.074,1004,5.074,1005,5.074]],["t/508",[0,0.154,1,0.13,6,0.017,15,1.134,25,0.272,30,4.568,41,0.264,94,2.45,118,2.784,121,2.301,123,0.81,124,1.12,129,2.546,138,1.58,149,1.901,153,2.116,157,1.955,163,2.754,169,2.91,170,1.522,177,1.873,183,5.739,190,4.974,238,3.238,239,1.311,247,3.907,262,4.957,264,1.45,270,3.939,281,4.655,291,4.516,296,1.319,307,2.038,308,3.031,315,1.816,316,3.899,354,1.788,358,2.355,360,2.622,423,4.573,425,5.505,426,4.447,497,1.622,512,2.444,591,2.91,594,1.58,622,2.076,634,1.873,847,3.084,849,4.025,857,1.601,858,1.622,859,2.251,860,2.203,861,1.903,862,2.076,873,2.076,878,2.158,880,4.115,899,3.311,900,3.48,901,2.477,916,2.91,920,4.363,945,4.499,966,1.401,967,1.401,1006,2.91,1007,4.166,1008,4.022,1009,4.022,1010,5.982,1011,4.022,1012,4.022,1013,4.022,1014,4.022,1015,5.982,1016,4.166,1017,3.786,1018,3.899,1019,3.38,1020,2.91,1021,2.546,1022,2.91,1023,3.38,1024,3.635,1025,3.38,1026,3.635,1027,2.801,1028,4.022,1029,4.022,1030,4.022,1031,4.022,1032,4.022,1033,4.022,1034,4.022,1035,4.022,1036,4.022,1037,4.022,1038,4.022,1039,4.022,1040,5.405,1041,9.425,1042,4.022,1043,5.982,1044,4.022,1045,5.982,1046,4.022,1047,10.07,1048,4.022,1049,5.982,1050,4.022,1051,5.982,1052,4.022,1053,5.982,1054,4.022,1055,5.982,1056,4.022,1057,5.026,1058,5.391,1059,5.405,1060,5.405,1061,4.742,1062,3.189,1063,3.38,1064,3.037,1065,3.189,1066,3.635,1067,3.189,1068,3.635,1069,2.355,1070,3.38,1071,2.477,1072,3.635,1073,3.38,1074,2.706,1075,3.38,1076,4.022,1077,4.022,1078,4.022,1079,4.022,1080,4.022,1081,4.022,1082,4.022,1083,4.022,1084,3.635,1085,2.546,1086,5.403,1087,5.405,1088,4.022,1089,4.742,1090,5.982,1091,4.022,1092,4.022,1093,4.022,1094,4.022,1095,4.022,1096,3.38,1097,9.802,1098,9.802,1099,9.802,1100,4.022,1101,9.802,1102,9.802,1103,9.631,1104,4.022,1105,5.982,1106,4.022,1107,4.022,1108,4.022,1109,4.022,1110,4.022,1111,4.022,1112,3.189,1113,4.022]],["t/510",[0,0.064,1,0.045,6,0.022,7,1.396,15,1.151,22,0.41,25,0.153,29,0.806,44,2.134,46,2.915,48,4.752,64,1.272,94,1.696,115,4.016,117,0.876,118,3.099,121,0.792,123,0.279,124,0.463,131,2.013,134,1.19,138,1.604,149,1.298,161,0.83,163,1.97,170,2.725,173,1.196,176,3.205,177,4.597,178,0.931,179,4.044,180,1.664,181,5.175,182,1.664,183,4.98,184,1.664,188,2.69,238,2.667,239,3.399,264,1.879,292,1.964,296,1.035,310,1.327,337,1.277,354,1.815,357,5.356,373,0.606,378,2.471,398,0.81,400,1.79,401,4.72,402,4.559,423,4.111,424,4.705,427,1.277,429,3.429,430,6.201,431,1.723,432,3.313,441,0.634,496,1.997,497,0.997,501,0.792,512,4.224,561,4.721,591,1.405,594,3.593,622,4.721,634,1.152,640,4.794,657,0.931,665,1.097,847,2.206,852,2.236,857,1.624,858,0.997,859,0.774,860,1.837,861,1.17,862,1.277,865,1.538,868,1.587,872,2.148,873,1.277,874,1.612,875,7.449,876,7.685,878,4.908,899,2.26,900,2.376,902,1.566,903,5.01,905,1.25,913,8.265,920,1.277,925,2.235,931,2.66,937,7.251,945,3.338,948,3.26,949,3.111,950,3.933,952,3.203,954,4.635,964,8.265,966,0.482,967,0.482,978,4.812,979,1.842,985,2.15,986,8.265,987,5.049,992,8.265,1021,1.566,1069,0.81,1071,0.852,1072,2.235,1074,1.664,1096,2.078,1114,1.384,1115,3.429,1116,4.692,1117,1.384,1118,1.384,1119,2.746,1120,10.544,1121,1.384,1122,5.211,1123,3.355,1124,3.355,1125,3.355,1126,1.867,1127,1.384,1128,1.384,1129,3.355,1130,3.355,1131,3.355,1132,1.867,1133,2.078,1134,5.465,1135,1.384,1136,8.256,1137,8.265,1138,9.147,1139,9.147,1140,7.685,1141,5.233,1142,7.251,1143,6.617,1144,8.265,1145,6.37,1146,7.251,1147,9.147,1148,9.147,1149,7.685,1150,6.617,1151,5.081,1152,1.25,1153,1.25,1154,1.25,1155,1.384,1156,1.25,1157,2.474,1158,1.097,1159,1.25,1160,1.723,1161,1.384,1162,1.384,1163,1.384,1164,1.384,1165,3.355,1166,1.25,1167,2.474,1168,1.25,1169,2.474,1170,1.25,1171,2.474,1172,1.25,1173,1.25,1174,1.384,1175,1.25,1176,1.25,1177,1.384,1178,1.25,1179,1.384,1180,1.384,1181,1.384,1182,1.384,1183,7.203,1184,1.384,1185,1.384,1186,1.384,1187,1.384,1188,1.384,1189,0.902,1190,1.384,1191,1.384,1192,1.384,1193,1.384,1194,1.384,1195,1.384,1196,1.384,1197,3.355,1198,1.384,1199,1.384,1200,1.384,1201,1.384,1202,1.384,1203,1.384,1204,1.384,1205,1.384,1206,1.384,1207,1.384,1208,1.384,1209,1.384,1210,1.384,1211,1.384,1212,1.384,1213,1.384,1214,1.384,1215,1.384,1216,1.384,1217,1.384,1218,1.384,1219,1.384,1220,1.384,1221,2.474,1222,1.384,1223,1.384,1224,1.384,1225,1.097,1226,1.097,1227,0.931,1228,1.384,1229,1.384,1230,1.384,1231,1.384,1232,0.902,1233,1.384,1234,3.081,1235,3.688,1236,3.236,1237,4.082,1238,4.082,1239,4.082,1240,4.082,1241,1.384,1242,1.384,1243,1.384]],["t/512",[0,0.282,1,0.211,15,1.836,25,0.38,51,3.314,93,3.814,123,1.311,124,1.566,130,2.858,149,2.161,151,5.472,198,3.908,216,3.461,228,3.662,264,3.328,272,4.349,273,5.404,274,4.349,275,5.298,296,1.843,309,5.472,354,2.896,424,3.3,594,2.559,876,5.472,894,3.814,899,4.007,900,4.212,902,4.122,966,2.268,967,2.268,1016,4.536,1244,4.917,1245,3.186,1246,4.122,1247,6.513,1248,6.513,1249,6.513,1250,4.536,1251,6.513,1252,5.885,1253,4.382,1254,4.917,1255,4.122,1256,5.163,1257,5.885,1258,6.513,1259,5.472,1260,5.885,1261,6.513,1262,5.472,1263,6.513,1264,7.72]],["t/514",[0,0.138,1,0.173,4,0.892,6,0.023,7,1.786,15,0.722,25,0.281,27,0.649,28,0.835,31,1.047,33,0.138,41,0.276,72,0.76,79,3.52,92,1.348,94,2.541,116,1.375,117,1.622,118,2.548,123,0.516,124,0.787,129,1.622,130,0.752,134,1.232,138,1.65,145,0.722,147,1.466,149,1.965,151,2.152,153,1.348,154,1.537,157,1.867,163,2.222,170,1.589,173,2.611,176,3.807,177,2.876,181,1.348,187,2.152,189,3.53,190,1.784,199,1.466,216,1.74,236,1.578,238,2.964,239,0.835,240,4.265,241,1.934,244,2.169,247,3.599,252,2.738,263,2.521,264,1.925,270,2.746,278,4.516,282,3.189,292,3.993,296,0.926,306,5.589,307,1.298,308,4.093,316,1.67,320,1.853,326,4.528,345,1.5,346,1.253,354,1.139,355,2.403,356,3.901,357,1.5,373,1.122,378,2.182,402,1.139,423,1.322,425,3.204,426,2.21,427,1.322,432,1.5,447,4.663,467,1.047,497,3.119,501,4.621,512,1.716,540,1.622,552,2.031,560,1.853,591,2.348,594,1.65,599,2.031,604,2.587,613,3.796,622,2.756,634,1.193,639,1.622,648,5.497,661,1.578,666,2.926,747,2.521,769,7.423,847,0.935,852,3.735,854,3.039,857,1.672,858,1.033,859,1.433,860,2.301,861,1.988,862,1.322,865,3.358,866,4.031,868,3.226,878,3.315,880,3.613,883,4.031,885,1.67,887,3.33,889,2.827,891,2.827,894,3.617,896,3.53,898,4.233,899,3.477,900,3.599,901,1.578,903,1.403,915,2.152,920,1.322,924,3.863,942,2.315,943,2.315,945,4.651,948,2.337,949,1.106,950,1.322,952,1.868,954,1.298,966,0.892,967,0.892,968,1.67,977,2.756,979,3.078,985,2.447,1006,3.039,1021,1.622,1022,1.853,1027,3.719,1064,1.934,1065,2.031,1071,3.288,1073,2.152,1086,2.21,1142,2.031,1143,3.039,1158,2.031,1160,1.784,1227,1.724,1234,4.663,1245,2.612,1253,4.156,1256,2.031,1262,2.152,1264,3.33,1265,2.315,1266,5.3,1267,2.926,1268,2.031,1269,2.152,1270,6.177,1271,2.152,1272,2.562,1273,4.749,1274,1.853,1275,1.375,1276,3.039,1277,2.031,1278,2.152,1279,2.152,1280,1.784,1281,4.201,1282,2.031,1283,1.934,1284,2.315,1285,2.315,1286,3.796,1287,2.315,1288,2.315,1289,2.315,1290,4.201,1291,4.201,1292,2.562,1293,2.562,1294,2.562,1295,2.315,1296,2.562,1297,3.854,1298,2.46,1299,3.593,1300,2.46,1301,3.039,1302,2.031,1303,3.171,1304,2.562,1305,6.162,1306,3.039,1307,7.737,1308,2.562,1309,2.562,1310,2.562,1311,2.562,1312,2.315,1313,2.152,1314,6.991,1315,3.593,1316,1.67,1317,2.315,1318,5.102,1319,2.562,1320,2.562,1321,2.315,1322,2.031,1323,1.784,1324,2.562,1325,6.177,1326,2.562,1327,4.825,1328,2.562,1329,2.562,1330,2.562,1331,2.562,1332,2.562,1333,2.562,1334,5.34,1335,2.587,1336,2.562,1337,2.031,1338,5.729,1339,1.934,1340,2.562,1341,2.562,1342,3.53,1343,4.897,1344,3.38,1345,4.825,1346,1.67,1347,2.562,1348,1.466,1349,1.578,1350,1.253,1351,5.34,1352,2.562,1353,2.152,1354,3.993,1355,3.796,1356,2.562,1357,2.315,1358,2.562,1359,5.34,1360,2.562,1361,2.562,1362,4.201,1363,2.031,1364,2.562,1365,2.562,1366,2.562,1367,2.562,1368,1.853,1369,2.562,1370,2.562,1371,2.562,1372,2.562,1373,1.784,1374,2.562,1375,1.724,1376,2.562,1377,2.301,1378,2.659,1379,2.587,1380,6.177,1381,4.201,1382,2.562,1383,2.562,1384,2.562,1385,2.562,1386,2.315,1387,2.315,1388,2.315,1389,2.315,1390,2.315,1391,2.562,1392,2.562,1393,2.562,1394,2.562,1395,2.562,1396,2.562,1397,2.562,1398,2.562,1399,2.315,1400,2.562,1401,2.562]],["t/516",[0,0.162,1,0.139,6,0.02,25,0.285,93,2.508,94,0.953,118,1.411,123,0.863,124,1.174,149,1.59,154,6.717,163,2.042,169,6.276,170,1.621,177,4.633,183,5.08,238,1.641,239,2.656,247,4.249,262,4.561,264,2.259,267,2.983,270,4.424,296,2.249,307,4.396,354,1.905,360,5.655,426,4.564,497,1.727,512,3.824,591,1.475,594,3.408,634,4.039,666,5.16,849,6.097,854,7.198,857,1.705,858,1.727,859,2.397,860,2.346,861,2.027,862,2.211,891,4.985,894,3.669,899,3.849,900,2.911,901,5.342,966,1.492,967,1.492,987,3.432,1016,6.311,1057,7.288,1058,7.898,1059,8.991,1060,7.839,1061,7.888,1062,6.877,1063,7.288,1064,6.549,1065,6.877,1066,7.839,1067,6.877,1068,7.839,1069,5.08,1070,7.288,1253,4.216,1402,4.284,1403,3.234,1404,4.284,1405,6.266,1406,4.284,1407,4.284,1408,4.284,1409,4.284,1410,9.95,1411,9.95,1412,9.95,1413,9.95,1414,7.409,1415,7.409,1416,7.409,1417,7.409,1418,3.432,1419,8.675,1420,8.675,1421,8.675,1422,8.675,1423,8.675,1424,8.675,1425,8.675]],["t/518",[0,0.054,4,3.233,6,0.021,7,1.061,8,0.199,15,2.174,17,0.897,25,0.094,27,0.692,31,0.598,41,0.136,51,0.604,56,1.115,92,4.826,93,6.562,94,1.716,115,2.116,116,1.892,118,1.784,123,0.418,124,0.661,130,0.61,134,4.29,138,3.029,145,0.994,147,2.017,149,1.808,154,1.247,157,1.483,163,3.116,170,2.917,177,1.642,179,1.315,188,4.936,199,3.47,200,1.829,216,3.633,236,2.172,237,1.503,238,2.693,239,2.512,240,2.139,241,2.662,244,3.403,246,3.335,247,4.074,262,1.973,263,2.116,264,3.037,270,3.125,274,0.897,296,2.023,306,2.065,307,1.787,308,3.341,316,2.995,320,1.503,345,1.216,346,1.016,354,3.548,357,2.691,401,0.952,402,0.924,426,1.093,429,3.861,432,1.216,447,4.088,470,1.447,497,0.838,512,4.07,561,2.372,562,4.293,563,4.822,564,6.233,565,5.307,573,2.796,585,1.279,591,2.27,592,2.562,594,0.816,598,2.849,622,2.372,624,1.877,639,2.909,640,2.796,643,2.796,665,6.954,847,2.405,849,1.398,850,1.745,856,2.796,857,3.068,858,3.109,859,4.314,860,4.223,861,3.776,862,3.98,865,0.952,866,1.568,867,1.647,878,1.892,880,2.768,899,3.148,900,3.309,901,5.188,902,2.232,915,2.963,916,2.551,920,4.936,924,1.503,945,3.378,966,0.723,967,0.723,985,0.952,987,1.138,1006,3.324,1017,1.315,1020,1.503,1021,1.315,1071,5.301,1151,2.963,1227,1.398,1245,1.725,1255,1.315,1262,2.963,1264,1.647,1266,2.551,1269,1.745,1274,1.503,1275,1.115,1276,1.503,1277,1.647,1278,1.745,1279,1.745,1280,1.447,1282,1.647,1283,1.568,1348,1.188,1363,3.643,1378,1.315,1426,2.077,1427,2.077,1428,4.595,1429,3.527,1430,2.077,1431,3.527,1432,3.527,1433,2.796,1434,1.647,1435,9.75,1436,7.397,1437,6.593,1438,5.416,1439,6.593,1440,6.065,1441,3.527,1442,2.077,1443,6.065,1444,3.527,1445,2.077,1446,2.077,1447,8.608,1448,1.745,1449,9.783,1450,8.217,1451,9.384,1452,8.608,1453,7.779,1454,5.902,1455,8.608,1456,8.608,1457,9.562,1458,7.71,1459,7.71,1460,2.077,1461,2.077,1462,1.216,1463,4.595,1464,4.595,1465,3.527,1466,5.416,1467,3.527,1468,7.71,1469,4.595,1470,7.71,1471,7.71,1472,4.894,1473,7.397,1474,6.593,1475,3.527,1476,6.593,1477,5.416,1478,3.527,1479,3.527,1480,1.877,1481,2.077,1482,1.745,1483,2.077,1484,6.593,1485,6.593,1486,6.593,1487,8.424,1488,1.745,1489,2.077,1490,1.568,1491,2.077,1492,2.077,1493,2.077,1494,2.077,1495,1.315,1496,2.232,1497,2.077,1498,2.077,1499,2.077,1500,1.647,1501,1.647,1502,2.077,1503,7.397,1504,2.077,1505,2.077,1506,2.077,1507,2.077,1508,2.077,1509,2.077,1510,2.077,1511,2.077,1512,2.077,1513,2.077,1514,2.077,1515,2.077,1516,2.077,1517,2.077,1518,2.077,1519,3.527,1520,4.152,1521,2.909,1522,1.745,1523,2.077,1524,2.077,1525,1.745,1526,6.593,1527,5.416,1528,3.187,1529,3.527,1530,4.436,1531,6.593,1532,4.595,1533,3.527,1534,4.595]],["t/520",[0,0.186,1,0.196,6,0.024,15,2.035,18,0.623,25,0.431,29,1.974,51,1.189,71,1.378,72,1.214,93,5.22,94,2.222,117,2.591,118,1.996,123,0.824,124,1.135,130,1.201,134,1.969,138,2.835,149,1.3,161,2.456,163,2.351,170,2.73,173,2.571,176,4.178,177,3.713,178,4.077,179,3.836,180,4.077,181,4.196,182,4.077,183,4.986,184,4.077,204,3.592,216,1.695,238,2.764,239,3.006,253,6.374,264,1.476,282,2.113,290,3.09,292,3.548,296,1.759,300,3.699,318,4.575,354,1.82,378,3.479,388,3.188,401,2.777,423,5.154,424,5.556,427,4.602,430,2.591,441,1.876,496,2.58,497,1.65,501,2.342,512,3.871,591,2.087,622,4.762,634,3.713,741,6.52,847,2.211,852,3.952,857,2.871,858,1.65,859,2.29,860,2.242,861,1.937,862,2.113,865,2.777,868,2.867,872,4.196,873,3.128,874,2.668,875,4.384,880,2.544,894,2.397,899,2.697,900,2.381,937,3.245,945,4.239,948,3.898,949,4.178,950,4.994,952,4.302,958,3.439,966,1.425,967,1.425,968,2.668,979,3.843,985,1.876,1021,3.836,1069,3.548,1086,5.179,1132,4.575,1189,3.95,1225,3.245,1226,3.245,1227,2.754,1297,2.153,1323,5.025,1354,4.986,1435,8.056,1462,2.397,1521,2.591,1535,2.342,1536,4.093,1537,4.575,1538,4.804,1539,5.476,1540,2.456,1541,4.093,1542,6.06,1543,6.06,1544,4.093,1545,4.093,1546,7.215,1547,9.675,1548,7.215,1549,7.215,1550,7.215,1551,6.06,1552,6.06,1553,6.06,1554,7.215,1555,7.215,1556,7.215,1557,7.215,1558,7.215,1559,7.215,1560,4.093,1561,4.093,1562,4.093,1563,4.093,1564,4.093,1565,4.093,1566,4.093,1567,4.093,1568,2.851,1569,1.906,1570,4.093,1571,5.22,1572,4.093,1573,7.976,1574,5.77,1575,4.093,1576,4.093,1577,4.093,1578,4.093]],["t/522",[0,0.113,1,0.087,6,0.025,10,0.085,11,0.083,15,1.236,18,0.813,25,0.407,27,0.46,49,0.538,50,0.671,63,1.367,71,3.704,72,3.254,75,4,94,2.32,102,2.094,104,0.784,116,2.352,118,2.099,123,0.543,124,1.193,134,2.108,138,1.722,145,1.561,149,1.697,163,2.076,166,3.475,170,2.651,173,3.036,177,3.495,188,4.624,238,2.876,239,0.879,246,2.699,247,3.238,253,1.816,254,5.29,264,1.996,270,3.116,285,3.031,296,1.22,308,4.629,334,5.44,337,2.262,354,1.949,355,1.544,356,3.645,357,1.58,358,1.58,359,2.037,360,1.759,361,1.879,362,1.879,363,1.952,364,1.619,366,3.724,375,2.619,378,1.791,401,2.009,402,1.949,424,1.367,427,1.393,428,2.267,441,1.237,457,1.393,496,2.713,497,3.323,512,1.791,554,4.752,559,1.708,561,2.857,576,2.139,591,2.194,594,1.722,598,4.887,622,2.262,634,2.577,657,5.051,661,3.408,781,2.267,847,2.019,854,1.952,857,1.744,865,2.537,880,4.009,882,4.65,899,2.956,900,2.949,901,2.699,911,2.139,922,3.475,945,3.611,948,3.691,949,3.559,950,4.254,952,3.664,966,0.94,967,0.94,977,1.393,978,1.42,979,1.218,980,1.478,985,2.92,988,2.566,1006,3.171,1058,2.037,1067,2.139,1232,1.759,1235,3.961,1253,4.287,1268,3.475,1275,1.448,1295,3.961,1299,2.949,1335,1.662,1344,4.752,1346,4.893,1375,1.816,1495,3.503,1496,4.752,1522,2.267,1525,2.267,1569,4.389,1579,5.722,1580,2.698,1581,1.952,1582,2.438,1583,1.256,1584,4.383,1585,7.507,1586,9.928,1587,5.534,1588,4.383,1589,2.438,1590,3.682,1591,2.698,1592,2.438,1593,3.961,1594,2.267,1595,4.65,1596,5.758,1597,4.65,1598,4.383,1599,4.383,1600,2.698,1601,2.267,1602,4.383,1603,2.438,1604,5.534,1605,4.383,1606,8.241,1607,2.698,1608,5.246,1609,6.239,1610,2.698,1611,6.372,1612,2.698,1613,2.698,1614,6.372,1615,9.427,1616,2.267,1617,3.682,1618,2.698,1619,2.698,1620,2.267,1621,2.267,1622,2.698,1623,2.698,1624,2.698,1625,2.698,1626,4.383,1627,2.698,1628,2.267,1629,2.438,1630,2.267,1631,2.438,1632,2.267,1633,2.438,1634,3.475,1635,2.267,1636,2.139,1637,2.139,1638,1.759,1639,2.698,1640,2.037,1641,2.698,1642,2.438,1643,2.698,1644,2.698,1645,2.438,1646,2.438,1647,2.438,1648,2.438,1649,2.438,1650,2.438,1651,3.682,1652,2.698,1653,2.698,1654,2.698,1655,2.698,1656,4.65,1657,2.438,1658,2.139,1659,2.267,1660,1.662,1661,6.372,1662,6.372,1663,6.372,1664,4.383,1665,4.383,1666,2.698,1667,2.698]],["t/524",[0,0.084,1,0.105,6,0.025,9,0.061,10,0.06,11,0.1,15,0.915,18,0.522,25,0.394,29,1.392,31,0.319,32,0.627,35,0.046,44,0.601,45,0.058,49,2.225,72,1.266,94,2.252,98,1.054,102,2.366,103,1.13,104,0.547,116,1.011,117,1.192,118,1.885,121,1.078,122,1.181,123,0.379,124,0.951,130,0.553,134,4.009,138,1.274,145,0.531,149,1.747,161,1.13,163,2.823,170,2.676,173,2.901,175,4.495,176,3.674,177,3.293,178,1.267,179,1.192,180,1.267,181,3.01,182,1.267,183,1.103,184,1.267,186,1.702,188,3.651,204,1.614,216,1.343,228,0.825,238,2.941,239,1.392,246,2.63,247,3.016,253,1.267,254,6.146,264,1.54,278,4.283,285,1.032,289,1.493,290,1.422,293,1.192,296,0.942,308,3.169,309,1.582,310,1.011,321,2.346,345,1.899,353,1.078,354,2.257,355,1.078,356,3.577,357,1.103,358,1.103,359,1.422,360,1.228,361,1.312,362,1.312,363,1.363,364,3.433,366,3.85,373,1.871,375,2.958,378,3.237,388,1.706,395,0.837,398,1.899,401,3.069,402,2.544,406,2.725,425,1.13,426,2.67,427,2.205,432,1.899,441,1.958,457,1.674,472,3.985,473,5.253,496,0.802,497,3.095,501,3.577,512,3.237,554,4.682,557,1.582,559,3.622,560,3.09,561,3.228,565,2.448,573,1.493,578,2.053,585,1.16,591,1.471,592,2.021,594,1.274,598,3.01,607,4.264,608,1.582,610,1.582,622,2.205,634,2.363,657,4.505,661,4.555,769,2.346,781,1.582,847,2.581,852,3.425,857,1.7,858,0.759,859,1.054,860,2.78,861,0.891,862,0.972,865,2.866,868,2.958,872,3.01,873,1.674,874,1.228,875,4.523,878,1.74,880,4.213,899,2.961,900,3.198,901,3.125,903,1.032,916,2.346,922,1.493,938,2.448,945,3.914,948,3.894,949,3.858,950,4.612,952,3.972,966,0.656,967,0.656,968,2.114,977,1.674,978,1.706,979,1.928,980,1.776,985,1.958,987,1.032,989,1.582,1021,3.212,1058,1.422,1062,6.282,1067,1.493,1069,1.103,1086,0.991,1089,1.493,1119,1.267,1132,2.448,1144,2.931,1145,2.259,1150,2.346,1189,2.114,1225,1.493,1226,1.493,1227,1.267,1245,0.921,1253,2.182,1274,1.363,1275,2.292,1297,3.29,1298,1.103,1322,1.493,1323,1.312,1335,2.63,1337,1.493,1339,3.224,1342,1.582,1344,5.275,1346,5.307,1350,0.921,1363,1.493,1373,2.259,1375,1.267,1378,3.212,1480,1.702,1495,3.958,1496,5.153,1521,3.212,1522,3.588,1525,1.582,1537,1.422,1538,1.493,1569,1.51,1583,0.877,1589,1.702,1590,3.588,1592,1.702,1593,1.702,1594,1.582,1595,1.582,1596,3.86,1597,1.582,1601,1.582,1609,5.925,1616,1.582,1617,2.725,1620,2.725,1621,1.582,1628,2.725,1629,2.931,1630,2.725,1631,2.931,1632,2.725,1633,2.931,1634,4.024,1635,2.725,1636,2.571,1637,2.571,1638,2.114,1645,1.702,1646,1.702,1647,1.702,1648,1.702,1649,1.702,1650,1.702,1651,4.264,1656,3.588,1658,1.493,1659,1.582,1660,2.63,1668,1.702,1669,1.702,1670,7.532,1671,3.212,1672,3.86,1673,4.807,1674,1.702,1675,7.532,1676,5.075,1677,1.884,1678,1.884,1679,1.702,1680,1.884,1681,1.422,1682,2.931,1683,1.702,1684,1.702,1685,1.582,1686,2.931,1687,2.931,1688,1.702,1689,1.702,1690,2.114,1691,3.588,1692,2.931,1693,1.614,1694,1.702,1695,1.032,1696,1.884,1697,1.702,1698,1.493,1699,1.884,1700,1.884,1701,1.884,1702,1.884,1703,1.884,1704,1.884,1705,1.582,1706,7.396,1707,6.253,1708,2.448,1709,6.253,1710,5.722,1711,5.722,1712,5.075,1713,6.684,1714,6.696,1715,5.722,1716,5.722,1717,5.722,1718,2.931,1719,1.884,1720,1.702,1721,1.884,1722,2.931,1723,4.586,1724,1.582,1725,1.702,1726,2.931,1727,1.702,1728,1.702,1729,1.702,1730,1.702,1731,1.884,1732,1.702,1733,1.422,1734,1.884,1735,1.702,1736,1.702,1737,1.702,1738,1.582,1739,1.702,1740,1.702,1741,1.884,1742,1.884,1743,1.884,1744,1.884,1745,3.243,1746,1.884,1747,3.243,1748,3.243,1749,3.243,1750,2.931,1751,2.448,1752,3.243,1753,3.243,1754,1.946,1755,3.243,1756,3.243,1757,3.243,1758,3.243,1759,4.271,1760,3.243,1761,3.243,1762,1.884,1763,1.884,1764,6.684,1765,3.243,1766,1.884,1767,1.884,1768,3.243,1769,1.884,1770,1.884,1771,1.884,1772,1.884,1773,1.884,1774,3.243,1775,3.243,1776,3.243,1777,6.253,1778,1.884,1779,1.884,1780,1.884,1781,1.884,1782,1.884,1783,1.884,1784,1.884,1785,1.884,1786,1.884,1787,1.884,1788,1.884,1789,1.884,1790,1.884,1791,1.884,1792,1.884,1793,1.884,1794,1.884,1795,1.884,1796,1.884,1797,1.884,1798,1.884,1799,1.884,1800,1.884,1801,1.884,1802,1.884,1803,1.884,1804,1.884,1805,1.884,1806,1.884,1807,1.884,1808,1.884,1809,4.807,1810,5.17,1811,1.884,1812,1.884,1813,1.884,1814,1.884]],["t/526",[0,0.218,6,0.024,15,2.383,16,4.199,19,5.446,20,4.895,25,0.384,37,3.628,123,1.334,124,1.743,130,1.944,138,3.319,145,1.868,149,1.421,163,2.753,170,2.506,173,2.361,175,4.948,176,4.599,194,3.789,204,3.297,238,3.237,239,2.158,264,2.388,285,3.628,296,1.863,358,3.879,389,4.727,496,2.82,497,3.407,591,2.281,634,3.084,635,0.565,636,3.879,637,5.565,640,5.251,641,5.986,642,5.251,643,5.251,644,7.635,645,7.635,648,3.975,847,2.417,857,3.362,858,2.671,872,4.445,873,4.361,899,2.476,900,2.602,920,3.419,948,3.52,949,3.649,950,4.361,966,2.307,967,2.307,1017,5.348,1018,5.508,1126,7.024,1234,6.379,1540,5.07,1815,6.624,1816,7.099,1817,6.624,1818,6.624,1819,6.624,1820,6.624,1821,6.624,1822,6.624,1823,9.304,1824,9.304,1825,8.407,1826,6.624,1827,8.449,1828,8.449,1829,6.624]],["t/528",[0,0.178,1,0.158,6,0.024,7,1.126,19,2.565,20,2.565,25,0.313,44,2.193,64,2.567,102,1.845,115,4.781,118,2.265,122,1.348,123,0.982,124,1.861,133,3.866,145,1.375,149,2.031,157,2.861,163,2.241,170,1.845,173,1.738,175,5.067,176,4.088,194,6.333,199,5.219,228,2.136,236,3.003,238,3.966,239,1.589,240,3.202,247,3.399,263,2.926,264,1.758,279,2.728,287,3.684,292,4.665,296,1.517,306,4.027,308,4.623,388,3.618,426,2.565,430,3.086,497,3.489,512,1.992,563,3.178,591,3.565,592,2.307,594,1.916,622,2.517,849,3.281,857,2.737,858,1.966,861,4.094,872,2.565,873,2.517,899,3.538,900,3.719,901,3.003,903,2.671,948,1.845,949,2.106,950,2.517,952,2.168,966,3.013,967,3.013,1062,3.866,1063,4.097,1071,3.003,1073,4.097,1087,4.406,1126,6.014,1253,4.627,1259,4.097,1266,3.527,1275,4.643,1312,4.406,1313,4.097,1434,3.866,1681,3.681,1690,5.64,1695,2.671,1809,4.097,1825,4.406,1830,4.406,1831,4.876,1832,4.876,1833,3.396,1834,6.877,1835,4.841,1836,6.877,1837,6.877,1838,6.877,1839,6.877,1840,6.877,1841,6.877,1842,6.877,1843,4.876,1844,3.866,1845,4.876,1846,4.406,1847,4.876,1848,4.876,1849,4.406,1850,4.876,1851,4.876,1852,4.876,1853,9.124,1854,4.876,1855,4.876,1856,4.876,1857,6.877,1858,4.876,1859,4.876,1860,4.876,1861,4.876,1862,4.876,1863,4.876,1864,4.876,1865,8.652,1866,6.877,1867,6.877,1868,9.467,1869,7.967,1870,4.876,1871,4.876,1872,4.876,1873,4.876,1874,4.876,1875,4.876,1876,6.877,1877,4.876,1878,6.877]],["t/530",[0,0.056,1,0.038,4,1.642,6,0.024,10,0.038,11,0.067,15,0.607,18,0.374,25,0.356,29,0.701,32,0.395,41,0.078,44,0.378,45,0.037,49,0.725,73,0.776,94,1.633,102,1.784,116,0.636,117,0.75,118,0.39,122,2.822,123,0.239,124,0.554,134,1.035,138,0.845,149,1.106,161,0.711,163,2.391,170,1.95,173,2.206,175,3.625,176,3.169,177,1.962,178,0.798,179,2.667,180,1.448,181,1.912,182,0.798,183,2.128,184,1.448,188,2.434,190,3.284,194,0.678,204,0.59,238,2.123,239,2.017,246,2.595,247,2.432,254,0.895,264,0.776,278,3.383,285,0.649,296,0.929,307,0.601,308,2.39,346,0.58,354,1.314,355,0.678,356,2.698,357,0.694,358,0.694,359,0.895,360,0.773,361,0.826,362,0.826,363,0.858,364,2.529,366,2.445,375,2.231,378,2.744,388,1.132,395,0.527,398,1.731,401,1.931,402,1.314,405,0.561,406,0.996,426,1.555,427,1.526,432,0.694,441,1.665,457,4.349,466,0.552,472,1.499,473,2.483,497,2.373,501,1.691,512,1.208,559,2.3,561,1.876,562,0.94,563,0.773,565,1.625,578,2.667,591,0.741,592,1.018,607,0.996,610,0.996,622,2.661,634,1.002,661,1.82,665,0.94,847,0.785,852,2.583,857,1.176,858,0.478,860,1.619,865,1.665,866,0.895,868,1.018,872,1.912,873,1.111,874,0.773,875,3.412,880,3.837,885,0.773,889,0.798,894,0.694,899,1.926,900,2.025,901,2.238,945,2.578,948,3.324,949,3.087,950,3.691,952,3.263,966,0.413,967,0.413,968,1.403,971,0.996,977,1.111,978,1.132,979,1.334,980,1.179,985,1.665,1006,1.557,1021,2.3,1069,0.694,1086,0.624,1115,0.996,1119,0.798,1132,1.625,1145,0.826,1189,1.403,1225,0.94,1226,0.94,1227,0.798,1244,0.895,1245,1.446,1253,1.448,1274,0.858,1275,1.586,1297,1.555,1298,0.694,1323,0.826,1335,1.82,1337,0.94,1344,4.251,1346,4.378,1350,0.58,1354,0.694,1373,1.499,1375,0.798,1377,1.619,1378,1.362,1379,1.325,1495,2.985,1496,4.251,1535,0.678,1537,0.895,1538,0.94,1569,1.002,1583,1.376,1590,1.808,1594,0.996,1595,0.996,1609,4.979,1616,0.996,1617,1.808,1620,1.808,1621,0.996,1628,1.808,1630,1.808,1632,1.808,1634,2.881,1635,1.808,1636,1.706,1637,1.706,1638,1.403,1651,1.808,1660,0.73,1669,1.071,1670,5.317,1671,1.871,1672,1.071,1673,1.808,1674,1.071,1675,5.317,1679,1.071,1685,0.996,1686,2.671,1687,1.945,1688,2.671,1689,1.071,1690,0.773,1691,1.808,1692,1.071,1693,0.59,1718,1.945,1720,1.071,1722,1.945,1723,3.284,1724,0.996,1725,1.071,1726,1.945,1727,1.071,1728,1.071,1729,1.071,1730,1.071,1732,1.071,1733,0.895,1735,1.071,1736,1.071,1737,1.071,1738,0.996,1764,1.071,1809,3.053,1810,3.284,1879,1.185,1880,1.185,1881,1.185,1882,1.185,1883,2.152,1884,2.152,1885,1.945,1886,1.403,1887,1.185,1888,1.185,1889,1.945,1890,1.185,1891,2.152,1892,5.155,1893,5.541,1894,4.716,1895,1.185,1896,2.152,1897,2.152,1898,2.152,1899,1.185,1900,2.152,1901,2.152,1902,2.152,1903,1.808,1904,0.996,1905,1.071,1906,0.94,1907,1.185,1908,4.214,1909,1.185,1910,4.214,1911,4.214,1912,2.955,1913,7.822,1914,7.339,1915,8.524,1916,8.524,1917,7.822,1918,5.884,1919,8.524,1920,6.716,1921,5.884,1922,5.884,1923,7.822,1924,7.822,1925,8.524,1926,7.339,1927,8.787,1928,5.884,1929,7.339,1930,6.716,1931,6.716,1932,4.716,1933,5.884,1934,5.884,1935,7.339,1936,7.339,1937,9.509,1938,5.884,1939,8.524,1940,5.884,1941,6.716,1942,6.716,1943,4.716,1944,5.884,1945,9.199,1946,5.884,1947,2.955,1948,7.822,1949,6.716,1950,5.884,1951,2.955,1952,6.716,1953,6.716,1954,7.822,1955,2.955,1956,5.884,1957,5.884,1958,4.716,1959,6.716,1960,4.716,1961,7.339,1962,7.822,1963,6.716,1964,4.716,1965,7.822,1966,2.955,1967,6.716,1968,5.884,1969,9.199,1970,5.884,1971,2.955,1972,5.884,1973,5.884,1974,8.524,1975,5.884,1976,8.208,1977,6.716,1978,7.822,1979,7.339,1980,8.208,1981,4.716,1982,4.716,1983,2.955,1984,5.884,1985,6.716,1986,2.955,1987,4.716,1988,6.716,1989,2.955,1990,5.884,1991,6.716,1992,5.884,1993,7.822,1994,6.716,1995,7.339,1996,6.716,1997,4.716,1998,4.716,1999,4.944,2000,7.339,2001,2.955,2002,5.884,2003,6.716,2004,6.716,2005,5.884,2006,4.716,2007,4.716,2008,6.716,2009,5.884,2010,6.716,2011,6.716,2012,4.716,2013,6.716,2014,6.716,2015,2.955,2016,5.884,2017,2.955,2018,5.884,2019,5.884,2020,5.884,2021,2.955,2022,5.643,2023,5.884,2024,5.884,2025,5.884,2026,4.716,2027,5.884,2028,5.884,2029,2.955,2030,7.339,2031,2.671,2032,5.884,2033,2.955,2034,2.955,2035,6.716,2036,2.955,2037,4.716,2038,2.955,2039,2.955,2040,4.716,2041,2.955,2042,2.955,2043,2.955,2044,2.955,2045,4.716,2046,2.955,2047,2.955,2048,2.955,2049,2.955,2050,2.955,2051,2.955,2052,2.955,2053,4.716,2054,4.716,2055,2.955,2056,2.955,2057,2.955,2058,2.955,2059,2.955,2060,2.955,2061,1.185,2062,1.185,2063,1.185,2064,1.185,2065,1.185,2066,1.185,2067,1.185,2068,1.185,2069,1.185,2070,1.185,2071,1.185,2072,1.185,2073,1.185,2074,1.185,2075,1.185,2076,1.185,2077,1.185]],["t/532",[0,0.172,1,0.151,6,0.025,15,1.878,25,0.408,35,0.114,56,3.574,57,4.284,94,2.257,104,2.606,118,2.56,123,0.939,124,1.747,134,3.738,138,2.617,145,2.529,149,1.668,163,2.17,170,2.52,173,3.022,177,3.948,179,4.919,181,4.089,204,2.32,228,2.918,238,3.248,239,2.17,247,3.053,252,3.038,264,2.402,267,3.246,270,3.456,296,1.028,306,2.729,314,2.104,326,4.089,334,4.551,338,8.874,351,2.501,354,2.072,364,2.797,378,3.464,426,2.452,427,5.16,496,3.309,497,2.686,510,5.413,511,3.648,512,1.904,545,3.372,578,4.216,591,1.605,594,2.617,648,5.598,857,2.651,858,1.879,859,2.608,860,2.553,861,2.205,862,2.406,899,2.905,900,3.331,926,3.916,945,2.918,948,3.208,949,3.356,950,4.012,952,4.563,966,1.623,967,1.623,968,3.038,977,4.012,979,3.827,1071,2.87,1232,5.846,1271,5.596,1297,2.452,1298,2.729,1299,3.136,1300,2.729,1301,3.372,1302,3.695,1303,5.028,1368,7.104,1375,4.481,1462,2.729,1583,2.17,1609,3.246,1640,5.028,1660,2.87,1708,3.519,2078,4.212,2079,6.661,2080,8.969,2081,6.661,2082,8.479,2083,6.661,2084,3.9,2085,4.661,2086,7.536,2087,4.661,2088,4.212,2089,4.661,2090,3.695,2091,4.661,2092,4.661,2093,6.661,2094,4.661,2095,4.661,2096,6.661,2097,7.023,2098,4.661,2099,4.212,2100,4.661,2101,9.82,2102,4.661,2103,4.661,2104,4.661,2105,4.661,2106,4.661,2107,4.661,2108,4.661,2109,4.661,2110,4.661]],["t/534",[0,0.19,1,0.175,6,0.025,19,2.839,20,2.839,25,0.336,57,2.147,87,2.435,118,2.43,123,1.086,124,1.575,145,1.522,149,2.031,163,2.945,170,2.791,204,5.65,238,3.462,239,2.74,244,5.044,264,3.259,267,5.138,270,4.208,292,3.16,296,1.627,308,4.952,318,7.145,354,2.399,360,3.517,426,2.839,512,2.205,591,3.112,609,4.876,622,2.785,648,5.045,857,2.936,858,2.975,859,3.019,860,2.955,861,2.553,862,2.785,878,3.959,899,3.537,900,3.718,924,3.903,938,4.073,966,1.879,967,1.879,987,2.955,988,4.32,1021,3.415,1057,4.533,1582,6.667,1906,4.278,2111,10.185,2112,5.396,2113,7.378,2114,7.378,2115,5.396,2116,5.396,2117,5.396,2118,5.396,2119,5.396,2120,7.378,2121,7.378,2122,5.396,2123,7.378,2124,5.396,2125,4.876,2126,4.533,2127,5.396,2128,5.396,2129,11.052,2130,5.396,2131,5.396,2132,5.396,2133,5.396,2134,5.396,2135,5.396,2136,5.396,2137,5.396,2138,5.396,2139,8.408,2140,8.408,2141,8.408,2142,5.396,2143,5.396,2144,5.396,2145,5.396,2146,7.378,2147,5.396]],["t/536",[0,0.209,1,0.202,4,2.826,6,0.023,15,2.288,16,4.481,23,5.007,24,5.532,25,0.411,27,0.653,39,4.445,73,2.244,118,2.975,123,1.253,124,1.52,130,2.382,138,3.188,149,1.335,163,2.943,170,3.07,173,2.218,175,3.644,176,4.477,238,3.109,239,2.027,264,2.244,296,1.992,297,6.434,314,2.809,357,3.644,388,4.27,389,3.482,427,3.212,457,3.212,460,4.87,496,3.455,497,3.641,591,2.794,637,5.228,648,5.957,852,5.437,857,3.23,858,2.509,861,3.84,865,2.852,868,2.944,872,4.27,880,2.613,899,2.326,900,2.445,911,7.16,914,4.502,948,3.07,949,3.504,966,2.167,967,2.167,979,3.663,990,5.623,1070,5.228,1189,5.29,1399,7.334,1530,4.187,1671,3.939,1693,4.04,1886,4.056,2148,6.223,2149,6.223,2150,6.223,2151,8.115,2152,6.223,2153,8.115,2154,8.115,2155,6.223,2156,6.223,2157,6.223,2158,6.223,2159,6.223,2160,6.223,2161,6.223,2162,6.223,2163,6.223,2164,6.223,2165,6.223,2166,6.223,2167,6.434]],["t/538",[0,0.243,1,0.103,6,0.025,17,1.379,23,1.442,24,1.681,25,0.398,57,1.271,94,2.052,97,2.077,118,2.511,123,0.643,124,0.939,130,0.938,131,1.917,145,0.901,149,1.933,163,2.756,170,2.343,173,1.787,216,1.323,236,3.813,238,3.756,239,2.017,242,4.214,244,4.651,247,1.255,264,2.529,270,3.761,272,4.125,296,1.365,307,1.619,314,5.114,315,3.954,316,4.968,317,7.108,318,5.754,320,2.311,354,1.42,356,1.828,378,3.305,388,2.639,427,2.589,497,1.288,512,1.305,540,2.022,591,2.415,594,2.433,604,3.089,639,2.022,661,5.21,847,3.971,857,2.464,858,2.022,859,1.787,860,1.75,861,1.511,862,1.649,880,2.945,899,3.367,900,3.539,920,5.618,945,3.073,948,2.654,963,6.339,966,1.113,967,1.113,979,3.166,1086,4.851,1145,2.225,1297,1.681,1298,1.871,1299,2.149,1300,1.871,1301,2.311,1303,2.412,1315,6.203,1377,1.75,1379,1.967,1521,5.703,2168,4.532,2169,4.479,2170,11.145,2171,3.195,2172,3.195,2173,3.195,2174,4.532,2175,3.195,2176,5.015,2177,5.015,2178,5.015,2179,3.195,2180,9.688,2181,5.015,2182,8.089,2183,8.089,2184,8.089,2185,7.015,2186,9.01,2187,8.089,2188,5.015,2189,9.01,2190,7.015,2191,7.015,2192,7.622,2193,7.622,2194,5.015,2195,5.015,2196,3.195,2197,5.015,2198,3.195,2199,3.195,2200,3.195,2201,3.195,2202,6.192,2203,3.195,2204,3.195,2205,3.195,2206,3.195,2207,3.195,2208,3.195,2209,5.015,2210,7.015,2211,6.192,2212,6.192,2213,3.195,2214,3.195,2215,8.46,2216,3.195,2217,3.195,2218,3.195,2219,3.195,2220,3.195,2221,3.195,2222,3.195,2223,5.015]],["t/540",[0,0.236,1,0.23,6,0.025,9,0.129,15,1.125,18,0.926,25,0.323,27,0.537,28,2.662,32,0.801,50,2.729,64,1.082,79,0.878,94,2.399,102,1.51,104,1.485,115,3.067,116,2.141,118,1.958,123,0.485,124,1.114,131,3.568,134,2.86,138,1.567,145,1.125,149,1.525,163,2.453,166,1.908,170,2.25,173,2.807,177,2.38,179,2.525,181,4.735,188,4.218,190,5.691,199,1.377,238,3.31,239,2.316,240,1.12,246,1.482,247,0.945,264,2.946,265,3.163,270,1.774,278,4.258,279,1.346,296,1.311,299,2.175,310,1.291,320,2.886,321,2.886,337,2.638,355,1.377,358,2.993,378,0.983,383,3.605,398,2.993,421,5.971,425,1.444,427,2.06,457,2.06,460,1.444,470,1.676,497,2.397,509,1.242,510,3.559,511,2.799,512,0.983,515,3.605,545,1.741,549,1.908,559,1.523,560,1.741,561,1.242,563,2.601,585,1.482,586,2.175,591,2.814,594,2.008,622,1.242,634,1.858,639,3.235,643,1.908,661,6.617,666,2.779,847,2.981,852,5.64,856,1.908,857,1.588,858,2.658,861,2.418,865,2.342,868,1.888,882,3.352,885,1.569,891,2.684,899,2.656,900,3.094,902,2.525,911,1.908,922,3.163,924,1.741,926,2.022,945,2.888,948,3.342,961,2.175,966,0.838,967,0.838,977,1.242,979,3.397,985,1.103,987,2.185,988,2.993,1071,1.482,1089,4.052,1096,2.022,1151,2.022,1232,2.601,1236,7.454,1244,1.817,1245,1.177,1252,2.175,1275,2.141,1297,4.814,1298,3.86,1299,4.435,1300,3.86,1301,4.769,1302,1.908,1303,4.977,1337,6.851,1339,1.817,1373,2.779,1377,1.318,1418,1.318,1528,2.175,1569,1.12,1583,1.12,1608,1.482,1609,2.779,1640,3.012,1660,1.482,1685,2.022,1695,1.318,1697,2.175,1708,1.817,1739,2.175,1751,1.817,1833,4.141,1835,2.232,1849,2.175,2022,2.022,2078,2.175,2084,1.409,2086,2.022,2090,1.908,2224,3.99,2225,1.908,2226,3.99,2227,2.407,2228,2.407,2229,1.817,2230,1.908,2231,2.407,2232,2.407,2233,5.365,2234,2.022,2235,7.876,2236,2.407,2237,5.111,2238,8.832,2239,6.592,2240,3.99,2241,5.111,2242,3.99,2243,5.539,2244,2.407,2245,1.817,2246,2.407,2247,9.61,2248,3.99,2249,2.407,2250,2.175,2251,2.407,2252,2.407,2253,5.445,2254,7.107,2255,5.365,2256,6.592,2257,10.538,2258,6.592,2259,6.592,2260,6.592,2261,6.592,2262,6.592,2263,6.592,2264,6.592,2265,6.592,2266,6.592,2267,7.107,2268,7.107,2269,2.407,2270,2.407,2271,2.407,2272,2.407,2273,2.407,2274,3.99,2275,3.99,2276,3.99,2277,2.407,2278,2.407,2279,2.407,2280,2.407,2281,2.407,2282,2.407,2283,2.407,2284,2.407,2285,2.407,2286,2.407,2287,5.111,2288,2.407,2289,5.111,2290,2.407,2291,5.111,2292,2.407,2293,2.407,2294,2.407,2295,2.407,2296,2.407,2297,2.407,2298,2.407,2299,2.407,2300,2.407,2301,2.022,2302,2.407,2303,2.407,2304,1.482,2305,1.482,2306,2.175,2307,1.817,2308,1.741,2309,2.407,2310,2.407,2311,1.908,2312,2.407,2313,2.175,2314,2.407,2315,2.175]],["t/542",[0,0.202,1,0.191,6,0.023,15,1.66,25,0.356,27,0.923,50,1.464,51,1.711,64,2.383,79,4.106,92,3.097,94,2.17,118,1.939,123,1.185,124,1.646,129,3.726,138,2.313,149,2.01,163,2.549,170,2.227,173,2.789,176,3.379,188,3.039,189,4.946,190,5.449,238,2.255,239,2.549,240,4.092,247,4.019,263,3.533,264,2.123,270,3.479,272,2.542,278,4.158,296,1.726,354,2.617,356,4.476,497,3.155,501,4.476,512,2.405,591,2.027,594,2.313,622,3.039,630,4.667,634,2.741,661,3.625,847,2.148,857,2.343,858,2.374,859,3.294,860,3.224,861,3.702,862,3.039,880,4.459,883,4.444,899,3.5,900,3.83,920,3.039,938,4.444,945,2.579,948,3.325,966,2.05,967,2.05,979,3.532,987,3.224,1027,4.1,1064,4.444,1086,3.097,1245,2.88,1266,4.259,1284,5.32,1285,5.32,1286,5.32,1287,5.32,1327,5.32,1343,4.667,1377,4.286,1378,3.726,1379,3.625,1386,5.32,1387,5.32,1388,5.32,1389,5.32,1390,5.32,1750,5.32,2316,9.366,2317,5.887,2318,5.887,2319,5.887,2320,5.887,2321,5.887,2322,5.887,2323,5.887,2324,7.825,2325,5.887,2326,5.887,2327,5.32,2328,5.32,2329,5.887,2330,5.887,2331,5.887,2332,4.946,2333,5.887,2334,4.946,2335,5.32,2336,5.887,2337,5.887,2338,5.887,2339,5.887]],["t/544",[0,0.082,1,0.06,6,0.024,7,2.022,10,0.101,11,0.099,15,1.596,16,1.441,18,0.682,25,0.145,32,3.782,44,1.018,45,0.278,50,0.46,58,0.616,64,1.534,73,0.667,94,1.561,104,0.537,115,1.916,116,0.993,118,1.864,123,0.372,124,0.598,130,0.543,131,2.528,132,1.749,134,0.89,138,2.606,145,0.522,149,1.815,163,2.564,170,2.342,173,1.787,174,4.486,175,2.936,176,3.839,177,2.882,178,2.834,179,3.582,180,2.148,182,3.373,183,1.87,184,2.834,188,3.425,204,5.168,238,3.014,239,2.162,240,2.635,241,1.396,263,3.981,264,1.151,274,0.799,278,4.206,289,3.974,290,3.785,291,4.272,292,4.736,296,1.106,354,1.42,356,1.827,373,0.81,378,2.312,400,6.336,441,0.848,468,3.087,496,1.359,497,1.699,501,5.085,512,4.583,517,1.671,543,2.683,578,1.171,591,2.131,594,0.727,598,0.973,634,0.861,657,4.464,660,5.113,661,2.594,769,7.719,847,1.537,857,2.252,858,2.021,859,1.035,860,2.307,861,1.511,862,1.648,865,1.931,868,1.993,872,3.491,878,1.713,880,2.599,899,3.161,900,3.323,931,6.412,945,2.712,948,3.134,949,2.865,950,3.425,952,3.498,954,2.135,966,1.467,967,3.096,968,1.206,977,2.175,978,2.216,979,2.554,980,1.749,982,3.981,985,0.848,987,5.147,1007,2.224,1061,1.466,1069,5.129,1119,1.244,1126,1.396,1133,1.554,1134,6.631,1137,7.915,1152,1.671,1153,1.671,1154,1.671,1156,7.11,1158,1.466,1159,1.671,1160,1.288,1166,6.886,1168,6.886,1170,6.886,1172,1.671,1173,1.671,1175,1.671,1176,1.671,1178,5.113,1189,6.576,1234,2.41,1274,1.338,1298,1.083,1318,2.224,1323,2.224,1354,5.129,1375,1.244,1535,1.058,1568,2.224,1569,2.334,1693,1.589,1694,1.671,1754,1.11,2340,1.85,2341,4.213,2342,1.671,2343,1.85,2344,1.85,2345,1.85,2346,4.213,2347,8.33,2348,5.659,2349,4.213,2350,1.85,2351,1.85,2352,1.85,2353,3.193,2354,1.85,2355,8.759,2356,8.759,2357,7.013,2358,6.635,2359,6.635,2360,1.85,2361,1.85,2362,1.85,2363,3.193,2364,3.193,2365,9.622,2366,6.19,2367,9.622,2368,6.19,2369,6.19,2370,1.85,2371,1.85,2372,5.659,2373,1.85,2374,1.85,2375,1.85,2376,4.213,2377,1.85,2378,1.85,2379,1.85,2380,6.19,2381,1.85,2382,1.85,2383,1.85,2384,1.85,2385,1.85,2386,1.85,2387,1.85,2388,3.193,2389,1.85,2390,3.193,2391,1.85,2392,1.85,2393,1.85,2394,1.85,2395,1.85,2396,1.671,2397,1.85,2398,1.85,2399,1.85,2400,3.193,2401,1.338,2402,2.31,2403,3.193,2404,4.212,2405,3.193,2406,1.85,2407,3.193,2408,1.85,2409,1.85,2410,3.193,2411,3.193,2412,3.193,2413,7.338,2414,3.193,2415,3.193,2416,2.885,2417,2.885,2418,3.193,2419,3.193,2420,2.885,2421,2.885,2422,2.885,2423,2.885,2424,2.885,2425,2.885,2426,2.885,2427,1.85,2428,3.193,2429,1.85,2430,1.85,2431,1.85,2432,1.85,2433,1.671,2434,1.85,2435,1.85,2436,1.85]],["t/546",[0,0.187,1,0.3,6,0.024,15,2.047,25,0.188,28,1.348,29,1.348,64,3.086,79,3.12,94,2.405,118,2.012,123,0.833,124,1.144,138,1.625,149,2.082,150,2.53,157,2.656,163,2.366,170,3.033,173,2.587,230,1.278,238,2.781,239,1.348,247,3.812,262,2.315,263,2.482,264,1.492,270,3.564,278,3.435,296,2.041,307,2.096,308,4.535,355,3.494,401,1.896,434,5.481,476,2.547,497,1.668,509,2.135,512,1.69,549,4.842,591,2.5,855,8.087,857,1.646,858,1.668,861,1.957,899,3.626,900,3.812,912,2.783,930,3.738,938,6.052,954,2.096,966,1.441,967,1.441,983,3.665,987,4.391,1023,8.672,1297,3.213,1299,2.783,1321,5.519,1530,4.109,1693,4.257,1835,2.315,2332,3.476,2334,3.476,2437,4.253,2438,2.315,2439,4.137,2440,4.137,2441,2.618,2442,4.137,2443,4.137,2444,2.618,2445,3.738,2446,3.738,2447,4.137,2448,9.868,2449,4.137,2450,4.137,2451,4.137,2452,4.137,2453,3.28,2454,9.152,2455,7.26,2456,9.868,2457,6.107,2458,4.137,2459,6.107,2460,10.232,2461,6.107,2462,6.107,2463,6.107,2464,6.107,2465,5.519,2466,9.502,2467,6.618,2468,8.95,2469,4.137,2470,4.137,2471,4.137,2472,4.137,2473,4.137,2474,4.137,2475,4.137,2476,4.137,2477,4.137,2478,4.137,2479,4.137,2480,4.137,2481,4.137,2482,4.137,2483,4.137,2484,4.137,2485,4.137,2486,4.137,2487,4.137,2488,4.137,2489,4.137,2490,4.137,2491,6.107,2492,3.738,2493,4.137,2494,4.137,2495,4.137,2496,4.137,2497,4.137,2498,3.28,2499,4.137,2500,5.131,2501,3.576,2502,4.137,2503,4.137]],["t/548",[0,0.068,1,0.048,3,0.976,4,2.898,6,0.025,7,1.453,15,1.538,18,1.12,21,0.672,25,0.068,27,0.156,43,0.88,44,1.883,51,2.586,53,0.931,60,1,69,1.038,70,1.632,79,0.544,84,1.271,87,0.672,92,1.873,94,1.542,96,0.953,102,0.564,116,1.418,118,2.448,123,0.3,124,0.495,132,0.816,136,1.038,138,2.143,145,0.42,147,0.852,149,0.567,163,0.861,168,0.834,170,2.234,173,1.269,174,1.181,176,0.643,177,2.295,181,2.594,183,0.872,193,1.078,199,2.82,202,1.051,216,0.617,218,0.953,221,1,227,0.943,228,4.108,238,3.509,239,2.664,244,2.224,252,2.321,253,1.778,263,0.894,264,2.391,270,3.305,272,1.86,273,0.799,274,3.53,275,0.784,278,4.762,282,0.769,284,1.447,285,0.816,286,1.002,287,0.634,296,1.087,306,0.872,308,0.755,315,4.098,316,0.971,321,1.078,351,0.799,354,0.662,355,0.852,364,0.894,366,1.002,378,1.08,388,1.39,398,1.547,400,1.911,425,0.894,441,1.975,457,1.364,495,2.395,496,3.992,497,2.901,506,0.943,540,0.943,566,2.688,575,1.078,591,2.56,592,2.581,594,1.693,598,1.39,604,1.627,615,1.125,622,0.769,657,1.778,738,1.181,847,1.299,857,2.171,858,1.988,861,0.705,862,0.769,865,2.5,868,2.977,878,1.418,894,1.547,899,0.987,900,1.038,914,1.078,920,1.838,945,2.16,948,3.367,949,2.717,950,3.578,952,3.635,958,2.22,966,0.519,967,0.519,977,2.816,978,2.87,979,1.607,980,1.95,985,3.505,988,2.523,1007,1.84,1016,3,1019,4.142,1022,1.078,1025,1.252,1027,3.433,1061,2.095,1069,0.872,1074,2.899,1075,2.22,1086,2.594,1119,4.462,1141,2.465,1145,1.038,1146,2.095,1150,1.078,1160,1.038,1245,0.729,1259,1.252,1260,1.346,1267,1.038,1275,2.312,1315,3.317,1338,1.252,1342,1.252,1350,2.412,1368,3.567,1377,0.816,1378,0.943,1379,0.917,1403,1.125,1418,0.816,1448,2.991,1454,1.002,1521,1.672,1540,5.149,1568,1.84,1569,4.334,1571,7.152,1583,3.088,1659,1.252,1690,1.722,1693,0.742,1698,2.095,1740,1.346,1830,1.346,1833,1.038,1846,1.346,1885,1.346,1904,1.252,1999,1.252,2169,2.575,2225,2.095,2229,1.995,2230,2.095,2245,1.125,2308,1.078,2401,2.575,2402,3.946,2437,1.84,2438,0.834,2504,1.49,2505,1.49,2506,7.629,2507,4.929,2508,4.455,2509,4.455,2510,2.822,2511,2.822,2512,7.056,2513,7.263,2514,1.181,2515,4.75,2516,4.325,2517,7.387,2518,2.095,2519,1.181,2520,5.257,2521,5.257,2522,1.49,2523,8.043,2524,4.308,2525,1.49,2526,1.49,2527,1.49,2528,5.257,2529,7.62,2530,4.325,2531,2.822,2532,1.125,2533,1.778,2534,4.988,2535,3.56,2536,2.395,2537,1.49,2538,2.095,2539,2.095,2540,1.49,2541,5.257,2542,5.686,2543,2.642,2544,2.642,2545,1.49,2546,1.49,2547,1.49,2548,1.49,2549,1.49,2550,1.49,2551,1.49,2552,1.49,2553,5.686,2554,5.686,2555,1.49,2556,1.49,2557,1.49,2558,1.49,2559,1.49,2560,2.22,2561,1.252,2562,1.49,2563,1.49,2564,1.49,2565,1.49,2566,1.49,2567,1.49,2568,1.49,2569,2.642,2570,1.49,2571,3.56,2572,1.49,2573,1.49,2574,1.49,2575,1.49,2576,1.49,2577,1.49,2578,1.49,2579,1.49,2580,1.346,2581,2.388,2582,1.346,2583,3.909,2584,7.753,2585,2.095,2586,1.346,2587,4.457,2588,2.388,2589,1.181,2590,1.49,2591,1.181,2592,3.909,2593,2.822,2594,1.181,2595,1.125,2596,1.181,2597,1.181,2598,2.388,2599,2.388,2600,5.993,2601,3.217,2602,2.991,2603,2.095,2604,2.822,2605,2.642,2606,2.642,2607,2.822,2608,3.893,2609,1.346,2610,1.181,2611,2.575,2612,2.991,2613,3.217,2614,2.688,2615,4.325,2616,1.181,2617,2.095,2618,2.642,2619,1.49,2620,2.095,2621,1.346,2622,1.49,2623,3.56,2624,2.095,2625,2.642,2626,1.49,2627,1.181,2628,1.181,2629,1.49,2630,1.346,2631,1.49,2632,2.095,2633,2.642,2634,1.181,2635,2.095,2636,1.181,2637,2.095,2638,1.49,2639,1.346,2640,1.252,2641,2.095,2642,3.217,2643,1.346,2644,1.181,2645,2.095,2646,1.181,2647,1.125,2648,1.181,2649,2.22,2650,2.388,2651,2.388,2652,2.388,2653,2.388,2654,2.388,2655,2.388,2656,2.388,2657,2.388,2658,2.388,2659,2.388,2660,2.388,2661,2.388,2662,4.583,2663,2.22,2664,2.22,2665,2.22,2666,3.893,2667,2.388,2668,2.388,2669,2.388,2670,2.388,2671,2.388,2672,2.388,2673,2.388,2674,2.388,2675,2.388,2676,2.388,2677,4.583,2678,2.22,2679,2.22,2680,2.388,2681,2.388,2682,2.388,2683,2.388,2684,2.388,2685,2.388,2686,2.388,2687,2.388,2688,2.388,2689,2.388,2690,2.388,2691,2.388,2692,4.583,2693,2.22,2694,2.388,2695,2.388,2696,2.388,2697,2.388,2698,2.388,2699,2.388,2700,2.388,2701,2.388,2702,2.388,2703,1.49,2704,1.181]],["t/550",[0,0.071,1,0.05,3,0.573,4,1.764,6,0.025,7,0.358,15,1.577,18,1.114,21,0.701,25,0.071,27,0.163,43,0.517,44,1.615,51,2.641,53,0.547,60,0.587,69,0.61,70,1.686,79,1,84,0.747,87,0.701,92,1.935,94,1.344,96,0.56,102,0.587,118,1.842,123,0.313,124,0.513,132,0.85,133,2.172,136,0.61,138,2.197,147,0.888,149,1.087,163,0.893,168,1.4,170,2.286,173,1.805,177,0.723,181,0.817,183,0.909,199,1.567,202,0.618,218,0.56,221,0.587,227,2.328,228,4.198,236,0.956,238,3.514,239,2.989,244,3.118,252,2.397,253,2.474,264,2.318,270,2.686,272,3.579,273,0.833,278,4.446,282,0.801,285,0.85,286,1.044,296,0.978,306,0.909,315,4.396,320,1.982,351,0.833,355,0.888,357,1.604,364,0.931,378,1.119,388,1.441,389,2.482,425,0.931,441,1.686,457,1.414,495,4.065,496,3.831,497,3.048,540,0.982,554,1.734,566,2.776,575,1.123,591,2.675,592,0.734,594,1.445,604,1.687,615,1.172,622,0.801,657,1.843,738,1.23,857,2.225,858,2.042,862,0.801,865,1.256,868,2.099,894,1.604,899,2.09,900,1.99,914,1.982,920,2.614,945,2.219,948,3.603,949,3.05,950,3.902,952,3.912,966,0.541,967,0.954,977,3.646,978,3.716,979,2.286,980,2.774,985,4.166,988,2.598,1007,1.908,1016,3.09,1019,3.09,1022,1.123,1069,0.909,1074,1.044,1075,1.304,1086,2.665,1115,3.728,1119,4.552,1141,2.538,1142,2.915,1145,1.081,1150,1.123,1160,1.081,1245,0.759,1275,2.718,1315,3.408,1357,1.403,1368,3.664,1377,1.5,1378,0.982,1379,0.956,1403,1.172,1418,0.85,1454,1.044,1521,1.734,1540,5.4,1568,1.908,1569,4.598,1571,7.047,1583,3.411,1693,1.364,1698,2.915,2169,1.123,2225,3.518,2229,2.776,2230,2.915,2245,1.172,2308,1.123,2401,3.664,2402,5.109,2437,1.908,2438,0.868,2498,1.23,2507,4.009,2508,5.459,2509,3.323,2510,2.172,2511,2.172,2512,7.597,2513,7.501,2514,1.23,2515,4.853,2516,5.096,2518,2.172,2519,1.23,2520,6.16,2521,6.16,2528,6.16,2529,7.449,2530,4.433,2531,2.915,2532,1.172,2533,1.843,2534,1.23,2538,2.172,2539,2.172,2541,2.172,2580,1.403,2581,2.476,2582,1.403,2583,2.172,2585,2.172,2586,1.403,2587,5.108,2588,2.476,2589,2.172,2591,1.23,2592,4.015,2593,3.518,2594,1.23,2595,1.172,2596,1.23,2597,3.518,2602,1.304,2603,2.172,2604,2.915,2607,3.518,2608,4.009,2609,1.403,2610,1.23,2611,3.664,2612,1.304,2614,3.823,2615,4.433,2616,1.23,2617,2.172,2620,2.172,2621,1.403,2624,2.172,2627,1.23,2628,1.23,2630,1.403,2632,2.172,2634,1.23,2635,2.172,2636,1.23,2637,2.172,2639,1.403,2641,2.172,2642,2.476,2643,1.403,2644,1.23,2645,2.172,2646,1.23,2648,1.23,2649,3.728,2662,4.698,2663,3.728,2664,3.09,2665,3.09,2677,4.698,2678,3.09,2679,3.09,2692,4.698,2693,3.09,2704,1.23,2705,1.552,2706,1.552,2707,8.798,2708,1.552,2709,2.74,2710,2.74,2711,1.552,2712,1.552,2713,1.304,2714,1.552,2715,1.552,2716,0.956,2717,3.677,2718,9.524,2719,1.552,2720,8.132,2721,5.065,2722,1.304,2723,1.304,2724,1.552,2725,2.74,2726,1.552,2727,1.552,2728,5.065,2729,2.74,2730,1.552,2731,1.552,2732,3.677,2733,2.74,2734,1.552,2735,1.552,2736,1.552,2737,1.552,2738,5.592,2739,1.552,2740,1.552,2741,1.081,2742,1.552,2743,4.437,2744,4.437,2745,4.437,2746,4.437,2747,1.552,2748,1.552,2749,1.552,2750,1.403,2751,2.74,2752,4.437,2753,4.437,2754,4.437,2755,4.437,2756,4.437,2757,4.437,2758,4.437,2759,1.552,2760,5.592,2761,6.831,2762,3.323,2763,3.677,2764,5.592,2765,5.592,2766,3.677,2767,3.677,2768,3.677,2769,3.677,2770,1.403,2771,1.403,2772,1.552,2773,2.302]],["t/552",[0,0.08,1,0.058,3,0.657,4,2.265,6,0.025,7,1.276,15,1.708,18,1.089,21,0.803,25,0.081,27,0.187,43,0.593,44,2.3,51,2.652,53,0.627,60,0.673,69,0.699,70,1.875,79,0.649,84,0.856,92,2.152,94,1.532,96,0.642,102,1.548,118,1.995,123,0.358,124,0.579,131,1.068,132,0.975,136,0.699,138,2.38,147,1.018,149,0.878,163,1.006,168,1.541,170,2.461,173,1.458,177,0.829,181,2.569,183,1.042,191,0.651,202,0.708,218,0.642,221,0.673,227,1.127,228,4.238,238,3.497,239,2.904,244,2.112,252,2.013,264,2.482,270,3.334,272,2.386,273,1.657,274,0.769,275,0.936,278,4.217,282,0.919,285,0.975,286,1.198,296,1.077,306,1.042,315,4.203,355,1.767,364,1.068,378,1.262,388,1.625,425,1.068,441,2.238,495,4.376,496,4.092,497,3.215,540,1.127,554,2.589,566,3.088,575,1.288,591,2.484,592,1.461,594,1.607,604,1.096,615,1.344,622,0.919,857,2.411,858,2.228,862,0.919,865,1.416,868,1.936,894,1.808,899,2.065,900,1.607,914,2.234,920,2.112,945,2.421,948,3.823,949,2.973,950,3.871,952,3.85,966,0.62,967,0.62,977,3.127,978,3.187,979,1.846,980,2.241,985,3.306,988,2.86,1007,3.401,1016,3.401,1022,1.288,1069,1.042,1071,1.096,1074,1.198,1086,2.907,1119,6.466,1141,2.794,1142,1.411,1145,1.24,1150,1.288,1160,1.24,1245,0.871,1275,3.25,1315,3.718,1350,0.871,1368,3.998,1377,0.975,1378,1.127,1379,1.096,1403,1.344,1418,0.975,1454,1.198,1490,4.573,1521,1.955,1540,5.535,1568,3.401,1569,4.754,1571,6.797,1583,4.15,1693,1.537,1698,1.411,1889,1.608,2169,1.288,2225,1.411,2229,1.344,2230,1.411,2245,1.344,2308,1.288,2401,2.959,2402,4.382,2437,2.151,2438,0.996,2506,3.437,2510,1.411,2511,3.243,2512,7.619,2513,7.566,2514,1.411,2515,5.197,2516,5.458,2517,3.697,2518,2.448,2519,1.411,2520,6.145,2521,4.381,2523,5.474,2528,4.802,2529,7.067,2530,4.802,2531,3.243,2532,1.344,2533,2.078,2534,1.411,2538,2.448,2539,2.448,2541,4.381,2542,3.697,2553,3.697,2554,3.697,2583,2.448,2584,4.413,2585,3.243,2587,1.344,2589,2.448,2591,1.411,2592,4.381,2593,3.872,2594,1.411,2595,1.344,2596,1.411,2597,3.243,2598,1.608,2599,1.608,2600,3.697,2601,1.608,2602,1.495,2603,3.872,2604,4.802,2607,4.802,2610,1.411,2611,1.288,2612,1.495,2613,1.608,2614,3.088,2615,6.145,2616,2.448,2617,3.872,2620,3.872,2624,2.448,2627,2.448,2628,2.448,2632,3.872,2634,2.448,2635,3.872,2636,2.448,2637,4.381,2640,2.595,2641,3.872,2644,2.448,2645,3.872,2646,2.448,2648,2.448,2649,1.495,2650,1.608,2651,1.608,2652,1.608,2653,1.608,2654,1.608,2655,1.608,2656,1.608,2657,1.608,2658,1.608,2659,1.608,2660,1.608,2661,1.608,2662,3.437,2663,1.495,2664,1.495,2665,1.495,2666,2.791,2667,1.608,2668,1.608,2669,1.608,2670,1.608,2671,1.608,2672,1.608,2673,1.608,2674,1.608,2675,1.608,2676,1.608,2677,3.437,2678,1.495,2679,1.495,2680,1.608,2681,1.608,2682,1.608,2683,1.608,2684,1.608,2685,1.608,2686,1.608,2687,1.608,2688,1.608,2689,1.608,2690,1.608,2691,1.608,2692,3.437,2693,1.495,2694,1.608,2695,1.608,2696,1.608,2697,1.608,2698,1.608,2699,1.608,2700,1.608,2701,1.608,2702,1.608,2704,1.411,2722,2.595,2723,2.595,2741,2.151,2770,1.608,2771,1.608,2773,2.595,2774,3.088,2775,1.608,2776,1.608,2777,1.78,2778,1.78,2779,8.512,2780,4.091,2781,8.351,2782,1.78,2783,6.057,2784,3.088,2785,2.791,2786,7.546,2787,2.791,2788,1.608,2789,3.088,2790,3.088,2791,2.791,2792,3.088,2793,3.088,2794,4.884,2795,3.088,2796,2.791,2797,3.088,2798,3.088,2799,4.884,2800,1.78,2801,3.088,2802,2.791,2803,4.413,2804,3.088,2805,1.78,2806,4.413,2807,2.791,2808,2.791,2809,2.791,2810,1.78,2811,1.78,2812,3.697,2813,1.608]],["t/554",[0,0.104,1,0.057,6,0.025,7,1.113,8,0.239,18,0.496,21,2.465,22,2.407,25,0.219,28,0.569,29,0.99,36,0.418,44,0.557,87,0.788,94,1.762,118,2.608,123,0.352,124,0.569,134,2.318,145,1.359,149,1.699,163,2.33,168,0.551,170,1.525,173,2.893,176,2.587,177,1.877,181,2.536,199,3.684,204,1.512,216,0.723,231,3.363,238,3.396,239,1.952,240,4.274,247,2.145,249,4.588,263,1.048,264,2.16,265,1.384,266,1.263,270,0.776,280,0.788,281,2.628,282,4.086,283,5.16,285,3.282,286,4.332,287,3.722,288,2.552,296,1.321,307,0.885,315,4.349,321,1.263,340,4.077,343,3.525,355,1.738,378,1.969,380,2.392,389,0.977,397,2.916,399,1.263,402,0.776,403,2.043,405,0.826,426,0.919,431,1.216,441,4.287,467,2.448,488,6.138,495,4.031,496,1.716,497,1.625,506,1.105,511,0.956,554,1.105,564,2.628,571,3.357,578,1.105,585,1.075,591,2.217,594,1.193,598,0.919,604,4.2,634,3.463,639,1.105,847,3.597,852,0.956,857,1.604,858,1.943,861,1.437,865,2.746,867,1.384,868,2.835,872,1.598,878,1.63,880,4.615,885,1.138,891,1.175,899,2.959,900,3.11,920,5.332,945,1.331,948,3.898,954,1.539,966,0.608,967,0.608,977,1.568,978,2.873,979,3.664,980,0.956,985,2.503,1017,1.923,1018,1.98,1058,1.318,1086,0.919,1254,7.756,1266,2.197,1267,3.803,1273,2.115,1275,4.926,1280,1.216,1297,2.121,1298,1.022,1300,1.022,1306,1.263,1313,1.467,1318,1.216,1335,3.363,1339,3.043,1344,4.526,1346,3.142,1350,1.972,1354,1.779,1377,0.956,1379,1.075,1433,2.408,1434,1.384,1482,3.387,1495,1.923,1496,4.526,1500,1.384,1501,1.384,1530,2.712,1540,2.419,1569,1.414,1574,1.263,1581,1.263,1638,1.138,1657,1.578,1660,1.075,1671,2.552,1690,1.98,1733,1.318,1751,3.043,1833,1.216,1844,3.196,2031,4.934,2167,3.196,2453,1.384,2467,2.115,2506,1.467,2532,1.318,2536,4.031,2773,1.467,2814,6.439,2815,2.745,2816,4.031,2817,1.746,2818,1.384,2819,2.293,2820,3.037,2821,1.746,2822,3.638,2823,2.408,2824,3.037,2825,4.031,2826,5.46,2827,6.821,2828,3.037,2829,1.746,2830,3.037,2831,2.293,2832,1.578,2833,2.552,2834,1.578,2835,7.345,2836,5.46,2837,7.061,2838,6.931,2839,5.46,2840,4.934,2841,7.438,2842,6.753,2843,7.151,2844,4.82,2845,1.746,2846,6.439,2847,1.746,2848,3.643,2849,2.745,2850,3.037,2851,1.746,2852,2.745,2853,3.037,2854,1.746,2855,1.746,2856,1.746,2857,1.746,2858,2.745,2859,1.746,2860,1.578,2861,1.746,2862,1.746,2863,1.746,2864,2.745,2865,1.746,2866,1.746,2867,1.746,2868,2.745,2869,1.746,2870,1.746,2871,1.746,2872,2.745,2873,1.746,2874,1.746,2875,1.746,2876,2.745,2877,1.746,2878,1.746,2879,1.746,2880,1.746,2881,1.746,2882,1.746,2883,1.746,2884,1.746,2885,3.387,2886,2.552,2887,2.552,2888,2.745,2889,2.745,2890,2.745,2891,2.745,2892,1.746,2893,4.355,2894,1.746,2895,3.037,2896,4.861,2897,1.746,2898,1.746,2899,4.031,2900,4.031,2901,4.031,2902,4.031,2903,3.037,2904,1.746,2905,1.746,2906,1.746,2907,1.578,2908,6.276,2909,6.164,2910,6.164,2911,5.414,2912,2.552,2913,5.731,2914,2.408,2915,1.318,2916,1.263,2917,1.318,2918,5.034,2919,6.439,2920,1.578,2921,1.578,2922,2.745,2923,1.578,2924,3.643,2925,1.578,2926,1.578,2927,1.578,2928,1.216,2929,2.115,2930,2.115,2931,1.216,2932,1.746,2933,1.746,2934,1.746,2935,1.746,2936,1.384,2937,1.384,2938,1.263,2939,1.263,2940,2.197,2941,1.263,2942,1.263,2943,2.197,2944,2.197,2945,1.318,2946,1.318,2947,1.263,2948,3.357,2949,3.387,2950,6.82,2951,3.043,2952,1.467,2953,2.807,2954,4.049,2955,3.043,2956,2.552,2957,2.916,2958,1.467,2959,1.467,2960,4.049,2961,1.467,2962,4.588,2963,1.467,2964,1.467,2965,3.387,2966,2.293,2967,1.318,2968,1.318,2969,3.821,2970,2.408,2971,1.467,2972,4.049,2973,1.467,2974,2.552,2975,1.467,2976,1.467,2977,1.467,2978,1.467,2979,1.467,2980,1.318,2981,1.467,2982,1.467,2983,1.467,2984,1.318,2985,2.293,2986,1.467,2987,4.049,2988,2.552,2989,1.746,2990,1.467,2991,2.197,2992,1.467,2993,1.578,2994,3.643,2995,1.578]],["t/556",[0,0.115,1,0.11,6,0.025,7,1.025,15,1.481,18,0.607,22,0.588,25,0.154,28,1.104,29,1.104,36,2.322,45,0.137,64,0.538,70,1.554,94,1.798,102,2.433,104,1.29,115,1.19,118,2.582,123,0.399,124,0.635,132,1.086,134,0.954,138,2.064,145,0.956,149,1.38,163,1.711,168,2.168,170,2.233,173,2.449,176,2.268,204,1.687,216,1.404,225,5.905,226,5.468,227,5.113,228,3.715,229,1.783,230,1.372,231,2.734,238,3.002,239,2.464,240,4.406,243,2.848,245,1.161,247,2.064,251,1.255,259,2.209,260,1.666,261,1.792,264,1.222,267,3.092,270,0.882,282,3.903,285,1.086,288,1.255,296,0.979,297,1.572,306,1.161,308,1.005,315,1.53,343,0.909,344,4.327,345,2.6,346,1.658,354,0.882,363,4.971,378,2.146,380,1.485,385,1.666,398,2.6,402,0.882,403,1.718,427,3.547,430,4.071,431,1.381,432,1.161,440,1.572,441,2.948,446,1.792,462,2.687,464,1.792,467,1.814,468,4.826,485,1.572,488,4.585,496,3.906,497,3.603,506,1.255,559,1.255,563,3.847,564,2.209,571,1.381,576,3.519,577,1.792,591,1.167,608,1.666,634,2.067,648,2.034,675,4.012,678,1.792,738,3.519,758,4.012,777,6.209,847,1.62,849,1.334,852,1.086,854,1.435,857,2.09,858,1.79,861,0.938,865,1.554,868,1.604,872,1.783,873,1.024,874,1.293,878,1.819,880,4.312,884,5.773,889,1.334,894,1.161,899,2.403,900,2.526,945,1.485,948,3.829,949,2.967,950,1.75,952,3.592,954,3.671,966,1.18,967,1.18,968,1.293,977,1.75,978,1.783,979,4.09,980,1.857,982,1.19,985,1.554,987,5.763,988,1.161,1020,1.435,1071,1.221,1126,1.497,1143,1.435,1232,3.424,1271,1.666,1273,2.361,1277,4.679,1297,1.783,1300,1.161,1335,4.657,1344,5.113,1346,4.722,1350,0.97,1354,1.985,1363,5.098,1375,4.623,1377,1.086,1454,1.334,1495,4.349,1496,5.113,1569,2.446,1583,3.86,1638,1.293,1673,1.666,1693,0.987,1705,1.666,1738,5.403,2090,5.447,2311,5.447,2327,1.792,2328,1.792,2335,3.063,2404,3.73,2416,4.012,2417,4.012,2420,4.012,2421,4.012,2422,4.012,2423,4.012,2424,4.012,2425,4.012,2426,4.012,2433,4.747,2467,2.361,2498,1.572,2500,5.403,2501,4.024,2595,1.497,2831,1.497,2842,3.092,2860,4.012,2896,1.497,2915,1.497,2928,1.381,2929,2.361,2930,2.361,2931,1.381,2938,1.435,2939,1.435,2940,2.452,2941,1.435,2942,1.435,2943,2.452,2944,2.452,2946,1.497,2947,1.435,2948,3.658,2953,1.381,2957,2.452,2980,1.497,2996,1.983,2997,1.666,2998,1.983,2999,1.792,3000,1.792,3001,3.39,3002,1.983,3003,1.983,3004,4.012,3005,3.063,3006,1.792,3007,1.792,3008,1.792,3009,1.792,3010,1.792,3011,3.39,3012,1.983,3013,1.983,3014,1.983,3015,2.687,3016,1.983,3017,1.983,3018,1.792,3019,1.983,3020,6.431,3021,5.901,3022,6.209,3023,6.209,3024,6.871,3025,5.901,3026,8.291,3027,7.082,3028,6.431,3029,5.901,3030,5.901,3031,6.431,3032,4.439,3033,4.439,3034,5.253,3035,4.439,3036,4.439,3037,4.439,3038,4.439,3039,4.439,3040,4.439,3041,4.439,3042,4.439,3043,4.439,3044,4.439,3045,4.439,3046,4.439,3047,4.439,3048,4.439,3049,4.439,3050,4.012,3051,4.439,3052,4.439,3053,4.439,3054,4.439,3055,4.439,3056,4.439,3057,4.439,3058,4.439,3059,4.439,3060,4.439,3061,4.439,3062,4.439,3063,4.439,3064,4.439,3065,4.439,3066,4.439,3067,4.439,3068,4.439,3069,4.439,3070,4.439,3071,4.439,3072,4.439,3073,4.439,3074,4.012,3075,4.439,3076,4.439,3077,4.439,3078,4.439,3079,4.439,3080,4.439,3081,4.439,3082,4.439,3083,6.871,3084,3.39,3085,3.39,3086,3.39,3087,1.792,3088,1.792,3089,1.792,3090,1.792,3091,1.792,3092,4.747,3093,4.747,3094,3.39,3095,4.012,3096,4.747,3097,3.39,3098,4.747,3099,1.983,3100,1.983,3101,1.983,3102,1.983,3103,3.39,3104,1.983,3105,1.983,3106,1.666,3107,1.983,3108,1.983,3109,3.39,3110,1.983,3111,1.983,3112,4.439,3113,3.39,3114,1.983,3115,1.792,3116,3.39,3117,1.983,3118,3.063,3119,3.39,3120,3.39,3121,3.39,3122,3.063,3123,3.39,3124,3.39,3125,1.983,3126,1.983,3127,1.983,3128,1.983]],["t/558",[0,0.083,1,0.061,6,0.025,7,0.746,15,1.759,18,1.027,21,0.847,25,0.085,27,0.197,44,2.593,49,0.374,51,2.556,70,1.952,92,2.241,94,1.958,102,1.915,104,0.545,118,1.403,123,0.378,124,0.606,132,1.028,138,2.451,145,1.201,147,1.073,149,0.914,163,1.053,168,1.597,170,2.529,173,1.518,177,0.874,181,0.987,183,1.099,191,0.897,227,1.188,228,4.331,238,3.544,239,2.866,244,2.198,252,2.107,264,2.546,270,3.408,272,2.186,274,0.81,275,2.241,278,4.223,282,0.969,285,1.028,286,1.262,296,0.939,306,1.099,315,4.082,355,1.849,364,1.126,378,1.321,388,1.701,425,4.6,441,1.952,495,2.865,496,4.108,497,3.426,540,1.188,554,2.046,566,3.215,575,1.357,591,2.543,592,0.888,594,1.673,604,1.156,615,3.215,622,0.969,857,2.483,858,2.302,862,0.969,865,1.482,868,2.015,894,1.893,899,1.592,900,1.673,914,1.357,920,2.198,945,3.235,948,4.011,949,3.594,950,4.467,952,4.154,966,0.653,967,0.653,977,3.221,978,3.283,979,1.922,980,2.333,985,3.063,988,2.964,1007,3.526,1016,3.526,1022,1.357,1069,1.099,1074,1.262,1086,3.885,1119,6.9,1141,2.896,1150,1.357,1160,1.307,1245,1.581,1275,3.789,1315,4.968,1350,1.581,1368,4.13,1377,2.333,1378,2.046,1379,1.991,1403,1.417,1418,1.028,1454,1.262,1490,5.046,1521,2.046,1540,5.705,1568,3.526,1569,4.804,1571,6.457,1583,4.427,1693,0.934,1754,1.126,2169,1.357,2245,1.417,2308,1.357,2401,3.081,2402,4.514,2437,2.251,2438,1.05,2510,1.488,2511,3.376,2512,7.651,2513,7.596,2514,1.488,2515,5.33,2516,5.854,2518,2.563,2519,1.488,2520,6.272,2521,2.563,2528,3.376,2529,6.272,2530,4.947,2531,3.376,2532,1.417,2533,2.175,2534,1.488,2538,2.563,2539,2.563,2541,2.563,2583,2.563,2585,2.563,2589,1.488,2591,1.488,2592,4.526,2593,4.013,2594,1.488,2595,1.417,2596,1.488,2597,2.563,2603,4.013,2604,5.597,2607,5.854,2610,1.488,2614,3.215,2615,6.272,2616,2.563,2617,4.013,2620,4.013,2624,2.563,2627,2.563,2628,2.563,2632,4.526,2634,3.376,2635,4.947,2636,3.376,2637,5.299,2640,3.578,2641,4.947,2644,3.376,2645,4.947,2646,3.376,2648,3.376,2704,1.488,2716,1.156,2722,2.716,2723,2.716,2741,2.966,2775,1.696,2776,1.696,2785,3.849,2786,8.27,2787,3.849,2788,2.921,2791,3.849,2796,2.921,2802,2.921,2803,5.159,2806,5.638,2807,3.849,2808,3.849,2809,3.849,2812,3.849,2813,1.696,3129,8.796,3130,4.259,3131,9.151,3132,1.876,3133,7.384,3134,4.259,3135,4.259,3136,4.259,3137,4.259,3138,4.259,3139,5.062,3140,3.233,3141,3.233,3142,4.259,3143,5.709,3144,1.876,3145,3.233,3146,3.233,3147,3.233,3148,1.876,3149,1.876,3150,1.876,3151,1.876,3152,3.233,3153,1.876,3154,1.876,3155,1.876,3156,1.876,3157,1.876,3158,1.876,3159,1.876,3160,1.876,3161,1.876]],["t/560",[0,0.123,1,0.071,6,0.025,7,1.29,8,0.258,18,0.575,21,3.053,22,2.719,25,0.254,29,0.711,36,0.523,44,0.696,87,1.659,94,1.945,118,2.228,123,0.439,124,0.688,134,2.291,145,1.576,149,1.687,163,2.649,168,0.688,170,1.802,173,2.897,176,2.92,199,4.116,204,1.829,216,0.903,231,3.842,238,3.67,239,2.204,240,4.499,247,2.451,264,2.25,265,1.729,266,1.578,270,0.97,280,4.635,281,3.104,282,4.315,283,5.581,284,3.941,285,3.704,286,4.841,287,3.645,288,3.014,296,1.376,307,1.105,315,4.361,326,1.148,378,2.284,380,2.733,389,1.22,397,3.445,399,1.578,402,0.97,403,2.413,405,1.032,426,1.148,431,1.519,441,4.257,467,2.763,488,5.946,496,1.565,497,1.482,501,1.248,506,1.381,554,1.381,564,3.104,571,3.892,578,1.381,585,1.343,591,2.477,594,0.857,604,4.431,634,3.892,639,1.381,847,3.526,852,1.195,857,1.895,858,2.253,861,1.032,865,2.86,868,2.952,872,1.934,878,1.972,880,4.581,885,1.422,899,2.939,900,3.284,903,1.195,920,5.097,945,1.61,948,3.899,954,1.862,966,0.76,967,0.76,977,1.897,978,3.282,979,3.945,980,1.195,985,2.562,1017,2.326,1018,2.395,1086,1.148,1254,7.584,1266,2.659,1267,5.011,1273,2.559,1275,4.594,1280,1.519,1297,2.506,1298,1.277,1300,1.277,1306,1.578,1318,1.519,1322,1.729,1335,3.842,1344,4.978,1346,3.643,1350,2.33,1354,2.152,1377,1.195,1433,2.913,1434,1.729,1454,1.467,1495,2.326,1496,4.978,1500,1.729,1501,1.729,1530,3.204,1540,2.858,1569,1.711,1574,1.578,1581,1.578,1638,1.422,1660,1.343,1671,2.326,1690,2.395,1695,1.195,1705,1.833,1733,1.647,1844,3.775,2167,3.775,2453,1.729,2467,2.559,2536,4.55,2815,3.321,2818,1.729,2819,1.647,2822,4.219,2823,2.913,2831,2.774,2832,1.971,2833,1.833,2834,1.971,2835,6.349,2837,6.598,2838,5.704,2842,6.877,2848,4.303,2849,3.321,2852,1.971,2858,1.971,2864,1.971,2868,1.971,2872,1.971,2876,1.971,2885,4.001,2886,1.833,2887,1.833,2888,1.971,2889,1.971,2890,1.971,2891,1.971,2893,3.321,2896,5.106,2907,1.971,2908,6.929,2909,6.829,2910,6.829,2911,6.829,2912,3.088,2913,6.608,2914,2.913,2915,1.647,2916,1.578,2917,1.647,2918,6.608,2920,1.971,2921,1.971,2922,3.321,2923,1.971,2924,5.638,2925,1.971,2926,1.971,2927,1.971,2928,1.519,2929,2.559,2930,2.559,2931,1.519,2936,1.729,2937,1.729,2938,1.578,2939,1.578,2940,2.659,2941,1.578,2942,1.578,2943,2.659,2944,2.659,2945,1.647,2946,1.647,2947,1.578,2948,3.892,2949,4.001,2950,7.344,2951,3.595,2952,1.833,2953,3.317,2954,4.696,2955,3.595,2956,3.088,2957,3.445,2958,1.833,2959,1.833,2960,4.696,2961,1.833,2962,5.242,2963,1.833,2964,1.833,2965,4.001,2966,2.774,2967,1.647,2968,1.647,2969,4.431,2970,2.913,2971,1.833,2972,4.696,2973,1.833,2974,3.088,2975,1.833,2976,1.833,2977,1.833,2978,1.833,2979,1.833,2980,1.647,2981,1.833,2982,1.833,2983,1.833,2984,1.647,2985,2.774,2986,1.833,2987,4.696,2988,3.088,2990,1.833,2991,2.659,2992,1.833,2993,1.971,2994,4.303,2995,1.971,3162,1.971,3163,2.181,3164,1.971,3165,1.971,3166,1.971,3167,3.675,3168,3.675,3169,2.181,3170,2.181,3171,2.181,3172,2.181,3173,2.181,3174,2.181,3175,2.181,3176,1.971]],["t/562",[0,0.172,1,0.152,6,0.025,7,1.081,15,2.196,21,2.112,22,2.915,25,0.213,44,1.492,58,3.665,94,2.259,118,2.959,123,0.942,124,1.251,138,3.06,145,2.196,149,1.823,163,2.927,170,2.947,171,3.386,173,3.201,176,4.033,177,2.179,227,4.228,238,2.984,239,2.176,240,5.1,264,2.409,282,5.164,288,4.93,296,1.473,315,3.015,329,6.469,378,3.471,389,2.618,398,2.74,441,4.117,467,1.912,468,4.113,488,5.686,496,1.992,497,2.693,506,2.962,591,2.682,847,2.437,857,3.1,858,1.887,865,4.652,868,4.019,872,3.514,880,3.922,899,3.175,900,3.337,920,3.448,945,2.926,948,3.925,954,2.372,966,1.63,967,1.63,979,4.437,985,4.117,987,2.563,1017,4.228,1018,4.354,1189,4.354,1297,3.514,1300,2.74,1354,3.911,1574,3.386,1583,2.179,1658,3.71,1671,2.962,2453,3.71,2561,5.612,2713,5.612,2819,3.533,2928,3.259,2929,4.652,2930,4.652,2931,3.259,2953,3.259,3177,8.688,3178,8.495,3179,6.68,3180,4.68,3181,6.68,3182,4.68,3183,4.68,3184,4.68,3185,7.789,3186,4.68,3187,4.68,3188,4.68,3189,4.68,3190,4.68,3191,8.495,3192,6.68,3193,9.341,3194,4.68,3195,4.68,3196,4.68,3197,4.68,3198,4.68,3199,4.68,3200,4.68,3201,4.68,3202,6.68,3203,4.68]],["t/564",[0,0.13,1,0.104,6,0.025,7,2.13,8,0.265,15,1.981,18,0.833,21,4.245,22,2.909,25,0.146,30,3.77,38,5.571,44,1.022,58,1.067,87,1.446,94,2.053,118,2.043,123,0.645,124,0.942,138,2.76,141,3.5,149,1.638,163,2.759,170,2.658,173,3.018,176,2.679,219,1.711,228,2.202,231,1.973,238,3.454,239,2.639,240,4.824,264,2.533,266,2.317,282,4.763,283,5.52,284,4.436,287,2.14,288,2.028,296,1.108,315,4.07,378,2.87,380,3.71,397,2.317,403,4.57,441,4.749,467,1.309,488,6.136,497,2.027,506,2.028,563,2.088,591,3.019,594,1.258,604,3.095,634,3.554,646,6.348,647,6.348,847,3.537,857,2.796,858,2.027,861,3.324,865,2.304,868,2.378,872,1.685,880,4.445,885,2.088,891,2.155,899,2.852,900,2.998,903,1.755,920,2.595,931,7.149,945,2.202,948,3.412,966,1.116,967,1.116,978,3.264,979,3.445,985,2.304,988,2.943,1017,3.181,1018,3.276,1020,2.317,1040,8.338,1254,3.794,1275,4.839,1297,2.644,1300,1.876,1343,7.315,1348,5.858,1354,2.943,1448,2.691,1490,3.794,1540,3.722,1656,2.691,1660,1.973,1695,1.755,1751,4.683,1833,4.32,1906,2.54,2126,2.691,2250,2.895,2536,2.155,2822,4.683,2833,4.223,2835,7.367,2840,6.348,2842,3.5,2885,4.223,2886,4.223,2887,4.223,2896,6.114,2908,2.54,2912,6.412,2916,2.317,2917,2.418,2918,4.223,2928,2.231,2929,3.5,2930,3.5,2931,2.231,2948,6.426,2991,2.317,3162,2.895,3164,2.895,3166,2.895,3204,3.203,3205,9.405,3206,7.025,3207,5.026,3208,7.025,3209,9.56,3210,9.56,3211,6.203,3212,5.026,3213,5.026,3214,5.026,3215,5.026,3216,5.026,3217,5.026,3218,4.542,3219,5.026,3220,3.203,3221,3.203,3222,3.203,3223,3.203,3224,3.203,3225,3.203,3226,3.203,3227,3.203,3228,3.203,3229,3.203,3230,3.203,3231,3.203,3232,3.203,3233,3.203,3234,3.203,3235,3.203,3236,3.203,3237,3.203,3238,3.203,3239,3.203,3240,3.203,3241,3.203,3242,3.203,3243,3.203,3244,3.203]],["t/566",[0,0.152,1,0.11,6,0.025,7,1.361,8,0.265,15,0.954,18,0.777,21,2.367,22,2.719,25,0.292,29,0.645,36,0.474,44,0.631,45,0.061,87,2.899,94,1.923,109,1.887,116,1.062,118,2.579,123,0.398,124,0.634,134,2.132,138,1.329,145,0.954,149,1.378,163,2.093,168,1.067,170,2.858,173,2.579,176,2.774,188,1.021,198,1.187,204,1.684,216,1.401,228,1.482,231,4.227,238,3.368,239,1.444,240,4.404,247,1.741,264,2.316,266,1.431,270,1.504,281,2.889,282,4.276,283,5.732,285,1.084,287,1.44,288,2.805,296,1.3,315,2.66,337,1.021,343,0.907,378,2.143,380,2.582,389,2.934,395,0.88,397,4.965,398,1.159,399,4.965,400,3.206,402,1.504,403,2.987,404,3.248,405,5.044,419,3.975,420,7.388,421,7.388,426,1.041,441,3.589,467,2.804,468,1.218,488,5.566,496,3.216,497,1.787,506,1.252,511,1.084,564,3.842,571,5.039,578,1.252,585,1.218,591,2.212,592,1.601,634,3.857,748,6.347,847,3.559,852,2.427,856,1.568,857,1.764,858,2.767,865,2.404,868,2.482,872,1.78,878,2.814,880,4.639,885,1.29,889,1.331,899,2.401,900,2.523,903,1.084,920,5.364,945,1.482,948,3.827,954,2.246,966,0.689,967,0.689,977,2.288,978,3.379,979,3.901,980,2.427,985,2.031,987,1.853,1017,2.141,1018,2.889,1086,1.78,1143,3.206,1149,1.662,1158,1.568,1232,1.29,1236,2.682,1250,1.378,1267,4.104,1273,3.653,1276,1.431,1280,1.378,1297,2.759,1298,1.981,1300,1.159,1306,2.447,1318,1.378,1335,4.652,1344,5.244,1346,3.842,1350,3.142,1353,1.662,1354,1.981,1377,1.853,1495,2.141,1496,5.244,1530,3.965,1569,0.921,1574,1.431,1581,1.431,1583,0.921,1638,2.205,1660,1.218,1671,2.141,1690,2.205,1835,1.107,2243,1.662,2301,1.662,2467,3.653,2536,2.276,2818,1.568,2819,1.494,2822,3.959,2823,2.682,2831,1.494,2837,6.254,2838,6.399,2842,4.78,2914,5.092,2915,1.494,2916,1.431,2917,1.494,2928,1.378,2929,2.356,2930,2.356,2931,1.378,2936,1.568,2937,1.568,2938,2.447,2939,2.447,2940,3.794,2941,2.447,2942,2.447,2943,3.794,2944,3.794,2945,2.554,2946,1.494,2947,2.447,2948,4.104,2951,4.449,2953,3.086,2955,2.554,2957,4.263,2966,3.959,2967,2.554,2968,2.554,2969,4.672,2970,2.682,2980,1.494,2984,2.554,2985,4.449,3015,1.568,3018,1.788,3027,1.788,3106,2.842,3115,1.788,3245,1.788,3246,1.978,3247,1.788,3248,1.788,3249,1.788,3250,1.788,3251,1.788,3252,1.788,3253,1.788,3254,1.788,3255,1.788,3256,1.788,3257,6.827,3258,5.326,3259,5.804,3260,1.978,3261,1.978,3262,3.383,3263,3.383,3264,3.383,3265,3.383,3266,3.383,3267,6.423,3268,3.383,3269,3.383,3270,3.383,3271,3.383,3272,3.383,3273,1.978,3274,4.432,3275,4.432,3276,4.432,3277,4.432,3278,1.788,3279,1.788,3280,4.739,3281,1.788,3282,4.739,3283,1.788,3284,1.788,3285,1.788,3286,1.788,3287,1.788,3288,1.978,3289,1.978,3290,1.978,3291,1.978,3292,1.978,3293,1.978,3294,1.978,3295,1.978,3296,1.978,3297,1.978,3298,3.057,3299,3.057,3300,3.057,3301,3.057,3302,3.383,3303,3.383,3304,3.383,3305,3.383,3306,1.978,3307,3.383,3308,3.383,3309,4.432,3310,1.978,3311,1.978,3312,1.978,3313,1.978,3314,1.978,3315,1.978,3316,3.383,3317,1.978,3318,1.978,3319,3.383,3320,1.978,3321,1.978,3322,1.788,3323,1.978,3324,1.978,3325,1.788,3326,1.978,3327,1.662,3328,5.245,3329,1.788,3330,1.788,3331,1.978,3332,1.978,3333,1.978,3334,1.978,3335,1.978,3336,5.245,3337,1.978,3338,1.978,3339,1.978,3340,1.978,3341,1.978,3342,1.978,3343,4.432,3344,1.978,3345,1.978,3346,5.245,3347,4.432,3348,4.432,3349,1.788,3350,3.383,3351,1.978,3352,5.245,3353,1.978,3354,1.978,3355,1.978,3356,1.978,3357,1.978,3358,1.788,3359,1.788,3360,1.978,3361,1.788,3362,1.788,3363,1.978,3364,1.978]],["t/568",[0,0.138,1,0.112,6,0.025,7,1.608,8,0.253,15,0.978,18,0.97,21,2.414,22,2.67,25,0.273,29,0.664,36,0.488,45,0.063,48,0.88,58,0.678,87,2.945,94,1.941,99,3.316,109,1.928,116,1.861,118,2.609,123,0.41,124,0.65,134,2.179,138,1.363,145,0.978,149,1.4,163,2.126,168,1.095,170,1.714,173,2.613,176,2.818,188,1.791,198,1.223,204,1.727,216,1.437,231,4.288,238,3.539,239,1.476,240,4.433,247,1.779,264,2.162,266,1.474,270,1.542,281,2.953,282,4.32,283,5.455,287,2.277,288,2.867,296,1.322,315,3.143,337,1.791,378,2.185,380,3.051,389,2.992,395,3.522,396,8.526,397,5.037,398,5.844,399,5.037,400,3.277,402,1.542,403,3.529,404,1.155,405,3.619,420,2.914,426,1.072,441,3.631,467,3.125,468,1.255,488,5.415,496,3.122,497,1.399,506,1.29,564,4.539,571,5.107,578,1.29,585,1.255,591,2.247,634,3.896,748,1.712,847,3.408,852,2.929,857,1.803,858,3.084,865,2.451,868,2.53,872,1.825,878,2.869,880,4.595,885,1.328,889,2.334,899,2.439,900,2.563,903,1.116,920,5.03,945,1.52,948,3.711,954,2.295,966,0.71,967,0.71,977,2.338,978,3.433,979,3.936,980,2.481,985,2.076,1017,2.196,1018,2.261,1086,1.825,1143,3.868,1149,1.712,1232,2.261,1236,4.239,1250,1.419,1267,4.849,1273,3.724,1276,1.474,1280,1.419,1297,2.813,1298,2.031,1300,1.193,1306,2.509,1318,1.419,1335,5.024,1344,5.699,1346,4.539,1350,2.616,1353,1.712,1354,2.031,1377,1.9,1495,2.196,1496,5.699,1530,4.685,1540,3.916,1569,1.615,1574,2.509,1581,1.474,1583,0.949,1638,2.261,1660,1.255,1671,2.196,1690,2.261,1835,1.941,2243,2.914,2301,2.914,2467,3.724,2536,2.334,2818,1.615,2819,1.538,2822,4.037,2823,2.75,2831,1.538,2837,1.538,2838,5.52,2842,5.516,2914,4.239,2915,1.538,2916,1.474,2917,1.538,2928,1.419,2929,2.416,2930,2.416,2931,1.419,2936,1.615,2937,1.615,2938,2.509,2939,2.509,2940,3.868,2941,2.509,2942,2.509,2943,3.868,2944,3.868,2945,2.619,2947,2.509,2948,4.849,2951,5.257,2953,3.155,2955,2.619,2957,5.037,2966,4.037,2967,2.619,2968,2.619,2984,2.619,2985,5.257,2991,2.509,3015,1.615,3106,1.712,3218,1.841,3245,1.841,3247,1.841,3248,1.841,3249,1.841,3250,1.841,3251,1.841,3252,1.841,3253,1.841,3254,1.841,3255,1.841,3256,1.841,3257,3.135,3258,1.841,3259,1.841,3278,1.841,3279,1.841,3280,3.135,3281,1.841,3282,3.135,3283,1.841,3284,1.841,3285,1.841,3286,1.841,3287,1.841,3298,3.135,3299,3.135,3300,3.135,3301,3.135,3322,1.841,3325,1.841,3327,1.712,3329,3.135,3330,3.135,3349,3.135,3358,3.135,3359,3.135,3361,3.135,3362,3.135,3365,2.037,3366,8.369,3367,2.037,3368,2.037,3369,3.469,3370,5.347,3371,5.997,3372,3.469,3373,3.469,3374,3.469,3375,7.333,3376,2.037,3377,4.53,3378,5.347,3379,3.469,3380,3.469,3381,3.469,3382,3.469,3383,3.469,3384,3.469,3385,3.469,3386,2.037,3387,3.469,3388,2.037,3389,2.037,3390,2.037,3391,2.037,3392,2.037,3393,5.347,3394,2.037,3395,4.53,3396,2.037,3397,2.037,3398,3.469,3399,5.997,3400,4.53,3401,2.037,3402,2.037,3403,3.469,3404,5.347,3405,7.333,3406,5.347,3407,2.037,3408,5.347,3409,2.037,3410,5.997,3411,5.347,3412,2.037,3413,3.469,3414,2.037,3415,2.037,3416,2.037,3417,2.037,3418,2.037,3419,2.037,3420,2.037,3421,2.037,3422,4.53,3423,4.53,3424,2.037,3425,2.037,3426,2.037,3427,2.037,3428,2.037,3429,2.037]],["t/570",[0,0.257,1,0.299,4,1.85,6,0.025,7,1.227,15,0.97,16,1.553,17,1.485,18,0.751,23,4.249,25,0.395,33,0.137,35,0.13,44,1.097,49,0.686,50,0.856,51,2.121,57,1.369,64,1.979,73,2.341,87,2.398,104,2.121,118,3.465,123,0.693,124,1.216,132,1.884,137,1.846,145,0.97,146,4.322,147,4.514,157,2.577,173,2.812,198,2.064,219,1.171,228,2.328,230,2.438,239,2.833,244,1.776,247,2.55,251,3.363,262,4.085,274,2.294,284,1.884,307,1.743,310,4.234,315,1.553,330,1.731,354,1.529,358,2.014,372,2.514,373,3.654,389,1.925,401,3.346,402,1.529,403,1.743,432,2.014,441,1.577,443,2.597,457,3.351,459,2.314,460,3.188,476,3.997,496,1.465,511,4.322,512,1.406,523,2.314,545,2.489,561,3.768,590,4.176,591,1.829,592,3.071,594,3.914,598,1.81,636,4.275,642,2.727,648,2.064,668,4.109,747,2.064,847,1.938,873,1.776,880,3.77,899,2.426,902,2.177,903,3.555,912,3.575,916,2.489,948,2.762,949,1.485,952,1.529,954,1.743,966,1.198,967,1.198,982,2.064,983,5.005,1085,3.363,1140,2.89,1141,3.713,1245,1.683,1246,4.109,1250,2.396,1255,2.177,1316,2.242,1339,2.597,1348,1.968,1349,2.118,1350,1.683,1373,2.396,1418,1.884,1462,3.801,1535,1.968,1569,2.474,1579,2.489,1583,2.474,1608,3.997,1693,4.152,1695,1.884,1754,3.188,1835,3.632,1886,3.463,2084,3.111,2233,2.597,2253,2.489,2255,2.597,2304,2.118,2305,2.118,2307,2.597,2438,5.629,2441,3.363,2444,5.958,2501,3.111,2533,2.314,2647,2.597,2716,3.272,2741,2.396,3430,2.118,3431,2.118,3432,2.118,3433,4.759,3434,2.242,3435,2.242,3436,7.891,3437,3.463,3438,4.759,3439,3.463,3440,5.144,3441,3.463,3442,3.463,3443,3.463,3444,4.801,3445,2.727,3446,3.7,3447,2.727,3448,2.727,3449,2.242,3450,3.109,3451,3.463,3452,3.463,3453,3.463,3454,3.463,3455,4.231,3456,3.463,3457,4.231,3458,4.231,3459,2.242,3460,3.463,3461,2.242,3462,2.242,3463,2.242,3464,3.463,3465,4.231,3466,4.521,3467,3.463,3468,2.242,3469,4.231,3470,4.231,3471,2.242,3472,2.242,3473,2.242,3474,2.597,3475,2.396,3476,3.109,3477,2.597,3478,2.597,3479,2.597,3480,2.396,3481,5.313,3482,4.521,3483,3.109,3484,3.44,3485,3.109,3486,3.109,3487,2.396,3488,2.396,3489,3.7,3490,2.396,3491,2.396,3492,2.396,3493,2.396,3494,3.109,3495,3.44,3496,3.109,3497,3.109,3498,3.44,3499,2.396,3500,6.134,3501,3.109,3502,3.109,3503,3.109,3504,3.109,3505,3.109,3506,2.396,3507,2.396,3508,3.109,3509,3.109,3510,3.44,3511,2.396,3512,2.727,3513,3.109,3514,3.109,3515,3.109,3516,2.727,3517,2.727,3518,2.727,3519,2.727,3520,2.727,3521,4.212,3522,2.727,3523,2.727,3524,2.727,3525,2.727,3526,3.109,3527,3.109,3528,3.109,3529,2.727,3530,2.396,3531,3.109,3532,3.109,3533,2.396,3534,2.396,3535,2.396,3536,2.396,3537,3.44,3538,3.44,3539,3.363,3540,2.177,3541,2.177,3542,2.177,3543,2.177,3544,3.363,3545,3.272,3546,2.177,3547,2.177,3548,3.363,3549,2.177,3550,2.177,3551,2.597,3552,3.363,3553,5.684,3554,2.177,3555,2.177,3556,3.363,3557,2.177,3558,2.177,3559,2.177,3560,2.242,3561,2.242,3562,2.489,3563,2.242,3564,2.242]],["t/572",[0,0.246,1,0.289,4,1.823,6,0.025,7,0.779,15,1.476,16,1.523,17,2.26,18,0.743,23,4.303,25,0.393,28,2.089,33,0.166,35,0.176,44,1.076,51,2.272,56,1.81,73,2.312,87,2.362,104,2.508,118,3.583,123,0.679,124,1.201,132,1.848,137,4.44,145,0.951,146,4.283,157,2.563,173,2.949,198,2.024,219,1.149,226,5.454,228,2.809,230,2.416,239,2.354,244,1.741,247,2.519,262,3.587,274,1.457,284,1.848,307,1.71,310,3.877,315,2.362,354,2.327,372,2.476,373,2.809,401,2.939,402,1.5,403,1.71,441,1.546,457,3.31,459,2.27,460,3.14,472,3.645,476,5.096,496,1.436,510,3.645,511,4.283,512,1.378,561,3.31,589,2.349,590,3.668,591,1.802,592,3.034,594,3.803,598,1.775,630,2.674,636,3.064,668,5.238,747,2.024,847,1.231,873,1.741,880,3.625,899,1.261,902,2.135,903,3.512,948,1.98,949,1.457,952,2.327,965,3.951,966,1.175,967,1.175,982,2.024,983,4.965,985,1.546,1085,3.313,1141,4.734,1245,1.65,1246,4.058,1250,2.349,1283,2.547,1348,1.93,1349,2.077,1350,1.65,1418,1.848,1462,3.064,1535,4.133,1569,2.985,1579,2.44,1583,2.437,1608,3.223,1693,3.192,1695,1.848,1754,2.024,1835,3.587,1886,2.199,2084,3.064,2304,2.077,2305,2.077,2438,5.488,2441,3.313,2444,5.799,2501,3.064,2533,2.27,2587,4.84,2611,3.786,2647,2.547,2716,4.449,2741,2.349,3430,2.077,3431,2.077,3432,2.077,3433,5.816,3434,3.411,3435,3.411,3437,3.411,3438,4.71,3439,3.411,3440,5.394,3441,3.411,3442,3.411,3443,3.411,3446,2.349,3449,2.199,3451,3.411,3452,3.411,3453,3.411,3454,3.411,3455,4.71,3456,3.411,3457,4.71,3458,4.71,3459,3.411,3460,4.71,3461,3.411,3462,3.411,3463,3.411,3464,3.411,3465,5.394,3466,5.763,3467,4.71,3468,3.411,3469,5.097,3470,3.411,3471,2.199,3472,2.199,3473,2.199,3480,2.349,3482,3.645,3487,2.349,3488,2.349,3489,3.645,3490,2.349,3491,2.349,3492,2.349,3493,2.349,3499,2.349,3506,2.349,3507,2.349,3511,3.645,3512,2.674,3516,2.674,3517,2.674,3518,2.674,3519,2.674,3520,2.674,3521,4.149,3522,2.674,3523,2.674,3524,2.674,3525,2.674,3529,2.674,3530,3.645,3533,3.645,3534,3.645,3535,3.645,3536,3.645,3539,3.313,3540,2.135,3541,2.135,3542,2.135,3543,2.135,3544,3.313,3545,3.223,3546,2.135,3547,2.135,3548,3.313,3549,2.135,3550,2.135,3552,3.313,3553,5.648,3554,2.135,3555,2.135,3556,3.313,3557,2.135,3558,2.135,3559,2.135,3560,2.199,3561,2.199,3563,2.199,3564,2.199,3565,5.083,3566,5.794,3567,3.048,3568,3.048,3569,3.048,3570,4.729,3571,3.048,3572,3.374,3573,2.547,3574,2.547,3575,2.547,3576,3.048,3577,5.233,3578,3.048,3579,3.374,3580,5.233,3581,3.048,3582,3.048,3583,3.374,3584,3.374,3585,3.048,3586,3.048,3587,3.048,3588,3.048,3589,3.374,3590,3.374,3591,3.951,3592,4.729,3593,3.374,3594,5.233,3595,2.674,3596,2.674,3597,2.674,3598,2.834,3599,2.834,3600,2.44]],["t/574",[0,0.253,1,0.296,4,1.816,6,0.025,7,1.204,15,0.947,16,1.515,17,2.251,18,0.741,23,4.298,25,0.416,33,0.135,35,0.127,44,1.071,49,0.67,50,0.835,51,2.267,57,1.336,64,1.954,73,2.305,87,2.353,104,2.094,118,3.469,123,0.676,124,1.35,132,1.839,137,1.802,145,0.947,146,4.274,157,2.607,173,2.781,198,2.015,219,1.143,228,2.8,230,2.227,239,2.691,244,1.733,247,2.511,251,3.3,262,4.032,274,2.251,284,1.839,307,1.701,310,4.187,315,2.353,330,1.094,354,2.318,358,1.966,372,2.467,373,3.418,375,3.692,389,1.878,401,3.303,402,1.493,403,1.701,432,1.966,441,1.539,443,2.535,457,3.3,459,2.259,460,3.129,476,3.936,496,1.429,511,4.523,512,1.372,523,2.259,545,2.429,561,3.72,589,2.338,590,4.123,591,1.795,592,3.024,594,3.894,598,1.766,636,4.22,642,2.662,648,2.015,668,4.046,747,2.015,847,1.902,873,1.733,880,3.74,899,1.949,902,2.125,903,3.501,912,2.259,916,2.429,948,2.726,949,1.45,952,1.493,954,1.701,966,1.169,967,1.169,982,2.015,983,4.956,1085,3.3,1140,2.821,1141,4.724,1245,1.642,1246,4.046,1250,2.338,1255,2.125,1316,2.188,1348,1.921,1349,2.067,1350,1.642,1373,2.338,1418,1.839,1462,3.743,1535,1.921,1569,2.428,1579,2.429,1583,2.428,1608,3.936,1693,4.111,1695,1.839,1754,3.129,1835,3.576,1886,3.399,2084,3.053,2233,2.535,2253,2.429,2255,2.535,2304,2.067,2305,2.067,2307,2.535,2438,5.602,2441,3.3,2444,5.918,2501,3.053,2533,2.259,2647,2.535,2716,3.211,2741,2.338,3430,2.067,3431,2.067,3432,2.067,3433,4.697,3434,2.188,3435,2.188,3437,3.399,3438,4.697,3439,3.399,3440,5.383,3441,3.399,3442,3.399,3443,3.399,3444,6.512,3445,2.662,3446,3.631,3447,2.662,3448,2.662,3449,2.188,3450,3.034,3451,3.399,3452,3.399,3453,3.399,3454,3.399,3455,4.697,3456,3.399,3457,4.697,3458,4.697,3459,3.399,3460,4.697,3461,3.399,3462,3.399,3463,3.399,3464,3.399,3465,4.167,3466,4.452,3467,3.399,3468,2.188,3469,4.167,3470,4.167,3471,2.188,3472,2.188,3473,2.188,3474,2.535,3475,2.338,3476,3.034,3477,2.535,3478,2.535,3479,2.535,3480,2.338,3482,4.452,3483,3.034,3485,3.034,3486,3.034,3487,2.338,3488,2.338,3489,3.631,3490,2.338,3491,2.338,3492,2.338,3493,2.338,3494,3.034,3496,3.034,3497,4.711,3499,2.338,3500,6.055,3501,3.034,3502,3.034,3503,3.034,3504,3.034,3505,3.034,3506,2.338,3507,2.338,3508,3.034,3509,3.034,3511,2.338,3512,2.662,3513,3.034,3514,3.034,3515,3.034,3516,2.662,3517,2.662,3518,2.662,3519,2.662,3520,2.662,3521,4.133,3522,2.662,3523,2.662,3524,2.662,3525,2.662,3526,3.034,3527,3.034,3528,3.034,3529,2.662,3530,2.338,3531,3.034,3532,3.034,3533,2.338,3534,2.338,3535,2.338,3536,2.338,3539,3.3,3540,2.125,3541,2.125,3542,2.125,3543,2.125,3544,3.3,3545,3.211,3546,2.125,3547,2.125,3548,3.3,3549,2.125,3550,2.125,3551,2.535,3552,3.3,3553,5.639,3554,2.125,3555,2.125,3556,3.3,3557,2.125,3558,2.125,3559,2.125,3560,2.188,3561,2.188,3562,2.429,3563,2.188,3564,2.188,3573,2.535,3574,2.535,3575,2.535,3600,2.429,3601,5.214,3602,3.357,3603,3.357,3604,3.357,3605,3.357,3606,3.357,3607,3.357]],["t/576",[0,0.252,1,0.298,4,1.953,6,0.025,7,0.852,15,1.041,16,1.666,17,2.421,18,0.779,23,4.4,25,0.405,28,1.203,33,0.145,35,0.137,44,1.177,51,2.367,73,2.445,87,2.531,104,2.201,118,3.45,123,0.743,124,1.27,132,2.021,137,4.602,145,1.041,146,4.461,157,2.626,173,2.699,198,2.215,219,1.257,228,2.971,230,2.095,239,2.468,244,1.905,247,2.664,262,3.794,274,1.594,284,2.021,307,1.87,310,4.064,315,2.531,330,1.203,354,2.493,372,2.653,373,2.971,401,3.108,402,1.641,403,1.87,441,1.692,457,3.5,459,2.483,460,3.365,472,2.57,476,4.176,496,1.571,510,3.905,511,4.461,512,1.508,561,3.5,590,3.208,591,1.931,592,3.208,594,3.883,598,1.942,630,2.926,636,3.283,668,4.292,747,2.215,847,1.347,873,1.905,880,3.742,899,1.379,902,2.336,903,3.714,948,2.121,949,1.594,952,1.641,965,2.786,966,1.285,967,1.285,982,2.215,983,5.146,985,1.692,1085,3.549,1141,4.906,1245,1.806,1246,4.292,1250,2.57,1255,2.336,1283,2.786,1316,2.406,1348,2.111,1349,2.273,1350,1.806,1418,2.021,1462,3.283,1535,2.111,1569,2.611,1579,2.67,1583,2.611,1608,3.453,1693,3.375,1695,2.021,1754,2.215,1835,3.794,1886,2.406,2084,3.283,2304,2.273,2305,2.273,2438,5.596,2441,3.549,2444,5.954,2501,3.283,2533,2.483,2587,4.233,2611,4.056,2647,2.786,2716,3.453,2741,2.57,3430,2.273,3431,2.273,3432,2.273,3433,4.937,3434,2.406,3435,2.406,3437,3.655,3438,4.937,3439,3.655,3440,5.59,3441,3.655,3442,3.655,3443,3.655,3446,2.57,3449,2.406,3451,3.655,3452,3.655,3453,3.655,3454,3.655,3455,4.937,3456,3.655,3457,4.937,3458,4.937,3459,3.655,3460,4.937,3461,3.655,3462,3.655,3463,3.655,3464,3.655,3465,4.42,3466,4.722,3467,3.655,3468,2.406,3469,3.655,3470,3.655,3471,2.406,3472,2.406,3473,2.406,3480,2.57,3482,2.57,3487,2.57,3488,2.57,3489,3.905,3490,2.57,3491,2.57,3492,2.57,3493,2.57,3499,2.57,3506,2.57,3507,2.57,3511,2.57,3512,2.926,3516,2.926,3517,2.926,3518,2.926,3519,2.926,3520,2.926,3521,4.445,3522,2.926,3523,2.926,3524,2.926,3525,2.926,3529,2.926,3530,2.57,3533,2.57,3534,2.57,3535,2.57,3536,2.57,3539,3.549,3540,2.336,3541,2.336,3542,2.336,3543,2.336,3544,3.549,3545,3.453,3546,2.336,3547,2.336,3548,3.549,3549,2.336,3550,2.336,3552,3.549,3553,5.813,3554,2.336,3555,2.336,3556,3.549,3557,2.336,3558,2.336,3559,2.336,3560,2.406,3561,2.406,3563,2.406,3564,2.406,3565,5.376,3566,6.128,3567,3.335,3568,3.335,3569,3.335,3570,5.067,3571,3.335,3573,2.786,3574,2.786,3575,2.786,3576,3.335,3578,3.335,3581,3.335,3582,3.335,3585,3.335,3586,3.335,3587,3.335,3588,3.335,3591,2.786,3592,3.335,3598,3.101,3599,3.101,3608,3.691,3609,5.607,3610,5.607,3611,3.691]],["t/578",[0,0.257,1,0.304,4,1.933,6,0.025,7,1.281,15,1.027,16,1.643,17,1.572,18,0.877,23,4.314,25,0.388,33,0.143,35,0.164,44,1.161,49,0.727,50,0.906,51,2.185,57,1.449,64,2.039,73,2.425,87,2.505,104,1.954,118,3.492,123,0.733,124,1.26,132,1.994,137,1.954,146,4.434,147,4.302,157,2.617,173,2.885,198,2.185,228,2.431,230,1.125,239,2.638,244,1.879,247,2.642,251,3.513,262,4.208,274,2.904,284,1.994,307,2.812,310,4.344,315,1.643,330,2.45,358,2.132,372,2.626,373,3.547,375,1.723,401,3.447,402,1.619,403,1.845,432,2.132,443,2.749,457,3.471,459,2.45,460,3.33,476,4.141,496,1.55,511,4.119,512,1.488,523,2.45,561,3.882,589,2.536,590,3.847,591,1.911,592,3.182,594,3.871,598,1.916,634,1.695,636,4.404,648,2.185,668,4.256,747,2.185,847,2.025,873,1.879,880,3.934,903,3.683,912,2.45,948,2.845,949,1.572,952,2.467,954,1.845,966,1.268,967,1.268,982,2.185,983,5.119,1085,3.513,1141,3.847,1245,1.781,1246,4.256,1255,2.304,1316,2.373,1348,2.083,1349,2.242,1350,1.781,1418,1.994,1462,3.938,1535,2.083,1569,1.695,1583,2.584,1608,4.141,1693,4.246,1695,1.994,1754,3.33,1833,2.536,1835,3.762,1886,2.373,2084,3.249,2233,2.749,2253,2.634,2255,2.749,2304,2.242,2305,2.242,2307,2.749,2438,5.638,2441,3.513,2444,6.05,2501,2.132,2716,3.417,3430,2.242,3431,2.242,3432,2.242,3433,4.902,3434,2.373,3435,2.373,3437,3.617,3438,4.902,3439,3.617,3440,5.277,3441,3.617,3442,3.617,3443,3.617,3445,2.886,3446,3.865,3447,2.886,3448,2.886,3449,2.373,3451,3.617,3452,3.617,3453,3.617,3454,3.617,3455,4.383,3456,3.617,3457,4.383,3458,4.383,3459,2.373,3460,3.617,3461,2.373,3462,2.373,3463,2.373,3464,3.617,3465,4.383,3466,4.683,3467,3.617,3468,2.373,3469,4.383,3470,4.383,3471,2.373,3472,2.373,3473,2.373,3474,2.749,3475,2.536,3477,2.749,3478,2.749,3479,2.749,3480,2.536,3482,3.865,3487,2.536,3488,2.536,3489,3.865,3490,2.536,3491,2.536,3492,2.536,3493,3.865,3499,2.536,3506,2.536,3507,2.536,3511,2.536,3530,2.536,3533,2.536,3534,2.536,3535,2.536,3536,2.536,3539,3.513,3540,2.304,3541,2.304,3542,2.304,3543,2.304,3544,3.513,3545,3.417,3546,2.304,3547,2.304,3548,3.513,3549,2.304,3550,2.304,3551,2.749,3552,3.513,3553,5.788,3554,2.304,3555,2.304,3556,3.513,3557,2.304,3558,2.304,3559,2.304,3560,2.373,3561,2.373,3562,2.634,3563,2.373,3564,2.373,3591,2.749,3595,2.886,3596,2.886,3597,2.886,3600,2.634,3612,5.678,3613,3.059,3614,3.059,3615,4.662,3616,3.29,3617,3.641,3618,3.059,3619,3.641,3620,3.641,3621,3.059,3622,5.549,3623,3.059,3624,3.059,3625,3.059,3626,3.059,3627,3.059,3628,3.059,3629,3.059,3630,3.641]],["t/580",[0,0.268,1,0.319,6,0.022,15,1.56,16,2.497,17,2.389,23,4.444,25,0.434,33,0.194,35,0.135,51,2.475,64,2.476,104,2.475,118,3.145,123,1.114,124,1.406,146,5.002,147,3.165,157,2.501,173,3.035,228,2.424,230,1.709,239,2.775,262,3.095,274,3.241,284,3.03,307,2.804,310,5.123,315,2.497,330,1.803,372,3.551,373,3.732,375,4.03,401,3.904,402,2.46,432,3.24,476,5.245,511,4.665,561,2.856,589,5.227,590,4.294,591,2.584,592,4.03,594,4.125,598,2.911,636,5.348,668,5.391,873,2.856,912,3.722,966,1.927,967,1.927,1141,4.873,1246,4.75,1255,3.502,1316,3.606,1418,3.03,1462,4.395,1535,3.165,1608,5.245,1693,4.753,1695,3.03,1754,3.32,2311,5.95,2438,5.974,2441,3.502,2444,5.781,2716,4.622,3430,3.407,3431,3.407,3432,3.407,3433,5.953,3434,3.606,3435,3.606,3437,3.606,3438,4.892,3439,3.606,3440,5.552,3441,3.606,3442,3.606,3443,3.606,3449,3.606,3451,3.606,3452,3.606,3453,3.606,3454,3.606,3455,4.892,3456,3.606,3457,4.892,3458,4.892,3459,3.606,3460,4.892,3461,3.606,3462,3.606,3463,3.606,3464,3.606,3465,5.552,3467,3.606,3468,3.606,3469,3.606,3470,5.552,3471,3.606,3472,3.606,3473,3.606,3474,4.177,3475,3.853,3477,4.177,3478,4.177,3479,4.177,3600,5.429,3612,6.43,3614,4.648,3631,4.999,3632,4.999]],["t/582",[0,0.249,1,0.299,4,1.985,6,0.025,7,0.871,15,1.063,16,1.702,17,2.461,18,0.889,23,4.423,25,0.408,33,0.147,35,0.139,44,1.202,51,2.389,73,2.477,87,2.572,104,1.996,118,3.494,123,0.759,124,1.287,132,2.065,137,4.412,146,4.194,157,2.641,173,2.729,198,2.263,228,3.01,230,1.165,239,2.238,244,1.946,247,2.699,262,3.844,274,1.628,284,2.065,307,2.888,310,4.109,314,2.572,315,2.572,330,2.238,372,2.696,373,3.01,401,3.149,402,1.676,403,1.911,457,3.546,459,2.537,460,3.42,476,4.23,496,1.605,511,4.503,512,1.541,561,3.546,590,2.157,591,1.962,592,3.25,594,3.85,598,1.984,636,4.023,668,4.348,747,2.263,847,1.376,873,1.946,880,4.049,903,3.763,948,2.156,949,1.628,952,2.534,967,1.313,982,2.263,983,5.189,991,4.788,1085,3.607,1141,4.947,1245,1.845,1246,4.348,1255,2.387,1316,2.458,1348,2.157,1349,2.322,1350,1.845,1418,2.065,1462,3.337,1535,2.157,1569,1.756,1583,2.653,1608,3.509,1693,3.811,1695,2.065,1754,2.263,1835,3.844,1886,2.458,2084,3.337,2304,2.322,2305,2.322,2438,5.677,2441,3.607,2444,5.989,2501,2.208,2560,4.788,2716,3.509,3430,2.322,3431,2.322,3432,2.322,3433,4.991,3434,2.458,3435,2.458,3437,3.715,3438,4.991,3439,3.715,3440,5.636,3441,3.715,3442,3.715,3443,3.715,3446,2.626,3449,2.458,3451,3.715,3452,3.715,3453,3.715,3454,3.715,3455,4.991,3456,3.715,3457,4.991,3458,4.991,3459,3.715,3460,4.991,3461,3.715,3462,3.715,3463,3.715,3464,3.715,3465,4.478,3466,4.784,3467,3.715,3468,2.458,3469,4.478,3470,3.715,3471,2.458,3472,2.458,3473,2.458,3475,2.626,3480,2.626,3482,3.969,3487,2.626,3488,2.626,3489,3.969,3490,2.626,3491,2.626,3492,2.626,3493,2.626,3499,2.626,3506,2.626,3507,2.626,3511,2.626,3530,2.626,3533,2.626,3534,2.626,3535,2.626,3536,2.626,3539,3.607,3540,2.387,3541,2.387,3542,2.387,3543,2.387,3544,3.607,3545,3.509,3546,2.387,3547,2.387,3548,3.607,3549,2.387,3550,2.387,3552,3.607,3553,5.851,3554,2.387,3555,2.387,3556,3.607,3557,2.387,3558,2.387,3559,2.387,3560,2.458,3561,2.458,3563,2.458,3564,2.458,3565,2.989,3573,2.846,3574,2.846,3575,2.846,3591,2.846,3595,2.989,3596,2.989,3597,2.989,3598,3.168,3599,3.168,3612,5.186,3613,3.168,3615,4.788,3618,3.168,3621,3.168,3623,3.168,3624,3.168,3625,3.168,3626,3.168,3627,3.168,3628,3.168,3629,3.168,3633,3.771,3634,3.771,3635,3.771,3636,3.407,3637,5.15,3638,5.15,3639,5.15,3640,5.15,3641,3.407,3642,5.699,3643,3.771]],["t/584",[0,0.256,1,0.302,4,1.904,6,0.025,7,1.262,15,1.007,16,1.611,17,1.542,18,0.871,23,4.292,25,0.385,33,0.141,35,0.133,44,1.139,49,0.712,50,0.888,51,2.163,57,1.421,64,2.018,73,2.395,87,2.467,104,1.93,118,3.468,123,0.719,124,1.244,132,1.955,137,2.934,146,4.395,157,2.648,173,2.86,198,2.142,228,2.395,230,1.103,239,2.615,244,1.843,247,2.61,251,3.46,262,4.165,274,2.361,284,1.955,307,2.77,310,4.306,314,2.467,315,1.611,330,2.426,358,2.091,372,2.587,373,3.516,375,3.522,401,3.412,402,1.587,403,1.809,432,2.091,443,2.695,457,3.429,459,2.402,460,3.281,476,4.091,496,1.52,511,4.077,512,1.459,523,2.402,561,3.843,589,2.486,590,3.801,591,1.882,592,3.143,594,3.799,598,1.878,634,1.662,636,4.359,648,2.142,668,4.205,747,2.142,847,1.995,873,1.843,880,4.06,903,3.639,912,2.402,948,2.817,949,1.542,952,2.431,954,1.809,966,1.243,967,1.243,982,2.142,983,5.08,991,4.593,1085,3.46,1141,3.801,1245,1.747,1246,4.205,1255,2.26,1316,2.327,1348,2.042,1349,2.198,1350,1.747,1418,1.955,1462,3.89,1535,2.042,1569,1.662,1583,2.545,1608,4.091,1693,4.214,1695,1.955,1754,3.281,1833,2.486,1835,3.717,1886,2.327,2084,3.201,2233,2.695,2253,2.583,2255,2.695,2304,2.198,2305,2.198,2307,2.695,2438,5.616,2441,3.46,2444,6.018,2501,2.091,2560,4.593,2716,3.367,3430,2.198,3431,2.198,3432,2.198,3433,4.853,3434,2.327,3435,2.327,3437,3.564,3438,4.853,3439,3.564,3440,5.231,3441,3.564,3442,3.564,3443,3.564,3445,2.83,3446,3.807,3447,2.83,3448,2.83,3449,2.327,3451,3.564,3452,3.564,3453,3.564,3454,3.564,3455,4.33,3456,3.564,3457,4.33,3458,4.33,3459,2.327,3460,3.564,3461,2.327,3462,2.327,3463,2.327,3464,3.564,3465,4.33,3466,4.627,3467,3.564,3468,2.327,3469,4.33,3470,4.33,3471,2.327,3472,2.327,3473,2.327,3474,2.695,3475,2.486,3477,2.695,3478,2.695,3479,2.695,3480,2.486,3482,3.807,3487,2.486,3488,2.486,3489,3.807,3490,2.486,3491,2.486,3492,2.486,3493,3.807,3499,2.486,3506,2.486,3507,2.486,3511,2.486,3530,2.486,3533,2.486,3534,2.486,3535,2.486,3536,2.486,3539,3.46,3540,2.26,3541,2.26,3542,2.26,3543,2.26,3544,3.46,3545,3.367,3546,2.26,3547,2.26,3548,3.46,3549,2.26,3550,2.26,3551,2.695,3552,3.46,3553,5.752,3554,2.26,3555,2.26,3556,3.46,3557,2.26,3558,2.26,3559,2.26,3560,2.327,3561,2.327,3562,2.583,3563,2.327,3564,2.327,3573,2.695,3574,2.695,3575,2.695,3591,2.695,3595,2.83,3596,2.83,3597,2.83,3600,2.583,3612,5.62,3613,3,3614,3,3615,4.593,3616,3.226,3618,3,3621,3,3623,3,3624,3,3625,3,3626,3,3627,3,3628,3,3629,3,3636,3.226,3637,4.94,3638,4.94,3639,4.94,3640,4.94,3641,3.226,3644,3.57,3645,3.57,3646,5.467,3647,3.57]],["t/586",[0,0.28,1,0.321,4,2.659,6,0.025,7,1.763,18,0.949,25,0.258,40,1.539,44,1.81,73,3.112,123,1.143,124,1.729,132,4.726,134,2.73,146,5.275,147,4.937,173,3.075,228,2.487,230,2.666,239,2.488,247,3.39,251,3.593,284,5.055,310,3.046,330,3.232,351,4.098,372,3.613,373,3.346,375,3.613,401,3.5,402,2.524,403,2.877,434,6.968,457,4.455,496,2.417,512,3.12,561,2.93,590,4.937,591,2.971,592,4.367,636,3.324,747,3.406,847,2.071,880,4.165,948,3.492,949,2.451,952,2.524,954,2.877,966,1.977,967,1.977,982,3.406,983,5.178,1085,4.834,1112,4.5,1245,2.777,1348,3.247,1349,3.496,1350,2.777,1488,4.769,1535,4.369,1583,3.555,1693,4.296,1695,3.109,1835,4.828,2084,3.324,2304,3.496,2305,3.496,2437,5.318,2501,3.324,3430,3.496,3431,3.496,3432,3.496,3539,4.834,3540,3.593,3541,3.593,3542,3.593,3543,3.593,3544,4.834,3545,4.702,3546,3.593,3547,3.593,3548,4.834,3549,3.593,3550,3.593,3552,4.834,3553,6.523,3554,3.593,3555,3.593,3556,4.834,3557,3.593,3558,3.593,3559,3.593,3560,3.7,3561,3.7,3562,4.106,3563,3.7,3564,3.7,3648,5.129]],["t/588",[0,0.269,1,0.321,6,0.022,15,1.598,16,2.558,17,2.447,23,4.475,25,0.438,28,1.847,33,0.197,35,0.138,51,2.505,64,1.537,104,2.505,118,3.171,123,1.141,124,1.429,137,4.627,146,5.052,157,2.525,173,3.073,228,2.483,239,2.809,262,3.171,274,2.447,284,3.104,307,2.872,310,4.95,315,2.558,330,1.847,372,3.609,373,3.778,375,2.681,401,3.952,402,2.52,476,5.31,511,4.723,561,2.925,589,5.312,590,4.364,591,2.627,592,4.08,594,4.144,598,2.982,636,5.049,668,5.458,873,2.925,966,1.974,967,1.974,1141,4.933,1246,4.828,1255,3.587,1316,3.694,1418,3.104,1462,4.467,1535,3.242,1608,4.697,1693,4.591,1695,3.104,1754,3.401,2311,6.047,2438,5.997,2441,3.587,2444,5.838,2716,4.697,3430,3.49,3431,3.49,3432,3.49,3433,6.012,3434,3.694,3435,3.694,3437,3.694,3438,4.972,3439,3.694,3440,5.62,3441,3.694,3442,3.694,3443,3.694,3449,3.694,3451,3.694,3452,3.694,3453,3.694,3454,3.694,3455,4.972,3456,3.694,3457,4.972,3458,4.972,3459,3.694,3460,4.972,3461,3.694,3462,3.694,3463,3.694,3464,3.694,3465,5.62,3467,3.694,3468,3.694,3469,3.694,3470,4.972,3471,3.694,3472,3.694,3473,3.694,3475,3.947,3565,4.493,3600,5.518,3612,6.509,3631,5.121,3632,5.121]],["t/590",[0,0.279,1,0.322,4,2.668,6,0.025,7,1.769,18,0.951,25,0.259,40,1.547,44,1.819,64,1.547,73,3.119,123,1.149,124,1.732,132,4.738,134,2.744,146,5.065,147,4.383,173,3.083,228,2.499,230,2.367,239,2.496,247,3.399,251,3.611,284,5.065,310,3.061,330,3.237,351,4.111,372,3.625,373,3.357,375,3.625,401,3.512,402,2.536,403,2.891,434,6.982,457,4.466,496,2.429,512,3.13,561,2.945,590,4.949,591,2.979,592,4.376,636,3.34,747,3.423,847,2.081,880,4.171,948,3.499,949,2.463,952,2.536,954,2.891,966,1.987,967,1.987,982,3.423,983,5.191,1085,4.849,1112,4.522,1245,2.791,1348,3.263,1349,3.513,1350,2.791,1488,4.793,1535,4.383,1583,3.567,1693,4.306,1695,3.124,1835,4.84,2084,3.34,2304,3.513,2305,3.513,2437,5.336,2501,3.34,3430,3.513,3431,3.513,3432,3.513,3539,4.849,3540,3.611,3541,3.611,3542,3.611,3543,3.611,3544,4.849,3545,4.718,3546,3.611,3547,3.611,3548,4.849,3549,3.611,3550,3.611,3552,4.849,3553,6.53,3554,3.611,3555,3.611,3556,4.849,3557,3.611,3558,3.611,3559,3.611,3560,3.718,3561,3.718,3562,4.127,3563,3.718,3564,3.718,3648,5.155]],["t/592",[0,0.168,1,0.111,6,0.025,18,0.894,25,0.156,29,1.121,49,2.079,51,1,72,1.02,78,3.727,94,2.404,104,2.293,118,1.133,123,0.693,124,1.216,134,2.556,145,1.498,149,1.79,163,1.121,170,2.01,173,3.098,177,2.474,179,3.363,181,3.415,188,5.143,238,3.816,239,2.833,247,3.528,264,3.238,270,2.886,275,1.81,293,2.177,296,1.172,308,3.999,366,2.314,378,2.983,388,2.795,401,1.577,402,1.529,427,2.743,434,4.011,460,2.064,496,2.764,497,3.182,512,1.406,545,2.489,554,3.363,561,4.073,565,6.779,591,3.092,594,1.351,634,1.602,657,3.575,661,6.416,666,3.7,852,5.048,857,1.369,858,1.387,865,1.577,868,2.514,883,4.011,887,4.212,889,3.575,891,3.575,894,3.111,896,4.464,898,4.212,899,3.117,900,3.821,945,3.457,948,3.156,949,3.602,950,4.488,952,3.866,966,1.198,985,2.435,987,2.91,988,2.014,1006,2.489,1089,2.727,1232,5.667,1253,2.314,1268,2.727,1297,3.415,1298,3.801,1299,4.367,1300,3.111,1301,3.844,1302,4.212,1303,4.011,1373,3.7,1453,3.109,1537,4.011,1569,4.048,1581,2.489,1583,1.602,1597,5.454,1601,2.89,1603,3.109,1609,5.084,1640,5.511,1642,3.109,1660,2.118,1668,3.109,1682,7.131,1683,3.109,1684,5.866,1708,6.296,1713,9.507,2022,2.89,2084,2.014,2086,2.89,2090,2.727,2304,2.118,2305,2.118,2306,3.109,2313,3.109,2315,3.109,2515,4.011,3551,2.597,3649,3.44,3650,9.304,3651,5.313,3652,3.44,3653,3.44,3654,5.313,3655,5.313,3656,5.313,3657,5.313,3658,5.313,3659,5.313,3660,5.313,3661,5.313,3662,5.313,3663,5.313,3664,5.313,3665,8.694,3666,3.44,3667,3.44,3668,3.44,3669,3.44,3670,3.44,3671,3.44,3672,3.44,3673,5.313,3674,5.313,3675,3.44,3676,3.44,3677,3.44]],["t/594",[0,0.244,1,0.306,6,0.018,8,0.24,9,0.306,10,0.252,11,0.246,12,0.275,13,0.343,14,0.269,18,0.818,25,0.362,27,0.835,31,1.348,33,0.261,34,1.01,35,0.194,41,0.522,45,0.292,49,1.587,55,1.03,77,2.114,89,1.923,99,3.293,100,2.801,122,2.198,126,0.312,168,2.509,202,3.164,394,4.626,395,3.535,404,2.648,410,3.824,411,3.824,412,3.824,413,3.589,414,2.707,415,3.589,416,3.824,417,2.936,635,0.678]],["t/596",[0,0.042,1,0.093,4,2.012,6,0.024,7,1.526,15,1.864,18,0.54,25,0.316,26,0.88,27,0.172,28,1.503,29,0.937,31,0.278,32,1.278,41,0.189,62,1.608,63,5.605,71,0.552,72,0.486,92,5.068,94,1.909,118,1.728,123,0.33,124,0.539,130,0.481,138,2.597,145,0.811,149,1.868,157,1.051,161,0.984,163,2.837,168,0.517,170,2.355,173,1.644,176,3.126,177,1.339,178,1.103,180,1.103,181,1.513,182,1.103,183,0.96,184,1.103,199,1.645,227,1.038,231,1.01,238,3.174,239,2.358,240,3.598,244,0.846,246,2.364,247,2.446,263,0.984,264,2.504,270,2.768,280,1.733,282,0.846,286,1.103,292,3.383,296,1.017,298,5.231,306,1.683,308,2.927,315,2.082,345,2.248,346,2.826,354,2.568,357,2.248,378,2.36,401,1.318,402,0.729,425,3.736,426,2.02,427,1.484,430,1.82,432,0.96,441,2.114,447,3.482,467,1.569,470,2.002,488,1.038,497,0.661,501,1.645,512,2.701,552,4.16,553,4.168,554,2.43,555,2.598,556,2.598,557,7.207,558,3.044,559,3.321,560,3.796,563,1.069,564,1.069,571,3.212,575,1.186,585,1.01,591,2.276,594,2.446,599,2.279,622,3.87,634,1.339,639,1.038,752,1.482,769,1.186,847,1.914,850,1.377,852,1.575,854,1.186,857,2.631,858,2.8,859,3.232,860,3.164,861,2.946,862,3.214,865,2.648,866,2.898,867,1.3,868,1.816,872,2.761,873,1.484,874,1.069,875,2.08,878,3.1,880,4.019,899,3.254,900,3.42,901,1.01,920,2.381,923,1.482,924,2.08,945,2.299,948,3.245,949,1.658,950,1.982,952,1.707,954,0.831,966,0.571,967,0.571,971,1.377,977,1.484,978,1.513,979,3.58,980,0.898,985,2.853,1021,1.038,1027,1.142,1065,1.3,1069,0.96,1071,1.01,1086,0.863,1132,2.17,1189,1.069,1227,1.103,1244,1.238,1245,0.802,1254,2.17,1257,1.482,1267,2.002,1268,2.279,1269,1.377,1273,2.002,1274,2.777,1275,2.06,1276,3.337,1277,3.044,1278,3.226,1279,3.226,1280,1.142,1282,1.3,1283,1.238,1288,1.482,1289,1.482,1297,3.276,1298,1.683,1299,1.934,1300,0.96,1301,1.186,1305,2.598,1306,1.186,1314,3.469,1315,3.104,1318,1.142,1323,2.674,1335,3.231,1338,5.554,1343,5.241,1344,1.038,1348,3.782,1350,1.406,1354,3.073,1355,1.482,1377,2.103,1379,1.77,1454,1.103,1462,0.96,1490,1.238,1495,1.038,1496,1.038,1530,1.934,1537,2.17,1538,2.279,1539,2.598,1540,2.304,1569,1.339,1571,2.08,1638,1.069,1671,1.038,1681,1.238,1691,1.377,1844,3.044,2099,2.598,2125,1.482,2167,3.044,2253,1.186,2465,1.482,2467,2.002,2536,2.583,2713,1.377,2837,2.898,2842,2.674,2908,3.044,2913,3.226,2938,1.186,2939,1.186,2940,2.08,2941,1.186,2942,1.186,2943,2.08,2944,2.08,2945,1.238,2946,1.238,2947,1.186,2948,3.212,2949,2.415,2950,5.231,2951,2.17,2952,1.377,2953,2.002,2954,3.876,2955,2.17,2956,1.377,2957,2.777,2958,1.377,2959,1.377,2960,3.876,2961,1.377,2962,4.409,2963,1.377,2964,1.377,2965,3.226,2966,2.17,2967,1.238,2968,1.238,2969,3.657,2970,2.279,2971,1.377,2972,3.876,2973,1.377,2974,1.377,2975,1.377,2976,1.377,2977,1.377,2978,1.377,2979,1.377,2980,1.238,2981,1.377,2982,1.377,2983,1.377,2984,1.238,2985,2.17,2986,1.377,2987,3.876,2988,2.415,2990,1.377,2991,2.08,2992,1.377,3176,1.482,3678,1.639,3679,1.639,3680,1.639,3681,1.639,3682,2.875,3683,2.875,3684,1.639,3685,1.639,3686,1.639,3687,1.639,3688,1.639,3689,10.15,3690,8.118,3691,10.929,3692,1.639,3693,3.839,3694,11.07,3695,3.839,3696,3.469,3697,1.639,3698,4.613,3699,5.247,3700,9.793,3701,9.689,3702,9.793,3703,9.793,3704,9.793,3705,1.639,3706,1.639,3707,1.639,3708,1.639,3709,1.639,3710,1.639,3711,7.497,3712,1.639,3713,1.639,3714,1.639,3715,1.639,3716,1.639,3717,1.639,3718,2.875,3719,3.839,3720,2.875,3721,3.839,3722,2.875,3723,1.639,3724,2.875,3725,1.639,3726,1.639,3727,3.839,3728,1.639,3729,2.875,3730,1.639,3731,3.839,3732,4.613,3733,1.639,3734,1.639,3735,1.639,3736,1.639,3737,1.639,3738,3.839,3739,1.639,3740,1.639,3741,1.639,3742,2.875,3743,1.639,3744,1.639,3745,1.639,3746,1.639,3747,3.839,3748,1.639,3749,1.639,3750,1.639,3751,1.639,3752,1.639,3753,1.639,3754,1.639,3755,1.639,3756,1.639,3757,1.639,3758,1.639,3759,1.639,3760,1.639,3761,1.639,3762,1.639,3763,1.639,3764,1.639,3765,1.639,3766,1.639,3767,1.482,3768,1.639,3769,1.639,3770,3.839,3771,1.639,3772,1.639,3773,7.727,3774,7.727,3775,1.639,3776,2.875,3777,1.639,3778,1.639,3779,1.639,3780,1.639,3781,1.639,3782,1.639,3783,1.639,3784,1.639,3785,1.639,3786,1.639,3787,1.639,3788,1.639,3789,1.639,3790,1.639,3791,1.639,3792,1.639,3793,1.639,3794,1.639,3795,1.639,3796,1.639,3797,1.639,3798,1.639,3799,1.639,3800,1.639,3801,1.639]],["t/598",[0,0.048,1,0.193,4,2.707,6,0.025,7,1.313,15,0.907,18,1.105,22,2.677,23,0.457,24,0.533,25,0.271,28,1.853,29,1.944,30,1.905,32,0.337,36,1.363,44,1.814,58,2.452,62,0.567,64,2.463,73,3.761,94,0.226,102,2.036,118,1.536,120,0.733,121,4.374,123,0.204,124,1.008,134,0.897,137,2.887,138,1.018,145,0.907,147,3.078,149,1.22,153,4.023,157,0.511,163,1.225,168,1.698,170,1.604,171,0.733,173,2.126,177,2.505,188,1.941,193,1.874,216,0.42,228,0.444,238,2.978,239,0.608,244,1.337,247,4.229,252,0.661,263,0.608,264,0.672,267,0.706,270,3.651,285,0.555,287,3.135,292,2.482,294,4.555,296,0.709,316,2.763,343,3.375,346,1.84,349,4.535,351,1.39,354,0.451,375,2.546,378,1.058,380,2.357,385,0.851,389,0.567,401,1.723,402,1.885,403,2.555,424,0.514,427,0.523,430,3.776,431,0.706,447,1.955,457,5.504,462,1.478,467,2.198,485,0.803,493,2.831,496,2.92,497,2.293,511,0.555,512,3.225,540,1.639,548,0.916,549,2.053,560,0.733,562,2.549,564,0.661,591,3.109,592,3.618,747,2.544,845,4.862,847,2.269,849,0.682,857,1.031,858,0.752,865,0.464,868,0.479,874,0.661,878,1.001,880,3.657,899,2.125,900,2.234,901,1.148,945,0.444,948,3.107,949,2.456,952,2.529,954,0.514,966,0.353,967,0.353,979,1.697,983,6.252,987,3.267,988,1.883,989,0.851,1017,1.18,1018,1.216,1020,1.349,1021,1.18,1023,0.851,1027,1.299,1064,1.408,1074,1.255,1086,0.533,1112,0.803,1146,0.803,1245,2.466,1256,0.803,1264,1.478,1275,0.544,1282,0.803,1315,0.682,1348,2.425,1349,2.61,1350,0.912,1354,1.883,1521,0.641,1583,3.619,1658,0.803,1681,0.765,1708,2.839,1816,0.851,1835,5.988,1903,0.851,2084,0.593,2234,2.176,2332,2.702,2334,0.851,2342,5.139,2396,1.685,2445,7.33,2446,0.916,2454,0.916,2492,0.916,2501,3.33,2536,2.163,2561,1.567,2997,0.851,3500,0.851,3539,3.936,3540,3.6,3541,3.191,3542,3.6,3543,3.6,3544,3.936,3545,3.829,3546,2.683,3547,2.683,3548,3.936,3549,2.683,3550,2.683,3552,4.84,3553,6.948,3554,3.6,3555,3.6,3556,4.84,3557,3.6,3558,3.6,3559,3.6,3696,1.685,3767,2.341,3802,1.865,3803,1.013,3804,1.865,3805,3.76,3806,1.865,3807,1.013,3808,1.013,3809,1.013,3810,1.865,3811,5.687,3812,5.687,3813,5.687,3814,7.51,3815,1.013,3816,5.381,3817,5.381,3818,5.381,3819,8.396,3820,5.381,3821,9.028,3822,5.381,3823,5.381,3824,5.381,3825,4.663,3826,4.663,3827,4.663,3828,3.76,3829,3.76,3830,3.216,3831,3.216,3832,3.216,3833,3.216,3834,3.216,3835,1.013,3836,1.013,3837,1.013,3838,1.013,3839,1.013,3840,1.013,3841,3.216,3842,1.013,3843,1.013,3844,8.112,3845,1.013,3846,1.013,3847,1.013,3848,1.865,3849,1.865,3850,1.865,3851,1.865,3852,1.013,3853,1.865,3854,1.013,3855,1.013,3856,1.013,3857,1.865,3858,1.013,3859,1.013,3860,1.013,3861,3.216,3862,1.865,3863,1.865]],["t/600",[0,0.012,1,0.008,4,1.599,6,0.025,7,0.766,11,0.014,14,0.008,15,0.312,18,1.119,25,0.021,26,0.128,27,0.049,28,0.153,31,1.53,33,0.012,35,0.078,41,0.031,44,2.96,45,0.099,46,0.134,49,0.048,56,0.484,58,0.156,62,0.504,63,0.121,78,0.341,87,0.407,92,0.126,94,0.412,98,0.504,102,2.09,104,0.89,111,2.172,115,0.144,116,0.252,118,1.093,120,0.339,123,0.048,124,1.06,131,0.281,134,0.889,137,3.535,138,0.657,141,0.167,145,0.472,146,0.131,147,2.626,149,1.109,163,1.8,168,2.336,170,3.893,173,1.868,175,0.274,176,1.011,177,0.218,181,0.474,188,0.242,193,0.499,194,0.632,199,1.34,200,0.803,216,0.617,226,3.254,227,3.016,228,3.796,229,3.416,230,0.341,236,0.424,237,4.093,238,2.771,239,1.822,240,1.603,241,1.125,242,0.579,243,0.929,244,0.57,245,3.527,246,2.531,247,1.872,248,1.671,249,1.094,250,1.176,251,0.297,252,0.306,253,0.606,254,0.354,256,4.454,260,0.394,263,0.895,264,0.667,267,0.77,274,2.058,278,2.214,279,0.262,282,1.209,285,0.494,287,0.384,290,0.354,292,0.404,296,0.516,297,0.19,305,0.216,306,0.873,307,0.238,308,1.412,310,0.128,317,3.277,347,0.201,354,0.971,355,0.268,356,0.516,362,0.77,364,0.144,366,0.161,373,0.105,375,1.945,376,0.289,377,0.216,378,0.282,380,1.221,389,0.262,395,0.208,398,1.793,401,1.278,402,1.419,403,2.134,405,0.113,425,0.541,426,0.247,427,1.713,430,1.382,431,0.48,440,0.19,441,0.413,456,0.144,457,5.237,462,0.546,466,0.779,468,2.334,470,0.167,485,1.326,488,0.297,493,2.216,495,0.161,496,2.1,497,1.616,501,1.427,506,0.151,512,0.452,525,0.216,526,0.216,527,0.216,528,0.268,533,0.216,534,0.216,536,0.579,537,0.424,540,0.297,543,0.201,544,0.201,552,0.546,576,0.876,585,0.424,590,2.466,591,1.726,594,1.203,598,0.581,601,1.512,604,0.918,634,0.218,639,0.297,648,0.281,661,0.424,666,0.326,847,0.329,849,0.464,852,0.494,857,0.44,858,1.18,859,0.618,860,0.494,861,0.326,862,0.356,865,1.521,868,2.707,872,0.247,874,0.306,880,0.983,883,0.834,884,0.201,887,0.372,889,1.126,891,1.003,894,0.873,898,0.714,899,1.959,900,2.03,902,0.151,912,0.315,945,0.302,948,3.042,949,2.415,950,0.955,952,2.599,954,1.023,965,0.181,966,0.083,967,0.083,968,0.156,977,1.58,978,1.611,979,1.441,980,1.603,985,4.592,987,0.377,988,0.762,1007,0.77,1020,0.173,1024,0.216,1025,0.929,1026,0.424,1027,4.071,1069,0.14,1071,0.147,1074,4.235,1084,0.216,1086,0.581,1133,8.509,1143,0.339,1146,0.546,1189,0.848,1227,0.161,1232,1.091,1234,0.354,1244,7.649,1256,0.876,1265,0.216,1275,1.083,1276,0.339,1297,0.247,1317,0.424,1322,0.19,1323,0.326,1335,0.918,1345,0.216,1375,1.969,1377,0.131,1378,2.328,1379,0.147,1418,0.377,1433,0.546,1472,1.176,1482,0.201,1500,1.731,1501,0.714,1520,0.424,1521,0.436,1540,2.467,1568,0.628,1569,1.231,1579,0.173,1583,3.246,1609,6.141,1634,0.372,1636,2.531,1637,2.531,1640,0.52,1671,0.297,1681,0.181,1690,0.156,1724,1.094,1733,0.181,1751,0.181,1816,0.201,1903,1.696,1904,3.09,1905,1.824,1906,0.372,1999,0.394,2088,4.228,2097,0.216,2126,1.554,2168,0.216,2169,0.652,2174,0.216,2229,0.181,2234,0.579,2308,0.339,2347,4.306,2401,0.173,2402,0.173,2404,0.394,2438,0.386,2498,0.19,2500,3.931,2501,2.981,2611,0.173,2614,0.181,2750,0.814,2761,0.814,2762,0.216,2896,0.181,2916,0.652,2991,0.173,2997,0.201,2999,0.424,3000,0.623,3004,0.623,3005,0.216,3006,0.216,3007,0.216,3008,0.216,3009,0.216,3010,0.216,3015,0.19,3022,0.814,3023,0.814,3050,3.895,3074,0.424,3087,0.216,3088,0.216,3089,0.216,3090,0.216,3091,0.216,3092,0.814,3093,0.814,3095,0.814,3096,0.999,3098,1.176,3118,4.228,3122,0.814,3165,0.216,3177,1.176,3327,0.394,3545,0.147,3650,0.424,3864,0.239,3865,1.105,3866,0.469,3867,0.689,3868,0.239,3869,0.689,3870,0.239,3871,1.849,3872,0.239,3873,0.239,3874,0.239,3875,0.469,3876,0.239,3877,0.469,3878,0.689,3879,0.239,3880,0.239,3881,0.239,3882,0.239,3883,0.239,3884,2.019,3885,0.469,3886,0.469,3887,0.469,3888,0.469,3889,0.239,3890,0.239,3891,0.239,3892,0.239,3893,0.469,3894,0.239,3895,0.239,3896,0.239,3897,1.105,3898,0.239,3899,0.239,3900,0.239,3901,0.239,3902,0.469,3903,0.239,3904,0.239,3905,0.239,3906,0.469,3907,0.239,3908,0.239,3909,10.717,3910,0.239,3911,0.469,3912,0.689,3913,0.469,3914,0.239,3915,0.469,3916,0.239,3917,0.239,3918,0.239,3919,0.901,3920,0.239,3921,8.241,3922,0.689,3923,1.491,3924,1.105,3925,1.105,3926,0.689,3927,3.562,3928,1.302,3929,0.239,3930,0.239,3931,1.105,3932,0.239,3933,0.239,3934,3.061,3935,0.239,3936,0.239,3937,0.469,3938,3.791,3939,9.598,3940,5.846,3941,5.457,3942,5.457,3943,5.846,3944,4.007,3945,5.592,3946,5.316,3947,3.9,3948,5.316,3949,5.784,3950,4.406,3951,5.784,3952,5.387,3953,4.111,3954,5.387,3955,5.722,3956,4.406,3957,5.722,3958,5.387,3959,4.499,3960,9.916,3961,4.406,3962,4.406,3963,4.406,3964,8.696,3965,10.048,3966,4.212,3967,4.679,3968,4.765,3969,7.198,3970,4.765,3971,6.588,3972,4.765,3973,4.765,3974,4.59,3975,4.765,3976,4.765,3977,7.867,3978,5.242,3979,4.765,3980,6.346,3981,4.679,3982,6.494,3983,4.679,3984,4.679,3985,4.31,3986,4.31,3987,5.242,3988,4.31,3989,4.31,3990,4.007,3991,4.111,3992,4.111,3993,4.59,3994,0.469,3995,3.061,3996,0.239,3997,1.491,3998,2.183,3999,2.183,4000,2.183,4001,2.183,4002,2.183,4003,2.183,4004,3.678,4005,2.183,4006,2.183,4007,4.406,4008,8.68,4009,3.9,4010,3.791,4011,3.791,4012,3.9,4013,3.791,4014,0.469,4015,0.239,4016,0.901,4017,0.239,4018,3.442,4019,2.926,4020,1.105,4021,0.469,4022,0.901,4023,0.689,4024,0.469,4025,0.901,4026,1.302,4027,1.105,4028,1.302,4029,0.469,4030,1.105,4031,0.239,4032,0.469,4033,1.105,4034,1.105,4035,0.469,4036,0.901,4037,2.644,4038,0.469,4039,0.469,4040,3.192,4041,3.192,4042,0.469,4043,5.012,4044,5.012,4045,0.901,4046,0.469,4047,0.469,4048,1.673,4049,0.469,4050,0.469,4051,0.901,4052,0.469,4053,0.469,4054,0.469,4055,0.901,4056,0.469,4057,0.901,4058,0.469,4059,0.469,4060,0.469,4061,0.469,4062,0.901,4063,0.469,4064,0.469,4065,0.469,4066,0.469,4067,2.495,4068,0.239,4069,0.239,4070,0.239,4071,0.239,4072,0.239,4073,0.239,4074,0.239,4075,0.239,4076,0.469,4077,0.239,4078,0.239,4079,0.239,4080,0.239,4081,0.469,4082,0.469,4083,1.105,4084,1.105,4085,1.105,4086,0.239,4087,0.239,4088,1.105,4089,0.239,4090,1.105,4091,1.105,4092,0.469,4093,1.105,4094,1.105,4095,0.469,4096,0.239,4097,0.469,4098,0.239,4099,0.239,4100,1.849,4101,0.689,4102,2.342,4103,0.469,4104,0.469,4105,3.192,4106,0.469,4107,0.469,4108,0.239,4109,0.469,4110,0.239,4111,0.239,4112,0.239,4113,0.239,4114,0.239,4115,0.689,4116,0.469,4117,0.239,4118,0.239,4119,0.689,4120,0.239,4121,0.239,4122,0.239,4123,0.239,4124,0.239,4125,0.239,4126,0.239,4127,0.239,4128,0.239,4129,0.239,4130,0.239,4131,0.239,4132,0.239,4133,0.239,4134,0.239,4135,0.239,4136,0.239,4137,1.105,4138,0.469,4139,0.239,4140,0.239,4141,0.239,4142,0.469,4143,0.469,4144,0.469,4145,0.469,4146,0.239,4147,0.239,4148,0.239,4149,0.239,4150,0.901,4151,0.239,4152,0.239,4153,0.239,4154,0.469,4155,0.469,4156,1.849,4157,0.239,4158,0.239,4159,0.239,4160,0.239,4161,0.901,4162,0.239,4163,0.469,4164,0.239,4165,0.469,4166,0.239,4167,0.239,4168,0.239,4169,0.239,4170,0.469,4171,0.469,4172,0.239,4173,0.239,4174,0.239,4175,0.239,4176,0.239,4177,0.239,4178,0.239,4179,0.239,4180,0.239,4181,0.239,4182,0.469,4183,0.239,4184,0.901,4185,0.689,4186,0.689,4187,1.849,4188,0.689,4189,0.689,4190,0.469,4191,0.689,4192,0.689,4193,0.689,4194,0.689,4195,0.239,4196,0.239,4197,0.239,4198,0.239,4199,0.239,4200,0.239,4201,0.239,4202,0.239,4203,0.239,4204,0.239,4205,0.239,4206,0.239,4207,0.239,4208,0.689,4209,0.689,4210,0.689,4211,0.689,4212,2.644,4213,1.673,4214,0.469,4215,0.239,4216,0.239,4217,0.469,4218,0.469,4219,0.469,4220,0.469,4221,0.239,4222,0.239,4223,0.239,4224,0.239,4225,0.239,4226,0.239,4227,0.239,4228,0.239,4229,0.239,4230,0.239,4231,0.239,4232,0.239,4233,0.239,4234,0.239,4235,1.491,4236,1.105,4237,0.901,4238,0.469,4239,0.239,4240,0.239,4241,0.239,4242,0.239,4243,0.901,4244,0.239,4245,0.239,4246,0.239,4247,0.469,4248,0.239,4249,0.239,4250,0.239,4251,0.239,4252,0.239,4253,0.239,4254,0.239,4255,0.469,4256,0.239,4257,0.239,4258,0.239,4259,0.239,4260,0.239,4261,0.239,4262,0.239,4263,0.239,4264,0.239,4265,2.495,4266,0.901,4267,0.239,4268,1.105,4269,0.239,4270,0.469,4271,0.239,4272,0.239,4273,0.239,4274,2.019,4275,0.239,4276,0.239,4277,0.239,4278,0.901,4279,0.901,4280,0.901,4281,0.901,4282,0.901,4283,0.901,4284,0.901,4285,0.901,4286,0.901,4287,0.901,4288,0.901,4289,0.901,4290,0.901,4291,0.901,4292,0.901,4293,0.901,4294,0.901,4295,0.901,4296,0.901,4297,0.901,4298,0.901,4299,0.901,4300,0.901,4301,0.901,4302,0.901,4303,0.901,4304,0.901,4305,0.901,4306,0.901,4307,0.901,4308,0.901,4309,0.901,4310,0.901,4311,0.901,4312,0.901,4313,0.901,4314,0.901,4315,0.901,4316,0.901,4317,0.901,4318,0.901,4319,2.019,4320,0.689,4321,0.469,4322,0.901,4323,0.239,4324,0.239,4325,0.239]]],"invertedIndex":[["",{"_index":6,"t":{"2":{"position":[[42,1],[424,1],[709,1],[983,1],[1267,1],[1696,1],[1944,1],[2234,1],[2519,1],[2771,1]]},"4":{"position":[[41,1]]},"6":{"position":[[41,1]]},"8":{"position":[[40,1]]},"10":{"position":[[41,1]]},"12":{"position":[[41,1]]},"14":{"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]]},"16":{"position":[[40,1]]},"18":{"position":[[41,1]]},"20":{"position":[[38,1]]},"22":{"position":[[37,1]]},"24":{"position":[[39,1]]},"26":{"position":[[38,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":[[42,1]]},"42":{"position":[[41,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":[[41,1]]},"64":{"position":[[42,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":[[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":[[41,1],[727,1]]},"112":{"position":[[42,1]]},"116":{"position":[[39,1],[373,1],[786,1],[1133,1],[1381,1],[1630,1],[1879,1],[2328,1],[2638,1],[2907,1]]},"118":{"position":[[37,1],[257,1],[564,1],[902,1],[1160,1],[1459,1],[1713,1],[2147,1],[2392,1],[2640,1]]},"120":{"position":[[41,1],[211,1],[446,1],[637,1],[831,1]]},"122":{"position":[[42,1],[301,1],[630,1],[1036,1],[1349,1],[1689,1],[2004,1],[2266,1],[2537,1],[2811,1]]},"124":{"position":[[41,1],[245,1],[449,1],[633,1],[830,1],[1025,1],[1223,1],[1424,1],[1654,1],[1856,1]]},"128":{"position":[[87,1],[368,1]]},"130":{"position":[[91,1],[476,1],[901,1],[1335,1],[1607,1],[2057,1],[2346,1],[2620,1],[2818,1]]},"132":{"position":[[84,1],[464,1]]},"134":{"position":[[84,1]]},"136":{"position":[[98,1]]},"138":{"position":[[86,1],[468,1],[753,1],[1027,1],[1311,1],[1740,1],[1988,1],[2278,1],[2563,1],[2815,1]]},"140":{"position":[[95,1],[354,1],[683,1],[1089,1],[1402,1]]},"142":{"position":[[94,1]]},"144":{"position":[[91,1]]},"146":{"position":[[100,1],[506,1]]},"148":{"position":[[101,1]]},"150":{"position":[[92,1],[498,1]]},"152":{"position":[[90,1],[339,1],[588,1]]},"154":{"position":[[99,1]]},"156":{"position":[[100,1]]},"158":{"position":[[97,1]]},"160":{"position":[[98,1]]},"162":{"position":[[99,1]]},"164":{"position":[[92,1]]},"166":{"position":[[95,1]]},"168":{"position":[[93,1]]},"170":{"position":[[99,1]]},"172":{"position":[[96,1]]},"174":{"position":[[94,1]]},"176":{"position":[[93,1],[499,1]]},"178":{"position":[[94,1]]},"180":{"position":[[98,1]]},"182":{"position":[[93,1],[499,1]]},"184":{"position":[[96,1]]},"186":{"position":[[103,1]]},"188":{"position":[[91,1]]},"190":{"position":[[95,1]]},"192":{"position":[[92,1],[339,1]]},"194":{"position":[[81,1],[301,1],[608,1],[946,1],[1204,1],[1503,1],[1757,1],[2191,1],[2436,1],[2684,1]]},"196":{"position":[[92,1]]},"198":{"position":[[86,1],[345,1],[674,1],[1080,1],[1393,1]]},"200":{"position":[[92,1]]},"202":{"position":[[83,1],[417,1],[830,1],[1177,1],[1425,1],[1674,1],[1923,1],[2372,1],[2682,1],[2951,1]]},"204":{"position":[[88,1]]},"206":{"position":[[99,1],[524,1],[958,1],[1231,1]]},"208":{"position":[[95,1],[477,1],[762,1],[1036,1],[1320,1],[1749,1],[1997,1],[2287,1],[2572,1],[2824,1]]},"210":{"position":[[112,1]]},"212":{"position":[[90,1],[310,1],[617,1],[955,1],[1213,1],[1512,1],[1766,1],[2200,1],[2445,1],[2693,1]]},"214":{"position":[[95,1],[354,1],[683,1],[1089,1],[1402,1],[1742,1],[2057,1],[2319,1],[2590,1],[2864,1]]},"216":{"position":[[92,1],[426,1],[839,1],[1186,1],[1434,1],[1683,1],[1932,1],[2381,1],[2691,1],[2960,1]]},"218":{"position":[[94,1],[298,1],[502,1],[686,1],[883,1],[1078,1],[1276,1],[1477,1],[1707,1],[1909,1]]},"220":{"position":[[94,1],[264,1],[499,1],[690,1],[884,1]]},"222":{"position":[[87,1],[388,1]]},"224":{"position":[[89,1],[334,1],[603,1]]},"226":{"position":[[91,1]]},"228":{"position":[[93,1]]},"230":{"position":[[91,1]]},"232":{"position":[[101,1]]},"234":{"position":[[97,1]]},"236":{"position":[[93,1],[527,1],[778,1]]},"238":{"position":[[87,1]]},"240":{"position":[[90,1],[389,1],[823,1],[1236,1]]},"242":{"position":[[92,1],[505,1]]},"244":{"position":[[91,1]]},"246":{"position":[[94,1]]},"248":{"position":[[90,1],[339,1],[588,1]]},"250":{"position":[[89,1],[337,1],[627,1],[912,1],[1132,1],[1390,1],[1689,1],[1943,1],[2377,1],[2622,1]]},"252":{"position":[[89,1],[367,1]]},"254":{"position":[[92,1],[345,1]]},"256":{"position":[[92,1],[518,1],[803,1],[1055,1],[1276,1],[1615,1],[2028,1],[2374,1]]},"258":{"position":[[92,1]]},"260":{"position":[[92,1]]},"262":{"position":[[89,1],[523,1],[936,1]]},"264":{"position":[[90,1]]},"266":{"position":[[94,1],[523,1]]},"268":{"position":[[86,1],[523,1]]},"270":{"position":[[86,1]]},"272":{"position":[[87,1]]},"274":{"position":[[90,1],[375,1],[809,1]]},"276":{"position":[[93,1]]},"278":{"position":[[94,1],[519,1]]},"280":{"position":[[86,1]]},"282":{"position":[[89,1],[471,1],[756,1],[1030,1],[1314,1],[1743,1],[1991,1],[2281,1],[2566,1],[2818,1]]},"284":{"position":[[87,1],[429,1]]},"286":{"position":[[90,1],[472,1],[757,1],[1031,1],[1315,1],[1744,1],[1992,1],[2282,1],[2567,1],[2819,1]]},"288":{"position":[[87,1],[421,1],[834,1],[1181,1],[1429,1],[1678,1],[1927,1],[2376,1]]},"290":{"position":[[85,1],[305,1],[612,1],[950,1],[1208,1],[1507,1],[1761,1],[2195,1],[2440,1],[2688,1]]},"292":{"position":[[84,1],[304,1],[611,1],[949,1],[1207,1],[1506,1],[1760,1],[2194,1],[2439,1],[2687,1]]},"294":{"position":[[86,1],[420,1],[833,1],[1180,1],[1428,1],[1677,1],[1926,1],[2375,1]]},"296":{"position":[[92,1]]},"298":{"position":[[81,1],[382,1],[716,1]]},"300":{"position":[[85,1]]},"302":{"position":[[83,1],[328,1],[597,1]]},"304":{"position":[[87,1]]},"306":{"position":[[84,1],[369,1]]},"308":{"position":[[87,1]]},"310":{"position":[[93,1]]},"312":{"position":[[85,1]]},"314":{"position":[[91,1]]},"316":{"position":[[95,1]]},"318":{"position":[[85,1]]},"320":{"position":[[87,1],[521,1]]},"322":{"position":[[80,1]]},"324":{"position":[[84,1],[383,1],[817,1],[1230,1]]},"326":{"position":[[85,1]]},"328":{"position":[[86,1],[499,1]]},"330":{"position":[[83,1],[465,1],[750,1],[1024,1],[1308,1],[1738,1],[1936,1]]},"332":{"position":[[88,1]]},"334":{"position":[[84,1],[466,1],[751,1],[1024,1],[1272,1],[1562,1],[1847,1],[2067,1],[2325,1],[2624,1]]},"336":{"position":[[83,1],[361,1]]},"338":{"position":[[80,1],[384,1]]},"340":{"position":[[79,1],[513,1],[758,1],[1175,1],[1424,1],[1674,1],[1870,1],[2075,1]]},"342":{"position":[[84,1]]},"344":{"position":[[92,1]]},"346":{"position":[[85,1]]},"348":{"position":[[80,1],[280,1]]},"350":{"position":[[87,1]]},"352":{"position":[[84,1],[369,1],[645,1],[1071,1],[1356,1],[1608,1],[1829,1],[2168,1],[2581,1],[2927,1]]},"354":{"position":[[89,1]]},"356":{"position":[[93,1],[518,1],[771,1]]},"358":{"position":[[86,1]]},"360":{"position":[[88,1]]},"362":{"position":[[89,1]]},"364":{"position":[[83,1],[517,1],[930,1],[1272,1],[1472,1]]},"366":{"position":[[88,1]]},"368":{"position":[[86,1],[281,1],[479,1]]},"370":{"position":[[83,1],[344,1]]},"372":{"position":[[92,1]]},"374":{"position":[[91,1]]},"376":{"position":[[90,1]]},"378":{"position":[[88,1],[517,1]]},"380":{"position":[[86,1],[355,1]]},"382":{"position":[[83,1],[462,1]]},"384":{"position":[[84,1],[369,1],[803,1]]},"386":{"position":[[87,1]]},"388":{"position":[[81,1],[423,1],[670,1],[985,1]]},"390":{"position":[[83,1],[362,1]]},"392":{"position":[[87,1]]},"394":{"position":[[88,1],[513,1]]},"396":{"position":[[85,1]]},"398":{"position":[[85,1]]},"400":{"position":[[84,1]]},"402":{"position":[[85,1]]},"404":{"position":[[85,1]]},"406":{"position":[[85,1]]},"408":{"position":[[85,1]]},"410":{"position":[[82,1]]},"412":{"position":[[84,1]]},"414":{"position":[[82,1]]},"416":{"position":[[81,1]]},"418":{"position":[[81,1]]},"420":{"position":[[83,1]]},"422":{"position":[[83,1]]},"424":{"position":[[85,1]]},"426":{"position":[[86,1]]},"428":{"position":[[86,1]]},"430":{"position":[[85,1]]},"432":{"position":[[84,1]]},"434":{"position":[[85,1]]},"436":{"position":[[86,1]]},"438":{"position":[[86,1]]},"440":{"position":[[86,1]]},"442":{"position":[[86,1]]},"444":{"position":[[86,1]]},"446":{"position":[[89,1]]},"448":{"position":[[87,1]]},"450":{"position":[[88,1]]},"452":{"position":[[87,1]]},"454":{"position":[[86,1]]},"456":{"position":[[86,1]]},"458":{"position":[[86,1]]},"460":{"position":[[86,1]]},"462":{"position":[[85,1]]},"464":{"position":[[85,1]]},"466":{"position":[[85,1]]},"468":{"position":[[85,1]]},"470":{"position":[[86,1]]},"472":{"position":[[83,1]]},"474":{"position":[[82,1]]},"476":{"position":[[86,1]]},"478":{"position":[[83,1]]},"480":{"position":[[81,1]]},"482":{"position":[[83,1]]},"484":{"position":[[83,1]]},"486":{"position":[[81,1]]},"488":{"position":[[82,1]]},"490":{"position":[[82,1]]},"492":{"position":[[82,1]]},"494":{"position":[[81,1]]},"496":{"position":[[81,1]]},"498":{"position":[[81,1]]},"500":{"position":[[81,1]]},"502":{"position":[[82,1]]},"504":{"position":[[3397,1],[3451,2],[3488,1]]},"506":{"position":[[298,2],[430,1],[471,1],[483,1],[524,1],[536,1],[578,1],[590,1],[617,1],[644,1],[659,4],[664,2],[692,1],[722,1],[729,1],[731,2],[744,1],[771,1],[798,1],[813,4],[818,2],[846,1],[870,2],[898,1],[928,1],[935,1],[937,2],[940,1],[942,1],[1186,5],[1237,1],[1278,1],[1290,1],[1332,1],[1344,1],[1371,1],[1398,1],[1413,4],[1418,2],[1446,1],[1470,2],[1498,1],[1528,1],[1535,1],[1537,2],[1540,1],[1542,1],[1970,1],[2011,1],[2023,1],[2065,1],[2077,1],[2104,1],[2131,1],[2146,4],[2151,2],[2179,1],[2203,2],[2231,1],[2261,1],[2268,1],[2270,2],[2273,1],[2275,1]]},"508":{"position":[[306,2],[2127,1],[3768,2],[3905,2]]},"510":{"position":[[242,2],[294,1],[1933,2],[4235,2],[4858,2],[5482,2],[11540,1],[16705,1],[16736,1],[16797,2],[16898,2],[17001,2],[17107,2],[17217,2],[17322,2],[17421,2],[17522,2],[17625,2],[17731,2],[17841,2],[17946,2],[17996,1],[18018,1],[20239,1],[20270,1],[20324,2],[20410,2],[20454,1],[22452,1],[22483,1],[22530,1],[22542,1],[22544,1],[22609,1],[22775,1],[22828,1],[22994,1],[23048,1],[23215,1],[23269,1],[23436,1],[23438,1],[23675,1],[23714,1]]},"514":{"position":[[553,2],[5312,2],[5358,1],[5379,1],[5402,1],[5404,3],[5434,1],[5450,1],[5476,1],[5508,1],[5510,1],[7137,2],[7215,2],[7629,2],[7632,2],[7676,1],[7738,1],[7810,2],[7849,1],[7851,1],[8918,1],[8940,1],[8987,2],[8995,1],[9043,1],[9215,1],[9251,1],[9253,1],[9430,1],[9473,1],[9475,1],[9563,2],[9655,1],[9736,1],[9780,1],[9782,1]]},"516":{"position":[[222,2],[3022,1],[3510,1],[3999,1],[4485,1],[4970,1]]},"518":{"position":[[510,2],[830,2],[994,2],[1157,2],[1321,2],[1550,2],[1717,2],[2113,2],[2345,2],[2508,2],[3969,2],[4740,2],[5392,2],[10908,2],[11284,2],[11611,2],[12181,2],[12578,2],[12926,2]]},"520":{"position":[[246,2],[2185,1],[2206,1],[2256,2],[2326,2],[2398,2],[2432,1],[3154,1],[3175,1],[3225,2],[3295,2],[3367,2],[3401,1],[4397,1],[4412,1],[4427,1],[4448,1],[4482,1],[4542,2],[4612,2],[4684,2],[4756,2],[4866,2],[4975,2],[5085,2],[5186,2],[5198,1],[5220,1]]},"522":{"position":[[294,1],[441,1],[553,1],[603,1],[1564,2],[1668,1],[1743,1],[1762,1],[1971,1],[1973,2],[1988,1],[1995,1],[1997,2],[2012,1],[2014,1],[2016,1],[2492,2],[2594,1],[2661,1],[2673,1],[2716,1],[2733,1],[2821,1],[2950,1],[2952,2],[2987,2],[3115,1],[3210,1],[3212,1],[3644,1],[3707,1],[3719,1],[3761,1],[3763,2],[3814,1],[3829,1],[3841,1],[3862,1],[3872,2],[3897,1],[3899,1],[4060,2],[4167,1],[4246,1],[4260,1],[4287,1],[4303,1],[4326,1],[4362,1],[4388,1],[4409,2],[4429,1],[4574,1],[4576,2],[4591,1],[4598,1],[4600,2],[4615,1],[4617,1],[4619,1],[4955,2],[5007,2],[5132,2],[5257,2],[5350,1],[5440,1],[5454,1],[5481,1],[5488,1],[5495,2],[5515,1],[5660,1],[5662,2],[5677,1],[5684,1],[5686,2],[5701,1],[5703,1],[5705,1],[5938,2],[6043,1],[6112,1],[6131,1],[6232,1],[6234,2],[6249,1],[6256,1],[6258,2],[6273,1],[6275,1],[6277,1],[6430,2],[6535,1],[6604,1],[6618,1],[6645,1],[6660,1],[6667,2],[6687,1],[6820,1],[6822,2],[6837,1],[6844,1],[6846,2],[6861,1],[6863,1],[6865,1],[7034,2],[7159,1],[7228,1],[7242,1],[7269,1],[7292,1],[7299,2],[7319,1],[7464,1],[7466,2],[7481,1],[7488,1],[7490,2],[7505,1],[7507,1],[7509,1],[7662,2],[7747,1],[7800,1],[7869,1],[7883,1],[7910,1],[7925,1],[7954,1],[7961,2],[7981,1],[8113,1],[8115,2],[8130,1],[8137,1],[8139,2],[8154,1],[8156,1],[8158,1]]},"524":{"position":[[335,2],[711,2],[859,2],[1441,2],[1673,1],[3690,1],[3751,1],[3779,1],[3819,1],[3847,1],[3849,1],[4208,2],[4314,1],[4336,1],[4411,1],[4428,1],[4597,1],[4599,1],[5032,1],[5095,1],[5107,1],[5149,1],[5151,2],[5202,1],[5217,1],[5229,1],[5250,1],[5260,2],[5285,1],[5287,1],[5862,2],[6003,1],[6025,1],[6100,1],[6117,1],[6388,1],[6435,2],[6446,1],[6487,1],[7066,1],[7129,1],[7141,1],[7208,1],[7220,1],[7262,1],[7264,2],[7315,1],[7330,1],[7342,1],[7362,1],[7372,2],[7397,1],[7399,1],[8183,1],[8244,1],[8272,1],[8312,1],[8340,1],[8342,1],[9361,1],[9422,1],[9450,1],[9490,1],[9518,1],[9520,1],[10047,1],[10108,1],[10136,1],[10176,1],[10204,1],[10206,1],[11137,1],[11198,1],[11226,1],[11266,1],[11294,1],[11296,1],[11844,2],[11945,2],[12040,2],[12092,1],[12163,1],[13049,2],[13142,2],[13246,2],[13350,2],[13454,2],[13558,2],[13621,1],[13760,1],[14419,1],[14483,1],[14503,2],[14506,1],[14545,3],[14549,1],[14590,1],[14610,2],[14613,1],[14649,3],[14653,1],[14695,1],[14715,2],[14718,1],[14756,3],[14760,1],[14802,1],[14822,2],[14825,1],[14861,3],[14865,1],[14914,1],[14934,2],[14937,1],[14983,3],[14987,1],[14989,1]]},"526":{"position":[[282,2],[764,2],[773,1],[799,1],[811,1],[813,1],[829,4],[927,2],[939,1],[1096,2],[1108,1],[1204,1]]},"528":{"position":[[1596,2],[1627,2],[1658,2],[1689,2],[1721,2],[1988,2],[2083,2],[2135,2],[2187,2],[2410,2],[2461,2],[2540,2],[2617,2],[2697,2],[2774,2],[2908,2],[2970,1],[2994,1],[3056,1],[3076,2],[3079,1],[3099,1],[3116,3],[3120,1],[3122,1]]},"530":{"position":[[335,2],[1166,2],[2887,2],[2890,2],[2893,1],[2980,3],[3031,1],[3102,1],[3134,1],[3176,1],[3208,1],[3210,1],[3646,2],[3757,1],[3787,1],[3867,1],[3884,1],[4057,1],[4059,1],[4492,1],[4520,1],[4566,1],[4578,1],[4620,1],[4622,2],[4673,1],[4688,1],[4700,1],[4721,1],[4731,2],[4756,1],[4758,1],[5325,2],[5507,1],[5537,1],[5617,1],[5634,1],[5909,1],[5956,2],[5967,1],[6015,1],[6594,1],[6622,1],[6668,1],[6680,1],[6747,1],[6759,1],[6801,1],[6803,2],[6854,1],[6869,1],[6881,1],[6901,1],[6911,2],[6936,1],[6938,1],[7241,1],[7314,1],[7346,1],[7348,1],[11300,2],[11471,1],[11544,1],[11576,1],[11578,1],[15541,2],[15718,1],[15791,1],[15823,1],[15825,1],[19682,2],[19859,1],[19932,1],[19964,1],[19966,1],[20669,1],[20742,1],[20774,1],[20818,1],[20850,1],[20897,1],[20917,2],[20920,1],[20959,3],[20963,1],[21008,1],[21028,2],[21031,1],[21068,3],[21072,1],[21118,1],[21138,2],[21141,1],[21179,3],[21183,1],[21229,1],[21249,2],[21252,1],[21290,3],[21294,1],[21296,1]]},"532":{"position":[[713,1],[796,1],[838,1],[1048,1],[1050,1],[1052,3],[1088,3],[1092,1],[1094,1],[1130,2],[1271,1],[1322,1],[1334,1],[1364,1],[1370,1],[1395,2],[1440,1],[1448,1],[1450,2],[1470,1],[1480,1],[1505,1],[1507,1],[1509,1],[1752,1],[1803,1],[1815,1],[1859,1],[1945,2],[1992,1],[2035,1],[2120,2],[2167,1],[2169,1],[2451,2],[2454,2],[2582,2],[2585,2],[2715,2],[2718,2],[2843,2],[2846,2],[2970,2],[2973,2],[3096,2],[3099,2],[3217,2],[3220,2],[3339,2],[3342,2],[3416,1],[3467,1],[3479,1],[3544,1],[3605,2],[3652,1],[3654,1]]},"534":{"position":[[849,2],[895,2],[941,2],[987,2],[1165,2],[1194,2],[1230,2],[1407,2],[1487,2],[1569,2],[1649,2],[1728,2],[1808,2],[1885,2],[1963,2],[2040,2],[2241,2],[2317,2],[2393,2],[2474,2],[2757,2],[2833,2],[2909,2],[2990,2],[3021,2],[3028,2],[3136,2],[3212,2],[3288,2],[3369,2]]},"536":{"position":[[345,2],[930,2],[1456,1],[1503,2],[1514,1],[1595,2],[1606,1],[1622,1]]},"538":{"position":[[289,2],[1077,2],[1152,2],[1245,2],[1338,2],[1458,2],[1587,2],[1680,2],[1734,2],[1791,2],[1847,2],[2059,2],[2280,2],[2719,1],[2781,1],[2866,1],[2903,1],[2994,1],[3028,1],[3107,1],[3109,1],[3292,2],[3366,2],[3429,2],[3504,2],[3763,2],[3853,2],[3946,2],[4038,2],[4131,2],[4226,2],[4316,2],[4545,2],[4658,2],[4802,2],[4946,2],[5092,2],[5238,2],[5387,2],[5533,2],[5598,1],[5668,2],[5700,1],[5899,2],[5953,2],[6010,2],[6066,2],[6298,2],[6416,2],[6537,2],[6657,2],[6778,2],[6901,2],[7020,2],[7340,2],[7469,2],[7601,2],[7732,2],[7864,2],[7998,2],[8128,2]]},"540":{"position":[[815,2],[1445,2],[1565,2],[1939,2],[1991,2],[2100,2],[2211,2],[2317,2],[2422,2],[2526,2],[2624,2],[2682,1],[2712,1],[2786,2],[2895,2],[2915,1],[2922,1],[2941,1],[2972,1],[3001,1],[3071,2],[3074,1],[3382,2],[3434,2],[3543,2],[3654,2],[3760,2],[3865,2],[3969,2],[4068,2],[4168,2],[4226,1],[4256,1],[4330,2],[4439,2],[4459,1],[4466,1],[4487,1],[4564,2],[4567,1],[4921,2],[4973,2],[5082,2],[5193,2],[5299,2],[5404,2],[5508,2],[5606,2],[5664,1],[5694,1],[5768,2],[5877,2],[5897,1],[5904,1],[5923,1],[5954,1],[5983,1],[6053,2],[6056,1],[6511,2],[6563,2],[6672,2],[6783,2],[6889,2],[6994,2],[7098,2],[7196,2],[7254,1],[7284,1],[7358,2],[7467,1],[7486,1],[7526,1],[7558,1],[7602,1],[7644,1],[7714,2],[7794,1],[7808,2],[7828,2],[7841,2],[7885,1],[7887,1],[8192,2],[8246,2],[8360,2],[8478,2],[8594,2],[8714,2],[8838,2],[8960,2],[9080,2],[9204,2],[9281,1],[9315,1],[9371,1],[9436,1],[9459,1],[9494,1],[9501,1],[9528,1],[9559,1],[9588,1],[9658,3],[9662,1],[9680,1],[9693,1],[9695,1],[10191,2],[10243,2],[10352,2],[10463,2],[10569,2],[10674,2],[10778,2],[10876,2],[10934,1],[10964,1],[11038,2],[11147,2],[11167,1],[11174,1],[11193,1],[11224,1],[11253,1],[11323,2],[11326,1],[11482,3],[11486,3],[11522,3],[11526,3],[11616,2],[11760,1],[11807,1],[11819,1],[11849,1],[11855,1],[11857,2],[12002,1],[12024,1],[12026,2],[12115,1],[12117,1],[12119,1]]},"542":{"position":[[547,2],[1365,1],[1390,1],[1423,1],[1425,1],[1720,1],[1742,1],[1789,2],[1797,1],[1845,1]]},"544":{"position":[[1469,2],[3841,2],[4120,2],[4404,2],[10668,2],[10743,2],[10820,2],[10900,2],[10981,2],[11060,2],[11094,1],[12191,1],[12203,1],[12282,1],[12301,1],[12334,1],[12347,2],[12377,1],[12416,1],[12696,1],[12698,1],[12700,1],[12702,1],[12777,1],[12853,2],[12893,2],[13054,1],[13099,1],[13182,1],[13190,1],[13225,1],[13233,1],[13324,2],[13361,1],[13413,2],[13433,1],[13516,2],[13536,1],[13548,1],[13635,1],[13689,2],[13850,1],[13895,1],[13978,1],[14080,1],[14092,1],[14137,1],[14145,1],[14236,2],[14273,1],[14325,2],[14345,1],[14392,1],[14404,1],[14436,1],[14457,1],[14480,1],[14532,1],[14617,1],[14681,2],[14701,1],[14713,1]]},"546":{"position":[[377,2],[613,2],[664,2],[903,2],[938,2],[970,2],[1001,2],[1079,2],[1129,2],[1179,2],[1229,2],[1499,2],[1571,2],[1643,2],[1715,2],[1787,2],[1859,2],[1946,2],[2041,2],[2120,2],[2193,2],[2286,2],[2368,2],[2457,2],[2530,2],[2606,2],[2689,2],[2771,2],[2878,2],[3022,2],[3182,2],[3318,2],[3402,2],[3504,2],[4125,2]]},"548":{"position":[[894,2],[962,2],[1574,1],[2186,2],[2268,2],[2400,2],[2586,1],[2609,1],[2691,1],[2714,1],[2798,1],[2802,1],[2896,1],[2900,1],[3197,1],[3201,1],[3290,1],[3294,1],[3376,1],[3380,1],[3497,1],[3501,1],[3588,1],[3599,1],[4364,2],[5960,1],[6036,2],[6134,2],[6137,2],[6280,2],[6283,2],[6429,2],[6432,2],[6572,2],[6575,2],[6744,2],[6747,2],[6823,1],[6853,1],[6907,1],[6947,1],[6985,1],[7014,1],[7041,1],[7090,1],[7102,1],[7118,1],[7127,1],[7163,1],[7187,2],[7207,1],[7215,1],[7228,1],[7248,1],[7266,1],[7273,1],[7297,1],[7299,2],[7302,1],[7371,1],[7390,1],[7454,1],[7500,1],[7538,1],[7562,2],[7592,2],[7646,1],[7719,1],[7770,2],[7802,2],[7840,1],[7852,1],[7895,1],[7928,1],[7935,1],[7949,1],[7982,1],[8006,1],[8052,1],[8054,1],[8075,1],[8148,1],[8187,1],[8211,2],[8267,1],[8308,1],[8386,1],[8422,1],[8446,2],[8494,1],[8571,1],[8701,1],[8713,1],[8782,1],[8834,1],[8863,1],[8928,1],[8978,1],[9007,1],[9072,1],[9168,1],[9183,1],[9227,1],[9238,1],[9267,1],[9312,1],[9331,1],[9386,1],[9394,1],[9473,2],[9509,1],[9517,1],[9549,1],[9584,1],[9603,1],[9621,2],[9636,1],[9655,1],[9673,2],[9688,1],[9707,1],[9711,2],[9731,1],[9750,1],[9754,2],[9778,1],[9797,1],[9815,2],[9830,1],[9846,1],[9850,2],[9853,2],[9885,1],[9901,1],[9905,2],[9908,2],[9911,1],[9950,1],[9961,1],[9998,1],[10009,1],[10033,1],[10063,1],[10078,1],[10142,1],[10155,1],[10192,1],[10203,1],[10230,1],[10264,1],[10281,1],[10317,1],[10331,2],[10366,1],[10396,1],[10462,1],[10538,2],[10547,1],[10577,1],[10631,1],[10671,1],[10723,1],[10736,1],[10787,1],[10806,1],[10929,2],[10945,1],[10987,1],[11012,1],[11020,1],[11038,1],[11057,1],[11166,2],[11185,1],[11204,1],[11216,2],[11231,1],[11250,1],[11262,2],[11277,1],[11296,1],[11300,2],[11320,1],[11339,1],[11343,2],[11367,1],[11386,1],[11398,2],[11413,1],[11429,1],[11433,2],[11436,2],[11468,1],[11484,1],[11488,2],[11491,2],[11531,1],[11556,1],[11564,1],[11580,1],[11599,1],[11708,2],[11727,1],[11746,1],[11758,2],[11773,1],[11792,1],[11804,2],[11819,1],[11838,1],[11842,2],[11862,1],[11881,1],[11885,2],[11909,1],[11928,1],[11940,2],[11955,1],[11971,1],[11975,2],[11978,2],[12010,1],[12026,1],[12030,2],[12033,2],[12073,1],[12098,1],[12106,1],[12122,1],[12141,1],[12250,2],[12269,1],[12288,1],[12300,2],[12315,1],[12334,1],[12346,2],[12361,1],[12380,1],[12384,2],[12404,1],[12423,1],[12427,2],[12451,1],[12470,1],[12482,2],[12497,1],[12513,1],[12517,2],[12520,2],[12552,1],[12568,1],[12572,2],[12575,2],[12612,1],[12628,1],[12637,1],[12656,1],[12667,2],[12687,1],[12724,1],[12761,1],[12779,1],[12786,1],[12810,2],[12850,1],[12900,1],[12945,1],[12999,1],[13043,1],[13104,1],[13112,1],[13181,1],[13200,1],[13264,1],[13310,1],[13312,1],[13399,2],[13408,1],[13438,1],[13492,1],[13532,1],[13584,1],[13597,1],[13648,1],[13667,1],[13790,2],[13806,1],[13848,1],[13871,1],[13879,1],[13897,1],[13916,1],[14025,2],[14044,1],[14063,1],[14075,2],[14090,1],[14109,1],[14121,2],[14136,1],[14155,1],[14159,2],[14179,1],[14198,1],[14202,2],[14226,1],[14245,1],[14257,2],[14272,1],[14288,1],[14292,2],[14295,2],[14327,1],[14343,1],[14347,2],[14350,2],[14375,1],[14383,1],[14391,1],[14407,1],[14415,1],[14417,2],[14457,1],[14480,1],[14488,1],[14504,1],[14523,1],[14632,2],[14651,1],[14670,1],[14682,2],[14697,1],[14716,1],[14728,2],[14743,1],[14762,1],[14766,2],[14786,1],[14805,1],[14809,2],[14833,1],[14852,1],[14864,2],[14879,1],[14895,1],[14899,2],[14902,2],[14934,1],[14950,1],[14954,2],[14957,2],[14982,1],[14990,1],[14998,1],[15014,1],[15022,1],[15024,2],[15064,1],[15087,1],[15095,1],[15111,1],[15130,1],[15239,2],[15258,1],[15277,1],[15289,2],[15304,1],[15323,1],[15335,2],[15350,1],[15369,1],[15373,2],[15393,1],[15412,1],[15416,2],[15440,1],[15459,1],[15471,2],[15486,1],[15502,1],[15506,2],[15509,2],[15541,1],[15557,1],[15561,2],[15564,2],[15589,1],[15597,1],[15605,1],[15623,1],[15633,1],[15635,2],[15672,1],[15688,1],[15697,1],[15716,1],[15727,2],[15747,1],[15784,1],[15821,1],[15839,1],[15846,1],[15870,2],[15910,1],[15960,1],[16005,1],[16059,1],[16103,1],[16164,1],[16172,2],[16228,1],[16239,1],[16308,1],[16327,1],[16329,2],[16487,1],[16507,3],[16511,1],[16557,1],[16559,1]]},"550":{"position":[[759,2],[820,2],[1691,1],[2089,2],[2171,2],[2249,2],[2401,2],[3999,2],[4097,2],[4100,2],[4243,2],[4246,2],[4392,2],[4395,2],[4533,2],[4536,2],[4701,2],[4704,2],[4776,1],[4804,1],[4856,1],[4896,1],[4934,1],[4963,1],[4992,1],[4994,1],[5117,2],[5142,1],[5191,1],[5203,1],[5219,1],[5228,1],[5264,1],[5288,2],[5307,1],[5329,1],[5342,1],[5362,1],[5380,1],[5387,1],[5411,1],[5413,2],[5416,1],[5485,1],[5504,1],[5566,1],[5612,1],[5650,1],[5674,2],[5704,2],[5758,1],[5831,1],[5880,2],[5911,2],[5948,1],[5960,1],[6002,1],[6035,1],[6042,1],[6056,1],[6089,1],[6112,1],[6157,1],[6159,1],[6180,1],[6251,1],[6290,1],[6314,2],[6371,2],[6403,1],[6443,1],[6519,1],[6555,1],[6579,2],[6634,2],[6658,1],[6735,1],[6861,1],[6873,1],[6941,1],[6992,1],[7020,1],[7083,1],[7132,1],[7160,1],[7223,1],[7319,1],[7334,1],[7378,1],[7389,1],[7418,1],[7462,1],[7481,1],[7534,1],[7542,1],[7621,2],[7656,1],[7664,1],[7699,1],[7734,1],[7753,1],[7771,2],[7786,1],[7805,1],[7823,2],[7838,1],[7857,1],[7861,2],[7864,2],[7867,1],[7906,1],[7917,1],[7954,1],[7965,1],[7989,1],[8019,1],[8034,1],[8098,1],[8111,1],[8148,1],[8159,1],[8186,1],[8220,1],[8237,1],[8273,1],[8287,2],[8325,1],[8355,1],[8450,2],[8459,1],[8487,1],[8539,1],[8579,1],[8631,1],[8644,1],[8663,1],[8703,2],[8719,1],[8761,1],[8785,1],[8792,1],[8811,1],[8840,2],[8859,1],[8878,1],[8920,2],[8935,1],[8954,1],[8996,2],[9011,1],[9030,1],[9034,2],[9037,2],[9074,1],[9090,1],[9099,1],[9118,1],[9129,2],[9148,1],[9200,1],[9236,1],[9254,1],[9261,1],[9281,2],[9310,1],[9353,1],[9406,1],[9450,1],[9502,1],[9549,1],[9558,1],[9627,1],[9646,1],[9708,1],[9754,1],[9756,1],[9848,2],[9857,1],[9885,1],[9937,1],[9977,1],[10029,1],[10042,1],[10093,1],[10112,1],[10152,2],[10168,1],[10210,1],[10234,1],[10242,1],[10260,1],[10279,1],[10306,2],[10325,1],[10344,1],[10356,2],[10371,1],[10390,1],[10402,2],[10417,1],[10436,1],[10440,2],[10443,2],[10483,1],[10507,1],[10515,1],[10531,1],[10550,1],[10577,2],[10596,1],[10615,1],[10627,2],[10642,1],[10661,1],[10673,2],[10688,1],[10707,1],[10711,2],[10714,2],[10754,1],[10778,1],[10786,1],[10802,1],[10821,1],[10849,2],[10868,1],[10887,1],[10899,2],[10914,1],[10933,1],[10945,2],[10960,1],[10979,1],[10983,2],[10986,2],[11023,1],[11039,1],[11048,1],[11067,1],[11078,2],[11097,1],[11133,1],[11169,1],[11187,1],[11194,1],[11214,2],[11243,1],[11286,1],[11339,1],[11383,1],[11435,1],[11476,1],[11517,1],[11560,1],[11620,1],[11628,1],[11697,1],[11716,1],[11778,1],[11824,1],[11826,1],[12076,2],[12085,1],[12113,1],[12165,1],[12205,1],[12257,1],[12270,1],[12321,1],[12340,1],[12380,2],[12396,1],[12438,1],[12462,1],[12470,1],[12488,1],[12507,1],[12534,2],[12553,1],[12572,1],[12584,2],[12599,1],[12618,1],[12630,2],[12645,1],[12664,1],[12668,2],[12671,2],[12711,1],[12735,1],[12743,1],[12759,1],[12778,1],[12805,2],[12824,1],[12843,1],[12855,2],[12870,1],[12889,1],[12901,2],[12916,1],[12935,1],[12939,2],[12942,2],[12982,1],[13006,1],[13014,1],[13030,1],[13049,1],[13077,2],[13096,1],[13115,1],[13127,2],[13142,1],[13161,1],[13173,2],[13188,1],[13207,1],[13211,2],[13214,2],[13251,1],[13267,1],[13276,1],[13295,1],[13306,2],[13325,1],[13357,1],[13395,1],[13431,1],[13449,1],[13456,1],[13476,2],[13505,1],[13548,1],[13601,1],[13645,1],[13697,1],[13738,1],[13779,1],[13822,1],[13882,1],[13890,1],[13959,1],[13978,1],[14040,1],[14086,1],[14088,1],[14174,2],[14183,1],[14211,1],[14263,1],[14303,1],[14355,1],[14368,1],[14419,1],[14438,1],[14478,2],[14494,1],[14536,1],[14560,1],[14568,1],[14586,1],[14605,1],[14632,2],[14651,1],[14670,1],[14682,2],[14697,1],[14716,1],[14728,2],[14743,1],[14762,1],[14766,2],[14769,2],[14809,1],[14833,1],[14841,1],[14857,1],[14876,1],[14903,2],[14922,1],[14941,1],[14953,2],[14968,1],[14987,1],[14999,2],[15014,1],[15033,1],[15037,2],[15040,2],[15080,1],[15104,1],[15112,1],[15128,1],[15147,1],[15175,2],[15194,1],[15213,1],[15225,2],[15240,1],[15259,1],[15271,2],[15286,1],[15305,1],[15309,2],[15312,2],[15349,1],[15365,1],[15374,1],[15393,1],[15404,2],[15423,1],[15459,1],[15495,1],[15513,1],[15520,1],[15540,2],[15569,1],[15612,1],[15665,1],[15709,1],[15761,1],[15802,1],[15843,1],[15886,1],[15946,1],[15954,1],[16023,1],[16042,1],[16044,2],[16200,1],[16220,3],[16224,1],[16270,1],[16272,1]]},"552":{"position":[[854,2],[915,2],[1438,1],[1841,2],[1923,2],[2001,2],[2153,2],[3377,2],[3475,2],[3478,2],[3621,2],[3624,2],[3770,2],[3773,2],[3822,1],[3860,1],[3922,1],[3962,1],[4036,1],[4069,1],[4096,1],[4145,1],[4164,1],[4214,1],[4230,1],[4239,1],[4275,1],[4299,2],[4323,1],[4364,1],[4412,1],[4473,1],[4481,1],[4550,1],[4569,1],[4641,1],[4687,1],[4725,1],[4749,2],[4779,2],[4833,1],[4906,1],[4965,2],[5001,2],[5043,1],[5055,1],[5102,1],[5135,1],[5142,1],[5156,1],[5192,1],[5220,1],[5270,1],[5272,1],[5293,1],[5374,1],[5413,1],[5437,2],[5493,1],[5538,1],[5624,1],[5660,1],[5682,2],[5719,2],[5767,1],[5844,1],[5904,1],[6031,1],[6033,1],[6045,1],[6134,2],[6140,1],[6236,1],[6251,1],[6295,1],[6306,1],[6335,1],[6384,1],[6403,1],[6466,1],[6482,2],[6501,1],[6509,1],[6541,1],[6576,1],[6606,2],[6609,1],[6648,1],[6659,1],[6696,1],[6707,1],[6735,1],[6768,1],[6783,1],[6834,1],[6847,1],[6884,1],[6895,1],[6923,1],[6963,1],[6980,1],[7044,1],[7057,1],[7094,1],[7105,1],[7132,1],[7182,2],[7188,1],[7205,1],[7241,2],[7271,1],[7322,2],[7389,1],[7634,1],[7710,2],[7719,1],[7749,1],[7803,1],[7843,1],[7895,1],[7908,1],[7959,1],[7978,1],[8101,2],[8117,1],[8159,1],[8184,1],[8192,1],[8210,1],[8229,1],[8338,2],[8357,1],[8376,1],[8388,2],[8403,1],[8422,1],[8434,2],[8449,1],[8468,1],[8472,2],[8492,1],[8511,1],[8515,2],[8539,1],[8558,1],[8570,2],[8585,1],[8601,1],[8605,2],[8608,2],[8640,1],[8656,1],[8660,2],[8663,2],[8703,1],[8728,1],[8736,1],[8752,1],[8771,1],[8880,2],[8899,1],[8918,1],[8930,2],[8945,1],[8964,1],[8976,2],[8991,1],[9010,1],[9014,2],[9034,1],[9053,1],[9057,2],[9081,1],[9100,1],[9112,2],[9127,1],[9143,1],[9147,2],[9150,2],[9182,1],[9198,1],[9202,2],[9205,2],[9245,1],[9270,1],[9278,1],[9294,1],[9313,1],[9422,2],[9441,1],[9460,1],[9472,2],[9487,1],[9506,1],[9518,2],[9533,1],[9552,1],[9556,2],[9576,1],[9595,1],[9599,2],[9623,1],[9642,1],[9654,2],[9669,1],[9685,1],[9689,2],[9692,2],[9724,1],[9740,1],[9744,2],[9747,2],[9784,1],[9800,1],[9809,1],[9828,1],[9839,2],[9859,1],[9892,1],[9931,1],[9968,1],[9986,1],[9993,1],[10017,2],[10057,1],[10107,1],[10152,1],[10206,1],[10250,1],[10311,1],[10319,1],[10388,1],[10407,1],[10471,1],[10517,1],[10519,1],[10614,2],[10712,2],[10715,2],[10858,2],[10861,2],[10910,1],[10948,1],[11010,1],[11050,1],[11124,1],[11157,1],[11184,1],[11233,1],[11252,1],[11302,1],[11318,1],[11327,1],[11363,1],[11387,2],[11411,1],[11452,1],[11500,1],[11561,1],[11569,1],[11638,1],[11657,1],[11659,2],[11825,1],[11845,3],[11849,1],[11895,1],[11933,1],[11957,2],[11987,2],[12041,1],[12087,1],[12136,1],[12195,2],[12231,2],[12273,1],[12285,1],[12332,1],[12365,1],[12372,1],[12386,1],[12422,1],[12450,1],[12500,1],[12502,1],[12523,1],[12629,1],[12665,1],[12687,2],[12724,2],[12772,1],[12849,1],[12909,1],[13036,1],[13038,1],[13050,1],[13139,2],[13145,1],[13241,1],[13256,1],[13300,1],[13311,1],[13340,1],[13354,1],[13399,2],[13431,1],[13455,2],[13506,1],[13548,1],[13583,1],[13602,1],[13665,1],[13681,2],[13700,1],[13708,1],[13740,1],[13775,1],[13805,2],[13808,1],[13847,1],[13858,1],[13895,1],[13906,1],[13934,1],[13967,1],[13982,1],[14033,1],[14046,1],[14083,1],[14094,1],[14122,1],[14162,1],[14179,1],[14243,1],[14256,1],[14293,1],[14304,1],[14331,1],[14381,2],[14387,1],[14404,1],[14440,2],[14470,1],[14521,2],[14588,1]]},"554":{"position":[[838,2],[1787,1],[1840,1],[1951,2],[2016,1],[2038,1],[2050,1],[2282,2],[2508,2],[2734,2],[2960,2],[3186,2],[3412,2],[3638,2],[3864,2],[4090,2],[4155,1],[4177,1],[4209,1],[4241,1],[4273,1],[4305,1],[4337,1],[4369,1],[4401,1],[4433,1],[4445,1],[4685,2],[4749,1],[4774,1],[4782,1],[5198,2],[5262,1],[5287,1],[5295,1],[5739,2],[5803,1],[5825,1],[5835,1],[6158,2],[6291,2],[6426,2],[6563,2],[6700,2],[6839,2],[6978,2],[7119,2],[7135,1],[7326,1],[8009,2],[8148,1],[8175,1],[8573,2],[8829,2],[8894,1],[8940,1],[8949,1],[9304,2],[9439,1],[9461,1],[9702,2],[9938,1],[9983,1],[10013,2],[10025,1],[10057,2],[10069,1],[10099,2],[10111,1],[10124,1],[10265,1],[10445,2],[10609,1],[10653,1],[10709,2],[10759,2],[10786,1],[11152,1],[11182,1],[11193,1],[11219,1],[11241,1],[11255,1],[11366,2],[11637,2],[11677,2],[11727,2],[11759,2],[11778,2],[12034,2],[12077,2],[12133,2],[12165,2],[12187,2],[12502,2],[12534,2],[12553,2],[12872,1],[12898,1],[12980,1],[12994,1],[13044,1],[13088,1],[13132,1],[13176,1],[13192,1],[13219,1],[13266,1],[13285,1],[13312,1],[13344,1],[13356,1],[13381,1],[13403,1],[13421,1],[13449,1],[13474,1],[13493,1],[13513,1],[13549,1],[13695,1],[13722,1],[13732,1],[13753,1],[13781,1],[13804,1],[13829,1],[13880,1],[13944,1],[13956,1],[13958,1],[13992,1],[14060,1],[14072,1],[14097,1],[14149,1],[14213,1],[14225,1],[14227,1],[14229,1],[14554,2],[14586,2],[14636,2],[14686,1],[14711,1],[14789,1],[14797,1],[14806,2],[14840,1],[14903,1],[14905,1]]},"556":{"position":[[323,2],[562,2],[631,2],[753,2],[1486,2],[2816,2],[2852,2],[2875,1],[3080,1],[3105,2],[3176,1],[3194,2],[3316,2],[3345,1],[3392,1],[3420,1],[3891,2],[3894,1],[3950,1],[3952,2],[3983,2],[4066,1],[4068,1],[4687,2],[4723,2],[4746,1],[4951,1],[4976,2],[5047,1],[5065,2],[5187,2],[5216,1],[5263,1],[5291,1],[5762,2],[5765,1],[5821,1],[5823,2],[5854,2],[5937,1],[5939,1],[6274,2],[6310,2],[6333,1],[6407,1],[6419,1],[6555,1],[6571,1],[6653,2],[6739,1],[6746,1],[6770,1],[6790,3],[6794,1],[6850,1],[6852,2],[6883,2],[6966,1],[6968,1],[7243,2],[7279,2],[7302,1],[7413,1],[7428,1],[7440,1],[7576,1],[7601,2],[7672,1],[7690,2],[7812,2],[7841,1],[7888,1],[7916,1],[8387,2],[8390,1],[8446,1],[8448,2],[8479,2],[8562,1],[8564,1],[8683,1],[8713,1],[8724,1],[8750,1],[8772,1],[8786,1],[8898,2],[9236,2],[9272,2],[9304,2],[9338,2],[9560,2],[9592,2],[9621,2],[9797,1],[9839,1],[9925,1],[9937,1],[9979,1],[9994,1],[10052,1],[10088,1],[10202,1],[10338,1],[10354,1],[10409,2],[10495,1],[10502,1],[10526,1],[10546,3],[10550,1],[10606,1],[10608,2],[10639,2],[10776,1],[10807,1],[10847,1],[10859,1],[10894,1],[10906,1],[10908,1],[10910,1],[11259,2],[11295,2],[11538,1],[11568,1],[11602,1],[11653,1],[11665,1],[11667,1],[11815,1],[11831,1],[11918,2],[12005,1],[12012,1],[12036,1],[12056,3],[12060,1],[12117,1],[12119,2],[12150,2],[12233,1],[12257,2],[12269,1],[12301,2],[12313,1],[12343,2],[12355,1],[12368,1],[12508,1],[12797,2],[12833,2],[13004,1],[13052,1],[13092,1],[13147,1],[13159,1],[13161,1],[13309,1],[13325,1],[13412,2],[13499,1],[13506,1],[13530,1],[13550,3],[13554,1],[13611,1],[13613,2],[13644,2],[13727,1],[13752,2],[13802,2],[13829,1]]},"558":{"position":[[690,2],[758,2],[1273,1],[1671,2],[1753,2],[1831,2],[1891,2],[3085,2],[3183,2],[3186,2],[3329,2],[3332,2],[3478,2],[3481,2],[3530,1],[3558,1],[3610,1],[3650,1],[3724,1],[3757,1],[3784,1],[3833,1],[3852,1],[3902,1],[3918,1],[3927,1],[3963,1],[3987,2],[4006,1],[4042,1],[4085,1],[4141,1],[4149,1],[4218,1],[4237,1],[4299,1],[4345,1],[4383,1],[4407,2],[4437,2],[4491,1],[4564,1],[4613,2],[4644,2],[4681,1],[4693,1],[4735,1],[4768,1],[4775,1],[4789,1],[4825,1],[4848,1],[4893,1],[4895,1],[4916,1],[4987,1],[5026,1],[5050,2],[5106,1],[5146,1],[5222,1],[5258,1],[5280,2],[5317,2],[5365,1],[5442,1],[5607,1],[5619,1],[5703,2],[5709,1],[5805,1],[5820,1],[5864,1],[5875,1],[5904,1],[5948,1],[5967,1],[6020,1],[6036,2],[6055,1],[6063,1],[6095,1],[6130,1],[6160,2],[6163,1],[6202,1],[6213,1],[6250,1],[6261,1],[6289,1],[6322,1],[6337,1],[6388,1],[6401,1],[6438,1],[6449,1],[6477,1],[6517,1],[6534,1],[6598,1],[6611,1],[6648,1],[6659,1],[6686,1],[6736,2],[6742,1],[6759,1],[6795,2],[6825,1],[6876,2],[6943,1],[7028,2],[7126,2],[7129,2],[7272,2],[7275,2],[7324,1],[7352,1],[7404,1],[7444,1],[7518,1],[7551,1],[7578,1],[7627,1],[7646,1],[7696,1],[7712,1],[7721,1],[7757,1],[7781,2],[7800,1],[7836,1],[7879,1],[7935,1],[7943,1],[8012,1],[8031,1],[8033,2],[8189,1],[8209,3],[8213,1],[8259,1],[8297,1],[8321,2],[8351,2],[8405,1],[8478,1],[8527,2],[8558,2],[8595,1],[8607,1],[8649,1],[8682,1],[8689,1],[8703,1],[8739,1],[8762,1],[8807,1],[8809,1],[8830,1],[8901,1],[8937,1],[8959,2],[8996,2],[9044,1],[9121,1],[9286,1],[9298,1],[9382,2],[9388,1],[9484,1],[9499,1],[9543,1],[9554,1],[9583,1],[9597,1],[9637,2],[9669,1],[9693,2],[9744,1],[9784,1],[9819,1],[9838,1],[9891,1],[9907,2],[9926,1],[9934,1],[9966,1],[10001,1],[10031,2],[10034,1],[10073,1],[10084,1],[10121,1],[10132,1],[10160,1],[10193,1],[10208,1],[10259,1],[10272,1],[10309,1],[10320,1],[10348,1],[10388,1],[10405,1],[10469,1],[10482,1],[10519,1],[10530,1],[10557,1],[10607,2],[10613,1],[10630,1],[10666,2],[10696,1],[10747,2],[10814,1],[10983,2],[11532,1],[11560,1],[11612,1],[11652,1],[11726,1],[11759,1],[11786,1],[11835,1],[11854,1],[11904,1],[11920,1],[11929,1],[11965,1],[11989,2],[12008,1],[12044,1],[12087,1],[12143,1],[12191,1],[12202,1],[12271,1],[12290,1],[12352,1],[12398,1],[12438,2],[12515,2],[12595,2],[12674,2],[12768,1],[12810,1],[12878,1],[12974,1],[12989,1],[13033,1],[13044,1],[13073,1],[13117,1],[13136,1],[13189,1],[13205,2],[13224,1],[13232,1],[13264,1],[13299,1],[13329,2],[13332,1],[13371,1],[13382,1],[13419,1],[13430,1],[13458,1],[13491,1],[13506,1],[13557,1],[13570,1],[13607,1],[13618,1],[13646,1],[13686,1],[13703,1],[13767,1],[13780,1],[13817,1],[13828,1],[13855,1],[13905,2],[13911,1],[13928,1],[13964,2],[13994,1],[14045,2],[14112,1]]},"560":{"position":[[1275,1],[1328,1],[1477,2],[1541,1],[1563,1],[1882,2],[2013,2],[2146,2],[2281,2],[2416,2],[2553,2],[2690,2],[2829,2],[2845,1],[3036,1],[3689,2],[3828,1],[3855,1],[4154,2],[4455,2],[4612,1],[4661,1],[5031,2],[5259,2],[5324,1],[5370,1],[5379,1],[5706,2],[5841,1],[5863,1],[6100,2],[6336,1],[6381,1],[6411,2],[6423,1],[6455,2],[6467,1],[6497,2],[6509,1],[6522,1],[6661,1],[6837,2],[7001,1],[7041,1],[7097,2],[7145,2],[7170,1],[7531,1],[7561,1],[7572,1],[7598,1],[7620,1],[7634,1],[7745,2],[7973,2],[8013,2],[8063,2],[8095,2],[8114,2],[8327,2],[8370,2],[8426,2],[8458,2],[8480,2],[8752,2],[8784,2],[8803,2],[9122,1],[9148,1],[9230,1],[9244,1],[9294,1],[9338,1],[9382,1],[9426,1],[9442,1],[9469,1],[9516,1],[9535,1],[9562,1],[9594,1],[9606,1],[9631,1],[9653,1],[9671,1],[9699,1],[9724,1],[9743,1],[9763,1],[9799,1],[9945,1],[9972,1],[9982,1],[10003,1],[10031,1],[10054,1],[10079,1],[10130,1],[10194,1],[10206,1],[10208,1],[10243,1],[10311,1],[10323,1],[10348,1],[10400,1],[10464,1],[10476,1],[10478,1],[10480,1],[10801,2],[10833,2],[10883,2],[10933,1],[10958,1],[11036,1],[11044,1],[11053,2],[11087,1],[11150,1],[11152,1]]},"562":{"position":[[422,2],[781,2],[851,2],[959,1],[986,1],[994,1],[1185,2],[1421,1],[1442,1],[1472,1],[1502,2],[1514,1],[1546,2],[1558,1],[1588,2],[1600,1],[1613,1],[1747,1],[1869,2],[2033,1],[2058,1],[2089,1],[2120,2],[2164,2],[2185,1],[2362,2],[2371,1],[2385,1],[2555,2],[2594,2],[2648,1],[2745,1],[2753,1],[2762,2],[2803,1],[2874,1],[2876,1]]},"564":{"position":[[1092,2],[1101,1],[1115,1],[1121,1],[1223,2],[1427,2],[1632,2],[1838,2],[1947,1],[1961,1],[1980,1],[2000,1],[2021,1],[2027,1],[2253,2],[2489,1],[2511,1],[2539,1],[2569,2],[2581,1],[2613,2],[2625,1],[2655,2],[2667,1],[2680,1],[2820,1],[2984,2],[3148,1],[3186,1],[3218,1],[3247,2],[3294,2],[3318,1],[4017,2],[4126,1],[4140,1],[4146,1],[4427,2],[4640,2],[4855,2],[5071,2],[5180,1],[5194,1],[5213,1],[5233,1],[5254,1],[5260,1],[5352,1],[5493,2],[5638,1],[5659,1],[5692,1],[5713,1],[5728,1],[5750,1],[5771,1],[5787,1],[5809,1],[5827,1],[5849,1],[5874,1],[5896,1],[5912,1],[5922,2],[5925,1]]},"566":{"position":[[1534,2],[1595,1],[1620,1],[1670,1],[2143,2],[2347,2],[2549,2],[2753,2],[2814,1],[2839,1],[2939,1],[2993,1],[3656,2],[3984,2],[4310,2],[4638,2],[4779,1],[4803,1],[4853,1],[4904,1],[5118,1],[5126,1],[5162,1],[5197,1],[5233,1],[5246,1],[5281,1],[5317,1],[5351,1],[5363,1],[5376,1],[5389,1],[5401,1],[5408,1],[5410,1],[5603,2],[5884,1],[5909,1],[5970,1],[6000,2],[6012,1],[6044,2],[6056,1],[6086,2],[6098,1],[6111,1],[6248,1],[6380,2],[6589,1],[6629,1],[6664,1],[6726,2],[6772,2],[6795,1],[7137,1],[7167,1],[7178,1],[7204,1],[7226,1],[7240,1],[7351,2],[7572,2],[7604,2],[7629,2],[7902,2],[7934,2],[7960,2],[8279,1],[8305,1],[8387,1],[8401,1],[8451,1],[8487,1],[8609,1],[8636,1],[8646,1],[8667,1],[8695,1],[8718,1],[8743,1],[8801,1],[8813,1],[8838,1],[8895,1],[8907,1],[8909,1],[8911,1],[9116,2],[9148,2],[9171,2],[9232,1],[9257,1],[9340,1],[9348,1],[9360,1],[9362,1],[9734,1],[9764,1],[9775,1],[9801,1],[9823,1],[9837,1],[9957,2],[10187,2],[10219,2],[10252,2],[10506,2],[10559,2],[10587,2],[10619,2],[10651,2],[10983,2],[11015,2],[11045,2],[11364,1],[11400,1],[11454,1],[11598,1],[11610,1],[11652,1],[11666,1],[11725,1],[11778,1],[11802,2],[11826,1],[11855,1],[11888,1],[11910,1],[11932,1],[11972,1],[12001,1],[12039,1],[12061,1],[12094,1],[12147,1],[12181,1],[12200,1],[12219,1],[12381,2],[12420,1],[12447,1],[12466,1],[12487,1],[12524,1],[12556,1],[12581,1],[12634,1],[12646,1],[12671,1],[12725,1],[12737,1],[12762,1],[12812,1],[12824,1],[12826,1],[12828,1]]},"568":{"position":[[1513,2],[1574,1],[1599,1],[1623,1],[1912,2],[2091,2],[2152,1],[2177,1],[2225,1],[2863,2],[3166,2],[3307,1],[3422,1],[3430,1],[3453,2],[3470,1],[3492,2],[3509,1],[3532,2],[3550,1],[3563,1],[3585,2],[3602,1],[3625,2],[3637,1],[3639,1],[3807,2],[4088,1],[4113,1],[4137,2],[4171,1],[4201,2],[4213,1],[4245,2],[4257,1],[4287,2],[4299,1],[4312,1],[4449,1],[4557,2],[4766,1],[4807,1],[4842,1],[4866,2],[4901,2],[4948,2],[4972,1],[5314,1],[5344,1],[5355,1],[5381,1],[5403,1],[5417,1],[5537,2],[5799,2],[5831,2],[5860,2],[6123,2],[6155,2],[6185,2],[6427,2],[6459,2],[6489,2],[6748,2],[6780,2],[6808,2],[7046,2],[7078,2],[7106,2],[7425,1],[7457,1],[7535,1],[7547,1],[7589,1],[7603,1],[7656,1],[7690,1],[7709,1],[7728,1],[7883,2],[7922,1],[7949,1],[7962,1],[7983,1],[8014,1],[8040,1],[8065,1],[8122,1],[8134,1],[8159,1],[8221,1],[8233,1],[8258,1],[8320,1],[8332,1],[8357,1],[8415,1],[8427,1],[8452,1],[8510,1],[8522,1],[8524,1],[8526,1],[8731,2],[8763,2],[8786,2],[8847,1],[8872,1],[8895,2],[8951,1],[8959,1],[8971,1],[8973,1],[9334,1],[9364,1],[9375,1],[9401,1],[9423,1],[9437,1],[9557,2],[9799,2],[9850,2],[9882,2],[9914,2],[9944,2],[10284,2],[10316,2],[10344,2],[10663,1],[10703,1],[10745,1],[10891,1],[10903,1],[10945,1],[10959,1],[11012,1],[11073,1],[11101,2],[11129,1],[11156,1],[11187,1],[11210,1],[11233,1],[11277,1],[11304,1],[11344,1],[11367,1],[11417,1],[11480,1],[11514,1],[11533,1],[11552,1],[11707,2],[11746,1],[11773,1],[11786,1],[11807,1],[11838,1],[11864,1],[11889,1],[11951,1],[11963,1],[11988,1],[12046,1],[12058,1],[12060,1],[12062,1]]},"570":{"position":[[417,2],[830,2],[910,2],[1251,2],[1816,2],[1896,1],[2150,2],[2277,1],[3332,2],[3661,2],[3762,2],[3835,2],[3854,2],[4179,2],[4259,2],[4305,2],[4370,2],[4442,2],[5343,2],[5422,1],[5649,1],[5687,2],[5899,1],[5918,2],[5996,1],[6033,2],[6176,1],[6938,2],[7201,2],[7213,2],[7302,2],[7311,1],[7337,1],[7387,1],[7501,1],[7534,1],[7608,1],[7653,1],[7664,1],[7684,1],[7698,1],[7703,1],[7715,1],[7717,4],[7731,1],[7762,1],[7809,1],[7814,1],[7826,1],[7849,1],[7881,1],[7907,1],[7912,1],[7924,1],[7949,1],[7972,1],[7989,2],[8009,1],[8011,1]]},"572":{"position":[[429,2],[807,2],[887,2],[1268,2],[1348,1],[1602,2],[1729,1],[2723,2],[3239,2],[3312,2],[3330,2],[3655,2],[3735,2],[3776,2],[3842,2],[3898,2],[3944,2],[4001,2],[4262,2],[4342,1],[4596,2],[4723,1],[5206,1],[5244,2],[5437,1],[5456,2],[5533,1],[5566,1],[5573,1],[5638,2],[5781,1],[6602,1],[7317,2],[7555,1],[7707,1],[7740,1],[7814,1],[7859,1],[7870,1],[7890,1],[7904,1],[7909,1],[7921,1],[7923,4],[7937,1],[7968,1],[8015,1],[8020,1],[8032,1],[8055,1],[8087,1],[8113,1],[8118,1],[8130,1],[8153,1],[8176,1],[8193,2],[8213,1],[8215,1]]},"574":{"position":[[417,2],[828,2],[908,2],[1249,2],[1631,2],[1711,1],[1965,2],[2092,1],[3145,2],[3383,3],[3482,2],[3583,2],[3656,2],[3675,2],[4000,2],[4080,2],[4126,2],[4191,2],[4247,2],[4319,2],[4399,2],[5019,2],[5099,1],[5353,2],[5480,1],[5996,1],[6034,2],[6246,1],[6265,2],[6343,1],[6380,2],[6523,1],[7285,2],[7548,2],[7560,2],[7649,2],[7658,1],[7684,1],[7734,1],[7848,1],[7881,1],[7955,1],[8000,1],[8011,1],[8031,1],[8045,1],[8050,1],[8062,1],[8064,4],[8078,1],[8109,1],[8156,1],[8161,1],[8173,1],[8196,1],[8228,1],[8254,1],[8259,1],[8271,1],[8296,1],[8319,1],[8336,2],[8356,1],[8358,1]]},"576":{"position":[[474,2],[852,2],[932,2],[1313,2],[1393,1],[1647,2],[1774,1],[2768,2],[2973,2],[3046,2],[3064,2],[3389,2],[3469,2],[3510,2],[3588,2],[3644,2],[3692,2],[3751,2],[4012,2],[4092,1],[4346,2],[4473,1],[4926,1],[5003,2],[5118,1],[5137,2],[5215,1],[5280,2],[5423,1],[6225,2],[6463,1],[6615,1],[6648,1],[6722,1],[6767,1],[6778,1],[6798,1],[6812,1],[6817,1],[6829,1],[6831,4],[6845,1],[6876,1],[6923,1],[6928,1],[6940,1],[6963,1],[6995,1],[7021,1],[7026,1],[7038,1],[7061,1],[7084,1],[7101,2],[7121,1],[7123,1]]},"578":{"position":[[426,2],[837,2],[917,2],[1263,2],[1650,2],[1730,1],[1984,2],[2111,1],[3180,2],[3476,2],[3586,2],[3645,2],[3970,2],[4050,2],[4095,2],[4165,2],[4862,2],[4941,1],[5199,2],[5228,1],[5400,2],[5418,1],[5432,1],[5479,3],[6184,2],[6447,2],[6459,2],[6548,2],[6557,1],[6583,1],[6633,1],[6747,1],[6780,1],[6854,1],[6899,1],[6910,1],[6930,1],[6944,1],[6949,1],[6961,1],[6963,4],[6977,1],[7008,1],[7055,1],[7060,1],[7072,1],[7095,1],[7127,1],[7153,1],[7158,1],[7170,1],[7195,1],[7218,1],[7235,2],[7255,1],[7257,1]]},"580":{"position":[[827,2],[907,2],[1290,2],[1370,1],[1624,2],[1751,1],[2808,2]]},"582":{"position":[[426,2],[837,2],[917,2],[1304,2],[1384,1],[1638,2],[1765,1],[2766,2],[2949,2],[3022,2],[3091,2],[3416,2],[3496,2],[3541,2],[3597,2],[3677,2],[3775,2],[3812,2],[4267,2],[4347,1],[4601,2],[4728,1],[5274,1],[5446,2],[5464,1],[5478,1],[5525,3],[6250,2],[6488,1],[6640,1],[6673,1],[6747,1],[6792,1],[6803,1],[6823,1],[6837,1],[6842,1],[6854,1],[6856,4],[6870,1],[6901,1],[6948,1],[6953,1],[6965,1],[6988,1],[7020,1],[7046,1],[7051,1],[7063,1],[7086,1],[7109,1],[7126,2],[7146,1],[7148,1]]},"584":{"position":[[426,2],[837,2],[917,2],[1263,2],[1650,2],[1730,1],[1984,2],[2111,1],[3180,2],[3476,2],[3586,2],[3645,2],[3970,2],[4050,2],[4095,2],[4151,2],[4221,2],[4319,2],[4356,2],[5063,2],[5142,1],[5389,1],[5561,2],[5579,1],[5593,1],[5640,3],[6345,2],[6608,2],[6620,2],[6709,2],[6718,1],[6744,1],[6794,1],[6908,1],[6941,1],[7015,1],[7060,1],[7071,1],[7091,1],[7105,1],[7110,1],[7122,1],[7124,4],[7138,1],[7169,1],[7216,1],[7221,1],[7233,1],[7256,1],[7288,1],[7314,1],[7319,1],[7331,1],[7356,1],[7379,1],[7396,2],[7416,1],[7418,1]]},"586":{"position":[[751,2],[991,1],[1017,1],[1067,1],[1181,1],[1214,1],[1288,1],[1333,1],[1344,1],[1364,1],[1378,1],[1383,1],[1395,1],[1397,4],[1411,1],[1442,1],[1489,1],[1494,1],[1506,1],[1529,1],[1561,1],[1587,1],[1592,1],[1604,1],[1629,1],[1652,1],[1669,2],[1689,1],[1691,1]]},"588":{"position":[[827,2],[907,2],[1290,2],[1370,1],[1624,2],[1751,1],[2748,2]]},"590":{"position":[[746,2],[986,1],[1012,1],[1062,1],[1176,1],[1209,1],[1283,1],[1328,1],[1339,1],[1359,1],[1373,1],[1378,1],[1390,1],[1392,4],[1406,1],[1437,1],[1484,1],[1489,1],[1501,1],[1524,1],[1556,1],[1582,1],[1587,1],[1599,1],[1624,1],[1647,1],[1664,2],[1684,1],[1686,1]]},"592":{"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]]},"594":{"position":[[83,1]]},"596":{"position":[[6524,2],[6950,2],[7370,2],[7781,2],[8201,2],[8618,2],[9534,2],[10405,2],[11472,2],[13123,2],[14098,2],[15704,1],[15738,1],[15776,2],[15798,1],[15838,2],[15860,1],[15868,1],[18989,1],[19019,1],[19030,1],[19056,1],[19078,1],[19092,1],[19357,2],[19533,2],[19573,2],[19623,2],[19655,2],[19674,2],[19828,2],[19871,2],[19927,2],[19959,2],[19981,2],[20194,2],[20226,2],[20245,2],[20585,1],[20611,1],[20652,1],[20704,1],[20718,1],[20768,1],[20812,1],[20856,1],[20900,1],[20916,1],[20943,1],[20990,1],[21009,1],[21036,1],[21068,1],[21080,1],[21105,1],[21127,1],[21145,1],[21173,1],[21198,1],[21217,1],[21237,1],[21273,1],[21419,1],[21446,1],[21456,1],[21477,1],[21505,1],[21528,1],[21553,1],[21604,1],[21668,1],[21680,1],[21682,1],[21717,1],[21785,1],[21797,1],[21822,1],[21874,1],[21938,1],[21950,1],[21952,1],[21954,1],[24437,1],[24480,2],[24543,2],[24608,2],[24642,1],[25248,1],[25272,1],[25331,2],[25402,2],[25474,2],[25545,2],[25578,1]]},"598":{"position":[[414,2],[670,2],[1048,2],[1516,2],[1705,2],[1714,1],[1866,1],[1899,1],[1973,1],[2018,1],[2029,1],[2049,1],[2063,1],[2070,1],[2101,1],[2132,1],[2166,1],[2173,1],[2195,1],[2228,1],[2253,1],[2260,1],[2288,1],[2321,1],[2353,1],[2360,1],[2386,1],[2416,1],[2445,1],[2452,1],[2475,1],[2511,1],[2525,2],[2545,1],[2547,1],[2829,2],[2838,1],[2990,1],[3023,1],[3097,1],[3142,1],[3153,1],[3173,1],[3187,1],[3192,1],[3204,1],[3235,1],[3266,1],[3300,1],[3305,1],[3321,1],[3357,1],[3369,2],[3384,1],[3389,1],[3401,1],[3422,1],[3452,1],[3490,1],[3495,1],[3511,1],[3552,1],[3567,2],[3582,1],[3587,1],[3599,1],[3621,1],[3654,1],[3693,1],[3698,1],[3710,1],[3736,1],[3766,1],[3809,1],[3814,1],[3826,1],[3849,1],[3885,1],[3925,1],[3930,1],[3946,1],[3974,1],[3984,2],[3999,1],[4004,1],[4016,1],[4044,1],[4077,1],[4123,1],[4128,1],[4141,1],[4171,1],[4203,1],[4250,1],[4255,1],[4268,1],[4296,1],[4325,1],[4370,1],[4375,1],[4388,1],[4410,1],[4436,1],[4463,2],[4483,1],[4485,1],[4684,2],[4693,1],[4845,1],[4878,1],[4952,1],[4997,1],[5008,1],[5028,1],[5042,1],[5047,1],[5059,1],[5090,1],[5121,1],[5155,1],[5160,1],[5176,1],[5212,1],[5235,1],[5255,2],[5270,1],[5275,1],[5287,1],[5308,1],[5338,1],[5376,1],[5381,1],[5397,1],[5438,1],[5464,1],[5484,2],[5499,1],[5504,1],[5516,1],[5538,1],[5571,1],[5610,1],[5615,1],[5627,1],[5653,1],[5683,1],[5726,1],[5731,1],[5743,1],[5766,1],[5802,1],[5842,1],[5847,1],[5863,1],[5891,1],[5912,1],[5931,2],[5946,1],[5951,1],[5963,1],[5991,1],[6024,1],[6070,1],[6075,1],[6088,1],[6118,1],[6150,1],[6197,1],[6202,1],[6215,1],[6243,1],[6272,1],[6317,1],[6322,1],[6335,1],[6357,1],[6383,1],[6410,2],[6430,1],[6432,1],[6720,2],[6975,1],[7127,1],[7160,1],[7234,1],[7279,1],[7290,1],[7310,1],[7324,1],[7329,1],[7341,1],[7372,1],[7403,1],[7437,1],[7442,1],[7458,1],[7494,1],[7517,1],[7537,2],[7552,1],[7557,1],[7569,1],[7590,1],[7620,1],[7658,1],[7663,1],[7679,1],[7720,1],[7746,1],[7766,2],[7781,1],[7786,1],[7798,1],[7820,1],[7853,1],[7892,1],[7897,1],[7909,1],[7935,1],[7965,1],[8008,1],[8013,1],[8025,1],[8048,1],[8084,1],[8124,1],[8129,1],[8145,1],[8173,1],[8194,1],[8213,2],[8228,1],[8233,1],[8245,1],[8273,1],[8306,1],[8352,1],[8357,1],[8370,1],[8400,1],[8432,1],[8479,1],[8484,1],[8497,1],[8525,1],[8554,1],[8599,1],[8604,1],[8617,1],[8639,1],[8665,1],[8692,2],[8712,1],[8714,1],[8980,2],[9117,2],[9308,1],[9460,1],[9493,1],[9567,1],[9612,1],[9623,1],[9643,1],[9657,1],[9662,1],[9674,1],[9705,1],[9736,1],[9770,1],[9775,1],[9791,1],[9827,1],[9850,1],[9870,2],[9885,1],[9890,1],[9902,1],[9923,1],[9953,1],[9991,1],[9996,1],[10012,1],[10053,1],[10079,1],[10099,2],[10114,1],[10119,1],[10131,1],[10153,1],[10186,1],[10225,1],[10230,1],[10242,1],[10268,1],[10298,1],[10341,1],[10346,1],[10358,1],[10381,1],[10417,1],[10457,1],[10462,1],[10478,1],[10506,1],[10527,1],[10546,2],[10561,1],[10566,1],[10578,1],[10606,1],[10639,1],[10685,1],[10690,1],[10703,1],[10733,1],[10765,1],[10812,1],[10817,1],[10830,1],[10858,1],[10887,1],[10932,1],[10937,1],[10950,1],[10972,1],[10998,1],[11025,2],[11045,1],[11076,2],[11104,1],[11433,2],[11570,2],[11761,1],[11913,1],[11946,1],[12020,1],[12065,1],[12076,1],[12096,1],[12110,1],[12115,1],[12127,1],[12158,1],[12189,1],[12223,1],[12228,1],[12244,1],[12280,1],[12303,1],[12323,2],[12338,1],[12343,1],[12355,1],[12376,1],[12406,1],[12444,1],[12449,1],[12465,1],[12506,1],[12532,1],[12552,2],[12567,1],[12572,1],[12584,1],[12606,1],[12639,1],[12678,1],[12683,1],[12695,1],[12721,1],[12751,1],[12794,1],[12799,1],[12811,1],[12834,1],[12870,1],[12910,1],[12915,1],[12931,1],[12959,1],[12980,1],[12999,2],[13014,1],[13019,1],[13031,1],[13059,1],[13092,1],[13138,1],[13143,1],[13156,1],[13186,1],[13218,1],[13265,1],[13270,1],[13283,1],[13311,1],[13340,1],[13385,1],[13390,1],[13403,1],[13425,1],[13451,1],[13478,2],[13498,1],[13529,2],[13557,1],[13843,2],[13980,2],[14171,1],[14323,1],[14356,1],[14430,1],[14475,1],[14486,1],[14506,1],[14520,1],[14525,1],[14537,1],[14568,1],[14599,1],[14633,1],[14638,1],[14654,1],[14690,1],[14713,1],[14733,2],[14748,1],[14753,1],[14765,1],[14786,1],[14816,1],[14854,1],[14859,1],[14875,1],[14916,1],[14942,1],[14962,2],[14977,1],[14982,1],[14994,1],[15016,1],[15049,1],[15088,1],[15093,1],[15105,1],[15131,1],[15161,1],[15204,1],[15209,1],[15221,1],[15244,1],[15280,1],[15320,1],[15325,1],[15341,1],[15369,1],[15390,1],[15409,2],[15424,1],[15429,1],[15441,1],[15469,1],[15502,1],[15548,1],[15553,1],[15566,1],[15596,1],[15628,1],[15675,1],[15680,1],[15693,1],[15721,1],[15750,1],[15795,1],[15800,1],[15813,1],[15835,1],[15861,1],[15888,2],[15908,1],[15939,2],[15967,1],[16257,2],[16394,2],[16585,1],[16737,1],[16770,1],[16844,1],[16889,1],[16900,1],[16920,1],[16934,1],[16939,1],[16951,1],[16982,1],[17013,1],[17047,1],[17052,1],[17068,1],[17104,1],[17127,1],[17147,2],[17162,1],[17167,1],[17179,1],[17200,1],[17230,1],[17268,1],[17273,1],[17289,1],[17330,1],[17356,1],[17376,2],[17391,1],[17396,1],[17408,1],[17430,1],[17463,1],[17502,1],[17507,1],[17519,1],[17545,1],[17575,1],[17618,1],[17623,1],[17635,1],[17658,1],[17694,1],[17734,1],[17739,1],[17755,1],[17783,1],[17804,1],[17823,2],[17838,1],[17843,1],[17855,1],[17883,1],[17916,1],[17962,1],[17967,1],[17980,1],[18010,1],[18042,1],[18089,1],[18094,1],[18107,1],[18135,1],[18164,1],[18209,1],[18214,1],[18227,1],[18249,1],[18275,1],[18302,2],[18322,1],[18353,2],[18381,1],[18685,2],[19060,1],[19101,1],[19243,1],[19276,1],[19350,1],[19395,1],[19406,1],[19426,1],[19440,1],[19445,1],[19457,1],[19488,1],[19519,1],[19553,1],[19558,1],[19574,1],[19610,1],[19633,1],[19653,2],[19668,1],[19673,1],[19685,1],[19706,1],[19736,1],[19774,1],[19779,1],[19795,1],[19836,1],[19862,1],[19882,2],[19897,1],[19902,1],[19914,1],[19936,1],[19969,1],[20008,1],[20013,1],[20025,1],[20051,1],[20081,1],[20124,1],[20129,1],[20141,1],[20164,1],[20200,1],[20240,1],[20245,1],[20261,1],[20289,1],[20310,1],[20329,2],[20344,1],[20349,1],[20361,1],[20389,1],[20422,1],[20468,1],[20473,1],[20486,1],[20516,1],[20548,1],[20595,1],[20600,1],[20613,1],[20641,1],[20670,1],[20715,1],[20720,1],[20733,1],[20755,1],[20781,1],[20808,2],[20828,1],[20865,2],[20885,1],[20906,1],[20931,1],[20947,1],[22162,1],[22173,1],[22408,2],[22417,1],[22569,1],[22602,1],[22676,1],[22721,1],[22732,1],[22752,1],[22766,1],[22771,1],[22783,1],[22814,1],[22845,1],[22879,1],[22884,1],[22900,1],[22936,1],[22948,2],[22963,1],[22968,1],[22980,1],[23001,1],[23031,1],[23069,1],[23074,1],[23090,1],[23131,1],[23146,2],[23161,1],[23166,1],[23178,1],[23200,1],[23233,1],[23286,1],[23291,1],[23303,1],[23329,1],[23359,1],[23416,1],[23421,1],[23433,1],[23456,1],[23492,1],[23546,1],[23551,1],[23567,1],[23595,1],[23605,2],[23620,1],[23625,1],[23637,1],[23665,1],[23698,1],[23744,1],[23749,1],[23762,1],[23792,1],[23824,1],[23871,1],[23876,1],[23889,1],[23917,1],[23946,1],[23991,1],[23996,1],[24009,1],[24031,1],[24057,1],[24084,2],[24104,1],[24106,1]]},"600":{"position":[[174,1],[768,2],[1316,2],[1999,2],[2143,1],[2156,1],[2158,2],[2245,2],[2355,2],[3801,1],[4033,2],[5139,2],[7676,1],[7760,1],[7772,1],[7794,1],[7810,1],[7815,1],[7827,1],[7850,1],[7871,1],[7910,1],[7917,2],[7934,1],[7939,1],[7951,1],[7972,1],[8004,1],[8041,1],[8048,2],[8065,1],[8070,1],[8082,1],[8104,1],[8127,1],[8165,1],[8172,2],[8189,1],[8194,1],[8206,1],[8227,1],[8256,1],[8293,1],[8301,2],[8318,1],[8323,1],[8335,1],[8359,1],[8389,1],[8427,1],[8434,2],[8451,1],[8456,1],[8468,1],[8490,1],[8509,1],[8547,1],[8554,2],[8571,1],[8576,1],[8588,1],[8612,1],[8631,1],[8669,1],[8676,2],[8693,1],[8698,1],[8710,1],[8733,1],[8755,1],[8792,1],[8799,2],[8816,1],[8821,1],[8833,1],[8855,1],[8874,1],[8911,1],[8918,2],[8921,2],[8924,1],[9046,1],[9106,1],[9108,1],[10021,1],[10105,1],[10117,1],[10139,1],[10155,1],[10160,1],[10172,1],[10195,1],[10216,1],[10255,1],[10262,2],[10279,1],[10284,1],[10296,1],[10317,1],[10349,1],[10386,1],[10393,2],[10410,1],[10415,1],[10427,1],[10449,1],[10472,1],[10510,1],[10517,2],[10534,1],[10539,1],[10551,1],[10572,1],[10601,1],[10638,1],[10646,2],[10663,1],[10668,1],[10680,1],[10704,1],[10734,1],[10772,1],[10779,2],[10796,1],[10801,1],[10813,1],[10835,1],[10854,1],[10892,1],[10899,2],[10916,1],[10921,1],[10933,1],[10957,1],[10976,1],[11014,1],[11021,2],[11038,1],[11043,1],[11055,1],[11078,1],[11100,1],[11137,1],[11144,2],[11161,1],[11166,1],[11178,1],[11200,1],[11219,1],[11256,1],[11263,2],[11266,2],[11269,1],[11391,1],[11451,1],[11453,1],[12397,1],[12481,1],[12493,1],[12515,1],[12531,1],[12536,1],[12548,1],[12571,1],[12592,1],[12631,1],[12638,2],[12655,1],[12660,1],[12672,1],[12693,1],[12725,1],[12762,1],[12769,2],[12786,1],[12791,1],[12803,1],[12825,1],[12848,1],[12886,1],[12893,2],[12910,1],[12915,1],[12927,1],[12948,1],[12977,1],[13014,1],[13022,2],[13039,1],[13044,1],[13056,1],[13080,1],[13110,1],[13148,1],[13155,2],[13172,1],[13177,1],[13189,1],[13211,1],[13230,1],[13268,1],[13275,2],[13292,1],[13297,1],[13309,1],[13333,1],[13352,1],[13390,1],[13397,2],[13414,1],[13419,1],[13431,1],[13455,1],[13482,1],[13520,1],[13527,2],[13544,1],[13549,1],[13561,1],[13585,1],[13607,1],[13645,1],[13652,2],[13669,1],[13674,1],[13686,1],[13709,1],[13731,1],[13768,1],[13775,2],[13792,1],[13797,1],[13809,1],[13831,1],[13850,1],[13887,1],[13894,2],[13911,1],[13916,1],[13928,1],[13952,1],[13975,1],[14013,1],[14020,2],[14023,2],[14026,1],[14148,1],[14208,1],[14210,1],[14627,2],[14745,2],[14865,2],[14991,2],[15104,2],[15169,1],[15253,1],[15265,1],[15287,1],[15303,1],[15308,1],[15320,1],[15343,1],[15364,1],[15403,1],[15410,2],[15427,1],[15432,1],[15444,1],[15465,1],[15497,1],[15534,1],[15541,2],[15558,1],[15563,1],[15575,1],[15597,1],[15620,1],[15658,1],[15665,2],[15682,1],[15687,1],[15699,1],[15720,1],[15749,1],[15786,1],[15794,2],[15811,1],[15816,1],[15828,1],[15852,1],[15882,1],[15920,1],[15927,2],[15944,1],[15949,1],[15961,1],[15983,1],[16002,1],[16040,1],[16047,2],[16064,1],[16069,1],[16081,1],[16105,1],[16124,1],[16162,1],[16169,2],[16186,1],[16191,1],[16203,1],[16226,1],[16248,1],[16285,1],[16292,2],[16309,1],[16314,1],[16326,1],[16348,1],[16367,1],[16404,1],[16411,2],[16414,2],[16417,1],[16539,1],[16599,1],[16601,1],[16956,2],[17094,2],[17241,2],[17386,2],[17523,2],[17588,1],[17672,1],[17684,1],[17706,1],[17722,1],[17727,1],[17739,1],[17762,1],[17783,1],[17822,1],[17829,2],[17846,1],[17851,1],[17863,1],[17884,1],[17916,1],[17953,1],[17960,2],[17977,1],[17982,1],[17994,1],[18016,1],[18039,1],[18077,1],[18084,2],[18101,1],[18106,1],[18118,1],[18139,1],[18168,1],[18205,1],[18213,2],[18230,1],[18235,1],[18247,1],[18271,1],[18301,1],[18339,1],[18346,2],[18363,1],[18368,1],[18380,1],[18402,1],[18421,1],[18459,1],[18466,2],[18483,1],[18488,1],[18500,1],[18524,1],[18543,1],[18581,1],[18588,2],[18605,1],[18610,1],[18622,1],[18646,1],[18673,1],[18711,1],[18718,2],[18735,1],[18740,1],[18752,1],[18776,1],[18798,1],[18836,1],[18843,2],[18860,1],[18865,1],[18877,1],[18900,1],[18922,1],[18959,1],[18966,2],[18983,1],[18988,1],[19000,1],[19022,1],[19041,1],[19078,1],[19085,2],[19102,1],[19107,1],[19119,1],[19143,1],[19166,1],[19204,1],[19211,2],[19214,2],[19217,1],[19339,1],[19399,1],[19401,1],[20340,1],[20424,1],[20436,1],[20458,1],[20474,1],[20479,1],[20491,1],[20514,1],[20535,1],[20574,1],[20581,2],[20598,1],[20603,1],[20615,1],[20636,1],[20668,1],[20705,1],[20712,2],[20729,1],[20734,1],[20746,1],[20768,1],[20791,1],[20829,1],[20836,2],[20853,1],[20858,1],[20870,1],[20891,1],[20920,1],[20957,1],[20965,2],[20982,1],[20987,1],[20999,1],[21023,1],[21053,1],[21091,1],[21098,2],[21115,1],[21120,1],[21132,1],[21154,1],[21173,1],[21211,1],[21218,2],[21235,1],[21240,1],[21252,1],[21276,1],[21295,1],[21333,1],[21340,2],[21357,1],[21362,1],[21374,1],[21397,1],[21419,1],[21456,1],[21463,2],[21480,1],[21485,1],[21497,1],[21519,1],[21538,1],[21575,1],[21582,2],[21585,2],[21588,1],[21710,1],[21770,1],[21772,1],[22742,1],[22826,1],[22838,1],[22860,1],[22876,1],[22881,1],[22893,1],[22916,1],[22937,1],[22976,1],[22983,2],[23000,1],[23005,1],[23017,1],[23038,1],[23070,1],[23107,1],[23114,2],[23131,1],[23136,1],[23148,1],[23170,1],[23193,1],[23231,1],[23238,2],[23255,1],[23260,1],[23272,1],[23293,1],[23322,1],[23359,1],[23367,2],[23384,1],[23389,1],[23401,1],[23425,1],[23455,1],[23493,1],[23500,2],[23517,1],[23522,1],[23534,1],[23556,1],[23575,1],[23613,1],[23620,2],[23637,1],[23642,1],[23654,1],[23678,1],[23697,1],[23735,1],[23742,2],[23759,1],[23764,1],[23776,1],[23799,1],[23821,1],[23858,1],[23865,2],[23882,1],[23887,1],[23899,1],[23921,1],[23940,1],[23977,1],[23984,2],[23987,2],[23990,1],[24112,1],[24172,1],[24174,1],[25808,1],[25892,1],[25904,1],[25926,1],[25942,1],[25947,1],[25964,1],[25984,1],[26001,1],[26040,1],[26081,1],[26102,1],[26139,1],[26156,1],[26163,2],[26180,1],[26185,1],[26202,1],[26220,1],[26235,1],[26272,1],[26313,1],[26345,1],[26380,1],[26398,1],[26405,2],[26422,1],[26427,1],[26444,1],[26463,1],[26479,1],[26517,1],[26558,1],[26581,1],[26617,1],[26635,1],[26642,2],[26659,1],[26664,1],[26681,1],[26699,1],[26714,1],[26751,1],[26792,1],[26821,1],[26856,1],[26874,1],[26882,2],[26899,1],[26904,1],[26921,1],[26942,1],[26958,1],[26998,1],[27039,1],[27069,1],[27105,1],[27127,1],[27134,2],[27151,1],[27156,1],[27173,1],[27192,1],[27205,1],[27243,1],[27284,1],[27303,1],[27339,1],[27357,1],[27364,2],[27381,1],[27386,1],[27403,1],[27424,1],[27442,1],[27482,1],[27523,1],[27542,1],[27578,1],[27596,1],[27603,2],[27620,1],[27625,1],[27642,1],[27662,1],[27681,1],[27720,1],[27761,1],[27783,1],[27818,1],[27836,1],[27843,2],[27860,1],[27865,1],[27882,1],[27901,1],[27920,1],[27958,1],[27999,1],[28018,1],[28053,1],[28070,1],[28077,2],[28080,2],[28083,1],[28205,1],[28265,1],[28267,1],[28754,2],[28916,2],[29089,2],[29268,2],[29438,2],[29589,2],[29747,2],[29812,1],[29864,1],[29876,1],[29996,1],[30016,1],[30018,3],[30050,1],[30104,2],[30130,1],[30132,2],[30205,1],[30252,1],[30288,1],[30301,1],[30482,1],[30489,1],[30516,1],[30531,3],[30535,1],[30537,1],[31196,2],[31317,2],[31508,2],[31637,2],[31753,2],[31819,1],[31903,1],[31915,1],[31937,1],[31953,1],[31958,1],[31970,1],[31993,1],[32014,1],[32053,1],[32060,2],[32077,1],[32082,1],[32094,1],[32115,1],[32147,1],[32184,1],[32191,2],[32208,1],[32213,1],[32225,1],[32247,1],[32270,1],[32308,1],[32315,2],[32332,1],[32337,1],[32349,1],[32370,1],[32399,1],[32436,1],[32444,2],[32461,1],[32466,1],[32478,1],[32502,1],[32532,1],[32570,1],[32577,2],[32594,1],[32599,1],[32611,1],[32633,1],[32652,1],[32690,1],[32697,2],[32714,1],[32719,1],[32731,1],[32755,1],[32774,1],[32812,1],[32819,2],[32836,1],[32841,1],[32853,1],[32876,1],[32898,1],[32935,1],[32942,2],[32959,1],[32964,1],[32976,1],[32998,1],[33017,1],[33054,1],[33061,2],[33064,2],[33067,1],[33189,1],[33249,1],[33251,1],[33658,2],[33779,2],[34002,2],[34118,2],[34184,1],[34268,1],[34280,1],[34302,1],[34318,1],[34323,1],[34335,1],[34358,1],[34379,1],[34418,1],[34425,2],[34442,1],[34447,1],[34459,1],[34480,1],[34512,1],[34549,1],[34556,2],[34573,1],[34578,1],[34590,1],[34612,1],[34635,1],[34673,1],[34680,2],[34697,1],[34702,1],[34714,1],[34735,1],[34764,1],[34801,1],[34809,2],[34826,1],[34831,1],[34843,1],[34867,1],[34897,1],[34935,1],[34942,2],[34959,1],[34964,1],[34976,1],[34998,1],[35017,1],[35055,1],[35062,2],[35079,1],[35084,1],[35096,1],[35120,1],[35139,1],[35177,1],[35184,2],[35201,1],[35206,1],[35218,1],[35241,1],[35263,1],[35300,1],[35307,2],[35324,1],[35329,1],[35341,1],[35363,1],[35382,1],[35419,1],[35426,2],[35429,2],[35432,1],[35554,1],[35614,1],[35616,1],[36549,1],[36633,1],[36645,1],[36667,1],[36683,1],[36688,1],[36700,1],[36723,1],[36744,1],[36783,1],[36790,2],[36807,1],[36812,1],[36824,1],[36845,1],[36877,1],[36914,1],[36921,2],[36938,1],[36943,1],[36955,1],[36977,1],[37000,1],[37038,1],[37045,2],[37062,1],[37067,1],[37079,1],[37100,1],[37129,1],[37166,1],[37174,2],[37191,1],[37196,1],[37208,1],[37232,1],[37262,1],[37300,1],[37307,2],[37324,1],[37329,1],[37341,1],[37363,1],[37382,1],[37420,1],[37427,2],[37444,1],[37449,1],[37461,1],[37485,1],[37504,1],[37542,1],[37549,2],[37566,1],[37571,1],[37583,1],[37606,1],[37628,1],[37665,1],[37672,2],[37689,1],[37694,1],[37706,1],[37728,1],[37747,1],[37784,1],[37791,2],[37794,2],[37797,1],[37919,1],[37979,1],[37981,1],[38954,1],[39038,1],[39050,1],[39072,1],[39088,1],[39093,1],[39105,1],[39128,1],[39152,1],[39169,1],[39176,2],[39193,1],[39198,1],[39210,1],[39231,1],[39266,1],[39284,1],[39291,2],[39308,1],[39313,1],[39325,1],[39347,1],[39373,1],[39391,1],[39398,2],[39415,1],[39420,1],[39432,1],[39453,1],[39485,1],[39503,1],[39511,2],[39528,1],[39533,1],[39545,1],[39569,1],[39602,1],[39624,1],[39631,2],[39648,1],[39653,1],[39665,1],[39687,1],[39709,1],[39727,1],[39734,2],[39751,1],[39756,1],[39768,1],[39792,1],[39814,1],[39832,1],[39839,2],[39856,1],[39861,1],[39873,1],[39896,1],[39921,1],[39939,1],[39946,2],[39963,1],[39968,1],[39980,1],[40002,1],[40024,1],[40041,1],[40048,2],[40051,2],[40054,1],[40176,1],[40236,1],[40238,1],[41212,1],[41296,1],[41308,1],[41330,1],[41346,1],[41351,1],[41363,1],[41386,1],[41410,1],[41427,1],[41434,2],[41451,1],[41456,1],[41468,1],[41489,1],[41524,1],[41542,1],[41549,2],[41566,1],[41571,1],[41583,1],[41605,1],[41631,1],[41649,1],[41656,2],[41673,1],[41678,1],[41690,1],[41711,1],[41743,1],[41761,1],[41769,2],[41786,1],[41791,1],[41803,1],[41827,1],[41860,1],[41882,1],[41889,2],[41906,1],[41911,1],[41923,1],[41945,1],[41967,1],[41985,1],[41992,2],[42009,1],[42014,1],[42026,1],[42050,1],[42072,1],[42090,1],[42097,2],[42114,1],[42119,1],[42131,1],[42154,1],[42179,1],[42197,1],[42204,2],[42221,1],[42226,1],[42238,1],[42260,1],[42282,1],[42299,1],[42306,2],[42309,2],[42312,1],[42434,1],[42494,1],[42496,1],[43837,1],[43921,1],[43933,1],[43955,1],[43971,1],[43976,1],[43993,1],[44013,1],[44030,1],[44069,1],[44110,1],[44131,1],[44168,1],[44185,1],[44192,2],[44209,1],[44214,1],[44231,1],[44249,1],[44264,1],[44301,1],[44342,1],[44374,1],[44409,1],[44427,1],[44434,2],[44451,1],[44456,1],[44473,1],[44492,1],[44508,1],[44546,1],[44587,1],[44610,1],[44646,1],[44664,1],[44671,2],[44688,1],[44693,1],[44710,1],[44728,1],[44743,1],[44780,1],[44821,1],[44850,1],[44885,1],[44903,1],[44911,2],[44928,1],[44933,1],[44950,1],[44971,1],[44987,1],[45027,1],[45068,1],[45098,1],[45134,1],[45156,1],[45163,2],[45180,1],[45185,1],[45202,1],[45221,1],[45234,1],[45272,1],[45313,1],[45332,1],[45368,1],[45386,1],[45393,2],[45410,1],[45415,1],[45432,1],[45453,1],[45471,1],[45511,1],[45552,1],[45571,1],[45607,1],[45625,1],[45632,2],[45649,1],[45654,1],[45671,1],[45691,1],[45710,1],[45749,1],[45790,1],[45812,1],[45847,1],[45865,1],[45872,2],[45889,1],[45894,1],[45911,1],[45930,1],[45949,1],[45987,1],[46028,1],[46047,1],[46082,1],[46099,1],[46106,2],[46109,2],[46112,1],[46234,1],[46294,1],[46296,1],[47190,1],[47274,1],[47286,1],[47308,1],[47324,1],[47329,1],[47341,1],[47364,1],[47385,1],[47424,1],[47431,2],[47448,1],[47453,1],[47465,1],[47486,1],[47518,1],[47555,1],[47562,2],[47579,1],[47584,1],[47596,1],[47618,1],[47641,1],[47679,1],[47686,2],[47703,1],[47708,1],[47720,1],[47741,1],[47770,1],[47807,1],[47815,2],[47832,1],[47837,1],[47849,1],[47873,1],[47903,1],[47941,1],[47948,2],[47965,1],[47970,1],[47982,1],[48004,1],[48023,1],[48061,1],[48068,2],[48085,1],[48090,1],[48102,1],[48126,1],[48145,1],[48183,1],[48190,2],[48207,1],[48212,1],[48224,1],[48248,1],[48275,1],[48313,1],[48320,2],[48337,1],[48342,1],[48354,1],[48378,1],[48400,1],[48438,1],[48445,2],[48462,1],[48467,1],[48479,1],[48502,1],[48524,1],[48561,1],[48568,2],[48585,1],[48590,1],[48602,1],[48624,1],[48643,1],[48680,1],[48687,2],[48704,1],[48709,1],[48721,1],[48745,1],[48768,1],[48806,1],[48813,2],[48816,2],[48819,1],[48941,1],[49001,1],[49003,1],[49715,1],[49835,1],[49906,1],[49913,1],[49948,1],[49952,3],[49956,1],[49958,1],[50946,2],[51154,2],[51301,2],[51446,2],[51583,2],[51648,1],[51760,1],[51772,1],[51803,1],[51815,1],[51937,1],[51962,2],[52051,1],[52069,2],[52177,1],[52243,1],[52275,2],[52406,1],[52431,1],[52547,1],[52605,1],[52624,1],[52775,1],[52885,1],[52933,1],[52962,1],[52978,1],[52983,1],[52995,1],[53018,1],[53039,1],[53078,1],[53085,2],[53102,1],[53107,1],[53119,1],[53140,1],[53172,1],[53209,1],[53216,2],[53233,1],[53238,1],[53250,1],[53272,1],[53295,1],[53333,1],[53340,2],[53357,1],[53362,1],[53374,1],[53395,1],[53424,1],[53461,1],[53469,2],[53486,1],[53491,1],[53503,1],[53527,1],[53557,1],[53595,1],[53602,2],[53619,1],[53624,1],[53636,1],[53658,1],[53677,1],[53715,1],[53722,2],[53739,1],[53744,1],[53756,1],[53780,1],[53799,1],[53837,1],[53844,2],[53861,1],[53866,1],[53878,1],[53902,1],[53929,1],[53967,1],[53974,2],[53991,1],[53996,1],[54008,1],[54032,1],[54054,1],[54092,1],[54099,2],[54116,1],[54121,1],[54133,1],[54156,1],[54178,1],[54215,1],[54222,2],[54239,1],[54244,1],[54256,1],[54278,1],[54297,1],[54334,1],[54341,2],[54358,1],[54363,1],[54375,1],[54399,1],[54422,1],[54460,1],[54467,2],[54470,2],[54473,1],[54475,1],[54763,1],[55432,1],[55440,1],[55501,1],[55526,1],[55565,1],[55601,1],[55617,1],[55622,1],[55634,1],[55657,1],[55678,1],[55717,1],[55724,2],[55741,1],[55746,1],[55758,1],[55779,1],[55811,1],[55848,1],[55855,2],[55872,1],[55877,1],[55889,1],[55911,1],[55934,1],[55972,1],[55979,2],[55996,1],[56001,1],[56013,1],[56034,1],[56063,1],[56100,1],[56108,2],[56125,1],[56130,1],[56142,1],[56166,1],[56196,1],[56234,1],[56241,1],[56243,3],[56284,1],[56320,1],[56336,1],[56341,1],[56353,1],[56375,1],[56394,1],[56432,1],[56439,2],[56456,1],[56461,1],[56473,1],[56497,1],[56516,1],[56554,1],[56561,2],[56578,1],[56583,1],[56595,1],[56618,1],[56640,1],[56677,1],[56684,2],[56701,1],[56706,1],[56718,1],[56740,1],[56759,1],[56796,1],[56803,1],[56805,2],[56808,2],[56811,1],[57921,1],[58020,1],[58032,1],[58054,1],[58070,1],[58075,1],[58087,1],[58110,1],[58131,1],[58170,1],[58177,2],[58194,1],[58199,1],[58211,1],[58232,1],[58264,1],[58301,1],[58308,2],[58325,1],[58330,1],[58342,1],[58364,1],[58387,1],[58425,1],[58432,2],[58449,1],[58454,1],[58466,1],[58487,1],[58516,1],[58553,1],[58561,2],[58578,1],[58583,1],[58595,1],[58619,1],[58649,1],[58687,1],[58694,1],[58696,2],[58699,1],[58734,1],[58736,2],[58798,2],[58896,1],[58926,1],[58928,2],[58963,1],[59033,2],[59122,2],[59173,1],[59181,1],[59218,1],[59228,1],[59254,1],[59272,2],[59281,1],[59295,1],[59335,1],[59370,1],[59482,1],[59502,1],[59504,1],[60479,2],[60617,2],[60764,2],[60909,2],[61046,2],[61111,1],[61275,1],[61300,2],[61389,1],[61407,2],[61515,1],[61559,1],[61628,2],[61689,1],[61737,1],[61766,1],[61782,1],[61787,1],[61799,1],[61822,1],[61843,1],[61882,1],[61889,2],[61906,1],[61911,1],[61923,1],[61944,1],[61976,1],[62013,1],[62020,2],[62037,1],[62042,1],[62054,1],[62076,1],[62099,1],[62137,1],[62144,2],[62161,1],[62166,1],[62178,1],[62199,1],[62228,1],[62265,1],[62273,2],[62290,1],[62295,1],[62307,1],[62331,1],[62361,1],[62399,1],[62406,2],[62423,1],[62428,1],[62440,1],[62462,1],[62481,1],[62519,1],[62526,2],[62543,1],[62548,1],[62560,1],[62584,1],[62603,1],[62641,1],[62648,2],[62665,1],[62670,1],[62682,1],[62706,1],[62733,1],[62771,1],[62778,2],[62795,1],[62800,1],[62812,1],[62836,1],[62858,1],[62896,1],[62903,2],[62920,1],[62925,1],[62937,1],[62960,1],[62982,1],[63019,1],[63026,2],[63043,1],[63048,1],[63060,1],[63082,1],[63101,1],[63138,1],[63145,2],[63162,1],[63167,1],[63179,1],[63203,1],[63226,1],[63264,1],[63271,2],[63274,2],[63277,1],[63279,1],[63806,2],[63944,2],[64091,2],[64236,2],[64373,2],[64408,2],[64422,1],[64440,1],[64506,1],[64670,1],[64695,2],[64784,1],[64802,2],[64910,1],[64958,1],[64987,1],[65003,1],[65008,1],[65020,1],[65043,1],[65064,1],[65103,1],[65110,2],[65127,1],[65132,1],[65144,1],[65165,1],[65197,1],[65234,1],[65241,2],[65258,1],[65263,1],[65275,1],[65297,1],[65320,1],[65358,1],[65365,2],[65382,1],[65387,1],[65399,1],[65420,1],[65449,1],[65486,1],[65494,2],[65511,1],[65516,1],[65528,1],[65552,1],[65582,1],[65620,1],[65627,2],[65644,1],[65649,1],[65661,1],[65683,1],[65702,1],[65740,1],[65747,2],[65764,1],[65769,1],[65781,1],[65805,1],[65824,1],[65862,1],[65869,2],[65886,1],[65891,1],[65903,1],[65927,1],[65954,1],[65992,1],[65999,2],[66016,1],[66021,1],[66033,1],[66057,1],[66079,1],[66117,1],[66124,2],[66141,1],[66146,1],[66158,1],[66181,1],[66203,1],[66240,1],[66247,2],[66264,1],[66269,1],[66281,1],[66303,1],[66322,1],[66359,1],[66366,2],[66383,1],[66388,1],[66400,1],[66424,1],[66447,1],[66485,1],[66492,2],[66495,2],[66498,1],[66500,1],[67013,2],[67151,2],[67298,2],[67443,2],[67746,1],[67816,1],[67822,2],[67841,2],[67861,2],[67901,2],[67915,1],[67925,1],[68047,1],[68072,2],[68161,1],[68179,2],[68287,1],[68335,1],[68364,1],[68380,1],[68385,1],[68397,1],[68420,1],[68441,1],[68480,1],[68487,2],[68504,1],[68509,1],[68521,1],[68542,1],[68574,1],[68611,1],[68618,2],[68635,1],[68640,1],[68652,1],[68674,1],[68697,1],[68735,1],[68742,2],[68759,1],[68764,1],[68776,1],[68797,1],[68826,1],[68863,1],[68871,2],[68888,1],[68893,1],[68905,1],[68929,1],[68959,1],[68997,1],[69004,2],[69021,1],[69026,1],[69038,1],[69060,1],[69079,1],[69117,1],[69124,2],[69141,1],[69146,1],[69158,1],[69182,1],[69201,1],[69239,1],[69246,2],[69263,1],[69268,1],[69280,1],[69304,1],[69331,1],[69369,1],[69376,2],[69393,1],[69398,1],[69410,1],[69434,1],[69456,1],[69494,1],[69501,2],[69518,1],[69523,1],[69535,1],[69558,1],[69580,1],[69617,1],[69624,2],[69641,1],[69646,1],[69658,1],[69680,1],[69699,1],[69736,1],[69743,2],[69760,1],[69765,1],[69777,1],[69801,1],[69824,1],[69862,1],[69869,2],[69872,2],[69875,1],[69877,1],[70860,1],[70881,1],[70902,1],[70945,1],[71002,1],[71131,1],[71210,2],[71299,1],[71317,2],[71425,1],[71473,1],[71502,1],[71518,1],[71523,1],[71535,1],[71558,1],[71579,1],[71618,1],[71625,2],[71642,1],[71647,1],[71659,1],[71680,1],[71712,1],[71749,1],[71756,2],[71773,1],[71778,1],[71790,1],[71812,1],[71835,1],[71873,1],[71880,2],[71897,1],[71902,1],[71914,1],[71935,1],[71964,1],[72001,1],[72009,2],[72026,1],[72031,1],[72043,1],[72067,1],[72097,1],[72135,1],[72142,2],[72159,1],[72164,1],[72176,1],[72198,1],[72217,1],[72255,1],[72262,2],[72279,1],[72284,1],[72296,1],[72320,1],[72339,1],[72377,1],[72384,2],[72401,1],[72406,1],[72418,1],[72441,1],[72463,1],[72500,1],[72507,2],[72524,1],[72529,1],[72541,1],[72563,1],[72582,1],[72619,1],[72626,2],[72629,2],[72632,1],[72700,1],[72720,1],[72744,2],[72763,1],[72775,1],[72811,1],[72813,1],[73835,1],[73856,1],[73877,1],[73920,1],[73977,1],[74106,1],[74185,2],[74274,1],[74292,2],[74400,1],[74448,1],[74477,1],[74493,1],[74498,1],[74510,1],[74533,1],[74554,1],[74593,1],[74600,2],[74617,1],[74622,1],[74634,1],[74655,1],[74687,1],[74724,1],[74731,2],[74748,1],[74753,1],[74765,1],[74787,1],[74810,1],[74848,1],[74855,2],[74872,1],[74877,1],[74889,1],[74910,1],[74939,1],[74976,1],[74984,2],[75001,1],[75006,1],[75018,1],[75042,1],[75072,1],[75110,1],[75117,2],[75134,1],[75139,1],[75151,1],[75173,1],[75192,1],[75230,1],[75237,2],[75254,1],[75259,1],[75271,1],[75295,1],[75314,1],[75352,1],[75359,2],[75376,1],[75381,1],[75393,1],[75416,1],[75438,1],[75475,1],[75482,2],[75499,1],[75504,1],[75516,1],[75538,1],[75557,1],[75594,1],[75601,2],[75604,2],[75607,1],[75675,1],[75695,1],[75719,2],[75738,1],[75750,1],[75786,1],[75788,1],[77186,1],[77207,1],[77228,1],[77271,1],[77328,1],[77457,1],[77482,2],[77571,1],[77589,2],[77697,1],[77745,1],[77774,1],[77790,1],[77795,1],[77807,1],[77830,1],[77851,1],[77890,1],[77897,2],[77914,1],[77919,1],[77931,1],[77952,1],[77984,1],[78021,1],[78028,2],[78045,1],[78050,1],[78062,1],[78084,1],[78107,1],[78145,1],[78152,2],[78169,1],[78174,1],[78186,1],[78207,1],[78236,1],[78273,1],[78281,2],[78298,1],[78303,1],[78315,1],[78339,1],[78369,1],[78407,1],[78414,2],[78431,1],[78436,1],[78448,1],[78470,1],[78489,1],[78527,1],[78534,2],[78551,1],[78556,1],[78568,1],[78592,1],[78611,1],[78649,1],[78656,2],[78673,1],[78678,1],[78690,1],[78713,1],[78735,1],[78772,1],[78779,2],[78796,1],[78801,1],[78813,1],[78835,1],[78854,1],[78891,1],[78898,2],[78901,2],[78904,1],[78984,1],[79009,2],[79017,1],[79025,2],[79060,1],[79066,1],[79123,1],[79139,1],[79146,2],[79181,1],[79187,1],[79255,1],[79275,1],[79299,2],[79318,1],[79330,1],[79366,1],[79368,1],[80068,2],[80183,2],[80300,2],[80347,1],[80370,1],[80416,1],[80548,1],[80573,2],[80662,1],[80680,2],[80788,1],[80836,1],[80865,1],[80881,1],[80886,1],[80898,1],[80921,1],[80942,1],[80981,1],[80988,2],[81005,1],[81010,1],[81022,1],[81043,1],[81075,1],[81112,1],[81119,2],[81136,1],[81141,1],[81153,1],[81175,1],[81198,1],[81236,1],[81243,2],[81260,1],[81265,1],[81277,1],[81298,1],[81327,1],[81364,1],[81372,2],[81389,1],[81394,1],[81406,1],[81430,1],[81460,1],[81498,1],[81505,2],[81522,1],[81527,1],[81539,1],[81561,1],[81580,1],[81618,1],[81625,2],[81642,1],[81647,1],[81659,1],[81683,1],[81702,1],[81740,1],[81747,2],[81764,1],[81769,1],[81781,1],[81805,1],[81832,1],[81870,1],[81877,2],[81894,1],[81899,1],[81911,1],[81935,1],[81957,1],[81995,1],[82002,2],[82019,1],[82024,1],[82036,1],[82059,1],[82081,1],[82118,1],[82125,2],[82142,1],[82147,1],[82159,1],[82181,1],[82200,1],[82237,1],[82244,2],[82261,1],[82266,1],[82278,1],[82302,1],[82325,1],[82363,1],[82370,2],[82373,2],[82376,1],[82412,2],[82424,1],[82432,1],[82684,1],[82694,3],[83139,1],[83182,1],[83314,1],[83339,2],[83428,1],[83446,2],[83554,1],[83602,1],[83631,1],[83647,1],[83652,1],[83664,1],[83687,1],[83708,1],[83747,1],[83754,2],[83771,1],[83776,1],[83788,1],[83809,1],[83841,1],[83878,1],[83885,2],[83902,1],[83907,1],[83919,1],[83941,1],[83964,1],[84002,1],[84009,2],[84026,1],[84031,1],[84043,1],[84064,1],[84093,1],[84130,1],[84138,2],[84155,1],[84160,1],[84172,1],[84196,1],[84226,1],[84264,1],[84271,2],[84288,1],[84293,1],[84305,1],[84327,1],[84346,1],[84384,1],[84391,2],[84408,1],[84413,1],[84425,1],[84449,1],[84468,1],[84506,1],[84513,2],[84530,1],[84535,1],[84547,1],[84571,1],[84598,1],[84636,1],[84643,2],[84660,1],[84665,1],[84677,1],[84701,1],[84723,1],[84761,1],[84768,2],[84785,1],[84790,1],[84802,1],[84825,1],[84847,1],[84884,1],[84891,2],[84908,1],[84913,1],[84925,1],[84947,1],[84966,1],[85003,1],[85010,2],[85027,1],[85032,1],[85044,1],[85068,1],[85091,1],[85129,1],[85136,2],[85139,2],[85142,1],[85144,1],[85434,2],[85552,2],[85672,2],[85798,2],[85911,2],[86236,2],[86354,2],[86474,2],[86600,2],[86713,2],[87024,2],[87142,2],[87262,2],[87388,2],[87501,2],[87826,2],[87944,2],[88064,2],[88190,2],[88303,2],[88368,1],[88411,1],[88543,1],[88568,2],[88657,1],[88675,2],[88783,1],[88831,1],[88860,1],[88876,1],[88881,1],[88893,1],[88914,1],[88946,1],[88983,1],[88990,2],[89007,1],[89012,1],[89024,1],[89046,1],[89069,1],[89107,1],[89114,2],[89131,1],[89136,1],[89148,1],[89169,1],[89198,1],[89235,1],[89243,2],[89260,1],[89265,1],[89277,1],[89301,1],[89331,1],[89369,1],[89376,2],[89393,1],[89398,1],[89410,1],[89432,1],[89451,1],[89489,1],[89496,2],[89513,1],[89518,1],[89530,1],[89554,1],[89573,1],[89611,1],[89618,2],[89621,2],[89624,1],[89626,1],[90030,2],[90168,2],[90315,2],[90460,2],[90597,2],[91021,2],[91159,2],[91306,2],[91451,2],[91588,2],[92010,2],[92148,2],[92295,2],[92440,2],[92577,2],[93001,2],[93139,2],[93286,2],[93431,2],[93568,2],[93986,2],[94124,2],[94271,2],[94416,2],[94553,2],[94971,2],[95109,2],[95256,2],[95401,2],[95538,2],[95966,2],[96104,2],[96251,2],[96396,2],[96533,2],[96598,1],[96641,1],[96773,1],[96798,2],[96887,1],[96905,2],[97013,1],[97061,1],[97090,1],[97106,1],[97111,1],[97123,1],[97144,1],[97176,1],[97213,1],[97220,2],[97237,1],[97242,1],[97254,1],[97276,1],[97299,1],[97337,1],[97344,2],[97361,1],[97366,1],[97378,1],[97399,1],[97428,1],[97465,1],[97473,2],[97490,1],[97495,1],[97507,1],[97531,1],[97561,1],[97599,1],[97606,2],[97623,1],[97628,1],[97640,1],[97662,1],[97681,1],[97719,1],[97726,2],[97743,1],[97748,1],[97760,1],[97784,1],[97803,1],[97841,1],[97848,2],[97851,2],[97854,1],[97856,1],[98186,2],[98304,2],[98424,2],[98550,2],[98663,2],[98728,1],[98765,1],[98777,1],[98779,1],[98832,1],[98964,1],[98989,2],[99078,1],[99096,2],[99204,1],[99252,1],[99281,1],[99297,1],[99302,1],[99314,1],[99335,1],[99367,1],[99404,1],[99411,2],[99428,1],[99433,1],[99445,1],[99467,1],[99490,1],[99528,1],[99535,2],[99552,1],[99557,1],[99569,1],[99590,1],[99619,1],[99656,1],[99664,2],[99681,1],[99686,1],[99698,1],[99722,1],[99752,1],[99790,1],[99797,2],[99814,1],[99819,1],[99831,1],[99853,1],[99872,1],[99910,1],[99917,2],[99934,1],[99939,1],[99951,1],[99975,1],[99994,1],[100032,1],[100039,2],[100042,2],[100045,1],[100111,1],[100158,1],[100165,1],[100192,1],[100222,1],[100270,3],[100274,1],[100276,1],[100624,2],[100742,2],[100862,2],[100988,2],[101101,2],[101166,1],[101203,1],[101215,1],[101217,1],[101270,1],[101402,1],[101427,2],[101516,1],[101534,2],[101642,1],[101690,1],[101719,1],[101735,1],[101740,1],[101752,1],[101773,1],[101805,1],[101842,1],[101849,2],[101866,1],[101871,1],[101883,1],[101905,1],[101928,1],[101966,1],[101973,2],[101990,1],[101995,1],[102007,1],[102028,1],[102057,1],[102094,1],[102102,2],[102119,1],[102124,1],[102136,1],[102160,1],[102190,1],[102228,1],[102235,2],[102252,1],[102257,1],[102269,1],[102291,1],[102310,1],[102348,1],[102355,2],[102372,1],[102377,1],[102389,1],[102413,1],[102432,1],[102470,1],[102477,2],[102480,2],[102483,1],[102555,1],[102602,1],[102609,1],[102636,1],[102673,1],[102721,3],[102725,1],[102727,1],[103262,1],[103272,3],[103477,2],[103615,2],[103762,2],[103907,2],[104044,2],[104109,1],[104152,1],[104249,1],[104274,1],[104308,2],[104478,2],[104838,2],[105142,2],[105271,1],[105393,1],[105418,2],[105507,1],[105525,2],[105633,1],[105681,1],[105710,1],[105726,1],[105731,1],[105743,1],[105766,1],[105787,1],[105826,1],[105833,2],[105850,1],[105855,1],[105867,1],[105888,1],[105920,1],[105957,1],[105964,2],[105981,1],[105986,1],[105998,1],[106020,1],[106043,1],[106081,1],[106088,2],[106105,1],[106110,1],[106122,1],[106143,1],[106172,1],[106209,1],[106217,2],[106234,1],[106239,1],[106251,1],[106275,1],[106305,1],[106343,1],[106350,2],[106367,1],[106372,1],[106384,1],[106406,1],[106425,1],[106463,1],[106470,2],[106487,1],[106492,1],[106504,1],[106528,1],[106547,1],[106585,1],[106592,2],[106609,1],[106614,1],[106626,1],[106650,1],[106677,1],[106715,1],[106722,2],[106739,1],[106744,1],[106756,1],[106780,1],[106802,1],[106840,1],[106847,2],[106864,1],[106869,1],[106881,1],[106904,1],[106926,1],[106963,1],[106970,2],[106987,1],[106992,1],[107004,1],[107026,1],[107045,1],[107082,1],[107089,2],[107106,1],[107111,1],[107123,1],[107147,1],[107170,1],[107208,1],[107215,2],[107218,2],[107221,1],[107223,1],[108934,1],[108973,1],[109026,1],[109105,1],[109151,1],[109273,1],[109298,2],[109387,1],[109405,2],[109513,1],[109561,1],[109590,1],[109606,1],[109611,1],[109623,1],[109646,1],[109667,1],[109706,1],[109713,2],[109730,1],[109735,1],[109748,1],[109769,1],[109801,1],[109838,1],[109845,2],[109862,1],[109867,1],[109879,1],[109901,1],[109924,1],[109962,1],[109969,2],[109986,1],[109991,1],[110003,1],[110024,1],[110053,1],[110090,1],[110098,2],[110115,1],[110120,1],[110132,1],[110156,1],[110186,1],[110224,1],[110231,2],[110248,1],[110253,1],[110265,1],[110287,1],[110306,1],[110344,1],[110351,2],[110368,1],[110373,1],[110385,1],[110409,1],[110428,1],[110466,1],[110473,2],[110490,1],[110495,1],[110507,1],[110530,1],[110552,1],[110589,1],[110596,2],[110613,1],[110618,1],[110630,1],[110652,1],[110671,1],[110688,1],[110695,2],[110712,1],[110717,1],[110729,1],[110752,1],[110764,1],[110801,1],[110808,2],[110811,2],[110814,1],[110816,1],[111193,2],[111477,2],[111671,2],[111852,2],[112039,2],[112237,2],[112455,2],[112542,1],[112594,1],[112606,1],[112608,1],[112740,1],[112760,1],[112762,3],[112794,1],[112848,2],[112874,1],[112876,2],[112949,1],[113010,1],[113060,1],[113073,1],[113293,1],[113300,1],[113327,1],[113342,3],[113346,1],[113348,1],[113722,2],[114047,2],[114241,2],[114422,2],[114609,2],[114807,2],[115079,2],[115166,1],[115218,1],[115230,1],[115232,1],[115364,1],[115384,1],[115386,3],[115418,1],[115472,2],[115498,1],[115500,2],[115573,1],[115634,1],[115684,1],[115697,1],[115917,1],[115924,1],[115951,1],[115966,3],[115970,1],[115972,1],[116383,2],[116708,2],[116902,2],[117083,2],[117270,2],[117468,2],[117740,2],[117827,1],[117879,1],[117891,1],[117893,1],[118025,1],[118045,1],[118047,3],[118079,1],[118133,2],[118159,1],[118161,2],[118234,1],[118295,1],[118345,1],[118358,1],[118578,1],[118585,1],[118612,1],[118627,3],[118631,1],[118633,1],[119078,2],[119404,2],[119598,2],[119779,2],[119966,2],[120244,2],[120516,2],[120603,1],[120655,1],[120667,1],[120669,1],[120801,1],[120821,1],[120823,3],[120855,1],[120909,2],[120935,1],[120937,2],[121010,1],[121071,1],[121121,1],[121134,1],[121354,1],[121361,1],[121388,1],[121403,3],[121407,1],[121409,1],[121859,1],[121869,3],[121978,2],[122116,2],[122263,2],[122408,2],[122545,2],[122610,1],[122653,1],[122785,1],[122810,2],[122899,1],[122917,2],[123025,1],[123073,1],[123102,1],[123118,1],[123123,1],[123135,1],[123158,1],[123179,1],[123218,1],[123225,2],[123242,1],[123247,1],[123259,1],[123280,1],[123312,1],[123349,1],[123356,2],[123373,1],[123378,1],[123390,1],[123412,1],[123435,1],[123473,1],[123480,2],[123497,1],[123502,1],[123514,1],[123535,1],[123564,1],[123601,1],[123609,2],[123626,1],[123631,1],[123643,1],[123667,1],[123697,1],[123735,1],[123742,2],[123759,1],[123764,1],[123776,1],[123798,1],[123817,1],[123855,1],[123862,2],[123879,1],[123884,1],[123896,1],[123920,1],[123939,1],[123977,1],[123984,2],[124001,1],[124006,1],[124018,1],[124042,1],[124069,1],[124107,1],[124114,2],[124131,1],[124136,1],[124148,1],[124172,1],[124194,1],[124232,1],[124239,2],[124256,1],[124261,1],[124273,1],[124296,1],[124318,1],[124355,1],[124362,2],[124379,1],[124384,1],[124396,1],[124418,1],[124437,1],[124474,1],[124481,2],[124498,1],[124503,1],[124515,1],[124539,1],[124562,1],[124600,1],[124607,2],[124610,2],[124613,1],[124615,1]]}}}],["0",{"_index":1540,"t":{"520":{"position":[[1386,2]]},"526":{"position":[[847,2],[862,3]]},"548":{"position":[[1572,1],[1684,2],[2597,2],[2600,2],[2702,2],[2705,2],[3423,2],[3499,1],[4252,1],[6987,2],[7016,2],[7930,2],[9229,2],[9848,1],[10000,2],[10194,2],[11431,1],[11973,1],[12515,1]]},"550":{"position":[[1094,2],[1339,1],[1465,2],[1689,1],[1801,2],[4936,2],[4965,2],[6037,2],[7380,2],[7859,1],[7956,2],[8150,2],[9032,1],[10438,1],[10709,1],[10981,1],[12666,1],[12937,1],[13209,1],[14764,1],[15035,1],[15307,1]]},"552":{"position":[[1436,1],[1548,2],[4038,2],[4071,2],[5137,2],[6297,2],[6698,2],[6886,2],[7096,2],[8603,1],[9145,1],[9687,1],[11126,2],[11159,2],[12089,2],[12367,2],[13302,2],[13402,2],[13897,2],[14085,2],[14295,2]]},"554":{"position":[[13405,2],[13476,2],[14022,1]]},"558":{"position":[[1271,1],[1383,2],[3726,2],[3759,2],[4770,2],[5866,2],[6252,2],[6440,2],[6650,2],[7520,2],[7553,2],[8684,2],[9545,2],[9640,2],[10123,2],[10311,2],[10521,2],[11728,2],[11761,2],[13035,2],[13421,2],[13609,2],[13819,2]]},"560":{"position":[[9655,2],[9726,2],[10273,1]]},"564":{"position":[[3463,2],[3605,2],[5752,5]]},"568":{"position":[[3449,3],[3488,3],[3528,3],[3581,3],[3621,3],[8891,3]]},"596":{"position":[[21129,2],[21200,2],[21747,1]]},"600":{"position":[[2332,3],[4760,1],[4902,1],[49950,1],[85344,2],[86146,2],[86934,2],[87736,2],[89849,2],[89922,2],[90840,2],[90913,2],[91830,2],[91902,2],[92820,2],[92893,2],[93808,2],[93878,2],[94793,2],[94863,2],[95783,2],[95858,2],[98072,2],[100498,2],[103064,2],[103179,2]]}}}],["0\">and",{"_index":3763,"t":{"596":{"position":[[18660,6]]}}}],["0\">whenev",{"_index":921,"t":{"504":{"position":[[1982,11]]}}}],["0,0,0",{"_index":3860,"t":{"598":{"position":[[21740,6]]}}}],["0.0",{"_index":2526,"t":{"548":{"position":[[1339,3]]}}}],["0.1",{"_index":2544,"t":{"548":{"position":[[2603,5],[2708,5]]}}}],["0.1.0",{"_index":142,"t":{"10":{"position":[[103,5]]},"120":{"position":[[103,5]]},"220":{"position":[[156,5]]},"404":{"position":[[147,5]]}}}],["0.2",{"_index":2572,"t":{"548":{"position":[[4207,3]]}}}],["0.2.0",{"_index":192,"t":{"16":{"position":[[102,5]]},"124":{"position":[[1716,5]]},"218":{"position":[[1769,5]]},"340":{"position":[[2137,5]]},"348":{"position":[[342,5]]},"360":{"position":[[150,5]]},"364":{"position":[[1534,5]]},"412":{"position":[[146,5]]}}}],["0.2.1",{"_index":196,"t":{"18":{"position":[[103,5]]},"124":{"position":[[1486,5]]},"218":{"position":[[1539,5]]},"310":{"position":[[155,5]]},"342":{"position":[[146,5]]},"388":{"position":[[1047,5]]},"408":{"position":[[147,5]]}}}],["0.2.2",{"_index":203,"t":{"20":{"position":[[100,5]]},"124":{"position":[[1285,5]]},"218":{"position":[[1338,5]]},"368":{"position":[[541,5]]},"410":{"position":[[144,5]]}}}],["0.2.3",{"_index":220,"t":{"26":{"position":[[100,5]]},"124":{"position":[[1087,5]]},"218":{"position":[[1140,5]]},"368":{"position":[[343,5]]},"414":{"position":[[144,5]]}}}],["0.2.4",{"_index":223,"t":{"28":{"position":[[99,5]]},"124":{"position":[[892,5]]},"218":{"position":[[945,5]]},"368":{"position":[[148,5]]},"416":{"position":[[143,5]]}}}],["0.2.5",{"_index":210,"t":{"22":{"position":[[99,5]]},"124":{"position":[[695,5]]},"218":{"position":[[748,5]]},"348":{"position":[[142,5]]},"364":{"position":[[1334,5]]},"418":{"position":[[143,5]]}}}],["0.2.6",{"_index":214,"t":{"24":{"position":[[101,5]]},"124":{"position":[[511,5]]},"218":{"position":[[564,5]]},"298":{"position":[[778,5]]},"420":{"position":[[145,5]]}}}],["0.3.0",{"_index":234,"t":{"32":{"position":[[101,5]]},"124":{"position":[[307,5]]},"218":{"position":[[360,5]]},"340":{"position":[[1932,5]]},"422":{"position":[[145,5]]}}}],["0.4.0",{"_index":225,"t":{"30":{"position":[[103,5]]},"124":{"position":[[103,5]]},"130":{"position":[[2880,5]]},"218":{"position":[[156,5]]},"330":{"position":[[1998,5]]},"424":{"position":[[147,5]]},"556":{"position":[[469,5],[521,5],[722,5],[794,5],[916,5],[1509,5],[1578,5],[1670,5],[1712,5],[1773,5],[1832,5],[1969,5],[2061,5]]}}}],["0.4.1",{"_index":259,"t":{"36":{"position":[[104,5]]},"122":{"position":[[2873,5]]},"130":{"position":[[2682,5]]},"214":{"position":[[2926,5]]},"308":{"position":[[149,5]]},"330":{"position":[[1800,5]]},"340":{"position":[[1736,5]]},"428":{"position":[[148,5]]},"556":{"position":[[1267,5],[1462,5]]}}}],["0.4.2",{"_index":257,"t":{"34":{"position":[[104,5]]},"122":{"position":[[2599,5]]},"130":{"position":[[2408,5]]},"214":{"position":[[2652,5]]},"426":{"position":[[148,5]]}}}],["0.5.0",{"_index":271,"t":{"38":{"position":[[102,5]]},"122":{"position":[[2328,5]]},"142":{"position":[[156,5]]},"144":{"position":[[153,5]]},"154":{"position":[[161,5]]},"166":{"position":[[157,5]]},"174":{"position":[[156,5]]},"214":{"position":[[2381,5]]},"432":{"position":[[146,5]]}}}],["0.5.1",{"_index":304,"t":{"42":{"position":[[103,5]]},"122":{"position":[[2066,5]]},"152":{"position":[[650,5]]},"156":{"position":[[162,5]]},"158":{"position":[[159,5]]},"160":{"position":[[160,5]]},"214":{"position":[[2119,5]]},"248":{"position":[[650,5]]},"430":{"position":[[147,5]]}}}],["0.6.0",{"_index":313,"t":{"44":{"position":[[103,5]]},"122":{"position":[[1751,5]]},"178":{"position":[[156,5]]},"180":{"position":[[160,5]]},"192":{"position":[[401,5]]},"214":{"position":[[1804,5]]},"370":{"position":[[406,5]]},"374":{"position":[[153,5]]},"388":{"position":[[732,5]]},"434":{"position":[[147,5]]}}}],["0.8",{"_index":2709,"t":{"550":{"position":[[1082,3],[1453,3]]}}}],["06:00",{"_index":3383,"t":{"568":{"position":[[3535,5],[3628,5]]}}}],["08:00",{"_index":3381,"t":{"568":{"position":[[3495,5],[3588,5]]}}}],["09.pdf",{"_index":1820,"t":{"526":{"position":[[690,7]]}}}],["0l1",{"_index":998,"t":{"506":{"position":[[1847,3]]}}}],["1",{"_index":44,"t":{"2":{"position":[[416,2]]},"90":{"position":[[29,2]]},"94":{"position":[[29,2]]},"110":{"position":[[33,2]]},"114":{"position":[[1464,2],[1503,2],[2297,2]]},"118":{"position":[[29,2],[249,2]]},"128":{"position":[[79,2]]},"138":{"position":[[460,2]]},"194":{"position":[[73,2],[293,2]]},"208":{"position":[[469,2]]},"212":{"position":[[82,2],[302,2]]},"226":{"position":[[83,2]]},"256":{"position":[[1047,2]]},"280":{"position":[[78,2]]},"282":{"position":[[463,2]]},"286":{"position":[[464,2]]},"290":{"position":[[77,2],[297,2]]},"292":{"position":[[76,2],[296,2]]},"296":{"position":[[84,2]]},"300":{"position":[[77,2]]},"306":{"position":[[76,2]]},"330":{"position":[[457,2]]},"334":{"position":[[458,2]]},"352":{"position":[[76,2],[1600,2]]},"390":{"position":[[75,2],[354,2]]},"392":{"position":[[79,2]]},"454":{"position":[[78,2]]},"494":{"position":[[73,2]]},"496":{"position":[[73,2]]},"506":{"position":[[1861,1]]},"510":{"position":[[2404,4],[4232,2],[4253,2],[4855,2],[5479,2],[6258,4],[8062,4],[9894,4],[18391,4],[20754,3]]},"524":{"position":[[1420,1]]},"528":{"position":[[269,2],[272,1]]},"530":{"position":[[1115,1]]},"544":{"position":[[14459,2],[14482,5]]},"548":{"position":[[2800,1],[2898,1],[3199,1],[3292,1],[3378,1],[9476,2],[10334,2]]},"550":{"position":[[1097,2],[1468,2],[7624,2],[8290,2],[8321,3]]},"552":{"position":[[6137,2],[6485,2],[7185,2],[7273,4],[13142,2],[13477,2],[13684,2],[14384,2],[14472,4]]},"554":{"position":[[1190,1]]},"558":{"position":[[5706,2],[6039,2],[6739,2],[6827,4],[9385,2],[9715,2],[9910,2],[10610,2],[10698,4],[13208,2],[13908,2],[13996,4]]},"560":{"position":[[4005,2]]},"562":{"position":[[879,1]]},"564":{"position":[[411,1]]},"566":{"position":[[4879,3]]},"570":{"position":[[7705,4]]},"572":{"position":[[7911,4]]},"574":{"position":[[8052,4]]},"576":{"position":[[6819,4]]},"578":{"position":[[6951,4]]},"582":{"position":[[6844,4]]},"584":{"position":[[7112,4]]},"586":{"position":[[1385,4]]},"590":{"position":[[1380,4]]},"598":{"position":[[3194,4],[5049,4],[7331,4],[9664,4],[12117,4],[14527,4],[16941,4],[19447,4],[21063,3],[22773,4]]},"600":{"position":[[2338,3],[3899,1],[8025,2],[8530,2],[8652,2],[8776,2],[8779,3],[8898,3],[10370,2],[10875,2],[10997,2],[11121,2],[11124,3],[11243,3],[12746,2],[13251,2],[13373,2],[13752,2],[13755,3],[13874,3],[13996,2],[15518,2],[16023,2],[16145,2],[16269,2],[16272,3],[16391,3],[17937,2],[18442,2],[18564,2],[18943,2],[18946,3],[19065,3],[19187,2],[20689,2],[21194,2],[21316,2],[21440,2],[21443,3],[21562,3],[23091,2],[23596,2],[23718,2],[23842,2],[23845,3],[23964,3],[26366,2],[27324,2],[27563,2],[27804,2],[27807,3],[28042,3],[32168,2],[32673,2],[32795,2],[32919,2],[32922,3],[33041,3],[34533,2],[35038,2],[35160,2],[35284,2],[35287,3],[35406,3],[36898,2],[37403,2],[37525,2],[37649,2],[37652,3],[37771,3],[44395,2],[45353,2],[45592,2],[45833,2],[45836,3],[46071,3],[47539,2],[48044,2],[48166,2],[48545,2],[48548,3],[48667,3],[48789,2],[52408,2],[53193,2],[53698,2],[53820,2],[54199,2],[54202,3],[54321,3],[54443,2],[55552,1],[55832,2],[56415,2],[56537,2],[56661,2],[56664,3],[56783,3],[58285,2],[59283,2],[61997,2],[62502,2],[62624,2],[63003,2],[63006,3],[63125,3],[63247,2],[65218,2],[65723,2],[65845,2],[66224,2],[66227,3],[66346,3],[66468,2],[68595,2],[69100,2],[69222,2],[69601,2],[69604,3],[69723,3],[69845,2],[71733,2],[72238,2],[72360,2],[72484,2],[72487,3],[72606,3],[74708,2],[75213,2],[75335,2],[75459,2],[75462,3],[75581,3],[78005,2],[78510,2],[78632,2],[78756,2],[78759,3],[78878,3],[81096,2],[81601,2],[81723,2],[82102,2],[82105,3],[82224,3],[82346,2],[83862,2],[84367,2],[84489,2],[84868,2],[84871,3],[84990,3],[85112,2],[88967,2],[89472,2],[89594,2],[97197,2],[97702,2],[97824,2],[99388,2],[99893,2],[100015,2],[101826,2],[102331,2],[102453,2],[103309,3],[105941,2],[106446,2],[106568,2],[106947,2],[106950,3],[107069,3],[107191,2],[109822,2],[110327,2],[110449,2],[110573,2],[110576,3],[110788,3],[123333,2],[123838,2],[123960,2],[124339,2],[124342,3],[124461,3],[124583,2]]}}}],["1.0",{"_index":2711,"t":{"550":{"position":[[1169,3]]}}}],["1.0.0",{"_index":278,"t":{"40":{"position":[[123,6]]},"122":{"position":[[1430,6]]},"140":{"position":[[1483,6]]},"162":{"position":[[180,6]]},"164":{"position":[[173,6]]},"170":{"position":[[180,6]]},"188":{"position":[[172,6]]},"198":{"position":[[1474,6]]},"214":{"position":[[1483,6]]},"338":{"position":[[465,6]]},"344":{"position":[[173,6]]},"436":{"position":[[167,6]]},"514":{"position":[[331,5],[407,5],[498,5],[556,5],[674,5],[747,5],[829,5],[896,5],[960,5],[1057,5],[1187,5],[1307,5],[1379,5],[1458,5],[1554,5],[1702,5]]},"524":{"position":[[286,5],[338,5],[427,5],[520,5],[612,5],[658,5],[714,5],[806,5],[862,5],[919,5],[975,5],[1153,5],[1282,5],[1372,5],[1444,5],[1531,5],[1602,5],[1743,5]]},"530":{"position":[[287,5],[338,5],[435,5],[492,5],[544,5],[601,5],[661,5],[767,5],[907,5],[997,5],[1067,5],[1169,5],[1502,5],[1663,5]]},"540":{"position":[[696,5],[757,5],[818,5],[907,5],[958,5],[1030,5],[1247,5],[1297,5],[1359,5],[1392,5],[1448,5],[1508,5],[1568,5]]},"542":{"position":[[273,5],[458,5],[550,5]]},"544":{"position":[[260,5],[329,5],[394,5],[625,5],[701,5],[796,5],[891,5],[1048,5],[1162,5],[1247,5],[1318,5],[1472,5],[1525,5],[1580,5],[1625,5],[1672,5],[1744,5]]},"546":{"position":[[616,5],[667,5],[729,5]]},"548":{"position":[[485,5],[526,5],[741,5],[782,5],[922,5],[992,5],[1201,5],[1266,5],[1309,5],[1361,5],[1426,5],[1687,5],[1738,5],[2017,5],[2141,5],[2227,5],[2305,5],[2359,5],[2437,5],[2529,5],[2638,5],[2745,5],[2845,5],[2973,5],[3060,5],[3139,5],[3239,5],[3334,5],[3453,5],[3541,5],[3749,5],[3824,5],[4094,5],[4186,5],[4341,5],[4395,5],[4467,5],[4539,5],[4984,5],[5044,5],[5099,5],[5348,5],[5393,5]]},"550":{"position":[[340,5],[382,5],[597,5],[638,5],[789,5],[848,5],[1055,5],[1251,5],[1316,5],[1356,5],[1421,5],[1543,5],[1804,5],[1920,5],[2044,5],[2130,5],[2208,5],[2286,5],[2378,5],[2432,5],[2504,5],[2576,5],[3020,5],[3080,5],[3135,5],[3383,5],[3428,5]]},"552":{"position":[[436,5],[477,5],[692,5],[733,5],[884,5],[943,5],[1160,5],[1225,5],[1290,5],[1551,5],[1602,5],[1796,5],[1882,5],[1960,5],[2038,5],[2130,5],[2184,5],[2796,5]]},"558":{"position":[[281,5],[322,5],[537,5],[578,5],[718,5],[788,5],[995,5],[1060,5],[1125,5],[1386,5],[1437,5],[1626,5],[1712,5],[1790,5],[1868,5],[1922,5],[2514,5]]},"600":{"position":[[314,5],[373,5],[564,5],[825,5],[1069,5],[1373,5],[1444,5],[2099,5],[2557,5],[2814,5],[3172,5],[3742,5],[3840,5],[4097,5],[4323,5],[4420,5],[4498,5],[4554,5],[5180,5],[5325,5],[5400,5],[5504,5],[5659,5],[5812,5],[5900,5],[6058,5],[6388,5],[6525,5],[6579,5],[6691,5],[6728,5],[6783,5]]}}}],["1.0.1",{"_index":322,"t":{"46":{"position":[[104,6]]},"122":{"position":[[1098,6]]},"140":{"position":[[1151,6]]},"146":{"position":[[568,6]]},"150":{"position":[[560,6]]},"172":{"position":[[158,6]]},"176":{"position":[[561,6]]},"182":{"position":[[561,6]]},"184":{"position":[[158,6]]},"198":{"position":[[1142,6]]},"214":{"position":[[1151,6]]},"440":{"position":[[148,6]]}}}],["1.1.0",{"_index":334,"t":{"50":{"position":[[104,6]]},"122":{"position":[[692,6]]},"140":{"position":[[745,6]]},"146":{"position":[[162,6]]},"150":{"position":[[154,6]]},"176":{"position":[[155,6]]},"182":{"position":[[155,6]]},"196":{"position":[[154,6]]},"198":{"position":[[736,6]]},"214":{"position":[[745,6]]},"438":{"position":[[148,6]]},"522":{"position":[[335,5],[482,5],[660,5],[829,5],[907,5],[991,5],[1060,5],[1155,5],[1223,5],[1287,5],[1346,5],[1436,5],[1503,5]]},"532":{"position":[[544,5],[759,5],[908,5]]}}}],["1.10.0",{"_index":92,"t":{"2":{"position":[[2004,6]]},"100":{"position":[[101,6]]},"138":{"position":[[2048,6]]},"208":{"position":[[2057,6]]},"250":{"position":[[397,6]]},"282":{"position":[[2051,6]]},"286":{"position":[[2052,6]]},"334":{"position":[[1332,6]]},"444":{"position":[[146,6]]},"514":{"position":[[1636,6]]},"518":{"position":[[513,6],[580,6],[671,6],[833,6],[997,6],[1160,6],[1324,6],[1553,6],[1668,6],[1720,6],[1819,6],[1950,6],[2116,6],[2186,6],[2348,6],[2511,6],[2581,6]]},"542":{"position":[[348,6]]},"548":{"position":[[631,6],[691,6],[5232,6]]},"550":{"position":[[487,6],[547,6],[3268,6]]},"552":{"position":[[582,6],[642,6],[2676,6]]},"558":{"position":[[427,6],[487,6],[2399,6]]},"596":{"position":[[365,6],[501,6],[594,6],[705,6],[921,6],[1112,6],[1168,6],[1299,6],[1490,6],[1546,6],[1677,6],[1852,6],[1930,6],[2109,6],[2288,6],[2385,6],[2500,6],[2631,6],[2730,6],[2793,6],[2859,6],[2989,6],[3070,6],[3155,6],[3221,6],[3361,6],[3497,6],[3584,6],[3723,6]]},"600":{"position":[[1728,6]]}}}],["1.10.1",{"_index":86,"t":{"2":{"position":[[1758,6]]},"102":{"position":[[103,6]]},"138":{"position":[[1802,6]]},"208":{"position":[[1811,6]]},"250":{"position":[[151,6]]},"282":{"position":[[1805,6]]},"286":{"position":[[1806,6]]},"334":{"position":[[1086,6]]},"442":{"position":[[148,6]]}}}],["1.10.2",{"_index":70,"t":{"2":{"position":[[1329,6]]},"104":{"position":[[106,6]]},"130":{"position":[[538,6]]},"138":{"position":[[1373,6]]},"206":{"position":[[161,6]]},"208":{"position":[[1382,6]]},"228":{"position":[[155,6]]},"232":{"position":[[163,6]]},"256":{"position":[[154,6]]},"266":{"position":[[156,6]]},"278":{"position":[[156,6]]},"282":{"position":[[1376,6]]},"286":{"position":[[1377,6]]},"304":{"position":[[149,6]]},"316":{"position":[[157,6]]},"330":{"position":[[1370,6]]},"352":{"position":[[707,6]]},"356":{"position":[[155,6]]},"378":{"position":[[150,6]]},"394":{"position":[[150,6]]},"446":{"position":[[151,6]]},"548":{"position":[[4687,6],[4740,6],[5290,6]]},"550":{"position":[[2724,6],[2778,6],[3325,6]]},"552":{"position":[[2339,6],[2399,6],[2738,6]]},"556":{"position":[[594,6],[665,6]]},"558":{"position":[[2072,6],[2132,6],[2456,6]]}}}],["1.10.3",{"_index":62,"t":{"2":{"position":[[1045,6]]},"106":{"position":[[104,6]]},"138":{"position":[[1089,6]]},"208":{"position":[[1098,6]]},"246":{"position":[[156,6]]},"252":{"position":[[151,6]]},"282":{"position":[[1092,6]]},"286":{"position":[[1093,6]]},"330":{"position":[[1086,6]]},"332":{"position":[[150,6]]},"336":{"position":[[145,6]]},"448":{"position":[[149,6]]},"596":{"position":[[784,6],[850,6]]},"598":{"position":[[959,6]]},"600":{"position":[[1794,6],[1953,6],[2881,6],[2930,6]]}}}],["1.10.4",{"_index":56,"t":{"2":{"position":[[771,6]]},"108":{"position":[[105,6]]},"138":{"position":[[815,6]]},"208":{"position":[[824,6]]},"282":{"position":[[818,6]]},"286":{"position":[[819,6]]},"306":{"position":[[431,6]]},"330":{"position":[[812,6]]},"334":{"position":[[813,6]]},"352":{"position":[[431,6]]},"366":{"position":[[150,6]]},"380":{"position":[[148,6]]},"450":{"position":[[150,6]]},"518":{"position":[[1391,6]]},"532":{"position":[[606,6],[870,6]]},"572":{"position":[[2834,6]]},"600":{"position":[[4618,6],[4727,6],[4868,6],[5011,6]]}}}],["1.10.5",{"_index":46,"t":{"2":{"position":[[486,6]]},"110":{"position":[[103,6]]},"128":{"position":[[149,6]]},"138":{"position":[[530,6]]},"208":{"position":[[539,6]]},"282":{"position":[[533,6]]},"286":{"position":[[534,6]]},"306":{"position":[[146,6]]},"330":{"position":[[527,6]]},"334":{"position":[[528,6]]},"352":{"position":[[146,6]]},"390":{"position":[[145,6]]},"454":{"position":[[148,6]]},"510":{"position":[[641,6],[736,6],[807,6],[875,6],[941,6],[1209,6]]},"600":{"position":[[733,6]]}}}],["1.10.6",{"_index":3205,"t":{"564":{"position":[[254,6],[323,6],[392,6],[461,6],[537,6],[600,6],[679,6],[716,6],[833,6],[952,6],[997,6]]}}}],["1.11.0",{"_index":16,"t":{"2":{"position":[[110,7]]},"112":{"position":[[110,7]]},"130":{"position":[[159,7]]},"132":{"position":[[152,7]]},"138":{"position":[[154,7]]},"208":{"position":[[163,7]]},"282":{"position":[[157,7]]},"286":{"position":[[158,7]]},"330":{"position":[[151,7]]},"334":{"position":[[152,7]]},"362":{"position":[[157,7]]},"372":{"position":[[160,7]]},"376":{"position":[[158,7]]},"382":{"position":[[151,7]]},"452":{"position":[[155,7]]},"526":{"position":[[311,6],[447,6],[524,6]]},"536":{"position":[[262,6],[318,6],[489,6],[616,6],[697,6]]},"544":{"position":[[546,6],[1952,6]]},"570":{"position":[[364,6]]},"572":{"position":[[377,6]]},"574":{"position":[[364,6]]},"576":{"position":[[422,6]]},"578":{"position":[[374,6]]},"580":{"position":[[382,6]]},"582":{"position":[[374,6]]},"584":{"position":[[374,6]]},"588":{"position":[[382,6]]}}}],["1.11.3",{"_index":670,"t":{"112":{"position":[[1075,6]]}}}],["1.2.0",{"_index":339,"t":{"52":{"position":[[104,6]]},"122":{"position":[[363,6]]},"140":{"position":[[416,6]]},"148":{"position":[[163,6]]},"168":{"position":[[155,6]]},"198":{"position":[[407,6]]},"214":{"position":[[416,6]]},"236":{"position":[[840,6]]},"258":{"position":[[154,6]]},"456":{"position":[[148,6]]}}}],["1.3.0",{"_index":329,"t":{"48":{"position":[[104,6]]},"122":{"position":[[104,6]]},"140":{"position":[[157,6]]},"198":{"position":[[148,6]]},"214":{"position":[[157,6]]},"268":{"position":[[585,6]]},"458":{"position":[[148,6]]},"562":{"position":[[267,5],[315,5],[399,5],[449,5],[539,5],[575,5],[685,5]]}}}],["1.3.1",{"_index":344,"t":{"54":{"position":[[104,6]]},"116":{"position":[[2969,6]]},"130":{"position":[[2119,6]]},"202":{"position":[[3013,6]]},"206":{"position":[[1293,6]]},"216":{"position":[[3022,6]]},"460":{"position":[[148,6]]},"556":{"position":[[2284,5],[2341,5],[2396,5],[2446,5],[2494,5],[2542,5]]}}}],["1.4.0",{"_index":349,"t":{"56":{"position":[[103,6]]},"116":{"position":[[2700,6]]},"202":{"position":[[2744,6]]},"216":{"position":[[2753,6]]},"266":{"position":[[585,6]]},"346":{"position":[[147,6]]},"350":{"position":[[149,6]]},"354":{"position":[[151,6]]},"378":{"position":[[579,6]]},"462":{"position":[[147,6]]},"598":{"position":[[323,5],[386,5],[559,5],[606,5],[651,5],[697,5],[786,5],[823,5],[1029,5],[1074,5],[1144,5],[1210,5],[1253,5],[1338,5],[1394,5],[1440,5],[1497,5],[1558,5]]}}}],["1.4.1",{"_index":353,"t":{"58":{"position":[[103,6]]},"116":{"position":[[2390,6]]},"202":{"position":[[2434,6]]},"216":{"position":[[2443,6]]},"234":{"position":[[159,6]]},"244":{"position":[[153,6]]},"256":{"position":[[2436,6]]},"288":{"position":[[2438,6]]},"294":{"position":[[2437,6]]},"314":{"position":[[153,6]]},"326":{"position":[[147,6]]},"352":{"position":[[2989,6]]},"464":{"position":[[147,6]]},"524":{"position":[[1712,5]]}}}],["1.4.2",{"_index":371,"t":{"60":{"position":[[103,6]]},"116":{"position":[[1941,6]]},"130":{"position":[[1669,6]]},"136":{"position":[[160,6]]},"186":{"position":[[165,6]]},"190":{"position":[[157,6]]},"202":{"position":[[1985,6]]},"210":{"position":[[174,6]]},"216":{"position":[[1994,6]]},"288":{"position":[[1989,6]]},"294":{"position":[[1988,6]]},"468":{"position":[[147,6]]}}}],["1.4.3",{"_index":376,"t":{"62":{"position":[[103,6]]},"116":{"position":[[1692,6]]},"152":{"position":[[401,6]]},"202":{"position":[[1736,6]]},"216":{"position":[[1745,6]]},"248":{"position":[[401,6]]},"288":{"position":[[1740,6]]},"294":{"position":[[1739,6]]},"340":{"position":[[1486,6]]},"466":{"position":[[147,6]]},"600":{"position":[[883,5],[3923,5]]}}}],["1.4.4",{"_index":381,"t":{"64":{"position":[[104,6]]},"116":{"position":[[1443,6]]},"152":{"position":[[152,6]]},"202":{"position":[[1487,6]]},"216":{"position":[[1496,6]]},"248":{"position":[[152,6]]},"288":{"position":[[1491,6]]},"294":{"position":[[1490,6]]},"340":{"position":[[1237,6]]},"470":{"position":[[148,6]]}}}],["1.4.5",{"_index":387,"t":{"66":{"position":[[104,5]]},"116":{"position":[[1195,5]]},"192":{"position":[[154,5]]},"202":{"position":[[1239,5]]},"216":{"position":[[1248,5]]},"284":{"position":[[491,5]]},"288":{"position":[[1243,5]]},"294":{"position":[[1242,5]]},"388":{"position":[[485,5]]},"476":{"position":[[148,5]]}}}],["1.5",{"_index":999,"t":{"506":{"position":[[1851,3]]}}}],["1.5.0",{"_index":419,"t":{"70":{"position":[[100,5]]},"116":{"position":[[848,5]]},"202":{"position":[[892,5]]},"216":{"position":[[901,5]]},"224":{"position":[[665,5]]},"240":{"position":[[1298,5]]},"242":{"position":[[567,5]]},"256":{"position":[[2090,5]]},"262":{"position":[[998,5]]},"288":{"position":[[896,5]]},"294":{"position":[[895,5]]},"302":{"position":[[659,5]]},"324":{"position":[[1292,5]]},"328":{"position":[[561,5]]},"352":{"position":[[2643,5]]},"364":{"position":[[992,5]]},"474":{"position":[[144,5]]},"566":{"position":[[481,5],[534,5],[726,5],[802,5],[878,5],[939,5],[982,5],[1132,5],[1165,5]]}}}],["1.6.0",{"_index":395,"t":{"68":{"position":[[101,5]]},"116":{"position":[[435,5]]},"202":{"position":[[479,5]]},"216":{"position":[[488,5]]},"238":{"position":[[149,5]]},"240":{"position":[[885,5]]},"242":{"position":[[154,5]]},"250":{"position":[[2684,5]]},"256":{"position":[[1677,5]]},"262":{"position":[[585,5]]},"272":{"position":[[149,5]]},"274":{"position":[[871,5]]},"276":{"position":[[155,5]]},"288":{"position":[[483,5]]},"294":{"position":[[482,5]]},"324":{"position":[[879,5]]},"328":{"position":[[148,5]]},"340":{"position":[[820,5]]},"352":{"position":[[2230,5]]},"364":{"position":[[579,5]]},"384":{"position":[[865,5]]},"386":{"position":[[149,5]]},"524":{"position":[[1422,5]]},"530":{"position":[[1117,5]]},"566":{"position":[[1057,5]]},"568":{"position":[[485,5],[538,5],[730,5],[806,5],[882,5],[943,5],[986,5],[1061,5],[1136,5],[1169,5]]},"594":{"position":[[145,5]]},"600":{"position":[[2469,5],[4167,5]]}}}],["1.7.0",{"_index":423,"t":{"72":{"position":[[101,5]]},"116":{"position":[[101,5]]},"128":{"position":[[430,5]]},"132":{"position":[[526,5]]},"200":{"position":[[154,5]]},"202":{"position":[[145,5]]},"204":{"position":[[150,5]]},"216":{"position":[[154,5]]},"222":{"position":[[450,5]]},"230":{"position":[[153,5]]},"288":{"position":[[149,5]]},"294":{"position":[[148,5]]},"298":{"position":[[444,5]]},"312":{"position":[[147,5]]},"472":{"position":[[145,5]]},"508":{"position":[[262,5],[339,5],[436,5],[521,5],[578,5],[649,5]]},"510":{"position":[[296,5],[418,5],[510,5],[1023,5],[1117,5],[1277,5],[1342,5],[1468,5],[1603,5],[1688,5],[1820,5],[1999,5],[2064,5],[2110,5],[2172,5],[2259,5]]},"514":{"position":[[1011,5]]},"520":{"position":[[307,5],[364,5],[414,5],[485,5],[570,5],[615,5],[683,5],[808,5],[945,5],[1030,5],[1164,5]]}}}],["1.7.1",{"_index":439,"t":{"74":{"position":[[101,5]]},"118":{"position":[[2702,5]]},"130":{"position":[[1397,5]]},"194":{"position":[[2746,5]]},"206":{"position":[[1020,5]]},"212":{"position":[[2755,5]]},"224":{"position":[[396,5]]},"290":{"position":[[2750,5]]},"292":{"position":[[2749,5]]},"302":{"position":[[390,5]]},"482":{"position":[[145,5]]}}}],["1.7.2",{"_index":452,"t":{"76":{"position":[[101,5]]},"118":{"position":[[2454,5]]},"194":{"position":[[2498,5]]},"212":{"position":[[2507,5]]},"236":{"position":[[589,5]]},"290":{"position":[[2502,5]]},"292":{"position":[[2501,5]]},"318":{"position":[[147,5]]},"320":{"position":[[583,5]]},"478":{"position":[[145,5]]}}}],["1.7.3",{"_index":456,"t":{"78":{"position":[[101,5]]},"118":{"position":[[2209,5]]},"194":{"position":[[2253,5]]},"212":{"position":[[2262,5]]},"224":{"position":[[151,5]]},"250":{"position":[[2439,5]]},"290":{"position":[[2257,5]]},"292":{"position":[[2256,5]]},"302":{"position":[[145,5]]},"340":{"position":[[575,5]]},"484":{"position":[[145,5]]},"600":{"position":[[5115,5]]}}}],["1.8.0",{"_index":466,"t":{"80":{"position":[[97,5]]},"118":{"position":[[1773,5]]},"130":{"position":[[961,5]]},"194":{"position":[[1817,5]]},"206":{"position":[[584,5]]},"212":{"position":[[1826,5]]},"236":{"position":[[153,5]]},"240":{"position":[[449,5]]},"250":{"position":[[2003,5]]},"260":{"position":[[152,5]]},"262":{"position":[[149,5]]},"268":{"position":[[146,5]]},"274":{"position":[[435,5]]},"290":{"position":[[1821,5]]},"292":{"position":[[1820,5]]},"320":{"position":[[147,5]]},"324":{"position":[[443,5]]},"340":{"position":[[139,5]]},"358":{"position":[[146,5]]},"364":{"position":[[143,5]]},"380":{"position":[[415,5]]},"384":{"position":[[429,5]]},"480":{"position":[[141,5]]},"530":{"position":[[1301,5]]},"600":{"position":[[503,5],[1180,5],[1277,5],[2204,5],[2293,5],[2405,5],[2633,5],[3629,5]]}}}],["1.8.1",{"_index":505,"t":{"86":{"position":[[99,5]]},"118":{"position":[[1521,5]]},"194":{"position":[[1565,5]]},"212":{"position":[[1574,5]]},"250":{"position":[[1751,5]]},"278":{"position":[[581,5]]},"290":{"position":[[1569,5]]},"292":{"position":[[1568,5]]},"334":{"position":[[2686,5]]},"394":{"position":[[575,5]]},"486":{"position":[[143,5]]}}}],["1.8.2",{"_index":494,"t":{"84":{"position":[[100,5]]},"118":{"position":[[1222,5]]},"194":{"position":[[1266,5]]},"212":{"position":[[1275,5]]},"222":{"position":[[149,5]]},"240":{"position":[[152,5]]},"250":{"position":[[1452,5]]},"290":{"position":[[1270,5]]},"292":{"position":[[1269,5]]},"298":{"position":[[143,5]]},"322":{"position":[[142,5]]},"324":{"position":[[146,5]]},"334":{"position":[[2387,5]]},"338":{"position":[[142,5]]},"488":{"position":[[144,5]]}}}],["1.8.3",{"_index":483,"t":{"82":{"position":[[100,5]]},"118":{"position":[[964,5]]},"194":{"position":[[1008,5]]},"212":{"position":[[1017,5]]},"250":{"position":[[1194,5]]},"264":{"position":[[152,5]]},"290":{"position":[[1012,5]]},"292":{"position":[[1011,5]]},"334":{"position":[[2129,5]]},"370":{"position":[[145,5]]},"492":{"position":[[144,5]]}}}],["1.9.0",{"_index":509,"t":{"88":{"position":[[100,5]]},"118":{"position":[[626,5]]},"194":{"position":[[670,5]]},"212":{"position":[[679,5]]},"252":{"position":[[429,5]]},"254":{"position":[[407,5]]},"256":{"position":[[1338,5]]},"270":{"position":[[148,5]]},"284":{"position":[[149,5]]},"290":{"position":[[674,5]]},"292":{"position":[[673,5]]},"336":{"position":[[423,5]]},"352":{"position":[[1891,5]]},"356":{"position":[[833,5]]},"382":{"position":[[524,5]]},"388":{"position":[[143,5]]},"490":{"position":[[144,5]]},"540":{"position":[[1184,5]]},"546":{"position":[[505,5]]}}}],["1.9.1",{"_index":522,"t":{"90":{"position":[[99,5]]},"94":{"position":[[302,5]]},"118":{"position":[[99,5]]},"194":{"position":[[143,5]]},"212":{"position":[[152,5]]},"256":{"position":[[1117,5]]},"290":{"position":[[147,5]]},"292":{"position":[[146,5]]},"352":{"position":[[1670,5]]},"494":{"position":[[143,5]]}}}],["1.9.2",{"_index":528,"t":{"94":{"position":[[99,5]]},"118":{"position":[[319,5]]},"194":{"position":[[363,5]]},"212":{"position":[[372,5]]},"226":{"position":[[153,5]]},"280":{"position":[[148,5]]},"290":{"position":[[367,5]]},"292":{"position":[[366,5]]},"296":{"position":[[154,5]]},"300":{"position":[[147,5]]},"390":{"position":[[424,5]]},"392":{"position":[[149,5]]},"496":{"position":[[143,5]]},"600":{"position":[[1516,5],[1893,5]]}}}],["1.9.3",{"_index":107,"t":{"2":{"position":[[2833,5]]},"92":{"position":[[99,5]]},"138":{"position":[[2877,5]]},"208":{"position":[[2886,5]]},"250":{"position":[[974,5]]},"282":{"position":[[2880,5]]},"286":{"position":[[2881,5]]},"334":{"position":[[1909,5]]},"498":{"position":[[143,5]]}}}],["1.9.4",{"_index":103,"t":{"2":{"position":[[2581,5]]},"98":{"position":[[99,5]]},"138":{"position":[[2625,5]]},"208":{"position":[[2634,5]]},"254":{"position":[[154,5]]},"256":{"position":[[865,5]]},"282":{"position":[[2628,5]]},"286":{"position":[[2629,5]]},"352":{"position":[[1418,5]]},"356":{"position":[[580,5]]},"500":{"position":[[143,5]]},"524":{"position":[[1073,5]]}}}],["1.9.5",{"_index":98,"t":{"2":{"position":[[2296,5]]},"96":{"position":[[100,5]]},"138":{"position":[[2340,5]]},"208":{"position":[[2349,5]]},"250":{"position":[[689,5]]},"256":{"position":[[580,5]]},"274":{"position":[[152,5]]},"282":{"position":[[2343,5]]},"286":{"position":[[2344,5]]},"334":{"position":[[1624,5]]},"352":{"position":[[1133,5]]},"384":{"position":[[146,5]]},"502":{"position":[[144,5]]},"524":{"position":[[1224,5]]},"600":{"position":[[438,5],[2037,5],[3335,5],[3518,5]]}}}],["10",{"_index":380,"t":{"64":{"position":[[33,3]]},"72":{"position":[[30,3]]},"114":{"position":[[1864,3],[2033,3]]},"116":{"position":[[30,3],[1372,3]]},"128":{"position":[[359,3]]},"132":{"position":[[455,3]]},"152":{"position":[[81,3]]},"200":{"position":[[83,3]]},"202":{"position":[[74,3],[1416,3]]},"204":{"position":[[79,3]]},"216":{"position":[[83,3],[1425,3]]},"222":{"position":[[379,3]]},"230":{"position":[[82,3]]},"248":{"position":[[81,3]]},"288":{"position":[[78,3],[1420,3]]},"294":{"position":[[77,3],[1419,3]]},"298":{"position":[[373,3]]},"312":{"position":[[76,3]]},"340":{"position":[[1166,3]]},"470":{"position":[[77,3]]},"472":{"position":[[74,3]]},"554":{"position":[[8068,2],[11516,4],[11910,4],[12353,4],[14482,4]]},"556":{"position":[[9026,4],[9475,4]]},"560":{"position":[[3748,2],[7895,4],[8246,4],[8646,4],[10731,4]]},"564":{"position":[[1117,3],[1963,3],[2513,3],[3220,3],[4004,3],[5196,3],[5661,3]]},"566":{"position":[[7503,4],[7796,4],[10108,4],[10416,4],[10813,4]]},"568":{"position":[[5690,4],[6028,4],[6353,4],[6655,4],[6974,4],[9711,4],[10110,4]]},"598":{"position":[[4130,5],[6077,5],[8359,5],[10692,5],[13145,5],[15555,5],[17969,5],[20475,5],[23751,5]]},"600":{"position":[[2056,2],[2145,3],[11804,3],[13503,3],[18694,3],[48296,3],[52433,3],[53950,3],[62754,3],[65975,3],[69352,3],[81853,3],[84619,3],[106698,3],[124090,3]]}}}],["10%thi",{"_index":1749,"t":{"524":{"position":[[8631,12],[10388,12]]}}}],["101",{"_index":3983,"t":{"600":{"position":[[8578,4],[10923,4],[13299,4],[16071,4],[18490,4],[21242,4],[23644,4],[27388,4],[32721,4],[35086,4],[37451,4],[39758,4],[42016,4],[45417,4],[48092,4],[53746,4],[56463,4],[62550,4],[65771,4],[69148,4],[72286,4],[75261,4],[78558,4],[81649,4],[84415,4],[89520,4],[97750,4],[99941,4],[102379,4],[106494,4],[110375,4],[123886,4]]}}}],["102",{"_index":3981,"t":{"600":{"position":[[8458,4],[10803,4],[13179,4],[15951,4],[18370,4],[21122,4],[23524,4],[27158,4],[32601,4],[34966,4],[37331,4],[39655,4],[41913,4],[45187,4],[47972,4],[53626,4],[56343,4],[62430,4],[65651,4],[69028,4],[72166,4],[75141,4],[78438,4],[81529,4],[84295,4],[89400,4],[97630,4],[99821,4],[102259,4],[106374,4],[110255,4],[123766,4]]}}}],["103",{"_index":3967,"t":{"600":{"position":[[7941,4],[10286,4],[12662,4],[15434,4],[17853,4],[20605,4],[23007,4],[26187,4],[32084,4],[34449,4],[36814,4],[39200,4],[41458,4],[44216,4],[47455,4],[53109,4],[55748,4],[58201,4],[61913,4],[65134,4],[68511,4],[71649,4],[74624,4],[77921,4],[81012,4],[83778,4],[88883,4],[97113,4],[99304,4],[101742,4],[105857,4],[123249,4]]}}}],["104",{"_index":3975,"t":{"600":{"position":[[8196,4],[10541,4],[12917,4],[15689,4],[18108,4],[20860,4],[23262,4],[26666,4],[32339,4],[34704,4],[37069,4],[39422,4],[41680,4],[44695,4],[47710,4],[53364,4],[56003,4],[58456,4],[62168,4],[65389,4],[68766,4],[71904,4],[74879,4],[78176,4],[81267,4],[84033,4],[89138,4],[97368,4],[99559,4],[101997,4],[106112,4],[109993,4],[123504,4]]}}}],["105",{"_index":3978,"t":{"600":{"position":[[8325,4],[10670,4],[13046,4],[15818,4],[18237,4],[20989,4],[23391,4],[26906,4],[32468,4],[34833,4],[37198,4],[39535,4],[41793,4],[44935,4],[47839,4],[53493,4],[56132,4],[58585,4],[62297,4],[65518,4],[68895,4],[72033,4],[75008,4],[76082,4],[76162,4],[78305,4],[79019,5],[79062,3],[79141,4],[79183,3],[81396,4],[84162,4],[89267,4],[97497,4],[99688,4],[102126,4],[106241,4],[110122,4],[123633,4]]}}}],["106",{"_index":3972,"t":{"600":{"position":[[8072,4],[10417,4],[12793,4],[15565,4],[17984,4],[20736,4],[23138,4],[26429,4],[32215,4],[34580,4],[36945,4],[39315,4],[41573,4],[44458,4],[47586,4],[53240,4],[55879,4],[58332,4],[62044,4],[65265,4],[68642,4],[71780,4],[74755,4],[78052,4],[81143,4],[83909,4],[89014,4],[97244,4],[99435,4],[101873,4],[105988,4],[109869,4],[123380,4]]}}}],["107",{"_index":3961,"t":{"600":{"position":[[7817,4],[10162,4],[12538,4],[15310,4],[17729,4],[20481,4],[22883,4],[25949,4],[31960,4],[34325,4],[36690,4],[39095,4],[41353,4],[43978,4],[47331,4],[52985,4],[55624,4],[58077,4],[61789,4],[65010,4],[68387,4],[71525,4],[74500,4],[77797,4],[80888,4],[83654,4],[105733,4],[109613,4],[123125,4]]}}}],["1073255",{"_index":2683,"t":{"548":{"position":[[12170,8],[15159,8]]},"552":{"position":[[9342,8]]}}}],["108",{"_index":3985,"t":{"600":{"position":[[8700,4],[11045,4],[13676,4],[16193,4],[18867,4],[21364,4],[23766,4],[27627,4],[32843,4],[35208,4],[37573,4],[39863,4],[42121,4],[45656,4],[48469,4],[54123,4],[56585,4],[62927,4],[66148,4],[69525,4],[72408,4],[75383,4],[78680,4],[82026,4],[84792,4],[106871,4],[110497,4],[124263,4]]}}}],["1081241",{"_index":2680,"t":{"548":{"position":[[12143,8],[15132,8]]},"552":{"position":[[9315,8]]}}}],["109",{"_index":3988,"t":{"600":{"position":[[8823,4],[11168,4],[13799,4],[16316,4],[18990,4],[21487,4],[23889,4],[27867,4],[32966,4],[35331,4],[37696,4],[39970,4],[42228,4],[45896,4],[48592,4],[54246,4],[56708,4],[63050,4],[66271,4],[69648,4],[72531,4],[75506,4],[78803,4],[82149,4],[84915,4],[106994,4],[110620,4],[124386,4]]}}}],["10:00",{"_index":3379,"t":{"568":{"position":[[3456,5],[8898,5]]}}}],["10:50",{"_index":3385,"t":{"568":{"position":[[4140,5],[4869,5]]}}}],["10a",{"_index":934,"t":{"504":{"position":[[2425,11],[2570,11],[2715,11]]}}}],["2\">an",{"_index":932,"t":{"504":{"position":[[2293,12]]}}}],["2\">@bodyhidepage",{"_index":3828,"t":{"598":{"position":[[6911,7],[9244,7],[11697,7],[14107,7],[16521,7]]}}}],["2\">submit@displayswitchstatuschang",{"_index":3325,"t":{"566":{"position":[[9196,10]]},"568":{"position":[[8811,10]]}}}],["3\">enter",{"_index":2838,"t":{"554":{"position":[[1976,10],[2307,10],[2533,10],[2759,10],[2985,10],[3211,10],[3437,10],[3663,10],[3889,10],[4115,10],[4710,10],[5223,10],[5764,10],[8109,10],[8598,10],[8854,10],[9400,10]]},"560":{"position":[[1502,10],[3789,10],[4270,10],[4572,10],[5056,10],[5284,10],[5802,10]]},"566":{"position":[[1559,10],[2168,10],[2372,10],[2574,10],[2778,10],[3761,10],[4089,10],[4415,10],[4743,10],[5628,10],[6405,10]]},"568":{"position":[[1538,10],[1937,10],[2116,10],[2968,10],[3271,10],[3832,10],[4582,10]]}}}],["3\">max",{"_index":3282,"t":{"566":{"position":[[3721,6],[4049,6],[4375,6],[4703,6]]},"568":{"position":[[2928,6],[3231,6]]}}}],["3\">min",{"_index":3280,"t":{"566":{"position":[[3681,6],[4009,6],[4335,6],[4663,6]]},"568":{"position":[[2888,6],[3191,6]]}}}],["3\">select",{"_index":2414,"t":{"544":{"position":[[13116,11],[13912,11]]}}}],["3\">switch",{"_index":3184,"t":{"562":{"position":[[869,9]]}}}],["3\">thi",{"_index":2365,"t":{"544":{"position":[[6776,7],[6903,7],[7033,7],[7330,7],[7457,7],[7587,7],[7715,7],[7936,7],[8063,7],[8193,7],[8321,7],[8550,7],[8677,7],[8807,7],[8935,7],[9347,7],[9474,7],[9604,7],[9751,7],[9890,7],[10015,7],[11709,7],[11836,7],[11966,7],[12094,7]]}}}],["3.5",{"_index":1000,"t":{"506":{"position":[[1855,3]]}}}],["30",{"_index":219,"t":{"26":{"position":[[29,3]]},"44":{"position":[[32,3]]},"60":{"position":[[32,3]]},"88":{"position":[[29,3]]},"114":{"position":[[539,3],[956,3],[1542,3],[2119,3]]},"116":{"position":[[1870,3]]},"118":{"position":[[555,3]]},"122":{"position":[[1680,3]]},"124":{"position":[[1016,3]]},"130":{"position":[[1598,3]]},"136":{"position":[[89,3]]},"178":{"position":[[85,3]]},"180":{"position":[[89,3]]},"186":{"position":[[94,3]]},"190":{"position":[[86,3]]},"192":{"position":[[330,3]]},"194":{"position":[[599,3]]},"202":{"position":[[1914,3]]},"210":{"position":[[103,3]]},"212":{"position":[[608,3]]},"214":{"position":[[1733,3]]},"216":{"position":[[1923,3]]},"218":{"position":[[1069,3]]},"252":{"position":[[358,3]]},"254":{"position":[[336,3]]},"256":{"position":[[1267,3]]},"270":{"position":[[77,3]]},"284":{"position":[[78,3]]},"288":{"position":[[1918,3]]},"290":{"position":[[603,3]]},"292":{"position":[[602,3]]},"294":{"position":[[1917,3]]},"336":{"position":[[352,3]]},"352":{"position":[[1820,3]]},"356":{"position":[[762,3]]},"368":{"position":[[272,3]]},"370":{"position":[[335,3]]},"374":{"position":[[82,3]]},"382":{"position":[[453,3]]},"388":{"position":[[72,3],[661,3]]},"414":{"position":[[73,3]]},"434":{"position":[[76,3]]},"468":{"position":[[76,3]]},"490":{"position":[[73,3]]},"564":{"position":[[2002,3],[5235,3]]},"570":{"position":[[6062,2]]},"572":{"position":[[5667,2]]},"574":{"position":[[6409,2]]},"576":{"position":[[5309,2]]}}}],["300m",{"_index":382,"t":{"64":{"position":[[199,5]]}}}],["31",{"_index":233,"t":{"32":{"position":[[30,3]]},"86":{"position":[[28,3]]},"114":{"position":[[797,3],[1661,3]]},"118":{"position":[[1450,3]]},"124":{"position":[[236,3]]},"194":{"position":[[1494,3]]},"212":{"position":[[1503,3]]},"218":{"position":[[289,3]]},"250":{"position":[[1680,3]]},"278":{"position":[[510,3]]},"290":{"position":[[1498,3]]},"292":{"position":[[1497,3]]},"334":{"position":[[2615,3]]},"340":{"position":[[1861,3]]},"394":{"position":[[504,3]]},"422":{"position":[[74,3]]},"486":{"position":[[72,3]]}}}],["317",{"_index":588,"t":{"104":{"position":[[597,4]]}}}],["320",{"_index":3887,"t":{"600":{"position":[[1912,3],[107351,3]]}}}],["320px",{"_index":3758,"t":{"596":{"position":[[18567,8]]}}}],["321",{"_index":1621,"t":{"522":{"position":[[2798,5]]},"524":{"position":[[4493,5]]},"530":{"position":[[3949,5]]}}}],["322",{"_index":1728,"t":{"524":{"position":[[6182,5]]},"530":{"position":[[5699,5]]}}}],["327",{"_index":584,"t":{"104":{"position":[[457,4]]}}}],["334",{"_index":582,"t":{"104":{"position":[[368,4]]}}}],["346",{"_index":597,"t":{"106":{"position":[[341,4]]}}}],["35",{"_index":846,"t":{"138":{"position":[[0,2]]},"194":{"position":[[0,2]]},"198":{"position":[[0,2]]},"202":{"position":[[0,2]]}}}],["352",{"_index":581,"t":{"104":{"position":[[303,4]]}}}],["373",{"_index":595,"t":{"106":{"position":[[282,4]]}}}],["384",{"_index":606,"t":{"108":{"position":[[403,4]]}}}],["4",{"_index":4,"t":{"2":{"position":[[34,2],[2763,2]]},"30":{"position":[[33,2]]},"92":{"position":[[29,2]]},"112":{"position":[[34,2]]},"114":{"position":[[757,2],[1425,2],[2254,2]]},"124":{"position":[[33,2]]},"130":{"position":[[83,2],[2810,2]]},"132":{"position":[[76,2]]},"138":{"position":[[78,2],[2807,2]]},"206":{"position":[[0,1]]},"208":{"position":[[87,2],[2816,2]]},"218":{"position":[[86,2]]},"240":{"position":[[0,1]]},"250":{"position":[[904,2]]},"282":{"position":[[81,2],[2810,2]]},"286":{"position":[[82,2],[2811,2]]},"324":{"position":[[0,1]]},"330":{"position":[[75,2],[1928,2]]},"334":{"position":[[76,2],[1839,2]]},"362":{"position":[[81,2]]},"372":{"position":[[84,2]]},"376":{"position":[[82,2]]},"382":{"position":[[75,2]]},"388":{"position":[[0,1]]},"424":{"position":[[77,2]]},"452":{"position":[[79,2]]},"498":{"position":[[73,2]]},"506":{"position":[[1859,1],[1875,1],[1877,1]]},"514":{"position":[[5659,1]]},"518":{"position":[[3871,2],[7269,2],[7601,2],[7930,2],[8296,2],[8586,2],[8876,2],[9163,2],[9450,2],[9735,2],[10018,2],[10301,2],[10830,2],[11206,2],[11533,2],[12103,2],[12500,2],[12848,2]]},"530":{"position":[[4133,1],[4261,1],[4396,1],[6089,1],[6217,1],[6352,1]]},"536":{"position":[[844,2],[1275,2]]},"548":{"position":[[6033,2],[9752,1],[9903,1],[10535,2],[11341,1],[11486,1],[11883,1],[12028,1],[12425,1],[12570,1],[13396,2],[14200,1],[14345,1],[14807,1],[14952,1],[15414,1],[15559,1]]},"550":{"position":[[3996,2],[8447,2],[9845,2],[12073,2],[14171,2]]},"552":{"position":[[7707,2],[8513,1],[8658,1],[9055,1],[9200,1],[9597,1],[9742,1]]},"570":{"position":[[6974,1],[7110,3]]},"572":{"position":[[7353,1],[7489,3]]},"574":{"position":[[7321,1],[7457,3]]},"576":{"position":[[6261,1],[6397,3]]},"578":{"position":[[6220,1],[6356,3]]},"582":{"position":[[6286,1],[6422,3]]},"584":{"position":[[6381,1],[6517,3]]},"586":{"position":[[787,1],[923,3]]},"590":{"position":[[782,1],[918,3]]},"596":{"position":[[4173,3],[6365,3],[8945,3],[9834,3],[18539,1],[19227,1]]},"598":{"position":[[3497,4],[5383,4],[6756,1],[6892,3],[7665,4],[9016,1],[9225,3],[9998,4],[11469,1],[11678,3],[12451,4],[13879,1],[14088,3],[14861,4],[16293,1],[16502,3],[17275,4],[18721,1],[18857,3],[19781,4],[23076,4]]},"600":{"position":[[8148,2],[10493,2],[12869,2],[15641,2],[18060,2],[20812,2],[23214,2],[26602,2],[32291,2],[34656,2],[37021,2],[44631,2],[47662,2],[53316,2],[55955,2],[58408,2],[62120,2],[65341,2],[68718,2],[71856,2],[74831,2],[78128,2],[81219,2],[83985,2],[89090,2],[97320,2],[99511,2],[101949,2],[106064,2],[109945,2],[123456,2]]}}}],["4.33",{"_index":2895,"t":{"554":{"position":[[4776,5],[5289,5]]}}}],["40",{"_index":3218,"t":{"564":{"position":[[2023,3],[5256,3]]},"568":{"position":[[2195,4]]}}}],["401",{"_index":605,"t":{"108":{"position":[[362,4]]}}}],["414",{"_index":603,"t":{"108":{"position":[[291,4]]}}}],["416",{"_index":611,"t":{"108":{"position":[[495,4]]}}}],["438",{"_index":629,"t":{"110":{"position":[[671,4]]}}}],["458",{"_index":632,"t":{"110":{"position":[[755,4]]}}}],["462",{"_index":633,"t":{"110":{"position":[[794,4]]}}}],["468",{"_index":626,"t":{"110":{"position":[[594,4]]}}}],["473",{"_index":612,"t":{"110":{"position":[[253,4]]}}}],["476",{"_index":614,"t":{"110":{"position":[[305,3]]}}}],["478",{"_index":618,"t":{"110":{"position":[[409,4]]}}}],["482",{"_index":621,"t":{"110":{"position":[[475,4]]}}}],["483",{"_index":623,"t":{"110":{"position":[[524,4]]}}}],["484",{"_index":617,"t":{"110":{"position":[[371,4]]}}}],["486",{"_index":655,"t":{"112":{"position":[[786,4]]}}}],["488",{"_index":627,"t":{"110":{"position":[[636,4]]}}}],["497",{"_index":652,"t":{"112":{"position":[[725,4]]}}}],["498",{"_index":664,"t":{"112":{"position":[[997,4]]}}}],["4@employee.firstname@employee.lastname@employeeid@employee.firstname@employee.lastname@employeeidanoth",{"_index":3734,"t":{"596":{"position":[[14823,21]]}}}],["activepagenumb",{"_index":1831,"t":{"528":{"position":[[216,16]]}}}],["activepagenumber=\"1",{"_index":1857,"t":{"528":{"position":[[1771,20],[2046,20]]}}}],["activepagenumber=\"2",{"_index":1869,"t":{"528":{"position":[[2581,20],[2632,20],[2712,20]]}}}],["activepagenumber=\"3",{"_index":1864,"t":{"528":{"position":[[2098,20]]}}}],["activepagenumber=\"5",{"_index":1865,"t":{"528":{"position":[[2150,20],[2346,20],[2425,20],[2476,20]]}}}],["activepagenumber=\"@currentpagenumb",{"_index":1872,"t":{"528":{"position":[[2821,37]]}}}],["actual",{"_index":1884,"t":{"530":{"position":[[1442,8],[1601,8]]}}}],["ad",{"_index":138,"t":{"8":{"position":[[96,5]]},"10":{"position":[[176,5]]},"70":{"position":[[680,5],[728,5]]},"88":{"position":[[362,5]]},"100":{"position":[[972,5],[1018,5]]},"104":{"position":[[413,5],[694,5]]},"120":{"position":[[502,5]]},"220":{"position":[[555,5]]},"400":{"position":[[140,5]]},"506":{"position":[[1007,5]]},"508":{"position":[[165,5]]},"510":{"position":[[195,5],[552,5],[1383,5],[1891,5]]},"514":{"position":[[219,5],[3962,6]]},"518":{"position":[[418,5],[738,5],[902,5],[1065,5],[1229,5],[1458,5],[2021,5],[2253,5],[2416,5]]},"520":{"position":[[199,5],[517,5],[714,5]]},"522":{"position":[[197,5],[729,5]]},"524":{"position":[[225,5],[1563,5]]},"526":{"position":[[252,5],[353,5]]},"530":{"position":[[226,5],[1335,5]]},"532":{"position":[[455,5],[668,5]]},"536":{"position":[[207,5],[535,5]]},"540":{"position":[[641,5],[1100,5]]},"542":{"position":[[181,5]]},"544":{"position":[[168,5],[431,5],[509,5],[937,5],[1379,5],[1837,5],[4695,6]]},"546":{"position":[[431,5]]},"548":{"position":[[433,5],[570,5],[855,5],[1120,5],[4629,5],[4868,5]]},"550":{"position":[[288,5],[426,5],[711,5],[974,5],[2665,5],[2904,5]]},"552":{"position":[[384,5],[521,5],[806,5],[1079,5],[2278,5],[2535,5]]},"556":{"position":[[282,5],[1618,5],[1863,5],[2215,5]]},"558":{"position":[[229,5],[366,5],[651,5],[914,5],[2011,5],[2258,5]]},"562":{"position":[[206,5],[493,5],[606,5]]},"564":{"position":[[183,5],[633,5],[748,5],[900,5]]},"566":{"position":[[357,5],[1089,5]]},"568":{"position":[[361,5],[1093,5]]},"596":{"position":[[295,5],[1000,5],[1378,5],[1748,5],[2003,5],[2180,5],[2901,5],[3268,5]]},"598":{"position":[[263,5],[729,5],[888,5]]},"600":{"position":[[241,5],[3058,5],[3678,5],[3991,5],[6649,5],[46372,6],[49173,6],[58781,6]]}}}],["add",{"_index":594,"t":{"106":{"position":[[250,3],[373,3]]},"108":{"position":[[261,3]]},"110":{"position":[[223,3],[269,3]]},"506":{"position":[[180,4]]},"508":{"position":[[2018,3]]},"510":{"position":[[2517,4],[3068,4],[3618,4],[4381,4],[5006,4],[5629,4],[6371,4],[6922,4],[7472,4],[8175,4],[8742,4],[9292,4],[10007,4],[10558,4],[11108,4],[12187,4],[12750,4],[13312,4],[13870,4],[14418,4],[14978,4],[18504,4],[19055,4],[19605,4],[20889,4],[21462,4],[22034,4]]},"512":{"position":[[452,3]]},"514":{"position":[[3474,3],[6578,3]]},"516":{"position":[[2913,3],[3401,3],[3890,3],[4376,3],[4861,3]]},"518":{"position":[[5897,3]]},"522":{"position":[[852,4],[6918,3]]},"524":{"position":[[83,3],[9558,3]]},"528":{"position":[[2249,3]]},"532":{"position":[[174,3],[958,3]]},"538":{"position":[[1885,3],[6105,3],[7102,3]]},"540":{"position":[[4616,3],[9797,3],[11386,3]]},"542":{"position":[[91,3]]},"544":{"position":[[2737,3]]},"548":{"position":[[607,4],[664,4],[6312,3],[6458,3]]},"550":{"position":[[463,4],[520,4],[4275,3]]},"552":{"position":[[558,4],[615,4],[3653,3]]},"554":{"position":[[4873,4],[10891,3]]},"558":{"position":[[403,4],[460,4],[3361,3]]},"560":{"position":[[7272,3]]},"564":{"position":[[5291,3]]},"570":{"position":[[257,3],[371,3],[478,3],[1010,3],[1348,3],[1435,3],[1821,3],[2155,3],[2674,3],[2752,3],[5348,3],[5690,3],[8111,3],[8130,3]]},"572":{"position":[[384,3],[890,3],[1273,3],[1607,3],[2126,3],[2204,3],[2860,3],[4267,3],[4601,3],[5247,3],[8475,3],[8494,3]]},"574":{"position":[[257,3],[371,3],[476,3],[1008,3],[1252,3],[1636,3],[1970,3],[2489,3],[2567,3],[5024,3],[5358,3],[6037,3],[8471,3],[8490,3]]},"576":{"position":[[315,3],[429,3],[935,3],[1318,3],[1652,3],[2171,3],[2249,3],[4017,3],[4351,3],[5006,3],[7362,3],[7381,3]]},"578":{"position":[[267,3],[381,3],[485,3],[1022,3],[1266,3],[1655,3],[1989,3],[2602,3],[4867,3],[5202,3],[7365,3],[7384,3]]},"580":{"position":[[275,3],[389,3],[475,3],[910,3],[1295,3],[1629,3],[2148,3],[2226,3],[3078,3],[3097,3]]},"582":{"position":[[267,3],[381,3],[485,3],[920,3],[1309,3],[1643,3],[2256,3],[4272,3],[4606,3],[7222,3],[7241,3]]},"584":{"position":[[267,3],[381,3],[485,3],[1022,3],[1266,3],[1655,3],[1989,3],[2602,3],[5068,3],[7526,3],[7545,3]]},"588":{"position":[[275,3],[389,3],[475,3],[910,3],[1295,3],[1629,3],[2148,3],[2226,3],[2899,3],[2918,3]]},"592":{"position":[[4958,3]]},"596":{"position":[[10756,3],[11825,3],[12426,3],[13482,3],[14521,3],[16605,3],[17195,3]]},"600":{"position":[[6894,3],[11677,3],[14318,3],[21897,3],[24221,3],[30644,3],[30793,3],[33300,3],[42556,3],[42611,3],[49978,3],[57143,3],[57252,3],[59515,3],[59541,4],[59640,3],[59723,4]]}}}],["addadditionalassemblies(typeof(counter).assembl",{"_index":3590,"t":{"572":{"position":[[5957,51]]}}}],["addasync",{"_index":567,"t":{"100":{"position":[[673,8],[739,8],[801,8],[862,8]]}}}],["addcustom",{"_index":2432,"t":{"544":{"position":[[14378,13]]}}}],["adddataasync",{"_index":2511,"t":{"548":{"position":[[584,12],[6441,16],[8407,14]]},"550":{"position":[[440,12],[6540,14]]},"552":{"position":[[535,12],[5645,14],[12650,14]]},"558":{"position":[[380,12],[5243,14],[8922,14]]}}}],["adddataasync()\">add",{"_index":2722,"t":{"550":{"position":[[4404,19]]},"552":{"position":[[3782,19],[10870,19]]},"558":{"position":[[3490,19],[7284,19]]}}}],["adddatasetasync",{"_index":566,"t":{"100":{"position":[[653,15],[719,15],[781,15],[842,15]]},"548":{"position":[[638,15],[6292,19],[8169,17]]},"550":{"position":[[494,15],[4255,19],[6272,17]]},"552":{"position":[[589,15],[3633,19],[5395,17]]},"558":{"position":[[434,15],[3341,19],[5008,17]]}}}],["addemploye",{"_index":4149,"t":{"600":{"position":[[58720,13]]}}}],["addemployee2",{"_index":4153,"t":{"600":{"position":[[58911,14]]}}}],["addinteractiveservercompon",{"_index":3582,"t":{"572":{"position":[[5316,33]]},"576":{"position":[[5075,34]]}}}],["addinteractiveserverrendermod",{"_index":3588,"t":{"572":{"position":[[5884,33]]},"576":{"position":[[5526,34]]}}}],["addinteractivewebassemblycompon",{"_index":3583,"t":{"572":{"position":[[5350,39]]}}}],["addinteractivewebassemblyrendermod",{"_index":3589,"t":{"572":{"position":[[5918,38]]}}}],["addit",{"_index":901,"t":{"504":{"position":[[1575,10],[1619,10],[2105,10],[4027,10]]},"508":{"position":[[2315,10]]},"514":{"position":[[3521,10]]},"516":{"position":[[3210,10],[3698,10],[4187,10],[4673,10],[5158,10]]},"518":{"position":[[6132,10],[6648,10],[6943,10],[7413,10],[7745,10],[8074,10],[11038,10],[11402,10],[11741,10],[12311,10],[12696,10],[13056,10]]},"522":{"position":[[765,10],[935,10]]},"524":{"position":[[259,10],[548,10],[890,10],[1929,9]]},"528":{"position":[[2316,10]]},"530":{"position":[[260,10],[463,10],[572,10],[1849,9]]},"596":{"position":[[18367,10]]},"598":{"position":[[170,10],[937,10]]}}}],["addition",{"_index":2360,"t":{"544":{"position":[[2780,13]]}}}],["address",{"_index":3116,"t":{"556":{"position":[[10162,7],[10886,7]]}}}],["addtaghelp",{"_index":3485,"t":{"570":{"position":[[3647,13]]},"574":{"position":[[3468,13]]}}}],["adher",{"_index":3229,"t":{"564":{"position":[[4250,6]]}}}],["adil",{"_index":3048,"t":{"556":{"position":[[3576,7],[5447,7],[8072,7]]}}}],["adipisc",{"_index":1918,"t":{"530":{"position":[[7615,10],[8868,10],[10256,10],[11856,10],[13109,10],[14497,10],[15997,10],[17250,10],[18638,10]]}}}],["aenean",{"_index":1997,"t":{"530":{"position":[[8496,6],[9433,6],[12737,6],[13674,6],[16878,6],[17815,6]]}}}],["agnost",{"_index":3089,"t":{"556":{"position":[[4356,8]]},"600":{"position":[[11548,8]]}}}],["ago10.2.5.@agree1@agree2@customer.customername@selectedcustomer.customernameaboutcontactde",{"_index":2862,"t":{"554":{"position":[[3072,5]]}}}],["b>e",{"_index":2856,"t":{"554":{"position":[[2846,5]]}}}],["b>en",{"_index":2844,"t":{"554":{"position":[[2168,5],[2394,5],[3524,5],[3750,5]]}}}],["b>faqsfr",{"_index":2850,"t":{"554":{"position":[[2620,5],[3298,5]]}}}],["b>homeproductsprofilethi",{"_index":1137,"t":{"510":{"position":[[2419,7],[2968,7],[3519,7],[4283,7],[4906,7],[5530,7],[6273,7],[6822,7],[7373,7],[8077,7],[8642,7],[9193,7],[9909,7],[10458,7],[11009,7],[12089,7],[12650,7],[13213,7],[13770,7],[14319,7],[14879,7],[18406,7],[18955,7],[19506,7],[20791,7],[21362,7],[21935,7]]},"544":{"position":[[2044,7],[2265,7],[2489,7],[2977,7],[3198,7],[3422,7],[3893,7],[4175,7],[4459,7],[4822,7],[5043,7],[5284,7],[5509,7],[5912,7],[6133,7],[6357,7]]}}}],["b>zh",{"_index":2879,"t":{"554":{"position":[[3976,5]]}}}],["back",{"_index":428,"t":{"72":{"position":[[318,4],[503,4]]},"112":{"position":[[932,4]]},"522":{"position":[[1907,7]]}}}],["backdrop",{"_index":473,"t":{"80":{"position":[[369,8]]},"524":{"position":[[1515,9],[2521,8],[3015,10],[7423,9],[8153,8],[15191,8]]},"530":{"position":[[2643,8],[7372,9],[21518,8]]}}}],["backend/api",{"_index":3935,"t":{"600":{"position":[[5990,11]]}}}],["background",{"_index":316,"t":{"44":{"position":[[268,11]]},"72":{"position":[[207,10]]},"100":{"position":[[556,10]]},"508":{"position":[[1129,10],[7353,10]]},"514":{"position":[[3385,10]]},"518":{"position":[[301,10],[8232,10],[13683,10]]},"538":{"position":[[171,12],[3534,12],[4350,10],[8335,11],[8351,10]]},"548":{"position":[[3029,10]]},"598":{"position":[[21025,10],[21088,10],[21417,10],[21555,10],[21970,10],[22083,10]]}}}],["backgroundcolor",{"_index":2520,"t":{"548":{"position":[[1134,15],[1184,16],[9568,15],[11169,15],[11711,15],[12253,15],[14028,15],[14635,15],[15242,15]]},"550":{"position":[[988,15],[1038,16],[7718,15],[8843,15],[10309,15],[10580,15],[10852,15],[12537,15],[12808,15],[13080,15],[14635,15],[14906,15],[15178,15]]},"552":{"position":[[1093,15],[1143,16],[3992,17],[4147,16],[6560,15],[8341,15],[8883,15],[9425,15],[11080,17],[11235,16],[13759,15]]},"558":{"position":[[928,15],[978,16],[3680,17],[3835,16],[6114,15],[7474,17],[7629,16],[9985,15],[11682,17],[11837,16],[13283,15]]}}}],["backgroundcolors![datalabelscount",{"_index":2803,"t":{"552":{"position":[[5993,37],[7325,35],[12998,37],[14524,35]]},"558":{"position":[[5569,37],[6879,35],[9248,37],[10750,35],[14048,35]]}}}],["badg",{"_index":30,"t":{"2":{"position":[[224,6],[318,5]]},"72":{"position":[[116,6],[191,5],[230,6],[808,5],[1066,5]]},"112":{"position":[[224,6],[689,5],[705,6],[1242,5]]},"116":{"position":[[116,6],[236,5]]},"128":{"position":[[445,6],[565,5]]},"130":{"position":[[273,6],[367,5]]},"132":{"position":[[20,7],[266,6],[360,5],[541,6],[661,5]]},"138":{"position":[[268,6],[362,5]]},"200":{"position":[[169,6],[289,5]]},"202":{"position":[[160,6],[280,5]]},"204":{"position":[[165,6],[285,5]]},"208":{"position":[[277,6],[371,5]]},"216":{"position":[[169,6],[289,5]]},"222":{"position":[[465,6],[585,5]]},"230":{"position":[[168,6],[288,5]]},"282":{"position":[[271,6],[365,5]]},"286":{"position":[[272,6],[366,5]]},"288":{"position":[[164,6],[284,5]]},"294":{"position":[[163,6],[283,5]]},"298":{"position":[[459,6],[579,5]]},"312":{"position":[[162,6],[282,5]]},"330":{"position":[[265,6],[359,5]]},"334":{"position":[[266,6],[360,5]]},"362":{"position":[[271,6],[365,5]]},"372":{"position":[[274,6],[368,5]]},"376":{"position":[[272,6],[366,5]]},"382":{"position":[[265,6],[359,5]]},"452":{"position":[[269,6],[363,5]]},"472":{"position":[[160,6],[280,5]]},"504":{"position":[[3970,5]]},"506":{"position":[[2350,5]]},"508":{"position":[[11,5],[37,5],[64,5],[255,6],[326,5],[419,5],[504,5],[562,5],[678,6],[796,6],[1148,6],[1252,6],[1362,6],[1466,6],[1567,6],[1671,6],[1766,6],[1864,6],[2396,7],[2444,6],[2493,6],[2590,6],[2691,6],[2788,6],[2883,6],[2980,6],[3071,6],[3164,6],[3278,6],[3441,6],[3570,7],[3699,6],[4165,6],[4465,6],[4767,6],[5094,6],[5397,6],[5702,6],[6032,6],[6335,6],[6640,6],[6912,5],[7059,6],[7376,6]]},"564":{"position":[[1226,6],[1430,6],[1635,6],[1841,6],[4020,6],[4430,6],[4643,6],[4858,6],[5074,6],[5510,6]]},"598":{"position":[[311,5],[11126,6],[11135,5],[11267,6],[21356,5],[21411,5],[24334,5]]}}}],["badge2",{"_index":676,"t":{"126":{"position":[[41,6]]}}}],["badge>newnewnewnewnewnew...(\"#app",{"_index":3623,"t":{"578":{"position":[[5274,40]]},"582":{"position":[[5320,40]]},"584":{"position":[[5435,40]]}}}],["builder.rootcomponents.add(\"head::aft",{"_index":3624,"t":{"578":{"position":[[5315,54]]},"582":{"position":[[5361,54]]},"584":{"position":[[5476,54]]}}}],["builder.services.addblazorbootstrap",{"_index":3467,"t":{"570":{"position":[[2799,38],[5852,38]]},"572":{"position":[[2251,38],[2907,38],[5390,38],[6648,38]]},"574":{"position":[[2614,38],[6199,38]]},"576":{"position":[[2296,38],[4964,38]]},"578":{"position":[[2649,38],[5483,38]]},"580":{"position":[[2277,38]]},"582":{"position":[[2303,38],[5529,38]]},"584":{"position":[[2649,38],[5644,38]]},"588":{"position":[[2277,38]]}}}],["builder.services.addrazorcompon",{"_index":3581,"t":{"572":{"position":[[5278,37]]},"576":{"position":[[5037,37]]}}}],["builder.services.addrazorpag",{"_index":3513,"t":{"570":{"position":[[5721,33]]},"574":{"position":[[6068,33]]}}}],["builder.services.addscoped(sp",{"_index":3625,"t":{"578":{"position":[[5370,29]]},"582":{"position":[[5416,29]]},"584":{"position":[[5531,29]]}}}],["builder.services.addserversideblazor",{"_index":3514,"t":{"570":{"position":[[5755,39]]},"574":{"position":[[6102,39]]}}}],["builder.services.addsingletonheadersom",{"_index":1452,"t":{"518":{"position":[[2851,14],[3613,14],[4084,14],[4448,14],[5440,14],[8406,14],[8698,14],[8986,14],[9272,14],[9560,14],[9842,14],[10126,14],[10408,14]]}}}],["cardtext>thi",{"_index":1526,"t":{"518":{"position":[[10956,14],[11332,14],[11659,14],[12229,14],[12626,14],[12974,14]]}}}],["cardtext>with",{"_index":1486,"t":{"518":{"position":[[6071,14],[6587,14],[6882,14],[7352,14],[7684,14],[8013,14]]}}}],["cardtitl",{"_index":1444,"t":{"518":{"position":[[2355,9],[13533,9]]}}}],["cardtitle>card",{"_index":1450,"t":{"518":{"position":[[2817,15],[3512,15],[3983,15],[4347,15],[5406,15],[10922,15],[11298,15],[11625,15],[12195,15],[12592,15],[12940,15]]}}}],["cardtitle>dang",{"_index":1510,"t":{"518":{"position":[[9231,17]]}}}],["cardtitle>dark",{"_index":1518,"t":{"518":{"position":[[10369,15]]}}}],["cardtitle>info",{"_index":1514,"t":{"518":{"position":[[9803,15]]}}}],["cardtitle>light",{"_index":1516,"t":{"518":{"position":[[10086,16]]}}}],["cardtitle>primari",{"_index":1504,"t":{"518":{"position":[[8364,18]]}}}],["cardtitle>secondari",{"_index":1506,"t":{"518":{"position":[[8654,20]]}}}],["cardtitle>speci",{"_index":1484,"t":{"518":{"position":[[6024,18],[6540,18],[6835,18],[7305,18],[7637,18],[7966,18]]}}}],["cardtitle>success",{"_index":1508,"t":{"518":{"position":[[8944,18]]}}}],["cardtitle>warn",{"_index":1512,"t":{"518":{"position":[[9518,18]]}}}],["card—in",{"_index":1497,"t":{"518":{"position":[[7180,7]]}}}],["cart",{"_index":1880,"t":{"530":{"position":[[116,6]]}}}],["case",{"_index":2404,"t":{"544":{"position":[[12418,4],[12473,4],[12531,4],[12589,4]]},"556":{"position":[[1002,5],[4261,4],[4369,4]]},"600":{"position":[[9274,4],[11561,4]]}}}],["catch",{"_index":2089,"t":{"532":{"position":[[1442,5]]}}}],["catch(except",{"_index":2313,"t":{"540":{"position":[[12004,15]]},"592":{"position":[[5606,15]]}}}],["categor",{"_index":2591,"t":{"548":{"position":[[5524,11]]},"550":{"position":[[3559,11]]},"552":{"position":[[2927,11]]},"558":{"position":[[2645,11]]}}}],["categori",{"_index":2597,"t":{"548":{"position":[[5861,10]]},"550":{"position":[[1153,8],[1193,8],[1499,8],[3896,10]]},"552":{"position":[[178,11],[323,9],[3264,10]]},"558":{"position":[[166,11],[2982,10]]}}}],["categorypercentag",{"_index":2715,"t":{"550":{"position":[[1427,18]]}}}],["cater",{"_index":1249,"t":{"512":{"position":[[187,5]]}}}],["caus",{"_index":458,"t":{"78":{"position":[[198,7]]},"96":{"position":[[561,7]]}}}],["caution",{"_index":3224,"t":{"564":{"position":[[3466,7]]}}}],["cdn",{"_index":2440,"t":{"546":{"position":[[265,4]]}}}],["cell",{"_index":248,"t":{"32":{"position":[[440,4],[455,4],[471,4]]},"600":{"position":[[37997,4],[38059,4],[40254,4],[40284,4],[42512,4],[66643,4],[125126,4],[125141,4],[125156,4]]}}}],["center",{"_index":554,"t":{"100":{"position":[[317,9]]},"522":{"position":[[1135,6],[6908,9],[6978,6],[7119,8],[7760,8],[8416,8]]},"524":{"position":[[1139,7],[9548,9],[9604,6],[9727,8],[10017,8],[10234,8],[11096,8],[15234,8],[15254,8]]},"550":{"position":[[2693,6],[2746,6]]},"552":{"position":[[228,6],[2307,6],[13550,9]]},"554":{"position":[[8361,6]]},"558":{"position":[[2040,6],[9786,9]]},"560":{"position":[[4847,6]]},"592":{"position":[[2159,9],[5915,8]]},"596":{"position":[[11770,9],[11783,6],[25913,8]]}}}],["centerbottom",{"_index":2296,"t":{"540":{"position":[[9083,53]]}}}],["changeplacement(toastsplacement.bottomleft)\">bottom",{"_index":2295,"t":{"540":{"position":[[8963,51]]}}}],["changeplacement(toastsplacement.bottomright)\">bottom",{"_index":2297,"t":{"540":{"position":[[9207,52]]}}}],["changeplacement(toastsplacement.middlecenter)\">middl",{"_index":2293,"t":{"540":{"position":[[8717,53]]}}}],["changeplacement(toastsplacement.middleleft)\">middl",{"_index":2292,"t":{"540":{"position":[[8597,51]]}}}],["changeplacement(toastsplacement.middleright)\">middl",{"_index":2294,"t":{"540":{"position":[[8841,52]]}}}],["changeplacement(toastsplacement.topcenter)\">top",{"_index":2288,"t":{"540":{"position":[[8363,47]]}}}],["changeplacement(toastsplacement.topleft)\">top",{"_index":2286,"t":{"540":{"position":[[8249,45]]}}}],["changeplacement(toastsplacement.topright)\">top",{"_index":2290,"t":{"540":{"position":[[8481,46]]}}}],["changesgrid",{"_index":4203,"t":{"600":{"position":[[80186,20]]}}}],["changesize(15)\">grid",{"_index":4205,"t":{"600":{"position":[[80303,20]]}}}],["changesize(5)\">grid",{"_index":4201,"t":{"600":{"position":[[80071,19]]}}}],["changesize(int",{"_index":4207,"t":{"600":{"position":[[82391,14]]}}}],["changetooltip",{"_index":1388,"t":{"514":{"position":[[8971,15]]},"542":{"position":[[1773,15]]}}}],["charset=\"utf",{"_index":3490,"t":{"570":{"position":[[3746,12]]},"572":{"position":[[3223,12]]},"574":{"position":[[3567,12]]},"576":{"position":[[2957,12]]},"578":{"position":[[3460,12]]},"582":{"position":[[2933,12]]},"584":{"position":[[3460,12]]}}}],["chart",{"_index":51,"t":{"2":{"position":[[549,9],[627,6],[913,6],[1371,7],[1622,5],[1802,5],[2049,7]]},"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]]},"96":{"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]]},"110":{"position":[[166,9],[309,5],[325,7],[951,6]]},"122":{"position":[[2350,5],[2404,6],[2422,5],[2444,5],[2462,5],[2479,5]]},"128":{"position":[[212,9],[290,6]]},"130":{"position":[[580,7],[831,5]]},"138":{"position":[[593,9],[671,6],[957,6],[1415,7],[1666,5],[1846,5],[2093,7]]},"142":{"position":[[33,6],[178,5],[232,6],[250,5],[272,5],[290,5],[307,5]]},"144":{"position":[[29,7],[175,5],[229,6],[247,5],[269,5],[287,5],[304,5]]},"154":{"position":[[38,6],[183,5],[237,6],[255,5],[277,5],[295,5],[312,5]]},"166":{"position":[[34,6],[179,5],[233,6],[251,5],[273,5],[291,5],[308,5]]},"174":{"position":[[33,6],[178,5],[232,6],[250,5],[272,5],[290,5],[307,5]]},"206":{"position":[[203,7],[454,5]]},"208":{"position":[[602,9],[680,6],[966,6],[1424,7],[1675,5],[1855,5],[2102,7]]},"214":{"position":[[2403,5],[2457,6],[2475,5],[2497,5],[2515,5],[2532,5]]},"228":{"position":[[197,7],[448,5]]},"232":{"position":[[205,7],[456,5]]},"250":{"position":[[195,5],[442,7]]},"256":{"position":[[196,7],[447,5]]},"266":{"position":[[198,7],[449,5]]},"278":{"position":[[198,7],[449,5]]},"282":{"position":[[596,9],[674,6],[960,6],[1418,7],[1669,5],[1849,5],[2096,7]]},"286":{"position":[[597,9],[675,6],[961,6],[1419,7],[1670,5],[1850,5],[2097,7]]},"304":{"position":[[21,7],[191,7],[442,5]]},"306":{"position":[[20,8],[209,9],[287,6],[573,6]]},"316":{"position":[[199,7],[450,5]]},"330":{"position":[[590,9],[668,6],[954,6],[1412,7],[1663,5]]},"334":{"position":[[591,9],[669,6],[955,6],[1130,5],[1377,7]]},"352":{"position":[[209,9],[287,6],[573,6],[749,7],[1000,5]]},"356":{"position":[[197,7],[448,5]]},"366":{"position":[[292,6]]},"378":{"position":[[192,7],[443,5]]},"380":{"position":[[290,6]]},"390":{"position":[[208,9],[286,6]]},"394":{"position":[[192,7],[443,5]]},"432":{"position":[[168,5],[222,6],[240,5],[262,5],[280,5],[297,5]]},"442":{"position":[[192,5]]},"444":{"position":[[191,7]]},"446":{"position":[[193,7],[444,5]]},"450":{"position":[[292,6]]},"454":{"position":[[211,9],[289,6]]},"512":{"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]]},"518":{"position":[[13344,6]]},"520":{"position":[[5246,6]]},"542":{"position":[[1901,5]]},"548":{"position":[[24,5],[55,5],[85,5],[238,6],[471,5],[513,5],[624,6],[684,6],[734,6],[775,6],[1846,6],[2134,6],[4383,5],[4922,6],[4946,6],[4976,7],[5161,5],[5474,7],[6633,5],[6801,5],[16613,5],[16628,5]]},"550":{"position":[[23,5],[53,5],[82,5],[326,5],[369,5],[480,6],[540,6],[590,6],[631,6],[2037,6],[2420,5],[2958,6],[2982,6],[3012,7],[3197,5],[3509,7],[8391,6],[9789,6],[11871,5],[11988,5],[16340,5],[16516,5],[16534,5]]},"552":{"position":[[28,5],[63,5],[94,5],[124,5],[213,6],[248,5],[422,5],[464,5],[575,6],[635,6],[685,6],[726,6],[1789,6],[2172,5],[2605,5],[2877,7],[7434,5],[7551,5],[14637,5],[14653,5]]},"558":{"position":[[23,5],[53,5],[82,5],[112,5],[267,5],[309,5],[420,6],[480,6],[530,6],[571,6],[1619,6],[1910,5],[2328,5],[2595,7],[10918,5],[14162,5]]},"570":{"position":[[1847,5],[2205,5],[2687,5],[5374,5]]},"572":{"position":[[1299,5],[1657,5],[2139,5],[4293,5],[4651,5]]},"574":{"position":[[1662,5],[2020,5],[2502,5],[5050,5],[5408,5]]},"576":{"position":[[1344,5],[1702,5],[2184,5],[4043,5],[4401,5]]},"578":{"position":[[1681,5],[2039,5],[2537,5],[4893,5]]},"580":{"position":[[1321,5],[1679,5],[2161,5]]},"582":{"position":[[1335,5],[1693,5],[2191,5],[4298,5],[4656,5]]},"584":{"position":[[1681,5],[2039,5],[2537,5],[5094,5]]},"588":{"position":[[1321,5],[1679,5],[2161,5]]},"592":{"position":[[5848,5]]}}}],["chart.j",{"_index":1246,"t":{"512":{"position":[[114,8]]},"570":{"position":[[1825,8],[2642,8],[5352,8]]},"572":{"position":[[1277,8],[2094,8],[4271,8]]},"574":{"position":[[1640,8],[2457,8],[5028,8]]},"576":{"position":[[1322,8],[2139,8],[4021,8]]},"578":{"position":[[1659,8],[2480,8],[4871,8]]},"580":{"position":[[1299,8],[2116,8]]},"582":{"position":[[1313,8],[2134,8],[4276,8]]},"584":{"position":[[1659,8],[2480,8],[5072,8]]},"588":{"position":[[1299,8],[2116,8]]}}}],["chart1",{"_index":679,"t":{"126":{"position":[[89,6],[206,6],[337,6],[409,6],[1246,6]]}}}],["chart🗙reload.visu",{"_index":1423,"t":{"516":{"position":[[3242,15],[3730,15],[4219,15],[4705,15],[5190,15]]}}}],["code>step2dangerdangerinfoinfoprimaryprimarysav",{"_index":1710,"t":{"524":{"position":[[3523,32],[9187,32],[9865,32],[10944,32],[14252,32]]}}}],["color=\"buttoncolor.primary\">understoodcent",{"_index":3725,"t":{"596":{"position":[[12010,38]]}}}],["color=\"buttoncolor.secondary\">click",{"_index":3776,"t":{"596":{"position":[[22666,39],[23090,39]]}}}],["color=\"buttoncolor.secondary\">default",{"_index":3771,"t":{"596":{"position":[[22242,37]]}}}],["color=\"buttoncolor.secondary\">dropdown",{"_index":3698,"t":{"596":{"position":[[3788,38],[19136,38],[23855,38],[24911,38]]}}}],["color=\"buttoncolor.secondary\">dropdowndropenddropstartdropup",{"_index":3722,"t":{"596":{"position":[[10925,36],[11347,36]]}}}],["color=\"buttoncolor.secondary\">larg",{"_index":3718,"t":{"596":{"position":[[9000,35],[9410,35]]}}}],["color=\"buttoncolor.secondary\">manu",{"_index":3781,"t":{"596":{"position":[[23461,36]]}}}],["color=\"buttoncolor.secondary\">right",{"_index":3745,"t":{"596":{"position":[[16776,35]]}}}],["color=\"buttoncolor.secondary\">secondarysecondarysmal",{"_index":3720,"t":{"596":{"position":[[9889,35],[10281,35]]}}}],["color=\"buttoncolor.secondary\">split",{"_index":3729,"t":{"596":{"position":[[13004,35],[14373,35]]}}}],["color=\"buttoncolor.success",{"_index":1298,"t":{"514":{"position":[[2145,28],[2916,27]]},"524":{"position":[[6935,27]]},"530":{"position":[[6463,27]]},"532":{"position":[[2671,27]]},"538":{"position":[[4599,27]]},"540":{"position":[[2170,27],[3613,27],[5152,27],[6742,27],[10422,27]]},"544":{"position":[[13988,27]]},"554":{"position":[[12773,27]]},"560":{"position":[[9023,27]]},"566":{"position":[[8180,27],[11265,27]]},"568":{"position":[[7326,27],[10564,27]]},"592":{"position":[[1220,27],[2403,27],[3591,27]]},"596":{"position":[[7342,27],[20458,27]]}}}],["color=\"buttoncolor.success\">successsuccesswarningwarning*@messagedangerdark(\"ar",{"_index":1622,"t":{"522":{"position":[[2829,44]]}}}],["dialog.showasync(titl",{"_index":1664,"t":{"522":{"position":[[6139,49],[7989,49]]}}}],["dialog1",{"_index":742,"t":{"126":{"position":[[1279,7],[1372,7]]}}}],["dialog2",{"_index":681,"t":{"126":{"position":[[144,7],[182,7]]}}}],["dialogcssclass",{"_index":1592,"t":{"522":{"position":[[743,14]]},"524":{"position":[[526,14]]}}}],["dialogoptions.isscrollable=\"tru",{"_index":1665,"t":{"522":{"position":[[6366,34],[7598,34]]}}}],["dialogoptions.isverticallycentered=\"tru",{"_index":1667,"t":{"522":{"position":[[6922,41]]}}}],["dialogs",{"_index":1600,"t":{"522":{"position":[[1298,10]]}}}],["dictionari",{"_index":1722,"t":{"524":{"position":[[5412,11],[5661,11]]},"530":{"position":[[4867,11],[5116,11]]}}}],["dictionaryanoth",{"_index":3741,"t":{"596":{"position":[[16223,23]]}}}],["disabled>dis",{"_index":2330,"t":{"542":{"position":[[1119,17]]}}}],["disabledropdown",{"_index":3740,"t":{"596":{"position":[[15820,17]]}}}],["disablerowselect",{"_index":3877,"t":{"600":{"position":[[1186,19],[75948,19]]}}}],["disablerowselection=\"disablerowselectionhandl",{"_index":4196,"t":{"600":{"position":[[76391,48]]}}}],["disablerowselectionhandler(employee1",{"_index":4199,"t":{"600":{"position":[[79081,36]]}}}],["disappear",{"_index":500,"t":{"84":{"position":[[302,9]]},"86":{"position":[[258,9]]}}}],["discount",{"_index":2962,"t":{"554":{"position":[[12123,9],[13412,8],[13503,9],[13994,9],[14051,8]]},"560":{"position":[[8416,9],[9662,8],[9753,9],[10245,9],[10302,8]]},"596":{"position":[[19917,9],[21136,8],[21227,9],[21719,9],[21776,8]]}}}],["discount:som",{"_index":2067,"t":{"530":{"position":[[20290,9]]}}}],["div>switch",{"_index":3187,"t":{"562":{"position":[[910,11]]}}}],["divid",{"_index":558,"t":{"100":{"position":[[389,9]]},"504":{"position":[[1674,9]]},"506":{"position":[[970,9],[980,8],[1127,8],[1177,8],[1564,8],[1729,8],[2400,8]]},"596":{"position":[[17684,9],[17739,8],[25990,8]]}}}],["doc",{"_index":40,"t":{"2":{"position":[[368,4],[651,4],[926,4],[1208,4],[1640,4]]},"12":{"position":[[156,4],[258,4]]},"14":{"position":[[597,4]]},"18":{"position":[[238,4]]},"22":{"position":[[124,4],[203,4]]},"24":{"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":[[397,4],[641,4],[654,5],[676,5],[698,4],[760,5],[782,4],[975,4]]},"112":{"position":[[1051,4],[1292,4]]},"122":{"position":[[2953,4]]},"124":{"position":[[191,4],[720,4],[917,4],[1971,4]]},"128":{"position":[[314,4]]},"130":{"position":[[417,4],[849,4],[2762,4],[2968,4]]},"132":{"position":[[410,4]]},"134":{"position":[[199,4]]},"138":{"position":[[412,4],[695,4],[970,4],[1252,4],[1684,4]]},"206":{"position":[[472,4]]},"208":{"position":[[421,4],[704,4],[979,4],[1261,4],[1693,4]]},"214":{"position":[[3006,4]]},"218":{"position":[[244,4],[773,4],[970,4],[2024,4]]},"228":{"position":[[466,4]]},"232":{"position":[[474,4]]},"246":{"position":[[319,4]]},"252":{"position":[[314,4]]},"256":{"position":[[465,4]]},"266":{"position":[[467,4]]},"278":{"position":[[467,4]]},"282":{"position":[[415,4],[698,4],[973,4],[1255,4],[1687,4]]},"286":{"position":[[416,4],[699,4],[974,4],[1256,4],[1688,4]]},"304":{"position":[[460,4]]},"306":{"position":[[311,4],[586,4]]},"308":{"position":[[229,4]]},"316":{"position":[[468,4]]},"330":{"position":[[20,6],[409,4],[692,4],[967,4],[1249,4],[1681,4],[1880,4],[2086,4]]},"332":{"position":[[313,4]]},"334":{"position":[[410,4],[693,4],[968,4]]},"336":{"position":[[308,4]]},"340":{"position":[[1816,4]]},"348":{"position":[[167,4]]},"352":{"position":[[311,4],[586,4],[1018,4]]},"356":{"position":[[466,4]]},"362":{"position":[[415,4]]},"364":{"position":[[1359,4]]},"366":{"position":[[305,4]]},"368":{"position":[[173,4]]},"372":{"position":[[418,4]]},"376":{"position":[[416,4]]},"378":{"position":[[461,4]]},"380":{"position":[[303,4]]},"382":{"position":[[409,4]]},"390":{"position":[[310,4]]},"394":{"position":[[461,4]]},"406":{"position":[[200,4]]},"416":{"position":[[168,4]]},"418":{"position":[[168,4]]},"424":{"position":[[235,4]]},"428":{"position":[[228,4]]},"446":{"position":[[462,4]]},"448":{"position":[[312,4]]},"450":{"position":[[305,4]]},"452":{"position":[[413,4]]},"454":{"position":[[313,4]]},"506":{"position":[[848,7],[861,8],[1448,7],[1461,8],[2181,7],[2194,8]]},"586":{"position":[[252,4]]},"590":{"position":[[247,4]]}}}],["docs7",{"_index":751,"t":{"126":{"position":[[1380,5]]}}}],["doctyp",{"_index":3487,"t":{"570":{"position":[[3700,9]]},"572":{"position":[[3177,9]]},"574":{"position":[[3521,9]]},"576":{"position":[[2911,9]]},"578":{"position":[[3414,9]]},"582":{"position":[[2887,9]]},"584":{"position":[[3414,9]]}}}],["document",{"_index":130,"t":{"6":{"position":[[116,11],[163,13]]},"8":{"position":[[136,14]]},"14":{"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":[[676,13],[712,13]]},"42":{"position":[[356,13]]},"44":{"position":[[451,13],[489,13]]},"46":{"position":[[468,13],[509,13],[548,13]]},"48":{"position":[[420,13]]},"50":{"position":[[630,13],[676,13],[715,13],[751,13]]},"52":{"position":[[453,13]]},"54":{"position":[[490,13]]},"56":{"position":[[356,13]]},"58":{"position":[[675,13],[711,13]]},"60":{"position":[[617,13]]},"62":{"position":[[315,13]]},"64":{"position":[[374,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":[[356,13],[386,13]]},"84":{"position":[[467,13],[496,13],[528,13]]},"86":{"position":[[355,13],[386,13],[421,13],[457,13],[489,13],[523,13],[551,13],[583,13]]},"88":{"position":[[600,13],[635,13],[661,13],[689,13],[715,13]]},"90":{"position":[[289,13]]},"92":{"position":[[370,13]]},"96":{"position":[[764,13],[805,13],[843,13],[880,13],[922,13],[961,13]]},"98":{"position":[[290,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":[[869,13]]},"112":{"position":[[1157,13]]},"120":{"position":[[323,13],[542,14],[712,11]]},"122":{"position":[[2713,13]]},"130":{"position":[[2522,13]]},"214":{"position":[[2766,13]]},"220":{"position":[[376,13],[595,14],[765,11]]},"398":{"position":[[160,11]]},"400":{"position":[[180,14]]},"402":{"position":[[197,13]]},"426":{"position":[[262,13]]},"512":{"position":[[637,13],[741,13],[833,13],[922,13]]},"514":{"position":[[1263,8]]},"518":{"position":[[1797,9]]},"520":{"position":[[1541,14]]},"524":{"position":[[2911,8]]},"526":{"position":[[427,8]]},"536":{"position":[[59,13],[479,9]]},"538":{"position":[[49,13]]},"544":{"position":[[41,13]]},"596":{"position":[[2708,9]]}}}],["documentationdropdown",{"_index":3750,"t":{"596":{"position":[[18077,25]]}}}],["dropdownhead",{"_index":3693,"t":{"596":{"position":[[1937,14],[2093,15],[25756,14]]}}}],["dropdownheader>dropdown",{"_index":3748,"t":{"596":{"position":[[17369,24]]}}}],["dropdownitem",{"_index":3694,"t":{"596":{"position":[[2116,12],[3872,13],[3938,13],[4012,13],[4284,13],[4350,13],[4424,13],[4642,13],[4708,13],[4782,13],[4996,13],[5062,13],[5136,13],[5344,13],[5410,13],[5484,13],[5698,13],[5764,13],[5838,13],[6050,13],[6116,13],[6190,13],[6542,13],[6608,13],[6682,13],[6968,13],[7034,13],[7108,13],[7388,13],[7454,13],[7528,13],[7799,13],[7865,13],[7939,13],[8219,13],[8285,13],[8359,13],[8636,13],[8702,13],[8776,13],[9081,13],[9165,13],[9239,13],[9552,13],[9618,13],[9692,13],[9970,13],[10036,13],[10110,13],[10423,13],[10489,13],[10563,13],[11017,13],[11083,13],[11157,13],[11490,13],[11556,13],[11630,13],[12094,13],[12160,13],[12234,13],[12673,13],[12739,13],[12813,13],[13141,13],[13207,13],[13281,13],[13735,13],[13801,13],[13875,13],[14116,13],[14182,13],[14256,13],[14497,12],[14560,12],[14713,13],[14779,13],[14867,13],[15232,13],[15298,13],[15372,13],[15950,12],[16113,13],[16179,13],[16269,13],[16907,13],[16973,13],[17047,13],[17418,13],[17484,13],[17558,13],[17858,13],[17924,13],[17998,13],[18128,13],[22327,13],[22396,13],[22465,13],[22752,13],[22821,13],[22890,13],[23175,13],[23244,13],[23313,13],[23542,13],[23611,13],[23680,13],[23939,13],[24005,13],[24079,13],[24995,13],[25061,13],[25135,13],[25782,12]]}}}],["dropdownmenu",{"_index":3691,"t":{"596":{"position":[[1684,12],[1838,13],[2371,13],[3857,14],[4091,15],[4269,14],[4503,15],[4627,14],[4861,15],[4981,14],[5215,15],[5329,14],[5563,15],[5683,14],[5917,15],[6035,14],[6269,15],[6527,14],[6761,15],[6953,14],[7187,15],[7373,14],[7607,15],[7784,14],[8018,15],[8204,14],[8438,15],[8621,14],[8855,15],[9066,14],[9318,15],[9537,14],[9771,15],[9955,14],[10189,15],[10408,14],[10642,15],[10727,12],[11002,14],[11236,15],[11475,14],[11709,15],[11794,12],[12079,14],[12313,15],[12387,12],[12658,14],[12892,15],[13126,14],[13360,15],[13436,12],[13720,14],[13954,15],[14101,14],[14335,15],[14588,13],[14698,14],[14946,15],[15217,14],[15451,15],[15978,12],[16098,14],[16348,15],[16424,12],[16591,13],[16666,12],[16856,13],[17126,15],[17354,14],[17637,15],[17843,14],[18202,15],[18516,13],[18698,15],[19203,13],[20551,15],[22012,12],[22078,13],[22312,14],[22534,15],[22737,14],[22959,15],[23160,14],[23382,15],[23527,14],[23749,15],[23924,14],[24158,15],[24980,14],[25214,15],[25732,12]]}}}],["dropdownmenuposit",{"_index":3692,"t":{"596":{"position":[[1868,20]]}}}],["dropdowntogglebutton",{"_index":3689,"t":{"596":{"position":[[928,20],[1090,21],[3766,21],[4188,21],[4542,21],[4900,21],[5254,21],[5602,21],[5956,21],[6474,21],[6898,21],[7320,21],[7734,21],[8151,21],[8569,21],[8978,21],[9482,21],[9867,21],[10353,21],[10903,21],[11420,21],[11988,21],[12575,21],[13071,21],[13635,21],[14046,21],[14613,21],[15132,21],[16013,21],[16754,21],[17270,21],[17759,21],[18432,21],[19114,21],[22220,21],[22644,21],[23068,21],[23439,21],[23833,21],[24889,21],[25668,20]]}}}],["dropend",{"_index":555,"t":{"100":{"position":[[327,8]]},"596":{"position":[[12367,8],[25922,7]]}}}],["dropendemploye",{"_index":1628,"t":{"522":{"position":[[3292,13]]},"524":{"position":[[4680,13],[6568,13]]},"530":{"position":[[4140,13],[6096,13]]}}}],["end\">first",{"_index":1630,"t":{"522":{"position":[[3420,10]]},"524":{"position":[[4808,10],[6696,10]]},"530":{"position":[[4268,10],[6224,10]]}}}],["end\">last",{"_index":1632,"t":{"522":{"position":[[3555,9]]},"524":{"position":[[4943,9],[6831,9]]},"530":{"position":[[4403,9],[6359,9]]}}}],["enddat",{"_index":3364,"t":{"566":{"position":[[12804,7]]}}}],["enddateinput",{"_index":3345,"t":{"566":{"position":[[11387,12]]}}}],["enddateinput.dis",{"_index":3354,"t":{"566":{"position":[[11940,23]]}}}],["enddateinput.en",{"_index":3357,"t":{"566":{"position":[[12124,22]]}}}],["endregion",{"_index":2648,"t":{"548":{"position":[[10368,10]]},"550":{"position":[[8327,10]]},"552":{"position":[[7361,10],[14560,10]]},"558":{"position":[[6915,10],[10786,10],[14084,10]]}}}],["engin",{"_index":3964,"t":{"600":{"position":[[7856,10],[7989,10],[8112,10],[8374,10],[10201,10],[10334,10],[10457,10],[10719,10],[12577,10],[12710,10],[12833,10],[13095,10],[13960,10],[15349,10],[15482,10],[15605,10],[15867,10],[17768,10],[17901,10],[18024,10],[18286,10],[19151,10],[20520,10],[20653,10],[20776,10],[21038,10],[22922,10],[23055,10],[23178,10],[23440,10],[26087,10],[26330,10],[26566,10],[27054,10],[31999,10],[32132,10],[32255,10],[32517,10],[34364,10],[34497,10],[34620,10],[34882,10],[36729,10],[36862,10],[36985,10],[37247,10],[39134,10],[39248,10],[39355,10],[39584,10],[41392,10],[41506,10],[41613,10],[41842,10],[44116,10],[44359,10],[44595,10],[45083,10],[47370,10],[47503,10],[47626,10],[47888,10],[48753,10],[53024,10],[53157,10],[53280,10],[53542,10],[54407,10],[55663,10],[55796,10],[55919,10],[56181,10],[58116,10],[58249,10],[58372,10],[58634,10],[59342,8],[61828,10],[61961,10],[62084,10],[62346,10],[63211,10],[65049,10],[65182,10],[65305,10],[65567,10],[66432,10],[68426,10],[68559,10],[68682,10],[68944,10],[69809,10],[71564,10],[71697,10],[71820,10],[72082,10],[74539,10],[74672,10],[74795,10],[75057,10],[77836,10],[77969,10],[78092,10],[78354,10],[80927,10],[81060,10],[81183,10],[81445,10],[82310,10],[83693,10],[83826,10],[83949,10],[84211,10],[85076,10],[88931,10],[89054,10],[89316,10],[97161,10],[97284,10],[97546,10],[99352,10],[99475,10],[99737,10],[101790,10],[101913,10],[102175,10],[105772,10],[105905,10],[106028,10],[106290,10],[107155,10],[109652,10],[109786,10],[109909,10],[110171,10],[123164,10],[123297,10],[123420,10],[123682,10],[124547,10]]}}}],["enhanc",{"_index":47,"t":{"2":{"position":[[498,12],[783,12],[1057,12],[1341,12]]},"16":{"position":[[161,12],[184,12]]},"22":{"position":[[129,12],[208,11]]},"24":{"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":[[151,12],[516,13]]},"42":{"position":[[126,13],[145,13]]},"44":{"position":[[152,12]]},"46":{"position":[[116,12],[196,12],[229,12]]},"50":{"position":[[156,13],[321,12],[349,12],[377,12]]},"62":{"position":[[120,12]]},"64":{"position":[[121,12]]},"104":{"position":[[118,12]]},"106":{"position":[[116,12]]},"108":{"position":[[117,12]]},"110":{"position":[[115,12]]},"116":{"position":[[1460,12],[1709,12]]},"122":{"position":[[744,13],[1110,12],[1458,12],[1800,12],[2089,13],[2884,13]]},"124":{"position":[[330,12],[522,12],[725,12],[922,12]]},"128":{"position":[[161,12]]},"130":{"position":[[550,12],[2693,13]]},"138":{"position":[[542,12],[827,12],[1101,12],[1385,12]]},"140":{"position":[[797,13],[1163,12],[1511,12]]},"146":{"position":[[214,13],[580,12]]},"150":{"position":[[206,13],[572,12]]},"152":{"position":[[169,12],[418,12],[673,13]]},"156":{"position":[[185,13]]},"158":{"position":[[182,13]]},"160":{"position":[[183,13]]},"162":{"position":[[208,12]]},"164":{"position":[[201,12]]},"170":{"position":[[208,12]]},"172":{"position":[[170,12]]},"176":{"position":[[207,13],[573,12]]},"178":{"position":[[205,12]]},"180":{"position":[[209,12]]},"182":{"position":[[207,13],[573,12]]},"184":{"position":[[170,12]]},"188":{"position":[[200,12]]},"192":{"position":[[450,12]]},"196":{"position":[[206,13]]},"198":{"position":[[788,13],[1154,12],[1502,12]]},"202":{"position":[[1504,12],[1753,12]]},"206":{"position":[[173,12]]},"208":{"position":[[551,12],[836,12],[1110,12],[1394,12]]},"214":{"position":[[797,13],[1163,12],[1511,12],[1853,12],[2142,13],[2937,13]]},"216":{"position":[[1513,12],[1762,12]]},"218":{"position":[[383,12],[575,12],[778,12],[975,12]]},"228":{"position":[[167,12]]},"232":{"position":[[175,12]]},"246":{"position":[[168,12]]},"248":{"position":[[169,12],[418,12],[673,13]]},"252":{"position":[[163,12]]},"256":{"position":[[166,12]]},"266":{"position":[[168,12]]},"278":{"position":[[168,12]]},"282":{"position":[[545,12],[830,12],[1104,12],[1388,12]]},"286":{"position":[[546,12],[831,12],[1105,12],[1389,12]]},"288":{"position":[[1508,12],[1757,12]]},"294":{"position":[[1507,12],[1756,12]]},"298":{"position":[[789,12]]},"304":{"position":[[161,12]]},"306":{"position":[[158,12],[443,12]]},"308":{"position":[[160,13]]},"316":{"position":[[169,12]]},"330":{"position":[[539,12],[824,12],[1098,12],[1382,12],[1811,13]]},"332":{"position":[[162,12]]},"334":{"position":[[540,12],[825,12]]},"336":{"position":[[157,12]]},"338":{"position":[[493,12]]},"340":{"position":[[1254,12],[1503,12],[1747,13],[1955,12]]},"344":{"position":[[201,12]]},"348":{"position":[[172,12]]},"352":{"position":[[158,12],[443,12],[719,12]]},"356":{"position":[[167,12]]},"364":{"position":[[1364,12]]},"366":{"position":[[162,12]]},"368":{"position":[[178,12]]},"370":{"position":[[455,12]]},"374":{"position":[[202,12]]},"378":{"position":[[162,12]]},"380":{"position":[[160,12]]},"388":{"position":[[781,12]]},"390":{"position":[[157,12]]},"394":{"position":[[162,12]]},"416":{"position":[[173,12]]},"418":{"position":[[173,12]]},"420":{"position":[[156,12]]},"422":{"position":[[168,12]]},"428":{"position":[[159,13]]},"430":{"position":[[170,13]]},"434":{"position":[[196,12]]},"436":{"position":[[195,12]]},"438":{"position":[[200,13]]},"440":{"position":[[160,12]]},"446":{"position":[[163,12]]},"448":{"position":[[161,12]]},"450":{"position":[[162,12]]},"454":{"position":[[160,12]]},"466":{"position":[[164,12]]},"470":{"position":[[165,12]]}}}],["enim",{"_index":1941,"t":{"530":{"position":[[7857,5],[8303,5],[8789,5],[10691,5],[12098,5],[12544,5],[13030,5],[14932,5],[16239,5],[16685,5],[17171,5],[19073,5]]}}}],["enough",{"_index":2275,"t":{"540":{"position":[[4784,6],[6318,6]]}}}],["ensur",{"_index":169,"t":{"14":{"position":[[94,8]]},"120":{"position":[[264,8]]},"220":{"position":[[317,8]]},"402":{"position":[[138,8]]},"508":{"position":[[2153,6]]},"516":{"position":[[3048,6],[3536,6],[4025,6],[4511,6],[4996,6]]}}}],["enter",{"_index":2915,"t":{"554":{"position":[[7505,5]]},"556":{"position":[[2500,5]]},"560":{"position":[[3215,5]]},"566":{"position":[[3172,5]]},"568":{"position":[[2404,5]]}}}],["enterpris",{"_index":3430,"t":{"570":{"position":[[114,10]]},"572":{"position":[[168,10]]},"574":{"position":[[114,10]]},"576":{"position":[[172,10]]},"578":{"position":[[124,10]]},"580":{"position":[[132,10]]},"582":{"position":[[124,10]]},"584":{"position":[[124,10]]},"586":{"position":[[94,10]]},"588":{"position":[[132,10]]},"590":{"position":[[89,10]]}}}],["entireti",{"_index":1498,"t":{"518":{"position":[[7192,8]]}}}],["entri",{"_index":109,"t":{"2":{"position":[[2959,7]]},"68":{"position":[[330,5],[514,5]]},"116":{"position":[[3160,7],[3174,7]]},"118":{"position":[[2877,7],[2891,7]]},"120":{"position":[[1039,7]]},"122":{"position":[[2974,7],[2988,7]]},"124":{"position":[[2050,7],[2064,7]]},"138":{"position":[[3003,7]]},"194":{"position":[[2921,7],[2935,7]]},"198":{"position":[[1698,7]]},"202":{"position":[[3204,7],[3218,7]]},"208":{"position":[[3012,7]]},"212":{"position":[[2930,7],[2944,7]]},"214":{"position":[[3027,7],[3041,7]]},"216":{"position":[[3213,7],[3227,7]]},"218":{"position":[[2103,7],[2117,7]]},"220":{"position":[[1092,7]]},"248":{"position":[[816,7]]},"250":{"position":[[3003,7]]},"282":{"position":[[3006,7]]},"286":{"position":[[3007,7]]},"288":{"position":[[2651,7]]},"290":{"position":[[2925,7],[2939,7]]},"292":{"position":[[2924,7],[2938,7]]},"294":{"position":[[2650,7]]},"334":{"position":[[2847,7]]},"340":{"position":[[2242,7]]},"348":{"position":[[447,7]]},"352":{"position":[[3202,7]]},"566":{"position":[[9415,5],[9516,5],[13044,5]]},"568":{"position":[[9026,5],[9127,5],[12267,5]]}}}],["enum",{"_index":267,"t":{"36":{"position":[[467,4]]},"516":{"position":[[329,4]]},"532":{"position":[[2277,4]]},"534":{"position":[[1357,5],[2191,5]]},"556":{"position":[[805,4],[939,4],[1294,4]]},"598":{"position":[[574,4]]},"600":{"position":[[4344,4],[5206,4],[5679,4],[6081,4],[40372,6]]}}}],["environ",{"_index":3500,"t":{"570":{"position":[[4501,12],[4622,14],[4637,12],[4745,14]]},"574":{"position":[[4429,12],[4550,14],[4565,12],[4673,14]]},"598":{"position":[[11192,12]]}}}],["equal",{"_index":1520,"t":{"518":{"position":[[10643,5],[11823,5],[13138,5]]},"600":{"position":[[677,5],[121524,5]]}}}],["erat",{"_index":1985,"t":{"530":{"position":[[8322,5],[10188,4],[10511,4],[10894,4],[12563,5],[14429,4],[14752,4],[15135,4],[16704,5],[18570,4],[18893,4],[19276,4]]}}}],["ero",{"_index":2030,"t":{"530":{"position":[[9596,5],[9691,5],[9850,5],[10776,4],[11083,4],[13837,5],[13932,5],[14091,5],[15017,4],[15324,4],[17978,5],[18073,5],[18232,5],[19158,4],[19465,4]]}}}],["error",{"_index":460,"t":{"78":{"position":[[216,5]]},"110":{"position":[[559,5]]},"536":{"position":[[602,5],[1223,5]]},"540":{"position":[[12088,8]]},"570":{"position":[[4490,5],[4547,5]]},"572":{"position":[[8233,5],[8257,5]]},"574":{"position":[[4418,5],[4475,5]]},"576":{"position":[[7141,5],[7165,5]]},"578":{"position":[[4230,5],[4254,5]]},"582":{"position":[[3887,5],[3911,5]]},"584":{"position":[[4431,5],[4455,5]]},"592":{"position":[[5719,8]]}}}],["errormessag",{"_index":2167,"t":{"536":{"position":[[1581,13],[1608,13]]},"554":{"position":[[13867,12],[13979,12],[14136,12]]},"560":{"position":[[10117,12],[10230,12],[10387,12]]},"596":{"position":[[21591,12],[21704,12],[21861,12]]}}}],["es",{"_index":2860,"t":{"554":{"position":[[2929,3]]},"556":{"position":[[3886,4],[5757,4],[8382,4]]}}}],["es(thi",{"_index":1730,"t":{"524":{"position":[[6222,50]]},"530":{"position":[[5739,50]]}}}],["eventcallbackexampl",{"_index":1028,"t":{"508":{"position":[[851,11]]}}}],["h2>exampl",{"_index":1030,"t":{"508":{"position":[[895,11]]}}}],["h3>exampl",{"_index":1032,"t":{"508":{"position":[[939,11]]}}}],["h4",{"_index":905,"t":{"504":{"position":[[1725,3]]},"510":{"position":[[16038,3]]}}}],["h4>convey",{"_index":1420,"t":{"516":{"position":[[2842,13],[3330,13],[3819,13],[4305,13],[4790,13]]}}}],["h4>exampl",{"_index":1034,"t":{"508":{"position":[[983,11]]}}}],["h4>showexampl",{"_index":1036,"t":{"508":{"position":[[1027,11]]}}}],["h6>exampl",{"_index":1038,"t":{"508":{"position":[[1071,11]]}}}],["hand",{"_index":855,"t":{"504":{"position":[[116,7]]},"546":{"position":[[1464,5],[1536,5],[1608,5],[1680,5],[1752,5],[1824,5]]}}}],["handl",{"_index":2090,"t":{"532":{"position":[[1453,6]]},"540":{"position":[[12029,6]]},"556":{"position":[[3961,6],[5832,6],[6861,6],[8457,6],[10617,6],[12128,6],[13622,6]]},"592":{"position":[[5631,6]]}}}],["handleonvalidsubmit",{"_index":2980,"t":{"554":{"position":[[13527,21]]},"556":{"position":[[10066,21]]},"560":{"position":[[9777,21]]},"566":{"position":[[8465,21]]},"596":{"position":[[21251,21]]}}}],["handlevalidsubmit",{"_index":3358,"t":{"566":{"position":[[12161,19]]},"568":{"position":[[7670,19],[11494,19]]}}}],["happi",{"_index":155,"t":{"10":{"position":[[288,5]]}}}],["hard",{"_index":1847,"t":{"528":{"position":[[1391,4]]}}}],["hashsetwel",{"_index":907,"t":{"504":{"position":[[1742,13]]}}}],["heading=\"import",{"_index":1419,"t":{"516":{"position":[[1622,20],[1865,20],[2108,20],[2349,20],[2586,20]]}}}],["headings",{"_index":1441,"t":{"518":{"position":[[2128,11],[2523,11]]}}}],["headingsize.h5",{"_index":1445,"t":{"518":{"position":[[2566,14]]}}}],["headingsize.h6",{"_index":1442,"t":{"518":{"position":[[2171,14]]}}}],["headoutlet",{"_index":3576,"t":{"572":{"position":[[3901,11]]},"576":{"position":[[3647,11]]}}}],["height",{"_index":1521,"t":{"518":{"position":[[10659,6],[11829,6],[13144,6]]},"520":{"position":[[1353,6]]},"524":{"position":[[8793,7],[8930,6],[10550,7],[10687,6]]},"538":{"position":[[342,6],[376,6],[400,6],[446,6],[3126,7],[3142,6],[3185,6],[3203,6],[8328,6]]},"548":{"position":[[447,6],[477,7]]},"550":{"position":[[302,6],[332,7]]},"552":{"position":[[398,6],[428,7]]},"558":{"position":[[243,6],[273,7]]},"598":{"position":[[21323,7]]},"600":{"position":[[1899,6],[1945,7],[107329,6]]}}}],["height=\"1",{"_index":2206,"t":{"538":{"position":[[3256,11]]}}}],["height=\"20",{"_index":2208,"t":{"538":{"position":[[3467,12]]}}}],["height=\"300",{"_index":2743,"t":{"550":{"position":[[8424,12],[9822,12],[12050,12],[14148,12]]}}}],["height=\"350",{"_index":4267,"t":{"600":{"position":[[107575,12]]}}}],["height=\"5",{"_index":2207,"t":{"538":{"position":[[3330,11]]}}}],["height='8'%3e%3cpath",{"_index":996,"t":{"506":{"position":[[1818,20]]}}}],["hello",{"_index":2267,"t":{"540":{"position":[[3003,8],[4489,8],[5985,8],[7646,8],[9590,8],[11255,8]]}}}],["help",{"_index":1252,"t":{"512":{"position":[[241,5]]},"540":{"position":[[1286,4]]}}}],["helper",{"_index":3468,"t":{"570":{"position":[[2851,7]]},"572":{"position":[[2303,7],[2959,7]]},"574":{"position":[[2666,7]]},"576":{"position":[[2348,7]]},"578":{"position":[[2701,7]]},"580":{"position":[[2329,7]]},"582":{"position":[[2355,7]]},"584":{"position":[[2701,7]]},"588":{"position":[[2329,7]]}}}],["helptext",{"_index":2243,"t":{"540":{"position":[[1253,8],[2963,8],[5945,8],[9550,8],[11215,8]]},"566":{"position":[[12295,9]]},"568":{"position":[[7804,9],[11628,9]]}}}],["hendrerit",{"_index":2048,"t":{"530":{"position":[[10364,9],[14605,9],[18746,9]]}}}],["here",{"_index":900,"t":{"504":{"position":[[1569,5]]},"506":{"position":[[964,5],[1578,5],[2320,5]]},"508":{"position":[[1124,4],[2386,4],[3264,4],[3944,4],[6863,4],[7269,4]]},"510":{"position":[[4039,5],[6050,5],[7893,5],[9713,5],[11529,5],[18007,5],[20465,5],[23449,5]]},"512":{"position":[[316,5],[605,5],[651,5],[704,5],[755,5],[800,5],[847,5],[890,5],[936,5]]},"514":{"position":[[2520,5],[2737,5],[3273,5],[3910,5],[4697,5],[5558,5],[6505,5],[6879,5],[7454,5],[7890,5],[8564,5],[9054,5],[9813,5]]},"516":{"position":[[1583,5],[2814,5],[5267,5]]},"518":{"position":[[3088,5],[3442,5],[3841,5],[4764,5],[5072,5],[5872,5],[6284,5],[7109,5],[8226,5],[10557,5],[11965,5],[13301,5]]},"520":{"position":[[2443,4],[3412,4]]},"522":{"position":[[2042,5],[3925,5],[4645,5],[5731,5],[6891,5],[8184,5]]},"524":{"position":[[3395,5],[3860,5],[5298,5],[7410,5],[8353,5],[9531,5],[10217,5],[11307,5],[12174,5],[13771,5],[14124,5],[15000,5]]},"526":{"position":[[1215,5]]},"528":{"position":[[1733,5],[2000,5],[2199,5],[2552,5],[2786,5],[3133,5]]},"530":{"position":[[3221,5],[4769,5],[6949,5],[7359,5],[11589,5],[15836,5],[21307,5]]},"532":{"position":[[1083,4],[1528,5],[2188,5],[3673,5]]},"534":{"position":[[1023,5],[1242,5],[2052,5],[2486,5],[3405,5]]},"536":{"position":[[1056,5]]},"538":{"position":[[1871,5],[2083,5],[3120,5],[3528,5],[4340,5],[5711,5],[6090,5],[7044,5],[8152,5]]},"540":{"position":[[3092,5],[3199,4],[4599,5],[6084,5],[7926,5],[9706,5],[11337,5],[11517,4]]},"542":{"position":[[967,5],[1202,5],[1261,5],[1454,5],[1856,4]]},"544":{"position":[[2681,5],[3614,5],[4651,5],[5701,5],[6549,5],[7135,5],[7815,5],[8421,5],[9035,5],[11105,5],[11603,5],[12713,5],[13559,5],[14724,5]]},"546":{"position":[[1019,5],[1267,5],[2809,5],[2912,5],[3054,5],[3221,5],[3559,5],[3697,5],[4304,5]]},"548":{"position":[[13327,5],[16574,5]]},"550":{"position":[[8370,5],[9771,5],[11841,5],[14103,5],[16287,5]]},"552":{"position":[[7404,5],[10534,5],[14603,5]]},"554":{"position":[[2061,4],[4456,4],[4793,4],[5306,4],[5846,4],[7337,4],[8186,4],[8960,4],[9472,4],[10797,4],[14240,4],[14916,4]]},"556":{"position":[[4140,4],[6011,4],[6979,4],[8575,4],[10921,4],[13840,4]]},"558":{"position":[[6958,5],[10829,5],[14127,5]]},"560":{"position":[[1574,4],[3047,4],[3866,4],[4187,4],[4488,4],[4672,4],[5390,4],[5874,4],[7181,4],[10491,4],[11163,4]]},"562":{"position":[[1005,4],[2196,4],[2396,4],[2887,4]]},"564":{"position":[[2038,4],[3329,4],[4157,4],[5271,4],[5936,4]]},"566":{"position":[[1681,4],[3004,4],[5421,4],[6806,4],[8922,4],[9373,4]]},"568":{"position":[[1634,4],[2236,4],[3650,4],[4983,4],[8537,4],[8984,4]]},"592":{"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]]},"596":{"position":[[4132,5],[6317,5],[8903,5],[10690,5],[11757,5],[12361,5],[13408,5],[14474,5],[14987,5],[16389,5],[17167,5],[17678,5],[18243,5],[18739,5],[21969,5],[23790,5],[24657,5],[25593,5]]},"598":{"position":[[2558,5],[4496,5],[6443,5],[8725,5],[11115,5],[13568,5],[15978,5],[18392,5],[22184,5],[24117,5]]},"600":{"position":[[9119,4],[11464,4],[14221,4],[16612,4],[19412,4],[21783,4],[24185,4],[28278,4],[30548,4],[33262,4],[35627,4],[37992,4],[40249,4],[42507,4],[46307,4],[49014,4],[49969,4],[54486,4],[56822,4],[59948,4],[63290,4],[66511,4],[72824,4],[75799,4],[79379,4],[82443,4],[85155,4],[89637,4],[97867,4],[100287,4],[102738,4],[107234,4],[110827,4],[113359,4],[115983,4],[118644,4],[121420,4],[124626,4]]}}}],["here'",{"_index":939,"t":{"504":{"position":[[2935,6]]}}}],["herecallout",{"_index":1412,"t":{"516":{"position":[[578,69],[800,69],[1024,69],[1242,69],[1458,69],[1730,69],[1972,69],[2216,69],[2454,69],[2690,69]]}}}],["href=\"net6.blazorserverapp.styles.css",{"_index":3495,"t":{"570":{"position":[[4314,38]]}}}],["href=\"net6.blazorwebassemblyapp.styles.css",{"_index":3619,"t":{"578":{"position":[[4104,43]]}}}],["href=\"net7.blazorserverapp.styles.css",{"_index":3603,"t":{"574":{"position":[[4135,38]]}}}],["href=\"net7.blazorwebassemblyapp.styles.css",{"_index":3645,"t":{"584":{"position":[[4160,43]]}}}],["href=\"net8.blazorautoglobal.styles.css",{"_index":3572,"t":{"572":{"position":[[3802,39]]}}}],["href=\"net8.blazorwebapprendermodeserver.styles.css",{"_index":3608,"t":{"576":{"position":[[3536,51]]}}}],["href=\"net8.blazorwebassemblystandaloneapp.styles.css",{"_index":3635,"t":{"582":{"position":[[3606,53]]}}}],["hst",{"_index":3521,"t":{"570":{"position":[[6048,4],[6155,5]]},"572":{"position":[[5653,4],[5760,5]]},"574":{"position":[[6395,4],[6502,5]]},"576":{"position":[[5295,4],[5402,5]]}}}],["html",{"_index":903,"t":{"504":{"position":[[1630,4]]},"510":{"position":[[2805,4],[3356,4],[3906,4],[4669,4],[5294,4],[5917,4],[6659,4],[7210,4],[7760,4],[8463,4],[9030,4],[9580,4],[10295,4],[10846,4],[11396,4],[12475,4],[13038,4],[13600,4],[14158,4],[14706,4],[15266,4],[18792,4],[19343,4],[19893,4],[21177,4],[21750,4],[22322,4]]},"514":{"position":[[8575,4]]},"524":{"position":[[2837,5]]},"528":{"position":[[1493,4]]},"560":{"position":[[107,4]]},"564":{"position":[[104,4]]},"566":{"position":[[109,4]]},"568":{"position":[[113,4]]},"570":{"position":[[3710,5],[3716,5],[5502,7]]},"572":{"position":[[3187,5],[3193,5],[5092,7]]},"574":{"position":[[3531,5],[3537,5],[5849,7]]},"576":{"position":[[2921,5],[2927,5],[4842,7]]},"578":{"position":[[3424,5],[3430,5],[5021,7]]},"582":{"position":[[2897,5],[2903,5],[5097,7]]},"584":{"position":[[3424,5],[3430,5],[5222,7]]}}}],["http",{"_index":3517,"t":{"570":{"position":[[5935,4]]},"572":{"position":[[5473,4]]},"574":{"position":[[6282,4]]},"576":{"position":[[5154,4]]}}}],["httpclient",{"_index":3626,"t":{"578":{"position":[[5407,10]]},"582":{"position":[[5453,10]]},"584":{"position":[[5568,10]]}}}],["https://aka.ms/aspnetcor",{"_index":3522,"t":{"570":{"position":[[6129,25]]},"572":{"position":[[5734,25]]},"574":{"position":[[6476,25]]},"576":{"position":[[5376,25]]}}}],["https://demos.getblazorbootstrap.com",{"_index":158,"t":{"10":{"position":[[326,37]]},"12":{"position":[[297,37]]}}}],["hybrid",{"_index":3600,"t":{"572":{"position":[[8418,6]]},"574":{"position":[[8429,6]]},"578":{"position":[[7295,6]]},"580":{"position":[[28,6],[91,6]]},"584":{"position":[[7456,6]]},"588":{"position":[[28,6],[91,6]]}}}],["i.",{"_index":1885,"t":{"530":{"position":[[1462,5],[1622,5]]},"548":{"position":[[1980,4]]}}}],["iaculi",{"_index":2043,"t":{"530":{"position":[[10041,7],[14282,7],[18423,7]]}}}],["ichartdataset",{"_index":2519,"t":{"548":{"position":[[1057,14]]},"550":{"position":[[911,14]]},"552":{"position":[[1016,14]]},"558":{"position":[[851,14]]}}}],["icompar",{"_index":3933,"t":{"600":{"position":[[5857,13]]}}}],["icon",{"_index":64,"t":{"2":{"position":[[1089,6],[1192,4]]},"4":{"position":[[233,4]]},"6":{"position":[[229,4]]},"14":{"position":[[677,5]]},"18":{"position":[[139,5],[260,5],[319,5],[361,5]]},"24":{"position":[[159,5],[248,5]]},"36":{"position":[[334,4]]},"40":{"position":[[450,4]]},"50":{"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]]},"112":{"position":[[1069,5]]},"118":{"position":[[660,6],[770,4]]},"122":{"position":[[738,5],[837,4]]},"124":{"position":[[1522,5],[1576,5]]},"138":{"position":[[1133,6],[1236,4]]},"140":{"position":[[791,5],[890,4]]},"146":{"position":[[208,5],[307,4]]},"150":{"position":[[200,5],[299,4]]},"176":{"position":[[201,5],[300,4]]},"182":{"position":[[201,5],[300,4]]},"194":{"position":[[704,6],[814,4]]},"196":{"position":[[200,5],[299,4]]},"198":{"position":[[782,5],[881,4]]},"208":{"position":[[1142,6],[1245,4]]},"212":{"position":[[713,6],[823,4]]},"214":{"position":[[791,5],[890,4]]},"218":{"position":[[1575,5],[1629,5]]},"246":{"position":[[200,6],[303,4]]},"252":{"position":[[195,6],[298,4],[463,6],[573,4]]},"254":{"position":[[441,6],[551,4]]},"256":{"position":[[1372,6],[1482,4]]},"270":{"position":[[182,6],[292,4]]},"282":{"position":[[1136,6],[1239,4]]},"284":{"position":[[183,6],[293,4]]},"286":{"position":[[1137,6],[1240,4]]},"290":{"position":[[708,6],[818,4]]},"292":{"position":[[707,6],[817,4]]},"310":{"position":[[191,5],[245,5]]},"330":{"position":[[1130,6],[1233,4]]},"332":{"position":[[194,6],[297,4]]},"336":{"position":[[20,6],[189,6],[292,4],[457,6],[567,4]]},"342":{"position":[[21,7],[182,5],[236,5]]},"352":{"position":[[1925,6],[2035,4]]},"356":{"position":[[867,6],[977,4]]},"382":{"position":[[558,6],[668,4]]},"388":{"position":[[177,6],[287,4],[1083,5],[1137,5]]},"408":{"position":[[183,5],[237,5]]},"438":{"position":[[194,5],[293,4]]},"448":{"position":[[193,6],[296,4]]},"490":{"position":[[178,6],[288,4]]},"504":{"position":[[2130,6],[2170,5],[2198,6],[2246,5],[2328,4],[2377,5],[2466,4],[2514,5],[2610,4],[2659,5],[2756,4],[2796,4],[4046,5]]},"506":{"position":[[1597,5],[1645,5],[2310,4],[2422,4]]},"510":{"position":[[4056,5],[4190,5],[4812,5],[5437,5],[23613,4]]},"528":{"position":[[467,5],[631,5],[790,5],[957,5],[1752,6],[3249,5]]},"540":{"position":[[1236,4],[1348,4]]},"542":{"position":[[1216,4],[1431,4],[1973,4]]},"544":{"position":[[3631,5],[3809,5],[4087,5],[4372,5],[14896,4]]},"546":{"position":[[8,5],[34,5],[57,4],[88,4],[102,4],[146,5],[179,5],[197,4],[478,4],[548,5],[653,4],[704,4],[868,6],[875,5],[906,5],[941,5],[973,5],[1008,5],[1032,5],[1082,5],[1132,5],[1182,5],[1236,5],[1286,6],[1359,6],[1430,5],[1502,5],[1574,5],[1646,5],[1718,5],[1790,5],[1870,5],[1949,5],[2044,5],[2123,5],[2196,5],[2289,5],[2371,5],[2460,5],[2533,5],[2609,5],[2692,5],[2778,5],[2832,5],[2850,5],[2902,4],[2928,5],[2994,5],[3044,4],[3077,5],[3143,5],[3211,4],[3239,4],[3540,4],[3577,4],[3682,4],[3728,5],[3800,6],[3938,5],[4072,5],[4138,4],[4202,5],[4268,6],[4293,5],[4401,5],[4426,5],[4456,4],[4471,4],[4493,4],[4510,4],[4536,4],[4571,4],[4576,4],[4604,5]]},"556":{"position":[[13869,5]]},"570":{"position":[[2985,6],[3085,6],[3197,6],[3432,6]]},"574":{"position":[[2800,6],[2900,6],[3012,6],[3245,6]]},"578":{"position":[[2835,6],[2935,6],[3047,6],[3279,6]]},"580":{"position":[[2463,6],[2563,6],[2675,6],[2907,6]]},"584":{"position":[[2835,6],[2935,6],[3047,6],[3279,6]]},"588":{"position":[[2463,6]]},"590":{"position":[[1903,5]]},"598":{"position":[[375,4],[1018,4],[1132,4],[1199,4],[3403,9],[3454,8],[4509,5],[5289,9],[5340,8],[7571,9],[7622,8],[8754,5],[8828,5],[9051,5],[9904,9],[9955,8],[11504,5],[12357,9],[12408,8],[13587,5],[13649,4],[13682,6],[13914,5],[14767,9],[14818,8],[16328,5],[17181,9],[17232,8],[19687,9],[19738,8],[21239,4],[21503,4],[22982,9],[23033,8],[24258,5],[24318,5],[24353,4]]}}}],["icon2",{"_index":755,"t":{"126":{"position":[[1407,5]]}}}],["iconcolor",{"_index":2445,"t":{"546":{"position":[[451,9]]},"598":{"position":[[1080,9],[1090,9],[4526,9],[5225,9],[5454,9],[5902,9],[7507,9],[7736,9],[8184,9],[9840,9],[10069,9],[10517,9],[12293,9],[12522,9],[12970,9],[14703,9],[14932,9],[15380,9],[17117,9],[17346,9],[17794,9],[19623,9],[19852,9],[20300,9]]}}}],["iconcolor.dang",{"_index":3827,"t":{"598":{"position":[[5914,16],[8196,16],[10529,16],[12982,16],[15392,16],[17806,16],[20312,16]]}}}],["iconcolor.non",{"_index":2446,"t":{"546":{"position":[[490,14]]},"598":{"position":[[1100,14]]}}}],["iconcolor.primari",{"_index":3825,"t":{"598":{"position":[[5237,17],[7519,17],[9852,17],[12305,17],[14715,17],[17129,17],[19635,17]]}}}],["iconcolor.success",{"_index":3826,"t":{"598":{"position":[[5466,17],[7748,17],[10081,17],[12534,17],[14944,17],[17358,17],[19864,17]]}}}],["iconic/font/css/open",{"_index":3478,"t":{"570":{"position":[[3411,20]]},"574":{"position":[[3224,20]]},"578":{"position":[[3258,20]]},"580":{"position":[[2886,20]]},"584":{"position":[[3258,20]]}}}],["iconnam",{"_index":1835,"t":{"528":{"position":[[434,8],[599,8],[758,8],[921,8]]},"540":{"position":[[1303,8],[1312,8]]},"546":{"position":[[627,8]]},"566":{"position":[[12246,9]]},"568":{"position":[[7755,9],[11579,9]]},"570":{"position":[[7722,8],[7840,8],[7940,8]]},"572":{"position":[[7928,8],[8046,8],[8144,8]]},"574":{"position":[[8069,8],[8187,8],[8287,8]]},"576":{"position":[[6836,8],[6954,8],[7052,8]]},"578":{"position":[[6968,8],[7086,8],[7186,8]]},"582":{"position":[[6861,8],[6979,8],[7077,8]]},"584":{"position":[[7129,8],[7247,8],[7347,8]]},"586":{"position":[[1402,8],[1520,8],[1620,8]]},"590":{"position":[[1397,8],[1515,8],[1615,8]]},"598":{"position":[[565,8],[596,9],[1150,8],[1159,8],[2092,8],[2186,8],[2279,8],[2377,8],[2466,8],[3226,8],[3312,8],[3413,8],[3502,8],[3612,8],[3727,8],[3840,8],[3937,8],[4035,8],[4162,8],[4287,8],[4401,8],[5081,8],[5167,8],[5299,8],[5388,8],[5529,8],[5644,8],[5757,8],[5854,8],[5982,8],[6109,8],[6234,8],[6348,8],[7363,8],[7449,8],[7581,8],[7670,8],[7811,8],[7926,8],[8039,8],[8136,8],[8264,8],[8391,8],[8516,8],[8630,8],[9696,8],[9782,8],[9914,8],[10003,8],[10144,8],[10259,8],[10372,8],[10469,8],[10597,8],[10724,8],[10849,8],[10963,8],[12149,8],[12235,8],[12367,8],[12456,8],[12597,8],[12712,8],[12825,8],[12922,8],[13050,8],[13177,8],[13302,8],[13416,8],[14559,8],[14645,8],[14777,8],[14866,8],[15007,8],[15122,8],[15235,8],[15332,8],[15460,8],[15587,8],[15712,8],[15826,8],[16973,8],[17059,8],[17191,8],[17280,8],[17421,8],[17536,8],[17649,8],[17746,8],[17874,8],[18001,8],[18126,8],[18240,8],[19479,8],[19565,8],[19697,8],[19786,8],[19927,8],[20042,8],[20155,8],[20252,8],[20380,8],[20507,8],[20632,8],[20746,8],[22805,8],[22891,8],[22992,8],[23081,8],[23191,8],[23320,8],[23447,8],[23558,8],[23656,8],[23783,8],[23908,8],[24022,8]]}}}],["iconname.check2al",{"_index":3359,"t":{"566":{"position":[[12256,19]]},"568":{"position":[[7765,19],[11589,19]]}}}],["iconname.checkcirclefil",{"_index":3811,"t":{"598":{"position":[[2197,25],[3623,25],[5540,25],[7822,25],[10155,25],[12608,25],[15018,25],[17432,25],[19938,25],[23202,25]]}}}],["iconname.currencydollar",{"_index":3822,"t":{"598":{"position":[[4173,24],[6120,24],[8402,24],[10735,24],[13188,24],[15598,24],[18012,24],[20518,24],[23794,24]]}}}],["iconname.exclamationtrianglefil",{"_index":3818,"t":{"598":{"position":[[3513,33],[5399,33],[7681,33],[10014,33],[12467,33],[14877,33],[17291,33],[19797,33],[23092,33]]}}}],["iconname.housedoorfil",{"_index":3559,"t":{"570":{"position":[[7733,23]]},"572":{"position":[[7939,23]]},"574":{"position":[[8080,23]]},"576":{"position":[[6847,23]]},"578":{"position":[[6979,23]]},"582":{"position":[[6872,23]]},"584":{"position":[[7140,23]]},"586":{"position":[[1413,23]]},"590":{"position":[[1408,23]]},"598":{"position":[[2103,23],[3237,23],[5092,23],[7374,23],[9707,23],[12160,23],[14570,23],[16984,23],[19490,23],[22816,23]]}}}],["iconname.inputcursor",{"_index":3823,"t":{"598":{"position":[[4298,21],[6245,21],[8527,21],[10860,21],[13313,21],[15723,21],[18137,21],[20643,21],[23919,21]]}}}],["iconname.inputcursortext",{"_index":3812,"t":{"598":{"position":[[2290,25],[4046,25],[5993,25],[8275,25],[10608,25],[13061,25],[15471,25],[17885,25],[20391,25],[23667,25]]}}}],["iconname.layoutsidebarinset",{"_index":3814,"t":{"598":{"position":[[2477,28],[3323,28],[3851,28],[5178,28],[5768,28],[7460,28],[8050,28],[9793,28],[10383,28],[12246,28],[12836,28],[14656,28],[15246,28],[17070,28],[17660,28],[19576,28],[20166,28],[22902,28],[23458,28]]}}}],["iconname.non",{"_index":3807,"t":{"598":{"position":[[1168,13]]}}}],["iconname.personsquar",{"_index":3816,"t":{"598":{"position":[[3424,22],[5310,22],[7592,22],[9925,22],[12378,22],[14788,22],[17202,22],[19708,22],[23003,22]]}}}],["iconname.plussquarefil",{"_index":3561,"t":{"570":{"position":[[7851,24]]},"572":{"position":[[8057,24]]},"574":{"position":[[8198,24]]},"576":{"position":[[6965,24]]},"578":{"position":[[7097,24]]},"582":{"position":[[6990,24]]},"584":{"position":[[7258,24]]},"586":{"position":[[1531,24]]},"590":{"position":[[1526,24]]}}}],["iconname.segmentednav",{"_index":3813,"t":{"598":{"position":[[2388,22],[3738,22],[5655,22],[7937,22],[10270,22],[12723,22],[15133,22],[17547,22],[20053,22],[23331,22]]}}}],["iconname.t",{"_index":3563,"t":{"570":{"position":[[7951,15]]},"572":{"position":[[8155,15]]},"574":{"position":[[8298,15]]},"576":{"position":[[7063,15]]},"578":{"position":[[7197,15]]},"582":{"position":[[7088,15]]},"584":{"position":[[7358,15]]},"586":{"position":[[1631,15]]},"590":{"position":[[1626,15]]}}}],["iconname.toggleon",{"_index":3824,"t":{"598":{"position":[[4412,18],[6359,18],[8641,18],[10974,18],[13427,18],[15837,18],[18251,18],[20757,18],[24033,18]]}}}],["iconname.windowplu",{"_index":3820,"t":{"598":{"position":[[3948,20],[5865,20],[8147,20],[10480,20],[12933,20],[15343,20],[17757,20],[20263,20],[23569,20]]}}}],["iconname=\"iconname.bootstrapfil",{"_index":3541,"t":{"570":{"position":[[6844,33]]},"572":{"position":[[7223,33]]},"574":{"position":[[7191,33]]},"576":{"position":[[6131,33]]},"578":{"position":[[6090,33]]},"582":{"position":[[6156,33]]},"584":{"position":[[6251,33]]},"586":{"position":[[657,33]]},"590":{"position":[[652,33]]},"598":{"position":[[1611,33],[2735,33],[4590,33],[6626,33],[8886,33],[11320,33],[18572,33],[22314,33]]}}}],["icons",{"_index":2451,"t":{"546":{"position":[[678,8]]}}}],["icons.css",{"_index":2443,"t":{"546":{"position":[[349,10]]}}}],["icons.min.css",{"_index":3442,"t":{"570":{"position":[[798,14],[4147,14]]},"572":{"position":[[775,14],[3623,14]]},"574":{"position":[[796,14],[3968,14]]},"576":{"position":[[820,14],[3357,14]]},"578":{"position":[[805,14],[3938,14]]},"580":{"position":[[795,14]]},"582":{"position":[[805,14],[3384,14]]},"584":{"position":[[805,14],[3938,14]]},"588":{"position":[[795,14]]}}}],["icons1",{"_index":756,"t":{"126":{"position":[[1413,6]]}}}],["icons@1.11.0/font/bootstrap",{"_index":2442,"t":{"546":{"position":[[321,27]]}}}],["icons@1.11.3/font/bootstrap",{"_index":3441,"t":{"570":{"position":[[770,27],[4119,27]]},"572":{"position":[[747,27],[3595,27]]},"574":{"position":[[768,27],[3940,27]]},"576":{"position":[[792,27],[3329,27]]},"578":{"position":[[777,27],[3910,27]]},"580":{"position":[[767,27]]},"582":{"position":[[777,27],[3356,27]]},"584":{"position":[[777,27],[3910,27]]},"588":{"position":[[767,27]]}}}],["iconsize.non",{"_index":2452,"t":{"546":{"position":[[715,13]]}}}],["icustomerservic",{"_index":3092,"t":{"556":{"position":[[6373,16],[9891,16],[11619,16],[13113,16]]},"600":{"position":[[112560,16],[115184,16],[117845,16],[120621,16]]}}}],["id",{"_index":457,"t":{"78":{"position":[[182,2]]},"522":{"position":[[3306,2]]},"524":{"position":[[4694,2],[6582,2]]},"530":{"position":[[4154,2],[6110,2],[8084,2],[8621,2],[8818,2],[9333,3],[10290,2],[10994,2],[11176,2],[12325,2],[12862,2],[13059,2],[13574,3],[14531,2],[15235,2],[15417,2],[16466,2],[17003,2],[17200,2],[17715,3],[18672,2],[19376,2],[19558,2]]},"536":{"position":[[314,3]]},"540":{"position":[[1365,2],[1388,3]]},"548":{"position":[[4425,2],[4497,2]]},"550":{"position":[[2462,2],[2534,2]]},"570":{"position":[[7700,2],[7811,2],[7909,2]]},"572":{"position":[[7906,2],[8017,2],[8115,2]]},"574":{"position":[[8047,2],[8158,2],[8256,2]]},"576":{"position":[[6814,2],[6925,2],[7023,2]]},"578":{"position":[[6946,2],[7057,2],[7155,2]]},"582":{"position":[[6839,2],[6950,2],[7048,2]]},"584":{"position":[[7107,2],[7218,2],[7316,2]]},"586":{"position":[[1380,2],[1491,2],[1589,2]]},"590":{"position":[[1375,2],[1486,2],[1584,2]]},"598":{"position":[[1216,2],[1249,3],[1390,3],[2600,2],[3189,2],[3302,2],[3386,2],[3492,2],[3584,2],[3695,2],[3811,2],[3927,2],[4001,2],[4125,2],[4252,2],[4372,2],[5044,2],[5157,2],[5272,2],[5378,2],[5501,2],[5612,2],[5728,2],[5844,2],[5948,2],[6072,2],[6199,2],[6319,2],[7326,2],[7439,2],[7554,2],[7660,2],[7783,2],[7894,2],[8010,2],[8126,2],[8230,2],[8354,2],[8481,2],[8601,2],[9659,2],[9772,2],[9887,2],[9993,2],[10116,2],[10227,2],[10343,2],[10459,2],[10563,2],[10687,2],[10814,2],[10934,2],[12112,2],[12225,2],[12340,2],[12446,2],[12569,2],[12680,2],[12796,2],[12912,2],[13016,2],[13140,2],[13267,2],[13387,2],[14522,2],[14635,2],[14750,2],[14856,2],[14979,2],[15090,2],[15206,2],[15322,2],[15426,2],[15550,2],[15677,2],[15797,2],[16936,2],[17049,2],[17164,2],[17270,2],[17393,2],[17504,2],[17620,2],[17736,2],[17840,2],[17964,2],[18091,2],[18211,2],[19442,2],[19555,2],[19670,2],[19776,2],[19899,2],[20010,2],[20126,2],[20242,2],[20346,2],[20470,2],[20597,2],[20717,2],[22768,2],[22881,2],[22965,2],[23071,2],[23163,2],[23288,2],[23418,2],[23548,2],[23622,2],[23746,2],[23873,2],[23993,2]]},"600":{"position":[[7812,2],[7936,2],[8067,2],[8191,2],[8320,2],[8453,2],[8573,2],[8695,2],[8818,2],[10157,2],[10281,2],[10412,2],[10536,2],[10665,2],[10798,2],[10918,2],[11040,2],[11163,2],[12533,2],[12657,2],[12788,2],[12912,2],[13041,2],[13174,2],[13294,2],[13416,2],[13546,2],[13671,2],[13794,2],[13913,2],[15305,2],[15429,2],[15560,2],[15684,2],[15813,2],[15946,2],[16066,2],[16188,2],[16311,2],[17724,2],[17848,2],[17979,2],[18103,2],[18232,2],[18365,2],[18485,2],[18607,2],[18737,2],[18862,2],[18985,2],[19104,2],[20476,2],[20600,2],[20731,2],[20855,2],[20984,2],[21117,2],[21237,2],[21359,2],[21482,2],[22878,2],[23002,2],[23133,2],[23257,2],[23386,2],[23519,2],[23639,2],[23761,2],[23884,2],[25944,2],[26182,2],[26424,2],[26661,2],[26901,2],[27153,2],[27383,2],[27622,2],[27862,2],[31955,2],[32079,2],[32210,2],[32334,2],[32463,2],[32596,2],[32716,2],[32838,2],[32961,2],[34320,2],[34444,2],[34575,2],[34699,2],[34828,2],[34961,2],[35081,2],[35203,2],[35326,2],[36685,2],[36809,2],[36940,2],[37064,2],[37193,2],[37326,2],[37446,2],[37568,2],[37691,2],[39090,2],[39195,2],[39310,2],[39417,2],[39530,2],[39650,2],[39753,2],[39858,2],[39965,2],[41348,2],[41453,2],[41568,2],[41675,2],[41788,2],[41908,2],[42011,2],[42116,2],[42223,2],[43973,2],[44211,2],[44453,2],[44690,2],[44930,2],[45182,2],[45412,2],[45651,2],[45891,2],[47326,2],[47450,2],[47581,2],[47705,2],[47834,2],[47967,2],[48087,2],[48209,2],[48339,2],[48464,2],[48587,2],[48706,2],[52980,2],[53104,2],[53235,2],[53359,2],[53488,2],[53621,2],[53741,2],[53863,2],[53993,2],[54118,2],[54241,2],[54360,2],[55619,2],[55743,2],[55874,2],[55998,2],[56127,2],[56338,2],[56458,2],[56580,2],[56703,2],[58072,2],[58196,2],[58327,2],[58451,2],[58580,2],[61784,2],[61908,2],[62039,2],[62163,2],[62292,2],[62425,2],[62545,2],[62667,2],[62797,2],[62922,2],[63045,2],[63164,2],[65005,2],[65129,2],[65260,2],[65384,2],[65513,2],[65646,2],[65766,2],[65888,2],[66018,2],[66143,2],[66266,2],[66385,2],[68382,2],[68506,2],[68637,2],[68761,2],[68890,2],[69023,2],[69143,2],[69265,2],[69395,2],[69520,2],[69643,2],[69762,2],[71520,2],[71644,2],[71775,2],[71899,2],[72028,2],[72161,2],[72281,2],[72403,2],[72526,2],[74495,2],[74619,2],[74750,2],[74874,2],[75003,2],[75136,2],[75256,2],[75378,2],[75501,2],[76066,2],[76146,2],[77792,2],[77916,2],[78047,2],[78171,2],[78300,2],[78433,2],[78553,2],[78675,2],[78798,2],[80883,2],[81007,2],[81138,2],[81262,2],[81391,2],[81524,2],[81644,2],[81766,2],[81896,2],[82021,2],[82144,2],[82263,2],[83649,2],[83773,2],[83904,2],[84028,2],[84157,2],[84290,2],[84410,2],[84532,2],[84662,2],[84787,2],[84910,2],[85029,2],[88878,2],[89009,2],[89133,2],[89262,2],[89395,2],[89515,2],[97108,2],[97239,2],[97363,2],[97492,2],[97625,2],[97745,2],[99299,2],[99430,2],[99554,2],[99683,2],[99816,2],[99936,2],[100224,5],[101737,2],[101868,2],[101992,2],[102121,2],[102254,2],[102374,2],[102675,5],[105728,2],[105852,2],[105983,2],[106107,2],[106236,2],[106369,2],[106489,2],[106611,2],[106741,2],[106866,2],[106989,2],[107108,2],[109608,2],[109732,2],[109864,2],[109988,2],[110117,2],[110250,2],[110370,2],[110492,2],[110615,2],[110714,2],[123120,2],[123244,2],[123375,2],[123499,2],[123628,2],[123761,2],[123881,2],[124003,2],[124133,2],[124258,2],[124381,2],[124500,2]]}}}],["id=\"app",{"_index":3636,"t":{"582":{"position":[[3700,9]]},"584":{"position":[[4244,9]]}}}],["id=\"app\">loading...dangerdarkinfolightprimarysecondarysuccesswarninginfoa",{"_index":1477,"t":{"518":{"position":[[4974,7],[5021,7],[5672,7],[5719,7]]}}}],["item\">an",{"_index":1475,"t":{"518":{"position":[[4933,8],[5631,8]]}}}],["item'",{"_index":1138,"t":{"510":{"position":[[2440,6],[2990,6],[3540,6],[4304,6],[4928,6],[5551,6],[6294,6],[6844,6],[7394,6],[8098,6],[8664,6],[9214,6],[9930,6],[10480,6],[11030,6],[12110,6],[12672,6],[13234,6],[13792,6],[14340,6],[14900,6],[18427,6],[18977,6],[19527,6],[20812,6],[21384,6],[21956,6]]}}}],["item.address",{"_index":4299,"t":{"600":{"position":[[112042,13],[114612,13],[117273,13],[119969,13]]}}}],["item.countri",{"_index":4312,"t":{"600":{"position":[[112458,13],[115082,13],[117743,13],[120519,13]]}}}],["item.customerid",{"_index":4280,"t":{"600":{"position":[[111196,16],[113725,16],[116386,16],[119081,16]]}}}],["item.customernam",{"_index":4285,"t":{"600":{"position":[[111480,18],[114050,18],[116711,18],[119407,18]]}}}],["item.design",{"_index":4011,"t":{"600":{"position":[[14868,18],[17244,18],[29271,18],[31511,19],[51304,18],[60767,18],[64094,18],[67301,18],[85675,18],[86477,18],[87265,18],[88067,18],[90318,18],[91309,18],[92298,18],[93289,18],[94274,18],[95259,18],[96254,18],[98427,18],[100865,18],[103765,18],[122266,18]]}}}],["item.doj",{"_index":4012,"t":{"600":{"position":[[14994,10],[17389,10],[29592,10],[31640,11],[34005,11],[51449,10],[60912,10],[64239,10],[67446,10],[85801,10],[86603,10],[87391,10],[88193,10],[90463,10],[91454,10],[92443,10],[93434,10],[94419,10],[95404,10],[96399,10],[98553,10],[100991,10],[103910,10],[122411,10]]}}}],["item.email",{"_index":4294,"t":{"600":{"position":[[111855,11],[114425,11],[117086,11],[119782,11]]}}}],["item.firstnam",{"_index":4070,"t":{"600":{"position":[[28919,16]]}}}],["item.id",{"_index":4009,"t":{"600":{"position":[[14630,9],[16959,9],[28757,9],[31199,10],[33661,10],[50949,8],[60482,9],[63809,9],[67016,9],[85437,9],[86239,9],[87027,9],[87829,9],[90033,9],[91024,9],[92013,9],[93004,9],[93989,9],[94974,9],[95969,9],[98189,9],[100627,9],[103480,9],[121981,9]]}}}],["item.isact",{"_index":4013,"t":{"600":{"position":[[15107,15],[17526,15],[29750,15],[31756,16],[34121,16],[51586,15],[61049,15],[64376,14],[85914,15],[86716,15],[87504,15],[88306,15],[90600,15],[91591,15],[92580,15],[93571,15],[94556,15],[95541,15],[96536,15],[98666,15],[101104,15],[104047,15],[122548,15]]}}}],["item.lastnam",{"_index":4072,"t":{"600":{"position":[[29092,15]]}}}],["item.nam",{"_index":4010,"t":{"600":{"position":[[14748,11],[17097,11],[31320,11],[33782,12],[51157,11],[60620,11],[63947,11],[67154,11],[85555,11],[86357,11],[87145,11],[87947,11],[90171,11],[91162,11],[92151,11],[93142,11],[94127,11],[95112,11],[96107,11],[98307,11],[100745,11],[103618,11],[122119,11]]}}}],["item.phon",{"_index":4290,"t":{"600":{"position":[[111674,11],[114244,11],[116905,11],[119601,11]]}}}],["item.postalzip",{"_index":4306,"t":{"600":{"position":[[112240,15],[114810,15],[117471,15],[120247,15]]}}}],["item.salari",{"_index":4075,"t":{"600":{"position":[[29441,13]]}}}],["item(\"window.localstorage.getitem",{"_index":4134,"t":{"600":{"position":[[52632,53]]}}}],["js.invokevoidasync(\"window.localstorage.setitem",{"_index":4129,"t":{"600":{"position":[[52443,49]]}}}],["jsonserializer.deserialize(settingsjson",{"_index":4136,"t":{"600":{"position":[[52777,55]]}}}],["jsonserializer.serialize(set",{"_index":4130,"t":{"600":{"position":[[52510,36]]}}}],["juli",{"_index":96,"t":{"2":{"position":[[2220,4],[2506,4],[2758,4]]},"22":{"position":[[23,4]]},"90":{"position":[[24,4]]},"92":{"position":[[24,4]]},"94":{"position":[[24,4]]},"96":{"position":[[24,4]]},"98":{"position":[[24,4]]},"114":{"position":[[872,4],[1341,4],[1381,4],[1420,4],[1459,4],[1498,4]]},"118":{"position":[[24,4],[244,4]]},"124":{"position":[[619,4]]},"138":{"position":[[2264,4],[2550,4],[2802,4]]},"194":{"position":[[68,4],[288,4]]},"208":{"position":[[2273,4],[2559,4],[2811,4]]},"212":{"position":[[77,4],[297,4]]},"218":{"position":[[672,4]]},"226":{"position":[[78,4]]},"250":{"position":[[613,4],[899,4]]},"254":{"position":[[79,4]]},"256":{"position":[[504,4],[790,4],[1042,4]]},"274":{"position":[[76,4]]},"280":{"position":[[73,4]]},"282":{"position":[[2267,4],[2553,4],[2805,4]]},"286":{"position":[[2268,4],[2554,4],[2806,4]]},"290":{"position":[[72,4],[292,4]]},"292":{"position":[[71,4],[291,4]]},"296":{"position":[[79,4]]},"300":{"position":[[72,4]]},"334":{"position":[[1548,4],[1834,4]]},"348":{"position":[[66,4]]},"352":{"position":[[1057,4],[1343,4],[1595,4]]},"356":{"position":[[505,4]]},"364":{"position":[[1258,4]]},"384":{"position":[[70,4]]},"390":{"position":[[349,4]]},"392":{"position":[[74,4]]},"418":{"position":[[67,4]]},"494":{"position":[[68,4]]},"496":{"position":[[68,4]]},"498":{"position":[[68,4]]},"500":{"position":[[68,4]]},"502":{"position":[[68,4]]},"548":{"position":[[10864,7],[13725,7]]},"550":{"position":[[5052,7]]},"552":{"position":[[8036,7]]}}}],["june",{"_index":221,"t":{"28":{"position":[[23,4]]},"82":{"position":[[24,4]]},"84":{"position":[[24,4]]},"88":{"position":[[24,4]]},"114":{"position":[[911,4],[1537,4],[1577,4],[1617,4]]},"118":{"position":[[550,4],[888,4],[1146,4]]},"124":{"position":[[816,4]]},"194":{"position":[[594,4],[932,4],[1190,4]]},"212":{"position":[[603,4],[941,4],[1199,4]]},"218":{"position":[[869,4]]},"222":{"position":[[73,4]]},"240":{"position":[[76,4]]},"250":{"position":[[1118,4],[1376,4]]},"252":{"position":[[353,4]]},"254":{"position":[[331,4]]},"256":{"position":[[1262,4]]},"264":{"position":[[76,4]]},"270":{"position":[[72,4]]},"284":{"position":[[73,4]]},"290":{"position":[[598,4],[936,4],[1194,4]]},"292":{"position":[[597,4],[935,4],[1193,4]]},"298":{"position":[[67,4]]},"322":{"position":[[66,4]]},"324":{"position":[[70,4]]},"334":{"position":[[2053,4],[2311,4]]},"336":{"position":[[347,4]]},"338":{"position":[[66,4]]},"352":{"position":[[1815,4]]},"356":{"position":[[757,4]]},"368":{"position":[[72,4]]},"370":{"position":[[69,4]]},"382":{"position":[[448,4]]},"388":{"position":[[67,4]]},"416":{"position":[[67,4]]},"488":{"position":[[68,4]]},"490":{"position":[[68,4]]},"492":{"position":[[68,4]]},"548":{"position":[[10856,7],[13717,7]]},"550":{"position":[[5044,7]]},"552":{"position":[[8028,7]]}}}],["justifi",{"_index":1349,"t":{"514":{"position":[[6337,7]]},"570":{"position":[[6983,7]]},"572":{"position":[[7362,7]]},"574":{"position":[[7330,7]]},"576":{"position":[[6270,7]]},"578":{"position":[[6229,7]]},"582":{"position":[[6295,7]]},"584":{"position":[[6390,7]]},"586":{"position":[[796,7]]},"590":{"position":[[791,7]]},"598":{"position":[[6765,7],[9025,7],[11478,7],[13888,7],[16302,7],[18730,7]]}}}],["justo",{"_index":1972,"t":{"530":{"position":[[8128,5],[10049,6],[10131,5],[12369,5],[14290,6],[14372,5],[16510,5],[18431,6],[18513,5]]}}}],["k",{"_index":3074,"t":{"556":{"position":[[3805,4],[5676,4],[8301,4]]},"600":{"position":[[27194,4],[45223,4]]}}}],["keep",{"_index":925,"t":{"504":{"position":[[2042,4]]},"510":{"position":[[7972,4],[9772,4]]}}}],["key",{"_index":1673,"t":{"524":{"position":[[499,3],[2583,3],[5684,3],[7606,3],[7873,4]]},"530":{"position":[[414,3],[5139,3]]},"556":{"position":[[2199,3]]}}}],["keyboard",{"_index":345,"t":{"54":{"position":[[131,8],[252,8]]},"116":{"position":[[2996,8]]},"130":{"position":[[2146,8]]},"202":{"position":[[3040,8]]},"206":{"position":[[1320,8]]},"216":{"position":[[3049,8]]},"460":{"position":[[175,8]]},"504":{"position":[[3616,8]]},"514":{"position":[[1166,8]]},"518":{"position":[[1929,8]]},"524":{"position":[[2615,8],[2642,8]]},"556":{"position":[[2067,8],[2151,8],[13921,8]]},"596":{"position":[[1278,8],[1656,8],[2610,8]]}}}],["keystrok",{"_index":2831,"t":{"554":{"position":[[1702,9],[14298,9]]},"556":{"position":[[2019,9]]},"560":{"position":[[1192,9],[10549,9]]},"566":{"position":[[1240,9]]},"568":{"position":[[1244,9]]}}}],["keystroke/select",{"_index":3322,"t":{"566":{"position":[[8980,19]]},"568":{"position":[[8595,19]]}}}],["kick",{"_index":1646,"t":{"522":{"position":[[4721,4]]},"524":{"position":[[11375,4]]}}}],["kind",{"_index":917,"t":{"504":{"position":[[1943,4]]}}}],["kitchen",{"_index":1478,"t":{"518":{"position":[[5078,7],[13630,7]]}}}],["klein",{"_index":2419,"t":{"544":{"position":[[13250,8],[14162,8]]}}}],["kleiner",{"_index":4245,"t":{"600":{"position":[[104599,8]]}}}],["know",{"_index":2078,"t":{"532":{"position":[[135,4]]},"540":{"position":[[388,4]]}}}],["known",{"_index":3445,"t":{"570":{"position":[[1097,5]]},"574":{"position":[[1095,5]]},"578":{"position":[[1109,5]]},"584":{"position":[[1109,5]]}}}],["komala",{"_index":3054,"t":{"556":{"position":[[3634,7],[5505,7],[8130,7]]}}}],["l",{"_index":758,"t":{"126":{"position":[[1441,1]]},"556":{"position":[[3865,4],[5736,4],[8361,4]]}}}],["label",{"_index":315,"t":{"44":{"position":[[261,6]]},"96":{"position":[[439,5]]},"104":{"position":[[590,6]]},"108":{"position":[[356,5]]},"508":{"position":[[106,7]]},"538":{"position":[[193,7],[583,5],[626,6],[972,6],[1877,7],[1889,6],[1943,5],[8294,6]]},"548":{"position":[[869,6],[914,7],[1803,6],[2443,5],[2465,5],[7120,6],[9511,5],[10148,6],[10273,7],[10780,6],[11014,5],[11558,5],[12100,5],[12630,6],[12639,7],[13338,7],[13641,6],[13873,5],[14482,5],[15089,5],[15690,6],[15699,7],[16372,6],[16813,6]]},"550":{"position":[[795,6],[840,7],[1868,6],[2292,5],[2314,5],[5221,6],[7658,5],[8104,6],[8229,7],[8637,6],[9092,6],[9101,7],[10086,6],[10236,5],[10509,5],[10780,5],[11041,6],[11050,7],[12314,6],[12464,5],[12737,5],[13008,5],[13269,6],[13278,7],[14114,7],[14412,6],[14562,5],[14835,5],[15106,5],[15367,6],[15376,7],[16087,6],[16552,6]]},"552":{"position":[[890,6],[935,7],[1671,6],[2044,5],[2066,5],[4232,6],[6503,5],[7050,6],[7197,7],[7952,6],[8186,5],[8730,5],[9272,5],[9802,6],[9811,7],[10545,7],[11320,6],[11702,6],[13702,5],[14249,6],[14396,7],[14841,6]]},"554":{"position":[[2134,6],[2360,6],[2586,6],[2812,6],[3038,6],[3264,6],[3490,6],[3716,6],[3942,6],[6057,6],[6187,6],[6320,6],[6455,6],[6592,6],[6729,6],[6868,6],[7007,6],[7821,6],[8396,6],[8650,6],[9132,6],[9562,6],[10305,6],[11403,6],[11829,6],[12238,6],[14369,6]]},"556":{"position":[[8935,6],[9389,6]]},"558":{"position":[[665,6],[710,7],[1501,6],[3920,6],[6057,5],[6604,6],[6751,7],[6969,7],[7714,6],[8076,6],[9928,5],[10475,6],[10622,7],[11922,6],[13226,5],[13773,6],[13920,7],[14347,6]]},"560":{"position":[[1361,6],[1783,6],[1911,6],[2042,6],[2175,6],[2310,6],[2445,6],[2582,6],[2719,6],[3529,6],[4027,6],[4322,6],[4882,6],[5108,6],[5562,6],[5962,6],[6701,6],[7782,6],[8165,6],[8531,6],[10618,6]]},"562":{"position":[[273,5],[308,6]]},"564":{"position":[[914,5],[945,6],[2126,6],[2860,6],[5722,5],[5765,5],[5803,5],[5843,5],[5890,5]]},"566":{"position":[[7388,6],[7680,6],[9994,6],[10303,6],[10702,6]]},"568":{"position":[[5574,6],[5911,6],[6236,6],[6540,6],[6859,6],[9594,6],[9995,6]]},"570":{"position":[[2232,5]]},"572":{"position":[[1684,5],[4678,5]]},"574":{"position":[[2047,5],[5435,5]]},"576":{"position":[[1729,5],[4428,5]]},"578":{"position":[[2066,5]]},"580":{"position":[[1706,5]]},"582":{"position":[[1720,5],[4683,5]]},"584":{"position":[[2066,5]]},"588":{"position":[[1706,5]]},"596":{"position":[[17211,5],[19379,6],[19703,6],[20010,6]]}}}],["label\">address:amountarriv",{"_index":3400,"t":{"568":{"position":[[6572,14],[6891,14],[10027,14]]}}}],["label\">cours",{"_index":3331,"t":{"566":{"position":[[10026,13]]}}}],["label\">custom",{"_index":3317,"t":{"566":{"position":[[7712,15]]}}}],["label\">customer:departur",{"_index":3395,"t":{"568":{"position":[[5943,16],[6268,16],[9626,16]]}}}],["label\">end",{"_index":3338,"t":{"566":{"position":[[10734,10]]}}}],["label\">ent",{"_index":2909,"t":{"554":{"position":[[6076,12],[6206,12],[6339,12],[6474,12],[6611,12],[6748,12],[6887,12],[7026,12]]},"560":{"position":[[1802,12],[1930,12],[2061,12],[2194,12],[2329,12],[2464,12],[2601,12],[2738,12]]}}}],["label\">flight",{"_index":3391,"t":{"568":{"position":[[5606,13]]}}}],["label\">invoic",{"_index":3314,"t":{"566":{"position":[[7420,14]]}}}],["label\">item",{"_index":2949,"t":{"554":{"position":[[11435,11],[11861,11],[14401,11]]},"560":{"position":[[7814,11],[8197,11],[10650,11]]},"596":{"position":[[19398,11],[19722,11]]}}}],["label\">local",{"_index":2843,"t":{"554":{"position":[[2153,14],[2379,14],[2605,14],[2831,14],[3057,14],[3283,14],[3509,14],[3735,14],[3961,14]]}}}],["label\">start",{"_index":3334,"t":{"566":{"position":[[10335,12]]}}}],["label\">tot",{"_index":2963,"t":{"554":{"position":[[12270,12]]},"560":{"position":[[8563,12]]},"596":{"position":[[20029,12]]}}}],["label=\"20",{"_index":2181,"t":{"538":{"position":[[1140,11],[2047,11]]}}}],["label=\"30",{"_index":2213,"t":{"538":{"position":[[4533,11]]}}}],["label=\"check",{"_index":3183,"t":{"562":{"position":[[813,14]]}}}],["label=\"default",{"_index":3181,"t":{"562":{"position":[[743,14],[2497,14]]}}}],["label=\"dis",{"_index":3192,"t":{"562":{"position":[[1146,15],[1830,15]]}}}],["label=\"revers",{"_index":3198,"t":{"562":{"position":[[2309,14]]}}}],["labels.add(getnextdatalabel",{"_index":2646,"t":{"548":{"position":[[10232,31]]},"550":{"position":[[8188,31]]},"552":{"position":[[7134,31],[14333,31]]},"558":{"position":[[6688,31],[10559,31],[13857,31]]}}}],["labelscount",{"_index":2608,"t":{"548":{"position":[[7002,11],[10011,12],[10319,11],[10350,15]]},"550":{"position":[[4951,11],[6621,12],[7967,12],[8275,11]]}}}],["lacinia",{"_index":1946,"t":{"530":{"position":[[7886,7],[8553,7],[8624,7],[12127,7],[12794,7],[12865,7],[16268,7],[16935,7],[17006,7]]}}}],["lacu",{"_index":2025,"t":{"530":{"position":[[9308,6],[9789,6],[10088,5],[13549,6],[14030,6],[14329,5],[17690,6],[18171,6],[18470,5]]}}}],["lakhsmi",{"_index":3071,"t":{"556":{"position":[[3779,10],[5650,10],[8275,10]]}}}],["land",{"_index":295,"t":{"40":{"position":[[540,7]]}}}],["lang=\"en",{"_index":3488,"t":{"570":{"position":[[3722,10]]},"572":{"position":[[3199,10]]},"574":{"position":[[3543,10]]},"576":{"position":[[2933,10]]},"578":{"position":[[3436,10]]},"582":{"position":[[2909,10]]},"584":{"position":[[3436,10]]}}}],["languag",{"_index":390,"t":{"66":{"position":[[238,8]]}}}],["laoreet",{"_index":1926,"t":{"530":{"position":[[7687,8],[7696,7],[9396,8],[10495,8],[10608,7],[11928,8],[11937,7],[13637,8],[14736,8],[14849,7],[16069,8],[16078,7],[17778,8],[18877,8],[18990,7]]}}}],["larg",{"_index":1253,"t":{"512":{"position":[[254,5]]},"514":{"position":[[3598,5],[3678,5],[4305,5],[4401,5]]},"516":{"position":[[2820,5],[5366,5]]},"522":{"position":[[4871,5],[4915,5],[5177,5],[5313,5]]},"524":{"position":[[11495,5],[11875,5]]},"528":{"position":[[1327,5],[1446,5]]},"530":{"position":[[15842,5],[19828,5]]},"592":{"position":[[3668,5]]}}}],["larger",{"_index":1073,"t":{"508":{"position":[[2471,6]]},"514":{"position":[[3447,6]]},"528":{"position":[[2219,6]]}}}],["last",{"_index":1126,"t":{"510":{"position":[[921,4],[1322,4]]},"526":{"position":[[815,6],[941,6],[1110,6]]},"528":{"position":[[621,4],[670,4],[740,4]]},"544":{"position":[[662,4]]},"556":{"position":[[2471,4]]}}}],["lastlinkicon",{"_index":1837,"t":{"528":{"position":[[586,12],[713,12]]}}}],["lastlinkicon=\"iconname.chevrondoubleright",{"_index":1863,"t":{"528":{"position":[[1945,42]]}}}],["lastlinktext",{"_index":1838,"t":{"528":{"position":[[637,12],[686,12]]}}}],["lastnam",{"_index":1637,"t":{"522":{"position":[[3853,8]]},"524":{"position":[[5241,8],[7353,8]]},"530":{"position":[[4712,8],[6892,8]]},"600":{"position":[[25975,8],[26211,8],[26454,8],[26690,8],[26933,8],[27183,8],[27415,8],[27653,8],[27892,8],[44004,8],[44240,8],[44483,8],[44719,8],[44962,8],[45212,8],[45444,8],[45682,8],[45921,8]]}}}],["launch",{"_index":1662,"t":{"522":{"position":[[6005,6],[6497,6],[7101,6],[7729,6]]}}}],["laura",{"_index":3080,"t":{"556":{"position":[[3858,6],[5729,6],[8354,6]]}}}],["layout",{"_index":351,"t":{"56":{"position":[[448,6]]},"72":{"position":[[650,6],[668,6],[702,6],[918,6],[966,6]]},"116":{"position":[[2848,6]]},"202":{"position":[[2892,6]]},"216":{"position":[[2901,6]]},"266":{"position":[[733,6]]},"346":{"position":[[21,8],[295,6]]},"350":{"position":[[297,6]]},"354":{"position":[[299,6]]},"378":{"position":[[727,6]]},"462":{"position":[[295,6]]},"532":{"position":[[229,6]]},"548":{"position":[[5050,6]]},"550":{"position":[[3086,6]]},"586":{"position":[[0,6],[39,6]]},"590":{"position":[[0,6],[34,6]]},"598":{"position":[[6454,6],[6557,6],[24275,6]]}}}],["layout1",{"_index":759,"t":{"126":{"position":[[1443,7]]}}}],["layoutcomponentbas",{"_index":2305,"t":{"540":{"position":[[11462,19]]},"570":{"position":[[6778,19]]},"572":{"position":[[7157,19]]},"574":{"position":[[7125,19]]},"576":{"position":[[6065,19]]},"578":{"position":[[6024,19]]},"582":{"position":[[6090,19]]},"584":{"position":[[6185,19]]},"586":{"position":[[591,19]]},"590":{"position":[[586,19]]},"592":{"position":[[5033,19]]}}}],["lead",{"_index":1487,"t":{"518":{"position":[[6121,4],[6637,4],[6932,4],[7402,4],[7734,4],[8063,4],[11027,4],[11391,4],[11730,4],[12300,4],[12685,4],[13045,4]]}}}],["lectu",{"_index":1994,"t":{"530":{"position":[[8450,7],[8763,6],[9614,7],[11063,7],[12691,7],[13004,6],[13855,7],[15304,7],[16832,7],[17145,6],[17996,7],[19445,7]]}}}],["left",{"_index":1379,"t":{"514":{"position":[[8000,5],[8515,4]]},"530":{"position":[[2462,5],[6991,4]]},"538":{"position":[[7217,5]]},"542":{"position":[[606,5]]},"548":{"position":[[1643,6]]},"550":{"position":[[1760,6]]},"552":{"position":[[1507,6]]},"554":{"position":[[1310,4]]},"558":{"position":[[1342,6],[11511,4]]},"596":{"position":[[13456,4],[16500,4]]},"600":{"position":[[4818,5]]}}}],["leftful",{"_index":1795,"t":{"524":{"position":[[13353,26]]}}}],["lgmodal?.showasync()\">larg",{"_index":1772,"t":{"524":{"position":[[11948,27]]}}}],["li",{"_index":1474,"t":{"518":{"position":[[4911,3],[4952,3],[4999,3],[5609,3],[5650,3],[5697,3]]}}}],["li>@emp.namelightful",{"_index":1793,"t":{"524":{"position":[[13249,26]]}}}],["mean",{"_index":1058,"t":{"508":{"position":[[1969,7],[2022,7],[2300,6]]},"516":{"position":[[2856,7],[2917,7],[3195,6],[3344,7],[3405,7],[3683,6],[3833,7],[3894,7],[4172,6],[4319,7],[4380,7],[4658,6],[4804,7],[4865,7],[5143,6]]},"522":{"position":[[5903,5]]},"524":{"position":[[8524,5]]},"554":{"position":[[5414,5]]}}}],["measur",{"_index":2168,"t":{"538":{"position":[[410,8],[3213,8]]},"600":{"position":[[24390,8]]}}}],["media",{"_index":1544,"t":{"520":{"position":[[1476,5]]}}}],["medium",{"_index":3242,"t":{"564":{"position":[[5811,9]]}}}],["member",{"_index":2515,"t":{"548":{"position":[[798,8],[1015,8],[4572,8],[4764,8],[16663,7],[16688,7],[16723,7],[16748,7]]},"550":{"position":[[654,8],[870,8],[2608,8],[2801,8],[16375,7],[16399,7],[16433,7],[16457,7]]},"552":{"position":[[749,8],[970,8],[2221,8],[2427,8],[14688,7],[14717,7],[14756,7],[14785,7]]},"558":{"position":[[594,8],[810,8],[1954,8],[2155,8],[14216,7],[14240,7],[14274,7],[14298,7]]},"592":{"position":[[307,8],[5874,7]]}}}],["memori",{"_index":4117,"t":{"600":{"position":[[50499,6]]}}}],["mention",{"_index":3838,"t":{"598":{"position":[[18494,9]]}}}],["menu",{"_index":557,"t":{"100":{"position":[[367,4]]},"524":{"position":[[2779,4]]},"596":{"position":[[672,5],[760,4],[1915,4],[2944,4],[3025,4],[3110,4],[16395,4],[16820,4],[17173,4],[17253,5],[17721,4],[18297,4],[18409,4],[18781,5],[18814,5],[25956,4],[25970,4]]}}}],["menu.99+(titl",{"_index":1719,"t":{"524":{"position":[[4505,46]]}}}],["modal.showasync(titl",{"_index":1731,"t":{"524":{"position":[[6296,46]]}}}],["modal12",{"_index":762,"t":{"126":{"position":[[1463,7]]}}}],["modalful",{"_index":1789,"t":{"524":{"position":[[13052,24]]}}}],["modalfullscreen",{"_index":1677,"t":{"524":{"position":[[731,15]]}}}],["modalfullscreen.dis",{"_index":1678,"t":{"524":{"position":[[781,24]]}}}],["modalopt",{"_index":3650,"t":{"592":{"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]]},"600":{"position":[[100146,11],[102590,11]]}}}],["modals",{"_index":1684,"t":{"524":{"position":[[1235,9]]},"592":{"position":[[794,9],[3912,10],[4031,9]]}}}],["modalservic",{"_index":78,"t":{"2":{"position":[[1565,12],[2680,12]]},"88":{"position":[[820,12]]},"90":{"position":[[180,12]]},"98":{"position":[[367,12]]},"104":{"position":[[950,12]]},"118":{"position":[[786,12]]},"130":{"position":[[774,12]]},"138":{"position":[[1609,12],[2724,12]]},"194":{"position":[[830,12]]},"206":{"position":[[397,12]]},"208":{"position":[[1618,12],[2733,12]]},"212":{"position":[[839,12]]},"228":{"position":[[391,12]]},"232":{"position":[[399,12]]},"252":{"position":[[589,12]]},"254":{"position":[[253,12],[567,12]]},"256":{"position":[[390,12],[964,12],[1498,12]]},"266":{"position":[[392,12]]},"270":{"position":[[308,12]]},"278":{"position":[[392,12]]},"282":{"position":[[1612,12],[2727,12]]},"284":{"position":[[309,12]]},"286":{"position":[[1613,12],[2728,12]]},"290":{"position":[[834,12]]},"292":{"position":[[833,12]]},"304":{"position":[[385,12]]},"316":{"position":[[393,12]]},"330":{"position":[[1606,12]]},"336":{"position":[[583,12]]},"352":{"position":[[943,12],[1517,12],[2051,12]]},"356":{"position":[[20,14],[391,12],[679,12],[993,12]]},"378":{"position":[[386,12]]},"382":{"position":[[684,12]]},"388":{"position":[[303,12]]},"394":{"position":[[386,12]]},"446":{"position":[[387,12]]},"490":{"position":[[304,12]]},"500":{"position":[[242,12]]},"592":{"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]]},"600":{"position":[[98739,12],[98752,12],[101177,12],[101190,12]]}}}],["modalservice.showasync(modalopt",{"_index":3665,"t":{"592":{"position":[[2092,36],[3303,36],[4050,36],[4500,36],[4888,36],[5567,36],[5777,36]]}}}],["modalservice.showasync(new",{"_index":4217,"t":{"600":{"position":[[100119,26],[102563,26]]}}}],["modalservice3",{"_index":763,"t":{"126":{"position":[[1471,13]]}}}],["modalsize.regular",{"_index":1601,"t":{"522":{"position":[[1309,17]]},"524":{"position":[[1264,17]]},"592":{"position":[[833,17]]}}}],["modaltyp",{"_index":1682,"t":{"524":{"position":[[1159,9],[1169,9]]},"592":{"position":[[907,9],[1953,10],[2072,10],[3136,10],[3255,10]]}}}],["modaltype.dang",{"_index":3677,"t":{"592":{"position":[[5751,16]]}}}],["modaltype.light",{"_index":1683,"t":{"524":{"position":[[1208,15]]},"592":{"position":[[946,15]]}}}],["modaltype.primari",{"_index":4218,"t":{"600":{"position":[[100167,18],[102611,18]]}}}],["modaltype.success",{"_index":3676,"t":{"592":{"position":[[5540,17]]}}}],["mode",{"_index":2611,"t":{"548":{"position":[[7268,4],[12781,4],[15841,4]]},"550":{"position":[[5382,4],[9256,4],[11189,4],[13451,4],[15515,4]]},"552":{"position":[[9988,4]]},"572":{"position":[[119,4],[3095,4]]},"576":{"position":[[121,4],[2857,4]]},"600":{"position":[[2627,5]]}}}],["mode=\"serverprerend",{"_index":3497,"t":{"570":{"position":[[4417,24]]},"574":{"position":[[4294,24],[4374,24]]}}}],["modifi",{"_index":986,"t":{"506":{"position":[[1073,9]]},"510":{"position":[[2690,6],[3241,6],[3791,6],[4554,6],[5179,6],[5802,6],[6544,6],[7095,6],[7645,6],[8348,6],[8915,6],[9465,6],[10180,6],[10731,6],[11281,6],[12360,6],[12923,6],[13485,6],[14043,6],[14591,6],[15151,6],[18677,6],[19228,6],[19778,6],[21062,6],[21635,6],[22207,6]]}}}],["molesti",{"_index":1991,"t":{"530":{"position":[[8427,8],[9572,8],[9907,8],[9979,8],[12668,8],[13813,8],[14148,8],[14220,8],[16809,8],[17954,8],[18289,8],[18361,8]]}}}],["molli",{"_index":1930,"t":{"530":{"position":[[7733,6],[7821,7],[9376,6],[10097,6],[11974,6],[12062,7],[13617,6],[14338,6],[16115,6],[16203,7],[17758,6],[18479,6]]}}}],["moment",{"_index":1256,"t":{"512":{"position":[[343,6]]},"514":{"position":[[8611,7]]},"598":{"position":[[2663,7]]},"600":{"position":[[30187,6],[112931,6],[115555,6],[118216,6],[120992,6]]}}}],["monoton",{"_index":2577,"t":{"548":{"position":[[4303,8]]}}}],["month",{"_index":2727,"t":{"550":{"position":[[4985,6]]}}}],["months[labelscount",{"_index":2742,"t":{"550":{"position":[[8300,18]]}}}],["more",{"_index":41,"t":{"2":{"position":[[378,4],[661,4],[936,4],[1218,4],[1650,4],[1898,4],[2191,4],[2477,4],[2729,4],[2948,4]]},"6":{"position":[[108,4]]},"40":{"position":[[186,7]]},"46":{"position":[[133,4]]},"48":{"position":[[142,4]]},"50":{"position":[[174,4]]},"52":{"position":[[149,4]]},"54":{"position":[[164,4]]},"56":{"position":[[131,4]]},"58":{"position":[[133,4]]},"62":{"position":[[137,4]]},"64":{"position":[[138,4]]},"74":{"position":[[375,4]]},"116":{"position":[[329,4],[743,4],[1086,4],[1334,4],[1477,4],[1584,4],[1726,4],[1833,4],[2282,4],[2420,4],[2592,4],[2728,4],[2860,4],[3029,4],[3149,4]]},"118":{"position":[[215,4],[521,4],[859,4],[1117,4],[1417,4],[1671,4],[2103,4],[2348,4],[2596,4],[2866,4]]},"120":{"position":[[165,4],[401,4],[591,4],[704,4],[785,4],[1028,4]]},"122":{"position":[[142,4],[254,4],[408,4],[583,4],[762,4],[989,4],[1127,4],[1302,4],[1493,7],[1643,4],[1958,4],[2221,4],[2490,4],[2963,4]]},"124":{"position":[[201,4],[405,4],[591,4],[788,4],[982,4],[1180,4],[1378,4],[1609,4],[1810,4],[2039,4]]},"128":{"position":[[324,4],[658,4]]},"130":{"position":[[427,4],[859,4],[1291,4],[1561,4],[2010,4],[2179,4],[2299,4],[2772,4],[2978,4]]},"132":{"position":[[420,4],[754,4]]},"134":{"position":[[267,4]]},"136":{"position":[[501,4]]},"138":{"position":[[422,4],[705,4],[980,4],[1262,4],[1694,4],[1942,4],[2235,4],[2521,4],[2773,4],[2992,4]]},"140":{"position":[[195,4],[307,4],[461,4],[636,4],[815,4],[1042,4],[1180,4],[1355,4],[1546,7],[1696,4]]},"142":{"position":[[318,4]]},"144":{"position":[[315,4]]},"146":{"position":[[232,4],[459,4],[597,4],[772,4]]},"148":{"position":[[208,4],[383,4]]},"150":{"position":[[224,4],[451,4],[589,4],[764,4]]},"152":{"position":[[186,4],[293,4],[435,4],[542,4],[805,4]]},"154":{"position":[[323,4]]},"156":{"position":[[317,4]]},"158":{"position":[[314,4]]},"160":{"position":[[315,4]]},"162":{"position":[[243,7],[393,4]]},"164":{"position":[[236,7],[386,4]]},"166":{"position":[[319,4]]},"168":{"position":[[200,4],[375,4]]},"170":{"position":[[243,7],[393,4]]},"172":{"position":[[187,4],[362,4]]},"174":{"position":[[318,4]]},"176":{"position":[[225,4],[452,4],[590,4],[765,4]]},"178":{"position":[[363,4]]},"180":{"position":[[367,4]]},"182":{"position":[[225,4],[452,4],[590,4],[765,4]]},"184":{"position":[[187,4],[362,4]]},"186":{"position":[[506,4]]},"188":{"position":[[235,7],[385,4]]},"190":{"position":[[498,4]]},"192":{"position":[[293,4],[608,4]]},"194":{"position":[[259,4],[565,4],[903,4],[1161,4],[1461,4],[1715,4],[2147,4],[2392,4],[2640,4],[2910,4]]},"196":{"position":[[224,4],[451,4]]},"198":{"position":[[186,4],[298,4],[452,4],[627,4],[806,4],[1033,4],[1171,4],[1346,4],[1537,7],[1687,4]]},"200":{"position":[[382,4]]},"202":{"position":[[373,4],[787,4],[1130,4],[1378,4],[1521,4],[1628,4],[1770,4],[1877,4],[2326,4],[2464,4],[2636,4],[2772,4],[2904,4],[3073,4],[3193,4]]},"204":{"position":[[378,4]]},"206":{"position":[[482,4],[914,4],[1184,4],[1353,4],[1473,4]]},"208":{"position":[[431,4],[714,4],[989,4],[1271,4],[1703,4],[1951,4],[2244,4],[2530,4],[2782,4],[3001,4]]},"210":{"position":[[515,4]]},"212":{"position":[[268,4],[574,4],[912,4],[1170,4],[1470,4],[1724,4],[2156,4],[2401,4],[2649,4],[2919,4]]},"214":{"position":[[195,4],[307,4],[461,4],[636,4],[815,4],[1042,4],[1180,4],[1355,4],[1546,7],[1696,4],[2011,4],[2274,4],[2543,4],[3016,4]]},"216":{"position":[[382,4],[796,4],[1139,4],[1387,4],[1530,4],[1637,4],[1779,4],[1886,4],[2335,4],[2473,4],[2645,4],[2781,4],[2913,4],[3082,4],[3202,4]]},"218":{"position":[[254,4],[458,4],[644,4],[841,4],[1035,4],[1233,4],[1431,4],[1662,4],[1863,4],[2092,4]]},"220":{"position":[[218,4],[454,4],[644,4],[757,4],[838,4],[1081,4]]},"222":{"position":[[344,4],[678,4]]},"224":{"position":[[290,4],[560,4],[903,4]]},"226":{"position":[[355,4]]},"228":{"position":[[476,4]]},"230":{"position":[[381,4]]},"232":{"position":[[484,4]]},"234":{"position":[[189,4],[361,4]]},"236":{"position":[[483,4],[731,4],[885,4],[1060,4]]},"238":{"position":[[457,4]]},"240":{"position":[[347,4],[779,4],[1193,4],[1536,4]]},"242":{"position":[[462,4],[805,4]]},"244":{"position":[[183,4],[355,4]]},"246":{"position":[[329,4]]},"248":{"position":[[186,4],[293,4],[435,4],[542,4],[805,4]]},"250":{"position":[[291,4],[584,4],[870,4],[1089,4],[1347,4],[1647,4],[1901,4],[2333,4],[2578,4],[2992,4]]},"252":{"position":[[324,4],[662,4]]},"254":{"position":[[302,4],[640,4]]},"256":{"position":[[475,4],[761,4],[1013,4],[1233,4],[1571,4],[1985,4],[2328,4],[2466,4],[2638,4]]},"258":{"position":[[199,4],[374,4]]},"260":{"position":[[482,4]]},"262":{"position":[[479,4],[893,4],[1236,4]]},"264":{"position":[[305,4]]},"266":{"position":[[477,4],[613,4],[745,4]]},"268":{"position":[[476,4],[623,4],[735,4]]},"270":{"position":[[381,4]]},"272":{"position":[[457,4]]},"274":{"position":[[333,4],[765,4],[1179,4]]},"276":{"position":[[463,4]]},"278":{"position":[[477,4],[731,4]]},"280":{"position":[[350,4]]},"282":{"position":[[425,4],[708,4],[983,4],[1265,4],[1697,4],[1945,4],[2238,4],[2524,4],[2776,4],[2995,4]]},"284":{"position":[[382,4],[630,4]]},"286":{"position":[[426,4],[709,4],[984,4],[1266,4],[1698,4],[1946,4],[2239,4],[2525,4],[2777,4],[2996,4]]},"288":{"position":[[377,4],[791,4],[1134,4],[1382,4],[1525,4],[1632,4],[1774,4],[1881,4],[2330,4],[2468,4],[2640,4]]},"290":{"position":[[263,4],[569,4],[907,4],[1165,4],[1465,4],[1719,4],[2151,4],[2396,4],[2644,4],[2914,4]]},"292":{"position":[[262,4],[568,4],[906,4],[1164,4],[1464,4],[1718,4],[2150,4],[2395,4],[2643,4],[2913,4]]},"294":{"position":[[376,4],[790,4],[1133,4],[1381,4],[1524,4],[1631,4],[1773,4],[1880,4],[2329,4],[2467,4],[2639,4]]},"296":{"position":[[356,4]]},"298":{"position":[[338,4],[672,4],[858,4]]},"300":{"position":[[349,4]]},"302":{"position":[[284,4],[554,4],[897,4]]},"304":{"position":[[470,4]]},"306":{"position":[[321,4],[596,4]]},"308":{"position":[[239,4]]},"310":{"position":[[278,4]]},"312":{"position":[[375,4]]},"314":{"position":[[183,4],[355,4]]},"316":{"position":[[478,4]]},"318":{"position":[[289,4]]},"320":{"position":[[477,4],[725,4]]},"322":{"position":[[337,4]]},"324":{"position":[[341,4],[773,4],[1187,4],[1530,4]]},"326":{"position":[[177,4],[349,4]]},"328":{"position":[[456,4],[799,4]]},"330":{"position":[[419,4],[702,4],[977,4],[1259,4],[1691,4],[1890,4],[2096,4]]},"332":{"position":[[323,4]]},"334":{"position":[[420,4],[703,4],[978,4],[1226,4],[1519,4],[1805,4],[2024,4],[2282,4],[2582,4],[2836,4]]},"336":{"position":[[318,4],[656,4]]},"338":{"position":[[337,4],[528,7],[678,4]]},"340":{"position":[[469,4],[714,4],[1128,4],[1271,4],[1378,4],[1520,4],[1627,4],[1826,4],[2030,4],[2231,4]]},"342":{"position":[[269,4]]},"344":{"position":[[236,7],[386,4]]},"346":{"position":[[175,4],[307,4]]},"348":{"position":[[235,4],[436,4]]},"350":{"position":[[177,4],[309,4]]},"352":{"position":[[321,4],[596,4],[1028,4],[1314,4],[1566,4],[1786,4],[2124,4],[2538,4],[2881,4],[3019,4],[3191,4]]},"354":{"position":[[179,4],[311,4]]},"356":{"position":[[476,4],[728,4],[1066,4]]},"358":{"position":[[476,4]]},"360":{"position":[[244,4]]},"362":{"position":[[425,4]]},"364":{"position":[[473,4],[887,4],[1230,4],[1427,4],[1628,4]]},"366":{"position":[[315,4]]},"368":{"position":[[238,4],[436,4],[634,4]]},"370":{"position":[[298,4],[613,4]]},"372":{"position":[[428,4]]},"374":{"position":[[360,4]]},"376":{"position":[[426,4]]},"378":{"position":[[471,4],[607,4],[739,4]]},"380":{"position":[[313,4],[745,4]]},"382":{"position":[[419,4],[757,4]]},"384":{"position":[[327,4],[759,4],[1173,4]]},"386":{"position":[[457,4]]},"388":{"position":[[376,4],[624,4],[939,4],[1170,4]]},"390":{"position":[[320,4],[626,4]]},"392":{"position":[[351,4]]},"394":{"position":[[471,4],[725,4]]},"396":{"position":[[282,4]]},"398":{"position":[[152,4],[233,4]]},"400":{"position":[[229,4]]},"402":{"position":[[275,4]]},"404":{"position":[[209,4]]},"406":{"position":[[268,4]]},"408":{"position":[[270,4]]},"410":{"position":[[237,4]]},"412":{"position":[[240,4]]},"414":{"position":[[237,4]]},"416":{"position":[[233,4]]},"418":{"position":[[236,4]]},"420":{"position":[[225,4]]},"422":{"position":[[243,4]]},"424":{"position":[[245,4]]},"428":{"position":[[238,4]]},"430":{"position":[[302,4]]},"432":{"position":[[308,4]]},"434":{"position":[[354,4]]},"436":{"position":[[230,7],[380,4]]},"438":{"position":[[218,4],[445,4]]},"440":{"position":[[177,4],[352,4]]},"442":{"position":[[288,4]]},"444":{"position":[[333,4]]},"446":{"position":[[472,4]]},"448":{"position":[[322,4]]},"450":{"position":[[315,4]]},"452":{"position":[[423,4]]},"454":{"position":[[323,4]]},"456":{"position":[[193,4],[368,4]]},"458":{"position":[[186,4],[298,4]]},"460":{"position":[[208,4],[328,4]]},"462":{"position":[[175,4],[307,4]]},"464":{"position":[[177,4],[349,4]]},"466":{"position":[[181,4],[288,4]]},"468":{"position":[[488,4]]},"470":{"position":[[182,4],[289,4]]},"472":{"position":[[373,4]]},"474":{"position":[[382,4]]},"476":{"position":[[287,4]]},"478":{"position":[[287,4]]},"480":{"position":[[471,4]]},"482":{"position":[[309,4]]},"484":{"position":[[284,4]]},"486":{"position":[[293,4]]},"488":{"position":[[339,4]]},"490":{"position":[[377,4]]},"492":{"position":[[297,4]]},"494":{"position":[[259,4]]},"496":{"position":[[345,4]]},"498":{"position":[[258,4]]},"500":{"position":[[291,4]]},"502":{"position":[[325,4]]},"508":{"position":[[2451,4]]},"514":{"position":[[117,4],[2005,4]]},"518":{"position":[[3198,5]]},"530":{"position":[[127,4]]},"594":{"position":[[453,4]]},"596":{"position":[[129,5],[18675,4]]},"600":{"position":[[19557,4],[30865,4]]}}}],["motion",{"_index":1543,"t":{"520":{"position":[[1469,6],[1505,6]]}}}],["mous",{"_index":2549,"t":{"548":{"position":[[2959,5]]}}}],["move",{"_index":1755,"t":{"524":{"position":[[8969,4],[10726,4]]}}}],["mt",{"_index":1345,"t":{"514":{"position":[[6019,2],[6180,2],[6360,2]]},"600":{"position":[[57367,2]]}}}],["much",{"_index":1340,"t":{"514":{"position":[[5769,4]]}}}],["mug",{"_index":3055,"t":{"556":{"position":[[3642,6],[5513,6],[8138,6]]}}}],["multi",{"_index":4085,"t":{"600":{"position":[[30141,5],[112885,5],[115509,5],[118170,5],[120946,5]]}}}],["multipl",{"_index":236,"t":{"32":{"position":[[226,8]]},"44":{"position":[[280,8]]},"80":{"position":[[223,8]]},"96":{"position":[[534,8]]},"100":{"position":[[254,8]]},"514":{"position":[[139,8]]},"518":{"position":[[125,8],[5106,8]]},"528":{"position":[[149,8]]},"538":{"position":[[5717,8],[5740,8],[8379,8]]},"550":{"position":[[204,8]]},"600":{"position":[[72829,8],[72859,8],[125403,8]]}}}],["mute",{"_index":3757,"t":{"596":{"position":[[18546,6]]}}}],["muted\">card",{"_index":1463,"t":{"518":{"position":[[3577,11],[4048,11],[4412,11]]}}}],["muted\">last",{"_index":1531,"t":{"518":{"position":[[11128,11],[11455,11],[11877,11],[12423,11],[12771,11],[13214,11]]}}}],["mx",{"_index":1347,"t":{"514":{"position":[[6172,2]]}}}],["n",{"_index":764,"t":{"126":{"position":[[1485,1]]}}}],["nam",{"_index":1966,"t":{"530":{"position":[[8080,3],[12321,3],[16462,3]]}}}],["name",{"_index":170,"t":{"14":{"position":[[127,5]]},"120":{"position":[[297,5]]},"220":{"position":[[350,5]]},"402":{"position":[[171,5]]},"504":{"position":[[195,4],[484,4],[574,4]]},"506":{"position":[[209,4]]},"508":{"position":[[126,4]]},"510":{"position":[[156,4],[535,4],[730,5],[1111,5],[1366,4],[1852,4],[2070,4],[2104,5],[22691,5],[22910,5],[23130,5],[23351,5]]},"514":{"position":[[180,4],[1717,4]]},"516":{"position":[[155,4]]},"518":{"position":[[379,4],[699,4],[863,4],[1026,4],[1190,4],[1419,4],[1982,4],[2214,4],[2377,4]]},"520":{"position":[[160,4],[500,4],[697,4]]},"522":{"position":[[168,4],[699,4],[2341,5],[3431,4],[3565,4]]},"524":{"position":[[186,4],[1546,4],[4141,5],[4819,4],[4953,4],[5713,5],[6707,4],[6841,4]]},"526":{"position":[[213,4]]},"528":{"position":[[177,4]]},"530":{"position":[[187,4],[3571,5],[4279,4],[4413,4],[5168,5],[6235,4],[6369,4]]},"532":{"position":[[408,4],[639,4]]},"534":{"position":[[205,4],[443,4]]},"536":{"position":[[168,4],[518,4]]},"538":{"position":[[222,4],[491,4],[757,4]]},"540":{"position":[[602,4],[1061,4],[1241,5],[1353,5]]},"542":{"position":[[142,4]]},"544":{"position":[[129,4],[414,4],[856,4],[1340,4],[1586,4],[1619,5]]},"546":{"position":[[392,4],[622,4],[658,5],[747,4]]},"548":{"position":[[394,4],[541,4],[816,4],[1081,4],[4590,4],[4829,4],[16348,4]]},"550":{"position":[[249,4],[397,4],[672,4],[935,4],[2626,4],[2865,4],[16063,4]]},"552":{"position":[[345,4],[492,4],[767,4],[1040,4],[2239,4],[2496,4],[11678,4]]},"554":{"position":[[197,4],[1548,4],[1641,4]]},"556":{"position":[[243,4],[788,5],[1593,4],[1846,4],[10119,4]]},"558":{"position":[[190,4],[337,4],[612,4],[875,4],[1972,4],[2219,4],[8052,4]]},"560":{"position":[[205,4],[1046,4],[1131,4]]},"562":{"position":[[167,4],[464,4],[589,4]]},"564":{"position":[[144,4],[616,4],[731,4],[861,4]]},"566":{"position":[[318,4],[1072,4],[1179,4],[7728,5],[7896,5],[8577,5],[8850,4],[10040,5],[12591,4]]},"568":{"position":[[322,4],[1076,4],[1183,4]]},"592":{"position":[[238,4],[325,4]]},"596":{"position":[[256,4],[961,4],[1339,4],[1709,4],[1964,4],[2141,4],[2884,4]]},"598":{"position":[[224,4],[380,5],[712,4],[849,4],[1023,5],[1204,5]]},"600":{"position":[[202,4],[3036,4],[3649,4],[3952,4],[5452,5],[6610,4],[7288,5],[7822,4],[7946,4],[8077,4],[8201,4],[8330,4],[8463,4],[8583,4],[8705,4],[8828,4],[9243,4],[9589,5],[10167,4],[10291,4],[10422,4],[10546,4],[10675,4],[10808,4],[10928,4],[11050,4],[11173,4],[12099,6],[12543,4],[12667,4],[12798,4],[12922,4],[13051,4],[13184,4],[13304,4],[13426,4],[13556,4],[13681,4],[13804,4],[13923,4],[14717,5],[15315,4],[15439,4],[15570,4],[15694,4],[15823,4],[15956,4],[16076,4],[16198,4],[16321,4],[17046,5],[17734,4],[17858,4],[17989,4],[18113,4],[18242,4],[18375,4],[18495,4],[18617,4],[18747,4],[18872,4],[18995,4],[19114,4],[19952,5],[20486,4],[20610,4],[20741,4],[20865,4],[20994,4],[21127,4],[21247,4],[21369,4],[21492,4],[22359,5],[22888,4],[23012,4],[23143,4],[23267,4],[23396,4],[23529,4],[23649,4],[23771,4],[23894,4],[24730,5],[24866,5],[28840,5],[29015,5],[31287,5],[31965,4],[32089,4],[32220,4],[32344,4],[32473,4],[32606,4],[32726,4],[32848,4],[32971,4],[33749,5],[34330,4],[34454,4],[34585,4],[34709,4],[34838,4],[34971,4],[35091,4],[35213,4],[35336,4],[36137,6],[36695,4],[36819,4],[36950,4],[37074,4],[37203,4],[37336,4],[37456,4],[37578,4],[37701,4],[38512,6],[39100,4],[39205,4],[39320,4],[39427,4],[39540,4],[39660,4],[39763,4],[39868,4],[39975,4],[40755,6],[41358,4],[41463,4],[41578,4],[41685,4],[41798,4],[41918,4],[42021,4],[42126,4],[42233,4],[43015,6],[43103,6],[46892,6],[47336,4],[47460,4],[47591,4],[47715,4],[47844,4],[47977,4],[48097,4],[48219,4],[48349,4],[48474,4],[48597,4],[48716,4],[49486,6],[49572,6],[51106,5],[52990,4],[53114,4],[53245,4],[53369,4],[53498,4],[53631,4],[53751,4],[53873,4],[54003,4],[54128,4],[54251,4],[54370,4],[55050,5],[55629,4],[55753,4],[55884,4],[56008,4],[56137,4],[56348,4],[56468,4],[56590,4],[56713,4],[57533,5],[58082,4],[58206,4],[58337,4],[58461,4],[58590,4],[60569,5],[61794,4],[61918,4],[62049,4],[62173,4],[62302,4],[62435,4],[62555,4],[62677,4],[62807,4],[62932,4],[63055,4],[63174,4],[63896,5],[65015,4],[65139,4],[65270,4],[65394,4],[65523,4],[65656,4],[65776,4],[65898,4],[66028,4],[66153,4],[66276,4],[66395,4],[67103,5],[68392,4],[68516,4],[68647,4],[68771,4],[68900,4],[69033,4],[69153,4],[69275,4],[69405,4],[69530,4],[69653,4],[69772,4],[70321,5],[71530,4],[71654,4],[71785,4],[71909,4],[72038,4],[72171,4],[72291,4],[72413,4],[72536,4],[73296,5],[74505,4],[74629,4],[74760,4],[74884,4],[75013,4],[75146,4],[75266,4],[75388,4],[75511,4],[76647,5],[77802,4],[77926,4],[78057,4],[78181,4],[78310,4],[78443,4],[78563,4],[78685,4],[78808,4],[79702,6],[80893,4],[81017,4],[81148,4],[81272,4],[81401,4],[81534,4],[81654,4],[81776,4],[81906,4],[82031,4],[82154,4],[82273,4],[82841,6],[83659,4],[83783,4],[83914,4],[84038,4],[84167,4],[84300,4],[84420,4],[84542,4],[84672,4],[84797,4],[84920,4],[85039,4],[85524,5],[86326,5],[87114,5],[87916,5],[88888,4],[89019,4],[89143,4],[89272,4],[89405,4],[89525,4],[90120,5],[91111,5],[92100,5],[93091,5],[94076,5],[95061,5],[96056,5],[97118,4],[97249,4],[97373,4],[97502,4],[97635,4],[97755,4],[98276,5],[99309,4],[99440,4],[99564,4],[99693,4],[99826,4],[99946,4],[100246,5],[100714,5],[101747,4],[101878,4],[102002,4],[102131,4],[102264,4],[102384,4],[102697,5],[103567,5],[105738,4],[105862,4],[105993,4],[106117,4],[106246,4],[106379,4],[106499,4],[106621,4],[106751,4],[106876,4],[106999,4],[107118,4],[107764,5],[109618,4],[109743,4],[109874,4],[109998,4],[110127,4],[110260,4],[110380,4],[110502,4],[110625,4],[110724,4],[111395,5],[113965,5],[116626,5],[119322,5],[122068,5],[123130,4],[123254,4],[123385,4],[123509,4],[123638,4],[123771,4],[123891,4],[124013,4],[124143,4],[124268,4],[124391,4],[124510,4]]}}}],["name=\"accordionitem1",{"_index":1167,"t":{"510":{"position":[[12056,22],[20758,22]]}}}],["name=\"accordionitem2",{"_index":1169,"t":{"510":{"position":[[12617,22],[21329,22]]}}}],["name=\"accordionitem3",{"_index":1171,"t":{"510":{"position":[[13180,22],[21902,22]]}}}],["name=\"accordionitem6",{"_index":1179,"t":{"510":{"position":[[14846,22]]}}}],["name=\"faq",{"_index":1176,"t":{"510":{"position":[[14297,11]]},"544":{"position":[[9855,11]]}}}],["name=\"iconname.alarm",{"_index":2456,"t":{"546":{"position":[[881,21],[1038,21],[1088,21],[1138,21],[1188,21],[2856,21],[3000,21],[3296,21],[3380,21],[3632,21]]}}}],["name=\"iconname.alarmfil",{"_index":2457,"t":{"546":{"position":[[912,25],[3478,25]]}}}],["name=\"iconname.appl",{"_index":2459,"t":{"546":{"position":[[979,21],[2466,21]]}}}],["name=\"iconname.asterisk",{"_index":2485,"t":{"546":{"position":[[2539,24]]}}}],["name=\"iconname.bellfil",{"_index":1095,"t":{"508":{"position":[[3880,24]]}}}],["name=\"iconname.browsersafari",{"_index":2489,"t":{"546":{"position":[[2698,29]]}}}],["name=\"iconname.bug",{"_index":2477,"t":{"546":{"position":[[2129,19]]}}}],["name=\"iconname.checkal",{"_index":2475,"t":{"546":{"position":[[2050,24]]}}}],["name=\"iconname.checkcirclefil",{"_index":933,"t":{"504":{"position":[[2383,31]]}}}],["name=\"iconname.cloudlightningrainfil",{"_index":2473,"t":{"546":{"position":[[1955,38]]}}}],["name=\"iconname.creditcard2frontfil",{"_index":2482,"t":{"546":{"position":[[2377,36]]}}}],["name=\"iconname.exclamationdiamondfil",{"_index":2479,"t":{"546":{"position":[[2202,38]]}}}],["name=\"iconname.exclamationtrianglefil",{"_index":935,"t":{"504":{"position":[[2520,39],[2665,39]]}}}],["name=\"iconname.facebook",{"_index":2471,"t":{"546":{"position":[[1876,24]]}}}],["name=\"iconname.housefil",{"_index":1152,"t":{"510":{"position":[[4196,25]]},"544":{"position":[[3815,25]]}}}],["name=\"iconname.infocirclefil",{"_index":930,"t":{"504":{"position":[[2252,30]]},"546":{"position":[[2295,30]]}}}],["name=\"iconname.infocirclefill\">(titl",{"_index":1899,"t":{"530":{"position":[[3961,50]]}}}],["offcanvas.showasync(titl",{"_index":1907,"t":{"530":{"position":[[5813,50]]}}}],["offcanvas1",{"_index":688,"t":{"126":{"position":[[387,10]]}}}],["offcanvas5",{"_index":768,"t":{"126":{"position":[[1514,10]]}}}],["offcanvascloseadd",{"_index":2429,"t":{"544":{"position":[[14029,26]]}}}],["onclick=\"addemploye",{"_index":4146,"t":{"600":{"position":[[57119,23]]}}}],["onclick=\"addemployee2",{"_index":4147,"t":{"600":{"position":[[57227,24]]}}}],["onclick=\"async",{"_index":1368,"t":{"514":{"position":[[7613,15]]},"532":{"position":[[2435,15],[2566,15],[2699,15],[2827,15],[2954,15],[3080,15],[3201,15],[3323,15]]},"548":{"position":[[6118,15],[6264,15],[6413,15],[6556,15],[6728,15]]},"550":{"position":[[4081,15],[4227,15],[4376,15],[4517,15],[4685,15]]},"552":{"position":[[3459,15],[3605,15],[3754,15],[10696,15],[10842,15]]},"558":{"position":[[3167,15],[3313,15],[3462,15],[7110,15],[7256,15]]}}}],["onclick=\"changetooltip\">chang",{"_index":1386,"t":{"514":{"position":[[8863,31]]},"542":{"position":[[1665,31]]}}}],["onclick=\"clearmessage\">clear",{"_index":1562,"t":{"520":{"position":[[3931,29]]}}}],["onclick=\"closealert\">closedecreas",{"_index":2198,"t":{"538":{"position":[[2528,39]]}}}],["onclick=\"deleteemployeeasync",{"_index":1618,"t":{"522":{"position":[[2530,31]]}}}],["onclick=\"dis",{"_index":2930,"t":{"554":{"position":[[9822,19],[10493,19]]},"556":{"position":[[11422,19],[12888,19]]},"560":{"position":[[6220,19],[6885,19]]},"562":{"position":[[1305,19],[1917,19]]},"564":{"position":[[2373,19],[3032,19]]},"566":{"position":[[5768,19],[6473,19]]},"568":{"position":[[3972,19],[4650,19]]}}}],["onclick=\"disabledropdown\">disableenablehid",{"_index":1222,"t":{"510":{"position":[[20161,42]]}}}],["onclick=\"hideasync\">hidehid",{"_index":1548,"t":{"520":{"position":[[1792,32],[2757,32],[3703,32]]}}}],["onclick=\"hidefaqsaccordionitemasync\">faq",{"_index":1195,"t":{"510":{"position":[[16529,42]]}}}],["onclick=\"hidefirstaccordionitemasync\">first",{"_index":1191,"t":{"510":{"position":[[16101,44]]}}}],["onclick=\"hidelastaccordionitemasync\">last",{"_index":1196,"t":{"510":{"position":[[16632,42]]}}}],["onclick=\"hideproductsaccordionitemasync\">product",{"_index":1194,"t":{"510":{"position":[[16418,50]]}}}],["onclick=\"hidesecondaccordionitemasync\">second",{"_index":1192,"t":{"510":{"position":[[16206,46]]}}}],["onclick=\"hidethirdaccordionitemasync\">third",{"_index":1193,"t":{"510":{"position":[[16313,44]]}}}],["onclick=\"increaseprogressbar\">increas",{"_index":2196,"t":{"538":{"position":[[2393,39]]}}}],["onclick=\"onclick",{"_index":1390,"t":{"514":{"position":[[9122,19]]},"542":{"position":[[1267,18]]}}}],["onclick=\"onclickcallback",{"_index":1736,"t":{"524":{"position":[[6988,27]]},"530":{"position":[[6516,27]]}}}],["onclick=\"onhidemodalclick\">closehid",{"_index":2072,"t":{"530":{"position":[[20484,36]]}}}],["onclick=\"onshowmodalclick\">launch",{"_index":1745,"t":{"524":{"position":[[8111,34],[9300,34]]}}}],["onclick=\"onshowmodalclick\">show",{"_index":1712,"t":{"524":{"position":[[3636,32],[4247,32],[5901,32],[14365,32]]}}}],["onclick=\"onshowmodalclick\">vert",{"_index":1760,"t":{"524":{"position":[[9978,38],[11057,38]]}}}],["onclick=\"onshowoffcanvasclick\">show",{"_index":1910,"t":{"530":{"position":[[7175,36],[11409,36],[15650,36],[19791,36],[20607,36]]}}}],["onclick=\"positionbottomasync",{"_index":3150,"t":{"558":{"position":[[11333,31]]}}}],["onclick=\"positionleftasync",{"_index":3151,"t":{"558":{"position":[[11471,29]]}}}],["onclick=\"positionrightasync",{"_index":3149,"t":{"558":{"position":[[11197,30]]}}}],["onclick=\"positiontopasync",{"_index":3148,"t":{"558":{"position":[[11065,28]]}}}],["onclick=\"resetform\">resetresetshow",{"_index":1220,"t":{"510":{"position":[[20053,42]]}}}],["onclick=\"showasync\">showshow",{"_index":1546,"t":{"520":{"position":[[1681,32],[2646,32],[3592,32]]}}}],["onclick=\"showdialogasync",{"_index":1661,"t":{"522":{"position":[[5977,27],[6469,27],[7073,27],[7701,27]]}}}],["onclick=\"showemployeecomponent\">show",{"_index":1897,"t":{"530":{"position":[[3685,37],[5364,37]]}}}],["onclick=\"showfaqsaccordionitemasync\">faq",{"_index":1187,"t":{"510":{"position":[[15868,42]]}}}],["onclick=\"showfaqsasync\">faq",{"_index":2384,"t":{"544":{"position":[[10486,29]]}}}],["onclick=\"showfirstaccordionitemasync\">first",{"_index":1182,"t":{"510":{"position":[[15440,44]]}}}],["onclick=\"showfirsttabasync\">first",{"_index":2379,"t":{"544":{"position":[[10142,34]]}}}],["onclick=\"showlastaccordionitemasync\">last",{"_index":1188,"t":{"510":{"position":[[15971,42]]}}}],["onclick=\"showlasttabasync\">last",{"_index":2385,"t":{"544":{"position":[[10565,32]]}}}],["onclick=\"showloadingdataasync\">show",{"_index":2092,"t":{"532":{"position":[[1591,36]]}}}],["onclick=\"showmodal\">show",{"_index":3673,"t":{"592":{"position":[[4179,25],[4612,25]]}}}],["onclick=\"showproductsaccordionitemasync\">product",{"_index":1186,"t":{"510":{"position":[[15757,50]]}}}],["onclick=\"showproductstabasync\">product",{"_index":2383,"t":{"544":{"position":[[10396,40]]}}}],["onclick=\"showsaveconfirmationasync",{"_index":1639,"t":{"522":{"position":[[4099,37]]}}}],["onclick=\"showsavingdataasync\">show",{"_index":2094,"t":{"532":{"position":[[1686,35]]}}}],["onclick=\"showsecondaccordionitemasync\">second",{"_index":1184,"t":{"510":{"position":[[15545,46]]}}}],["onclick=\"showsecondtabasync\">second",{"_index":2381,"t":{"544":{"position":[[10226,36]]}}}],["onclick=\"showthirdaccordionitemasync\">third",{"_index":1185,"t":{"510":{"position":[[15652,44]]}}}],["onclick=\"showthirdtabasync\">third",{"_index":2382,"t":{"544":{"position":[[10312,34]]}}}],["onclick=\"toggl",{"_index":2931,"t":{"554":{"position":[[9896,18]]},"556":{"position":[[11496,18]]},"560":{"position":[[6294,18]]},"562":{"position":[[1379,18]]},"564":{"position":[[2447,18]]},"566":{"position":[[5842,18]]},"568":{"position":[[4046,18]]}}}],["onclick=\"toggleasync\">toggletoggl",{"_index":1549,"t":{"520":{"position":[[1903,36],[2868,36],[3814,36]]}}}],["onclick=\"togglesidebarstyles\">toggl",{"_index":3839,"t":{"598":{"position":[[18959,37]]}}}],["onclick=\"tooglesidebar",{"_index":3831,"t":{"598":{"position":[[9092,24],[11545,24],[13955,24],[16369,24]]}}}],["onclickcallback",{"_index":1726,"t":{"524":{"position":[[5719,16],[7192,15]]},"530":{"position":[[5174,16],[6731,15]]}}}],["onclickwithargs(arg",{"_index":1398,"t":{"514":{"position":[[9566,21]]}}}],["onclickwithargs(eventarg",{"_index":1400,"t":{"514":{"position":[[9688,25]]}}}],["onclos",{"_index":871,"t":{"504":{"position":[[591,7],[659,8],[3829,8]]}}}],["oncollapsehiddenasync",{"_index":1577,"t":{"520":{"position":[[5061,23]]}}}],["oncollapsehidingasync",{"_index":1576,"t":{"520":{"position":[[4951,23]]}}}],["oncollapseshowingasync",{"_index":1572,"t":{"520":{"position":[[4731,24]]}}}],["oncollapseshownasync",{"_index":1575,"t":{"520":{"position":[[4843,22]]}}}],["ondblclick=\"ondoubleclick",{"_index":1393,"t":{"514":{"position":[[9315,28]]}}}],["ondocumentload",{"_index":644,"t":{"112":{"position":[[434,16]]},"526":{"position":[[367,16],[955,17]]}}}],["ondocumentloaded(pdfviewereventarg",{"_index":1826,"t":{"526":{"position":[[885,35]]}}}],["ondocumentloaded=\"ondocumentload",{"_index":1821,"t":{"526":{"position":[[698,35]]}}}],["ondoubleclick(eventarg",{"_index":1394,"t":{"514":{"position":[[9400,23]]}}}],["ondropdownhiddenasync",{"_index":3796,"t":{"596":{"position":[[25378,23]]}}}],["ondropdownhidingasync",{"_index":3794,"t":{"596":{"position":[[25307,23]]}}}],["ondropdownshowingasync",{"_index":3798,"t":{"596":{"position":[[25449,24]]}}}],["ondropdownshownasync",{"_index":3800,"t":{"596":{"position":[[25522,22]]}}}],["onerror",{"_index":2151,"t":{"536":{"position":[[549,7],[1153,7]]}}}],["onerror=\"onscripterror",{"_index":2161,"t":{"536":{"position":[[1300,23]]}}}],["onfieldchang",{"_index":572,"t":{"100":{"position":[[1103,14]]}}}],["ongridsettingschanged(gridset",{"_index":4126,"t":{"600":{"position":[[52198,34]]}}}],["onhid",{"_index":182,"t":{"14":{"position":[[345,8],[489,8]]},"72":{"position":[[351,9],[536,9]]},"510":{"position":[[1609,8],[23136,9]]},"520":{"position":[[951,8],[5000,8]]},"524":{"position":[[2247,8]]},"530":{"position":[[2167,8]]},"544":{"position":[[1054,8],[11189,8],[11362,8],[11546,8]]},"596":{"position":[[3282,8]]}}}],["onhidden",{"_index":184,"t":{"14":{"position":[[364,8],[508,8]]},"72":{"position":[[365,8],[550,8]]},"510":{"position":[[1694,8],[23357,9]]},"520":{"position":[[1036,8],[5110,8]]},"524":{"position":[[2326,8]]},"530":{"position":[[1639,8],[2246,8]]},"544":{"position":[[951,8],[11281,8],[11559,8]]},"596":{"position":[[3368,8]]}}}],["onhidden=\"oncollapsehiddenasync",{"_index":1567,"t":{"520":{"position":[[4118,33]]}}}],["onhidden=\"ondropdownhiddenasync",{"_index":3791,"t":{"596":{"position":[[24789,32]]}}}],["onhidden=\"onhiddenasync",{"_index":1231,"t":{"510":{"position":[[20691,25]]}}}],["onhidden=\"onmodalhiddenasync",{"_index":1806,"t":{"524":{"position":[[14013,29]]}}}],["onhidden=\"onoffcanvashiddenasync",{"_index":2066,"t":{"530":{"position":[[20240,34]]}}}],["onhiddenasync(accordioneventarg",{"_index":1243,"t":{"510":{"position":[[23230,32]]}}}],["onhidemodalclick",{"_index":1716,"t":{"524":{"position":[[3800,18],[8293,18],[9471,18],[10157,18],[11247,18]]}}}],["onhideoffcanvasclick",{"_index":2073,"t":{"530":{"position":[[20795,22]]}}}],["onhideprev",{"_index":186,"t":{"14":{"position":[[390,15]]},"524":{"position":[[2456,15]]}}}],["onhideprevented=\"onmodalhidepreventedasync",{"_index":1807,"t":{"524":{"position":[[14043,44]]}}}],["onhiding=\"oncollapsehidingasync",{"_index":1566,"t":{"520":{"position":[[4085,32]]}}}],["onhiding=\"ondropdownhidingasync",{"_index":3790,"t":{"596":{"position":[[24756,32]]}}}],["onhiding=\"onhidingasync",{"_index":1230,"t":{"510":{"position":[[20666,24]]}}}],["onhiding=\"onmodalhidingasync",{"_index":1805,"t":{"524":{"position":[[13983,29]]}}}],["onhiding=\"onoffcanvashidingasync",{"_index":2065,"t":{"530":{"position":[[20206,33]]}}}],["onhidingasync(accordioneventarg",{"_index":1242,"t":{"510":{"position":[[23009,32]]}}}],["oniniti",{"_index":980,"t":{"506":{"position":[[562,15],[1316,15],[2049,15]]},"522":{"position":[[3745,15]]},"524":{"position":[[5133,15],[7246,15]]},"530":{"position":[[4604,15],[6785,15]]},"544":{"position":[[13397,15],[14309,15]]},"548":{"position":[[7074,15],[10707,15],[13568,15]]},"550":{"position":[[5175,15],[8615,15],[10013,15],[12241,15],[14339,15]]},"552":{"position":[[4129,15],[7879,15],[11217,15]]},"554":{"position":[[12964,15]]},"556":{"position":[[7397,15],[9963,15]]},"558":{"position":[[3817,15],[7611,15],[11819,15]]},"560":{"position":[[9214,15]]},"566":{"position":[[5102,15],[8371,15],[11636,15]]},"568":{"position":[[3406,15],[7573,15],[10929,15]]},"596":{"position":[[20688,15]]},"600":{"position":[[7744,15],[10089,15],[12465,15],[15237,15],[17656,15],[20408,15],[22810,15],[25876,15],[31887,15],[34252,15],[36617,15],[39022,15],[41280,15],[43905,15],[47258,15],[58004,15]]}}}],["onlin",{"_index":3360,"t":{"566":{"position":[[12347,7]]}}}],["onlinecourseform",{"_index":3346,"t":{"566":{"position":[[11420,16],[11437,16],[12449,16],[12539,16]]}}}],["onlinecourseform.coursenam",{"_index":3333,"t":{"566":{"position":[[10222,29]]}}}],["onlinecourseform.endd",{"_index":3343,"t":{"566":{"position":[[11018,26],[11863,24],[12014,24]]}}}],["onlinecourseform.startd",{"_index":3336,"t":{"566":{"position":[[10509,27],[10622,28],[11828,26],[11974,26]]}}}],["onload",{"_index":2152,"t":{"536":{"position":[[623,6]]}}}],["onload=\"onscriptload",{"_index":2160,"t":{"536":{"position":[[1278,21]]}}}],["onmodalhiddenasync",{"_index":1813,"t":{"524":{"position":[[14781,20]]}}}],["onmodalhidepreventedasync",{"_index":1814,"t":{"524":{"position":[[14886,27]]}}}],["onmodalhidingasync",{"_index":1812,"t":{"524":{"position":[[14674,20]]}}}],["onmodalshowingasync",{"_index":1808,"t":{"524":{"position":[[14461,21]]}}}],["onmodalshownasync",{"_index":1811,"t":{"524":{"position":[[14570,19]]}}}],["onoffcanvashiddenasync",{"_index":2077,"t":{"530":{"position":[[21204,24]]}}}],["onoffcanvashidingasync",{"_index":2076,"t":{"530":{"position":[[21093,24]]}}}],["onoffcanvasshowingasync",{"_index":2074,"t":{"530":{"position":[[20871,25]]}}}],["onoffcanvasshownasync",{"_index":2075,"t":{"530":{"position":[[20984,23]]}}}],["onpagechang",{"_index":645,"t":{"112":{"position":[[455,13]]},"526":{"position":[[454,13],[1124,14]]}}}],["onpagechanged(pdfviewereventarg",{"_index":1829,"t":{"526":{"position":[[1057,32]]}}}],["onpagechanged=\"onpagechang",{"_index":1822,"t":{"526":{"position":[[734,29]]}}}],["onpagechangedasync(int",{"_index":1877,"t":{"528":{"position":[[3018,22]]}}}],["onparametersset",{"_index":2971,"t":{"554":{"position":[[13070,17]]},"560":{"position":[[9320,17]]},"596":{"position":[[20794,17]]}}}],["onrowclick",{"_index":533,"t":{"96":{"position":[[194,10]]},"600":{"position":[[3178,10]]}}}],["onrowclick(gridroweventargssave@department.nam",{"_index":4139,"t":{"600":{"position":[[54765,19]]}}}],["p>@eventlog@itemaww",{"_index":909,"t":{"504":{"position":[[1767,6]]}}}],["p>lorem",{"_index":1912,"t":{"530":{"position":[[7572,8],[11813,8],[15954,8]]}}}],["p>morbi",{"_index":2017,"t":{"530":{"position":[[9055,8],[13296,8],[17437,8]]}}}],["p>pellentesqu",{"_index":2042,"t":{"530":{"position":[[10021,15],[14262,15],[18403,15]]}}}],["p>proin",{"_index":1983,"t":{"530":{"position":[[8282,8],[12523,8],[16664,8]]}}}],["p>some",{"_index":3759,"t":{"596":{"position":[[18576,7]]}}}],["p>thi",{"_index":1757,"t":{"524":{"position":[[8999,7],[10756,7]]}}}],["p>use",{"_index":1422,"t":{"516":{"position":[[2895,8],[3383,8],[3872,8],[4358,8],[4843,8]]}}}],["p>vestibulum",{"_index":2056,"t":{"530":{"position":[[10847,13],[15088,13],[19229,13]]}}}],["pa",{"_index":2423,"t":{"544":{"position":[[13299,5],[14211,5]]},"556":{"position":[[3556,5],[5427,5],[8052,5]]}}}],["packag",{"_index":3433,"t":{"570":{"position":[[229,8],[305,7],[330,7],[8103,7]]},"572":{"position":[[299,8],[318,7],[343,7],[2756,8],[2775,7],[2800,7],[8467,7],[8589,7]]},"574":{"position":[[229,8],[305,7],[330,7],[8463,7]]},"576":{"position":[[287,8],[363,7],[388,7],[7354,7]]},"578":{"position":[[239,8],[315,7],[340,7],[7357,7]]},"580":{"position":[[247,8],[323,7],[348,7],[3070,7]]},"582":{"position":[[239,8],[315,7],[340,7],[7214,7]]},"584":{"position":[[239,8],[315,7],[340,7],[7518,7]]},"588":{"position":[[247,8],[323,7],[348,7],[2891,7]]}}}],["pad",{"_index":867,"t":{"504":{"position":[[443,7]]},"518":{"position":[[3323,6]]},"554":{"position":[[1315,6]]},"596":{"position":[[18838,7]]}}}],["page",{"_index":124,"t":{"4":{"position":[[302,4]]},"6":{"position":[[297,4]]},"8":{"position":[[212,4]]},"10":{"position":[[403,4]]},"12":{"position":[[380,4]]},"14":{"position":[[754,4]]},"16":{"position":[[379,4]]},"18":{"position":[[399,4]]},"20":{"position":[[320,4]]},"22":{"position":[[331,4]]},"24":{"position":[[317,4]]},"26":{"position":[[280,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":[[548,4],[873,4]]},"42":{"position":[[216,4],[229,4],[476,6],[493,4]]},"44":{"position":[[621,4]]},"46":{"position":[[725,4]]},"48":{"position":[[510,4]]},"50":{"position":[[907,4]]},"52":{"position":[[599,4]]},"54":{"position":[[582,4]]},"56":{"position":[[465,4]]},"58":{"position":[[862,4]]},"60":{"position":[[807,4]]},"62":{"position":[[424,4]]},"64":{"position":[[483,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":[[507,4]]},"84":{"position":[[682,4]]},"86":{"position":[[702,4]]},"88":{"position":[[898,4]]},"90":{"position":[[388,4]]},"92":{"position":[[467,4]]},"94":{"position":[[527,4]]},"96":{"position":[[305,4],[1102,4]]},"98":{"position":[[421,4]]},"100":{"position":[[1574,4]]},"102":{"position":[[583,4]]},"104":{"position":[[1040,4]]},"106":{"position":[[614,4]]},"108":{"position":[[703,4]]},"110":{"position":[[990,4]]},"112":{"position":[[1307,4]]},"122":{"position":[[2209,6]]},"152":{"position":[[793,6]]},"156":{"position":[[305,6]]},"158":{"position":[[34,7],[302,6]]},"160":{"position":[[303,6]]},"214":{"position":[[2262,6]]},"248":{"position":[[793,6]]},"430":{"position":[[290,6]]},"504":{"position":[[26,4],[3595,4],[3925,5],[3941,4]]},"506":{"position":[[30,4],[2336,4]]},"508":{"position":[[25,4],[7284,4]]},"510":{"position":[[29,4],[23465,4]]},"512":{"position":[[26,4],[952,4]]},"514":{"position":[[27,4],[9829,4]]},"516":{"position":[[27,4],[5283,4]]},"518":{"position":[[24,4],[13317,4]]},"520":{"position":[[28,4],[5232,4]]},"522":{"position":[[34,4],[1149,5],[5856,4],[8200,4]]},"524":{"position":[[25,4],[3312,5],[8477,4],[15016,4]]},"526":{"position":[[30,4],[507,4],[1231,4]]},"528":{"position":[[30,4],[158,6],[244,4],[390,4],[1166,5],[1272,4],[2925,4],[3149,4]]},"530":{"position":[[29,4],[708,6],[21323,4]]},"532":{"position":[[27,4],[79,4],[216,4],[236,5],[1004,4],[3689,4]]},"534":{"position":[[32,4],[122,5],[3421,4]]},"536":{"position":[[33,4],[1634,4]]},"538":{"position":[[28,4],[8168,4]]},"540":{"position":[[26,4],[564,4],[11431,4],[12131,4]]},"542":{"position":[[28,4],[123,6],[1871,4]]},"544":{"position":[[24,4],[14740,4]]},"546":{"position":[[22,4],[4320,4]]},"548":{"position":[[38,4],[16590,4]]},"550":{"position":[[37,4],[16303,4]]},"552":{"position":[[42,4],[14619,4]]},"554":{"position":[[29,4],[14931,4]]},"556":{"position":[[28,4],[13855,4]]},"558":{"position":[[37,4],[14143,4]]},"560":{"position":[[27,4],[11178,4]]},"562":{"position":[[21,4],[2902,4]]},"564":{"position":[[26,4],[5951,4]]},"566":{"position":[[25,4],[12840,4]]},"568":{"position":[[25,4],[12074,4]]},"570":{"position":[[47,4],[6813,6],[8023,4]]},"572":{"position":[[52,4],[7192,6],[8357,4]]},"574":{"position":[[47,4],[3377,5],[7160,6],[8370,4]]},"576":{"position":[[54,4],[6100,6],[7265,4]]},"578":{"position":[[52,4],[6059,6],[7269,4]]},"580":{"position":[[56,4],[2986,4]]},"582":{"position":[[52,4],[6125,6],[7160,4]]},"584":{"position":[[52,4],[6220,6],[7430,4]]},"586":{"position":[[34,4],[475,4],[626,6],[1870,4]]},"588":{"position":[[56,4],[2802,4]]},"590":{"position":[[29,4],[470,4],[621,6],[1865,4]]},"592":{"position":[[31,4],[5002,4],[5830,4]]},"596":{"position":[[28,4],[25609,4]]},"598":{"position":[[27,4],[6505,4],[6595,6],[8855,6],[11289,6],[13704,6],[16075,6],[18541,6],[24133,4]]},"600":{"position":[[24,4],[167,6],[365,7],[620,6],[1994,4],[2076,4],[2178,4],[2265,4],[3884,4],[6678,4],[6722,5],[11607,7],[11619,7],[11791,4],[16640,7],[28306,6],[50158,4],[50171,4],[52034,6],[61372,6],[64767,6],[68144,6],[71282,6],[74257,6],[77554,6],[79392,4],[80645,6],[82448,4],[83411,6],[88640,6],[96870,6],[99061,6],[101499,6],[105490,6],[109370,6],[121435,7],[121467,6],[122882,6],[124641,4],[124860,6],[124910,7],[125033,6],[125448,4],[125458,4],[125715,6]]}}}],["page'",{"_index":969,"t":{"506":{"position":[[113,6]]}}}],["page/docu",{"_index":959,"t":{"504":{"position":[[3765,14]]}}}],["pagechang",{"_index":1845,"t":{"528":{"position":[[1222,11]]}}}],["pagechanged=\"onpagechangedasync",{"_index":1873,"t":{"528":{"position":[[2875,32]]}}}],["pagenumb",{"_index":3937,"t":{"600":{"position":[[6663,10],[52346,10]]}}}],["pages",{"_index":3871,"t":{"600":{"position":[[690,8],[2043,8],[6697,8],[11643,8],[11742,8],[52361,8],[80361,8],[82415,8],[121537,8]]}}}],["pages/_host.cshtml",{"_index":3444,"t":{"570":{"position":[[1066,19],[1415,19]]},"574":{"position":[[451,18],[1064,19],[1336,18],[3058,18]]}}}],["pages/_layout.cshtml",{"_index":3436,"t":{"570":{"position":[[451,20],[1322,21],[1376,20],[1519,20],[3243,20]]}}}],["pagesize=\"10",{"_index":4208,"t":{"600":{"position":[[82604,13],[103182,13],[121779,13]]}}}],["pagesize=\"20",{"_index":3996,"t":{"600":{"position":[[11704,13]]}}}],["pagesize=\"5",{"_index":3997,"t":{"600":{"position":[[11943,12],[16818,12],[28601,12],[46700,12],[60318,12],[63668,12],[66875,12]]}}}],["pagesize=\"8",{"_index":4120,"t":{"600":{"position":[[50705,12]]}}}],["pagesize=\"@pages",{"_index":4200,"t":{"600":{"position":[[79538,20]]}}}],["pagesizeselector",{"_index":619,"t":{"110":{"position":[[420,16]]}}}],["pagesizeselectoritem",{"_index":3889,"t":{"600":{"position":[[2105,21]]}}}],["pagesizeselectoritems=\"@(new",{"_index":4210,"t":{"600":{"position":[[82649,28],[103227,28],[121824,28]]}}}],["pagesizeselectorvis",{"_index":3890,"t":{"600":{"position":[[2210,23]]}}}],["pagesizeselectorvisible=\"tru",{"_index":4209,"t":{"600":{"position":[[82618,30],[103196,30],[121793,30]]}}}],["pagin",{"_index":194,"t":{"16":{"position":[[244,10],[297,10],[358,10]]},"32":{"position":[[483,10]]},"110":{"position":[[496,11]]},"124":{"position":[[1794,10]]},"218":{"position":[[1847,10]]},"340":{"position":[[2215,10]]},"348":{"position":[[420,10]]},"360":{"position":[[21,12],[228,10]]},"364":{"position":[[1612,10]]},"412":{"position":[[224,10]]},"526":{"position":[[1245,10]]},"528":{"position":[[11,10],[42,10],[74,10],[311,10],[1128,10],[1306,11],[1366,11],[1463,10],[1569,11],[1599,11],[1630,11],[1661,11],[1692,11],[1759,11],[2034,11],[2086,11],[2138,11],[2237,11],[2334,11],[2413,11],[2464,11],[2569,11],[2620,11],[2700,11],[2809,11],[3225,10]]},"530":{"position":[[21348,10]]},"600":{"position":[[2375,10],[46312,10],[46358,10],[102816,10],[125168,10]]}}}],["pagina",{"_index":4229,"t":{"600":{"position":[[103364,7]]}}}],["pagination1",{"_index":770,"t":{"126":{"position":[[1527,11]]}}}],["paginationalign",{"_index":4109,"t":{"600":{"position":[[46383,19],[46438,19]]}}}],["paginationalignment=\"alignment.end",{"_index":4110,"t":{"600":{"position":[[46713,35]]}}}],["paginationitemstextformat",{"_index":3891,"t":{"600":{"position":[[2299,25]]}}}],["paginationitemstextformat=\"{0",{"_index":4225,"t":{"600":{"position":[[103276,30]]}}}],["paginations",{"_index":1843,"t":{"528":{"position":[[1096,14]]}}}],["paging1",{"_index":685,"t":{"126":{"position":[[261,7]]}}}],["palett",{"_index":2592,"t":{"548":{"position":[[5545,7],[5617,8],[5678,7],[5738,8],[5753,8]]},"550":{"position":[[3580,7],[3652,8],[3713,7],[3773,8],[3788,8]]},"552":{"position":[[2948,7],[3020,8],[3081,7],[3141,8],[3156,8]]},"558":{"position":[[2666,7],[2738,8],[2799,7],[2859,8],[2874,8]]}}}],["pane",{"_index":2348,"t":{"544":{"position":[[619,5],[695,5],[790,5],[885,5],[2845,4]]}}}],["panel",{"_index":1551,"t":{"520":{"position":[[2061,5],[4228,5]]}}}],["papa",{"_index":4049,"t":{"600":{"position":[[26465,7],[44494,7]]}}}],["paragraph",{"_index":904,"t":{"504":{"position":[[1659,10]]}}}],["paramet",{"_index":163,"t":{"12":{"position":[[139,10],[209,9]]},"14":{"position":[[117,9],[526,10]]},"36":{"position":[[508,9]]},"58":{"position":[[381,11]]},"62":{"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]]},"88":{"position":[[352,9]]},"92":{"position":[[189,9],[222,9]]},"120":{"position":[[287,9]]},"124":{"position":[[1954,10]]},"134":{"position":[[182,10]]},"218":{"position":[[2007,10]]},"220":{"position":[[340,9]]},"402":{"position":[[161,9]]},"406":{"position":[[183,10]]},"504":{"position":[[183,11],[3976,10]]},"506":{"position":[[197,11],[2369,10]]},"508":{"position":[[114,11],[2366,10],[2426,9],[3988,10],[7321,10]]},"510":{"position":[[144,11],[1840,11],[6077,9],[7951,9],[9751,9],[18066,9],[23512,10],[23572,10]]},"514":{"position":[[168,11],[3997,9],[4196,9],[6600,10],[9867,10]]},"516":{"position":[[143,11],[5315,10]]},"518":{"position":[[350,11],[367,11],[687,11],[851,11],[1014,11],[1178,11],[1407,11],[1970,11],[2202,11],[2365,11],[7242,10],[13357,10],[13373,10],[13393,10],[13415,10],[13436,10],[13458,10],[13478,10],[13502,10],[13522,10],[13543,10]]},"520":{"position":[[148,11],[2534,9],[5273,10]]},"522":{"position":[[2270,11],[2722,10],[2919,12],[3673,11]]},"524":{"position":[[174,11],[1662,10],[4070,11],[4417,10],[4572,11],[4584,12],[5061,11],[5402,9],[5651,9],[6106,10],[6363,11],[6375,12],[7095,11],[7143,11],[15050,10]]},"526":{"position":[[201,11],[1274,10]]},"528":{"position":[[165,11],[3189,10]]},"530":{"position":[[175,11],[3500,11],[3873,10],[4032,11],[4044,12],[4532,11],[4857,9],[5106,9],[5623,10],[5884,11],[5896,12],[6634,11],[6682,11],[11646,10],[21359,10]]},"532":{"position":[[396,11],[3730,10]]},"534":{"position":[[193,11],[431,11],[3480,10],[3503,10]]},"536":{"position":[[156,11],[353,9],[1684,10]]},"538":{"position":[[210,11],[479,11],[1949,9],[3192,10],[3561,9],[8218,10],[8241,10]]},"540":{"position":[[590,11],[3294,10],[4636,9],[8074,9],[9972,10],[11648,10],[12171,10]]},"542":{"position":[[130,11],[1907,10]]},"544":{"position":[[117,11],[1328,11],[2769,10],[2818,9],[3687,10],[4718,10],[5756,9],[6604,9],[7204,9],[14779,10],[14828,10]]},"546":{"position":[[380,11],[770,9],[4381,10]]},"548":{"position":[[382,11],[16634,10]]},"550":{"position":[[237,11],[16346,10]]},"552":{"position":[[333,11],[14659,10]]},"554":{"position":[[185,11],[4506,9],[4982,10],[7410,10],[8287,9],[9064,9],[9503,9],[10242,9],[14975,10]]},"556":{"position":[[231,11],[10952,9],[12485,9],[13895,10]]},"558":{"position":[[178,11],[14187,10]]},"560":{"position":[[177,10],[193,11],[3120,10],[4210,9],[4511,9],[4773,9],[5494,9],[5905,9],[6638,9],[11220,10]]},"562":{"position":[[155,11],[1045,9],[1724,9],[2270,10],[2944,10]]},"564":{"position":[[132,11],[2070,9],[2797,9],[3367,10],[4177,9],[5341,10],[5990,10]]},"566":{"position":[[180,11],[306,11],[3077,10],[5452,9],[6225,9],[12887,10]]},"568":{"position":[[184,11],[310,11],[2309,10],[3681,9],[4426,9],[12110,10]]},"592":{"position":[[5255,10]]},"596":{"position":[[244,11],[949,11],[1327,11],[1697,11],[1952,11],[2129,11],[14543,9],[15045,9],[15925,9],[16563,10],[16649,9],[22140,10],[25657,10],[25689,10],[25721,10],[25745,10],[25771,10],[25795,10]]},"598":{"position":[[212,11],[11245,9],[13616,9],[16027,9],[24171,10]]},"600":{"position":[[190,11],[2989,10],[3940,11],[4312,10],[5648,10],[6869,10],[6920,9],[6955,9],[11652,10],[11718,10],[11751,9],[14293,10],[14342,9],[19468,10],[21831,9],[21920,9],[22021,9],[24244,9],[24341,9],[28379,9],[28434,10],[30594,9],[30675,9],[33321,9],[33424,9],[35683,9],[38035,9],[42578,9],[42633,9],[46403,9],[49194,9],[50000,9],[54496,9],[54559,9],[56832,9],[56895,9],[75977,11],[107298,9],[107431,10],[124680,10],[124736,10],[125233,9],[125268,9]]}}}],["parameter'",{"_index":1617,"t":{"522":{"position":[[2329,11],[2369,11]]},"524":{"position":[[4129,11],[4169,11]]},"530":{"position":[[3559,11],[3599,11]]}}}],["parameters.add(\"employeeid",{"_index":1620,"t":{"522":{"position":[[2769,28]]},"524":{"position":[[4464,28],[6153,28]]},"530":{"position":[[3920,28],[5670,28]]}}}],["parameters.add(\"onclickcallback",{"_index":1729,"t":{"524":{"position":[[6188,33]]},"530":{"position":[[5705,33]]}}}],["parametr",{"_index":1591,"t":{"522":{"position":[[542,10]]}}}],["paramt",{"_index":4098,"t":{"600":{"position":[[30918,9]]}}}],["parent",{"_index":1021,"t":{"508":{"position":[[726,6]]},"510":{"position":[[400,6],[6178,6]]},"514":{"position":[[393,7]]},"518":{"position":[[2762,6]]},"520":{"position":[[370,6],[406,7]]},"524":{"position":[[5441,6],[5585,6],[5803,6],[7026,6]]},"530":{"position":[[4896,6],[5040,6],[5258,6],[6554,6]]},"534":{"position":[[2133,6]]},"596":{"position":[[16517,7]]},"598":{"position":[[1383,6],[2627,6]]}}}],["parenthes",{"_index":2899,"t":{"554":{"position":[[5332,11],[5444,11],[15153,11]]}}}],["parentid",{"_index":3810,"t":{"598":{"position":[[1344,8],[2607,8]]}}}],["parentid=\"2",{"_index":3817,"t":{"598":{"position":[[3463,14],[5349,14],[7631,14],[9964,14],[12417,14],[14827,14],[17241,14],[19747,14],[23042,14]]}}}],["parentid=\"4",{"_index":3819,"t":{"598":{"position":[[3666,14],[3782,14],[3898,14],[5583,14],[5699,14],[5815,14],[7865,14],[7981,14],[8097,14],[10198,14],[10314,14],[10430,14],[12651,14],[12767,14],[12883,14],[15061,14],[15177,14],[15293,14],[17475,14],[17591,14],[17707,14],[19981,14],[20097,14],[20213,14],[23245,13],[23375,13],[23505,13]]}}}],["parentid=\"8",{"_index":3821,"t":{"598":{"position":[[4096,14],[4223,14],[4343,14],[4448,14],[6043,14],[6170,14],[6290,14],[6395,14],[8325,14],[8452,14],[8572,14],[8677,14],[10658,14],[10785,14],[10905,14],[11010,14],[13111,14],[13238,14],[13358,14],[13463,14],[15521,14],[15648,14],[15768,14],[15873,14],[17935,14],[18062,14],[18182,14],[18287,14],[20441,14],[20568,14],[20688,14],[20793,14],[23717,14],[23844,14],[23964,14],[24069,14]]}}}],["part",{"_index":1084,"t":{"508":{"position":[[3300,4]]},"600":{"position":[[50240,4]]}}}],["parti",{"_index":641,"t":{"112":{"position":[[369,5]]},"526":{"position":[[166,5]]}}}],["particip",{"_index":1278,"t":{"514":{"position":[[1139,12]]},"518":{"position":[[1902,12]]},"596":{"position":[[1251,12],[1629,12],[2583,12]]}}}],["parts—with",{"_index":1499,"t":{"518":{"position":[[7213,10]]}}}],["pass",{"_index":364,"t":{"58":{"position":[[393,4],[438,4]]},"70":{"position":[[549,4],[594,4]]},"96":{"position":[[652,6]]},"522":{"position":[[2282,4]]},"524":{"position":[[4082,4],[5304,4],[5388,6],[5602,6],[15140,4]]},"530":{"position":[[3512,4],[4775,4],[4843,6],[5057,6],[21457,4]]},"532":{"position":[[2252,7]]},"548":{"position":[[16332,4]]},"550":{"position":[[16047,4]]},"552":{"position":[[11662,4]]},"558":{"position":[[8036,4]]},"600":{"position":[[5976,6]]}}}],["pdf",{"_index":19,"t":{"2":{"position":[[132,3]]},"112":{"position":[[132,3],[259,4],[303,3]]},"130":{"position":[[181,3]]},"132":{"position":[[174,3]]},"138":{"position":[[176,3]]},"208":{"position":[[185,3]]},"282":{"position":[[179,3]]},"286":{"position":[[180,3]]},"330":{"position":[[173,3]]},"334":{"position":[[174,3]]},"362":{"position":[[179,3]]},"372":{"position":[[182,3]]},"376":{"position":[[180,3]]},"382":{"position":[[173,3]]},"452":{"position":[[177,3]]},"526":{"position":[[11,3],[42,3],[64,3],[106,3],[302,3],[423,3]]},"528":{"position":[[3178,3]]},"534":{"position":[[3435,3]]}}}],["pdfviewer",{"_index":37,"t":{"2":{"position":[[329,9]]},"112":{"position":[[1253,9]]},"130":{"position":[[378,9]]},"132":{"position":[[371,9]]},"138":{"position":[[373,9]]},"208":{"position":[[382,9]]},"282":{"position":[[376,9]]},"286":{"position":[[377,9]]},"330":{"position":[[370,9]]},"334":{"position":[[371,9]]},"362":{"position":[[21,11],[376,9]]},"372":{"position":[[379,9]]},"376":{"position":[[377,9]]},"382":{"position":[[370,9]]},"452":{"position":[[374,9]]},"526":{"position":[[571,10]]}}}],["pdfviewer1",{"_index":771,"t":{"126":{"position":[[1539,10]]}}}],["pellentesqu",{"_index":1961,"t":{"530":{"position":[[8022,12],[8466,12],[8776,12],[9960,13],[10433,12],[12263,12],[12707,12],[13017,12],[14201,13],[14674,12],[16404,12],[16848,12],[17158,12],[18342,13],[18815,12]]}}}],["per",{"_index":2308,"t":{"540":{"position":[[11662,3]]},"548":{"position":[[1627,3]]},"550":{"position":[[1744,3]]},"552":{"position":[[1491,3]]},"558":{"position":[[1326,3]]},"600":{"position":[[1990,3],[103360,3]]}}}],["percent",{"_index":2710,"t":{"550":{"position":[[1086,7],[1457,7]]}}}],["percept",{"_index":2144,"t":{"534":{"position":[[2605,10]]}}}],["perform",{"_index":309,"t":{"42":{"position":[[253,11]]},"512":{"position":[[229,11]]},"524":{"position":[[2596,9]]}}}],["persist",{"_index":4116,"t":{"600":{"position":[[50377,7],[50428,10]]}}}],["ph",{"_index":2873,"t":{"554":{"position":[[3607,3]]}}}],["phtooltip",{"_index":2323,"t":{"542":{"position":[[881,43]]}}}],["placement=\"tooltipplacement.left\">tooltip",{"_index":2317,"t":{"542":{"position":[[612,41]]}}}],["placement=\"tooltipplacement.right\">tooltip",{"_index":2321,"t":{"542":{"position":[[777,42]]}}}],["placement=\"tooltipplacement.top\">tooltip",{"_index":2339,"t":{"542":{"position":[[1539,40]]}}}],["placerat",{"_index":1928,"t":{"530":{"position":[[7713,8],[9507,9],[9678,8],[11954,8],[13748,9],[13919,8],[16095,8],[17889,9],[18060,8]]}}}],["placerat.primarysubmitsecondaryset",{"_index":2218,"t":{"538":{"position":[[5095,35]]}}}],["setcolor(progresscolor.dark)\">set",{"_index":2221,"t":{"538":{"position":[[5536,33]]}}}],["setcolor(progresscolor.info)\">set",{"_index":2216,"t":{"538":{"position":[[4805,33]]}}}],["setcolor(progresscolor.primary)\">set",{"_index":2219,"t":{"538":{"position":[[5241,36]]}}}],["setcolor(progresscolor.secondary)\">set",{"_index":2220,"t":{"538":{"position":[[5390,38]]}}}],["setcolor(progresscolor.success)\">set",{"_index":2214,"t":{"538":{"position":[[4661,36]]}}}],["setcolor(progresscolor.warning)\">set",{"_index":2217,"t":{"538":{"position":[[4949,36]]}}}],["seth",{"_index":3065,"t":{"556":{"position":[[3732,7],[5603,7],[8228,7]]}}}],["setlabel",{"_index":2178,"t":{"538":{"position":[[942,8],[1977,13]]}}}],["settings.pagenumb",{"_index":4127,"t":{"600":{"position":[[52384,21]]}}}],["settings.pages",{"_index":4128,"t":{"600":{"position":[[52411,19]]}}}],["settingsjson",{"_index":4133,"t":{"600":{"position":[[52611,12]]}}}],["settingsprovid",{"_index":3895,"t":{"600":{"position":[[2639,16]]}}}],["settingsprovider=\"gridsettingsprovid",{"_index":4122,"t":{"600":{"position":[[50819,40]]}}}],["setup",{"_index":434,"t":{"72":{"position":[[657,5],[675,5],[709,5],[925,5],[973,5]]},"546":{"position":[[811,6],[1383,6],[3824,6]]},"586":{"position":[[46,5],[273,6],[357,6],[436,6]]},"590":{"position":[[41,5],[268,6],[352,6],[431,6]]},"592":{"position":[[4951,6],[5991,5]]}}}],["setwidth",{"_index":2179,"t":{"538":{"position":[[979,8]]}}}],["sever",{"_index":1158,"t":{"510":{"position":[[11627,7]]},"514":{"position":[[1900,7]]},"544":{"position":[[9103,7]]},"566":{"position":[[1750,7]]}}}],["sfh",{"_index":3035,"t":{"556":{"position":[[3447,4],[5318,4],[7943,4]]}}}],["shallow",{"_index":4154,"t":{"600":{"position":[[58941,7],[59678,7]]}}}],["shape",{"_index":2555,"t":{"548":{"position":[[3406,6]]}}}],["share",{"_index":156,"t":{"10":{"position":[[297,5]]}}}],["shared/mainlayout.razor.css",{"_index":3648,"t":{"586":{"position":[[547,27]]},"590":{"position":[[542,27]]}}}],["sharna",{"_index":4003,"t":{"600":{"position":[[13563,9],[18754,9],[48356,9],[54010,9],[62814,9],[66035,9],[69412,9],[81913,9],[84679,9],[106758,9],[124150,9]]}}}],["shop",{"_index":1879,"t":{"530":{"position":[[107,8]]}}}],["short",{"_index":3226,"t":{"564":{"position":[[3516,7]]}}}],["shortcut",{"_index":3017,"t":{"556":{"position":[[2160,9]]}}}],["show",{"_index":177,"t":{"14":{"position":[[297,7],[441,7]]},"74":{"position":[[189,4]]},"104":{"position":[[252,5]]},"508":{"position":[[80,5]]},"510":{"position":[[989,5],[1084,5],[1152,5],[1246,5],[1312,5],[1445,4],[2642,7],[3193,7],[3743,7],[4506,7],[5131,7],[5754,7],[6496,7],[7047,7],[7597,7],[8300,7],[8867,7],[9417,7],[10132,7],[10683,7],[11233,7],[11535,4],[11583,4],[11644,4],[12312,7],[12875,7],[13437,7],[13995,7],[14543,7],[15103,7],[18013,4],[18100,4],[18629,7],[19180,7],[19730,7],[21014,7],[21587,7],[22159,7],[22697,8],[23670,4],[23709,4]]},"514":{"position":[[693,5],[1746,5],[7896,4],[10059,4]]},"516":{"position":[[552,4],[774,4],[998,4],[1216,4],[1432,4],[1704,4],[1946,4],[2190,4],[2428,4],[2664,4]]},"518":{"position":[[11813,4],[13128,4]]},"520":{"position":[[541,5],[776,4],[1218,4],[1593,4]]},"522":{"position":[[313,5],[460,5],[622,5],[1092,5],[2435,4],[2990,4]]},"524":{"position":[[1105,5],[1337,5],[2082,4],[3229,4],[8675,4],[10432,4],[14534,10],[14641,7]]},"530":{"position":[[962,5],[1359,5],[2002,4],[2923,8],[20948,10]]},"532":{"position":[[740,5],[851,5],[1170,6],[2289,9]]},"540":{"position":[[934,4],[9750,5],[10033,5]]},"544":{"position":[[599,4],[675,4],[770,4],[865,4],[1202,5],[1285,4]]},"548":{"position":[[181,4],[4127,4],[14298,4],[14905,4],[15512,4]]},"550":{"position":[[173,4]]},"552":{"position":[[135,5]]},"554":{"position":[[108,4],[2066,4],[15022,4]]},"558":{"position":[[123,5]]},"562":{"position":[[85,4]]},"592":{"position":[[95,4],[750,5]]},"596":{"position":[[3006,5],[3552,4]]},"598":{"position":[[93,4],[8749,4],[8819,4],[11121,4],[11258,4],[15984,4],[24313,4],[24329,4],[24358,4]]},"600":{"position":[[1418,5],[50096,5]]}}}],["show(spinnercolor",{"_index":2081,"t":{"532":{"position":[[682,17],[765,17]]}}}],["show/hid",{"_index":613,"t":{"110":{"position":[[283,9]]},"514":{"position":[[7460,9],[10033,9]]}}}],["showaccordionitembyindexasync",{"_index":1162,"t":{"510":{"position":[[11782,30]]}}}],["showaccordionitembyindexasync(int",{"_index":1127,"t":{"510":{"position":[[948,33]]}}}],["showaccordionitembynameasync",{"_index":1161,"t":{"510":{"position":[[11748,29]]}}}],["showaccordionitembynameasync(str",{"_index":1128,"t":{"510":{"position":[[1029,35]]}}}],["showallaccordionitemsasync",{"_index":1129,"t":{"510":{"position":[[1123,28],[18150,26],[20295,28]]}}}],["showasync",{"_index":1537,"t":{"520":{"position":[[531,9],[1245,10]]},"524":{"position":[[1577,9]]},"530":{"position":[[1349,9]]},"592":{"position":[[5168,14],[5206,9]]},"596":{"position":[[2996,9],[24468,11]]}}}],["showasync(modalopt",{"_index":3649,"t":{"592":{"position":[[255,21]]}}}],["showasync(str",{"_index":1584,"t":{"522":{"position":[[211,16],[341,16]]}}}],["showasync(str",{"_index":1589,"t":{"522":{"position":[[488,19]]},"524":{"position":[[1608,19]]}}}],["showclosebutton",{"_index":1685,"t":{"524":{"position":[[1288,15]]},"530":{"position":[[913,15]]},"540":{"position":[[913,15]]}}}],["showconfirmationasync",{"_index":1610,"t":{"522":{"position":[[1719,23]]}}}],["showconfirmationasync(dialogs",{"_index":1655,"t":{"522":{"position":[[5401,32]]}}}],["showconfirmationasync(dialogsize.extralarg",{"_index":1654,"t":{"522":{"position":[[5260,46]]}}}],["showconfirmationasync(dialogsize.larg",{"_index":1653,"t":{"522":{"position":[[5135,41]]}}}],["showconfirmationasync(dialogsize.smal",{"_index":1652,"t":{"522":{"position":[[5010,41]]}}}],["showcontentasync",{"_index":1554,"t":{"520":{"position":[[2237,18],[3206,18],[4523,18]]}}}],["showcurrencysymbol=\"tru",{"_index":2919,"t":{"554":{"position":[[7917,25],[8487,25],[8746,25],[9223,25],[11591,25],[11988,25],[12434,25]]}}}],["showdialogasync",{"_index":1663,"t":{"522":{"position":[[6094,17],[6586,17],[7210,17],[7851,17]]}}}],["showdtmessag",{"_index":1723,"t":{"524":{"position":[[5471,13],[5630,13],[5827,14],[6273,16]]},"530":{"position":[[4926,13],[5085,13],[5282,14],[5790,16]]}}}],["showdtmessage(mouseeventarg",{"_index":1732,"t":{"524":{"position":[[6403,28]]},"530":{"position":[[5924,28]]}}}],["showemployeecompon",{"_index":1898,"t":{"530":{"position":[[3843,23],[5593,23]]}}}],["showfaqsaccordionitemasync",{"_index":1205,"t":{"510":{"position":[[17188,28]]}}}],["showfaqsasync",{"_index":2393,"t":{"544":{"position":[[10965,15]]}}}],["showfirstaccordionitemasync",{"_index":1130,"t":{"510":{"position":[[1216,29],[11691,28],[16767,29]]}}}],["showfirsttabasync",{"_index":2346,"t":{"544":{"position":[[553,19],[9148,18],[10648,19]]}}}],["showfooterbutton",{"_index":3655,"t":{"592":{"position":[[726,16],[4854,16]]}}}],["showhorizontalbarchartasync",{"_index":2737,"t":{"550":{"position":[[6962,29]]}}}],["showhorizontalbarchartasync()\">horizont",{"_index":2724,"t":{"550":{"position":[[4545,41]]}}}],["showhorizontallinechartasync",{"_index":2605,"t":{"548":{"position":[[6584,32],[8803,30]]}}}],["showlastaccordionitemasync",{"_index":1131,"t":{"510":{"position":[[1283,28],[11720,27],[17293,28]]}}}],["showlasttabasync",{"_index":2349,"t":{"544":{"position":[[631,18],[9167,17],[11041,18]]}}}],["showlin",{"_index":2568,"t":{"548":{"position":[[3755,8]]}}}],["showload",{"_index":1290,"t":{"514":{"position":[[1734,11],[7491,13]]}}}],["showloadingdataasync",{"_index":2095,"t":{"532":{"position":[[1836,22]]}}}],["showmessage(toasttyp",{"_index":2264,"t":{"540":{"position":[[2753,21],[4297,21],[5735,21],[7325,21],[11005,21]]}}}],["showmessage(toasttype.danger)\">dang",{"_index":2260,"t":{"540":{"position":[[2320,37],[3763,37],[5302,37],[6892,37],[10572,37]]}}}],["showmessage(toasttype.dark)\">dark",{"_index":2263,"t":{"540":{"position":[[2627,33],[4171,33],[5609,33],[7199,33],[10879,33]]}}}],["showmessage(toasttype.info)\">info",{"_index":2262,"t":{"540":{"position":[[2529,33],[3972,33],[5511,33],[7101,33],[10781,33]]}}}],["showmessage(toasttype.light)\">light",{"_index":2273,"t":{"540":{"position":[[4071,35]]}}}],["showmessage(toasttype.primary)\">primari",{"_index":2256,"t":{"540":{"position":[[1994,39],[3437,39],[4976,39],[6566,39],[10246,39]]}}}],["showmessage(toasttype.secondary)\">secondari",{"_index":2258,"t":{"540":{"position":[[2103,43],[3546,43],[5085,43],[6675,43],[10355,43]]}}}],["showmessage(toasttype.success)\">success",{"_index":2259,"t":{"540":{"position":[[2214,39],[3657,39],[5196,39],[6786,39],[10466,39]]}}}],["showmessage(toasttype.warning)\">warn",{"_index":2261,"t":{"540":{"position":[[2425,39],[3868,39],[5407,39],[6997,39],[10677,39]]}}}],["showmod",{"_index":3674,"t":{"592":{"position":[[4308,11],[4741,11]]}}}],["showmodal(modals",{"_index":3672,"t":{"592":{"position":[[3892,19]]}}}],["showmodal(modalsize.extralarge)\">show",{"_index":3670,"t":{"592":{"position":[[3740,37]]}}}],["showmodal(modalsize.large)\">show",{"_index":3669,"t":{"592":{"position":[[3635,32]]}}}],["showmodal(modalsize.regular)\">show",{"_index":3666,"t":{"592":{"position":[[3417,34]]}}}],["showmodal(modalsize.small)\">show",{"_index":3668,"t":{"592":{"position":[[3529,32]]}}}],["showmodal(modaltyp",{"_index":3664,"t":{"592":{"position":[[1933,19],[3116,19]]}}}],["showmodal(modaltype.danger)\">show",{"_index":3659,"t":{"592":{"position":[[1373,33],[2556,33]]}}}],["showmodal(modaltype.dark)\">show",{"_index":3663,"t":{"592":{"position":[[1793,31],[2976,31]]}}}],["showmodal(modaltype.info)\">show",{"_index":3661,"t":{"592":{"position":[[1588,31],[2771,31]]}}}],["showmodal(modaltype.light)\">show",{"_index":3662,"t":{"592":{"position":[[1690,32],[2873,32]]}}}],["showmodal(modaltype.primary)\">show",{"_index":3656,"t":{"592":{"position":[[1038,34],[2221,34]]}}}],["showmodal(modaltype.secondary)\">show",{"_index":3657,"t":{"592":{"position":[[1150,36],[2333,36]]}}}],["showmodal(modaltype.success)\">show",{"_index":3658,"t":{"592":{"position":[[1264,34],[2447,34]]}}}],["showmodal(modaltype.warning)\">show",{"_index":3660,"t":{"592":{"position":[[1481,34],[2664,34]]}}}],["shown",{"_index":179,"t":{"14":{"position":[[318,5],[462,5]]},"510":{"position":[[2473,5],[4118,5],[4337,5],[6327,5],[8131,5],[9963,5],[12143,5],[18460,5],[20845,5]]},"518":{"position":[[5188,5]]},"520":{"position":[[666,5],[3094,5]]},"524":{"position":[[2510,6]]},"530":{"position":[[1456,5],[2607,6],[2740,5],[2816,5],[21059,8]]},"532":{"position":[[1012,5],[1252,5],[2371,5]]},"540":{"position":[[11439,5],[11741,5]]},"544":{"position":[[996,5],[1104,5],[1240,6],[1311,6],[9233,5]]},"592":{"position":[[5010,5],[5193,5]]}}}],["showoffcanvasasync",{"_index":1891,"t":{"530":{"position":[[2901,21],[3081,20]]}}}],["showproductsaccordionitemasync",{"_index":1203,"t":{"510":{"position":[[17074,32]]}}}],["showproductstabasync",{"_index":2391,"t":{"544":{"position":[[10877,22]]}}}],["showsaveconfirmationasync",{"_index":1641,"t":{"522":{"position":[[4218,27]]}}}],["showsavingdataasync",{"_index":2098,"t":{"532":{"position":[[2013,21]]}}}],["showsecondaccordionitemasync",{"_index":1199,"t":{"510":{"position":[[16867,30]]}}}],["showsecondtabasync",{"_index":2387,"t":{"544":{"position":[[10722,20]]}}}],["showspinnerasync(spinnercolor",{"_index":2109,"t":{"532":{"position":[[3500,29]]}}}],["showspinnerasync(spinnercolor.danger)\">dang",{"_index":2104,"t":{"532":{"position":[[2855,45]]}}}],["showspinnerasync(spinnercolor.dark)\">dark",{"_index":2108,"t":{"532":{"position":[[3351,41]]}}}],["showspinnerasync(spinnercolor.info)\">info",{"_index":2106,"t":{"532":{"position":[[3108,41]]}}}],["showspinnerasync(spinnercolor.light)\">light",{"_index":2107,"t":{"532":{"position":[[3229,43]]}}}],["showspinnerasync(spinnercolor.primary)\">primari",{"_index":2100,"t":{"532":{"position":[[2463,47]]}}}],["showspinnerasync(spinnercolor.secondary)\">secondari",{"_index":2102,"t":{"532":{"position":[[2594,51]]}}}],["showspinnerasync(spinnercolor.success)\">success",{"_index":2103,"t":{"532":{"position":[[2727,47]]}}}],["showspinnerasync(spinnercolor.warning)\">warn",{"_index":2105,"t":{"532":{"position":[[2982,47]]}}}],["showtab",{"_index":2345,"t":{"544":{"position":[[470,8]]}}}],["showtabbyindexasync",{"_index":517,"t":{"88":{"position":[[455,19]]},"544":{"position":[[9185,20]]}}}],["showtabbyindexasync(int",{"_index":2350,"t":{"544":{"position":[[707,23]]}}}],["showtabbynameasync",{"_index":2375,"t":{"544":{"position":[[9210,19]]}}}],["showtabbynameasync(str",{"_index":2351,"t":{"544":{"position":[[802,25]]}}}],["showthirdaccordionitemasync",{"_index":1201,"t":{"510":{"position":[[16971,29]]}}}],["showthirdtabasync",{"_index":2389,"t":{"544":{"position":[[10800,19]]}}}],["showverticalbarchartasync",{"_index":2739,"t":{"550":{"position":[[7104,27]]}}}],["showverticalbarchartasync()\">vert",{"_index":2726,"t":{"550":{"position":[[4713,37]]}}}],["showverticallinechartasync",{"_index":2606,"t":{"548":{"position":[[6756,30],[8949,28]]}}}],["side",{"_index":227,"t":{"30":{"position":[[228,4],[255,4]]},"32":{"position":[[261,4],[277,5]]},"548":{"position":[[1631,5]]},"550":{"position":[[223,4],[231,5],[1748,5]]},"552":{"position":[[1495,5]]},"556":{"position":[[199,4],[215,4],[2565,4],[3148,4],[4152,4],[5019,4],[6023,4],[7644,4],[13957,4],[13974,4],[14014,4]]},"558":{"position":[[1330,5]]},"562":{"position":[[393,5],[2244,4]]},"596":{"position":[[16505,4]]},"600":{"position":[[146,4],[162,4],[6044,4],[6806,4],[9131,4],[11602,4],[14233,4],[16624,4],[28290,4],[28342,4],[50456,4],[52005,4],[61343,4],[64738,4],[68115,4],[71253,4],[74228,4],[77525,4],[80616,4],[83382,4],[88611,4],[96841,4],[99032,4],[101470,4],[105461,4],[109341,4],[122853,4],[124787,4],[124809,4],[124855,4],[124874,4],[124894,4],[125017,4]]}}}],["sidebar",{"_index":73,"t":{"2":{"position":[[1400,8],[1600,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]]},"116":{"position":[[2716,7],[2752,7],[2806,7]]},"130":{"position":[[609,8],[809,7]]},"138":{"position":[[1444,8],[1644,7]]},"202":{"position":[[2760,7],[2796,7],[2850,7]]},"206":{"position":[[232,8],[432,7]]},"208":{"position":[[1453,8],[1653,7]]},"216":{"position":[[2769,7],[2805,7],[2859,7]]},"228":{"position":[[226,8],[426,7]]},"232":{"position":[[234,8],[434,7]]},"256":{"position":[[225,8],[425,7]]},"266":{"position":[[227,8],[427,7],[601,7],[637,7],[691,7]]},"278":{"position":[[227,8],[427,7]]},"282":{"position":[[1447,8],[1647,7]]},"286":{"position":[[1448,8],[1648,7]]},"304":{"position":[[220,8],[420,7]]},"316":{"position":[[228,8],[428,7]]},"330":{"position":[[1441,8],[1641,7]]},"346":{"position":[[163,7],[199,7],[253,7]]},"350":{"position":[[165,7],[201,7],[255,7]]},"352":{"position":[[778,8],[978,7]]},"354":{"position":[[167,7],[203,7],[257,7]]},"356":{"position":[[226,8],[426,7]]},"378":{"position":[[20,9],[221,8],[421,7],[595,7],[631,7],[685,7]]},"394":{"position":[[221,8],[421,7]]},"446":{"position":[[222,8],[422,7]]},"462":{"position":[[163,7],[199,7],[253,7]]},"530":{"position":[[64,8],[2405,7]]},"536":{"position":[[1662,7]]},"544":{"position":[[14754,7]]},"570":{"position":[[6820,8],[7321,7],[7329,7]]},"572":{"position":[[7199,8],[7557,7],[7565,8]]},"574":{"position":[[7167,8],[7668,7],[7676,7]]},"576":{"position":[[6107,8],[6465,7],[6473,8]]},"578":{"position":[[6066,8],[6567,7],[6575,7]]},"582":{"position":[[6132,8],[6490,7],[6498,8]]},"584":{"position":[[6227,8],[6728,7],[6736,7]]},"586":{"position":[[633,8],[1001,7],[1009,7]]},"590":{"position":[[628,8],[996,7],[1004,7]]},"598":{"position":[[11,7],[39,7],[72,7],[772,7],[814,8],[1587,8],[1716,7],[1724,8],[2454,11],[2513,11],[2711,8],[2840,7],[2848,8],[3828,11],[3887,10],[4566,8],[4695,7],[4703,8],[5745,11],[5804,10],[6466,8],[6571,8],[6602,8],[6977,7],[6985,8],[8027,11],[8086,10],[8738,7],[8808,7],[8862,8],[9310,7],[9318,8],[10360,11],[10419,10],[11296,8],[11763,7],[11771,8],[12813,11],[12872,10],[13711,8],[14173,7],[14181,8],[15223,11],[15282,10],[16082,8],[16587,7],[16595,8],[17637,11],[17696,10],[18408,8],[18446,7],[18548,8],[18997,7],[19062,7],[19070,8],[20143,11],[20202,10],[20954,7],[20981,7],[21017,7],[21072,7],[21129,7],[21182,7],[21225,7],[21265,7],[21303,7],[21342,7],[21397,7],[21480,7],[21532,7],[21596,7],[21649,7],[21700,7],[21752,7],[21801,7],[21852,7],[21902,7],[21953,7],[22008,7],[22060,7],[22115,7],[22290,8],[22419,7],[22427,8],[23435,11],[23494,10],[24287,7],[24302,7],[24393,7]]}}}],["sidebar.togglesidebar",{"_index":3833,"t":{"598":{"position":[[11079,24],[13532,24],[15942,24],[18356,24]]}}}],["sidebar2",{"_index":779,"t":{"126":{"position":[[1627,8]]}}}],["sidebardataprovider(sidebardataproviderrequest",{"_index":3555,"t":{"570":{"position":[[7445,46]]},"572":{"position":[[7651,46]]},"574":{"position":[[7792,46]]},"576":{"position":[[6559,46]]},"578":{"position":[[6691,46]]},"582":{"position":[[6584,46]]},"584":{"position":[[6852,46]]},"586":{"position":[[1125,46]]},"590":{"position":[[1120,46]]},"598":{"position":[[1810,46],[2934,46],[4789,46],[7071,46],[9404,46],[11857,46],[14267,46],[16681,46],[19187,46],[22513,46]]}}}],["sidebardataproviderresult",{"_index":3803,"t":{"598":{"position":[[503,28]]}}}],["sidebaritem",{"_index":547,"t":{"96":{"position":[[605,11]]}}}],["sidemod",{"_index":325,"t":{"46":{"position":[[639,9]]},"122":{"position":[[1221,9]]},"140":{"position":[[1274,9]]},"146":{"position":[[691,9]]},"150":{"position":[[683,9]]},"172":{"position":[[281,9]]},"176":{"position":[[684,9]]},"182":{"position":[[684,9]]},"184":{"position":[[29,10],[281,9]]},"198":{"position":[[1265,9]]},"214":{"position":[[1274,9]]},"440":{"position":[[271,9]]}}}],["sidemodal1",{"_index":692,"t":{"126":{"position":[[477,10]]}}}],["sign",{"_index":2902,"t":{"554":{"position":[[5373,5],[5485,5],[15194,4]]}}}],["signific",{"_index":235,"t":{"32":{"position":[[112,11]]},"124":{"position":[[318,11]]},"218":{"position":[[371,11]]},"340":{"position":[[1943,11]]},"422":{"position":[[156,11]]}}}],["similar",{"_index":1889,"t":{"530":{"position":[[2536,7],[2695,7]]},"552":{"position":[[196,7]]}}}],["similarli",{"_index":929,"t":{"504":{"position":[[2137,10]]}}}],["simmon",{"_index":4060,"t":{"600":{"position":[[27664,10],[45693,10]]}}}],["simpl",{"_index":882,"t":{"504":{"position":[[933,6],[1018,6],[1103,6],[1185,6],[1267,6],[1347,6],[1425,6],[1503,6],[2437,6],[2582,6],[2727,6]]},"522":{"position":[[4462,7],[5548,7],[7352,7]]},"540":{"position":[[3220,6],[4515,6]]}}}],["simultan",{"_index":1218,"t":{"510":{"position":[[18125,14]]}}}],["singl",{"_index":470,"t":{"80":{"position":[[206,6]]},"84":{"position":[[237,6]]},"100":{"position":[[240,6]]},"518":{"position":[[10613,7]]},"540":{"position":[[1772,6]]},"596":{"position":[[3740,6],[25848,6]]},"600":{"position":[[69982,7]]}}}],["sink",{"_index":1479,"t":{"518":{"position":[[5086,5],[13638,4]]}}}],["sit",{"_index":1915,"t":{"530":{"position":[[7593,3],[7672,3],[7910,3],[8684,3],[8846,3],[10234,3],[10298,3],[10451,3],[11834,3],[11913,3],[12151,3],[12925,3],[13087,3],[14475,3],[14539,3],[14692,3],[15975,3],[16054,3],[16292,3],[17066,3],[17228,3],[18616,3],[18680,3],[18833,3]]}}}],["site",{"_index":293,"t":{"40":{"position":[[511,4]]},"46":{"position":[[248,4]]},"48":{"position":[[226,4]]},"50":{"position":[[396,4]]},"52":{"position":[[247,4]]},"54":{"position":[[337,4]]},"56":{"position":[[213,4]]},"58":{"position":[[489,4]]},"524":{"position":[[103,4]]},"592":{"position":[[122,4]]}}}],["sixth",{"_index":1180,"t":{"510":{"position":[[14894,5]]}}}],["size",{"_index":308,"t":{"42":{"position":[[234,5]]},"80":{"position":[[317,4],[327,4]]},"96":{"position":[[310,4]]},"100":{"position":[[283,6],[534,6]]},"106":{"position":[[302,6]]},"108":{"position":[[390,4]]},"508":{"position":[[704,4],[764,6]]},"514":{"position":[[148,6],[1017,4],[1022,4],[1039,4],[3434,6],[3532,6],[3900,4],[9931,5]]},"518":{"position":[[2123,4],[2165,5],[2518,4],[2560,5],[6290,7],[13661,6]]},"522":{"position":[[1293,4],[1327,4],[4660,6],[4702,6],[4715,5],[4839,4],[4877,4],[4921,4],[5434,5],[5483,4],[5490,4],[8376,5]]},"524":{"position":[[1230,4],[1245,4],[11322,6],[11356,6],[11369,5],[15287,5]]},"528":{"position":[[1091,4],[1139,5],[2205,7],[2327,6],[3282,6]]},"530":{"position":[[1003,4],[1022,4],[11595,6],[11610,4],[11641,4],[21527,5]]},"534":{"position":[[644,4],[694,5],[2058,7],[2070,4],[2169,4],[3548,6]]},"546":{"position":[[673,4],[709,5],[1025,6],[1257,4],[2799,4],[4407,5]]},"548":{"position":[[2912,4]]},"556":{"position":[[800,4]]},"592":{"position":[[789,4],[827,5],[3359,5],[4024,4],[5924,4]]},"596":{"position":[[791,4],[796,4],[818,4],[8909,7],[18378,6],[25881,6]]},"600":{"position":[[2081,4],[2183,4],[2270,4],[6710,4],[11796,4],[50176,5],[79397,5],[80091,4],[80207,4],[80324,4],[82406,5],[82426,5],[82453,4],[125453,4],[125463,4]]}}}],["size.non",{"_index":3688,"t":{"596":{"position":[[840,9]]}}}],["size=\"iconsize.x1",{"_index":2469,"t":{"546":{"position":[[1480,18]]}}}],["size=\"iconsize.x2",{"_index":2460,"t":{"546":{"position":[[1060,18],[1552,18],[1901,18],[1994,18],[2075,18],[2149,18],[2241,18],[2326,18],[2414,18],[2488,18],[2564,18],[2646,18],[2728,18]]}}}],["size=\"iconsize.x3",{"_index":2461,"t":{"546":{"position":[[1110,18],[1624,18]]}}}],["size=\"iconsize.x4",{"_index":2462,"t":{"546":{"position":[[1160,18],[1696,18]]}}}],["size=\"iconsize.x5",{"_index":2463,"t":{"546":{"position":[[1210,18],[1768,18]]}}}],["size=\"iconsize.x6",{"_index":2470,"t":{"546":{"position":[[1840,18]]}}}],["size=\"modalsize.extralarg",{"_index":1763,"t":{"524":{"position":[[11508,28]]}}}],["size=\"modalsize.larg",{"_index":1767,"t":{"524":{"position":[[11621,23]]}}}],["size=\"modalsize.smal",{"_index":1770,"t":{"524":{"position":[[11729,23]]}}}],["size=\"offcanvassize.larg",{"_index":2062,"t":{"530":{"position":[[15911,27]]}}}],["size=\"offcanvassize.smal",{"_index":2061,"t":{"530":{"position":[[11770,27]]}}}],["size=\"paginationsize.larg",{"_index":1867,"t":{"528":{"position":[[2284,27],[2512,27]]}}}],["size=\"paginationsize.smal",{"_index":1866,"t":{"528":{"position":[[2253,27],[2382,27]]}}}],["size=\"placeholdersize.extrasmal",{"_index":2141,"t":{"534":{"position":[[2440,33],[2956,33],[3335,33]]}}}],["size=\"placeholdersize.larg",{"_index":2139,"t":{"534":{"position":[[2288,28],[2804,28],[3183,28]]}}}],["size=\"placeholdersize.smal",{"_index":2140,"t":{"534":{"position":[[2364,28],[2880,28],[3259,28]]}}}],["size=\"size.larg",{"_index":1314,"t":{"514":{"position":[[3478,17],[3579,18],[3659,18],[4270,17],[4366,17],[4492,17],[4611,17]]},"596":{"position":[[8959,18],[9095,17],[9356,17]]}}}],["size=\"size.smal",{"_index":1315,"t":{"514":{"position":[[3499,17],[3746,18],[3826,18]]},"538":{"position":[[2375,17],[2510,17],[2645,17],[4627,17],[4771,17],[4915,17],[5061,17],[5207,17],[5356,17],[5502,17]]},"548":{"position":[[6100,17],[6246,17],[6395,17],[6538,17],[6710,17]]},"550":{"position":[[4063,17],[4209,17],[4358,17],[4499,17],[4667,17]]},"552":{"position":[[3441,17],[3587,17],[3736,17],[10678,17],[10824,17]]},"558":{"position":[[3149,17],[3295,17],[3444,17],[7092,17],[7238,17],[11047,17],[11179,17],[11315,17],[11453,17]]},"596":{"position":[[9848,18],[10227,17],[15534,17],[15629,17]]},"598":{"position":[[18941,17]]}}}],["slide",{"_index":1704,"t":{"524":{"position":[[3269,5]]}}}],["sm",{"_index":1363,"t":{"514":{"position":[[7327,3]]},"518":{"position":[[6515,2],[6810,2],[10787,2]]},"524":{"position":[[12364,3]]},"556":{"position":[[2619,2],[4446,2],[6077,2],[7046,2],[11039,2],[12577,2]]}}}],["smful",{"_index":1791,"t":{"524":{"position":[[13145,26]]}}}],["smmodal?.showasync()\">smal",{"_index":1773,"t":{"524":{"position":[[12043,27]]}}}],["sobi",{"_index":3036,"t":{"556":{"position":[[3452,7],[5323,7],[7948,7]]}}}],["sodal",{"_index":1934,"t":{"530":{"position":[[7779,7],[8994,7],[9526,7],[12020,7],[13235,7],[13767,7],[16161,7],[17376,7],[17908,7]]}}}],["solid",{"_index":2467,"t":{"546":{"position":[[1455,5],[1527,5],[1599,5],[1671,5],[1743,5],[1815,5],[3963,5],[4097,5]]},"554":{"position":[[11167,5],[11208,5]]},"556":{"position":[[8698,5],[8739,5]]},"560":{"position":[[7546,5],[7587,5]]},"566":{"position":[[7152,5],[7193,5],[9749,5],[9790,5]]},"568":{"position":[[5329,5],[5370,5],[9349,5],[9390,5]]},"596":{"position":[[19004,5],[19045,5]]}}}],["someth",{"_index":1582,"t":{"522":{"position":[[148,10]]},"534":{"position":[[140,9],[2619,9]]}}}],["sometim",{"_index":2705,"t":{"550":{"position":[[155,9]]}}}],["somewherefahrenheitdateonlydateonly?datetimedatetime?holi",{"_index":940,"t":{"504":{"position":[[3007,12],[3218,12]]}}}],["strong>thi",{"_index":1410,"t":{"516":{"position":[[491,12],[714,12],[937,12],[1158,12],[1375,12],[1643,12],[1886,12],[2129,12],[2370,12],[2607,12]]}}}],["strong>timeonlytimeonly?successswap",{"_index":1332,"t":{"514":{"position":[[5315,19]]}}}],["switch",{"_index":58,"t":{"2":{"position":[[825,9],[906,6],[2084,6]]},"48":{"position":[[120,6],[166,6],[203,6],[265,6],[413,6]]},"80":{"position":[[964,6],[1620,6],[1894,6]]},"86":{"position":[[544,6]]},"96":{"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]]},"118":{"position":[[2052,6]]},"122":{"position":[[120,6],[166,6]]},"130":{"position":[[1240,6]]},"138":{"position":[[869,9],[950,6],[2128,6]]},"140":{"position":[[173,6],[219,6]]},"194":{"position":[[2096,6]]},"198":{"position":[[164,6],[210,6]]},"206":{"position":[[863,6]]},"208":{"position":[[878,9],[959,6],[2137,6]]},"212":{"position":[[2105,6]]},"214":{"position":[[173,6],[219,6]]},"236":{"position":[[432,6]]},"240":{"position":[[728,6]]},"250":{"position":[[477,6],[2282,6]]},"260":{"position":[[431,6]]},"262":{"position":[[428,6]]},"268":{"position":[[425,6],[601,6],[647,6]]},"274":{"position":[[714,6]]},"282":{"position":[[872,9],[953,6],[2131,6]]},"286":{"position":[[873,9],[954,6],[2132,6]]},"290":{"position":[[2100,6]]},"292":{"position":[[2099,6]]},"306":{"position":[[485,9],[566,6]]},"320":{"position":[[426,6]]},"324":{"position":[[722,6]]},"330":{"position":[[866,9],[947,6]]},"334":{"position":[[867,9],[948,6],[1412,6]]},"340":{"position":[[418,6]]},"352":{"position":[[485,9],[566,6]]},"358":{"position":[[425,6]]},"364":{"position":[[422,6]]},"366":{"position":[[204,9],[285,6]]},"380":{"position":[[20,8],[202,9],[283,6],[694,6]]},"384":{"position":[[708,6]]},"444":{"position":[[226,6]]},"450":{"position":[[204,9],[285,6]]},"458":{"position":[[164,6],[210,6]]},"480":{"position":[[420,6]]},"544":{"position":[[12383,6]]},"562":{"position":[[6,6],[33,6],[65,6],[370,6],[531,7],[567,7],[659,6],[714,7],[758,6],[784,7],[828,6],[1070,7],[1097,7],[1162,6],[1682,7],[1787,7],[1846,6],[2043,6],[2219,8],[2281,7],[2324,6],[2449,6],[2475,7],[2512,6],[2805,8]]},"564":{"position":[[5983,6]]},"568":{"position":[[12088,6]]},"598":{"position":[[4390,10],[4438,9],[6337,10],[6385,9],[8619,10],[8667,9],[10952,10],[11000,9],[13405,10],[13453,9],[15815,10],[15863,9],[18229,10],[18277,9],[20735,10],[20783,9],[24011,10],[24059,9]]},"600":{"position":[[67591,7],[67660,7]]}}}],["switch1",{"_index":3195,"t":{"562":{"position":[[2050,7]]}}}],["switch1.dis",{"_index":3196,"t":{"562":{"position":[[2123,18]]}}}],["switch1.en",{"_index":3197,"t":{"562":{"position":[[2167,17]]}}}],["switch2",{"_index":780,"t":{"126":{"position":[[1636,7]]}}}],["switchchanged(bool",{"_index":3203,"t":{"562":{"position":[[2719,18]]}}}],["symbol",{"_index":2814,"t":{"554":{"position":[[177,7],[802,6],[2080,7],[4475,7],[4551,7],[15036,7],[15084,6]]}}}],["system",{"_index":2230,"t":{"540":{"position":[[284,7]]},"548":{"position":[[13056,8],[16116,8]]},"550":{"position":[[11573,8],[13835,8],[15899,8]]},"552":{"position":[[10263,8]]}}}],["system.componentmodel.dataannot",{"_index":2938,"t":{"554":{"position":[[11069,37]]},"556":{"position":[[8600,37]]},"560":{"position":[[7448,37]]},"566":{"position":[[7054,37],[9651,37]]},"568":{"position":[[5231,37],[9251,37]]},"596":{"position":[[18906,37]]}}}],["system.drawing.color",{"_index":2599,"t":{"548":{"position":[[5962,20],[10464,20]]},"552":{"position":[[7636,20]]}}}],["system.net.http",{"_index":3530,"t":{"570":{"position":[[6332,15]]},"572":{"position":[[6043,15],[6744,15]]},"574":{"position":[[6679,15]]},"576":{"position":[[5595,15]]},"578":{"position":[[5579,15]]},"582":{"position":[[5625,15]]},"584":{"position":[[5740,15]]}}}],["system.net.http.json",{"_index":3591,"t":{"572":{"position":[[6066,20],[6767,20]]},"576":{"position":[[5618,20]]},"578":{"position":[[5602,20]]},"582":{"position":[[5648,20]]},"584":{"position":[[5763,20]]}}}],["system.text.json",{"_index":4118,"t":{"600":{"position":[[50538,16]]}}}],["t",{"_index":781,"t":{"126":{"position":[[1644,1]]},"522":{"position":[[644,1]]},"524":{"position":[[1696,1]]}}}],["t3c6coii6ulra9tneneoa7rxnatzjcdscmg1mxxsr1gasxev/dwwykc2mpk8m2hn",{"_index":3439,"t":{"570":{"position":[[628,65],[3977,65]]},"572":{"position":[[605,65],[3453,65]]},"574":{"position":[[626,65],[3798,65]]},"576":{"position":[[650,65],[3187,65]]},"578":{"position":[[635,65],[3768,65]]},"580":{"position":[[625,65]]},"582":{"position":[[635,65],[3214,65]]},"584":{"position":[[635,65],[3768,65]]},"588":{"position":[[625,65]]}}}],["tab",{"_index":32,"t":{"2":{"position":[[241,5],[363,4]]},"26":{"position":[[159,4],[213,4]]},"40":{"position":[[402,4],[463,3],[493,4],[605,4],[697,4],[786,4]]},"74":{"position":[[333,4]]},"88":{"position":[[153,4],[440,4],[710,4],[872,4]]},"112":{"position":[[241,5],[791,4],[814,4],[833,4],[914,4],[1287,4]]},"118":{"position":[[679,4],[838,4]]},"122":{"position":[[1561,4]]},"130":{"position":[[290,5],[412,4]]},"132":{"position":[[283,5],[405,4]]},"138":{"position":[[285,5],[407,4]]},"140":{"position":[[1614,4]]},"162":{"position":[[311,4]]},"164":{"position":[[304,4]]},"170":{"position":[[311,4]]},"188":{"position":[[29,5],[303,4]]},"194":{"position":[[723,4],[882,4]]},"198":{"position":[[1605,4]]},"208":{"position":[[294,5],[416,4]]},"212":{"position":[[732,4],[891,4]]},"214":{"position":[[1614,4]]},"252":{"position":[[482,4],[641,4]]},"254":{"position":[[460,4],[619,4]]},"256":{"position":[[1391,4],[1550,4]]},"270":{"position":[[201,4],[360,4]]},"282":{"position":[[288,5],[410,4]]},"284":{"position":[[202,4],[361,4]]},"286":{"position":[[289,5],[411,4]]},"290":{"position":[[727,4],[886,4]]},"292":{"position":[[726,4],[885,4]]},"330":{"position":[[282,5],[404,4]]},"334":{"position":[[283,5],[405,4]]},"336":{"position":[[476,4],[635,4]]},"338":{"position":[[596,4]]},"344":{"position":[[304,4]]},"352":{"position":[[1944,4],[2103,4]]},"356":{"position":[[886,4],[1045,4]]},"362":{"position":[[288,5],[410,4]]},"372":{"position":[[291,5],[413,4]]},"376":{"position":[[289,5],[411,4]]},"382":{"position":[[20,6],[282,5],[404,4],[577,4],[736,4]]},"388":{"position":[[196,4],[355,4]]},"436":{"position":[[298,4]]},"452":{"position":[[286,5],[408,4]]},"490":{"position":[[197,4],[356,4]]},"524":{"position":[[1408,3]]},"530":{"position":[[1103,3]]},"540":{"position":[[12145,4]]},"544":{"position":[[11,4],[36,4],[95,4],[112,4],[305,4],[400,4],[515,4],[591,3],[667,3],[753,3],[849,3],[897,4],[989,3],[1032,3],[1091,3],[1140,3],[1198,3],[1227,3],[1281,3],[1298,3],[1324,3],[1464,4],[1569,4],[1615,3],[1661,3],[1724,3],[1798,3],[1915,3],[1934,3],[1969,5],[1975,6],[1982,4],[2136,3],[2209,6],[2216,4],[2360,3],[2433,6],[2440,4],[2584,3],[2657,6],[2664,7],[2731,5],[2841,3],[2884,5],[2915,4],[3069,3],[3142,6],[3149,4],[3293,3],[3366,6],[3373,4],[3517,3],[3590,6],[3597,7],[3654,3],[3740,5],[3771,4],[3985,3],[4058,6],[4065,5],[4270,3],[4343,6],[4350,5],[4554,3],[4627,6],[4634,7],[4665,4],[4687,4],[4729,5],[4760,4],[4914,3],[4987,6],[4994,4],[5138,3],[5211,6],[5218,4],[5380,3],[5453,6],[5460,4],[5604,3],[5677,6],[5684,7],[5731,4],[5793,5],[5850,4],[6004,3],[6077,6],[6084,4],[6228,3],[6301,6],[6308,4],[6452,3],[6525,6],[6532,7],[6628,4],[6657,5],[6718,4],[6851,6],[6858,4],[6981,6],[6988,4],[7111,6],[7118,7],[7164,4],[7236,5],[7272,4],[7405,6],[7412,4],[7535,6],[7542,4],[7665,6],[7672,4],[7791,6],[7798,7],[7837,5],[7878,4],[8011,6],[8018,4],[8141,6],[8148,4],[8271,6],[8278,4],[8397,6],[8404,7],[8447,5],[8492,4],[8625,6],[8632,4],[8755,6],[8762,4],[8885,6],[8892,4],[9011,6],[9018,7],[9061,5],[9095,4],[9246,5],[9289,4],[9422,6],[9429,4],[9552,6],[9559,4],[9682,6],[9689,4],[9830,6],[9837,4],[9965,6],[9972,4],[10091,6],[10098,7],[10618,4],[10623,5],[11141,4],[11223,4],[11246,3],[11316,4],[11410,3],[11513,3],[11629,3],[11648,5],[11667,4],[11784,6],[11791,4],[11914,6],[11921,4],[12044,6],[12051,4],[12170,6],[12177,7],[12193,4],[12198,4],[12719,4],[12733,6],[12779,4],[13024,4],[13047,6],[13056,7],[13573,5],[13579,5],[13637,4],[13820,4],[13843,6],[13852,7],[14082,4],[14087,4],[14774,4],[14790,4],[14803,4],[14824,3],[14839,3],[14868,4],[14909,3],[14992,4],[15024,3],[15042,4],[15063,4]]},"596":{"position":[[2970,6],[3051,6],[3136,6]]},"598":{"position":[[24166,4]]}}}],["tab'",{"_index":2355,"t":{"544":{"position":[[2089,5],[2313,5],[2537,5],[3022,5],[3246,5],[3470,5],[3938,5],[4223,5],[4507,5],[4867,5],[5091,5],[5333,5],[5557,5],[5957,5],[6181,5],[6405,5]]}}}],["tab.aboutinfo",{"_index":3167,"t":{"560":{"position":[[4175,11],[4476,11]]}}}],["text\">tip",{"_index":2922,"t":{"554":{"position":[[8030,10],[9325,10]]},"560":{"position":[[3710,10],[5727,10]]}}}],["text.curr",{"_index":1874,"t":{"528":{"position":[[2911,13]]}}}],["textalign",{"_index":1433,"t":{"518":{"position":[[587,13],[7228,13]]},"554":{"position":[[1430,13],[8273,13]]},"560":{"position":[[928,13],[4759,13]]},"600":{"position":[[6394,13],[38021,13],[38092,13]]}}}],["textalignment=\"alignment.cent",{"_index":1500,"t":{"518":{"position":[[7558,32]]},"554":{"position":[[8513,32]]},"560":{"position":[[4971,32]]},"600":{"position":[[25704,32],[38401,33],[38874,33],[40644,33],[41132,33],[42907,33],[43757,33],[111276,33],[113805,33],[116466,33],[119161,33]]}}}],["textalignment=\"alignment.end",{"_index":1501,"t":{"518":{"position":[[7890,29]]},"554":{"position":[[8772,29]]},"560":{"position":[[5202,29]]},"600":{"position":[[25493,29],[38724,30],[40967,30],[43592,30]]}}}],["textbox",{"_index":243,"t":{"32":{"position":[[352,7]]},"556":{"position":[[99,7],[2046,7]]},"600":{"position":[[4473,7],[24206,7],[24307,7],[24376,7],[124996,7]]}}}],["textnowrap",{"_index":3936,"t":{"600":{"position":[[6531,10]]}}}],["textnowrap=\"tru",{"_index":4030,"t":{"600":{"position":[[25104,17],[25232,17],[42560,17],[43272,18],[43377,18]]}}}],["that'",{"_index":3760,"t":{"596":{"position":[[18597,6]]}}}],["thead",{"_index":3886,"t":{"600":{"position":[[1876,5],[2864,5]]}}}],["theadcssclass",{"_index":3898,"t":{"600":{"position":[[2820,13]]}}}],["therebi",{"_index":1752,"t":{"524":{"position":[[8801,7],[10558,7]]}}}],["they'll",{"_index":1446,"t":{"518":{"position":[[2717,7]]}}}],["they'r",{"_index":1697,"t":{"524":{"position":[[2864,7]]},"540":{"position":[[310,7]]}}}],["they’ll",{"_index":1489,"t":{"518":{"position":[[6342,7]]}}}],["thing",{"_index":926,"t":{"504":{"position":[[2047,6]]},"532":{"position":[[125,6]]},"540":{"position":[[378,6]]}}}],["third",{"_index":640,"t":{"112":{"position":[[363,5]]},"510":{"position":[[3534,5],[5545,5],[7388,5],[9208,5],[11024,5],[13228,5],[19521,5],[21950,5]]},"518":{"position":[[5029,5],[5727,5]]},"526":{"position":[[160,5]]}}}],["those",{"_index":942,"t":{"504":{"position":[[3071,5],[3282,5]]},"514":{"position":[[5640,5]]}}}],["though",{"_index":1148,"t":{"510":{"position":[[2845,6],[3396,6],[3946,6],[4709,6],[5334,6],[5957,6],[6699,6],[7250,6],[7800,6],[8503,6],[9070,6],[9620,6],[10335,6],[10886,6],[11436,6],[12515,6],[13078,6],[13640,6],[14198,6],[14746,6],[15306,6],[18832,6],[19383,6],[19933,6],[21217,6],[21790,6],[22362,6]]}}}],["three",{"_index":1645,"t":{"522":{"position":[[4687,5]]},"524":{"position":[[11341,5]]}}}],["through",{"_index":360,"t":{"58":{"position":[[280,7]]},"70":{"position":[[436,7]]},"506":{"position":[[1020,7]]},"508":{"position":[[2280,7]]},"516":{"position":[[3175,7],[3663,7],[4152,7],[4638,7],[5123,7]]},"522":{"position":[[2169,7]]},"524":{"position":[[3969,7]]},"530":{"position":[[3399,7]]},"534":{"position":[[1061,7]]}}}],["throw",{"_index":624,"t":{"110":{"position":[[552,6]]},"518":{"position":[[5161,5]]}}}],["thrown",{"_index":1296,"t":{"514":{"position":[[1991,6]]}}}],["thu",{"_index":2353,"t":{"544":{"position":[[1007,4],[1115,4]]}}}],["tick",{"_index":646,"t":{"112":{"position":[[519,4]]},"564":{"position":[[525,4],[5276,4],[5295,4],[6083,4]]}}}],["tickmark",{"_index":3206,"t":{"564":{"position":[[468,9],[840,8],[5331,9],[6016,8]]}}}],["tickmarks=\"list",{"_index":3234,"t":{"564":{"position":[[5476,16]]}}}],["tidy.net6.blazorwebassemblyappnet7.blazorwebassemblyappnet8.blazorwebassemblystandaloneappanoth",{"_index":1467,"t":{"518":{"position":[[3777,14],[5808,14]]}}}],["to=\"#\">card",{"_index":1465,"t":{"518":{"position":[[3739,11],[5770,11]]}}}],["toast",{"_index":50,"t":{"2":{"position":[[538,6],[645,5]]},"8":{"position":[[106,6],[166,6]]},"14":{"position":[[699,6]]},"18":{"position":[[179,6],[325,6],[382,6]]},"44":{"position":[[179,6],[319,6],[346,6],[472,6],[539,6],[582,6]]},"50":{"position":[[120,5],[198,6],[613,6],[891,5]]},"66":{"position":[[119,6],[163,6],[190,5],[334,6],[412,6],[426,6]]},"88":{"position":[[141,7],[368,6],[682,6],[852,6]]},"94":{"position":[[137,5],[244,5],[486,5]]},"110":{"position":[[155,6],[599,5],[615,6],[969,5]]},"116":{"position":[[1210,6],[1295,6],[1309,6]]},"118":{"position":[[357,5],[485,5],[667,7],[818,6]]},"120":{"position":[[512,6]]},"122":{"position":[[708,5],[786,6],[978,5],[1827,6],[1881,6],[1924,6]]},"124":{"position":[[1597,6]]},"128":{"position":[[201,6],[308,5]]},"138":{"position":[[582,6],[689,5]]},"140":{"position":[[761,5],[839,6],[1031,5]]},"146":{"position":[[178,5],[256,6],[448,5]]},"150":{"position":[[170,5],[248,6],[440,5]]},"176":{"position":[[171,5],[249,6],[441,5]]},"178":{"position":[[232,6],[286,6],[329,6]]},"180":{"position":[[236,6],[290,6],[333,6]]},"182":{"position":[[171,5],[249,6],[441,5]]},"192":{"position":[[28,7],[169,6],[254,6],[268,6],[477,6],[531,6],[574,6]]},"194":{"position":[[401,5],[529,5],[711,7],[862,6]]},"196":{"position":[[29,6],[170,5],[248,6],[440,5]]},"198":{"position":[[752,5],[830,6],[1022,5]]},"202":{"position":[[1254,6],[1339,6],[1353,6]]},"208":{"position":[[591,6],[698,5]]},"212":{"position":[[410,5],[538,5],[720,7],[871,6]]},"214":{"position":[[761,5],[839,6],[1031,5],[1880,6],[1934,6],[1977,6]]},"216":{"position":[[1263,6],[1348,6],[1362,6]]},"218":{"position":[[1650,6]]},"220":{"position":[[565,6]]},"226":{"position":[[191,5],[319,5]]},"252":{"position":[[470,7],[621,6]]},"254":{"position":[[448,7],[599,6]]},"256":{"position":[[1379,7],[1530,6]]},"270":{"position":[[189,7],[340,6]]},"280":{"position":[[186,5],[314,5]]},"282":{"position":[[585,6],[692,5]]},"284":{"position":[[190,7],[341,6],[506,6],[591,6],[605,6]]},"286":{"position":[[586,6],[693,5]]},"288":{"position":[[1258,6],[1343,6],[1357,6]]},"290":{"position":[[405,5],[533,5],[715,7],[866,6]]},"292":{"position":[[404,5],[532,5],[714,7],[865,6]]},"294":{"position":[[1257,6],[1342,6],[1356,6]]},"296":{"position":[[192,5],[320,5]]},"300":{"position":[[185,5],[313,5]]},"306":{"position":[[198,6],[305,5]]},"310":{"position":[[266,6]]},"330":{"position":[[579,6],[686,5]]},"334":{"position":[[580,6],[687,5]]},"336":{"position":[[464,7],[615,6]]},"342":{"position":[[257,6]]},"352":{"position":[[198,6],[305,5],[1932,7],[2083,6]]},"356":{"position":[[874,7],[1025,6]]},"370":{"position":[[482,6],[536,6],[579,6]]},"374":{"position":[[229,6],[283,6],[326,6]]},"382":{"position":[[565,7],[716,6]]},"388":{"position":[[20,8],[184,7],[335,6],[500,6],[585,6],[599,6],[808,6],[862,6],[905,6],[1158,6]]},"390":{"position":[[20,7],[197,6],[304,5],[462,5],[590,5]]},"392":{"position":[[187,5],[315,5]]},"400":{"position":[[150,6]]},"408":{"position":[[258,6]]},"434":{"position":[[223,6],[277,6],[320,6]]},"438":{"position":[[164,5],[242,6],[434,5]]},"454":{"position":[[200,6],[307,5]]},"476":{"position":[[163,6],[248,6],[262,6]]},"490":{"position":[[185,7],[336,6]]},"496":{"position":[[181,5],[309,5]]},"522":{"position":[[2418,5]]},"540":{"position":[[11,6],[38,6],[88,6],[150,5],[172,6],[415,6],[433,6],[518,6],[575,7],[583,6],[683,6],[729,5],[807,7],[864,6],[994,5],[1382,5],[1430,5],[1558,6],[1585,6],[1632,7],[1672,6],[1803,9],[1862,7],[3029,5],[3080,6],[3098,5],[3134,6],[3227,6],[3259,5],[3305,7],[4522,5],[4573,6],[4665,6],[4808,6],[4815,7],[6011,5],[6072,6],[6192,5],[6342,6],[6421,7],[7672,5],[7914,6],[7961,6],[8105,6],[8123,7],[9616,5],[9733,6],[9771,6],[9807,5],[9845,5],[10054,5],[10082,7],[11281,5],[11350,6],[11394,6],[11530,7],[11631,6],[12164,6],[12216,5],[12222,5],[12312,6]]},"542":{"position":[[1885,6]]},"544":{"position":[[14767,6]]},"570":{"position":[[7216,7]]},"574":{"position":[[7563,7]]},"578":{"position":[[6462,7]]},"584":{"position":[[6623,7]]}}}],["toast''",{"_index":2246,"t":{"540":{"position":[[1484,8]]}}}],["toast1",{"_index":696,"t":{"126":{"position":[[568,6]]}}}],["toast2",{"_index":785,"t":{"126":{"position":[[1675,6]]}}}],["toastbuttonlink",{"_index":1326,"t":{"514":{"position":[[4826,28]]}}}],["tooltiptitle=\"@tooltip\">reset",{"_index":1331,"t":{"514":{"position":[[5218,29]]}}}],["tooltiptitle=\"@tooltip\">submit",{"_index":1328,"t":{"514":{"position":[[4958,30]]}}}],["tooltiptitle=\"compar",{"_index":2497,"t":{"546":{"position":[[3909,21]]}}}],["tooltiptitle=\"cr",{"_index":2499,"t":{"546":{"position":[[4036,20]]}}}],["tooltiptitle=\"tooltip",{"_index":1380,"t":{"514":{"position":[[8046,21],[8173,21],[8304,21],[8437,21]]}}}],["top",{"_index":1245,"t":{"512":{"position":[[107,3]]},"514":{"position":[[7976,4],[8123,3],[8781,3]]},"518":{"position":[[3916,4],[5339,4]]},"524":{"position":[[3301,3]]},"530":{"position":[[6974,4],[7061,4],[7212,3]]},"540":{"position":[[8032,3]]},"542":{"position":[[426,3]]},"548":{"position":[[1653,4]]},"550":{"position":[[1770,4]]},"552":{"position":[[1517,4]]},"558":{"position":[[1352,4],[11104,3]]},"570":{"position":[[6963,3]]},"572":{"position":[[7342,3]]},"574":{"position":[[7310,3]]},"576":{"position":[[6250,3]]},"578":{"position":[[6209,3]]},"582":{"position":[[6275,3]]},"584":{"position":[[6370,3]]},"586":{"position":[[776,3]]},"590":{"position":[[771,3]]},"596":{"position":[[16482,3]]},"598":{"position":[[6745,3],[9005,3],[11458,3],[13868,3],[16282,3],[18710,3],[21080,3],[21137,3]]}}}],["top\">tooltip",{"_index":2319,"t":{"542":{"position":[[706,12]]}}}],["topactionanoth",{"_index":3701,"t":{"596":{"position":[[3959,30],[4371,30],[4729,30],[5083,30],[5431,30],[5785,30],[6137,30],[6629,30],[7055,30],[7475,30],[7886,30],[8306,30],[8723,30],[9186,30],[9639,30],[10057,30],[10510,30],[11104,30],[11577,30],[12181,30],[12760,30],[13228,30],[13822,30],[14203,30],[15319,30],[16994,30],[17505,30],[17945,30],[24026,30],[25082,30]]}}}],["type=\"buttontype.link\">go",{"_index":1458,"t":{"518":{"position":[[3010,25],[4243,25],[4607,25],[6206,25],[6722,25],[7017,25],[7487,25],[7819,25],[8148,25]]}}}],["type=\"buttontype.link\">menu",{"_index":3773,"t":{"596":{"position":[[22348,27],[22417,27],[22486,27],[22773,27],[22842,27],[22911,27],[23196,27],[23265,27],[23334,27],[23563,27],[23632,27],[23701,27]]}}}],["type=\"buttontype.link\">separ",{"_index":3752,"t":{"596":{"position":[[18149,32]]}}}],["type=\"buttontype.link\">someth",{"_index":3703,"t":{"596":{"position":[[4033,32],[4445,32],[4803,32],[5157,32],[5505,32],[5859,32],[6211,32],[6703,32],[7129,32],[7549,32],[7960,32],[8380,32],[8797,32],[9260,32],[9713,32],[10131,32],[10584,32],[11178,32],[11651,32],[12255,32],[12834,32],[13302,32],[13896,32],[14277,32],[14888,32],[15393,32],[16290,32],[17068,32],[17579,32],[18019,32],[24100,32],[25156,32]]}}}],["type=\"buttontype.reset",{"_index":1330,"t":{"514":{"position":[[5140,23]]}}}],["type=\"buttontype.submit",{"_index":1306,"t":{"514":{"position":[[2633,24],[4879,24]]},"554":{"position":[[12748,24]]},"560":{"position":[[8998,24]]},"566":{"position":[[8155,24],[11240,24]]},"568":{"position":[[7301,24],[10539,24]]},"596":{"position":[[20433,24]]}}}],["type=\"callouttype.dang",{"_index":1414,"t":{"516":{"position":[[687,26],[1839,25],[3303,26]]}}}],["type=\"callouttype.info",{"_index":1416,"t":{"516":{"position":[[1133,24],[2325,23],[4280,24]]}}}],["type=\"callouttype.tip",{"_index":1417,"t":{"516":{"position":[[1351,23],[2563,22],[4766,23]]}}}],["type=\"callouttype.warn",{"_index":1415,"t":{"516":{"position":[[909,27],[2081,26],[3791,27]]}}}],["type=\"d",{"_index":3246,"t":{"566":{"position":[[123,11]]}}}],["type=\"image/png",{"_index":3574,"t":{"572":{"position":[[3862,16]]},"574":{"position":[[4211,16]]},"576":{"position":[[3608,16]]},"582":{"position":[[3561,16]]},"584":{"position":[[4115,16]]}}}],["type=\"numb",{"_index":3163,"t":{"560":{"position":[[121,13]]}}}],["type=\"progresstype.strip",{"_index":2186,"t":{"538":{"position":[[1390,27],[6109,27],[6229,27],[6350,27],[6468,27],[6589,27],[6709,27],[6830,27],[6953,27]]}}}],["type=\"progresstype.stripedandanim",{"_index":2189,"t":{"538":{"position":[[1510,38],[7106,38],[7260,38],[7392,38],[7521,38],[7653,38],[7784,38],[7916,38],[8050,38]]}}}],["type=\"rang",{"_index":3204,"t":{"564":{"position":[[118,13]]}}}],["type=\"submit",{"_index":3110,"t":{"556":{"position":[[9699,13]]}}}],["type=\"text",{"_index":3256,"t":{"566":{"position":[[1427,12]]},"568":{"position":[[1431,12]]}}}],["type=\"tim",{"_index":3365,"t":{"568":{"position":[[127,11]]}}}],["type=\"typeof(app",{"_index":3604,"t":{"574":{"position":[[4348,18]]}}}],["type=\"typeof(headoutlet",{"_index":3496,"t":{"570":{"position":[[4384,25]]},"574":{"position":[[4261,25]]}}}],["typic",{"_index":853,"t":{"504":{"position":[[86,7]]}}}],["typo",{"_index":628,"t":{"110":{"position":[[666,4]]}}}],["typograph",{"_index":2138,"t":{"534":{"position":[[2108,11]]}}}],["ui",{"_index":198,"t":{"18":{"position":[[196,2]]},"100":{"position":[[1147,2]]},"512":{"position":[[161,2]]},"566":{"position":[[1322,2]]},"568":{"position":[[1326,2]]},"570":{"position":[[4496,4]]},"572":{"position":[[8239,4]]},"574":{"position":[[4424,4]]},"576":{"position":[[7147,4]]},"578":{"position":[[4236,4]]},"582":{"position":[[3893,4]]},"584":{"position":[[4437,4]]}}}],["ul",{"_index":1472,"t":{"518":{"position":[[4870,3],[5045,5],[5568,3],[5743,5]]},"600":{"position":[[70815,4],[70883,5],[73790,4],[73858,5],[77141,4],[77209,5]]}}}],["ullamcorp",{"_index":2018,"t":{"530":{"position":[[9064,11],[9093,11],[10882,11],[13305,11],[13334,11],[15123,11],[17446,11],[17475,11],[19264,11]]}}}],["ultric",{"_index":2000,"t":{"530":{"position":[[8528,8],[8723,9],[10329,8],[10380,8],[10728,8],[12769,8],[12964,9],[14570,8],[14621,8],[14969,8],[16910,8],[17105,9],[18711,8],[18762,8],[19110,8]]}}}],["ultrici",{"_index":1931,"t":{"530":{"position":[[7740,9],[8312,9],[8611,9],[10522,9],[11981,9],[12553,9],[12852,9],[14763,9],[16122,9],[16694,9],[16993,9],[18904,9]]}}}],["underlin",{"_index":660,"t":{"112":{"position":[[876,9],[895,9]]},"544":{"position":[[6555,10],[6639,10],[8436,10],[14919,9],[14962,9]]}}}],["unhandl",{"_index":459,"t":{"78":{"position":[[206,9]]},"570":{"position":[[4676,9]]},"572":{"position":[[8247,9]]},"574":{"position":[[4604,9]]},"576":{"position":[[7155,9]]},"578":{"position":[[4244,9]]},"582":{"position":[[3901,9]]},"584":{"position":[[4445,9]]}}}],["uniform",{"_index":1523,"t":{"518":{"position":[[10752,7]]}}}],["unit",{"_index":1025,"t":{"508":{"position":[[778,6]]},"548":{"position":[[4049,4]]},"600":{"position":[[2888,4],[2893,4],[2923,6],[107382,5],[107426,4]]}}}],["unit.px",{"_index":3899,"t":{"600":{"position":[[2898,7]]}}}],["unit=\"unit.px",{"_index":4268,"t":{"600":{"position":[[107606,15],[111059,15],[113551,15],[116212,15],[118907,15]]}}}],["unless",{"_index":1491,"t":{"518":{"position":[[6363,6]]}}}],["unnecessari",{"_index":311,"t":{"42":{"position":[[290,11]]}}}],["unsupport",{"_index":3253,"t":{"566":{"position":[[1370,11]]},"568":{"position":[[1374,11]]}}}],["until",{"_index":1140,"t":{"510":{"position":[[2491,5],[3042,5],[3592,5],[4355,5],[4980,5],[5603,5],[6345,5],[6896,5],[7446,5],[8149,5],[8716,5],[9266,5],[9981,5],[10532,5],[11082,5],[12161,5],[12724,5],[13286,5],[13844,5],[14392,5],[14952,5],[18478,5],[19029,5],[19579,5],[20863,5],[21436,5],[22008,5]]},"570":{"position":[[4606,5]]},"574":{"position":[[4534,5]]}}}],["up",{"_index":1454,"t":{"518":{"position":[[2921,2],[3683,2],[4154,2],[4518,2],[5510,2],[8476,2],[8768,2],[9056,2],[9342,2],[9630,2],[9912,2],[10196,2],[10478,2],[12071,3]]},"548":{"position":[[5471,2]]},"550":{"position":[[3506,2]]},"552":{"position":[[2874,2]]},"556":{"position":[[2290,2]]},"558":{"position":[[2592,2]]},"560":{"position":[[3931,2]]},"596":{"position":[[24742,3]]}}}],["updat",{"_index":27,"t":{"2":{"position":[[198,7],[1808,10],[2101,10],[2344,10],[2606,10],[2859,10]]},"10":{"position":[[122,8]]},"12":{"position":[[108,7],[175,8],[263,6],[276,6]]},"14":{"position":[[240,7],[602,7],[653,8]]},"16":{"position":[[121,8],[210,7]]},"18":{"position":[[120,8],[145,7],[170,8],[243,6],[266,7]]},"20":{"position":[[137,8],[146,8]]},"22":{"position":[[142,8]]},"24":{"position":[[140,8]]},"26":{"position":[[137,8],[146,8]]},"28":{"position":[[142,8]]},"32":{"position":[[160,8]]},"46":{"position":[[408,7]]},"48":{"position":[[231,8],[283,7]]},"52":{"position":[[252,8]]},"54":{"position":[[342,8]]},"56":{"position":[[218,8]]},"58":{"position":[[121,7],[494,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":[[140,10]]},"84":{"position":[[149,10]]},"86":{"position":[[138,10]]},"88":{"position":[[158,10]]},"90":{"position":[[124,10]]},"92":{"position":[[125,10]]},"94":{"position":[[151,10]]},"96":{"position":[[148,10]]},"98":{"position":[[124,10]]},"100":{"position":[[198,10]]},"102":{"position":[[153,10]]},"106":{"position":[[409,7]]},"108":{"position":[[395,7],[505,7]]},"110":{"position":[[402,6],[646,7],[787,6]]},"112":{"position":[[198,7],[718,6],[954,7],[1032,6],[1044,6]]},"116":{"position":[[168,10],[480,10],[893,10],[1967,7],[2408,7]]},"118":{"position":[[124,10],[371,10],[684,10],[1004,10],[1271,10],[1560,10],[1820,10],[2237,10],[2480,10],[2739,10]]},"120":{"position":[[122,8]]},"124":{"position":[[1124,8],[1322,8],[1503,8],[1528,7],[1735,8],[1923,7],[1990,8]]},"128":{"position":[[497,10]]},"130":{"position":[[247,7],[1008,10],[1434,10],[1695,7]]},"132":{"position":[[240,7],[593,10]]},"134":{"position":[[151,7],[218,8]]},"136":{"position":[[186,7]]},"138":{"position":[[242,7],[1852,10],[2145,10],[2388,10],[2650,10],[2903,10]]},"186":{"position":[[191,7]]},"190":{"position":[[183,7]]},"194":{"position":[[168,10],[415,10],[728,10],[1048,10],[1315,10],[1604,10],[1864,10],[2281,10],[2524,10],[2783,10]]},"200":{"position":[[221,10]]},"202":{"position":[[212,10],[524,10],[937,10],[2011,7],[2452,7]]},"204":{"position":[[217,10]]},"206":{"position":[[631,10],[1057,10]]},"208":{"position":[[251,7],[1861,10],[2154,10],[2397,10],[2659,10],[2912,10]]},"210":{"position":[[200,7]]},"212":{"position":[[177,10],[424,10],[737,10],[1057,10],[1324,10],[1613,10],[1873,10],[2290,10],[2533,10],[2792,10]]},"216":{"position":[[221,10],[533,10],[946,10],[2020,7],[2461,7]]},"218":{"position":[[1177,8],[1375,8],[1556,8],[1581,7],[1788,8],[1976,7],[2043,8]]},"220":{"position":[[175,8]]},"222":{"position":[[198,10],[517,10]]},"224":{"position":[[179,10],[433,10],[710,10]]},"226":{"position":[[205,10]]},"230":{"position":[[220,10]]},"234":{"position":[[177,7]]},"236":{"position":[[200,10],[615,10]]},"238":{"position":[[194,10]]},"240":{"position":[[201,10],[496,10],[930,10],[1343,10]]},"242":{"position":[[199,10],[612,10]]},"244":{"position":[[171,7]]},"250":{"position":[[201,10],[494,10],[737,10],[1000,10],[1234,10],[1501,10],[1790,10],[2050,10],[2467,10],[2729,10]]},"252":{"position":[[487,10]]},"254":{"position":[[179,10],[465,10]]},"256":{"position":[[628,10],[890,10],[1142,10],[1396,10],[1722,10],[2135,10],[2454,7]]},"260":{"position":[[199,10]]},"262":{"position":[[196,10],[630,10],[1043,10]]},"264":{"position":[[192,10]]},"268":{"position":[[193,10]]},"270":{"position":[[206,10]]},"272":{"position":[[194,10]]},"274":{"position":[[200,10],[482,10],[916,10]]},"276":{"position":[[200,10]]},"278":{"position":[[620,10]]},"280":{"position":[[200,10]]},"282":{"position":[[245,7],[1855,10],[2148,10],[2391,10],[2653,10],[2906,10]]},"284":{"position":[[207,10]]},"286":{"position":[[246,7],[1856,10],[2149,10],[2392,10],[2654,10],[2907,10]]},"288":{"position":[[216,10],[528,10],[941,10],[2015,7],[2456,7]]},"290":{"position":[[172,10],[419,10],[732,10],[1052,10],[1319,10],[1608,10],[1868,10],[2285,10],[2528,10],[2787,10]]},"292":{"position":[[171,10],[418,10],[731,10],[1051,10],[1318,10],[1607,10],[1867,10],[2284,10],[2527,10],[2786,10]]},"294":{"position":[[215,10],[527,10],[940,10],[2014,7],[2455,7]]},"296":{"position":[[206,10]]},"298":{"position":[[192,10],[511,10]]},"300":{"position":[[199,10]]},"302":{"position":[[173,10],[427,10],[704,10]]},"310":{"position":[[172,8],[197,7]]},"312":{"position":[[214,10]]},"314":{"position":[[171,7]]},"318":{"position":[[173,10]]},"320":{"position":[[194,10],[609,10]]},"322":{"position":[[191,10]]},"324":{"position":[[195,10],[490,10],[924,10],[1337,10]]},"326":{"position":[[165,7]]},"328":{"position":[[193,10],[606,10]]},"330":{"position":[[239,7]]},"334":{"position":[[240,7],[1136,10],[1429,10],[1672,10],[1935,10],[2169,10],[2436,10],[2725,10]]},"336":{"position":[[481,10]]},"338":{"position":[[191,10]]},"340":{"position":[[186,10],[603,10],[865,10],[2156,8]]},"342":{"position":[[163,8],[188,7]]},"348":{"position":[[361,8]]},"352":{"position":[[1181,10],[1443,10],[1695,10],[1949,10],[2275,10],[2688,10],[3007,7]]},"356":{"position":[[605,10],[891,10]]},"358":{"position":[[193,10]]},"360":{"position":[[169,8]]},"362":{"position":[[245,7]]},"364":{"position":[[190,10],[624,10],[1037,10],[1553,8]]},"368":{"position":[[380,8],[578,8]]},"370":{"position":[[185,10]]},"372":{"position":[[248,7]]},"376":{"position":[[246,7]]},"380":{"position":[[462,10]]},"382":{"position":[[239,7],[582,10]]},"384":{"position":[[194,10],[476,10],[910,10]]},"386":{"position":[[194,10]]},"388":{"position":[[201,10],[1064,8],[1089,7]]},"390":{"position":[[476,10]]},"392":{"position":[[201,10]]},"394":{"position":[[614,10]]},"404":{"position":[[166,8]]},"406":{"position":[[152,7],[219,8]]},"408":{"position":[[164,8],[189,7]]},"410":{"position":[[181,8]]},"412":{"position":[[165,8]]},"414":{"position":[[181,8]]},"442":{"position":[[198,10]]},"444":{"position":[[243,10]]},"452":{"position":[[243,7]]},"464":{"position":[[165,7]]},"468":{"position":[[173,7]]},"472":{"position":[[212,10]]},"474":{"position":[[189,10]]},"478":{"position":[[171,10]]},"480":{"position":[[188,10]]},"482":{"position":[[182,10]]},"484":{"position":[[173,10]]},"486":{"position":[[182,10]]},"488":{"position":[[193,10]]},"490":{"position":[[202,10]]},"492":{"position":[[184,10]]},"494":{"position":[[168,10]]},"496":{"position":[[195,10]]},"498":{"position":[[169,10]]},"500":{"position":[[168,10]]},"502":{"position":[[192,10]]},"514":{"position":[[5478,9],[8631,6],[8997,9],[10084,6]]},"518":{"position":[[11140,7],[11467,7],[11889,7],[12435,7],[12783,7],[13226,7]]},"522":{"position":[[6357,8],[7589,8]]},"536":{"position":[[1206,7]]},"540":{"position":[[4740,6],[6274,6],[8087,6]]},"542":{"position":[[1472,6],[1799,9],[2007,6]]},"548":{"position":[[764,6]]},"550":{"position":[[620,6]]},"552":{"position":[[715,6]]},"558":{"position":[[560,6]]},"594":{"position":[[190,10]]},"596":{"position":[[3174,7]]},"600":{"position":[[56844,6],[125280,6]]}}}],["updateasync",{"_index":575,"t":{"102":{"position":[[249,11],[293,11],[333,11],[372,11]]},"548":{"position":[[747,11]]},"550":{"position":[[603,11]]},"552":{"position":[[698,11]]},"558":{"position":[[543,11]]},"596":{"position":[[3162,11]]}}}],["updatepositionasync(\"bottom",{"_index":3158,"t":{"558":{"position":[[12604,30]]}}}],["updatepositionasync(\"left",{"_index":3160,"t":{"558":{"position":[[12683,28]]}}}],["updatepositionasync(\"right",{"_index":3156,"t":{"558":{"position":[[12524,29]]}}}],["updatepositionasync(\"top",{"_index":3154,"t":{"558":{"position":[[12447,27]]}}}],["updatepositionasync(str",{"_index":3161,"t":{"558":{"position":[[12731,26]]}}}],["upgrad",{"_index":148,"t":{"10":{"position":[[153,7]]},"20":{"position":[[195,7]]},"68":{"position":[[662,7]]},"112":{"position":[[962,7]]}}}],["uri",{"_index":2149,"t":{"536":{"position":[[377,3]]}}}],["uri(builder.hostenvironment.baseaddress",{"_index":3628,"t":{"578":{"position":[[5438,40]]},"582":{"position":[[5484,40]]},"584":{"position":[[5599,40]]}}}],["url",{"_index":1816,"t":{"526":{"position":[[266,3],[306,4]]},"598":{"position":[[1315,3]]},"600":{"position":[[50470,4]]}}}],["url("data:image/svg+xml,%3csvg",{"_index":993,"t":{"506":{"position":[[1738,34]]}}}],["url('open",{"_index":3477,"t":{"570":{"position":[[3401,9]]},"574":{"position":[[3214,9]]},"578":{"position":[[3248,9]]},"580":{"position":[[2876,9]]},"584":{"position":[[3248,9]]}}}],["url=\"https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey",{"_index":1818,"t":{"526":{"position":[[595,89]]}}}],["urna",{"_index":2008,"t":{"530":{"position":[[8678,5],[8952,5],[9303,4],[10873,5],[12919,5],[13193,5],[13544,4],[15114,5],[17060,5],[17334,5],[17685,4],[19255,5]]}}}],["us",{"_index":118,"t":{"4":{"position":[[164,4]]},"58":{"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]]},"88":{"position":[[301,5]]},"120":{"position":[[954,4]]},"220":{"position":[[1007,4]]},"396":{"position":[[208,4]]},"504":{"position":[[861,3],[2018,3],[2156,3],[2819,5],[3650,5]]},"506":{"position":[[1625,3]]},"508":{"position":[[744,5],[2003,5],[2404,3],[3292,4],[3961,3]]},"510":{"position":[[2554,3],[3105,3],[3655,3],[4096,3],[4418,3],[5043,3],[5666,3],[6408,3],[6959,3],[7509,3],[8212,3],[8779,3],[9329,3],[10044,3],[10595,3],[11145,3],[11668,3],[11840,3],[12224,3],[12787,3],[13349,3],[13907,3],[14455,3],[15015,3],[18140,5],[18541,3],[19092,3],[19642,3],[20926,3],[21499,3],[22071,3]]},"514":{"position":[[47,3],[3310,3],[3370,4],[4163,5],[5709,5],[6902,3],[7487,3]]},"516":{"position":[[354,3]]},"518":{"position":[[3296,3],[10576,3],[10709,3],[12001,5]]},"520":{"position":[[1210,4],[1241,3]]},"522":{"position":[[61,3],[2195,5],[2413,4],[3962,3]]},"524":{"position":[[43,3],[1501,4],[3995,5],[8759,3],[10516,3]]},"528":{"position":[[53,3],[1321,3]]},"530":{"position":[[3425,5]]},"532":{"position":[[145,5],[1025,6],[2336,5]]},"534":{"position":[[57,3],[1283,4]]},"536":{"position":[[90,5],[416,4],[772,5]]},"538":{"position":[[80,5],[1933,5],[2117,3],[3175,5],[3547,3]]},"540":{"position":[[398,5],[507,3],[8050,3],[9950,5]]},"542":{"position":[[49,3]]},"544":{"position":[[72,5],[3665,3],[5748,3],[6566,3],[9117,3]]},"546":{"position":[[1322,4],[3763,4]]},"548":{"position":[[144,4],[1910,4],[3621,3],[4088,5],[4335,5],[5170,5],[5556,5],[5598,3],[5913,6],[5947,6],[10415,6],[10449,6]]},"550":{"position":[[101,4],[165,4],[3206,5],[3591,5],[3633,3],[11880,5]]},"552":{"position":[[2614,5],[2959,5],[3001,3],[7443,5],[7587,6],[7621,6]]},"554":{"position":[[56,3],[1010,4],[1159,4],[1232,4],[4798,5],[8265,3],[9486,3],[10132,3],[10220,3],[11026,4],[11062,6],[15091,5]]},"556":{"position":[[835,3],[1029,5],[1035,3],[1329,3],[4237,4],[4332,4],[8593,6],[10935,3],[12376,3],[12463,3]]},"558":{"position":[[2337,5],[2677,5],[2719,3]]},"560":{"position":[[4751,3],[5888,3],[6530,3],[6616,3],[7405,4],[7441,6]]},"562":{"position":[[40,3],[1028,3],[1621,3],[1702,3],[2252,5]]},"564":{"position":[[2053,3],[2688,3],[2775,3]]},"566":{"position":[[100,5],[237,5],[5435,3],[6119,3],[6203,3],[6905,3],[6913,3],[7017,4],[7047,6],[9644,6]]},"568":{"position":[[104,5],[241,5],[3664,3],[4320,3],[4404,3],[5082,3],[5090,3],[5194,4],[5224,6],[9244,6]]},"570":{"position":[[295,3],[925,3],[1868,4],[2249,4],[2708,4],[2877,6],[3566,6],[5395,4],[5522,5],[5561,5],[5604,5],[6325,6],[6348,6],[6390,6],[6443,6],[6488,6],[6535,6],[6578,6],[6636,6],[6663,6],[6691,6],[6726,6]]},"572":{"position":[[308,3],[1320,4],[1701,4],[2160,4],[2340,6],[2765,3],[2985,6],[4314,4],[4695,4],[5112,5],[5154,5],[6036,6],[6059,6],[6087,6],[6132,6],[6179,6],[6222,6],[6283,6],[6341,6],[6368,6],[6397,6],[6433,6],[6473,6],[6531,5],[6737,6],[6760,6],[6788,6],[6833,6],[6880,6],[6923,6],[6984,6],[7042,6],[7069,6],[7105,6]]},"574":{"position":[[295,3],[923,3],[1683,4],[2064,4],[2523,4],[2692,6],[3387,6],[5071,4],[5452,4],[5869,5],[5908,5],[5951,5],[6672,6],[6695,6],[6737,6],[6790,6],[6835,6],[6882,6],[6925,6],[6983,6],[7010,6],[7038,6],[7073,6]]},"576":{"position":[[353,3],[1365,4],[1746,4],[2205,4],[2385,6],[4064,4],[4445,4],[4862,5],[5588,6],[5611,6],[5639,6],[5684,6],[5731,6],[5774,6],[5835,6],[5893,6],[5920,6],[5961,6],[6013,6]]},"578":{"position":[[305,3],[932,3],[1702,4],[2083,4],[2558,4],[2727,6],[4914,4],[5041,5],[5084,5],[5143,5],[5176,5],[5572,6],[5595,6],[5623,6],[5668,6],[5715,6],[5758,6],[5816,6],[5872,6],[5899,6],[5932,6],[5972,6]]},"580":{"position":[[313,3],[1342,4],[1723,4],[2182,4],[2355,6]]},"582":{"position":[[305,3],[1356,4],[1737,4],[2212,4],[2381,6],[4319,4],[4700,4],[5117,5],[5160,5],[5219,5],[5618,6],[5641,6],[5669,6],[5714,6],[5761,6],[5804,6],[5862,6],[5918,6],[5945,6],[5988,6],[6038,6]]},"584":{"position":[[305,3],[932,3],[1702,4],[2083,4],[2558,4],[2727,6],[5115,4],[5242,5],[5285,5],[5344,5],[5733,6],[5756,6],[5784,6],[5829,6],[5876,6],[5919,6],[5977,6],[6033,6],[6060,6],[6093,6],[6133,6]]},"588":{"position":[[313,3],[1342,4],[1723,4],[2182,4],[2355,6]]},"592":{"position":[[57,3]]},"596":{"position":[[16719,5],[18316,3],[18824,3],[18899,6],[22100,3]]},"598":{"position":[[47,3],[2586,3],[11144,6],[11227,3],[13593,3],[13654,5],[16010,3]]},"600":{"position":[[41,3],[5267,3],[5756,3],[5882,4],[6156,3],[6467,3],[9222,4],[11524,4],[35655,3],[35813,3],[38013,3],[38155,3],[40295,3],[46507,3],[50369,4],[50531,6],[54686,6],[57022,6],[66564,3]]}}}],["us@amount1@temperature1@amount2@amount3@amount4warningextra",{"_index":1771,"t":{"524":{"position":[[11847,27]]}}}],["xlmodal?.showasync()\">ful",{"_index":1797,"t":{"524":{"position":[[13457,26]]}}}],["xmlns='http://www.w3.org/2000/svg",{"_index":994,"t":{"506":{"position":[[1773,34]]}}}],["xxl",{"_index":1787,"t":{"524":{"position":[[12903,4]]}}}],["xxlful",{"_index":1799,"t":{"524":{"position":[[13561,27]]}}}],["y",{"_index":2508,"t":{"548":{"position":[[236,1],[321,1],[4507,1],[4957,3],[8865,4]]},"550":{"position":[[2544,1],[2993,3],[7022,4],[9312,4],[11245,4],[13507,4],[15571,4]]}}}],["yaxisid",{"_index":2582,"t":{"548":{"position":[[4473,7]]},"550":{"position":[[2510,7]]}}}],["ye",{"_index":1604,"t":{"522":{"position":[[1416,5],[1463,3],[1484,5]]}}}],["yeah",{"_index":910,"t":{"504":{"position":[[1774,5]]}}}],["yesbuttoncolor",{"_index":1602,"t":{"522":{"position":[[1352,14],[4311,14]]}}}],["yesbuttontext",{"_index":1605,"t":{"522":{"position":[[1442,13],[4289,13]]}}}],["you''r",{"_index":1352,"t":{"514":{"position":[[6529,7]]}}}],["youll",{"_index":3755,"t":{"596":{"position":[[18349,5]]}}}],["zaraiah",{"_index":3078,"t":{"556":{"position":[[3836,8],[5707,8],[8332,8]]}}}],["zayn",{"_index":3986,"t":{"600":{"position":[[8712,8],[11057,8],[13688,8],[16205,8],[18879,8],[21376,8],[23778,8],[27644,8],[32855,8],[35220,8],[37585,8],[39875,8],[42133,8],[45673,8],[48481,8],[54135,8],[56597,8],[62939,8],[66160,8],[69537,8],[72420,8],[75395,8],[78692,8],[82038,8],[84804,8],[106883,8],[110509,8],[124275,8]]}}}],["zayne@blazorbootstrap.com",{"_index":4061,"t":{"600":{"position":[[27683,28],[45712,28]]}}}],["zero",{"_index":2830,"t":{"554":{"position":[[1327,5],[4878,5]]}}}],["zip",{"_index":4303,"t":{"600":{"position":[[112162,4],[114732,4],[117393,4],[120169,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.1","u":"/blog/2021/11/23/blazorbootstrap-0.0.1","b":[]},{"i":5,"t":"BlazorBootstrap v0.0.2","u":"/blog/2021/11/27/blazorbootstrap-0.0.2","b":[]},{"i":7,"t":"BlazorBootstrap v0.0.4","u":"/blog/2021/12/12/blazorbootstrap-0.0.4","b":[]},{"i":9,"t":"BlazorBootstrap v0.0.3","u":"/blog/2021/12/08/blazorbootstrap-0.0.3","b":[]},{"i":11,"t":"BlazorBootstrap v0.1.0","u":"/blog/2021/12/20/blazorbootstrap-0.1.0","b":[]},{"i":13,"t":"BlazorBootstrap v0.1.1","u":"/blog/2021/12/21/blazorbootstrap-0.1.1","b":[]},{"i":15,"t":"BlazorBootstrap v0.2.0","u":"/blog/2022/01/15/blazorbootstrap-0.2.0","b":[]},{"i":17,"t":"BlazorBootstrap v0.2.3","u":"/blog/2022/04/30/blazorbootstrap-0.2.3","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.2","u":"/blog/2022/03/15/blazorbootstrap-0.2.2","b":[]},{"i":25,"t":"BlazorBootstrap v0.2.5","u":"/blog/2022/07/28/blazorbootstrap-0.2.5","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":"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 v1.0.1","u":"/blog/2022/11/22/blazorbootstrap-1.0.1","b":[]},{"i":45,"t":"Blazor Bootstrap v1.2.0","u":"/blog/2022/12/12/blazorbootstrap-1.2.0","b":[]},{"i":47,"t":"Blazor Bootstrap v0.6.0","u":"/blog/2022/10/30/blazorbootstrap-0.6.0","b":[]},{"i":49,"t":"Blazor Bootstrap v1.1.0","u":"/blog/2022/11/28/blazorbootstrap-1.1.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.3.1","u":"/blog/2022/12/18/blazorbootstrap-1.3.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.4.1","u":"/blog/2023/01/23/blazorbootstrap-1.4.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.5","u":"/blog/2023/02/23/blazorbootstrap-1.4.5","b":[]},{"i":65,"t":"Blazor Bootstrap v1.5.0","u":"/blog/2023/03/05/blazorbootstrap-1.5.0","b":[]},{"i":67,"t":"Blazor Bootstrap v1.7.0","u":"/blog/2023/04/10/blazorbootstrap-1.7.0","b":[]},{"i":69,"t":"Blazor Bootstrap v1.6.0","u":"/blog/2023/03/12/blazorbootstrap-1.6.0","b":[]},{"i":71,"t":"Blazor Bootstrap v1.7.2","u":"/blog/2023/04/24/blazorbootstrap-1.7.2","b":[]},{"i":73,"t":"Blazor Bootstrap v1.4.4","u":"/blog/2023/02/10/blazorbootstrap-1.4.4","b":[]},{"i":75,"t":"Blazor Bootstrap v1.7.3","u":"/blog/2023/04/29/blazorbootstrap-1.7.3","b":[]},{"i":77,"t":"Blazor Bootstrap v1.8.0","u":"/blog/2023/05/28/blazorbootstrap-1.8.0","b":[]},{"i":79,"t":"Blazor Bootstrap v1.8.1","u":"/blog/2023/05/31/blazorbootstrap-1.8.1","b":[]},{"i":81,"t":"Blazor Bootstrap v1.7.1","u":"/blog/2023/04/19/blazorbootstrap-1.7.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.8.3","u":"/blog/2023/06/16/blazorbootstrap-1.8.3","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.2","u":"/blog/2023/07/01/blazorbootstrap-1.9.2","b":[]},{"i":93,"t":"Blazor Bootstrap v1.9.3","u":"/blog/2023/07/04/blazorbootstrap-1.9.3","b":[]},{"i":95,"t":"Blazor Bootstrap v1.9.4","u":"/blog/2023/07/05/blazorbootstrap-1.9.4","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.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.5","u":"/blog/2024/01/01/blazorbootstrap-1.10.5","b":[]},{"i":109,"t":"Blazor Bootstrap v1.10.4","u":"/blog/2023/11/18/blazorbootstrap-1.10.4","b":[]},{"i":111,"t":"Blazor Bootstrap v1.11.0","u":"/blog/2024/02/04/blazorbootstrap-1.11.0","b":[]},{"i":113,"t":"Blazor Bootstrap v1.11.1","u":"/blog/2024/02/04/blazorbootstrap-1.11.1","b":[]},{"i":115,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/2","b":[]},{"i":117,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/6","b":[]},{"i":119,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/3","b":[]},{"i":121,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/4","b":[]},{"i":123,"t":"2 posts tagged with \"accordion\"","u":"/blog/tags/accordion","b":[]},{"i":125,"t":"Tags","u":"/blog/tags","b":[]},{"i":127,"t":"One post tagged with \"alert\"","u":"/blog/tags/alert","b":[]},{"i":129,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/5","b":[]},{"i":131,"t":"9 posts tagged with \"autocomplete\"","u":"/blog/tags/autocomplete","b":[]},{"i":133,"t":"Archive","u":"/blog/archive","b":[]},{"i":135,"t":"2 posts tagged with \"badge\"","u":"/blog/tags/badge","b":[]},{"i":137,"t":"One post tagged with \"blazor-autocomplete\"","u":"/blog/tags/blazor-autocomplete","b":[]},{"i":139,"t":"One post tagged with \"blazor-bar-chart\"","u":"/blog/tags/blazor-bar-chart","b":[]},{"i":141,"t":"36 posts tagged with \"blazor\"","u":"/blog/tags/blazor","b":[]},{"i":143,"t":"One post tagged with \"blazor-charts\"","u":"/blog/tags/blazor-charts","b":[]},{"i":145,"t":"5 posts tagged with \"blazor-bootstrap\"","u":"/blog/tags/blazor-bootstrap","b":[]},{"i":147,"t":"2 posts tagged with \"blazor-confirm-dialog\"","u":"/blog/tags/blazor-confirm-dialog","b":[]},{"i":149,"t":"One post tagged with \"blazor-currency-input\"","u":"/blog/tags/blazor-currency-input","b":[]},{"i":151,"t":"2 posts tagged with \"blazor-dialog\"","u":"/blog/tags/blazor-dialog","b":[]},{"i":153,"t":"One post tagged with \"blazor-doughnut-chart\"","u":"/blog/tags/blazor-doughnut-chart","b":[]},{"i":155,"t":"3 posts tagged with \"blazor-grid\"","u":"/blog/tags/blazor-grid","b":[]},{"i":157,"t":"One post tagged with \"blazor-grid-filtering\"","u":"/blog/tags/blazor-grid-filtering","b":[]},{"i":159,"t":"One post tagged with \"blazor-grid-paging\"","u":"/blog/tags/blazor-grid-paging","b":[]},{"i":161,"t":"One post tagged with \"blazor-grid-sorting\"","u":"/blog/tags/blazor-grid-sorting","b":[]},{"i":163,"t":"One post tagged with \"blazor-input\"","u":"/blog/tags/blazor-input","b":[]},{"i":165,"t":"One post tagged with \"blazor-line-chart\"","u":"/blog/tags/blazor-line-chart","b":[]},{"i":167,"t":"One post tagged with \"blazor-number\"","u":"/blog/tags/blazor-number","b":[]},{"i":169,"t":"One post tagged with \"blazor-offcanvas\"","u":"/blog/tags/blazor-offcanvas","b":[]},{"i":171,"t":"One post tagged with \"blazor-pie-chart\"","u":"/blog/tags/blazor-pie-chart","b":[]},{"i":173,"t":"One post tagged with \"blazor-number-input\"","u":"/blog/tags/blazor-number-input","b":[]},{"i":175,"t":"One post tagged with \"blazor-input-number\"","u":"/blog/tags/blazor-input-number","b":[]},{"i":177,"t":"2 posts tagged with \"blazor-preload\"","u":"/blog/tags/blazor-preload","b":[]},{"i":179,"t":"One post tagged with \"blazor-progress\"","u":"/blog/tags/blazor-progress","b":[]},{"i":181,"t":"One post tagged with \"blazor-progress-bar\"","u":"/blog/tags/blazor-progress-bar","b":[]},{"i":183,"t":"One post tagged with \"blazor-sidemodal\"","u":"/blog/tags/blazor-sidemodal","b":[]},{"i":185,"t":"One post tagged with \"blazor-starter-templates\"","u":"/blog/tags/blazor-starter-templates","b":[]},{"i":187,"t":"2 posts tagged with \"blazor-spinner\"","u":"/blog/tags/blazor-spinner","b":[]},{"i":189,"t":"One post tagged with \"blazor-tabs\"","u":"/blog/tags/blazor-tabs","b":[]},{"i":191,"t":"One post tagged with \"blazor-templates\"","u":"/blog/tags/blazor-templates","b":[]},{"i":193,"t":"One post tagged with \"blazor-toast\"","u":"/blog/tags/blazor-toast","b":[]},{"i":195,"t":"2 posts tagged with \"blazor-toasts\"","u":"/blog/tags/blazor-toasts","b":[]},{"i":197,"t":"36 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/2","b":[]},{"i":199,"t":"36 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/3","b":[]},{"i":201,"t":"4 posts tagged with \"blazorautocomplete\"","u":"/blog/tags/blazorautocomplete","b":[]},{"i":203,"t":"36 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/4","b":[]},{"i":205,"t":"One post tagged with \"blazoraccordion\"","u":"/blog/tags/blazoraccordion","b":[]},{"i":207,"t":"One post tagged with \"blazorbadge\"","u":"/blog/tags/blazorbadge","b":[]},{"i":209,"t":"56 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap","b":[]},{"i":211,"t":"One post tagged with \"blazorbootstrap-starter-templates\"","u":"/blog/tags/blazorbootstrap-starter-templates","b":[]},{"i":213,"t":"56 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/3","b":[]},{"i":215,"t":"56 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/2","b":[]},{"i":217,"t":"56 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/5","b":[]},{"i":219,"t":"56 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/4","b":[]},{"i":221,"t":"56 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/6","b":[]},{"i":223,"t":"One post tagged with \"blazorbreadcrumb\"","u":"/blog/tags/blazorbreadcrumb","b":[]},{"i":225,"t":"2 posts tagged with \"blazorbutton\"","u":"/blog/tags/blazorbutton","b":[]},{"i":227,"t":"3 posts tagged with \"blazorbuttons\"","u":"/blog/tags/blazorbuttons","b":[]},{"i":229,"t":"One post tagged with \"blazorchart\"","u":"/blog/tags/blazorchart","b":[]},{"i":231,"t":"One post tagged with \"blazorconfirmdialog\"","u":"/blog/tags/blazorconfirmdialog","b":[]},{"i":233,"t":"One post tagged with \"blazorcollapse\"","u":"/blog/tags/blazorcollapse","b":[]},{"i":235,"t":"One post tagged with \"blazorconfirmmodal\"","u":"/blog/tags/blazorconfirmmodal","b":[]},{"i":237,"t":"One post tagged with \"blazordate\"","u":"/blog/tags/blazordate","b":[]},{"i":239,"t":"3 posts tagged with \"blazorcurrencyinput\"","u":"/blog/tags/blazorcurrencyinput","b":[]},{"i":241,"t":"4 posts tagged with \"blazordateinput\"","u":"/blog/tags/blazordateinput","b":[]},{"i":243,"t":"2 posts tagged with \"blazordatepicker\"","u":"/blog/tags/blazordatepicker","b":[]},{"i":245,"t":"One post tagged with \"blazordialog\"","u":"/blog/tags/blazordialog","b":[]},{"i":247,"t":"One post tagged with \"blazordropdown\"","u":"/blog/tags/blazordropdown","b":[]},{"i":249,"t":"13 posts tagged with \"blazorgrid\"","u":"/blog/tags/blazorgrid","b":[]},{"i":251,"t":"13 posts tagged with \"blazorgrid\"","u":"/blog/tags/blazorgrid/page/2","b":[]},{"i":253,"t":"8 posts tagged with \"blazormodal\"","u":"/blog/tags/blazormodal","b":[]},{"i":255,"t":"2 posts tagged with \"blazoricon\"","u":"/blog/tags/blazoricon","b":[]},{"i":257,"t":"One post tagged with \"blazornumber\"","u":"/blog/tags/blazornumber","b":[]},{"i":259,"t":"One post tagged with \"blazornumberinput\"","u":"/blog/tags/blazornumberinput","b":[]},{"i":261,"t":"2 posts tagged with \"blazormodalservice\"","u":"/blog/tags/blazormodalservice","b":[]},{"i":263,"t":"3 posts tagged with \"blazoroffcanvas\"","u":"/blog/tags/blazoroffcanvas","b":[]},{"i":265,"t":"One post tagged with \"blazorprogress\"","u":"/blog/tags/blazorprogress","b":[]},{"i":267,"t":"2 posts tagged with \"blazorswitch\"","u":"/blog/tags/blazorswitch","b":[]},{"i":269,"t":"2 posts tagged with \"blazorsidebar\"","u":"/blog/tags/blazorsidebar","b":[]},{"i":271,"t":"One post tagged with \"blazortabs\"","u":"/blog/tags/blazortabs","b":[]},{"i":273,"t":"3 posts tagged with \"blazortimeinput\"","u":"/blog/tags/blazortimeinput","b":[]},{"i":275,"t":"One post tagged with \"blazortimepicker\"","u":"/blog/tags/blazortimepicker","b":[]},{"i":277,"t":"One post tagged with \"blazortime\"","u":"/blog/tags/blazortime","b":[]},{"i":279,"t":"One post tagged with \"blazortoast\"","u":"/blog/tags/blazortoast","b":[]},{"i":281,"t":"2 posts tagged with \"blazortoasts\"","u":"/blog/tags/blazortoasts","b":[]},{"i":283,"t":"2 posts tagged with \"blazortooltip\"","u":"/blog/tags/blazortooltip","b":[]},{"i":285,"t":"29 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap","b":[]},{"i":287,"t":"29 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/2","b":[]},{"i":289,"t":"29 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/3","b":[]},{"i":291,"t":"29 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/2","b":[]},{"i":293,"t":"29 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5","b":[]},{"i":295,"t":"29 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/3","b":[]},{"i":297,"t":"One post tagged with \"breadcrumb\"","u":"/blog/tags/breadcrumb","b":[]},{"i":299,"t":"One post tagged with \"breadcrumbservice\"","u":"/blog/tags/breadcrumbservice","b":[]},{"i":301,"t":"3 posts tagged with \"buttons\"","u":"/blog/tags/buttons","b":[]},{"i":303,"t":"3 posts tagged with \"button\"","u":"/blog/tags/button","b":[]},{"i":305,"t":"One post tagged with \"callout\"","u":"/blog/tags/callout","b":[]},{"i":307,"t":"One post tagged with \"chart\"","u":"/blog/tags/chart","b":[]},{"i":309,"t":"2 posts tagged with \"charts\"","u":"/blog/tags/charts","b":[]},{"i":311,"t":"One post tagged with \"collapse\"","u":"/blog/tags/collapse","b":[]},{"i":313,"t":"One post tagged with \"confirm dialog\"","u":"/blog/tags/confirm-dialog","b":[]},{"i":315,"t":"One post tagged with \"confirmdialog\"","u":"/blog/tags/confirmdialog","b":[]},{"i":317,"t":"One post tagged with \"confirmmodal\"","u":"/blog/tags/confirmmodal","b":[]},{"i":319,"t":"One post tagged with \"currency\"","u":"/blog/tags/currency","b":[]},{"i":321,"t":"2 posts tagged with \"currencyinput\"","u":"/blog/tags/currencyinput","b":[]},{"i":323,"t":"One post tagged with \"date\"","u":"/blog/tags/date","b":[]},{"i":325,"t":"One post tagged with \"dialog\"","u":"/blog/tags/dialog","b":[]},{"i":327,"t":"2 posts tagged with \"datepicker\"","u":"/blog/tags/datepicker","b":[]},{"i":329,"t":"4 posts tagged with \"dateinput\"","u":"/blog/tags/dateinput","b":[]},{"i":331,"t":"7 posts tagged with \"docs\"","u":"/blog/tags/docs","b":[]},{"i":333,"t":"18 posts tagged with \"grid\"","u":"/blog/tags/grid/page/2","b":[]},{"i":335,"t":"18 posts tagged with \"grid\"","u":"/blog/tags/grid","b":[]},{"i":337,"t":"2 posts tagged with \"icon\"","u":"/blog/tags/icon","b":[]},{"i":339,"t":"One post tagged with \"icons\"","u":"/blog/tags/icons","b":[]},{"i":341,"t":"One post tagged with \"dropdown\"","u":"/blog/tags/dropdown","b":[]},{"i":343,"t":"2 posts tagged with \"input\"","u":"/blog/tags/input","b":[]},{"i":345,"t":"One post tagged with \"input-number\"","u":"/blog/tags/input-number","b":[]},{"i":347,"t":"One post tagged with \"layout\"","u":"/blog/tags/layout","b":[]},{"i":349,"t":"One post tagged with \"leftmenu\"","u":"/blog/tags/leftmenu","b":[]},{"i":351,"t":"12 posts tagged with \"modal\"","u":"/blog/tags/modal","b":[]},{"i":353,"t":"3 posts tagged with \"modalservice\"","u":"/blog/tags/modalservice","b":[]},{"i":355,"t":"One post tagged with \"navigation\"","u":"/blog/tags/navigation","b":[]},{"i":357,"t":"12 posts tagged with \"modal\"","u":"/blog/tags/modal/page/2","b":[]},{"i":359,"t":"One post tagged with \"numberinput\"","u":"/blog/tags/numberinput","b":[]},{"i":361,"t":"5 posts tagged with \"offcanvas\"","u":"/blog/tags/offcanvas","b":[]},{"i":363,"t":"2 posts tagged with \"pdfviewer\"","u":"/blog/tags/pdfviewer","b":[]},{"i":365,"t":"One post tagged with \"preload\"","u":"/blog/tags/preload","b":[]},{"i":367,"t":"3 posts tagged with \"placeholders\"","u":"/blog/tags/placeholders","b":[]},{"i":369,"t":"2 posts tagged with \"progress\"","u":"/blog/tags/progress","b":[]},{"i":371,"t":"One post tagged with \"pagination\"","u":"/blog/tags/pagination","b":[]},{"i":373,"t":"One post tagged with \"progress-bar\"","u":"/blog/tags/progress-bar","b":[]},{"i":375,"t":"One post tagged with \"scriptloader\"","u":"/blog/tags/scriptloader","b":[]},{"i":377,"t":"2 posts tagged with \"tabs\"","u":"/blog/tags/tabs","b":[]},{"i":379,"t":"2 posts tagged with \"sidebar\"","u":"/blog/tags/sidebar","b":[]},{"i":381,"t":"2 posts tagged with \"switch\"","u":"/blog/tags/switch","b":[]},{"i":383,"t":"3 posts tagged with \"timeinput\"","u":"/blog/tags/timeinput","b":[]},{"i":385,"t":"One post tagged with \"timepicker\"","u":"/blog/tags/timepicker","b":[]},{"i":387,"t":"2 posts tagged with \"toast\"","u":"/blog/tags/toast","b":[]},{"i":389,"t":"One post tagged with \"rangeinput\"","u":"/blog/tags/rangeinput","b":[]},{"i":391,"t":"2 posts tagged with \"tooltip\"","u":"/blog/tags/tooltip","b":[]},{"i":393,"t":"4 posts tagged with \"toasts\"","u":"/blog/tags/toasts","b":[]},{"i":395,"t":"One post tagged with \"toastservice\"","u":"/blog/tags/toastservice","b":[]},{"i":397,"t":"One post tagged with \"v0.0.1\"","u":"/blog/tags/v-0-0-1","b":[]},{"i":399,"t":"One post tagged with \"v0.0.2\"","u":"/blog/tags/v-0-0-2","b":[]},{"i":401,"t":"One post tagged with \"v0.0.4\"","u":"/blog/tags/v-0-0-4","b":[]},{"i":403,"t":"One post tagged with \"v0.0.3\"","u":"/blog/tags/v-0-0-3","b":[]},{"i":405,"t":"One post tagged with \"v0.1.0\"","u":"/blog/tags/v-0-1-0","b":[]},{"i":407,"t":"One post tagged with \"v0.1.1\"","u":"/blog/tags/v-0-1-1","b":[]},{"i":409,"t":"One post tagged with \"v0.2.0\"","u":"/blog/tags/v-0-2-0","b":[]},{"i":411,"t":"One post tagged with \"v0.2.2\"","u":"/blog/tags/v-0-2-2","b":[]},{"i":413,"t":"One post tagged with \"v0.2.1\"","u":"/blog/tags/v-0-2-1","b":[]},{"i":415,"t":"One post tagged with \"v0.2.4\"","u":"/blog/tags/v-0-2-4","b":[]},{"i":417,"t":"One post tagged with \"v0.2.5\"","u":"/blog/tags/v-0-2-5","b":[]},{"i":419,"t":"One post tagged with \"v0.2.3\"","u":"/blog/tags/v-0-2-3","b":[]},{"i":421,"t":"One post tagged with \"v0.2.6\"","u":"/blog/tags/v-0-2-6","b":[]},{"i":423,"t":"One post tagged with \"v0.3.0\"","u":"/blog/tags/v-0-3-0","b":[]},{"i":425,"t":"One post tagged with \"v0.4.0\"","u":"/blog/tags/v-0-4-0","b":[]},{"i":427,"t":"One post tagged with \"v0.4.1\"","u":"/blog/tags/v-0-4-1","b":[]},{"i":429,"t":"One post tagged with \"v0.4.2\"","u":"/blog/tags/v-0-4-2","b":[]},{"i":431,"t":"One post tagged with \"v0.5.0\"","u":"/blog/tags/v-0-5-0","b":[]},{"i":433,"t":"One post tagged with \"v0.5.1\"","u":"/blog/tags/v-0-5-1","b":[]},{"i":435,"t":"One post tagged with \"v0.6.0\"","u":"/blog/tags/v-0-6-0","b":[]},{"i":437,"t":"One post tagged with \"v1.0.0\"","u":"/blog/tags/v-1-0-0","b":[]},{"i":439,"t":"One post tagged with \"v1.0.1\"","u":"/blog/tags/v-1-0-1","b":[]},{"i":441,"t":"One post tagged with \"v1.10.0\"","u":"/blog/tags/v-1-10-0","b":[]},{"i":443,"t":"One post tagged with \"v1.1.0\"","u":"/blog/tags/v-1-1-0","b":[]},{"i":445,"t":"One post tagged with \"v1.10.1\"","u":"/blog/tags/v-1-10-1","b":[]},{"i":447,"t":"One post tagged with \"v1.10.2\"","u":"/blog/tags/v-1-10-2","b":[]},{"i":449,"t":"One post tagged with \"v1.10.3\"","u":"/blog/tags/v-1-10-3","b":[]},{"i":451,"t":"One post tagged with \"v1.10.4\"","u":"/blog/tags/v-1-10-4","b":[]},{"i":453,"t":"One post tagged with \"v1.10.5\"","u":"/blog/tags/v-1-10-5","b":[]},{"i":455,"t":"One post tagged with \"v1.11.0\"","u":"/blog/tags/v-1-11-0","b":[]},{"i":457,"t":"One post tagged with \"v1.11.1\"","u":"/blog/tags/v-1-11-1","b":[]},{"i":459,"t":"One post tagged with \"v1.2.0\"","u":"/blog/tags/v-1-2-0","b":[]},{"i":461,"t":"One post tagged with \"v1.3.1\"","u":"/blog/tags/v-1-3-1","b":[]},{"i":463,"t":"One post tagged with \"v1.3.0\"","u":"/blog/tags/v-1-3-0","b":[]},{"i":465,"t":"One post tagged with \"v1.4.1\"","u":"/blog/tags/v-1-4-1","b":[]},{"i":467,"t":"One post tagged with \"v1.4.0\"","u":"/blog/tags/v-1-4-0","b":[]},{"i":469,"t":"One post tagged with \"v1.4.2\"","u":"/blog/tags/v-1-4-2","b":[]},{"i":471,"t":"One post tagged with \"v1.4.5\"","u":"/blog/tags/v-1-4-5","b":[]},{"i":473,"t":"One post tagged with \"v1.5.0\"","u":"/blog/tags/v-1-5-0","b":[]},{"i":475,"t":"One post tagged with \"v1.4.4\"","u":"/blog/tags/v-1-4-4","b":[]},{"i":477,"t":"One post tagged with \"v1.6.0\"","u":"/blog/tags/v-1-6-0","b":[]},{"i":479,"t":"One post tagged with \"v1.7.0\"","u":"/blog/tags/v-1-7-0","b":[]},{"i":481,"t":"One post tagged with \"v1.7.1\"","u":"/blog/tags/v-1-7-1","b":[]},{"i":483,"t":"One post tagged with \"v1.7.3\"","u":"/blog/tags/v-1-7-3","b":[]},{"i":485,"t":"One post tagged with \"v1.7.2\"","u":"/blog/tags/v-1-7-2","b":[]},{"i":487,"t":"One post tagged with \"v1.8.0\"","u":"/blog/tags/v-1-8-0","b":[]},{"i":489,"t":"One post tagged with \"v1.8.2\"","u":"/blog/tags/v-1-8-2","b":[]},{"i":491,"t":"One post tagged with \"v1.8.1\"","u":"/blog/tags/v-1-8-1","b":[]},{"i":493,"t":"One post tagged with \"v1.8.3\"","u":"/blog/tags/v-1-8-3","b":[]},{"i":495,"t":"One post tagged with \"v1.9.1\"","u":"/blog/tags/v-1-9-1","b":[]},{"i":497,"t":"One post tagged with \"v1.9.4\"","u":"/blog/tags/v-1-9-4","b":[]},{"i":499,"t":"One post tagged with \"v1.9.0\"","u":"/blog/tags/v-1-9-0","b":[]},{"i":501,"t":"One post tagged with \"v1.9.3\"","u":"/blog/tags/v-1-9-3","b":[]},{"i":503,"t":"One post tagged with \"v1.9.2\"","u":"/blog/tags/v-1-9-2","b":[]},{"i":505,"t":"One post tagged with \"v1.9.5\"","u":"/blog/tags/v-1-9-5","b":[]},{"i":507,"t":"Blazor Alerts","u":"/components/alerts","b":[]},{"i":509,"t":"Blazor Breadcrumb","u":"/components/breadcrumb","b":[]},{"i":511,"t":"Blazor Badge","u":"/components/badge","b":[]},{"i":513,"t":"Blazor Buttons","u":"/components/buttons","b":[]},{"i":515,"t":"Blazor Accordion","u":"/components/accordion","b":[]},{"i":517,"t":"Blazor Charts","u":"/components/charts","b":[]},{"i":519,"t":"Blazor Card","u":"/components/card","b":[]},{"i":521,"t":"Blazor Collapse","u":"/components/collapse","b":[]},{"i":523,"t":"Blazor Callout","u":"/components/callout","b":[]},{"i":525,"t":"Blazor Confirm Dialog","u":"/components/confirm-dialog","b":[]},{"i":527,"t":"Blazor Modal","u":"/components/modal","b":[]},{"i":529,"t":"Blazor Offcanvas","u":"/components/offcanvas","b":[]},{"i":531,"t":"Blazor PDF Viewer","u":"/components/pdf-viewer","b":[]},{"i":533,"t":"Blazor Pagination","u":"/components/pagination","b":[]},{"i":535,"t":"Blazor Preload","u":"/components/preload","b":[]},{"i":537,"t":"Blazor Placeholders","u":"/components/placeholders","b":[]},{"i":539,"t":"Blazor Script Loader","u":"/components/script-loader","b":[]},{"i":541,"t":"Blazor Progress","u":"/components/progress","b":[]},{"i":543,"t":"Blazor Tooltips","u":"/components/tooltips","b":[]},{"i":545,"t":"Blazor Tabs","u":"/components/tabs","b":[]},{"i":547,"t":"Blazor Toasts","u":"/components/toasts","b":[]},{"i":549,"t":"Blazor Icons","u":"/content/icons","b":[]},{"i":551,"t":"Blazor Doughnut Chart","u":"/data-visualization/doughnut-chart","b":[]},{"i":553,"t":"Blazor Bar Chart","u":"/data-visualization/bar-chart","b":[]},{"i":555,"t":"Blazor Line Chart","u":"/data-visualization/line-chart","b":[]},{"i":557,"t":"Blazor Pie Chart","u":"/data-visualization/pie-chart","b":[]},{"i":559,"t":"Blazor Number Input","u":"/forms/number-input","b":[]},{"i":561,"t":"Blazor Auto Complete","u":"/forms/autocomplete","b":[]},{"i":563,"t":"Blazor Currency Input","u":"/forms/currency-input","b":[]},{"i":565,"t":"Blazor Date Input","u":"/forms/date-input","b":[]},{"i":567,"t":"Blazor Switch","u":"/forms/switch","b":[]},{"i":569,"t":"Blazor Range Input","u":"/forms/range-input","b":[]},{"i":571,"t":"Getting started - Blazor Server (.NET 6)","u":"/getting-started/blazor-server-net-6","b":[]},{"i":573,"t":"Blazor Time Input","u":"/forms/time-input","b":[]},{"i":575,"t":"Getting started - Blazor Server (.NET 7)","u":"/getting-started/blazor-server-net-7","b":[]},{"i":577,"t":"Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location","u":"/getting-started/blazor-webapp-server-global-net-8","b":[]},{"i":579,"t":"Getting started - Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location","u":"/getting-started/blazor-webapp-auto-global-net-8","b":[]},{"i":581,"t":"Getting started - Blazor WebAssembly (.NET 6)","u":"/getting-started/blazor-webassembly-net-6","b":[]},{"i":583,"t":"Getting started - Blazor WebAssembly (.NET 7)","u":"/getting-started/blazor-webassembly-net-7","b":[]},{"i":585,"t":"Getting started - MAUI Blazor Hybrid App (.NET 7)","u":"/getting-started/maui-blazor-net-7","b":[]},{"i":587,"t":"Getting started - MAUI Blazor Hybrid App (.NET 8)","u":"/getting-started/maui-blazor-net-8","b":[]},{"i":589,"t":"Getting started - Blazor WebAssembly (.NET 8)","u":"/getting-started/blazor-webassembly-net-8","b":[]},{"i":591,"t":"Layout Setup - Blazor WebAssembly","u":"/layout/blazor-server","b":[]},{"i":593,"t":"Layout Setup - Blazor WebAssembly","u":"/layout/blazor-webassembly","b":[]},{"i":595,"t":"Blazor Modal Service","u":"/services/modal","b":[]},{"i":597,"t":"One post tagged with \"v1.4.3\"","u":"/blog/tags/v-1-4-3","b":[]},{"i":599,"t":"Blazor Dropdown","u":"/components/dropdown","b":[]},{"i":601,"t":"Blazor Sidebar","u":"/components/sidebar","b":[]},{"i":603,"t":"Blazor Grid","u":"/components/grid","b":[]}],"index":{"version":"2.3.9","fields":["t"],"fieldVectors":[["t/1",[0,3.413,1,3.413,2,0.783,3,1.628,4,3.286]],["t/3",[5,3.075,6,5.961]],["t/5",[5,3.075,7,5.961]],["t/7",[5,3.075,8,5.961]],["t/9",[5,3.075,9,5.961]],["t/11",[5,3.075,10,5.961]],["t/13",[5,3.075,11,5.961]],["t/15",[5,3.075,12,5.961]],["t/17",[5,3.075,13,5.961]],["t/19",[5,3.075,14,5.961]],["t/21",[5,3.075,15,5.961]],["t/23",[5,3.075,16,5.961]],["t/25",[5,3.075,17,5.961]],["t/27",[5,3.075,18,5.961]],["t/29",[5,3.075,19,5.961]],["t/31",[5,3.075,20,5.961]],["t/33",[5,3.075,21,5.961]],["t/35",[5,3.075,22,5.961]],["t/37",[5,3.075,23,5.961]],["t/39",[2,0.967,3,2.009,24,5.261]],["t/41",[2,0.967,3,2.009,25,5.261]],["t/43",[2,0.967,3,2.009,26,5.261]],["t/45",[2,0.967,3,2.009,27,5.261]],["t/47",[2,0.967,3,2.009,28,5.261]],["t/49",[2,0.967,3,2.009,29,5.261]],["t/51",[2,0.967,3,2.009,30,5.261]],["t/53",[2,0.967,3,2.009,31,5.261]],["t/55",[2,0.967,3,2.009,32,5.261]],["t/57",[2,0.967,3,2.009,33,5.261]],["t/59",[2,0.967,3,2.009,34,5.261]],["t/61",[2,0.967,3,2.009,35,5.261]],["t/63",[2,0.967,3,2.009,36,5.261]],["t/65",[2,0.967,3,2.009,37,5.261]],["t/67",[2,0.967,3,2.009,38,5.261]],["t/69",[2,0.967,3,2.009,39,5.261]],["t/71",[2,0.967,3,2.009,40,5.261]],["t/73",[2,0.967,3,2.009,41,5.261]],["t/75",[2,0.967,3,2.009,42,5.261]],["t/77",[2,0.967,3,2.009,43,5.261]],["t/79",[2,0.967,3,2.009,44,5.261]],["t/81",[2,0.967,3,2.009,45,5.261]],["t/83",[2,0.967,3,2.009,46,5.261]],["t/85",[2,0.967,3,2.009,47,5.261]],["t/87",[2,0.967,3,2.009,48,5.261]],["t/89",[2,0.967,3,2.009,49,5.261]],["t/91",[2,0.967,3,2.009,50,5.261]],["t/93",[2,0.967,3,2.009,51,5.261]],["t/95",[2,0.967,3,2.009,52,5.261]],["t/97",[2,0.967,3,2.009,53,5.261]],["t/99",[2,0.967,3,2.009,54,5.261]],["t/101",[2,0.967,3,2.009,55,5.261]],["t/103",[2,0.967,3,2.009,56,5.261]],["t/105",[2,0.967,3,2.009,57,5.261]],["t/107",[2,0.967,3,2.009,58,5.261]],["t/109",[2,0.967,3,2.009,59,5.261]],["t/111",[2,0.967,3,2.009,60,5.261]],["t/113",[2,0.967,3,2.009,61,5.261]],["t/115",[0,3.413,1,3.413,2,0.783,3,1.628,4,3.286]],["t/117",[0,3.413,1,3.413,2,0.783,3,1.628,4,3.286]],["t/119",[0,3.413,1,3.413,2,0.783,3,1.628,4,3.286]],["t/121",[0,3.413,1,3.413,2,0.783,3,1.628,4,3.286]],["t/123",[62,2.355,63,0.456,64,0.45,65,4.709]],["t/125",[64,0.657]],["t/127",[63,0.456,64,0.45,66,0.889,67,4.709]],["t/129",[0,3.413,1,3.413,2,0.783,3,1.628,4,3.286]],["t/131",[63,0.456,64,0.45,68,5.21,69,4.709]],["t/133",[70,7.606]],["t/135",[62,2.355,63,0.456,64,0.45,71,4.709]],["t/137",[2,0.783,63,0.412,64,0.408,66,0.804,69,4.262]],["t/139",[2,0.715,63,0.376,64,0.372,66,0.735,72,3.415,73,2.586]],["t/141",[2,0.865,63,0.456,64,0.45,74,4.132]],["t/143",[2,0.783,63,0.412,64,0.408,66,0.804,73,2.832]],["t/145",[2,0.783,3,1.628,63,0.412,64,0.408,75,4.262]],["t/147",[2,0.715,62,1.947,63,0.376,64,0.372,76,3.619,77,3.252]],["t/149",[2,0.715,63,0.376,64,0.372,66,0.735,78,3.619,79,2.654]],["t/151",[2,0.783,62,2.132,63,0.412,64,0.408,77,3.561]],["t/153",[2,0.715,63,0.376,64,0.372,66,0.735,73,2.586,80,3.892]],["t/155",[2,0.783,63,0.412,64,0.408,81,2.987,82,3.286]],["t/157",[2,0.715,63,0.376,64,0.372,66,0.735,82,3.001,83,4.306]],["t/159",[2,0.715,63,0.376,64,0.372,66,0.735,82,3.001,84,4.306]],["t/161",[2,0.715,63,0.376,64,0.372,66,0.735,82,3.001,85,4.306]],["t/163",[2,0.783,63,0.412,64,0.408,66,0.804,79,2.906]],["t/165",[2,0.715,63,0.376,64,0.372,66,0.735,73,2.586,86,3.892]],["t/167",[2,0.783,63,0.412,64,0.408,66,0.804,87,3.561]],["t/169",[2,0.783,63,0.412,64,0.408,66,0.804,88,3.963]],["t/171",[2,0.715,63,0.376,64,0.372,66,0.735,73,2.586,89,3.892]],["t/173",[2,0.715,63,0.376,64,0.372,66,0.735,79,2.654,87,3.252]],["t/175",[2,0.715,63,0.376,64,0.372,66,0.735,79,2.654,87,3.252]],["t/177",[2,0.783,62,2.132,63,0.412,64,0.408,90,3.963]],["t/179",[2,0.783,63,0.412,64,0.408,66,0.804,91,3.561]],["t/181",[2,0.715,63,0.376,64,0.372,66,0.735,72,3.415,91,3.252]],["t/183",[2,0.783,63,0.412,64,0.408,66,0.804,92,4.715]],["t/185",[2,0.715,63,0.376,64,0.372,66,0.735,93,3.892,94,3.619]],["t/187",[2,0.783,62,2.132,63,0.412,64,0.408,95,4.715]],["t/189",[2,0.783,63,0.412,64,0.408,66,0.804,96,3.963]],["t/191",[2,0.783,63,0.412,64,0.408,66,0.804,94,3.963]],["t/193",[2,0.783,63,0.412,64,0.408,66,0.804,97,3.561]],["t/195",[2,0.783,62,2.132,63,0.412,64,0.408,97,3.561]],["t/197",[2,0.865,63,0.456,64,0.45,74,4.132]],["t/199",[2,0.865,63,0.456,64,0.45,74,4.132]],["t/201",[63,0.456,64,0.45,98,4.132,99,5.21]],["t/203",[2,0.865,63,0.456,64,0.45,74,4.132]],["t/205",[63,0.456,64,0.45,66,0.889,100,5.21]],["t/207",[63,0.456,64,0.45,66,0.889,101,5.21]],["t/209",[5,2.429,63,0.456,64,0.45,102,3.771]],["t/211",[5,2.008,63,0.376,64,0.372,66,0.735,93,3.892,94,3.619]],["t/213",[5,2.429,63,0.456,64,0.45,102,3.771]],["t/215",[5,2.429,63,0.456,64,0.45,102,3.771]],["t/217",[5,2.429,63,0.456,64,0.45,102,3.771]],["t/219",[5,2.429,63,0.456,64,0.45,102,3.771]],["t/221",[5,2.429,63,0.456,64,0.45,102,3.771]],["t/223",[63,0.456,64,0.45,66,0.889,103,5.21]],["t/225",[62,2.355,63,0.456,64,0.45,104,4.709]],["t/227",[63,0.456,64,0.45,81,3.3,104,4.709]],["t/229",[63,0.456,64,0.45,66,0.889,105,5.21]],["t/231",[63,0.456,64,0.45,66,0.889,106,5.21]],["t/233",[63,0.456,64,0.45,66,0.889,107,5.21]],["t/235",[63,0.456,64,0.45,66,0.889,108,5.21]],["t/237",[63,0.456,64,0.45,66,0.889,109,5.21]],["t/239",[63,0.456,64,0.45,81,3.3,110,5.21]],["t/241",[63,0.456,64,0.45,98,4.132,111,5.21]],["t/243",[62,2.355,63,0.456,64,0.45,112,5.21]],["t/245",[63,0.456,64,0.45,66,0.889,113,5.21]],["t/247",[63,0.456,64,0.45,66,0.889,114,5.21]],["t/249",[63,0.456,64,0.45,115,4.709,116,4.709]],["t/251",[63,0.456,64,0.45,115,4.709,116,4.709]],["t/253",[63,0.456,64,0.45,117,3.935,118,5.21]],["t/255",[62,2.355,63,0.456,64,0.45,119,5.21]],["t/257",[63,0.456,64,0.45,66,0.889,120,5.21]],["t/259",[63,0.456,64,0.45,66,0.889,121,5.21]],["t/261",[62,2.355,63,0.456,64,0.45,122,5.21]],["t/263",[63,0.456,64,0.45,81,3.3,123,5.21]],["t/265",[63,0.456,64,0.45,66,0.889,124,5.21]],["t/267",[62,2.355,63,0.456,64,0.45,125,5.21]],["t/269",[62,2.355,63,0.456,64,0.45,126,5.21]],["t/271",[63,0.456,64,0.45,66,0.889,127,5.21]],["t/273",[63,0.456,64,0.45,81,3.3,128,5.21]],["t/275",[63,0.456,64,0.45,66,0.889,129,5.21]],["t/277",[63,0.456,64,0.45,66,0.889,130,5.21]],["t/279",[63,0.456,64,0.45,66,0.889,131,4.709]],["t/281",[62,2.355,63,0.456,64,0.45,131,4.709]],["t/283",[62,2.355,63,0.456,64,0.45,132,5.21]],["t/285",[3,1.798,63,0.456,64,0.45,133,3.771]],["t/287",[63,0.456,64,0.45,133,3.771,134,4.379]],["t/289",[63,0.456,64,0.45,133,3.771,134,4.379]],["t/291",[3,1.798,63,0.456,64,0.45,133,3.771]],["t/293",[63,0.456,64,0.45,133,3.771,134,4.379]],["t/295",[3,1.798,63,0.456,64,0.45,133,3.771]],["t/297",[63,0.456,64,0.45,66,0.889,135,4.709]],["t/299",[63,0.456,64,0.45,66,0.889,136,5.21]],["t/301",[63,0.456,64,0.45,81,3.3,137,4.379]],["t/303",[63,0.456,64,0.45,81,3.3,137,4.379]],["t/305",[63,0.456,64,0.45,66,0.889,138,4.709]],["t/307",[63,0.456,64,0.45,66,0.889,73,3.129]],["t/309",[62,2.355,63,0.456,64,0.45,73,3.129]],["t/311",[63,0.456,64,0.45,66,0.889,139,4.709]],["t/313",[63,0.412,64,0.408,66,0.804,76,3.963,77,3.561]],["t/315",[63,0.456,64,0.45,66,0.889,140,5.21]],["t/317",[63,0.456,64,0.45,66,0.889,141,5.21]],["t/319",[63,0.456,64,0.45,66,0.889,78,4.379]],["t/321",[62,2.355,63,0.456,64,0.45,142,5.21]],["t/323",[63,0.456,64,0.45,66,0.889,143,4.709]],["t/325",[63,0.456,64,0.45,66,0.889,77,3.935]],["t/327",[62,2.355,63,0.456,64,0.45,144,5.21]],["t/329",[63,0.456,64,0.45,98,4.132,145,5.21]],["t/331",[4,3.631,63,0.456,64,0.45,146,4.132]],["t/333",[63,0.456,64,0.45,82,3.631,147,4.709]],["t/335",[63,0.456,64,0.45,82,3.631,147,4.709]],["t/337",[62,2.355,63,0.456,64,0.45,148,4.379]],["t/339",[63,0.456,64,0.45,66,0.889,148,4.379]],["t/341",[63,0.456,64,0.45,66,0.889,149,4.709]],["t/343",[62,2.355,63,0.456,64,0.45,79,3.211]],["t/345",[63,0.412,64,0.408,66,0.804,79,2.906,87,3.561]],["t/347",[63,0.456,64,0.45,66,0.889,150,4.379]],["t/349",[63,0.456,64,0.45,66,0.889,151,5.21]],["t/351",[63,0.456,64,0.45,152,4.709,153,4.132]],["t/353",[63,0.456,64,0.45,81,3.3,154,5.21]],["t/355",[63,0.456,64,0.45,66,0.889,155,5.21]],["t/357",[63,0.456,64,0.45,152,4.709,153,4.132]],["t/359",[63,0.456,64,0.45,66,0.889,156,5.21]],["t/361",[63,0.456,64,0.45,75,4.709,88,4.379]],["t/363",[62,2.355,63,0.456,64,0.45,157,5.21]],["t/365",[63,0.456,64,0.45,66,0.889,90,4.379]],["t/367",[63,0.456,64,0.45,81,3.3,158,4.709]],["t/369",[62,2.355,63,0.456,64,0.45,91,3.935]],["t/371",[63,0.456,64,0.45,66,0.889,159,4.709]],["t/373",[63,0.412,64,0.408,66,0.804,72,3.739,91,3.561]],["t/375",[63,0.456,64,0.45,66,0.889,160,5.21]],["t/377",[62,2.355,63,0.456,64,0.45,96,4.379]],["t/379",[62,2.355,63,0.456,64,0.45,161,4.709]],["t/381",[62,2.355,63,0.456,64,0.45,162,4.709]],["t/383",[63,0.456,64,0.45,81,3.3,163,5.21]],["t/385",[63,0.456,64,0.45,66,0.889,164,5.21]],["t/387",[62,2.355,63,0.456,64,0.45,97,3.935]],["t/389",[63,0.456,64,0.45,66,0.889,165,5.21]],["t/391",[62,2.355,63,0.456,64,0.45,166,4.709]],["t/393",[63,0.456,64,0.45,97,3.935,98,4.132]],["t/395",[63,0.456,64,0.45,66,0.889,167,5.21]],["t/397",[6,4.709,63,0.456,64,0.45,66,0.889]],["t/399",[7,4.709,63,0.456,64,0.45,66,0.889]],["t/401",[8,4.709,63,0.456,64,0.45,66,0.889]],["t/403",[9,4.709,63,0.456,64,0.45,66,0.889]],["t/405",[10,4.709,63,0.456,64,0.45,66,0.889]],["t/407",[11,4.709,63,0.456,64,0.45,66,0.889]],["t/409",[12,4.709,63,0.456,64,0.45,66,0.889]],["t/411",[16,4.709,63,0.456,64,0.45,66,0.889]],["t/413",[14,4.709,63,0.456,64,0.45,66,0.889]],["t/415",[15,4.709,63,0.456,64,0.45,66,0.889]],["t/417",[17,4.709,63,0.456,64,0.45,66,0.889]],["t/419",[13,4.709,63,0.456,64,0.45,66,0.889]],["t/421",[18,4.709,63,0.456,64,0.45,66,0.889]],["t/423",[19,4.709,63,0.456,64,0.45,66,0.889]],["t/425",[20,4.709,63,0.456,64,0.45,66,0.889]],["t/427",[21,4.709,63,0.456,64,0.45,66,0.889]],["t/429",[22,4.709,63,0.456,64,0.45,66,0.889]],["t/431",[23,4.709,63,0.456,64,0.45,66,0.889]],["t/433",[24,4.709,63,0.456,64,0.45,66,0.889]],["t/435",[28,4.709,63,0.456,64,0.45,66,0.889]],["t/437",[25,4.709,63,0.456,64,0.45,66,0.889]],["t/439",[26,4.709,63,0.456,64,0.45,66,0.889]],["t/441",[55,4.709,63,0.456,64,0.45,66,0.889]],["t/443",[29,4.709,63,0.456,64,0.45,66,0.889]],["t/445",[54,4.709,63,0.456,64,0.45,66,0.889]],["t/447",[56,4.709,63,0.456,64,0.45,66,0.889]],["t/449",[57,4.709,63,0.456,64,0.45,66,0.889]],["t/451",[59,4.709,63,0.456,64,0.45,66,0.889]],["t/453",[58,4.709,63,0.456,64,0.45,66,0.889]],["t/455",[60,4.709,63,0.456,64,0.45,66,0.889]],["t/457",[61,4.709,63,0.456,64,0.45,66,0.889]],["t/459",[27,4.709,63,0.456,64,0.45,66,0.889]],["t/461",[31,4.709,63,0.456,64,0.45,66,0.889]],["t/463",[30,4.709,63,0.456,64,0.45,66,0.889]],["t/465",[33,4.709,63,0.456,64,0.45,66,0.889]],["t/467",[32,4.709,63,0.456,64,0.45,66,0.889]],["t/469",[34,4.709,63,0.456,64,0.45,66,0.889]],["t/471",[36,4.709,63,0.456,64,0.45,66,0.889]],["t/473",[37,4.709,63,0.456,64,0.45,66,0.889]],["t/475",[41,4.709,63,0.456,64,0.45,66,0.889]],["t/477",[39,4.709,63,0.456,64,0.45,66,0.889]],["t/479",[38,4.709,63,0.456,64,0.45,66,0.889]],["t/481",[45,4.709,63,0.456,64,0.45,66,0.889]],["t/483",[42,4.709,63,0.456,64,0.45,66,0.889]],["t/485",[40,4.709,63,0.456,64,0.45,66,0.889]],["t/487",[43,4.709,63,0.456,64,0.45,66,0.889]],["t/489",[46,4.709,63,0.456,64,0.45,66,0.889]],["t/491",[44,4.709,63,0.456,64,0.45,66,0.889]],["t/493",[47,4.709,63,0.456,64,0.45,66,0.889]],["t/495",[49,4.709,63,0.456,64,0.45,66,0.889]],["t/497",[52,4.709,63,0.456,64,0.45,66,0.889]],["t/499",[48,4.709,63,0.456,64,0.45,66,0.889]],["t/501",[51,4.709,63,0.456,64,0.45,66,0.889]],["t/503",[50,4.709,63,0.456,64,0.45,66,0.889]],["t/505",[53,4.709,63,0.456,64,0.45,66,0.889]],["t/507",[2,1.095,67,5.961]],["t/509",[2,1.095,135,5.961]],["t/511",[2,1.095,71,5.961]],["t/513",[2,1.095,137,5.543]],["t/515",[2,1.095,65,5.961]],["t/517",[2,1.095,73,3.961]],["t/519",[2,1.095,168,6.595]],["t/521",[2,1.095,139,5.961]],["t/523",[2,1.095,138,5.961]],["t/525",[2,0.967,76,4.892,77,4.397]],["t/527",[2,1.095,153,5.23]],["t/529",[2,1.095,88,5.543]],["t/531",[2,0.967,169,5.822,170,5.822]],["t/533",[2,1.095,159,5.961]],["t/535",[2,1.095,90,5.543]],["t/537",[2,1.095,158,5.961]],["t/539",[2,0.967,171,5.822,172,5.822]],["t/541",[2,1.095,91,4.981]],["t/543",[2,1.095,166,5.961]],["t/545",[2,1.095,96,5.543]],["t/547",[2,1.095,97,4.981]],["t/549",[2,1.095,148,5.543]],["t/551",[2,0.967,73,3.496,80,5.261]],["t/553",[2,0.967,72,4.617,73,3.496]],["t/555",[2,0.967,73,3.496,86,5.261]],["t/557",[2,0.967,73,3.496,89,5.261]],["t/559",[2,0.967,79,3.588,87,4.397]],["t/561",[2,0.967,173,5.261,174,5.822]],["t/563",[2,0.967,78,4.892,79,3.588]],["t/565",[2,0.967,79,3.588,143,5.261]],["t/567",[2,1.095,162,5.961]],["t/569",[2,0.967,79,3.588,175,5.822]],["t/571",[2,0.715,176,2.809,177,2.809,178,3.619,179,2.809,180,3.892]],["t/573",[2,0.967,79,3.588,181,5.822]],["t/575",[2,0.715,146,3.415,176,2.809,177,2.809,178,3.619,179,2.809]],["t/577",[2,0.47,117,2.139,176,1.847,177,1.847,178,2.38,179,1.847,182,2.559,183,2.559,184,2.559,185,2.559,186,2.559,187,2.559]],["t/579",[2,0.47,117,2.139,173,2.559,176,1.847,177,1.847,179,1.847,182,2.559,183,2.559,184,2.559,185,2.559,186,2.559,187,2.559]],["t/581",[2,0.715,176,2.809,177,2.809,179,2.809,180,3.892,188,3.252]],["t/583",[2,0.715,146,3.415,176,2.809,177,2.809,179,2.809,188,3.252]],["t/585",[2,0.609,146,2.91,176,2.393,177,2.393,179,2.393,189,3.316,190,3.316,191,3.316]],["t/587",[2,0.609,117,2.771,176,2.393,177,2.393,179,2.393,189,3.316,190,3.316,191,3.316]],["t/589",[2,0.715,117,3.252,176,2.809,177,2.809,179,2.809,188,3.252]],["t/591",[2,0.865,150,4.379,188,3.935,192,4.709]],["t/593",[2,0.865,150,4.379,188,3.935,192,4.709]],["t/595",[2,0.967,153,4.617,193,5.822]],["t/597",[35,4.709,63,0.456,64,0.45,66,0.889]],["t/599",[2,1.095,149,5.961]],["t/601",[2,1.095,161,5.961]],["t/603",[2,1.095,82,4.596]]],"invertedIndex":[["",{"_index":1,"t":{"1":{"position":[[5,1]]},"115":{"position":[[5,1]]},"117":{"position":[[5,1]]},"119":{"position":[[5,1]]},"121":{"position":[[5,1]]},"129":{"position":[[5,1]]}}}],["12",{"_index":152,"t":{"351":{"position":[[0,2]]},"357":{"position":[[0,2]]}}}],["13",{"_index":115,"t":{"249":{"position":[[0,2]]},"251":{"position":[[0,2]]}}}],["18",{"_index":147,"t":{"333":{"position":[[0,2]]},"335":{"position":[[0,2]]}}}],["2",{"_index":62,"t":{"123":{"position":[[0,1]]},"135":{"position":[[0,1]]},"147":{"position":[[0,1]]},"151":{"position":[[0,1]]},"177":{"position":[[0,1]]},"187":{"position":[[0,1]]},"195":{"position":[[0,1]]},"225":{"position":[[0,1]]},"243":{"position":[[0,1]]},"255":{"position":[[0,1]]},"261":{"position":[[0,1]]},"267":{"position":[[0,1]]},"269":{"position":[[0,1]]},"281":{"position":[[0,1]]},"283":{"position":[[0,1]]},"309":{"position":[[0,1]]},"321":{"position":[[0,1]]},"327":{"position":[[0,1]]},"337":{"position":[[0,1]]},"343":{"position":[[0,1]]},"363":{"position":[[0,1]]},"369":{"position":[[0,1]]},"377":{"position":[[0,1]]},"379":{"position":[[0,1]]},"381":{"position":[[0,1]]},"387":{"position":[[0,1]]},"391":{"position":[[0,1]]}}}],["29",{"_index":133,"t":{"285":{"position":[[0,2]]},"287":{"position":[[0,2]]},"289":{"position":[[0,2]]},"291":{"position":[[0,2]]},"293":{"position":[[0,2]]},"295":{"position":[[0,2]]}}}],["3",{"_index":81,"t":{"155":{"position":[[0,1]]},"227":{"position":[[0,1]]},"239":{"position":[[0,1]]},"263":{"position":[[0,1]]},"273":{"position":[[0,1]]},"301":{"position":[[0,1]]},"303":{"position":[[0,1]]},"353":{"position":[[0,1]]},"367":{"position":[[0,1]]},"383":{"position":[[0,1]]}}}],["36",{"_index":74,"t":{"141":{"position":[[0,2]]},"197":{"position":[[0,2]]},"199":{"position":[[0,2]]},"203":{"position":[[0,2]]}}}],["4",{"_index":98,"t":{"201":{"position":[[0,1]]},"241":{"position":[[0,1]]},"329":{"position":[[0,1]]},"393":{"position":[[0,1]]}}}],["5",{"_index":75,"t":{"145":{"position":[[0,1]]},"361":{"position":[[0,1]]}}}],["56",{"_index":102,"t":{"209":{"position":[[0,2]]},"213":{"position":[[0,2]]},"215":{"position":[[0,2]]},"217":{"position":[[0,2]]},"219":{"position":[[0,2]]},"221":{"position":[[0,2]]}}}],["6",{"_index":180,"t":{"571":{"position":[[38,2]]},"581":{"position":[[43,2]]}}}],["7",{"_index":146,"t":{"331":{"position":[[0,1]]},"575":{"position":[[38,2]]},"583":{"position":[[43,2]]},"585":{"position":[[47,2]]}}}],["8",{"_index":117,"t":{"253":{"position":[[0,1]]},"577":{"position":[[38,2]]},"579":{"position":[[38,2]]},"587":{"position":[[47,2]]},"589":{"position":[[43,2]]}}}],["9",{"_index":68,"t":{"131":{"position":[[0,1]]}}}],["accordion",{"_index":65,"t":{"123":{"position":[[20,11]]},"515":{"position":[[7,9]]}}}],["alert",{"_index":67,"t":{"127":{"position":[[21,7]]},"507":{"position":[[7,6]]}}}],["app",{"_index":191,"t":{"585":{"position":[[37,3]]},"587":{"position":[[37,3]]}}}],["archiv",{"_index":70,"t":{"133":{"position":[[0,7]]}}}],["auto",{"_index":173,"t":{"561":{"position":[[7,4]]},"579":{"position":[[67,4]]}}}],["autocomplet",{"_index":69,"t":{"131":{"position":[[20,14]]},"137":{"position":[[29,13]]}}}],["badg",{"_index":71,"t":{"135":{"position":[[20,7]]},"511":{"position":[[7,5]]}}}],["bar",{"_index":72,"t":{"139":{"position":[[29,3]]},"181":{"position":[[38,4]]},"373":{"position":[[31,4]]},"553":{"position":[[7,3]]}}}],["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":[[7,6]]},"117":{"position":[[7,6]]},"119":{"position":[[7,6]]},"121":{"position":[[7,6]]},"129":{"position":[[7,6]]},"137":{"position":[[21,7]]},"139":{"position":[[21,7]]},"141":{"position":[[21,8]]},"143":{"position":[[21,7]]},"145":{"position":[[20,7]]},"147":{"position":[[20,7]]},"149":{"position":[[21,7]]},"151":{"position":[[20,7]]},"153":{"position":[[21,7]]},"155":{"position":[[20,7]]},"157":{"position":[[21,7]]},"159":{"position":[[21,7]]},"161":{"position":[[21,7]]},"163":{"position":[[21,7]]},"165":{"position":[[21,7]]},"167":{"position":[[21,7]]},"169":{"position":[[21,7]]},"171":{"position":[[21,7]]},"173":{"position":[[21,7]]},"175":{"position":[[21,7]]},"177":{"position":[[20,7]]},"179":{"position":[[21,7]]},"181":{"position":[[21,7]]},"183":{"position":[[21,7]]},"185":{"position":[[21,7]]},"187":{"position":[[20,7]]},"189":{"position":[[21,7]]},"191":{"position":[[21,7]]},"193":{"position":[[21,7]]},"195":{"position":[[20,7]]},"197":{"position":[[21,8]]},"199":{"position":[[21,8]]},"203":{"position":[[21,8]]},"507":{"position":[[0,6]]},"509":{"position":[[0,6]]},"511":{"position":[[0,6]]},"513":{"position":[[0,6]]},"515":{"position":[[0,6]]},"517":{"position":[[0,6]]},"519":{"position":[[0,6]]},"521":{"position":[[0,6]]},"523":{"position":[[0,6]]},"525":{"position":[[0,6]]},"527":{"position":[[0,6]]},"529":{"position":[[0,6]]},"531":{"position":[[0,6]]},"533":{"position":[[0,6]]},"535":{"position":[[0,6]]},"537":{"position":[[0,6]]},"539":{"position":[[0,6]]},"541":{"position":[[0,6]]},"543":{"position":[[0,6]]},"545":{"position":[[0,6]]},"547":{"position":[[0,6]]},"549":{"position":[[0,6]]},"551":{"position":[[0,6]]},"553":{"position":[[0,6]]},"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":[[18,6]]},"573":{"position":[[0,6]]},"575":{"position":[[18,6]]},"577":{"position":[[18,6]]},"579":{"position":[[18,6]]},"581":{"position":[[18,6]]},"583":{"position":[[18,6]]},"585":{"position":[[23,6]]},"587":{"position":[[23,6]]},"589":{"position":[[18,6]]},"591":{"position":[[15,6]]},"593":{"position":[[15,6]]},"595":{"position":[[0,6]]},"599":{"position":[[0,6]]},"601":{"position":[[0,6]]},"603":{"position":[[0,6]]}}}],["blazoraccordion",{"_index":100,"t":{"205":{"position":[[21,17]]}}}],["blazorautocomplet",{"_index":99,"t":{"201":{"position":[[20,20]]}}}],["blazorbadg",{"_index":101,"t":{"207":{"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]]},"209":{"position":[[21,17]]},"211":{"position":[[21,16]]},"213":{"position":[[21,17]]},"215":{"position":[[21,17]]},"217":{"position":[[21,17]]},"219":{"position":[[21,17]]},"221":{"position":[[21,17]]}}}],["blazorbreadcrumb",{"_index":103,"t":{"223":{"position":[[21,18]]}}}],["blazorbutton",{"_index":104,"t":{"225":{"position":[[20,14]]},"227":{"position":[[20,15]]}}}],["blazorchart",{"_index":105,"t":{"229":{"position":[[21,13]]}}}],["blazorcollaps",{"_index":107,"t":{"233":{"position":[[21,16]]}}}],["blazorconfirmdialog",{"_index":106,"t":{"231":{"position":[[21,21]]}}}],["blazorconfirmmod",{"_index":108,"t":{"235":{"position":[[21,20]]}}}],["blazorcurrencyinput",{"_index":110,"t":{"239":{"position":[[20,21]]}}}],["blazord",{"_index":109,"t":{"237":{"position":[[21,12]]}}}],["blazordateinput",{"_index":111,"t":{"241":{"position":[[20,17]]}}}],["blazordatepick",{"_index":112,"t":{"243":{"position":[[20,18]]}}}],["blazordialog",{"_index":113,"t":{"245":{"position":[[21,14]]}}}],["blazordropdown",{"_index":114,"t":{"247":{"position":[[21,16]]}}}],["blazorgrid",{"_index":116,"t":{"249":{"position":[[21,12]]},"251":{"position":[[21,12]]}}}],["blazoricon",{"_index":119,"t":{"255":{"position":[[20,12]]}}}],["blazormod",{"_index":118,"t":{"253":{"position":[[20,13]]}}}],["blazormodalservic",{"_index":122,"t":{"261":{"position":[[20,20]]}}}],["blazornumb",{"_index":120,"t":{"257":{"position":[[21,14]]}}}],["blazornumberinput",{"_index":121,"t":{"259":{"position":[[21,19]]}}}],["blazoroffcanva",{"_index":123,"t":{"263":{"position":[[20,17]]}}}],["blazorprogress",{"_index":124,"t":{"265":{"position":[[21,16]]}}}],["blazorsidebar",{"_index":126,"t":{"269":{"position":[[20,15]]}}}],["blazorswitch",{"_index":125,"t":{"267":{"position":[[20,14]]}}}],["blazortab",{"_index":127,"t":{"271":{"position":[[21,12]]}}}],["blazortim",{"_index":130,"t":{"277":{"position":[[21,12]]}}}],["blazortimeinput",{"_index":128,"t":{"273":{"position":[[20,17]]}}}],["blazortimepick",{"_index":129,"t":{"275":{"position":[[21,18]]}}}],["blazortoast",{"_index":131,"t":{"279":{"position":[[21,13]]},"281":{"position":[[20,14]]}}}],["blazortooltip",{"_index":132,"t":{"283":{"position":[[20,15]]}}}],["blog",{"_index":0,"t":{"1":{"position":[[0,4]]},"115":{"position":[[0,4]]},"117":{"position":[[0,4]]},"119":{"position":[[0,4]]},"121":{"position":[[0,4]]},"129":{"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":[[14,9]]},"117":{"position":[[14,9]]},"119":{"position":[[14,9]]},"121":{"position":[[14,9]]},"129":{"position":[[14,9]]},"145":{"position":[[28,10]]},"285":{"position":[[21,11]]},"291":{"position":[[21,11]]},"295":{"position":[[21,11]]}}}],["bootstrap5",{"_index":134,"t":{"287":{"position":[[21,12]]},"289":{"position":[[21,12]]},"293":{"position":[[21,12]]}}}],["breadcrumb",{"_index":135,"t":{"297":{"position":[[21,12]]},"509":{"position":[[7,10]]}}}],["breadcrumbservic",{"_index":136,"t":{"299":{"position":[[21,19]]}}}],["button",{"_index":137,"t":{"301":{"position":[[20,9]]},"303":{"position":[[20,8]]},"513":{"position":[[7,7]]}}}],["callout",{"_index":138,"t":{"305":{"position":[[21,9]]},"523":{"position":[[7,7]]}}}],["card",{"_index":168,"t":{"519":{"position":[[7,4]]}}}],["chart",{"_index":73,"t":{"139":{"position":[[33,6]]},"143":{"position":[[29,7]]},"153":{"position":[[38,6]]},"165":{"position":[[34,6]]},"171":{"position":[[33,6]]},"307":{"position":[[21,7]]},"309":{"position":[[20,8]]},"517":{"position":[[7,6]]},"551":{"position":[[16,5]]},"553":{"position":[[11,5]]},"555":{"position":[[12,5]]},"557":{"position":[[11,5]]}}}],["collaps",{"_index":139,"t":{"311":{"position":[[21,10]]},"521":{"position":[[7,8]]}}}],["complet",{"_index":174,"t":{"561":{"position":[[12,8]]}}}],["confirm",{"_index":76,"t":{"147":{"position":[[28,7]]},"313":{"position":[[21,8]]},"525":{"position":[[7,7]]}}}],["confirmdialog",{"_index":140,"t":{"315":{"position":[[21,15]]}}}],["confirmmod",{"_index":141,"t":{"317":{"position":[[21,14]]}}}],["currenc",{"_index":78,"t":{"149":{"position":[[29,8]]},"319":{"position":[[21,10]]},"563":{"position":[[7,8]]}}}],["currencyinput",{"_index":142,"t":{"321":{"position":[[20,15]]}}}],["date",{"_index":143,"t":{"323":{"position":[[21,6]]},"565":{"position":[[7,4]]}}}],["dateinput",{"_index":145,"t":{"329":{"position":[[20,11]]}}}],["datepick",{"_index":144,"t":{"327":{"position":[[20,12]]}}}],["dialog",{"_index":77,"t":{"147":{"position":[[36,7]]},"151":{"position":[[28,7]]},"313":{"position":[[30,7]]},"325":{"position":[[21,8]]},"525":{"position":[[15,6]]}}}],["doc",{"_index":4,"t":{"1":{"position":[[24,4]]},"115":{"position":[[24,4]]},"117":{"position":[[24,4]]},"119":{"position":[[24,4]]},"121":{"position":[[24,4]]},"129":{"position":[[24,4]]},"331":{"position":[[20,6]]}}}],["doughnut",{"_index":80,"t":{"153":{"position":[[29,8]]},"551":{"position":[[7,8]]}}}],["dropdown",{"_index":149,"t":{"341":{"position":[[21,10]]},"599":{"position":[[7,8]]}}}],["filter",{"_index":83,"t":{"157":{"position":[[34,10]]}}}],["get",{"_index":176,"t":{"571":{"position":[[0,7]]},"575":{"position":[[0,7]]},"577":{"position":[[0,7]]},"579":{"position":[[0,7]]},"581":{"position":[[0,7]]},"583":{"position":[[0,7]]},"585":{"position":[[0,7]]},"587":{"position":[[0,7]]},"589":{"position":[[0,7]]}}}],["global",{"_index":186,"t":{"577":{"position":[[76,6]]},"579":{"position":[[74,6]]}}}],["grid",{"_index":82,"t":{"155":{"position":[[28,5]]},"157":{"position":[[29,4]]},"159":{"position":[[29,4]]},"161":{"position":[[29,4]]},"333":{"position":[[21,6]]},"335":{"position":[[21,6]]},"603":{"position":[[7,4]]}}}],["hybrid",{"_index":190,"t":{"585":{"position":[[30,6]]},"587":{"position":[[30,6]]}}}],["icon",{"_index":148,"t":{"337":{"position":[[20,6]]},"339":{"position":[[21,7]]},"549":{"position":[[7,5]]}}}],["input",{"_index":79,"t":{"149":{"position":[[38,6]]},"163":{"position":[[29,6]]},"173":{"position":[[36,6]]},"175":{"position":[[29,5]]},"343":{"position":[[20,7]]},"345":{"position":[[21,6]]},"559":{"position":[[14,5]]},"563":{"position":[[16,5]]},"565":{"position":[[12,5]]},"569":{"position":[[13,5]]},"573":{"position":[[12,5]]}}}],["interact",{"_index":183,"t":{"577":{"position":[[43,11]]},"579":{"position":[[43,11]]}}}],["layout",{"_index":150,"t":{"347":{"position":[[21,8]]},"591":{"position":[[0,6]]},"593":{"position":[[0,6]]}}}],["leftmenu",{"_index":151,"t":{"349":{"position":[[21,10]]}}}],["line",{"_index":86,"t":{"165":{"position":[[29,4]]},"555":{"position":[[7,4]]}}}],["loader",{"_index":172,"t":{"539":{"position":[[14,6]]}}}],["locat",{"_index":187,"t":{"577":{"position":[[83,8]]},"579":{"position":[[81,8]]}}}],["maui",{"_index":189,"t":{"585":{"position":[[18,4]]},"587":{"position":[[18,4]]}}}],["modal",{"_index":153,"t":{"351":{"position":[[21,7]]},"357":{"position":[[21,7]]},"527":{"position":[[7,5]]},"595":{"position":[[7,5]]}}}],["modalservic",{"_index":154,"t":{"353":{"position":[[20,14]]}}}],["mode",{"_index":185,"t":{"577":{"position":[[62,4]]},"579":{"position":[[62,4]]}}}],["navig",{"_index":155,"t":{"355":{"position":[[21,12]]}}}],["net",{"_index":179,"t":{"571":{"position":[[32,5]]},"575":{"position":[[32,5]]},"577":{"position":[[32,5]]},"579":{"position":[[32,5]]},"581":{"position":[[37,5]]},"583":{"position":[[37,5]]},"585":{"position":[[41,5]]},"587":{"position":[[41,5]]},"589":{"position":[[37,5]]}}}],["number",{"_index":87,"t":{"167":{"position":[[29,7]]},"173":{"position":[[29,6]]},"175":{"position":[[35,7]]},"345":{"position":[[28,7]]},"559":{"position":[[7,6]]}}}],["numberinput",{"_index":156,"t":{"359":{"position":[[21,13]]}}}],["offcanva",{"_index":88,"t":{"169":{"position":[[29,10]]},"361":{"position":[[20,11]]},"529":{"position":[[7,9]]}}}],["on",{"_index":66,"t":{"127":{"position":[[0,3]]},"137":{"position":[[0,3]]},"139":{"position":[[0,3]]},"143":{"position":[[0,3]]},"149":{"position":[[0,3]]},"153":{"position":[[0,3]]},"157":{"position":[[0,3]]},"159":{"position":[[0,3]]},"161":{"position":[[0,3]]},"163":{"position":[[0,3]]},"165":{"position":[[0,3]]},"167":{"position":[[0,3]]},"169":{"position":[[0,3]]},"171":{"position":[[0,3]]},"173":{"position":[[0,3]]},"175":{"position":[[0,3]]},"179":{"position":[[0,3]]},"181":{"position":[[0,3]]},"183":{"position":[[0,3]]},"185":{"position":[[0,3]]},"189":{"position":[[0,3]]},"191":{"position":[[0,3]]},"193":{"position":[[0,3]]},"205":{"position":[[0,3]]},"207":{"position":[[0,3]]},"211":{"position":[[0,3]]},"223":{"position":[[0,3]]},"229":{"position":[[0,3]]},"231":{"position":[[0,3]]},"233":{"position":[[0,3]]},"235":{"position":[[0,3]]},"237":{"position":[[0,3]]},"245":{"position":[[0,3]]},"247":{"position":[[0,3]]},"257":{"position":[[0,3]]},"259":{"position":[[0,3]]},"265":{"position":[[0,3]]},"271":{"position":[[0,3]]},"275":{"position":[[0,3]]},"277":{"position":[[0,3]]},"279":{"position":[[0,3]]},"297":{"position":[[0,3]]},"299":{"position":[[0,3]]},"305":{"position":[[0,3]]},"307":{"position":[[0,3]]},"311":{"position":[[0,3]]},"313":{"position":[[0,3]]},"315":{"position":[[0,3]]},"317":{"position":[[0,3]]},"319":{"position":[[0,3]]},"323":{"position":[[0,3]]},"325":{"position":[[0,3]]},"339":{"position":[[0,3]]},"341":{"position":[[0,3]]},"345":{"position":[[0,3]]},"347":{"position":[[0,3]]},"349":{"position":[[0,3]]},"355":{"position":[[0,3]]},"359":{"position":[[0,3]]},"365":{"position":[[0,3]]},"371":{"position":[[0,3]]},"373":{"position":[[0,3]]},"375":{"position":[[0,3]]},"385":{"position":[[0,3]]},"389":{"position":[[0,3]]},"395":{"position":[[0,3]]},"397":{"position":[[0,3]]},"399":{"position":[[0,3]]},"401":{"position":[[0,3]]},"403":{"position":[[0,3]]},"405":{"position":[[0,3]]},"407":{"position":[[0,3]]},"409":{"position":[[0,3]]},"411":{"position":[[0,3]]},"413":{"position":[[0,3]]},"415":{"position":[[0,3]]},"417":{"position":[[0,3]]},"419":{"position":[[0,3]]},"421":{"position":[[0,3]]},"423":{"position":[[0,3]]},"425":{"position":[[0,3]]},"427":{"position":[[0,3]]},"429":{"position":[[0,3]]},"431":{"position":[[0,3]]},"433":{"position":[[0,3]]},"435":{"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]]},"597":{"position":[[0,3]]}}}],["page",{"_index":84,"t":{"159":{"position":[[34,7]]}}}],["pagin",{"_index":159,"t":{"371":{"position":[[21,12]]},"533":{"position":[[7,10]]}}}],["pdf",{"_index":169,"t":{"531":{"position":[[7,3]]}}}],["pdfviewer",{"_index":157,"t":{"363":{"position":[[20,11]]}}}],["pie",{"_index":89,"t":{"171":{"position":[[29,3]]},"557":{"position":[[7,3]]}}}],["placehold",{"_index":158,"t":{"367":{"position":[[20,14]]},"537":{"position":[[7,12]]}}}],["post",{"_index":63,"t":{"123":{"position":[[2,5]]},"127":{"position":[[4,4]]},"131":{"position":[[2,5]]},"135":{"position":[[2,5]]},"137":{"position":[[4,4]]},"139":{"position":[[4,4]]},"141":{"position":[[3,5]]},"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":[[2,5]]},"157":{"position":[[4,4]]},"159":{"position":[[4,4]]},"161":{"position":[[4,4]]},"163":{"position":[[4,4]]},"165":{"position":[[4,4]]},"167":{"position":[[4,4]]},"169":{"position":[[4,4]]},"171":{"position":[[4,4]]},"173":{"position":[[4,4]]},"175":{"position":[[4,4]]},"177":{"position":[[2,5]]},"179":{"position":[[4,4]]},"181":{"position":[[4,4]]},"183":{"position":[[4,4]]},"185":{"position":[[4,4]]},"187":{"position":[[2,5]]},"189":{"position":[[4,4]]},"191":{"position":[[4,4]]},"193":{"position":[[4,4]]},"195":{"position":[[2,5]]},"197":{"position":[[3,5]]},"199":{"position":[[3,5]]},"201":{"position":[[2,5]]},"203":{"position":[[3,5]]},"205":{"position":[[4,4]]},"207":{"position":[[4,4]]},"209":{"position":[[3,5]]},"211":{"position":[[4,4]]},"213":{"position":[[3,5]]},"215":{"position":[[3,5]]},"217":{"position":[[3,5]]},"219":{"position":[[3,5]]},"221":{"position":[[3,5]]},"223":{"position":[[4,4]]},"225":{"position":[[2,5]]},"227":{"position":[[2,5]]},"229":{"position":[[4,4]]},"231":{"position":[[4,4]]},"233":{"position":[[4,4]]},"235":{"position":[[4,4]]},"237":{"position":[[4,4]]},"239":{"position":[[2,5]]},"241":{"position":[[2,5]]},"243":{"position":[[2,5]]},"245":{"position":[[4,4]]},"247":{"position":[[4,4]]},"249":{"position":[[3,5]]},"251":{"position":[[3,5]]},"253":{"position":[[2,5]]},"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":[[2,5]]},"269":{"position":[[2,5]]},"271":{"position":[[4,4]]},"273":{"position":[[2,5]]},"275":{"position":[[4,4]]},"277":{"position":[[4,4]]},"279":{"position":[[4,4]]},"281":{"position":[[2,5]]},"283":{"position":[[2,5]]},"285":{"position":[[3,5]]},"287":{"position":[[3,5]]},"289":{"position":[[3,5]]},"291":{"position":[[3,5]]},"293":{"position":[[3,5]]},"295":{"position":[[3,5]]},"297":{"position":[[4,4]]},"299":{"position":[[4,4]]},"301":{"position":[[2,5]]},"303":{"position":[[2,5]]},"305":{"position":[[4,4]]},"307":{"position":[[4,4]]},"309":{"position":[[2,5]]},"311":{"position":[[4,4]]},"313":{"position":[[4,4]]},"315":{"position":[[4,4]]},"317":{"position":[[4,4]]},"319":{"position":[[4,4]]},"321":{"position":[[2,5]]},"323":{"position":[[4,4]]},"325":{"position":[[4,4]]},"327":{"position":[[2,5]]},"329":{"position":[[2,5]]},"331":{"position":[[2,5]]},"333":{"position":[[3,5]]},"335":{"position":[[3,5]]},"337":{"position":[[2,5]]},"339":{"position":[[4,4]]},"341":{"position":[[4,4]]},"343":{"position":[[2,5]]},"345":{"position":[[4,4]]},"347":{"position":[[4,4]]},"349":{"position":[[4,4]]},"351":{"position":[[3,5]]},"353":{"position":[[2,5]]},"355":{"position":[[4,4]]},"357":{"position":[[3,5]]},"359":{"position":[[4,4]]},"361":{"position":[[2,5]]},"363":{"position":[[2,5]]},"365":{"position":[[4,4]]},"367":{"position":[[2,5]]},"369":{"position":[[2,5]]},"371":{"position":[[4,4]]},"373":{"position":[[4,4]]},"375":{"position":[[4,4]]},"377":{"position":[[2,5]]},"379":{"position":[[2,5]]},"381":{"position":[[2,5]]},"383":{"position":[[2,5]]},"385":{"position":[[4,4]]},"387":{"position":[[2,5]]},"389":{"position":[[4,4]]},"391":{"position":[[2,5]]},"393":{"position":[[2,5]]},"395":{"position":[[4,4]]},"397":{"position":[[4,4]]},"399":{"position":[[4,4]]},"401":{"position":[[4,4]]},"403":{"position":[[4,4]]},"405":{"position":[[4,4]]},"407":{"position":[[4,4]]},"409":{"position":[[4,4]]},"411":{"position":[[4,4]]},"413":{"position":[[4,4]]},"415":{"position":[[4,4]]},"417":{"position":[[4,4]]},"419":{"position":[[4,4]]},"421":{"position":[[4,4]]},"423":{"position":[[4,4]]},"425":{"position":[[4,4]]},"427":{"position":[[4,4]]},"429":{"position":[[4,4]]},"431":{"position":[[4,4]]},"433":{"position":[[4,4]]},"435":{"position":[[4,4]]},"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]]},"597":{"position":[[4,4]]}}}],["preload",{"_index":90,"t":{"177":{"position":[[28,8]]},"365":{"position":[[21,9]]},"535":{"position":[[7,7]]}}}],["progress",{"_index":91,"t":{"179":{"position":[[29,9]]},"181":{"position":[[29,8]]},"369":{"position":[[20,10]]},"373":{"position":[[21,9]]},"541":{"position":[[7,8]]}}}],["rang",{"_index":175,"t":{"569":{"position":[[7,5]]}}}],["rangeinput",{"_index":165,"t":{"389":{"position":[[21,12]]}}}],["render",{"_index":184,"t":{"577":{"position":[[55,6]]},"579":{"position":[[55,6]]}}}],["script",{"_index":171,"t":{"539":{"position":[[7,6]]}}}],["scriptload",{"_index":160,"t":{"375":{"position":[[21,14]]}}}],["server",{"_index":178,"t":{"571":{"position":[[25,6]]},"575":{"position":[[25,6]]},"577":{"position":[[67,6]]}}}],["servic",{"_index":193,"t":{"595":{"position":[[13,7]]}}}],["setup",{"_index":192,"t":{"591":{"position":[[7,5]]},"593":{"position":[[7,5]]}}}],["sidebar",{"_index":161,"t":{"379":{"position":[[20,9]]},"601":{"position":[[7,7]]}}}],["sidemod",{"_index":92,"t":{"183":{"position":[[29,10]]}}}],["sort",{"_index":85,"t":{"161":{"position":[[34,8]]}}}],["spinner",{"_index":95,"t":{"187":{"position":[[28,8]]}}}],["start",{"_index":177,"t":{"571":{"position":[[8,7]]},"575":{"position":[[8,7]]},"577":{"position":[[8,7]]},"579":{"position":[[8,7]]},"581":{"position":[[8,7]]},"583":{"position":[[8,7]]},"585":{"position":[[8,7]]},"587":{"position":[[8,7]]},"589":{"position":[[8,7]]}}}],["starter",{"_index":93,"t":{"185":{"position":[[29,7]]},"211":{"position":[[38,7]]}}}],["switch",{"_index":162,"t":{"381":{"position":[[20,8]]},"567":{"position":[[7,6]]}}}],["tab",{"_index":96,"t":{"189":{"position":[[29,5]]},"377":{"position":[[20,6]]},"545":{"position":[[7,4]]}}}],["tag",{"_index":64,"t":{"123":{"position":[[8,6]]},"125":{"position":[[0,4]]},"127":{"position":[[9,6]]},"131":{"position":[[8,6]]},"135":{"position":[[8,6]]},"137":{"position":[[9,6]]},"139":{"position":[[9,6]]},"141":{"position":[[9,6]]},"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":[[8,6]]},"157":{"position":[[9,6]]},"159":{"position":[[9,6]]},"161":{"position":[[9,6]]},"163":{"position":[[9,6]]},"165":{"position":[[9,6]]},"167":{"position":[[9,6]]},"169":{"position":[[9,6]]},"171":{"position":[[9,6]]},"173":{"position":[[9,6]]},"175":{"position":[[9,6]]},"177":{"position":[[8,6]]},"179":{"position":[[9,6]]},"181":{"position":[[9,6]]},"183":{"position":[[9,6]]},"185":{"position":[[9,6]]},"187":{"position":[[8,6]]},"189":{"position":[[9,6]]},"191":{"position":[[9,6]]},"193":{"position":[[9,6]]},"195":{"position":[[8,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":[[9,6]]},"211":{"position":[[9,6]]},"213":{"position":[[9,6]]},"215":{"position":[[9,6]]},"217":{"position":[[9,6]]},"219":{"position":[[9,6]]},"221":{"position":[[9,6]]},"223":{"position":[[9,6]]},"225":{"position":[[8,6]]},"227":{"position":[[8,6]]},"229":{"position":[[9,6]]},"231":{"position":[[9,6]]},"233":{"position":[[9,6]]},"235":{"position":[[9,6]]},"237":{"position":[[9,6]]},"239":{"position":[[8,6]]},"241":{"position":[[8,6]]},"243":{"position":[[8,6]]},"245":{"position":[[9,6]]},"247":{"position":[[9,6]]},"249":{"position":[[9,6]]},"251":{"position":[[9,6]]},"253":{"position":[[8,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":[[8,6]]},"269":{"position":[[8,6]]},"271":{"position":[[9,6]]},"273":{"position":[[8,6]]},"275":{"position":[[9,6]]},"277":{"position":[[9,6]]},"279":{"position":[[9,6]]},"281":{"position":[[8,6]]},"283":{"position":[[8,6]]},"285":{"position":[[9,6]]},"287":{"position":[[9,6]]},"289":{"position":[[9,6]]},"291":{"position":[[9,6]]},"293":{"position":[[9,6]]},"295":{"position":[[9,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":[[8,6]]},"311":{"position":[[9,6]]},"313":{"position":[[9,6]]},"315":{"position":[[9,6]]},"317":{"position":[[9,6]]},"319":{"position":[[9,6]]},"321":{"position":[[8,6]]},"323":{"position":[[9,6]]},"325":{"position":[[9,6]]},"327":{"position":[[8,6]]},"329":{"position":[[8,6]]},"331":{"position":[[8,6]]},"333":{"position":[[9,6]]},"335":{"position":[[9,6]]},"337":{"position":[[8,6]]},"339":{"position":[[9,6]]},"341":{"position":[[9,6]]},"343":{"position":[[8,6]]},"345":{"position":[[9,6]]},"347":{"position":[[9,6]]},"349":{"position":[[9,6]]},"351":{"position":[[9,6]]},"353":{"position":[[8,6]]},"355":{"position":[[9,6]]},"357":{"position":[[9,6]]},"359":{"position":[[9,6]]},"361":{"position":[[8,6]]},"363":{"position":[[8,6]]},"365":{"position":[[9,6]]},"367":{"position":[[8,6]]},"369":{"position":[[8,6]]},"371":{"position":[[9,6]]},"373":{"position":[[9,6]]},"375":{"position":[[9,6]]},"377":{"position":[[8,6]]},"379":{"position":[[8,6]]},"381":{"position":[[8,6]]},"383":{"position":[[8,6]]},"385":{"position":[[9,6]]},"387":{"position":[[8,6]]},"389":{"position":[[9,6]]},"391":{"position":[[8,6]]},"393":{"position":[[8,6]]},"395":{"position":[[9,6]]},"397":{"position":[[9,6]]},"399":{"position":[[9,6]]},"401":{"position":[[9,6]]},"403":{"position":[[9,6]]},"405":{"position":[[9,6]]},"407":{"position":[[9,6]]},"409":{"position":[[9,6]]},"411":{"position":[[9,6]]},"413":{"position":[[9,6]]},"415":{"position":[[9,6]]},"417":{"position":[[9,6]]},"419":{"position":[[9,6]]},"421":{"position":[[9,6]]},"423":{"position":[[9,6]]},"425":{"position":[[9,6]]},"427":{"position":[[9,6]]},"429":{"position":[[9,6]]},"431":{"position":[[9,6]]},"433":{"position":[[9,6]]},"435":{"position":[[9,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]]},"597":{"position":[[9,6]]}}}],["templat",{"_index":94,"t":{"185":{"position":[[37,10]]},"191":{"position":[[29,10]]},"211":{"position":[[46,10]]}}}],["time",{"_index":181,"t":{"573":{"position":[[7,4]]}}}],["timeinput",{"_index":163,"t":{"383":{"position":[[20,11]]}}}],["timepick",{"_index":164,"t":{"385":{"position":[[21,12]]}}}],["toast",{"_index":97,"t":{"193":{"position":[[29,6]]},"195":{"position":[[28,7]]},"387":{"position":[[20,7]]},"393":{"position":[[20,8]]},"547":{"position":[[7,6]]}}}],["toastservic",{"_index":167,"t":{"395":{"position":[[21,14]]}}}],["tooltip",{"_index":166,"t":{"391":{"position":[[20,9]]},"543":{"position":[[7,8]]}}}],["v0.0.1",{"_index":6,"t":{"3":{"position":[[16,6]]},"397":{"position":[[21,8]]}}}],["v0.0.2",{"_index":7,"t":{"5":{"position":[[16,6]]},"399":{"position":[[21,8]]}}}],["v0.0.3",{"_index":9,"t":{"9":{"position":[[16,6]]},"403":{"position":[[21,8]]}}}],["v0.0.4",{"_index":8,"t":{"7":{"position":[[16,6]]},"401":{"position":[[21,8]]}}}],["v0.1.0",{"_index":10,"t":{"11":{"position":[[16,6]]},"405":{"position":[[21,8]]}}}],["v0.1.1",{"_index":11,"t":{"13":{"position":[[16,6]]},"407":{"position":[[21,8]]}}}],["v0.2.0",{"_index":12,"t":{"15":{"position":[[16,6]]},"409":{"position":[[21,8]]}}}],["v0.2.1",{"_index":14,"t":{"19":{"position":[[16,6]]},"413":{"position":[[21,8]]}}}],["v0.2.2",{"_index":16,"t":{"23":{"position":[[16,6]]},"411":{"position":[[21,8]]}}}],["v0.2.3",{"_index":13,"t":{"17":{"position":[[16,6]]},"419":{"position":[[21,8]]}}}],["v0.2.4",{"_index":15,"t":{"21":{"position":[[16,6]]},"415":{"position":[[21,8]]}}}],["v0.2.5",{"_index":17,"t":{"25":{"position":[[16,6]]},"417":{"position":[[21,8]]}}}],["v0.2.6",{"_index":18,"t":{"27":{"position":[[16,6]]},"421":{"position":[[21,8]]}}}],["v0.3.0",{"_index":19,"t":{"29":{"position":[[16,6]]},"423":{"position":[[21,8]]}}}],["v0.4.0",{"_index":20,"t":{"31":{"position":[[16,6]]},"425":{"position":[[21,8]]}}}],["v0.4.1",{"_index":21,"t":{"33":{"position":[[16,6]]},"427":{"position":[[21,8]]}}}],["v0.4.2",{"_index":22,"t":{"35":{"position":[[16,6]]},"429":{"position":[[21,8]]}}}],["v0.5.0",{"_index":23,"t":{"37":{"position":[[16,6]]},"431":{"position":[[21,8]]}}}],["v0.5.1",{"_index":24,"t":{"39":{"position":[[17,6]]},"433":{"position":[[21,8]]}}}],["v0.6.0",{"_index":28,"t":{"47":{"position":[[17,6]]},"435":{"position":[[21,8]]}}}],["v1.0.0",{"_index":25,"t":{"41":{"position":[[17,6]]},"437":{"position":[[21,8]]}}}],["v1.0.1",{"_index":26,"t":{"43":{"position":[[17,6]]},"439":{"position":[[21,8]]}}}],["v1.1.0",{"_index":29,"t":{"49":{"position":[[17,6]]},"443":{"position":[[21,8]]}}}],["v1.10.0",{"_index":55,"t":{"101":{"position":[[17,7]]},"441":{"position":[[21,9]]}}}],["v1.10.1",{"_index":54,"t":{"99":{"position":[[17,7]]},"445":{"position":[[21,9]]}}}],["v1.10.2",{"_index":56,"t":{"103":{"position":[[17,7]]},"447":{"position":[[21,9]]}}}],["v1.10.3",{"_index":57,"t":{"105":{"position":[[17,7]]},"449":{"position":[[21,9]]}}}],["v1.10.4",{"_index":59,"t":{"109":{"position":[[17,7]]},"451":{"position":[[21,9]]}}}],["v1.10.5",{"_index":58,"t":{"107":{"position":[[17,7]]},"453":{"position":[[21,9]]}}}],["v1.11.0",{"_index":60,"t":{"111":{"position":[[17,7]]},"455":{"position":[[21,9]]}}}],["v1.11.1",{"_index":61,"t":{"113":{"position":[[17,7]]},"457":{"position":[[21,9]]}}}],["v1.2.0",{"_index":27,"t":{"45":{"position":[[17,6]]},"459":{"position":[[21,8]]}}}],["v1.3.0",{"_index":30,"t":{"51":{"position":[[17,6]]},"463":{"position":[[21,8]]}}}],["v1.3.1",{"_index":31,"t":{"53":{"position":[[17,6]]},"461":{"position":[[21,8]]}}}],["v1.4.0",{"_index":32,"t":{"55":{"position":[[17,6]]},"467":{"position":[[21,8]]}}}],["v1.4.1",{"_index":33,"t":{"57":{"position":[[17,6]]},"465":{"position":[[21,8]]}}}],["v1.4.2",{"_index":34,"t":{"59":{"position":[[17,6]]},"469":{"position":[[21,8]]}}}],["v1.4.3",{"_index":35,"t":{"61":{"position":[[17,6]]},"597":{"position":[[21,8]]}}}],["v1.4.4",{"_index":41,"t":{"73":{"position":[[17,6]]},"475":{"position":[[21,8]]}}}],["v1.4.5",{"_index":36,"t":{"63":{"position":[[17,6]]},"471":{"position":[[21,8]]}}}],["v1.5.0",{"_index":37,"t":{"65":{"position":[[17,6]]},"473":{"position":[[21,8]]}}}],["v1.6.0",{"_index":39,"t":{"69":{"position":[[17,6]]},"477":{"position":[[21,8]]}}}],["v1.7.0",{"_index":38,"t":{"67":{"position":[[17,6]]},"479":{"position":[[21,8]]}}}],["v1.7.1",{"_index":45,"t":{"81":{"position":[[17,6]]},"481":{"position":[[21,8]]}}}],["v1.7.2",{"_index":40,"t":{"71":{"position":[[17,6]]},"485":{"position":[[21,8]]}}}],["v1.7.3",{"_index":42,"t":{"75":{"position":[[17,6]]},"483":{"position":[[21,8]]}}}],["v1.8.0",{"_index":43,"t":{"77":{"position":[[17,6]]},"487":{"position":[[21,8]]}}}],["v1.8.1",{"_index":44,"t":{"79":{"position":[[17,6]]},"491":{"position":[[21,8]]}}}],["v1.8.2",{"_index":46,"t":{"83":{"position":[[17,6]]},"489":{"position":[[21,8]]}}}],["v1.8.3",{"_index":47,"t":{"85":{"position":[[17,6]]},"493":{"position":[[21,8]]}}}],["v1.9.0",{"_index":48,"t":{"87":{"position":[[17,6]]},"499":{"position":[[21,8]]}}}],["v1.9.1",{"_index":49,"t":{"89":{"position":[[17,6]]},"495":{"position":[[21,8]]}}}],["v1.9.2",{"_index":50,"t":{"91":{"position":[[17,6]]},"503":{"position":[[21,8]]}}}],["v1.9.3",{"_index":51,"t":{"93":{"position":[[17,6]]},"501":{"position":[[21,8]]}}}],["v1.9.4",{"_index":52,"t":{"95":{"position":[[17,6]]},"497":{"position":[[21,8]]}}}],["v1.9.5",{"_index":53,"t":{"97":{"position":[[17,6]]},"505":{"position":[[21,8]]}}}],["viewer",{"_index":170,"t":{"531":{"position":[[11,6]]}}}],["webapp",{"_index":182,"t":{"577":{"position":[[25,6]]},"579":{"position":[[25,6]]}}}],["webassembl",{"_index":188,"t":{"581":{"position":[[25,11]]},"583":{"position":[[25,11]]},"589":{"position":[[25,11]]},"591":{"position":[[22,11]]},"593":{"position":[[22,11]]}}}]],"pipeline":["stemmer"]}},{"documents":[],"index":{"version":"2.3.9","fields":["t"],"fieldVectors":[],"invertedIndex":[],"pipeline":["stemmer"]}},{"documents":[{"i":2,"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. 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 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 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.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.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":7},{"i":10,"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":9},{"i":12,"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":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.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.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":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.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":23},{"i":26,"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":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":"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 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":43},{"i":46,"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":45},{"i":48,"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":47},{"i":50,"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":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.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.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.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. 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":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.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":63},{"i":66,"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. 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":65},{"i":68,"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":67},{"i":70,"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":69},{"i":72,"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":71},{"i":74,"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":73},{"i":76,"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":75},{"i":78,"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":77},{"i":80,"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":79},{"i":82,"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":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.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":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.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.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":93},{"i":96,"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":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.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.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":107},{"i":110,"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":109},{"i":112,"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 Older Post Blazor Bootstrap v1.11.1","s":"Blazor Bootstrap v1.11.0","u":"/blog/2024/02/04/blazorbootstrap-1.11.0","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 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 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 Newer Entries Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/2","h":"","p":115},{"i":118,"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. 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 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/6","h":"","p":117},{"i":120,"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!!! 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 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 Newer Entries Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/3","h":"","p":119},{"i":122,"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 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 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 Newer Entries Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/4","h":"","p":121},{"i":124,"t":"2 posts tagged with \"accordion\" 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.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 \"accordion\"","u":"/blog/tags/accordion","h":"","p":123},{"i":126,"t":"Tags A accordion2 alert1 autocomplete9 B badge2 blazor36 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 blazorbootstrap56 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 bootstrap29 bootstrap529 breadcrumb1 breadcrumbservice1 button3 buttons3 C callout1 chart1 charts2 collapse1 confirm dialog1 confirmdialog1 confirmmodal1 currency1 currencyinput2 D date1 dateinput4 datepicker2 dialog1 docs7 dropdown1 G grid18 I icon2 icons1 input2 input-number1 L layout1 leftmenu1 M modal12 modalservice3 N navigation1 numberinput1 O offcanvas5 P pagination1 pdfviewer2 placeholders3 preload1 progress2 progress-bar1 R rangeinput1 S scriptloader1 sidebar2 switch2 T tabs2 timeinput3 timepicker1 toast2 toasts4 toastservice1 tooltip2 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","s":"Tags","u":"/blog/tags","h":"","p":125},{"i":128,"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":127},{"i":130,"t":"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 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 Newer Entries Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/5","h":"","p":129},{"i":132,"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":131},{"i":134,"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 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":133},{"i":136,"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":135},{"i":138,"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":137},{"i":140,"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":139},{"i":142,"t":"36 posts tagged with \"blazor\" 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.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 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 Older Entries","s":"36 posts tagged with \"blazor\"","u":"/blog/tags/blazor","h":"","p":141},{"i":144,"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":143},{"i":146,"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":145},{"i":148,"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":147},{"i":150,"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":149},{"i":152,"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":151},{"i":154,"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":153},{"i":156,"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":155},{"i":158,"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":157},{"i":160,"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":159},{"i":162,"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":161},{"i":164,"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":163},{"i":166,"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":165},{"i":168,"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":167},{"i":170,"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":169},{"i":172,"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":171},{"i":174,"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":173},{"i":176,"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":175},{"i":178,"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":177},{"i":180,"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":179},{"i":182,"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":181},{"i":184,"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":183},{"i":186,"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":185},{"i":188,"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":187},{"i":190,"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":189},{"i":192,"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":191},{"i":194,"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":193},{"i":196,"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":195},{"i":198,"t":"36 posts tagged with \"blazor\" 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.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 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 Newer Entries Older Entries","s":"36 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/2","h":"","p":197},{"i":200,"t":"36 posts tagged with \"blazor\" 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 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 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 Newer Entries Older Entries","s":"36 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/3","h":"","p":199},{"i":202,"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":201},{"i":204,"t":"36 posts tagged with \"blazor\" 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 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 Newer Entries","s":"36 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/4","h":"","p":203},{"i":206,"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":205},{"i":208,"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":207},{"i":210,"t":"56 posts tagged with \"blazorbootstrap\" 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.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 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 Older Entries","s":"56 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap","h":"","p":209},{"i":212,"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":211},{"i":214,"t":"56 posts tagged with \"blazorbootstrap\" 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 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 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 Newer Entries Older Entries","s":"56 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/3","h":"","p":213},{"i":216,"t":"56 posts tagged with \"blazorbootstrap\" 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.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 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 Newer Entries Older Entries","s":"56 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/2","h":"","p":215},{"i":218,"t":"56 posts tagged with \"blazorbootstrap\" 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 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 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 Newer Entries Older Entries","s":"56 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/5","h":"","p":217},{"i":220,"t":"56 posts tagged with \"blazorbootstrap\" 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 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 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 Newer Entries Older Entries","s":"56 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/4","h":"","p":219},{"i":222,"t":"56 posts tagged with \"blazorbootstrap\" 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 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 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":"56 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/6","h":"","p":221},{"i":224,"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":223},{"i":226,"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":225},{"i":228,"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":227},{"i":230,"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":229},{"i":232,"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":231},{"i":234,"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":233},{"i":236,"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":235},{"i":238,"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":237},{"i":240,"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":239},{"i":242,"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":241},{"i":244,"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":243},{"i":246,"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":245},{"i":248,"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":247},{"i":250,"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":249},{"i":252,"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":251},{"i":254,"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":253},{"i":256,"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":255},{"i":258,"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":257},{"i":260,"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":259},{"i":262,"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":261},{"i":264,"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":263},{"i":266,"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":265},{"i":268,"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":267},{"i":270,"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":269},{"i":272,"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":271},{"i":274,"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":273},{"i":276,"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":275},{"i":278,"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":277},{"i":280,"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":279},{"i":282,"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":281},{"i":284,"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":283},{"i":286,"t":"29 posts tagged with \"bootstrap\" 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.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 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 Older Entries","s":"29 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap","h":"","p":285},{"i":288,"t":"29 posts tagged with \"bootstrap5\" 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.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 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 Newer Entries Older Entries","s":"29 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/2","h":"","p":287},{"i":290,"t":"29 posts tagged with \"bootstrap5\" 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 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 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":"29 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/3","h":"","p":289},{"i":292,"t":"29 posts tagged with \"bootstrap\" 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.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 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 Newer Entries Older Entries","s":"29 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/2","h":"","p":291},{"i":294,"t":"29 posts tagged with \"bootstrap5\" 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.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 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 Older Entries","s":"29 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5","h":"","p":293},{"i":296,"t":"29 posts tagged with \"bootstrap\" 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 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 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":"29 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/3","h":"","p":295},{"i":298,"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":297},{"i":300,"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":299},{"i":302,"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":301},{"i":304,"t":"3 posts tagged with \"button\" 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 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":"3 posts tagged with \"button\"","u":"/blog/tags/button","h":"","p":303},{"i":306,"t":"One post tagged with \"callout\" 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 \"callout\"","u":"/blog/tags/callout","h":"","p":305},{"i":308,"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":307},{"i":310,"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":309},{"i":312,"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":311},{"i":314,"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":313},{"i":316,"t":"One post tagged with \"confirmdialog\" 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 \"confirmdialog\"","u":"/blog/tags/confirmdialog","h":"","p":315},{"i":318,"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":317},{"i":320,"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":319},{"i":322,"t":"2 posts tagged with \"currencyinput\" 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","s":"2 posts tagged with \"currencyinput\"","u":"/blog/tags/currencyinput","h":"","p":321},{"i":324,"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":323},{"i":326,"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":325},{"i":328,"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":327},{"i":330,"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":329},{"i":332,"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":331},{"i":334,"t":"18 posts tagged with \"grid\" 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.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 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":"18 posts tagged with \"grid\"","u":"/blog/tags/grid/page/2","h":"","p":333},{"i":336,"t":"18 posts tagged with \"grid\" 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.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 Older Entries","s":"18 posts tagged with \"grid\"","u":"/blog/tags/grid","h":"","p":335},{"i":338,"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":337},{"i":340,"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":339},{"i":342,"t":"One post tagged with \"dropdown\" 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 \"dropdown\"","u":"/blog/tags/dropdown","h":"","p":341},{"i":344,"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":343},{"i":346,"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":345},{"i":348,"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":347},{"i":350,"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":349},{"i":352,"t":"12 posts tagged with \"modal\" 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 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 Older Entries","s":"12 posts tagged with \"modal\"","u":"/blog/tags/modal","h":"","p":351},{"i":354,"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":353},{"i":356,"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":355},{"i":358,"t":"12 posts tagged with \"modal\" 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.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":"12 posts tagged with \"modal\"","u":"/blog/tags/modal/page/2","h":"","p":357},{"i":360,"t":"One post tagged with \"numberinput\" 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 \"numberinput\"","u":"/blog/tags/numberinput","h":"","p":359},{"i":362,"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":361},{"i":364,"t":"2 posts tagged with \"pdfviewer\" 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.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":"2 posts tagged with \"pdfviewer\"","u":"/blog/tags/pdfviewer","h":"","p":363},{"i":366,"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":365},{"i":368,"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":367},{"i":370,"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":369},{"i":372,"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":371},{"i":374,"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":373},{"i":376,"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":375},{"i":378,"t":"2 posts tagged with \"tabs\" 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.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 \"tabs\"","u":"/blog/tags/tabs","h":"","p":377},{"i":380,"t":"2 posts tagged with \"sidebar\" 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 \"sidebar\"","u":"/blog/tags/sidebar","h":"","p":379},{"i":382,"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":381},{"i":384,"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":383},{"i":386,"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":385},{"i":388,"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":387},{"i":390,"t":"One post tagged with \"rangeinput\" 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 \"rangeinput\"","u":"/blog/tags/rangeinput","h":"","p":389},{"i":392,"t":"2 posts tagged with \"tooltip\" 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 \"tooltip\"","u":"/blog/tags/tooltip","h":"","p":391},{"i":394,"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":393},{"i":396,"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":395},{"i":398,"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":397},{"i":400,"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":399},{"i":402,"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":401},{"i":404,"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":403},{"i":406,"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":405},{"i":408,"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":407},{"i":410,"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":409},{"i":412,"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":411},{"i":414,"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":413},{"i":416,"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":415},{"i":418,"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":417},{"i":420,"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":419},{"i":422,"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":421},{"i":424,"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":423},{"i":426,"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":425},{"i":428,"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":427},{"i":430,"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":429},{"i":432,"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":431},{"i":434,"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":433},{"i":436,"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":435},{"i":438,"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":437},{"i":440,"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":439},{"i":442,"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":441},{"i":444,"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":443},{"i":446,"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":445},{"i":448,"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":447},{"i":450,"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":449},{"i":452,"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":451},{"i":454,"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":453},{"i":456,"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":455},{"i":458,"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":457},{"i":460,"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":459},{"i":462,"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":461},{"i":464,"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":463},{"i":466,"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":465},{"i":468,"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":467},{"i":470,"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":469},{"i":472,"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":471},{"i":474,"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":473},{"i":476,"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":475},{"i":478,"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":477},{"i":480,"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":479},{"i":482,"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":481},{"i":484,"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":483},{"i":486,"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":485},{"i":488,"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":487},{"i":490,"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":489},{"i":492,"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":491},{"i":494,"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":493},{"i":496,"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":495},{"i":498,"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":497},{"i":500,"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":499},{"i":502,"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":501},{"i":504,"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":503},{"i":506,"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":505},{"i":508,"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 Description Required Default ChildContent RenderFragment Specifies the content to be rendered inside the alert. Color AlertColor Gets or sets the alert color. AlertColor.None Dismissable bool Enables the alert to be closed by placing the padding for close button. false Methods​ Name Description CloseAsync Closes an alert by removing it from the DOM. Callback Events​ Name Description OnClose Fires immediately when the close instance method is called. OnClosed Fired when the alert has been closed and CSS transitions have completed. 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.
A simple primary alert - check it out! A simple secondary alert - check it out! A simple success alert - check it out! A simple danger alert - check it out! A simple warning alert - check it out! A simple info alert - check it out! A simple light alert - check it out! A simple dark alert - check it out!
See alerts demo here. Additional Content​ Alerts can also contain additional HTML elements like headings, paragraphs and dividers.

Well done!

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.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
See alerts with additional content demo. Icons​ Similarly, you can use Bootstrap Icons to create alerts with icons.
An example alert with an icon A simple success alert with an icon A simple danger alert with an icon A simple warning alert with an icon
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:
Holy guacamole! You should check in on some of those fields below.
Manually we can close an alert with button click.
Holy guacamole! You should check in on some of those fields below.
@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":507},{"i":510,"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 Description Required Default Items List List of all the items. ✔️ Examples​ Breadcrumb​
@code { private List NavItems1 { get; set; } private List NavItems2 { get; set; } protected override void OnInitialized() { NavItems1 = new List { new BreadcrumbItem{ Text = \"Home\", Href =\"/\" }, new BreadcrumbItem{ Text = \"Breadcrumb\", IsCurrentPage = true } }; NavItems2 = new List { 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.
';\" Items=\"NavItems2\">
@code { private List NavItems2 { get; set; } protected override void OnInitialized() { NavItems2 = new List { 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
@code { private List NavItems2 { get; set; } protected override void OnInitialized() { NavItems2 = new List { 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":509},{"i":512,"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 Specifies the content to be rendered inside the badge. 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 Gets or sets the badge position. 1.7.0 VisuallyHiddenText string 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.

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New
See demo here Background colors​ 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. Primary Secondary Success Danger Warning Info Light Dark See demo here Buttons​ Badges can be used as part of links or buttons to provide a counter.
See demo here Positioned​ Use Position and Placement parameters to position it in the corner of a link or button.
See demo here Generic indicator​ You can also replace the badge with a generic indicator without the count. 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":511},{"i":514,"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 Description Required Default Added Version Active bool When set to true, places the component in the active state with active styling. false 1.0.0 Block bool Makes the button to span the full width of a parent. false 1.0.0 ChildContent RenderFragment Specifies the content to be rendered inside this Button. 1.0.0 Color ButtonColor Gets or sets the button color. ✔️ 1.0.0 Disabled bool When set to true, disables the component's functionality and places it in a disabled state. false 1.0.0 Loading bool Shows the loading spinner or a LoadingTemplate. false 1.0.0 LoadingTemplate RenderFragment Gets or sets the component loading template. 1.0.0 LoadingText string Gets or sets the loadgin text. Loading... 1.0.0 Outline bool Makes the button to have the outlines. false 1.0.0 Position Position Gets or sets the position. 1.7.0 Size Size Changes the size of a button. 1.0.0 TabIndex int? If defined, indicates that its element can be focused and can participates in sequential keyboard navigation. 1.0.0 Target Target The target attribute specifies where to open the linked document for a ButtonType.Link. Target.None 1.0.0 To string Denotes the target route of the ButtonType.Link button. 1.0.0 TooltipPlacement TooltipPlacement Tooltip placement TooltipPlacement.Top 1.0.0 TooltipTitle string Displays informative text when users hover, focus, or tap an element. 1.0.0 TooltipColor TooltipColor Gets or sets the tooltip color. TooltipColor.None 1.10.0 Type ButtonType Defines the button type. ButtonType.Button 1.0.0 Methods​ Name Description ShowLoading Shows the loading state and disables the button. HideLoading Hides the loading state and enables the button. Examples​ Buttons​ Blazor Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.

See buttons demo here. Button tags​

See button tags demo here. Outline Buttons​

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.

See buttons with different size demo here. Disabled State​ Make buttons look inactive by adding the Disabled=\"true\" boolean parameter to any

See button disabled state demo here. Disable and enable state dynamically​ @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.
See block buttons demo here. Toogle States​ If you''re pre-toggling a button, you must manually add the Active=\"true\" parameter.

See button toogle 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.

See button with loading spinner demo here. Show/Hide loading spinner​ Use ShowLoading() and HideLoading() methods to toggle the button state. @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.

See button with tooltip demo here. NOTE HTML tooltips not supported at this moment. Dynamically update the tooltip text​
@code { private string text = \"Tooltip text\"; private void ChangeTooltip() => text = $\"Updated {DateTime.Now.ToLongTimeString()}\"; } See demo here. Events​ Click events​

@code{ protected void OnClick(EventArgs args) { Console.WriteLine(\"click event\"); } } Double click event​

@code{ protected void OnDoubleClick(EventArgs args) { Console.WriteLine(\"double click event\"); } } Click event with arguments​

@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 Toogle States Loading spinner Show/Hide loading spinner Show Tooltip Dynamically update the tooltip text Events","s":"Blazor Buttons","u":"/components/buttons","h":"","p":513},{"i":516,"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 ChildContent RenderFragment null ✔️ Specifies the content to be rendered inside this . 1.7.0 Flush bool false Removes borders and rounded corners to render accordions edge-to-edge with their parent container. 1.7.0 AlwaysOpen bool false It makes accordion items stay open when another item is opened. 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 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 OnHiding This event is fired immediately when the hide method has been called. 1.7.0 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 AccordionItem Parameters​ Name Type Default Required Description Added Version Content RenderFragment null ✔️ Specifies the content to be rendered inside the AccordionItem. 1.7.0 IsActive bool false Gets or sets the active AccordionItem. 1.7.0 Name string null Gets or sets the name. 1.7.0 Title string null Gets or sets the AccordionItem title. 1.7.0 TitleTemplate RenderFragment null Gets or sets the AccordionItem title template. 1.7.0 Examples​ Accordion​ Click the accordions below to expand/collapse the accordion content. This is the first item's accordion body. 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. This is the second item's accordion body. 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. This is the third item's accordion body. 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. See demo here. Title with Icon​ To customize the accordion title, use TitleTemplate, as shown in the below example. Accordion Item #1 This is the first item's accordion body. 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. Accordion Item #2 This is the second item's accordion body. 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. Accordion Item #3 This is the third item's accordion body. 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. 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. This is the first item's accordion body. 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. This is the second item's accordion body. 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. This is the third item's accordion body. 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. See demo here. Set default active accordion item​ Set the IsActive parameter to true to keep the accordion item open by default. This is the first item's accordion body. 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. This is the second item's accordion body. 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. This is the third item's accordion body. 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. See demo here. Always open​ Set the AlwaysOpen parameter to true to keep accordion items open when another item is opened. This is the first item's accordion body. 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. This is the second item's accordion body. 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. This is the third item's accordion body. 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. 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. This is the first item's accordion body. 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. This is the second item's accordion body. 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. This is the third item's accordion body. 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. This is the fourth item's accordion body. 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. This is the fifth item's accordion body. 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. This is the sixth item's accordion body. 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.

Show

Hide

@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. This is the first item's accordion body. 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. This is the second item's accordion body. 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. This is the third item's accordion body. 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. @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. This is the first item's accordion body. 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. This is the second item's accordion body. 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. This is the third item's accordion body. 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. @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":515},{"i":518,"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":517},{"i":520,"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 Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 Color CardColor Gets or sets the card color. CardColor.None 1.10.0 TextAlignment Alignment Gets or sets the text alignment of the card. Alignment.None 1.10.0 CardBody Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 CardFooter Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 CardGroup Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 CardHeader Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 Color CardColor Gets or sets the card color. CardColor.None 1.10.4 CardLink Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 Disabled bool When set to 'true', disables the component's functionality and places it in a disabled state. 1.10.0 To string? Gets or sets the target route. ✔️ 1.10.0 Target Target The target attribute specifies where to open the linked document. Target.None 1.10.0 TabIndex int? If defined, indicates that its element can be focused and can participates in sequential keyboard navigation. 1.10.0 CardSubTitle Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 Size HeadingSize Gets or sets the heading size. HeadingSize.H6 1.10.0 CardText Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 CardTitle Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 Size HeadingSize Gets or sets the heading size. HeadingSize.H5 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 title Some quick example text to build on the card title and make up the bulk of the card's content. 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. This is some text within a card body. See the demo here. Titles, text, and links​ Card title Card subtitle Some quick example text to build on the card title and make up the bulk of the card's content. Card link Another link See the demo here. Images​ \"placeholder\" Card title Card subtitle Some quick example text to build on the card title and make up the bulk of the card's content. Card title Card subtitle Some quick example text to build on the card title and make up the bulk of the card's content. \"placeholder\" See the demo here. List groups​ Create lists of content in a card with a flush list group.
  • An item
  • A second item
  • A third item
 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. \"placeholder\" Card title Some quick example text to build on the card title and make up the bulk of the card's content.
  • An item
  • A second item
  • A third item
Card link Another link See the demo here. Header and footer​ Add an optional header and/or footer within a card. Featured Special title treatment With supporting text below as a natural lead-in to additional content. 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.
Special title treatment With supporting text below as a natural lead-in to additional content.
Special title treatment With supporting text below as a natural lead-in to additional content.
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. Special title treatment With supporting text below as a natural lead-in to additional content. Special title treatment With supporting text below as a natural lead-in to additional content. Special title treatment With supporting text below as a natural lead-in to additional content. See the demo here. Background and color​ Header Primary card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Secondary card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Success card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Danger card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Warning card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Info card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Light card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Dark card title Some quick example text to build on the card title and make up the bulk of the card's content. 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. \"placeholder\" Card title This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. Last updated 3 mins ago \"placeholder\" Card title This card has supporting text below as a natural lead-in to additional content. Last updated 3 mins ago \"placeholder\" Card title 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. Last updated 3 mins ago See the demo here. Card groups with footer​ When using card groups with footers, their content will automatically line up. \"placeholder\" Card title This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. Last updated 3 mins ago \"placeholder\" Card title This card has supporting text below as a natural lead-in to additional content. Last updated 3 mins ago \"placeholder\" Card title 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. Last updated 3 mins ago 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":519},{"i":522,"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 ✔️ Specifies the content to be rendered inside the collapse. 1.7.0 Horizontal bool false Gets or sets the horizontal. 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. Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger. @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. This is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered. @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. Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.
@foreach (var item in messages) {

@item

}
@code { Collapse collapse1 = default!; List messages = new List(); 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(); } 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":521},{"i":524,"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 ChildContent RenderFragment ✔️ Specifies the content to be rendered inside this. Heading string Gets or sets the callout heading. Type enum CalloutType.Default Use CalloutType.Default or CalloutType.Info or CalloutType.Warning or CalloutType.Danger or CalloutType.Tip Examples​ Callout​ This is an default callout. Example text to show it in action. See callout documentation. This is an danger callout. Example text to show it in action. See callout documentation. This is an warning callout. Example text to show it in action. See callout documentation. This is an info callout. Example text to show it in action. See callout documentation. This is an tip callout. Example text to show it in action. See callout documentation. See callout default demo here. Custom callout heading​ This is an default callout. Example text to show it in action. See callout documentation. This is an danger callout. Example text to show it in action. See callout documentation. This is an warning callout. Example text to show it in action. See callout documentation. This is an info callout. Example text to show it in action. See callout documentation. This is an tip callout. Example text to show it in action. See callout documentation. See callout danger demo here. Large text​

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 .visually-hidden class.

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 .visually-hidden class.

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 .visually-hidden class.

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 .visually-hidden class.

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 .visually-hidden class.

 See callout warning demo here. Edit this page Previous Buttons Next Card Parameters Examples Callout Custom callout heading Large text","s":"Blazor Callout","u":"/components/callout","h":"","p":523},{"i":526,"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 Shows confirm dialog. 1.1.0 ShowAsync(string title, string message1, string message2, ConfirmDialogOptions confirmDialogOptions = null) Task Shows confirm dialog. 1.1.0 ShowAsync(string title, Dictionary parametres = null, ConfirmDialogOptions confirmDialogOptions = null) Task Shows confirm dialog. T is component. 1.1.0 ConfirmDialogOptions Properties​ Name Type Default Description Added Version DialogCssClass string Additional CSS class for the dialog (div.modal-dialog element). 1.1.0 Dismissable bool Adds a dismissable close button to the confirm dialog. 1.1.0 HeaderCssClass string Additional header CSS class (div.modal-header element). 1.1.0 IsScrollable bool Allows confirm dialog body to be scrollable. 1.1.0 IsVerticallyCentered bool Shows the confirm dialog vertically in the center of the page. 1.1.0 NoButtonColor ButtonColor 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​ @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. @code { private ConfirmDialog dialog; [Inject] ToastService ToastService { get; set; } private async Task DeleteEmployeeAsync() { var parameters = new Dictionary(); parameters.Add(\"EmployeeId\", 321); var confirmation = await dialog.ShowAsync(\"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
Employee Id :
@EmployeeId
First Name :
@employee.FirstName
Last Name :
@employee.LastName
@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. @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 @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. @code { private ConfirmDialog dialog; private async Task ShowDialogAsync() { var confirmation = await dialog.ShowAsync(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\". @code { private ConfirmDialog dialog; private async Task ShowDialogAsync() { var options = new ConfirmDialogOptions { IsScrollable = true }; var confirmation = await dialog.ShowAsync( 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. @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\". @code { private ConfirmDialog dialog; private async Task ShowDialogAsync() { var options = new ConfirmDialogOptions { IsScrollable = true, IsVerticallyCentered = true }; var confirmation = await dialog.ShowAsync(title: \"Confirm dialog title\", confirmDialogOptions: options); if (confirmation) { // do whatever } else { // do whatever } } } See Confirm Dialog 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","s":"Blazor Confirm Dialog","u":"/components/confirm-dialog","h":"","p":525},{"i":528,"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 Description Required Default Added Version BodyCssClass string Additional body CSS class. 1.0.0 BodyTemplate RenderFragment Body template. ✔️ 1.0.0 ChildContent RenderFragment Specifies the content to be rendered inside the alert. 1.0.0 CloseOnEscape bool Indicates whether the modal closes when escape key is pressed. true 1.0.0 DialogCssClass string Additional CSS class for the dialog (div.modal-dialog element). 1.0.0 FooterCssClass string Footer css class. 1.0.0 FooterTemplate RenderFragment Footer template. ✔️ 1.0.0 Fullscreen ModalFullscreen Fullscreen behavior of the modal. ModalFullscreen.Disabled 1.0.0 HeaderTemplate RenderFragment Header template. ✔️ 1.0.0 HeaderCssClass string Additional header CSS class. 1.0.0 IsScrollable bool Allows modal body scroll. false 1.0.0 IsServiceModal bool Indicates whether the modal is related to a modal service or not. false 1.9.4 IsVerticallyCentered bool Shows the modal vertically in the center. false 1.0.0 ModalType ModalType Gets or sets the modal type. ModalType.Light 1.9.5 Size ModalSize Size of the modal. ModalSize.Regular 1.0.0 ShowCloseButton bool Indicates whether the modal shows close button in header. true 1.0.0 TabIndex int Gets or sets the tab index. -1 1.6.0 Title string ✔️ 1.0.0 UseStaticBackdrop bool Indicates whether the modal uses a static backdrop. false 1.0.0 Methods​ Name Description Added Version ShowAsync Opens a modal. 1.0.0 ShowAsync(string title, Dictionary 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 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 body text goes here. @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. @code { private Modal modal = default!; private string? message; private async Task OnShowModalClick() { var parameters = new Dictionary(); parameters.Add(\"EmployeeId\", 321); await modal.ShowAsync(title: \"Employee Details\", parameters: parameters); } } EmployeeDemoComponent1.razor
Employee Id :
@EmployeeId
First Name :
@employee.FirstName
Last Name :
@employee.LastName
@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.
@message
@code { private Modal modal = default!; private string? message; private async Task OnShowModalClick() { var parameters = new Dictionary(); parameters.Add(\"EmployeeId\", 322); parameters.Add(\"OnclickCallback\", EventCallback.Factory.Create(this, ShowDTMessage)); await modal.ShowAsync(title: \"Employee Details\", parameters: parameters); } private void ShowDTMessage(MouseEventArgs e) => message = $\"The current DT is: {DateTime.Now}.\"; } EmployeeDemoComponent2.razor
Employee Id :
@EmployeeId
First Name :
@employee.FirstName
Last Name :
@employee.LastName
@code { private Employee employee; [Parameter] public int EmployeeId { get; set; } [Parameter] public EventCallback 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. I will not close if you click outside me. Don't even try to press escape key. @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.

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.

This content should appear at the bottom after you scroll.

 @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. This is a vertically centered modal. @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​

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.

This content should appear at the bottom after you scroll.

 @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. ... ... ... @code { private Modal xlModal; private Modal lgModal; private Modal smModal; } See demo here. Fullscreen Modal​ ... ... ... ... ... ... @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 body text goes here. @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":527},{"i":530,"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 Description Required Default Added Version BodyCssClass string Additional body CSS class. 1.0.0 BodyTemplate RenderFragment Body content. ✔️ 1.0.0 CloseOnEscape bool Indicates whether the offcanvas closes when escape key is pressed. true 1.0.0 FooterCssClass string Additional footer CSS class. 1.0.0 FooterTemplate RenderFragment Footer content. 1.0.0 HeaderCssClass string Additional header CSS class. 1.0.0 HeaderTemplate RenderFragment Content for the header. 1.0.0 IsScrollable bool Indicates whether body (page) scrolling is allowed while offcanvas is open. false 1.0.0 Placement Placement Gets or sets the offcanvas placement. By default, offcanvas is placed on the right of the viewport. Placement.End 1.0.0 ShowCloseButton bool Indicates whether the modal shows close button in header. true 1.0.0 Size OffcanvasSize Size of the offcanvas. OffcanvasSize.Regular 1.0.0 TabIndex int Gets or sets the tab index. -1 1.6.0 Title string Text for the title in header. ✔️ 1.0.0 UseStaticBackdrop bool When UseStaticBackdrop is set to true, the offcanvas will not close when clicking outside of it. false 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. ... design your header and body @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. @code { private Offcanvas offcanvas = default!; private string? message; private async Task ShowEmployeeComponent() { var parameters = new Dictionary(); parameters.Add(\"EmployeeId\", 321); await offcanvas.ShowAsync(title: \"Employee Details\", parameters: parameters); } } EmployeeDemoComponent1.razor
Employee Id :
@EmployeeId
First Name :
@employee.FirstName
Last Name :
@employee.LastName
@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.
@message
@code { private Offcanvas offcanvas = default!; private string? message; private async Task ShowEmployeeComponent() { var parameters = new Dictionary(); parameters.Add(\"EmployeeId\", 322); parameters.Add(\"OnclickCallback\", EventCallback.Factory.Create(this, ShowDTMessage)); await offcanvas.ShowAsync(title: \"Employee Details\", parameters: parameters); } private void ShowDTMessage(MouseEventArgs e) => message = $\"The current date time is: {DateTime.Now}.\"; } EmployeeDemoComponent2.razor
Employee Id :
@EmployeeId
First Name :
@employee.FirstName
Last Name :
@employee.LastName
@code { private Employee employee = default!; [Parameter] public int EmployeeId { get; set; } [Parameter] public EventCallback 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. ... @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.

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.

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.

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.

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.

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.

 @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​

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.

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.

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.

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.

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.

 @code { private Offcanvas offcanvas; private async Task OnShowOffcanvasClick() { await offcanvas?.ShowAsync(); } } See demo here. Large Offcanvas​

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.

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.

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.

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.

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.

 @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.
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
 @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":529},{"i":532,"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 Url string null ✔️ Gets or sets the PDF 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​

@eventLog

@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. Edit this page Previous Pagination Next Placeholders Parameters Callback Events Examples Basic usage","s":"Blazor PDF Viewer","u":"/components/pdf-viewer","h":"","p":531},{"i":534,"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 Description Required Default ActivePageNumber int Active page number. Starts with 1. 1 Alignment Alignment Gets or sets the pagination alignment. Alignment.None DisplayPages int Gets or sets the maximum page links to be displayed. 5 FirstLinkIcon IconName Gets or sets first link icon. FirstLinkText string Gets or sets first link text. FirstLinkText is ignored if FirstLinkIcon is specified. First LastLinkIcon IconName Gets or sets last link icon. LastLinkText string Gets or sets last link text. LastLinkText is ignored if LastLinkIcon is specified. Last NextLinkIcon IconName Gets or sets next link icon. NextLinkText string Gets or sets next link text. NextLinkText is ignored if NextLinkIcon is specified. Next PreviousLinkIcon IconName Gets or sets previous link icon. PreviousLinkText string Gets or sets previous link text. PreviousLinkText is ignored if PreviousLinkIcon is specified. Previous Size PaginationSize Gets or sets the pagination size. TotalPages int Total pages of data items. 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. See demo here. Working with icons​ See demo here. Disabled and active states​ See demo here. Sizing​ Fancy larger or smaller pagination? Add Size=\"PaginationSize.Small\" or Size=\"PaginationSize.Large\" for additional sizes. See demo here. Alignment​ See demo here. Callback Events​ Current Page Number: @currentPageNumber @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":533},{"i":536,"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 Description Required Version Added ChildContent RenderFragment null Specifies the content to be rendered inside this. 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 ... . . 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​ @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. @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":535},{"i":538,"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 Description Required Default Animation PlaceholderAnimation Gets or sets the placeholder animation. PlaceholderAnimation.Glow ChildContent RenderFragment Specifies the content to be rendered inside this. Placeholder Parameters​ Name Type Description Required Default Width PlaceholderWidth Gets or sets the placeholder width. PlaceholderWidth.Col1 Color PlaceholderColor Gets or sets the placeholder color. PlaceholderColor.None Size PlaceholderSize Gets or sets the placeholder size. PlaceholderSize.None Examples​ Placeholders​ See demo here. Width​ You can change the width through PlaceholderWidth, width utilities, or inline styles. See demo here. Color​ By default, the placeholder uses currentColor. This can be overridden with the Color property of type enum. 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. See demo here. Animation​ Animate placeholders with PlaceholderAnimation.Glow or PlaceholderAnimation.Wave to better convey the perception of something being actively loaded.

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":537},{"i":540,"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. 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.
@message
@code { string? message; private void OnScriptLoad() => message = \"Script loaded successfully.\"; private void OnScriptError(string errorMessage) => message = errorMessage; } Edit this page Previous Progress Next Sidebar Script Loader Parameters Script Loader Events How it works Events","s":"Blazor Script Loader","u":"/components/script-loader","h":"","p":539},{"i":542,"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 ChildContent RenderFragment ✔️ Specifies the content to be rendered inside this. Height double 16 Gets or sets the height of the Progress. Height is measured in pixels, and the default height is 16 pixels. ProgressBar Parameters​ Name Type Default Required Description Color ProgressColor Gets or sets the progress color. Label string Gets or sets the progress bar label. Type ProgressType Gets or sets the progress bar type. Width double Get or sets the progress bar width. 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​ See demo here. Labels​ Add labels to your Blazor ProgressBar component using the Label parameter or by calling the SetLabel(...) method. See demo here. Set width programmatically​ Use IncreaseWidth() or DecreaseProgressBar() methods to increase or decrease the Blazor ProgressBar width.
@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. See demo here. Backgrounds​ Use the Color parameter or the SetColor(ProgressColor color) method to change the appearance of individual Blazor ProgressBar components. See demo here. Set background programmatically​ You can dynamically set the Blazor ProgressBar color by calling the SetColor() method.
@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. See demo here. Striped​ Add Type=\"ProgressType.Striped\" to any Blazor ProgressBar component to apply a stripe. 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. See demo here. Edit this page Previous Preload Next Script Loader 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":541},{"i":544,"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 Specifies the content to be rendered inside this. 1.0.0 Color TooltipColor Gets or sets the tooltip color. TooltipColor.None 1.10.0 Placement TooltipPlacement Specifies the tooltip placement. Default is top right. TooltipPlacement.Top 1.0.0 Title string Displays informative text when users hover, focus, or tap an element. ✔️ 1.0.0 Examples​ Tooltips​
Tooltip Left
Tooltip Top
Tooltip Right
Tooltip Bottom
See tooltips demo here. Disabled button with tooltip​ See disabled button with tooltip demo here. Tooltip icon with click event​ @code { private void OnClick() { Console.WriteLine($\"clicked\"); } } See icon with tooltip demo here. Dynamically update the tooltip text​
Tooltip Bottom
@code { private string text = \"Tooltip text\"; private void ChangeTooltip() => text = $\"Updated {DateTime.Now.ToLongTimeString()}\"; } 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","s":"Blazor Tooltips","u":"/components/tooltips","h":"","p":543},{"i":546,"t":"Components Tabs On this page Blazor Tabs Documentation and examples for using Blazor Bootstrap Tabs components. Tabs Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. 1.0.0 EnableFadeEffect bool Gets or sets the tabs fade effect. false 1.0.0 NavStyle NavStyle Get or sets the nav style. NavStyle.Tabs 1.0.0 Tabs Methods​ Name Description Added Version InitializeRecentTab(bool showTab) Initializes the most recently added tab, optionally displaying it. 1.11.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 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 Description Required Default Added Version Content RenderFragment Specifies the content to be rendered inside the tab. ✔️ 1.0.0 Disabled bool Gets or sets the disabled. false 1.0.0 IsActive bool Gets or sets the active tab. false 1.0.0 Name string Gets or sets the tab name. 1.0.0 Title string Gets or sets the tab title. 1.0.0 TitleTemplate RenderFragment 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​

This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

This is some placeholder content the Profile tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

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.

This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

This is some placeholder content the Profile tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

See demo here. Title with icon​ To customize the tab title, use the TitleTemplate parameter, as demonstrated in the following example. Home

This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

Profile

This is some placeholder content the Profile tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

Contact

This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

See demo here. Disable Tab​ Disable specific tabs by adding Disabled=\"true\" parameter.

This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

This is some placeholder content the Profile tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

This is some placeholder content the Projects tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

See demo here. Pills​ To transform the tabs into pills, use the parameter NavStyle=\"NavStyle.Pills\".

This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

This is some placeholder content the Profile tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next.

See demo here. Underline​ Use the NavStyle=\"NavStyle.Underline\" parameter to change the tabs to an underlined style.

This is the placeholder content for the Home tab.

This is the placeholder content for the Profile tab.

This is the placeholder content for the Contact tab.

 See demo here. Vertical​ Display your tabs vertically by setting the NavStyle parameter to NavStyle.Vertical.

This is the placeholder content for the Home tab.

This is the placeholder content for the Profile tab.

This is the placeholder content for the Contact tab.

This is the placeholder content for the About tab.

 See demo here. Vertical pills​

This is the placeholder content for the Home tab.

This is the placeholder content for the Profile tab.

This is the placeholder content for the Contact tab.

This is the placeholder content for the About tab.

 See demo here. Vertical underline​

This is the placeholder content for the Home tab.

This is the placeholder content for the Profile tab.

This is the placeholder content for the Contact tab.

This is the placeholder content for the About tab.

 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.

This is the placeholder content for the Home tab.

This is the placeholder content for the Profile tab.

This is the placeholder content for the Contact tab.

This is the placeholder content for the Products tab.

This is the placeholder content for the FAQs tab.

This is the placeholder content for the About tab.

 @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​

This is the placeholder content for the Home tab.

This is the placeholder content for the Profile tab.

This is the placeholder content for the Contact tab.

This is the placeholder content for the About tab.

 @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​ @foreach (var customer in customers) { OnTabClick(args, customer)\">
This is the placeholder content for the @customer.CustomerName tab.
} @if (selectedCustomer is not null) {
Selected customer: @selectedCustomer.CustomerName
} @code { private List 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​ @foreach (var customer in customers) { OnTabClick(args, customer)\">
This is the placeholder content for the @customer.CustomerName tab.
} @if (selectedCustomer is not null) {
Selected customer: @selectedCustomer.CustomerName
} @code { Tabs tabs = default!; private List 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.Last(); private void AddCustomer() { var count = customers.Count; var customer = new Customer(count + 1, $\"Customer {count + 1}\"); customers.Add(customer); //selectedCustomer = customer; NOTE: this line is not required tabs.InitializeRecentTab(showTab: true); } private void OnTabClick(TabEventArgs args, Customer customer) => selectedCustomer = customer; } See demo here. Edit this page Previous Sidebar 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","s":"Blazor Tabs","u":"/components/tabs","h":"","p":545},{"i":548,"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 Description Required Default Added Version AutoHide bool Auto hide the toast. false 1.0.0 Delay int Delay hiding the toast (milli seconds). 5000 1.0.0 Messages List List of all the toasts. ✔️ 1.0.0 Placement ToastsPlacement Specifies the toasts placement. ToastsPlacement.TopRight 1.0.0 ShowCloseButton bool Show close button. true 1.0.0 StackLength int Specifies the toast container maximum capacity. 5 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. @code { List messages = new List(); 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. @code { List messages = new List(); 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. @code { List messages = new List(); 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. @code { List messages = new List(); 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. @code { ToastsPlacement toastsPlacement = ToastsPlacement.TopRight; List 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. @code { List messages = new List(); 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 ... ... 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":547},{"i":550,"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 or @import in CSS from CDN. Parameters​ Name Type Description Required Default Added Version Color IconColor Gets or sets the icon color. IconColor.None 1.9.0 CustomIconName string Specify custom icons of your own, like fontawesome. Example: fas fa-alarm-clock ✔️ 1.0.0 Name IconName Gets or sets the icon name. ✔️ 1.0.0 Size IconSize Gets or sets the icon size. IconSize.None 1.0.0 NOTE Either Name or CustomIconName parameter is mandatory. For Font Awesome setup, please follow the Font Awesome website. Examples​ Icons​ See icons demo here. Sizes​ 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. Colors​ See icons with different size demo here. Inline text with icon​ Inline text See inline text with icon demo here. Link with icon​ Example link text See link with icon demo here. Link with custom icon​ Example link text See link with custom icon demo here. Button with icon and text​ See button with icon and text demo here. Button with icon only​ 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. Icon with 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":549},{"i":552,"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 Gets or sets chart height. 1.0.0 Width int Get or sets chart width. 1.0.0 Methods​ Name Return type Description Added Version AddDataAsync ChartData Adds data to bar chart. 1.10.0 AddDatasetAsync ChartData Adds dataset to bar chart. 1.10.0 InitializeAsync Task Initialize Bar Chart. 1.0.0 UpdateAsync Task Update Bar Chart. 1.0.0 ChartData Members​ Property Name Type Default Required Description Added Version Datasets List null ✔️ Gets or sets the Datasets. 1.0.0 Labels List 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 null Get or sets the BackgroundColor. 1.0.0 BorderColor List null Get or sets the BorderColor. 1.0.0 BorderWidth List 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 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 null ✔️ Get or sets the HoverBackgroundColor. 1.0.0 HoverBorderColor List null ✔️ Get or sets the HoverBorderColor. 1.0.0 HoverBorderWidth List 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. @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(); 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(); 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(); 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 GetDefaultDataSets(int numberOfDatasets) { var datasets = new List(); 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 GetRandomData() { var data = new List(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List GetRandomBackgroundColors() { var colors = new List(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List GetDefaultDataLabels(int numberOfLabels) { var labels = new List(); 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 @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 { \"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\" }; var datasets = new List(); var dataset1 = new LineChartDataset() { Label = \"Windows\", Data = new List { 7265791, 5899643, 6317759, 6315641, 5338211, 8496306, 7568556, 8538933, 8274297, 8657298, 7548388, 7764845 }, BackgroundColor = new List { colors[0] }, BorderColor = new List { colors[0] }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { colors[0] }, PointRadius = new List { 0 }, // hide points PointHoverRadius = new List { 4 }, }; datasets.Add(dataset1); var dataset2 = new LineChartDataset() { Label = \"macOS\", Data = new List { 1809499, 1816642, 2122410, 1809499, 1850793, 1846743, 1954797, 2391313, 1983430, 2469918, 2633303, 2821149 }, BackgroundColor = new List { colors[1] }, BorderColor = new List { colors[1] }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { colors[1] }, PointRadius = new List { 0 }, // hide points PointHoverRadius = new List { 4 }, }; datasets.Add(dataset2); var dataset3 = new LineChartDataset() { Label = \"Other\", Data = new List { 1081241, 1100363, 1118136, 1073255, 1120315, 1395736, 1488788, 1489466, 1489947, 1414739, 1735811, 1820171 }, BackgroundColor = new List { colors[2] }, BorderColor = new List { colors[2] }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { colors[2] }, PointRadius = new List { 0 }, // hide points PointHoverRadius = new List { 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​ @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(); 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(); 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(); 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 GetDefaultDataSets(int numberOfDatasets) { var datasets = new List(); 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 GetRandomData() { var data = new List(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List GetRandomBackgroundColors() { var colors = new List(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List GetDefaultDataLabels(int numberOfLabels) { var labels = new List(); 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":551},{"i":554,"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 Description Required Default Added Version Height int Gets or sets chart height. 1.0.0 Width int Gets or sets chart width. 1.0.0 Methods​ Name Return type Description Added Version AddDataAsync ChartData Adds data to bar chart. 1.10.0 AddDatasetAsync ChartData Adds dataset to bar chart. 1.10.0 InitializeAsync Task Initialize Bar Chart. 1.0.0 UpdateAsync Task Update Bar Chart. 1.0.0 ChartData Members​ Property Name Type Default Required Description Added Version Datasets List null ✔️ Gets or sets the Datasets. 1.0.0 Labels List 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 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 null Get or sets the BorderColor. 1.0.0 BorderRadius int 0 Border radius. 1.0.0 BorderWidth List 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 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 null ✔️ Get or sets the HoverBackgroundColor. 1.0.0 HoverBorderColor List null ✔️ Get or sets the HoverBorderColor. 1.0.0 HoverBorderWidth List 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. @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(); 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(); 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(); 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 GetDefaultDataSets(int numberOfDatasets) { var datasets = new List(); 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 { c.ToRgbString() }, BorderColor = new List { c.ToRgbString() }, BorderWidth = new List { 0 }, }; } private List GetRandomData() { var data = new List(); for (var index = 0; index < labelsCount; index++) { data.Add(random.Next(200)); } return data; } private List GetDefaultDataLabels(int numberOfLabels) { var labels = new List(); 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​ @code { private BarChart barChart = default!; private BarChartOptions barChartOptions = default!; private ChartData chartData = default!; protected override void OnInitialized() { var labels = new List { \"Chrome\", \"Firefox\", \"Safari\", \"Edge\" }; var datasets = new List(); var dataset1 = new BarChartDataset() { Data = new List { 55000, 15000, 18000, 21000 }, BackgroundColor = new List { ColorBuilder.CategoricalTwelveColors[0] }, BorderColor = new List { ColorBuilder.CategoricalTwelveColors[0] }, BorderWidth = new List { 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​ @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 { \"Chrome\", \"Firefox\", \"Safari\", \"Edge\" }; var datasets = new List(); var dataset1 = new BarChartDataset() { Label = \"Windows\", Data = new List { 28000, 8000, 2000, 17000 }, BackgroundColor = new List { colors[0] }, BorderColor = new List { colors[0] }, BorderWidth = new List { 0 }, }; datasets.Add(dataset1); var dataset2 = new BarChartDataset() { Label = \"macOS\", Data = new List { 8000, 10000, 14000, 8000 }, BackgroundColor = new List { colors[1] }, BorderColor = new List { colors[1] }, BorderWidth = new List { 0 }, }; datasets.Add(dataset2); var dataset3 = new BarChartDataset() { Label = \"Other\", Data = new List { 28000, 10000, 14000, 8000 }, BackgroundColor = new List { colors[2] }, BorderColor = new List { colors[2] }, BorderWidth = new List { 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). @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 { \"Chrome\", \"Firefox\", \"Safari\", \"Edge\" }; var datasets = new List(); var dataset1 = new BarChartDataset() { Label = \"Windows\", Data = new List { 28000, 8000, 2000, 17000 }, BackgroundColor = new List { colors[0] }, BorderColor = new List { colors[0] }, BorderWidth = new List { 0 }, }; datasets.Add(dataset1); var dataset2 = new BarChartDataset() { Label = \"macOS\", Data = new List { 8000, 10000, 14000, 8000 }, BackgroundColor = new List { colors[1] }, BorderColor = new List { colors[1] }, BorderWidth = new List { 0 }, }; datasets.Add(dataset2); var dataset3 = new BarChartDataset() { Label = \"Other\", Data = new List { 28000, 10000, 14000, 8000 }, BackgroundColor = new List { colors[2] }, BorderColor = new List { colors[2] }, BorderWidth = new List { 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​ @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 { \"Chrome\", \"Firefox\", \"Safari\", \"Edge\" }; var datasets = new List(); var dataset1 = new BarChartDataset() { Label = \"Windows\", Data = new List { 28000, 8000, 2000, 17000 }, BackgroundColor = new List { colors[0] }, BorderColor = new List { colors[0] }, BorderWidth = new List { 0 }, }; datasets.Add(dataset1); var dataset2 = new BarChartDataset() { Label = \"macOS\", Data = new List { 8000, 10000, 14000, 8000 }, BackgroundColor = new List { colors[1] }, BorderColor = new List { colors[1] }, BorderWidth = new List { 0 }, }; datasets.Add(dataset2); var dataset3 = new BarChartDataset() { Label = \"Other\", Data = new List { 28000, 10000, 14000, 8000 }, BackgroundColor = new List { colors[2] }, BorderColor = new List { colors[2] }, BorderWidth = new List { 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":553},{"i":556,"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 Gets or sets chart height. 1.0.0 Width int Get or sets chart width. 1.0.0 Methods​ Name Return type Description Added Version AddDataAsync ChartData Adds data to bar chart. 1.10.0 AddDatasetAsync ChartData Adds dataset to bar chart. 1.10.0 InitializeAsync Task Initialize Bar Chart. 1.0.0 UpdateAsync Task Update Bar Chart. 1.0.0 ChartData Members​ Property Name Type Default Required Description Added Version Labels List null ✔️ Gets or sets the Labels. 1.0.0 Datasets List 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 null Get or sets the BackgroundColor. 1.0.0 BorderColor List null Get or sets the BorderColor. 1.0.0 BorderDash List null Line dash. 1.0.0 BorderDashOffset double 0.0 Line dash offset. 1.0.0 BorderWidth List 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 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 null ✔️ Get or sets the HoverBackgroundColor. 1.0.0 HoverBorderColor List null ✔️ Get or sets the HoverBorderColor. 1.0.0 HoverBorderDash List null Hover line dash. 1.0.0 HoverBorderWidth List 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 new List { \"rgba(0, 0, 0, 0.1)\" } The fill color for points. 1.0.0 PointBorderColor List new List { \"rgba(0, 0, 0, 0.1)\" } The border color for points. 1.0.0 PointBorderWidth List new List { 1 } The width of the point border in pixels. 1.0.0 PointHitRadius List new List { 1 } The pixel size of the non-displayed point that reacts to mouse events. 1.0.0 PointHoverBackgroundColor List null Point background color when hovered. 1.0.0 PointHoverBorderColor List null Point border color when hovered. 1.0.0 PointHoverBorderWidth List new List { 1 } Border width of point when hovered. 1.0.0 PointHoverRadius new List new List { 1 } The radius of the point when hovered. 1.0.0 PointRadius List new List { 1 } The radius of the point shape. If set to 0, the point is not rendered. 1.0.0 PointRotation List new List { 0 } The rotation of the point in degrees. 1.0.0 PointStyle List new List { \"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 @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(); 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(); 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(); 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 GetDefaultDataSets(int numberOfDatasets) { var datasets = new List(); 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 { c.ToRgbString() }, BorderColor = new List { c.ToRgbString() }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { c.ToRgbString() }, PointRadius = new List { 0 }, // hide points PointHoverRadius = new List { 4 }, }; } private List GetRandomData() { var data = new List(); for (var index = 0; index < labelsCount; index++) { data.Add(random.Next(200)); } return data; } private List GetDefaultDataLabels(int numberOfLabels) { var labels = new List(); 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 @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 { \"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\" }; var datasets = new List(); var dataset1 = new LineChartDataset() { Label = \"Windows\", Data = new List { 7265791, 5899643, 6317759, 6315641, 5338211, 8496306, 7568556, 8538933, 8274297, 8657298, 7548388, 7764845 }, BackgroundColor = new List { colors[0] }, BorderColor = new List { colors[0] }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { colors[0] }, PointRadius = new List { 0 }, // hide points PointHoverRadius = new List { 4 }, }; datasets.Add(dataset1); var dataset2 = new LineChartDataset() { Label = \"macOS\", Data = new List { 1809499, 1816642, 2122410, 1809499, 1850793, 1846743, 1954797, 2391313, 1983430, 2469918, 2633303, 2821149 }, BackgroundColor = new List { colors[1] }, BorderColor = new List { colors[1] }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { colors[1] }, PointRadius = new List { 0 }, // hide points PointHoverRadius = new List { 4 }, }; datasets.Add(dataset2); var dataset3 = new LineChartDataset() { Label = \"Other\", Data = new List { 1081241, 1100363, 1118136, 1073255, 1120315, 1395736, 1488788, 1489466, 1489947, 1414739, 1735811, 1820171 }, BackgroundColor = new List { colors[2] }, BorderColor = new List { colors[2] }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { colors[2] }, PointRadius = new List { 0 }, // hide points PointHoverRadius = new List { 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​ @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 { \"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\" }; var datasets = new List(); var dataset1 = new LineChartDataset { Label = \"Windows\", Data = new List { 7265791, 5899643, 6317759, 6315641, 5338211, 8496306, 7568556, 8538933, 8274297, 8657298, 7548388, 7764845 }, BackgroundColor = new List { colors[0] }, BorderColor = new List { colors[0] }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { colors[0] }, PointRadius = new List { 3 }, // show points PointHoverRadius = new List { 4 }, // datalabels Datalabels = new() { Align = \"end\", Anchor = \"end\" } }; datasets.Add(dataset1); var dataset2 = new LineChartDataset { Label = \"macOS\", Data = new List { 1809499, 1816642, 2122410, 1809499, 1850793, 1846743, 1954797, 2391313, 1983430, 2469918, 2633303, 2821149 }, BackgroundColor = new List { colors[1] }, BorderColor = new List { colors[1] }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { colors[1] }, PointRadius = new List { 3 }, // show points PointHoverRadius = new List { 4 }, // datalabels Datalabels = new() { Align = \"end\", Anchor = \"end\" } }; datasets.Add(dataset2); var dataset3 = new LineChartDataset { Label = \"Other\", Data = new List { 1081241, 1100363, 1118136, 1073255, 1120315, 1395736, 1488788, 1489466, 1489947, 1414739, 1735811, 1820171 }, BackgroundColor = new List { colors[2] }, BorderColor = new List { colors[2] }, BorderWidth = new List { 2 }, HoverBorderWidth = new List { 4 }, PointBackgroundColor = new List { colors[2] }, PointRadius = new List { 3 }, // show points PointHoverRadius = new List { 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":555},{"i":558,"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 Gets or sets chart height. 1.0.0 Width int Get or sets chart width. 1.0.0 Methods​ Name Return type Description Added Version AddDataAsync ChartData Adds data to bar chart. 1.10.0 AddDatasetAsync ChartData Adds dataset to bar chart. 1.10.0 InitializeAsync Task Initialize Bar Chart. 1.0.0 UpdateAsync Task Update Bar Chart. 1.0.0 ChartData Members​ Property Name Type Default Required Description Added Version Labels List null ✔️ Gets or sets the Labels. 1.0.0 Datasets List 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 null Get or sets the BackgroundColor. 1.0.0 BorderColor List null Get or sets the BorderColor. 1.0.0 BorderWidth List 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 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 null ✔️ Get or sets the HoverBackgroundColor. 1.0.0 HoverBorderColor List null ✔️ Get or sets the HoverBorderColor. 1.0.0 HoverBorderWidth List 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. @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(); 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(); 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(); 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 GetDefaultDataSets(int numberOfDatasets) { var datasets = new List(); 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 GetRandomData() { var data = new List(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List GetRandomBackgroundColors() { var colors = new List(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List GetDefaultDataLabels(int numberOfLabels) { var labels = new List(); 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​ @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(); 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(); 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(); 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 GetDefaultDataSets(int numberOfDatasets) { var datasets = new List(); 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 GetRandomData() { var data = new List(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List GetRandomBackgroundColors() { var colors = new List(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List GetDefaultDataLabels(int numberOfLabels) { var labels = new List(); 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. @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 GetDefaultDataSets(int numberOfDatasets) { var datasets = new List(); 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 GetRandomData() { var data = new List(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List GetRandomBackgroundColors() { var colors = new List(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List GetDefaultDataLabels(int numberOfLabels) { var labels = new List(); 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":557},{"i":560,"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 AllowNegativeNumbers bool false Allows negative numbers. By default, negative numbers are not allowed. AutoComplete bool false Indicates whether the NumberInput can complete the values automatically by the browser. Disabled bool false Gets or sets the disabled. 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. Max TValue Gets or sets the max. Max ignored if EnableMinMax=\"false\". Min TValue Gets or sets the min. Min ignored if EnableMinMax=\"false\". Placeholder string? null Gets or sets the placeholder. Step double? null Gets or sets the step. TextAlignment Alignment Alignment.None Gets or sets the text alignment. Value TValue Gets or sets the value. 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.
Entered Amount: @amount
@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?.
@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.
Tip: The amount must be between 10 and 500.
Entered Amount: @amount
@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.
Info: Here Step parameter is set to 10.
Entered Amount: @amount
Info: Here Step parameter is set to 2.5.
Entered Amount: @amount2
@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.
Entered Amount: @amount
Entered Amount: @amount2
@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.
Tip: Negative numbers are also allowed.
Entered Amount: @amount
@code { private int amount; } See demo here Disable​ Use the Disabled parameter to disable the NumberInput.
@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.
@code { private NumberInput 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
invoice.Price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" /> invoice.Price)\" />
invoice.Discount\" ValueChanged=\"(value) => DiscountChanged(value)\" Placeholder=\"Enter discount\" /> invoice.Discount)\" />
invoice.Total)\" />
@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.
price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" />
@displayPrice
@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":559},{"i":562,"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 delegate null ✔️ DataProvider is for items to render. The provider should always return an instance of AutoCompleteDataProviderResult, and null is not allowed. 0.4.0 Disabled bool false Is AutoComplete disabled. 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 AutoComplete placeholder. 0.4.0 PropertyName string null ✔️ AutoComplete data text property name. 0.4.0 Size enum AutoCompleteSize.Default Use AutoCompleteSize.Default or AutoCompleteSize.Large or AutoCompleteSize.Small 0.4.0 StringComparison enum StringComparison.OrdinalIgnoreCase Specifies the culture, case, and sort rules to be used. Use StringComparison.CurrentCulture or StringComparison.CurrentCultureIgnoreCase or StringComparison.InvariantCulture or StringComparison.InvariantCultureIgnoreCase or StringComparison.Ordinal or StringComparison.OrdinalIgnoreCase. 0.4.1 StringFilterOperator enum StringFilterOperator.Contains Use StringFilterOperator.Equals or StringFilterOperator.Contains or StringFilterOperator.StartsWith or StringFilterOperator.EndsWith 0.4.1 Value string null ✔️ AutoComplete 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​
OnAutoCompleteChanged(customer)\" />
@code { private string customerName; public IEnumerable customers; private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest 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 GetCustomers() { return new List { 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.
OnAutoCompleteChanged(customer)\" />
@code { private string customerName; public IEnumerable customers; private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest 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 GetCustomers() { return new List { 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​
OnAutoCompleteChanged(customer)\" />
@code { private string customerName; [Inject] ICustomerService _customerService { get; set; } private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request) { var customers = await _customerService.GetCustomers(request.Filter, request.CancellationToken); // API call return await Task.FromResult(new AutoCompleteDataProviderResult { 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​
OnAutoCompleteChanged(customer)\" />
@code { private string customerName; public IEnumerable customers; protected override void OnInitialized() { customerName = \"Pich S\"; } private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest 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 GetCustomers() { return new List { 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
OnAutoCompleteChanged(customer)\" /> customerAddress.CustomerName)\" />
customerAddress.Address)\" />
@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> CustomersDataProvider(AutoCompleteDataProviderRequest request) { var customers = await _customerService.GetCustomers(request.Filter); // API call return await Task.FromResult(new AutoCompleteDataProviderResult { 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.
OnAutoCompleteChanged(customer)\" />
@code { private string customerName = default!; private bool disabled = true; [Inject] ICustomerService _customerService { get; set; } = default!; private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request) { var customers = await _customerService.GetCustomersAsync(request.Filter, request.CancellationToken); // API call return await Task.FromResult(new AutoCompleteDataProviderResult { 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.
OnAutoCompleteChanged(customer)\" />
@code { private AutoComplete autoComplete1 = default!; private string customerName = default!; [Inject] ICustomerService _customerService { get; set; } = default!; private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request) { var customers = await _customerService.GetCustomersAsync(request.Filter, request.CancellationToken); // API call return await Task.FromResult(new AutoCompleteDataProviderResult { 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":561},{"i":564,"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 AllowNegativeNumbers bool false Allows negative numbers. By default, negative numbers are not allowed. AutoComplete bool false Indicates whether the NumberInput can complete the values automatically by the browser. CurrencySign CurrencySign CurrencySign.Standard Disabled bool false Gets or sets the disabled. 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. HideCurrencySymbol bool false Determines whether to hide the currency symbol are not. Locale string en-US ✔️ Gets or sets the locale. Max TValue Gets or sets the max. Max ignored if EnableMinMax=\"false\". MaximumFractionDigits byte? null The maximum number of fraction digits to use. Min TValue Gets or sets the min. Min ignored if EnableMinMax=\"false\". MinimumFractionDigits byte? null The minimum number of fraction digits to use. 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. Placeholder string? null Gets or sets the placeholder. TextAlignment Alignment Alignment.None Gets or sets the text alignment. Value TValue Gets or sets the value. 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.
Entered Amount: @amount1
@code { private int amount1 = 12345678; } See demo here Show currency symbols for the different locales​
Entered Amount: @amount1
Entered Amount: @amount2
Entered Amount: @amount3
Entered Amount: @amount4
Entered Amount: @amount5
Entered Amount: @amount6
Entered Amount: @amount7
Entered Amount: @amount8
Entered Amount: @amount9
@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.
Entered Value: @amount1
@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.
Entered Value: @amount1
@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.
Entered Value: @amount1
@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?.
@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.
Tip: The amount must be between 10 and 500.
Entered Amount: @amount
@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.
Entered Amount: @amount
Entered Amount: @amount2
@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.
Tip: Negative numbers are also allowed.
Entered Amount: @amount
@code { private int amount; } See demo here Disable​ Use the Disabled parameter to disable the CurrencyInput.
@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.
@code { private CurrencyInput 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
invoice.Price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" /> invoice.Price)\" />
invoice.Discount\" ValueChanged=\"(value) => DiscountChanged(value)\" Placeholder=\"Enter discount\" /> invoice.Discount)\" />
invoice.Total)\" />
@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 Events: ValueChanged​ This event fires on every user keystroke that changes the CurrencyInput value.
price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" />
@displayPrice
@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 Events: ValueChanged","s":"Blazor Currency Input","u":"/forms/currency-input","h":"","p":563},{"i":566,"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 Indicates whether the DateInput can complete the values automatically by the browser. 1.5.0 Disabled bool false Gets or sets the disabled. 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\". 1.5.0 Min TValue Gets or sets the min. Min ignored if EnableMinMax=\"false\". 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> 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\".
Entered date: @date1
@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?.
DateOnly:
Entered date: @date1
DateOnly?:
Entered date: @date2
DateTime:
Entered date: @date3
DateTime?:
Entered date: @date4
@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.
DateOnly:
Min date: @min1
Max date: @max1
Entered date: @date1
DateOnly?:
Min date: @min2
Max date: @max2
Entered date: @date2
DateTime:
Min date: @min3
Max date: @max3
Entered date: @date3
DateTime?:
Min date: @min4
Max date: @max4
Entered date: @date4
@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.
Entered date: @date1
@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.
Entered date: @date1
@code { private DateInput 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
invoice.InvoiceDate)\" />
invoice.CustomerName)\" />
@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.
date1\" ValueChanged=\"(value) => DateChanged(value)\" />
Changed date: @date1
@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
onlineCourseForm.CourseName)\" />
onlineCourseForm.StartDate\" ValueChanged=\"(value) => StartDateChanged(value)\" /> onlineCourseForm.StartDate)\" />
onlineCourseForm.EndDate)\" />
@code { DateInput 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":565},{"i":568,"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. 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 1 Status: @agree1
Switch 2 Status: @agree2
@code { bool agree1; bool agree2 = true; } See demo here Disable​ Disable​ Use the Disabled parameter to disable the Switch.
@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.
@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. @code { bool agree; } See demo here Events: ValueChanged​ This event fired when the Switch selection changed. agree\" ValueChanged=\"SwitchChanged\" />
@displaySwitchStatus
@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":567},{"i":570,"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 Disables or enables the range input. 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 default 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​ @code { int amount1 = 10; }
@amount1
@amount2
@amount3
@amount4
@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.
@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.
@code { private RangeInput 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.
@amount1
@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.
@amount1
@amount2
@amount3
@amount4
@code { int amount1 = 10; int? amount2 = 20; float amount3 = 30; float? amount4 = 40; } See demo here Tick marks​ To add tick marks to a RangeInput, set the TickMarks parameter. `
@temperature1 Fahrenheit @code { float temperature1 = 10; IEnumerable list = new List { 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 Tick marks","s":"Blazor Range Input","u":"/forms/range-input","h":"","p":569},{"i":572,"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 framework. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.11.1 Add CSS references​ After the tag in the head section in the Pages/_Layout.cshtml file, add the following references: 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. 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: 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: 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 @RenderBody()
An error has occurred. This application may no longer respond until reloaded. An unhandled exception has occurred. See browser dev tools for details. Reload 🗙
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(); 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
About
@Body
@code { private Sidebar sidebar = default!; private IEnumerable navItems = default!; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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":571},{"i":574,"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 Indicates whether the TimeInput can complete the values automatically by the browser. 1.6.0 Disabled bool false Gets or sets the disabled. 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> 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\".
Entered date: @date1
@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?.
TimeOnly:
Entered time: @time1
TimeOnly?:
Entered time: @time2
@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.
TimeOnly:
Min time: @min1
Max time: @max1
Entered time: @time1
TimeOnly?:
Min time: @min2
Max time: @max2
Entered time: @time2
@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.
Entered time: @time1
@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.
Entered time: @time1
@code { private TimeInput 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
flightForm.FlightNumber)\" />
flightForm.DepartureDate)\" />
flightForm.DepartureTime)\" />
flightForm.ArrivalDate)\" />
flightForm.ArrivalTime)\" />
@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.
time1\" ValueChanged=\"(value) => TimeChanged(value)\" />
Changed time: @time1
@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
flightForm.DepartureTime\" ValueChanged=\"(value) => DepartureTimeChanged(value)\" /> flightForm.DepartureTime)\" />
flightForm.ArrivalTime)\" />
@code { TimeInput 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":573},{"i":576,"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 framework. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.11.1 Add CSS references​ After the tag in the head section in the Pages/_Host.cshtml file, add the following references: 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. 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: 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: 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
An error has occurred. This application may no longer respond until reloaded. An unhandled exception has occurred. See browser dev tools for details. Reload 🗙
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(); 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
About
@Body
@code { private Sidebar sidebar = default!; private IEnumerable navItems = default!; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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":575},{"i":578,"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 framework. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.11.1 Add CSS references​ After the tag in the head section of the Components/App.razor. 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: 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: Starter template​ GitHub Repo: Blazor Bootstrap - Blazor Web App - Interactive Render Mode Server - Global (.NET 8) Sample Code​ App.razor​ 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() .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
About
@Body
@code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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; } }
An unhandled error has occurred. Reload 🗙
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":577},{"i":580,"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 framework. Server Project​ Install Nuget Package​ Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.11.1 Add CSS references​ After the tag in the head section of the Components/App.razor. 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: 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: Client Project​ Install Nuget Package​ Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.10.4 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​ 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() .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
About
@Body
@code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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; } }
An unhandled error has occurred. Reload 🗙
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":579},{"i":582,"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 framework. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.11.1 Add CSS references​ After the tag in the head section of the wwwroot/index.html file, add the following references: 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. 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: 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: 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​ NET6.BlazorWebAssemblyApp
Loading...
An unhandled error has occurred. Reload 🗙
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\"); builder.RootComponents.Add(\"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
About
@Body
@code { private Sidebar sidebar = default!; private IEnumerable navItems = default!; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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":581},{"i":584,"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 framework. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.11.1 Add CSS references​ After the tag in the head section of the wwwroot/index.html file, add the following references: 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. 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: 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: 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​ NET7.BlazorWebAssemblyApp
An unhandled error has occurred. Reload 🗙
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\"); builder.RootComponents.Add(\"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
About
@Body
@code { private Sidebar sidebar = default!; private IEnumerable navItems = default!; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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":583},{"i":586,"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 framework. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.11.1 Add CSS references​ After the tag in the head section in the wwwroot/index.html file, add the following references: 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: 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: 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":585},{"i":588,"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 framework. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.11.1 Add CSS references​ After the tag in the head section in the wwwroot/index.html file, add the following references: 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: 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: 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":587},{"i":590,"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 framework. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.11.1 Add CSS references​ After the tag in the head section of the wwwroot/index.html file, add the following references: 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: 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: Starter template​ GitHub Repo: Blazor Bootstrap - Blazor WebAssembly Standalone App (.NET 8) Sample Code​ index.html​ NET8.BlazorWebAssemblyStandaloneApp
An unhandled error has occurred. Reload 🗙
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\"); builder.RootComponents.Add(\"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
About
@Body
@code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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":589},{"i":592,"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 framework. 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
About
@Body
@code { private Sidebar sidebar = default!; private IEnumerable navItems = default!; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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":591},{"i":594,"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 framework. 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
About
@Body
@code { private Sidebar sidebar = default!; private IEnumerable navItems = default!; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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":593},{"i":596,"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​ @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​ @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​ @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​ @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​ @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 ... ... 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":595},{"i":598,"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":597},{"i":600,"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 Description Required Default Added Version AutoClose bool Enables or disables the auto close. true 1.10.0 AutoCloseBehavior DropdownAutoCloseBehavior Gets or sets the auto close behavior of the dropdown. DropdownAutoCloseBehavior.Both 1.10.0 ChildContent RenderFragment Specifies the content to be rendered inside the Dropdown. 1.10.0 Direction DropdownDirection Gets or sets the direction of the dropdown menu. DropdownDirection.Dropdown 1.10.0 Disabled bool Gets or sets whether the dropdown menu is disabled. false 1.10.3 Size Size Gets or sets the size of the dropdown. Size.None 1.10.3 Split bool Gets or sets the toggle button split behavior. false 1.10.0 DropdownToggleButton Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside the DropdownToggleButton. 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 DropdownActionButton Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside the DropdownActionButton. 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 Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside the DropdownMenu. 1.10.0 Position DropdownMenuPosition Gets or sets the dropdown menu position. 1.10.0 DropdownHeader Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside the DropdownHeader. 1.10.0 DropdownItem Parameters​ Name Type Description Required Default Added Version Active bool When set to 'true', places the component in the active state with active styling. 1.10.0 ChildContent RenderFragment Specifies the content to be rendered inside the DropdownMenu. 1.10.0 Disabled bool When set to 'true', disables the component's functionality and places it in a disabled state. 1.10.0 TabIndex int? If defined, indicates that its element can be focused and can participates in sequential keyboard navigation. 1.10.0 Target Target The target attribute specifies where to open the linked document. Target.None 1.10.0 To string? Denotes the target route of the link button. 1.10.0 Type ButtonType Defines the button type. ButtonType.Button 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 button Action Another action Something else here See the demo here. Color​
Primary Action Another action Something else here Secondary Action Another action Something else here Success Action Another action Something else here Info Action Another action Something else here Warning Action Another action Something else here Danger Action Another action Something else here
See the demo here. Split button​
Primary Action Another action Something else here Secondary Action Another action Something else here Success Action Another action Something else here Info Action Another action Something else here Warning Action Another action Something else here Danger Action Another action Something else here
See the demo here. Sizing​
Large button Action Another action Something else here Large split button Action Another action Something else here
Small button Action Another action Something else here Small split button Action Another action Something else here
See the demo here. Directions​ Dropup​ To trigger DropdownMenu above elements, add the Direction=\"DropdownDirection.Dropup\" to the Dropdown component.
Dropup button with text Action Another action Something else here Dropup split button Action Another action Something else here
See the demo here. Dropup centered​ To center the DropdownMenu above the toggle, add the Direction=\"DropdownDirection.DropupCentered\" to the Dropdown component.
Centered dropup Action Another action Something else here
See the demo here. Dropend​ To trigger DropdownMenu at the right of elements, add the Direction=\"DropdownDirection.Dropend\" to the Dropdown component.
Dropend Action Another action Something else here Split dropend Action Another action Something else here
See the demo here. Dropstart​ To trigger DropdownMenu at the left of elements, you can add the Direction=\"DropdownDirection.Dropstart\" to the Dropdown component.
Dropstart Action Another action Something else here Action Another action Something else here Split dropstart
See the demo here. Active​ To style DropdownItem as active, add the Active=\"true\" parameter to the DropdownItem element in the DropdownMenu. Dropstart Action Another action Something else here See the demo here. Disabled​ To disable the dropdown, set the Disabled parameter to true on the Dropdown component. Dropstart Action Another action Something else here
@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. Dropstart Action Another action Something else here 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. Right-aligned menu example Action Another action Something else here See the demo here. Menu content​ Header​ Add a header to label sections of actions in any dropdown menu. Dropdown Dropdown header Action Another action Something else here See the demo here. Dividers​ Separate groups of related menu items with a divider. Dropdown Action Another action Something else here Dropdown header Separated link 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

Some example text that's free-flowing within the dropdown menu.

And this is more example text.

 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 Dropdown form
invoice.Price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" /> invoice.Price)\" />
invoice.Discount\" ValueChanged=\"(value) => DiscountChanged(value)\" Placeholder=\"Enter discount\" /> invoice.Discount)\" />
invoice.Total)\" />
@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. Default dropdown Menu item Menu item Menu item Clickable outside Menu item Menu item Menu item Clickable inside Menu item Menu item Menu item Manual close Menu item Menu item Menu item See the demo here. Methods​ Dropdown button Action Another action Something else here @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 button Action Another action Something else here @code { List messages = new List(); 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":599},{"i":602,"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 Gets or sets the badge text. 1.4.0 CustomIconName string Gets or sets the custom icon name. 1.4.0 DataProvider delegate ✔️ DataProvider is for items to render. The provider should always return an instance of 'SidebarDataProviderResult', and 'null' is not allowed. 1.4.0 IconName enum Gets or sets the IconName. 1.4.0 ImageSrc string Gets or sets the logo. 1.4.0 Title string ✔️ Gets or sets the 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​ @code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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. @code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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. @code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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.
About
Page content goes here
@code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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.
About
Page content goes here
@code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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 ToogleSidebar() => 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.
About
Page content goes here
@code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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 ToogleSidebar() => sidebar.ToggleSidebar(); } See demo here. Custom brand icon​ Use the CustomIconName parameter to set the custom logo icon using font awesome or other icons.
About
Page content goes here
@code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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 ToogleSidebar() => sidebar.ToggleSidebar(); } See demo here. Show image as brand logo​ Use the ImageSrc parameter to set the brand logo.
About
Page content goes here
@code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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 ToogleSidebar() => sidebar.ToggleSidebar(); } See demo here. Customize sidebar​ Developers can customize the sidebar color by changing the CSS variables, as mentioned in the below example.
About
@code { Sidebar sidebar; bool applyPurpleStyle = false; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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) { } See demo here. Apply custom CSS class to NavItem​ Set the Class property of a NavItem to apply a custom CSS class. @code { Sidebar sidebar; IEnumerable navItems; private async Task SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable GetNavItems() { navItems = new List { 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 Tabs 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":601},{"i":604,"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 ✔️ Specifies the content to be rendered inside the grid. 1.0.0 Data IEnumerable Gets or sets the grid data. 1.4.3 DataProvider GridDataProviderDelegate 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, bool>? Enable or disable the header checkbox selection. 1.8.0 DisableRowSelection Func? Enable or disable the row level checkbox selection. 1.8.0 EmptyDataTemplate RenderFragment ✔️ 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 Gets or sets the filters row css class. 1.9.2 FiltersTranslationProvider GridFiltersTranslationDelegate 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 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 ItemsPerPageText. 1.9.5 PageSize int 10 Gets or sets the page size of the grid. 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 RowClass Func? Gets or sets the row class. 1.6.0 Responsive bool false Gets or sets a value indicating whether Grid is responsive. 1.0.0 SelectionMode GridSelectionMode Gets or sets the grid selection mode. 1.8.0 SettingsProvider GridSettingsProviderDelegate 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 This event is fired when the grid state is changed. 1.0.0 OnRowClick EventCallback> This event is triggered when the user clicks on the row. Set AllowRowClick to true to enable row clicking. 1.9.5 OnRowDoubleClick EventCallback> 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> This event is fired when the items selection changed. 1.8.0 Grid Methods​ Name Return Type Description Added Version GetFilters() IEnumerable 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 ✔️ Specifies the content to be rendered inside the grid column. 1.0.0 ColumnClass Func? Gets or sets the column class. 1.6.0 Filterable bool true Enable or disable the filter on a specific column. The filter is enabled or disabled based on the grid AllowFiltering parameter. 1.0.0 FilterOperator enum Assigned based on the property type. Gets or sets the filter operator. 1.0.0 FilterTextboxWidth int Gets or sets the filter textbox width in pixels. 1.0.0 FilterValue string 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 Specifies the content to be rendered inside the grid column header. 1.7.3 HeaderText string ✔️ Gets or sets the table column header. 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 Gets or sets the property name. This is required when AllowFiltering is true. 1.0.0 Sortable bool false 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 enum SortDirection.None Gets or sets the default sort direction of a column. Use SortDirection.Ascending or SortDirection.Descending 1.0.0 SortKeySelector Expression> Expression used for sorting. 1.0.0 SortString string 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 enum 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 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. @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Client side filtering, paging, and sorting​ item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.FirstName @context.LastName @context.Email @context.Company @context.Designation @context.DOJ @context.Salary.ToString(\"N2\") @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. item.Id\"> @context.Id item.FirstName\"> @context.FirstName item.LastName\"> @context.LastName item.Designation\"> @context.Designation item.Salary\"> @context.Salary item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { [Inject] public IEmployeeService _employeeService { get; set; } private async Task> EmployeesDataProvider(GridDataProviderRequest 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 { 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. item.Id)\"> @context.Id item.Name)\" IsDefaultSortColumn=\"true\" SortDirection=\"SortDirection.Descending\"> @context.Name item.Designation)\"> @context.Designation item.DOJ)\"> @context.DOJ item.IsActive)\"> @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. item.Id)\"> @context.Id item.Name)\"> @context.Name @context.Designation item.DOJ)\"> @context.DOJ item.IsActive)\"> @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.Name @context.Designation @context.Salary @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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\") @context.Id @context.Name @context.Designation @context.Salary.ToString(\"N2\") @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.FirstName @context.LastName @context.Email @context.Company @context.Designation @context.DOJ @context.Salary.ToString(\"N2\") @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { private IEnumerable employees; protected override void OnInitialized() { employees = new List { 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> EmployeesDataProvider(GridDataProviderRequest 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. @context.Id @context.FirstName @context.LastName @context.Designation @code { private async Task> EmployeesDataProvider(GridDataProviderRequest request) { await Task.Delay(3000); return (new GridDataProviderResult { Data = new List(), 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 item.Id\" FilterOperator=\"FilterOperator.GreaterThanOrEquals\" FilterValue=\"109\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { BlazorBootstrap.Grid grid; private IEnumerable employees; [Inject] public IJSRuntime JS { get; set; } public GridSettings Settings { get; set; } private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GridSettingsProvider() { var settingsJson = await JS.InvokeAsync(\"window.localStorage.getItem\", \"grid-settings\"); if (string.IsNullOrWhiteSpace(settingsJson)) return null; var settings = JsonSerializer.Deserialize(settingsJson); if (settings is null) return null; return settings; } private IEnumerable GetEmployees() { return new List { 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) {

@department.Name Employees:

@context.Id @context.Name @context.Designation @context.DOJ @context.IsActive } @code { Grid grid; private List departments = new List() { new Department(\"Product 1 - Research & Development\", new List { 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 { 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; @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { Grid grid; private List employees; protected override void OnInitialized() { employees = new List { 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. item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { private IEnumerable employees; private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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. item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\" ColumnClass=\"@(x => x.IsActive ? \"table-success\" : \"table-danger\")\"> @context.IsActive @code { private IEnumerable employees; private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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 and tags to define custom column header and cell content. When defining header content, filters and sorting are removed from column. item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ @code { private IEnumerable employees; private bool IsAllChecked { get => employees.All(e => e.IsActive); set => Array.ForEach(employees.ToArray(), e => e.IsActive = value); } private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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. @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive
Selected Items Count: @selectedEmployees.Count
Selected Employees:
    @foreach (var emp in selectedEmployees) {
  • @emp.Name
    • }
@code { private IEnumerable employees = default!; private HashSet selectedEmployees = new(); private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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 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\". @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive
Selected Items Count: @selectedEmployees.Count
Selected Employees:
    @foreach (var emp in selectedEmployees) {
  • @emp.Name
    • }
@code { private IEnumerable employees = default!; private HashSet selectedEmployees = new(); private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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 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. @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive
Selected Items Count: @selectedEmployees.Count
Selected Employees:
    @foreach (var emp in selectedEmployees) {
  • @emp.Name
    • }
@code { private IEnumerable employees = default!; private HashSet selectedEmployees = new(); private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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 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 employees) { selectedEmployees = employees is not null && employees.Any() ? employees : new(); return Task.CompletedTask; } } See demo here Dynamic page size​ @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { private int pageSize = 5; private IEnumerable employees = default!; private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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​ @context.Id @context.Name @context.Designation @context.DOJ @context.IsActive @code { private IEnumerable employees = default!; private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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​ item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { private IEnumerable employees = default!; private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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​ item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { private IEnumerable employees = default!; private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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​ item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { [Inject] ModalService ModalService { get; set; } = default!; private IEnumerable employees = default!; private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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 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​ item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { [Inject] ModalService ModalService { get; set; } = default!; private IEnumerable employees = default!; private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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 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. item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { private IEnumerable employees = default!; private async Task> GridFiltersTranslationProvider() { var filtersTranslation = new List(); // 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> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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. @context.Id @context.Name @context.Designation @context.Designation @context.Designation @context.Designation @context.DOJ @context.IsActive @context.IsActive @context.IsActive @context.IsActive @context.IsActive @code { BlazorBootstrap.Grid grid = default!; private IEnumerable employees = default!; protected override async Task OnAfterRenderAsync(bool firstRender) { await base.OnAfterRenderAsync(firstRender); } private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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​ item.CustomerId\" FilterTextboxWidth=\"50\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.CustomerId item.CustomerName\" FilterTextboxWidth=\"80\"> @context.CustomerName item.Phone\" FilterTextboxWidth=\"100\"> @context.Phone item.Email\" FilterTextboxWidth=\"120\"> @context.Email item.Address\" FilterTextboxWidth=\"150\"> @context.Address item.PostalZip\" FilterTextboxWidth=\"80\"> @context.PostalZip item.Country\" FilterTextboxWidth=\"80\"> @context.Country @code { [Inject] public ICustomerService _customerService { get; set; } = default!; private async Task> CustomersDataProvider(GridDataProviderRequest 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 { Data = result.Item1, TotalCount = result.Item2 }); } } See demo here Freeze columns​ item.CustomerId\" FilterTextboxWidth=\"50\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.CustomerId item.CustomerName\" FilterTextboxWidth=\"80\"> @context.CustomerName item.Phone\" FilterTextboxWidth=\"100\"> @context.Phone item.Email\" FilterTextboxWidth=\"120\"> @context.Email item.Address\" FilterTextboxWidth=\"150\"> @context.Address item.PostalZip\" FilterTextboxWidth=\"80\"> @context.PostalZip item.Country\" FilterTextboxWidth=\"80\"> @context.Country @code { [Inject] public ICustomerService _customerService { get; set; } = default!; private async Task> CustomersDataProvider(GridDataProviderRequest 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 { Data = result.Item1, TotalCount = result.Item2 }); } } See demo here Freeze columns with fixed header​ item.CustomerId\" FilterTextboxWidth=\"50\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.CustomerId item.CustomerName\" FilterTextboxWidth=\"80\"> @context.CustomerName item.Phone\" FilterTextboxWidth=\"100\"> @context.Phone item.Email\" FilterTextboxWidth=\"120\"> @context.Email item.Address\" FilterTextboxWidth=\"150\"> @context.Address item.PostalZip\" FilterTextboxWidth=\"80\"> @context.PostalZip item.Country\" FilterTextboxWidth=\"80\"> @context.Country @code { [Inject] public ICustomerService _customerService { get; set; } = default!; private async Task> CustomersDataProvider(GridDataProviderRequest 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 { Data = result.Item1, TotalCount = result.Item2 }); } } See demo here Freeze columns with fixed header and filters​ item.CustomerId\" FilterTextboxWidth=\"50\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.CustomerId item.CustomerName\" FilterTextboxWidth=\"80\"> @context.CustomerName item.Phone\" FilterTextboxWidth=\"100\"> @context.Phone item.Email\" FilterTextboxWidth=\"120\"> @context.Email item.Address\" FilterTextboxWidth=\"150\"> @context.Address item.PostalZip\" FilterTextboxWidth=\"80\"> @context.PostalZip item.Country\" FilterTextboxWidth=\"80\"> @context.Country @code { [Inject] public ICustomerService _customerService { get; set; } = default!; private async Task> CustomersDataProvider(GridDataProviderRequest 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 { 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. item.Id\"> @context.Id item.Name\"> @context.Name item.Designation\"> @context.Designation item.DOJ\"> @context.DOJ item.IsActive\"> @context.IsActive @code { private IEnumerable employees = default!; private async Task> EmployeesDataProvider(GridDataProviderRequest 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 GetEmployees() { return new List { 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 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 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","s":"Blazor Grid","u":"/components/grid","h":"","p":603}],"index":{"version":"2.3.9","fields":["t"],"fieldVectors":[["t/2",[0,0.278,1,0.349,2,3.568,3,2.4,4,2.147,5,3.676,6,0.022,7,1.54,8,0.303,9,0.349,10,0.318,11,0.311,12,0.348,13,0.433,14,0.341,15,1.313,16,2.445,17,2.007,18,0.691,19,3.37,20,3.37,21,2.098,22,1.38,23,2.098,24,2.445,25,0.411,26,2.493,27,0.969,28,1.602,29,1.602,30,2.719,31,1.769,32,2.218,33,0.26,34,1.274,35,0.245,36,1.849,37,3.499,38,2.545,39,2.545,40,2.438,41,0.669,42,4.094,43,0.301,44,2.493,45,3.642,46,1.549,47,1.484,48,2.599,49,1.714,50,2.873,51,2.004,52,1.659,53,2.77,54,3.642,55,1.639,56,1.979,57,1.253,58,2.493,59,2.648,60,2.59,61,3.72,62,1.76,63,2.147,64,2.599,65,3.936,66,1.807,67,2.958,68,2.787,69,2.098,70,3.147,71,1.827,72,2.13,73,1.567,74,1.38,75,2.4,76,1.468,77,1.925,78,2.313,79,2.07,80,2.518,81,2.429,82,2.007,83,2.037,84,2.313,85,3.989,86,3.199,87,2.273,88,3.027,89,2.067,90,2.399,91,1.884,92,3.989,93,2.545,94,2.445,95,2.72,96,1.037,97,3.642,98,2.4,99,1.925,100,2.599,101,2.319,102,1.639,103,3.804,104,1.76,105,2.787,106,1.353,107,2.199,108,1.215,109,1.979]],["t/4",[6,0.018,8,0.244,9,0.262,10,0.256,11,0.25,12,0.28,14,0.274,18,0.849,25,0.441,33,0.209,35,0.247,43,0.25,51,1.637,55,2.882,66,2.221,81,2.985,96,1.825,110,6.955,111,3.868,112,4.475,113,6.473,114,6.473,115,4.902,116,4.385,117,5.17,118,2.696,119,6.473,120,5.908,121,4.674,122,2.264,123,1.637,124,1.524,125,2.137,126,0.317,127,5.688]],["t/6",[6,0.018,8,0.243,9,0.26,10,0.254,11,0.248,12,0.278,14,0.272,25,0.439,33,0.208,35,0.254,41,0.535,43,0.248,51,1.626,55,2.862,66,2.205,81,2.964,96,1.812,108,2.122,110,5.867,112,4.444,121,4.641,122,2.248,123,1.626,124,1.513,125,2.122,126,0.372,127,6.668,128,4.868,129,5.134,130,2.789,131,4.868,132,4.444,133,6.428,134,3.904,135,5.648]],["t/8",[6,0.024,8,0.215,9,0.23,10,0.225,11,0.22,12,0.246,14,0.241,25,0.408,27,1.004,33,0.184,35,0.244,40,1.951,43,0.22,51,1.782,52,1.791,66,1.951,81,3.249,90,4.592,96,1.603,108,1.877,112,3.932,121,4.107,122,2.465,123,1.438,124,1.339,125,1.877,126,0.345,129,4.543,130,2.814,134,3.454,135,4.997,136,6.192,137,3.016,138,2.222,139,5.191,140,2.967,141,2.719,142,5.191,143,7.172,144,2.562,145,5.688,146,2.009,147,5.208,148,3.844,149,8.115,150,4.143,151,5.983,152,5.629,153,5.983,154,4.681,155,5.983,156,5.208,157,5.983,158,7.172,159,6.482,160,6.027,161,3.706,162,6.027,163,4.997,164,4.997]],["t/10",[6,0.018,8,0.247,9,0.265,10,0.259,11,0.253,12,0.284,14,0.278,18,0.859,25,0.444,33,0.211,35,0.256,43,0.253,52,2.416,90,4.269,108,2.162,112,4.528,123,1.656,124,1.542,125,2.162,126,0.376,127,5.755,130,2.407,135,6.742,136,5.755,137,3.474,165,4.437,166,3.251]],["t/12",[6,0.017,8,0.234,9,0.252,10,0.246,11,0.24,12,0.269,13,0.335,14,0.263,18,0.975,25,0.359,27,0.814,33,0.201,35,0.252,43,0.24,59,3.123,73,2.644,74,2.329,108,2.05,112,4.294,116,4.208,123,1.571,124,1.462,125,2.05,126,0.365,136,5.458,137,3.294,146,2.194,164,6.534,166,3.083,167,5.458,168,6.212,169,4.704,170,4.485,171,4.294,172,4.485,173,6.212,174,2.144,175,3.142,176,6.582,177,7.079,178,4.126,179,4.704,180,7.833,181,7.833,182,2.131,183,7.079,184,5.273]],["t/14",[6,0.017,8,0.238,9,0.256,10,0.25,11,0.244,12,0.273,14,0.267,25,0.434,27,1.087,33,0.204,35,0.253,40,2.575,43,0.244,108,2.083,112,4.363,121,5.785,123,1.596,124,1.485,125,2.083,126,0.368,137,3.347,140,3.16,146,2.229,149,6.688,164,5.545,174,2.158,175,2.491,183,7.192,184,6.372,185,5.76,186,4.664,187,4.275,188,7.958,189,6.311,190,4.904]],["t/16",[6,0.017,8,0.235,9,0.252,10,0.246,11,0.241,12,0.27,13,0.336,14,0.264,18,0.816,25,0.36,27,0.976,31,1.714,33,0.201,35,0.252,43,0.241,46,2.621,49,1.9,51,2.015,63,2.537,108,2.055,122,2.786,123,1.574,124,1.465,125,2.055,126,0.365,146,2.199,169,4.715,170,4.495,174,2.006,175,2.94,177,7.095,182,2.136,184,5.285,190,5.786,191,1.708,192,5.285,193,5.682,194,5.752,195,4.972]],["t/18",[6,0.018,8,0.242,9,0.26,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,18,0.993,25,0.467,27,0.993,32,3.19,33,0.207,35,0.254,43,0.248,90,4.179,108,2.117,123,1.622,124,1.509,125,2.117,126,0.372,174,1.727,175,2.532,182,2.2,187,4.344,191,1.759,196,6.434,197,2.922,198,2.76,199,6.108,200,4.031,201,5.444,202,5.444]],["t/20",[1,0.3,3,2.805,6,0.017,8,0.232,9,0.249,10,0.244,11,0.238,12,0.267,13,0.332,14,0.261,25,0.428,27,1.103,33,0.199,35,0.251,40,2.112,43,0.238,52,2.496,66,2.821,73,3.375,74,2.973,108,2.032,123,1.557,124,1.449,125,2.032,126,0.363,128,4.662,174,1.658,175,2.43,182,2.112,187,5.01,190,4.784,191,1.688,195,5.907,202,5.226,203,5.409,204,3.869,205,4.662,206,4.445,207,3.056]],["t/22",[6,0.018,8,0.241,9,0.259,10,0.253,11,0.247,12,0.276,13,0.344,14,0.27,25,0.437,27,0.837,33,0.206,35,0.254,40,2.593,43,0.247,49,1.929,108,2.107,121,5.457,123,1.614,124,1.502,125,2.107,126,0.371,174,1.719,175,2.52,182,2.19,191,1.751,196,5.419,200,4.012,201,6.416,207,3.751,208,3.052,209,4.324,210,6.079,211,4.182,212,5.251]],["t/24",[6,0.018,8,0.24,9,0.257,10,0.251,11,0.246,12,0.275,13,0.342,14,0.269,15,2.267,18,0.988,25,0.465,27,0.988,33,0.205,35,0.253,43,0.246,63,2.59,108,2.098,123,1.607,124,1.496,125,2.098,126,0.369,171,4.393,173,6.354,174,1.712,175,2.509,182,2.18,187,4.304,191,1.743,195,5.075,196,5.394,200,5.05,202,6.399,213,3.195,214,6.051,215,8.013,216,8.013]],["t/26",[6,0.017,8,0.237,9,0.254,10,0.249,11,0.243,12,0.272,13,0.339,14,0.266,25,0.479,27,0.823,33,0.203,35,0.252,40,2.568,43,0.243,49,1.91,51,2.022,98,2.863,108,2.074,122,2.797,123,1.589,124,1.479,125,2.074,126,0.367,174,1.692,175,2.48,182,2.155,191,1.723,201,5.333,207,3.969,211,4.425,212,6.157,217,3.003,218,5.733,219,5.333]],["t/28",[1,0.257,6,0.017,8,0.239,9,0.257,10,0.251,11,0.245,12,0.275,13,0.342,14,0.269,25,0.435,27,0.831,33,0.205,35,0.253,40,2.175,43,0.245,49,2.048,66,2.582,86,3.85,93,4.383,96,2.263,108,2.093,123,1.603,124,1.492,125,2.093,126,0.369,174,1.708,175,2.503,182,2.175,191,1.739,207,3.147,211,3.508,212,5.214,219,6.39,220,6.038,221,4.685,222,3.317,223,5.382]],["t/30",[6,0.016,8,0.218,9,0.234,10,0.229,11,0.224,12,0.25,13,0.312,14,0.245,25,0.466,27,0.758,31,1.835,33,0.187,35,0.245,43,0.224,49,1.968,86,3.512,108,1.909,123,1.462,124,1.361,125,1.909,126,0.349,130,2.125,174,1.918,175,2.283,182,1.984,191,1.586,194,4.175,206,5.57,219,4.909,223,6.044,224,3.917,225,5.507,226,5.507,227,4.494,228,7.041,229,5.347,230,5.507,231,5.687,232,2.236,233,3.446,234,2.933,235,4.186,236,6.78,237,6.128,238,6.128,239,3.768,240,5.262,241,4.494,242,2.87,243,8.792,244,6.128,245,6.59,246,4.619,247,3.2,248,4.756,249,4.909,250,5.507,251,4.756]],["t/32",[0,0.256,4,2.509,6,0.017,8,0.232,9,0.249,10,0.244,11,0.238,12,0.267,13,0.332,14,0.261,17,3.358,18,0.969,25,0.494,33,0.199,35,0.251,36,2.568,40,2.112,43,0.238,71,3.056,108,2.032,123,1.557,124,1.449,125,2.032,126,0.363,130,2.262,174,1.992,175,2.43,182,2.112,191,1.688,223,5.226,229,4.912,230,5.863,231,5.907,232,2.38,247,4.092,251,6.083,252,5.409,253,4.784,254,4.784]],["t/34",[0,0.249,6,0.016,8,0.218,9,0.234,10,0.228,11,0.223,12,0.25,13,0.311,14,0.245,25,0.487,31,1.731,33,0.186,35,0.245,36,2.418,40,1.98,43,0.223,49,2.108,66,1.98,71,2.864,89,3.24,108,1.905,123,1.459,124,1.358,125,1.905,126,0.349,130,2.832,138,2.255,140,2.429,145,5.771,146,2.512,149,7.535,174,1.554,175,2.278,179,6.456,182,1.98,191,1.583,222,4.032,234,2.929,241,4.484,251,4.746,254,5.526,255,4.746,256,7.535,257,6.576,258,4.075,259,4.37,260,3.24,261,5.771,262,5.267,263,5.07,264,7.277,265,7.277,266,3.24,267,4.899]],["t/36",[0,0.207,6,0.018,8,0.241,9,0.259,10,0.253,11,0.247,12,0.277,13,0.345,14,0.271,25,0.438,33,0.207,35,0.254,36,2.422,43,0.247,71,3.176,108,2.112,123,1.618,124,1.506,125,2.112,126,0.371,130,2.351,174,1.723,175,2.526,182,2.195,191,1.755,207,4,211,4.459,254,4.972,267,6.425,268,5.622,269,6.093,270,4.846]],["t/38",[0,0.288,1,0.234,6,0.016,8,0.218,9,0.234,10,0.229,11,0.224,12,0.25,13,0.312,14,0.245,18,0.933,25,0.505,33,0.187,35,0.235,43,0.224,53,3.24,62,2.764,99,3.025,108,1.909,123,1.462,124,1.361,125,1.909,126,0.349,130,2.959,174,1.558,175,2.283,182,1.984,191,1.586,267,4.909,270,5.392,271,4.756,272,4.208,273,5.226,274,4.208,275,5.124,276,4.379]],["t/40",[0,0.28,1,0.296,6,0.017,8,0.228,9,0.244,10,0.239,11,0.233,12,0.261,13,0.325,14,0.256,25,0.349,31,1.868,33,0.195,35,0.223,43,0.233,49,1.865,62,2.885,90,3.933,91,1.848,108,1.992,123,1.526,124,1.923,125,1.992,126,0.358,130,2.218,174,1.626,175,2.383,182,2.07,191,1.655,222,3.157,229,4.854,240,4.46,270,4.571,276,5.534,277,3.861,278,4.964,279,6.878,280,5.401,281,3.861,282,3.245,283,3.861,284,6.396,285,4.088,286,7.61,287,7.61,288,4.46]],["t/42",[0,0.284,1,0.319,6,0.015,8,0.258,9,0.22,10,0.215,11,0.21,12,0.235,13,0.293,14,0.23,15,1.937,17,3.734,18,0.983,22,3.043,25,0.487,32,3.489,33,0.175,35,0.166,41,0.452,43,0.265,49,1.747,55,2.418,56,2.92,66,1.863,108,1.793,123,1.373,124,1.611,125,1.793,126,0.336,130,2.516,131,4.113,144,2.446,148,3.734,161,3.539,170,3.921,174,2.02,175,2.144,182,1.863,191,1.489,193,4.956,206,3.921,222,2.841,235,4.025,242,2.695,253,4.22,260,2.475,282,4.234,288,4.013,289,4.835,290,3.244,291,3.835,292,4.274,293,4.467,294,3.539,295,4.467,296,3.754,297,3.754,298,4.61,299,4.338,300,5.431,301,5.172,302,5.172,303,4.013,304,4.338,305,6.189,306,6.848,307,1.517,308,5.431,309,5.755,310,6.189,311,6.189,312,3.835]],["t/44",[0,0.288,1,0.325,6,0.016,8,0.215,9,0.231,10,0.226,11,0.221,12,0.247,13,0.308,14,0.242,18,1.006,25,0.497,27,0.749,33,0.184,35,0.174,41,0.475,43,0.221,49,1.958,55,2.543,59,3.857,73,3.412,74,3.089,108,1.885,122,2.804,123,1.444,124,1.344,125,1.885,126,0.346,130,2.819,146,2.017,174,1.903,175,2.255,182,1.959,191,1.566,277,3.654,289,4.033,304,4.562,307,2.301,312,4.99,313,4.325,314,2.909,315,7.201,316,4.325,317,3.793,318,4.124]],["t/46",[0,0.286,1,0.328,6,0.016,8,0.223,9,0.239,10,0.234,11,0.228,12,0.256,13,0.318,14,0.25,18,1.063,22,2.215,25,0.481,27,0.774,33,0.191,35,0.18,41,0.491,43,0.228,73,2.514,74,2.215,108,1.95,123,1.494,124,1.39,125,1.95,126,0.354,130,2.171,137,3.132,138,2.308,146,2.086,174,2.097,175,2.848,182,2.026,191,1.62,232,2.284,282,3.176,304,4.717,307,2.175,314,3.008,318,4.265,319,5.33,320,4.717,321,4.181,322,2.407,323,4.717,324,3.008,325,3.419,326,4.717]],["t/48",[0,0.282,1,0.314,6,0.016,8,0.22,9,0.236,10,0.231,11,0.225,12,0.253,13,0.314,14,0.247,17,3.903,18,0.938,25,0.499,28,2.538,33,0.188,35,0.178,43,0.225,49,1.488,52,2.656,62,2.788,108,1.925,123,1.475,124,1.372,125,1.925,126,0.351,130,2.63,154,3.873,161,3.8,163,5.124,174,1.571,175,2.302,182,2,191,1.599,198,2.51,227,4.532,272,4.223,276,4.416,288,5.289,289,4.118,327,4.658,328,4.917,329,3.324,330,4.796,331,7.584,332,5.554,333,7.353,334,5.322,335,5.322]],["t/50",[0,0.289,1,0.32,6,0.015,8,0.207,9,0.223,10,0.217,11,0.212,12,0.238,13,0.296,14,0.233,18,1.09,25,0.501,33,0.177,35,0.168,41,0.457,43,0.212,49,2.018,52,2.49,55,2.447,59,3.79,66,2.794,73,3.209,74,2.965,77,3.944,106,2.02,108,1.814,123,1.39,124,1.293,125,1.814,126,0.338,130,2.906,146,1.941,174,1.858,175,2.17,182,1.885,191,1.507,217,2.627,304,4.389,307,2.322,312,3.881,314,2.799,317,3.65,318,4.981,319,4.061,336,4.061,337,4.27,338,4.27,339,4.495,340,6.263]],["t/52",[0,0.285,1,0.33,6,0.017,8,0.226,9,0.242,10,0.237,11,0.231,12,0.259,13,0.322,14,0.254,18,1.026,25,0.483,27,0.953,28,2.604,29,2.604,33,0.193,35,0.182,41,0.498,43,0.231,60,3.514,63,2.438,108,1.975,123,1.513,124,1.408,125,1.975,126,0.356,130,2.199,137,3.173,146,2.113,174,2.109,175,2.87,182,2.052,191,1.641,232,2.313,304,4.779,307,2.187,314,3.047,319,4.422,322,2.438,326,5.806,341,5.079,342,3.311,343,4.779]],["t/54",[0,0.282,1,0.317,6,0.017,8,0.226,9,0.242,10,0.237,11,0.231,12,0.259,13,0.322,14,0.254,18,0.784,25,0.471,27,0.784,33,0.193,35,0.182,36,2.581,41,0.498,43,0.231,56,3.217,76,2.387,108,1.975,123,1.513,124,1.408,125,1.975,126,0.356,130,2.199,137,3.173,146,2.113,174,2.109,175,2.87,182,2.052,191,1.641,222,4.097,232,2.313,304,4.779,307,2.03,314,3.047,322,2.438,326,4.779,343,5.806,344,5.079,345,5.372,346,4.274,347,6.34,348,4.422]],["t/56",[0,0.282,1,0.319,6,0.017,8,0.229,9,0.246,10,0.24,11,0.234,12,0.263,13,0.327,14,0.257,18,0.96,25,0.456,27,0.795,33,0.196,35,0.185,41,0.504,43,0.234,46,2.552,57,0.998,63,2.47,75,3.879,83,3.354,108,2.001,123,1.533,124,1.427,125,2.001,126,0.359,130,2.228,146,2.141,174,2.121,175,2.893,182,2.079,232,2.344,304,4.842,307,2.047,314,3.088,322,2.47,343,4.842,346,3.564,348,5.415,349,4.711,350,4.842,351,4.106,352,4.191]],["t/58",[0,0.282,1,0.322,6,0.015,8,0.21,9,0.226,10,0.221,11,0.215,12,0.241,13,0.3,14,0.236,18,0.912,25,0.495,27,0.912,33,0.18,34,0.883,35,0.17,41,0.463,43,0.215,46,2.346,51,2.14,57,0.918,73,2.962,74,2.845,79,1.875,108,1.84,111,3.33,118,2.321,123,1.409,124,1.312,125,1.84,126,0.341,130,2.557,140,2.346,146,1.968,147,4.118,148,3.04,174,2.044,175,2.747,182,1.912,232,2.155,260,2.539,304,4.451,307,2.119,314,2.839,322,2.271,348,4.118,352,4.811,353,4.024,354,3.907,355,4.024,356,5.478,357,4.118,358,4.118,359,5.307,360,4.584,361,4.897,362,4.897,363,5.086,364,5.27,365,6.351,366,4.731,367,4.118,368,4.118,369,4.118,370,3.936]],["t/60",[0,0.29,1,0.35,6,0.015,8,0.211,9,0.227,10,0.221,11,0.216,12,0.242,13,0.302,14,0.237,18,0.733,25,0.324,27,0.733,28,3.308,29,3.308,33,0.181,34,0.887,35,0.213,36,2.097,43,0.216,46,2.356,57,0.921,108,1.847,123,1.415,124,1.317,125,1.847,126,0.342,130,2.056,146,1.976,174,1.879,175,2.754,182,1.919,198,2.408,207,2.777,211,3.096,232,3.166,246,5.572,314,2.85,322,3.337,352,3.868,370,4.927,371,4.237,372,4.892,373,4.809,374,4.135]],["t/62",[0,0.281,1,0.332,3,2.787,6,0.017,8,0.231,9,0.248,10,0.242,11,0.236,12,0.265,13,0.33,14,0.259,18,0.966,25,0.354,31,1.807,33,0.197,34,0.969,35,0.186,41,0.509,43,0.236,49,1.56,57,1.007,91,1.872,108,2.019,123,1.546,124,1.439,125,2.019,126,0.361,130,2.247,140,2.574,146,2.16,174,1.984,175,2.908,182,2.098,232,2.365,247,3.384,307,1.708,314,3.115,322,2.492,370,4.319,374,5.444,375,3.654,376,4.752,377,6.969,378,3.156,379,4.519]],["t/64",[0,0.281,1,0.332,3,2.768,6,0.017,8,0.229,9,0.246,10,0.24,11,0.235,12,0.263,13,0.327,14,0.257,25,0.425,33,0.196,34,0.963,35,0.185,43,0.235,52,2.682,57,1,108,2.005,111,3.63,123,1.536,124,1.43,125,2.005,126,0.36,130,2.233,146,2.146,174,1.976,175,2.897,182,2.084,207,3.642,211,4.06,232,2.349,272,3.313,314,3.094,322,2.476,328,3.463,379,4.49,380,5.422,381,4.852,382,4.035,383,4.29,384,7.66,385,7.66,386,3.178,387,3.887]],["t/66",[0,0.278,1,0.316,6,0.015,8,0.255,9,0.215,10,0.21,11,0.205,12,0.23,13,0.286,14,0.225,18,0.885,21,3.03,25,0.495,27,0.697,33,0.172,34,0.842,35,0.162,43,0.205,51,1.708,57,0.875,79,1.789,81,3.602,96,2.093,104,2.541,108,1.755,118,2.213,122,2.597,123,1.344,124,1.251,125,1.755,126,0.331,130,2.871,140,2.238,146,1.878,147,3.928,148,3.684,166,3.352,174,1.819,175,2.667,182,1.823,213,2.672,222,3.884,232,2.055,235,3.125,247,2.941,253,4.131,260,3.383,293,4.372,295,4.372,299,4.246,314,3.44,322,2.166,354,3.793,355,3.838,356,5.823,357,3.928,358,3.928,359,5.062,360,4.372,361,4.671,362,4.671,363,4.851,364,5.115,365,6.058,366,4.513,380,3.928,387,4.321,388,3.531,389,3.289,390,7.158,391,7.158,392,2.394,393,3.03,394,2.288,395,3.03,396,2.48,397,3.077]],["t/68",[0,0.283,1,0.313,6,0.014,8,0.195,9,0.21,10,0.205,11,0.2,12,0.224,13,0.279,14,0.219,18,0.87,25,0.463,27,0.679,30,4.128,33,0.167,34,0.82,35,0.158,40,1.776,43,0.2,50,4.464,57,0.852,66,1.776,96,2.18,108,1.709,123,1.309,124,1.218,125,1.709,126,0.326,130,3.059,131,3.92,146,1.828,148,3.622,151,5.638,153,5.638,155,5.638,157,5.638,161,3.373,174,1.789,175,2.622,182,1.776,197,2.359,232,2.835,233,2.505,234,2.132,235,3.043,249,4.394,266,2.907,280,3.825,293,4.258,294,3.373,302,4.93,303,4.908,314,3.383,322,2.988,330,4.258,351,5.418,356,3.738,392,2.331,397,2.996,398,4.411,399,2.864,400,3.373,401,5.118,402,3.92,403,3.438,404,4.249,405,7.037,406,5.485,407,5.304,408,4.548,409,3.825,410,6.527,411,7.617,412,3.656,413,3.656,414,3.656,415,3.738]],["t/70",[0,0.279,1,0.325,6,0.014,8,0.252,9,0.211,10,0.206,11,0.202,12,0.226,13,0.281,14,0.221,15,1.86,18,0.875,21,2.973,25,0.474,27,0.684,31,1.725,33,0.168,34,0.826,35,0.159,43,0.202,51,1.962,57,0.859,79,1.755,89,3.747,91,1.597,101,3.414,102,2.322,108,1.722,109,3.588,122,2.713,123,1.319,124,1.227,125,1.722,126,0.327,130,2.946,138,2.038,146,1.842,148,2.845,173,5.215,174,1.797,175,2.634,182,1.789,207,3.312,213,2.622,222,2.728,228,4.76,232,2.017,235,3.066,253,4.053,260,2.377,293,4.29,295,4.29,299,4.166,314,3.399,322,2.125,362,5.863,382,4.432,387,3.337,389,3.098,393,2.973,394,2.245,395,2.973,396,2.433,397,3.862,398,3.464,416,2.929,417,7.605,418,6.09,419,3.854,420,7.079,421,6.09,422,3.862,423,3.747,424,3.337,425,3.116,426,7.071,427,6.576,428,6.576,429,6.576,430,3.168,431,3.168,432,3.168,433,3.168]],["t/72",[0,0.279,1,0.333,6,0.017,8,0.232,9,0.249,10,0.244,11,0.238,12,0.267,13,0.332,14,0.261,22,2.973,25,0.356,27,0.807,33,0.199,34,0.976,35,0.188,43,0.238,57,1.014,108,2.032,123,1.557,124,1.449,125,2.032,126,0.363,130,2.262,146,2.174,174,1.992,175,2.92,182,2.112,197,2.805,232,2.38,314,3.136,321,3.718,322,2.509,324,3.136,325,4.76,415,4.445,434,5.466,435,4.784,436,4.917,437,7.763,438,7.763,439,4.445]],["t/74",[0,0.281,1,0.332,3,2.774,6,0.017,8,0.23,9,0.247,10,0.241,11,0.235,12,0.264,13,0.328,14,0.258,25,0.352,31,1.804,33,0.197,34,0.965,35,0.186,41,0.506,43,0.235,49,1.554,57,1.002,91,1.864,108,2.01,123,1.54,124,1.433,125,2.01,126,0.36,130,2.238,146,2.15,174,1.979,175,2.901,182,2.089,222,3.185,229,4.044,232,2.354,307,1.701,314,3.101,322,2.481,347,6.452,374,4.499,378,3.142,379,5.43,380,4.499,399,3.369,440,4.863,441,7.677,442,6.939,443,7.677,444,6.452]],["t/76",[0,0.279,1,0.329,6,0.016,8,0.224,9,0.241,10,0.235,11,0.23,12,0.257,13,0.32,14,0.252,25,0.419,27,0.779,31,1.792,33,0.192,34,0.942,35,0.181,43,0.23,57,0.979,87,3.672,91,1.82,96,2.388,108,1.962,123,1.503,124,1.399,125,1.962,126,0.355,130,2.661,146,2.1,148,3.242,174,1.95,175,2.859,182,2.039,197,2.709,204,3.11,232,2.299,314,3.028,322,2.422,378,3.068,392,2.677,404,3.803,434,4.393,439,5.228,445,4.502,446,3.874,447,6.774,448,5.046,449,4.502,450,7.496,451,5.944,452,7.496,453,6.774,454,7.496]],["t/78",[0,0.28,1,0.312,6,0.013,7,1.34,8,0.173,9,0.186,10,0.181,11,0.177,12,0.199,13,0.247,14,0.194,18,0.601,22,3.08,25,0.502,27,0.601,28,2.669,29,2.669,31,1.703,33,0.148,34,0.726,35,0.14,36,1.378,57,0.755,60,2.909,76,1.829,91,1.404,101,2.018,102,2.041,108,1.513,118,3.554,122,2.581,123,1.159,124,1.737,125,1.513,126,0.301,130,3.019,140,3.593,146,1.619,171,3.169,174,1.652,175,2.421,182,1.572,204,3.208,217,2.191,227,3.562,232,1.773,235,5.181,282,3.298,283,3.924,292,2.613,294,5.158,314,2.335,321,2.305,322,1.868,324,2.335,325,3.55,342,2.536,356,3.31,373,2.536,378,4.085,389,1.93,394,1.973,396,2.139,419,4.532,424,2.933,425,3.664,439,3.31,455,2.695,456,2.366,457,6.151,458,5.78,459,4.028,460,5.78,461,4.028,462,4.858,463,5.78,464,9.981,465,4.766,466,5.78,467,5.78,468,5.78,469,2.784,470,3.31]],["t/80",[0,0.286,1,0.325,6,0.016,8,0.216,9,0.232,10,0.227,11,0.222,12,0.248,13,0.309,14,0.243,22,3.01,25,0.445,27,0.752,28,2.496,29,2.496,31,1.727,33,0.185,34,0.909,35,0.175,43,0.222,57,0.944,60,2.414,81,3.701,82,3.128,91,1.756,108,1.893,122,2.006,123,1.45,124,1.35,125,1.893,126,0.347,130,3.161,146,2.026,174,1.908,175,2.796,182,1.967,204,3,211,3.173,224,3.885,229,3.809,232,2.217,282,3.084,303,4.238,314,2.921,322,2.337,325,3.319,419,4.238,425,3.426,457,4.457,470,5.115,471,4.457,472,4.58,473,7.231,474,6.535,475,7.231,476,3.809]],["t/82",[0,0.278,1,0.325,6,0.02,8,0.217,9,0.233,10,0.227,11,0.222,12,0.249,13,0.31,14,0.243,25,0.41,27,0.753,28,3.348,29,3.348,32,2.419,33,0.186,34,0.911,35,0.175,36,2.132,41,0.478,43,0.222,51,1.453,57,0.946,67,3.227,76,2.293,96,2.369,108,1.897,115,4.352,123,1.453,124,1.353,125,1.897,126,0.348,130,2.606,140,2.419,146,2.03,150,3.379,174,1.91,175,2.8,182,1.971,197,2.619,209,3.893,232,2.222,233,2.781,234,2.367,235,3.379,314,2.927,322,2.342,354,3.227,382,3.817,392,2.588,398,3.817,415,5.121,422,4.105,434,4.247,477,4.466,478,5.747,479,3.326,480,7.246,481,5.473,482,7.246,483,7.246,484,6.549,485,5.473,486,7.246,487,7.246]],["t/84",[0,0.28,1,0.325,6,0.016,8,0.217,9,0.233,10,0.227,11,0.222,12,0.249,13,0.31,14,0.243,22,2.66,25,0.465,27,0.753,31,1.808,33,0.186,34,0.911,35,0.175,43,0.222,57,0.946,91,1.759,96,2.326,108,1.897,123,1.453,124,1.353,125,1.897,126,0.348,130,2.827,146,2.03,160,6.09,174,1.91,175,2.8,182,1.971,208,2.747,229,3.817,232,2.222,314,2.927,322,2.342,389,3.382,392,2.588,394,2.473,425,4.237,457,4.466,459,5.049,470,4.149,474,6.549,476,4.711,488,3.817,489,4.058,490,4.878,491,3.814,492,2.927,493,7.246,494,7.246,495,4.149,496,7.246,497,7.246,498,7.246,499,4.149]],["t/86",[0,0.28,1,0.33,6,0.017,8,0.226,9,0.242,10,0.237,11,0.231,12,0.259,13,0.322,14,0.254,25,0.453,27,0.784,31,1.796,33,0.193,34,0.948,35,0.182,43,0.231,57,0.985,91,1.832,99,3.13,108,1.975,123,1.513,124,1.408,125,1.975,126,0.356,130,2.672,146,2.113,174,1.958,175,2.87,182,2.052,208,2.86,232,2.313,272,3.263,314,3.047,322,2.438,328,4.758,457,4.649,476,3.974,499,5.249,500,4.649,501,7.544,502,5.983,503,7.704,504,7.544,505,4.779,506,7.544,507,4.649,508,3.828]],["t/88",[0,0.282,1,0.321,6,0.015,8,0.208,9,0.223,10,0.218,11,0.213,12,0.239,13,0.297,14,0.234,18,0.906,25,0.458,27,0.723,32,3.333,33,0.178,34,0.874,35,0.168,43,0.213,51,2.159,52,2.493,57,0.908,66,2.716,69,3.145,79,1.856,80,2.638,106,2.91,107,3.296,108,1.821,118,2.297,123,1.395,124,1.299,125,1.821,126,0.339,130,2.997,140,2.323,146,1.949,161,3.595,166,2.738,174,1.863,175,2.73,182,1.893,198,2.375,208,2.638,232,2.133,266,3.098,314,3.522,322,2.248,356,3.984,378,2.848,382,4.593,386,2.886,461,4.848,499,3.984,508,4.424,509,3.595,510,4.848,511,3.814,512,2.848,513,6.957,514,6.957,515,6.288,516,6.957,517,6.288,518,6.957,519,6.957,520,3.737,521,3.814]],["t/90",[0,0.279,1,0.333,6,0.017,8,0.233,9,0.25,10,0.244,11,0.238,12,0.267,13,0.333,14,0.261,18,0.809,27,0.809,33,0.199,34,0.978,35,0.188,43,0.238,47,2.488,51,2.081,57,1.016,79,2.076,80,2.95,98,2.812,106,2.916,108,2.037,123,1.56,124,1.452,125,2.037,126,0.363,130,2.267,146,2.179,174,1.995,175,2.924,182,2.116,221,5.473,232,2.386,314,3.143,322,2.514,521,4.266,522,4.928,523,5.075,524,7.78,525,4.673]],["t/92",[0,0.274,1,0.33,6,0.017,8,0.227,9,0.243,10,0.238,11,0.232,12,0.26,13,0.324,14,0.255,15,2.143,18,0.955,27,0.788,33,0.194,34,0.952,35,0.183,43,0.232,47,2.423,52,2.47,57,0.989,98,2.738,106,3.071,108,1.984,123,1.52,124,1.414,125,1.984,126,0.357,146,2.122,174,1.963,175,2.878,178,5.211,182,2.061,221,4.441,232,2.324,314,3.713,322,2.449,339,4.75,382,3.991,386,3.143,508,3.845,510,5.28,511,4.154,521,5.039,522,4.8,526,4.339,527,7.577,528,7.577,529,4.441,530,4.441]],["t/94",[0,0.278,1,0.332,4,2.476,6,0.017,8,0.229,9,0.246,10,0.24,11,0.235,12,0.263,13,0.327,14,0.257,18,0.962,25,0.425,27,0.796,31,1.761,33,0.196,34,0.963,35,0.185,43,0.235,57,1,66,2.084,91,1.86,98,2.768,103,4.386,108,2.005,123,1.536,124,1.43,125,2.005,126,0.36,130,2.233,140,3.089,146,2.146,174,1.976,175,2.897,182,2.084,221,4.49,228,5.544,232,2.349,234,2.502,240,4.49,314,3.094,322,2.476,403,4.035,525,5.556,531,4.997,532,6.923,533,6.923,534,6.923]],["t/96",[0,0.281,1,0.333,6,0.017,8,0.231,9,0.248,10,0.243,11,0.237,12,0.265,13,0.33,14,0.26,27,0.803,33,0.198,34,0.971,35,0.187,43,0.237,51,2.125,57,1.009,79,2.062,80,2.93,97,4.237,98,2.793,103,5.326,104,2.93,105,4.641,106,3.018,107,3.662,108,2.023,123,1.55,124,1.442,125,2.023,126,0.362,130,2.252,146,2.165,174,1.987,175,2.912,182,2.102,232,2.37,314,3.122,322,2.498,503,6.495,525,4.641,535,7.728]],["t/98",[0,0.281,1,0.314,6,0.014,8,0.196,9,0.211,10,0.206,11,0.201,12,0.225,13,0.281,14,0.221,18,0.874,25,0.509,27,0.682,31,1.763,33,0.168,34,0.825,35,0.159,43,0.201,51,2.073,53,2.675,57,0.857,60,3.095,66,1.786,75,3.037,79,1.752,91,1.594,92,3.942,97,4.608,98,2.372,99,2.723,100,3.676,101,3.527,102,2.318,103,3.759,108,1.718,123,1.316,124,1.569,125,1.718,126,0.327,130,3.012,146,2.597,148,4.01,174,1.795,175,2.631,182,1.786,227,4.045,232,2.013,260,2.372,274,3.635,283,3.33,314,2.651,322,2.121,329,2.967,358,3.847,364,3.942,382,3.457,423,2.923,424,3.33,447,5.932,461,4.574,479,3.013,495,3.759,536,5.932,537,5.932,538,6.564,539,5.516,540,5.932,541,6.564,542,6.564,543,4.158,544,6.564,545,6.564,546,5.516,547,5.206,548,4.751,549,6.564,550,6.564,551,5.932,552,5.206,553,6.564]],["t/100",[0,0.277,1,0.328,6,0.016,8,0.223,9,0.239,10,0.234,11,0.228,12,0.256,13,0.318,14,0.25,25,0.496,27,0.774,31,1.271,33,0.191,34,0.936,35,0.18,43,0.228,53,3.078,57,0.973,70,3.529,85,5.462,86,3.587,87,3.648,88,4.858,89,4.05,90,4.7,91,1.808,92,4.473,108,1.95,123,1.494,124,1.39,125,1.95,126,0.354,130,2.171,146,2.086,174,1.943,175,2.848,182,2.026,186,4.365,232,2.284,272,3.221,273,4.001,274,3.221,275,3.923,314,3.008,322,2.407,378,4.186,554,7.401]],["t/102",[0,0.278,1,0.302,6,0.013,7,1.379,8,0.178,9,0.191,10,0.187,11,0.182,12,0.204,13,0.254,14,0.2,18,1.046,25,0.51,27,0.618,28,2.053,31,1.671,33,0.152,34,0.747,35,0.144,53,2.904,57,0.777,60,3.142,65,4.485,81,3.679,85,3.572,86,2.865,91,1.444,92,4.734,93,3.261,94,3.133,95,5.739,96,2.249,97,3.261,108,1.557,123,1.193,124,1.11,125,1.557,126,0.306,130,2.992,146,2.208,161,3.074,166,3.102,174,1.684,175,2.468,182,2.144,205,3.572,206,3.406,222,3.667,227,3.666,229,3.133,232,1.824,235,2.773,241,4.857,242,3.479,260,2.149,266,4.191,272,2.573,273,3.195,274,2.573,275,3.133,283,3.999,303,3.486,309,4.999,314,3.184,322,1.922,330,3.88,378,3.852,456,2.435,459,4.145,503,4.999,512,3.226,539,4.999,555,4.717,556,7.123,557,3.768,558,5.376,559,5.376,560,4.999,561,4.717,562,3.768,563,4.305,564,3.074,565,4.717,566,3.88,567,5.766,568,5.952,569,7.108,570,9.411,571,5.948,572,5.948,573,5.948,574,4.145,575,5.948,576,4.717,577,5.948]],["t/104",[0,0.274,1,0.317,6,0.015,8,0.202,9,0.217,10,0.212,11,0.207,12,0.232,13,0.289,14,0.227,25,0.468,33,0.173,34,0.849,35,0.163,36,2.354,40,2.328,43,0.207,49,1.367,51,1.716,53,3.088,57,0.882,61,3.783,63,2.183,67,3.008,70,4.055,71,2.659,72,3.101,73,3.171,74,2.794,75,3.57,76,2.137,77,2.802,78,3.367,79,1.802,80,2.561,81,3.13,82,2.922,83,2.964,84,3.367,85,4.057,90,3.491,106,1.969,108,1.768,123,1.355,124,1.261,125,1.768,126,0.333,130,1.969,146,1.892,147,3.959,150,3.15,166,3.369,174,1.828,175,2.68,182,1.838,186,3.959,207,2.659,222,3.551,232,2.071,247,2.964,272,2.922,273,3.629,274,2.922,275,3.558,300,5.357,314,2.729,322,2.183,329,3.053,332,5.102,523,4.406,562,4.279,578,5.357,579,6.105,580,4.279,581,6.755,582,6.755,583,6.755,584,6.755,585,5.677,586,6.755,587,4.163,588,6.105,589,6.755,590,6.755,591,4.707,592,3.868,593,2.331,594,3.2]],["t/106",[0,0.272,1,0.327,6,0.016,8,0.22,9,0.236,10,0.23,11,0.225,12,0.252,13,0.314,14,0.247,17,3.174,25,0.467,27,0.763,31,1.664,33,0.188,34,0.922,35,0.177,40,2.452,43,0.225,49,1.485,54,4.023,57,0.958,61,5.048,62,2.782,63,2.371,64,4.11,65,5.162,66,2.768,67,3.268,68,4.407,69,3.317,70,3.477,75,3.257,96,1.64,108,1.921,123,1.472,124,1.37,125,1.921,126,0.35,130,2.139,146,2.055,174,1.925,175,2.822,182,1.996,207,2.888,222,3.044,232,2.25,235,3.421,241,4.522,283,3.723,314,2.964,322,2.371,407,4.648,595,7.338,596,3.548,597,7.338,598,7.338,599,7.338,600,3.865,601,5.819,602,7.338]],["t/108",[0,0.265,1,0.314,5,3.116,6,0.018,8,0.197,9,0.211,10,0.206,11,0.202,12,0.226,13,0.281,14,0.221,25,0.464,27,0.965,28,2.27,31,1.764,33,0.168,34,0.826,35,0.159,40,2.896,42,4.053,43,0.202,45,4.613,46,2.196,47,2.103,48,3.683,49,1.331,50,4.547,51,1.962,52,2.442,53,2.822,54,3.606,65,3.337,108,1.722,117,4.166,123,1.319,124,1.227,125,1.722,126,0.327,130,1.917,146,2.357,154,4.432,165,4.52,171,4.613,174,1.797,175,2.634,182,1.789,194,3.766,207,2.589,232,2.58,234,2.148,314,2.656,322,2.125,346,3.066,378,3.444,402,3.95,449,3.95,479,3.019,510,4.583,523,4.29,585,5.527,592,3.766,593,2.904,594,3.987,596,3.312,603,6.576,604,5.944,605,6.576,606,4.967,607,6.576,608,6.576,609,6.576,610,6.576,611,6.576,612,6.576,613,3.399,614,6.576,615,5.944,616,6.576,617,6.576,618,6.576,619,6.576,620,6.576,621,6.673,622,6.576,623,6.576,624,6.576]],["t/110",[0,0.27,1,0.324,6,0.016,8,0.214,9,0.23,10,0.225,11,0.219,12,0.246,13,0.306,14,0.24,25,0.485,27,0.923,31,1.721,33,0.183,34,0.899,35,0.173,40,2.414,43,0.219,45,3.924,49,1.448,51,2.023,53,2.784,54,4.866,55,2.527,56,3.052,57,0.935,58,3.845,59,4.134,60,3.461,61,4.008,108,1.874,123,1.435,124,1.336,125,1.874,126,0.345,130,2.086,146,2.005,174,1.896,175,2.779,182,1.947,222,2.969,228,5.18,232,2.195,242,2.817,283,3.631,314,2.891,322,2.313,329,3.235,457,4.411,495,4.098,562,4.533,576,5.676,596,2.817,625,6.468,626,7.157,627,7.157,628,4.411,629,7.157,630,7.157,631,6.015,632,6.015,633,6.468,634,6.015,635,7.157]],["t/112",[0,0.254,1,0.319,2,4.357,3,2.245,4,2.008,5,2.944,6,0.014,7,1.441,8,0.243,9,0.2,10,0.195,11,0.19,12,0.213,13,0.266,14,0.209,15,2.294,16,3.273,17,2.687,18,0.843,19,4.582,20,4.115,21,3.666,22,2.412,23,3.666,24,4.272,25,0.483,26,3.338,27,1.032,28,2.8,29,2.8,30,3.918,31,1.541,32,3.4,33,0.159,34,0.781,35,0.15,36,1.933,37,3.273,38,3.406,39,3.406,40,2.206,42,3.829,66,1.69,108,1.626,123,1.246,124,1.16,126,0.242,130,1.811,146,1.74,147,3.641,148,3.508,173,4.927,174,1.929,175,2.539,182,1.69,193,4.497,207,2.446,222,3.365,229,3.273,232,1.905,235,2.897,295,4.053,296,3.406,297,4.447,302,4.692,314,3.276,322,2.008,356,4.644,383,4.543,404,3.152,405,5.221,492,2.51,523,4.053,547,4.927,585,5.221,636,3.782,637,0.531,638,4.754,639,5.221,640,6.213,641,3.935,642,4.927,643,5.615,644,4.927,645,4.927,646,5.615,647,5.615,648,5.615,649,5.615,650,3.731,651,6.213,652,6.213,653,6.213,654,6.213,655,6.213,656,6.213,657,6.213,658,6.213,659,6.08,660,6.213,661,9.03,662,7.33,663,3.829,664,6.213,665,6.213,666,6.213,667,4.927,668,4.329,669,6.213,670,3.935,671,6.213,672,6.213,673,6.213]],["t/114",[0,0.278,1,0.332,2,4.115,3,2.768,4,2.476,5,3.63,6,0.017,8,0.229,9,0.246,10,0.24,11,0.235,12,0.263,13,0.327,14,0.257,19,5.044,20,5.044,25,0.456,27,0.796,33,0.196,34,0.963,35,0.185,37,4.035,42,5.702,43,0.235,44,4.115,45,4.2,53,2.21,89,3.411,90,3.959,108,2.005,123,1.536,124,1.43,125,2.005,126,0.36,130,2.233,146,2.146,174,1.976,175,2.897,182,2.084,186,4.49,207,3.015,232,2.349,314,3.094,322,2.476,404,3.887,523,4.997,547,6.075,674,7.66]],["t/116",[0,0.279,1,0.35,4,1.539,6,0.022,7,1.104,8,0.305,9,0.35,10,0.32,11,0.313,12,0.35,13,0.436,14,0.343,18,0.495,22,2.012,25,0.415,27,1.06,31,1.777,32,2.258,33,0.261,34,1.281,35,0.247,36,1.135,41,0.673,43,0.308,47,2.163,51,1.815,52,2.139,57,1.332,60,1.59,66,1.84,69,2.152,76,1.507,79,1.805,80,1.805,81,2.474,82,2.06,87,2.332,91,2.283,96,1.915,98,2.843,99,1.975,101,1.662,102,1.681,106,2.497,107,2.256,108,1.247,109,2.885,122,1.876,125,1.247,178,3.563,197,2.445,198,1.625,204,2.807,208,2.983,217,1.805,221,3.965,224,2.558,292,2.152,321,2.697,324,2.733,325,3.105,328,3.058,339,2.461,342,2.089,386,2.807,389,2.627,392,2.416,394,2.309,396,1.762,425,2.256,434,3.965,435,2.935,436,3.016,439,3.874,445,2.86,455,2.22,456,1.949,469,2.293,470,3.874,471,2.935,476,3.563,488,2.508,489,2.667,499,3.874,500,2.935,507,2.935,508,3.432,509,2.461,520,2.558,521,3.709,522,3.016,525,4.063,526,2.727,529,2.791,530,2.791,531,3.106]],["t/118",[6,0.023,8,0.308,9,0.352,10,0.323,11,0.316,12,0.354,13,0.276,14,0.346,25,0.461,27,0.957,33,0.264,35,0.265,40,1.759,41,0.691,43,0.316,52,1.615,55,2.939,90,4.302,109,2.758,110,6.025,111,3.064,112,5.645,113,5.128,114,5.128,115,3.884,116,3.474,117,4.096,118,2.135,119,5.128,120,4.68,121,4.766,125,1.693,127,5.8,128,3.884,129,5.273,130,2.683,131,3.884,135,5.8,136,5.8,137,4.088,138,2.004,139,4.68,140,2.779,141,2.452,142,4.68,164,5.8,165,3.474,166,2.545,167,4.506,168,5.128,169,3.884,174,1.381,184,5.604,185,4.68,186,3.79,187,3.474]],["t/120",[0,0.285,1,0.348,3,2.779,6,0.022,8,0.302,9,0.348,10,0.317,11,0.31,12,0.347,13,0.432,14,0.34,18,0.926,25,0.425,27,0.964,28,2.267,29,2.267,30,2.688,31,1.63,33,0.259,34,1.251,35,0.247,36,1.833,41,0.693,43,0.31,46,2.567,49,1.329,50,2.841,51,1.786,52,1.92,57,1.32,63,1.476,74,1.358,75,2.779,76,1.445,79,2.052,83,2.005,91,1.867,96,1.879,101,2.293,102,1.613,104,1.732,108,1.196,109,2.801,111,3.112,122,1.822,125,1.196,138,1.415,197,2.373,198,1.559,207,1.798,209,2.454,211,2.005,213,2.618,232,2.014,307,1.862,322,2.122,346,2.13,348,3.849,349,2.815,350,2.894,351,2.454,352,3.601,353,2.616,367,2.677,368,2.677,369,2.677,370,3.678,371,2.744,372,3.983,373,3.908,374,3.849,375,2.164,376,2.815,379,3.849,380,3.849,381,2.894,386,1.895,387,3.332,388,2.406,389,2.567,392,2.746,393,2.969,394,2.242,395,2.969,396,2.43,397,3.015,398,3.459,399,2.882,400,2.361,401,3.332,412,2.558,413,2.558,414,2.558,415,3.761,416,2.034,430,2.2,431,2.2,432,2.2,433,2.2,440,2.894,477,2.815]],["t/122",[0,0.291,1,0.334,6,0.022,8,0.301,9,0.346,10,0.316,11,0.308,12,0.345,13,0.43,14,0.338,15,1.264,18,0.957,22,2.737,25,0.472,31,1.506,32,1.492,33,0.257,35,0.249,36,2.194,41,0.695,43,0.312,49,1.787,52,2.298,53,2.656,55,2.681,56,2.757,59,2.577,60,2.158,62,2.879,63,1.444,66,1.758,71,1.759,73,2.182,74,2.475,76,1.414,77,2.682,91,1.085,99,1.854,106,1.302,108,1.17,109,2.757,122,1.24,124,0.834,125,1.17,130,1.302,137,3.194,138,1.385,170,2.559,174,0.955,175,1.399,182,1.216,191,2.187,198,1.525,207,2.989,211,3.332,217,1.694,222,1.854,229,2.354,240,2.619,267,4.352,268,3.114,269,3.375,270,3.882,271,2.915,272,3.285,273,2.4,274,1.933,275,2.354,276,3.882,277,3.28,278,2.915,282,3.549,288,3.788,289,3.62,290,2.117,291,2.503,307,1.956,312,3.62,313,2.684,316,2.684,317,3.405,318,3.701,319,3.788,320,2.831,321,2.577,323,2.831,324,1.805,325,2.051,326,4.094,327,2.831,328,3.991,336,2.619,337,2.754,338,2.754,341,3.008,342,1.961,343,4.094,344,3.008,345,2.619,346,2.084]],["t/124",[0,0.262,1,0.328,5,3.529,6,0.02,7,1.727,8,0.272,9,0.328,10,0.285,11,0.279,12,0.312,13,0.389,14,0.306,18,0.774,25,0.342,27,0.774,30,3.723,31,1.552,33,0.262,34,1.143,35,0.22,40,2.026,41,0.6,43,0.279,45,4.987,46,2.486,47,2.381,48,4.171,49,1.507,50,4.536,51,1.824,52,2.271,53,2.624,57,0.973,96,1.665,126,0.29,197,2.691,392,2.66,398,4.791,399,3.268,400,3.849,401,4.615,412,4.171,413,4.171,414,4.171,637,0.636]],["t/126",[0,0.288,22,2.247,31,1.461,33,0.143,34,0.702,35,0.135,73,2.551,272,2.416,273,3.001,274,2.416,275,2.942,282,2.382,325,2.564,328,3.416,372,3.581,675,5.586,676,5.586,677,5.586,678,5.048,679,5.586,680,5.586,681,5.048,682,9.587,683,5.586,684,7.557,685,8.564,686,5.586,687,5.586,688,5.586,689,5.586,690,8.564,691,5.586,692,5.586,693,5.586,694,7.557,695,5.586,696,5.586,697,8.564,698,5.586,699,5.586,700,5.586,701,5.586,702,5.586,703,5.586,704,5.586,705,5.586,706,5.586,707,5.586,708,5.586,709,5.586,710,5.586,711,5.586,712,5.586,713,5.586,714,5.586,715,5.586,716,5.586,717,5.586,718,5.586,719,5.586,720,5.586,721,5.586,722,5.586,723,5.586,724,5.586,725,5.586,726,5.586,727,5.586,728,5.586,729,5.586,730,5.586,731,5.586,732,5.586,733,5.586,734,5.586,735,5.586,736,5.586,737,5.586,738,5.586,739,5.586,740,5.586,741,4.43,742,5.586,743,5.586,744,5.048,745,7.557,746,5.586,747,5.586,748,5.586,749,5.586,750,3.355,751,4.694,752,5.586,753,5.586,754,5.586,755,5.048,756,5.586,757,5.586,758,5.586,759,5.586,760,5.586,761,5.048,762,5.586,763,5.586,764,5.586,765,5.586,766,5.586,767,5.586,768,5.586,769,5.586,770,5.586,771,5.586,772,4.043,773,5.586,774,5.586,775,5.586,776,5.586,777,5.586,778,5.586,779,5.586,780,5.048,781,5.586,782,5.586,783,5.586,784,4.694,785,5.586,786,5.586,787,5.586,788,5.586,789,5.586,790,5.586,791,5.586,792,5.586,793,5.586,794,5.586,795,5.586,796,5.586,797,5.586,798,5.586,799,5.586,800,5.586,801,5.586,802,5.586,803,5.586,804,5.586,805,5.586,806,5.586,807,5.586,808,5.586,809,5.586,810,5.586,811,5.586,812,5.586,813,5.586,814,5.586,815,5.586,816,5.586,817,5.586,818,5.586,819,5.586,820,5.586,821,5.586,822,5.586,823,5.586,824,5.586,825,5.586,826,5.586,827,5.586,828,5.586,829,5.586,830,5.586,831,5.586,832,5.586,833,5.586,834,5.586,835,5.586,836,5.586,837,5.586,838,5.586,839,5.586,840,5.586,841,5.586,842,5.586,843,5.586,844,5.586,845,5.586,846,5.586,847,5.586,848,5.586]],["t/128",[6,0.018,8,0.247,9,0.311,10,0.259,11,0.253,12,0.284,14,0.278,25,0.379,27,1.006,33,0.263,35,0.234,40,2.247,41,0.545,43,0.297,112,4.528,121,5.876,126,0.321,137,3.474,140,2.757,174,1.764,184,6.514,185,5.978,186,4.841,187,4.437,637,0.706]],["t/130",[0,0.137,1,0.173,3,1.941,4,1.736,6,0.023,8,0.313,9,0.354,10,0.328,11,0.32,12,0.359,13,0.447,14,0.351,18,0.872,25,0.414,27,0.983,31,1.54,33,0.268,35,0.267,36,2,40,2.456,41,0.689,43,0.32,46,1.793,49,1.914,51,1.476,52,1.341,63,2.378,66,2.002,71,2.896,73,1.813,74,1.597,86,3.544,93,2.945,96,1.2,98,1.941,108,1.406,109,3.138,122,2.041,125,1.406,128,3.225,138,1.664,169,3.225,179,3.225,187,4.508,190,4.534,191,2.273,192,3.616,194,3.075,195,4.66,196,4.953,197,1.941,198,1.833,199,4.056,200,4.183,201,4.953,202,4.953,203,3.742,204,2.228,207,3.303,208,2.036,209,2.885,210,4.056,211,3.683,212,4.799,213,2.141,214,4.056,217,2.036,218,3.887,219,4.953,220,4.056,223,4.953,224,2.885,225,4.056,226,4.056,251,4.799,252,3.742,254,4.534,255,3.503]],["t/132",[0,0.28,1,0.334,2,3.627,3,1.716,4,2.182,5,2.25,6,0.022,7,1.565,8,0.301,9,0.345,10,0.315,11,0.308,12,0.345,13,0.429,14,0.338,15,1.343,16,2.501,17,2.054,18,0.817,19,2.409,20,2.409,21,2.147,22,1.412,23,2.147,24,2.501,25,0.431,26,2.551,27,0.889,28,2.712,29,2.712,30,2.764,31,1.542,32,2.254,33,0.264,34,1.136,35,0.254,36,2.563,37,2.501,38,2.604,39,2.604,40,2.328,41,0.663,43,0.296,46,1.585,49,1.366,51,0.952,53,1.948,56,2.025,57,1.117,60,1.585,63,1.535,67,2.115,70,3.199,71,3.368,72,2.18,73,1.603,74,1.412,75,2.44,76,2.707,77,1.97,78,2.367,79,1.267,80,1.8,81,1.736,82,2.054,83,2.084,84,2.367,91,1.153,96,1.509,101,1.658,102,1.677,122,1.873,126,0.185,130,1.384,137,1.997,138,1.471,174,1.014,175,1.487,179,2.852,182,1.292,191,1.861,197,1.716,198,1.621,204,2.801,207,3.092,209,2.551,211,3.448,217,1.8,222,1.97,232,2.07,251,4.404,252,3.309,254,4.161,255,3.097,267,4.546,268,3.309,269,3.586,292,2.147,307,1.052,321,1.893,322,2.182,324,1.918,342,2.084,343,4.277,344,3.197,345,2.783,346,2.214,370,3.781,371,2.852,372,4.054,373,3.967,389,1.585,392,1.696,394,1.621,396,1.757,415,3.866,455,2.214,456,1.944,469,2.287,477,2.927,637,0.406,849,4.292]],["t/134",[0,0.289,1,0.362,2,2.645,3,3.435,4,2.81,5,4.12,35,0.262,42,3.034,45,2.699,46,3.059,47,2.562,54,2.699,55,3.356,56,3.417,57,1.454,61,2.757,62,3.297,63,3.072,70,2.333,71,3.423,85,2.957,86,4.188,87,3.393,92,2.957,93,3.797,97,2.699,98,3.435,99,3.324,103,2.819,104,2.626,110,3.563,111,3.797,112,5.353,127,3.43,128,4.16,135,3.43,136,3.43,137,4.107,138,2.694,164,3.43,165,2.645,167,3.43,184,3.314,185,3.563,190,3.034,191,2.384,195,3.118,196,3.314,197,3.311,198,2.968,201,3.314,202,3.314,204,2.042,208,3.297,209,3.721,212,3.211,213,3.195,217,3.038,219,3.314,221,2.885,223,3.314,224,3.721,251,3.211,254,3.034,267,3.314,268,3.43,270,2.957,276,2.957,277,3.514,288,2.885,289,2.757,312,2.757,318,2.819,319,2.885,326,3.118,343,3.118,348,2.885,352,2.699,370,2.757,374,2.885,375,2.333,379,2.885,380,2.885,387,2.498,397,2.26,398,2.593,399,3.039,415,2.819,434,2.885,435,3.034,439,2.819,470,2.819,476,2.593,488,2.593,499,2.819,508,2.498,521,2.699,525,2.957]],["t/136",[0,0.259,1,0.325,2,4.804,3,2.619,4,2.342,5,3.433,6,0.02,7,2.074,8,0.268,9,0.325,10,0.281,11,0.274,12,0.307,13,0.382,14,0.301,15,2.05,16,3.817,17,3.134,18,0.93,19,3.677,20,3.677,21,3.276,22,2.155,23,3.276,24,3.817,25,0.41,26,3.893,27,0.93,28,2.501,29,2.501,30,4.259,31,1.526,32,2.986,33,0.259,34,1.124,35,0.216,36,1.727,37,3.817,38,3.973,39,3.973,40,1.971,41,0.59,43,0.222,50,3.868,57,0.946,96,1.62,126,0.282,197,2.619,392,2.588,398,4.711,399,3.18,400,3.745,401,4.538,412,4.058,413,4.058,414,4.058,637,0.619]],["t/138",[0,0.285,1,0.322,6,0.017,8,0.233,9,0.3,10,0.245,11,0.239,12,0.268,13,0.333,14,0.262,18,0.811,27,0.811,28,2.691,29,2.691,33,0.256,34,0.98,35,0.226,36,2.387,41,0.514,43,0.287,46,2.603,57,1.018,126,0.303,198,2.661,232,2.868,322,3.022,370,5.237,371,4.683,372,4.921,373,4.661,637,0.666]],["t/140",[0,0.281,6,0.018,8,0.24,9,0.306,10,0.252,11,0.246,12,0.276,13,0.343,14,0.27,18,0.835,25,0.369,33,0.26,35,0.23,41,0.53,43,0.292,53,3.164,62,3.045,99,3.332,126,0.312,191,1.747,270,5.716,271,5.238,272,4.117,273,4.314,274,3.474,275,4.23,637,0.686]],["t/142",[0,0.279,1,0.348,2,3.548,3,2.387,4,2.135,5,3.659,6,0.022,7,1.531,8,0.303,9,0.348,10,0.318,11,0.31,12,0.348,13,0.433,14,0.34,15,1.302,16,2.425,17,1.992,18,0.687,19,3.351,20,3.351,21,2.081,22,1.369,23,2.081,24,2.425,25,0.41,26,2.473,27,0.967,28,1.589,29,1.589,30,2.703,31,1.766,32,2.205,33,0.265,34,1.272,35,0.245,36,1.841,37,3.479,38,2.524,39,2.524,40,2.43,41,0.668,42,4.07,43,0.3,44,2.473,45,3.621,46,1.537,47,1.472,48,2.579,49,1.707,50,2.857,51,2.001,52,1.649,53,2.763,54,3.621,55,1.626,56,1.964,57,1.25,58,2.473,59,2.633,60,2.578,61,3.699,62,1.746,63,2.135,64,2.579,65,3.919,66,1.797,67,2.941,68,2.765,69,2.081,70,3.129,71,1.812,72,2.114,73,1.554,74,1.369,75,2.387,76,1.457,77,1.91,78,2.295,79,2.061,80,2.504,81,2.415,82,1.992,83,2.02,84,2.295,85,3.967,86,3.181,87,2.255,88,3.003,89,2.05,90,2.38,91,1.875,92,3.967,93,2.524,94,2.425,95,2.699,96,1.029,97,3.621,98,2.387,99,1.91,100,2.579,101,2.306,102,1.626,103,3.782,104,1.746,105,2.765,106,1.342,107,2.182,108,1.205,109,1.964,126,0.179,637,0.393,850,3.651]],["t/144",[0,0.281,6,0.018,8,0.241,9,0.306,10,0.253,11,0.247,12,0.276,13,0.344,14,0.27,18,0.837,25,0.369,33,0.26,35,0.23,41,0.531,43,0.292,53,3.166,62,3.052,99,3.339,126,0.313,191,1.751,270,5.724,271,5.251,272,3.482,273,4.324,274,3.482,275,4.24,637,0.688]],["t/146",[0,0.291,1,0.343,6,0.021,8,0.29,9,0.34,10,0.305,11,0.297,12,0.333,13,0.415,14,0.326,15,1.638,18,0.968,22,2.97,25,0.458,32,1.933,33,0.261,35,0.235,41,0.699,43,0.306,49,1.765,52,2.178,55,3.079,56,2.469,59,3.087,60,2.585,63,1.871,66,2.106,73,2.613,74,2.769,77,3.212,104,2.195,106,1.687,122,1.606,126,0.225,137,3.256,138,1.794,170,3.315,191,2.111,217,2.195,277,2.938,282,3.971,289,4.336,290,2.743,291,3.243,307,2.062,312,4.336,313,3.477,316,3.477,317,4.078,318,4.433,319,4.537,320,3.667,321,3.087,323,3.667,324,2.339,325,2.658,326,4.904,336,3.393,337,3.568,338,3.568,341,3.898,342,2.541,637,0.495]],["t/148",[0,0.289,1,0.324,6,0.019,7,1.663,8,0.266,9,0.324,10,0.279,11,0.272,12,0.305,13,0.38,14,0.299,18,0.746,25,0.329,33,0.258,35,0.215,41,0.666,43,0.272,49,1.798,52,2.411,55,3.138,59,3.543,66,2.417,73,3.259,74,3.085,77,3.687,106,2.09,122,1.989,126,0.279,191,1.933,217,2.719,277,3.639,307,1.968,312,4.977,313,4.307,316,4.307,317,4.681,318,5.088,336,4.203,337,4.42,338,4.42,637,0.613]],["t/150",[0,0.281,1,0.305,6,0.018,8,0.24,9,0.305,10,0.251,11,0.246,12,0.275,13,0.342,14,0.269,18,0.833,22,2.826,25,0.436,33,0.259,35,0.194,41,0.627,43,0.291,126,0.312,137,3.37,138,2.483,191,1.743,282,3.417,307,1.775,319,5.57,320,5.075,321,3.789,323,5.075,324,3.237,325,4.363,637,0.685]],["t/152",[0,0.289,1,0.324,6,0.019,7,1.666,8,0.266,9,0.324,10,0.279,11,0.273,12,0.306,13,0.38,14,0.299,18,0.747,25,0.33,33,0.259,35,0.215,41,0.666,43,0.273,49,1.801,52,2.413,55,3.142,59,3.548,66,2.42,73,3.003,74,3.087,77,3.691,106,2.095,122,1.993,126,0.279,191,1.935,217,2.725,277,3.646,307,1.971,312,4.983,313,4.316,316,4.316,317,4.687,318,5.095,336,4.212,337,4.429,338,4.429,637,0.614]],["t/154",[0,0.281,6,0.018,8,0.24,9,0.306,10,0.252,11,0.246,12,0.276,13,0.343,14,0.27,18,0.835,25,0.369,33,0.26,35,0.23,41,0.53,43,0.292,53,3.164,62,3.045,99,3.332,126,0.312,191,1.747,270,5.716,271,5.238,272,3.474,273,5.113,274,3.474,275,4.23,637,0.686]],["t/156",[0,0.285,1,0.331,3,3.175,6,0.021,8,0.287,9,0.338,10,0.301,11,0.294,12,0.329,13,0.409,14,0.322,31,1.889,33,0.264,34,1.104,35,0.232,41,0.681,43,0.294,49,1.938,57,1.147,62,2.669,91,2.325,124,1.314,126,0.274,191,1.532,229,3.709,240,4.127,276,5.276,277,3.573,278,4.593,307,1.946,374,5.149,375,3.336,376,4.34,379,5.149,399,3.09,440,4.46,637,0.602,851,2.575]],["t/158",[0,0.281,1,0.259,6,0.018,8,0.241,9,0.307,10,0.253,11,0.247,12,0.277,13,0.345,14,0.271,31,1.854,33,0.26,35,0.195,41,0.532,43,0.293,49,1.633,62,3.059,91,1.959,124,1.506,126,0.314,191,1.755,229,5.027,240,4.729,276,5.731,277,4.094,278,5.263,637,0.69]],["t/160",[0,0.281,1,0.259,6,0.018,8,0.241,9,0.307,10,0.253,11,0.247,12,0.277,13,0.345,14,0.271,31,1.854,33,0.26,35,0.195,41,0.532,43,0.293,49,1.633,62,3.059,91,1.959,124,1.781,126,0.314,191,1.755,229,4.25,240,4.729,276,5.731,277,4.094,278,5.263,637,0.69]],["t/162",[0,0.281,1,0.259,6,0.018,8,0.241,9,0.307,10,0.253,11,0.247,12,0.277,13,0.345,14,0.271,31,1.854,33,0.26,35,0.195,41,0.532,43,0.293,49,1.633,62,3.059,91,1.959,124,1.506,126,0.314,191,1.755,229,4.25,240,5.593,276,5.731,277,4.094,278,5.263,637,0.69]],["t/164",[0,0.282,1,0.303,6,0.017,8,0.237,9,0.303,10,0.249,11,0.243,12,0.272,13,0.339,14,0.266,15,2.241,18,0.823,22,3.218,25,0.363,32,2.645,33,0.258,35,0.192,41,0.623,43,0.309,49,1.603,55,2.797,56,3.378,126,0.308,170,4.536,191,1.723,282,4.3,289,5.287,290,3.753,291,4.436,637,0.677]],["t/166",[0,0.281,6,0.018,8,0.24,9,0.306,10,0.252,11,0.246,12,0.276,13,0.343,14,0.27,18,0.835,25,0.369,33,0.26,35,0.23,41,0.53,43,0.292,53,3.164,62,3.045,99,3.332,126,0.312,191,1.747,270,5.716,271,5.238,272,3.474,273,4.314,274,4.117,275,4.23,637,0.686]],["t/168",[0,0.281,1,0.306,6,0.018,8,0.24,9,0.306,10,0.252,11,0.246,12,0.276,13,0.343,14,0.27,18,0.835,22,2.388,25,0.437,33,0.26,35,0.194,41,0.628,43,0.292,126,0.312,137,3.378,138,2.488,191,1.747,282,4.059,307,1.779,319,5.578,320,5.087,321,3.795,323,5.087,324,3.244,325,3.686,637,0.686]],["t/170",[0,0.286,1,0.305,6,0.018,8,0.24,9,0.305,10,0.251,11,0.246,12,0.275,13,0.342,14,0.269,33,0.259,35,0.194,41,0.627,43,0.291,49,1.621,55,2.829,59,3.195,73,2.705,74,2.826,122,2.636,126,0.312,191,1.743,277,4.065,307,1.775,312,5.323,313,4.812,316,4.812,317,4.22,637,0.685]],["t/172",[0,0.281,6,0.018,8,0.24,9,0.306,10,0.252,11,0.246,12,0.276,13,0.343,14,0.27,18,0.835,25,0.369,33,0.26,35,0.23,41,0.53,43,0.292,53,3.164,62,3.045,99,3.332,126,0.312,191,1.747,270,5.716,271,5.238,272,3.474,273,4.314,274,3.474,275,5.013,637,0.686]],["t/174",[0,0.282,1,0.303,6,0.017,8,0.236,9,0.303,10,0.248,11,0.242,12,0.271,13,0.338,14,0.266,15,2.236,18,0.822,22,3.217,25,0.363,32,2.639,33,0.258,35,0.191,41,0.622,43,0.309,49,1.599,55,2.791,56,3.371,126,0.307,170,4.526,191,1.719,282,4.449,289,5.28,290,3.745,291,4.426,637,0.675]],["t/176",[0,0.282,1,0.303,6,0.017,8,0.236,9,0.303,10,0.248,11,0.242,12,0.271,13,0.338,14,0.266,15,2.236,18,0.822,22,3.217,25,0.363,32,2.639,33,0.258,35,0.191,41,0.622,43,0.309,49,1.599,55,2.791,56,3.371,126,0.307,170,4.526,191,1.719,282,4.449,289,5.28,290,3.745,291,4.426,637,0.675]],["t/178",[0,0.289,1,0.324,6,0.019,7,1.666,8,0.266,9,0.324,10,0.279,11,0.273,12,0.306,13,0.38,14,0.299,18,0.747,25,0.33,33,0.259,35,0.215,41,0.666,43,0.273,49,1.801,52,2.413,55,3.142,59,3.853,66,2.42,73,3.003,74,3.004,77,3.691,106,2.095,122,1.993,126,0.279,191,1.935,217,2.725,277,3.646,307,1.971,312,4.983,313,4.316,316,4.316,317,4.687,318,5.095,336,4.212,337,4.429,338,4.429,637,0.614]],["t/180",[0,0.281,1,0.257,6,0.018,8,0.24,9,0.305,10,0.251,11,0.246,12,0.275,13,0.342,14,0.269,18,0.833,25,0.436,33,0.259,35,0.194,41,0.528,43,0.291,49,1.621,52,2.53,62,3.038,126,0.312,191,1.743,198,2.735,272,4.111,288,5.57,327,5.075,328,4.905,637,0.685]],["t/182",[0,0.28,1,0.257,6,0.017,8,0.239,9,0.305,10,0.251,11,0.245,12,0.275,13,0.342,14,0.269,18,0.831,25,0.435,33,0.259,35,0.193,41,0.527,43,0.291,49,1.618,52,2.528,62,3.031,126,0.311,191,1.739,198,2.729,272,4.379,288,5.563,327,5.064,328,4.902,637,0.683]],["t/184",[0,0.286,1,0.305,6,0.018,8,0.24,9,0.305,10,0.251,11,0.246,12,0.275,13,0.342,14,0.269,33,0.259,35,0.194,41,0.627,43,0.291,49,1.621,55,2.829,59,3.195,73,2.705,74,2.826,122,2.223,126,0.312,191,1.743,277,4.065,307,1.775,312,5.323,313,4.812,316,5.708,317,4.22,637,0.685]],["t/186",[0,0.285,1,0.321,6,0.017,8,0.233,9,0.3,10,0.244,11,0.238,12,0.267,13,0.333,14,0.261,18,0.809,27,0.809,28,2.685,29,2.685,33,0.256,34,0.978,35,0.226,36,2.226,41,0.513,43,0.286,46,2.597,57,1.016,126,0.302,198,2.655,232,2.864,322,3.018,370,5.23,371,4.673,372,5.029,373,4.73,637,0.665]],["t/188",[0,0.289,1,0.324,6,0.019,7,1.666,8,0.266,9,0.324,10,0.279,11,0.273,12,0.306,13,0.38,14,0.299,18,0.747,25,0.33,33,0.259,35,0.215,41,0.666,43,0.273,49,1.801,52,2.413,55,3.142,59,3.548,66,2.42,73,3.003,74,3.004,77,3.691,106,2.095,122,1.993,126,0.279,191,1.935,217,2.725,277,3.646,307,1.971,312,4.983,313,4.316,316,4.316,317,5.091,318,5.095,336,4.212,337,4.429,338,4.429,637,0.614]],["t/190",[0,0.282,1,0.303,6,0.017,8,0.237,9,0.303,10,0.249,11,0.243,12,0.272,13,0.339,14,0.266,15,2.241,18,0.823,22,3.172,25,0.363,32,3.151,33,0.258,35,0.192,41,0.623,43,0.309,49,1.603,55,2.797,56,3.378,126,0.308,170,4.536,191,1.723,282,4.3,289,5.287,290,3.753,291,4.436,637,0.677]],["t/192",[0,0.285,1,0.322,6,0.017,8,0.233,9,0.3,10,0.245,11,0.239,12,0.268,13,0.333,14,0.262,18,0.811,27,0.811,28,2.691,29,2.691,33,0.256,34,0.98,35,0.226,36,2.229,41,0.514,43,0.287,46,2.603,57,1.018,126,0.303,198,2.661,232,2.868,322,3.022,370,5.237,371,4.683,372,4.921,373,4.732,637,0.666]],["t/194",[0,0.285,1,0.301,6,0.017,8,0.234,9,0.301,10,0.246,11,0.24,12,0.269,13,0.335,14,0.263,18,0.814,25,0.359,33,0.257,35,0.189,41,0.618,43,0.287,49,1.585,52,2.597,55,2.766,59,3.123,66,2.551,73,2.644,74,2.788,77,3.89,106,2.283,126,0.305,191,1.704,217,2.969,307,1.735,317,4.126,318,5.369,336,4.59,337,4.827,338,4.827,637,0.669]],["t/196",[0,0.283,1,0.316,3,2.697,6,0.02,7,1.73,8,0.273,9,0.329,10,0.286,11,0.279,12,0.313,13,0.389,14,0.306,18,0.776,25,0.451,33,0.262,34,0.938,35,0.22,41,0.601,43,0.279,49,1.51,52,2.698,57,0.975,62,2.83,111,3.536,126,0.29,191,1.623,198,2.547,207,2.938,211,3.275,272,3.939,288,5.337,327,4.728,328,4.743,380,5.337,381,4.728,386,3.096,637,0.638]],["t/198",[0,0.279,1,0.349,4,1.526,6,0.022,7,1.095,8,0.305,9,0.349,10,0.319,11,0.312,12,0.35,13,0.435,14,0.342,18,0.491,22,2,25,0.414,27,1.058,31,1.775,32,2.245,33,0.266,34,1.279,35,0.246,36,1.126,41,0.671,43,0.308,47,2.151,51,1.809,52,2.131,57,1.329,60,1.577,66,1.83,69,2.135,76,1.494,79,1.795,80,1.791,81,2.459,82,2.043,87,2.314,91,2.277,96,1.908,98,2.831,99,1.959,101,1.649,102,1.668,106,2.488,107,2.238,108,1.236,109,2.868,122,1.866,125,1.236,126,0.184,178,3.543,197,2.43,198,1.612,204,2.79,208,2.97,217,1.791,221,3.942,224,2.537,292,2.135,321,2.682,324,2.717,325,3.087,328,3.04,339,2.441,342,2.072,386,2.79,389,2.615,392,2.402,394,2.296,396,1.748,425,2.238,434,3.942,435,2.911,436,2.992,439,3.851,445,2.836,455,2.202,456,1.933,469,2.275,470,3.851,471,2.911,476,3.543,488,2.488,489,2.645,499,3.851,500,2.911,507,2.911,508,3.413,509,2.441,520,2.537,521,3.688,522,2.992,525,4.039,526,2.704,529,2.768,530,2.768,531,3.081,637,0.404,850,3.745]],["t/200",[0,0.285,1,0.348,3,2.766,6,0.022,8,0.302,9,0.348,10,0.317,11,0.309,12,0.346,13,0.431,14,0.339,18,0.923,25,0.424,27,0.961,28,2.254,29,2.254,30,2.673,31,1.626,33,0.264,34,1.249,35,0.247,36,1.825,41,0.692,43,0.309,46,2.556,49,1.321,50,2.825,51,1.781,52,1.912,57,1.317,63,1.465,74,1.348,75,2.766,76,1.434,79,2.043,83,1.989,91,1.859,96,1.872,101,2.28,102,1.6,104,1.718,108,1.187,109,2.785,111,3.094,122,1.811,125,1.187,126,0.176,138,1.404,197,2.36,198,1.547,207,1.784,209,2.435,211,1.989,213,2.604,232,2.003,307,1.855,322,2.111,346,2.113,348,3.827,349,2.793,350,2.871,351,2.435,352,3.58,353,2.595,367,2.656,368,2.656,369,2.656,370,3.657,371,2.722,372,3.969,373,3.896,374,3.827,375,2.148,376,2.793,379,3.827,380,3.827,381,2.871,386,1.88,387,3.313,388,2.387,389,2.556,392,2.734,393,2.952,394,2.229,395,2.952,396,2.416,397,2.998,398,3.44,399,2.866,400,2.342,401,3.313,412,2.538,413,2.538,414,2.538,415,3.739,416,2.018,430,2.183,431,2.183,432,2.183,433,2.183,440,2.871,477,2.793,637,0.387,850,3.594]],["t/202",[0,0.274,1,0.335,4,2.056,6,0.021,7,1.475,8,0.289,9,0.34,10,0.303,11,0.296,12,0.332,13,0.413,14,0.325,25,0.378,27,0.856,28,2.195,29,2.195,31,1.405,33,0.262,34,1.148,35,0.234,36,2.486,40,1.73,41,0.66,43,0.28,49,1.287,51,1.276,53,2.376,56,2.712,57,1.193,60,2.123,63,2.056,67,2.832,70,3.902,71,2.504,72,2.92,73,2.147,74,1.891,75,2.976,76,3.166,77,2.639,78,3.17,79,1.697,80,2.411,81,2.326,82,2.751,83,2.791,84,3.17,91,1.544,96,1.841,101,2.22,102,2.246,122,2.284,126,0.247,137,2.675,191,1.383,197,2.298,204,3.417,209,3.417,217,2.411,222,2.639,292,2.875,307,1.409,321,2.536,324,2.569,342,2.791,343,5.217,344,4.282,345,3.728,346,2.966,389,2.123,392,2.272,394,2.171,396,2.354,415,4.716,455,2.966,456,2.603,469,3.064,477,3.92,637,0.544]],["t/204",[0,0.291,1,0.34,6,0.022,8,0.294,9,0.343,10,0.308,11,0.301,12,0.337,13,0.42,14,0.33,15,1.55,18,0.946,22,2.922,25,0.461,32,1.83,33,0.262,35,0.238,36,2.021,41,0.704,43,0.308,49,1.716,52,2.118,55,2.995,56,3.181,59,2.974,60,2.49,63,1.771,66,2.029,73,2.518,74,2.707,76,1.734,77,3.095,106,1.597,109,2.337,122,1.52,125,1.435,126,0.213,137,3.567,138,1.698,170,3.138,191,2.137,217,2.078,222,2.274,277,2.781,282,3.883,289,4.178,290,2.597,291,3.069,307,2.11,312,4.178,313,3.291,316,3.291,317,3.929,318,4.272,319,4.372,320,3.471,321,2.974,323,3.471,324,2.214,325,2.516,326,4.725,336,3.212,337,3.377,338,3.377,341,3.69,342,2.405,343,4.725,344,3.69,345,3.212,346,2.555,637,0.468,850,4.346]],["t/206",[0,0.244,1,0.307,6,0.018,8,0.241,9,0.307,10,0.253,11,0.247,12,0.277,13,0.345,14,0.271,18,0.839,25,0.37,27,0.839,30,3.906,33,0.26,34,1.014,35,0.195,41,0.532,43,0.293,50,4.128,57,1.054,96,1.803,126,0.314,197,2.916,392,2.882,398,5.027,399,3.54,400,4.17,401,4.842,412,4.519,413,4.519,414,5.345,637,0.69]],["t/208",[0,0.244,1,0.307,6,0.018,8,0.241,9,0.307,10,0.253,11,0.247,12,0.277,13,0.345,14,0.271,18,0.839,25,0.37,27,0.839,30,3.906,33,0.26,34,1.014,35,0.195,41,0.532,43,0.293,50,4.128,57,1.054,96,1.803,126,0.314,197,2.916,392,2.882,398,5.027,399,3.54,400,4.17,401,4.842,412,5.345,413,4.519,414,4.519,637,0.69]],["t/210",[0,0.278,1,0.348,2,3.548,3,2.387,4,2.135,5,3.659,6,0.022,7,1.531,8,0.303,9,0.348,10,0.318,11,0.31,12,0.348,13,0.433,14,0.34,15,1.302,16,2.425,17,1.992,18,0.687,19,3.351,20,3.351,21,2.081,22,1.369,23,2.081,24,2.425,25,0.41,26,2.473,27,0.967,28,1.589,29,1.589,30,2.703,31,1.766,32,2.205,33,0.265,34,1.272,35,0.248,36,1.841,37,3.479,38,2.524,39,2.524,40,2.43,41,0.668,42,4.07,43,0.3,44,2.473,45,3.621,46,1.537,47,1.472,48,2.579,49,1.707,50,2.857,51,2.001,52,1.649,53,2.763,54,3.621,55,1.626,56,1.964,57,1.25,58,2.473,59,2.633,60,2.578,61,3.699,62,1.746,63,2.135,64,2.579,65,3.919,66,1.797,67,2.941,68,2.765,69,2.081,70,3.129,71,1.812,72,2.114,73,1.554,74,1.369,75,2.387,76,1.457,77,1.91,78,2.295,79,2.061,80,2.504,81,2.415,82,1.992,83,2.02,84,2.295,85,3.967,86,3.181,87,2.255,88,3.003,89,2.05,90,2.38,91,1.875,92,3.967,93,2.524,94,2.425,95,2.699,96,1.029,97,3.621,98,2.387,99,1.91,100,2.579,101,2.306,102,1.626,103,3.782,104,1.746,105,2.765,106,1.342,107,2.182,108,1.205,109,1.964,126,0.179,637,0.393,852,3.333]],["t/212",[0,0.283,1,0.321,6,0.017,8,0.233,9,0.3,10,0.244,11,0.238,12,0.267,13,0.333,14,0.261,18,0.809,27,0.809,28,2.685,29,2.685,33,0.256,34,0.978,35,0.242,36,2.226,41,0.513,43,0.286,46,2.597,57,1.016,126,0.302,198,2.655,232,2.864,322,3.018,370,5.23,371,4.673,372,5.029,373,4.73,637,0.665]],["t/214",[0,0.285,1,0.348,3,2.766,6,0.022,8,0.302,9,0.348,10,0.317,11,0.309,12,0.346,13,0.431,14,0.339,18,0.923,25,0.424,27,0.961,28,2.254,29,2.254,30,2.673,31,1.626,33,0.264,34,1.249,35,0.25,36,1.825,41,0.692,43,0.309,46,2.556,49,1.321,50,2.825,51,1.781,52,1.912,57,1.317,63,1.465,74,1.348,75,2.766,76,1.434,79,2.043,83,1.989,91,1.859,96,1.872,101,2.28,102,1.6,104,1.718,108,1.187,109,2.785,111,3.094,122,1.811,125,1.187,126,0.176,138,1.404,197,2.36,198,1.547,207,1.784,209,2.435,211,1.989,213,2.604,232,2.003,307,1.855,322,2.111,346,2.113,348,3.827,349,2.793,350,2.871,351,2.435,352,3.58,353,2.595,367,2.656,368,2.656,369,2.656,370,3.657,371,2.722,372,3.969,373,3.896,374,3.827,375,2.148,376,2.793,379,3.827,380,3.827,381,2.871,386,1.88,387,3.313,388,2.387,389,2.556,392,2.734,393,2.952,394,2.229,395,2.952,396,2.416,397,2.998,398,3.44,399,2.866,400,2.342,401,3.313,412,2.538,413,2.538,414,2.538,415,3.739,416,2.018,430,2.183,431,2.183,432,2.183,433,2.183,440,2.871,477,2.793,637,0.387,852,3.28]],["t/216",[0,0.278,1,0.349,4,1.526,6,0.022,7,1.095,8,0.305,9,0.349,10,0.319,11,0.312,12,0.35,13,0.435,14,0.342,18,0.491,22,2,25,0.414,27,1.058,31,1.775,32,2.245,33,0.266,34,1.279,35,0.249,36,1.126,41,0.671,43,0.308,47,2.151,51,1.809,52,2.131,57,1.329,60,1.577,66,1.83,69,2.135,76,1.494,79,1.795,80,1.791,81,2.459,82,2.043,87,2.314,91,2.277,96,1.908,98,2.831,99,1.959,101,1.649,102,1.668,106,2.488,107,2.238,108,1.236,109,2.868,122,1.866,125,1.236,126,0.184,178,3.543,197,2.43,198,1.612,204,2.79,208,2.97,217,1.791,221,3.942,224,2.537,292,2.135,321,2.682,324,2.717,325,3.087,328,3.04,339,2.441,342,2.072,386,2.79,389,2.615,392,2.402,394,2.296,396,1.748,425,2.238,434,3.942,435,2.911,436,2.992,439,3.851,445,2.836,455,2.202,456,1.933,469,2.275,470,3.851,471,2.911,476,3.543,488,2.488,489,2.645,499,3.851,500,2.911,507,2.911,508,3.413,509,2.441,520,2.537,521,3.688,522,2.992,525,4.039,526,2.704,529,2.768,530,2.768,531,3.081,637,0.404,852,3.418]],["t/218",[0,0.136,1,0.171,3,1.923,4,1.72,6,0.023,8,0.312,9,0.354,10,0.327,11,0.32,12,0.358,13,0.446,14,0.351,18,0.868,25,0.413,27,0.98,31,1.534,33,0.272,35,0.267,36,1.991,40,2.446,41,0.688,43,0.32,46,1.777,49,1.907,51,1.466,52,1.329,63,2.363,66,1.989,71,2.878,73,1.796,74,1.582,86,3.521,93,2.918,96,1.189,98,1.923,108,1.393,109,3.118,122,2.028,125,1.393,126,0.207,128,3.196,138,1.649,169,3.196,179,3.196,187,4.487,190,4.506,191,2.269,192,3.583,194,3.047,195,4.631,196,4.922,197,1.923,198,1.816,199,4.019,200,4.163,201,4.922,202,4.922,203,3.708,204,2.208,207,3.288,208,2.017,209,2.859,210,4.019,211,3.665,212,4.769,213,2.122,214,4.019,217,2.017,218,3.851,219,4.922,220,4.019,223,4.922,224,2.859,225,4.019,226,4.019,251,4.769,252,3.708,254,4.506,255,3.471,637,0.455,852,3.851]],["t/220",[0,0.291,1,0.333,6,0.022,8,0.3,9,0.345,10,0.315,11,0.308,12,0.345,13,0.429,14,0.337,15,1.254,18,0.954,22,2.73,25,0.472,31,1.502,32,1.48,33,0.263,35,0.251,36,2.188,41,0.695,43,0.312,49,1.781,52,2.292,53,2.649,55,2.67,56,2.741,59,2.563,60,2.146,62,2.867,63,1.433,66,1.749,71,1.745,73,2.17,74,2.466,76,1.403,77,2.667,91,1.077,99,1.84,106,1.292,108,1.161,109,2.741,122,1.23,124,0.828,125,1.161,126,0.172,130,1.292,137,3.18,138,1.374,170,2.539,174,0.947,175,1.388,182,1.206,191,2.183,198,1.514,207,2.976,211,3.318,217,1.681,222,1.84,229,2.336,240,2.599,267,4.328,268,3.09,269,3.349,270,3.861,271,2.893,272,3.27,273,2.382,274,1.918,275,2.336,276,3.861,277,3.261,278,2.893,282,3.536,288,3.767,289,3.6,290,2.101,291,2.484,307,1.95,312,3.6,313,2.663,316,2.663,317,3.386,318,3.681,319,3.767,320,2.809,321,2.563,323,2.809,324,1.791,325,2.036,326,4.072,327,2.809,328,3.979,336,2.599,337,2.733,338,2.733,341,2.985,342,1.946,343,4.072,344,2.985,345,2.599,346,2.068,637,0.379,852,3.21]],["t/222",[6,0.022,8,0.307,9,0.351,10,0.322,11,0.315,12,0.353,13,0.273,14,0.345,25,0.46,27,0.952,33,0.271,35,0.266,40,1.74,41,0.689,43,0.315,52,1.597,55,2.918,90,4.271,109,2.727,110,5.982,111,3.03,112,5.628,113,5.072,114,5.072,115,3.841,116,3.436,117,4.051,118,2.112,119,5.072,120,4.629,121,4.733,125,1.674,126,0.249,127,5.759,128,3.841,129,5.235,130,2.669,131,3.841,135,5.759,136,5.759,137,4.071,138,1.982,139,4.629,140,2.759,141,2.425,142,4.629,164,5.759,165,3.436,166,2.517,167,4.456,168,5.072,169,3.841,174,1.366,184,5.564,185,4.629,186,3.748,187,3.436,637,0.547,852,4.629]],["t/224",[0,0.245,1,0.307,6,0.018,8,0.243,9,0.307,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,18,0.843,27,0.843,33,0.261,34,1.019,35,0.196,41,0.535,43,0.293,47,2.592,52,2.389,57,1.058,98,2.929,106,2.789,126,0.315,178,5.04,339,4.189,386,3.363,521,5.247,526,4.641,529,4.751,530,5.608,637,0.693]],["t/226",[0,0.262,1,0.328,6,0.02,7,1.723,8,0.272,9,0.328,10,0.285,11,0.278,12,0.312,13,0.388,14,0.305,18,0.773,22,2.21,25,0.417,27,0.944,30,3.718,31,1.55,33,0.262,34,1.141,35,0.22,41,0.599,43,0.278,50,3.929,57,1.186,91,1.804,96,2.193,126,0.289,197,2.686,208,2.817,389,3.032,392,3.504,394,2.537,398,4.784,399,3.261,400,3.841,401,4.609,412,4.162,413,4.162,414,4.162,425,3.521,476,4.784,488,3.914,489,4.162,637,0.635]],["t/228",[0,0.269,1,0.338,6,0.021,8,0.287,9,0.338,10,0.301,11,0.294,12,0.329,13,0.409,14,0.322,18,0.732,25,0.323,27,0.995,28,2.43,29,2.43,31,1.499,33,0.264,34,1.203,35,0.232,36,1.678,41,0.632,43,0.294,51,1.412,57,1.25,76,2.228,79,1.879,87,3.449,91,1.71,96,2.307,104,2.669,122,1.953,126,0.274,197,3.175,209,3.783,213,2.807,387,4.458,388,3.709,389,2.933,392,3.582,393,3.183,394,2.403,395,3.183,396,2.606,415,5.031,439,5.031,445,4.229,477,4.34,637,0.602,851,2.575]],["t/230",[0,0.242,1,0.304,6,0.017,8,0.238,9,0.304,10,0.249,11,0.243,12,0.273,13,0.339,14,0.267,33,0.258,34,0.998,35,0.192,36,2.253,40,2.16,41,0.524,43,0.29,49,1.607,51,1.592,53,2.728,57,1.037,63,2.566,67,3.536,70,4.479,71,3.125,72,3.644,73,2.68,74,2.361,75,3.416,76,2.512,77,3.294,78,3.957,79,2.119,80,3.01,81,2.903,82,3.434,83,3.484,84,4.711,126,0.309,637,0.679]],["t/232",[0,0.242,1,0.304,6,0.017,8,0.238,9,0.304,10,0.249,11,0.243,12,0.273,13,0.339,14,0.267,33,0.258,34,0.998,35,0.192,36,2.253,40,2.16,41,0.524,43,0.29,49,1.607,51,1.592,53,2.728,57,1.037,63,2.566,67,3.536,70,4.479,71,3.125,72,3.644,73,2.68,74,2.361,75,3.416,76,2.512,77,3.294,78,4.711,79,2.119,80,3.01,81,2.903,82,3.434,83,3.484,84,3.957,126,0.309,637,0.679]],["t/234",[0,0.244,1,0.307,6,0.018,8,0.241,9,0.307,10,0.253,11,0.247,12,0.277,13,0.345,14,0.271,18,0.839,25,0.37,27,0.839,30,3.906,33,0.26,34,1.014,35,0.195,41,0.532,43,0.293,50,4.128,57,1.054,96,1.803,126,0.314,197,2.916,392,2.882,398,5.027,399,3.54,400,4.17,401,4.842,412,4.519,413,5.345,414,4.519,637,0.69]],["t/236",[0,0.26,1,0.307,6,0.018,8,0.242,9,0.307,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,25,0.371,27,0.841,33,0.26,34,1.016,35,0.196,41,0.63,43,0.293,46,2.7,51,2.04,57,1.056,74,2.405,79,2.158,111,3.832,126,0.314,307,1.791,352,5.239,353,4.631,367,4.74,368,5.601,369,4.74,637,0.691]],["t/238",[0,0.242,1,0.304,6,0.017,8,0.238,9,0.304,10,0.25,11,0.244,12,0.273,13,0.34,14,0.267,18,0.827,25,0.365,27,0.827,31,1.358,33,0.259,34,1,35,0.192,41,0.525,43,0.29,51,1.596,57,1.039,79,2.123,91,1.932,101,3.304,102,2.81,122,2.207,126,0.309,138,2.466,213,3.173,389,2.657,393,3.597,394,2.716,395,3.597,396,2.945,397,4.345,416,3.544,430,3.833,431,3.833,432,3.833,433,4.559,637,0.68]],["t/240",[0,0.279,1,0.336,6,0.021,7,1.594,8,0.283,9,0.336,10,0.297,11,0.29,12,0.325,13,0.405,14,0.318,18,0.715,22,2.574,25,0.435,27,0.9,31,1.477,33,0.262,34,1.088,35,0.229,36,1.639,41,0.656,43,0.265,57,1.13,60,2.295,76,2.175,91,1.669,101,2.4,102,2.427,122,2.401,126,0.267,137,2.891,138,2.13,191,1.495,197,2.484,204,3.59,217,2.606,282,2.932,292,3.108,307,1.523,319,5.072,320,4.355,321,3.964,323,4.355,324,4.016,325,4.348,342,3.017,389,2.295,394,2.346,396,2.544,434,5.072,435,4.237,436,4.355,455,3.205,456,2.814,469,3.311,637,0.588,851,2.514]],["t/242",[0,0.27,1,0.338,4,2.022,6,0.021,7,1.451,8,0.287,9,0.338,10,0.301,11,0.294,12,0.33,13,0.41,14,0.323,18,0.847,22,1.861,25,0.44,27,0.998,31,1.698,33,0.261,34,1.206,35,0.232,36,1.492,41,0.633,43,0.278,51,1.634,57,1.253,60,2.089,76,1.98,79,2.174,91,2.2,96,2.026,101,3.163,102,2.877,104,2.372,122,2.663,126,0.243,138,1.939,204,3.381,208,2.372,213,3.249,217,2.372,292,2.829,321,2.495,324,2.528,342,2.746,387,4.135,388,3.296,389,3.407,392,2.911,393,3.684,394,3.397,395,3.684,396,3.353,397,3.74,416,2.787,425,2.965,430,3.014,431,3.014,432,3.014,433,3.014,455,2.918,456,2.561,469,3.014,476,4.292,488,3.296,489,3.505,637,0.535]],["t/244",[0,0.26,1,0.327,6,0.02,7,1.698,8,0.269,9,0.327,10,0.283,11,0.276,12,0.309,13,0.385,14,0.302,18,0.936,25,0.413,27,0.936,31,1.249,33,0.26,34,1.131,35,0.218,41,0.594,43,0.276,51,1.805,57,1.175,79,2.402,91,1.778,96,1.637,101,3.142,102,2.585,104,2.776,122,2.497,126,0.285,138,2.269,213,3.589,387,4.567,388,3.857,389,3.254,392,2.615,393,4.069,394,3.072,395,4.405,396,3.331,397,4.132,416,3.261,430,3.527,431,3.527,432,3.527,433,3.527,637,0.626]],["t/246",[0,0.26,1,0.307,6,0.018,8,0.242,9,0.307,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,25,0.371,27,0.841,33,0.26,34,1.016,35,0.196,41,0.63,43,0.293,46,2.7,51,2.04,57,1.056,74,2.405,79,2.158,111,3.832,126,0.314,307,1.791,352,5.239,353,4.631,367,4.74,368,4.74,369,5.601,637,0.691]],["t/248",[0,0.246,1,0.308,6,0.018,8,0.244,9,0.308,10,0.256,11,0.25,12,0.28,13,0.348,14,0.274,31,1.389,33,0.261,34,1.023,35,0.197,40,2.215,41,0.537,43,0.294,49,1.648,57,1.063,61,5.374,62,3.087,63,2.632,64,4.561,65,4.869,66,2.61,67,3.626,68,5.763,69,3.681,126,0.317,637,0.696]],["t/250",[0,0.278,1,0.349,4,1.508,6,0.022,7,1.546,8,0.304,9,0.349,10,0.319,11,0.311,12,0.349,13,0.434,14,0.341,18,0.693,22,1.388,25,0.466,27,1.055,31,1.839,33,0.266,34,1.276,35,0.245,36,1.112,41,0.67,43,0.301,51,1.56,53,1.924,57,1.326,60,2.226,65,2.367,76,1.476,79,1.779,81,2.845,82,2.018,85,4.005,86,3.212,87,3.266,88,3.044,89,2.078,90,2.411,91,2.495,92,4.005,93,3.656,94,2.458,95,2.735,96,2.007,97,3.656,98,2.41,99,2.766,100,2.613,101,3.134,102,2.747,108,1.221,109,1.99,122,2.158,126,0.181,138,1.446,197,1.686,204,2.766,208,2.528,213,1.86,217,1.769,224,2.507,292,2.109,321,1.86,324,1.885,328,3.014,342,2.048,389,2.834,392,2.382,393,2.109,394,2.656,395,2.109,396,2.467,397,3.061,416,2.078,425,2.211,430,2.247,431,2.247,432,2.247,433,2.247,439,3.818,445,2.802,455,2.176,456,1.91,469,2.247,470,3.818,471,2.876,476,3.512,488,2.458,489,2.613,499,3.818,500,2.876,507,2.876,525,4.005,531,3.044,637,0.399]],["t/252",[0,0.283,1,0.331,3,3.171,6,0.021,8,0.286,9,0.338,10,0.3,11,0.293,12,0.329,13,0.409,14,0.321,31,1.879,33,0.264,34,1.103,35,0.231,41,0.68,43,0.293,49,1.936,57,1.146,62,2.664,91,2.433,93,3.853,109,2.997,124,1.312,125,1.84,126,0.273,191,1.529,229,3.701,240,4.118,276,5.27,277,3.565,278,4.584,307,1.944,374,5.143,375,3.33,376,4.331,379,5.143,399,3.084,440,4.451,637,0.601]],["t/254",[0,0.277,1,0.346,6,0.022,8,0.3,9,0.346,10,0.314,11,0.307,12,0.344,13,0.428,14,0.337,18,0.73,25,0.402,27,1.021,31,1.382,32,2.345,33,0.264,34,1.259,35,0.242,36,1.674,40,1.366,41,0.671,43,0.307,46,1.677,47,1.606,49,1.016,51,2.152,52,1.754,53,2.027,57,1.308,63,1.623,66,1.911,67,2.237,69,2.27,70,3.328,71,1.977,72,2.305,73,1.695,74,2.089,75,2.538,76,1.589,77,2.084,78,2.503,79,2.716,80,3.071,81,1.836,82,2.172,83,2.204,84,2.503,91,1.705,96,1.123,97,3.851,98,2.927,99,2.084,100,2.813,101,3.062,102,2.48,103,4.022,104,2.663,105,3.016,106,2.361,107,3.328,111,2.38,122,1.948,126,0.195,138,1.556,165,2.698,198,1.714,208,1.904,213,2.8,221,4.117,307,1.112,352,3.851,353,2.876,367,2.943,368,2.943,369,2.943,386,2.084,387,3.564,388,2.645,389,2.704,392,1.794,393,3.175,394,2.397,395,3.175,396,2.599,397,3.224,416,2.237,430,2.419,431,2.419,432,2.419,433,2.419,508,3.564,509,2.596,520,2.698,522,3.181,637,0.429]],["t/256",[0,0.262,1,0.328,6,0.02,7,1.723,8,0.272,9,0.328,10,0.285,11,0.278,12,0.312,13,0.388,14,0.305,27,0.773,31,1.268,32,3.032,33,0.262,34,1.141,35,0.22,40,2.022,41,0.599,43,0.278,49,1.504,51,1.967,52,2.268,57,1.186,61,5.087,62,2.817,63,2.402,64,4.162,65,4.609,66,2.78,67,3.309,68,4.463,69,4.434,79,1.983,80,2.817,106,2.166,107,3.521,126,0.289,198,2.537,208,2.817,386,3.083,508,4.609,509,3.841,520,3.992,637,0.635]],["t/258",[0,0.278,1,0.306,6,0.018,8,0.241,9,0.306,10,0.253,11,0.247,12,0.276,13,0.344,14,0.27,18,0.837,22,2.394,25,0.437,33,0.26,35,0.195,41,0.629,43,0.292,126,0.313,137,3.385,138,2.494,191,1.751,282,3.433,307,1.783,319,5.585,320,5.099,321,3.8,323,6.037,324,3.252,325,3.695,637,0.688]],["t/260",[0,0.242,1,0.304,6,0.017,7,1.845,8,0.238,9,0.304,10,0.25,11,0.244,12,0.273,13,0.34,14,0.267,25,0.365,27,0.827,31,1.615,33,0.259,34,1,35,0.192,36,1.897,41,0.525,43,0.244,57,1.039,60,2.657,76,2.518,91,1.932,101,2.778,102,2.81,122,2.626,126,0.309,204,3.927,217,3.017,292,3.597,321,3.173,324,3.214,342,3.492,389,2.657,394,2.716,396,2.945,455,3.71,456,3.257,469,4.559,637,0.68]],["t/262",[0,0.262,1,0.329,6,0.02,7,1.734,8,0.273,9,0.329,10,0.286,11,0.28,12,0.313,13,0.39,14,0.306,27,0.948,32,3.044,33,0.262,34,1.146,35,0.221,41,0.601,43,0.28,51,2.106,52,2.277,57,1.191,66,2.481,69,3.381,79,2.433,80,3.457,98,2.703,103,5.222,104,2.836,105,4.492,106,2.658,107,4.661,126,0.291,198,2.553,208,2.836,386,3.103,508,4.627,509,3.865,520,4.018,637,0.639]],["t/264",[0,0.266,1,0.334,6,0.02,7,1.554,8,0.28,9,0.334,10,0.294,11,0.287,12,0.322,13,0.4,14,0.315,18,0.885,25,0.43,27,0.973,31,1.597,33,0.26,34,1.177,35,0.226,36,1.598,41,0.617,43,0.261,51,1.708,57,1.222,60,2.238,76,2.121,79,2.273,91,2.068,96,1.498,101,3.268,102,3.007,104,2.541,122,2.732,126,0.261,138,2.077,204,3.533,213,3.396,217,2.541,292,3.03,321,2.672,324,2.708,342,2.941,387,4.321,388,3.531,389,3.289,392,2.394,393,3.85,394,3.195,395,3.85,396,3.645,397,3.91,416,2.985,430,3.228,431,3.228,432,3.228,433,3.228,455,3.125,456,2.744,469,3.228,637,0.573,851,2.451]],["t/266",[0,0.246,1,0.309,6,0.018,8,0.245,9,0.309,10,0.257,11,0.251,12,0.281,13,0.35,14,0.275,25,0.375,27,0.851,31,1.642,33,0.262,34,1.028,35,0.198,41,0.54,43,0.295,57,1.068,91,1.987,99,3.394,126,0.318,208,3.102,328,4.35,499,5.51,500,5.042,507,5.93,637,0.699]],["t/268",[0,0.273,1,0.328,6,0.02,7,2.1,8,0.271,9,0.328,10,0.284,11,0.278,12,0.311,13,0.387,14,0.304,18,0.769,25,0.449,27,0.769,31,1.546,33,0.261,34,0.93,35,0.219,36,1.764,41,0.646,43,0.227,57,0.966,60,3.269,63,2.392,76,2.341,91,1.797,101,2.583,102,2.613,122,2.513,126,0.288,137,3.112,191,1.61,204,3.758,217,2.806,292,3.345,307,1.639,321,2.95,324,2.989,326,5.739,341,4.982,342,4.297,389,2.471,394,2.526,396,2.738,455,3.45,456,3.029,469,3.564,637,0.632]],["t/270",[0,0.268,1,0.314,6,0.02,7,1.708,8,0.27,9,0.327,10,0.284,11,0.277,12,0.31,13,0.386,14,0.304,18,0.766,25,0.338,33,0.261,34,0.926,35,0.219,36,2.154,40,2.005,41,0.645,43,0.277,46,2.46,49,1.491,51,1.478,53,2.607,57,1.18,63,2.92,67,3.281,70,4.281,71,2.9,72,3.382,73,2.487,74,2.191,75,3.778,76,2.331,77,3.057,78,3.673,79,1.966,80,2.794,81,2.694,82,3.187,83,4.289,84,3.673,126,0.286,307,1.632,346,3.436,348,5.296,349,4.541,350,4.668,351,3.958,637,0.63]],["t/272",[0,0.243,1,0.305,6,0.018,8,0.24,9,0.305,10,0.251,11,0.246,12,0.275,13,0.342,14,0.269,27,0.833,32,3.173,33,0.259,34,1.007,35,0.194,41,0.528,43,0.291,51,2.032,52,2.373,57,1.046,66,2.585,69,3.622,79,2.138,80,3.038,106,2.335,107,3.796,126,0.312,198,2.735,208,3.038,386,3.324,508,4.822,509,4.141,520,5.106,637,0.685]],["t/274",[0,0.266,1,0.334,6,0.021,7,1.563,8,0.281,9,0.334,10,0.295,11,0.288,12,0.322,13,0.401,14,0.315,18,0.701,25,0.431,27,0.976,31,1.738,33,0.261,34,1.18,35,0.227,36,1.607,41,0.619,43,0.262,51,1.883,57,1.226,60,2.251,76,2.133,79,2.281,91,2.279,97,4.687,98,2.436,99,2.797,100,3.776,101,3.556,102,3.485,122,2.604,126,0.262,138,2.089,204,3.546,213,2.688,217,2.556,292,3.048,321,2.688,324,2.723,342,2.958,389,2.854,393,3.048,394,2.918,395,3.048,396,3.163,397,3.924,416,3.002,430,3.247,431,3.247,432,3.247,433,3.247,455,3.143,456,2.76,469,3.247,637,0.576,851,2.465]],["t/276",[0,0.242,1,0.304,6,0.017,8,0.238,9,0.304,10,0.25,11,0.244,12,0.273,13,0.34,14,0.267,18,0.827,25,0.365,27,0.827,31,1.358,33,0.259,34,1,35,0.192,41,0.525,43,0.29,51,1.596,57,1.039,79,2.123,91,1.932,101,3.304,102,2.81,122,2.207,126,0.309,138,2.466,213,3.173,389,2.657,393,3.597,394,2.716,395,3.597,396,2.945,397,4.345,416,3.544,430,3.833,431,4.559,432,3.833,433,3.833,637,0.68]],["t/278",[0,0.242,1,0.304,6,0.017,8,0.238,9,0.304,10,0.25,11,0.244,12,0.273,13,0.34,14,0.267,18,0.827,25,0.365,27,0.827,31,1.358,33,0.259,34,1,35,0.192,41,0.525,43,0.29,51,1.596,57,1.039,79,2.123,91,1.932,101,3.304,102,2.81,122,2.207,126,0.309,138,2.466,213,3.173,389,2.657,393,3.597,394,2.716,395,3.597,396,2.945,397,4.345,416,3.544,430,3.833,431,3.833,432,4.559,433,3.833,637,0.68]],["t/280",[0,0.245,1,0.307,6,0.018,8,0.243,9,0.307,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,18,0.843,27,0.843,33,0.261,34,1.019,35,0.196,41,0.535,43,0.293,47,2.592,52,2.389,57,1.058,98,2.929,106,2.789,126,0.315,178,5.04,339,4.189,386,3.97,521,5.247,526,4.641,529,4.751,530,4.751,637,0.693]],["t/282",[0,0.269,1,0.329,3,2.697,6,0.02,7,1.73,8,0.273,9,0.329,10,0.286,11,0.279,12,0.313,13,0.389,14,0.306,25,0.342,27,0.776,32,3.04,33,0.262,34,1.144,35,0.22,41,0.601,43,0.279,51,1.971,52,2.62,57,1.189,66,2.477,69,3.374,79,1.992,80,2.83,106,2.175,107,3.536,111,3.536,126,0.29,198,2.547,207,2.938,208,2.83,211,3.275,380,5.337,381,4.728,386,4.077,508,4.621,509,3.857,520,4.009,637,0.638]],["t/284",[0,0.261,1,0.328,6,0.02,7,1.719,8,0.271,9,0.328,10,0.285,11,0.278,12,0.312,13,0.388,14,0.305,25,0.34,27,0.771,31,1.548,33,0.261,34,1.14,35,0.219,36,2.162,40,2.017,41,0.598,43,0.278,49,1.501,51,1.487,53,2.618,57,1.185,63,2.397,67,3.302,70,4.298,71,2.919,72,3.404,73,2.503,74,2.205,75,3.278,76,2.346,77,3.077,78,3.696,79,1.979,80,2.811,81,3.584,82,4.239,83,3.254,84,3.696,91,1.801,126,0.288,224,3.984,470,5.194,471,4.57,637,0.634]],["t/286",[0,0.278,1,0.35,2,3.548,3,2.387,4,2.135,5,3.659,6,0.022,7,1.531,8,0.303,9,0.348,10,0.318,11,0.31,12,0.348,13,0.433,14,0.34,15,1.302,16,2.425,17,1.992,18,0.687,19,3.351,20,3.351,21,2.081,22,1.369,23,2.081,24,2.425,25,0.41,26,2.473,27,0.967,28,1.589,29,1.589,30,2.703,31,1.766,32,2.205,33,0.265,34,1.272,35,0.245,36,1.841,37,3.479,38,2.524,39,2.524,40,2.43,41,0.668,42,4.07,43,0.3,44,2.473,45,3.621,46,1.537,47,1.472,48,2.579,49,1.707,50,2.857,51,2.001,52,1.649,53,2.763,54,3.621,55,1.626,56,1.964,57,1.25,58,2.473,59,2.633,60,2.578,61,3.699,62,1.746,63,2.135,64,2.579,65,3.919,66,1.797,67,2.941,68,2.765,69,2.081,70,3.129,71,1.812,72,2.114,73,1.554,74,1.369,75,2.387,76,1.457,77,1.91,78,2.295,79,2.061,80,2.504,81,2.415,82,1.992,83,2.02,84,2.295,85,3.967,86,3.181,87,3.235,88,3.003,89,2.05,90,2.38,91,1.875,92,3.967,93,2.524,94,2.425,95,2.699,96,1.029,97,3.621,98,2.387,99,1.91,100,2.579,101,2.306,102,1.626,103,3.782,104,1.746,105,2.765,106,1.342,107,2.182,108,1.205,109,1.964,126,0.179,637,0.393]],["t/288",[0,0.278,1,0.349,4,1.526,6,0.022,7,1.095,8,0.305,9,0.349,10,0.319,11,0.312,12,0.35,13,0.435,14,0.342,18,0.491,22,2,25,0.414,27,1.058,31,1.775,32,2.245,33,0.266,34,1.294,35,0.246,36,1.126,41,0.671,43,0.308,47,2.151,51,1.809,52,2.131,57,1.329,60,1.577,66,1.83,69,2.135,76,1.494,79,1.795,80,1.791,81,2.459,82,2.043,87,3.295,91,2.277,96,1.908,98,2.831,99,1.959,101,1.649,102,1.668,106,2.488,107,2.238,108,1.236,109,2.868,122,1.866,125,1.236,126,0.184,178,3.543,197,2.43,198,1.612,204,2.79,208,2.97,217,1.791,221,3.942,224,2.537,292,2.135,321,2.682,324,2.717,325,3.087,328,3.04,339,2.441,342,2.072,386,2.79,389,2.615,392,2.402,394,2.296,396,1.748,425,2.238,434,3.942,435,2.911,436,2.992,439,3.851,445,2.836,455,2.202,456,1.933,469,2.275,470,3.851,471,2.911,476,3.543,488,2.488,489,2.645,499,3.851,500,2.911,507,2.911,508,3.413,509,2.441,520,2.537,521,3.688,522,2.992,525,4.039,526,2.704,529,2.768,530,2.768,531,3.081,637,0.404]],["t/290",[0,0.285,1,0.348,3,2.841,6,0.022,8,0.301,9,0.347,10,0.315,11,0.308,12,0.345,13,0.43,14,0.338,18,0.89,25,0.415,27,0.977,28,2.333,29,2.333,30,2.766,31,1.649,33,0.264,34,1.281,35,0.247,36,1.874,41,0.687,43,0.308,46,2.256,49,1.368,50,2.923,51,1.814,52,1.963,57,1.313,74,1.414,76,1.504,79,2.098,87,2.329,91,1.909,96,1.914,101,2.359,102,1.679,104,1.803,109,2.028,111,3.202,122,1.875,125,1.245,126,0.185,138,1.473,197,2.442,198,1.623,207,1.872,209,2.554,211,2.087,213,2.695,232,2.072,307,1.742,322,2.184,352,3.705,353,2.723,367,2.787,368,2.787,369,2.787,370,3.785,371,2.856,372,4.057,373,3.969,374,3.961,375,2.253,376,2.931,379,3.961,380,3.961,381,3.012,386,1.973,387,3.429,388,2.505,389,2.625,392,2.808,393,3.055,394,2.307,395,3.055,396,2.501,397,3.102,398,3.56,399,2.966,400,2.457,401,3.429,412,2.663,413,2.663,414,2.663,415,3.87,416,2.118,430,2.29,431,2.29,432,2.29,433,2.29,440,3.012,477,2.931,637,0.406]],["t/292",[0,0.278,1,0.351,4,1.526,6,0.022,7,1.095,8,0.305,9,0.349,10,0.319,11,0.312,12,0.35,13,0.435,14,0.342,18,0.491,22,2,25,0.414,27,1.058,31,1.775,32,2.245,33,0.266,34,1.279,35,0.246,36,1.126,41,0.671,43,0.308,47,2.151,51,1.809,52,2.131,57,1.329,60,1.577,66,1.83,69,2.135,76,1.494,79,1.795,80,1.791,81,2.459,82,2.043,87,3.295,91,2.277,96,1.908,98,2.831,99,1.959,101,1.649,102,1.668,106,2.488,107,2.238,108,1.236,109,2.868,122,1.866,125,1.236,126,0.184,178,3.543,197,2.43,198,1.612,204,2.79,208,2.97,217,1.791,221,3.942,224,2.537,292,2.135,321,2.682,324,2.717,325,3.087,328,3.04,339,2.441,342,2.072,386,2.79,389,2.615,392,2.402,394,2.296,396,1.748,425,2.238,434,3.942,435,2.911,436,2.992,439,3.851,445,2.836,455,2.202,456,1.933,469,2.275,470,3.851,471,2.911,476,3.543,488,2.488,489,2.645,499,3.851,500,2.911,507,2.911,508,3.413,509,2.441,520,2.537,521,3.688,522,2.992,525,4.039,526,2.704,529,2.768,530,2.768,531,3.081,637,0.404]],["t/294",[0,0.278,1,0.348,2,3.548,3,2.387,4,2.135,5,3.659,6,0.022,7,1.531,8,0.303,9,0.348,10,0.318,11,0.31,12,0.348,13,0.433,14,0.34,15,1.302,16,2.425,17,1.992,18,0.687,19,3.351,20,3.351,21,2.081,22,1.369,23,2.081,24,2.425,25,0.41,26,2.473,27,0.967,28,1.589,29,1.589,30,2.703,31,1.766,32,2.205,33,0.265,34,1.288,35,0.245,36,1.841,37,3.479,38,2.524,39,2.524,40,2.43,41,0.668,42,4.07,43,0.3,44,2.473,45,3.621,46,1.537,47,1.472,48,2.579,49,1.707,50,2.857,51,2.001,52,1.649,53,2.763,54,3.621,55,1.626,56,1.964,57,1.25,58,2.473,59,2.633,60,2.578,61,3.699,62,1.746,63,2.135,64,2.579,65,3.919,66,1.797,67,2.941,68,2.765,69,2.081,70,3.129,71,1.812,72,2.114,73,1.554,74,1.369,75,2.387,76,1.457,77,1.91,78,2.295,79,2.061,80,2.504,81,2.415,82,1.992,83,2.02,84,2.295,85,3.967,86,3.181,87,3.235,88,3.003,89,2.05,90,2.38,91,1.875,92,3.967,93,2.524,94,2.425,95,2.699,96,1.029,97,3.621,98,2.387,99,1.91,100,2.579,101,2.306,102,1.626,103,3.782,104,1.746,105,2.765,106,1.342,107,2.182,108,1.205,109,1.964,126,0.179,637,0.393]],["t/296",[0,0.285,1,0.35,3,2.841,6,0.022,8,0.301,9,0.347,10,0.315,11,0.308,12,0.345,13,0.43,14,0.338,18,0.89,25,0.415,27,0.977,28,2.333,29,2.333,30,2.766,31,1.649,33,0.264,34,1.263,35,0.247,36,1.874,41,0.687,43,0.308,46,2.256,49,1.368,50,2.923,51,1.814,52,1.963,57,1.313,74,1.414,76,1.504,79,2.098,87,2.329,91,1.909,96,1.914,101,2.359,102,1.679,104,1.803,109,2.028,111,3.202,122,1.875,125,1.245,126,0.185,138,1.473,197,2.442,198,1.623,207,1.872,209,2.554,211,2.087,213,2.695,232,2.072,307,1.742,322,2.184,352,3.705,353,2.723,367,2.787,368,2.787,369,2.787,370,3.785,371,2.856,372,4.057,373,3.969,374,3.961,375,2.253,376,2.931,379,3.961,380,3.961,381,3.012,386,1.973,387,3.429,388,2.505,389,2.625,392,2.808,393,3.055,394,2.307,395,3.055,396,2.501,397,3.102,398,3.56,399,2.966,400,2.457,401,3.429,412,2.663,413,2.663,414,2.663,415,3.87,416,2.118,430,2.29,431,2.29,432,2.29,433,2.29,440,3.012,477,2.931,637,0.406]],["t/298",[0,0.245,1,0.307,6,0.018,8,0.243,9,0.307,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,18,0.843,27,0.843,33,0.261,34,1.019,35,0.196,41,0.535,43,0.293,47,2.592,52,2.389,57,1.058,98,2.929,106,2.789,126,0.315,178,5.363,339,4.189,386,3.363,521,5.247,526,4.641,529,4.751,530,4.751,637,0.693]],["t/300",[0,0.245,1,0.307,6,0.018,8,0.243,9,0.307,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,18,0.843,27,0.843,33,0.261,34,1.019,35,0.196,41,0.535,43,0.293,47,2.592,52,2.389,57,1.058,98,2.929,106,2.789,126,0.315,178,5.04,339,4.189,386,3.363,521,5.247,526,4.641,529,5.608,530,4.751,637,0.693]],["t/302",[0,0.269,1,0.338,6,0.021,8,0.287,9,0.338,10,0.301,11,0.294,12,0.329,13,0.409,14,0.322,18,0.732,25,0.323,27,0.995,28,2.43,29,2.43,31,1.499,33,0.264,34,1.203,35,0.232,36,1.678,41,0.632,43,0.294,51,1.412,57,1.25,76,2.228,79,1.879,87,3.449,91,1.71,96,2.352,104,2.669,122,1.953,126,0.274,197,3.175,209,3.783,213,2.807,387,4.458,388,3.709,389,2.933,392,3.42,393,3.183,394,2.403,395,3.183,396,2.606,415,5.031,439,5.031,445,4.229,477,4.34,637,0.602,851,2.575]],["t/304",[0,0.257,1,0.323,6,0.021,8,0.287,9,0.338,10,0.301,11,0.294,12,0.33,13,0.41,14,0.322,18,0.735,22,2.102,25,0.404,27,0.916,30,3.605,31,1.503,33,0.264,34,1.107,35,0.243,41,0.633,43,0.294,49,1.431,50,3.81,57,1.15,86,3.405,91,1.717,93,3.876,96,2.309,126,0.275,191,1.538,197,2.555,207,2.783,208,2.68,211,3.102,219,5.93,220,5.34,389,2.94,392,3.146,394,2.413,398,4.639,399,3.102,400,3.654,401,4.469,412,3.96,413,3.96,414,3.96,425,3.35,476,4.639,488,3.724,489,3.96,637,0.604,851,2.585]],["t/306",[6,0.018,8,0.249,9,0.312,10,0.261,11,0.255,12,0.286,13,0.356,14,0.28,31,1.419,33,0.263,35,0.235,36,1.983,40,2.263,41,0.549,43,0.298,49,1.683,71,3.274,126,0.323,138,2.577,179,5.835,191,1.809,254,5.988,255,5.426,637,0.711]],["t/308",[0,0.242,1,0.304,6,0.017,8,0.238,9,0.304,10,0.249,11,0.243,12,0.273,13,0.339,14,0.267,33,0.258,34,0.998,35,0.192,36,2.253,40,2.16,41,0.524,43,0.29,49,1.607,51,1.592,53,2.913,57,1.037,63,2.566,67,3.536,70,4.479,71,3.125,72,3.644,73,2.68,74,2.361,75,3.416,76,2.512,77,3.294,78,3.957,79,2.119,80,3.01,81,2.903,82,3.434,83,3.484,84,3.957,126,0.309,637,0.679]],["t/310",[0,0.262,1,0.329,5,3.551,6,0.02,7,1.738,8,0.273,9,0.329,10,0.287,11,0.28,12,0.314,13,0.39,14,0.307,31,1.748,33,0.262,34,1.147,35,0.221,40,2.484,41,0.602,43,0.28,45,5.006,46,2.502,47,2.397,48,4.198,49,1.848,50,3.949,51,2.055,52,2.28,53,2.957,54,5.006,55,2.647,56,3.197,57,0.979,58,4.027,59,3.64,60,3.048,126,0.291,637,0.641]],["t/312",[0,0.244,1,0.307,6,0.018,8,0.241,9,0.307,10,0.253,11,0.247,12,0.277,13,0.345,14,0.271,18,0.839,25,0.37,27,0.839,30,3.906,33,0.26,34,1.014,35,0.195,41,0.532,43,0.293,50,4.128,57,1.054,96,1.803,126,0.314,197,2.916,392,2.882,398,5.027,399,3.54,400,4.17,401,5.156,412,4.519,413,4.519,414,4.519,637,0.69]],["t/314",[1,0.263,3,2.964,6,0.018,8,0.245,9,0.31,10,0.257,11,0.251,12,0.282,13,0.35,14,0.276,27,1.002,33,0.262,35,0.233,41,0.541,43,0.295,52,2.048,66,2.621,73,3.252,74,2.865,126,0.319,128,4.925,187,4.406,191,1.784,195,6.103,203,5.715,204,3.402,637,0.701]],["t/316",[0,0.242,1,0.304,6,0.017,8,0.238,9,0.304,10,0.249,11,0.243,12,0.273,13,0.339,14,0.267,33,0.258,34,0.998,35,0.192,36,2.253,40,2.16,41,0.524,43,0.29,49,1.607,51,1.592,53,2.728,57,1.037,63,2.566,67,3.536,70,4.479,71,3.125,72,3.644,73,2.68,74,2.361,75,3.416,76,2.512,77,3.922,78,3.957,79,2.119,80,3.01,81,2.903,82,3.434,83,3.484,84,3.957,126,0.309,637,0.679]],["t/318",[0,0.26,1,0.307,6,0.018,8,0.242,9,0.307,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,25,0.371,27,0.841,33,0.26,34,1.016,35,0.196,41,0.63,43,0.293,46,2.7,51,2.04,57,1.056,74,2.405,79,2.158,111,3.832,126,0.314,307,1.791,352,5.239,353,4.631,367,5.601,368,4.74,369,4.74,637,0.691]],["t/320",[0,0.247,1,0.31,6,0.018,8,0.246,9,0.31,10,0.258,11,0.252,12,0.282,13,0.351,14,0.276,22,2.445,27,0.855,33,0.262,34,1.033,35,0.199,41,0.542,43,0.296,57,1.073,126,0.32,197,2.971,321,3.278,324,3.321,325,4.701,434,5.655,435,5.066,436,5.207,637,0.703]],["t/322",[0,0.262,1,0.328,6,0.02,7,2.109,8,0.272,9,0.328,10,0.285,11,0.279,12,0.312,13,0.389,14,0.306,22,2.215,25,0.342,27,0.945,31,1.552,33,0.262,34,1.143,35,0.22,36,1.775,41,0.6,43,0.228,57,1.188,60,2.486,76,2.356,91,1.808,101,2.6,102,2.63,122,2.523,126,0.29,197,2.691,204,3.773,217,2.824,292,3.367,321,3.915,324,3.674,325,4.175,342,3.268,389,2.486,394,2.542,396,2.756,434,5.33,435,4.59,436,4.717,455,3.473,456,3.048,469,3.587,637,0.636]],["t/324",[0,0.245,1,0.307,6,0.018,8,0.242,9,0.307,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,22,2.405,25,0.371,27,0.841,31,1.63,33,0.26,34,1.016,35,0.196,41,0.533,43,0.293,57,1.056,91,1.964,96,2.136,126,0.314,208,3.066,389,3.19,392,2.889,394,2.76,425,4.528,476,5.034,488,4.26,489,4.529,637,0.691]],["t/326",[0,0.26,1,0.307,6,0.018,8,0.242,9,0.307,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,25,0.371,27,0.841,33,0.26,34,1.016,35,0.196,41,0.63,43,0.293,46,2.7,51,2.04,57,1.056,74,2.842,79,2.158,111,3.832,126,0.314,307,1.791,352,5.239,353,4.631,367,4.74,368,4.74,369,4.74,637,0.691]],["t/328",[0,0.26,1,0.327,6,0.02,7,1.698,8,0.269,9,0.327,10,0.283,11,0.276,12,0.309,13,0.385,14,0.302,18,0.936,25,0.413,27,0.936,31,1.249,33,0.26,34,1.131,35,0.218,41,0.594,43,0.276,51,1.805,57,1.175,79,2.402,91,1.778,96,1.637,101,3.142,102,2.585,104,2.776,122,2.497,126,0.285,138,2.269,213,3.589,387,4.567,388,3.857,389,3.254,392,2.615,393,4.405,394,3.072,395,4.069,396,3.331,397,4.132,416,3.261,430,3.527,431,3.527,432,3.527,433,3.527,637,0.626]],["t/330",[0,0.27,1,0.338,4,2.022,6,0.021,7,1.451,8,0.287,9,0.338,10,0.301,11,0.294,12,0.33,13,0.41,14,0.323,18,0.847,22,1.861,25,0.44,27,0.998,31,1.698,33,0.261,34,1.206,35,0.232,36,1.492,41,0.633,43,0.278,51,1.634,57,1.253,60,2.089,76,1.98,79,2.174,91,2.2,96,2.026,101,3.163,102,2.877,104,2.372,122,2.663,126,0.243,138,1.939,204,3.381,208,2.372,213,3.249,217,2.372,292,2.829,321,2.495,324,2.528,342,2.746,387,4.135,388,3.296,389,3.469,392,2.911,393,3.684,394,3.276,395,3.684,396,3.353,397,3.74,416,2.787,425,2.965,430,3.014,431,3.014,432,3.014,433,3.014,455,2.918,456,2.561,469,3.014,476,4.292,488,3.296,489,3.505,637,0.535]],["t/332",[0,0.27,1,0.336,2,3.973,3,1.956,4,2.39,5,3.505,6,0.022,7,1.255,8,0.3,9,0.346,10,0.315,11,0.307,12,0.344,13,0.428,14,0.337,15,1.531,16,2.851,17,2.341,18,0.769,19,2.746,20,2.746,21,2.447,22,1.61,23,2.447,24,2.851,25,0.339,26,2.907,27,0.563,28,1.868,29,1.868,30,3.028,31,1.74,32,2.469,33,0.265,34,1.192,35,0.25,36,2.333,37,2.851,38,2.967,39,2.967,40,2.775,41,0.661,43,0.3,45,4.055,46,1.807,47,1.731,48,3.031,49,1.919,50,3.199,51,1.902,52,1.847,53,2.736,54,4.055,55,1.911,56,2.308,57,1.1,58,2.907,59,2.949,60,2.469,61,4.142,62,2.052,63,2.39,64,3.031,65,3.753,66,2.012,67,3.294,68,3.25,69,2.447,70,3.505,71,3.317,72,2.484,73,1.827,74,1.61,75,2.673,76,1.712,77,2.245,78,2.698,79,1.444,80,2.052,81,1.979,82,2.341,83,2.375,84,2.698,126,0.21,138,1.677,179,3.25,191,1.609,251,4.825,252,3.771,254,4.558,255,3.53,375,2.564,637,0.463]],["t/334",[0,0.272,1,0.335,3,2.642,6,0.022,7,1.234,8,0.304,9,0.349,10,0.319,11,0.311,12,0.349,13,0.434,14,0.341,18,0.553,25,0.383,27,0.935,31,1.854,33,0.267,34,1.185,35,0.255,36,1.743,40,1.448,41,0.688,43,0.306,46,1.777,49,1.82,51,1.466,56,2.269,57,1.231,60,1.777,63,1.72,71,2.095,76,1.684,79,1.42,86,2.563,87,2.607,91,2.289,96,1.634,101,2.916,102,2.582,109,2.269,122,2.494,125,1.393,126,0.207,138,2.265,169,3.196,179,3.196,190,4.506,191,1.817,192,3.583,194,3.047,197,1.923,204,3.033,213,2.122,217,2.017,223,4.922,224,2.859,225,4.019,226,4.019,254,4.506,255,3.471,292,2.405,307,1.619,321,2.122,324,2.15,342,2.335,374,4.285,375,2.521,376,3.279,379,4.285,389,2.441,392,1.901,393,2.405,394,2.495,395,2.405,396,2.705,397,3.356,399,2.335,416,2.37,430,2.563,431,2.563,432,2.563,433,2.563,439,4.187,440,3.371,445,3.196,455,2.481,456,2.178,469,2.563,637,0.455]],["t/336",[0,0.278,1,0.349,2,3.578,3,1.684,4,2.153,5,3.156,6,0.022,7,1.544,8,0.304,9,0.349,10,0.319,11,0.311,12,0.349,13,0.434,14,0.341,15,1.318,16,2.454,17,2.016,18,0.692,19,2.364,20,2.364,21,2.106,22,1.981,23,2.106,24,2.454,25,0.459,26,2.503,27,1.022,28,1.608,29,1.608,30,2.727,31,1.853,32,2.224,33,0.266,34,1.275,35,0.245,36,1.111,37,2.454,38,2.555,39,2.555,40,2.115,41,0.669,43,0.301,45,3.652,46,1.556,47,1.49,48,2.61,49,1.348,50,2.881,51,1.872,52,1.663,53,2.59,54,3.652,55,1.645,56,2.841,57,1.283,58,2.503,59,2.656,60,2.596,65,2.364,79,1.243,81,2.843,82,2.016,85,4.001,86,3.209,87,2.283,88,3.039,89,2.075,90,2.408,91,2.333,92,4.001,93,2.555,94,2.454,95,2.731,96,1.738,97,3.652,98,2.407,99,2.764,100,2.61,101,2.325,102,1.645,108,1.22,109,1.987,126,0.181,208,2.525,224,2.503,328,3.011,389,2.224,392,1.664,394,1.59,425,2.208,470,3.814,471,2.872,476,3.509,488,2.454,489,2.61,499,3.814,500,2.872,507,2.872,525,4.001,531,3.039,637,0.398]],["t/338",[0,0.262,1,0.328,6,0.02,7,1.723,8,0.272,9,0.328,10,0.285,11,0.278,12,0.312,13,0.388,14,0.305,27,0.773,31,1.268,32,3.032,33,0.262,34,1.141,35,0.22,40,2.022,41,0.599,43,0.278,49,1.504,51,1.967,52,2.268,57,1.186,61,5.087,62,2.817,63,2.402,64,4.162,65,4.609,66,2.851,67,3.309,68,4.463,69,4.106,79,1.983,80,2.817,106,2.166,107,3.521,126,0.289,198,2.537,208,2.817,386,3.083,508,4.609,509,3.841,520,3.992,637,0.635]],["t/340",[1,0.264,3,2.971,6,0.018,8,0.246,9,0.31,10,0.258,11,0.252,12,0.282,13,0.351,14,0.276,27,1.003,33,0.262,35,0.233,41,0.542,43,0.296,52,2.053,66,2.786,73,2.775,74,2.445,126,0.32,128,4.937,187,4.416,191,1.788,195,6.112,203,5.728,204,3.41,637,0.703]],["t/342",[0,0.246,1,0.308,6,0.018,8,0.244,9,0.308,10,0.256,11,0.25,12,0.28,13,0.348,14,0.274,31,1.389,33,0.261,34,1.023,35,0.197,40,2.215,41,0.537,43,0.294,49,1.648,57,1.063,61,5.374,62,3.087,63,2.632,64,4.561,65,5.176,66,2.61,67,3.626,68,4.891,69,3.681,126,0.317,637,0.696]],["t/344",[0,0.28,1,0.327,6,0.02,7,1.698,8,0.269,9,0.327,10,0.283,11,0.276,12,0.309,13,0.385,14,0.302,15,2.071,18,0.761,22,3.201,25,0.413,27,0.761,31,1.536,32,2.445,33,0.26,34,0.92,35,0.218,41,0.643,43,0.299,49,1.482,55,2.585,56,3.123,57,0.956,91,1.778,96,2.012,126,0.285,170,4.193,191,1.593,208,2.776,282,4.156,289,5.041,290,3.469,291,4.101,389,3.005,392,2.615,394,2.499,425,3.469,476,4.741,488,3.857,489,4.101,637,0.626]],["t/346",[0,0.28,1,0.303,6,0.017,8,0.237,9,0.303,10,0.249,11,0.243,12,0.272,13,0.339,14,0.266,15,2.241,18,0.823,22,3.218,25,0.363,32,2.645,33,0.258,35,0.192,41,0.623,43,0.309,49,1.603,55,2.797,56,3.378,126,0.308,170,4.536,191,1.723,282,4.452,289,5.287,290,3.753,291,4.436,637,0.677]],["t/348",[0,0.261,1,0.262,6,0.018,8,0.244,9,0.308,10,0.256,11,0.25,12,0.28,13,0.348,14,0.274,18,0.847,25,0.374,33,0.261,35,0.197,41,0.633,43,0.294,46,2.719,57,1.063,63,2.632,75,3.687,83,3.574,126,0.317,307,1.804,346,3.797,348,5.624,349,5.019,350,5.158,351,5.155,637,0.696]],["t/350",[0,0.261,1,0.262,6,0.018,8,0.244,9,0.308,10,0.256,11,0.25,12,0.28,13,0.348,14,0.274,18,0.847,25,0.374,33,0.261,35,0.197,41,0.633,43,0.294,46,2.719,57,1.063,63,2.632,75,3.687,83,3.574,126,0.317,307,1.804,346,3.797,348,5.624,349,5.019,350,6.078,351,4.375,637,0.696]],["t/352",[0,0.278,1,0.348,5,2.153,6,0.022,8,0.302,9,0.348,10,0.317,11,0.309,12,0.347,13,0.431,14,0.339,18,0.68,25,0.385,27,0.992,31,1.627,32,2.184,33,0.264,34,1.268,35,0.244,36,1.559,40,2.086,41,0.674,43,0.309,45,3.587,46,2.184,47,2.092,48,2.545,49,1.551,50,2.83,51,2.172,52,2.094,53,2.565,54,3.587,55,1.605,56,1.938,57,1.298,58,2.441,59,2.609,60,2.184,63,1.469,66,1.78,67,2.024,69,2.054,70,3.1,71,1.789,72,2.086,73,1.534,74,1.946,75,2.364,76,1.438,77,1.885,78,2.265,79,2.605,80,2.906,81,1.662,82,1.966,83,1.994,84,2.265,91,1.589,96,1.016,97,3.587,98,2.77,99,1.885,100,2.545,101,2.928,102,2.31,103,3.746,104,2.48,105,2.729,106,2.234,107,3.1,108,1.19,109,1.938,111,2.153,122,1.815,126,0.177,138,2.027,198,1.551,208,1.723,213,2.609,221,3.835,307,1.007,352,3.587,353,2.602,367,2.663,368,2.663,369,2.663,386,1.885,387,3.32,388,2.394,389,2.559,392,1.623,393,2.958,394,2.233,395,2.958,396,2.421,397,3.003,416,2.024,430,2.189,431,2.189,432,2.189,433,2.189,508,3.32,509,2.349,520,2.441,522,2.878,637,0.388]],["t/354",[0,0.267,1,0.335,6,0.021,8,0.282,9,0.335,10,0.296,11,0.289,12,0.324,13,0.403,14,0.317,27,0.895,32,2.875,33,0.262,34,1.186,35,0.228,36,2.053,40,1.856,41,0.622,43,0.289,49,1.38,51,2.094,52,2.15,53,2.485,57,1.232,63,2.204,66,2.343,67,3.037,69,3.083,70,4.08,71,2.685,72,3.131,73,2.302,74,2.028,75,3.112,76,2.158,77,2.83,78,3.4,79,2.518,80,3.758,81,2.494,82,2.95,83,2.993,84,3.4,98,2.465,103,4.931,104,2.586,105,4.096,106,2.51,107,4.08,126,0.265,198,2.328,208,2.586,386,2.83,508,4.37,509,3.525,520,3.664,637,0.583,851,2.494]],["t/356",[0,0.261,1,0.262,6,0.018,8,0.244,9,0.308,10,0.256,11,0.25,12,0.28,13,0.348,14,0.274,18,0.847,25,0.374,33,0.261,35,0.197,41,0.633,43,0.294,46,2.719,57,1.063,63,2.632,75,3.687,83,3.574,126,0.317,307,1.804,346,4.474,348,5.624,349,5.019,350,5.158,351,4.375,637,0.696]],["t/358",[6,0.02,8,0.279,9,0.333,10,0.293,11,0.286,12,0.321,13,0.399,14,0.314,27,0.809,31,1.327,33,0.266,35,0.251,40,2.116,41,0.616,43,0.286,46,2.597,49,1.574,51,2.007,63,2.514,98,2.812,109,3.318,122,2.59,125,2.037,126,0.302,138,2.411,169,4.673,190,5.755,191,2.031,192,5.238,194,4.455,207,3.062,211,3.414,212,6.091,217,2.95,218,5.631,637,0.665]],["t/360",[0,0.242,1,0.304,6,0.017,7,1.845,8,0.238,9,0.304,10,0.25,11,0.244,12,0.273,13,0.34,14,0.267,25,0.365,27,0.827,31,1.615,33,0.259,34,1,35,0.192,36,1.897,41,0.525,43,0.244,57,1.039,60,2.657,76,2.518,91,1.932,101,2.778,102,2.81,122,2.626,126,0.309,204,3.927,217,3.017,292,4.279,321,3.173,324,3.214,342,3.492,389,2.657,394,2.716,396,2.945,455,3.71,456,3.257,469,3.833,637,0.68]],["t/362",[0,0.259,1,0.325,6,0.022,7,1.413,8,0.295,9,0.344,10,0.31,11,0.303,12,0.339,13,0.422,14,0.332,18,0.832,25,0.41,27,0.988,31,1.621,33,0.264,34,1.124,35,0.25,36,1.452,40,1.658,41,0.651,43,0.291,46,2.034,49,1.233,51,1.905,57,1.168,60,2.034,63,1.969,76,1.928,79,2.137,91,1.945,96,1.362,98,2.202,101,3.123,102,2.828,104,3.036,122,2.864,126,0.237,138,1.888,169,3.66,190,4.935,191,1.742,192,4.102,194,3.489,204,3.322,207,2.398,211,2.674,212,5.224,213,3.193,217,3.036,218,4.41,292,2.755,321,2.43,324,2.461,342,2.674,387,4.063,388,3.21,389,3.172,392,2.177,393,3.62,394,3.053,395,3.62,396,3.31,397,3.676,416,2.714,430,2.935,431,2.935,432,2.935,433,2.935,455,2.841,456,2.494,469,2.935,637,0.521]],["t/364",[0,0.261,1,0.328,2,4.867,3,3.274,4,2.928,5,4.292,6,0.02,7,2.1,8,0.271,9,0.328,10,0.284,11,0.278,12,0.311,13,0.387,14,0.304,15,2.093,16,3.898,17,3.201,18,0.769,19,4.597,20,4.597,21,3.345,22,2.201,23,3.345,24,3.898,25,0.34,26,3.975,27,0.942,28,2.554,29,2.554,30,3.708,31,1.546,32,3.025,33,0.261,34,1.139,35,0.219,36,1.764,37,5.157,38,4.057,39,4.057,40,2.013,41,0.598,42,5.583,43,0.227,44,3.975,126,0.288,637,0.632]],["t/366",[0,0.245,1,0.308,6,0.018,8,0.243,9,0.308,10,0.255,11,0.249,12,0.279,13,0.347,14,0.273,31,1.635,33,0.261,34,1.021,35,0.196,40,2.21,41,0.536,43,0.294,49,1.644,51,1.922,53,2.344,54,5.254,55,2.869,56,3.465,57,1.061,58,4.364,59,4.064,60,3.199,126,0.316,637,0.694]],["t/368",[6,0.021,8,0.294,9,0.343,10,0.308,11,0.301,12,0.337,13,0.419,14,0.33,18,0.944,25,0.417,27,0.944,33,0.268,35,0.258,40,2.022,41,0.647,43,0.301,49,1.504,63,2.402,126,0.289,187,4.879,191,2.134,196,6.115,197,2.686,198,2.537,199,5.613,200,5.093,201,6.115,202,6.115,207,2.925,208,2.817,209,3.992,210,5.613,211,3.261,213,2.963,214,5.613,637,0.635,851,2.717]],["t/370",[0,0.279,1,0.316,6,0.02,7,1.734,8,0.273,9,0.329,10,0.286,11,0.28,12,0.313,13,0.39,14,0.306,18,0.778,25,0.451,27,0.778,31,1.556,33,0.262,34,0.94,35,0.221,41,0.601,43,0.28,49,1.514,52,2.456,57,0.977,62,2.836,91,1.816,99,3.103,126,0.291,191,1.627,198,2.553,208,2.836,272,3.944,288,5.344,327,4.738,328,4.933,499,5.222,500,4.61,507,4.61,637,0.639]],["t/372",[6,0.018,8,0.248,9,0.312,10,0.26,11,0.254,12,0.285,13,0.355,14,0.279,27,0.863,31,1.416,33,0.263,35,0.235,41,0.547,43,0.297,46,2.771,51,1.664,63,2.682,122,2.302,126,0.323,169,4.984,190,5.98,191,1.805,192,5.587,194,5.556,637,0.709]],["t/374",[0,0.278,1,0.257,6,0.018,8,0.24,9,0.305,10,0.251,11,0.246,12,0.275,13,0.342,14,0.269,18,0.833,25,0.436,33,0.259,35,0.194,41,0.528,43,0.291,49,1.621,52,2.53,62,3.038,126,0.312,191,1.743,198,2.735,272,4.383,288,5.57,327,5.075,328,4.905,637,0.685]],["t/376",[0,0.241,1,0.302,2,5.05,3,2.843,4,2.543,5,3.728,6,0.017,7,1.824,8,0.235,9,0.302,10,0.247,11,0.241,12,0.27,13,0.336,14,0.264,15,2.226,16,4.144,17,3.403,18,0.818,19,3.992,20,3.992,21,3.557,22,2.34,23,3.557,24,4.144,25,0.361,26,4.227,27,0.818,28,2.716,29,2.716,30,3.848,31,1.604,32,3.139,33,0.257,34,0.989,35,0.19,36,1.875,37,4.144,38,4.314,39,5.155,40,2.14,41,0.519,43,0.241,126,0.306,637,0.672]],["t/378",[0,0.259,1,0.325,2,4.786,3,2.602,4,2.327,5,3.412,6,0.019,7,2.066,8,0.267,9,0.325,10,0.28,11,0.273,12,0.306,13,0.381,14,0.299,15,2.037,16,3.793,17,3.115,18,0.749,19,3.654,20,3.654,21,3.255,22,2.142,23,3.255,24,3.793,25,0.33,26,3.869,27,0.926,28,2.486,29,2.486,30,3.647,31,1.52,32,3.468,33,0.259,34,1.12,35,0.215,36,1.716,37,3.793,38,3.948,39,3.948,40,1.959,41,0.588,43,0.221,51,1.94,52,2.225,57,0.94,66,2.424,69,3.255,79,1.922,80,2.73,106,2.099,107,3.412,126,0.28,198,2.458,208,2.73,386,2.988,508,4.52,509,3.722,520,3.869,637,0.615]],["t/380",[0,0.268,1,0.314,6,0.02,7,1.708,8,0.27,9,0.327,10,0.284,11,0.277,12,0.31,13,0.386,14,0.304,18,0.766,25,0.338,33,0.261,34,0.926,35,0.219,36,2.154,40,2.005,41,0.645,43,0.277,46,2.46,49,1.491,51,1.478,53,2.607,57,1.18,63,2.92,67,3.281,70,4.281,71,2.9,72,3.382,73,2.487,74,2.191,75,3.845,76,2.331,77,3.057,78,3.673,79,1.966,80,2.794,81,2.694,82,3.187,83,3.965,84,3.673,126,0.286,307,1.632,346,3.436,348,5.296,349,4.541,350,4.668,351,3.958,637,0.63]],["t/382",[0,0.261,1,0.327,6,0.02,7,2.095,8,0.27,9,0.327,10,0.284,11,0.277,12,0.31,13,0.386,14,0.304,25,0.338,27,0.766,31,1.738,33,0.261,34,1.136,35,0.219,36,1.756,40,2.005,41,0.596,43,0.226,49,1.491,51,1.812,53,2.126,54,4.954,55,2.602,56,3.143,57,1.18,58,3.958,59,3.603,60,3.401,76,2.331,91,1.789,101,2.572,102,2.602,122,2.506,126,0.286,204,3.749,217,2.794,292,3.331,321,2.938,324,2.977,342,3.234,389,2.46,394,2.515,396,2.727,455,3.436,456,3.016,469,3.549,637,0.63]],["t/384",[0,0.266,1,0.334,6,0.021,7,1.563,8,0.281,9,0.334,10,0.295,11,0.288,12,0.322,13,0.401,14,0.315,18,0.701,25,0.431,27,0.976,31,1.738,33,0.261,34,1.18,35,0.227,36,1.607,41,0.619,43,0.262,51,1.883,57,1.226,60,2.251,76,2.133,79,2.281,91,2.279,97,4.687,98,2.436,99,2.797,100,3.776,101,3.633,102,3.314,122,2.604,126,0.262,138,2.089,204,3.546,213,2.688,217,2.556,292,3.048,321,2.688,324,2.723,342,2.958,389,2.854,393,3.048,394,2.918,395,3.048,396,3.163,397,3.924,416,3.002,430,3.247,431,3.247,432,3.247,433,3.247,455,3.143,456,2.76,469,3.247,637,0.576,851,2.465]],["t/386",[0,0.242,1,0.304,6,0.017,8,0.238,9,0.304,10,0.25,11,0.244,12,0.273,13,0.34,14,0.267,18,0.827,25,0.365,27,0.827,31,1.358,33,0.259,34,1,35,0.192,41,0.525,43,0.29,51,1.596,57,1.039,79,2.123,91,1.932,101,3.304,102,2.81,122,2.207,126,0.309,138,2.466,213,3.173,389,2.657,393,3.597,394,2.716,395,3.597,396,2.945,397,4.345,416,3.544,430,4.559,431,3.833,432,3.833,433,3.833,637,0.68]],["t/388",[0,0.262,1,0.329,5,3.544,6,0.02,7,1.734,8,0.273,9,0.329,10,0.286,11,0.28,12,0.313,13,0.39,14,0.306,18,0.778,27,0.778,31,1.556,33,0.262,34,1.146,35,0.221,40,2.035,41,0.601,43,0.28,45,5,46,2.497,47,2.916,48,4.189,49,1.514,50,3.944,51,1.829,52,2.622,53,2.631,57,0.977,98,2.703,106,2.658,126,0.291,178,4.803,339,3.865,386,3.103,521,5,526,4.283,529,4.384,530,4.384,637,0.639]],["t/390",[0,0.241,1,0.302,2,5.05,3,2.843,4,2.543,5,3.728,6,0.017,7,1.824,8,0.235,9,0.302,10,0.247,11,0.241,12,0.27,13,0.336,14,0.264,15,2.226,16,4.144,17,3.403,18,0.818,19,3.992,20,3.992,21,3.557,22,2.34,23,3.557,24,4.144,25,0.361,26,4.227,27,0.818,28,2.716,29,2.716,30,3.848,31,1.604,32,3.139,33,0.257,34,0.989,35,0.19,36,1.875,37,4.144,38,5.155,39,4.314,40,2.14,41,0.519,43,0.241,126,0.306,637,0.672]],["t/392",[0,0.261,1,0.328,6,0.02,7,1.719,8,0.271,9,0.328,10,0.285,11,0.278,12,0.312,13,0.388,14,0.305,25,0.34,27,0.771,31,1.548,33,0.261,34,1.14,35,0.219,36,2.162,40,2.017,41,0.598,43,0.278,49,1.501,51,1.487,53,2.618,57,1.185,63,2.397,67,3.302,70,4.298,71,2.919,72,3.404,73,2.503,74,2.205,75,3.278,76,2.346,77,3.077,78,3.696,79,1.979,80,2.811,81,3.734,82,3.924,83,3.254,84,3.696,91,1.801,126,0.288,224,3.984,470,5.194,471,4.57,637,0.634]],["t/394",[0,0.279,1,0.331,3,3.015,4,2.098,6,0.021,8,0.291,9,0.341,10,0.305,11,0.298,12,0.334,13,0.416,14,0.327,18,0.675,25,0.423,27,0.959,32,2.786,33,0.264,34,1.049,35,0.243,41,0.642,43,0.298,49,1.313,51,1.849,52,2.7,57,1.09,62,2.461,66,2.648,69,2.934,73,2.191,74,1.93,79,1.732,80,2.461,106,1.892,107,3.075,111,3.075,126,0.252,128,3.898,187,3.487,191,1.815,195,5.285,198,2.848,203,4.523,204,2.693,207,2.555,208,2.461,211,2.848,272,3.609,288,4.89,327,4.111,328,4.551,380,4.89,381,4.111,386,3.462,508,4.234,509,3.354,520,3.487,637,0.555]],["t/396",[0,0.245,1,0.307,6,0.018,8,0.243,9,0.307,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,18,0.843,27,0.843,33,0.261,34,1.019,35,0.196,41,0.535,43,0.293,47,2.592,52,2.389,57,1.058,98,2.929,106,2.789,126,0.315,178,5.04,339,4.946,386,3.363,521,5.247,526,4.641,529,4.751,530,4.751,637,0.693]],["t/398",[6,0.018,8,0.248,9,0.311,10,0.26,11,0.254,12,0.284,14,0.278,25,0.38,33,0.263,35,0.234,41,0.546,43,0.297,55,2.923,110,7.435,111,3.923,112,4.539,113,6.566,114,6.566,115,4.972,116,4.447,117,5.244,118,2.734,119,6.566,120,5.992,126,0.322,637,0.708]],["t/400",[6,0.018,8,0.25,9,0.313,10,0.262,11,0.256,12,0.287,14,0.281,25,0.384,33,0.264,35,0.236,41,0.643,43,0.299,55,2.951,112,4.583,126,0.325,127,7.186,128,5.02,129,5.294,130,2.436,131,5.02,637,0.714]],["t/402",[6,0.018,8,0.248,9,0.312,10,0.26,11,0.254,12,0.285,14,0.279,25,0.381,33,0.263,35,0.235,41,0.547,43,0.297,90,4.289,112,4.55,126,0.323,129,5.257,130,2.419,136,7.165,137,3.49,138,2.571,139,6.006,140,2.771,141,3.146,142,6.006,637,0.709]],["t/404",[6,0.018,8,0.25,9,0.313,10,0.262,11,0.256,12,0.287,14,0.281,25,0.384,33,0.264,35,0.236,41,0.551,43,0.299,52,2.087,90,4.32,112,4.583,126,0.325,130,2.436,135,7.186,137,3.515,165,4.49,166,3.29,637,0.714]],["t/406",[6,0.018,8,0.251,9,0.313,10,0.263,11,0.257,12,0.288,13,0.358,14,0.282,27,0.871,33,0.264,35,0.236,41,0.553,43,0.299,112,4.594,126,0.326,137,3.524,164,7.193,167,5.838,168,6.645,169,5.032,637,0.716]],["t/408",[6,0.018,8,0.247,9,0.311,10,0.259,11,0.253,12,0.284,14,0.278,25,0.379,27,1.006,33,0.263,35,0.234,40,2.247,41,0.545,43,0.297,112,4.528,121,5.54,126,0.321,137,3.474,140,2.757,174,1.764,184,6.909,185,5.978,186,4.841,187,4.437,637,0.706]],["t/410",[6,0.018,8,0.248,9,0.312,10,0.26,11,0.254,12,0.285,13,0.355,14,0.279,27,0.863,31,1.416,33,0.263,35,0.235,41,0.547,43,0.297,46,2.771,51,1.664,63,2.682,122,2.302,126,0.323,169,4.984,190,6.337,191,1.805,192,5.587,194,4.752,637,0.709]],["t/412",[6,0.018,8,0.249,9,0.312,10,0.261,11,0.255,12,0.286,13,0.356,14,0.28,18,0.865,25,0.382,27,0.865,33,0.263,35,0.235,41,0.549,43,0.298,63,2.688,126,0.323,187,4.469,191,1.809,200,4.146,202,6.929,213,3.317,214,6.282,637,0.711]],["t/414",[1,0.264,3,2.971,6,0.018,8,0.246,9,0.31,10,0.258,11,0.252,12,0.282,13,0.351,14,0.276,27,1.003,33,0.262,35,0.233,41,0.542,43,0.296,52,2.053,66,2.625,73,2.775,74,2.445,126,0.32,128,4.937,187,4.416,191,1.788,195,6.488,203,5.728,204,3.41,637,0.703]],["t/416",[6,0.018,8,0.249,9,0.312,10,0.261,11,0.255,12,0.286,13,0.356,14,0.28,33,0.263,35,0.235,40,2.263,41,0.549,43,0.298,49,1.683,126,0.323,191,1.809,200,4.146,201,6.929,207,3.274,208,3.154,209,4.469,210,6.282,211,3.65,637,0.711]],["t/418",[6,0.018,8,0.248,9,0.312,10,0.26,11,0.254,12,0.285,13,0.355,14,0.279,33,0.263,35,0.235,40,2.258,41,0.547,43,0.297,49,1.679,51,1.664,98,2.999,122,2.302,126,0.323,191,1.805,207,3.266,211,3.642,212,6.707,217,3.146,218,6.006,637,0.709]],["t/420",[6,0.018,8,0.249,9,0.312,10,0.261,11,0.255,12,0.286,13,0.356,14,0.28,18,0.865,25,0.382,27,0.865,33,0.263,35,0.235,41,0.549,43,0.298,126,0.323,187,4.469,191,1.809,196,6.929,197,3.006,198,2.839,199,6.282,200,4.146,637,0.711]],["t/422",[6,0.018,8,0.25,9,0.313,10,0.262,11,0.256,12,0.286,13,0.356,14,0.28,33,0.264,35,0.235,41,0.55,43,0.298,49,1.687,86,4.016,93,4.572,96,1.864,126,0.324,191,1.814,207,3.282,211,3.659,219,6.936,220,6.298,637,0.713]],["t/424",[6,0.018,8,0.249,9,0.312,10,0.261,11,0.255,12,0.286,13,0.356,14,0.28,25,0.382,31,1.658,33,0.263,35,0.235,41,0.549,43,0.298,49,1.683,86,4.007,126,0.323,191,1.809,223,6.929,224,4.469,225,6.282,226,6.282,637,0.711]],["t/426",[0,0.212,4,2.682,6,0.018,8,0.248,9,0.312,10,0.26,11,0.254,12,0.285,13,0.355,14,0.279,18,0.863,25,0.381,33,0.263,35,0.235,36,2.313,40,2.258,41,0.547,43,0.297,71,3.266,126,0.323,191,1.805,251,6.707,252,5.783,637,0.709]],["t/428",[6,0.018,8,0.249,9,0.312,10,0.261,11,0.255,12,0.286,13,0.356,14,0.28,31,1.419,33,0.263,35,0.235,36,1.983,40,2.263,41,0.549,43,0.298,49,1.683,71,3.274,126,0.323,138,2.577,179,4.996,191,1.809,254,6.343,255,5.426,637,0.711]],["t/430",[0,0.208,6,0.018,8,0.244,9,0.262,10,0.256,11,0.25,12,0.28,13,0.348,14,0.274,25,0.44,33,0.261,35,0.232,36,2.432,43,0.294,71,3.205,126,0.317,130,2.373,174,1.74,175,2.55,182,2.215,191,1.771,207,4.016,211,4.477,267,6.868,268,5.675,269,6.15,637,0.696]],["t/432",[0,0.278,6,0.018,8,0.241,9,0.307,10,0.253,11,0.247,12,0.277,13,0.345,14,0.271,18,0.839,25,0.37,33,0.26,35,0.231,41,0.532,43,0.293,53,3.136,62,3.059,99,3.347,126,0.314,191,1.755,270,6.103,271,5.263,272,3.49,273,4.334,274,3.49,275,4.25,637,0.69]],["t/434",[0,0.279,1,0.26,6,0.018,8,0.243,9,0.307,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,31,1.831,33,0.261,35,0.196,41,0.535,43,0.293,49,1.64,62,3.073,91,1.968,124,1.513,126,0.315,191,1.763,229,4.269,240,4.751,276,6.115,277,4.113,278,5.287,637,0.693]],["t/436",[0,0.278,1,0.258,6,0.018,8,0.24,9,0.306,10,0.252,11,0.246,12,0.276,13,0.343,14,0.27,18,0.835,25,0.437,33,0.26,35,0.194,41,0.53,43,0.292,49,1.625,52,2.533,62,3.045,126,0.312,191,1.747,198,2.741,272,4.117,288,5.944,327,5.087,328,4.839,637,0.686]],["t/438",[0,0.28,1,0.304,6,0.017,8,0.238,9,0.304,10,0.249,11,0.243,12,0.273,13,0.339,14,0.267,15,2.246,18,0.825,22,3.174,25,0.364,32,2.651,33,0.258,35,0.192,41,0.623,43,0.309,49,1.607,55,2.803,56,3.386,126,0.309,170,4.546,191,1.727,282,4.305,289,5.653,290,3.762,291,4.447,637,0.679]],["t/440",[0,0.285,1,0.306,6,0.018,8,0.24,9,0.306,10,0.252,11,0.246,12,0.276,13,0.343,14,0.27,33,0.26,35,0.194,41,0.628,43,0.292,49,1.625,55,2.836,59,3.202,73,2.711,74,2.83,122,2.228,126,0.312,191,1.747,277,4.075,307,1.779,312,5.68,313,4.823,316,4.823,317,4.23,637,0.686]],["t/442",[0,0.245,1,0.307,6,0.018,7,1.875,8,0.242,9,0.307,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,18,0.841,25,0.438,27,0.841,31,1.63,33,0.26,34,1.016,35,0.196,41,0.533,43,0.248,53,2.333,57,1.056,60,2.7,65,4.103,81,2.957,86,3.895,91,1.964,92,6.109,93,4.434,94,4.26,95,4.74,96,1.808,126,0.314,637,0.691]],["t/444",[0,0.284,1,0.302,6,0.017,8,0.235,9,0.302,10,0.246,11,0.241,12,0.27,13,0.336,14,0.264,18,0.816,25,0.36,33,0.257,35,0.19,41,0.619,43,0.288,49,1.589,52,2.508,55,2.772,59,3.13,66,2.554,73,2.65,74,2.792,77,3.895,106,2.288,126,0.305,191,1.708,217,2.976,307,1.739,317,4.135,318,5.752,336,4.601,337,4.838,338,4.838,637,0.671]],["t/446",[0,0.247,1,0.31,6,0.018,8,0.245,9,0.31,10,0.257,11,0.251,12,0.282,13,0.35,14,0.276,25,0.376,27,0.853,31,1.399,33,0.262,34,1.031,35,0.198,41,0.541,43,0.295,53,2.366,57,1.071,85,6.145,86,3.95,87,4.017,88,5.349,89,3.652,90,4.238,91,1.991,126,0.319,637,0.701]],["t/448",[0,0.242,1,0.304,6,0.017,8,0.238,9,0.304,10,0.249,11,0.243,12,0.273,13,0.339,14,0.267,33,0.258,34,0.998,35,0.192,36,2.253,40,2.16,41,0.524,43,0.29,49,1.607,51,1.592,53,2.728,57,1.037,63,2.566,67,3.536,70,4.782,71,3.125,72,3.644,73,2.68,74,2.361,75,3.416,76,2.512,77,3.294,78,3.957,79,2.119,80,3.01,81,2.903,82,3.434,83,3.484,84,3.957,126,0.309,637,0.679]],["t/450",[0,0.246,1,0.308,6,0.018,8,0.244,9,0.308,10,0.256,11,0.25,12,0.28,13,0.348,14,0.274,31,1.389,33,0.261,34,1.023,35,0.197,40,2.215,41,0.537,43,0.294,49,1.648,57,1.063,61,5.714,62,3.087,63,2.632,64,4.561,65,4.869,66,2.61,67,3.626,68,4.891,69,3.681,126,0.317,637,0.696]],["t/452",[0,0.245,1,0.308,6,0.018,8,0.243,9,0.308,10,0.255,11,0.249,12,0.279,13,0.347,14,0.273,31,1.635,33,0.261,34,1.021,35,0.196,40,2.21,41,0.536,43,0.294,49,1.644,51,1.922,53,2.344,54,5.588,55,2.869,56,3.465,57,1.061,58,4.364,59,3.821,60,3.199,126,0.316,637,0.694]],["t/454",[0,0.245,1,0.307,5,3.841,6,0.018,8,0.243,9,0.307,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,31,1.633,33,0.261,34,1.019,35,0.196,40,2.205,41,0.535,43,0.293,45,5.583,46,2.706,47,2.592,48,4.54,49,1.64,50,4.139,51,1.919,52,2.389,53,2.761,126,0.315,637,0.693]],["t/456",[0,0.241,1,0.302,2,5.401,3,2.843,4,2.543,5,3.728,6,0.017,7,1.824,8,0.235,9,0.302,10,0.247,11,0.241,12,0.27,13,0.336,14,0.264,15,2.226,16,4.144,17,3.403,18,0.818,19,3.992,20,3.992,21,3.557,22,2.34,23,3.557,24,4.144,25,0.361,26,4.227,27,0.818,28,2.716,29,2.716,30,3.848,31,1.604,32,3.139,33,0.257,34,0.989,35,0.19,36,1.875,37,4.144,38,4.314,39,4.314,40,2.14,41,0.519,43,0.241,126,0.306,637,0.672]],["t/458",[0,0.248,1,0.311,3,2.985,4,2.669,5,3.913,6,0.018,8,0.247,9,0.311,10,0.259,11,0.253,12,0.284,13,0.353,14,0.278,19,4.191,20,4.191,27,0.859,33,0.263,34,1.038,35,0.2,37,4.35,41,0.545,42,6.324,43,0.297,44,4.437,126,0.321,637,0.706]],["t/460",[0,0.278,1,0.306,6,0.018,8,0.241,9,0.306,10,0.253,11,0.247,12,0.276,13,0.344,14,0.27,18,0.837,22,2.394,25,0.437,33,0.26,35,0.195,41,0.629,43,0.292,126,0.313,137,3.385,138,2.494,191,1.751,282,3.433,307,1.783,319,5.95,320,5.099,321,3.8,323,5.099,324,3.252,325,3.695,637,0.688]],["t/462",[0,0.261,1,0.262,6,0.018,8,0.244,9,0.309,10,0.256,11,0.25,12,0.28,13,0.349,14,0.274,25,0.375,33,0.261,35,0.197,36,2.434,41,0.634,43,0.295,56,3.481,76,2.583,126,0.317,137,3.433,191,1.775,222,3.386,307,1.808,343,6.469,344,5.495,345,4.784,346,3.806,637,0.698]],["t/464",[0,0.27,1,0.309,6,0.018,8,0.244,9,0.309,10,0.256,11,0.25,12,0.28,13,0.349,14,0.274,18,0.849,25,0.441,33,0.261,35,0.197,41,0.634,43,0.295,60,3.208,63,2.638,126,0.317,137,3.433,191,1.775,307,1.808,326,6.469,341,5.495,342,3.582,637,0.698]],["t/466",[0,0.26,1,0.307,6,0.018,8,0.242,9,0.307,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,25,0.371,27,0.841,33,0.26,34,1.016,35,0.196,41,0.63,43,0.293,46,2.7,51,2.04,57,1.056,74,2.405,79,2.158,111,3.832,126,0.314,307,1.791,352,5.577,353,4.631,367,4.74,368,4.74,369,4.74,637,0.691]],["t/468",[0,0.261,1,0.262,6,0.018,8,0.244,9,0.308,10,0.256,11,0.25,12,0.28,13,0.348,14,0.274,18,0.847,25,0.374,33,0.261,35,0.197,41,0.633,43,0.294,46,2.719,57,1.063,63,2.632,75,3.687,83,3.574,126,0.317,307,1.804,346,3.797,348,5.979,349,5.019,350,5.158,351,4.375,637,0.696]],["t/470",[0,0.283,1,0.322,6,0.017,8,0.234,9,0.301,10,0.245,11,0.24,12,0.268,13,0.334,14,0.263,18,0.812,27,0.812,28,2.697,29,2.697,33,0.257,34,0.982,35,0.226,36,2.232,41,0.515,43,0.287,46,2.609,57,1.02,126,0.304,198,2.667,232,2.871,322,3.026,370,5.615,371,4.693,372,4.925,373,4.663,637,0.668]],["t/472",[0,0.262,1,0.309,3,2.957,6,0.018,8,0.245,9,0.309,10,0.257,11,0.251,12,0.281,13,0.35,14,0.275,25,0.375,33,0.262,34,1.028,35,0.198,41,0.54,43,0.295,52,2.552,57,1.068,111,3.877,126,0.318,207,3.22,211,3.59,380,5.991,381,5.183,386,3.394,637,0.699]],["t/474",[0,0.244,1,0.307,6,0.018,8,0.241,9,0.307,10,0.253,11,0.247,12,0.277,13,0.345,14,0.271,18,0.839,25,0.37,27,0.839,33,0.26,34,1.014,35,0.195,41,0.532,43,0.293,51,1.618,57,1.054,79,2.153,96,1.803,104,3.059,122,2.238,126,0.314,213,3.217,387,5.156,388,4.25,389,3.186,392,2.882,393,3.647,394,2.754,395,3.647,396,2.986,637,0.69]],["t/476",[0,0.262,1,0.309,3,2.957,6,0.018,8,0.245,9,0.309,10,0.257,11,0.251,12,0.281,13,0.35,14,0.275,31,1.744,33,0.262,34,1.028,35,0.198,41,0.635,43,0.295,49,1.656,57,1.068,91,1.987,126,0.318,307,1.812,379,5.991,399,3.59,440,5.183,637,0.699]],["t/478",[0,0.242,1,0.304,6,0.017,8,0.238,9,0.304,10,0.25,11,0.244,12,0.273,13,0.34,14,0.267,18,0.827,25,0.365,27,0.827,31,1.358,33,0.259,34,1,35,0.192,41,0.525,43,0.29,51,1.596,57,1.039,79,2.123,91,1.932,101,3.304,102,2.81,122,2.207,126,0.309,138,2.466,213,3.173,389,2.657,393,3.597,394,2.716,395,3.597,396,2.945,397,4.638,416,3.544,430,3.833,431,3.833,432,3.833,433,3.833,637,0.68]],["t/480",[0,0.244,1,0.307,6,0.018,8,0.241,9,0.307,10,0.253,11,0.247,12,0.277,13,0.345,14,0.271,18,0.839,25,0.37,27,0.839,30,3.906,33,0.26,34,1.014,35,0.195,41,0.532,43,0.293,50,4.128,57,1.054,96,1.803,126,0.314,197,2.916,392,2.882,398,5.353,399,3.54,400,4.17,401,4.842,412,4.519,413,4.519,414,4.519,637,0.69]],["t/482",[0,0.246,1,0.309,6,0.018,8,0.245,9,0.309,10,0.257,11,0.251,12,0.281,13,0.35,14,0.275,27,0.851,28,2.824,29,2.824,33,0.262,34,1.028,35,0.198,36,1.95,41,0.54,43,0.295,57,1.068,76,2.589,96,2.151,126,0.318,197,2.957,209,4.395,392,2.922,415,5.853,477,5.042,637,0.699]],["t/484",[0,0.247,1,0.31,6,0.018,8,0.245,9,0.31,10,0.257,11,0.251,12,0.282,13,0.35,14,0.276,27,0.853,31,1.644,33,0.262,34,1.031,35,0.198,41,0.541,43,0.295,57,1.071,87,4.017,91,1.991,96,2.154,126,0.319,197,2.964,392,2.929,439,5.859,445,4.925,637,0.701]],["t/486",[0,0.247,1,0.31,6,0.018,8,0.246,9,0.31,10,0.258,11,0.252,12,0.282,13,0.351,14,0.276,22,2.445,27,0.855,33,0.262,34,1.033,35,0.199,41,0.542,43,0.296,57,1.073,126,0.32,197,2.971,321,3.278,324,3.321,325,4.429,434,6.003,435,5.066,436,5.207,637,0.703]],["t/488",[0,0.242,1,0.304,6,0.017,7,1.845,8,0.238,9,0.304,10,0.25,11,0.244,12,0.273,13,0.34,14,0.267,25,0.365,27,0.827,31,1.615,33,0.259,34,1,35,0.192,36,1.897,41,0.525,43,0.244,57,1.039,60,2.657,76,2.518,91,1.932,101,2.778,102,2.81,122,2.626,126,0.309,204,4.192,217,3.017,292,3.597,321,3.173,324,3.214,342,3.492,389,2.657,394,2.716,396,2.945,455,3.71,456,3.257,469,3.833,637,0.68]],["t/490",[0,0.245,1,0.307,6,0.018,8,0.242,9,0.307,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,22,2.405,25,0.371,27,0.841,31,1.63,33,0.26,34,1.016,35,0.196,41,0.533,43,0.293,57,1.056,91,1.964,96,2.136,126,0.314,208,3.066,389,3.19,392,2.889,394,2.76,425,3.832,476,5.358,488,4.26,489,4.529,637,0.691]],["t/492",[0,0.247,1,0.31,6,0.018,8,0.245,9,0.31,10,0.257,11,0.251,12,0.282,13,0.35,14,0.276,25,0.376,27,0.853,31,1.644,33,0.262,34,1.031,35,0.198,41,0.541,43,0.295,57,1.071,81,3.523,82,3.547,91,1.991,126,0.319,224,4.406,470,5.859,471,5.054,637,0.701]],["t/494",[0,0.246,1,0.309,6,0.018,8,0.245,9,0.309,10,0.257,11,0.251,12,0.281,13,0.35,14,0.275,25,0.375,27,0.851,31,1.642,33,0.262,34,1.028,35,0.198,41,0.54,43,0.295,57,1.068,91,1.987,99,3.394,126,0.318,208,3.102,328,4.35,499,5.853,500,5.042,507,5.042,637,0.699]],["t/496",[0,0.247,1,0.31,6,0.018,8,0.247,9,0.31,10,0.259,11,0.253,12,0.283,13,0.352,14,0.277,27,0.857,33,0.262,34,1.036,35,0.199,41,0.543,43,0.296,47,2.635,51,1.938,57,1.076,79,2.199,98,2.978,106,2.401,126,0.32,221,6.009,522,5.219,637,0.704]],["t/498",[0,0.247,1,0.31,6,0.018,8,0.245,9,0.31,10,0.257,11,0.251,12,0.282,13,0.35,14,0.276,27,0.853,33,0.262,34,1.031,35,0.198,41,0.541,43,0.295,51,1.932,57,1.071,79,2.188,80,3.109,98,2.964,103,5.859,104,3.109,105,4.925,106,2.39,107,3.886,126,0.319,637,0.701]],["t/500",[0,0.243,1,0.305,6,0.018,8,0.24,9,0.305,10,0.251,11,0.246,12,0.275,13,0.342,14,0.269,27,0.833,32,3.173,33,0.259,34,1.007,35,0.194,41,0.528,43,0.291,51,2.032,52,2.373,57,1.046,66,2.585,69,3.622,79,2.138,80,3.038,106,2.335,107,3.796,126,0.312,198,2.735,208,3.038,386,3.324,508,5.141,509,4.141,520,4.304,637,0.685]],["t/502",[0,0.247,1,0.31,4,2.663,6,0.018,8,0.247,9,0.31,10,0.259,11,0.253,12,0.283,13,0.352,14,0.277,25,0.378,27,0.857,31,1.648,33,0.262,34,1.036,35,0.199,41,0.543,43,0.296,57,1.076,91,2.001,98,2.978,126,0.32,525,6.157,531,5.375,637,0.704]],["t/504",[0,0.245,1,0.307,6,0.018,8,0.243,9,0.307,10,0.254,11,0.248,12,0.278,13,0.346,14,0.272,18,0.843,27,0.843,33,0.261,34,1.019,35,0.196,41,0.535,43,0.293,47,2.592,52,2.389,57,1.058,98,2.929,106,2.789,126,0.315,178,5.04,339,4.189,386,3.363,521,5.583,526,4.641,529,4.751,530,4.751,637,0.693]],["t/506",[0,0.245,1,0.308,6,0.018,8,0.243,9,0.308,10,0.255,11,0.249,12,0.279,13,0.347,14,0.273,25,0.373,27,0.845,31,1.635,33,0.261,34,1.021,35,0.196,41,0.536,43,0.294,51,1.922,57,1.061,79,2.168,91,1.973,97,5.588,98,2.936,99,3.371,100,4.55,101,3.345,102,2.869,126,0.316,637,0.694]],["t/508",[0,0.166,1,0.208,6,0.017,9,0.144,25,0.206,29,2.239,30,1.839,43,0.138,50,1.943,66,2.829,96,1.978,116,2.413,118,2.922,121,6.531,123,0.901,124,1.557,129,4.11,133,5.145,134,3.125,140,2.166,141,2.887,144,1.604,147,4.464,148,3.294,174,1.782,189,7.718,233,2.49,234,1.467,242,2.554,258,2.516,260,1.623,266,3.392,285,3.485,294,2.321,307,1.848,335,3.251,345,2.632,354,2,357,2.632,361,4.521,378,3.117,382,2.366,383,2.516,404,2.279,420,4.696,422,2.062,478,3.562,495,2.572,512,3.414,561,3.562,562,6.164,593,1.55,594,2.128,600,2.366,601,3.562,613,3.353,636,3.025,641,2.845,668,4.521,772,3.251,853,3.024,854,3.775,855,4.492,856,4.176,857,4.492,858,3.251,859,4.059,860,3.562,861,3.037,862,1.814,863,2.516,864,2.463,865,2.128,866,2.321,867,4.492,868,4.492,869,2.062,870,3.392,871,3.562,872,2.128,873,4.492,874,4.492,875,7.616,876,3.417,877,2.321,878,2.93,879,3.251,880,3.775,881,4.492,882,2.413,883,4.492,884,4.234,885,6.488,886,8.568,887,3.392,888,8.46,889,6.348,890,4.492,891,3.562,892,7.616,893,4.368,894,6.488,895,4.368,896,8.342,897,4.492,898,2.632,899,4.492,900,3.775,901,4.492,902,3.562,903,3.313,904,1.768,905,5.141,906,2.845,907,2.463,908,4.492,909,4.059,910,4.492,911,4.492,912,4.492,913,4.492,914,4.492,915,3.562,916,3.024,917,4.059,918,3.251,919,3.775,920,3.251,921,4.492,922,4.492,923,4.492,924,2.321,925,4.492,926,3.562,927,4.059,928,3.251,929,4.059,930,3.775,931,4.492,932,4.492,933,4.492,934,4.059,935,6.615,936,4.492,937,4.492,938,7.616,939,6.488,940,6.488,941,5.145,942,4.9,943,4.492,944,6.488,945,6.488,946,5.864,947,4.059,948,4.492,949,1.971,950,4.492,951,4.492,952,1.703,953,1.943,954,2.321,955,4.492,956,2,957,4.492,958,2.279,959,4.492,960,4.492,961,4.492,962,3.775,963,4.492,964,4.492,965,4.059,966,4.492,967,4.059,968,4.059,969,3.392,970,1.568,971,1.568]],["t/510",[0,0.181,1,0.163,4,2.632,6,0.025,18,1.117,25,0.325,30,2.077,40,2.61,47,1.622,66,2.397,96,1.134,118,1.675,123,1.017,124,1.32,140,2.362,141,1.923,144,2.909,146,1.421,166,1.997,174,1.74,178,5.757,233,3.382,234,1.657,242,4.11,260,1.833,307,1.567,346,2.366,357,2.973,360,3.309,361,3.535,403,2.672,407,4.481,422,3.738,490,3.416,512,2.077,543,3.214,561,7.809,566,3.309,580,3.214,587,4.359,596,1.997,861,2.023,862,2.049,882,3.8,884,4.036,903,3.05,904,3.206,941,4.024,952,3.34,969,3.832,970,1.771,971,1.771,972,3.309,973,5.074,974,5.074,975,4.264,976,10.202,977,5.074,978,8.144,979,7.074,980,9.596,981,4.209,982,4.29,983,3.682,984,4.465,985,10.442,986,5.292,987,5.914,988,8.811,989,4.044,990,4.585,991,3.878,992,4.146,993,6.844,994,7.963,995,7.404,996,4.585,997,5.074,998,5.074,999,5.074,1000,5.074,1001,5.074,1002,5.074,1003,5.074,1004,5.074,1005,5.074,1006,5.074,1007,5.074,1008,5.074,1009,5.074]],["t/512",[0,0.153,1,0.129,6,0.017,15,1.137,25,0.274,30,4.582,41,0.265,96,2.464,118,2.793,121,2.302,123,0.806,124,1.116,129,2.546,139,2.91,140,2.823,141,1.524,150,1.874,156,5.749,163,4.977,166,1.582,174,1.893,178,2.118,182,1.943,233,3.246,234,1.313,242,3.918,258,4.964,260,1.453,266,3.947,281,2.04,283,3.035,293,4.659,302,4.517,307,1.325,329,1.817,330,3.901,354,1.79,358,2.356,360,2.622,400,4.581,402,5.513,403,4.454,492,1.624,512,2.448,593,2.919,596,1.582,613,2.078,636,1.874,851,3.092,853,4.027,861,1.603,862,1.624,863,2.252,864,2.204,865,1.905,866,2.078,877,2.078,882,2.16,884,4.126,903,3.32,904,3.489,905,2.478,920,2.91,924,4.37,949,4.511,970,1.403,971,1.403,1010,2.91,1011,4.168,1012,4.02,1013,4.02,1014,5.981,1015,4.02,1016,4.02,1017,4.02,1018,4.02,1019,5.981,1020,4.168,1021,3.789,1022,3.901,1023,3.379,1024,2.91,1025,2.546,1026,2.91,1027,3.379,1028,3.633,1029,3.379,1030,3.633,1031,2.801,1032,4.02,1033,4.02,1034,4.02,1035,4.02,1036,4.02,1037,4.02,1038,4.02,1039,4.02,1040,4.02,1041,4.02,1042,4.02,1043,4.02,1044,5.406,1045,9.432,1046,4.02,1047,5.981,1048,4.02,1049,5.981,1050,4.02,1051,10.078,1052,4.02,1053,5.981,1054,4.02,1055,5.981,1056,4.02,1057,5.981,1058,4.02,1059,5.981,1060,4.02,1061,5.027,1062,5.395,1063,5.406,1064,5.406,1065,4.743,1066,3.188,1067,3.379,1068,3.036,1069,3.188,1070,3.633,1071,3.188,1072,3.633,1073,2.356,1074,3.379,1075,2.478,1076,3.633,1077,3.379,1078,2.707,1079,3.379,1080,4.02,1081,4.02,1082,4.02,1083,4.02,1084,4.02,1085,4.02,1086,4.02,1087,4.02,1088,3.633,1089,2.546,1090,5.414,1091,5.406,1092,4.02,1093,4.743,1094,5.981,1095,4.02,1096,4.02,1097,4.02,1098,4.02,1099,4.02,1100,3.379,1101,9.81,1102,9.81,1103,9.81,1104,4.02,1105,9.81,1106,9.81,1107,9.638,1108,4.02,1109,5.981,1110,4.02,1111,4.02,1112,4.02,1113,4.02,1114,4.02,1115,4.02,1116,3.188,1117,4.02]],["t/514",[0,0.137,1,0.171,4,0.827,6,0.023,7,1.794,15,0.724,25,0.283,27,0.642,28,0.883,31,1.054,33,0.137,41,0.277,74,0.761,81,3.53,94,1.348,96,2.555,116,1.375,117,1.621,118,2.556,123,0.513,124,0.784,129,1.621,130,0.746,134,1.233,140,2.276,141,1.592,144,2.617,146,0.717,148,3.815,150,2.88,154,1.348,160,2.151,162,3.528,163,1.783,166,1.652,172,1.465,174,1.958,176,2.151,178,1.348,179,1.537,182,1.855,206,1.465,222,1.742,227,1.577,233,2.97,234,0.836,235,4.274,236,1.933,239,2.17,242,3.608,248,2.738,259,2.521,260,1.929,266,2.75,280,5.598,281,1.298,283,4.099,290,4.525,294,3.192,303,3.996,307,0.93,317,4.535,330,1.669,334,1.852,345,1.5,346,1.193,354,1.14,355,2.404,356,3.904,357,1.5,373,1.123,378,2.185,400,1.323,402,3.206,403,2.211,404,1.298,409,1.5,423,1.14,456,1.048,485,4.664,492,3.126,495,4.626,512,1.718,543,1.621,555,2.029,563,1.852,593,2.354,596,1.652,601,2.029,604,3.794,613,2.759,628,2.587,636,1.193,641,1.621,650,5.505,663,1.577,668,2.925,750,2.521,772,7.433,851,0.936,856,3.739,858,3.039,861,1.674,862,1.034,863,1.433,864,2.302,865,1.989,866,1.323,869,3.363,870,4.031,872,3.231,882,3.318,884,3.621,887,4.031,889,1.669,891,3.329,893,2.826,895,2.826,898,3.62,900,3.528,902,4.233,903,3.486,904,3.608,905,1.577,907,1.403,919,2.151,924,1.323,928,3.863,946,2.313,947,2.313,949,4.663,952,2.341,953,1.107,954,1.323,956,1.87,958,1.298,970,0.893,971,0.893,972,1.669,981,2.759,983,3.082,989,2.45,1010,3.039,1025,1.621,1026,1.852,1031,3.72,1068,1.933,1069,2.029,1075,3.29,1077,2.151,1090,2.211,1118,2.313,1119,5.303,1120,2.925,1121,3.329,1122,2.029,1123,2.151,1124,1.723,1125,6.176,1126,2.151,1127,2.559,1128,4.751,1129,1.852,1130,1.375,1131,3.039,1132,2.029,1133,2.151,1134,2.151,1135,1.783,1136,4.198,1137,2.029,1138,1.933,1139,2.313,1140,2.313,1141,3.794,1142,2.313,1143,2.313,1144,2.313,1145,4.198,1146,4.198,1147,2.029,1148,1.783,1149,2.029,1150,2.559,1151,2.559,1152,2.559,1153,2.313,1154,2.559,1155,3.039,1156,3.859,1157,2.461,1158,3.594,1159,2.461,1160,3.039,1161,2.029,1162,3.171,1163,2.559,1164,6.163,1165,3.039,1166,7.739,1167,2.559,1168,2.559,1169,2.559,1170,2.559,1171,2.313,1172,2.151,1173,6.994,1174,3.594,1175,4.158,1176,1.669,1177,2.313,1178,5.105,1179,2.559,1180,2.559,1181,2.313,1182,2.029,1183,1.783,1184,2.559,1185,6.176,1186,2.559,1187,4.824,1188,2.559,1189,2.559,1190,2.559,1191,2.559,1192,2.559,1193,2.559,1194,5.338,1195,2.587,1196,2.559,1197,2.029,1198,2.151,1199,5.73,1200,1.933,1201,2.559,1202,2.559,1203,3.528,1204,4.898,1205,3.381,1206,4.824,1207,1.669,1208,2.559,1209,1.465,1210,1.577,1211,1.254,1212,5.338,1213,2.559,1214,2.151,1215,3.996,1216,3.794,1217,2.559,1218,2.313,1219,2.559,1220,5.338,1221,2.559,1222,2.559,1223,4.198,1224,2.029,1225,2.559,1226,2.559,1227,2.559,1228,2.559,1229,1.852,1230,2.559,1231,2.559,1232,2.559,1233,2.559,1234,1.783,1235,2.559,1236,1.723,1237,2.559,1238,2.615,1239,2.302,1240,2.659,1241,2.587,1242,6.176,1243,4.198,1244,2.559,1245,2.559,1246,2.559,1247,2.029,1248,2.559,1249,2.313,1250,2.313,1251,2.313,1252,2.313,1253,2.313,1254,2.559,1255,4.664,1256,2.559,1257,2.559,1258,2.559,1259,2.559,1260,2.559,1261,2.559,1262,2.559,1263,2.313,1264,2.559,1265,2.559]],["t/516",[0,0.063,1,0.044,6,0.022,7,1.402,15,1.154,22,0.411,25,0.154,29,0.853,47,2.14,48,2.917,50,4.765,66,1.276,96,1.703,115,4.019,117,0.875,118,3.109,121,0.791,123,0.277,124,0.461,131,2.013,134,1.19,140,2.018,141,2.731,144,1.197,148,3.211,150,4.608,151,0.93,152,4.046,153,1.663,154,5.185,155,1.663,156,4.986,157,1.663,161,2.692,166,1.605,174,1.291,186,0.81,233,2.672,234,3.411,260,1.882,285,1.327,303,1.964,307,1.039,339,1.277,354,1.816,357,5.364,373,0.606,378,2.475,400,4.117,401,4.714,404,1.254,406,3.428,407,6.21,408,1.722,409,3.315,419,0.81,421,1.788,422,4.731,423,4.57,479,0.634,491,2,492,0.998,495,0.791,512,4.236,564,4.73,593,1.408,596,3.602,613,4.73,636,1.152,642,4.794,659,0.93,667,1.096,851,2.211,856,2.236,861,1.626,862,0.998,863,0.774,864,1.838,865,1.171,866,1.277,869,1.538,872,1.588,876,2.148,877,1.277,878,1.612,879,7.459,880,7.691,882,4.916,903,2.264,904,2.38,906,1.565,907,5.018,909,1.249,917,8.271,924,1.277,929,2.233,935,2.658,941,7.258,949,3.344,952,3.268,953,3.116,954,3.939,956,3.208,958,4.643,968,8.271,970,0.482,971,0.482,982,4.82,983,1.844,989,2.152,990,8.271,991,5.057,996,8.271,1025,1.565,1073,0.81,1075,0.851,1076,2.233,1078,1.663,1100,2.076,1124,0.93,1147,1.096,1148,1.722,1149,7.258,1155,6.624,1255,3.08,1266,1.382,1267,3.428,1268,4.689,1269,1.382,1270,1.382,1271,2.746,1272,10.554,1273,1.382,1274,5.208,1275,3.352,1276,3.352,1277,3.352,1278,1.866,1279,1.382,1280,1.382,1281,3.352,1282,3.352,1283,3.352,1284,1.866,1285,2.076,1286,5.464,1287,1.382,1288,8.259,1289,8.271,1290,9.152,1291,9.152,1292,7.691,1293,5.24,1294,8.271,1295,6.377,1296,7.258,1297,9.152,1298,9.152,1299,7.691,1300,6.624,1301,5.081,1302,1.249,1303,1.249,1304,1.249,1305,1.382,1306,1.249,1307,2.471,1308,1.249,1309,1.382,1310,1.382,1311,1.382,1312,1.382,1313,3.352,1314,1.249,1315,2.471,1316,1.249,1317,2.471,1318,1.249,1319,2.471,1320,1.249,1321,1.249,1322,1.382,1323,1.249,1324,1.249,1325,1.382,1326,1.249,1327,1.382,1328,1.382,1329,1.382,1330,1.382,1331,7.204,1332,1.382,1333,1.382,1334,1.382,1335,1.382,1336,1.382,1337,0.901,1338,1.382,1339,1.382,1340,1.382,1341,1.382,1342,1.382,1343,1.382,1344,1.382,1345,3.352,1346,1.382,1347,1.382,1348,1.382,1349,1.382,1350,1.382,1351,1.382,1352,1.382,1353,1.382,1354,1.382,1355,1.382,1356,1.382,1357,1.382,1358,1.382,1359,1.382,1360,1.382,1361,1.382,1362,1.382,1363,1.382,1364,1.382,1365,1.382,1366,1.382,1367,1.382,1368,1.382,1369,2.471,1370,1.382,1371,1.382,1372,1.382,1373,1.096,1374,1.096,1375,1.382,1376,1.382,1377,1.382,1378,1.382,1379,0.901,1380,1.382,1381,3.686,1382,3.234,1383,4.079,1384,4.079,1385,4.079,1386,4.079,1387,1.382,1388,1.382,1389,1.382]],["t/518",[0,0.28,1,0.209,15,1.843,25,0.384,53,3.295,95,3.818,123,1.307,124,1.561,130,2.841,174,2.153,176,5.475,205,3.913,222,3.47,247,3.67,260,3.338,272,4.36,273,5.415,274,4.36,275,5.31,284,5.475,307,1.853,354,2.901,401,3.306,596,2.564,880,5.475,898,3.818,903,4.02,904,4.225,906,4.127,970,2.274,971,2.274,1020,4.54,1121,7.73,1175,4.386,1198,5.475,1238,3.191,1247,5.167,1390,4.92,1391,4.127,1392,6.515,1393,6.515,1394,6.515,1395,4.54,1396,6.515,1397,5.888,1398,4.92,1399,4.127,1400,5.888,1401,6.515,1402,5.475,1403,5.888,1404,6.515,1405,6.515]],["t/520",[0,0.053,4,3.002,6,0.021,7,1.065,8,0.197,15,2.182,17,0.897,25,0.095,27,0.685,31,0.601,41,0.137,53,0.599,58,1.115,94,4.835,95,6.575,96,1.724,115,2.116,116,1.893,118,1.788,123,0.416,124,0.658,130,0.605,134,4.298,140,3.195,141,2.924,146,0.987,150,1.643,152,1.314,161,4.945,166,3.035,172,2.018,174,1.8,179,1.246,182,1.473,206,3.472,207,1.808,222,3.641,227,2.171,228,1.502,233,2.698,234,2.519,235,2.141,236,2.661,239,3.407,241,3.336,242,4.086,258,1.973,259,2.116,260,3.045,266,3.13,274,0.897,280,2.065,281,1.788,283,3.345,307,2.033,330,2.996,334,1.502,345,1.216,346,0.967,354,3.555,357,2.692,403,1.093,406,3.859,409,1.216,422,0.952,423,0.924,459,1.446,485,4.089,492,0.838,512,4.081,564,2.373,565,4.293,566,4.825,567,6.242,568,5.309,576,2.794,587,1.279,593,2.275,594,2.565,596,0.817,600,2.851,613,2.373,615,1.875,641,2.909,642,2.794,645,2.794,667,6.96,851,2.411,853,1.397,854,1.744,860,2.794,861,3.075,862,3.115,863,4.319,864,4.228,865,3.782,866,3.986,869,0.952,870,1.567,871,1.645,882,1.893,884,2.773,903,3.156,904,3.317,905,5.194,906,2.232,919,2.961,920,2.55,924,4.945,928,1.502,949,3.384,970,0.724,971,0.724,989,0.952,991,1.138,1010,3.324,1021,1.314,1024,1.502,1025,1.314,1075,5.307,1119,2.55,1121,1.645,1123,1.744,1124,1.397,1129,1.502,1130,1.115,1131,1.502,1132,1.645,1133,1.744,1134,1.744,1135,1.446,1137,1.645,1138,1.567,1198,2.961,1209,1.188,1224,3.642,1238,1.726,1240,1.314,1301,2.961,1399,1.314,1406,2.075,1407,2.075,1408,4.592,1409,3.523,1410,2.075,1411,3.523,1412,3.523,1413,2.794,1414,1.645,1415,9.762,1416,7.398,1417,6.592,1418,5.414,1419,6.592,1420,6.064,1421,3.523,1422,2.075,1423,6.064,1424,3.523,1425,2.075,1426,2.075,1427,8.612,1428,1.744,1429,9.79,1430,8.219,1431,9.39,1432,8.612,1433,7.783,1434,5.909,1435,8.612,1436,8.612,1437,9.569,1438,7.712,1439,7.712,1440,2.075,1441,2.075,1442,1.216,1443,4.592,1444,4.592,1445,3.523,1446,5.414,1447,3.523,1448,7.712,1449,4.592,1450,7.712,1451,7.712,1452,4.893,1453,7.398,1454,6.592,1455,3.523,1456,6.592,1457,5.414,1458,3.523,1459,3.523,1460,1.875,1461,2.075,1462,1.744,1463,2.075,1464,6.592,1465,6.592,1466,6.592,1467,8.427,1468,1.744,1469,2.075,1470,1.567,1471,2.075,1472,2.075,1473,2.075,1474,2.075,1475,1.314,1476,2.232,1477,2.075,1478,2.075,1479,2.075,1480,1.645,1481,1.645,1482,2.075,1483,7.398,1484,2.075,1485,2.075,1486,2.075,1487,2.075,1488,2.075,1489,2.075,1490,2.075,1491,2.075,1492,2.075,1493,2.075,1494,2.075,1495,2.075,1496,2.075,1497,2.075,1498,2.075,1499,3.523,1500,4.15,1501,2.909,1502,1.744,1503,2.075,1504,2.075,1505,1.744,1506,6.592,1507,5.414,1508,3.184,1509,3.523,1510,4.438,1511,6.592,1512,4.592,1513,3.523,1514,4.592]],["t/522",[0,0.185,1,0.195,6,0.024,15,2.041,18,0.63,25,0.435,29,2.091,53,1.18,73,1.381,74,1.217,95,5.228,96,2.234,117,2.591,118,2.001,123,0.82,124,1.131,130,1.192,134,1.97,140,2.409,141,2.736,144,2.578,148,4.188,150,3.72,151,4.079,152,3.838,153,4.079,154,4.203,155,4.079,156,4.992,157,4.079,166,2.841,174,1.294,186,2.398,200,3.597,222,1.697,233,2.77,234,3.016,249,6.382,260,1.478,294,2.114,301,3.09,303,3.551,307,1.767,311,3.697,332,4.576,354,1.822,378,3.487,382,3.192,400,5.165,401,5.569,404,4.526,407,2.591,422,2.781,479,1.878,491,2.584,492,1.653,495,2.343,512,3.881,593,2.091,613,4.771,636,3.72,744,6.522,851,2.216,856,3.957,861,2.877,862,1.653,863,2.291,864,2.243,865,1.938,866,2.114,869,2.781,872,2.871,876,4.203,877,3.131,878,2.668,879,4.386,884,2.548,898,2.398,903,2.703,904,2.385,941,3.244,949,4.249,952,3.909,953,4.188,954,5.004,956,4.312,962,3.438,970,1.428,971,1.428,972,2.668,983,3.851,989,1.878,1025,3.838,1073,3.551,1090,5.189,1124,2.754,1156,2.155,1183,5.029,1215,4.992,1284,4.576,1337,3.952,1373,3.244,1374,3.244,1415,8.062,1442,2.398,1501,2.591,1515,2.343,1516,4.091,1517,4.576,1518,4.805,1519,5.476,1520,2.457,1521,4.091,1522,6.059,1523,6.059,1524,4.091,1525,4.091,1526,7.217,1527,9.683,1528,7.217,1529,7.217,1530,7.217,1531,6.059,1532,6.059,1533,6.059,1534,7.217,1535,7.217,1536,7.217,1537,7.217,1538,7.217,1539,7.217,1540,4.091,1541,4.091,1542,4.091,1543,4.091,1544,4.091,1545,4.091,1546,4.091,1547,4.091,1548,2.851,1549,1.907,1550,4.091,1551,5.223,1552,4.091,1553,7.979,1554,5.775,1555,4.091,1556,4.091,1557,4.091,1558,4.091]],["t/524",[0,0.16,1,0.138,6,0.02,25,0.288,95,2.51,96,0.957,118,1.414,123,0.859,124,1.17,139,6.282,140,2.092,141,1.623,150,4.643,156,5.087,174,1.583,179,6.73,233,1.644,234,2.664,242,4.262,258,4.568,260,2.264,263,2.984,266,4.434,281,4.404,307,2.261,354,1.907,360,5.662,403,4.572,492,1.73,512,3.834,593,1.478,596,3.416,636,4.047,668,5.164,853,6.105,858,7.207,861,1.707,862,1.73,863,2.398,864,2.348,865,2.029,866,2.213,895,4.989,898,3.673,903,3.861,904,2.917,905,5.349,970,1.495,971,1.495,991,3.436,1020,6.318,1061,7.294,1062,7.909,1063,9,1064,7.844,1065,7.897,1066,6.883,1067,7.294,1068,6.555,1069,6.883,1070,7.844,1071,6.883,1072,7.844,1073,5.087,1074,7.294,1175,4.219,1559,4.282,1560,3.234,1561,4.282,1562,6.266,1563,4.282,1564,4.282,1565,4.282,1566,4.282,1567,9.958,1568,9.958,1569,9.958,1570,9.958,1571,7.411,1572,7.411,1573,7.411,1574,7.411,1575,3.436,1576,8.68,1577,8.68,1578,8.68,1579,8.68,1580,8.68,1581,8.68,1582,8.68]],["t/526",[0,0.112,1,0.087,6,0.025,10,0.085,11,0.083,15,1.239,18,0.822,25,0.411,27,0.455,51,0.541,52,0.673,65,1.368,73,3.717,74,3.267,77,4.01,96,2.333,104,2.098,106,0.786,116,2.353,118,2.104,123,0.541,124,1.189,134,2.11,140,2.127,141,2.657,144,3.044,146,1.55,150,3.501,161,4.632,166,1.724,174,1.69,189,3.474,233,2.882,234,0.881,241,2.699,242,3.245,249,1.815,250,5.293,260,1.999,266,3.121,283,4.638,297,3.033,307,1.226,336,5.448,339,2.264,354,1.951,355,1.544,356,3.648,357,1.58,358,1.58,359,2.036,360,1.758,361,1.878,362,1.878,363,1.951,364,1.619,366,3.725,375,2.621,378,1.793,401,1.368,404,1.368,405,2.265,422,2.011,423,1.951,446,1.393,479,1.237,491,2.717,492,3.33,512,1.793,557,4.756,562,1.708,564,2.859,578,2.138,593,2.199,596,1.724,600,4.896,613,2.264,636,2.58,659,5.055,663,3.41,784,2.265,851,2.023,858,1.951,861,1.746,869,2.54,884,4.019,886,4.65,903,2.963,904,2.955,905,2.699,915,2.138,926,3.474,949,3.618,952,3.702,953,3.566,954,4.261,956,3.671,970,0.941,971,0.941,981,1.393,982,1.42,983,1.219,984,1.478,989,2.924,992,2.567,1010,3.17,1062,2.036,1071,2.138,1122,3.474,1130,1.448,1153,3.959,1158,2.949,1175,4.289,1195,1.661,1205,4.756,1207,4.898,1236,1.815,1379,1.758,1381,3.959,1475,3.505,1476,4.756,1502,2.265,1505,2.265,1549,4.398,1583,5.726,1584,2.696,1585,1.951,1586,2.436,1587,1.257,1588,4.38,1589,7.508,1590,9.936,1591,5.533,1592,4.38,1593,2.436,1594,3.681,1595,2.696,1596,2.436,1597,3.959,1598,2.265,1599,4.65,1600,5.758,1601,4.65,1602,4.38,1603,4.38,1604,2.696,1605,2.265,1606,4.38,1607,2.436,1608,5.533,1609,4.38,1610,8.244,1611,2.696,1612,5.252,1613,6.246,1614,2.696,1615,6.371,1616,2.696,1617,2.696,1618,6.371,1619,9.433,1620,2.265,1621,3.681,1622,2.696,1623,2.696,1624,2.265,1625,2.265,1626,2.696,1627,2.696,1628,2.696,1629,2.696,1630,4.38,1631,2.696,1632,2.265,1633,2.436,1634,2.265,1635,2.436,1636,2.265,1637,2.436,1638,3.474,1639,2.265,1640,2.138,1641,2.138,1642,1.758,1643,2.696,1644,2.036,1645,2.696,1646,2.436,1647,2.696,1648,2.696,1649,2.436,1650,2.436,1651,2.436,1652,2.436,1653,2.436,1654,2.436,1655,3.681,1656,2.696,1657,2.696,1658,2.696,1659,2.696,1660,4.65,1661,2.436,1662,2.138,1663,2.265,1664,1.661,1665,6.371,1666,6.371,1667,6.371,1668,4.38,1669,4.38,1670,2.696,1671,2.696]],["t/528",[0,0.083,1,0.104,6,0.024,9,0.06,10,0.059,11,0.099,15,0.917,18,0.527,25,0.398,29,1.473,31,0.321,32,0.628,35,0.045,43,0.058,47,0.601,51,2.239,74,1.269,96,2.264,100,1.053,104,2.37,105,1.13,106,0.548,116,1.01,117,1.191,118,1.889,121,1.077,122,1.184,123,0.377,124,0.947,130,0.548,134,4.016,140,2.894,141,2.682,144,2.909,146,0.527,147,4.5,148,3.682,150,3.298,151,1.266,152,1.191,153,1.266,154,3.013,155,1.266,156,1.102,157,1.266,159,1.7,161,3.655,166,1.275,174,1.74,186,1.102,200,1.615,222,1.344,233,2.947,234,1.394,241,2.63,242,3.022,247,0.825,249,1.266,250,6.15,260,1.542,283,3.172,284,1.581,285,1.01,290,4.291,297,1.031,300,1.492,301,1.421,304,1.191,307,0.945,335,2.345,345,1.899,353,1.077,354,2.259,355,1.077,356,3.58,357,1.102,358,1.102,359,1.421,360,1.227,361,1.311,362,1.311,363,1.361,364,3.435,366,3.851,373,1.873,375,2.962,378,3.244,382,1.707,402,1.13,403,2.672,404,2.166,409,1.899,416,0.838,419,1.899,422,3.074,423,2.547,426,2.723,446,1.675,461,3.986,462,5.254,479,1.959,491,0.802,492,3.102,495,3.58,512,3.244,557,4.686,560,1.581,562,3.623,563,3.089,564,3.231,568,2.447,576,1.492,580,2.052,587,1.159,593,1.473,594,2.022,596,1.275,600,3.013,613,2.206,631,4.263,632,1.581,634,1.581,636,2.365,659,4.508,663,4.559,772,2.345,784,1.581,851,2.586,856,3.428,861,1.702,862,0.76,863,1.053,864,2.781,865,0.891,866,0.972,869,2.87,872,2.962,876,3.013,877,1.675,878,1.227,879,4.525,882,1.741,884,4.224,903,2.968,904,3.205,905,3.126,907,1.031,920,2.345,926,1.492,942,2.447,949,3.923,952,3.906,953,3.867,954,4.62,956,3.981,970,0.657,971,0.657,972,2.113,981,1.675,982,1.707,983,1.929,984,1.776,989,1.959,991,1.031,993,1.581,1025,3.213,1062,1.421,1066,6.285,1071,1.492,1073,1.102,1090,0.991,1093,1.492,1124,1.266,1129,1.361,1130,2.293,1156,3.293,1157,1.102,1175,2.181,1182,1.492,1183,1.311,1195,2.63,1197,1.492,1200,3.223,1203,1.581,1205,5.281,1207,5.312,1211,0.921,1224,1.492,1234,2.258,1236,1.266,1238,0.921,1240,3.213,1271,1.266,1284,2.447,1294,2.928,1295,2.258,1300,2.345,1337,2.113,1373,1.492,1374,1.492,1460,1.7,1475,3.96,1476,5.158,1501,3.213,1502,3.587,1505,1.581,1517,1.421,1518,1.492,1549,1.511,1587,0.877,1593,1.7,1594,3.587,1596,1.7,1597,1.7,1598,1.581,1599,1.581,1600,3.857,1601,1.581,1605,1.581,1613,5.931,1620,1.581,1621,2.723,1624,2.723,1625,1.581,1632,2.723,1633,2.928,1634,2.723,1635,2.928,1636,2.723,1637,2.928,1638,4.023,1639,2.723,1640,2.57,1641,2.57,1642,2.113,1649,1.7,1650,1.7,1651,1.7,1652,1.7,1653,1.7,1654,1.7,1655,4.263,1660,3.587,1662,1.492,1663,1.581,1664,2.63,1672,1.7,1673,1.7,1674,7.535,1675,3.213,1676,3.857,1677,4.807,1678,1.7,1679,7.535,1680,5.073,1681,1.881,1682,1.881,1683,1.7,1684,1.881,1685,1.421,1686,2.928,1687,1.7,1688,1.7,1689,1.581,1690,2.928,1691,2.928,1692,1.7,1693,1.7,1694,2.113,1695,3.587,1696,2.928,1697,1.615,1698,1.7,1699,1.031,1700,1.881,1701,1.7,1702,1.492,1703,1.881,1704,1.881,1705,1.881,1706,1.881,1707,1.881,1708,1.881,1709,1.581,1710,7.397,1711,6.251,1712,2.447,1713,6.251,1714,5.72,1715,5.72,1716,5.073,1717,6.685,1718,6.696,1719,5.72,1720,5.72,1721,5.72,1722,2.928,1723,1.881,1724,1.7,1725,1.881,1726,2.928,1727,4.585,1728,1.581,1729,1.7,1730,2.928,1731,1.7,1732,1.7,1733,1.7,1734,1.7,1735,1.881,1736,1.7,1737,1.421,1738,1.881,1739,1.7,1740,1.7,1741,1.7,1742,1.581,1743,1.7,1744,1.7,1745,1.881,1746,1.881,1747,1.881,1748,1.881,1749,3.24,1750,1.881,1751,3.24,1752,3.24,1753,3.24,1754,2.928,1755,2.447,1756,3.24,1757,3.24,1758,1.946,1759,3.24,1760,3.24,1761,3.24,1762,3.24,1763,4.268,1764,3.24,1765,3.24,1766,1.881,1767,1.881,1768,6.685,1769,3.24,1770,1.881,1771,1.881,1772,3.24,1773,1.881,1774,1.881,1775,1.881,1776,1.881,1777,1.881,1778,3.24,1779,3.24,1780,3.24,1781,6.251,1782,1.881,1783,1.881,1784,1.881,1785,1.881,1786,1.881,1787,1.881,1788,1.881,1789,1.881,1790,1.881,1791,1.881,1792,1.881,1793,1.881,1794,1.881,1795,1.881,1796,1.881,1797,1.881,1798,1.881,1799,1.881,1800,1.881,1801,1.881,1802,1.881,1803,1.881,1804,1.881,1805,1.881,1806,1.881,1807,1.881,1808,1.881,1809,1.881,1810,1.881,1811,1.881,1812,1.881,1813,4.807,1814,5.169,1815,1.881,1816,1.881,1817,1.881,1818,1.881]],["t/530",[0,0.055,1,0.038,4,1.523,6,0.023,10,0.037,11,0.066,15,0.608,18,0.377,25,0.359,29,0.742,32,0.395,41,0.078,43,0.036,47,0.378,51,0.728,75,0.777,96,1.641,104,1.787,116,0.636,117,0.75,118,0.391,122,2.834,123,0.237,124,0.551,134,1.035,140,2.45,141,1.953,144,2.211,147,3.628,148,3.175,150,1.963,151,0.797,152,2.667,153,1.447,154,1.912,155,0.797,156,2.128,157,1.447,161,2.436,163,3.284,166,0.846,174,1.101,186,0.694,194,0.678,200,0.59,233,2.126,234,2.022,241,2.595,242,2.436,250,0.894,260,0.777,281,0.601,283,2.391,290,3.388,297,0.649,307,0.933,346,0.552,354,1.315,355,0.678,356,2.699,357,0.694,358,0.694,359,0.894,360,0.772,361,0.825,362,0.825,363,0.857,364,2.529,366,2.444,375,2.233,378,2.749,382,1.132,403,1.555,404,1.498,409,0.694,416,0.527,419,1.73,422,1.933,423,1.315,425,0.561,426,0.995,446,4.356,455,0.552,461,1.498,462,2.481,479,1.666,492,2.376,495,1.691,512,1.208,562,2.3,564,1.876,565,0.939,566,0.772,568,1.623,580,2.667,593,0.742,594,1.018,613,2.663,631,0.995,634,0.995,636,1.002,663,1.819,667,0.939,851,0.786,856,2.584,861,1.177,862,0.478,864,1.619,869,1.666,870,0.894,872,1.018,876,1.912,877,1.111,878,0.772,879,3.411,884,3.846,889,0.772,893,0.797,898,0.694,903,1.93,904,2.028,905,2.237,949,2.581,952,3.333,953,3.093,954,3.695,956,3.268,970,0.413,971,0.413,972,1.402,975,0.995,981,1.111,982,1.132,983,1.335,984,1.178,989,1.666,1010,1.556,1025,2.3,1073,0.694,1090,0.623,1124,0.797,1129,0.857,1130,1.586,1156,1.555,1157,0.694,1175,1.447,1183,0.825,1195,1.819,1197,0.939,1205,4.254,1207,4.381,1211,0.58,1215,0.694,1234,1.498,1236,0.797,1238,1.446,1239,1.619,1240,1.361,1241,1.325,1267,0.995,1271,0.797,1284,1.623,1295,0.825,1337,1.402,1373,0.939,1374,0.939,1390,0.894,1475,2.985,1476,4.254,1515,0.678,1517,0.894,1518,0.939,1549,1.002,1587,1.377,1594,1.806,1598,0.995,1599,0.995,1613,4.982,1620,0.995,1621,1.806,1624,1.806,1625,0.995,1632,1.806,1634,1.806,1636,1.806,1638,2.879,1639,1.806,1640,1.704,1641,1.704,1642,1.402,1655,1.806,1664,0.729,1673,1.07,1674,5.316,1675,1.87,1676,1.07,1677,1.806,1678,1.07,1679,5.316,1683,1.07,1689,0.995,1690,2.668,1691,1.942,1692,2.668,1693,1.07,1694,0.772,1695,1.806,1696,1.07,1697,0.59,1722,1.942,1724,1.07,1726,1.942,1727,3.281,1728,0.995,1729,1.07,1730,1.942,1731,1.07,1732,1.07,1733,1.07,1734,1.07,1736,1.07,1737,0.894,1739,1.07,1740,1.07,1741,1.07,1742,0.995,1768,1.07,1813,3.051,1814,3.281,1819,1.184,1820,1.184,1821,1.184,1822,1.184,1823,2.149,1824,2.149,1825,1.942,1826,1.402,1827,1.184,1828,1.184,1829,1.942,1830,1.184,1831,2.149,1832,5.152,1833,5.539,1834,4.713,1835,1.184,1836,2.149,1837,2.149,1838,2.149,1839,1.184,1840,2.149,1841,2.149,1842,2.149,1843,1.806,1844,0.995,1845,1.07,1846,0.939,1847,1.184,1848,4.211,1849,1.184,1850,4.211,1851,4.211,1852,2.952,1853,7.824,1854,7.34,1855,8.528,1856,8.528,1857,7.824,1858,5.883,1859,8.528,1860,6.716,1861,5.883,1862,5.883,1863,7.824,1864,7.824,1865,8.528,1866,7.34,1867,8.791,1868,5.883,1869,7.34,1870,6.716,1871,6.716,1872,4.713,1873,5.883,1874,5.883,1875,7.34,1876,7.34,1877,9.515,1878,5.883,1879,8.528,1880,5.883,1881,6.716,1882,6.716,1883,4.713,1884,5.883,1885,9.205,1886,5.883,1887,2.952,1888,7.824,1889,6.716,1890,5.883,1891,2.952,1892,6.716,1893,6.716,1894,7.824,1895,2.952,1896,5.883,1897,5.883,1898,4.713,1899,6.716,1900,4.713,1901,7.34,1902,7.824,1903,6.716,1904,4.713,1905,7.824,1906,2.952,1907,6.716,1908,5.883,1909,9.205,1910,5.883,1911,2.952,1912,5.883,1913,5.883,1914,8.528,1915,5.883,1916,8.211,1917,6.716,1918,7.824,1919,7.34,1920,8.211,1921,4.713,1922,4.713,1923,2.952,1924,5.883,1925,6.716,1926,2.952,1927,4.713,1928,6.716,1929,2.952,1930,5.883,1931,6.716,1932,5.883,1933,7.824,1934,6.716,1935,7.34,1936,6.716,1937,4.713,1938,4.713,1939,4.944,1940,7.34,1941,2.952,1942,5.883,1943,6.716,1944,6.716,1945,5.883,1946,4.713,1947,4.713,1948,6.716,1949,5.883,1950,6.716,1951,6.716,1952,4.713,1953,6.716,1954,6.716,1955,2.952,1956,5.883,1957,2.952,1958,5.883,1959,5.883,1960,5.883,1961,2.952,1962,5.644,1963,5.883,1964,5.883,1965,5.883,1966,4.713,1967,5.883,1968,5.883,1969,2.952,1970,7.34,1971,2.668,1972,5.883,1973,2.952,1974,2.952,1975,6.716,1976,2.952,1977,4.713,1978,2.952,1979,2.952,1980,4.713,1981,2.952,1982,2.952,1983,2.952,1984,2.952,1985,4.713,1986,2.952,1987,2.952,1988,2.952,1989,2.952,1990,2.952,1991,2.952,1992,2.952,1993,4.713,1994,4.713,1995,2.952,1996,2.952,1997,2.952,1998,2.952,1999,2.952,2000,2.952,2001,1.184,2002,1.184,2003,1.184,2004,1.184,2005,1.184,2006,1.184,2007,1.184,2008,1.184,2009,1.184,2010,1.184,2011,1.184,2012,1.184,2013,1.184,2014,1.184,2015,1.184,2016,1.184,2017,1.184]],["t/532",[0,0.216,6,0.024,15,2.392,16,4.905,19,5.257,20,4.725,25,0.388,37,3.49,123,1.329,124,1.738,130,1.931,140,2.823,141,2.512,144,2.367,146,1.856,147,4.955,148,4.612,166,3.328,174,1.415,194,3.794,200,3.303,233,3.245,234,2.165,260,2.395,297,3.633,307,1.873,358,3.884,383,4.735,491,2.826,492,3.415,593,2.287,636,3.09,637,0.566,638,3.884,639,5.569,642,5.255,643,5.989,644,5.255,645,5.255,646,7.642,647,7.642,650,3.98,851,2.423,861,3.371,862,2.677,876,4.454,877,4.37,903,2.482,904,2.608,924,3.425,952,3.53,953,3.657,954,4.37,970,2.313,971,2.313,1021,5.356,1022,5.515,1255,6.386,1278,7.033,1520,5.078,2018,6.626,2019,7.106,2020,6.626,2021,6.626,2022,6.626,2023,6.626,2024,6.626,2025,6.626,2026,9.312,2027,9.312,2028,8.416,2029,6.626,2030,8.455,2031,8.455,2032,6.626]],["t/534",[0,0.176,1,0.157,6,0.024,7,1.13,19,2.473,20,2.473,25,0.316,47,2.199,66,2.577,104,1.848,115,4.787,118,2.271,122,1.352,123,0.978,124,1.856,133,3.866,140,2.296,141,1.848,144,1.741,146,1.366,147,5.074,148,4.098,174,2.024,182,2.846,194,6.346,206,5.228,227,3.004,233,3.978,234,1.592,235,3.207,242,3.408,247,2.139,259,2.928,260,1.762,280,4.031,282,3.692,283,4.632,291,2.73,303,4.671,307,1.524,382,3.623,403,2.568,407,3.088,492,3.497,512,1.995,566,3.18,593,3.577,594,2.31,596,1.919,613,2.519,853,3.282,861,2.742,862,1.969,865,4.102,876,2.568,877,2.519,903,3.548,904,3.729,905,3.004,907,2.673,952,1.848,953,2.109,954,2.519,956,2.171,970,3.022,971,3.022,1066,3.866,1067,4.097,1075,3.004,1077,4.097,1091,4.406,1119,3.528,1130,4.651,1171,4.406,1172,4.097,1175,4.631,1278,6.02,1402,4.097,1414,3.866,1685,3.682,1694,5.647,1699,2.673,1813,4.097,2028,4.406,2033,4.406,2034,4.875,2035,4.875,2036,3.397,2037,6.878,2038,4.849,2039,6.878,2040,6.878,2041,6.878,2042,6.878,2043,6.878,2044,6.878,2045,6.878,2046,4.875,2047,3.866,2048,4.875,2049,4.406,2050,4.875,2051,4.875,2052,4.406,2053,4.875,2054,4.875,2055,4.875,2056,9.13,2057,4.875,2058,4.875,2059,4.875,2060,6.878,2061,4.875,2062,4.875,2063,4.875,2064,4.875,2065,4.875,2066,4.875,2067,4.875,2068,8.658,2069,6.878,2070,6.878,2071,9.474,2072,7.97,2073,4.875,2074,4.875,2075,4.875,2076,4.875,2077,4.875,2078,4.875,2079,6.878,2080,4.875,2081,6.878]],["t/536",[0,0.171,1,0.15,6,0.025,15,1.884,25,0.412,35,0.113,58,3.578,59,4.297,96,2.269,106,2.616,118,2.567,123,0.935,124,1.742,134,3.745,140,2.224,141,2.525,144,3.03,146,2.514,150,3.956,152,4.925,154,4.095,166,2.622,174,1.661,200,2.322,233,3.256,234,2.176,242,3.06,247,2.923,248,3.039,260,2.407,263,3.247,266,3.462,280,2.731,307,1.032,317,4.095,328,2.106,336,4.557,340,8.882,351,2.503,354,2.075,364,2.799,378,3.473,403,2.454,404,5.076,491,3.316,492,2.691,510,5.418,511,3.652,512,1.907,548,3.373,580,4.22,593,1.608,596,2.622,650,5.606,861,2.656,862,1.882,863,2.61,864,2.555,865,2.208,866,2.408,903,2.912,904,3.339,930,3.916,949,2.923,952,3.216,953,3.363,954,4.018,956,4.574,970,1.627,971,1.627,972,3.039,981,4.018,983,3.835,1075,2.872,1126,5.598,1156,2.454,1157,2.731,1158,3.137,1159,2.731,1160,3.373,1161,3.695,1162,5.031,1229,7.113,1236,4.485,1379,5.854,1442,2.731,1587,2.173,1613,3.247,1644,5.031,1664,2.872,1712,3.519,2082,4.211,2083,6.662,2084,8.975,2085,6.662,2086,8.484,2087,6.662,2088,3.904,2089,4.66,2090,7.542,2091,4.66,2092,4.211,2093,4.66,2094,3.695,2095,4.66,2096,4.66,2097,6.662,2098,4.66,2099,4.66,2100,6.662,2101,7.027,2102,4.66,2103,4.211,2104,4.66,2105,9.828,2106,4.66,2107,4.66,2108,4.66,2109,4.66,2110,4.66,2111,4.66,2112,4.66,2113,4.66,2114,4.66]],["t/538",[0,0.189,1,0.173,6,0.025,19,2.738,20,2.738,25,0.339,59,2.151,89,2.403,118,2.437,123,1.082,124,1.57,140,3.02,141,2.798,146,1.511,174,2.023,200,5.663,233,3.472,234,2.748,239,5.054,260,3.269,263,5.143,266,4.218,283,4.962,303,3.162,307,1.635,332,7.154,354,2.403,360,3.519,403,2.842,512,2.209,593,3.122,613,2.788,633,4.876,650,5.053,861,2.943,862,2.981,863,3.022,864,2.958,865,2.556,866,2.788,882,3.965,903,3.548,904,3.728,928,3.905,942,4.075,970,1.883,971,1.883,991,2.958,992,4.326,1025,3.418,1061,4.534,1586,6.671,1846,4.279,2115,10.194,2116,5.396,2117,7.381,2118,7.381,2119,5.396,2120,5.396,2121,5.396,2122,5.396,2123,5.396,2124,7.381,2125,7.381,2126,5.396,2127,7.381,2128,5.396,2129,4.876,2130,4.534,2131,5.396,2132,5.396,2133,11.065,2134,5.396,2135,5.396,2136,5.396,2137,5.396,2138,5.396,2139,5.396,2140,5.396,2141,5.396,2142,5.396,2143,8.413,2144,8.413,2145,8.413,2146,5.396,2147,5.396,2148,5.396,2149,5.396,2150,7.381,2151,5.396]],["t/540",[0,0.208,1,0.2,4,2.624,6,0.023,15,2.297,16,5.234,23,5.02,24,5.544,25,0.415,27,0.647,39,4.452,75,2.249,118,2.985,123,1.248,124,1.516,130,2.367,140,3.017,141,3.079,144,2.223,147,3.648,148,4.489,166,3.196,174,1.33,233,3.117,234,2.033,260,2.249,307,2.002,308,6.44,328,2.814,357,3.648,382,4.277,383,3.486,404,3.158,446,3.217,449,4.877,491,3.463,492,3.651,593,2.803,639,5.231,650,5.968,856,5.448,861,3.238,862,2.514,865,3.847,869,2.857,872,2.949,876,4.277,884,2.618,903,2.331,904,2.45,915,7.168,918,4.505,952,3.079,953,3.512,970,2.173,971,2.173,983,3.671,994,5.625,1074,5.231,1263,7.339,1337,5.297,1510,4.19,1675,3.942,1697,4.047,1826,4.06,2152,6.224,2153,6.224,2154,6.224,2155,8.12,2156,6.224,2157,8.12,2158,8.12,2159,6.224,2160,6.224,2161,6.224,2162,6.224,2163,6.224,2164,6.224,2165,6.224,2166,6.224,2167,6.224,2168,6.224,2169,6.224,2170,6.224,2171,6.44]],["t/542",[0,0.241,1,0.103,6,0.024,17,1.381,23,1.443,24,1.681,25,0.402,59,1.273,96,2.062,99,2.08,118,2.518,123,0.64,124,0.936,130,0.93,131,1.917,140,2.826,141,2.347,144,1.791,146,0.894,174,1.926,222,1.324,227,3.816,233,3.767,234,2.023,237,4.213,239,4.659,242,1.256,260,2.535,266,3.769,272,4.135,281,1.62,307,1.371,328,5.128,329,3.962,330,4.973,331,7.113,332,5.758,334,2.31,354,1.421,356,1.828,378,3.312,382,2.641,404,2.544,492,1.289,512,1.307,543,2.022,593,2.421,596,2.437,628,3.09,641,2.022,663,5.216,851,3.984,861,2.468,862,2.025,863,1.788,864,1.75,865,1.512,866,1.65,884,2.95,903,3.376,904,3.548,924,5.631,949,3.078,952,2.66,967,6.34,970,1.114,971,1.114,983,3.171,1090,4.859,1156,1.681,1157,1.871,1158,2.149,1159,1.871,1160,2.31,1162,2.411,1174,6.211,1239,1.75,1241,1.967,1295,2.224,1501,5.71,2172,4.531,2173,4.481,2174,11.158,2175,3.192,2176,3.192,2177,3.192,2178,4.531,2179,3.192,2180,5.013,2181,5.013,2182,5.013,2183,3.192,2184,9.695,2185,5.013,2186,8.092,2187,8.092,2188,8.092,2189,7.015,2190,9.015,2191,8.092,2192,5.013,2193,9.015,2194,7.015,2195,7.015,2196,7.624,2197,7.624,2198,5.013,2199,5.013,2200,3.192,2201,5.013,2202,3.192,2203,3.192,2204,3.192,2205,3.192,2206,6.191,2207,3.192,2208,3.192,2209,3.192,2210,3.192,2211,3.192,2212,3.192,2213,5.013,2214,7.015,2215,6.191,2216,6.191,2217,3.192,2218,3.192,2219,8.464,2220,3.192,2221,3.192,2222,3.192,2223,3.192,2224,3.192,2225,3.192,2226,3.192,2227,5.013]],["t/544",[0,0.2,1,0.189,6,0.023,15,1.666,25,0.359,27,0.914,52,1.47,53,1.699,66,2.393,81,4.12,94,3.101,96,2.181,118,1.944,123,1.181,124,1.642,129,3.729,140,2.614,141,2.232,144,2.796,148,3.386,161,3.043,162,4.948,163,5.455,166,2.317,174,2.002,233,2.26,234,2.557,235,4.101,242,4.03,259,3.536,260,2.128,266,3.486,272,2.547,290,4.167,307,1.734,354,2.622,356,4.483,492,3.162,495,4.483,512,2.41,593,2.032,596,2.317,613,3.043,621,4.669,636,2.745,663,3.628,851,2.153,861,2.347,862,2.378,863,3.297,864,3.228,865,3.709,866,3.043,884,4.472,887,4.447,903,3.511,904,3.841,924,3.043,942,4.447,949,2.584,952,3.334,970,2.055,971,2.055,983,3.539,991,3.228,1031,4.103,1068,4.447,1090,3.101,1119,4.261,1139,5.321,1140,5.321,1141,5.321,1142,5.321,1187,5.321,1204,4.669,1238,2.884,1239,4.292,1240,3.729,1241,3.628,1249,5.321,1250,5.321,1251,5.321,1252,5.321,1253,5.321,1754,5.321,2228,9.374,2229,5.888,2230,5.888,2231,5.888,2232,5.888,2233,5.888,2234,5.888,2235,5.888,2236,7.829,2237,5.888,2238,5.888,2239,5.321,2240,5.321,2241,5.888,2242,5.888,2243,5.888,2244,4.948,2245,5.888,2246,4.948,2247,5.321,2248,5.888,2249,5.888,2250,5.888,2251,5.888]],["t/546",[0,0.082,1,0.059,6,0.024,7,2.032,10,0.1,11,0.098,15,1.6,16,1.68,18,0.69,25,0.146,32,3.796,43,0.276,47,1.02,52,0.461,60,0.617,66,1.539,75,0.668,96,1.568,106,0.538,115,1.916,116,0.992,118,1.868,123,0.37,124,0.595,130,0.538,131,2.528,132,1.749,134,0.89,140,2.627,141,2.346,144,1.79,145,4.486,146,0.517,147,2.937,148,3.847,150,2.886,151,2.834,152,3.583,153,2.147,155,3.373,156,1.869,157,2.834,161,3.429,166,2.611,174,1.807,200,5.179,233,3.021,234,2.167,235,2.638,236,1.395,259,3.984,260,1.153,274,0.799,290,4.214,300,3.974,301,3.784,302,4.272,303,4.741,307,1.11,354,1.42,356,1.827,373,0.811,378,2.315,421,6.342,457,3.088,479,0.848,491,1.36,492,1.7,495,5.093,512,4.596,517,1.669,546,2.681,580,1.17,593,2.136,596,0.727,600,0.973,636,0.861,659,4.466,662,5.112,663,2.594,772,7.73,851,1.539,861,2.255,862,2.024,863,1.034,864,2.308,865,1.511,866,1.648,869,1.932,872,1.995,876,3.494,882,1.713,884,2.603,903,3.169,904,3.331,935,6.416,949,2.716,952,3.141,953,2.869,954,3.429,956,3.505,958,2.136,970,1.47,971,3.105,972,1.205,981,2.176,982,2.217,983,2.557,984,1.749,986,3.984,989,0.848,991,5.156,1011,2.223,1065,1.465,1073,5.136,1129,1.337,1147,1.465,1148,1.287,1157,1.083,1178,2.223,1183,2.223,1215,5.136,1236,1.244,1255,2.409,1271,1.244,1278,1.395,1285,1.552,1286,6.632,1289,7.92,1302,1.669,1303,1.669,1304,1.669,1306,7.113,1308,1.669,1314,6.888,1316,6.888,1318,6.888,1320,1.669,1321,1.669,1323,1.669,1324,1.669,1326,5.112,1337,6.586,1515,1.058,1548,2.223,1549,2.336,1697,1.59,1698,1.669,1758,1.109,2252,1.847,2253,4.21,2254,1.669,2255,1.847,2256,1.847,2257,1.847,2258,4.21,2259,8.336,2260,5.657,2261,4.21,2262,1.847,2263,1.847,2264,1.847,2265,3.19,2266,1.847,2267,8.763,2268,8.763,2269,7.013,2270,6.634,2271,6.634,2272,1.847,2273,1.847,2274,1.847,2275,3.19,2276,3.19,2277,9.628,2278,6.189,2279,9.628,2280,6.189,2281,6.189,2282,1.847,2283,1.847,2284,5.657,2285,1.847,2286,1.847,2287,1.847,2288,4.21,2289,1.847,2290,1.847,2291,1.847,2292,6.189,2293,1.847,2294,1.847,2295,1.847,2296,1.847,2297,1.847,2298,1.847,2299,1.847,2300,3.19,2301,1.847,2302,3.19,2303,1.847,2304,1.847,2305,1.847,2306,1.847,2307,1.847,2308,1.669,2309,1.847,2310,1.847,2311,1.847,2312,3.19,2313,1.337,2314,2.309,2315,3.19,2316,4.211,2317,3.19,2318,1.847,2319,3.19,2320,1.847,2321,1.847,2322,3.19,2323,3.19,2324,3.19,2325,7.338,2326,3.19,2327,3.19,2328,2.883,2329,2.883,2330,3.19,2331,3.19,2332,2.883,2333,2.883,2334,2.883,2335,2.883,2336,2.883,2337,2.883,2338,2.883,2339,1.847,2340,3.19,2341,1.847,2342,1.847,2343,1.847,2344,1.847,2345,1.669,2346,1.847,2347,1.847,2348,1.847]],["t/548",[0,0.234,1,0.228,6,0.025,9,0.128,15,1.128,18,0.936,25,0.326,27,0.531,28,2.821,32,0.803,52,2.743,66,1.085,81,0.879,96,2.412,104,1.512,106,1.489,115,3.068,116,2.142,118,1.963,123,0.482,124,1.11,131,3.57,134,2.863,140,2.513,141,2.254,144,2.814,146,1.117,150,2.382,152,2.525,154,4.743,161,4.224,163,5.696,166,1.569,174,1.518,189,1.906,206,1.376,233,3.318,234,2.322,235,1.121,241,1.481,242,0.946,260,2.954,261,3.162,266,1.775,285,1.291,290,4.267,291,1.346,307,1.317,310,2.173,334,2.886,335,2.886,339,2.64,355,1.376,358,2.994,378,0.984,391,5.973,402,1.444,404,2.023,419,2.994,442,3.603,446,2.06,449,1.444,459,1.675,492,2.401,509,1.242,510,3.56,511,2.801,512,0.984,515,3.603,548,1.74,552,1.906,562,1.523,563,1.74,564,1.242,566,2.601,587,1.481,588,2.173,593,2.821,596,2.011,613,1.242,636,1.859,641,3.236,645,1.906,663,6.629,668,2.778,851,2.989,856,5.651,860,1.906,861,1.59,862,2.663,865,2.42,869,2.345,872,1.889,886,3.351,889,1.568,895,2.684,903,2.662,904,3.101,906,2.525,915,1.906,926,3.162,928,1.74,930,2.02,949,2.893,952,3.35,965,2.173,970,0.839,971,0.839,981,1.242,983,3.403,989,1.103,991,2.186,992,2.994,1075,1.481,1093,4.051,1100,2.02,1130,2.142,1156,4.822,1157,3.863,1158,4.438,1159,3.863,1160,4.771,1161,1.906,1162,4.978,1197,6.856,1200,1.815,1234,2.778,1238,1.178,1239,1.318,1301,2.02,1379,2.601,1382,7.462,1390,1.815,1397,2.173,1508,2.173,1549,1.121,1575,1.318,1587,1.121,1612,1.481,1613,2.778,1644,3.011,1664,1.481,1689,2.02,1699,1.318,1701,2.173,1712,1.815,1743,2.173,1755,1.815,1962,2.02,2036,4.142,2038,2.233,2052,2.173,2082,2.173,2088,1.409,2090,2.02,2094,1.906,2349,3.987,2350,1.906,2351,3.987,2352,2.404,2353,2.404,2354,1.815,2355,1.906,2356,2.404,2357,2.404,2358,5.368,2359,2.02,2360,7.879,2361,2.404,2362,5.108,2363,8.837,2364,6.592,2365,3.987,2366,5.108,2367,3.987,2368,5.54,2369,2.404,2370,1.815,2371,2.404,2372,9.617,2373,3.987,2374,2.404,2375,2.173,2376,2.404,2377,2.404,2378,5.449,2379,7.108,2380,5.368,2381,6.592,2382,10.548,2383,6.592,2384,6.592,2385,6.592,2386,6.592,2387,6.592,2388,6.592,2389,6.592,2390,6.592,2391,6.592,2392,7.108,2393,7.108,2394,2.404,2395,2.404,2396,2.404,2397,2.404,2398,2.404,2399,3.987,2400,3.987,2401,3.987,2402,2.404,2403,2.404,2404,2.404,2405,2.404,2406,2.404,2407,2.404,2408,2.404,2409,2.404,2410,2.404,2411,2.404,2412,5.108,2413,2.404,2414,5.108,2415,2.404,2416,5.108,2417,2.404,2418,2.404,2419,2.404,2420,2.404,2421,2.404,2422,2.404,2423,2.404,2424,2.404,2425,2.404,2426,2.02,2427,2.404,2428,2.404,2429,1.481,2430,1.481,2431,2.173,2432,1.815,2433,1.74,2434,2.404,2435,2.404,2436,1.906,2437,2.404,2438,2.173,2439,2.404,2440,2.173]],["t/550",[0,0.186,1,0.298,6,0.024,15,2.054,25,0.19,28,1.427,29,1.427,66,3.1,81,3.129,96,2.419,118,2.017,123,0.829,124,1.14,140,2.424,141,3.041,144,2.594,166,1.627,174,2.074,175,2.511,182,2.641,232,1.268,233,2.787,234,1.351,242,3.822,258,2.316,259,2.483,260,1.494,266,3.571,281,2.098,283,4.544,290,3.441,307,2.052,355,3.497,411,5.484,422,1.898,465,2.548,492,1.67,509,2.137,512,1.692,552,4.843,593,2.506,859,8.093,861,1.649,862,1.67,865,1.959,903,3.637,904,3.822,916,2.784,934,3.737,942,6.057,958,2.098,970,1.443,971,1.443,987,3.668,991,4.397,1027,8.683,1156,3.217,1158,2.784,1181,5.519,1510,4.111,1697,4.264,2038,2.316,2244,3.475,2246,3.475,2441,4.255,2442,2.316,2443,4.135,2444,4.135,2445,2.619,2446,4.135,2447,4.135,2448,2.619,2449,3.737,2450,3.737,2451,4.135,2452,9.876,2453,4.135,2454,4.135,2455,4.135,2456,4.135,2457,3.279,2458,9.161,2459,7.262,2460,9.876,2461,6.107,2462,4.135,2463,6.107,2464,10.241,2465,6.107,2466,6.107,2467,6.107,2468,6.107,2469,5.519,2470,9.509,2471,6.626,2472,8.955,2473,4.135,2474,4.135,2475,4.135,2476,4.135,2477,4.135,2478,4.135,2479,4.135,2480,4.135,2481,4.135,2482,4.135,2483,4.135,2484,4.135,2485,4.135,2486,4.135,2487,4.135,2488,4.135,2489,4.135,2490,4.135,2491,4.135,2492,4.135,2493,4.135,2494,4.135,2495,6.107,2496,3.737,2497,4.135,2498,4.135,2499,4.135,2500,4.135,2501,4.135,2502,3.279,2503,4.135,2504,5.132,2505,3.579,2506,4.135,2507,4.135]],["t/552",[0,0.079,1,0.057,3,0.642,4,2.102,6,0.025,7,1.281,15,1.713,18,1.102,21,0.803,25,0.082,27,0.185,46,0.593,47,2.307,53,2.636,55,0.628,62,0.674,71,0.7,72,1.876,81,0.65,86,0.856,94,2.153,96,1.539,98,0.642,104,1.55,118,2,123,0.356,124,0.576,131,1.067,132,0.975,137,0.748,138,1.512,140,1.03,141,2.465,144,1.46,150,0.829,154,2.571,156,1.042,166,2.384,172,1.018,174,0.873,191,0.671,197,0.642,208,0.674,213,0.709,231,1.126,233,3.506,234,2.913,239,2.113,247,4.248,248,2.012,260,2.488,266,3.34,272,2.389,273,1.657,274,0.769,275,0.936,280,1.042,290,4.226,294,0.919,297,0.975,298,1.197,307,1.081,329,4.212,355,1.767,364,1.067,378,1.263,382,1.625,402,1.067,479,2.24,490,4.378,491,4.102,492,3.222,543,1.126,554,1.286,557,2.589,569,3.087,593,2.49,594,1.462,596,1.609,606,1.342,613,0.919,628,1.095,861,2.415,862,2.231,866,0.919,869,1.416,872,1.937,898,1.808,903,2.069,904,1.609,918,2.233,924,2.113,949,2.424,952,3.834,953,2.978,954,3.876,956,3.857,970,0.62,971,0.62,981,3.13,982,3.19,983,1.848,984,2.241,989,3.311,992,2.861,1011,3.401,1020,3.401,1026,1.286,1073,1.042,1075,1.095,1078,1.197,1090,2.91,1130,3.253,1148,1.239,1149,1.41,1174,3.719,1211,0.871,1229,3.998,1238,0.871,1239,0.975,1240,1.126,1241,1.095,1271,6.475,1293,2.795,1295,1.239,1300,1.286,1434,1.197,1470,4.574,1501,1.954,1520,5.543,1548,3.401,1549,4.765,1551,6.804,1560,1.342,1575,0.975,1587,4.158,1697,1.538,1702,1.41,1829,1.606,2173,1.286,2313,2.959,2314,4.383,2350,1.41,2354,1.342,2355,1.41,2370,1.342,2433,1.286,2441,2.15,2442,0.995,2508,3.085,2509,1.606,2510,1.606,2511,3.242,2512,1.777,2513,1.777,2514,3.242,2515,7.627,2516,7.574,2517,1.41,2518,5.199,2519,5.46,2520,8.516,2521,2.447,2522,1.41,2523,6.148,2524,4.381,2525,4.803,2526,7.073,2527,4.803,2528,3.242,2529,1.342,2530,2.077,2531,1.41,2532,4.088,2533,2.447,2534,2.447,2535,4.381,2536,2.447,2537,8.354,2538,3.242,2539,2.447,2540,1.777,2541,1.41,2542,4.381,2543,3.871,2544,1.41,2545,1.342,2546,1.41,2547,1.41,2548,6.056,2549,3.085,2550,2.788,2551,3.871,2552,4.803,2553,2.593,2554,2.593,2555,4.803,2556,7.55,2557,2.788,2558,1.606,2559,3.085,2560,3.085,2561,2.788,2562,3.085,2563,3.085,2564,3.087,2565,6.148,2566,2.447,2567,3.871,2568,4.881,2569,3.085,2570,3.871,2571,2.788,2572,3.085,2573,3.085,2574,2.447,2575,4.881,2576,1.777,2577,2.447,2578,2.447,2579,3.085,2580,2.788,2581,4.411,2582,3.085,2583,3.871,2584,2.447,2585,3.871,2586,2.447,2587,4.381,2588,1.777,2589,2.593,2590,3.871,2591,4.411,2592,2.788,2593,2.788,2594,2.447,2595,3.871,2596,2.447,2597,2.15,2598,2.788,2599,2.447,2600,1.606,2601,1.606,2602,1.606,2603,1.606,2604,3.695,2605,1.606,2606,1.494,2607,4.411,2608,1.494,2609,3.695,2610,1.606,2611,1.606,2612,1.606,2613,1.606,2614,1.606,2615,1.606,2616,1.606,2617,1.606,2618,1.606,2619,1.606,2620,1.606,2621,1.606,2622,3.435,2623,3.695,2624,3.695,2625,5.473,2626,3.435,2627,3.695,2628,1.494,2629,1.494,2630,1.494,2631,2.788,2632,1.606,2633,1.606,2634,1.606,2635,1.606,2636,1.606,2637,1.606,2638,1.606,2639,1.606,2640,1.606,2641,1.606,2642,3.435,2643,1.494,2644,1.494,2645,1.606,2646,1.606,2647,1.606,2648,1.606,2649,1.606,2650,1.606,2651,1.606,2652,1.606,2653,1.606,2654,1.606,2655,1.606,2656,1.606,2657,3.435,2658,1.494,2659,1.777,2660,2.593,2661,1.606,2662,1.606,2663,1.342,2664,1.286,2665,1.494,2666,1.606,2667,1.606,2668,1.606,2669,1.606,2670,1.606,2671,1.606,2672,1.606,2673,1.606,2674,1.41,2675,1.41,2676,1.777,2677,3.695,2678,1.606]],["t/554",[0,0.07,1,0.05,3,0.56,4,1.636,6,0.025,7,0.359,15,1.581,18,1.127,21,0.701,25,0.071,27,0.161,46,0.517,47,1.619,53,2.624,55,0.547,62,0.588,71,0.61,72,1.687,81,1.001,86,0.746,89,0.69,94,1.935,96,1.35,98,0.56,104,0.588,118,1.846,123,0.311,124,0.511,132,0.85,133,2.17,137,0.652,138,1.374,140,0.914,141,2.29,144,1.808,150,0.723,154,0.816,156,0.908,166,2.2,172,0.887,174,1.081,197,0.56,206,1.567,208,0.588,213,0.618,227,0.955,231,2.327,233,3.523,234,2.998,239,3.121,247,4.208,248,2.397,249,2.474,260,2.323,266,2.69,272,3.586,273,0.833,280,0.908,290,4.455,294,0.801,297,0.85,298,1.043,307,0.982,329,4.406,334,1.981,351,0.833,355,0.887,357,1.604,364,0.931,378,1.12,382,1.441,383,2.483,402,0.931,446,1.414,479,1.687,490,4.066,491,3.84,492,3.054,543,0.982,554,1.122,557,1.733,569,2.775,593,2.682,594,0.734,596,1.446,606,1.17,613,0.801,628,1.686,659,1.842,741,1.229,861,2.229,862,2.045,866,0.801,869,1.256,872,2.101,898,1.604,903,2.093,904,1.992,918,1.981,924,2.616,949,2.221,952,3.613,953,3.055,954,3.907,956,3.92,970,0.541,971,0.955,981,3.65,982,3.72,983,2.288,984,2.775,989,4.174,992,2.599,1011,1.907,1020,3.09,1023,3.088,1026,1.122,1073,0.908,1078,1.043,1079,1.302,1090,2.666,1130,2.719,1148,1.08,1149,2.914,1174,3.408,1218,1.401,1229,3.664,1238,0.759,1239,1.5,1240,0.982,1241,0.955,1267,3.726,1271,4.555,1293,2.539,1295,1.08,1300,1.122,1434,1.043,1501,1.733,1520,5.407,1548,1.907,1549,4.609,1551,7.055,1560,1.17,1575,0.85,1587,3.416,1697,1.364,1702,2.914,2173,1.122,2313,3.664,2314,5.112,2350,3.516,2354,2.775,2355,2.914,2370,1.17,2433,1.122,2441,1.907,2442,0.868,2502,1.229,2511,3.516,2514,2.17,2515,7.605,2516,7.509,2517,1.229,2518,4.854,2519,5.097,2521,2.17,2522,1.229,2523,6.163,2524,6.163,2525,6.163,2526,7.456,2527,4.433,2528,2.914,2529,1.17,2530,1.842,2531,1.229,2533,2.17,2534,2.17,2535,2.17,2536,2.17,2538,2.17,2539,2.17,2541,1.229,2542,4.014,2543,3.516,2544,1.229,2545,1.17,2546,1.229,2547,2.17,2551,2.17,2552,2.914,2553,1.302,2554,1.302,2555,3.516,2564,3.823,2565,4.433,2566,1.229,2567,2.17,2570,2.17,2574,2.17,2577,1.229,2578,1.229,2583,2.17,2584,1.229,2585,2.17,2586,1.229,2587,2.17,2590,2.17,2594,1.229,2595,2.17,2596,1.229,2597,1.08,2599,1.229,2600,1.401,2601,1.401,2606,1.302,2608,3.726,2622,4.698,2628,3.726,2629,3.088,2630,3.088,2642,4.698,2643,3.088,2644,3.088,2657,4.698,2658,3.088,2660,2.3,2663,5.11,2664,3.664,2665,1.302,2674,1.229,2675,1.229,2679,1.55,2680,1.55,2681,8.802,2682,1.55,2683,2.736,2684,2.736,2685,1.55,2686,1.55,2687,1.302,2688,1.55,2689,1.55,2690,0.955,2691,3.674,2692,1.401,2693,4.007,2694,3.321,2695,2.473,2696,1.401,2697,5.458,2698,9.53,2699,1.401,2700,2.473,2701,1.55,2702,8.134,2703,5.062,2704,1.55,2705,2.736,2706,1.55,2707,4.007,2708,1.55,2709,1.401,2710,5.062,2711,2.736,2712,1.55,2713,1.401,2714,1.55,2715,3.674,2716,2.736,2717,1.55,2718,1.55,2719,1.401,2720,1.55,2721,1.55,2722,5.59,2723,1.55,2724,1.55,2725,1.401,2726,2.473,2727,1.401,2728,1.55,2729,4.434,2730,4.434,2731,4.434,2732,4.434,2733,1.55,2734,1.55,2735,1.55,2736,1.401,2737,2.736,2738,4.434,2739,4.434,2740,4.434,2741,4.434,2742,4.434,2743,4.434,2744,4.434,2745,1.55,2746,5.59,2747,6.833,2748,3.321,2749,3.674,2750,5.59,2751,5.59,2752,3.674,2753,3.674,2754,3.674,2755,3.674,2756,1.55]],["t/556",[0,0.068,1,0.048,3,0.954,4,2.69,6,0.025,7,1.459,15,1.542,18,1.133,21,0.672,25,0.068,27,0.155,46,0.881,47,1.887,53,2.57,55,0.932,62,1.001,71,1.039,72,1.633,81,0.544,86,1.271,89,0.662,94,1.873,96,1.549,98,0.954,104,0.564,116,1.418,118,2.455,123,0.298,124,0.493,132,0.816,137,1.11,138,0.818,140,0.881,141,2.238,144,1.27,145,1.18,146,0.417,148,0.643,150,2.298,154,2.595,156,0.872,166,2.146,172,0.852,174,0.564,193,1.077,197,0.954,206,2.822,208,1.001,213,1.052,222,0.617,231,0.942,233,3.518,234,2.671,239,2.225,247,4.117,248,2.32,249,1.777,259,0.893,260,2.396,266,3.311,272,1.862,273,0.799,274,3.537,275,0.784,280,0.872,282,0.634,283,0.755,290,4.773,294,0.769,296,1.447,297,0.816,298,1.002,307,1.091,329,4.107,330,0.97,335,1.077,351,0.799,354,0.662,355,0.852,364,0.893,366,1.002,378,1.08,382,1.39,402,0.893,419,1.547,421,1.91,446,1.364,472,0.942,479,1.976,490,2.395,491,4.001,492,2.907,543,0.942,554,1.077,569,2.686,593,2.566,594,2.584,596,1.695,600,1.39,606,1.124,613,0.769,628,1.626,659,1.777,741,1.18,851,1.301,861,2.174,862,1.99,865,0.705,866,0.769,869,2.503,872,2.981,882,1.418,898,1.547,903,0.988,904,1.039,918,1.077,924,1.838,949,2.162,952,3.376,953,2.721,954,3.582,956,3.641,962,2.218,970,0.519,971,0.519,981,2.818,982,2.872,983,1.608,984,1.95,989,3.511,992,2.523,1011,1.839,1020,3,1023,4.141,1026,1.077,1029,1.25,1031,3.433,1065,2.093,1073,0.872,1078,2.898,1079,2.218,1090,2.595,1120,1.037,1130,2.313,1148,1.037,1174,3.317,1199,1.25,1203,1.25,1211,2.414,1229,3.566,1238,0.729,1239,0.816,1240,0.942,1241,0.917,1271,4.464,1293,2.465,1295,1.037,1296,2.093,1300,1.077,1402,1.25,1403,1.344,1428,2.989,1434,1.002,1501,1.672,1520,5.155,1548,1.839,1549,4.343,1551,7.161,1560,1.124,1575,0.816,1587,3.092,1663,1.25,1694,1.721,1697,0.741,1702,2.093,1744,1.344,1825,1.344,1844,1.25,1939,1.25,2033,1.344,2036,1.037,2049,1.344,2173,2.574,2313,2.574,2314,3.947,2350,2.093,2354,1.993,2355,2.093,2370,1.124,2433,1.077,2441,1.839,2442,0.833,2511,1.18,2514,2.821,2515,7.062,2516,7.269,2517,1.18,2518,4.751,2519,4.324,2521,2.093,2522,1.18,2523,5.259,2524,5.259,2525,5.259,2526,7.628,2527,4.324,2528,2.821,2529,1.124,2530,1.777,2531,4.989,2533,2.093,2534,2.093,2535,5.259,2536,3.908,2538,2.093,2539,1.18,2541,1.18,2542,3.908,2543,2.821,2544,1.18,2545,1.124,2546,1.18,2547,2.821,2551,2.093,2552,2.821,2555,2.821,2564,2.686,2565,4.324,2566,1.18,2567,2.093,2570,2.093,2574,2.093,2577,1.18,2578,1.18,2583,2.093,2584,1.18,2585,2.093,2586,1.18,2587,2.093,2589,1.25,2590,2.093,2594,1.18,2595,2.093,2596,1.18,2599,1.18,2602,2.385,2603,2.385,2604,5.993,2605,3.215,2606,2.989,2607,7.758,2608,2.218,2609,7.39,2610,2.385,2611,2.385,2612,2.385,2613,2.385,2614,2.385,2615,2.385,2616,2.385,2617,2.385,2618,2.385,2619,2.385,2620,2.385,2621,2.385,2622,4.582,2623,5.686,2624,5.686,2625,8.048,2626,7.635,2627,5.686,2628,2.218,2629,2.218,2630,2.218,2631,3.891,2632,2.385,2633,2.385,2634,2.385,2635,2.385,2636,2.385,2637,2.385,2638,2.385,2639,2.385,2640,2.385,2641,2.385,2642,4.582,2643,2.218,2644,2.218,2645,2.385,2646,2.385,2647,2.385,2648,2.385,2649,2.385,2650,2.385,2651,2.385,2652,2.385,2653,2.385,2654,2.385,2655,2.385,2656,2.385,2657,4.582,2658,2.218,2661,2.385,2662,2.385,2663,4.458,2664,2.574,2665,2.989,2666,2.385,2667,2.385,2668,2.385,2669,2.385,2670,2.385,2671,2.385,2672,2.385,2673,3.215,2674,1.18,2675,1.18,2692,1.344,2693,4.928,2694,4.453,2695,2.385,2696,1.344,2697,4.453,2699,1.344,2700,2.385,2707,3.891,2709,1.344,2713,1.344,2719,1.344,2725,1.344,2726,3.215,2727,1.344,2757,1.488,2758,1.488,2759,1.488,2760,4.305,2761,1.488,2762,1.488,2763,1.488,2764,3.557,2765,2.395,2766,1.488,2767,1.488,2768,2.639,2769,2.639,2770,1.488,2771,1.488,2772,1.488,2773,1.488,2774,1.488,2775,1.488,2776,1.488,2777,1.488,2778,1.488,2779,1.488,2780,1.488,2781,1.488,2782,1.488,2783,2.218,2784,1.25,2785,1.488,2786,1.488,2787,1.488,2788,1.488,2789,1.488,2790,1.488,2791,1.488,2792,2.639,2793,1.488,2794,3.557,2795,1.488,2796,1.488,2797,1.488,2798,1.488,2799,1.488,2800,1.488,2801,1.488,2802,1.488,2803,1.488,2804,2.639,2805,2.639,2806,2.639,2807,1.488,2808,1.488,2809,3.557,2810,2.639,2811,1.488,2812,1.488,2813,1.488,2814,2.639,2815,1.488,2816,1.124,2817,1.488]],["t/558",[0,0.083,1,0.06,6,0.025,7,0.749,15,1.765,18,1.039,21,0.847,25,0.086,27,0.195,47,2.6,51,0.376,53,2.539,72,1.954,94,2.242,96,1.967,104,1.918,106,0.546,118,1.405,123,0.376,124,0.603,132,1.027,138,1.568,140,1.078,141,2.534,144,1.52,146,1.192,150,0.874,154,0.987,156,1.098,166,2.456,172,1.073,174,0.909,191,0.926,231,1.187,233,3.553,234,2.875,239,2.199,247,4.341,248,2.107,260,2.552,266,3.414,272,2.189,274,0.811,275,2.242,280,1.098,290,4.231,294,0.968,297,1.027,298,1.262,307,0.943,329,4.09,355,1.849,364,1.125,378,1.322,382,1.701,402,4.605,479,1.954,490,2.865,491,4.118,492,3.434,543,1.187,554,1.356,557,2.046,569,3.214,593,2.549,594,0.888,596,1.675,606,3.214,613,0.968,628,1.155,861,2.487,862,2.305,866,0.968,869,1.482,872,2.016,898,1.893,903,1.594,904,1.675,918,1.356,924,2.199,949,3.241,952,4.023,953,3.602,954,4.475,956,4.163,970,0.654,971,0.654,981,3.224,982,3.286,983,1.924,984,2.333,989,3.068,992,2.966,1011,3.526,1020,3.526,1026,1.356,1073,1.098,1078,1.262,1090,3.89,1130,3.793,1148,1.306,1174,4.972,1211,1.582,1229,4.13,1238,1.582,1239,2.333,1240,2.046,1241,1.99,1271,6.911,1293,2.897,1300,1.356,1434,1.262,1470,5.047,1501,2.046,1520,5.714,1548,3.526,1549,4.815,1551,6.463,1560,1.415,1575,1.027,1587,4.436,1697,0.934,1758,1.125,2173,1.356,2313,3.08,2314,4.515,2370,1.415,2433,1.356,2441,2.25,2442,1.05,2509,1.694,2510,1.694,2511,2.561,2514,3.375,2515,7.659,2516,7.604,2517,1.486,2518,5.332,2519,5.857,2521,2.561,2522,1.486,2523,6.276,2524,2.561,2525,3.375,2526,6.276,2527,4.947,2528,3.375,2529,1.415,2530,2.174,2531,1.486,2533,2.561,2534,2.561,2535,2.561,2536,2.561,2538,2.561,2539,1.486,2541,1.486,2542,4.526,2543,4.013,2544,1.486,2545,1.415,2546,1.486,2547,1.486,2550,3.846,2551,4.013,2552,5.599,2553,2.714,2554,2.714,2555,5.857,2556,8.276,2557,3.846,2558,2.919,2561,3.846,2564,3.214,2565,6.276,2566,2.561,2567,4.013,2570,4.013,2571,2.919,2574,2.561,2577,2.561,2578,2.561,2580,2.919,2581,5.158,2583,4.526,2584,3.375,2585,4.947,2586,3.375,2587,5.3,2589,3.577,2590,4.947,2591,5.638,2592,3.846,2593,3.846,2594,3.375,2595,4.947,2596,3.375,2597,2.966,2598,3.846,2599,3.375,2674,1.486,2675,1.486,2677,3.846,2678,1.694,2690,1.155,2818,8.801,2819,4.256,2820,9.157,2821,1.874,2822,7.385,2823,4.256,2824,4.256,2825,4.256,2826,4.256,2827,4.256,2828,5.06,2829,3.23,2830,3.23,2831,4.256,2832,5.707,2833,1.874,2834,3.23,2835,3.23,2836,3.23,2837,1.874,2838,1.874,2839,1.874,2840,1.874,2841,3.23,2842,1.874,2843,1.874,2844,1.874,2845,1.874,2846,1.874,2847,1.874,2848,1.874,2849,1.874,2850,1.874]],["t/560",[0,0.122,1,0.07,6,0.025,7,1.295,8,0.256,18,0.581,21,3.057,22,2.729,25,0.256,29,0.752,36,0.519,47,0.697,89,1.635,96,1.955,118,2.233,123,0.437,124,0.685,134,2.292,138,0.675,140,2.715,141,1.804,144,2.905,146,1.565,148,2.925,174,1.68,200,1.83,206,4.12,222,0.904,233,3.68,234,2.209,235,4.509,242,2.455,253,3.844,260,2.254,261,1.728,262,1.577,266,0.97,281,1.105,282,3.653,292,4.646,293,3.105,294,4.322,295,5.587,296,3.945,297,3.708,298,4.844,299,3.015,307,1.382,317,1.147,329,4.371,378,2.287,383,1.22,399,2.737,403,1.147,408,1.518,418,3.445,420,1.577,423,0.97,424,2.415,425,1.032,456,2.768,472,1.38,479,4.266,491,1.566,492,1.483,495,1.247,505,5.955,557,1.38,567,3.105,574,3.893,580,1.38,587,1.343,593,2.484,596,0.857,628,4.435,636,3.899,641,1.38,851,3.536,856,1.194,861,1.898,862,2.257,865,1.032,869,2.863,872,2.956,876,1.934,882,1.973,884,4.594,889,1.421,903,2.946,904,3.292,907,1.194,924,5.107,949,1.611,952,3.911,958,1.863,970,0.76,971,0.76,981,1.898,982,3.286,983,3.953,984,1.194,989,2.565,1021,2.326,1022,2.395,1090,1.147,1119,2.658,1120,5.014,1128,2.559,1130,4.601,1135,1.518,1156,2.507,1157,1.277,1159,1.277,1165,1.577,1178,1.518,1182,1.728,1195,3.844,1205,4.983,1207,3.644,1211,2.331,1215,2.152,1239,1.194,1398,7.593,1413,2.912,1414,1.728,1434,1.467,1475,2.326,1476,4.983,1480,1.728,1481,1.728,1510,3.204,1520,2.859,1549,1.712,1554,1.577,1585,1.577,1642,1.421,1664,1.343,1675,2.326,1694,2.395,1699,1.194,1709,1.831,1737,1.645,2047,3.775,2171,3.775,2457,1.728,2471,2.559,2765,4.553,2851,1.969,2852,2.178,2853,3.319,2854,1.728,2855,1.645,2856,4.22,2857,2.912,2858,2.773,2859,1.969,2860,1.831,2861,1.969,2862,6.886,2863,6.611,2864,6.352,2865,6.831,2866,6.604,2867,5.706,2868,5.638,2869,1.969,2870,5.108,2871,6.935,2872,6.831,2873,6.831,2874,4.302,2875,3.086,2876,1.969,2877,1.969,2878,3.319,2879,1.969,2880,1.969,2881,6.611,2882,1.969,2883,1.969,2884,4,2885,1.831,2886,1.831,2887,1.969,2888,1.969,2889,1.969,2890,1.969,2891,2.912,2892,1.645,2893,1.577,2894,1.645,2895,1.969,2896,1.969,2897,3.319,2898,1.969,2899,1.969,2900,1.969,2901,1.969,2902,3.672,2903,3.672,2904,2.178,2905,2.178,2906,2.178,2907,3.319,2908,1.969,2909,1.969,2910,1.969,2911,1.518,2912,2.559,2913,2.559,2914,1.518,2915,2.178,2916,2.178,2917,2.178,2918,2.178,2919,1.728,2920,1.728,2921,1.577,2922,1.577,2923,2.658,2924,1.577,2925,1.577,2926,2.658,2927,2.658,2928,1.645,2929,1.645,2930,1.577,2931,3.893,2932,4,2933,7.349,2934,3.595,2935,1.831,2936,3.317,2937,4.695,2938,3.595,2939,3.086,2940,3.445,2941,1.831,2942,1.831,2943,4.695,2944,1.831,2945,5.242,2946,1.831,2947,1.831,2948,4,2949,2.773,2950,1.645,2951,1.645,2952,4.431,2953,2.912,2954,1.831,2955,4.695,2956,1.831,2957,3.086,2958,1.831,2959,1.831,2960,1.831,2961,1.831,2962,1.831,2963,1.645,2964,1.831,2965,1.831,2966,1.831,2967,1.645,2968,2.773,2969,1.831,2970,4.695,2971,3.086,2972,1.969,2973,1.831,2974,2.658,2975,1.831,2976,1.969,2977,4.302,2978,1.969]],["t/562",[0,0.114,1,0.109,6,0.025,7,1.029,15,1.485,18,0.613,22,0.589,25,0.155,28,1.169,29,1.169,36,2.312,43,0.136,66,0.539,72,1.554,96,1.806,104,2.438,106,1.293,115,1.189,118,2.589,123,0.397,124,0.632,132,1.086,134,0.954,138,2.129,140,1.753,141,2.237,144,2.454,146,0.949,148,2.271,166,2.067,174,1.374,200,1.688,222,1.405,229,1.784,230,5.471,231,5.119,232,1.36,233,3.009,234,2.471,235,4.416,238,2.846,240,1.161,242,2.067,246,1.254,247,3.722,252,5.911,253,2.734,255,2.209,256,1.664,257,1.79,260,1.224,263,3.091,266,0.882,280,1.161,283,1.005,294,3.909,297,1.086,299,1.254,307,0.983,308,1.571,325,0.909,329,1.531,344,4.329,345,2.6,346,1.579,354,0.882,363,4.973,378,2.149,399,1.486,404,3.486,407,4.073,408,1.38,409,1.161,419,2.6,423,0.882,424,1.718,444,1.664,451,2.686,453,1.79,456,1.816,457,4.831,472,1.254,478,1.571,479,2.952,484,1.79,491,3.915,492,3.612,502,1.571,505,4.589,562,1.254,566,3.848,567,2.209,574,1.38,578,3.518,579,1.79,593,1.169,632,1.664,636,2.069,650,2.034,678,4.01,681,1.79,741,3.518,761,4.01,780,6.21,851,1.622,853,1.333,856,1.086,858,1.433,861,2.093,862,1.792,865,0.938,869,1.554,872,1.605,876,1.784,877,1.023,878,1.292,882,1.819,884,4.323,888,5.775,893,1.333,898,1.161,903,2.408,904,2.531,949,1.486,952,3.84,953,2.972,954,1.75,956,3.599,958,3.676,970,1.182,971,1.182,972,1.292,981,1.75,982,1.784,983,4.098,984,1.857,986,1.189,989,1.554,991,5.774,992,1.161,1024,1.433,1075,1.221,1126,1.664,1128,2.36,1132,4.679,1155,1.433,1156,1.784,1159,1.161,1195,4.661,1205,5.119,1207,4.725,1211,0.97,1215,1.985,1224,5.099,1236,4.626,1239,1.086,1278,1.496,1379,3.425,1434,1.333,1475,4.352,1476,5.119,1549,2.448,1587,3.867,1642,1.292,1677,1.664,1697,0.987,1709,1.664,1742,5.404,2094,5.449,2239,1.79,2240,1.79,2247,3.061,2316,3.728,2328,4.01,2329,4.01,2332,4.01,2333,4.01,2334,4.01,2335,4.01,2336,4.01,2337,4.01,2338,4.01,2345,4.745,2436,5.449,2471,2.36,2502,1.571,2504,5.404,2505,4.027,2545,1.496,2858,1.496,2862,3.091,2870,1.496,2892,1.496,2911,1.38,2912,2.36,2913,2.36,2914,1.38,2921,1.433,2922,1.433,2923,2.451,2924,1.433,2925,1.433,2926,2.451,2927,2.451,2929,1.496,2930,1.433,2931,3.659,2936,1.38,2940,2.451,2963,1.496,2979,1.98,2980,1.664,2981,1.98,2982,1.79,2983,1.79,2984,3.387,2985,1.98,2986,1.98,2987,4.01,2988,3.061,2989,1.79,2990,1.79,2991,1.79,2992,1.79,2993,1.79,2994,3.387,2995,1.98,2996,1.98,2997,1.98,2998,2.686,2999,1.98,3000,1.98,3001,1.79,3002,1.98,3003,6.43,3004,5.9,3005,6.21,3006,6.21,3007,6.871,3008,5.9,3009,8.294,3010,7.085,3011,6.43,3012,5.9,3013,5.9,3014,6.43,3015,4.437,3016,4.437,3017,5.251,3018,4.437,3019,4.437,3020,4.437,3021,4.437,3022,4.437,3023,4.437,3024,4.437,3025,4.437,3026,4.437,3027,4.437,3028,4.437,3029,4.437,3030,4.437,3031,4.437,3032,4.437,3033,4.01,3034,4.437,3035,4.437,3036,4.437,3037,4.437,3038,4.437,3039,4.437,3040,4.437,3041,4.437,3042,4.437,3043,4.437,3044,4.437,3045,4.437,3046,4.437,3047,4.437,3048,4.437,3049,4.437,3050,4.437,3051,4.437,3052,4.437,3053,4.437,3054,4.437,3055,4.437,3056,4.437,3057,4.01,3058,4.437,3059,4.437,3060,4.437,3061,4.437,3062,4.437,3063,4.437,3064,4.437,3065,4.437,3066,4.01,3067,6.871,3068,3.387,3069,3.387,3070,3.387,3071,1.79,3072,1.79,3073,1.79,3074,1.79,3075,1.79,3076,4.745,3077,4.745,3078,3.387,3079,4.01,3080,4.745,3081,3.387,3082,4.745,3083,1.98,3084,1.98,3085,1.98,3086,1.98,3087,3.387,3088,1.98,3089,1.98,3090,1.664,3091,1.98,3092,1.98,3093,3.387,3094,1.98,3095,1.98,3096,4.437,3097,3.387,3098,1.98,3099,1.79,3100,3.387,3101,1.98,3102,3.061,3103,3.387,3104,3.387,3105,3.387,3106,3.061,3107,3.387,3108,3.387,3109,1.98,3110,1.98,3111,1.98,3112,1.98]],["t/564",[0,0.103,1,0.056,6,0.025,7,1.117,8,0.237,18,0.501,21,2.467,22,2.415,25,0.221,28,0.602,29,1.047,36,0.416,47,0.558,89,0.776,96,1.77,118,2.615,123,0.35,124,0.566,134,2.32,138,0.54,140,2.387,141,1.527,144,2.9,146,1.349,148,2.591,150,1.878,154,2.537,174,1.691,200,1.512,206,3.687,222,0.723,233,3.405,234,1.957,235,4.283,242,2.148,244,4.587,253,3.364,259,1.047,260,2.165,261,1.383,262,1.262,266,0.776,281,0.885,282,3.73,292,0.788,293,2.627,294,4.092,295,5.165,297,3.284,298,4.334,299,2.551,307,1.327,321,4.088,325,3.531,329,4.359,335,1.262,355,1.737,378,1.972,383,0.977,399,2.395,403,0.918,408,1.215,418,2.915,420,1.262,423,0.776,424,2.044,425,0.826,456,2.452,472,1.104,479,4.296,490,4.033,491,1.718,492,1.627,505,6.146,511,0.956,557,1.104,567,2.627,574,3.356,580,1.104,587,1.075,593,2.222,596,1.194,600,0.918,628,4.203,636,3.469,641,1.104,851,3.607,856,0.956,861,1.606,862,1.946,865,1.438,869,2.75,871,1.383,872,2.838,876,1.598,882,1.63,884,4.628,889,1.137,895,1.174,903,2.966,904,3.117,924,5.343,949,1.331,952,3.909,958,1.54,970,0.609,971,0.609,981,1.568,982,2.875,983,3.67,984,0.956,989,2.505,1021,1.922,1022,1.979,1062,1.317,1090,0.918,1119,2.196,1120,3.803,1128,2.114,1130,4.935,1135,1.215,1156,2.122,1157,1.022,1159,1.022,1165,1.262,1172,1.465,1178,1.215,1195,3.364,1200,3.042,1205,4.53,1207,3.142,1211,1.973,1215,1.778,1239,0.956,1241,1.075,1398,7.766,1413,2.406,1414,1.383,1462,3.385,1475,1.922,1476,4.53,1480,1.383,1481,1.383,1510,2.712,1520,2.419,1549,1.415,1554,1.262,1585,1.262,1642,1.137,1661,1.576,1664,1.075,1675,2.551,1694,1.979,1737,1.317,1755,3.042,1971,4.933,2036,1.215,2047,3.194,2171,3.194,2457,1.383,2471,2.114,2529,1.317,2626,1.465,2660,1.465,2765,4.033,2853,2.742,2854,1.383,2855,2.292,2856,3.638,2857,2.406,2858,2.292,2859,1.576,2860,2.55,2861,1.576,2862,6.762,2863,5.034,2864,7.351,2865,5.414,2866,7.069,2867,6.936,2868,3.64,2869,1.576,2870,4.862,2871,6.28,2872,6.164,2873,6.164,2874,3.64,2875,2.55,2876,2.742,2877,2.742,2878,4.353,2879,2.742,2880,2.742,2881,5.732,2882,2.742,2883,2.742,2884,3.385,2885,2.55,2886,2.55,2887,2.742,2888,2.742,2889,2.742,2890,2.742,2891,2.406,2892,1.317,2893,1.262,2894,1.317,2895,1.576,2896,1.576,2897,2.742,2898,1.576,2907,2.742,2908,1.576,2909,1.576,2910,1.576,2911,1.215,2912,2.114,2913,2.114,2914,1.215,2919,1.383,2920,1.383,2921,1.262,2922,1.262,2923,2.196,2924,1.262,2925,1.262,2926,2.196,2927,2.196,2928,1.317,2929,1.317,2930,1.262,2931,3.356,2932,3.385,2933,6.824,2934,3.042,2935,1.465,2936,2.807,2937,4.048,2938,3.042,2939,2.55,2940,2.915,2941,1.465,2942,1.465,2943,4.048,2944,1.465,2945,4.587,2946,1.465,2947,1.465,2948,3.385,2949,2.292,2950,1.317,2951,1.317,2952,3.82,2953,2.406,2954,1.465,2955,4.048,2956,1.465,2957,2.55,2958,1.465,2959,1.465,2960,1.465,2961,1.465,2962,1.465,2963,1.317,2964,1.465,2965,1.465,2966,1.465,2967,1.317,2968,2.292,2969,1.465,2970,4.048,2971,2.55,2973,1.465,2974,2.196,2975,1.465,2976,1.576,2977,3.64,2978,1.576,3066,1.576,3113,6.438,3114,4.028,3115,1.744,3116,3.034,3117,1.744,3118,3.034,3119,4.028,3120,5.458,3121,6.821,3122,3.034,3123,1.744,3124,3.034,3125,5.458,3126,5.458,3127,4.933,3128,7.44,3129,7.151,3130,4.817,3131,1.744,3132,6.438,3133,1.744,3134,3.034,3135,1.744,3136,3.034,3137,1.744,3138,1.744,3139,1.744,3140,1.744,3141,1.744,3142,1.744,3143,1.744,3144,1.744,3145,1.744,3146,1.744,3147,1.744,3148,1.744,3149,1.744,3150,1.744,3151,1.744,3152,1.744,3153,1.744,3154,1.744,3155,1.744,3156,1.744,3157,1.744,3158,1.744,3159,1.744,3160,1.744,3161,1.744,3162,1.744,3163,1.744,3164,3.034,3165,1.744,3166,1.744,3167,4.028,3168,4.028,3169,4.028,3170,4.028,3171,3.034,3172,1.744,3173,1.744,3174,1.744,3175,6.438,3176,1.744,3177,1.744,3178,1.744,3179,1.744,3180,1.744]],["t/566",[0,0.151,1,0.109,6,0.025,7,1.366,8,0.263,15,0.956,18,0.785,21,2.37,22,2.729,25,0.295,29,0.682,36,0.471,43,0.061,47,0.632,89,2.86,96,1.933,109,1.889,116,1.061,118,2.586,123,0.396,124,0.631,134,2.133,138,1.047,140,2.144,141,2.865,144,2.585,146,0.947,148,2.778,161,1.021,166,1.33,174,1.372,200,1.685,205,1.187,222,1.402,233,3.377,234,1.447,235,4.413,242,1.743,247,1.483,253,4.23,260,2.321,262,1.43,266,1.505,282,1.441,293,2.889,294,4.283,295,5.739,297,1.083,299,2.805,307,1.305,325,0.907,329,2.663,339,1.021,378,2.146,383,2.936,388,3.98,389,3.259,390,7.394,391,7.394,399,2.585,403,1.041,416,0.88,418,4.968,419,1.158,420,4.968,421,3.206,423,1.505,424,2.989,425,5.056,456,2.809,457,1.218,472,1.252,479,3.595,491,3.222,492,1.789,505,5.573,511,1.083,567,3.843,574,5.042,580,1.252,587,1.218,593,2.217,594,1.601,636,3.864,751,6.35,851,3.569,856,2.428,860,1.567,861,1.766,862,2.772,869,2.406,872,2.484,876,1.78,882,2.816,884,4.652,889,1.289,893,1.33,903,2.405,904,2.528,907,1.083,924,5.375,949,1.483,952,3.838,958,2.247,970,0.69,971,0.69,981,2.289,982,3.383,983,3.908,984,2.428,989,2.033,991,1.853,1021,2.141,1022,2.889,1090,1.78,1120,4.106,1128,3.653,1131,1.43,1135,1.377,1147,1.567,1155,3.206,1156,2.761,1157,1.981,1159,1.158,1165,2.446,1178,1.377,1195,4.657,1205,5.249,1207,3.843,1211,3.146,1214,1.661,1215,1.981,1239,1.853,1299,1.661,1379,1.289,1382,2.68,1395,1.377,1475,2.141,1476,5.249,1510,3.967,1549,0.921,1554,1.43,1585,1.43,1587,0.921,1642,2.205,1664,1.218,1675,2.141,1694,2.205,2038,1.107,2368,1.661,2426,1.661,2471,3.653,2765,2.276,2854,1.567,2855,1.492,2856,3.959,2857,2.68,2858,1.492,2862,4.783,2866,6.259,2867,6.403,2891,5.093,2892,1.492,2893,1.43,2894,1.492,2911,1.377,2912,2.355,2913,2.355,2914,1.377,2919,1.567,2920,1.567,2921,2.446,2922,2.446,2923,3.794,2924,2.446,2925,2.446,2926,3.794,2927,3.794,2928,2.553,2929,1.492,2930,2.446,2931,4.106,2934,4.45,2936,3.086,2938,2.553,2940,4.264,2949,3.959,2950,2.553,2951,2.553,2952,4.673,2953,2.68,2963,1.492,2967,2.553,2968,4.45,2998,1.567,3001,1.786,3010,1.786,3090,2.84,3099,1.786,3181,1.786,3182,1.976,3183,1.786,3184,1.786,3185,1.786,3186,1.786,3187,1.786,3188,1.786,3189,1.786,3190,1.786,3191,1.786,3192,1.786,3193,6.829,3194,5.325,3195,5.804,3196,1.976,3197,1.976,3198,3.38,3199,3.38,3200,3.38,3201,3.38,3202,3.38,3203,6.422,3204,3.38,3205,3.38,3206,3.38,3207,3.38,3208,3.38,3209,1.976,3210,4.429,3211,4.429,3212,4.429,3213,4.429,3214,1.786,3215,1.786,3216,4.738,3217,1.786,3218,4.738,3219,1.786,3220,1.786,3221,1.786,3222,1.786,3223,1.786,3224,1.976,3225,1.976,3226,1.976,3227,1.976,3228,1.976,3229,1.976,3230,1.976,3231,1.976,3232,1.976,3233,1.976,3234,3.055,3235,3.055,3236,3.055,3237,3.055,3238,3.38,3239,3.38,3240,3.38,3241,3.38,3242,1.976,3243,3.38,3244,3.38,3245,4.429,3246,1.976,3247,1.976,3248,1.976,3249,1.976,3250,1.976,3251,1.976,3252,3.38,3253,1.976,3254,1.976,3255,3.38,3256,1.976,3257,1.976,3258,1.786,3259,1.976,3260,1.976,3261,1.786,3262,1.976,3263,1.661,3264,5.243,3265,1.786,3266,1.786,3267,1.976,3268,1.976,3269,1.976,3270,1.976,3271,1.976,3272,5.243,3273,1.976,3274,1.976,3275,1.976,3276,1.976,3277,1.976,3278,1.976,3279,4.429,3280,1.976,3281,1.976,3282,5.243,3283,4.429,3284,4.429,3285,1.786,3286,3.38,3287,1.976,3288,5.243,3289,1.976,3290,1.976,3291,1.976,3292,1.976,3293,1.976,3294,1.786,3295,1.786,3296,1.976,3297,1.786,3298,1.786,3299,1.976,3300,1.976]],["t/568",[0,0.171,1,0.15,6,0.025,7,1.085,15,2.204,21,2.115,22,2.926,25,0.215,47,1.496,60,3.679,96,2.271,118,2.968,123,0.938,124,1.247,140,3.001,141,2.954,142,3.386,144,3.211,146,2.183,148,4.043,150,2.181,166,3.067,174,1.815,231,4.232,233,2.991,234,2.182,235,5.113,260,2.414,294,5.175,299,4.936,307,1.48,329,3.02,341,6.478,378,3.479,383,2.62,419,2.742,456,1.915,457,4.117,472,2.963,479,4.126,491,1.995,492,2.699,505,5.694,593,2.69,851,2.443,861,3.107,862,1.89,869,4.663,872,4.027,876,3.519,884,3.931,903,3.183,904,3.345,924,3.453,949,2.932,952,3.937,958,2.374,970,1.633,971,1.633,983,4.447,989,4.126,991,2.565,1021,4.232,1022,4.358,1156,3.519,1159,2.742,1215,3.915,1337,4.358,1554,3.386,1587,2.181,1662,3.71,1675,2.963,2457,3.71,2687,5.614,2784,5.614,2855,3.533,2911,3.26,2912,4.655,2913,4.655,2914,3.26,2936,3.26,3301,8.696,3302,8.499,3303,6.681,3304,4.679,3305,6.681,3306,4.679,3307,4.679,3308,4.679,3309,7.792,3310,4.679,3311,4.679,3312,4.679,3313,4.679,3314,4.679,3315,8.499,3316,6.681,3317,9.347,3318,4.679,3319,4.679,3320,4.679,3321,4.679,3322,4.679,3323,4.679,3324,4.679,3325,4.679,3326,6.681,3327,4.679]],["t/570",[0,0.129,1,0.103,6,0.025,7,2.141,8,0.263,15,1.987,18,0.842,21,4.255,22,2.92,25,0.147,30,3.779,38,5.582,47,1.023,60,1.069,89,1.425,96,2.064,118,2.048,123,0.642,124,0.938,140,2.828,141,2.664,144,3.026,148,2.683,166,2.765,167,3.501,174,1.631,198,1.715,233,3.463,234,2.647,235,4.835,247,2.205,253,1.973,260,2.539,262,2.317,282,2.143,294,4.771,295,5.526,296,4.442,299,2.027,307,1.113,329,4.079,378,2.876,399,3.718,418,2.317,424,4.578,456,1.31,472,2.027,479,4.76,492,2.03,505,6.145,566,2.088,593,3.028,596,1.26,628,3.096,636,3.56,648,6.35,649,6.35,851,3.547,861,2.801,862,2.03,865,3.329,869,2.306,872,2.381,876,1.686,884,4.457,889,2.088,895,2.155,903,2.859,904,3.005,907,1.755,924,2.597,935,7.155,949,2.205,952,3.421,970,1.117,971,1.117,982,3.267,983,3.451,989,2.306,992,2.945,1021,3.183,1022,3.277,1024,2.317,1044,8.344,1130,4.847,1156,2.646,1159,1.876,1204,7.322,1209,5.869,1215,2.945,1398,3.795,1428,2.69,1470,3.795,1520,3.725,1660,2.69,1664,1.973,1699,1.755,1755,4.684,1846,2.538,2036,4.322,2130,2.69,2375,2.893,2765,2.155,2851,2.893,2856,4.684,2860,4.222,2862,3.501,2863,4.222,2864,7.373,2870,6.119,2871,2.538,2875,6.416,2884,4.222,2885,4.222,2886,4.222,2893,2.317,2894,2.417,2899,2.893,2901,2.893,2911,2.23,2912,3.501,2913,3.501,2914,2.23,2931,6.433,2974,2.317,3127,6.35,3328,3.201,3329,9.412,3330,7.026,3331,5.024,3332,7.026,3333,9.567,3334,9.567,3335,6.202,3336,5.024,3337,5.024,3338,5.024,3339,5.024,3340,5.024,3341,5.024,3342,4.541,3343,5.024,3344,3.201,3345,3.201,3346,3.201,3347,3.201,3348,3.201,3349,3.201,3350,3.201,3351,3.201,3352,3.201,3353,3.201,3354,3.201,3355,3.201,3356,3.201,3357,3.201,3358,3.201,3359,3.201,3360,3.201,3361,3.201,3362,3.201,3363,3.201,3364,3.201,3365,3.201,3366,3.201,3367,3.201,3368,3.201]],["t/572",[0,0.255,1,0.296,4,1.717,6,0.025,7,1.231,15,0.972,17,1.487,18,0.759,23,4.258,25,0.399,33,0.136,35,0.128,44,1.847,47,1.099,51,0.689,52,0.858,53,2.107,59,1.371,66,1.986,75,2.346,89,2.365,106,2.128,118,3.477,123,0.689,124,1.212,132,1.885,144,2.819,146,0.963,165,1.847,171,4.328,172,4.52,182,2.563,198,1.173,205,2.064,232,2.42,234,2.842,239,1.776,242,2.555,246,3.364,247,2.331,258,4.089,274,2.297,281,1.744,285,4.24,296,1.885,322,1.717,329,1.554,354,1.531,358,2.015,372,2.517,373,3.662,383,1.925,409,2.015,422,3.352,423,1.531,424,1.744,446,3.355,448,2.314,449,3.19,465,4,479,1.578,481,2.596,491,1.466,511,4.328,512,1.407,523,2.242,548,2.488,564,3.774,592,4.181,593,1.833,594,3.075,596,3.925,600,1.811,638,4.279,644,2.726,650,2.064,670,4.112,750,2.064,851,1.942,877,1.776,884,3.779,903,2.431,906,2.177,907,3.559,916,3.576,920,2.488,952,2.768,953,1.487,956,1.531,958,1.744,970,1.2,971,1.2,986,2.064,987,5.011,1089,3.364,1176,2.242,1200,2.596,1209,1.968,1210,2.118,1211,1.684,1234,2.395,1238,1.684,1292,2.889,1293,3.717,1391,4.112,1395,2.395,1399,2.177,1442,3.804,1515,1.968,1549,2.477,1575,1.885,1583,2.488,1587,2.477,1612,4,1697,4.159,1699,1.885,1758,3.19,1826,3.465,2038,3.635,2088,3.113,2358,2.596,2378,2.488,2380,2.596,2429,2.118,2430,2.118,2432,2.596,2442,5.639,2445,3.364,2448,5.967,2505,3.113,2530,2.314,2597,2.395,2690,3.273,2816,2.596,3369,2.118,3370,2.118,3371,2.118,3372,4.763,3373,2.242,3374,2.242,3375,7.893,3376,3.465,3377,4.763,3378,3.465,3379,5.149,3380,3.465,3381,3.465,3382,3.465,3383,4.8,3384,2.726,3385,3.701,3386,2.726,3387,2.726,3388,2.242,3389,3.107,3390,3.465,3391,3.465,3392,3.465,3393,3.465,3394,4.234,3395,3.465,3396,4.234,3397,4.234,3398,2.242,3399,3.465,3400,2.242,3401,2.242,3402,2.242,3403,3.465,3404,4.234,3405,4.523,3406,3.465,3407,2.242,3408,4.234,3409,4.234,3410,2.242,3411,2.242,3412,2.242,3413,2.596,3414,2.395,3415,3.107,3416,2.596,3417,2.596,3418,2.596,3419,2.395,3420,5.311,3421,4.523,3422,3.107,3423,3.437,3424,3.107,3425,3.107,3426,2.395,3427,2.395,3428,3.701,3429,2.395,3430,2.395,3431,2.395,3432,2.395,3433,3.107,3434,3.437,3435,3.107,3436,3.107,3437,3.437,3438,2.395,3439,6.136,3440,3.107,3441,3.107,3442,3.107,3443,3.107,3444,3.107,3445,2.395,3446,2.395,3447,3.107,3448,3.107,3449,3.437,3450,2.395,3451,2.726,3452,3.107,3453,3.107,3454,3.107,3455,2.726,3456,2.726,3457,2.726,3458,2.726,3459,2.726,3460,4.212,3461,2.726,3462,2.726,3463,2.726,3464,2.726,3465,3.107,3466,3.107,3467,3.107,3468,2.726,3469,2.395,3470,3.107,3471,3.107,3472,2.395,3473,2.395,3474,2.395,3475,2.395,3476,3.437,3477,3.437,3478,3.364,3479,2.177,3480,2.177,3481,2.177,3482,2.177,3483,3.364,3484,3.273,3485,2.177,3486,2.177,3487,3.364,3488,2.177,3489,2.177,3490,2.596,3491,3.364,3492,5.692,3493,2.177,3494,2.177,3495,3.364,3496,2.177,3497,2.177,3498,2.177,3499,2.242,3500,2.242,3501,2.488,3502,2.242,3503,2.242]],["t/574",[0,0.137,1,0.111,6,0.025,7,1.615,8,0.251,15,0.98,18,0.981,21,2.416,22,2.679,25,0.275,29,0.702,36,0.485,43,0.062,50,0.88,60,0.679,89,2.905,96,1.95,101,3.326,109,1.93,116,1.862,118,2.616,123,0.408,124,0.647,134,2.18,138,1.074,140,2.178,141,1.716,144,2.619,146,0.971,148,2.822,161,1.791,166,1.364,174,1.394,200,1.727,205,1.222,222,1.438,233,3.548,234,1.479,235,4.443,242,1.782,253,4.292,260,2.167,262,1.473,266,1.543,282,2.279,293,2.953,294,4.327,295,5.461,299,2.867,307,1.328,329,3.148,339,1.791,378,2.188,383,2.994,389,1.157,390,2.913,399,3.056,403,1.072,416,3.528,417,8.532,418,5.04,419,5.854,420,5.04,421,3.276,423,1.543,424,3.533,425,3.625,456,3.131,457,1.254,472,1.289,479,3.637,491,3.127,492,1.4,505,5.421,567,4.542,574,5.11,580,1.289,587,1.254,593,2.252,636,3.903,751,1.71,851,3.418,856,2.931,861,1.805,862,3.09,869,2.454,872,2.533,876,1.825,882,2.871,884,4.608,889,1.327,893,2.333,903,2.444,904,2.568,907,1.116,924,5.04,949,1.521,952,3.722,958,2.297,970,0.71,971,0.71,981,2.339,982,3.437,983,3.944,984,2.482,989,2.078,1021,2.195,1022,2.261,1090,1.825,1120,4.852,1128,3.725,1131,1.473,1135,1.418,1155,3.869,1156,2.815,1157,2.031,1159,1.193,1165,2.508,1178,1.418,1195,5.03,1205,5.707,1207,4.542,1211,2.618,1214,1.71,1215,2.031,1239,1.9,1299,1.71,1379,2.261,1382,4.239,1395,1.418,1475,2.195,1476,5.707,1510,4.688,1520,3.918,1549,1.616,1554,2.508,1585,1.473,1587,0.949,1642,2.261,1664,1.254,1675,2.195,1694,2.261,2038,1.941,2368,2.913,2426,2.913,2471,3.725,2765,2.333,2854,1.614,2855,1.537,2856,4.037,2857,2.748,2858,1.537,2862,5.521,2866,1.537,2867,5.522,2891,4.239,2892,1.537,2893,1.473,2894,1.537,2911,1.418,2912,2.415,2913,2.415,2914,1.418,2919,1.614,2920,1.614,2921,2.508,2922,2.508,2923,3.869,2924,2.508,2925,2.508,2926,3.869,2927,3.869,2928,2.617,2930,2.508,2931,4.852,2934,5.259,2936,3.154,2938,2.617,2940,5.04,2949,4.037,2950,2.617,2951,2.617,2967,2.617,2968,5.259,2974,2.508,2998,1.614,3090,1.71,3181,1.839,3183,1.839,3184,1.839,3185,1.839,3186,1.839,3187,1.839,3188,1.839,3189,1.839,3190,1.839,3191,1.839,3192,1.839,3193,3.132,3194,1.839,3195,1.839,3214,1.839,3215,1.839,3216,3.132,3217,1.839,3218,3.132,3219,1.839,3220,1.839,3221,1.839,3222,1.839,3223,1.839,3234,3.132,3235,3.132,3236,3.132,3237,3.132,3258,1.839,3261,1.839,3263,1.71,3265,3.132,3266,3.132,3285,3.132,3294,3.132,3295,3.132,3297,3.132,3298,3.132,3342,1.839,3504,2.035,3505,8.372,3506,2.035,3507,2.035,3508,3.466,3509,5.345,3510,5.995,3511,3.466,3512,3.466,3513,3.466,3514,7.334,3515,2.035,3516,4.527,3517,5.345,3518,3.466,3519,3.466,3520,3.466,3521,3.466,3522,3.466,3523,3.466,3524,3.466,3525,2.035,3526,3.466,3527,2.035,3528,2.035,3529,2.035,3530,2.035,3531,2.035,3532,5.345,3533,2.035,3534,4.527,3535,2.035,3536,2.035,3537,3.466,3538,5.995,3539,4.527,3540,2.035,3541,2.035,3542,3.466,3543,5.345,3544,7.334,3545,5.345,3546,2.035,3547,5.345,3548,2.035,3549,5.995,3550,5.345,3551,2.035,3552,3.466,3553,2.035,3554,2.035,3555,2.035,3556,2.035,3557,2.035,3558,2.035,3559,2.035,3560,2.035,3561,4.527,3562,4.527,3563,2.035,3564,2.035,3565,2.035,3566,2.035,3567,2.035,3568,2.035]],["t/576",[0,0.251,1,0.294,4,1.684,6,0.025,7,1.208,15,0.949,17,2.254,18,0.749,23,4.307,25,0.42,33,0.133,35,0.126,44,1.802,47,1.073,51,0.673,52,0.838,53,2.252,59,1.338,66,1.961,75,2.31,89,2.321,106,2.101,118,3.481,123,0.673,124,1.345,132,1.839,144,2.788,146,0.94,165,1.802,171,4.279,182,2.592,198,1.145,205,2.015,232,2.21,234,2.699,239,1.734,242,2.516,246,3.301,247,2.805,258,4.037,274,2.254,281,1.702,285,4.193,296,1.839,322,1.084,329,2.356,354,2.321,358,1.966,372,2.47,373,3.425,375,3.698,383,1.879,409,1.966,422,3.308,423,1.494,424,1.702,446,3.303,448,2.258,449,3.13,465,3.939,479,1.54,481,2.534,491,1.431,511,4.53,512,1.373,523,2.188,548,2.428,564,3.725,591,2.338,592,4.127,593,1.799,594,3.028,596,3.905,600,1.767,638,4.224,644,2.66,650,2.015,670,4.049,750,2.015,851,1.906,877,1.734,884,3.749,903,1.952,906,2.125,907,3.504,916,2.258,920,2.428,952,2.732,953,1.451,956,1.494,958,1.702,970,1.171,971,1.171,986,2.015,987,4.962,1089,3.301,1176,2.188,1209,1.921,1210,2.067,1211,1.643,1234,2.338,1238,1.643,1292,2.819,1293,4.731,1391,4.049,1395,2.338,1399,2.125,1442,3.746,1515,1.921,1549,2.43,1575,1.839,1583,2.428,1587,2.43,1612,3.939,1697,4.118,1699,1.839,1758,3.13,1826,3.4,2038,3.58,2088,3.055,2358,2.534,2378,2.428,2380,2.534,2429,2.067,2430,2.067,2432,2.534,2442,5.612,2445,3.301,2448,5.927,2505,3.055,2530,2.258,2597,2.338,2690,3.212,2816,2.534,3369,2.067,3370,2.067,3371,2.067,3372,4.701,3373,2.188,3374,2.188,3376,3.4,3377,4.701,3378,3.4,3379,5.389,3380,3.4,3381,3.4,3382,3.4,3383,6.514,3384,2.66,3385,3.632,3386,2.66,3387,2.66,3388,2.188,3389,3.032,3390,3.4,3391,3.4,3392,3.4,3393,3.4,3394,4.701,3395,3.4,3396,4.701,3397,4.701,3398,3.4,3399,4.701,3400,3.4,3401,3.4,3402,3.4,3403,3.4,3404,4.169,3405,4.454,3406,3.4,3407,2.188,3408,4.169,3409,4.169,3410,2.188,3411,2.188,3412,2.188,3413,2.534,3414,2.338,3415,3.032,3416,2.534,3417,2.534,3418,2.534,3419,2.338,3421,4.454,3422,3.032,3424,3.032,3425,3.032,3426,2.338,3427,2.338,3428,3.632,3429,2.338,3430,2.338,3431,2.338,3432,2.338,3433,3.032,3435,3.032,3436,4.711,3438,2.338,3439,6.057,3440,3.032,3441,3.032,3442,3.032,3443,3.032,3444,3.032,3445,2.338,3446,2.338,3447,3.032,3448,3.032,3450,2.338,3451,2.66,3452,3.032,3453,3.032,3454,3.032,3455,2.66,3456,2.66,3457,2.66,3458,2.66,3459,2.66,3460,4.133,3461,2.66,3462,2.66,3463,2.66,3464,2.66,3465,3.032,3466,3.032,3467,3.032,3468,2.66,3469,2.338,3470,3.032,3471,3.032,3472,2.338,3473,2.338,3474,2.338,3475,2.338,3478,3.301,3479,2.125,3480,2.125,3481,2.125,3482,2.125,3483,3.301,3484,3.212,3485,2.125,3486,2.125,3487,3.301,3488,2.125,3489,2.125,3490,2.534,3491,3.301,3492,5.646,3493,2.125,3494,2.125,3495,3.301,3496,2.125,3497,2.125,3498,2.125,3499,2.188,3500,2.188,3501,2.428,3502,2.188,3503,2.188,3569,5.212,3570,3.355,3571,3.355,3572,2.534,3573,2.534,3574,2.534,3575,3.355,3576,3.355,3577,3.355,3578,3.355,3579,2.428]],["t/578",[0,0.25,1,0.295,4,1.812,6,0.025,7,0.855,15,1.043,17,2.425,18,0.788,23,4.41,25,0.409,28,1.273,33,0.144,35,0.136,44,1.981,47,1.179,53,2.351,75,2.451,89,2.496,106,2.208,118,3.462,123,0.74,124,1.266,132,2.022,144,2.706,146,1.033,165,4.609,171,4.467,182,2.611,198,1.259,205,2.215,232,2.08,234,2.475,239,1.906,242,2.669,247,2.976,258,3.798,274,1.595,281,1.871,285,4.07,296,2.022,322,1.192,329,2.534,354,2.496,372,2.656,373,2.976,422,3.113,423,1.642,424,1.871,446,3.505,448,2.483,449,3.367,461,2.57,465,4.179,479,1.693,491,1.573,510,3.906,511,4.467,512,1.51,564,3.505,592,3.21,593,1.935,594,3.213,596,3.894,600,1.943,621,2.925,638,3.286,670,4.296,750,2.215,851,1.349,877,1.906,884,3.751,903,1.381,906,2.336,907,3.718,952,2.125,953,1.595,956,1.642,969,2.786,970,1.288,971,1.288,986,2.215,987,5.153,989,1.693,1089,3.551,1138,2.786,1176,2.406,1209,2.112,1210,2.273,1211,1.807,1238,1.807,1293,4.913,1391,4.296,1395,2.57,1399,2.336,1442,3.286,1515,2.112,1549,2.614,1575,2.022,1583,2.67,1587,2.614,1612,3.455,1697,3.38,1699,2.022,1758,2.215,1826,2.406,2038,3.798,2088,3.286,2429,2.273,2430,2.273,2442,5.606,2445,3.551,2448,5.962,2505,3.286,2530,2.483,2597,2.57,2663,4.234,2664,4.058,2690,3.455,2816,2.786,3369,2.273,3370,2.273,3371,2.273,3372,4.941,3373,2.406,3374,2.406,3376,3.657,3377,4.941,3378,3.657,3379,5.597,3380,3.657,3381,3.657,3382,3.657,3385,2.57,3388,2.406,3390,3.657,3391,3.657,3392,3.657,3393,3.657,3394,4.941,3395,3.657,3396,4.941,3397,4.941,3398,3.657,3399,4.941,3400,3.657,3401,3.657,3402,3.657,3403,3.657,3404,4.423,3405,4.725,3406,3.657,3407,2.406,3408,3.657,3409,3.657,3410,2.406,3411,2.406,3412,2.406,3419,2.57,3421,2.57,3426,2.57,3427,2.57,3428,3.906,3429,2.57,3430,2.57,3431,2.57,3432,2.57,3438,2.57,3445,2.57,3446,2.57,3450,2.57,3451,2.925,3455,2.925,3456,2.925,3457,2.925,3458,2.925,3459,2.925,3460,4.446,3461,2.925,3462,2.925,3463,2.925,3464,2.925,3468,2.925,3469,2.57,3472,2.57,3473,2.57,3474,2.57,3475,2.57,3478,3.551,3479,2.336,3480,2.336,3481,2.336,3482,2.336,3483,3.551,3484,3.455,3485,2.336,3486,2.336,3487,3.551,3488,2.336,3489,2.336,3491,3.551,3492,5.821,3493,2.336,3494,2.336,3495,3.551,3496,2.336,3497,2.336,3498,2.336,3499,2.406,3500,2.406,3502,2.406,3503,2.406,3572,2.786,3573,2.786,3574,2.786,3580,5.378,3581,6.129,3582,3.333,3583,3.333,3584,3.333,3585,5.067,3586,3.333,3587,3.688,3588,3.333,3589,5.606,3590,3.333,3591,5.606,3592,3.333,3593,3.333,3594,3.333,3595,3.333,3596,3.333,3597,3.333,3598,2.786,3599,3.333,3600,3.688,3601,3.1,3602,3.1]],["t/580",[0,0.244,1,0.287,4,1.691,6,0.025,7,0.782,15,1.48,17,2.263,18,0.751,23,4.313,25,0.396,28,2.213,33,0.164,35,0.175,44,1.811,47,1.078,53,2.257,58,1.811,75,2.317,89,2.33,106,2.517,118,3.596,123,0.676,124,1.197,132,1.848,144,2.957,146,0.944,165,4.447,171,4.289,182,2.549,198,1.151,205,2.024,230,5.457,232,2.399,234,2.361,239,1.742,242,2.524,247,2.813,258,3.591,274,1.458,281,1.71,285,3.882,296,1.848,329,2.365,354,2.33,372,2.479,373,2.813,422,2.943,423,1.501,424,1.71,446,3.313,448,2.269,449,3.142,461,3.645,465,5.102,479,1.547,491,1.438,510,3.645,511,4.289,512,1.38,564,3.313,591,2.349,592,3.671,593,1.806,594,3.038,596,3.814,600,1.776,621,2.673,638,3.066,670,5.244,750,2.024,851,1.233,877,1.742,884,3.633,903,1.262,906,2.135,907,3.515,952,1.983,953,1.458,956,2.33,969,3.951,970,1.177,971,1.177,986,2.024,987,4.972,989,1.547,1089,3.314,1138,2.546,1209,1.93,1210,2.077,1211,1.651,1238,1.651,1293,4.74,1391,4.061,1395,2.349,1442,3.066,1515,4.138,1549,2.989,1575,1.848,1583,2.44,1587,2.439,1612,3.224,1697,3.196,1699,1.848,1758,2.024,1826,2.199,2038,3.591,2088,3.066,2429,2.077,2430,2.077,2442,5.498,2445,3.314,2448,5.807,2505,3.066,2530,2.269,2597,2.349,2663,4.842,2664,3.787,2690,4.453,2816,2.546,3369,2.077,3370,2.077,3371,2.077,3372,5.823,3373,3.413,3374,3.413,3376,3.413,3377,4.713,3378,3.413,3379,5.4,3380,3.413,3381,3.413,3382,3.413,3385,2.349,3388,2.199,3390,3.413,3391,3.413,3392,3.413,3393,3.413,3394,4.713,3395,3.413,3396,4.713,3397,4.713,3398,3.413,3399,4.713,3400,3.413,3401,3.413,3402,3.413,3403,3.413,3404,5.4,3405,5.768,3406,4.713,3407,3.413,3408,5.102,3409,3.413,3410,2.199,3411,2.199,3412,2.199,3419,2.349,3421,3.645,3426,2.349,3427,2.349,3428,3.645,3429,2.349,3430,2.349,3431,2.349,3432,2.349,3438,2.349,3445,2.349,3446,2.349,3450,3.645,3451,2.673,3455,2.673,3456,2.673,3457,2.673,3458,2.673,3459,2.673,3460,4.149,3461,2.673,3462,2.673,3463,2.673,3464,2.673,3468,2.673,3469,3.645,3472,3.645,3473,3.645,3474,3.645,3475,3.645,3478,3.314,3479,2.135,3480,2.135,3481,2.135,3482,2.135,3483,3.314,3484,3.224,3485,2.135,3486,2.135,3487,3.314,3488,2.135,3489,2.135,3491,3.314,3492,5.655,3493,2.135,3494,2.135,3495,3.314,3496,2.135,3497,2.135,3498,2.135,3499,2.199,3500,2.199,3502,2.199,3503,2.199,3572,2.546,3573,2.546,3574,2.546,3579,2.44,3580,5.085,3581,5.794,3582,3.047,3583,3.047,3584,3.047,3585,4.728,3586,3.047,3588,3.047,3590,3.047,3592,3.047,3593,3.047,3594,3.047,3595,3.047,3596,3.047,3597,3.047,3598,3.951,3599,4.728,3601,2.833,3602,2.833,3603,3.371,3604,5.232,3605,3.371,3606,5.232,3607,3.371,3608,3.371,3609,3.371,3610,3.371,3611,3.371,3612,5.232,3613,2.673,3614,2.673,3615,2.673]],["t/582",[0,0.256,1,0.301,4,1.793,6,0.025,7,1.286,15,1.029,17,1.574,18,0.887,23,4.324,25,0.392,33,0.142,35,0.163,44,1.954,47,1.163,51,0.73,52,0.908,53,2.171,59,1.451,66,2.046,75,2.43,89,2.471,106,1.96,118,3.504,123,0.73,124,1.255,132,1.995,144,2.893,165,1.954,171,4.44,172,4.307,182,2.602,205,2.185,232,1.116,234,2.646,239,1.88,242,2.647,246,3.514,247,2.435,258,4.213,274,2.909,281,2.815,285,4.351,296,1.995,322,2.431,329,1.645,358,2.132,372,2.629,373,3.554,375,1.724,409,2.132,422,3.453,423,1.62,424,1.846,446,3.475,448,2.449,449,3.332,465,4.144,481,2.748,491,1.552,511,4.124,512,1.489,523,2.373,564,3.888,591,2.535,592,3.851,593,1.915,594,3.186,596,3.882,600,1.916,636,1.696,638,4.409,650,2.185,670,4.26,750,2.185,851,2.029,877,1.88,884,3.943,907,3.687,916,2.449,952,2.852,953,1.574,956,2.471,958,1.846,970,1.27,971,1.27,986,2.185,987,5.126,1089,3.514,1176,2.373,1209,2.083,1210,2.242,1211,1.782,1238,1.782,1293,3.851,1391,4.26,1399,2.305,1442,3.941,1515,2.083,1549,1.696,1575,1.995,1587,2.587,1612,4.144,1697,4.254,1699,1.995,1758,3.332,1826,2.373,2036,2.535,2038,3.766,2088,3.252,2358,2.748,2378,2.633,2380,2.748,2429,2.242,2430,2.242,2432,2.748,2442,5.649,2445,3.514,2448,6.058,2505,2.132,2690,3.419,3369,2.242,3370,2.242,3371,2.242,3372,4.907,3373,2.373,3374,2.373,3376,3.619,3377,4.907,3378,3.619,3379,5.283,3380,3.619,3381,3.619,3382,3.619,3384,2.885,3385,3.866,3386,2.885,3387,2.885,3388,2.373,3390,3.619,3391,3.619,3392,3.619,3393,3.619,3394,4.386,3395,3.619,3396,4.386,3397,4.386,3398,2.373,3399,3.619,3400,2.373,3401,2.373,3402,2.373,3403,3.619,3404,4.386,3405,4.686,3406,3.619,3407,2.373,3408,4.386,3409,4.386,3410,2.373,3411,2.373,3412,2.373,3413,2.748,3414,2.535,3416,2.748,3417,2.748,3418,2.748,3419,2.535,3421,3.866,3426,2.535,3427,2.535,3428,3.866,3429,2.535,3430,2.535,3431,2.535,3432,3.866,3438,2.535,3445,2.535,3446,2.535,3450,2.535,3469,2.535,3472,2.535,3473,2.535,3474,2.535,3475,2.535,3478,3.514,3479,2.305,3480,2.305,3481,2.305,3482,2.305,3483,3.514,3484,3.419,3485,2.305,3486,2.305,3487,3.514,3488,2.305,3489,2.305,3490,2.748,3491,3.514,3492,5.796,3493,2.305,3494,2.305,3495,3.514,3496,2.305,3497,2.305,3498,2.305,3499,2.373,3500,2.373,3501,2.633,3502,2.373,3503,2.373,3579,2.633,3598,2.748,3613,2.885,3614,2.885,3615,2.885,3616,5.681,3617,3.058,3618,3.058,3619,4.663,3620,3.288,3621,3.638,3622,3.058,3623,3.638,3624,3.638,3625,3.058,3626,5.548,3627,3.058,3628,3.058,3629,3.058,3630,3.058,3631,3.058,3632,3.058,3633,3.058,3634,3.638]],["t/584",[0,0.254,1,0.299,4,1.766,6,0.025,7,1.267,15,1.009,17,1.543,18,0.88,23,4.301,25,0.389,33,0.14,35,0.132,44,1.916,47,1.141,51,0.715,52,0.891,53,2.149,59,1.422,66,2.026,75,2.401,89,2.434,106,1.936,118,3.48,123,0.715,124,1.24,132,1.956,144,2.867,165,2.936,171,4.402,182,2.633,205,2.143,232,1.094,234,2.623,239,1.844,242,2.615,246,3.462,247,2.398,258,4.17,274,2.364,281,2.773,285,4.313,296,1.956,322,2.406,328,2.471,329,1.613,358,2.091,372,2.59,373,3.523,375,3.528,409,2.091,422,3.418,423,1.589,424,1.81,446,3.433,448,2.402,449,3.282,465,4.094,481,2.694,491,1.521,511,4.083,512,1.46,523,2.327,564,3.848,591,2.486,592,3.804,593,1.886,594,3.148,596,3.809,600,1.879,636,1.663,638,4.364,650,2.143,670,4.208,750,2.143,851,1.998,877,1.844,884,4.07,907,3.643,916,2.402,952,2.823,953,1.543,956,2.434,958,1.81,970,1.245,971,1.245,986,2.143,987,5.086,995,4.593,1089,3.462,1176,2.327,1209,2.043,1210,2.199,1211,1.748,1238,1.748,1293,3.804,1391,4.208,1399,2.26,1442,3.894,1515,2.043,1549,1.663,1575,1.956,1587,2.548,1612,4.094,1697,4.221,1699,1.956,1758,3.282,1826,2.327,2036,2.486,2038,3.721,2088,3.203,2358,2.694,2378,2.582,2380,2.694,2429,2.199,2430,2.199,2432,2.694,2442,5.627,2445,3.462,2448,6.027,2505,2.091,2690,3.368,2783,4.593,3369,2.199,3370,2.199,3371,2.199,3372,4.857,3373,2.327,3374,2.327,3376,3.565,3377,4.857,3378,3.565,3379,5.236,3380,3.565,3381,3.565,3382,3.565,3384,2.829,3385,3.808,3386,2.829,3387,2.829,3388,2.327,3390,3.565,3391,3.565,3392,3.565,3393,3.565,3394,4.333,3395,3.565,3396,4.333,3397,4.333,3398,2.327,3399,3.565,3400,2.327,3401,2.327,3402,2.327,3403,3.565,3404,4.333,3405,4.629,3406,3.565,3407,2.327,3408,4.333,3409,4.333,3410,2.327,3411,2.327,3412,2.327,3413,2.694,3414,2.486,3416,2.694,3417,2.694,3418,2.694,3419,2.486,3421,3.808,3426,2.486,3427,2.486,3428,3.808,3429,2.486,3430,2.486,3431,2.486,3432,3.808,3438,2.486,3445,2.486,3446,2.486,3450,2.486,3469,2.486,3472,2.486,3473,2.486,3474,2.486,3475,2.486,3478,3.462,3479,2.26,3480,2.26,3481,2.26,3482,2.26,3483,3.462,3484,3.368,3485,2.26,3486,2.26,3487,3.462,3488,2.26,3489,2.26,3490,2.694,3491,3.462,3492,5.76,3493,2.26,3494,2.26,3495,3.462,3496,2.26,3497,2.26,3498,2.26,3499,2.327,3500,2.327,3501,2.582,3502,2.327,3503,2.327,3572,2.694,3573,2.694,3574,2.694,3579,2.582,3598,2.694,3613,2.829,3614,2.829,3615,2.829,3616,5.624,3617,2.998,3618,2.998,3619,4.593,3620,3.224,3622,2.998,3625,2.998,3627,2.998,3628,2.998,3629,2.998,3630,2.998,3631,2.998,3632,2.998,3633,2.998,3635,3.568,3636,3.568,3637,3.224,3638,4.94,3639,4.94,3640,4.94,3641,4.94,3642,3.224,3643,5.466,3644,3.568]],["t/586",[0,0.266,1,0.317,6,0.022,15,1.565,17,2.393,23,4.454,25,0.438,33,0.192,35,0.134,44,2.972,53,2.459,66,2.486,106,2.484,118,3.155,123,1.11,124,1.401,144,3.044,171,5.011,172,3.168,182,2.486,232,1.697,234,2.784,247,2.428,258,3.099,274,3.248,281,2.807,285,5.133,296,3.033,322,1.788,329,2.501,372,3.557,373,3.74,375,4.038,409,3.243,422,3.912,423,2.464,465,5.252,511,4.673,564,2.859,591,5.232,592,4.299,593,2.591,594,4.038,596,4.137,600,2.914,638,5.357,670,5.398,877,2.859,916,3.725,970,1.931,971,1.931,1176,3.609,1293,4.88,1391,4.756,1399,3.504,1442,4.4,1515,3.168,1575,3.033,1612,5.252,1697,4.762,1699,3.033,1758,3.323,2436,5.954,2442,5.986,2445,3.504,2448,5.789,2690,4.627,3369,3.41,3370,3.41,3371,3.41,3372,5.962,3373,3.609,3374,3.609,3376,3.609,3377,4.897,3378,3.609,3379,5.559,3380,3.609,3381,3.609,3382,3.609,3388,3.609,3390,3.609,3391,3.609,3392,3.609,3393,3.609,3394,4.897,3395,3.609,3396,4.897,3397,4.897,3398,3.609,3399,4.897,3400,3.609,3401,3.609,3402,3.609,3403,3.609,3404,5.559,3406,3.609,3407,3.609,3408,3.609,3409,5.559,3410,3.609,3411,3.609,3412,3.609,3413,4.178,3414,3.855,3416,4.178,3417,4.178,3418,4.178,3579,5.434,3616,6.437,3618,4.649,3645,5,3646,5]],["t/588",[0,0.267,1,0.319,6,0.022,15,1.603,17,2.451,23,4.486,25,0.442,28,1.956,33,0.195,35,0.137,44,3.045,53,2.49,66,1.542,106,2.515,118,3.182,123,1.137,124,1.424,144,3.082,165,4.635,171,5.061,182,2.511,234,2.819,247,2.487,258,3.174,274,2.451,281,2.876,285,4.959,296,3.107,322,1.832,329,2.562,372,3.616,373,3.786,375,2.685,422,3.96,423,2.524,465,5.317,511,4.731,564,2.929,591,5.318,592,4.37,593,2.634,594,4.088,596,4.156,600,2.985,638,5.057,670,5.465,877,2.929,970,1.978,971,1.978,1176,3.697,1293,4.941,1391,4.834,1399,3.59,1442,4.473,1515,3.245,1575,3.107,1612,4.703,1697,4.601,1699,3.107,1758,3.404,2436,6.052,2442,6.009,2445,3.59,2448,5.847,2690,4.703,3369,3.493,3370,3.493,3371,3.493,3372,6.021,3373,3.697,3374,3.697,3376,3.697,3377,4.978,3378,3.697,3379,5.628,3380,3.697,3381,3.697,3382,3.697,3388,3.697,3390,3.697,3391,3.697,3392,3.697,3393,3.697,3394,4.978,3395,3.697,3396,4.978,3397,4.978,3398,3.697,3399,4.978,3400,3.697,3401,3.697,3402,3.697,3403,3.697,3404,5.628,3406,3.697,3407,3.697,3408,3.697,3409,4.978,3410,3.697,3411,3.697,3412,3.697,3414,3.949,3579,5.523,3580,4.495,3616,6.516,3645,5.122,3646,5.122]],["t/590",[0,0.247,1,0.297,4,1.841,6,0.025,7,0.874,15,1.066,17,2.465,18,0.899,23,4.433,25,0.412,33,0.146,35,0.138,44,2.024,47,1.205,53,2.373,75,2.483,89,2.537,106,2.002,118,3.506,123,0.756,124,1.282,132,2.066,144,2.736,165,4.418,171,4.199,182,2.626,205,2.263,232,1.155,234,2.244,239,1.947,242,2.704,247,3.015,258,3.848,274,1.63,281,2.891,285,4.114,296,2.066,322,2.22,328,2.576,329,2.576,372,2.7,373,3.015,422,3.154,423,1.678,424,1.912,446,3.551,448,2.537,449,3.422,465,4.234,491,1.607,511,4.51,512,1.542,564,3.551,592,2.158,593,1.967,594,3.255,596,3.86,600,1.985,638,4.027,670,4.352,750,2.263,851,1.378,877,1.947,884,4.059,907,3.767,952,2.16,953,1.63,956,2.537,971,1.315,986,2.263,987,5.196,995,4.788,1089,3.609,1176,2.458,1209,2.158,1210,2.322,1211,1.846,1238,1.846,1293,4.954,1391,4.352,1399,2.387,1442,3.339,1515,2.158,1549,1.757,1575,2.066,1587,2.657,1612,3.511,1697,3.817,1699,2.066,1758,2.263,1826,2.458,2038,3.848,2088,3.339,2429,2.322,2430,2.322,2442,5.688,2445,3.609,2448,5.998,2505,2.208,2690,3.511,2783,4.788,3369,2.322,3370,2.322,3371,2.322,3372,4.996,3373,2.458,3374,2.458,3376,3.717,3377,4.996,3378,3.717,3379,5.643,3380,3.717,3381,3.717,3382,3.717,3385,2.626,3388,2.458,3390,3.717,3391,3.717,3392,3.717,3393,3.717,3394,4.996,3395,3.717,3396,4.996,3397,4.996,3398,3.717,3399,4.996,3400,3.717,3401,3.717,3402,3.717,3403,3.717,3404,4.482,3405,4.787,3406,3.717,3407,2.458,3408,4.482,3409,3.717,3410,2.458,3411,2.458,3412,2.458,3414,2.626,3419,2.626,3421,3.97,3426,2.626,3427,2.626,3428,3.97,3429,2.626,3430,2.626,3431,2.626,3432,2.626,3438,2.626,3445,2.626,3446,2.626,3450,2.626,3469,2.626,3472,2.626,3473,2.626,3474,2.626,3475,2.626,3478,3.609,3479,2.387,3480,2.387,3481,2.387,3482,2.387,3483,3.609,3484,3.511,3485,2.387,3486,2.387,3487,3.609,3488,2.387,3489,2.387,3491,3.609,3492,5.86,3493,2.387,3494,2.387,3495,3.609,3496,2.387,3497,2.387,3498,2.387,3499,2.458,3500,2.458,3502,2.458,3503,2.458,3572,2.846,3573,2.846,3574,2.846,3580,2.988,3598,2.846,3601,3.167,3602,3.167,3613,2.988,3614,2.988,3615,2.988,3616,5.189,3617,3.167,3619,4.788,3622,3.167,3625,3.167,3627,3.167,3628,3.167,3629,3.167,3630,3.167,3631,3.167,3632,3.167,3633,3.167,3637,3.406,3638,5.15,3639,5.15,3640,5.15,3641,5.15,3642,3.406,3647,3.768,3648,3.768,3649,3.768,3650,5.698,3651,3.768]],["t/592",[0,0.277,1,0.319,4,2.477,6,0.025,7,1.777,18,0.962,25,0.262,40,1.552,47,1.824,66,1.552,75,3.128,123,1.144,124,1.727,132,4.746,134,2.748,144,3.092,171,5.074,172,4.389,232,2.35,234,2.504,242,3.407,246,3.613,247,2.503,285,3.064,296,5.074,322,3.213,351,4.118,372,3.632,373,3.364,375,3.632,411,6.99,422,3.518,423,2.54,424,2.894,446,4.474,491,2.433,512,3.137,564,2.948,592,4.957,593,2.988,594,4.385,638,3.343,750,3.426,851,2.086,884,4.182,952,3.509,953,2.467,956,2.54,958,2.894,970,1.991,971,1.991,986,3.426,987,5.199,1089,4.855,1116,4.524,1209,3.267,1210,3.516,1211,2.794,1238,2.794,1468,4.794,1515,4.389,1587,3.574,1697,4.315,1699,3.128,2038,4.848,2088,3.343,2429,3.516,2430,3.516,2441,5.341,2505,3.343,3369,3.516,3370,3.516,3371,3.516,3478,4.855,3479,3.613,3480,3.613,3481,3.613,3482,3.613,3483,4.855,3484,4.724,3485,3.613,3486,3.613,3487,4.855,3488,3.613,3489,3.613,3491,4.855,3492,6.541,3493,3.613,3494,3.613,3495,4.855,3496,3.613,3497,3.613,3498,3.613,3499,3.721,3500,3.721,3501,4.129,3502,3.721,3503,3.721,3652,5.156]],["t/594",[0,0.278,1,0.319,4,2.469,6,0.025,7,1.771,18,0.96,25,0.26,40,1.544,47,1.815,75,3.12,123,1.138,124,1.724,132,4.734,134,2.734,144,3.084,171,5.285,172,4.945,232,2.648,234,2.496,242,3.399,246,3.596,247,2.491,285,3.049,296,5.064,322,3.209,351,4.104,372,3.62,373,3.352,375,3.62,411,6.976,422,3.507,423,2.528,424,2.88,446,4.463,491,2.421,512,3.127,564,2.934,592,4.945,593,2.98,594,4.376,638,3.327,750,3.409,851,2.076,884,4.176,952,3.502,953,2.455,956,2.528,958,2.88,970,1.982,971,1.982,986,3.409,987,5.186,1089,4.839,1116,4.502,1209,3.251,1210,3.498,1211,2.781,1238,2.781,1468,4.771,1515,4.375,1587,3.562,1697,4.304,1699,3.112,2038,4.836,2088,3.327,2429,3.498,2430,3.498,2441,5.323,2505,3.327,3369,3.498,3370,3.498,3371,3.498,3478,4.839,3479,3.596,3480,3.596,3481,3.596,3482,3.596,3483,4.839,3484,4.708,3485,3.596,3486,3.596,3487,4.839,3488,3.596,3489,3.596,3491,4.839,3492,6.534,3493,3.596,3494,3.596,3495,4.839,3496,3.596,3497,3.596,3498,3.596,3499,3.703,3500,3.703,3501,4.109,3502,3.703,3503,3.703,3652,5.13]],["t/596",[0,0.166,1,0.11,6,0.025,18,0.904,25,0.158,29,1.186,51,2.091,53,0.992,74,1.022,80,3.738,96,2.417,106,2.301,118,1.135,123,0.689,124,1.212,134,2.558,140,1.148,141,2.014,144,3.107,146,1.488,150,2.477,152,3.364,154,3.419,161,5.153,174,1.782,233,3.827,234,2.842,242,3.537,260,3.247,266,2.891,275,1.811,283,4.005,304,2.177,307,1.176,366,2.314,378,2.989,382,2.798,404,2.695,411,4.011,422,1.578,423,1.531,449,2.064,491,2.768,492,3.188,512,1.407,548,2.488,557,3.364,564,4.079,568,6.786,593,3.101,596,1.353,636,1.603,659,3.576,663,6.427,668,3.701,856,5.056,861,1.371,862,1.388,869,1.578,872,2.517,887,4.011,891,4.212,893,3.576,895,3.576,898,3.113,900,4.464,902,4.212,903,3.125,904,3.831,949,3.464,952,3.163,953,3.609,954,4.496,956,3.874,970,1.2,989,2.438,991,2.912,992,2.015,1010,2.488,1093,2.726,1122,2.726,1156,3.419,1157,3.804,1158,4.37,1159,3.113,1160,3.844,1161,4.212,1162,4.011,1175,2.314,1234,3.701,1379,5.674,1433,3.107,1517,4.011,1549,4.056,1585,2.488,1587,1.603,1601,5.455,1605,2.889,1607,3.107,1613,5.088,1644,5.515,1646,3.107,1664,2.118,1672,3.107,1686,7.134,1687,3.107,1688,5.866,1712,6.302,1717,9.517,1962,2.889,2088,2.015,2090,2.889,2094,2.726,2429,2.118,2430,2.118,2431,3.107,2438,3.107,2440,3.107,2518,4.011,3490,2.596,3653,3.437,3654,9.314,3655,5.311,3656,3.437,3657,3.437,3658,5.311,3659,5.311,3660,5.311,3661,5.311,3662,5.311,3663,5.311,3664,5.311,3665,5.311,3666,5.311,3667,5.311,3668,5.311,3669,8.699,3670,3.437,3671,3.437,3672,3.437,3673,3.437,3674,3.437,3675,3.437,3676,3.437,3677,5.311,3678,5.311,3679,3.437,3680,3.437,3681,3.437]],["t/598",[0,0.262,1,0.309,3,2.957,6,0.018,8,0.245,9,0.309,10,0.257,11,0.251,12,0.281,13,0.35,14,0.275,31,1.744,33,0.262,34,1.028,35,0.198,41,0.635,43,0.295,49,1.656,57,1.068,91,1.987,126,0.318,307,1.812,374,5.991,375,3.877,376,5.042,637,0.699]],["t/600",[0,0.042,1,0.092,4,1.866,6,0.024,7,1.533,15,1.87,18,0.545,25,0.319,26,0.879,27,0.17,28,1.591,29,0.991,31,0.279,32,1.281,41,0.189,64,1.608,65,5.618,73,0.553,74,0.487,94,5.077,96,1.918,118,1.732,123,0.328,124,0.536,130,0.477,138,0.507,140,2.908,141,2.36,144,1.647,146,0.804,148,3.131,150,1.339,151,1.102,153,1.102,154,1.513,155,1.102,156,0.96,157,1.102,166,2.602,174,1.861,182,1.044,186,0.96,206,1.644,231,1.037,233,3.182,234,2.365,235,3.603,239,0.846,241,2.364,242,2.45,253,1.009,259,0.983,260,2.51,266,2.772,280,1.683,283,2.93,292,1.734,294,0.846,298,1.102,303,3.385,307,1.021,309,5.231,329,2.084,345,2.248,346,2.693,354,2.572,357,2.248,378,2.364,402,3.738,403,2.02,404,1.457,407,1.819,409,0.96,422,1.318,423,0.729,456,1.57,459,2.001,479,2.116,485,3.482,492,0.661,495,1.644,505,1.037,512,2.706,554,1.185,555,4.159,556,4.166,557,2.43,558,2.595,559,2.595,560,7.212,561,3.042,562,3.322,563,3.796,566,1.068,567,1.068,574,3.212,587,1.009,593,2.282,596,2.45,601,2.277,613,3.875,636,1.339,641,1.037,755,1.48,772,1.185,851,1.918,854,1.376,856,1.575,858,1.185,861,2.636,862,2.805,863,3.234,864,3.166,865,2.949,866,3.217,869,2.651,870,2.897,871,1.298,872,1.817,876,2.763,877,1.484,878,1.068,879,2.078,882,3.102,884,4.029,903,3.262,904,3.428,905,1.009,924,2.382,927,1.48,928,2.078,949,2.301,952,3.254,953,1.659,954,1.982,956,1.708,958,0.831,970,0.572,971,0.572,975,1.376,981,1.484,982,1.513,983,3.587,984,0.898,989,2.857,1025,1.037,1031,1.141,1069,1.298,1073,0.96,1075,1.009,1090,0.862,1120,2.001,1122,2.277,1123,1.376,1124,1.102,1128,2.001,1129,2.776,1130,2.061,1131,3.336,1132,3.042,1133,3.224,1134,3.224,1135,1.141,1137,1.298,1138,1.236,1143,1.48,1144,1.48,1156,3.279,1157,1.683,1158,1.933,1159,0.96,1160,1.185,1164,2.595,1165,1.185,1173,3.467,1174,3.104,1178,1.141,1183,2.673,1195,3.232,1199,5.555,1204,5.242,1205,1.037,1209,3.785,1211,1.407,1215,3.074,1216,1.48,1238,0.802,1239,2.103,1241,1.77,1284,2.169,1337,1.068,1390,1.236,1398,2.169,1400,1.48,1434,1.102,1442,0.96,1470,1.236,1475,1.037,1476,1.037,1510,1.933,1517,2.169,1518,2.277,1519,2.595,1520,2.304,1549,1.339,1551,2.078,1642,1.068,1675,1.037,1685,1.236,1695,1.376,2047,3.042,2103,2.595,2129,1.48,2171,3.042,2378,1.185,2469,1.48,2471,2.001,2687,1.376,2765,2.582,2862,2.673,2866,2.897,2871,3.042,2881,3.224,2921,1.185,2922,1.185,2923,2.078,2924,1.185,2925,1.185,2926,2.078,2927,2.078,2928,1.236,2929,1.236,2930,1.185,2931,3.212,2932,2.413,2933,5.231,2934,2.169,2935,1.376,2936,2.001,2937,3.874,2938,2.169,2939,1.376,2940,2.776,2941,1.376,2942,1.376,2943,3.874,2944,1.376,2945,4.408,2946,1.376,2947,1.376,2948,3.224,2949,2.169,2950,1.236,2951,1.236,2952,3.656,2953,2.277,2954,1.376,2955,3.874,2956,1.376,2957,1.376,2958,1.376,2959,1.376,2960,1.376,2961,1.376,2962,1.376,2963,1.236,2964,1.376,2965,1.376,2966,1.376,2967,1.236,2968,2.169,2969,1.376,2970,3.874,2971,2.413,2972,1.48,2973,1.376,2974,2.078,2975,1.376,3682,1.637,3683,1.637,3684,1.637,3685,1.637,3686,2.872,3687,2.872,3688,1.637,3689,1.637,3690,1.637,3691,1.637,3692,1.637,3693,10.159,3694,8.121,3695,10.941,3696,1.637,3697,3.836,3698,11.082,3699,3.836,3700,3.467,3701,1.637,3702,4.61,3703,5.245,3704,9.8,3705,9.696,3706,9.8,3707,9.8,3708,9.8,3709,1.637,3710,1.637,3711,1.637,3712,1.637,3713,1.637,3714,1.637,3715,7.498,3716,1.637,3717,1.637,3718,1.637,3719,1.637,3720,1.637,3721,1.637,3722,2.872,3723,3.836,3724,2.872,3725,3.836,3726,2.872,3727,1.637,3728,2.872,3729,1.637,3730,1.637,3731,3.836,3732,1.637,3733,2.872,3734,1.637,3735,3.836,3736,4.61,3737,1.637,3738,1.637,3739,1.637,3740,1.637,3741,1.637,3742,3.836,3743,1.637,3744,1.637,3745,1.637,3746,2.872,3747,1.637,3748,1.637,3749,1.637,3750,1.637,3751,3.836,3752,1.637,3753,1.637,3754,1.637,3755,1.637,3756,1.637,3757,1.637,3758,1.637,3759,1.637,3760,1.637,3761,1.637,3762,1.637,3763,1.637,3764,1.637,3765,1.637,3766,1.637,3767,1.637,3768,1.637,3769,1.637,3770,1.637,3771,1.48,3772,1.637,3773,1.637,3774,3.836,3775,1.637,3776,1.637,3777,7.728,3778,7.728,3779,1.637,3780,2.872,3781,1.637,3782,1.637,3783,1.637,3784,1.637,3785,1.637,3786,1.637,3787,1.637,3788,1.637,3789,1.637,3790,1.637,3791,1.637,3792,1.637,3793,1.637,3794,1.637,3795,1.637,3796,1.637,3797,1.637,3798,1.637,3799,1.637,3800,1.637,3801,1.637,3802,1.637,3803,1.637,3804,1.637,3805,1.637]],["t/602",[0,0.048,1,0.192,4,2.513,6,0.025,7,1.318,15,0.909,18,1.118,22,2.686,23,0.457,24,0.533,25,0.274,28,1.962,29,2.058,30,1.907,32,0.338,36,1.355,47,1.818,60,2.459,64,0.567,66,2.472,75,3.773,96,0.226,104,2.039,118,1.539,120,0.732,121,4.379,123,0.203,124,1.004,134,0.897,138,1.666,140,1.254,141,1.606,142,0.732,144,2.13,146,0.9,150,2.508,161,1.942,165,2.889,166,1.018,172,3.08,174,1.214,178,4.028,182,0.507,193,1.872,222,0.42,233,2.984,234,0.608,239,1.337,242,4.242,247,0.444,248,0.66,259,0.608,260,0.673,263,0.705,266,3.658,282,3.141,297,0.555,303,2.482,305,4.554,307,0.711,325,3.381,330,2.763,346,1.752,349,4.539,351,1.39,354,0.451,375,2.548,378,1.059,383,0.567,399,2.36,401,0.513,404,0.513,407,3.777,408,0.705,422,1.724,423,1.886,424,2.556,444,0.85,446,5.516,451,1.477,456,2.201,485,1.954,488,2.833,491,2.925,492,2.296,502,0.802,511,0.555,512,3.232,543,1.639,551,0.914,552,2.052,563,0.732,565,2.547,567,0.66,593,3.118,594,3.623,750,2.544,849,4.861,851,2.273,853,0.681,861,1.031,862,0.752,869,0.464,872,0.479,878,0.66,882,1,884,3.665,903,2.129,904,2.238,905,1.148,949,0.444,952,3.114,953,2.459,956,2.532,958,0.513,970,0.353,971,0.353,983,1.698,987,6.263,991,3.269,992,1.883,993,0.85,1021,1.18,1022,1.215,1024,1.348,1025,1.18,1027,0.85,1031,1.298,1068,1.406,1078,1.254,1090,0.533,1116,0.802,1121,1.477,1130,0.544,1137,0.802,1174,0.681,1209,2.425,1210,2.61,1211,0.912,1215,1.883,1238,2.468,1247,0.802,1296,0.802,1501,0.641,1587,3.625,1662,0.802,1685,0.764,1712,2.837,1843,0.85,2019,0.85,2038,6,2088,0.593,2244,2.699,2246,0.85,2254,5.138,2308,1.683,2359,2.174,2449,7.333,2450,0.914,2458,0.914,2496,0.914,2505,3.332,2765,2.163,2784,1.565,2980,0.85,3439,0.85,3478,3.938,3479,3.601,3480,3.191,3481,3.601,3482,3.601,3483,3.938,3484,3.831,3485,2.683,3486,2.683,3487,3.938,3488,2.683,3489,2.683,3491,4.844,3492,6.96,3493,3.601,3494,3.601,3495,4.844,3496,3.601,3497,3.601,3498,3.601,3700,1.683,3771,2.338,3806,1.862,3807,1.012,3808,1.862,3809,3.757,3810,1.862,3811,1.012,3812,1.012,3813,1.012,3814,1.862,3815,5.685,3816,5.685,3817,5.685,3818,7.511,3819,1.012,3820,5.378,3821,5.378,3822,5.378,3823,8.399,3824,5.378,3825,9.033,3826,5.378,3827,5.378,3828,5.378,3829,4.66,3830,4.66,3831,4.66,3832,3.757,3833,3.757,3834,3.212,3835,3.212,3836,3.212,3837,3.212,3838,3.212,3839,1.012,3840,1.012,3841,1.012,3842,1.012,3843,1.012,3844,1.012,3845,3.212,3846,1.012,3847,1.012,3848,8.114,3849,1.012,3850,1.012,3851,1.012,3852,1.862,3853,1.862,3854,1.862,3855,1.862,3856,1.012,3857,1.862,3858,1.012,3859,1.012,3860,1.012,3861,1.862,3862,1.012,3863,1.012,3864,1.012,3865,3.212,3866,1.862,3867,1.862]],["t/604",[0,0.012,1,0.008,4,1.482,6,0.025,7,0.769,11,0.014,14,0.008,15,0.312,18,1.133,25,0.021,26,0.128,27,0.049,28,0.161,31,1.54,33,0.012,35,0.077,41,0.031,43,0.098,47,2.969,48,0.134,51,0.048,58,0.483,60,0.156,64,0.504,65,0.121,80,0.341,89,0.401,94,0.126,96,0.413,100,0.504,104,2.094,106,0.891,111,2.173,115,0.143,116,0.251,118,1.095,120,0.339,123,0.048,124,1.056,131,0.281,134,0.889,138,2.294,140,1.844,141,3.905,144,1.872,146,0.468,147,0.274,148,1.012,150,0.218,154,0.474,161,0.242,165,3.538,166,0.658,167,0.166,171,0.131,172,2.627,174,1.103,193,0.498,194,0.632,206,1.339,207,0.794,222,0.617,227,0.424,228,4.093,229,3.42,230,3.253,231,3.017,232,0.338,233,2.776,234,1.826,235,1.603,236,1.124,237,0.578,238,0.927,239,0.57,240,3.529,241,2.531,242,1.874,243,1.669,244,1.092,245,1.174,246,0.296,247,3.804,248,0.305,249,0.606,250,0.353,256,0.393,259,0.894,260,0.667,263,0.769,268,4.456,274,2.06,279,0.216,280,0.872,281,0.237,282,0.384,283,1.413,285,0.128,290,2.215,291,0.262,294,1.209,297,0.493,301,0.353,303,0.403,307,0.518,308,0.189,331,3.275,347,0.201,354,0.971,355,0.268,356,0.515,362,0.769,364,0.143,366,0.161,373,0.105,375,1.946,376,0.288,377,0.216,378,0.282,383,0.262,399,1.222,402,0.54,403,0.246,404,1.682,407,1.381,408,0.479,416,0.208,419,1.792,422,1.278,423,1.42,424,2.135,425,0.113,445,0.143,446,5.247,451,0.546,455,0.779,457,2.334,459,0.166,472,0.151,478,0.189,479,0.413,488,2.217,490,0.161,491,2.102,492,1.617,495,1.427,502,1.325,505,0.296,512,0.452,526,0.268,532,0.216,533,0.216,534,0.216,536,0.216,537,0.216,539,0.578,540,0.423,543,0.296,546,0.201,547,0.189,555,0.546,578,0.875,587,0.424,592,2.466,593,1.729,596,1.204,600,0.581,625,1.51,628,0.917,636,0.218,641,0.296,650,0.281,663,0.424,668,0.326,851,0.329,853,0.463,856,0.493,861,0.44,862,1.181,863,0.618,864,0.493,865,0.326,866,0.356,869,1.522,872,2.71,876,0.246,878,0.305,884,0.984,887,0.833,888,0.201,891,0.371,893,1.125,895,1.002,898,0.872,902,0.713,903,1.962,904,2.033,906,0.151,916,0.315,949,0.302,952,3.049,953,2.418,954,0.954,956,2.602,958,1.023,969,0.18,970,0.083,971,0.083,972,0.156,981,1.58,982,1.611,983,1.441,984,1.603,989,4.603,991,0.377,992,0.762,1011,0.769,1024,0.173,1028,0.216,1029,0.927,1030,0.423,1031,4.072,1073,0.14,1075,0.147,1078,4.237,1088,0.216,1090,0.581,1118,0.216,1124,0.161,1130,1.083,1131,0.339,1155,0.339,1156,0.246,1177,0.423,1182,0.189,1183,0.326,1195,0.917,1206,0.216,1236,1.968,1239,0.131,1240,2.327,1241,0.147,1247,0.875,1255,0.353,1285,8.518,1296,0.546,1337,0.848,1379,1.09,1390,7.658,1413,0.546,1452,1.174,1462,0.201,1480,1.729,1481,0.713,1500,0.423,1501,0.436,1520,2.467,1548,0.627,1549,1.231,1575,0.377,1583,0.173,1587,3.251,1613,6.147,1638,0.371,1640,2.529,1641,2.529,1644,0.52,1675,0.296,1685,0.18,1694,0.156,1728,1.092,1737,0.18,1755,0.18,1843,1.694,1844,3.088,1845,1.822,1846,0.371,1939,0.393,2019,0.201,2092,4.226,2101,0.216,2130,1.552,2172,0.216,2173,0.651,2178,0.216,2259,4.304,2313,0.173,2314,0.173,2316,0.393,2354,0.18,2359,0.578,2433,0.339,2442,0.385,2502,0.189,2504,3.929,2505,2.982,2564,0.18,2664,0.173,2736,0.813,2747,0.813,2748,0.216,2870,0.18,2893,0.651,2900,0.216,2974,0.173,2980,0.201,2982,0.423,2983,0.622,2987,0.622,2988,0.216,2989,0.216,2990,0.216,2991,0.216,2992,0.216,2993,0.216,2998,0.189,3005,0.813,3006,0.813,3033,3.892,3057,0.423,3071,0.216,3072,0.216,3073,0.216,3074,0.216,3075,0.216,3076,0.813,3077,0.813,3079,0.813,3080,0.997,3082,1.174,3102,4.226,3106,0.813,3263,0.393,3301,1.174,3484,0.147,3654,0.423,3868,0.239,3869,1.103,3870,0.468,3871,0.688,3872,0.239,3873,0.688,3874,0.239,3875,1.846,3876,0.239,3877,0.239,3878,0.239,3879,0.468,3880,0.239,3881,0.468,3882,0.688,3883,0.239,3884,0.239,3885,0.239,3886,0.239,3887,0.239,3888,2.016,3889,0.468,3890,0.468,3891,0.468,3892,0.468,3893,0.239,3894,0.239,3895,0.239,3896,0.239,3897,0.468,3898,0.239,3899,0.239,3900,0.239,3901,1.103,3902,0.239,3903,0.239,3904,0.239,3905,0.239,3906,0.468,3907,0.239,3908,0.239,3909,0.239,3910,0.468,3911,0.239,3912,0.239,3913,10.728,3914,0.239,3915,0.468,3916,0.688,3917,0.468,3918,0.239,3919,0.468,3920,0.239,3921,0.239,3922,0.239,3923,0.9,3924,0.239,3925,8.243,3926,0.688,3927,1.488,3928,1.103,3929,1.103,3930,0.688,3931,3.558,3932,1.299,3933,0.239,3934,0.239,3935,1.103,3936,0.239,3937,0.239,3938,3.058,3939,0.239,3940,0.239,3941,0.468,3942,3.787,3943,9.605,3944,5.844,3945,5.454,3946,5.454,3947,5.844,3948,4.004,3949,5.59,3950,5.313,3951,3.897,3952,5.313,3953,5.782,3954,4.403,3955,5.782,3956,5.385,3957,4.107,3958,5.385,3959,5.72,3960,4.403,3961,5.72,3962,5.385,3963,4.496,3964,9.923,3965,4.403,3966,4.403,3967,4.403,3968,8.7,3969,10.056,3970,4.208,3971,4.676,3972,4.762,3973,7.198,3974,4.762,3975,6.587,3976,4.762,3977,4.762,3978,4.587,3979,4.762,3980,4.762,3981,7.869,3982,5.24,3983,4.762,3984,6.344,3985,4.676,3986,6.493,3987,4.676,3988,4.676,3989,4.307,3990,4.307,3991,5.24,3992,4.307,3993,4.307,3994,4.004,3995,4.107,3996,4.107,3997,4.587,3998,0.468,3999,3.058,4000,0.239,4001,1.488,4002,2.18,4003,2.18,4004,2.18,4005,2.18,4006,2.18,4007,2.18,4008,3.674,4009,2.18,4010,2.18,4011,4.403,4012,8.684,4013,3.897,4014,3.787,4015,3.787,4016,3.897,4017,3.787,4018,0.468,4019,0.239,4020,0.9,4021,0.239,4022,3.439,4023,2.923,4024,1.103,4025,0.468,4026,0.9,4027,0.688,4028,0.468,4029,0.9,4030,1.299,4031,1.103,4032,1.299,4033,0.468,4034,1.103,4035,0.239,4036,0.468,4037,1.103,4038,1.103,4039,0.468,4040,0.9,4041,2.64,4042,0.468,4043,0.468,4044,3.189,4045,3.189,4046,0.468,4047,5.01,4048,5.01,4049,0.9,4050,0.468,4051,0.468,4052,1.671,4053,0.468,4054,0.468,4055,0.9,4056,0.468,4057,0.468,4058,0.468,4059,0.9,4060,0.468,4061,0.9,4062,0.468,4063,0.468,4064,0.468,4065,0.468,4066,0.9,4067,0.468,4068,0.468,4069,0.468,4070,0.468,4071,2.492,4072,0.239,4073,0.239,4074,0.239,4075,0.239,4076,0.239,4077,0.239,4078,0.239,4079,0.239,4080,0.468,4081,0.239,4082,0.239,4083,0.239,4084,0.239,4085,0.468,4086,0.468,4087,1.103,4088,1.103,4089,1.103,4090,0.239,4091,0.239,4092,1.103,4093,0.239,4094,1.103,4095,1.103,4096,0.468,4097,1.103,4098,1.103,4099,0.468,4100,0.239,4101,0.468,4102,0.239,4103,0.239,4104,1.846,4105,0.688,4106,2.339,4107,0.468,4108,0.468,4109,3.189,4110,0.468,4111,0.468,4112,0.239,4113,0.468,4114,0.239,4115,0.239,4116,0.239,4117,0.239,4118,0.239,4119,0.688,4120,0.468,4121,0.239,4122,0.239,4123,0.688,4124,0.239,4125,0.239,4126,0.239,4127,0.239,4128,0.239,4129,0.239,4130,0.239,4131,0.239,4132,0.239,4133,0.239,4134,0.239,4135,0.239,4136,0.239,4137,0.239,4138,0.239,4139,0.239,4140,0.239,4141,1.103,4142,0.468,4143,0.239,4144,0.239,4145,0.239,4146,0.468,4147,0.468,4148,0.468,4149,0.468,4150,0.239,4151,0.239,4152,0.239,4153,0.239,4154,0.9,4155,0.239,4156,0.239,4157,0.239,4158,0.468,4159,0.468,4160,1.846,4161,0.239,4162,0.239,4163,0.239,4164,0.239,4165,0.9,4166,0.239,4167,0.468,4168,0.239,4169,0.468,4170,0.239,4171,0.239,4172,0.239,4173,0.239,4174,0.468,4175,0.468,4176,0.239,4177,0.239,4178,0.239,4179,0.239,4180,0.239,4181,0.239,4182,0.239,4183,0.239,4184,0.239,4185,0.239,4186,0.468,4187,0.239,4188,0.9,4189,0.688,4190,0.688,4191,1.846,4192,0.688,4193,0.688,4194,0.468,4195,0.688,4196,0.688,4197,0.688,4198,0.688,4199,0.239,4200,0.239,4201,0.239,4202,0.239,4203,0.239,4204,0.239,4205,0.239,4206,0.239,4207,0.239,4208,0.239,4209,0.239,4210,0.239,4211,0.239,4212,0.688,4213,0.688,4214,0.688,4215,0.688,4216,2.64,4217,1.671,4218,0.468,4219,0.239,4220,0.239,4221,0.468,4222,0.468,4223,0.468,4224,0.468,4225,0.239,4226,0.239,4227,0.239,4228,0.239,4229,0.239,4230,0.239,4231,0.239,4232,0.239,4233,0.239,4234,0.239,4235,0.239,4236,0.239,4237,0.239,4238,0.239,4239,1.488,4240,1.103,4241,0.9,4242,0.468,4243,0.239,4244,0.239,4245,0.239,4246,0.239,4247,0.9,4248,0.239,4249,0.239,4250,0.239,4251,0.468,4252,0.239,4253,0.239,4254,0.239,4255,0.239,4256,0.239,4257,0.239,4258,0.239,4259,0.468,4260,0.239,4261,0.239,4262,0.239,4263,0.239,4264,0.239,4265,0.239,4266,0.239,4267,0.239,4268,0.239,4269,2.492,4270,0.9,4271,0.239,4272,1.103,4273,0.239,4274,0.468,4275,0.239,4276,0.239,4277,0.239,4278,2.016,4279,0.239,4280,0.239,4281,0.239,4282,0.9,4283,0.9,4284,0.9,4285,0.9,4286,0.9,4287,0.9,4288,0.9,4289,0.9,4290,0.9,4291,0.9,4292,0.9,4293,0.9,4294,0.9,4295,0.9,4296,0.9,4297,0.9,4298,0.9,4299,0.9,4300,0.9,4301,0.9,4302,0.9,4303,0.9,4304,0.9,4305,0.9,4306,0.9,4307,0.9,4308,0.9,4309,0.9,4310,0.9,4311,0.9,4312,0.9,4313,0.9,4314,0.9,4315,0.9,4316,0.9,4317,0.9,4318,0.9,4319,0.9,4320,0.9,4321,0.9,4322,0.9,4323,2.016,4324,0.688,4325,0.468,4326,0.9,4327,0.239,4328,0.239,4329,0.239]]],"invertedIndex":[["",{"_index":6,"t":{"2":{"position":[[42,1],[425,1],[640,1],[925,1],[1199,1],[1483,1],[1912,1],[2160,1],[2450,1],[2735,1]]},"4":{"position":[[41,1]]},"6":{"position":[[41,1]]},"8":{"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]]},"10":{"position":[[40,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":[[38,1]]},"26":{"position":[[37,1]]},"28":{"position":[[39,1]]},"30":{"position":[[39,1]]},"32":{"position":[[41,1]]},"34":{"position":[[42,1]]},"36":{"position":[[42,1]]},"38":{"position":[[40,1]]},"40":{"position":[[41,1]]},"42":{"position":[[42,1]]},"44":{"position":[[42,1]]},"46":{"position":[[42,1]]},"48":{"position":[[41,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":[[41,1]]},"64":{"position":[[42,1]]},"66":{"position":[[38,1]]},"68":{"position":[[39,1]]},"70":{"position":[[39,1]]},"72":{"position":[[39,1]]},"74":{"position":[[42,1]]},"76":{"position":[[39,1]]},"78":{"position":[[37,1]]},"80":{"position":[[37,1]]},"82":{"position":[[39,1],[338,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":[[41,1],[727,1]]},"110":{"position":[[43,1]]},"112":{"position":[[42,1]]},"114":{"position":[[42,1]]},"116":{"position":[[37,1],[256,1],[476,1],[783,1],[1121,1],[1379,1],[1678,1],[1932,1],[2366,1],[2611,1]]},"118":{"position":[[41,1],[270,1],[440,1],[675,1],[866,1],[1060,1]]},"120":{"position":[[39,1],[309,1],[643,1],[1056,1],[1403,1],[1651,1],[1900,1],[2149,1],[2598,1],[2908,1]]},"122":{"position":[[42,1],[331,1],[590,1],[919,1],[1325,1],[1638,1],[1978,1],[2293,1],[2555,1],[2826,1]]},"124":{"position":[[87,1],[368,1]]},"128":{"position":[[84,1]]},"130":{"position":[[42,1],[240,1],[444,1],[648,1],[832,1],[1029,1],[1224,1],[1422,1],[1623,1],[1853,1]]},"132":{"position":[[91,1],[476,1],[901,1],[1335,1],[1607,1],[2057,1],[2346,1],[2620,1],[2818,1]]},"136":{"position":[[84,1],[464,1]]},"138":{"position":[[98,1]]},"140":{"position":[[94,1]]},"142":{"position":[[86,1],[469,1],[684,1],[969,1],[1243,1],[1527,1],[1956,1],[2204,1],[2494,1],[2779,1]]},"144":{"position":[[91,1]]},"146":{"position":[[95,1],[354,1],[683,1],[1089,1],[1402,1]]},"148":{"position":[[100,1],[506,1]]},"150":{"position":[[101,1]]},"152":{"position":[[92,1],[498,1]]},"154":{"position":[[99,1]]},"156":{"position":[[90,1],[339,1],[588,1]]},"158":{"position":[[100,1]]},"160":{"position":[[97,1]]},"162":{"position":[[98,1]]},"164":{"position":[[92,1]]},"166":{"position":[[95,1]]},"168":{"position":[[93,1]]},"170":{"position":[[96,1]]},"172":{"position":[[94,1]]},"174":{"position":[[99,1]]},"176":{"position":[[99,1]]},"178":{"position":[[93,1],[499,1]]},"180":{"position":[[94,1]]},"182":{"position":[[98,1]]},"184":{"position":[[96,1]]},"186":{"position":[[103,1]]},"188":{"position":[[93,1],[499,1]]},"190":{"position":[[91,1]]},"192":{"position":[[95,1]]},"194":{"position":[[92,1]]},"196":{"position":[[92,1],[339,1]]},"198":{"position":[[81,1],[300,1],[520,1],[827,1],[1165,1],[1423,1],[1722,1],[1976,1],[2410,1],[2655,1]]},"200":{"position":[[83,1],[353,1],[687,1],[1100,1],[1447,1],[1695,1],[1944,1],[2193,1],[2642,1],[2952,1]]},"202":{"position":[[99,1],[524,1],[958,1],[1231,1]]},"204":{"position":[[86,1],[375,1],[634,1],[963,1],[1369,1],[1682,1]]},"206":{"position":[[92,1]]},"208":{"position":[[88,1]]},"210":{"position":[[95,1],[478,1],[693,1],[978,1],[1252,1],[1536,1],[1965,1],[2213,1],[2503,1],[2788,1]]},"212":{"position":[[112,1]]},"214":{"position":[[92,1],[362,1],[696,1],[1109,1],[1456,1],[1704,1],[1953,1],[2202,1],[2651,1],[2961,1]]},"216":{"position":[[90,1],[309,1],[529,1],[836,1],[1174,1],[1432,1],[1731,1],[1985,1],[2419,1],[2664,1]]},"218":{"position":[[95,1],[293,1],[497,1],[701,1],[885,1],[1082,1],[1277,1],[1475,1],[1676,1],[1906,1]]},"220":{"position":[[95,1],[384,1],[643,1],[972,1],[1378,1],[1691,1],[2031,1],[2346,1],[2608,1],[2879,1]]},"222":{"position":[[94,1],[323,1],[493,1],[728,1],[919,1],[1113,1]]},"224":{"position":[[91,1]]},"226":{"position":[[87,1],[388,1]]},"228":{"position":[[89,1],[334,1],[603,1]]},"230":{"position":[[93,1]]},"232":{"position":[[101,1]]},"234":{"position":[[91,1]]},"236":{"position":[[97,1]]},"238":{"position":[[87,1]]},"240":{"position":[[93,1],[527,1],[778,1]]},"242":{"position":[[90,1],[389,1],[823,1],[1236,1]]},"244":{"position":[[92,1],[505,1]]},"246":{"position":[[91,1]]},"248":{"position":[[94,1]]},"250":{"position":[[89,1],[337,1],[627,1],[912,1],[1132,1],[1390,1],[1689,1],[1943,1],[2377,1],[2622,1]]},"252":{"position":[[90,1],[339,1],[588,1]]},"254":{"position":[[92,1],[518,1],[803,1],[1055,1],[1276,1],[1615,1],[2028,1],[2374,1]]},"256":{"position":[[89,1],[367,1]]},"258":{"position":[[92,1]]},"260":{"position":[[92,1]]},"262":{"position":[[92,1],[345,1]]},"264":{"position":[[89,1],[523,1],[936,1]]},"266":{"position":[[90,1]]},"268":{"position":[[86,1],[523,1]]},"270":{"position":[[94,1],[523,1]]},"272":{"position":[[86,1]]},"274":{"position":[[90,1],[375,1],[809,1]]},"276":{"position":[[93,1]]},"278":{"position":[[87,1]]},"280":{"position":[[86,1]]},"282":{"position":[[87,1],[429,1]]},"284":{"position":[[94,1],[519,1]]},"286":{"position":[[89,1],[472,1],[687,1],[972,1],[1246,1],[1530,1],[1959,1],[2207,1],[2497,1],[2782,1]]},"288":{"position":[[85,1],[304,1],[524,1],[831,1],[1169,1],[1427,1],[1726,1],[1980,1],[2414,1],[2659,1]]},"290":{"position":[[87,1],[357,1],[691,1],[1104,1],[1451,1],[1699,1],[1948,1],[2197,1],[2646,1]]},"292":{"position":[[84,1],[303,1],[523,1],[830,1],[1168,1],[1426,1],[1725,1],[1979,1],[2413,1],[2658,1]]},"294":{"position":[[90,1],[473,1],[688,1],[973,1],[1247,1],[1531,1],[1960,1],[2208,1],[2498,1],[2783,1]]},"296":{"position":[[86,1],[356,1],[690,1],[1103,1],[1450,1],[1698,1],[1947,1],[2196,1],[2645,1]]},"298":{"position":[[85,1]]},"300":{"position":[[92,1]]},"302":{"position":[[83,1],[328,1],[597,1]]},"304":{"position":[[81,1],[382,1],[716,1]]},"306":{"position":[[87,1]]},"308":{"position":[[87,1]]},"310":{"position":[[84,1],[369,1]]},"312":{"position":[[85,1]]},"314":{"position":[[93,1]]},"316":{"position":[[95,1]]},"318":{"position":[[91,1]]},"320":{"position":[[85,1]]},"322":{"position":[[87,1],[521,1]]},"324":{"position":[[80,1]]},"326":{"position":[[85,1]]},"328":{"position":[[86,1],[499,1]]},"330":{"position":[[84,1],[383,1],[817,1],[1230,1]]},"332":{"position":[[83,1],[465,1],[750,1],[1024,1],[1308,1],[1738,1],[1936,1]]},"334":{"position":[[79,1],[513,1],[758,1],[1175,1],[1424,1],[1674,1],[1870,1],[2075,1]]},"336":{"position":[[84,1],[466,1],[751,1],[1024,1],[1272,1],[1562,1],[1847,1],[2067,1],[2325,1],[2624,1]]},"338":{"position":[[83,1],[361,1]]},"340":{"position":[[84,1]]},"342":{"position":[[88,1]]},"344":{"position":[[80,1],[384,1]]},"346":{"position":[[92,1]]},"348":{"position":[[85,1]]},"350":{"position":[[87,1]]},"352":{"position":[[84,1],[369,1],[645,1],[1071,1],[1356,1],[1608,1],[1829,1],[2168,1],[2581,1],[2927,1]]},"354":{"position":[[93,1],[518,1],[771,1]]},"356":{"position":[[89,1]]},"358":{"position":[[80,1],[280,1]]},"360":{"position":[[86,1]]},"362":{"position":[[83,1],[517,1],[930,1],[1272,1],[1472,1]]},"364":{"position":[[88,1],[471,1]]},"366":{"position":[[88,1]]},"368":{"position":[[86,1],[281,1],[479,1]]},"370":{"position":[[83,1],[344,1]]},"372":{"position":[[88,1]]},"374":{"position":[[91,1]]},"376":{"position":[[92,1]]},"378":{"position":[[83,1],[462,1]]},"380":{"position":[[88,1],[517,1]]},"382":{"position":[[86,1],[355,1]]},"384":{"position":[[84,1],[369,1],[803,1]]},"386":{"position":[[87,1]]},"388":{"position":[[83,1],[362,1]]},"390":{"position":[[90,1]]},"392":{"position":[[88,1],[513,1]]},"394":{"position":[[81,1],[423,1],[670,1],[985,1]]},"396":{"position":[[87,1]]},"398":{"position":[[85,1]]},"400":{"position":[[85,1]]},"402":{"position":[[85,1]]},"404":{"position":[[84,1]]},"406":{"position":[[85,1]]},"408":{"position":[[85,1]]},"410":{"position":[[84,1]]},"412":{"position":[[82,1]]},"414":{"position":[[85,1]]},"416":{"position":[[81,1]]},"418":{"position":[[81,1]]},"420":{"position":[[82,1]]},"422":{"position":[[83,1]]},"424":{"position":[[83,1]]},"426":{"position":[[85,1]]},"428":{"position":[[86,1]]},"430":{"position":[[86,1]]},"432":{"position":[[84,1]]},"434":{"position":[[85,1]]},"436":{"position":[[85,1]]},"438":{"position":[[86,1]]},"440":{"position":[[86,1]]},"442":{"position":[[86,1]]},"444":{"position":[[86,1]]},"446":{"position":[[86,1]]},"448":{"position":[[89,1]]},"450":{"position":[[87,1]]},"452":{"position":[[88,1]]},"454":{"position":[[86,1]]},"456":{"position":[[87,1]]},"458":{"position":[[87,1]]},"460":{"position":[[86,1]]},"462":{"position":[[86,1]]},"464":{"position":[[86,1]]},"466":{"position":[[85,1]]},"468":{"position":[[85,1]]},"470":{"position":[[85,1]]},"472":{"position":[[86,1]]},"474":{"position":[[82,1]]},"476":{"position":[[86,1]]},"478":{"position":[[83,1]]},"480":{"position":[[83,1]]},"482":{"position":[[83,1]]},"484":{"position":[[83,1]]},"486":{"position":[[83,1]]},"488":{"position":[[81,1]]},"490":{"position":[[82,1]]},"492":{"position":[[81,1]]},"494":{"position":[[82,1]]},"496":{"position":[[81,1]]},"498":{"position":[[81,1]]},"500":{"position":[[82,1]]},"502":{"position":[[81,1]]},"504":{"position":[[81,1]]},"506":{"position":[[82,1]]},"508":{"position":[[3397,1],[3451,2],[3488,1]]},"510":{"position":[[298,2],[430,1],[471,1],[483,1],[524,1],[536,1],[578,1],[590,1],[617,1],[644,1],[659,4],[664,2],[692,1],[722,1],[729,1],[731,2],[744,1],[771,1],[798,1],[813,4],[818,2],[846,1],[870,2],[898,1],[928,1],[935,1],[937,2],[940,1],[942,1],[1186,5],[1237,1],[1278,1],[1290,1],[1332,1],[1344,1],[1371,1],[1398,1],[1413,4],[1418,2],[1446,1],[1470,2],[1498,1],[1528,1],[1535,1],[1537,2],[1540,1],[1542,1],[1970,1],[2011,1],[2023,1],[2065,1],[2077,1],[2104,1],[2131,1],[2146,4],[2151,2],[2179,1],[2203,2],[2231,1],[2261,1],[2268,1],[2270,2],[2273,1],[2275,1]]},"512":{"position":[[306,2],[2127,1],[3768,2],[3905,2]]},"514":{"position":[[553,2],[5312,2],[5358,1],[5379,1],[5402,1],[5404,3],[5434,1],[5450,1],[5476,1],[5508,1],[5510,1],[7137,2],[7215,2],[7629,2],[7632,2],[7676,1],[7738,1],[7810,2],[7849,1],[7851,1],[8918,1],[8940,1],[8987,2],[8995,1],[9043,1],[9215,1],[9251,1],[9253,1],[9430,1],[9473,1],[9475,1],[9563,2],[9655,1],[9736,1],[9780,1],[9782,1]]},"516":{"position":[[242,2],[294,1],[1933,2],[4235,2],[4858,2],[5482,2],[11540,1],[16705,1],[16736,1],[16797,2],[16898,2],[17001,2],[17107,2],[17217,2],[17322,2],[17421,2],[17522,2],[17625,2],[17731,2],[17841,2],[17946,2],[17996,1],[18018,1],[20239,1],[20270,1],[20324,2],[20410,2],[20454,1],[22452,1],[22483,1],[22530,1],[22542,1],[22544,1],[22609,1],[22775,1],[22828,1],[22994,1],[23048,1],[23215,1],[23269,1],[23436,1],[23438,1],[23675,1],[23714,1]]},"520":{"position":[[510,2],[830,2],[994,2],[1157,2],[1321,2],[1550,2],[1717,2],[2113,2],[2345,2],[2508,2],[3969,2],[4740,2],[5392,2],[10908,2],[11284,2],[11611,2],[12181,2],[12578,2],[12926,2]]},"522":{"position":[[246,2],[2185,1],[2206,1],[2256,2],[2326,2],[2398,2],[2432,1],[3154,1],[3175,1],[3225,2],[3295,2],[3367,2],[3401,1],[4397,1],[4412,1],[4427,1],[4448,1],[4482,1],[4542,2],[4612,2],[4684,2],[4756,2],[4866,2],[4975,2],[5085,2],[5186,2],[5198,1],[5220,1]]},"524":{"position":[[222,2],[3022,1],[3510,1],[3999,1],[4485,1],[4970,1]]},"526":{"position":[[294,1],[441,1],[553,1],[603,1],[1564,2],[1668,1],[1743,1],[1762,1],[1971,1],[1973,2],[1988,1],[1995,1],[1997,2],[2012,1],[2014,1],[2016,1],[2492,2],[2594,1],[2661,1],[2673,1],[2716,1],[2733,1],[2821,1],[2950,1],[2952,2],[2987,2],[3115,1],[3210,1],[3212,1],[3644,1],[3707,1],[3719,1],[3761,1],[3763,2],[3814,1],[3829,1],[3841,1],[3862,1],[3872,2],[3897,1],[3899,1],[4060,2],[4167,1],[4246,1],[4260,1],[4287,1],[4303,1],[4326,1],[4362,1],[4388,1],[4409,2],[4429,1],[4574,1],[4576,2],[4591,1],[4598,1],[4600,2],[4615,1],[4617,1],[4619,1],[4955,2],[5007,2],[5132,2],[5257,2],[5350,1],[5440,1],[5454,1],[5481,1],[5488,1],[5495,2],[5515,1],[5660,1],[5662,2],[5677,1],[5684,1],[5686,2],[5701,1],[5703,1],[5705,1],[5938,2],[6043,1],[6112,1],[6131,1],[6232,1],[6234,2],[6249,1],[6256,1],[6258,2],[6273,1],[6275,1],[6277,1],[6430,2],[6535,1],[6604,1],[6618,1],[6645,1],[6660,1],[6667,2],[6687,1],[6820,1],[6822,2],[6837,1],[6844,1],[6846,2],[6861,1],[6863,1],[6865,1],[7034,2],[7159,1],[7228,1],[7242,1],[7269,1],[7292,1],[7299,2],[7319,1],[7464,1],[7466,2],[7481,1],[7488,1],[7490,2],[7505,1],[7507,1],[7509,1],[7662,2],[7747,1],[7800,1],[7869,1],[7883,1],[7910,1],[7925,1],[7954,1],[7961,2],[7981,1],[8113,1],[8115,2],[8130,1],[8137,1],[8139,2],[8154,1],[8156,1],[8158,1]]},"528":{"position":[[335,2],[711,2],[859,2],[1441,2],[1673,1],[3690,1],[3751,1],[3779,1],[3819,1],[3847,1],[3849,1],[4208,2],[4314,1],[4336,1],[4411,1],[4428,1],[4597,1],[4599,1],[5032,1],[5095,1],[5107,1],[5149,1],[5151,2],[5202,1],[5217,1],[5229,1],[5250,1],[5260,2],[5285,1],[5287,1],[5862,2],[6003,1],[6025,1],[6100,1],[6117,1],[6388,1],[6435,2],[6446,1],[6487,1],[7066,1],[7129,1],[7141,1],[7208,1],[7220,1],[7262,1],[7264,2],[7315,1],[7330,1],[7342,1],[7362,1],[7372,2],[7397,1],[7399,1],[8183,1],[8244,1],[8272,1],[8312,1],[8340,1],[8342,1],[9361,1],[9422,1],[9450,1],[9490,1],[9518,1],[9520,1],[10047,1],[10108,1],[10136,1],[10176,1],[10204,1],[10206,1],[11137,1],[11198,1],[11226,1],[11266,1],[11294,1],[11296,1],[11844,2],[11945,2],[12040,2],[12092,1],[12163,1],[13049,2],[13142,2],[13246,2],[13350,2],[13454,2],[13558,2],[13621,1],[13760,1],[14419,1],[14483,1],[14503,2],[14506,1],[14545,3],[14549,1],[14590,1],[14610,2],[14613,1],[14649,3],[14653,1],[14695,1],[14715,2],[14718,1],[14756,3],[14760,1],[14802,1],[14822,2],[14825,1],[14861,3],[14865,1],[14914,1],[14934,2],[14937,1],[14983,3],[14987,1],[14989,1]]},"530":{"position":[[335,2],[1166,2],[2887,2],[2890,2],[2893,1],[2980,3],[3031,1],[3102,1],[3134,1],[3176,1],[3208,1],[3210,1],[3646,2],[3757,1],[3787,1],[3867,1],[3884,1],[4057,1],[4059,1],[4492,1],[4520,1],[4566,1],[4578,1],[4620,1],[4622,2],[4673,1],[4688,1],[4700,1],[4721,1],[4731,2],[4756,1],[4758,1],[5325,2],[5507,1],[5537,1],[5617,1],[5634,1],[5909,1],[5956,2],[5967,1],[6015,1],[6594,1],[6622,1],[6668,1],[6680,1],[6747,1],[6759,1],[6801,1],[6803,2],[6854,1],[6869,1],[6881,1],[6901,1],[6911,2],[6936,1],[6938,1],[7241,1],[7314,1],[7346,1],[7348,1],[11300,2],[11471,1],[11544,1],[11576,1],[11578,1],[15541,2],[15718,1],[15791,1],[15823,1],[15825,1],[19682,2],[19859,1],[19932,1],[19964,1],[19966,1],[20669,1],[20742,1],[20774,1],[20818,1],[20850,1],[20897,1],[20917,2],[20920,1],[20959,3],[20963,1],[21008,1],[21028,2],[21031,1],[21068,3],[21072,1],[21118,1],[21138,2],[21141,1],[21179,3],[21183,1],[21229,1],[21249,2],[21252,1],[21290,3],[21294,1],[21296,1]]},"532":{"position":[[282,2],[764,2],[773,1],[799,1],[811,1],[813,1],[829,4],[927,2],[939,1],[1096,2],[1108,1],[1204,1]]},"534":{"position":[[1596,2],[1627,2],[1658,2],[1689,2],[1721,2],[1988,2],[2083,2],[2135,2],[2187,2],[2410,2],[2461,2],[2540,2],[2617,2],[2697,2],[2774,2],[2908,2],[2970,1],[2994,1],[3056,1],[3076,2],[3079,1],[3099,1],[3116,3],[3120,1],[3122,1]]},"536":{"position":[[713,1],[796,1],[838,1],[1048,1],[1050,1],[1052,3],[1088,3],[1092,1],[1094,1],[1130,2],[1271,1],[1322,1],[1334,1],[1364,1],[1370,1],[1395,2],[1440,1],[1448,1],[1450,2],[1470,1],[1480,1],[1505,1],[1507,1],[1509,1],[1752,1],[1803,1],[1815,1],[1859,1],[1945,2],[1992,1],[2035,1],[2120,2],[2167,1],[2169,1],[2451,2],[2454,2],[2582,2],[2585,2],[2715,2],[2718,2],[2843,2],[2846,2],[2970,2],[2973,2],[3096,2],[3099,2],[3217,2],[3220,2],[3339,2],[3342,2],[3416,1],[3467,1],[3479,1],[3544,1],[3605,2],[3652,1],[3654,1]]},"538":{"position":[[849,2],[895,2],[941,2],[987,2],[1165,2],[1194,2],[1230,2],[1407,2],[1487,2],[1569,2],[1649,2],[1728,2],[1808,2],[1885,2],[1963,2],[2040,2],[2241,2],[2317,2],[2393,2],[2474,2],[2757,2],[2833,2],[2909,2],[2990,2],[3021,2],[3028,2],[3136,2],[3212,2],[3288,2],[3369,2]]},"540":{"position":[[345,2],[930,2],[1456,1],[1503,2],[1514,1],[1595,2],[1606,1],[1622,1]]},"542":{"position":[[289,2],[1077,2],[1152,2],[1245,2],[1338,2],[1458,2],[1587,2],[1680,2],[1734,2],[1791,2],[1847,2],[2059,2],[2280,2],[2719,1],[2781,1],[2866,1],[2903,1],[2994,1],[3028,1],[3107,1],[3109,1],[3292,2],[3366,2],[3429,2],[3504,2],[3763,2],[3853,2],[3946,2],[4038,2],[4131,2],[4226,2],[4316,2],[4545,2],[4658,2],[4802,2],[4946,2],[5092,2],[5238,2],[5387,2],[5533,2],[5598,1],[5668,2],[5700,1],[5899,2],[5953,2],[6010,2],[6066,2],[6298,2],[6416,2],[6537,2],[6657,2],[6778,2],[6901,2],[7020,2],[7340,2],[7469,2],[7601,2],[7732,2],[7864,2],[7998,2],[8128,2]]},"544":{"position":[[547,2],[1365,1],[1390,1],[1423,1],[1425,1],[1720,1],[1742,1],[1789,2],[1797,1],[1845,1]]},"546":{"position":[[1469,2],[3841,2],[4120,2],[4404,2],[10668,2],[10743,2],[10820,2],[10900,2],[10981,2],[11060,2],[11094,1],[12191,1],[12203,1],[12282,1],[12301,1],[12334,1],[12347,2],[12377,1],[12416,1],[12696,1],[12698,1],[12700,1],[12702,1],[12777,1],[12853,2],[12893,2],[13054,1],[13099,1],[13182,1],[13190,1],[13225,1],[13233,1],[13324,2],[13361,1],[13413,2],[13433,1],[13516,2],[13536,1],[13548,1],[13635,1],[13689,2],[13850,1],[13895,1],[13978,1],[14080,1],[14092,1],[14137,1],[14145,1],[14236,2],[14273,1],[14325,2],[14345,1],[14392,1],[14404,1],[14436,1],[14457,1],[14480,1],[14532,1],[14617,1],[14681,2],[14701,1],[14713,1]]},"548":{"position":[[815,2],[1445,2],[1565,2],[1939,2],[1991,2],[2100,2],[2211,2],[2317,2],[2422,2],[2526,2],[2624,2],[2682,1],[2712,1],[2786,2],[2895,2],[2915,1],[2922,1],[2941,1],[2972,1],[3001,1],[3071,2],[3074,1],[3382,2],[3434,2],[3543,2],[3654,2],[3760,2],[3865,2],[3969,2],[4068,2],[4168,2],[4226,1],[4256,1],[4330,2],[4439,2],[4459,1],[4466,1],[4487,1],[4564,2],[4567,1],[4921,2],[4973,2],[5082,2],[5193,2],[5299,2],[5404,2],[5508,2],[5606,2],[5664,1],[5694,1],[5768,2],[5877,2],[5897,1],[5904,1],[5923,1],[5954,1],[5983,1],[6053,2],[6056,1],[6511,2],[6563,2],[6672,2],[6783,2],[6889,2],[6994,2],[7098,2],[7196,2],[7254,1],[7284,1],[7358,2],[7467,1],[7486,1],[7526,1],[7558,1],[7602,1],[7644,1],[7714,2],[7794,1],[7808,2],[7828,2],[7841,2],[7885,1],[7887,1],[8192,2],[8246,2],[8360,2],[8478,2],[8594,2],[8714,2],[8838,2],[8960,2],[9080,2],[9204,2],[9281,1],[9315,1],[9371,1],[9436,1],[9459,1],[9494,1],[9501,1],[9528,1],[9559,1],[9588,1],[9658,3],[9662,1],[9680,1],[9693,1],[9695,1],[10191,2],[10243,2],[10352,2],[10463,2],[10569,2],[10674,2],[10778,2],[10876,2],[10934,1],[10964,1],[11038,2],[11147,2],[11167,1],[11174,1],[11193,1],[11224,1],[11253,1],[11323,2],[11326,1],[11482,3],[11486,3],[11522,3],[11526,3],[11616,2],[11760,1],[11807,1],[11819,1],[11849,1],[11855,1],[11857,2],[12002,1],[12024,1],[12026,2],[12115,1],[12117,1],[12119,1]]},"550":{"position":[[377,2],[613,2],[664,2],[903,2],[938,2],[970,2],[1001,2],[1079,2],[1129,2],[1179,2],[1229,2],[1499,2],[1571,2],[1643,2],[1715,2],[1787,2],[1859,2],[1946,2],[2041,2],[2120,2],[2193,2],[2286,2],[2368,2],[2457,2],[2530,2],[2606,2],[2689,2],[2771,2],[2878,2],[3022,2],[3182,2],[3318,2],[3402,2],[3504,2],[4125,2]]},"552":{"position":[[854,2],[915,2],[1438,1],[1841,2],[1923,2],[2001,2],[2153,2],[3377,2],[3475,2],[3478,2],[3621,2],[3624,2],[3770,2],[3773,2],[3822,1],[3860,1],[3922,1],[3962,1],[4036,1],[4069,1],[4096,1],[4145,1],[4164,1],[4214,1],[4230,1],[4239,1],[4275,1],[4299,2],[4323,1],[4364,1],[4412,1],[4473,1],[4481,1],[4550,1],[4569,1],[4641,1],[4687,1],[4725,1],[4749,2],[4779,2],[4833,1],[4906,1],[4965,2],[5001,2],[5043,1],[5055,1],[5102,1],[5135,1],[5142,1],[5156,1],[5192,1],[5220,1],[5270,1],[5272,1],[5293,1],[5374,1],[5413,1],[5437,2],[5493,1],[5538,1],[5624,1],[5660,1],[5682,2],[5719,2],[5767,1],[5844,1],[5904,1],[6031,1],[6033,1],[6045,1],[6134,2],[6140,1],[6236,1],[6251,1],[6295,1],[6306,1],[6335,1],[6384,1],[6403,1],[6466,1],[6482,2],[6501,1],[6509,1],[6541,1],[6576,1],[6606,2],[6609,1],[6648,1],[6659,1],[6696,1],[6707,1],[6735,1],[6768,1],[6783,1],[6834,1],[6847,1],[6884,1],[6895,1],[6923,1],[6963,1],[6980,1],[7044,1],[7057,1],[7094,1],[7105,1],[7132,1],[7182,2],[7188,1],[7205,1],[7241,2],[7271,1],[7322,2],[7389,1],[7634,1],[7710,2],[7719,1],[7749,1],[7803,1],[7843,1],[7895,1],[7908,1],[7959,1],[7978,1],[8101,2],[8117,1],[8159,1],[8184,1],[8192,1],[8210,1],[8229,1],[8338,2],[8357,1],[8376,1],[8388,2],[8403,1],[8422,1],[8434,2],[8449,1],[8468,1],[8472,2],[8492,1],[8511,1],[8515,2],[8539,1],[8558,1],[8570,2],[8585,1],[8601,1],[8605,2],[8608,2],[8640,1],[8656,1],[8660,2],[8663,2],[8703,1],[8728,1],[8736,1],[8752,1],[8771,1],[8880,2],[8899,1],[8918,1],[8930,2],[8945,1],[8964,1],[8976,2],[8991,1],[9010,1],[9014,2],[9034,1],[9053,1],[9057,2],[9081,1],[9100,1],[9112,2],[9127,1],[9143,1],[9147,2],[9150,2],[9182,1],[9198,1],[9202,2],[9205,2],[9245,1],[9270,1],[9278,1],[9294,1],[9313,1],[9422,2],[9441,1],[9460,1],[9472,2],[9487,1],[9506,1],[9518,2],[9533,1],[9552,1],[9556,2],[9576,1],[9595,1],[9599,2],[9623,1],[9642,1],[9654,2],[9669,1],[9685,1],[9689,2],[9692,2],[9724,1],[9740,1],[9744,2],[9747,2],[9784,1],[9800,1],[9809,1],[9828,1],[9839,2],[9859,1],[9892,1],[9931,1],[9968,1],[9986,1],[9993,1],[10017,2],[10057,1],[10107,1],[10152,1],[10206,1],[10250,1],[10311,1],[10319,1],[10388,1],[10407,1],[10471,1],[10517,1],[10519,1],[10614,2],[10712,2],[10715,2],[10858,2],[10861,2],[10910,1],[10948,1],[11010,1],[11050,1],[11124,1],[11157,1],[11184,1],[11233,1],[11252,1],[11302,1],[11318,1],[11327,1],[11363,1],[11387,2],[11411,1],[11452,1],[11500,1],[11561,1],[11569,1],[11638,1],[11657,1],[11659,2],[11825,1],[11845,3],[11849,1],[11895,1],[11933,1],[11957,2],[11987,2],[12041,1],[12087,1],[12136,1],[12195,2],[12231,2],[12273,1],[12285,1],[12332,1],[12365,1],[12372,1],[12386,1],[12422,1],[12450,1],[12500,1],[12502,1],[12523,1],[12629,1],[12665,1],[12687,2],[12724,2],[12772,1],[12849,1],[12909,1],[13036,1],[13038,1],[13050,1],[13139,2],[13145,1],[13241,1],[13256,1],[13300,1],[13311,1],[13340,1],[13354,1],[13399,2],[13431,1],[13455,2],[13506,1],[13548,1],[13583,1],[13602,1],[13665,1],[13681,2],[13700,1],[13708,1],[13740,1],[13775,1],[13805,2],[13808,1],[13847,1],[13858,1],[13895,1],[13906,1],[13934,1],[13967,1],[13982,1],[14033,1],[14046,1],[14083,1],[14094,1],[14122,1],[14162,1],[14179,1],[14243,1],[14256,1],[14293,1],[14304,1],[14331,1],[14381,2],[14387,1],[14404,1],[14440,2],[14470,1],[14521,2],[14588,1]]},"554":{"position":[[759,2],[820,2],[1691,1],[2089,2],[2171,2],[2249,2],[2401,2],[3999,2],[4097,2],[4100,2],[4243,2],[4246,2],[4392,2],[4395,2],[4533,2],[4536,2],[4701,2],[4704,2],[4776,1],[4804,1],[4856,1],[4896,1],[4934,1],[4963,1],[4992,1],[4994,1],[5117,2],[5142,1],[5191,1],[5203,1],[5219,1],[5228,1],[5264,1],[5288,2],[5307,1],[5329,1],[5342,1],[5362,1],[5380,1],[5387,1],[5411,1],[5413,2],[5416,1],[5485,1],[5504,1],[5566,1],[5612,1],[5650,1],[5674,2],[5704,2],[5758,1],[5831,1],[5880,2],[5911,2],[5948,1],[5960,1],[6002,1],[6035,1],[6042,1],[6056,1],[6089,1],[6112,1],[6157,1],[6159,1],[6180,1],[6251,1],[6290,1],[6314,2],[6371,2],[6403,1],[6443,1],[6519,1],[6555,1],[6579,2],[6634,2],[6658,1],[6735,1],[6861,1],[6873,1],[6941,1],[6992,1],[7020,1],[7083,1],[7132,1],[7160,1],[7223,1],[7319,1],[7334,1],[7378,1],[7389,1],[7418,1],[7462,1],[7481,1],[7534,1],[7542,1],[7621,2],[7656,1],[7664,1],[7699,1],[7734,1],[7753,1],[7771,2],[7786,1],[7805,1],[7823,2],[7838,1],[7857,1],[7861,2],[7864,2],[7867,1],[7906,1],[7917,1],[7954,1],[7965,1],[7989,1],[8019,1],[8034,1],[8098,1],[8111,1],[8148,1],[8159,1],[8186,1],[8220,1],[8237,1],[8273,1],[8287,2],[8325,1],[8355,1],[8450,2],[8459,1],[8487,1],[8539,1],[8579,1],[8631,1],[8644,1],[8663,1],[8703,2],[8719,1],[8761,1],[8785,1],[8792,1],[8811,1],[8840,2],[8859,1],[8878,1],[8920,2],[8935,1],[8954,1],[8996,2],[9011,1],[9030,1],[9034,2],[9037,2],[9074,1],[9090,1],[9099,1],[9118,1],[9129,2],[9148,1],[9200,1],[9236,1],[9254,1],[9261,1],[9281,2],[9310,1],[9353,1],[9406,1],[9450,1],[9502,1],[9549,1],[9558,1],[9627,1],[9646,1],[9708,1],[9754,1],[9756,1],[9848,2],[9857,1],[9885,1],[9937,1],[9977,1],[10029,1],[10042,1],[10093,1],[10112,1],[10152,2],[10168,1],[10210,1],[10234,1],[10242,1],[10260,1],[10279,1],[10306,2],[10325,1],[10344,1],[10356,2],[10371,1],[10390,1],[10402,2],[10417,1],[10436,1],[10440,2],[10443,2],[10483,1],[10507,1],[10515,1],[10531,1],[10550,1],[10577,2],[10596,1],[10615,1],[10627,2],[10642,1],[10661,1],[10673,2],[10688,1],[10707,1],[10711,2],[10714,2],[10754,1],[10778,1],[10786,1],[10802,1],[10821,1],[10849,2],[10868,1],[10887,1],[10899,2],[10914,1],[10933,1],[10945,2],[10960,1],[10979,1],[10983,2],[10986,2],[11023,1],[11039,1],[11048,1],[11067,1],[11078,2],[11097,1],[11133,1],[11169,1],[11187,1],[11194,1],[11214,2],[11243,1],[11286,1],[11339,1],[11383,1],[11435,1],[11476,1],[11517,1],[11560,1],[11620,1],[11628,1],[11697,1],[11716,1],[11778,1],[11824,1],[11826,1],[12076,2],[12085,1],[12113,1],[12165,1],[12205,1],[12257,1],[12270,1],[12321,1],[12340,1],[12380,2],[12396,1],[12438,1],[12462,1],[12470,1],[12488,1],[12507,1],[12534,2],[12553,1],[12572,1],[12584,2],[12599,1],[12618,1],[12630,2],[12645,1],[12664,1],[12668,2],[12671,2],[12711,1],[12735,1],[12743,1],[12759,1],[12778,1],[12805,2],[12824,1],[12843,1],[12855,2],[12870,1],[12889,1],[12901,2],[12916,1],[12935,1],[12939,2],[12942,2],[12982,1],[13006,1],[13014,1],[13030,1],[13049,1],[13077,2],[13096,1],[13115,1],[13127,2],[13142,1],[13161,1],[13173,2],[13188,1],[13207,1],[13211,2],[13214,2],[13251,1],[13267,1],[13276,1],[13295,1],[13306,2],[13325,1],[13357,1],[13395,1],[13431,1],[13449,1],[13456,1],[13476,2],[13505,1],[13548,1],[13601,1],[13645,1],[13697,1],[13738,1],[13779,1],[13822,1],[13882,1],[13890,1],[13959,1],[13978,1],[14040,1],[14086,1],[14088,1],[14174,2],[14183,1],[14211,1],[14263,1],[14303,1],[14355,1],[14368,1],[14419,1],[14438,1],[14478,2],[14494,1],[14536,1],[14560,1],[14568,1],[14586,1],[14605,1],[14632,2],[14651,1],[14670,1],[14682,2],[14697,1],[14716,1],[14728,2],[14743,1],[14762,1],[14766,2],[14769,2],[14809,1],[14833,1],[14841,1],[14857,1],[14876,1],[14903,2],[14922,1],[14941,1],[14953,2],[14968,1],[14987,1],[14999,2],[15014,1],[15033,1],[15037,2],[15040,2],[15080,1],[15104,1],[15112,1],[15128,1],[15147,1],[15175,2],[15194,1],[15213,1],[15225,2],[15240,1],[15259,1],[15271,2],[15286,1],[15305,1],[15309,2],[15312,2],[15349,1],[15365,1],[15374,1],[15393,1],[15404,2],[15423,1],[15459,1],[15495,1],[15513,1],[15520,1],[15540,2],[15569,1],[15612,1],[15665,1],[15709,1],[15761,1],[15802,1],[15843,1],[15886,1],[15946,1],[15954,1],[16023,1],[16042,1],[16044,2],[16200,1],[16220,3],[16224,1],[16270,1],[16272,1]]},"556":{"position":[[894,2],[962,2],[1574,1],[2186,2],[2268,2],[2400,2],[2586,1],[2609,1],[2691,1],[2714,1],[2798,1],[2802,1],[2896,1],[2900,1],[3197,1],[3201,1],[3290,1],[3294,1],[3376,1],[3380,1],[3497,1],[3501,1],[3588,1],[3599,1],[4364,2],[5960,1],[6036,2],[6134,2],[6137,2],[6280,2],[6283,2],[6429,2],[6432,2],[6572,2],[6575,2],[6744,2],[6747,2],[6823,1],[6853,1],[6907,1],[6947,1],[6985,1],[7014,1],[7041,1],[7090,1],[7102,1],[7118,1],[7127,1],[7163,1],[7187,2],[7207,1],[7215,1],[7228,1],[7248,1],[7266,1],[7273,1],[7297,1],[7299,2],[7302,1],[7371,1],[7390,1],[7454,1],[7500,1],[7538,1],[7562,2],[7592,2],[7646,1],[7719,1],[7770,2],[7802,2],[7840,1],[7852,1],[7895,1],[7928,1],[7935,1],[7949,1],[7982,1],[8006,1],[8052,1],[8054,1],[8075,1],[8148,1],[8187,1],[8211,2],[8267,1],[8308,1],[8386,1],[8422,1],[8446,2],[8494,1],[8571,1],[8701,1],[8713,1],[8782,1],[8834,1],[8863,1],[8928,1],[8978,1],[9007,1],[9072,1],[9168,1],[9183,1],[9227,1],[9238,1],[9267,1],[9312,1],[9331,1],[9386,1],[9394,1],[9473,2],[9509,1],[9517,1],[9549,1],[9584,1],[9603,1],[9621,2],[9636,1],[9655,1],[9673,2],[9688,1],[9707,1],[9711,2],[9731,1],[9750,1],[9754,2],[9778,1],[9797,1],[9815,2],[9830,1],[9846,1],[9850,2],[9853,2],[9885,1],[9901,1],[9905,2],[9908,2],[9911,1],[9950,1],[9961,1],[9998,1],[10009,1],[10033,1],[10063,1],[10078,1],[10142,1],[10155,1],[10192,1],[10203,1],[10230,1],[10264,1],[10281,1],[10317,1],[10331,2],[10366,1],[10396,1],[10462,1],[10538,2],[10547,1],[10577,1],[10631,1],[10671,1],[10723,1],[10736,1],[10787,1],[10806,1],[10929,2],[10945,1],[10987,1],[11012,1],[11020,1],[11038,1],[11057,1],[11166,2],[11185,1],[11204,1],[11216,2],[11231,1],[11250,1],[11262,2],[11277,1],[11296,1],[11300,2],[11320,1],[11339,1],[11343,2],[11367,1],[11386,1],[11398,2],[11413,1],[11429,1],[11433,2],[11436,2],[11468,1],[11484,1],[11488,2],[11491,2],[11531,1],[11556,1],[11564,1],[11580,1],[11599,1],[11708,2],[11727,1],[11746,1],[11758,2],[11773,1],[11792,1],[11804,2],[11819,1],[11838,1],[11842,2],[11862,1],[11881,1],[11885,2],[11909,1],[11928,1],[11940,2],[11955,1],[11971,1],[11975,2],[11978,2],[12010,1],[12026,1],[12030,2],[12033,2],[12073,1],[12098,1],[12106,1],[12122,1],[12141,1],[12250,2],[12269,1],[12288,1],[12300,2],[12315,1],[12334,1],[12346,2],[12361,1],[12380,1],[12384,2],[12404,1],[12423,1],[12427,2],[12451,1],[12470,1],[12482,2],[12497,1],[12513,1],[12517,2],[12520,2],[12552,1],[12568,1],[12572,2],[12575,2],[12612,1],[12628,1],[12637,1],[12656,1],[12667,2],[12687,1],[12724,1],[12761,1],[12779,1],[12786,1],[12810,2],[12850,1],[12900,1],[12945,1],[12999,1],[13043,1],[13104,1],[13112,1],[13181,1],[13200,1],[13264,1],[13310,1],[13312,1],[13399,2],[13408,1],[13438,1],[13492,1],[13532,1],[13584,1],[13597,1],[13648,1],[13667,1],[13790,2],[13806,1],[13848,1],[13871,1],[13879,1],[13897,1],[13916,1],[14025,2],[14044,1],[14063,1],[14075,2],[14090,1],[14109,1],[14121,2],[14136,1],[14155,1],[14159,2],[14179,1],[14198,1],[14202,2],[14226,1],[14245,1],[14257,2],[14272,1],[14288,1],[14292,2],[14295,2],[14327,1],[14343,1],[14347,2],[14350,2],[14375,1],[14383,1],[14391,1],[14407,1],[14415,1],[14417,2],[14457,1],[14480,1],[14488,1],[14504,1],[14523,1],[14632,2],[14651,1],[14670,1],[14682,2],[14697,1],[14716,1],[14728,2],[14743,1],[14762,1],[14766,2],[14786,1],[14805,1],[14809,2],[14833,1],[14852,1],[14864,2],[14879,1],[14895,1],[14899,2],[14902,2],[14934,1],[14950,1],[14954,2],[14957,2],[14982,1],[14990,1],[14998,1],[15014,1],[15022,1],[15024,2],[15064,1],[15087,1],[15095,1],[15111,1],[15130,1],[15239,2],[15258,1],[15277,1],[15289,2],[15304,1],[15323,1],[15335,2],[15350,1],[15369,1],[15373,2],[15393,1],[15412,1],[15416,2],[15440,1],[15459,1],[15471,2],[15486,1],[15502,1],[15506,2],[15509,2],[15541,1],[15557,1],[15561,2],[15564,2],[15589,1],[15597,1],[15605,1],[15623,1],[15633,1],[15635,2],[15672,1],[15688,1],[15697,1],[15716,1],[15727,2],[15747,1],[15784,1],[15821,1],[15839,1],[15846,1],[15870,2],[15910,1],[15960,1],[16005,1],[16059,1],[16103,1],[16164,1],[16172,2],[16228,1],[16239,1],[16308,1],[16327,1],[16329,2],[16487,1],[16507,3],[16511,1],[16557,1],[16559,1]]},"558":{"position":[[690,2],[758,2],[1273,1],[1671,2],[1753,2],[1831,2],[1891,2],[3085,2],[3183,2],[3186,2],[3329,2],[3332,2],[3478,2],[3481,2],[3530,1],[3558,1],[3610,1],[3650,1],[3724,1],[3757,1],[3784,1],[3833,1],[3852,1],[3902,1],[3918,1],[3927,1],[3963,1],[3987,2],[4006,1],[4042,1],[4085,1],[4141,1],[4149,1],[4218,1],[4237,1],[4299,1],[4345,1],[4383,1],[4407,2],[4437,2],[4491,1],[4564,1],[4613,2],[4644,2],[4681,1],[4693,1],[4735,1],[4768,1],[4775,1],[4789,1],[4825,1],[4848,1],[4893,1],[4895,1],[4916,1],[4987,1],[5026,1],[5050,2],[5106,1],[5146,1],[5222,1],[5258,1],[5280,2],[5317,2],[5365,1],[5442,1],[5607,1],[5619,1],[5703,2],[5709,1],[5805,1],[5820,1],[5864,1],[5875,1],[5904,1],[5948,1],[5967,1],[6020,1],[6036,2],[6055,1],[6063,1],[6095,1],[6130,1],[6160,2],[6163,1],[6202,1],[6213,1],[6250,1],[6261,1],[6289,1],[6322,1],[6337,1],[6388,1],[6401,1],[6438,1],[6449,1],[6477,1],[6517,1],[6534,1],[6598,1],[6611,1],[6648,1],[6659,1],[6686,1],[6736,2],[6742,1],[6759,1],[6795,2],[6825,1],[6876,2],[6943,1],[7028,2],[7126,2],[7129,2],[7272,2],[7275,2],[7324,1],[7352,1],[7404,1],[7444,1],[7518,1],[7551,1],[7578,1],[7627,1],[7646,1],[7696,1],[7712,1],[7721,1],[7757,1],[7781,2],[7800,1],[7836,1],[7879,1],[7935,1],[7943,1],[8012,1],[8031,1],[8033,2],[8189,1],[8209,3],[8213,1],[8259,1],[8297,1],[8321,2],[8351,2],[8405,1],[8478,1],[8527,2],[8558,2],[8595,1],[8607,1],[8649,1],[8682,1],[8689,1],[8703,1],[8739,1],[8762,1],[8807,1],[8809,1],[8830,1],[8901,1],[8937,1],[8959,2],[8996,2],[9044,1],[9121,1],[9286,1],[9298,1],[9382,2],[9388,1],[9484,1],[9499,1],[9543,1],[9554,1],[9583,1],[9597,1],[9637,2],[9669,1],[9693,2],[9744,1],[9784,1],[9819,1],[9838,1],[9891,1],[9907,2],[9926,1],[9934,1],[9966,1],[10001,1],[10031,2],[10034,1],[10073,1],[10084,1],[10121,1],[10132,1],[10160,1],[10193,1],[10208,1],[10259,1],[10272,1],[10309,1],[10320,1],[10348,1],[10388,1],[10405,1],[10469,1],[10482,1],[10519,1],[10530,1],[10557,1],[10607,2],[10613,1],[10630,1],[10666,2],[10696,1],[10747,2],[10814,1],[10983,2],[11532,1],[11560,1],[11612,1],[11652,1],[11726,1],[11759,1],[11786,1],[11835,1],[11854,1],[11904,1],[11920,1],[11929,1],[11965,1],[11989,2],[12008,1],[12044,1],[12087,1],[12143,1],[12191,1],[12202,1],[12271,1],[12290,1],[12352,1],[12398,1],[12438,2],[12515,2],[12595,2],[12674,2],[12768,1],[12810,1],[12878,1],[12974,1],[12989,1],[13033,1],[13044,1],[13073,1],[13117,1],[13136,1],[13189,1],[13205,2],[13224,1],[13232,1],[13264,1],[13299,1],[13329,2],[13332,1],[13371,1],[13382,1],[13419,1],[13430,1],[13458,1],[13491,1],[13506,1],[13557,1],[13570,1],[13607,1],[13618,1],[13646,1],[13686,1],[13703,1],[13767,1],[13780,1],[13817,1],[13828,1],[13855,1],[13905,2],[13911,1],[13928,1],[13964,2],[13994,1],[14045,2],[14112,1]]},"560":{"position":[[1275,1],[1328,1],[1477,2],[1541,1],[1563,1],[1882,2],[2013,2],[2146,2],[2281,2],[2416,2],[2553,2],[2690,2],[2829,2],[2845,1],[3036,1],[3689,2],[3828,1],[3855,1],[4154,2],[4455,2],[4612,1],[4661,1],[5031,2],[5259,2],[5324,1],[5370,1],[5379,1],[5706,2],[5841,1],[5863,1],[6100,2],[6336,1],[6381,1],[6411,2],[6423,1],[6455,2],[6467,1],[6497,2],[6509,1],[6522,1],[6661,1],[6837,2],[7001,1],[7041,1],[7097,2],[7145,2],[7170,1],[7531,1],[7561,1],[7572,1],[7598,1],[7620,1],[7634,1],[7745,2],[7973,2],[8013,2],[8063,2],[8095,2],[8114,2],[8327,2],[8370,2],[8426,2],[8458,2],[8480,2],[8752,2],[8784,2],[8803,2],[9122,1],[9148,1],[9230,1],[9244,1],[9294,1],[9338,1],[9382,1],[9426,1],[9442,1],[9469,1],[9516,1],[9535,1],[9562,1],[9594,1],[9606,1],[9631,1],[9653,1],[9671,1],[9699,1],[9724,1],[9743,1],[9763,1],[9799,1],[9945,1],[9972,1],[9982,1],[10003,1],[10031,1],[10054,1],[10079,1],[10130,1],[10194,1],[10206,1],[10208,1],[10243,1],[10311,1],[10323,1],[10348,1],[10400,1],[10464,1],[10476,1],[10478,1],[10480,1],[10801,2],[10833,2],[10883,2],[10933,1],[10958,1],[11036,1],[11044,1],[11053,2],[11087,1],[11150,1],[11152,1]]},"562":{"position":[[323,2],[562,2],[631,2],[753,2],[1486,2],[2816,2],[2852,2],[2875,1],[3080,1],[3105,2],[3176,1],[3194,2],[3316,2],[3345,1],[3392,1],[3420,1],[3891,2],[3894,1],[3950,1],[3952,2],[3983,2],[4066,1],[4068,1],[4687,2],[4723,2],[4746,1],[4951,1],[4976,2],[5047,1],[5065,2],[5187,2],[5216,1],[5263,1],[5291,1],[5762,2],[5765,1],[5821,1],[5823,2],[5854,2],[5937,1],[5939,1],[6274,2],[6310,2],[6333,1],[6407,1],[6419,1],[6555,1],[6571,1],[6653,2],[6739,1],[6746,1],[6770,1],[6790,3],[6794,1],[6850,1],[6852,2],[6883,2],[6966,1],[6968,1],[7243,2],[7279,2],[7302,1],[7413,1],[7428,1],[7440,1],[7576,1],[7601,2],[7672,1],[7690,2],[7812,2],[7841,1],[7888,1],[7916,1],[8387,2],[8390,1],[8446,1],[8448,2],[8479,2],[8562,1],[8564,1],[8683,1],[8713,1],[8724,1],[8750,1],[8772,1],[8786,1],[8898,2],[9236,2],[9272,2],[9304,2],[9338,2],[9560,2],[9592,2],[9621,2],[9797,1],[9839,1],[9925,1],[9937,1],[9979,1],[9994,1],[10052,1],[10088,1],[10202,1],[10338,1],[10354,1],[10409,2],[10495,1],[10502,1],[10526,1],[10546,3],[10550,1],[10606,1],[10608,2],[10639,2],[10776,1],[10807,1],[10847,1],[10859,1],[10894,1],[10906,1],[10908,1],[10910,1],[11259,2],[11295,2],[11538,1],[11568,1],[11602,1],[11653,1],[11665,1],[11667,1],[11815,1],[11831,1],[11918,2],[12005,1],[12012,1],[12036,1],[12056,3],[12060,1],[12117,1],[12119,2],[12150,2],[12233,1],[12257,2],[12269,1],[12301,2],[12313,1],[12343,2],[12355,1],[12368,1],[12508,1],[12797,2],[12833,2],[13004,1],[13052,1],[13092,1],[13147,1],[13159,1],[13161,1],[13309,1],[13325,1],[13412,2],[13499,1],[13506,1],[13530,1],[13550,3],[13554,1],[13611,1],[13613,2],[13644,2],[13727,1],[13752,2],[13802,2],[13829,1]]},"564":{"position":[[838,2],[1787,1],[1840,1],[1951,2],[2016,1],[2038,1],[2050,1],[2282,2],[2508,2],[2734,2],[2960,2],[3186,2],[3412,2],[3638,2],[3864,2],[4090,2],[4155,1],[4177,1],[4209,1],[4241,1],[4273,1],[4305,1],[4337,1],[4369,1],[4401,1],[4433,1],[4445,1],[4685,2],[4749,1],[4774,1],[4782,1],[5198,2],[5262,1],[5287,1],[5295,1],[5739,2],[5803,1],[5825,1],[5835,1],[6158,2],[6291,2],[6426,2],[6563,2],[6700,2],[6839,2],[6978,2],[7119,2],[7135,1],[7326,1],[8009,2],[8148,1],[8175,1],[8573,2],[8829,2],[8894,1],[8940,1],[8949,1],[9304,2],[9439,1],[9461,1],[9702,2],[9938,1],[9983,1],[10013,2],[10025,1],[10057,2],[10069,1],[10099,2],[10111,1],[10124,1],[10265,1],[10445,2],[10609,1],[10653,1],[10709,2],[10759,2],[10786,1],[11152,1],[11182,1],[11193,1],[11219,1],[11241,1],[11255,1],[11366,2],[11637,2],[11677,2],[11727,2],[11759,2],[11778,2],[12034,2],[12077,2],[12133,2],[12165,2],[12187,2],[12502,2],[12534,2],[12553,2],[12872,1],[12898,1],[12980,1],[12994,1],[13044,1],[13088,1],[13132,1],[13176,1],[13192,1],[13219,1],[13266,1],[13285,1],[13312,1],[13344,1],[13356,1],[13381,1],[13403,1],[13421,1],[13449,1],[13474,1],[13493,1],[13513,1],[13549,1],[13695,1],[13722,1],[13732,1],[13753,1],[13781,1],[13804,1],[13829,1],[13880,1],[13944,1],[13956,1],[13958,1],[13992,1],[14060,1],[14072,1],[14097,1],[14149,1],[14213,1],[14225,1],[14227,1],[14229,1],[14554,2],[14586,2],[14636,2],[14686,1],[14711,1],[14789,1],[14797,1],[14806,2],[14840,1],[14903,1],[14905,1]]},"566":{"position":[[1534,2],[1595,1],[1620,1],[1670,1],[2143,2],[2347,2],[2549,2],[2753,2],[2814,1],[2839,1],[2939,1],[2993,1],[3656,2],[3984,2],[4310,2],[4638,2],[4779,1],[4803,1],[4853,1],[4904,1],[5118,1],[5126,1],[5162,1],[5197,1],[5233,1],[5246,1],[5281,1],[5317,1],[5351,1],[5363,1],[5376,1],[5389,1],[5401,1],[5408,1],[5410,1],[5603,2],[5884,1],[5909,1],[5970,1],[6000,2],[6012,1],[6044,2],[6056,1],[6086,2],[6098,1],[6111,1],[6248,1],[6380,2],[6589,1],[6629,1],[6664,1],[6726,2],[6772,2],[6795,1],[7137,1],[7167,1],[7178,1],[7204,1],[7226,1],[7240,1],[7351,2],[7572,2],[7604,2],[7629,2],[7902,2],[7934,2],[7960,2],[8279,1],[8305,1],[8387,1],[8401,1],[8451,1],[8487,1],[8609,1],[8636,1],[8646,1],[8667,1],[8695,1],[8718,1],[8743,1],[8801,1],[8813,1],[8838,1],[8895,1],[8907,1],[8909,1],[8911,1],[9116,2],[9148,2],[9171,2],[9232,1],[9257,1],[9340,1],[9348,1],[9360,1],[9362,1],[9734,1],[9764,1],[9775,1],[9801,1],[9823,1],[9837,1],[9957,2],[10187,2],[10219,2],[10252,2],[10506,2],[10559,2],[10587,2],[10619,2],[10651,2],[10983,2],[11015,2],[11045,2],[11364,1],[11400,1],[11454,1],[11598,1],[11610,1],[11652,1],[11666,1],[11725,1],[11778,1],[11802,2],[11826,1],[11855,1],[11888,1],[11910,1],[11932,1],[11972,1],[12001,1],[12039,1],[12061,1],[12094,1],[12147,1],[12181,1],[12200,1],[12219,1],[12381,2],[12420,1],[12447,1],[12466,1],[12487,1],[12524,1],[12556,1],[12581,1],[12634,1],[12646,1],[12671,1],[12725,1],[12737,1],[12762,1],[12812,1],[12824,1],[12826,1],[12828,1]]},"568":{"position":[[422,2],[781,2],[851,2],[959,1],[986,1],[994,1],[1185,2],[1421,1],[1442,1],[1472,1],[1502,2],[1514,1],[1546,2],[1558,1],[1588,2],[1600,1],[1613,1],[1747,1],[1869,2],[2033,1],[2058,1],[2089,1],[2120,2],[2164,2],[2185,1],[2362,2],[2371,1],[2385,1],[2555,2],[2594,2],[2648,1],[2745,1],[2753,1],[2762,2],[2803,1],[2874,1],[2876,1]]},"570":{"position":[[1092,2],[1101,1],[1115,1],[1121,1],[1223,2],[1427,2],[1632,2],[1838,2],[1947,1],[1961,1],[1980,1],[2000,1],[2021,1],[2027,1],[2253,2],[2489,1],[2511,1],[2539,1],[2569,2],[2581,1],[2613,2],[2625,1],[2655,2],[2667,1],[2680,1],[2820,1],[2984,2],[3148,1],[3186,1],[3218,1],[3247,2],[3294,2],[3318,1],[4017,2],[4126,1],[4140,1],[4146,1],[4427,2],[4640,2],[4855,2],[5071,2],[5180,1],[5194,1],[5213,1],[5233,1],[5254,1],[5260,1],[5352,1],[5493,2],[5638,1],[5659,1],[5692,1],[5713,1],[5728,1],[5750,1],[5771,1],[5787,1],[5809,1],[5827,1],[5849,1],[5874,1],[5896,1],[5912,1],[5922,2],[5925,1]]},"572":{"position":[[417,2],[830,2],[910,2],[1251,2],[1816,2],[1896,1],[2150,2],[2277,1],[3332,2],[3661,2],[3762,2],[3835,2],[3854,2],[4179,2],[4259,2],[4305,2],[4370,2],[4442,2],[5343,2],[5422,1],[5649,1],[5687,2],[5899,1],[5918,2],[5996,1],[6033,2],[6176,1],[6938,2],[7201,2],[7213,2],[7302,2],[7311,1],[7337,1],[7387,1],[7501,1],[7534,1],[7608,1],[7653,1],[7664,1],[7684,1],[7698,1],[7703,1],[7715,1],[7717,4],[7731,1],[7762,1],[7809,1],[7814,1],[7826,1],[7849,1],[7881,1],[7907,1],[7912,1],[7924,1],[7949,1],[7972,1],[7989,2],[8009,1],[8011,1]]},"574":{"position":[[1513,2],[1574,1],[1599,1],[1623,1],[1912,2],[2091,2],[2152,1],[2177,1],[2225,1],[2863,2],[3166,2],[3307,1],[3422,1],[3430,1],[3453,2],[3470,1],[3492,2],[3509,1],[3532,2],[3550,1],[3563,1],[3585,2],[3602,1],[3625,2],[3637,1],[3639,1],[3807,2],[4088,1],[4113,1],[4137,2],[4171,1],[4201,2],[4213,1],[4245,2],[4257,1],[4287,2],[4299,1],[4312,1],[4449,1],[4557,2],[4766,1],[4807,1],[4842,1],[4866,2],[4901,2],[4948,2],[4972,1],[5314,1],[5344,1],[5355,1],[5381,1],[5403,1],[5417,1],[5537,2],[5799,2],[5831,2],[5860,2],[6123,2],[6155,2],[6185,2],[6427,2],[6459,2],[6489,2],[6748,2],[6780,2],[6808,2],[7046,2],[7078,2],[7106,2],[7425,1],[7457,1],[7535,1],[7547,1],[7589,1],[7603,1],[7656,1],[7690,1],[7709,1],[7728,1],[7883,2],[7922,1],[7949,1],[7962,1],[7983,1],[8014,1],[8040,1],[8065,1],[8122,1],[8134,1],[8159,1],[8221,1],[8233,1],[8258,1],[8320,1],[8332,1],[8357,1],[8415,1],[8427,1],[8452,1],[8510,1],[8522,1],[8524,1],[8526,1],[8731,2],[8763,2],[8786,2],[8847,1],[8872,1],[8895,2],[8951,1],[8959,1],[8971,1],[8973,1],[9334,1],[9364,1],[9375,1],[9401,1],[9423,1],[9437,1],[9557,2],[9799,2],[9850,2],[9882,2],[9914,2],[9944,2],[10284,2],[10316,2],[10344,2],[10663,1],[10703,1],[10745,1],[10891,1],[10903,1],[10945,1],[10959,1],[11012,1],[11073,1],[11101,2],[11129,1],[11156,1],[11187,1],[11210,1],[11233,1],[11277,1],[11304,1],[11344,1],[11367,1],[11417,1],[11480,1],[11514,1],[11533,1],[11552,1],[11707,2],[11746,1],[11773,1],[11786,1],[11807,1],[11838,1],[11864,1],[11889,1],[11951,1],[11963,1],[11988,1],[12046,1],[12058,1],[12060,1],[12062,1]]},"576":{"position":[[417,2],[828,2],[908,2],[1249,2],[1631,2],[1711,1],[1965,2],[2092,1],[3145,2],[3383,3],[3482,2],[3583,2],[3656,2],[3675,2],[4000,2],[4080,2],[4126,2],[4191,2],[4247,2],[4319,2],[4399,2],[5019,2],[5099,1],[5353,2],[5480,1],[5996,1],[6034,2],[6246,1],[6265,2],[6343,1],[6380,2],[6523,1],[7285,2],[7548,2],[7560,2],[7649,2],[7658,1],[7684,1],[7734,1],[7848,1],[7881,1],[7955,1],[8000,1],[8011,1],[8031,1],[8045,1],[8050,1],[8062,1],[8064,4],[8078,1],[8109,1],[8156,1],[8161,1],[8173,1],[8196,1],[8228,1],[8254,1],[8259,1],[8271,1],[8296,1],[8319,1],[8336,2],[8356,1],[8358,1]]},"578":{"position":[[474,2],[852,2],[932,2],[1313,2],[1393,1],[1647,2],[1774,1],[2768,2],[2973,2],[3046,2],[3064,2],[3389,2],[3469,2],[3510,2],[3588,2],[3644,2],[3692,2],[3751,2],[4012,2],[4092,1],[4346,2],[4473,1],[4926,1],[5003,2],[5118,1],[5137,2],[5215,1],[5280,2],[5423,1],[6225,2],[6463,1],[6615,1],[6648,1],[6722,1],[6767,1],[6778,1],[6798,1],[6812,1],[6817,1],[6829,1],[6831,4],[6845,1],[6876,1],[6923,1],[6928,1],[6940,1],[6963,1],[6995,1],[7021,1],[7026,1],[7038,1],[7061,1],[7084,1],[7101,2],[7121,1],[7123,1]]},"580":{"position":[[429,2],[807,2],[887,2],[1268,2],[1348,1],[1602,2],[1729,1],[2723,2],[3239,2],[3312,2],[3330,2],[3655,2],[3735,2],[3776,2],[3842,2],[3898,2],[3944,2],[4001,2],[4262,2],[4342,1],[4596,2],[4723,1],[5206,1],[5244,2],[5437,1],[5456,2],[5533,1],[5566,1],[5573,1],[5638,2],[5781,1],[6602,1],[7317,2],[7555,1],[7707,1],[7740,1],[7814,1],[7859,1],[7870,1],[7890,1],[7904,1],[7909,1],[7921,1],[7923,4],[7937,1],[7968,1],[8015,1],[8020,1],[8032,1],[8055,1],[8087,1],[8113,1],[8118,1],[8130,1],[8153,1],[8176,1],[8193,2],[8213,1],[8215,1]]},"582":{"position":[[426,2],[837,2],[917,2],[1263,2],[1650,2],[1730,1],[1984,2],[2111,1],[3180,2],[3476,2],[3586,2],[3645,2],[3970,2],[4050,2],[4095,2],[4165,2],[4862,2],[4941,1],[5199,2],[5228,1],[5400,2],[5418,1],[5432,1],[5479,3],[6184,2],[6447,2],[6459,2],[6548,2],[6557,1],[6583,1],[6633,1],[6747,1],[6780,1],[6854,1],[6899,1],[6910,1],[6930,1],[6944,1],[6949,1],[6961,1],[6963,4],[6977,1],[7008,1],[7055,1],[7060,1],[7072,1],[7095,1],[7127,1],[7153,1],[7158,1],[7170,1],[7195,1],[7218,1],[7235,2],[7255,1],[7257,1]]},"584":{"position":[[426,2],[837,2],[917,2],[1263,2],[1650,2],[1730,1],[1984,2],[2111,1],[3180,2],[3476,2],[3586,2],[3645,2],[3970,2],[4050,2],[4095,2],[4151,2],[4221,2],[4319,2],[4356,2],[5063,2],[5142,1],[5389,1],[5561,2],[5579,1],[5593,1],[5640,3],[6345,2],[6608,2],[6620,2],[6709,2],[6718,1],[6744,1],[6794,1],[6908,1],[6941,1],[7015,1],[7060,1],[7071,1],[7091,1],[7105,1],[7110,1],[7122,1],[7124,4],[7138,1],[7169,1],[7216,1],[7221,1],[7233,1],[7256,1],[7288,1],[7314,1],[7319,1],[7331,1],[7356,1],[7379,1],[7396,2],[7416,1],[7418,1]]},"586":{"position":[[827,2],[907,2],[1290,2],[1370,1],[1624,2],[1751,1],[2808,2]]},"588":{"position":[[827,2],[907,2],[1290,2],[1370,1],[1624,2],[1751,1],[2748,2]]},"590":{"position":[[426,2],[837,2],[917,2],[1304,2],[1384,1],[1638,2],[1765,1],[2766,2],[2949,2],[3022,2],[3091,2],[3416,2],[3496,2],[3541,2],[3597,2],[3677,2],[3775,2],[3812,2],[4267,2],[4347,1],[4601,2],[4728,1],[5274,1],[5446,2],[5464,1],[5478,1],[5525,3],[6250,2],[6488,1],[6640,1],[6673,1],[6747,1],[6792,1],[6803,1],[6823,1],[6837,1],[6842,1],[6854,1],[6856,4],[6870,1],[6901,1],[6948,1],[6953,1],[6965,1],[6988,1],[7020,1],[7046,1],[7051,1],[7063,1],[7086,1],[7109,1],[7126,2],[7146,1],[7148,1]]},"592":{"position":[[746,2],[986,1],[1012,1],[1062,1],[1176,1],[1209,1],[1283,1],[1328,1],[1339,1],[1359,1],[1373,1],[1378,1],[1390,1],[1392,4],[1406,1],[1437,1],[1484,1],[1489,1],[1501,1],[1524,1],[1556,1],[1582,1],[1587,1],[1599,1],[1624,1],[1647,1],[1664,2],[1684,1],[1686,1]]},"594":{"position":[[751,2],[991,1],[1017,1],[1067,1],[1181,1],[1214,1],[1288,1],[1333,1],[1344,1],[1364,1],[1378,1],[1383,1],[1395,1],[1397,4],[1411,1],[1442,1],[1489,1],[1494,1],[1506,1],[1529,1],[1561,1],[1587,1],[1592,1],[1604,1],[1629,1],[1652,1],[1669,2],[1689,1],[1691,1]]},"596":{"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]]},"598":{"position":[[85,1]]},"600":{"position":[[6524,2],[6950,2],[7370,2],[7781,2],[8201,2],[8618,2],[9534,2],[10405,2],[11472,2],[13123,2],[14098,2],[15704,1],[15738,1],[15776,2],[15798,1],[15838,2],[15860,1],[15868,1],[18989,1],[19019,1],[19030,1],[19056,1],[19078,1],[19092,1],[19357,2],[19533,2],[19573,2],[19623,2],[19655,2],[19674,2],[19828,2],[19871,2],[19927,2],[19959,2],[19981,2],[20194,2],[20226,2],[20245,2],[20585,1],[20611,1],[20652,1],[20704,1],[20718,1],[20768,1],[20812,1],[20856,1],[20900,1],[20916,1],[20943,1],[20990,1],[21009,1],[21036,1],[21068,1],[21080,1],[21105,1],[21127,1],[21145,1],[21173,1],[21198,1],[21217,1],[21237,1],[21273,1],[21419,1],[21446,1],[21456,1],[21477,1],[21505,1],[21528,1],[21553,1],[21604,1],[21668,1],[21680,1],[21682,1],[21717,1],[21785,1],[21797,1],[21822,1],[21874,1],[21938,1],[21950,1],[21952,1],[21954,1],[24437,1],[24480,2],[24543,2],[24608,2],[24642,1],[25248,1],[25272,1],[25331,2],[25402,2],[25474,2],[25545,2],[25578,1]]},"602":{"position":[[414,2],[670,2],[1048,2],[1516,2],[1705,2],[1714,1],[1866,1],[1899,1],[1973,1],[2018,1],[2029,1],[2049,1],[2063,1],[2070,1],[2101,1],[2132,1],[2166,1],[2173,1],[2195,1],[2228,1],[2253,1],[2260,1],[2288,1],[2321,1],[2353,1],[2360,1],[2386,1],[2416,1],[2445,1],[2452,1],[2475,1],[2511,1],[2525,2],[2545,1],[2547,1],[2829,2],[2838,1],[2990,1],[3023,1],[3097,1],[3142,1],[3153,1],[3173,1],[3187,1],[3192,1],[3204,1],[3235,1],[3266,1],[3300,1],[3305,1],[3321,1],[3357,1],[3369,2],[3384,1],[3389,1],[3401,1],[3422,1],[3452,1],[3490,1],[3495,1],[3511,1],[3552,1],[3567,2],[3582,1],[3587,1],[3599,1],[3621,1],[3654,1],[3693,1],[3698,1],[3710,1],[3736,1],[3766,1],[3809,1],[3814,1],[3826,1],[3849,1],[3885,1],[3925,1],[3930,1],[3946,1],[3974,1],[3984,2],[3999,1],[4004,1],[4016,1],[4044,1],[4077,1],[4123,1],[4128,1],[4141,1],[4171,1],[4203,1],[4250,1],[4255,1],[4268,1],[4296,1],[4325,1],[4370,1],[4375,1],[4388,1],[4410,1],[4436,1],[4463,2],[4483,1],[4485,1],[4684,2],[4693,1],[4845,1],[4878,1],[4952,1],[4997,1],[5008,1],[5028,1],[5042,1],[5047,1],[5059,1],[5090,1],[5121,1],[5155,1],[5160,1],[5176,1],[5212,1],[5235,1],[5255,2],[5270,1],[5275,1],[5287,1],[5308,1],[5338,1],[5376,1],[5381,1],[5397,1],[5438,1],[5464,1],[5484,2],[5499,1],[5504,1],[5516,1],[5538,1],[5571,1],[5610,1],[5615,1],[5627,1],[5653,1],[5683,1],[5726,1],[5731,1],[5743,1],[5766,1],[5802,1],[5842,1],[5847,1],[5863,1],[5891,1],[5912,1],[5931,2],[5946,1],[5951,1],[5963,1],[5991,1],[6024,1],[6070,1],[6075,1],[6088,1],[6118,1],[6150,1],[6197,1],[6202,1],[6215,1],[6243,1],[6272,1],[6317,1],[6322,1],[6335,1],[6357,1],[6383,1],[6410,2],[6430,1],[6432,1],[6720,2],[6975,1],[7127,1],[7160,1],[7234,1],[7279,1],[7290,1],[7310,1],[7324,1],[7329,1],[7341,1],[7372,1],[7403,1],[7437,1],[7442,1],[7458,1],[7494,1],[7517,1],[7537,2],[7552,1],[7557,1],[7569,1],[7590,1],[7620,1],[7658,1],[7663,1],[7679,1],[7720,1],[7746,1],[7766,2],[7781,1],[7786,1],[7798,1],[7820,1],[7853,1],[7892,1],[7897,1],[7909,1],[7935,1],[7965,1],[8008,1],[8013,1],[8025,1],[8048,1],[8084,1],[8124,1],[8129,1],[8145,1],[8173,1],[8194,1],[8213,2],[8228,1],[8233,1],[8245,1],[8273,1],[8306,1],[8352,1],[8357,1],[8370,1],[8400,1],[8432,1],[8479,1],[8484,1],[8497,1],[8525,1],[8554,1],[8599,1],[8604,1],[8617,1],[8639,1],[8665,1],[8692,2],[8712,1],[8714,1],[8980,2],[9117,2],[9308,1],[9460,1],[9493,1],[9567,1],[9612,1],[9623,1],[9643,1],[9657,1],[9662,1],[9674,1],[9705,1],[9736,1],[9770,1],[9775,1],[9791,1],[9827,1],[9850,1],[9870,2],[9885,1],[9890,1],[9902,1],[9923,1],[9953,1],[9991,1],[9996,1],[10012,1],[10053,1],[10079,1],[10099,2],[10114,1],[10119,1],[10131,1],[10153,1],[10186,1],[10225,1],[10230,1],[10242,1],[10268,1],[10298,1],[10341,1],[10346,1],[10358,1],[10381,1],[10417,1],[10457,1],[10462,1],[10478,1],[10506,1],[10527,1],[10546,2],[10561,1],[10566,1],[10578,1],[10606,1],[10639,1],[10685,1],[10690,1],[10703,1],[10733,1],[10765,1],[10812,1],[10817,1],[10830,1],[10858,1],[10887,1],[10932,1],[10937,1],[10950,1],[10972,1],[10998,1],[11025,2],[11045,1],[11076,2],[11104,1],[11433,2],[11570,2],[11761,1],[11913,1],[11946,1],[12020,1],[12065,1],[12076,1],[12096,1],[12110,1],[12115,1],[12127,1],[12158,1],[12189,1],[12223,1],[12228,1],[12244,1],[12280,1],[12303,1],[12323,2],[12338,1],[12343,1],[12355,1],[12376,1],[12406,1],[12444,1],[12449,1],[12465,1],[12506,1],[12532,1],[12552,2],[12567,1],[12572,1],[12584,1],[12606,1],[12639,1],[12678,1],[12683,1],[12695,1],[12721,1],[12751,1],[12794,1],[12799,1],[12811,1],[12834,1],[12870,1],[12910,1],[12915,1],[12931,1],[12959,1],[12980,1],[12999,2],[13014,1],[13019,1],[13031,1],[13059,1],[13092,1],[13138,1],[13143,1],[13156,1],[13186,1],[13218,1],[13265,1],[13270,1],[13283,1],[13311,1],[13340,1],[13385,1],[13390,1],[13403,1],[13425,1],[13451,1],[13478,2],[13498,1],[13529,2],[13557,1],[13843,2],[13980,2],[14171,1],[14323,1],[14356,1],[14430,1],[14475,1],[14486,1],[14506,1],[14520,1],[14525,1],[14537,1],[14568,1],[14599,1],[14633,1],[14638,1],[14654,1],[14690,1],[14713,1],[14733,2],[14748,1],[14753,1],[14765,1],[14786,1],[14816,1],[14854,1],[14859,1],[14875,1],[14916,1],[14942,1],[14962,2],[14977,1],[14982,1],[14994,1],[15016,1],[15049,1],[15088,1],[15093,1],[15105,1],[15131,1],[15161,1],[15204,1],[15209,1],[15221,1],[15244,1],[15280,1],[15320,1],[15325,1],[15341,1],[15369,1],[15390,1],[15409,2],[15424,1],[15429,1],[15441,1],[15469,1],[15502,1],[15548,1],[15553,1],[15566,1],[15596,1],[15628,1],[15675,1],[15680,1],[15693,1],[15721,1],[15750,1],[15795,1],[15800,1],[15813,1],[15835,1],[15861,1],[15888,2],[15908,1],[15939,2],[15967,1],[16257,2],[16394,2],[16585,1],[16737,1],[16770,1],[16844,1],[16889,1],[16900,1],[16920,1],[16934,1],[16939,1],[16951,1],[16982,1],[17013,1],[17047,1],[17052,1],[17068,1],[17104,1],[17127,1],[17147,2],[17162,1],[17167,1],[17179,1],[17200,1],[17230,1],[17268,1],[17273,1],[17289,1],[17330,1],[17356,1],[17376,2],[17391,1],[17396,1],[17408,1],[17430,1],[17463,1],[17502,1],[17507,1],[17519,1],[17545,1],[17575,1],[17618,1],[17623,1],[17635,1],[17658,1],[17694,1],[17734,1],[17739,1],[17755,1],[17783,1],[17804,1],[17823,2],[17838,1],[17843,1],[17855,1],[17883,1],[17916,1],[17962,1],[17967,1],[17980,1],[18010,1],[18042,1],[18089,1],[18094,1],[18107,1],[18135,1],[18164,1],[18209,1],[18214,1],[18227,1],[18249,1],[18275,1],[18302,2],[18322,1],[18353,2],[18381,1],[18685,2],[19060,1],[19101,1],[19243,1],[19276,1],[19350,1],[19395,1],[19406,1],[19426,1],[19440,1],[19445,1],[19457,1],[19488,1],[19519,1],[19553,1],[19558,1],[19574,1],[19610,1],[19633,1],[19653,2],[19668,1],[19673,1],[19685,1],[19706,1],[19736,1],[19774,1],[19779,1],[19795,1],[19836,1],[19862,1],[19882,2],[19897,1],[19902,1],[19914,1],[19936,1],[19969,1],[20008,1],[20013,1],[20025,1],[20051,1],[20081,1],[20124,1],[20129,1],[20141,1],[20164,1],[20200,1],[20240,1],[20245,1],[20261,1],[20289,1],[20310,1],[20329,2],[20344,1],[20349,1],[20361,1],[20389,1],[20422,1],[20468,1],[20473,1],[20486,1],[20516,1],[20548,1],[20595,1],[20600,1],[20613,1],[20641,1],[20670,1],[20715,1],[20720,1],[20733,1],[20755,1],[20781,1],[20808,2],[20828,1],[20865,2],[20885,1],[20906,1],[20931,1],[20947,1],[22162,1],[22173,1],[22408,2],[22417,1],[22569,1],[22602,1],[22676,1],[22721,1],[22732,1],[22752,1],[22766,1],[22771,1],[22783,1],[22814,1],[22845,1],[22879,1],[22884,1],[22900,1],[22936,1],[22948,2],[22963,1],[22968,1],[22980,1],[23001,1],[23031,1],[23069,1],[23074,1],[23090,1],[23131,1],[23146,2],[23161,1],[23166,1],[23178,1],[23200,1],[23233,1],[23286,1],[23291,1],[23303,1],[23329,1],[23359,1],[23416,1],[23421,1],[23433,1],[23456,1],[23492,1],[23546,1],[23551,1],[23567,1],[23595,1],[23605,2],[23620,1],[23625,1],[23637,1],[23665,1],[23698,1],[23744,1],[23749,1],[23762,1],[23792,1],[23824,1],[23871,1],[23876,1],[23889,1],[23917,1],[23946,1],[23991,1],[23996,1],[24009,1],[24031,1],[24057,1],[24084,2],[24104,1],[24106,1]]},"604":{"position":[[174,1],[768,2],[1316,2],[1999,2],[2143,1],[2156,1],[2158,2],[2245,2],[2355,2],[3801,1],[4033,2],[5139,2],[7676,1],[7760,1],[7772,1],[7794,1],[7810,1],[7815,1],[7827,1],[7850,1],[7871,1],[7910,1],[7917,2],[7934,1],[7939,1],[7951,1],[7972,1],[8004,1],[8041,1],[8048,2],[8065,1],[8070,1],[8082,1],[8104,1],[8127,1],[8165,1],[8172,2],[8189,1],[8194,1],[8206,1],[8227,1],[8256,1],[8293,1],[8301,2],[8318,1],[8323,1],[8335,1],[8359,1],[8389,1],[8427,1],[8434,2],[8451,1],[8456,1],[8468,1],[8490,1],[8509,1],[8547,1],[8554,2],[8571,1],[8576,1],[8588,1],[8612,1],[8631,1],[8669,1],[8676,2],[8693,1],[8698,1],[8710,1],[8733,1],[8755,1],[8792,1],[8799,2],[8816,1],[8821,1],[8833,1],[8855,1],[8874,1],[8911,1],[8918,2],[8921,2],[8924,1],[9046,1],[9106,1],[9108,1],[10021,1],[10105,1],[10117,1],[10139,1],[10155,1],[10160,1],[10172,1],[10195,1],[10216,1],[10255,1],[10262,2],[10279,1],[10284,1],[10296,1],[10317,1],[10349,1],[10386,1],[10393,2],[10410,1],[10415,1],[10427,1],[10449,1],[10472,1],[10510,1],[10517,2],[10534,1],[10539,1],[10551,1],[10572,1],[10601,1],[10638,1],[10646,2],[10663,1],[10668,1],[10680,1],[10704,1],[10734,1],[10772,1],[10779,2],[10796,1],[10801,1],[10813,1],[10835,1],[10854,1],[10892,1],[10899,2],[10916,1],[10921,1],[10933,1],[10957,1],[10976,1],[11014,1],[11021,2],[11038,1],[11043,1],[11055,1],[11078,1],[11100,1],[11137,1],[11144,2],[11161,1],[11166,1],[11178,1],[11200,1],[11219,1],[11256,1],[11263,2],[11266,2],[11269,1],[11391,1],[11451,1],[11453,1],[12397,1],[12481,1],[12493,1],[12515,1],[12531,1],[12536,1],[12548,1],[12571,1],[12592,1],[12631,1],[12638,2],[12655,1],[12660,1],[12672,1],[12693,1],[12725,1],[12762,1],[12769,2],[12786,1],[12791,1],[12803,1],[12825,1],[12848,1],[12886,1],[12893,2],[12910,1],[12915,1],[12927,1],[12948,1],[12977,1],[13014,1],[13022,2],[13039,1],[13044,1],[13056,1],[13080,1],[13110,1],[13148,1],[13155,2],[13172,1],[13177,1],[13189,1],[13211,1],[13230,1],[13268,1],[13275,2],[13292,1],[13297,1],[13309,1],[13333,1],[13352,1],[13390,1],[13397,2],[13414,1],[13419,1],[13431,1],[13455,1],[13482,1],[13520,1],[13527,2],[13544,1],[13549,1],[13561,1],[13585,1],[13607,1],[13645,1],[13652,2],[13669,1],[13674,1],[13686,1],[13709,1],[13731,1],[13768,1],[13775,2],[13792,1],[13797,1],[13809,1],[13831,1],[13850,1],[13887,1],[13894,2],[13911,1],[13916,1],[13928,1],[13952,1],[13975,1],[14013,1],[14020,2],[14023,2],[14026,1],[14148,1],[14208,1],[14210,1],[14627,2],[14745,2],[14865,2],[14991,2],[15104,2],[15169,1],[15253,1],[15265,1],[15287,1],[15303,1],[15308,1],[15320,1],[15343,1],[15364,1],[15403,1],[15410,2],[15427,1],[15432,1],[15444,1],[15465,1],[15497,1],[15534,1],[15541,2],[15558,1],[15563,1],[15575,1],[15597,1],[15620,1],[15658,1],[15665,2],[15682,1],[15687,1],[15699,1],[15720,1],[15749,1],[15786,1],[15794,2],[15811,1],[15816,1],[15828,1],[15852,1],[15882,1],[15920,1],[15927,2],[15944,1],[15949,1],[15961,1],[15983,1],[16002,1],[16040,1],[16047,2],[16064,1],[16069,1],[16081,1],[16105,1],[16124,1],[16162,1],[16169,2],[16186,1],[16191,1],[16203,1],[16226,1],[16248,1],[16285,1],[16292,2],[16309,1],[16314,1],[16326,1],[16348,1],[16367,1],[16404,1],[16411,2],[16414,2],[16417,1],[16539,1],[16599,1],[16601,1],[16956,2],[17094,2],[17241,2],[17386,2],[17523,2],[17588,1],[17672,1],[17684,1],[17706,1],[17722,1],[17727,1],[17739,1],[17762,1],[17783,1],[17822,1],[17829,2],[17846,1],[17851,1],[17863,1],[17884,1],[17916,1],[17953,1],[17960,2],[17977,1],[17982,1],[17994,1],[18016,1],[18039,1],[18077,1],[18084,2],[18101,1],[18106,1],[18118,1],[18139,1],[18168,1],[18205,1],[18213,2],[18230,1],[18235,1],[18247,1],[18271,1],[18301,1],[18339,1],[18346,2],[18363,1],[18368,1],[18380,1],[18402,1],[18421,1],[18459,1],[18466,2],[18483,1],[18488,1],[18500,1],[18524,1],[18543,1],[18581,1],[18588,2],[18605,1],[18610,1],[18622,1],[18646,1],[18673,1],[18711,1],[18718,2],[18735,1],[18740,1],[18752,1],[18776,1],[18798,1],[18836,1],[18843,2],[18860,1],[18865,1],[18877,1],[18900,1],[18922,1],[18959,1],[18966,2],[18983,1],[18988,1],[19000,1],[19022,1],[19041,1],[19078,1],[19085,2],[19102,1],[19107,1],[19119,1],[19143,1],[19166,1],[19204,1],[19211,2],[19214,2],[19217,1],[19339,1],[19399,1],[19401,1],[20340,1],[20424,1],[20436,1],[20458,1],[20474,1],[20479,1],[20491,1],[20514,1],[20535,1],[20574,1],[20581,2],[20598,1],[20603,1],[20615,1],[20636,1],[20668,1],[20705,1],[20712,2],[20729,1],[20734,1],[20746,1],[20768,1],[20791,1],[20829,1],[20836,2],[20853,1],[20858,1],[20870,1],[20891,1],[20920,1],[20957,1],[20965,2],[20982,1],[20987,1],[20999,1],[21023,1],[21053,1],[21091,1],[21098,2],[21115,1],[21120,1],[21132,1],[21154,1],[21173,1],[21211,1],[21218,2],[21235,1],[21240,1],[21252,1],[21276,1],[21295,1],[21333,1],[21340,2],[21357,1],[21362,1],[21374,1],[21397,1],[21419,1],[21456,1],[21463,2],[21480,1],[21485,1],[21497,1],[21519,1],[21538,1],[21575,1],[21582,2],[21585,2],[21588,1],[21710,1],[21770,1],[21772,1],[22742,1],[22826,1],[22838,1],[22860,1],[22876,1],[22881,1],[22893,1],[22916,1],[22937,1],[22976,1],[22983,2],[23000,1],[23005,1],[23017,1],[23038,1],[23070,1],[23107,1],[23114,2],[23131,1],[23136,1],[23148,1],[23170,1],[23193,1],[23231,1],[23238,2],[23255,1],[23260,1],[23272,1],[23293,1],[23322,1],[23359,1],[23367,2],[23384,1],[23389,1],[23401,1],[23425,1],[23455,1],[23493,1],[23500,2],[23517,1],[23522,1],[23534,1],[23556,1],[23575,1],[23613,1],[23620,2],[23637,1],[23642,1],[23654,1],[23678,1],[23697,1],[23735,1],[23742,2],[23759,1],[23764,1],[23776,1],[23799,1],[23821,1],[23858,1],[23865,2],[23882,1],[23887,1],[23899,1],[23921,1],[23940,1],[23977,1],[23984,2],[23987,2],[23990,1],[24112,1],[24172,1],[24174,1],[25808,1],[25892,1],[25904,1],[25926,1],[25942,1],[25947,1],[25964,1],[25984,1],[26001,1],[26040,1],[26081,1],[26102,1],[26139,1],[26156,1],[26163,2],[26180,1],[26185,1],[26202,1],[26220,1],[26235,1],[26272,1],[26313,1],[26345,1],[26380,1],[26398,1],[26405,2],[26422,1],[26427,1],[26444,1],[26463,1],[26479,1],[26517,1],[26558,1],[26581,1],[26617,1],[26635,1],[26642,2],[26659,1],[26664,1],[26681,1],[26699,1],[26714,1],[26751,1],[26792,1],[26821,1],[26856,1],[26874,1],[26882,2],[26899,1],[26904,1],[26921,1],[26942,1],[26958,1],[26998,1],[27039,1],[27069,1],[27105,1],[27127,1],[27134,2],[27151,1],[27156,1],[27173,1],[27192,1],[27205,1],[27243,1],[27284,1],[27303,1],[27339,1],[27357,1],[27364,2],[27381,1],[27386,1],[27403,1],[27424,1],[27442,1],[27482,1],[27523,1],[27542,1],[27578,1],[27596,1],[27603,2],[27620,1],[27625,1],[27642,1],[27662,1],[27681,1],[27720,1],[27761,1],[27783,1],[27818,1],[27836,1],[27843,2],[27860,1],[27865,1],[27882,1],[27901,1],[27920,1],[27958,1],[27999,1],[28018,1],[28053,1],[28070,1],[28077,2],[28080,2],[28083,1],[28205,1],[28265,1],[28267,1],[28754,2],[28916,2],[29089,2],[29268,2],[29438,2],[29589,2],[29747,2],[29812,1],[29864,1],[29876,1],[29996,1],[30016,1],[30018,3],[30050,1],[30104,2],[30130,1],[30132,2],[30205,1],[30252,1],[30288,1],[30301,1],[30482,1],[30489,1],[30516,1],[30531,3],[30535,1],[30537,1],[31196,2],[31317,2],[31508,2],[31637,2],[31753,2],[31819,1],[31903,1],[31915,1],[31937,1],[31953,1],[31958,1],[31970,1],[31993,1],[32014,1],[32053,1],[32060,2],[32077,1],[32082,1],[32094,1],[32115,1],[32147,1],[32184,1],[32191,2],[32208,1],[32213,1],[32225,1],[32247,1],[32270,1],[32308,1],[32315,2],[32332,1],[32337,1],[32349,1],[32370,1],[32399,1],[32436,1],[32444,2],[32461,1],[32466,1],[32478,1],[32502,1],[32532,1],[32570,1],[32577,2],[32594,1],[32599,1],[32611,1],[32633,1],[32652,1],[32690,1],[32697,2],[32714,1],[32719,1],[32731,1],[32755,1],[32774,1],[32812,1],[32819,2],[32836,1],[32841,1],[32853,1],[32876,1],[32898,1],[32935,1],[32942,2],[32959,1],[32964,1],[32976,1],[32998,1],[33017,1],[33054,1],[33061,2],[33064,2],[33067,1],[33189,1],[33249,1],[33251,1],[33658,2],[33779,2],[34002,2],[34118,2],[34184,1],[34268,1],[34280,1],[34302,1],[34318,1],[34323,1],[34335,1],[34358,1],[34379,1],[34418,1],[34425,2],[34442,1],[34447,1],[34459,1],[34480,1],[34512,1],[34549,1],[34556,2],[34573,1],[34578,1],[34590,1],[34612,1],[34635,1],[34673,1],[34680,2],[34697,1],[34702,1],[34714,1],[34735,1],[34764,1],[34801,1],[34809,2],[34826,1],[34831,1],[34843,1],[34867,1],[34897,1],[34935,1],[34942,2],[34959,1],[34964,1],[34976,1],[34998,1],[35017,1],[35055,1],[35062,2],[35079,1],[35084,1],[35096,1],[35120,1],[35139,1],[35177,1],[35184,2],[35201,1],[35206,1],[35218,1],[35241,1],[35263,1],[35300,1],[35307,2],[35324,1],[35329,1],[35341,1],[35363,1],[35382,1],[35419,1],[35426,2],[35429,2],[35432,1],[35554,1],[35614,1],[35616,1],[36549,1],[36633,1],[36645,1],[36667,1],[36683,1],[36688,1],[36700,1],[36723,1],[36744,1],[36783,1],[36790,2],[36807,1],[36812,1],[36824,1],[36845,1],[36877,1],[36914,1],[36921,2],[36938,1],[36943,1],[36955,1],[36977,1],[37000,1],[37038,1],[37045,2],[37062,1],[37067,1],[37079,1],[37100,1],[37129,1],[37166,1],[37174,2],[37191,1],[37196,1],[37208,1],[37232,1],[37262,1],[37300,1],[37307,2],[37324,1],[37329,1],[37341,1],[37363,1],[37382,1],[37420,1],[37427,2],[37444,1],[37449,1],[37461,1],[37485,1],[37504,1],[37542,1],[37549,2],[37566,1],[37571,1],[37583,1],[37606,1],[37628,1],[37665,1],[37672,2],[37689,1],[37694,1],[37706,1],[37728,1],[37747,1],[37784,1],[37791,2],[37794,2],[37797,1],[37919,1],[37979,1],[37981,1],[38954,1],[39038,1],[39050,1],[39072,1],[39088,1],[39093,1],[39105,1],[39128,1],[39152,1],[39169,1],[39176,2],[39193,1],[39198,1],[39210,1],[39231,1],[39266,1],[39284,1],[39291,2],[39308,1],[39313,1],[39325,1],[39347,1],[39373,1],[39391,1],[39398,2],[39415,1],[39420,1],[39432,1],[39453,1],[39485,1],[39503,1],[39511,2],[39528,1],[39533,1],[39545,1],[39569,1],[39602,1],[39624,1],[39631,2],[39648,1],[39653,1],[39665,1],[39687,1],[39709,1],[39727,1],[39734,2],[39751,1],[39756,1],[39768,1],[39792,1],[39814,1],[39832,1],[39839,2],[39856,1],[39861,1],[39873,1],[39896,1],[39921,1],[39939,1],[39946,2],[39963,1],[39968,1],[39980,1],[40002,1],[40024,1],[40041,1],[40048,2],[40051,2],[40054,1],[40176,1],[40236,1],[40238,1],[41212,1],[41296,1],[41308,1],[41330,1],[41346,1],[41351,1],[41363,1],[41386,1],[41410,1],[41427,1],[41434,2],[41451,1],[41456,1],[41468,1],[41489,1],[41524,1],[41542,1],[41549,2],[41566,1],[41571,1],[41583,1],[41605,1],[41631,1],[41649,1],[41656,2],[41673,1],[41678,1],[41690,1],[41711,1],[41743,1],[41761,1],[41769,2],[41786,1],[41791,1],[41803,1],[41827,1],[41860,1],[41882,1],[41889,2],[41906,1],[41911,1],[41923,1],[41945,1],[41967,1],[41985,1],[41992,2],[42009,1],[42014,1],[42026,1],[42050,1],[42072,1],[42090,1],[42097,2],[42114,1],[42119,1],[42131,1],[42154,1],[42179,1],[42197,1],[42204,2],[42221,1],[42226,1],[42238,1],[42260,1],[42282,1],[42299,1],[42306,2],[42309,2],[42312,1],[42434,1],[42494,1],[42496,1],[43837,1],[43921,1],[43933,1],[43955,1],[43971,1],[43976,1],[43993,1],[44013,1],[44030,1],[44069,1],[44110,1],[44131,1],[44168,1],[44185,1],[44192,2],[44209,1],[44214,1],[44231,1],[44249,1],[44264,1],[44301,1],[44342,1],[44374,1],[44409,1],[44427,1],[44434,2],[44451,1],[44456,1],[44473,1],[44492,1],[44508,1],[44546,1],[44587,1],[44610,1],[44646,1],[44664,1],[44671,2],[44688,1],[44693,1],[44710,1],[44728,1],[44743,1],[44780,1],[44821,1],[44850,1],[44885,1],[44903,1],[44911,2],[44928,1],[44933,1],[44950,1],[44971,1],[44987,1],[45027,1],[45068,1],[45098,1],[45134,1],[45156,1],[45163,2],[45180,1],[45185,1],[45202,1],[45221,1],[45234,1],[45272,1],[45313,1],[45332,1],[45368,1],[45386,1],[45393,2],[45410,1],[45415,1],[45432,1],[45453,1],[45471,1],[45511,1],[45552,1],[45571,1],[45607,1],[45625,1],[45632,2],[45649,1],[45654,1],[45671,1],[45691,1],[45710,1],[45749,1],[45790,1],[45812,1],[45847,1],[45865,1],[45872,2],[45889,1],[45894,1],[45911,1],[45930,1],[45949,1],[45987,1],[46028,1],[46047,1],[46082,1],[46099,1],[46106,2],[46109,2],[46112,1],[46234,1],[46294,1],[46296,1],[47190,1],[47274,1],[47286,1],[47308,1],[47324,1],[47329,1],[47341,1],[47364,1],[47385,1],[47424,1],[47431,2],[47448,1],[47453,1],[47465,1],[47486,1],[47518,1],[47555,1],[47562,2],[47579,1],[47584,1],[47596,1],[47618,1],[47641,1],[47679,1],[47686,2],[47703,1],[47708,1],[47720,1],[47741,1],[47770,1],[47807,1],[47815,2],[47832,1],[47837,1],[47849,1],[47873,1],[47903,1],[47941,1],[47948,2],[47965,1],[47970,1],[47982,1],[48004,1],[48023,1],[48061,1],[48068,2],[48085,1],[48090,1],[48102,1],[48126,1],[48145,1],[48183,1],[48190,2],[48207,1],[48212,1],[48224,1],[48248,1],[48275,1],[48313,1],[48320,2],[48337,1],[48342,1],[48354,1],[48378,1],[48400,1],[48438,1],[48445,2],[48462,1],[48467,1],[48479,1],[48502,1],[48524,1],[48561,1],[48568,2],[48585,1],[48590,1],[48602,1],[48624,1],[48643,1],[48680,1],[48687,2],[48704,1],[48709,1],[48721,1],[48745,1],[48768,1],[48806,1],[48813,2],[48816,2],[48819,1],[48941,1],[49001,1],[49003,1],[49715,1],[49835,1],[49906,1],[49913,1],[49948,1],[49952,3],[49956,1],[49958,1],[50946,2],[51154,2],[51301,2],[51446,2],[51583,2],[51648,1],[51760,1],[51772,1],[51803,1],[51815,1],[51937,1],[51962,2],[52051,1],[52069,2],[52177,1],[52243,1],[52275,2],[52406,1],[52431,1],[52547,1],[52605,1],[52624,1],[52775,1],[52885,1],[52933,1],[52962,1],[52978,1],[52983,1],[52995,1],[53018,1],[53039,1],[53078,1],[53085,2],[53102,1],[53107,1],[53119,1],[53140,1],[53172,1],[53209,1],[53216,2],[53233,1],[53238,1],[53250,1],[53272,1],[53295,1],[53333,1],[53340,2],[53357,1],[53362,1],[53374,1],[53395,1],[53424,1],[53461,1],[53469,2],[53486,1],[53491,1],[53503,1],[53527,1],[53557,1],[53595,1],[53602,2],[53619,1],[53624,1],[53636,1],[53658,1],[53677,1],[53715,1],[53722,2],[53739,1],[53744,1],[53756,1],[53780,1],[53799,1],[53837,1],[53844,2],[53861,1],[53866,1],[53878,1],[53902,1],[53929,1],[53967,1],[53974,2],[53991,1],[53996,1],[54008,1],[54032,1],[54054,1],[54092,1],[54099,2],[54116,1],[54121,1],[54133,1],[54156,1],[54178,1],[54215,1],[54222,2],[54239,1],[54244,1],[54256,1],[54278,1],[54297,1],[54334,1],[54341,2],[54358,1],[54363,1],[54375,1],[54399,1],[54422,1],[54460,1],[54467,2],[54470,2],[54473,1],[54475,1],[54763,1],[55432,1],[55440,1],[55501,1],[55526,1],[55565,1],[55601,1],[55617,1],[55622,1],[55634,1],[55657,1],[55678,1],[55717,1],[55724,2],[55741,1],[55746,1],[55758,1],[55779,1],[55811,1],[55848,1],[55855,2],[55872,1],[55877,1],[55889,1],[55911,1],[55934,1],[55972,1],[55979,2],[55996,1],[56001,1],[56013,1],[56034,1],[56063,1],[56100,1],[56108,2],[56125,1],[56130,1],[56142,1],[56166,1],[56196,1],[56234,1],[56241,1],[56243,3],[56284,1],[56320,1],[56336,1],[56341,1],[56353,1],[56375,1],[56394,1],[56432,1],[56439,2],[56456,1],[56461,1],[56473,1],[56497,1],[56516,1],[56554,1],[56561,2],[56578,1],[56583,1],[56595,1],[56618,1],[56640,1],[56677,1],[56684,2],[56701,1],[56706,1],[56718,1],[56740,1],[56759,1],[56796,1],[56803,1],[56805,2],[56808,2],[56811,1],[57921,1],[58020,1],[58032,1],[58054,1],[58070,1],[58075,1],[58087,1],[58110,1],[58131,1],[58170,1],[58177,2],[58194,1],[58199,1],[58211,1],[58232,1],[58264,1],[58301,1],[58308,2],[58325,1],[58330,1],[58342,1],[58364,1],[58387,1],[58425,1],[58432,2],[58449,1],[58454,1],[58466,1],[58487,1],[58516,1],[58553,1],[58561,2],[58578,1],[58583,1],[58595,1],[58619,1],[58649,1],[58687,1],[58694,1],[58696,2],[58699,1],[58734,1],[58736,2],[58798,2],[58896,1],[58926,1],[58928,2],[58963,1],[59033,2],[59122,2],[59173,1],[59181,1],[59218,1],[59228,1],[59254,1],[59272,2],[59281,1],[59295,1],[59335,1],[59370,1],[59482,1],[59502,1],[59504,1],[60479,2],[60617,2],[60764,2],[60909,2],[61046,2],[61111,1],[61275,1],[61300,2],[61389,1],[61407,2],[61515,1],[61559,1],[61628,2],[61689,1],[61737,1],[61766,1],[61782,1],[61787,1],[61799,1],[61822,1],[61843,1],[61882,1],[61889,2],[61906,1],[61911,1],[61923,1],[61944,1],[61976,1],[62013,1],[62020,2],[62037,1],[62042,1],[62054,1],[62076,1],[62099,1],[62137,1],[62144,2],[62161,1],[62166,1],[62178,1],[62199,1],[62228,1],[62265,1],[62273,2],[62290,1],[62295,1],[62307,1],[62331,1],[62361,1],[62399,1],[62406,2],[62423,1],[62428,1],[62440,1],[62462,1],[62481,1],[62519,1],[62526,2],[62543,1],[62548,1],[62560,1],[62584,1],[62603,1],[62641,1],[62648,2],[62665,1],[62670,1],[62682,1],[62706,1],[62733,1],[62771,1],[62778,2],[62795,1],[62800,1],[62812,1],[62836,1],[62858,1],[62896,1],[62903,2],[62920,1],[62925,1],[62937,1],[62960,1],[62982,1],[63019,1],[63026,2],[63043,1],[63048,1],[63060,1],[63082,1],[63101,1],[63138,1],[63145,2],[63162,1],[63167,1],[63179,1],[63203,1],[63226,1],[63264,1],[63271,2],[63274,2],[63277,1],[63279,1],[63806,2],[63944,2],[64091,2],[64236,2],[64373,2],[64408,2],[64422,1],[64440,1],[64506,1],[64670,1],[64695,2],[64784,1],[64802,2],[64910,1],[64958,1],[64987,1],[65003,1],[65008,1],[65020,1],[65043,1],[65064,1],[65103,1],[65110,2],[65127,1],[65132,1],[65144,1],[65165,1],[65197,1],[65234,1],[65241,2],[65258,1],[65263,1],[65275,1],[65297,1],[65320,1],[65358,1],[65365,2],[65382,1],[65387,1],[65399,1],[65420,1],[65449,1],[65486,1],[65494,2],[65511,1],[65516,1],[65528,1],[65552,1],[65582,1],[65620,1],[65627,2],[65644,1],[65649,1],[65661,1],[65683,1],[65702,1],[65740,1],[65747,2],[65764,1],[65769,1],[65781,1],[65805,1],[65824,1],[65862,1],[65869,2],[65886,1],[65891,1],[65903,1],[65927,1],[65954,1],[65992,1],[65999,2],[66016,1],[66021,1],[66033,1],[66057,1],[66079,1],[66117,1],[66124,2],[66141,1],[66146,1],[66158,1],[66181,1],[66203,1],[66240,1],[66247,2],[66264,1],[66269,1],[66281,1],[66303,1],[66322,1],[66359,1],[66366,2],[66383,1],[66388,1],[66400,1],[66424,1],[66447,1],[66485,1],[66492,2],[66495,2],[66498,1],[66500,1],[67013,2],[67151,2],[67298,2],[67443,2],[67746,1],[67816,1],[67822,2],[67841,2],[67861,2],[67901,2],[67915,1],[67925,1],[68047,1],[68072,2],[68161,1],[68179,2],[68287,1],[68335,1],[68364,1],[68380,1],[68385,1],[68397,1],[68420,1],[68441,1],[68480,1],[68487,2],[68504,1],[68509,1],[68521,1],[68542,1],[68574,1],[68611,1],[68618,2],[68635,1],[68640,1],[68652,1],[68674,1],[68697,1],[68735,1],[68742,2],[68759,1],[68764,1],[68776,1],[68797,1],[68826,1],[68863,1],[68871,2],[68888,1],[68893,1],[68905,1],[68929,1],[68959,1],[68997,1],[69004,2],[69021,1],[69026,1],[69038,1],[69060,1],[69079,1],[69117,1],[69124,2],[69141,1],[69146,1],[69158,1],[69182,1],[69201,1],[69239,1],[69246,2],[69263,1],[69268,1],[69280,1],[69304,1],[69331,1],[69369,1],[69376,2],[69393,1],[69398,1],[69410,1],[69434,1],[69456,1],[69494,1],[69501,2],[69518,1],[69523,1],[69535,1],[69558,1],[69580,1],[69617,1],[69624,2],[69641,1],[69646,1],[69658,1],[69680,1],[69699,1],[69736,1],[69743,2],[69760,1],[69765,1],[69777,1],[69801,1],[69824,1],[69862,1],[69869,2],[69872,2],[69875,1],[69877,1],[70860,1],[70881,1],[70902,1],[70945,1],[71002,1],[71131,1],[71210,2],[71299,1],[71317,2],[71425,1],[71473,1],[71502,1],[71518,1],[71523,1],[71535,1],[71558,1],[71579,1],[71618,1],[71625,2],[71642,1],[71647,1],[71659,1],[71680,1],[71712,1],[71749,1],[71756,2],[71773,1],[71778,1],[71790,1],[71812,1],[71835,1],[71873,1],[71880,2],[71897,1],[71902,1],[71914,1],[71935,1],[71964,1],[72001,1],[72009,2],[72026,1],[72031,1],[72043,1],[72067,1],[72097,1],[72135,1],[72142,2],[72159,1],[72164,1],[72176,1],[72198,1],[72217,1],[72255,1],[72262,2],[72279,1],[72284,1],[72296,1],[72320,1],[72339,1],[72377,1],[72384,2],[72401,1],[72406,1],[72418,1],[72441,1],[72463,1],[72500,1],[72507,2],[72524,1],[72529,1],[72541,1],[72563,1],[72582,1],[72619,1],[72626,2],[72629,2],[72632,1],[72700,1],[72720,1],[72744,2],[72763,1],[72775,1],[72811,1],[72813,1],[73835,1],[73856,1],[73877,1],[73920,1],[73977,1],[74106,1],[74185,2],[74274,1],[74292,2],[74400,1],[74448,1],[74477,1],[74493,1],[74498,1],[74510,1],[74533,1],[74554,1],[74593,1],[74600,2],[74617,1],[74622,1],[74634,1],[74655,1],[74687,1],[74724,1],[74731,2],[74748,1],[74753,1],[74765,1],[74787,1],[74810,1],[74848,1],[74855,2],[74872,1],[74877,1],[74889,1],[74910,1],[74939,1],[74976,1],[74984,2],[75001,1],[75006,1],[75018,1],[75042,1],[75072,1],[75110,1],[75117,2],[75134,1],[75139,1],[75151,1],[75173,1],[75192,1],[75230,1],[75237,2],[75254,1],[75259,1],[75271,1],[75295,1],[75314,1],[75352,1],[75359,2],[75376,1],[75381,1],[75393,1],[75416,1],[75438,1],[75475,1],[75482,2],[75499,1],[75504,1],[75516,1],[75538,1],[75557,1],[75594,1],[75601,2],[75604,2],[75607,1],[75675,1],[75695,1],[75719,2],[75738,1],[75750,1],[75786,1],[75788,1],[77186,1],[77207,1],[77228,1],[77271,1],[77328,1],[77457,1],[77482,2],[77571,1],[77589,2],[77697,1],[77745,1],[77774,1],[77790,1],[77795,1],[77807,1],[77830,1],[77851,1],[77890,1],[77897,2],[77914,1],[77919,1],[77931,1],[77952,1],[77984,1],[78021,1],[78028,2],[78045,1],[78050,1],[78062,1],[78084,1],[78107,1],[78145,1],[78152,2],[78169,1],[78174,1],[78186,1],[78207,1],[78236,1],[78273,1],[78281,2],[78298,1],[78303,1],[78315,1],[78339,1],[78369,1],[78407,1],[78414,2],[78431,1],[78436,1],[78448,1],[78470,1],[78489,1],[78527,1],[78534,2],[78551,1],[78556,1],[78568,1],[78592,1],[78611,1],[78649,1],[78656,2],[78673,1],[78678,1],[78690,1],[78713,1],[78735,1],[78772,1],[78779,2],[78796,1],[78801,1],[78813,1],[78835,1],[78854,1],[78891,1],[78898,2],[78901,2],[78904,1],[78984,1],[79009,2],[79017,1],[79025,2],[79060,1],[79066,1],[79123,1],[79139,1],[79146,2],[79181,1],[79187,1],[79255,1],[79275,1],[79299,2],[79318,1],[79330,1],[79366,1],[79368,1],[80068,2],[80183,2],[80300,2],[80347,1],[80370,1],[80416,1],[80548,1],[80573,2],[80662,1],[80680,2],[80788,1],[80836,1],[80865,1],[80881,1],[80886,1],[80898,1],[80921,1],[80942,1],[80981,1],[80988,2],[81005,1],[81010,1],[81022,1],[81043,1],[81075,1],[81112,1],[81119,2],[81136,1],[81141,1],[81153,1],[81175,1],[81198,1],[81236,1],[81243,2],[81260,1],[81265,1],[81277,1],[81298,1],[81327,1],[81364,1],[81372,2],[81389,1],[81394,1],[81406,1],[81430,1],[81460,1],[81498,1],[81505,2],[81522,1],[81527,1],[81539,1],[81561,1],[81580,1],[81618,1],[81625,2],[81642,1],[81647,1],[81659,1],[81683,1],[81702,1],[81740,1],[81747,2],[81764,1],[81769,1],[81781,1],[81805,1],[81832,1],[81870,1],[81877,2],[81894,1],[81899,1],[81911,1],[81935,1],[81957,1],[81995,1],[82002,2],[82019,1],[82024,1],[82036,1],[82059,1],[82081,1],[82118,1],[82125,2],[82142,1],[82147,1],[82159,1],[82181,1],[82200,1],[82237,1],[82244,2],[82261,1],[82266,1],[82278,1],[82302,1],[82325,1],[82363,1],[82370,2],[82373,2],[82376,1],[82412,2],[82424,1],[82432,1],[82684,1],[82694,3],[83139,1],[83182,1],[83314,1],[83339,2],[83428,1],[83446,2],[83554,1],[83602,1],[83631,1],[83647,1],[83652,1],[83664,1],[83687,1],[83708,1],[83747,1],[83754,2],[83771,1],[83776,1],[83788,1],[83809,1],[83841,1],[83878,1],[83885,2],[83902,1],[83907,1],[83919,1],[83941,1],[83964,1],[84002,1],[84009,2],[84026,1],[84031,1],[84043,1],[84064,1],[84093,1],[84130,1],[84138,2],[84155,1],[84160,1],[84172,1],[84196,1],[84226,1],[84264,1],[84271,2],[84288,1],[84293,1],[84305,1],[84327,1],[84346,1],[84384,1],[84391,2],[84408,1],[84413,1],[84425,1],[84449,1],[84468,1],[84506,1],[84513,2],[84530,1],[84535,1],[84547,1],[84571,1],[84598,1],[84636,1],[84643,2],[84660,1],[84665,1],[84677,1],[84701,1],[84723,1],[84761,1],[84768,2],[84785,1],[84790,1],[84802,1],[84825,1],[84847,1],[84884,1],[84891,2],[84908,1],[84913,1],[84925,1],[84947,1],[84966,1],[85003,1],[85010,2],[85027,1],[85032,1],[85044,1],[85068,1],[85091,1],[85129,1],[85136,2],[85139,2],[85142,1],[85144,1],[85434,2],[85552,2],[85672,2],[85798,2],[85911,2],[86236,2],[86354,2],[86474,2],[86600,2],[86713,2],[87024,2],[87142,2],[87262,2],[87388,2],[87501,2],[87826,2],[87944,2],[88064,2],[88190,2],[88303,2],[88368,1],[88411,1],[88543,1],[88568,2],[88657,1],[88675,2],[88783,1],[88831,1],[88860,1],[88876,1],[88881,1],[88893,1],[88914,1],[88946,1],[88983,1],[88990,2],[89007,1],[89012,1],[89024,1],[89046,1],[89069,1],[89107,1],[89114,2],[89131,1],[89136,1],[89148,1],[89169,1],[89198,1],[89235,1],[89243,2],[89260,1],[89265,1],[89277,1],[89301,1],[89331,1],[89369,1],[89376,2],[89393,1],[89398,1],[89410,1],[89432,1],[89451,1],[89489,1],[89496,2],[89513,1],[89518,1],[89530,1],[89554,1],[89573,1],[89611,1],[89618,2],[89621,2],[89624,1],[89626,1],[90030,2],[90168,2],[90315,2],[90460,2],[90597,2],[91021,2],[91159,2],[91306,2],[91451,2],[91588,2],[92010,2],[92148,2],[92295,2],[92440,2],[92577,2],[93001,2],[93139,2],[93286,2],[93431,2],[93568,2],[93986,2],[94124,2],[94271,2],[94416,2],[94553,2],[94971,2],[95109,2],[95256,2],[95401,2],[95538,2],[95966,2],[96104,2],[96251,2],[96396,2],[96533,2],[96598,1],[96641,1],[96773,1],[96798,2],[96887,1],[96905,2],[97013,1],[97061,1],[97090,1],[97106,1],[97111,1],[97123,1],[97144,1],[97176,1],[97213,1],[97220,2],[97237,1],[97242,1],[97254,1],[97276,1],[97299,1],[97337,1],[97344,2],[97361,1],[97366,1],[97378,1],[97399,1],[97428,1],[97465,1],[97473,2],[97490,1],[97495,1],[97507,1],[97531,1],[97561,1],[97599,1],[97606,2],[97623,1],[97628,1],[97640,1],[97662,1],[97681,1],[97719,1],[97726,2],[97743,1],[97748,1],[97760,1],[97784,1],[97803,1],[97841,1],[97848,2],[97851,2],[97854,1],[97856,1],[98186,2],[98304,2],[98424,2],[98550,2],[98663,2],[98728,1],[98765,1],[98777,1],[98779,1],[98832,1],[98964,1],[98989,2],[99078,1],[99096,2],[99204,1],[99252,1],[99281,1],[99297,1],[99302,1],[99314,1],[99335,1],[99367,1],[99404,1],[99411,2],[99428,1],[99433,1],[99445,1],[99467,1],[99490,1],[99528,1],[99535,2],[99552,1],[99557,1],[99569,1],[99590,1],[99619,1],[99656,1],[99664,2],[99681,1],[99686,1],[99698,1],[99722,1],[99752,1],[99790,1],[99797,2],[99814,1],[99819,1],[99831,1],[99853,1],[99872,1],[99910,1],[99917,2],[99934,1],[99939,1],[99951,1],[99975,1],[99994,1],[100032,1],[100039,2],[100042,2],[100045,1],[100111,1],[100158,1],[100165,1],[100192,1],[100222,1],[100270,3],[100274,1],[100276,1],[100624,2],[100742,2],[100862,2],[100988,2],[101101,2],[101166,1],[101203,1],[101215,1],[101217,1],[101270,1],[101402,1],[101427,2],[101516,1],[101534,2],[101642,1],[101690,1],[101719,1],[101735,1],[101740,1],[101752,1],[101773,1],[101805,1],[101842,1],[101849,2],[101866,1],[101871,1],[101883,1],[101905,1],[101928,1],[101966,1],[101973,2],[101990,1],[101995,1],[102007,1],[102028,1],[102057,1],[102094,1],[102102,2],[102119,1],[102124,1],[102136,1],[102160,1],[102190,1],[102228,1],[102235,2],[102252,1],[102257,1],[102269,1],[102291,1],[102310,1],[102348,1],[102355,2],[102372,1],[102377,1],[102389,1],[102413,1],[102432,1],[102470,1],[102477,2],[102480,2],[102483,1],[102555,1],[102602,1],[102609,1],[102636,1],[102673,1],[102721,3],[102725,1],[102727,1],[103262,1],[103272,3],[103477,2],[103615,2],[103762,2],[103907,2],[104044,2],[104109,1],[104152,1],[104249,1],[104274,1],[104308,2],[104478,2],[104838,2],[105142,2],[105271,1],[105393,1],[105418,2],[105507,1],[105525,2],[105633,1],[105681,1],[105710,1],[105726,1],[105731,1],[105743,1],[105766,1],[105787,1],[105826,1],[105833,2],[105850,1],[105855,1],[105867,1],[105888,1],[105920,1],[105957,1],[105964,2],[105981,1],[105986,1],[105998,1],[106020,1],[106043,1],[106081,1],[106088,2],[106105,1],[106110,1],[106122,1],[106143,1],[106172,1],[106209,1],[106217,2],[106234,1],[106239,1],[106251,1],[106275,1],[106305,1],[106343,1],[106350,2],[106367,1],[106372,1],[106384,1],[106406,1],[106425,1],[106463,1],[106470,2],[106487,1],[106492,1],[106504,1],[106528,1],[106547,1],[106585,1],[106592,2],[106609,1],[106614,1],[106626,1],[106650,1],[106677,1],[106715,1],[106722,2],[106739,1],[106744,1],[106756,1],[106780,1],[106802,1],[106840,1],[106847,2],[106864,1],[106869,1],[106881,1],[106904,1],[106926,1],[106963,1],[106970,2],[106987,1],[106992,1],[107004,1],[107026,1],[107045,1],[107082,1],[107089,2],[107106,1],[107111,1],[107123,1],[107147,1],[107170,1],[107208,1],[107215,2],[107218,2],[107221,1],[107223,1],[108934,1],[108973,1],[109026,1],[109105,1],[109151,1],[109273,1],[109298,2],[109387,1],[109405,2],[109513,1],[109561,1],[109590,1],[109606,1],[109611,1],[109623,1],[109646,1],[109667,1],[109706,1],[109713,2],[109730,1],[109735,1],[109748,1],[109769,1],[109801,1],[109838,1],[109845,2],[109862,1],[109867,1],[109879,1],[109901,1],[109924,1],[109962,1],[109969,2],[109986,1],[109991,1],[110003,1],[110024,1],[110053,1],[110090,1],[110098,2],[110115,1],[110120,1],[110132,1],[110156,1],[110186,1],[110224,1],[110231,2],[110248,1],[110253,1],[110265,1],[110287,1],[110306,1],[110344,1],[110351,2],[110368,1],[110373,1],[110385,1],[110409,1],[110428,1],[110466,1],[110473,2],[110490,1],[110495,1],[110507,1],[110530,1],[110552,1],[110589,1],[110596,2],[110613,1],[110618,1],[110630,1],[110652,1],[110671,1],[110688,1],[110695,2],[110712,1],[110717,1],[110729,1],[110752,1],[110764,1],[110801,1],[110808,2],[110811,2],[110814,1],[110816,1],[111193,2],[111477,2],[111671,2],[111852,2],[112039,2],[112237,2],[112455,2],[112542,1],[112594,1],[112606,1],[112608,1],[112740,1],[112760,1],[112762,3],[112794,1],[112848,2],[112874,1],[112876,2],[112949,1],[113010,1],[113060,1],[113073,1],[113293,1],[113300,1],[113327,1],[113342,3],[113346,1],[113348,1],[113722,2],[114047,2],[114241,2],[114422,2],[114609,2],[114807,2],[115079,2],[115166,1],[115218,1],[115230,1],[115232,1],[115364,1],[115384,1],[115386,3],[115418,1],[115472,2],[115498,1],[115500,2],[115573,1],[115634,1],[115684,1],[115697,1],[115917,1],[115924,1],[115951,1],[115966,3],[115970,1],[115972,1],[116383,2],[116708,2],[116902,2],[117083,2],[117270,2],[117468,2],[117740,2],[117827,1],[117879,1],[117891,1],[117893,1],[118025,1],[118045,1],[118047,3],[118079,1],[118133,2],[118159,1],[118161,2],[118234,1],[118295,1],[118345,1],[118358,1],[118578,1],[118585,1],[118612,1],[118627,3],[118631,1],[118633,1],[119078,2],[119404,2],[119598,2],[119779,2],[119966,2],[120244,2],[120516,2],[120603,1],[120655,1],[120667,1],[120669,1],[120801,1],[120821,1],[120823,3],[120855,1],[120909,2],[120935,1],[120937,2],[121010,1],[121071,1],[121121,1],[121134,1],[121354,1],[121361,1],[121388,1],[121403,3],[121407,1],[121409,1],[121859,1],[121869,3],[121978,2],[122116,2],[122263,2],[122408,2],[122545,2],[122610,1],[122653,1],[122785,1],[122810,2],[122899,1],[122917,2],[123025,1],[123073,1],[123102,1],[123118,1],[123123,1],[123135,1],[123158,1],[123179,1],[123218,1],[123225,2],[123242,1],[123247,1],[123259,1],[123280,1],[123312,1],[123349,1],[123356,2],[123373,1],[123378,1],[123390,1],[123412,1],[123435,1],[123473,1],[123480,2],[123497,1],[123502,1],[123514,1],[123535,1],[123564,1],[123601,1],[123609,2],[123626,1],[123631,1],[123643,1],[123667,1],[123697,1],[123735,1],[123742,2],[123759,1],[123764,1],[123776,1],[123798,1],[123817,1],[123855,1],[123862,2],[123879,1],[123884,1],[123896,1],[123920,1],[123939,1],[123977,1],[123984,2],[124001,1],[124006,1],[124018,1],[124042,1],[124069,1],[124107,1],[124114,2],[124131,1],[124136,1],[124148,1],[124172,1],[124194,1],[124232,1],[124239,2],[124256,1],[124261,1],[124273,1],[124296,1],[124318,1],[124355,1],[124362,2],[124379,1],[124384,1],[124396,1],[124418,1],[124437,1],[124474,1],[124481,2],[124498,1],[124503,1],[124515,1],[124539,1],[124562,1],[124600,1],[124607,2],[124610,2],[124613,1],[124615,1]]}}}],["0",{"_index":1520,"t":{"522":{"position":[[1386,2]]},"532":{"position":[[847,2],[862,3]]},"552":{"position":[[1436,1],[1548,2],[4038,2],[4071,2],[5137,2],[6297,2],[6698,2],[6886,2],[7096,2],[8603,1],[9145,1],[9687,1],[11126,2],[11159,2],[12089,2],[12367,2],[13302,2],[13402,2],[13897,2],[14085,2],[14295,2]]},"554":{"position":[[1094,2],[1339,1],[1465,2],[1689,1],[1801,2],[4936,2],[4965,2],[6037,2],[7380,2],[7859,1],[7956,2],[8150,2],[9032,1],[10438,1],[10709,1],[10981,1],[12666,1],[12937,1],[13209,1],[14764,1],[15035,1],[15307,1]]},"556":{"position":[[1572,1],[1684,2],[2597,2],[2600,2],[2702,2],[2705,2],[3423,2],[3499,1],[4252,1],[6987,2],[7016,2],[7930,2],[9229,2],[9848,1],[10000,2],[10194,2],[11431,1],[11973,1],[12515,1]]},"558":{"position":[[1271,1],[1383,2],[3726,2],[3759,2],[4770,2],[5866,2],[6252,2],[6440,2],[6650,2],[7520,2],[7553,2],[8684,2],[9545,2],[9640,2],[10123,2],[10311,2],[10521,2],[11728,2],[11761,2],[13035,2],[13421,2],[13609,2],[13819,2]]},"560":{"position":[[9655,2],[9726,2],[10273,1]]},"564":{"position":[[13405,2],[13476,2],[14022,1]]},"570":{"position":[[3463,2],[3605,2],[5752,5]]},"574":{"position":[[3449,3],[3488,3],[3528,3],[3581,3],[3621,3],[8891,3]]},"600":{"position":[[21129,2],[21200,2],[21747,1]]},"604":{"position":[[2332,3],[4760,1],[4902,1],[49950,1],[85344,2],[86146,2],[86934,2],[87736,2],[89849,2],[89922,2],[90840,2],[90913,2],[91830,2],[91902,2],[92820,2],[92893,2],[93808,2],[93878,2],[94793,2],[94863,2],[95783,2],[95858,2],[98072,2],[100498,2],[103064,2],[103179,2]]}}}],["0\">and",{"_index":3767,"t":{"600":{"position":[[18660,6]]}}}],["0\">whenev",{"_index":925,"t":{"508":{"position":[[1982,11]]}}}],["0,0,0",{"_index":3864,"t":{"602":{"position":[[21740,6]]}}}],["0.0",{"_index":2762,"t":{"556":{"position":[[1339,3]]}}}],["0.1",{"_index":2769,"t":{"556":{"position":[[2603,5],[2708,5]]}}}],["0.1.0",{"_index":168,"t":{"12":{"position":[[103,5]]},"118":{"position":[[332,5]]},"222":{"position":[[385,5]]},"406":{"position":[[147,5]]}}}],["0.2",{"_index":2795,"t":{"556":{"position":[[4207,3]]}}}],["0.2.0",{"_index":192,"t":{"16":{"position":[[102,5]]},"130":{"position":[[1915,5]]},"218":{"position":[[1968,5]]},"334":{"position":[[2137,5]]},"358":{"position":[[342,5]]},"362":{"position":[[1534,5]]},"372":{"position":[[150,5]]},"410":{"position":[[146,5]]}}}],["0.2.1",{"_index":203,"t":{"20":{"position":[[103,5]]},"130":{"position":[[1685,5]]},"218":{"position":[[1738,5]]},"314":{"position":[[155,5]]},"340":{"position":[[146,5]]},"394":{"position":[[1047,5]]},"414":{"position":[[147,5]]}}}],["0.2.2",{"_index":214,"t":{"24":{"position":[[100,5]]},"130":{"position":[[1484,5]]},"218":{"position":[[1537,5]]},"368":{"position":[[541,5]]},"412":{"position":[[144,5]]}}}],["0.2.3",{"_index":199,"t":{"18":{"position":[[100,5]]},"130":{"position":[[1286,5]]},"218":{"position":[[1339,5]]},"368":{"position":[[343,5]]},"420":{"position":[[144,5]]}}}],["0.2.4",{"_index":210,"t":{"22":{"position":[[99,5]]},"130":{"position":[[1091,5]]},"218":{"position":[[1144,5]]},"368":{"position":[[148,5]]},"416":{"position":[[143,5]]}}}],["0.2.5",{"_index":218,"t":{"26":{"position":[[99,5]]},"130":{"position":[[894,5]]},"218":{"position":[[947,5]]},"358":{"position":[[142,5]]},"362":{"position":[[1334,5]]},"418":{"position":[[143,5]]}}}],["0.2.6",{"_index":220,"t":{"28":{"position":[[101,5]]},"130":{"position":[[710,5]]},"218":{"position":[[763,5]]},"304":{"position":[[778,5]]},"422":{"position":[[145,5]]}}}],["0.3.0",{"_index":225,"t":{"30":{"position":[[101,5]]},"130":{"position":[[506,5]]},"218":{"position":[[559,5]]},"334":{"position":[[1932,5]]},"424":{"position":[[145,5]]}}}],["0.4.0",{"_index":252,"t":{"32":{"position":[[103,5]]},"130":{"position":[[302,5]]},"132":{"position":[[2880,5]]},"218":{"position":[[355,5]]},"332":{"position":[[1998,5]]},"426":{"position":[[147,5]]},"562":{"position":[[469,5],[521,5],[722,5],[794,5],[916,5],[1509,5],[1578,5],[1670,5],[1712,5],[1773,5],[1832,5],[1969,5],[2061,5]]}}}],["0.4.1",{"_index":255,"t":{"34":{"position":[[104,5]]},"130":{"position":[[104,5]]},"132":{"position":[[2682,5]]},"218":{"position":[[157,5]]},"306":{"position":[[149,5]]},"332":{"position":[[1800,5]]},"334":{"position":[[1736,5]]},"428":{"position":[[148,5]]},"562":{"position":[[1267,5],[1462,5]]}}}],["0.4.2",{"_index":269,"t":{"36":{"position":[[104,5]]},"122":{"position":[[2888,5]]},"132":{"position":[[2408,5]]},"220":{"position":[[2941,5]]},"430":{"position":[[148,5]]}}}],["0.5.0",{"_index":271,"t":{"38":{"position":[[102,5]]},"122":{"position":[[2617,5]]},"140":{"position":[[156,5]]},"144":{"position":[[153,5]]},"154":{"position":[[161,5]]},"166":{"position":[[157,5]]},"172":{"position":[[156,5]]},"220":{"position":[[2670,5]]},"432":{"position":[[146,5]]}}}],["0.5.1",{"_index":278,"t":{"40":{"position":[[103,5]]},"122":{"position":[[2355,5]]},"156":{"position":[[650,5]]},"158":{"position":[[162,5]]},"160":{"position":[[159,5]]},"162":{"position":[[160,5]]},"220":{"position":[[2408,5]]},"252":{"position":[[650,5]]},"434":{"position":[[147,5]]}}}],["0.6.0",{"_index":327,"t":{"48":{"position":[[103,5]]},"122":{"position":[[2040,5]]},"180":{"position":[[156,5]]},"182":{"position":[[160,5]]},"196":{"position":[[401,5]]},"220":{"position":[[2093,5]]},"370":{"position":[[406,5]]},"374":{"position":[[153,5]]},"394":{"position":[[732,5]]},"436":{"position":[[147,5]]}}}],["0.8",{"_index":2683,"t":{"554":{"position":[[1082,3],[1453,3]]}}}],["06:00",{"_index":3522,"t":{"574":{"position":[[3535,5],[3628,5]]}}}],["08:00",{"_index":3520,"t":{"574":{"position":[[3495,5],[3588,5]]}}}],["09.pdf",{"_index":2023,"t":{"532":{"position":[[690,7]]}}}],["0l1",{"_index":1002,"t":{"510":{"position":[[1847,3]]}}}],["1",{"_index":47,"t":{"2":{"position":[[632,2]]},"90":{"position":[[29,2]]},"92":{"position":[[29,2]]},"108":{"position":[[33,2]]},"116":{"position":[[248,2],[468,2]]},"124":{"position":[[79,2]]},"134":{"position":[[1464,2],[1503,2],[2341,2]]},"142":{"position":[[676,2]]},"198":{"position":[[292,2],[512,2]]},"210":{"position":[[685,2]]},"216":{"position":[[301,2],[521,2]]},"224":{"position":[[83,2]]},"254":{"position":[[1047,2]]},"280":{"position":[[78,2]]},"286":{"position":[[679,2]]},"288":{"position":[[296,2],[516,2]]},"292":{"position":[[295,2],[515,2]]},"294":{"position":[[680,2]]},"298":{"position":[[77,2]]},"300":{"position":[[84,2]]},"310":{"position":[[76,2]]},"332":{"position":[[457,2]]},"336":{"position":[[458,2]]},"352":{"position":[[76,2],[1600,2]]},"388":{"position":[[75,2],[354,2]]},"396":{"position":[[79,2]]},"454":{"position":[[78,2]]},"496":{"position":[[73,2]]},"504":{"position":[[73,2]]},"510":{"position":[[1861,1]]},"516":{"position":[[2404,4],[4232,2],[4253,2],[4855,2],[5479,2],[6258,4],[8062,4],[9894,4],[18391,4],[20754,3]]},"528":{"position":[[1420,1]]},"530":{"position":[[1115,1]]},"534":{"position":[[269,2],[272,1]]},"546":{"position":[[14459,2],[14482,5]]},"552":{"position":[[6137,2],[6485,2],[7185,2],[7273,4],[13142,2],[13477,2],[13684,2],[14384,2],[14472,4]]},"554":{"position":[[1097,2],[1468,2],[7624,2],[8290,2],[8321,3]]},"556":{"position":[[2800,1],[2898,1],[3199,1],[3292,1],[3378,1],[9476,2],[10334,2]]},"558":{"position":[[5706,2],[6039,2],[6739,2],[6827,4],[9385,2],[9715,2],[9910,2],[10610,2],[10698,4],[13208,2],[13908,2],[13996,4]]},"560":{"position":[[4005,2]]},"564":{"position":[[1190,1]]},"566":{"position":[[4879,3]]},"568":{"position":[[879,1]]},"570":{"position":[[411,1]]},"572":{"position":[[7705,4]]},"576":{"position":[[8052,4]]},"578":{"position":[[6819,4]]},"580":{"position":[[7911,4]]},"582":{"position":[[6951,4]]},"584":{"position":[[7112,4]]},"590":{"position":[[6844,4]]},"592":{"position":[[1380,4]]},"594":{"position":[[1385,4]]},"602":{"position":[[3194,4],[5049,4],[7331,4],[9664,4],[12117,4],[14527,4],[16941,4],[19447,4],[21063,3],[22773,4]]},"604":{"position":[[2338,3],[3899,1],[8025,2],[8530,2],[8652,2],[8776,2],[8779,3],[8898,3],[10370,2],[10875,2],[10997,2],[11121,2],[11124,3],[11243,3],[12746,2],[13251,2],[13373,2],[13752,2],[13755,3],[13874,3],[13996,2],[15518,2],[16023,2],[16145,2],[16269,2],[16272,3],[16391,3],[17937,2],[18442,2],[18564,2],[18943,2],[18946,3],[19065,3],[19187,2],[20689,2],[21194,2],[21316,2],[21440,2],[21443,3],[21562,3],[23091,2],[23596,2],[23718,2],[23842,2],[23845,3],[23964,3],[26366,2],[27324,2],[27563,2],[27804,2],[27807,3],[28042,3],[32168,2],[32673,2],[32795,2],[32919,2],[32922,3],[33041,3],[34533,2],[35038,2],[35160,2],[35284,2],[35287,3],[35406,3],[36898,2],[37403,2],[37525,2],[37649,2],[37652,3],[37771,3],[44395,2],[45353,2],[45592,2],[45833,2],[45836,3],[46071,3],[47539,2],[48044,2],[48166,2],[48545,2],[48548,3],[48667,3],[48789,2],[52408,2],[53193,2],[53698,2],[53820,2],[54199,2],[54202,3],[54321,3],[54443,2],[55552,1],[55832,2],[56415,2],[56537,2],[56661,2],[56664,3],[56783,3],[58285,2],[59283,2],[61997,2],[62502,2],[62624,2],[63003,2],[63006,3],[63125,3],[63247,2],[65218,2],[65723,2],[65845,2],[66224,2],[66227,3],[66346,3],[66468,2],[68595,2],[69100,2],[69222,2],[69601,2],[69604,3],[69723,3],[69845,2],[71733,2],[72238,2],[72360,2],[72484,2],[72487,3],[72606,3],[74708,2],[75213,2],[75335,2],[75459,2],[75462,3],[75581,3],[78005,2],[78510,2],[78632,2],[78756,2],[78759,3],[78878,3],[81096,2],[81601,2],[81723,2],[82102,2],[82105,3],[82224,3],[82346,2],[83862,2],[84367,2],[84489,2],[84868,2],[84871,3],[84990,3],[85112,2],[88967,2],[89472,2],[89594,2],[97197,2],[97702,2],[97824,2],[99388,2],[99893,2],[100015,2],[101826,2],[102331,2],[102453,2],[103309,3],[105941,2],[106446,2],[106568,2],[106947,2],[106950,3],[107069,3],[107191,2],[109822,2],[110327,2],[110449,2],[110573,2],[110576,3],[110788,3],[123333,2],[123838,2],[123960,2],[124339,2],[124342,3],[124461,3],[124583,2]]}}}],["1.0",{"_index":2685,"t":{"554":{"position":[[1169,3]]}}}],["1.0.0",{"_index":290,"t":{"42":{"position":[[123,6]]},"122":{"position":[[1719,6]]},"146":{"position":[[1483,6]]},"164":{"position":[[173,6]]},"174":{"position":[[180,6]]},"176":{"position":[[180,6]]},"190":{"position":[[172,6]]},"204":{"position":[[1763,6]]},"220":{"position":[[1772,6]]},"344":{"position":[[465,6]]},"346":{"position":[[173,6]]},"438":{"position":[[167,6]]},"514":{"position":[[331,5],[407,5],[498,5],[556,5],[674,5],[747,5],[829,5],[896,5],[960,5],[1057,5],[1187,5],[1307,5],[1379,5],[1458,5],[1554,5],[1702,5]]},"528":{"position":[[286,5],[338,5],[427,5],[520,5],[612,5],[658,5],[714,5],[806,5],[862,5],[919,5],[975,5],[1153,5],[1282,5],[1372,5],[1444,5],[1531,5],[1602,5],[1743,5]]},"530":{"position":[[287,5],[338,5],[435,5],[492,5],[544,5],[601,5],[661,5],[767,5],[907,5],[997,5],[1067,5],[1169,5],[1502,5],[1663,5]]},"544":{"position":[[273,5],[458,5],[550,5]]},"546":{"position":[[260,5],[329,5],[394,5],[625,5],[701,5],[796,5],[891,5],[1048,5],[1162,5],[1247,5],[1318,5],[1472,5],[1525,5],[1580,5],[1625,5],[1672,5],[1744,5]]},"548":{"position":[[696,5],[757,5],[818,5],[907,5],[958,5],[1030,5],[1247,5],[1297,5],[1359,5],[1392,5],[1448,5],[1508,5],[1568,5]]},"550":{"position":[[616,5],[667,5],[729,5]]},"552":{"position":[[436,5],[477,5],[692,5],[733,5],[884,5],[943,5],[1160,5],[1225,5],[1290,5],[1551,5],[1602,5],[1796,5],[1882,5],[1960,5],[2038,5],[2130,5],[2184,5],[2796,5]]},"554":{"position":[[340,5],[382,5],[597,5],[638,5],[789,5],[848,5],[1055,5],[1251,5],[1316,5],[1356,5],[1421,5],[1543,5],[1804,5],[1920,5],[2044,5],[2130,5],[2208,5],[2286,5],[2378,5],[2432,5],[2504,5],[2576,5],[3020,5],[3080,5],[3135,5],[3383,5],[3428,5]]},"556":{"position":[[485,5],[526,5],[741,5],[782,5],[922,5],[992,5],[1201,5],[1266,5],[1309,5],[1361,5],[1426,5],[1687,5],[1738,5],[2017,5],[2141,5],[2227,5],[2305,5],[2359,5],[2437,5],[2529,5],[2638,5],[2745,5],[2845,5],[2973,5],[3060,5],[3139,5],[3239,5],[3334,5],[3453,5],[3541,5],[3749,5],[3824,5],[4094,5],[4186,5],[4341,5],[4395,5],[4467,5],[4539,5],[4984,5],[5044,5],[5099,5],[5348,5],[5393,5]]},"558":{"position":[[281,5],[322,5],[537,5],[578,5],[718,5],[788,5],[995,5],[1060,5],[1125,5],[1386,5],[1437,5],[1626,5],[1712,5],[1790,5],[1868,5],[1922,5],[2514,5]]},"604":{"position":[[314,5],[373,5],[564,5],[825,5],[1069,5],[1373,5],[1444,5],[2099,5],[2557,5],[2814,5],[3172,5],[3742,5],[3840,5],[4097,5],[4323,5],[4420,5],[4498,5],[4554,5],[5180,5],[5325,5],[5400,5],[5504,5],[5659,5],[5812,5],[5900,5],[6058,5],[6388,5],[6525,5],[6579,5],[6691,5],[6728,5],[6783,5]]}}}],["1.0.1",{"_index":313,"t":{"44":{"position":[[104,6]]},"122":{"position":[[1387,6]]},"146":{"position":[[1151,6]]},"148":{"position":[[568,6]]},"152":{"position":[[560,6]]},"170":{"position":[[158,6]]},"178":{"position":[[561,6]]},"184":{"position":[[158,6]]},"188":{"position":[[561,6]]},"204":{"position":[[1431,6]]},"220":{"position":[[1440,6]]},"440":{"position":[[148,6]]}}}],["1.1.0",{"_index":336,"t":{"50":{"position":[[104,6]]},"122":{"position":[[981,6]]},"146":{"position":[[745,6]]},"148":{"position":[[162,6]]},"152":{"position":[[154,6]]},"178":{"position":[[155,6]]},"188":{"position":[[155,6]]},"194":{"position":[[154,6]]},"204":{"position":[[1025,6]]},"220":{"position":[[1034,6]]},"444":{"position":[[148,6]]},"526":{"position":[[335,5],[482,5],[660,5],[829,5],[907,5],[991,5],[1060,5],[1155,5],[1223,5],[1287,5],[1346,5],[1436,5],[1503,5]]},"536":{"position":[[544,5],[759,5],[908,5]]}}}],["1.10.0",{"_index":94,"t":{"2":{"position":[[2220,6]]},"102":{"position":[[101,6]]},"142":{"position":[[2264,6]]},"210":{"position":[[2273,6]]},"250":{"position":[[397,6]]},"286":{"position":[[2267,6]]},"294":{"position":[[2268,6]]},"336":{"position":[[1332,6]]},"442":{"position":[[146,6]]},"514":{"position":[[1636,6]]},"520":{"position":[[513,6],[580,6],[671,6],[833,6],[997,6],[1160,6],[1324,6],[1553,6],[1668,6],[1720,6],[1819,6],[1950,6],[2116,6],[2186,6],[2348,6],[2511,6],[2581,6]]},"544":{"position":[[348,6]]},"552":{"position":[[582,6],[642,6],[2676,6]]},"554":{"position":[[487,6],[547,6],[3268,6]]},"556":{"position":[[631,6],[691,6],[5232,6]]},"558":{"position":[[427,6],[487,6],[2399,6]]},"600":{"position":[[365,6],[501,6],[594,6],[705,6],[921,6],[1112,6],[1168,6],[1299,6],[1490,6],[1546,6],[1677,6],[1852,6],[1930,6],[2109,6],[2288,6],[2385,6],[2500,6],[2631,6],[2730,6],[2793,6],[2859,6],[2989,6],[3070,6],[3155,6],[3221,6],[3361,6],[3497,6],[3584,6],[3723,6]]},"604":{"position":[[1728,6]]}}}],["1.10.1",{"_index":88,"t":{"2":{"position":[[1974,6]]},"100":{"position":[[103,6]]},"142":{"position":[[2018,6]]},"210":{"position":[[2027,6]]},"250":{"position":[[151,6]]},"286":{"position":[[2021,6]]},"294":{"position":[[2022,6]]},"336":{"position":[[1086,6]]},"446":{"position":[[148,6]]}}}],["1.10.2",{"_index":72,"t":{"2":{"position":[[1545,6]]},"104":{"position":[[106,6]]},"132":{"position":[[538,6]]},"142":{"position":[[1589,6]]},"202":{"position":[[161,6]]},"210":{"position":[[1598,6]]},"230":{"position":[[155,6]]},"232":{"position":[[163,6]]},"254":{"position":[[154,6]]},"270":{"position":[[156,6]]},"284":{"position":[[156,6]]},"286":{"position":[[1592,6]]},"294":{"position":[[1593,6]]},"308":{"position":[[149,6]]},"316":{"position":[[157,6]]},"332":{"position":[[1370,6]]},"352":{"position":[[707,6]]},"354":{"position":[[155,6]]},"380":{"position":[[150,6]]},"392":{"position":[[150,6]]},"448":{"position":[[151,6]]},"552":{"position":[[2339,6],[2399,6],[2738,6]]},"554":{"position":[[2724,6],[2778,6],[3325,6]]},"556":{"position":[[4687,6],[4740,6],[5290,6]]},"558":{"position":[[2072,6],[2132,6],[2456,6]]},"562":{"position":[[594,6],[665,6]]}}}],["1.10.3",{"_index":64,"t":{"2":{"position":[[1261,6]]},"106":{"position":[[104,6]]},"142":{"position":[[1305,6]]},"210":{"position":[[1314,6]]},"248":{"position":[[156,6]]},"256":{"position":[[151,6]]},"286":{"position":[[1308,6]]},"294":{"position":[[1309,6]]},"332":{"position":[[1086,6]]},"338":{"position":[[145,6]]},"342":{"position":[[150,6]]},"450":{"position":[[149,6]]},"600":{"position":[[784,6],[850,6]]},"602":{"position":[[959,6]]},"604":{"position":[[1794,6],[1953,6],[2881,6],[2930,6]]}}}],["1.10.4",{"_index":58,"t":{"2":{"position":[[987,6]]},"110":{"position":[[105,6]]},"142":{"position":[[1031,6]]},"210":{"position":[[1040,6]]},"286":{"position":[[1034,6]]},"294":{"position":[[1035,6]]},"310":{"position":[[431,6]]},"332":{"position":[[812,6]]},"336":{"position":[[813,6]]},"352":{"position":[[431,6]]},"366":{"position":[[150,6]]},"382":{"position":[[148,6]]},"452":{"position":[[150,6]]},"520":{"position":[[1391,6]]},"536":{"position":[[606,6],[870,6]]},"580":{"position":[[2834,6]]},"604":{"position":[[4618,6],[4727,6],[4868,6],[5011,6]]}}}],["1.10.5",{"_index":48,"t":{"2":{"position":[[702,6]]},"108":{"position":[[103,6]]},"124":{"position":[[149,6]]},"142":{"position":[[746,6]]},"210":{"position":[[755,6]]},"286":{"position":[[749,6]]},"294":{"position":[[750,6]]},"310":{"position":[[146,6]]},"332":{"position":[[527,6]]},"336":{"position":[[528,6]]},"352":{"position":[[146,6]]},"388":{"position":[[145,6]]},"454":{"position":[[148,6]]},"516":{"position":[[641,6],[736,6],[807,6],[875,6],[941,6],[1209,6]]},"604":{"position":[[733,6]]}}}],["1.10.6",{"_index":3329,"t":{"570":{"position":[[254,6],[323,6],[392,6],[461,6],[537,6],[600,6],[679,6],[716,6],[833,6],[952,6],[997,6]]}}}],["1.11.0",{"_index":16,"t":{"2":{"position":[[110,7]]},"112":{"position":[[110,7]]},"132":{"position":[[159,7]]},"136":{"position":[[152,7]]},"142":{"position":[[154,7]]},"210":{"position":[[163,7]]},"286":{"position":[[157,7]]},"294":{"position":[[158,7]]},"332":{"position":[[151,7]]},"336":{"position":[[152,7]]},"364":{"position":[[156,7]]},"376":{"position":[[160,7]]},"378":{"position":[[151,7]]},"390":{"position":[[158,7]]},"456":{"position":[[155,7]]},"532":{"position":[[311,6],[447,6],[524,6]]},"540":{"position":[[262,6],[318,6],[489,6],[616,6],[697,6]]},"546":{"position":[[546,6],[1952,6]]}}}],["1.11.1",{"_index":44,"t":{"2":{"position":[[487,6]]},"114":{"position":[[104,6]]},"142":{"position":[[531,6]]},"210":{"position":[[540,6]]},"286":{"position":[[534,6]]},"294":{"position":[[535,6]]},"364":{"position":[[533,6]]},"458":{"position":[[149,6]]},"572":{"position":[[364,6]]},"576":{"position":[[364,6]]},"578":{"position":[[422,6]]},"580":{"position":[[377,6]]},"582":{"position":[[374,6]]},"584":{"position":[[374,6]]},"586":{"position":[[382,6]]},"588":{"position":[[382,6]]},"590":{"position":[[374,6]]}}}],["1.11.3",{"_index":672,"t":{"112":{"position":[[1075,6]]}}}],["1.2.0",{"_index":320,"t":{"46":{"position":[[104,6]]},"122":{"position":[[652,6]]},"146":{"position":[[416,6]]},"150":{"position":[[163,6]]},"168":{"position":[[155,6]]},"204":{"position":[[696,6]]},"220":{"position":[[705,6]]},"240":{"position":[[840,6]]},"258":{"position":[[154,6]]},"460":{"position":[[148,6]]}}}],["1.3.0",{"_index":341,"t":{"52":{"position":[[104,6]]},"122":{"position":[[393,6]]},"146":{"position":[[157,6]]},"204":{"position":[[437,6]]},"220":{"position":[[446,6]]},"268":{"position":[[585,6]]},"464":{"position":[[148,6]]},"568":{"position":[[267,5],[315,5],[399,5],[449,5],[539,5],[575,5],[685,5]]}}}],["1.3.1",{"_index":344,"t":{"54":{"position":[[104,6]]},"122":{"position":[[104,6]]},"132":{"position":[[2119,6]]},"202":{"position":[[1293,6]]},"204":{"position":[[148,6]]},"220":{"position":[[157,6]]},"462":{"position":[[148,6]]},"562":{"position":[[2284,5],[2341,5],[2396,5],[2446,5],[2494,5],[2542,5]]}}}],["1.4.0",{"_index":349,"t":{"56":{"position":[[103,6]]},"120":{"position":[[2970,6]]},"200":{"position":[[3014,6]]},"214":{"position":[[3023,6]]},"270":{"position":[[585,6]]},"348":{"position":[[147,6]]},"350":{"position":[[149,6]]},"356":{"position":[[151,6]]},"380":{"position":[[579,6]]},"468":{"position":[[147,6]]},"602":{"position":[[323,5],[386,5],[559,5],[606,5],[651,5],[697,5],[786,5],[823,5],[1029,5],[1074,5],[1144,5],[1210,5],[1253,5],[1338,5],[1394,5],[1440,5],[1497,5],[1558,5]]}}}],["1.4.1",{"_index":353,"t":{"58":{"position":[[103,6]]},"120":{"position":[[2660,6]]},"200":{"position":[[2704,6]]},"214":{"position":[[2713,6]]},"236":{"position":[[159,6]]},"246":{"position":[[153,6]]},"254":{"position":[[2436,6]]},"290":{"position":[[2708,6]]},"296":{"position":[[2707,6]]},"318":{"position":[[153,6]]},"326":{"position":[[147,6]]},"352":{"position":[[2989,6]]},"466":{"position":[[147,6]]},"528":{"position":[[1712,5]]}}}],["1.4.2",{"_index":371,"t":{"60":{"position":[[103,6]]},"120":{"position":[[2211,6]]},"132":{"position":[[1669,6]]},"138":{"position":[[160,6]]},"186":{"position":[[165,6]]},"192":{"position":[[157,6]]},"200":{"position":[[2255,6]]},"212":{"position":[[174,6]]},"214":{"position":[[2264,6]]},"290":{"position":[[2259,6]]},"296":{"position":[[2258,6]]},"470":{"position":[[147,6]]}}}],["1.4.3",{"_index":376,"t":{"62":{"position":[[103,6]]},"120":{"position":[[1962,6]]},"156":{"position":[[401,6]]},"200":{"position":[[2006,6]]},"214":{"position":[[2015,6]]},"252":{"position":[[401,6]]},"290":{"position":[[2010,6]]},"296":{"position":[[2009,6]]},"334":{"position":[[1486,6]]},"598":{"position":[[147,6]]},"604":{"position":[[883,5],[3923,5]]}}}],["1.4.4",{"_index":440,"t":{"74":{"position":[[104,6]]},"120":{"position":[[1713,6]]},"156":{"position":[[152,6]]},"200":{"position":[[1757,6]]},"214":{"position":[[1766,6]]},"252":{"position":[[152,6]]},"290":{"position":[[1761,6]]},"296":{"position":[[1760,6]]},"334":{"position":[[1237,6]]},"476":{"position":[[148,6]]}}}],["1.4.5",{"_index":381,"t":{"64":{"position":[[104,5]]},"120":{"position":[[1465,5]]},"196":{"position":[[154,5]]},"200":{"position":[[1509,5]]},"214":{"position":[[1518,5]]},"282":{"position":[[491,5]]},"290":{"position":[[1513,5]]},"296":{"position":[[1512,5]]},"394":{"position":[[485,5]]},"472":{"position":[[148,5]]}}}],["1.5",{"_index":1003,"t":{"510":{"position":[[1851,3]]}}}],["1.5.0",{"_index":388,"t":{"66":{"position":[[100,5]]},"120":{"position":[[1118,5]]},"200":{"position":[[1162,5]]},"214":{"position":[[1171,5]]},"228":{"position":[[665,5]]},"242":{"position":[[1298,5]]},"244":{"position":[[567,5]]},"254":{"position":[[2090,5]]},"264":{"position":[[998,5]]},"290":{"position":[[1166,5]]},"296":{"position":[[1165,5]]},"302":{"position":[[659,5]]},"328":{"position":[[561,5]]},"330":{"position":[[1292,5]]},"352":{"position":[[2643,5]]},"362":{"position":[[992,5]]},"474":{"position":[[144,5]]},"566":{"position":[[481,5],[534,5],[726,5],[802,5],[878,5],[939,5],[982,5],[1132,5],[1165,5]]}}}],["1.6.0",{"_index":416,"t":{"70":{"position":[[101,5]]},"120":{"position":[[705,5]]},"200":{"position":[[749,5]]},"214":{"position":[[758,5]]},"238":{"position":[[149,5]]},"242":{"position":[[885,5]]},"244":{"position":[[154,5]]},"250":{"position":[[2684,5]]},"254":{"position":[[1677,5]]},"264":{"position":[[585,5]]},"274":{"position":[[871,5]]},"276":{"position":[[155,5]]},"278":{"position":[[149,5]]},"290":{"position":[[753,5]]},"296":{"position":[[752,5]]},"328":{"position":[[148,5]]},"330":{"position":[[879,5]]},"334":{"position":[[820,5]]},"352":{"position":[[2230,5]]},"362":{"position":[[579,5]]},"384":{"position":[[865,5]]},"386":{"position":[[149,5]]},"478":{"position":[[145,5]]},"528":{"position":[[1422,5]]},"530":{"position":[[1117,5]]},"566":{"position":[[1057,5]]},"574":{"position":[[485,5],[538,5],[730,5],[806,5],[882,5],[943,5],[986,5],[1061,5],[1136,5],[1169,5]]},"604":{"position":[[2469,5],[4167,5]]}}}],["1.7.0",{"_index":400,"t":{"68":{"position":[[101,5]]},"120":{"position":[[371,5]]},"124":{"position":[[430,5]]},"136":{"position":[[526,5]]},"200":{"position":[[415,5]]},"206":{"position":[[154,5]]},"208":{"position":[[150,5]]},"214":{"position":[[424,5]]},"226":{"position":[[450,5]]},"234":{"position":[[153,5]]},"290":{"position":[[419,5]]},"296":{"position":[[418,5]]},"304":{"position":[[444,5]]},"312":{"position":[[147,5]]},"480":{"position":[[145,5]]},"512":{"position":[[262,5],[339,5],[436,5],[521,5],[578,5],[649,5]]},"514":{"position":[[1011,5]]},"516":{"position":[[296,5],[418,5],[510,5],[1023,5],[1117,5],[1277,5],[1342,5],[1468,5],[1603,5],[1688,5],[1820,5],[1999,5],[2064,5],[2110,5],[2172,5],[2259,5]]},"522":{"position":[[307,5],[364,5],[414,5],[485,5],[570,5],[615,5],[683,5],[808,5],[945,5],[1030,5],[1164,5]]}}}],["1.7.1",{"_index":477,"t":{"82":{"position":[[101,5]]},"120":{"position":[[101,5]]},"132":{"position":[[1397,5]]},"200":{"position":[[145,5]]},"202":{"position":[[1020,5]]},"214":{"position":[[154,5]]},"228":{"position":[[396,5]]},"290":{"position":[[149,5]]},"296":{"position":[[148,5]]},"302":{"position":[[390,5]]},"482":{"position":[[145,5]]}}}],["1.7.2",{"_index":436,"t":{"72":{"position":[[101,5]]},"116":{"position":[[2673,5]]},"198":{"position":[[2717,5]]},"216":{"position":[[2726,5]]},"240":{"position":[[589,5]]},"288":{"position":[[2721,5]]},"292":{"position":[[2720,5]]},"320":{"position":[[147,5]]},"322":{"position":[[583,5]]},"486":{"position":[[145,5]]}}}],["1.7.3",{"_index":445,"t":{"76":{"position":[[101,5]]},"116":{"position":[[2428,5]]},"198":{"position":[[2472,5]]},"216":{"position":[[2481,5]]},"228":{"position":[[151,5]]},"250":{"position":[[2439,5]]},"288":{"position":[[2476,5]]},"292":{"position":[[2475,5]]},"302":{"position":[[145,5]]},"334":{"position":[[575,5]]},"484":{"position":[[145,5]]},"604":{"position":[[5115,5]]}}}],["1.8.0",{"_index":455,"t":{"78":{"position":[[97,5]]},"116":{"position":[[1992,5]]},"132":{"position":[[961,5]]},"198":{"position":[[2036,5]]},"202":{"position":[[584,5]]},"216":{"position":[[2045,5]]},"240":{"position":[[153,5]]},"242":{"position":[[449,5]]},"250":{"position":[[2003,5]]},"260":{"position":[[152,5]]},"264":{"position":[[149,5]]},"268":{"position":[[146,5]]},"274":{"position":[[435,5]]},"288":{"position":[[2040,5]]},"292":{"position":[[2039,5]]},"322":{"position":[[147,5]]},"330":{"position":[[443,5]]},"334":{"position":[[139,5]]},"360":{"position":[[146,5]]},"362":{"position":[[143,5]]},"382":{"position":[[415,5]]},"384":{"position":[[429,5]]},"488":{"position":[[141,5]]},"530":{"position":[[1301,5]]},"604":{"position":[[503,5],[1180,5],[1277,5],[2204,5],[2293,5],[2405,5],[2633,5],[3629,5]]}}}],["1.8.1",{"_index":471,"t":{"80":{"position":[[99,5]]},"116":{"position":[[1740,5]]},"198":{"position":[[1784,5]]},"216":{"position":[[1793,5]]},"250":{"position":[[1751,5]]},"284":{"position":[[581,5]]},"288":{"position":[[1788,5]]},"292":{"position":[[1787,5]]},"336":{"position":[[2686,5]]},"392":{"position":[[575,5]]},"492":{"position":[[143,5]]}}}],["1.8.2",{"_index":489,"t":{"84":{"position":[[100,5]]},"116":{"position":[[1441,5]]},"198":{"position":[[1485,5]]},"216":{"position":[[1494,5]]},"226":{"position":[[149,5]]},"242":{"position":[[152,5]]},"250":{"position":[[1452,5]]},"288":{"position":[[1489,5]]},"292":{"position":[[1488,5]]},"304":{"position":[[143,5]]},"324":{"position":[[142,5]]},"330":{"position":[[146,5]]},"336":{"position":[[2387,5]]},"344":{"position":[[142,5]]},"490":{"position":[[144,5]]}}}],["1.8.3",{"_index":500,"t":{"86":{"position":[[100,5]]},"116":{"position":[[1183,5]]},"198":{"position":[[1227,5]]},"216":{"position":[[1236,5]]},"250":{"position":[[1194,5]]},"266":{"position":[[152,5]]},"288":{"position":[[1231,5]]},"292":{"position":[[1230,5]]},"336":{"position":[[2129,5]]},"370":{"position":[[145,5]]},"494":{"position":[[144,5]]}}}],["1.9.0",{"_index":509,"t":{"88":{"position":[[100,5]]},"116":{"position":[[845,5]]},"198":{"position":[[889,5]]},"216":{"position":[[898,5]]},"254":{"position":[[1338,5]]},"256":{"position":[[429,5]]},"262":{"position":[[407,5]]},"272":{"position":[[148,5]]},"282":{"position":[[149,5]]},"288":{"position":[[893,5]]},"292":{"position":[[892,5]]},"338":{"position":[[423,5]]},"352":{"position":[[1891,5]]},"354":{"position":[[833,5]]},"378":{"position":[[524,5]]},"394":{"position":[[143,5]]},"500":{"position":[[144,5]]},"548":{"position":[[1184,5]]},"550":{"position":[[505,5]]}}}],["1.9.1",{"_index":522,"t":{"90":{"position":[[99,5]]},"92":{"position":[[302,5]]},"116":{"position":[[318,5]]},"198":{"position":[[362,5]]},"216":{"position":[[371,5]]},"254":{"position":[[1117,5]]},"288":{"position":[[366,5]]},"292":{"position":[[365,5]]},"352":{"position":[[1670,5]]},"496":{"position":[[143,5]]}}}],["1.9.2",{"_index":526,"t":{"92":{"position":[[99,5]]},"116":{"position":[[538,5]]},"198":{"position":[[582,5]]},"216":{"position":[[591,5]]},"224":{"position":[[153,5]]},"280":{"position":[[148,5]]},"288":{"position":[[586,5]]},"292":{"position":[[585,5]]},"298":{"position":[[147,5]]},"300":{"position":[[154,5]]},"388":{"position":[[424,5]]},"396":{"position":[[149,5]]},"504":{"position":[[143,5]]},"604":{"position":[[1516,5],[1893,5]]}}}],["1.9.3",{"_index":531,"t":{"94":{"position":[[99,5]]},"116":{"position":[[99,5]]},"198":{"position":[[143,5]]},"216":{"position":[[152,5]]},"250":{"position":[[974,5]]},"288":{"position":[[147,5]]},"292":{"position":[[146,5]]},"336":{"position":[[1909,5]]},"502":{"position":[[143,5]]}}}],["1.9.4",{"_index":105,"t":{"2":{"position":[[2797,5]]},"96":{"position":[[99,5]]},"142":{"position":[[2841,5]]},"210":{"position":[[2850,5]]},"254":{"position":[[865,5]]},"262":{"position":[[154,5]]},"286":{"position":[[2844,5]]},"294":{"position":[[2845,5]]},"352":{"position":[[1418,5]]},"354":{"position":[[580,5]]},"498":{"position":[[143,5]]},"528":{"position":[[1073,5]]}}}],["1.9.5",{"_index":100,"t":{"2":{"position":[[2512,5]]},"98":{"position":[[100,5]]},"142":{"position":[[2556,5]]},"210":{"position":[[2565,5]]},"250":{"position":[[689,5]]},"254":{"position":[[580,5]]},"274":{"position":[[152,5]]},"286":{"position":[[2559,5]]},"294":{"position":[[2560,5]]},"336":{"position":[[1624,5]]},"352":{"position":[[1133,5]]},"384":{"position":[[146,5]]},"506":{"position":[[144,5]]},"528":{"position":[[1224,5]]},"604":{"position":[[438,5],[2037,5],[3335,5],[3518,5]]}}}],["10",{"_index":399,"t":{"68":{"position":[[30,3]]},"74":{"position":[[33,3]]},"120":{"position":[[300,3],[1642,3]]},"124":{"position":[[359,3]]},"134":{"position":[[1864,3],[2033,3]]},"136":{"position":[[455,3]]},"156":{"position":[[81,3]]},"200":{"position":[[344,3],[1686,3]]},"206":{"position":[[83,3]]},"208":{"position":[[79,3]]},"214":{"position":[[353,3],[1695,3]]},"226":{"position":[[379,3]]},"234":{"position":[[82,3]]},"252":{"position":[[81,3]]},"290":{"position":[[348,3],[1690,3]]},"296":{"position":[[347,3],[1689,3]]},"304":{"position":[[373,3]]},"312":{"position":[[76,3]]},"334":{"position":[[1166,3]]},"476":{"position":[[77,3]]},"480":{"position":[[74,3]]},"560":{"position":[[3748,2],[7895,4],[8246,4],[8646,4],[10731,4]]},"562":{"position":[[9026,4],[9475,4]]},"564":{"position":[[8068,2],[11516,4],[11910,4],[12353,4],[14482,4]]},"566":{"position":[[7503,4],[7796,4],[10108,4],[10416,4],[10813,4]]},"570":{"position":[[1117,3],[1963,3],[2513,3],[3220,3],[4004,3],[5196,3],[5661,3]]},"574":{"position":[[5690,4],[6028,4],[6353,4],[6655,4],[6974,4],[9711,4],[10110,4]]},"602":{"position":[[4130,5],[6077,5],[8359,5],[10692,5],[13145,5],[15555,5],[17969,5],[20475,5],[23751,5]]},"604":{"position":[[2056,2],[2145,3],[11804,3],[13503,3],[18694,3],[48296,3],[52433,3],[53950,3],[62754,3],[65975,3],[69352,3],[81853,3],[84619,3],[106698,3],[124090,3]]}}}],["10%thi",{"_index":1753,"t":{"528":{"position":[[8631,12],[10388,12]]}}}],["101",{"_index":3987,"t":{"604":{"position":[[8578,4],[10923,4],[13299,4],[16071,4],[18490,4],[21242,4],[23644,4],[27388,4],[32721,4],[35086,4],[37451,4],[39758,4],[42016,4],[45417,4],[48092,4],[53746,4],[56463,4],[62550,4],[65771,4],[69148,4],[72286,4],[75261,4],[78558,4],[81649,4],[84415,4],[89520,4],[97750,4],[99941,4],[102379,4],[106494,4],[110375,4],[123886,4]]}}}],["102",{"_index":3985,"t":{"604":{"position":[[8458,4],[10803,4],[13179,4],[15951,4],[18370,4],[21122,4],[23524,4],[27158,4],[32601,4],[34966,4],[37331,4],[39655,4],[41913,4],[45187,4],[47972,4],[53626,4],[56343,4],[62430,4],[65651,4],[69028,4],[72166,4],[75141,4],[78438,4],[81529,4],[84295,4],[89400,4],[97630,4],[99821,4],[102259,4],[106374,4],[110255,4],[123766,4]]}}}],["103",{"_index":3971,"t":{"604":{"position":[[7941,4],[10286,4],[12662,4],[15434,4],[17853,4],[20605,4],[23007,4],[26187,4],[32084,4],[34449,4],[36814,4],[39200,4],[41458,4],[44216,4],[47455,4],[53109,4],[55748,4],[58201,4],[61913,4],[65134,4],[68511,4],[71649,4],[74624,4],[77921,4],[81012,4],[83778,4],[88883,4],[97113,4],[99304,4],[101742,4],[105857,4],[123249,4]]}}}],["104",{"_index":3979,"t":{"604":{"position":[[8196,4],[10541,4],[12917,4],[15689,4],[18108,4],[20860,4],[23262,4],[26666,4],[32339,4],[34704,4],[37069,4],[39422,4],[41680,4],[44695,4],[47710,4],[53364,4],[56003,4],[58456,4],[62168,4],[65389,4],[68766,4],[71904,4],[74879,4],[78176,4],[81267,4],[84033,4],[89138,4],[97368,4],[99559,4],[101997,4],[106112,4],[109993,4],[123504,4]]}}}],["105",{"_index":3982,"t":{"604":{"position":[[8325,4],[10670,4],[13046,4],[15818,4],[18237,4],[20989,4],[23391,4],[26906,4],[32468,4],[34833,4],[37198,4],[39535,4],[41793,4],[44935,4],[47839,4],[53493,4],[56132,4],[58585,4],[62297,4],[65518,4],[68895,4],[72033,4],[75008,4],[76082,4],[76162,4],[78305,4],[79019,5],[79062,3],[79141,4],[79183,3],[81396,4],[84162,4],[89267,4],[97497,4],[99688,4],[102126,4],[106241,4],[110122,4],[123633,4]]}}}],["106",{"_index":3976,"t":{"604":{"position":[[8072,4],[10417,4],[12793,4],[15565,4],[17984,4],[20736,4],[23138,4],[26429,4],[32215,4],[34580,4],[36945,4],[39315,4],[41573,4],[44458,4],[47586,4],[53240,4],[55879,4],[58332,4],[62044,4],[65265,4],[68642,4],[71780,4],[74755,4],[78052,4],[81143,4],[83909,4],[89014,4],[97244,4],[99435,4],[101873,4],[105988,4],[109869,4],[123380,4]]}}}],["107",{"_index":3965,"t":{"604":{"position":[[7817,4],[10162,4],[12538,4],[15310,4],[17729,4],[20481,4],[22883,4],[25949,4],[31960,4],[34325,4],[36690,4],[39095,4],[41353,4],[43978,4],[47331,4],[52985,4],[55624,4],[58077,4],[61789,4],[65010,4],[68387,4],[71525,4],[74500,4],[77797,4],[80888,4],[83654,4],[105733,4],[109613,4],[123125,4]]}}}],["1073255",{"_index":2648,"t":{"552":{"position":[[9342,8]]},"556":{"position":[[12170,8],[15159,8]]}}}],["108",{"_index":3989,"t":{"604":{"position":[[8700,4],[11045,4],[13676,4],[16193,4],[18867,4],[21364,4],[23766,4],[27627,4],[32843,4],[35208,4],[37573,4],[39863,4],[42121,4],[45656,4],[48469,4],[54123,4],[56585,4],[62927,4],[66148,4],[69525,4],[72408,4],[75383,4],[78680,4],[82026,4],[84792,4],[106871,4],[110497,4],[124263,4]]}}}],["1081241",{"_index":2645,"t":{"552":{"position":[[9315,8]]},"556":{"position":[[12143,8],[15132,8]]}}}],["109",{"_index":3992,"t":{"604":{"position":[[8823,4],[11168,4],[13799,4],[16316,4],[18990,4],[21487,4],[23889,4],[27867,4],[32966,4],[35331,4],[37696,4],[39970,4],[42228,4],[45896,4],[48592,4],[54246,4],[56708,4],[63050,4],[66271,4],[69648,4],[72531,4],[75506,4],[78803,4],[82149,4],[84915,4],[106994,4],[110620,4],[124386,4]]}}}],["10:00",{"_index":3518,"t":{"574":{"position":[[3456,5],[8898,5]]}}}],["10:50",{"_index":3524,"t":{"574":{"position":[[4140,5],[4869,5]]}}}],["10a",{"_index":938,"t":{"508":{"position":[[2425,11],[2570,11],[2715,11]]}}}],["2\">an",{"_index":936,"t":{"508":{"position":[[2293,12]]}}}],["2\">@bodyhidepage",{"_index":3832,"t":{"602":{"position":[[6911,7],[9244,7],[11697,7],[14107,7],[16521,7]]}}}],["2\">submit@displayswitchstatuschang",{"_index":3261,"t":{"566":{"position":[[9196,10]]},"574":{"position":[[8811,10]]}}}],["3\">enter",{"_index":2867,"t":{"560":{"position":[[1502,10],[3789,10],[4270,10],[4572,10],[5056,10],[5284,10],[5802,10]]},"564":{"position":[[1976,10],[2307,10],[2533,10],[2759,10],[2985,10],[3211,10],[3437,10],[3663,10],[3889,10],[4115,10],[4710,10],[5223,10],[5764,10],[8109,10],[8598,10],[8854,10],[9400,10]]},"566":{"position":[[1559,10],[2168,10],[2372,10],[2574,10],[2778,10],[3761,10],[4089,10],[4415,10],[4743,10],[5628,10],[6405,10]]},"574":{"position":[[1538,10],[1937,10],[2116,10],[2968,10],[3271,10],[3832,10],[4582,10]]}}}],["3\">max",{"_index":3218,"t":{"566":{"position":[[3721,6],[4049,6],[4375,6],[4703,6]]},"574":{"position":[[2928,6],[3231,6]]}}}],["3\">min",{"_index":3216,"t":{"566":{"position":[[3681,6],[4009,6],[4335,6],[4663,6]]},"574":{"position":[[2888,6],[3191,6]]}}}],["3\">select",{"_index":2326,"t":{"546":{"position":[[13116,11],[13912,11]]}}}],["3\">switch",{"_index":3308,"t":{"568":{"position":[[869,9]]}}}],["3\">thi",{"_index":2277,"t":{"546":{"position":[[6776,7],[6903,7],[7033,7],[7330,7],[7457,7],[7587,7],[7715,7],[7936,7],[8063,7],[8193,7],[8321,7],[8550,7],[8677,7],[8807,7],[8935,7],[9347,7],[9474,7],[9604,7],[9751,7],[9890,7],[10015,7],[11709,7],[11836,7],[11966,7],[12094,7]]}}}],["3.5",{"_index":1004,"t":{"510":{"position":[[1855,3]]}}}],["30",{"_index":198,"t":{"18":{"position":[[29,3]]},"48":{"position":[[32,3]]},"60":{"position":[[32,3]]},"88":{"position":[[29,3]]},"116":{"position":[[774,3]]},"120":{"position":[[2140,3]]},"122":{"position":[[1969,3]]},"130":{"position":[[1215,3]]},"132":{"position":[[1598,3]]},"134":{"position":[[539,3],[956,3],[1542,3],[2119,3]]},"138":{"position":[[89,3]]},"180":{"position":[[85,3]]},"182":{"position":[[89,3]]},"186":{"position":[[94,3]]},"192":{"position":[[86,3]]},"196":{"position":[[330,3]]},"198":{"position":[[818,3]]},"200":{"position":[[2184,3]]},"212":{"position":[[103,3]]},"214":{"position":[[2193,3]]},"216":{"position":[[827,3]]},"218":{"position":[[1268,3]]},"220":{"position":[[2022,3]]},"254":{"position":[[1267,3]]},"256":{"position":[[358,3]]},"262":{"position":[[336,3]]},"272":{"position":[[77,3]]},"282":{"position":[[78,3]]},"288":{"position":[[822,3]]},"290":{"position":[[2188,3]]},"292":{"position":[[821,3]]},"296":{"position":[[2187,3]]},"338":{"position":[[352,3]]},"352":{"position":[[1820,3]]},"354":{"position":[[762,3]]},"368":{"position":[[272,3]]},"370":{"position":[[335,3]]},"374":{"position":[[82,3]]},"378":{"position":[[453,3]]},"394":{"position":[[72,3],[661,3]]},"420":{"position":[[73,3]]},"436":{"position":[[76,3]]},"470":{"position":[[76,3]]},"500":{"position":[[73,3]]},"570":{"position":[[2002,3],[5235,3]]},"572":{"position":[[6062,2]]},"576":{"position":[[6409,2]]},"578":{"position":[[5309,2]]},"580":{"position":[[5667,2]]}}}],["300m",{"_index":441,"t":{"74":{"position":[[199,5]]}}}],["31",{"_index":224,"t":{"30":{"position":[[30,3]]},"80":{"position":[[28,3]]},"116":{"position":[[1669,3]]},"130":{"position":[[435,3]]},"134":{"position":[[797,3],[1661,3]]},"198":{"position":[[1713,3]]},"216":{"position":[[1722,3]]},"218":{"position":[[488,3]]},"250":{"position":[[1680,3]]},"284":{"position":[[510,3]]},"288":{"position":[[1717,3]]},"292":{"position":[[1716,3]]},"334":{"position":[[1861,3]]},"336":{"position":[[2615,3]]},"392":{"position":[[504,3]]},"424":{"position":[[74,3]]},"492":{"position":[[72,3]]}}}],["317",{"_index":590,"t":{"104":{"position":[[597,4]]}}}],["320",{"_index":3891,"t":{"604":{"position":[[1912,3],[107351,3]]}}}],["320px",{"_index":3762,"t":{"600":{"position":[[18567,8]]}}}],["321",{"_index":1625,"t":{"526":{"position":[[2798,5]]},"528":{"position":[[4493,5]]},"530":{"position":[[3949,5]]}}}],["322",{"_index":1732,"t":{"528":{"position":[[6182,5]]},"530":{"position":[[5699,5]]}}}],["327",{"_index":586,"t":{"104":{"position":[[457,4]]}}}],["334",{"_index":584,"t":{"104":{"position":[[368,4]]}}}],["346",{"_index":599,"t":{"106":{"position":[[341,4]]}}}],["352",{"_index":583,"t":{"104":{"position":[[303,4]]}}}],["36",{"_index":850,"t":{"142":{"position":[[0,2]]},"198":{"position":[[0,2]]},"200":{"position":[[0,2]]},"204":{"position":[[0,2]]}}}],["373",{"_index":597,"t":{"106":{"position":[[282,4]]}}}],["384",{"_index":630,"t":{"110":{"position":[[403,4]]}}}],["4",{"_index":4,"t":{"2":{"position":[[34,2],[417,2]]},"32":{"position":[[33,2]]},"94":{"position":[[29,2]]},"112":{"position":[[34,2]]},"114":{"position":[[34,2]]},"116":{"position":[[29,2]]},"130":{"position":[[232,2]]},"132":{"position":[[83,2],[2810,2]]},"134":{"position":[[757,2],[1425,2],[2254,2],[2298,2]]},"136":{"position":[[76,2]]},"142":{"position":[[78,2],[461,2]]},"198":{"position":[[73,2]]},"202":{"position":[[0,1]]},"210":{"position":[[87,2],[470,2]]},"216":{"position":[[82,2]]},"218":{"position":[[285,2]]},"242":{"position":[[0,1]]},"250":{"position":[[904,2]]},"286":{"position":[[81,2],[464,2]]},"288":{"position":[[77,2]]},"292":{"position":[[76,2]]},"294":{"position":[[82,2],[465,2]]},"330":{"position":[[0,1]]},"332":{"position":[[75,2],[1928,2]]},"336":{"position":[[76,2],[1839,2]]},"364":{"position":[[80,2],[463,2]]},"376":{"position":[[84,2]]},"378":{"position":[[75,2]]},"390":{"position":[[82,2]]},"394":{"position":[[0,1]]},"426":{"position":[[77,2]]},"456":{"position":[[79,2]]},"458":{"position":[[79,2]]},"502":{"position":[[73,2]]},"510":{"position":[[1859,1],[1875,1],[1877,1]]},"514":{"position":[[5659,1]]},"520":{"position":[[3871,2],[7269,2],[7601,2],[7930,2],[8296,2],[8586,2],[8876,2],[9163,2],[9450,2],[9735,2],[10018,2],[10301,2],[10830,2],[11206,2],[11533,2],[12103,2],[12500,2],[12848,2]]},"530":{"position":[[4133,1],[4261,1],[4396,1],[6089,1],[6217,1],[6352,1]]},"540":{"position":[[844,2],[1275,2]]},"552":{"position":[[7707,2],[8513,1],[8658,1],[9055,1],[9200,1],[9597,1],[9742,1]]},"554":{"position":[[3996,2],[8447,2],[9845,2],[12073,2],[14171,2]]},"556":{"position":[[6033,2],[9752,1],[9903,1],[10535,2],[11341,1],[11486,1],[11883,1],[12028,1],[12425,1],[12570,1],[13396,2],[14200,1],[14345,1],[14807,1],[14952,1],[15414,1],[15559,1]]},"572":{"position":[[6974,1],[7110,3]]},"576":{"position":[[7321,1],[7457,3]]},"578":{"position":[[6261,1],[6397,3]]},"580":{"position":[[7353,1],[7489,3]]},"582":{"position":[[6220,1],[6356,3]]},"584":{"position":[[6381,1],[6517,3]]},"590":{"position":[[6286,1],[6422,3]]},"592":{"position":[[782,1],[918,3]]},"594":{"position":[[787,1],[923,3]]},"600":{"position":[[4173,3],[6365,3],[8945,3],[9834,3],[18539,1],[19227,1]]},"602":{"position":[[3497,4],[5383,4],[6756,1],[6892,3],[7665,4],[9016,1],[9225,3],[9998,4],[11469,1],[11678,3],[12451,4],[13879,1],[14088,3],[14861,4],[16293,1],[16502,3],[17275,4],[18721,1],[18857,3],[19781,4],[23076,4]]},"604":{"position":[[8148,2],[10493,2],[12869,2],[15641,2],[18060,2],[20812,2],[23214,2],[26602,2],[32291,2],[34656,2],[37021,2],[44631,2],[47662,2],[53316,2],[55955,2],[58408,2],[62120,2],[65341,2],[68718,2],[71856,2],[74831,2],[78128,2],[81219,2],[83985,2],[89090,2],[97320,2],[99511,2],[101949,2],[106064,2],[109945,2],[123456,2]]}}}],["4.33",{"_index":3164,"t":{"564":{"position":[[4776,5],[5289,5]]}}}],["40",{"_index":3342,"t":{"570":{"position":[[2023,3],[5256,3]]},"574":{"position":[[2195,4]]}}}],["401",{"_index":629,"t":{"110":{"position":[[362,4]]}}}],["414",{"_index":627,"t":{"110":{"position":[[291,4]]}}}],["416",{"_index":635,"t":{"110":{"position":[[495,4]]}}}],["438",{"_index":620,"t":{"108":{"position":[[671,4]]}}}],["458",{"_index":623,"t":{"108":{"position":[[755,4]]}}}],["462",{"_index":624,"t":{"108":{"position":[[794,4]]}}}],["468",{"_index":617,"t":{"108":{"position":[[594,4]]}}}],["473",{"_index":603,"t":{"108":{"position":[[253,4]]}}}],["476",{"_index":605,"t":{"108":{"position":[[305,3]]}}}],["478",{"_index":609,"t":{"108":{"position":[[409,4]]}}}],["482",{"_index":612,"t":{"108":{"position":[[475,4]]}}}],["483",{"_index":614,"t":{"108":{"position":[[524,4]]}}}],["484",{"_index":608,"t":{"108":{"position":[[371,4]]}}}],["486",{"_index":657,"t":{"112":{"position":[[786,4]]}}}],["488",{"_index":618,"t":{"108":{"position":[[636,4]]}}}],["497",{"_index":654,"t":{"112":{"position":[[725,4]]}}}],["498",{"_index":666,"t":{"112":{"position":[[997,4]]}}}],["4@employee.firstname@employee.lastname@employeeid@employee.firstname@employee.lastname@employeeidanoth",{"_index":3738,"t":{"600":{"position":[[14823,21]]}}}],["activepagenumb",{"_index":2034,"t":{"534":{"position":[[216,16]]}}}],["activepagenumber=\"1",{"_index":2060,"t":{"534":{"position":[[1771,20],[2046,20]]}}}],["activepagenumber=\"2",{"_index":2072,"t":{"534":{"position":[[2581,20],[2632,20],[2712,20]]}}}],["activepagenumber=\"3",{"_index":2067,"t":{"534":{"position":[[2098,20]]}}}],["activepagenumber=\"5",{"_index":2068,"t":{"534":{"position":[[2150,20],[2346,20],[2425,20],[2476,20]]}}}],["activepagenumber=\"@currentpagenumb",{"_index":2075,"t":{"534":{"position":[[2821,37]]}}}],["actual",{"_index":1824,"t":{"530":{"position":[[1442,8],[1601,8]]}}}],["ad",{"_index":166,"t":{"10":{"position":[[96,5]]},"12":{"position":[[176,5]]},"66":{"position":[[680,5],[728,5]]},"88":{"position":[[362,5]]},"102":{"position":[[972,5],[1018,5]]},"104":{"position":[[413,5],[694,5]]},"118":{"position":[[731,5]]},"222":{"position":[[784,5]]},"404":{"position":[[140,5]]},"510":{"position":[[1007,5]]},"512":{"position":[[165,5]]},"514":{"position":[[219,5],[3962,6]]},"516":{"position":[[195,5],[552,5],[1383,5],[1891,5]]},"520":{"position":[[418,5],[738,5],[902,5],[1065,5],[1229,5],[1458,5],[2021,5],[2253,5],[2416,5]]},"522":{"position":[[199,5],[517,5],[714,5]]},"526":{"position":[[197,5],[729,5]]},"528":{"position":[[225,5],[1563,5]]},"530":{"position":[[226,5],[1335,5]]},"532":{"position":[[252,5],[353,5]]},"536":{"position":[[455,5],[668,5]]},"540":{"position":[[207,5],[535,5]]},"544":{"position":[[181,5]]},"546":{"position":[[168,5],[431,5],[509,5],[937,5],[1379,5],[1837,5],[4695,6]]},"548":{"position":[[641,5],[1100,5]]},"550":{"position":[[431,5]]},"552":{"position":[[384,5],[521,5],[806,5],[1079,5],[2278,5],[2535,5]]},"554":{"position":[[288,5],[426,5],[711,5],[974,5],[2665,5],[2904,5]]},"556":{"position":[[433,5],[570,5],[855,5],[1120,5],[4629,5],[4868,5]]},"558":{"position":[[229,5],[366,5],[651,5],[914,5],[2011,5],[2258,5]]},"562":{"position":[[282,5],[1618,5],[1863,5],[2215,5]]},"566":{"position":[[357,5],[1089,5]]},"568":{"position":[[206,5],[493,5],[606,5]]},"570":{"position":[[183,5],[633,5],[748,5],[900,5]]},"574":{"position":[[361,5],[1093,5]]},"600":{"position":[[295,5],[1000,5],[1378,5],[1748,5],[2003,5],[2180,5],[2901,5],[3268,5]]},"602":{"position":[[263,5],[729,5],[888,5]]},"604":{"position":[[241,5],[3058,5],[3678,5],[3991,5],[6649,5],[46372,6],[49173,6],[58781,6]]}}}],["add",{"_index":596,"t":{"106":{"position":[[250,3],[373,3]]},"108":{"position":[[223,3],[269,3]]},"110":{"position":[[261,3]]},"510":{"position":[[180,4]]},"512":{"position":[[2018,3]]},"514":{"position":[[3474,3],[6578,3]]},"516":{"position":[[2517,4],[3068,4],[3618,4],[4381,4],[5006,4],[5629,4],[6371,4],[6922,4],[7472,4],[8175,4],[8742,4],[9292,4],[10007,4],[10558,4],[11108,4],[12187,4],[12750,4],[13312,4],[13870,4],[14418,4],[14978,4],[18504,4],[19055,4],[19605,4],[20889,4],[21462,4],[22034,4]]},"518":{"position":[[452,3]]},"520":{"position":[[5897,3]]},"524":{"position":[[2913,3],[3401,3],[3890,3],[4376,3],[4861,3]]},"526":{"position":[[852,4],[6918,3]]},"528":{"position":[[83,3],[9558,3]]},"534":{"position":[[2249,3]]},"536":{"position":[[174,3],[958,3]]},"542":{"position":[[1885,3],[6105,3],[7102,3]]},"544":{"position":[[91,3]]},"546":{"position":[[2737,3]]},"548":{"position":[[4616,3],[9797,3],[11386,3]]},"552":{"position":[[558,4],[615,4],[3653,3]]},"554":{"position":[[463,4],[520,4],[4275,3]]},"556":{"position":[[607,4],[664,4],[6312,3],[6458,3]]},"558":{"position":[[403,4],[460,4],[3361,3]]},"560":{"position":[[7272,3]]},"564":{"position":[[4873,4],[10891,3]]},"570":{"position":[[5291,3]]},"572":{"position":[[257,3],[371,3],[478,3],[1010,3],[1348,3],[1435,3],[1821,3],[2155,3],[2674,3],[2752,3],[5348,3],[5690,3],[8111,3],[8130,3]]},"576":{"position":[[257,3],[371,3],[476,3],[1008,3],[1252,3],[1636,3],[1970,3],[2489,3],[2567,3],[5024,3],[5358,3],[6037,3],[8471,3],[8490,3]]},"578":{"position":[[315,3],[429,3],[935,3],[1318,3],[1652,3],[2171,3],[2249,3],[4017,3],[4351,3],[5006,3],[7362,3],[7381,3]]},"580":{"position":[[384,3],[890,3],[1273,3],[1607,3],[2126,3],[2204,3],[2860,3],[4267,3],[4601,3],[5247,3],[8475,3],[8494,3]]},"582":{"position":[[267,3],[381,3],[485,3],[1022,3],[1266,3],[1655,3],[1989,3],[2602,3],[4867,3],[5202,3],[7365,3],[7384,3]]},"584":{"position":[[267,3],[381,3],[485,3],[1022,3],[1266,3],[1655,3],[1989,3],[2602,3],[5068,3],[7526,3],[7545,3]]},"586":{"position":[[275,3],[389,3],[475,3],[910,3],[1295,3],[1629,3],[2148,3],[2226,3],[3078,3],[3097,3]]},"588":{"position":[[275,3],[389,3],[475,3],[910,3],[1295,3],[1629,3],[2148,3],[2226,3],[2899,3],[2918,3]]},"590":{"position":[[267,3],[381,3],[485,3],[920,3],[1309,3],[1643,3],[2256,3],[4272,3],[4606,3],[7222,3],[7241,3]]},"596":{"position":[[4958,3]]},"600":{"position":[[10756,3],[11825,3],[12426,3],[13482,3],[14521,3],[16605,3],[17195,3]]},"604":{"position":[[6894,3],[11677,3],[14318,3],[21897,3],[24221,3],[30644,3],[30793,3],[33300,3],[42556,3],[42611,3],[49978,3],[57143,3],[57252,3],[59515,3],[59541,4],[59640,3],[59723,4]]}}}],["addadditionalassemblies(typeof(counter).assembl",{"_index":3610,"t":{"580":{"position":[[5957,51]]}}}],["addasync",{"_index":570,"t":{"102":{"position":[[673,8],[739,8],[801,8],[862,8]]}}}],["addcustom",{"_index":2344,"t":{"546":{"position":[[14378,13]]}}}],["adddataasync",{"_index":2514,"t":{"552":{"position":[[535,12],[5645,14],[12650,14]]},"554":{"position":[[440,12],[6540,14]]},"556":{"position":[[584,12],[6441,16],[8407,14]]},"558":{"position":[[380,12],[5243,14],[8922,14]]}}}],["adddataasync()\">add",{"_index":2553,"t":{"552":{"position":[[3782,19],[10870,19]]},"554":{"position":[[4404,19]]},"558":{"position":[[3490,19],[7284,19]]}}}],["adddatasetasync",{"_index":569,"t":{"102":{"position":[[653,15],[719,15],[781,15],[842,15]]},"552":{"position":[[589,15],[3633,19],[5395,17]]},"554":{"position":[[494,15],[4255,19],[6272,17]]},"556":{"position":[[638,15],[6292,19],[8169,17]]},"558":{"position":[[434,15],[3341,19],[5008,17]]}}}],["addemploye",{"_index":4153,"t":{"604":{"position":[[58720,13]]}}}],["addemployee2",{"_index":4157,"t":{"604":{"position":[[58911,14]]}}}],["addinteractiveservercompon",{"_index":3593,"t":{"578":{"position":[[5075,34]]},"580":{"position":[[5316,33]]}}}],["addinteractiveserverrendermod",{"_index":3597,"t":{"578":{"position":[[5526,34]]},"580":{"position":[[5884,33]]}}}],["addinteractivewebassemblycompon",{"_index":3607,"t":{"580":{"position":[[5350,39]]}}}],["addinteractivewebassemblyrendermod",{"_index":3609,"t":{"580":{"position":[[5918,38]]}}}],["addit",{"_index":905,"t":{"508":{"position":[[1575,10],[1619,10],[2105,10],[4027,10]]},"512":{"position":[[2315,10]]},"514":{"position":[[3521,10]]},"520":{"position":[[6132,10],[6648,10],[6943,10],[7413,10],[7745,10],[8074,10],[11038,10],[11402,10],[11741,10],[12311,10],[12696,10],[13056,10]]},"524":{"position":[[3210,10],[3698,10],[4187,10],[4673,10],[5158,10]]},"526":{"position":[[765,10],[935,10]]},"528":{"position":[[259,10],[548,10],[890,10],[1929,9]]},"530":{"position":[[260,10],[463,10],[572,10],[1849,9]]},"534":{"position":[[2316,10]]},"600":{"position":[[18367,10]]},"602":{"position":[[170,10],[937,10]]}}}],["addition",{"_index":2272,"t":{"546":{"position":[[2780,13]]}}}],["address",{"_index":3100,"t":{"562":{"position":[[10162,7],[10886,7]]}}}],["addtaghelp",{"_index":3424,"t":{"572":{"position":[[3647,13]]},"576":{"position":[[3468,13]]}}}],["adher",{"_index":3353,"t":{"570":{"position":[[4250,6]]}}}],["adil",{"_index":3031,"t":{"562":{"position":[[3576,7],[5447,7],[8072,7]]}}}],["adipisc",{"_index":1858,"t":{"530":{"position":[[7615,10],[8868,10],[10256,10],[11856,10],[13109,10],[14497,10],[15997,10],[17250,10],[18638,10]]}}}],["aenean",{"_index":1937,"t":{"530":{"position":[[8496,6],[9433,6],[12737,6],[13674,6],[16878,6],[17815,6]]}}}],["agnost",{"_index":3073,"t":{"562":{"position":[[4356,8]]},"604":{"position":[[11548,8]]}}}],["ago10.2.5.@agree1@agree2@customer.customername@selectedcustomer.customernameaboutcontactde",{"_index":3143,"t":{"564":{"position":[[3072,5]]}}}],["b>e",{"_index":3139,"t":{"564":{"position":[[2846,5]]}}}],["b>en",{"_index":3130,"t":{"564":{"position":[[2168,5],[2394,5],[3524,5],[3750,5]]}}}],["b>faqsfr",{"_index":3134,"t":{"564":{"position":[[2620,5],[3298,5]]}}}],["b>homeproductsprofilethi",{"_index":1289,"t":{"516":{"position":[[2419,7],[2968,7],[3519,7],[4283,7],[4906,7],[5530,7],[6273,7],[6822,7],[7373,7],[8077,7],[8642,7],[9193,7],[9909,7],[10458,7],[11009,7],[12089,7],[12650,7],[13213,7],[13770,7],[14319,7],[14879,7],[18406,7],[18955,7],[19506,7],[20791,7],[21362,7],[21935,7]]},"546":{"position":[[2044,7],[2265,7],[2489,7],[2977,7],[3198,7],[3422,7],[3893,7],[4175,7],[4459,7],[4822,7],[5043,7],[5284,7],[5509,7],[5912,7],[6133,7],[6357,7]]}}}],["b>zh",{"_index":3156,"t":{"564":{"position":[[3976,5]]}}}],["back",{"_index":405,"t":{"68":{"position":[[318,4],[503,4]]},"112":{"position":[[932,4]]},"526":{"position":[[1907,7]]}}}],["backdrop",{"_index":462,"t":{"78":{"position":[[369,8]]},"528":{"position":[[1515,9],[2521,8],[3015,10],[7423,9],[8153,8],[15191,8]]},"530":{"position":[[2643,8],[7372,9],[21518,8]]}}}],["backend/api",{"_index":3939,"t":{"604":{"position":[[5990,11]]}}}],["background",{"_index":330,"t":{"48":{"position":[[268,11]]},"68":{"position":[[207,10]]},"102":{"position":[[556,10]]},"512":{"position":[[1129,10],[7353,10]]},"514":{"position":[[3385,10]]},"520":{"position":[[301,10],[8232,10],[13683,10]]},"542":{"position":[[171,12],[3534,12],[4350,10],[8335,11],[8351,10]]},"556":{"position":[[3029,10]]},"602":{"position":[[21025,10],[21088,10],[21417,10],[21555,10],[21970,10],[22083,10]]}}}],["backgroundcolor",{"_index":2523,"t":{"552":{"position":[[1093,15],[1143,16],[3992,17],[4147,16],[6560,15],[8341,15],[8883,15],[9425,15],[11080,17],[11235,16],[13759,15]]},"554":{"position":[[988,15],[1038,16],[7718,15],[8843,15],[10309,15],[10580,15],[10852,15],[12537,15],[12808,15],[13080,15],[14635,15],[14906,15],[15178,15]]},"556":{"position":[[1134,15],[1184,16],[9568,15],[11169,15],[11711,15],[12253,15],[14028,15],[14635,15],[15242,15]]},"558":{"position":[[928,15],[978,16],[3680,17],[3835,16],[6114,15],[7474,17],[7629,16],[9985,15],[11682,17],[11837,16],[13283,15]]}}}],["backgroundcolors![datalabelscount",{"_index":2581,"t":{"552":{"position":[[5993,37],[7325,35],[12998,37],[14524,35]]},"558":{"position":[[5569,37],[6879,35],[9248,37],[10750,35],[14048,35]]}}}],["badg",{"_index":30,"t":{"2":{"position":[[224,6],[318,5]]},"68":{"position":[[116,6],[191,5],[230,6],[808,5],[1066,5]]},"112":{"position":[[224,6],[689,5],[705,6],[1242,5]]},"120":{"position":[[386,6],[506,5]]},"124":{"position":[[445,6],[565,5]]},"132":{"position":[[273,6],[367,5]]},"136":{"position":[[20,7],[266,6],[360,5],[541,6],[661,5]]},"142":{"position":[[268,6],[362,5]]},"200":{"position":[[430,6],[550,5]]},"206":{"position":[[169,6],[289,5]]},"208":{"position":[[165,6],[285,5]]},"210":{"position":[[277,6],[371,5]]},"214":{"position":[[439,6],[559,5]]},"226":{"position":[[465,6],[585,5]]},"234":{"position":[[168,6],[288,5]]},"286":{"position":[[271,6],[365,5]]},"290":{"position":[[434,6],[554,5]]},"294":{"position":[[272,6],[366,5]]},"296":{"position":[[433,6],[553,5]]},"304":{"position":[[459,6],[579,5]]},"312":{"position":[[162,6],[282,5]]},"332":{"position":[[265,6],[359,5]]},"336":{"position":[[266,6],[360,5]]},"364":{"position":[[270,6],[364,5]]},"376":{"position":[[274,6],[368,5]]},"378":{"position":[[265,6],[359,5]]},"390":{"position":[[272,6],[366,5]]},"456":{"position":[[269,6],[363,5]]},"480":{"position":[[160,6],[280,5]]},"508":{"position":[[3970,5]]},"510":{"position":[[2350,5]]},"512":{"position":[[11,5],[37,5],[64,5],[255,6],[326,5],[419,5],[504,5],[562,5],[678,6],[796,6],[1148,6],[1252,6],[1362,6],[1466,6],[1567,6],[1671,6],[1766,6],[1864,6],[2396,7],[2444,6],[2493,6],[2590,6],[2691,6],[2788,6],[2883,6],[2980,6],[3071,6],[3164,6],[3278,6],[3441,6],[3570,7],[3699,6],[4165,6],[4465,6],[4767,6],[5094,6],[5397,6],[5702,6],[6032,6],[6335,6],[6640,6],[6912,5],[7059,6],[7376,6]]},"570":{"position":[[1226,6],[1430,6],[1635,6],[1841,6],[4020,6],[4430,6],[4643,6],[4858,6],[5074,6],[5510,6]]},"602":{"position":[[311,5],[11126,6],[11135,5],[11267,6],[21356,5],[21411,5],[24334,5]]}}}],["badge2",{"_index":679,"t":{"126":{"position":[[41,6]]}}}],["badge>newnewnewnewnewnew...(\"#app",{"_index":3627,"t":{"582":{"position":[[5274,40]]},"584":{"position":[[5435,40]]},"590":{"position":[[5320,40]]}}}],["builder.rootcomponents.add(\"head::aft",{"_index":3628,"t":{"582":{"position":[[5315,54]]},"584":{"position":[[5476,54]]},"590":{"position":[[5361,54]]}}}],["builder.services.addblazorbootstrap",{"_index":3406,"t":{"572":{"position":[[2799,38],[5852,38]]},"576":{"position":[[2614,38],[6199,38]]},"578":{"position":[[2296,38],[4964,38]]},"580":{"position":[[2251,38],[2907,38],[5390,38],[6648,38]]},"582":{"position":[[2649,38],[5483,38]]},"584":{"position":[[2649,38],[5644,38]]},"586":{"position":[[2277,38]]},"588":{"position":[[2277,38]]},"590":{"position":[[2303,38],[5529,38]]}}}],["builder.services.addrazorcompon",{"_index":3592,"t":{"578":{"position":[[5037,37]]},"580":{"position":[[5278,37]]}}}],["builder.services.addrazorpag",{"_index":3452,"t":{"572":{"position":[[5721,33]]},"576":{"position":[[6068,33]]}}}],["builder.services.addscoped(sp",{"_index":3629,"t":{"582":{"position":[[5370,29]]},"584":{"position":[[5531,29]]},"590":{"position":[[5416,29]]}}}],["builder.services.addserversideblazor",{"_index":3453,"t":{"572":{"position":[[5755,39]]},"576":{"position":[[6102,39]]}}}],["builder.services.addsingletonheadersom",{"_index":1432,"t":{"520":{"position":[[2851,14],[3613,14],[4084,14],[4448,14],[5440,14],[8406,14],[8698,14],[8986,14],[9272,14],[9560,14],[9842,14],[10126,14],[10408,14]]}}}],["cardtext>thi",{"_index":1506,"t":{"520":{"position":[[10956,14],[11332,14],[11659,14],[12229,14],[12626,14],[12974,14]]}}}],["cardtext>with",{"_index":1466,"t":{"520":{"position":[[6071,14],[6587,14],[6882,14],[7352,14],[7684,14],[8013,14]]}}}],["cardtitl",{"_index":1424,"t":{"520":{"position":[[2355,9],[13533,9]]}}}],["cardtitle>card",{"_index":1430,"t":{"520":{"position":[[2817,15],[3512,15],[3983,15],[4347,15],[5406,15],[10922,15],[11298,15],[11625,15],[12195,15],[12592,15],[12940,15]]}}}],["cardtitle>dang",{"_index":1490,"t":{"520":{"position":[[9231,17]]}}}],["cardtitle>dark",{"_index":1498,"t":{"520":{"position":[[10369,15]]}}}],["cardtitle>info",{"_index":1494,"t":{"520":{"position":[[9803,15]]}}}],["cardtitle>light",{"_index":1496,"t":{"520":{"position":[[10086,16]]}}}],["cardtitle>primari",{"_index":1484,"t":{"520":{"position":[[8364,18]]}}}],["cardtitle>secondari",{"_index":1486,"t":{"520":{"position":[[8654,20]]}}}],["cardtitle>speci",{"_index":1464,"t":{"520":{"position":[[6024,18],[6540,18],[6835,18],[7305,18],[7637,18],[7966,18]]}}}],["cardtitle>success",{"_index":1488,"t":{"520":{"position":[[8944,18]]}}}],["cardtitle>warn",{"_index":1492,"t":{"520":{"position":[[9518,18]]}}}],["card—in",{"_index":1477,"t":{"520":{"position":[[7180,7]]}}}],["cart",{"_index":1820,"t":{"530":{"position":[[116,6]]}}}],["case",{"_index":2316,"t":{"546":{"position":[[12418,4],[12473,4],[12531,4],[12589,4]]},"562":{"position":[[1002,5],[4261,4],[4369,4]]},"604":{"position":[[9274,4],[11561,4]]}}}],["catch",{"_index":2093,"t":{"536":{"position":[[1442,5]]}}}],["catch(except",{"_index":2438,"t":{"548":{"position":[[12004,15]]},"596":{"position":[[5606,15]]}}}],["categor",{"_index":2541,"t":{"552":{"position":[[2927,11]]},"554":{"position":[[3559,11]]},"556":{"position":[[5524,11]]},"558":{"position":[[2645,11]]}}}],["categori",{"_index":2511,"t":{"552":{"position":[[178,11],[323,9],[3264,10]]},"554":{"position":[[1153,8],[1193,8],[1499,8],[3896,10]]},"556":{"position":[[5861,10]]},"558":{"position":[[166,11],[2982,10]]}}}],["categorypercentag",{"_index":2689,"t":{"554":{"position":[[1427,18]]}}}],["cater",{"_index":1394,"t":{"518":{"position":[[187,5]]}}}],["caus",{"_index":447,"t":{"76":{"position":[[198,7]]},"98":{"position":[[561,7]]}}}],["caution",{"_index":3348,"t":{"570":{"position":[[3466,7]]}}}],["cdn",{"_index":2444,"t":{"550":{"position":[[265,4]]}}}],["cell",{"_index":243,"t":{"30":{"position":[[440,4],[455,4],[471,4]]},"604":{"position":[[37997,4],[38059,4],[40254,4],[40284,4],[42512,4],[66643,4],[125126,4],[125141,4],[125156,4]]}}}],["center",{"_index":557,"t":{"102":{"position":[[317,9]]},"526":{"position":[[1135,6],[6908,9],[6978,6],[7119,8],[7760,8],[8416,8]]},"528":{"position":[[1139,7],[9548,9],[9604,6],[9727,8],[10017,8],[10234,8],[11096,8],[15234,8],[15254,8]]},"552":{"position":[[228,6],[2307,6],[13550,9]]},"554":{"position":[[2693,6],[2746,6]]},"558":{"position":[[2040,6],[9786,9]]},"560":{"position":[[4847,6]]},"564":{"position":[[8361,6]]},"596":{"position":[[2159,9],[5915,8]]},"600":{"position":[[11770,9],[11783,6],[25913,8]]}}}],["centerbottom",{"_index":2421,"t":{"548":{"position":[[9083,53]]}}}],["changeplacement(toastsplacement.bottomleft)\">bottom",{"_index":2420,"t":{"548":{"position":[[8963,51]]}}}],["changeplacement(toastsplacement.bottomright)\">bottom",{"_index":2422,"t":{"548":{"position":[[9207,52]]}}}],["changeplacement(toastsplacement.middlecenter)\">middl",{"_index":2418,"t":{"548":{"position":[[8717,53]]}}}],["changeplacement(toastsplacement.middleleft)\">middl",{"_index":2417,"t":{"548":{"position":[[8597,51]]}}}],["changeplacement(toastsplacement.middleright)\">middl",{"_index":2419,"t":{"548":{"position":[[8841,52]]}}}],["changeplacement(toastsplacement.topcenter)\">top",{"_index":2413,"t":{"548":{"position":[[8363,47]]}}}],["changeplacement(toastsplacement.topleft)\">top",{"_index":2411,"t":{"548":{"position":[[8249,45]]}}}],["changeplacement(toastsplacement.topright)\">top",{"_index":2415,"t":{"548":{"position":[[8481,46]]}}}],["changesgrid",{"_index":4207,"t":{"604":{"position":[[80186,20]]}}}],["changesize(15)\">grid",{"_index":4209,"t":{"604":{"position":[[80303,20]]}}}],["changesize(5)\">grid",{"_index":4205,"t":{"604":{"position":[[80071,19]]}}}],["changesize(int",{"_index":4211,"t":{"604":{"position":[[82391,14]]}}}],["changetooltip",{"_index":1251,"t":{"514":{"position":[[8971,15]]},"544":{"position":[[1773,15]]}}}],["charset=\"utf",{"_index":3429,"t":{"572":{"position":[[3746,12]]},"576":{"position":[[3567,12]]},"578":{"position":[[2957,12]]},"580":{"position":[[3223,12]]},"582":{"position":[[3460,12]]},"584":{"position":[[3460,12]]},"590":{"position":[[2933,12]]}}}],["chart",{"_index":53,"t":{"2":{"position":[[765,9],[843,6],[1129,6],[1587,7],[1838,5],[2018,5],[2265,7]]},"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":[[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":[[166,9],[309,5],[325,7],[951,6]]},"110":{"position":[[367,6],[384,5],[675,6]]},"114":{"position":[[338,5]]},"122":{"position":[[2639,5],[2693,6],[2711,5],[2733,5],[2751,5],[2768,5]]},"124":{"position":[[212,9],[290,6]]},"132":{"position":[[580,7],[831,5]]},"140":{"position":[[33,6],[178,5],[232,6],[250,5],[272,5],[290,5],[307,5]]},"142":{"position":[[809,9],[887,6],[1173,6],[1631,7],[1882,5],[2062,5],[2309,7]]},"144":{"position":[[29,7],[175,5],[229,6],[247,5],[269,5],[287,5],[304,5]]},"154":{"position":[[38,6],[183,5],[237,6],[255,5],[277,5],[295,5],[312,5]]},"166":{"position":[[34,6],[179,5],[233,6],[251,5],[273,5],[291,5],[308,5]]},"172":{"position":[[33,6],[178,5],[232,6],[250,5],[272,5],[290,5],[307,5]]},"202":{"position":[[203,7],[454,5]]},"210":{"position":[[818,9],[896,6],[1182,6],[1640,7],[1891,5],[2071,5],[2318,7]]},"220":{"position":[[2692,5],[2746,6],[2764,5],[2786,5],[2804,5],[2821,5]]},"230":{"position":[[197,7],[448,5]]},"232":{"position":[[205,7],[456,5]]},"250":{"position":[[195,5],[442,7]]},"254":{"position":[[196,7],[447,5]]},"270":{"position":[[198,7],[449,5]]},"284":{"position":[[198,7],[449,5]]},"286":{"position":[[812,9],[890,6],[1176,6],[1634,7],[1885,5],[2065,5],[2312,7]]},"294":{"position":[[813,9],[891,6],[1177,6],[1635,7],[1886,5],[2066,5],[2313,7]]},"308":{"position":[[21,7],[191,7],[442,5]]},"310":{"position":[[20,8],[209,9],[287,6],[573,6]]},"316":{"position":[[199,7],[450,5]]},"332":{"position":[[590,9],[668,6],[954,6],[1412,7],[1663,5]]},"336":{"position":[[591,9],[669,6],[955,6],[1130,5],[1377,7]]},"352":{"position":[[209,9],[287,6],[573,6],[749,7],[1000,5]]},"354":{"position":[[197,7],[448,5]]},"366":{"position":[[292,6]]},"380":{"position":[[192,7],[443,5]]},"382":{"position":[[290,6]]},"388":{"position":[[208,9],[286,6]]},"392":{"position":[[192,7],[443,5]]},"432":{"position":[[168,5],[222,6],[240,5],[262,5],[280,5],[297,5]]},"442":{"position":[[191,7]]},"446":{"position":[[192,5]]},"448":{"position":[[193,7],[444,5]]},"452":{"position":[[292,6]]},"454":{"position":[[211,9],[289,6]]},"518":{"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]]},"520":{"position":[[13344,6]]},"522":{"position":[[5246,6]]},"544":{"position":[[1901,5]]},"552":{"position":[[28,5],[63,5],[94,5],[124,5],[213,6],[248,5],[422,5],[464,5],[575,6],[635,6],[685,6],[726,6],[1789,6],[2172,5],[2605,5],[2877,7],[7434,5],[7551,5],[14637,5],[14653,5]]},"554":{"position":[[23,5],[53,5],[82,5],[326,5],[369,5],[480,6],[540,6],[590,6],[631,6],[2037,6],[2420,5],[2958,6],[2982,6],[3012,7],[3197,5],[3509,7],[8391,6],[9789,6],[11871,5],[11988,5],[16340,5],[16516,5],[16534,5]]},"556":{"position":[[24,5],[55,5],[85,5],[238,6],[471,5],[513,5],[624,6],[684,6],[734,6],[775,6],[1846,6],[2134,6],[4383,5],[4922,6],[4946,6],[4976,7],[5161,5],[5474,7],[6633,5],[6801,5],[16613,5],[16628,5]]},"558":{"position":[[23,5],[53,5],[82,5],[112,5],[267,5],[309,5],[420,6],[480,6],[530,6],[571,6],[1619,6],[1910,5],[2328,5],[2595,7],[10918,5],[14162,5]]},"572":{"position":[[1847,5],[2205,5],[2687,5],[5374,5]]},"576":{"position":[[1662,5],[2020,5],[2502,5],[5050,5],[5408,5]]},"578":{"position":[[1344,5],[1702,5],[2184,5],[4043,5],[4401,5]]},"580":{"position":[[1299,5],[1657,5],[2139,5],[4293,5],[4651,5]]},"582":{"position":[[1681,5],[2039,5],[2537,5],[4893,5]]},"584":{"position":[[1681,5],[2039,5],[2537,5],[5094,5]]},"586":{"position":[[1321,5],[1679,5],[2161,5]]},"588":{"position":[[1321,5],[1679,5],[2161,5]]},"590":{"position":[[1335,5],[1693,5],[2191,5],[4298,5],[4656,5]]},"596":{"position":[[5848,5]]}}}],["chart.j",{"_index":1391,"t":{"518":{"position":[[114,8]]},"572":{"position":[[1825,8],[2642,8],[5352,8]]},"576":{"position":[[1640,8],[2457,8],[5028,8]]},"578":{"position":[[1322,8],[2139,8],[4021,8]]},"580":{"position":[[1277,8],[2094,8],[4271,8]]},"582":{"position":[[1659,8],[2480,8],[4871,8]]},"584":{"position":[[1659,8],[2480,8],[5072,8]]},"586":{"position":[[1299,8],[2116,8]]},"588":{"position":[[1299,8],[2116,8]]},"590":{"position":[[1313,8],[2134,8],[4276,8]]}}}],["chart1",{"_index":682,"t":{"126":{"position":[[89,6],[206,6],[337,6],[409,6],[1246,6]]}}}],["chart🗙reload.visu",{"_index":1580,"t":{"524":{"position":[[3242,15],[3730,15],[4219,15],[4705,15],[5190,15]]}}}],["code>step2dangerdangerinfoinfoprimaryprimarysav",{"_index":1714,"t":{"528":{"position":[[3523,32],[9187,32],[9865,32],[10944,32],[14252,32]]}}}],["color=\"buttoncolor.primary\">understoodcent",{"_index":3729,"t":{"600":{"position":[[12010,38]]}}}],["color=\"buttoncolor.secondary\">click",{"_index":3780,"t":{"600":{"position":[[22666,39],[23090,39]]}}}],["color=\"buttoncolor.secondary\">default",{"_index":3775,"t":{"600":{"position":[[22242,37]]}}}],["color=\"buttoncolor.secondary\">dropdown",{"_index":3702,"t":{"600":{"position":[[3788,38],[19136,38],[23855,38],[24911,38]]}}}],["color=\"buttoncolor.secondary\">dropdowndropenddropstartdropup",{"_index":3726,"t":{"600":{"position":[[10925,36],[11347,36]]}}}],["color=\"buttoncolor.secondary\">larg",{"_index":3722,"t":{"600":{"position":[[9000,35],[9410,35]]}}}],["color=\"buttoncolor.secondary\">manu",{"_index":3785,"t":{"600":{"position":[[23461,36]]}}}],["color=\"buttoncolor.secondary\">right",{"_index":3749,"t":{"600":{"position":[[16776,35]]}}}],["color=\"buttoncolor.secondary\">secondarysecondarysmal",{"_index":3724,"t":{"600":{"position":[[9889,35],[10281,35]]}}}],["color=\"buttoncolor.secondary\">split",{"_index":3733,"t":{"600":{"position":[[13004,35],[14373,35]]}}}],["color=\"buttoncolor.success",{"_index":1157,"t":{"514":{"position":[[2145,28],[2916,27]]},"528":{"position":[[6935,27]]},"530":{"position":[[6463,27]]},"536":{"position":[[2671,27]]},"542":{"position":[[4599,27]]},"546":{"position":[[13988,27]]},"548":{"position":[[2170,27],[3613,27],[5152,27],[6742,27],[10422,27]]},"560":{"position":[[9023,27]]},"564":{"position":[[12773,27]]},"566":{"position":[[8180,27],[11265,27]]},"574":{"position":[[7326,27],[10564,27]]},"596":{"position":[[1220,27],[2403,27],[3591,27]]},"600":{"position":[[7342,27],[20458,27]]}}}],["color=\"buttoncolor.success\">successsuccesswarningwarning*@messagedangerdark(\"ar",{"_index":1626,"t":{"526":{"position":[[2829,44]]}}}],["dialog.showasync(titl",{"_index":1668,"t":{"526":{"position":[[6139,49],[7989,49]]}}}],["dialog1",{"_index":745,"t":{"126":{"position":[[1279,7],[1372,7]]}}}],["dialog2",{"_index":684,"t":{"126":{"position":[[144,7],[182,7]]}}}],["dialogcssclass",{"_index":1596,"t":{"526":{"position":[[743,14]]},"528":{"position":[[526,14]]}}}],["dialogoptions.isscrollable=\"tru",{"_index":1669,"t":{"526":{"position":[[6366,34],[7598,34]]}}}],["dialogoptions.isverticallycentered=\"tru",{"_index":1671,"t":{"526":{"position":[[6922,41]]}}}],["dialogs",{"_index":1604,"t":{"526":{"position":[[1298,10]]}}}],["dictionari",{"_index":1726,"t":{"528":{"position":[[5412,11],[5661,11]]},"530":{"position":[[4867,11],[5116,11]]}}}],["dictionaryanoth",{"_index":3745,"t":{"600":{"position":[[16223,23]]}}}],["disabled>dis",{"_index":2242,"t":{"544":{"position":[[1119,17]]}}}],["disabledropdown",{"_index":3744,"t":{"600":{"position":[[15820,17]]}}}],["disablerowselect",{"_index":3881,"t":{"604":{"position":[[1186,19],[75948,19]]}}}],["disablerowselection=\"disablerowselectionhandl",{"_index":4200,"t":{"604":{"position":[[76391,48]]}}}],["disablerowselectionhandler(employee1",{"_index":4203,"t":{"604":{"position":[[79081,36]]}}}],["disappear",{"_index":474,"t":{"80":{"position":[[258,9]]},"84":{"position":[[302,9]]}}}],["discount",{"_index":2945,"t":{"560":{"position":[[8416,9],[9662,8],[9753,9],[10245,9],[10302,8]]},"564":{"position":[[12123,9],[13412,8],[13503,9],[13994,9],[14051,8]]},"600":{"position":[[19917,9],[21136,8],[21227,9],[21719,9],[21776,8]]}}}],["discount:som",{"_index":2007,"t":{"530":{"position":[[20290,9]]}}}],["div>switch",{"_index":3311,"t":{"568":{"position":[[910,11]]}}}],["divid",{"_index":561,"t":{"102":{"position":[[389,9]]},"508":{"position":[[1674,9]]},"510":{"position":[[970,9],[980,8],[1127,8],[1177,8],[1564,8],[1729,8],[2400,8]]},"600":{"position":[[17684,9],[17739,8],[25990,8]]}}}],["doc",{"_index":40,"t":{"2":{"position":[[368,4],[867,4],[1142,4],[1424,4],[1856,4]]},"8":{"position":[[597,4]]},"14":{"position":[[156,4],[258,4]]},"20":{"position":[[238,4]]},"22":{"position":[[124,4],[177,4]]},"26":{"position":[[124,4],[203,4]]},"28":{"position":[[211,4]]},"32":{"position":[[429,4]]},"34":{"position":[[770,4]]},"68":{"position":[[663,4]]},"104":{"position":[[689,4],[1025,4]]},"106":{"position":[[404,4],[599,4]]},"108":{"position":[[397,4],[641,4],[654,5],[676,5],[698,4],[760,5],[782,4],[975,4]]},"110":{"position":[[500,4],[688,4]]},"112":{"position":[[1051,4],[1292,4]]},"118":{"position":[[156,4]]},"124":{"position":[[314,4]]},"128":{"position":[[199,4]]},"130":{"position":[[184,4],[390,4],[919,4],[1116,4]]},"132":{"position":[[417,4],[849,4],[2762,4],[2968,4]]},"136":{"position":[[410,4]]},"142":{"position":[[412,4],[911,4],[1186,4],[1468,4],[1900,4]]},"202":{"position":[[472,4]]},"210":{"position":[[421,4],[920,4],[1195,4],[1477,4],[1909,4]]},"218":{"position":[[237,4],[443,4],[972,4],[1169,4]]},"222":{"position":[[209,4]]},"230":{"position":[[466,4]]},"232":{"position":[[474,4]]},"248":{"position":[[319,4]]},"254":{"position":[[465,4]]},"256":{"position":[[314,4]]},"270":{"position":[[467,4]]},"284":{"position":[[467,4]]},"286":{"position":[[415,4],[914,4],[1189,4],[1471,4],[1903,4]]},"294":{"position":[[416,4],[915,4],[1190,4],[1472,4],[1904,4]]},"306":{"position":[[229,4]]},"308":{"position":[[460,4]]},"310":{"position":[[311,4],[586,4]]},"316":{"position":[[468,4]]},"332":{"position":[[20,6],[409,4],[692,4],[967,4],[1249,4],[1681,4],[1880,4],[2086,4]]},"334":{"position":[[1816,4]]},"336":{"position":[[410,4],[693,4],[968,4]]},"338":{"position":[[308,4]]},"342":{"position":[[313,4]]},"352":{"position":[[311,4],[586,4],[1018,4]]},"354":{"position":[[466,4]]},"358":{"position":[[167,4]]},"362":{"position":[[1359,4]]},"364":{"position":[[414,4]]},"366":{"position":[[305,4]]},"368":{"position":[[173,4]]},"376":{"position":[[418,4]]},"378":{"position":[[409,4]]},"380":{"position":[[461,4]]},"382":{"position":[[303,4]]},"388":{"position":[[310,4]]},"390":{"position":[[416,4]]},"392":{"position":[[461,4]]},"408":{"position":[[200,4]]},"416":{"position":[[168,4]]},"418":{"position":[[168,4]]},"426":{"position":[[235,4]]},"428":{"position":[[228,4]]},"448":{"position":[[462,4]]},"450":{"position":[[312,4]]},"452":{"position":[[305,4]]},"454":{"position":[[313,4]]},"456":{"position":[[413,4]]},"510":{"position":[[848,7],[861,8],[1448,7],[1461,8],[2181,7],[2194,8]]},"592":{"position":[[247,4]]},"594":{"position":[[252,4]]}}}],["docs7",{"_index":754,"t":{"126":{"position":[[1380,5]]}}}],["doctyp",{"_index":3426,"t":{"572":{"position":[[3700,9]]},"576":{"position":[[3521,9]]},"578":{"position":[[2911,9]]},"580":{"position":[[3177,9]]},"582":{"position":[[3414,9]]},"584":{"position":[[3414,9]]},"590":{"position":[[2887,9]]}}}],["document",{"_index":130,"t":{"6":{"position":[[116,11],[163,13]]},"8":{"position":[[153,13],[226,13],[636,13]]},"10":{"position":[[136,14]]},"30":{"position":[[603,13]]},"32":{"position":[[373,13]]},"34":{"position":[[626,13],[665,13],[701,13]]},"36":{"position":[[218,13]]},"38":{"position":[[332,13],[378,13],[420,13],[461,13]]},"40":{"position":[[356,13]]},"42":{"position":[[676,13],[712,13]]},"44":{"position":[[468,13],[509,13],[548,13]]},"46":{"position":[[453,13]]},"48":{"position":[[451,13],[489,13]]},"50":{"position":[[630,13],[676,13],[715,13],[751,13]]},"52":{"position":[[420,13]]},"54":{"position":[[490,13]]},"56":{"position":[[356,13]]},"58":{"position":[[675,13],[711,13]]},"60":{"position":[[617,13]]},"62":{"position":[[315,13]]},"64":{"position":[[341,13]]},"66":{"position":[[821,13],[852,13],[880,13],[909,13]]},"68":{"position":[[635,14],[814,13],[844,13],[875,13],[904,13],[952,13],[995,13]]},"70":{"position":[[797,13],[823,13],[854,13],[881,13],[912,13]]},"72":{"position":[[316,13]]},"74":{"position":[[374,13]]},"76":{"position":[[392,13],[418,13]]},"78":{"position":[[1431,13],[1462,13],[1497,13],[1533,13],[1565,13],[1599,13],[1627,13],[1659,13]]},"80":{"position":[[355,13],[386,13],[421,13],[457,13],[489,13],[523,13],[551,13],[583,13]]},"82":{"position":[[514,13],[543,13]]},"84":{"position":[[467,13],[496,13],[528,13]]},"86":{"position":[[356,13],[386,13]]},"88":{"position":[[600,13],[635,13],[661,13],[689,13],[715,13]]},"90":{"position":[[289,13]]},"94":{"position":[[370,13]]},"96":{"position":[[290,13]]},"98":{"position":[[764,13],[805,13],[843,13],[880,13],[922,13],[961,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":[[869,13]]},"110":{"position":[[583,13]]},"112":{"position":[[1157,13]]},"114":{"position":[[355,13]]},"118":{"position":[[552,13],[771,14],[941,11]]},"122":{"position":[[3002,13]]},"132":{"position":[[2522,13]]},"220":{"position":[[3055,13]]},"222":{"position":[[605,13],[824,14],[994,11]]},"400":{"position":[[160,11]]},"402":{"position":[[197,13]]},"404":{"position":[[180,14]]},"430":{"position":[[262,13]]},"514":{"position":[[1263,8]]},"518":{"position":[[637,13],[741,13],[833,13],[922,13]]},"520":{"position":[[1797,9]]},"522":{"position":[[1541,14]]},"528":{"position":[[2911,8]]},"532":{"position":[[427,8]]},"540":{"position":[[59,13],[479,9]]},"542":{"position":[[49,13]]},"546":{"position":[[41,13]]},"600":{"position":[[2708,9]]}}}],["documentationdropdown",{"_index":3754,"t":{"600":{"position":[[18077,25]]}}}],["dropdownhead",{"_index":3697,"t":{"600":{"position":[[1937,14],[2093,15],[25756,14]]}}}],["dropdownheader>dropdown",{"_index":3752,"t":{"600":{"position":[[17369,24]]}}}],["dropdownitem",{"_index":3698,"t":{"600":{"position":[[2116,12],[3872,13],[3938,13],[4012,13],[4284,13],[4350,13],[4424,13],[4642,13],[4708,13],[4782,13],[4996,13],[5062,13],[5136,13],[5344,13],[5410,13],[5484,13],[5698,13],[5764,13],[5838,13],[6050,13],[6116,13],[6190,13],[6542,13],[6608,13],[6682,13],[6968,13],[7034,13],[7108,13],[7388,13],[7454,13],[7528,13],[7799,13],[7865,13],[7939,13],[8219,13],[8285,13],[8359,13],[8636,13],[8702,13],[8776,13],[9081,13],[9165,13],[9239,13],[9552,13],[9618,13],[9692,13],[9970,13],[10036,13],[10110,13],[10423,13],[10489,13],[10563,13],[11017,13],[11083,13],[11157,13],[11490,13],[11556,13],[11630,13],[12094,13],[12160,13],[12234,13],[12673,13],[12739,13],[12813,13],[13141,13],[13207,13],[13281,13],[13735,13],[13801,13],[13875,13],[14116,13],[14182,13],[14256,13],[14497,12],[14560,12],[14713,13],[14779,13],[14867,13],[15232,13],[15298,13],[15372,13],[15950,12],[16113,13],[16179,13],[16269,13],[16907,13],[16973,13],[17047,13],[17418,13],[17484,13],[17558,13],[17858,13],[17924,13],[17998,13],[18128,13],[22327,13],[22396,13],[22465,13],[22752,13],[22821,13],[22890,13],[23175,13],[23244,13],[23313,13],[23542,13],[23611,13],[23680,13],[23939,13],[24005,13],[24079,13],[24995,13],[25061,13],[25135,13],[25782,12]]}}}],["dropdownmenu",{"_index":3695,"t":{"600":{"position":[[1684,12],[1838,13],[2371,13],[3857,14],[4091,15],[4269,14],[4503,15],[4627,14],[4861,15],[4981,14],[5215,15],[5329,14],[5563,15],[5683,14],[5917,15],[6035,14],[6269,15],[6527,14],[6761,15],[6953,14],[7187,15],[7373,14],[7607,15],[7784,14],[8018,15],[8204,14],[8438,15],[8621,14],[8855,15],[9066,14],[9318,15],[9537,14],[9771,15],[9955,14],[10189,15],[10408,14],[10642,15],[10727,12],[11002,14],[11236,15],[11475,14],[11709,15],[11794,12],[12079,14],[12313,15],[12387,12],[12658,14],[12892,15],[13126,14],[13360,15],[13436,12],[13720,14],[13954,15],[14101,14],[14335,15],[14588,13],[14698,14],[14946,15],[15217,14],[15451,15],[15978,12],[16098,14],[16348,15],[16424,12],[16591,13],[16666,12],[16856,13],[17126,15],[17354,14],[17637,15],[17843,14],[18202,15],[18516,13],[18698,15],[19203,13],[20551,15],[22012,12],[22078,13],[22312,14],[22534,15],[22737,14],[22959,15],[23160,14],[23382,15],[23527,14],[23749,15],[23924,14],[24158,15],[24980,14],[25214,15],[25732,12]]}}}],["dropdownmenuposit",{"_index":3696,"t":{"600":{"position":[[1868,20]]}}}],["dropdowntogglebutton",{"_index":3693,"t":{"600":{"position":[[928,20],[1090,21],[3766,21],[4188,21],[4542,21],[4900,21],[5254,21],[5602,21],[5956,21],[6474,21],[6898,21],[7320,21],[7734,21],[8151,21],[8569,21],[8978,21],[9482,21],[9867,21],[10353,21],[10903,21],[11420,21],[11988,21],[12575,21],[13071,21],[13635,21],[14046,21],[14613,21],[15132,21],[16013,21],[16754,21],[17270,21],[17759,21],[18432,21],[19114,21],[22220,21],[22644,21],[23068,21],[23439,21],[23833,21],[24889,21],[25668,20]]}}}],["dropend",{"_index":558,"t":{"102":{"position":[[327,8]]},"600":{"position":[[12367,8],[25922,7]]}}}],["dropendemploye",{"_index":1632,"t":{"526":{"position":[[3292,13]]},"528":{"position":[[4680,13],[6568,13]]},"530":{"position":[[4140,13],[6096,13]]}}}],["end\">first",{"_index":1634,"t":{"526":{"position":[[3420,10]]},"528":{"position":[[4808,10],[6696,10]]},"530":{"position":[[4268,10],[6224,10]]}}}],["end\">last",{"_index":1636,"t":{"526":{"position":[[3555,9]]},"528":{"position":[[4943,9],[6831,9]]},"530":{"position":[[4403,9],[6359,9]]}}}],["enddat",{"_index":3300,"t":{"566":{"position":[[12804,7]]}}}],["enddateinput",{"_index":3281,"t":{"566":{"position":[[11387,12]]}}}],["enddateinput.dis",{"_index":3290,"t":{"566":{"position":[[11940,23]]}}}],["enddateinput.en",{"_index":3293,"t":{"566":{"position":[[12124,22]]}}}],["endregion",{"_index":2599,"t":{"552":{"position":[[7361,10],[14560,10]]},"554":{"position":[[8327,10]]},"556":{"position":[[10368,10]]},"558":{"position":[[6915,10],[10786,10],[14084,10]]}}}],["engin",{"_index":3968,"t":{"604":{"position":[[7856,10],[7989,10],[8112,10],[8374,10],[10201,10],[10334,10],[10457,10],[10719,10],[12577,10],[12710,10],[12833,10],[13095,10],[13960,10],[15349,10],[15482,10],[15605,10],[15867,10],[17768,10],[17901,10],[18024,10],[18286,10],[19151,10],[20520,10],[20653,10],[20776,10],[21038,10],[22922,10],[23055,10],[23178,10],[23440,10],[26087,10],[26330,10],[26566,10],[27054,10],[31999,10],[32132,10],[32255,10],[32517,10],[34364,10],[34497,10],[34620,10],[34882,10],[36729,10],[36862,10],[36985,10],[37247,10],[39134,10],[39248,10],[39355,10],[39584,10],[41392,10],[41506,10],[41613,10],[41842,10],[44116,10],[44359,10],[44595,10],[45083,10],[47370,10],[47503,10],[47626,10],[47888,10],[48753,10],[53024,10],[53157,10],[53280,10],[53542,10],[54407,10],[55663,10],[55796,10],[55919,10],[56181,10],[58116,10],[58249,10],[58372,10],[58634,10],[59342,8],[61828,10],[61961,10],[62084,10],[62346,10],[63211,10],[65049,10],[65182,10],[65305,10],[65567,10],[66432,10],[68426,10],[68559,10],[68682,10],[68944,10],[69809,10],[71564,10],[71697,10],[71820,10],[72082,10],[74539,10],[74672,10],[74795,10],[75057,10],[77836,10],[77969,10],[78092,10],[78354,10],[80927,10],[81060,10],[81183,10],[81445,10],[82310,10],[83693,10],[83826,10],[83949,10],[84211,10],[85076,10],[88931,10],[89054,10],[89316,10],[97161,10],[97284,10],[97546,10],[99352,10],[99475,10],[99737,10],[101790,10],[101913,10],[102175,10],[105772,10],[105905,10],[106028,10],[106290,10],[107155,10],[109652,10],[109786,10],[109909,10],[110171,10],[123164,10],[123297,10],[123420,10],[123682,10],[124547,10]]}}}],["enhanc",{"_index":49,"t":{"2":{"position":[[714,12],[999,12],[1273,12],[1557,12]]},"16":{"position":[[161,12],[184,12]]},"22":{"position":[[129,12],[182,11]]},"26":{"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]]},"40":{"position":[[126,13],[145,13]]},"42":{"position":[[151,12],[516,13]]},"44":{"position":[[116,12],[196,12],[229,12]]},"48":{"position":[[152,12]]},"50":{"position":[[156,13],[321,12],[349,12],[377,12]]},"62":{"position":[[120,12]]},"74":{"position":[[121,12]]},"104":{"position":[[118,12]]},"106":{"position":[[116,12]]},"108":{"position":[[115,12]]},"110":{"position":[[117,12]]},"120":{"position":[[1730,12],[1979,12]]},"122":{"position":[[1033,13],[1399,12],[1747,12],[2089,12],[2378,13]]},"124":{"position":[[161,12]]},"130":{"position":[[115,13],[529,12],[721,12],[924,12],[1121,12]]},"132":{"position":[[550,12],[2693,13]]},"142":{"position":[[758,12],[1043,12],[1317,12],[1601,12]]},"146":{"position":[[797,13],[1163,12],[1511,12]]},"148":{"position":[[214,13],[580,12]]},"152":{"position":[[206,13],[572,12]]},"156":{"position":[[169,12],[418,12],[673,13]]},"158":{"position":[[185,13]]},"160":{"position":[[182,13]]},"162":{"position":[[183,13]]},"164":{"position":[[201,12]]},"170":{"position":[[170,12]]},"174":{"position":[[208,12]]},"176":{"position":[[208,12]]},"178":{"position":[[207,13],[573,12]]},"180":{"position":[[205,12]]},"182":{"position":[[209,12]]},"184":{"position":[[170,12]]},"188":{"position":[[207,13],[573,12]]},"190":{"position":[[200,12]]},"194":{"position":[[206,13]]},"196":{"position":[[450,12]]},"200":{"position":[[1774,12],[2023,12]]},"202":{"position":[[173,12]]},"204":{"position":[[1077,13],[1443,12],[1791,12]]},"210":{"position":[[767,12],[1052,12],[1326,12],[1610,12]]},"214":{"position":[[1783,12],[2032,12]]},"218":{"position":[[168,13],[582,12],[774,12],[977,12],[1174,12]]},"220":{"position":[[1086,13],[1452,12],[1800,12],[2142,12],[2431,13]]},"230":{"position":[[167,12]]},"232":{"position":[[175,12]]},"248":{"position":[[168,12]]},"252":{"position":[[169,12],[418,12],[673,13]]},"254":{"position":[[166,12]]},"256":{"position":[[163,12]]},"270":{"position":[[168,12]]},"284":{"position":[[168,12]]},"286":{"position":[[761,12],[1046,12],[1320,12],[1604,12]]},"290":{"position":[[1778,12],[2027,12]]},"294":{"position":[[762,12],[1047,12],[1321,12],[1605,12]]},"296":{"position":[[1777,12],[2026,12]]},"304":{"position":[[789,12]]},"306":{"position":[[160,13]]},"308":{"position":[[161,12]]},"310":{"position":[[158,12],[443,12]]},"316":{"position":[[169,12]]},"332":{"position":[[539,12],[824,12],[1098,12],[1382,12],[1811,13]]},"334":{"position":[[1254,12],[1503,12],[1747,13],[1955,12]]},"336":{"position":[[540,12],[825,12]]},"338":{"position":[[157,12]]},"342":{"position":[[162,12]]},"344":{"position":[[493,12]]},"346":{"position":[[201,12]]},"352":{"position":[[158,12],[443,12],[719,12]]},"354":{"position":[[167,12]]},"358":{"position":[[172,12]]},"362":{"position":[[1364,12]]},"366":{"position":[[162,12]]},"368":{"position":[[178,12]]},"370":{"position":[[455,12]]},"374":{"position":[[202,12]]},"380":{"position":[[162,12]]},"382":{"position":[[160,12]]},"388":{"position":[[157,12]]},"392":{"position":[[162,12]]},"394":{"position":[[781,12]]},"416":{"position":[[173,12]]},"418":{"position":[[173,12]]},"422":{"position":[[156,12]]},"424":{"position":[[168,12]]},"428":{"position":[[159,13]]},"434":{"position":[[170,13]]},"436":{"position":[[196,12]]},"438":{"position":[[195,12]]},"440":{"position":[[160,12]]},"444":{"position":[[200,13]]},"448":{"position":[[163,12]]},"450":{"position":[[161,12]]},"452":{"position":[[162,12]]},"454":{"position":[[160,12]]},"476":{"position":[[165,12]]},"598":{"position":[[164,12]]}}}],["enim",{"_index":1881,"t":{"530":{"position":[[7857,5],[8303,5],[8789,5],[10691,5],[12098,5],[12544,5],[13030,5],[14932,5],[16239,5],[16685,5],[17171,5],[19073,5]]}}}],["enough",{"_index":2400,"t":{"548":{"position":[[4784,6],[6318,6]]}}}],["ensur",{"_index":139,"t":{"8":{"position":[[94,8]]},"118":{"position":[[493,8]]},"222":{"position":[[546,8]]},"402":{"position":[[138,8]]},"512":{"position":[[2153,6]]},"524":{"position":[[3048,6],[3536,6],[4025,6],[4511,6],[4996,6]]}}}],["enter",{"_index":2892,"t":{"560":{"position":[[3215,5]]},"562":{"position":[[2500,5]]},"564":{"position":[[7505,5]]},"566":{"position":[[3172,5]]},"574":{"position":[[2404,5]]}}}],["enterpris",{"_index":3369,"t":{"572":{"position":[[114,10]]},"576":{"position":[[114,10]]},"578":{"position":[[172,10]]},"580":{"position":[[168,10]]},"582":{"position":[[124,10]]},"584":{"position":[[124,10]]},"586":{"position":[[132,10]]},"588":{"position":[[132,10]]},"590":{"position":[[124,10]]},"592":{"position":[[89,10]]},"594":{"position":[[94,10]]}}}],["entireti",{"_index":1478,"t":{"520":{"position":[[7192,8]]}}}],["entri",{"_index":109,"t":{"2":{"position":[[2956,7]]},"70":{"position":[[330,5],[514,5]]},"116":{"position":[[2826,7],[2840,7]]},"118":{"position":[[1268,7]]},"120":{"position":[[3141,7],[3155,7]]},"122":{"position":[[3064,7],[3078,7]]},"130":{"position":[[2020,7],[2034,7]]},"142":{"position":[[3000,7]]},"198":{"position":[[2870,7],[2884,7]]},"200":{"position":[[3185,7],[3199,7]]},"204":{"position":[[1987,7]]},"210":{"position":[[3009,7]]},"214":{"position":[[3194,7],[3208,7]]},"216":{"position":[[2879,7],[2893,7]]},"218":{"position":[[2073,7],[2087,7]]},"220":{"position":[[3117,7],[3131,7]]},"222":{"position":[[1321,7]]},"250":{"position":[[3003,7]]},"252":{"position":[[816,7]]},"286":{"position":[[3003,7]]},"288":{"position":[[2874,7],[2888,7]]},"290":{"position":[[2921,7]]},"292":{"position":[[2873,7],[2887,7]]},"294":{"position":[[3004,7]]},"296":{"position":[[2920,7]]},"334":{"position":[[2242,7]]},"336":{"position":[[2847,7]]},"352":{"position":[[3202,7]]},"358":{"position":[[447,7]]},"566":{"position":[[9415,5],[9516,5],[13044,5]]},"574":{"position":[[9026,5],[9127,5],[12267,5]]}}}],["enum",{"_index":263,"t":{"34":{"position":[[467,4]]},"524":{"position":[[329,4]]},"536":{"position":[[2277,4]]},"538":{"position":[[1357,5],[2191,5]]},"562":{"position":[[805,4],[939,4],[1294,4]]},"602":{"position":[[574,4]]},"604":{"position":[[4344,4],[5206,4],[5679,4],[6081,4],[40372,6]]}}}],["environ",{"_index":3439,"t":{"572":{"position":[[4501,12],[4622,14],[4637,12],[4745,14]]},"576":{"position":[[4429,12],[4550,14],[4565,12],[4673,14]]},"602":{"position":[[11192,12]]}}}],["equal",{"_index":1500,"t":{"520":{"position":[[10643,5],[11823,5],[13138,5]]},"604":{"position":[[677,5],[121524,5]]}}}],["erat",{"_index":1925,"t":{"530":{"position":[[8322,5],[10188,4],[10511,4],[10894,4],[12563,5],[14429,4],[14752,4],[15135,4],[16704,5],[18570,4],[18893,4],[19276,4]]}}}],["ero",{"_index":1970,"t":{"530":{"position":[[9596,5],[9691,5],[9850,5],[10776,4],[11083,4],[13837,5],[13932,5],[14091,5],[15017,4],[15324,4],[17978,5],[18073,5],[18232,5],[19158,4],[19465,4]]}}}],["error",{"_index":449,"t":{"76":{"position":[[216,5]]},"108":{"position":[[559,5]]},"540":{"position":[[602,5],[1223,5]]},"548":{"position":[[12088,8]]},"572":{"position":[[4490,5],[4547,5]]},"576":{"position":[[4418,5],[4475,5]]},"578":{"position":[[7141,5],[7165,5]]},"580":{"position":[[8233,5],[8257,5]]},"582":{"position":[[4230,5],[4254,5]]},"584":{"position":[[4431,5],[4455,5]]},"590":{"position":[[3887,5],[3911,5]]},"596":{"position":[[5719,8]]}}}],["errormessag",{"_index":2171,"t":{"540":{"position":[[1581,13],[1608,13]]},"560":{"position":[[10117,12],[10230,12],[10387,12]]},"564":{"position":[[13867,12],[13979,12],[14136,12]]},"600":{"position":[[21591,12],[21704,12],[21861,12]]}}}],["es",{"_index":3066,"t":{"562":{"position":[[3886,4],[5757,4],[8382,4]]},"564":{"position":[[2929,3]]}}}],["es(thi",{"_index":1734,"t":{"528":{"position":[[6222,50]]},"530":{"position":[[5739,50]]}}}],["eventcallbackexampl",{"_index":1032,"t":{"512":{"position":[[851,11]]}}}],["h2>exampl",{"_index":1034,"t":{"512":{"position":[[895,11]]}}}],["h3>exampl",{"_index":1036,"t":{"512":{"position":[[939,11]]}}}],["h4",{"_index":909,"t":{"508":{"position":[[1725,3]]},"516":{"position":[[16038,3]]}}}],["h4>convey",{"_index":1577,"t":{"524":{"position":[[2842,13],[3330,13],[3819,13],[4305,13],[4790,13]]}}}],["h4>exampl",{"_index":1038,"t":{"512":{"position":[[983,11]]}}}],["h4>showexampl",{"_index":1040,"t":{"512":{"position":[[1027,11]]}}}],["h6>exampl",{"_index":1042,"t":{"512":{"position":[[1071,11]]}}}],["hand",{"_index":859,"t":{"508":{"position":[[116,7]]},"550":{"position":[[1464,5],[1536,5],[1608,5],[1680,5],[1752,5],[1824,5]]}}}],["handl",{"_index":2094,"t":{"536":{"position":[[1453,6]]},"548":{"position":[[12029,6]]},"562":{"position":[[3961,6],[5832,6],[6861,6],[8457,6],[10617,6],[12128,6],[13622,6]]},"596":{"position":[[5631,6]]}}}],["handleonvalidsubmit",{"_index":2963,"t":{"560":{"position":[[9777,21]]},"562":{"position":[[10066,21]]},"564":{"position":[[13527,21]]},"566":{"position":[[8465,21]]},"600":{"position":[[21251,21]]}}}],["handlevalidsubmit",{"_index":3294,"t":{"566":{"position":[[12161,19]]},"574":{"position":[[7670,19],[11494,19]]}}}],["happi",{"_index":180,"t":{"12":{"position":[[288,5]]}}}],["hard",{"_index":2050,"t":{"534":{"position":[[1391,4]]}}}],["hashsetwel",{"_index":911,"t":{"508":{"position":[[1742,13]]}}}],["heading=\"import",{"_index":1576,"t":{"524":{"position":[[1622,20],[1865,20],[2108,20],[2349,20],[2586,20]]}}}],["headings",{"_index":1421,"t":{"520":{"position":[[2128,11],[2523,11]]}}}],["headingsize.h5",{"_index":1425,"t":{"520":{"position":[[2566,14]]}}}],["headingsize.h6",{"_index":1422,"t":{"520":{"position":[[2171,14]]}}}],["headoutlet",{"_index":3588,"t":{"578":{"position":[[3647,11]]},"580":{"position":[[3901,11]]}}}],["height",{"_index":1501,"t":{"520":{"position":[[10659,6],[11829,6],[13144,6]]},"522":{"position":[[1353,6]]},"528":{"position":[[8793,7],[8930,6],[10550,7],[10687,6]]},"542":{"position":[[342,6],[376,6],[400,6],[446,6],[3126,7],[3142,6],[3185,6],[3203,6],[8328,6]]},"552":{"position":[[398,6],[428,7]]},"554":{"position":[[302,6],[332,7]]},"556":{"position":[[447,6],[477,7]]},"558":{"position":[[243,6],[273,7]]},"602":{"position":[[21323,7]]},"604":{"position":[[1899,6],[1945,7],[107329,6]]}}}],["height=\"1",{"_index":2210,"t":{"542":{"position":[[3256,11]]}}}],["height=\"20",{"_index":2212,"t":{"542":{"position":[[3467,12]]}}}],["height=\"300",{"_index":2729,"t":{"554":{"position":[[8424,12],[9822,12],[12050,12],[14148,12]]}}}],["height=\"350",{"_index":4271,"t":{"604":{"position":[[107575,12]]}}}],["height=\"5",{"_index":2211,"t":{"542":{"position":[[3330,11]]}}}],["height='8'%3e%3cpath",{"_index":1000,"t":{"510":{"position":[[1818,20]]}}}],["hello",{"_index":2392,"t":{"548":{"position":[[3003,8],[4489,8],[5985,8],[7646,8],[9590,8],[11255,8]]}}}],["help",{"_index":1397,"t":{"518":{"position":[[241,5]]},"548":{"position":[[1286,4]]}}}],["helper",{"_index":3407,"t":{"572":{"position":[[2851,7]]},"576":{"position":[[2666,7]]},"578":{"position":[[2348,7]]},"580":{"position":[[2303,7],[2959,7]]},"582":{"position":[[2701,7]]},"584":{"position":[[2701,7]]},"586":{"position":[[2329,7]]},"588":{"position":[[2329,7]]},"590":{"position":[[2355,7]]}}}],["helptext",{"_index":2368,"t":{"548":{"position":[[1253,8],[2963,8],[5945,8],[9550,8],[11215,8]]},"566":{"position":[[12295,9]]},"574":{"position":[[7804,9],[11628,9]]}}}],["hendrerit",{"_index":1988,"t":{"530":{"position":[[10364,9],[14605,9],[18746,9]]}}}],["here",{"_index":904,"t":{"508":{"position":[[1569,5]]},"510":{"position":[[964,5],[1578,5],[2320,5]]},"512":{"position":[[1124,4],[2386,4],[3264,4],[3944,4],[6863,4],[7269,4]]},"514":{"position":[[2520,5],[2737,5],[3273,5],[3910,5],[4697,5],[5558,5],[6505,5],[6879,5],[7454,5],[7890,5],[8564,5],[9054,5],[9813,5]]},"516":{"position":[[4039,5],[6050,5],[7893,5],[9713,5],[11529,5],[18007,5],[20465,5],[23449,5]]},"518":{"position":[[316,5],[605,5],[651,5],[704,5],[755,5],[800,5],[847,5],[890,5],[936,5]]},"520":{"position":[[3088,5],[3442,5],[3841,5],[4764,5],[5072,5],[5872,5],[6284,5],[7109,5],[8226,5],[10557,5],[11965,5],[13301,5]]},"522":{"position":[[2443,4],[3412,4]]},"524":{"position":[[1583,5],[2814,5],[5267,5]]},"526":{"position":[[2042,5],[3925,5],[4645,5],[5731,5],[6891,5],[8184,5]]},"528":{"position":[[3395,5],[3860,5],[5298,5],[7410,5],[8353,5],[9531,5],[10217,5],[11307,5],[12174,5],[13771,5],[14124,5],[15000,5]]},"530":{"position":[[3221,5],[4769,5],[6949,5],[7359,5],[11589,5],[15836,5],[21307,5]]},"532":{"position":[[1215,5]]},"534":{"position":[[1733,5],[2000,5],[2199,5],[2552,5],[2786,5],[3133,5]]},"536":{"position":[[1083,4],[1528,5],[2188,5],[3673,5]]},"538":{"position":[[1023,5],[1242,5],[2052,5],[2486,5],[3405,5]]},"540":{"position":[[1056,5]]},"542":{"position":[[1871,5],[2083,5],[3120,5],[3528,5],[4340,5],[5711,5],[6090,5],[7044,5],[8152,5]]},"544":{"position":[[967,5],[1202,5],[1261,5],[1454,5],[1856,4]]},"546":{"position":[[2681,5],[3614,5],[4651,5],[5701,5],[6549,5],[7135,5],[7815,5],[8421,5],[9035,5],[11105,5],[11603,5],[12713,5],[13559,5],[14724,5]]},"548":{"position":[[3092,5],[3199,4],[4599,5],[6084,5],[7926,5],[9706,5],[11337,5],[11517,4]]},"550":{"position":[[1019,5],[1267,5],[2809,5],[2912,5],[3054,5],[3221,5],[3559,5],[3697,5],[4304,5]]},"552":{"position":[[7404,5],[10534,5],[14603,5]]},"554":{"position":[[8370,5],[9771,5],[11841,5],[14103,5],[16287,5]]},"556":{"position":[[13327,5],[16574,5]]},"558":{"position":[[6958,5],[10829,5],[14127,5]]},"560":{"position":[[1574,4],[3047,4],[3866,4],[4187,4],[4488,4],[4672,4],[5390,4],[5874,4],[7181,4],[10491,4],[11163,4]]},"562":{"position":[[4140,4],[6011,4],[6979,4],[8575,4],[10921,4],[13840,4]]},"564":{"position":[[2061,4],[4456,4],[4793,4],[5306,4],[5846,4],[7337,4],[8186,4],[8960,4],[9472,4],[10797,4],[14240,4],[14916,4]]},"566":{"position":[[1681,4],[3004,4],[5421,4],[6806,4],[8922,4],[9373,4]]},"568":{"position":[[1005,4],[2196,4],[2396,4],[2887,4]]},"570":{"position":[[2038,4],[3329,4],[4157,4],[5271,4],[5936,4]]},"574":{"position":[[1634,4],[2236,4],[3650,4],[4983,4],[8537,4],[8984,4]]},"596":{"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]]},"600":{"position":[[4132,5],[6317,5],[8903,5],[10690,5],[11757,5],[12361,5],[13408,5],[14474,5],[14987,5],[16389,5],[17167,5],[17678,5],[18243,5],[18739,5],[21969,5],[23790,5],[24657,5],[25593,5]]},"602":{"position":[[2558,5],[4496,5],[6443,5],[8725,5],[11115,5],[13568,5],[15978,5],[18392,5],[22184,5],[24117,5]]},"604":{"position":[[9119,4],[11464,4],[14221,4],[16612,4],[19412,4],[21783,4],[24185,4],[28278,4],[30548,4],[33262,4],[35627,4],[37992,4],[40249,4],[42507,4],[46307,4],[49014,4],[49969,4],[54486,4],[56822,4],[59948,4],[63290,4],[66511,4],[72824,4],[75799,4],[79379,4],[82443,4],[85155,4],[89637,4],[97867,4],[100287,4],[102738,4],[107234,4],[110827,4],[113359,4],[115983,4],[118644,4],[121420,4],[124626,4]]}}}],["here'",{"_index":943,"t":{"508":{"position":[[2935,6]]}}}],["herecallout",{"_index":1569,"t":{"524":{"position":[[578,69],[800,69],[1024,69],[1242,69],[1458,69],[1730,69],[1972,69],[2216,69],[2454,69],[2690,69]]}}}],["href=\"net6.blazorserverapp.styles.css",{"_index":3434,"t":{"572":{"position":[[4314,38]]}}}],["href=\"net6.blazorwebassemblyapp.styles.css",{"_index":3623,"t":{"582":{"position":[[4104,43]]}}}],["href=\"net7.blazorserverapp.styles.css",{"_index":3571,"t":{"576":{"position":[[4135,38]]}}}],["href=\"net7.blazorwebassemblyapp.styles.css",{"_index":3636,"t":{"584":{"position":[[4160,43]]}}}],["href=\"net8.blazorautoglobal.styles.css",{"_index":3603,"t":{"580":{"position":[[3802,39]]}}}],["href=\"net8.blazorwebapprendermodeserver.styles.css",{"_index":3587,"t":{"578":{"position":[[3536,51]]}}}],["href=\"net8.blazorwebassemblystandaloneapp.styles.css",{"_index":3649,"t":{"590":{"position":[[3606,53]]}}}],["hst",{"_index":3460,"t":{"572":{"position":[[6048,4],[6155,5]]},"576":{"position":[[6395,4],[6502,5]]},"578":{"position":[[5295,4],[5402,5]]},"580":{"position":[[5653,4],[5760,5]]}}}],["html",{"_index":907,"t":{"508":{"position":[[1630,4]]},"514":{"position":[[8575,4]]},"516":{"position":[[2805,4],[3356,4],[3906,4],[4669,4],[5294,4],[5917,4],[6659,4],[7210,4],[7760,4],[8463,4],[9030,4],[9580,4],[10295,4],[10846,4],[11396,4],[12475,4],[13038,4],[13600,4],[14158,4],[14706,4],[15266,4],[18792,4],[19343,4],[19893,4],[21177,4],[21750,4],[22322,4]]},"528":{"position":[[2837,5]]},"534":{"position":[[1493,4]]},"560":{"position":[[107,4]]},"566":{"position":[[109,4]]},"570":{"position":[[104,4]]},"572":{"position":[[3710,5],[3716,5],[5502,7]]},"574":{"position":[[113,4]]},"576":{"position":[[3531,5],[3537,5],[5849,7]]},"578":{"position":[[2921,5],[2927,5],[4842,7]]},"580":{"position":[[3187,5],[3193,5],[5092,7]]},"582":{"position":[[3424,5],[3430,5],[5021,7]]},"584":{"position":[[3424,5],[3430,5],[5222,7]]},"590":{"position":[[2897,5],[2903,5],[5097,7]]}}}],["http",{"_index":3456,"t":{"572":{"position":[[5935,4]]},"576":{"position":[[6282,4]]},"578":{"position":[[5154,4]]},"580":{"position":[[5473,4]]}}}],["httpclient",{"_index":3630,"t":{"582":{"position":[[5407,10]]},"584":{"position":[[5568,10]]},"590":{"position":[[5453,10]]}}}],["https://aka.ms/aspnetcor",{"_index":3461,"t":{"572":{"position":[[6129,25]]},"576":{"position":[[6476,25]]},"578":{"position":[[5376,25]]},"580":{"position":[[5734,25]]}}}],["https://demos.getblazorbootstrap.com",{"_index":183,"t":{"12":{"position":[[326,37]]},"14":{"position":[[297,37]]}}}],["hybrid",{"_index":3579,"t":{"576":{"position":[[8429,6]]},"580":{"position":[[8418,6]]},"582":{"position":[[7295,6]]},"584":{"position":[[7456,6]]},"586":{"position":[[28,6],[91,6]]},"588":{"position":[[28,6],[91,6]]}}}],["i.",{"_index":1825,"t":{"530":{"position":[[1462,5],[1622,5]]},"556":{"position":[[1980,4]]}}}],["iaculi",{"_index":1983,"t":{"530":{"position":[[10041,7],[14282,7],[18423,7]]}}}],["ichartdataset",{"_index":2522,"t":{"552":{"position":[[1016,14]]},"554":{"position":[[911,14]]},"556":{"position":[[1057,14]]},"558":{"position":[[851,14]]}}}],["icompar",{"_index":3937,"t":{"604":{"position":[[5857,13]]}}}],["icon",{"_index":66,"t":{"2":{"position":[[1305,6],[1408,4]]},"4":{"position":[[233,4]]},"6":{"position":[[229,4]]},"8":{"position":[[677,5]]},"20":{"position":[[139,5],[260,5],[319,5],[361,5]]},"28":{"position":[[159,5],[248,5]]},"34":{"position":[[334,4]]},"42":{"position":[[450,4]]},"50":{"position":[[150,5],[249,4],[362,4],[570,4],[736,4]]},"68":{"position":[[405,4]]},"88":{"position":[[134,6],[327,4],[656,4],[804,4]]},"94":{"position":[[248,4]]},"98":{"position":[[662,4]]},"106":{"position":[[148,6],[287,4],[313,5],[583,4]]},"112":{"position":[[1069,5]]},"116":{"position":[[879,6],[989,4]]},"122":{"position":[[1027,5],[1126,4]]},"130":{"position":[[1721,5],[1775,5]]},"142":{"position":[[1349,6],[1452,4]]},"146":{"position":[[791,5],[890,4]]},"148":{"position":[[208,5],[307,4]]},"152":{"position":[[200,5],[299,4]]},"178":{"position":[[201,5],[300,4]]},"188":{"position":[[201,5],[300,4]]},"194":{"position":[[200,5],[299,4]]},"198":{"position":[[923,6],[1033,4]]},"204":{"position":[[1071,5],[1170,4]]},"210":{"position":[[1358,6],[1461,4]]},"216":{"position":[[932,6],[1042,4]]},"218":{"position":[[1774,5],[1828,5]]},"220":{"position":[[1080,5],[1179,4]]},"248":{"position":[[200,6],[303,4]]},"254":{"position":[[1372,6],[1482,4]]},"256":{"position":[[195,6],[298,4],[463,6],[573,4]]},"262":{"position":[[441,6],[551,4]]},"272":{"position":[[182,6],[292,4]]},"282":{"position":[[183,6],[293,4]]},"286":{"position":[[1352,6],[1455,4]]},"288":{"position":[[927,6],[1037,4]]},"292":{"position":[[926,6],[1036,4]]},"294":{"position":[[1353,6],[1456,4]]},"314":{"position":[[191,5],[245,5]]},"332":{"position":[[1130,6],[1233,4]]},"338":{"position":[[20,6],[189,6],[292,4],[457,6],[567,4]]},"340":{"position":[[21,7],[182,5],[236,5]]},"342":{"position":[[194,6],[297,4]]},"352":{"position":[[1925,6],[2035,4]]},"354":{"position":[[867,6],[977,4]]},"378":{"position":[[558,6],[668,4]]},"394":{"position":[[177,6],[287,4],[1083,5],[1137,5]]},"414":{"position":[[183,5],[237,5]]},"444":{"position":[[194,5],[293,4]]},"450":{"position":[[193,6],[296,4]]},"500":{"position":[[178,6],[288,4]]},"508":{"position":[[2130,6],[2170,5],[2198,6],[2246,5],[2328,4],[2377,5],[2466,4],[2514,5],[2610,4],[2659,5],[2756,4],[2796,4],[4046,5]]},"510":{"position":[[1597,5],[1645,5],[2310,4],[2422,4]]},"516":{"position":[[4056,5],[4190,5],[4812,5],[5437,5],[23613,4]]},"534":{"position":[[467,5],[631,5],[790,5],[957,5],[1752,6],[3249,5]]},"544":{"position":[[1216,4],[1431,4],[1973,4]]},"546":{"position":[[3631,5],[3809,5],[4087,5],[4372,5],[14896,4]]},"548":{"position":[[1236,4],[1348,4]]},"550":{"position":[[8,5],[34,5],[57,4],[88,4],[102,4],[146,5],[179,5],[197,4],[478,4],[548,5],[653,4],[704,4],[868,6],[875,5],[906,5],[941,5],[973,5],[1008,5],[1032,5],[1082,5],[1132,5],[1182,5],[1236,5],[1286,6],[1359,6],[1430,5],[1502,5],[1574,5],[1646,5],[1718,5],[1790,5],[1870,5],[1949,5],[2044,5],[2123,5],[2196,5],[2289,5],[2371,5],[2460,5],[2533,5],[2609,5],[2692,5],[2778,5],[2832,5],[2850,5],[2902,4],[2928,5],[2994,5],[3044,4],[3077,5],[3143,5],[3211,4],[3239,4],[3540,4],[3577,4],[3682,4],[3728,5],[3800,6],[3938,5],[4072,5],[4138,4],[4202,5],[4268,6],[4293,5],[4401,5],[4426,5],[4456,4],[4471,4],[4493,4],[4510,4],[4536,4],[4571,4],[4576,4],[4604,5]]},"562":{"position":[[13869,5]]},"572":{"position":[[2985,6],[3085,6],[3197,6],[3432,6]]},"576":{"position":[[2800,6],[2900,6],[3012,6],[3245,6]]},"582":{"position":[[2835,6],[2935,6],[3047,6],[3279,6]]},"584":{"position":[[2835,6],[2935,6],[3047,6],[3279,6]]},"586":{"position":[[2463,6],[2563,6],[2675,6],[2907,6]]},"588":{"position":[[2463,6]]},"592":{"position":[[1903,5]]},"602":{"position":[[375,4],[1018,4],[1132,4],[1199,4],[3403,9],[3454,8],[4509,5],[5289,9],[5340,8],[7571,9],[7622,8],[8754,5],[8828,5],[9051,5],[9904,9],[9955,8],[11504,5],[12357,9],[12408,8],[13587,5],[13649,4],[13682,6],[13914,5],[14767,9],[14818,8],[16328,5],[17181,9],[17232,8],[19687,9],[19738,8],[21239,4],[21503,4],[22982,9],[23033,8],[24258,5],[24318,5],[24353,4]]}}}],["icon2",{"_index":758,"t":{"126":{"position":[[1407,5]]}}}],["iconcolor",{"_index":2449,"t":{"550":{"position":[[451,9]]},"602":{"position":[[1080,9],[1090,9],[4526,9],[5225,9],[5454,9],[5902,9],[7507,9],[7736,9],[8184,9],[9840,9],[10069,9],[10517,9],[12293,9],[12522,9],[12970,9],[14703,9],[14932,9],[15380,9],[17117,9],[17346,9],[17794,9],[19623,9],[19852,9],[20300,9]]}}}],["iconcolor.dang",{"_index":3831,"t":{"602":{"position":[[5914,16],[8196,16],[10529,16],[12982,16],[15392,16],[17806,16],[20312,16]]}}}],["iconcolor.non",{"_index":2450,"t":{"550":{"position":[[490,14]]},"602":{"position":[[1100,14]]}}}],["iconcolor.primari",{"_index":3829,"t":{"602":{"position":[[5237,17],[7519,17],[9852,17],[12305,17],[14715,17],[17129,17],[19635,17]]}}}],["iconcolor.success",{"_index":3830,"t":{"602":{"position":[[5466,17],[7748,17],[10081,17],[12534,17],[14944,17],[17358,17],[19864,17]]}}}],["iconic/font/css/open",{"_index":3417,"t":{"572":{"position":[[3411,20]]},"576":{"position":[[3224,20]]},"582":{"position":[[3258,20]]},"584":{"position":[[3258,20]]},"586":{"position":[[2886,20]]}}}],["iconnam",{"_index":2038,"t":{"534":{"position":[[434,8],[599,8],[758,8],[921,8]]},"548":{"position":[[1303,8],[1312,8]]},"550":{"position":[[627,8]]},"566":{"position":[[12246,9]]},"572":{"position":[[7722,8],[7840,8],[7940,8]]},"574":{"position":[[7755,9],[11579,9]]},"576":{"position":[[8069,8],[8187,8],[8287,8]]},"578":{"position":[[6836,8],[6954,8],[7052,8]]},"580":{"position":[[7928,8],[8046,8],[8144,8]]},"582":{"position":[[6968,8],[7086,8],[7186,8]]},"584":{"position":[[7129,8],[7247,8],[7347,8]]},"590":{"position":[[6861,8],[6979,8],[7077,8]]},"592":{"position":[[1397,8],[1515,8],[1615,8]]},"594":{"position":[[1402,8],[1520,8],[1620,8]]},"602":{"position":[[565,8],[596,9],[1150,8],[1159,8],[2092,8],[2186,8],[2279,8],[2377,8],[2466,8],[3226,8],[3312,8],[3413,8],[3502,8],[3612,8],[3727,8],[3840,8],[3937,8],[4035,8],[4162,8],[4287,8],[4401,8],[5081,8],[5167,8],[5299,8],[5388,8],[5529,8],[5644,8],[5757,8],[5854,8],[5982,8],[6109,8],[6234,8],[6348,8],[7363,8],[7449,8],[7581,8],[7670,8],[7811,8],[7926,8],[8039,8],[8136,8],[8264,8],[8391,8],[8516,8],[8630,8],[9696,8],[9782,8],[9914,8],[10003,8],[10144,8],[10259,8],[10372,8],[10469,8],[10597,8],[10724,8],[10849,8],[10963,8],[12149,8],[12235,8],[12367,8],[12456,8],[12597,8],[12712,8],[12825,8],[12922,8],[13050,8],[13177,8],[13302,8],[13416,8],[14559,8],[14645,8],[14777,8],[14866,8],[15007,8],[15122,8],[15235,8],[15332,8],[15460,8],[15587,8],[15712,8],[15826,8],[16973,8],[17059,8],[17191,8],[17280,8],[17421,8],[17536,8],[17649,8],[17746,8],[17874,8],[18001,8],[18126,8],[18240,8],[19479,8],[19565,8],[19697,8],[19786,8],[19927,8],[20042,8],[20155,8],[20252,8],[20380,8],[20507,8],[20632,8],[20746,8],[22805,8],[22891,8],[22992,8],[23081,8],[23191,8],[23320,8],[23447,8],[23558,8],[23656,8],[23783,8],[23908,8],[24022,8]]}}}],["iconname.check2al",{"_index":3295,"t":{"566":{"position":[[12256,19]]},"574":{"position":[[7765,19],[11589,19]]}}}],["iconname.checkcirclefil",{"_index":3815,"t":{"602":{"position":[[2197,25],[3623,25],[5540,25],[7822,25],[10155,25],[12608,25],[15018,25],[17432,25],[19938,25],[23202,25]]}}}],["iconname.currencydollar",{"_index":3826,"t":{"602":{"position":[[4173,24],[6120,24],[8402,24],[10735,24],[13188,24],[15598,24],[18012,24],[20518,24],[23794,24]]}}}],["iconname.exclamationtrianglefil",{"_index":3822,"t":{"602":{"position":[[3513,33],[5399,33],[7681,33],[10014,33],[12467,33],[14877,33],[17291,33],[19797,33],[23092,33]]}}}],["iconname.housedoorfil",{"_index":3498,"t":{"572":{"position":[[7733,23]]},"576":{"position":[[8080,23]]},"578":{"position":[[6847,23]]},"580":{"position":[[7939,23]]},"582":{"position":[[6979,23]]},"584":{"position":[[7140,23]]},"590":{"position":[[6872,23]]},"592":{"position":[[1408,23]]},"594":{"position":[[1413,23]]},"602":{"position":[[2103,23],[3237,23],[5092,23],[7374,23],[9707,23],[12160,23],[14570,23],[16984,23],[19490,23],[22816,23]]}}}],["iconname.inputcursor",{"_index":3827,"t":{"602":{"position":[[4298,21],[6245,21],[8527,21],[10860,21],[13313,21],[15723,21],[18137,21],[20643,21],[23919,21]]}}}],["iconname.inputcursortext",{"_index":3816,"t":{"602":{"position":[[2290,25],[4046,25],[5993,25],[8275,25],[10608,25],[13061,25],[15471,25],[17885,25],[20391,25],[23667,25]]}}}],["iconname.layoutsidebarinset",{"_index":3818,"t":{"602":{"position":[[2477,28],[3323,28],[3851,28],[5178,28],[5768,28],[7460,28],[8050,28],[9793,28],[10383,28],[12246,28],[12836,28],[14656,28],[15246,28],[17070,28],[17660,28],[19576,28],[20166,28],[22902,28],[23458,28]]}}}],["iconname.non",{"_index":3811,"t":{"602":{"position":[[1168,13]]}}}],["iconname.personsquar",{"_index":3820,"t":{"602":{"position":[[3424,22],[5310,22],[7592,22],[9925,22],[12378,22],[14788,22],[17202,22],[19708,22],[23003,22]]}}}],["iconname.plussquarefil",{"_index":3500,"t":{"572":{"position":[[7851,24]]},"576":{"position":[[8198,24]]},"578":{"position":[[6965,24]]},"580":{"position":[[8057,24]]},"582":{"position":[[7097,24]]},"584":{"position":[[7258,24]]},"590":{"position":[[6990,24]]},"592":{"position":[[1526,24]]},"594":{"position":[[1531,24]]}}}],["iconname.segmentednav",{"_index":3817,"t":{"602":{"position":[[2388,22],[3738,22],[5655,22],[7937,22],[10270,22],[12723,22],[15133,22],[17547,22],[20053,22],[23331,22]]}}}],["iconname.t",{"_index":3502,"t":{"572":{"position":[[7951,15]]},"576":{"position":[[8298,15]]},"578":{"position":[[7063,15]]},"580":{"position":[[8155,15]]},"582":{"position":[[7197,15]]},"584":{"position":[[7358,15]]},"590":{"position":[[7088,15]]},"592":{"position":[[1626,15]]},"594":{"position":[[1631,15]]}}}],["iconname.toggleon",{"_index":3828,"t":{"602":{"position":[[4412,18],[6359,18],[8641,18],[10974,18],[13427,18],[15837,18],[18251,18],[20757,18],[24033,18]]}}}],["iconname.windowplu",{"_index":3824,"t":{"602":{"position":[[3948,20],[5865,20],[8147,20],[10480,20],[12933,20],[15343,20],[17757,20],[20263,20],[23569,20]]}}}],["iconname=\"iconname.bootstrapfil",{"_index":3480,"t":{"572":{"position":[[6844,33]]},"576":{"position":[[7191,33]]},"578":{"position":[[6131,33]]},"580":{"position":[[7223,33]]},"582":{"position":[[6090,33]]},"584":{"position":[[6251,33]]},"590":{"position":[[6156,33]]},"592":{"position":[[652,33]]},"594":{"position":[[657,33]]},"602":{"position":[[1611,33],[2735,33],[4590,33],[6626,33],[8886,33],[11320,33],[18572,33],[22314,33]]}}}],["icons",{"_index":2455,"t":{"550":{"position":[[678,8]]}}}],["icons.css",{"_index":2447,"t":{"550":{"position":[[349,10]]}}}],["icons.min.css",{"_index":3381,"t":{"572":{"position":[[798,14],[4147,14]]},"576":{"position":[[796,14],[3968,14]]},"578":{"position":[[820,14],[3357,14]]},"580":{"position":[[775,14],[3623,14]]},"582":{"position":[[805,14],[3938,14]]},"584":{"position":[[805,14],[3938,14]]},"586":{"position":[[795,14]]},"588":{"position":[[795,14]]},"590":{"position":[[805,14],[3384,14]]}}}],["icons1",{"_index":759,"t":{"126":{"position":[[1413,6]]}}}],["icons@1.11.0/font/bootstrap",{"_index":2446,"t":{"550":{"position":[[321,27]]}}}],["icons@1.11.3/font/bootstrap",{"_index":3380,"t":{"572":{"position":[[770,27],[4119,27]]},"576":{"position":[[768,27],[3940,27]]},"578":{"position":[[792,27],[3329,27]]},"580":{"position":[[747,27],[3595,27]]},"582":{"position":[[777,27],[3910,27]]},"584":{"position":[[777,27],[3910,27]]},"586":{"position":[[767,27]]},"588":{"position":[[767,27]]},"590":{"position":[[777,27],[3356,27]]}}}],["iconsize.non",{"_index":2456,"t":{"550":{"position":[[715,13]]}}}],["icustomerservic",{"_index":3076,"t":{"562":{"position":[[6373,16],[9891,16],[11619,16],[13113,16]]},"604":{"position":[[112560,16],[115184,16],[117845,16],[120621,16]]}}}],["id",{"_index":446,"t":{"76":{"position":[[182,2]]},"526":{"position":[[3306,2]]},"528":{"position":[[4694,2],[6582,2]]},"530":{"position":[[4154,2],[6110,2],[8084,2],[8621,2],[8818,2],[9333,3],[10290,2],[10994,2],[11176,2],[12325,2],[12862,2],[13059,2],[13574,3],[14531,2],[15235,2],[15417,2],[16466,2],[17003,2],[17200,2],[17715,3],[18672,2],[19376,2],[19558,2]]},"540":{"position":[[314,3]]},"548":{"position":[[1365,2],[1388,3]]},"554":{"position":[[2462,2],[2534,2]]},"556":{"position":[[4425,2],[4497,2]]},"572":{"position":[[7700,2],[7811,2],[7909,2]]},"576":{"position":[[8047,2],[8158,2],[8256,2]]},"578":{"position":[[6814,2],[6925,2],[7023,2]]},"580":{"position":[[7906,2],[8017,2],[8115,2]]},"582":{"position":[[6946,2],[7057,2],[7155,2]]},"584":{"position":[[7107,2],[7218,2],[7316,2]]},"590":{"position":[[6839,2],[6950,2],[7048,2]]},"592":{"position":[[1375,2],[1486,2],[1584,2]]},"594":{"position":[[1380,2],[1491,2],[1589,2]]},"602":{"position":[[1216,2],[1249,3],[1390,3],[2600,2],[3189,2],[3302,2],[3386,2],[3492,2],[3584,2],[3695,2],[3811,2],[3927,2],[4001,2],[4125,2],[4252,2],[4372,2],[5044,2],[5157,2],[5272,2],[5378,2],[5501,2],[5612,2],[5728,2],[5844,2],[5948,2],[6072,2],[6199,2],[6319,2],[7326,2],[7439,2],[7554,2],[7660,2],[7783,2],[7894,2],[8010,2],[8126,2],[8230,2],[8354,2],[8481,2],[8601,2],[9659,2],[9772,2],[9887,2],[9993,2],[10116,2],[10227,2],[10343,2],[10459,2],[10563,2],[10687,2],[10814,2],[10934,2],[12112,2],[12225,2],[12340,2],[12446,2],[12569,2],[12680,2],[12796,2],[12912,2],[13016,2],[13140,2],[13267,2],[13387,2],[14522,2],[14635,2],[14750,2],[14856,2],[14979,2],[15090,2],[15206,2],[15322,2],[15426,2],[15550,2],[15677,2],[15797,2],[16936,2],[17049,2],[17164,2],[17270,2],[17393,2],[17504,2],[17620,2],[17736,2],[17840,2],[17964,2],[18091,2],[18211,2],[19442,2],[19555,2],[19670,2],[19776,2],[19899,2],[20010,2],[20126,2],[20242,2],[20346,2],[20470,2],[20597,2],[20717,2],[22768,2],[22881,2],[22965,2],[23071,2],[23163,2],[23288,2],[23418,2],[23548,2],[23622,2],[23746,2],[23873,2],[23993,2]]},"604":{"position":[[7812,2],[7936,2],[8067,2],[8191,2],[8320,2],[8453,2],[8573,2],[8695,2],[8818,2],[10157,2],[10281,2],[10412,2],[10536,2],[10665,2],[10798,2],[10918,2],[11040,2],[11163,2],[12533,2],[12657,2],[12788,2],[12912,2],[13041,2],[13174,2],[13294,2],[13416,2],[13546,2],[13671,2],[13794,2],[13913,2],[15305,2],[15429,2],[15560,2],[15684,2],[15813,2],[15946,2],[16066,2],[16188,2],[16311,2],[17724,2],[17848,2],[17979,2],[18103,2],[18232,2],[18365,2],[18485,2],[18607,2],[18737,2],[18862,2],[18985,2],[19104,2],[20476,2],[20600,2],[20731,2],[20855,2],[20984,2],[21117,2],[21237,2],[21359,2],[21482,2],[22878,2],[23002,2],[23133,2],[23257,2],[23386,2],[23519,2],[23639,2],[23761,2],[23884,2],[25944,2],[26182,2],[26424,2],[26661,2],[26901,2],[27153,2],[27383,2],[27622,2],[27862,2],[31955,2],[32079,2],[32210,2],[32334,2],[32463,2],[32596,2],[32716,2],[32838,2],[32961,2],[34320,2],[34444,2],[34575,2],[34699,2],[34828,2],[34961,2],[35081,2],[35203,2],[35326,2],[36685,2],[36809,2],[36940,2],[37064,2],[37193,2],[37326,2],[37446,2],[37568,2],[37691,2],[39090,2],[39195,2],[39310,2],[39417,2],[39530,2],[39650,2],[39753,2],[39858,2],[39965,2],[41348,2],[41453,2],[41568,2],[41675,2],[41788,2],[41908,2],[42011,2],[42116,2],[42223,2],[43973,2],[44211,2],[44453,2],[44690,2],[44930,2],[45182,2],[45412,2],[45651,2],[45891,2],[47326,2],[47450,2],[47581,2],[47705,2],[47834,2],[47967,2],[48087,2],[48209,2],[48339,2],[48464,2],[48587,2],[48706,2],[52980,2],[53104,2],[53235,2],[53359,2],[53488,2],[53621,2],[53741,2],[53863,2],[53993,2],[54118,2],[54241,2],[54360,2],[55619,2],[55743,2],[55874,2],[55998,2],[56127,2],[56338,2],[56458,2],[56580,2],[56703,2],[58072,2],[58196,2],[58327,2],[58451,2],[58580,2],[61784,2],[61908,2],[62039,2],[62163,2],[62292,2],[62425,2],[62545,2],[62667,2],[62797,2],[62922,2],[63045,2],[63164,2],[65005,2],[65129,2],[65260,2],[65384,2],[65513,2],[65646,2],[65766,2],[65888,2],[66018,2],[66143,2],[66266,2],[66385,2],[68382,2],[68506,2],[68637,2],[68761,2],[68890,2],[69023,2],[69143,2],[69265,2],[69395,2],[69520,2],[69643,2],[69762,2],[71520,2],[71644,2],[71775,2],[71899,2],[72028,2],[72161,2],[72281,2],[72403,2],[72526,2],[74495,2],[74619,2],[74750,2],[74874,2],[75003,2],[75136,2],[75256,2],[75378,2],[75501,2],[76066,2],[76146,2],[77792,2],[77916,2],[78047,2],[78171,2],[78300,2],[78433,2],[78553,2],[78675,2],[78798,2],[80883,2],[81007,2],[81138,2],[81262,2],[81391,2],[81524,2],[81644,2],[81766,2],[81896,2],[82021,2],[82144,2],[82263,2],[83649,2],[83773,2],[83904,2],[84028,2],[84157,2],[84290,2],[84410,2],[84532,2],[84662,2],[84787,2],[84910,2],[85029,2],[88878,2],[89009,2],[89133,2],[89262,2],[89395,2],[89515,2],[97108,2],[97239,2],[97363,2],[97492,2],[97625,2],[97745,2],[99299,2],[99430,2],[99554,2],[99683,2],[99816,2],[99936,2],[100224,5],[101737,2],[101868,2],[101992,2],[102121,2],[102254,2],[102374,2],[102675,5],[105728,2],[105852,2],[105983,2],[106107,2],[106236,2],[106369,2],[106489,2],[106611,2],[106741,2],[106866,2],[106989,2],[107108,2],[109608,2],[109732,2],[109864,2],[109988,2],[110117,2],[110250,2],[110370,2],[110492,2],[110615,2],[110714,2],[123120,2],[123244,2],[123375,2],[123499,2],[123628,2],[123761,2],[123881,2],[124003,2],[124133,2],[124258,2],[124381,2],[124500,2]]}}}],["id=\"app",{"_index":3637,"t":{"584":{"position":[[4244,9]]},"590":{"position":[[3700,9]]}}}],["id=\"app\">loading...dangerdarkinfolightprimarysecondarysuccesswarninginfoa",{"_index":1457,"t":{"520":{"position":[[4974,7],[5021,7],[5672,7],[5719,7]]}}}],["item\">an",{"_index":1455,"t":{"520":{"position":[[4933,8],[5631,8]]}}}],["item'",{"_index":1290,"t":{"516":{"position":[[2440,6],[2990,6],[3540,6],[4304,6],[4928,6],[5551,6],[6294,6],[6844,6],[7394,6],[8098,6],[8664,6],[9214,6],[9930,6],[10480,6],[11030,6],[12110,6],[12672,6],[13234,6],[13792,6],[14340,6],[14900,6],[18427,6],[18977,6],[19527,6],[20812,6],[21384,6],[21956,6]]}}}],["item.address",{"_index":4303,"t":{"604":{"position":[[112042,13],[114612,13],[117273,13],[119969,13]]}}}],["item.countri",{"_index":4316,"t":{"604":{"position":[[112458,13],[115082,13],[117743,13],[120519,13]]}}}],["item.customerid",{"_index":4284,"t":{"604":{"position":[[111196,16],[113725,16],[116386,16],[119081,16]]}}}],["item.customernam",{"_index":4289,"t":{"604":{"position":[[111480,18],[114050,18],[116711,18],[119407,18]]}}}],["item.design",{"_index":4015,"t":{"604":{"position":[[14868,18],[17244,18],[29271,18],[31511,19],[51304,18],[60767,18],[64094,18],[67301,18],[85675,18],[86477,18],[87265,18],[88067,18],[90318,18],[91309,18],[92298,18],[93289,18],[94274,18],[95259,18],[96254,18],[98427,18],[100865,18],[103765,18],[122266,18]]}}}],["item.doj",{"_index":4016,"t":{"604":{"position":[[14994,10],[17389,10],[29592,10],[31640,11],[34005,11],[51449,10],[60912,10],[64239,10],[67446,10],[85801,10],[86603,10],[87391,10],[88193,10],[90463,10],[91454,10],[92443,10],[93434,10],[94419,10],[95404,10],[96399,10],[98553,10],[100991,10],[103910,10],[122411,10]]}}}],["item.email",{"_index":4298,"t":{"604":{"position":[[111855,11],[114425,11],[117086,11],[119782,11]]}}}],["item.firstnam",{"_index":4074,"t":{"604":{"position":[[28919,16]]}}}],["item.id",{"_index":4013,"t":{"604":{"position":[[14630,9],[16959,9],[28757,9],[31199,10],[33661,10],[50949,8],[60482,9],[63809,9],[67016,9],[85437,9],[86239,9],[87027,9],[87829,9],[90033,9],[91024,9],[92013,9],[93004,9],[93989,9],[94974,9],[95969,9],[98189,9],[100627,9],[103480,9],[121981,9]]}}}],["item.isact",{"_index":4017,"t":{"604":{"position":[[15107,15],[17526,15],[29750,15],[31756,16],[34121,16],[51586,15],[61049,15],[64376,14],[85914,15],[86716,15],[87504,15],[88306,15],[90600,15],[91591,15],[92580,15],[93571,15],[94556,15],[95541,15],[96536,15],[98666,15],[101104,15],[104047,15],[122548,15]]}}}],["item.lastnam",{"_index":4076,"t":{"604":{"position":[[29092,15]]}}}],["item.nam",{"_index":4014,"t":{"604":{"position":[[14748,11],[17097,11],[31320,11],[33782,12],[51157,11],[60620,11],[63947,11],[67154,11],[85555,11],[86357,11],[87145,11],[87947,11],[90171,11],[91162,11],[92151,11],[93142,11],[94127,11],[95112,11],[96107,11],[98307,11],[100745,11],[103618,11],[122119,11]]}}}],["item.phon",{"_index":4294,"t":{"604":{"position":[[111674,11],[114244,11],[116905,11],[119601,11]]}}}],["item.postalzip",{"_index":4310,"t":{"604":{"position":[[112240,15],[114810,15],[117471,15],[120247,15]]}}}],["item.salari",{"_index":4079,"t":{"604":{"position":[[29441,13]]}}}],["item(\"window.localstorage.getitem",{"_index":4138,"t":{"604":{"position":[[52632,53]]}}}],["js.invokevoidasync(\"window.localstorage.setitem",{"_index":4133,"t":{"604":{"position":[[52443,49]]}}}],["jsonserializer.deserialize(settingsjson",{"_index":4140,"t":{"604":{"position":[[52777,55]]}}}],["jsonserializer.serialize(set",{"_index":4134,"t":{"604":{"position":[[52510,36]]}}}],["juli",{"_index":98,"t":{"2":{"position":[[2436,4],[2722,4]]},"26":{"position":[[23,4]]},"90":{"position":[[24,4]]},"92":{"position":[[24,4]]},"94":{"position":[[24,4]]},"96":{"position":[[24,4]]},"98":{"position":[[24,4]]},"116":{"position":[[24,4],[243,4],[463,4]]},"130":{"position":[[818,4]]},"134":{"position":[[872,4],[1341,4],[1381,4],[1420,4],[1459,4],[1498,4]]},"142":{"position":[[2480,4],[2766,4]]},"198":{"position":[[68,4],[287,4],[507,4]]},"210":{"position":[[2489,4],[2775,4]]},"216":{"position":[[77,4],[296,4],[516,4]]},"218":{"position":[[871,4]]},"224":{"position":[[78,4]]},"250":{"position":[[613,4],[899,4]]},"254":{"position":[[504,4],[790,4],[1042,4]]},"262":{"position":[[79,4]]},"274":{"position":[[76,4]]},"280":{"position":[[73,4]]},"286":{"position":[[2483,4],[2769,4]]},"288":{"position":[[72,4],[291,4],[511,4]]},"292":{"position":[[71,4],[290,4],[510,4]]},"294":{"position":[[2484,4],[2770,4]]},"298":{"position":[[72,4]]},"300":{"position":[[79,4]]},"336":{"position":[[1548,4],[1834,4]]},"352":{"position":[[1057,4],[1343,4],[1595,4]]},"354":{"position":[[505,4]]},"358":{"position":[[66,4]]},"362":{"position":[[1258,4]]},"384":{"position":[[70,4]]},"388":{"position":[[349,4]]},"396":{"position":[[74,4]]},"418":{"position":[[67,4]]},"496":{"position":[[68,4]]},"498":{"position":[[68,4]]},"502":{"position":[[68,4]]},"504":{"position":[[68,4]]},"506":{"position":[[68,4]]},"552":{"position":[[8036,7]]},"554":{"position":[[5052,7]]},"556":{"position":[[10864,7],[13725,7]]}}}],["june",{"_index":208,"t":{"22":{"position":[[23,4]]},"84":{"position":[[24,4]]},"86":{"position":[[24,4]]},"88":{"position":[[24,4]]},"116":{"position":[[769,4],[1107,4],[1365,4]]},"130":{"position":[[1015,4]]},"134":{"position":[[911,4],[1537,4],[1577,4],[1617,4]]},"198":{"position":[[813,4],[1151,4],[1409,4]]},"216":{"position":[[822,4],[1160,4],[1418,4]]},"218":{"position":[[1068,4]]},"226":{"position":[[73,4]]},"242":{"position":[[76,4]]},"250":{"position":[[1118,4],[1376,4]]},"254":{"position":[[1262,4]]},"256":{"position":[[353,4]]},"262":{"position":[[331,4]]},"266":{"position":[[76,4]]},"272":{"position":[[72,4]]},"282":{"position":[[73,4]]},"288":{"position":[[817,4],[1155,4],[1413,4]]},"292":{"position":[[816,4],[1154,4],[1412,4]]},"304":{"position":[[67,4]]},"324":{"position":[[66,4]]},"330":{"position":[[70,4]]},"336":{"position":[[2053,4],[2311,4]]},"338":{"position":[[347,4]]},"344":{"position":[[66,4]]},"352":{"position":[[1815,4]]},"354":{"position":[[757,4]]},"368":{"position":[[72,4]]},"370":{"position":[[69,4]]},"378":{"position":[[448,4]]},"394":{"position":[[67,4]]},"416":{"position":[[67,4]]},"490":{"position":[[68,4]]},"494":{"position":[[68,4]]},"500":{"position":[[68,4]]},"552":{"position":[[8028,7]]},"554":{"position":[[5044,7]]},"556":{"position":[[10856,7],[13717,7]]}}}],["justifi",{"_index":1210,"t":{"514":{"position":[[6337,7]]},"572":{"position":[[6983,7]]},"576":{"position":[[7330,7]]},"578":{"position":[[6270,7]]},"580":{"position":[[7362,7]]},"582":{"position":[[6229,7]]},"584":{"position":[[6390,7]]},"590":{"position":[[6295,7]]},"592":{"position":[[791,7]]},"594":{"position":[[796,7]]},"602":{"position":[[6765,7],[9025,7],[11478,7],[13888,7],[16302,7],[18730,7]]}}}],["justo",{"_index":1912,"t":{"530":{"position":[[8128,5],[10049,6],[10131,5],[12369,5],[14290,6],[14372,5],[16510,5],[18431,6],[18513,5]]}}}],["k",{"_index":3057,"t":{"562":{"position":[[3805,4],[5676,4],[8301,4]]},"604":{"position":[[27194,4],[45223,4]]}}}],["keep",{"_index":929,"t":{"508":{"position":[[2042,4]]},"516":{"position":[[7972,4],[9772,4]]}}}],["key",{"_index":1677,"t":{"528":{"position":[[499,3],[2583,3],[5684,3],[7606,3],[7873,4]]},"530":{"position":[[414,3],[5139,3]]},"562":{"position":[[2199,3]]}}}],["keyboard",{"_index":345,"t":{"54":{"position":[[131,8],[252,8]]},"122":{"position":[[131,8]]},"132":{"position":[[2146,8]]},"202":{"position":[[1320,8]]},"204":{"position":[[175,8]]},"220":{"position":[[184,8]]},"462":{"position":[[175,8]]},"508":{"position":[[3616,8]]},"514":{"position":[[1166,8]]},"520":{"position":[[1929,8]]},"528":{"position":[[2615,8],[2642,8]]},"562":{"position":[[2067,8],[2151,8],[13921,8]]},"600":{"position":[[1278,8],[1656,8],[2610,8]]}}}],["keystrok",{"_index":2858,"t":{"560":{"position":[[1192,9],[10549,9]]},"562":{"position":[[2019,9]]},"564":{"position":[[1702,9],[14298,9]]},"566":{"position":[[1240,9]]},"574":{"position":[[1244,9]]}}}],["keystroke/select",{"_index":3258,"t":{"566":{"position":[[8980,19]]},"574":{"position":[[8595,19]]}}}],["kick",{"_index":1650,"t":{"526":{"position":[[4721,4]]},"528":{"position":[[11375,4]]}}}],["kind",{"_index":921,"t":{"508":{"position":[[1943,4]]}}}],["kitchen",{"_index":1458,"t":{"520":{"position":[[5078,7],[13630,7]]}}}],["klein",{"_index":2331,"t":{"546":{"position":[[13250,8],[14162,8]]}}}],["kleiner",{"_index":4249,"t":{"604":{"position":[[104599,8]]}}}],["know",{"_index":2082,"t":{"536":{"position":[[135,4]]},"548":{"position":[[388,4]]}}}],["known",{"_index":3384,"t":{"572":{"position":[[1097,5]]},"576":{"position":[[1095,5]]},"582":{"position":[[1109,5]]},"584":{"position":[[1109,5]]}}}],["komala",{"_index":3037,"t":{"562":{"position":[[3634,7],[5505,7],[8130,7]]}}}],["l",{"_index":761,"t":{"126":{"position":[[1441,1]]},"562":{"position":[[3865,4],[5736,4],[8361,4]]}}}],["label",{"_index":329,"t":{"48":{"position":[[261,6]]},"98":{"position":[[439,5]]},"104":{"position":[[590,6]]},"110":{"position":[[356,5]]},"512":{"position":[[106,7]]},"542":{"position":[[193,7],[583,5],[626,6],[972,6],[1877,7],[1889,6],[1943,5],[8294,6]]},"552":{"position":[[890,6],[935,7],[1671,6],[2044,5],[2066,5],[4232,6],[6503,5],[7050,6],[7197,7],[7952,6],[8186,5],[8730,5],[9272,5],[9802,6],[9811,7],[10545,7],[11320,6],[11702,6],[13702,5],[14249,6],[14396,7],[14841,6]]},"554":{"position":[[795,6],[840,7],[1868,6],[2292,5],[2314,5],[5221,6],[7658,5],[8104,6],[8229,7],[8637,6],[9092,6],[9101,7],[10086,6],[10236,5],[10509,5],[10780,5],[11041,6],[11050,7],[12314,6],[12464,5],[12737,5],[13008,5],[13269,6],[13278,7],[14114,7],[14412,6],[14562,5],[14835,5],[15106,5],[15367,6],[15376,7],[16087,6],[16552,6]]},"556":{"position":[[869,6],[914,7],[1803,6],[2443,5],[2465,5],[7120,6],[9511,5],[10148,6],[10273,7],[10780,6],[11014,5],[11558,5],[12100,5],[12630,6],[12639,7],[13338,7],[13641,6],[13873,5],[14482,5],[15089,5],[15690,6],[15699,7],[16372,6],[16813,6]]},"558":{"position":[[665,6],[710,7],[1501,6],[3920,6],[6057,5],[6604,6],[6751,7],[6969,7],[7714,6],[8076,6],[9928,5],[10475,6],[10622,7],[11922,6],[13226,5],[13773,6],[13920,7],[14347,6]]},"560":{"position":[[1361,6],[1783,6],[1911,6],[2042,6],[2175,6],[2310,6],[2445,6],[2582,6],[2719,6],[3529,6],[4027,6],[4322,6],[4882,6],[5108,6],[5562,6],[5962,6],[6701,6],[7782,6],[8165,6],[8531,6],[10618,6]]},"562":{"position":[[8935,6],[9389,6]]},"564":{"position":[[2134,6],[2360,6],[2586,6],[2812,6],[3038,6],[3264,6],[3490,6],[3716,6],[3942,6],[6057,6],[6187,6],[6320,6],[6455,6],[6592,6],[6729,6],[6868,6],[7007,6],[7821,6],[8396,6],[8650,6],[9132,6],[9562,6],[10305,6],[11403,6],[11829,6],[12238,6],[14369,6]]},"566":{"position":[[7388,6],[7680,6],[9994,6],[10303,6],[10702,6]]},"568":{"position":[[273,5],[308,6]]},"570":{"position":[[914,5],[945,6],[2126,6],[2860,6],[5722,5],[5765,5],[5803,5],[5843,5],[5890,5]]},"572":{"position":[[2232,5]]},"574":{"position":[[5574,6],[5911,6],[6236,6],[6540,6],[6859,6],[9594,6],[9995,6]]},"576":{"position":[[2047,5],[5435,5]]},"578":{"position":[[1729,5],[4428,5]]},"580":{"position":[[1684,5],[4678,5]]},"582":{"position":[[2066,5]]},"584":{"position":[[2066,5]]},"586":{"position":[[1706,5]]},"588":{"position":[[1706,5]]},"590":{"position":[[1720,5],[4683,5]]},"600":{"position":[[17211,5],[19379,6],[19703,6],[20010,6]]}}}],["label\">address:amountarriv",{"_index":3539,"t":{"574":{"position":[[6572,14],[6891,14],[10027,14]]}}}],["label\">cours",{"_index":3267,"t":{"566":{"position":[[10026,13]]}}}],["label\">custom",{"_index":3253,"t":{"566":{"position":[[7712,15]]}}}],["label\">customer:departur",{"_index":3534,"t":{"574":{"position":[[5943,16],[6268,16],[9626,16]]}}}],["label\">end",{"_index":3274,"t":{"566":{"position":[[10734,10]]}}}],["label\">ent",{"_index":2872,"t":{"560":{"position":[[1802,12],[1930,12],[2061,12],[2194,12],[2329,12],[2464,12],[2601,12],[2738,12]]},"564":{"position":[[6076,12],[6206,12],[6339,12],[6474,12],[6611,12],[6748,12],[6887,12],[7026,12]]}}}],["label\">flight",{"_index":3530,"t":{"574":{"position":[[5606,13]]}}}],["label\">invoic",{"_index":3250,"t":{"566":{"position":[[7420,14]]}}}],["label\">item",{"_index":2932,"t":{"560":{"position":[[7814,11],[8197,11],[10650,11]]},"564":{"position":[[11435,11],[11861,11],[14401,11]]},"600":{"position":[[19398,11],[19722,11]]}}}],["label\">local",{"_index":3129,"t":{"564":{"position":[[2153,14],[2379,14],[2605,14],[2831,14],[3057,14],[3283,14],[3509,14],[3735,14],[3961,14]]}}}],["label\">start",{"_index":3270,"t":{"566":{"position":[[10335,12]]}}}],["label\">tot",{"_index":2946,"t":{"560":{"position":[[8563,12]]},"564":{"position":[[12270,12]]},"600":{"position":[[20029,12]]}}}],["label=\"20",{"_index":2185,"t":{"542":{"position":[[1140,11],[2047,11]]}}}],["label=\"30",{"_index":2217,"t":{"542":{"position":[[4533,11]]}}}],["label=\"check",{"_index":3307,"t":{"568":{"position":[[813,14]]}}}],["label=\"default",{"_index":3305,"t":{"568":{"position":[[743,14],[2497,14]]}}}],["label=\"dis",{"_index":3316,"t":{"568":{"position":[[1146,15],[1830,15]]}}}],["label=\"revers",{"_index":3322,"t":{"568":{"position":[[2309,14]]}}}],["labels.add(getnextdatalabel",{"_index":2596,"t":{"552":{"position":[[7134,31],[14333,31]]},"554":{"position":[[8188,31]]},"556":{"position":[[10232,31]]},"558":{"position":[[6688,31],[10559,31],[13857,31]]}}}],["labelscount",{"_index":2707,"t":{"554":{"position":[[4951,11],[6621,12],[7967,12],[8275,11]]},"556":{"position":[[7002,11],[10011,12],[10319,11],[10350,15]]}}}],["lacinia",{"_index":1886,"t":{"530":{"position":[[7886,7],[8553,7],[8624,7],[12127,7],[12794,7],[12865,7],[16268,7],[16935,7],[17006,7]]}}}],["lacu",{"_index":1965,"t":{"530":{"position":[[9308,6],[9789,6],[10088,5],[13549,6],[14030,6],[14329,5],[17690,6],[18171,6],[18470,5]]}}}],["lakhsmi",{"_index":3054,"t":{"562":{"position":[[3779,10],[5650,10],[8275,10]]}}}],["land",{"_index":306,"t":{"42":{"position":[[540,7]]}}}],["lang=\"en",{"_index":3427,"t":{"572":{"position":[[3722,10]]},"576":{"position":[[3543,10]]},"578":{"position":[[2933,10]]},"580":{"position":[[3199,10]]},"582":{"position":[[3436,10]]},"584":{"position":[[3436,10]]},"590":{"position":[[2909,10]]}}}],["languag",{"_index":384,"t":{"64":{"position":[[238,8]]}}}],["laoreet",{"_index":1866,"t":{"530":{"position":[[7687,8],[7696,7],[9396,8],[10495,8],[10608,7],[11928,8],[11937,7],[13637,8],[14736,8],[14849,7],[16069,8],[16078,7],[17778,8],[18877,8],[18990,7]]}}}],["larg",{"_index":1175,"t":{"514":{"position":[[3598,5],[3678,5],[4305,5],[4401,5]]},"518":{"position":[[254,5]]},"524":{"position":[[2820,5],[5366,5]]},"526":{"position":[[4871,5],[4915,5],[5177,5],[5313,5]]},"528":{"position":[[11495,5],[11875,5]]},"530":{"position":[[15842,5],[19828,5]]},"534":{"position":[[1327,5],[1446,5]]},"596":{"position":[[3668,5]]}}}],["larger",{"_index":1077,"t":{"512":{"position":[[2471,6]]},"514":{"position":[[3447,6]]},"534":{"position":[[2219,6]]}}}],["last",{"_index":1278,"t":{"516":{"position":[[921,4],[1322,4]]},"532":{"position":[[815,6],[941,6],[1110,6]]},"534":{"position":[[621,4],[670,4],[740,4]]},"546":{"position":[[662,4]]},"562":{"position":[[2471,4]]}}}],["lastlinkicon",{"_index":2040,"t":{"534":{"position":[[586,12],[713,12]]}}}],["lastlinkicon=\"iconname.chevrondoubleright",{"_index":2066,"t":{"534":{"position":[[1945,42]]}}}],["lastlinktext",{"_index":2041,"t":{"534":{"position":[[637,12],[686,12]]}}}],["lastnam",{"_index":1641,"t":{"526":{"position":[[3853,8]]},"528":{"position":[[5241,8],[7353,8]]},"530":{"position":[[4712,8],[6892,8]]},"604":{"position":[[25975,8],[26211,8],[26454,8],[26690,8],[26933,8],[27183,8],[27415,8],[27653,8],[27892,8],[44004,8],[44240,8],[44483,8],[44719,8],[44962,8],[45212,8],[45444,8],[45682,8],[45921,8]]}}}],["launch",{"_index":1666,"t":{"526":{"position":[[6005,6],[6497,6],[7101,6],[7729,6]]}}}],["laura",{"_index":3063,"t":{"562":{"position":[[3858,6],[5729,6],[8354,6]]}}}],["layout",{"_index":351,"t":{"56":{"position":[[448,6]]},"68":{"position":[[650,6],[668,6],[702,6],[918,6],[966,6]]},"120":{"position":[[3118,6]]},"200":{"position":[[3162,6]]},"214":{"position":[[3171,6]]},"270":{"position":[[733,6]]},"348":{"position":[[21,8],[295,6]]},"350":{"position":[[297,6]]},"356":{"position":[[299,6]]},"380":{"position":[[727,6]]},"468":{"position":[[295,6]]},"536":{"position":[[229,6]]},"554":{"position":[[3086,6]]},"556":{"position":[[5050,6]]},"592":{"position":[[0,6],[34,6]]},"594":{"position":[[0,6],[39,6]]},"602":{"position":[[6454,6],[6557,6],[24275,6]]}}}],["layout1",{"_index":762,"t":{"126":{"position":[[1443,7]]}}}],["layoutcomponentbas",{"_index":2430,"t":{"548":{"position":[[11462,19]]},"572":{"position":[[6778,19]]},"576":{"position":[[7125,19]]},"578":{"position":[[6065,19]]},"580":{"position":[[7157,19]]},"582":{"position":[[6024,19]]},"584":{"position":[[6185,19]]},"590":{"position":[[6090,19]]},"592":{"position":[[586,19]]},"594":{"position":[[591,19]]},"596":{"position":[[5033,19]]}}}],["lead",{"_index":1467,"t":{"520":{"position":[[6121,4],[6637,4],[6932,4],[7402,4],[7734,4],[8063,4],[11027,4],[11391,4],[11730,4],[12300,4],[12685,4],[13045,4]]}}}],["lectu",{"_index":1934,"t":{"530":{"position":[[8450,7],[8763,6],[9614,7],[11063,7],[12691,7],[13004,6],[13855,7],[15304,7],[16832,7],[17145,6],[17996,7],[19445,7]]}}}],["left",{"_index":1241,"t":{"514":{"position":[[8000,5],[8515,4]]},"530":{"position":[[2462,5],[6991,4]]},"542":{"position":[[7217,5]]},"544":{"position":[[606,5]]},"552":{"position":[[1507,6]]},"554":{"position":[[1760,6]]},"556":{"position":[[1643,6]]},"558":{"position":[[1342,6],[11511,4]]},"564":{"position":[[1310,4]]},"600":{"position":[[13456,4],[16500,4]]},"604":{"position":[[4818,5]]}}}],["leftful",{"_index":1799,"t":{"528":{"position":[[13353,26]]}}}],["lgmodal?.showasync()\">larg",{"_index":1776,"t":{"528":{"position":[[11948,27]]}}}],["li",{"_index":1454,"t":{"520":{"position":[[4911,3],[4952,3],[4999,3],[5609,3],[5650,3],[5697,3]]}}}],["li>@emp.namelightful",{"_index":1797,"t":{"528":{"position":[[13249,26]]}}}],["mean",{"_index":1062,"t":{"512":{"position":[[1969,7],[2022,7],[2300,6]]},"524":{"position":[[2856,7],[2917,7],[3195,6],[3344,7],[3405,7],[3683,6],[3833,7],[3894,7],[4172,6],[4319,7],[4380,7],[4658,6],[4804,7],[4865,7],[5143,6]]},"526":{"position":[[5903,5]]},"528":{"position":[[8524,5]]},"564":{"position":[[5414,5]]}}}],["measur",{"_index":2172,"t":{"542":{"position":[[410,8],[3213,8]]},"604":{"position":[[24390,8]]}}}],["media",{"_index":1524,"t":{"522":{"position":[[1476,5]]}}}],["medium",{"_index":3366,"t":{"570":{"position":[[5811,9]]}}}],["member",{"_index":2518,"t":{"552":{"position":[[749,8],[970,8],[2221,8],[2427,8],[14688,7],[14717,7],[14756,7],[14785,7]]},"554":{"position":[[654,8],[870,8],[2608,8],[2801,8],[16375,7],[16399,7],[16433,7],[16457,7]]},"556":{"position":[[798,8],[1015,8],[4572,8],[4764,8],[16663,7],[16688,7],[16723,7],[16748,7]]},"558":{"position":[[594,8],[810,8],[1954,8],[2155,8],[14216,7],[14240,7],[14274,7],[14298,7]]},"596":{"position":[[307,8],[5874,7]]}}}],["memori",{"_index":4121,"t":{"604":{"position":[[50499,6]]}}}],["mention",{"_index":3842,"t":{"602":{"position":[[18494,9]]}}}],["menu",{"_index":560,"t":{"102":{"position":[[367,4]]},"528":{"position":[[2779,4]]},"600":{"position":[[672,5],[760,4],[1915,4],[2944,4],[3025,4],[3110,4],[16395,4],[16820,4],[17173,4],[17253,5],[17721,4],[18297,4],[18409,4],[18781,5],[18814,5],[25956,4],[25970,4]]}}}],["menu.99+(titl",{"_index":1723,"t":{"528":{"position":[[4505,46]]}}}],["modal.showasync(titl",{"_index":1735,"t":{"528":{"position":[[6296,46]]}}}],["modal12",{"_index":765,"t":{"126":{"position":[[1463,7]]}}}],["modalful",{"_index":1793,"t":{"528":{"position":[[13052,24]]}}}],["modalfullscreen",{"_index":1681,"t":{"528":{"position":[[731,15]]}}}],["modalfullscreen.dis",{"_index":1682,"t":{"528":{"position":[[781,24]]}}}],["modalopt",{"_index":3654,"t":{"596":{"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]]},"604":{"position":[[100146,11],[102590,11]]}}}],["modals",{"_index":1688,"t":{"528":{"position":[[1235,9]]},"596":{"position":[[794,9],[3912,10],[4031,9]]}}}],["modalservic",{"_index":80,"t":{"2":{"position":[[1781,12],[2896,12]]},"88":{"position":[[820,12]]},"90":{"position":[[180,12]]},"96":{"position":[[367,12]]},"104":{"position":[[950,12]]},"116":{"position":[[1005,12]]},"132":{"position":[[774,12]]},"142":{"position":[[1825,12],[2940,12]]},"198":{"position":[[1049,12]]},"202":{"position":[[397,12]]},"210":{"position":[[1834,12],[2949,12]]},"216":{"position":[[1058,12]]},"230":{"position":[[391,12]]},"232":{"position":[[399,12]]},"254":{"position":[[390,12],[964,12],[1498,12]]},"256":{"position":[[589,12]]},"262":{"position":[[253,12],[567,12]]},"270":{"position":[[392,12]]},"272":{"position":[[308,12]]},"282":{"position":[[309,12]]},"284":{"position":[[392,12]]},"286":{"position":[[1828,12],[2943,12]]},"288":{"position":[[1053,12]]},"292":{"position":[[1052,12]]},"294":{"position":[[1829,12],[2944,12]]},"308":{"position":[[385,12]]},"316":{"position":[[393,12]]},"332":{"position":[[1606,12]]},"338":{"position":[[583,12]]},"352":{"position":[[943,12],[1517,12],[2051,12]]},"354":{"position":[[20,14],[391,12],[679,12],[993,12]]},"378":{"position":[[684,12]]},"380":{"position":[[386,12]]},"392":{"position":[[386,12]]},"394":{"position":[[303,12]]},"448":{"position":[[387,12]]},"498":{"position":[[242,12]]},"500":{"position":[[304,12]]},"596":{"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]]},"604":{"position":[[98739,12],[98752,12],[101177,12],[101190,12]]}}}],["modalservice.showasync(modalopt",{"_index":3669,"t":{"596":{"position":[[2092,36],[3303,36],[4050,36],[4500,36],[4888,36],[5567,36],[5777,36]]}}}],["modalservice.showasync(new",{"_index":4221,"t":{"604":{"position":[[100119,26],[102563,26]]}}}],["modalservice3",{"_index":766,"t":{"126":{"position":[[1471,13]]}}}],["modalsize.regular",{"_index":1605,"t":{"526":{"position":[[1309,17]]},"528":{"position":[[1264,17]]},"596":{"position":[[833,17]]}}}],["modaltyp",{"_index":1686,"t":{"528":{"position":[[1159,9],[1169,9]]},"596":{"position":[[907,9],[1953,10],[2072,10],[3136,10],[3255,10]]}}}],["modaltype.dang",{"_index":3681,"t":{"596":{"position":[[5751,16]]}}}],["modaltype.light",{"_index":1687,"t":{"528":{"position":[[1208,15]]},"596":{"position":[[946,15]]}}}],["modaltype.primari",{"_index":4222,"t":{"604":{"position":[[100167,18],[102611,18]]}}}],["modaltype.success",{"_index":3680,"t":{"596":{"position":[[5540,17]]}}}],["mode",{"_index":2664,"t":{"552":{"position":[[9988,4]]},"554":{"position":[[5382,4],[9256,4],[11189,4],[13451,4],[15515,4]]},"556":{"position":[[7268,4],[12781,4],[15841,4]]},"578":{"position":[[121,4],[2857,4]]},"580":{"position":[[119,4],[3095,4]]},"604":{"position":[[2627,5]]}}}],["mode=\"serverprerend",{"_index":3436,"t":{"572":{"position":[[4417,24]]},"576":{"position":[[4294,24],[4374,24]]}}}],["modifi",{"_index":990,"t":{"510":{"position":[[1073,9]]},"516":{"position":[[2690,6],[3241,6],[3791,6],[4554,6],[5179,6],[5802,6],[6544,6],[7095,6],[7645,6],[8348,6],[8915,6],[9465,6],[10180,6],[10731,6],[11281,6],[12360,6],[12923,6],[13485,6],[14043,6],[14591,6],[15151,6],[18677,6],[19228,6],[19778,6],[21062,6],[21635,6],[22207,6]]}}}],["molesti",{"_index":1931,"t":{"530":{"position":[[8427,8],[9572,8],[9907,8],[9979,8],[12668,8],[13813,8],[14148,8],[14220,8],[16809,8],[17954,8],[18289,8],[18361,8]]}}}],["molli",{"_index":1870,"t":{"530":{"position":[[7733,6],[7821,7],[9376,6],[10097,6],[11974,6],[12062,7],[13617,6],[14338,6],[16115,6],[16203,7],[17758,6],[18479,6]]}}}],["moment",{"_index":1247,"t":{"514":{"position":[[8611,7]]},"518":{"position":[[343,6]]},"602":{"position":[[2663,7]]},"604":{"position":[[30187,6],[112931,6],[115555,6],[118216,6],[120992,6]]}}}],["monoton",{"_index":2800,"t":{"556":{"position":[[4303,8]]}}}],["month",{"_index":2708,"t":{"554":{"position":[[4985,6]]}}}],["months[labelscount",{"_index":2728,"t":{"554":{"position":[[8300,18]]}}}],["more",{"_index":41,"t":{"2":{"position":[[378,4],[594,4],[877,4],[1152,4],[1434,4],[1866,4],[2114,4],[2407,4],[2693,4],[2945,4]]},"6":{"position":[[108,4]]},"42":{"position":[[186,7]]},"44":{"position":[[133,4]]},"46":{"position":[[149,4]]},"50":{"position":[[174,4]]},"52":{"position":[[142,4]]},"54":{"position":[[164,4]]},"56":{"position":[[131,4]]},"58":{"position":[[133,4]]},"62":{"position":[[137,4]]},"74":{"position":[[138,4]]},"82":{"position":[[375,4]]},"116":{"position":[[214,4],[434,4],[740,4],[1078,4],[1336,4],[1636,4],[1890,4],[2322,4],[2567,4],[2815,4]]},"118":{"position":[[224,4],[394,4],[630,4],[820,4],[933,4],[1014,4],[1257,4]]},"120":{"position":[[265,4],[599,4],[1013,4],[1356,4],[1604,4],[1747,4],[1854,4],[1996,4],[2103,4],[2552,4],[2690,4],[2862,4],[2998,4],[3130,4]]},"122":{"position":[[164,4],[284,4],[431,4],[543,4],[697,4],[872,4],[1051,4],[1278,4],[1416,4],[1591,4],[1782,7],[1932,4],[2247,4],[2510,4],[2779,4]]},"124":{"position":[[324,4],[658,4]]},"128":{"position":[[267,4]]},"130":{"position":[[194,4],[400,4],[604,4],[790,4],[987,4],[1181,4],[1379,4],[1577,4],[1808,4],[2009,4]]},"132":{"position":[[427,4],[859,4],[1291,4],[1561,4],[2010,4],[2179,4],[2299,4],[2772,4],[2978,4]]},"136":{"position":[[420,4],[754,4]]},"138":{"position":[[501,4]]},"140":{"position":[[318,4]]},"142":{"position":[[422,4],[638,4],[921,4],[1196,4],[1478,4],[1910,4],[2158,4],[2451,4],[2737,4],[2989,4]]},"144":{"position":[[315,4]]},"146":{"position":[[195,4],[307,4],[461,4],[636,4],[815,4],[1042,4],[1180,4],[1355,4],[1546,7],[1696,4]]},"148":{"position":[[232,4],[459,4],[597,4],[772,4]]},"150":{"position":[[208,4],[383,4]]},"152":{"position":[[224,4],[451,4],[589,4],[764,4]]},"154":{"position":[[323,4]]},"156":{"position":[[186,4],[293,4],[435,4],[542,4],[805,4]]},"158":{"position":[[317,4]]},"160":{"position":[[314,4]]},"162":{"position":[[315,4]]},"164":{"position":[[236,7],[386,4]]},"166":{"position":[[319,4]]},"168":{"position":[[200,4],[375,4]]},"170":{"position":[[187,4],[362,4]]},"172":{"position":[[318,4]]},"174":{"position":[[243,7],[393,4]]},"176":{"position":[[243,7],[393,4]]},"178":{"position":[[225,4],[452,4],[590,4],[765,4]]},"180":{"position":[[363,4]]},"182":{"position":[[367,4]]},"184":{"position":[[187,4],[362,4]]},"186":{"position":[[506,4]]},"188":{"position":[[225,4],[452,4],[590,4],[765,4]]},"190":{"position":[[235,7],[385,4]]},"192":{"position":[[498,4]]},"194":{"position":[[224,4],[451,4]]},"196":{"position":[[293,4],[608,4]]},"198":{"position":[[258,4],[478,4],[784,4],[1122,4],[1380,4],[1680,4],[1934,4],[2366,4],[2611,4],[2859,4]]},"200":{"position":[[309,4],[643,4],[1057,4],[1400,4],[1648,4],[1791,4],[1898,4],[2040,4],[2147,4],[2596,4],[2734,4],[2906,4],[3042,4],[3174,4]]},"202":{"position":[[482,4],[914,4],[1184,4],[1353,4],[1473,4]]},"204":{"position":[[208,4],[328,4],[475,4],[587,4],[741,4],[916,4],[1095,4],[1322,4],[1460,4],[1635,4],[1826,7],[1976,4]]},"206":{"position":[[382,4]]},"208":{"position":[[378,4]]},"210":{"position":[[431,4],[647,4],[930,4],[1205,4],[1487,4],[1919,4],[2167,4],[2460,4],[2746,4],[2998,4]]},"212":{"position":[[515,4]]},"214":{"position":[[318,4],[652,4],[1066,4],[1409,4],[1657,4],[1800,4],[1907,4],[2049,4],[2156,4],[2605,4],[2743,4],[2915,4],[3051,4],[3183,4]]},"216":{"position":[[267,4],[487,4],[793,4],[1131,4],[1389,4],[1689,4],[1943,4],[2375,4],[2620,4],[2868,4]]},"218":{"position":[[247,4],[453,4],[657,4],[843,4],[1040,4],[1234,4],[1432,4],[1630,4],[1861,4],[2062,4]]},"220":{"position":[[217,4],[337,4],[484,4],[596,4],[750,4],[925,4],[1104,4],[1331,4],[1469,4],[1644,4],[1835,7],[1985,4],[2300,4],[2563,4],[2832,4]]},"222":{"position":[[277,4],[447,4],[683,4],[873,4],[986,4],[1067,4],[1310,4]]},"224":{"position":[[355,4]]},"226":{"position":[[344,4],[678,4]]},"228":{"position":[[290,4],[560,4],[903,4]]},"230":{"position":[[476,4]]},"232":{"position":[[484,4]]},"234":{"position":[[381,4]]},"236":{"position":[[189,4],[361,4]]},"238":{"position":[[457,4]]},"240":{"position":[[483,4],[731,4],[885,4],[1060,4]]},"242":{"position":[[347,4],[779,4],[1193,4],[1536,4]]},"244":{"position":[[462,4],[805,4]]},"246":{"position":[[183,4],[355,4]]},"248":{"position":[[329,4]]},"250":{"position":[[291,4],[584,4],[870,4],[1089,4],[1347,4],[1647,4],[1901,4],[2333,4],[2578,4],[2992,4]]},"252":{"position":[[186,4],[293,4],[435,4],[542,4],[805,4]]},"254":{"position":[[475,4],[761,4],[1013,4],[1233,4],[1571,4],[1985,4],[2328,4],[2466,4],[2638,4]]},"256":{"position":[[324,4],[662,4]]},"258":{"position":[[199,4],[374,4]]},"260":{"position":[[482,4]]},"262":{"position":[[302,4],[640,4]]},"264":{"position":[[479,4],[893,4],[1236,4]]},"266":{"position":[[305,4]]},"268":{"position":[[476,4],[623,4],[735,4]]},"270":{"position":[[477,4],[613,4],[745,4]]},"272":{"position":[[381,4]]},"274":{"position":[[333,4],[765,4],[1179,4]]},"276":{"position":[[463,4]]},"278":{"position":[[457,4]]},"280":{"position":[[350,4]]},"282":{"position":[[382,4],[630,4]]},"284":{"position":[[477,4],[731,4]]},"286":{"position":[[425,4],[641,4],[924,4],[1199,4],[1481,4],[1913,4],[2161,4],[2454,4],[2740,4],[2992,4]]},"288":{"position":[[262,4],[482,4],[788,4],[1126,4],[1384,4],[1684,4],[1938,4],[2370,4],[2615,4],[2863,4]]},"290":{"position":[[313,4],[647,4],[1061,4],[1404,4],[1652,4],[1795,4],[1902,4],[2044,4],[2151,4],[2600,4],[2738,4],[2910,4]]},"292":{"position":[[261,4],[481,4],[787,4],[1125,4],[1383,4],[1683,4],[1937,4],[2369,4],[2614,4],[2862,4]]},"294":{"position":[[426,4],[642,4],[925,4],[1200,4],[1482,4],[1914,4],[2162,4],[2455,4],[2741,4],[2993,4]]},"296":{"position":[[312,4],[646,4],[1060,4],[1403,4],[1651,4],[1794,4],[1901,4],[2043,4],[2150,4],[2599,4],[2737,4],[2909,4]]},"298":{"position":[[349,4]]},"300":{"position":[[356,4]]},"302":{"position":[[284,4],[554,4],[897,4]]},"304":{"position":[[338,4],[672,4],[858,4]]},"306":{"position":[[239,4]]},"308":{"position":[[470,4]]},"310":{"position":[[321,4],[596,4]]},"312":{"position":[[375,4]]},"314":{"position":[[278,4]]},"316":{"position":[[478,4]]},"318":{"position":[[183,4],[355,4]]},"320":{"position":[[289,4]]},"322":{"position":[[477,4],[725,4]]},"324":{"position":[[337,4]]},"326":{"position":[[177,4],[349,4]]},"328":{"position":[[456,4],[799,4]]},"330":{"position":[[341,4],[773,4],[1187,4],[1530,4]]},"332":{"position":[[419,4],[702,4],[977,4],[1259,4],[1691,4],[1890,4],[2096,4]]},"334":{"position":[[469,4],[714,4],[1128,4],[1271,4],[1378,4],[1520,4],[1627,4],[1826,4],[2030,4],[2231,4]]},"336":{"position":[[420,4],[703,4],[978,4],[1226,4],[1519,4],[1805,4],[2024,4],[2282,4],[2582,4],[2836,4]]},"338":{"position":[[318,4],[656,4]]},"340":{"position":[[269,4]]},"342":{"position":[[323,4]]},"344":{"position":[[337,4],[528,7],[678,4]]},"346":{"position":[[236,7],[386,4]]},"348":{"position":[[175,4],[307,4]]},"350":{"position":[[177,4],[309,4]]},"352":{"position":[[321,4],[596,4],[1028,4],[1314,4],[1566,4],[1786,4],[2124,4],[2538,4],[2881,4],[3019,4],[3191,4]]},"354":{"position":[[476,4],[728,4],[1066,4]]},"356":{"position":[[179,4],[311,4]]},"358":{"position":[[235,4],[436,4]]},"360":{"position":[[476,4]]},"362":{"position":[[473,4],[887,4],[1230,4],[1427,4],[1628,4]]},"364":{"position":[[424,4],[640,4]]},"366":{"position":[[315,4]]},"368":{"position":[[238,4],[436,4],[634,4]]},"370":{"position":[[298,4],[613,4]]},"372":{"position":[[244,4]]},"374":{"position":[[360,4]]},"376":{"position":[[428,4]]},"378":{"position":[[419,4],[757,4]]},"380":{"position":[[471,4],[607,4],[739,4]]},"382":{"position":[[313,4],[745,4]]},"384":{"position":[[327,4],[759,4],[1173,4]]},"386":{"position":[[457,4]]},"388":{"position":[[320,4],[626,4]]},"390":{"position":[[426,4]]},"392":{"position":[[471,4],[725,4]]},"394":{"position":[[376,4],[624,4],[939,4],[1170,4]]},"396":{"position":[[351,4]]},"398":{"position":[[282,4]]},"400":{"position":[[152,4],[233,4]]},"402":{"position":[[275,4]]},"404":{"position":[[229,4]]},"406":{"position":[[209,4]]},"408":{"position":[[268,4]]},"410":{"position":[[240,4]]},"412":{"position":[[237,4]]},"414":{"position":[[270,4]]},"416":{"position":[[233,4]]},"418":{"position":[[236,4]]},"420":{"position":[[237,4]]},"422":{"position":[[225,4]]},"424":{"position":[[243,4]]},"426":{"position":[[245,4]]},"428":{"position":[[238,4]]},"432":{"position":[[308,4]]},"434":{"position":[[302,4]]},"436":{"position":[[354,4]]},"438":{"position":[[230,7],[380,4]]},"440":{"position":[[177,4],[352,4]]},"442":{"position":[[333,4]]},"444":{"position":[[218,4],[445,4]]},"446":{"position":[[288,4]]},"448":{"position":[[472,4]]},"450":{"position":[[322,4]]},"452":{"position":[[315,4]]},"454":{"position":[[323,4]]},"456":{"position":[[423,4]]},"458":{"position":[[256,4]]},"460":{"position":[[193,4],[368,4]]},"462":{"position":[[208,4],[328,4]]},"464":{"position":[[186,4],[298,4]]},"466":{"position":[[177,4],[349,4]]},"468":{"position":[[175,4],[307,4]]},"470":{"position":[[488,4]]},"472":{"position":[[287,4]]},"474":{"position":[[382,4]]},"476":{"position":[[182,4],[289,4]]},"478":{"position":[[453,4]]},"480":{"position":[[373,4]]},"482":{"position":[[309,4]]},"484":{"position":[[284,4]]},"486":{"position":[[287,4]]},"488":{"position":[[471,4]]},"490":{"position":[[339,4]]},"492":{"position":[[293,4]]},"494":{"position":[[297,4]]},"496":{"position":[[259,4]]},"498":{"position":[[291,4]]},"500":{"position":[[377,4]]},"502":{"position":[[258,4]]},"504":{"position":[[345,4]]},"506":{"position":[[325,4]]},"512":{"position":[[2451,4]]},"514":{"position":[[117,4],[2005,4]]},"520":{"position":[[3198,5]]},"530":{"position":[[127,4]]},"598":{"position":[[181,4],[288,4]]},"600":{"position":[[129,5],[18675,4]]},"604":{"position":[[19557,4],[30865,4]]}}}],["motion",{"_index":1523,"t":{"522":{"position":[[1469,6],[1505,6]]}}}],["mous",{"_index":2774,"t":{"556":{"position":[[2959,5]]}}}],["move",{"_index":1759,"t":{"528":{"position":[[8969,4],[10726,4]]}}}],["mt",{"_index":1206,"t":{"514":{"position":[[6019,2],[6180,2],[6360,2]]},"604":{"position":[[57367,2]]}}}],["much",{"_index":1201,"t":{"514":{"position":[[5769,4]]}}}],["mug",{"_index":3038,"t":{"562":{"position":[[3642,6],[5513,6],[8138,6]]}}}],["multi",{"_index":4089,"t":{"604":{"position":[[30141,5],[112885,5],[115509,5],[118170,5],[120946,5]]}}}],["multipl",{"_index":227,"t":{"30":{"position":[[226,8]]},"48":{"position":[[280,8]]},"78":{"position":[[223,8]]},"98":{"position":[[534,8]]},"102":{"position":[[254,8]]},"514":{"position":[[139,8]]},"520":{"position":[[125,8],[5106,8]]},"534":{"position":[[149,8]]},"542":{"position":[[5717,8],[5740,8],[8379,8]]},"554":{"position":[[204,8]]},"604":{"position":[[72829,8],[72859,8],[125403,8]]}}}],["mute",{"_index":3761,"t":{"600":{"position":[[18546,6]]}}}],["muted\">card",{"_index":1443,"t":{"520":{"position":[[3577,11],[4048,11],[4412,11]]}}}],["muted\">last",{"_index":1511,"t":{"520":{"position":[[11128,11],[11455,11],[11877,11],[12423,11],[12771,11],[13214,11]]}}}],["mx",{"_index":1208,"t":{"514":{"position":[[6172,2]]}}}],["n",{"_index":767,"t":{"126":{"position":[[1485,1]]}}}],["nam",{"_index":1906,"t":{"530":{"position":[[8080,3],[12321,3],[16462,3]]}}}],["name",{"_index":141,"t":{"8":{"position":[[127,5]]},"118":{"position":[[526,5]]},"222":{"position":[[579,5]]},"402":{"position":[[171,5]]},"508":{"position":[[195,4],[484,4],[574,4]]},"510":{"position":[[209,4]]},"512":{"position":[[126,4]]},"514":{"position":[[180,4],[1717,4]]},"516":{"position":[[156,4],[535,4],[730,5],[1111,5],[1366,4],[1852,4],[2070,4],[2104,5],[22691,5],[22910,5],[23130,5],[23351,5]]},"520":{"position":[[379,4],[699,4],[863,4],[1026,4],[1190,4],[1419,4],[1982,4],[2214,4],[2377,4]]},"522":{"position":[[160,4],[500,4],[697,4]]},"524":{"position":[[155,4]]},"526":{"position":[[168,4],[699,4],[2341,5],[3431,4],[3565,4]]},"528":{"position":[[186,4],[1546,4],[4141,5],[4819,4],[4953,4],[5713,5],[6707,4],[6841,4]]},"530":{"position":[[187,4],[3571,5],[4279,4],[4413,4],[5168,5],[6235,4],[6369,4]]},"532":{"position":[[213,4]]},"534":{"position":[[177,4]]},"536":{"position":[[408,4],[639,4]]},"538":{"position":[[205,4],[443,4]]},"540":{"position":[[168,4],[518,4]]},"542":{"position":[[222,4],[491,4],[757,4]]},"544":{"position":[[142,4]]},"546":{"position":[[129,4],[414,4],[856,4],[1340,4],[1586,4],[1619,5]]},"548":{"position":[[602,4],[1061,4],[1241,5],[1353,5]]},"550":{"position":[[392,4],[622,4],[658,5],[747,4]]},"552":{"position":[[345,4],[492,4],[767,4],[1040,4],[2239,4],[2496,4],[11678,4]]},"554":{"position":[[249,4],[397,4],[672,4],[935,4],[2626,4],[2865,4],[16063,4]]},"556":{"position":[[394,4],[541,4],[816,4],[1081,4],[4590,4],[4829,4],[16348,4]]},"558":{"position":[[190,4],[337,4],[612,4],[875,4],[1972,4],[2219,4],[8052,4]]},"560":{"position":[[205,4],[1046,4],[1131,4]]},"562":{"position":[[243,4],[788,5],[1593,4],[1846,4],[10119,4]]},"564":{"position":[[197,4],[1548,4],[1641,4]]},"566":{"position":[[318,4],[1072,4],[1179,4],[7728,5],[7896,5],[8577,5],[8850,4],[10040,5],[12591,4]]},"568":{"position":[[167,4],[464,4],[589,4]]},"570":{"position":[[144,4],[616,4],[731,4],[861,4]]},"574":{"position":[[322,4],[1076,4],[1183,4]]},"596":{"position":[[238,4],[325,4]]},"600":{"position":[[256,4],[961,4],[1339,4],[1709,4],[1964,4],[2141,4],[2884,4]]},"602":{"position":[[224,4],[380,5],[712,4],[849,4],[1023,5],[1204,5]]},"604":{"position":[[202,4],[3036,4],[3649,4],[3952,4],[5452,5],[6610,4],[7288,5],[7822,4],[7946,4],[8077,4],[8201,4],[8330,4],[8463,4],[8583,4],[8705,4],[8828,4],[9243,4],[9589,5],[10167,4],[10291,4],[10422,4],[10546,4],[10675,4],[10808,4],[10928,4],[11050,4],[11173,4],[12099,6],[12543,4],[12667,4],[12798,4],[12922,4],[13051,4],[13184,4],[13304,4],[13426,4],[13556,4],[13681,4],[13804,4],[13923,4],[14717,5],[15315,4],[15439,4],[15570,4],[15694,4],[15823,4],[15956,4],[16076,4],[16198,4],[16321,4],[17046,5],[17734,4],[17858,4],[17989,4],[18113,4],[18242,4],[18375,4],[18495,4],[18617,4],[18747,4],[18872,4],[18995,4],[19114,4],[19952,5],[20486,4],[20610,4],[20741,4],[20865,4],[20994,4],[21127,4],[21247,4],[21369,4],[21492,4],[22359,5],[22888,4],[23012,4],[23143,4],[23267,4],[23396,4],[23529,4],[23649,4],[23771,4],[23894,4],[24730,5],[24866,5],[28840,5],[29015,5],[31287,5],[31965,4],[32089,4],[32220,4],[32344,4],[32473,4],[32606,4],[32726,4],[32848,4],[32971,4],[33749,5],[34330,4],[34454,4],[34585,4],[34709,4],[34838,4],[34971,4],[35091,4],[35213,4],[35336,4],[36137,6],[36695,4],[36819,4],[36950,4],[37074,4],[37203,4],[37336,4],[37456,4],[37578,4],[37701,4],[38512,6],[39100,4],[39205,4],[39320,4],[39427,4],[39540,4],[39660,4],[39763,4],[39868,4],[39975,4],[40755,6],[41358,4],[41463,4],[41578,4],[41685,4],[41798,4],[41918,4],[42021,4],[42126,4],[42233,4],[43015,6],[43103,6],[46892,6],[47336,4],[47460,4],[47591,4],[47715,4],[47844,4],[47977,4],[48097,4],[48219,4],[48349,4],[48474,4],[48597,4],[48716,4],[49486,6],[49572,6],[51106,5],[52990,4],[53114,4],[53245,4],[53369,4],[53498,4],[53631,4],[53751,4],[53873,4],[54003,4],[54128,4],[54251,4],[54370,4],[55050,5],[55629,4],[55753,4],[55884,4],[56008,4],[56137,4],[56348,4],[56468,4],[56590,4],[56713,4],[57533,5],[58082,4],[58206,4],[58337,4],[58461,4],[58590,4],[60569,5],[61794,4],[61918,4],[62049,4],[62173,4],[62302,4],[62435,4],[62555,4],[62677,4],[62807,4],[62932,4],[63055,4],[63174,4],[63896,5],[65015,4],[65139,4],[65270,4],[65394,4],[65523,4],[65656,4],[65776,4],[65898,4],[66028,4],[66153,4],[66276,4],[66395,4],[67103,5],[68392,4],[68516,4],[68647,4],[68771,4],[68900,4],[69033,4],[69153,4],[69275,4],[69405,4],[69530,4],[69653,4],[69772,4],[70321,5],[71530,4],[71654,4],[71785,4],[71909,4],[72038,4],[72171,4],[72291,4],[72413,4],[72536,4],[73296,5],[74505,4],[74629,4],[74760,4],[74884,4],[75013,4],[75146,4],[75266,4],[75388,4],[75511,4],[76647,5],[77802,4],[77926,4],[78057,4],[78181,4],[78310,4],[78443,4],[78563,4],[78685,4],[78808,4],[79702,6],[80893,4],[81017,4],[81148,4],[81272,4],[81401,4],[81534,4],[81654,4],[81776,4],[81906,4],[82031,4],[82154,4],[82273,4],[82841,6],[83659,4],[83783,4],[83914,4],[84038,4],[84167,4],[84300,4],[84420,4],[84542,4],[84672,4],[84797,4],[84920,4],[85039,4],[85524,5],[86326,5],[87114,5],[87916,5],[88888,4],[89019,4],[89143,4],[89272,4],[89405,4],[89525,4],[90120,5],[91111,5],[92100,5],[93091,5],[94076,5],[95061,5],[96056,5],[97118,4],[97249,4],[97373,4],[97502,4],[97635,4],[97755,4],[98276,5],[99309,4],[99440,4],[99564,4],[99693,4],[99826,4],[99946,4],[100246,5],[100714,5],[101747,4],[101878,4],[102002,4],[102131,4],[102264,4],[102384,4],[102697,5],[103567,5],[105738,4],[105862,4],[105993,4],[106117,4],[106246,4],[106379,4],[106499,4],[106621,4],[106751,4],[106876,4],[106999,4],[107118,4],[107764,5],[109618,4],[109743,4],[109874,4],[109998,4],[110127,4],[110260,4],[110380,4],[110502,4],[110625,4],[110724,4],[111395,5],[113965,5],[116626,5],[119322,5],[122068,5],[123130,4],[123254,4],[123385,4],[123509,4],[123638,4],[123771,4],[123891,4],[124013,4],[124143,4],[124268,4],[124391,4],[124510,4]]}}}],["name=\"accordionitem1",{"_index":1315,"t":{"516":{"position":[[12056,22],[20758,22]]}}}],["name=\"accordionitem2",{"_index":1317,"t":{"516":{"position":[[12617,22],[21329,22]]}}}],["name=\"accordionitem3",{"_index":1319,"t":{"516":{"position":[[13180,22],[21902,22]]}}}],["name=\"accordionitem6",{"_index":1327,"t":{"516":{"position":[[14846,22]]}}}],["name=\"faq",{"_index":1324,"t":{"516":{"position":[[14297,11]]},"546":{"position":[[9855,11]]}}}],["name=\"iconname.alarm",{"_index":2460,"t":{"550":{"position":[[881,21],[1038,21],[1088,21],[1138,21],[1188,21],[2856,21],[3000,21],[3296,21],[3380,21],[3632,21]]}}}],["name=\"iconname.alarmfil",{"_index":2461,"t":{"550":{"position":[[912,25],[3478,25]]}}}],["name=\"iconname.appl",{"_index":2463,"t":{"550":{"position":[[979,21],[2466,21]]}}}],["name=\"iconname.asterisk",{"_index":2489,"t":{"550":{"position":[[2539,24]]}}}],["name=\"iconname.bellfil",{"_index":1099,"t":{"512":{"position":[[3880,24]]}}}],["name=\"iconname.browsersafari",{"_index":2493,"t":{"550":{"position":[[2698,29]]}}}],["name=\"iconname.bug",{"_index":2481,"t":{"550":{"position":[[2129,19]]}}}],["name=\"iconname.checkal",{"_index":2479,"t":{"550":{"position":[[2050,24]]}}}],["name=\"iconname.checkcirclefil",{"_index":937,"t":{"508":{"position":[[2383,31]]}}}],["name=\"iconname.cloudlightningrainfil",{"_index":2477,"t":{"550":{"position":[[1955,38]]}}}],["name=\"iconname.creditcard2frontfil",{"_index":2486,"t":{"550":{"position":[[2377,36]]}}}],["name=\"iconname.exclamationdiamondfil",{"_index":2483,"t":{"550":{"position":[[2202,38]]}}}],["name=\"iconname.exclamationtrianglefil",{"_index":939,"t":{"508":{"position":[[2520,39],[2665,39]]}}}],["name=\"iconname.facebook",{"_index":2475,"t":{"550":{"position":[[1876,24]]}}}],["name=\"iconname.housefil",{"_index":1302,"t":{"516":{"position":[[4196,25]]},"546":{"position":[[3815,25]]}}}],["name=\"iconname.infocirclefil",{"_index":934,"t":{"508":{"position":[[2252,30]]},"550":{"position":[[2295,30]]}}}],["name=\"iconname.infocirclefill\">(titl",{"_index":1839,"t":{"530":{"position":[[3961,50]]}}}],["offcanvas.showasync(titl",{"_index":1847,"t":{"530":{"position":[[5813,50]]}}}],["offcanvas1",{"_index":691,"t":{"126":{"position":[[387,10]]}}}],["offcanvas5",{"_index":771,"t":{"126":{"position":[[1514,10]]}}}],["offcanvascloseadd",{"_index":2341,"t":{"546":{"position":[[14029,26]]}}}],["onclick=\"addemploye",{"_index":4150,"t":{"604":{"position":[[57119,23]]}}}],["onclick=\"addemployee2",{"_index":4151,"t":{"604":{"position":[[57227,24]]}}}],["onclick=\"async",{"_index":1229,"t":{"514":{"position":[[7613,15]]},"536":{"position":[[2435,15],[2566,15],[2699,15],[2827,15],[2954,15],[3080,15],[3201,15],[3323,15]]},"552":{"position":[[3459,15],[3605,15],[3754,15],[10696,15],[10842,15]]},"554":{"position":[[4081,15],[4227,15],[4376,15],[4517,15],[4685,15]]},"556":{"position":[[6118,15],[6264,15],[6413,15],[6556,15],[6728,15]]},"558":{"position":[[3167,15],[3313,15],[3462,15],[7110,15],[7256,15]]}}}],["onclick=\"changetooltip\">chang",{"_index":1249,"t":{"514":{"position":[[8863,31]]},"544":{"position":[[1665,31]]}}}],["onclick=\"clearmessage\">clear",{"_index":1542,"t":{"522":{"position":[[3931,29]]}}}],["onclick=\"closealert\">closedecreas",{"_index":2202,"t":{"542":{"position":[[2528,39]]}}}],["onclick=\"deleteemployeeasync",{"_index":1622,"t":{"526":{"position":[[2530,31]]}}}],["onclick=\"dis",{"_index":2913,"t":{"560":{"position":[[6220,19],[6885,19]]},"562":{"position":[[11422,19],[12888,19]]},"564":{"position":[[9822,19],[10493,19]]},"566":{"position":[[5768,19],[6473,19]]},"568":{"position":[[1305,19],[1917,19]]},"570":{"position":[[2373,19],[3032,19]]},"574":{"position":[[3972,19],[4650,19]]}}}],["onclick=\"disabledropdown\">disableenablehid",{"_index":1370,"t":{"516":{"position":[[20161,42]]}}}],["onclick=\"hideasync\">hidehid",{"_index":1528,"t":{"522":{"position":[[1792,32],[2757,32],[3703,32]]}}}],["onclick=\"hidefaqsaccordionitemasync\">faq",{"_index":1343,"t":{"516":{"position":[[16529,42]]}}}],["onclick=\"hidefirstaccordionitemasync\">first",{"_index":1339,"t":{"516":{"position":[[16101,44]]}}}],["onclick=\"hidelastaccordionitemasync\">last",{"_index":1344,"t":{"516":{"position":[[16632,42]]}}}],["onclick=\"hideproductsaccordionitemasync\">product",{"_index":1342,"t":{"516":{"position":[[16418,50]]}}}],["onclick=\"hidesecondaccordionitemasync\">second",{"_index":1340,"t":{"516":{"position":[[16206,46]]}}}],["onclick=\"hidethirdaccordionitemasync\">third",{"_index":1341,"t":{"516":{"position":[[16313,44]]}}}],["onclick=\"increaseprogressbar\">increas",{"_index":2200,"t":{"542":{"position":[[2393,39]]}}}],["onclick=\"onclick",{"_index":1253,"t":{"514":{"position":[[9122,19]]},"544":{"position":[[1267,18]]}}}],["onclick=\"onclickcallback",{"_index":1740,"t":{"528":{"position":[[6988,27]]},"530":{"position":[[6516,27]]}}}],["onclick=\"onhidemodalclick\">closehid",{"_index":2012,"t":{"530":{"position":[[20484,36]]}}}],["onclick=\"onshowmodalclick\">launch",{"_index":1749,"t":{"528":{"position":[[8111,34],[9300,34]]}}}],["onclick=\"onshowmodalclick\">show",{"_index":1716,"t":{"528":{"position":[[3636,32],[4247,32],[5901,32],[14365,32]]}}}],["onclick=\"onshowmodalclick\">vert",{"_index":1764,"t":{"528":{"position":[[9978,38],[11057,38]]}}}],["onclick=\"onshowoffcanvasclick\">show",{"_index":1850,"t":{"530":{"position":[[7175,36],[11409,36],[15650,36],[19791,36],[20607,36]]}}}],["onclick=\"positionbottomasync",{"_index":2839,"t":{"558":{"position":[[11333,31]]}}}],["onclick=\"positionleftasync",{"_index":2840,"t":{"558":{"position":[[11471,29]]}}}],["onclick=\"positionrightasync",{"_index":2838,"t":{"558":{"position":[[11197,30]]}}}],["onclick=\"positiontopasync",{"_index":2837,"t":{"558":{"position":[[11065,28]]}}}],["onclick=\"resetform\">resetresetshow",{"_index":1368,"t":{"516":{"position":[[20053,42]]}}}],["onclick=\"showasync\">showshow",{"_index":1526,"t":{"522":{"position":[[1681,32],[2646,32],[3592,32]]}}}],["onclick=\"showdialogasync",{"_index":1665,"t":{"526":{"position":[[5977,27],[6469,27],[7073,27],[7701,27]]}}}],["onclick=\"showemployeecomponent\">show",{"_index":1837,"t":{"530":{"position":[[3685,37],[5364,37]]}}}],["onclick=\"showfaqsaccordionitemasync\">faq",{"_index":1335,"t":{"516":{"position":[[15868,42]]}}}],["onclick=\"showfaqsasync\">faq",{"_index":2296,"t":{"546":{"position":[[10486,29]]}}}],["onclick=\"showfirstaccordionitemasync\">first",{"_index":1330,"t":{"516":{"position":[[15440,44]]}}}],["onclick=\"showfirsttabasync\">first",{"_index":2291,"t":{"546":{"position":[[10142,34]]}}}],["onclick=\"showlastaccordionitemasync\">last",{"_index":1336,"t":{"516":{"position":[[15971,42]]}}}],["onclick=\"showlasttabasync\">last",{"_index":2297,"t":{"546":{"position":[[10565,32]]}}}],["onclick=\"showloadingdataasync\">show",{"_index":2096,"t":{"536":{"position":[[1591,36]]}}}],["onclick=\"showmodal\">show",{"_index":3677,"t":{"596":{"position":[[4179,25],[4612,25]]}}}],["onclick=\"showproductsaccordionitemasync\">product",{"_index":1334,"t":{"516":{"position":[[15757,50]]}}}],["onclick=\"showproductstabasync\">product",{"_index":2295,"t":{"546":{"position":[[10396,40]]}}}],["onclick=\"showsaveconfirmationasync",{"_index":1643,"t":{"526":{"position":[[4099,37]]}}}],["onclick=\"showsavingdataasync\">show",{"_index":2098,"t":{"536":{"position":[[1686,35]]}}}],["onclick=\"showsecondaccordionitemasync\">second",{"_index":1332,"t":{"516":{"position":[[15545,46]]}}}],["onclick=\"showsecondtabasync\">second",{"_index":2293,"t":{"546":{"position":[[10226,36]]}}}],["onclick=\"showthirdaccordionitemasync\">third",{"_index":1333,"t":{"516":{"position":[[15652,44]]}}}],["onclick=\"showthirdtabasync\">third",{"_index":2294,"t":{"546":{"position":[[10312,34]]}}}],["onclick=\"toggl",{"_index":2914,"t":{"560":{"position":[[6294,18]]},"562":{"position":[[11496,18]]},"564":{"position":[[9896,18]]},"566":{"position":[[5842,18]]},"568":{"position":[[1379,18]]},"570":{"position":[[2447,18]]},"574":{"position":[[4046,18]]}}}],["onclick=\"toggleasync\">toggletoggl",{"_index":1529,"t":{"522":{"position":[[1903,36],[2868,36],[3814,36]]}}}],["onclick=\"togglesidebarstyles\">toggl",{"_index":3843,"t":{"602":{"position":[[18959,37]]}}}],["onclick=\"tooglesidebar",{"_index":3835,"t":{"602":{"position":[[9092,24],[11545,24],[13955,24],[16369,24]]}}}],["onclickcallback",{"_index":1730,"t":{"528":{"position":[[5719,16],[7192,15]]},"530":{"position":[[5174,16],[6731,15]]}}}],["onclickwithargs(arg",{"_index":1262,"t":{"514":{"position":[[9566,21]]}}}],["onclickwithargs(eventarg",{"_index":1264,"t":{"514":{"position":[[9688,25]]}}}],["onclos",{"_index":875,"t":{"508":{"position":[[591,7],[659,8],[3829,8]]}}}],["oncollapsehiddenasync",{"_index":1557,"t":{"522":{"position":[[5061,23]]}}}],["oncollapsehidingasync",{"_index":1556,"t":{"522":{"position":[[4951,23]]}}}],["oncollapseshowingasync",{"_index":1552,"t":{"522":{"position":[[4731,24]]}}}],["oncollapseshownasync",{"_index":1555,"t":{"522":{"position":[[4843,22]]}}}],["ondblclick=\"ondoubleclick",{"_index":1257,"t":{"514":{"position":[[9315,28]]}}}],["ondocumentload",{"_index":646,"t":{"112":{"position":[[434,16]]},"532":{"position":[[367,16],[955,17]]}}}],["ondocumentloaded(pdfviewereventarg",{"_index":2029,"t":{"532":{"position":[[885,35]]}}}],["ondocumentloaded=\"ondocumentload",{"_index":2024,"t":{"532":{"position":[[698,35]]}}}],["ondoubleclick(eventarg",{"_index":1258,"t":{"514":{"position":[[9400,23]]}}}],["ondropdownhiddenasync",{"_index":3800,"t":{"600":{"position":[[25378,23]]}}}],["ondropdownhidingasync",{"_index":3798,"t":{"600":{"position":[[25307,23]]}}}],["ondropdownshowingasync",{"_index":3802,"t":{"600":{"position":[[25449,24]]}}}],["ondropdownshownasync",{"_index":3804,"t":{"600":{"position":[[25522,22]]}}}],["onerror",{"_index":2155,"t":{"540":{"position":[[549,7],[1153,7]]}}}],["onerror=\"onscripterror",{"_index":2165,"t":{"540":{"position":[[1300,23]]}}}],["onfieldchang",{"_index":575,"t":{"102":{"position":[[1103,14]]}}}],["ongridsettingschanged(gridset",{"_index":4130,"t":{"604":{"position":[[52198,34]]}}}],["onhid",{"_index":155,"t":{"8":{"position":[[345,8],[489,8]]},"68":{"position":[[351,9],[536,9]]},"516":{"position":[[1609,8],[23136,9]]},"522":{"position":[[951,8],[5000,8]]},"528":{"position":[[2247,8]]},"530":{"position":[[2167,8]]},"546":{"position":[[1054,8],[11189,8],[11362,8],[11546,8]]},"600":{"position":[[3282,8]]}}}],["onhidden",{"_index":157,"t":{"8":{"position":[[364,8],[508,8]]},"68":{"position":[[365,8],[550,8]]},"516":{"position":[[1694,8],[23357,9]]},"522":{"position":[[1036,8],[5110,8]]},"528":{"position":[[2326,8]]},"530":{"position":[[1639,8],[2246,8]]},"546":{"position":[[951,8],[11281,8],[11559,8]]},"600":{"position":[[3368,8]]}}}],["onhidden=\"oncollapsehiddenasync",{"_index":1547,"t":{"522":{"position":[[4118,33]]}}}],["onhidden=\"ondropdownhiddenasync",{"_index":3795,"t":{"600":{"position":[[24789,32]]}}}],["onhidden=\"onhiddenasync",{"_index":1378,"t":{"516":{"position":[[20691,25]]}}}],["onhidden=\"onmodalhiddenasync",{"_index":1810,"t":{"528":{"position":[[14013,29]]}}}],["onhidden=\"onoffcanvashiddenasync",{"_index":2006,"t":{"530":{"position":[[20240,34]]}}}],["onhiddenasync(accordioneventarg",{"_index":1389,"t":{"516":{"position":[[23230,32]]}}}],["onhidemodalclick",{"_index":1720,"t":{"528":{"position":[[3800,18],[8293,18],[9471,18],[10157,18],[11247,18]]}}}],["onhideoffcanvasclick",{"_index":2013,"t":{"530":{"position":[[20795,22]]}}}],["onhideprev",{"_index":159,"t":{"8":{"position":[[390,15]]},"528":{"position":[[2456,15]]}}}],["onhideprevented=\"onmodalhidepreventedasync",{"_index":1811,"t":{"528":{"position":[[14043,44]]}}}],["onhiding=\"oncollapsehidingasync",{"_index":1546,"t":{"522":{"position":[[4085,32]]}}}],["onhiding=\"ondropdownhidingasync",{"_index":3794,"t":{"600":{"position":[[24756,32]]}}}],["onhiding=\"onhidingasync",{"_index":1377,"t":{"516":{"position":[[20666,24]]}}}],["onhiding=\"onmodalhidingasync",{"_index":1809,"t":{"528":{"position":[[13983,29]]}}}],["onhiding=\"onoffcanvashidingasync",{"_index":2005,"t":{"530":{"position":[[20206,33]]}}}],["onhidingasync(accordioneventarg",{"_index":1388,"t":{"516":{"position":[[23009,32]]}}}],["oniniti",{"_index":984,"t":{"510":{"position":[[562,15],[1316,15],[2049,15]]},"526":{"position":[[3745,15]]},"528":{"position":[[5133,15],[7246,15]]},"530":{"position":[[4604,15],[6785,15]]},"546":{"position":[[13397,15],[14309,15]]},"552":{"position":[[4129,15],[7879,15],[11217,15]]},"554":{"position":[[5175,15],[8615,15],[10013,15],[12241,15],[14339,15]]},"556":{"position":[[7074,15],[10707,15],[13568,15]]},"558":{"position":[[3817,15],[7611,15],[11819,15]]},"560":{"position":[[9214,15]]},"562":{"position":[[7397,15],[9963,15]]},"564":{"position":[[12964,15]]},"566":{"position":[[5102,15],[8371,15],[11636,15]]},"574":{"position":[[3406,15],[7573,15],[10929,15]]},"600":{"position":[[20688,15]]},"604":{"position":[[7744,15],[10089,15],[12465,15],[15237,15],[17656,15],[20408,15],[22810,15],[25876,15],[31887,15],[34252,15],[36617,15],[39022,15],[41280,15],[43905,15],[47258,15],[58004,15]]}}}],["onlin",{"_index":3296,"t":{"566":{"position":[[12347,7]]}}}],["onlinecourseform",{"_index":3282,"t":{"566":{"position":[[11420,16],[11437,16],[12449,16],[12539,16]]}}}],["onlinecourseform.coursenam",{"_index":3269,"t":{"566":{"position":[[10222,29]]}}}],["onlinecourseform.endd",{"_index":3279,"t":{"566":{"position":[[11018,26],[11863,24],[12014,24]]}}}],["onlinecourseform.startd",{"_index":3272,"t":{"566":{"position":[[10509,27],[10622,28],[11828,26],[11974,26]]}}}],["onload",{"_index":2156,"t":{"540":{"position":[[623,6]]}}}],["onload=\"onscriptload",{"_index":2164,"t":{"540":{"position":[[1278,21]]}}}],["onmodalhiddenasync",{"_index":1817,"t":{"528":{"position":[[14781,20]]}}}],["onmodalhidepreventedasync",{"_index":1818,"t":{"528":{"position":[[14886,27]]}}}],["onmodalhidingasync",{"_index":1816,"t":{"528":{"position":[[14674,20]]}}}],["onmodalshowingasync",{"_index":1812,"t":{"528":{"position":[[14461,21]]}}}],["onmodalshownasync",{"_index":1815,"t":{"528":{"position":[[14570,19]]}}}],["onoffcanvashiddenasync",{"_index":2017,"t":{"530":{"position":[[21204,24]]}}}],["onoffcanvashidingasync",{"_index":2016,"t":{"530":{"position":[[21093,24]]}}}],["onoffcanvasshowingasync",{"_index":2014,"t":{"530":{"position":[[20871,25]]}}}],["onoffcanvasshownasync",{"_index":2015,"t":{"530":{"position":[[20984,23]]}}}],["onpagechang",{"_index":647,"t":{"112":{"position":[[455,13]]},"532":{"position":[[454,13],[1124,14]]}}}],["onpagechanged(pdfviewereventarg",{"_index":2032,"t":{"532":{"position":[[1057,32]]}}}],["onpagechanged=\"onpagechang",{"_index":2025,"t":{"532":{"position":[[734,29]]}}}],["onpagechangedasync(int",{"_index":2080,"t":{"534":{"position":[[3018,22]]}}}],["onparametersset",{"_index":2954,"t":{"560":{"position":[[9320,17]]},"564":{"position":[[13070,17]]},"600":{"position":[[20794,17]]}}}],["onrowclick",{"_index":536,"t":{"98":{"position":[[194,10]]},"604":{"position":[[3178,10]]}}}],["onrowclick(gridroweventargssave@department.nam",{"_index":4143,"t":{"604":{"position":[[54765,19]]}}}],["p>@eventlog@itemaww",{"_index":913,"t":{"508":{"position":[[1767,6]]}}}],["p>lorem",{"_index":1852,"t":{"530":{"position":[[7572,8],[11813,8],[15954,8]]}}}],["p>morbi",{"_index":1957,"t":{"530":{"position":[[9055,8],[13296,8],[17437,8]]}}}],["p>pellentesqu",{"_index":1982,"t":{"530":{"position":[[10021,15],[14262,15],[18403,15]]}}}],["p>proin",{"_index":1923,"t":{"530":{"position":[[8282,8],[12523,8],[16664,8]]}}}],["p>some",{"_index":3763,"t":{"600":{"position":[[18576,7]]}}}],["p>thi",{"_index":1761,"t":{"528":{"position":[[8999,7],[10756,7]]}}}],["p>use",{"_index":1579,"t":{"524":{"position":[[2895,8],[3383,8],[3872,8],[4358,8],[4843,8]]}}}],["p>vestibulum",{"_index":1996,"t":{"530":{"position":[[10847,13],[15088,13],[19229,13]]}}}],["pa",{"_index":2335,"t":{"546":{"position":[[13299,5],[14211,5]]},"562":{"position":[[3556,5],[5427,5],[8052,5]]}}}],["packag",{"_index":3372,"t":{"572":{"position":[[229,8],[305,7],[330,7],[8103,7]]},"576":{"position":[[229,8],[305,7],[330,7],[8463,7]]},"578":{"position":[[287,8],[363,7],[388,7],[7354,7]]},"580":{"position":[[299,8],[318,7],[343,7],[2756,8],[2775,7],[2800,7],[8467,7],[8589,7]]},"582":{"position":[[239,8],[315,7],[340,7],[7357,7]]},"584":{"position":[[239,8],[315,7],[340,7],[7518,7]]},"586":{"position":[[247,8],[323,7],[348,7],[3070,7]]},"588":{"position":[[247,8],[323,7],[348,7],[2891,7]]},"590":{"position":[[239,8],[315,7],[340,7],[7214,7]]}}}],["pad",{"_index":871,"t":{"508":{"position":[[443,7]]},"520":{"position":[[3323,6]]},"564":{"position":[[1315,6]]},"600":{"position":[[18838,7]]}}}],["page",{"_index":124,"t":{"4":{"position":[[302,4]]},"6":{"position":[[297,4]]},"8":{"position":[[754,4]]},"10":{"position":[[212,4]]},"12":{"position":[[403,4]]},"14":{"position":[[380,4]]},"16":{"position":[[379,4]]},"18":{"position":[[280,4]]},"20":{"position":[[399,4]]},"22":{"position":[[282,4]]},"24":{"position":[[320,4]]},"26":{"position":[[331,4]]},"28":{"position":[[317,4]]},"30":{"position":[[661,4]]},"32":{"position":[[444,4]]},"34":{"position":[[785,4]]},"36":{"position":[[284,4]]},"38":{"position":[[602,4]]},"40":{"position":[[216,4],[229,4],[476,6],[493,4]]},"42":{"position":[[548,4],[873,4]]},"44":{"position":[[725,4]]},"46":{"position":[[599,4]]},"48":{"position":[[621,4]]},"50":{"position":[[907,4]]},"52":{"position":[[510,4]]},"54":{"position":[[582,4]]},"56":{"position":[[465,4]]},"58":{"position":[[862,4]]},"60":{"position":[[807,4]]},"62":{"position":[[424,4]]},"64":{"position":[[456,4]]},"66":{"position":[[1110,4]]},"68":{"position":[[1164,4]]},"70":{"position":[[1183,4]]},"72":{"position":[[440,4]]},"74":{"position":[[483,4]]},"76":{"position":[[537,4]]},"78":{"position":[[292,6],[312,4],[322,4],[1950,4]]},"80":{"position":[[702,4]]},"82":{"position":[[678,4]]},"84":{"position":[[682,4]]},"86":{"position":[[507,4]]},"88":{"position":[[898,4]]},"90":{"position":[[388,4]]},"92":{"position":[[527,4]]},"94":{"position":[[467,4]]},"96":{"position":[[421,4]]},"98":{"position":[[305,4],[1102,4]]},"100":{"position":[[583,4]]},"102":{"position":[[1574,4]]},"104":{"position":[[1040,4]]},"106":{"position":[[614,4]]},"108":{"position":[[990,4]]},"110":{"position":[[703,4]]},"112":{"position":[[1307,4]]},"114":{"position":[[447,4]]},"122":{"position":[[2498,6]]},"156":{"position":[[793,6]]},"158":{"position":[[305,6]]},"160":{"position":[[34,7],[302,6]]},"162":{"position":[[303,6]]},"220":{"position":[[2551,6]]},"252":{"position":[[793,6]]},"434":{"position":[[290,6]]},"508":{"position":[[26,4],[3595,4],[3925,5],[3941,4]]},"510":{"position":[[30,4],[2336,4]]},"512":{"position":[[25,4],[7284,4]]},"514":{"position":[[27,4],[9829,4]]},"516":{"position":[[29,4],[23465,4]]},"518":{"position":[[26,4],[952,4]]},"520":{"position":[[24,4],[13317,4]]},"522":{"position":[[28,4],[5232,4]]},"524":{"position":[[27,4],[5283,4]]},"526":{"position":[[34,4],[1149,5],[5856,4],[8200,4]]},"528":{"position":[[25,4],[3312,5],[8477,4],[15016,4]]},"530":{"position":[[29,4],[708,6],[21323,4]]},"532":{"position":[[30,4],[507,4],[1231,4]]},"534":{"position":[[30,4],[158,6],[244,4],[390,4],[1166,5],[1272,4],[2925,4],[3149,4]]},"536":{"position":[[27,4],[79,4],[216,4],[236,5],[1004,4],[3689,4]]},"538":{"position":[[32,4],[122,5],[3421,4]]},"540":{"position":[[33,4],[1634,4]]},"542":{"position":[[28,4],[8168,4]]},"544":{"position":[[28,4],[123,6],[1871,4]]},"546":{"position":[[24,4],[14740,4]]},"548":{"position":[[26,4],[564,4],[11431,4],[12131,4]]},"550":{"position":[[22,4],[4320,4]]},"552":{"position":[[42,4],[14619,4]]},"554":{"position":[[37,4],[16303,4]]},"556":{"position":[[38,4],[16590,4]]},"558":{"position":[[37,4],[14143,4]]},"560":{"position":[[27,4],[11178,4]]},"562":{"position":[[28,4],[13855,4]]},"564":{"position":[[29,4],[14931,4]]},"566":{"position":[[25,4],[12840,4]]},"568":{"position":[[21,4],[2902,4]]},"570":{"position":[[26,4],[5951,4]]},"572":{"position":[[47,4],[6813,6],[8023,4]]},"574":{"position":[[25,4],[12074,4]]},"576":{"position":[[47,4],[3377,5],[7160,6],[8370,4]]},"578":{"position":[[54,4],[6100,6],[7265,4]]},"580":{"position":[[52,4],[7192,6],[8357,4]]},"582":{"position":[[52,4],[6059,6],[7269,4]]},"584":{"position":[[52,4],[6220,6],[7430,4]]},"586":{"position":[[56,4],[2986,4]]},"588":{"position":[[56,4],[2802,4]]},"590":{"position":[[52,4],[6125,6],[7160,4]]},"592":{"position":[[29,4],[470,4],[621,6],[1865,4]]},"594":{"position":[[34,4],[475,4],[626,6],[1870,4]]},"596":{"position":[[31,4],[5002,4],[5830,4]]},"600":{"position":[[28,4],[25609,4]]},"602":{"position":[[27,4],[6505,4],[6595,6],[8855,6],[11289,6],[13704,6],[16075,6],[18541,6],[24133,4]]},"604":{"position":[[24,4],[167,6],[365,7],[620,6],[1994,4],[2076,4],[2178,4],[2265,4],[3884,4],[6678,4],[6722,5],[11607,7],[11619,7],[11791,4],[16640,7],[28306,6],[50158,4],[50171,4],[52034,6],[61372,6],[64767,6],[68144,6],[71282,6],[74257,6],[77554,6],[79392,4],[80645,6],[82448,4],[83411,6],[88640,6],[96870,6],[99061,6],[101499,6],[105490,6],[109370,6],[121435,7],[121467,6],[122882,6],[124641,4],[124860,6],[124910,7],[125033,6],[125448,4],[125458,4],[125715,6]]}}}],["page'",{"_index":973,"t":{"510":{"position":[[113,6]]}}}],["page/docu",{"_index":963,"t":{"508":{"position":[[3765,14]]}}}],["pagechang",{"_index":2048,"t":{"534":{"position":[[1222,11]]}}}],["pagechanged=\"onpagechangedasync",{"_index":2076,"t":{"534":{"position":[[2875,32]]}}}],["pagenumb",{"_index":3941,"t":{"604":{"position":[[6663,10],[52346,10]]}}}],["pages",{"_index":3875,"t":{"604":{"position":[[690,8],[2043,8],[6697,8],[11643,8],[11742,8],[52361,8],[80361,8],[82415,8],[121537,8]]}}}],["pages/_host.cshtml",{"_index":3383,"t":{"572":{"position":[[1066,19],[1415,19]]},"576":{"position":[[451,18],[1064,19],[1336,18],[3058,18]]}}}],["pages/_layout.cshtml",{"_index":3375,"t":{"572":{"position":[[451,20],[1322,21],[1376,20],[1519,20],[3243,20]]}}}],["pagesize=\"10",{"_index":4212,"t":{"604":{"position":[[82604,13],[103182,13],[121779,13]]}}}],["pagesize=\"20",{"_index":4000,"t":{"604":{"position":[[11704,13]]}}}],["pagesize=\"5",{"_index":4001,"t":{"604":{"position":[[11943,12],[16818,12],[28601,12],[46700,12],[60318,12],[63668,12],[66875,12]]}}}],["pagesize=\"8",{"_index":4124,"t":{"604":{"position":[[50705,12]]}}}],["pagesize=\"@pages",{"_index":4204,"t":{"604":{"position":[[79538,20]]}}}],["pagesizeselector",{"_index":610,"t":{"108":{"position":[[420,16]]}}}],["pagesizeselectoritem",{"_index":3893,"t":{"604":{"position":[[2105,21]]}}}],["pagesizeselectoritems=\"@(new",{"_index":4214,"t":{"604":{"position":[[82649,28],[103227,28],[121824,28]]}}}],["pagesizeselectorvis",{"_index":3894,"t":{"604":{"position":[[2210,23]]}}}],["pagesizeselectorvisible=\"tru",{"_index":4213,"t":{"604":{"position":[[82618,30],[103196,30],[121793,30]]}}}],["pagin",{"_index":194,"t":{"16":{"position":[[244,10],[297,10],[358,10]]},"30":{"position":[[483,10]]},"108":{"position":[[496,11]]},"130":{"position":[[1993,10]]},"218":{"position":[[2046,10]]},"334":{"position":[[2215,10]]},"358":{"position":[[420,10]]},"362":{"position":[[1612,10]]},"372":{"position":[[21,12],[228,10]]},"410":{"position":[[224,10]]},"530":{"position":[[21348,10]]},"532":{"position":[[1245,10]]},"534":{"position":[[11,10],[42,10],[74,10],[311,10],[1128,10],[1306,11],[1366,11],[1463,10],[1569,11],[1599,11],[1630,11],[1661,11],[1692,11],[1759,11],[2034,11],[2086,11],[2138,11],[2237,11],[2334,11],[2413,11],[2464,11],[2569,11],[2620,11],[2700,11],[2809,11],[3225,10]]},"604":{"position":[[2375,10],[46312,10],[46358,10],[102816,10],[125168,10]]}}}],["pagina",{"_index":4233,"t":{"604":{"position":[[103364,7]]}}}],["pagination1",{"_index":773,"t":{"126":{"position":[[1527,11]]}}}],["paginationalign",{"_index":4113,"t":{"604":{"position":[[46383,19],[46438,19]]}}}],["paginationalignment=\"alignment.end",{"_index":4114,"t":{"604":{"position":[[46713,35]]}}}],["paginationitemstextformat",{"_index":3895,"t":{"604":{"position":[[2299,25]]}}}],["paginationitemstextformat=\"{0",{"_index":4229,"t":{"604":{"position":[[103276,30]]}}}],["paginations",{"_index":2046,"t":{"534":{"position":[[1096,14]]}}}],["paging1",{"_index":688,"t":{"126":{"position":[[261,7]]}}}],["palett",{"_index":2542,"t":{"552":{"position":[[2948,7],[3020,8],[3081,7],[3141,8],[3156,8]]},"554":{"position":[[3580,7],[3652,8],[3713,7],[3773,8],[3788,8]]},"556":{"position":[[5545,7],[5617,8],[5678,7],[5738,8],[5753,8]]},"558":{"position":[[2666,7],[2738,8],[2799,7],[2859,8],[2874,8]]}}}],["pane",{"_index":2260,"t":{"546":{"position":[[619,5],[695,5],[790,5],[885,5],[2845,4]]}}}],["panel",{"_index":1531,"t":{"522":{"position":[[2061,5],[4228,5]]}}}],["papa",{"_index":4053,"t":{"604":{"position":[[26465,7],[44494,7]]}}}],["paragraph",{"_index":908,"t":{"508":{"position":[[1659,10]]}}}],["paramet",{"_index":140,"t":{"8":{"position":[[117,9],[526,10]]},"14":{"position":[[139,10],[209,9]]},"34":{"position":[[508,9]]},"58":{"position":[[381,11]]},"62":{"position":[[194,9]]},"66":{"position":[[537,11]]},"78":{"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]]},"82":{"position":[[282,9]]},"88":{"position":[[352,9]]},"94":{"position":[[189,9],[222,9]]},"118":{"position":[[139,10],[516,9]]},"128":{"position":[[182,10]]},"222":{"position":[[192,10],[569,9]]},"402":{"position":[[161,9]]},"408":{"position":[[183,10]]},"508":{"position":[[183,11],[3976,10]]},"510":{"position":[[197,11],[2369,10]]},"512":{"position":[[114,11],[2366,10],[2426,9],[3988,10],[7321,10]]},"514":{"position":[[168,11],[3997,9],[4196,9],[6600,10],[9867,10]]},"516":{"position":[[144,11],[1840,11],[6077,9],[7951,9],[9751,9],[18066,9],[23512,10],[23572,10]]},"520":{"position":[[350,11],[367,11],[687,11],[851,11],[1014,11],[1178,11],[1407,11],[1970,11],[2202,11],[2365,11],[7242,10],[13357,10],[13373,10],[13393,10],[13415,10],[13436,10],[13458,10],[13478,10],[13502,10],[13522,10],[13543,10]]},"522":{"position":[[148,11],[2534,9],[5273,10]]},"524":{"position":[[143,11],[5315,10]]},"526":{"position":[[2270,11],[2722,10],[2919,12],[3673,11]]},"528":{"position":[[174,11],[1662,10],[4070,11],[4417,10],[4572,11],[4584,12],[5061,11],[5402,9],[5651,9],[6106,10],[6363,11],[6375,12],[7095,11],[7143,11],[15050,10]]},"530":{"position":[[175,11],[3500,11],[3873,10],[4032,11],[4044,12],[4532,11],[4857,9],[5106,9],[5623,10],[5884,11],[5896,12],[6634,11],[6682,11],[11646,10],[21359,10]]},"532":{"position":[[201,11],[1274,10]]},"534":{"position":[[165,11],[3189,10]]},"536":{"position":[[396,11],[3730,10]]},"538":{"position":[[193,11],[431,11],[3480,10],[3503,10]]},"540":{"position":[[156,11],[353,9],[1684,10]]},"542":{"position":[[210,11],[479,11],[1949,9],[3192,10],[3561,9],[8218,10],[8241,10]]},"544":{"position":[[130,11],[1907,10]]},"546":{"position":[[117,11],[1328,11],[2769,10],[2818,9],[3687,10],[4718,10],[5756,9],[6604,9],[7204,9],[14779,10],[14828,10]]},"548":{"position":[[590,11],[3294,10],[4636,9],[8074,9],[9972,10],[11648,10],[12171,10]]},"550":{"position":[[380,11],[770,9],[4381,10]]},"552":{"position":[[333,11],[14659,10]]},"554":{"position":[[237,11],[16346,10]]},"556":{"position":[[382,11],[16634,10]]},"558":{"position":[[178,11],[14187,10]]},"560":{"position":[[177,10],[193,11],[3120,10],[4210,9],[4511,9],[4773,9],[5494,9],[5905,9],[6638,9],[11220,10]]},"562":{"position":[[231,11],[10952,9],[12485,9],[13895,10]]},"564":{"position":[[185,11],[4506,9],[4982,10],[7410,10],[8287,9],[9064,9],[9503,9],[10242,9],[14975,10]]},"566":{"position":[[180,11],[306,11],[3077,10],[5452,9],[6225,9],[12887,10]]},"568":{"position":[[155,11],[1045,9],[1724,9],[2270,10],[2944,10]]},"570":{"position":[[132,11],[2070,9],[2797,9],[3367,10],[4177,9],[5341,10],[5990,10]]},"574":{"position":[[184,11],[310,11],[2309,10],[3681,9],[4426,9],[12110,10]]},"596":{"position":[[5255,10]]},"600":{"position":[[244,11],[949,11],[1327,11],[1697,11],[1952,11],[2129,11],[14543,9],[15045,9],[15925,9],[16563,10],[16649,9],[22140,10],[25657,10],[25689,10],[25721,10],[25745,10],[25771,10],[25795,10]]},"602":{"position":[[212,11],[11245,9],[13616,9],[16027,9],[24171,10]]},"604":{"position":[[190,11],[2989,10],[3940,11],[4312,10],[5648,10],[6869,10],[6920,9],[6955,9],[11652,10],[11718,10],[11751,9],[14293,10],[14342,9],[19468,10],[21831,9],[21920,9],[22021,9],[24244,9],[24341,9],[28379,9],[28434,10],[30594,9],[30675,9],[33321,9],[33424,9],[35683,9],[38035,9],[42578,9],[42633,9],[46403,9],[49194,9],[50000,9],[54496,9],[54559,9],[56832,9],[56895,9],[75977,11],[107298,9],[107431,10],[124680,10],[124736,10],[125233,9],[125268,9]]}}}],["parameter'",{"_index":1621,"t":{"526":{"position":[[2329,11],[2369,11]]},"528":{"position":[[4129,11],[4169,11]]},"530":{"position":[[3559,11],[3599,11]]}}}],["parameters.add(\"employeeid",{"_index":1624,"t":{"526":{"position":[[2769,28]]},"528":{"position":[[4464,28],[6153,28]]},"530":{"position":[[3920,28],[5670,28]]}}}],["parameters.add(\"onclickcallback",{"_index":1733,"t":{"528":{"position":[[6188,33]]},"530":{"position":[[5705,33]]}}}],["parametr",{"_index":1595,"t":{"526":{"position":[[542,10]]}}}],["paramt",{"_index":4102,"t":{"604":{"position":[[30918,9]]}}}],["parent",{"_index":1025,"t":{"512":{"position":[[726,6]]},"514":{"position":[[393,7]]},"516":{"position":[[400,6],[6178,6]]},"520":{"position":[[2762,6]]},"522":{"position":[[370,6],[406,7]]},"528":{"position":[[5441,6],[5585,6],[5803,6],[7026,6]]},"530":{"position":[[4896,6],[5040,6],[5258,6],[6554,6]]},"538":{"position":[[2133,6]]},"600":{"position":[[16517,7]]},"602":{"position":[[1383,6],[2627,6]]}}}],["parenthes",{"_index":3167,"t":{"564":{"position":[[5332,11],[5444,11],[15153,11]]}}}],["parentid",{"_index":3814,"t":{"602":{"position":[[1344,8],[2607,8]]}}}],["parentid=\"2",{"_index":3821,"t":{"602":{"position":[[3463,14],[5349,14],[7631,14],[9964,14],[12417,14],[14827,14],[17241,14],[19747,14],[23042,14]]}}}],["parentid=\"4",{"_index":3823,"t":{"602":{"position":[[3666,14],[3782,14],[3898,14],[5583,14],[5699,14],[5815,14],[7865,14],[7981,14],[8097,14],[10198,14],[10314,14],[10430,14],[12651,14],[12767,14],[12883,14],[15061,14],[15177,14],[15293,14],[17475,14],[17591,14],[17707,14],[19981,14],[20097,14],[20213,14],[23245,13],[23375,13],[23505,13]]}}}],["parentid=\"8",{"_index":3825,"t":{"602":{"position":[[4096,14],[4223,14],[4343,14],[4448,14],[6043,14],[6170,14],[6290,14],[6395,14],[8325,14],[8452,14],[8572,14],[8677,14],[10658,14],[10785,14],[10905,14],[11010,14],[13111,14],[13238,14],[13358,14],[13463,14],[15521,14],[15648,14],[15768,14],[15873,14],[17935,14],[18062,14],[18182,14],[18287,14],[20441,14],[20568,14],[20688,14],[20793,14],[23717,14],[23844,14],[23964,14],[24069,14]]}}}],["part",{"_index":1088,"t":{"512":{"position":[[3300,4]]},"604":{"position":[[50240,4]]}}}],["parti",{"_index":643,"t":{"112":{"position":[[369,5]]},"532":{"position":[[166,5]]}}}],["particip",{"_index":1133,"t":{"514":{"position":[[1139,12]]},"520":{"position":[[1902,12]]},"600":{"position":[[1251,12],[1629,12],[2583,12]]}}}],["parts—with",{"_index":1479,"t":{"520":{"position":[[7213,10]]}}}],["pass",{"_index":364,"t":{"58":{"position":[[393,4],[438,4]]},"66":{"position":[[549,4],[594,4]]},"98":{"position":[[652,6]]},"526":{"position":[[2282,4]]},"528":{"position":[[4082,4],[5304,4],[5388,6],[5602,6],[15140,4]]},"530":{"position":[[3512,4],[4775,4],[4843,6],[5057,6],[21457,4]]},"536":{"position":[[2252,7]]},"552":{"position":[[11662,4]]},"554":{"position":[[16047,4]]},"556":{"position":[[16332,4]]},"558":{"position":[[8036,4]]},"604":{"position":[[5976,6]]}}}],["pdf",{"_index":19,"t":{"2":{"position":[[132,3],[499,3]]},"112":{"position":[[132,3],[259,4],[303,3]]},"114":{"position":[[116,3],[203,3],[224,3]]},"132":{"position":[[181,3]]},"136":{"position":[[174,3]]},"142":{"position":[[176,3],[543,3]]},"210":{"position":[[185,3],[552,3]]},"286":{"position":[[179,3],[546,3]]},"294":{"position":[[180,3],[547,3]]},"332":{"position":[[173,3]]},"336":{"position":[[174,3]]},"364":{"position":[[178,3],[545,3]]},"376":{"position":[[182,3]]},"378":{"position":[[173,3]]},"390":{"position":[[180,3]]},"456":{"position":[[177,3]]},"458":{"position":[[161,3]]},"532":{"position":[[11,3],[42,3],[64,3],[106,3],[302,3],[423,3]]},"534":{"position":[[3178,3]]},"538":{"position":[[3435,3]]}}}],["pdfviewer",{"_index":37,"t":{"2":{"position":[[329,9],[579,9]]},"112":{"position":[[1253,9]]},"114":{"position":[[427,9]]},"132":{"position":[[378,9]]},"136":{"position":[[371,9]]},"142":{"position":[[373,9],[623,9]]},"210":{"position":[[382,9],[632,9]]},"286":{"position":[[376,9],[626,9]]},"294":{"position":[[377,9],[627,9]]},"332":{"position":[[370,9]]},"336":{"position":[[371,9]]},"364":{"position":[[20,11],[375,9],[625,9]]},"376":{"position":[[379,9]]},"378":{"position":[[370,9]]},"390":{"position":[[377,9]]},"456":{"position":[[374,9]]},"458":{"position":[[241,9]]},"532":{"position":[[571,10]]}}}],["pdfviewer2",{"_index":774,"t":{"126":{"position":[[1539,10]]}}}],["pellentesqu",{"_index":1901,"t":{"530":{"position":[[8022,12],[8466,12],[8776,12],[9960,13],[10433,12],[12263,12],[12707,12],[13017,12],[14201,13],[14674,12],[16404,12],[16848,12],[17158,12],[18342,13],[18815,12]]}}}],["per",{"_index":2433,"t":{"548":{"position":[[11662,3]]},"552":{"position":[[1491,3]]},"554":{"position":[[1744,3]]},"556":{"position":[[1627,3]]},"558":{"position":[[1326,3]]},"604":{"position":[[1990,3],[103360,3]]}}}],["percent",{"_index":2684,"t":{"554":{"position":[[1086,7],[1457,7]]}}}],["percept",{"_index":2148,"t":{"538":{"position":[[2605,10]]}}}],["perform",{"_index":284,"t":{"40":{"position":[[253,11]]},"518":{"position":[[229,11]]},"528":{"position":[[2596,9]]}}}],["persist",{"_index":4120,"t":{"604":{"position":[[50377,7],[50428,10]]}}}],["ph",{"_index":3151,"t":{"564":{"position":[[3607,3]]}}}],["phtooltip",{"_index":2235,"t":{"544":{"position":[[881,43]]}}}],["placement=\"tooltipplacement.left\">tooltip",{"_index":2229,"t":{"544":{"position":[[612,41]]}}}],["placement=\"tooltipplacement.right\">tooltip",{"_index":2233,"t":{"544":{"position":[[777,42]]}}}],["placement=\"tooltipplacement.top\">tooltip",{"_index":2251,"t":{"544":{"position":[[1539,40]]}}}],["placerat",{"_index":1868,"t":{"530":{"position":[[7713,8],[9507,9],[9678,8],[11954,8],[13748,9],[13919,8],[16095,8],[17889,9],[18060,8]]}}}],["placerat.primarysubmitsecondaryset",{"_index":2222,"t":{"542":{"position":[[5095,35]]}}}],["setcolor(progresscolor.dark)\">set",{"_index":2225,"t":{"542":{"position":[[5536,33]]}}}],["setcolor(progresscolor.info)\">set",{"_index":2220,"t":{"542":{"position":[[4805,33]]}}}],["setcolor(progresscolor.primary)\">set",{"_index":2223,"t":{"542":{"position":[[5241,36]]}}}],["setcolor(progresscolor.secondary)\">set",{"_index":2224,"t":{"542":{"position":[[5390,38]]}}}],["setcolor(progresscolor.success)\">set",{"_index":2218,"t":{"542":{"position":[[4661,36]]}}}],["setcolor(progresscolor.warning)\">set",{"_index":2221,"t":{"542":{"position":[[4949,36]]}}}],["seth",{"_index":3048,"t":{"562":{"position":[[3732,7],[5603,7],[8228,7]]}}}],["setlabel",{"_index":2182,"t":{"542":{"position":[[942,8],[1977,13]]}}}],["settings.pagenumb",{"_index":4131,"t":{"604":{"position":[[52384,21]]}}}],["settings.pages",{"_index":4132,"t":{"604":{"position":[[52411,19]]}}}],["settingsjson",{"_index":4137,"t":{"604":{"position":[[52611,12]]}}}],["settingsprovid",{"_index":3899,"t":{"604":{"position":[[2639,16]]}}}],["settingsprovider=\"gridsettingsprovid",{"_index":4126,"t":{"604":{"position":[[50819,40]]}}}],["setup",{"_index":411,"t":{"68":{"position":[[657,5],[675,5],[709,5],[925,5],[973,5]]},"550":{"position":[[811,6],[1383,6],[3824,6]]},"592":{"position":[[41,5],[268,6],[352,6],[431,6]]},"594":{"position":[[46,5],[273,6],[357,6],[436,6]]},"596":{"position":[[4951,6],[5991,5]]}}}],["setwidth",{"_index":2183,"t":{"542":{"position":[[979,8]]}}}],["sever",{"_index":1147,"t":{"514":{"position":[[1900,7]]},"516":{"position":[[11627,7]]},"546":{"position":[[9103,7]]},"566":{"position":[[1750,7]]}}}],["sfh",{"_index":3018,"t":{"562":{"position":[[3447,4],[5318,4],[7943,4]]}}}],["shallow",{"_index":4158,"t":{"604":{"position":[[58941,7],[59678,7]]}}}],["shape",{"_index":2778,"t":{"556":{"position":[[3406,6]]}}}],["share",{"_index":181,"t":{"12":{"position":[[297,5]]}}}],["shared/mainlayout.razor.css",{"_index":3652,"t":{"592":{"position":[[542,27]]},"594":{"position":[[547,27]]}}}],["sharna",{"_index":4007,"t":{"604":{"position":[[13563,9],[18754,9],[48356,9],[54010,9],[62814,9],[66035,9],[69412,9],[81913,9],[84679,9],[106758,9],[124150,9]]}}}],["shop",{"_index":1819,"t":{"530":{"position":[[107,8]]}}}],["short",{"_index":3350,"t":{"570":{"position":[[3516,7]]}}}],["shortcut",{"_index":3000,"t":{"562":{"position":[[2160,9]]}}}],["show",{"_index":150,"t":{"8":{"position":[[297,7],[441,7]]},"82":{"position":[[189,4]]},"104":{"position":[[252,5]]},"512":{"position":[[80,5]]},"514":{"position":[[693,5],[1746,5],[7896,4],[10059,4]]},"516":{"position":[[989,5],[1084,5],[1152,5],[1246,5],[1312,5],[1445,4],[2642,7],[3193,7],[3743,7],[4506,7],[5131,7],[5754,7],[6496,7],[7047,7],[7597,7],[8300,7],[8867,7],[9417,7],[10132,7],[10683,7],[11233,7],[11535,4],[11583,4],[11644,4],[12312,7],[12875,7],[13437,7],[13995,7],[14543,7],[15103,7],[18013,4],[18100,4],[18629,7],[19180,7],[19730,7],[21014,7],[21587,7],[22159,7],[22697,8],[23670,4],[23709,4]]},"520":{"position":[[11813,4],[13128,4]]},"522":{"position":[[541,5],[776,4],[1218,4],[1593,4]]},"524":{"position":[[552,4],[774,4],[998,4],[1216,4],[1432,4],[1704,4],[1946,4],[2190,4],[2428,4],[2664,4]]},"526":{"position":[[313,5],[460,5],[622,5],[1092,5],[2435,4],[2990,4]]},"528":{"position":[[1105,5],[1337,5],[2082,4],[3229,4],[8675,4],[10432,4],[14534,10],[14641,7]]},"530":{"position":[[962,5],[1359,5],[2002,4],[2923,8],[20948,10]]},"536":{"position":[[740,5],[851,5],[1170,6],[2289,9]]},"546":{"position":[[599,4],[675,4],[770,4],[865,4],[1202,5],[1285,4]]},"548":{"position":[[934,4],[9750,5],[10033,5]]},"552":{"position":[[135,5]]},"554":{"position":[[173,4]]},"556":{"position":[[181,4],[4127,4],[14298,4],[14905,4],[15512,4]]},"558":{"position":[[123,5]]},"564":{"position":[[108,4],[2066,4],[15022,4]]},"568":{"position":[[85,4]]},"596":{"position":[[95,4],[750,5]]},"600":{"position":[[3006,5],[3552,4]]},"602":{"position":[[93,4],[8749,4],[8819,4],[11121,4],[11258,4],[15984,4],[24313,4],[24329,4],[24358,4]]},"604":{"position":[[1418,5],[50096,5]]}}}],["show(spinnercolor",{"_index":2085,"t":{"536":{"position":[[682,17],[765,17]]}}}],["show/hid",{"_index":604,"t":{"108":{"position":[[283,9]]},"514":{"position":[[7460,9],[10033,9]]}}}],["showaccordionitembyindexasync",{"_index":1310,"t":{"516":{"position":[[11782,30]]}}}],["showaccordionitembyindexasync(int",{"_index":1279,"t":{"516":{"position":[[948,33]]}}}],["showaccordionitembynameasync",{"_index":1309,"t":{"516":{"position":[[11748,29]]}}}],["showaccordionitembynameasync(str",{"_index":1280,"t":{"516":{"position":[[1029,35]]}}}],["showallaccordionitemsasync",{"_index":1281,"t":{"516":{"position":[[1123,28],[18150,26],[20295,28]]}}}],["showasync",{"_index":1517,"t":{"522":{"position":[[531,9],[1245,10]]},"528":{"position":[[1577,9]]},"530":{"position":[[1349,9]]},"596":{"position":[[5168,14],[5206,9]]},"600":{"position":[[2996,9],[24468,11]]}}}],["showasync(modalopt",{"_index":3653,"t":{"596":{"position":[[255,21]]}}}],["showasync(str",{"_index":1588,"t":{"526":{"position":[[211,16],[341,16]]}}}],["showasync(str",{"_index":1593,"t":{"526":{"position":[[488,19]]},"528":{"position":[[1608,19]]}}}],["showclosebutton",{"_index":1689,"t":{"528":{"position":[[1288,15]]},"530":{"position":[[913,15]]},"548":{"position":[[913,15]]}}}],["showconfirmationasync",{"_index":1614,"t":{"526":{"position":[[1719,23]]}}}],["showconfirmationasync(dialogs",{"_index":1659,"t":{"526":{"position":[[5401,32]]}}}],["showconfirmationasync(dialogsize.extralarg",{"_index":1658,"t":{"526":{"position":[[5260,46]]}}}],["showconfirmationasync(dialogsize.larg",{"_index":1657,"t":{"526":{"position":[[5135,41]]}}}],["showconfirmationasync(dialogsize.smal",{"_index":1656,"t":{"526":{"position":[[5010,41]]}}}],["showcontentasync",{"_index":1534,"t":{"522":{"position":[[2237,18],[3206,18],[4523,18]]}}}],["showcurrencysymbol=\"tru",{"_index":3175,"t":{"564":{"position":[[7917,25],[8487,25],[8746,25],[9223,25],[11591,25],[11988,25],[12434,25]]}}}],["showdialogasync",{"_index":1667,"t":{"526":{"position":[[6094,17],[6586,17],[7210,17],[7851,17]]}}}],["showdtmessag",{"_index":1727,"t":{"528":{"position":[[5471,13],[5630,13],[5827,14],[6273,16]]},"530":{"position":[[4926,13],[5085,13],[5282,14],[5790,16]]}}}],["showdtmessage(mouseeventarg",{"_index":1736,"t":{"528":{"position":[[6403,28]]},"530":{"position":[[5924,28]]}}}],["showemployeecompon",{"_index":1838,"t":{"530":{"position":[[3843,23],[5593,23]]}}}],["showfaqsaccordionitemasync",{"_index":1353,"t":{"516":{"position":[[17188,28]]}}}],["showfaqsasync",{"_index":2305,"t":{"546":{"position":[[10965,15]]}}}],["showfirstaccordionitemasync",{"_index":1282,"t":{"516":{"position":[[1216,29],[11691,28],[16767,29]]}}}],["showfirsttabasync",{"_index":2258,"t":{"546":{"position":[[553,19],[9148,18],[10648,19]]}}}],["showfooterbutton",{"_index":3659,"t":{"596":{"position":[[726,16],[4854,16]]}}}],["showhorizontalbarchartasync",{"_index":2721,"t":{"554":{"position":[[6962,29]]}}}],["showhorizontalbarchartasync()\">horizont",{"_index":2704,"t":{"554":{"position":[[4545,41]]}}}],["showhorizontallinechartasync",{"_index":2804,"t":{"556":{"position":[[6584,32],[8803,30]]}}}],["showlastaccordionitemasync",{"_index":1283,"t":{"516":{"position":[[1283,28],[11720,27],[17293,28]]}}}],["showlasttabasync",{"_index":2261,"t":{"546":{"position":[[631,18],[9167,17],[11041,18]]}}}],["showlin",{"_index":2791,"t":{"556":{"position":[[3755,8]]}}}],["showload",{"_index":1145,"t":{"514":{"position":[[1734,11],[7491,13]]}}}],["showloadingdataasync",{"_index":2099,"t":{"536":{"position":[[1836,22]]}}}],["showmessage(toasttyp",{"_index":2389,"t":{"548":{"position":[[2753,21],[4297,21],[5735,21],[7325,21],[11005,21]]}}}],["showmessage(toasttype.danger)\">dang",{"_index":2385,"t":{"548":{"position":[[2320,37],[3763,37],[5302,37],[6892,37],[10572,37]]}}}],["showmessage(toasttype.dark)\">dark",{"_index":2388,"t":{"548":{"position":[[2627,33],[4171,33],[5609,33],[7199,33],[10879,33]]}}}],["showmessage(toasttype.info)\">info",{"_index":2387,"t":{"548":{"position":[[2529,33],[3972,33],[5511,33],[7101,33],[10781,33]]}}}],["showmessage(toasttype.light)\">light",{"_index":2398,"t":{"548":{"position":[[4071,35]]}}}],["showmessage(toasttype.primary)\">primari",{"_index":2381,"t":{"548":{"position":[[1994,39],[3437,39],[4976,39],[6566,39],[10246,39]]}}}],["showmessage(toasttype.secondary)\">secondari",{"_index":2383,"t":{"548":{"position":[[2103,43],[3546,43],[5085,43],[6675,43],[10355,43]]}}}],["showmessage(toasttype.success)\">success",{"_index":2384,"t":{"548":{"position":[[2214,39],[3657,39],[5196,39],[6786,39],[10466,39]]}}}],["showmessage(toasttype.warning)\">warn",{"_index":2386,"t":{"548":{"position":[[2425,39],[3868,39],[5407,39],[6997,39],[10677,39]]}}}],["showmod",{"_index":3678,"t":{"596":{"position":[[4308,11],[4741,11]]}}}],["showmodal(modals",{"_index":3676,"t":{"596":{"position":[[3892,19]]}}}],["showmodal(modalsize.extralarge)\">show",{"_index":3674,"t":{"596":{"position":[[3740,37]]}}}],["showmodal(modalsize.large)\">show",{"_index":3673,"t":{"596":{"position":[[3635,32]]}}}],["showmodal(modalsize.regular)\">show",{"_index":3670,"t":{"596":{"position":[[3417,34]]}}}],["showmodal(modalsize.small)\">show",{"_index":3672,"t":{"596":{"position":[[3529,32]]}}}],["showmodal(modaltyp",{"_index":3668,"t":{"596":{"position":[[1933,19],[3116,19]]}}}],["showmodal(modaltype.danger)\">show",{"_index":3663,"t":{"596":{"position":[[1373,33],[2556,33]]}}}],["showmodal(modaltype.dark)\">show",{"_index":3667,"t":{"596":{"position":[[1793,31],[2976,31]]}}}],["showmodal(modaltype.info)\">show",{"_index":3665,"t":{"596":{"position":[[1588,31],[2771,31]]}}}],["showmodal(modaltype.light)\">show",{"_index":3666,"t":{"596":{"position":[[1690,32],[2873,32]]}}}],["showmodal(modaltype.primary)\">show",{"_index":3660,"t":{"596":{"position":[[1038,34],[2221,34]]}}}],["showmodal(modaltype.secondary)\">show",{"_index":3661,"t":{"596":{"position":[[1150,36],[2333,36]]}}}],["showmodal(modaltype.success)\">show",{"_index":3662,"t":{"596":{"position":[[1264,34],[2447,34]]}}}],["showmodal(modaltype.warning)\">show",{"_index":3664,"t":{"596":{"position":[[1481,34],[2664,34]]}}}],["shown",{"_index":152,"t":{"8":{"position":[[318,5],[462,5]]},"516":{"position":[[2473,5],[4118,5],[4337,5],[6327,5],[8131,5],[9963,5],[12143,5],[18460,5],[20845,5]]},"520":{"position":[[5188,5]]},"522":{"position":[[666,5],[3094,5]]},"528":{"position":[[2510,6]]},"530":{"position":[[1456,5],[2607,6],[2740,5],[2816,5],[21059,8]]},"536":{"position":[[1012,5],[1252,5],[2371,5]]},"546":{"position":[[996,5],[1104,5],[1240,6],[1311,6],[9233,5]]},"548":{"position":[[11439,5],[11741,5]]},"596":{"position":[[5010,5],[5193,5]]}}}],["showoffcanvasasync",{"_index":1831,"t":{"530":{"position":[[2901,21],[3081,20]]}}}],["showproductsaccordionitemasync",{"_index":1351,"t":{"516":{"position":[[17074,32]]}}}],["showproductstabasync",{"_index":2303,"t":{"546":{"position":[[10877,22]]}}}],["showsaveconfirmationasync",{"_index":1645,"t":{"526":{"position":[[4218,27]]}}}],["showsavingdataasync",{"_index":2102,"t":{"536":{"position":[[2013,21]]}}}],["showsecondaccordionitemasync",{"_index":1347,"t":{"516":{"position":[[16867,30]]}}}],["showsecondtabasync",{"_index":2299,"t":{"546":{"position":[[10722,20]]}}}],["showspinnerasync(spinnercolor",{"_index":2113,"t":{"536":{"position":[[3500,29]]}}}],["showspinnerasync(spinnercolor.danger)\">dang",{"_index":2108,"t":{"536":{"position":[[2855,45]]}}}],["showspinnerasync(spinnercolor.dark)\">dark",{"_index":2112,"t":{"536":{"position":[[3351,41]]}}}],["showspinnerasync(spinnercolor.info)\">info",{"_index":2110,"t":{"536":{"position":[[3108,41]]}}}],["showspinnerasync(spinnercolor.light)\">light",{"_index":2111,"t":{"536":{"position":[[3229,43]]}}}],["showspinnerasync(spinnercolor.primary)\">primari",{"_index":2104,"t":{"536":{"position":[[2463,47]]}}}],["showspinnerasync(spinnercolor.secondary)\">secondari",{"_index":2106,"t":{"536":{"position":[[2594,51]]}}}],["showspinnerasync(spinnercolor.success)\">success",{"_index":2107,"t":{"536":{"position":[[2727,47]]}}}],["showspinnerasync(spinnercolor.warning)\">warn",{"_index":2109,"t":{"536":{"position":[[2982,47]]}}}],["showtab",{"_index":2257,"t":{"546":{"position":[[470,8]]}}}],["showtabbyindexasync",{"_index":517,"t":{"88":{"position":[[455,19]]},"546":{"position":[[9185,20]]}}}],["showtabbyindexasync(int",{"_index":2262,"t":{"546":{"position":[[707,23]]}}}],["showtabbynameasync",{"_index":2287,"t":{"546":{"position":[[9210,19]]}}}],["showtabbynameasync(str",{"_index":2263,"t":{"546":{"position":[[802,25]]}}}],["showthirdaccordionitemasync",{"_index":1349,"t":{"516":{"position":[[16971,29]]}}}],["showthirdtabasync",{"_index":2301,"t":{"546":{"position":[[10800,19]]}}}],["showverticalbarchartasync",{"_index":2723,"t":{"554":{"position":[[7104,27]]}}}],["showverticalbarchartasync()\">vert",{"_index":2706,"t":{"554":{"position":[[4713,37]]}}}],["showverticallinechartasync",{"_index":2805,"t":{"556":{"position":[[6756,30],[8949,28]]}}}],["side",{"_index":231,"t":{"30":{"position":[[261,4],[277,5]]},"32":{"position":[[228,4],[255,4]]},"552":{"position":[[1495,5]]},"554":{"position":[[223,4],[231,5],[1748,5]]},"556":{"position":[[1631,5]]},"558":{"position":[[1330,5]]},"562":{"position":[[199,4],[215,4],[2565,4],[3148,4],[4152,4],[5019,4],[6023,4],[7644,4],[13957,4],[13974,4],[14014,4]]},"568":{"position":[[393,5],[2244,4]]},"600":{"position":[[16505,4]]},"604":{"position":[[146,4],[162,4],[6044,4],[6806,4],[9131,4],[11602,4],[14233,4],[16624,4],[28290,4],[28342,4],[50456,4],[52005,4],[61343,4],[64738,4],[68115,4],[71253,4],[74228,4],[77525,4],[80616,4],[83382,4],[88611,4],[96841,4],[99032,4],[101470,4],[105461,4],[109341,4],[122853,4],[124787,4],[124809,4],[124855,4],[124874,4],[124894,4],[125017,4]]}}}],["sidebar",{"_index":75,"t":{"2":{"position":[[1616,8],[1816,7]]},"56":{"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]]},"120":{"position":[[2986,7],[3022,7],[3076,7]]},"132":{"position":[[609,8],[809,7]]},"142":{"position":[[1660,8],[1860,7]]},"200":{"position":[[3030,7],[3066,7],[3120,7]]},"202":{"position":[[232,8],[432,7]]},"210":{"position":[[1669,8],[1869,7]]},"214":{"position":[[3039,7],[3075,7],[3129,7]]},"230":{"position":[[226,8],[426,7]]},"232":{"position":[[234,8],[434,7]]},"254":{"position":[[225,8],[425,7]]},"270":{"position":[[227,8],[427,7],[601,7],[637,7],[691,7]]},"284":{"position":[[227,8],[427,7]]},"286":{"position":[[1663,8],[1863,7]]},"294":{"position":[[1664,8],[1864,7]]},"308":{"position":[[220,8],[420,7]]},"316":{"position":[[228,8],[428,7]]},"332":{"position":[[1441,8],[1641,7]]},"348":{"position":[[163,7],[199,7],[253,7]]},"350":{"position":[[165,7],[201,7],[255,7]]},"352":{"position":[[778,8],[978,7]]},"354":{"position":[[226,8],[426,7]]},"356":{"position":[[167,7],[203,7],[257,7]]},"380":{"position":[[20,9],[221,8],[421,7],[595,7],[631,7],[685,7]]},"392":{"position":[[221,8],[421,7]]},"448":{"position":[[222,8],[422,7]]},"468":{"position":[[163,7],[199,7],[253,7]]},"530":{"position":[[64,8],[2405,7]]},"540":{"position":[[1662,7]]},"546":{"position":[[14754,7]]},"572":{"position":[[6820,8],[7321,7],[7329,7]]},"576":{"position":[[7167,8],[7668,7],[7676,7]]},"578":{"position":[[6107,8],[6465,7],[6473,8]]},"580":{"position":[[7199,8],[7557,7],[7565,8]]},"582":{"position":[[6066,8],[6567,7],[6575,7]]},"584":{"position":[[6227,8],[6728,7],[6736,7]]},"590":{"position":[[6132,8],[6490,7],[6498,8]]},"592":{"position":[[628,8],[996,7],[1004,7]]},"594":{"position":[[633,8],[1001,7],[1009,7]]},"602":{"position":[[11,7],[39,7],[72,7],[772,7],[814,8],[1587,8],[1716,7],[1724,8],[2454,11],[2513,11],[2711,8],[2840,7],[2848,8],[3828,11],[3887,10],[4566,8],[4695,7],[4703,8],[5745,11],[5804,10],[6466,8],[6571,8],[6602,8],[6977,7],[6985,8],[8027,11],[8086,10],[8738,7],[8808,7],[8862,8],[9310,7],[9318,8],[10360,11],[10419,10],[11296,8],[11763,7],[11771,8],[12813,11],[12872,10],[13711,8],[14173,7],[14181,8],[15223,11],[15282,10],[16082,8],[16587,7],[16595,8],[17637,11],[17696,10],[18408,8],[18446,7],[18548,8],[18997,7],[19062,7],[19070,8],[20143,11],[20202,10],[20954,7],[20981,7],[21017,7],[21072,7],[21129,7],[21182,7],[21225,7],[21265,7],[21303,7],[21342,7],[21397,7],[21480,7],[21532,7],[21596,7],[21649,7],[21700,7],[21752,7],[21801,7],[21852,7],[21902,7],[21953,7],[22008,7],[22060,7],[22115,7],[22290,8],[22419,7],[22427,8],[23435,11],[23494,10],[24287,7],[24302,7],[24393,7]]}}}],["sidebar.togglesidebar",{"_index":3837,"t":{"602":{"position":[[11079,24],[13532,24],[15942,24],[18356,24]]}}}],["sidebar2",{"_index":782,"t":{"126":{"position":[[1627,8]]}}}],["sidebardataprovider(sidebardataproviderrequest",{"_index":3494,"t":{"572":{"position":[[7445,46]]},"576":{"position":[[7792,46]]},"578":{"position":[[6559,46]]},"580":{"position":[[7651,46]]},"582":{"position":[[6691,46]]},"584":{"position":[[6852,46]]},"590":{"position":[[6584,46]]},"592":{"position":[[1120,46]]},"594":{"position":[[1125,46]]},"602":{"position":[[1810,46],[2934,46],[4789,46],[7071,46],[9404,46],[11857,46],[14267,46],[16681,46],[19187,46],[22513,46]]}}}],["sidebardataproviderresult",{"_index":3807,"t":{"602":{"position":[[503,28]]}}}],["sidebaritem",{"_index":550,"t":{"98":{"position":[[605,11]]}}}],["sidemod",{"_index":316,"t":{"44":{"position":[[639,9]]},"122":{"position":[[1510,9]]},"146":{"position":[[1274,9]]},"148":{"position":[[691,9]]},"152":{"position":[[683,9]]},"170":{"position":[[281,9]]},"178":{"position":[[684,9]]},"184":{"position":[[29,10],[281,9]]},"188":{"position":[[684,9]]},"204":{"position":[[1554,9]]},"220":{"position":[[1563,9]]},"440":{"position":[[271,9]]}}}],["sidemodal1",{"_index":695,"t":{"126":{"position":[[477,10]]}}}],["sign",{"_index":3170,"t":{"564":{"position":[[5373,5],[5485,5],[15194,4]]}}}],["signific",{"_index":226,"t":{"30":{"position":[[112,11]]},"130":{"position":[[517,11]]},"218":{"position":[[570,11]]},"334":{"position":[[1943,11]]},"424":{"position":[[156,11]]}}}],["similar",{"_index":1829,"t":{"530":{"position":[[2536,7],[2695,7]]},"552":{"position":[[196,7]]}}}],["similarli",{"_index":933,"t":{"508":{"position":[[2137,10]]}}}],["simmon",{"_index":4064,"t":{"604":{"position":[[27664,10],[45693,10]]}}}],["simpl",{"_index":886,"t":{"508":{"position":[[933,6],[1018,6],[1103,6],[1185,6],[1267,6],[1347,6],[1425,6],[1503,6],[2437,6],[2582,6],[2727,6]]},"526":{"position":[[4462,7],[5548,7],[7352,7]]},"548":{"position":[[3220,6],[4515,6]]}}}],["simultan",{"_index":1366,"t":{"516":{"position":[[18125,14]]}}}],["singl",{"_index":459,"t":{"78":{"position":[[206,6]]},"84":{"position":[[237,6]]},"102":{"position":[[240,6]]},"520":{"position":[[10613,7]]},"548":{"position":[[1772,6]]},"600":{"position":[[3740,6],[25848,6]]},"604":{"position":[[69982,7]]}}}],["sink",{"_index":1459,"t":{"520":{"position":[[5086,5],[13638,4]]}}}],["sit",{"_index":1855,"t":{"530":{"position":[[7593,3],[7672,3],[7910,3],[8684,3],[8846,3],[10234,3],[10298,3],[10451,3],[11834,3],[11913,3],[12151,3],[12925,3],[13087,3],[14475,3],[14539,3],[14692,3],[15975,3],[16054,3],[16292,3],[17066,3],[17228,3],[18616,3],[18680,3],[18833,3]]}}}],["site",{"_index":304,"t":{"42":{"position":[[511,4]]},"44":{"position":[[248,4]]},"46":{"position":[[247,4]]},"50":{"position":[[396,4]]},"52":{"position":[[226,4]]},"54":{"position":[[337,4]]},"56":{"position":[[213,4]]},"58":{"position":[[489,4]]},"528":{"position":[[103,4]]},"596":{"position":[[122,4]]}}}],["sixth",{"_index":1328,"t":{"516":{"position":[[14894,5]]}}}],["size",{"_index":283,"t":{"40":{"position":[[234,5]]},"78":{"position":[[317,4],[327,4]]},"98":{"position":[[310,4]]},"102":{"position":[[283,6],[534,6]]},"106":{"position":[[302,6]]},"110":{"position":[[390,4]]},"512":{"position":[[704,4],[764,6]]},"514":{"position":[[148,6],[1017,4],[1022,4],[1039,4],[3434,6],[3532,6],[3900,4],[9931,5]]},"520":{"position":[[2123,4],[2165,5],[2518,4],[2560,5],[6290,7],[13661,6]]},"526":{"position":[[1293,4],[1327,4],[4660,6],[4702,6],[4715,5],[4839,4],[4877,4],[4921,4],[5434,5],[5483,4],[5490,4],[8376,5]]},"528":{"position":[[1230,4],[1245,4],[11322,6],[11356,6],[11369,5],[15287,5]]},"530":{"position":[[1003,4],[1022,4],[11595,6],[11610,4],[11641,4],[21527,5]]},"534":{"position":[[1091,4],[1139,5],[2205,7],[2327,6],[3282,6]]},"538":{"position":[[644,4],[694,5],[2058,7],[2070,4],[2169,4],[3548,6]]},"550":{"position":[[673,4],[709,5],[1025,6],[1257,4],[2799,4],[4407,5]]},"556":{"position":[[2912,4]]},"562":{"position":[[800,4]]},"596":{"position":[[789,4],[827,5],[3359,5],[4024,4],[5924,4]]},"600":{"position":[[791,4],[796,4],[818,4],[8909,7],[18378,6],[25881,6]]},"604":{"position":[[2081,4],[2183,4],[2270,4],[6710,4],[11796,4],[50176,5],[79397,5],[80091,4],[80207,4],[80324,4],[82406,5],[82426,5],[82453,4],[125453,4],[125463,4]]}}}],["size.non",{"_index":3692,"t":{"600":{"position":[[840,9]]}}}],["size=\"iconsize.x1",{"_index":2473,"t":{"550":{"position":[[1480,18]]}}}],["size=\"iconsize.x2",{"_index":2464,"t":{"550":{"position":[[1060,18],[1552,18],[1901,18],[1994,18],[2075,18],[2149,18],[2241,18],[2326,18],[2414,18],[2488,18],[2564,18],[2646,18],[2728,18]]}}}],["size=\"iconsize.x3",{"_index":2465,"t":{"550":{"position":[[1110,18],[1624,18]]}}}],["size=\"iconsize.x4",{"_index":2466,"t":{"550":{"position":[[1160,18],[1696,18]]}}}],["size=\"iconsize.x5",{"_index":2467,"t":{"550":{"position":[[1210,18],[1768,18]]}}}],["size=\"iconsize.x6",{"_index":2474,"t":{"550":{"position":[[1840,18]]}}}],["size=\"modalsize.extralarg",{"_index":1767,"t":{"528":{"position":[[11508,28]]}}}],["size=\"modalsize.larg",{"_index":1771,"t":{"528":{"position":[[11621,23]]}}}],["size=\"modalsize.smal",{"_index":1774,"t":{"528":{"position":[[11729,23]]}}}],["size=\"offcanvassize.larg",{"_index":2002,"t":{"530":{"position":[[15911,27]]}}}],["size=\"offcanvassize.smal",{"_index":2001,"t":{"530":{"position":[[11770,27]]}}}],["size=\"paginationsize.larg",{"_index":2070,"t":{"534":{"position":[[2284,27],[2512,27]]}}}],["size=\"paginationsize.smal",{"_index":2069,"t":{"534":{"position":[[2253,27],[2382,27]]}}}],["size=\"placeholdersize.extrasmal",{"_index":2145,"t":{"538":{"position":[[2440,33],[2956,33],[3335,33]]}}}],["size=\"placeholdersize.larg",{"_index":2143,"t":{"538":{"position":[[2288,28],[2804,28],[3183,28]]}}}],["size=\"placeholdersize.smal",{"_index":2144,"t":{"538":{"position":[[2364,28],[2880,28],[3259,28]]}}}],["size=\"size.larg",{"_index":1173,"t":{"514":{"position":[[3478,17],[3579,18],[3659,18],[4270,17],[4366,17],[4492,17],[4611,17]]},"600":{"position":[[8959,18],[9095,17],[9356,17]]}}}],["size=\"size.smal",{"_index":1174,"t":{"514":{"position":[[3499,17],[3746,18],[3826,18]]},"542":{"position":[[2375,17],[2510,17],[2645,17],[4627,17],[4771,17],[4915,17],[5061,17],[5207,17],[5356,17],[5502,17]]},"552":{"position":[[3441,17],[3587,17],[3736,17],[10678,17],[10824,17]]},"554":{"position":[[4063,17],[4209,17],[4358,17],[4499,17],[4667,17]]},"556":{"position":[[6100,17],[6246,17],[6395,17],[6538,17],[6710,17]]},"558":{"position":[[3149,17],[3295,17],[3444,17],[7092,17],[7238,17],[11047,17],[11179,17],[11315,17],[11453,17]]},"600":{"position":[[9848,18],[10227,17],[15534,17],[15629,17]]},"602":{"position":[[18941,17]]}}}],["slide",{"_index":1708,"t":{"528":{"position":[[3269,5]]}}}],["sm",{"_index":1224,"t":{"514":{"position":[[7327,3]]},"520":{"position":[[6515,2],[6810,2],[10787,2]]},"528":{"position":[[12364,3]]},"562":{"position":[[2619,2],[4446,2],[6077,2],[7046,2],[11039,2],[12577,2]]}}}],["smful",{"_index":1795,"t":{"528":{"position":[[13145,26]]}}}],["smmodal?.showasync()\">smal",{"_index":1777,"t":{"528":{"position":[[12043,27]]}}}],["sobi",{"_index":3019,"t":{"562":{"position":[[3452,7],[5323,7],[7948,7]]}}}],["sodal",{"_index":1874,"t":{"530":{"position":[[7779,7],[8994,7],[9526,7],[12020,7],[13235,7],[13767,7],[16161,7],[17376,7],[17908,7]]}}}],["solid",{"_index":2471,"t":{"550":{"position":[[1455,5],[1527,5],[1599,5],[1671,5],[1743,5],[1815,5],[3963,5],[4097,5]]},"560":{"position":[[7546,5],[7587,5]]},"562":{"position":[[8698,5],[8739,5]]},"564":{"position":[[11167,5],[11208,5]]},"566":{"position":[[7152,5],[7193,5],[9749,5],[9790,5]]},"574":{"position":[[5329,5],[5370,5],[9349,5],[9390,5]]},"600":{"position":[[19004,5],[19045,5]]}}}],["someth",{"_index":1586,"t":{"526":{"position":[[148,10]]},"538":{"position":[[140,9],[2619,9]]}}}],["sometim",{"_index":2679,"t":{"554":{"position":[[155,9]]}}}],["somewherefahrenheitdateonlydateonly?datetimedatetime?holi",{"_index":944,"t":{"508":{"position":[[3007,12],[3218,12]]}}}],["strong>thi",{"_index":1567,"t":{"524":{"position":[[491,12],[714,12],[937,12],[1158,12],[1375,12],[1643,12],[1886,12],[2129,12],[2370,12],[2607,12]]}}}],["strong>timeonlytimeonly?successswap",{"_index":1192,"t":{"514":{"position":[[5315,19]]}}}],["switch",{"_index":60,"t":{"2":{"position":[[1041,9],[1122,6],[2300,6]]},"52":{"position":[[120,6],[166,6],[203,6],[265,6],[413,6]]},"78":{"position":[[964,6],[1620,6],[1894,6]]},"80":{"position":[[544,6]]},"98":{"position":[[394,6],[411,6],[826,6]]},"102":{"position":[[181,6],[1055,6],[1072,6],[1459,6]]},"110":{"position":[[159,9],[296,6],[313,7],[337,6],[668,6]]},"116":{"position":[[2271,6]]},"122":{"position":[[409,6],[455,6]]},"132":{"position":[[1240,6]]},"142":{"position":[[1085,9],[1166,6],[2344,6]]},"146":{"position":[[173,6],[219,6]]},"198":{"position":[[2315,6]]},"202":{"position":[[863,6]]},"204":{"position":[[453,6],[499,6]]},"210":{"position":[[1094,9],[1175,6],[2353,6]]},"216":{"position":[[2324,6]]},"220":{"position":[[462,6],[508,6]]},"240":{"position":[[432,6]]},"242":{"position":[[728,6]]},"250":{"position":[[477,6],[2282,6]]},"260":{"position":[[431,6]]},"264":{"position":[[428,6]]},"268":{"position":[[425,6],[601,6],[647,6]]},"274":{"position":[[714,6]]},"286":{"position":[[1088,9],[1169,6],[2347,6]]},"288":{"position":[[2319,6]]},"292":{"position":[[2318,6]]},"294":{"position":[[1089,9],[1170,6],[2348,6]]},"310":{"position":[[485,9],[566,6]]},"322":{"position":[[426,6]]},"330":{"position":[[722,6]]},"332":{"position":[[866,9],[947,6]]},"334":{"position":[[418,6]]},"336":{"position":[[867,9],[948,6],[1412,6]]},"352":{"position":[[485,9],[566,6]]},"360":{"position":[[425,6]]},"362":{"position":[[422,6]]},"366":{"position":[[204,9],[285,6]]},"382":{"position":[[20,8],[202,9],[283,6],[694,6]]},"384":{"position":[[708,6]]},"442":{"position":[[226,6]]},"452":{"position":[[204,9],[285,6]]},"464":{"position":[[164,6],[210,6]]},"488":{"position":[[420,6]]},"546":{"position":[[12383,6]]},"568":{"position":[[6,6],[33,6],[65,6],[370,6],[531,7],[567,7],[659,6],[714,7],[758,6],[784,7],[828,6],[1070,7],[1097,7],[1162,6],[1682,7],[1787,7],[1846,6],[2043,6],[2219,8],[2281,7],[2324,6],[2449,6],[2475,7],[2512,6],[2805,8]]},"570":{"position":[[5983,6]]},"574":{"position":[[12088,6]]},"602":{"position":[[4390,10],[4438,9],[6337,10],[6385,9],[8619,10],[8667,9],[10952,10],[11000,9],[13405,10],[13453,9],[15815,10],[15863,9],[18229,10],[18277,9],[20735,10],[20783,9],[24011,10],[24059,9]]},"604":{"position":[[67591,7],[67660,7]]}}}],["switch1",{"_index":3319,"t":{"568":{"position":[[2050,7]]}}}],["switch1.dis",{"_index":3320,"t":{"568":{"position":[[2123,18]]}}}],["switch1.en",{"_index":3321,"t":{"568":{"position":[[2167,17]]}}}],["switch2",{"_index":783,"t":{"126":{"position":[[1636,7]]}}}],["switchchanged(bool",{"_index":3327,"t":{"568":{"position":[[2719,18]]}}}],["symbol",{"_index":3113,"t":{"564":{"position":[[177,7],[802,6],[2080,7],[4475,7],[4551,7],[15036,7],[15084,6]]}}}],["system",{"_index":2355,"t":{"548":{"position":[[284,7]]},"552":{"position":[[10263,8]]},"554":{"position":[[11573,8],[13835,8],[15899,8]]},"556":{"position":[[13056,8],[16116,8]]}}}],["system.componentmodel.dataannot",{"_index":2921,"t":{"560":{"position":[[7448,37]]},"562":{"position":[[8600,37]]},"564":{"position":[[11069,37]]},"566":{"position":[[7054,37],[9651,37]]},"574":{"position":[[5231,37],[9251,37]]},"600":{"position":[[18906,37]]}}}],["system.drawing.color",{"_index":2603,"t":{"552":{"position":[[7636,20]]},"556":{"position":[[5962,20],[10464,20]]}}}],["system.net.http",{"_index":3469,"t":{"572":{"position":[[6332,15]]},"576":{"position":[[6679,15]]},"578":{"position":[[5595,15]]},"580":{"position":[[6043,15],[6744,15]]},"582":{"position":[[5579,15]]},"584":{"position":[[5740,15]]},"590":{"position":[[5625,15]]}}}],["system.net.http.json",{"_index":3598,"t":{"578":{"position":[[5618,20]]},"580":{"position":[[6066,20],[6767,20]]},"582":{"position":[[5602,20]]},"584":{"position":[[5763,20]]},"590":{"position":[[5648,20]]}}}],["system.text.json",{"_index":4122,"t":{"604":{"position":[[50538,16]]}}}],["t",{"_index":784,"t":{"126":{"position":[[1644,1]]},"526":{"position":[[644,1]]},"528":{"position":[[1696,1]]}}}],["t3c6coii6ulra9tneneoa7rxnatzjcdscmg1mxxsr1gasxev/dwwykc2mpk8m2hn",{"_index":3378,"t":{"572":{"position":[[628,65],[3977,65]]},"576":{"position":[[626,65],[3798,65]]},"578":{"position":[[650,65],[3187,65]]},"580":{"position":[[605,65],[3453,65]]},"582":{"position":[[635,65],[3768,65]]},"584":{"position":[[635,65],[3768,65]]},"586":{"position":[[625,65]]},"588":{"position":[[625,65]]},"590":{"position":[[635,65],[3214,65]]}}}],["tab",{"_index":32,"t":{"2":{"position":[[241,5],[363,4]]},"18":{"position":[[159,4],[213,4]]},"42":{"position":[[402,4],[463,3],[493,4],[605,4],[697,4],[786,4]]},"82":{"position":[[333,4]]},"88":{"position":[[153,4],[440,4],[710,4],[872,4]]},"112":{"position":[[241,5],[791,4],[814,4],[833,4],[914,4],[1287,4]]},"116":{"position":[[898,4],[1057,4]]},"122":{"position":[[1850,4]]},"132":{"position":[[290,5],[412,4]]},"136":{"position":[[283,5],[405,4]]},"142":{"position":[[285,5],[407,4]]},"146":{"position":[[1614,4]]},"164":{"position":[[304,4]]},"174":{"position":[[311,4]]},"176":{"position":[[311,4]]},"190":{"position":[[29,5],[303,4]]},"198":{"position":[[942,4],[1101,4]]},"204":{"position":[[1894,4]]},"210":{"position":[[294,5],[416,4]]},"216":{"position":[[951,4],[1110,4]]},"220":{"position":[[1903,4]]},"254":{"position":[[1391,4],[1550,4]]},"256":{"position":[[482,4],[641,4]]},"262":{"position":[[460,4],[619,4]]},"272":{"position":[[201,4],[360,4]]},"282":{"position":[[202,4],[361,4]]},"286":{"position":[[288,5],[410,4]]},"288":{"position":[[946,4],[1105,4]]},"292":{"position":[[945,4],[1104,4]]},"294":{"position":[[289,5],[411,4]]},"332":{"position":[[282,5],[404,4]]},"336":{"position":[[283,5],[405,4]]},"338":{"position":[[476,4],[635,4]]},"344":{"position":[[596,4]]},"346":{"position":[[304,4]]},"352":{"position":[[1944,4],[2103,4]]},"354":{"position":[[886,4],[1045,4]]},"364":{"position":[[287,5],[409,4]]},"376":{"position":[[291,5],[413,4]]},"378":{"position":[[20,6],[282,5],[404,4],[577,4],[736,4]]},"390":{"position":[[289,5],[411,4]]},"394":{"position":[[196,4],[355,4]]},"438":{"position":[[298,4]]},"456":{"position":[[286,5],[408,4]]},"500":{"position":[[197,4],[356,4]]},"528":{"position":[[1408,3]]},"530":{"position":[[1103,3]]},"546":{"position":[[11,4],[36,4],[95,4],[112,4],[305,4],[400,4],[515,4],[591,3],[667,3],[753,3],[849,3],[897,4],[989,3],[1032,3],[1091,3],[1140,3],[1198,3],[1227,3],[1281,3],[1298,3],[1324,3],[1464,4],[1569,4],[1615,3],[1661,3],[1724,3],[1798,3],[1915,3],[1934,3],[1969,5],[1975,6],[1982,4],[2136,3],[2209,6],[2216,4],[2360,3],[2433,6],[2440,4],[2584,3],[2657,6],[2664,7],[2731,5],[2841,3],[2884,5],[2915,4],[3069,3],[3142,6],[3149,4],[3293,3],[3366,6],[3373,4],[3517,3],[3590,6],[3597,7],[3654,3],[3740,5],[3771,4],[3985,3],[4058,6],[4065,5],[4270,3],[4343,6],[4350,5],[4554,3],[4627,6],[4634,7],[4665,4],[4687,4],[4729,5],[4760,4],[4914,3],[4987,6],[4994,4],[5138,3],[5211,6],[5218,4],[5380,3],[5453,6],[5460,4],[5604,3],[5677,6],[5684,7],[5731,4],[5793,5],[5850,4],[6004,3],[6077,6],[6084,4],[6228,3],[6301,6],[6308,4],[6452,3],[6525,6],[6532,7],[6628,4],[6657,5],[6718,4],[6851,6],[6858,4],[6981,6],[6988,4],[7111,6],[7118,7],[7164,4],[7236,5],[7272,4],[7405,6],[7412,4],[7535,6],[7542,4],[7665,6],[7672,4],[7791,6],[7798,7],[7837,5],[7878,4],[8011,6],[8018,4],[8141,6],[8148,4],[8271,6],[8278,4],[8397,6],[8404,7],[8447,5],[8492,4],[8625,6],[8632,4],[8755,6],[8762,4],[8885,6],[8892,4],[9011,6],[9018,7],[9061,5],[9095,4],[9246,5],[9289,4],[9422,6],[9429,4],[9552,6],[9559,4],[9682,6],[9689,4],[9830,6],[9837,4],[9965,6],[9972,4],[10091,6],[10098,7],[10618,4],[10623,5],[11141,4],[11223,4],[11246,3],[11316,4],[11410,3],[11513,3],[11629,3],[11648,5],[11667,4],[11784,6],[11791,4],[11914,6],[11921,4],[12044,6],[12051,4],[12170,6],[12177,7],[12193,4],[12198,4],[12719,4],[12733,6],[12779,4],[13024,4],[13047,6],[13056,7],[13573,5],[13579,5],[13637,4],[13820,4],[13843,6],[13852,7],[14082,4],[14087,4],[14774,4],[14790,4],[14803,4],[14824,3],[14839,3],[14868,4],[14909,3],[14992,4],[15024,3],[15042,4],[15063,4]]},"548":{"position":[[12145,4]]},"600":{"position":[[2970,6],[3051,6],[3136,6]]},"602":{"position":[[24166,4]]}}}],["tab'",{"_index":2267,"t":{"546":{"position":[[2089,5],[2313,5],[2537,5],[3022,5],[3246,5],[3470,5],[3938,5],[4223,5],[4507,5],[4867,5],[5091,5],[5333,5],[5557,5],[5957,5],[6181,5],[6405,5]]}}}],["tab.aboutinfo",{"_index":2902,"t":{"560":{"position":[[4175,11],[4476,11]]}}}],["text\">tip",{"_index":2897,"t":{"560":{"position":[[3710,10],[5727,10]]},"564":{"position":[[8030,10],[9325,10]]}}}],["text.curr",{"_index":2077,"t":{"534":{"position":[[2911,13]]}}}],["textalign",{"_index":1413,"t":{"520":{"position":[[587,13],[7228,13]]},"560":{"position":[[928,13],[4759,13]]},"564":{"position":[[1430,13],[8273,13]]},"604":{"position":[[6394,13],[38021,13],[38092,13]]}}}],["textalignment=\"alignment.cent",{"_index":1480,"t":{"520":{"position":[[7558,32]]},"560":{"position":[[4971,32]]},"564":{"position":[[8513,32]]},"604":{"position":[[25704,32],[38401,33],[38874,33],[40644,33],[41132,33],[42907,33],[43757,33],[111276,33],[113805,33],[116466,33],[119161,33]]}}}],["textalignment=\"alignment.end",{"_index":1481,"t":{"520":{"position":[[7890,29]]},"560":{"position":[[5202,29]]},"564":{"position":[[8772,29]]},"604":{"position":[[25493,29],[38724,30],[40967,30],[43592,30]]}}}],["textbox",{"_index":238,"t":{"30":{"position":[[352,7]]},"562":{"position":[[99,7],[2046,7]]},"604":{"position":[[4473,7],[24206,7],[24307,7],[24376,7],[124996,7]]}}}],["textnowrap",{"_index":3940,"t":{"604":{"position":[[6531,10]]}}}],["textnowrap=\"tru",{"_index":4034,"t":{"604":{"position":[[25104,17],[25232,17],[42560,17],[43272,18],[43377,18]]}}}],["that'",{"_index":3764,"t":{"600":{"position":[[18597,6]]}}}],["thead",{"_index":3890,"t":{"604":{"position":[[1876,5],[2864,5]]}}}],["theadcssclass",{"_index":3902,"t":{"604":{"position":[[2820,13]]}}}],["therebi",{"_index":1756,"t":{"528":{"position":[[8801,7],[10558,7]]}}}],["they'll",{"_index":1426,"t":{"520":{"position":[[2717,7]]}}}],["they'r",{"_index":1701,"t":{"528":{"position":[[2864,7]]},"548":{"position":[[310,7]]}}}],["they’ll",{"_index":1469,"t":{"520":{"position":[[6342,7]]}}}],["thing",{"_index":930,"t":{"508":{"position":[[2047,6]]},"536":{"position":[[125,6]]},"548":{"position":[[378,6]]}}}],["third",{"_index":642,"t":{"112":{"position":[[363,5]]},"516":{"position":[[3534,5],[5545,5],[7388,5],[9208,5],[11024,5],[13228,5],[19521,5],[21950,5]]},"520":{"position":[[5029,5],[5727,5]]},"532":{"position":[[160,5]]}}}],["those",{"_index":946,"t":{"508":{"position":[[3071,5],[3282,5]]},"514":{"position":[[5640,5]]}}}],["though",{"_index":1298,"t":{"516":{"position":[[2845,6],[3396,6],[3946,6],[4709,6],[5334,6],[5957,6],[6699,6],[7250,6],[7800,6],[8503,6],[9070,6],[9620,6],[10335,6],[10886,6],[11436,6],[12515,6],[13078,6],[13640,6],[14198,6],[14746,6],[15306,6],[18832,6],[19383,6],[19933,6],[21217,6],[21790,6],[22362,6]]}}}],["three",{"_index":1649,"t":{"526":{"position":[[4687,5]]},"528":{"position":[[11341,5]]}}}],["through",{"_index":360,"t":{"58":{"position":[[280,7]]},"66":{"position":[[436,7]]},"510":{"position":[[1020,7]]},"512":{"position":[[2280,7]]},"524":{"position":[[3175,7],[3663,7],[4152,7],[4638,7],[5123,7]]},"526":{"position":[[2169,7]]},"528":{"position":[[3969,7]]},"530":{"position":[[3399,7]]},"538":{"position":[[1061,7]]}}}],["throw",{"_index":615,"t":{"108":{"position":[[552,6]]},"520":{"position":[[5161,5]]}}}],["thrown",{"_index":1154,"t":{"514":{"position":[[1991,6]]}}}],["thu",{"_index":2265,"t":{"546":{"position":[[1007,4],[1115,4]]}}}],["tick",{"_index":648,"t":{"112":{"position":[[519,4]]},"570":{"position":[[525,4],[5276,4],[5295,4],[6083,4]]}}}],["tickmark",{"_index":3330,"t":{"570":{"position":[[468,9],[840,8],[5331,9],[6016,8]]}}}],["tickmarks=\"list",{"_index":3358,"t":{"570":{"position":[[5476,16]]}}}],["tidy.net6.blazorwebassemblyappnet7.blazorwebassemblyappnet8.blazorwebassemblystandaloneappanoth",{"_index":1447,"t":{"520":{"position":[[3777,14],[5808,14]]}}}],["to=\"#\">card",{"_index":1445,"t":{"520":{"position":[[3739,11],[5770,11]]}}}],["toast",{"_index":52,"t":{"2":{"position":[[754,6],[861,5]]},"8":{"position":[[699,6]]},"10":{"position":[[106,6],[166,6]]},"20":{"position":[[179,6],[325,6],[382,6]]},"48":{"position":[[179,6],[319,6],[346,6],[472,6],[539,6],[582,6]]},"50":{"position":[[120,5],[198,6],[613,6],[891,5]]},"64":{"position":[[119,6],[163,6],[190,5],[334,6],[412,6],[426,6]]},"88":{"position":[[141,7],[368,6],[682,6],[852,6]]},"92":{"position":[[137,5],[244,5],[486,5]]},"108":{"position":[[155,6],[599,5],[615,6],[969,5]]},"116":{"position":[[576,5],[704,5],[886,7],[1037,6]]},"118":{"position":[[741,6]]},"120":{"position":[[1480,6],[1565,6],[1579,6]]},"122":{"position":[[997,5],[1075,6],[1267,5],[2116,6],[2170,6],[2213,6]]},"124":{"position":[[201,6],[308,5]]},"130":{"position":[[1796,6]]},"142":{"position":[[798,6],[905,5]]},"146":{"position":[[761,5],[839,6],[1031,5]]},"148":{"position":[[178,5],[256,6],[448,5]]},"152":{"position":[[170,5],[248,6],[440,5]]},"178":{"position":[[171,5],[249,6],[441,5]]},"180":{"position":[[232,6],[286,6],[329,6]]},"182":{"position":[[236,6],[290,6],[333,6]]},"188":{"position":[[171,5],[249,6],[441,5]]},"194":{"position":[[29,6],[170,5],[248,6],[440,5]]},"196":{"position":[[28,7],[169,6],[254,6],[268,6],[477,6],[531,6],[574,6]]},"198":{"position":[[620,5],[748,5],[930,7],[1081,6]]},"200":{"position":[[1524,6],[1609,6],[1623,6]]},"204":{"position":[[1041,5],[1119,6],[1311,5]]},"210":{"position":[[807,6],[914,5]]},"214":{"position":[[1533,6],[1618,6],[1632,6]]},"216":{"position":[[629,5],[757,5],[939,7],[1090,6]]},"218":{"position":[[1849,6]]},"220":{"position":[[1050,5],[1128,6],[1320,5],[2169,6],[2223,6],[2266,6]]},"222":{"position":[[794,6]]},"224":{"position":[[191,5],[319,5]]},"254":{"position":[[1379,7],[1530,6]]},"256":{"position":[[470,7],[621,6]]},"262":{"position":[[448,7],[599,6]]},"272":{"position":[[189,7],[340,6]]},"280":{"position":[[186,5],[314,5]]},"282":{"position":[[190,7],[341,6],[506,6],[591,6],[605,6]]},"286":{"position":[[801,6],[908,5]]},"288":{"position":[[624,5],[752,5],[934,7],[1085,6]]},"290":{"position":[[1528,6],[1613,6],[1627,6]]},"292":{"position":[[623,5],[751,5],[933,7],[1084,6]]},"294":{"position":[[802,6],[909,5]]},"296":{"position":[[1527,6],[1612,6],[1626,6]]},"298":{"position":[[185,5],[313,5]]},"300":{"position":[[192,5],[320,5]]},"310":{"position":[[198,6],[305,5]]},"314":{"position":[[266,6]]},"332":{"position":[[579,6],[686,5]]},"336":{"position":[[580,6],[687,5]]},"338":{"position":[[464,7],[615,6]]},"340":{"position":[[257,6]]},"352":{"position":[[198,6],[305,5],[1932,7],[2083,6]]},"354":{"position":[[874,7],[1025,6]]},"370":{"position":[[482,6],[536,6],[579,6]]},"374":{"position":[[229,6],[283,6],[326,6]]},"378":{"position":[[565,7],[716,6]]},"388":{"position":[[20,7],[197,6],[304,5],[462,5],[590,5]]},"394":{"position":[[20,8],[184,7],[335,6],[500,6],[585,6],[599,6],[808,6],[862,6],[905,6],[1158,6]]},"396":{"position":[[187,5],[315,5]]},"404":{"position":[[150,6]]},"414":{"position":[[258,6]]},"436":{"position":[[223,6],[277,6],[320,6]]},"444":{"position":[[164,5],[242,6],[434,5]]},"454":{"position":[[200,6],[307,5]]},"472":{"position":[[163,6],[248,6],[262,6]]},"500":{"position":[[185,7],[336,6]]},"504":{"position":[[181,5],[309,5]]},"526":{"position":[[2418,5]]},"544":{"position":[[1885,6]]},"546":{"position":[[14767,6]]},"548":{"position":[[11,6],[38,6],[88,6],[150,5],[172,6],[415,6],[433,6],[518,6],[575,7],[583,6],[683,6],[729,5],[807,7],[864,6],[994,5],[1382,5],[1430,5],[1558,6],[1585,6],[1632,7],[1672,6],[1803,9],[1862,7],[3029,5],[3080,6],[3098,5],[3134,6],[3227,6],[3259,5],[3305,7],[4522,5],[4573,6],[4665,6],[4808,6],[4815,7],[6011,5],[6072,6],[6192,5],[6342,6],[6421,7],[7672,5],[7914,6],[7961,6],[8105,6],[8123,7],[9616,5],[9733,6],[9771,6],[9807,5],[9845,5],[10054,5],[10082,7],[11281,5],[11350,6],[11394,6],[11530,7],[11631,6],[12164,6],[12216,5],[12222,5],[12312,6]]},"572":{"position":[[7216,7]]},"576":{"position":[[7563,7]]},"582":{"position":[[6462,7]]},"584":{"position":[[6623,7]]}}}],["toast''",{"_index":2371,"t":{"548":{"position":[[1484,8]]}}}],["toast1",{"_index":699,"t":{"126":{"position":[[568,6]]}}}],["toast2",{"_index":788,"t":{"126":{"position":[[1675,6]]}}}],["toastbuttonlink",{"_index":1186,"t":{"514":{"position":[[4826,28]]}}}],["tooltiptitle=\"@tooltip\">reset",{"_index":1191,"t":{"514":{"position":[[5218,29]]}}}],["tooltiptitle=\"@tooltip\">submit",{"_index":1188,"t":{"514":{"position":[[4958,30]]}}}],["tooltiptitle=\"compar",{"_index":2501,"t":{"550":{"position":[[3909,21]]}}}],["tooltiptitle=\"cr",{"_index":2503,"t":{"550":{"position":[[4036,20]]}}}],["tooltiptitle=\"tooltip",{"_index":1242,"t":{"514":{"position":[[8046,21],[8173,21],[8304,21],[8437,21]]}}}],["top",{"_index":1238,"t":{"514":{"position":[[7976,4],[8123,3],[8781,3]]},"518":{"position":[[107,3]]},"520":{"position":[[3916,4],[5339,4]]},"528":{"position":[[3301,3]]},"530":{"position":[[6974,4],[7061,4],[7212,3]]},"544":{"position":[[426,3]]},"548":{"position":[[8032,3]]},"552":{"position":[[1517,4]]},"554":{"position":[[1770,4]]},"556":{"position":[[1653,4]]},"558":{"position":[[1352,4],[11104,3]]},"572":{"position":[[6963,3]]},"576":{"position":[[7310,3]]},"578":{"position":[[6250,3]]},"580":{"position":[[7342,3]]},"582":{"position":[[6209,3]]},"584":{"position":[[6370,3]]},"590":{"position":[[6275,3]]},"592":{"position":[[771,3]]},"594":{"position":[[776,3]]},"600":{"position":[[16482,3]]},"602":{"position":[[6745,3],[9005,3],[11458,3],[13868,3],[16282,3],[18710,3],[21080,3],[21137,3]]}}}],["top\">tooltip",{"_index":2231,"t":{"544":{"position":[[706,12]]}}}],["topactionanoth",{"_index":3705,"t":{"600":{"position":[[3959,30],[4371,30],[4729,30],[5083,30],[5431,30],[5785,30],[6137,30],[6629,30],[7055,30],[7475,30],[7886,30],[8306,30],[8723,30],[9186,30],[9639,30],[10057,30],[10510,30],[11104,30],[11577,30],[12181,30],[12760,30],[13228,30],[13822,30],[14203,30],[15319,30],[16994,30],[17505,30],[17945,30],[24026,30],[25082,30]]}}}],["type=\"buttontype.link\">go",{"_index":1438,"t":{"520":{"position":[[3010,25],[4243,25],[4607,25],[6206,25],[6722,25],[7017,25],[7487,25],[7819,25],[8148,25]]}}}],["type=\"buttontype.link\">menu",{"_index":3777,"t":{"600":{"position":[[22348,27],[22417,27],[22486,27],[22773,27],[22842,27],[22911,27],[23196,27],[23265,27],[23334,27],[23563,27],[23632,27],[23701,27]]}}}],["type=\"buttontype.link\">separ",{"_index":3756,"t":{"600":{"position":[[18149,32]]}}}],["type=\"buttontype.link\">someth",{"_index":3707,"t":{"600":{"position":[[4033,32],[4445,32],[4803,32],[5157,32],[5505,32],[5859,32],[6211,32],[6703,32],[7129,32],[7549,32],[7960,32],[8380,32],[8797,32],[9260,32],[9713,32],[10131,32],[10584,32],[11178,32],[11651,32],[12255,32],[12834,32],[13302,32],[13896,32],[14277,32],[14888,32],[15393,32],[16290,32],[17068,32],[17579,32],[18019,32],[24100,32],[25156,32]]}}}],["type=\"buttontype.reset",{"_index":1190,"t":{"514":{"position":[[5140,23]]}}}],["type=\"buttontype.submit",{"_index":1165,"t":{"514":{"position":[[2633,24],[4879,24]]},"560":{"position":[[8998,24]]},"564":{"position":[[12748,24]]},"566":{"position":[[8155,24],[11240,24]]},"574":{"position":[[7301,24],[10539,24]]},"600":{"position":[[20433,24]]}}}],["type=\"callouttype.dang",{"_index":1571,"t":{"524":{"position":[[687,26],[1839,25],[3303,26]]}}}],["type=\"callouttype.info",{"_index":1573,"t":{"524":{"position":[[1133,24],[2325,23],[4280,24]]}}}],["type=\"callouttype.tip",{"_index":1574,"t":{"524":{"position":[[1351,23],[2563,22],[4766,23]]}}}],["type=\"callouttype.warn",{"_index":1572,"t":{"524":{"position":[[909,27],[2081,26],[3791,27]]}}}],["type=\"d",{"_index":3182,"t":{"566":{"position":[[123,11]]}}}],["type=\"image/png",{"_index":3573,"t":{"576":{"position":[[4211,16]]},"578":{"position":[[3608,16]]},"580":{"position":[[3862,16]]},"584":{"position":[[4115,16]]},"590":{"position":[[3561,16]]}}}],["type=\"numb",{"_index":2852,"t":{"560":{"position":[[121,13]]}}}],["type=\"progresstype.strip",{"_index":2190,"t":{"542":{"position":[[1390,27],[6109,27],[6229,27],[6350,27],[6468,27],[6589,27],[6709,27],[6830,27],[6953,27]]}}}],["type=\"progresstype.stripedandanim",{"_index":2193,"t":{"542":{"position":[[1510,38],[7106,38],[7260,38],[7392,38],[7521,38],[7653,38],[7784,38],[7916,38],[8050,38]]}}}],["type=\"rang",{"_index":3328,"t":{"570":{"position":[[118,13]]}}}],["type=\"submit",{"_index":3094,"t":{"562":{"position":[[9699,13]]}}}],["type=\"text",{"_index":3192,"t":{"566":{"position":[[1427,12]]},"574":{"position":[[1431,12]]}}}],["type=\"tim",{"_index":3504,"t":{"574":{"position":[[127,11]]}}}],["type=\"typeof(app",{"_index":3575,"t":{"576":{"position":[[4348,18]]}}}],["type=\"typeof(headoutlet",{"_index":3435,"t":{"572":{"position":[[4384,25]]},"576":{"position":[[4261,25]]}}}],["typic",{"_index":857,"t":{"508":{"position":[[86,7]]}}}],["typo",{"_index":619,"t":{"108":{"position":[[666,4]]}}}],["typograph",{"_index":2142,"t":{"538":{"position":[[2108,11]]}}}],["ui",{"_index":205,"t":{"20":{"position":[[196,2]]},"102":{"position":[[1147,2]]},"518":{"position":[[161,2]]},"566":{"position":[[1322,2]]},"572":{"position":[[4496,4]]},"574":{"position":[[1326,2]]},"576":{"position":[[4424,4]]},"578":{"position":[[7147,4]]},"580":{"position":[[8239,4]]},"582":{"position":[[4236,4]]},"584":{"position":[[4437,4]]},"590":{"position":[[3893,4]]}}}],["ul",{"_index":1452,"t":{"520":{"position":[[4870,3],[5045,5],[5568,3],[5743,5]]},"604":{"position":[[70815,4],[70883,5],[73790,4],[73858,5],[77141,4],[77209,5]]}}}],["ullamcorp",{"_index":1958,"t":{"530":{"position":[[9064,11],[9093,11],[10882,11],[13305,11],[13334,11],[15123,11],[17446,11],[17475,11],[19264,11]]}}}],["ultric",{"_index":1940,"t":{"530":{"position":[[8528,8],[8723,9],[10329,8],[10380,8],[10728,8],[12769,8],[12964,9],[14570,8],[14621,8],[14969,8],[16910,8],[17105,9],[18711,8],[18762,8],[19110,8]]}}}],["ultrici",{"_index":1871,"t":{"530":{"position":[[7740,9],[8312,9],[8611,9],[10522,9],[11981,9],[12553,9],[12852,9],[14763,9],[16122,9],[16694,9],[16993,9],[18904,9]]}}}],["underlin",{"_index":662,"t":{"112":{"position":[[876,9],[895,9]]},"546":{"position":[[6555,10],[6639,10],[8436,10],[14919,9],[14962,9]]}}}],["unhandl",{"_index":448,"t":{"76":{"position":[[206,9]]},"572":{"position":[[4676,9]]},"576":{"position":[[4604,9]]},"578":{"position":[[7155,9]]},"580":{"position":[[8247,9]]},"582":{"position":[[4244,9]]},"584":{"position":[[4445,9]]},"590":{"position":[[3901,9]]}}}],["uniform",{"_index":1503,"t":{"520":{"position":[[10752,7]]}}}],["unit",{"_index":1029,"t":{"512":{"position":[[778,6]]},"556":{"position":[[4049,4]]},"604":{"position":[[2888,4],[2893,4],[2923,6],[107382,5],[107426,4]]}}}],["unit.px",{"_index":3903,"t":{"604":{"position":[[2898,7]]}}}],["unit=\"unit.px",{"_index":4272,"t":{"604":{"position":[[107606,15],[111059,15],[113551,15],[116212,15],[118907,15]]}}}],["unless",{"_index":1471,"t":{"520":{"position":[[6363,6]]}}}],["unnecessari",{"_index":286,"t":{"40":{"position":[[290,11]]}}}],["unsupport",{"_index":3189,"t":{"566":{"position":[[1370,11]]},"574":{"position":[[1374,11]]}}}],["until",{"_index":1292,"t":{"516":{"position":[[2491,5],[3042,5],[3592,5],[4355,5],[4980,5],[5603,5],[6345,5],[6896,5],[7446,5],[8149,5],[8716,5],[9266,5],[9981,5],[10532,5],[11082,5],[12161,5],[12724,5],[13286,5],[13844,5],[14392,5],[14952,5],[18478,5],[19029,5],[19579,5],[20863,5],[21436,5],[22008,5]]},"572":{"position":[[4606,5]]},"576":{"position":[[4534,5]]}}}],["up",{"_index":1434,"t":{"520":{"position":[[2921,2],[3683,2],[4154,2],[4518,2],[5510,2],[8476,2],[8768,2],[9056,2],[9342,2],[9630,2],[9912,2],[10196,2],[10478,2],[12071,3]]},"552":{"position":[[2874,2]]},"554":{"position":[[3506,2]]},"556":{"position":[[5471,2]]},"558":{"position":[[2592,2]]},"560":{"position":[[3931,2]]},"562":{"position":[[2290,2]]},"600":{"position":[[24742,3]]}}}],["updat",{"_index":27,"t":{"2":{"position":[[198,7],[510,10],[2024,10],[2317,10],[2560,10],[2822,10]]},"8":{"position":[[240,7],[602,7],[653,8]]},"12":{"position":[[122,8]]},"14":{"position":[[108,7],[175,8],[263,6],[276,6]]},"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":[[137,8],[146,8]]},"26":{"position":[[142,8]]},"28":{"position":[[140,8]]},"30":{"position":[[160,8]]},"44":{"position":[[408,7]]},"46":{"position":[[252,8]]},"52":{"position":[[231,8],[283,7]]},"54":{"position":[[342,8]]},"56":{"position":[[218,8]]},"58":{"position":[[121,7],[494,8]]},"60":{"position":[[129,7]]},"66":{"position":[[145,10]]},"68":{"position":[[168,10]]},"70":{"position":[[146,10]]},"72":{"position":[[127,10]]},"76":{"position":[[129,10]]},"78":{"position":[[144,10]]},"80":{"position":[[138,10]]},"82":{"position":[[138,10]]},"84":{"position":[[149,10]]},"86":{"position":[[140,10]]},"88":{"position":[[158,10]]},"90":{"position":[[124,10]]},"92":{"position":[[151,10]]},"94":{"position":[[125,10]]},"96":{"position":[[124,10]]},"98":{"position":[[148,10]]},"100":{"position":[[153,10]]},"102":{"position":[[198,10]]},"106":{"position":[[409,7]]},"108":{"position":[[402,6],[646,7],[787,6]]},"110":{"position":[[395,7],[505,7]]},"112":{"position":[[198,7],[718,6],[954,7],[1032,6],[1044,6]]},"114":{"position":[[127,10]]},"116":{"position":[[125,10],[343,10],[590,10],[903,10],[1223,10],[1490,10],[1779,10],[2039,10],[2456,10],[2699,10]]},"118":{"position":[[108,7],[175,8],[351,8]]},"120":{"position":[[138,10],[438,10],[750,10],[1163,10],[2237,7],[2678,7]]},"124":{"position":[[497,10]]},"128":{"position":[[151,7],[218,8]]},"130":{"position":[[1323,8],[1521,8],[1702,8],[1727,7],[1934,8]]},"132":{"position":[[247,7],[1008,10],[1434,10],[1695,7]]},"136":{"position":[[240,7],[593,10]]},"138":{"position":[[186,7]]},"142":{"position":[[242,7],[554,10],[2068,10],[2361,10],[2604,10],[2866,10]]},"186":{"position":[[191,7]]},"192":{"position":[[183,7]]},"198":{"position":[[169,10],[387,10],[634,10],[947,10],[1267,10],[1534,10],[1823,10],[2083,10],[2500,10],[2743,10]]},"200":{"position":[[182,10],[482,10],[794,10],[1207,10],[2281,7],[2722,7]]},"202":{"position":[[631,10],[1057,10]]},"206":{"position":[[221,10]]},"208":{"position":[[217,10]]},"210":{"position":[[251,7],[563,10],[2077,10],[2370,10],[2613,10],[2875,10]]},"212":{"position":[[200,7]]},"214":{"position":[[191,10],[491,10],[803,10],[1216,10],[2290,7],[2731,7]]},"216":{"position":[[178,10],[396,10],[643,10],[956,10],[1276,10],[1543,10],[1832,10],[2092,10],[2509,10],[2752,10]]},"218":{"position":[[1376,8],[1574,8],[1755,8],[1780,7],[1987,8]]},"222":{"position":[[161,7],[228,8],[404,8]]},"224":{"position":[[205,10]]},"226":{"position":[[198,10],[517,10]]},"228":{"position":[[179,10],[433,10],[710,10]]},"234":{"position":[[220,10]]},"236":{"position":[[177,7]]},"238":{"position":[[194,10]]},"240":{"position":[[200,10],[615,10]]},"242":{"position":[[201,10],[496,10],[930,10],[1343,10]]},"244":{"position":[[199,10],[612,10]]},"246":{"position":[[171,7]]},"250":{"position":[[201,10],[494,10],[737,10],[1000,10],[1234,10],[1501,10],[1790,10],[2050,10],[2467,10],[2729,10]]},"254":{"position":[[628,10],[890,10],[1142,10],[1396,10],[1722,10],[2135,10],[2454,7]]},"256":{"position":[[487,10]]},"260":{"position":[[199,10]]},"262":{"position":[[179,10],[465,10]]},"264":{"position":[[196,10],[630,10],[1043,10]]},"266":{"position":[[192,10]]},"268":{"position":[[193,10]]},"272":{"position":[[206,10]]},"274":{"position":[[200,10],[482,10],[916,10]]},"276":{"position":[[200,10]]},"278":{"position":[[194,10]]},"280":{"position":[[200,10]]},"282":{"position":[[207,10]]},"284":{"position":[[620,10]]},"286":{"position":[[245,7],[557,10],[2071,10],[2364,10],[2607,10],[2869,10]]},"288":{"position":[[173,10],[391,10],[638,10],[951,10],[1271,10],[1538,10],[1827,10],[2087,10],[2504,10],[2747,10]]},"290":{"position":[[186,10],[486,10],[798,10],[1211,10],[2285,7],[2726,7]]},"292":{"position":[[172,10],[390,10],[637,10],[950,10],[1270,10],[1537,10],[1826,10],[2086,10],[2503,10],[2746,10]]},"294":{"position":[[246,7],[558,10],[2072,10],[2365,10],[2608,10],[2870,10]]},"296":{"position":[[185,10],[485,10],[797,10],[1210,10],[2284,7],[2725,7]]},"298":{"position":[[199,10]]},"300":{"position":[[206,10]]},"302":{"position":[[173,10],[427,10],[704,10]]},"304":{"position":[[192,10],[511,10]]},"312":{"position":[[214,10]]},"314":{"position":[[172,8],[197,7]]},"318":{"position":[[171,7]]},"320":{"position":[[173,10]]},"322":{"position":[[194,10],[609,10]]},"324":{"position":[[191,10]]},"326":{"position":[[165,7]]},"328":{"position":[[193,10],[606,10]]},"330":{"position":[[195,10],[490,10],[924,10],[1337,10]]},"332":{"position":[[239,7]]},"334":{"position":[[186,10],[603,10],[865,10],[2156,8]]},"336":{"position":[[240,7],[1136,10],[1429,10],[1672,10],[1935,10],[2169,10],[2436,10],[2725,10]]},"338":{"position":[[481,10]]},"340":{"position":[[163,8],[188,7]]},"344":{"position":[[191,10]]},"352":{"position":[[1181,10],[1443,10],[1695,10],[1949,10],[2275,10],[2688,10],[3007,7]]},"354":{"position":[[605,10],[891,10]]},"358":{"position":[[361,8]]},"360":{"position":[[193,10]]},"362":{"position":[[190,10],[624,10],[1037,10],[1553,8]]},"364":{"position":[[244,7],[556,10]]},"368":{"position":[[380,8],[578,8]]},"370":{"position":[[185,10]]},"372":{"position":[[169,8]]},"376":{"position":[[248,7]]},"378":{"position":[[239,7],[582,10]]},"382":{"position":[[462,10]]},"384":{"position":[[194,10],[476,10],[910,10]]},"386":{"position":[[194,10]]},"388":{"position":[[476,10]]},"390":{"position":[[246,7]]},"392":{"position":[[614,10]]},"394":{"position":[[201,10],[1064,8],[1089,7]]},"396":{"position":[[201,10]]},"406":{"position":[[166,8]]},"408":{"position":[[152,7],[219,8]]},"410":{"position":[[165,8]]},"412":{"position":[[181,8]]},"414":{"position":[[164,8],[189,7]]},"420":{"position":[[181,8]]},"442":{"position":[[243,10]]},"446":{"position":[[198,10]]},"456":{"position":[[243,7]]},"458":{"position":[[172,10]]},"466":{"position":[[165,7]]},"470":{"position":[[173,7]]},"474":{"position":[[189,10]]},"478":{"position":[[190,10]]},"480":{"position":[[212,10]]},"482":{"position":[[182,10]]},"484":{"position":[[173,10]]},"486":{"position":[[171,10]]},"488":{"position":[[188,10]]},"490":{"position":[[193,10]]},"492":{"position":[[182,10]]},"494":{"position":[[184,10]]},"496":{"position":[[168,10]]},"498":{"position":[[168,10]]},"500":{"position":[[202,10]]},"502":{"position":[[169,10]]},"504":{"position":[[195,10]]},"506":{"position":[[192,10]]},"514":{"position":[[5478,9],[8631,6],[8997,9],[10084,6]]},"520":{"position":[[11140,7],[11467,7],[11889,7],[12435,7],[12783,7],[13226,7]]},"526":{"position":[[6357,8],[7589,8]]},"540":{"position":[[1206,7]]},"544":{"position":[[1472,6],[1799,9],[2007,6]]},"548":{"position":[[4740,6],[6274,6],[8087,6]]},"552":{"position":[[715,6]]},"554":{"position":[[620,6]]},"556":{"position":[[764,6]]},"558":{"position":[[560,6]]},"600":{"position":[[3174,7]]},"604":{"position":[[56844,6],[125280,6]]}}}],["updateasync",{"_index":554,"t":{"100":{"position":[[249,11],[293,11],[333,11],[372,11]]},"552":{"position":[[698,11]]},"554":{"position":[[603,11]]},"556":{"position":[[747,11]]},"558":{"position":[[543,11]]},"600":{"position":[[3162,11]]}}}],["updatepositionasync(\"bottom",{"_index":2847,"t":{"558":{"position":[[12604,30]]}}}],["updatepositionasync(\"left",{"_index":2849,"t":{"558":{"position":[[12683,28]]}}}],["updatepositionasync(\"right",{"_index":2845,"t":{"558":{"position":[[12524,29]]}}}],["updatepositionasync(\"top",{"_index":2843,"t":{"558":{"position":[[12447,27]]}}}],["updatepositionasync(str",{"_index":2850,"t":{"558":{"position":[[12731,26]]}}}],["upgrad",{"_index":173,"t":{"12":{"position":[[153,7]]},"24":{"position":[[195,7]]},"70":{"position":[[662,7]]},"112":{"position":[[962,7]]}}}],["uri",{"_index":2153,"t":{"540":{"position":[[377,3]]}}}],["uri(builder.hostenvironment.baseaddress",{"_index":3632,"t":{"582":{"position":[[5438,40]]},"584":{"position":[[5599,40]]},"590":{"position":[[5484,40]]}}}],["url",{"_index":2019,"t":{"532":{"position":[[266,3],[306,4]]},"602":{"position":[[1315,3]]},"604":{"position":[[50470,4]]}}}],["url("data:image/svg+xml,%3csvg",{"_index":997,"t":{"510":{"position":[[1738,34]]}}}],["url('open",{"_index":3416,"t":{"572":{"position":[[3401,9]]},"576":{"position":[[3214,9]]},"582":{"position":[[3248,9]]},"584":{"position":[[3248,9]]},"586":{"position":[[2876,9]]}}}],["url=\"https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey",{"_index":2021,"t":{"532":{"position":[[595,89]]}}}],["urna",{"_index":1948,"t":{"530":{"position":[[8678,5],[8952,5],[9303,4],[10873,5],[12919,5],[13193,5],[13544,4],[15114,5],[17060,5],[17334,5],[17685,4],[19255,5]]}}}],["us",{"_index":118,"t":{"4":{"position":[[164,4]]},"58":{"position":[[306,5]]},"66":{"position":[[462,5]]},"78":{"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":[[1183,4]]},"222":{"position":[[1236,4]]},"398":{"position":[[208,4]]},"508":{"position":[[861,3],[2018,3],[2156,3],[2819,5],[3650,5]]},"510":{"position":[[1625,3]]},"512":{"position":[[744,5],[2003,5],[2404,3],[3292,4],[3961,3]]},"514":{"position":[[47,3],[3310,3],[3370,4],[4163,5],[5709,5],[6902,3],[7487,3]]},"516":{"position":[[2554,3],[3105,3],[3655,3],[4096,3],[4418,3],[5043,3],[5666,3],[6408,3],[6959,3],[7509,3],[8212,3],[8779,3],[9329,3],[10044,3],[10595,3],[11145,3],[11668,3],[11840,3],[12224,3],[12787,3],[13349,3],[13907,3],[14455,3],[15015,3],[18140,5],[18541,3],[19092,3],[19642,3],[20926,3],[21499,3],[22071,3]]},"520":{"position":[[3296,3],[10576,3],[10709,3],[12001,5]]},"522":{"position":[[1210,4],[1241,3]]},"524":{"position":[[354,3]]},"526":{"position":[[61,3],[2195,5],[2413,4],[3962,3]]},"528":{"position":[[43,3],[1501,4],[3995,5],[8759,3],[10516,3]]},"530":{"position":[[3425,5]]},"534":{"position":[[53,3],[1321,3]]},"536":{"position":[[145,5],[1025,6],[2336,5]]},"538":{"position":[[57,3],[1283,4]]},"540":{"position":[[90,5],[416,4],[772,5]]},"542":{"position":[[80,5],[1933,5],[2117,3],[3175,5],[3547,3]]},"544":{"position":[[49,3]]},"546":{"position":[[72,5],[3665,3],[5748,3],[6566,3],[9117,3]]},"548":{"position":[[398,5],[507,3],[8050,3],[9950,5]]},"550":{"position":[[1322,4],[3763,4]]},"552":{"position":[[2614,5],[2959,5],[3001,3],[7443,5],[7587,6],[7621,6]]},"554":{"position":[[101,4],[165,4],[3206,5],[3591,5],[3633,3],[11880,5]]},"556":{"position":[[144,4],[1910,4],[3621,3],[4088,5],[4335,5],[5170,5],[5556,5],[5598,3],[5913,6],[5947,6],[10415,6],[10449,6]]},"558":{"position":[[2337,5],[2677,5],[2719,3]]},"560":{"position":[[4751,3],[5888,3],[6530,3],[6616,3],[7405,4],[7441,6]]},"562":{"position":[[835,3],[1029,5],[1035,3],[1329,3],[4237,4],[4332,4],[8593,6],[10935,3],[12376,3],[12463,3]]},"564":{"position":[[56,3],[1010,4],[1159,4],[1232,4],[4798,5],[8265,3],[9486,3],[10132,3],[10220,3],[11026,4],[11062,6],[15091,5]]},"566":{"position":[[100,5],[237,5],[5435,3],[6119,3],[6203,3],[6905,3],[6913,3],[7017,4],[7047,6],[9644,6]]},"568":{"position":[[40,3],[1028,3],[1621,3],[1702,3],[2252,5]]},"570":{"position":[[2053,3],[2688,3],[2775,3]]},"572":{"position":[[295,3],[925,3],[1868,4],[2249,4],[2708,4],[2877,6],[3566,6],[5395,4],[5522,5],[5561,5],[5604,5],[6325,6],[6348,6],[6390,6],[6443,6],[6488,6],[6535,6],[6578,6],[6636,6],[6663,6],[6691,6],[6726,6]]},"574":{"position":[[104,5],[241,5],[3664,3],[4320,3],[4404,3],[5082,3],[5090,3],[5194,4],[5224,6],[9244,6]]},"576":{"position":[[295,3],[923,3],[1683,4],[2064,4],[2523,4],[2692,6],[3387,6],[5071,4],[5452,4],[5869,5],[5908,5],[5951,5],[6672,6],[6695,6],[6737,6],[6790,6],[6835,6],[6882,6],[6925,6],[6983,6],[7010,6],[7038,6],[7073,6]]},"578":{"position":[[353,3],[1365,4],[1746,4],[2205,4],[2385,6],[4064,4],[4445,4],[4862,5],[5588,6],[5611,6],[5639,6],[5684,6],[5731,6],[5774,6],[5835,6],[5893,6],[5920,6],[5961,6],[6013,6]]},"580":{"position":[[308,3],[1320,4],[1701,4],[2160,4],[2340,6],[2765,3],[2985,6],[4314,4],[4695,4],[5112,5],[5154,5],[6036,6],[6059,6],[6087,6],[6132,6],[6179,6],[6222,6],[6283,6],[6341,6],[6368,6],[6397,6],[6433,6],[6473,6],[6531,5],[6737,6],[6760,6],[6788,6],[6833,6],[6880,6],[6923,6],[6984,6],[7042,6],[7069,6],[7105,6]]},"582":{"position":[[305,3],[932,3],[1702,4],[2083,4],[2558,4],[2727,6],[4914,4],[5041,5],[5084,5],[5143,5],[5176,5],[5572,6],[5595,6],[5623,6],[5668,6],[5715,6],[5758,6],[5816,6],[5872,6],[5899,6],[5932,6],[5972,6]]},"584":{"position":[[305,3],[932,3],[1702,4],[2083,4],[2558,4],[2727,6],[5115,4],[5242,5],[5285,5],[5344,5],[5733,6],[5756,6],[5784,6],[5829,6],[5876,6],[5919,6],[5977,6],[6033,6],[6060,6],[6093,6],[6133,6]]},"586":{"position":[[313,3],[1342,4],[1723,4],[2182,4],[2355,6]]},"588":{"position":[[313,3],[1342,4],[1723,4],[2182,4],[2355,6]]},"590":{"position":[[305,3],[1356,4],[1737,4],[2212,4],[2381,6],[4319,4],[4700,4],[5117,5],[5160,5],[5219,5],[5618,6],[5641,6],[5669,6],[5714,6],[5761,6],[5804,6],[5862,6],[5918,6],[5945,6],[5988,6],[6038,6]]},"596":{"position":[[57,3]]},"600":{"position":[[16719,5],[18316,3],[18824,3],[18899,6],[22100,3]]},"602":{"position":[[47,3],[2586,3],[11144,6],[11227,3],[13593,3],[13654,5],[16010,3]]},"604":{"position":[[41,3],[5267,3],[5756,3],[5882,4],[6156,3],[6467,3],[9222,4],[11524,4],[35655,3],[35813,3],[38013,3],[38155,3],[40295,3],[46507,3],[50369,4],[50531,6],[54686,6],[57022,6],[66564,3]]}}}],["us@amount1@temperature1@amount2@amount3@amount4warningextra",{"_index":1775,"t":{"528":{"position":[[11847,27]]}}}],["xlmodal?.showasync()\">ful",{"_index":1801,"t":{"528":{"position":[[13457,26]]}}}],["xmlns='http://www.w3.org/2000/svg",{"_index":998,"t":{"510":{"position":[[1773,34]]}}}],["xxl",{"_index":1791,"t":{"528":{"position":[[12903,4]]}}}],["xxlful",{"_index":1803,"t":{"528":{"position":[[13561,27]]}}}],["y",{"_index":2697,"t":{"554":{"position":[[2544,1],[2993,3],[7022,4],[9312,4],[11245,4],[13507,4],[15571,4]]},"556":{"position":[[236,1],[321,1],[4507,1],[4957,3],[8865,4]]}}}],["yaxisid",{"_index":2696,"t":{"554":{"position":[[2510,7]]},"556":{"position":[[4473,7]]}}}],["ye",{"_index":1608,"t":{"526":{"position":[[1416,5],[1463,3],[1484,5]]}}}],["yeah",{"_index":914,"t":{"508":{"position":[[1774,5]]}}}],["yesbuttoncolor",{"_index":1606,"t":{"526":{"position":[[1352,14],[4311,14]]}}}],["yesbuttontext",{"_index":1609,"t":{"526":{"position":[[1442,13],[4289,13]]}}}],["you''r",{"_index":1213,"t":{"514":{"position":[[6529,7]]}}}],["youll",{"_index":3759,"t":{"600":{"position":[[18349,5]]}}}],["zaraiah",{"_index":3061,"t":{"562":{"position":[[3836,8],[5707,8],[8332,8]]}}}],["zayn",{"_index":3990,"t":{"604":{"position":[[8712,8],[11057,8],[13688,8],[16205,8],[18879,8],[21376,8],[23778,8],[27644,8],[32855,8],[35220,8],[37585,8],[39875,8],[42133,8],[45673,8],[48481,8],[54135,8],[56597,8],[62939,8],[66160,8],[69537,8],[72420,8],[75395,8],[78692,8],[82038,8],[84804,8],[106883,8],[110509,8],[124275,8]]}}}],["zayne@blazorbootstrap.com",{"_index":4065,"t":{"604":{"position":[[27683,28],[45712,28]]}}}],["zero",{"_index":3124,"t":{"564":{"position":[[1327,5],[4878,5]]}}}],["zip",{"_index":4307,"t":{"604":{"position":[[112162,4],[114732,4],[117393,4],[120169,4]]}}}]],"pipeline":["stemmer"]}}] \ No newline at end of file diff --git a/search.html b/search.html index ea6036240..20c28b50b 100644 --- a/search.html +++ b/search.html @@ -10,13 +10,13 @@ - - + +

Search the documentation

- - + + \ No newline at end of file diff --git a/services/modal.html b/services/modal.html index 7a2fed77a..4297eb0fb 100644 --- a/services/modal.html +++ b/services/modal.html @@ -10,13 +10,13 @@ - - + +

Blazor Modal Service

Use Blazor Bootstrap modal service to show quick dialogs to your site for lightboxes, user notifications, or completely custom content.

Blazor Modal Service
See blazor modal service demo here.

Methods​

NameReturn Type
ShowAsync(ModalOption modalOption)Task

ModalOption Members​

Property NameTypeDescriptionRequiredDefault
FooterButtonColorButtonColorGets or sets the footer button color.ButtonColor.Secondary
FooterButtonCSSClassstringGets or sets the footer button custom CSS class.null
FooterButtonTextstringGets or sets the footer button text.OK
IsVerticallyCenteredboolGets or sets the IsVerticallyCentered.false
MessagestringGets or sets the modal message.✔️null
ShowFooterButtonstringShows or hides the footer button.true
SizeModalSizeGets or sets the modal size.ModalSize.Regular
TitlestringGets or sets the modal title.✔️null
TypeModalTypeGets or sets the modal type.ModalType.Light

Examples​

How it works​

Blazor Modal Service: 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​

Blazor Modal Service: 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​

Blazor Modal Service: 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​

Blazor Modal Service: 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.

Blazor Modal Service: 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​

  1. Add the Modal component in MainLayout.razor page as shown below.
@inherits LayoutComponentBase

...

... MainLayour.razor code goes here ...

...

<Modal IsServiceModal="true" />
  1. Inject ModalService, then call the ShowAsync(...) method as shown below.
  2. 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);
        }
    }
}
- - + + \ No newline at end of file diff --git a/sitemap.xml b/sitemap.xml index 7d6cf457a..c7578505b 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -1 +1 @@ -https://docs.blazorbootstrap.com/blogweekly0.5https://docs.blazorbootstrap.com/blog/2021/11/23/blazorbootstrap-0.0.1weekly0.5https://docs.blazorbootstrap.com/blog/2021/11/27/blazorbootstrap-0.0.2weekly0.5https://docs.blazorbootstrap.com/blog/2021/12/08/blazorbootstrap-0.0.3weekly0.5https://docs.blazorbootstrap.com/blog/2021/12/12/blazorbootstrap-0.0.4weekly0.5https://docs.blazorbootstrap.com/blog/2021/12/20/blazorbootstrap-0.1.0weekly0.5https://docs.blazorbootstrap.com/blog/2021/12/21/blazorbootstrap-0.1.1weekly0.5https://docs.blazorbootstrap.com/blog/2022/01/15/blazorbootstrap-0.2.0weekly0.5https://docs.blazorbootstrap.com/blog/2022/02/27/blazorbootstrap-0.2.1weekly0.5https://docs.blazorbootstrap.com/blog/2022/03/15/blazorbootstrap-0.2.2weekly0.5https://docs.blazorbootstrap.com/blog/2022/04/30/blazorbootstrap-0.2.3weekly0.5https://docs.blazorbootstrap.com/blog/2022/06/19/blazorbootstrap-0.2.4weekly0.5https://docs.blazorbootstrap.com/blog/2022/07/28/blazorbootstrap-0.2.5weekly0.5https://docs.blazorbootstrap.com/blog/2022/08/13/blazorbootstrap-0.2.6weekly0.5https://docs.blazorbootstrap.com/blog/2022/08/31/blazorbootstrap-0.3.0weekly0.5https://docs.blazorbootstrap.com/blog/2022/09/04/blazorbootstrap-0.4.0weekly0.5https://docs.blazorbootstrap.com/blog/2022/09/12/blazorbootstrap-0.4.1weekly0.5https://docs.blazorbootstrap.com/blog/2022/09/17/blazorbootstrap-0.4.2weekly0.5https://docs.blazorbootstrap.com/blog/2022/10/16/blazorbootstrap-0.5.0weekly0.5https://docs.blazorbootstrap.com/blog/2022/10/22/blazorbootstrap-0.5.1weekly0.5https://docs.blazorbootstrap.com/blog/2022/10/30/blazorbootstrap-0.6.0weekly0.5https://docs.blazorbootstrap.com/blog/2022/11/18/blazorbootstrap-1.0.0weekly0.5https://docs.blazorbootstrap.com/blog/2022/11/22/blazorbootstrap-1.0.1weekly0.5https://docs.blazorbootstrap.com/blog/2022/11/28/blazorbootstrap-1.1.0weekly0.5https://docs.blazorbootstrap.com/blog/2022/12/12/blazorbootstrap-1.2.0weekly0.5https://docs.blazorbootstrap.com/blog/2022/12/15/blazorbootstrap-1.3.0weekly0.5https://docs.blazorbootstrap.com/blog/2022/12/18/blazorbootstrap-1.3.1weekly0.5https://docs.blazorbootstrap.com/blog/2023/01/15/blazorbootstrap-1.4.0weekly0.5https://docs.blazorbootstrap.com/blog/2023/01/23/blazorbootstrap-1.4.1weekly0.5https://docs.blazorbootstrap.com/blog/2023/01/30/blazorbootstrap-1.4.2weekly0.5https://docs.blazorbootstrap.com/blog/2023/02/07/blazorbootstrap-1.4.3weekly0.5https://docs.blazorbootstrap.com/blog/2023/02/10/blazorbootstrap-1.4.4weekly0.5https://docs.blazorbootstrap.com/blog/2023/02/23/blazorbootstrap-1.4.5weekly0.5https://docs.blazorbootstrap.com/blog/2023/03/05/blazorbootstrap-1.5.0weekly0.5https://docs.blazorbootstrap.com/blog/2023/03/12/blazorbootstrap-1.6.0weekly0.5https://docs.blazorbootstrap.com/blog/2023/04/10/blazorbootstrap-1.7.0weekly0.5https://docs.blazorbootstrap.com/blog/2023/04/19/blazorbootstrap-1.7.1weekly0.5https://docs.blazorbootstrap.com/blog/2023/04/24/blazorbootstrap-1.7.2weekly0.5https://docs.blazorbootstrap.com/blog/2023/04/29/blazorbootstrap-1.7.3weekly0.5https://docs.blazorbootstrap.com/blog/2023/05/28/blazorbootstrap-1.8.0weekly0.5https://docs.blazorbootstrap.com/blog/2023/05/31/blazorbootstrap-1.8.1weekly0.5https://docs.blazorbootstrap.com/blog/2023/06/11/blazorbootstrap-1.8.2weekly0.5https://docs.blazorbootstrap.com/blog/2023/06/16/blazorbootstrap-1.8.3weekly0.5https://docs.blazorbootstrap.com/blog/2023/06/30/blazorbootstrap-1.9.0weekly0.5https://docs.blazorbootstrap.com/blog/2023/06/31/blazorbootstrap-1.9.1weekly0.5https://docs.blazorbootstrap.com/blog/2023/07/01/blazorbootstrap-1.9.2weekly0.5https://docs.blazorbootstrap.com/blog/2023/07/04/blazorbootstrap-1.9.3weekly0.5https://docs.blazorbootstrap.com/blog/2023/07/05/blazorbootstrap-1.9.4weekly0.5https://docs.blazorbootstrap.com/blog/2023/07/16/blazorbootstrap-1.9.5weekly0.5https://docs.blazorbootstrap.com/blog/2023/08/13/blazorbootstrap-1.10.0weekly0.5https://docs.blazorbootstrap.com/blog/2023/08/29/blazorbootstrap-1.10.1weekly0.5https://docs.blazorbootstrap.com/blog/2023/09/15/blazorbootstrap-1.10.2weekly0.5https://docs.blazorbootstrap.com/blog/2023/10/15/blazorbootstrap-1.10.3weekly0.5https://docs.blazorbootstrap.com/blog/2023/11/18/blazorbootstrap-1.10.4weekly0.5https://docs.blazorbootstrap.com/blog/2024/01/01/blazorbootstrap-1.10.5weekly0.5https://docs.blazorbootstrap.com/blog/2024/02/04/blazorbootstrap-1.11.0weekly0.5https://docs.blazorbootstrap.com/blog/archiveweekly0.5https://docs.blazorbootstrap.com/blog/page/2weekly0.5https://docs.blazorbootstrap.com/blog/page/3weekly0.5https://docs.blazorbootstrap.com/blog/page/4weekly0.5https://docs.blazorbootstrap.com/blog/page/5weekly0.5https://docs.blazorbootstrap.com/blog/page/6weekly0.5https://docs.blazorbootstrap.com/blog/tagsweekly0.5https://docs.blazorbootstrap.com/blog/tags/accordionweekly0.5https://docs.blazorbootstrap.com/blog/tags/alertweekly0.5https://docs.blazorbootstrap.com/blog/tags/autocompleteweekly0.5https://docs.blazorbootstrap.com/blog/tags/badgeweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-autocompleteweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-bar-chartweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-bootstrapweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-chartsweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-confirm-dialogweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-currency-inputweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-dialogweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-doughnut-chartweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-gridweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-grid-filteringweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-grid-pagingweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-grid-sortingweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-inputweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-input-numberweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-line-chartweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-numberweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-number-inputweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-offcanvasweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-pie-chartweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-preloadweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-progressweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-progress-barweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-sidemodalweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-spinnerweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-starter-templatesweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-tabsweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-templatesweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-toastweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-toastsweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor/page/2weekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor/page/3weekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor/page/4weekly0.5https://docs.blazorbootstrap.com/blog/tags/blazoraccordionweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorautocompleteweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbadgeweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbootstrapweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap-starter-templatesweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/2weekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/3weekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/4weekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/5weekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/6weekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbreadcrumbweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbuttonweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbuttonsweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorchartweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorcollapseweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorconfirmdialogweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorconfirmmodalweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorcurrencyinputweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazordateweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazordateinputweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazordatepickerweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazordialogweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazordropdownweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorgridweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorgrid/page/2weekly0.5https://docs.blazorbootstrap.com/blog/tags/blazoriconweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazormodalweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazormodalserviceweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazornumberweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazornumberinputweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazoroffcanvasweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorprogressweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorsidebarweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorswitchweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazortabsweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazortimeweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazortimeinputweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazortimepickerweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazortoastweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazortoastsweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazortooltipweekly0.5https://docs.blazorbootstrap.com/blog/tags/bootstrapweekly0.5https://docs.blazorbootstrap.com/blog/tags/bootstrap-5weekly0.5https://docs.blazorbootstrap.com/blog/tags/bootstrap-5/page/2weekly0.5https://docs.blazorbootstrap.com/blog/tags/bootstrap-5/page/3weekly0.5https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/2weekly0.5https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/3weekly0.5https://docs.blazorbootstrap.com/blog/tags/breadcrumbweekly0.5https://docs.blazorbootstrap.com/blog/tags/breadcrumbserviceweekly0.5https://docs.blazorbootstrap.com/blog/tags/buttonweekly0.5https://docs.blazorbootstrap.com/blog/tags/buttonsweekly0.5https://docs.blazorbootstrap.com/blog/tags/calloutweekly0.5https://docs.blazorbootstrap.com/blog/tags/chartweekly0.5https://docs.blazorbootstrap.com/blog/tags/chartsweekly0.5https://docs.blazorbootstrap.com/blog/tags/collapseweekly0.5https://docs.blazorbootstrap.com/blog/tags/confirm-dialogweekly0.5https://docs.blazorbootstrap.com/blog/tags/confirmdialogweekly0.5https://docs.blazorbootstrap.com/blog/tags/confirmmodalweekly0.5https://docs.blazorbootstrap.com/blog/tags/currencyweekly0.5https://docs.blazorbootstrap.com/blog/tags/currencyinputweekly0.5https://docs.blazorbootstrap.com/blog/tags/dateweekly0.5https://docs.blazorbootstrap.com/blog/tags/dateinputweekly0.5https://docs.blazorbootstrap.com/blog/tags/datepickerweekly0.5https://docs.blazorbootstrap.com/blog/tags/dialogweekly0.5https://docs.blazorbootstrap.com/blog/tags/docsweekly0.5https://docs.blazorbootstrap.com/blog/tags/dropdownweekly0.5https://docs.blazorbootstrap.com/blog/tags/gridweekly0.5https://docs.blazorbootstrap.com/blog/tags/grid/page/2weekly0.5https://docs.blazorbootstrap.com/blog/tags/iconweekly0.5https://docs.blazorbootstrap.com/blog/tags/iconsweekly0.5https://docs.blazorbootstrap.com/blog/tags/inputweekly0.5https://docs.blazorbootstrap.com/blog/tags/input-numberweekly0.5https://docs.blazorbootstrap.com/blog/tags/layoutweekly0.5https://docs.blazorbootstrap.com/blog/tags/leftmenuweekly0.5https://docs.blazorbootstrap.com/blog/tags/modalweekly0.5https://docs.blazorbootstrap.com/blog/tags/modal/page/2weekly0.5https://docs.blazorbootstrap.com/blog/tags/modalserviceweekly0.5https://docs.blazorbootstrap.com/blog/tags/navigationweekly0.5https://docs.blazorbootstrap.com/blog/tags/numberinputweekly0.5https://docs.blazorbootstrap.com/blog/tags/offcanvasweekly0.5https://docs.blazorbootstrap.com/blog/tags/paginationweekly0.5https://docs.blazorbootstrap.com/blog/tags/pdfviewerweekly0.5https://docs.blazorbootstrap.com/blog/tags/placeholdersweekly0.5https://docs.blazorbootstrap.com/blog/tags/preloadweekly0.5https://docs.blazorbootstrap.com/blog/tags/progressweekly0.5https://docs.blazorbootstrap.com/blog/tags/progress-barweekly0.5https://docs.blazorbootstrap.com/blog/tags/rangeinputweekly0.5https://docs.blazorbootstrap.com/blog/tags/scriptloaderweekly0.5https://docs.blazorbootstrap.com/blog/tags/sidebarweekly0.5https://docs.blazorbootstrap.com/blog/tags/switchweekly0.5https://docs.blazorbootstrap.com/blog/tags/tabsweekly0.5https://docs.blazorbootstrap.com/blog/tags/timeinputweekly0.5https://docs.blazorbootstrap.com/blog/tags/timepickerweekly0.5https://docs.blazorbootstrap.com/blog/tags/toastweekly0.5https://docs.blazorbootstrap.com/blog/tags/toastsweekly0.5https://docs.blazorbootstrap.com/blog/tags/toastserviceweekly0.5https://docs.blazorbootstrap.com/blog/tags/tooltipweekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-0-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-0-2weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-0-3weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-0-4weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-1-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-1-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-2-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-2-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-2-2weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-2-3weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-2-4weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-2-5weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-2-6weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-3-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-4-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-4-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-4-2weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-5-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-5-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-6-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-0-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-0-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-1-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-10-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-10-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-10-2weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-10-3weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-10-4weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-10-5weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-11-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-2-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-3-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-3-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-4-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-4-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-4-2weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-4-3weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-4-4weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-4-5weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-5-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-6-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-7-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-7-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-7-2weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-7-3weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-8-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-8-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-8-2weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-8-3weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-9-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-9-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-9-2weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-9-3weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-9-4weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-9-5weekly0.5https://docs.blazorbootstrap.com/searchweekly0.5https://docs.blazorbootstrap.com/weekly0.5https://docs.blazorbootstrap.com/components/accordionweekly0.5https://docs.blazorbootstrap.com/components/alertsweekly0.5https://docs.blazorbootstrap.com/components/badgeweekly0.5https://docs.blazorbootstrap.com/components/breadcrumbweekly0.5https://docs.blazorbootstrap.com/components/buttonsweekly0.5https://docs.blazorbootstrap.com/components/calloutweekly0.5https://docs.blazorbootstrap.com/components/cardweekly0.5https://docs.blazorbootstrap.com/components/chartsweekly0.5https://docs.blazorbootstrap.com/components/collapseweekly0.5https://docs.blazorbootstrap.com/components/confirm-dialogweekly0.5https://docs.blazorbootstrap.com/components/dropdownweekly0.5https://docs.blazorbootstrap.com/components/gridweekly0.5https://docs.blazorbootstrap.com/components/modalweekly0.5https://docs.blazorbootstrap.com/components/offcanvasweekly0.5https://docs.blazorbootstrap.com/components/paginationweekly0.5https://docs.blazorbootstrap.com/components/pdf-viewerweekly0.5https://docs.blazorbootstrap.com/components/placeholdersweekly0.5https://docs.blazorbootstrap.com/components/preloadweekly0.5https://docs.blazorbootstrap.com/components/progressweekly0.5https://docs.blazorbootstrap.com/components/script-loaderweekly0.5https://docs.blazorbootstrap.com/components/sidebarweekly0.5https://docs.blazorbootstrap.com/components/tabsweekly0.5https://docs.blazorbootstrap.com/components/toastsweekly0.5https://docs.blazorbootstrap.com/components/tooltipsweekly0.5https://docs.blazorbootstrap.com/content/iconsweekly0.5https://docs.blazorbootstrap.com/data-visualization/bar-chartweekly0.5https://docs.blazorbootstrap.com/data-visualization/doughnut-chartweekly0.5https://docs.blazorbootstrap.com/data-visualization/line-chartweekly0.5https://docs.blazorbootstrap.com/data-visualization/pie-chartweekly0.5https://docs.blazorbootstrap.com/forms/autocompleteweekly0.5https://docs.blazorbootstrap.com/forms/currency-inputweekly0.5https://docs.blazorbootstrap.com/forms/date-inputweekly0.5https://docs.blazorbootstrap.com/forms/number-inputweekly0.5https://docs.blazorbootstrap.com/forms/range-inputweekly0.5https://docs.blazorbootstrap.com/forms/switchweekly0.5https://docs.blazorbootstrap.com/forms/time-inputweekly0.5https://docs.blazorbootstrap.com/getting-started/blazor-server-net-6weekly0.5https://docs.blazorbootstrap.com/getting-started/blazor-server-net-7weekly0.5https://docs.blazorbootstrap.com/getting-started/blazor-webapp-auto-global-net-8weekly0.5https://docs.blazorbootstrap.com/getting-started/blazor-webapp-server-global-net-8weekly0.5https://docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-6weekly0.5https://docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-7weekly0.5https://docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-8weekly0.5https://docs.blazorbootstrap.com/getting-started/maui-blazor-net-7weekly0.5https://docs.blazorbootstrap.com/getting-started/maui-blazor-net-8weekly0.5https://docs.blazorbootstrap.com/layout/blazor-serverweekly0.5https://docs.blazorbootstrap.com/layout/blazor-webassemblyweekly0.5https://docs.blazorbootstrap.com/services/modalweekly0.5 \ No newline at end of file +https://docs.blazorbootstrap.com/blogweekly0.5https://docs.blazorbootstrap.com/blog/2021/11/23/blazorbootstrap-0.0.1weekly0.5https://docs.blazorbootstrap.com/blog/2021/11/27/blazorbootstrap-0.0.2weekly0.5https://docs.blazorbootstrap.com/blog/2021/12/08/blazorbootstrap-0.0.3weekly0.5https://docs.blazorbootstrap.com/blog/2021/12/12/blazorbootstrap-0.0.4weekly0.5https://docs.blazorbootstrap.com/blog/2021/12/20/blazorbootstrap-0.1.0weekly0.5https://docs.blazorbootstrap.com/blog/2021/12/21/blazorbootstrap-0.1.1weekly0.5https://docs.blazorbootstrap.com/blog/2022/01/15/blazorbootstrap-0.2.0weekly0.5https://docs.blazorbootstrap.com/blog/2022/02/27/blazorbootstrap-0.2.1weekly0.5https://docs.blazorbootstrap.com/blog/2022/03/15/blazorbootstrap-0.2.2weekly0.5https://docs.blazorbootstrap.com/blog/2022/04/30/blazorbootstrap-0.2.3weekly0.5https://docs.blazorbootstrap.com/blog/2022/06/19/blazorbootstrap-0.2.4weekly0.5https://docs.blazorbootstrap.com/blog/2022/07/28/blazorbootstrap-0.2.5weekly0.5https://docs.blazorbootstrap.com/blog/2022/08/13/blazorbootstrap-0.2.6weekly0.5https://docs.blazorbootstrap.com/blog/2022/08/31/blazorbootstrap-0.3.0weekly0.5https://docs.blazorbootstrap.com/blog/2022/09/04/blazorbootstrap-0.4.0weekly0.5https://docs.blazorbootstrap.com/blog/2022/09/12/blazorbootstrap-0.4.1weekly0.5https://docs.blazorbootstrap.com/blog/2022/09/17/blazorbootstrap-0.4.2weekly0.5https://docs.blazorbootstrap.com/blog/2022/10/16/blazorbootstrap-0.5.0weekly0.5https://docs.blazorbootstrap.com/blog/2022/10/22/blazorbootstrap-0.5.1weekly0.5https://docs.blazorbootstrap.com/blog/2022/10/30/blazorbootstrap-0.6.0weekly0.5https://docs.blazorbootstrap.com/blog/2022/11/18/blazorbootstrap-1.0.0weekly0.5https://docs.blazorbootstrap.com/blog/2022/11/22/blazorbootstrap-1.0.1weekly0.5https://docs.blazorbootstrap.com/blog/2022/11/28/blazorbootstrap-1.1.0weekly0.5https://docs.blazorbootstrap.com/blog/2022/12/12/blazorbootstrap-1.2.0weekly0.5https://docs.blazorbootstrap.com/blog/2022/12/15/blazorbootstrap-1.3.0weekly0.5https://docs.blazorbootstrap.com/blog/2022/12/18/blazorbootstrap-1.3.1weekly0.5https://docs.blazorbootstrap.com/blog/2023/01/15/blazorbootstrap-1.4.0weekly0.5https://docs.blazorbootstrap.com/blog/2023/01/23/blazorbootstrap-1.4.1weekly0.5https://docs.blazorbootstrap.com/blog/2023/01/30/blazorbootstrap-1.4.2weekly0.5https://docs.blazorbootstrap.com/blog/2023/02/07/blazorbootstrap-1.4.3weekly0.5https://docs.blazorbootstrap.com/blog/2023/02/10/blazorbootstrap-1.4.4weekly0.5https://docs.blazorbootstrap.com/blog/2023/02/23/blazorbootstrap-1.4.5weekly0.5https://docs.blazorbootstrap.com/blog/2023/03/05/blazorbootstrap-1.5.0weekly0.5https://docs.blazorbootstrap.com/blog/2023/03/12/blazorbootstrap-1.6.0weekly0.5https://docs.blazorbootstrap.com/blog/2023/04/10/blazorbootstrap-1.7.0weekly0.5https://docs.blazorbootstrap.com/blog/2023/04/19/blazorbootstrap-1.7.1weekly0.5https://docs.blazorbootstrap.com/blog/2023/04/24/blazorbootstrap-1.7.2weekly0.5https://docs.blazorbootstrap.com/blog/2023/04/29/blazorbootstrap-1.7.3weekly0.5https://docs.blazorbootstrap.com/blog/2023/05/28/blazorbootstrap-1.8.0weekly0.5https://docs.blazorbootstrap.com/blog/2023/05/31/blazorbootstrap-1.8.1weekly0.5https://docs.blazorbootstrap.com/blog/2023/06/11/blazorbootstrap-1.8.2weekly0.5https://docs.blazorbootstrap.com/blog/2023/06/16/blazorbootstrap-1.8.3weekly0.5https://docs.blazorbootstrap.com/blog/2023/06/30/blazorbootstrap-1.9.0weekly0.5https://docs.blazorbootstrap.com/blog/2023/06/31/blazorbootstrap-1.9.1weekly0.5https://docs.blazorbootstrap.com/blog/2023/07/01/blazorbootstrap-1.9.2weekly0.5https://docs.blazorbootstrap.com/blog/2023/07/04/blazorbootstrap-1.9.3weekly0.5https://docs.blazorbootstrap.com/blog/2023/07/05/blazorbootstrap-1.9.4weekly0.5https://docs.blazorbootstrap.com/blog/2023/07/16/blazorbootstrap-1.9.5weekly0.5https://docs.blazorbootstrap.com/blog/2023/08/13/blazorbootstrap-1.10.0weekly0.5https://docs.blazorbootstrap.com/blog/2023/08/29/blazorbootstrap-1.10.1weekly0.5https://docs.blazorbootstrap.com/blog/2023/09/15/blazorbootstrap-1.10.2weekly0.5https://docs.blazorbootstrap.com/blog/2023/10/15/blazorbootstrap-1.10.3weekly0.5https://docs.blazorbootstrap.com/blog/2023/11/18/blazorbootstrap-1.10.4weekly0.5https://docs.blazorbootstrap.com/blog/2024/01/01/blazorbootstrap-1.10.5weekly0.5https://docs.blazorbootstrap.com/blog/2024/02/04/blazorbootstrap-1.11.0weekly0.5https://docs.blazorbootstrap.com/blog/2024/02/04/blazorbootstrap-1.11.1weekly0.5https://docs.blazorbootstrap.com/blog/archiveweekly0.5https://docs.blazorbootstrap.com/blog/page/2weekly0.5https://docs.blazorbootstrap.com/blog/page/3weekly0.5https://docs.blazorbootstrap.com/blog/page/4weekly0.5https://docs.blazorbootstrap.com/blog/page/5weekly0.5https://docs.blazorbootstrap.com/blog/page/6weekly0.5https://docs.blazorbootstrap.com/blog/tagsweekly0.5https://docs.blazorbootstrap.com/blog/tags/accordionweekly0.5https://docs.blazorbootstrap.com/blog/tags/alertweekly0.5https://docs.blazorbootstrap.com/blog/tags/autocompleteweekly0.5https://docs.blazorbootstrap.com/blog/tags/badgeweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-autocompleteweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-bar-chartweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-bootstrapweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-chartsweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-confirm-dialogweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-currency-inputweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-dialogweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-doughnut-chartweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-gridweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-grid-filteringweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-grid-pagingweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-grid-sortingweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-inputweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-input-numberweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-line-chartweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-numberweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-number-inputweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-offcanvasweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-pie-chartweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-preloadweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-progressweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-progress-barweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-sidemodalweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-spinnerweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-starter-templatesweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-tabsweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-templatesweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-toastweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor-toastsweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor/page/2weekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor/page/3weekly0.5https://docs.blazorbootstrap.com/blog/tags/blazor/page/4weekly0.5https://docs.blazorbootstrap.com/blog/tags/blazoraccordionweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorautocompleteweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbadgeweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbootstrapweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap-starter-templatesweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/2weekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/3weekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/4weekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/5weekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/6weekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbreadcrumbweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbuttonweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorbuttonsweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorchartweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorcollapseweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorconfirmdialogweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorconfirmmodalweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorcurrencyinputweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazordateweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazordateinputweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazordatepickerweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazordialogweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazordropdownweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorgridweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorgrid/page/2weekly0.5https://docs.blazorbootstrap.com/blog/tags/blazoriconweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazormodalweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazormodalserviceweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazornumberweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazornumberinputweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazoroffcanvasweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorprogressweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorsidebarweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazorswitchweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazortabsweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazortimeweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazortimeinputweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazortimepickerweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazortoastweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazortoastsweekly0.5https://docs.blazorbootstrap.com/blog/tags/blazortooltipweekly0.5https://docs.blazorbootstrap.com/blog/tags/bootstrapweekly0.5https://docs.blazorbootstrap.com/blog/tags/bootstrap-5weekly0.5https://docs.blazorbootstrap.com/blog/tags/bootstrap-5/page/2weekly0.5https://docs.blazorbootstrap.com/blog/tags/bootstrap-5/page/3weekly0.5https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/2weekly0.5https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/3weekly0.5https://docs.blazorbootstrap.com/blog/tags/breadcrumbweekly0.5https://docs.blazorbootstrap.com/blog/tags/breadcrumbserviceweekly0.5https://docs.blazorbootstrap.com/blog/tags/buttonweekly0.5https://docs.blazorbootstrap.com/blog/tags/buttonsweekly0.5https://docs.blazorbootstrap.com/blog/tags/calloutweekly0.5https://docs.blazorbootstrap.com/blog/tags/chartweekly0.5https://docs.blazorbootstrap.com/blog/tags/chartsweekly0.5https://docs.blazorbootstrap.com/blog/tags/collapseweekly0.5https://docs.blazorbootstrap.com/blog/tags/confirm-dialogweekly0.5https://docs.blazorbootstrap.com/blog/tags/confirmdialogweekly0.5https://docs.blazorbootstrap.com/blog/tags/confirmmodalweekly0.5https://docs.blazorbootstrap.com/blog/tags/currencyweekly0.5https://docs.blazorbootstrap.com/blog/tags/currencyinputweekly0.5https://docs.blazorbootstrap.com/blog/tags/dateweekly0.5https://docs.blazorbootstrap.com/blog/tags/dateinputweekly0.5https://docs.blazorbootstrap.com/blog/tags/datepickerweekly0.5https://docs.blazorbootstrap.com/blog/tags/dialogweekly0.5https://docs.blazorbootstrap.com/blog/tags/docsweekly0.5https://docs.blazorbootstrap.com/blog/tags/dropdownweekly0.5https://docs.blazorbootstrap.com/blog/tags/gridweekly0.5https://docs.blazorbootstrap.com/blog/tags/grid/page/2weekly0.5https://docs.blazorbootstrap.com/blog/tags/iconweekly0.5https://docs.blazorbootstrap.com/blog/tags/iconsweekly0.5https://docs.blazorbootstrap.com/blog/tags/inputweekly0.5https://docs.blazorbootstrap.com/blog/tags/input-numberweekly0.5https://docs.blazorbootstrap.com/blog/tags/layoutweekly0.5https://docs.blazorbootstrap.com/blog/tags/leftmenuweekly0.5https://docs.blazorbootstrap.com/blog/tags/modalweekly0.5https://docs.blazorbootstrap.com/blog/tags/modal/page/2weekly0.5https://docs.blazorbootstrap.com/blog/tags/modalserviceweekly0.5https://docs.blazorbootstrap.com/blog/tags/navigationweekly0.5https://docs.blazorbootstrap.com/blog/tags/numberinputweekly0.5https://docs.blazorbootstrap.com/blog/tags/offcanvasweekly0.5https://docs.blazorbootstrap.com/blog/tags/paginationweekly0.5https://docs.blazorbootstrap.com/blog/tags/pdfviewerweekly0.5https://docs.blazorbootstrap.com/blog/tags/placeholdersweekly0.5https://docs.blazorbootstrap.com/blog/tags/preloadweekly0.5https://docs.blazorbootstrap.com/blog/tags/progressweekly0.5https://docs.blazorbootstrap.com/blog/tags/progress-barweekly0.5https://docs.blazorbootstrap.com/blog/tags/rangeinputweekly0.5https://docs.blazorbootstrap.com/blog/tags/scriptloaderweekly0.5https://docs.blazorbootstrap.com/blog/tags/sidebarweekly0.5https://docs.blazorbootstrap.com/blog/tags/switchweekly0.5https://docs.blazorbootstrap.com/blog/tags/tabsweekly0.5https://docs.blazorbootstrap.com/blog/tags/timeinputweekly0.5https://docs.blazorbootstrap.com/blog/tags/timepickerweekly0.5https://docs.blazorbootstrap.com/blog/tags/toastweekly0.5https://docs.blazorbootstrap.com/blog/tags/toastsweekly0.5https://docs.blazorbootstrap.com/blog/tags/toastserviceweekly0.5https://docs.blazorbootstrap.com/blog/tags/tooltipweekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-0-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-0-2weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-0-3weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-0-4weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-1-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-1-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-2-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-2-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-2-2weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-2-3weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-2-4weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-2-5weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-2-6weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-3-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-4-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-4-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-4-2weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-5-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-5-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-0-6-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-0-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-0-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-1-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-10-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-10-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-10-2weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-10-3weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-10-4weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-10-5weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-11-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-11-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-2-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-3-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-3-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-4-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-4-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-4-2weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-4-3weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-4-4weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-4-5weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-5-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-6-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-7-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-7-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-7-2weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-7-3weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-8-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-8-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-8-2weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-8-3weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-9-0weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-9-1weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-9-2weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-9-3weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-9-4weekly0.5https://docs.blazorbootstrap.com/blog/tags/v-1-9-5weekly0.5https://docs.blazorbootstrap.com/searchweekly0.5https://docs.blazorbootstrap.com/weekly0.5https://docs.blazorbootstrap.com/components/accordionweekly0.5https://docs.blazorbootstrap.com/components/alertsweekly0.5https://docs.blazorbootstrap.com/components/badgeweekly0.5https://docs.blazorbootstrap.com/components/breadcrumbweekly0.5https://docs.blazorbootstrap.com/components/buttonsweekly0.5https://docs.blazorbootstrap.com/components/calloutweekly0.5https://docs.blazorbootstrap.com/components/cardweekly0.5https://docs.blazorbootstrap.com/components/chartsweekly0.5https://docs.blazorbootstrap.com/components/collapseweekly0.5https://docs.blazorbootstrap.com/components/confirm-dialogweekly0.5https://docs.blazorbootstrap.com/components/dropdownweekly0.5https://docs.blazorbootstrap.com/components/gridweekly0.5https://docs.blazorbootstrap.com/components/modalweekly0.5https://docs.blazorbootstrap.com/components/offcanvasweekly0.5https://docs.blazorbootstrap.com/components/paginationweekly0.5https://docs.blazorbootstrap.com/components/pdf-viewerweekly0.5https://docs.blazorbootstrap.com/components/placeholdersweekly0.5https://docs.blazorbootstrap.com/components/preloadweekly0.5https://docs.blazorbootstrap.com/components/progressweekly0.5https://docs.blazorbootstrap.com/components/script-loaderweekly0.5https://docs.blazorbootstrap.com/components/sidebarweekly0.5https://docs.blazorbootstrap.com/components/tabsweekly0.5https://docs.blazorbootstrap.com/components/toastsweekly0.5https://docs.blazorbootstrap.com/components/tooltipsweekly0.5https://docs.blazorbootstrap.com/content/iconsweekly0.5https://docs.blazorbootstrap.com/data-visualization/bar-chartweekly0.5https://docs.blazorbootstrap.com/data-visualization/doughnut-chartweekly0.5https://docs.blazorbootstrap.com/data-visualization/line-chartweekly0.5https://docs.blazorbootstrap.com/data-visualization/pie-chartweekly0.5https://docs.blazorbootstrap.com/forms/autocompleteweekly0.5https://docs.blazorbootstrap.com/forms/currency-inputweekly0.5https://docs.blazorbootstrap.com/forms/date-inputweekly0.5https://docs.blazorbootstrap.com/forms/number-inputweekly0.5https://docs.blazorbootstrap.com/forms/range-inputweekly0.5https://docs.blazorbootstrap.com/forms/switchweekly0.5https://docs.blazorbootstrap.com/forms/time-inputweekly0.5https://docs.blazorbootstrap.com/getting-started/blazor-server-net-6weekly0.5https://docs.blazorbootstrap.com/getting-started/blazor-server-net-7weekly0.5https://docs.blazorbootstrap.com/getting-started/blazor-webapp-auto-global-net-8weekly0.5https://docs.blazorbootstrap.com/getting-started/blazor-webapp-server-global-net-8weekly0.5https://docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-6weekly0.5https://docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-7weekly0.5https://docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-8weekly0.5https://docs.blazorbootstrap.com/getting-started/maui-blazor-net-7weekly0.5https://docs.blazorbootstrap.com/getting-started/maui-blazor-net-8weekly0.5https://docs.blazorbootstrap.com/layout/blazor-serverweekly0.5https://docs.blazorbootstrap.com/layout/blazor-webassemblyweekly0.5https://docs.blazorbootstrap.com/services/modalweekly0.5 \ No newline at end of file