diff --git a/404.html b/404.html index fb89d1c44..7a4efc8a4 100644 --- a/404.html +++ b/404.html @@ -1,5 +1,5 @@ - + @@ -10,13 +10,13 @@ Page Not Found | Blazor Bootstrap - - + +
-
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.

- - +
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/CNAME b/CNAME index 76e229ea1..bcfa94e95 100644 --- a/CNAME +++ b/CNAME @@ -1 +1 @@ -docs.blazorbootstrap.com \ No newline at end of file +getblazorbootstrap.com \ No newline at end of file diff --git a/assets/js/135ee015.83144fdf.js b/assets/js/135ee015.83144fdf.js new file mode 100644 index 000000000..b11081912 --- /dev/null +++ b/assets/js/135ee015.83144fdf.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[24567],{3905:(e,t,n)=>{n.d(t,{Zo:()=>u,kt:()=>c});var a=n(67294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=a.createContext({}),m=function(e){var t=a.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},u=function(e){var t=m(e.components);return a.createElement(i.Provider,{value:t},e.children)},d={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},p=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,o=e.originalType,i=e.parentName,u=s(e,["components","mdxType","originalType","parentName"]),p=m(n),c=r,g=p["".concat(i,".").concat(c)]||p[c]||d[c]||o;return n?a.createElement(g,l(l({ref:t},u),{},{components:n})):a.createElement(g,l({ref:t},u))}));function c(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=n.length,l=new Array(o);l[0]=p;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s.mdxType="string"==typeof e?e:r,l[1]=s;for(var m=2;m{n.r(t),n.d(t,{assets:()=>i,contentTitle:()=>l,default:()=>d,frontMatter:()=>o,metadata:()=>s,toc:()=>m});var a=n(87462),r=(n(67294),n(3905));const o={title:"Blazor AutoComplete Component",description:"Blazor Bootstrap `AutoComplete` component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering.",image:"https://i.imgur.com/gRcdvc0.png",sidebar_label:"Auto Complete",sidebar_position:1},l="Blazor Auto Complete",s={unversionedId:"forms/autocomplete",id:"forms/autocomplete",title:"Blazor AutoComplete Component",description:"Blazor Bootstrap `AutoComplete` component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering.",source:"@site/docs/04-forms/autocomplete.md",sourceDirName:"04-forms",slug:"/forms/autocomplete",permalink:"/forms/autocomplete",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/04-forms/autocomplete.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Blazor AutoComplete Component",description:"Blazor Bootstrap `AutoComplete` component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering.",image:"https://i.imgur.com/gRcdvc0.png",sidebar_label:"Auto Complete",sidebar_position:1},sidebar:"tutorialSidebar",previous:{title:"Icons",permalink:"/content/icons"},next:{title:"Currency Input",permalink:"/forms/currency-input"}},i={},m=[{value:"Parameters",id:"parameters",level:2},{value:"Methods",id:"methods",level:2},{value:"Events",id:"events",level:2},{value:"Keyboard Navigation",id:"keyboard-navigation",level:2},{value:"Examples",id:"examples",level:2},{value:"Client side data",id:"client-side-data",level:3},{value:"Client side data with StringComparision",id:"client-side-data-with-stringcomparision",level:3},{value:"Server side data",id:"server-side-data",level:3},{value:"Set default value",id:"set-default-value",level:3},{value:"Validations",id:"validations",level:3},{value:"Disable",id:"disable",level:3}],u={toc:m};function d(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,a.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"blazor-auto-complete"},"Blazor Auto Complete"),(0,r.kt)("p",null,"Blazor Bootstrap autocomplete component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering."),(0,r.kt)("h2",{id:"parameters"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Descritpion"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"DataProvider"),(0,r.kt)("td",{parentName:"tr",align:"left"},"delegate"),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"DataProvider is for items to render. The provider should always return an instance of ",(0,r.kt)("inlineCode",{parentName:"td"},"AutoCompleteDataProviderResult"),", and null is not allowed."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Disabled"),(0,r.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,r.kt)("td",{parentName:"tr",align:"left"},"false"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Is AutoComplete disabled."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"EmptyText"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"No records found.")),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the empty text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.10.2")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"LoadingText"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Loading...")),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the empty text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.10.2")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Placeholder"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"AutoComplete placeholder."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"PropertyName"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"AutoComplete data text property name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Size"),(0,r.kt)("td",{parentName:"tr",align:"left"},"enum"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"AutoCompleteSize.Default")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Use ",(0,r.kt)("inlineCode",{parentName:"td"},"AutoCompleteSize.Default")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"AutoCompleteSize.Large")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"AutoCompleteSize.Small")),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"StringComparison"),(0,r.kt)("td",{parentName:"tr",align:"left"},"enum"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"StringComparison.OrdinalIgnoreCase")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Specifies the culture, case, and sort rules to be used. Use ",(0,r.kt)("inlineCode",{parentName:"td"},"StringComparison.CurrentCulture")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"StringComparison.CurrentCultureIgnoreCase")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"StringComparison.InvariantCulture")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"StringComparison.InvariantCultureIgnoreCase")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"StringComparison.Ordinal")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"StringComparison.OrdinalIgnoreCase"),"."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"StringFilterOperator"),(0,r.kt)("td",{parentName:"tr",align:"left"},"enum"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"StringFilterOperator.Contains")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Use ",(0,r.kt)("inlineCode",{parentName:"td"},"StringFilterOperator.Equals")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"StringFilterOperator.Contains")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"StringFilterOperator.StartsWith")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"StringFilterOperator.EndsWith")),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Value"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"AutoComplete value."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ValueExpression"),(0,r.kt)("td",{parentName:"tr",align:"left"},"expression"),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"AutoComplete value expression."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")))),(0,r.kt)("h2",{id:"methods"},"Methods"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Returns"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Disable()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"void"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Disables autocomplete."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Enable()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"void"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Enables autocomplete."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"RefreshDataAsync()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Task"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Refresh the autocomplete data."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ResetAsync()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Task"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Resets the autocomplete selection."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")))),(0,r.kt)("h2",{id:"events"},"Events"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"OnChanged"),(0,r.kt)("td",{parentName:"tr",align:"left"},"This event fires immediately when the autocomplete selection changes by the user."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ValueChanged"),(0,r.kt)("td",{parentName:"tr",align:"left"},"This event fires on every user keystroke that changes the textbox value."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")))),(0,r.kt)("h2",{id:"keyboard-navigation"},"Keyboard Navigation"),(0,r.kt)("p",null,"Blazor Bootstrap autocomplete component supports the following keyboard shortcuts to initiate various actions."),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Key"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Esc")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Closes the popup list when it is in an open state."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Up arrow")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Focuses on the previous item in the list."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Down arrow")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Focuses on the next item in the list."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Home")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Focuses on the first item in the list."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"End")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Focuses on the last item in the list."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Enter")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Selects the currently focused item."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")))),(0,r.kt)("h2",{id:"examples"},"Examples"),(0,r.kt)("h3",{id:"client-side-data"},"Client side data"),(0,r.kt)("img",{src:"https://i.imgur.com/gRcdvc0.png",alt:"Blazor Bootstrap AutoComplete Component - Client side data"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{3-8} showLineNumbers","{3-8}":!0,showLineNumbers:!0},'
\n
\n \n
\n
\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{6-12} showLineNumbers","{6-12}":!0,showLineNumbers:!0},'@code {\n private string customerName;\n\n public IEnumerable customers;\n\n private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request)\n {\n if (customers is null) // pull customers only one time for client-side autocomplete\n customers = GetCustomers(); // call a service or an API to pull the customers\n\n return await Task.FromResult(request.ApplyTo(customers.OrderBy(customer => customer.CustomerName)));\n }\n\n private IEnumerable GetCustomers()\n {\n return new List {\n new(1, "Pich S"),\n new(2, "sfh Sobi"),\n new(3, "Jojo chan"),\n new(4, "Jee ja"),\n new(5, "Rose Canon"),\n new(6, "Manju A"),\n new(7, "Bandita PA"),\n new(8, "Sagar Adil"),\n new(9, "Isha Wang"),\n new(10, "Daina JJ"),\n new(11, "Komala Mug"),\n new(12, "Dikshita BD"),\n new(13, "Neha Gosar"),\n new(14, "Preeti S"),\n new(15, "Sagar Seth"),\n new(16, "Vinayak MM"),\n new(17, "Vijaya Lakhsmi"),\n new(18, "Jahan K"),\n new(19, "Joy B"),\n new(20, "Zaraiah C"),\n new(21, "Laura L"),\n new(22, "Punith ES")\n };\n }\n\n private void OnAutoCompleteChanged(Customer customer)\n {\n // TODO: handle your own logic\n\n // NOTE: do null check\n Console.WriteLine($"\'{customer?.CustomerName}\' selected.");\n }\n}\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"public record Customer(int CustomerId, string CustomerName);\n")),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#client-side-data"},"See demo here")),(0,r.kt)("h3",{id:"client-side-data-with-stringcomparision"},"Client side data with StringComparision"),(0,r.kt)("p",null,"In the below example, ",(0,r.kt)("inlineCode",{parentName:"p"},"StringComparision.Ordinal")," is used to make the filter case-sensitive."),(0,r.kt)("admonition",{type:"info"},(0,r.kt)("p",{parentName:"admonition"},"By default, ",(0,r.kt)("inlineCode",{parentName:"p"},"StringComparison.OrdinalIgnoreCase")," is used to compare culture-agnostic and case-insensitive string matching.")),(0,r.kt)("img",{src:"https://i.imgur.com/8YZzW9f.png",alt:"Blazor Bootstrap AutoComplete Component - Client side data with StringComparision"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{8} showLineNumbers","{8}":!0,showLineNumbers:!0},'
\n
\n \n
\n
\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{6-12} showLineNumbers","{6-12}":!0,showLineNumbers:!0},'@code {\n private string customerName;\n\n public IEnumerable customers;\n\n private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request)\n {\n if (customers is null) // pull customers only one time for client-side autocomplete\n customers = GetCustomers(); // call a service or an API to pull the customers\n\n return await Task.FromResult(request.ApplyTo(customers.OrderBy(customer => customer.CustomerName)));\n }\n\n private IEnumerable GetCustomers()\n {\n return new List {\n new(1, "Pich S"),\n new(2, "sfh Sobi"),\n new(3, "Jojo chan"),\n new(4, "Jee ja"),\n new(5, "Rose Canon"),\n new(6, "Manju A"),\n new(7, "Bandita PA"),\n new(8, "Sagar Adil"),\n new(9, "Isha Wang"),\n new(10, "Daina JJ"),\n new(11, "Komala Mug"),\n new(12, "Dikshita BD"),\n new(13, "Neha Gosar"),\n new(14, "Preeti S"),\n new(15, "Sagar Seth"),\n new(16, "Vinayak MM"),\n new(17, "Vijaya Lakhsmi"),\n new(18, "Jahan K"),\n new(19, "Joy B"),\n new(20, "Zaraiah C"),\n new(21, "Laura L"),\n new(22, "Punith ES")\n };\n }\n\n private void OnAutoCompleteChanged(Customer customer)\n {\n // TODO: handle your own logic\n\n // NOTE: do null check\n Console.WriteLine($"\'{customer?.CustomerName}\' selected.");\n }\n}\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"public record Customer(int CustomerId, string CustomerName);\n")),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#client-side-data-with-string-comparision"},"See demo here")),(0,r.kt)("h3",{id:"server-side-data"},"Server side data"),(0,r.kt)("img",{src:"https://i.imgur.com/D5ox9um.png",alt:"Blazor Bootstrap AutoComplete Component - Server side data"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{3-8} showLineNumbers","{3-8}":!0,showLineNumbers:!0},'
\n
\n \n
\n
\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{6-10} showLineNumbers","{6-10}":!0,showLineNumbers:!0},"@code {\n private string customerName;\n\n [Inject] ICustomerService _customerService { get; set; }\n\n private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request)\n {\n var customers = await _customerService.GetCustomers(request.Filter, request.CancellationToken); // API call\n return await Task.FromResult(new AutoCompleteDataProviderResult { Data = customers, TotalCount = customers.Count() });\n }\n\n private void OnAutoCompleteChanged(Customer customer)\n {\n // TODO: handle your own logic\n\n // NOTE: do null check\n Console.WriteLine($\"'{customer?.CustomerName}' selected.\");\n }\n}\n")),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#server-side-data"},"See demo here")),(0,r.kt)("h3",{id:"set-default-value"},"Set default value"),(0,r.kt)("img",{src:"https://i.imgur.com/AMqyt8h.png",alt:"Blazor Bootstrap AutoComplete Component - Set default value"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'
\n
\n \n
\n
\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-csharp"},'@code {\n private string customerName;\n\n public IEnumerable customers;\n\n protected override void OnInitialized()\n {\n customerName = "Pich S";\n }\n\n private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request)\n {\n if (customers is null) // pull customers only one time for client-side autocomplete\n customers = GetCustomers(); // call a service or an API to pull the customers\n\n return await Task.FromResult(request.ApplyTo(customers.OrderBy(customer => customer.CustomerName)));\n }\n\n private IEnumerable GetCustomers()\n {\n return new List {\n new(1, "Pich S"),\n new(2, "sfh Sobi"),\n new(3, "Jojo chan"),\n new(4, "Jee ja"),\n new(5, "Rose Canon"),\n new(6, "Manju A"),\n new(7, "Bandita PA"),\n new(8, "Sagar Adil"),\n new(9, "Isha Wang"),\n new(10, "Daina JJ"),\n new(11, "Komala Mug"),\n new(12, "Dikshita BD"),\n new(13, "Neha Gosar"),\n new(14, "Preeti S"),\n new(15, "Sagar Seth"),\n new(16, "Vinayak MM"),\n new(17, "Vijaya Lakhsmi"),\n new(18, "Jahan K"),\n new(19, "Joy B"),\n new(20, "Zaraiah C"),\n new(21, "Laura L"),\n new(22, "Punith ES")\n };\n }\n\n private void OnAutoCompleteChanged(Customer customer)\n {\n // TODO: handle your own logic\n\n // NOTE: do null check\n Console.WriteLine($"\'{customer?.CustomerName}\' selected.");\n }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#set-default-value"},"See demo here")),(0,r.kt)("h3",{id:"validations"},"Validations"),(0,r.kt)("img",{src:"https://i.imgur.com/sMQ7Uc6.png",alt:"Blazor Bootstrap AutoComplete Component - Validations - Data empty"}),(0,r.kt)("img",{src:"https://i.imgur.com/4IzNcdp.png",alt:"Blazor Bootstrap AutoComplete Component - Validations - Item selected"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"@using System.ComponentModel.DataAnnotations\n")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},"\n")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{7-13} showLineNumbers","{7-13}":!0,showLineNumbers:!0},'\n \n\n
\n \n
\n \n \n
\n
\n\n
\n \n
\n \n \n
\n
\n\n
\n
\n \n
\n
\n\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n private CustomerAddress customerAddress = new();\n private EditContext _editContext;\n\n [Inject] ICustomerService _customerService { get; set; }\n\n protected override void OnInitialized()\n {\n _editContext = new EditContext(customerAddress);\n base.OnInitialized();\n }\n\n public void HandleOnValidSubmit()\n {\n Console.WriteLine($"Customer name is {customerAddress.CustomerName} and address is {customerAddress.Address}");\n }\n\n private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request)\n {\n var customers = await _customerService.GetCustomers(request.Filter); // API call\n return await Task.FromResult(new AutoCompleteDataProviderResult { Data = customers, TotalCount = customers.Count() });\n }\n\n private void OnAutoCompleteChanged(Customer customer)\n {\n // TODO: handle your own logic\n\n // NOTE: do null check\n Console.WriteLine($"\'{customer?.CustomerName}\' selected.");\n Console.WriteLine($"Data null: {customer is null}.");\n }\n\n public class CustomerAddress\n {\n [Required]\n public string CustomerName { get; set; }\n\n [Required]\n public string Address { get; set; }\n }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#validations"},"See demo here")),(0,r.kt)("h3",{id:"disable"},"Disable"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("b",null,"Disabled")," parameter to disable the AutoComplete."),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{8,13-15} showLineNumbers","{8,13-15}":!0,showLineNumbers:!0},'
\n
\n \n
\n
\n\n\n\n\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{3,21,23,25} showLineNumbers","{3,21,23,25}":!0,showLineNumbers:!0},"@code {\n private string customerName = default!;\n private bool disabled = true;\n\n [Inject] ICustomerService _customerService { get; set; } = default!;\n\n private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request)\n {\n var customers = await _customerService.GetCustomersAsync(request.Filter, request.CancellationToken); // API call\n return await Task.FromResult(new AutoCompleteDataProviderResult { Data = customers, TotalCount = customers.Count() });\n }\n\n private void OnAutoCompleteChanged(Customer2 customer)\n {\n // TODO: handle your own logic\n\n // NOTE: do null check\n Console.WriteLine($\"'{customer?.CustomerName}' selected.\");\n }\n\n private void Enable() => disabled = false;\n\n private void Disable() => disabled = true;\n\n private void Toggle() => disabled = !disabled;\n}\n")),(0,r.kt)("p",null,"Also, use ",(0,r.kt)("strong",{parentName:"p"},"Enable()")," and ",(0,r.kt)("strong",{parentName:"p"},"Disable()")," methods to enable and disable the AutoComplete."),(0,r.kt)("admonition",{title:"NOTE",type:"caution"},(0,r.kt)("p",{parentName:"admonition"},"Do not use both the ",(0,r.kt)("strong",{parentName:"p"},"Disabled")," parameter and ",(0,r.kt)("strong",{parentName:"p"},"Enable()")," & ",(0,r.kt)("strong",{parentName:"p"},"Disable()")," methods.")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{3,13-14} showLineNumbers","{3,13-14}":!0,showLineNumbers:!0},'
\n
\n \n
\n
\n\n\n\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{2,21,23} showLineNumbers","{2,21,23}":!0,showLineNumbers:!0},"@code {\n private AutoComplete autoComplete1 = default!;\n private string customerName = default!;\n\n [Inject] ICustomerService _customerService { get; set; } = default!;\n\n private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request)\n {\n var customers = await _customerService.GetCustomersAsync(request.Filter, request.CancellationToken); // API call\n return await Task.FromResult(new AutoCompleteDataProviderResult { Data = customers, TotalCount = customers.Count() });\n }\n\n private void OnAutoCompleteChanged(Customer2 customer)\n {\n // TODO: handle your own logic\n\n // NOTE: do null check\n Console.WriteLine($\"'{customer?.CustomerName}' selected.\");\n }\n\n private void Disable() => autoComplete1.Disable();\n\n private void Enable() => autoComplete1.Enable();\n}\n")),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#disable"},"See demo here")))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/135ee015.c2c21cb4.js b/assets/js/135ee015.c2c21cb4.js deleted file mode 100644 index 127025ab9..000000000 --- a/assets/js/135ee015.c2c21cb4.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[24567],{3905:(e,t,n)=>{n.d(t,{Zo:()=>u,kt:()=>c});var a=n(67294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=a.createContext({}),m=function(e){var t=a.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},u=function(e){var t=m(e.components);return a.createElement(i.Provider,{value:t},e.children)},d={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},p=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,o=e.originalType,i=e.parentName,u=s(e,["components","mdxType","originalType","parentName"]),p=m(n),c=r,g=p["".concat(i,".").concat(c)]||p[c]||d[c]||o;return n?a.createElement(g,l(l({ref:t},u),{},{components:n})):a.createElement(g,l({ref:t},u))}));function c(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=n.length,l=new Array(o);l[0]=p;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s.mdxType="string"==typeof e?e:r,l[1]=s;for(var m=2;m{n.r(t),n.d(t,{assets:()=>i,contentTitle:()=>l,default:()=>d,frontMatter:()=>o,metadata:()=>s,toc:()=>m});var a=n(87462),r=(n(67294),n(3905));const o={title:"Blazor AutoComplete Component",description:"Blazor Bootstrap `AutoComplete` component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering.",image:"https://i.imgur.com/gRcdvc0.png",sidebar_label:"Auto Complete",sidebar_position:1},l="Blazor Auto Complete",s={unversionedId:"forms/autocomplete",id:"forms/autocomplete",title:"Blazor AutoComplete Component",description:"Blazor Bootstrap `AutoComplete` component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering.",source:"@site/docs/04-forms/autocomplete.md",sourceDirName:"04-forms",slug:"/forms/autocomplete",permalink:"/docs/forms/autocomplete",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/04-forms/autocomplete.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Blazor AutoComplete Component",description:"Blazor Bootstrap `AutoComplete` component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering.",image:"https://i.imgur.com/gRcdvc0.png",sidebar_label:"Auto Complete",sidebar_position:1},sidebar:"tutorialSidebar",previous:{title:"Icons",permalink:"/docs/content/icons"},next:{title:"Currency Input",permalink:"/docs/forms/currency-input"}},i={},m=[{value:"Parameters",id:"parameters",level:2},{value:"Methods",id:"methods",level:2},{value:"Events",id:"events",level:2},{value:"Keyboard Navigation",id:"keyboard-navigation",level:2},{value:"Examples",id:"examples",level:2},{value:"Client side data",id:"client-side-data",level:3},{value:"Client side data with StringComparision",id:"client-side-data-with-stringcomparision",level:3},{value:"Server side data",id:"server-side-data",level:3},{value:"Set default value",id:"set-default-value",level:3},{value:"Validations",id:"validations",level:3},{value:"Disable",id:"disable",level:3}],u={toc:m};function d(e){let{components:t,...n}=e;return(0,r.kt)("wrapper",(0,a.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"blazor-auto-complete"},"Blazor Auto Complete"),(0,r.kt)("p",null,"Blazor Bootstrap autocomplete component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering."),(0,r.kt)("h2",{id:"parameters"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Descritpion"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"DataProvider"),(0,r.kt)("td",{parentName:"tr",align:"left"},"delegate"),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"DataProvider is for items to render. The provider should always return an instance of ",(0,r.kt)("inlineCode",{parentName:"td"},"AutoCompleteDataProviderResult"),", and null is not allowed."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Disabled"),(0,r.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,r.kt)("td",{parentName:"tr",align:"left"},"false"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Is AutoComplete disabled."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"EmptyText"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"No records found.")),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the empty text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.10.2")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"LoadingText"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Loading...")),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the empty text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.10.2")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Placeholder"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"AutoComplete placeholder."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"PropertyName"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"AutoComplete data text property name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Size"),(0,r.kt)("td",{parentName:"tr",align:"left"},"enum"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"AutoCompleteSize.Default")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Use ",(0,r.kt)("inlineCode",{parentName:"td"},"AutoCompleteSize.Default")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"AutoCompleteSize.Large")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"AutoCompleteSize.Small")),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"StringComparison"),(0,r.kt)("td",{parentName:"tr",align:"left"},"enum"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"StringComparison.OrdinalIgnoreCase")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Specifies the culture, case, and sort rules to be used. Use ",(0,r.kt)("inlineCode",{parentName:"td"},"StringComparison.CurrentCulture")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"StringComparison.CurrentCultureIgnoreCase")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"StringComparison.InvariantCulture")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"StringComparison.InvariantCultureIgnoreCase")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"StringComparison.Ordinal")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"StringComparison.OrdinalIgnoreCase"),"."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"StringFilterOperator"),(0,r.kt)("td",{parentName:"tr",align:"left"},"enum"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"StringFilterOperator.Contains")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Use ",(0,r.kt)("inlineCode",{parentName:"td"},"StringFilterOperator.Equals")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"StringFilterOperator.Contains")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"StringFilterOperator.StartsWith")," or ",(0,r.kt)("inlineCode",{parentName:"td"},"StringFilterOperator.EndsWith")),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Value"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"AutoComplete value."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ValueExpression"),(0,r.kt)("td",{parentName:"tr",align:"left"},"expression"),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"AutoComplete value expression."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")))),(0,r.kt)("h2",{id:"methods"},"Methods"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Returns"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Disable()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"void"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Disables autocomplete."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Enable()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"void"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Enables autocomplete."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"RefreshDataAsync()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Task"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Refresh the autocomplete data."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ResetAsync()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Task"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Resets the autocomplete selection."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")))),(0,r.kt)("h2",{id:"events"},"Events"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"OnChanged"),(0,r.kt)("td",{parentName:"tr",align:"left"},"This event fires immediately when the autocomplete selection changes by the user."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ValueChanged"),(0,r.kt)("td",{parentName:"tr",align:"left"},"This event fires on every user keystroke that changes the textbox value."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")))),(0,r.kt)("h2",{id:"keyboard-navigation"},"Keyboard Navigation"),(0,r.kt)("p",null,"Blazor Bootstrap autocomplete component supports the following keyboard shortcuts to initiate various actions."),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Key"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Esc")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Closes the popup list when it is in an open state."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Up arrow")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Focuses on the previous item in the list."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Down arrow")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Focuses on the next item in the list."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Home")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Focuses on the first item in the list."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"End")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Focuses on the last item in the list."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Enter")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Selects the currently focused item."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")))),(0,r.kt)("h2",{id:"examples"},"Examples"),(0,r.kt)("h3",{id:"client-side-data"},"Client side data"),(0,r.kt)("img",{src:"https://i.imgur.com/gRcdvc0.png",alt:"Blazor Bootstrap AutoComplete Component - Client side data"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{3-8} showLineNumbers","{3-8}":!0,showLineNumbers:!0},'
\n
\n \n
\n
\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{6-12} showLineNumbers","{6-12}":!0,showLineNumbers:!0},'@code {\n private string customerName;\n\n public IEnumerable customers;\n\n private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request)\n {\n if (customers is null) // pull customers only one time for client-side autocomplete\n customers = GetCustomers(); // call a service or an API to pull the customers\n\n return await Task.FromResult(request.ApplyTo(customers.OrderBy(customer => customer.CustomerName)));\n }\n\n private IEnumerable GetCustomers()\n {\n return new List {\n new(1, "Pich S"),\n new(2, "sfh Sobi"),\n new(3, "Jojo chan"),\n new(4, "Jee ja"),\n new(5, "Rose Canon"),\n new(6, "Manju A"),\n new(7, "Bandita PA"),\n new(8, "Sagar Adil"),\n new(9, "Isha Wang"),\n new(10, "Daina JJ"),\n new(11, "Komala Mug"),\n new(12, "Dikshita BD"),\n new(13, "Neha Gosar"),\n new(14, "Preeti S"),\n new(15, "Sagar Seth"),\n new(16, "Vinayak MM"),\n new(17, "Vijaya Lakhsmi"),\n new(18, "Jahan K"),\n new(19, "Joy B"),\n new(20, "Zaraiah C"),\n new(21, "Laura L"),\n new(22, "Punith ES")\n };\n }\n\n private void OnAutoCompleteChanged(Customer customer)\n {\n // TODO: handle your own logic\n\n // NOTE: do null check\n Console.WriteLine($"\'{customer?.CustomerName}\' selected.");\n }\n}\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"public record Customer(int CustomerId, string CustomerName);\n")),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#client-side-data"},"See demo here")),(0,r.kt)("h3",{id:"client-side-data-with-stringcomparision"},"Client side data with StringComparision"),(0,r.kt)("p",null,"In the below example, ",(0,r.kt)("inlineCode",{parentName:"p"},"StringComparision.Ordinal")," is used to make the filter case-sensitive."),(0,r.kt)("admonition",{type:"info"},(0,r.kt)("p",{parentName:"admonition"},"By default, ",(0,r.kt)("inlineCode",{parentName:"p"},"StringComparison.OrdinalIgnoreCase")," is used to compare culture-agnostic and case-insensitive string matching.")),(0,r.kt)("img",{src:"https://i.imgur.com/8YZzW9f.png",alt:"Blazor Bootstrap AutoComplete Component - Client side data with StringComparision"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{8} showLineNumbers","{8}":!0,showLineNumbers:!0},'
\n
\n \n
\n
\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{6-12} showLineNumbers","{6-12}":!0,showLineNumbers:!0},'@code {\n private string customerName;\n\n public IEnumerable customers;\n\n private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request)\n {\n if (customers is null) // pull customers only one time for client-side autocomplete\n customers = GetCustomers(); // call a service or an API to pull the customers\n\n return await Task.FromResult(request.ApplyTo(customers.OrderBy(customer => customer.CustomerName)));\n }\n\n private IEnumerable GetCustomers()\n {\n return new List {\n new(1, "Pich S"),\n new(2, "sfh Sobi"),\n new(3, "Jojo chan"),\n new(4, "Jee ja"),\n new(5, "Rose Canon"),\n new(6, "Manju A"),\n new(7, "Bandita PA"),\n new(8, "Sagar Adil"),\n new(9, "Isha Wang"),\n new(10, "Daina JJ"),\n new(11, "Komala Mug"),\n new(12, "Dikshita BD"),\n new(13, "Neha Gosar"),\n new(14, "Preeti S"),\n new(15, "Sagar Seth"),\n new(16, "Vinayak MM"),\n new(17, "Vijaya Lakhsmi"),\n new(18, "Jahan K"),\n new(19, "Joy B"),\n new(20, "Zaraiah C"),\n new(21, "Laura L"),\n new(22, "Punith ES")\n };\n }\n\n private void OnAutoCompleteChanged(Customer customer)\n {\n // TODO: handle your own logic\n\n // NOTE: do null check\n Console.WriteLine($"\'{customer?.CustomerName}\' selected.");\n }\n}\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"public record Customer(int CustomerId, string CustomerName);\n")),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#client-side-data-with-string-comparision"},"See demo here")),(0,r.kt)("h3",{id:"server-side-data"},"Server side data"),(0,r.kt)("img",{src:"https://i.imgur.com/D5ox9um.png",alt:"Blazor Bootstrap AutoComplete Component - Server side data"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{3-8} showLineNumbers","{3-8}":!0,showLineNumbers:!0},'
\n
\n \n
\n
\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{6-10} showLineNumbers","{6-10}":!0,showLineNumbers:!0},"@code {\n private string customerName;\n\n [Inject] ICustomerService _customerService { get; set; }\n\n private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request)\n {\n var customers = await _customerService.GetCustomers(request.Filter, request.CancellationToken); // API call\n return await Task.FromResult(new AutoCompleteDataProviderResult { Data = customers, TotalCount = customers.Count() });\n }\n\n private void OnAutoCompleteChanged(Customer customer)\n {\n // TODO: handle your own logic\n\n // NOTE: do null check\n Console.WriteLine($\"'{customer?.CustomerName}' selected.\");\n }\n}\n")),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#server-side-data"},"See demo here")),(0,r.kt)("h3",{id:"set-default-value"},"Set default value"),(0,r.kt)("img",{src:"https://i.imgur.com/AMqyt8h.png",alt:"Blazor Bootstrap AutoComplete Component - Set default value"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'
\n
\n \n
\n
\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-csharp"},'@code {\n private string customerName;\n\n public IEnumerable customers;\n\n protected override void OnInitialized()\n {\n customerName = "Pich S";\n }\n\n private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request)\n {\n if (customers is null) // pull customers only one time for client-side autocomplete\n customers = GetCustomers(); // call a service or an API to pull the customers\n\n return await Task.FromResult(request.ApplyTo(customers.OrderBy(customer => customer.CustomerName)));\n }\n\n private IEnumerable GetCustomers()\n {\n return new List {\n new(1, "Pich S"),\n new(2, "sfh Sobi"),\n new(3, "Jojo chan"),\n new(4, "Jee ja"),\n new(5, "Rose Canon"),\n new(6, "Manju A"),\n new(7, "Bandita PA"),\n new(8, "Sagar Adil"),\n new(9, "Isha Wang"),\n new(10, "Daina JJ"),\n new(11, "Komala Mug"),\n new(12, "Dikshita BD"),\n new(13, "Neha Gosar"),\n new(14, "Preeti S"),\n new(15, "Sagar Seth"),\n new(16, "Vinayak MM"),\n new(17, "Vijaya Lakhsmi"),\n new(18, "Jahan K"),\n new(19, "Joy B"),\n new(20, "Zaraiah C"),\n new(21, "Laura L"),\n new(22, "Punith ES")\n };\n }\n\n private void OnAutoCompleteChanged(Customer customer)\n {\n // TODO: handle your own logic\n\n // NOTE: do null check\n Console.WriteLine($"\'{customer?.CustomerName}\' selected.");\n }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#set-default-value"},"See demo here")),(0,r.kt)("h3",{id:"validations"},"Validations"),(0,r.kt)("img",{src:"https://i.imgur.com/sMQ7Uc6.png",alt:"Blazor Bootstrap AutoComplete Component - Validations - Data empty"}),(0,r.kt)("img",{src:"https://i.imgur.com/4IzNcdp.png",alt:"Blazor Bootstrap AutoComplete Component - Validations - Item selected"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"@using System.ComponentModel.DataAnnotations\n")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},"\n")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{7-13} showLineNumbers","{7-13}":!0,showLineNumbers:!0},'\n \n\n
\n \n
\n \n \n
\n
\n\n
\n \n
\n \n \n
\n
\n\n
\n
\n \n
\n
\n\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n private CustomerAddress customerAddress = new();\n private EditContext _editContext;\n\n [Inject] ICustomerService _customerService { get; set; }\n\n protected override void OnInitialized()\n {\n _editContext = new EditContext(customerAddress);\n base.OnInitialized();\n }\n\n public void HandleOnValidSubmit()\n {\n Console.WriteLine($"Customer name is {customerAddress.CustomerName} and address is {customerAddress.Address}");\n }\n\n private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request)\n {\n var customers = await _customerService.GetCustomers(request.Filter); // API call\n return await Task.FromResult(new AutoCompleteDataProviderResult { Data = customers, TotalCount = customers.Count() });\n }\n\n private void OnAutoCompleteChanged(Customer customer)\n {\n // TODO: handle your own logic\n\n // NOTE: do null check\n Console.WriteLine($"\'{customer?.CustomerName}\' selected.");\n Console.WriteLine($"Data null: {customer is null}.");\n }\n\n public class CustomerAddress\n {\n [Required]\n public string CustomerName { get; set; }\n\n [Required]\n public string Address { get; set; }\n }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#validations"},"See demo here")),(0,r.kt)("h3",{id:"disable"},"Disable"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("b",null,"Disabled")," parameter to disable the AutoComplete."),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{8,13-15} showLineNumbers","{8,13-15}":!0,showLineNumbers:!0},'
\n
\n \n
\n
\n\n\n\n\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{3,21,23,25} showLineNumbers","{3,21,23,25}":!0,showLineNumbers:!0},"@code {\n private string customerName = default!;\n private bool disabled = true;\n\n [Inject] ICustomerService _customerService { get; set; } = default!;\n\n private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request)\n {\n var customers = await _customerService.GetCustomersAsync(request.Filter, request.CancellationToken); // API call\n return await Task.FromResult(new AutoCompleteDataProviderResult { Data = customers, TotalCount = customers.Count() });\n }\n\n private void OnAutoCompleteChanged(Customer2 customer)\n {\n // TODO: handle your own logic\n\n // NOTE: do null check\n Console.WriteLine($\"'{customer?.CustomerName}' selected.\");\n }\n\n private void Enable() => disabled = false;\n\n private void Disable() => disabled = true;\n\n private void Toggle() => disabled = !disabled;\n}\n")),(0,r.kt)("p",null,"Also, use ",(0,r.kt)("strong",{parentName:"p"},"Enable()")," and ",(0,r.kt)("strong",{parentName:"p"},"Disable()")," methods to enable and disable the AutoComplete."),(0,r.kt)("admonition",{title:"NOTE",type:"caution"},(0,r.kt)("p",{parentName:"admonition"},"Do not use both the ",(0,r.kt)("strong",{parentName:"p"},"Disabled")," parameter and ",(0,r.kt)("strong",{parentName:"p"},"Enable()")," & ",(0,r.kt)("strong",{parentName:"p"},"Disable()")," methods.")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{3,13-14} showLineNumbers","{3,13-14}":!0,showLineNumbers:!0},'
\n
\n \n
\n
\n\n\n\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{2,21,23} showLineNumbers","{2,21,23}":!0,showLineNumbers:!0},"@code {\n private AutoComplete autoComplete1 = default!;\n private string customerName = default!;\n\n [Inject] ICustomerService _customerService { get; set; } = default!;\n\n private async Task> CustomersDataProvider(AutoCompleteDataProviderRequest request)\n {\n var customers = await _customerService.GetCustomersAsync(request.Filter, request.CancellationToken); // API call\n return await Task.FromResult(new AutoCompleteDataProviderResult { Data = customers, TotalCount = customers.Count() });\n }\n\n private void OnAutoCompleteChanged(Customer2 customer)\n {\n // TODO: handle your own logic\n\n // NOTE: do null check\n Console.WriteLine($\"'{customer?.CustomerName}' selected.\");\n }\n\n private void Disable() => autoComplete1.Disable();\n\n private void Enable() => autoComplete1.Enable();\n}\n")),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#disable"},"See demo here")))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/1cb44b82.6a8696bb.js b/assets/js/1cb44b82.6a8696bb.js deleted file mode 100644 index 668748664..000000000 --- a/assets/js/1cb44b82.6a8696bb.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[34930],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>u});var a=r(67294);function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function s(e){for(var t=1;t=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var p=a.createContext({}),i=function(e){var t=a.useContext(p),r=t;return e&&(r="function"==typeof e?e(t):s(s({},t),e)),r},c=function(e){var t=i(e.components);return a.createElement(p.Provider,{value:t},e.children)},m={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},d=a.forwardRef((function(e,t){var r=e.components,n=e.mdxType,o=e.originalType,p=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),d=i(r),u=n,g=d["".concat(p,".").concat(u)]||d[u]||m[u]||o;return r?a.createElement(g,s(s({ref:t},c),{},{components:r})):a.createElement(g,s({ref:t},c))}));function u(e,t){var r=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var o=r.length,s=new Array(o);s[0]=d;var l={};for(var p in t)hasOwnProperty.call(t,p)&&(l[p]=t[p]);l.originalType=e,l.mdxType="string"==typeof e?e:n,s[1]=l;for(var i=2;i{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>s,default:()=>m,frontMatter:()=>o,metadata:()=>l,toc:()=>i});var a=r(87462),n=(r(67294),r(3905));const o={id:"blazor-server",sidebar_label:"Blazor Server",sidebar_position:2,title:"Blazor Server"},s="Getting started - Blazor Server",l={unversionedId:"getting-started/blazor-server",id:"getting-started/blazor-server",title:"Blazor Server",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/getting-started-server.md",sourceDirName:"01-getting-started",slug:"/getting-started/blazor-server",permalink:"/docs/getting-started/blazor-server",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/getting-started-server.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{id:"blazor-server",sidebar_label:"Blazor Server",sidebar_position:2,title:"Blazor Server"},sidebar:"tutorialSidebar",previous:{title:"Blazor WebAssembly",permalink:"/docs/getting-started/blazor-webassembly"},next:{title:"MAUI Blazor",permalink:"/docs/getting-started/maui-blazor"}},p={},i=[{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 templates",id:"starter-templates",level:2},{value:".NET 6",id:"net-6",level:3},{value:".NET 7",id:"net-7",level:3}],c={toc:i};function m(e){let{components:t,...r}=e;return(0,n.kt)("wrapper",(0,a.Z)({},c,r,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("h1",{id:"getting-started---blazor-server"},"Getting started - Blazor Server"),(0,n.kt)("p",null,"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework."),(0,n.kt)("h2",{id:"install-nuget-package"},"Install Nuget Package"),(0,n.kt)("p",null,"Looking to quickly add ",(0,n.kt)("strong",{parentName:"p"},"Blazor Bootstrap")," to your project? Use NuGet package manager."),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 1.10.2\n")),(0,n.kt)("h2",{id:"add-css-references"},"Add CSS references"),(0,n.kt)("p",null,"Add the following references to the ",(0,n.kt)("inlineCode",{parentName:"p"},"head")," section in the ",(0,n.kt)("strong",{parentName:"p"},"Pages/_Host.cshtml"),"."),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'\n\n\n')),(0,n.kt)("admonition",{type:"note"},(0,n.kt)("p",{parentName:"admonition"},"If you use the ",(0,n.kt)("strong",{parentName:"p"},"Blazor Server App Empty*")," template (without demonstration code and Bootstrap), add the following references to the ",(0,n.kt)("inlineCode",{parentName:"p"},"head")," section in the ",(0,n.kt)("strong",{parentName:"p"},"Pages/_Host.cshtml"),".\nThere is a known GitHub issue ",(0,n.kt)("a",{parentName:"p",href:"https://github.com/dotnet/aspnetcore/issues/43975"},"Blazor empty template doesn't load scoped CSS"),".")),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'\n')),(0,n.kt)("admonition",{title:"IMPORTANT",type:"danger"},(0,n.kt)("p",{parentName:"admonition"},"In .NET 6 Blazor Server App default template, you may see ",(0,n.kt)("strong",{parentName:"p"},"Pages/_Layout.cshtml"),". So, add these references in the ",(0,n.kt)("strong",{parentName:"p"},"Pages/_Layout.cshtml")," instead of in the ",(0,n.kt)("strong",{parentName:"p"},"Pages/_Host.cshtml"),".")),(0,n.kt)("h2",{id:"add-script-references"},"Add script references"),(0,n.kt)("p",null,"Add the following references to the ",(0,n.kt)("inlineCode",{parentName:"p"},"body")," section in the ",(0,n.kt)("strong",{parentName:"p"},"Pages/_Host.cshtml")," after the ",(0,n.kt)("strong",{parentName:"p"},"_framework/blazor.server.js")," reference."),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-js",metastring:"showLineNumbers",showLineNumbers:!0},' Blog | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 fd9c0401a..d97e67ab7 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 @@ BlazorBootstrap v0.0.1 | Blazor Bootstrap - - + +
-

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

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 48fcbe2c0..038349ebd 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 @@ BlazorBootstrap v0.0.2 | Blazor Bootstrap - - + +
-

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

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 0f557e5b0..510dcf8e2 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 @@ BlazorBootstrap v0.0.3 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 c64fae2d3..b79a907de 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 @@ BlazorBootstrap v0.0.4 | Blazor Bootstrap - - + +
-

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

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 205737d71..9add9259c 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 @@ BlazorBootstrap v0.1.0 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 04cd91ad1..e905bcf0e 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 @@ BlazorBootstrap v0.1.1 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 af65caa07..117efe32b 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 @@ BlazorBootstrap v0.2.0 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 f13fabed0..58b0e32d3 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 @@ BlazorBootstrap v0.2.1 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 8307ce09f..2bf0f7d4a 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 @@ BlazorBootstrap v0.2.2 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 4ef7c0c83..83905c614 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 @@ BlazorBootstrap v0.2.3 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 d2db34278..d0e84a4de 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 @@ BlazorBootstrap v0.2.4 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 63bfbbead..9a3444067 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 @@ BlazorBootstrap v0.2.5 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 85ef56495..418b8c14a 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 @@ BlazorBootstrap v0.2.6 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 fee552af0..b98701788 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 @@ BlazorBootstrap v0.3.0 | Blazor Bootstrap - - + +
-

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

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 beb3688f7..12e2e5861 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 @@ BlazorBootstrap v0.4.0 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 9d52032f9..de206140e 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 @@ BlazorBootstrap v0.4.1 | Blazor Bootstrap - - + +
-

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

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 9b11173bb..1613bc820 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 @@ BlazorBootstrap v0.4.2 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 1fbae3769..aac690708 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 @@ BlazorBootstrap v0.5.0 | Blazor Bootstrap - - + +
-

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

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 e191ea370..fa428b4c7 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 @@ Blazor Bootstrap v0.5.1 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 ce3a8be09..1d9f25c3c 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 @@ Blazor Bootstrap v0.6.0 | Blazor Bootstrap - - + +
-

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

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 8b47fbe47..e8ed07fe6 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 @@ Blazor Bootstrap v1.0.0 | Blazor Bootstrap - - + +
-

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

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 d2bc86cac..bcc66867c 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 @@ Blazor Bootstrap v1.0.1 | Blazor Bootstrap - - + +
-

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

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 7cfde12a6..94d1b4cb2 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 @@ Blazor Bootstrap v1.1.0 | Blazor Bootstrap - - + +
-

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

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 eecf9b77e..212118bd1 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 @@ Blazor Bootstrap v1.2.0 | Blazor Bootstrap - - + +
-

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

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 97b45b3e9..43d762a9a 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 @@ Blazor Bootstrap v1.3.0 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 7d7be9430..d203bf17a 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 @@ Blazor Bootstrap v1.3.1 | Blazor Bootstrap - - + +
-

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

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 5f9c8fc50..f05896ea9 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 @@ Blazor Bootstrap v1.4.0 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 dacc0f2be..be0947286 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 @@ Blazor Bootstrap v1.4.1 | Blazor Bootstrap - - + +
-

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

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 974308e8a..aabdbcd58 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 @@ Blazor Bootstrap v1.4.2 | Blazor Bootstrap - - + +
-

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

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 8e6c2d8e3..58e4048d7 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 @@ Blazor Bootstrap v1.4.3 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 5c5af1baf..254f77d4e 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 @@ Blazor Bootstrap v1.4.4 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 2ff6e87d4..fb4723065 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 @@ Blazor Bootstrap v1.4.5 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 43d6675b5..2276838a1 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 @@ Blazor Bootstrap v1.5.0 | Blazor Bootstrap - - + +
-

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

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 563cdb855..7fcb869fc 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 @@ Blazor Bootstrap v1.6.0 | Blazor Bootstrap - - + +
-

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

- - +

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 2911ee200..a8e74a576 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 @@ Blazor Bootstrap v1.7.0 | Blazor Bootstrap - - + +
-

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

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 6a7278aa0..ab7abc57c 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 @@ Blazor Bootstrap v1.7.1 | Blazor Bootstrap - - + +
-

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

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 b56b4c778..1db7b8c8c 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 @@ Blazor Bootstrap v1.7.2 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 5cbd8e869..37d8dfd75 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 @@ Blazor Bootstrap v1.7.3 | Blazor Bootstrap - - + +
-

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

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 56b89d161..b3956c82b 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 @@ Blazor Bootstrap v1.8.0 | Blazor Bootstrap - - + +
-

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

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 af01c6f51..8ef5000f0 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 @@ Blazor Bootstrap v1.8.1 | Blazor Bootstrap - - + +
-

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

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 ebaf1eee5..d2ba8f18e 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 @@ Blazor Bootstrap v1.8.2 | Blazor Bootstrap - - + +
-

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

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 88cdc78e7..3a615149f 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 @@ Blazor Bootstrap v1.8.3 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 ad664f42c..4676841bc 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 @@ Blazor Bootstrap v1.9.0 | Blazor Bootstrap - - + +
-

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

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 646ae8b6a..d341ed0a2 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 @@ Blazor Bootstrap v1.9.1 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 c79f95aa2..0ce283274 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 @@ Blazor Bootstrap v1.9.2 | Blazor Bootstrap - - + +
-

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

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 6914c64da..db9ac5275 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 @@ Blazor Bootstrap v1.9.3 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 cd9bc1381..f15df667b 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 @@ Blazor Bootstrap v1.9.4 | Blazor Bootstrap - - + +
-
- - +
+ + \ 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 1c3ba9a56..5b19f4a9d 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 @@ Blazor Bootstrap v1.9.5 | Blazor Bootstrap - - + +
-

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

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 936d2b26b..f34c3156b 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 @@ Blazor Bootstrap v1.10.0 | Blazor Bootstrap - - + +
-

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

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 01ce47ffd..af89b8406 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 @@ Blazor Bootstrap v1.10.1 | Blazor Bootstrap - - + +
-

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

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 556c56b96..2381056cb 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 @@ Blazor Bootstrap v1.10.2 | Blazor Bootstrap - - + +
-

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

- - +

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/archive.html b/blog/archive.html index 726625de3..a5b570e55 100644 --- a/blog/archive.html +++ b/blog/archive.html @@ -10,13 +10,13 @@ Archive | Blazor Bootstrap - - + +
-

Archive

Archive

2021

2022

2023

- - +

Archive

Archive

2021

2022

2023

+ + \ No newline at end of file diff --git a/blog/page/2.html b/blog/page/2.html index 8a366c515..8d38ed384 100644 --- a/blog/page/2.html +++ b/blog/page/2.html @@ -10,13 +10,13 @@ Blog | Blazor Bootstrap - - + +
-
- - +
+ + \ No newline at end of file diff --git a/blog/page/3.html b/blog/page/3.html index 19703a4a1..6db53b886 100644 --- a/blog/page/3.html +++ b/blog/page/3.html @@ -10,13 +10,13 @@ Blog | Blazor Bootstrap - - + +
-
- - +
+ + \ No newline at end of file diff --git a/blog/page/4.html b/blog/page/4.html index eb4e21b95..b5a8065e5 100644 --- a/blog/page/4.html +++ b/blog/page/4.html @@ -10,13 +10,13 @@ Blog | Blazor Bootstrap - - + +
-
- - +
+ + \ No newline at end of file diff --git a/blog/page/5.html b/blog/page/5.html index 3fb0aa6ef..577ac16f8 100644 --- a/blog/page/5.html +++ b/blog/page/5.html @@ -10,13 +10,13 @@ Blog | Blazor Bootstrap - - + +
-
- - +
+ + \ No newline at end of file diff --git a/blog/page/6.html b/blog/page/6.html index fa71ab5ac..1f99203f2 100644 --- a/blog/page/6.html +++ b/blog/page/6.html @@ -10,13 +10,13 @@ Blog | Blazor Bootstrap - - + +
-
- - +
+ + \ No newline at end of file diff --git a/blog/tags.html b/blog/tags.html index ee3055e86..6cdba2df9 100644 --- a/blog/tags.html +++ b/blog/tags.html @@ -10,13 +10,13 @@ Tags | Blazor Bootstrap - - + +
-

Tags

B

- - +

Tags

B

+ + \ No newline at end of file diff --git a/blog/tags/accordion.html b/blog/tags/accordion.html index 1d57e569c..2c6027b85 100644 --- a/blog/tags/accordion.html +++ b/blog/tags/accordion.html @@ -10,13 +10,13 @@ One post tagged with "accordion" | Blazor Bootstrap - - + +
-

One post tagged with "accordion"

View All Tags
- - +

One post 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 0052aaa9f..a5d12c56a 100644 --- a/blog/tags/alert.html +++ b/blog/tags/alert.html @@ -10,13 +10,13 @@ One post tagged with "alert" | Blazor Bootstrap - - + +
-

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 582d1909f..c6fef28c4 100644 --- a/blog/tags/autocomplete.html +++ b/blog/tags/autocomplete.html @@ -10,13 +10,13 @@ 8 posts tagged with "autocomplete" | Blazor Bootstrap - - + +
-

8 posts tagged with "autocomplete"

View All Tags
- - +

8 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 c1a98c599..80772915f 100644 --- a/blog/tags/badge.html +++ b/blog/tags/badge.html @@ -10,13 +10,13 @@ One post tagged with "badge" | Blazor Bootstrap - - + +
-

One post tagged with "badge"

View All Tags
- - +

One post 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 7c61e0ab0..6fe7c84e3 100644 --- a/blog/tags/blazor-autocomplete.html +++ b/blog/tags/blazor-autocomplete.html @@ -10,13 +10,13 @@ One post tagged with "blazor-autocomplete" | Blazor Bootstrap - - + +
-

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 438d5ef05..65c4fbc3f 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" | Blazor Bootstrap - - + +
-

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 33eb786ba..3f486e489 100644 --- a/blog/tags/blazor-bootstrap.html +++ b/blog/tags/blazor-bootstrap.html @@ -10,13 +10,13 @@ 5 posts tagged with "blazor-bootstrap" | Blazor Bootstrap - - + +
-

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 fa4032736..2ce95ac89 100644 --- a/blog/tags/blazor-charts.html +++ b/blog/tags/blazor-charts.html @@ -10,13 +10,13 @@ One post tagged with "blazor-charts" | Blazor Bootstrap - - + +
-

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 0743e84a6..ed8a8bf3e 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" | Blazor Bootstrap - - + +
-

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 4d6c30f89..e6acbf250 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" | Blazor Bootstrap - - + +
-

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 64cfd28e5..ae54486e2 100644 --- a/blog/tags/blazor-dialog.html +++ b/blog/tags/blazor-dialog.html @@ -10,13 +10,13 @@ 2 posts tagged with "blazor-dialog" | Blazor Bootstrap - - + +
-

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 6d82b9741..de58ae124 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" | Blazor Bootstrap - - + +
-

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 9e7087001..b6ba24ba3 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" | Blazor Bootstrap - - + +
-

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 f8bc03d3d..8b73dcfa5 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" | Blazor Bootstrap - - + +
-

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 1a36d93d4..7aedefe0b 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" | Blazor Bootstrap - - + +
-

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 56e2505e9..ad8589165 100644 --- a/blog/tags/blazor-grid.html +++ b/blog/tags/blazor-grid.html @@ -10,13 +10,13 @@ 3 posts tagged with "blazor-grid" | Blazor Bootstrap - - + +
-

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 f7f76e7e6..8bb0f7271 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" | Blazor Bootstrap - - + +
-

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 c843565c2..c6802fbcd 100644 --- a/blog/tags/blazor-input.html +++ b/blog/tags/blazor-input.html @@ -10,13 +10,13 @@ One post tagged with "blazor-input" | Blazor Bootstrap - - + +
-

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 e165c9657..6e4162a70 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" | Blazor Bootstrap - - + +
-

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 bdde3a08b..6efcc52b1 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" | Blazor Bootstrap - - + +
-

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 01c376967..d623c655f 100644 --- a/blog/tags/blazor-number.html +++ b/blog/tags/blazor-number.html @@ -10,13 +10,13 @@ One post tagged with "blazor-number" | Blazor Bootstrap - - + +
-

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 cecf9bffd..8c32b39fe 100644 --- a/blog/tags/blazor-offcanvas.html +++ b/blog/tags/blazor-offcanvas.html @@ -10,13 +10,13 @@ One post tagged with "blazor-offcanvas" | Blazor Bootstrap - - + +
-

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 98c9d85b6..a8610b3fa 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" | Blazor Bootstrap - - + +
-

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 d4d8470bb..824909592 100644 --- a/blog/tags/blazor-preload.html +++ b/blog/tags/blazor-preload.html @@ -10,13 +10,13 @@ 2 posts tagged with "blazor-preload" | Blazor Bootstrap - - + +
-

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 0f5c13f52..b5f5f118d 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" | Blazor Bootstrap - - + +
-

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 5b283fd45..18e10ef3c 100644 --- a/blog/tags/blazor-progress.html +++ b/blog/tags/blazor-progress.html @@ -10,13 +10,13 @@ One post tagged with "blazor-progress" | Blazor Bootstrap - - + +
-

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 2d49cbacb..91167d3f5 100644 --- a/blog/tags/blazor-sidemodal.html +++ b/blog/tags/blazor-sidemodal.html @@ -10,13 +10,13 @@ One post tagged with "blazor-sidemodal" | Blazor Bootstrap - - + +
-

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 6538b04cf..005a86b16 100644 --- a/blog/tags/blazor-spinner.html +++ b/blog/tags/blazor-spinner.html @@ -10,13 +10,13 @@ 2 posts tagged with "blazor-spinner" | Blazor Bootstrap - - + +
-

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 a1924eee7..bc74d8c62 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" | Blazor Bootstrap - - + +
-

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 44ec89538..230efc12d 100644 --- a/blog/tags/blazor-tabs.html +++ b/blog/tags/blazor-tabs.html @@ -10,13 +10,13 @@ One post tagged with "blazor-tabs" | Blazor Bootstrap - - + +
-

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 e47542bf7..ae6e858c6 100644 --- a/blog/tags/blazor-templates.html +++ b/blog/tags/blazor-templates.html @@ -10,13 +10,13 @@ One post tagged with "blazor-templates" | Blazor Bootstrap - - + +
-

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 e3658c509..6ffc85db6 100644 --- a/blog/tags/blazor-toast.html +++ b/blog/tags/blazor-toast.html @@ -10,13 +10,13 @@ One post tagged with "blazor-toast" | Blazor Bootstrap - - + +
-

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 50e6b6dac..0e8d8e7da 100644 --- a/blog/tags/blazor-toasts.html +++ b/blog/tags/blazor-toasts.html @@ -10,13 +10,13 @@ 2 posts tagged with "blazor-toasts" | Blazor Bootstrap - - + +
-

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 766d19746..e80bdaee8 100644 --- a/blog/tags/blazor.html +++ b/blog/tags/blazor.html @@ -10,13 +10,13 @@ 31 posts tagged with "blazor" | Blazor Bootstrap - - + +
-

31 posts tagged with "blazor"

View All Tags
- - +

31 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 5478d5a48..0b63a4188 100644 --- a/blog/tags/blazor/page/2.html +++ b/blog/tags/blazor/page/2.html @@ -10,13 +10,13 @@ 31 posts tagged with "blazor" | Blazor Bootstrap - - + +
-

31 posts tagged with "blazor"

View All Tags
- - +

31 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 fc9f16643..4b6105133 100644 --- a/blog/tags/blazor/page/3.html +++ b/blog/tags/blazor/page/3.html @@ -10,13 +10,13 @@ 31 posts tagged with "blazor" | Blazor Bootstrap - - + +
-

31 posts tagged with "blazor"

View All Tags
- - +

31 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 cc6312b56..5008e3032 100644 --- a/blog/tags/blazor/page/4.html +++ b/blog/tags/blazor/page/4.html @@ -10,13 +10,13 @@ 31 posts tagged with "blazor" | Blazor Bootstrap - - + +
-

31 posts tagged with "blazor"

View All Tags
- - +

31 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 c4b38be19..d7c7267b4 100644 --- a/blog/tags/blazoraccordion.html +++ b/blog/tags/blazoraccordion.html @@ -10,13 +10,13 @@ One post tagged with "blazoraccordion" | Blazor Bootstrap - - + +
-

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 b77a6932a..e8f7a366a 100644 --- a/blog/tags/blazorautocomplete.html +++ b/blog/tags/blazorautocomplete.html @@ -10,13 +10,13 @@ 4 posts tagged with "blazorautocomplete" | Blazor Bootstrap - - + +
-

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 61f2e79fc..bff6cbbfa 100644 --- a/blog/tags/blazorbadge.html +++ b/blog/tags/blazorbadge.html @@ -10,13 +10,13 @@ One post tagged with "blazorbadge" | Blazor Bootstrap - - + +
-

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 57f1e0ac4..34681d012 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" | Blazor Bootstrap - - + +
-

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 fc556a8d0..abf3b3ca4 100644 --- a/blog/tags/blazorbootstrap.html +++ b/blog/tags/blazorbootstrap.html @@ -10,13 +10,13 @@ 51 posts tagged with "blazorbootstrap" | Blazor Bootstrap - - + +
-

51 posts tagged with "blazorbootstrap"

View All Tags
- - +

51 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 14ecd14a2..8668dd557 100644 --- a/blog/tags/blazorbootstrap/page/2.html +++ b/blog/tags/blazorbootstrap/page/2.html @@ -10,13 +10,13 @@ 51 posts tagged with "blazorbootstrap" | Blazor Bootstrap - - + +
-

51 posts tagged with "blazorbootstrap"

View All Tags
- - +

51 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 f22579e5e..c8d36e7b3 100644 --- a/blog/tags/blazorbootstrap/page/3.html +++ b/blog/tags/blazorbootstrap/page/3.html @@ -10,13 +10,13 @@ 51 posts tagged with "blazorbootstrap" | Blazor Bootstrap - - + +
-

51 posts tagged with "blazorbootstrap"

View All Tags
- - +

51 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 bccbbe276..d90da0247 100644 --- a/blog/tags/blazorbootstrap/page/4.html +++ b/blog/tags/blazorbootstrap/page/4.html @@ -10,13 +10,13 @@ 51 posts tagged with "blazorbootstrap" | Blazor Bootstrap - - + +
-

51 posts tagged with "blazorbootstrap"

View All Tags
- - +

51 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 76f864226..348538e90 100644 --- a/blog/tags/blazorbootstrap/page/5.html +++ b/blog/tags/blazorbootstrap/page/5.html @@ -10,13 +10,13 @@ 51 posts tagged with "blazorbootstrap" | Blazor Bootstrap - - + +
-

51 posts tagged with "blazorbootstrap"

View All Tags
- - +

51 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 532b1691f..86a301415 100644 --- a/blog/tags/blazorbootstrap/page/6.html +++ b/blog/tags/blazorbootstrap/page/6.html @@ -10,13 +10,13 @@ 51 posts tagged with "blazorbootstrap" | Blazor Bootstrap - - + +
-

51 posts tagged with "blazorbootstrap"

View All Tags
- - +

51 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 4d304eec7..7cc973104 100644 --- a/blog/tags/blazorbreadcrumb.html +++ b/blog/tags/blazorbreadcrumb.html @@ -10,13 +10,13 @@ One post tagged with "blazorbreadcrumb" | Blazor Bootstrap - - + +
-

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 305b1150c..db0bf134e 100644 --- a/blog/tags/blazorbutton.html +++ b/blog/tags/blazorbutton.html @@ -10,13 +10,13 @@ 2 posts tagged with "blazorbutton" | Blazor Bootstrap - - + +
-

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 52085fa2b..172831bfb 100644 --- a/blog/tags/blazorbuttons.html +++ b/blog/tags/blazorbuttons.html @@ -10,13 +10,13 @@ 3 posts tagged with "blazorbuttons" | Blazor Bootstrap - - + +
-

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 7c59a0daa..6f152e173 100644 --- a/blog/tags/blazorchart.html +++ b/blog/tags/blazorchart.html @@ -10,13 +10,13 @@ One post tagged with "blazorchart" | Blazor Bootstrap - - + +
-

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 ea51d823d..42950feb0 100644 --- a/blog/tags/blazorcollapse.html +++ b/blog/tags/blazorcollapse.html @@ -10,13 +10,13 @@ One post tagged with "blazorcollapse" | Blazor Bootstrap - - + +
-

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 7ea2013ca..f77322675 100644 --- a/blog/tags/blazorconfirmdialog.html +++ b/blog/tags/blazorconfirmdialog.html @@ -10,13 +10,13 @@ One post tagged with "blazorconfirmdialog" | Blazor Bootstrap - - + +
-

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 ac61ce1c2..67608f47d 100644 --- a/blog/tags/blazorconfirmmodal.html +++ b/blog/tags/blazorconfirmmodal.html @@ -10,13 +10,13 @@ One post tagged with "blazorconfirmmodal" | Blazor Bootstrap - - + +
-

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 d4c92921b..fe3af036e 100644 --- a/blog/tags/blazorcurrencyinput.html +++ b/blog/tags/blazorcurrencyinput.html @@ -10,13 +10,13 @@ 3 posts tagged with "blazorcurrencyinput" | Blazor Bootstrap - - + +
-

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 cfe2a676b..b2bcb18d4 100644 --- a/blog/tags/blazordate.html +++ b/blog/tags/blazordate.html @@ -10,13 +10,13 @@ One post tagged with "blazordate" | Blazor Bootstrap - - + +
-

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 31638df74..6160dbead 100644 --- a/blog/tags/blazordateinput.html +++ b/blog/tags/blazordateinput.html @@ -10,13 +10,13 @@ 4 posts tagged with "blazordateinput" | Blazor Bootstrap - - + +
-

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 58451e305..026d98f17 100644 --- a/blog/tags/blazordatepicker.html +++ b/blog/tags/blazordatepicker.html @@ -10,13 +10,13 @@ 2 posts tagged with "blazordatepicker" | Blazor Bootstrap - - + +
-

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 f67fb6763..e500c4676 100644 --- a/blog/tags/blazordialog.html +++ b/blog/tags/blazordialog.html @@ -10,13 +10,13 @@ One post tagged with "blazordialog" | Blazor Bootstrap - - + +
-

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/blazorgrid.html b/blog/tags/blazorgrid.html index e86f1c09d..d27bb258b 100644 --- a/blog/tags/blazorgrid.html +++ b/blog/tags/blazorgrid.html @@ -10,13 +10,13 @@ 13 posts tagged with "blazorgrid" | Blazor Bootstrap - - + +
-

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 b2b27ce56..3338b048a 100644 --- a/blog/tags/blazorgrid/page/2.html +++ b/blog/tags/blazorgrid/page/2.html @@ -10,13 +10,13 @@ 13 posts tagged with "blazorgrid" | Blazor Bootstrap - - + +
-

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 78ca94846..2c240150b 100644 --- a/blog/tags/blazoricon.html +++ b/blog/tags/blazoricon.html @@ -10,13 +10,13 @@ One post tagged with "blazoricon" | Blazor Bootstrap - - + +
-

One post tagged with "blazoricon"

View All Tags
- - +

One post 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 8d17c69a3..68d69bcb0 100644 --- a/blog/tags/blazormodal.html +++ b/blog/tags/blazormodal.html @@ -10,13 +10,13 @@ 8 posts tagged with "blazormodal" | Blazor Bootstrap - - + +
-

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 957dec080..ef7b61315 100644 --- a/blog/tags/blazormodalservice.html +++ b/blog/tags/blazormodalservice.html @@ -10,13 +10,13 @@ 2 posts tagged with "blazormodalservice" | Blazor Bootstrap - - + +
-

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 168e280d3..326a245a0 100644 --- a/blog/tags/blazornumber.html +++ b/blog/tags/blazornumber.html @@ -10,13 +10,13 @@ One post tagged with "blazornumber" | Blazor Bootstrap - - + +
-

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 3d4f45b11..9edd6309a 100644 --- a/blog/tags/blazornumberinput.html +++ b/blog/tags/blazornumberinput.html @@ -10,13 +10,13 @@ One post tagged with "blazornumberinput" | Blazor Bootstrap - - + +
-

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 22ff98835..77b5b0ad6 100644 --- a/blog/tags/blazoroffcanvas.html +++ b/blog/tags/blazoroffcanvas.html @@ -10,13 +10,13 @@ 3 posts tagged with "blazoroffcanvas" | Blazor Bootstrap - - + +
-

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 89b54174d..d75bdf972 100644 --- a/blog/tags/blazorprogress.html +++ b/blog/tags/blazorprogress.html @@ -10,13 +10,13 @@ One post tagged with "blazorprogress" | Blazor Bootstrap - - + +
-

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 4ba2f2e66..02c792d3b 100644 --- a/blog/tags/blazorsidebar.html +++ b/blog/tags/blazorsidebar.html @@ -10,13 +10,13 @@ 2 posts tagged with "blazorsidebar" | Blazor Bootstrap - - + +
-

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 2a3161b06..93264a411 100644 --- a/blog/tags/blazorswitch.html +++ b/blog/tags/blazorswitch.html @@ -10,13 +10,13 @@ 2 posts tagged with "blazorswitch" | Blazor Bootstrap - - + +
-

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 84de91457..920d51d5c 100644 --- a/blog/tags/blazortabs.html +++ b/blog/tags/blazortabs.html @@ -10,13 +10,13 @@ One post tagged with "blazortabs" | Blazor Bootstrap - - + +
-

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 5b7148ea2..8768bf607 100644 --- a/blog/tags/blazortime.html +++ b/blog/tags/blazortime.html @@ -10,13 +10,13 @@ One post tagged with "blazortime" | Blazor Bootstrap - - + +
-

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 9e00701f5..9e201ff5f 100644 --- a/blog/tags/blazortimeinput.html +++ b/blog/tags/blazortimeinput.html @@ -10,13 +10,13 @@ 3 posts tagged with "blazortimeinput" | Blazor Bootstrap - - + +
-

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 66421fefb..dec9b3c6b 100644 --- a/blog/tags/blazortimepicker.html +++ b/blog/tags/blazortimepicker.html @@ -10,13 +10,13 @@ One post tagged with "blazortimepicker" | Blazor Bootstrap - - + +
-

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 a7c02012e..46ea43f33 100644 --- a/blog/tags/blazortoast.html +++ b/blog/tags/blazortoast.html @@ -10,13 +10,13 @@ One post tagged with "blazortoast" | Blazor Bootstrap - - + +
-

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 0f7e2680c..dcf462b62 100644 --- a/blog/tags/blazortoasts.html +++ b/blog/tags/blazortoasts.html @@ -10,13 +10,13 @@ 2 posts tagged with "blazortoasts" | Blazor Bootstrap - - + +
-

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 d510948c6..72bb666b3 100644 --- a/blog/tags/blazortooltip.html +++ b/blog/tags/blazortooltip.html @@ -10,13 +10,13 @@ 2 posts tagged with "blazortooltip" | Blazor Bootstrap - - + +
-

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 36f6d5ba5..6053c4c42 100644 --- a/blog/tags/bootstrap-5.html +++ b/blog/tags/bootstrap-5.html @@ -10,13 +10,13 @@ 24 posts tagged with "bootstrap5" | Blazor Bootstrap - - + +
-

24 posts tagged with "bootstrap5"

View All Tags
- - +

24 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 8dd142f36..c3e21ec66 100644 --- a/blog/tags/bootstrap-5/page/2.html +++ b/blog/tags/bootstrap-5/page/2.html @@ -10,13 +10,13 @@ 24 posts tagged with "bootstrap5" | Blazor Bootstrap - - + +
-

24 posts tagged with "bootstrap5"

View All Tags
- - +

24 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 871f18802..a309b3c37 100644 --- a/blog/tags/bootstrap-5/page/3.html +++ b/blog/tags/bootstrap-5/page/3.html @@ -10,13 +10,13 @@ 24 posts tagged with "bootstrap5" | Blazor Bootstrap - - + +
-

24 posts tagged with "bootstrap5"

View All Tags
- - +

24 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 297038f7c..379c4ce00 100644 --- a/blog/tags/bootstrap.html +++ b/blog/tags/bootstrap.html @@ -10,13 +10,13 @@ 24 posts tagged with "bootstrap" | Blazor Bootstrap - - + +
-

24 posts tagged with "bootstrap"

View All Tags
- - +

24 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 5985dee58..d1ad699dd 100644 --- a/blog/tags/bootstrap/page/2.html +++ b/blog/tags/bootstrap/page/2.html @@ -10,13 +10,13 @@ 24 posts tagged with "bootstrap" | Blazor Bootstrap - - + +
-

24 posts tagged with "bootstrap"

View All Tags
- - +

24 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 c441888a7..0f8c398e2 100644 --- a/blog/tags/bootstrap/page/3.html +++ b/blog/tags/bootstrap/page/3.html @@ -10,13 +10,13 @@ 24 posts tagged with "bootstrap" | Blazor Bootstrap - - + +
-

24 posts tagged with "bootstrap"

View All Tags
- - +

24 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 51ba46ec7..cdb5e1a63 100644 --- a/blog/tags/breadcrumb.html +++ b/blog/tags/breadcrumb.html @@ -10,13 +10,13 @@ One post tagged with "breadcrumb" | Blazor Bootstrap - - + +
-

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 b044f4b7d..40fff1ebb 100644 --- a/blog/tags/breadcrumbservice.html +++ b/blog/tags/breadcrumbservice.html @@ -10,13 +10,13 @@ One post tagged with "breadcrumbservice" | Blazor Bootstrap - - + +
-

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 de7eb9a1c..e9e2c0c2a 100644 --- a/blog/tags/button.html +++ b/blog/tags/button.html @@ -10,13 +10,13 @@ 3 posts tagged with "button" | Blazor Bootstrap - - + +
-

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 079730e36..e155dd8cb 100644 --- a/blog/tags/buttons.html +++ b/blog/tags/buttons.html @@ -10,13 +10,13 @@ 3 posts tagged with "buttons" | Blazor Bootstrap - - + +
-

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 76cd56d1b..354e366d9 100644 --- a/blog/tags/callout.html +++ b/blog/tags/callout.html @@ -10,13 +10,13 @@ One post tagged with "callout" | Blazor Bootstrap - - + +
-

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 7f724aa90..e376b6258 100644 --- a/blog/tags/chart.html +++ b/blog/tags/chart.html @@ -10,13 +10,13 @@ One post tagged with "chart" | Blazor Bootstrap - - + +
-

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/collapse.html b/blog/tags/collapse.html index e3b5a4baf..3db54774e 100644 --- a/blog/tags/collapse.html +++ b/blog/tags/collapse.html @@ -10,13 +10,13 @@ One post tagged with "collapse" | Blazor Bootstrap - - + +
-

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 02ea73f87..4000f619d 100644 --- a/blog/tags/confirm-dialog.html +++ b/blog/tags/confirm-dialog.html @@ -10,13 +10,13 @@ One post tagged with "confirm dialog" | Blazor Bootstrap - - + +
-

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 6998fdc15..b56867eb2 100644 --- a/blog/tags/confirmdialog.html +++ b/blog/tags/confirmdialog.html @@ -10,13 +10,13 @@ One post tagged with "confirmdialog" | Blazor Bootstrap - - + +
-

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 3c38a795b..b42c49641 100644 --- a/blog/tags/confirmmodal.html +++ b/blog/tags/confirmmodal.html @@ -10,13 +10,13 @@ One post tagged with "confirmmodal" | Blazor Bootstrap - - + +
-

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 40070ee17..c511bf34d 100644 --- a/blog/tags/currency.html +++ b/blog/tags/currency.html @@ -10,13 +10,13 @@ One post tagged with "currency" | Blazor Bootstrap - - + +
-

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 c851ef25a..54c00cdcc 100644 --- a/blog/tags/currencyinput.html +++ b/blog/tags/currencyinput.html @@ -10,13 +10,13 @@ 2 posts tagged with "currencyinput" | Blazor Bootstrap - - + +
-

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 99e3e17b0..82133bd55 100644 --- a/blog/tags/date.html +++ b/blog/tags/date.html @@ -10,13 +10,13 @@ One post tagged with "date" | Blazor Bootstrap - - + +
-

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 c06240a75..912b54f75 100644 --- a/blog/tags/dateinput.html +++ b/blog/tags/dateinput.html @@ -10,13 +10,13 @@ 4 posts tagged with "dateinput" | Blazor Bootstrap - - + +
-

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 3fa06e24e..70c2db4ba 100644 --- a/blog/tags/datepicker.html +++ b/blog/tags/datepicker.html @@ -10,13 +10,13 @@ 2 posts tagged with "datepicker" | Blazor Bootstrap - - + +
-

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 cc749ff93..68fd3860d 100644 --- a/blog/tags/dialog.html +++ b/blog/tags/dialog.html @@ -10,13 +10,13 @@ One post tagged with "dialog" | Blazor Bootstrap - - + +
-

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 c5cb9bcc3..9545a61a8 100644 --- a/blog/tags/docs.html +++ b/blog/tags/docs.html @@ -10,13 +10,13 @@ 3 posts tagged with "docs" | Blazor Bootstrap - - + +
-

3 posts tagged with "docs"

View All Tags
- - +

3 posts tagged with "docs"

View All Tags
+ + \ No newline at end of file diff --git a/blog/tags/grid.html b/blog/tags/grid.html index d23edd4fe..fd298c6ac 100644 --- a/blog/tags/grid.html +++ b/blog/tags/grid.html @@ -10,13 +10,13 @@ 15 posts tagged with "grid" | Blazor Bootstrap - - + +
-

15 posts tagged with "grid"

View All Tags
- - +

15 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 f5a6c7147..2ca1a3acb 100644 --- a/blog/tags/grid/page/2.html +++ b/blog/tags/grid/page/2.html @@ -10,13 +10,13 @@ 15 posts tagged with "grid" | Blazor Bootstrap - - + +
-

15 posts tagged with "grid"

View All Tags
- - +

15 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 055336102..12932f3b5 100644 --- a/blog/tags/icon.html +++ b/blog/tags/icon.html @@ -10,13 +10,13 @@ One post tagged with "icon" | Blazor Bootstrap - - + +
-

One post tagged with "icon"

View All Tags
- - +

One post 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 0a76a71db..532c380b6 100644 --- a/blog/tags/icons.html +++ b/blog/tags/icons.html @@ -10,13 +10,13 @@ One post tagged with "icons" | Blazor Bootstrap - - + +
-

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 20714cbe6..99483714a 100644 --- a/blog/tags/input-number.html +++ b/blog/tags/input-number.html @@ -10,13 +10,13 @@ One post tagged with "input-number" | Blazor Bootstrap - - + +
-

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 ee07314e8..4bb680306 100644 --- a/blog/tags/input.html +++ b/blog/tags/input.html @@ -10,13 +10,13 @@ 2 posts tagged with "input" | Blazor Bootstrap - - + +
-

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 5d807c819..ec045e987 100644 --- a/blog/tags/layout.html +++ b/blog/tags/layout.html @@ -10,13 +10,13 @@ One post tagged with "layout" | Blazor Bootstrap - - + +
-

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 1f83a75b8..12f847cba 100644 --- a/blog/tags/leftmenu.html +++ b/blog/tags/leftmenu.html @@ -10,13 +10,13 @@ One post tagged with "leftmenu" | Blazor Bootstrap - - + +
-

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 167443df3..8df64f398 100644 --- a/blog/tags/modal.html +++ b/blog/tags/modal.html @@ -10,13 +10,13 @@ 10 posts tagged with "modal" | Blazor Bootstrap - - + +
-

10 posts tagged with "modal"

View All Tags
- - +

10 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 86205ba55..4043ec71c 100644 --- a/blog/tags/modalservice.html +++ b/blog/tags/modalservice.html @@ -10,13 +10,13 @@ 3 posts tagged with "modalservice" | Blazor Bootstrap - - + +
-

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 4455a1844..2217df28f 100644 --- a/blog/tags/navigation.html +++ b/blog/tags/navigation.html @@ -10,13 +10,13 @@ One post tagged with "navigation" | Blazor Bootstrap - - + +
-

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 6206177df..12f778e51 100644 --- a/blog/tags/numberinput.html +++ b/blog/tags/numberinput.html @@ -10,13 +10,13 @@ One post tagged with "numberinput" | Blazor Bootstrap - - + +
-

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 87c97c29c..3a6cd852b 100644 --- a/blog/tags/offcanvas.html +++ b/blog/tags/offcanvas.html @@ -10,13 +10,13 @@ 5 posts tagged with "offcanvas" | Blazor Bootstrap - - + +
-

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 0402f84b4..fa887b211 100644 --- a/blog/tags/pagination.html +++ b/blog/tags/pagination.html @@ -10,13 +10,13 @@ One post tagged with "pagination" | Blazor Bootstrap - - + +
-

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/placeholders.html b/blog/tags/placeholders.html index d10a68c40..1cc2a4bc0 100644 --- a/blog/tags/placeholders.html +++ b/blog/tags/placeholders.html @@ -10,13 +10,13 @@ 3 posts tagged with "placeholders" | Blazor Bootstrap - - + +
-

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/progress-bar.html b/blog/tags/progress-bar.html index 076b3e172..07e5d9582 100644 --- a/blog/tags/progress-bar.html +++ b/blog/tags/progress-bar.html @@ -10,13 +10,13 @@ One post tagged with "progress-bar" | Blazor Bootstrap - - + +
-

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 94ded1955..9dc812f93 100644 --- a/blog/tags/progress.html +++ b/blog/tags/progress.html @@ -10,13 +10,13 @@ 2 posts tagged with "progress" | Blazor Bootstrap - - + +
-

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/sidebar.html b/blog/tags/sidebar.html index 14d45b449..515da734f 100644 --- a/blog/tags/sidebar.html +++ b/blog/tags/sidebar.html @@ -10,13 +10,13 @@ 2 posts tagged with "sidebar" | Blazor Bootstrap - - + +
-

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 9db02756c..168273872 100644 --- a/blog/tags/switch.html +++ b/blog/tags/switch.html @@ -10,13 +10,13 @@ One post tagged with "switch" | Blazor Bootstrap - - + +
-

One post tagged with "switch"

View All Tags
- - +

One post 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 7765afc6c..a3e77bd65 100644 --- a/blog/tags/tabs.html +++ b/blog/tags/tabs.html @@ -10,13 +10,13 @@ One post tagged with "tabs" | Blazor Bootstrap - - + +
-

One post tagged with "tabs"

View All Tags
- - +

One post 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 f924e7c49..f01170157 100644 --- a/blog/tags/timeinput.html +++ b/blog/tags/timeinput.html @@ -10,13 +10,13 @@ 3 posts tagged with "timeinput" | Blazor Bootstrap - - + +
-

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 6049a13ac..aa8df2de4 100644 --- a/blog/tags/timepicker.html +++ b/blog/tags/timepicker.html @@ -10,13 +10,13 @@ One post tagged with "timepicker" | Blazor Bootstrap - - + +
-

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 38d67604d..e0f122605 100644 --- a/blog/tags/toast.html +++ b/blog/tags/toast.html @@ -10,13 +10,13 @@ One post tagged with "toast" | Blazor Bootstrap - - + +
-

One post tagged with "toast"

View All Tags
- - +

One post 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 7c1453371..067c8c5fb 100644 --- a/blog/tags/toasts.html +++ b/blog/tags/toasts.html @@ -10,13 +10,13 @@ 4 posts tagged with "toasts" | Blazor Bootstrap - - + +
-

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 836f395e8..d1b24f4cc 100644 --- a/blog/tags/toastservice.html +++ b/blog/tags/toastservice.html @@ -10,13 +10,13 @@ One post tagged with "toastservice" | Blazor Bootstrap - - + +
-

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 718735cbb..a3b0438c1 100644 --- a/blog/tags/tooltip.html +++ b/blog/tags/tooltip.html @@ -10,13 +10,13 @@ 2 posts tagged with "tooltip" | Blazor Bootstrap - - + +
-

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 6a371a8c6..c97e0e1c4 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" | Blazor Bootstrap - - + +
-

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 5a17426dd..5df211b63 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" | Blazor Bootstrap - - + +
-

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 2aa857fef..fb37cb422 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" | Blazor Bootstrap - - + +
-

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 63fdcf29c..f98528495 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" | Blazor Bootstrap - - + +
-

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 d2c99d366..ed9eca452 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" | Blazor Bootstrap - - + +
-

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 dfd83c9f2..03d55cbfd 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" | Blazor Bootstrap - - + +
-

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 8bc9ffa13..128825df7 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" | Blazor Bootstrap - - + +
-

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 524638de1..7a6c614e9 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" | Blazor Bootstrap - - + +
-

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 f0056728f..1c9e2d732 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" | Blazor Bootstrap - - + +
-

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 c33999f2b..fa7271a62 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" | Blazor Bootstrap - - + +
-

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 22987ad88..bf75a6544 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" | Blazor Bootstrap - - + +
-

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 ff401fe57..98f15d79b 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" | Blazor Bootstrap - - + +
-

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 7b744a719..f2e643137 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" | Blazor Bootstrap - - + +
-

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 4a866fced..35a709c5f 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" | Blazor Bootstrap - - + +
-

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 1b686eb8b..c9fd17fcc 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" | Blazor Bootstrap - - + +
-

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 0f1887b90..fb8434bf5 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" | Blazor Bootstrap - - + +
-

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 1bdc8f162..550105360 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" | Blazor Bootstrap - - + +
-

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 51322ade8..c81195454 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" | Blazor Bootstrap - - + +
-

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 f18f9e436..845beae31 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" | Blazor Bootstrap - - + +
-

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 f7090d3e6..88696fdc1 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" | Blazor Bootstrap - - + +
-

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 12529ea1b..4f526807d 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" | Blazor Bootstrap - - + +
-

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 c15eedabe..5dec2cbfd 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" | Blazor Bootstrap - - + +
-

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 ff24916e7..35dd09b1d 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" | Blazor Bootstrap - - + +
-

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 fd68fd902..0e76a67b0 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" | Blazor Bootstrap - - + +
-

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 fd17dd259..8762cd5fc 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" | Blazor Bootstrap - - + +
-

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 e4b1568c8..39ee182ec 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" | Blazor Bootstrap - - + +
-

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-2-0.html b/blog/tags/v-1-2-0.html index 38720a5f7..694447b33 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" | Blazor Bootstrap - - + +
-

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 2735bd4f8..33ae083be 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" | Blazor Bootstrap - - + +
-

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 3b87a7b20..f268a63b4 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" | Blazor Bootstrap - - + +
-

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 6c0ea0f48..083668e24 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" | Blazor Bootstrap - - + +
-

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 df8747abf..ccbeb5e56 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" | Blazor Bootstrap - - + +
-

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 274675a30..af5c82897 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" | Blazor Bootstrap - - + +
-

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 7ffeee638..8221a725d 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" | Blazor Bootstrap - - + +
-

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 052eee2ee..18306b4e2 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" | Blazor Bootstrap - - + +
-

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 dd77ee62a..76050262a 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" | Blazor Bootstrap - - + +
-

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 93e7729e8..4a4c08345 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" | Blazor Bootstrap - - + +
-

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 5f10a4a7a..d5ac3bb49 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" | Blazor Bootstrap - - + +
-

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 105923ffc..99b67c983 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" | Blazor Bootstrap - - + +
-

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 7f1be45b2..fb0c3fd27 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" | Blazor Bootstrap - - + +
-

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 c0f244b22..9e11040ed 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" | Blazor Bootstrap - - + +
-

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 9d098f901..940a77ce9 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" | Blazor Bootstrap - - + +
-

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 2caeddc1b..e71f5ea63 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" | Blazor Bootstrap - - + +
-

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 e83527b6b..d5dd979b2 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" | Blazor Bootstrap - - + +
-

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 6eaae80d0..d51eb9ca2 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" | Blazor Bootstrap - - + +
-

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 8750510c0..a434bdc7e 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" | Blazor Bootstrap - - + +
-

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 82fc68a50..9faa849c4 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" | Blazor Bootstrap - - + +
-

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 fb0ceb924..287d30045 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" | Blazor Bootstrap - - + +
-

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 485a41354..68d5e7bfb 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" | Blazor Bootstrap - - + +
-

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 e84804dc3..ee8cc482c 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" | Blazor Bootstrap - - + +
-

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 94b0213b5..af4c02f86 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" | Blazor Bootstrap - - + +
-

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 4ac42e94e..a8b05e5fc 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" | Blazor Bootstrap - - + +
-

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/docs/components/accordion.html b/components/accordion.html similarity index 63% rename from docs/components/accordion.html rename to components/accordion.html index 1977c90a6..bb21db419 100644 --- a/docs/components/accordion.html +++ b/components/accordion.html @@ -9,15 +9,15 @@ -Blazor Accordion Component | Blazor Bootstrap - - +Blazor Accordion Component | Blazor Bootstrap + +
-

Blazor Accordion

Build vertically collapsing accordions in combination with our Collapse component.

Blazor Bootstrap: Accordion Component

Accordion Parameters​

NameTypeDefaultRequiredDescritpionAdded 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
ShowFirstAccordionItemAsyncShow the first AccordionItem.1.7.0
ShowLastAccordionItemAsyncShow the last AccordionItem.1.7.0
ShowAccordionItemByNameAsyncShow the AccordionItem by name.1.7.0
ShowAccordionItemByIndexAsyncShow the AccordionItem by index.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​

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

Activate individual accordion items​

You can activate individual accordion items in several ways. -Use predefined methods ShowFirstAccordionItemAsync, ShowLastAccordionItemAsync, ShowAccordionItemByNameAsync, and ShowAccordionItemByIndexAsync as shown below.

Blazor Bootstrap: Accordion Component - Activate 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><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>
@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();}

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.

- - +

Blazor Accordion

Build vertically collapsing accordions in combination with our Collapse component.

Blazor Bootstrap: Accordion Component

Accordion Parameters​

NameTypeDefaultRequiredDescritpionAdded 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
ShowFirstAccordionItemAsyncShow the first AccordionItem.1.7.0
ShowLastAccordionItemAsyncShow the last AccordionItem.1.7.0
ShowAccordionItemByNameAsyncShow the AccordionItem by name.1.7.0
ShowAccordionItemByIndexAsyncShow the AccordionItem by index.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​

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

Activate individual accordion items​

You can activate individual accordion items in several ways. +Use predefined methods ShowFirstAccordionItemAsync, ShowLastAccordionItemAsync, ShowAccordionItemByNameAsync, and ShowAccordionItemByIndexAsync as shown below.

Blazor Bootstrap: Accordion Component - Activate 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><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>
@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();}

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 new file mode 100644 index 000000000..ee3a03173 --- /dev/null +++ b/components/alerts.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +Blazor Alert Component | Blazor Bootstrap + + + + +
+

Blazor Alerts

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

Parameters​

NameTypeDescritpionRequiredDefault
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/docs/components/badge.html b/components/badge.html similarity index 87% rename from docs/components/badge.html rename to components/badge.html index 620fa89c6..203d4256b 100644 --- a/docs/components/badge.html +++ b/components/badge.html @@ -9,15 +9,15 @@ -Blazor Badge Component | Blazor Bootstrap - - +Blazor Badge Component | Blazor Bootstrap + +
-

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

- - +

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 new file mode 100644 index 000000000..546c2e105 --- /dev/null +++ b/components/breadcrumb.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +Blazor Breadcrumb Component | Blazor Bootstrap + + + + +
+

Blazor Breadcrumb

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

Parameters​

NameTypeDescritpionRequiredDefault
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 new file mode 100644 index 000000000..13e36422a --- /dev/null +++ b/components/buttons.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +Blazor Button Component | Blazor Bootstrap + + + + +
+

Blazor Buttons

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

Parameters​

NameTypeDescritpionRequiredDefaultAdded 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 new file mode 100644 index 000000000..88d087fbf --- /dev/null +++ b/components/callout.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +Blazor Callout Component | Blazor Bootstrap + + + + +
+

Blazor Callout

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

Parameters​

NameTypeDefaultRequiredDescritpion
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/docs/components/card.html b/components/card.html similarity index 73% rename from docs/components/card.html rename to components/card.html index 3448600e0..e3919d9a1 100644 --- a/docs/components/card.html +++ b/components/card.html @@ -9,17 +9,17 @@ -Blazor Card Component | Blazor Bootstrap - - +Blazor Card Component | Blazor Bootstrap + +
-

Blazor Card

BootstrapBootstrap's cards provide a flexible and extensible content container with multiple variants and options.

Blazor Bootstrap: Card component

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​

NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.✔️1.10.0
ColorCardColorGets or sets the card color.CardColor.None1.10.0
TextAlignmentAlignmentGets or sets the text alignment of the card.Alignment.None1.10.0

CardBody Parameters​

NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.✔️1.10.0

CardFooter Parameters​

NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.✔️1.10.0

CardGroup Parameters​

NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.✔️1.10.0

CardHeader Parameters​

NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.✔️1.10.0
NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.✔️1.10.0
DisabledboolWhen set to 'true', disables the component's functionality and places it in a disabled state.1.10.0
Tostring?Gets or sets the target route.✔️1.10.0
TargetTargetThe target attribute specifies where to open the linked document.Target.None1.10.0
TabIndexint?If defined, indicates that its element can be focused and can participates in sequential keyboard navigation.1.10.0

CardSubTitle Parameters​

NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.✔️1.10.0
SizeHeadingSizeGets or sets the heading size.HeadingSize.H61.10.0

CardText Parameters​

NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.✔️1.10.0

CardTitle Parameters​

NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.✔️1.10.0
SizeHeadingSizeGets or sets the heading size.HeadingSize.H51.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.

Blazor Bootstrap: Card Component - Examples
<Card Style="width:18rem;">    <CardBody>        <CardTitle>Card title</CardTitle>        <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText>        <Button Color="ButtonColor.Primary" To="#" Type="ButtonType.Link">Go somewhere</Button>    </CardBody></Card>

See the demo here.

Content types​

Cards support a wide variety of content, including images, text, list groups, links, and more. Below are examples of what’s supported.

Body​

The building block of a card is the CardBody. Use it whenever you need a padded section within a card.

Blazor Bootstrap: Card Component - Body
<Card>    <CardBody>        This is some text within a card body.    </CardBody></Card>

See the demo here.

Titles, text, and links​

Blazor Bootstrap: Card Component - Titles, text, and links
<Card Style="width:18rem;">    <CardBody>        <CardTitle>Card title</CardTitle>        <CardSubTitle Class="mb-2 text-muted">Card subtitle</CardSubTitle>        <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText>        <CardLink To="#">Card link</CardLink>        <CardLink To="#">Another link</CardLink>    </CardBody></Card>

See the demo here.

Images​

Blazor Bootstrap: Card Component - Images
<Card Class="mb-4" Style="width:18rem;">    <img class="rounded-top" src="/images/placeholder.png" alt="placeholder" />    <CardBody>        <CardTitle>Card title</CardTitle>        <CardSubTitle Class="mb-2 text-muted">Card subtitle</CardSubTitle>        <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText>        <Button Color="ButtonColor.Primary" To="#" Type="ButtonType.Link">Go somewhere</Button>    </CardBody></Card><Card Style="width:18rem;">    <CardBody>        <CardTitle>Card title</CardTitle>        <CardSubTitle Class="mb-2 text-muted">Card subtitle</CardSubTitle>        <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText>        <Button Color="ButtonColor.Primary" To="#" Type="ButtonType.Link">Go somewhere</Button>    </CardBody>    <img class="rounded-bottom" src="/images/placeholder.png" alt="placeholder" /></Card>

See the demo here.

List groups​

Create lists of content in a card with a flush list group.

Blazor Bootstrap: Card Component - List groups
<Card Style="width:18rem;">    <ul class="list-group list-group-flush">        <li class="list-group-item">An item</li>        <li class="list-group-item">A second item</li>        <li class="list-group-item">A third item</li>    </ul></Card>

See the demo here.

Kitchen sink​

Mix and match multiple content types to create the card you need, or throw everything in there. +

Blazor Card

BootstrapBootstrap's cards provide a flexible and extensible content container with multiple variants and options.

Blazor Bootstrap: Card component

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​

NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.✔️1.10.0
ColorCardColorGets or sets the card color.CardColor.None1.10.0
TextAlignmentAlignmentGets or sets the text alignment of the card.Alignment.None1.10.0

CardBody Parameters​

NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.✔️1.10.0

CardFooter Parameters​

NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.✔️1.10.0

CardGroup Parameters​

NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.✔️1.10.0

CardHeader Parameters​

NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.✔️1.10.0
NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.✔️1.10.0
DisabledboolWhen set to 'true', disables the component's functionality and places it in a disabled state.1.10.0
Tostring?Gets or sets the target route.✔️1.10.0
TargetTargetThe target attribute specifies where to open the linked document.Target.None1.10.0
TabIndexint?If defined, indicates that its element can be focused and can participates in sequential keyboard navigation.1.10.0

CardSubTitle Parameters​

NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.✔️1.10.0
SizeHeadingSizeGets or sets the heading size.HeadingSize.H61.10.0

CardText Parameters​

NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.✔️1.10.0

CardTitle Parameters​

NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.✔️1.10.0
SizeHeadingSizeGets or sets the heading size.HeadingSize.H51.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.

Blazor Bootstrap: Card Component - Examples
<Card Style="width:18rem;">    <CardBody>        <CardTitle>Card title</CardTitle>        <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText>        <Button Color="ButtonColor.Primary" To="#" Type="ButtonType.Link">Go somewhere</Button>    </CardBody></Card>

See the demo here.

Content types​

Cards support a wide variety of content, including images, text, list groups, links, and more. Below are examples of what’s supported.

Body​

The building block of a card is the CardBody. Use it whenever you need a padded section within a card.

Blazor Bootstrap: Card Component - Body
<Card>    <CardBody>        This is some text within a card body.    </CardBody></Card>

See the demo here.

Titles, text, and links​

Blazor Bootstrap: Card Component - Titles, text, and links
<Card Style="width:18rem;">    <CardBody>        <CardTitle>Card title</CardTitle>        <CardSubTitle Class="mb-2 text-muted">Card subtitle</CardSubTitle>        <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText>        <CardLink To="#">Card link</CardLink>        <CardLink To="#">Another link</CardLink>    </CardBody></Card>

See the demo here.

Images​

Blazor Bootstrap: Card Component - Images
<Card Class="mb-4" Style="width:18rem;">    <img class="rounded-top" src="/images/placeholder.png" alt="placeholder" />    <CardBody>        <CardTitle>Card title</CardTitle>        <CardSubTitle Class="mb-2 text-muted">Card subtitle</CardSubTitle>        <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText>        <Button Color="ButtonColor.Primary" To="#" Type="ButtonType.Link">Go somewhere</Button>    </CardBody></Card><Card Style="width:18rem;">    <CardBody>        <CardTitle>Card title</CardTitle>        <CardSubTitle Class="mb-2 text-muted">Card subtitle</CardSubTitle>        <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText>        <Button Color="ButtonColor.Primary" To="#" Type="ButtonType.Link">Go somewhere</Button>    </CardBody>    <img class="rounded-bottom" src="/images/placeholder.png" alt="placeholder" /></Card>

See the demo here.

List groups​

Create lists of content in a card with a flush list group.

Blazor Bootstrap: Card Component - List groups
<Card Style="width:18rem;">    <ul class="list-group list-group-flush">        <li class="list-group-item">An item</li>        <li class="list-group-item">A second item</li>        <li class="list-group-item">A third item</li>    </ul></Card>

See the demo here.

Kitchen sink​

Mix and match multiple content types to create the card you need, or throw everything in there. Shown below are image styles, blocks, text styles, and a list group—all wrapped in a fixed-width card.

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.

- - +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 new file mode 100644 index 000000000..c56e37a73 --- /dev/null +++ b/components/charts.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +Blazor Chart Components | Blazor Bootstrap + + + + +
+

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/docs/components/collapse.html b/components/collapse.html similarity index 83% rename from docs/components/collapse.html rename to components/collapse.html index fe2c836ff..d8b603d50 100644 --- a/docs/components/collapse.html +++ b/components/collapse.html @@ -9,17 +9,17 @@ -Blazor Collapse Component | Blazor Bootstrap - - +Blazor Collapse Component | Blazor Bootstrap + +
-

Blazor Collapse

Toggle the visibility of content across your project with the Blazor Bootstrap Collapse component.

Blazor Bootstrap: Collapse Component

Parameters​

NameTypeDefaultRequiredDescriptionAdded Version
ChildContentRenderFragmentnull✔️Specifies the content to be rendered inside the collapse.1.7.0
HorizontalboolfalseGets or sets the horizontal.1.7.0
ParentstringnullGets or sets the parent.1.7.0
ToggleboolfalseToggles the collapsible element on invocation.1.7.0

Methods​

NameDescriptionAdded Version
ShowAsyncShows a collapsible element.1.7.0
HideAsyncHides a collapsible element.1.7.0
ToggleAsyncToggles a collapsible element to shown or hidden.1.7.0

Events​

NameDescriptionAdded Version
OnShowingThis event fires immediately when the show instance method is called.1.7.0
OnShownThis event is fired when a collapse element 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 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. +

Blazor Collapse

Toggle the visibility of content across your project with the Blazor Bootstrap Collapse component.

Blazor Bootstrap: Collapse Component

Parameters​

NameTypeDefaultRequiredDescriptionAdded Version
ChildContentRenderFragmentnull✔️Specifies the content to be rendered inside the collapse.1.7.0
HorizontalboolfalseGets or sets the horizontal.1.7.0
ParentstringnullGets or sets the parent.1.7.0
ToggleboolfalseToggles the collapsible element on invocation.1.7.0

Methods​

NameDescriptionAdded Version
ShowAsyncShows a collapsible element.1.7.0
HideAsyncHides a collapsible element.1.7.0
ToggleAsyncToggles a collapsible element to shown or hidden.1.7.0

Events​

NameDescriptionAdded Version
OnShowingThis event fires immediately when the show instance method is called.1.7.0
OnShownThis event is fired when a collapse element 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 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.

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>();}
- - +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 new file mode 100644 index 000000000..99b4aec10 --- /dev/null +++ b/components/confirm-dialog.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +Blazor Confirm Dialog Component | Blazor Bootstrap + + + + +
+

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/docs/components/dropdown.html b/components/dropdown.html similarity index 96% rename from docs/components/dropdown.html rename to components/dropdown.html index 15551fb01..c3d4f2b51 100644 --- a/docs/components/dropdown.html +++ b/components/dropdown.html @@ -9,15 +9,15 @@ -Blazor Dropdown Component | Blazor Bootstrap - - +Blazor Dropdown Component | Blazor Bootstrap + +
-

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
NameTypeDescritpionRequiredDefaultAdded 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 dropdown direction.DropdownDirection.Dropdown1.10.0
SplitboolGets or sets the toggle button split behavior.false1.10.0
NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside the DropdownToggleButton.1.10.0
ColorButtonColorGets or sets the button color.1.10.0
SizeSizeGets or sets the button size.1.10.0
TabIndexint?If defined, indicates that its element can be focused and can participates in sequential keyboard navigation.1.10.0
NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside the DropdownActionButton.1.10.0
ColorButtonColorGets or sets the button color.1.10.0
SizeSizeGets or sets the button size.1.10.0
TabIndexint?If defined, indicates that its element can be focused and can participates in sequential keyboard navigation.1.10.0
NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside the DropdownMenu.1.10.0
PositionDropdownMenuPositionGets or sets the dropdown menu position.1.10.0
NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside the DropdownHeader.1.10.0
NameTypeDescritpionRequiredDefaultAdded 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>        <DropdownToggleButton Color="ButtonColor.Secondary" Size="Size.Large">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 Split="true">        <DropdownActionButton Color="ButtonColor.Secondary" Size="Size.Large">Large split button</DropdownActionButton>        <DropdownToggleButton Color="ButtonColor.Secondary" Size="Size.Large" />        <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>        <DropdownToggleButton Color="ButtonColor.Secondary" Size="Size.Small">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 Split="true">        <DropdownActionButton Color="ButtonColor.Secondary" Size="Size.Small">Small split button</DropdownActionButton>        <DropdownToggleButton Color="ButtonColor.Secondary" Size="Size.Small" />        <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 style DropdownItem as disabled, add the Disabled="true" parameter to the DropdownItem element in the DropdownMenu component.

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

- - +

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
NameTypeDescritpionRequiredDefaultAdded 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 dropdown direction.DropdownDirection.Dropdown1.10.0
SplitboolGets or sets the toggle button split behavior.false1.10.0
NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside the DropdownToggleButton.1.10.0
ColorButtonColorGets or sets the button color.1.10.0
SizeSizeGets or sets the button size.1.10.0
TabIndexint?If defined, indicates that its element can be focused and can participates in sequential keyboard navigation.1.10.0
NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside the DropdownActionButton.1.10.0
ColorButtonColorGets or sets the button color.1.10.0
SizeSizeGets or sets the button size.1.10.0
TabIndexint?If defined, indicates that its element can be focused and can participates in sequential keyboard navigation.1.10.0
NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside the DropdownMenu.1.10.0
PositionDropdownMenuPositionGets or sets the dropdown menu position.1.10.0
NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside the DropdownHeader.1.10.0
NameTypeDescritpionRequiredDefaultAdded 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>        <DropdownToggleButton Color="ButtonColor.Secondary" Size="Size.Large">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 Split="true">        <DropdownActionButton Color="ButtonColor.Secondary" Size="Size.Large">Large split button</DropdownActionButton>        <DropdownToggleButton Color="ButtonColor.Secondary" Size="Size.Large" />        <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>        <DropdownToggleButton Color="ButtonColor.Secondary" Size="Size.Small">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 Split="true">        <DropdownActionButton Color="ButtonColor.Secondary" Size="Size.Small">Small split button</DropdownActionButton>        <DropdownToggleButton Color="ButtonColor.Secondary" Size="Size.Small" />        <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 style DropdownItem as disabled, add the Disabled="true" parameter to the DropdownItem element in the DropdownMenu component.

Blazor Bootstrap: Dropdown Component - Disabled
<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/docs/components/grid.html b/components/grid.html similarity index 98% rename from docs/components/grid.html rename to components/grid.html index f966a9587..c70d45646 100644 --- a/docs/components/grid.html +++ b/components/grid.html @@ -9,13 +9,13 @@ -Blazor Grid Component | Blazor Bootstrap - - +Blazor Grid Component | Blazor Bootstrap + +
-

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.

Blazor Bootstrap: Grid Component

Grid Parameters​

NameTypeDefaultRequiredDescritpionAdded Version
AllowFilteringboolfalseGets or sets the grid filtering.1.0.0
AllowPagingboolfalseGets or sets the grid paging.1.0.0
AllowRowClickboolfalseGets or sets the allow row click.1.9.5
AllowSelectionboolfalseGets or sets the grid selection.1.8.0
AllowSortingboolfalseGets or sets the grid sorting.1.0.0
ChildContentRenderFragment✔️Specifies the content to be rendered inside the grid.1.0.0
DataIEnumerable<TItem>Gets or sets the grid data.1.4.3
DataProviderGridDataProviderDelegate<TItem>DataProvider is for items to render. The provider should always return an instance of GridDataProviderResult, and null is not allowed.1.0.0
DisableAllRowsSelectionFunc<IEnumerable<TItem>, bool>?Enable or disable the header checkbox selection.1.8.0
DisableRowSelectionFunc<TItem, bool>?Enable or disable the row level checkbox selection.1.8.0
EmptyDataTemplateRenderFragment✔️Template to render when there are no rows to display.1.0.0
EmptyTextstringNo records to displayShows text on no records.1.0.0
FiltersRowCssClassstringGets or sets the filters row css class.1.9.2
FiltersTranslationProviderGridFiltersTranslationDelegateFilters transalation is for grid filters to render. The provider should always return a 'FilterOperatorInfo' collection, and 'null' is not allowed.1.10.0
HeaderRowCssClassstringGets or sets the header row css class but not the thead tag class.1.9.2
ItemsPerPageTextstringItems per page✔️Gets or sets the ItemsPerPageText.1.9.5
PageSizeint10Gets or sets the page size of the grid.1.0.0
PageSizeSelectorItemsint[]new int[] { 10, 20, 50 }✔️Gets or sets the page size selector items.1.8.0
PageSizeSelectorVisibleboolfalse✔️Gets or sets the page size selector visible.1.8.0
PaginationItemsTextFormatstring{0} - {1} of {2} items✔️Gets or sets the pagination items text format.1.8.0
RowClassFunc<TItem, string>?Gets or sets the row class.1.6.0
ResponsiveboolfalseGets or sets a value indicating whether Grid is responsive.1.0.0
SelectionModeGridSelectionModeGets or sets the grid selection mode.1.8.0
SettingsProviderGridSettingsProviderDelegateSettings are for the grid to render. The provider should always return an instance of 'GridSettings', and 'null' is not allowed.1.0.0
IMPORTANT

Grid requires either Data or DataProvider parameter, but not both.

Grid Callback Events​

NameTypeDescritpionAdded Version
GridSettingsChangedEventCallback<GridSettings>This event is fired when the grid state is changed.1.0.0
OnRowClickEventCallback<GridRowEventArgs<TItem>>This event is triggered when the user clicks on the row. Set AllowRowClick to true to enable row clicking.1.9.5
OnRowDoubleClickEventCallback<GridRowEventArgs<TItem>>This event is triggered when the user double clicks on the row. Set AllowRowClick to true to enable row double clicking.1.9.5
SelectedItemsChangedEventCallback<HashSet<TItem>>This event is fired when the items selection changed.1.8.0

Grid Methods​

NameReturn TypeDescriptionAdded Version
GetFilters()IEnumerable<FilterItem>Get filters.1.0.0
RefreshDataAsync(CancellationToken cancellationToken = default)TaskRefresh the grid data.1.0.0
ResetPageNumber()ValueTaskReset the page number to 1 and refresh the grid.1.4.3

GridColumn Parameters​

NameTypeDefaultRequiredDescritpionAdded Version
ChildContentRenderFragment✔️Specifies the content to be rendered inside the grid column.1.0.0
ColumnClassFunc<TItem, string>?Gets or sets the column class.1.6.0
FilterablebooltrueEnable or disable the filter on a specific column. The filter is enabled or disabled based on the grid AllowFiltering parameter.1.0.0
FilterOperatorenumAssigned based on the property type.Gets or sets the filter operator.1.0.0
FilterTextboxWidthintGets or sets the filter textbox width in pixels.1.0.0
FilterValuestringGets or sets the filter value.1.0.0
HeaderContentRenderFragmentSpecifies the content to be rendered inside the grid column header.1.7.3
HeaderTextstring✔️Gets or sets the table column header.1.0.0
HeaderTextAlignmentenumAlignment.StartGets or sets the header text alignment. Use Alignment.Start or Alignment.Center or Alignment.End.1.0.0
IsDefaultSortColumnboolfalseGets or sets the default sort column.1.0.0
PropertyNamestringGets or sets the property name. This is required when AllowFiltering is true.1.0.0
SortableboolfalseEnable or disable the sorting on a specific column. The sorting is enabled or disabled based on the grid AllowSorting parameter.1.0.0
SortDirectionenumSortDirection.NoneGets or sets the default sort direction of a column. Use SortDirection.Ascending or SortDirection.Descending1.0.0
SortKeySelectorExpression<Func<TItem, IComparable>>Expression used for sorting.1.0.0
SortStringstringGets 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
StringComparisonenumStringComparison.OrdinalIgnoreCaseGets 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
TextAlignmentAlignmentAlignment.StartGets or sets the text alignment. Use Alignment.Start or Alignment.Center or Alignment.End.1.0.0
TextNoWrapboolfalseGets or sets text nowrap.1.0.0

GridSettings Properties​

NameTypeDefaultRequiredDescriptionAdded Version
PageNumberintPage number.1.0.0
PageSizeintSize of the page.1.0.0
FiltersIEnumerable<FilterItem>Current filters.1.0.0

Examples​

Client side filtering​

For filtering, AllowFiltering and PropertyName parameters are required. +

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.

Blazor Bootstrap: Grid Component

Grid Parameters​

NameTypeDefaultRequiredDescritpionAdded Version
AllowFilteringboolfalseGets or sets the grid filtering.1.0.0
AllowPagingboolfalseGets or sets the grid paging.1.0.0
AllowRowClickboolfalseGets or sets the allow row click.1.9.5
AllowSelectionboolfalseGets or sets the grid selection.1.8.0
AllowSortingboolfalseGets or sets the grid sorting.1.0.0
ChildContentRenderFragment✔️Specifies the content to be rendered inside the grid.1.0.0
DataIEnumerable<TItem>Gets or sets the grid data.1.4.3
DataProviderGridDataProviderDelegate<TItem>DataProvider is for items to render. The provider should always return an instance of GridDataProviderResult, and null is not allowed.1.0.0
DisableAllRowsSelectionFunc<IEnumerable<TItem>, bool>?Enable or disable the header checkbox selection.1.8.0
DisableRowSelectionFunc<TItem, bool>?Enable or disable the row level checkbox selection.1.8.0
EmptyDataTemplateRenderFragment✔️Template to render when there are no rows to display.1.0.0
EmptyTextstringNo records to displayShows text on no records.1.0.0
FiltersRowCssClassstringGets or sets the filters row css class.1.9.2
FiltersTranslationProviderGridFiltersTranslationDelegateFilters transalation is for grid filters to render. The provider should always return a 'FilterOperatorInfo' collection, and 'null' is not allowed.1.10.0
HeaderRowCssClassstringGets or sets the header row css class but not the thead tag class.1.9.2
ItemsPerPageTextstringItems per page✔️Gets or sets the ItemsPerPageText.1.9.5
PageSizeint10Gets or sets the page size of the grid.1.0.0
PageSizeSelectorItemsint[]new int[] { 10, 20, 50 }✔️Gets or sets the page size selector items.1.8.0
PageSizeSelectorVisibleboolfalse✔️Gets or sets the page size selector visible.1.8.0
PaginationItemsTextFormatstring{0} - {1} of {2} items✔️Gets or sets the pagination items text format.1.8.0
RowClassFunc<TItem, string>?Gets or sets the row class.1.6.0
ResponsiveboolfalseGets or sets a value indicating whether Grid is responsive.1.0.0
SelectionModeGridSelectionModeGets or sets the grid selection mode.1.8.0
SettingsProviderGridSettingsProviderDelegateSettings are for the grid to render. The provider should always return an instance of 'GridSettings', and 'null' is not allowed.1.0.0
IMPORTANT

Grid requires either Data or DataProvider parameter, but not both.

Grid Callback Events​

NameTypeDescritpionAdded Version
GridSettingsChangedEventCallback<GridSettings>This event is fired when the grid state is changed.1.0.0
OnRowClickEventCallback<GridRowEventArgs<TItem>>This event is triggered when the user clicks on the row. Set AllowRowClick to true to enable row clicking.1.9.5
OnRowDoubleClickEventCallback<GridRowEventArgs<TItem>>This event is triggered when the user double clicks on the row. Set AllowRowClick to true to enable row double clicking.1.9.5
SelectedItemsChangedEventCallback<HashSet<TItem>>This event is fired when the items selection changed.1.8.0

Grid Methods​

NameReturn TypeDescriptionAdded Version
GetFilters()IEnumerable<FilterItem>Get filters.1.0.0
RefreshDataAsync(CancellationToken cancellationToken = default)TaskRefresh the grid data.1.0.0
ResetPageNumber()ValueTaskReset the page number to 1 and refresh the grid.1.4.3

GridColumn Parameters​

NameTypeDefaultRequiredDescritpionAdded Version
ChildContentRenderFragment✔️Specifies the content to be rendered inside the grid column.1.0.0
ColumnClassFunc<TItem, string>?Gets or sets the column class.1.6.0
FilterablebooltrueEnable or disable the filter on a specific column. The filter is enabled or disabled based on the grid AllowFiltering parameter.1.0.0
FilterOperatorenumAssigned based on the property type.Gets or sets the filter operator.1.0.0
FilterTextboxWidthintGets or sets the filter textbox width in pixels.1.0.0
FilterValuestringGets or sets the filter value.1.0.0
HeaderContentRenderFragmentSpecifies the content to be rendered inside the grid column header.1.7.3
HeaderTextstring✔️Gets or sets the table column header.1.0.0
HeaderTextAlignmentenumAlignment.StartGets or sets the header text alignment. Use Alignment.Start or Alignment.Center or Alignment.End.1.0.0
IsDefaultSortColumnboolfalseGets or sets the default sort column.1.0.0
PropertyNamestringGets or sets the property name. This is required when AllowFiltering is true.1.0.0
SortableboolfalseEnable or disable the sorting on a specific column. The sorting is enabled or disabled based on the grid AllowSorting parameter.1.0.0
SortDirectionenumSortDirection.NoneGets or sets the default sort direction of a column. Use SortDirection.Ascending or SortDirection.Descending1.0.0
SortKeySelectorExpression<Func<TItem, IComparable>>Expression used for sorting.1.0.0
SortStringstringGets 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
StringComparisonenumStringComparison.OrdinalIgnoreCaseGets 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
TextAlignmentAlignmentAlignment.StartGets or sets the text alignment. Use Alignment.Start or Alignment.Center or Alignment.End.1.0.0
TextNoWrapboolfalseGets or sets text nowrap.1.0.0

GridSettings Properties​

NameTypeDefaultRequiredDescriptionAdded Version
PageNumberintPage number.1.0.0
PageSizeintSize of the page.1.0.0
FiltersIEnumerable<FilterItem>Current filters.1.0.0

Examples​

Client side filtering​

For filtering, AllowFiltering and PropertyName parameters are required. Add AllowFiltering="true" parameter to Grid and PropertyName parameter to all the GridColumns.

Blazor Bootstrap: Grid Component - Client side filtering
<Grid TItem="Employee1" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" AllowFiltering="true" Responsive="true">    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">        @context.Id    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">        @context.Name    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">        @context.Designation    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">        @context.DOJ    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">        @context.IsActive    </GridColumn></Grid>
@code {    private IEnumerable<Employee1> employees;    protected override void OnInitialized()    {        employees = new List<Employee1>        {            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },        };    }    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)    {        return await Task.FromResult(request.ApplyTo(employees));    }}

See demo here

Client side filtering with string comparision​

In the below example, StringComparision.Ordinal is used on the Employee Name column to make the filter case-sensitive.

Blazor Bootstrap: Grid Component - Client side filtering with string comparision
<Grid TItem="Employee1" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" AllowFiltering="true" Responsive="true">    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">        @context.Id    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" StringComparison="StringComparison.Ordinal">        @context.Name    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">        @context.Designation    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">        @context.DOJ    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">        @context.IsActive    </GridColumn></Grid>
@code {    private IEnumerable<Employee1> employees;    protected override void OnInitialized()    {        employees = new List<Employee1>        {            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },        };    }    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)    {        return await Task.FromResult(request.ApplyTo(employees));    }}

See demo here

info

By default, StringComparison.OrdinalIgnoreCase is used to compare culture-agnostic and case-insensitive string matching.

Client side paging​

For paging, AllowPaging and PageSize parameters are required. Add AllowPaging="true" and PageSize="20" parameters to the Grid. PageSize parameter is optional.

Blazor Bootstrap: Grid Component - Client side paging
INFO

The default page size is 10.

<Grid TItem="Employee1" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" AllowPaging="true" PageSize="5" Responsive="true">    <GridColumn TItem="Employee1" HeaderText="Id">        @context.Id    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Employee Name">        @context.Name    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Designation">        @context.Designation    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="DOJ">        @context.DOJ    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Active">        @context.IsActive    </GridColumn></Grid>
@code {    private IEnumerable<Employee1> employees;    protected override void OnInitialized()    {        employees = new List<Employee1>        {            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },        };    }    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)    {        return await Task.FromResult(request.ApplyTo(employees));    }}

See demo here

Client side sorting​

For sorting, AllowSorting and SortKeySelector parameters are required. Add AllowSorting="true" parameter to Grid and SortKeySelector to all the GridColumns.

Blazor Bootstrap: Grid Component - Client side sorting
<Grid TItem="Employee1" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" AllowSorting="true" Responsive="true">    <GridColumn TItem="Employee1" HeaderText="Id" SortKeySelector="item => item.Id">        @context.Id    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Employee Name" SortKeySelector="item => item.Name">        @context.Name    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Designation" SortKeySelector="item => item.Designation">        @context.Designation    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="DOJ" SortKeySelector="item => item.DOJ">        @context.DOJ    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Active" SortKeySelector="item => item.IsActive">        @context.IsActive    </GridColumn></Grid>
@code {    private IEnumerable<Employee1> employees;    protected override void OnInitialized()    {        employees = new List<Employee1>        {            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },        };    }    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)    {        return await Task.FromResult(request.ApplyTo(employees));    }}

See demo here

Client side filtering, paging, and sorting​

Blazor Bootstrap: Grid Component - Client side filtering, paging, and sorting
<Grid TItem="Employee1" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" AllowFiltering="true" AllowPaging="true" PageSize="5" AllowSorting="true" Responsive="true">    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">        @context.Id    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">        @context.Name    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">        @context.Designation    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">        @context.DOJ    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">        @context.IsActive    </GridColumn></Grid>
@code {    private IEnumerable<Employee1> employees;    protected override void OnInitialized()    {        employees = new List<Employee1>        {            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },        };    }    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)    {        return await Task.FromResult(request.ApplyTo(employees));    }}

See demo here

Set default filter​

FilterOperator and FilterValue parameters are required to set the default filter.

Blazor Bootstrap: Grid Component - Set default filter
TIP

You can set the default filter on more than one GridColumn.

<Grid TItem="Employee1" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" AllowFiltering="true" Responsive="true">    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" FilterOperator="FilterOperator.GreaterThanOrEquals" FilterValue="105">        @context.Id    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">        @context.Name    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">        @context.Designation    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">        @context.DOJ    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">        @context.IsActive    </GridColumn></Grid>
@code {    private IEnumerable<Employee1> employees;    protected override void OnInitialized()    {        employees = new List<Employee1>        {            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },        };    }    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)    {        return await Task.FromResult(request.ApplyTo(employees));    }}

See demo here

Disable specific column filter​

Filterable parameter is required to disable the filter on a specific column. @@ -27,8 +27,8 @@ You can change this message by adding the EmptyText parameter to the Grid.

Blazor Bootstrap: Grid Component - Empty data
<Grid TItem="Employee" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" EmptyText="No records to display">    <GridColumn TItem="Employee" HeaderText="Id">        @context.Id    </GridColumn>    <GridColumn TItem="Employee" HeaderText="First Name">        @context.FirstName    </GridColumn>    <GridColumn TItem="Employee" HeaderText="Last Name">        @context.LastName    </GridColumn>    <GridColumn TItem="Employee" HeaderText="Designation">        @context.Designation    </GridColumn></Grid>
@code {    private async Task<GridDataProviderResult<Employee>> EmployeesDataProvider(GridDataProviderRequest<Employee> request)    {        await Task.Delay(3000);        return (new GridDataProviderResult<Employee> { Data = new List<Employee>(), TotalCount = 0 });    }}

See demo here

TIP

Add Responsive="true" parameter to the grid to enable horizontal scrolling.

Save and Load Grid Settings​

This example shows how to save/load the Grid state. The state includes the page number, page size, and filters.

IMPORTANT

In version 0.5.1, the Grid sorting state is not included as part of GridSettings. We will add it in the subsequent 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.

Blazor Bootstrap: Grid Component - Save and Load Grid Settings
@using System.Text.Json<Grid @ref="grid" TItem="Employee1" class="table table-hover table-bordered table-striped"      DataProvider="EmployeesDataProvider"      AllowFiltering="true" PageSize="8" AllowPaging="true" AllowSorting="true" Responsive="true"      GridSettingsChanged="OnGridSettingsChanged"      SettingsProvider="GridSettingsProvider">    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id" FilterOperator="FilterOperator.GreaterThanOrEquals" FilterValue="109">        @context.Id    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">        @context.Name    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">        @context.Designation    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">        @context.DOJ    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">        @context.IsActive    </GridColumn></Grid>
@code {    BlazorBootstrap.Grid<Employee1> grid;    private IEnumerable<Employee1> employees;    [Inject] public IJSRuntime JS { get; set; }    public GridSettings Settings { get; set; }    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)    {        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging            employees = GetEmployees(); // call a service or an API to pull the employees        return await Task.FromResult(request.ApplyTo(employees));    }    private async Task OnGridSettingsChanged(GridSettings settings)    {        if (settings is null)            return;        // NOTE: enable below two lines, if you want to set default values for PageNumber and PageSize all the time.        //settings.PageNumber = 1;        //settings.PageSize = 10;        await JS.InvokeVoidAsync("window.localStorage.setItem", "grid-settings", JsonSerializer.Serialize(settings));    }    private async Task<GridSettings> GridSettingsProvider()    {        var settingsJson = await JS.InvokeAsync<string>("window.localStorage.getItem", "grid-settings");        if (string.IsNullOrWhiteSpace(settingsJson))            return null;        var settings = JsonSerializer.Deserialize<GridSettings>(settingsJson);        if (settings is null)            return null;        return settings;    }    private IEnumerable<Employee1> GetEmployees()    {        return new List<Employee1>        {            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },        };    }}

See demo here

Data parameter - Assign collection​

Assign a collection to the Data parameter to render the grid dynamically. The example below will render different department employees in the individual grid.

@using BlazorBootstrap.Demo.Models;@foreach (var department in departments){    <p>@department.Name Employees:</p>    <Grid TItem="Employee1" class="table table-hover table-bordered table-striped" Data="department.Employees">        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">            @context.Id        </GridColumn>        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">            @context.Name        </GridColumn>        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">            @context.Designation        </GridColumn>        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">            @context.DOJ        </GridColumn>        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">            @context.IsActive        </GridColumn>    </Grid>}
@code {    Grid<Employee1> grid;    private List<Department> departments = new List<Department>()    {        new Department("Product 1 - Research & Development", new List<Employee1> {            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true }        }),        new Department("Product 2 - Research & Development", new List<Employee1> {            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true }        })    };}

See demo here

Data parameter - Update collection​

Assign a collection to the Data parameter to render the grid dynamically. The example below will render different department employees in the individual grid.

@using BlazorBootstrap.Demo.Models;<Button Type="ButtonType.Button" Color="ButtonColor.Primary" @onclick="AddEmployee"> Add Employee </Button><Button Type="ButtonType.Button" Color="ButtonColor.Primary" @onclick="AddEmployee2"> Add Employee 2 </Button><Grid @ref="grid" TItem="Employee1" class="table table-hover table-bordered table-striped mt-3" Data="employees">    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">        @context.Id    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">        @context.Name    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">        @context.Designation    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">        @context.DOJ    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">        @context.IsActive    </GridColumn></Grid>
@code {    Grid<Employee1> grid;    private List<Employee1> employees;    protected override void OnInitialized()    {        employees = new List<Employee1> {            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true }        };    }    private async Task AddEmployee()    {        // for the same employees collection, we are adding an object        // explicit grid refresh required        employees.Add(CreateEmployee());        await grid.RefreshDataAsync();    }    private void AddEmployee2()    {        // creates a shallow copy        var emps = employees.GetRange(0, employees.Count);        emps.Add(CreateEmployee());        // now employees variable has a new reference. So no need to refresh the grid explicitly        // explicit grid refresh is not required        employees = emps;    }    private Employee1 CreateEmployee()    {        var emp = new Employee1();        emp.Id = employees.Max(x => x.Id) + 1;        emp.Name = $"Employee {emp.Id}";        emp.Designation = $"QA Engineer {emp.Id}";        emp.DOJ = new DateOnly(new Random().Next(1970, 2000), new Random().Next(1, 12), new Random().Next(1, 25));        emp.IsActive = true;        return emp;    }}
note

The Add Employee button click adds a new employee to the existing employees collection—so explicit grid refresh is required.

The Add Employee 2 button click creates a shallow copy of the employees collection and adds a new employee. This new collection is assigned to the employees variable. Now, the employees variable has a new reference. So the grid will refresh automatically. An explicit grid refresh call is not required.

See demo here

Conditional css class for grid row​

In the below example, we applied table-danger CSS class to the row where the employee is inactive and the table-success CSS class to the row where the employee designation is Architect.

Blazor Bootstrap: Grid Component - Conditional css class for grid row
<Grid TItem="Employee1"      Class="table table-hover table-bordered"      DataProvider="EmployeesDataProvider"      AllowFiltering="true"      AllowPaging="true"      PageSize="5"      AllowSorting="true"      Responsive="true"      RowClass="GetRowClass">    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">        @context.Id    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">        @context.Name    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">        @context.Designation    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">        @context.DOJ    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">        @context.IsActive    </GridColumn></Grid>
@code {    private IEnumerable<Employee1> employees;    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)    {        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging            employees = GetEmployees(); // call a service or an API to pull the employees        return await Task.FromResult(request.ApplyTo(employees));    }    private string GetRowClass(Employee1 emp)    {        if (!emp.IsActive)            return "table-danger";        else if (emp.Designation == "Architect")            return "table-success";        return string.Empty;    }    private IEnumerable<Employee1> GetEmployees()    {        return new List<Employee1>        {            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },        };    }}

See demo here

Conditional css class for grid column​

In the below example, we applied table-danger CSS class to the Active column where the employee is inactive and the table-success CSS class to the Active column where the employee is active.

Blazor Bootstrap: Grid Component - Conditional css class for grid column
<Grid TItem="Employee1"      Class="table table-hover table-bordered"      DataProvider="EmployeesDataProvider"      AllowFiltering="true"      AllowPaging="true"      PageSize="5"      AllowSorting="true"      Responsive="true">    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">        @context.Id    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">        @context.Name    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">        @context.Designation    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">        @context.DOJ    </GridColumn>    <GridColumn TItem="Employee1"                HeaderText="Active"                PropertyName="IsActive"                SortKeySelector="item => item.IsActive"                ColumnClass="@(x => x.IsActive ? "table-success" : "table-danger")">        @context.IsActive    </GridColumn></Grid>
@code {    private IEnumerable<Employee1> employees;    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)    {        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging            employees = GetEmployees(); // call a service or an API to pull the employees        return await Task.FromResult(request.ApplyTo(employees));    }    private IEnumerable<Employee1> GetEmployees()    {        return new List<Employee1>        {            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },        };    }}

See demo here

Custom column headers​

In the below example, we use <HeaderContent> and <ChildContent> tags to define custom column header and cell content. When defining header content, filters and sorting are removed from column.

Blazor Bootstrap: Grid Component - Custom column headers
<Grid TItem="Employee1"      Class="table table-hover table-bordered"      DataProvider="EmployeesDataProvider"      AllowFiltering="true"      AllowPaging="true"      PageSize="5"      AllowSorting="true"      Responsive="true">    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">        @context.Id    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">        @context.Name    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">        @context.Designation    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">        @context.DOJ    </GridColumn>    <GridColumn TItem="Employee1" PropertyName="IsActive" Filterable="false" Sortable="false">      <HeaderContent>        <Switch @bind-Value="IsAllChecked"/>      </HeaderContent>      <ChildContent>        <Switch @bind-Value="@context.IsActive"/>      </ChildContent>    </GridColumn></Grid>
@code {    private IEnumerable<Employee1> employees;    private bool IsAllChecked    {        get => employees.All(e => e.IsActive);        set => Array.ForEach(employees.ToArray(), e => e.IsActive = value);    }    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)    {        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging            employees = GetEmployees(); // call a service or an API to pull the employees        return await Task.FromResult(request.ApplyTo(employees));    }    private IEnumerable<Employee1> GetEmployees()    {        return new List<Employee1>        {            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },        };    }}

Selection​

Set AllowSelection="true" to enable the selection on the Grid. By default, SelectionMode is Single.

Blazor Bootstrap: Grid Component - Selection
<Grid TItem="Employee1"      Class="table table-hover table-bordered"      DataProvider="EmployeesDataProvider"      AllowSelection="true"      SelectedItemsChanged="OnSelectedItemsChanged"      Responsive="true">    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">        @context.Id    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">        @context.Name    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">        @context.Designation    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">        @context.DOJ    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">        @context.IsActive    </GridColumn></Grid><div class="mt-3">    Selected Items Count: @selectedEmployees.Count</div><div class="mt-2">    Selected Employees:    <ul>        @foreach (var emp in selectedEmployees)        {            <li>@emp.Name</li>        }    </ul></div>
@code {    private IEnumerable<Employee1> employees = default!;    private HashSet<Employee1> selectedEmployees = new();    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)    {        Console.WriteLine("EmployeesDataProvider called...");        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging            employees = GetEmployees(); // call a service or an API to pull the employees        return await Task.FromResult(request.ApplyTo(employees));    }    private IEnumerable<Employee1> GetEmployees()    {        return new List<Employee1>        {            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },        };    }    private Task OnSelectedItemsChanged(HashSet<Employee1> employees)    {        selectedEmployees = employees is not null && employees.Any() ? employees : new();        return Task.CompletedTask;    }}

See demo here

Multiple selection​

To select multiple rows, set SelectionMode="GridSelectionMode.Multiple".

Blazor Bootstrap: Grid Component - Multiple selection
<Grid TItem="Employee1"      Class="table table-hover table-bordered"      DataProvider="EmployeesDataProvider"      AllowSelection="true"      SelectionMode="GridSelectionMode.Multiple"      SelectedItemsChanged="OnSelectedItemsChanged"      Responsive="true">    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">        @context.Id    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">        @context.Name    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">        @context.Designation    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">        @context.DOJ    </GridColumn>    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">        @context.IsActive    </GridColumn></Grid><div class="mt-3">    Selected Items Count: @selectedEmployees.Count</div><div class="mt-2">    Selected Employees:    <ul>        @foreach (var emp in selectedEmployees)        {            <li>@emp.Name</li>        }    </ul></div>
@code {    private IEnumerable<Employee1> employees = default!;    private HashSet<Employee1> selectedEmployees = new();    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)    {        Console.WriteLine("EmployeesDataProvider called...");        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging            employees = GetEmployees(); // call a service or an API to pull the employees        return await Task.FromResult(request.ApplyTo(employees));    }    private IEnumerable<Employee1> GetEmployees()    {        return new List<Employee1>        {            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },        };    }    private Task OnSelectedItemsChanged(HashSet<Employee1> employees)    {        selectedEmployees = employees is not null && employees.Any() ? employees : new();        return Task.CompletedTask;    }}

See demo here

Disable selection​

We can disable the header checkbox or row level checkbox based on a condition. For this, we have DisableAllRowsSelection and DisableRowSelection delegate parameters. In the below example, we disabled the header checkbox if any of the employee Id is less than 105. -Also, disable check the row level checkbox if the employee Id is less than 105.

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

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

+ + \ No newline at end of file diff --git a/docs/components/modal.html b/components/modal.html similarity index 86% rename from docs/components/modal.html rename to components/modal.html index 827112f3e..3a255d1b9 100644 --- a/docs/components/modal.html +++ b/components/modal.html @@ -9,16 +9,16 @@ -Blazor Modal Component | Blazor Bootstrap - - +Blazor Modal Component | Blazor Bootstrap + +
-

Blazor Modal

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

Parameters​

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

Blazor Modal

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

Parameters​

NameTypeDescritpionRequiredDefaultAdded 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. Click the button below to try it.

Blazor Modal Component - Static backdrop
<Modal @ref="modal" title="Modal title" UseStaticBackdrop="true">    <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.

- - +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. Click the button below to try it.

Blazor Modal Component - Static backdrop
<Modal @ref="modal" title="Modal title" UseStaticBackdrop="true">    <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/docs/components/offcanvas.html b/components/offcanvas.html similarity index 85% rename from docs/components/offcanvas.html rename to components/offcanvas.html index 0f8635808..8605e5f99 100644 --- a/docs/components/offcanvas.html +++ b/components/offcanvas.html @@ -9,15 +9,15 @@ -Blazor Offcanvas Component | Blazor Bootstrap - - +Blazor Offcanvas Component | Blazor Bootstrap + +
-

Blazor Offcanvas

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

Parameters​

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

- - +

Blazor Offcanvas

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

Parameters​

NameTypeDescritpionRequiredDefaultAdded 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 new file mode 100644 index 000000000..32cda77e7 --- /dev/null +++ b/components/pagination.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +Blazor Pagination Component | Blazor Bootstrap + + + + +
+

Blazor Pagination

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

Parameters​

NameTypeDescritpionRequiredDefault
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/placeholders.html b/components/placeholders.html new file mode 100644 index 000000000..6b07bcec7 --- /dev/null +++ b/components/placeholders.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +Blazor Placeholder Component | Blazor Bootstrap + + + + +
+

Blazor Placeholders

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

PlaceholderContainer Parameters​

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

Placeholder Parameters​

NameTypeDescritpionRequiredDefault
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 new file mode 100644 index 000000000..a288b5716 --- /dev/null +++ b/components/preload.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +Blazor Preload Component | Blazor Bootstrap + + + + +
+

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​

NameTypeDefaultDescritpionRequiredVersion Added
ChildContentRenderFragmentnullSpecifies the content to be rendered inside this.1.1.0

Preload Service​

Methods​

NameReturn TypeDescriptionAdded Version
Show(SpinnerColor spinnerColor = SpinnerColor.Light)voidShows the preload.1.1.0
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 />
  1. Inject PreloadService, then call the Show() and Hide() methods before and after the Service/API, 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 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 new file mode 100644 index 000000000..0260157cd --- /dev/null +++ b/components/progress.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +Blazor Progress Component | Blazor Bootstrap + + + + +
+

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​

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

NameTypeDefaultRequiredDescritpion
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/docs/components/sidebar.html b/components/sidebar.html similarity index 56% rename from docs/components/sidebar.html rename to components/sidebar.html index 3d8412d7e..e871bc81e 100644 --- a/docs/components/sidebar.html +++ b/components/sidebar.html @@ -9,14 +9,14 @@ -Blazor Sidebar Component | Blazor Bootstrap - - +Blazor Sidebar Component | Blazor Bootstrap + +
-

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​

NameTypeDefaultRequiredDescritpionAdded 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
NameTypeDefaultRequiredDescritpionAdded Version
CustomIconNamestringGets 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
IdstringGets or sets the Id.1.4.0
MatchNavLinkMatchNavLinkMatch.PrefixGets or sets the URL matching behavior.1.4.0
ParentIdstringGets 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.

- - +

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​

NameTypeDefaultRequiredDescritpionAdded 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
NameTypeDefaultRequiredDescritpionAdded Version
CustomIconNamestringGets 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
IdstringGets or sets the Id.1.4.0
MatchNavLinkMatchNavLinkMatch.PrefixGets or sets the URL matching behavior.1.4.0
ParentIdstringGets 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.

+ + \ No newline at end of file diff --git a/components/tabs.html b/components/tabs.html new file mode 100644 index 000000000..b1457c29d --- /dev/null +++ b/components/tabs.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +Blazor Tabs Component | Blazor Bootstrap + + + + +
+

Blazor Tabs

Documentation and examples for how to use Blazor Bootstrap tabs components.

Tabs Parameters​

NameTypeDescritpionRequiredDefault
ChildContentRenderFragmentSpecifies the content to be rendered inside this.
EnableFadeEffectboolGets or sets the tabs fade effect.false
NavStyleNavStyleGet or sets the nav style.NavStyle.Tabs

Tabs Methods​

NameDescription
ShowFirstTabAsyncSelects the first tab and show its associated pane.
ShowLastTabAsyncSelects the last tab and show its associated pane.
ShowTabByNameAsync(string)Selects the tab by name and show its associated pane.
ShowTabByIndexAsync(int)Selects the tab by index and show its associated pane.

Tab Parameters​

NameTypeDescritpionRequiredDefault
TitlestringGets or sets the tab title.
TitleTemplateRenderFragmentGets or sets the tab title template.
ContentRenderFragmentSpecifies the content to be rendered inside the tab.✔️
IsActiveboolGets or sets the active tab.false
DisabledboolGets or sets the disabled.false
Note

Either Title or TitleTemplate is required.

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 make tabs fade in, add EnableFadeEffect="true". The first tab pane must also have IsActive="true" to make the initial content visible.

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 TitleTemplate, as shown in the below 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​

Use NavStyle="NavStyle.Pills" parameter to change the tabs to 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.

Activate individual tabs​

You can activate individual tabs in several ways. Use predefined methods 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.

Callback Events​

When showing a new tab, the events fire in the following order:

  1. OnHiding (on the current active tab)
  2. OnShowing (on the to-be-shown tab)
  3. OnHidden (on the previous active tab, the same one as for the OnHiding event)
  4. OnShown (on the newly-active just-shown tab, the same one as for the OnShowing event)
Note

If no tab was already active, then the OnHiding and OnHidden events will not be fired.

See demo here.

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.

+ + + + \ No newline at end of file diff --git a/components/toasts.html b/components/toasts.html new file mode 100644 index 000000000..460e4efb4 --- /dev/null +++ b/components/toasts.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +Blazor Toasts Component | Blazor Bootstrap + + + + +
+

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​

NameTypeDescritpionRequiredDefaultAdded 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 new file mode 100644 index 000000000..ed42da73d --- /dev/null +++ b/components/tooltips.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +Blazor Tooltip Component | Blazor Bootstrap + + + + +
+

Blazor Tooltips

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

Parameters​

NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.1.0.0
ColorTooltipColorGets or sets the tooltip color.TooltipColor.None1.10.0
PlacementSpecifies 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 new file mode 100644 index 000000000..5fb38884c --- /dev/null +++ b/content/icons.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +Blazor Icons Component | Blazor Bootstrap + + + + +
+

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 rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css">

Parameters​

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

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.

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.

Bootstrap Icons​

Blazor Bootstrap: Icon Component - Bootstrap Icons

See all bootstrap icons demo here.

+ + + + \ No newline at end of file diff --git a/docs/data-visualization/bar-chart.html b/data-visualization/bar-chart.html similarity index 95% rename from docs/data-visualization/bar-chart.html rename to data-visualization/bar-chart.html index e7ca1d1d2..953316145 100644 --- a/docs/data-visualization/bar-chart.html +++ b/data-visualization/bar-chart.html @@ -9,17 +9,17 @@ -Blazor Bar Chart | Blazor Bootstrap - - +Blazor Bar Chart | Blazor Bootstrap + +
-

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.

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

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.

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

- - +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/docs/data-visualization/doughnut-chart.html b/data-visualization/doughnut-chart.html similarity index 94% rename from docs/data-visualization/doughnut-chart.html rename to data-visualization/doughnut-chart.html index ccb157019..f30fc71ae 100644 --- a/docs/data-visualization/doughnut-chart.html +++ b/data-visualization/doughnut-chart.html @@ -9,17 +9,17 @@ -Blazor Doughnut Chart | Blazor Bootstrap - - +Blazor Doughnut Chart | Blazor Bootstrap + +
-

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.

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

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.

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

- - +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/docs/data-visualization/line-chart.html b/data-visualization/line-chart.html similarity index 89% rename from docs/data-visualization/line-chart.html rename to data-visualization/line-chart.html index c2c9f4c03..57b11f3ba 100644 --- a/docs/data-visualization/line-chart.html +++ b/data-visualization/line-chart.html @@ -9,15 +9,15 @@ -Blazor Line Chart | Blazor Bootstrap - - +Blazor Line Chart | Blazor Bootstrap + +
-

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

- - +

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 typeDescritpionAdded 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/docs/data-visualization/pie-chart.html b/data-visualization/pie-chart.html similarity index 89% rename from docs/data-visualization/pie-chart.html rename to data-visualization/pie-chart.html index 16c786439..68a0061f8 100644 --- a/docs/data-visualization/pie-chart.html +++ b/data-visualization/pie-chart.html @@ -9,15 +9,15 @@ -Blazor Pie Chart Components | Blazor Bootstrap - - +Blazor Pie Chart Components | Blazor Bootstrap + +
-

Blazor Pie Chart Components

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

- - +

Blazor Pie Chart Components

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

+ + \ No newline at end of file diff --git a/docs/components/alerts.html b/docs/components/alerts.html deleted file mode 100644 index 1fe2c781e..000000000 --- a/docs/components/alerts.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - -Blazor Alert Component | Blazor Bootstrap - - - - -
-

Blazor Alerts

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

Parameters​

NameTypeDescritpionRequiredDefault
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/docs/components/breadcrumb.html b/docs/components/breadcrumb.html deleted file mode 100644 index ec4a7e87b..000000000 --- a/docs/components/breadcrumb.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - -Blazor Breadcrumb Component | Blazor Bootstrap - - - - -
-

Blazor Breadcrumb

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

Parameters​

NameTypeDescritpionRequiredDefault
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/docs/components/buttons.html b/docs/components/buttons.html deleted file mode 100644 index f8cc8be05..000000000 --- a/docs/components/buttons.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - -Blazor Button Component | Blazor Bootstrap - - - - -
-

Blazor Buttons

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

Parameters​

NameTypeDescritpionRequiredDefaultAdded 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/docs/components/callout.html b/docs/components/callout.html deleted file mode 100644 index 7cca8cf09..000000000 --- a/docs/components/callout.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - -Blazor Callout Component | Blazor Bootstrap - - - - -
-

Blazor Callout

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

Parameters​

NameTypeDefaultRequiredDescritpion
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/docs/components/charts.html b/docs/components/charts.html deleted file mode 100644 index 5ea7fdc55..000000000 --- a/docs/components/charts.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - -Blazor Chart Components | Blazor Bootstrap - - - - -
-

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/docs/components/confirm-dialog.html b/docs/components/confirm-dialog.html deleted file mode 100644 index 8abffb0ee..000000000 --- a/docs/components/confirm-dialog.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - -Blazor Confirm Dialog Component | Blazor Bootstrap - - - - -
-

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/docs/components/pagination.html b/docs/components/pagination.html deleted file mode 100644 index b682ca4f1..000000000 --- a/docs/components/pagination.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - -Blazor Pagination Component | Blazor Bootstrap - - - - -
-

Blazor Pagination

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

Parameters​

NameTypeDescritpionRequiredDefault
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/docs/components/placeholders.html b/docs/components/placeholders.html deleted file mode 100644 index ee277229a..000000000 --- a/docs/components/placeholders.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - -Blazor Placeholder Component | Blazor Bootstrap - - - - -
-

Blazor Placeholders

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

PlaceholderContainer Parameters​

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

Placeholder Parameters​

NameTypeDescritpionRequiredDefault
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/docs/components/preload.html b/docs/components/preload.html deleted file mode 100644 index cc03a9984..000000000 --- a/docs/components/preload.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - -Blazor Preload Component | Blazor Bootstrap - - - - -
-

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​

NameTypeDefaultDescritpionRequiredVersion Added
ChildContentRenderFragmentnullSpecifies the content to be rendered inside this.1.1.0

Preload Service​

Methods​

NameReturn TypeDescriptionAdded Version
Show(SpinnerColor spinnerColor = SpinnerColor.Light)voidShows the preload.1.1.0
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 />
  1. Inject PreloadService, then call the Show() and Hide() methods before and after the Service/API, 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 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/docs/components/progress.html b/docs/components/progress.html deleted file mode 100644 index 102edd7d7..000000000 --- a/docs/components/progress.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - -Blazor Progress Component | Blazor Bootstrap - - - - -
-

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​

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

NameTypeDefaultRequiredDescritpion
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/docs/components/tabs.html b/docs/components/tabs.html deleted file mode 100644 index c49456a71..000000000 --- a/docs/components/tabs.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - -Blazor Tabs Component | Blazor Bootstrap - - - - -
-

Blazor Tabs

Documentation and examples for how to use Blazor Bootstrap tabs components.

Tabs Parameters​

NameTypeDescritpionRequiredDefault
ChildContentRenderFragmentSpecifies the content to be rendered inside this.
EnableFadeEffectboolGets or sets the tabs fade effect.false
NavStyleNavStyleGet or sets the nav style.NavStyle.Tabs

Tabs Methods​

NameDescription
ShowFirstTabAsyncSelects the first tab and show its associated pane.
ShowLastTabAsyncSelects the last tab and show its associated pane.
ShowTabByNameAsync(string)Selects the tab by name and show its associated pane.
ShowTabByIndexAsync(int)Selects the tab by index and show its associated pane.

Tab Parameters​

NameTypeDescritpionRequiredDefault
TitlestringGets or sets the tab title.
TitleTemplateRenderFragmentGets or sets the tab title template.
ContentRenderFragmentSpecifies the content to be rendered inside the tab.✔️
IsActiveboolGets or sets the active tab.false
DisabledboolGets or sets the disabled.false
Note

Either Title or TitleTemplate is required.

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 make tabs fade in, add EnableFadeEffect="true". The first tab pane must also have IsActive="true" to make the initial content visible.

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 TitleTemplate, as shown in the below 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​

Use NavStyle="NavStyle.Pills" parameter to change the tabs to 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.

Activate individual tabs​

You can activate individual tabs in several ways. Use predefined methods 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.

Callback Events​

When showing a new tab, the events fire in the following order:

  1. OnHiding (on the current active tab)
  2. OnShowing (on the to-be-shown tab)
  3. OnHidden (on the previous active tab, the same one as for the OnHiding event)
  4. OnShown (on the newly-active just-shown tab, the same one as for the OnShowing event)
Note

If no tab was already active, then the OnHiding and OnHidden events will not be fired.

See demo here.

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.

- - - - \ No newline at end of file diff --git a/docs/components/toasts.html b/docs/components/toasts.html deleted file mode 100644 index 22b261388..000000000 --- a/docs/components/toasts.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - -Blazor Toasts Component | Blazor Bootstrap - - - - -
-

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​

NameTypeDescritpionRequiredDefaultAdded 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/docs/components/tooltips.html b/docs/components/tooltips.html deleted file mode 100644 index 4c1238302..000000000 --- a/docs/components/tooltips.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - -Blazor Tooltip Component | Blazor Bootstrap - - - - -
-

Blazor Tooltips

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

Parameters​

NameTypeDescritpionRequiredDefaultAdded Version
ChildContentRenderFragmentSpecifies the content to be rendered inside this.1.0.0
ColorTooltipColorGets or sets the tooltip color.TooltipColor.None1.10.0
PlacementSpecifies 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/docs/content/icons.html b/docs/content/icons.html deleted file mode 100644 index 7fce38f90..000000000 --- a/docs/content/icons.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - -Blazor Icons Component | Blazor Bootstrap - - - - -
-

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 rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css">

Parameters​

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

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.

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.

Bootstrap Icons​

Blazor Bootstrap: Icon Component - Bootstrap Icons

See all bootstrap icons demo here.

- - - - \ No newline at end of file diff --git a/docs/forms/autocomplete.html b/docs/forms/autocomplete.html deleted file mode 100644 index fe67f9218..000000000 --- a/docs/forms/autocomplete.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - -Blazor AutoComplete Component | Blazor Bootstrap - - - - -
-

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​

NameTypeDefaultRequiredDescritpionAdded 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 empty 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/docs/forms/switch.html b/docs/forms/switch.html deleted file mode 100644 index 52445d2c4..000000000 --- a/docs/forms/switch.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - -Blazor Switch Component | Blazor Bootstrap - - - - -
-

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/docs/getting-started/blazor-server.html b/docs/getting-started/blazor-server.html deleted file mode 100644 index 213318918..000000000 --- a/docs/getting-started/blazor-server.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - - - -Blazor Server | Blazor Bootstrap - - - - -
-

Getting started - Blazor Server

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

Add CSS references​

Add the following references to the head section in the Pages/_Host.cshtml.

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous" /><link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.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​

Add the following references to the body section in the Pages/_Host.cshtml after the _framework/blazor.server.js reference.

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" 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>
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

using BlazorBootstrap; // Add this line...         builder.Services.AddBlazorBootstrap(); // Add this line

Register tag helpers in _Imports.razor

@using BlazorBootstrap;

Remove default references​

In the Pages/_Host.cshtml file, the default blazor template includes demonstration code, icons, and Bootstrap. -These files are no longer needed.

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

Delete the default bootstrap and open-iconic folders from the wwwroot folder.

  1. wwwroot/css/bootstrap
  2. wwwroot/css/open-iconic

Either remove or keep the site.css file but make sure you clear it out of any content when the Sidebar component with full layout is used.

Starter templates​

.NET 6​

  1. Blazor Bootstrap - Blazor Server App

    Blazor Bootstrap - Blazor Server App

.NET 7​

  1. Blazor Bootstrap - Blazor Server App

    Blazor Bootstrap - Blazor Server App

  2. Blazor Bootstrap - Blazor Empty Server App

    Blazor Bootstrap - Blazor Empty Server App
- - - - \ No newline at end of file diff --git a/docs/getting-started/blazor-webassembly.html b/docs/getting-started/blazor-webassembly.html deleted file mode 100644 index 8ce1e210e..000000000 --- a/docs/getting-started/blazor-webassembly.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - - - -Blazor WebAssembly | Blazor Bootstrap - - - - -
-

Getting started - Blazor WebAssembly

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

Add CSS references​

Add the following references to the head section in the wwwroot/index.html.

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous" /><link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.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​

Add the following references to the body section in the wwwroot/index.html after the _framework/blazor.webassembly.js reference.

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" 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>
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

using BlazorBootstrap; // Add this line...         builder.Services.AddBlazorBootstrap(); // Add this line

Register tag helpers in _Imports.razor

@using BlazorBootstrap;

Remove default references​

In the wwwroot/index.html file, the default blazor template includes demonstration code, icons, and Bootstrap. -These files are no longer needed.

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

Delete the default bootstrap and open-iconic folders from the wwwroot folder.

  1. wwwroot/css/bootstrap
  2. wwwroot/css/open-iconic

Either remove or keep the app.css file but make sure you clear it out of any content when the Sidebar component with full layout is used.

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/docs/getting-started/maui-blazor.html b/docs/getting-started/maui-blazor.html deleted file mode 100644 index 3d02763dd..000000000 --- a/docs/getting-started/maui-blazor.html +++ /dev/null @@ -1,23 +0,0 @@ - - - - - - - - - - - -MAUI Blazor | Blazor Bootstrap - - - - -
-

Getting started - MAUI Blazor App

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

Add CSS references​

Add the following references to the head section in the wwwroot/index.html.

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous" /><link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css" rel="stylesheet" /><link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />

Add script references​

Add the following references to the body section in the wwwroot/index.html after the _framework/blazor.webview.js reference.

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" 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>
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

using BlazorBootstrap; // Add this line...         builder.Services.AddBlazorBootstrap(); // Add this line

Register tag helpers in _Imports.razor

@using BlazorBootstrap;

Remove default references​

In the wwwroot/index.html file, the default blazor template includes demonstration code, icons, and Bootstrap. -These files are no longer needed.

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

Delete the default bootstrap and open-iconic folders from the wwwroot folder.

  1. wwwroot/css/bootstrap
  2. wwwroot/css/open-iconic

Either remove or keep the app.css file but make sure you clear it out of any content when the Sidebar component with full layout is used.

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/docs/layout/blazor-server.html b/docs/layout/blazor-server.html deleted file mode 100644 index a86863492..000000000 --- a/docs/layout/blazor-server.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - -Blazor Server | Blazor Bootstrap - - - - -
-

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/docs/layout/blazor-webassembly.html b/docs/layout/blazor-webassembly.html deleted file mode 100644 index a8b483b55..000000000 --- a/docs/layout/blazor-webassembly.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - -Blazor WebAssembly | Blazor Bootstrap - - - - -
-

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/docs/services/modal.html b/docs/services/modal.html deleted file mode 100644 index 17422f401..000000000 --- a/docs/services/modal.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - -Blazor Modal Service | Blazor Bootstrap - - - - -
-

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/forms/autocomplete.html b/forms/autocomplete.html new file mode 100644 index 000000000..0d749c54e --- /dev/null +++ b/forms/autocomplete.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +Blazor AutoComplete Component | Blazor Bootstrap + + + + +
+

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​

NameTypeDefaultRequiredDescritpionAdded 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 empty 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/docs/forms/currency-input.html b/forms/currency-input.html similarity index 67% rename from docs/forms/currency-input.html rename to forms/currency-input.html index 7f6376690..9058ff067 100644 --- a/docs/forms/currency-input.html +++ b/forms/currency-input.html @@ -9,16 +9,16 @@ -Blazor Currency Input Component | Blazor Bootstrap - - +Blazor Currency Input Component | Blazor Bootstrap + +
-

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

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

- - +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/docs/forms/date-input.html b/forms/date-input.html similarity index 83% rename from docs/forms/date-input.html rename to forms/date-input.html index 6c548405e..9f8699cfd 100644 --- a/docs/forms/date-input.html +++ b/forms/date-input.html @@ -9,17 +9,17 @@ -Blazor Date Input Component | Blazor Bootstrap - - +Blazor Date Input Component | Blazor Bootstrap + +
-

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.

Blazor Bootstrap: Date Input Component

Parameters​

NameTypeDefaultRequiredDescriptionAdded Version
AutoCompleteboolfalseIndicates whether the DateInput can complete the values automatically by the browser.1.5.0
DisabledboolfalseGets or sets the disabled.1.5.0
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.1.5.0
MaxTValueGets or sets the max. Max ignored if EnableMinMax="false".1.5.0
MinTValueGets or sets the min. Min ignored if EnableMinMax="false".1.5.0
Placeholderstring?nullGets or sets the placeholder.1.5.0
ValueTValueGets or sets the value.1.5.0
ValueExpressionExpression<Func<TValue>>Gets or sets the expression1.6.0

Methods​

NameDescriptionAdded Version
DisableDisables date input.1.5.0
EnableEnables date input.1.5.0

Events​

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

Blazor Bootstrap: Date Input Component - Basic usage
<div class="mb-3">    <DateInput TValue="DateOnly" @bind-Value="@date1" Placeholder="Enter Date" /></div><div class="mb-3">Entered date: @date1</div>
@code {    private DateOnly date1 = DateOnly.FromDateTime(DateTime.Now.AddDays(1));}

See demo here

Generic type​

The Blazor Bootstrap DateInput component supports several data types: DateOnly, DateOnly?, DateTime, and DateTime?. This allows flexible component usage to accommodate various data types in Blazor applications.

In the below example, TValue is set to DateOnly, DateOnly?, DateTime, and DateTime?.

Blazor Bootstrap: Date Input Component - Generic type
<div class="mb-3">    <strong>DateOnly</strong>:</div><div class="mb-3">    <DateInput TValue="DateOnly" @bind-Value="@date1" Placeholder="Enter Date" /></div><div class="mb-3">Entered date: @date1</div><div class="mb-3">    <strong>DateOnly?</strong>:</div><div class="mb-3">    <DateInput TValue="DateOnly?" @bind-Value="@date2" Placeholder="Enter Date" /></div><div class="mb-3">Entered date: @date2</div><div class="mb-3">    <strong>DateTime</strong>:</div><div class="mb-3">    <DateInput TValue="DateTime" @bind-Value="@date3" Placeholder="Enter Date" /></div><div class="mb-3">Entered date: @date3</div><div class="mb-3">    <strong>DateTime?</strong>:</div><div class="mb-3">    <DateInput TValue="DateTime?" @bind-Value="@date4" Placeholder="Enter Date" /></div><div class="mb-3">Entered date: @date4</div>
@code {    private DateOnly date1 = DateOnly.FromDateTime(DateTime.Now.AddMonths(3));    private DateOnly? date2;    private DateTime date3 = DateTime.Now.AddMonths(3);    private DateTime? date4;}

See demo here

Enable min and max​

Set EnableMinMax="true" and set the Min and Max parameters to restrict the user input between the Min and Max range.

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

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.

Blazor Bootstrap: Date Input Component

Parameters​

NameTypeDefaultRequiredDescriptionAdded Version
AutoCompleteboolfalseIndicates whether the DateInput can complete the values automatically by the browser.1.5.0
DisabledboolfalseGets or sets the disabled.1.5.0
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.1.5.0
MaxTValueGets or sets the max. Max ignored if EnableMinMax="false".1.5.0
MinTValueGets or sets the min. Min ignored if EnableMinMax="false".1.5.0
Placeholderstring?nullGets or sets the placeholder.1.5.0
ValueTValueGets or sets the value.1.5.0
ValueExpressionExpression<Func<TValue>>Gets or sets the expression1.6.0

Methods​

NameDescriptionAdded Version
DisableDisables date input.1.5.0
EnableEnables date input.1.5.0

Events​

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

Blazor Bootstrap: Date Input Component - Basic usage
<div class="mb-3">    <DateInput TValue="DateOnly" @bind-Value="@date1" Placeholder="Enter Date" /></div><div class="mb-3">Entered date: @date1</div>
@code {    private DateOnly date1 = DateOnly.FromDateTime(DateTime.Now.AddDays(1));}

See demo here

Generic type​

The Blazor Bootstrap DateInput component supports several data types: DateOnly, DateOnly?, DateTime, and DateTime?. This allows flexible component usage to accommodate various data types in Blazor applications.

In the below example, TValue is set to DateOnly, DateOnly?, DateTime, and DateTime?.

Blazor Bootstrap: Date Input Component - Generic type
<div class="mb-3">    <strong>DateOnly</strong>:</div><div class="mb-3">    <DateInput TValue="DateOnly" @bind-Value="@date1" Placeholder="Enter Date" /></div><div class="mb-3">Entered date: @date1</div><div class="mb-3">    <strong>DateOnly?</strong>:</div><div class="mb-3">    <DateInput TValue="DateOnly?" @bind-Value="@date2" Placeholder="Enter Date" /></div><div class="mb-3">Entered date: @date2</div><div class="mb-3">    <strong>DateTime</strong>:</div><div class="mb-3">    <DateInput TValue="DateTime" @bind-Value="@date3" Placeholder="Enter Date" /></div><div class="mb-3">Entered date: @date3</div><div class="mb-3">    <strong>DateTime?</strong>:</div><div class="mb-3">    <DateInput TValue="DateTime?" @bind-Value="@date4" Placeholder="Enter Date" /></div><div class="mb-3">Entered date: @date4</div>
@code {    private DateOnly date1 = DateOnly.FromDateTime(DateTime.Now.AddMonths(3));    private DateOnly? date2;    private DateTime date3 = DateTime.Now.AddMonths(3);    private DateTime? date4;}

See demo here

Enable min and max​

Set EnableMinMax="true" and set the Min and Max parameters to restrict the user input between the Min and Max range.

Blazor Bootstrap: Date Input Component - Enable min and max
NOTE

If the user tries to enter a number in the DateInput field which is out of range, then it will override with Min or Max value based on the context. If the user input is less than the Min value, then it will override with the Min value. If the user input exceeds the Max value, it will override with the Max value.

<div class="mb-3">    <strong>DateOnly</strong>:</div><div class="mb-3">    <DateInput TValue="DateOnly" @bind-Value="@date1" EnableMinMax="true" Min="@min1" Max="@max1" Placeholder="Enter Date" /></div><div class="mb-3">Min date: @min1</div><div class="mb-3">Max date: @max1</div><div class="mb-3">Entered date: @date1</div><div class="mb-3">    <strong>DateOnly?</strong>:</div><div class="mb-3">    <DateInput TValue="DateOnly?" @bind-Value="@date2" EnableMinMax="true" Min="@min2" Max="@max2" Placeholder="Enter Date" /></div><div class="mb-3">Min date: @min2</div><div class="mb-3">Max date: @max2</div><div class="mb-3">Entered date: @date2</div><div class="mb-3">    <strong>DateTime</strong>:</div><div class="mb-3">    <DateInput TValue="DateTime" @bind-Value="@date3" EnableMinMax="true" Min="@min3" Max="@max3" Placeholder="Enter Date" /></div><div class="mb-3">Min date: @min3</div><div class="mb-3">Max date: @max3</div><div class="mb-3">Entered date: @date3</div><div class="mb-3">    <strong>DateTime?</strong>:</div><div class="mb-3">    <DateInput TValue="DateTime?" @bind-Value="@date4" EnableMinMax="true" Min="@min4" Max="@max4" Placeholder="Enter Date" /></div><div class="mb-3">Min date: @min4</div><div class="mb-3">Max date: @max4</div><div class="mb-3">Entered date: @date4</div>
@code {    private DateTime date = DateTime.Now.AddMonths(3);    private DateTime min = DateTime.Now.AddMonths(-1);    private DateTime max = DateTime.Now.AddYears(1);    private DateOnly date1, min1, max1;    private DateOnly? date2, min2, max2;    private DateTime date3, min3, max3;    private DateTime? date4, min4, max4;    protected override void OnInitialized()    {        date1 = DateOnly.FromDateTime(date);        min1 = DateOnly.FromDateTime(min);        max1 = DateOnly.FromDateTime(max);        date2 = null;        min2 = DateOnly.FromDateTime(min);        max2 = DateOnly.FromDateTime(max);        date3 = DateTime.Now.AddMonths(3);        min3 = min;        max3 = max;        date4 = null;        min4 = min;        max4 = max;    }}

See demo here

Disable​

Use the Disabled parameter to disable the DateInput.

<div class="mb-3">    <DateInput TValue="DateOnly"               @bind-Value="@date1"               Disabled="@disabled"               Placeholder="Enter Date" /></div><div class="mb-3">Entered date: @date1</div><Button Color="ButtonColor.Primary" @onclick="Enable"> Enable </Button><Button Color="ButtonColor.Secondary" @onclick="Disable"> Disable </Button><Button Color="ButtonColor.Warning" @onclick="Toggle"> Toggle </Button>
@code {    private DateOnly date1 = DateOnly.FromDateTime(DateTime.Now);    private bool disabled = true;    private void Enable() => disabled = false;    private void Disable() => disabled = true;    private void Toggle() => disabled = !disabled;}

Also, use Enable() and Disable() methods to enable and disable the DateInput.

NOTE

Do not use both the Disabled parameter and Enable() & Disable() methods.

<div class="mb-3">    <DateInput @ref="dateInput"               TValue="DateOnly"               @bind-Value="@date1"               Placeholder="Enter Date" /></div><div class="mb-3">Entered date: @date1</div><Button Color="ButtonColor.Secondary" @onclick="Disable"> Disable </Button><Button Color="ButtonColor.Primary" @onclick="Enable"> Enable </Button>
@code {    private DateInput<DateOnly> dateInput = default!;    private DateOnly date1 = DateOnly.FromDateTime(DateTime.Now);    private void Disable() => dateInput.Disable();    private void Enable() => dateInput.Enable();}

See demo here

Validations​

Like any other blazor input component, DateInput component supports validations. Use the Use the DataAnnotations to validate the user input before submitting the form. In the below example, we used the Required attributes.

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; }    }}
- - +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/docs/forms/number-input.html b/forms/number-input.html similarity index 78% rename from docs/forms/number-input.html rename to forms/number-input.html index 2441e0495..6053a11ed 100644 --- a/docs/forms/number-input.html +++ b/forms/number-input.html @@ -9,16 +9,16 @@ -Blazor Number Input Component | Blazor Bootstrap - - +Blazor Number Input Component | Blazor Bootstrap + +
-

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

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

- - +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/switch.html b/forms/switch.html new file mode 100644 index 000000000..c22309f38 --- /dev/null +++ b/forms/switch.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +Blazor Switch Component | Blazor Bootstrap + + + + +
+

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/docs/forms/time-input.html b/forms/time-input.html similarity index 86% rename from docs/forms/time-input.html rename to forms/time-input.html index 55fc10418..c9d02b323 100644 --- a/docs/forms/time-input.html +++ b/forms/time-input.html @@ -9,18 +9,18 @@ -Blazor Time Input Component | Blazor Bootstrap - - +Blazor Time Input Component | Blazor Bootstrap + +
-

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.

Blazor Bootstrap: Time Input Component

Parameters​

NameTypeDefaultRequiredDescriptionAdded Version
AutoCompleteboolfalseIndicates whether the TimeInput can complete the values automatically by the browser.1.6.0
DisabledboolfalseGets or sets the disabled.1.6.0
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.1.6.0
MaxTValueGets or sets the max. Max ignored if EnableMinMax="false".1.6.0
MinTValueGets or sets the min. Min ignored if EnableMinMax="false".1.6.0
Placeholderstring?nullGets or sets the placeholder.1.6.0
ValueTValueGets or sets the value.1.6.0
ValueExpressionExpression<Func<TValue>>Gets or sets the expression1.6.0

Methods​

NameDescriptionAdded Version
DisableDisables time input.1.6.0
EnableEnables time input.1.6.0

Events​

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

Blazor Bootstrap: Time Input Component - Basic usage
<div class="mb-3">    <TimeInput TValue="TimeOnly" @bind-Value="@date1" /></div><div class="mb-3">Entered date: @date1</div>@code {    private TimeOnly date1 = new TimeOnly(13, 14);}

See demo here

Generic type​

The Blazor Bootstrap TimeInput component supports TimeOnly and TimeOnly?. In the below example, TValue is set to TimeOnly and TimeOnly?.

Blazor Bootstrap: Time Input Component - Generic type
<div class="mb-3">    <strong>TimeOnly</strong>:</div><div class="mb-3">    <TimeInput TValue="TimeOnly" @bind-Value="@time1" /></div><div class="mb-3">Entered time: @time1</div><div class="mb-3">    <strong>TimeOnly?</strong>:</div><div class="mb-3">    <TimeInput TValue="TimeOnly?" @bind-Value="@time2" /></div><div class="mb-3">Entered time: @time2</div>
@code {    private TimeOnly time1 = new TimeOnly(6, 40);    private TimeOnly? time2;}

See demo here

Enable min and max​

Set EnableMinMax="true" and set the Min and Max parameters to restrict the user input between the Min and Max range.

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

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.

Blazor Bootstrap: Time Input Component

Parameters​

NameTypeDefaultRequiredDescriptionAdded Version
AutoCompleteboolfalseIndicates whether the TimeInput can complete the values automatically by the browser.1.6.0
DisabledboolfalseGets or sets the disabled.1.6.0
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.1.6.0
MaxTValueGets or sets the max. Max ignored if EnableMinMax="false".1.6.0
MinTValueGets or sets the min. Min ignored if EnableMinMax="false".1.6.0
Placeholderstring?nullGets or sets the placeholder.1.6.0
ValueTValueGets or sets the value.1.6.0
ValueExpressionExpression<Func<TValue>>Gets or sets the expression1.6.0

Methods​

NameDescriptionAdded Version
DisableDisables time input.1.6.0
EnableEnables time input.1.6.0

Events​

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

Blazor Bootstrap: Time Input Component - Basic usage
<div class="mb-3">    <TimeInput TValue="TimeOnly" @bind-Value="@date1" /></div><div class="mb-3">Entered date: @date1</div>@code {    private TimeOnly date1 = new TimeOnly(13, 14);}

See demo here

Generic type​

The Blazor Bootstrap TimeInput component supports TimeOnly and TimeOnly?. In the below example, TValue is set to TimeOnly and TimeOnly?.

Blazor Bootstrap: Time Input Component - Generic type
<div class="mb-3">    <strong>TimeOnly</strong>:</div><div class="mb-3">    <TimeInput TValue="TimeOnly" @bind-Value="@time1" /></div><div class="mb-3">Entered time: @time1</div><div class="mb-3">    <strong>TimeOnly?</strong>:</div><div class="mb-3">    <TimeInput TValue="TimeOnly?" @bind-Value="@time2" /></div><div class="mb-3">Entered time: @time2</div>
@code {    private TimeOnly time1 = new TimeOnly(6, 40);    private TimeOnly? time2;}

See demo here

Enable min and max​

Set EnableMinMax="true" and set the Min and Max parameters to restrict the user input between the Min and Max range.

Blazor Bootstrap: Date Input Component - Enable min and max
NOTE

If the user tries to enter a number in the TimeInput field which is out of range, then it will override with Min or Max value based on the context. If the user input is less than the Min value, then it will override with the Min value. If the user input exceeds the Max value, it will override with the Max value.

<div class="mb-3">    <strong>TimeOnly</strong>:</div><div class="mb-3">    <TimeInput TValue="TimeOnly" @bind-Value="@time1" EnableMinMax="true" Min="@min1" Max="@max1" /></div><div class="mb-3">Min time: @min1</div><div class="mb-3">Max time: @max1</div><div class="mb-3">Entered time: @time1</div><div class="mb-3">    <strong>TimeOnly?</strong>:</div><div class="mb-3">    <TimeInput TValue="TimeOnly?" @bind-Value="@time2" EnableMinMax="true" Min="@min2" Max="@max2" /></div><div class="mb-3">Min time: @min2</div><div class="mb-3">Max time: @max2</div><div class="mb-3">Entered time: @time2</div>
@code {    private TimeOnly time1, min1, max1;    private TimeOnly? time2, min2, max2;    protected override void OnInitialized()    {        time1 = new TimeOnly(10, 0); // 10:00 AM        min1 = new TimeOnly(8, 0); // 08:00 AM        max1 = new TimeOnly(18, 0); // 06:00 PM        time2 = null;        min2 = new TimeOnly(8, 0); // 08:00 AM        max2 = new TimeOnly(18, 0); // 06:00 PM    }}

See demo here

Disable​

Use the Disabled parameter to disable the TimeInput.

<div class="mb-3">    <TimeInput TValue="TimeOnly" @bind-Value="@time1" Disabled="@disabled" /></div><div class="mb-3">Entered time: @time1</div><Button Color="ButtonColor.Primary" @onclick="Enable"> Enable </Button><Button Color="ButtonColor.Secondary" @onclick="Disable"> Disable </Button><Button Color="ButtonColor.Warning" @onclick="Toggle"> Toggle </Button>
@code {    private TimeOnly time1 = new TimeOnly(10, 50); // 10:50 AM    private bool disabled = true;    private void Enable() => disabled = false;    private void Disable() => disabled = true;    private void Toggle() => disabled = !disabled;}

Also, use Enable() and Disable() methods to enable and disable the TimeInput.

NOTE

Do not use both the Disabled parameter and Enable() & Disable() methods.

<div class="mb-3">    <TimeInput @ref="timeInput1" TValue="TimeOnly" @bind-Value="@time1" /></div><div class="mb-3">Entered time: @time1</div><Button Color="ButtonColor.Secondary" @onclick="Disable"> Disable </Button><Button Color="ButtonColor.Primary" @onclick="Enable"> Enable </Button>
@code {    private TimeInput<TimeOnly> timeInput1 = default!;    private TimeOnly time1 = new TimeOnly(10, 50); // 10:50 AM    private void Disable() => timeInput1.Disable();    private void Enable() => timeInput1.Enable();}

See demo here

Validations​

Like any other blazor input component, TimeInput component supports validations. Use the Use the DataAnnotations to validate the user input before submitting the form. In the below example, we used the Required attributes.

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; }    }}
- - +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.html b/getting-started/blazor-server.html new file mode 100644 index 000000000..fc2ce2a8c --- /dev/null +++ b/getting-started/blazor-server.html @@ -0,0 +1,24 @@ + + + + + + + + + + + +Blazor Server | Blazor Bootstrap + + + + +
+

Getting started - Blazor Server

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

Add CSS references​

Add the following references to the head section in the Pages/_Host.cshtml.

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous" /><link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.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​

Add the following references to the body section in the Pages/_Host.cshtml after the _framework/blazor.server.js reference.

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" 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(); // Add this line

Register tag helpers in _Imports.razor

@using BlazorBootstrap;

Remove default references​

In the Pages/_Host.cshtml file, the default blazor template includes demonstration code, icons, and Bootstrap. +These files are no longer needed.

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

Delete the default bootstrap and open-iconic folders from the wwwroot folder.

  1. wwwroot/css/bootstrap
  2. wwwroot/css/open-iconic

Either remove or keep the site.css file but make sure you clear it out of any content when the Sidebar component with full layout is used.

Starter templates​

.NET 6​

  1. Blazor Bootstrap - Blazor Server App

    Blazor Bootstrap - Blazor Server App

.NET 7​

  1. Blazor Bootstrap - Blazor Server App

    Blazor Bootstrap - Blazor Server App

  2. Blazor Bootstrap - Blazor Empty Server App

    Blazor Bootstrap - Blazor Empty Server App
+ + + + \ No newline at end of file diff --git a/getting-started/blazor-webassembly.html b/getting-started/blazor-webassembly.html new file mode 100644 index 000000000..0d1e47518 --- /dev/null +++ b/getting-started/blazor-webassembly.html @@ -0,0 +1,24 @@ + + + + + + + + + + + +Blazor WebAssembly | Blazor Bootstrap + + + + +
+

Getting started - Blazor WebAssembly

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

Add CSS references​

Add the following references to the head section in the wwwroot/index.html.

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous" /><link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.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​

Add the following references to the body section in the wwwroot/index.html after the _framework/blazor.webassembly.js reference.

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" 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(); // Add this line

Register tag helpers in _Imports.razor

@using BlazorBootstrap;

Remove default references​

In the wwwroot/index.html file, the default blazor template includes demonstration code, icons, and Bootstrap. +These files are no longer needed.

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

Delete the default bootstrap and open-iconic folders from the wwwroot folder.

  1. wwwroot/css/bootstrap
  2. wwwroot/css/open-iconic

Either remove or keep the app.css file but make sure you clear it out of any content when the Sidebar component with full layout is used.

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/getting-started/maui-blazor.html b/getting-started/maui-blazor.html new file mode 100644 index 000000000..3c84cc688 --- /dev/null +++ b/getting-started/maui-blazor.html @@ -0,0 +1,23 @@ + + + + + + + + + + + +MAUI Blazor | Blazor Bootstrap + + + + +
+

Getting started - MAUI Blazor App

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

Add CSS references​

Add the following references to the head section in the wwwroot/index.html.

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous" /><link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css" rel="stylesheet" /><link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />

Add script references​

Add the following references to the body section in the wwwroot/index.html after the _framework/blazor.webview.js reference.

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" 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(); // Add this line

Register tag helpers in _Imports.razor

@using BlazorBootstrap;

Remove default references​

In the wwwroot/index.html file, the default blazor template includes demonstration code, icons, and Bootstrap. +These files are no longer needed.

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

Delete the default bootstrap and open-iconic folders from the wwwroot folder.

  1. wwwroot/css/bootstrap
  2. wwwroot/css/open-iconic

Either remove or keep the app.css file but make sure you clear it out of any content when the Sidebar component with full layout is used.

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/index.html b/index.html index ee1f13957..cfff118e3 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,5 @@ - + @@ -9,14 +9,14 @@ -Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework | Blazor Bootstrap - - +Blazor Bootstrap + +
-
Blazor Bootstrap

Blazor Bootstrap

High-performance, lightweight, and responsive blazor bootstrap components in a single package from the developers for the developers.

Get started
👍

Easy to Use

BlazorBootstrap has been built with Blazor and Bootstrap CSS framework to use Bootstrap components with ease.

🧐

Focus on What Matters

BlazorBootstrap lets you focus on your deliverables, and we'll build the Bootstrap components in Blazor.

🔓

Open-source & free

BlazorBootstrap is licensed under the Apache License 2.0. Clone it, fork it, and customize it.

- - +
+ + \ No newline at end of file diff --git a/layout/blazor-server.html b/layout/blazor-server.html new file mode 100644 index 000000000..8926512a3 --- /dev/null +++ b/layout/blazor-server.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +Blazor Server | Blazor Bootstrap + + + + +
+

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 new file mode 100644 index 000000000..181037821 --- /dev/null +++ b/layout/blazor-webassembly.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +Blazor WebAssembly | Blazor Bootstrap + + + + +
+

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 cee7f720a..e78b08d02 100644 --- a/search-index.json +++ b/search-index.json @@ -1 +1 @@ -[{"documents":[{"i":1,"t":"Blog | Blazor Bootstrap","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.0.4","u":"/blog/2021/12/12/blazorbootstrap-0.0.4","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.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.3","u":"/blog/2022/04/30/blazorbootstrap-0.2.3","b":[]},{"i":23,"t":"BlazorBootstrap v0.2.4","u":"/blog/2022/06/19/blazorbootstrap-0.2.4","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 v0.6.0","u":"/blog/2022/10/30/blazorbootstrap-0.6.0","b":[]},{"i":43,"t":"Blazor Bootstrap v1.0.0","u":"/blog/2022/11/18/blazorbootstrap-1.0.0","b":[]},{"i":45,"t":"Blazor Bootstrap v1.0.1","u":"/blog/2022/11/22/blazorbootstrap-1.0.1","b":[]},{"i":47,"t":"Blazor Bootstrap v1.1.0","u":"/blog/2022/11/28/blazorbootstrap-1.1.0","b":[]},{"i":49,"t":"Blazor Bootstrap v1.2.0","u":"/blog/2022/12/12/blazorbootstrap-1.2.0","b":[]},{"i":51,"t":"Blazor Bootstrap v1.3.0","u":"/blog/2022/12/15/blazorbootstrap-1.3.0","b":[]},{"i":53,"t":"Blazor Bootstrap v1.4.0","u":"/blog/2023/01/15/blazorbootstrap-1.4.0","b":[]},{"i":55,"t":"Blazor Bootstrap v1.4.1","u":"/blog/2023/01/23/blazorbootstrap-1.4.1","b":[]},{"i":57,"t":"Blazor Bootstrap v1.4.2","u":"/blog/2023/01/30/blazorbootstrap-1.4.2","b":[]},{"i":59,"t":"Blazor Bootstrap v1.3.1","u":"/blog/2022/12/18/blazorbootstrap-1.3.1","b":[]},{"i":61,"t":"Blazor Bootstrap v1.4.3","u":"/blog/2023/02/07/blazorbootstrap-1.4.3","b":[]},{"i":63,"t":"Blazor Bootstrap v1.4.4","u":"/blog/2023/02/10/blazorbootstrap-1.4.4","b":[]},{"i":65,"t":"Blazor Bootstrap v1.4.5","u":"/blog/2023/02/23/blazorbootstrap-1.4.5","b":[]},{"i":67,"t":"Blazor Bootstrap v1.5.0","u":"/blog/2023/03/05/blazorbootstrap-1.5.0","b":[]},{"i":69,"t":"Blazor Bootstrap v1.6.0","u":"/blog/2023/03/12/blazorbootstrap-1.6.0","b":[]},{"i":71,"t":"Blazor Bootstrap v1.7.0","u":"/blog/2023/04/10/blazorbootstrap-1.7.0","b":[]},{"i":73,"t":"Blazor Bootstrap v1.7.1","u":"/blog/2023/04/19/blazorbootstrap-1.7.1","b":[]},{"i":75,"t":"Blazor Bootstrap v1.7.2","u":"/blog/2023/04/24/blazorbootstrap-1.7.2","b":[]},{"i":77,"t":"Blazor Bootstrap v1.7.3","u":"/blog/2023/04/29/blazorbootstrap-1.7.3","b":[]},{"i":79,"t":"Blazor Bootstrap v1.8.0","u":"/blog/2023/05/28/blazorbootstrap-1.8.0","b":[]},{"i":81,"t":"Blazor Bootstrap v1.8.1","u":"/blog/2023/05/31/blazorbootstrap-1.8.1","b":[]},{"i":83,"t":"Blazor Bootstrap v1.8.2","u":"/blog/2023/06/11/blazorbootstrap-1.8.2","b":[]},{"i":85,"t":"Blazor Bootstrap v1.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.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":"Archive","u":"/blog/archive","b":[]},{"i":107,"t":"Blog | Blazor Bootstrap","u":"/blog/page/2","b":[]},{"i":109,"t":"Blog | Blazor Bootstrap","u":"/blog/page/3","b":[]},{"i":111,"t":"Blog | Blazor Bootstrap","u":"/blog/page/4","b":[]},{"i":113,"t":"Blog | Blazor Bootstrap","u":"/blog/page/5","b":[]},{"i":115,"t":"Blog | Blazor Bootstrap","u":"/blog/page/6","b":[]},{"i":117,"t":"Tags","u":"/blog/tags","b":[]},{"i":119,"t":"One post tagged with \"accordion\"","u":"/blog/tags/accordion","b":[]},{"i":121,"t":"One post tagged with \"alert\"","u":"/blog/tags/alert","b":[]},{"i":123,"t":"8 posts tagged with \"autocomplete\"","u":"/blog/tags/autocomplete","b":[]},{"i":125,"t":"One post tagged with \"badge\"","u":"/blog/tags/badge","b":[]},{"i":127,"t":"31 posts tagged with \"blazor\"","u":"/blog/tags/blazor","b":[]},{"i":129,"t":"One post tagged with \"blazor-autocomplete\"","u":"/blog/tags/blazor-autocomplete","b":[]},{"i":131,"t":"One post tagged with \"blazor-bar-chart\"","u":"/blog/tags/blazor-bar-chart","b":[]},{"i":133,"t":"5 posts tagged with \"blazor-bootstrap\"","u":"/blog/tags/blazor-bootstrap","b":[]},{"i":135,"t":"One post tagged with \"blazor-charts\"","u":"/blog/tags/blazor-charts","b":[]},{"i":137,"t":"2 posts tagged with \"blazor-confirm-dialog\"","u":"/blog/tags/blazor-confirm-dialog","b":[]},{"i":139,"t":"One post tagged with \"blazor-currency-input\"","u":"/blog/tags/blazor-currency-input","b":[]},{"i":141,"t":"2 posts tagged with \"blazor-dialog\"","u":"/blog/tags/blazor-dialog","b":[]},{"i":143,"t":"One post tagged with \"blazor-doughnut-chart\"","u":"/blog/tags/blazor-doughnut-chart","b":[]},{"i":145,"t":"3 posts tagged with \"blazor-grid\"","u":"/blog/tags/blazor-grid","b":[]},{"i":147,"t":"One post tagged with \"blazor-grid-filtering\"","u":"/blog/tags/blazor-grid-filtering","b":[]},{"i":149,"t":"One post tagged with \"blazor-grid-paging\"","u":"/blog/tags/blazor-grid-paging","b":[]},{"i":151,"t":"One post tagged with \"blazor-grid-sorting\"","u":"/blog/tags/blazor-grid-sorting","b":[]},{"i":153,"t":"One post tagged with \"blazor-input\"","u":"/blog/tags/blazor-input","b":[]},{"i":155,"t":"One post tagged with \"blazor-input-number\"","u":"/blog/tags/blazor-input-number","b":[]},{"i":157,"t":"One post tagged with \"blazor-number\"","u":"/blog/tags/blazor-number","b":[]},{"i":159,"t":"One post tagged with \"blazor-line-chart\"","u":"/blog/tags/blazor-line-chart","b":[]},{"i":161,"t":"One post tagged with \"blazor-number-input\"","u":"/blog/tags/blazor-number-input","b":[]},{"i":163,"t":"One post tagged with \"blazor-offcanvas\"","u":"/blog/tags/blazor-offcanvas","b":[]},{"i":165,"t":"One post tagged with \"blazor-pie-chart\"","u":"/blog/tags/blazor-pie-chart","b":[]},{"i":167,"t":"2 posts tagged with \"blazor-preload\"","u":"/blog/tags/blazor-preload","b":[]},{"i":169,"t":"One post tagged with \"blazor-progress\"","u":"/blog/tags/blazor-progress","b":[]},{"i":171,"t":"One post tagged with \"blazor-progress-bar\"","u":"/blog/tags/blazor-progress-bar","b":[]},{"i":173,"t":"One post tagged with \"blazor-sidemodal\"","u":"/blog/tags/blazor-sidemodal","b":[]},{"i":175,"t":"2 posts tagged with \"blazor-spinner\"","u":"/blog/tags/blazor-spinner","b":[]},{"i":177,"t":"One post tagged with \"blazor-starter-templates\"","u":"/blog/tags/blazor-starter-templates","b":[]},{"i":179,"t":"One post tagged with \"blazor-tabs\"","u":"/blog/tags/blazor-tabs","b":[]},{"i":181,"t":"One post tagged with \"blazor-templates\"","u":"/blog/tags/blazor-templates","b":[]},{"i":183,"t":"One post tagged with \"blazor-toast\"","u":"/blog/tags/blazor-toast","b":[]},{"i":185,"t":"2 posts tagged with \"blazor-toasts\"","u":"/blog/tags/blazor-toasts","b":[]},{"i":187,"t":"31 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/2","b":[]},{"i":189,"t":"31 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/3","b":[]},{"i":191,"t":"31 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/4","b":[]},{"i":193,"t":"One post tagged with \"blazoraccordion\"","u":"/blog/tags/blazoraccordion","b":[]},{"i":195,"t":"4 posts tagged with \"blazorautocomplete\"","u":"/blog/tags/blazorautocomplete","b":[]},{"i":197,"t":"One post tagged with \"blazorbadge\"","u":"/blog/tags/blazorbadge","b":[]},{"i":199,"t":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap","b":[]},{"i":201,"t":"One post tagged with \"blazorbootstrap-starter-templates\"","u":"/blog/tags/blazorbootstrap-starter-templates","b":[]},{"i":203,"t":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/2","b":[]},{"i":205,"t":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/3","b":[]},{"i":207,"t":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/4","b":[]},{"i":209,"t":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/5","b":[]},{"i":211,"t":"One post tagged with \"blazorbreadcrumb\"","u":"/blog/tags/blazorbreadcrumb","b":[]},{"i":213,"t":"2 posts tagged with \"blazorbutton\"","u":"/blog/tags/blazorbutton","b":[]},{"i":215,"t":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/6","b":[]},{"i":217,"t":"3 posts tagged with \"blazorbuttons\"","u":"/blog/tags/blazorbuttons","b":[]},{"i":219,"t":"One post tagged with \"blazorchart\"","u":"/blog/tags/blazorchart","b":[]},{"i":221,"t":"One post tagged with \"blazorcollapse\"","u":"/blog/tags/blazorcollapse","b":[]},{"i":223,"t":"One post tagged with \"blazorconfirmdialog\"","u":"/blog/tags/blazorconfirmdialog","b":[]},{"i":225,"t":"One post tagged with \"blazorconfirmmodal\"","u":"/blog/tags/blazorconfirmmodal","b":[]},{"i":227,"t":"3 posts tagged with \"blazorcurrencyinput\"","u":"/blog/tags/blazorcurrencyinput","b":[]},{"i":229,"t":"One post tagged with \"blazordate\"","u":"/blog/tags/blazordate","b":[]},{"i":231,"t":"4 posts tagged with \"blazordateinput\"","u":"/blog/tags/blazordateinput","b":[]},{"i":233,"t":"2 posts tagged with \"blazordatepicker\"","u":"/blog/tags/blazordatepicker","b":[]},{"i":235,"t":"One post tagged with \"blazordialog\"","u":"/blog/tags/blazordialog","b":[]},{"i":237,"t":"13 posts tagged with \"blazorgrid\"","u":"/blog/tags/blazorgrid/page/2","b":[]},{"i":239,"t":"13 posts tagged with \"blazorgrid\"","u":"/blog/tags/blazorgrid","b":[]},{"i":241,"t":"One post tagged with \"blazoricon\"","u":"/blog/tags/blazoricon","b":[]},{"i":243,"t":"2 posts tagged with \"blazormodalservice\"","u":"/blog/tags/blazormodalservice","b":[]},{"i":245,"t":"8 posts tagged with \"blazormodal\"","u":"/blog/tags/blazormodal","b":[]},{"i":247,"t":"One post tagged with \"blazornumber\"","u":"/blog/tags/blazornumber","b":[]},{"i":249,"t":"One post tagged with \"blazornumberinput\"","u":"/blog/tags/blazornumberinput","b":[]},{"i":251,"t":"3 posts tagged with \"blazoroffcanvas\"","u":"/blog/tags/blazoroffcanvas","b":[]},{"i":253,"t":"One post tagged with \"blazorprogress\"","u":"/blog/tags/blazorprogress","b":[]},{"i":255,"t":"2 posts tagged with \"blazorsidebar\"","u":"/blog/tags/blazorsidebar","b":[]},{"i":257,"t":"2 posts tagged with \"blazorswitch\"","u":"/blog/tags/blazorswitch","b":[]},{"i":259,"t":"One post tagged with \"blazortabs\"","u":"/blog/tags/blazortabs","b":[]},{"i":261,"t":"One post tagged with \"blazortime\"","u":"/blog/tags/blazortime","b":[]},{"i":263,"t":"3 posts tagged with \"blazortimeinput\"","u":"/blog/tags/blazortimeinput","b":[]},{"i":265,"t":"One post tagged with \"blazortimepicker\"","u":"/blog/tags/blazortimepicker","b":[]},{"i":267,"t":"One post tagged with \"blazortoast\"","u":"/blog/tags/blazortoast","b":[]},{"i":269,"t":"2 posts tagged with \"blazortoasts\"","u":"/blog/tags/blazortoasts","b":[]},{"i":271,"t":"2 posts tagged with \"blazortooltip\"","u":"/blog/tags/blazortooltip","b":[]},{"i":273,"t":"24 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap","b":[]},{"i":275,"t":"24 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5","b":[]},{"i":277,"t":"24 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/2","b":[]},{"i":279,"t":"24 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/3","b":[]},{"i":281,"t":"24 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/2","b":[]},{"i":283,"t":"24 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/3","b":[]},{"i":285,"t":"One post tagged with \"breadcrumbservice\"","u":"/blog/tags/breadcrumbservice","b":[]},{"i":287,"t":"One post tagged with \"breadcrumb\"","u":"/blog/tags/breadcrumb","b":[]},{"i":289,"t":"3 posts tagged with \"button\"","u":"/blog/tags/button","b":[]},{"i":291,"t":"3 posts tagged with \"buttons\"","u":"/blog/tags/buttons","b":[]},{"i":293,"t":"One post tagged with \"callout\"","u":"/blog/tags/callout","b":[]},{"i":295,"t":"One post tagged with \"chart\"","u":"/blog/tags/chart","b":[]},{"i":297,"t":"One post tagged with \"collapse\"","u":"/blog/tags/collapse","b":[]},{"i":299,"t":"One post tagged with \"confirm dialog\"","u":"/blog/tags/confirm-dialog","b":[]},{"i":301,"t":"One post tagged with \"confirmdialog\"","u":"/blog/tags/confirmdialog","b":[]},{"i":303,"t":"One post tagged with \"confirmmodal\"","u":"/blog/tags/confirmmodal","b":[]},{"i":305,"t":"One post tagged with \"currency\"","u":"/blog/tags/currency","b":[]},{"i":307,"t":"2 posts tagged with \"currencyinput\"","u":"/blog/tags/currencyinput","b":[]},{"i":309,"t":"One post tagged with \"date\"","u":"/blog/tags/date","b":[]},{"i":311,"t":"2 posts tagged with \"datepicker\"","u":"/blog/tags/datepicker","b":[]},{"i":313,"t":"4 posts tagged with \"dateinput\"","u":"/blog/tags/dateinput","b":[]},{"i":315,"t":"One post tagged with \"dialog\"","u":"/blog/tags/dialog","b":[]},{"i":317,"t":"3 posts tagged with \"docs\"","u":"/blog/tags/docs","b":[]},{"i":319,"t":"15 posts tagged with \"grid\"","u":"/blog/tags/grid","b":[]},{"i":321,"t":"15 posts tagged with \"grid\"","u":"/blog/tags/grid/page/2","b":[]},{"i":323,"t":"One post tagged with \"icon\"","u":"/blog/tags/icon","b":[]},{"i":325,"t":"2 posts tagged with \"input\"","u":"/blog/tags/input","b":[]},{"i":327,"t":"One post tagged with \"icons\"","u":"/blog/tags/icons","b":[]},{"i":329,"t":"One post tagged with \"input-number\"","u":"/blog/tags/input-number","b":[]},{"i":331,"t":"One post tagged with \"layout\"","u":"/blog/tags/layout","b":[]},{"i":333,"t":"One post tagged with \"leftmenu\"","u":"/blog/tags/leftmenu","b":[]},{"i":335,"t":"10 posts tagged with \"modal\"","u":"/blog/tags/modal","b":[]},{"i":337,"t":"One post tagged with \"navigation\"","u":"/blog/tags/navigation","b":[]},{"i":339,"t":"3 posts tagged with \"modalservice\"","u":"/blog/tags/modalservice","b":[]},{"i":341,"t":"One post tagged with \"numberinput\"","u":"/blog/tags/numberinput","b":[]},{"i":343,"t":"5 posts tagged with \"offcanvas\"","u":"/blog/tags/offcanvas","b":[]},{"i":345,"t":"One post tagged with \"pagination\"","u":"/blog/tags/pagination","b":[]},{"i":347,"t":"3 posts tagged with \"placeholders\"","u":"/blog/tags/placeholders","b":[]},{"i":349,"t":"2 posts tagged with \"progress\"","u":"/blog/tags/progress","b":[]},{"i":351,"t":"One post tagged with \"progress-bar\"","u":"/blog/tags/progress-bar","b":[]},{"i":353,"t":"2 posts tagged with \"sidebar\"","u":"/blog/tags/sidebar","b":[]},{"i":355,"t":"One post tagged with \"switch\"","u":"/blog/tags/switch","b":[]},{"i":357,"t":"One post tagged with \"tabs\"","u":"/blog/tags/tabs","b":[]},{"i":359,"t":"3 posts tagged with \"timeinput\"","u":"/blog/tags/timeinput","b":[]},{"i":361,"t":"One post tagged with \"timepicker\"","u":"/blog/tags/timepicker","b":[]},{"i":363,"t":"One post tagged with \"toast\"","u":"/blog/tags/toast","b":[]},{"i":365,"t":"4 posts tagged with \"toasts\"","u":"/blog/tags/toasts","b":[]},{"i":367,"t":"One post tagged with \"toastservice\"","u":"/blog/tags/toastservice","b":[]},{"i":369,"t":"2 posts tagged with \"tooltip\"","u":"/blog/tags/tooltip","b":[]},{"i":371,"t":"One post tagged with \"v0.0.1\"","u":"/blog/tags/v-0-0-1","b":[]},{"i":373,"t":"One post tagged with \"v0.0.2\"","u":"/blog/tags/v-0-0-2","b":[]},{"i":375,"t":"One post tagged with \"v0.0.3\"","u":"/blog/tags/v-0-0-3","b":[]},{"i":377,"t":"One post tagged with \"v0.1.0\"","u":"/blog/tags/v-0-1-0","b":[]},{"i":379,"t":"One post tagged with \"v0.0.4\"","u":"/blog/tags/v-0-0-4","b":[]},{"i":381,"t":"One post tagged with \"v0.1.1\"","u":"/blog/tags/v-0-1-1","b":[]},{"i":383,"t":"One post tagged with \"v0.2.0\"","u":"/blog/tags/v-0-2-0","b":[]},{"i":385,"t":"One post tagged with \"v0.2.1\"","u":"/blog/tags/v-0-2-1","b":[]},{"i":387,"t":"One post tagged with \"v0.2.2\"","u":"/blog/tags/v-0-2-2","b":[]},{"i":389,"t":"One post tagged with \"v0.2.3\"","u":"/blog/tags/v-0-2-3","b":[]},{"i":391,"t":"One post tagged with \"v0.2.4\"","u":"/blog/tags/v-0-2-4","b":[]},{"i":393,"t":"One post tagged with \"v0.2.5\"","u":"/blog/tags/v-0-2-5","b":[]},{"i":395,"t":"One post tagged with \"v0.2.6\"","u":"/blog/tags/v-0-2-6","b":[]},{"i":397,"t":"One post tagged with \"v0.3.0\"","u":"/blog/tags/v-0-3-0","b":[]},{"i":399,"t":"One post tagged with \"v0.4.0\"","u":"/blog/tags/v-0-4-0","b":[]},{"i":401,"t":"One post tagged with \"v0.4.1\"","u":"/blog/tags/v-0-4-1","b":[]},{"i":403,"t":"One post tagged with \"v0.5.0\"","u":"/blog/tags/v-0-5-0","b":[]},{"i":405,"t":"One post tagged with \"v0.5.1\"","u":"/blog/tags/v-0-5-1","b":[]},{"i":407,"t":"One post tagged with \"v1.0.0\"","u":"/blog/tags/v-1-0-0","b":[]},{"i":409,"t":"One post tagged with \"v1.1.0\"","u":"/blog/tags/v-1-1-0","b":[]},{"i":411,"t":"One post tagged with \"v1.10.0\"","u":"/blog/tags/v-1-10-0","b":[]},{"i":413,"t":"One post tagged with \"v1.10.2\"","u":"/blog/tags/v-1-10-2","b":[]},{"i":415,"t":"One post tagged with \"v1.10.1\"","u":"/blog/tags/v-1-10-1","b":[]},{"i":417,"t":"One post tagged with \"v1.2.0\"","u":"/blog/tags/v-1-2-0","b":[]},{"i":419,"t":"One post tagged with \"v1.3.0\"","u":"/blog/tags/v-1-3-0","b":[]},{"i":421,"t":"One post tagged with \"v1.4.0\"","u":"/blog/tags/v-1-4-0","b":[]},{"i":423,"t":"One post tagged with \"v1.3.1\"","u":"/blog/tags/v-1-3-1","b":[]},{"i":425,"t":"One post tagged with \"v1.4.1\"","u":"/blog/tags/v-1-4-1","b":[]},{"i":427,"t":"One post tagged with \"v1.4.3\"","u":"/blog/tags/v-1-4-3","b":[]},{"i":429,"t":"One post tagged with \"v1.4.2\"","u":"/blog/tags/v-1-4-2","b":[]},{"i":431,"t":"One post tagged with \"v1.4.4\"","u":"/blog/tags/v-1-4-4","b":[]},{"i":433,"t":"One post tagged with \"v1.4.5\"","u":"/blog/tags/v-1-4-5","b":[]},{"i":435,"t":"One post tagged with \"v1.6.0\"","u":"/blog/tags/v-1-6-0","b":[]},{"i":437,"t":"One post tagged with \"v1.5.0\"","u":"/blog/tags/v-1-5-0","b":[]},{"i":439,"t":"One post tagged with \"v1.7.0\"","u":"/blog/tags/v-1-7-0","b":[]},{"i":441,"t":"One post tagged with \"v1.7.2\"","u":"/blog/tags/v-1-7-2","b":[]},{"i":443,"t":"One post tagged with \"v1.7.1\"","u":"/blog/tags/v-1-7-1","b":[]},{"i":445,"t":"One post tagged with \"v1.8.0\"","u":"/blog/tags/v-1-8-0","b":[]},{"i":447,"t":"One post tagged with \"v1.7.3\"","u":"/blog/tags/v-1-7-3","b":[]},{"i":449,"t":"One post tagged with \"v1.8.1\"","u":"/blog/tags/v-1-8-1","b":[]},{"i":451,"t":"One post tagged with \"v1.8.2\"","u":"/blog/tags/v-1-8-2","b":[]},{"i":453,"t":"One post tagged with \"v1.9.0\"","u":"/blog/tags/v-1-9-0","b":[]},{"i":455,"t":"One post tagged with \"v1.8.3\"","u":"/blog/tags/v-1-8-3","b":[]},{"i":457,"t":"One post tagged with \"v1.9.2\"","u":"/blog/tags/v-1-9-2","b":[]},{"i":459,"t":"One post tagged with \"v1.9.1\"","u":"/blog/tags/v-1-9-1","b":[]},{"i":461,"t":"One post tagged with \"v1.9.3\"","u":"/blog/tags/v-1-9-3","b":[]},{"i":463,"t":"One post tagged with \"v1.9.5\"","u":"/blog/tags/v-1-9-5","b":[]},{"i":465,"t":"One post tagged with \"v1.9.4\"","u":"/blog/tags/v-1-9-4","b":[]},{"i":467,"t":"Blazor Breadcrumb","u":"/docs/components/breadcrumb","b":["Docs","Components"]},{"i":478,"t":"Blazor Buttons","u":"/docs/components/buttons","b":["Docs","Components"]},{"i":511,"t":"Blazor Card","u":"/docs/components/card","b":["Docs","Components"]},{"i":561,"t":"Blazor Callout","u":"/docs/components/callout","b":["Docs","Components"]},{"i":572,"t":"Blazor Charts","u":"/docs/components/charts","b":["Docs","Components"]},{"i":586,"t":"Blazor Collapse","u":"/docs/components/collapse","b":["Docs","Components"]},{"i":602,"t":"One post tagged with \"v0.4.2\"","u":"/blog/tags/v-0-4-2","b":[]},{"i":604,"t":"One post tagged with \"v0.6.0\"","u":"/blog/tags/v-0-6-0","b":[]},{"i":606,"t":"One post tagged with \"v1.0.1\"","u":"/blog/tags/v-1-0-1","b":[]},{"i":608,"t":"Blazor Confirm Dialog","u":"/docs/components/confirm-dialog","b":["Docs","Components"]},{"i":627,"t":"Blazor Dropdown","u":"/docs/components/dropdown","b":["Docs","Components"]},{"i":684,"t":"Blazor Modal","u":"/docs/components/modal","b":["Docs","Components"]},{"i":715,"t":"Blazor Offcanvas","u":"/docs/components/offcanvas","b":["Docs","Components"]},{"i":740,"t":"Blazor Pagination","u":"/docs/components/pagination","b":["Docs","Components"]},{"i":759,"t":"Blazor Placeholders","u":"/docs/components/placeholders","b":["Docs","Components"]},{"i":776,"t":"Blazor Preload","u":"/docs/components/preload","b":["Docs","Components"]},{"i":787,"t":"Blazor Tabs","u":"/docs/components/tabs","b":["Docs","Components"]},{"i":812,"t":"Blazor Progress","u":"/docs/components/progress","b":["Docs","Components"]},{"i":839,"t":"Blazor Toasts","u":"/docs/components/toasts","b":["Docs","Components"]},{"i":860,"t":"Blazor Tooltips","u":"/docs/components/tooltips","b":["Docs","Components"]},{"i":873,"t":"Blazor Icons","u":"/docs/content/icons","b":["Docs","Content"]},{"i":898,"t":"Blazor Bar Chart","u":"/docs/data-visualization/bar-chart","b":["Docs","Data Visualization"]},{"i":925,"t":"Blazor Doughnut Chart","u":"/docs/data-visualization/doughnut-chart","b":["Docs","Data Visualization"]},{"i":948,"t":"Blazor Line Chart","u":"/docs/data-visualization/line-chart","b":["Docs","Data Visualization"]},{"i":971,"t":"Blazor Pie Chart Components","u":"/docs/data-visualization/pie-chart","b":["Docs","Data Visualization"]},{"i":992,"t":"Blazor Auto Complete","u":"/docs/forms/autocomplete","b":["Docs","Forms"]},{"i":1015,"t":"Blazor Currency Input","u":"/docs/forms/currency-input","b":["Docs","Forms"]},{"i":1048,"t":"Blazor Date Input","u":"/docs/forms/date-input","b":["Docs","Forms"]},{"i":1071,"t":"Blazor Number Input","u":"/docs/forms/number-input","b":["Docs","Forms"]},{"i":1098,"t":"Blazor Switch","u":"/docs/forms/switch","b":["Docs","Forms"]},{"i":1116,"t":"Getting started - Blazor Server","u":"/docs/getting-started/blazor-server","b":["Docs","Getting Started"]},{"i":1133,"t":"Getting started - Blazor WebAssembly","u":"/docs/getting-started/blazor-webassembly","b":["Docs","Getting Started"]},{"i":1150,"t":"Blazor Time Input","u":"/docs/forms/time-input","b":["Docs","Forms"]},{"i":1173,"t":"Getting started - MAUI Blazor App","u":"/docs/getting-started/maui-blazor","b":["Docs","Getting Started"]},{"i":1190,"t":"Layout Setup - Blazor WebAssembly","u":"/docs/layout/blazor-server","b":["Docs","Layout"]},{"i":1201,"t":"Blazor Modal Service","u":"/docs/services/modal","b":["Docs","Services"]},{"i":1220,"t":"Layout Setup - Blazor WebAssembly","u":"/docs/layout/blazor-webassembly","b":["Docs","Layout"]},{"i":1231,"t":"Blazor Accordion","u":"/docs/components/accordion","b":["Docs","Components"]},{"i":1256,"t":"Blazor Alerts","u":"/docs/components/alerts","b":["Docs","Components"]},{"i":1273,"t":"Blazor Badge","u":"/docs/components/badge","b":["Docs","Components"]},{"i":1290,"t":"Blazor Sidebar","u":"/docs/components/sidebar","b":["Docs","Components"]},{"i":1317,"t":"Blazor Grid","u":"/docs/components/grid","b":["Docs","Components"]}],"index":{"version":"2.3.9","fields":["t"],"fieldVectors":[["t/1",[0,3.627,1,3.627,2,0.877,3,1.788]],["t/3",[4,2.933,5,5.792]],["t/5",[4,2.933,6,5.792]],["t/7",[4,2.933,7,5.792]],["t/9",[4,2.933,8,5.792]],["t/11",[4,2.933,9,5.792]],["t/13",[4,2.933,10,5.792]],["t/15",[4,2.933,11,5.792]],["t/17",[4,2.933,12,5.792]],["t/19",[4,2.933,13,5.792]],["t/21",[4,2.933,14,5.792]],["t/23",[4,2.933,15,5.792]],["t/25",[4,2.933,16,5.792]],["t/27",[4,2.933,17,5.792]],["t/29",[4,2.933,18,5.792]],["t/31",[4,2.933,19,5.792]],["t/33",[4,2.933,20,5.792]],["t/35",[4,2.933,21,5.792]],["t/37",[4,2.933,22,5.792]],["t/39",[2,0.982,3,2.002,23,5.098]],["t/41",[2,0.982,3,2.002,24,5.098]],["t/43",[2,0.982,3,2.002,25,5.098]],["t/45",[2,0.982,3,2.002,26,5.098]],["t/47",[2,0.982,3,2.002,27,5.098]],["t/49",[2,0.982,3,2.002,28,5.098]],["t/51",[2,0.982,3,2.002,29,5.098]],["t/53",[2,0.982,3,2.002,30,5.098]],["t/55",[2,0.982,3,2.002,31,5.098]],["t/57",[2,0.982,3,2.002,32,5.098]],["t/59",[2,0.982,3,2.002,33,5.098]],["t/61",[2,0.982,3,2.002,34,5.098]],["t/63",[2,0.982,3,2.002,35,5.098]],["t/65",[2,0.982,3,2.002,36,5.098]],["t/67",[2,0.982,3,2.002,37,5.098]],["t/69",[2,0.982,3,2.002,38,5.098]],["t/71",[2,0.982,3,2.002,39,5.098]],["t/73",[2,0.982,3,2.002,40,5.098]],["t/75",[2,0.982,3,2.002,41,5.098]],["t/77",[2,0.982,3,2.002,42,5.098]],["t/79",[2,0.982,3,2.002,43,5.098]],["t/81",[2,0.982,3,2.002,44,5.098]],["t/83",[2,0.982,3,2.002,45,5.098]],["t/85",[2,0.982,3,2.002,46,5.098]],["t/87",[2,0.982,3,2.002,47,5.098]],["t/89",[2,0.982,3,2.002,48,5.098]],["t/91",[2,0.982,3,2.002,49,5.098]],["t/93",[2,0.982,3,2.002,50,5.098]],["t/95",[2,0.982,3,2.002,51,5.098]],["t/97",[2,0.982,3,2.002,52,5.098]],["t/99",[2,0.982,3,2.002,53,5.098]],["t/101",[2,0.982,3,2.002,54,5.098]],["t/103",[2,0.982,3,2.002,55,5.098]],["t/105",[56,7.434]],["t/107",[0,3.627,1,3.627,2,0.877,3,1.788]],["t/109",[0,3.627,1,3.627,2,0.877,3,1.788]],["t/111",[0,3.627,1,3.627,2,0.877,3,1.788]],["t/113",[0,3.627,1,3.627,2,0.877,3,1.788]],["t/115",[0,3.627,1,3.627,2,0.877,3,1.788]],["t/117",[57,0.621]],["t/119",[57,0.422,58,0.81,59,0.427,60,4.552]],["t/121",[57,0.422,58,0.81,59,0.427,61,4.552]],["t/123",[57,0.422,59,0.427,62,4.552,63,4.552]],["t/125",[57,0.422,58,0.81,59,0.427,64,4.552]],["t/127",[2,0.877,57,0.422,59,0.427,65,3.983]],["t/129",[2,0.792,57,0.381,58,0.732,59,0.386,63,4.112]],["t/131",[2,0.722,57,0.347,58,0.667,59,0.352,66,3.281,67,2.533]],["t/133",[2,0.792,3,1.615,57,0.381,59,0.386,68,4.112]],["t/135",[2,0.792,57,0.381,58,0.732,59,0.386,67,2.778]],["t/137",[2,0.722,57,0.347,59,0.352,69,2.154,70,3.481,71,3.121]],["t/139",[2,0.722,57,0.347,58,0.667,59,0.352,72,3.481,73,2.606]],["t/141",[2,0.792,57,0.381,59,0.386,69,2.362,71,3.423]],["t/143",[2,0.722,57,0.347,58,0.667,59,0.352,67,2.533,74,3.749]],["t/145",[2,0.792,57,0.381,59,0.386,75,2.778,76,3.152]],["t/147",[2,0.722,57,0.347,58,0.667,59,0.352,76,2.874,77,4.157]],["t/149",[2,0.722,57,0.347,58,0.667,59,0.352,76,2.874,78,4.157]],["t/151",[2,0.722,57,0.347,58,0.667,59,0.352,76,2.874,79,4.157]],["t/153",[2,0.792,57,0.381,58,0.732,59,0.386,73,2.858]],["t/155",[2,0.722,57,0.347,58,0.667,59,0.352,73,2.606,80,3.121]],["t/157",[2,0.792,57,0.381,58,0.732,59,0.386,80,3.423]],["t/159",[2,0.722,57,0.347,58,0.667,59,0.352,67,2.533,81,3.749]],["t/161",[2,0.722,57,0.347,58,0.667,59,0.352,73,2.606,80,3.121]],["t/163",[2,0.792,57,0.381,58,0.732,59,0.386,82,3.818]],["t/165",[2,0.722,57,0.347,58,0.667,59,0.352,67,2.533,83,3.749]],["t/167",[2,0.792,57,0.381,59,0.386,69,2.362,84,4.112]],["t/169",[2,0.792,57,0.381,58,0.732,59,0.386,85,3.423]],["t/171",[2,0.722,57,0.347,58,0.667,59,0.352,66,3.281,85,3.121]],["t/173",[2,0.792,57,0.381,58,0.732,59,0.386,86,4.558]],["t/175",[2,0.792,57,0.381,59,0.386,69,2.362,87,4.558]],["t/177",[2,0.722,57,0.347,58,0.667,59,0.352,88,3.749,89,3.481]],["t/179",[2,0.792,57,0.381,58,0.732,59,0.386,90,3.818]],["t/181",[2,0.792,57,0.381,58,0.732,59,0.386,89,3.818]],["t/183",[2,0.792,57,0.381,58,0.732,59,0.386,91,3.423]],["t/185",[2,0.792,57,0.381,59,0.386,69,2.362,91,3.423]],["t/187",[2,0.877,57,0.422,59,0.427,65,3.983]],["t/189",[2,0.877,57,0.422,59,0.427,65,3.983]],["t/191",[2,0.877,57,0.422,59,0.427,65,3.983]],["t/193",[57,0.422,58,0.81,59,0.427,92,5.046]],["t/195",[57,0.422,59,0.427,93,3.983,94,5.046]],["t/197",[57,0.422,58,0.81,59,0.427,95,5.046]],["t/199",[4,2.305,57,0.422,59,0.427,96,3.627]],["t/201",[4,1.898,57,0.347,58,0.667,59,0.352,88,3.749,89,3.481]],["t/203",[4,2.305,57,0.422,59,0.427,96,3.627]],["t/205",[4,2.305,57,0.422,59,0.427,96,3.627]],["t/207",[4,2.305,57,0.422,59,0.427,96,3.627]],["t/209",[4,2.305,57,0.422,59,0.427,96,3.627]],["t/211",[57,0.422,58,0.81,59,0.427,97,5.046]],["t/213",[57,0.422,59,0.427,69,2.615,98,4.552]],["t/215",[4,2.305,57,0.422,59,0.427,96,3.627]],["t/217",[57,0.422,59,0.427,75,3.075,98,4.552]],["t/219",[57,0.422,58,0.81,59,0.427,99,5.046]],["t/221",[57,0.422,58,0.81,59,0.427,100,5.046]],["t/223",[57,0.422,58,0.81,59,0.427,101,5.046]],["t/225",[57,0.422,58,0.81,59,0.427,102,5.046]],["t/227",[57,0.422,59,0.427,75,3.075,103,5.046]],["t/229",[57,0.422,58,0.81,59,0.427,104,5.046]],["t/231",[57,0.422,59,0.427,93,3.983,105,5.046]],["t/233",[57,0.422,59,0.427,69,2.615,106,5.046]],["t/235",[57,0.422,58,0.81,59,0.427,107,5.046]],["t/237",[57,0.422,59,0.427,108,4.552,109,4.552]],["t/239",[57,0.422,59,0.427,108,4.552,109,4.552]],["t/241",[57,0.422,58,0.81,59,0.427,110,5.046]],["t/243",[57,0.422,59,0.427,69,2.615,111,5.046]],["t/245",[57,0.422,59,0.427,62,4.552,112,5.046]],["t/247",[57,0.422,58,0.81,59,0.427,113,5.046]],["t/249",[57,0.422,58,0.81,59,0.427,114,5.046]],["t/251",[57,0.422,59,0.427,75,3.075,115,5.046]],["t/253",[57,0.422,58,0.81,59,0.427,116,5.046]],["t/255",[57,0.422,59,0.427,69,2.615,117,5.046]],["t/257",[57,0.422,59,0.427,69,2.615,118,5.046]],["t/259",[57,0.422,58,0.81,59,0.427,119,5.046]],["t/261",[57,0.422,58,0.81,59,0.427,120,5.046]],["t/263",[57,0.422,59,0.427,75,3.075,121,5.046]],["t/265",[57,0.422,58,0.81,59,0.427,122,5.046]],["t/267",[57,0.422,58,0.81,59,0.427,123,4.552]],["t/269",[57,0.422,59,0.427,69,2.615,123,4.552]],["t/271",[57,0.422,59,0.427,69,2.615,124,5.046]],["t/273",[3,1.788,57,0.422,59,0.427,125,3.627]],["t/275",[57,0.422,59,0.427,125,3.627,126,4.227]],["t/277",[57,0.422,59,0.427,125,3.627,126,4.227]],["t/279",[57,0.422,59,0.427,125,3.627,126,4.227]],["t/281",[3,1.788,57,0.422,59,0.427,125,3.627]],["t/283",[3,1.788,57,0.422,59,0.427,125,3.627]],["t/285",[57,0.422,58,0.81,59,0.427,127,5.046]],["t/287",[57,0.422,58,0.81,59,0.427,128,4.552]],["t/289",[57,0.422,59,0.427,75,3.075,129,4.227]],["t/291",[57,0.422,59,0.427,75,3.075,129,4.227]],["t/293",[57,0.422,58,0.81,59,0.427,130,4.552]],["t/295",[57,0.422,58,0.81,59,0.427,67,3.075]],["t/297",[57,0.422,58,0.81,59,0.427,131,4.552]],["t/299",[57,0.381,58,0.732,59,0.386,70,3.818,71,3.423]],["t/301",[57,0.422,58,0.81,59,0.427,132,5.046]],["t/303",[57,0.422,58,0.81,59,0.427,133,5.046]],["t/305",[57,0.422,58,0.81,59,0.427,72,4.227]],["t/307",[57,0.422,59,0.427,69,2.615,134,5.046]],["t/309",[57,0.422,58,0.81,59,0.427,135,4.552]],["t/311",[57,0.422,59,0.427,69,2.615,136,5.046]],["t/313",[57,0.422,59,0.427,93,3.983,137,5.046]],["t/315",[57,0.422,58,0.81,59,0.427,71,3.789]],["t/317",[57,0.422,59,0.427,75,3.075,138,5.046]],["t/319",[57,0.422,59,0.427,76,3.489,139,4.552]],["t/321",[57,0.422,59,0.427,76,3.489,139,4.552]],["t/323",[57,0.422,58,0.81,59,0.427,140,4.227]],["t/325",[57,0.422,59,0.427,69,2.615,73,3.163]],["t/327",[57,0.422,58,0.81,59,0.427,140,4.227]],["t/329",[57,0.381,58,0.732,59,0.386,73,2.858,80,3.423]],["t/331",[57,0.422,58,0.81,59,0.427,141,4.227]],["t/333",[57,0.422,58,0.81,59,0.427,142,5.046]],["t/335",[57,0.422,59,0.427,143,5.046,144,4.227]],["t/337",[57,0.422,58,0.81,59,0.427,145,5.046]],["t/339",[57,0.422,59,0.427,75,3.075,146,5.046]],["t/341",[57,0.422,58,0.81,59,0.427,147,5.046]],["t/343",[57,0.422,59,0.427,68,4.552,82,4.227]],["t/345",[57,0.422,58,0.81,59,0.427,148,4.552]],["t/347",[57,0.422,59,0.427,75,3.075,149,4.552]],["t/349",[57,0.422,59,0.427,69,2.615,85,3.789]],["t/351",[57,0.381,58,0.732,59,0.386,66,3.598,85,3.423]],["t/353",[57,0.422,59,0.427,69,2.615,150,4.552]],["t/355",[57,0.422,58,0.81,59,0.427,151,4.552]],["t/357",[57,0.422,58,0.81,59,0.427,90,4.227]],["t/359",[57,0.422,59,0.427,75,3.075,152,5.046]],["t/361",[57,0.422,58,0.81,59,0.427,153,5.046]],["t/363",[57,0.422,58,0.81,59,0.427,91,3.789]],["t/365",[57,0.422,59,0.427,91,3.789,93,3.983]],["t/367",[57,0.422,58,0.81,59,0.427,154,5.046]],["t/369",[57,0.422,59,0.427,69,2.615,155,4.552]],["t/371",[5,4.552,57,0.422,58,0.81,59,0.427]],["t/373",[6,4.552,57,0.422,58,0.81,59,0.427]],["t/375",[7,4.552,57,0.422,58,0.81,59,0.427]],["t/377",[9,4.552,57,0.422,58,0.81,59,0.427]],["t/379",[8,4.552,57,0.422,58,0.81,59,0.427]],["t/381",[10,4.552,57,0.422,58,0.81,59,0.427]],["t/383",[11,4.552,57,0.422,58,0.81,59,0.427]],["t/385",[12,4.552,57,0.422,58,0.81,59,0.427]],["t/387",[13,4.552,57,0.422,58,0.81,59,0.427]],["t/389",[14,4.552,57,0.422,58,0.81,59,0.427]],["t/391",[15,4.552,57,0.422,58,0.81,59,0.427]],["t/393",[16,4.552,57,0.422,58,0.81,59,0.427]],["t/395",[17,4.552,57,0.422,58,0.81,59,0.427]],["t/397",[18,4.552,57,0.422,58,0.81,59,0.427]],["t/399",[19,4.552,57,0.422,58,0.81,59,0.427]],["t/401",[20,4.552,57,0.422,58,0.81,59,0.427]],["t/403",[22,4.552,57,0.422,58,0.81,59,0.427]],["t/405",[23,4.552,57,0.422,58,0.81,59,0.427]],["t/407",[25,4.552,57,0.422,58,0.81,59,0.427]],["t/409",[27,4.552,57,0.422,58,0.81,59,0.427]],["t/411",[53,4.552,57,0.422,58,0.81,59,0.427]],["t/413",[55,4.552,57,0.422,58,0.81,59,0.427]],["t/415",[54,4.552,57,0.422,58,0.81,59,0.427]],["t/417",[28,4.552,57,0.422,58,0.81,59,0.427]],["t/419",[29,4.552,57,0.422,58,0.81,59,0.427]],["t/421",[30,4.552,57,0.422,58,0.81,59,0.427]],["t/423",[33,4.552,57,0.422,58,0.81,59,0.427]],["t/425",[31,4.552,57,0.422,58,0.81,59,0.427]],["t/427",[34,4.552,57,0.422,58,0.81,59,0.427]],["t/429",[32,4.552,57,0.422,58,0.81,59,0.427]],["t/431",[35,4.552,57,0.422,58,0.81,59,0.427]],["t/433",[36,4.552,57,0.422,58,0.81,59,0.427]],["t/435",[38,4.552,57,0.422,58,0.81,59,0.427]],["t/437",[37,4.552,57,0.422,58,0.81,59,0.427]],["t/439",[39,4.552,57,0.422,58,0.81,59,0.427]],["t/441",[41,4.552,57,0.422,58,0.81,59,0.427]],["t/443",[40,4.552,57,0.422,58,0.81,59,0.427]],["t/445",[43,4.552,57,0.422,58,0.81,59,0.427]],["t/447",[42,4.552,57,0.422,58,0.81,59,0.427]],["t/449",[44,4.552,57,0.422,58,0.81,59,0.427]],["t/451",[45,4.552,57,0.422,58,0.81,59,0.427]],["t/453",[47,4.552,57,0.422,58,0.81,59,0.427]],["t/455",[46,4.552,57,0.422,58,0.81,59,0.427]],["t/457",[49,4.552,57,0.422,58,0.81,59,0.427]],["t/459",[48,4.552,57,0.422,58,0.81,59,0.427]],["t/461",[50,4.552,57,0.422,58,0.81,59,0.427]],["t/463",[52,4.552,57,0.422,58,0.81,59,0.427]],["t/465",[51,4.552,57,0.422,58,0.81,59,0.427]],["t/467",[2,1.116,128,5.792]],["t/478",[2,1.116,129,5.378]],["t/511",[2,1.116,156,6.421]],["t/561",[2,1.116,130,5.792]],["t/572",[2,1.116,67,3.913]],["t/586",[2,1.116,131,5.792]],["t/602",[21,4.552,57,0.422,58,0.81,59,0.427]],["t/604",[24,4.552,57,0.422,58,0.81,59,0.427]],["t/606",[26,4.552,57,0.422,58,0.81,59,0.427]],["t/608",[2,0.982,70,4.733,71,4.243]],["t/627",[2,1.116,157,6.421]],["t/684",[2,1.116,144,5.378]],["t/715",[2,1.116,82,5.378]],["t/740",[2,1.116,148,5.792]],["t/759",[2,1.116,149,5.792]],["t/776",[2,1.116,84,5.792]],["t/787",[2,1.116,90,5.378]],["t/812",[2,1.116,85,4.821]],["t/839",[2,1.116,91,4.821]],["t/860",[2,1.116,155,5.792]],["t/873",[2,1.116,140,5.378]],["t/898",[2,0.982,66,4.461,67,3.444]],["t/925",[2,0.982,67,3.444,74,5.098]],["t/948",[2,0.982,67,3.444,81,5.098]],["t/971",[2,0.877,67,3.075,83,4.552,158,5.046]],["t/992",[2,0.982,159,5.651,160,5.651]],["t/1015",[2,0.982,72,4.733,73,3.543]],["t/1048",[2,0.982,73,3.543,135,5.098]],["t/1071",[2,0.982,73,3.543,80,4.243]],["t/1098",[2,1.116,151,5.792]],["t/1116",[2,0.877,161,4.227,162,4.227,163,5.046]],["t/1133",[2,0.877,161,4.227,162,4.227,164,4.227]],["t/1150",[2,0.982,73,3.543,165,5.651]],["t/1173",[2,0.792,161,3.818,162,3.818,166,4.558,167,4.558]],["t/1190",[2,0.877,141,4.227,164,4.227,168,4.552]],["t/1201",[2,0.982,144,4.733,169,5.651]],["t/1220",[2,0.877,141,4.227,164,4.227,168,4.552]],["t/1231",[2,1.116,60,5.792]],["t/1256",[2,1.116,61,5.792]],["t/1273",[2,1.116,64,5.792]],["t/1290",[2,1.116,150,5.792]],["t/1317",[2,1.116,76,4.439]]],"invertedIndex":[["",{"_index":1,"t":{"1":{"position":[[5,1]]},"107":{"position":[[5,1]]},"109":{"position":[[5,1]]},"111":{"position":[[5,1]]},"113":{"position":[[5,1]]},"115":{"position":[[5,1]]}}}],["10",{"_index":143,"t":{"335":{"position":[[0,2]]}}}],["13",{"_index":108,"t":{"237":{"position":[[0,2]]},"239":{"position":[[0,2]]}}}],["15",{"_index":139,"t":{"319":{"position":[[0,2]]},"321":{"position":[[0,2]]}}}],["2",{"_index":69,"t":{"137":{"position":[[0,1]]},"141":{"position":[[0,1]]},"167":{"position":[[0,1]]},"175":{"position":[[0,1]]},"185":{"position":[[0,1]]},"213":{"position":[[0,1]]},"233":{"position":[[0,1]]},"243":{"position":[[0,1]]},"255":{"position":[[0,1]]},"257":{"position":[[0,1]]},"269":{"position":[[0,1]]},"271":{"position":[[0,1]]},"307":{"position":[[0,1]]},"311":{"position":[[0,1]]},"325":{"position":[[0,1]]},"349":{"position":[[0,1]]},"353":{"position":[[0,1]]},"369":{"position":[[0,1]]}}}],["24",{"_index":125,"t":{"273":{"position":[[0,2]]},"275":{"position":[[0,2]]},"277":{"position":[[0,2]]},"279":{"position":[[0,2]]},"281":{"position":[[0,2]]},"283":{"position":[[0,2]]}}}],["3",{"_index":75,"t":{"145":{"position":[[0,1]]},"217":{"position":[[0,1]]},"227":{"position":[[0,1]]},"251":{"position":[[0,1]]},"263":{"position":[[0,1]]},"289":{"position":[[0,1]]},"291":{"position":[[0,1]]},"317":{"position":[[0,1]]},"339":{"position":[[0,1]]},"347":{"position":[[0,1]]},"359":{"position":[[0,1]]}}}],["31",{"_index":65,"t":{"127":{"position":[[0,2]]},"187":{"position":[[0,2]]},"189":{"position":[[0,2]]},"191":{"position":[[0,2]]}}}],["4",{"_index":93,"t":{"195":{"position":[[0,1]]},"231":{"position":[[0,1]]},"313":{"position":[[0,1]]},"365":{"position":[[0,1]]}}}],["5",{"_index":68,"t":{"133":{"position":[[0,1]]},"343":{"position":[[0,1]]}}}],["51",{"_index":96,"t":{"199":{"position":[[0,2]]},"203":{"position":[[0,2]]},"205":{"position":[[0,2]]},"207":{"position":[[0,2]]},"209":{"position":[[0,2]]},"215":{"position":[[0,2]]}}}],["8",{"_index":62,"t":{"123":{"position":[[0,1]]},"245":{"position":[[0,1]]}}}],["accordion",{"_index":60,"t":{"119":{"position":[[21,11]]},"1231":{"position":[[7,9]]}}}],["alert",{"_index":61,"t":{"121":{"position":[[21,7]]},"1256":{"position":[[7,6]]}}}],["app",{"_index":167,"t":{"1173":{"position":[[30,3]]}}}],["archiv",{"_index":56,"t":{"105":{"position":[[0,7]]}}}],["auto",{"_index":159,"t":{"992":{"position":[[7,4]]}}}],["autocomplet",{"_index":63,"t":{"123":{"position":[[20,14]]},"129":{"position":[[29,13]]}}}],["badg",{"_index":64,"t":{"125":{"position":[[21,7]]},"1273":{"position":[[7,5]]}}}],["bar",{"_index":66,"t":{"131":{"position":[[29,3]]},"171":{"position":[[38,4]]},"351":{"position":[[31,4]]},"898":{"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]]},"107":{"position":[[7,6]]},"109":{"position":[[7,6]]},"111":{"position":[[7,6]]},"113":{"position":[[7,6]]},"115":{"position":[[7,6]]},"127":{"position":[[21,8]]},"129":{"position":[[21,7]]},"131":{"position":[[21,7]]},"133":{"position":[[20,7]]},"135":{"position":[[21,7]]},"137":{"position":[[20,7]]},"139":{"position":[[21,7]]},"141":{"position":[[20,7]]},"143":{"position":[[21,7]]},"145":{"position":[[20,7]]},"147":{"position":[[21,7]]},"149":{"position":[[21,7]]},"151":{"position":[[21,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":[[20,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":[[21,7]]},"183":{"position":[[21,7]]},"185":{"position":[[20,7]]},"187":{"position":[[21,8]]},"189":{"position":[[21,8]]},"191":{"position":[[21,8]]},"467":{"position":[[0,6]]},"478":{"position":[[0,6]]},"511":{"position":[[0,6]]},"561":{"position":[[0,6]]},"572":{"position":[[0,6]]},"586":{"position":[[0,6]]},"608":{"position":[[0,6]]},"627":{"position":[[0,6]]},"684":{"position":[[0,6]]},"715":{"position":[[0,6]]},"740":{"position":[[0,6]]},"759":{"position":[[0,6]]},"776":{"position":[[0,6]]},"787":{"position":[[0,6]]},"812":{"position":[[0,6]]},"839":{"position":[[0,6]]},"860":{"position":[[0,6]]},"873":{"position":[[0,6]]},"898":{"position":[[0,6]]},"925":{"position":[[0,6]]},"948":{"position":[[0,6]]},"971":{"position":[[0,6]]},"992":{"position":[[0,6]]},"1015":{"position":[[0,6]]},"1048":{"position":[[0,6]]},"1071":{"position":[[0,6]]},"1098":{"position":[[0,6]]},"1116":{"position":[[18,6]]},"1133":{"position":[[18,6]]},"1150":{"position":[[0,6]]},"1173":{"position":[[23,6]]},"1190":{"position":[[15,6]]},"1201":{"position":[[0,6]]},"1220":{"position":[[15,6]]},"1231":{"position":[[0,6]]},"1256":{"position":[[0,6]]},"1273":{"position":[[0,6]]},"1290":{"position":[[0,6]]},"1317":{"position":[[0,6]]}}}],["blazoraccordion",{"_index":92,"t":{"193":{"position":[[21,17]]}}}],["blazorautocomplet",{"_index":94,"t":{"195":{"position":[[20,20]]}}}],["blazorbadg",{"_index":95,"t":{"197":{"position":[[21,13]]}}}],["blazorbootstrap",{"_index":4,"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]]},"199":{"position":[[21,17]]},"201":{"position":[[21,16]]},"203":{"position":[[21,17]]},"205":{"position":[[21,17]]},"207":{"position":[[21,17]]},"209":{"position":[[21,17]]},"215":{"position":[[21,17]]}}}],["blazorbreadcrumb",{"_index":97,"t":{"211":{"position":[[21,18]]}}}],["blazorbutton",{"_index":98,"t":{"213":{"position":[[20,14]]},"217":{"position":[[20,15]]}}}],["blazorchart",{"_index":99,"t":{"219":{"position":[[21,13]]}}}],["blazorcollaps",{"_index":100,"t":{"221":{"position":[[21,16]]}}}],["blazorconfirmdialog",{"_index":101,"t":{"223":{"position":[[21,21]]}}}],["blazorconfirmmod",{"_index":102,"t":{"225":{"position":[[21,20]]}}}],["blazorcurrencyinput",{"_index":103,"t":{"227":{"position":[[20,21]]}}}],["blazord",{"_index":104,"t":{"229":{"position":[[21,12]]}}}],["blazordateinput",{"_index":105,"t":{"231":{"position":[[20,17]]}}}],["blazordatepick",{"_index":106,"t":{"233":{"position":[[20,18]]}}}],["blazordialog",{"_index":107,"t":{"235":{"position":[[21,14]]}}}],["blazorgrid",{"_index":109,"t":{"237":{"position":[[21,12]]},"239":{"position":[[21,12]]}}}],["blazoricon",{"_index":110,"t":{"241":{"position":[[21,12]]}}}],["blazormod",{"_index":112,"t":{"245":{"position":[[20,13]]}}}],["blazormodalservic",{"_index":111,"t":{"243":{"position":[[20,20]]}}}],["blazornumb",{"_index":113,"t":{"247":{"position":[[21,14]]}}}],["blazornumberinput",{"_index":114,"t":{"249":{"position":[[21,19]]}}}],["blazoroffcanva",{"_index":115,"t":{"251":{"position":[[20,17]]}}}],["blazorprogress",{"_index":116,"t":{"253":{"position":[[21,16]]}}}],["blazorsidebar",{"_index":117,"t":{"255":{"position":[[20,15]]}}}],["blazorswitch",{"_index":118,"t":{"257":{"position":[[20,14]]}}}],["blazortab",{"_index":119,"t":{"259":{"position":[[21,12]]}}}],["blazortim",{"_index":120,"t":{"261":{"position":[[21,12]]}}}],["blazortimeinput",{"_index":121,"t":{"263":{"position":[[20,17]]}}}],["blazortimepick",{"_index":122,"t":{"265":{"position":[[21,18]]}}}],["blazortoast",{"_index":123,"t":{"267":{"position":[[21,13]]},"269":{"position":[[20,14]]}}}],["blazortooltip",{"_index":124,"t":{"271":{"position":[[20,15]]}}}],["blog",{"_index":0,"t":{"1":{"position":[[0,4]]},"107":{"position":[[0,4]]},"109":{"position":[[0,4]]},"111":{"position":[[0,4]]},"113":{"position":[[0,4]]},"115":{"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]]},"107":{"position":[[14,9]]},"109":{"position":[[14,9]]},"111":{"position":[[14,9]]},"113":{"position":[[14,9]]},"115":{"position":[[14,9]]},"133":{"position":[[28,10]]},"273":{"position":[[21,11]]},"281":{"position":[[21,11]]},"283":{"position":[[21,11]]}}}],["bootstrap5",{"_index":126,"t":{"275":{"position":[[21,12]]},"277":{"position":[[21,12]]},"279":{"position":[[21,12]]}}}],["breadcrumb",{"_index":128,"t":{"287":{"position":[[21,12]]},"467":{"position":[[7,10]]}}}],["breadcrumbservic",{"_index":127,"t":{"285":{"position":[[21,19]]}}}],["button",{"_index":129,"t":{"289":{"position":[[20,8]]},"291":{"position":[[20,9]]},"478":{"position":[[7,7]]}}}],["callout",{"_index":130,"t":{"293":{"position":[[21,9]]},"561":{"position":[[7,7]]}}}],["card",{"_index":156,"t":{"511":{"position":[[7,4]]}}}],["chart",{"_index":67,"t":{"131":{"position":[[33,6]]},"135":{"position":[[29,7]]},"143":{"position":[[38,6]]},"159":{"position":[[34,6]]},"165":{"position":[[33,6]]},"295":{"position":[[21,7]]},"572":{"position":[[7,6]]},"898":{"position":[[11,5]]},"925":{"position":[[16,5]]},"948":{"position":[[12,5]]},"971":{"position":[[11,5]]}}}],["collaps",{"_index":131,"t":{"297":{"position":[[21,10]]},"586":{"position":[[7,8]]}}}],["complet",{"_index":160,"t":{"992":{"position":[[12,8]]}}}],["compon",{"_index":158,"t":{"971":{"position":[[17,10]]}}}],["confirm",{"_index":70,"t":{"137":{"position":[[28,7]]},"299":{"position":[[21,8]]},"608":{"position":[[7,7]]}}}],["confirmdialog",{"_index":132,"t":{"301":{"position":[[21,15]]}}}],["confirmmod",{"_index":133,"t":{"303":{"position":[[21,14]]}}}],["currenc",{"_index":72,"t":{"139":{"position":[[29,8]]},"305":{"position":[[21,10]]},"1015":{"position":[[7,8]]}}}],["currencyinput",{"_index":134,"t":{"307":{"position":[[20,15]]}}}],["date",{"_index":135,"t":{"309":{"position":[[21,6]]},"1048":{"position":[[7,4]]}}}],["dateinput",{"_index":137,"t":{"313":{"position":[[20,11]]}}}],["datepick",{"_index":136,"t":{"311":{"position":[[20,12]]}}}],["dialog",{"_index":71,"t":{"137":{"position":[[36,7]]},"141":{"position":[[28,7]]},"299":{"position":[[30,7]]},"315":{"position":[[21,8]]},"608":{"position":[[15,6]]}}}],["doc",{"_index":138,"t":{"317":{"position":[[20,6]]}}}],["doughnut",{"_index":74,"t":{"143":{"position":[[29,8]]},"925":{"position":[[7,8]]}}}],["dropdown",{"_index":157,"t":{"627":{"position":[[7,8]]}}}],["filter",{"_index":77,"t":{"147":{"position":[[34,10]]}}}],["get",{"_index":161,"t":{"1116":{"position":[[0,7]]},"1133":{"position":[[0,7]]},"1173":{"position":[[0,7]]}}}],["grid",{"_index":76,"t":{"145":{"position":[[28,5]]},"147":{"position":[[29,4]]},"149":{"position":[[29,4]]},"151":{"position":[[29,4]]},"319":{"position":[[21,6]]},"321":{"position":[[21,6]]},"1317":{"position":[[7,4]]}}}],["icon",{"_index":140,"t":{"323":{"position":[[21,6]]},"327":{"position":[[21,7]]},"873":{"position":[[7,5]]}}}],["input",{"_index":73,"t":{"139":{"position":[[38,6]]},"153":{"position":[[29,6]]},"155":{"position":[[29,5]]},"161":{"position":[[36,6]]},"325":{"position":[[20,7]]},"329":{"position":[[21,6]]},"1015":{"position":[[16,5]]},"1048":{"position":[[12,5]]},"1071":{"position":[[14,5]]},"1150":{"position":[[12,5]]}}}],["layout",{"_index":141,"t":{"331":{"position":[[21,8]]},"1190":{"position":[[0,6]]},"1220":{"position":[[0,6]]}}}],["leftmenu",{"_index":142,"t":{"333":{"position":[[21,10]]}}}],["line",{"_index":81,"t":{"159":{"position":[[29,4]]},"948":{"position":[[7,4]]}}}],["maui",{"_index":166,"t":{"1173":{"position":[[18,4]]}}}],["modal",{"_index":144,"t":{"335":{"position":[[21,7]]},"684":{"position":[[7,5]]},"1201":{"position":[[7,5]]}}}],["modalservic",{"_index":146,"t":{"339":{"position":[[20,14]]}}}],["navig",{"_index":145,"t":{"337":{"position":[[21,12]]}}}],["number",{"_index":80,"t":{"155":{"position":[[35,7]]},"157":{"position":[[29,7]]},"161":{"position":[[29,6]]},"329":{"position":[[28,7]]},"1071":{"position":[[7,6]]}}}],["numberinput",{"_index":147,"t":{"341":{"position":[[21,13]]}}}],["offcanva",{"_index":82,"t":{"163":{"position":[[29,10]]},"343":{"position":[[20,11]]},"715":{"position":[[7,9]]}}}],["on",{"_index":58,"t":{"119":{"position":[[0,3]]},"121":{"position":[[0,3]]},"125":{"position":[[0,3]]},"129":{"position":[[0,3]]},"131":{"position":[[0,3]]},"135":{"position":[[0,3]]},"139":{"position":[[0,3]]},"143":{"position":[[0,3]]},"147":{"position":[[0,3]]},"149":{"position":[[0,3]]},"151":{"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]]},"169":{"position":[[0,3]]},"171":{"position":[[0,3]]},"173":{"position":[[0,3]]},"177":{"position":[[0,3]]},"179":{"position":[[0,3]]},"181":{"position":[[0,3]]},"183":{"position":[[0,3]]},"193":{"position":[[0,3]]},"197":{"position":[[0,3]]},"201":{"position":[[0,3]]},"211":{"position":[[0,3]]},"219":{"position":[[0,3]]},"221":{"position":[[0,3]]},"223":{"position":[[0,3]]},"225":{"position":[[0,3]]},"229":{"position":[[0,3]]},"235":{"position":[[0,3]]},"241":{"position":[[0,3]]},"247":{"position":[[0,3]]},"249":{"position":[[0,3]]},"253":{"position":[[0,3]]},"259":{"position":[[0,3]]},"261":{"position":[[0,3]]},"265":{"position":[[0,3]]},"267":{"position":[[0,3]]},"285":{"position":[[0,3]]},"287":{"position":[[0,3]]},"293":{"position":[[0,3]]},"295":{"position":[[0,3]]},"297":{"position":[[0,3]]},"299":{"position":[[0,3]]},"301":{"position":[[0,3]]},"303":{"position":[[0,3]]},"305":{"position":[[0,3]]},"309":{"position":[[0,3]]},"315":{"position":[[0,3]]},"323":{"position":[[0,3]]},"327":{"position":[[0,3]]},"329":{"position":[[0,3]]},"331":{"position":[[0,3]]},"333":{"position":[[0,3]]},"337":{"position":[[0,3]]},"341":{"position":[[0,3]]},"345":{"position":[[0,3]]},"351":{"position":[[0,3]]},"355":{"position":[[0,3]]},"357":{"position":[[0,3]]},"361":{"position":[[0,3]]},"363":{"position":[[0,3]]},"367":{"position":[[0,3]]},"371":{"position":[[0,3]]},"373":{"position":[[0,3]]},"375":{"position":[[0,3]]},"377":{"position":[[0,3]]},"379":{"position":[[0,3]]},"381":{"position":[[0,3]]},"383":{"position":[[0,3]]},"385":{"position":[[0,3]]},"387":{"position":[[0,3]]},"389":{"position":[[0,3]]},"391":{"position":[[0,3]]},"393":{"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]]},"602":{"position":[[0,3]]},"604":{"position":[[0,3]]},"606":{"position":[[0,3]]}}}],["page",{"_index":78,"t":{"149":{"position":[[34,7]]}}}],["pagin",{"_index":148,"t":{"345":{"position":[[21,12]]},"740":{"position":[[7,10]]}}}],["pie",{"_index":83,"t":{"165":{"position":[[29,3]]},"971":{"position":[[7,3]]}}}],["placehold",{"_index":149,"t":{"347":{"position":[[20,14]]},"759":{"position":[[7,12]]}}}],["post",{"_index":59,"t":{"119":{"position":[[4,4]]},"121":{"position":[[4,4]]},"123":{"position":[[2,5]]},"125":{"position":[[4,4]]},"127":{"position":[[3,5]]},"129":{"position":[[4,4]]},"131":{"position":[[4,4]]},"133":{"position":[[2,5]]},"135":{"position":[[4,4]]},"137":{"position":[[2,5]]},"139":{"position":[[4,4]]},"141":{"position":[[2,5]]},"143":{"position":[[4,4]]},"145":{"position":[[2,5]]},"147":{"position":[[4,4]]},"149":{"position":[[4,4]]},"151":{"position":[[4,4]]},"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":[[2,5]]},"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":[[4,4]]},"183":{"position":[[4,4]]},"185":{"position":[[2,5]]},"187":{"position":[[3,5]]},"189":{"position":[[3,5]]},"191":{"position":[[3,5]]},"193":{"position":[[4,4]]},"195":{"position":[[2,5]]},"197":{"position":[[4,4]]},"199":{"position":[[3,5]]},"201":{"position":[[4,4]]},"203":{"position":[[3,5]]},"205":{"position":[[3,5]]},"207":{"position":[[3,5]]},"209":{"position":[[3,5]]},"211":{"position":[[4,4]]},"213":{"position":[[2,5]]},"215":{"position":[[3,5]]},"217":{"position":[[2,5]]},"219":{"position":[[4,4]]},"221":{"position":[[4,4]]},"223":{"position":[[4,4]]},"225":{"position":[[4,4]]},"227":{"position":[[2,5]]},"229":{"position":[[4,4]]},"231":{"position":[[2,5]]},"233":{"position":[[2,5]]},"235":{"position":[[4,4]]},"237":{"position":[[3,5]]},"239":{"position":[[3,5]]},"241":{"position":[[4,4]]},"243":{"position":[[2,5]]},"245":{"position":[[2,5]]},"247":{"position":[[4,4]]},"249":{"position":[[4,4]]},"251":{"position":[[2,5]]},"253":{"position":[[4,4]]},"255":{"position":[[2,5]]},"257":{"position":[[2,5]]},"259":{"position":[[4,4]]},"261":{"position":[[4,4]]},"263":{"position":[[2,5]]},"265":{"position":[[4,4]]},"267":{"position":[[4,4]]},"269":{"position":[[2,5]]},"271":{"position":[[2,5]]},"273":{"position":[[3,5]]},"275":{"position":[[3,5]]},"277":{"position":[[3,5]]},"279":{"position":[[3,5]]},"281":{"position":[[3,5]]},"283":{"position":[[3,5]]},"285":{"position":[[4,4]]},"287":{"position":[[4,4]]},"289":{"position":[[2,5]]},"291":{"position":[[2,5]]},"293":{"position":[[4,4]]},"295":{"position":[[4,4]]},"297":{"position":[[4,4]]},"299":{"position":[[4,4]]},"301":{"position":[[4,4]]},"303":{"position":[[4,4]]},"305":{"position":[[4,4]]},"307":{"position":[[2,5]]},"309":{"position":[[4,4]]},"311":{"position":[[2,5]]},"313":{"position":[[2,5]]},"315":{"position":[[4,4]]},"317":{"position":[[2,5]]},"319":{"position":[[3,5]]},"321":{"position":[[3,5]]},"323":{"position":[[4,4]]},"325":{"position":[[2,5]]},"327":{"position":[[4,4]]},"329":{"position":[[4,4]]},"331":{"position":[[4,4]]},"333":{"position":[[4,4]]},"335":{"position":[[3,5]]},"337":{"position":[[4,4]]},"339":{"position":[[2,5]]},"341":{"position":[[4,4]]},"343":{"position":[[2,5]]},"345":{"position":[[4,4]]},"347":{"position":[[2,5]]},"349":{"position":[[2,5]]},"351":{"position":[[4,4]]},"353":{"position":[[2,5]]},"355":{"position":[[4,4]]},"357":{"position":[[4,4]]},"359":{"position":[[2,5]]},"361":{"position":[[4,4]]},"363":{"position":[[4,4]]},"365":{"position":[[2,5]]},"367":{"position":[[4,4]]},"369":{"position":[[2,5]]},"371":{"position":[[4,4]]},"373":{"position":[[4,4]]},"375":{"position":[[4,4]]},"377":{"position":[[4,4]]},"379":{"position":[[4,4]]},"381":{"position":[[4,4]]},"383":{"position":[[4,4]]},"385":{"position":[[4,4]]},"387":{"position":[[4,4]]},"389":{"position":[[4,4]]},"391":{"position":[[4,4]]},"393":{"position":[[4,4]]},"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]]},"602":{"position":[[4,4]]},"604":{"position":[[4,4]]},"606":{"position":[[4,4]]}}}],["preload",{"_index":84,"t":{"167":{"position":[[28,8]]},"776":{"position":[[7,7]]}}}],["progress",{"_index":85,"t":{"169":{"position":[[29,9]]},"171":{"position":[[29,8]]},"349":{"position":[[20,10]]},"351":{"position":[[21,9]]},"812":{"position":[[7,8]]}}}],["server",{"_index":163,"t":{"1116":{"position":[[25,6]]}}}],["servic",{"_index":169,"t":{"1201":{"position":[[13,7]]}}}],["setup",{"_index":168,"t":{"1190":{"position":[[7,5]]},"1220":{"position":[[7,5]]}}}],["sidebar",{"_index":150,"t":{"353":{"position":[[20,9]]},"1290":{"position":[[7,7]]}}}],["sidemod",{"_index":86,"t":{"173":{"position":[[29,10]]}}}],["sort",{"_index":79,"t":{"151":{"position":[[34,8]]}}}],["spinner",{"_index":87,"t":{"175":{"position":[[28,8]]}}}],["start",{"_index":162,"t":{"1116":{"position":[[8,7]]},"1133":{"position":[[8,7]]},"1173":{"position":[[8,7]]}}}],["starter",{"_index":88,"t":{"177":{"position":[[29,7]]},"201":{"position":[[38,7]]}}}],["switch",{"_index":151,"t":{"355":{"position":[[21,8]]},"1098":{"position":[[7,6]]}}}],["tab",{"_index":90,"t":{"179":{"position":[[29,5]]},"357":{"position":[[21,6]]},"787":{"position":[[7,4]]}}}],["tag",{"_index":57,"t":{"117":{"position":[[0,4]]},"119":{"position":[[9,6]]},"121":{"position":[[9,6]]},"123":{"position":[[8,6]]},"125":{"position":[[9,6]]},"127":{"position":[[9,6]]},"129":{"position":[[9,6]]},"131":{"position":[[9,6]]},"133":{"position":[[8,6]]},"135":{"position":[[9,6]]},"137":{"position":[[8,6]]},"139":{"position":[[9,6]]},"141":{"position":[[8,6]]},"143":{"position":[[9,6]]},"145":{"position":[[8,6]]},"147":{"position":[[9,6]]},"149":{"position":[[9,6]]},"151":{"position":[[9,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":[[8,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":[[9,6]]},"183":{"position":[[9,6]]},"185":{"position":[[8,6]]},"187":{"position":[[9,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":[[9,6]]},"203":{"position":[[9,6]]},"205":{"position":[[9,6]]},"207":{"position":[[9,6]]},"209":{"position":[[9,6]]},"211":{"position":[[9,6]]},"213":{"position":[[8,6]]},"215":{"position":[[9,6]]},"217":{"position":[[8,6]]},"219":{"position":[[9,6]]},"221":{"position":[[9,6]]},"223":{"position":[[9,6]]},"225":{"position":[[9,6]]},"227":{"position":[[8,6]]},"229":{"position":[[9,6]]},"231":{"position":[[8,6]]},"233":{"position":[[8,6]]},"235":{"position":[[9,6]]},"237":{"position":[[9,6]]},"239":{"position":[[9,6]]},"241":{"position":[[9,6]]},"243":{"position":[[8,6]]},"245":{"position":[[8,6]]},"247":{"position":[[9,6]]},"249":{"position":[[9,6]]},"251":{"position":[[8,6]]},"253":{"position":[[9,6]]},"255":{"position":[[8,6]]},"257":{"position":[[8,6]]},"259":{"position":[[9,6]]},"261":{"position":[[9,6]]},"263":{"position":[[8,6]]},"265":{"position":[[9,6]]},"267":{"position":[[9,6]]},"269":{"position":[[8,6]]},"271":{"position":[[8,6]]},"273":{"position":[[9,6]]},"275":{"position":[[9,6]]},"277":{"position":[[9,6]]},"279":{"position":[[9,6]]},"281":{"position":[[9,6]]},"283":{"position":[[9,6]]},"285":{"position":[[9,6]]},"287":{"position":[[9,6]]},"289":{"position":[[8,6]]},"291":{"position":[[8,6]]},"293":{"position":[[9,6]]},"295":{"position":[[9,6]]},"297":{"position":[[9,6]]},"299":{"position":[[9,6]]},"301":{"position":[[9,6]]},"303":{"position":[[9,6]]},"305":{"position":[[9,6]]},"307":{"position":[[8,6]]},"309":{"position":[[9,6]]},"311":{"position":[[8,6]]},"313":{"position":[[8,6]]},"315":{"position":[[9,6]]},"317":{"position":[[8,6]]},"319":{"position":[[9,6]]},"321":{"position":[[9,6]]},"323":{"position":[[9,6]]},"325":{"position":[[8,6]]},"327":{"position":[[9,6]]},"329":{"position":[[9,6]]},"331":{"position":[[9,6]]},"333":{"position":[[9,6]]},"335":{"position":[[9,6]]},"337":{"position":[[9,6]]},"339":{"position":[[8,6]]},"341":{"position":[[9,6]]},"343":{"position":[[8,6]]},"345":{"position":[[9,6]]},"347":{"position":[[8,6]]},"349":{"position":[[8,6]]},"351":{"position":[[9,6]]},"353":{"position":[[8,6]]},"355":{"position":[[9,6]]},"357":{"position":[[9,6]]},"359":{"position":[[8,6]]},"361":{"position":[[9,6]]},"363":{"position":[[9,6]]},"365":{"position":[[8,6]]},"367":{"position":[[9,6]]},"369":{"position":[[8,6]]},"371":{"position":[[9,6]]},"373":{"position":[[9,6]]},"375":{"position":[[9,6]]},"377":{"position":[[9,6]]},"379":{"position":[[9,6]]},"381":{"position":[[9,6]]},"383":{"position":[[9,6]]},"385":{"position":[[9,6]]},"387":{"position":[[9,6]]},"389":{"position":[[9,6]]},"391":{"position":[[9,6]]},"393":{"position":[[9,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]]},"602":{"position":[[9,6]]},"604":{"position":[[9,6]]},"606":{"position":[[9,6]]}}}],["templat",{"_index":89,"t":{"177":{"position":[[37,10]]},"181":{"position":[[29,10]]},"201":{"position":[[46,10]]}}}],["time",{"_index":165,"t":{"1150":{"position":[[7,4]]}}}],["timeinput",{"_index":152,"t":{"359":{"position":[[20,11]]}}}],["timepick",{"_index":153,"t":{"361":{"position":[[21,12]]}}}],["toast",{"_index":91,"t":{"183":{"position":[[29,6]]},"185":{"position":[[28,7]]},"363":{"position":[[21,7]]},"365":{"position":[[20,8]]},"839":{"position":[[7,6]]}}}],["toastservic",{"_index":154,"t":{"367":{"position":[[21,14]]}}}],["tooltip",{"_index":155,"t":{"369":{"position":[[20,9]]},"860":{"position":[[7,8]]}}}],["v0.0.1",{"_index":5,"t":{"3":{"position":[[16,6]]},"371":{"position":[[21,8]]}}}],["v0.0.2",{"_index":6,"t":{"5":{"position":[[16,6]]},"373":{"position":[[21,8]]}}}],["v0.0.3",{"_index":7,"t":{"7":{"position":[[16,6]]},"375":{"position":[[21,8]]}}}],["v0.0.4",{"_index":8,"t":{"9":{"position":[[16,6]]},"379":{"position":[[21,8]]}}}],["v0.1.0",{"_index":9,"t":{"11":{"position":[[16,6]]},"377":{"position":[[21,8]]}}}],["v0.1.1",{"_index":10,"t":{"13":{"position":[[16,6]]},"381":{"position":[[21,8]]}}}],["v0.2.0",{"_index":11,"t":{"15":{"position":[[16,6]]},"383":{"position":[[21,8]]}}}],["v0.2.1",{"_index":12,"t":{"17":{"position":[[16,6]]},"385":{"position":[[21,8]]}}}],["v0.2.2",{"_index":13,"t":{"19":{"position":[[16,6]]},"387":{"position":[[21,8]]}}}],["v0.2.3",{"_index":14,"t":{"21":{"position":[[16,6]]},"389":{"position":[[21,8]]}}}],["v0.2.4",{"_index":15,"t":{"23":{"position":[[16,6]]},"391":{"position":[[21,8]]}}}],["v0.2.5",{"_index":16,"t":{"25":{"position":[[16,6]]},"393":{"position":[[21,8]]}}}],["v0.2.6",{"_index":17,"t":{"27":{"position":[[16,6]]},"395":{"position":[[21,8]]}}}],["v0.3.0",{"_index":18,"t":{"29":{"position":[[16,6]]},"397":{"position":[[21,8]]}}}],["v0.4.0",{"_index":19,"t":{"31":{"position":[[16,6]]},"399":{"position":[[21,8]]}}}],["v0.4.1",{"_index":20,"t":{"33":{"position":[[16,6]]},"401":{"position":[[21,8]]}}}],["v0.4.2",{"_index":21,"t":{"35":{"position":[[16,6]]},"602":{"position":[[21,8]]}}}],["v0.5.0",{"_index":22,"t":{"37":{"position":[[16,6]]},"403":{"position":[[21,8]]}}}],["v0.5.1",{"_index":23,"t":{"39":{"position":[[17,6]]},"405":{"position":[[21,8]]}}}],["v0.6.0",{"_index":24,"t":{"41":{"position":[[17,6]]},"604":{"position":[[21,8]]}}}],["v1.0.0",{"_index":25,"t":{"43":{"position":[[17,6]]},"407":{"position":[[21,8]]}}}],["v1.0.1",{"_index":26,"t":{"45":{"position":[[17,6]]},"606":{"position":[[21,8]]}}}],["v1.1.0",{"_index":27,"t":{"47":{"position":[[17,6]]},"409":{"position":[[21,8]]}}}],["v1.10.0",{"_index":53,"t":{"99":{"position":[[17,7]]},"411":{"position":[[21,9]]}}}],["v1.10.1",{"_index":54,"t":{"101":{"position":[[17,7]]},"415":{"position":[[21,9]]}}}],["v1.10.2",{"_index":55,"t":{"103":{"position":[[17,7]]},"413":{"position":[[21,9]]}}}],["v1.2.0",{"_index":28,"t":{"49":{"position":[[17,6]]},"417":{"position":[[21,8]]}}}],["v1.3.0",{"_index":29,"t":{"51":{"position":[[17,6]]},"419":{"position":[[21,8]]}}}],["v1.3.1",{"_index":33,"t":{"59":{"position":[[17,6]]},"423":{"position":[[21,8]]}}}],["v1.4.0",{"_index":30,"t":{"53":{"position":[[17,6]]},"421":{"position":[[21,8]]}}}],["v1.4.1",{"_index":31,"t":{"55":{"position":[[17,6]]},"425":{"position":[[21,8]]}}}],["v1.4.2",{"_index":32,"t":{"57":{"position":[[17,6]]},"429":{"position":[[21,8]]}}}],["v1.4.3",{"_index":34,"t":{"61":{"position":[[17,6]]},"427":{"position":[[21,8]]}}}],["v1.4.4",{"_index":35,"t":{"63":{"position":[[17,6]]},"431":{"position":[[21,8]]}}}],["v1.4.5",{"_index":36,"t":{"65":{"position":[[17,6]]},"433":{"position":[[21,8]]}}}],["v1.5.0",{"_index":37,"t":{"67":{"position":[[17,6]]},"437":{"position":[[21,8]]}}}],["v1.6.0",{"_index":38,"t":{"69":{"position":[[17,6]]},"435":{"position":[[21,8]]}}}],["v1.7.0",{"_index":39,"t":{"71":{"position":[[17,6]]},"439":{"position":[[21,8]]}}}],["v1.7.1",{"_index":40,"t":{"73":{"position":[[17,6]]},"443":{"position":[[21,8]]}}}],["v1.7.2",{"_index":41,"t":{"75":{"position":[[17,6]]},"441":{"position":[[21,8]]}}}],["v1.7.3",{"_index":42,"t":{"77":{"position":[[17,6]]},"447":{"position":[[21,8]]}}}],["v1.8.0",{"_index":43,"t":{"79":{"position":[[17,6]]},"445":{"position":[[21,8]]}}}],["v1.8.1",{"_index":44,"t":{"81":{"position":[[17,6]]},"449":{"position":[[21,8]]}}}],["v1.8.2",{"_index":45,"t":{"83":{"position":[[17,6]]},"451":{"position":[[21,8]]}}}],["v1.8.3",{"_index":46,"t":{"85":{"position":[[17,6]]},"455":{"position":[[21,8]]}}}],["v1.9.0",{"_index":47,"t":{"87":{"position":[[17,6]]},"453":{"position":[[21,8]]}}}],["v1.9.1",{"_index":48,"t":{"89":{"position":[[17,6]]},"459":{"position":[[21,8]]}}}],["v1.9.2",{"_index":49,"t":{"91":{"position":[[17,6]]},"457":{"position":[[21,8]]}}}],["v1.9.3",{"_index":50,"t":{"93":{"position":[[17,6]]},"461":{"position":[[21,8]]}}}],["v1.9.4",{"_index":51,"t":{"95":{"position":[[17,6]]},"465":{"position":[[21,8]]}}}],["v1.9.5",{"_index":52,"t":{"97":{"position":[[17,6]]},"463":{"position":[[21,8]]}}}],["webassembl",{"_index":164,"t":{"1133":{"position":[[25,11]]},"1190":{"position":[[22,11]]},"1220":{"position":[[22,11]]}}}]],"pipeline":["stemmer"]}},{"documents":[{"i":469,"t":"Parameters","u":"/docs/components/breadcrumb","h":"#parameters","p":467},{"i":471,"t":"Examples","u":"/docs/components/breadcrumb","h":"#examples","p":467},{"i":472,"t":"Breadcrumb","u":"/docs/components/breadcrumb","h":"#breadcrumb","p":467},{"i":474,"t":"Dividers","u":"/docs/components/breadcrumb","h":"#dividers","p":467},{"i":476,"t":"Embedded SVG icon","u":"/docs/components/breadcrumb","h":"#embedded-svg-icon","p":467},{"i":480,"t":"Parameters","u":"/docs/components/buttons","h":"#parameters","p":478},{"i":482,"t":"Methods","u":"/docs/components/buttons","h":"#methods","p":478},{"i":484,"t":"Examples","u":"/docs/components/buttons","h":"#examples","p":478},{"i":485,"t":"Buttons","u":"/docs/components/buttons","h":"#buttons","p":478},{"i":487,"t":"Button tags","u":"/docs/components/buttons","h":"#button-tags","p":478},{"i":489,"t":"Outline Buttons","u":"/docs/components/buttons","h":"#outline-buttons","p":478},{"i":491,"t":"Sizes","u":"/docs/components/buttons","h":"#sizes","p":478},{"i":493,"t":"Disabled State","u":"/docs/components/buttons","h":"#disabled-state","p":478},{"i":495,"t":"Disable and enable state dynamically","u":"/docs/components/buttons","h":"#disable-and-enable-state-dynamically","p":478},{"i":497,"t":"Block Buttons","u":"/docs/components/buttons","h":"#block-buttons","p":478},{"i":499,"t":"Toogle States","u":"/docs/components/buttons","h":"#toogle-states","p":478},{"i":501,"t":"Loading spinner","u":"/docs/components/buttons","h":"#loading-spinner","p":478},{"i":503,"t":"Show/Hide loading spinner","u":"/docs/components/buttons","h":"#showhide-loading-spinner","p":478},{"i":505,"t":"Show Tooltip","u":"/docs/components/buttons","h":"#show-tooltip","p":478},{"i":507,"t":"Dynamically update the tooltip text","u":"/docs/components/buttons","h":"#dynamically-update-the-tooltip-text","p":478},{"i":509,"t":"Events","u":"/docs/components/buttons","h":"#events","p":478},{"i":513,"t":"About","u":"/docs/components/card","h":"#about","p":511},{"i":515,"t":"Parameters","u":"/docs/components/card","h":"#parameters","p":511},{"i":516,"t":"Card Parameters","u":"/docs/components/card","h":"#card-parameters","p":511},{"i":518,"t":"CardBody Parameters","u":"/docs/components/card","h":"#cardbody-parameters","p":511},{"i":520,"t":"CardFooter Parameters","u":"/docs/components/card","h":"#cardfooter-parameters","p":511},{"i":522,"t":"CardGroup Parameters","u":"/docs/components/card","h":"#cardgroup-parameters","p":511},{"i":524,"t":"CardHeader Parameters","u":"/docs/components/card","h":"#cardheader-parameters","p":511},{"i":526,"t":"CardLink Parameters","u":"/docs/components/card","h":"#cardlink-parameters","p":511},{"i":528,"t":"CardSubTitle Parameters","u":"/docs/components/card","h":"#cardsubtitle-parameters","p":511},{"i":530,"t":"CardText Parameters","u":"/docs/components/card","h":"#cardtext-parameters","p":511},{"i":532,"t":"CardTitle Parameters","u":"/docs/components/card","h":"#cardtitle-parameters","p":511},{"i":534,"t":"Examples","u":"/docs/components/card","h":"#examples","p":511},{"i":535,"t":"Card","u":"/docs/components/card","h":"#card","p":511},{"i":537,"t":"Content types","u":"/docs/components/card","h":"#content-types","p":511},{"i":539,"t":"Body","u":"/docs/components/card","h":"#body","p":511},{"i":541,"t":"Titles, text, and links","u":"/docs/components/card","h":"#titles-text-and-links","p":511},{"i":543,"t":"Images","u":"/docs/components/card","h":"#images","p":511},{"i":545,"t":"List groups","u":"/docs/components/card","h":"#list-groups","p":511},{"i":547,"t":"Kitchen sink","u":"/docs/components/card","h":"#kitchen-sink","p":511},{"i":549,"t":"Header and footer","u":"/docs/components/card","h":"#header-and-footer","p":511},{"i":551,"t":"Sizing","u":"/docs/components/card","h":"#sizing","p":511},{"i":553,"t":"Text alignment","u":"/docs/components/card","h":"#text-alignment","p":511},{"i":555,"t":"Background and color","u":"/docs/components/card","h":"#background-and-color","p":511},{"i":557,"t":"Card groups","u":"/docs/components/card","h":"#card-groups","p":511},{"i":559,"t":"Card groups with footer","u":"/docs/components/card","h":"#card-groups-with-footer","p":511},{"i":563,"t":"Parameters","u":"/docs/components/callout","h":"#parameters","p":561},{"i":565,"t":"Examples","u":"/docs/components/callout","h":"#examples","p":561},{"i":566,"t":"Callout","u":"/docs/components/callout","h":"#callout","p":561},{"i":568,"t":"Custom callout heading","u":"/docs/components/callout","h":"#custom-callout-heading","p":561},{"i":570,"t":"Large text","u":"/docs/components/callout","h":"#large-text","p":561},{"i":574,"t":"Example","u":"/docs/components/charts","h":"#example","p":572},{"i":576,"t":"Chart Types","u":"/docs/components/charts","h":"#chart-types","p":572},{"i":578,"t":"Bar Chart","u":"/docs/components/charts","h":"#bar-chart","p":572},{"i":580,"t":"Doughnut Chart","u":"/docs/components/charts","h":"#doughnut-chart","p":572},{"i":582,"t":"Line Chart","u":"/docs/components/charts","h":"#line-chart","p":572},{"i":584,"t":"Pie Chart","u":"/docs/components/charts","h":"#pie-chart","p":572},{"i":588,"t":"Parameters","u":"/docs/components/collapse","h":"#parameters","p":586},{"i":590,"t":"Methods","u":"/docs/components/collapse","h":"#methods","p":586},{"i":592,"t":"Events","u":"/docs/components/collapse","h":"#events","p":586},{"i":594,"t":"How it works","u":"/docs/components/collapse","h":"#how-it-works","p":586},{"i":596,"t":"Examples","u":"/docs/components/collapse","h":"#examples","p":586},{"i":598,"t":"Horizontal","u":"/docs/components/collapse","h":"#horizontal","p":586},{"i":600,"t":"Events Example","u":"/docs/components/collapse","h":"#events-example","p":586},{"i":610,"t":"Methods","u":"/docs/components/confirm-dialog","h":"#methods","p":608},{"i":612,"t":"ConfirmDialogOptions Properties","u":"/docs/components/confirm-dialog","h":"#confirmdialogoptions-properties","p":608},{"i":614,"t":"Examples","u":"/docs/components/confirm-dialog","h":"#examples","p":608},{"i":615,"t":"Confirm Dialog","u":"/docs/components/confirm-dialog","h":"#confirm-dialog","p":608},{"i":617,"t":"Dynamic component as confirm dialog","u":"/docs/components/confirm-dialog","h":"#dynamic-component-as-confirm-dialog","p":608},{"i":619,"t":"Change buttons text and color","u":"/docs/components/confirm-dialog","h":"#change-buttons-text-and-color","p":608},{"i":621,"t":"Optional sizes","u":"/docs/components/confirm-dialog","h":"#optional-sizes","p":608},{"i":623,"t":"Scrolling long content","u":"/docs/components/confirm-dialog","h":"#scrolling-long-content","p":608},{"i":625,"t":"Vertically centered","u":"/docs/components/confirm-dialog","h":"#vertically-centered","p":608},{"i":629,"t":"Dropdown Parameters","u":"/docs/components/dropdown","h":"#dropdown-parameters","p":627},{"i":631,"t":"DropdownToggleButton Parameters","u":"/docs/components/dropdown","h":"#dropdowntogglebutton-parameters","p":627},{"i":633,"t":"DropdownActionButton Parameters","u":"/docs/components/dropdown","h":"#dropdownactionbutton-parameters","p":627},{"i":635,"t":"DropdownMenu Parameters","u":"/docs/components/dropdown","h":"#dropdownmenu-parameters","p":627},{"i":637,"t":"DropdownHeader Parameters","u":"/docs/components/dropdown","h":"#dropdownheader-parameters","p":627},{"i":639,"t":"DropdownItem Parameters","u":"/docs/components/dropdown","h":"#dropdownitem-parameters","p":627},{"i":641,"t":"Dropdown Methods","u":"/docs/components/dropdown","h":"#dropdown-methods","p":627},{"i":643,"t":"Dropdown Events","u":"/docs/components/dropdown","h":"#dropdown-events","p":627},{"i":645,"t":"Examples","u":"/docs/components/dropdown","h":"#examples","p":627},{"i":646,"t":"Single button","u":"/docs/components/dropdown","h":"#single-button","p":627},{"i":648,"t":"Color","u":"/docs/components/dropdown","h":"#color","p":627},{"i":650,"t":"Split button","u":"/docs/components/dropdown","h":"#split-button","p":627},{"i":652,"t":"Sizing","u":"/docs/components/dropdown","h":"#sizing","p":627},{"i":654,"t":"Directions","u":"/docs/components/dropdown","h":"#directions","p":627},{"i":655,"t":"Dropup","u":"/docs/components/dropdown","h":"#dropup","p":627},{"i":657,"t":"Dropup centered","u":"/docs/components/dropdown","h":"#dropup-centered","p":627},{"i":659,"t":"Dropend","u":"/docs/components/dropdown","h":"#dropend","p":627},{"i":661,"t":"Dropstart","u":"/docs/components/dropdown","h":"#dropstart","p":627},{"i":663,"t":"Active","u":"/docs/components/dropdown","h":"#active","p":627},{"i":665,"t":"Disabled","u":"/docs/components/dropdown","h":"#disabled","p":627},{"i":667,"t":"Menu position","u":"/docs/components/dropdown","h":"#menu-position","p":627},{"i":669,"t":"Menu content","u":"/docs/components/dropdown","h":"#menu-content","p":627},{"i":670,"t":"Header","u":"/docs/components/dropdown","h":"#header","p":627},{"i":672,"t":"Dividers","u":"/docs/components/dropdown","h":"#dividers","p":627},{"i":674,"t":"Text","u":"/docs/components/dropdown","h":"#text","p":627},{"i":676,"t":"Forms","u":"/docs/components/dropdown","h":"#forms","p":627},{"i":678,"t":"Auto close behavior","u":"/docs/components/dropdown","h":"#auto-close-behavior","p":627},{"i":680,"t":"Methods","u":"/docs/components/dropdown","h":"#methods","p":627},{"i":682,"t":"Events","u":"/docs/components/dropdown","h":"#events","p":627},{"i":686,"t":"Parameters","u":"/docs/components/modal","h":"#parameters","p":684},{"i":688,"t":"Methods","u":"/docs/components/modal","h":"#methods","p":684},{"i":690,"t":"Callback Events","u":"/docs/components/modal","h":"#callback-events","p":684},{"i":692,"t":"How it works","u":"/docs/components/modal","h":"#how-it-works","p":684},{"i":694,"t":"Examples","u":"/docs/components/modal","h":"#examples","p":684},{"i":695,"t":"Modal","u":"/docs/components/modal","h":"#modal","p":684},{"i":697,"t":"Dynamic component as modal","u":"/docs/components/modal","h":"#dynamic-component-as-modal","p":684},{"i":699,"t":"Pass event callbacks to a dynamic component","u":"/docs/components/modal","h":"#pass-event-callbacks-to-a-dynamic-component","p":684},{"i":701,"t":"Static backdrop","u":"/docs/components/modal","h":"#static-backdrop","p":684},{"i":703,"t":"Scrolling long content","u":"/docs/components/modal","h":"#scrolling-long-content","p":684},{"i":705,"t":"Vertically centered","u":"/docs/components/modal","h":"#vertically-centered","p":684},{"i":707,"t":"Vertically centered and scrollable","u":"/docs/components/modal","h":"#vertically-centered-and-scrollable","p":684},{"i":709,"t":"Optional sizes","u":"/docs/components/modal","h":"#optional-sizes","p":684},{"i":711,"t":"Fullscreen Modal","u":"/docs/components/modal","h":"#fullscreen-modal","p":684},{"i":713,"t":"Callback Events","u":"/docs/components/modal","h":"#callback-events-1","p":684},{"i":717,"t":"Parameters","u":"/docs/components/offcanvas","h":"#parameters","p":715},{"i":719,"t":"Methods","u":"/docs/components/offcanvas","h":"#methods","p":715},{"i":721,"t":"Callback Events","u":"/docs/components/offcanvas","h":"#callback-events","p":715},{"i":723,"t":"How it works","u":"/docs/components/offcanvas","h":"#how-it-works","p":715},{"i":725,"t":"Examples","u":"/docs/components/offcanvas","h":"#examples","p":715},{"i":726,"t":"Offcanvas","u":"/docs/components/offcanvas","h":"#offcanvas","p":715},{"i":728,"t":"Dynamic component as offcanvas","u":"/docs/components/offcanvas","h":"#dynamic-component-as-offcanvas","p":715},{"i":730,"t":"Pass event callbacks to a dynamic component","u":"/docs/components/offcanvas","h":"#pass-event-callbacks-to-a-dynamic-component","p":715},{"i":732,"t":"Placement","u":"/docs/components/offcanvas","h":"#placement","p":715},{"i":734,"t":"Static backdrop","u":"/docs/components/offcanvas","h":"#static-backdrop","p":715},{"i":736,"t":"Sizes","u":"/docs/components/offcanvas","h":"#sizes","p":715},{"i":738,"t":"Callback Events","u":"/docs/components/offcanvas","h":"#callback-events-1","p":715},{"i":742,"t":"Parameters","u":"/docs/components/pagination","h":"#parameters","p":740},{"i":744,"t":"Callback Events","u":"/docs/components/pagination","h":"#callback-events","p":740},{"i":746,"t":"Examples","u":"/docs/components/pagination","h":"#examples","p":740},{"i":747,"t":"Pagination","u":"/docs/components/pagination","h":"#pagination","p":740},{"i":749,"t":"Working with icons","u":"/docs/components/pagination","h":"#working-with-icons","p":740},{"i":751,"t":"Disabled and active states","u":"/docs/components/pagination","h":"#disabled-and-active-states","p":740},{"i":753,"t":"Sizing","u":"/docs/components/pagination","h":"#sizing","p":740},{"i":755,"t":"Alignment","u":"/docs/components/pagination","h":"#alignment","p":740},{"i":757,"t":"Callback Events","u":"/docs/components/pagination","h":"#callback-events-1","p":740},{"i":761,"t":"PlaceholderContainer Parameters","u":"/docs/components/placeholders","h":"#placeholdercontainer-parameters","p":759},{"i":763,"t":"Placeholder Parameters","u":"/docs/components/placeholders","h":"#placeholder-parameters","p":759},{"i":765,"t":"Examples","u":"/docs/components/placeholders","h":"#examples","p":759},{"i":766,"t":"Placeholders","u":"/docs/components/placeholders","h":"#placeholders","p":759},{"i":768,"t":"Width","u":"/docs/components/placeholders","h":"#width","p":759},{"i":770,"t":"Color","u":"/docs/components/placeholders","h":"#color","p":759},{"i":772,"t":"Sizing","u":"/docs/components/placeholders","h":"#sizing","p":759},{"i":774,"t":"Animation","u":"/docs/components/placeholders","h":"#animation","p":759},{"i":778,"t":"Parameters","u":"/docs/components/preload","h":"#parameters","p":776},{"i":780,"t":"Preload Service","u":"/docs/components/preload","h":"#preload-service","p":776},{"i":781,"t":"Methods","u":"/docs/components/preload","h":"#methods","p":776},{"i":783,"t":"Global preload service for the application","u":"/docs/components/preload","h":"#global-preload-service-for-the-application","p":776},{"i":785,"t":"Change spinner color","u":"/docs/components/preload","h":"#change-spinner-color","p":776},{"i":789,"t":"Tabs Parameters","u":"/docs/components/tabs","h":"#tabs-parameters","p":787},{"i":791,"t":"Tabs Methods","u":"/docs/components/tabs","h":"#tabs-methods","p":787},{"i":793,"t":"Tab Parameters","u":"/docs/components/tabs","h":"#tab-parameters","p":787},{"i":795,"t":"Examples","u":"/docs/components/tabs","h":"#examples","p":787},{"i":796,"t":"Tabs","u":"/docs/components/tabs","h":"#tabs","p":787},{"i":798,"t":"Fade effect","u":"/docs/components/tabs","h":"#fade-effect","p":787},{"i":800,"t":"Title with icon","u":"/docs/components/tabs","h":"#title-with-icon","p":787},{"i":802,"t":"Disable Tab","u":"/docs/components/tabs","h":"#disable-tab","p":787},{"i":804,"t":"Pills","u":"/docs/components/tabs","h":"#pills","p":787},{"i":806,"t":"Activate individual tabs","u":"/docs/components/tabs","h":"#activate-individual-tabs","p":787},{"i":808,"t":"Callback Events","u":"/docs/components/tabs","h":"#callback-events","p":787},{"i":810,"t":"Set active tab OnAfterRender","u":"/docs/components/tabs","h":"#set-active-tab-onafterrender","p":787},{"i":814,"t":"Progress Parameters","u":"/docs/components/progress","h":"#progress-parameters","p":812},{"i":816,"t":"ProgressBar Parameters","u":"/docs/components/progress","h":"#progressbar-parameters","p":812},{"i":818,"t":"ProgressBar Methods","u":"/docs/components/progress","h":"#progressbar-methods","p":812},{"i":820,"t":"Examples","u":"/docs/components/progress","h":"#examples","p":812},{"i":821,"t":"How it works","u":"/docs/components/progress","h":"#how-it-works","p":812},{"i":823,"t":"Labels","u":"/docs/components/progress","h":"#labels","p":812},{"i":825,"t":"Set width programmatically","u":"/docs/components/progress","h":"#set-width-programmatically","p":812},{"i":827,"t":"Height","u":"/docs/components/progress","h":"#height","p":812},{"i":829,"t":"Backgrounds","u":"/docs/components/progress","h":"#backgrounds","p":812},{"i":831,"t":"Set background programmatically","u":"/docs/components/progress","h":"#set-background-programmatically","p":812},{"i":833,"t":"Multiple bars","u":"/docs/components/progress","h":"#multiple-bars","p":812},{"i":835,"t":"Striped","u":"/docs/components/progress","h":"#striped","p":812},{"i":837,"t":"Animated stripes","u":"/docs/components/progress","h":"#animated-stripes","p":812},{"i":841,"t":"Toasts Parameters","u":"/docs/components/toasts","h":"#toasts-parameters","p":839},{"i":843,"t":"ToastMessage Properties","u":"/docs/components/toasts","h":"#toastmessage-properties","p":839},{"i":845,"t":"Examples:","u":"/docs/components/toasts","h":"#examples","p":839},{"i":846,"t":"Toast","u":"/docs/components/toasts","h":"#toast","p":839},{"i":848,"t":"Toast without title","u":"/docs/components/toasts","h":"#toast-without-title","p":839},{"i":850,"t":"Auto hide","u":"/docs/components/toasts","h":"#auto-hide","p":839},{"i":852,"t":"Auto hide individual messages","u":"/docs/components/toasts","h":"#auto-hide-individual-messages","p":839},{"i":854,"t":"Placement","u":"/docs/components/toasts","h":"#placement","p":839},{"i":856,"t":"Stack Length","u":"/docs/components/toasts","h":"#stack-length","p":839},{"i":858,"t":"Global toasts service for the application","u":"/docs/components/toasts","h":"#global-toasts-service-for-the-application","p":839},{"i":862,"t":"Parameters","u":"/docs/components/tooltips","h":"#parameters","p":860},{"i":864,"t":"Examples","u":"/docs/components/tooltips","h":"#examples","p":860},{"i":865,"t":"Tooltips","u":"/docs/components/tooltips","h":"#tooltips","p":860},{"i":867,"t":"Disabled button with tooltip","u":"/docs/components/tooltips","h":"#disabled-button-with-tooltip","p":860},{"i":869,"t":"Tooltip icon with click event","u":"/docs/components/tooltips","h":"#tooltip-icon-with-click-event","p":860},{"i":871,"t":"Dynamically update the tooltip text","u":"/docs/components/tooltips","h":"#dynamically-update-the-tooltip-text","p":860},{"i":875,"t":"Prerequisites","u":"/docs/content/icons","h":"#prerequisites","p":873},{"i":877,"t":"Parameters","u":"/docs/content/icons","h":"#parameters","p":873},{"i":879,"t":"Examples","u":"/docs/content/icons","h":"#examples","p":873},{"i":880,"t":"Icons","u":"/docs/content/icons","h":"#icons","p":873},{"i":882,"t":"Sizes","u":"/docs/content/icons","h":"#sizes","p":873},{"i":884,"t":"Colors","u":"/docs/content/icons","h":"#colors","p":873},{"i":886,"t":"Inline text with icon","u":"/docs/content/icons","h":"#inline-text-with-icon","p":873},{"i":888,"t":"Link with icon","u":"/docs/content/icons","h":"#link-with-icon","p":873},{"i":890,"t":"Link with custom icon","u":"/docs/content/icons","h":"#link-with-custom-icon","p":873},{"i":892,"t":"Button with icon and text","u":"/docs/content/icons","h":"#button-with-icon-and-text","p":873},{"i":894,"t":"Button with icon only","u":"/docs/content/icons","h":"#button-with-icon-only","p":873},{"i":896,"t":"Bootstrap Icons","u":"/docs/content/icons","h":"#bootstrap-icons","p":873},{"i":900,"t":"Parameters","u":"/docs/data-visualization/bar-chart","h":"#parameters","p":898},{"i":902,"t":"Methods","u":"/docs/data-visualization/bar-chart","h":"#methods","p":898},{"i":904,"t":"ChartData Members","u":"/docs/data-visualization/bar-chart","h":"#chartdata-members","p":898},{"i":906,"t":"BarChartDataset Members","u":"/docs/data-visualization/bar-chart","h":"#barchartdataset-members","p":898},{"i":908,"t":"BarChartDatasetDataLabels Members","u":"/docs/data-visualization/bar-chart","h":"#barchartdatasetdatalabels-members","p":898},{"i":910,"t":"BarChartOptions Members","u":"/docs/data-visualization/bar-chart","h":"#barchartoptions-members","p":898},{"i":912,"t":"Examples","u":"/docs/data-visualization/bar-chart","h":"#examples","p":898},{"i":913,"t":"Prerequisites","u":"/docs/data-visualization/bar-chart","h":"#prerequisites","p":898},{"i":915,"t":"How it works","u":"/docs/data-visualization/bar-chart","h":"#how-it-works","p":898},{"i":917,"t":"Horizontal bar chart","u":"/docs/data-visualization/bar-chart","h":"#horizontal-bar-chart","p":898},{"i":919,"t":"Stacked bar chart","u":"/docs/data-visualization/bar-chart","h":"#stacked-bar-chart","p":898},{"i":921,"t":"Locale","u":"/docs/data-visualization/bar-chart","h":"#locale","p":898},{"i":923,"t":"Data labels","u":"/docs/data-visualization/bar-chart","h":"#data-labels","p":898},{"i":927,"t":"Parameters","u":"/docs/data-visualization/doughnut-chart","h":"#parameters","p":925},{"i":929,"t":"Methods","u":"/docs/data-visualization/doughnut-chart","h":"#methods","p":925},{"i":931,"t":"ChartData Members","u":"/docs/data-visualization/doughnut-chart","h":"#chartdata-members","p":925},{"i":933,"t":"DoughnutChartDataset Members","u":"/docs/data-visualization/doughnut-chart","h":"#doughnutchartdataset-members","p":925},{"i":935,"t":"DoughnutChartDatasetDataLabels Members","u":"/docs/data-visualization/doughnut-chart","h":"#doughnutchartdatasetdatalabels-members","p":925},{"i":937,"t":"DoughnutChartOptions Members","u":"/docs/data-visualization/doughnut-chart","h":"#doughnutchartoptions-members","p":925},{"i":939,"t":"Examples","u":"/docs/data-visualization/doughnut-chart","h":"#examples","p":925},{"i":940,"t":"Prerequisites","u":"/docs/data-visualization/doughnut-chart","h":"#prerequisites","p":925},{"i":942,"t":"How it works","u":"/docs/data-visualization/doughnut-chart","h":"#how-it-works","p":925},{"i":944,"t":"Locale","u":"/docs/data-visualization/doughnut-chart","h":"#locale","p":925},{"i":946,"t":"Data labels","u":"/docs/data-visualization/doughnut-chart","h":"#data-labels","p":925},{"i":950,"t":"Parameters","u":"/docs/data-visualization/line-chart","h":"#parameters","p":948},{"i":952,"t":"Methods","u":"/docs/data-visualization/line-chart","h":"#methods","p":948},{"i":954,"t":"ChartData Members","u":"/docs/data-visualization/line-chart","h":"#chartdata-members","p":948},{"i":956,"t":"LineChartDataset Members","u":"/docs/data-visualization/line-chart","h":"#linechartdataset-members","p":948},{"i":958,"t":"LineChartDatasetDataLabels Members","u":"/docs/data-visualization/line-chart","h":"#linechartdatasetdatalabels-members","p":948},{"i":960,"t":"LineChartOptions Members","u":"/docs/data-visualization/line-chart","h":"#linechartoptions-members","p":948},{"i":962,"t":"Examples","u":"/docs/data-visualization/line-chart","h":"#examples","p":948},{"i":963,"t":"Prerequisites","u":"/docs/data-visualization/line-chart","h":"#prerequisites","p":948},{"i":965,"t":"How it works","u":"/docs/data-visualization/line-chart","h":"#how-it-works","p":948},{"i":967,"t":"Another example","u":"/docs/data-visualization/line-chart","h":"#another-example","p":948},{"i":969,"t":"Data labels","u":"/docs/data-visualization/line-chart","h":"#data-labels","p":948},{"i":973,"t":"Parameters","u":"/docs/data-visualization/pie-chart","h":"#parameters","p":971},{"i":975,"t":"Methods","u":"/docs/data-visualization/pie-chart","h":"#methods","p":971},{"i":977,"t":"ChartData Members","u":"/docs/data-visualization/pie-chart","h":"#chartdata-members","p":971},{"i":979,"t":"PieChartDataset Members","u":"/docs/data-visualization/pie-chart","h":"#piechartdataset-members","p":971},{"i":981,"t":"PieChartDatasetDataLabels Members","u":"/docs/data-visualization/pie-chart","h":"#piechartdatasetdatalabels-members","p":971},{"i":983,"t":"PieChartOptions Members","u":"/docs/data-visualization/pie-chart","h":"#piechartoptions-members","p":971},{"i":985,"t":"Examples","u":"/docs/data-visualization/pie-chart","h":"#examples","p":971},{"i":986,"t":"Prerequisites","u":"/docs/data-visualization/pie-chart","h":"#prerequisites","p":971},{"i":988,"t":"How it works","u":"/docs/data-visualization/pie-chart","h":"#how-it-works","p":971},{"i":990,"t":"Data labels","u":"/docs/data-visualization/pie-chart","h":"#data-labels","p":971},{"i":994,"t":"Parameters","u":"/docs/forms/autocomplete","h":"#parameters","p":992},{"i":996,"t":"Methods","u":"/docs/forms/autocomplete","h":"#methods","p":992},{"i":998,"t":"Events","u":"/docs/forms/autocomplete","h":"#events","p":992},{"i":1000,"t":"Keyboard Navigation","u":"/docs/forms/autocomplete","h":"#keyboard-navigation","p":992},{"i":1002,"t":"Examples","u":"/docs/forms/autocomplete","h":"#examples","p":992},{"i":1003,"t":"Client side data","u":"/docs/forms/autocomplete","h":"#client-side-data","p":992},{"i":1005,"t":"Client side data with StringComparision","u":"/docs/forms/autocomplete","h":"#client-side-data-with-stringcomparision","p":992},{"i":1007,"t":"Server side data","u":"/docs/forms/autocomplete","h":"#server-side-data","p":992},{"i":1009,"t":"Set default value","u":"/docs/forms/autocomplete","h":"#set-default-value","p":992},{"i":1011,"t":"Validations","u":"/docs/forms/autocomplete","h":"#validations","p":992},{"i":1013,"t":"Disable","u":"/docs/forms/autocomplete","h":"#disable","p":992},{"i":1017,"t":"Parameters","u":"/docs/forms/currency-input","h":"#parameters","p":1015},{"i":1019,"t":"Methods","u":"/docs/forms/currency-input","h":"#methods","p":1015},{"i":1021,"t":"Events","u":"/docs/forms/currency-input","h":"#events","p":1015},{"i":1023,"t":"Examples","u":"/docs/forms/currency-input","h":"#examples","p":1015},{"i":1024,"t":"Basic usage","u":"/docs/forms/currency-input","h":"#basic-usage","p":1015},{"i":1026,"t":"Show currency symbols for the different locales","u":"/docs/forms/currency-input","h":"#show-currency-symbols-for-the-different-locales","p":1015},{"i":1028,"t":"Hide currency symbol","u":"/docs/forms/currency-input","h":"#hide-currency-symbol","p":1015},{"i":1030,"t":"Using fraction digits and integer digits","u":"/docs/forms/currency-input","h":"#using-fraction-digits-and-integer-digits","p":1015},{"i":1032,"t":"Wrap the number with parentheses instead of appending a minus sign","u":"/docs/forms/currency-input","h":"#wrap-the-number-with-parentheses-instead-of-appending-a-minus-sign","p":1015},{"i":1034,"t":"Generic type","u":"/docs/forms/currency-input","h":"#generic-type","p":1015},{"i":1036,"t":"Enable min and max","u":"/docs/forms/currency-input","h":"#enable-min-and-max","p":1015},{"i":1038,"t":"Text alignment","u":"/docs/forms/currency-input","h":"#text-alignment","p":1015},{"i":1040,"t":"Allow negative numbers","u":"/docs/forms/currency-input","h":"#allow-negative-numbers","p":1015},{"i":1042,"t":"Disable","u":"/docs/forms/currency-input","h":"#disable","p":1015},{"i":1044,"t":"Validations","u":"/docs/forms/currency-input","h":"#validations","p":1015},{"i":1046,"t":"Events: ValueChanged","u":"/docs/forms/currency-input","h":"#events-valuechanged","p":1015},{"i":1050,"t":"Parameters","u":"/docs/forms/date-input","h":"#parameters","p":1048},{"i":1052,"t":"Methods","u":"/docs/forms/date-input","h":"#methods","p":1048},{"i":1054,"t":"Events","u":"/docs/forms/date-input","h":"#events","p":1048},{"i":1056,"t":"Examples","u":"/docs/forms/date-input","h":"#examples","p":1048},{"i":1057,"t":"Basic usage","u":"/docs/forms/date-input","h":"#basic-usage","p":1048},{"i":1059,"t":"Generic type","u":"/docs/forms/date-input","h":"#generic-type","p":1048},{"i":1061,"t":"Enable min and max","u":"/docs/forms/date-input","h":"#enable-min-and-max","p":1048},{"i":1063,"t":"Disable","u":"/docs/forms/date-input","h":"#disable","p":1048},{"i":1065,"t":"Validations","u":"/docs/forms/date-input","h":"#validations","p":1048},{"i":1067,"t":"Events: ValueChanged","u":"/docs/forms/date-input","h":"#events-valuechanged","p":1048},{"i":1069,"t":"Restrict the date field based on the entry in another date field","u":"/docs/forms/date-input","h":"#restrict-the-date-field-based-on-the-entry-in-another-date-field","p":1048},{"i":1073,"t":"Parameters","u":"/docs/forms/number-input","h":"#parameters","p":1071},{"i":1075,"t":"Methods","u":"/docs/forms/number-input","h":"#methods","p":1071},{"i":1077,"t":"Events","u":"/docs/forms/number-input","h":"#events","p":1071},{"i":1079,"t":"Examples","u":"/docs/forms/number-input","h":"#examples","p":1071},{"i":1080,"t":"Basic usage","u":"/docs/forms/number-input","h":"#basic-usage","p":1071},{"i":1082,"t":"Generic type","u":"/docs/forms/number-input","h":"#generic-type","p":1071},{"i":1084,"t":"Enable min and max","u":"/docs/forms/number-input","h":"#enable-min-and-max","p":1071},{"i":1086,"t":"Step","u":"/docs/forms/number-input","h":"#step","p":1071},{"i":1088,"t":"Text alignment","u":"/docs/forms/number-input","h":"#text-alignment","p":1071},{"i":1090,"t":"Allow negative numbers","u":"/docs/forms/number-input","h":"#allow-negative-numbers","p":1071},{"i":1092,"t":"Disable","u":"/docs/forms/number-input","h":"#disable","p":1071},{"i":1094,"t":"Validations","u":"/docs/forms/number-input","h":"#validations","p":1071},{"i":1096,"t":"Events: ValueChanged","u":"/docs/forms/number-input","h":"#events-valuechanged","p":1071},{"i":1100,"t":"Parameters","u":"/docs/forms/switch","h":"#parameters","p":1098},{"i":1102,"t":"Methods","u":"/docs/forms/switch","h":"#methods","p":1098},{"i":1104,"t":"Events","u":"/docs/forms/switch","h":"#events","p":1098},{"i":1106,"t":"Examples","u":"/docs/forms/switch","h":"#examples","p":1098},{"i":1107,"t":"Basic usage","u":"/docs/forms/switch","h":"#basic-usage","p":1098},{"i":1109,"t":"Disable","u":"/docs/forms/switch","h":"#disable","p":1098},{"i":1110,"t":"Disable","u":"/docs/forms/switch","h":"#disable-1","p":1098},{"i":1112,"t":"Reverse","u":"/docs/forms/switch","h":"#reverse","p":1098},{"i":1114,"t":"Events: ValueChanged","u":"/docs/forms/switch","h":"#events-valuechanged","p":1098},{"i":1118,"t":"Install Nuget Package","u":"/docs/getting-started/blazor-server","h":"#install-nuget-package","p":1116},{"i":1120,"t":"Add CSS references","u":"/docs/getting-started/blazor-server","h":"#add-css-references","p":1116},{"i":1122,"t":"Add script references","u":"/docs/getting-started/blazor-server","h":"#add-script-references","p":1116},{"i":1124,"t":"Register services","u":"/docs/getting-started/blazor-server","h":"#register-services","p":1116},{"i":1126,"t":"Remove default references","u":"/docs/getting-started/blazor-server","h":"#remove-default-references","p":1116},{"i":1128,"t":"Starter templates","u":"/docs/getting-started/blazor-server","h":"#starter-templates","p":1116},{"i":1129,"t":".NET 6","u":"/docs/getting-started/blazor-server","h":"#net-6","p":1116},{"i":1131,"t":".NET 7","u":"/docs/getting-started/blazor-server","h":"#net-7","p":1116},{"i":1135,"t":"Install Nuget Package","u":"/docs/getting-started/blazor-webassembly","h":"#install-nuget-package","p":1133},{"i":1137,"t":"Add CSS references","u":"/docs/getting-started/blazor-webassembly","h":"#add-css-references","p":1133},{"i":1139,"t":"Add script references","u":"/docs/getting-started/blazor-webassembly","h":"#add-script-references","p":1133},{"i":1141,"t":"Register services","u":"/docs/getting-started/blazor-webassembly","h":"#register-services","p":1133},{"i":1143,"t":"Remove default references","u":"/docs/getting-started/blazor-webassembly","h":"#remove-default-references","p":1133},{"i":1145,"t":"Starter templates","u":"/docs/getting-started/blazor-webassembly","h":"#starter-templates","p":1133},{"i":1146,"t":".NET 6","u":"/docs/getting-started/blazor-webassembly","h":"#net-6","p":1133},{"i":1148,"t":".NET 7","u":"/docs/getting-started/blazor-webassembly","h":"#net-7","p":1133},{"i":1152,"t":"Parameters","u":"/docs/forms/time-input","h":"#parameters","p":1150},{"i":1154,"t":"Methods","u":"/docs/forms/time-input","h":"#methods","p":1150},{"i":1156,"t":"Events","u":"/docs/forms/time-input","h":"#events","p":1150},{"i":1158,"t":"Examples","u":"/docs/forms/time-input","h":"#examples","p":1150},{"i":1159,"t":"Basic usage","u":"/docs/forms/time-input","h":"#basic-usage","p":1150},{"i":1161,"t":"Generic type","u":"/docs/forms/time-input","h":"#generic-type","p":1150},{"i":1163,"t":"Enable min and max","u":"/docs/forms/time-input","h":"#enable-min-and-max","p":1150},{"i":1165,"t":"Disable","u":"/docs/forms/time-input","h":"#disable","p":1150},{"i":1167,"t":"Validations","u":"/docs/forms/time-input","h":"#validations","p":1150},{"i":1169,"t":"Events: ValueChanged","u":"/docs/forms/time-input","h":"#events-valuechanged","p":1150},{"i":1171,"t":"Restrict the date field based on the entry in another date field","u":"/docs/forms/time-input","h":"#restrict-the-date-field-based-on-the-entry-in-another-date-field","p":1150},{"i":1175,"t":"Install Nuget Package","u":"/docs/getting-started/maui-blazor","h":"#install-nuget-package","p":1173},{"i":1177,"t":"Add CSS references","u":"/docs/getting-started/maui-blazor","h":"#add-css-references","p":1173},{"i":1179,"t":"Add script references","u":"/docs/getting-started/maui-blazor","h":"#add-script-references","p":1173},{"i":1181,"t":"Register services","u":"/docs/getting-started/maui-blazor","h":"#register-services","p":1173},{"i":1183,"t":"Remove default references","u":"/docs/getting-started/maui-blazor","h":"#remove-default-references","p":1173},{"i":1185,"t":"Starter templates","u":"/docs/getting-started/maui-blazor","h":"#starter-templates","p":1173},{"i":1186,"t":".NET 6","u":"/docs/getting-started/maui-blazor","h":"#net-6","p":1173},{"i":1188,"t":".NET 7","u":"/docs/getting-started/maui-blazor","h":"#net-7","p":1173},{"i":1192,"t":"Prerequisites","u":"/docs/layout/blazor-server","h":"#prerequisites","p":1190},{"i":1194,"t":"Steps","u":"/docs/layout/blazor-server","h":"#steps","p":1190},{"i":1196,"t":"Starter templates","u":"/docs/layout/blazor-server","h":"#starter-templates","p":1190},{"i":1197,"t":".NET 6","u":"/docs/layout/blazor-server","h":"#net-6","p":1190},{"i":1199,"t":".NET 7","u":"/docs/layout/blazor-server","h":"#net-7","p":1190},{"i":1203,"t":"Methods","u":"/docs/services/modal","h":"#methods","p":1201},{"i":1205,"t":"ModalOption Members","u":"/docs/services/modal","h":"#modaloption-members","p":1201},{"i":1207,"t":"Examples","u":"/docs/services/modal","h":"#examples","p":1201},{"i":1208,"t":"How it works","u":"/docs/services/modal","h":"#how-it-works","p":1201},{"i":1210,"t":"Vertically Centered","u":"/docs/services/modal","h":"#vertically-centered","p":1201},{"i":1212,"t":"Size","u":"/docs/services/modal","h":"#size","p":1201},{"i":1214,"t":"Change footer button color and text","u":"/docs/services/modal","h":"#change-footer-button-color-and-text","p":1201},{"i":1216,"t":"Hide footer button","u":"/docs/services/modal","h":"#hide-footer-button","p":1201},{"i":1218,"t":"How to setup","u":"/docs/services/modal","h":"#how-to-setup","p":1201},{"i":1222,"t":"Prerequisites","u":"/docs/layout/blazor-webassembly","h":"#prerequisites","p":1220},{"i":1224,"t":"Steps","u":"/docs/layout/blazor-webassembly","h":"#steps","p":1220},{"i":1226,"t":"Starter templates","u":"/docs/layout/blazor-webassembly","h":"#starter-templates","p":1220},{"i":1227,"t":".NET 6","u":"/docs/layout/blazor-webassembly","h":"#net-6","p":1220},{"i":1229,"t":".NET 7","u":"/docs/layout/blazor-webassembly","h":"#net-7","p":1220},{"i":1233,"t":"Accordion Parameters","u":"/docs/components/accordion","h":"#accordion-parameters","p":1231},{"i":1235,"t":"Accordion Methods","u":"/docs/components/accordion","h":"#accordion-methods","p":1231},{"i":1237,"t":"Accordion Events","u":"/docs/components/accordion","h":"#accordion-events","p":1231},{"i":1239,"t":"AccordionItem Parameters","u":"/docs/components/accordion","h":"#accordionitem-parameters","p":1231},{"i":1241,"t":"Examples","u":"/docs/components/accordion","h":"#examples","p":1231},{"i":1242,"t":"Accordion","u":"/docs/components/accordion","h":"#accordion","p":1231},{"i":1244,"t":"Title with Icon","u":"/docs/components/accordion","h":"#title-with-icon","p":1231},{"i":1246,"t":"Flush","u":"/docs/components/accordion","h":"#flush","p":1231},{"i":1248,"t":"Set default active accordion item","u":"/docs/components/accordion","h":"#set-default-active-accordion-item","p":1231},{"i":1250,"t":"Always open","u":"/docs/components/accordion","h":"#always-open","p":1231},{"i":1252,"t":"Activate individual accordion items","u":"/docs/components/accordion","h":"#activate-individual-accordion-items","p":1231},{"i":1254,"t":"Events Example","u":"/docs/components/accordion","h":"#events-example","p":1231},{"i":1258,"t":"Parameters","u":"/docs/components/alerts","h":"#parameters","p":1256},{"i":1260,"t":"Methods","u":"/docs/components/alerts","h":"#methods","p":1256},{"i":1262,"t":"Callback Events","u":"/docs/components/alerts","h":"#callback-events","p":1256},{"i":1264,"t":"Examples","u":"/docs/components/alerts","h":"#examples","p":1256},{"i":1265,"t":"Alerts","u":"/docs/components/alerts","h":"#alerts","p":1256},{"i":1267,"t":"Additional Content","u":"/docs/components/alerts","h":"#additional-content","p":1256},{"i":1269,"t":"Icons","u":"/docs/components/alerts","h":"#icons","p":1256},{"i":1271,"t":"Dismissing","u":"/docs/components/alerts","h":"#dismissing","p":1256},{"i":1275,"t":"Parameters","u":"/docs/components/badge","h":"#parameters","p":1273},{"i":1277,"t":"Examples","u":"/docs/components/badge","h":"#examples","p":1273},{"i":1278,"t":"Basic usage","u":"/docs/components/badge","h":"#basic-usage","p":1273},{"i":1280,"t":"Background colors","u":"/docs/components/badge","h":"#background-colors","p":1273},{"i":1282,"t":"Pill badges","u":"/docs/components/badge","h":"#pill-badges","p":1273},{"i":1284,"t":"Buttons","u":"/docs/components/badge","h":"#buttons","p":1273},{"i":1286,"t":"Positioned","u":"/docs/components/badge","h":"#positioned","p":1273},{"i":1288,"t":"Generic indicator","u":"/docs/components/badge","h":"#generic-indicator","p":1273},{"i":1292,"t":"Parameters","u":"/docs/components/sidebar","h":"#parameters","p":1290},{"i":1294,"t":"Methods","u":"/docs/components/sidebar","h":"#methods","p":1290},{"i":1296,"t":"NavItem Properties","u":"/docs/components/sidebar","h":"#navitem-properties","p":1290},{"i":1298,"t":"Examples","u":"/docs/components/sidebar","h":"#examples","p":1290},{"i":1299,"t":"Basic usage","u":"/docs/components/sidebar","h":"#basic-usage","p":1290},{"i":1301,"t":"Two level navigation","u":"/docs/components/sidebar","h":"#two-level-navigation","p":1290},{"i":1303,"t":"Change icons color","u":"/docs/components/sidebar","h":"#change-icons-color","p":1290},{"i":1305,"t":"Full layout with sidebar","u":"/docs/components/sidebar","h":"#full-layout-with-sidebar","p":1290},{"i":1307,"t":"Toggle sidebar to show icons only","u":"/docs/components/sidebar","h":"#toggle-sidebar-to-show-icons-only","p":1290},{"i":1309,"t":"Show badge","u":"/docs/components/sidebar","h":"#show-badge","p":1290},{"i":1311,"t":"Custom brand icon","u":"/docs/components/sidebar","h":"#custom-brand-icon","p":1290},{"i":1313,"t":"Show image as brand logo","u":"/docs/components/sidebar","h":"#show-image-as-brand-logo","p":1290},{"i":1315,"t":"Customize sidebar","u":"/docs/components/sidebar","h":"#customize-sidebar","p":1290},{"i":1319,"t":"Grid Parameters","u":"/docs/components/grid","h":"#grid-parameters","p":1317},{"i":1321,"t":"Grid Callback Events","u":"/docs/components/grid","h":"#grid-callback-events","p":1317},{"i":1323,"t":"Grid Methods","u":"/docs/components/grid","h":"#grid-methods","p":1317},{"i":1325,"t":"GridColumn Parameters","u":"/docs/components/grid","h":"#gridcolumn-parameters","p":1317},{"i":1327,"t":"GridSettings Properties","u":"/docs/components/grid","h":"#gridsettings-properties","p":1317},{"i":1329,"t":"Examples","u":"/docs/components/grid","h":"#examples","p":1317},{"i":1330,"t":"Client side filtering","u":"/docs/components/grid","h":"#client-side-filtering","p":1317},{"i":1332,"t":"Client side filtering with string comparision","u":"/docs/components/grid","h":"#client-side-filtering-with-string-comparision","p":1317},{"i":1334,"t":"Client side paging","u":"/docs/components/grid","h":"#client-side-paging","p":1317},{"i":1336,"t":"Client side sorting","u":"/docs/components/grid","h":"#client-side-sorting","p":1317},{"i":1338,"t":"Client side filtering, paging, and sorting","u":"/docs/components/grid","h":"#client-side-filtering-paging-and-sorting","p":1317},{"i":1340,"t":"Set default filter","u":"/docs/components/grid","h":"#set-default-filter","p":1317},{"i":1342,"t":"Disable specific column filter","u":"/docs/components/grid","h":"#disable-specific-column-filter","p":1317},{"i":1344,"t":"Increase filter textbox width","u":"/docs/components/grid","h":"#increase-filter-textbox-width","p":1317},{"i":1346,"t":"Server side filtering, paging and sorting","u":"/docs/components/grid","h":"#server-side-filtering-paging-and-sorting","p":1317},{"i":1348,"t":"Set default sorting","u":"/docs/components/grid","h":"#set-default-sorting","p":1317},{"i":1350,"t":"Disable specific column sorting","u":"/docs/components/grid","h":"#disable-specific-column-sorting","p":1317},{"i":1352,"t":"Header text alignment","u":"/docs/components/grid","h":"#header-text-alignment","p":1317},{"i":1354,"t":"Cell alignment","u":"/docs/components/grid","h":"#cell-alignment","p":1317},{"i":1356,"t":"Cell formating","u":"/docs/components/grid","h":"#cell-formating","p":1317},{"i":1358,"t":"Cell nowrap","u":"/docs/components/grid","h":"#cell-nowrap","p":1317},{"i":1360,"t":"Pagination alignment","u":"/docs/components/grid","h":"#pagination-alignment","p":1317},{"i":1362,"t":"Empty data","u":"/docs/components/grid","h":"#empty-data","p":1317},{"i":1364,"t":"Save and Load Grid Settings","u":"/docs/components/grid","h":"#save-and-load-grid-settings","p":1317},{"i":1366,"t":"Data parameter - Assign collection","u":"/docs/components/grid","h":"#data-parameter---assign-collection","p":1317},{"i":1368,"t":"Data parameter - Update collection","u":"/docs/components/grid","h":"#data-parameter---update-collection","p":1317},{"i":1370,"t":"Conditional css class for grid row","u":"/docs/components/grid","h":"#conditional-css-class-for-grid-row","p":1317},{"i":1372,"t":"Conditional css class for grid column","u":"/docs/components/grid","h":"#conditional-css-class-for-grid-column","p":1317},{"i":1374,"t":"Custom column headers","u":"/docs/components/grid","h":"#custom-column-headers","p":1317},{"i":1376,"t":"Selection","u":"/docs/components/grid","h":"#selection","p":1317},{"i":1378,"t":"Multiple selection","u":"/docs/components/grid","h":"#multiple-selection","p":1317},{"i":1380,"t":"Disable selection","u":"/docs/components/grid","h":"#disable-selection","p":1317},{"i":1382,"t":"Dynamic page size","u":"/docs/components/grid","h":"#dynamic-page-size","p":1317},{"i":1384,"t":"Page size selection","u":"/docs/components/grid","h":"#page-size-selection","p":1317},{"i":1386,"t":"Header row css class","u":"/docs/components/grid","h":"#header-row-css-class","p":1317},{"i":1388,"t":"Filters row css class","u":"/docs/components/grid","h":"#filters-row-css-class","p":1317},{"i":1390,"t":"Row click event","u":"/docs/components/grid","h":"#row-click-event","p":1317},{"i":1392,"t":"Row double click event","u":"/docs/components/grid","h":"#row-double-click-event","p":1317},{"i":1394,"t":"Translations","u":"/docs/components/grid","h":"#translations","p":1317}],"index":{"version":"2.3.9","fields":["t"],"fieldVectors":[["t/469",[0,2.667]],["t/471",[1,3.121]],["t/472",[2,7.107]],["t/474",[3,6.469]],["t/476",[4,4.664,5,4.664,6,2.698]],["t/480",[0,2.667]],["t/482",[7,3.568]],["t/484",[1,3.121]],["t/485",[8,4.363]],["t/487",[8,3.457,9,5.632]],["t/489",[8,3.457,10,5.632]],["t/491",[11,4.459]],["t/493",[12,3.259,13,4.544]],["t/495",[12,2.303,13,3.211,14,3.071,15,2.689]],["t/497",[8,3.457,16,5.632]],["t/499",[13,4.544,17,5.632]],["t/501",[18,4.793,19,4.793]],["t/503",[18,3.969,19,3.969,20,4.664]],["t/505",[21,4.346,22,4.18]],["t/507",[15,2.689,22,2.954,23,3.387,24,2.443]],["t/509",[25,3.266]],["t/513",[]],["t/515",[0,2.667]],["t/516",[0,2.113,26,4.544]],["t/518",[0,2.113,27,5.632]],["t/520",[0,2.113,28,5.632]],["t/522",[0,2.113,29,5.632]],["t/524",[0,2.113,30,5.632]],["t/526",[0,2.113,31,5.632]],["t/528",[0,2.113,32,5.632]],["t/530",[0,2.113,33,5.632]],["t/532",[0,2.113,34,5.632]],["t/534",[1,3.121]],["t/535",[26,5.735]],["t/537",[35,4.346,36,4.18]],["t/539",[37,7.107]],["t/541",[24,2.863,38,3.763,39,3.969]],["t/543",[40,6.469]],["t/545",[41,5.632,42,4.793]],["t/547",[43,5.632,44,5.632]],["t/549",[45,4.346,46,4.544]],["t/551",[11,4.459]],["t/553",[24,3.457,47,4.039]],["t/555",[48,4.544,49,3.805]],["t/557",[26,4.544,42,4.793]],["t/559",[26,3.763,42,3.969,46,3.763]],["t/563",[0,2.667]],["t/565",[1,3.121]],["t/566",[50,6.469]],["t/568",[50,4.245,51,3.599,52,4.664]],["t/570",[24,3.457,53,5.632]],["t/574",[1,3.121]],["t/576",[36,4.18,54,4.039]],["t/578",[54,4.039,55,4.544]],["t/580",[54,4.039,56,5.632]],["t/582",[54,4.039,57,5.632]],["t/584",[54,4.039,58,5.632]],["t/588",[0,2.667]],["t/590",[7,3.568]],["t/592",[25,3.266]],["t/594",[59,4.677]],["t/596",[1,3.121]],["t/598",[60,6.469]],["t/600",[1,2.473,25,2.588]],["t/610",[7,3.568]],["t/612",[61,5.632,62,4.544]],["t/614",[1,3.121]],["t/615",[63,5.126,64,5.126]],["t/617",[15,2.689,63,3.622,64,3.622,65,3.071]],["t/619",[8,2.443,24,2.443,49,2.689,66,3.211]],["t/621",[11,3.533,67,5.126]],["t/623",[35,3.599,68,4.245,69,4.245]],["t/625",[70,4.544,71,4.346]],["t/629",[0,2.113,72,4.793]],["t/631",[0,2.113,73,5.632]],["t/633",[0,2.113,74,5.632]],["t/635",[0,2.113,75,5.632]],["t/637",[0,2.113,76,5.632]],["t/639",[0,2.113,77,5.632]],["t/641",[7,2.828,72,4.793]],["t/643",[25,2.588,72,4.793]],["t/645",[1,3.121]],["t/646",[8,3.457,78,5.632]],["t/648",[49,4.802]],["t/650",[8,3.457,79,5.632]],["t/652",[11,4.459]],["t/654",[80,7.107]],["t/655",[81,6.469]],["t/657",[71,4.346,81,5.126]],["t/659",[82,7.107]],["t/661",[83,7.107]],["t/663",[84,5.276]],["t/665",[12,4.112]],["t/667",[85,5.126,86,5.126]],["t/669",[35,4.346,85,5.126]],["t/670",[45,5.484]],["t/672",[3,6.469]],["t/674",[24,4.363]],["t/676",[87,7.107]],["t/678",[88,3.969,89,4.664,90,4.664]],["t/680",[7,3.568]],["t/682",[25,3.266]],["t/686",[0,2.667]],["t/688",[7,3.568]],["t/690",[25,2.588,91,3.616]],["t/692",[59,4.677]],["t/694",[1,3.121]],["t/695",[92,6.049]],["t/697",[15,3.151,65,3.599,92,3.969]],["t/699",[15,2.345,25,1.595,65,2.678,91,2.228,93,3.159]],["t/701",[94,5.126,95,5.126]],["t/703",[35,3.599,68,4.245,69,4.245]],["t/705",[70,4.544,71,4.346]],["t/707",[70,3.763,71,3.599,96,4.664]],["t/709",[11,3.533,67,5.126]],["t/711",[92,4.793,97,5.632]],["t/713",[25,2.588,91,3.616]],["t/717",[0,2.667]],["t/719",[7,3.568]],["t/721",[25,2.588,91,3.616]],["t/723",[59,4.677]],["t/725",[1,3.121]],["t/726",[98,6.469]],["t/728",[15,3.151,65,3.599,98,4.245]],["t/730",[15,2.345,25,1.595,65,2.678,91,2.228,93,3.159]],["t/732",[99,6.469]],["t/734",[94,5.126,95,5.126]],["t/736",[11,4.459]],["t/738",[25,2.588,91,3.616]],["t/742",[0,2.667]],["t/744",[25,2.588,91,3.616]],["t/746",[1,3.121]],["t/747",[100,6.469]],["t/749",[6,3.259,59,3.706]],["t/751",[12,2.698,13,3.763,84,3.462]],["t/753",[11,4.459]],["t/755",[47,5.097]],["t/757",[25,2.588,91,3.616]],["t/761",[0,2.113,101,5.632]],["t/763",[0,2.113,102,5.126]],["t/765",[1,3.121]],["t/766",[102,6.469]],["t/768",[103,6.049]],["t/770",[49,4.802]],["t/772",[11,4.459]],["t/774",[104,6.469]],["t/778",[0,2.667]],["t/780",[105,5.126,106,4.18]],["t/781",[7,3.568]],["t/783",[105,3.622,106,2.954,107,3.622,108,3.622]],["t/785",[19,3.969,49,3.151,66,3.763]],["t/789",[0,2.113,109,4.039]],["t/791",[7,2.828,109,4.039]],["t/793",[0,2.113,109,4.039]],["t/795",[1,3.121]],["t/796",[109,5.097]],["t/798",[110,5.632,111,5.632]],["t/800",[6,3.259,38,4.544]],["t/802",[12,3.259,109,4.039]],["t/804",[112,6.469]],["t/806",[84,3.462,109,3.345,113,3.969]],["t/808",[25,2.588,91,3.616]],["t/810",[84,2.954,109,2.854,114,2.766,115,3.979]],["t/814",[0,2.113,116,5.632]],["t/816",[0,2.113,117,5.126]],["t/818",[7,2.828,117,5.126]],["t/820",[1,3.121]],["t/821",[59,4.677]],["t/823",[118,5.484]],["t/825",[103,3.969,114,3.242,119,4.245]],["t/827",[120,7.107]],["t/829",[48,5.735]],["t/831",[48,3.763,114,3.242,119,4.245]],["t/833",[55,4.544,121,5.126]],["t/835",[122,6.469]],["t/837",[104,5.126,122,5.126]],["t/841",[0,2.113,123,4.544]],["t/843",[62,4.544,124,5.632]],["t/845",[1,3.121]],["t/846",[123,5.735]],["t/848",[38,3.763,123,3.763,125,4.664]],["t/850",[88,4.793,126,4.544]],["t/852",[88,3.387,113,3.387,126,3.211,127,3.979]],["t/854",[99,6.469]],["t/856",[128,5.126,129,5.632]],["t/858",[106,2.954,107,3.622,108,3.622,123,3.211]],["t/862",[0,2.667]],["t/864",[1,3.121]],["t/865",[22,5.276]],["t/867",[8,2.863,12,2.698,22,3.462]],["t/869",[6,2.303,22,2.954,25,1.828,130,3.387]],["t/871",[15,2.689,22,2.954,23,3.387,24,2.443]],["t/875",[131,5.097]],["t/877",[0,2.667]],["t/879",[1,3.121]],["t/880",[6,4.112]],["t/882",[11,4.459]],["t/884",[49,4.802]],["t/886",[6,2.698,24,2.863,132,4.664]],["t/888",[6,3.259,39,4.793]],["t/890",[6,2.698,39,3.969,51,3.599]],["t/892",[6,2.698,8,2.863,24,2.863]],["t/894",[6,3.259,8,3.457]],["t/896",[6,3.259,133,5.632]],["t/900",[0,2.667]],["t/902",[7,3.568]],["t/904",[134,4.544,135,3.2]],["t/906",[135,3.2,136,5.632]],["t/908",[135,3.2,137,5.632]],["t/910",[135,3.2,138,5.632]],["t/912",[1,3.121]],["t/913",[131,5.097]],["t/915",[59,4.677]],["t/917",[54,3.345,55,3.763,60,4.245]],["t/919",[54,3.345,55,3.763,128,4.245]],["t/921",[139,6.049]],["t/923",[118,4.346,140,3.706]],["t/927",[0,2.667]],["t/929",[7,3.568]],["t/931",[134,4.544,135,3.2]],["t/933",[135,3.2,141,5.632]],["t/935",[135,3.2,142,5.632]],["t/937",[135,3.2,143,5.632]],["t/939",[1,3.121]],["t/940",[131,5.097]],["t/942",[59,4.677]],["t/944",[139,6.049]],["t/946",[118,4.346,140,3.706]],["t/950",[0,2.667]],["t/952",[7,3.568]],["t/954",[134,4.544,135,3.2]],["t/956",[135,3.2,144,5.632]],["t/958",[135,3.2,145,5.632]],["t/960",[135,3.2,146,5.632]],["t/962",[1,3.121]],["t/963",[131,5.097]],["t/965",[59,4.677]],["t/967",[1,2.473,147,4.793]],["t/969",[118,4.346,140,3.706]],["t/973",[0,2.667]],["t/975",[7,3.568]],["t/977",[134,4.544,135,3.2]],["t/979",[135,3.2,148,5.632]],["t/981",[135,3.2,149,5.632]],["t/983",[135,3.2,150,5.632]],["t/985",[1,3.121]],["t/986",[131,5.097]],["t/988",[59,4.677]],["t/990",[118,4.346,140,3.706]],["t/994",[0,2.667]],["t/996",[7,3.568]],["t/998",[25,3.266]],["t/1000",[151,5.632,152,5.126]],["t/1002",[1,3.121]],["t/1003",[140,3.069,153,3.345,154,3.151]],["t/1005",[140,2.619,153,2.854,154,2.689,155,3.979]],["t/1007",[140,3.069,154,3.151,156,4.245]],["t/1009",[114,3.242,157,3.345,158,4.664]],["t/1011",[159,5.484]],["t/1013",[12,4.112]],["t/1017",[0,2.667]],["t/1019",[7,3.568]],["t/1021",[25,3.266]],["t/1023",[1,3.121]],["t/1024",[160,4.039,161,4.039]],["t/1026",[21,2.678,139,2.954,162,3.159,163,3.159,164,3.47]],["t/1028",[126,3.763,162,4.245,163,4.245]],["t/1030",[165,3.47,166,3.47,167,5.434,168,3.47]],["t/1032",[169,2.763,170,2.352,171,2.763,172,2.763,173,2.763,174,2.763,175,2.763]],["t/1034",[36,4.18,176,4.346]],["t/1036",[14,3.599,177,3.763,178,3.763]],["t/1038",[24,3.457,47,4.039]],["t/1040",[170,3.969,179,4.245,180,4.245]],["t/1042",[12,4.112]],["t/1044",[159,5.484]],["t/1046",[25,2.588,181,4.346]],["t/1050",[0,2.667]],["t/1052",[7,3.568]],["t/1054",[25,3.266]],["t/1056",[1,3.121]],["t/1057",[160,4.039,161,4.039]],["t/1059",[36,4.18,176,4.346]],["t/1061",[14,3.599,177,3.763,178,3.763]],["t/1063",[12,4.112]],["t/1065",[159,5.484]],["t/1067",[25,2.588,181,4.346]],["t/1069",[147,2.135,182,2.283,183,3.804,184,3.804,185,2.283,186,2.283]],["t/1073",[0,2.667]],["t/1075",[7,3.568]],["t/1077",[25,3.266]],["t/1079",[1,3.121]],["t/1080",[160,4.039,161,4.039]],["t/1082",[36,4.18,176,4.346]],["t/1084",[14,3.599,177,3.763,178,3.763]],["t/1086",[187,6.049]],["t/1088",[24,3.457,47,4.039]],["t/1090",[170,3.969,179,4.245,180,4.245]],["t/1092",[12,4.112]],["t/1094",[159,5.484]],["t/1096",[25,2.588,181,4.346]],["t/1100",[0,2.667]],["t/1102",[7,3.568]],["t/1104",[25,3.266]],["t/1106",[1,3.121]],["t/1107",[160,4.039,161,4.039]],["t/1109",[12,4.112]],["t/1110",[12,4.112]],["t/1112",[188,7.107]],["t/1114",[25,2.588,181,4.346]],["t/1118",[189,3.969,190,3.969,191,3.969]],["t/1120",[192,3.462,193,3.345,194,3.151]],["t/1122",[192,3.462,194,3.151,195,3.969]],["t/1124",[106,4.18,196,4.793]],["t/1126",[157,3.345,194,3.151,197,3.969]],["t/1128",[198,4.346,199,4.346]],["t/1129",[200,3.706,201,4.346]],["t/1131",[200,3.706,202,4.346]],["t/1135",[189,3.969,190,3.969,191,3.969]],["t/1137",[192,3.462,193,3.345,194,3.151]],["t/1139",[192,3.462,194,3.151,195,3.969]],["t/1141",[106,4.18,196,4.793]],["t/1143",[157,3.345,194,3.151,197,3.969]],["t/1145",[198,4.346,199,4.346]],["t/1146",[200,3.706,201,4.346]],["t/1148",[200,3.706,202,4.346]],["t/1152",[0,2.667]],["t/1154",[7,3.568]],["t/1156",[25,3.266]],["t/1158",[1,3.121]],["t/1159",[160,4.039,161,4.039]],["t/1161",[36,4.18,176,4.346]],["t/1163",[14,3.599,177,3.763,178,3.763]],["t/1165",[12,4.112]],["t/1167",[159,5.484]],["t/1169",[25,2.588,181,4.346]],["t/1171",[147,2.135,182,2.283,183,3.804,184,3.804,185,2.283,186,2.283]],["t/1175",[189,3.969,190,3.969,191,3.969]],["t/1177",[192,3.462,193,3.345,194,3.151]],["t/1179",[192,3.462,194,3.151,195,3.969]],["t/1181",[106,4.18,196,4.793]],["t/1183",[157,3.345,194,3.151,197,3.969]],["t/1185",[198,4.346,199,4.346]],["t/1186",[200,3.706,201,4.346]],["t/1188",[200,3.706,202,4.346]],["t/1192",[131,5.097]],["t/1194",[187,6.049]],["t/1196",[198,4.346,199,4.346]],["t/1197",[200,3.706,201,4.346]],["t/1199",[200,3.706,202,4.346]],["t/1203",[7,3.568]],["t/1205",[135,3.2,203,5.632]],["t/1207",[1,3.121]],["t/1208",[59,4.677]],["t/1210",[70,4.544,71,4.346]],["t/1212",[11,4.459]],["t/1214",[8,2.13,24,2.13,46,2.8,49,2.345,66,2.8]],["t/1216",[8,2.863,46,3.763,126,3.763]],["t/1218",[204,7.107]],["t/1222",[131,5.097]],["t/1224",[187,6.049]],["t/1226",[198,4.346,199,4.346]],["t/1227",[200,3.706,201,4.346]],["t/1229",[200,3.706,202,4.346]],["t/1233",[0,2.113,205,4.18]],["t/1235",[7,2.828,205,4.18]],["t/1237",[25,2.588,205,4.18]],["t/1239",[0,2.113,206,5.632]],["t/1241",[1,3.121]],["t/1242",[205,5.276]],["t/1244",[6,3.259,38,4.544]],["t/1246",[207,7.107]],["t/1248",[84,2.576,114,2.413,157,2.489,205,2.576,208,3.159]],["t/1250",[209,5.632,210,5.632]],["t/1252",[84,2.954,113,3.387,205,2.954,208,3.622]],["t/1254",[1,2.473,25,2.588]],["t/1258",[0,2.667]],["t/1260",[7,3.568]],["t/1262",[25,2.588,91,3.616]],["t/1264",[1,3.121]],["t/1265",[211,7.107]],["t/1267",[35,4.346,212,5.632]],["t/1269",[6,4.112]],["t/1271",[213,7.107]],["t/1275",[0,2.667]],["t/1277",[1,3.121]],["t/1278",[160,4.039,161,4.039]],["t/1280",[48,4.544,49,3.805]],["t/1282",[112,5.126,214,5.126]],["t/1284",[8,4.363]],["t/1286",[86,6.469]],["t/1288",[176,4.346,215,5.632]],["t/1292",[0,2.667]],["t/1294",[7,3.568]],["t/1296",[62,4.544,216,5.632]],["t/1298",[1,3.121]],["t/1299",[160,4.039,161,4.039]],["t/1301",[152,4.245,217,4.664,218,4.664]],["t/1303",[6,2.698,49,3.151,66,3.763]],["t/1305",[219,4.664,220,4.664,221,3.969]],["t/1307",[6,2.303,21,3.071,221,3.387,222,3.979]],["t/1309",[21,4.346,214,5.126]],["t/1311",[6,2.698,51,3.599,223,4.245]],["t/1313",[21,3.071,40,3.622,223,3.622,224,3.979]],["t/1315",[51,4.346,221,4.793]],["t/1319",[0,2.113,225,4.18]],["t/1321",[25,2.143,91,2.994,225,3.462]],["t/1323",[7,2.828,225,4.18]],["t/1325",[0,2.113,226,5.632]],["t/1327",[62,4.544,227,5.632]],["t/1329",[1,3.121]],["t/1330",[153,3.345,154,3.151,228,3.242]],["t/1332",[153,2.489,154,2.345,228,2.413,229,3.47,230,3.47]],["t/1334",[153,3.345,154,3.151,231,3.599]],["t/1336",[153,3.345,154,3.151,232,3.599]],["t/1338",[153,2.489,154,2.345,228,2.413,231,2.678,232,2.678]],["t/1340",[114,3.242,157,3.345,228,3.242]],["t/1342",[12,2.303,228,2.766,233,3.622,234,3.211]],["t/1344",[103,3.387,228,2.766,235,3.979,236,3.979]],["t/1346",[154,2.345,156,3.159,228,2.413,231,2.678,232,2.678]],["t/1348",[114,3.242,157,3.345,232,3.599]],["t/1350",[12,2.303,232,3.071,233,3.622,234,3.211]],["t/1352",[24,2.863,45,3.599,47,3.345]],["t/1354",[47,4.039,237,4.793]],["t/1356",[237,4.793,238,5.632]],["t/1358",[237,4.793,239,5.632]],["t/1360",[47,4.039,100,5.126]],["t/1362",[140,3.706,240,5.632]],["t/1364",[18,3.387,114,2.766,225,2.954,241,3.979]],["t/1366",[0,1.493,140,2.619,242,3.979,243,3.622]],["t/1368",[0,1.493,23,3.387,140,2.619,243,3.622]],["t/1370",[193,2.489,225,2.576,244,3.159,245,2.8,246,2.678]],["t/1372",[193,2.489,225,2.576,234,2.8,244,3.159,245,2.8]],["t/1374",[45,3.599,51,3.599,234,3.763]],["t/1376",[247,5.735]],["t/1378",[121,5.126,247,4.544]],["t/1380",[12,3.259,247,4.544]],["t/1382",[11,2.926,15,3.151,231,3.599]],["t/1384",[11,2.926,231,3.599,247,3.763]],["t/1386",[45,3.071,193,2.854,245,3.211,246,3.071]],["t/1388",[193,2.854,228,2.766,245,3.211,246,3.071]],["t/1390",[25,2.143,130,3.969,246,3.599]],["t/1392",[25,1.828,130,3.387,246,3.071,248,3.979]],["t/1394",[249,7.107]]],"invertedIndex":[["6",{"_index":201,"t":{"1129":{"position":[[5,1]]},"1146":{"position":[[5,1]]},"1186":{"position":[[5,1]]},"1197":{"position":[[5,1]]},"1227":{"position":[[5,1]]}}}],["7",{"_index":202,"t":{"1131":{"position":[[5,1]]},"1148":{"position":[[5,1]]},"1188":{"position":[[5,1]]},"1199":{"position":[[5,1]]},"1229":{"position":[[5,1]]}}}],["accordion",{"_index":205,"t":{"1233":{"position":[[0,9]]},"1235":{"position":[[0,9]]},"1237":{"position":[[0,9]]},"1242":{"position":[[0,9]]},"1248":{"position":[[19,9]]},"1252":{"position":[[20,9]]}}}],["accordionitem",{"_index":206,"t":{"1239":{"position":[[0,13]]}}}],["activ",{"_index":84,"t":{"663":{"position":[[0,6]]},"751":{"position":[[13,6]]},"806":{"position":[[0,8]]},"810":{"position":[[4,6]]},"1248":{"position":[[12,6]]},"1252":{"position":[[0,8]]}}}],["add",{"_index":192,"t":{"1120":{"position":[[0,3]]},"1122":{"position":[[0,3]]},"1137":{"position":[[0,3]]},"1139":{"position":[[0,3]]},"1177":{"position":[[0,3]]},"1179":{"position":[[0,3]]}}}],["addit",{"_index":212,"t":{"1267":{"position":[[0,10]]}}}],["alert",{"_index":211,"t":{"1265":{"position":[[0,6]]}}}],["align",{"_index":47,"t":{"553":{"position":[[5,9]]},"755":{"position":[[0,9]]},"1038":{"position":[[5,9]]},"1088":{"position":[[5,9]]},"1352":{"position":[[12,9]]},"1354":{"position":[[5,9]]},"1360":{"position":[[11,9]]}}}],["allow",{"_index":179,"t":{"1040":{"position":[[0,5]]},"1090":{"position":[[0,5]]}}}],["alway",{"_index":209,"t":{"1250":{"position":[[0,6]]}}}],["anim",{"_index":104,"t":{"774":{"position":[[0,9]]},"837":{"position":[[0,8]]}}}],["anoth",{"_index":147,"t":{"967":{"position":[[0,7]]},"1069":{"position":[[46,7]]},"1171":{"position":[[46,7]]}}}],["append",{"_index":173,"t":{"1032":{"position":[[44,9]]}}}],["applic",{"_index":108,"t":{"783":{"position":[[31,11]]},"858":{"position":[[30,11]]}}}],["assign",{"_index":242,"t":{"1366":{"position":[[17,6]]}}}],["auto",{"_index":88,"t":{"678":{"position":[[0,4]]},"850":{"position":[[0,4]]},"852":{"position":[[0,4]]}}}],["backdrop",{"_index":95,"t":{"701":{"position":[[7,8]]},"734":{"position":[[7,8]]}}}],["background",{"_index":48,"t":{"555":{"position":[[0,10]]},"829":{"position":[[0,11]]},"831":{"position":[[4,10]]},"1280":{"position":[[0,10]]}}}],["badg",{"_index":214,"t":{"1282":{"position":[[5,6]]},"1309":{"position":[[5,5]]}}}],["bar",{"_index":55,"t":{"578":{"position":[[0,3]]},"833":{"position":[[9,4]]},"917":{"position":[[11,3]]},"919":{"position":[[8,3]]}}}],["barchartdataset",{"_index":136,"t":{"906":{"position":[[0,15]]}}}],["barchartdatasetdatalabel",{"_index":137,"t":{"908":{"position":[[0,25]]}}}],["barchartopt",{"_index":138,"t":{"910":{"position":[[0,15]]}}}],["base",{"_index":185,"t":{"1069":{"position":[[24,5]]},"1171":{"position":[[24,5]]}}}],["basic",{"_index":160,"t":{"1024":{"position":[[0,5]]},"1057":{"position":[[0,5]]},"1080":{"position":[[0,5]]},"1107":{"position":[[0,5]]},"1159":{"position":[[0,5]]},"1278":{"position":[[0,5]]},"1299":{"position":[[0,5]]}}}],["behavior",{"_index":90,"t":{"678":{"position":[[11,8]]}}}],["block",{"_index":16,"t":{"497":{"position":[[0,5]]}}}],["bodi",{"_index":37,"t":{"539":{"position":[[0,4]]}}}],["bootstrap",{"_index":133,"t":{"896":{"position":[[0,9]]}}}],["brand",{"_index":223,"t":{"1311":{"position":[[7,5]]},"1313":{"position":[[14,5]]}}}],["breadcrumb",{"_index":2,"t":{"472":{"position":[[0,10]]}}}],["button",{"_index":8,"t":{"485":{"position":[[0,7]]},"487":{"position":[[0,6]]},"489":{"position":[[8,7]]},"497":{"position":[[6,7]]},"619":{"position":[[7,7]]},"646":{"position":[[7,6]]},"650":{"position":[[6,6]]},"867":{"position":[[9,6]]},"892":{"position":[[0,6]]},"894":{"position":[[0,6]]},"1214":{"position":[[14,6]]},"1216":{"position":[[12,6]]},"1284":{"position":[[0,7]]}}}],["callback",{"_index":91,"t":{"690":{"position":[[0,8]]},"699":{"position":[[11,9]]},"713":{"position":[[0,8]]},"721":{"position":[[0,8]]},"730":{"position":[[11,9]]},"738":{"position":[[0,8]]},"744":{"position":[[0,8]]},"757":{"position":[[0,8]]},"808":{"position":[[0,8]]},"1262":{"position":[[0,8]]},"1321":{"position":[[5,8]]}}}],["callout",{"_index":50,"t":{"566":{"position":[[0,7]]},"568":{"position":[[7,7]]}}}],["card",{"_index":26,"t":{"516":{"position":[[0,4]]},"535":{"position":[[0,4]]},"557":{"position":[[0,4]]},"559":{"position":[[0,4]]}}}],["cardbodi",{"_index":27,"t":{"518":{"position":[[0,8]]}}}],["cardfoot",{"_index":28,"t":{"520":{"position":[[0,10]]}}}],["cardgroup",{"_index":29,"t":{"522":{"position":[[0,9]]}}}],["cardhead",{"_index":30,"t":{"524":{"position":[[0,10]]}}}],["cardlink",{"_index":31,"t":{"526":{"position":[[0,8]]}}}],["cardsubtitl",{"_index":32,"t":{"528":{"position":[[0,12]]}}}],["cardtext",{"_index":33,"t":{"530":{"position":[[0,8]]}}}],["cardtitl",{"_index":34,"t":{"532":{"position":[[0,9]]}}}],["cell",{"_index":237,"t":{"1354":{"position":[[0,4]]},"1356":{"position":[[0,4]]},"1358":{"position":[[0,4]]}}}],["center",{"_index":71,"t":{"625":{"position":[[11,8]]},"657":{"position":[[7,8]]},"705":{"position":[[11,8]]},"707":{"position":[[11,8]]},"1210":{"position":[[11,8]]}}}],["chang",{"_index":66,"t":{"619":{"position":[[0,6]]},"785":{"position":[[0,6]]},"1214":{"position":[[0,6]]},"1303":{"position":[[0,6]]}}}],["chart",{"_index":54,"t":{"576":{"position":[[0,5]]},"578":{"position":[[4,5]]},"580":{"position":[[9,5]]},"582":{"position":[[5,5]]},"584":{"position":[[4,5]]},"917":{"position":[[15,5]]},"919":{"position":[[12,5]]}}}],["chartdata",{"_index":134,"t":{"904":{"position":[[0,9]]},"931":{"position":[[0,9]]},"954":{"position":[[0,9]]},"977":{"position":[[0,9]]}}}],["class",{"_index":245,"t":{"1370":{"position":[[16,5]]},"1372":{"position":[[16,5]]},"1386":{"position":[[15,5]]},"1388":{"position":[[16,5]]}}}],["click",{"_index":130,"t":{"869":{"position":[[18,5]]},"1390":{"position":[[4,5]]},"1392":{"position":[[11,5]]}}}],["client",{"_index":153,"t":{"1003":{"position":[[0,6]]},"1005":{"position":[[0,6]]},"1330":{"position":[[0,6]]},"1332":{"position":[[0,6]]},"1334":{"position":[[0,6]]},"1336":{"position":[[0,6]]},"1338":{"position":[[0,6]]}}}],["close",{"_index":89,"t":{"678":{"position":[[5,5]]}}}],["collect",{"_index":243,"t":{"1366":{"position":[[24,10]]},"1368":{"position":[[24,10]]}}}],["color",{"_index":49,"t":{"555":{"position":[[15,5]]},"619":{"position":[[24,5]]},"648":{"position":[[0,5]]},"770":{"position":[[0,5]]},"785":{"position":[[15,5]]},"884":{"position":[[0,6]]},"1214":{"position":[[21,5]]},"1280":{"position":[[11,6]]},"1303":{"position":[[13,5]]}}}],["column",{"_index":234,"t":{"1342":{"position":[[17,6]]},"1350":{"position":[[17,6]]},"1372":{"position":[[31,6]]},"1374":{"position":[[7,6]]}}}],["comparis",{"_index":230,"t":{"1332":{"position":[[34,11]]}}}],["compon",{"_index":65,"t":{"617":{"position":[[8,9]]},"697":{"position":[[8,9]]},"699":{"position":[[34,9]]},"728":{"position":[[8,9]]},"730":{"position":[[34,9]]}}}],["condit",{"_index":244,"t":{"1370":{"position":[[0,11]]},"1372":{"position":[[0,11]]}}}],["confirm",{"_index":63,"t":{"615":{"position":[[0,7]]},"617":{"position":[[21,7]]}}}],["confirmdialogopt",{"_index":61,"t":{"612":{"position":[[0,20]]}}}],["content",{"_index":35,"t":{"537":{"position":[[0,7]]},"623":{"position":[[15,7]]},"669":{"position":[[5,7]]},"703":{"position":[[15,7]]},"1267":{"position":[[11,7]]}}}],["css",{"_index":193,"t":{"1120":{"position":[[4,3]]},"1137":{"position":[[4,3]]},"1177":{"position":[[4,3]]},"1370":{"position":[[12,3]]},"1372":{"position":[[12,3]]},"1386":{"position":[[11,3]]},"1388":{"position":[[12,3]]}}}],["currenc",{"_index":162,"t":{"1026":{"position":[[5,8]]},"1028":{"position":[[5,8]]}}}],["custom",{"_index":51,"t":{"568":{"position":[[0,6]]},"890":{"position":[[10,6]]},"1311":{"position":[[0,6]]},"1315":{"position":[[0,9]]},"1374":{"position":[[0,6]]}}}],["data",{"_index":140,"t":{"923":{"position":[[0,4]]},"946":{"position":[[0,4]]},"969":{"position":[[0,4]]},"990":{"position":[[0,4]]},"1003":{"position":[[12,4]]},"1005":{"position":[[12,4]]},"1007":{"position":[[12,4]]},"1362":{"position":[[6,4]]},"1366":{"position":[[0,4]]},"1368":{"position":[[0,4]]}}}],["date",{"_index":183,"t":{"1069":{"position":[[13,4],[54,4]]},"1171":{"position":[[13,4],[54,4]]}}}],["default",{"_index":157,"t":{"1009":{"position":[[4,7]]},"1126":{"position":[[7,7]]},"1143":{"position":[[7,7]]},"1183":{"position":[[7,7]]},"1248":{"position":[[4,7]]},"1340":{"position":[[4,7]]},"1348":{"position":[[4,7]]}}}],["dialog",{"_index":64,"t":{"615":{"position":[[8,6]]},"617":{"position":[[29,6]]}}}],["differ",{"_index":164,"t":{"1026":{"position":[[30,9]]}}}],["digit",{"_index":167,"t":{"1030":{"position":[[15,6],[34,6]]}}}],["direct",{"_index":80,"t":{"654":{"position":[[0,10]]}}}],["disabl",{"_index":12,"t":{"493":{"position":[[0,8]]},"495":{"position":[[0,7]]},"665":{"position":[[0,8]]},"751":{"position":[[0,8]]},"802":{"position":[[0,7]]},"867":{"position":[[0,8]]},"1013":{"position":[[0,7]]},"1042":{"position":[[0,7]]},"1063":{"position":[[0,7]]},"1092":{"position":[[0,7]]},"1109":{"position":[[0,7]]},"1110":{"position":[[0,7]]},"1165":{"position":[[0,7]]},"1342":{"position":[[0,7]]},"1350":{"position":[[0,7]]},"1380":{"position":[[0,7]]}}}],["dismiss",{"_index":213,"t":{"1271":{"position":[[0,10]]}}}],["divid",{"_index":3,"t":{"474":{"position":[[0,8]]},"672":{"position":[[0,8]]}}}],["doubl",{"_index":248,"t":{"1392":{"position":[[4,6]]}}}],["doughnut",{"_index":56,"t":{"580":{"position":[[0,8]]}}}],["doughnutchartdataset",{"_index":141,"t":{"933":{"position":[[0,20]]}}}],["doughnutchartdatasetdatalabel",{"_index":142,"t":{"935":{"position":[[0,30]]}}}],["doughnutchartopt",{"_index":143,"t":{"937":{"position":[[0,20]]}}}],["dropdown",{"_index":72,"t":{"629":{"position":[[0,8]]},"641":{"position":[[0,8]]},"643":{"position":[[0,8]]}}}],["dropdownactionbutton",{"_index":74,"t":{"633":{"position":[[0,20]]}}}],["dropdownhead",{"_index":76,"t":{"637":{"position":[[0,14]]}}}],["dropdownitem",{"_index":77,"t":{"639":{"position":[[0,12]]}}}],["dropdownmenu",{"_index":75,"t":{"635":{"position":[[0,12]]}}}],["dropdowntogglebutton",{"_index":73,"t":{"631":{"position":[[0,20]]}}}],["dropend",{"_index":82,"t":{"659":{"position":[[0,7]]}}}],["dropstart",{"_index":83,"t":{"661":{"position":[[0,9]]}}}],["dropup",{"_index":81,"t":{"655":{"position":[[0,6]]},"657":{"position":[[0,6]]}}}],["dynam",{"_index":15,"t":{"495":{"position":[[25,11]]},"507":{"position":[[0,11]]},"617":{"position":[[0,7]]},"697":{"position":[[0,7]]},"699":{"position":[[26,7]]},"728":{"position":[[0,7]]},"730":{"position":[[26,7]]},"871":{"position":[[0,11]]},"1382":{"position":[[0,7]]}}}],["effect",{"_index":111,"t":{"798":{"position":[[5,6]]}}}],["embed",{"_index":4,"t":{"476":{"position":[[0,8]]}}}],["empti",{"_index":240,"t":{"1362":{"position":[[0,5]]}}}],["enabl",{"_index":14,"t":{"495":{"position":[[12,6]]},"1036":{"position":[[0,6]]},"1061":{"position":[[0,6]]},"1084":{"position":[[0,6]]},"1163":{"position":[[0,6]]}}}],["entri",{"_index":186,"t":{"1069":{"position":[[37,5]]},"1171":{"position":[[37,5]]}}}],["event",{"_index":25,"t":{"509":{"position":[[0,6]]},"592":{"position":[[0,6]]},"600":{"position":[[0,6]]},"643":{"position":[[9,6]]},"682":{"position":[[0,6]]},"690":{"position":[[9,6]]},"699":{"position":[[5,5]]},"713":{"position":[[9,6]]},"721":{"position":[[9,6]]},"730":{"position":[[5,5]]},"738":{"position":[[9,6]]},"744":{"position":[[9,6]]},"757":{"position":[[9,6]]},"808":{"position":[[9,6]]},"869":{"position":[[24,5]]},"998":{"position":[[0,6]]},"1021":{"position":[[0,6]]},"1046":{"position":[[0,7]]},"1054":{"position":[[0,6]]},"1067":{"position":[[0,7]]},"1077":{"position":[[0,6]]},"1096":{"position":[[0,7]]},"1104":{"position":[[0,6]]},"1114":{"position":[[0,7]]},"1156":{"position":[[0,6]]},"1169":{"position":[[0,7]]},"1237":{"position":[[10,6]]},"1254":{"position":[[0,6]]},"1262":{"position":[[9,6]]},"1321":{"position":[[14,6]]},"1390":{"position":[[10,5]]},"1392":{"position":[[17,5]]}}}],["exampl",{"_index":1,"t":{"471":{"position":[[0,8]]},"484":{"position":[[0,8]]},"534":{"position":[[0,8]]},"565":{"position":[[0,8]]},"574":{"position":[[0,7]]},"596":{"position":[[0,8]]},"600":{"position":[[7,7]]},"614":{"position":[[0,8]]},"645":{"position":[[0,8]]},"694":{"position":[[0,8]]},"725":{"position":[[0,8]]},"746":{"position":[[0,8]]},"765":{"position":[[0,8]]},"795":{"position":[[0,8]]},"820":{"position":[[0,8]]},"845":{"position":[[0,9]]},"864":{"position":[[0,8]]},"879":{"position":[[0,8]]},"912":{"position":[[0,8]]},"939":{"position":[[0,8]]},"962":{"position":[[0,8]]},"967":{"position":[[8,7]]},"985":{"position":[[0,8]]},"1002":{"position":[[0,8]]},"1023":{"position":[[0,8]]},"1056":{"position":[[0,8]]},"1079":{"position":[[0,8]]},"1106":{"position":[[0,8]]},"1158":{"position":[[0,8]]},"1207":{"position":[[0,8]]},"1241":{"position":[[0,8]]},"1254":{"position":[[7,7]]},"1264":{"position":[[0,8]]},"1277":{"position":[[0,8]]},"1298":{"position":[[0,8]]},"1329":{"position":[[0,8]]}}}],["fade",{"_index":110,"t":{"798":{"position":[[0,4]]}}}],["field",{"_index":184,"t":{"1069":{"position":[[18,5],[59,5]]},"1171":{"position":[[18,5],[59,5]]}}}],["filter",{"_index":228,"t":{"1330":{"position":[[12,9]]},"1332":{"position":[[12,9]]},"1338":{"position":[[12,10]]},"1340":{"position":[[12,6]]},"1342":{"position":[[24,6]]},"1344":{"position":[[9,6]]},"1346":{"position":[[12,10]]},"1388":{"position":[[0,7]]}}}],["flush",{"_index":207,"t":{"1246":{"position":[[0,5]]}}}],["footer",{"_index":46,"t":{"549":{"position":[[11,6]]},"559":{"position":[[17,6]]},"1214":{"position":[[7,6]]},"1216":{"position":[[5,6]]}}}],["form",{"_index":87,"t":{"676":{"position":[[0,5]]}}}],["format",{"_index":238,"t":{"1356":{"position":[[5,9]]}}}],["fraction",{"_index":166,"t":{"1030":{"position":[[6,8]]}}}],["full",{"_index":219,"t":{"1305":{"position":[[0,4]]}}}],["fullscreen",{"_index":97,"t":{"711":{"position":[[0,10]]}}}],["gener",{"_index":176,"t":{"1034":{"position":[[0,7]]},"1059":{"position":[[0,7]]},"1082":{"position":[[0,7]]},"1161":{"position":[[0,7]]},"1288":{"position":[[0,7]]}}}],["global",{"_index":107,"t":{"783":{"position":[[0,6]]},"858":{"position":[[0,6]]}}}],["grid",{"_index":225,"t":{"1319":{"position":[[0,4]]},"1321":{"position":[[0,4]]},"1323":{"position":[[0,4]]},"1364":{"position":[[14,4]]},"1370":{"position":[[26,4]]},"1372":{"position":[[26,4]]}}}],["gridcolumn",{"_index":226,"t":{"1325":{"position":[[0,10]]}}}],["gridset",{"_index":227,"t":{"1327":{"position":[[0,12]]}}}],["group",{"_index":42,"t":{"545":{"position":[[5,6]]},"557":{"position":[[5,6]]},"559":{"position":[[5,6]]}}}],["head",{"_index":52,"t":{"568":{"position":[[15,7]]}}}],["header",{"_index":45,"t":{"549":{"position":[[0,6]]},"670":{"position":[[0,6]]},"1352":{"position":[[0,6]]},"1374":{"position":[[14,7]]},"1386":{"position":[[0,6]]}}}],["height",{"_index":120,"t":{"827":{"position":[[0,6]]}}}],["hide",{"_index":126,"t":{"850":{"position":[[5,4]]},"852":{"position":[[5,4]]},"1028":{"position":[[0,4]]},"1216":{"position":[[0,4]]}}}],["horizont",{"_index":60,"t":{"598":{"position":[[0,10]]},"917":{"position":[[0,10]]}}}],["icon",{"_index":6,"t":{"476":{"position":[[13,4]]},"749":{"position":[[13,5]]},"800":{"position":[[11,4]]},"869":{"position":[[8,4]]},"880":{"position":[[0,5]]},"886":{"position":[[17,4]]},"888":{"position":[[10,4]]},"890":{"position":[[17,4]]},"892":{"position":[[12,4]]},"894":{"position":[[12,4]]},"896":{"position":[[10,5]]},"1244":{"position":[[11,4]]},"1269":{"position":[[0,5]]},"1303":{"position":[[7,5]]},"1307":{"position":[[23,5]]},"1311":{"position":[[13,4]]}}}],["imag",{"_index":40,"t":{"543":{"position":[[0,6]]},"1313":{"position":[[5,5]]}}}],["increas",{"_index":235,"t":{"1344":{"position":[[0,8]]}}}],["indic",{"_index":215,"t":{"1288":{"position":[[8,9]]}}}],["individu",{"_index":113,"t":{"806":{"position":[[9,10]]},"852":{"position":[[10,10]]},"1252":{"position":[[9,10]]}}}],["inlin",{"_index":132,"t":{"886":{"position":[[0,6]]}}}],["instal",{"_index":189,"t":{"1118":{"position":[[0,7]]},"1135":{"position":[[0,7]]},"1175":{"position":[[0,7]]}}}],["instead",{"_index":172,"t":{"1032":{"position":[[33,7]]}}}],["integ",{"_index":168,"t":{"1030":{"position":[[26,7]]}}}],["item",{"_index":208,"t":{"1248":{"position":[[29,4]]},"1252":{"position":[[30,5]]}}}],["keyboard",{"_index":151,"t":{"1000":{"position":[[0,8]]}}}],["kitchen",{"_index":43,"t":{"547":{"position":[[0,7]]}}}],["label",{"_index":118,"t":{"823":{"position":[[0,6]]},"923":{"position":[[5,6]]},"946":{"position":[[5,6]]},"969":{"position":[[5,6]]},"990":{"position":[[5,6]]}}}],["larg",{"_index":53,"t":{"570":{"position":[[0,5]]}}}],["layout",{"_index":220,"t":{"1305":{"position":[[5,6]]}}}],["length",{"_index":129,"t":{"856":{"position":[[6,6]]}}}],["level",{"_index":218,"t":{"1301":{"position":[[4,5]]}}}],["line",{"_index":57,"t":{"582":{"position":[[0,4]]}}}],["linechartdataset",{"_index":144,"t":{"956":{"position":[[0,16]]}}}],["linechartdatasetdatalabel",{"_index":145,"t":{"958":{"position":[[0,26]]}}}],["linechartopt",{"_index":146,"t":{"960":{"position":[[0,16]]}}}],["link",{"_index":39,"t":{"541":{"position":[[18,5]]},"888":{"position":[[0,4]]},"890":{"position":[[0,4]]}}}],["list",{"_index":41,"t":{"545":{"position":[[0,4]]}}}],["load",{"_index":18,"t":{"501":{"position":[[0,7]]},"503":{"position":[[10,7]]},"1364":{"position":[[9,4]]}}}],["local",{"_index":139,"t":{"921":{"position":[[0,6]]},"944":{"position":[[0,6]]},"1026":{"position":[[40,7]]}}}],["logo",{"_index":224,"t":{"1313":{"position":[[20,4]]}}}],["long",{"_index":69,"t":{"623":{"position":[[10,4]]},"703":{"position":[[10,4]]}}}],["max",{"_index":178,"t":{"1036":{"position":[[15,3]]},"1061":{"position":[[15,3]]},"1084":{"position":[[15,3]]},"1163":{"position":[[15,3]]}}}],["member",{"_index":135,"t":{"904":{"position":[[10,7]]},"906":{"position":[[16,7]]},"908":{"position":[[26,7]]},"910":{"position":[[16,7]]},"931":{"position":[[10,7]]},"933":{"position":[[21,7]]},"935":{"position":[[31,7]]},"937":{"position":[[21,7]]},"954":{"position":[[10,7]]},"956":{"position":[[17,7]]},"958":{"position":[[27,7]]},"960":{"position":[[17,7]]},"977":{"position":[[10,7]]},"979":{"position":[[16,7]]},"981":{"position":[[26,7]]},"983":{"position":[[16,7]]},"1205":{"position":[[12,7]]}}}],["menu",{"_index":85,"t":{"667":{"position":[[0,4]]},"669":{"position":[[0,4]]}}}],["messag",{"_index":127,"t":{"852":{"position":[[21,8]]}}}],["method",{"_index":7,"t":{"482":{"position":[[0,7]]},"590":{"position":[[0,7]]},"610":{"position":[[0,7]]},"641":{"position":[[9,7]]},"680":{"position":[[0,7]]},"688":{"position":[[0,7]]},"719":{"position":[[0,7]]},"781":{"position":[[0,7]]},"791":{"position":[[5,7]]},"818":{"position":[[12,7]]},"902":{"position":[[0,7]]},"929":{"position":[[0,7]]},"952":{"position":[[0,7]]},"975":{"position":[[0,7]]},"996":{"position":[[0,7]]},"1019":{"position":[[0,7]]},"1052":{"position":[[0,7]]},"1075":{"position":[[0,7]]},"1102":{"position":[[0,7]]},"1154":{"position":[[0,7]]},"1203":{"position":[[0,7]]},"1235":{"position":[[10,7]]},"1260":{"position":[[0,7]]},"1294":{"position":[[0,7]]},"1323":{"position":[[5,7]]}}}],["min",{"_index":177,"t":{"1036":{"position":[[7,3]]},"1061":{"position":[[7,3]]},"1084":{"position":[[7,3]]},"1163":{"position":[[7,3]]}}}],["minu",{"_index":174,"t":{"1032":{"position":[[56,5]]}}}],["modal",{"_index":92,"t":{"695":{"position":[[0,5]]},"697":{"position":[[21,5]]},"711":{"position":[[11,5]]}}}],["modalopt",{"_index":203,"t":{"1205":{"position":[[0,11]]}}}],["multipl",{"_index":121,"t":{"833":{"position":[[0,8]]},"1378":{"position":[[0,8]]}}}],["navig",{"_index":152,"t":{"1000":{"position":[[9,10]]},"1301":{"position":[[10,10]]}}}],["navitem",{"_index":216,"t":{"1296":{"position":[[0,7]]}}}],["neg",{"_index":180,"t":{"1040":{"position":[[6,8]]},"1090":{"position":[[6,8]]}}}],["net",{"_index":200,"t":{"1129":{"position":[[0,4]]},"1131":{"position":[[0,4]]},"1146":{"position":[[0,4]]},"1148":{"position":[[0,4]]},"1186":{"position":[[0,4]]},"1188":{"position":[[0,4]]},"1197":{"position":[[0,4]]},"1199":{"position":[[0,4]]},"1227":{"position":[[0,4]]},"1229":{"position":[[0,4]]}}}],["nowrap",{"_index":239,"t":{"1358":{"position":[[5,6]]}}}],["nuget",{"_index":190,"t":{"1118":{"position":[[8,5]]},"1135":{"position":[[8,5]]},"1175":{"position":[[8,5]]}}}],["number",{"_index":170,"t":{"1032":{"position":[[9,6]]},"1040":{"position":[[15,7]]},"1090":{"position":[[15,7]]}}}],["offcanva",{"_index":98,"t":{"726":{"position":[[0,9]]},"728":{"position":[[21,9]]}}}],["onafterrend",{"_index":115,"t":{"810":{"position":[[15,13]]}}}],["open",{"_index":210,"t":{"1250":{"position":[[7,4]]}}}],["option",{"_index":67,"t":{"621":{"position":[[0,8]]},"709":{"position":[[0,8]]}}}],["outlin",{"_index":10,"t":{"489":{"position":[[0,7]]}}}],["packag",{"_index":191,"t":{"1118":{"position":[[14,7]]},"1135":{"position":[[14,7]]},"1175":{"position":[[14,7]]}}}],["page",{"_index":231,"t":{"1334":{"position":[[12,6]]},"1338":{"position":[[23,7]]},"1346":{"position":[[23,6]]},"1382":{"position":[[8,4]]},"1384":{"position":[[0,4]]}}}],["pagin",{"_index":100,"t":{"747":{"position":[[0,10]]},"1360":{"position":[[0,10]]}}}],["paramet",{"_index":0,"t":{"469":{"position":[[0,10]]},"480":{"position":[[0,10]]},"515":{"position":[[0,10]]},"516":{"position":[[5,10]]},"518":{"position":[[9,10]]},"520":{"position":[[11,10]]},"522":{"position":[[10,10]]},"524":{"position":[[11,10]]},"526":{"position":[[9,10]]},"528":{"position":[[13,10]]},"530":{"position":[[9,10]]},"532":{"position":[[10,10]]},"563":{"position":[[0,10]]},"588":{"position":[[0,10]]},"629":{"position":[[9,10]]},"631":{"position":[[21,10]]},"633":{"position":[[21,10]]},"635":{"position":[[13,10]]},"637":{"position":[[15,10]]},"639":{"position":[[13,10]]},"686":{"position":[[0,10]]},"717":{"position":[[0,10]]},"742":{"position":[[0,10]]},"761":{"position":[[21,10]]},"763":{"position":[[12,10]]},"778":{"position":[[0,10]]},"789":{"position":[[5,10]]},"793":{"position":[[4,10]]},"814":{"position":[[9,10]]},"816":{"position":[[12,10]]},"841":{"position":[[7,10]]},"862":{"position":[[0,10]]},"877":{"position":[[0,10]]},"900":{"position":[[0,10]]},"927":{"position":[[0,10]]},"950":{"position":[[0,10]]},"973":{"position":[[0,10]]},"994":{"position":[[0,10]]},"1017":{"position":[[0,10]]},"1050":{"position":[[0,10]]},"1073":{"position":[[0,10]]},"1100":{"position":[[0,10]]},"1152":{"position":[[0,10]]},"1233":{"position":[[10,10]]},"1239":{"position":[[14,10]]},"1258":{"position":[[0,10]]},"1275":{"position":[[0,10]]},"1292":{"position":[[0,10]]},"1319":{"position":[[5,10]]},"1325":{"position":[[11,10]]},"1366":{"position":[[5,9]]},"1368":{"position":[[5,9]]}}}],["parenthes",{"_index":171,"t":{"1032":{"position":[[21,11]]}}}],["pass",{"_index":93,"t":{"699":{"position":[[0,4]]},"730":{"position":[[0,4]]}}}],["pie",{"_index":58,"t":{"584":{"position":[[0,3]]}}}],["piechartdataset",{"_index":148,"t":{"979":{"position":[[0,15]]}}}],["piechartdatasetdatalabel",{"_index":149,"t":{"981":{"position":[[0,25]]}}}],["piechartopt",{"_index":150,"t":{"983":{"position":[[0,15]]}}}],["pill",{"_index":112,"t":{"804":{"position":[[0,5]]},"1282":{"position":[[0,4]]}}}],["placehold",{"_index":102,"t":{"763":{"position":[[0,11]]},"766":{"position":[[0,12]]}}}],["placeholdercontain",{"_index":101,"t":{"761":{"position":[[0,20]]}}}],["placement",{"_index":99,"t":{"732":{"position":[[0,9]]},"854":{"position":[[0,9]]}}}],["posit",{"_index":86,"t":{"667":{"position":[[5,8]]},"1286":{"position":[[0,10]]}}}],["preload",{"_index":105,"t":{"780":{"position":[[0,7]]},"783":{"position":[[7,7]]}}}],["prerequisit",{"_index":131,"t":{"875":{"position":[[0,13]]},"913":{"position":[[0,13]]},"940":{"position":[[0,13]]},"963":{"position":[[0,13]]},"986":{"position":[[0,13]]},"1192":{"position":[[0,13]]},"1222":{"position":[[0,13]]}}}],["programmat",{"_index":119,"t":{"825":{"position":[[10,16]]},"831":{"position":[[15,16]]}}}],["progress",{"_index":116,"t":{"814":{"position":[[0,8]]}}}],["progressbar",{"_index":117,"t":{"816":{"position":[[0,11]]},"818":{"position":[[0,11]]}}}],["properti",{"_index":62,"t":{"612":{"position":[[21,10]]},"843":{"position":[[13,10]]},"1296":{"position":[[8,10]]},"1327":{"position":[[13,10]]}}}],["refer",{"_index":194,"t":{"1120":{"position":[[8,10]]},"1122":{"position":[[11,10]]},"1126":{"position":[[15,10]]},"1137":{"position":[[8,10]]},"1139":{"position":[[11,10]]},"1143":{"position":[[15,10]]},"1177":{"position":[[8,10]]},"1179":{"position":[[11,10]]},"1183":{"position":[[15,10]]}}}],["regist",{"_index":196,"t":{"1124":{"position":[[0,8]]},"1141":{"position":[[0,8]]},"1181":{"position":[[0,8]]}}}],["remov",{"_index":197,"t":{"1126":{"position":[[0,6]]},"1143":{"position":[[0,6]]},"1183":{"position":[[0,6]]}}}],["restrict",{"_index":182,"t":{"1069":{"position":[[0,8]]},"1171":{"position":[[0,8]]}}}],["revers",{"_index":188,"t":{"1112":{"position":[[0,7]]}}}],["row",{"_index":246,"t":{"1370":{"position":[[31,3]]},"1386":{"position":[[7,3]]},"1388":{"position":[[8,3]]},"1390":{"position":[[0,3]]},"1392":{"position":[[0,3]]}}}],["save",{"_index":241,"t":{"1364":{"position":[[0,4]]}}}],["script",{"_index":195,"t":{"1122":{"position":[[4,6]]},"1139":{"position":[[4,6]]},"1179":{"position":[[4,6]]}}}],["scroll",{"_index":68,"t":{"623":{"position":[[0,9]]},"703":{"position":[[0,9]]}}}],["scrollabl",{"_index":96,"t":{"707":{"position":[[24,10]]}}}],["select",{"_index":247,"t":{"1376":{"position":[[0,9]]},"1378":{"position":[[9,9]]},"1380":{"position":[[8,9]]},"1384":{"position":[[10,9]]}}}],["server",{"_index":156,"t":{"1007":{"position":[[0,6]]},"1346":{"position":[[0,6]]}}}],["servic",{"_index":106,"t":{"780":{"position":[[8,7]]},"783":{"position":[[15,7]]},"858":{"position":[[14,7]]},"1124":{"position":[[9,8]]},"1141":{"position":[[9,8]]},"1181":{"position":[[9,8]]}}}],["set",{"_index":114,"t":{"810":{"position":[[0,3]]},"825":{"position":[[0,3]]},"831":{"position":[[0,3]]},"1009":{"position":[[0,3]]},"1248":{"position":[[0,3]]},"1340":{"position":[[0,3]]},"1348":{"position":[[0,3]]},"1364":{"position":[[19,8]]}}}],["setup",{"_index":204,"t":{"1218":{"position":[[7,5]]}}}],["show",{"_index":21,"t":{"505":{"position":[[0,4]]},"1026":{"position":[[0,4]]},"1307":{"position":[[18,4]]},"1309":{"position":[[0,4]]},"1313":{"position":[[0,4]]}}}],["show/hid",{"_index":20,"t":{"503":{"position":[[0,9]]}}}],["side",{"_index":154,"t":{"1003":{"position":[[7,4]]},"1005":{"position":[[7,4]]},"1007":{"position":[[7,4]]},"1330":{"position":[[7,4]]},"1332":{"position":[[7,4]]},"1334":{"position":[[7,4]]},"1336":{"position":[[7,4]]},"1338":{"position":[[7,4]]},"1346":{"position":[[7,4]]}}}],["sidebar",{"_index":221,"t":{"1305":{"position":[[17,7]]},"1307":{"position":[[7,7]]},"1315":{"position":[[10,7]]}}}],["sign",{"_index":175,"t":{"1032":{"position":[[62,4]]}}}],["singl",{"_index":78,"t":{"646":{"position":[[0,6]]}}}],["sink",{"_index":44,"t":{"547":{"position":[[8,4]]}}}],["size",{"_index":11,"t":{"491":{"position":[[0,5]]},"551":{"position":[[0,6]]},"621":{"position":[[9,5]]},"652":{"position":[[0,6]]},"709":{"position":[[9,5]]},"736":{"position":[[0,5]]},"753":{"position":[[0,6]]},"772":{"position":[[0,6]]},"882":{"position":[[0,5]]},"1212":{"position":[[0,4]]},"1382":{"position":[[13,4]]},"1384":{"position":[[5,4]]}}}],["sort",{"_index":232,"t":{"1336":{"position":[[12,7]]},"1338":{"position":[[35,7]]},"1346":{"position":[[34,7]]},"1348":{"position":[[12,7]]},"1350":{"position":[[24,7]]}}}],["specif",{"_index":233,"t":{"1342":{"position":[[8,8]]},"1350":{"position":[[8,8]]}}}],["spinner",{"_index":19,"t":{"501":{"position":[[8,7]]},"503":{"position":[[18,7]]},"785":{"position":[[7,7]]}}}],["split",{"_index":79,"t":{"650":{"position":[[0,5]]}}}],["stack",{"_index":128,"t":{"856":{"position":[[0,5]]},"919":{"position":[[0,7]]}}}],["starter",{"_index":198,"t":{"1128":{"position":[[0,7]]},"1145":{"position":[[0,7]]},"1185":{"position":[[0,7]]},"1196":{"position":[[0,7]]},"1226":{"position":[[0,7]]}}}],["state",{"_index":13,"t":{"493":{"position":[[9,5]]},"495":{"position":[[19,5]]},"499":{"position":[[7,6]]},"751":{"position":[[20,6]]}}}],["static",{"_index":94,"t":{"701":{"position":[[0,6]]},"734":{"position":[[0,6]]}}}],["step",{"_index":187,"t":{"1086":{"position":[[0,4]]},"1194":{"position":[[0,5]]},"1224":{"position":[[0,5]]}}}],["string",{"_index":229,"t":{"1332":{"position":[[27,6]]}}}],["stringcomparis",{"_index":155,"t":{"1005":{"position":[[22,17]]}}}],["stripe",{"_index":122,"t":{"835":{"position":[[0,7]]},"837":{"position":[[9,7]]}}}],["svg",{"_index":5,"t":{"476":{"position":[[9,3]]}}}],["symbol",{"_index":163,"t":{"1026":{"position":[[14,7]]},"1028":{"position":[[14,6]]}}}],["tab",{"_index":109,"t":{"789":{"position":[[0,4]]},"791":{"position":[[0,4]]},"793":{"position":[[0,3]]},"796":{"position":[[0,4]]},"802":{"position":[[8,3]]},"806":{"position":[[20,4]]},"810":{"position":[[11,3]]}}}],["tag",{"_index":9,"t":{"487":{"position":[[7,4]]}}}],["templat",{"_index":199,"t":{"1128":{"position":[[8,9]]},"1145":{"position":[[8,9]]},"1185":{"position":[[8,9]]},"1196":{"position":[[8,9]]},"1226":{"position":[[8,9]]}}}],["text",{"_index":24,"t":{"507":{"position":[[31,4]]},"541":{"position":[[8,5]]},"553":{"position":[[0,4]]},"570":{"position":[[6,4]]},"619":{"position":[[15,4]]},"674":{"position":[[0,4]]},"871":{"position":[[31,4]]},"886":{"position":[[7,4]]},"892":{"position":[[21,4]]},"1038":{"position":[[0,4]]},"1088":{"position":[[0,4]]},"1214":{"position":[[31,4]]},"1352":{"position":[[7,4]]}}}],["textbox",{"_index":236,"t":{"1344":{"position":[[16,7]]}}}],["titl",{"_index":38,"t":{"541":{"position":[[0,7]]},"800":{"position":[[0,5]]},"848":{"position":[[14,5]]},"1244":{"position":[[0,5]]}}}],["toast",{"_index":123,"t":{"841":{"position":[[0,6]]},"846":{"position":[[0,5]]},"848":{"position":[[0,5]]},"858":{"position":[[7,6]]}}}],["toastmessag",{"_index":124,"t":{"843":{"position":[[0,12]]}}}],["toggl",{"_index":222,"t":{"1307":{"position":[[0,6]]}}}],["toogl",{"_index":17,"t":{"499":{"position":[[0,6]]}}}],["tooltip",{"_index":22,"t":{"505":{"position":[[5,7]]},"507":{"position":[[23,7]]},"865":{"position":[[0,8]]},"867":{"position":[[21,7]]},"869":{"position":[[0,7]]},"871":{"position":[[23,7]]}}}],["translat",{"_index":249,"t":{"1394":{"position":[[0,12]]}}}],["two",{"_index":217,"t":{"1301":{"position":[[0,3]]}}}],["type",{"_index":36,"t":{"537":{"position":[[8,5]]},"576":{"position":[[6,5]]},"1034":{"position":[[8,4]]},"1059":{"position":[[8,4]]},"1082":{"position":[[8,4]]},"1161":{"position":[[8,4]]}}}],["updat",{"_index":23,"t":{"507":{"position":[[12,6]]},"871":{"position":[[12,6]]},"1368":{"position":[[17,6]]}}}],["us",{"_index":165,"t":{"1030":{"position":[[0,5]]}}}],["usag",{"_index":161,"t":{"1024":{"position":[[6,5]]},"1057":{"position":[[6,5]]},"1080":{"position":[[6,5]]},"1107":{"position":[[6,5]]},"1159":{"position":[[6,5]]},"1278":{"position":[[6,5]]},"1299":{"position":[[6,5]]}}}],["valid",{"_index":159,"t":{"1011":{"position":[[0,11]]},"1044":{"position":[[0,11]]},"1065":{"position":[[0,11]]},"1094":{"position":[[0,11]]},"1167":{"position":[[0,11]]}}}],["valu",{"_index":158,"t":{"1009":{"position":[[12,5]]}}}],["valuechang",{"_index":181,"t":{"1046":{"position":[[8,12]]},"1067":{"position":[[8,12]]},"1096":{"position":[[8,12]]},"1114":{"position":[[8,12]]},"1169":{"position":[[8,12]]}}}],["vertic",{"_index":70,"t":{"625":{"position":[[0,10]]},"705":{"position":[[0,10]]},"707":{"position":[[0,10]]},"1210":{"position":[[0,10]]}}}],["width",{"_index":103,"t":{"768":{"position":[[0,5]]},"825":{"position":[[4,5]]},"1344":{"position":[[24,5]]}}}],["without",{"_index":125,"t":{"848":{"position":[[6,7]]}}}],["work",{"_index":59,"t":{"594":{"position":[[7,5]]},"692":{"position":[[7,5]]},"723":{"position":[[7,5]]},"749":{"position":[[0,7]]},"821":{"position":[[7,5]]},"915":{"position":[[7,5]]},"942":{"position":[[7,5]]},"965":{"position":[[7,5]]},"988":{"position":[[7,5]]},"1208":{"position":[[7,5]]}}}],["wrap",{"_index":169,"t":{"1032":{"position":[[0,4]]}}}]],"pipeline":["stemmer"]}},{"documents":[{"i":2,"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!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Older Entries","s":"Blog | Blazor Bootstrap","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.0.4 December 12, 2021 · One min read Vikram Reddy Creator Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release. Changelog​ Code improvements Documentation updates Breaking changes​ Modal​ Callback events renamed Showing -> OnShowing Shown -> OnShown Hiding -> OnHiding Hidden -> OnHidden HidePrevented -> OnHidePrevented Offcanvas​ Callback events renamed Showing -> OnShowing Shown -> OnShown Hiding -> OnHiding Hidden -> OnHidden Tooltip​ Parameters renamed TooltipTitle -> Title TooltipPlacement -> Placement Docs update​ For the below components, documentation is updated. Alerts Buttons Icons Modal Offcanvas Toasts Tooltips Tags: v0.0.4 blazorbootstrap Edit this page Newer Post BlazorBootstrap v0.1.0 Older Post BlazorBootstrap v0.0.3","s":"BlazorBootstrap v0.0.4","u":"/blog/2021/12/12/blazorbootstrap-0.0.4","h":"","p":9},{"i":12,"t":"BlazorBootstrap v0.1.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.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.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":21},{"i":24,"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":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 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":41},{"i":44,"t":"Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! New Components​ NumberInput component Blazor NumberInput component features​ Generic type support Enable min and max Step Text alignment Allow negative numbers Disable Validations Events: ValueChanged Blazor Tabs component features​ Fade effect Title with Icon Disable Tab Pills Activate individual tabs Events Demos site enhancements​ Brand new landing page The demo example and source code are split into two tabs for easy access. Links​ Demo Website Blazor NumberInput Component Documentation Blazor Tabs Component Documentation Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Edit this page Newer Post Blazor Bootstrap v1.0.1 Older Post Blazor Bootstrap v0.6.0","s":"Blazor Bootstrap v1.0.0","u":"/blog/2022/11/18/blazorbootstrap-1.0.0","h":"","p":43},{"i":46,"t":"Blazor Bootstrap v1.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.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":47},{"i":50,"t":"Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component What's changed​ New CurrencyInput component Demos site updates​ New examples for 'Blazor CurrencyInput Component' New examples for 'Blazor Confirm Dialog Component' Links​ Demo Website - Blazor WebAssembly Demo Website - Blazor Server Blazor CurrencyInput Documentation Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Edit this page Newer Post Blazor Bootstrap v1.3.0 Older Post Blazor Bootstrap v1.1.0","s":"Blazor Bootstrap v1.2.0","u":"/blog/2022/12/12/blazorbootstrap-1.2.0","h":"","p":49},{"i":52,"t":"Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component What's changed​ New Switch component Demos site updates​ New examples for 'Blazor Switch Component' Updates to 'Blazor Auto Complete Component' examples Links​ Demo Website - Blazor WebAssembly Demo Website - Blazor Server Blazor Switch Documentation Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Edit this page Newer Post Blazor Bootstrap v1.3.1 Older Post Blazor Bootstrap v1.2.0","s":"Blazor Bootstrap v1.3.0","u":"/blog/2022/12/15/blazorbootstrap-1.3.0","h":"","p":51},{"i":54,"t":"Blazor Bootstrap v1.4.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":53},{"i":56,"t":"Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component What's changed​ Modal component Render different components dynamically within the modal without iterating through possible types or using conditional logic. If dynamically-rendered components have component parameters, pass them as an IDictionary. Pass event callbacks to a dynamic component. Demos site updates​ New examples for Blazor Modal Component New examples for Blazor Confirm Dialog Component Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Modal Documentation Blazor Confirm Dialog Documentation Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Edit this page Newer Post Blazor Bootstrap v1.4.2 Older Post Blazor Bootstrap v1.4.0","s":"Blazor Bootstrap v1.4.1","u":"/blog/2023/01/23/blazorbootstrap-1.4.1","h":"","p":55},{"i":58,"t":"Blazor Bootstrap v1.4.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":57},{"i":60,"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":59},{"i":62,"t":"Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! What's changed​ Grid component New Data parameter New ResetPageNumber() method Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Edit this page Newer Post Blazor Bootstrap v1.4.4 Older Post Blazor Bootstrap v1.4.2","s":"Blazor Bootstrap v1.4.3","u":"/blog/2023/02/07/blazorbootstrap-1.4.3","h":"","p":61},{"i":64,"t":"Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! What's changed​ Grid component Filters have 300ms timeout for the debouncing CancellationToken support for the RefreshDataAsync() method Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Edit this page Newer Post Blazor Bootstrap v1.4.5 Older Post Blazor Bootstrap v1.4.3","s":"Blazor Bootstrap v1.4.4","u":"/blog/2023/02/10/blazorbootstrap-1.4.4","h":"","p":63},{"i":66,"t":"Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! What's changed​ Toasts component bug fixed Toast progress bar not working when the browser language is french Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Toasts Documentation Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Edit this page Newer Post Blazor Bootstrap v1.5.0 Older Post Blazor Bootstrap v1.4.4","s":"Blazor Bootstrap v1.4.5","u":"/blog/2023/02/23/blazorbootstrap-1.4.5","h":"","p":65},{"i":68,"t":"Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! What's new​ DateInput component Generic type: DateOnly, DateOnly?, DateTime, and DateTime? data types supported Max and Min range Disable Validations ValueChanged event What's changed​ Offcanvas component Render different components dynamically within the modal without iterating through possible types or using conditional logic. If dynamically-rendered components have component parameters, pass them as an IDictionary. Pass event callbacks to a dynamic component. Button component Dynamic tooltip support added Tooltip component Dynamic tooltip support added Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor DateInput Documentation Blazor Offcanvas Documentation Blazor Button Documentation Blazor Tooltip Documentation Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Edit this page Newer Post Blazor Bootstrap v1.6.0 Older Post Blazor Bootstrap v1.4.5","s":"Blazor Bootstrap v1.5.0","u":"/blog/2023/03/05/blazorbootstrap-1.5.0","h":"","p":67},{"i":70,"t":"Blazor Bootstrap v1.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.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! What's new​ Badge component Background colors Pill badges Buttons Positioned Generic indicator Collapse component Horizontal collapse Call back events: OnShowing, OnShown, OnHiding, and OnHidden Accordion component Title with Icon Flush Set default active accordion item Always open Activate individual accordion items Call back events: OnShowing, OnShown, OnHiding, and OnHidden What's changed​ Buttons component Disable and enable state dynamically #172 Documentation​ Layout setup docs Layout Setup - Blazor WebAssembly Layout Setup - Blazor Server Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Badge Documentation Blazor Collapse Documentation Blazor Accordion Documentation Blazor Buttons Documentation Layout Setup - Blazor WebAssembly Documentation Layout Setup - Blazor Server Documentation Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Edit this page Newer Post Blazor Bootstrap v1.7.1 Older Post Blazor Bootstrap v1.6.0","s":"Blazor Bootstrap v1.7.0","u":"/blog/2023/04/10/blazorbootstrap-1.7.0","h":"","p":71},{"i":74,"t":"Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! What's changed​ Auto Complete component Show Autocomplete reset button when default value set #183 Buttons component Button Disabled parameter doesn't work properly on first render in Tabs / Modal #182 CSS A CSS rule could be more targeted to not interfere with others #184 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Auto Complete Documentation Blazor Buttons Documentation Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Edit this page Newer Post Blazor Bootstrap v1.7.2 Older Post Blazor Bootstrap v1.7.0","s":"Blazor Bootstrap v1.7.1","u":"/blog/2023/04/19/blazorbootstrap-1.7.1","h":"","p":73},{"i":76,"t":"Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! What's changed​ Currency Input component CurrencyInput InvalidOperationException #192 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Currency Input Documentation Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Edit this page Newer Post Blazor Bootstrap v1.7.3 Older Post Blazor Bootstrap v1.7.1","s":"Blazor Bootstrap v1.7.2","u":"/blog/2023/04/24/blazorbootstrap-1.7.2","h":"","p":75},{"i":78,"t":"Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! What's changed​ Button component Button - id on Button is causing Unhandled error #194 Grid component Grid calls DataProvider method after input's onchange event #195 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Buttons Documentation Blazor Grid Documentation Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Edit this page Newer Post Blazor Bootstrap v1.8.0 Older Post Blazor Bootstrap v1.7.2","s":"Blazor Bootstrap v1.7.3","u":"/blog/2023/04/29/blazorbootstrap-1.7.3","h":"","p":77},{"i":80,"t":"Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! What's changed​ Grid component Grid Selection #179 Single selection Multiple selection Disable selection Disable all rows selection Grid Paging #196 Dynamic Page Size Page Size Selection Offcanvas component Static backdrop #210 Auto Complete component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Currency Input component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Date Input component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Number Input component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Switch component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Time Input component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Blazor Bootstrap Templates Install with .NET CLI: dotnet new install Blazor.Bootstrap.Templates::1.8.0 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Blazor Offcanvas Documentation Blazor Auto Complete Documentation Blazor Currency Input Documentation Blazor Date Input Documentation Blazor Number Input Documentation Blazor Switch Documentation Blazor Time Input Documentation Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Edit this page Newer Post Blazor Bootstrap v1.8.1 Older Post Blazor Bootstrap v1.7.3","s":"Blazor Bootstrap v1.8.0","u":"/blog/2023/05/28/blazorbootstrap-1.8.0","h":"","p":79},{"i":82,"t":"Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! What's changed​ Grid component Selection and filters both active bug #214 Tooltip component Tooltip does not disappear #213 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Blazor Offcanvas Documentation Blazor Auto Complete Documentation Blazor Currency Input Documentation Blazor Date Input Documentation Blazor Number Input Documentation Blazor Switch Documentation Blazor Time Input Documentation Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Edit this page Newer Post Blazor Bootstrap v1.8.2 Older Post Blazor Bootstrap v1.8.0","s":"Blazor Bootstrap v1.8.1","u":"/blog/2023/05/31/blazorbootstrap-1.8.1","h":"","p":81},{"i":84,"t":"Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! What's changed​ Grid component Grid local filter with null strings #227 Grid Single Select #230 Button component Button TooltipTitle does not disappear when clicked #222 DateInput component DateInput no reaction to null #221 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Blazor Buttons Documentation Blazor Date Input Documentation Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Edit this page Newer Post Blazor Bootstrap v1.8.3 Older Post Blazor Bootstrap v1.8.1","s":"Blazor Bootstrap v1.8.2","u":"/blog/2023/06/11/blazorbootstrap-1.8.2","h":"","p":83},{"i":86,"t":"Blazor Bootstrap v1.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.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 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":"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 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","s":"Archive","u":"/blog/archive","h":"","p":105},{"i":108,"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!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Newer Entries Older Entries","s":"Blog | Blazor Bootstrap","u":"/blog/page/2","h":"","p":107},{"i":110,"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!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Read More Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Read More Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More Newer Entries Older Entries","s":"Blog | Blazor Bootstrap","u":"/blog/page/3","h":"","p":109},{"i":112,"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!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More BlazorBootstrap v0.4.2 September 17, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.2 with bug fixes. Bug fixes​ AutoComplete component bug fix Links​ Demo Website Blazor AutoComplete Component Documentation Tags: v0.4.2 blazorbootstrap autocomplete BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Read More BlazorBootstrap v0.4.0 September 4, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.0 with new blazor autocomplete component. Tags: v0.4.0 blazorbootstrap autocomplete docs Read More BlazorBootstrap v0.3.0 August 31, 2022 · One min read Vikram Reddy Creator We are excited to release 0.3.0 with significant enhancements to the grid component. Tags: v0.3.0 blazorbootstrap grid Read More BlazorBootstrap v0.2.6 August 13, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.6 with enhancements and bug fixes. Tags: v0.2.6 blazorbootstrap button Read More BlazorBootstrap v0.2.5 July 28, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.5 with bug fixes and docs enhancement. Tags: v0.2.5 blazorbootstrap offcanvas modal Read More Newer Entries Older Entries","s":"Blog | Blazor Bootstrap","u":"/blog/page/4","h":"","p":111},{"i":114,"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. Tags: v0.2.4 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.3 April 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.3 with a new component and minor updates. Tags: v0.2.3 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.2 March 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.2 with a new component and minor updates. Tags: v0.2.2 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.1 February 27, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.1 with minor updates. Bootstrap Icons updated to v1.8.0​ Tags: v0.2.1 blazorbootstrap icons confirm dialog toasts Read More BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Read More BlazorBootstrap v0.1.1 December 21, 2021 · One min read Vikram Reddy Creator In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated. Tags: v0.1.1 blazorbootstrap alert Read More BlazorBootstrap v0.1.0 December 20, 2021 · One min read Vikram Reddy Creator We are excited to release 0.1.0 with lots of updates. Tags: v0.1.0 blazorbootstrap Read More BlazorBootstrap v0.0.4 December 12, 2021 · One min read Vikram Reddy Creator Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release. Tags: v0.0.4 blazorbootstrap Read More BlazorBootstrap v0.0.3 December 8, 2021 · One min read Vikram Reddy Creator In this release, we added the Toasts component and improved documentation. Tags: v0.0.3 blazorbootstrap Read More BlazorBootstrap v0.0.2 November 27, 2021 · One min read Vikram Reddy Creator In this release, our focus was more on documenting the individual components. Tags: v0.0.2 blazorbootstrap Read More Newer Entries Older Entries","s":"Blog | Blazor Bootstrap","u":"/blog/page/5","h":"","p":113},{"i":116,"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. Tags: v0.0.1 blazorbootstrap Read More Newer Entries","s":"Blog | Blazor Bootstrap","u":"/blog/page/6","h":"","p":115},{"i":118,"t":"Tags A accordion1 alert1 autocomplete8 B badge1 blazor31 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 blazorbootstrap51 blazorbootstrap-starter-templates1 blazorbreadcrumb1 blazorbutton2 blazorbuttons3 blazorchart1 blazorcollapse1 blazorconfirmdialog1 blazorconfirmmodal1 blazorcurrencyinput3 blazordate1 blazordateinput4 blazordatepicker2 blazordialog1 blazorgrid13 blazoricon1 blazormodal8 blazormodalservice2 blazornumber1 blazornumberinput1 blazoroffcanvas3 blazorprogress1 blazorsidebar2 blazorswitch2 blazortabs1 blazortime1 blazortimeinput3 blazortimepicker1 blazortoast1 blazortoasts2 blazortooltip2 bootstrap24 bootstrap524 breadcrumb1 breadcrumbservice1 button3 buttons3 C callout1 chart1 collapse1 confirm dialog1 confirmdialog1 confirmmodal1 currency1 currencyinput2 D date1 dateinput4 datepicker2 dialog1 docs3 G grid15 I icon1 icons1 input2 input-number1 L layout1 leftmenu1 M modal10 modalservice3 N navigation1 numberinput1 O offcanvas5 P pagination1 placeholders3 progress2 progress-bar1 S sidebar2 switch1 T tabs1 timeinput3 timepicker1 toast1 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.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":117},{"i":120,"t":"One post tagged with \"accordion\" 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 \"accordion\"","u":"/blog/tags/accordion","h":"","p":119},{"i":122,"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":121},{"i":124,"t":"8 posts tagged with \"autocomplete\" 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.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":"8 posts tagged with \"autocomplete\"","u":"/blog/tags/autocomplete","h":"","p":123},{"i":126,"t":"One post tagged with \"badge\" 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 \"badge\"","u":"/blog/tags/badge","h":"","p":125},{"i":128,"t":"31 posts tagged with \"blazor\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Older Entries","s":"31 posts tagged with \"blazor\"","u":"/blog/tags/blazor","h":"","p":127},{"i":130,"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":129},{"i":132,"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":131},{"i":134,"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":133},{"i":136,"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":135},{"i":138,"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":137},{"i":140,"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":139},{"i":142,"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":141},{"i":144,"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":143},{"i":146,"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":145},{"i":148,"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":147},{"i":150,"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":149},{"i":152,"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":151},{"i":154,"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":153},{"i":156,"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":155},{"i":158,"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":157},{"i":160,"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":159},{"i":162,"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":161},{"i":164,"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":163},{"i":166,"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":165},{"i":168,"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":167},{"i":170,"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":169},{"i":172,"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":171},{"i":174,"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":173},{"i":176,"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":175},{"i":178,"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":177},{"i":180,"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":179},{"i":182,"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":181},{"i":184,"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":183},{"i":186,"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":185},{"i":188,"t":"31 posts tagged with \"blazor\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Newer Entries Older Entries","s":"31 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/2","h":"","p":187},{"i":190,"t":"31 posts tagged with \"blazor\" View All Tags Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Read More Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Read More Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More Newer Entries Older Entries","s":"31 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/3","h":"","p":189},{"i":192,"t":"31 posts tagged with \"blazor\" View All Tags Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More Newer Entries","s":"31 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/4","h":"","p":191},{"i":194,"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":193},{"i":196,"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":195},{"i":198,"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":197},{"i":200,"t":"51 posts tagged with \"blazorbootstrap\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Older Entries","s":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap","h":"","p":199},{"i":202,"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":201},{"i":204,"t":"51 posts tagged with \"blazorbootstrap\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Newer Entries Older Entries","s":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/2","h":"","p":203},{"i":206,"t":"51 posts tagged with \"blazorbootstrap\" View All Tags Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Read More Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Read More Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More Newer Entries Older Entries","s":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/3","h":"","p":205},{"i":208,"t":"51 posts tagged with \"blazorbootstrap\" View All Tags Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More BlazorBootstrap v0.4.2 September 17, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.2 with bug fixes. Bug fixes​ AutoComplete component bug fix Links​ Demo Website Blazor AutoComplete Component Documentation Tags: v0.4.2 blazorbootstrap autocomplete BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Read More BlazorBootstrap v0.4.0 September 4, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.0 with new blazor autocomplete component. Tags: v0.4.0 blazorbootstrap autocomplete docs Read More BlazorBootstrap v0.3.0 August 31, 2022 · One min read Vikram Reddy Creator We are excited to release 0.3.0 with significant enhancements to the grid component. Tags: v0.3.0 blazorbootstrap grid Read More BlazorBootstrap v0.2.6 August 13, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.6 with enhancements and bug fixes. Tags: v0.2.6 blazorbootstrap button Read More BlazorBootstrap v0.2.5 July 28, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.5 with bug fixes and docs enhancement. Tags: v0.2.5 blazorbootstrap offcanvas modal Read More Newer Entries Older Entries","s":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/4","h":"","p":207},{"i":210,"t":"51 posts tagged with \"blazorbootstrap\" View All Tags BlazorBootstrap v0.2.4 June 19, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.4 with bug fixes and docs enhancement. Tags: v0.2.4 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.3 April 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.3 with a new component and minor updates. Tags: v0.2.3 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.2 March 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.2 with a new component and minor updates. Tags: v0.2.2 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.1 February 27, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.1 with minor updates. Bootstrap Icons updated to v1.8.0​ Tags: v0.2.1 blazorbootstrap icons confirm dialog toasts Read More BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Read More BlazorBootstrap v0.1.1 December 21, 2021 · One min read Vikram Reddy Creator In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated. Tags: v0.1.1 blazorbootstrap alert Read More BlazorBootstrap v0.1.0 December 20, 2021 · One min read Vikram Reddy Creator We are excited to release 0.1.0 with lots of updates. Tags: v0.1.0 blazorbootstrap Read More BlazorBootstrap v0.0.4 December 12, 2021 · One min read Vikram Reddy Creator Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release. Tags: v0.0.4 blazorbootstrap Read More BlazorBootstrap v0.0.3 December 8, 2021 · One min read Vikram Reddy Creator In this release, we added the Toasts component and improved documentation. Tags: v0.0.3 blazorbootstrap Read More BlazorBootstrap v0.0.2 November 27, 2021 · One min read Vikram Reddy Creator In this release, our focus was more on documenting the individual components. Tags: v0.0.2 blazorbootstrap Read More Newer Entries Older Entries","s":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/5","h":"","p":209},{"i":212,"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":211},{"i":214,"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":213},{"i":216,"t":"51 posts tagged with \"blazorbootstrap\" View All Tags BlazorBootstrap v0.0.1 November 23, 2021 · One min read Vikram Reddy Creator Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers. Tags: v0.0.1 blazorbootstrap Read More Newer Entries","s":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/6","h":"","p":215},{"i":218,"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":217},{"i":220,"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":219},{"i":222,"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":221},{"i":224,"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":223},{"i":226,"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":225},{"i":228,"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":227},{"i":230,"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":229},{"i":232,"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":231},{"i":234,"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":233},{"i":236,"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":235},{"i":238,"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":237},{"i":240,"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":239},{"i":242,"t":"One post tagged with \"blazoricon\" 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 \"blazoricon\"","u":"/blog/tags/blazoricon","h":"","p":241},{"i":244,"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":243},{"i":246,"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":245},{"i":248,"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":247},{"i":250,"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":249},{"i":252,"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":251},{"i":254,"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":253},{"i":256,"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":255},{"i":258,"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":257},{"i":260,"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":259},{"i":262,"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":261},{"i":264,"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":263},{"i":266,"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":265},{"i":268,"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":267},{"i":270,"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":269},{"i":272,"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":271},{"i":274,"t":"24 posts tagged with \"bootstrap\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Older Entries","s":"24 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap","h":"","p":273},{"i":276,"t":"24 posts tagged with \"bootstrap5\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Older Entries","s":"24 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5","h":"","p":275},{"i":278,"t":"24 posts tagged with \"bootstrap5\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Newer Entries Older Entries","s":"24 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/2","h":"","p":277},{"i":280,"t":"24 posts tagged with \"bootstrap5\" View All Tags Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Newer Entries","s":"24 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/3","h":"","p":279},{"i":282,"t":"24 posts tagged with \"bootstrap\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Newer Entries Older Entries","s":"24 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/2","h":"","p":281},{"i":284,"t":"24 posts tagged with \"bootstrap\" View All Tags Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Newer Entries","s":"24 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/3","h":"","p":283},{"i":286,"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":285},{"i":288,"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":287},{"i":290,"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":289},{"i":292,"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":291},{"i":294,"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":293},{"i":296,"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":295},{"i":298,"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":297},{"i":300,"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":299},{"i":302,"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":301},{"i":304,"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":303},{"i":306,"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":305},{"i":308,"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":307},{"i":310,"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":309},{"i":312,"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":311},{"i":314,"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":313},{"i":316,"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":315},{"i":318,"t":"3 posts tagged with \"docs\" 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 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":"3 posts tagged with \"docs\"","u":"/blog/tags/docs","h":"","p":317},{"i":320,"t":"15 posts tagged with \"grid\" 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":"15 posts tagged with \"grid\"","u":"/blog/tags/grid","h":"","p":319},{"i":322,"t":"15 posts tagged with \"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 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":"15 posts tagged with \"grid\"","u":"/blog/tags/grid/page/2","h":"","p":321},{"i":324,"t":"One post tagged with \"icon\" 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 \"icon\"","u":"/blog/tags/icon","h":"","p":323},{"i":326,"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":325},{"i":328,"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":327},{"i":330,"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":329},{"i":332,"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":331},{"i":334,"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":333},{"i":336,"t":"10 posts tagged with \"modal\" 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 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":"10 posts tagged with \"modal\"","u":"/blog/tags/modal","h":"","p":335},{"i":338,"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":337},{"i":340,"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":339},{"i":342,"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":341},{"i":344,"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":343},{"i":346,"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":345},{"i":348,"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":347},{"i":350,"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":349},{"i":352,"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":351},{"i":354,"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":353},{"i":356,"t":"One post tagged with \"switch\" 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 \"switch\"","u":"/blog/tags/switch","h":"","p":355},{"i":358,"t":"One post tagged with \"tabs\" 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 \"tabs\"","u":"/blog/tags/tabs","h":"","p":357},{"i":360,"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":359},{"i":362,"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":361},{"i":364,"t":"One post tagged with \"toast\" 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 \"toast\"","u":"/blog/tags/toast","h":"","p":363},{"i":366,"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":365},{"i":368,"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":367},{"i":370,"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":369},{"i":372,"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":371},{"i":374,"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":373},{"i":376,"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":375},{"i":378,"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":377},{"i":380,"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":379},{"i":382,"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":381},{"i":384,"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":383},{"i":386,"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":385},{"i":388,"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":387},{"i":390,"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":389},{"i":392,"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":391},{"i":394,"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":393},{"i":396,"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":395},{"i":398,"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":397},{"i":400,"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":399},{"i":402,"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":401},{"i":404,"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":403},{"i":406,"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":405},{"i":408,"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":407},{"i":410,"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":409},{"i":412,"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":411},{"i":414,"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":413},{"i":416,"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":415},{"i":418,"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":417},{"i":420,"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":419},{"i":422,"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":421},{"i":424,"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":423},{"i":426,"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":425},{"i":428,"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":427},{"i":430,"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":429},{"i":432,"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":431},{"i":434,"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":433},{"i":436,"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":435},{"i":438,"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":437},{"i":440,"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":439},{"i":442,"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":441},{"i":444,"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":443},{"i":446,"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":445},{"i":448,"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":447},{"i":450,"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":449},{"i":452,"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":451},{"i":454,"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":453},{"i":456,"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":455},{"i":458,"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":457},{"i":460,"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":459},{"i":462,"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":461},{"i":464,"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":463},{"i":466,"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":465},{"i":468,"t":"Blazor Bootstrap breadcrumb component indicates the current page's location within a navigational hierarchy that automatically adds separators.","s":"Blazor Breadcrumb","u":"/docs/components/breadcrumb","h":"","p":467},{"i":470,"t":"Name Type Descritpion Required Default Items List List of all the items. ✔️","s":"Parameters","u":"/docs/components/breadcrumb","h":"#parameters","p":467},{"i":473,"t":"
@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.","s":"Breadcrumb","u":"/docs/components/breadcrumb","h":"#breadcrumb","p":467},{"i":475,"t":"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.","s":"Dividers","u":"/docs/components/breadcrumb","h":"#dividers","p":467},{"i":477,"t":"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.","s":"Embedded SVG icon","u":"/docs/components/breadcrumb","h":"#embedded-svg-icon","p":467},{"i":479,"t":"Use Blazor Bootstrap button styles for actions in forms, dialogs, and more with support for multiple sizes, states, etc.","s":"Blazor Buttons","u":"/docs/components/buttons","h":"","p":478},{"i":481,"t":"Name Type Descritpion 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","s":"Parameters","u":"/docs/components/buttons","h":"#parameters","p":478},{"i":483,"t":"Name Description ShowLoading Shows the loading state and disables the button. HideLoading Hides the loading state and enables the button.","s":"Methods","u":"/docs/components/buttons","h":"#methods","p":478},{"i":486,"t":"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.","s":"Buttons","u":"/docs/components/buttons","h":"#buttons","p":478},{"i":488,"t":"

See button tags demo here.","s":"Button tags","u":"/docs/components/buttons","h":"#button-tags","p":478},{"i":490,"t":"

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.","s":"Outline Buttons","u":"/docs/components/buttons","h":"#outline-buttons","p":478},{"i":492,"t":"Fancy larger or smaller buttons? Add Size=\"Size.Large\" or Size=\"Size.Small\" for additional sizes.

See buttons with different size demo here.","s":"Sizes","u":"/docs/components/buttons","h":"#sizes","p":478},{"i":494,"t":"Make buttons look inactive by adding the Disabled=\"true\" boolean parameter to any

See button disabled state demo here.","s":"Disabled State","u":"/docs/components/buttons","h":"#disabled-state","p":478},{"i":496,"t":" @code { bool disableButton = true; string tooltip = \"\"; public void SwapDisable() { disableButton = !disableButton; tooltip = $\"Updated at {DateTime.Now}\"; } } See disable and enable state dynamically demo here.","s":"Disable and enable state dynamically","u":"/docs/components/buttons","h":"#disable-and-enable-state-dynamically","p":478},{"i":498,"t":"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.","s":"Block Buttons","u":"/docs/components/buttons","h":"#block-buttons","p":478},{"i":500,"t":"If you''re pre-toggling a button, you must manually add the Active=\"true\" parameter.

See button toogle states demo here.","s":"Toogle States","u":"/docs/components/buttons","h":"#toogle-states","p":478},{"i":502,"t":"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.","s":"Loading spinner","u":"/docs/components/buttons","h":"#loading-spinner","p":478},{"i":504,"t":"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.","s":"Show/Hide loading spinner","u":"/docs/components/buttons","h":"#showhide-loading-spinner","p":478},{"i":506,"t":"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.","s":"Show Tooltip","u":"/docs/components/buttons","h":"#show-tooltip","p":478},{"i":508,"t":"
@code { private string text = \"Tooltip text\"; private void ChangeTooltip() => text = $\"Updated {DateTime.Now.ToLongTimeString()}\"; } See demo here.","s":"Dynamically update the tooltip text","u":"/docs/components/buttons","h":"#dynamically-update-the-tooltip-text","p":478},{"i":510,"t":"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.","s":"Events","u":"/docs/components/buttons","h":"#events","p":478},{"i":512,"t":"BootstrapBootstrap's cards provide a flexible and extensible content container with multiple variants and options.","s":"Blazor Card","u":"/docs/components/card","h":"","p":511},{"i":514,"t":"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.","s":"About","u":"/docs/components/card","h":"#about","p":511},{"i":517,"t":"Name Type Descritpion 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","s":"Card Parameters","u":"/docs/components/card","h":"#card-parameters","p":511},{"i":519,"t":"Name Type Descritpion Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0","s":"CardBody Parameters","u":"/docs/components/card","h":"#cardbody-parameters","p":511},{"i":521,"t":"Name Type Descritpion Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0","s":"CardFooter Parameters","u":"/docs/components/card","h":"#cardfooter-parameters","p":511},{"i":523,"t":"Name Type Descritpion Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0","s":"CardGroup Parameters","u":"/docs/components/card","h":"#cardgroup-parameters","p":511},{"i":525,"t":"Name Type Descritpion Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0","s":"CardHeader Parameters","u":"/docs/components/card","h":"#cardheader-parameters","p":511},{"i":527,"t":"Name Type Descritpion 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","s":"CardLink Parameters","u":"/docs/components/card","h":"#cardlink-parameters","p":511},{"i":529,"t":"Name Type Descritpion 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","s":"CardSubTitle Parameters","u":"/docs/components/card","h":"#cardsubtitle-parameters","p":511},{"i":531,"t":"Name Type Descritpion Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0","s":"CardText Parameters","u":"/docs/components/card","h":"#cardtext-parameters","p":511},{"i":533,"t":"Name Type Descritpion 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","s":"CardTitle Parameters","u":"/docs/components/card","h":"#cardtitle-parameters","p":511},{"i":536,"t":"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.","s":"Card","u":"/docs/components/card","h":"#card","p":511},{"i":538,"t":"Cards support a wide variety of content, including images, text, list groups, links, and more. Below are examples of what’s supported.","s":"Content types","u":"/docs/components/card","h":"#content-types","p":511},{"i":540,"t":"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.","s":"Body","u":"/docs/components/card","h":"#body","p":511},{"i":542,"t":" 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.","s":"Titles, text, and links","u":"/docs/components/card","h":"#titles-text-and-links","p":511},{"i":544,"t":" \"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.","s":"Images","u":"/docs/components/card","h":"#images","p":511},{"i":546,"t":"Create lists of content in a card with a flush list group.
  • An item
  • A second item
  • A third item
 See the demo here.","s":"List groups","u":"/docs/components/card","h":"#list-groups","p":511},{"i":548,"t":"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.","s":"Kitchen sink","u":"/docs/components/card","h":"#kitchen-sink","p":511},{"i":550,"t":"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.","s":"Header and footer","u":"/docs/components/card","h":"#header-and-footer","p":511},{"i":552,"t":"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.","s":"Sizing","u":"/docs/components/card","h":"#sizing","p":511},{"i":554,"t":"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.","s":"Text alignment","u":"/docs/components/card","h":"#text-alignment","p":511},{"i":556,"t":" 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.","s":"Background and color","u":"/docs/components/card","h":"#background-and-color","p":511},{"i":558,"t":"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.","s":"Card groups","u":"/docs/components/card","h":"#card-groups","p":511},{"i":560,"t":"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.","s":"Card groups with footer","u":"/docs/components/card","h":"#card-groups-with-footer","p":511},{"i":562,"t":"Blazor Bootstrap callout component provides content presentation in a visually distinct manner.","s":"Blazor Callout","u":"/docs/components/callout","h":"","p":561},{"i":564,"t":"Name Type Default Required Descritpion 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","s":"Parameters","u":"/docs/components/callout","h":"#parameters","p":561},{"i":567,"t":" 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.","s":"Callout","u":"/docs/components/callout","h":"#callout","p":561},{"i":569,"t":" 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.","s":"Custom callout heading","u":"/docs/components/callout","h":"#custom-callout-heading","p":561},{"i":571,"t":"

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.","s":"Large text","u":"/docs/components/callout","h":"#large-text","p":561},{"i":573,"t":"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.","s":"Blazor Charts","u":"/docs/components/charts","h":"","p":572},{"i":575,"t":"See blazor chart demo here.","s":"Example","u":"/docs/components/charts","h":"#example","p":572},{"i":577,"t":"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.","s":"Chart Types","u":"/docs/components/charts","h":"#chart-types","p":572},{"i":579,"t":"See blazor bar chart demo here. See blazor bar chart full documentation here.","s":"Bar Chart","u":"/docs/components/charts","h":"#bar-chart","p":572},{"i":581,"t":"See blazor doughnut chart demo here. See blazor doughnut chart full documentation here.","s":"Doughnut Chart","u":"/docs/components/charts","h":"#doughnut-chart","p":572},{"i":583,"t":"See blazor line chart demo here. See blazor line chart full documentation here.","s":"Line Chart","u":"/docs/components/charts","h":"#line-chart","p":572},{"i":585,"t":"See blazor pie chart demo here. See blazor pie chart full documentation here.","s":"Pie Chart","u":"/docs/components/charts","h":"#pie-chart","p":572},{"i":587,"t":"Toggle the visibility of content across your project with the Blazor Bootstrap Collapse component.","s":"Blazor Collapse","u":"/docs/components/collapse","h":"","p":586},{"i":589,"t":"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","s":"Parameters","u":"/docs/components/collapse","h":"#parameters","p":586},{"i":591,"t":"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","s":"Methods","u":"/docs/components/collapse","h":"#methods","p":586},{"i":593,"t":"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","s":"Events","u":"/docs/components/collapse","h":"#events","p":586},{"i":595,"t":"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.","s":"How it works","u":"/docs/components/collapse","h":"#how-it-works","p":586},{"i":597,"t":"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","s":"Examples","u":"/docs/components/collapse","h":"#examples","p":586},{"i":599,"t":"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","s":"Horizontal","u":"/docs/components/collapse","h":"#horizontal","p":586},{"i":601,"t":"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();}","s":"Events Example","u":"/docs/components/collapse","h":"#events-example","p":586},{"i":603,"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":602},{"i":605,"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":604},{"i":607,"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":606},{"i":609,"t":"Use Blazor Bootstrap confirm dialog component if you want the user to verify or accept something.","s":"Blazor Confirm Dialog","u":"/docs/components/confirm-dialog","h":"","p":608},{"i":611,"t":"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","s":"Methods","u":"/docs/components/confirm-dialog","h":"#methods","p":608},{"i":613,"t":"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","s":"ConfirmDialogOptions Properties","u":"/docs/components/confirm-dialog","h":"#confirmdialogoptions-properties","p":608},{"i":616,"t":" @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.","s":"Confirm Dialog","u":"/docs/components/confirm-dialog","h":"#confirm-dialog","p":608},{"i":618,"t":"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.","s":"Dynamic component as confirm dialog","u":"/docs/components/confirm-dialog","h":"#dynamic-component-as-confirm-dialog","p":608},{"i":620,"t":"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.","s":"Change buttons text and color","u":"/docs/components/confirm-dialog","h":"#change-buttons-text-and-color","p":608},{"i":622,"t":"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.","s":"Optional sizes","u":"/docs/components/confirm-dialog","h":"#optional-sizes","p":608},{"i":624,"t":"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.","s":"Scrolling long content","u":"/docs/components/confirm-dialog","h":"#scrolling-long-content","p":608},{"i":626,"t":"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.","s":"Vertically centered","u":"/docs/components/confirm-dialog","h":"#vertically-centered","p":608},{"i":628,"t":"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.","s":"Blazor Dropdown","u":"/docs/components/dropdown","h":"","p":627},{"i":630,"t":"Name Type Descritpion 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 dropdown direction. DropdownDirection.Dropdown 1.10.0 Split bool Gets or sets the toggle button split behavior. false 1.10.0","s":"Dropdown Parameters","u":"/docs/components/dropdown","h":"#dropdown-parameters","p":627},{"i":632,"t":"Name Type Descritpion 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 Size Size Gets or sets the button size. 1.10.0 TabIndex int? If defined, indicates that its element can be focused and can participates in sequential keyboard navigation. 1.10.0","s":"DropdownToggleButton Parameters","u":"/docs/components/dropdown","h":"#dropdowntogglebutton-parameters","p":627},{"i":634,"t":"Name Type Descritpion 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 Size Size Gets or sets the button size. 1.10.0 TabIndex int? If defined, indicates that its element can be focused and can participates in sequential keyboard navigation. 1.10.0","s":"DropdownActionButton Parameters","u":"/docs/components/dropdown","h":"#dropdownactionbutton-parameters","p":627},{"i":636,"t":"Name Type Descritpion 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","s":"DropdownMenu Parameters","u":"/docs/components/dropdown","h":"#dropdownmenu-parameters","p":627},{"i":638,"t":"Name Type Descritpion Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside the DropdownHeader. 1.10.0","s":"DropdownHeader Parameters","u":"/docs/components/dropdown","h":"#dropdownheader-parameters","p":627},{"i":640,"t":"Name Type Descritpion 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","s":"DropdownItem Parameters","u":"/docs/components/dropdown","h":"#dropdownitem-parameters","p":627},{"i":642,"t":"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","s":"Dropdown Methods","u":"/docs/components/dropdown","h":"#dropdown-methods","p":627},{"i":644,"t":"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","s":"Dropdown Events","u":"/docs/components/dropdown","h":"#dropdown-events","p":627},{"i":647,"t":" Dropdown button Action Another action Something else here See the demo here.","s":"Single button","u":"/docs/components/dropdown","h":"#single-button","p":627},{"i":649,"t":"
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.","s":"Color","u":"/docs/components/dropdown","h":"#color","p":627},{"i":651,"t":"
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.","s":"Split button","u":"/docs/components/dropdown","h":"#split-button","p":627},{"i":653,"t":"
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.","s":"Sizing","u":"/docs/components/dropdown","h":"#sizing","p":627},{"i":656,"t":"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.","s":"Dropup","u":"/docs/components/dropdown","h":"#dropup","p":627},{"i":658,"t":"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.","s":"Dropup centered","u":"/docs/components/dropdown","h":"#dropup-centered","p":627},{"i":660,"t":"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.","s":"Dropend","u":"/docs/components/dropdown","h":"#dropend","p":627},{"i":662,"t":"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.","s":"Dropstart","u":"/docs/components/dropdown","h":"#dropstart","p":627},{"i":664,"t":"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.","s":"Active","u":"/docs/components/dropdown","h":"#active","p":627},{"i":666,"t":"To style DropdownItem as disabled, add the Disabled=\"true\" parameter to the DropdownItem element in the DropdownMenu component. Dropstart Action Another action Something else here See the demo here.","s":"Disabled","u":"/docs/components/dropdown","h":"#disabled","p":627},{"i":668,"t":"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.","s":"Menu position","u":"/docs/components/dropdown","h":"#menu-position","p":627},{"i":671,"t":"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.","s":"Header","u":"/docs/components/dropdown","h":"#header","p":627},{"i":673,"t":"Separate groups of related menu items with a divider. Dropdown Action Another action Something else here Dropdown header Separated link See the demo here.","s":"Dividers","u":"/docs/components/dropdown","h":"#dividers","p":627},{"i":675,"t":"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.","s":"Text","u":"/docs/components/dropdown","h":"#text","p":627},{"i":677,"t":"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.","s":"Forms","u":"/docs/components/dropdown","h":"#forms","p":627},{"i":679,"t":"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.","s":"Auto close behavior","u":"/docs/components/dropdown","h":"#auto-close-behavior","p":627},{"i":681,"t":" 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.","s":"Methods","u":"/docs/components/dropdown","h":"#methods","p":627},{"i":683,"t":"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.","s":"Events","u":"/docs/components/dropdown","h":"#events","p":627},{"i":685,"t":"Use Blazor Bootstrap modal component to add dialogs to your site for lightboxes, user notifications, or completely custom content.","s":"Blazor Modal","u":"/docs/components/modal","h":"","p":684},{"i":687,"t":"Name Type Descritpion 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","s":"Parameters","u":"/docs/components/modal","h":"#parameters","p":684},{"i":689,"t":"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.","s":"Methods","u":"/docs/components/modal","h":"#methods","p":684},{"i":691,"t":"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.","s":"Callback Events","u":"/docs/components/modal","h":"#callback-events","p":684},{"i":693,"t":"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.","s":"How it works","u":"/docs/components/modal","h":"#how-it-works","p":684},{"i":696,"t":"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.","s":"Modal","u":"/docs/components/modal","h":"#modal","p":684},{"i":698,"t":"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.","s":"Dynamic component as modal","u":"/docs/components/modal","h":"#dynamic-component-as-modal","p":684},{"i":700,"t":"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.","s":"Pass event callbacks to a dynamic component","u":"/docs/components/modal","h":"#pass-event-callbacks-to-a-dynamic-component","p":684},{"i":702,"t":"When UseStaticBackdrop is set to true, the modal will not close when clicking outside it. 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.","s":"Static backdrop","u":"/docs/components/modal","h":"#static-backdrop","p":684},{"i":704,"t":"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.","s":"Scrolling long content","u":"/docs/components/modal","h":"#scrolling-long-content","p":684},{"i":706,"t":"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.","s":"Vertically centered","u":"/docs/components/modal","h":"#vertically-centered","p":684},{"i":708,"t":"

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.","s":"Vertically centered and scrollable","u":"/docs/components/modal","h":"#vertically-centered-and-scrollable","p":684},{"i":710,"t":"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.","s":"Optional sizes","u":"/docs/components/modal","h":"#optional-sizes","p":684},{"i":712,"t":" ... ... ... ... ... ... @code { private Modal modal; private Modal smModal; private Modal mdModal; private Modal lgModal; private Modal xlModal; private Modal xxlModal;} See demo here.","s":"Fullscreen Modal","u":"/docs/components/modal","h":"#fullscreen-modal","p":684},{"i":714,"t":"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.","s":"Callback Events","u":"/docs/components/modal","h":"#callback-events-1","p":684},{"i":716,"t":"Build hidden sidebars into your project for navigation, shopping carts, and more with Blazor Bootstrap offcanvas component.","s":"Blazor Offcanvas","u":"/docs/components/offcanvas","h":"","p":715},{"i":718,"t":"Name Type Descritpion 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","s":"Parameters","u":"/docs/components/offcanvas","h":"#parameters","p":715},{"i":720,"t":"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.","s":"Methods","u":"/docs/components/offcanvas","h":"#methods","p":715},{"i":722,"t":"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).","s":"Callback Events","u":"/docs/components/offcanvas","h":"#callback-events","p":715},{"i":724,"t":"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.","s":"How it works","u":"/docs/components/offcanvas","h":"#how-it-works","p":715},{"i":727,"t":"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.","s":"Offcanvas","u":"/docs/components/offcanvas","h":"#offcanvas","p":715},{"i":729,"t":"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.","s":"Dynamic component as offcanvas","u":"/docs/components/offcanvas","h":"#dynamic-component-as-offcanvas","p":715},{"i":731,"t":"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.","s":"Pass event callbacks to a dynamic component","u":"/docs/components/offcanvas","h":"#pass-event-callbacks-to-a-dynamic-component","p":715},{"i":733,"t":"Try the top, bottom, and left examples out below. ... @code { private Offcanvas offcanvas; private async Task OnShowOffcanvasClick() { await offcanvas?.ShowAsync(); }} See demo here.","s":"Placement","u":"/docs/components/offcanvas","h":"#placement","p":715},{"i":735,"t":"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.","s":"Static backdrop","u":"/docs/components/offcanvas","h":"#static-backdrop","p":715},{"i":737,"t":"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(); }}","s":"Sizes","u":"/docs/components/offcanvas","h":"#sizes","p":715},{"i":739,"t":"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.","s":"Callback Events","u":"/docs/components/offcanvas","h":"#callback-events-1","p":715},{"i":741,"t":"Use Blazor Bootstrap pagination component to indicate a series of related content exists across multiple pages.","s":"Blazor Pagination","u":"/docs/components/pagination","h":"","p":740},{"i":743,"t":"Name Type Descritpion 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.","s":"Parameters","u":"/docs/components/pagination","h":"#parameters","p":740},{"i":745,"t":"Event Description PageChanged This event fires immediately when the page number is changed.","s":"Callback Events","u":"/docs/components/pagination","h":"#callback-events","p":740},{"i":748,"t":"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.","s":"Pagination","u":"/docs/components/pagination","h":"#pagination","p":740},{"i":750,"t":" See demo here.","s":"Working with icons","u":"/docs/components/pagination","h":"#working-with-icons","p":740},{"i":752,"t":" See demo here.","s":"Disabled and active states","u":"/docs/components/pagination","h":"#disabled-and-active-states","p":740},{"i":754,"t":"Fancy larger or smaller pagination? Add Size=\"PaginationSize.Small\" or Size=\"PaginationSize.Large\" for additional sizes. See demo here.","s":"Sizing","u":"/docs/components/pagination","h":"#sizing","p":740},{"i":756,"t":" See demo here.","s":"Alignment","u":"/docs/components/pagination","h":"#alignment","p":740},{"i":758,"t":"Current Page Number: @currentPageNumber @code { int currentPageNumber = 2; private async Task OnPageChangedAsync(int newPageNumber) { await Task.Run(() => { currentPageNumber = newPageNumber; }); }} See demo here.","s":"Callback Events","u":"/docs/components/pagination","h":"#callback-events-1","p":740},{"i":760,"t":"Use Blazor Bootstrap loading placeholders for your components or pages to indicate something may still be loading.","s":"Blazor Placeholders","u":"/docs/components/placeholders","h":"","p":759},{"i":762,"t":"Name Type Descritpion Required Default Animation PlaceholderAnimation Gets or sets the placeholder animation. PlaceholderAnimation.Glow ChildContent RenderFragment Specifies the content to be rendered inside this.","s":"PlaceholderContainer Parameters","u":"/docs/components/placeholders","h":"#placeholdercontainer-parameters","p":759},{"i":764,"t":"Name Type Descritpion 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","s":"Placeholder Parameters","u":"/docs/components/placeholders","h":"#placeholder-parameters","p":759},{"i":767,"t":" See demo here.","s":"Placeholders","u":"/docs/components/placeholders","h":"#placeholders","p":759},{"i":769,"t":"You can change the width through PlaceholderWidth, width utilities, or inline styles. See demo here.","s":"Width","u":"/docs/components/placeholders","h":"#width","p":759},{"i":771,"t":"By default, the placeholder uses currentColor. This can be overridden with the Color property of type enum. See demo here.","s":"Color","u":"/docs/components/placeholders","h":"#color","p":759},{"i":773,"t":"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.","s":"Sizing","u":"/docs/components/placeholders","h":"#sizing","p":759},{"i":775,"t":"Animate placeholders with PlaceholderAnimation.Glow or PlaceholderAnimation.Wave to better convey the perception of something being actively loaded.

See demo here.","s":"Animation","u":"/docs/components/placeholders","h":"#animation","p":759},{"i":777,"t":"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.","s":"Blazor Preload","u":"/docs/components/preload","h":"","p":776},{"i":779,"t":"Name Type Default Descritpion Required Version Added ChildContent RenderFragment null Specifies the content to be rendered inside this. 1.1.0","s":"Parameters","u":"/docs/components/preload","h":"#parameters","p":776},{"i":782,"t":"Name Return Type Description Added Version Show(SpinnerColor spinnerColor = SpinnerColor.Light) void Shows the preload. 1.1.0 Hide() void Hides the preload. 1.1.0","s":"Methods","u":"/docs/components/preload","h":"#methods","p":776},{"i":784,"t":"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, 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.","s":"Global preload service for the application","u":"/docs/components/preload","h":"#global-preload-service-for-the-application","p":776},{"i":786,"t":"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.","s":"Change spinner color","u":"/docs/components/preload","h":"#change-spinner-color","p":776},{"i":788,"t":"Documentation and examples for how to use Blazor Bootstrap tabs components.","s":"Blazor Tabs","u":"/docs/components/tabs","h":"","p":787},{"i":790,"t":"Name Type Descritpion Required Default ChildContent RenderFragment Specifies the content to be rendered inside this. EnableFadeEffect bool Gets or sets the tabs fade effect. false NavStyle NavStyle Get or sets the nav style. NavStyle.Tabs","s":"Tabs Parameters","u":"/docs/components/tabs","h":"#tabs-parameters","p":787},{"i":792,"t":"Name Description ShowFirstTabAsync Selects the first tab and show its associated pane. ShowLastTabAsync Selects the last tab and show its associated pane. ShowTabByNameAsync(string) Selects the tab by name and show its associated pane. ShowTabByIndexAsync(int) Selects the tab by index and show its associated pane.","s":"Tabs Methods","u":"/docs/components/tabs","h":"#tabs-methods","p":787},{"i":794,"t":"Name Type Descritpion Required Default Title string Gets or sets the tab title. TitleTemplate RenderFragment Gets or sets the tab title template. Content RenderFragment Specifies the content to be rendered inside the tab. ✔️ IsActive bool Gets or sets the active tab. false Disabled bool Gets or sets the disabled. false Note Either Title or TitleTemplate is required.","s":"Tab Parameters","u":"/docs/components/tabs","h":"#tab-parameters","p":787},{"i":797,"t":"

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.","s":"Tabs","u":"/docs/components/tabs","h":"#tabs","p":787},{"i":799,"t":"To make tabs fade in, add EnableFadeEffect=\"true\". The first tab pane must also have IsActive=\"true\" to make the initial content visible.

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.","s":"Fade effect","u":"/docs/components/tabs","h":"#fade-effect","p":787},{"i":801,"t":"To customize the tab title, use TitleTemplate, as shown in the below 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.","s":"Title with icon","u":"/docs/components/tabs","h":"#title-with-icon","p":787},{"i":803,"t":"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.","s":"Disable Tab","u":"/docs/components/tabs","h":"#disable-tab","p":787},{"i":805,"t":"Use NavStyle=\"NavStyle.Pills\" parameter to change the tabs to 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.","s":"Pills","u":"/docs/components/tabs","h":"#pills","p":787},{"i":807,"t":"You can activate individual tabs in several ways. Use predefined methods 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.","s":"Activate individual tabs","u":"/docs/components/tabs","h":"#activate-individual-tabs","p":787},{"i":809,"t":"When showing a new tab, the events fire in the following order: OnHiding (on the current active tab) OnShowing (on the to-be-shown tab) OnHidden (on the previous active tab, the same one as for the OnHiding event) OnShown (on the newly-active just-shown tab, the same one as for the OnShowing event) Note If no tab was already active, then the OnHiding and OnHidden events will not be fired. See demo here.","s":"Callback Events","u":"/docs/components/tabs","h":"#callback-events","p":787},{"i":811,"t":"

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.","s":"Set active tab OnAfterRender","u":"/docs/components/tabs","h":"#set-active-tab-onafterrender","p":787},{"i":813,"t":"Documentation and examples for using the Blazor Bootstrap progress component featuring support for stacked bars, animated backgrounds, and text labels.","s":"Blazor Progress","u":"/docs/components/progress","h":"","p":812},{"i":815,"t":"Name Type Default Required Descritpion 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.","s":"Progress Parameters","u":"/docs/components/progress","h":"#progress-parameters","p":812},{"i":817,"t":"Name Type Default Required Descritpion 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.","s":"ProgressBar Parameters","u":"/docs/components/progress","h":"#progressbar-parameters","p":812},{"i":819,"t":"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.","s":"ProgressBar Methods","u":"/docs/components/progress","h":"#progressbar-methods","p":812},{"i":822,"t":" See demo here.","s":"How it works","u":"/docs/components/progress","h":"#how-it-works","p":812},{"i":824,"t":"Add labels to your Blazor ProgressBar component using the Label parameter or by calling the SetLabel(...) method. See demo here.","s":"Labels","u":"/docs/components/progress","h":"#labels","p":812},{"i":826,"t":"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.","s":"Set width programmatically","u":"/docs/components/progress","h":"#set-width-programmatically","p":812},{"i":828,"t":"Set the height of the Blazor Progress by using the Height parameter. Height is measured in pixels. See demo here.","s":"Height","u":"/docs/components/progress","h":"#height","p":812},{"i":830,"t":"Use the Color parameter or the SetColor(ProgressColor color) method to change the appearance of individual Blazor ProgressBar components. See demo here.","s":"Backgrounds","u":"/docs/components/progress","h":"#backgrounds","p":812},{"i":832,"t":"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.","s":"Set background programmatically","u":"/docs/components/progress","h":"#set-background-programmatically","p":812},{"i":834,"t":"Include multiple Blazor ProgressBar components in a Blazor Progress component if needed. See demo here.","s":"Multiple bars","u":"/docs/components/progress","h":"#multiple-bars","p":812},{"i":836,"t":"Add Type=\"ProgressType.Striped\" to any Blazor ProgressBar component to apply a stripe. See demo here.","s":"Striped","u":"/docs/components/progress","h":"#striped","p":812},{"i":838,"t":"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.","s":"Animated stripes","u":"/docs/components/progress","h":"#animated-stripes","p":812},{"i":840,"t":"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.","s":"Blazor Toasts","u":"/docs/components/toasts","h":"","p":839},{"i":842,"t":"Name Type Descritpion 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","s":"Toasts Parameters","u":"/docs/components/toasts","h":"#toasts-parameters","p":839},{"i":844,"t":"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","s":"ToastMessage Properties","u":"/docs/components/toasts","h":"#toastmessage-properties","p":839},{"i":847,"t":"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.","s":"Toast","u":"/docs/components/toasts","h":"#toast","p":839},{"i":849,"t":"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.","s":"Toast without title","u":"/docs/components/toasts","h":"#toast-without-title","p":839},{"i":851,"t":"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.","s":"Auto hide","u":"/docs/components/toasts","h":"#auto-hide","p":839},{"i":853,"t":"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.","s":"Auto hide individual messages","u":"/docs/components/toasts","h":"#auto-hide-individual-messages","p":839},{"i":855,"t":"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.","s":"Placement","u":"/docs/components/toasts","h":"#placement","p":839},{"i":857,"t":"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.","s":"Stack Length","u":"/docs/components/toasts","h":"#stack-length","p":839},{"i":859,"t":"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}.\")); } }}","s":"Global toasts service for the application","u":"/docs/components/toasts","h":"#global-toasts-service-for-the-application","p":839},{"i":861,"t":"Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages.","s":"Blazor Tooltips","u":"/docs/components/tooltips","h":"","p":860},{"i":863,"t":"Name Type Descritpion 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 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","s":"Parameters","u":"/docs/components/tooltips","h":"#parameters","p":860},{"i":866,"t":"
Tooltip Left
Tooltip Top
Tooltip Right
Tooltip Bottom
See tooltips demo here.","s":"Tooltips","u":"/docs/components/tooltips","h":"#tooltips","p":860},{"i":868,"t":" See disabled button with tooltip demo here.","s":"Disabled button with tooltip","u":"/docs/components/tooltips","h":"#disabled-button-with-tooltip","p":860},{"i":870,"t":" @code { private void OnClick() { Console.WriteLine($\"clicked\"); }} See icon with tooltip demo here.","s":"Tooltip icon with click event","u":"/docs/components/tooltips","h":"#tooltip-icon-with-click-event","p":860},{"i":872,"t":"
Tooltip Bottom
@code { private string text = \"Tooltip text\"; private void ChangeTooltip() => text = $\"Updated {DateTime.Now.ToLongTimeString()}\";} see demo here","s":"Dynamically update the tooltip text","u":"/docs/components/tooltips","h":"#dynamically-update-the-tooltip-text","p":860},{"i":874,"t":"Blazor Bootstrap icon component will display an icon from any icon font.","s":"Blazor Icons","u":"/docs/content/icons","h":"","p":873},{"i":876,"t":"Install Bootstrap Icons or other. Refer: Bootstrap Icons Include the icon fonts stylesheet in your website or @import in CSS from CDN. ","s":"Prerequisites","u":"/docs/content/icons","h":"#prerequisites","p":873},{"i":878,"t":"Name Type Descritpion 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.","s":"Parameters","u":"/docs/content/icons","h":"#parameters","p":873},{"i":881,"t":" See icons demo here.","s":"Icons","u":"/docs/content/icons","h":"#icons","p":873},{"i":883,"t":" See icons with different size demo here.","s":"Sizes","u":"/docs/content/icons","h":"#sizes","p":873},{"i":885,"t":" See icons with different size demo here.","s":"Colors","u":"/docs/content/icons","h":"#colors","p":873},{"i":887,"t":"Inline text See inline text with icon demo here.","s":"Inline text with icon","u":"/docs/content/icons","h":"#inline-text-with-icon","p":873},{"i":889,"t":" Example link text See link with icon demo here.","s":"Link with icon","u":"/docs/content/icons","h":"#link-with-icon","p":873},{"i":891,"t":" Example link text See link with custom icon demo here.","s":"Link with custom icon","u":"/docs/content/icons","h":"#link-with-custom-icon","p":873},{"i":893,"t":" See button with icon and text demo here.","s":"Button with icon and text","u":"/docs/content/icons","h":"#button-with-icon-and-text","p":873},{"i":895,"t":" See button with icon only demo here.","s":"Button with icon only","u":"/docs/content/icons","h":"#button-with-icon-only","p":873},{"i":897,"t":"See all bootstrap icons demo here.","s":"Bootstrap Icons","u":"/docs/content/icons","h":"#bootstrap-icons","p":873},{"i":899,"t":"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.","s":"Blazor Bar Chart","u":"/docs/data-visualization/bar-chart","h":"","p":898},{"i":901,"t":"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","s":"Parameters","u":"/docs/data-visualization/bar-chart","h":"#parameters","p":898},{"i":903,"t":"Name Return type Descritpion 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","s":"Methods","u":"/docs/data-visualization/bar-chart","h":"#methods","p":898},{"i":905,"t":"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","s":"ChartData Members","u":"/docs/data-visualization/bar-chart","h":"#chartdata-members","p":898},{"i":907,"t":"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","s":"BarChartDataset Members","u":"/docs/data-visualization/bar-chart","h":"#barchartdataset-members","p":898},{"i":909,"t":"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","s":"BarChartDatasetDataLabels Members","u":"/docs/data-visualization/bar-chart","h":"#barchartdatasetdatalabels-members","p":898},{"i":911,"t":"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","s":"BarChartOptions Members","u":"/docs/data-visualization/bar-chart","h":"#barchartoptions-members","p":898},{"i":914,"t":"Refer to the getting started guide for setting up charts.","s":"Prerequisites","u":"/docs/data-visualization/bar-chart","h":"#prerequisites","p":898},{"i":916,"t":"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.","s":"How it works","u":"/docs/data-visualization/bar-chart","h":"#how-it-works","p":898},{"i":918,"t":" @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.","s":"Horizontal bar chart","u":"/docs/data-visualization/bar-chart","h":"#horizontal-bar-chart","p":898},{"i":920,"t":" @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.","s":"Stacked bar chart","u":"/docs/data-visualization/bar-chart","h":"#stacked-bar-chart","p":898},{"i":922,"t":"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.","s":"Locale","u":"/docs/data-visualization/bar-chart","h":"#locale","p":898},{"i":924,"t":" @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.","s":"Data labels","u":"/docs/data-visualization/bar-chart","h":"#data-labels","p":898},{"i":926,"t":"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.","s":"Blazor Doughnut Chart","u":"/docs/data-visualization/doughnut-chart","h":"","p":925},{"i":928,"t":"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","s":"Parameters","u":"/docs/data-visualization/doughnut-chart","h":"#parameters","p":925},{"i":930,"t":"Name Return type Descritpion 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","s":"Methods","u":"/docs/data-visualization/doughnut-chart","h":"#methods","p":925},{"i":932,"t":"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","s":"ChartData Members","u":"/docs/data-visualization/doughnut-chart","h":"#chartdata-members","p":925},{"i":934,"t":"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","s":"DoughnutChartDataset Members","u":"/docs/data-visualization/doughnut-chart","h":"#doughnutchartdataset-members","p":925},{"i":936,"t":"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","s":"DoughnutChartDatasetDataLabels Members","u":"/docs/data-visualization/doughnut-chart","h":"#doughnutchartdatasetdatalabels-members","p":925},{"i":938,"t":"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","s":"DoughnutChartOptions Members","u":"/docs/data-visualization/doughnut-chart","h":"#doughnutchartoptions-members","p":925},{"i":941,"t":"Refer to the getting started guide for setting up charts.","s":"Prerequisites","u":"/docs/data-visualization/doughnut-chart","h":"#prerequisites","p":925},{"i":943,"t":"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.","s":"How it works","u":"/docs/data-visualization/doughnut-chart","h":"#how-it-works","p":925},{"i":945,"t":"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.","s":"Locale","u":"/docs/data-visualization/doughnut-chart","h":"#locale","p":925},{"i":947,"t":" @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.","s":"Data labels","u":"/docs/data-visualization/doughnut-chart","h":"#data-labels","p":925},{"i":949,"t":"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.","s":"Blazor Line Chart","u":"/docs/data-visualization/line-chart","h":"","p":948},{"i":951,"t":"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","s":"Parameters","u":"/docs/data-visualization/line-chart","h":"#parameters","p":948},{"i":953,"t":"Name Return type Descritpion 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","s":"Methods","u":"/docs/data-visualization/line-chart","h":"#methods","p":948},{"i":955,"t":"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","s":"ChartData Members","u":"/docs/data-visualization/line-chart","h":"#chartdata-members","p":948},{"i":957,"t":"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","s":"LineChartDataset Members","u":"/docs/data-visualization/line-chart","h":"#linechartdataset-members","p":948},{"i":959,"t":"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","s":"LineChartDatasetDataLabels Members","u":"/docs/data-visualization/line-chart","h":"#linechartdatasetdatalabels-members","p":948},{"i":961,"t":"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","s":"LineChartOptions Members","u":"/docs/data-visualization/line-chart","h":"#linechartoptions-members","p":948},{"i":964,"t":"Refer to the getting started guide for setting up charts.","s":"Prerequisites","u":"/docs/data-visualization/line-chart","h":"#prerequisites","p":948},{"i":966,"t":"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}","s":"How it works","u":"/docs/data-visualization/line-chart","h":"#how-it-works","p":948},{"i":968,"t":"@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.","s":"Another example","u":"/docs/data-visualization/line-chart","h":"#another-example","p":948},{"i":970,"t":" @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.","s":"Data labels","u":"/docs/data-visualization/line-chart","h":"#data-labels","p":948},{"i":972,"t":"A Blazor Bootstrap pie chart component is a circular chart that shows the proportional values of different categories.","s":"Blazor Pie Chart Components","u":"/docs/data-visualization/pie-chart","h":"","p":971},{"i":974,"t":"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","s":"Parameters","u":"/docs/data-visualization/pie-chart","h":"#parameters","p":971},{"i":976,"t":"Name Return type Descritpion 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","s":"Methods","u":"/docs/data-visualization/pie-chart","h":"#methods","p":971},{"i":978,"t":"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","s":"ChartData Members","u":"/docs/data-visualization/pie-chart","h":"#chartdata-members","p":971},{"i":980,"t":"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","s":"PieChartDataset Members","u":"/docs/data-visualization/pie-chart","h":"#piechartdataset-members","p":971},{"i":982,"t":"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","s":"PieChartDatasetDataLabels Members","u":"/docs/data-visualization/pie-chart","h":"#piechartdatasetdatalabels-members","p":971},{"i":984,"t":"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","s":"PieChartOptions Members","u":"/docs/data-visualization/pie-chart","h":"#piechartoptions-members","p":971},{"i":987,"t":"Refer to the getting started guide for setting up charts.","s":"Prerequisites","u":"/docs/data-visualization/pie-chart","h":"#prerequisites","p":971},{"i":989,"t":"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.","s":"How it works","u":"/docs/data-visualization/pie-chart","h":"#how-it-works","p":971},{"i":991,"t":" @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.","s":"Data labels","u":"/docs/data-visualization/pie-chart","h":"#data-labels","p":971},{"i":993,"t":"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.","s":"Blazor Auto Complete","u":"/docs/forms/autocomplete","h":"","p":992},{"i":995,"t":"Name Type Default Required Descritpion 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 empty 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","s":"Parameters","u":"/docs/forms/autocomplete","h":"#parameters","p":992},{"i":997,"t":"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","s":"Methods","u":"/docs/forms/autocomplete","h":"#methods","p":992},{"i":999,"t":"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","s":"Events","u":"/docs/forms/autocomplete","h":"#events","p":992},{"i":1001,"t":"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","s":"Keyboard Navigation","u":"/docs/forms/autocomplete","h":"#keyboard-navigation","p":992},{"i":1004,"t":"
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","s":"Client side data","u":"/docs/forms/autocomplete","h":"#client-side-data","p":992},{"i":1006,"t":"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","s":"Client side data with StringComparision","u":"/docs/forms/autocomplete","h":"#client-side-data-with-stringcomparision","p":992},{"i":1008,"t":"
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","s":"Server side data","u":"/docs/forms/autocomplete","h":"#server-side-data","p":992},{"i":1010,"t":"
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","s":"Set default value","u":"/docs/forms/autocomplete","h":"#set-default-value","p":992},{"i":1012,"t":"@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","s":"Validations","u":"/docs/forms/autocomplete","h":"#validations","p":992},{"i":1014,"t":"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","s":"Disable","u":"/docs/forms/autocomplete","h":"#disable","p":992},{"i":1016,"t":"Use the Blazor Bootstrap CurrencyInput component to show the numbers in the user's locale format, including the currency symbol.","s":"Blazor Currency Input","u":"/docs/forms/currency-input","h":"","p":1015},{"i":1018,"t":"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.","s":"Parameters","u":"/docs/forms/currency-input","h":"#parameters","p":1015},{"i":1020,"t":"Name Description Disable() Disables currency input. Enable() Enables currency input.","s":"Methods","u":"/docs/forms/currency-input","h":"#methods","p":1015},{"i":1022,"t":"Name Description ValueChanged This event fired on every user keystroke that changes the CurrencyInput value.","s":"Events","u":"/docs/forms/currency-input","h":"#events","p":1015},{"i":1025,"t":"By default, e + - are blocked. For all integral numeric types, dot . is blocked.
Entered Amount: @amount1
@code { private int amount1 = 12345678;} See demo here","s":"Basic usage","u":"/docs/forms/currency-input","h":"#basic-usage","p":1015},{"i":1027,"t":"
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","s":"Show currency symbols for the different locales","u":"/docs/forms/currency-input","h":"#show-currency-symbols-for-the-different-locales","p":1015},{"i":1029,"t":"Set HideCurrencySymbol parameter value to true to hide the currency symbol.
Entered Value: @amount1
@code { private double amount1 = 4.33;} See demo here","s":"Hide currency symbol","u":"/docs/forms/currency-input","h":"#hide-currency-symbol","p":1015},{"i":1031,"t":"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","s":"Using fraction digits and integer digits","u":"/docs/forms/currency-input","h":"#using-fraction-digits-and-integer-digits","p":1015},{"i":1033,"t":"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","s":"Wrap the number with parentheses instead of appending a minus sign","u":"/docs/forms/currency-input","h":"#wrap-the-number-with-parentheses-instead-of-appending-a-minus-sign","p":1015},{"i":1035,"t":"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","s":"Generic type","u":"/docs/forms/currency-input","h":"#generic-type","p":1015},{"i":1037,"t":"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","s":"Enable min and max","u":"/docs/forms/currency-input","h":"#enable-min-and-max","p":1015},{"i":1039,"t":"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","s":"Text alignment","u":"/docs/forms/currency-input","h":"#text-alignment","p":1015},{"i":1041,"t":"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","s":"Allow negative numbers","u":"/docs/forms/currency-input","h":"#allow-negative-numbers","p":1015},{"i":1043,"t":"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","s":"Disable","u":"/docs/forms/currency-input","h":"#disable","p":1015},{"i":1045,"t":"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","s":"Validations","u":"/docs/forms/currency-input","h":"#validations","p":1015},{"i":1047,"t":"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","s":"Events: ValueChanged","u":"/docs/forms/currency-input","h":"#events-valuechanged","p":1015},{"i":1049,"t":"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.","s":"Blazor Date Input","u":"/docs/forms/date-input","h":"","p":1048},{"i":1051,"t":"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","s":"Parameters","u":"/docs/forms/date-input","h":"#parameters","p":1048},{"i":1053,"t":"Name Description Added Version Disable Disables date input. 1.5.0 Enable Enables date input. 1.5.0","s":"Methods","u":"/docs/forms/date-input","h":"#methods","p":1048},{"i":1055,"t":"Name Description ValueChanged This event fired on every user keystroke that changes the DateInput value.","s":"Events","u":"/docs/forms/date-input","h":"#events","p":1048},{"i":1058,"t":"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","s":"Basic usage","u":"/docs/forms/date-input","h":"#basic-usage","p":1048},{"i":1060,"t":"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","s":"Generic type","u":"/docs/forms/date-input","h":"#generic-type","p":1048},{"i":1062,"t":"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","s":"Enable min and max","u":"/docs/forms/date-input","h":"#enable-min-and-max","p":1048},{"i":1064,"t":"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","s":"Disable","u":"/docs/forms/date-input","h":"#disable","p":1048},{"i":1066,"t":"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","s":"Validations","u":"/docs/forms/date-input","h":"#validations","p":1048},{"i":1068,"t":"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","s":"Events: ValueChanged","u":"/docs/forms/date-input","h":"#events-valuechanged","p":1048},{"i":1070,"t":"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; } }}","s":"Restrict the date field based on the entry in another date field","u":"/docs/forms/date-input","h":"#restrict-the-date-field-based-on-the-entry-in-another-date-field","p":1048},{"i":1072,"t":"Blazor Bootstrap NumberInput component is built around HTML input of type=\"number\" that prevents the user input based on the parameters set.","s":"Blazor Number Input","u":"/docs/forms/number-input","h":"","p":1071},{"i":1074,"t":"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.","s":"Parameters","u":"/docs/forms/number-input","h":"#parameters","p":1071},{"i":1076,"t":"Name Description Disable Disables number input. Enable Enables number input.","s":"Methods","u":"/docs/forms/number-input","h":"#methods","p":1071},{"i":1078,"t":"Name Description ValueChanged This event fired on every user keystroke that changes the NumberInput value.","s":"Events","u":"/docs/forms/number-input","h":"#events","p":1071},{"i":1081,"t":"By default, e + - are blocked. For all integral numeric types, dot . is blocked.
Entered Amount: @amount
@code { private int amount;} See demo here","s":"Basic usage","u":"/docs/forms/number-input","h":"#basic-usage","p":1071},{"i":1083,"t":"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","s":"Generic type","u":"/docs/forms/number-input","h":"#generic-type","p":1071},{"i":1085,"t":"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","s":"Enable min and max","u":"/docs/forms/number-input","h":"#enable-min-and-max","p":1071},{"i":1087,"t":"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","s":"Step","u":"/docs/forms/number-input","h":"#step","p":1071},{"i":1089,"t":"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","s":"Text alignment","u":"/docs/forms/number-input","h":"#text-alignment","p":1071},{"i":1091,"t":"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","s":"Allow negative numbers","u":"/docs/forms/number-input","h":"#allow-negative-numbers","p":1071},{"i":1093,"t":"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","s":"Disable","u":"/docs/forms/number-input","h":"#disable","p":1071},{"i":1095,"t":"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","s":"Validations","u":"/docs/forms/number-input","h":"#validations","p":1071},{"i":1097,"t":"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","s":"Events: ValueChanged","u":"/docs/forms/number-input","h":"#events-valuechanged","p":1071},{"i":1099,"t":"Use the Blazor Bootstrap Switch component to show the consistent cross-browser and cross-device custom checkboxes.","s":"Blazor Switch","u":"/docs/forms/switch","h":"","p":1098},{"i":1101,"t":"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","s":"Parameters","u":"/docs/forms/switch","h":"#parameters","p":1098},{"i":1103,"t":"Name Return Type Description Added Version Disable() void Disables switch. 1.3.0 Enable() void Enables switch. 1.3.0","s":"Methods","u":"/docs/forms/switch","h":"#methods","p":1098},{"i":1105,"t":"Name Description Added Version ValueChanged This event fired when the switch selection changed. 1.3.0","s":"Events","u":"/docs/forms/switch","h":"#events","p":1098},{"i":1108,"t":"
Switch 1 Status: @agree1
Switch 2 Status: @agree2
@code { bool agree1; bool agree2 = true;} See demo here","s":"Basic usage","u":"/docs/forms/switch","h":"#basic-usage","p":1098},{"i":1111,"t":"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","s":"Disable","u":"/docs/forms/switch","h":"#disable-1","p":1098},{"i":1113,"t":"Put your switches on the opposite side by using the Reverse parameter. @code { bool agree;} See demo here","s":"Reverse","u":"/docs/forms/switch","h":"#reverse","p":1098},{"i":1115,"t":"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","s":"Events: ValueChanged","u":"/docs/forms/switch","h":"#events-valuechanged","p":1098},{"i":1117,"t":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","s":"Getting started - Blazor Server","u":"/docs/getting-started/blazor-server","h":"","p":1116},{"i":1119,"t":"Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.10.2","s":"Install Nuget Package","u":"/docs/getting-started/blazor-server","h":"#install-nuget-package","p":1116},{"i":1121,"t":"Add the following references to the head section in the Pages/_Host.cshtml. 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.","s":"Add CSS references","u":"/docs/getting-started/blazor-server","h":"#add-css-references","p":1116},{"i":1123,"t":"Add the following references to the body section in the Pages/_Host.cshtml after the _framework/blazor.server.js reference. tip chart.js reference is optional. Add when the Chart components are used in the application.","s":"Add script references","u":"/docs/getting-started/blazor-server","h":"#add-script-references","p":1116},{"i":1125,"t":"Add Blazor Bootstrap service in the Program.cs using BlazorBootstrap; // Add this line... builder.Services.AddBlazorBootstrap(); // Add this line Register tag helpers in _Imports.razor @using BlazorBootstrap;","s":"Register services","u":"/docs/getting-started/blazor-server","h":"#register-services","p":1116},{"i":1127,"t":"In the Pages/_Host.cshtml file, the default blazor template includes demonstration code, icons, and Bootstrap. These files are no longer needed. Delete the default bootstrap and open-iconic folders from the wwwroot folder. wwwroot/css/bootstrap wwwroot/css/open-iconic Either remove or keep the site.css file but make sure you clear it out of any content when the Sidebar component with full layout is used.","s":"Remove default references","u":"/docs/getting-started/blazor-server","h":"#remove-default-references","p":1116},{"i":1130,"t":"Blazor Bootstrap - Blazor Server App","s":".NET 6","u":"/docs/getting-started/blazor-server","h":"#net-6","p":1116},{"i":1132,"t":"Blazor Bootstrap - Blazor Server App Blazor Bootstrap - Blazor Empty Server App","s":".NET 7","u":"/docs/getting-started/blazor-server","h":"#net-7","p":1116},{"i":1134,"t":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","s":"Getting started - Blazor WebAssembly","u":"/docs/getting-started/blazor-webassembly","h":"","p":1133},{"i":1136,"t":"Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.10.2","s":"Install Nuget Package","u":"/docs/getting-started/blazor-webassembly","h":"#install-nuget-package","p":1133},{"i":1138,"t":"Add the following references to the head section in the wwwroot/index.html. 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. ","s":"Add CSS references","u":"/docs/getting-started/blazor-webassembly","h":"#add-css-references","p":1133},{"i":1140,"t":"Add the following references to the body section in the wwwroot/index.html after the _framework/blazor.webassembly.js reference. tip chart.js reference is optional. Add when the Chart components are used in the application.","s":"Add script references","u":"/docs/getting-started/blazor-webassembly","h":"#add-script-references","p":1133},{"i":1142,"t":"Add Blazor Bootstrap service in the Program.cs using BlazorBootstrap; // Add this line... builder.Services.AddBlazorBootstrap(); // Add this line Register tag helpers in _Imports.razor @using BlazorBootstrap;","s":"Register services","u":"/docs/getting-started/blazor-webassembly","h":"#register-services","p":1133},{"i":1144,"t":"In the wwwroot/index.html file, the default blazor template includes demonstration code, icons, and Bootstrap. These files are no longer needed. Delete the default bootstrap and open-iconic folders from the wwwroot folder. wwwroot/css/bootstrap wwwroot/css/open-iconic Either remove or keep the app.css file but make sure you clear it out of any content when the Sidebar component with full layout is used.","s":"Remove default references","u":"/docs/getting-started/blazor-webassembly","h":"#remove-default-references","p":1133},{"i":1147,"t":"Blazor Bootstrap - Blazor WebAssembly App","s":".NET 6","u":"/docs/getting-started/blazor-webassembly","h":"#net-6","p":1133},{"i":1149,"t":"Blazor Bootstrap - Blazor WebAssembly App Blazor Bootstrap - Blazor Empty WebAssembly App","s":".NET 7","u":"/docs/getting-started/blazor-webassembly","h":"#net-7","p":1133},{"i":1151,"t":"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.","s":"Blazor Time Input","u":"/docs/forms/time-input","h":"","p":1150},{"i":1153,"t":"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","s":"Parameters","u":"/docs/forms/time-input","h":"#parameters","p":1150},{"i":1155,"t":"Name Description Added Version Disable Disables time input. 1.6.0 Enable Enables time input. 1.6.0","s":"Methods","u":"/docs/forms/time-input","h":"#methods","p":1150},{"i":1157,"t":"Name Description ValueChanged This event fired on every user keystroke that changes the TimeInput value.","s":"Events","u":"/docs/forms/time-input","h":"#events","p":1150},{"i":1160,"t":"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","s":"Basic usage","u":"/docs/forms/time-input","h":"#basic-usage","p":1150},{"i":1162,"t":"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","s":"Generic type","u":"/docs/forms/time-input","h":"#generic-type","p":1150},{"i":1164,"t":"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","s":"Enable min and max","u":"/docs/forms/time-input","h":"#enable-min-and-max","p":1150},{"i":1166,"t":"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","s":"Disable","u":"/docs/forms/time-input","h":"#disable","p":1150},{"i":1168,"t":"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","s":"Validations","u":"/docs/forms/time-input","h":"#validations","p":1150},{"i":1170,"t":"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","s":"Events: ValueChanged","u":"/docs/forms/time-input","h":"#events-valuechanged","p":1150},{"i":1172,"t":"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; } }}","s":"Restrict the date field based on the entry in another date field","u":"/docs/forms/time-input","h":"#restrict-the-date-field-based-on-the-entry-in-another-date-field","p":1150},{"i":1174,"t":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","s":"Getting started - MAUI Blazor App","u":"/docs/getting-started/maui-blazor","h":"","p":1173},{"i":1176,"t":"Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 1.10.2","s":"Install Nuget Package","u":"/docs/getting-started/maui-blazor","h":"#install-nuget-package","p":1173},{"i":1178,"t":"Add the following references to the head section in the wwwroot/index.html. ","s":"Add CSS references","u":"/docs/getting-started/maui-blazor","h":"#add-css-references","p":1173},{"i":1180,"t":"Add the following references to the body section in the wwwroot/index.html after the _framework/blazor.webview.js reference. tip chart.js reference is optional. Add when the Chart components are used in the application.","s":"Add script references","u":"/docs/getting-started/maui-blazor","h":"#add-script-references","p":1173},{"i":1182,"t":"Add Blazor Bootstrap service in the MauiProgram.cs using BlazorBootstrap; // Add this line... builder.Services.AddBlazorBootstrap(); // Add this line Register tag helpers in _Imports.razor @using BlazorBootstrap;","s":"Register services","u":"/docs/getting-started/maui-blazor","h":"#register-services","p":1173},{"i":1184,"t":"In the wwwroot/index.html file, the default blazor template includes demonstration code, icons, and Bootstrap. These files are no longer needed. Delete the default bootstrap and open-iconic folders from the wwwroot folder. wwwroot/css/bootstrap wwwroot/css/open-iconic Either remove or keep the app.css file but make sure you clear it out of any content when the Sidebar component with full layout is used.","s":"Remove default references","u":"/docs/getting-started/maui-blazor","h":"#remove-default-references","p":1173},{"i":1187,"t":"Blazor Bootstrap - Blazor WebAssembly App","s":".NET 6","u":"/docs/getting-started/maui-blazor","h":"#net-6","p":1173},{"i":1189,"t":"Blazor Bootstrap - Blazor WebAssembly App Blazor Bootstrap - Blazor Empty WebAssembly App","s":".NET 7","u":"/docs/getting-started/maui-blazor","h":"#net-7","p":1173},{"i":1191,"t":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","s":"Layout Setup - Blazor WebAssembly","u":"/docs/layout/blazor-server","h":"","p":1190},{"i":1193,"t":"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.","s":"Prerequisites","u":"/docs/layout/blazor-server","h":"#prerequisites","p":1190},{"i":1195,"t":"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; }}","s":"Steps","u":"/docs/layout/blazor-server","h":"#steps","p":1190},{"i":1198,"t":"Blazor Bootstrap - Blazor WebAssembly App","s":".NET 6","u":"/docs/layout/blazor-server","h":"#net-6","p":1190},{"i":1200,"t":"Blazor Bootstrap - Blazor WebAssembly App Blazor Bootstrap - Blazor Empty WebAssembly App","s":".NET 7","u":"/docs/layout/blazor-server","h":"#net-7","p":1190},{"i":1202,"t":"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.","s":"Blazor Modal Service","u":"/docs/services/modal","h":"","p":1201},{"i":1204,"t":"Name Return Type ShowAsync(ModalOption modalOption) Task","s":"Methods","u":"/docs/services/modal","h":"#methods","p":1201},{"i":1206,"t":"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","s":"ModalOption Members","u":"/docs/services/modal","h":"#modaloption-members","p":1201},{"i":1209,"t":" @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.","s":"How it works","u":"/docs/services/modal","h":"#how-it-works","p":1201},{"i":1211,"t":" @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.","s":"Vertically Centered","u":"/docs/services/modal","h":"#vertically-centered","p":1201},{"i":1213,"t":" @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.","s":"Size","u":"/docs/services/modal","h":"#size","p":1201},{"i":1215,"t":" @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.","s":"Change footer button color and text","u":"/docs/services/modal","h":"#change-footer-button-color-and-text","p":1201},{"i":1217,"t":" @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.","s":"Hide footer button","u":"/docs/services/modal","h":"#hide-footer-button","p":1201},{"i":1219,"t":"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); } }}","s":"How to setup","u":"/docs/services/modal","h":"#how-to-setup","p":1201},{"i":1221,"t":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","s":"Layout Setup - Blazor WebAssembly","u":"/docs/layout/blazor-webassembly","h":"","p":1220},{"i":1223,"t":"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.","s":"Prerequisites","u":"/docs/layout/blazor-webassembly","h":"#prerequisites","p":1220},{"i":1225,"t":"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; }}","s":"Steps","u":"/docs/layout/blazor-webassembly","h":"#steps","p":1220},{"i":1228,"t":"Blazor Bootstrap - Blazor WebAssembly App","s":".NET 6","u":"/docs/layout/blazor-webassembly","h":"#net-6","p":1220},{"i":1230,"t":"Blazor Bootstrap - Blazor WebAssembly App Blazor Bootstrap - Blazor Empty WebAssembly App","s":".NET 7","u":"/docs/layout/blazor-webassembly","h":"#net-7","p":1220},{"i":1232,"t":"Build vertically collapsing accordions in combination with our Collapse component.","s":"Blazor Accordion","u":"/docs/components/accordion","h":"","p":1231},{"i":1234,"t":"Name Type Default Required Descritpion 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","s":"Accordion Parameters","u":"/docs/components/accordion","h":"#accordion-parameters","p":1231},{"i":1236,"t":"Name Description Added Version ShowFirstAccordionItemAsync Show the first AccordionItem. 1.7.0 ShowLastAccordionItemAsync Show the last AccordionItem. 1.7.0 ShowAccordionItemByNameAsync Show the AccordionItem by name. 1.7.0 ShowAccordionItemByIndexAsync Show the AccordionItem by index. 1.7.0","s":"Accordion Methods","u":"/docs/components/accordion","h":"#accordion-methods","p":1231},{"i":1238,"t":"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","s":"Accordion Events","u":"/docs/components/accordion","h":"#accordion-events","p":1231},{"i":1240,"t":"Name Type Default Required Descritpion 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","s":"AccordionItem Parameters","u":"/docs/components/accordion","h":"#accordionitem-parameters","p":1231},{"i":1243,"t":"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.","s":"Accordion","u":"/docs/components/accordion","h":"#accordion","p":1231},{"i":1245,"t":"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.","s":"Title with Icon","u":"/docs/components/accordion","h":"#title-with-icon","p":1231},{"i":1247,"t":"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.","s":"Flush","u":"/docs/components/accordion","h":"#flush","p":1231},{"i":1249,"t":"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.","s":"Set default active accordion item","u":"/docs/components/accordion","h":"#set-default-active-accordion-item","p":1231},{"i":1251,"t":"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.","s":"Always open","u":"/docs/components/accordion","h":"#always-open","p":1231},{"i":1253,"t":"You can activate individual accordion items in several ways. Use predefined methods ShowFirstAccordionItemAsync, ShowLastAccordionItemAsync, ShowAccordionItemByNameAsync, and ShowAccordionItemByIndexAsync as shown below. 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. @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();} See demo here.","s":"Activate individual accordion items","u":"/docs/components/accordion","h":"#activate-individual-accordion-items","p":1231},{"i":1255,"t":"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.","s":"Events Example","u":"/docs/components/accordion","h":"#events-example","p":1231},{"i":1257,"t":"Provide contextual feedback messages for typical user actions with the handful of available and flexible Blazor Bootstrap alert messages.","s":"Blazor Alerts","u":"/docs/components/alerts","h":"","p":1256},{"i":1259,"t":"Name Type Descritpion 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","s":"Parameters","u":"/docs/components/alerts","h":"#parameters","p":1256},{"i":1261,"t":"Name Description CloseAsync Closes an alert by removing it from the DOM.","s":"Methods","u":"/docs/components/alerts","h":"#methods","p":1256},{"i":1263,"t":"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.","s":"Callback Events","u":"/docs/components/alerts","h":"#callback-events","p":1256},{"i":1266,"t":"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.","s":"Alerts","u":"/docs/components/alerts","h":"#alerts","p":1256},{"i":1268,"t":"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.","s":"Additional Content","u":"/docs/components/alerts","h":"#additional-content","p":1256},{"i":1270,"t":"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.","s":"Icons","u":"/docs/components/alerts","h":"#icons","p":1256},{"i":1272,"t":"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.","s":"Dismissing","u":"/docs/components/alerts","h":"#dismissing","p":1256},{"i":1274,"t":"The Blazor Bootstrap Badge component shows the small count and labels.","s":"Blazor Badge","u":"/docs/components/badge","h":"","p":1273},{"i":1276,"t":"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","s":"Parameters","u":"/docs/components/badge","h":"#parameters","p":1273},{"i":1279,"t":"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","s":"Basic usage","u":"/docs/components/badge","h":"#basic-usage","p":1273},{"i":1281,"t":" 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","s":"Background colors","u":"/docs/components/badge","h":"#background-colors","p":1273},{"i":1283,"t":"Use the IndicatorType parameter to make badges more rounded with a larger border-radius. PrimarySecondarySuccessDangerWarningInfoLightDark See demo here","s":"Pill badges","u":"/docs/components/badge","h":"#pill-badges","p":1273},{"i":1285,"t":"Badges can be used as part of links or buttons to provide a counter.
See demo here","s":"Buttons","u":"/docs/components/badge","h":"#buttons","p":1273},{"i":1287,"t":"Use Position and Placement parameters to position it in the corner of a link or button.
See demo here","s":"Positioned","u":"/docs/components/badge","h":"#positioned","p":1273},{"i":1289,"t":"You can also replace the badge with a generic indicator without the count. See demo here","s":"Generic indicator","u":"/docs/components/badge","h":"#generic-indicator","p":1273},{"i":1291,"t":"Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content.","s":"Blazor Sidebar","u":"/docs/components/sidebar","h":"","p":1290},{"i":1293,"t":"Name Type Default Required Descritpion 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","s":"Parameters","u":"/docs/components/sidebar","h":"#parameters","p":1290},{"i":1295,"t":"Name Description Added Version RefreshDataAsync Refresh the sidebar data. 1.4.0 ToggleSidebar Toggles sidebar. 1.4.0","s":"Methods","u":"/docs/components/sidebar","h":"#methods","p":1290},{"i":1297,"t":"Name Type Default Required Descritpion Added Version CustomIconName string 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 Gets or sets the Id. 1.4.0 Match NavLinkMatch NavLinkMatch.Prefix Gets or sets the URL matching behavior. 1.4.0 ParentId string 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","s":"NavItem Properties","u":"/docs/components/sidebar","h":"#navitem-properties","p":1290},{"i":1300,"t":"@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.","s":"Basic usage","u":"/docs/components/sidebar","h":"#basic-usage","p":1290},{"i":1302,"t":"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.","s":"Two level navigation","u":"/docs/components/sidebar","h":"#two-level-navigation","p":1290},{"i":1304,"t":"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.","s":"Change icons color","u":"/docs/components/sidebar","h":"#change-icons-color","p":1290},{"i":1306,"t":"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.","s":"Full layout with sidebar","u":"/docs/components/sidebar","h":"#full-layout-with-sidebar","p":1290},{"i":1308,"t":"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.","s":"Toggle sidebar to show icons only","u":"/docs/components/sidebar","h":"#toggle-sidebar-to-show-icons-only","p":1290},{"i":1310,"t":"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.","s":"Show badge","u":"/docs/components/sidebar","h":"#show-badge","p":1290},{"i":1312,"t":"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.","s":"Custom brand icon","u":"/docs/components/sidebar","h":"#custom-brand-icon","p":1290},{"i":1314,"t":"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.","s":"Show image as brand logo","u":"/docs/components/sidebar","h":"#show-image-as-brand-logo","p":1290},{"i":1316,"t":"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.","s":"Customize sidebar","u":"/docs/components/sidebar","h":"#customize-sidebar","p":1290},{"i":1318,"t":"Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side paging & sorting.","s":"Blazor Grid","u":"/docs/components/grid","h":"","p":1317},{"i":1320,"t":"Name Type Default Required Descritpion 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 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 HeaderRowCssClass string Gets or sets the header row css class but not the thead tag class. 1.9.2 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 IMPORTANT Grid requires either Data or DataProvider parameter, but not both.","s":"Grid Parameters","u":"/docs/components/grid","h":"#grid-parameters","p":1317},{"i":1322,"t":"Name Type Descritpion 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","s":"Grid Callback Events","u":"/docs/components/grid","h":"#grid-callback-events","p":1317},{"i":1324,"t":"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","s":"Grid Methods","u":"/docs/components/grid","h":"#grid-methods","p":1317},{"i":1326,"t":"Name Type Default Required Descritpion 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 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","s":"GridColumn Parameters","u":"/docs/components/grid","h":"#gridcolumn-parameters","p":1317},{"i":1328,"t":"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","s":"GridSettings Properties","u":"/docs/components/grid","h":"#gridsettings-properties","p":1317},{"i":1331,"t":"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","s":"Client side filtering","u":"/docs/components/grid","h":"#client-side-filtering","p":1317},{"i":1333,"t":"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.","s":"Client side filtering with string comparision","u":"/docs/components/grid","h":"#client-side-filtering-with-string-comparision","p":1317},{"i":1335,"t":"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","s":"Client side paging","u":"/docs/components/grid","h":"#client-side-paging","p":1317},{"i":1337,"t":"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","s":"Client side sorting","u":"/docs/components/grid","h":"#client-side-sorting","p":1317},{"i":1339,"t":" 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","s":"Client side filtering, paging, and sorting","u":"/docs/components/grid","h":"#client-side-filtering-paging-and-sorting","p":1317},{"i":1341,"t":"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","s":"Set default filter","u":"/docs/components/grid","h":"#set-default-filter","p":1317},{"i":1343,"t":"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","s":"Disable specific column filter","u":"/docs/components/grid","h":"#disable-specific-column-filter","p":1317},{"i":1345,"t":"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","s":"Increase filter textbox width","u":"/docs/components/grid","h":"#increase-filter-textbox-width","p":1317},{"i":1347,"t":"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","s":"Server side filtering, paging and sorting","u":"/docs/components/grid","h":"#server-side-filtering-paging-and-sorting","p":1317},{"i":1349,"t":"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","s":"Set default sorting","u":"/docs/components/grid","h":"#set-default-sorting","p":1317},{"i":1351,"t":"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","s":"Disable specific column sorting","u":"/docs/components/grid","h":"#disable-specific-column-sorting","p":1317},{"i":1353,"t":"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","s":"Header text alignment","u":"/docs/components/grid","h":"#header-text-alignment","p":1317},{"i":1355,"t":"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","s":"Cell alignment","u":"/docs/components/grid","h":"#cell-alignment","p":1317},{"i":1357,"t":"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","s":"Cell formating","u":"/docs/components/grid","h":"#cell-formating","p":1317},{"i":1359,"t":"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","s":"Cell nowrap","u":"/docs/components/grid","h":"#cell-nowrap","p":1317},{"i":1361,"t":"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","s":"Pagination alignment","u":"/docs/components/grid","h":"#pagination-alignment","p":1317},{"i":1363,"t":"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.","s":"Empty data","u":"/docs/components/grid","h":"#empty-data","p":1317},{"i":1365,"t":"This example shows how to save/load the Grid state. The state includes the page number, page size, and filters. IMPORTANT In version 0.5.1, the Grid sorting state is not included as part of GridSettings. We will add it in the subsequent 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","s":"Save and Load Grid Settings","u":"/docs/components/grid","h":"#save-and-load-grid-settings","p":1317},{"i":1367,"t":"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","s":"Data parameter - Assign collection","u":"/docs/components/grid","h":"#data-parameter---assign-collection","p":1317},{"i":1369,"t":"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","s":"Data parameter - Update collection","u":"/docs/components/grid","h":"#data-parameter---update-collection","p":1317},{"i":1371,"t":"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","s":"Conditional css class for grid row","u":"/docs/components/grid","h":"#conditional-css-class-for-grid-row","p":1317},{"i":1373,"t":"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","s":"Conditional css class for grid column","u":"/docs/components/grid","h":"#conditional-css-class-for-grid-column","p":1317},{"i":1375,"t":"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 }, }; }}","s":"Custom column headers","u":"/docs/components/grid","h":"#custom-column-headers","p":1317},{"i":1377,"t":"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","s":"Selection","u":"/docs/components/grid","h":"#selection","p":1317},{"i":1379,"t":"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","s":"Multiple selection","u":"/docs/components/grid","h":"#multiple-selection","p":1317},{"i":1381,"t":"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","s":"Disable selection","u":"/docs/components/grid","h":"#disable-selection","p":1317},{"i":1383,"t":" @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","s":"Dynamic page size","u":"/docs/components/grid","h":"#dynamic-page-size","p":1317},{"i":1385,"t":" @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","s":"Page size selection","u":"/docs/components/grid","h":"#page-size-selection","p":1317},{"i":1387,"t":" 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","s":"Header row css class","u":"/docs/components/grid","h":"#header-row-css-class","p":1317},{"i":1389,"t":" 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","s":"Filters row css class","u":"/docs/components/grid","h":"#filters-row-css-class","p":1317},{"i":1391,"t":" 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","s":"Row click event","u":"/docs/components/grid","h":"#row-click-event","p":1317},{"i":1393,"t":" 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","s":"Row double click event","u":"/docs/components/grid","h":"#row-double-click-event","p":1317},{"i":1395,"t":"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","s":"Translations","u":"/docs/components/grid","h":"#translations","p":1317}],"index":{"version":"2.3.9","fields":["t"],"fieldVectors":[["t/2",[0,1.621,1,1.667,2,2.699,3,1.435,4,1.326,5,2.534,6,0.542,7,1.505,8,1.664,9,1.958,10,1.712,11,1.685,12,1.733,13,1.826,14,1.726,15,1.477,16,1.011,17,1.591,18,2.598,19,1.22,20,1.14,21,2.117,22,1.672,23,1.685,24,2.592,25,1.671,26,1.266,27,1.408,28,1.694,29,2.931,30,2.9,31,2.845,32,2.101,33,1.523,34,1.539,35,1.694,36,1.285,37,1.964,38,3.206,39,2.666,40,1.742,41,2.095,42,1.611,43,1.264,44,1.768,45,2.256,46,2.554,47,2.716,48,3.206,49,1.824,50,0.873,51,1.421,52,0.839,53,1.556,54,1.492,55,0.729,56,1.22,57,2.983,58,3.687,59,2.544,60,1.824,61,2.085,62,1.384,63,3.087,64,1.011,65,1.961,66,2.992,67,2.849,68,3.206,69,1.034,70,2.095,71,3.144,72,1.701,73,2.046,74,2.983,75,1.888,76,2.573,77,2.63,78,1.923,79,1.923,80,2.415,81,1.718,82,2.809,83,2.151,84,1.337,85,1.742,86,1.762,87,2.151,88,1.796,89,1.796,90,3.087,91,2.002,92,2.368,93,2.002,94,1.118,95,1.539]],["t/4",[6,0.441,7,1.26,8,1.355,9,1.388,10,1.393,11,1.371,12,1.41,14,1.404,23,1.371,25,1.848,29,2.386,32,3.476,43,1.504,52,1.388,55,1.973,86,2.915,96,7.698,97,3.776,98,3.277,99,4.783,100,6.661,101,6.661,102,4.583,103,4.713,104,5.668,105,2.119,106,6.661,107,6.172,108,4.257,109,2.898,110,3.423,111,2.496,112,3.025,113,1.444,114,5.982]],["t/6",[6,0.434,7,1.24,8,1.333,9,1.365,10,1.37,11,1.349,12,1.387,14,1.382,23,1.349,25,1.924,29,2.347,32,3.419,37,1.572,43,1.488,55,1.941,86,2.868,94,2.976,96,6.072,97,3.714,99,4.705,108,4.187,109,2.851,110,3.368,111,2.456,112,2.976,113,1.783,114,7.384,115,5.445,116,5.445,117,3.962,118,5.117,119,5.576,120,6.29,121,3.179,122,5.885]],["t/8",[6,0.453,7,1.296,8,1.393,9,1.427,10,1.433,11,1.41,12,1.45,14,1.444,23,1.41,25,1.954,43,1.53,44,4.919,52,1.427,77,3.768,94,3.111,99,4.919,110,3.52,111,2.567,112,3.111,113,1.833,114,6.152,117,3.3,122,7.591,123,4.108,124,3.72,125,2.663,126,6.152]],["t/10",[6,0.664,7,0.951,8,1.022,9,1.047,10,1.051,11,1.034,12,1.064,14,1.059,23,1.034,25,1.734,29,2.473,32,3.603,36,2.622,43,1.25,44,4.959,45,2.237,55,1.488,77,2.24,86,2.199,94,2.282,99,3.608,108,3.211,109,3.004,110,2.583,111,1.883,112,2.282,113,1.497,116,4.176,117,3.801,121,2.438,122,4.513,123,3.013,126,6.202,127,1.893,128,4.656,129,2.758,130,1.488,131,4.656,132,6.126,133,1.456,134,5.025,135,2.24,136,6.202,137,3.846,138,8.284,139,3.305,140,5.876,141,4.629,142,5.613,143,3.846,144,5.738,145,4.413,146,5.613,147,6.126,148,5.614,149,5.277,150,2.472,151,5.614,152,4.176,153,4.513]],["t/12",[6,0.401,7,1.146,8,1.232,9,1.262,10,1.267,11,1.247,12,1.283,13,1.352,14,1.278,19,3.002,20,2.805,23,1.247,25,1.869,43,1.097,45,1.718,52,1.63,76,3.872,94,2.752,99,4.351,103,4.287,110,3.114,111,2.271,112,2.752,113,1.696,123,3.634,125,2.355,126,5.442,135,2.701,153,7.025,154,5.615,155,6.059,156,5.035,157,4.645,158,5.816,159,3.264,160,6.363,161,1.394,162,4.419,163,6.363,164,6.769,165,4.227,166,4.645,167,7.386,168,7.386,169,2.668,170,6.769,171,5.291]],["t/14",[6,0.416,7,1.188,8,1.277,9,1.308,10,1.313,11,1.293,12,1.329,14,1.324,23,1.293,25,1.894,36,4.177,43,1.449,45,2.631,94,2.852,99,4.509,108,5.63,110,3.227,111,2.353,112,2.852,113,1.736,123,3.766,129,3.196,135,2.799,138,6.594,153,5.64,161,1.418,162,3.203,170,7.016,171,6.989,172,5.819,173,5,174,4.731,175,7.655,176,6.028,177,5.105]],["t/16",[4,3.28,6,0.403,7,1.152,8,1.238,9,1.269,10,1.274,11,1.253,12,1.289,13,1.358,14,1.284,16,3.222,23,1.253,25,1.873,29,3.11,43,1.102,45,2.226,46,2.788,52,1.269,94,2.766,109,3.778,110,3.13,111,2.282,112,2.766,113,1.702,135,2.714,156,5.061,157,4.669,161,1.263,162,4.003,164,6.803,169,2.681,171,5.317,177,6.379,178,3.452,179,2.318,180,5.317,181,5.469,182,6.058,183,5.061]],["t/18",[1,1.37,6,0.393,7,1.124,8,1.208,9,1.237,10,1.242,11,1.223,12,1.257,13,1.325,14,1.252,19,4.252,20,3.973,23,1.223,25,1.855,36,3.1,43,1.398,45,2.671,77,3.825,86,3.977,94,2.698,110,3.053,111,2.226,112,2.698,113,1.675,115,4.936,161,0.956,162,3.03,169,2.615,174,5.818,177,4.828,179,2.261,183,6.417,184,3.562,185,5.335,186,4.631,187,5.702,188,4.087,189,3.562,190,5.186]],["t/20",[4,3.436,6,0.422,7,1.207,8,1.297,9,1.329,10,1.334,11,1.313,12,1.35,13,1.423,14,1.345,23,1.313,25,1.905,43,1.607,45,2.293,52,1.684,94,2.897,110,3.279,111,2.391,112,2.897,113,1.753,158,6.124,160,6.699,161,1.027,162,3.254,169,2.809,174,4.806,179,2.428,183,5.301,190,7.059,191,3.682,192,6.124,193,5.22,194,2.403,195,7.776,196,7.776,197,5.57]],["t/22",[6,0.431,7,1.233,8,1.325,9,1.358,10,1.363,11,1.341,12,1.38,13,1.454,14,1.374,23,1.341,25,1.92,43,1.622,44,4.68,45,2.324,52,1.707,84,3.539,87,4.378,94,2.96,110,3.349,111,2.442,112,2.96,113,1.777,161,1.049,162,3.324,169,2.87,174,4.91,179,2.481,190,5.69,193,3.833,197,7.155,198,3.662,199,6.256,200,5.69]],["t/24",[6,0.427,7,1.22,8,1.311,9,1.343,10,1.349,11,1.327,12,1.365,13,1.438,14,1.359,16,3.341,23,1.327,25,1.913,36,4.247,43,1.473,45,1.829,83,3.445,94,2.928,108,5.201,110,3.314,111,2.416,112,2.928,113,1.765,161,1.038,162,3.289,169,2.839,179,2.454,189,4.881,193,3.792,197,5.63,200,7.107,201,4.701,202,6.189,203,5.087,204,5.487]],["t/26",[6,0.411,7,1.176,8,1.264,9,1.295,10,1.3,11,1.279,12,1.316,13,1.386,14,1.31,16,3.264,23,1.279,25,1.887,29,3.14,36,4.149,43,1.673,45,1.763,58,3.523,94,2.823,109,3.814,110,3.194,111,2.329,112,2.823,113,1.724,161,1,162,3.17,169,2.737,179,2.366,189,5.258,200,5.427,203,5.48,204,6.766,205,3.492,206,5.759,207,5.427]],["t/28",[1,1.126,6,0.42,7,1.201,8,1.291,9,1.322,10,1.327,11,1.306,12,1.343,13,1.416,14,1.338,16,3.635,23,1.306,25,1.902,36,3.311,39,4.201,43,1.459,45,1.8,49,4.702,55,2.622,71,4.955,86,3.526,94,2.882,110,3.261,111,2.378,112,2.882,113,1.747,161,1.021,162,3.237,169,2.794,179,2.415,189,3.805,203,3.966,204,5.4,207,7.035,208,6.092,209,3.565,210,5.541]],["t/30",[6,0.344,7,0.983,8,1.057,9,1.083,10,1.087,11,1.07,12,1.1,13,1.16,14,1.096,16,3.296,23,1.07,25,1.759,39,3.442,43,1.56,45,1.474,46,3.053,94,2.361,110,2.672,111,1.948,112,2.361,113,1.533,117,2.505,161,1.137,162,2.652,169,2.289,179,1.979,182,3.626,188,5.525,207,4.539,210,6.17,211,3.626,212,4.99,213,4.99,214,4.139,215,6.393,216,4.841,217,3.53,218,4.325,219,2.692,220,2.169,221,1.979,222,3.838,223,6.347,224,5.198,225,4.99,226,3.442,227,4.238,228,3.851,229,2.021,230,8.029,231,4.668,232,5.807,233,4.32,234,2.248,235,4.225,236,4.225,237,4.32,238,4.423]],["t/32",[0,1.48,3,3.46,6,0.393,7,1.124,8,1.208,9,1.237,10,1.242,11,1.223,12,1.257,13,1.325,14,1.252,17,3.814,23,1.223,25,1.855,36,3.1,43,1.747,52,1.609,69,2.495,94,2.698,110,3.053,111,2.226,112,2.698,113,1.675,117,2.862,161,1.243,162,3.03,169,2.615,179,2.261,210,5.186,216,4.339,217,4.033,218,4.726,219,3.076,234,3.34,238,6.572,239,5.055,240,5.702,241,4.554,242,4.828]],["t/34",[0,1.382,3,3.015,6,0.343,7,0.979,8,1.053,9,1.078,10,1.083,11,1.065,12,1.096,13,1.155,14,1.091,16,3.694,17,3.397,23,1.065,25,1.756,36,2.701,42,3.385,43,1.68,46,2.761,86,2.265,94,2.351,110,2.66,111,1.94,112,2.351,113,1.528,117,3.86,127,1.95,129,2.067,134,5.176,135,3.141,138,7.399,161,0.833,162,2.64,166,7.282,169,2.279,179,1.97,209,4.501,221,1.973,228,3.835,238,4.404,242,5.728,243,4.404,244,7.399,245,5.782,246,4.301,247,3.899,248,2.451,249,4.969,250,4.969,251,4.404,252,6.309,253,6.309,254,2.64,255,4.519]],["t/36",[0,1.118,3,3.776,6,0.429,7,1.226,8,1.318,9,1.35,10,1.356,11,1.334,12,1.372,13,1.446,14,1.367,17,3.532,23,1.334,25,1.916,43,1.478,94,2.944,110,3.331,111,2.429,112,2.944,113,1.771,117,3.123,161,1.043,162,3.307,169,2.854,179,2.467,189,5.362,203,5.588,242,5.269,255,7.131,256,3.812,257,6.222,258,5.161]],["t/38",[0,1.778,1,0.922,6,0.344,7,0.983,8,1.057,9,1.083,10,1.087,11,1.07,12,1.1,13,1.16,14,1.096,18,4.52,23,1.07,25,1.639,43,1.796,52,1.472,59,3.285,94,2.361,110,2.672,111,1.948,112,2.361,113,1.533,117,4.151,161,0.836,162,2.652,169,2.289,179,1.979,255,4.539,258,5.627,259,3.249,260,4.423,261,4.722,262,6.049,263,4.065,264,5.855,265,4.139]],["t/40",[0,1.703,1,1.332,6,0.376,7,1.076,8,1.157,9,1.185,10,1.19,11,1.171,12,1.204,13,1.269,14,1.199,16,3.082,23,1.171,25,1.533,43,1.03,44,4.084,46,3.17,47,2.375,94,2.583,110,2.923,111,3.348,112,2.583,113,1.628,117,2.741,161,0.915,162,2.901,169,2.505,179,2.165,209,3.196,216,4.217,227,3.411,258,4.529,259,3.555,265,5.977,266,3.862,267,4.727,268,6.354,269,5.237,270,4.285,271,2.859,272,3.345,273,5.973,274,4.442,275,6.934,276,6.934,277,4.442]],["t/42",[0,1.716,1,1.437,6,0.35,7,1.001,8,1.076,9,1.102,10,1.106,11,1.089,12,1.12,13,1.18,14,1.115,16,2.171,23,1.089,25,1.08,43,1.759,52,1.49,77,4.164,84,2.872,92,5.714,94,2.402,110,2.718,111,1.982,112,2.402,113,1.551,117,3.445,143,2.946,150,2.602,152,4.395,161,0.851,162,2.698,169,2.329,179,2.013,214,4.212,240,6.864,259,3.306,261,4.764,265,4.212,277,5.584,278,4.395,279,2.659,280,4.618,281,4.677,282,4.75,283,6.448,284,2.921,285,5.289,286,4.901,287,3.985]],["t/44",[0,1.717,1,1.448,6,0.303,7,1.226,8,1.318,9,0.955,10,0.959,11,0.944,12,0.971,13,1.023,14,0.967,16,2.66,23,0.944,25,0.936,37,1.1,43,1.663,52,1.565,86,2.007,87,4.776,94,2.083,97,2.599,110,2.357,111,2.428,112,2.083,113,1.405,117,3.122,118,3.581,133,1.329,137,3.609,150,2.256,157,3.516,161,1.209,162,2.339,169,2.019,179,1.746,181,4.119,188,3.156,194,1.728,209,2.577,222,3.519,229,1.783,240,6.22,241,3.516,248,1.595,271,4.104,277,3.581,287,4.881,288,3.199,289,2.45,290,3.398,291,4.297,292,3.903,293,2.723,294,3.728,295,4.25,296,3.293,297,3.811,298,3.903,299,4.402,300,4.816,301,4.816,302,3.199,303,3.811,304,4.816,305,5.59,306,1.651,307,4.816,308,4.402,309,5.123,310,5.123,311,3.769,312,3.455]],["t/46",[0,1.78,1,1.512,6,0.335,7,0.959,8,1.03,9,1.056,10,1.06,11,1.043,12,1.073,13,1.13,14,1.068,16,3.253,19,4.224,20,4.135,23,1.043,25,1.035,37,1.216,43,1.741,45,1.437,52,1.651,94,2.301,97,2.872,109,3.708,110,2.604,111,1.899,112,2.301,113,1.506,117,3.818,135,2.259,161,1.118,162,2.585,165,5.528,169,2.231,179,1.929,266,3.441,287,3.817,303,4.211,306,3.214,312,5.232,313,4.035,314,3.134,315,6.177,316,4.035,317,3.535,318,3.885]],["t/48",[0,1.776,1,1.463,6,0.311,7,0.888,8,0.954,9,0.978,10,0.982,11,0.966,12,0.993,13,1.047,14,0.989,16,3.386,19,3.769,20,3.818,23,0.966,25,0.958,27,4.351,37,1.126,43,1.76,52,1.876,66,2.159,77,3.676,81,4.594,86,3.802,94,2.131,97,2.66,110,2.412,111,1.759,112,2.131,113,1.428,117,3.974,135,2.092,161,1.06,162,2.394,165,5.307,169,2.066,179,1.786,205,2.637,303,3.9,306,3.241,312,3.535,314,2.902,317,3.274,318,5.048,319,3.535,320,3.815,321,3.815,322,4.693,323,3.665]],["t/50",[0,1.763,1,1.556,6,0.359,7,1.028,8,1.105,9,1.132,10,1.136,11,1.118,12,1.15,13,1.212,14,1.145,19,2.691,20,2.515,23,1.118,25,1.109,37,1.303,43,1.656,45,1.541,52,1.827,94,2.467,110,2.792,111,2.036,112,2.467,113,1.579,117,2.617,123,3.258,127,2.046,135,2.421,161,1.321,162,3.714,169,2.392,179,2.068,219,2.813,271,2.73,303,4.514,306,2.955,311,2.377,314,3.359,318,4.165,323,5.685,324,4.514,325,4.773,326,2.813,327,4.514,328,3.195,329,3.226,330,4.514]],["t/52",[0,1.748,1,1.573,4,3.007,6,0.369,7,1.056,8,1.135,9,1.163,10,1.168,11,1.149,12,1.182,13,1.245,14,1.177,23,1.149,25,1.14,37,1.34,43,1.671,45,2.103,52,1.734,56,4.574,94,2.536,110,2.869,111,2.092,112,2.536,113,1.608,117,2.69,123,3.348,135,2.489,161,1.34,162,3.782,169,2.458,179,2.125,219,2.891,284,3.083,303,4.639,306,2.996,314,3.452,323,4.36,326,2.891,330,6.161,331,4.639,332,2.959,333,3.489,334,4.639]],["t/54",[0,1.726,1,1.497,4,3.093,5,1.778,6,0.38,7,1.086,8,1.168,9,1.196,10,1.201,11,1.182,12,1.216,13,1.281,14,1.211,21,5.03,23,1.182,25,1.172,34,3.589,37,1.378,43,1.528,45,1.628,52,1.573,94,2.608,110,2.951,111,2.152,112,2.608,113,1.638,117,2.767,135,2.56,161,1.358,162,3.853,169,2.528,178,3.255,219,2.974,303,4.772,306,2.719,314,3.551,326,2.974,334,4.772,335,5.898,336,4.484,337,4.772,338,3.756,339,4.123,340,4.254]],["t/56",[0,1.703,1,1.481,5,1.494,6,0.319,7,0.913,8,0.981,9,1.005,10,1.009,11,0.993,12,1.021,13,1.076,14,1.017,19,3.326,20,3.575,23,0.993,24,1.528,25,0.985,29,3.338,30,2.15,37,1.158,43,1.72,45,1.904,52,1.398,94,2.191,98,2.373,105,1.535,110,2.479,111,1.808,112,2.191,113,1.456,117,3.235,129,1.927,135,2.15,136,4.333,137,2.687,161,1.242,162,3.424,169,2.124,178,2.735,219,2.498,248,1.678,303,4.009,306,2.779,314,2.983,326,2.498,335,3.767,340,4.974,341,3.699,342,3.558,343,3.464,344,6.148,345,3.365,346,4.009,347,4.631,348,4.105,349,4.333,350,4.333,351,3.921,352,5.147,353,5.389,354,3.841,355,3.767,356,3.767,357,3.767,358,3.634]],["t/58",[0,1.799,1,1.716,5,1.506,6,0.322,7,0.92,8,0.989,9,1.013,10,1.017,11,1.001,12,1.029,13,1.085,14,1.025,17,2.667,23,1.001,24,1.54,25,1.378,43,0.88,45,1.379,52,1.013,84,2.641,94,2.209,110,2.499,111,1.823,112,2.209,113,1.464,117,2.343,135,2.168,161,1.086,162,3.444,169,2.141,178,2.757,189,2.916,203,3.04,219,4.557,233,5.61,284,4.282,314,3.007,326,4.557,332,4.11,340,3.603,358,5.086,359,3.872,360,6.872,361,6.564,362,3.798]],["t/60",[0,1.717,1,1.477,6,0.369,7,1.056,8,1.135,9,1.163,10,1.168,11,1.149,12,1.182,13,1.245,14,1.177,17,3.825,23,1.149,25,1.14,26,2.869,37,1.34,43,1.605,45,1.583,52,1.163,94,2.536,110,2.869,111,2.092,112,2.536,113,1.608,117,2.69,123,3.348,135,2.489,161,1.34,162,3.782,169,2.458,179,2.125,209,4.677,219,2.891,288,3.895,303,4.639,306,2.669,314,3.452,326,2.891,330,4.639,334,6.161,335,4.36,338,4.85,363,4.875,364,5.586,365,5.862]],["t/62",[0,1.713,1,1.603,5,1.812,6,0.387,7,1.107,8,1.19,9,1.219,10,1.224,11,1.205,12,1.239,13,1.306,14,1.234,16,2.403,23,1.205,24,1.854,25,1.195,37,1.405,43,1.06,46,3.01,47,2.444,52,1.593,94,2.659,110,3.008,111,2.194,112,2.659,113,1.659,117,2.82,129,2.338,135,2.609,161,1.231,162,3.902,169,2.577,184,3.51,219,3.031,234,2.531,306,2.107,314,3.62,326,3.031,358,4.41,362,5.973,366,3.078,367,4.661,368,6.539,369,3.379,370,4.571]],["t/64",[0,1.71,1,1.597,5,1.795,6,0.384,7,1.097,8,1.179,9,1.208,10,1.213,11,1.193,12,1.227,13,1.293,14,1.222,16,2.38,23,1.193,24,1.836,25,1.184,37,1.391,43,1.049,46,3,47,2.421,94,2.633,110,2.979,111,2.173,112,2.633,113,1.648,117,2.793,135,2.584,161,1.223,162,3.877,169,2.553,184,3.477,209,3.257,216,3.257,219,3.002,306,2.087,314,3.585,326,3.002,362,4.527,365,6.088,369,3.346,370,5.936,371,2.852,372,4.818,373,7.067,374,6.088,375,7.067,376,6.088,377,4.527]],["t/66",[0,1.708,1,1.594,5,1.786,6,0.382,7,1.092,8,1.173,9,1.202,10,1.207,11,1.188,12,1.221,13,1.287,14,1.216,23,1.188,24,1.827,25,1.178,43,1.372,77,4.269,80,3.46,92,3.393,94,2.62,98,2.838,110,2.965,111,2.162,112,2.62,113,1.643,117,2.78,135,2.572,161,1.219,162,3.865,169,2.54,184,3.46,189,4.544,203,4.736,219,2.988,261,3.393,314,3.568,326,2.988,370,4.505,377,5.917,378,4.795,379,5.182,380,4.347,381,7.033,382,7.033,383,4.025]],["t/68",[0,1.654,1,1.422,5,1.363,6,0.291,7,0.833,8,1.28,9,0.917,10,0.921,11,0.906,12,0.932,13,0.982,14,0.928,23,0.906,24,1.394,25,0.899,29,2.254,30,1.962,32,4.183,43,1.711,45,1.248,52,1.311,55,2.176,64,1.807,94,1.999,105,1.4,109,3.195,110,2.262,111,1.65,112,1.999,113,1.365,117,3.862,125,2.446,129,1.758,135,1.962,136,3.953,137,3.505,161,1.013,162,3.21,169,1.938,191,2.541,209,4.127,219,2.28,222,2.391,234,1.904,241,3.375,248,2.555,292,3.746,294,3.578,298,3.746,314,3.892,326,2.28,342,3.336,343,3.161,344,6.751,345,3.071,346,3.658,347,4.226,348,3.746,349,3.953,350,3.953,351,3.578,352,4.825,353,4.918,354,3.505,377,3.438,383,4.39,384,3.115,385,4.029,386,5.495,387,5.23,388,3.261,389,2.495,390,2.813,391,2.411,392,2.813,393,2.541,394,2.846]],["t/70",[0,1.661,1,1.483,5,1.315,6,0.281,7,0.804,8,1.247,9,0.885,10,0.888,11,0.874,12,0.899,13,0.947,14,0.895,23,0.874,24,1.345,25,0.867,29,2.824,30,1.893,42,4.012,43,1.577,45,1.204,46,2.684,47,1.774,52,1.278,61,4.083,62,2.386,94,1.929,95,3.834,109,3.43,110,2.183,111,1.592,112,1.929,113,1.33,117,4.029,127,1.6,135,1.893,137,2.366,160,4.46,161,0.987,162,3.129,169,1.87,189,3.678,191,2.451,194,1.6,209,2.386,215,3.382,219,2.199,222,2.306,241,3.256,248,1.477,292,3.614,294,3.452,298,3.614,314,3.793,326,2.199,350,5.508,379,5.508,383,2.963,385,3.619,388,3.147,390,2.714,391,2.326,392,2.714,393,2.451,394,3.965,395,2.626,396,5.355,397,4.986,398,2.451,399,6.884,400,5.097,401,3.54,402,3.678,403,2.778,404,2.599,405,6.44,406,5.177,407,5.177,408,5.177,409,2.847,410,2.847,411,2.847,412,2.847,413,3.05]],["t/72",[0,1.704,1,1.39,5,1.297,6,0.277,7,0.792,8,0.852,9,0.872,10,0.876,11,0.862,12,0.887,13,0.934,14,0.883,23,0.862,24,1.326,25,0.855,36,2.186,43,1.505,45,1.188,52,1.265,55,2.32,86,1.833,94,1.902,110,2.152,111,1.57,112,1.902,113,1.317,117,4.31,118,3.271,135,1.867,137,3.382,140,5.167,142,4.936,144,5.046,146,4.936,150,2.06,161,0.977,162,3.097,169,1.844,198,2.353,219,3.699,220,1.285,221,1.173,222,2.274,236,3.404,254,2.136,269,2.922,280,3.657,292,3.564,293,2.487,301,4.398,302,4.236,314,3.755,326,3.699,339,5.971,344,3.335,371,2.06,389,2.374,394,2.707,413,4.36,414,2.773,415,5.375,416,5.037,417,5.672,418,3.271,419,2.808,420,3.353,421,6.783,422,4.02,423,4.07,424,3.881,425,3.271,426,5.105,427,8.732,428,3.155,429,3.155,430,3.155,431,3.211]],["t/74",[0,1.664,1,1.52,5,1.589,6,0.464,7,0.971,8,1.044,9,1.069,10,1.073,11,1.056,12,1.086,13,1.145,14,1.082,17,2.767,22,3.485,23,1.056,24,1.625,25,1.048,26,2.637,29,1.838,37,1.231,43,1.268,45,1.455,55,2.742,87,2.742,94,2.331,102,3.531,110,2.637,111,1.923,112,2.331,113,1.519,117,3.375,129,2.049,135,2.288,139,2.456,161,1.127,162,3.574,169,2.26,198,2.883,201,3.742,219,2.658,220,1.575,221,1.437,222,2.787,284,4.405,314,3.173,326,2.658,332,4.228,342,2.72,379,4.609,389,2.909,401,4.043,413,3.685,431,5.371,432,4.172,433,5.132,434,2.699,435,6.256,436,5.389,437,6.256,438,6.256,439,5.733,440,4.926,441,6.256,442,6.256,443,4.007]],["t/76",[0,1.695,1,1.612,5,1.839,6,0.393,7,1.124,8,1.208,9,1.237,10,1.242,11,1.223,12,1.257,13,1.325,14,1.252,23,1.223,24,1.881,25,1.213,43,1.075,45,1.685,94,2.698,110,3.053,111,2.226,112,2.698,113,1.675,117,2.862,135,2.648,161,1.243,162,3.939,169,2.615,198,3.337,219,3.076,311,3.756,314,3.673,325,4.03,326,3.076,328,3.493,329,5.395,431,4.554,443,6.03,444,4.475,445,4.936,446,7.241,447,7.241,448,4.554]],["t/78",[0,1.691,1,1.565,5,1.705,6,0.364,7,1.042,8,1.12,9,1.147,10,1.152,11,1.133,12,1.166,13,1.228,14,1.161,23,1.133,24,1.744,25,1.124,40,3.896,43,1.33,45,1.562,46,2.95,47,2.299,55,2.8,94,2.501,110,2.83,111,2.064,112,2.501,113,1.593,117,3.54,135,2.454,137,3.067,161,1.182,162,3.747,169,2.425,186,3.302,198,3.094,219,2.851,314,3.405,326,2.851,369,3.178,389,3.121,420,3.041,443,4.3,448,5.632,449,4.384,450,2.788,451,6.151,452,6.712,453,5.782,454,6.712,455,5.506,456,6.712,457,6.151,458,6.712]],["t/80",[0,1.653,1,1.347,5,1.046,6,0.224,8,0.687,9,0.704,10,0.707,11,0.696,12,0.715,13,0.754,14,0.712,17,1.335,23,0.696,24,1.07,25,0.69,26,1.737,43,1.735,45,0.958,46,2.572,47,1.411,50,1.198,52,0.704,56,3.115,61,1.75,62,1.899,94,1.535,105,2.953,109,3.065,110,1.737,111,2.64,112,1.535,113,1.122,117,4.143,129,3.707,135,1.506,158,3.244,161,0.833,162,2.639,169,1.488,186,3.103,205,1.899,214,2.691,219,1.75,222,5.382,271,2.601,272,3.043,284,2.857,291,1.933,293,4.756,311,3.763,314,2.09,325,1.763,326,1.75,328,1.987,329,3.072,332,2.742,333,2.112,344,2.691,361,2.265,369,4.623,385,1.699,391,1.85,393,1.95,398,2.986,403,2.21,404,3.166,448,2.591,459,2.184,460,1.85,461,5.37,462,4.119,463,3.131,464,4.119,465,3.131,466,3.131,467,4.119,468,9.764,469,4.967,470,4.119,471,4.119,472,4.119,473,2.265,474,2.591]],["t/82",[0,1.757,1,1.518,5,1.582,6,0.338,7,0.967,8,1.039,9,1.065,10,1.069,11,1.052,12,1.082,13,1.14,14,1.077,23,1.052,24,1.618,25,1.043,32,4.464,33,3.16,43,1.441,45,1.449,46,2.746,47,2.134,56,2.532,94,2.321,109,2.223,110,2.626,111,1.915,112,2.321,113,1.515,117,4.643,135,2.278,161,1.124,162,3.563,169,2.25,186,3.064,203,3.194,211,3.565,216,2.871,219,2.646,271,2.569,284,2.822,302,3.565,311,3.744,314,3.16,326,2.646,329,3.035,332,2.709,398,2.95,404,3.127,461,3.426,474,5.355,475,4.154,476,4.349,477,6.229,478,5.709,479,6.229,480,3.669]],["t/84",[0,1.687,1,1.52,5,1.589,6,0.34,7,0.971,8,1.044,9,1.069,10,1.073,11,1.056,12,1.086,13,1.145,14,1.082,23,1.056,24,1.625,25,1.048,43,1.551,45,1.455,46,2.973,47,2.143,55,2.657,83,2.742,90,3.934,94,2.331,110,2.637,111,1.923,112,2.331,113,1.519,117,3.843,135,2.288,149,5.389,161,1.127,162,3.574,169,2.26,216,2.883,219,2.658,311,3.066,314,3.173,326,2.658,385,4.308,389,2.909,391,2.81,404,4.287,461,3.44,463,4.755,474,3.934,478,5.733,480,5.03,481,2.678,482,3.866,483,4.086,484,3.243,485,2.233,486,6.256,487,6.256,488,3.317,489,6.256,490,6.256,491,6.256]],["t/86",[0,1.696,1,1.573,5,1.729,6,0.369,7,1.056,8,1.135,9,1.163,10,1.168,11,1.149,12,1.182,13,1.245,14,1.177,23,1.149,24,1.768,25,1.14,43,1.507,45,1.583,46,2.964,47,2.331,59,3.528,82,3.895,83,2.983,90,5.684,91,4.538,92,5.429,93,4.538,94,2.536,110,2.869,111,2.092,112,2.536,113,1.608,117,3.572,135,2.489,161,1.193,162,3.782,169,2.458,219,2.891,261,3.283,314,3.452,326,2.891,461,3.743,480,4.009,492,6.805,493,5.359,494,7.785,495,6.805,496,3.057,497,6.805]],["t/88",[0,1.697,1,1.468,5,1.464,6,0.313,7,0.895,8,0.962,9,0.985,10,0.989,11,0.973,12,1.001,13,1.055,14,0.997,23,0.973,24,1.498,25,0.966,29,3.387,30,2.108,31,2.634,43,1.498,45,1.341,52,1.379,66,3.807,67,3.347,74,3.504,77,3.689,80,2.836,82,4.619,83,2.527,84,2.569,85,3.347,86,3.622,87,4.422,88,3.449,89,3.449,90,3.626,94,2.148,105,1.505,110,2.431,111,1.773,112,2.148,113,1.436,117,4.197,125,1.839,129,1.889,135,2.108,150,2.327,161,1.065,162,3.378,169,2.083,219,2.449,254,2.413,314,4.094,326,2.449,344,3.766,369,2.73,379,5.946,465,4.383,498,4.73,499,4.025,500,1.91,501,5.766,502,5.766,503,4.967,504,5.766,505,5.284,506,5.766,507,5.766]],["t/90",[0,1.697,1,1.615,5,1.848,6,0.395,7,1.129,8,1.214,9,1.244,10,1.249,11,1.229,12,1.264,13,1.332,14,1.259,23,1.229,24,1.89,25,1.219,29,3.26,30,2.661,31,3.325,45,1.693,52,1.244,58,3.384,66,3.957,68,4.753,71,6.05,72,2.522,73,4.961,74,4.423,94,2.711,110,3.068,111,2.237,112,2.711,113,1.68,117,2.876,135,2.661,161,1.247,162,3.952,169,2.628,219,3.091,314,3.691,326,3.091,508,5.969,509,7.277]],["t/92",[0,1.641,1,1.579,5,1.745,6,0.373,7,1.066,8,1.146,9,1.174,10,1.179,11,1.16,12,1.193,13,1.257,14,1.188,23,1.16,24,1.784,25,1.151,45,1.598,52,1.554,58,3.194,66,4.259,71,4.4,72,2.38,73,4.683,74,5.527,75,4.32,76,5.344,77,3.728,78,4.4,79,4.4,80,3.379,81,5.204,82,3.931,94,2.559,110,2.896,111,2.112,112,2.559,113,1.618,135,2.512,161,1.2,162,3.805,169,2.481,194,2.123,219,2.918,314,4.613,326,2.918,379,5.061,498,5.635,499,4.795,510,6.869,511,6.869]],["t/94",[0,1.683,1,1.594,5,1.786,6,0.382,7,1.092,8,1.173,9,1.202,10,1.207,11,1.188,12,1.221,13,1.287,14,1.216,23,1.188,24,1.827,25,1.178,43,1.372,45,1.636,46,2.884,47,2.409,52,1.578,58,3.27,63,4.423,68,6.033,69,2.423,70,4.91,71,4.505,86,2.525,94,2.62,110,2.965,111,2.162,112,2.62,113,1.643,117,2.78,129,3.026,135,2.572,161,1.219,162,3.865,169,2.54,215,4.594,219,2.988,221,1.615,227,3.46,314,3.568,326,2.988,419,3.868,512,6.445,513,6.445,514,6.445]],["t/96",[0,1.715,1,1.606,5,1.821,6,0.389,7,1.113,8,1.196,9,1.225,10,1.23,11,1.211,12,1.245,13,1.312,14,1.24,23,1.211,24,1.863,25,1.201,29,3.363,30,2.622,31,3.276,45,1.668,57,4.358,58,3.334,63,5.883,64,2.415,65,4.684,66,4.164,67,4.162,68,4.684,94,2.671,110,3.023,111,2.204,112,2.671,113,1.664,117,2.834,135,2.622,161,1.235,162,3.914,169,2.59,219,3.046,314,3.637,326,3.046,494,6.176,515,7.17]],["t/98",[0,1.678,1,1.396,5,1.31,6,0.28,7,0.801,8,0.861,9,0.882,10,0.885,11,0.871,12,0.896,13,0.944,14,0.892,18,3.164,21,3.217,23,0.871,24,1.34,25,0.864,29,3.117,30,1.887,43,1.804,45,1.2,46,2.794,47,1.767,48,3.37,52,1.274,56,3.56,57,4.533,58,2.399,59,2.674,60,3.136,61,4.324,62,2.378,63,3.245,86,1.852,94,1.922,110,2.175,111,2.293,112,1.922,113,1.327,117,4.193,135,3.203,137,4.002,161,0.984,162,3.121,169,1.864,214,3.37,219,2.192,248,1.472,263,3.098,272,2.489,279,2.127,314,2.617,326,2.192,346,3.517,352,3.245,379,3.801,402,2.538,403,2.768,434,2.226,451,4.728,465,3.922,488,2.736,516,4.728,517,4.728,518,5.159,519,4.444,520,4.728,521,5.159,522,5.159,523,3.517,524,5.159,525,5.159,526,4.444,527,4.728,528,4.232,529,5.159,530,5.159,531,4.728,532,3.922,533,5.159]],["t/100",[0,1.637,1,1.281,5,1.099,6,0.235,8,0.722,9,0.739,10,0.742,11,0.73,12,0.751,13,0.791,14,0.748,18,3.594,23,0.73,24,1.124,25,0.724,32,4.26,38,2.825,39,2.349,43,1.798,45,1.006,46,2.491,47,1.482,48,4.275,49,2.629,50,1.258,51,2.048,52,1.701,53,4.903,54,3.924,55,2.418,56,3.579,57,2.629,94,1.611,110,1.824,111,1.33,112,1.611,113,1.164,117,4.085,125,2.087,135,2.393,150,1.746,161,0.864,162,2.739,169,2.364,187,3.406,188,2.441,209,3.64,214,2.825,216,1.993,219,1.837,222,1.927,228,3.978,229,2.518,248,1.234,254,3.685,261,2.087,262,2.673,263,1.797,264,2.587,272,3.158,280,3.098,284,1.959,302,2.475,308,3.406,314,3.32,326,1.837,369,4.169,460,1.943,463,3.288,494,3.726,500,2.168,519,3.726,534,3.288,535,6.545,536,2.673,537,4.325,538,4.325,539,3.019,540,3.406,541,2.587,542,3.019,543,2.242,544,3.406,545,2.884,546,4.88,547,4.822,548,6.147,549,8.806,550,4.325,551,4.325,552,4.325,553,3.019,554,4.325,555,3.548,556,4.325]],["t/102",[0,1.658,1,1.556,2,3.642,5,1.682,6,0.359,7,1.028,8,1.105,9,1.132,10,1.136,11,1.118,12,1.15,13,1.212,14,1.145,18,4.146,23,1.118,24,1.72,25,1.109,38,5.797,39,3.596,40,3.844,41,4.623,42,4.762,43,1.741,44,5.228,45,1.541,46,1.744,47,2.268,48,4.325,94,2.467,110,2.792,111,2.036,112,2.467,113,1.579,117,2.617,135,2.421,161,1.172,162,3.714,169,2.392,173,4.325,219,2.813,261,3.195,262,4.092,263,2.75,264,3.961,314,3.359,326,2.813,369,5.063,557,8.129]],["t/104",[0,1.581,1,1.327,2,4.32,3,2.652,4,2.452,5,1.409,6,0.301,7,0.861,8,0.926,9,0.948,10,0.952,11,0.937,12,0.963,13,1.015,14,0.96,15,2.729,16,1.869,17,3.214,18,4.124,19,3.707,20,3.464,21,4.279,22,3.091,23,0.937,24,1.441,25,0.929,26,2.339,27,2.603,28,3.132,29,2.308,30,2.029,31,2.535,32,3.363,33,2.815,34,2.845,35,3.132,36,3.363,38,3.624,43,1.554,44,3.268,66,2.094,94,2.067,110,2.339,111,1.706,113,0.987,117,2.193,125,2.505,135,2.029,136,4.088,139,2.178,161,1.037,162,3.287,169,2.004,173,3.624,189,2.729,209,3.621,219,2.357,234,1.968,261,2.677,262,3.429,263,2.305,264,3.319,279,2.288,282,4.088,299,4.369,314,2.815,326,2.357,508,4.551,541,3.319,558,4.088,559,5.085,560,3.7,561,5.548,562,5.548,563,5.548,564,5.548,565,5.548,566,5.548,567,3.624,568,5.085,569,5.548,570,5.548,571,5.548,572,2.58,573,2.029,574,2.703]],["t/106",[0,1.747,1,1.797,2,1.877,3,3.704,4,3.742,5,3.069,25,1.936,38,2.229,39,4.209,40,3.16,48,2.229,49,3.309,57,2.074,58,4.197,59,3.52,63,2.146,64,1.833,68,2.229,69,1.876,71,2.186,72,1.886,74,2.074,82,1.953,83,3.397,84,3.453,90,2.146,96,2.594,97,3.938,98,2.741,99,5.579,114,2.514,115,3.711,122,2.514,123,4.659,124,1.52,126,2.514,127,2.395,153,2.514,154,2.594,171,2.444,172,2.594,177,2.276,178,3.604,179,3.684,183,2.326,184,3.813,186,1.679,190,2.444,191,3.216,197,2.444,198,3.903,200,2.444,201,3.256,204,2.382,205,3.13,207,2.444,210,2.444,211,3.115,238,2.382,242,2.276,255,2.444,256,1.646,258,2.229,259,3.482,265,2.229,266,3.032,277,2.186,287,2.109,288,3.115,312,2.109,318,2.146,323,2.186,330,2.326,334,2.326,335,2.186,340,2.074,358,2.109,362,2.186,366,1.472,370,2.186,371,2.197,377,2.186,383,1.953,394,1.81,413,2.01,431,2.146,443,2.186,444,2.109,448,2.146,474,2.146,480,2.01,481,1.461]],["t/108",[0,1.624,1,1.659,5,2.512,6,0.537,7,1.491,8,1.65,9,1.948,10,1.697,11,1.67,12,1.717,13,1.81,14,1.711,17,1.557,23,1.67,24,2.569,25,1.657,26,2.025,29,1.411,30,1.757,32,2.057,33,1.483,37,1.947,40,1.697,43,1.319,45,2.235,46,2.53,47,2.679,50,0.851,52,1.045,55,2.254,56,1.189,61,2.597,62,2.214,64,0.985,77,2.236,80,1.439,83,1.282,94,1.089,95,2.463,98,1.18,109,2.526,112,1.089,127,0.904,184,1.439,186,2.363,189,1.439,191,2.275,198,3.263,201,1.749,203,1.499,205,1.348,211,1.673,284,1.325,291,1.372,311,1.725,325,2.057,328,2.318,329,2.34,332,1.272,333,1.499,371,1.18,377,3.077,378,1.993,383,2.749,384,1.697,385,3.466,389,3.636,390,2.518,391,3.18,392,2.518,393,2.895,394,2.547,395,1.483,404,1.468,409,1.608,410,1.608,411,1.608,412,1.608,413,2.83,414,1.588,415,2.547,416,2.387,417,2.578,428,1.807,429,1.807,430,1.807,431,3.021,432,1.95,443,3.077,444,1.807,445,1.993,448,3.021,449,1.91,459,1.551,460,1.314,473,1.608,474,3.021,475,1.95,480,2.83,481,1.252,482,1.807]],["t/110",[0,1.772,1,1.629,4,2.039,5,1.935,6,0.528,7,1.51,8,1.623,9,1.929,10,1.669,11,1.642,12,1.689,13,1.78,14,1.682,16,2.315,17,2.469,19,1.876,20,2.893,21,2.549,23,1.642,24,1.785,25,1.671,26,1.175,27,2.166,29,1.736,30,1.019,34,1.428,37,2.204,43,1.351,45,1.074,46,2.163,47,1.581,52,1.302,56,1.876,66,1.051,77,2.161,84,1.241,86,1.657,94,1.038,95,2.367,97,2.146,98,1.124,109,0.994,112,1.038,123,2.907,127,0.861,165,2.641,178,2.748,179,2.379,184,2.271,205,1.284,209,1.284,219,1.961,266,1.552,271,1.149,284,1.262,288,1.594,306,2.786,311,1,312,2.852,313,1.82,316,1.82,317,2.641,318,2.903,319,1.722,320,1.858,321,1.858,323,2.957,324,1.899,325,1.976,326,1.961,327,1.899,328,1.344,329,1.357,330,3.147,331,1.899,332,1.211,333,1.428,334,3.147,335,2.957,336,1.785,337,1.899,338,2.477,339,1.641,340,2.805,341,1.752,355,1.785,356,1.785,357,1.785,358,2.852,359,1.82,360,4.403,361,4.189,362,2.957,363,1.995,364,1.722,366,1.202,367,1.82,370,2.957,371,1.124,372,1.899]],["t/112",[0,1.698,1,1.08,3,3.084,6,0.551,7,1.611,8,1.693,9,1.963,10,1.741,11,1.714,12,1.763,13,1.857,14,1.755,16,3.093,17,2.827,18,3.151,23,1.714,25,1.891,29,0.929,36,2.763,37,1.998,39,2.782,43,1.42,46,2.519,47,1.084,49,1.922,52,1.268,55,0.769,58,1.471,59,1.64,69,1.09,77,2.36,84,1.409,87,1.386,92,3.932,94,1.178,95,2.626,97,1.471,109,1.129,111,0.972,112,1.178,117,1.25,127,0.977,157,1.989,161,0.418,162,1.324,166,1.989,169,1.143,179,3.169,189,4.009,194,0.977,203,4.179,204,3.575,205,1.458,206,2.404,207,3.669,208,2.491,210,3.669,211,1.81,212,2.491,213,2.491,216,1.458,227,1.556,238,3.575,239,2.208,242,3.415,243,2.208,255,3.669,256,1.526,257,2.491,258,3.345,259,3.309,260,2.208,261,3.114,262,1.955,263,1.314,264,1.892,265,3.345,266,1.762,267,2.156,271,2.661,277,3.281,278,2.156,287,3.165,288,1.81,289,1.386,290,1.922,311,2.926]],["t/114",[1,0.536,4,2.557,6,0.577,7,1.65,8,1.774,9,2.03,10,1.824,11,1.795,12,1.847,13,1.707,14,1.839,16,1.241,19,1.498,20,1.4,23,1.795,25,1.989,29,1.083,36,2.477,37,2.134,43,1.386,44,3.408,45,2.351,46,0.971,52,0.989,77,2.116,83,1.616,84,1.642,86,2.077,94,1.373,95,2.967,97,1.714,99,5.179,108,3.033,109,1.315,112,1.373,114,4.263,115,3.945,116,3.945,117,2.823,118,2.361,122,4.263,123,3.981,124,1.642,125,1.175,126,4.263,127,1.139,128,2.802,129,1.896,130,0.896,131,2.802,153,4.263,154,2.802,155,3.024,156,3.945,161,0.487,171,4.145,172,2.802,173,2.408,174,5.001,177,3.858,178,1.714,179,2.745,180,2.64,182,2.109,183,3.945,184,1.813,185,2.716,186,1.813,189,1.813,190,4.145,191,1.745,192,2.903,193,3.446,197,4.145,198,1.699,199,2.903,200,4.145,201,2.205,202,2.903,203,1.89]],["t/116",[6,0.467,7,1.334,8,1.434,9,1.792,10,1.475,11,1.451,12,1.492,14,1.486,23,1.451,25,1.757,37,1.692,43,1.276,95,4.407,96,7.972,97,3.996,98,3.468,99,5.062,100,7.05,101,7.05,102,4.851,103,4.988,104,5.999,105,2.243,106,7.05,107,6.533,112,3.202]],["t/118",[0,1.761,19,2.52,23,0.68,24,1.047,25,0.675,46,1.991,92,2.992,261,1.944,262,2.49,263,1.674,264,2.41,271,1.661,311,2.226,329,1.963,360,3.972,575,3.471,576,4.029,577,4.029,578,3.305,579,4.029,580,4.029,581,3.692,582,9.164,583,4.029,584,6.201,585,7.559,586,4.029,587,4.029,588,4.029,589,4.029,590,7.559,591,4.029,592,4.029,593,4.029,594,6.201,595,4.029,596,4.029,597,7.559,598,6.201,599,6.201,600,4.029,601,4.029,602,4.029,603,4.029,604,4.029,605,4.029,606,4.029,607,4.029,608,4.029,609,4.029,610,4.029,611,4.029,612,4.029,613,4.029,614,4.029,615,4.029,616,4.029,617,4.029,618,4.029,619,4.029,620,4.029,621,4.029,622,4.029,623,4.029,624,4.029,625,4.029,626,4.029,627,4.029,628,4.029,629,4.029,630,4.029,631,4.029,632,4.029,633,4.029,634,4.029,635,4.029,636,4.029,637,4.029,638,4.029,639,4.029,640,3.063,641,4.029,642,3.305,643,6.201,644,4.029,645,4.029,646,4.029,647,4.029,648,2.747,649,2.968,650,4.029,651,4.029,652,4.029,653,4.029,654,4.029,655,4.029,656,4.029,657,4.029,658,3.305,659,4.029,660,4.029,661,4.029,662,4.029,663,4.029,664,4.029,665,4.029,666,4.029,667,4.029,668,4.029,669,2.274,670,4.029,671,4.029,672,4.029,673,3.305,674,4.029,675,3.692,676,3.471,677,4.029,678,4.029,679,4.029,680,4.029,681,4.029,682,4.029,683,4.029,684,4.029,685,4.029,686,4.029,687,4.029,688,4.029,689,4.029,690,4.029,691,4.029,692,4.029,693,4.029,694,4.029,695,4.029,696,4.029,697,4.029,698,4.029,699,4.029,700,4.029,701,4.029,702,4.029,703,4.029,704,4.029,705,4.029,706,4.029,707,4.029,708,4.029,709,4.029,710,4.029,711,4.029,712,4.029,713,4.029,714,4.029,715,4.029,716,4.029,717,4.029,718,4.029,719,4.029,720,4.029,721,4.029,722,4.029,723,4.029,724,4.029,725,4.029,726,4.029,727,4.029,728,4.029,729,4.029,730,4.029,731,4.029,732,4.029,733,4.029]],["t/120",[0,1.408,1,1.449,5,2.007,6,0.429,7,1.545,8,1.318,9,1.701,10,1.356,11,1.334,12,1.372,13,1.446,14,1.367,23,1.84,24,2.053,25,1.324,37,1.555,43,1.173,45,1.838,52,1.35,55,1.92,113,1.406,198,3.642,371,3.189,389,3.674,413,5.864,414,4.292,415,5.279,416,4.947,417,5.848,428,4.883,429,4.883,430,4.883,734,1.732]],["t/122",[6,0.453,7,1.599,8,1.393,9,1.761,10,1.433,11,1.41,12,1.45,14,1.444,23,1.887,25,1.726,36,3.575,37,1.644,43,1.24,45,2.397,99,4.919,108,5.858,113,1.485,123,4.108,129,2.735,161,1.102,171,7.38,172,6.347,173,5.454,174,5.16,734,1.83]],["t/124",[0,1.654,1,1.504,2,2.95,3,3.666,4,1.48,5,1.948,6,0.53,7,1.459,8,1.63,9,1.914,10,1.676,11,1.649,12,1.696,13,1.788,14,1.69,15,1.648,16,1.807,17,3.668,18,1.938,19,1.362,20,1.272,21,2.314,22,1.866,23,1.745,24,1.993,25,1.801,26,3.234,27,1.572,28,1.891,29,0.984,30,1.225,31,1.531,32,1.434,33,1.7,34,1.718,35,1.891,36,2.872,37,1.923,43,1.246,45,1.561,46,1.767,47,1.148,50,0.975,52,0.917,55,1.303,56,1.362,61,1.423,62,1.544,69,1.154,84,1.493,109,1.914,113,0.596,117,1.324,123,1.648,124,1.493,127,1.035,161,0.442,162,1.402,166,2.107,169,1.21,178,1.558,179,2.395,186,2.639,189,3.3,198,1.544,201,2.004,203,3.44,205,1.544,209,1.544,219,2.279,238,3.745,239,2.339,242,3.577,243,2.339,255,3.842,256,1.616,257,2.638,284,2.43,288,1.917,291,1.572,306,0.989,325,1.434,326,2.279,328,1.616,332,2.333,333,1.718,334,3.657,338,1.798,358,3.315,359,2.188,360,4.913,361,4.615,363,2.4,364,2.071,385,1.381,389,1.558,391,1.505,393,1.586,431,3.374,432,2.234,459,1.777,460,1.505,473,1.842,734,0.734]],["t/126",[0,1.408,1,1.449,5,2.007,6,0.429,7,1.545,8,1.318,9,1.701,10,1.356,11,1.334,12,1.372,13,1.446,14,1.367,23,1.84,24,2.053,25,1.324,37,1.555,43,1.173,45,1.838,52,1.35,55,1.92,113,1.406,198,3.642,371,3.189,389,3.674,413,5.864,414,4.292,415,5.78,416,4.947,417,5.342,428,4.883,429,4.883,430,4.883,734,1.732]],["t/128",[0,1.629,1,1.663,2,2.672,3,1.417,4,1.31,5,2.524,6,0.539,7,1.499,8,1.658,9,1.953,10,1.705,11,1.678,12,1.726,13,1.818,14,1.719,15,1.459,16,0.999,17,1.575,18,2.579,19,1.205,20,1.126,21,2.096,22,1.652,23,1.754,24,2.581,25,1.664,26,1.25,27,1.391,28,1.674,29,2.919,30,2.881,31,2.821,32,2.08,33,1.504,34,1.521,35,1.674,36,1.269,37,1.956,38,3.174,39,2.639,40,1.721,41,2.07,42,1.591,43,1.257,44,1.747,45,2.247,46,2.543,47,2.699,48,3.174,49,1.802,50,0.863,51,1.404,52,0.83,53,1.537,54,1.474,55,0.721,56,1.205,57,2.954,58,3.664,59,2.519,60,1.802,61,2.064,62,1.367,63,3.056,64,0.999,65,1.937,66,2.973,67,2.821,68,3.174,69,1.022,70,2.07,71,3.113,72,1.684,73,2.022,74,2.954,75,1.865,76,2.547,77,2.611,78,1.9,79,1.9,80,2.391,81,1.697,82,2.781,83,2.13,84,1.321,85,1.721,86,1.745,87,2.13,88,1.774,89,1.774,90,3.056,91,1.977,92,2.345,93,1.977,94,1.105,95,1.521,113,0.528,211,1.697,734,0.65]],["t/130",[0,1.755,1,1.53,5,1.857,6,0.397,7,1.47,8,1.22,9,1.619,10,1.255,11,1.235,12,1.27,13,1.338,14,1.265,17,3.406,23,1.775,24,1.9,25,1.587,37,1.44,45,1.701,52,1.25,84,3.258,113,1.301,178,3.4,219,4.025,284,3.313,326,4.025,332,3.18,358,5.855,359,4.777,360,7.122,361,6.334,734,1.603]],["t/132",[0,1.725,6,0.424,7,1.535,8,1.304,9,1.69,10,1.341,11,1.32,12,1.358,13,1.431,14,1.352,18,4.405,23,1.831,25,1.656,37,1.539,43,1.161,52,1.336,59,4.053,113,1.391,179,2.441,258,6.459,259,4.009,260,5.457,261,4.771,262,4.831,263,3.247,264,4.676,734,1.714]],["t/134",[0,1.791,1,1.624,4,1.825,6,0.503,7,1.517,8,1.546,9,1.875,10,1.59,11,1.565,12,1.61,13,1.696,14,1.603,16,2.586,19,2.569,20,3.266,23,1.717,25,1.552,27,2.966,37,2.16,43,1.451,52,1.47,56,2.569,64,1.391,66,1.559,77,2.807,86,2.269,87,1.811,97,3.57,109,1.474,113,0.735,123,3.109,127,1.277,157,2.598,165,3.617,179,2.894,194,1.277,205,1.904,266,2.301,271,3.546,287,3.906,288,2.364,289,1.811,290,2.511,306,2.539,311,3.509,312,3.906,313,2.698,316,2.698,317,3.617,318,3.975,319,2.553,320,2.755,321,2.755,323,4.049,324,2.816,325,2.706,327,2.816,328,1.993,329,2.012,330,4.309,331,2.816,333,2.118,734,0.906]],["t/136",[0,1.727,6,0.427,7,1.54,8,1.311,9,1.696,10,1.349,11,1.327,12,1.365,13,1.438,14,1.359,18,4.41,23,1.836,25,1.662,37,1.547,43,1.167,52,1.343,59,4.074,113,1.398,179,2.454,258,6.481,259,4.03,260,5.487,261,3.792,262,4.857,263,3.265,264,4.701,734,1.723]],["t/138",[0,1.79,1,1.507,6,0.457,7,1.306,8,1.404,9,1.77,10,1.444,11,1.421,12,1.462,13,1.54,14,1.456,16,2.835,19,3.909,20,4.122,23,1.748,25,1.41,27,3.949,37,2.038,43,0.91,50,1.782,52,1.047,66,2.312,77,3.517,86,3.022,97,3.914,109,2.186,113,1.09,165,4.817,179,2.628,205,2.823,266,3.412,306,2.485,312,5.202,313,4.001,316,4.001,317,4.817,318,5.294,319,3.786,320,4.085,321,4.085,734,1.343]],["t/140",[0,1.723,1,1.434,6,0.422,7,1.53,8,1.297,9,1.684,10,1.334,11,1.313,12,1.35,13,1.423,14,1.345,23,1.827,25,1.303,37,1.94,43,1.463,52,1.329,113,1.383,123,3.826,127,2.403,179,2.428,271,3.207,306,2.296,311,3.538,323,6.313,324,5.301,325,4.219,327,5.301,328,3.752,329,4.801,734,1.705]],["t/142",[0,1.791,1,1.51,6,0.458,7,1.31,8,1.408,9,1.773,10,1.448,11,1.425,12,1.466,13,1.545,14,1.46,16,2.843,19,3.431,20,4.129,23,1.751,25,1.414,27,3.961,37,2.042,43,0.913,50,1.789,52,1.051,66,2.321,77,3.524,86,3.031,97,3.925,109,2.195,113,1.094,165,4.831,179,2.636,205,2.835,266,3.427,306,2.492,312,5.217,313,4.018,316,4.018,317,4.831,318,5.309,319,3.801,320,4.102,321,4.102,734,1.348]],["t/144",[0,1.725,6,0.424,7,1.535,8,1.304,9,1.69,10,1.341,11,1.32,12,1.358,13,1.431,14,1.352,18,4.405,23,1.831,25,1.656,37,1.539,43,1.161,52,1.336,59,4.053,113,1.391,179,2.441,258,6.459,259,4.009,260,5.457,261,3.772,262,6.111,263,3.247,264,4.676,734,1.714]],["t/146",[0,1.732,1,1.559,5,2.084,6,0.512,7,1.464,8,1.574,9,1.895,10,1.618,11,1.593,12,1.638,13,1.726,14,1.631,16,3.177,23,1.809,24,2.132,25,1.58,37,2.109,46,3.201,47,3.231,111,1.815,113,1.05,179,1.844,184,4.037,216,2.721,227,2.905,259,3.027,265,5.36,266,3.289,267,4.025,306,2.423,362,5.257,366,2.547,367,3.857,370,5.257,371,2.383,372,4.025,734,1.294,735,1.853]],["t/148",[0,1.729,1,1.15,6,0.429,7,1.545,8,1.318,9,1.701,10,1.356,11,1.334,12,1.372,13,1.446,14,1.367,16,2.661,23,1.84,25,1.324,37,1.555,46,3.171,47,2.707,111,2.429,113,1.406,179,2.467,216,4.588,227,3.887,259,4.052,265,6.503,266,4.402,267,5.387,734,1.732]],["t/150",[0,1.729,1,1.15,6,0.429,7,1.545,8,1.318,9,1.701,10,1.356,11,1.334,12,1.372,13,1.446,14,1.367,16,2.661,23,1.84,25,1.324,37,1.555,46,3.171,47,2.707,111,3.061,113,1.406,179,2.467,216,3.642,227,3.887,259,4.052,265,6.503,266,4.402,267,5.387,734,1.732]],["t/152",[0,1.729,1,1.15,6,0.429,7,1.545,8,1.318,9,1.701,10,1.356,11,1.334,12,1.372,13,1.446,14,1.367,16,2.661,23,1.84,25,1.324,37,1.555,46,3.171,47,2.707,111,2.429,113,1.406,179,2.467,216,3.642,227,4.897,259,4.052,265,6.503,266,4.402,267,5.387,734,1.732]],["t/154",[0,1.735,1,1.411,6,0.411,7,1.659,8,1.264,9,1.656,10,1.3,11,1.279,12,1.316,13,1.386,14,1.31,16,2.552,23,1.805,25,1.269,37,1.908,43,1.125,52,1.295,87,3.321,97,3.523,113,1.348,157,4.765,179,2.366,194,2.341,271,4.407,287,5.99,288,4.336,289,3.321,290,4.605,311,4.276,734,1.661]],["t/156",[0,1.733,1,1.406,6,0.409,7,1.655,8,1.257,9,1.651,10,1.293,11,1.273,12,1.309,13,1.379,14,1.304,16,2.539,23,1.8,25,1.263,37,1.902,43,1.119,52,1.288,87,3.304,97,3.505,113,1.341,157,4.74,179,2.354,194,2.329,271,4.637,287,5.971,288,4.314,289,3.304,290,4.581,311,4.271,734,1.652]],["t/158",[0,1.725,1,1.439,6,0.424,7,1.535,8,1.304,9,1.69,10,1.341,11,1.32,12,1.358,13,1.431,14,1.352,23,1.831,25,1.309,37,1.946,43,1.468,52,1.336,113,1.391,123,3.846,127,2.416,179,2.441,271,4.077,306,2.308,311,2.807,323,6.334,324,5.329,325,4.233,327,5.329,328,3.772,329,3.808,734,1.714]],["t/160",[0,1.725,6,0.424,7,1.535,8,1.304,9,1.69,10,1.341,11,1.32,12,1.358,13,1.431,14,1.352,18,4.405,23,1.831,25,1.656,37,1.539,43,1.161,52,1.336,59,4.053,113,1.391,179,2.441,258,6.459,259,4.009,260,5.457,261,3.772,262,4.831,263,4.107,264,4.676,734,1.714]],["t/162",[0,1.733,1,1.406,6,0.409,7,1.655,8,1.257,9,1.651,10,1.293,11,1.273,12,1.309,13,1.379,14,1.304,16,2.539,23,1.8,25,1.263,37,1.902,43,1.119,52,1.288,87,3.304,97,3.505,113,1.341,157,4.74,179,2.354,194,2.329,271,4.637,287,5.971,288,4.314,289,3.304,290,4.581,311,4.271,734,1.652]],["t/164",[0,1.773,1,1.434,6,0.422,7,1.53,8,1.297,9,1.684,10,1.334,11,1.313,12,1.35,13,1.423,14,1.345,16,2.619,19,3.161,20,3.743,23,1.827,25,1.303,37,1.94,97,3.616,109,3.517,113,1.383,165,4.45,179,2.428,266,4.332,306,2.296,312,6.091,313,5.08,316,5.08,317,4.45,734,1.705]],["t/166",[0,1.725,6,0.424,7,1.535,8,1.304,9,1.69,10,1.341,11,1.32,12,1.358,13,1.431,14,1.352,18,4.405,23,1.831,25,1.656,37,1.539,43,1.161,52,1.336,59,4.053,113,1.391,179,2.441,258,6.459,259,4.009,260,5.457,261,3.772,262,4.831,263,3.247,264,5.915,734,1.714]],["t/168",[0,1.791,1,1.51,6,0.458,7,1.31,8,1.408,9,1.773,10,1.448,11,1.425,12,1.466,13,1.545,14,1.46,16,2.843,19,3.431,20,3.94,23,1.751,25,1.414,27,3.961,37,2.042,43,0.913,50,1.789,52,1.051,66,2.321,77,3.524,86,3.031,97,3.925,109,2.195,113,1.094,165,5.516,179,2.636,205,2.835,266,3.427,306,2.492,312,5.217,313,4.018,316,4.018,317,4.831,318,5.309,319,3.801,320,4.102,321,4.102,734,1.348]],["t/170",[0,1.723,1,1.132,6,0.422,7,1.53,8,1.297,9,1.684,10,1.334,11,1.313,12,1.35,13,1.423,14,1.345,16,2.619,23,1.827,25,1.303,37,1.531,43,1.463,52,1.329,77,3.956,84,3.464,92,5.786,113,1.383,179,2.428,259,3.987,261,4.755,277,6.313,278,5.301,734,1.705]],["t/172",[0,1.721,1,1.126,6,0.42,7,1.524,8,1.291,9,1.679,10,1.327,11,1.306,12,1.343,13,1.416,14,1.338,16,2.605,23,1.822,25,1.296,37,1.523,43,1.459,52,1.322,77,3.946,84,3.446,92,5.778,113,1.376,179,2.415,259,3.966,261,5.207,277,6.292,278,5.273,734,1.696]],["t/174",[0,1.773,1,1.434,6,0.422,7,1.53,8,1.297,9,1.684,10,1.334,11,1.313,12,1.35,13,1.423,14,1.345,16,2.619,19,3.161,20,3.743,23,1.827,25,1.303,37,1.94,97,3.616,109,2.775,113,1.383,165,4.45,179,2.428,266,4.332,306,2.296,312,6.091,313,5.08,316,6.437,317,4.45,734,1.705]],["t/176",[0,1.791,1,1.51,6,0.458,7,1.31,8,1.408,9,1.773,10,1.448,11,1.425,12,1.466,13,1.545,14,1.46,16,2.843,19,3.431,20,3.94,23,1.751,25,1.414,27,3.961,37,2.042,43,0.913,50,1.789,52,1.051,66,2.321,77,3.524,86,3.031,97,3.925,109,2.195,113,1.094,165,4.831,179,2.636,205,2.835,266,3.427,306,2.492,312,5.217,313,4.018,316,4.018,317,5.516,318,5.309,319,3.801,320,4.102,321,4.102,734,1.348]],["t/178",[0,1.754,1,1.526,5,1.848,6,0.395,7,1.466,8,1.214,9,1.614,10,1.249,11,1.229,12,1.264,13,1.332,14,1.259,17,3.06,23,1.77,24,1.89,25,1.582,37,1.432,45,1.693,52,1.244,84,3.242,113,1.294,178,3.384,219,4.012,284,3.296,326,4.012,332,3.164,358,5.836,359,4.753,360,7.366,361,6.48,734,1.595]],["t/180",[0,1.735,1,1.411,6,0.411,7,1.659,8,1.264,9,1.656,10,1.3,11,1.279,12,1.316,13,1.386,14,1.31,16,2.552,23,1.805,25,1.269,37,1.908,43,1.125,52,1.295,87,4.248,97,3.523,113,1.348,157,4.765,179,2.366,194,2.341,271,4.407,287,5.99,288,4.336,289,3.321,290,4.605,311,4.181,734,1.661]],["t/182",[0,1.755,1,1.53,5,1.857,6,0.397,7,1.47,8,1.22,9,1.619,10,1.255,11,1.235,12,1.27,13,1.338,14,1.265,17,3.07,23,1.775,24,1.9,25,1.587,37,1.44,45,1.701,52,1.25,84,3.258,113,1.301,178,3.4,219,4.025,284,3.313,326,4.025,332,3.18,358,5.855,359,4.777,360,7.122,361,6.489,734,1.603]],["t/184",[0,1.758,1,1.388,6,0.401,7,1.48,8,1.232,9,1.63,10,1.267,11,1.247,12,1.283,13,1.352,14,1.278,16,2.488,19,3.002,20,3.622,23,1.783,25,1.237,27,4.474,37,1.877,43,1.097,52,1.262,66,2.787,77,4.081,86,3.424,97,3.435,113,1.314,165,4.227,179,2.306,205,3.404,306,2.181,317,4.227,318,5.997,319,4.565,320,4.925,321,4.925,734,1.619]],["t/186",[0,1.726,1,1.46,5,1.689,6,0.483,7,1.382,8,1.485,9,1.831,10,1.527,11,1.503,12,1.546,13,1.629,14,1.54,16,2.24,23,1.809,24,1.728,25,1.491,37,1.752,43,1.49,50,1.935,52,1.137,77,4.292,80,3.272,84,2.963,92,5.388,98,2.684,113,1.183,179,2.077,184,3.272,189,3.272,203,3.411,259,3.411,261,4.295,277,5.702,278,4.535,377,5.702,378,4.535,734,1.458]],["t/188",[0,1.632,1,1.655,5,2.502,6,0.535,7,1.485,8,1.643,9,1.943,10,1.69,11,1.663,12,1.711,13,1.802,14,1.704,17,1.542,23,1.741,24,2.559,25,1.65,26,2.006,29,1.398,30,1.74,32,2.037,33,1.466,37,1.939,40,1.677,43,1.312,45,2.225,46,2.519,47,2.662,50,0.841,52,1.036,55,2.243,56,1.175,61,2.576,62,2.193,64,0.973,77,2.217,80,1.422,83,1.267,94,1.077,95,2.439,98,1.166,109,2.508,112,1.077,113,0.514,127,0.893,184,1.422,186,2.34,189,1.422,191,2.253,198,3.24,201,1.729,203,1.482,205,1.332,211,2.723,284,1.309,291,1.356,311,1.708,325,2.037,328,2.295,329,2.317,332,1.257,333,1.482,371,1.166,377,3.048,378,1.97,383,2.723,384,1.677,385,3.447,389,3.613,390,2.494,391,3.157,392,2.494,393,2.871,394,2.523,395,1.466,404,1.451,409,1.589,410,1.589,411,1.589,412,1.589,413,2.802,414,1.569,415,2.523,416,2.364,417,2.553,428,1.786,429,1.786,430,1.786,431,2.992,432,1.927,443,3.048,444,1.786,445,1.97,448,2.992,449,1.888,459,1.532,460,1.298,473,1.589,474,2.992,475,1.927,480,2.802,481,1.237,482,1.786,734,0.633]],["t/190",[0,1.773,1,1.625,4,2.02,5,1.923,6,0.526,7,1.504,8,1.616,9,1.925,10,1.662,11,1.636,12,1.682,13,1.773,14,1.676,16,2.299,17,2.453,19,1.859,20,2.875,21,2.529,23,1.716,24,1.773,25,1.665,26,1.161,27,2.145,29,1.722,30,1.007,34,1.412,37,2.198,43,1.345,45,1.064,46,2.151,47,1.566,52,1.294,56,1.859,66,1.039,77,2.144,84,1.227,86,1.642,94,1.026,95,2.345,97,2.126,98,1.112,109,0.983,112,1.026,113,0.49,123,2.884,127,0.851,165,2.617,178,2.726,179,2.364,184,2.249,205,1.27,209,1.27,211,1.576,219,1.942,266,1.534,271,1.136,284,1.248,288,1.576,306,2.774,311,0.989,312,2.826,313,1.799,316,1.799,317,2.617,318,2.876,319,1.702,320,1.837,321,1.837,323,2.929,324,1.878,325,1.957,326,1.942,327,1.878,328,1.329,329,1.342,330,3.117,331,1.878,332,1.198,333,1.412,334,3.117,335,2.929,336,1.765,337,1.878,338,2.454,339,1.623,340,2.779,341,1.732,355,1.765,356,1.765,357,1.765,358,2.826,359,1.799,360,4.372,361,4.163,362,2.929,363,1.973,364,1.702,366,1.188,367,1.799,370,2.929,371,1.112,372,1.878,734,0.604]],["t/192",[0,1.733,1,1.406,6,0.409,7,1.499,8,1.257,9,1.651,10,1.293,11,1.273,12,1.309,13,1.379,14,1.304,16,2.539,23,1.8,25,1.263,37,1.902,43,1.119,52,1.288,87,3.304,95,3.865,97,3.505,112,2.808,113,1.341,157,4.74,179,2.354,194,2.329,211,4.314,271,4.397,287,5.971,288,4.314,289,3.304,290,4.581,311,4.174,734,1.652]],["t/194",[0,1.408,1,1.449,5,2.007,6,0.429,7,1.545,8,1.318,9,1.701,10,1.356,11,1.334,12,1.372,13,1.446,14,1.367,23,1.84,24,2.053,25,1.324,37,1.555,43,1.173,45,1.838,52,1.35,55,1.92,113,1.406,198,3.642,371,3.189,389,3.674,413,5.864,414,4.292,415,5.279,416,4.947,417,5.342,428,4.883,429,4.883,430,6.152,734,1.732]],["t/196",[0,1.591,1,1.564,2,3.932,3,2.327,4,2.151,5,2.152,6,0.507,7,1.315,8,1.558,9,1.884,10,1.602,11,1.576,12,1.621,13,1.708,14,1.615,15,2.395,16,1.64,17,3.482,18,2.583,19,1.979,20,1.849,21,3.085,22,2.712,23,1.755,24,2.201,25,1.564,26,4.193,27,2.284,28,2.748,29,1.43,30,1.78,31,2.225,32,2.084,33,2.47,34,2.497,35,2.748,36,2.084,37,1.958,43,1.062,45,1.663,46,1.883,47,1.668,50,1.416,55,1.737,56,1.979,61,2.068,62,2.244,69,1.678,109,2.552,113,0.866,123,2.395,179,1.52,186,3.517,198,2.244,201,2.912,205,2.244,209,2.244,284,2.206,288,2.786,291,2.284,306,1.438,325,2.084,328,2.349,332,2.117,333,2.497,334,4.874,338,2.613,363,3.488,364,3.009,385,2.008,389,2.264,391,2.187,393,2.305,431,4.497,432,3.247,459,2.582,460,2.187,473,2.678,734,1.067]],["t/198",[0,1.408,1,1.449,5,2.007,6,0.429,7,1.545,8,1.318,9,1.701,10,1.356,11,1.334,12,1.372,13,1.446,14,1.367,23,1.84,24,2.053,25,1.324,37,1.555,43,1.173,45,1.838,52,1.35,55,1.92,113,1.406,198,3.642,371,3.189,389,3.674,413,5.864,414,4.292,415,5.279,416,4.947,417,5.342,428,6.152,429,4.883,430,4.883,734,1.732]],["t/200",[0,1.617,1,1.663,2,2.672,3,1.417,4,1.31,5,2.524,6,0.539,7,1.499,8,1.658,9,1.953,10,1.705,11,1.678,12,1.726,13,1.818,14,1.719,15,1.459,16,0.999,17,1.575,18,2.579,19,1.205,20,1.126,21,2.096,22,1.652,23,1.754,24,2.581,25,1.705,26,1.25,27,1.391,28,1.674,29,2.919,30,2.881,31,2.821,32,2.08,33,1.504,34,1.521,35,1.674,36,1.269,37,1.956,38,3.174,39,2.639,40,1.721,41,2.07,42,1.591,43,1.257,44,1.747,45,2.247,46,2.543,47,2.699,48,3.174,49,1.802,50,0.863,51,1.404,52,0.83,53,1.537,54,1.474,55,0.721,56,1.205,57,2.954,58,3.664,59,2.519,60,1.802,61,2.064,62,1.367,63,3.056,64,0.999,65,1.937,66,2.973,67,2.821,68,3.174,69,1.022,70,2.07,71,3.113,72,1.684,73,2.022,74,2.954,75,1.865,76,2.547,77,2.611,78,1.9,79,1.9,80,2.391,81,1.697,82,2.781,83,2.13,84,1.321,85,1.721,86,1.745,87,2.13,88,1.774,89,1.774,90,3.056,91,1.977,92,2.345,93,1.977,94,1.105,95,1.521,113,0.528,734,0.65,736,2.254]],["t/202",[0,1.739,1,1.526,5,1.848,6,0.395,7,1.466,8,1.214,9,1.614,10,1.249,11,1.229,12,1.264,13,1.332,14,1.259,17,3.06,23,1.77,24,1.89,25,1.756,37,1.432,45,1.693,52,1.244,84,3.242,113,1.294,178,3.384,219,4.012,284,3.296,326,4.012,332,3.164,358,5.836,359,4.753,360,7.366,361,6.48,734,1.595]],["t/204",[0,1.621,1,1.655,5,2.502,6,0.535,7,1.485,8,1.643,9,1.943,10,1.69,11,1.663,12,1.711,13,1.802,14,1.704,17,1.542,23,1.741,24,2.559,25,1.691,26,2.006,29,1.398,30,1.74,32,2.037,33,1.466,37,1.939,40,1.677,43,1.312,45,2.225,46,2.519,47,2.662,50,0.841,52,1.036,55,2.243,56,1.175,61,2.576,62,2.193,64,0.973,77,2.217,80,1.422,83,1.267,94,1.077,95,2.439,98,1.166,109,2.508,112,1.077,113,0.514,127,0.893,184,1.422,186,2.34,189,1.422,191,2.253,198,3.24,201,1.729,203,1.482,205,1.332,211,1.654,284,1.309,291,1.356,311,1.708,325,2.037,328,2.295,329,2.317,332,1.257,333,1.482,371,1.166,377,3.048,378,1.97,383,2.723,384,1.677,385,3.447,389,3.613,390,2.494,391,3.157,392,2.494,393,2.871,394,2.523,395,1.466,404,1.451,409,1.589,410,1.589,411,1.589,412,1.589,413,2.802,414,1.569,415,2.523,416,2.364,417,2.553,428,1.786,429,1.786,430,1.786,431,2.992,432,1.927,443,3.048,444,1.786,445,1.97,448,2.992,449,1.888,459,1.532,460,1.298,473,1.589,474,2.992,475,1.927,480,2.802,481,1.237,482,1.786,734,0.633,736,2.197]],["t/206",[0,1.771,1,1.625,4,2.02,5,1.923,6,0.526,7,1.504,8,1.616,9,1.925,10,1.662,11,1.636,12,1.682,13,1.773,14,1.676,16,2.299,17,2.453,19,1.859,20,2.875,21,2.529,23,1.716,24,1.773,25,1.702,26,1.161,27,2.145,29,1.722,30,1.007,34,1.412,37,2.198,43,1.345,45,1.064,46,2.151,47,1.566,52,1.294,56,1.859,66,1.039,77,2.144,84,1.227,86,1.642,94,1.026,95,2.345,97,2.126,98,1.112,109,0.983,112,1.026,113,0.49,123,2.884,127,0.851,165,2.617,178,2.726,179,2.364,184,2.249,205,1.27,209,1.27,219,1.942,266,1.534,271,1.136,284,1.248,288,1.576,306,2.774,311,0.989,312,2.826,313,1.799,316,1.799,317,2.617,318,2.876,319,1.702,320,1.837,321,1.837,323,2.929,324,1.878,325,1.957,326,1.942,327,1.878,328,1.329,329,1.342,330,3.117,331,1.878,332,1.198,333,1.412,334,3.117,335,2.929,336,1.765,337,1.878,338,2.454,339,1.623,340,2.779,341,1.732,355,1.765,356,1.765,357,1.765,358,2.826,359,1.799,360,4.372,361,4.163,362,2.929,363,1.973,364,1.702,366,1.188,367,1.799,370,2.929,371,1.112,372,1.878,734,0.604,736,2.094]],["t/208",[0,1.695,1,1.072,3,3.058,6,0.549,7,1.605,8,1.686,9,1.958,10,1.734,11,1.707,12,1.755,13,1.85,14,1.748,16,3.076,17,2.81,18,3.132,23,1.78,25,1.903,29,0.917,36,2.739,37,1.99,39,2.753,43,1.413,46,2.506,47,1.07,49,1.898,52,1.258,55,0.759,58,1.452,59,1.619,69,1.076,77,2.339,84,1.391,87,1.369,92,3.906,94,1.163,95,2.599,97,1.452,109,1.114,111,0.96,112,1.163,113,0.556,117,1.234,127,0.965,157,1.964,161,0.412,162,1.307,166,1.964,169,1.128,179,3.156,189,3.983,194,0.965,203,4.151,204,3.538,205,1.439,206,2.374,207,3.631,208,2.459,210,3.631,211,1.787,212,2.459,213,2.459,216,1.439,227,1.536,238,3.538,239,2.18,242,3.38,243,2.18,255,3.631,256,1.507,257,2.459,258,3.311,259,3.28,260,2.18,261,3.087,262,1.93,263,1.297,264,1.868,265,3.311,266,1.74,267,2.129,271,2.638,277,3.247,278,2.129,287,3.133,288,1.787,289,1.369,290,1.898,311,2.907,734,0.685,736,2.374]],["t/210",[1,0.528,4,2.527,6,0.575,7,1.643,8,1.766,9,2.025,10,1.817,11,1.788,12,1.839,13,1.697,14,1.831,16,1.223,19,1.476,20,1.379,23,1.853,25,1.996,29,1.067,36,2.448,37,2.125,43,1.377,44,3.369,45,2.339,46,0.956,52,0.977,77,2.091,83,1.592,84,1.618,86,2.053,94,1.353,95,2.932,97,1.689,99,5.142,108,2.998,109,1.296,112,1.353,113,0.646,114,4.213,115,3.899,116,3.899,117,2.796,118,2.326,122,4.213,123,3.948,124,1.618,125,1.158,126,4.213,127,1.122,128,2.76,129,1.873,130,0.882,131,2.76,153,4.213,154,2.76,155,2.979,156,3.899,161,0.479,171,4.096,172,2.76,173,2.372,174,4.96,177,3.813,178,1.689,179,2.726,180,2.601,182,2.078,183,3.899,184,1.786,185,2.675,186,1.786,189,1.786,190,4.096,191,1.719,192,2.86,193,3.413,197,4.096,198,1.674,199,2.86,200,4.096,201,2.172,202,2.86,203,1.862,734,0.796,736,2.76]],["t/212",[0,1.418,1,1.459,5,2.029,6,0.434,7,1.556,8,1.333,9,1.713,10,1.37,11,1.349,12,1.387,13,1.462,14,1.382,23,1.849,24,2.075,25,1.338,37,1.572,45,1.858,52,1.365,58,3.714,66,3.782,72,2.768,74,6.092,75,5.023,76,5.254,77,3.665,78,5.117,79,6.421,80,3.929,81,4.571,113,1.421,734,1.751]],["t/214",[0,1.51,1,1.553,5,2.247,6,0.48,7,1.373,8,1.476,9,1.824,10,1.518,11,1.494,12,1.536,13,1.619,14,1.53,23,1.802,24,2.299,25,1.482,37,1.742,43,1.314,45,2.058,46,2.33,47,2.258,50,1.918,52,1.127,55,2.427,83,2.889,113,1.173,198,3.038,311,2.367,371,2.66,385,3.648,389,4.644,391,2.961,404,3.309,413,5.212,414,3.58,415,4.692,416,4.396,417,4.747,428,4.074,429,4.074,430,4.074,480,5.212,481,2.822,482,4.074,734,1.445]],["t/216",[6,0.451,7,1.289,8,1.385,9,1.755,10,1.425,11,1.402,12,1.442,14,1.436,23,1.882,25,1.867,37,1.634,43,1.233,95,4.257,96,7.805,97,3.861,98,3.351,99,4.891,100,6.811,101,6.811,102,4.687,103,4.82,104,5.796,105,2.167,106,6.811,107,6.312,112,3.094,113,1.477,734,1.82,736,6.312]],["t/218",[0,1.569,1,1.614,5,2.396,6,0.512,7,1.464,8,1.574,9,1.895,10,1.618,11,1.593,12,1.638,13,1.726,14,1.631,17,1.913,23,1.809,24,2.45,25,1.58,26,2.489,29,1.735,30,2.159,37,1.857,40,3.427,43,0.877,45,2.194,46,2.161,47,2.023,52,1.009,55,2.603,64,1.989,109,2.107,113,1.05,191,2.796,198,3.782,201,3.532,284,2.675,332,2.567,383,4.696,384,3.427,385,3.384,389,4.74,390,3.095,391,2.652,392,3.095,393,2.796,431,5.161,432,3.937,448,5.161,449,3.857,734,1.294,735,1.853]],["t/220",[0,1.376,1,1.415,2,5.348,3,3.64,4,3.365,5,1.934,6,0.413,7,1.509,8,1.27,9,1.662,10,1.307,11,1.286,12,1.322,13,1.394,14,1.317,15,3.746,16,2.565,17,3.151,18,3.513,19,3.095,20,2.892,21,4.195,22,4.242,23,1.809,24,1.978,25,1.276,26,3.211,27,3.573,28,4.299,29,2.237,30,2.785,31,3.48,32,3.26,33,3.863,34,3.905,35,5.49,36,3.26,37,1.499,113,1.355,734,1.669]],["t/222",[0,1.408,1,1.449,5,2.007,6,0.429,7,1.545,8,1.318,9,1.701,10,1.356,11,1.334,12,1.372,13,1.446,14,1.367,23,1.84,24,2.053,25,1.324,37,1.555,43,1.173,45,1.838,52,1.35,55,1.92,113,1.406,198,3.642,371,3.189,389,3.674,413,5.864,414,4.292,415,5.279,416,4.947,417,5.342,428,4.883,429,6.152,430,4.883,734,1.732]],["t/224",[0,1.376,1,1.415,2,5.348,3,3.64,4,3.365,5,1.934,6,0.413,7,1.509,8,1.27,9,1.662,10,1.307,11,1.286,12,1.322,13,1.394,14,1.317,15,3.746,16,2.565,17,3.151,18,3.513,19,3.095,20,2.892,21,4.195,22,4.242,23,1.809,24,1.978,25,1.276,26,3.211,27,3.573,28,5.49,29,2.237,30,2.785,31,3.48,32,3.26,33,3.863,34,3.905,35,4.299,36,3.26,37,1.499,113,1.355,734,1.669]],["t/226",[0,1.546,1,1.454,5,2.018,6,0.431,7,1.55,8,1.325,9,1.707,10,1.363,11,1.341,12,1.38,13,1.454,14,1.374,20,3.017,23,1.845,24,2.064,25,1.331,29,3.21,30,2.905,37,1.966,43,1.18,45,1.848,98,3.206,113,1.413,178,3.694,306,2.346,340,6.071,341,4.996,355,5.089,356,6.399,357,5.089,734,1.741]],["t/228",[0,1.671,1,1.59,5,2.017,6,0.499,7,1.232,8,1.534,9,1.867,10,1.578,11,1.553,12,1.597,13,1.683,14,1.591,17,1.825,23,1.778,24,2.063,25,1.54,26,2.375,37,1.966,43,1.366,45,1.847,46,2.091,47,1.93,50,1.639,52,0.963,56,2.29,61,2.393,62,2.596,109,2.834,113,1.002,123,2.771,127,1.741,179,1.759,186,3.906,198,2.596,205,2.596,271,2.323,291,2.643,306,1.663,311,2.851,323,5.087,324,3.84,325,4.275,327,3.84,328,4.818,329,4.48,333,2.888,385,2.323,391,2.531,393,2.667,443,5.087,444,3.481,445,3.84,459,2.987,460,2.531,473,3.098,734,1.235,735,1.768]],["t/230",[0,1.38,1,1.42,5,1.944,6,0.416,7,1.514,8,1.277,9,1.667,10,1.313,11,1.293,12,1.329,13,1.401,14,1.324,23,1.813,24,1.989,25,1.282,29,2.249,30,2.799,37,1.507,43,1.137,45,1.781,46,2.016,47,2.622,52,1.308,61,4.145,62,3.528,109,2.732,113,1.362,127,2.366,191,3.625,385,3.157,390,4.013,391,3.439,392,4.013,393,3.625,394,5.174,395,3.883,409,4.21,410,4.21,411,4.21,412,5.366,734,1.678]],["t/232",[0,1.546,1,1.591,5,2.338,6,0.5,7,1.293,8,1.536,9,1.868,10,1.579,11,1.554,12,1.599,13,1.684,14,1.592,17,1.532,23,1.737,24,2.391,25,1.542,26,1.993,29,2.056,30,2.558,37,1.812,43,1.367,45,2.142,46,2.588,47,2.853,50,1.375,52,1.196,55,2.024,56,1.922,61,3.538,62,3.225,64,1.592,69,1.629,83,2.072,109,3.285,113,0.841,127,1.461,186,3.442,191,3.313,205,2.179,291,2.218,311,1.698,325,2.024,328,2.281,333,2.424,383,4.004,384,2.744,385,4.242,389,3.253,390,3.668,391,4.414,392,3.668,393,3.944,394,3.71,395,2.399,404,2.374,409,2.6,410,2.6,411,2.6,412,2.6,459,2.507,460,2.124,473,2.6,480,4.122,481,2.024,482,2.922,734,1.036]],["t/234",[0,1.491,1,1.534,5,2.201,6,0.47,7,1.345,8,1.446,9,1.801,10,1.487,11,1.463,12,1.505,13,1.586,14,1.499,23,1.78,24,2.251,25,1.451,29,2.546,30,3.169,37,1.706,43,1.287,45,2.016,46,1.683,47,2.19,50,1.859,52,1.481,55,1.553,61,3.681,62,2.946,64,2.153,109,3.093,113,1.137,127,1.975,191,4.103,383,4.959,384,3.71,385,4.054,389,2.972,390,4.543,391,3.893,392,5.154,393,4.103,394,4.595,395,3.242,409,3.515,410,3.515,411,3.515,412,3.515,734,1.401]],["t/236",[0,1.546,1,1.454,5,2.018,6,0.431,7,1.55,8,1.325,9,1.707,10,1.363,11,1.341,12,1.38,13,1.454,14,1.374,20,3.017,23,1.845,24,2.064,25,1.331,29,3.21,30,2.905,37,1.966,43,1.18,45,1.848,98,3.206,113,1.413,178,3.694,306,2.346,340,6.071,341,4.996,355,5.089,356,5.089,357,6.399,734,1.741]],["t/238",[0,1.718,1,1.557,5,2.079,6,0.511,7,1.461,8,1.57,9,1.893,10,1.615,11,1.589,12,1.634,13,1.722,14,1.628,16,3.17,23,1.806,24,2.126,25,1.576,37,2.106,46,3.171,47,3.486,49,3.574,95,3.015,111,1.808,112,2.191,113,1.046,179,1.836,184,4.026,216,2.71,227,2.893,259,3.015,265,5.345,266,3.276,267,4.009,306,2.416,362,5.242,366,2.537,367,3.841,370,5.242,371,2.373,372,4.009,734,1.289]],["t/240",[0,1.614,1,1.66,5,2.515,6,0.538,7,1.442,8,1.652,9,1.949,10,1.699,11,1.672,12,1.72,13,1.812,14,1.713,17,0.951,18,1.741,23,1.749,24,2.573,25,1.659,26,1.238,29,1.801,30,1.762,32,2.625,33,1.489,37,1.949,38,3.148,39,2.618,40,2.798,41,2.049,42,1.575,43,1.471,44,1.729,45,2.304,46,2.955,47,3.476,48,3.148,49,2.929,50,1.402,51,1.39,52,0.824,53,1.522,54,1.459,55,1.904,56,1.959,57,2.929,58,2.241,59,2.498,60,1.784,61,3.329,62,2.826,68,3.148,69,1.011,70,2.049,83,2.113,90,3.031,91,1.958,92,2.325,93,1.958,94,1.094,95,1.505,109,2.188,113,0.522,127,0.907,186,2.371,191,1.39,198,1.353,205,1.353,211,1.68,291,1.377,311,1.054,325,1.257,328,1.416,333,1.505,385,2.926,389,2.241,390,1.539,391,2.754,392,1.539,393,2.282,394,2.556,395,1.489,404,1.474,409,1.615,410,1.615,411,1.615,412,1.615,448,3.031,449,1.918,459,1.557,460,1.319,473,1.615,474,3.031,475,1.958,480,2.839,481,1.257,482,1.814,734,0.644]],["t/242",[0,1.394,1,1.434,5,1.975,6,0.422,7,1.53,8,1.297,9,1.684,10,1.334,11,1.313,12,1.35,13,1.423,14,1.345,23,1.827,24,2.02,25,1.303,29,3.179,30,2.844,31,3.553,37,1.531,45,1.809,66,2.934,67,4.514,77,3.604,80,3.826,82,5.64,83,3.409,84,3.464,85,4.514,86,3.538,87,4.32,88,5.895,89,4.652,113,1.383,734,1.705]],["t/244",[0,1.518,1,1.562,5,2.268,6,0.485,7,1.386,8,1.489,9,1.834,10,1.532,11,1.508,12,1.55,13,1.634,14,1.544,23,1.812,24,2.319,25,1.495,29,3.286,30,3.265,31,4.079,37,1.758,45,2.077,50,1.944,58,3.107,63,5.615,64,2.25,65,4.365,66,3.369,67,5.837,77,3.265,80,3.287,82,5.109,83,2.929,84,2.977,85,3.879,86,3.206,87,3.913,88,3.997,89,3.997,113,1.189,734,1.465]],["t/246",[0,1.61,1,1.64,2,2.902,3,1.569,4,1.451,5,2.463,6,0.526,7,1.505,8,1.618,9,1.926,10,1.664,11,1.637,12,1.684,13,1.774,14,1.677,15,1.615,16,1.106,17,1.71,18,1.906,19,1.334,20,2.004,21,2.277,22,1.829,23,1.734,24,2.519,25,1.624,26,1.384,27,1.54,28,1.853,29,3.275,30,3.659,31,3.024,32,1.405,33,1.665,34,1.683,35,1.853,36,1.405,37,1.97,43,1.126,45,2.169,46,1.743,47,1.808,52,0.902,55,0.798,57,3.208,58,3.077,59,1.702,60,1.995,61,3.22,62,2.433,63,3.319,64,1.777,65,2.144,66,2.497,67,3.064,71,3.381,72,1.138,73,2.238,77,1.93,80,1.615,82,3.02,83,1.439,84,1.463,85,1.906,86,1.895,87,2.313,88,1.964,89,1.964,98,1.325,109,1.884,113,0.584,124,1.463,127,1.015,178,1.527,191,2.499,306,0.969,340,3.208,341,2.065,355,2.103,356,2.103,357,2.103,383,3.02,384,1.906,385,2.729,389,1.527,390,2.767,391,2.371,392,2.767,393,2.499,394,2.799,395,1.665,409,1.805,410,1.805,411,1.805,412,1.805,734,0.72]],["t/248",[0,1.701,1,1.444,6,0.427,7,1.54,8,1.311,9,1.696,10,1.349,11,1.327,12,1.365,13,1.438,14,1.359,23,1.836,25,1.316,37,1.953,43,1.473,52,1.343,113,1.398,123,3.866,127,2.429,179,2.454,271,3.241,306,2.321,311,2.822,323,6.356,324,5.358,325,4.247,327,6.764,328,3.792,329,3.829,734,1.723]],["t/250",[0,1.38,1,1.42,5,1.944,6,0.416,7,1.188,8,1.277,9,1.667,10,1.313,11,1.293,12,1.329,13,1.401,14,1.324,17,2.481,23,1.813,24,1.989,25,1.282,26,3.227,37,1.507,43,1.137,45,1.781,46,2.57,47,2.622,50,2.227,56,3.111,61,3.252,62,3.528,109,3.482,113,1.362,186,4.8,205,3.528,291,3.592,325,3.277,328,3.693,333,3.925,385,3.157,391,3.439,393,3.625,459,4.059,460,3.439,473,5.366,734,1.678]],["t/252",[0,1.521,1,1.565,5,2.274,6,0.486,7,1.191,8,1.494,9,1.837,10,1.536,11,1.512,12,1.555,13,1.638,14,1.549,17,1.739,23,1.745,24,2.326,25,1.5,26,2.262,29,2.254,30,2.805,37,1.763,43,1.33,45,2.083,46,2.358,47,2.628,50,1.561,52,1.311,55,1.304,56,2.181,61,3.804,62,3.536,64,1.807,109,3.487,113,0.955,127,1.658,186,3.774,191,3.632,205,2.473,291,2.518,325,2.297,328,2.589,333,2.751,383,4.39,384,3.115,385,4.029,389,2.495,390,4.022,391,4.022,392,4.022,393,4.626,394,4.068,395,2.722,409,2.951,410,2.951,411,2.951,412,2.951,459,2.846,460,2.411,473,2.951,734,1.176,735,1.684]],["t/254",[0,1.438,1,1.479,5,2.074,6,0.443,7,1.577,8,1.362,9,1.736,10,1.401,11,1.379,12,1.418,13,1.494,14,1.412,23,1.868,24,2.121,25,1.368,37,1.607,43,1.212,45,1.9,46,2.676,47,2.797,59,4.233,83,3.579,90,6.391,91,5.445,92,4.902,93,6.776,113,1.453,734,1.79]],["t/256",[0,1.566,1,1.44,2,4.808,3,3.095,4,3.863,5,2.221,6,0.475,7,1.357,8,1.459,9,1.811,10,1.5,11,1.476,12,1.518,13,1.6,14,1.512,15,3.186,16,2.181,17,2.833,18,3.158,19,2.632,20,2.46,21,4.774,22,3.607,23,1.789,24,1.682,25,1.464,26,2.73,27,3.038,28,3.656,29,1.903,30,2.368,31,2.959,32,2.772,33,3.285,34,5.075,35,3.656,36,2.772,37,1.948,43,0.962,50,1.884,52,1.107,113,1.152,178,3.011,306,1.912,335,5.601,336,4.149,337,4.415,338,3.475,339,3.815,734,1.42]],["t/258",[0,1.617,1,1.548,4,2.887,5,1.659,6,0.477,7,1.014,8,1.467,9,1.817,10,1.509,11,1.485,12,1.527,13,1.609,14,1.521,17,2.117,23,1.796,24,1.697,25,1.473,26,2.755,37,1.957,43,1.476,45,1.52,46,2.316,47,2.238,50,2.559,52,1.117,56,4.041,61,2.776,62,3.011,109,3.139,113,1.162,123,3.214,179,2.04,186,4.327,205,3.011,291,3.065,306,1.929,325,2.797,328,3.152,330,5.996,331,4.454,333,5.098,385,2.694,391,2.935,393,3.094,459,3.465,460,2.935,473,3.593,734,1.432]],["t/260",[0,1.394,1,1.434,5,1.975,6,0.422,7,1.53,8,1.297,9,1.684,10,1.334,11,1.313,12,1.35,13,1.423,14,1.345,23,1.827,24,2.02,25,1.303,29,3.179,30,2.844,31,3.553,37,1.531,45,1.809,66,2.934,67,4.514,77,3.604,80,3.826,82,5.64,83,3.409,84,3.464,85,4.514,86,3.538,87,4.32,88,4.652,89,5.895,113,1.383,734,1.705]],["t/262",[0,1.38,1,1.42,5,1.944,6,0.416,7,1.514,8,1.277,9,1.667,10,1.313,11,1.293,12,1.329,13,1.401,14,1.324,23,1.813,24,1.989,25,1.282,29,2.249,30,2.799,37,1.507,43,1.137,45,1.781,46,2.016,47,2.622,52,1.308,61,4.145,62,3.528,109,2.732,113,1.362,127,2.366,191,3.625,385,3.157,390,4.013,391,3.439,392,4.013,393,3.625,394,5.174,395,3.883,409,4.21,410,4.21,411,5.366,412,4.21,734,1.678]],["t/264",[0,1.526,1,1.57,5,2.288,6,0.489,7,1.2,8,1.503,9,1.844,10,1.546,11,1.521,12,1.564,13,1.648,14,1.558,17,1.758,23,1.753,24,2.34,25,1.509,26,2.287,29,2.647,30,2.827,37,1.773,43,1.338,45,2.096,46,2.734,47,3.086,50,1.578,52,0.927,56,2.205,57,4.699,58,2.523,59,2.812,60,3.297,61,4.409,62,4.526,109,3.215,113,0.965,127,1.677,186,3.804,191,2.569,205,2.501,291,2.546,325,2.323,328,2.618,333,2.782,385,3.188,390,2.844,391,3.473,392,2.844,393,3.661,394,4.1,395,2.752,409,2.984,410,2.984,411,2.984,412,2.984,459,2.877,460,2.437,473,2.984,734,1.189,735,1.703]],["t/266",[0,1.38,1,1.42,5,1.944,6,0.416,7,1.514,8,1.277,9,1.667,10,1.313,11,1.293,12,1.329,13,1.401,14,1.324,23,1.813,24,1.989,25,1.282,29,2.249,30,2.799,37,1.507,43,1.137,45,1.781,46,2.016,47,2.622,52,1.308,61,4.145,62,3.528,109,2.732,113,1.362,127,2.366,191,3.625,385,3.157,390,4.013,391,3.439,392,4.013,393,3.625,394,5.174,395,3.883,409,4.21,410,5.366,411,4.21,412,4.21,734,1.678]],["t/268",[0,1.418,1,1.459,5,2.029,6,0.434,7,1.556,8,1.333,9,1.713,10,1.37,11,1.349,12,1.387,13,1.462,14,1.382,23,1.849,24,2.075,25,1.338,37,1.572,45,1.858,52,1.365,58,3.714,66,3.782,72,2.768,74,6.092,75,5.023,76,5.254,77,3.665,78,5.117,79,5.117,80,4.931,81,4.571,113,1.421,734,1.751]],["t/270",[0,1.58,1,1.559,5,2.261,6,0.483,7,1.382,8,1.485,9,1.831,10,1.527,11,1.503,12,1.546,13,1.629,14,1.54,23,1.809,24,2.312,25,1.491,29,2.947,30,2.432,31,3.039,37,1.752,43,0.988,45,1.547,50,1.935,66,2.51,67,3.861,77,4.084,80,4.935,82,5.094,83,2.915,84,2.963,85,3.861,86,3.196,87,3.902,88,3.979,89,3.979,98,2.684,113,1.183,184,3.272,189,3.272,203,3.411,377,5.702,378,4.535,734,1.458]],["t/272",[0,1.507,1,1.551,2,4.851,3,3.136,4,2.9,5,2.24,6,0.479,7,1.369,8,1.472,9,1.821,10,1.514,11,1.489,12,1.532,13,1.614,14,1.526,15,3.228,16,2.21,17,2.859,18,3.186,19,2.667,20,2.492,21,3.806,22,3.656,23,1.799,24,2.292,25,1.478,26,2.767,27,3.079,28,3.705,29,1.928,30,2.4,31,2.999,32,4.266,33,5.055,34,3.365,35,3.705,36,2.809,37,1.736,43,0.975,45,1.527,46,2.323,47,2.248,50,1.909,113,1.167,211,3.756,474,5.548,475,4.376,734,1.439]],["t/274",[0,1.617,1,1.675,2,2.672,3,1.417,4,1.31,5,2.524,6,0.539,7,1.499,8,1.658,9,1.953,10,1.705,11,1.678,12,1.726,13,1.818,14,1.719,15,1.459,16,0.999,17,1.575,18,2.579,19,1.205,20,1.126,21,2.096,22,1.652,23,1.754,24,2.581,25,1.664,26,1.25,27,1.391,28,1.674,29,2.919,30,2.881,31,2.821,32,2.08,33,1.504,34,1.521,35,1.674,36,1.269,37,1.956,38,3.174,39,2.639,40,1.721,41,2.07,42,1.591,43,1.257,44,1.747,45,2.247,46,2.543,47,2.699,48,3.174,49,1.802,50,0.863,51,1.404,52,0.83,53,1.537,54,1.474,55,0.721,56,1.205,57,2.954,58,3.664,59,2.519,60,1.802,61,2.064,62,1.367,63,3.056,64,0.999,65,1.937,66,2.973,67,2.821,68,3.174,69,1.022,70,2.07,71,3.113,72,1.684,73,2.022,74,2.954,75,1.865,76,2.547,77,2.611,78,1.9,79,1.9,80,2.391,81,1.697,82,2.781,83,2.13,84,1.321,85,1.721,86,1.745,87,2.13,88,1.774,89,1.774,90,3.056,91,1.977,92,2.345,93,1.977,94,1.105,95,1.521,113,0.528,444,1.833,734,0.65]],["t/276",[0,1.617,1,1.663,2,2.672,3,1.417,4,1.31,5,2.524,6,0.539,7,1.499,8,1.658,9,1.953,10,1.705,11,1.678,12,1.726,13,1.818,14,1.719,15,1.459,16,0.999,17,1.575,18,2.579,19,1.205,20,1.126,21,2.096,22,1.652,23,1.754,24,2.644,25,1.664,26,1.25,27,1.391,28,1.674,29,2.919,30,2.881,31,2.821,32,2.08,33,1.504,34,1.521,35,1.674,36,1.269,37,1.956,38,3.174,39,2.639,40,1.721,41,2.07,42,1.591,43,1.257,44,1.747,45,2.247,46,2.543,47,2.699,48,3.174,49,1.802,50,0.863,51,1.404,52,0.83,53,1.537,54,1.474,55,0.721,56,1.205,57,2.954,58,3.664,59,2.519,60,1.802,61,2.064,62,1.367,63,3.056,64,0.999,65,1.937,66,2.973,67,2.821,68,3.174,69,1.022,70,2.07,71,3.113,72,1.684,73,2.022,74,2.954,75,1.865,76,2.547,77,2.611,78,1.9,79,1.9,80,2.391,81,1.697,82,2.781,83,2.13,84,1.321,85,1.721,86,1.745,87,2.13,88,1.774,89,1.774,90,3.056,91,1.977,92,2.345,93,1.977,94,1.105,95,1.521,113,0.528,444,1.833,734,0.65]],["t/278",[0,1.621,1,1.655,5,2.502,6,0.535,7,1.485,8,1.643,9,1.943,10,1.69,11,1.663,12,1.711,13,1.802,14,1.704,17,1.542,23,1.741,24,2.623,25,1.65,26,2.006,29,1.398,30,1.74,32,2.037,33,1.466,37,1.939,40,1.677,43,1.312,45,2.225,46,2.519,47,2.662,50,0.841,52,1.036,55,2.243,56,1.175,61,2.576,62,2.193,64,0.973,77,2.217,80,1.422,83,1.267,94,1.077,95,2.439,98,1.166,109,2.508,112,1.077,113,0.514,127,0.893,184,1.422,186,2.34,189,1.422,191,2.253,198,3.24,201,1.729,203,1.482,205,1.332,211,1.654,284,1.309,291,1.356,311,1.708,325,2.037,328,2.295,329,2.317,332,1.257,333,1.482,371,1.166,377,3.048,378,1.97,383,2.723,384,1.677,385,3.447,389,3.613,390,2.494,391,3.157,392,2.494,393,2.871,394,2.523,395,1.466,404,1.451,409,1.589,410,1.589,411,1.589,412,1.589,413,2.802,414,1.569,415,2.523,416,2.364,417,2.553,428,1.786,429,1.786,430,1.786,431,2.992,432,1.927,443,3.048,444,2.94,445,1.97,448,2.992,449,1.888,459,1.532,460,1.298,473,1.589,474,2.992,475,1.927,480,2.802,481,1.237,482,1.786,734,0.633]],["t/280",[0,1.732,1,1.635,5,2.368,6,0.506,7,1.447,8,1.555,9,1.882,10,1.599,11,1.574,12,1.619,13,1.706,14,1.612,16,2.402,17,2.311,20,1.843,23,1.753,24,2.58,25,1.663,29,2.484,30,1.775,37,2.113,43,0.721,45,1.659,46,2.735,47,2.443,52,0.829,84,2.162,95,2.488,98,1.959,112,1.808,113,0.863,178,3.317,184,3.509,219,3.03,284,2.198,306,2.497,326,3.03,332,2.11,340,4.335,341,3.052,355,3.109,356,3.109,357,3.109,358,4.408,359,3.17,360,5.971,361,5.462,362,4.569,366,2.094,367,3.17,370,4.569,371,1.959,372,3.308,444,2.999,734,1.064]],["t/282",[0,1.621,1,1.667,5,2.502,6,0.535,7,1.485,8,1.643,9,1.943,10,1.69,11,1.663,12,1.711,13,1.802,14,1.704,17,1.542,23,1.741,24,2.559,25,1.65,26,2.006,29,1.398,30,1.74,32,2.037,33,1.466,37,1.939,40,1.677,43,1.312,45,2.225,46,2.519,47,2.662,50,0.841,52,1.036,55,2.243,56,1.175,61,2.576,62,2.193,64,0.973,77,2.217,80,1.422,83,1.267,94,1.077,95,2.439,98,1.166,109,2.508,112,1.077,113,0.514,127,0.893,184,1.422,186,2.34,189,1.422,191,2.253,198,3.24,201,1.729,203,1.482,205,1.332,211,1.654,284,1.309,291,1.356,311,1.708,325,2.037,328,2.295,329,2.317,332,1.257,333,1.482,371,1.166,377,3.048,378,1.97,383,2.723,384,1.677,385,3.447,389,3.613,390,2.494,391,3.157,392,2.494,393,2.871,394,2.523,395,1.466,404,1.451,409,1.589,410,1.589,411,1.589,412,1.589,413,2.802,414,1.569,415,2.523,416,2.364,417,2.553,428,1.786,429,1.786,430,1.786,431,2.992,432,1.927,443,3.048,444,2.94,445,1.97,448,2.992,449,1.888,459,1.532,460,1.298,473,1.589,474,2.992,475,1.927,480,2.802,481,1.237,482,1.786,734,0.633]],["t/284",[0,1.732,1,1.663,5,2.368,6,0.506,7,1.447,8,1.555,9,1.882,10,1.599,11,1.574,12,1.619,13,1.706,14,1.612,16,2.402,17,2.311,20,1.843,23,1.753,24,2.422,25,1.663,29,2.484,30,1.775,37,2.113,43,0.721,45,1.659,46,2.735,47,2.443,52,0.829,84,2.162,95,2.488,98,1.959,112,1.808,113,0.863,178,3.317,184,3.509,219,3.03,284,2.198,306,2.497,326,3.03,332,2.11,340,4.335,341,3.052,355,3.109,356,3.109,357,3.109,358,4.408,359,3.17,360,5.971,361,5.462,362,4.569,366,2.094,367,3.17,370,4.569,371,1.959,372,3.308,444,2.999,734,1.064]],["t/286",[0,1.418,1,1.459,5,2.029,6,0.434,7,1.556,8,1.333,9,1.713,10,1.37,11,1.349,12,1.387,13,1.462,14,1.382,23,1.849,24,2.075,25,1.338,37,1.572,45,1.858,52,1.365,58,3.714,66,3.782,72,2.768,74,6.092,75,5.023,76,5.254,77,3.665,78,6.421,79,5.117,80,3.929,81,4.571,113,1.421,734,1.751]],["t/288",[0,1.418,1,1.459,5,2.029,6,0.434,7,1.556,8,1.333,9,1.713,10,1.37,11,1.349,12,1.387,13,1.462,14,1.382,23,1.849,24,2.075,25,1.338,37,1.572,45,1.858,52,1.365,58,3.714,66,3.782,72,2.768,74,6.092,75,5.023,76,5.742,77,3.665,78,5.117,79,5.117,80,3.929,81,4.571,113,1.421,734,1.751]],["t/290",[0,1.447,1,1.489,5,2.096,6,0.514,7,1.47,8,1.58,9,1.9,10,1.625,11,1.599,12,1.645,13,1.733,14,1.638,16,2.005,23,1.814,24,2.144,25,1.713,37,1.865,39,3.233,43,1.225,45,1.92,46,2.173,47,2.039,49,3.618,52,1.017,55,2.61,83,2.609,113,1.059,179,1.859,189,2.928,198,2.743,203,3.052,207,5.911,208,4.687,311,2.137,371,2.402,385,3.403,389,3.837,391,2.674,404,2.988,413,4.861,414,3.233,415,4.376,416,4.101,417,4.428,428,3.678,429,3.678,430,3.678,480,4.861,481,2.548,482,3.678,734,1.305,735,1.868]],["t/292",[0,1.569,1,1.614,5,2.396,6,0.512,7,1.464,8,1.574,9,1.895,10,1.618,11,1.593,12,1.638,13,1.726,14,1.631,17,1.913,23,1.809,24,2.45,25,1.58,26,2.489,29,1.735,30,2.159,37,1.857,40,3.427,43,0.877,45,2.194,46,2.161,47,2.023,52,1.009,55,2.694,64,1.989,109,2.107,113,1.05,191,2.796,198,3.782,201,3.532,284,2.675,332,2.567,383,4.696,384,3.427,385,3.384,389,4.386,390,3.095,391,2.652,392,3.095,393,2.796,431,5.161,432,3.937,448,5.161,449,3.857,734,1.294,735,1.853]],["t/294",[3,4.06,6,0.461,7,1.616,8,1.417,9,1.779,10,1.458,11,1.434,12,1.475,13,1.554,14,1.469,16,2.861,17,2.753,23,1.901,25,1.744,36,3.636,37,1.672,46,2.237,113,1.511,127,2.625,166,6.549,179,2.652,242,6.944,243,5.93,734,1.862]],["t/296",[0,1.376,1,1.415,2,5.348,3,3.64,4,3.365,5,1.934,6,0.413,7,1.509,8,1.27,9,1.662,10,1.307,11,1.286,12,1.322,13,1.394,14,1.317,15,3.746,16,2.565,17,3.151,18,3.87,19,3.095,20,2.892,21,4.195,22,4.242,23,1.809,24,1.978,25,1.276,26,3.211,27,3.573,28,4.299,29,2.237,30,2.785,31,3.48,32,3.26,33,3.863,34,3.905,35,4.299,36,3.26,37,1.499,113,1.355,734,1.669]],["t/298",[0,1.408,1,1.449,5,2.007,6,0.429,7,1.545,8,1.318,9,1.701,10,1.356,11,1.334,12,1.372,13,1.446,14,1.367,23,1.84,24,2.053,25,1.324,37,1.555,43,1.173,45,1.838,52,1.35,55,1.92,113,1.406,198,3.642,371,3.189,389,3.674,413,5.864,414,4.292,415,5.279,416,5.416,417,5.342,428,4.883,429,4.883,430,4.883,734,1.732]],["t/300",[1,1.195,6,0.446,7,1.583,8,1.37,9,1.742,10,1.409,11,1.386,12,1.426,13,1.502,14,1.42,19,4.144,20,3.873,23,1.873,25,1.708,37,1.616,45,2.372,77,3.002,86,3.661,113,1.461,115,5.597,174,5.074,179,2.564,183,6.951,184,4.039,185,6.049,186,4.039,734,1.8]],["t/302",[0,1.376,1,1.415,2,5.348,3,3.64,4,3.365,5,1.934,6,0.413,7,1.509,8,1.27,9,1.662,10,1.307,11,1.286,12,1.322,13,1.394,14,1.317,15,3.746,16,2.565,17,3.151,18,3.513,19,3.095,20,2.892,21,4.195,22,4.242,23,1.809,24,1.978,25,1.276,26,3.211,27,4.563,28,4.299,29,2.237,30,2.785,31,3.48,32,3.26,33,3.863,34,3.905,35,4.299,36,3.26,37,1.499,113,1.355,734,1.669]],["t/304",[0,1.546,1,1.454,5,2.018,6,0.431,7,1.55,8,1.325,9,1.707,10,1.363,11,1.341,12,1.38,13,1.454,14,1.374,20,3.017,23,1.845,24,2.064,25,1.331,29,3.21,30,2.905,37,1.966,43,1.18,45,1.848,98,3.206,113,1.413,178,3.694,306,2.346,340,6.071,341,4.996,355,6.399,356,5.089,357,5.089,734,1.741]],["t/306",[0,1.448,1,1.489,5,2.097,6,0.448,7,1.588,8,1.377,9,1.749,10,1.417,11,1.394,12,1.434,13,1.511,14,1.428,23,1.877,24,2.145,25,1.383,37,1.625,45,1.921,113,1.469,198,3.805,311,2.964,325,3.534,328,3.983,329,5.416,443,6.555,444,5.103,445,5.629,734,1.81]],["t/308",[0,1.513,1,1.556,5,2.254,6,0.482,7,1.028,8,1.48,9,1.827,10,1.523,11,1.498,12,1.541,13,1.624,14,1.535,17,2.146,23,1.806,24,2.305,25,1.486,26,2.792,37,1.747,43,0.983,45,2.065,46,2.337,47,2.268,50,2.582,56,2.691,61,2.813,62,3.052,109,3.167,113,1.178,186,4.366,198,3.052,205,3.052,291,3.107,311,2.377,325,4.285,328,4.282,329,4.323,333,3.395,385,2.73,391,2.975,393,3.135,443,5.685,444,4.092,445,4.514,459,3.511,460,2.975,473,3.642,734,1.452]],["t/310",[0,1.413,1,1.454,5,2.018,6,0.431,7,1.55,8,1.325,9,1.707,10,1.363,11,1.341,12,1.38,13,1.454,14,1.374,23,1.845,24,2.064,25,1.331,37,1.564,43,1.18,45,1.848,46,2.631,47,2.721,55,2.427,83,3.482,113,1.413,311,2.852,385,4.119,389,3.694,391,3.569,404,5.015,480,5.884,481,3.401,482,4.91,734,1.741]],["t/312",[0,1.491,1,1.534,5,2.201,6,0.47,7,1.345,8,1.446,9,1.801,10,1.487,11,1.463,12,1.505,13,1.586,14,1.499,23,1.78,24,2.251,25,1.451,29,2.546,30,3.169,37,1.706,43,1.287,45,2.016,46,1.683,47,2.19,50,1.859,52,1.481,55,1.553,61,3.681,62,2.946,64,2.153,109,3.093,113,1.137,127,1.975,191,4.103,383,4.959,384,3.71,385,4.054,389,2.972,390,5.154,391,3.893,392,4.543,393,4.103,394,4.595,395,3.242,409,3.515,410,3.515,411,3.515,412,3.515,734,1.401]],["t/314",[0,1.546,1,1.591,5,2.338,6,0.5,7,1.293,8,1.536,9,1.868,10,1.579,11,1.554,12,1.599,13,1.684,14,1.592,17,1.532,23,1.737,24,2.391,25,1.542,26,1.993,29,2.056,30,2.558,37,1.812,43,1.367,45,2.142,46,2.588,47,2.853,50,1.375,52,1.196,55,2.024,56,1.922,61,3.538,62,3.225,64,1.592,69,1.629,83,2.072,109,3.285,113,0.841,127,1.461,186,3.442,191,3.313,205,2.179,291,2.218,311,1.698,325,2.024,328,2.281,333,2.424,383,4.004,384,2.744,385,4.389,389,3.253,390,3.668,391,4.135,392,3.668,393,3.944,394,3.71,395,2.399,404,2.374,409,2.6,410,2.6,411,2.6,412,2.6,459,2.507,460,2.124,473,2.6,480,4.122,481,2.024,482,2.922,734,1.036]],["t/316",[0,1.546,1,1.454,5,2.018,6,0.431,7,1.55,8,1.325,9,1.707,10,1.363,11,1.341,12,1.38,13,1.454,14,1.374,20,3.794,23,1.845,24,2.064,25,1.331,29,3.21,30,2.905,37,1.966,43,1.18,45,1.848,98,3.206,113,1.413,178,3.694,306,2.346,340,6.071,341,4.996,355,5.089,356,5.089,357,5.089,734,1.741]],["t/318",[0,1.349,1,1.211,2,4.577,3,4.556,4,2.662,5,1.53,6,0.518,7,1.48,8,1.591,9,1.907,10,1.636,11,1.61,12,1.656,13,1.745,14,1.649,15,2.964,16,2.803,17,3.497,18,3.006,19,2.449,20,2.288,21,3.59,22,3.356,23,1.822,24,1.565,25,1.807,26,2.54,27,2.827,28,3.401,29,1.77,30,2.203,31,2.753,32,2.579,33,3.057,34,3.089,35,3.401,36,4.402,37,1.877,43,0.895,46,1.587,52,1.03,69,2.076,113,1.072,127,1.862,166,3.789,179,2.599,238,5.81,239,4.206,242,5.55,243,4.206,734,1.321,735,1.891]],["t/320",[0,1.614,1,1.66,4,1.297,5,2.515,6,0.538,7,1.442,8,1.652,9,1.949,10,1.699,11,1.672,12,1.72,13,1.812,14,1.713,17,0.951,18,1.741,23,1.749,24,2.573,25,1.659,26,1.238,29,1.801,30,1.762,32,2.625,33,1.489,37,1.949,38,3.148,39,2.618,40,2.798,41,2.049,42,1.575,43,1.471,44,1.729,45,2.304,46,2.981,47,3.393,48,3.148,49,1.784,50,1.402,51,1.39,52,0.824,53,1.522,54,1.459,55,1.904,56,1.959,57,2.929,58,2.241,59,2.498,60,1.784,61,3.329,62,2.826,68,3.148,69,1.011,70,2.049,83,2.113,90,3.031,91,1.958,92,2.325,93,1.958,94,1.094,95,1.505,109,2.188,113,0.522,127,0.907,186,2.371,191,1.39,198,1.353,205,1.353,211,1.68,291,1.377,311,1.054,325,1.257,328,1.416,333,1.505,385,2.926,389,2.241,390,1.539,391,2.754,392,1.539,393,2.282,394,2.556,395,1.489,404,1.474,409,1.615,410,1.615,411,1.615,412,1.615,448,3.031,449,1.918,459,1.557,460,1.319,473,1.615,474,3.031,475,1.958,480,2.839,481,1.257,482,1.814,734,0.644]],["t/322",[0,1.492,1,1.385,3,2.423,4,3.254,5,1.87,6,0.549,7,1.569,8,1.686,9,1.973,10,1.734,11,1.707,12,1.755,13,1.85,14,1.748,16,3.205,17,1.643,23,1.837,24,1.913,25,1.867,29,1.49,36,2.171,37,2.142,39,2.754,43,0.753,45,1.18,46,3.08,47,2.523,95,2.6,109,1.809,112,1.889,113,0.902,127,1.567,156,3.456,166,3.189,177,4.911,178,2.358,179,2.708,180,3.632,182,2.902,184,3.623,210,5.275,211,2.902,212,3.993,213,3.993,242,4.911,243,3.539,306,2.174,362,4.718,366,2.187,367,3.312,370,4.718,371,2.046,372,3.456,734,1.111]],["t/324",[0,1.394,1,1.434,5,1.975,6,0.422,7,1.53,8,1.297,9,1.684,10,1.334,11,1.313,12,1.35,13,1.423,14,1.345,23,1.827,24,2.02,25,1.303,29,3.179,30,2.844,31,3.553,37,1.531,45,1.809,66,2.934,67,4.514,77,3.604,80,3.826,82,5.64,83,3.409,84,3.464,85,4.514,86,3.884,87,4.32,88,4.652,89,4.652,113,1.383,734,1.705]],["t/326",[0,1.695,1,1.534,5,1.623,6,0.47,7,1.526,8,1.446,9,1.801,10,1.487,11,1.463,12,1.505,13,1.586,14,1.499,16,2.153,23,1.78,24,1.66,25,1.451,37,1.935,43,1.287,45,1.487,46,2.282,47,2.19,50,1.859,52,1.092,55,2.105,83,2.802,87,2.802,97,2.972,113,1.137,157,4.02,179,1.996,194,1.975,271,4.054,287,5.355,288,3.658,289,2.802,290,3.885,311,4.171,385,3.573,389,2.972,391,2.871,404,3.209,480,5.104,481,2.736,482,3.95,734,1.401]],["t/328",[1,1.202,6,0.448,7,1.588,8,1.377,9,1.749,10,1.417,11,1.394,12,1.434,13,1.511,14,1.428,19,3.356,20,3.136,23,1.877,25,1.714,37,1.625,45,2.38,77,3.019,86,3.992,113,1.469,115,5.629,174,5.103,179,2.578,183,6.975,184,4.062,185,6.083,186,4.062,734,1.81]],["t/330",[0,1.713,1,1.411,6,0.411,7,1.659,8,1.264,9,1.656,10,1.3,11,1.279,12,1.316,13,1.386,14,1.31,16,2.552,23,1.805,25,1.269,37,1.908,43,1.125,52,1.295,87,3.321,97,3.523,113,1.348,157,4.765,179,2.366,194,2.341,271,4.646,287,5.99,288,4.336,289,3.321,290,4.605,311,4.276,734,1.661]],["t/332",[0,1.557,1,1.175,4,3.568,5,2.051,6,0.438,7,1.566,8,1.347,9,1.725,10,1.386,11,1.363,12,1.402,13,1.478,14,1.397,21,4.749,23,1.859,25,1.353,34,4.141,37,1.987,43,1.199,52,1.38,113,1.437,178,3.755,306,2.384,335,6.465,336,5.173,337,5.505,338,4.333,339,5.945,734,1.77]],["t/334",[0,1.557,1,1.175,4,3.568,5,2.051,6,0.438,7,1.566,8,1.347,9,1.725,10,1.386,11,1.363,12,1.402,13,1.478,14,1.397,21,4.749,23,1.859,25,1.353,34,4.141,37,1.987,43,1.199,52,1.38,113,1.437,178,3.755,306,2.384,335,6.465,336,5.173,337,6.88,338,4.333,339,4.757,734,1.77]],["t/336",[0,1.572,1,1.6,2,2.655,3,1.406,4,2.133,5,2.362,6,0.538,7,1.538,8,1.653,9,1.95,10,1.7,11,1.673,12,1.721,13,1.813,14,1.714,15,1.447,16,1.626,17,1.564,18,1.744,19,1.196,20,1.833,21,2.083,22,1.639,23,1.75,24,2.416,25,1.736,26,1.24,27,1.38,28,1.661,29,3.297,30,3.4,31,2.805,32,1.259,33,1.492,34,1.508,35,1.661,36,2.067,37,1.999,43,1.055,45,2.163,46,1.871,47,1.654,52,0.825,55,0.715,57,2.934,58,3.304,59,1.525,60,1.788,61,3.018,62,2.225,63,3.036,64,1.626,65,1.922,66,2.317,67,2.802,71,3.093,72,1.019,73,2.005,77,1.765,80,1.447,82,2.763,83,1.289,84,1.311,85,1.708,86,1.733,87,2.116,88,1.76,89,1.76,98,1.187,109,2.536,113,0.523,127,0.909,156,2.005,177,3.219,178,2.245,179,1.507,180,2.107,182,1.683,189,1.447,191,2.286,203,1.508,204,3.37,205,1.356,206,2.236,306,0.869,340,2.934,341,1.85,355,1.884,356,1.884,357,1.884,371,1.187,383,2.763,384,1.708,385,2.532,389,1.368,390,2.531,391,2.169,392,2.531,393,2.286,394,2.56,395,1.492,409,1.618,410,1.618,411,1.618,412,1.618,734,0.645]],["t/338",[0,1.557,1,1.175,4,3.568,5,2.051,6,0.438,7,1.566,8,1.347,9,1.725,10,1.386,11,1.363,12,1.402,13,1.478,14,1.397,21,4.749,23,1.859,25,1.353,34,4.141,37,1.987,43,1.199,52,1.38,113,1.437,178,3.755,306,2.384,335,6.465,336,5.173,337,5.505,338,5.415,339,4.757,734,1.77]],["t/340",[0,1.538,1,1.582,2,4.32,3,2.652,4,2.452,5,2.316,6,0.495,7,1.416,8,1.522,9,1.858,10,1.565,11,1.54,12,1.584,13,1.669,14,1.577,15,2.729,16,1.869,17,2.546,18,2.838,19,2.255,20,2.107,21,3.389,22,3.091,23,1.768,24,2.369,25,1.528,26,2.339,27,2.603,28,3.132,29,3.194,30,3.335,31,4.532,32,2.375,33,2.815,34,2.845,35,3.132,36,2.375,37,1.795,45,1.828,58,2.58,63,4.941,64,1.869,65,3.624,66,2.964,67,4.56,77,2.873,80,2.729,82,4.496,83,2.432,84,2.472,85,3.22,86,2.821,87,3.443,88,3.319,89,3.319,113,0.987,734,1.216,735,1.741]],["t/342",[0,1.38,1,1.42,5,1.944,6,0.416,7,1.188,8,1.277,9,1.667,10,1.313,11,1.293,12,1.329,13,1.401,14,1.324,17,2.481,23,1.813,24,1.989,25,1.282,26,3.227,37,1.507,43,1.137,45,1.781,46,2.57,47,2.622,50,2.227,56,3.111,61,3.252,62,3.528,109,3.482,113,1.362,186,4.8,205,3.528,291,4.578,325,3.277,328,3.693,333,3.925,385,3.157,391,3.439,393,3.625,459,4.059,460,3.439,473,4.21,734,1.678]],["t/344",[0,1.43,1,1.471,4,1.993,5,2.057,6,0.523,7,1.396,8,1.607,9,1.918,10,1.653,11,1.626,12,1.673,13,1.763,14,1.666,16,1.519,17,1.462,23,1.77,24,2.104,25,1.756,26,1.902,29,2.642,30,2.47,36,1.931,37,1.896,43,1.203,45,2.092,46,2.369,47,2.314,50,1.312,52,1.155,55,1.096,56,1.833,58,2.097,61,3.441,62,3.114,64,2.275,109,3.741,113,0.802,127,1.394,156,3.075,177,4.505,178,2.097,179,2.109,180,3.231,182,2.581,186,3.323,189,2.219,191,3.199,203,2.313,204,4.716,205,3.114,206,3.429,291,2.116,325,1.931,328,2.176,333,2.313,383,3.866,384,2.618,385,3.709,389,2.097,390,3.542,391,3.638,392,3.542,393,3.835,394,3.583,395,2.288,409,2.481,410,2.481,411,2.481,412,2.481,459,2.392,460,2.026,473,2.481,734,0.989]],["t/346",[4,3.732,6,0.459,7,1.61,8,1.409,9,1.773,10,1.449,11,1.426,12,1.467,13,1.546,14,1.461,23,1.896,25,1.738,29,2.481,37,1.663,45,1.965,46,2.224,109,3.014,113,1.503,156,5.758,177,6.919,178,3.927,179,2.637,180,6.05,182,5.938,734,1.851]],["t/348",[4,2.913,6,0.542,7,1.55,8,1.666,9,1.959,10,1.714,11,1.686,12,1.734,13,1.827,14,1.727,16,2.22,23,1.88,25,1.92,36,2.822,37,1.966,43,1.314,45,2.058,52,1.512,83,2.889,84,2.937,113,1.173,174,5.468,179,3.118,189,3.243,190,6.337,191,3.121,192,5.191,193,5.15,197,6.337,198,3.038,199,5.191,200,6.337,201,3.943,202,5.191,203,3.38,734,1.445,735,2.069]],["t/350",[0,1.689,1,1.463,5,1.697,6,0.485,7,1.386,8,1.489,9,1.834,10,1.532,11,1.508,12,1.55,13,1.634,14,1.544,16,2.25,23,1.812,24,1.736,25,1.495,37,1.758,43,1.493,45,1.555,46,2.351,47,2.289,50,1.944,52,1.142,59,3.464,77,3.677,83,2.929,84,2.977,90,5.615,91,4.456,92,5.76,93,4.456,113,1.189,179,2.086,259,3.426,261,4.308,277,5.719,278,4.555,734,1.465]],["t/352",[0,1.697,1,1.132,6,0.422,7,1.53,8,1.297,9,1.684,10,1.334,11,1.313,12,1.35,13,1.423,14,1.345,16,2.619,23,1.827,25,1.303,37,1.531,43,1.463,52,1.329,77,3.956,84,3.464,92,5.786,113,1.383,179,2.428,259,3.987,261,5.22,277,6.313,278,5.301,734,1.705]],["t/354",[0,1.566,1,1.44,2,4.808,3,3.095,4,3.863,5,2.221,6,0.475,7,1.357,8,1.459,9,1.811,10,1.5,11,1.476,12,1.518,13,1.6,14,1.512,15,3.186,16,2.181,17,2.833,18,3.158,19,2.632,20,2.46,21,4.92,22,3.607,23,1.789,24,1.682,25,1.464,26,2.73,27,3.038,28,3.656,29,1.903,30,2.368,31,2.959,32,2.772,33,3.285,34,4.483,35,3.656,36,2.772,37,1.948,43,0.962,50,1.884,52,1.107,113,1.152,178,3.011,306,1.912,335,5.601,336,4.149,337,4.415,338,3.475,339,3.815,734,1.42]],["t/356",[0,1.38,1,1.42,5,1.944,6,0.416,7,1.188,8,1.277,9,1.667,10,1.313,11,1.293,12,1.329,13,1.401,14,1.324,17,2.481,23,1.813,24,1.989,25,1.282,26,3.227,37,1.507,43,1.137,45,1.781,46,2.57,47,2.622,50,2.227,56,3.966,61,3.252,62,3.528,109,3.482,113,1.362,186,4.8,205,3.528,291,3.592,325,3.277,328,3.693,333,3.925,385,3.157,391,3.439,393,3.625,459,4.059,460,3.439,473,4.21,734,1.678]],["t/358",[0,1.394,1,1.434,5,1.975,6,0.422,7,1.53,8,1.297,9,1.684,10,1.334,11,1.313,12,1.35,13,1.423,14,1.345,23,1.827,24,2.02,25,1.303,29,3.179,30,2.844,31,3.553,37,1.531,45,1.809,66,2.934,67,4.514,77,3.604,80,3.826,82,5.64,83,3.409,84,3.464,85,4.514,86,3.538,87,4.742,88,4.652,89,4.652,113,1.383,734,1.705]],["t/360",[0,1.526,1,1.57,5,2.288,6,0.489,7,1.2,8,1.503,9,1.844,10,1.546,11,1.521,12,1.564,13,1.648,14,1.558,17,1.758,23,1.753,24,2.34,25,1.509,26,2.287,29,2.647,30,2.827,37,1.773,43,1.338,45,2.096,46,2.734,47,3.086,50,1.578,52,0.927,56,2.205,57,4.699,58,2.523,59,2.812,60,3.297,61,4.584,62,4.152,109,3.215,113,0.965,127,1.677,186,3.804,191,2.569,205,2.501,291,2.546,325,2.323,328,2.618,333,2.782,385,3.188,390,2.844,391,3.473,392,2.844,393,3.661,394,4.1,395,2.752,409,2.984,410,2.984,411,2.984,412,2.984,459,2.877,460,2.437,473,2.984,734,1.189,735,1.703]],["t/362",[0,1.38,1,1.42,5,1.944,6,0.416,7,1.514,8,1.277,9,1.667,10,1.313,11,1.293,12,1.329,13,1.401,14,1.324,23,1.813,24,1.989,25,1.282,29,2.249,30,2.799,37,1.507,43,1.137,45,1.781,46,2.016,47,2.622,52,1.308,61,4.145,62,3.528,109,2.732,113,1.362,127,2.366,191,3.625,385,3.157,390,4.013,391,3.439,392,4.013,393,3.625,394,5.174,395,3.883,409,5.366,410,4.21,411,4.21,412,4.21,734,1.678]],["t/364",[0,1.418,1,1.459,5,2.029,6,0.434,7,1.556,8,1.333,9,1.713,10,1.37,11,1.349,12,1.387,13,1.462,14,1.382,23,1.849,24,2.075,25,1.338,37,1.572,45,1.858,52,1.365,58,3.714,66,3.782,72,2.768,74,6.092,75,5.023,76,5.254,77,4.005,78,5.117,79,5.117,80,3.929,81,4.571,113,1.421,734,1.751]],["t/366",[0,1.653,1,1.533,5,1.866,6,0.516,7,1.475,8,1.585,9,1.903,10,1.63,11,1.604,12,1.65,13,1.739,14,1.644,16,1.702,19,2.054,20,1.919,23,1.778,24,1.908,25,1.691,29,2.543,30,1.848,31,2.309,37,1.871,43,1.285,45,2.014,52,0.863,66,1.907,67,2.933,69,1.741,77,4.217,80,3.614,82,4.204,83,2.215,84,3.273,85,2.933,86,3.412,87,3.22,88,3.022,89,3.022,92,4.87,98,2.039,113,0.899,115,3.445,174,3.123,179,2.294,183,5.008,184,3.614,185,3.723,186,2.486,189,2.486,203,2.591,259,2.591,261,3.544,277,4.706,278,3.445,377,4.706,378,3.445,734,1.108]],["t/368",[0,1.418,1,1.459,5,2.029,6,0.434,7,1.556,8,1.333,9,1.713,10,1.37,11,1.349,12,1.387,13,1.462,14,1.382,23,1.849,24,2.075,25,1.338,37,1.572,45,1.858,52,1.365,58,3.714,66,3.782,72,2.768,74,6.092,75,5.023,76,5.254,77,3.665,78,5.117,79,5.117,80,3.929,81,5.736,113,1.421,734,1.751]],["t/370",[0,1.507,1,1.551,2,4.851,3,3.136,4,2.9,5,2.24,6,0.479,7,1.369,8,1.472,9,1.821,10,1.514,11,1.489,12,1.532,13,1.614,14,1.526,15,3.228,16,2.21,17,2.859,18,3.186,19,2.667,20,2.492,21,3.806,22,3.656,23,1.799,24,2.292,25,1.478,26,2.767,27,3.079,28,3.705,29,1.928,30,2.4,31,2.999,32,4.561,33,4.475,34,3.365,35,3.705,36,2.809,37,1.736,43,0.975,45,1.527,46,2.323,47,2.248,50,1.909,113,1.167,211,3.756,474,5.548,475,4.376,734,1.439]],["t/372",[6,0.456,7,1.605,8,1.401,9,1.767,10,1.441,11,1.418,12,1.458,14,1.453,23,1.892,25,1.732,37,1.653,43,1.247,96,8.516,97,3.905,98,3.389,99,4.947,100,6.889,101,6.889,102,4.74,103,4.875,104,5.862,105,2.192,106,6.889,107,6.384,113,1.494,734,1.841]],["t/374",[6,0.467,7,1.628,8,1.434,9,1.792,10,1.475,11,1.451,12,1.492,14,1.486,23,1.911,25,1.757,37,2.064,43,1.276,97,3.996,99,5.062,113,1.529,114,8.339,115,5.859,116,5.859,117,3.397,118,5.505,734,1.884]],["t/376",[6,0.467,7,1.628,8,1.434,9,1.792,10,1.475,11,1.451,12,1.492,14,1.486,23,1.911,25,1.757,37,1.692,43,1.276,44,5.062,77,3.143,99,5.062,113,1.529,117,3.397,122,8.339,123,4.228,124,3.829,125,2.741,734,1.884]],["t/378",[6,0.469,7,1.634,8,1.442,9,1.799,10,1.483,11,1.46,12,1.501,13,1.582,14,1.495,23,1.916,25,1.763,37,1.702,45,2.011,99,5.092,113,1.538,123,4.253,153,8.36,154,6.571,155,7.091,156,5.893,734,1.895]],["t/380",[6,0.459,7,1.61,8,1.409,9,1.773,10,1.449,11,1.426,12,1.467,14,1.461,23,1.896,25,1.738,37,1.663,43,1.254,44,4.975,99,4.975,113,1.503,116,5.758,117,3.338,123,4.155,126,8.275,127,2.61,128,6.42,129,2.767,130,2.052,131,6.42,734,1.851]],["t/382",[6,0.453,7,1.599,8,1.393,9,1.761,10,1.433,11,1.41,12,1.45,14,1.444,23,1.887,25,1.726,36,3.575,37,1.644,43,1.24,45,2.397,99,4.919,108,5.401,113,1.485,123,4.108,129,2.735,161,1.102,171,8.004,172,6.347,173,5.454,174,5.16,734,1.83]],["t/384",[4,3.732,6,0.459,7,1.61,8,1.409,9,1.773,10,1.449,11,1.426,12,1.467,13,1.546,14,1.461,23,1.896,25,1.738,29,2.481,37,1.663,45,1.965,46,2.224,109,3.014,113,1.503,156,5.758,177,7.49,178,3.927,179,2.637,180,6.05,182,4.833,734,1.851]],["t/386",[1,1.202,6,0.448,7,1.588,8,1.377,9,1.749,10,1.417,11,1.394,12,1.434,13,1.511,14,1.428,19,3.356,20,3.136,23,1.877,25,1.714,37,1.625,45,2.38,77,3.019,86,3.674,113,1.469,115,5.629,174,5.103,179,2.578,183,7.58,184,4.062,185,6.083,186,4.062,734,1.81]],["t/388",[4,3.754,6,0.461,7,1.616,8,1.417,9,1.779,10,1.458,11,1.434,12,1.475,13,1.554,14,1.469,23,1.901,25,1.744,37,1.672,43,1.261,45,1.976,52,1.452,113,1.511,174,5.25,179,2.652,190,8.066,191,4.022,192,6.689,193,4.098,734,1.862]],["t/390",[6,0.461,7,1.616,8,1.417,9,1.779,10,1.458,11,1.434,12,1.475,13,1.554,14,1.469,23,1.901,25,1.744,37,1.672,43,1.261,45,1.976,52,1.452,84,3.784,113,1.511,174,5.25,179,2.652,193,4.098,197,8.066,198,3.915,199,6.689,734,1.862]],["t/392",[6,0.461,7,1.616,8,1.417,9,1.779,10,1.458,11,1.434,12,1.475,13,1.554,14,1.469,16,2.861,23,1.901,25,1.744,36,3.636,37,1.672,83,3.723,113,1.511,179,2.652,189,4.179,193,4.098,200,8.066,201,5.081,202,6.689,203,4.356,734,1.862]],["t/394",[6,0.459,7,1.61,8,1.409,9,1.773,10,1.449,11,1.426,12,1.467,13,1.546,14,1.461,16,2.844,23,1.896,25,1.738,29,2.481,36,3.616,37,1.663,58,3.927,109,3.014,113,1.503,179,2.637,189,4.155,203,4.331,204,7.841,205,3.893,206,6.42,734,1.851]],["t/396",[6,0.464,7,1.622,8,1.425,9,1.786,10,1.466,11,1.443,12,1.484,13,1.563,14,1.478,16,2.878,23,1.906,25,1.75,37,1.682,39,4.64,49,5.193,55,2.076,113,1.52,179,2.668,189,4.203,203,4.381,207,8.086,208,6.728,734,1.873]],["t/398",[6,0.461,7,1.616,8,1.417,9,1.779,10,1.458,11,1.434,12,1.475,13,1.554,14,1.469,16,2.861,23,1.901,25,1.744,37,1.672,39,4.614,43,1.261,46,2.742,113,1.511,179,2.652,210,8.066,211,4.861,212,6.689,213,6.689,734,1.862]],["t/400",[0,1.195,3,4.036,6,0.459,7,1.61,8,1.409,9,1.773,10,1.449,11,1.426,12,1.467,13,1.546,14,1.461,17,3.362,23,1.896,25,1.738,36,3.616,37,1.663,43,1.254,52,1.443,69,2.91,113,1.503,179,2.637,238,7.841,239,5.896,734,1.851]],["t/402",[3,4.06,6,0.461,7,1.616,8,1.417,9,1.779,10,1.458,11,1.434,12,1.475,13,1.554,14,1.469,16,2.861,17,2.753,23,1.901,25,1.744,36,3.636,37,1.672,46,2.237,113,1.511,127,2.625,166,5.342,179,2.652,242,7.509,243,5.93,734,1.862]],["t/404",[0,1.703,6,0.429,7,1.545,8,1.318,9,1.701,10,1.356,11,1.334,12,1.372,13,1.446,14,1.367,18,4.349,23,1.84,25,1.667,37,1.555,43,1.173,52,1.35,59,4.096,113,1.406,179,2.467,258,7.119,259,4.052,260,5.516,261,3.812,262,4.883,263,3.282,264,4.726,734,1.732]],["t/406",[0,1.708,1,1.162,6,0.434,7,1.556,8,1.333,9,1.713,10,1.37,11,1.349,12,1.387,13,1.462,14,1.382,16,2.69,23,1.849,25,1.338,37,1.572,46,3.116,47,2.736,111,2.456,113,1.421,179,2.494,216,3.682,227,3.929,259,4.096,265,7.155,266,4.449,267,5.445,734,1.751]],["t/408",[0,1.715,1,1.415,6,0.413,7,1.663,8,1.27,9,1.662,10,1.307,11,1.286,12,1.322,13,1.394,14,1.317,16,2.565,23,1.809,25,1.276,37,1.914,43,1.131,52,1.301,87,3.338,97,3.541,113,1.355,157,4.79,179,2.378,194,2.353,271,4.418,287,6.621,288,4.358,289,3.338,290,4.629,311,4.187,734,1.669]],["t/410",[0,1.745,1,1.392,6,0.403,7,1.485,8,1.238,9,1.635,10,1.274,11,1.253,12,1.289,13,1.358,14,1.284,16,2.5,19,3.017,20,3.633,23,1.787,25,1.243,27,4.489,37,1.883,43,1.102,52,1.269,66,2.801,77,3.871,86,3.435,97,3.452,113,1.321,165,4.248,179,2.318,205,3.422,306,2.192,317,4.248,318,6.657,319,4.588,320,4.95,321,4.95,734,1.627]],["t/412",[0,1.413,1,1.454,5,2.018,6,0.431,7,1.233,8,1.325,9,1.707,10,1.363,11,1.341,12,1.38,13,1.454,14,1.374,18,2.87,23,1.845,24,2.064,25,1.331,32,3.401,37,1.564,39,4.315,43,1.483,45,1.848,46,2.631,47,2.721,48,7.137,49,4.828,50,2.311,51,3.762,52,1.358,53,4.118,54,3.948,55,1.93,56,3.229,113,1.413,734,1.741]],["t/414",[0,1.376,1,1.415,2,5.892,3,3.64,4,3.365,5,1.934,6,0.413,7,1.509,8,1.27,9,1.662,10,1.307,11,1.286,12,1.322,13,1.394,14,1.317,15,3.746,16,2.565,17,3.151,18,3.513,19,3.095,20,2.892,21,4.195,22,4.242,23,1.809,24,1.978,25,1.276,26,3.211,27,3.573,28,4.299,29,2.237,30,2.785,31,3.48,32,3.26,33,3.863,34,3.905,35,4.299,36,3.26,37,1.499,113,1.355,734,1.669]],["t/416",[0,1.443,1,1.484,5,2.085,6,0.446,7,1.583,8,1.37,9,1.742,10,1.409,11,1.386,12,1.426,13,1.502,14,1.42,18,2.966,23,1.873,24,2.133,25,1.375,37,1.616,38,7.244,39,4.459,40,4.766,41,5.732,42,4.406,43,1.219,44,4.836,45,1.91,46,2.162,47,2.813,113,1.461,734,1.8]],["t/418",[0,1.701,1,1.444,6,0.427,7,1.54,8,1.311,9,1.696,10,1.349,11,1.327,12,1.365,13,1.438,14,1.359,23,1.836,25,1.316,37,1.953,43,1.473,52,1.343,113,1.398,123,3.866,127,2.429,179,2.454,271,3.241,306,2.321,311,2.822,323,6.965,324,5.358,325,4.247,327,5.358,328,3.792,329,3.829,734,1.723]],["t/420",[0,1.635,1,1.474,4,3.588,6,0.441,7,1.572,8,1.355,9,1.731,10,1.393,11,1.371,12,1.41,13,1.486,14,1.404,23,1.863,25,1.36,37,1.993,43,1.504,52,1.388,56,4.116,113,1.444,123,3.994,179,2.535,306,2.397,330,7.523,331,5.535,333,4.163,734,1.78]],["t/422",[0,1.557,1,1.175,4,3.568,5,2.051,6,0.438,7,1.566,8,1.347,9,1.725,10,1.386,11,1.363,12,1.402,13,1.478,14,1.397,21,4.749,23,1.859,25,1.353,34,4.141,37,1.987,43,1.199,52,1.38,113,1.437,178,3.755,306,2.384,335,7.052,336,5.173,337,5.505,338,4.333,339,4.757,734,1.77]],["t/424",[0,1.561,1,1.182,6,0.441,7,1.572,8,1.355,9,1.731,10,1.393,11,1.371,12,1.41,13,1.486,14,1.404,17,3.576,23,1.863,25,1.36,26,3.423,37,1.993,43,1.206,113,1.444,123,3.994,179,2.535,209,3.742,288,4.647,306,2.397,334,7.523,338,4.357,363,5.816,364,5.018,734,1.78]],["t/426",[0,1.546,1,1.454,5,2.018,6,0.431,7,1.55,8,1.325,9,1.707,10,1.363,11,1.341,12,1.38,13,1.454,14,1.374,20,3.017,23,1.845,24,2.064,25,1.331,29,3.21,30,2.905,37,1.966,43,1.18,45,1.848,98,3.206,113,1.413,178,3.694,306,2.346,340,6.641,341,4.996,355,5.089,356,5.089,357,5.089,734,1.741]],["t/428",[0,1.565,1,1.479,5,2.074,6,0.443,7,1.577,8,1.362,9,1.736,10,1.401,11,1.379,12,1.418,13,1.494,14,1.412,16,2.75,23,1.868,24,2.121,25,1.368,37,2,46,2.914,47,2.797,113,1.453,184,4.017,306,2.411,362,7.087,366,3.522,367,5.333,734,1.79]],["t/430",[0,1.742,1,1.533,5,1.867,6,0.399,7,1.475,8,1.226,9,1.624,10,1.261,11,1.241,12,1.276,13,1.345,14,1.271,17,3.08,23,1.779,24,1.909,25,1.592,37,1.447,45,1.71,52,1.256,84,3.274,113,1.307,178,3.417,219,4.038,284,3.329,326,4.038,332,3.196,358,6.511,359,4.8,360,7.135,361,6.344,734,1.611]],["t/432",[0,1.565,1,1.479,5,2.074,6,0.443,7,1.577,8,1.362,9,1.736,10,1.401,11,1.379,12,1.418,13,1.494,14,1.412,16,2.75,23,1.868,24,2.121,25,1.368,37,2,46,2.914,47,2.797,113,1.453,184,4.017,306,2.411,370,7.087,371,3.295,372,5.566,734,1.79]],["t/434",[0,1.565,1,1.479,5,2.074,6,0.443,7,1.577,8,1.362,9,1.736,10,1.401,11,1.379,12,1.418,13,1.494,14,1.412,23,1.868,24,2.121,25,1.368,37,1.607,43,1.212,77,4.045,80,4.017,98,3.295,113,1.453,184,4.017,189,4.017,203,4.186,377,7.087,378,5.566,734,1.79]],["t/436",[0,1.38,1,1.42,5,1.944,6,0.416,7,1.514,8,1.277,9,1.667,10,1.313,11,1.293,12,1.329,13,1.401,14,1.324,23,1.813,24,1.989,25,1.282,29,2.249,30,2.799,37,1.507,43,1.137,45,1.781,46,2.016,47,2.622,52,1.308,61,4.145,62,3.528,109,2.732,113,1.362,127,2.366,191,3.625,385,3.157,390,4.013,391,3.439,392,4.013,393,3.625,394,5.695,395,3.883,409,4.21,410,4.21,411,4.21,412,4.21,734,1.678]],["t/438",[0,1.408,1,1.449,5,2.007,6,0.429,7,1.545,8,1.318,9,1.701,10,1.356,11,1.334,12,1.372,13,1.446,14,1.367,23,1.84,24,2.053,25,1.324,29,2.322,30,2.889,37,1.555,43,1.173,45,1.838,52,1.35,55,1.92,64,2.661,109,2.82,113,1.406,191,3.741,383,6.237,384,4.587,385,4.105,389,3.674,390,4.142,391,3.55,392,4.142,393,3.741,734,1.732]],["t/440",[0,1.408,1,1.449,5,2.007,6,0.429,7,1.545,8,1.318,9,1.701,10,1.356,11,1.334,12,1.372,13,1.446,14,1.367,23,1.84,24,2.053,25,1.324,37,1.555,43,1.173,45,1.838,52,1.35,55,1.92,113,1.406,198,3.642,371,3.189,389,3.674,413,6.42,414,4.292,415,5.279,416,4.947,417,5.342,428,4.883,429,4.883,430,4.883,734,1.732]],["t/442",[0,1.448,1,1.489,5,2.097,6,0.448,7,1.588,8,1.377,9,1.749,10,1.417,11,1.394,12,1.434,13,1.511,14,1.428,23,1.877,24,2.145,25,1.383,37,1.625,45,1.921,113,1.469,198,3.805,311,2.964,325,3.534,328,3.983,329,4.984,443,7.123,444,5.103,445,5.629,734,1.81]],["t/444",[0,1.438,1,1.479,5,2.074,6,0.443,7,1.577,8,1.362,9,1.736,10,1.401,11,1.379,12,1.418,13,1.494,14,1.412,17,2.646,23,1.868,24,2.121,25,1.368,26,3.442,37,1.607,45,1.9,55,2.469,113,1.453,198,3.763,201,4.884,284,3.699,332,3.55,389,3.797,431,6.958,432,5.445,734,1.79]],["t/446",[0,1.38,1,1.42,5,1.944,6,0.416,7,1.188,8,1.277,9,1.667,10,1.313,11,1.293,12,1.329,13,1.401,14,1.324,17,2.481,23,1.813,24,1.989,25,1.282,26,3.227,37,1.507,43,1.137,45,1.781,46,2.57,47,2.622,50,2.227,56,3.111,61,3.252,62,3.528,109,3.482,113,1.362,186,5.284,205,3.528,291,3.592,325,3.277,328,3.693,333,3.925,385,3.157,391,3.439,393,3.625,459,4.059,460,3.439,473,4.21,734,1.678]],["t/448",[0,1.443,1,1.484,5,2.085,6,0.446,7,1.583,8,1.37,9,1.742,10,1.409,11,1.386,12,1.426,13,1.502,14,1.42,23,1.873,24,2.133,25,1.375,37,1.616,40,4.766,45,1.91,46,2.685,47,2.813,55,2.477,113,1.461,198,3.784,389,3.818,448,6.975,449,5.363,734,1.8]],["t/450",[0,1.443,1,1.484,5,2.085,6,0.446,7,1.583,8,1.37,9,1.742,10,1.409,11,1.386,12,1.426,13,1.502,14,1.42,23,1.873,24,2.133,25,1.375,32,4.365,33,4.165,37,1.616,43,1.219,45,1.91,46,2.685,47,2.813,113,1.461,211,4.699,474,6.975,475,5.475,734,1.8]],["t/452",[0,1.413,1,1.454,5,2.018,6,0.431,7,1.55,8,1.325,9,1.707,10,1.363,11,1.341,12,1.38,13,1.454,14,1.374,23,1.845,24,2.064,25,1.331,37,1.564,43,1.18,45,1.848,46,2.631,47,2.721,55,2.427,83,3.482,113,1.413,311,2.852,385,4.119,389,3.694,391,3.569,404,3.988,480,6.436,481,3.401,482,4.91,734,1.741]],["t/454",[0,1.394,1,1.434,5,1.975,6,0.422,7,1.53,8,1.297,9,1.684,10,1.334,11,1.313,12,1.35,13,1.423,14,1.345,23,1.827,24,2.02,25,1.303,29,3.179,30,2.844,31,3.553,37,1.531,45,1.809,66,2.934,67,4.514,77,3.604,80,3.826,82,6.191,83,3.409,84,3.464,85,4.514,86,3.538,87,4.32,88,4.652,89,4.652,113,1.383,734,1.705]],["t/456",[0,1.438,1,1.479,5,2.074,6,0.443,7,1.577,8,1.362,9,1.736,10,1.401,11,1.379,12,1.418,13,1.494,14,1.412,23,1.868,24,2.121,25,1.368,37,1.607,43,1.212,45,1.9,46,2.676,47,2.797,59,4.233,83,3.579,90,6.958,91,5.445,92,4.902,93,5.445,113,1.453,734,1.79]],["t/458",[0,1.418,1,1.459,5,2.029,6,0.434,7,1.556,8,1.333,9,1.713,10,1.37,11,1.349,12,1.387,13,1.462,14,1.382,23,1.849,24,2.075,25,1.338,37,1.572,45,1.858,52,1.365,58,3.714,66,3.782,72,2.768,74,6.657,75,5.023,76,5.254,77,3.665,78,5.117,79,5.117,80,3.929,81,4.571,113,1.421,734,1.751]],["t/460",[0,1.453,1,1.494,5,2.109,6,0.451,7,1.594,8,1.385,9,1.755,10,1.425,11,1.402,12,1.442,13,1.519,14,1.436,23,1.882,24,2.157,25,1.391,29,3.017,30,3.036,37,1.634,45,1.932,58,3.861,66,3.133,71,7.141,72,2.877,73,5.66,113,1.477,734,1.82]],["t/462",[0,1.453,1,1.494,5,2.109,6,0.451,7,1.594,8,1.385,9,1.755,10,1.425,11,1.402,12,1.442,13,1.519,14,1.436,23,1.882,24,2.157,25,1.391,37,1.634,43,1.233,45,1.932,46,2.704,47,2.844,58,3.861,68,7.281,69,2.861,70,5.796,113,1.477,734,1.82]],["t/464",[0,1.423,1,1.464,5,2.04,6,0.436,7,1.561,8,1.34,9,1.719,10,1.378,11,1.356,12,1.395,13,1.47,14,1.389,23,1.854,24,2.086,25,1.345,29,2.955,30,2.937,37,1.581,43,1.193,45,1.868,46,2.649,47,2.751,57,6.674,58,3.734,59,4.163,60,4.881,61,4.272,62,3.702,113,1.429,734,1.76]],["t/466",[0,1.443,1,1.484,5,2.085,6,0.446,7,1.583,8,1.37,9,1.742,10,1.409,11,1.386,12,1.426,13,1.502,14,1.42,23,1.873,24,2.133,25,1.375,29,2.996,30,3.002,31,3.751,37,1.616,45,1.91,58,3.818,63,6.975,64,2.765,65,5.363,66,3.098,67,4.766,113,1.461,734,1.8]],["t/468",[0,1.333,1,1.371,43,1.399,76,4.938,338,5.054,345,5.39,419,5.18,567,6.152,737,6.575,738,9.419,739,8.114,740,9.419,741,3.444,742,8.114]],["t/470",[6,0.525,130,2.349,221,2.22,248,2.758,423,6.186,545,6.446,743,4.306,744,3.237,745,7.93]],["t/473",[6,0.703,36,3.765,52,1.997,76,5.819,133,1.553,161,0.862,220,2.214,229,3.54,745,8.724,746,2.277,747,6.534,748,5.628,749,2.091,750,8.795,751,7.576,752,2.714,753,2.618,754,2.164,755,2.819,756,9.562,757,5.745,758,5.947,759,7.576,760,2.979,761,1.064,762,1.081]],["t/475",[6,0.691,36,3.869,52,1.848,76,5.899,125,2.17,133,1.618,135,2.489,161,0.898,220,1.713,229,3.236,348,4.751,401,4.279,483,4.445,500,2.254,540,8.514,560,4.538,567,4.445,745,7.414,746,2.372,748,5.862,749,1.618,751,7.785,752,2.827,753,2.727,754,2.254,755,2.936,756,8.741,757,4.445,758,5.406,759,5.862,760,2.305,761,1.108,762,1.126,763,4.875,764,3.348,765,3.652,766,7.414,767,3.452]],["t/477",[6,0.683,36,3.72,52,1.804,69,3.395,72,2.225,76,5.535,86,3.12,105,1.675,133,1.526,161,0.847,220,1.616,229,3.142,349,4.73,401,3.04,523,4.376,540,5.055,745,7.129,746,2.237,748,5.53,749,1.526,751,7.486,752,2.666,753,2.573,754,2.126,755,2.77,756,8.488,757,4.193,758,5.199,759,5.53,760,2.174,761,1.045,762,1.062,764,3.158,765,3.445,766,5.266,767,3.257,768,4.376,769,8.691,770,8.691,771,4.598,772,6.42,773,6.42,774,6.42,775,6.42,776,6.42,777,6.42,778,6.42,779,6.42,780,6.42,781,6.42,782,6.42,783,6.42,784,6.42]],["t/479",[0,1.333,1,1.371,20,3.577,37,1.854,55,2.289,105,2.458,209,4.341,214,6.152,269,5.39,272,4.544,460,4.231,767,4.778,785,6.747,786,9.419]],["t/481",[6,0.263,32,3.053,43,1.059,51,2.298,55,2.608,116,3.308,117,1.918,125,1.548,130,1.179,135,1.775,139,1.905,149,4.18,151,6.536,152,3.308,169,1.753,194,1.5,220,2.702,221,1.115,222,3.767,226,2.636,229,2.274,247,2.999,248,2.413,254,3.539,269,4.082,272,4.08,289,5.308,302,4.839,317,2.777,338,2.604,342,2.11,361,2.669,364,2.999,414,2.636,418,5.417,419,2.669,425,3.109,440,7.341,485,3.018,500,1.607,573,3.632,743,2.162,744,1.625,760,2.416,767,2.462,787,4.388,788,5.255,789,3.677,790,3.476,791,4.082,792,2.903,793,3.308,794,3.17,795,2.462,796,3.544,797,3.287,798,2.319,799,3.822,800,4.18,801,3.575,802,6.355,803,6.536,804,4.447,805,4.853,806,4.862,807,3.575,808,2.127,809,5.109,810,3.204,811,3.689,812,3.822,813,3.822,814,3.575,815,7.132,816,3.981,817,3.981,818,4.18,819,4.447,820,3.689,821,2.127,822,2.217,823,4.447,824,6.536,825,4.447,826,4.447,827,4.447]],["t/483",[55,2.692,130,2.289,139,3.698,143,4.304,222,4.196,269,6.34,293,4.588,802,7.553,828,3.624,829,8.632,830,8.632]],["t/486",[0,1.045,1,1.075,37,1.454,55,3.133,104,5.156,161,0.975,169,2.668,270,4.565,669,4.169,761,1.203,762,1.222,767,3.747,831,6.059,832,5.442,833,5.035,834,7.386,835,7.386,836,7.386,837,6.769,838,7.386,839,4.565,840,2.59,841,5.035,842,3.318,843,5.615,844,4.114,845,4.565,846,4.418,847,4.645,848,4.351,849,4.925,850,4.825,851,3.917,852,5.816,853,5.816,854,4.925,855,5.442,856,7.386,857,5.156]],["t/488",[23,1.57,55,3,161,1.228,169,3.359,669,5.25,761,1.515,762,1.539,840,3.855,857,6.492,858,7.324,859,6.492]],["t/490",[55,3.102,105,2.505,161,0.985,254,3.122,280,5.344,669,4.212,761,1.215,762,1.235,767,3.785,806,5.086,840,2.616,841,5.086,842,3.352,843,5.672,844,4.156,845,4.611,846,4.463,847,4.692,848,4.395,849,4.975,850,4.874,851,5.09,853,5.875,854,4.975,855,7.071,857,5.208,860,12.066,861,5.672,862,7.461,863,6.838,864,7.461,865,7.461]],["t/492",[55,3.096,161,1.066,272,4.869,343,4.757,669,4.558,741,2.953,761,1.315,762,1.336,840,3.538,842,4.533,857,5.637,866,7.4,867,6.956,868,6.956,869,9.482,870,7.34,871,4.83,872,7.228,873,7.4,874,7.671]],["t/494",[43,1.049,55,3.056,105,1.844,125,2.254,129,3.035,137,3.229,161,0.933,169,3.347,222,4.605,269,5.302,302,4.044,343,4.163,523,4.818,669,3.989,761,1.151,762,1.17,791,4.044,822,3.229,840,3.248,841,4.818,842,4.162,851,3.747,857,4.933,858,8.141,869,9.452,872,6.637,873,6.476,875,5.797,876,6.088,877,7.953,878,7.067,879,7.067,880,6.088,881,5.797,882,4.818,883,7.067,884,5.797]],["t/496",[6,0.676,32,4.109,45,1.736,55,1.813,133,1.774,161,0.985,222,3.324,269,4.27,293,3.635,344,4.874,485,2.663,754,2.471,760,2.527,761,1.215,762,1.235,787,3.297,840,3.927,846,4.463,858,5.875,859,5.208,885,11.202,886,7.461,887,10.611,888,7.461,889,3.826,890,7.461,891,7.461,892,7.461,893,4.395,894,7.461,895,7.461,896,10.611,897,4.27,898,7.461,899,5.208]],["t/498",[1,0.866,46,2.694,50,3.316,55,3.098,69,2.051,103,3.455,105,1.553,159,2.63,161,0.786,188,3.36,223,4.385,226,3.233,235,5.503,247,3.678,284,2.696,285,4.883,402,2.928,500,1.971,542,4.155,648,5.626,746,3.565,761,0.969,762,0.985,790,6.785,793,4.058,839,3.678,840,4.074,900,5.455,901,4.883,902,7.5,903,5.911,904,4.385,905,5.952,906,5.952,907,4.883,908,4.883,909,7.141,910,8.811,911,5.277,912,8.681,913,3.406,914,5.952,915,3.56,916,4.155,917,3.36]],["t/500",[55,3.08,129,2.735,161,1.102,222,3.72,269,4.779,302,4.779,669,4.714,741,3.053,761,1.36,762,1.382,840,3.918,857,5.829,877,5.829,918,8.35,919,7.193,920,6.261,921,7.652,922,9.443,923,8.35]],["t/502",[6,0.528,55,2.898,105,1.987,161,1.005,229,3.101,317,6.46,345,4.358,419,4.188,669,4.299,737,5.316,761,1.24,762,1.26,785,5.455,788,5.611,792,4.555,802,6.63,803,8.912,810,3.421,840,3.756,857,5.316,903,5.455,924,7.616,925,6.979,926,7.616,927,5.078,928,4.555,929,10.714,930,7.616,931,7.616,932,9.725,933,5.316,934,7.616,935,7.616,936,7.616]],["t/504",[6,0.657,55,2.802,105,2.107,133,1.92,161,1.066,269,4.621,317,4.621,369,3.824,420,3.658,749,2.399,761,1.315,762,1.336,802,5.505,829,7.4,830,7.4,840,2.831,920,4.333,937,8.075,938,5.784,939,3.151,940,8.075,941,8.075,942,2.521,943,3.087,944,8.075,945,8.075,946,5.949,947,8.075,948,4.282,949,8.075]],["t/506",[32,5.165,55,3,121,2.969,161,0.985,163,6.427,209,3.439,229,3.572,534,5.672,669,4.212,761,1.563,762,1.235,822,3.409,840,3.927,857,5.208,907,6.12,950,5.347,951,5.347,952,5.833,953,6.269,954,11.202,955,6.838,956,7.461,957,7.461,958,7.461,959,3.469,960,4.692,961,6.12]],["t/508",[6,0.651,32,4.411,45,1.943,55,2.029,133,1.985,161,1.102,229,3.564,485,2.98,735,2.621,746,2.91,749,2.449,754,2.766,761,1.36,762,1.382,840,3.612,889,4.281,950,4.651,955,7.652,962,3.213,963,8.35,964,8.35,965,7.652,966,8.35,967,7.652,968,7.652]],["t/510",[6,0.65,55,2.622,133,2.407,137,5.472,161,0.894,485,3.216,488,6.35,669,5.715,752,4.205,754,3.353,761,1.103,762,1.121,840,3.549,857,7.068,897,3.877,969,6.208,970,6.774,971,8.852,972,6.774,973,5.667,974,6.774,975,6.774,976,6.774,977,6.774,978,6.774,979,6.774,980,5.32,981,6.774,982,6.774,983,6.774]],["t/512",[53,5.011,214,6.314,500,3.202,984,9.667,985,6.59,986,7.612,987,8.327,988,6.748,989,9.667,990,5.457]],["t/514",[53,4.761,228,5.582,247,5.676,254,3.843,270,5.676,280,6.578,500,3.615,547,6.766,986,7.232,987,7.911,988,6.411,990,6.161,991,7.911,992,8.417,993,7.911,994,9.184]],["t/517",[6,0.459,51,5.318,53,5.379,125,2.693,130,2.052,188,5.857,194,2.61,220,2.612,221,1.94,229,2.693,248,2.41,254,4.342,342,3.673,500,2.797,573,3.794,743,3.763,744,2.829,795,4.285,796,4.197,797,3.893,798,4.036,995,8.446,996,8.446,997,6.05,998,6.928]],["t/519",[6,0.508,51,4.432,125,2.985,130,2.274,194,2.892,221,2.15,248,2.67,342,4.07,500,3.1,743,4.17,744,3.134,795,4.748,796,4.651,797,4.314,798,4.473]],["t/521",[6,0.508,51,4.432,125,2.985,130,2.274,194,2.892,221,2.15,248,2.67,342,4.07,500,3.1,743,4.17,744,3.134,795,4.748,796,4.651,797,4.314,798,4.473]],["t/523",[6,0.508,51,4.432,125,2.985,130,2.274,194,2.892,221,2.15,248,2.67,342,4.07,500,3.1,743,4.17,744,3.134,795,4.748,796,4.651,797,4.314,798,4.473]],["t/525",[6,0.508,51,4.432,125,2.985,130,2.274,194,2.892,221,2.15,248,2.67,342,4.07,500,3.1,743,4.17,744,3.134,795,4.748,796,4.651,797,4.314,798,4.473]],["t/527",[6,0.523,51,5.496,117,2.964,125,2.391,130,1.822,169,2.709,194,2.317,220,2.424,221,1.722,222,4.739,248,2.139,269,4.292,338,4.024,342,3.261,364,4.634,419,4.124,425,4.804,440,8.838,485,2.676,500,2.484,573,2.742,743,3.341,744,2.511,760,2.54,787,3.314,788,5.525,795,3.804,796,3.726,797,4.438,798,3.584,800,6.46,801,5.525,807,5.525,808,3.287,809,5.371,810,3.369,811,5.7,812,5.905,813,5.905,814,5.525,816,6.152,818,6.46]],["t/529",[6,0.484,51,5.074,125,2.84,130,2.164,194,2.752,220,2.242,221,2.045,246,6.071,248,2.541,272,5.17,342,3.873,500,2.95,573,3.257,743,3.968,744,2.983,795,4.518,796,4.425,797,4.105,798,4.256,999,8.162,1000,8.906]],["t/531",[6,0.508,51,4.432,125,2.985,130,2.274,194,2.892,221,2.15,248,2.67,342,4.07,500,3.1,743,4.17,744,3.134,795,4.748,796,4.651,797,4.314,798,4.473]],["t/533",[6,0.484,51,5.074,125,2.84,130,2.164,194,2.752,220,2.242,221,2.045,246,6.071,248,2.541,272,5.17,342,3.873,500,2.95,573,3.257,743,3.968,744,2.983,795,4.518,796,4.425,797,4.105,798,4.256,999,8.162,1001,8.906]],["t/536",[53,5.931,55,1.92,121,3.145,150,3.189,161,1.043,189,4.897,226,5.92,229,2.52,306,2.939,500,2.617,574,3.849,761,1.287,762,1.308,791,4.522,793,5.387,794,5.161,810,3.55,840,2.77,901,6.482,1002,7.902,1003,7.902,1004,6.007,1005,7.242,1006,5.387,1007,4.97,1008,6.007,1009,5.822,1010,6.222,1011,6.007,1012,5.66,1013,5.062,1014,6.222,1015,6.222,1016,5.387,1017,6.222,1018,6.222,1019,5.822]],["t/538",[37,1.831,53,4.821,121,3.701,169,3.359,209,5.068,229,2.966,270,5.747,306,2.746,500,3.08,544,7.324,545,6.202,546,5.747,991,8.011,992,8.523,1020,9.3]],["t/540",[53,6.209,105,2.353,161,1.19,229,2.875,345,6.178,543,4.673,761,1.468,762,1.492,790,6.457,928,5.392,1007,6.789,1012,6.457,1019,6.642,1021,9.015,1022,7.395,1023,6.146]],["t/542",[50,2.443,53,5.36,150,3.389,161,1.109,229,3.297,306,2.48,761,1.368,762,1.39,791,4.806,962,3.231,1006,5.725,1007,5.282,1008,6.384,1009,6.187,1010,6.613,1011,6.384,1012,6.015,1013,5.38,1014,6.613,1015,6.613,1016,5.725,1019,6.187,1024,7.696,1025,7.696,1026,7.696,1027,9.476,1028,7.696,1029,9.476,1030,7.696]],["t/544",[6,0.373,50,2.646,53,5.625,55,2.21,69,2.367,150,3.67,161,0.907,229,3.46,306,2.685,761,1.119,762,1.137,791,5.204,840,3.188,950,3.826,952,4.175,962,3.923,1006,6.199,1007,6.411,1008,6.913,1009,6.7,1010,7.161,1011,6.913,1012,6.514,1013,5.826,1014,7.161,1015,7.161,1016,6.199,1017,7.161,1018,7.161,1024,8.334,1025,8.334,1026,8.334,1031,7.46,1032,8.334,1033,7.46,1034,7.46,1035,5.917]],["t/546",[53,5.304,103,4.793,161,1.09,422,8.057,500,2.735,545,7.414,546,7.524,761,1.345,762,1.366,1006,5.629,1036,6.502,1037,10.651,1038,10.19,1039,7.567,1040,10.19,1041,9.377,1042,5.629,1043,5.764,1044,8.256]],["t/548",[6,0.356,53,5.523,103,3.809,121,2.612,141,3.609,150,2.649,161,0.866,189,3.228,214,4.287,226,3.564,229,2.813,248,1.872,306,1.938,422,5.168,500,2.174,544,5.168,545,5.882,546,6.87,761,1.069,762,1.086,767,4.475,790,4.701,791,3.756,901,5.383,928,3.926,950,3.656,1006,4.474,1007,6.267,1008,4.989,1009,4.835,1010,5.168,1011,4.989,1012,4.701,1013,4.204,1014,5.168,1015,5.168,1016,4.474,1019,4.835,1027,8.084,1028,6.014,1029,8.084,1030,6.014,1031,5.383,1032,6.014,1033,5.383,1034,5.383,1036,6.947,1037,9.764,1038,9.132,1039,6.014,1040,9.132,1041,8.084,1042,4.474,1043,4.581,1045,5.168,1046,6.563,1047,6.014,1048,6.563,1049,5.653]],["t/550",[53,5.379,55,2.052,121,3.361,150,3.409,161,1.115,209,3.893,228,5.133,229,2.693,240,6.651,345,4.833,547,6.223,741,3.088,761,1.376,762,1.398,840,2.961,871,5.052,990,4.768,1004,6.42,1006,5.758,1007,5.312,1016,5.758,1017,6.651,1018,6.651,1019,6.223,1050,8.446,1051,10.376,1052,7.275,1053,7.275,1054,7.275,1055,6.651]],["t/552",[46,2.38,53,5.833,55,2.196,121,3.597,135,2.489,150,3.648,159,3.994,161,0.898,209,4.166,223,5.014,226,3.696,229,2.882,269,3.895,401,3.222,402,3.348,574,3.315,746,3.768,761,1.108,762,1.126,764,3.348,840,3.169,871,5.406,903,4.875,928,4.071,933,6.309,991,5.862,1004,6.87,1007,6.799,1016,6.161,1017,7.117,1018,7.117,1052,7.785,1053,7.785,1054,7.785,1055,7.117,1056,5.862,1057,6.805,1058,5.173,1059,6.805,1060,6.805,1061,6.805,1062,6.805,1063,3.842,1064,5.102,1065,5.359]],["t/554",[53,3.496,55,2.454,69,3.48,121,4.02,129,2.209,135,2.466,150,4.077,161,0.89,188,3.806,209,4.656,223,4.968,229,3.435,761,1.098,762,1.116,840,3.541,871,6.042,962,3.887,997,4.83,1004,7.678,1006,6.886,1007,6.353,1016,6.886,1017,7.954,1018,7.954,1019,4.968,1035,7.738,1052,8.701,1053,8.701,1054,8.701,1055,7.954,1066,5.31,1067,6.743,1068,6.743,1069,6.743,1070,4.968,1071,4.968]],["t/556",[53,6.256,69,3.728,150,4.366,161,0.603,229,3.45,306,3.195,761,0.744,762,0.756,791,6.192,962,4.163,1006,7.376,1007,6.804,1009,7.971,1010,8.52,1011,8.224,1012,7.75,1013,6.931,1014,8.52,1015,8.52,1016,7.376,1019,3.365,1035,9.067,1072,4.567,1073,10.819,1074,4.567,1075,4.567,1076,4.567,1077,4.567,1078,4.567,1079,4.567,1080,4.567,1081,4.567,1082,4.567,1083,4.567,1084,4.567,1085,4.567,1086,4.567,1087,4.567,1088,4.567]],["t/558",[6,0.486,8,1.494,45,2.083,53,6.195,69,3.085,102,3.029,105,2.002,121,3.564,139,2.107,161,0.708,209,4.127,215,3.505,226,2.914,229,2.855,247,3.316,285,4.402,342,2.333,463,4.079,500,3.236,546,4.741,555,4.402,574,3.737,735,2.81,761,0.874,762,0.888,810,2.411,871,5.356,884,4.402,915,3.21,933,3.746,962,3.445,1004,6.806,1006,6.104,1007,6.761,1008,6.806,1009,6.597,1016,3.658,1031,7.345,1033,7.345,1034,7.345,1055,7.051,1089,7.672,1090,7.031,1091,5.011,1092,4.402,1093,5.366,1094,5.366,1095,4.622,1096,4.918,1097,8.206,1098,7.031,1099,4.622,1100,4.918,1101,8.954,1102,5.736,1103,8.206,1104,8.954,1105,3.746,1106,4.918,1107,4.918]],["t/560",[6,0.498,8,1.531,45,2.135,53,6.118,69,3.162,102,3.168,105,1.465,121,3.652,139,2.203,161,0.741,209,4.23,229,2.927,263,2.331,500,3.482,546,3.468,547,4.134,555,4.603,567,3.665,735,2.881,761,0.914,762,0.929,871,5.489,874,6.976,884,4.603,962,3.531,1004,6.976,1006,6.256,1007,6.862,1008,6.976,1009,6.761,1013,3.595,1016,3.826,1031,7.528,1033,7.528,1034,7.528,1055,7.227,1090,5.143,1091,3.665,1096,5.143,1097,8.41,1098,7.258,1099,4.834,1100,5.143,1102,5.879,1103,8.41,1105,3.917,1106,5.143,1107,5.143,1108,10.91,1109,9.177]],["t/562",[0,1.368,1,1.407,43,1.435,166,6.079,500,3.202,985,6.59,1110,9.667,1111,6.748,1112,7.612,1113,9.667]],["t/564",[6,0.472,105,2.269,130,2.113,166,5.469,220,2.189,221,1.997,246,7.201,248,3.013,251,6.07,342,3.781,485,3.103,500,2.88,573,3.18,743,3.874,744,2.912,795,4.411,796,4.321,797,4.008,798,4.156,1114,10.562,1115,8.696,1116,8.696,1117,8.696,1118,8.696]],["t/567",[139,4.514,161,0.961,166,5.939,221,2.169,229,3.667,306,3.395,761,1.919,762,1.204,785,8.236,847,4.576,849,4.852,851,3.859,1119,10.538,1120,10.538,1121,10.538,1122,10.169,1123,6.268,1124,6.268,1125,6.268,1126,6.268,1127,4.661,1128,6.669]],["t/569",[139,4.479,161,0.937,166,5.846,221,1.631,229,3.638,306,3.369,761,1.906,762,1.175,785,8.173,847,5.846,849,4.735,851,3.766,1119,10.456,1120,10.456,1121,10.456,1122,10.074,1123,6.117,1124,6.117,1125,6.117,1126,6.117,1127,4.549,1128,6.508,1129,11.41]],["t/571",[6,0.506,128,7.081,145,4.883,161,0.552,166,4.01,229,3.51,254,4.606,270,5.757,348,6.503,419,5.123,500,3.085,741,3.406,761,0.68,762,0.691,817,7.641,820,7.081,821,4.083,849,2.786,871,5.572,985,6.35,1111,6.503,1123,3.599,1124,3.599,1125,3.599,1126,3.599,1130,9.315,1131,9.227,1132,10.087,1133,9.315,1134,9.315,1135,8.024,1136,8.537,1137,9.482,1138,7.641,1139,8.024,1140,8.537,1141,7.641,1142,8.537,1143,5.487,1144,8.537,1145,9.315,1146,9.315,1147,8.65,1148,4.178]],["t/573",[0,1.23,1,1.265,18,4.274,43,1.291,187,6.848,234,3.747,273,7.49,342,3.781,872,6.228,950,4.844,988,6.07,1066,6.848,1111,6.07,1149,6.07,1150,4.195,1151,7.133,1152,8.696,1153,8.696,1154,8.696,1155,7.49,1156,8.696,1157,7.969,1158,4.909]],["t/575",[0,1.414,18,3.61,161,1.319,761,1.628,762,1.654]],["t/577",[0,1.209,18,4.595,163,7.36,194,2.64,209,4.816,248,2.438,261,4.122,262,5.28,263,3.549,264,5.111,741,3.124,851,4.531,901,7.009,961,7.009,1159,7.83,1160,8.544,1161,7.36,1162,7.83,1163,8.544,1164,7.83]],["t/579",[0,1.573,18,4.017,117,3.747,161,1.251,261,5.366,761,1.811,762,1.841,793,6.462]],["t/581",[0,1.573,18,4.017,117,3.747,161,1.251,262,6.873,761,1.811,762,1.841,793,6.462]],["t/583",[0,1.573,18,4.017,117,3.747,161,1.251,263,4.619,761,1.811,762,1.841,793,6.462]],["t/585",[0,1.573,18,4.017,117,3.747,161,1.251,264,6.652,761,1.811,762,1.841,793,6.462]],["t/587",[0,1.386,1,1.426,43,1.455,416,4.867,500,3.244,920,5.256,1143,5.77,1165,7.016]],["t/589",[6,0.441,125,2.589,130,1.973,194,2.509,220,2.549,221,1.865,236,6.753,248,2.317,342,3.531,414,6.275,416,5.032,484,3.846,485,2.898,500,2.689,573,3.703,744,2.719,787,4.474,789,3.749,794,6.614,795,4.119,796,4.035,797,3.742,798,3.881,810,3.648,828,3.124,920,5.434,1166,8.12]],["t/591",[125,2.875,130,2.19,139,3.539,141,4.958,143,4.119,145,4.726,194,2.786,414,6.276,416,5.742,810,5.191,828,3.469,920,4.837,1167,6.642,1168,6.853,1169,7.395]],["t/593",[125,2.493,130,1.899,137,5.208,139,3.069,140,5.457,142,5.213,143,3.572,144,5.329,145,4.098,146,5.213,173,5.107,194,2.416,332,4.3,369,4.682,401,4.682,414,6.19,416,4.913,420,4.48,810,4.442,821,4.334,828,3.008,1143,4.605,1170,6.434,1171,6.903,1172,5.6,1173,7.787,1174,6.111]],["t/595",[43,1.519,105,2.67,117,3.263,139,3.241,143,3.773,282,7.538,300,7.112,310,7.567,369,3.909,416,5.084,434,3.562,500,3.389,737,5.764,761,1.345,810,3.709,851,4.378,920,4.43,1023,5.629,1091,5.393,1167,6.083,1168,6.276,1169,6.773,1175,4.233,1176,6.773,1177,8.256,1178,10.232,1179,10.232,1180,8.256,1181,8.256]],["t/597",[6,0.618,43,1.049,53,3.663,55,2.251,121,2.813,133,1.68,139,2.774,143,3.229,145,3.705,161,0.933,193,3.41,221,2.128,302,4.044,416,4.604,488,3.747,500,3.069,642,5.797,749,2.458,761,1.151,762,1.17,821,3.098,840,3.624,882,4.818,889,5.301,939,3.228,942,3.228,943,3.952,1007,5.827,1182,6.088,1183,7.981,1184,6.088,1185,6.088,1186,6.476,1187,6.088,1188,6.476,1189,6.476,1190,6.476,1191,6.476,1192,6.088,1193,6.088,1194,6.088,1195,6.088,1196,6.088,1197,6.088]],["t/599",[6,0.614,43,1.025,53,3.577,55,1.677,129,2.261,133,1.641,141,3.795,145,3.618,161,0.911,193,3.33,209,3.181,220,1.737,221,2.095,236,7.249,293,3.362,416,5.617,500,2.286,642,5.661,749,2.429,760,2.337,761,1.124,762,1.142,768,4.705,840,3.582,882,4.705,889,5.239,939,3.191,942,3.191,943,3.906,1007,5.737,1182,5.945,1183,7.858,1184,5.945,1185,5.945,1186,6.325,1187,5.945,1191,6.325,1192,5.945,1193,5.945,1194,5.945,1195,5.945,1196,5.945,1197,5.945,1198,6.901,1199,6.901]],["t/601",[0,0.762,1,0.784,6,0.655,43,1.142,52,1.314,53,2.792,55,1.309,104,3.76,133,1.28,137,2.461,140,3.76,142,3.591,144,3.672,145,2.823,146,3.591,193,2.598,221,1.767,302,3.082,416,4.863,420,4.434,423,2.962,500,1.784,642,4.418,735,2.414,746,1.877,749,2.693,754,3.428,801,3.968,821,2.361,840,3.145,842,2.419,882,3.672,889,5.018,939,2.801,942,2.801,943,3.43,980,4.248,1007,4.837,1182,4.639,1183,7.729,1184,4.639,1185,4.639,1187,4.639,1188,4.936,1189,4.936,1190,4.936,1192,4.639,1193,4.639,1194,4.639,1195,4.639,1196,4.639,1197,4.639,1200,4.418,1201,4.418,1202,5.386,1203,5.386,1204,4.753,1205,5.386,1206,5.386,1207,5.386,1208,5.386,1209,5.386,1210,3.672,1211,2.324,1212,5.386,1213,4.934,1214,5.386,1215,9.787,1216,7.21,1217,5.386,1218,5.386,1219,5.386,1220,5.386]],["t/603",[0,1.142,3,3.859,6,0.438,7,1.566,8,1.347,9,1.38,10,1.386,11,1.363,12,1.402,13,1.478,14,1.397,17,3.567,23,1.859,25,1.69,43,1.499,113,1.437,117,3.192,161,1.066,162,3.379,169,2.917,179,2.521,189,5.415,203,5.644,255,7.885,256,3.896,257,6.359,734,1.77]],["t/605",[0,1.699,1,1.138,6,0.424,7,1.535,8,1.304,9,1.69,10,1.341,11,1.32,12,1.358,13,1.431,14,1.352,16,2.633,23,1.831,25,1.309,37,1.539,43,1.468,52,1.336,77,3.966,84,3.483,92,5.672,113,1.391,179,2.441,259,4.009,261,4.771,277,6.948,278,5.329,734,1.714]],["t/607",[0,1.762,1,1.439,6,0.424,7,1.535,8,1.304,9,1.69,10,1.341,11,1.32,12,1.358,13,1.431,14,1.352,16,2.633,19,3.178,20,3.755,23,1.831,25,1.309,37,1.946,97,3.635,109,2.79,113,1.391,165,4.474,179,2.441,266,4.355,306,2.308,312,6.703,313,5.107,316,5.107,317,4.474,734,1.714]],["t/609",[0,1.359,1,1.398,19,3.903,20,3.647,43,1.426,105,2.506,821,4.209,1221,7.075,1222,9.604,1223,7.3,1224,8.273]],["t/611",[6,0.612,19,4.344,20,4.059,43,1.125,125,2.416,130,1.841,139,4.196,150,4.313,194,2.341,248,2.162,319,6.605,354,4.949,484,4.279,485,3.814,676,6.526,828,2.915,1225,2.753,1226,9.693,1227,7.633,1228,9.38,1229,10.688,1230,6.943,1231,6.943,1232,5.582,1233,7.576]],["t/613",[19,3.978,20,4.172,29,1.862,55,2.669,111,1.948,125,2.021,130,1.54,139,2.488,176,6.784,194,1.958,220,2.644,221,1.455,228,5.236,229,2.747,248,1.808,254,3.605,272,4.156,296,3.733,319,7.473,401,4.079,402,4.238,485,3.748,536,3.916,541,3.79,543,3.285,573,3.84,741,2.317,787,4.325,799,6.784,810,3.87,828,2.438,871,5.153,1234,5.807,1235,7.895,1236,5.458,1237,4.99,1238,5.198,1239,4.99,1240,4.423,1241,5.807,1242,5.807,1243,6.337,1244,5.458,1245,5.807,1246,5.807,1247,9.788,1248,5.807]],["t/616",[6,0.678,19,4.344,20,3.681,27,4.548,55,2.355,133,1.801,150,3.058,161,1,421,6.943,558,5.582,749,2.304,761,1.234,762,1.254,846,4.532,939,2.366,942,2.366,943,2.896,1211,3.269,1221,7.141,1227,5.966,1230,6.943,1249,5.759,1250,7.576,1251,8.564,1252,3.462,1253,7.576,1254,6.215,1255,5.289,1256,7.576,1257,7.576,1258,6.215,1259,7.633]],["t/618",[6,0.668,10,0.753,11,0.741,19,3.869,20,3.026,27,3.106,43,1.183,52,1.131,55,1.608,64,2.684,66,1.656,77,1.605,81,3.788,105,1.727,121,1.747,129,2.906,130,1.936,133,1.044,139,2.599,161,0.579,220,1.666,229,2.541,248,1.252,306,1.296,342,2.878,343,2.586,344,4.324,345,2.512,346,2.992,347,3.457,348,3.064,349,3.234,350,3.234,351,2.927,352,2.761,354,4.324,366,3.438,420,1.989,434,1.894,450,1.823,485,1.567,735,2.501,746,3.886,749,1.894,752,1.823,753,1.759,754,1.454,755,1.894,761,0.715,762,0.726,785,3.144,808,1.924,821,2.901,846,2.626,897,2.512,911,5.575,913,5.727,939,1.371,942,1.371,943,1.678,948,2.328,1063,4.498,1064,5.649,1211,2.856,1221,3.234,1232,3.234,1249,3.337,1251,7.237,1252,4.999,1255,3.064,1260,3.781,1261,5.702,1262,4.39,1263,2.445,1264,4.39,1265,3.457,1266,3.781,1267,4.39,1268,4.39,1269,6.066,1270,4.39,1271,3.781,1272,4.39,1273,4.023,1274,4.39,1275,3.457,1276,3.781,1277,3.457,1278,3.781,1279,3.457,1280,4.023,1281,5.032,1282,3.457,1283,3.234,1284,3.234,1285,2.812]],["t/620",[6,0.691,19,4.41,20,3.872,27,4.267,52,1.174,55,2.477,105,1.793,133,1.633,135,2.512,150,2.772,161,0.907,229,2.19,254,2.874,749,2.162,761,1.119,762,1.137,840,2.408,939,2.145,942,2.145,943,2.626,990,5.133,1211,3.923,1221,5.061,1227,5.409,1228,8.028,1241,6.295,1242,6.295,1245,6.295,1248,6.295,1249,5.221,1252,3.139,1254,5.635,1258,5.635,1259,7.161,1273,6.295,1286,6.869,1287,5.917,1288,6.869,1289,6.295,1290,6.869,1291,6.869,1292,5.221]],["t/622",[6,0.679,19,4.894,20,4.526,27,3.84,43,1.398,52,1.005,55,1.988,133,1.398,150,2.373,161,0.776,236,3.921,272,5.59,749,1.945,761,0.958,762,0.973,837,7.5,840,3.3,872,7.289,874,6.221,893,5.544,939,1.836,942,1.836,943,2.248,990,5.313,1095,5.066,1211,3.531,1221,4.333,1227,4.631,1228,6.444,1249,4.47,1254,4.824,1258,4.824,1259,6.444,1292,4.47,1293,5.389,1294,5.389,1295,5.389,1296,5.389,1297,5.389,1298,5.389,1299,4.333,1300,5.881,1301,5.057,1302,5.881,1303,5.881,1304,5.881]],["t/624",[6,0.691,19,4.749,20,4.497,27,4.709,45,1.326,52,0.974,55,2.439,103,3.308,111,1.752,121,2.268,133,1.903,150,3.735,161,1.057,237,5.457,296,3.357,543,2.954,749,2.386,760,1.93,761,1.304,762,0.943,840,2.807,939,2.5,942,2.5,943,3.06,990,4.519,1092,4.675,1131,4.488,1141,4.675,1211,3.992,1228,6.304,1237,4.488,1238,4.675,1249,6.085,1259,7.904,1299,4.198,1305,5.222,1306,5.222,1307,4.675,1308,4.909,1309,3.8,1310,7.337,1311,7.337,1312,7.337,1313,5.222,1314,5.222,1315,5.699]],["t/626",[6,0.695,19,4.755,20,4.443,27,4.592,45,1.253,52,1.314,55,2.378,103,3.126,133,1.829,150,3.104,161,0.711,237,3.672,296,3.173,536,5.545,543,2.792,741,1.969,749,2.327,760,3.039,761,0.877,762,0.891,840,2.697,939,2.402,942,2.402,943,2.94,990,5.524,1211,4.222,1221,3.968,1227,4.241,1228,7.707,1237,4.241,1238,6.309,1239,6.057,1240,6.263,1249,5.847,1254,4.418,1258,4.418,1259,7.707,1292,4.094,1310,7.049,1311,7.049,1312,7.049,1313,4.936,1314,4.936,1316,5.386]],["t/628",[1,1.362,37,1.842,54,4.651,169,3.381,247,5.784,488,4.963,545,6.241,822,4.276,920,5.022,993,8.062,1150,4.515,1317,9.359,1318,9.359,1319,9.359,1320,9.359]],["t/630",[51,5.522,54,5.324,55,1.85,125,2.429,130,1.85,194,2.353,220,2.697,221,1.749,222,3.393,248,2.173,284,4.406,293,3.71,308,7.658,342,3.311,500,2.522,534,7.392,541,5.817,542,6.789,573,3.918,743,3.393,744,2.55,760,2.579,787,4.297,789,2.82,795,3.863,796,3.784,797,3.51,798,3.64,920,4.086,1321,6.979,1322,6.979,1323,7.616,1324,7.616,1325,7.616,1326,7.616]],["t/632",[51,5.46,55,2.452,125,2.575,130,1.962,194,2.495,220,2.54,221,1.855,248,2.304,254,4.223,272,5.311,338,4.333,342,3.511,364,4.991,419,4.441,500,2.675,573,3.69,743,3.598,744,2.704,795,4.096,796,4.013,797,3.722,798,3.859,799,6.359,807,5.949,808,3.539,809,5.784,810,3.628,811,6.138,812,6.359,813,6.359,1327,4.687]],["t/634",[51,5.46,55,2.452,125,2.575,130,1.962,194,2.495,220,2.54,221,1.855,248,2.304,254,4.223,272,5.311,338,4.333,342,3.511,364,4.991,419,4.441,500,2.675,573,3.69,743,3.598,744,2.704,795,4.096,796,4.013,797,3.722,798,3.859,799,6.359,807,5.949,808,3.539,809,5.784,810,3.628,811,6.138,812,6.359,813,6.359,1328,6.138]],["t/636",[51,5.074,54,4.425,125,2.84,130,2.164,194,2.752,220,2.242,221,2.045,248,2.541,342,3.873,418,6.865,500,2.95,539,6.217,573,3.257,743,3.968,744,2.983,795,4.518,796,4.425,797,4.105,798,4.256,1329,5.097,1330,8.906]],["t/638",[51,4.432,125,2.985,130,2.274,194,2.892,221,2.15,248,2.67,342,4.07,500,3.1,743,4.17,744,3.134,795,4.748,796,4.651,797,4.314,798,4.473,1331,9.359]],["t/640",[43,1.02,51,5.602,55,2.21,117,2.715,125,2.19,130,1.669,169,3.285,194,2.123,220,2.289,221,1.578,222,4.542,248,2.908,269,5.204,302,5.834,338,3.686,342,2.987,364,4.245,419,3.778,425,4.4,440,8.545,485,2.451,500,2.275,743,3.06,744,2.3,760,3.08,767,3.485,787,4.018,788,6.7,795,3.485,796,3.413,797,4.191,798,3.283,800,5.917,801,5.061,807,5.061,808,3.011,809,6.514,810,3.086,811,5.221,812,5.409,813,5.409,814,5.061,816,5.635,817,5.635,818,5.917,826,6.295,827,6.295,1329,3.931]],["t/642",[45,1.91,51,5.492,54,5.764,87,4.861,125,2.618,130,1.995,139,3.223,143,3.751,194,2.537,338,5.951,418,5.26,539,7.742,557,6.241,828,3.159,920,4.406,1167,6.049,1168,6.241,1169,6.735,1332,11.091,1333,10.164,1334,8.21]],["t/644",[51,5.386,54,4.897,125,2.48,137,5.363,139,3.053,140,5.429,142,5.186,143,3.553,144,5.301,145,4.077,146,5.186,173,5.08,194,2.403,248,2.219,332,4.285,369,4.666,401,4.666,420,4.465,810,4.427,821,4.32,828,2.992,1143,4.581,1170,6.421,1171,6.88,1172,5.57,1173,7.761,1174,6.091]],["t/647",[54,4.592,161,1.22,761,1.505,762,1.529,1327,5.364,1329,5.289,1335,7.581,1336,7.581,1337,7.097,1338,5.711,1339,5.92,1340,5.711,1341,5.711,1342,5.711,1343,6.3]],["t/649",[50,1.812,54,6.046,69,2.146,161,0.822,746,2.171,761,1.015,762,1.031,902,4.349,909,4.349,915,3.726,1327,6.543,1329,7.019,1337,7.68,1338,6.966,1339,7.221,1340,6.966,1341,6.966,1342,6.966,1344,3.991,1345,6.229,1346,6.229,1347,6.229,1348,6.229,1349,6.229,1350,6.229,1351,4.589]],["t/651",[6,0.594,50,1.645,54,5.939,69,1.948,161,0.746,746,1.971,761,0.921,762,0.936,840,1.983,842,2.54,844,3.15,846,3.382,848,3.331,850,3.694,902,3.948,909,3.948,915,3.382,1327,6.349,1328,8.314,1329,6.904,1337,7.593,1338,6.759,1339,7.006,1340,6.759,1341,6.759,1342,6.759,1344,3.622,1351,4.166,1352,8.613,1353,5.655,1354,5.655,1355,5.655,1356,5.655,1357,5.655,1358,5.655]],["t/653",[6,0.462,50,2.477,54,5.601,69,2.934,161,0.822,308,6.705,746,2.968,761,1.015,762,1.031,842,5.064,869,7.335,870,4.154,902,5.944,909,5.944,915,5.093,1327,6.053,1328,6.473,1329,6.723,1336,6.985,1337,7.455,1338,6.445,1339,6.68,1340,6.445,1341,6.445,1342,6.445,1344,5.455,1351,6.273,1352,6.705,1359,8.515,1360,7.803,1361,8.515]],["t/656",[6,0.407,43,1.114,50,2.182,54,5.577,55,1.822,161,0.99,308,5.905,741,2.742,746,2.614,761,1.221,762,1.241,810,3.369,842,3.369,882,5.112,902,5.235,909,5.235,915,4.486,1327,5.589,1328,5.7,1329,6.643,1337,7.22,1338,5.951,1339,6.169,1340,5.951,1341,5.951,1342,5.951,1351,5.525,1352,5.905,1360,6.872,1362,6.46,1363,10.637,1364,9.629,1365,7.499]],["t/658",[43,1.254,50,2.457,54,5.156,161,1.115,536,5.22,741,3.088,746,2.944,761,1.376,762,1.398,902,5.896,909,5.896,915,5.052,920,4.532,1327,4.903,1329,6.428,1337,6.827,1338,5.22,1339,5.411,1340,5.22,1341,5.22,1342,5.22,1351,6.223,1362,7.275,1366,10.376,1367,8.446,1368,8.446]],["t/660",[6,0.413,43,1.131,50,2.215,54,5.609,161,1.005,741,2.785,746,2.654,761,1.24,762,1.26,810,3.421,842,3.421,882,5.192,902,5.316,909,5.316,915,4.555,951,4.242,1327,5.645,1328,5.789,1329,6.674,1337,7.249,1338,6.01,1339,6.23,1340,6.01,1341,6.01,1342,6.01,1351,5.611,1352,5.997,1369,10.714,1370,7.616,1371,6.979,1372,7.616]],["t/662",[6,0.413,43,1.131,50,2.215,54,5.609,161,1.005,741,2.785,746,2.654,761,1.24,762,1.26,810,3.421,842,3.421,882,5.192,902,5.316,909,5.316,915,4.555,953,4.974,1327,5.645,1328,5.789,1329,6.674,1337,7.249,1338,6.01,1339,6.23,1340,6.01,1341,6.01,1342,6.01,1351,5.611,1352,5.997,1371,6.979,1373,10.714,1374,6.56,1375,7.616]],["t/664",[54,4.347,129,2.866,161,1.155,302,5.006,741,3.199,761,1.425,762,1.448,767,4.437,810,3.929,858,6.888,922,8.016,1327,5.077,1329,6.066,1337,7.381,1338,5.406,1340,5.406,1341,5.406,1342,5.406,1343,5.963,1374,7.535,1376,8.747]],["t/666",[43,1.291,54,4.321,129,2.849,161,1.148,222,3.874,741,3.18,761,1.416,762,1.439,767,4.411,810,3.906,858,6.848,877,6.07,1327,5.047,1329,6.045,1337,7.369,1338,5.374,1340,5.374,1341,5.374,1342,5.374,1343,5.928,1374,7.49,1377,8.696]],["t/668",[1,1.138,43,1.161,54,3.885,105,2.04,129,3.239,135,2.859,161,1.032,188,5.582,218,3.925,221,1.796,418,6.334,534,5.943,539,5.457,567,5.107,741,2.859,761,1.273,762,1.294,794,5.107,950,4.355,951,4.355,953,5.107,1058,5.943,1327,4.538,1329,6.522,1337,6.592,1338,4.831,1339,5.008,1340,4.831,1341,4.831,1342,4.831,1343,5.329,1378,7.165,1379,9.888,1380,7.818,1381,7.818,1382,7.818,1383,7.818]],["t/671",[54,5.286,161,1.162,228,5.348,279,3.628,539,6.143,741,3.218,761,1.433,762,1.456,785,6.303,1023,5.999,1327,5.108,1329,5.036,1337,6.95,1338,5.438,1339,5.637,1340,5.438,1341,5.438,1342,5.438,1343,5.999,1384,7.58,1385,8.8,1386,8.8]],["t/673",[54,4.321,161,1.148,423,4.782,539,6.07,540,6.848,546,5.374,742,7.49,761,1.416,762,1.439,1327,5.047,1329,4.976,1337,7.192,1338,5.374,1339,5.57,1340,5.374,1341,5.374,1342,5.374,1343,5.928,1384,7.49,1387,6.848,1388,8.696,1389,8.696,1390,8.696,1391,8.696]],["t/675",[37,1.523,54,5.363,69,2.665,105,2.019,161,1.021,226,4.201,229,3.62,272,3.732,306,2.9,345,5.621,539,6.857,669,4.367,761,1.26,762,1.28,767,3.924,788,5.699,871,4.627,903,5.541,908,6.346,928,4.627,959,3.597,962,2.977,1327,4.49,1329,4.427,1343,5.273,1384,6.664,1392,7.736,1393,7.736,1394,7.736,1395,5.541,1396,7.736,1397,7.089,1398,7.736,1399,7.736,1400,7.736,1401,7.736,1402,7.736,1403,7.736,1404,7.736,1405,7.736]],["t/677",[6,0.695,52,1.291,54,2.609,55,1.275,69,1.124,105,1.37,127,1.008,133,0.775,161,0.431,220,1.659,221,0.749,229,1.04,241,2.051,254,1.365,279,2.717,291,3.091,297,2.223,345,1.866,402,1.604,434,3.258,460,1.465,496,1.465,539,3.665,553,5.272,735,2.37,744,2.207,746,3.572,749,2.103,752,2.181,753,2.104,754,3.08,755,1.407,761,0.531,762,0.54,791,1.866,792,3.14,806,3.579,842,1.465,844,1.817,859,2.277,877,2.277,889,1.672,897,4.737,903,2.336,908,2.675,911,1.817,917,2.963,951,1.817,962,2.535,980,1.544,1022,2.675,1063,1.841,1064,1.841,1102,3.363,1158,2.963,1175,3.378,1211,2.265,1285,2.089,1327,1.893,1329,1.866,1335,2.675,1343,2.223,1406,2.675,1407,2.989,1408,3.261,1409,2.568,1410,2.336,1411,3.76,1412,3.76,1413,2.336,1414,2.336,1415,3.76,1416,3.261,1417,3.261,1418,3.261,1419,3.261,1420,3.261,1421,4.306,1422,2.403,1423,2.568,1424,2.336,1425,3.719,1426,4.134,1427,7.323,1428,3.665,1429,4.304,1430,2.809,1431,3.363,1432,6.505,1433,3.665,1434,2.568,1435,3.494,1436,4.719,1437,2.809,1438,2.809,1439,6.505,1440,2.809,1441,7.13,1442,2.809,1443,2.809,1444,5.405,1445,5.675,1446,3.868,1447,2.403,1448,2.403,1449,6.195,1450,4.306,1451,2.809,1452,6.505,1453,2.809,1454,2.568,1455,2.809,1456,2.809,1457,2.809,1458,2.809,1459,2.809,1460,2.568,1461,2.809,1462,2.809,1463,2.809,1464,2.403,1465,3.868,1466,2.809,1467,6.505,1468,5.675,1469,4.004,1470,4.522,1471,4.304,1472,2.989,1473,2.809,1474,4.134,1475,2.809]],["t/679",[54,4.41,105,1.728,129,2.169,135,2.421,161,0.874,221,1.521,488,3.511,541,3.961,542,4.623,761,1.078,762,1.096,798,3.165,1321,6.068,1322,6.068,1327,6.207,1329,6.568,1337,7.528,1343,4.514,1476,5.214,1477,10.009,1478,6.622,1479,6.622,1480,12.386,1481,12.386,1482,10.009,1483,6.622,1484,8.874,1485,6.622,1486,6.622,1487,6.622,1488,6.622,1489,6.622,1490,6.622]],["t/681",[6,0.613,54,4.832,133,1.81,161,1.005,221,1.749,749,2.683,761,1.24,762,1.26,840,3.756,939,3.345,942,3.345,943,4.096,1167,5.611,1168,5.789,1169,6.247,1327,4.42,1329,4.358,1335,6.247,1336,6.247,1337,6.512,1338,4.706,1339,4.879,1340,4.706,1341,4.706,1342,4.706,1491,7.616,1492,7.616,1493,7.616,1494,7.616,1495,7.616,1496,7.616,1497,7.616,1498,7.616,1499,7.616]],["t/683",[6,0.644,52,1.275,54,4.769,133,1.774,137,3.409,161,0.985,749,2.663,754,3.71,761,1.215,762,1.235,810,3.352,920,4.003,980,3.533,1013,4.78,1159,6.838,1170,4.212,1213,5.278,1327,4.331,1329,4.27,1335,6.12,1336,6.12,1337,6.449,1338,4.611,1339,4.78,1340,4.611,1341,4.611,1342,4.611,1343,5.086,1500,7.461,1501,7.461,1502,7.461,1503,7.461,1504,7.461,1505,7.461,1506,7.461,1507,7.461,1508,7.461,1509,7.461,1510,7.461,1511,7.461]],["t/685",[0,1.333,1,1.371,20,3.577,29,2.767,43,1.399,105,2.458,303,6.421,332,4.096,500,3.12,741,3.444,764,4.634,821,4.128,1512,8.632,1513,7.727]],["t/687",[6,0.512,20,2.756,29,3.375,55,1.207,60,3.019,65,3.245,66,1.875,72,1.721,87,2.177,105,1.296,108,2.604,125,1.584,130,1.207,139,2.848,150,2.005,194,1.535,220,1.826,221,1.141,228,5.21,237,3.386,248,2.07,272,3.5,289,5.327,296,2.926,342,2.16,361,4.714,395,2.52,401,4.463,402,4.637,405,4.279,419,5.184,465,3.776,466,3.776,485,3.578,500,1.645,536,3.07,541,4.34,542,3.468,543,4.443,547,5.345,573,2.653,743,2.213,744,1.664,760,2.457,787,4.626,789,3.49,795,2.52,796,4.684,797,2.29,798,2.374,807,3.66,808,2.177,810,2.232,871,5.127,1234,4.553,1235,4.553,1236,4.279,1237,3.912,1239,3.912,1240,3.468,1244,4.279,1387,3.912,1514,4.553,1515,3.313,1516,6.752,1517,4.075,1518,3.66,1519,4.075,1520,4.553,1521,3.313,1522,7.255,1523,4.968,1524,4.968,1525,4.553,1526,4.968,1527,5.952,1528,4.553,1529,4.279,1530,4.279,1531,3.386,1532,4.075]],["t/689",[6,0.427,29,3.194,43,1.473,125,2.506,129,2.575,130,1.91,143,3.591,150,3.172,194,2.429,289,4.349,341,4.943,354,5.134,369,5.148,420,3.561,425,6.356,484,2.985,560,5.241,574,4.833,676,6.77,828,3.024,871,4.701,917,4.437,948,4.168,1167,5.791,1168,5.974,1174,7.057,1225,2.856,1231,7.203,1232,5.791,1533,9.093,1534,7.203,1535,7.203,1536,5.487]],["t/691",[29,2.766,109,3.36,137,5.377,139,2.843,140,5.055,141,3.982,142,4.828,143,3.308,144,4.936,145,3.796,146,4.828,148,6.636,173,4.73,220,1.823,234,2.569,273,6.237,332,4.093,364,5.818,369,4.457,401,4.457,420,4.265,465,5.504,466,5.504,488,3.84,766,5.94,789,2.681,810,4.229,821,4.126,828,2.786,990,4.087,1143,4.265,1170,6.481,1171,6.572,1172,5.186,1173,7.413,1174,5.818,1476,5.702,1517,5.94,1518,5.335,1519,5.94]],["t/693",[7,1.188,9,1.308,25,1.282,29,3.566,43,1.137,117,3.026,135,2.799,209,4.497,237,6.651,274,4.904,398,3.625,401,3.625,418,4.904,466,5.819,488,4.059,500,2.535,539,5.344,541,4.579,543,3.968,560,5.105,567,5,573,2.799,574,3.729,821,3.355,904,5.64,907,6.28,960,4.814,990,4.321,1047,7.016,1255,5.344,1537,6.594,1538,4.443,1539,7.655,1540,5.344,1541,7.655,1542,7.016,1543,5.64,1544,7.655,1545,7.655,1546,7.655,1547,7.655,1548,7.655]],["t/696",[6,0.627,29,3.476,55,2.566,111,2.271,121,2.94,133,1.756,139,2.9,150,2.981,161,0.975,229,2.355,299,5.816,488,3.917,543,3.829,749,2.51,761,1.203,762,1.578,840,2.59,842,3.318,939,2.978,942,2.978,943,3.645,950,4.114,1515,6.359,1521,4.925,1549,7.386,1550,6.363,1551,5.156,1552,5.615,1553,4.565,1554,5.615,1555,5.816,1556,5.816,1557,5.615,1558,6.059,1559,4.825,1560,5.442,1561,5.816,1562,5.816,1563,5.816]],["t/698",[6,0.66,10,0.855,11,0.842,29,2.774,43,1.275,52,1.243,55,1.211,64,2.892,105,1.301,129,3.289,130,2.087,161,0.658,220,1.255,221,1.145,229,2.739,248,1.422,342,3.163,343,2.936,344,4.751,345,2.852,346,3.398,347,3.925,348,3.48,349,3.672,350,3.672,351,3.324,352,3.135,354,4.751,366,3.705,434,2.15,450,2.07,485,2.596,735,2.696,746,4.007,749,2.244,752,2.07,753,1.998,754,1.651,755,2.15,761,0.812,762,0.825,808,2.185,840,1.747,897,2.852,911,5.839,913,5.999,939,1.556,942,1.556,943,1.905,946,3.672,980,2.36,1063,4.848,1064,5.917,1211,2.15,1232,3.672,1252,4.946,1260,4.294,1261,6.265,1265,3.925,1266,4.294,1275,3.925,1276,4.294,1277,3.925,1278,4.294,1279,3.925,1280,4.568,1281,5.529,1282,3.925,1283,3.672,1284,3.672,1285,3.193,1551,3.48,1558,4.089,1560,3.672,1564,4.568,1565,4.984,1566,4.568]],["t/700",[6,0.66,11,0.726,29,2.312,43,1.168,52,1.114,55,1.045,64,2.65,103,2.496,129,3.379,130,1.912,136,6.468,137,1.965,161,0.568,220,1.64,221,0.988,229,2.509,306,1.27,342,1.87,352,4.098,354,4.257,366,3.395,369,3.726,398,2.036,434,2.811,450,1.786,485,2.808,735,2.961,737,4.549,746,3.865,749,2.243,752,1.786,753,1.723,754,2.158,755,1.855,761,0.7,762,0.712,794,5.735,808,1.885,840,1.507,844,2.395,882,2.931,889,2.205,897,3.729,899,3.002,911,5.531,913,5.682,939,1.343,942,1.343,943,1.644,946,3.168,980,4.157,1063,4.442,1064,5.605,1204,4.027,1211,1.855,1232,3.168,1252,4.713,1265,3.386,1275,3.386,1276,3.704,1277,3.386,1278,3.704,1279,3.386,1281,4.954,1282,3.386,1283,3.168,1284,3.168,1285,2.755,1518,3.168,1538,2.496,1551,3.002,1558,3.527,1560,3.168,1567,4.3,1568,5.972,1569,8.046,1570,3.386,1571,3.941,1572,5.972,1573,3.941,1574,3.941,1575,3.941,1576,3.941,1577,3.941,1578,3.941,1579,4.3,1580,3.941,1581,3.386,1582,4.3,1583,3.941,1584,4.3,1585,3.941,1586,3.941,1587,3.941,1588,3.386]],["t/702",[6,0.621,29,3.242,55,2.53,121,2.854,133,1.705,150,2.894,161,0.947,220,1.805,465,5.45,466,5.45,488,5.521,541,5.595,555,5.882,749,2.475,760,2.428,761,1.168,762,1.187,840,2.514,842,3.221,939,2.921,942,2.921,943,3.576,1309,6.237,1476,7.366,1515,6.237,1517,5.882,1518,5.283,1519,5.882,1521,4.781,1532,5.882,1551,5.005,1552,5.45,1554,5.45,1557,5.45,1559,4.684,1560,5.283,1561,5.646,1562,5.646,1563,5.646,1589,6.571,1590,7.17,1591,7.17,1592,6.571]],["t/704",[6,0.588,29,3.431,55,2.034,105,1.585,111,1.868,121,2.418,133,1.444,139,2.385,150,2.452,161,1.264,193,2.931,220,1.529,229,1.937,237,7.034,286,4.618,500,3.171,542,4.241,669,3.429,749,2.276,761,1.363,762,1.005,767,3.082,840,2.13,842,2.729,904,4.476,939,2.613,942,2.613,943,3.199,952,5.087,1091,5.467,1092,6.866,1105,4.241,1131,4.784,1141,4.983,1299,6.166,1305,5.567,1307,4.983,1308,5.233,1309,4.051,1515,5.581,1521,4.051,1551,4.241,1552,4.618,1554,4.618,1555,4.784,1556,4.784,1557,4.618,1559,3.968,1560,4.476,1561,4.784,1562,4.784,1563,4.784,1592,5.567,1593,6.075,1594,5.567,1595,5.567,1596,5.567,1597,5.233,1598,4.618,1599,4.784,1600,5.567,1601,5.567,1602,4.241,1603,4.476,1604,3.892,1605,5.567,1606,5.567,1607,5.567,1608,3.821,1609,5.567]],["t/706",[6,0.633,29,3.427,55,2.363,133,1.81,150,3.073,161,1.005,536,6.621,741,2.785,749,2.547,761,1.24,762,1.26,840,2.67,842,3.421,939,3.037,942,3.037,943,3.718,1240,6.789,1515,6.485,1521,5.078,1551,5.316,1552,5.789,1554,5.789,1555,5.997,1556,5.997,1557,5.789,1559,4.974,1560,5.611,1561,5.997,1562,5.997,1563,5.997,1610,8.912,1611,6.979]],["t/708",[6,0.599,29,3.417,55,2.112,105,1.675,133,1.526,139,2.52,150,2.591,161,0.847,193,3.097,220,1.616,229,2.047,237,6.717,286,4.88,500,3.263,536,3.967,542,4.481,669,3.624,749,2.342,761,1.045,762,1.062,767,3.257,840,2.251,842,2.884,904,4.73,939,2.714,942,2.714,943,3.322,952,5.282,1091,5.677,1092,5.266,1105,4.481,1238,5.266,1299,4.73,1515,5.795,1521,4.281,1551,4.481,1552,4.88,1554,4.88,1555,5.055,1556,5.055,1557,4.88,1559,4.193,1560,4.73,1561,5.055,1562,5.055,1563,5.055,1594,5.883,1595,5.883,1596,5.883,1597,5.53,1598,4.88,1599,5.055,1600,5.883,1601,5.883,1602,4.481,1603,4.73,1604,4.112,1605,5.883,1606,5.883,1607,5.883,1608,4.037,1609,5.883,1610,5.883,1611,5.883]],["t/710",[6,0.602,29,3.573,133,1.73,161,0.961,236,4.852,272,4.556,749,2.493,761,1.185,762,1.204,840,3.676,872,6.764,893,6.176,990,4.108,1095,6.268,1293,6.669,1294,6.669,1295,6.669,1296,6.669,1297,6.669,1298,6.669,1299,5.361,1559,4.753,1612,6.669,1613,7.277,1614,7.277,1615,8.655,1616,6.669,1617,7.277,1618,7.277,1619,6.669,1620,7.277,1621,7.277,1622,6.669,1623,7.277,1624,7.747,1625,7.277,1626,7.277,1627,6.669,1628,6.669,1629,6.669]],["t/712",[6,0.62,29,3.417,121,4.758,133,1.421,161,0.789,749,2.646,761,0.973,762,0.989,840,3.902,893,6.556,911,3.329,933,4.172,1138,9.907,1551,4.172,1612,5.477,1615,9.86,1616,5.477,1619,5.477,1622,5.477,1627,5.477,1628,5.477,1629,5.477,1630,11.13,1631,5.976,1632,5.976,1633,5.976,1634,5.976,1635,5.976,1636,5.976,1637,5.976,1638,5.976,1639,5.976,1640,5.976,1641,5.976,1642,5.976,1643,5.976,1644,5.976,1645,5.976,1646,5.976,1647,5.976,1648,5.976,1649,5.976,1650,5.976,1651,5.976,1652,5.976,1653,5.976,1654,5.976,1655,5.976]],["t/714",[6,0.695,29,3.246,55,1.977,104,4.073,133,1.387,137,2.666,139,3.195,143,4.282,150,2.355,161,0.77,229,1.86,402,2.87,543,3.024,749,2.626,761,0.95,762,1.347,801,4.298,840,2.045,842,2.621,881,4.786,939,3.33,942,3.33,943,4.077,1200,4.786,1201,4.786,1515,5.427,1521,3.89,1537,5.026,1551,4.073,1552,4.435,1553,3.606,1554,4.435,1555,4.594,1556,4.594,1557,4.435,1558,4.786,1559,3.811,1656,5.834,1657,5.834,1658,5.834,1659,5.834,1660,5.834,1661,5.834,1662,9.187,1663,9.774,1664,5.834,1665,5.834,1666,5.834,1667,5.834]],["t/716",[0,1.35,1,1.389,21,4.116,37,1.878,43,1.417,109,3.405,145,5.002,338,5.12,1012,6.834,1165,6.834,1668,9.541,1669,9.541]],["t/718",[6,0.426,29,1.63,55,1.348,72,1.923,87,2.432,109,3.879,111,1.706,125,1.769,130,1.348,139,2.178,150,3.17,152,6.217,194,1.715,220,2.296,221,1.804,228,6.028,229,1.769,237,3.782,248,1.583,272,3.79,289,5.27,296,3.268,395,2.815,401,4.318,402,4.487,405,4.779,419,5.016,425,3.554,459,2.942,485,3.54,488,2.942,500,3.021,541,5.455,543,4.728,547,5.788,573,2.873,743,2.472,744,1.858,760,3.089,787,4.383,788,4.088,789,2.909,796,4.532,807,4.088,808,2.432,871,5.455,951,3.091,1236,4.779,1237,4.369,1299,4.088,1476,4.369,1514,5.085,1515,3.7,1516,6.533,1517,4.551,1518,4.088,1519,4.551,1520,5.085,1521,3.7,1525,5.085,1530,4.779,1531,3.782,1532,6.444,1670,5.548,1671,5.548,1672,5.085]],["t/720",[43,1.086,109,3.968,125,2.332,137,4.329,139,2.871,141,4.022,142,4.876,143,3.341,145,3.834,146,4.876,194,2.26,289,4.153,369,5.264,420,3.313,560,7.68,574,4.615,810,4.994,828,2.814,871,4.374,917,4.128,948,3.878,1167,5.388,1168,5.559,1174,6.871,1225,3.82,1533,8.683,1534,9.632,1535,6.702,1536,5.105,1673,9.474,1674,8.683,1675,9.474]],["t/722",[109,3.601,137,5.424,139,3.17,140,5.637,142,5.385,143,3.69,144,5.505,145,4.233,146,5.385,173,5.275,332,4.388,369,4.778,401,4.778,420,4.572,810,4.533,821,4.423,828,3.107,1143,4.757,1170,6.509,1171,7.045,1172,5.784,1173,7.947,1174,6.237]],["t/724",[7,1.318,21,3.665,29,3.059,43,1.672,109,4.189,141,5.726,143,3.881,221,1.951,270,5.25,398,4.022,466,6.457,488,4.505,742,7.317,920,4.558,951,4.732,952,5.163,953,5.549,1299,6.258,1608,5.342,1676,6.258,1677,8.495,1678,8.495,1679,9.543]],["t/727",[6,0.674,43,1.137,55,1.86,109,4.036,121,3.047,133,1.82,139,3.005,141,4.21,152,5.219,161,1.011,221,2.241,228,4.653,306,2.26,749,2.553,761,1.247,762,1.267,840,2.684,851,4.059,939,3.354,942,3.047,943,3.73,951,4.264,1150,3.693,1680,7.655,1681,9.757,1682,7.655,1683,5.64,1684,7.655,1685,6.028,1686,7.655,1687,7.016]],["t/729",[6,0.663,10,0.849,11,0.836,43,1.27,52,1.237,55,1.203,64,2.881,69,2.947,105,1.292,109,3.359,129,3.28,130,2.079,161,0.654,220,1.246,221,1.662,229,2.728,248,1.412,342,3.147,343,2.916,344,4.728,345,2.833,346,3.375,347,3.899,348,3.456,349,3.648,350,3.648,351,3.301,352,3.114,354,4.728,366,3.691,434,2.136,450,2.056,485,2.583,746,4.001,749,2.237,752,2.056,753,1.984,754,1.64,755,2.136,761,0.806,762,0.819,808,2.17,840,1.736,897,2.833,911,5.826,913,5.985,939,1.546,942,1.546,943,1.893,946,3.648,980,2.344,1063,4.829,1064,5.903,1211,2.136,1232,3.648,1252,4.935,1260,4.265,1261,6.235,1265,3.899,1266,4.265,1275,3.899,1277,3.899,1279,3.899,1281,5.502,1282,3.899,1283,3.648,1284,3.648,1285,3.172,1564,4.537,1566,4.537,1683,3.648,1688,4.537,1689,4.537,1690,4.951,1691,4.537,1692,4.537,1693,4.951]],["t/731",[6,0.661,11,0.707,43,1.15,52,1.092,55,1.018,64,2.608,69,2.668,103,2.432,109,2.764,129,3.349,130,1.882,136,6.383,137,1.914,161,0.553,220,1.608,221,1.467,229,2.763,306,1.237,342,1.822,352,4.018,354,4.173,366,3.341,369,3.667,398,3.025,404,2.103,434,2.756,450,1.74,485,2.764,735,2.005,737,4.46,746,3.839,749,2.217,752,1.74,753,1.679,754,2.116,755,1.808,761,0.682,762,0.693,794,5.659,808,1.836,840,1.469,844,2.334,845,2.589,882,2.856,889,2.148,897,3.656,899,2.925,911,5.475,913,5.625,939,1.308,942,1.308,943,1.602,946,3.087,980,4.102,1063,4.372,1064,5.548,1204,3.949,1211,1.808,1232,3.087,1252,4.671,1265,3.299,1275,3.299,1277,3.299,1279,3.299,1281,4.857,1282,3.299,1283,3.087,1284,3.087,1285,2.684,1518,3.087,1538,2.432,1568,5.855,1569,7.939,1570,3.299,1571,3.84,1572,5.855,1573,3.84,1574,3.84,1575,3.84,1576,3.84,1577,3.84,1578,3.84,1580,3.84,1581,3.299,1583,3.84,1585,3.84,1586,3.84,1587,3.84,1588,3.299,1683,3.087,1688,3.84,1689,3.84,1691,3.84,1692,3.84,1694,5.031,1695,3.087,1696,3.437,1697,3.609,1698,4.19,1699,4.19]],["t/733",[6,0.608,109,3.998,121,3.342,133,1.996,161,1.109,306,2.48,749,2.458,761,1.368,762,1.39,840,2.944,927,5.6,939,2.622,942,2.622,943,3.21,950,6.241,952,5.104,953,5.485,1309,5.6,1683,6.187,1685,6.613,1700,6.889,1701,8.398,1702,8.398,1703,6.889,1704,6.889,1705,6.889]],["t/735",[6,0.314,55,0.52,109,2.067,133,0.508,150,0.863,161,0.282,220,0.538,450,3.182,488,1.134,541,1.279,749,0.877,760,0.724,761,0.348,762,0.354,840,0.75,842,0.961,893,1.26,939,0.668,942,0.668,943,0.817,1476,1.684,1515,2.46,1521,1.426,1532,1.754,1589,1.96,1683,1.575,1685,1.684,1700,1.754,1703,1.754,1704,1.754,1705,1.754,1706,1.96,1707,6.55,1708,5.989,1709,7.42,1710,7.42,1711,6.55,1712,4.46,1713,7.42,1714,5.307,1715,4.46,1716,4.46,1717,6.55,1718,6.55,1719,7.42,1720,5.989,1721,7.763,1722,4.46,1723,5.989,1724,5.307,1725,5.307,1726,3.381,1727,4.46,1728,4.46,1729,5.989,1730,5.989,1731,8.761,1732,4.46,1733,7.42,1734,4.46,1735,5.307,1736,5.307,1737,3.381,1738,4.46,1739,8.323,1740,4.46,1741,1.96,1742,6.55,1743,5.307,1744,4.46,1745,1.96,1746,5.307,1747,5.307,1748,6.55,1749,1.96,1750,4.46,1751,4.46,1752,3.381,1753,5.307,1754,3.381,1755,5.989,1756,6.55,1757,5.307,1758,3.381,1759,6.55,1760,1.96,1761,5.307,1762,4.46,1763,8.323,1764,4.46,1765,1.96,1766,4.46,1767,4.46,1768,7.42,1769,4.46,1770,7.02,1771,5.307,1772,6.55,1773,5.989,1774,7.02,1775,3.381,1776,3.381,1777,1.96,1778,4.46,1779,5.307,1780,1.96,1781,3.381,1782,5.307,1783,1.96,1784,4.46,1785,5.307,1786,4.46,1787,6.55,1788,5.307,1789,5.989,1790,5.307,1791,3.381,1792,3.381,1793,4.193,1794,5.989,1795,1.96,1796,4.46,1797,5.307,1798,5.307,1799,4.46,1800,3.381,1801,3.381,1802,5.307,1803,4.46,1804,5.307,1805,5.307,1806,3.381,1807,5.307,1808,5.307,1809,1.96,1810,4.46,1811,1.96,1812,4.46,1813,4.46,1814,4.46,1815,1.96,1816,4.75,1817,4.46,1818,4.46,1819,4.46,1820,3.381,1821,4.46,1822,4.46,1823,1.96,1824,5.989,1825,1.754,1826,4.46,1827,1.96,1828,1.96,1829,5.307,1830,1.96,1831,3.381,1832,1.96,1833,1.96,1834,3.381,1835,1.96,1836,1.96,1837,1.96,1838,1.96,1839,3.381,1840,1.96,1841,1.96,1842,1.96,1843,1.96,1844,1.96,1845,1.96,1846,1.96,1847,3.381,1848,3.381,1849,1.96,1850,1.96,1851,1.96,1852,1.96,1853,1.96,1854,1.96,1855,1.842]],["t/737",[6,0.32,55,0.533,109,2.244,129,0.392,133,0.522,150,0.886,161,0.158,220,0.301,221,0.275,272,1.059,434,0.516,450,3.225,749,0.897,761,0.195,762,0.198,840,0.77,842,0.986,872,1.572,874,1.669,893,1.293,939,0.685,942,0.685,943,0.839,1515,2.517,1521,1.464,1672,1.095,1683,1.617,1685,1.729,1700,1.801,1703,1.801,1704,1.801,1705,1.801,1706,2.012,1707,6.647,1708,6.086,1709,7.512,1710,7.512,1711,6.647,1712,4.55,1713,7.512,1714,5.402,1715,4.55,1716,4.55,1717,6.647,1718,6.647,1719,7.512,1720,6.086,1721,7.853,1722,4.55,1723,6.086,1724,5.402,1725,5.402,1726,3.459,1727,4.55,1728,4.55,1729,6.086,1730,6.086,1731,8.84,1732,4.55,1733,7.512,1734,4.55,1735,5.402,1736,5.402,1737,3.459,1738,4.55,1739,8.408,1740,4.55,1741,2.012,1742,6.647,1743,5.402,1744,4.55,1745,2.012,1746,5.402,1747,5.402,1748,6.647,1749,2.012,1750,4.55,1751,4.55,1752,3.459,1753,5.402,1754,3.459,1755,6.086,1756,6.647,1757,5.402,1758,3.459,1759,6.647,1760,2.012,1761,5.402,1762,4.55,1763,8.408,1764,4.55,1765,2.012,1766,4.55,1767,4.55,1768,7.512,1769,4.55,1770,7.115,1771,5.402,1772,6.647,1773,6.086,1774,7.115,1775,3.459,1776,3.459,1777,2.012,1778,4.55,1779,5.402,1780,2.012,1781,3.459,1782,5.402,1783,2.012,1784,4.55,1785,5.402,1786,4.55,1787,6.647,1788,5.402,1789,6.086,1790,5.402,1791,3.459,1792,3.459,1793,4.277,1794,6.086,1795,2.012,1796,4.55,1797,5.402,1798,5.402,1799,4.55,1800,3.459,1801,3.459,1802,5.402,1803,4.55,1804,5.402,1805,5.402,1806,3.459,1807,5.402,1808,5.402,1809,2.012,1810,4.55,1811,2.012,1812,4.55,1813,4.55,1814,4.55,1815,2.012,1816,4.835,1817,4.55,1818,4.55,1819,4.55,1820,3.459,1821,4.55,1822,4.55,1823,2.012,1824,6.086,1825,1.801,1826,4.55,1827,2.012,1828,2.012,1829,5.402,1830,2.012,1831,3.459,1832,2.012,1833,2.012,1834,3.459,1835,2.012,1836,2.012,1837,2.012,1838,2.012,1839,3.459,1840,2.012,1841,2.012,1842,2.012,1843,2.012,1844,2.012,1845,2.012,1846,2.012,1847,3.459,1848,3.459,1849,2.012,1850,2.012,1851,2.012,1852,2.012,1853,2.012,1854,2.012,1855,1.891,1856,1.195,1857,1.195]],["t/739",[6,0.693,43,0.849,55,1.39,104,3.994,109,3.779,133,1.36,137,2.614,139,2.246,141,3.146,143,2.614,145,2.999,150,2.309,161,0.755,193,2.76,229,2.56,544,4.505,545,3.815,749,2.68,761,0.932,762,0.947,801,4.215,810,2.57,840,2.814,939,3.428,942,3.428,943,4.197,1200,4.693,1201,4.693,1515,5.353,1521,3.815,1537,4.928,1662,8.661,1663,9.214,1683,4.215,1685,4.505,1687,5.243,1700,4.693,1703,4.693,1704,6.585,1705,4.693,1855,4.928,1858,5.721,1859,5.721,1860,5.721,1861,5.721,1862,5.721,1863,5.721,1864,5.721,1865,5.721,1866,5.721,1867,5.721,1868,5.721,1869,5.721,1870,5.721,1871,5.721,1872,5.721]],["t/741",[0,1.35,1,1.389,43,1.417,105,2.49,111,2.933,182,5.46,214,6.232,290,5.799,419,5.247,500,3.16,1387,7.514,1873,8.744]],["t/743",[64,1.912,72,2.767,86,3.597,102,5.213,111,2.839,130,1.379,169,4.217,182,4.569,188,5.213,220,3.011,221,1.304,229,3.195,234,2.014,247,3.508,248,1.62,271,2.341,272,3.852,302,3.249,423,3.122,485,3.576,573,4.374,574,2.765,743,2.529,744,1.901,797,4.618,808,4.048,998,4.657,1444,4.657,1536,6.995,1874,5.677,1875,5.677,1876,4.47,1877,7.984,1878,5.816,1879,7.984,1880,7.984,1881,7.575,1882,7.984,1883,7.984,1884,6.615,1885,7.984,1886,7.984,1887,7.955,1888,7.984,1889,5.677,1890,5.677]],["t/745",[111,2.992,135,3.558,137,5.159,271,4.012,828,3.744,1170,5.493,1171,6.793,1891,9.731]],["t/748",[6,0.436,105,2.096,120,6.324,161,1.06,169,3.966,182,7.02,271,3.312,545,5.355,761,1.308,762,1.329,790,5.753,791,4.596,810,3.608,872,7.204,960,5.051,985,5.475,1138,6.588,1139,6.918,1161,6.918,1540,5.606,1892,7.36,1893,8.031,1894,8.031,1895,7.36,1896,8.031,1897,8.031,1898,7.36,1899,8.031,1900,6.918,1901,8.031,1902,8.031,1903,8.031]],["t/750",[6,0.518,161,1.26,182,5.46,761,1.554,762,1.579,1904,8.744,1905,9.541,1906,9.541,1907,9.541,1908,9.541,1909,9.541,1910,9.541]],["t/752",[6,0.515,161,1.251,182,6.754,761,1.544,762,1.569,1900,10.167,1904,8.688,1911,9.48,1912,8.688]],["t/754",[6,0.481,161,1.169,182,6.813,272,4.271,741,3.237,761,1.442,762,1.465,866,8.113,867,7.626,868,7.626,871,5.295,1912,10.507,1913,10.677,1914,10.677,1915,10.507]],["t/756",[6,0.508,161,1.236,182,6.718,761,1.524,762,1.549,1915,10.759,1916,11.74,1917,9.359,1918,9.359]],["t/758",[6,0.68,50,2.457,111,2.597,133,2.008,161,1.115,182,4.833,271,3.483,749,2.008,761,1.376,762,1.398,808,3.702,939,2.637,942,2.637,943,3.229,1662,7.275,1900,7.275,1919,8.446,1920,8.446,1921,8.446,1922,8.446,1923,10.376,1924,8.446,1925,10.376]],["t/760",[0,1.359,1,1.398,43,1.426,105,2.506,111,2.952,193,4.633,419,5.281,802,7.639,1224,8.273,1926,9.604]],["t/762",[130,2.231,193,4.431,220,2.312,221,2.109,248,2.62,282,8.042,342,3.993,500,3.042,573,3.358,743,4.091,744,3.076,795,4.659,796,4.564,797,4.233,798,4.389,1927,9.184,1928,8.417]],["t/764",[130,2.125,193,5.503,220,2.871,221,2.009,226,5.757,248,2.496,254,4.436,272,5.114,573,4.171,743,3.897,744,2.929,1929,8.016,1930,8.747,1931,8.747,1932,8.747,1933,8.747,1934,8.747]],["t/767",[6,0.634,161,1.22,193,5.826,761,1.505,762,1.529,1935,10.04,1936,8.469,1937,10.956,1938,9.242,1939,8.469]],["t/769",[6,0.492,135,3.317,161,1.197,193,5.59,226,5.885,348,6.332,761,1.477,762,1.501,767,4.602,903,6.497,1397,8.313,1598,6.895,1697,7.814,1929,8.313,1939,8.313,1940,9.071,1941,7.441]],["t/771",[6,0.441,105,2.119,161,1.072,193,6.089,221,1.865,248,2.317,251,5.668,254,3.398,761,1.322,762,1.344,765,4.357,1942,8.12,1943,8.12,1944,10.798,1945,8.12,1946,8.12,1947,8.12,1948,8.12,1949,8.12,1950,8.12,1951,8.12,1952,8.12]],["t/773",[6,0.472,42,4.666,161,1.148,193,5.849,248,2.481,251,6.07,272,5.096,761,1.416,762,1.439,764,4.278,765,4.666,767,4.411,794,5.68,810,3.906,1944,10.193,1953,8.696,1954,7.969,1955,7.969,1956,7.969]],["t/775",[6,0.649,161,1.016,193,5.991,282,5.669,302,4.404,761,1.253,762,1.274,802,5.246,1135,6.629,1224,6.629,1928,7.052,1935,9.867,1936,7.052,1944,10.596,1954,8.972,1955,8.972,1956,8.972,1957,7.695,1958,7.695,1959,7.695,1960,7.695,1961,7.695,1962,7.695,1963,7.695]],["t/777",[0,1.195,1,1.229,43,1.668,105,2.204,111,3.453,165,6.428,235,5.632,269,4.833,322,6.928,339,4.975,419,4.645,420,5.088,560,5.632,737,5.896,741,3.088,791,4.833,802,5.758,948,5.502,1263,4.705,1964,7.275,1965,7.74,1966,7.74,1967,7.275]],["t/779",[125,2.985,130,2.274,194,2.892,221,2.15,248,2.67,319,5.784,342,4.07,484,3.555,500,3.1,743,4.17,744,3.134,795,4.748,796,4.651,797,4.314,798,4.473]],["t/782",[6,0.496,125,2.911,130,2.218,139,3.583,143,4.969,165,6.223,194,2.82,248,2.604,319,6.721,754,3.602,828,3.512,1225,3.317,1968,9.127,1969,8.364,1970,9.127]],["t/784",[6,0.688,25,1.207,43,1.07,105,1.88,111,2.215,121,3.735,133,2.231,139,2.829,141,5.16,143,3.292,161,0.951,165,5.972,220,1.814,322,8.56,369,3.412,420,4.251,528,5.911,560,4.805,741,2.635,749,1.713,752,2.993,754,2.386,761,1.173,762,1.553,1252,3.292,1263,5.227,1309,4.805,1553,4.453,1966,6.603,1967,6.207,1971,7.133,1972,7.697,1973,7.205,1974,4.453,1975,7.205,1976,5.03,1977,7.205]],["t/786",[6,0.691,55,1.464,66,2.274,105,1.572,121,2.398,133,1.432,135,2.203,139,2.365,141,3.314,161,0.795,165,4.763,220,1.517,221,1.384,251,4.206,254,2.521,306,1.779,317,3.448,322,6.827,352,3.789,369,2.853,420,2.73,498,4.943,749,1.432,752,2.503,761,0.981,762,0.997,840,2.112,842,2.707,844,3.356,846,3.604,848,3.549,850,3.936,852,4.745,854,4.018,938,8.348,939,3.694,942,1.881,943,2.303,1023,4.107,1263,3.356,1362,5.19,1967,5.19,1969,7.627,1972,4.943,1978,6.025,1979,11.437,1980,6.025,1981,6.025,1982,6.025,1983,6.025,1984,6.025,1985,6.025,1986,6.025,1987,6.025,1988,6.025,1989,6.025,1990,5.522]],["t/788",[0,1.395,1,1.435,43,1.464,87,4.322,105,2.573,117,3.898,306,2.912]],["t/790",[87,3.857,130,2.138,220,2.678,221,2.021,248,2.511,299,6.929,300,7.58,342,3.826,500,2.914,573,3.218,743,3.92,744,2.947,767,4.464,787,3.888,789,3.258,795,4.464,796,4.373,797,4.056,798,4.205,1991,8.8,1992,10.639,1993,8.064,1994,8.8]],["t/792",[87,5.155,102,4.823,130,2.539,139,4.617,461,6.468,828,3.288,1531,5.825,1881,7.009,1995,7.83,1996,5.569,1997,10.779,1998,7.83,1999,8.544,2000,8.544]],["t/794",[6,0.431,87,5.025,130,1.93,150,4.627,220,2.886,221,1.825,222,4.45,248,2.267,302,4.546,342,3.454,361,4.369,485,2.835,500,3.308,573,4.192,743,3.539,744,3.345,787,4.414,789,3.698,796,4.963,797,3.662,798,3.797,959,3.694,2001,8.194,2002,3.87]],["t/797",[7,1.575,50,2.952,87,5.318,161,0.898,193,4.896,400,6.918,488,5.381,500,4.019,669,6.53,757,4.445,761,1.108,762,1.126,920,5.445,1143,5.978,1204,6.271,1884,7.268,1996,4.805,2003,5.014,2004,5.014,2005,6.628,2006,7.991,2007,7.991,2008,5.014,2009,5.173,2010,5.014,2011,5.173,2012,5.173]],["t/799",[7,1.526,50,2.86,87,5.357,102,3.608,119,4.462,161,0.844,193,4.743,299,5.033,400,6.702,488,5.213,500,4.012,669,6.412,741,2.337,757,4.175,761,1.041,762,1.058,791,4.959,920,5.275,1143,6.209,1204,6.076,1884,7.042,1996,4.655,1997,5.858,2003,4.709,2004,6.384,2005,6.422,2006,7.742,2007,7.742,2008,4.709,2009,4.859,2010,4.709,2011,4.859,2012,4.859,2013,6.824]],["t/801",[6,0.522,7,1.493,50,2.798,86,3.453,87,5.266,105,1.599,121,2.438,141,3.369,150,2.472,161,0.809,193,4.64,306,1.809,400,6.556,488,5.1,500,3.932,669,6.331,757,5.498,761,0.998,762,1.014,764,3.013,920,5.16,1143,5.665,1204,5.943,1884,6.888,1996,4.554,2001,9.423,2004,4.513,2005,6.282,2006,7.573,2007,7.573,2009,6.399,2011,6.399,2012,4.656,2013,4.824,2014,5.614,2015,5.614,2016,5.614]],["t/803",[7,1.588,50,2.976,87,5.375,125,1.898,129,1.95,161,0.786,193,4.935,222,2.652,223,4.385,400,6.973,488,5.424,500,4.032,669,6.56,757,3.888,761,0.969,762,0.985,877,5.761,920,5.489,1143,6.025,1165,4.263,1204,6.321,1884,7.327,1996,4.843,2003,4.385,2004,4.385,2005,6.681,2006,8.055,2007,8.055,2008,4.385,2009,4.525,2010,4.385,2011,4.525,2012,4.525,2013,4.687,2017,5.952]],["t/805",[7,1.547,50,2.899,87,5.335,105,1.713,129,2.15,135,2.4,161,0.866,193,4.807,301,5.653,400,6.793,488,5.284,500,3.99,669,6.462,757,4.287,761,1.069,762,1.086,920,5.347,1143,5.87,1204,6.158,1884,7.137,1996,4.718,2003,4.835,2004,4.835,2005,6.509,2006,7.847,2007,7.847,2008,4.835,2009,4.989,2010,4.835,2011,4.989,2012,4.989,2013,5.168,2018,8.821]],["t/807",[6,0.566,87,5.281,105,1.279,118,3.14,121,1.951,133,1.165,141,2.695,161,0.647,193,5.028,302,2.805,369,2.321,500,4.061,505,4.492,669,5.882,749,2.477,761,0.798,762,0.811,831,4.021,832,3.611,840,3.653,939,3.254,942,3.254,943,3.984,1204,6.44,1995,6.584,1998,6.584,2003,3.611,2004,3.611,2008,3.611,2010,3.611,2013,3.86,2019,4.492,2020,4.901,2021,4.492,2022,9.55,2023,4.492,2024,9.55,2025,4.492,2026,4.492,2027,4.492,2028,4.492,2029,4.901,2030,4.492,2031,4.492,2032,4.901,2033,4.222,2034,4.492,2035,4.901,2036,4.901,2037,9.972,2038,4.901,2039,4.901,2040,4.901,2041,4.901,2042,4.901,2043,4.901,2044,4.901,2045,4.901,2046,4.492,2047,4.901,2048,4.492,2049,4.901,2050,4.901,2051,4.901,2052,4.901,2053,4.901]],["t/809",[7,1.556,52,1.365,87,5.292,137,5.248,139,3.136,140,6.997,141,5.512,142,5.326,144,7.467,146,6.684,161,1.054,302,6.573,526,8.634,737,5.576,761,1.301,762,1.322,863,7.32,959,3.714,1170,5.658,1538,4.636,1887,6.881,2054,7.988,2055,7.988]],["t/811",[6,0.655,56,2.409,66,2.237,87,5.232,133,1.409,134,8.8,161,0.783,193,4.926,221,1.89,434,2.558,485,2.116,500,4.029,669,5.764,752,2.462,753,2.376,757,3.872,761,0.965,762,0.981,939,3.35,942,1.851,943,2.266,948,3.144,1204,6.31,2003,4.368,2008,4.368,2009,6.255,2010,4.368,2011,4.506,2012,4.506,2021,5.433,2022,9.358,2023,5.433,2024,9.358,2025,5.433,2026,5.433,2033,5.107,2034,5.433,2046,5.433,2048,5.433,2056,3.728,2057,5.176,2058,8.229,2059,8.376,2060,8.229,2061,5.928]],["t/813",[0,1.324,1,1.362,43,1.39,92,4.515,105,2.443,117,3.699,209,4.314,229,2.985,240,7.37,261,4.515,279,3.859,280,6.704,282,6.895,285,7.677,306,2.763]],["t/815",[6,0.475,59,5.495,92,4.22,130,2.125,220,2.202,221,2.435,248,2.496,342,3.804,500,2.897,573,3.199,743,3.897,744,2.929,795,4.437,796,4.347,797,4.032,798,4.18,973,5.501,1091,7.745,2062,7.535,2063,7.593]],["t/817",[92,5.663,130,2.064,220,2.955,221,1.951,226,5.655,248,3.213,254,4.357,261,5.433,279,4.294,485,3.032,573,4.118,743,3.784,744,2.845,973,5.342,2064,8.495,2065,8.495]],["t/819",[92,5.914,130,2.064,220,2.835,224,6.968,226,6.375,254,3.555,261,5.914,279,3.503,828,3.269,2066,8.495,2067,7.317,2068,8.495,2069,7.785,2070,7.785,2071,7.785,2072,8.495]],["t/822",[6,0.572,92,4.586,161,0.97,735,3.774,761,1.197,762,1.216,962,4.627,2073,8.67,2074,9.304,2075,8.206,2076,6.735,2077,7.485,2078,5.787,2079,7.485,2080,6.029,2081,6.735,2082,7.485,2083,6.735,2084,6.735,2085,6.029,2086,6.029,2087,5.787,2088,5.787]],["t/824",[0,1.275,43,1.339,92,5.208,105,2.353,129,2.953,161,1.19,279,4.451,369,4.269,420,4.084,735,2.83,741,3.297,761,1.468,762,1.492,962,3.469,2071,8.262,2073,7.536,2075,6.642,2076,8.262]],["t/826",[0,1.019,6,0.65,55,2.535,92,3.476,105,1.88,133,1.713,161,0.951,224,5.911,226,3.913,369,3.412,735,2.945,749,2.481,754,3.456,761,1.173,762,1.192,840,3.659,870,6.959,889,5.351,962,3.611,2067,6.207,2069,6.603,2073,7.717,2089,9.384,2090,6.603,2091,6.603,2092,7.205,2093,9.384,2094,7.205,2095,7.205,2096,7.205,2097,7.205,2098,10.435,2099,7.205,2100,7.205,2101,7.205]],["t/828",[0,1.162,92,5.351,105,2.143,129,2.69,161,1.084,220,2.067,735,3.641,761,1.337,762,1.359,962,4.463,1091,7.244,2062,7.072,2063,5.881,2073,8.097,2074,8.734,2075,7.512,2078,8.03,2102,8.21,2103,8.21,2104,8.21]],["t/830",[0,1.04,43,1.091,92,4.586,105,1.918,118,4.708,129,2.408,135,2.687,161,0.97,254,3.977,369,3.48,735,3.774,761,1.197,762,1.216,962,4.627,1608,4.622,2073,8.507,2074,9.304,2075,5.415,2077,5.787,2078,5.787,2079,5.787,2080,6.029,2082,5.787,2083,6.735,2085,6.029,2086,6.029,2087,5.787,2088,5.787,2105,6.735,2106,6.029,2107,6.331,2108,6.331]],["t/832",[0,0.916,6,0.652,55,2.832,92,3.124,133,1.54,161,0.855,220,1.63,254,3.658,344,4.23,369,3.066,420,2.934,735,2.033,749,1.54,754,2.145,761,1.055,762,1.072,840,2.27,842,2.909,844,3.607,846,3.874,848,3.815,850,4.23,854,4.318,870,7.773,889,5.977,893,6.867,962,2.492,2070,5.935,2073,7.398,2088,5.1,2090,5.935,2091,5.935,2105,5.935,2109,6.476,2110,6.476,2111,11.403,2112,6.476,2113,6.476,2114,6.476,2115,6.476,2116,6.476,2117,6.476,2118,6.476,2119,6.476]],["t/834",[0,1.473,6,0.611,43,1.546,92,5.433,161,1.121,214,5.549,270,5.25,735,2.666,761,1.383,762,1.406,928,5.081,962,3.269,2073,8.408,2075,8.296,2077,6.689,2079,6.689,2082,6.689,2087,6.689,2106,6.968]],["t/836",[0,1.029,43,1.081,92,4.556,161,0.961,281,3.904,523,4.961,735,3.765,741,2.661,761,1.185,762,1.204,962,4.616,2073,8.489,2074,9.28,2075,5.361,2077,5.73,2078,5.73,2079,5.73,2080,5.969,2081,11.144,2082,5.73,2085,5.969,2086,5.969,2087,5.73,2088,5.73,2106,5.969,2107,6.268,2108,6.268,2120,6.669]],["t/838",[0,1.009,43,1.06,92,4.499,161,0.942,281,5.003,282,6.87,735,3.748,741,2.609,761,1.162,762,1.181,951,3.975,953,4.661,962,4.595,2073,8.454,2074,9.23,2075,5.257,2077,5.619,2078,5.619,2079,5.619,2080,5.853,2082,5.619,2084,11.099,2085,5.853,2086,5.853,2087,5.619,2088,5.619,2106,5.853,2107,6.147,2108,6.147,2120,6.539]],["t/840",[0,1.516,1,1.108,43,1.131,66,2.874,77,4.433,105,2.538,111,2.341,143,3.48,188,4.299,309,6.979,418,4.879,498,6.247,499,5.316,567,4.974,568,6.979,791,4.358,797,3.51,904,5.611,980,3.606,1150,3.674,1513,8.789,1540,5.316,1542,6.979,1895,6.979,1964,6.56,1965,6.979,2121,9.725,2122,5.455,2123,9.725,2124,7.616,2125,7.616,2126,7.616,2127,5.455,2128,5.611,2129,7.616,2130,7.616,2131,5.997,2132,6.247]],["t/842",[6,0.411,55,1.841,64,2.552,77,4.258,125,2.416,130,1.841,139,2.974,143,4.429,152,6.608,194,2.341,221,1.74,248,2.162,284,3.432,289,5.221,503,6.526,541,4.532,545,5.052,743,3.375,744,2.537,760,2.566,787,4.283,789,2.805,797,4.467,808,4.248,980,3.587,988,5.289,1042,5.165,1530,6.526,1876,5.966,2133,8.349,2134,7.576,2135,6.526,2136,5.582,2137,6.943,2138,6.943,2139,6.943,2140,6.943]],["t/844",[6,0.497,77,3.745,85,4.025,86,3.285,125,2.211,130,2.488,143,3.168,150,3.693,194,2.143,220,2.985,221,1.592,229,2.211,248,2.922,284,3.141,289,5.198,450,3.801,485,3.887,503,5.973,532,5.271,542,4.84,573,4.401,744,2.322,764,3.411,787,3.064,789,2.567,828,2.668,980,5.157,1157,6.354,1878,5.311,2141,4.966,2142,6.934,2143,5.46,2144,6.934,2145,5.271]],["t/847",[0,0.825,1,0.849,6,0.678,52,1.391,55,1.977,77,4.039,133,1.387,150,2.355,161,0.77,176,4.594,228,3.546,248,1.664,387,3.977,463,4.435,500,1.932,543,3.024,735,1.831,744,2.726,749,1.935,754,1.932,761,0.95,762,0.966,810,2.621,840,2.045,842,2.621,844,3.25,846,3.49,848,3.437,850,3.811,854,3.89,893,6.678,899,5.681,928,3.49,980,4.438,986,4.594,987,5.026,988,4.073,1099,5.026,1395,4.179,1599,4.594,2136,5.996,2141,4.179,2145,7.124,2146,8.138,2147,5.834,2148,5.347,2149,5.834,2150,5.834,2151,5.834,2152,4.435,2153,4.435,2154,4.594,2155,8.699,2156,4.594,2157,4.594,2158,4.594,2159,4.594,2160,4.594,2161,4.594,2162,4.594,2163,4.594,2164,4.594,2165,5.548,2166,4.594,2167,4.435,2168,4.435]],["t/849",[6,0.677,43,0.884,52,1.41,55,1.446,77,4.065,103,4.79,129,1.95,133,1.415,150,2.402,161,0.786,248,1.698,254,3.453,274,3.813,343,3.506,346,4.058,387,4.058,735,1.868,749,1.962,754,1.971,761,0.969,762,1.366,764,2.928,840,2.087,842,2.674,844,3.316,846,3.56,848,3.506,850,3.888,852,4.687,854,3.969,893,6.845,899,4.155,903,4.263,980,4.485,1292,6.273,1395,4.263,2136,6.08,2145,7.201,2152,4.525,2153,4.525,2154,4.687,2155,8.976,2156,4.687,2157,4.687,2158,4.687,2159,4.687,2160,4.687,2161,4.687,2162,4.687,2163,4.687,2164,4.687,2165,5.626,2166,4.687,2167,4.525,2168,4.525,2169,5.952,2170,5.952,2171,5.952,2172,5.952,2173,5.952]],["t/851",[0,1.155,1,0.852,6,0.678,9,1.001,45,1.363,52,1.395,55,1.423,77,3.906,129,1.919,133,1.392,143,3.729,150,2.364,161,0.773,221,1.345,248,1.671,284,2.654,374,5.046,387,3.993,398,2.773,735,1.839,741,2.142,749,1.94,754,1.94,761,0.954,762,0.969,821,2.567,840,2.054,842,2.631,844,3.263,846,3.504,848,3.45,850,3.826,854,3.906,893,6.685,899,5.697,980,4.447,1255,4.089,1395,4.195,2131,6.426,2133,8.09,2135,5.046,2136,6.012,2141,4.195,2145,7.139,2152,4.452,2153,4.452,2154,4.613,2155,8.71,2156,4.613,2157,4.613,2158,4.613,2159,4.613,2160,4.613,2161,4.613,2162,4.613,2163,4.613,2164,4.613,2165,5.563,2166,4.613,2167,4.452,2168,4.452,2174,5.368,2175,5.368,2176,5.368]],["t/853",[0,1.069,1,0.764,6,0.682,9,0.897,45,1.222,52,1.291,55,1.276,77,3.748,118,4.839,121,2.09,133,1.248,143,4.042,161,0.693,220,1.322,221,1.206,222,2.339,284,3.422,306,1.55,374,4.523,387,3.58,398,2.486,735,1.648,749,1.796,754,1.739,761,0.855,762,0.869,765,2.818,821,2.302,840,1.841,842,2.359,844,2.925,846,3.141,847,4.75,848,3.093,849,5.037,850,3.43,854,3.502,893,6.478,899,5.273,980,4.853,1211,2.265,1225,1.908,1255,3.666,1395,3.761,2131,4.135,2133,7.62,2135,4.523,2136,5.565,2145,7.791,2152,3.992,2153,3.992,2154,4.135,2155,8.405,2156,4.135,2157,4.135,2158,4.135,2159,4.135,2160,4.135,2161,4.135,2162,4.135,2163,4.135,2164,4.135,2165,6.987,2166,4.135,2167,3.992,2168,3.992,2174,4.812,2175,4.812,2176,4.812,2177,5.251,2178,5.251,2179,5.251,2180,5.251,2181,5.251,2182,5.251,2183,5.251,2184,5.251]],["t/855",[0,1.306,1,0.826,6,0.689,45,1.321,52,1.364,55,1.379,77,3.664,105,1.481,129,1.86,133,1.349,135,2.076,150,2.291,152,7.198,161,0.749,221,1.304,248,1.62,249,4.47,387,3.87,735,1.782,749,1.349,754,1.88,761,0.925,762,0.939,842,5.244,893,6.877,899,5.573,928,3.395,950,3.162,951,3.162,980,4.373,1395,4.066,2136,4.182,2137,9.183,2138,5.202,2141,4.066,2152,4.315,2165,3.87,2167,4.315,2168,4.315,2185,4.657,2186,5.677,2187,5.677,2188,9.235,2189,5.677,2190,9.235,2191,5.677,2192,7.984,2193,5.677,2194,5.677,2195,5.677,2196,5.677,2197,5.677,2198,5.677,2199,5.677,2200,5.677,2201,5.677,2202,5.677,2203,4.657]],["t/857",[0,1.103,1,0.798,6,0.673,43,0.815,52,1.549,55,1.333,64,1.848,77,4.073,102,5.117,105,1.432,121,2.183,129,1.797,133,1.304,135,2.006,139,3.06,150,2.214,161,0.724,220,1.381,221,1.26,248,1.565,249,4.32,290,3.334,306,1.62,387,3.74,398,2.598,545,3.658,573,2.006,735,2.845,741,2.006,749,1.853,754,1.817,761,0.893,762,0.908,840,1.923,842,2.464,844,3.056,846,3.282,848,3.232,850,3.584,854,3.658,893,6.562,899,5.44,927,3.658,928,3.282,980,4.673,1251,4.17,1395,3.93,1876,7.138,2131,4.32,2136,5.742,2139,7.142,2140,5.028,2141,3.93,2145,6.89,2152,4.17,2153,4.17,2154,4.32,2155,8.528,2156,4.32,2157,4.32,2158,4.32,2159,4.32,2160,4.32,2161,4.32,2162,4.32,2163,4.32,2164,4.32,2165,5.313,2166,4.32,2167,4.17,2168,4.17,2204,5.486,2205,5.486]],["t/859",[6,0.676,43,1.346,77,3.719,81,5.821,111,2.102,121,3.608,129,2.24,133,2.155,141,4.986,220,2.282,369,3.237,420,4.107,453,5.89,528,5.608,735,2.146,741,2.5,744,2.29,749,1.625,752,2.84,754,2.265,762,1.132,946,6.679,1127,4.38,1252,4.142,1263,5.05,1271,5.89,1287,7.809,1309,4.559,1395,4.897,1553,4.225,1816,5.608,1971,5.197,1972,5.608,1976,4.773,2131,5.384,2153,5.197,2206,5.608,2207,6.266,2208,6.266,2209,6.837,2210,5.037,2211,6.837,2212,6.837,2213,5.037,2214,6.837,2215,6.266,2216,6.837,2217,6.266]],["t/861",[0,1.368,1,1.407,32,4.815,43,1.435,105,2.523,111,2.972,741,3.535,764,4.755,2218,9.667]],["t/863",[6,0.431,32,4.276,51,3.762,116,5.416,125,2.533,130,1.93,150,3.206,152,6.81,194,2.455,220,2,221,2.294,229,2.533,247,4.91,248,2.267,254,4.18,289,4.789,342,3.454,485,2.835,500,2.631,573,2.905,743,3.539,744,2.661,795,4.03,796,3.948,797,4.604,798,3.797,810,3.569,819,7.281,820,6.039,821,3.482,822,3.63,823,7.281,824,7.281,825,7.281,950,4.425,951,4.425]],["t/866",[32,5.216,161,1.169,746,3.085,761,1.442,762,1.465,951,4.931,952,5.38,953,5.782,2219,11.904,2220,8.852,2221,8.852,2222,8.852,2223,8.852,2224,8.852,2225,8.852,2226,8.852,2227,8.852]],["t/868",[32,4.655,55,2.642,161,1.205,222,4.066,761,1.486,762,1.51,790,6.537,841,6.222,909,6.371,1598,6.938,2228,9.127,2229,9.127,2230,8.364,2231,8.364,2232,9.127,2233,9.127,2234,9.127]],["t/870",[6,0.622,32,4.571,86,3.178,133,2.104,161,1.169,229,2.823,749,2.104,754,2.932,761,1.442,762,1.767,893,5.215,969,8.113,1597,7.626,2235,8.852,2236,6.971,2237,8.852,2238,7.626,2239,8.113,2240,8.852,2241,8.852]],["t/872",[6,0.64,32,4.489,45,1.999,161,1.134,229,3.609,485,3.067,735,2.698,746,2.995,749,2.493,754,2.846,761,1.4,762,1.422,840,3.013,889,4.407,962,3.307,965,7.876,967,7.876,968,7.876,2242,8.594,2243,8.594,2244,8.594,2245,8.594]],["t/874",[0,1.386,1,1.426,43,1.455,86,4.295,247,6.054,2246,8.035]],["t/876",[1,1.577,86,4.16,162,3.796,169,3.276,246,6.184,270,5.606,401,4.295,469,7.143,2246,7.441,2247,5.811,2248,9.071,2249,7.143,2250,9.071,2251,6.683,2252,7.441,2253,9.071,2254,7.441]],["t/878",[6,0.531,85,4.467,86,4.068,125,2.454,129,2.521,130,2.753,194,2.378,220,2.71,221,1.767,248,2.195,254,4.097,272,4.723,289,4.719,306,2.272,485,2.746,532,7.442,573,3.937,743,3.428,744,2.577,764,3.786,797,3.547,959,3.578,1878,4.467,2255,5.372,2256,7.052,2257,7.695,2258,9.789,2259,7.695,2260,7.695,2261,7.695,2262,7.695,2263,6.312]],["t/881",[6,0.515,86,4.456,161,1.251,761,1.544,762,1.569,2264,7.206,2265,8.688,2266,9.48,2267,8.688]],["t/883",[6,0.496,86,4.411,161,1.205,272,4.403,343,5.376,761,1.486,762,1.51,2264,9.142,2268,8.364,2269,9.127,2270,9.127,2271,9.127]],["t/885",[6,0.413,86,4.539,161,1.005,272,3.674,343,4.486,761,1.24,762,1.26,2267,6.979,2268,11.524,2272,7.616,2273,7.616,2274,7.616,2275,7.616,2276,7.616,2277,7.616,2278,7.616,2279,7.616,2280,7.616,2281,7.616,2282,6.979,2283,7.616,2284,7.616,2285,7.616,2286,7.616,2287,7.616,2288,7.616,2289,7.616,2290,7.616,2291,7.616,2292,7.616]],["t/887",[6,0.521,86,4.023,161,1.268,229,3.573,761,1.564,762,1.589,1598,8.518,2264,7.3]],["t/889",[86,3.978,161,1.243,169,4.002,229,3.004,306,2.781,758,5.634,761,1.534,762,1.559,880,8.114,1102,6.034,2264,7.16,2293,8.632]],["t/891",[1,1.345,86,3.933,161,1.22,169,3.957,229,2.947,306,2.729,758,5.528,761,1.505,762,1.529,764,4.546,880,7.961,1102,5.92,2238,7.961,2293,8.469,2294,8.469]],["t/893",[6,0.624,55,3.012,86,3.198,161,1.176,229,2.84,761,1.45,762,1.474,846,5.327,1301,6.623,2264,8.146,2265,8.162,2295,8.906,2296,8.906,2297,8.906]],["t/895",[55,2.899,86,3.494,161,1.285,761,1.585,762,1.61,2264,7.397,2298,9.731]],["t/897",[1,1.455,86,3.588,161,1.319,761,1.628,762,1.654]],["t/899",[0,1.268,1,1.304,18,3.237,43,1.331,105,2.807,139,3.518,214,5.853,218,5.399,220,2.256,234,4.089,261,5.189,434,3.866,1240,6.255,2299,6.811,2300,8.96,2301,8.96,2302,7.718]],["t/901",[18,3.899,125,2.875,130,2.19,194,2.786,220,2.717,221,2.071,226,5.863,248,2.572,289,4.732,573,3.947,744,3.019,808,4.732,828,3.469,1091,7.051]],["t/903",[18,4.232,45,1.965,51,4.913,119,5.896,125,2.693,130,2.052,194,2.61,234,2.996,248,2.41,261,5.652,289,4.548,548,5.896,557,6.42,741,3.794,743,3.763,943,3.967,1225,3.069,2303,5.758,2304,6.207,2305,4.532,2306,6.928]],["t/905",[6,0.58,125,2.823,130,2.151,194,2.736,220,2.688,221,2.033,248,2.526,279,4.403,289,4.68,484,4.055,573,3.904,744,2.965,765,4.75,828,3.406,1213,4.868,2305,5.729,2307,5.295]],["t/907",[6,0.52,18,2.413,32,1.902,50,1.292,64,1.496,72,2.314,120,5.26,125,1.417,130,1.079,143,2.03,145,2.329,194,1.373,218,2.23,220,2.815,221,1.02,226,5.197,234,2.847,248,2.29,261,3.222,269,2.542,279,3.309,289,5.232,296,2.617,297,3.029,345,3.822,418,2.846,434,2.882,450,2.774,484,4.37,485,3.415,744,1.488,760,1.505,765,2.384,787,1.963,789,2.473,798,2.123,808,1.947,828,1.709,833,5.471,851,2.356,861,3.377,925,4.071,950,2.475,951,3.721,952,2.7,953,2.902,973,4.201,1143,2.617,1175,4.907,1213,4.909,1406,3.644,1604,2.846,1608,2.794,1884,3.182,2063,3.182,2210,3.273,2305,5.135,2308,3.377,2309,3.182,2310,3.644,2311,3.995,2312,4.443,2313,6.679,2314,6.679,2315,5.913,2316,4.443,2317,4.443,2318,4.279,2319,4.443,2320,2.03,2321,3.827,2322,4.128,2323,4.801,2324,4.443,2325,4.443,2326,8.247,2327,6.584,2328,3.499,2329,5.479,2330,3.499,2331,4.443,2332,5.479,2333,5.479,2334,4.784,2335,3.827,2336,4.071,2337,3.273,2338,5.26,2339,6.121,2340,4.071,2341,2.963]],["t/909",[15,5.291,125,2.857,130,2.177,188,6.071,194,2.769,220,2.707,221,2.058,248,2.556,485,3.838,536,6.647,573,3.933,744,3.001,765,4.808,828,3.448,2342,8.47]],["t/911",[15,3.427,18,3.941,42,3.738,51,3.299,105,1.818,125,2.222,130,1.693,194,2.153,220,2.931,221,2.358,235,6.121,236,4.646,248,1.988,289,4.97,339,4.104,483,6.705,485,3.276,573,4.258,744,2.333,765,3.738,787,3.078,789,2.579,828,2.681,851,3.694,1240,4.863,2309,4.99,2337,6.763,2338,5.486,2341,4.646,2343,5.296,2344,4.99,2345,6.384,2346,6.845,2347,8.412,2348,5.296,2349,5.133,2350,5.673,2351,6.967,2352,8.421]],["t/914",[18,3.562,220,2.482,573,3.606,574,4.804,1013,6.317,2143,7.765,2247,6.317]],["t/916",[3,1.13,6,0.703,39,1.284,52,1.722,55,0.575,58,1.1,69,0.815,72,1.819,83,1.037,97,1.1,105,1.05,123,1.163,127,1.914,133,0.562,159,1.045,161,0.312,178,1.1,184,1.163,191,1.12,198,1.09,221,1.206,234,3.137,235,1.577,254,2.592,259,1.213,261,1.941,279,2.554,306,0.698,343,1.393,388,1.437,484,3.221,485,1.436,523,1.612,548,2.808,640,1.798,741,0.865,749,2.506,752,1.671,753,1.612,754,0.783,755,1.02,760,0.801,761,0.385,762,0.391,808,1.763,810,1.062,832,1.742,840,2.434,870,4.629,889,3.56,938,4.972,939,3.02,942,2.358,943,2.887,962,0.91,1111,3.664,1112,1.862,1127,1.515,1175,4.131,1210,2.742,1211,4.421,1213,3.406,1225,3.328,1301,2.486,1531,6.029,1538,1.373,2056,1.487,2057,2.53,2299,1.798,2303,1.612,2304,5.29,2305,4.551,2307,3.14,2308,6.124,2311,1.415,2315,1.742,2318,1.515,2322,1.462,2323,3.704,2337,1.742,2341,1.577,2343,6.723,2346,2.682,2353,1.94,2354,5.695,2355,1.545,2356,1.94,2357,1.862,2358,1.94,2359,4.133,2360,1.862,2361,1.862,2362,3.058,2363,3.99,2364,1.862,2365,2.365,2366,2.365,2367,2.365,2368,2.365,2369,2.365,2370,4.708,2371,5.676,2372,2.365,2373,2.167,2374,1.94,2375,1.612,2376,1.862,2377,1.862,2378,1.515,2379,5.74,2380,1.798,2381,3.058,2382,4.023,2383,2.682,2384,2.365,2385,3.058,2386,2.167,2387,2.365,2388,5.249,2389,3.3,2390,4.023,2391,2.365,2392,1.798,2393,1.798,2394,2.365,2395,2.167,2396,2.365,2397,3.058,2398,2.365,2399,3.168,2400,2.365,2401,1.798,2402,3.058,2403,1.798,2404,3.058,2405,2.365,2406,2.167,2407,1.862,2408,3.058,2409,3.686,2410,2.167,2411,1.798,2412,3.058,2413,1.798,2414,2.365,2415,1.798]],["t/918",[6,0.705,52,1.971,69,1.741,133,1.201,161,0.667,221,1.988,234,1.793,279,3.569,380,3.123,749,2.058,752,3.051,753,2.944,754,1.674,755,2.18,760,2.931,761,0.823,762,0.836,789,1.871,939,2.294,942,1.578,943,1.932,962,1.944,1175,2.591,1211,3.734,1213,4.76,1676,3.723,2056,3.178,2057,4.62,2122,3.619,2304,5.684,2305,4.644,2307,3.022,2308,3.841,2311,3.022,2318,3.237,2322,3.123,2323,4.394,2341,3.369,2343,7.674,2346,3.369,2359,6.816,2360,3.979,2375,3.445,2377,3.979,2378,3.237,2399,3.979,2416,4.145,2417,4.145,2418,4.145,2419,4.145,2420,3.723,2421,5.053,2422,5.053,2423,5.053,2424,3.979,2425,7.346,2426,3.723,2427,4.145,2428,4.145,2429,4.145,2430,4.145,2431,4.145,2432,4.145,2433,4.145,2434,5.053]],["t/920",[6,0.709,52,2.037,69,1.299,133,0.896,161,0.498,221,1.665,234,2.571,254,1.578,279,3.884,380,2.33,749,1.723,752,2.447,753,2.361,754,1.249,755,1.627,760,3.191,761,0.614,762,0.624,939,1.839,942,1.177,943,1.442,962,1.451,1175,3.717,1211,4.064,1213,5.412,1543,2.778,1676,2.778,2056,2.372,2057,3.705,2122,2.701,2127,2.701,2128,2.778,2304,4.901,2305,3.889,2307,2.256,2308,5.51,2311,4.336,2318,4.643,2322,4.48,2323,5.635,2341,2.515,2343,6.228,2346,2.515,2355,2.463,2359,5.708,2360,2.97,2375,2.571,2377,2.97,2378,2.416,2399,2.97,2416,3.093,2417,3.093,2418,3.093,2419,3.093,2420,2.778,2426,2.778,2427,3.093,2428,3.093,2429,3.093,2430,3.093,2431,3.093,2432,3.093,2433,3.093,2435,5.074,2436,6.036,2437,3.093,2438,3.248,2439,4.478,2440,2.867,2441,2.867,2442,5.074,2443,5.074,2444,4.478,2445,2.867,2446,2.867,2447,4.478,2448,2.867,2449,3.248,2450,3.248,2451,3.248,2452,3.248]],["t/922",[6,0.707,18,2.054,52,2.022,69,1.242,105,0.941,133,0.857,161,0.476,221,1.998,234,2.498,254,1.508,279,3.811,306,1.064,380,2.228,483,3.714,749,1.674,752,2.362,753,2.279,754,1.194,755,1.555,760,3.13,761,0.926,762,0.597,939,1.775,942,1.126,943,1.378,962,1.387,1175,3.61,1211,3.988,1213,5.321,1538,2.092,1543,2.656,1676,2.656,2056,2.267,2057,3.576,2122,2.582,2127,2.582,2128,2.656,2304,4.781,2305,3.778,2307,2.156,2308,5.352,2311,4.211,2318,4.51,2322,4.351,2323,5.529,2341,2.404,2343,6.076,2346,2.404,2348,2.74,2349,2.656,2355,2.355,2359,5.544,2360,2.839,2375,2.457,2377,2.839,2378,2.309,2399,2.839,2416,2.957,2417,2.957,2418,2.957,2419,2.957,2420,2.656,2426,2.656,2427,2.957,2428,2.957,2429,2.957,2430,2.957,2431,2.957,2432,2.957,2433,2.957,2435,4.898,2436,5.889,2437,2.957,2438,3.105,2439,4.322,2440,2.74,2441,2.74,2442,4.898,2443,4.898,2444,4.322,2445,2.74,2446,2.74,2447,4.322,2448,2.74,2449,3.105,2450,3.105,2451,3.105,2452,3.105,2453,3.304,2454,3.304,2455,3.605,2456,4.898]],["t/924",[6,0.708,52,2.036,69,1.251,130,0.882,133,0.863,161,0.479,221,1.625,234,2.847,254,1.52,279,4.001,293,1.769,352,2.284,380,2.244,485,1.296,749,1.682,752,2.375,753,2.292,754,1.203,755,1.567,760,3.14,761,0.591,762,0.601,939,1.786,942,1.134,943,1.388,962,1.397,1175,3.627,1211,4,1213,5.336,1543,2.675,1676,2.675,2056,2.284,2057,3.597,2122,2.601,2127,2.601,2128,2.675,2304,5.222,2305,3.796,2307,2.172,2308,5.377,2311,4.231,2318,4.532,2322,4.372,2323,5.546,2341,2.422,2343,6.1,2344,2.601,2346,2.422,2350,3.534,2355,2.372,2359,5.571,2360,2.86,2375,2.476,2377,2.86,2378,2.326,2399,2.86,2416,2.979,2417,2.979,2418,2.979,2419,2.979,2420,2.675,2426,2.675,2427,2.979,2428,2.979,2429,2.979,2430,2.979,2431,2.979,2432,2.979,2433,2.979,2435,4.926,2436,5.913,2437,2.979,2438,3.128,2439,4.347,2440,2.76,2441,2.76,2442,4.926,2443,4.926,2444,4.347,2445,2.76,2446,2.76,2447,4.347,2448,2.76,2449,3.128,2450,3.128,2451,3.128,2452,3.128,2457,2.979]],["t/926",[0,1.237,1,1.273,18,4.283,43,1.299,118,5.604,139,3.434,264,5.232,343,5.153,434,4.573,536,5.406,761,1.425,791,5.006,833,5.963,1679,8.016,2315,7.81,2458,10.6,2459,8.016,2460,8.016,2461,8.747,2462,8.747]],["t/928",[18,3.914,125,2.893,130,2.204,194,2.803,220,2.727,221,2.083,226,5.885,248,2.588,289,4.749,573,3.317,744,3.038,808,4.749,828,3.49,1091,7.077]],["t/930",[18,4.232,45,1.965,51,4.913,119,5.896,125,2.693,130,2.052,194,2.61,234,2.996,248,2.41,261,5.652,289,4.548,548,5.896,557,6.42,741,3.794,743,3.763,943,3.967,1225,3.069,2303,5.758,2304,6.207,2305,4.532,2306,6.928]],["t/932",[6,0.58,125,2.823,130,2.151,194,2.736,220,2.688,221,2.033,248,2.526,279,4.403,289,4.68,484,4.055,573,3.904,744,2.965,765,4.75,828,3.406,1213,4.868,2305,5.729,2307,5.295]],["t/934",[6,0.565,18,2.808,32,2.34,50,1.59,64,1.841,125,1.743,130,1.328,143,2.497,145,2.865,194,1.689,218,2.744,220,2.954,221,1.255,234,3.209,248,2.581,269,3.128,279,3.73,289,5.204,296,3.22,297,3.726,418,3.501,434,3.353,484,4.457,485,3.228,744,1.831,760,1.851,765,2.933,787,2.415,789,2.878,798,2.612,828,2.103,851,2.898,861,4.155,950,3.045,951,3.045,952,3.322,953,3.57,1143,3.22,1175,3.985,1213,5.418,1604,3.501,1608,3.438,2063,3.915,2210,4.027,2305,4.854,2309,3.915,2310,4.484,2311,4.649,2318,4.979,2322,4.804,2323,5.411,2326,8.873,2327,7.42,2328,4.304,2329,6.376,2330,4.304,2332,6.376,2333,6.376,2334,5.567,2335,4.708,2463,4.708,2464,5.466]],["t/936",[15,5.272,50,2.591,125,2.84,130,2.164,194,2.752,220,2.698,221,2.045,226,4.837,248,2.541,485,3.178,536,5.504,573,3.919,744,2.983,765,4.779,828,3.427,973,5.601,2320,4.069,2322,5.504,2342,8.439]],["t/938",[15,4.017,18,2.949,51,3.866,105,2.131,125,2.604,130,1.984,194,2.523,220,2.785,221,2.541,235,6.776,248,2.329,289,3.579,483,7.226,485,2.914,573,4.045,744,2.734,765,4.381,787,3.608,789,3.023,828,3.142,851,4.33,2309,5.848,2344,5.848,2348,6.207,2349,6.015,2350,6.28,2465,7.033,2466,8.165]],["t/941",[18,3.562,220,2.482,573,3.606,574,4.804,1013,6.317,2143,7.765,2247,6.317]],["t/943",[6,0.702,52,1.66,55,0.625,64,0.866,72,2.265,105,1.127,127,1.725,133,0.611,159,1.136,161,0.339,179,0.803,221,1.282,234,3.246,254,3.301,279,2.695,306,0.759,343,1.515,388,1.563,484,3.341,485,1.992,523,1.753,548,3.014,741,0.94,749,2.56,752,1.793,753,1.73,754,0.852,755,1.109,760,1.462,761,0.419,762,0.426,808,1.892,810,1.155,832,1.895,840,1.957,870,3.721,889,2.862,938,3.997,939,2.747,942,2.041,943,2.499,962,0.99,1058,4.242,1111,3.896,1112,2.025,1127,1.647,1175,4.299,1210,2.943,1211,4.589,1213,3.595,1225,3.325,1301,2.668,1531,6.779,1538,1.493,2056,1.617,2057,2.715,2299,1.955,2303,1.753,2304,5.473,2305,4.721,2307,3.338,2311,3.338,2315,1.895,2323,3.338,2353,2.109,2354,5.977,2355,2.82,2356,2.109,2357,2.025,2358,2.109,2362,3.282,2363,4.242,2364,2.025,2370,4.242,2378,1.647,2379,5.996,2380,1.955,2381,3.282,2383,2.879,2385,3.282,2389,3.542,2392,1.955,2393,1.955,2397,3.282,2401,1.955,2402,3.282,2403,1.955,2404,3.282,2407,2.025,2408,3.282,2411,1.955,2412,3.282,2413,1.955,2415,1.955,2463,6.795,2465,6.795,2467,5.114,2468,2.357,2469,2.109,2470,2.109,2471,6.877,2472,2.109,2473,2.357,2474,2.357,2475,2.357,2476,2.109,2477,2.357,2478,2.357,2479,3.957,2480,2.357,2481,2.109,2482,2.357,2483,2.357,2484,3.957,2485,2.572,2486,2.357,2487,2.109,2488,3.542,2489,2.357,2490,2.572,2491,2.025,2492,3.542,2493,2.109,2494,2.109,2495,2.109]],["t/945",[3,1.334,6,0.708,18,1.67,39,1.516,50,1.721,52,2.053,58,1.298,69,2.998,83,1.223,97,1.298,105,1.206,123,1.373,133,0.664,143,2.704,161,0.368,178,1.298,184,1.373,191,1.322,198,1.286,221,1.751,234,2.099,254,1.934,259,1.431,279,3.389,306,0.824,483,3.02,749,1.407,752,1.92,753,1.853,754,0.924,755,1.204,760,2.33,761,0.753,762,0.462,939,1.443,942,0.872,943,1.067,962,1.074,1175,3.034,1211,3.546,1213,5.353,1538,1.62,1543,2.056,2056,1.755,2057,2.907,2122,1.999,2127,1.999,2128,2.056,2304,4.116,2305,3.175,2307,1.67,2311,3.54,2318,3.791,2322,3.657,2323,5.648,2334,4.238,2346,1.861,2348,2.122,2349,2.056,2355,1.823,2361,2.198,2375,1.903,2376,2.198,2378,1.788,2420,2.056,2426,2.056,2439,4.498,2440,2.122,2441,2.122,2444,4.498,2445,2.122,2446,2.122,2447,4.498,2448,2.122,2453,2.558,2454,2.558,2456,3.982,2496,2.404,2497,2.404,2498,2.29,2499,3.792,2500,5.418,2501,4.66,2502,2.404,2503,2.404,2504,2.404,2505,2.404,2506,2.404,2507,2.404,2508,2.404,2509,2.404,2510,2.404,2511,2.404,2512,2.404,2513,2.404,2514,4.66,2515,4.66,2516,6.472,2517,4.36,2518,4.66,2519,3.982,2520,2.404,2521,2.404,2522,2.404,2523,2.404,2524,2.404,2525,2.404,2526,2.404,2527,2.404,2528,2.404,2529,2.404,2530,2.404,2531,2.404,2532,2.404,2533,2.404,2534,2.404,2535,2.404,2536,2.404,2537,2.404,2538,2.404,2539,2.404,2540,2.404,2541,2.404,2542,2.791,2543,2.404,2544,2.404,2545,2.404,2546,2.404,2547,2.404,2548,2.404,2549,2.404,2550,2.404,2551,2.404,2552,2.29]],["t/947",[6,0.704,52,1.726,55,0.656,64,0.909,72,2.594,127,0.834,130,0.656,133,0.642,161,0.356,179,0.843,221,1.327,234,3.185,254,1.881,279,3.087,293,1.315,352,1.697,484,3.07,485,2.405,536,1.668,574,1.315,749,2.56,752,1.867,753,1.802,754,0.894,755,1.164,760,1.523,761,0.44,762,0.447,808,1.971,840,1.576,870,2.998,889,2.305,917,1.524,938,3.22,939,2.524,942,1.804,943,2.209,962,1.039,1058,4.392,1175,4.781,1210,3.065,1211,4.701,1213,3.706,1225,3.263,1301,1.668,1531,7.138,2056,1.697,2057,2.827,2303,1.84,2304,5.577,2305,4.818,2307,3.456,2311,3.456,2323,3.456,2344,3.22,2350,2.778,2355,1.763,2362,3.417,2363,4.392,2364,2.125,2370,4.392,2374,2.214,2378,1.729,2379,5.691,2380,2.052,2381,3.417,2383,2.998,2385,3.417,2392,2.052,2393,2.052,2397,3.417,2401,2.052,2402,3.417,2403,2.052,2404,4.392,2407,2.125,2408,3.417,2411,2.052,2412,3.417,2413,2.052,2415,2.052,2457,2.214,2463,6.963,2465,6.449,2467,5.295,2468,2.473,2469,2.214,2470,2.214,2471,7.032,2472,2.214,2474,2.473,2475,2.473,2476,2.214,2477,2.473,2478,2.473,2479,4.12,2480,2.473,2481,2.214,2482,2.473,2483,2.473,2484,4.12,2486,2.473,2487,2.214,2488,3.688,2489,2.473,2491,2.125,2492,3.688,2493,2.214,2494,2.214,2495,2.214,2553,2.699,2554,5.295,2555,2.473]],["t/949",[0,1.175,1,1.208,18,3.709,43,1.233,105,2.167,135,3.036,139,3.26,234,3.643,248,2.369,263,3.449,398,4.862,434,3.582,907,6.811,1137,8.845,1176,6.811,1308,7.152,1873,7.609,1892,7.609,2299,7.805,2337,7.565,2338,8.086,2341,6.847,2517,6.117,2556,8.303,2557,8.303,2558,7]],["t/951",[18,3.914,125,2.893,130,2.204,194,2.803,220,2.727,221,2.083,226,5.885,248,2.588,289,4.749,573,3.317,744,3.038,808,4.749,828,3.49,1091,7.077]],["t/953",[18,4.232,45,1.965,51,4.913,119,5.896,125,2.693,130,2.052,194,2.61,234,2.996,248,2.41,261,5.652,289,4.548,548,5.896,557,6.42,741,3.794,743,3.763,943,3.967,1225,3.069,2303,5.758,2304,6.207,2305,4.532,2306,6.928]],["t/955",[6,0.58,125,2.823,130,2.151,194,2.736,220,2.688,221,2.033,248,2.526,279,4.403,289,4.68,484,4.055,573,3.904,744,2.965,765,4.75,828,3.406,1213,4.868,2305,5.729,2307,5.295]],["t/957",[6,0.622,18,2.087,32,1.155,50,0.785,52,1.644,64,0.909,72,2.594,103,2.61,105,1.759,125,0.861,130,0.656,134,2.214,137,1.233,139,1.06,143,1.233,145,1.415,181,1.988,194,0.834,209,1.244,218,1.355,220,2.542,221,0.62,226,2.442,234,2.656,247,1.668,248,1.648,254,2.82,263,4.102,269,1.545,271,1.113,272,1.302,279,2.383,280,1.933,286,2.052,289,5.243,295,3.417,296,1.59,297,1.84,342,1.174,354,1.763,418,1.729,434,2.493,450,1.867,476,1.884,484,4.183,485,2.672,574,1.315,744,0.904,760,2.282,765,1.448,767,2.281,787,3.308,789,3.174,792,1.614,797,1.244,798,1.29,822,3.421,828,1.039,851,1.431,861,2.052,902,1.884,917,1.524,950,1.503,951,1.503,952,1.64,953,1.763,973,2.827,990,2.538,1005,5.295,1143,1.59,1161,2.325,1162,2.473,1175,4.781,1176,2.214,1213,5.553,1469,3.512,1536,3.138,1604,1.729,1608,1.697,1674,2.473,1793,2.325,1876,2.125,2063,4.139,2210,1.988,2305,4.818,2309,1.933,2310,2.214,2311,2.689,2318,2.88,2320,3.079,2321,3.873,2322,2.778,2323,5.577,2326,6.631,2327,4.74,2328,2.125,2329,3.688,2330,2.125,2332,3.688,2333,3.688,2334,3.22,2335,2.325,2336,2.473,2337,1.988,2338,3.54,2339,4.12,2340,2.473,2341,1.8,2352,3.688,2501,2.125,2514,2.125,2515,2.125,2516,7.071,2517,7.934,2518,2.125,2559,2.699,2560,6.739,2561,2.699,2562,2.699,2563,2.699,2564,2.699,2565,2.699,2566,2.699,2567,2.699,2568,4.496,2569,4.496,2570,2.699,2571,2.699,2572,2.699,2573,2.699,2574,2.699,2575,2.699,2576,2.699,2577,2.699,2578,2.699,2579,2.699,2580,2.699,2581,2.699,2582,2.699,2583,4.496,2584,2.325,2585,2.699,2586,2.699,2587,2.699,2588,2.699,2589,2.699,2590,2.699,2591,2.699,2592,4.496,2593,2.699,2594,2.473,2595,5.778,2596,2.699,2597,2.699,2598,2.699,2599,2.699,2600,2.699,2601,2.699,2602,2.699,2603,2.699]],["t/959",[15,5.291,125,2.857,130,2.177,188,6.071,194,2.769,220,2.707,221,2.058,248,2.556,485,3.838,573,3.933,574,5.239,744,3.001,765,4.808,828,3.448,2342,8.47]],["t/961",[15,3.427,18,3.941,42,3.738,51,3.299,105,1.818,125,2.222,130,1.693,194,2.153,220,2.931,221,2.358,235,6.121,236,4.646,248,1.988,289,4.97,339,4.104,483,6.705,485,3.276,573,4.258,744,2.333,765,3.738,787,3.078,789,2.579,828,2.681,851,3.694,1240,4.863,2309,4.99,2337,6.763,2338,5.486,2341,4.646,2344,4.99,2345,6.384,2346,6.845,2347,8.412,2348,5.296,2349,5.133,2350,5.673,2352,8.421,2500,5.486,2604,6.967]],["t/964",[18,3.562,220,2.482,573,3.606,574,4.804,1013,6.317,2143,7.765,2247,6.317]],["t/966",[6,0.704,18,1.43,50,0.675,52,1.815,55,0.962,69,1.783,72,1.371,105,1.351,127,1.223,133,0.552,143,1.06,159,1.025,221,1.189,234,3.225,235,1.547,236,1.547,254,2.872,263,1.644,279,2.522,306,0.685,343,1.367,388,1.41,484,3.193,485,0.828,523,1.582,548,2.763,640,1.764,741,1.447,749,2.46,752,1.644,753,1.586,754,0.768,755,1.001,760,0.786,808,1.735,810,1.042,832,1.709,840,2.407,870,4.577,889,3.52,938,4.917,939,3,942,2.334,943,2.857,962,0.893,1111,3.613,1112,1.827,1127,1.486,1175,4.092,1210,2.698,1211,4.397,1213,3.775,1225,3.056,1240,1.62,1301,3.78,1531,5.981,1538,1.347,2056,1.459,2057,2.489,2299,1.764,2303,2.698,2304,5.248,2305,4.512,2307,3.096,2311,1.388,2315,1.709,2318,1.486,2322,1.434,2323,4.106,2334,1.662,2337,1.709,2341,1.547,2346,2.639,2353,1.903,2354,5.631,2355,1.516,2356,1.903,2357,1.827,2358,1.903,2361,1.827,2362,3.008,2363,3.934,2370,3.934,2371,5.605,2373,2.126,2374,1.903,2375,1.582,2376,1.827,2378,1.486,2379,5.682,2380,1.764,2381,3.008,2383,2.639,2385,3.008,2386,2.126,2389,3.247,2392,1.764,2393,1.764,2395,2.126,2397,3.008,2401,1.764,2402,3.008,2403,1.764,2404,3.008,2406,2.126,2408,3.008,2409,4.743,2410,2.126,2411,1.764,2412,3.008,2413,1.764,2415,1.764,2491,1.827,2496,1.999,2497,1.999,2498,1.903,2499,3.247,2500,6.621,2501,6.285,2514,1.827,2515,1.827,2516,3.117,2517,1.709,2518,1.827,2552,1.903,2605,3.958,2606,3.958,2607,3.958,2608,2.32,2609,2.32,2610,5.175,2611,3.958,2612,2.32,2613,2.32,2614,2.32,2615,3.958,2616,2.32,2617,2.32]],["t/968",[3,1.381,6,0.709,39,1.569,50,1.764,52,2.063,58,1.344,69,3.045,83,1.267,97,1.344,105,0.754,123,1.422,133,0.687,143,2.771,161,0.381,178,1.344,184,1.422,191,1.368,198,1.332,221,1.393,234,2.151,254,1.991,259,1.482,279,3.447,749,1.442,752,1.976,753,1.907,754,0.957,755,1.247,760,2.381,761,0.471,762,0.478,939,1.485,942,0.902,943,1.105,962,1.112,1175,3.109,1211,3.606,1213,5.417,1543,2.129,2056,1.817,2057,2.992,2122,2.07,2127,2.07,2128,2.129,2304,4.204,2305,3.254,2307,1.729,2311,3.627,2318,3.884,2322,3.747,2323,5.722,2334,4.343,2346,1.927,2355,1.888,2361,2.276,2375,1.97,2376,2.276,2378,1.851,2420,2.129,2426,2.129,2439,4.609,2440,2.197,2441,2.197,2444,4.609,2445,2.197,2446,2.197,2447,4.609,2448,2.197,2496,2.489,2497,2.489,2498,2.37,2499,3.902,2500,5.535,2501,4.775,2502,2.489,2503,2.489,2504,2.489,2505,2.489,2506,2.489,2507,2.489,2508,2.489,2509,2.489,2510,2.489,2511,2.489,2512,2.489,2513,2.489,2514,4.775,2515,4.775,2516,6.582,2517,4.467,2518,4.775,2519,4.098,2520,2.489,2521,2.489,2522,2.489,2523,2.489,2524,2.489,2525,2.489,2526,2.489,2527,2.489,2528,2.489,2529,2.489,2530,2.489,2531,2.489,2532,2.489,2533,2.489,2534,2.489,2535,2.489,2536,2.489,2537,2.489,2538,2.489,2539,2.489,2540,2.489,2541,2.489,2543,2.489,2544,2.489,2545,2.489,2546,2.489,2547,2.489,2548,2.489,2549,2.489,2550,2.489,2551,2.489,2552,2.37]],["t/970",[3,1.246,6,0.71,39,1.416,50,1.64,52,2.061,58,1.213,69,2.907,83,1.143,97,1.213,123,1.283,130,0.634,133,0.62,139,2.213,161,0.344,178,1.213,184,1.283,188,3.182,191,1.235,198,1.202,221,1.295,234,2.34,254,1.091,259,1.337,279,3.48,293,1.27,352,1.64,485,0.931,574,2.128,735,1.77,749,1.34,752,1.815,753,1.751,754,0.864,755,1.125,760,2.234,761,0.425,762,0.432,917,3.723,939,1.364,942,0.814,943,0.997,962,1.004,1211,3.428,1213,5.225,1543,1.921,1695,1.921,2056,1.64,2057,2.748,2122,1.868,2127,1.868,2128,1.921,2304,4.393,2305,3.025,2307,1.56,2311,3.372,2318,3.612,2322,3.484,2323,5.503,2330,6.645,2334,4.038,2342,4.44,2344,1.868,2346,1.739,2350,2.7,2355,1.704,2361,2.054,2375,1.778,2376,2.054,2378,1.671,2420,1.921,2426,1.921,2439,4.286,2440,1.983,2441,1.983,2444,4.286,2445,1.983,2446,1.983,2447,4.286,2448,1.983,2457,2.139,2498,2.139,2499,4.625,2500,5.194,2501,4.44,2502,2.247,2503,2.247,2504,2.247,2505,2.247,2506,2.247,2507,2.247,2508,2.247,2509,2.247,2510,2.247,2511,2.247,2512,2.247,2513,2.247,2514,4.44,2515,4.44,2516,6.257,2517,4.154,2518,4.44,2519,3.763,2520,2.247,2521,2.247,2522,2.247,2523,2.247,2524,2.247,2525,2.247,2526,2.247,2527,2.247,2528,2.247,2529,2.247,2530,2.247,2531,2.247,2532,2.247,2533,2.247,2534,2.247,2535,2.247,2536,2.247,2537,2.247,2538,2.247,2539,2.247,2540,2.247,2541,2.247,2543,2.247,2544,2.247,2545,2.247,2546,2.247,2547,2.247,2548,2.247,2549,2.247,2550,2.247,2551,2.247,2552,2.139,2618,2.608]],["t/972",[0,1.35,1,1.389,18,4.032,43,1.417,139,3.746,264,5.707,343,5.62,434,4.116,2315,7.029,2459,8.744,2460,8.744]],["t/974",[18,3.914,125,2.893,130,2.204,194,2.803,220,2.727,221,2.083,226,5.885,248,2.588,289,4.749,573,3.317,744,3.038,808,4.749,828,3.49,1091,7.077]],["t/976",[18,4.232,45,1.965,51,4.913,119,5.896,125,2.693,130,2.052,194,2.61,234,2.996,248,2.41,261,5.652,289,4.548,548,5.896,557,6.42,741,3.794,743,3.763,943,3.967,1225,3.069,2303,5.758,2304,6.207,2305,4.532,2306,6.928]],["t/978",[6,0.58,125,2.823,130,2.151,194,2.736,220,2.688,221,2.033,248,2.526,279,4.403,289,4.68,484,4.055,573,3.904,744,2.965,765,4.75,828,3.406,1213,4.868,2305,5.729,2307,5.295]],["t/980",[6,0.572,18,2.876,50,1.645,64,1.904,125,1.803,130,1.374,143,2.584,145,2.964,194,1.747,218,2.839,220,2.976,221,1.299,234,3.269,248,2.629,269,3.236,279,2.332,289,5.181,296,3.331,297,3.855,418,3.622,434,3.435,484,4.43,485,2.842,744,1.894,760,1.915,765,3.034,787,2.499,789,2.948,798,2.703,828,2.176,851,2.999,861,4.299,950,3.15,951,3.15,952,3.437,953,3.694,1143,3.331,1175,4.083,1213,5.501,1604,3.622,2063,4.05,2210,4.166,2305,4.272,2309,4.05,2310,4.639,2311,4.763,2318,5.101,2322,4.921,2323,5.512,2326,8.972,2327,7.559,2328,4.453,2329,6.531,2330,4.453,2332,6.531,2333,6.531,2334,5.703,2619,4.871,2620,5.655]],["t/982",[15,5.272,50,2.591,125,2.84,130,2.164,194,2.752,220,2.698,221,2.045,226,4.837,248,2.541,485,3.178,536,5.504,573,3.919,744,2.983,765,4.779,828,3.427,973,5.601,2320,4.069,2322,5.504,2342,8.439]],["t/984",[15,4.017,18,2.949,51,3.866,105,2.131,125,2.604,130,1.984,194,2.523,220,2.785,221,2.541,235,6.776,248,2.329,289,3.579,483,7.226,485,2.914,573,4.045,744,2.734,765,4.381,787,3.608,789,3.023,828,3.142,851,4.33,2309,5.848,2344,5.848,2348,6.207,2349,6.015,2350,6.28,2621,7.033,2622,8.165]],["t/987",[18,3.562,220,2.482,573,3.606,574,4.804,1013,6.317,2143,7.765,2247,6.317]],["t/989",[6,0.701,52,1.662,55,0.627,64,0.869,72,2.27,105,1.13,127,1.729,133,0.613,159,1.14,161,0.341,179,0.806,221,1.285,234,3.25,254,3.307,279,2.701,306,0.762,343,1.52,388,1.568,484,3.346,485,1.997,523,1.759,548,3.023,741,0.944,749,2.563,752,1.799,753,1.735,754,0.855,755,1.113,760,1.467,761,0.42,762,0.427,808,1.898,810,1.159,832,1.901,840,1.962,870,3.731,889,2.869,938,4.007,939,2.751,942,2.046,943,2.504,962,0.993,1058,4.253,1111,3.906,1112,2.032,1127,1.653,1175,4.306,1210,2.952,1211,4.593,1213,3.603,1225,3.33,1301,2.676,1531,6.787,1538,1.498,2056,1.623,2057,2.723,2299,1.962,2303,1.759,2304,5.48,2305,4.728,2307,3.347,2311,3.347,2315,1.901,2323,3.347,2353,2.117,2354,5.988,2355,2.829,2356,2.117,2357,2.032,2358,2.117,2362,3.292,2363,4.253,2364,2.032,2370,4.253,2378,1.653,2379,6.007,2380,1.962,2381,3.292,2383,2.888,2385,3.292,2389,3.552,2392,1.962,2393,1.962,2397,3.292,2401,1.962,2402,3.292,2403,1.962,2404,3.292,2407,2.032,2408,3.292,2411,1.962,2412,3.292,2413,1.962,2415,1.962,2469,2.117,2470,2.117,2471,6.888,2472,2.117,2473,2.365,2476,2.117,2481,2.117,2487,2.117,2488,3.552,2491,2.032,2492,3.552,2493,2.117,2494,2.117,2495,2.117,2619,6.807,2621,6.807,2623,5.127,2624,2.365,2625,2.365,2626,2.365,2627,2.365,2628,2.365,2629,3.969,2630,2.365,2631,2.365,2632,2.365,2633,3.969,2634,2.581,2635,2.365,2636,2.365,2637,2.581]],["t/991",[6,0.704,52,1.734,55,0.666,64,0.923,72,2.615,127,0.846,130,0.666,133,0.651,161,0.362,179,0.855,221,1.341,234,3.205,254,1.905,279,3.112,293,1.334,352,1.723,484,3.093,485,2.427,536,1.693,749,2.569,752,1.891,753,1.824,754,0.907,755,1.182,760,1.541,761,0.446,762,0.453,808,1.995,840,1.596,870,3.035,889,2.334,917,2.569,938,3.26,939,2.543,942,1.823,943,2.232,962,1.054,1058,4.439,1175,4.632,1210,3.103,1211,4.663,1213,3.74,1225,3.283,1301,1.693,1531,7.167,2056,1.723,2057,2.862,2303,1.867,2304,5.404,2305,4.848,2307,3.493,2311,3.493,2323,3.493,2344,1.962,2350,2.813,2355,1.789,2362,3.46,2363,4.439,2364,2.157,2370,4.439,2374,2.247,2378,1.755,2379,5.737,2380,2.082,2381,3.46,2383,3.035,2385,3.46,2392,2.082,2393,2.082,2397,3.46,2401,2.082,2402,3.46,2403,2.082,2404,4.439,2407,2.157,2408,3.46,2411,2.082,2412,3.46,2413,2.082,2415,2.082,2457,2.247,2469,2.247,2470,2.247,2471,7.079,2472,2.247,2476,2.247,2481,2.247,2487,2.247,2488,3.733,2491,2.157,2492,3.733,2493,2.247,2494,2.247,2495,2.247,2554,5.351,2555,2.51,2619,7.015,2621,6.501,2623,5.351,2624,2.51,2625,2.51,2626,2.51,2627,2.51,2628,2.51,2629,4.171,2630,2.51,2631,2.51,2632,2.51,2633,4.171,2635,2.51,2636,2.51]],["t/993",[0,1.307,1,1.345,17,2.995,43,1.372,209,4.26,216,4.26,217,5.148,218,5.5,219,3.926,225,7.278,234,3.279,248,2.637,307,7.961,821,4.051,2357,7.278,2638,9.242]],["t/995",[6,0.578,15,3.993,17,3.451,105,2.642,125,1.853,130,1.972,193,3.916,194,1.796,220,2.043,221,1.335,222,3.616,227,2.859,229,2.982,233,5.533,234,2.062,239,7.905,243,5.665,244,5.006,245,5.326,248,1.658,251,6.529,272,2.804,296,3.423,342,2.527,423,3.196,424,4.417,434,4.035,439,5.326,455,6.657,484,4.19,485,3.801,558,4.281,559,5.326,573,2.968,743,2.589,744,1.946,765,3.118,787,2.568,789,2.152,797,2.678,802,3.961,804,5.326,985,3.961,1172,4.162,1225,2.112,1431,3.723,2059,4.767,2639,5.006,2640,5.811,2641,5.006,2642,5.006,2643,8.116,2644,5.811,2645,5.811,2646,6.657,2647,5.006,2648,5.326,2649,5.326,2650,5.326,2651,5.326,2652,5.326,2653,8.116,2654,5.811,2655,5.811,2656,5.811,2657,6.657]],["t/997",[17,3.834,125,2.773,130,2.113,194,2.687,222,4.706,234,3.085,239,8.26,293,5.145,376,7.49,433,7.133,461,4.782,493,6.848,754,3.498,828,3.346,943,4.038,1225,3.16,2658,8.696]],["t/999",[17,2.904,125,2.857,130,2.177,135,3.933,137,4.914,194,2.769,225,7.056,239,7.508,298,6.255,434,3.866,457,8.212,461,4.928,821,4.714,828,3.448,1170,6.071,1171,6.255,2659,6.601]],["t/1001",[0,1.061,1,1.091,17,2.43,43,1.114,102,4.233,119,5.235,125,2.391,194,2.317,209,3.456,269,4.292,363,8.509,364,4.634,423,6.384,425,4.804,461,4.124,541,4.486,545,7.74,737,5.235,757,4.898,785,5.371,811,8.824,828,2.886,917,4.233,1013,4.804,1518,5.525,1538,4.353,1550,6.46,1881,6.152,1884,5.371,1887,6.46,2239,8.825,2660,7.499,2661,6.872,2662,7.499,2663,7.499,2664,5.905]],["t/1004",[6,0.661,7,0.751,17,2.306,52,0.827,64,1.629,66,1.825,127,1.495,133,1.15,161,0.639,217,2.694,218,2.428,351,3.225,398,2.29,420,2.191,461,2.66,484,2.702,485,2.539,496,2.173,558,3.564,578,3.968,640,3.677,658,3.968,673,5.837,746,2.48,749,2.213,754,1.602,761,0.788,762,0.8,764,5.412,897,4.072,911,2.694,913,2.768,933,3.377,939,1.51,942,1.51,948,2.565,959,2.249,1063,2.73,1064,2.73,1065,3.809,1225,2.586,1588,5.603,1976,3.377,2213,3.564,2665,3.809,2666,3.809,2667,3.677,2668,3.677,2669,3.677,2670,3.809,2671,5.409,2672,5.242,2673,6.129,2674,3.809,2675,3.809,2676,2.087,2677,4.256,2678,6.129,2679,4.167,2680,4.167,2681,4.167,2682,4.167,2683,4.167,2684,4.167,2685,4.167,2686,4.167,2687,4.167,2688,4.167,2689,4.167,2690,4.167,2691,4.167,2692,4.167,2693,4.167,2694,4.167,2695,4.167,2696,4.167,2697,4.167,2698,4.167,2699,4.167,2700,4.167,2701,4.167,2702,4.167,2703,4.167,2704,2.48,2705,4.167,2706,4.167,2707,4.167,2708,4.167,2709,4.167,2710,4.167,2711,4.167,2712,4.167,2713,4.167,2714,4.167,2715,4.167,2716,4.167,2717,4.167,2718,4.167,2719,4.167,2720,4.167,2721,4.167,2722,4.167,2723,4.167,2724,4.167,2725,4.167,2726,4.167,2727,4.167,2728,4.167,2729,4.167,2730,3.809,2731,4.167,2732,4.167,2733,4.167,2734,4.167,2735,4.167,2736,4.167,2737,4.167,2738,4.167,2739,3.968,2740,3.377,2741,3.677,2742,4.433,2743,4.433]],["t/1006",[6,0.655,7,0.704,17,2.199,52,0.776,64,1.529,66,1.713,105,1.771,121,1.806,127,1.403,133,1.079,161,0.599,216,2.092,217,2.528,218,2.278,221,1.042,306,1.34,351,3.026,398,2.149,420,2.056,461,2.496,484,2.578,485,2.901,496,2.039,558,3.344,578,3.723,640,3.45,658,3.723,673,5.567,746,2.366,749,2.145,754,1.503,761,0.739,762,0.751,764,5.313,791,2.597,851,2.407,897,3.884,911,2.528,913,2.597,933,3.168,939,1.417,942,1.417,948,2.407,959,2.11,1045,3.574,1063,2.562,1064,2.562,1065,3.574,1225,2.467,1588,5.345,1976,3.168,2059,5.567,2213,3.344,2302,3.91,2646,3.723,2647,3.91,2665,3.574,2666,3.574,2667,3.45,2668,3.45,2669,3.45,2670,3.574,2671,5.159,2672,5,2673,5.846,2674,3.574,2675,3.574,2676,1.958,2677,4.06,2678,5.846,2679,3.91,2680,3.91,2681,3.91,2682,3.91,2683,3.91,2684,3.91,2685,3.91,2686,3.91,2687,3.91,2688,3.91,2689,3.91,2690,3.91,2691,3.91,2692,3.91,2693,3.91,2694,3.91,2695,3.91,2696,3.91,2697,3.91,2698,3.91,2699,3.91,2700,3.91,2701,3.91,2702,3.91,2703,3.91,2704,2.327,2705,3.91,2706,3.91,2707,3.91,2708,3.91,2709,3.91,2710,3.91,2711,3.91,2712,3.91,2713,3.91,2714,3.91,2715,3.91,2716,3.91,2717,3.91,2718,3.91,2719,3.91,2720,3.91,2721,3.91,2722,3.91,2723,3.91,2724,3.91,2725,3.91,2726,3.91,2727,3.91,2728,3.91,2729,3.91,2730,3.574,2731,3.91,2732,3.91,2733,3.91,2734,3.91,2735,3.91,2736,3.91,2737,3.91,2738,3.91,2739,3.723,2740,3.168,2741,3.45,2742,4.159,2743,4.159,2744,4.159,2745,4.159,2746,4.159,2747,4.159,2748,4.159]],["t/1008",[6,0.688,17,2.136,64,2.22,127,2.037,133,1.567,161,0.87,220,1.659,234,2.339,351,4.396,420,2.986,461,3.625,484,2.504,485,2.353,496,2.961,746,3.084,749,2.374,754,2.183,761,1.074,762,1.091,764,5.477,911,3.672,913,3.772,933,4.602,939,2.763,942,2.058,948,3.496,959,3.065,1063,3.721,1064,3.721,1065,5.191,1211,2.844,1225,2.396,1263,3.672,1976,4.602,2213,4.857,2665,5.191,2666,5.191,2667,5.011,2668,5.011,2669,5.011,2670,5.191,2671,6.726,2672,4.857,2674,5.191,2675,5.191,2676,2.844,2740,4.602,2741,5.011,2749,5.678,2750,5.678,2751,6.041,2752,6.041,2753,5.407,2754,6.041,2755,5.191,2756,5.678]],["t/1010",[6,0.672,7,0.739,17,2.278,52,0.813,64,1.603,66,1.796,127,1.471,133,1.131,161,0.628,217,2.651,218,2.389,351,3.173,398,2.253,420,2.156,461,2.617,484,2.67,485,1.698,496,2.138,578,3.904,640,3.617,658,3.904,673,6.858,746,2.45,749,2.195,752,1.977,753,1.907,754,2.328,755,2.053,761,0.775,762,0.788,764,5.387,897,2.723,911,2.651,913,2.723,933,3.322,939,1.486,942,1.486,948,2.523,959,2.213,1063,2.686,1064,2.686,1065,3.747,1225,2.555,1588,5.536,1976,3.322,2213,3.506,2665,3.747,2666,3.747,2667,3.617,2668,3.617,2669,3.617,2670,3.747,2671,5.344,2672,5.179,2673,6.056,2674,3.747,2675,3.747,2676,2.053,2677,4.205,2678,6.056,2679,4.099,2680,4.099,2681,4.099,2682,4.099,2683,6.056,2684,4.099,2685,4.099,2686,4.099,2687,4.099,2688,4.099,2689,4.099,2690,4.099,2691,4.099,2692,4.099,2693,4.099,2694,4.099,2695,4.099,2696,4.099,2697,4.099,2698,4.099,2699,4.099,2700,4.099,2701,4.099,2702,4.099,2703,4.099,2704,2.44,2705,4.099,2706,4.099,2707,4.099,2708,4.099,2709,4.099,2710,4.099,2711,4.099,2712,4.099,2713,4.099,2714,4.099,2715,4.099,2716,4.099,2717,4.099,2718,4.099,2719,4.099,2720,4.099,2721,4.099,2722,4.099,2723,4.099,2724,4.099,2725,4.099,2726,4.099,2727,4.099,2728,4.099,2729,4.099,2730,3.747,2731,4.099,2732,4.099,2733,4.099,2734,4.099,2735,4.099,2736,4.099,2737,4.099,2738,4.099,2739,3.904,2740,3.322,2741,3.617]],["t/1012",[6,0.69,17,1.32,50,2.214,52,1.069,55,0.99,105,1.063,127,1.259,130,0.99,133,0.968,161,0.538,220,1.916,229,1.299,234,1.445,241,2.562,254,1.705,279,2.579,351,2.716,371,2.524,402,2.004,403,3.355,420,1.845,460,2.809,461,2.24,484,2.891,485,2.232,496,2.809,546,3.865,553,2.844,735,1.279,744,2.094,746,3.877,749,2.03,752,1.692,753,1.633,754,2.521,755,1.757,761,0.663,762,0.674,764,4.782,767,3.172,806,4.263,839,2.518,845,2.518,897,4.886,911,5.131,913,3.579,939,1.953,942,1.272,948,2.16,951,2.269,959,1.894,980,1.929,1063,2.3,1064,5.199,1211,1.757,1225,1.48,1263,2.269,1285,2.61,1344,4.006,1410,2.918,1411,4.479,1412,4.479,1413,2.918,1414,2.918,1415,4.479,1421,3.342,1423,3.208,1424,2.918,1425,4.296,1436,4.479,1460,3.208,1976,2.844,2213,3.001,2230,3.733,2231,3.733,2666,3.208,2667,3.097,2668,3.097,2669,3.097,2670,3.208,2671,4.754,2672,3.001,2674,3.208,2675,3.208,2676,1.757,2740,2.844,2741,3.097,2749,3.509,2750,3.509,2751,3.733,2753,3.342,2754,3.733,2755,3.208,2756,3.509,2757,3.509,2758,4.074,2759,4.074,2760,4.074,2761,4.074,2762,6.253,2763,4.074,2764,4.074,2765,3.342,2766,4.074,2767,4.074,2768,6.253,2769,4.074,2770,3.342,2771,4.074,2772,3.001,2773,7.611,2774,6.253,2775,4.074,2776,3.733,2777,6.253,2778,4.074]],["t/1014",[6,0.693,17,2.629,55,1.411,64,1.956,105,1.87,127,1.795,129,1.903,133,1.381,161,0.489,220,1.462,221,2.024,222,5.098,234,2.061,293,4.762,351,3.874,369,2.751,420,2.632,461,3.195,476,2.586,484,2.206,485,2.073,496,2.61,581,3.395,735,1.823,746,2.828,749,2.659,754,3.238,760,1.967,761,0.603,762,0.613,764,5.239,787,1.637,789,1.372,840,2.037,842,2.61,848,2.182,911,3.236,913,3.324,920,3.117,933,4.055,939,2.534,942,1.814,948,3.08,959,3.332,1063,3.279,1064,3.279,1211,2.506,1225,2.111,1263,3.236,1301,4.429,1344,3.721,1976,4.055,2213,4.28,2665,4.575,2667,4.416,2668,4.416,2669,4.416,2671,4.416,2672,4.28,2676,2.506,2740,4.055,2741,4.416,2749,5.004,2750,5.004,2752,5.324,2753,4.765,2755,4.575,2756,5.004,2779,5.809,2780,2.816,2781,5.809,2782,5.809,2783,4.416,2784,4.416,2785,2.816,2786,5.809,2787,5.809,2788,5.809,2789,5.809,2790,5.809,2791,3.705,2792,3.705,2793,3.705,2794,3.705]],["t/1016",[0,1.341,1,1.38,43,1.408,105,2.474,139,3.722,231,6.984,270,5.859,271,3.909,325,4.058,329,4.618,483,6.192,1306,8.688,2795,8.166]],["t/1018",[6,0.282,8,1.703,17,1.684,72,1.8,105,2.295,130,1.262,143,2.374,188,4.231,193,3.616,220,2.759,221,1.722,222,3.339,229,1.657,231,3.828,248,1.482,271,4.52,286,3.949,291,2.438,294,6.806,296,4.415,297,5.11,311,3.157,329,2.531,332,2.259,380,3.211,388,4.556,397,4.998,419,2.857,434,4.153,483,4.896,484,3.34,485,2.675,567,3.394,573,4.008,744,1.74,760,1.76,787,4.51,789,3.779,797,2.395,821,3.854,828,1.999,868,4.476,953,3.394,997,3.721,998,4.262,1022,4.262,1223,3.949,1469,3.158,1516,6.298,1536,5.233,1599,5.903,1825,6.149,1876,4.091,2795,4.476,2796,4.262,2797,6.869,2798,5.196,2799,4.262,2800,5.903,2801,4.761,2802,5.196,2803,6.298,2804,6.149,2805,4.761,2806,8.793,2807,6.869,2808,9.627,2809,4.761,2810,5.196,2811,4.761]],["t/1020",[130,2.349,222,5.011,293,5.48,311,4.039,329,5.48,828,3.72]],["t/1022",[130,2.349,135,3.535,137,4.417,298,6.748,325,4.138,434,4.17,821,4.237,828,3.72,1170,5.457,2659,7.122]],["t/1025",[6,0.633,133,1.985,161,1.102,221,1.918,248,2.382,325,3.575,496,3.751,735,2.621,746,2.91,749,1.985,761,1.36,762,1.382,790,7.38,808,3.66,962,3.965,1158,5.816,1435,4.428,1581,6.576,2812,7.652,2813,7.193,2814,7.652,2815,5.349,2816,6.576,2817,4.779,2818,4.714,2819,6.85,2820,6.576,2821,7.652]],["t/1027",[6,0.589,133,0.942,161,0.523,279,4.381,325,4.548,496,4.773,735,3.335,746,1.382,749,2.526,761,0.646,762,0.656,808,4.657,962,4.568,1158,6.701,1425,5.998,1435,5.634,2456,3.415,2739,3.252,2815,6.806,2816,3.122,2817,6.08,2818,5.998,2820,3.122,2821,9.737,2822,10.625,2823,8.415,2824,3.964,2825,7.712,2826,3.964,2827,3.964,2828,3.013,2829,3.964,2830,6.123,2831,3.964,2832,3.415,2833,6.123,2834,3.964,2835,3.964,2836,3.964,2837,3.964,2838,3.415,2839,3.964,2840,3.964,2841,3.964,2842,3.964,2843,3.415,2844,3.964,2845,3.964,2846,3.964,2847,3.415,2848,3.964,2849,3.964,2850,3.964,2851,3.415,2852,3.964,2853,3.964,2854,3.964,2855,3.415,2856,3.964,2857,3.964,2858,3.964,2859,3.964,2860,3.964,2861,3.964,2862,3.964,2863,3.964,2864,3.013,2865,3.415,2866,3.415,2867,3.415,2868,3.415,2869,3.415,2870,3.415,2871,3.964]],["t/1029",[6,0.561,129,2.751,133,1.996,143,3.837,161,1.109,220,2.114,325,3.595,329,4.091,434,4.461,496,3.772,735,2.636,746,2.927,749,1.996,760,2.844,761,1.368,762,1.39,962,3.979,973,5.282,1158,4.74,1435,4.453,2795,7.234,2801,7.696,2816,6.613,2817,4.806,2818,4.74,2819,6.889,2820,6.613,2872,6.889,2873,8.398,2874,7.696]],["t/1031",[6,0.54,121,3.145,129,2.589,133,1.878,161,1.043,231,5.822,247,4.883,248,2.254,306,2.333,325,3.383,434,3.409,496,3.55,499,5.516,735,2.48,741,2.889,746,2.754,749,1.878,761,1.287,762,1.308,847,4.97,962,3.831,973,4.97,1158,4.46,1435,4.19,1599,6.222,1825,6.482,2517,5.822,2770,6.482,2805,7.242,2807,7.242,2809,7.242,2811,7.242,2813,6.807,2816,6.222,2817,4.522,2818,4.46,2819,6.482,2820,6.222,2872,6.482,2874,7.242,2875,7.902,2876,7.902]],["t/1033",[6,0.537,133,1.859,161,1.032,220,1.968,221,1.796,231,7.285,271,3.224,293,3.808,325,3.347,434,4.266,483,5.107,496,3.512,735,2.454,746,2.725,749,1.859,761,1.273,762,1.294,808,3.427,904,5.76,962,3.805,990,4.413,1049,6.734,1131,6.156,1158,4.413,1435,4.146,2328,6.156,2797,7.165,2815,5.008,2816,6.156,2817,4.474,2818,4.413,2819,6.413,2820,6.156,2877,9.888,2878,7.818,2879,7.818,2880,7.818,2881,7.818,2882,7.818,2883,7.818,2884,7.818]],["t/1035",[6,0.278,43,0.761,121,2.039,133,1.218,161,0.676,220,1.29,248,1.462,279,4.61,292,3.576,306,1.513,325,4.877,424,3.894,496,5.022,735,3.509,746,2.586,749,2.658,761,0.834,762,0.848,797,2.361,808,4.639,962,4.302,973,6.656,1158,2.892,1425,6.31,1429,4.847,1471,6.913,2770,8.681,2803,3.67,2815,4.753,2817,6.247,2828,3.894,2832,4.413,2838,4.413,2843,4.413,2847,4.413,2851,4.413,2855,4.413,2864,3.894,2865,4.413,2866,4.413,2867,4.413,2868,4.413,2869,4.413,2870,4.413,2872,6.087,2885,4.695,2886,10.245,2887,10.245,2888,3.346,2889,6.8]],["t/1037",[6,0.482,8,1.86,42,3.553,129,2.169,133,1.574,161,0.874,220,2.234,250,5.214,271,2.73,279,2.73,294,7.435,311,3.594,325,3.799,371,2.672,388,5.394,397,4.416,399,4.743,434,4.811,496,2.975,735,2.078,746,2.308,749,1.574,753,4.011,761,1.078,762,1.096,792,3.961,821,4.687,927,4.416,959,3.079,962,3.415,1158,6.036,1309,4.416,1425,5.009,1429,4.325,1435,3.511,1469,5.394,1471,4.325,2664,5.214,2818,3.738,2888,4.325,2890,6.746,2891,5.214,2892,5.432,2893,4.514,2894,5.432,2895,6.068,2896,6.068,2897,5.432,2898,6.068,2899,5.214]],["t/1039",[6,0.503,105,1.844,121,2.813,129,2.315,133,1.68,135,2.584,161,0.933,188,5.835,220,2.332,229,2.254,249,5.565,279,3.821,306,2.087,325,3.966,496,4.162,536,4.367,735,2.908,746,2.463,749,2.203,761,1.151,762,1.17,808,3.098,917,3.989,928,4.227,962,4.222,997,5.062,1070,5.207,1071,5.207,1158,6.431,1425,5.23,1429,4.616,1435,4.913,1471,4.616,2815,4.527,2817,5.302,2818,5.23,2828,5.372,2864,5.372,2888,4.616,2893,6.316,2894,7.601,2900,6.088,2901,6.088,2902,6.476]],["t/1041",[6,0.54,129,2.589,133,1.878,161,1.043,220,1.989,221,1.815,271,4.494,279,3.258,296,5.864,297,7.43,325,3.383,496,3.55,735,2.48,746,2.754,749,1.878,760,2.676,761,1.287,762,1.308,792,4.726,808,3.463,962,3.831,1158,6.152,1425,5.619,1435,4.19,2796,6.482,2815,5.062,2818,4.46,2888,5.161,2893,5.387,2894,6.482,2897,6.482,2899,6.222,2903,7.242,2904,7.242]],["t/1043",[6,0.658,55,1.909,105,2.38,129,2.574,133,1.868,161,0.732,221,1.274,222,5.472,279,3.239,293,5.444,325,4.481,369,3.72,476,3.873,496,3.529,735,2.466,746,2.738,749,2.761,754,3.467,760,2.661,761,0.904,762,0.918,787,2.452,789,2.054,808,3.443,840,2.754,842,3.529,848,3.268,920,4.215,959,2.58,962,3.023,1158,5.599,1301,5.636,1425,4.435,1435,4.166,2780,4.217,2783,5.972,2784,5.972,2785,4.217,2815,5.032,2888,5.131,2893,5.355,2905,6.767,2906,5.548,2907,5.548,2908,5.548,2909,5.548]],["t/1045",[0,0.429,6,0.691,43,0.735,50,1.824,52,1.237,55,1.203,105,1.292,121,1.207,127,0.937,133,0.721,161,0.4,209,1.398,220,1.578,229,0.967,241,3.944,254,1.269,279,2.586,306,0.895,311,1.777,325,3.413,371,2.531,388,1.843,402,1.492,403,3.365,434,3.122,460,3.251,496,1.362,546,3.875,553,5.051,560,2.022,735,1.968,741,1.109,744,2.1,746,3.814,749,2.033,752,2.056,753,1.984,754,2.988,755,1.308,761,0.494,762,0.502,792,2.961,806,3.374,814,2.234,821,1.329,842,1.362,844,1.689,859,2.117,877,2.117,889,1.555,897,4.563,911,5.026,913,3.588,917,2.794,951,1.689,980,1.436,1063,1.712,1064,5.093,1102,3.171,1158,2.794,1175,3.215,1211,2.135,1285,1.943,1344,4.017,1409,2.388,1410,2.172,1411,3.545,1412,3.545,1413,2.172,1414,2.172,1415,3.545,1422,2.234,1423,2.388,1424,2.172,1425,3.54,1426,3.898,1427,7.105,1428,3.455,1429,4.096,1430,2.612,1431,3.171,1432,6.233,1433,3.455,1434,2.388,1435,3.325,1436,4.491,1437,2.612,1438,2.612,1439,6.233,1440,2.612,1441,6.868,1442,2.612,1443,2.612,1444,5.144,1445,5.401,1446,3.646,1447,2.234,1448,2.234,1449,5.936,1450,4.06,1451,2.612,1452,6.233,1453,2.612,1454,2.388,1455,2.612,1456,2.612,1457,2.612,1458,2.612,1459,2.612,1460,2.388,1461,2.612,1462,2.612,1463,2.612,1464,2.234,1465,3.646,1466,2.612,1467,6.233,1468,5.401,1469,3.811,1470,4.263,1471,4.096,1473,2.612,1474,3.898,1475,2.612,2772,2.234,2825,5.746,2894,5.144,2910,2.488,2911,2.488,2912,2.488,2913,3.033]],["t/1047",[6,0.667,50,2.017,133,1.648,135,3.346,137,3.168,161,0.915,279,2.859,325,3.917,371,2.798,434,4.699,460,3.115,485,2.475,735,2.176,746,3.189,749,2.435,754,2.297,761,1.129,762,1.147,792,4.147,821,3.039,911,5.097,913,3.968,1063,3.914,1064,5.165,1102,4.442,1170,3.914,1216,5.108,1344,4.442,1426,5.46,1427,9.157,1428,4.84,1429,4.529,1431,4.442,1433,4.84,1434,5.46,1435,3.677,1454,5.46,1471,4.529,2263,5.688,2659,5.108,2914,6.354,2915,6.354,2916,6.354,2917,6.354,2918,8.386]],["t/1049",[0,1.216,1,1.251,42,4.611,43,1.557,105,2.737,129,2.815,229,2.741,241,5.405,293,4.186,311,4.064,385,3.544,404,5.265,809,6.156,821,4.597,919,7.403,960,5.405,2919,7.876,2920,8.594,2921,5.999,2922,7.876,2923,7.876,2924,7.876,2925,7.876]],["t/1051",[8,1.846,17,2.099,125,2.065,130,1.573,193,4.218,194,2.001,220,2.871,221,1.487,222,3.895,248,1.848,294,7.38,311,3.553,332,2.816,380,4.002,384,6.766,385,2.67,388,5.314,395,3.285,397,5.83,419,3.561,434,4.27,484,2.46,485,2.311,567,4.23,573,4.17,744,2.169,760,2.193,787,4.373,789,3.664,821,4.338,828,2.492,1223,4.923,1431,4.149,1469,3.936,1516,6.262,1536,6.103,2657,5.312,2799,5.312,2800,5.1,2803,7.089,2804,7.172,2926,5.935]],["t/1053",[125,3.004,130,2.289,194,2.911,222,4.936,293,5.397,311,3.978,384,6.431,404,5.562,828,3.624]],["t/1055",[130,2.349,135,3.535,137,4.417,298,6.748,385,3.986,434,4.17,821,4.237,828,3.72,1170,5.457,2659,7.122]],["t/1058",[6,0.554,133,1.952,161,1.084,187,6.465,292,5.732,311,2.948,380,6.854,385,3.386,386,5.881,404,5.119,496,3.688,649,6.049,735,2.577,746,2.862,749,1.952,761,1.337,762,1.359,839,5.074,959,3.818,962,3.924,1435,4.354,2817,4.699,2818,4.635,2927,7.524,2928,7.524,2929,7.524,2930,7.524,2931,7.524,2932,6.049,2933,6.465,2934,7.524,2935,8.21]],["t/1060",[0,1.133,1,0.829,6,0.502,43,1.189,121,2.268,133,1.355,161,0.752,209,2.627,220,1.434,234,2.84,248,2.284,296,3.357,306,1.683,385,4.36,386,7.854,387,7.475,404,5.771,496,4.509,499,3.978,649,4.198,735,3.608,746,1.986,749,2.386,761,0.928,762,0.943,831,4.675,962,4.649,986,4.488,1435,5.322,2661,5.222,2803,4.082,2817,5.744,2818,5.666,2932,5.898,2933,4.488,2936,5.699,2937,5.699,2938,5.222,2939,5.222,2940,5.222,2941,5.222,2942,5.222,2943,5.222,2944,6.896,2945,5.222,2946,5.222,2947,5.222,2948,5.222,2949,5.222,2950,5.699,2951,5.222,2952,5.222,2953,5.222,2954,5.222]],["t/1062",[6,0.642,8,1.717,42,2.088,72,1.348,129,1.275,133,0.925,161,0.514,220,1.519,250,3.064,271,1.604,294,6.862,311,2.655,385,3.719,386,4.323,387,6.148,388,3.668,397,2.594,399,2.787,404,5.899,434,3.891,484,2.292,496,3.743,649,4.447,735,3.23,746,1.356,749,2.367,752,1.616,753,3.339,754,1.289,755,1.678,761,0.634,762,0.644,821,3.652,927,2.594,959,1.809,962,4.609,1309,2.594,1435,4.418,1469,2.365,2664,3.064,2817,4.768,2818,4.703,2890,6.855,2891,3.064,2892,3.191,2932,4.447,2933,3.064,2938,3.566,2939,3.566,2940,3.566,2941,3.566,2942,3.566,2943,3.566,2944,5.199,2945,3.566,2946,3.566,2947,3.566,2948,3.566,2949,3.566,2951,5.531,2952,5.531,2953,5.531,2954,5.531,2955,3.566,2956,3.566,2957,7.636,2958,3.566,2959,7.636,2960,3.566,2961,3.566,2962,3.566,2963,3.566,2964,3.566,2965,3.891,2966,3.891,2967,3.891,2968,3.891,2969,3.891,2970,3.891,2971,3.891,2972,3.891,2973,3.891,2974,3.891,2975,5.531,2976,5.531,2977,5.531,2978,5.531,2979,6.035,2980,6.035,2981,6.035,2982,6.035,2983,3.891,2984,6.035,2985,6.035]],["t/1064",[6,0.665,55,1.879,105,2.351,129,2.533,133,1.838,161,0.716,221,1.246,222,5.454,293,5.409,369,3.661,385,4.28,386,5.538,404,4.929,476,3.787,496,3.473,649,5.697,735,2.427,746,2.695,749,2.746,754,3.438,760,2.619,761,0.884,762,0.898,787,2.397,789,2.009,840,2.711,842,3.473,848,3.196,920,4.149,959,2.523,962,3.778,1301,5.567,1435,4.1,2780,4.124,2783,5.878,2784,5.878,2785,4.124,2817,4.425,2818,4.365,2932,5.697,2933,6.089,2986,7.732,2987,7.086,2988,5.425,2989,5.425,2990,5.425,2991,5.425]],["t/1066",[0,0.589,6,0.681,43,0.945,50,1.851,52,1.476,55,1.546,105,2.254,121,1.658,127,1.287,130,2.099,133,0.99,161,0.55,209,1.92,220,1.601,229,1.328,241,4.854,254,1.743,279,2.623,306,1.23,311,2.284,371,2.567,385,2.623,386,2.984,402,2.049,403,3.413,404,3.874,460,3.467,485,1.487,496,2.858,546,3.931,553,6.03,560,2.778,735,1.997,744,2.585,746,3.898,749,1.835,752,1.73,753,1.67,754,2.556,755,1.797,761,0.678,762,0.689,764,3.13,792,3.805,806,4.337,814,3.069,821,1.826,839,2.575,842,1.871,844,2.321,859,2.908,889,2.136,897,4.943,911,5.182,913,3.641,917,3.591,951,2.321,980,1.973,1063,2.352,1064,5.252,1102,4.075,1285,2.669,1344,4.075,1409,3.281,1410,2.984,1411,4.557,1412,4.557,1413,2.984,1414,2.984,1415,4.557,1422,3.069,1423,3.281,1424,2.984,1425,4.356,1428,4.441,1435,2.209,1436,4.557,1446,4.687,1447,3.069,1448,3.069,1449,7.632,1450,5.218,1460,3.281,1464,3.069,1465,4.687,2672,3.069,2765,3.417,2772,3.069,2776,3.818,2910,3.417,2911,3.417,2912,3.417,2932,3.069,2992,4.166,2993,4.166,2994,6.362,2995,4.166,2996,4.166,2997,6.362,2998,4.166,2999,4.166]],["t/1068",[6,0.664,133,1.889,135,2.905,137,3.63,161,1.049,385,4.119,386,7.826,404,3.988,434,3.427,649,8.05,735,2.494,746,2.769,749,2.375,754,2.631,761,1.294,762,1.315,821,3.482,962,3.844,1170,4.485,1431,5.089,1433,5.546,2817,4.546,2932,5.853,2934,7.281,2987,7.281,3000,7.281,3001,7.944,3002,7.944,3003,7.281,3004,7.944]],["t/1070",[6,0.691,7,0.482,42,2.706,50,1.853,52,1.379,55,1.225,81,1.776,95,1.591,103,1.801,105,0.81,121,1.235,127,0.959,130,1.225,133,0.738,150,1.252,220,1.846,221,0.713,229,0.99,241,1.952,248,0.885,254,1.298,279,2.627,306,0.916,371,2.571,385,2.079,387,5.001,397,3.363,398,1.469,399,3.612,400,2.115,402,1.527,403,3.418,404,4.574,460,2.861,461,1.706,484,3.283,485,1.107,496,2.265,546,3.937,553,5.121,574,2.456,735,1.999,744,2.133,746,3.835,749,2.055,752,1.289,753,1.244,754,2.429,755,1.339,767,2.558,792,3.81,806,3.438,839,1.918,842,1.394,844,1.729,845,1.918,859,2.166,877,2.166,889,1.591,897,4.618,911,5.075,913,3.645,917,4.141,951,1.729,980,2.388,1063,1.752,1064,5.143,1102,4.081,1155,2.673,1211,1.339,1216,2.286,1225,1.128,1263,1.729,1285,1.988,1344,4.081,1410,2.223,1411,3.612,1412,3.612,1413,2.223,1414,2.223,1415,3.612,1421,2.545,1422,2.286,1424,2.223,1425,4.141,1428,4.447,1431,1.988,1433,2.166,1436,4.563,1446,3.715,1447,2.286,1448,2.286,1464,2.286,1465,4.693,1878,1.801,2141,2.223,2165,3.438,2203,2.545,2757,2.673,2765,2.545,2772,2.286,2890,2.359,2944,4.344,3005,2.545,3006,7.335,3007,2.673,3008,2.673,3009,3.103,3010,3.103,3011,3.103,3012,3.103,3013,3.103,3014,7.335,3015,3.103,3016,3.103,3017,3.103,3018,3.103,3019,3.103,3020,3.103,3021,6.37,3022,3.103,3023,3.103,3024,7.335,3025,6.37,3026,6.37,3027,2.673,3028,5.043,3029,3.103,3030,7.335,3031,3.103,3032,3.103,3033,3.103,3034,3.103,3035,3.103,3036,2.673,3037,2.673,3038,3.103,3039,2.673,3040,2.673,3041,3.103,3042,3.103]],["t/1072",[0,1.324,1,1.362,42,5.022,43,1.39,129,3.066,220,2.356,291,4.391,311,3.963,821,4.102,881,7.677,960,5.886,1540,6.533,3043,9.359,3044,9.359]],["t/1074",[8,1.824,17,2.027,130,1.52,188,4.821,193,4.12,220,2.908,221,1.961,222,3.804,229,1.995,248,1.785,271,3.521,291,2.935,294,7.292,295,6.491,296,5.03,297,5.822,311,3.491,332,2.72,380,3.866,388,5.19,397,5.695,419,3.44,434,4.195,484,3.243,485,2.233,567,4.086,573,4.224,744,2.095,760,2.119,787,4.616,789,3.868,821,4.262,828,2.407,973,3.934,997,4.481,998,5.132,1223,4.755,1469,3.802,1516,6.117,1536,5.961,2796,5.132,2799,5.132,2800,4.926,2803,6.964,2804,7.005]],["t/1076",[130,2.349,222,5.011,271,4.638,293,5.48,311,4.039,828,3.72]],["t/1078",[130,2.349,135,3.535,137,4.417,291,4.535,298,6.748,434,4.17,821,4.237,828,3.72,1170,5.457,2659,7.122]],["t/1081",[6,0.605,133,1.974,161,1.096,221,1.907,248,2.369,279,3.424,291,3.896,496,3.73,735,2.606,746,2.894,749,1.974,761,1.352,762,1.374,790,7.354,808,3.639,962,3.951,1158,6.292,1425,4.687,1435,4.403,1581,6.538,2812,7.609,2813,7.152,2814,7.609,2815,5.319,2817,4.752,2818,4.687,2888,5.423,2893,5.66,2899,6.538]],["t/1083",[6,0.278,43,0.761,121,2.039,133,1.218,161,0.676,220,1.29,248,1.462,279,4.61,291,5.345,292,3.576,306,1.513,424,3.894,496,5.022,735,3.509,746,2.586,749,2.658,761,0.834,762,0.848,797,2.361,808,4.639,962,4.302,973,6.656,1158,2.892,1425,6.31,1429,4.847,1471,6.913,2770,8.681,2803,3.67,2815,4.753,2817,6.247,2828,3.894,2832,4.413,2838,4.413,2843,4.413,2847,4.413,2851,4.413,2855,4.413,2864,3.894,2865,4.413,2866,4.413,2867,4.413,2868,4.413,2869,4.413,2870,4.413,2872,6.087,2885,4.695,2886,10.245,2887,10.245,2888,3.346,2889,6.8]],["t/1085",[6,0.483,8,1.863,42,3.569,129,2.179,133,1.581,161,0.878,220,2.241,250,5.238,271,2.743,279,2.743,291,4.176,294,7.447,311,3.602,371,2.684,388,5.41,397,4.436,399,4.764,434,4.818,496,2.988,735,2.088,746,2.318,749,1.581,753,4.021,761,1.083,762,1.101,792,3.979,821,4.696,927,4.436,959,3.093,962,3.425,1158,6.047,1309,4.436,1425,5.025,1429,4.345,1435,3.527,1469,5.41,1471,4.345,2664,5.238,2818,3.755,2888,4.345,2890,6.766,2891,5.238,2892,5.456,2893,4.535,2895,6.096,2896,6.096,2897,5.456,2898,6.096,2899,5.238]],["t/1087",[6,0.548,55,1.638,72,2.337,129,2.943,133,1.603,161,0.89,220,2.543,221,1.549,270,4.167,279,3.704,291,4.215,295,7.678,317,3.859,488,3.576,496,4.035,735,2.82,746,2.35,749,2.135,761,1.098,762,1.672,792,5.373,808,2.956,962,4.145,1013,4.32,1158,6.333,1425,6.08,1429,4.405,1435,4.763,1471,4.405,1550,5.809,2815,4.32,2818,5.071,2828,5.126,2864,5.126,2888,4.405,2893,6.124,2900,5.809,2901,5.809,3045,6.743,3046,6.18,3047,6.743,3048,8.983,3049,8.983,3050,6.743,3051,6.743,3052,6.743]],["t/1089",[6,0.506,105,1.862,121,2.84,129,2.338,133,1.696,135,2.609,161,0.942,188,5.863,220,2.347,229,2.275,249,5.619,279,3.845,291,4.375,306,2.107,496,4.189,536,4.41,735,2.927,746,2.487,749,2.217,761,1.162,762,1.181,808,3.128,917,4.028,928,4.268,962,4.238,997,5.111,1070,5.257,1071,5.257,1158,6.451,1425,5.263,1429,4.661,1435,4.945,1471,4.661,2815,4.571,2817,5.336,2818,5.263,2828,5.424,2864,5.424,2888,4.661,2893,6.356,2900,6.147,2901,6.147,2902,6.539]],["t/1091",[6,0.542,129,2.603,133,1.889,161,1.049,220,2,221,1.825,271,4.505,279,3.276,291,3.727,296,5.884,297,7.448,496,3.569,735,2.494,746,2.769,749,1.889,760,2.691,761,1.294,762,1.315,792,4.752,808,3.482,962,3.844,1158,6.168,1425,5.639,1435,4.213,2796,6.517,2815,5.089,2818,4.485,2888,5.189,2893,5.416,2897,6.517,2899,6.256,2903,7.281,2904,7.281]],["t/1093",[6,0.658,55,1.909,105,2.38,129,2.574,133,1.868,161,0.732,221,1.274,222,5.472,279,3.239,291,4.912,293,5.444,369,3.72,476,3.873,496,3.529,735,2.466,746,2.738,749,2.761,754,3.467,760,2.661,761,0.904,762,0.918,787,2.452,789,2.054,808,3.443,840,2.754,842,3.529,848,3.268,920,4.215,959,2.58,962,3.023,1158,5.599,1301,5.636,1425,4.435,1435,4.166,2780,4.217,2783,5.972,2784,5.972,2785,4.217,2815,5.032,2888,5.131,2893,5.355,2905,6.767,3053,5.548,3054,5.548,3055,5.548,3056,5.548]],["t/1095",[0,0.434,6,0.692,43,0.742,50,1.84,52,1.246,55,1.215,105,1.305,121,1.222,127,0.949,133,0.73,161,0.405,209,1.415,220,1.592,229,0.979,241,3.977,254,1.285,279,2.608,291,3.765,306,0.907,311,1.795,371,2.552,388,1.866,402,1.511,403,3.393,434,3.145,460,3.275,496,1.379,546,3.908,553,5.089,560,2.048,735,1.985,741,1.123,744,2.118,746,3.826,749,2.045,752,2.077,753,2.004,754,3.004,755,1.325,761,0.5,762,0.508,792,2.991,806,3.408,814,2.262,821,1.346,842,1.379,844,1.711,859,2.144,877,2.144,889,1.574,897,4.592,911,5.053,913,3.619,917,2.822,951,1.711,980,1.454,1063,1.733,1064,5.12,1102,3.203,1158,2.822,1175,3.243,1211,2.157,1285,1.967,1344,4.051,1409,2.418,1410,2.199,1411,3.581,1412,3.581,1413,2.199,1414,2.199,1415,3.581,1422,2.262,1423,2.418,1424,2.199,1425,3.57,1426,3.937,1427,7.143,1428,3.49,1429,4.131,1430,2.645,1431,3.203,1432,6.28,1433,3.49,1434,2.418,1435,3.354,1436,4.53,1437,2.645,1438,2.645,1439,6.28,1440,2.645,1441,6.913,1442,2.645,1443,2.645,1444,5.188,1445,5.448,1446,3.684,1447,2.262,1448,2.262,1449,5.98,1450,4.101,1451,2.645,1452,6.28,1453,2.645,1454,2.418,1455,2.645,1456,2.645,1457,2.645,1458,2.645,1459,2.645,1460,2.418,1461,2.645,1462,2.645,1463,2.645,1464,2.262,1465,3.684,1466,2.645,1467,6.28,1468,5.448,1469,3.844,1470,4.307,1471,4.131,1472,2.814,1473,2.645,1474,3.937,1475,2.645,2772,2.262,2910,2.519,2911,2.519,2912,2.519]],["t/1097",[6,0.667,50,2.017,133,1.648,135,3.346,137,3.168,161,0.915,279,2.859,291,4.293,371,2.798,434,4.699,460,3.115,485,2.475,735,2.176,746,3.189,749,2.435,754,2.297,761,1.129,762,1.147,792,4.147,821,3.039,911,5.097,913,3.968,1063,3.914,1064,5.165,1102,4.442,1170,3.914,1216,5.108,1344,4.442,1426,5.46,1427,9.157,1428,4.84,1429,4.529,1431,4.442,1433,4.84,1434,5.46,1435,3.677,1454,5.46,1471,4.529,2263,5.688,2659,5.108,2914,6.354,2915,6.354,2916,6.354,2917,6.354,2918,8.386]],["t/1099",[0,1.341,1,1.38,43,1.408,56,3.853,105,2.474,131,7.206,139,3.722,380,5.859,764,4.664,1307,7.776,2584,9.58,3057,6.984]],["t/1101",[6,0.441,56,3.3,125,2.589,130,1.973,194,2.509,218,4.076,220,2.778,221,1.865,222,4.511,248,2.317,279,4.176,331,7.876,434,4.369,484,3.084,485,2.898,573,4.035,744,2.719,787,4.876,789,4.086,828,3.124,1406,6.661,1516,5.816,2800,6.394,3058,7.441,3059,7.441]],["t/1103",[56,4.47,125,2.966,130,2.26,194,2.874,222,4.899,248,2.653,293,5.357,331,7.496,754,3.642,828,3.579,1225,3.38]],["t/1105",[56,3.903,125,3.062,130,2.333,135,3.512,137,4.388,194,2.968,298,6.704,331,6.547,461,5.281,828,3.695,1170,5.421]],["t/1108",[6,0.559,50,2.429,56,4.743,72,2.894,133,1.985,161,1.102,311,3.699,496,4.629,746,2.91,760,2.828,761,1.36,762,1.382,787,4.553,1204,5.16,3057,7.591,3060,8.35,3061,7.652,3062,8.35,3063,8.35,3064,8.35,3065,9.443,3066,8.35,3067,8.35,3068,8.35,3069,8.35]],["t/1111",[6,0.667,55,1.909,56,4.543,105,2.38,129,2.574,133,1.868,161,0.732,221,1.274,222,5.472,293,5.444,311,2.821,369,3.72,476,3.873,496,3.529,675,5.085,735,2.466,746,2.738,749,2.761,754,3.467,760,3.359,761,0.904,762,0.918,787,4.03,789,2.054,840,2.754,842,3.529,848,3.268,920,4.215,959,2.58,962,3.023,1301,5.636,2780,4.217,2783,5.972,2784,5.972,2785,4.217,2905,6.767,3057,5.788,3070,6.767,3071,7.856,3072,6.767,3073,5.548,3074,5.548,3075,5.548]],["t/1113",[6,0.582,56,4.672,105,2.324,129,2.918,133,2.117,161,1.176,218,4.471,311,3.198,496,4.001,761,1.45,762,1.474,787,3.935,1406,7.306,3057,6.562,3058,8.162,3059,8.162,3070,7.672,3072,7.672,3076,8.906,3077,8.906]],["t/1115",[6,0.661,56,4.623,133,1.849,135,3.604,137,3.553,161,1.027,311,2.792,434,4.668,461,4.277,485,2.775,746,2.71,749,2.572,754,2.576,761,1.266,762,1.287,787,3.436,1170,4.39,1204,4.806,1216,5.729,1431,4.982,2263,6.379,3057,5.729,3061,7.127,3065,7.127,3070,6.699,3072,9.32,3078,7.776,3079,7.776,3080,9.855,3081,7.776]],["t/1117",[0,1.579,1,1.625,43,1.417,401,4.518,402,4.694,574,4.648,1540,6.661,3082,7.514,3083,7.514,3084,7.514]],["t/1119",[0,1.324,1,1.362,15,4.604,105,2.443,194,2.892,469,7.37,741,3.422,875,7.677,1066,7.37,1165,6.704,3085,8.062,3086,9.508,3087,8.062,3088,8.062]],["t/1121",[0,1.459,1,1.024,6,0.501,105,1.835,133,1.672,158,5.538,159,3.108,169,3.956,219,3.924,221,1.615,233,6.297,246,6.297,346,4.795,361,5.672,401,3.33,436,6.058,508,5.769,572,4.295,741,3.771,761,1.145,802,4.795,904,5.182,959,3.27,1023,6.297,1538,5.361,1603,5.182,2247,6.607,2249,5.538,2251,8.069,2252,5.769,2254,5.769,3089,8.884,3090,6.058,3091,5.346,3092,6.058,3093,5.346,3094,6.058,3095,6.058,3096,6.445,3097,6.445,3098,6.445,3099,6.445,3100,9.236]],["t/1123",[6,0.443,18,3.67,43,1.509,105,2.652,499,7.093,543,4.233,741,4.045,990,4.609,1023,5.566,1127,5.23,1151,8.335,1538,4.739,2247,7.416,3089,7.033,3091,6.207,3093,6.207,3101,8.165,3102,8.753,3103,7.033,3104,7.033,3105,7.033,3106,7.033,3107,7.033,3108,7.033,3109,7.033,3110,7.033,3111,7.033]],["t/1125",[0,1.283,1,1.32,6,0.588,23,1.532,25,1.815,66,3.423,105,2.828,263,4.5,741,4.236,3112,8.313,3113,7.814,3114,7.814,3115,7.814,3116,7.814]],["t/1127",[0,1.112,1,1.444,6,0.427,21,3.391,43,1.167,86,3.904,105,2.051,133,1.868,169,3.584,221,2.279,270,4.857,274,5.035,339,4.63,361,4.322,425,5.035,500,2.603,791,4.498,793,5.358,927,5.241,928,4.701,1105,5.487,1251,5.974,1255,5.487,1603,5.791,2251,7.31,3089,6.77,3117,8.562,3118,6.77,3119,7.86,3120,8.546,3121,6.77,3122,6.77,3123,6.77,3124,5.974,3125,7.86,3126,6.77]],["t/1130",[0,1.622,1,1.455,219,4.246,572,4.648]],["t/1132",[0,1.73,1,1.631,219,4.76,233,6.547,572,5.211]],["t/1134",[0,1.579,1,1.625,43,1.417,401,4.518,402,4.694,574,4.648,1540,6.661,3082,7.514,3083,7.514,3084,7.514]],["t/1136",[0,1.324,1,1.362,15,4.604,105,2.443,194,2.892,469,7.37,741,3.422,875,7.677,1066,7.37,1165,6.704,3085,8.062,3086,9.508,3087,8.062,3088,8.062]],["t/1138",[0,1.371,1,1.103,6,0.526,105,1.977,133,1.801,169,4.07,233,6.608,246,6.608,326,3.219,346,5.165,361,5.33,401,3.587,436,6.526,508,6.215,572,3.523,741,3.544,802,5.165,959,3.523,1023,6.608,1538,5.626,1603,5.582,2247,6.209,2251,8.301,2252,6.215,2254,6.215,3090,6.526,3091,5.759,3092,6.526,3093,5.759,3094,6.526,3095,6.526,3096,6.943,3097,6.943,3098,6.943,3099,6.943,3127,7.368]],["t/1140",[6,0.443,18,3.67,43,1.509,105,2.652,499,7.093,543,4.233,741,4.045,990,4.609,1023,5.566,1127,5.23,1151,8.335,1538,4.739,2247,7.416,3091,6.207,3093,6.207,3102,8.753,3103,7.033,3104,7.033,3105,7.033,3106,7.033,3107,7.033,3108,7.033,3109,7.033,3110,7.033,3111,7.033,3127,6.207,3128,8.165]],["t/1142",[0,1.283,1,1.32,6,0.588,23,1.532,25,1.815,66,3.423,105,2.828,263,4.5,741,4.236,3112,8.313,3113,7.814,3114,7.814,3115,7.814,3116,7.814]],["t/1144",[0,1.112,1,1.444,6,0.427,21,3.391,43,1.167,86,3.904,105,2.051,133,1.868,169,3.584,221,2.279,270,4.857,274,5.035,339,4.63,361,4.322,425,5.035,500,2.603,791,4.498,793,5.358,927,5.241,928,4.701,1105,5.487,1251,5.974,1255,5.487,1603,5.791,2251,7.31,3117,8.562,3118,6.77,3120,8.546,3121,6.77,3122,6.77,3123,6.77,3124,5.974,3126,6.77,3127,5.974,3129,7.203,3130,7.203]],["t/1147",[0,1.622,1,1.455,326,4.246,572,4.648]],["t/1149",[0,1.73,1,1.631,233,6.547,326,4.76,572,5.211]],["t/1151",[0,1.216,1,1.251,42,4.611,43,1.557,61,3.651,105,2.737,129,2.815,229,2.741,241,5.405,293,4.186,311,4.064,398,4.966,809,6.156,821,4.597,919,7.403,960,5.405,2919,7.876,2921,5.999,2922,7.876,2923,7.876,2924,7.876,2925,7.876,3131,8.594]],["t/1153",[8,1.846,17,2.099,61,2.751,125,2.065,130,1.573,193,4.218,194,2.001,220,2.871,221,1.487,222,3.895,248,1.848,294,7.38,311,3.553,332,2.816,380,4.002,388,5.314,395,6.014,397,5.83,419,3.561,434,4.27,484,2.46,485,2.311,567,4.23,573,4.17,744,2.169,760,2.193,787,4.373,789,3.664,821,4.338,828,2.492,1223,4.923,1431,4.149,1469,3.936,1516,6.262,1536,6.103,2657,5.312,2799,5.312,2800,5.1,2803,7.089,2804,7.172,2926,5.935]],["t/1155",[125,3.004,130,2.289,194,2.911,222,4.936,293,5.397,311,3.978,395,5.62,398,5.246,828,3.624]],["t/1157",[61,4.106,130,2.349,135,3.535,137,4.417,298,6.748,434,4.17,821,4.237,828,3.72,1170,5.457,2659,7.122]],["t/1160",[6,0.555,52,1.411,61,3.507,161,1.09,187,6.502,292,5.764,311,2.964,380,6.871,396,5.914,404,4.145,496,3.709,649,6.083,735,2.592,746,2.878,749,1.963,761,1.345,762,1.366,839,5.103,959,3.839,962,3.937,2817,4.725,2818,4.661,2927,7.567,2928,7.567,2929,7.567,2930,7.567,2931,7.567,2933,6.502,3132,6.083,3133,8.256,3134,8.256,3135,8.256]],["t/1162",[0,1.045,1,1.075,6,0.518,43,1.097,52,1.262,61,4.486,121,2.94,133,1.756,161,0.975,209,3.404,220,1.859,306,2.181,396,8.474,398,4.515,496,4.284,735,3.503,746,2.574,749,2.267,761,1.203,762,1.222,962,4.553,2803,5.291,2817,5.457,2818,5.383,3132,7.025,3136,6.769,3137,6.363,3138,6.769,3139,6.769,3140,6.769,3141,6.769,3142,6.059,3143,7.386,3144,7.386,3145,6.769]],["t/1164",[6,0.65,8,1.668,42,2.648,52,1.709,61,3.627,129,1.616,133,1.173,161,0.651,220,1.817,250,3.886,271,2.035,294,6.668,311,3.065,388,4.388,396,5.171,397,3.29,398,4.946,399,3.534,434,4.314,484,1.874,496,3.243,735,2.949,746,1.72,749,1.716,752,2.05,753,3.766,754,1.634,755,2.129,761,0.804,762,0.817,821,4.118,927,3.29,959,2.294,962,4.414,1175,5.127,1309,3.29,1469,2.999,2664,3.886,2817,4.132,2818,4.076,2890,6.49,2891,3.886,2892,4.048,2955,4.522,2956,4.522,2957,6.617,2958,4.522,2959,6.617,2960,4.522,2961,4.522,2962,4.522,2963,4.522,2964,4.522,2975,6.617,2976,6.617,2977,6.617,2978,6.617,3132,5.319,3136,4.522,3137,4.25,3138,4.522,3139,4.522,3140,4.522,3141,4.522,3142,5.922,3145,6.617,3146,4.25,3147,4.522,3148,7.22,3149,7.22,3150,7.22,3151,7.22,3152,7.22]],["t/1166",[6,0.67,52,1.308,55,1.859,61,4.144,105,2.332,129,2.507,133,1.819,161,0.706,221,1.228,222,5.442,293,5.386,369,3.623,396,5.481,398,3.623,476,3.732,496,3.437,735,2.402,746,2.667,749,2.737,754,3.419,760,2.591,761,0.871,762,0.885,787,2.362,789,1.98,840,2.683,842,3.437,848,3.15,920,4.106,959,2.486,962,3.753,1301,5.522,1474,6.025,2780,4.064,2783,5.816,2784,5.816,2785,4.064,2817,4.379,2818,4.319,3132,5.637,3137,6.591,3142,6.277,3146,6.591,3153,7.652,3154,7.652,3155,5.347,3156,4.9,3157,5.347,3158,5.347,3159,5.347]],["t/1168",[0,0.41,6,0.684,43,0.709,50,2.265,52,1.331,55,1.16,61,2.583,81,1.66,103,1.684,105,1.839,121,1.155,127,0.897,133,0.69,150,1.171,161,0.383,209,1.337,220,2.108,229,0.925,241,3.824,248,0.828,254,1.214,271,2.507,279,3.211,306,0.857,311,1.714,371,3.143,385,1.968,386,3.419,396,3.419,398,3.336,402,1.427,403,4.178,404,3.537,460,3.762,485,1.035,496,3.498,546,4.812,553,4.918,560,1.935,735,2.444,744,2.805,746,4.048,749,1.445,752,1.205,753,1.163,754,2.014,755,1.252,761,0.472,762,0.48,792,4.658,806,3.254,814,2.137,821,1.272,839,3.758,842,1.303,844,1.616,845,1.793,859,2.025,889,1.488,897,5.066,911,5.631,913,4.456,917,2.694,951,1.616,980,2.26,1063,1.638,1064,5.706,1102,4.988,1211,1.252,1216,2.137,1263,1.616,1285,1.858,1344,4.988,1409,2.285,1410,2.078,1411,3.419,1412,3.419,1413,2.078,1414,2.078,1415,3.419,1422,2.137,1424,2.078,1425,5.22,1428,5.436,1435,1.538,1436,5.578,1446,3.516,1447,2.137,1448,2.137,1464,2.137,1465,5.737,1878,1.684,2141,2.078,2165,3.254,2203,2.38,2765,2.38,2772,2.137,2910,2.38,2911,2.38,2912,2.38,2932,3.516,3007,2.499,3008,2.499,3027,2.499,3036,2.499,3037,2.499,3039,2.499,3040,2.499,3132,3.516,3160,2.901,3161,2.901,3162,5.572,3163,2.901,3164,4.374,3165,2.901,3166,2.901,3167,2.659,3168,2.659,3169,4.374,3170,2.901,3171,2.901,3172,2.659,3173,2.659,3174,6.457,3175,4.374,3176,2.901,3177,4.374,3178,2.901,3179,2.659,3180,4.374,3181,2.901,3182,2.659]],["t/1170",[6,0.67,52,1.336,61,4.201,135,2.859,137,3.572,161,1.032,396,7.768,398,3.702,434,3.373,735,2.454,746,2.725,749,2.351,754,2.589,761,1.273,762,1.294,821,3.427,962,3.805,1170,4.413,1175,4.009,1431,5.008,1433,5.457,2817,4.474,3000,7.165,3003,7.165,3132,5.76,3142,8.897,3146,6.734,3147,7.165,3183,7.818,3184,7.818,3185,7.818,3186,7.818]],["t/1172",[6,0.692,7,0.536,42,2.948,50,1.598,52,1.456,55,1.335,61,2.334,81,1.976,95,1.77,103,2.004,105,0.901,121,1.374,127,1.067,133,0.821,150,1.393,220,1.723,221,0.793,229,1.101,241,2.171,248,0.985,254,1.445,279,2.266,306,1.019,371,2.217,396,5.588,397,3.664,398,4.505,399,3.936,400,2.354,402,1.698,403,2.948,460,2.468,461,1.899,484,3.445,496,1.551,546,3.396,553,5.446,735,1.725,744,1.84,746,3.711,749,2.157,752,1.434,753,1.384,754,2.584,755,1.489,767,2.787,792,3.287,806,3.746,842,1.551,844,1.923,845,2.134,859,2.41,877,2.41,889,1.77,897,4.465,911,4.745,913,3.144,917,3.102,951,1.923,980,2.602,1063,1.949,1064,4.808,1102,3.52,1155,2.974,1211,1.489,1216,2.544,1225,1.255,1263,1.923,1285,2.212,1344,3.52,1410,2.473,1411,3.936,1412,3.936,1413,2.473,1414,2.473,1415,3.936,1421,2.832,1422,2.544,1424,2.473,1425,3.102,1428,3.836,1431,2.212,1433,2.41,1436,3.936,1446,4.048,1447,2.544,1448,2.544,1464,2.544,1465,4.048,1878,2.004,2141,2.473,2165,3.746,2203,2.832,2757,2.974,2772,2.544,2890,2.624,3005,2.832,3007,2.974,3008,2.974,3027,2.974,3036,2.974,3037,2.974,3039,2.974,3040,2.974,3132,4.048,3156,3.164,3162,3.164,3164,3.164,3167,3.164,3168,7.15,3169,3.164,3172,3.164,3173,6.272,3174,7.15,3175,5.035,3177,5.035,3179,7.15,3180,5.035,3182,3.164,3187,3.452,3188,3.452,3189,3.452,3190,3.452,3191,3.452,3192,6.844,3193,6.844,3194,3.452,3195,3.452,3196,3.452,3197,3.452,3198,3.452,3199,3.452]],["t/1174",[0,1.579,1,1.625,43,1.417,401,4.518,402,4.694,574,4.648,1540,6.661,3082,7.514,3083,7.514,3084,7.514]],["t/1176",[0,1.324,1,1.362,15,4.604,105,2.443,194,2.892,469,7.37,741,3.422,875,7.677,1066,7.37,1165,6.704,3085,8.062,3086,9.508,3087,8.062,3088,8.062]],["t/1178",[6,0.489,169,4.174,246,6.146,741,3.297,1023,6.146,1538,5.233,2247,5.775,2251,8.513,2252,7.395,2254,7.395,3090,7.766,3091,6.853,3092,7.766,3093,6.853,3094,7.766,3095,7.766,3127,6.853]],["t/1180",[6,0.443,18,3.67,43,1.509,105,2.652,499,7.093,543,4.233,741,4.045,990,4.609,1023,5.566,1127,5.23,1151,8.335,1538,4.739,2247,7.416,3091,6.207,3093,6.207,3102,8.753,3103,7.033,3104,7.033,3105,7.033,3106,7.033,3107,7.033,3108,7.033,3109,7.033,3110,7.033,3111,7.033,3127,6.207,3200,8.165]],["t/1182",[0,1.283,1,1.32,6,0.588,23,1.532,25,1.815,66,3.423,105,2.828,263,4.5,741,4.236,3113,7.814,3114,7.814,3115,7.814,3116,7.814,3201,9.071]],["t/1184",[0,1.112,1,1.444,6,0.427,21,3.391,43,1.167,86,3.904,105,2.051,133,1.868,169,3.584,221,2.279,270,4.857,274,5.035,339,4.63,361,4.322,425,5.035,500,2.603,791,4.498,793,5.358,927,5.241,928,4.701,1105,5.487,1251,5.974,1255,5.487,1603,5.791,2251,7.31,3117,8.562,3118,6.77,3120,8.546,3121,6.77,3122,6.77,3123,6.77,3124,5.974,3126,6.77,3127,5.974,3129,7.203,3130,7.203]],["t/1187",[0,1.622,1,1.455,326,4.246,572,4.648]],["t/1189",[0,1.73,1,1.631,233,6.547,326,4.76,572,5.211]],["t/1191",[0,1.579,1,1.625,43,1.417,401,4.518,402,4.694,574,4.648,1540,6.661,3082,7.514,3083,7.514,3084,7.514]],["t/1193",[0,1.505,36,3.767,119,7.983,219,3.738,295,8.087,326,3.738,427,9.851,573,4.182,574,5.571,1056,7.58,1165,7.62,1538,6.638]],["t/1195",[1,0.772,6,0.692,21,3.84,50,2.214,52,1.661,69,2.623,72,1.839,111,2.34,121,2.113,133,1.81,221,1.748,229,2.838,234,1.883,274,3.4,401,2.513,403,2.848,450,3.697,484,2.016,500,2.521,543,2.752,648,3.619,735,1.666,746,3.389,749,2.311,757,3.467,758,5.323,915,3.175,916,3.705,917,2.996,939,1.657,942,1.657,950,2.957,959,2.468,1225,2.766,1878,5.166,1971,4.035,2206,4.354,2676,2.29,3117,4.18,3202,4.354,3203,4.865,3204,4.865,3205,5.452,3206,3.54,3207,3.705,3208,3.54,3209,3.54,3210,3.802,3211,5.452,3212,3.802,3213,3.802,3214,5.452,3215,3.802,3216,3.802,3217,3.911,3218,5.076,3219,7.526,3220,3.54,3221,3.54,3222,5.076,3223,3.54,3224,3.54,3225,3.54,3226,4.865,3227,6.557,3228,4.865,3229,4.865,3230,4.865,3231,4.865]],["t/1198",[0,1.622,1,1.455,326,4.246,572,4.648]],["t/1200",[0,1.73,1,1.631,233,6.547,326,4.76,572,5.211]],["t/1202",[0,1.527,1,1.312,20,3.424,29,3.172,66,4.073,105,2.353,139,3.539,161,1.19,303,6.146,332,3.92,500,2.986,761,1.468,762,1.492,764,4.435,821,3.951,1011,6.853,1512,8.262,1513,7.395]],["t/1204",[130,2.412,248,2.832,943,3.795,1225,3.608,3232,9.927,3233,6.93]],["t/1206",[6,0.489,29,3.17,55,2.622,130,1.646,139,2.659,143,3.095,150,3.636,220,3.014,221,1.556,229,2.16,248,2.888,254,2.835,272,4.347,401,3.208,402,3.333,484,3.845,485,4.01,547,7.951,573,4.379,744,2.269,760,2.294,764,3.333,765,3.635,787,2.993,789,2.508,799,5.334,828,2.607,980,4.266,1239,7.095,1244,5.835,1289,6.208,1527,5.557,1528,6.208,1529,5.835,3234,6.208,3235,6.774,3236,6.774,3237,6.208,3238,6.208]],["t/1209",[6,0.691,29,2.516,31,3.913,52,1.074,55,1.526,133,1.494,150,3.456,161,0.829,220,1.581,221,1.443,229,2.003,248,1.792,543,3.257,749,1.494,761,1.023,762,1.417,840,2.203,841,4.283,842,2.822,843,4.776,844,3.5,845,3.883,846,3.758,847,3.951,848,3.701,849,4.189,850,4.104,851,3.332,852,4.947,853,4.947,854,4.189,855,4.629,893,6.934,939,1.962,942,1.962,943,2.402,980,2.975,1211,2.71,1263,3.5,1527,7.025,1553,3.883,1559,4.104,1624,9.487,3233,5.979,3239,5.758,3240,5.758,3241,5.758,3242,5.758,3243,5.758,3244,5.758,3245,5.758,3246,5.758,3247,5.758,3248,4.776]],["t/1211",[6,0.692,29,2.494,31,3.879,52,1.06,55,1.507,133,1.475,150,3.427,161,0.819,220,1.561,221,1.425,229,1.978,248,1.77,543,3.216,749,1.475,760,2.101,761,1.01,762,1.405,840,2.175,841,4.229,842,2.787,843,4.715,844,3.455,845,3.834,846,3.71,847,3.901,848,3.654,849,4.136,850,4.052,851,3.289,852,4.885,853,4.885,854,4.136,855,4.57,893,6.913,939,1.937,942,1.937,943,2.371,980,2.937,1211,2.676,1239,4.885,1263,3.455,1527,6.965,1553,3.834,1559,4.052,1624,9.455,3233,5.927,3239,5.685,3240,5.685,3241,5.685,3242,5.685,3243,5.685,3244,5.685,3245,5.685,3246,5.685,3247,5.685,3248,4.715]],["t/1213",[6,0.69,29,2.705,31,4.207,52,1.196,55,1.701,133,1.664,150,3.716,161,0.924,220,1.762,221,1.608,229,2.232,272,3.377,543,3.629,749,1.664,761,1.14,762,1.524,840,2.454,842,3.144,844,3.899,846,4.187,872,5.014,874,5.321,893,6.439,939,2.186,942,2.186,943,2.676,980,3.314,1211,3.02,1263,3.899,1529,7.931,1553,4.326,1559,4.572,1624,8.44,3233,6.428,3248,5.321,3249,7,3250,7,3251,7,3252,7,3253,7,3254,7,3255,7]],["t/1215",[6,0.691,29,2.886,31,4.488,52,1.322,55,1.88,133,1.839,150,3.964,161,1.021,220,1.947,221,1.777,229,2.467,543,4.01,749,1.839,761,1.26,762,1.626,840,2.712,939,2.415,942,2.415,943,2.957,980,3.663,1211,3.337,1246,7.089,1263,4.309,1553,4.781,1559,5.053,3233,6.857,3234,7.089,3237,7.089,3248,5.88,3256,7.089,3257,7.089]],["t/1217",[6,0.689,29,2.905,31,4.518,52,1.336,55,1.899,133,1.859,150,3.991,161,1.032,220,1.968,221,1.796,229,2.493,543,4.053,749,1.859,761,1.273,762,1.636,789,2.894,840,2.741,939,2.441,942,2.441,943,2.989,980,3.702,1211,3.373,1263,4.355,1553,4.831,1559,5.107,3233,6.903,3238,7.165,3248,5.943,3256,7.165,3257,7.165]],["t/1219",[6,0.696,29,2.445,31,4.356,43,0.895,52,1.422,111,1.852,121,3.312,129,1.974,133,1.978,141,4.577,150,3.359,220,1.517,221,1.384,248,2.374,354,3.936,369,3.941,420,3.77,453,5.19,528,4.943,741,2.203,749,1.432,762,0.997,939,2.599,942,1.881,943,2.303,946,6.131,980,3.941,1167,6.131,1211,3.59,1223,4.58,1252,4.698,1263,4.636,1287,8.857,1309,4.018,1553,3.724,1816,4.943,1971,4.58,1972,4.943,1976,4.206,2206,4.943,2207,5.522,2208,5.522,2215,5.522,2217,5.522,3233,7.533,3248,6.326,3258,6.025,3259,6.025,3260,6.025,3261,6.025]],["t/1221",[0,1.579,1,1.625,43,1.417,401,4.518,402,4.694,574,4.648,1540,6.661,3082,7.514,3083,7.514,3084,7.514]],["t/1223",[0,1.505,36,3.767,119,7.983,219,3.738,295,8.087,326,3.738,427,9.851,573,4.182,574,5.571,1056,7.58,1165,7.62,1538,6.638]],["t/1225",[1,0.772,6,0.692,21,3.84,50,2.214,52,1.661,69,2.623,72,1.839,111,2.34,121,2.113,133,1.81,221,1.748,229,2.838,234,1.883,274,3.4,401,2.513,403,2.848,450,3.697,484,2.016,500,2.521,543,2.752,648,3.619,735,1.666,746,3.389,749,2.311,757,3.467,758,5.323,915,3.175,916,3.705,917,2.996,939,1.657,942,1.657,950,2.957,959,2.468,1225,2.766,1878,5.166,1971,4.035,2206,4.354,2676,2.29,3117,4.18,3202,4.354,3203,4.865,3204,4.865,3205,5.452,3206,3.54,3207,3.705,3208,3.54,3209,3.54,3210,3.802,3211,5.452,3212,3.802,3213,3.802,3214,5.452,3215,3.802,3216,3.802,3217,3.911,3218,5.076,3219,7.526,3220,3.54,3221,3.54,3222,5.076,3223,3.54,3224,3.54,3225,3.54,3226,4.865,3227,6.557,3228,4.865,3229,4.865,3230,4.865,3231,4.865]],["t/1228",[0,1.622,1,1.455,326,4.246,572,4.648]],["t/1230",[0,1.73,1,1.631,233,6.547,326,4.76,572,5.211]],["t/1232",[43,1.464,416,5.654,417,5.291,1012,7.063,1240,6.884,3262,9.861]],["t/1234",[6,0.542,125,2.533,130,1.93,194,2.455,221,1.825,248,2.267,274,5.089,342,4.343,400,5.416,414,5.934,417,5.36,422,6.256,423,5.493,425,6.399,484,3.017,500,2.631,743,3.539,744,2.661,787,4.414,789,3.698,791,4.546,794,5.189,795,4.03,796,3.948,797,3.662,798,3.797,988,5.546,1676,7.359,2185,6.517,2320,3.63,3263,6.843,3264,7.281,3265,7.944]],["t/1236",[102,4.997,125,2.823,130,2.594,139,4.673,194,2.736,414,6.466,828,3.406,1531,6.035,1881,7.262,3266,8.113,3267,8.31,3268,8.113,3269,8.113,3270,8.113]],["t/1238",[125,2.506,130,1.91,137,5.218,139,3.086,140,5.487,142,5.241,143,3.591,144,5.358,145,4.12,146,5.241,173,5.134,194,2.429,332,4.314,369,4.698,401,4.698,414,6.202,417,5.324,420,4.495,423,5.456,821,4.349,828,3.024,1143,4.63,1170,6.446,1171,6.926,1173,7.813,1174,6.132]],["t/1240",[6,0.418,125,2.454,130,2.616,150,4.345,194,2.378,220,2.852,221,1.767,248,2.195,302,4.404,342,3.346,361,4.232,414,6.355,484,4.304,485,3.494,500,3.242,573,4.144,743,3.428,744,2.577,787,3.4,789,2.849,796,4.864,797,3.547,798,3.678,2001,6.312,2002,3.749,3267,7.91]],["t/1243",[50,1.389,72,1.654,102,2.695,105,2.186,121,1.9,139,3.288,141,2.625,143,3.827,145,3.694,161,0.63,221,2.371,345,4.794,401,4.888,402,5.079,416,4.162,417,6.005,423,4.606,488,2.532,500,3.537,543,4.342,735,1.499,741,3.063,753,3.357,761,0.778,762,0.79,763,6,764,4.121,767,4.249,768,5.71,771,6,810,3.763,833,5.71,839,5.177,959,3.895,960,5.268,1042,3.255,1043,3.333,1149,5.847,1174,6.38,1602,5.847,1604,5.366,1608,5.268,2005,5.471,2350,5.177,2558,5.71,2921,5.847,3267,6.886,3271,4.774,3272,6.596,3273,6.171,3274,6.171,3275,6.171,3276,6,3277,6.171,3278,6,3279,6.171,3280,3.629]],["t/1245",[6,0.436,50,1.292,72,3.093,86,2.882,102,2.508,105,2.329,121,1.768,139,3.151,141,3.673,143,3.667,145,3.501,150,1.793,161,0.586,221,2.309,306,1.312,345,4.593,401,4.76,402,4.946,416,3.988,417,6.094,423,4.414,500,3.33,543,4.161,735,1.394,741,2.935,753,3.216,761,0.724,762,0.735,763,5.749,764,4.391,767,4.071,768,5.471,771,5.749,810,3.605,833,5.471,839,4.96,959,3.732,960,5.048,1042,3.029,1043,3.101,1149,5.603,1174,6.213,1602,5.603,1604,5.141,1608,5.048,2001,8.555,2005,5.242,2014,4.071,2015,4.071,2016,4.071,2350,4.96,2558,5.471,2921,5.603,3267,6.68,3273,5.913,3274,5.913,3275,5.913,3276,5.749,3277,5.913,3278,5.749,3279,5.913,3280,3.377,3281,7.355]],["t/1247",[50,1.349,72,1.607,102,2.619,105,2.149,129,1.52,139,3.233,141,2.551,143,3.763,145,3.616,161,0.612,220,1.168,221,2.346,274,2.972,342,2.017,345,4.713,401,4.837,402,5.026,416,4.092,417,5.832,422,3.653,423,4.529,500,3.384,543,4.269,735,1.456,741,3.011,753,3.3,760,1.571,761,0.755,762,0.768,763,5.899,764,4.051,767,4.178,768,5.614,771,5.899,794,3.03,810,3.7,833,5.614,839,5.09,959,3.83,960,5.179,988,3.238,1042,3.162,1043,3.238,1149,5.749,1174,6.314,1602,5.749,1604,5.276,1608,5.179,1676,5.082,2005,5.379,2185,3.805,2320,2.12,2350,5.09,2558,5.614,2921,5.749,3263,3.996,3267,6.804,3272,6.485,3273,6.068,3274,6.068,3275,6.068,3276,5.899,3277,6.068,3278,5.899,3279,6.068,3280,3.526,3282,4.639]],["t/1249",[50,1.371,72,1.633,102,2.66,105,2.17,129,1.544,139,3.264,141,2.592,143,3.798,145,3.659,161,0.622,220,1.186,221,2.442,345,4.757,401,4.865,402,5.055,416,4.131,417,5.859,423,5.054,425,3.019,500,3.403,543,4.309,735,1.479,741,3.04,753,3.332,760,1.596,761,0.768,762,0.78,763,5.954,764,4.09,767,4.217,768,5.667,771,5.954,810,3.734,833,5.667,839,5.138,959,3.866,960,5.228,1042,3.213,1043,3.29,1149,5.803,1174,6.35,1602,5.803,1604,5.325,1608,5.228,2002,2.296,2004,3.472,2005,5.43,2350,5.138,2558,5.667,2921,5.803,3124,3.583,3267,6.85,3272,6.546,3273,6.125,3274,6.125,3275,6.125,3276,5.954,3277,6.125,3278,5.954,3279,6.125,3280,3.583]],["t/1251",[50,1.362,72,1.623,102,2.644,105,2.161,129,1.534,139,3.251,141,2.575,143,3.784,145,3.642,161,0.618,220,1.179,221,2.354,345,4.74,400,3.192,401,4.854,402,5.043,416,4.115,417,5.848,423,5.382,425,4.45,500,3.395,543,4.293,735,1.47,741,3.028,753,3.319,760,1.586,761,0.763,762,0.775,763,5.932,764,4.074,767,4.201,768,5.646,771,5.932,810,3.72,833,5.646,839,5.118,959,3.851,960,5.209,1042,3.192,1043,3.269,1149,5.781,1174,6.335,1602,5.781,1604,5.305,1608,5.209,2005,5.41,2350,5.118,2558,5.646,2921,5.781,3124,3.56,3264,4.292,3267,6.831,3272,6.522,3273,6.102,3274,6.102,3275,6.102,3276,5.932,3277,6.102,3278,5.932,3279,6.102,3280,3.56,3283,4.683]],["t/1253",[6,0.488,102,1.529,105,2.241,118,1.735,121,1.078,133,0.644,139,3.179,141,2.48,143,3.7,145,3.932,161,0.358,221,2.367,302,1.55,345,4.634,369,1.283,401,4.787,402,4.973,416,4.024,417,6.071,423,1.49,500,3.348,543,4.198,575,2.333,735,0.85,741,2.961,749,2.041,753,3.245,761,0.441,762,0.448,763,5.801,764,3.984,767,4.108,768,5.521,771,5.801,810,3.638,831,2.222,832,1.996,833,5.521,839,5.005,840,2.839,939,2.529,942,2.529,943,3.096,959,3.766,960,5.093,962,1.042,1042,1.847,1043,1.891,1149,5.653,1174,6.248,1602,5.653,1604,5.188,1608,5.093,2003,1.996,2005,5.29,2008,1.996,2010,1.996,2019,2.483,2027,2.483,2028,2.483,2030,2.483,2031,2.483,2033,2.333,2350,5.005,2558,5.521,2921,5.653,3266,4.133,3267,6.901,3268,4.133,3269,2.483,3270,2.483,3273,5.966,3274,5.966,3275,5.966,3276,5.801,3277,5.966,3278,5.801,3279,5.966,3284,2.483,3285,2.483,3286,2.483,3287,2.483,3288,2.709,3289,2.709,3290,2.709,3291,2.709,3292,2.709,3293,2.709,3294,7.501,3295,2.709,3296,2.709,3297,2.709,3298,2.709,3299,2.709,3300,2.709,3301,2.709,3302,2.709,3303,2.709,3304,2.709,3305,2.709,3306,2.709,3307,2.709,3308,2.709,3309,2.709,3310,2.709]],["t/1255",[0,0.511,1,0.526,6,0.604,43,0.537,50,1.051,72,1.252,81,3.26,102,2.04,104,2.523,105,1.84,130,1.945,133,0.859,137,3.979,139,3.142,141,1.987,142,2.41,143,3.222,144,2.463,145,2.986,146,2.41,161,0.477,220,0.91,221,2.305,248,2.283,345,4.035,401,4.381,402,4.552,416,3.504,417,5.673,423,3.878,500,3.064,543,3.655,575,3.113,735,1.134,741,2.579,749,2.07,753,2.826,754,2.651,761,0.589,762,0.598,763,5.051,764,3.469,767,3.577,768,4.807,771,5.051,801,2.662,810,3.168,833,4.807,839,4.358,959,3.279,960,4.435,971,6.565,980,3.79,1042,2.463,1043,2.523,1149,4.923,1174,5.718,1200,2.964,1201,2.964,1263,2.013,1269,7.335,1602,4.923,1604,4.517,1608,4.435,2005,4.606,2165,5.456,2350,4.358,2558,4.807,2921,4.923,3267,6.079,3272,5.553,3273,5.195,3274,5.195,3275,5.195,3276,5.051,3277,5.195,3278,5.051,3279,5.195,3280,2.747,3284,3.312,3285,3.312,3286,3.312,3287,3.312,3311,3.614,3312,3.614,3313,3.614,3314,3.614,3315,3.614,3316,8.003,3317,8.003,3318,8.003,3319,8.003,3320,8.003,3321,3.614,3322,3.614,3323,3.614]],["t/1257",[0,1.333,1,1.371,108,4.938,120,7.417,785,6.747,821,4.128,980,5.246,985,6.421,986,7.417,993,8.114,3324,9.419,3325,9.419,3326,9.419]],["t/1259",[55,2.088,108,5.933,130,2.088,176,6.768,220,2.163,221,1.974,248,2.452,254,4.388,293,4.186,342,3.737,500,2.846,541,6.273,573,3.143,743,3.829,744,2.878,787,3.797,788,6.332,789,3.182,795,4.36,796,4.27,797,3.961,798,4.107,1022,7.05,3327,8.594,3328,8.594]],["t/1261",[108,5.169,130,2.396,274,6.317,541,5.898,828,3.794,3329,9.861,3330,9.861]],["t/1263",[108,4.875,130,2.26,332,4.044,369,4.404,401,4.404,420,4.213,541,6.578,828,3.579,1170,6.207,1171,6.492,1172,6.661,1174,5.747,3331,10.078]],["t/1266",[7,1.014,55,1.587,105,1.705,108,6.764,120,5.145,161,0.862,229,2.083,254,2.734,286,4.966,541,3.908,746,2.277,761,1.064,762,1.081,767,3.314,841,4.454,843,4.966,845,4.038,847,4.109,849,4.357,851,3.465,853,5.145,855,4.814,927,7.921,990,3.688,1149,4.561,1292,9.029,2740,8.292,3332,6.534,3333,6.534,3334,5.988,3335,6.534,3336,5.628,3337,5.988,3338,5.628,3339,6.534,3340,6.534,3341,6.534,3342,5.359]],["t/1268",[9,1.282,105,1.957,108,6.085,161,0.99,229,2.391,246,5.112,306,2.214,345,4.292,379,5.525,500,2.484,540,5.905,669,4.233,746,2.614,761,1.568,810,3.369,871,5.76,884,6.152,903,5.371,908,6.152,928,4.486,960,4.716,962,2.886,980,3.551,988,5.235,1105,5.235,1255,5.235,1271,6.46,1407,6.872,1964,6.46,2249,5.905,2349,5.525,3124,5.7,3278,5.371,3336,6.46,3342,6.152,3343,7.499,3344,7.499,3345,7.499,3346,7.499,3347,7.499,3348,7.499,3349,7.499,3350,7.499,3351,7.499,3352,7.499,3353,7.499,3354,7.499,3355,7.499]],["t/1270",[1,1.086,86,4.501,103,4.331,105,1.947,108,6.641,161,0.985,306,2.203,746,2.601,761,1.215,845,4.611,847,4.692,849,4.975,1292,8.066,2282,6.838,3281,10.266,3334,6.838,3336,6.427,3337,6.838,3338,6.427,3342,6.12,3356,7.461,3357,7.461,3358,7.461,3359,10.611,3360,9.598]],["t/1272",[6,0.464,55,2.362,105,2.229,108,6.252,111,2.625,116,5.822,121,3.399,133,1.487,136,4.609,137,2.858,161,0.826,176,8.611,220,1.575,274,4.007,332,2.72,349,6.292,364,3.866,380,3.866,399,6.117,433,5.132,488,3.317,541,5.108,574,3.047,739,5.389,746,2.976,749,1.487,761,1.019,768,5.822,810,2.81,821,2.742,840,2.193,900,7.826,921,5.733,939,1.953,942,1.953,943,2.391,959,2.909,1176,5.132,1598,6.491,2148,5.733,2740,5.961,3276,4.481,3331,5.733,3338,7.356,3342,7.005,3361,8.54,3362,6.256,3363,8.54,3364,8.54,3365,6.256,3366,6.256,3367,6.256,3368,6.256,3369,6.256,3370,6.256,3371,6.256,3372,6.256,3373,6.256,3374,6.256,3375,6.256,3376,6.256]],["t/1274",[0,1.386,1,1.426,43,1.455,139,3.845,279,4.039,415,5.194,874,7.446,2383,6.532]],["t/1276",[6,0.405,125,2.379,130,1.813,145,3.911,152,6.543,194,2.306,220,2.917,221,1.714,229,2.379,248,2.129,254,4.016,342,3.244,414,6.443,415,6.146,418,6.797,419,4.103,485,2.663,500,2.471,573,4.238,744,2.499,795,3.785,796,3.707,797,3.439,798,3.566,828,2.871,1111,5.208,3377,7.461,3378,7.461,3379,6.838,3380,7.461,3381,7.461,3382,7.461,3383,7.461,3384,6.838]],["t/1279",[105,2.155,116,5.629,161,1.09,169,2.982,246,8.299,272,4.937,415,5.426,761,1.345,762,1.366,767,4.188,794,5.393,810,3.709,822,3.773,861,6.276,1045,6.502,1105,5.764,1171,5.764,2246,6.773,2352,6.773,2594,7.567,3385,8.256,3386,7.567,3387,8.256,3388,8.256,3389,8.256,3390,8.256,3391,8.256,3392,8.256,3393,8.256]],["t/1281",[6,0.355,105,1.705,128,4.966,129,2.14,145,6.309,161,0.862,229,3.879,254,3.68,270,4.038,348,4.561,415,3.465,419,3.593,500,2.164,741,2.389,761,1.064,762,1.081,817,5.359,820,4.966,821,2.864,871,3.908,985,4.454,1111,4.561,1131,7.829,1132,8.06,1135,7.576,1136,8.06,1137,7.576,1138,5.359,1139,5.628,1140,5.988,1141,5.359,1142,5.988,1143,3.849,1144,5.988,3384,5.988,3394,5.988,3395,11.878,3396,6.534,3397,5.988,3398,6.534,3399,5.988,3400,6.534,3401,5.359,3402,6.534,3403,5.988,3404,6.534,3405,5.988,3406,6.534,3407,5.988,3408,6.534,3409,5.988,3410,6.534]],["t/1283",[37,1.682,105,2.23,129,2.799,161,1.128,415,5.541,761,1.392,762,1.414,791,4.89,867,7.36,2320,3.904,2321,7.36,3263,7.36,3379,7.83,3394,7.83,3397,7.83,3399,7.83,3401,7.009,3403,7.83,3405,7.83,3407,7.83,3409,7.83,3411,8.544,3412,8.544,3413,8.544,3414,8.544,3415,8.544,3416,8.544,3417,8.544,3418,8.544]],["t/1285",[6,0.533,55,2.956,105,2.019,161,1.021,169,2.794,415,6.021,735,3.083,746,2.696,761,1.26,762,1.28,840,3.98,889,5.821,910,6.664,962,3.779,985,5.273,1513,8.057,1898,9.001,3227,6.664,3419,7.089,3420,7.736,3421,9.822,3422,7.089,3423,7.736,3424,7.736,3425,7.736,3426,7.736,3427,7.736]],["t/1287",[55,2.982,105,1.385,129,1.739,152,3.619,161,0.701,169,1.917,415,6.094,418,4.876,735,2.793,746,1.85,761,0.864,762,0.878,840,4.029,889,5.892,910,4.572,962,3.424,2185,4.354,3401,9.427,3422,6.976,3428,10.531,3429,10.531,3430,10.531,3431,5.308,3432,10.531,3433,10.531,3434,11.492,3435,5.308,3436,4.865,3437,5.308,3438,5.308,3439,5.308,3440,5.308,3441,5.308,3442,5.308]],["t/1289",[55,2.19,161,1.19,292,6.293,346,6.146,415,5.724,419,4.958,761,1.468,762,1.492,840,3.161,889,4.622,2383,6.012,3202,7.395,3401,7.395,3428,8.262,3429,8.262,3430,8.262,3432,8.262,3433,8.262,3436,8.262,3443,9.015]],["t/1291",[0,1.307,1,1.345,21,3.987,43,1.372,105,2.412,131,7.025,139,3.628,169,3.338,235,6.163,338,4.959,380,5.711,500,3.061,820,7.025,871,5.528,1307,7.581,2584,9.437]],["t/1293",[6,0.521,86,2.679,125,2.379,130,2.332,150,3.874,194,2.306,220,2.917,221,1.714,229,2.379,248,2.129,251,5.208,296,4.395,336,7.6,342,3.244,415,3.956,423,4.103,424,5.672,455,7.873,484,2.834,485,3.998,532,5.672,573,4.238,743,3.324,744,2.499,764,3.67,985,5.086,1172,5.344,1225,2.712,1878,5.571,2639,6.427,3444,6.838,3445,7.461,3446,6.838,3447,6.427]],["t/1295",[21,4.798,125,3.023,130,2.303,194,2.929,234,3.363,336,7.124,376,8.166,493,7.465,828,3.648,920,5.087,3448,8.688]],["t/1297",[6,0.479,86,3.578,125,2.093,130,2.421,169,2.371,194,2.028,220,3.064,221,1.507,229,2.813,248,1.872,254,2.746,336,7.798,338,3.521,440,7.847,450,4.139,485,3.967,532,4.989,542,4.581,573,4.451,743,2.924,744,2.198,758,5.276,764,3.228,794,4.287,808,2.876,816,5.383,1045,6.947,1878,5.12,2255,6.158,2256,6.014,3449,6.563,3450,6.563,3451,6.563,3452,6.014,3453,6.014,3454,8.821]],["t/1300",[1,0.863,6,0.7,17,1.921,21,4.628,52,1.897,76,4.314,108,4.314,133,1.409,161,0.783,229,3.421,284,2.686,332,2.578,484,2.251,573,3.009,574,4.009,749,1.956,758,6.417,761,0.965,762,0.981,939,1.851,942,1.851,1225,2.991,1878,6.227,2676,2.558,3206,3.953,3207,4.138,3208,3.953,3209,3.953,3218,5.488,3219,7.959,3220,3.953,3221,3.953,3222,5.488,3223,3.953,3224,3.953,3225,3.953,3455,4.138,3456,4.138,3457,4.138,3458,4.138]],["t/1302",[1,0.552,6,0.704,17,1.228,21,3.844,43,0.563,50,1.103,52,1.922,56,2.404,64,1.277,69,1.306,72,1.313,76,3.1,86,2.123,105,0.989,108,3.1,124,1.689,127,1.171,133,0.901,159,1.675,161,0.5,181,2.793,209,1.747,220,0.954,229,3.538,271,2.439,284,1.717,311,2.95,329,2.881,332,1.648,338,2.034,366,1.635,371,1.53,450,4.671,460,1.703,481,1.623,484,1.44,500,1.255,531,3.474,573,2.163,574,2.881,735,1.19,749,1.406,758,6.27,761,0.617,762,0.627,794,2.476,939,1.184,942,1.184,959,1.763,961,3.109,1225,2.149,1387,2.985,1878,6.44,2132,3.109,2676,1.635,3206,2.528,3207,2.646,3208,2.528,3209,2.528,3218,3.944,3219,7.8,3220,2.528,3221,2.528,3222,3.944,3223,2.528,3224,2.528,3225,2.528,3453,3.474,3455,2.646,3456,2.646,3457,2.646,3458,4.129,3459,3.79,3460,2.715,3461,2.715,3462,2.715,3463,5.209,3464,2.715,3465,2.715,3466,5.885,3467,2.715,3468,2.715,3469,2.715]],["t/1304",[1,0.552,6,0.705,17,1.228,21,3.844,43,0.563,50,1.103,52,1.922,56,2.404,64,1.277,69,1.306,72,1.313,76,3.1,86,2.123,108,3.1,124,1.689,127,1.171,133,0.901,135,1.386,159,1.675,161,0.5,220,0.954,229,3.538,254,1.586,271,2.439,284,1.717,311,2.95,329,2.881,332,1.648,366,1.635,371,1.53,450,4.608,460,1.703,481,1.623,484,1.44,500,1.255,573,2.163,574,2.881,735,1.19,749,1.406,758,6.27,761,0.617,762,0.627,765,2.034,939,1.184,942,1.184,1225,2.149,1878,6.44,2255,5.735,2676,1.635,3206,2.528,3207,2.646,3208,2.528,3209,2.528,3218,3.944,3219,7.8,3220,2.528,3221,2.528,3222,3.944,3223,2.528,3224,2.528,3225,2.528,3455,2.646,3456,2.646,3457,2.646,3458,4.129,3460,2.715,3461,2.715,3462,2.715,3463,5.209,3464,2.715,3465,2.715,3466,5.885,3467,2.715,3468,2.715,3469,2.715,3470,2.793,3471,2.793,3472,2.793]],["t/1306",[1,0.507,6,0.703,17,1.129,21,3.93,43,0.518,50,1.014,52,1.884,56,2.25,64,1.174,69,2.373,72,1.208,76,2.902,86,1.988,108,2.902,111,1.702,121,1.387,124,1.553,127,1.077,133,0.829,159,1.54,161,0.46,229,3.464,271,2.283,284,1.579,306,1.029,311,2.816,329,2.697,332,2.407,339,2.053,366,1.504,371,1.407,403,1.87,450,4.512,460,1.566,481,1.492,484,1.324,500,2.281,573,2.024,574,2.697,648,2.376,735,1.094,746,2.734,749,1.316,758,6.106,761,0.568,762,0.577,915,2.085,916,2.433,917,1.967,939,1.088,942,1.088,950,1.941,1225,2.012,1553,2.154,1878,6.305,1971,2.649,2255,4.807,2676,1.504,3202,2.859,3205,3.965,3206,2.324,3207,2.433,3208,2.324,3209,2.324,3210,2.496,3211,3.965,3212,2.496,3213,2.496,3214,3.965,3215,2.496,3216,2.496,3217,2.568,3218,3.692,3219,7.678,3220,2.324,3221,2.324,3222,3.692,3223,2.324,3224,2.324,3225,2.324,3455,2.433,3456,2.433,3457,2.433,3458,3.865,3460,2.496,3461,2.496,3462,2.496,3463,4.933,3464,2.496,3465,2.496,3466,5.618,3467,2.496,3468,2.496,3469,2.496,3470,2.568,3471,2.568,3472,2.568,3473,2.744,3474,2.744]],["t/1308",[1,0.498,6,0.703,17,1.108,21,3.898,43,0.508,50,0.995,52,1.875,56,2.217,64,1.152,69,2.343,72,1.185,76,2.859,86,2.786,108,2.859,111,1.052,124,1.524,127,1.057,139,1.343,159,1.511,161,0.452,229,3.447,271,2.249,284,1.55,311,2.786,329,2.657,332,1.487,366,1.476,369,1.62,371,1.38,403,1.835,420,1.55,450,4.49,460,1.536,481,1.464,484,1.299,500,2.253,573,1.994,574,2.657,648,2.332,735,1.074,746,2.705,749,1.617,754,1.133,758,6.068,761,0.557,762,0.566,915,2.046,916,2.388,920,1.835,939,1.068,942,1.068,950,1.905,1225,1.982,1469,2.079,1553,2.114,1878,6.274,2236,2.693,2255,4.748,2676,1.476,3205,3.906,3206,2.281,3207,2.388,3208,2.281,3209,2.281,3210,2.45,3211,3.906,3212,2.45,3213,2.45,3214,3.906,3215,2.45,3216,2.45,3217,2.52,3218,3.637,3219,7.649,3220,2.281,3221,2.281,3222,3.637,3223,2.281,3224,2.281,3225,2.281,3448,3.135,3455,2.388,3456,2.388,3457,2.388,3458,3.807,3460,2.45,3461,2.45,3462,2.45,3463,4.872,3464,2.45,3465,2.45,3466,5.559,3467,2.45,3468,2.45,3469,2.45,3470,2.52,3471,2.52,3472,2.52,3473,2.693,3474,2.693,3475,2.806,3476,2.806,3477,2.806,3478,2.806]],["t/1310",[1,0.491,6,0.702,17,1.093,21,3.632,43,0.501,50,0.981,52,1.869,56,2.192,64,1.136,69,2.322,72,1.169,76,2.828,86,2.42,105,1.408,108,2.828,111,1.037,124,1.503,127,1.042,129,1.105,139,1.324,159,1.491,161,0.445,194,1.042,229,3.434,247,2.085,271,2.224,284,1.528,311,2.765,329,2.628,332,1.467,366,1.455,371,1.361,403,1.81,415,2.86,450,4.473,460,1.515,481,1.444,484,1.281,499,2.355,500,2.232,573,1.972,574,2.628,648,2.3,735,1.059,746,2.684,749,1.602,754,1.117,758,6.04,761,0.549,762,0.558,820,2.564,915,2.018,916,2.355,939,1.053,942,1.053,950,1.879,1225,1.96,1469,2.05,1553,2.085,1878,6.251,2236,2.656,2255,4.705,2676,1.455,3205,3.863,3206,2.249,3207,2.355,3208,2.249,3209,2.249,3210,2.416,3211,3.863,3212,2.416,3213,2.416,3214,3.863,3215,2.416,3216,2.416,3217,2.485,3218,3.597,3219,7.628,3220,2.249,3221,2.249,3222,3.597,3223,2.249,3224,2.249,3225,2.249,3444,3.091,3455,2.355,3456,2.355,3457,2.355,3458,3.765,3460,2.416,3461,2.416,3462,2.416,3463,4.827,3464,2.416,3465,2.416,3466,5.515,3467,2.416,3468,2.416,3469,2.416,3470,2.485,3471,2.485,3472,2.485,3473,2.656,3474,2.656,3475,2.767,3476,2.767,3477,2.767,3478,2.767,3479,3.373,3480,2.767]],["t/1312",[1,0.49,6,0.702,17,1.091,21,3.628,43,0.5,50,0.979,52,1.868,56,2.188,64,1.133,69,2.318,72,1.166,76,2.822,86,3.02,105,1.405,108,2.822,111,1.035,124,1.499,127,1.04,129,1.103,159,1.487,161,0.444,220,0.847,229,3.432,271,2.22,284,1.525,311,2.761,329,2.623,332,1.463,366,1.452,371,1.358,403,1.806,450,4.471,460,1.512,481,1.441,484,1.278,500,2.229,532,2.558,573,1.969,574,2.623,648,2.294,735,1.056,746,2.68,749,1.6,754,1.115,758,6.036,761,0.548,762,0.557,764,1.656,915,2.013,916,2.349,939,1.051,942,1.051,950,1.875,1225,1.957,1469,2.046,1553,2.08,1878,6.247,2236,2.65,2238,2.899,2246,2.761,2255,4.698,2294,3.084,2676,1.452,3205,3.856,3206,2.244,3208,2.244,3209,2.244,3210,2.411,3211,3.856,3212,2.411,3213,2.411,3214,3.856,3215,2.411,3216,2.411,3217,2.48,3218,3.59,3219,7.625,3220,2.244,3221,2.244,3222,3.59,3223,2.244,3224,2.244,3225,2.244,3447,2.899,3455,2.349,3456,2.349,3457,2.349,3458,3.758,3460,2.411,3461,2.411,3462,2.411,3463,4.82,3464,2.411,3465,2.411,3466,5.508,3467,2.411,3468,2.411,3469,2.411,3470,2.48,3471,2.48,3472,2.48,3473,2.65,3474,2.65,3475,2.761,3476,2.761,3477,2.761,3478,2.761,3480,2.761,3481,3.366,3482,3.366]],["t/1314",[1,0.497,6,0.703,17,1.106,21,3.653,43,0.507,50,0.993,52,1.874,56,2.213,64,1.149,69,2.34,72,1.182,76,2.854,86,2.438,105,0.891,108,2.854,111,1.049,124,1.52,127,1.055,129,1.118,159,1.508,161,0.45,220,0.859,229,3.445,271,2.245,284,1.546,304,2.94,311,2.783,329,2.652,332,1.484,366,1.472,371,1.377,403,1.831,450,4.487,460,1.533,481,1.461,484,1.296,500,2.249,573,1.991,574,2.652,648,2.326,735,1.071,746,2.701,749,1.614,754,1.13,758,6.064,761,0.556,762,0.565,915,2.041,916,2.382,939,1.066,942,1.066,950,1.901,1225,1.978,1469,2.074,1553,2.109,1878,6.27,2236,2.687,2255,4.741,2676,1.472,3205,3.899,3206,2.276,3208,2.276,3209,2.276,3210,2.444,3211,3.899,3212,2.444,3213,2.444,3214,3.899,3215,2.444,3216,2.444,3217,2.514,3218,3.63,3219,7.646,3220,2.276,3221,2.276,3222,3.63,3223,2.276,3224,2.276,3225,2.276,3446,3.127,3447,2.94,3455,2.382,3456,2.382,3457,2.382,3458,3.8,3460,2.444,3461,2.444,3462,2.444,3463,4.864,3464,2.444,3465,2.444,3466,5.552,3467,2.444,3468,2.444,3469,2.444,3470,2.514,3471,2.514,3472,2.514,3473,2.687,3474,2.687,3475,2.799,3476,2.799,3477,2.799,3478,2.799,3480,2.799,3483,3.412,3484,3.412]],["t/1316",[1,0.346,6,0.689,17,0.77,21,5.044,43,0.353,50,1.175,52,1.692,55,0.577,56,1.642,64,0.8,69,1.815,72,1.4,76,2.117,86,2.231,107,1.806,108,2.117,111,0.731,121,0.946,124,1.059,127,0.734,135,0.869,150,2.126,159,1.05,161,0.314,226,2.861,229,3.539,254,4.606,271,1.666,280,5.423,284,1.077,302,4.332,304,4.538,306,0.702,311,2.231,329,1.968,332,1.033,366,1.025,371,0.959,401,1.125,403,2.827,415,2.142,416,1.181,423,5.046,450,4.024,460,1.068,481,1.017,484,0.903,500,1.745,544,3.181,546,1.469,573,1.477,574,1.968,648,1.62,735,0.746,746,2.427,749,1.252,754,0.787,758,5.301,761,0.387,762,0.393,764,1.169,766,1.949,767,2.049,787,1.05,789,0.88,822,1.846,840,0.833,870,1.585,889,1.218,915,1.421,916,1.659,917,1.341,939,0.742,942,0.742,950,2.934,1091,1.552,1225,1.468,1333,3.702,1694,1.871,1878,5.623,1993,8.408,2255,3.677,2320,1.846,2558,1.62,2676,1.025,3205,2.893,3206,1.585,3207,1.659,3208,1.585,3209,1.585,3210,2.893,3211,2.893,3212,1.702,3213,1.702,3214,2.893,3215,1.702,3216,1.702,3218,2.693,3219,7.039,3220,1.585,3221,1.585,3222,2.693,3223,1.585,3224,1.585,3225,1.585,3455,1.659,3456,1.659,3457,1.659,3458,2.82,3460,1.702,3461,1.702,3462,1.702,3463,3.773,3464,1.702,3465,1.702,3466,4.45,3467,1.702,3468,1.702,3469,1.702,3470,1.751,3471,1.751,3472,1.751,3480,1.949,3485,2.376,3486,2.376,3487,2.376,3488,2.376,3489,5.268,3490,2.376,3491,2.376,3492,2.376,3493,11.263,3494,2.376,3495,2.376,3496,2.376,3497,4.039,3498,4.039,3499,4.039,3500,4.039,3501,2.376,3502,4.039,3503,2.376,3504,2.376,3505,2.376,3506,4.039,3507,2.376,3508,2.376,3509,2.376,3510,6.213,3511,4.039,3512,4.039]],["t/1318",[0,1.299,1,1.337,6,0.499,43,1.364,46,2.419,105,2.397,111,2.823,209,4.233,217,5.116,218,5.479,219,3.901,227,4.518,234,3.872,247,5.676,307,7.911,3513,9.184]],["t/1320",[6,0.549,23,0.624,46,2.904,50,1.075,51,1.75,52,0.631,60,3.524,72,1.28,75,3.646,111,2.706,125,1.178,129,1.211,130,0.898,139,1.451,154,2.809,182,2.115,194,1.142,216,3.735,220,2.931,221,0.849,222,2.583,227,1.818,228,3.524,229,1.849,231,2.722,234,2.538,235,3.866,247,3.583,248,1.054,272,3.452,289,4.664,293,2.824,296,4.773,342,3.828,361,2.032,367,2.414,371,2.34,395,1.875,401,2.745,402,3.986,403,5.012,419,2.032,423,4.841,424,5.439,434,1.594,455,5.869,459,5.179,461,4.456,476,2.58,484,2.717,485,3.333,488,1.96,500,1.224,512,3.386,513,3.386,520,5.313,558,4.271,573,4.222,743,1.646,744,1.942,787,4.595,789,3.616,795,1.875,796,2.881,797,1.703,798,1.766,808,3.136,985,4.877,1143,2.177,1172,4.153,1175,1.895,1225,2.6,1474,2.91,1516,2.647,2132,3.031,2210,2.722,2249,2.91,2375,2.519,2641,3.183,3057,4.271,3514,3.031,3515,3.386,3516,3.386,3517,3.695,3518,3.183,3519,3.695,3520,3.695,3521,3.695,3522,3.386,3523,3.695,3524,3.386,3525,5.313,3526,3.695,3527,3.695,3528,3.695,3529,3.695,3530,3.695,3531,3.183,3532,3.695,3533,5.798,3534,2.91,3535,3.695,3536,3.695,3537,3.695,3538,3.695,3539,3.386,3540,3.695,3541,3.695,3542,3.695,3543,3.386]],["t/1322",[46,2.006,60,5.911,125,2.429,130,1.85,135,3.556,137,5.158,194,2.353,220,2.448,248,2.173,269,4.358,289,3.338,293,4.737,403,6.057,423,4.188,459,4.038,461,4.188,488,5.986,516,6.979,517,6.979,743,3.393,760,3.294,821,4.262,882,6.63,973,6.116,1170,5.49,3516,8.912,3544,7.616,3545,7.616,3546,9.725,3547,7.616,3548,7.616]],["t/1324",[6,0.469,46,2.772,72,2.996,111,2.658,125,2.757,130,2.1,194,2.671,216,3.984,221,1.985,234,3.067,248,2.466,271,3.564,289,4.613,365,7.446,367,5.646,368,7.922,433,7.091,493,8.288,828,3.326,943,3.305,1225,3.142,3549,8.644,3550,7.922,3551,8.644,3552,8.644]],["t/1326",[6,0.35,42,4.185,46,2.295,105,2.447,125,1.351,129,2.111,130,1.566,188,4.402,194,1.31,215,7.076,216,4.551,217,2.361,218,2.128,220,2.901,221,1.791,222,3.882,223,4.748,225,3.337,226,2.302,227,5.203,228,4.74,229,2.487,232,3.884,244,5.552,248,1.839,251,6.083,289,5.19,293,4.245,342,2.803,352,2.665,395,2.15,402,2.085,434,1.828,449,2.768,485,3.663,500,2.135,514,3.884,534,3.221,573,4.214,743,1.888,744,2.159,760,2.183,765,3.458,787,3.851,789,2.888,795,2.15,796,3.203,797,2.971,798,3.08,808,1.858,997,3.036,1536,2.958,1570,3.337,2063,3.036,2127,3.036,2642,3.651,2646,5.287,2648,3.884,2649,3.884,2650,3.884,2651,3.884,2652,3.884,2657,3.476,3514,5.287,3518,3.651,3525,3.884,3553,4.238,3554,3.884,3555,3.884,3556,3.884,3557,3.884,3558,4.238,3559,2.064,3560,3.884,3561,7.148,3562,5.287,3563,5.287,3564,3.884,3565,3.884,3566,3.884,3567,4.238,3568,4.238,3569,3.476,3570,4.238,3571,4.238,3572,3.884,3573,4.238,3574,4.238]],["t/1328",[111,3.307,125,2.857,130,2.177,194,2.769,216,4.957,221,2.058,248,2.556,271,3.695,272,4.323,289,5.052,737,6.255,744,3.001,808,4.714,828,3.448,3534,7.056,3550,8.212,3575,8.212]],["t/1331",[6,0.701,46,1.426,52,1.988,64,1.141,69,1.168,72,3.118,98,1.368,124,2.412,127,1.673,129,2.215,130,2.52,133,0.806,159,1.497,161,0.447,216,1.562,234,2.398,256,2.612,263,1.408,281,1.818,366,1.462,450,4.201,481,1.451,572,1.576,741,1.239,744,1.135,749,1.287,752,1.408,753,1.358,754,1.122,755,1.462,760,3.322,761,0.552,762,0.561,789,1.255,822,1.548,939,1.058,942,1.058,1150,4.88,1225,1.232,1252,2.474,1996,1.605,2002,4.927,2320,1.548,2642,4.663,2676,1.462,2704,1.738,3514,2.78,3559,3.293,3576,3.468,3577,5.102,3578,4.717,3579,1.667,3580,1.701,3581,1.797,3582,1.667,3583,2.027,3584,1.667,3585,1.738,3586,2.06,3587,1.738,3588,1.667,3589,1.996,3590,1.667,3591,1.719,3592,1.996,3593,1.719,3594,1.701,3595,2.027,3596,1.701,3597,1.757,3598,1.818,3599,1.777,3600,5.302,3601,1.777,3602,1.777,3603,1.777,3604,3.876,3605,5.186,3606,1.818,3607,1.701,3608,1.701,3609,2.718,3610,1.701,3611,2.776,3612,1.701,3613,1.701,3614,1.738,3615,1.701,3616,1.701,3617,3.394,3618,1.701,3619,1.701,3620,2.776,3621,1.719,3622,2.806,3623,1.719,3624,1.719,3625,1.797,3626,1.797,3627,1.797,3628,1.797,3629,1.797,3630,1.841,3631,1.818,3632,1.818,3633,1.738]],["t/1333",[6,0.7,46,0.87,52,1.979,64,1.113,69,1.139,72,3.083,98,1.334,105,1.385,121,1.315,124,2.364,127,1.64,130,2.555,133,0.786,159,1.46,161,0.436,215,2.159,216,1.523,221,0.759,234,2.358,256,2.56,263,1.373,281,1.773,306,0.976,366,1.426,450,4.166,481,1.415,485,1.18,572,1.537,749,1.261,752,1.373,753,1.325,754,1.095,755,1.426,760,3.292,761,0.538,762,0.547,789,1.224,791,1.891,822,1.51,851,1.753,939,1.032,942,1.032,1045,2.603,1150,4.839,1225,1.201,1252,3.038,1996,1.565,2002,4.886,2059,4.353,2302,2.847,2320,1.51,2646,2.711,2647,2.847,2676,1.426,2704,1.695,2744,3.029,2745,3.029,2746,3.029,2747,3.029,2748,3.029,3559,3.239,3576,2.117,3577,4.934,3578,4.665,3579,1.626,3580,1.659,3581,1.753,3582,1.626,3583,1.977,3584,1.626,3585,1.695,3586,2.009,3587,1.695,3588,1.626,3589,1.947,3590,1.626,3591,1.677,3592,1.947,3593,1.677,3594,1.659,3595,1.977,3596,1.659,3597,1.713,3598,1.773,3599,1.733,3600,5.258,3601,1.733,3602,1.733,3603,1.733,3604,3.82,3605,5.143,3606,1.773,3607,1.659,3608,1.659,3609,2.664,3610,1.659,3611,2.721,3612,1.659,3613,1.659,3614,1.695,3615,1.659,3616,1.659,3617,3.337,3618,1.659,3619,1.659,3620,2.721,3621,1.677,3622,2.751,3623,1.677,3624,1.677,3625,1.753,3626,1.753,3627,1.753,3628,1.753,3629,1.753,3630,1.795,3631,1.773,3632,1.773,3633,1.695]],["t/1335",[6,0.703,46,1.261,50,0.847,52,2.008,64,1.613,69,1.003,72,3.073,98,1.175,111,1.472,124,2.133,127,2.182,129,1.997,130,2.557,133,0.692,159,1.287,161,0.384,221,0.669,234,2.768,256,2.31,263,1.21,272,1.405,281,1.563,366,1.257,371,1.932,450,4.293,481,1.247,572,1.354,741,1.065,744,0.975,749,1.138,752,1.21,753,1.167,754,0.965,755,1.257,760,3.428,761,0.474,762,0.482,789,1.078,822,1.331,851,1.545,939,0.909,942,0.909,990,1.644,1150,4.986,1225,1.059,1252,2.188,1996,1.379,2002,5.034,2320,1.331,2676,1.257,2704,1.493,3515,2.669,3534,3.771,3559,2.97,3577,4.72,3578,4.399,3579,1.433,3580,1.462,3581,1.545,3582,1.433,3584,1.433,3585,1.493,3587,1.493,3588,1.433,3590,1.433,3591,1.478,3593,1.478,3594,1.462,3596,1.462,3597,1.51,3598,1.563,3599,1.527,3600,5.418,3601,1.527,3602,1.527,3603,1.527,3604,3.918,3605,5.299,3606,1.563,3607,1.462,3608,1.462,3609,3.061,3610,1.462,3611,2.455,3612,1.462,3613,1.462,3614,1.493,3615,1.462,3616,1.462,3617,3.061,3618,1.462,3619,1.462,3620,2.455,3621,1.478,3622,2.482,3623,1.478,3624,1.478,3625,1.545,3626,1.545,3627,2.539,3628,1.545,3629,1.545,3630,1.582,3631,1.563,3632,1.563,3633,1.493,3634,3.193,3635,2.913,3636,2.146,3637,1.986,3638,1.986,3639,1.986,3640,1.986,3641,1.986,3642,1.986,3643,3.264,3644,1.986,3645,1.986]],["t/1337",[6,0.702,46,1.403,52,1.98,64,1.118,69,1.144,72,3.09,98,1.34,124,2.373,127,1.646,129,1.745,130,2.504,133,0.789,159,1.467,161,0.438,227,1.633,234,2.366,256,2.569,263,1.379,281,1.781,366,1.432,450,4.172,481,1.421,572,1.544,741,1.214,744,1.112,749,1.266,752,1.379,753,1.331,754,1.1,755,1.432,760,3.298,761,0.541,762,0.549,789,1.229,822,1.517,939,1.037,942,1.037,1150,4.846,1225,1.207,1252,2.433,1996,1.572,2002,4.893,2320,1.517,2676,1.432,2704,1.702,3518,2.86,3559,3.248,3569,4.369,3577,5.07,3578,4.674,3579,1.633,3580,1.667,3581,1.761,3582,1.633,3584,1.633,3585,1.702,3587,1.702,3588,1.633,3590,1.633,3591,1.684,3593,1.684,3594,1.667,3596,1.667,3597,1.721,3598,1.781,3599,1.74,3600,5.266,3601,1.74,3602,1.74,3603,1.74,3604,3.83,3605,5.15,3606,1.781,3607,1.667,3608,1.667,3609,2.673,3610,1.667,3611,2.731,3612,1.667,3613,1.667,3614,1.702,3615,1.667,3616,1.667,3617,3.348,3618,1.667,3619,1.667,3620,2.731,3621,1.684,3622,2.761,3623,1.684,3624,1.684,3625,1.761,3626,1.761,3627,1.761,3628,1.761,3629,1.761,3630,1.803,3631,1.781,3632,1.781,3633,1.702,3646,3.349,3647,5.456,3648,2.088,3649,2.127,3650,2.127,3651,2.088,3652,2.127]],["t/1339",[6,0.704,46,0.761,50,0.841,52,2.005,64,1.602,69,0.996,72,3.062,98,1.166,124,2.119,127,2.172,130,2.551,133,0.687,159,1.277,161,0.381,234,2.757,256,2.295,263,1.2,281,1.551,366,1.247,371,1.166,450,4.283,481,1.237,572,1.344,749,1.131,752,1.2,753,1.158,754,0.957,755,1.247,760,3.419,761,0.471,762,0.478,789,1.07,822,1.32,939,0.902,942,0.902,1150,4.974,1225,1.05,1252,2.174,1996,1.368,2002,5.022,2320,1.32,2676,1.247,2704,1.482,3559,2.954,3576,1.851,3577,4.706,3578,4.382,3579,1.422,3580,1.451,3581,1.532,3582,1.422,3583,1.729,3584,1.422,3585,1.482,3586,1.756,3587,1.482,3588,1.422,3589,1.702,3590,1.422,3591,1.466,3592,1.702,3593,1.466,3594,1.451,3595,1.729,3596,1.451,3597,1.498,3598,1.551,3599,1.515,3600,5.405,3601,1.515,3602,1.515,3603,1.515,3604,3.901,3605,5.287,3606,1.551,3607,1.451,3608,1.451,3609,3.044,3610,1.451,3611,2.439,3612,1.451,3613,1.451,3614,1.482,3615,1.451,3616,1.451,3617,3.044,3618,1.451,3619,1.451,3620,2.439,3621,1.466,3622,2.466,3623,1.466,3624,1.466,3625,1.532,3626,1.532,3627,2.523,3628,1.532,3629,1.532,3630,1.569,3631,1.551,3632,1.551,3633,1.482,3634,1.927,3636,2.129,3637,1.97,3638,1.97,3639,1.97,3640,1.97,3641,1.97,3642,1.97,3643,3.243,3644,1.97,3645,1.97,3646,1.817,3647,5.076,3648,1.817,3649,1.851,3650,1.851,3651,1.817,3652,1.851]],["t/1341",[6,0.701,7,0.521,37,0.661,46,0.884,52,1.985,64,1.131,69,1.157,72,3.105,98,1.355,124,2.394,127,1.661,129,1.1,130,2.513,133,0.798,159,1.484,161,0.443,216,2.477,220,1.353,221,1.234,234,2.384,256,2.593,263,1.395,281,1.802,366,1.449,450,4.188,481,1.437,572,1.561,744,1.125,749,1.278,752,1.395,753,1.346,754,1.112,755,1.449,760,3.311,761,0.547,762,0.556,789,1.243,822,1.534,939,1.049,942,1.049,1127,2.151,1150,4.865,1225,1.22,1252,2.456,1996,1.59,2002,4.912,2320,1.534,2676,1.449,2704,1.722,3554,3.077,3556,3.077,3559,3.273,3576,2.151,3577,5.088,3578,4.698,3579,1.652,3580,1.686,3581,1.781,3582,1.652,3583,2.009,3584,1.652,3585,1.722,3586,2.041,3587,1.722,3588,1.652,3589,1.978,3590,1.652,3591,1.703,3592,1.978,3593,1.703,3594,1.686,3595,2.009,3596,1.686,3597,1.741,3598,1.802,3599,1.76,3600,5.286,3601,1.76,3602,1.76,3603,1.76,3604,3.855,3605,5.17,3606,1.802,3607,1.686,3608,1.686,3609,2.698,3610,1.686,3611,2.756,3612,1.686,3613,1.686,3614,1.722,3615,1.686,3616,1.686,3617,3.373,3618,1.686,3619,1.686,3620,2.756,3621,1.703,3622,2.786,3623,1.703,3624,1.703,3625,1.781,3626,1.781,3627,1.781,3628,1.781,3629,1.781,3630,1.824,3631,1.802,3632,1.802,3633,1.722,3653,3.077,3654,3.358]],["t/1343",[6,0.7,46,1.405,52,1.981,64,1.121,69,1.146,72,3.093,98,1.343,124,2.377,127,1.649,129,2.188,130,2.506,133,0.791,159,1.47,161,0.439,215,3.485,216,2.459,220,0.838,221,0.764,222,1.482,223,2.452,234,2.369,256,2.574,263,1.382,281,1.785,366,1.436,450,4.175,481,1.424,572,1.547,741,1.217,744,1.114,749,1.268,752,1.382,753,1.334,754,1.102,755,1.436,760,3.405,761,0.542,762,0.551,789,1.232,822,1.52,851,1.765,939,1.039,942,1.039,1150,4.85,1225,1.209,1252,2.438,1996,1.576,2002,4.897,2320,1.52,2676,1.436,2704,1.706,3514,2.73,3559,3.253,3576,2.132,3577,5.073,3578,4.679,3579,1.637,3580,1.67,3581,1.765,3582,1.637,3584,1.637,3585,1.706,3586,2.022,3587,1.706,3588,1.637,3589,1.96,3590,1.637,3591,1.688,3592,1.96,3593,1.688,3594,1.67,3596,1.67,3597,1.725,3598,1.785,3599,1.744,3600,5.27,3601,1.744,3602,1.744,3603,1.744,3604,3.835,3605,5.154,3606,1.785,3607,1.67,3608,1.67,3609,2.678,3610,1.67,3611,2.736,3612,1.67,3613,1.67,3614,1.706,3615,1.67,3616,1.67,3617,3.353,3618,1.67,3619,1.67,3620,2.736,3621,1.688,3622,2.766,3623,1.688,3624,1.688,3625,1.765,3626,1.765,3627,1.765,3628,1.765,3629,1.765,3630,1.807,3631,1.785,3632,1.785,3633,1.706,3655,6.12,3656,3.328]],["t/1345",[6,0.701,11,0.42,25,1.512,46,0.654,52,1.865,64,0.837,69,0.856,72,2.686,98,1.003,124,1.869,127,1.296,129,1.374,130,1.019,133,0.591,159,1.098,161,0.328,181,1.831,216,1.933,224,2.038,225,3.303,226,2.278,234,1.931,256,2.024,263,1.032,281,1.333,366,1.072,450,3.749,481,1.064,572,1.155,741,0.909,749,0.997,752,1.032,753,0.996,754,0.823,755,1.072,760,2.936,761,0.405,762,0.411,789,0.92,822,1.135,939,0.776,942,0.776,959,1.155,990,1.403,1070,1.831,1071,1.831,1150,4.354,1225,0.903,1252,1.917,1283,6.649,1284,6.649,1996,1.177,2002,4.396,2062,2.14,2063,1.78,2067,2.14,2320,1.135,2424,1.957,2436,1.831,2676,1.072,2704,1.274,2730,1.957,3555,3.844,3559,2.652,3576,1.592,3577,5.314,3579,1.222,3580,1.247,3581,1.318,3582,1.222,3583,1.486,3584,1.222,3588,1.222,3589,1.464,3590,1.222,3591,1.26,3592,1.464,3593,1.26,3594,1.247,3595,1.486,3596,1.247,3597,1.288,3601,1.303,3602,1.303,3603,1.303,3604,3.21,3605,4.627,3606,1.333,3607,1.247,3608,1.247,3609,2.106,3610,1.247,3611,2.151,3612,1.247,3613,1.247,3614,1.274,3615,1.247,3616,1.247,3617,2.733,3618,1.247,3619,1.247,3620,2.151,3621,1.26,3622,2.174,3623,1.26,3624,1.26,3625,1.318,3626,1.318,3627,1.318,3628,1.318,3629,1.318,3630,1.35,3633,1.274,3657,8.552,3658,6.395,3659,2.038,3660,2.277,3661,2.038,3662,2.14,3663,2.277,3664,2.038,3665,2.277,3666,2.485,3667,2.277,3668,2.277,3669,3.844,3670,2.485,3671,2.277,3672,1.957,3673,1.957,3674,2.277,3675,2.14,3676,1.957,3677,2.277,3678,2.277,3679,8.271,3680,8.271,3681,2.277,3682,9.899,3683,7.403,3684,2.038,3685,2.277,3686,2.277,3687,3.441,3688,2.277,3689,2.277,3690,2.038,3691,2.277,3692,2.277,3693,2.277,3694,2.038,3695,2.277,3696,2.038,3697,2.277,3698,2.277,3699,2.277,3700,2.277,3701,2.038,3702,2.277,3703,2.277,3704,2.277,3705,2.277]],["t/1347",[6,0.683,46,1.266,129,2.32,130,1.72,133,1.142,161,0.634,209,2.215,215,3.139,218,2.412,219,2.041,220,1.21,227,3.483,234,1.705,281,2.578,484,1.825,485,1.715,749,1.142,761,0.783,762,0.795,822,2.196,897,2.75,928,2.874,939,1.5,942,1.5,959,3.293,961,3.942,1211,2.073,1225,1.746,1263,2.677,1378,4.404,2320,2.196,2676,2.073,2753,3.942,2755,3.784,3559,4.096,3565,8.502,3566,4.404,3569,3.942,3572,8.502,3576,3.078,3577,5.863,3579,2.364,3580,2.412,3581,2.548,3582,2.364,3583,2.874,3584,2.364,3588,2.364,3589,2.831,3590,2.364,3591,2.438,3592,2.831,3593,2.438,3594,2.412,3595,2.874,3596,2.412,3597,2.491,3634,3.204,3636,3.54,3646,3.022,3647,6.989,3648,3.022,3650,3.078,3651,3.022,3652,3.078,3659,3.942,3660,4.404,3661,3.942,3662,4.139,3663,4.404,3664,3.942,3672,3.784,3674,4.404,3706,10.063,3707,4.805,3708,4.805,3709,4.805,3710,4.805,3711,4.805,3712,4.805,3713,4.805,3714,4.805,3715,4.404,3716,4.805,3717,4.805,3718,4.805,3719,4.805,3720,4.404,3721,4.404,3722,4.805,3723,4.805,3724,4.805,3725,4.805,3726,4.805,3727,4.805,3728,4.805,3729,4.805,3730,4.805,3731,4.404,3732,4.805,3733,4.805]],["t/1349",[6,0.7,7,0.49,37,0.621,46,0.831,52,1.962,64,1.063,69,1.087,72,3.019,98,1.274,102,1.782,124,2.278,127,1.58,129,1.675,130,2.464,133,0.75,135,1.154,159,1.395,161,0.417,215,4.209,220,0.795,221,1.702,227,3.645,234,2.286,256,2.467,263,1.311,281,1.694,366,1.362,450,4.101,481,1.351,534,2.399,572,1.468,741,1.87,744,1.057,749,1.215,752,1.311,753,1.265,754,1.045,755,1.362,760,3.236,761,0.514,762,0.522,789,1.169,822,1.442,851,1.674,939,0.986,942,0.986,1150,4.763,1225,1.147,1252,2.336,1996,1.494,2002,4.809,2320,1.442,2676,1.362,2704,1.618,3559,3.139,3564,4.686,3577,5.203,3578,4.568,3579,1.553,3580,1.584,3582,1.553,3584,1.553,3585,1.618,3587,1.618,3588,1.553,3590,1.553,3591,1.601,3593,1.601,3594,1.584,3596,1.584,3597,1.636,3598,1.694,3599,1.655,3600,5.175,3601,1.655,3602,1.655,3603,1.655,3604,3.719,3605,5.062,3606,1.694,3607,1.584,3608,1.584,3609,2.567,3610,1.584,3611,2.622,3612,1.584,3613,1.584,3614,1.618,3615,1.584,3616,1.584,3617,3.235,3618,1.584,3619,1.584,3620,2.622,3621,1.601,3622,2.65,3623,1.601,3624,1.601,3625,1.674,3626,1.674,3627,1.674,3628,1.674,3629,1.674,3630,1.714,3631,1.694,3632,1.694,3633,1.618,3646,1.985,3648,1.985,3649,2.022,3650,2.022,3651,1.985,3652,2.022,3734,5.113,3735,3.156,3736,5.113,3737,3.156,3738,3.156,3739,7.46]],["t/1351",[6,0.702,46,0.878,52,1.982,64,1.123,69,1.149,72,3.096,98,1.346,124,2.381,127,1.652,129,1.751,130,2.507,133,0.793,159,1.474,161,0.44,222,2.381,227,2.629,234,2.373,256,2.579,263,1.385,281,1.79,366,1.439,450,4.179,481,1.428,572,1.551,741,1.22,744,1.117,749,1.271,752,1.385,753,1.337,754,1.105,755,1.439,760,3.303,761,0.543,762,0.552,789,1.235,822,1.524,851,1.769,939,1.041,942,1.041,1150,4.854,1225,1.212,1252,2.442,1996,1.579,2002,4.901,2320,1.524,2676,1.439,2704,1.71,3559,3.258,3569,2.736,3577,5.077,3578,4.683,3579,1.641,3580,1.674,3582,1.641,3584,1.641,3585,1.71,3587,1.71,3588,1.641,3590,1.641,3591,1.692,3593,1.692,3594,1.674,3596,1.674,3597,1.729,3598,1.79,3599,1.748,3600,5.274,3601,1.748,3602,1.748,3603,1.748,3604,3.84,3605,5.158,3606,1.79,3607,1.674,3608,1.674,3609,2.683,3610,1.674,3611,2.741,3612,1.674,3613,1.674,3614,1.71,3615,1.674,3616,1.674,3617,3.358,3618,1.674,3619,1.674,3620,2.741,3621,1.692,3622,2.771,3623,1.692,3624,1.692,3625,1.769,3626,1.769,3627,1.769,3628,1.769,3629,1.769,3630,1.811,3631,1.79,3632,1.79,3633,1.71,3646,2.097,3648,2.097,3649,2.136,3651,2.097,3652,2.136,3739,7.011,3740,4.898]],["t/1353",[6,0.701,46,0.893,52,1.988,64,1.141,69,1.168,72,3.118,98,1.368,105,1.413,124,2.412,127,1.673,129,1.11,130,2.52,133,0.806,135,1.239,159,1.497,161,0.447,188,1.913,215,2.214,220,0.853,221,0.778,228,2.06,234,2.398,256,2.612,263,1.408,281,1.818,366,1.462,450,4.201,481,1.451,572,1.576,749,1.287,752,1.408,753,1.358,754,1.122,755,1.462,760,3.322,761,0.552,762,0.561,789,1.255,822,1.548,939,1.058,942,1.058,990,1.913,1150,4.88,1225,1.232,1252,2.474,1996,1.605,2002,4.927,2320,1.548,2676,1.462,2704,1.738,3559,3.293,3560,4.961,3561,2.78,3562,2.78,3563,2.78,3577,4.975,3578,4.717,3579,1.667,3580,1.701,3582,1.667,3584,1.667,3585,1.738,3587,1.738,3588,1.667,3590,1.667,3591,1.719,3593,1.719,3594,1.701,3596,1.701,3597,1.757,3598,1.818,3599,1.777,3600,5.302,3601,1.777,3602,1.777,3603,1.777,3604,3.876,3605,5.186,3606,1.818,3607,1.701,3608,1.701,3609,2.718,3610,1.701,3611,2.776,3612,1.701,3613,1.701,3614,1.738,3615,1.701,3616,1.701,3617,3.394,3618,1.701,3619,1.701,3620,2.776,3621,1.719,3622,2.806,3623,1.719,3624,1.719,3625,1.797,3626,1.797,3627,1.797,3628,1.797,3629,1.797,3630,1.841,3631,1.818,3632,1.818,3633,1.738,3673,2.669,3676,5.323]],["t/1355",[6,0.703,46,0.947,52,1.804,105,1.481,129,1.178,130,2.565,133,0.855,135,1.315,161,0.475,188,2.03,220,0.905,221,0.826,230,2.95,234,2.832,263,1.494,281,1.929,450,4.283,572,1.672,749,1.349,752,1.494,753,1.441,754,1.191,755,1.551,760,3.393,761,0.586,762,0.595,789,1.331,822,1.643,939,1.123,942,1.123,990,2.03,997,4.065,1070,4.181,1071,2.649,1150,4.974,1225,1.307,1252,2.593,1996,1.703,2002,5.023,2320,1.643,2424,2.832,2436,2.649,2676,1.551,2704,1.844,3559,3.424,3561,2.95,3562,2.95,3563,2.95,3577,5.072,3579,1.769,3580,1.805,3582,1.769,3584,1.769,3585,1.844,3587,1.844,3588,1.769,3590,1.769,3594,1.805,3596,1.805,3597,1.864,3601,1.885,3602,1.885,3603,1.885,3604,4.007,3607,1.805,3608,1.805,3609,2.849,3610,1.805,3612,1.805,3613,1.805,3615,1.805,3616,1.805,3617,3.529,3618,1.805,3619,1.805,3621,1.824,3623,1.824,3624,1.824,3625,1.907,3626,1.907,3627,1.907,3628,1.907,3629,1.907,3633,1.844,3672,2.832,3673,2.832,3676,4.469,3683,8.458,3684,2.95,3687,4.655,3690,2.95,3694,2.95,3696,2.95,3701,2.95,3715,3.295,3741,8.462,3742,3.295,3743,3.295,3744,9.449,3745,3.295,3746,3.295]],["t/1357",[6,0.703,46,0.942,52,1.802,105,0.934,130,2.561,133,0.851,158,2.818,161,0.472,230,2.935,231,5.162,234,2.824,248,1.021,251,2.498,263,1.486,271,1.476,281,1.92,306,1.057,369,1.694,404,1.796,450,4.276,485,1.277,572,1.664,749,1.344,752,1.486,753,1.434,754,1.185,755,1.544,760,3.387,761,0.583,762,0.592,789,1.325,822,1.635,939,1.117,942,1.117,1070,4.165,1071,2.636,1150,4.967,1225,1.3,1252,2.583,1996,1.694,2002,5.015,2247,2.292,2320,1.635,2424,2.818,2436,2.636,2676,1.544,2704,1.835,3559,3.413,3577,5.064,3579,1.76,3580,1.796,3582,1.76,3584,1.76,3585,1.835,3587,1.835,3588,1.76,3590,1.76,3594,1.796,3596,1.796,3597,1.855,3601,1.876,3602,1.876,3603,1.876,3604,3.996,3607,1.796,3608,1.796,3609,2.838,3610,1.796,3612,1.796,3613,1.796,3615,1.796,3616,1.796,3617,3.518,3618,1.796,3619,1.796,3621,1.815,3623,1.815,3624,1.815,3625,1.898,3626,1.898,3627,1.898,3628,1.898,3629,1.898,3633,1.835,3672,2.818,3673,2.818,3675,4.869,3676,4.452,3683,8.445,3684,2.935,3687,4.637,3690,2.935,3694,2.935,3696,2.935,3701,2.935,3741,8.444,3742,3.279,3743,3.279,3744,9.434,3745,3.279,3746,3.279,3747,3.578]],["t/1359",[6,0.702,11,0.43,25,1.527,46,1.129,52,1.876,64,0.859,69,0.878,72,2.721,98,1.029,124,1.91,127,1.325,129,1.404,130,1.041,133,0.606,159,1.126,161,0.337,181,1.878,229,0.813,234,1.967,236,1.7,237,1.738,256,2.068,263,1.059,281,1.368,293,1.242,366,1.1,450,3.787,481,1.091,572,1.185,741,1.567,749,1.019,752,1.059,753,1.022,754,0.844,755,1.1,760,2.969,761,0.415,762,0.422,789,0.944,822,1.165,881,2.091,939,0.796,942,0.796,1049,2.196,1070,3.158,1071,1.878,1127,1.633,1150,4.399,1225,0.926,1252,1.958,1283,6.718,1284,6.718,1996,1.207,2002,4.442,2320,1.165,2424,2.008,2436,1.878,2676,1.1,2704,1.307,2730,2.008,3559,2.702,3577,5.347,3579,1.254,3580,1.28,3581,2.273,3582,1.254,3584,1.254,3588,1.254,3590,1.254,3591,1.293,3593,1.293,3594,1.28,3596,1.28,3597,1.322,3601,1.336,3602,1.336,3603,1.336,3604,3.264,3605,4.675,3606,1.368,3607,1.28,3608,1.28,3609,2.152,3610,1.28,3611,2.198,3612,1.28,3613,1.28,3614,1.307,3615,1.28,3616,1.28,3617,2.784,3618,1.28,3619,1.28,3620,2.198,3621,1.293,3622,2.222,3623,1.293,3624,1.293,3625,1.352,3626,1.352,3627,1.352,3628,1.352,3629,1.352,3630,1.385,3633,1.307,3657,8.634,3659,3.516,3661,2.091,3664,2.091,3665,2.336,3667,2.336,3668,2.336,3669,5.082,3671,2.336,3672,2.008,3673,2.008,3675,2.196,3676,3.375,3677,2.336,3678,2.336,3679,8.356,3680,8.356,3681,2.336,3682,9.96,3683,7.48,3684,2.091,3685,2.336,3686,2.336,3687,3.516,3688,2.336,3689,2.336,3690,2.091,3691,2.336,3692,2.336,3693,2.336,3694,2.091,3695,2.336,3696,2.091,3697,2.336,3698,2.336,3699,2.336,3700,2.336,3701,2.091,3702,2.336,3703,2.336,3704,2.336,3705,2.336]],["t/1361",[6,0.703,46,1.261,50,0.847,52,2.008,64,1.613,69,1.003,72,3.073,98,1.175,105,0.76,124,2.133,125,0.929,127,2.182,129,0.954,130,2.557,133,0.692,135,1.065,159,1.287,161,0.384,182,1.667,188,1.644,220,0.733,221,0.669,234,2.768,256,2.31,263,1.21,281,2.569,366,1.257,371,1.175,450,4.293,481,1.247,572,1.354,749,1.138,752,1.21,753,1.167,754,0.965,755,1.257,760,3.428,761,0.474,762,0.482,789,1.078,822,1.331,939,0.909,942,0.909,990,1.644,1150,4.986,1225,1.059,1252,2.188,1996,1.379,2002,5.034,2320,1.331,2676,1.257,2704,1.493,3559,3.44,3561,2.389,3562,2.389,3563,2.389,3577,4.72,3578,4.399,3579,1.433,3580,1.462,3581,1.545,3582,1.433,3584,1.433,3585,1.493,3587,1.493,3588,1.433,3590,1.433,3591,1.478,3593,1.478,3594,1.462,3596,1.462,3597,1.51,3598,1.563,3599,1.527,3600,5.418,3601,1.527,3602,1.527,3603,1.527,3604,3.918,3605,5.299,3606,1.563,3607,1.462,3608,1.462,3609,3.061,3610,1.462,3611,2.455,3612,1.462,3613,1.462,3614,1.493,3615,1.462,3616,1.462,3617,3.061,3618,1.462,3619,1.462,3620,2.455,3621,1.478,3622,2.482,3623,1.478,3624,1.478,3625,1.545,3626,1.545,3627,2.539,3628,1.545,3629,1.545,3630,1.582,3631,1.563,3632,1.563,3633,1.493,3634,1.942,3636,2.146,3637,1.986,3638,1.986,3639,1.986,3640,1.986,3641,1.986,3642,1.986,3643,3.264,3644,1.986,3645,1.986,3748,4.788,3749,2.913]],["t/1363",[6,0.634,46,2.801,52,1.503,125,2.083,129,2.881,130,2.137,133,1.553,135,2.389,161,0.862,221,1.501,234,2.318,236,4.357,237,4.454,247,6.573,281,3.506,293,3.183,558,7.325,741,2.389,749,1.553,761,1.064,762,1.081,822,2.985,939,2.04,942,2.04,980,4.164,1127,4.185,1175,3.35,1225,2.374,1990,5.988,2320,2.985,2641,5.628,2676,2.819,2755,5.145,3559,4.843,3577,5.748,3579,3.214,3580,3.28,3581,3.465,3582,3.214,3584,3.214,3588,3.214,3590,3.214,3597,3.387,3659,5.359,3661,5.359,3662,5.628,3664,5.359,3706,10.172,3720,5.988,3721,5.988,3731,5.988,3750,6.534,3751,6.534]],["t/1365",[6,0.699,7,0.348,14,0.388,46,1.933,50,0.652,52,1.916,64,1.295,66,1.451,69,0.773,72,2.869,98,0.905,105,1.003,111,1.551,121,0.892,124,1.712,127,1.848,130,2.36,133,0.533,139,0.88,159,0.991,161,0.296,181,1.652,194,0.693,216,1.772,217,1.249,218,1.93,219,0.953,220,2.328,221,0.515,227,1.891,234,2.386,256,1.855,263,1.597,267,1.529,268,2.055,269,4.199,270,2.376,271,0.925,272,1.082,281,1.203,290,1.363,293,1.092,306,0.662,366,0.967,371,1.551,380,2.376,398,1.82,420,1.016,434,0.967,450,3.944,481,0.96,483,1.465,484,2.555,527,2.055,572,1.043,739,1.932,741,0.82,749,1.599,760,3.132,761,0.365,762,0.371,789,0.83,822,1.025,897,2.2,939,1.575,942,1.575,943,0.857,948,1.189,959,1.787,988,1.565,1150,4.581,1164,2.055,1211,1.658,1221,1.652,1225,2.667,1252,3.073,1263,1.249,1974,2.376,1996,1.062,2002,4.625,2249,1.766,2320,1.025,2676,0.967,2677,2.299,2704,1.15,3005,1.839,3419,2.055,3452,2.055,3534,1.766,3543,3.523,3559,2.458,3575,2.055,3576,1.437,3577,4.254,3578,3.847,3579,1.103,3580,1.126,3581,1.189,3582,1.103,3583,1.341,3584,1.103,3585,1.15,3586,1.363,3587,1.15,3588,1.103,3589,1.321,3590,1.103,3591,1.138,3592,1.321,3593,1.138,3594,1.126,3595,1.341,3596,1.126,3597,1.162,3598,2.063,3599,1.176,3600,4.978,3601,1.176,3602,1.176,3603,1.176,3604,3.377,3605,4.869,3606,1.203,3607,1.126,3608,1.126,3609,2.533,3610,1.126,3611,1.971,3612,1.126,3613,1.126,3614,1.15,3615,1.126,3616,1.126,3617,2.533,3618,1.126,3619,1.126,3620,1.971,3621,1.138,3622,1.993,3623,1.138,3624,1.138,3625,1.189,3626,1.189,3627,2.038,3628,1.189,3629,1.189,3630,1.218,3631,1.203,3632,1.203,3633,1.15,3634,1.495,3637,1.529,3638,1.529,3639,1.529,3640,1.529,3641,1.529,3642,1.529,3643,2.62,3644,1.529,3645,1.529,3646,1.41,3647,4.394,3648,1.41,3649,1.437,3650,1.437,3651,1.41,3652,1.437,3653,2.055,3752,5.045,3753,3.844,3754,2.242,3755,2.242,3756,2.055,3757,2.242,3758,2.242,3759,2.242,3760,2.242,3761,2.242,3762,2.242,3763,2.242,3764,2.242,3765,2.242,3766,2.242,3767,2.242,3768,2.242,3769,2.242,3770,2.242,3771,2.242,3772,2.242,3773,2.242]],["t/1367",[6,0.7,46,2.188,50,0.955,52,2.026,64,1.106,69,1.131,72,3.231,98,1.325,105,0.857,107,4.012,118,2.103,121,1.307,124,2.351,127,1.631,129,1.075,130,2.495,133,0.78,159,1.451,161,0.433,234,2.689,256,2.546,263,1.364,281,1.762,306,0.969,342,2.295,343,1.934,344,2.144,366,1.416,450,4.157,481,1.405,572,1.527,749,0.78,760,3.284,761,0.535,762,0.543,789,1.216,822,1.5,1150,4.828,1211,1.416,1252,1.5,1570,2.585,1996,1.554,2002,4.875,2320,1.5,2704,1.683,3531,2.828,3559,3.224,3577,5.052,3578,4.651,3579,1.615,3582,1.615,3583,1.964,3584,1.615,3585,1.683,3586,1.995,3587,1.683,3588,1.615,3589,1.934,3590,1.615,3591,1.665,3592,1.934,3593,1.665,3594,1.648,3595,1.964,3596,1.648,3599,2.767,3600,5.246,3601,1.721,3602,1.721,3603,1.721,3604,3.806,3605,5.131,3606,1.762,3607,1.648,3608,1.648,3609,2.65,3610,1.648,3611,2.706,3612,1.648,3613,1.648,3614,1.683,3615,1.648,3616,1.648,3617,3.322,3618,1.648,3619,1.648,3620,2.706,3621,1.665,3622,2.736,3623,1.665,3624,1.665,3625,1.741,3626,1.741,3627,1.741,3628,1.741,3629,1.741,3630,1.783,3774,6.947,3775,3.283,3776,3.283,3777,3.283,3778,3.283,3779,3.009,3780,5.278,3781,5.278,3782,5.278]],["t/1369",[6,0.691,46,2.543,50,1.414,52,1.953,55,1.181,64,0.999,69,1.022,72,1.684,98,1.197,103,2.821,105,0.774,118,1.9,121,1.18,124,2.165,125,0.946,127,0.916,129,0.971,130,2.056,133,0.705,159,1.31,161,0.391,234,2.19,256,2.345,281,1.591,290,1.802,306,0.876,342,2.113,343,1.747,344,1.937,354,1.937,420,1.343,450,3.273,481,1.269,488,2.577,493,6.664,526,2.554,567,1.937,735,0.931,741,3.095,744,2.391,749,1.697,752,1.232,753,1.188,754,1.61,755,1.279,760,2.668,761,0.483,762,0.491,789,1.098,822,1.355,840,1.704,889,2.492,912,2.718,928,1.774,939,0.926,942,0.926,943,1.134,959,1.379,1150,3.801,1211,2.096,1225,1.078,1252,5.088,1301,1.833,1570,3.827,1941,2.433,1996,1.404,2002,3.838,2247,3.113,2320,1.355,2437,2.433,2558,4.209,3046,2.718,3386,4.453,3531,6.15,3559,3.008,3577,4.751,3578,4.437,3579,1.459,3582,1.459,3583,1.774,3584,1.459,3585,1.521,3586,1.802,3587,1.521,3588,1.459,3589,1.747,3590,1.459,3591,1.504,3592,1.747,3593,1.504,3594,1.489,3595,1.774,3596,1.489,3597,1.537,3599,2.547,3600,4.685,3601,1.555,3602,1.555,3603,1.555,3604,3.955,3605,4.04,3606,1.591,3607,1.489,3608,1.489,3609,2.44,3610,1.489,3611,2.492,3612,1.489,3613,1.489,3614,1.521,3615,1.489,3616,1.489,3617,1.489,3618,1.489,3619,1.489,3620,1.521,3756,2.718,3774,2.718,3779,2.718,3783,2.965,3784,2.965,3785,2.965,3786,2.965,3787,2.965,3788,2.965,3789,7.139,3790,2.965,3791,2.965,3792,2.965,3793,4.859,3794,4.859,3795,5.622,3796,2.965,3797,2.965,3798,2.965,3799,2.965,3800,5.658,3801,2.965,3802,2.718,3803,2.965,3804,2.718,3805,2.965,3806,2.965,3807,2.965,3808,2.965,3809,4.859,3810,2.718,3811,2.965]],["t/1371",[6,0.702,7,0.406,46,0.688,50,0.76,52,1.971,64,1.474,66,0.986,69,0.9,72,2.927,98,1.054,111,0.803,121,1.04,124,1.949,127,2.04,130,2.477,133,0.621,159,1.154,161,0.345,216,1.204,217,1.455,218,1.312,227,1.285,234,2.608,256,2.111,263,1.085,306,0.771,366,1.127,371,1.054,398,1.237,401,2.072,402,2.152,403,2.348,420,1.184,450,4.152,481,1.118,484,0.992,485,0.932,523,1.781,572,1.215,749,1.57,760,3.308,761,0.426,762,0.432,789,0.967,822,1.194,845,2.704,847,2.752,876,2.251,939,0.816,942,0.816,948,1.385,1150,4.919,1225,2.672,1252,3.859,1974,2.704,1996,1.237,2002,4.869,2320,1.194,2676,1.127,2677,2.617,2704,1.34,3559,3.874,3576,1.674,3577,4.529,3578,4.169,3579,1.285,3580,1.312,3581,1.385,3582,1.285,3583,1.563,3584,1.285,3585,1.34,3586,1.588,3587,1.34,3588,1.285,3589,1.539,3590,1.285,3591,1.325,3592,1.539,3593,1.325,3594,1.312,3595,1.563,3596,1.312,3597,1.354,3598,2.348,3599,1.37,3600,5.24,3601,1.37,3602,1.37,3603,1.37,3604,3.691,3605,5.125,3606,1.402,3607,1.312,3608,1.312,3609,2.834,3610,1.312,3611,2.243,3612,1.312,3613,1.312,3614,1.34,3615,1.312,3616,1.312,3617,3.691,3618,1.312,3619,1.312,3620,2.243,3621,1.325,3622,2.268,3623,1.325,3624,1.325,3625,1.385,3626,1.385,3627,2.32,3628,1.385,3629,1.385,3630,1.419,3631,1.402,3632,1.402,3633,1.34,3634,1.742,3636,1.925,3637,1.781,3638,1.781,3639,1.781,3640,1.781,3641,1.781,3642,1.781,3643,2.983,3644,1.781,3645,1.781,3646,1.643,3647,4.802,3648,1.643,3649,1.674,3650,1.674,3651,1.643,3652,1.674,3795,2.057,3804,2.394,3810,2.394,3812,2.613,3813,2.613,3814,2.613]],["t/1373",[6,0.702,7,0.412,46,0.699,50,0.772,52,1.977,64,1.494,66,1.002,69,0.915,72,2.948,98,1.072,111,0.816,121,1.057,124,1.976,127,2.061,130,2.489,133,0.631,159,1.173,161,0.351,215,2.897,216,1.224,217,1.479,218,1.333,227,1.306,234,2.632,256,2.14,263,1.103,302,3.268,306,0.784,366,1.145,371,1.072,398,1.257,401,2.1,402,2.182,420,1.203,450,4.173,481,1.137,484,1.008,523,1.81,572,1.235,749,1.358,760,3.326,761,0.432,762,0.439,789,0.983,822,1.213,845,2.741,847,2.789,876,2.287,939,0.829,942,0.829,948,1.408,1150,4.847,1225,1.612,1252,3.888,1974,2.741,1996,1.257,2002,4.894,2320,1.213,2676,1.145,2677,2.653,2704,1.361,3559,3.906,3576,1.701,3577,4.558,3578,4.203,3579,1.306,3580,1.333,3581,1.408,3582,1.306,3583,1.588,3584,1.306,3585,1.361,3586,1.614,3587,1.361,3588,1.306,3589,1.564,3590,1.306,3591,1.347,3592,1.564,3593,1.347,3594,1.333,3595,1.588,3596,1.333,3597,1.376,3598,2.38,3599,1.392,3600,5.267,3601,1.392,3602,1.392,3603,1.392,3604,3.724,3605,5.151,3606,1.425,3607,1.333,3608,1.333,3609,2.867,3610,1.333,3611,2.274,3612,1.333,3613,1.333,3614,1.361,3615,1.333,3616,1.333,3617,2.867,3618,1.333,3619,1.333,3620,2.274,3621,1.347,3622,2.299,3623,1.347,3624,1.347,3625,1.408,3626,1.408,3627,2.352,3628,1.408,3629,1.408,3630,1.442,3631,1.425,3632,1.425,3633,1.361,3634,1.771,3636,1.956,3637,1.81,3638,1.81,3639,1.81,3640,1.81,3641,1.81,3642,1.81,3643,3.023,3644,1.81,3645,1.81,3646,1.67,3647,4.845,3648,1.67,3649,1.701,3650,1.701,3651,1.67,3652,1.701,3815,2.655,3816,2.655]],["t/1375",[6,0.702,7,0.403,23,0.439,46,0.684,50,0.756,52,1.97,56,1.771,64,1.467,66,0.981,69,0.895,72,2.919,98,1.049,105,0.678,111,0.799,121,1.034,124,1.941,127,2.034,130,2.474,133,0.618,159,1.148,215,2.845,216,2.008,217,1.448,218,1.305,220,0.654,227,2.143,228,2.648,230,2.132,234,2.6,256,2.102,263,1.079,274,1.665,306,0.767,366,1.121,371,1.049,398,1.231,420,1.177,434,1.121,450,4.145,481,1.113,484,0.987,496,1.957,500,1.443,572,1.208,749,1.564,760,3.302,764,1.278,787,1.148,789,0.962,795,2.853,809,3.12,822,1.187,939,0.811,942,0.811,948,1.378,1150,4.814,1225,1.583,1252,3.349,1581,2.047,1974,2.692,1996,1.231,2002,4.861,2320,1.187,2676,1.121,2677,2.606,2704,1.333,3557,5.154,3559,2.122,3576,1.665,3577,4.52,3578,4.158,3579,1.278,3580,1.305,3581,1.378,3582,1.278,3583,1.555,3584,1.278,3585,1.333,3586,1.58,3587,1.333,3588,1.278,3589,1.531,3590,1.278,3591,1.318,3592,1.531,3593,1.318,3595,1.555,3597,1.347,3598,2.337,3599,1.362,3600,5.231,3601,1.362,3602,1.362,3603,1.362,3604,3.679,3605,5.116,3606,1.394,3607,1.305,3608,1.305,3609,2.823,3610,1.305,3611,2.234,3612,1.305,3613,1.305,3614,1.333,3615,1.305,3616,1.305,3617,2.823,3618,1.305,3619,1.305,3620,2.234,3621,1.318,3622,2.258,3623,1.318,3624,1.318,3625,1.378,3626,1.378,3627,2.31,3628,1.378,3629,1.378,3630,1.411,3631,1.394,3632,1.394,3633,1.333,3634,1.733,3636,1.915,3637,1.772,3638,1.772,3639,1.772,3640,1.772,3641,1.772,3642,1.772,3643,2.97,3644,1.772,3645,1.772,3646,1.634,3647,4.299,3648,1.634,3649,1.665,3650,1.665,3651,1.634,3655,2.382,3740,2.382,3817,2.599,3818,2.599,3819,2.599,3820,2.599,3821,4.356,3822,2.599]],["t/1377",[6,0.701,7,0.462,46,1.284,50,0.866,52,1.969,64,1.003,66,1.124,69,1.026,72,2.938,98,1.202,111,0.915,124,2.172,127,1.507,130,2.418,133,0.708,159,1.316,161,0.393,216,1.372,217,1.659,218,1.495,220,0.749,221,1.12,227,1.465,234,2.196,256,2.352,263,1.237,293,1.45,366,1.285,398,1.41,420,2.209,423,1.637,450,4.017,461,3.405,463,2.263,481,1.275,484,1.852,572,1.385,735,0.935,749,1.877,760,3.164,761,0.485,762,0.493,789,1.102,822,1.36,939,0.93,942,0.93,943,1.138,948,1.579,1036,2.345,1150,4.666,1204,3.013,1210,2.03,1211,1.285,1225,2.25,1252,4.419,1974,3.013,1996,1.41,2002,4.711,2320,1.36,2383,1.985,2676,1.285,2677,2.916,2704,1.527,3539,2.729,3559,2.375,3577,4.757,3578,4.445,3579,1.465,3580,1.495,3581,1.579,3582,1.465,3583,1.781,3584,1.465,3585,1.527,3586,1.81,3587,1.527,3588,1.465,3589,1.754,3590,1.465,3591,1.51,3592,1.754,3593,1.51,3594,1.495,3595,1.781,3596,1.495,3598,2.616,3599,1.561,3600,5.07,3601,1.561,3602,1.561,3603,1.561,3604,3.593,3605,4.959,3606,1.598,3607,1.495,3608,1.495,3609,2.448,3610,1.495,3611,2.5,3612,1.495,3613,1.495,3614,1.527,3615,1.495,3616,1.495,3617,3.108,3618,1.495,3619,1.495,3620,2.5,3621,1.51,3622,2.527,3623,1.51,3624,1.51,3625,1.579,3626,1.579,3627,1.579,3628,1.579,3629,1.579,3630,1.617,3631,1.598,3632,1.598,3633,1.527,3795,2.345,3823,4.2,3824,2.565,3825,2.565,3826,2.565,3827,5.333,3828,2.565,3829,2.565,3830,2.565,3831,2.729,3832,2.565,3833,2.565,3834,2.565]],["t/1379",[6,0.701,7,0.464,46,0.787,50,0.87,52,1.97,64,1.007,66,1.128,69,1.03,72,2.944,98,1.207,111,0.919,124,2.179,127,1.512,130,2.421,133,0.711,159,1.321,161,0.395,214,1.953,216,1.378,217,1.665,218,1.501,220,0.753,221,0.687,227,1.471,234,2.203,256,2.36,263,1.242,366,1.29,398,1.416,403,1.604,420,2.216,423,1.644,450,4.023,461,3.414,481,1.28,484,1.858,572,1.39,735,0.938,749,1.881,760,3.169,761,0.487,762,0.495,789,1.107,822,1.366,939,0.933,942,0.933,943,1.143,948,1.585,1036,2.354,1150,4.673,1204,3.023,1210,2.038,1211,1.29,1225,2.256,1252,4.425,1974,3.023,1996,1.416,2002,4.718,2320,1.366,2383,1.994,2676,1.29,2677,2.926,2704,1.533,3559,2.383,3577,4.764,3578,4.454,3579,1.471,3580,1.501,3581,1.585,3582,1.471,3583,1.788,3584,1.471,3585,1.533,3586,1.817,3587,1.533,3588,1.471,3589,1.761,3590,1.471,3591,1.517,3592,1.761,3593,1.517,3594,1.501,3595,1.788,3596,1.501,3598,2.625,3599,1.567,3600,5.077,3601,1.567,3602,1.567,3603,1.567,3604,3.602,3605,4.966,3606,1.604,3607,1.501,3608,1.501,3609,2.456,3610,1.501,3611,2.508,3612,1.501,3613,1.501,3614,1.533,3615,1.501,3616,1.501,3617,3.117,3618,1.501,3619,1.501,3620,2.508,3621,1.517,3622,2.536,3623,1.517,3624,1.517,3625,1.585,3626,1.585,3627,1.585,3628,1.585,3629,1.585,3630,1.624,3631,1.604,3632,1.604,3633,1.533,3795,2.354,3823,2.575,3824,2.575,3825,2.575,3826,2.575,3827,5.348,3828,2.575,3829,2.575,3830,2.575,3831,2.74,3832,2.575,3833,2.575,3834,2.575,3835,4.483]],["t/1381",[6,0.7,7,0.414,42,1.432,46,0.703,50,0.777,52,1.928,64,0.899,66,1.007,69,0.92,72,2.786,98,1.077,111,0.821,121,1.062,124,1.985,127,1.377,129,0.875,130,2.328,133,0.635,159,1.18,161,0.352,216,1.23,217,1.487,218,1.34,221,0.613,222,3.315,227,1.313,228,2.708,234,2.034,256,2.149,263,1.109,306,0.788,350,1.967,366,1.152,398,1.264,403,2.39,420,1.209,423,1.468,450,4.087,461,3.681,481,1.143,484,1.692,572,1.241,735,0.838,749,2.028,760,3.027,761,0.435,762,0.442,787,1.968,789,0.988,822,1.22,939,0.834,942,0.834,943,1.021,948,1.416,1036,2.102,1150,4.479,1204,2.753,1210,1.82,1211,1.152,1225,2.704,1252,4.598,1281,3.386,1974,2.753,1996,1.264,2002,4.523,2132,3.654,2320,1.22,2383,1.78,2639,2.3,2676,1.152,2677,2.665,2704,1.369,2740,1.864,2891,3.508,3057,4.931,3522,2.447,3524,2.447,3559,2.17,3577,4.567,3578,4.214,3579,1.313,3580,1.34,3581,1.416,3582,1.313,3583,1.597,3584,1.313,3585,1.369,3586,1.623,3587,1.369,3588,1.313,3589,1.573,3590,1.313,3591,1.354,3592,1.573,3593,1.354,3594,1.34,3595,1.597,3596,1.34,3598,2.39,3599,1.399,3600,4.867,3601,1.399,3602,1.399,3603,1.399,3604,3.36,3605,4.76,3606,1.432,3607,1.34,3608,1.34,3609,2.236,3610,1.34,3611,2.284,3612,1.34,3613,1.34,3614,1.369,3615,1.34,3616,1.34,3617,2.878,3618,4.282,3619,1.34,3620,2.284,3621,1.354,3622,2.309,3623,1.354,3624,1.354,3625,1.416,3626,1.416,3627,1.416,3628,1.416,3629,1.416,3630,1.45,3631,1.432,3632,1.432,3633,1.369,3795,3.508,3800,2.447,3802,2.447,3823,2.3,3824,2.3,3825,2.3,3826,2.3,3827,4.938,3828,2.3,3829,2.3,3830,2.3,3832,2.3,3833,2.3,3834,2.3,3835,2.447,3836,2.67,3837,2.67,3838,2.67,3839,2.67,3840,2.67]],["t/1383",[6,0.703,7,0.421,46,0.715,50,0.79,52,1.984,64,1.954,66,1.024,69,0.935,72,2.978,98,1.095,111,0.834,124,2.012,127,2.09,130,2.506,133,0.645,159,1.199,161,0.358,216,1.251,217,1.512,218,1.362,221,0.623,227,1.335,234,2.664,256,2.179,263,1.127,272,3.623,281,1.456,366,1.171,371,1.095,398,1.285,420,1.229,450,4.202,481,1.162,484,1.031,572,1.262,749,1.785,754,0.899,760,3.35,761,0.442,762,0.449,789,1.005,808,1.19,822,1.24,840,0.951,842,2.029,889,2.974,893,3.417,939,0.847,942,0.847,948,1.439,1150,4.88,1225,1.641,1252,3.431,1974,2.791,1996,1.285,2002,4.928,2320,1.24,2676,1.171,2677,2.702,2704,1.392,3534,3.557,3559,2.826,3577,4.596,3578,4.249,3579,1.335,3580,1.362,3581,1.439,3582,1.335,3584,1.335,3585,1.392,3587,1.392,3588,1.335,3590,1.335,3591,1.377,3593,1.377,3594,1.362,3596,1.362,3598,2.423,3599,1.423,3600,5.303,3601,1.423,3602,1.423,3603,1.423,3604,3.77,3605,5.187,3606,1.456,3607,1.362,3608,1.362,3609,2.912,3610,1.362,3611,2.316,3612,1.362,3613,1.362,3614,1.392,3615,1.362,3616,1.362,3617,2.912,3618,1.362,3619,1.362,3620,2.316,3621,1.377,3622,2.341,3623,1.377,3624,1.377,3625,1.439,3626,1.439,3627,2.395,3628,1.439,3629,1.439,3630,1.474,3631,1.456,3632,1.456,3633,1.392,3634,1.81,3637,1.85,3638,1.85,3639,1.85,3640,1.85,3641,1.85,3642,1.85,3643,3.079,3644,1.85,3645,1.85,3841,2.714,3842,2.714,3843,2.714,3844,2.714,3845,2.714,3846,2.714,3847,2.714,3848,2.714,3849,2.714]],["t/1385",[6,0.703,7,0.444,46,0.754,50,0.832,52,2.002,64,1.589,66,1.08,69,0.986,72,3.049,98,1.155,111,0.88,124,2.102,127,2.159,130,2.544,133,0.68,159,1.264,161,0.378,216,1.319,217,1.594,218,1.437,221,0.657,227,1.408,234,2.742,256,2.277,263,1.189,281,1.535,366,1.235,371,1.155,398,1.355,420,1.296,450,4.27,481,1.225,484,1.087,572,1.331,749,1.432,760,3.409,761,0.466,762,0.474,789,1.059,808,1.254,822,1.308,939,0.894,942,0.894,948,1.517,1150,4.96,1225,1.715,1252,3.532,1974,2.917,1996,1.355,2002,5.008,2320,1.308,2676,1.235,2677,2.823,2704,1.467,3559,2.934,3577,4.689,3578,4.361,3579,1.408,3580,1.437,3581,1.517,3582,1.408,3584,1.408,3585,1.467,3587,1.467,3588,1.408,3590,1.408,3591,1.452,3593,1.452,3594,1.437,3596,1.437,3597,1.483,3598,2.532,3599,1.5,3600,5.389,3601,1.5,3602,1.5,3603,1.5,3604,3.88,3605,5.271,3606,1.535,3607,1.437,3608,1.437,3609,3.023,3610,1.437,3611,2.42,3612,1.437,3613,1.437,3614,1.467,3615,1.437,3616,1.437,3617,3.023,3618,1.437,3619,1.437,3620,2.42,3621,1.452,3622,2.446,3623,1.452,3624,1.452,3625,1.517,3626,1.517,3627,2.503,3628,1.517,3629,1.517,3630,1.554,3631,1.535,3632,1.535,3633,1.467,3634,1.908,3637,1.951,3638,1.951,3639,1.951,3640,1.951,3641,1.951,3642,1.951,3643,3.217,3644,1.951,3645,1.951,3850,2.623,3851,2.623,3852,2.623,3853,2.623]],["t/1387",[6,0.691,7,0.409,46,0.694,52,1.747,64,0.888,66,0.995,69,0.908,72,1.969,98,1.064,111,0.81,124,1.964,127,1.362,130,2.317,133,0.627,159,1.165,161,0.348,216,1.215,217,1.468,218,1.323,221,0.605,227,1.297,229,2.117,234,1.564,256,1.272,263,1.095,398,1.248,420,1.194,450,3.318,484,1.001,749,1.351,760,2.502,761,0.429,762,0.436,789,0.976,822,3.034,841,3.005,845,2.724,939,0.823,942,0.823,948,1.398,952,4.036,1150,3.854,1175,3.405,1225,1.602,1252,3.376,1694,3.471,1695,4.892,1696,3.616,1697,3.797,1974,2.724,1996,1.248,2002,3.891,2320,3.034,2676,1.137,2677,2.637,3559,3.235,3577,5.94,3578,6.022,3579,3.267,3580,3.333,3581,3.521,3582,3.267,3584,3.267,3585,3.405,3587,3.405,3588,3.267,3590,3.267,3591,3.368,3593,3.368,3594,3.333,3596,3.333,3597,1.367,3598,2.365,3599,1.382,3600,4.188,3604,2.852,3605,4.096,3607,1.323,3608,1.323,3609,2.213,3610,1.323,3611,2.26,3612,1.323,3613,1.323,3614,1.352,3615,1.323,3616,1.323,3617,2.852,3618,1.323,3619,1.323,3620,1.352,3621,1.337,3622,2.285,3623,1.337,3624,1.337,3631,1.414,3632,1.414,3633,1.352,3646,4.176,3647,7.29,3648,4.176,3649,4.254,3650,4.254,3651,4.176,3652,4.254,3854,5.229,3855,5.207]],["t/1389",[6,0.679,7,0.275,46,0.467,52,1.526,64,0.598,66,0.67,69,0.611,72,1.46,98,0.716,111,0.546,124,1.397,127,0.969,130,2.17,133,0.422,159,0.784,161,0.234,216,0.818,217,0.989,218,0.891,221,0.408,227,0.873,229,2.918,234,1.112,256,0.856,263,0.737,398,0.84,420,0.804,450,2.665,484,0.674,749,1.001,760,1.967,761,0.289,762,0.294,789,0.657,822,3.168,841,2.137,843,2.383,845,1.938,847,1.972,849,2.091,851,1.663,855,2.31,939,0.554,942,0.554,948,0.941,952,5.561,1150,3.095,1175,4.692,1225,1.14,1252,2.654,1694,5.46,1695,6.741,1696,5.687,1941,5.687,1974,1.938,1996,0.84,2002,3.125,2320,4.181,2676,0.766,2677,1.876,3559,3.378,3576,4.442,3577,5.991,3578,6.096,3579,3.411,3580,3.481,3581,3.677,3582,3.411,3583,4.147,3584,3.411,3585,3.555,3586,4.214,3587,3.555,3588,3.411,3589,4.084,3590,3.411,3591,3.517,3592,4.084,3593,3.517,3594,3.481,3595,4.147,3596,3.481,3597,0.92,3598,1.682,3599,0.93,3600,3.363,3604,2.115,3605,3.289,3607,0.891,3608,0.891,3609,1.574,3610,0.891,3611,1.608,3612,0.891,3613,0.891,3614,0.91,3615,0.891,3616,0.891,3617,2.115,3618,0.891,3619,0.891,3620,0.91,3621,0.9,3622,1.625,3623,0.9,3624,0.9,3631,0.952,3632,0.952,3633,0.91,3646,4.361,3647,7.395,3648,4.361,3649,4.442,3650,4.442,3651,4.361,3652,4.442,3854,5.46,3855,5.879,3856,6.354]],["t/1391",[6,0.701,7,0.54,31,2.525,46,0.916,52,1.883,64,1.171,66,1.312,69,1.198,72,2.383,98,1.403,111,1.069,124,2.462,127,1.708,130,2.405,133,0.827,137,1.589,150,1.403,159,1.536,161,0.459,216,1.603,217,1.937,218,1.745,220,0.875,221,1.269,227,1.71,229,1.109,234,1.96,248,0.992,256,1.677,263,1.444,398,1.646,403,1.866,420,1.575,450,3.963,484,1.321,488,1.844,749,1.862,760,2.895,761,0.566,762,0.575,789,1.287,822,1.589,841,2.37,939,1.725,942,1.725,943,1.329,948,1.844,952,2.113,971,2.852,980,1.646,1150,4.39,1175,1.783,1225,2.008,1252,3.905,1263,1.937,1695,2.562,1974,3.415,1996,1.646,2002,4.433,2320,1.589,2676,1.5,2677,3.305,3233,2.427,3559,1.694,3577,5.018,3578,4.77,3579,1.71,3580,1.745,3581,1.844,3582,1.71,3584,1.71,3585,1.783,3587,1.783,3588,1.71,3590,1.71,3591,1.764,3593,1.764,3594,1.745,3596,1.745,3597,1.802,3598,2.965,3599,1.823,3600,4.77,3604,3.452,3605,4.666,3607,1.745,3608,1.745,3609,2.774,3610,1.745,3611,2.833,3612,1.745,3613,1.745,3614,1.783,3615,1.745,3616,1.745,3617,3.452,3618,1.745,3619,1.745,3620,1.783,3621,1.764,3622,2.864,3623,1.764,3624,1.764,3631,1.866,3632,1.866,3633,1.783,3646,2.187,3647,5.583,3648,2.187,3649,2.227,3650,2.227,3651,2.187,3652,2.227,3854,2.738,3857,3.186,3858,3.477,3859,3.477,3860,3.186,3861,3.186,3862,3.186,3863,3.186]],["t/1393",[6,0.701,7,0.538,31,2.52,46,0.914,52,1.882,64,1.168,66,1.309,69,1.195,72,2.379,98,1.4,111,1.066,124,2.457,127,1.704,130,2.403,133,0.825,137,1.585,150,1.4,159,1.533,161,0.458,216,1.599,217,1.932,218,1.741,220,0.873,221,1.267,227,1.706,229,1.106,234,1.957,248,0.99,256,1.674,263,1.441,398,1.642,403,1.861,420,1.571,450,3.959,484,1.317,488,1.839,749,1.86,760,2.891,761,0.565,762,0.574,789,1.284,822,1.585,847,2.182,939,1.722,942,1.722,943,1.326,948,1.839,952,2.108,971,2.845,973,2.182,980,1.642,1150,4.386,1175,1.779,1225,2.004,1252,3.901,1263,1.932,1695,2.556,1974,3.408,1996,1.642,2002,4.428,2320,1.585,2676,1.496,2677,3.299,3233,2.421,3559,1.69,3577,5.014,3578,4.765,3579,1.706,3580,1.741,3581,1.839,3582,1.706,3584,1.706,3585,1.779,3587,1.779,3588,1.706,3590,1.706,3591,1.76,3593,1.76,3594,1.741,3596,1.741,3597,1.798,3598,2.959,3599,1.818,3600,4.765,3604,3.446,3605,4.661,3607,1.741,3608,1.741,3609,2.769,3610,1.741,3611,2.828,3612,1.741,3613,1.741,3614,1.779,3615,1.741,3616,1.741,3617,3.446,3618,1.741,3619,1.741,3620,1.779,3621,1.76,3622,2.859,3623,1.76,3624,1.76,3631,1.861,3632,1.861,3633,1.779,3646,2.182,3647,5.576,3648,2.182,3649,2.222,3650,2.222,3651,2.182,3652,2.222,3854,2.732,3857,3.179,3860,3.179,3861,3.179,3862,3.179,3863,3.179,3864,3.469,3865,3.469]],["t/1395",[6,0.699,7,0.36,46,0.611,50,1.151,52,1.94,64,1.333,66,0.876,69,0.799,72,2.914,98,0.936,111,0.713,121,0.923,124,1.763,127,1.89,130,2.387,133,0.552,159,1.025,161,0.306,182,1.328,216,1.824,217,1.292,218,1.165,221,0.533,227,1.141,229,1.262,234,2.435,256,1.909,263,0.964,306,0.685,366,1.001,371,0.936,398,1.099,420,1.051,450,3.991,481,0.993,484,0.881,485,0.828,519,1.999,572,1.079,749,1.454,760,3.172,761,0.645,762,0.384,789,0.859,808,1.017,822,1.06,855,2.916,939,1.236,942,1.236,948,1.23,952,2.405,1150,4.636,1175,2.029,1211,1.001,1225,1.881,1252,3.136,1387,1.827,1694,1.827,1695,2.916,1696,1.903,1941,1.903,1974,2.446,1996,1.099,2002,4.681,2210,1.709,2320,1.808,2676,1.001,2677,2.367,2704,1.19,3005,1.903,3559,1.13,3576,1.486,3577,4.316,3578,3.918,3579,1.141,3580,1.165,3581,1.23,3582,1.141,3583,1.388,3584,1.141,3585,1.19,3586,1.41,3587,1.19,3588,1.141,3589,1.367,3590,1.141,3591,1.177,3592,1.367,3593,1.177,3594,1.165,3595,1.388,3596,1.165,3597,1.203,3598,2.124,3599,1.216,3600,5.037,3601,1.216,3602,1.216,3603,1.216,3604,3.446,3605,4.927,3606,1.245,3607,1.165,3608,1.165,3609,2.598,3610,1.165,3611,2.029,3612,1.165,3613,1.165,3614,1.19,3615,1.165,3616,1.165,3617,2.598,3618,1.165,3619,1.165,3620,2.029,3621,1.177,3622,2.052,3623,1.177,3624,1.177,3625,1.23,3626,1.23,3627,2.099,3628,1.23,3629,1.23,3630,1.26,3631,1.245,3632,1.245,3633,1.19,3634,1.547,3637,1.582,3638,1.582,3639,1.582,3640,1.582,3641,1.582,3642,1.582,3643,2.698,3644,1.582,3645,1.582,3646,1.459,3647,4.484,3648,1.459,3649,1.486,3650,1.486,3651,1.459,3652,1.486,3850,2.126,3851,2.126,3852,2.126,3853,2.126,3854,1.827,3856,2.126,3866,2.32,3867,2.32,3868,2.32,3869,2.32,3870,2.32,3871,2.32,3872,2.32,3873,2.32,3874,2.32,3875,2.32,3876,2.32,3877,2.32,3878,7.981,3879,6.864,3880,6.116,3881,3.958,3882,2.32,3883,2.32,3884,2.32,3885,2.32,3886,6.116,3887,2.32,3888,2.32,3889,2.32,3890,3.958,3891,2.32,3892,2.32,3893,2.32,3894,2.32,3895,2.32,3896,2.32,3897,2.32,3898,3.958,3899,2.32,3900,2.32,3901,2.32,3902,2.32,3903,2.32,3904,2.32,3905,2.32,3906,2.32]]],"invertedIndex":[["",{"_index":6,"t":{"2":{"position":[[44,1],[473,1],[721,1],[1011,1],[1296,1],[1548,1],[1767,1],[1987,1],[2294,1],[2632,1]]},"4":{"position":[[41,1]]},"6":{"position":[[41,1]]},"8":{"position":[[40,1]]},"10":{"position":[[41,1],[306,1],[325,1],[343,1],[362,1],[388,1],[450,1],[469,1],[487,1],[506,1],[559,1],[585,1]]},"12":{"position":[[41,1]]},"14":{"position":[[41,1]]},"16":{"position":[[40,1]]},"18":{"position":[[41,1]]},"20":{"position":[[38,1]]},"22":{"position":[[38,1]]},"24":{"position":[[37,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":[[41,1]]},"44":{"position":[[42,1]]},"46":{"position":[[42,1]]},"48":{"position":[[42,1]]},"50":{"position":[[42,1]]},"52":{"position":[[42,1]]},"54":{"position":[[41,1]]},"56":{"position":[[41,1]]},"58":{"position":[[41,1]]},"60":{"position":[[42,1]]},"62":{"position":[[41,1]]},"64":{"position":[[42,1]]},"66":{"position":[[42,1]]},"68":{"position":[[38,1]]},"70":{"position":[[39,1]]},"72":{"position":[[39,1]]},"74":{"position":[[39,1],[338,1]]},"76":{"position":[[39,1]]},"78":{"position":[[39,1]]},"80":{"position":[[37,1]]},"82":{"position":[[37,1]]},"84":{"position":[[38,1]]},"86":{"position":[[38,1]]},"88":{"position":[[38,1]]},"90":{"position":[[37,1]]},"92":{"position":[[37,1]]},"94":{"position":[[37,1]]},"96":{"position":[[37,1]]},"98":{"position":[[38,1]]},"100":{"position":[[41,1]]},"102":{"position":[[41,1]]},"104":{"position":[[44,1]]},"108":{"position":[[38,1],[337,1],[591,1],[1025,1],[1270,1],[1518,1],[1788,1],[2122,1],[2535,1],[2882,1]]},"110":{"position":[[42,1],[291,1],[540,1],[989,1],[1299,1],[1568,1],[1857,1],[2116,1],[2445,1],[2851,1]]},"112":{"position":[[42,1],[382,1],[697,1],[959,1],[1230,1],[1504,1],[1702,1],[1906,1],[2110,1],[2294,1]]},"114":{"position":[[37,1],[232,1],[430,1],[631,1],[861,1],[1063,1],[1292,1],[1462,1],[1697,1],[1888,1]]},"116":{"position":[[41,1]]},"120":{"position":[[86,1]]},"122":{"position":[[84,1]]},"124":{"position":[[93,1],[518,1],[952,1],[1224,1],[1674,1],[1963,1],[2237,1],[2435,1]]},"126":{"position":[[82,1]]},"128":{"position":[[88,1],[517,1],[765,1],[1055,1],[1340,1],[1592,1],[1811,1],[2031,1],[2338,1],[2676,1]]},"130":{"position":[[98,1]]},"132":{"position":[[94,1]]},"134":{"position":[[95,1],[354,1],[683,1],[1089,1],[1402,1]]},"136":{"position":[[91,1]]},"138":{"position":[[100,1],[506,1]]},"140":{"position":[[101,1]]},"142":{"position":[[92,1],[498,1]]},"144":{"position":[[99,1]]},"146":{"position":[[90,1],[339,1],[588,1]]},"148":{"position":[[100,1]]},"150":{"position":[[97,1]]},"152":{"position":[[98,1]]},"154":{"position":[[92,1]]},"156":{"position":[[99,1]]},"158":{"position":[[93,1]]},"160":{"position":[[95,1]]},"162":{"position":[[99,1]]},"164":{"position":[[96,1]]},"166":{"position":[[94,1]]},"168":{"position":[[93,1],[499,1]]},"170":{"position":[[94,1]]},"172":{"position":[[98,1]]},"174":{"position":[[96,1]]},"176":{"position":[[93,1],[499,1]]},"178":{"position":[[103,1]]},"180":{"position":[[91,1]]},"182":{"position":[[95,1]]},"184":{"position":[[92,1]]},"186":{"position":[[92,1],[339,1]]},"188":{"position":[[82,1],[381,1],[635,1],[1069,1],[1314,1],[1562,1],[1832,1],[2166,1],[2579,1],[2926,1]]},"190":{"position":[[86,1],[335,1],[584,1],[1033,1],[1343,1],[1612,1],[1901,1],[2160,1],[2489,1],[2895,1]]},"192":{"position":[[86,1]]},"194":{"position":[[92,1]]},"196":{"position":[[99,1],[524,1],[958,1],[1231,1]]},"198":{"position":[[88,1]]},"200":{"position":[[97,1],[526,1],[774,1],[1064,1],[1349,1],[1601,1],[1820,1],[2040,1],[2347,1],[2685,1]]},"202":{"position":[[112,1]]},"204":{"position":[[91,1],[390,1],[644,1],[1078,1],[1323,1],[1571,1],[1841,1],[2175,1],[2588,1],[2935,1]]},"206":{"position":[[95,1],[344,1],[593,1],[1042,1],[1352,1],[1621,1],[1910,1],[2169,1],[2498,1],[2904,1]]},"208":{"position":[[95,1],[435,1],[750,1],[1012,1],[1283,1],[1557,1],[1755,1],[1959,1],[2163,1],[2347,1]]},"210":{"position":[[90,1],[285,1],[483,1],[684,1],[914,1],[1116,1],[1345,1],[1515,1],[1750,1],[1941,1]]},"212":{"position":[[91,1]]},"214":{"position":[[87,1],[388,1]]},"216":{"position":[[94,1]]},"218":{"position":[[89,1],[334,1],[603,1]]},"220":{"position":[[93,1]]},"222":{"position":[[91,1]]},"224":{"position":[[101,1]]},"226":{"position":[[97,1]]},"228":{"position":[[93,1],[527,1],[778,1]]},"230":{"position":[[87,1]]},"232":{"position":[[90,1],[389,1],[823,1],[1236,1]]},"234":{"position":[[92,1],[505,1]]},"236":{"position":[[91,1]]},"238":{"position":[[90,1],[339,1],[588,1]]},"240":{"position":[[89,1],[337,1],[627,1],[912,1],[1132,1],[1390,1],[1689,1],[1943,1],[2377,1],[2622,1]]},"242":{"position":[[86,1]]},"244":{"position":[[92,1],[345,1]]},"246":{"position":[[92,1],[518,1],[803,1],[1055,1],[1276,1],[1615,1],[2028,1],[2374,1]]},"248":{"position":[[92,1]]},"250":{"position":[[92,1]]},"252":{"position":[[89,1],[523,1],[936,1]]},"254":{"position":[[90,1]]},"256":{"position":[[94,1],[523,1]]},"258":{"position":[[86,1],[523,1]]},"260":{"position":[[86,1]]},"262":{"position":[[87,1]]},"264":{"position":[[90,1],[375,1],[809,1]]},"266":{"position":[[93,1]]},"268":{"position":[[86,1]]},"270":{"position":[[87,1],[429,1]]},"272":{"position":[[94,1],[519,1]]},"274":{"position":[[91,1],[520,1],[768,1],[1058,1],[1343,1],[1595,1],[1814,1],[2034,1],[2341,1],[2679,1]]},"276":{"position":[[92,1],[521,1],[769,1],[1059,1],[1344,1],[1596,1],[1815,1],[2035,1],[2342,1],[2680,1]]},"278":{"position":[[86,1],[385,1],[639,1],[1073,1],[1318,1],[1566,1],[1836,1],[2170,1],[2583,1],[2930,1]]},"280":{"position":[[90,1],[339,1],[588,1],[1037,1]]},"282":{"position":[[85,1],[384,1],[638,1],[1072,1],[1317,1],[1565,1],[1835,1],[2169,1],[2582,1],[2929,1]]},"284":{"position":[[89,1],[338,1],[587,1],[1036,1]]},"286":{"position":[[92,1]]},"288":{"position":[[85,1]]},"290":{"position":[[81,1],[382,1],[716,1]]},"292":{"position":[[83,1],[328,1],[597,1]]},"294":{"position":[[87,1]]},"296":{"position":[[87,1]]},"298":{"position":[[85,1]]},"300":{"position":[[93,1]]},"302":{"position":[[95,1]]},"304":{"position":[[91,1]]},"306":{"position":[[85,1]]},"308":{"position":[[87,1],[521,1]]},"310":{"position":[[80,1]]},"312":{"position":[[86,1],[499,1]]},"314":{"position":[[84,1],[383,1],[817,1],[1230,1]]},"316":{"position":[[85,1]]},"318":{"position":[[85,1],[515,1],[713,1]]},"320":{"position":[[83,1],[331,1],[621,1],[906,1],[1126,1],[1384,1],[1683,1],[1937,1],[2371,1],[2616,1]]},"322":{"position":[[84,1],[333,1],[583,1],[779,1],[984,1]]},"324":{"position":[[80,1]]},"326":{"position":[[80,1],[384,1]]},"328":{"position":[[84,1]]},"330":{"position":[[92,1]]},"332":{"position":[[85,1]]},"334":{"position":[[87,1]]},"336":{"position":[[87,1],[513,1],[798,1],[1050,1],[1271,1],[1610,1],[2023,1],[2369,1],[2675,1],[2875,1]]},"338":{"position":[[89,1]]},"340":{"position":[[93,1],[518,1],[771,1]]},"342":{"position":[[86,1]]},"344":{"position":[[83,1],[517,1],[930,1],[1272,1],[1472,1]]},"346":{"position":[[88,1]]},"348":{"position":[[86,1],[281,1],[479,1]]},"350":{"position":[[83,1],[344,1]]},"352":{"position":[[91,1]]},"354":{"position":[[88,1],[517,1]]},"356":{"position":[[81,1]]},"358":{"position":[[80,1]]},"360":{"position":[[84,1],[369,1],[803,1]]},"362":{"position":[[87,1]]},"364":{"position":[[80,1]]},"366":{"position":[[81,1],[423,1],[670,1],[985,1]]},"368":{"position":[[87,1]]},"370":{"position":[[88,1],[513,1]]},"372":{"position":[[85,1]]},"374":{"position":[[85,1]]},"376":{"position":[[84,1]]},"378":{"position":[[85,1]]},"380":{"position":[[85,1]]},"382":{"position":[[85,1]]},"384":{"position":[[84,1]]},"386":{"position":[[85,1]]},"388":{"position":[[82,1]]},"390":{"position":[[82,1]]},"392":{"position":[[81,1]]},"394":{"position":[[81,1]]},"396":{"position":[[83,1]]},"398":{"position":[[83,1]]},"400":{"position":[[85,1]]},"402":{"position":[[86,1]]},"404":{"position":[[84,1]]},"406":{"position":[[85,1]]},"408":{"position":[[86,1]]},"410":{"position":[[86,1]]},"412":{"position":[[86,1]]},"414":{"position":[[89,1]]},"416":{"position":[[86,1]]},"418":{"position":[[86,1]]},"420":{"position":[[86,1]]},"422":{"position":[[85,1]]},"424":{"position":[[86,1]]},"426":{"position":[[85,1]]},"428":{"position":[[85,1]]},"430":{"position":[[85,1]]},"432":{"position":[[86,1]]},"434":{"position":[[86,1]]},"436":{"position":[[83,1]]},"438":{"position":[[82,1]]},"440":{"position":[[83,1]]},"442":{"position":[[83,1]]},"444":{"position":[[83,1]]},"446":{"position":[[81,1]]},"448":{"position":[[83,1]]},"450":{"position":[[81,1]]},"452":{"position":[[82,1]]},"454":{"position":[[82,1]]},"456":{"position":[[82,1]]},"458":{"position":[[81,1]]},"460":{"position":[[81,1]]},"462":{"position":[[81,1]]},"464":{"position":[[82,1]]},"466":{"position":[[81,1]]},"470":{"position":[[89,2]]},"473":{"position":[[106,1],[147,1],[159,1],[200,1],[212,1],[254,1],[266,1],[293,1],[320,1],[335,4],[340,2],[368,1],[398,1],[405,1],[407,2],[420,1],[447,1],[474,1],[489,4],[494,2],[522,1],[546,2],[574,1],[604,1],[611,1],[613,2],[616,2]]},"475":{"position":[[206,5],[256,1],[297,1],[309,1],[351,1],[363,1],[390,1],[417,1],[432,4],[437,2],[465,1],[489,2],[517,1],[547,1],[554,1],[556,2],[559,2]]},"477":{"position":[[366,1],[407,1],[419,1],[461,1],[473,1],[500,1],[527,1],[542,4],[547,2],[575,1],[599,2],[627,1],[657,1],[664,1],[666,2],[669,2]]},"481":{"position":[[373,2]]},"496":{"position":[[567,2],[613,1],[634,1],[657,1],[659,3],[689,1],[705,1],[731,1],[763,1],[765,1]]},"502":{"position":[[235,2],[313,2]]},"504":{"position":[[142,2],[145,2],[189,1],[251,1],[323,2],[362,2]]},"508":{"position":[[260,1],[282,1],[329,2],[337,1],[385,1]]},"510":{"position":[[146,1],[182,2],[359,1],[402,2],[491,2],[582,1],[663,1],[707,2]]},"517":{"position":[[131,2]]},"519":{"position":[[131,2]]},"521":{"position":[[131,2]]},"523":{"position":[[131,2]]},"525":{"position":[[131,2]]},"527":{"position":[[131,2],[298,2]]},"529":{"position":[[131,2]]},"531":{"position":[[131,2]]},"533":{"position":[[131,2]]},"544":{"position":[[114,2]]},"548":{"position":[[300,2]]},"558":{"position":[[332,2],[708,2],[1035,2]]},"560":{"position":[[185,2],[582,2],[930,2]]},"564":{"position":[[67,2]]},"571":{"position":[[190,1],[676,1],[1163,1],[1647,1],[2130,1]]},"589":{"position":[[86,2]]},"597":{"position":[[615,1],[636,1],[686,2],[756,2],[828,2]]},"599":{"position":[[690,1],[711,1],[761,2],[831,2],[903,2]]},"601":{"position":[[958,1],[987,1],[1008,1],[1042,1],[1102,2],[1172,2],[1244,2],[1316,2],[1426,2],[1535,2],[1645,2],[1746,2],[1758,1]]},"603":{"position":[[86,1]]},"605":{"position":[[85,1]]},"607":{"position":[[86,1]]},"611":{"position":[[126,1],[273,1],[385,1],[435,1]]},"616":{"position":[[132,1],[207,1],[226,1],[435,1],[437,2],[452,1],[459,1],[461,2],[476,1],[478,2]]},"618":{"position":[[508,1],[575,1],[587,1],[630,1],[647,1],[735,1],[864,1],[866,2],[901,2],[1029,1],[1124,2],[1551,1],[1614,1],[1626,1],[1668,1],[1670,2],[1721,1],[1736,1],[1748,1],[1769,1],[1779,2],[1804,2]]},"620":{"position":[[204,1],[283,1],[297,1],[324,1],[340,1],[363,1],[399,1],[425,1],[446,2],[466,1],[611,1],[613,2],[628,1],[635,1],[637,2],[652,1],[654,2]]},"622":{"position":[[339,2],[463,2],[587,2],[680,1],[770,1],[784,1],[811,1],[818,1],[825,2],[845,1],[990,1],[992,2],[1007,1],[1014,1],[1016,2],[1031,1],[1033,2]]},"624":{"position":[[281,1],[350,1],[369,1],[470,1],[472,2],[487,1],[494,1],[496,2],[511,1],[513,2],[771,1],[840,1],[854,1],[881,1],[896,1],[903,2],[923,1],[1056,1],[1058,2],[1073,1],[1080,1],[1082,2],[1097,1],[1099,2]]},"626":{"position":[[240,1],[309,1],[323,1],[350,1],[373,1],[380,2],[400,1],[545,1],[547,2],[562,1],[569,1],[571,2],[586,1],[588,2],[826,1],[879,1],[948,1],[962,1],[989,1],[1004,1],[1033,1],[1040,2],[1060,1],[1192,1],[1194,2],[1209,1],[1216,1],[1218,2],[1233,1],[1235,2]]},"651":{"position":[[187,2],[613,2],[1033,2],[1444,2],[1864,2],[2281,2]]},"653":{"position":[[635,2],[1523,2]]},"656":{"position":[[756,2]]},"660":{"position":[[747,2]]},"662":{"position":[[673,2]]},"677":{"position":[[236,1],[266,1],[277,1],[303,1],[325,1],[602,2],[778,2],[818,2],[868,2],[900,2],[919,2],[1073,2],[1116,2],[1172,2],[1204,2],[1226,2],[1439,2],[1471,2],[1490,2],[1829,1],[1855,1],[1896,1],[1948,1],[1962,1],[2012,1],[2056,1],[2100,1],[2144,1],[2160,1],[2187,1],[2234,1],[2253,1],[2280,1],[2312,1],[2324,1],[2349,1],[2371,1],[2389,1],[2417,1],[2442,1],[2461,1],[2481,1],[2517,1],[2663,1],[2690,1],[2700,1],[2721,1],[2749,1],[2772,1],[2797,1],[2848,1],[2912,1],[2924,1],[2926,1],[2961,1],[3029,1],[3041,1],[3066,1],[3118,1],[3182,1],[3194,1],[3196,2]]},"681":{"position":[[628,1],[671,2],[734,2],[799,2]]},"683":{"position":[[576,1],[600,1],[659,2],[730,2],[802,2],[873,2]]},"687":{"position":[[149,2],[525,2],[673,2],[1255,2]]},"689":{"position":[[127,1]]},"696":{"position":[[472,1],[533,1],[561,1],[601,1],[629,2]]},"698":{"position":[[418,1],[440,1],[515,1],[532,1],[701,2],[1129,1],[1192,1],[1204,1],[1246,1],[1248,2],[1299,1],[1314,1],[1326,1],[1347,1],[1357,2],[1382,2]]},"700":{"position":[[650,1],[672,1],[747,1],[764,1],[1035,1],[1082,2],[1093,1],[1704,1],[1767,1],[1779,1],[1846,1],[1858,1],[1900,1],[1902,2],[1953,1],[1968,1],[1980,1],[2000,1],[2010,2],[2035,2]]},"702":{"position":[[586,1],[647,1],[675,1],[715,1],[743,2]]},"704":{"position":[[976,1],[1037,1],[1065,1],[1105,1],[1133,2]]},"706":{"position":[[487,1],[548,1],[576,1],[616,1],[644,2]]},"708":{"position":[[876,1],[937,1],[965,1],[1005,1],[1033,2]]},"710":{"position":[[509,2],[609,2],[703,2],[755,1]]},"712":{"position":[[839,2],[931,2],[1034,2],[1137,2],[1240,2],[1343,2],[1406,1]]},"714":{"position":[[623,1],[687,1],[707,2],[710,1],[749,3],[753,1],[794,1],[814,2],[817,1],[853,3],[857,1],[899,1],[919,2],[922,1],[960,3],[964,1],[1006,1],[1026,2],[1029,1],[1065,3],[1069,1],[1118,1],[1138,2],[1141,1],[1187,3],[1191,2]]},"718":{"position":[[148,2],[979,2]]},"727":{"position":[[109,2],[112,2],[115,1],[201,3],[251,1],[322,1],[354,1],[396,1],[428,2]]},"729":{"position":[[435,1],[465,1],[545,1],[562,1],[735,2],[1163,1],[1191,1],[1237,1],[1249,1],[1291,1],[1293,2],[1344,1],[1359,1],[1371,1],[1392,1],[1402,2],[1427,2]]},"731":{"position":[[683,1],[713,1],[793,1],[810,1],[1085,1],[1132,2],[1143,1],[1761,1],[1789,1],[1835,1],[1847,1],[1914,1],[1926,1],[1968,1],[1970,2],[2021,1],[2036,1],[2048,1],[2068,1],[2078,2],[2103,2]]},"733":{"position":[[273,1],[346,1],[378,2]]},"735":{"position":[[3918,2],[4087,1],[4160,1],[4192,2]]},"737":{"position":[[3939,2],[4114,1],[4187,1],[4219,2],[8077,2],[8252,1],[8325,1],[8357,2]]},"739":{"position":[[682,1],[755,1],[787,1],[831,1],[863,1],[910,1],[930,2],[933,1],[972,3],[976,1],[1021,1],[1041,2],[1044,1],[1081,3],[1085,1],[1131,1],[1151,2],[1154,1],[1192,3],[1196,1],[1242,1],[1262,2],[1265,1],[1303,3],[1307,2]]},"748":{"position":[[399,2]]},"750":{"position":[[229,2]]},"752":{"position":[[151,2]]},"754":{"position":[[325,2]]},"756":{"position":[[203,2]]},"758":{"position":[[160,1],[184,1],[246,1],[266,2],[269,1],[289,1],[306,3],[310,2]]},"767":{"position":[[104,2],[150,2],[196,2]]},"769":{"position":[[192,2]]},"771":{"position":[[777,2]]},"773":{"position":[[405,2]]},"775":{"position":[[254,2],[330,2],[406,2],[629,2],[705,2],[781,2]]},"782":{"position":[[74,1]]},"784":{"position":[[141,2],[277,1],[328,1],[340,1],[370,1],[376,1],[401,2],[446,1],[454,1],[456,2],[476,1],[486,1],[511,1],[513,2]]},"786":{"position":[[235,2],[238,2],[365,2],[368,2],[497,2],[500,2],[624,2],[627,2],[750,2],[753,2],[875,2],[878,2],[995,2],[998,2],[1116,2],[1119,2],[1193,1],[1244,1],[1256,1],[1321,1],[1382,2],[1429,2]]},"794":{"position":[[222,2]]},"801":{"position":[[179,2],[458,2],[742,2]]},"807":{"position":[[1586,2],[1661,2],[1738,2],[1818,2],[1899,2],[1978,2]]},"811":{"position":[[542,1],[554,1],[633,1],[652,1],[685,1],[698,2],[728,1],[767,1],[1047,1],[1049,1],[1051,2]]},"815":{"position":[[67,2]]},"822":{"position":[[628,2],[682,2],[739,2]]},"826":{"position":[[599,1],[661,1],[746,1],[783,1],[874,1],[908,1],[987,2]]},"832":{"position":[[277,2],[421,2],[565,2],[711,2],[857,2],[1006,2],[1152,2],[1216,1],[1286,2]]},"834":{"position":[[167,2],[221,2],[278,2]]},"842":{"position":[[213,2]]},"844":{"position":[[384,2],[504,2]]},"847":{"position":[[398,2],[506,2],[616,2],[721,2],[825,2],[928,2],[1025,2],[1083,1],[1113,1],[1187,2],[1296,2],[1316,1],[1323,1],[1342,1],[1373,1],[1402,1],[1472,3]]},"849":{"position":[[314,2],[422,2],[532,2],[637,2],[741,2],[844,2],[942,2],[1041,2],[1099,1],[1129,1],[1203,2],[1312,2],[1332,1],[1339,1],[1360,1],[1437,3]]},"851":{"position":[[356,2],[464,2],[574,2],[679,2],[783,2],[886,2],[983,2],[1041,1],[1071,1],[1145,2],[1254,2],[1274,1],[1281,1],[1300,1],[1331,1],[1360,1],[1430,3]]},"853":{"position":[[441,2],[549,2],[659,2],[764,2],[868,2],[971,2],[1068,2],[1126,1],[1156,1],[1230,2],[1339,1],[1358,1],[1398,1],[1430,1],[1474,1],[1516,1],[1586,2],[1666,1],[1680,2],[1700,2],[1713,2],[1757,2]]},"855":{"position":[[302,2],[415,2],[532,2],[647,2],[766,2],[889,2],[1010,2],[1129,2],[1252,2],[1329,1],[1363,1],[1419,1],[1484,1],[1507,1],[1542,1],[1549,1],[1576,1],[1607,1],[1636,1],[1706,3],[1710,1],[1728,1],[1741,2]]},"857":{"position":[[516,2],[624,2],[734,2],[839,2],[943,2],[1046,2],[1143,2],[1201,1],[1231,1],[1305,2],[1414,2],[1434,1],[1441,1],[1460,1],[1491,1],[1520,1],[1590,3]]},"859":{"position":[[226,2],[370,1],[417,1],[429,1],[459,1],[465,1],[467,2],[612,1],[634,1],[636,2],[725,1],[727,2]]},"863":{"position":[[388,2]]},"870":{"position":[[125,1],[150,1],[183,2]]},"872":{"position":[[220,1],[242,1],[289,2],[297,1]]},"878":{"position":[[221,2],[272,2]]},"881":{"position":[[123,2]]},"883":{"position":[[194,2]]},"885":{"position":[[891,2]]},"887":{"position":[[40,2]]},"893":{"position":[[64,2],[147,2],[248,2]]},"905":{"position":[[96,2],[157,2]]},"907":{"position":[[812,1],[1210,2],[1292,2],[1370,2],[1522,2]]},"916":{"position":[[565,2],[568,2],[710,2],[713,2],[858,2],[861,2],[998,2],[1001,2],[1165,2],[1168,2],[1240,1],[1268,1],[1320,1],[1360,1],[1398,1],[1427,1],[1456,1],[1458,1],[1581,2],[1606,1],[1655,1],[1667,1],[1683,1],[1692,1],[1728,1],[1752,2],[1771,1],[1793,1],[1806,1],[1826,1],[1844,1],[1851,1],[1875,1],[1877,2],[1880,1],[1949,1],[1968,1],[2030,1],[2076,1],[2114,1],[2138,2],[2168,2],[2222,1],[2295,1],[2344,2],[2375,2],[2412,1],[2424,1],[2466,1],[2499,1],[2506,1],[2520,1],[2553,1],[2576,1],[2621,1],[2623,1],[2644,1],[2715,1],[2754,1],[2778,2],[2835,2],[2867,1],[2907,1],[2983,1],[3019,1],[3043,2],[3098,2],[3122,1],[3199,1],[3325,1],[3337,1],[3405,1],[3456,1],[3484,1],[3547,1],[3596,1],[3624,1],[3687,1],[3783,1],[3798,1],[3842,1],[3853,1],[3882,1],[3926,1],[3945,1],[3998,1],[4006,1],[4085,2],[4120,1],[4128,1],[4163,1],[4198,1],[4217,1],[4235,2],[4250,1],[4269,1],[4287,2],[4302,1],[4321,1],[4325,2],[4328,2],[4331,1],[4370,1],[4381,1],[4418,1],[4429,1],[4453,1],[4483,1],[4498,1],[4562,1],[4575,1],[4612,1],[4623,1],[4650,1],[4684,1],[4701,1],[4737,1],[4751,2],[4789,1]]},"918":{"position":[[52,2],[61,1],[89,1],[141,1],[181,1],[233,1],[246,1],[265,1],[305,2],[321,1],[363,1],[387,1],[394,1],[413,1],[442,2],[461,1],[480,1],[522,2],[537,1],[556,1],[598,2],[613,1],[632,1],[636,2],[639,2],[676,1],[692,1],[701,1],[720,1],[731,2],[750,1],[802,1],[838,1],[856,1],[863,1],[883,2],[912,1],[955,1],[1008,1],[1052,1],[1104,1],[1151,1],[1160,1],[1229,1],[1248,1],[1310,1],[1356,2]]},"920":{"position":[[52,2],[61,1],[89,1],[141,1],[181,1],[233,1],[246,1],[297,1],[316,1],[356,2],[372,1],[414,1],[438,1],[446,1],[464,1],[483,1],[510,2],[529,1],[548,1],[560,2],[575,1],[594,1],[606,2],[621,1],[640,1],[644,2],[647,2],[687,1],[711,1],[719,1],[735,1],[754,1],[781,2],[800,1],[819,1],[831,2],[846,1],[865,1],[877,2],[892,1],[911,1],[915,2],[918,2],[958,1],[982,1],[990,1],[1006,1],[1025,1],[1053,2],[1072,1],[1091,1],[1103,2],[1118,1],[1137,1],[1149,2],[1164,1],[1183,1],[1187,2],[1190,2],[1227,1],[1243,1],[1252,1],[1271,1],[1282,2],[1301,1],[1337,1],[1373,1],[1391,1],[1398,1],[1418,2],[1447,1],[1490,1],[1543,1],[1587,1],[1639,1],[1680,1],[1721,1],[1764,1],[1824,1],[1832,1],[1901,1],[1920,1],[1982,1],[2028,2]]},"922":{"position":[[221,2],[230,1],[258,1],[310,1],[350,1],[402,1],[415,1],[466,1],[485,1],[525,2],[541,1],[583,1],[607,1],[615,1],[633,1],[652,1],[679,2],[698,1],[717,1],[729,2],[744,1],[763,1],[775,2],[790,1],[809,1],[813,2],[816,2],[856,1],[880,1],[888,1],[904,1],[923,1],[950,2],[969,1],[988,1],[1000,2],[1015,1],[1034,1],[1046,2],[1061,1],[1080,1],[1084,2],[1087,2],[1127,1],[1151,1],[1159,1],[1175,1],[1194,1],[1222,2],[1241,1],[1260,1],[1272,2],[1287,1],[1306,1],[1318,2],[1333,1],[1352,1],[1356,2],[1359,2],[1396,1],[1412,1],[1421,1],[1440,1],[1451,2],[1470,1],[1502,1],[1540,1],[1576,1],[1594,1],[1601,1],[1621,2],[1650,1],[1693,1],[1746,1],[1790,1],[1842,1],[1883,1],[1924,1],[1967,1],[2027,1],[2035,1],[2104,1],[2123,1],[2185,1],[2231,2]]},"924":{"position":[[52,2],[61,1],[89,1],[141,1],[181,1],[233,1],[246,1],[297,1],[316,1],[356,2],[372,1],[414,1],[438,1],[446,1],[464,1],[483,1],[510,2],[529,1],[548,1],[560,2],[575,1],[594,1],[606,2],[621,1],[640,1],[644,2],[647,2],[687,1],[711,1],[719,1],[735,1],[754,1],[781,2],[800,1],[819,1],[831,2],[846,1],[865,1],[877,2],[892,1],[911,1],[915,2],[918,2],[958,1],[982,1],[990,1],[1006,1],[1025,1],[1053,2],[1072,1],[1091,1],[1103,2],[1118,1],[1137,1],[1149,2],[1164,1],[1183,1],[1187,2],[1190,2],[1227,1],[1243,1],[1252,1],[1271,1],[1282,2],[1301,1],[1337,1],[1373,1],[1391,1],[1398,1],[1418,2],[1447,1],[1490,1],[1543,1],[1587,1],[1639,1],[1680,1],[1721,1],[1764,1],[1824,1],[1832,1],[1901,1],[1920,1],[1922,2],[2078,1],[2098,3],[2102,1],[2148,2]]},"932":{"position":[[96,2],[157,2]]},"934":{"position":[[459,1],[862,2],[944,2],[1022,2],[1174,2]]},"943":{"position":[[575,2],[578,2],[720,2],[723,2],[868,2],[871,2],[920,1],[958,1],[1020,1],[1060,1],[1134,1],[1167,1],[1194,1],[1243,1],[1262,1],[1312,1],[1328,1],[1337,1],[1373,1],[1397,2],[1421,1],[1462,1],[1510,1],[1571,1],[1579,1],[1648,1],[1667,1],[1739,1],[1785,1],[1823,1],[1847,2],[1877,2],[1931,1],[2004,1],[2063,2],[2099,2],[2141,1],[2153,1],[2200,1],[2233,1],[2240,1],[2254,1],[2290,1],[2318,1],[2368,1],[2370,1],[2391,1],[2472,1],[2511,1],[2535,2],[2591,1],[2636,1],[2722,1],[2758,1],[2780,2],[2817,2],[2865,1],[2942,1],[3002,1],[3129,1],[3131,1],[3143,1],[3232,2],[3238,1],[3334,1],[3349,1],[3393,1],[3404,1],[3433,1],[3482,1],[3501,1],[3564,1],[3580,2],[3599,1],[3607,1],[3639,1],[3674,1],[3704,2],[3707,1],[3746,1],[3757,1],[3794,1],[3805,1],[3833,1],[3866,1],[3881,1],[3932,1],[3945,1],[3982,1],[3993,1],[4021,1],[4061,1],[4078,1],[4142,1],[4155,1],[4192,1],[4203,1],[4230,1],[4280,2],[4286,1],[4303,1],[4339,2],[4369,1],[4420,2]]},"945":{"position":[[215,1],[290,2],[299,1],[329,1],[383,1],[423,1],[475,1],[488,1],[539,1],[558,1],[681,2],[697,1],[739,1],[764,1],[772,1],[790,1],[809,1],[918,2],[937,1],[956,1],[968,2],[983,1],[1002,1],[1014,2],[1029,1],[1048,1],[1052,2],[1072,1],[1091,1],[1095,2],[1119,1],[1138,1],[1150,2],[1165,1],[1181,1],[1185,2],[1188,2],[1220,1],[1236,1],[1240,2],[1243,2],[1283,1],[1308,1],[1316,1],[1332,1],[1351,1],[1460,2],[1479,1],[1498,1],[1510,2],[1525,1],[1544,1],[1556,2],[1571,1],[1590,1],[1594,2],[1614,1],[1633,1],[1637,2],[1661,1],[1680,1],[1692,2],[1707,1],[1723,1],[1727,2],[1730,2],[1762,1],[1778,1],[1782,2],[1785,2],[1825,1],[1850,1],[1858,1],[1874,1],[1893,1],[2002,2],[2021,1],[2040,1],[2052,2],[2067,1],[2086,1],[2098,2],[2113,1],[2132,1],[2136,2],[2156,1],[2175,1],[2179,2],[2203,1],[2222,1],[2234,2],[2249,1],[2265,1],[2269,2],[2272,2],[2304,1],[2320,1],[2324,2],[2327,2],[2364,1],[2380,1],[2389,1],[2408,1],[2419,2],[2439,1],[2472,1],[2511,1],[2548,1],[2566,1],[2573,1],[2597,2],[2637,1],[2687,1],[2732,1],[2786,1],[2830,1],[2891,1],[2899,1],[2968,1],[2987,1],[3051,1],[3097,2]]},"947":{"position":[[158,2],[161,2],[303,2],[306,2],[355,1],[393,1],[455,1],[495,1],[569,1],[602,1],[629,1],[678,1],[697,1],[747,1],[763,1],[772,1],[808,1],[832,2],[856,1],[897,1],[945,1],[1006,1],[1014,1],[1083,1],[1102,1],[1104,2],[1270,1],[1290,3],[1294,1],[1340,1],[1378,1],[1402,2],[1432,2],[1486,1],[1532,1],[1581,1],[1640,2],[1676,2],[1718,1],[1730,1],[1777,1],[1810,1],[1817,1],[1831,1],[1867,1],[1895,1],[1945,1],[1947,1],[1968,1],[2074,1],[2110,1],[2132,2],[2169,2],[2217,1],[2294,1],[2354,1],[2481,1],[2483,1],[2495,1],[2584,2],[2590,1],[2686,1],[2701,1],[2745,1],[2756,1],[2785,1],[2799,1],[2844,2],[2876,1],[2900,2],[2951,1],[2993,1],[3028,1],[3047,1],[3110,1],[3126,2],[3145,1],[3153,1],[3185,1],[3220,1],[3250,2],[3253,1],[3292,1],[3303,1],[3340,1],[3351,1],[3379,1],[3412,1],[3427,1],[3478,1],[3491,1],[3528,1],[3539,1],[3567,1],[3607,1],[3624,1],[3688,1],[3701,1],[3738,1],[3749,1],[3776,1],[3826,2],[3832,1],[3849,1],[3885,2],[3915,1],[3966,2]]},"955":{"position":[[87,2],[155,2]]},"957":{"position":[[550,1],[1162,2],[1244,2],[1376,2],[1562,1],[1585,1],[1667,1],[1690,1],[1774,1],[1778,1],[1872,1],[1876,1],[2173,1],[2177,1],[2266,1],[2270,1],[2352,1],[2356,1],[2473,1],[2477,1],[2564,1],[2575,1],[3340,2]]},"966":{"position":[[463,1],[635,2],[638,2],[780,2],[783,2],[928,2],[931,2],[1070,2],[1073,2],[1241,2],[1244,2],[1320,1],[1350,1],[1404,1],[1444,1],[1482,1],[1511,1],[1538,1],[1587,1],[1599,1],[1615,1],[1624,1],[1660,1],[1684,2],[1704,1],[1712,1],[1725,1],[1745,1],[1763,1],[1770,1],[1794,1],[1796,2],[1799,1],[1868,1],[1887,1],[1951,1],[1997,1],[2035,1],[2059,2],[2089,2],[2143,1],[2216,1],[2267,2],[2299,2],[2337,1],[2349,1],[2392,1],[2425,1],[2432,1],[2446,1],[2479,1],[2503,1],[2549,1],[2551,1],[2572,1],[2645,1],[2684,1],[2708,2],[2764,1],[2805,1],[2883,1],[2919,1],[2943,2],[2991,1],[3068,1],[3198,1],[3210,1],[3279,1],[3331,1],[3360,1],[3425,1],[3475,1],[3504,1],[3569,1],[3665,1],[3680,1],[3724,1],[3735,1],[3764,1],[3809,1],[3828,1],[3883,1],[3891,1],[3970,2],[4006,1],[4014,1],[4046,1],[4081,1],[4100,1],[4118,2],[4133,1],[4152,1],[4170,2],[4185,1],[4204,1],[4208,2],[4228,1],[4247,1],[4251,2],[4275,1],[4294,1],[4312,2],[4327,1],[4343,1],[4347,2],[4350,2],[4382,1],[4398,1],[4402,2],[4405,2],[4408,1],[4447,1],[4458,1],[4495,1],[4506,1],[4530,1],[4560,1],[4575,1],[4639,1],[4652,1],[4689,1],[4700,1],[4727,1],[4761,1],[4778,1],[4814,1],[4828,2],[4863,1]]},"968":{"position":[[46,1],[121,2],[130,1],[160,1],[214,1],[254,1],[306,1],[319,1],[370,1],[389,1],[512,2],[528,1],[570,1],[595,1],[603,1],[621,1],[640,1],[749,2],[768,1],[787,1],[799,2],[814,1],[833,1],[845,2],[860,1],[879,1],[883,2],[903,1],[922,1],[926,2],[950,1],[969,1],[981,2],[996,1],[1012,1],[1016,2],[1019,2],[1051,1],[1067,1],[1071,2],[1074,2],[1114,1],[1139,1],[1147,1],[1163,1],[1182,1],[1291,2],[1310,1],[1329,1],[1341,2],[1356,1],[1375,1],[1387,2],[1402,1],[1421,1],[1425,2],[1445,1],[1464,1],[1468,2],[1492,1],[1511,1],[1523,2],[1538,1],[1554,1],[1558,2],[1561,2],[1593,1],[1609,1],[1613,2],[1616,2],[1656,1],[1681,1],[1689,1],[1705,1],[1724,1],[1833,2],[1852,1],[1871,1],[1883,2],[1898,1],[1917,1],[1929,2],[1944,1],[1963,1],[1967,2],[1987,1],[2006,1],[2010,2],[2034,1],[2053,1],[2065,2],[2080,1],[2096,1],[2100,2],[2103,2],[2135,1],[2151,1],[2155,2],[2158,2],[2195,1],[2211,1],[2220,1],[2239,1],[2250,2],[2270,1],[2307,1],[2344,1],[2362,1],[2369,1],[2393,2],[2433,1],[2483,1],[2528,1],[2582,1],[2626,1],[2687,1],[2695,1],[2764,1],[2783,1],[2847,1],[2893,2]]},"970":{"position":[[53,2],[62,1],[92,1],[146,1],[186,1],[238,1],[251,1],[302,1],[321,1],[444,2],[460,1],[502,1],[525,1],[533,1],[551,1],[570,1],[679,2],[698,1],[717,1],[729,2],[744,1],[763,1],[775,2],[790,1],[809,1],[813,2],[833,1],[852,1],[856,2],[880,1],[899,1],[911,2],[926,1],[942,1],[946,2],[949,2],[981,1],[997,1],[1001,2],[1004,2],[1029,1],[1037,1],[1045,1],[1061,1],[1069,1],[1071,2],[1111,1],[1134,1],[1142,1],[1158,1],[1177,1],[1286,2],[1305,1],[1324,1],[1336,2],[1351,1],[1370,1],[1382,2],[1397,1],[1416,1],[1420,2],[1440,1],[1459,1],[1463,2],[1487,1],[1506,1],[1518,2],[1533,1],[1549,1],[1553,2],[1556,2],[1588,1],[1604,1],[1608,2],[1611,2],[1636,1],[1644,1],[1652,1],[1668,1],[1676,1],[1678,2],[1718,1],[1741,1],[1749,1],[1765,1],[1784,1],[1893,2],[1912,1],[1931,1],[1943,2],[1958,1],[1977,1],[1989,2],[2004,1],[2023,1],[2027,2],[2047,1],[2066,1],[2070,2],[2094,1],[2113,1],[2125,2],[2140,1],[2156,1],[2160,2],[2163,2],[2195,1],[2211,1],[2215,2],[2218,2],[2243,1],[2251,1],[2259,1],[2277,1],[2287,1],[2289,2],[2326,1],[2342,1],[2351,1],[2370,1],[2381,2],[2401,1],[2438,1],[2475,1],[2493,1],[2500,1],[2524,2],[2564,1],[2614,1],[2659,1],[2713,1],[2757,1],[2818,1],[2826,2],[2882,1],[2893,1],[2962,1],[2981,1],[2983,2],[3141,1],[3161,3],[3165,1],[3211,2]]},"978":{"position":[[87,2],[155,2]]},"980":{"position":[[454,1],[852,2],[934,2],[1012,2],[1072,2]]},"989":{"position":[[565,2],[568,2],[710,2],[713,2],[858,2],[861,2],[910,1],[938,1],[990,1],[1030,1],[1104,1],[1137,1],[1164,1],[1213,1],[1232,1],[1282,1],[1298,1],[1307,1],[1343,1],[1367,2],[1386,1],[1422,1],[1465,1],[1521,1],[1529,1],[1598,1],[1617,1],[1679,1],[1725,1],[1763,1],[1787,2],[1817,2],[1871,1],[1944,1],[1993,2],[2024,2],[2061,1],[2073,1],[2115,1],[2148,1],[2155,1],[2169,1],[2205,1],[2228,1],[2273,1],[2275,1],[2296,1],[2367,1],[2406,1],[2430,2],[2486,1],[2526,1],[2602,1],[2638,1],[2660,2],[2697,2],[2745,1],[2822,1],[2987,1],[2999,1],[3083,2],[3089,1],[3185,1],[3200,1],[3244,1],[3255,1],[3284,1],[3328,1],[3347,1],[3400,1],[3416,2],[3435,1],[3443,1],[3475,1],[3510,1],[3540,2],[3543,1],[3582,1],[3593,1],[3630,1],[3641,1],[3669,1],[3702,1],[3717,1],[3768,1],[3781,1],[3818,1],[3829,1],[3857,1],[3897,1],[3914,1],[3978,1],[3991,1],[4028,1],[4039,1],[4066,1],[4116,2],[4122,1],[4139,1],[4175,2],[4205,1],[4256,2]]},"991":{"position":[[148,2],[151,2],[293,2],[296,2],[345,1],[373,1],[425,1],[465,1],[539,1],[572,1],[599,1],[648,1],[667,1],[717,1],[733,1],[742,1],[778,1],[802,2],[821,1],[857,1],[900,1],[956,1],[964,1],[1033,1],[1052,1],[1054,2],[1210,1],[1230,3],[1234,1],[1280,1],[1318,1],[1342,2],[1372,2],[1426,1],[1499,1],[1548,2],[1579,2],[1616,1],[1628,1],[1670,1],[1703,1],[1710,1],[1724,1],[1760,1],[1783,1],[1828,1],[1830,1],[1851,1],[1922,1],[1958,1],[1980,2],[2017,2],[2065,1],[2142,1],[2307,1],[2319,1],[2403,2],[2409,1],[2505,1],[2520,1],[2564,1],[2575,1],[2604,1],[2618,1],[2658,2],[2690,1],[2714,2],[2765,1],[2805,1],[2840,1],[2859,1],[2912,1],[2928,2],[2947,1],[2955,1],[2987,1],[3022,1],[3052,2],[3055,1],[3094,1],[3105,1],[3142,1],[3153,1],[3181,1],[3214,1],[3229,1],[3280,1],[3293,1],[3330,1],[3341,1],[3369,1],[3409,1],[3426,1],[3490,1],[3503,1],[3540,1],[3551,1],[3578,1],[3628,2],[3634,1],[3651,1],[3687,2],[3717,1],[3768,2]]},"995":{"position":[[80,2],[319,2],[388,2],[508,2],[1241,2]]},"1004":{"position":[[240,2],[276,2],[298,1],[503,1],[528,2],[599,1],[617,2],[739,2],[768,1],[815,1],[843,1],[1314,2],[1317,1],[1373,1],[1375,2],[1406,2],[1489,2]]},"1006":{"position":[[501,2],[537,2],[559,1],[764,1],[789,2],[860,1],[878,2],[1000,2],[1029,1],[1076,1],[1104,1],[1575,2],[1578,1],[1634,1],[1636,2],[1667,2],[1750,2]]},"1008":{"position":[[240,2],[276,2],[298,1],[372,1],[384,1],[520,1],[536,1],[618,2],[704,1],[711,1],[735,1],[755,3],[759,1],[815,1],[817,2],[848,2],[931,2]]},"1010":{"position":[[240,2],[276,2],[298,1],[409,1],[424,1],[436,1],[572,1],[597,2],[668,1],[686,2],[808,2],[837,1],[884,1],[912,1],[1383,2],[1386,1],[1442,1],[1444,2],[1475,2],[1558,1],[1560,1]]},"1012":{"position":[[90,1],[120,1],[131,1],[157,1],[179,1],[304,2],[642,2],[678,2],[710,2],[744,2],[966,2],[998,2],[1027,2],[1202,1],[1244,1],[1330,1],[1342,1],[1384,1],[1399,1],[1457,1],[1493,1],[1607,1],[1743,1],[1759,1],[1814,2],[1900,1],[1907,1],[1931,1],[1951,3],[1955,1],[2011,1],[2013,2],[2044,2],[2181,1],[2212,1],[2252,1],[2264,1],[2299,1],[2311,1],[2313,2]]},"1014":{"position":[[324,2],[360,2],[599,1],[629,1],[663,1],[714,1],[726,1],[728,1],[876,1],[892,1],[979,2],[1066,1],[1073,1],[1097,1],[1117,3],[1121,1],[1178,1],[1180,2],[1211,2],[1294,1],[1318,2],[1330,1],[1362,2],[1374,1],[1404,2],[1416,1],[1568,1],[1857,2],[1893,2],[2061,1],[2109,1],[2149,1],[2204,1],[2216,1],[2218,1],[2366,1],[2382,1],[2469,2],[2556,1],[2563,1],[2587,1],[2607,3],[2611,1],[2668,1],[2670,2],[2701,2],[2784,1],[2809,2],[2859,2]]},"1018":{"position":[[641,2]]},"1025":{"position":[[14,1],[67,1],[241,1],[263,1]]},"1027":{"position":[[2014,1],[2036,1],[2068,1],[2100,1],[2132,1],[2164,1],[2196,1],[2228,1],[2260,1],[2292,1]]},"1029":{"position":[[264,1],[289,1]]},"1031":{"position":[[420,1],[445,1]]},"1033":{"position":[[422,1],[444,1]]},"1035":{"position":[[1255,1]]},"1037":{"position":[[647,2],[784,1]]},"1039":{"position":[[682,1],[728,1]]},"1041":{"position":[[315,2],[448,1]]},"1043":{"position":[[448,1],[493,1],[523,2],[535,1],[567,2],[579,1],[609,2],[621,1],[774,1],[1115,1],[1159,1],[1215,2],[1265,2]]},"1045":{"position":[[336,1],[366,1],[377,1],[403,1],[425,1],[548,2],[819,2],[859,2],[909,2],[941,2],[960,2],[1216,2],[1259,2],[1315,2],[1347,2],[1369,2],[1684,2],[1716,2],[1735,2],[2053,1],[2079,1],[2161,1],[2175,1],[2225,1],[2269,1],[2313,1],[2357,1],[2373,1],[2400,1],[2447,1],[2466,1],[2493,1],[2525,1],[2537,1],[2562,1],[2584,1],[2602,1],[2630,1],[2655,1],[2674,1],[2694,1],[2730,1],[2876,1],[2903,1],[2913,1],[2934,1],[2962,1],[2985,1],[3010,1],[3061,1],[3125,1],[3137,1],[3139,1],[3173,1],[3241,1],[3253,1],[3278,1],[3330,1],[3394,1],[3406,1],[3408,2]]},"1047":{"position":[[287,2],[319,2],[369,2],[416,1],[441,1],[519,1],[527,1],[536,2],[570,1],[633,2]]},"1058":{"position":[[286,1],[311,1]]},"1060":{"position":[[1095,1],[1120,1],[1220,1]]},"1062":{"position":[[1723,1],[1747,1],[1797,1],[1848,1],[2062,1],[2070,1],[2106,1],[2141,1],[2177,1],[2190,1],[2225,1],[2261,1],[2295,1],[2307,1],[2320,1],[2333,1],[2345,1],[2352,2]]},"1064":{"position":[[444,1],[469,1],[530,1],[560,2],[572,1],[604,2],[616,1],[646,2],[658,1],[807,1],[1144,1],[1184,1],[1219,1],[1281,2],[1327,2]]},"1066":{"position":[[312,1],[342,1],[353,1],[379,1],[401,1],[524,2],[745,2],[777,2],[802,2],[1075,2],[1107,2],[1133,2],[1451,1],[1477,1],[1559,1],[1573,1],[1623,1],[1659,1],[1781,1],[1808,1],[1818,1],[1839,1],[1867,1],[1890,1],[1915,1],[1973,1],[1985,1],[2010,1],[2067,1],[2079,1],[2081,2]]},"1068":{"position":[[167,2],[199,2],[281,1],[306,1],[389,1],[397,1],[409,2]]},"1070":{"position":[[290,1],[320,1],[331,1],[357,1],[379,1],[512,2],[742,2],[774,2],[807,2],[1061,2],[1114,2],[1142,2],[1174,2],[1206,2],[1538,2],[1570,2],[1600,2],[1918,1],[1954,1],[2008,1],[2152,1],[2164,1],[2206,1],[2220,1],[2279,1],[2332,1],[2356,2],[2380,1],[2409,1],[2442,1],[2464,1],[2486,1],[2526,1],[2555,1],[2593,1],[2615,1],[2648,1],[2701,1],[2735,1],[2754,1],[2773,1],[2935,2],[2974,1],[3001,1],[3020,1],[3041,1],[3078,1],[3110,1],[3135,1],[3188,1],[3200,1],[3225,1],[3279,1],[3291,1],[3316,1],[3366,1],[3378,1],[3380,2]]},"1081":{"position":[[14,1],[67,1],[278,1]]},"1083":{"position":[[1237,1]]},"1085":{"position":[[617,2],[754,1]]},"1087":{"position":[[277,2],[575,2],[730,1]]},"1089":{"position":[[626,1],[672,1]]},"1091":{"position":[[287,2],[420,1]]},"1093":{"position":[[444,1],[489,1],[519,2],[531,1],[563,2],[575,1],[605,2],[617,1],[768,1],[1105,1],[1145,1],[1201,2],[1249,2]]},"1095":{"position":[[331,1],[361,1],[372,1],[398,1],[420,1],[543,2],[771,2],[811,2],[861,2],[893,2],[912,2],[1125,2],[1168,2],[1224,2],[1256,2],[1278,2],[1550,2],[1582,2],[1601,2],[1919,1],[1945,1],[2027,1],[2041,1],[2091,1],[2135,1],[2179,1],[2223,1],[2239,1],[2266,1],[2313,1],[2332,1],[2359,1],[2391,1],[2403,1],[2428,1],[2450,1],[2468,1],[2496,1],[2521,1],[2540,1],[2560,1],[2596,1],[2742,1],[2769,1],[2779,1],[2800,1],[2828,1],[2851,1],[2876,1],[2927,1],[2991,1],[3003,1],[3005,1],[3040,1],[3108,1],[3120,1],[3145,1],[3197,1],[3261,1],[3273,1],[3275,2]]},"1097":{"position":[[283,2],[315,2],[365,2],[412,1],[437,1],[515,1],[523,1],[532,2],[566,1],[629,2]]},"1101":{"position":[[255,2]]},"1108":{"position":[[242,1],[269,1]]},"1111":{"position":[[389,1],[410,1],[440,1],[470,2],[482,1],[514,2],[526,1],[556,2],[568,1],[714,1],[997,1],[1022,1],[1053,1],[1084,2],[1128,2]]},"1113":{"position":[[152,2],[161,1]]},"1115":{"position":[[132,2],[224,1],[321,1],[329,1],[338,2],[379,1],[450,2]]},"1121":{"position":[[474,2],[816,2]]},"1123":{"position":[[584,2]]},"1125":{"position":[[70,2],[129,2]]},"1127":{"position":[[252,2]]},"1138":{"position":[[474,2],[821,2]]},"1140":{"position":[[589,2]]},"1142":{"position":[[70,2],[129,2]]},"1144":{"position":[[251,2]]},"1160":{"position":[[260,1],[285,1]]},"1162":{"position":[[490,1],[515,1]]},"1164":{"position":[[1033,1],[1148,1],[1156,1],[1179,2],[1196,1],[1218,2],[1235,1],[1258,2],[1276,1],[1289,1],[1311,2],[1328,1],[1351,2],[1363,2]]},"1166":{"position":[[419,1],[444,1],[468,2],[502,1],[532,2],[544,1],[576,2],[588,1],[618,2],[630,1],[779,1],[1092,1],[1133,1],[1168,1],[1192,2],[1227,2],[1274,2]]},"1168":{"position":[[312,1],[342,1],[353,1],[379,1],[401,1],[533,2],[795,2],[827,2],[856,2],[1119,2],[1151,2],[1181,2],[1423,2],[1455,2],[1485,2],[1744,2],[1776,2],[1804,2],[2042,2],[2074,2],[2102,2],[2420,1],[2452,1],[2530,1],[2542,1],[2584,1],[2598,1],[2651,1],[2685,1],[2704,1],[2723,1],[2878,2],[2917,1],[2944,1],[2957,1],[2978,1],[3009,1],[3035,1],[3060,1],[3117,1],[3129,1],[3154,1],[3216,1],[3228,1],[3253,1],[3315,1],[3327,1],[3352,1],[3410,1],[3422,1],[3447,1],[3505,1],[3517,1],[3519,2]]},"1170":{"position":[[167,2],[199,2],[280,1],[305,1],[328,2],[384,1],[392,1],[404,2]]},"1172":{"position":[[279,1],[309,1],[320,1],[346,1],[368,1],[501,2],[743,2],[794,2],[826,2],[858,2],[888,2],[1228,2],[1260,2],[1288,2],[1606,1],[1646,1],[1688,1],[1834,1],[1846,1],[1888,1],[1902,1],[1955,1],[2016,1],[2044,2],[2072,1],[2099,1],[2130,1],[2153,1],[2176,1],[2220,1],[2247,1],[2287,1],[2310,1],[2360,1],[2423,1],[2457,1],[2476,1],[2495,1],[2650,2],[2689,1],[2716,1],[2729,1],[2750,1],[2781,1],[2807,1],[2832,1],[2894,1],[2906,1],[2931,1],[2989,1],[3001,1],[3003,2]]},"1178":{"position":[[474,2]]},"1180":{"position":[[585,2]]},"1182":{"position":[[74,2],[133,2]]},"1184":{"position":[[251,2]]},"1195":{"position":[[300,2],[538,1],[564,1],[614,1],[728,1],[761,1],[835,1],[880,1],[891,1],[911,1],[925,1],[930,1],[942,1],[944,4],[958,1],[989,1],[1036,1],[1041,1],[1053,1],[1076,1],[1108,1],[1134,1],[1139,1],[1151,1],[1176,1],[1199,1],[1216,2],[1236,2]]},"1206":{"position":[[402,2],[578,2]]},"1209":{"position":[[49,2],[160,2],[273,2],[381,2],[488,2],[594,2],[695,2],[797,2],[858,1],[895,1],[907,1],[909,1],[971,1],[989,1],[1007,1],[1015,1],[1040,1],[1077,1],[1090,2],[1136,2]]},"1211":{"position":[[49,2],[160,2],[273,2],[381,2],[488,2],[594,2],[695,2],[797,2],[858,1],[895,1],[907,1],[909,1],[971,1],[989,1],[1007,1],[1015,1],[1040,1],[1077,1],[1111,1],[1118,2],[1164,2]]},"1213":{"position":[[49,2],[160,2],[265,2],[369,2],[442,1],[479,1],[491,1],[493,1],[555,1],[573,1],[591,1],[599,1],[624,1],[661,1],[673,2],[719,2]]},"1215":{"position":[[83,1],[120,1],[132,1],[134,1],[177,1],[195,1],[213,1],[221,1],[246,1],[296,1],[336,1],[348,2],[394,2]]},"1217":{"position":[[83,1],[120,1],[132,1],[134,1],[177,1],[195,1],[213,1],[221,1],[246,1],[295,1],[303,2],[349,2]]},"1219":{"position":[[168,2],[310,1],[347,1],[359,1],[361,1],[412,1],[418,1],[420,2],[489,1],[507,1],[515,1],[542,1],[576,1],[596,2],[642,1],[664,1],[666,2],[702,1],[720,1],[728,1],[755,1],[787,1],[806,2],[852,1],[854,2]]},"1225":{"position":[[300,2],[538,1],[564,1],[614,1],[728,1],[761,1],[835,1],[880,1],[891,1],[911,1],[925,1],[930,1],[942,1],[944,4],[958,1],[989,1],[1036,1],[1041,1],[1053,1],[1076,1],[1108,1],[1134,1],[1139,1],[1151,1],[1176,1],[1199,1],[1216,2],[1236,2]]},"1234":{"position":[[86,2],[138,1]]},"1240":{"position":[[81,2]]},"1245":{"position":[[173,2],[796,2],[1420,2]]},"1253":{"position":[[4259,1],[4290,1],[4351,2],[4452,2],[4555,2],[4661,2],[4771,2],[4876,2]]},"1255":{"position":[[1964,1],[1995,1],[2042,1],[2054,1],[2056,1],[2121,1],[2287,1],[2340,1],[2506,1],[2560,1],[2727,1],[2781,1],[2948,2]]},"1272":{"position":[[576,1],[630,2]]},"1276":{"position":[[180,2]]},"1281":{"position":[[972,1]]},"1285":{"position":[[488,2],[625,2]]},"1293":{"position":[[190,2],[446,2]]},"1297":{"position":[[128,2],[583,2]]},"1300":{"position":[[126,1],[278,1],[311,1],[385,1],[430,1],[441,1],[461,1],[475,1],[482,1],[513,1],[544,1],[578,1],[585,1],[607,1],[640,1],[665,1],[672,1],[700,1],[733,1],[765,1],[772,1],[798,1],[828,1],[857,1],[864,1],[887,1],[923,1],[937,2],[957,2]]},"1302":{"position":[[251,1],[403,1],[436,1],[510,1],[555,1],[566,1],[586,1],[600,1],[605,1],[617,1],[648,1],[679,1],[713,1],[718,1],[734,1],[770,1],[782,2],[797,1],[802,1],[814,1],[835,1],[865,1],[903,1],[908,1],[924,1],[965,1],[980,2],[995,1],[1000,1],[1012,1],[1034,1],[1067,1],[1106,1],[1111,1],[1123,1],[1149,1],[1179,1],[1222,1],[1227,1],[1239,1],[1262,1],[1298,1],[1338,1],[1343,1],[1359,1],[1387,1],[1397,2],[1412,1],[1417,1],[1429,1],[1457,1],[1490,1],[1536,1],[1541,1],[1554,1],[1584,1],[1616,1],[1663,1],[1668,1],[1681,1],[1709,1],[1738,1],[1783,1],[1788,1],[1801,1],[1823,1],[1849,1],[1876,2],[1896,2]]},"1304":{"position":[[170,1],[322,1],[355,1],[429,1],[474,1],[485,1],[505,1],[519,1],[524,1],[536,1],[567,1],[598,1],[632,1],[637,1],[653,1],[689,1],[712,1],[732,2],[747,1],[752,1],[764,1],[785,1],[815,1],[853,1],[858,1],[874,1],[915,1],[941,1],[961,2],[976,1],[981,1],[993,1],[1015,1],[1048,1],[1087,1],[1092,1],[1104,1],[1130,1],[1160,1],[1203,1],[1208,1],[1220,1],[1243,1],[1279,1],[1319,1],[1324,1],[1340,1],[1368,1],[1389,1],[1408,2],[1423,1],[1428,1],[1440,1],[1468,1],[1501,1],[1547,1],[1552,1],[1565,1],[1595,1],[1627,1],[1674,1],[1679,1],[1692,1],[1720,1],[1749,1],[1794,1],[1799,1],[1812,1],[1834,1],[1860,1],[1887,2],[1907,2]]},"1306":{"position":[[245,2],[498,1],[650,1],[683,1],[757,1],[802,1],[813,1],[833,1],[847,1],[852,1],[864,1],[895,1],[926,1],[960,1],[965,1],[981,1],[1017,1],[1040,1],[1060,2],[1075,1],[1080,1],[1092,1],[1113,1],[1143,1],[1181,1],[1186,1],[1202,1],[1243,1],[1269,1],[1289,2],[1304,1],[1309,1],[1321,1],[1343,1],[1376,1],[1415,1],[1420,1],[1432,1],[1458,1],[1488,1],[1531,1],[1536,1],[1548,1],[1571,1],[1607,1],[1647,1],[1652,1],[1668,1],[1696,1],[1717,1],[1736,2],[1751,1],[1756,1],[1768,1],[1796,1],[1829,1],[1875,1],[1880,1],[1893,1],[1923,1],[1955,1],[2002,1],[2007,1],[2020,1],[2048,1],[2077,1],[2122,1],[2127,1],[2140,1],[2162,1],[2188,1],[2215,2],[2235,2]]},"1308":{"position":[[214,2],[351,2],[540,1],[692,1],[725,1],[799,1],[844,1],[855,1],[875,1],[889,1],[894,1],[906,1],[937,1],[968,1],[1002,1],[1007,1],[1023,1],[1059,1],[1082,1],[1102,2],[1117,1],[1122,1],[1134,1],[1155,1],[1185,1],[1223,1],[1228,1],[1244,1],[1285,1],[1311,1],[1331,2],[1346,1],[1351,1],[1363,1],[1385,1],[1418,1],[1457,1],[1462,1],[1474,1],[1500,1],[1530,1],[1573,1],[1578,1],[1590,1],[1613,1],[1649,1],[1689,1],[1694,1],[1710,1],[1738,1],[1759,1],[1778,2],[1793,1],[1798,1],[1810,1],[1838,1],[1871,1],[1917,1],[1922,1],[1935,1],[1965,1],[1997,1],[2044,1],[2049,1],[2062,1],[2090,1],[2119,1],[2164,1],[2169,1],[2182,1],[2204,1],[2230,1],[2257,2],[2277,1],[2308,2]]},"1310":{"position":[[300,2],[437,2],[626,1],[778,1],[811,1],[885,1],[930,1],[941,1],[961,1],[975,1],[980,1],[992,1],[1023,1],[1054,1],[1088,1],[1093,1],[1109,1],[1145,1],[1168,1],[1188,2],[1203,1],[1208,1],[1220,1],[1241,1],[1271,1],[1309,1],[1314,1],[1330,1],[1371,1],[1397,1],[1417,2],[1432,1],[1437,1],[1449,1],[1471,1],[1504,1],[1543,1],[1548,1],[1560,1],[1586,1],[1616,1],[1659,1],[1664,1],[1676,1],[1699,1],[1735,1],[1775,1],[1780,1],[1796,1],[1824,1],[1845,1],[1864,2],[1879,1],[1884,1],[1896,1],[1924,1],[1957,1],[2003,1],[2008,1],[2021,1],[2051,1],[2083,1],[2130,1],[2135,1],[2148,1],[2176,1],[2205,1],[2250,1],[2255,1],[2268,1],[2290,1],[2316,1],[2343,2],[2363,1],[2394,2]]},"1312":{"position":[[250,2],[387,2],[576,1],[728,1],[761,1],[835,1],[880,1],[891,1],[911,1],[925,1],[930,1],[942,1],[973,1],[1004,1],[1038,1],[1043,1],[1059,1],[1095,1],[1118,1],[1138,2],[1153,1],[1158,1],[1170,1],[1191,1],[1221,1],[1259,1],[1264,1],[1280,1],[1321,1],[1347,1],[1367,2],[1382,1],[1387,1],[1399,1],[1421,1],[1454,1],[1493,1],[1498,1],[1510,1],[1536,1],[1566,1],[1609,1],[1614,1],[1626,1],[1649,1],[1685,1],[1725,1],[1730,1],[1746,1],[1774,1],[1795,1],[1814,2],[1829,1],[1834,1],[1846,1],[1874,1],[1907,1],[1953,1],[1958,1],[1971,1],[2001,1],[2033,1],[2080,1],[2085,1],[2098,1],[2126,1],[2155,1],[2200,1],[2205,1],[2218,1],[2240,1],[2266,1],[2293,2],[2313,1],[2344,2]]},"1314":{"position":[[247,2],[384,2],[573,1],[725,1],[758,1],[832,1],[877,1],[888,1],[908,1],[922,1],[927,1],[939,1],[970,1],[1001,1],[1035,1],[1040,1],[1056,1],[1092,1],[1115,1],[1135,2],[1150,1],[1155,1],[1167,1],[1188,1],[1218,1],[1256,1],[1261,1],[1277,1],[1318,1],[1344,1],[1364,2],[1379,1],[1384,1],[1396,1],[1418,1],[1451,1],[1490,1],[1495,1],[1507,1],[1533,1],[1563,1],[1606,1],[1611,1],[1623,1],[1646,1],[1682,1],[1722,1],[1727,1],[1743,1],[1771,1],[1792,1],[1811,2],[1826,1],[1831,1],[1843,1],[1871,1],[1904,1],[1950,1],[1955,1],[1968,1],[1998,1],[2030,1],[2077,1],[2082,1],[2095,1],[2123,1],[2152,1],[2197,1],[2202,1],[2215,1],[2237,1],[2263,1],[2290,2],[2310,1],[2341,2]]},"1316":{"position":[[268,2],[642,1],[683,1],[825,1],[858,1],[932,1],[977,1],[988,1],[1008,1],[1022,1],[1027,1],[1039,1],[1070,1],[1101,1],[1135,1],[1140,1],[1156,1],[1192,1],[1215,1],[1235,2],[1250,1],[1255,1],[1267,1],[1288,1],[1318,1],[1356,1],[1361,1],[1377,1],[1418,1],[1444,1],[1464,2],[1479,1],[1484,1],[1496,1],[1518,1],[1551,1],[1590,1],[1595,1],[1607,1],[1633,1],[1663,1],[1706,1],[1711,1],[1723,1],[1746,1],[1782,1],[1822,1],[1827,1],[1843,1],[1871,1],[1892,1],[1911,2],[1926,1],[1931,1],[1943,1],[1971,1],[2004,1],[2050,1],[2055,1],[2068,1],[2098,1],[2130,1],[2177,1],[2182,1],[2195,1],[2223,1],[2252,1],[2297,1],[2302,1],[2315,1],[2337,1],[2363,1],[2390,2],[2410,1],[2447,2],[2467,1],[2526,1],[3741,1]]},"1318":{"position":[[133,1]]},"1320":{"position":[[396,2],[944,2],[1500,2],[1644,1],[1657,1],[1659,2],[1746,2],[1856,2]]},"1324":{"position":[[152,1]]},"1326":{"position":[[81,2],[729,2]]},"1331":{"position":[[853,1],[937,1],[949,1],[971,1],[987,1],[992,1],[1004,1],[1027,1],[1048,1],[1087,1],[1094,2],[1111,1],[1116,1],[1128,1],[1149,1],[1181,1],[1218,1],[1225,2],[1242,1],[1247,1],[1259,1],[1281,1],[1304,1],[1342,1],[1349,2],[1366,1],[1371,1],[1383,1],[1404,1],[1433,1],[1470,1],[1478,2],[1495,1],[1500,1],[1512,1],[1536,1],[1566,1],[1604,1],[1611,2],[1628,1],[1633,1],[1645,1],[1667,1],[1686,1],[1724,1],[1731,2],[1748,1],[1753,1],[1765,1],[1789,1],[1808,1],[1846,1],[1853,2],[1870,1],[1875,1],[1887,1],[1910,1],[1932,1],[1969,1],[1976,2],[1993,1],[1998,1],[2010,1],[2032,1],[2051,1],[2088,1],[2095,2],[2098,2],[2101,1],[2223,1],[2283,2]]},"1333":{"position":[[849,1],[933,1],[945,1],[967,1],[983,1],[988,1],[1000,1],[1023,1],[1044,1],[1083,1],[1090,2],[1107,1],[1112,1],[1124,1],[1145,1],[1177,1],[1214,1],[1221,2],[1238,1],[1243,1],[1255,1],[1277,1],[1300,1],[1338,1],[1345,2],[1362,1],[1367,1],[1379,1],[1400,1],[1429,1],[1466,1],[1474,2],[1491,1],[1496,1],[1508,1],[1532,1],[1562,1],[1600,1],[1607,2],[1624,1],[1629,1],[1641,1],[1663,1],[1682,1],[1720,1],[1727,2],[1744,1],[1749,1],[1761,1],[1785,1],[1804,1],[1842,1],[1849,2],[1866,1],[1871,1],[1883,1],[1906,1],[1928,1],[1965,1],[1972,2],[1989,1],[1994,1],[2006,1],[2028,1],[2047,1],[2084,1],[2091,2],[2094,2],[2097,1],[2219,1],[2279,2]]},"1335":{"position":[[781,1],[865,1],[877,1],[899,1],[915,1],[920,1],[932,1],[955,1],[976,1],[1015,1],[1022,2],[1039,1],[1044,1],[1056,1],[1077,1],[1109,1],[1146,1],[1153,2],[1170,1],[1175,1],[1187,1],[1209,1],[1232,1],[1270,1],[1277,2],[1294,1],[1299,1],[1311,1],[1332,1],[1361,1],[1398,1],[1406,2],[1423,1],[1428,1],[1440,1],[1464,1],[1494,1],[1532,1],[1539,2],[1556,1],[1561,1],[1573,1],[1595,1],[1614,1],[1652,1],[1659,2],[1676,1],[1681,1],[1693,1],[1717,1],[1736,1],[1774,1],[1781,2],[1798,1],[1803,1],[1815,1],[1839,1],[1866,1],[1904,1],[1911,2],[1928,1],[1933,1],[1945,1],[1969,1],[1991,1],[2029,1],[2036,2],[2053,1],[2058,1],[2070,1],[2093,1],[2115,1],[2152,1],[2159,2],[2176,1],[2181,1],[2193,1],[2215,1],[2234,1],[2271,1],[2278,2],[2295,1],[2300,1],[2312,1],[2336,1],[2359,1],[2397,1],[2404,2],[2407,2],[2410,1],[2532,1],[2592,2]]},"1337":{"position":[[380,2],[498,2],[618,2],[744,2],[857,2],[921,1],[1005,1],[1017,1],[1039,1],[1055,1],[1060,1],[1072,1],[1095,1],[1116,1],[1155,1],[1162,2],[1179,1],[1184,1],[1196,1],[1217,1],[1249,1],[1286,1],[1293,2],[1310,1],[1315,1],[1327,1],[1349,1],[1372,1],[1410,1],[1417,2],[1434,1],[1439,1],[1451,1],[1472,1],[1501,1],[1538,1],[1546,2],[1563,1],[1568,1],[1580,1],[1604,1],[1634,1],[1672,1],[1679,2],[1696,1],[1701,1],[1713,1],[1735,1],[1754,1],[1792,1],[1799,2],[1816,1],[1821,1],[1833,1],[1857,1],[1876,1],[1914,1],[1921,2],[1938,1],[1943,1],[1955,1],[1978,1],[2000,1],[2037,1],[2044,2],[2061,1],[2066,1],[2078,1],[2100,1],[2119,1],[2156,1],[2163,2],[2166,2],[2169,1],[2291,1],[2351,2]]},"1339":{"position":[[295,2],[433,2],[580,2],[725,2],[862,2],[926,1],[1010,1],[1022,1],[1044,1],[1060,1],[1065,1],[1077,1],[1100,1],[1121,1],[1160,1],[1167,2],[1184,1],[1189,1],[1201,1],[1222,1],[1254,1],[1291,1],[1298,2],[1315,1],[1320,1],[1332,1],[1354,1],[1377,1],[1415,1],[1422,2],[1439,1],[1444,1],[1456,1],[1477,1],[1506,1],[1543,1],[1551,2],[1568,1],[1573,1],[1585,1],[1609,1],[1639,1],[1677,1],[1684,2],[1701,1],[1706,1],[1718,1],[1740,1],[1759,1],[1797,1],[1804,2],[1821,1],[1826,1],[1838,1],[1862,1],[1881,1],[1919,1],[1926,2],[1943,1],[1948,1],[1960,1],[1984,1],[2011,1],[2049,1],[2056,2],[2073,1],[2078,1],[2090,1],[2114,1],[2136,1],[2174,1],[2181,2],[2198,1],[2203,1],[2215,1],[2238,1],[2260,1],[2297,1],[2304,2],[2321,1],[2326,1],[2338,1],[2360,1],[2379,1],[2416,1],[2423,2],[2440,1],[2445,1],[2457,1],[2481,1],[2504,1],[2542,1],[2549,2],[2552,2],[2555,1],[2677,1],[2737,2]]},"1341":{"position":[[902,1],[986,1],[998,1],[1020,1],[1036,1],[1041,1],[1053,1],[1076,1],[1097,1],[1136,1],[1143,2],[1160,1],[1165,1],[1177,1],[1198,1],[1230,1],[1267,1],[1274,2],[1291,1],[1296,1],[1308,1],[1330,1],[1353,1],[1391,1],[1398,2],[1415,1],[1420,1],[1432,1],[1453,1],[1482,1],[1519,1],[1527,2],[1544,1],[1549,1],[1561,1],[1585,1],[1615,1],[1653,1],[1660,2],[1677,1],[1682,1],[1694,1],[1716,1],[1735,1],[1773,1],[1780,2],[1797,1],[1802,1],[1814,1],[1838,1],[1857,1],[1895,1],[1902,2],[1919,1],[1924,1],[1936,1],[1959,1],[1981,1],[2018,1],[2025,2],[2042,1],[2047,1],[2059,1],[2081,1],[2100,1],[2137,1],[2144,2],[2147,2],[2150,1],[2272,1],[2332,2]]},"1343":{"position":[[921,1],[1005,1],[1017,1],[1039,1],[1055,1],[1060,1],[1072,1],[1095,1],[1116,1],[1155,1],[1162,2],[1179,1],[1184,1],[1196,1],[1217,1],[1249,1],[1286,1],[1293,2],[1310,1],[1315,1],[1327,1],[1349,1],[1372,1],[1410,1],[1417,2],[1434,1],[1439,1],[1451,1],[1472,1],[1501,1],[1538,1],[1546,2],[1563,1],[1568,1],[1580,1],[1604,1],[1634,1],[1672,1],[1679,2],[1696,1],[1701,1],[1713,1],[1735,1],[1754,1],[1792,1],[1799,2],[1816,1],[1821,1],[1833,1],[1857,1],[1876,1],[1914,1],[1921,2],[1938,1],[1943,1],[1955,1],[1978,1],[2000,1],[2037,1],[2044,2],[2061,1],[2066,1],[2078,1],[2100,1],[2119,1],[2156,1],[2163,2],[2166,2],[2169,1],[2291,1],[2351,2]]},"1345":{"position":[[1586,1],[1670,1],[1682,1],[1704,1],[1720,1],[1725,1],[1742,1],[1762,1],[1779,1],[1818,1],[1859,1],[1880,1],[1917,1],[1934,1],[1941,2],[1958,1],[1963,1],[1980,1],[1998,1],[2013,1],[2050,1],[2091,1],[2123,1],[2158,1],[2176,1],[2183,2],[2200,1],[2205,1],[2222,1],[2241,1],[2257,1],[2295,1],[2336,1],[2359,1],[2395,1],[2413,1],[2420,2],[2437,1],[2442,1],[2459,1],[2477,1],[2492,1],[2529,1],[2570,1],[2599,1],[2634,1],[2652,1],[2660,2],[2677,1],[2682,1],[2699,1],[2720,1],[2736,1],[2776,1],[2817,1],[2847,1],[2883,1],[2905,1],[2912,2],[2929,1],[2934,1],[2951,1],[2970,1],[2983,1],[3021,1],[3062,1],[3081,1],[3117,1],[3135,1],[3142,2],[3159,1],[3164,1],[3181,1],[3202,1],[3220,1],[3260,1],[3301,1],[3320,1],[3356,1],[3374,1],[3381,2],[3398,1],[3403,1],[3420,1],[3440,1],[3459,1],[3498,1],[3539,1],[3561,1],[3596,1],[3614,1],[3621,2],[3638,1],[3643,1],[3660,1],[3679,1],[3698,1],[3736,1],[3777,1],[3796,1],[3831,1],[3848,1],[3855,2],[3858,2],[3861,1],[3983,1],[4043,2]]},"1347":{"position":[[428,2],[590,2],[763,2],[942,2],[1112,2],[1263,2],[1421,2],[1485,1],[1537,1],[1549,1],[1669,1],[1689,1],[1691,3],[1723,1],[1777,2],[1803,1],[1805,2],[1878,1],[1925,1],[1961,1],[1974,1],[2155,1],[2162,1],[2189,1],[2204,3],[2208,2]]},"1349":{"position":[[622,2],[743,2],[934,2],[1063,2],[1179,2],[1244,1],[1328,1],[1340,1],[1362,1],[1378,1],[1383,1],[1395,1],[1418,1],[1439,1],[1478,1],[1485,2],[1502,1],[1507,1],[1519,1],[1540,1],[1572,1],[1609,1],[1616,2],[1633,1],[1638,1],[1650,1],[1672,1],[1695,1],[1733,1],[1740,2],[1757,1],[1762,1],[1774,1],[1795,1],[1824,1],[1861,1],[1869,2],[1886,1],[1891,1],[1903,1],[1927,1],[1957,1],[1995,1],[2002,2],[2019,1],[2024,1],[2036,1],[2058,1],[2077,1],[2115,1],[2122,2],[2139,1],[2144,1],[2156,1],[2180,1],[2199,1],[2237,1],[2244,2],[2261,1],[2266,1],[2278,1],[2301,1],[2323,1],[2360,1],[2367,2],[2384,1],[2389,1],[2401,1],[2423,1],[2442,1],[2479,1],[2486,2],[2489,2],[2492,1],[2614,1],[2674,2]]},"1351":{"position":[[358,2],[479,2],[702,2],[818,2],[883,1],[967,1],[979,1],[1001,1],[1017,1],[1022,1],[1034,1],[1057,1],[1078,1],[1117,1],[1124,2],[1141,1],[1146,1],[1158,1],[1179,1],[1211,1],[1248,1],[1255,2],[1272,1],[1277,1],[1289,1],[1311,1],[1334,1],[1372,1],[1379,2],[1396,1],[1401,1],[1413,1],[1434,1],[1463,1],[1500,1],[1508,2],[1525,1],[1530,1],[1542,1],[1566,1],[1596,1],[1634,1],[1641,2],[1658,1],[1663,1],[1675,1],[1697,1],[1716,1],[1754,1],[1761,2],[1778,1],[1783,1],[1795,1],[1819,1],[1838,1],[1876,1],[1883,2],[1900,1],[1905,1],[1917,1],[1940,1],[1962,1],[1999,1],[2006,2],[2023,1],[2028,1],[2040,1],[2062,1],[2081,1],[2118,1],[2125,2],[2128,2],[2131,1],[2253,1],[2313,2]]},"1353":{"position":[[893,1],[977,1],[989,1],[1011,1],[1027,1],[1032,1],[1044,1],[1067,1],[1088,1],[1127,1],[1134,2],[1151,1],[1156,1],[1168,1],[1189,1],[1221,1],[1258,1],[1265,2],[1282,1],[1287,1],[1299,1],[1321,1],[1344,1],[1382,1],[1389,2],[1406,1],[1411,1],[1423,1],[1444,1],[1473,1],[1510,1],[1518,2],[1535,1],[1540,1],[1552,1],[1576,1],[1606,1],[1644,1],[1651,2],[1668,1],[1673,1],[1685,1],[1707,1],[1726,1],[1764,1],[1771,2],[1788,1],[1793,1],[1805,1],[1829,1],[1848,1],[1886,1],[1893,2],[1910,1],[1915,1],[1927,1],[1950,1],[1972,1],[2009,1],[2016,2],[2033,1],[2038,1],[2050,1],[2072,1],[2091,1],[2128,1],[2135,2],[2138,2],[2141,1],[2263,1],[2323,2]]},"1355":{"position":[[940,1],[1024,1],[1036,1],[1058,1],[1074,1],[1079,1],[1091,1],[1114,1],[1138,1],[1155,1],[1162,2],[1179,1],[1184,1],[1196,1],[1217,1],[1252,1],[1270,1],[1277,2],[1294,1],[1299,1],[1311,1],[1333,1],[1359,1],[1377,1],[1384,2],[1401,1],[1406,1],[1418,1],[1439,1],[1471,1],[1489,1],[1497,2],[1514,1],[1519,1],[1531,1],[1555,1],[1588,1],[1610,1],[1617,2],[1634,1],[1639,1],[1651,1],[1673,1],[1695,1],[1713,1],[1720,2],[1737,1],[1742,1],[1754,1],[1778,1],[1800,1],[1818,1],[1825,2],[1842,1],[1847,1],[1859,1],[1882,1],[1907,1],[1925,1],[1932,2],[1949,1],[1954,1],[1966,1],[1988,1],[2010,1],[2027,1],[2034,2],[2037,2],[2040,1],[2162,1],[2222,2]]},"1357":{"position":[[941,1],[1025,1],[1037,1],[1059,1],[1075,1],[1080,1],[1092,1],[1115,1],[1139,1],[1156,1],[1163,2],[1180,1],[1185,1],[1197,1],[1218,1],[1253,1],[1271,1],[1278,2],[1295,1],[1300,1],[1312,1],[1334,1],[1360,1],[1378,1],[1385,2],[1402,1],[1407,1],[1419,1],[1440,1],[1472,1],[1490,1],[1498,2],[1515,1],[1520,1],[1532,1],[1556,1],[1589,1],[1611,1],[1618,2],[1635,1],[1640,1],[1652,1],[1674,1],[1696,1],[1714,1],[1721,2],[1738,1],[1743,1],[1755,1],[1779,1],[1801,1],[1819,1],[1826,2],[1843,1],[1848,1],[1860,1],[1883,1],[1908,1],[1926,1],[1933,2],[1950,1],[1955,1],[1967,1],[1989,1],[2011,1],[2028,1],[2035,2],[2038,2],[2041,1],[2163,1],[2223,2]]},"1359":{"position":[[1311,1],[1395,1],[1407,1],[1429,1],[1445,1],[1450,1],[1467,1],[1487,1],[1504,1],[1543,1],[1584,1],[1605,1],[1642,1],[1659,1],[1666,2],[1683,1],[1688,1],[1705,1],[1723,1],[1738,1],[1775,1],[1816,1],[1848,1],[1883,1],[1901,1],[1908,2],[1925,1],[1930,1],[1947,1],[1966,1],[1982,1],[2020,1],[2061,1],[2084,1],[2120,1],[2138,1],[2145,2],[2162,1],[2167,1],[2184,1],[2202,1],[2217,1],[2254,1],[2295,1],[2324,1],[2359,1],[2377,1],[2385,2],[2402,1],[2407,1],[2424,1],[2445,1],[2461,1],[2501,1],[2542,1],[2572,1],[2608,1],[2630,1],[2637,2],[2654,1],[2659,1],[2676,1],[2695,1],[2708,1],[2746,1],[2787,1],[2806,1],[2842,1],[2860,1],[2867,2],[2884,1],[2889,1],[2906,1],[2927,1],[2945,1],[2985,1],[3026,1],[3045,1],[3081,1],[3099,1],[3106,2],[3123,1],[3128,1],[3145,1],[3165,1],[3184,1],[3223,1],[3264,1],[3286,1],[3321,1],[3339,1],[3346,2],[3363,1],[3368,1],[3385,1],[3404,1],[3423,1],[3461,1],[3502,1],[3521,1],[3556,1],[3573,1],[3580,2],[3583,2],[3586,1],[3708,1],[3768,2]]},"1361":{"position":[[855,1],[939,1],[951,1],[973,1],[989,1],[994,1],[1006,1],[1029,1],[1050,1],[1089,1],[1096,2],[1113,1],[1118,1],[1130,1],[1151,1],[1183,1],[1220,1],[1227,2],[1244,1],[1249,1],[1261,1],[1283,1],[1306,1],[1344,1],[1351,2],[1368,1],[1373,1],[1385,1],[1406,1],[1435,1],[1472,1],[1480,2],[1497,1],[1502,1],[1514,1],[1538,1],[1568,1],[1606,1],[1613,2],[1630,1],[1635,1],[1647,1],[1669,1],[1688,1],[1726,1],[1733,2],[1750,1],[1755,1],[1767,1],[1791,1],[1810,1],[1848,1],[1855,2],[1872,1],[1877,1],[1889,1],[1913,1],[1940,1],[1978,1],[1985,2],[2002,1],[2007,1],[2019,1],[2043,1],[2065,1],[2103,1],[2110,2],[2127,1],[2132,1],[2144,1],[2167,1],[2189,1],[2226,1],[2233,2],[2250,1],[2255,1],[2267,1],[2289,1],[2308,1],[2345,1],[2352,2],[2369,1],[2374,1],[2386,1],[2410,1],[2433,1],[2471,1],[2478,2],[2481,2],[2484,1],[2606,1],[2666,2]]},"1363":{"position":[[683,1],[803,1],[874,1],[881,1],[916,1],[920,3],[924,2]]},"1365":{"position":[[853,2],[1061,2],[1208,2],[1353,2],[1490,2],[1554,1],[1666,1],[1678,1],[1709,1],[1721,1],[1843,1],[1868,2],[1957,1],[1975,2],[2083,1],[2149,1],[2181,2],[2312,1],[2337,1],[2453,1],[2511,1],[2530,1],[2681,1],[2791,1],[2839,1],[2868,1],[2884,1],[2889,1],[2901,1],[2924,1],[2945,1],[2984,1],[2991,2],[3008,1],[3013,1],[3025,1],[3046,1],[3078,1],[3115,1],[3122,2],[3139,1],[3144,1],[3156,1],[3178,1],[3201,1],[3239,1],[3246,2],[3263,1],[3268,1],[3280,1],[3301,1],[3330,1],[3367,1],[3375,2],[3392,1],[3397,1],[3409,1],[3433,1],[3463,1],[3501,1],[3508,2],[3525,1],[3530,1],[3542,1],[3564,1],[3583,1],[3621,1],[3628,2],[3645,1],[3650,1],[3662,1],[3686,1],[3705,1],[3743,1],[3750,2],[3767,1],[3772,1],[3784,1],[3808,1],[3835,1],[3873,1],[3880,2],[3897,1],[3902,1],[3914,1],[3938,1],[3960,1],[3998,1],[4005,2],[4022,1],[4027,1],[4039,1],[4062,1],[4084,1],[4121,1],[4128,2],[4145,1],[4150,1],[4162,1],[4184,1],[4203,1],[4240,1],[4247,2],[4264,1],[4269,1],[4281,1],[4305,1],[4328,1],[4366,1],[4373,2],[4376,2],[4379,2]]},"1367":{"position":[[910,1],[971,1],[996,1],[1035,1],[1071,1],[1087,1],[1092,1],[1104,1],[1127,1],[1148,1],[1187,1],[1194,2],[1211,1],[1216,1],[1228,1],[1249,1],[1281,1],[1318,1],[1325,2],[1342,1],[1347,1],[1359,1],[1381,1],[1404,1],[1442,1],[1449,2],[1466,1],[1471,1],[1483,1],[1504,1],[1533,1],[1570,1],[1578,2],[1595,1],[1600,1],[1612,1],[1636,1],[1666,1],[1704,1],[1711,1],[1713,3],[1754,1],[1790,1],[1806,1],[1811,1],[1823,1],[1845,1],[1864,1],[1902,1],[1909,2],[1926,1],[1931,1],[1943,1],[1967,1],[1986,1],[2024,1],[2031,2],[2048,1],[2053,1],[2065,1],[2088,1],[2110,1],[2147,1],[2154,2],[2171,1],[2176,1],[2188,1],[2210,1],[2229,1],[2266,1],[2273,1],[2275,2],[2278,3]]},"1369":{"position":[[1054,1],[1153,1],[1165,1],[1187,1],[1203,1],[1208,1],[1220,1],[1243,1],[1264,1],[1303,1],[1310,2],[1327,1],[1332,1],[1344,1],[1365,1],[1397,1],[1434,1],[1441,2],[1458,1],[1463,1],[1475,1],[1497,1],[1520,1],[1558,1],[1565,2],[1582,1],[1587,1],[1599,1],[1620,1],[1649,1],[1686,1],[1694,2],[1711,1],[1716,1],[1728,1],[1752,1],[1782,1],[1820,1],[1827,1],[1829,2],[1832,1],[1867,1],[1869,2],[1931,2],[2029,1],[2059,1],[2061,2],[2096,1],[2166,2],[2255,2],[2306,1],[2314,1],[2351,1],[2361,1],[2387,1],[2405,2],[2414,1],[2428,1],[2468,1],[2503,1],[2615,1],[2635,2]]},"1371":{"position":[[490,2],[628,2],[775,2],[920,2],[1057,2],[1121,1],[1285,1],[1310,2],[1399,1],[1417,2],[1525,1],[1569,1],[1638,2],[1699,1],[1747,1],[1776,1],[1792,1],[1797,1],[1809,1],[1832,1],[1853,1],[1892,1],[1899,2],[1916,1],[1921,1],[1933,1],[1954,1],[1986,1],[2023,1],[2030,2],[2047,1],[2052,1],[2064,1],[2086,1],[2109,1],[2147,1],[2154,2],[2171,1],[2176,1],[2188,1],[2209,1],[2238,1],[2275,1],[2283,2],[2300,1],[2305,1],[2317,1],[2341,1],[2371,1],[2409,1],[2416,2],[2433,1],[2438,1],[2450,1],[2472,1],[2491,1],[2529,1],[2536,2],[2553,1],[2558,1],[2570,1],[2594,1],[2613,1],[2651,1],[2658,2],[2675,1],[2680,1],[2692,1],[2716,1],[2743,1],[2781,1],[2788,2],[2805,1],[2810,1],[2822,1],[2846,1],[2868,1],[2906,1],[2913,2],[2930,1],[2935,1],[2947,1],[2970,1],[2992,1],[3029,1],[3036,2],[3053,1],[3058,1],[3070,1],[3092,1],[3111,1],[3148,1],[3155,2],[3172,1],[3177,1],[3189,1],[3213,1],[3236,1],[3274,1],[3281,2],[3284,2],[3287,2]]},"1373":{"position":[[472,2],[610,2],[757,2],[902,2],[1039,2],[1074,2],[1088,1],[1106,1],[1171,1],[1335,1],[1360,2],[1449,1],[1467,2],[1575,1],[1623,1],[1652,1],[1668,1],[1673,1],[1685,1],[1708,1],[1729,1],[1768,1],[1775,2],[1792,1],[1797,1],[1809,1],[1830,1],[1862,1],[1899,1],[1906,2],[1923,1],[1928,1],[1940,1],[1962,1],[1985,1],[2023,1],[2030,2],[2047,1],[2052,1],[2064,1],[2085,1],[2114,1],[2151,1],[2159,2],[2176,1],[2181,1],[2193,1],[2217,1],[2247,1],[2285,1],[2292,2],[2309,1],[2314,1],[2326,1],[2348,1],[2367,1],[2405,1],[2412,2],[2429,1],[2434,1],[2446,1],[2470,1],[2489,1],[2527,1],[2534,2],[2551,1],[2556,1],[2568,1],[2592,1],[2619,1],[2657,1],[2664,2],[2681,1],[2686,1],[2698,1],[2722,1],[2744,1],[2782,1],[2789,2],[2806,1],[2811,1],[2823,1],[2846,1],[2868,1],[2905,1],[2912,2],[2929,1],[2934,1],[2946,1],[2968,1],[2987,1],[3024,1],[3031,2],[3048,1],[3053,1],[3065,1],[3089,1],[3112,1],[3150,1],[3157,2],[3160,2],[3163,2]]},"1375":{"position":[[474,2],[612,2],[759,2],[904,2],[1206,1],[1276,1],[1282,2],[1301,2],[1321,2],[1361,2],[1375,1],[1385,1],[1507,1],[1532,2],[1621,1],[1639,2],[1747,1],[1795,1],[1824,1],[1840,1],[1845,1],[1857,1],[1880,1],[1901,1],[1940,1],[1947,2],[1964,1],[1969,1],[1981,1],[2002,1],[2034,1],[2071,1],[2078,2],[2095,1],[2100,1],[2112,1],[2134,1],[2157,1],[2195,1],[2202,2],[2219,1],[2224,1],[2236,1],[2257,1],[2286,1],[2323,1],[2331,2],[2348,1],[2353,1],[2365,1],[2389,1],[2419,1],[2457,1],[2464,2],[2481,1],[2486,1],[2498,1],[2520,1],[2539,1],[2577,1],[2584,2],[2601,1],[2606,1],[2618,1],[2642,1],[2661,1],[2699,1],[2706,2],[2723,1],[2728,1],[2740,1],[2764,1],[2791,1],[2829,1],[2836,2],[2853,1],[2858,1],[2870,1],[2894,1],[2916,1],[2954,1],[2961,2],[2978,1],[2983,1],[2995,1],[3018,1],[3040,1],[3077,1],[3084,2],[3101,1],[3106,1],[3118,1],[3140,1],[3159,1],[3196,1],[3203,2],[3220,1],[3225,1],[3237,1],[3261,1],[3284,1],[3322,1],[3329,2],[3332,2],[3335,2]]},"1377":{"position":[[966,1],[987,1],[1007,1],[1050,1],[1107,1],[1236,1],[1315,2],[1404,1],[1422,2],[1530,1],[1578,1],[1607,1],[1623,1],[1628,1],[1640,1],[1663,1],[1684,1],[1723,1],[1730,2],[1747,1],[1752,1],[1764,1],[1785,1],[1817,1],[1854,1],[1861,2],[1878,1],[1883,1],[1895,1],[1917,1],[1940,1],[1978,1],[1985,2],[2002,1],[2007,1],[2019,1],[2040,1],[2069,1],[2106,1],[2114,2],[2131,1],[2136,1],[2148,1],[2172,1],[2202,1],[2240,1],[2247,2],[2264,1],[2269,1],[2281,1],[2303,1],[2322,1],[2360,1],[2367,2],[2384,1],[2389,1],[2401,1],[2425,1],[2444,1],[2482,1],[2489,2],[2506,1],[2511,1],[2523,1],[2546,1],[2568,1],[2605,1],[2612,2],[2629,1],[2634,1],[2646,1],[2668,1],[2687,1],[2724,1],[2731,2],[2734,2],[2737,1],[2805,1],[2825,1],[2849,2],[2868,1],[2880,1],[2916,2]]},"1379":{"position":[[982,1],[1003,1],[1023,1],[1066,1],[1123,1],[1252,1],[1331,2],[1420,1],[1438,2],[1546,1],[1594,1],[1623,1],[1639,1],[1644,1],[1656,1],[1679,1],[1700,1],[1739,1],[1746,2],[1763,1],[1768,1],[1780,1],[1801,1],[1833,1],[1870,1],[1877,2],[1894,1],[1899,1],[1911,1],[1933,1],[1956,1],[1994,1],[2001,2],[2018,1],[2023,1],[2035,1],[2056,1],[2085,1],[2122,1],[2130,2],[2147,1],[2152,1],[2164,1],[2188,1],[2218,1],[2256,1],[2263,2],[2280,1],[2285,1],[2297,1],[2319,1],[2338,1],[2376,1],[2383,2],[2400,1],[2405,1],[2417,1],[2441,1],[2460,1],[2498,1],[2505,2],[2522,1],[2527,1],[2539,1],[2562,1],[2584,1],[2621,1],[2628,2],[2645,1],[2650,1],[2662,1],[2684,1],[2703,1],[2740,1],[2747,2],[2750,2],[2753,1],[2821,1],[2841,1],[2865,2],[2884,1],[2896,1],[2932,2]]},"1381":{"position":[[1359,1],[1380,1],[1400,1],[1443,1],[1500,1],[1629,1],[1654,2],[1743,1],[1761,2],[1869,1],[1917,1],[1946,1],[1962,1],[1967,1],[1979,1],[2002,1],[2023,1],[2062,1],[2069,2],[2086,1],[2091,1],[2103,1],[2124,1],[2156,1],[2193,1],[2200,2],[2217,1],[2222,1],[2234,1],[2256,1],[2279,1],[2317,1],[2324,2],[2341,1],[2346,1],[2358,1],[2379,1],[2408,1],[2445,1],[2453,2],[2470,1],[2475,1],[2487,1],[2511,1],[2541,1],[2579,1],[2586,2],[2603,1],[2608,1],[2620,1],[2642,1],[2661,1],[2699,1],[2706,2],[2723,1],[2728,1],[2740,1],[2764,1],[2783,1],[2821,1],[2828,2],[2845,1],[2850,1],[2862,1],[2885,1],[2907,1],[2944,1],[2951,2],[2968,1],[2973,1],[2985,1],[3007,1],[3026,1],[3063,1],[3070,2],[3073,2],[3076,1],[3156,1],[3181,2],[3189,1],[3197,2],[3232,1],[3238,1],[3295,1],[3311,1],[3318,2],[3353,1],[3359,1],[3427,1],[3447,1],[3471,2],[3490,1],[3502,1],[3538,2]]},"1383":{"position":[[663,2],[777,2],[893,2],[940,1],[963,1],[1009,1],[1141,1],[1166,2],[1255,1],[1273,2],[1381,1],[1429,1],[1458,1],[1474,1],[1479,1],[1491,1],[1514,1],[1535,1],[1574,1],[1581,2],[1598,1],[1603,1],[1615,1],[1636,1],[1668,1],[1705,1],[1712,2],[1729,1],[1734,1],[1746,1],[1768,1],[1791,1],[1829,1],[1836,2],[1853,1],[1858,1],[1870,1],[1891,1],[1920,1],[1957,1],[1965,2],[1982,1],[1987,1],[1999,1],[2023,1],[2053,1],[2091,1],[2098,2],[2115,1],[2120,1],[2132,1],[2154,1],[2173,1],[2211,1],[2218,2],[2235,1],[2240,1],[2252,1],[2276,1],[2295,1],[2333,1],[2340,2],[2357,1],[2362,1],[2374,1],[2398,1],[2425,1],[2463,1],[2470,2],[2487,1],[2492,1],[2504,1],[2528,1],[2550,1],[2588,1],[2595,2],[2612,1],[2617,1],[2629,1],[2652,1],[2674,1],[2711,1],[2718,2],[2735,1],[2740,1],[2752,1],[2774,1],[2793,1],[2830,1],[2837,2],[2854,1],[2859,1],[2871,1],[2895,1],[2918,1],[2956,1],[2963,2],[2966,2],[2969,1],[3005,2],[3017,1]]},"1385":{"position":[[215,1],[225,3],[669,1],[712,1],[844,1],[869,2],[958,1],[976,2],[1084,1],[1132,1],[1161,1],[1177,1],[1182,1],[1194,1],[1217,1],[1238,1],[1277,1],[1284,2],[1301,1],[1306,1],[1318,1],[1339,1],[1371,1],[1408,1],[1415,2],[1432,1],[1437,1],[1449,1],[1471,1],[1494,1],[1532,1],[1539,2],[1556,1],[1561,1],[1573,1],[1594,1],[1623,1],[1660,1],[1668,2],[1685,1],[1690,1],[1702,1],[1726,1],[1756,1],[1794,1],[1801,2],[1818,1],[1823,1],[1835,1],[1857,1],[1876,1],[1914,1],[1921,2],[1938,1],[1943,1],[1955,1],[1979,1],[1998,1],[2036,1],[2043,2],[2060,1],[2065,1],[2077,1],[2101,1],[2128,1],[2166,1],[2173,2],[2190,1],[2195,1],[2207,1],[2231,1],[2253,1],[2291,1],[2298,2],[2315,1],[2320,1],[2332,1],[2355,1],[2377,1],[2414,1],[2421,2],[2438,1],[2443,1],[2455,1],[2477,1],[2496,1],[2533,1],[2540,2],[2557,1],[2562,1],[2574,1],[2598,1],[2621,1],[2659,1],[2666,2],[2669,2],[2672,2]]},"1387":{"position":[[252,2],[370,2],[490,2],[616,2],[729,2],[1052,2],[1170,2],[1290,2],[1416,2],[1529,2],[1838,2],[1956,2],[2076,2],[2202,2],[2315,2],[2638,2],[2756,2],[2876,2],[3002,2],[3115,2],[3179,1],[3222,1],[3354,1],[3379,2],[3468,1],[3486,2],[3594,1],[3642,1],[3671,1],[3687,1],[3692,1],[3704,1],[3725,1],[3757,1],[3794,1],[3801,2],[3818,1],[3823,1],[3835,1],[3857,1],[3880,1],[3918,1],[3925,2],[3942,1],[3947,1],[3959,1],[3980,1],[4009,1],[4046,1],[4054,2],[4071,1],[4076,1],[4088,1],[4112,1],[4142,1],[4180,1],[4187,2],[4204,1],[4209,1],[4221,1],[4243,1],[4262,1],[4300,1],[4307,2],[4324,1],[4329,1],[4341,1],[4365,1],[4384,1],[4422,1],[4429,2],[4432,2],[4435,2]]},"1389":{"position":[[365,2],[503,2],[650,2],[795,2],[932,2],[1354,2],[1492,2],[1639,2],[1784,2],[1921,2],[2341,2],[2479,2],[2626,2],[2771,2],[2908,2],[3330,2],[3468,2],[3615,2],[3760,2],[3897,2],[4313,2],[4451,2],[4598,2],[4743,2],[4880,2],[5296,2],[5434,2],[5581,2],[5726,2],[5863,2],[6289,2],[6427,2],[6574,2],[6719,2],[6856,2],[6920,1],[6963,1],[7095,1],[7120,2],[7209,1],[7227,2],[7335,1],[7383,1],[7412,1],[7428,1],[7433,1],[7445,1],[7466,1],[7498,1],[7535,1],[7542,2],[7559,1],[7564,1],[7576,1],[7598,1],[7621,1],[7659,1],[7666,2],[7683,1],[7688,1],[7700,1],[7721,1],[7750,1],[7787,1],[7795,2],[7812,1],[7817,1],[7829,1],[7853,1],[7883,1],[7921,1],[7928,2],[7945,1],[7950,1],[7962,1],[7984,1],[8003,1],[8041,1],[8048,2],[8065,1],[8070,1],[8082,1],[8106,1],[8125,1],[8163,1],[8170,2],[8173,2],[8176,2]]},"1391":{"position":[[297,2],[415,2],[535,2],[661,2],[774,2],[838,1],[875,1],[887,1],[889,1],[942,1],[1074,1],[1099,2],[1188,1],[1206,2],[1314,1],[1362,1],[1391,1],[1407,1],[1412,1],[1424,1],[1445,1],[1477,1],[1514,1],[1521,2],[1538,1],[1543,1],[1555,1],[1577,1],[1600,1],[1638,1],[1645,2],[1662,1],[1667,1],[1679,1],[1700,1],[1729,1],[1766,1],[1774,2],[1791,1],[1796,1],[1808,1],[1832,1],[1862,1],[1900,1],[1907,2],[1924,1],[1929,1],[1941,1],[1963,1],[1982,1],[2020,1],[2027,2],[2044,1],[2049,1],[2061,1],[2085,1],[2104,1],[2142,1],[2149,2],[2152,2],[2155,1],[2221,1],[2268,1],[2275,1],[2302,1],[2332,1],[2380,3],[2384,2]]},"1393":{"position":[[308,2],[426,2],[546,2],[672,2],[785,2],[849,1],[886,1],[898,1],[900,1],[953,1],[1085,1],[1110,2],[1199,1],[1217,2],[1325,1],[1373,1],[1402,1],[1418,1],[1423,1],[1435,1],[1456,1],[1488,1],[1525,1],[1532,2],[1549,1],[1554,1],[1566,1],[1588,1],[1611,1],[1649,1],[1656,2],[1673,1],[1678,1],[1690,1],[1711,1],[1740,1],[1777,1],[1785,2],[1802,1],[1807,1],[1819,1],[1843,1],[1873,1],[1911,1],[1918,2],[1935,1],[1940,1],[1952,1],[1974,1],[1993,1],[2031,1],[2038,2],[2055,1],[2060,1],[2072,1],[2096,1],[2115,1],[2153,1],[2160,2],[2163,2],[2166,1],[2238,1],[2285,1],[2292,1],[2319,1],[2356,1],[2404,3],[2408,2]]},"1395":{"position":[[505,1],[515,3],[720,2],[858,2],[1005,2],[1150,2],[1287,2],[1351,1],[1394,1],[1491,1],[1516,1],[1550,2],[1720,2],[2080,2],[2384,2],[2513,1],[2635,1],[2660,2],[2749,1],[2767,2],[2875,1],[2923,1],[2952,1],[2968,1],[2973,1],[2985,1],[3008,1],[3029,1],[3068,1],[3075,2],[3092,1],[3097,1],[3109,1],[3130,1],[3162,1],[3199,1],[3206,2],[3223,1],[3228,1],[3240,1],[3262,1],[3285,1],[3323,1],[3330,2],[3347,1],[3352,1],[3364,1],[3385,1],[3414,1],[3451,1],[3459,2],[3476,1],[3481,1],[3493,1],[3517,1],[3547,1],[3585,1],[3592,2],[3609,1],[3614,1],[3626,1],[3648,1],[3667,1],[3705,1],[3712,2],[3729,1],[3734,1],[3746,1],[3770,1],[3789,1],[3827,1],[3834,2],[3851,1],[3856,1],[3868,1],[3892,1],[3919,1],[3957,1],[3964,2],[3981,1],[3986,1],[3998,1],[4022,1],[4044,1],[4082,1],[4089,2],[4106,1],[4111,1],[4123,1],[4146,1],[4168,1],[4205,1],[4212,2],[4229,1],[4234,1],[4246,1],[4268,1],[4287,1],[4324,1],[4331,2],[4348,1],[4353,1],[4365,1],[4389,1],[4412,1],[4450,1],[4457,2],[4460,2],[4463,2]]}}}],["0",{"_index":1175,"t":{"595":{"position":[[202,2]]},"677":{"position":[[2373,2],[2444,2],[2991,1]]},"907":{"position":[[215,2],[460,1],[586,2],[810,1],[922,2]]},"916":{"position":[[1400,2],[1429,2],[2501,2],[3844,2],[4323,1],[4420,2],[4614,2]]},"918":{"position":[[634,1]]},"920":{"position":[[642,1],[913,1],[1185,1]]},"922":{"position":[[811,1],[1082,1],[1354,1]]},"924":{"position":[[642,1],[913,1],[1185,1]]},"934":{"position":[[457,1],[569,2]]},"943":{"position":[[1136,2],[1169,2],[2235,2],[3395,2],[3796,2],[3984,2],[4194,2]]},"945":{"position":[[1183,1],[1725,1],[2267,1]]},"947":{"position":[[571,2],[604,2],[1534,2],[1812,2],[2747,2],[2847,2],[3342,2],[3530,2],[3740,2]]},"957":{"position":[[548,1],[660,2],[1573,2],[1576,2],[1678,2],[1681,2],[2399,2],[2475,1],[3228,1]]},"966":{"position":[[1484,2],[1513,2],[2427,2],[3726,2],[4345,1],[4497,2],[4691,2]]},"968":{"position":[[1014,1],[1556,1],[2098,1]]},"980":{"position":[[452,1],[564,2]]},"989":{"position":[[1106,2],[1139,2],[2150,2],[3246,2],[3632,2],[3820,2],[4030,2]]},"991":{"position":[[541,2],[574,2],[1705,2],[2566,2],[2661,2],[3144,2],[3332,2],[3542,2]]},"1045":{"position":[[2586,2],[2657,2],[3203,1]]},"1095":{"position":[[2452,2],[2523,2],[3070,1]]},"1164":{"position":[[1175,3],[1214,3],[1254,3],[1307,3],[1347,3]]},"1170":{"position":[[324,3]]},"1320":{"position":[[1833,3]]},"1363":{"position":[[918,1]]},"1387":{"position":[[162,2],[962,2],[1748,2],[2548,2]]},"1389":{"position":[[184,2],[257,2],[1173,2],[1246,2],[2161,2],[2233,2],[3149,2],[3222,2],[4135,2],[4205,2],[5118,2],[5188,2],[6106,2],[6181,2]]},"1391":{"position":[[183,2]]},"1393":{"position":[[182,2]]},"1395":{"position":[[307,2],[422,2]]}}}],["0\">and",{"_index":1404,"t":{"675":{"position":[[405,6]]}}}],["0\">whenev",{"_index":3353,"t":{"1268":{"position":[[387,11]]}}}],["0,0,0",{"_index":3509,"t":{"1316":{"position":[[3319,6]]}}}],["0.0",{"_index":2562,"t":{"957":{"position":[[315,3]]}}}],["0.1",{"_index":2569,"t":{"957":{"position":[[1579,5],[1684,5]]}}}],["0.1.0",{"_index":155,"t":{"12":{"position":[[103,5]]},"114":{"position":[[1354,5]]},"210":{"position":[[1407,5]]},"378":{"position":[[147,5]]}}}],["0.2",{"_index":2596,"t":{"957":{"position":[[3183,3]]}}}],["0.2.0",{"_index":180,"t":{"16":{"position":[[102,5]]},"114":{"position":[[923,5]]},"210":{"position":[[976,5]]},"322":{"position":[[1046,5]]},"336":{"position":[[2937,5]]},"344":{"position":[[1534,5]]},"346":{"position":[[150,5]]},"384":{"position":[[146,5]]}}}],["0.2.1",{"_index":185,"t":{"18":{"position":[[103,5]]},"114":{"position":[[693,5]]},"210":{"position":[[746,5]]},"300":{"position":[[155,5]]},"328":{"position":[[146,5]]},"366":{"position":[[1047,5]]},"386":{"position":[[147,5]]}}}],["0.2.2",{"_index":192,"t":{"20":{"position":[[100,5]]},"114":{"position":[[492,5]]},"210":{"position":[[545,5]]},"348":{"position":[[541,5]]},"388":{"position":[[144,5]]}}}],["0.2.3",{"_index":199,"t":{"22":{"position":[[100,5]]},"114":{"position":[[294,5]]},"210":{"position":[[347,5]]},"348":{"position":[[343,5]]},"390":{"position":[[144,5]]}}}],["0.2.4",{"_index":202,"t":{"24":{"position":[[99,5]]},"114":{"position":[[99,5]]},"210":{"position":[[152,5]]},"348":{"position":[[148,5]]},"392":{"position":[[143,5]]}}}],["0.2.5",{"_index":206,"t":{"26":{"position":[[99,5]]},"112":{"position":[[2356,5]]},"208":{"position":[[2409,5]]},"336":{"position":[[2737,5]]},"344":{"position":[[1334,5]]},"394":{"position":[[143,5]]}}}],["0.2.6",{"_index":208,"t":{"28":{"position":[[101,5]]},"112":{"position":[[2172,5]]},"208":{"position":[[2225,5]]},"290":{"position":[[778,5]]},"396":{"position":[[145,5]]}}}],["0.3.0",{"_index":212,"t":{"30":{"position":[[101,5]]},"112":{"position":[[1968,5]]},"208":{"position":[[2021,5]]},"322":{"position":[[841,5]]},"398":{"position":[[145,5]]}}}],["0.4.0",{"_index":239,"t":{"32":{"position":[[103,5]]},"112":{"position":[[1764,5]]},"124":{"position":[[2497,5]]},"208":{"position":[[1817,5]]},"318":{"position":[[775,5]]},"400":{"position":[[147,5]]},"995":{"position":[[226,5],[278,5],[477,5],[549,5],[671,5],[1264,5],[1333,5]]},"997":{"position":[[77,5],[119,5],[180,5],[239,5]]},"999":{"position":[[123,5],[215,5]]}}}],["0.4.1",{"_index":243,"t":{"34":{"position":[[104,5]]},"112":{"position":[[1566,5]]},"124":{"position":[[2299,5]]},"208":{"position":[[1619,5]]},"294":{"position":[[149,5]]},"318":{"position":[[577,5]]},"322":{"position":[[645,5]]},"402":{"position":[[148,5]]},"995":{"position":[[1022,5],[1217,5]]}}}],["0.4.2",{"_index":257,"t":{"36":{"position":[[104,5]]},"112":{"position":[[1292,5]]},"124":{"position":[[2025,5]]},"208":{"position":[[1345,5]]},"603":{"position":[[148,5]]}}}],["0.5.0",{"_index":260,"t":{"38":{"position":[[102,5]]},"112":{"position":[[1021,5]]},"132":{"position":[[156,5]]},"136":{"position":[[153,5]]},"144":{"position":[[161,5]]},"160":{"position":[[157,5]]},"166":{"position":[[156,5]]},"208":{"position":[[1074,5]]},"404":{"position":[[146,5]]}}}],["0.5.1",{"_index":267,"t":{"40":{"position":[[103,5]]},"112":{"position":[[759,5]]},"146":{"position":[[650,5]]},"148":{"position":[[162,5]]},"150":{"position":[[159,5]]},"152":{"position":[[160,5]]},"208":{"position":[[812,5]]},"238":{"position":[[650,5]]},"406":{"position":[[147,5]]},"1365":{"position":[[133,6]]}}}],["0.6.0",{"_index":278,"t":{"42":{"position":[[103,5]]},"112":{"position":[[444,5]]},"170":{"position":[[156,5]]},"172":{"position":[[160,5]]},"186":{"position":[[401,5]]},"208":{"position":[[497,5]]},"350":{"position":[[406,5]]},"352":{"position":[[153,5]]},"366":{"position":[[732,5]]},"605":{"position":[[147,5]]}}}],["0.8",{"_index":2313,"t":{"907":{"position":[[203,3],[574,3]]}}}],["06:00",{"_index":3151,"t":{"1164":{"position":[[1261,5],[1354,5]]}}}],["08:00",{"_index":3149,"t":{"1164":{"position":[[1221,5],[1314,5]]}}}],["0l1",{"_index":777,"t":{"477":{"position":[[244,3]]}}}],["1",{"_index":72,"t":{"2":{"position":[[1759,2],[1979,2]]},"90":{"position":[[29,2]]},"92":{"position":[[29,2]]},"106":{"position":[[1375,2],[1414,2]]},"128":{"position":[[1803,2],[2023,2]]},"200":{"position":[[1812,2],[2032,2]]},"212":{"position":[[83,2]]},"246":{"position":[[1047,2]]},"268":{"position":[[78,2]]},"274":{"position":[[1806,2],[2026,2]]},"276":{"position":[[1807,2],[2027,2]]},"286":{"position":[[84,2]]},"288":{"position":[[77,2]]},"336":{"position":[[1042,2]]},"364":{"position":[[72,2]]},"368":{"position":[[79,2]]},"458":{"position":[[73,2]]},"460":{"position":[[73,2]]},"477":{"position":[[258,1]]},"687":{"position":[[1234,1]]},"718":{"position":[[928,1]]},"743":{"position":[[92,2],[95,1]]},"907":{"position":[[218,2],[589,2]]},"916":{"position":[[4088,2],[4754,2],[4785,3]]},"943":{"position":[[3235,2],[3583,2],[4283,2],[4371,4]]},"947":{"position":[[2587,2],[2922,2],[3129,2],[3829,2],[3917,4]]},"957":{"position":[[1776,1],[1874,1],[2175,1],[2268,1],[2354,1]]},"966":{"position":[[3973,2],[4831,2]]},"989":{"position":[[3086,2],[3419,2],[4119,2],[4207,4]]},"991":{"position":[[2406,2],[2736,2],[2931,2],[3631,2],[3719,4]]},"1018":{"position":[[993,1]]},"1062":{"position":[[1823,3]]},"1087":{"position":[[128,2]]},"1108":{"position":[[163,1]]},"1195":{"position":[[932,4]]},"1225":{"position":[[932,4]]},"1243":{"position":[[118,4]]},"1245":{"position":[[170,2],[191,2],[793,2],[1417,2]]},"1247":{"position":[[195,4]]},"1249":{"position":[[128,4]]},"1251":{"position":[[162,4]]},"1255":{"position":[[267,3]]},"1302":{"position":[[607,4]]},"1304":{"position":[[526,4]]},"1306":{"position":[[854,4]]},"1308":{"position":[[896,4]]},"1310":{"position":[[982,4]]},"1312":{"position":[[932,4]]},"1314":{"position":[[929,4]]},"1316":{"position":[[1029,4],[2642,3]]},"1320":{"position":[[1839,3]]},"1324":{"position":[[250,1]]},"1331":{"position":[[1202,2],[1707,2],[1829,2],[1953,2],[1956,3],[2075,3]]},"1333":{"position":[[1198,2],[1703,2],[1825,2],[1949,2],[1952,3],[2071,3]]},"1335":{"position":[[1130,2],[1635,2],[1757,2],[2136,2],[2139,3],[2258,3],[2380,2]]},"1337":{"position":[[1270,2],[1775,2],[1897,2],[2021,2],[2024,3],[2143,3]]},"1339":{"position":[[1275,2],[1780,2],[1902,2],[2281,2],[2284,3],[2403,3],[2525,2]]},"1341":{"position":[[1251,2],[1756,2],[1878,2],[2002,2],[2005,3],[2124,3]]},"1343":{"position":[[1270,2],[1775,2],[1897,2],[2021,2],[2024,3],[2143,3]]},"1345":{"position":[[2144,2],[3102,2],[3341,2],[3582,2],[3585,3],[3820,3]]},"1349":{"position":[[1593,2],[2098,2],[2220,2],[2344,2],[2347,3],[2466,3]]},"1351":{"position":[[1232,2],[1737,2],[1859,2],[1983,2],[1986,3],[2105,3]]},"1353":{"position":[[1242,2],[1747,2],[1869,2],[1993,2],[1996,3],[2115,3]]},"1359":{"position":[[1869,2],[2827,2],[3066,2],[3307,2],[3310,3],[3545,3]]},"1361":{"position":[[1204,2],[1709,2],[1831,2],[2210,2],[2213,3],[2332,3],[2454,2]]},"1365":{"position":[[2314,2],[3099,2],[3604,2],[3726,2],[4105,2],[4108,3],[4227,3],[4349,2]]},"1367":{"position":[[1022,1],[1302,2],[1885,2],[2007,2],[2131,2],[2134,3],[2253,3]]},"1369":{"position":[[1418,2],[2416,2]]},"1371":{"position":[[2007,2],[2512,2],[2634,2],[3013,2],[3016,3],[3135,3],[3257,2]]},"1373":{"position":[[1883,2],[2388,2],[2510,2],[2889,2],[2892,3],[3011,3],[3133,2]]},"1375":{"position":[[2055,2],[2560,2],[2682,2],[3061,2],[3064,3],[3183,3],[3305,2]]},"1377":{"position":[[1838,2],[2343,2],[2465,2],[2589,2],[2592,3],[2711,3]]},"1379":{"position":[[1854,2],[2359,2],[2481,2],[2605,2],[2608,3],[2727,3]]},"1381":{"position":[[2177,2],[2682,2],[2804,2],[2928,2],[2931,3],[3050,3]]},"1383":{"position":[[1689,2],[2194,2],[2316,2],[2695,2],[2698,3],[2817,3],[2939,2]]},"1385":{"position":[[1392,2],[1897,2],[2019,2],[2398,2],[2401,3],[2520,3],[2642,2]]},"1387":{"position":[[3778,2],[4283,2],[4405,2]]},"1389":{"position":[[7519,2],[8024,2],[8146,2]]},"1391":{"position":[[1498,2],[2003,2],[2125,2]]},"1393":{"position":[[1509,2],[2014,2],[2136,2]]},"1395":{"position":[[552,3],[3183,2],[3688,2],[3810,2],[4189,2],[4192,3],[4311,3],[4433,2]]}}}],["1.0",{"_index":2316,"t":{"907":{"position":[[290,3]]}}}],["1.0.0",{"_index":289,"t":{"44":{"position":[[123,6]]},"112":{"position":[[123,6]]},"134":{"position":[[1483,6]]},"154":{"position":[[173,6]]},"156":{"position":[[180,6]]},"162":{"position":[[180,6]]},"180":{"position":[[172,6]]},"192":{"position":[[167,6]]},"208":{"position":[[176,6]]},"326":{"position":[[465,6]]},"330":{"position":[[173,6]]},"408":{"position":[[167,6]]},"481":{"position":[[151,5],[227,5],[318,5],[376,5],[494,5],[567,5],[649,5],[716,5],[780,5],[877,5],[1007,5],[1127,5],[1199,5],[1278,5],[1374,5],[1522,5]]},"687":{"position":[[100,5],[152,5],[241,5],[334,5],[426,5],[472,5],[528,5],[620,5],[676,5],[733,5],[789,5],[967,5],[1096,5],[1186,5],[1258,5],[1345,5]]},"689":{"position":[[56,5],[197,5]]},"718":{"position":[[100,5],[151,5],[248,5],[305,5],[357,5],[414,5],[474,5],[580,5],[720,5],[810,5],[880,5],[982,5]]},"720":{"position":[[186,5],[347,5]]},"842":{"position":[[94,5],[155,5],[216,5],[305,5],[356,5],[428,5]]},"844":{"position":[[186,5],[236,5],[298,5],[331,5],[387,5],[447,5],[507,5]]},"863":{"position":[[131,5],[299,5],[391,5]]},"878":{"position":[[224,5],[275,5],[337,5]]},"901":{"position":[[91,5],[133,5]]},"903":{"position":[[200,5],[241,5]]},"905":{"position":[[126,5],[185,5]]},"907":{"position":[[176,5],[372,5],[437,5],[477,5],[542,5],[664,5],[925,5],[1041,5],[1165,5],[1251,5],[1329,5],[1407,5],[1499,5],[1553,5],[1625,5],[1697,5]]},"911":{"position":[[210,5],[270,5],[325,5],[573,5],[618,5]]},"928":{"position":[[91,5],[132,5]]},"930":{"position":[[200,5],[241,5]]},"932":{"position":[[126,5],[185,5]]},"934":{"position":[[181,5],[246,5],[311,5],[572,5],[623,5],[817,5],[903,5],[981,5],[1059,5],[1151,5],[1205,5]]},"938":{"position":[[360,5]]},"951":{"position":[[91,5],[132,5]]},"953":{"position":[[200,5],[241,5]]},"955":{"position":[[115,5],[185,5]]},"957":{"position":[[177,5],[242,5],[285,5],[337,5],[402,5],[663,5],[714,5],[993,5],[1117,5],[1203,5],[1281,5],[1335,5],[1413,5],[1505,5],[1614,5],[1721,5],[1821,5],[1949,5],[2036,5],[2115,5],[2215,5],[2310,5],[2429,5],[2517,5],[2725,5],[2800,5],[3070,5],[3162,5],[3317,5],[3371,5],[3443,5],[3515,5]]},"961":{"position":[[211,5],[271,5],[326,5],[575,5],[620,5]]},"974":{"position":[[91,5],[132,5]]},"976":{"position":[[200,5],[241,5]]},"978":{"position":[[115,5],[185,5]]},"980":{"position":[[176,5],[241,5],[306,5],[567,5],[618,5],[807,5],[893,5],[971,5],[1049,5],[1103,5]]},"984":{"position":[[350,5]]},"1320":{"position":[[112,5],[171,5],[362,5],[453,5],[697,5],[1001,5],[1072,5],[1600,5],[2058,5],[2315,5]]},"1322":{"position":[[136,5]]},"1324":{"position":[[93,5],[191,5]]},"1326":{"position":[[145,5],[371,5],[468,5],[546,5],[602,5],[770,5],[915,5],[990,5],[1094,5],[1249,5],[1402,5],[1490,5],[1648,5],[1978,5],[2115,5],[2169,5]]},"1328":{"position":[[81,5],[118,5],[173,5]]}}}],["1.0.1",{"_index":313,"t":{"46":{"position":[[104,6]]},"110":{"position":[[2913,6]]},"134":{"position":[[1151,6]]},"138":{"position":[[568,6]]},"142":{"position":[[560,6]]},"164":{"position":[[158,6]]},"168":{"position":[[561,6]]},"174":{"position":[[158,6]]},"176":{"position":[[561,6]]},"190":{"position":[[2957,6]]},"206":{"position":[[2966,6]]},"607":{"position":[[148,6]]}}}],["1.1.0",{"_index":319,"t":{"48":{"position":[[104,6]]},"110":{"position":[[2507,6]]},"134":{"position":[[745,6]]},"138":{"position":[[162,6]]},"142":{"position":[[154,6]]},"168":{"position":[[155,6]]},"176":{"position":[[155,6]]},"184":{"position":[[154,6]]},"190":{"position":[[2551,6]]},"206":{"position":[[2560,6]]},"410":{"position":[[148,6]]},"611":{"position":[[167,5],[314,5],[492,5]]},"613":{"position":[[130,5],[208,5],[292,5],[361,5],[456,5],[524,5],[588,5],[647,5],[737,5],[804,5]]},"779":{"position":[[136,5]]},"782":{"position":[[120,5],[157,5]]}}}],["1.10.0",{"_index":51,"t":{"2":{"position":[[781,6]]},"100":{"position":[[101,6]]},"128":{"position":[[825,6]]},"200":{"position":[[834,6]]},"240":{"position":[[397,6]]},"274":{"position":[[828,6]]},"276":{"position":[[829,6]]},"320":{"position":[[391,6]]},"412":{"position":[[146,6]]},"481":{"position":[[1456,6]]},"517":{"position":[[134,6],[201,6],[292,6]]},"519":{"position":[[134,6]]},"521":{"position":[[134,6]]},"523":{"position":[[134,6]]},"525":{"position":[[134,6]]},"527":{"position":[[134,6],[249,6],[301,6],[400,6],[531,6]]},"529":{"position":[[134,6],[204,6]]},"531":{"position":[[134,6]]},"533":{"position":[[134,6],[204,6]]},"630":{"position":[[109,6],[245,6],[338,6],[437,6],[508,6]]},"632":{"position":[[151,6],[207,6],[254,6],[385,6]]},"634":{"position":[[151,6],[207,6],[254,6],[385,6]]},"636":{"position":[[143,6],[221,6]]},"638":{"position":[[145,6]]},"640":{"position":[[147,6],[244,6],[359,6],[490,6],[589,6],[652,6],[718,6]]},"642":{"position":[[105,6],[186,6],[271,6],[337,6]]},"644":{"position":[[116,6],[252,6],[339,6],[478,6]]},"863":{"position":[[206,6]]},"903":{"position":[[90,6],[150,6]]},"911":{"position":[[458,6]]},"930":{"position":[[90,6],[150,6]]},"938":{"position":[[240,6]]},"953":{"position":[[90,6],[150,6]]},"961":{"position":[[459,6]]},"976":{"position":[[90,6],[150,6]]},"984":{"position":[[235,6]]},"1320":{"position":[[1356,6]]}}}],["1.10.1",{"_index":41,"t":{"2":{"position":[[535,6]]},"102":{"position":[[103,6]]},"128":{"position":[[579,6]]},"200":{"position":[[588,6]]},"240":{"position":[[151,6]]},"274":{"position":[[582,6]]},"276":{"position":[[583,6]]},"320":{"position":[[145,6]]},"416":{"position":[[148,6]]}}}],["1.10.2",{"_index":15,"t":{"2":{"position":[[106,6]]},"104":{"position":[[106,6]]},"124":{"position":[[155,6]]},"128":{"position":[[150,6]]},"196":{"position":[[161,6]]},"200":{"position":[[159,6]]},"220":{"position":[[155,6]]},"224":{"position":[[163,6]]},"246":{"position":[[154,6]]},"256":{"position":[[156,6]]},"272":{"position":[[156,6]]},"274":{"position":[[153,6]]},"276":{"position":[[154,6]]},"296":{"position":[[149,6]]},"302":{"position":[[157,6]]},"318":{"position":[[147,6]]},"336":{"position":[[149,6]]},"340":{"position":[[155,6]]},"354":{"position":[[150,6]]},"370":{"position":[[150,6]]},"414":{"position":[[151,6]]},"909":{"position":[[107,6],[161,6]]},"911":{"position":[[515,6]]},"936":{"position":[[109,6],[169,6]]},"938":{"position":[[302,6]]},"959":{"position":[[106,6],[159,6]]},"961":{"position":[[517,6]]},"982":{"position":[[109,6],[169,6]]},"984":{"position":[[292,6]]},"995":{"position":[[351,6],[420,6]]},"1119":{"position":[[126,6]]},"1136":{"position":[[126,6]]},"1176":{"position":[[126,6]]}}}],["1.2.0",{"_index":324,"t":{"50":{"position":[[104,6]]},"110":{"position":[[2178,6]]},"134":{"position":[[416,6]]},"140":{"position":[[163,6]]},"158":{"position":[[155,6]]},"190":{"position":[[2222,6]]},"206":{"position":[[2231,6]]},"228":{"position":[[840,6]]},"248":{"position":[[154,6]]},"418":{"position":[[148,6]]}}}],["1.3.0",{"_index":331,"t":{"52":{"position":[[104,6]]},"110":{"position":[[1919,6]]},"134":{"position":[[157,6]]},"190":{"position":[[1963,6]]},"206":{"position":[[1972,6]]},"258":{"position":[[585,6]]},"420":{"position":[[148,6]]},"1101":{"position":[[100,5],[148,5],[232,5],[282,5]]},"1103":{"position":[[75,5],[111,5]]},"1105":{"position":[[96,5]]}}}],["1.3.1",{"_index":363,"t":{"60":{"position":[[104,6]]},"110":{"position":[[1630,6]]},"124":{"position":[[1736,6]]},"190":{"position":[[1674,6]]},"196":{"position":[[1293,6]]},"206":{"position":[[1683,6]]},"424":{"position":[[148,6]]},"1001":{"position":[[196,5],[253,5],[308,5],[358,5],[406,5],[454,5]]}}}],["1.4.0",{"_index":336,"t":{"54":{"position":[[103,6]]},"110":{"position":[[1361,6]]},"190":{"position":[[1405,6]]},"206":{"position":[[1414,6]]},"256":{"position":[[585,6]]},"332":{"position":[[147,6]]},"334":{"position":[[149,6]]},"338":{"position":[[151,6]]},"354":{"position":[[579,6]]},"422":{"position":[[147,6]]},"1293":{"position":[[99,5],[162,5],[335,5],[382,5],[427,5],[473,5]]},"1295":{"position":[[74,5],[111,5]]},"1297":{"position":[[110,5],[154,5],[224,5],[290,5],[327,5],[412,5],[462,5],[508,5],[565,5],[625,5]]}}}],["1.4.1",{"_index":341,"t":{"56":{"position":[[103,6]]},"110":{"position":[[1051,6]]},"190":{"position":[[1095,6]]},"206":{"position":[[1104,6]]},"226":{"position":[[159,6]]},"236":{"position":[[153,6]]},"246":{"position":[[2436,6]]},"280":{"position":[[1099,6]]},"284":{"position":[[1098,6]]},"304":{"position":[[153,6]]},"316":{"position":[[147,6]]},"336":{"position":[[2431,6]]},"426":{"position":[[147,6]]},"689":{"position":[[166,5]]}}}],["1.4.2",{"_index":359,"t":{"58":{"position":[[103,6]]},"110":{"position":[[602,6]]},"124":{"position":[[1286,6]]},"130":{"position":[[160,6]]},"178":{"position":[[165,6]]},"182":{"position":[[157,6]]},"190":{"position":[[646,6]]},"202":{"position":[[174,6]]},"206":{"position":[[655,6]]},"280":{"position":[[650,6]]},"284":{"position":[[649,6]]},"430":{"position":[[147,6]]}}}],["1.4.3",{"_index":367,"t":{"62":{"position":[[103,6]]},"110":{"position":[[353,6]]},"146":{"position":[[401,6]]},"190":{"position":[[397,6]]},"206":{"position":[[406,6]]},"238":{"position":[[401,6]]},"280":{"position":[[401,6]]},"284":{"position":[[400,6]]},"322":{"position":[[395,6]]},"428":{"position":[[147,6]]},"1320":{"position":[[511,5]]},"1324":{"position":[[274,5]]}}}],["1.4.4",{"_index":372,"t":{"64":{"position":[[104,6]]},"110":{"position":[[104,6]]},"146":{"position":[[152,6]]},"190":{"position":[[148,6]]},"206":{"position":[[157,6]]},"238":{"position":[[152,6]]},"280":{"position":[[152,6]]},"284":{"position":[[151,6]]},"322":{"position":[[146,6]]},"432":{"position":[[148,6]]}}}],["1.4.5",{"_index":378,"t":{"66":{"position":[[104,5]]},"108":{"position":[[2944,5]]},"186":{"position":[[154,5]]},"188":{"position":[[2988,5]]},"204":{"position":[[2997,5]]},"270":{"position":[[491,5]]},"278":{"position":[[2992,5]]},"282":{"position":[[2991,5]]},"366":{"position":[[485,5]]},"434":{"position":[[148,5]]}}}],["1.5",{"_index":778,"t":{"477":{"position":[[248,3]]}}}],["1.5.0",{"_index":384,"t":{"68":{"position":[[100,5]]},"108":{"position":[[2597,5]]},"188":{"position":[[2641,5]]},"204":{"position":[[2650,5]]},"218":{"position":[[665,5]]},"232":{"position":[[1298,5]]},"234":{"position":[[567,5]]},"246":{"position":[[2090,5]]},"252":{"position":[[998,5]]},"278":{"position":[[2645,5]]},"282":{"position":[[2644,5]]},"292":{"position":[[659,5]]},"312":{"position":[[561,5]]},"314":{"position":[[1292,5]]},"336":{"position":[[2085,5]]},"344":{"position":[[992,5]]},"438":{"position":[[144,5]]},"1051":{"position":[[163,5],[216,5],[408,5],[484,5],[560,5],[621,5],[664,5]]},"1053":{"position":[[60,5],[93,5]]}}}],["1.6.0",{"_index":395,"t":{"70":{"position":[[101,5]]},"108":{"position":[[2184,5]]},"188":{"position":[[2228,5]]},"204":{"position":[[2237,5]]},"230":{"position":[[149,5]]},"232":{"position":[[885,5]]},"234":{"position":[[154,5]]},"240":{"position":[[2684,5]]},"246":{"position":[[1677,5]]},"252":{"position":[[585,5]]},"262":{"position":[[149,5]]},"264":{"position":[[871,5]]},"266":{"position":[[155,5]]},"278":{"position":[[2232,5]]},"282":{"position":[[2231,5]]},"312":{"position":[[148,5]]},"314":{"position":[[879,5]]},"320":{"position":[[2678,5]]},"336":{"position":[[1672,5]]},"344":{"position":[[579,5]]},"360":{"position":[[865,5]]},"362":{"position":[[149,5]]},"436":{"position":[[145,5]]},"687":{"position":[[1236,5]]},"718":{"position":[[930,5]]},"1051":{"position":[[739,5]]},"1153":{"position":[[163,5],[216,5],[408,5],[484,5],[560,5],[621,5],[664,5],[739,5]]},"1155":{"position":[[60,5],[93,5]]},"1320":{"position":[[1970,5]]},"1326":{"position":[[215,5]]}}}],["1.7.0",{"_index":414,"t":{"72":{"position":[[101,5]]},"108":{"position":[[1850,5]]},"120":{"position":[[148,5]]},"126":{"position":[[144,5]]},"188":{"position":[[1894,5]]},"194":{"position":[[154,5]]},"198":{"position":[[150,5]]},"204":{"position":[[1903,5]]},"214":{"position":[[450,5]]},"222":{"position":[[153,5]]},"278":{"position":[[1898,5]]},"282":{"position":[[1897,5]]},"290":{"position":[[444,5]]},"298":{"position":[[147,5]]},"440":{"position":[[145,5]]},"481":{"position":[[831,5]]},"589":{"position":[[147,5],[204,5],[254,5],[325,5]]},"591":{"position":[[70,5],[115,5],[183,5]]},"593":{"position":[[111,5],[248,5],[333,5],[467,5]]},"1234":{"position":[[140,5],[262,5],[354,5]]},"1236":{"position":[[89,5],[151,5],[218,5],[287,5]]},"1238":{"position":[[102,5],[237,5],[322,5],[454,5]]},"1240":{"position":[[147,5],[212,5],[258,5],[320,5],[407,5]]},"1276":{"position":[[136,5],[213,5],[310,5],[395,5],[452,5],[523,5]]}}}],["1.7.1",{"_index":432,"t":{"74":{"position":[[101,5]]},"108":{"position":[[1580,5]]},"124":{"position":[[1014,5]]},"188":{"position":[[1624,5]]},"196":{"position":[[1020,5]]},"204":{"position":[[1633,5]]},"218":{"position":[[396,5]]},"278":{"position":[[1628,5]]},"282":{"position":[[1627,5]]},"292":{"position":[[390,5]]},"444":{"position":[[145,5]]}}}],["1.7.2",{"_index":445,"t":{"76":{"position":[[101,5]]},"108":{"position":[[1332,5]]},"188":{"position":[[1376,5]]},"204":{"position":[[1385,5]]},"228":{"position":[[589,5]]},"278":{"position":[[1380,5]]},"282":{"position":[[1379,5]]},"306":{"position":[[147,5]]},"308":{"position":[[583,5]]},"442":{"position":[[145,5]]}}}],["1.7.3",{"_index":449,"t":{"78":{"position":[[101,5]]},"108":{"position":[[1087,5]]},"188":{"position":[[1131,5]]},"204":{"position":[[1140,5]]},"218":{"position":[[151,5]]},"240":{"position":[[2439,5]]},"278":{"position":[[1135,5]]},"282":{"position":[[1134,5]]},"292":{"position":[[145,5]]},"320":{"position":[[2433,5]]},"448":{"position":[[145,5]]},"1326":{"position":[[705,5]]}}}],["1.8.0",{"_index":459,"t":{"80":{"position":[[97,5]]},"108":{"position":[[651,5]]},"124":{"position":[[578,5]]},"188":{"position":[[695,5]]},"196":{"position":[[584,5]]},"204":{"position":[[704,5]]},"228":{"position":[[153,5]]},"232":{"position":[[449,5]]},"240":{"position":[[2003,5]]},"250":{"position":[[152,5]]},"252":{"position":[[149,5]]},"258":{"position":[[146,5]]},"264":{"position":[[435,5]]},"278":{"position":[[699,5]]},"282":{"position":[[698,5]]},"308":{"position":[[147,5]]},"314":{"position":[[443,5]]},"320":{"position":[[1997,5]]},"342":{"position":[[146,5]]},"344":{"position":[[143,5]]},"356":{"position":[[141,5]]},"360":{"position":[[429,5]]},"446":{"position":[[141,5]]},"718":{"position":[[1114,5]]},"1320":{"position":[[301,5],[808,5],[905,5],[1705,5],[1794,5],[1906,5],[2134,5]]},"1322":{"position":[[593,5]]}}}],["1.8.1",{"_index":475,"t":{"82":{"position":[[99,5]]},"108":{"position":[[399,5]]},"188":{"position":[[443,5]]},"204":{"position":[[452,5]]},"240":{"position":[[1751,5]]},"272":{"position":[[581,5]]},"278":{"position":[[447,5]]},"282":{"position":[[446,5]]},"320":{"position":[[1745,5]]},"370":{"position":[[575,5]]},"450":{"position":[[143,5]]}}}],["1.8.2",{"_index":482,"t":{"84":{"position":[[100,5]]},"108":{"position":[[100,5]]},"188":{"position":[[144,5]]},"204":{"position":[[153,5]]},"214":{"position":[[149,5]]},"232":{"position":[[152,5]]},"240":{"position":[[1452,5]]},"278":{"position":[[148,5]]},"282":{"position":[[147,5]]},"290":{"position":[[143,5]]},"310":{"position":[[142,5]]},"314":{"position":[[146,5]]},"320":{"position":[[1446,5]]},"326":{"position":[[142,5]]},"452":{"position":[[144,5]]}}}],["1.8.3",{"_index":91,"t":{"2":{"position":[[2694,5]]},"86":{"position":[[100,5]]},"128":{"position":[[2738,5]]},"200":{"position":[[2747,5]]},"240":{"position":[[1194,5]]},"254":{"position":[[152,5]]},"274":{"position":[[2741,5]]},"276":{"position":[[2742,5]]},"320":{"position":[[1188,5]]},"350":{"position":[[145,5]]},"456":{"position":[[144,5]]}}}],["1.9.0",{"_index":85,"t":{"2":{"position":[[2356,5]]},"88":{"position":[[100,5]]},"128":{"position":[[2400,5]]},"200":{"position":[[2409,5]]},"242":{"position":[[148,5]]},"244":{"position":[[407,5]]},"246":{"position":[[1338,5]]},"260":{"position":[[148,5]]},"270":{"position":[[149,5]]},"274":{"position":[[2403,5]]},"276":{"position":[[2404,5]]},"324":{"position":[[142,5]]},"336":{"position":[[1333,5]]},"340":{"position":[[833,5]]},"358":{"position":[[142,5]]},"366":{"position":[[143,5]]},"454":{"position":[[144,5]]},"844":{"position":[[123,5]]},"878":{"position":[[113,5]]}}}],["1.9.1",{"_index":73,"t":{"2":{"position":[[1829,5]]},"90":{"position":[[99,5]]},"92":{"position":[[302,5]]},"128":{"position":[[1873,5]]},"200":{"position":[[1882,5]]},"246":{"position":[[1117,5]]},"274":{"position":[[1876,5]]},"276":{"position":[[1877,5]]},"336":{"position":[[1112,5]]},"460":{"position":[[143,5]]}}}],["1.9.2",{"_index":75,"t":{"2":{"position":[[2049,5]]},"92":{"position":[[99,5]]},"128":{"position":[[2093,5]]},"200":{"position":[[2102,5]]},"212":{"position":[[153,5]]},"268":{"position":[[148,5]]},"274":{"position":[[2096,5]]},"276":{"position":[[2097,5]]},"286":{"position":[[154,5]]},"288":{"position":[[147,5]]},"364":{"position":[[142,5]]},"368":{"position":[[149,5]]},"458":{"position":[[143,5]]},"1320":{"position":[[1144,5],[1455,5]]}}}],["1.9.3",{"_index":70,"t":{"2":{"position":[[1610,5]]},"94":{"position":[[99,5]]},"128":{"position":[[1654,5]]},"200":{"position":[[1663,5]]},"240":{"position":[[974,5]]},"274":{"position":[[1657,5]]},"276":{"position":[[1658,5]]},"320":{"position":[[968,5]]},"462":{"position":[[143,5]]}}}],["1.9.4",{"_index":65,"t":{"2":{"position":[[1358,5]]},"96":{"position":[[99,5]]},"128":{"position":[[1402,5]]},"200":{"position":[[1411,5]]},"244":{"position":[[154,5]]},"246":{"position":[[865,5]]},"274":{"position":[[1405,5]]},"276":{"position":[[1406,5]]},"336":{"position":[[860,5]]},"340":{"position":[[580,5]]},"466":{"position":[[143,5]]},"687":{"position":[[887,5]]}}}],["1.9.5",{"_index":60,"t":{"2":{"position":[[1073,5]]},"98":{"position":[[100,5]]},"128":{"position":[[1117,5]]},"200":{"position":[[1126,5]]},"240":{"position":[[689,5]]},"246":{"position":[[580,5]]},"264":{"position":[[152,5]]},"274":{"position":[[1120,5]]},"276":{"position":[[1121,5]]},"320":{"position":[[683,5]]},"336":{"position":[[575,5]]},"360":{"position":[[146,5]]},"464":{"position":[[144,5]]},"687":{"position":[[1038,5]]},"1320":{"position":[[236,5],[1538,5]]},"1322":{"position":[[299,5],[482,5]]}}}],["10",{"_index":371,"t":{"64":{"position":[[33,3]]},"72":{"position":[[30,3]]},"106":{"position":[[1775,3],[1944,3]]},"108":{"position":[[1779,3]]},"110":{"position":[[33,3]]},"120":{"position":[[77,3]]},"126":{"position":[[73,3]]},"146":{"position":[[81,3]]},"188":{"position":[[1823,3]]},"190":{"position":[[77,3]]},"194":{"position":[[83,3]]},"198":{"position":[[79,3]]},"204":{"position":[[1832,3]]},"206":{"position":[[86,3]]},"214":{"position":[[379,3]]},"222":{"position":[[82,3]]},"238":{"position":[[81,3]]},"278":{"position":[[1827,3]]},"280":{"position":[[81,3]]},"282":{"position":[[1826,3]]},"284":{"position":[[80,3]]},"290":{"position":[[373,3]]},"298":{"position":[[76,3]]},"322":{"position":[[75,3]]},"336":{"position":[[0,2]]},"432":{"position":[[77,3]]},"440":{"position":[[74,3]]},"1012":{"position":[[432,4],[881,4]]},"1037":{"position":[[706,2]]},"1045":{"position":[[698,4],[1092,4],[1535,4]]},"1047":{"position":[[215,4]]},"1066":{"position":[[676,4],[969,4]]},"1070":{"position":[[663,4],[971,4],[1368,4]]},"1085":{"position":[[676,2]]},"1095":{"position":[[693,4],[1044,4],[1444,4]]},"1097":{"position":[[213,4]]},"1168":{"position":[[686,4],[1024,4],[1349,4],[1651,4],[1970,4]]},"1172":{"position":[[655,4],[1054,4]]},"1302":{"position":[[1543,5]]},"1304":{"position":[[1554,5]]},"1306":{"position":[[1882,5]]},"1308":{"position":[[1924,5]]},"1310":{"position":[[2010,5]]},"1312":{"position":[[1960,5]]},"1314":{"position":[[1957,5]]},"1316":{"position":[[2057,5]]},"1320":{"position":[[1557,2],[1646,3]]},"1335":{"position":[[189,3],[1887,3]]},"1339":{"position":[[2032,3]]},"1361":{"position":[[1961,3]]},"1365":{"position":[[2339,3],[3856,3]]},"1371":{"position":[[2764,3]]},"1373":{"position":[[2640,3]]},"1375":{"position":[[2812,3]]},"1383":{"position":[[2446,3]]},"1385":{"position":[[2149,3]]},"1395":{"position":[[3940,3]]}}}],["10%thi",{"_index":1596,"t":{"704":{"position":[[248,12]]},"708":{"position":[[129,12]]}}}],["101",{"_index":3623,"t":{"1331":{"position":[[1755,4]]},"1333":{"position":[[1751,4]]},"1335":{"position":[[1683,4]]},"1337":{"position":[[1823,4]]},"1339":{"position":[[1828,4]]},"1341":{"position":[[1804,4]]},"1343":{"position":[[1823,4]]},"1345":{"position":[[3166,4]]},"1349":{"position":[[2146,4]]},"1351":{"position":[[1785,4]]},"1353":{"position":[[1795,4]]},"1355":{"position":[[1744,4]]},"1357":{"position":[[1745,4]]},"1359":{"position":[[2891,4]]},"1361":{"position":[[1757,4]]},"1365":{"position":[[3652,4]]},"1367":{"position":[[1933,4]]},"1371":{"position":[[2560,4]]},"1373":{"position":[[2436,4]]},"1375":{"position":[[2608,4]]},"1377":{"position":[[2391,4]]},"1379":{"position":[[2407,4]]},"1381":{"position":[[2730,4]]},"1383":{"position":[[2242,4]]},"1385":{"position":[[1945,4]]},"1387":{"position":[[4331,4]]},"1389":{"position":[[8072,4]]},"1391":{"position":[[2051,4]]},"1393":{"position":[[2062,4]]},"1395":{"position":[[3736,4]]}}}],["102",{"_index":3621,"t":{"1331":{"position":[[1635,4]]},"1333":{"position":[[1631,4]]},"1335":{"position":[[1563,4]]},"1337":{"position":[[1703,4]]},"1339":{"position":[[1708,4]]},"1341":{"position":[[1684,4]]},"1343":{"position":[[1703,4]]},"1345":{"position":[[2936,4]]},"1349":{"position":[[2026,4]]},"1351":{"position":[[1665,4]]},"1353":{"position":[[1675,4]]},"1355":{"position":[[1641,4]]},"1357":{"position":[[1642,4]]},"1359":{"position":[[2661,4]]},"1361":{"position":[[1637,4]]},"1365":{"position":[[3532,4]]},"1367":{"position":[[1813,4]]},"1371":{"position":[[2440,4]]},"1373":{"position":[[2316,4]]},"1375":{"position":[[2488,4]]},"1377":{"position":[[2271,4]]},"1379":{"position":[[2287,4]]},"1381":{"position":[[2610,4]]},"1383":{"position":[[2122,4]]},"1385":{"position":[[1825,4]]},"1387":{"position":[[4211,4]]},"1389":{"position":[[7952,4]]},"1391":{"position":[[1931,4]]},"1393":{"position":[[1942,4]]},"1395":{"position":[[3616,4]]}}}],["103",{"_index":3607,"t":{"1331":{"position":[[1118,4]]},"1333":{"position":[[1114,4]]},"1335":{"position":[[1046,4]]},"1337":{"position":[[1186,4]]},"1339":{"position":[[1191,4]]},"1341":{"position":[[1167,4]]},"1343":{"position":[[1186,4]]},"1345":{"position":[[1965,4]]},"1349":{"position":[[1509,4]]},"1351":{"position":[[1148,4]]},"1353":{"position":[[1158,4]]},"1355":{"position":[[1186,4]]},"1357":{"position":[[1187,4]]},"1359":{"position":[[1690,4]]},"1361":{"position":[[1120,4]]},"1365":{"position":[[3015,4]]},"1367":{"position":[[1218,4]]},"1369":{"position":[[1334,4]]},"1371":{"position":[[1923,4]]},"1373":{"position":[[1799,4]]},"1375":{"position":[[1971,4]]},"1377":{"position":[[1754,4]]},"1379":{"position":[[1770,4]]},"1381":{"position":[[2093,4]]},"1383":{"position":[[1605,4]]},"1385":{"position":[[1308,4]]},"1387":{"position":[[3694,4]]},"1389":{"position":[[7435,4]]},"1391":{"position":[[1414,4]]},"1393":{"position":[[1425,4]]},"1395":{"position":[[3099,4]]}}}],["104",{"_index":3615,"t":{"1331":{"position":[[1373,4]]},"1333":{"position":[[1369,4]]},"1335":{"position":[[1301,4]]},"1337":{"position":[[1441,4]]},"1339":{"position":[[1446,4]]},"1341":{"position":[[1422,4]]},"1343":{"position":[[1441,4]]},"1345":{"position":[[2444,4]]},"1349":{"position":[[1764,4]]},"1351":{"position":[[1403,4]]},"1353":{"position":[[1413,4]]},"1355":{"position":[[1408,4]]},"1357":{"position":[[1409,4]]},"1359":{"position":[[2169,4]]},"1361":{"position":[[1375,4]]},"1365":{"position":[[3270,4]]},"1367":{"position":[[1473,4]]},"1369":{"position":[[1589,4]]},"1371":{"position":[[2178,4]]},"1373":{"position":[[2054,4]]},"1375":{"position":[[2226,4]]},"1377":{"position":[[2009,4]]},"1379":{"position":[[2025,4]]},"1381":{"position":[[2348,4]]},"1383":{"position":[[1860,4]]},"1385":{"position":[[1563,4]]},"1387":{"position":[[3949,4]]},"1389":{"position":[[7690,4]]},"1391":{"position":[[1669,4]]},"1393":{"position":[[1680,4]]},"1395":{"position":[[3354,4]]}}}],["105",{"_index":3618,"t":{"1331":{"position":[[1502,4]]},"1333":{"position":[[1498,4]]},"1335":{"position":[[1430,4]]},"1337":{"position":[[1570,4]]},"1339":{"position":[[1575,4]]},"1341":{"position":[[1551,4]]},"1343":{"position":[[1570,4]]},"1345":{"position":[[2684,4]]},"1349":{"position":[[1893,4]]},"1351":{"position":[[1532,4]]},"1353":{"position":[[1542,4]]},"1355":{"position":[[1521,4]]},"1357":{"position":[[1522,4]]},"1359":{"position":[[2409,4]]},"1361":{"position":[[1504,4]]},"1365":{"position":[[3399,4]]},"1367":{"position":[[1602,4]]},"1369":{"position":[[1718,4]]},"1371":{"position":[[2307,4]]},"1373":{"position":[[2183,4]]},"1375":{"position":[[2355,4]]},"1377":{"position":[[2138,4]]},"1379":{"position":[[2154,4]]},"1381":{"position":[[259,4],[339,4],[2477,4],[3191,5],[3234,3],[3313,4],[3355,3]]},"1383":{"position":[[1989,4]]},"1385":{"position":[[1692,4]]},"1387":{"position":[[4078,4]]},"1389":{"position":[[7819,4]]},"1391":{"position":[[1798,4]]},"1393":{"position":[[1809,4]]},"1395":{"position":[[3483,4]]}}}],["106",{"_index":3612,"t":{"1331":{"position":[[1249,4]]},"1333":{"position":[[1245,4]]},"1335":{"position":[[1177,4]]},"1337":{"position":[[1317,4]]},"1339":{"position":[[1322,4]]},"1341":{"position":[[1298,4]]},"1343":{"position":[[1317,4]]},"1345":{"position":[[2207,4]]},"1349":{"position":[[1640,4]]},"1351":{"position":[[1279,4]]},"1353":{"position":[[1289,4]]},"1355":{"position":[[1301,4]]},"1357":{"position":[[1302,4]]},"1359":{"position":[[1932,4]]},"1361":{"position":[[1251,4]]},"1365":{"position":[[3146,4]]},"1367":{"position":[[1349,4]]},"1369":{"position":[[1465,4]]},"1371":{"position":[[2054,4]]},"1373":{"position":[[1930,4]]},"1375":{"position":[[2102,4]]},"1377":{"position":[[1885,4]]},"1379":{"position":[[1901,4]]},"1381":{"position":[[2224,4]]},"1383":{"position":[[1736,4]]},"1385":{"position":[[1439,4]]},"1387":{"position":[[3825,4]]},"1389":{"position":[[7566,4]]},"1391":{"position":[[1545,4]]},"1393":{"position":[[1556,4]]},"1395":{"position":[[3230,4]]}}}],["107",{"_index":3601,"t":{"1331":{"position":[[994,4]]},"1333":{"position":[[990,4]]},"1335":{"position":[[922,4]]},"1337":{"position":[[1062,4]]},"1339":{"position":[[1067,4]]},"1341":{"position":[[1043,4]]},"1343":{"position":[[1062,4]]},"1345":{"position":[[1727,4]]},"1349":{"position":[[1385,4]]},"1351":{"position":[[1024,4]]},"1353":{"position":[[1034,4]]},"1355":{"position":[[1081,4]]},"1357":{"position":[[1082,4]]},"1359":{"position":[[1452,4]]},"1361":{"position":[[996,4]]},"1365":{"position":[[2891,4]]},"1367":{"position":[[1094,4]]},"1369":{"position":[[1210,4]]},"1371":{"position":[[1799,4]]},"1373":{"position":[[1675,4]]},"1375":{"position":[[1847,4]]},"1377":{"position":[[1630,4]]},"1379":{"position":[[1646,4]]},"1381":{"position":[[1969,4]]},"1383":{"position":[[1481,4]]},"1385":{"position":[[1184,4]]},"1395":{"position":[[2975,4]]}}}],["1073255",{"_index":2533,"t":{"945":{"position":[[1922,8]]},"968":{"position":[[1753,8]]},"970":{"position":[[1813,8]]}}}],["108",{"_index":3625,"t":{"1331":{"position":[[1877,4]]},"1333":{"position":[[1873,4]]},"1335":{"position":[[2060,4]]},"1337":{"position":[[1945,4]]},"1339":{"position":[[2205,4]]},"1341":{"position":[[1926,4]]},"1343":{"position":[[1945,4]]},"1345":{"position":[[3405,4]]},"1349":{"position":[[2268,4]]},"1351":{"position":[[1907,4]]},"1353":{"position":[[1917,4]]},"1355":{"position":[[1849,4]]},"1357":{"position":[[1850,4]]},"1359":{"position":[[3130,4]]},"1361":{"position":[[2134,4]]},"1365":{"position":[[4029,4]]},"1367":{"position":[[2055,4]]},"1371":{"position":[[2937,4]]},"1373":{"position":[[2813,4]]},"1375":{"position":[[2985,4]]},"1377":{"position":[[2513,4]]},"1379":{"position":[[2529,4]]},"1381":{"position":[[2852,4]]},"1383":{"position":[[2619,4]]},"1385":{"position":[[2322,4]]},"1395":{"position":[[4113,4]]}}}],["1081241",{"_index":2530,"t":{"945":{"position":[[1895,8]]},"968":{"position":[[1726,8]]},"970":{"position":[[1786,8]]}}}],["109",{"_index":3628,"t":{"1331":{"position":[[2000,4]]},"1333":{"position":[[1996,4]]},"1335":{"position":[[2183,4]]},"1337":{"position":[[2068,4]]},"1339":{"position":[[2328,4]]},"1341":{"position":[[2049,4]]},"1343":{"position":[[2068,4]]},"1345":{"position":[[3645,4]]},"1349":{"position":[[2391,4]]},"1351":{"position":[[2030,4]]},"1353":{"position":[[2040,4]]},"1355":{"position":[[1956,4]]},"1357":{"position":[[1957,4]]},"1359":{"position":[[3370,4]]},"1361":{"position":[[2257,4]]},"1365":{"position":[[4152,4]]},"1367":{"position":[[2178,4]]},"1371":{"position":[[3060,4]]},"1373":{"position":[[2936,4]]},"1375":{"position":[[3108,4]]},"1377":{"position":[[2636,4]]},"1379":{"position":[[2652,4]]},"1381":{"position":[[2975,4]]},"1383":{"position":[[2742,4]]},"1385":{"position":[[2445,4]]},"1395":{"position":[[4236,4]]}}}],["10:00",{"_index":3147,"t":{"1164":{"position":[[1182,5]]},"1170":{"position":[[331,5]]}}}],["10:50",{"_index":3154,"t":{"1166":{"position":[[471,5],[1195,5]]}}}],["10a",{"_index":3359,"t":{"1270":{"position":[[288,11],[433,11],[578,11]]}}}],["2\">an",{"_index":3357,"t":{"1270":{"position":[[156,12]]}}}],["2\">page",{"_index":3473,"t":{"1306":{"position":[[436,7]]},"1308":{"position":[[478,7]]},"1310":{"position":[[564,7]]},"1312":{"position":[[514,7]]},"1314":{"position":[[511,7]]}}}],["2\">submit@displayswitchstatuschang",{"_index":3003,"t":{"1068":{"position":[[245,10]]},"1170":{"position":[[245,10]]}}}],["3\">enter",{"_index":2818,"t":{"1025":{"position":[[201,10]]},"1027":{"position":[[190,10],[413,10],[636,10],[859,10],[1082,10],[1305,10],[1528,10],[1751,10],[1974,10]]},"1029":{"position":[[225,10]]},"1031":{"position":[[381,10]]},"1033":{"position":[[383,10]]},"1037":{"position":[[745,10]]},"1039":{"position":[[389,10],[642,10]]},"1041":{"position":[[409,10]]},"1058":{"position":[[250,10]]},"1060":{"position":[[464,10],[663,10],[860,10],[1059,10]]},"1062":{"position":[[726,10],[1047,10],[1366,10],[1687,10]]},"1064":{"position":[[191,10],[962,10]]},"1081":{"position":[[239,10]]},"1085":{"position":[[715,10]]},"1087":{"position":[[391,10],[690,10]]},"1089":{"position":[[361,10],[586,10]]},"1091":{"position":[[381,10]]},"1160":{"position":[[225,10]]},"1162":{"position":[[280,10],[454,10]]},"1164":{"position":[[701,10],[997,10]]},"1166":{"position":[[166,10],[910,10]]}}}],["3\">max",{"_index":2959,"t":{"1062":{"position":[[687,6],[1008,6],[1327,6],[1648,6]]},"1164":{"position":[[662,6],[958,6]]}}}],["3\">min",{"_index":2957,"t":{"1062":{"position":[[648,6],[969,6],[1288,6],[1609,6]]},"1164":{"position":[[623,6],[919,6]]}}}],["3\">switch",{"_index":3064,"t":{"1108":{"position":[[153,9]]}}}],["3\">thi",{"_index":2022,"t":{"807":{"position":[[272,7],[399,7],[529,7],[676,7],[815,7],[940,7]]},"811":{"position":[[61,7],[188,7],[318,7],[446,7]]}}}],["3.5",{"_index":779,"t":{"477":{"position":[[252,3]]}}}],["30",{"_index":84,"t":{"2":{"position":[[2285,3]]},"22":{"position":[[29,3]]},"42":{"position":[[32,3]]},"58":{"position":[[32,3]]},"88":{"position":[[29,3]]},"106":{"position":[[539,3],[956,3],[1453,3],[2030,3]]},"110":{"position":[[531,3]]},"112":{"position":[[373,3]]},"114":{"position":[[223,3]]},"124":{"position":[[1215,3]]},"128":{"position":[[2329,3]]},"130":{"position":[[89,3]]},"170":{"position":[[85,3]]},"172":{"position":[[89,3]]},"178":{"position":[[94,3]]},"182":{"position":[[86,3]]},"186":{"position":[[330,3]]},"190":{"position":[[575,3]]},"200":{"position":[[2338,3]]},"202":{"position":[[103,3]]},"206":{"position":[[584,3]]},"208":{"position":[[426,3]]},"210":{"position":[[276,3]]},"242":{"position":[[77,3]]},"244":{"position":[[336,3]]},"246":{"position":[[1267,3]]},"260":{"position":[[77,3]]},"270":{"position":[[78,3]]},"274":{"position":[[2332,3]]},"276":{"position":[[2333,3]]},"280":{"position":[[579,3]]},"284":{"position":[[578,3]]},"324":{"position":[[71,3]]},"336":{"position":[[1262,3]]},"340":{"position":[[762,3]]},"348":{"position":[[272,3]]},"350":{"position":[[335,3]]},"352":{"position":[[82,3]]},"358":{"position":[[71,3]]},"366":{"position":[[72,3],[661,3]]},"390":{"position":[[73,3]]},"430":{"position":[[76,3]]},"454":{"position":[[73,3]]},"605":{"position":[[76,3]]}}}],["300m",{"_index":373,"t":{"64":{"position":[[199,5]]}}}],["31",{"_index":211,"t":{"30":{"position":[[30,3]]},"82":{"position":[[28,3]]},"106":{"position":[[797,3],[1572,3]]},"108":{"position":[[328,3]]},"112":{"position":[[1897,3]]},"128":{"position":[[0,2]]},"188":{"position":[[0,2],[372,3]]},"190":{"position":[[0,2]]},"192":{"position":[[0,2]]},"204":{"position":[[381,3]]},"208":{"position":[[1950,3]]},"240":{"position":[[1680,3]]},"272":{"position":[[510,3]]},"278":{"position":[[376,3]]},"282":{"position":[[375,3]]},"320":{"position":[[1674,3]]},"322":{"position":[[770,3]]},"370":{"position":[[504,3]]},"398":{"position":[[74,3]]},"450":{"position":[[72,3]]}}}],["317",{"_index":570,"t":{"104":{"position":[[597,4]]}}}],["320px",{"_index":1398,"t":{"675":{"position":[[312,8]]}}}],["321",{"_index":1266,"t":{"618":{"position":[[712,5]]},"698":{"position":[[597,5]]},"729":{"position":[[627,5]]}}}],["322",{"_index":1576,"t":{"700":{"position":[[829,5]]},"731":{"position":[[875,5]]}}}],["327",{"_index":566,"t":{"104":{"position":[[457,4]]}}}],["334",{"_index":564,"t":{"104":{"position":[[368,4]]}}}],["352",{"_index":563,"t":{"104":{"position":[[303,4]]}}}],["4",{"_index":69,"t":{"2":{"position":[[1540,2]]},"32":{"position":[[33,2]]},"94":{"position":[[29,2]]},"106":{"position":[[757,2],[1336,2]]},"112":{"position":[[1694,2]]},"124":{"position":[[2427,2]]},"128":{"position":[[1584,2]]},"196":{"position":[[0,1]]},"200":{"position":[[1593,2]]},"208":{"position":[[1747,2]]},"232":{"position":[[0,1]]},"240":{"position":[[904,2]]},"274":{"position":[[1587,2]]},"276":{"position":[[1588,2]]},"314":{"position":[[0,1]]},"318":{"position":[[705,2]]},"320":{"position":[[898,2]]},"366":{"position":[[0,1]]},"400":{"position":[[77,2]]},"462":{"position":[[73,2]]},"477":{"position":[[256,1],[272,1],[274,1]]},"498":{"position":[[80,1]]},"544":{"position":[[16,2]]},"554":{"position":[[138,2],[468,2],[795,2]]},"556":{"position":[[42,2],[330,2],[618,2],[903,2],[1188,2],[1471,2],[1752,2],[2033,2]]},"558":{"position":[[254,2],[630,2],[957,2]]},"560":{"position":[[107,2],[504,2],[852,2]]},"649":{"position":[[28,3]]},"651":{"position":[[28,3]]},"653":{"position":[[28,3],[934,3]]},"675":{"position":[[284,1]]},"677":{"position":[[472,1]]},"729":{"position":[[810,1],[936,1],[1069,1]]},"731":{"position":[[1264,1],[1390,1],[1523,1]]},"916":{"position":[[465,2]]},"918":{"position":[[49,2]]},"920":{"position":[[49,2]]},"922":{"position":[[218,2]]},"924":{"position":[[49,2]]},"945":{"position":[[287,2],[1093,1],[1238,1],[1635,1],[1780,1],[2177,1],[2322,1]]},"966":{"position":[[535,2],[4249,1],[4400,1]]},"968":{"position":[[118,2],[924,1],[1069,1],[1466,1],[1611,1],[2008,1],[2153,1]]},"970":{"position":[[50,2],[854,1],[999,1],[1461,1],[1606,1],[2068,1],[2213,1]]},"1195":{"position":[[336,1],[472,3]]},"1225":{"position":[[336,1],[472,3]]},"1302":{"position":[[910,4]]},"1304":{"position":[[860,4]]},"1306":{"position":[[281,1],[417,3],[1188,4]]},"1308":{"position":[[250,1],[459,3],[1230,4]]},"1310":{"position":[[336,1],[545,3],[1316,4]]},"1312":{"position":[[286,1],[495,3],[1266,4]]},"1314":{"position":[[283,1],[492,3],[1263,4]]},"1316":{"position":[[304,1],[440,3],[1363,4]]},"1331":{"position":[[1325,2]]},"1333":{"position":[[1321,2]]},"1335":{"position":[[1253,2]]},"1337":{"position":[[1393,2]]},"1339":{"position":[[1398,2]]},"1341":{"position":[[1374,2]]},"1343":{"position":[[1393,2]]},"1345":{"position":[[2380,2]]},"1349":{"position":[[1716,2]]},"1351":{"position":[[1355,2]]},"1353":{"position":[[1365,2]]},"1359":{"position":[[2105,2]]},"1361":{"position":[[1327,2]]},"1365":{"position":[[3222,2]]},"1367":{"position":[[1425,2]]},"1369":{"position":[[1541,2]]},"1371":{"position":[[2130,2]]},"1373":{"position":[[2006,2]]},"1375":{"position":[[2178,2]]},"1377":{"position":[[1961,2]]},"1379":{"position":[[1977,2]]},"1381":{"position":[[2300,2]]},"1383":{"position":[[1812,2]]},"1385":{"position":[[1515,2]]},"1387":{"position":[[3901,2]]},"1389":{"position":[[7642,2]]},"1391":{"position":[[1621,2]]},"1393":{"position":[[1632,2]]},"1395":{"position":[[3306,2]]}}}],["4.33",{"_index":2874,"t":{"1029":{"position":[[291,6]]},"1031":{"position":[[447,6]]}}}],["40",{"_index":3144,"t":{"1162":{"position":[[533,4]]}}}],["4@employee.firstname@employee.lastname@employee.lastname@cod",{"_index":1693,"t":{"729":{"position":[[1124,38]]}}}],["8\">@employeeid@employee.firstname@employee.lastname@employee.lastname@cod",{"_index":1280,"t":{"618":{"position":[[1512,38]]},"698":{"position":[[1090,38]]}}}],["9\">@employeeidanoth",{"_index":1376,"t":{"664":{"position":[[335,21]]}}}],["activepagenumb",{"_index":1874,"t":{"743":{"position":[[39,16]]}}}],["activepagenumber=\"1",{"_index":1904,"t":{"750":{"position":[[12,20]]},"752":{"position":[[12,20]]}}}],["activepagenumber=\"2",{"_index":1916,"t":{"756":{"position":[[12,20],[62,20],[141,20]]}}}],["activepagenumber=\"3",{"_index":1911,"t":{"752":{"position":[[63,20]]}}}],["activepagenumber=\"5",{"_index":1912,"t":{"752":{"position":[[114,20]]},"754":{"position":[[133,20],[211,20],[261,20]]}}}],["activepagenumber=\"@currentpagenumb",{"_index":1919,"t":{"758":{"position":[[12,37]]}}}],["actual",{"_index":1673,"t":{"720":{"position":[[126,8],[285,8]]}}}],["ad",{"_index":125,"t":{"8":{"position":[[96,5]]},"12":{"position":[[176,5]]},"68":{"position":[[680,5],[728,5]]},"88":{"position":[[362,5]]},"100":{"position":[[972,5],[1018,5]]},"104":{"position":[[413,5],[694,5]]},"114":{"position":[[1753,5]]},"210":{"position":[[1806,5]]},"376":{"position":[[140,5]]},"475":{"position":[[27,5]]},"481":{"position":[[39,5]]},"494":{"position":[[30,6]]},"517":{"position":[[39,5]]},"519":{"position":[[39,5]]},"521":{"position":[[39,5]]},"523":{"position":[[39,5]]},"525":{"position":[[39,5]]},"527":{"position":[[39,5]]},"529":{"position":[[39,5]]},"531":{"position":[[39,5]]},"533":{"position":[[39,5]]},"589":{"position":[[39,5]]},"591":{"position":[[17,5]]},"593":{"position":[[17,5]]},"611":{"position":[[29,5]]},"613":{"position":[[30,5]]},"630":{"position":[[39,5]]},"632":{"position":[[39,5]]},"634":{"position":[[39,5]]},"636":{"position":[[39,5]]},"638":{"position":[[39,5]]},"640":{"position":[[39,5]]},"642":{"position":[[17,5]]},"644":{"position":[[23,5]]},"687":{"position":[[39,5]]},"689":{"position":[[17,5]]},"718":{"position":[[39,5]]},"720":{"position":[[19,5]]},"779":{"position":[[47,5]]},"782":{"position":[[29,5]]},"803":{"position":[[25,6]]},"842":{"position":[[39,5]]},"844":{"position":[[39,5]]},"863":{"position":[[39,5]]},"878":{"position":[[39,5]]},"901":{"position":[[39,5]]},"903":{"position":[[29,5]]},"905":{"position":[[48,5]]},"907":{"position":[[95,5]]},"909":{"position":[[48,5]]},"911":{"position":[[94,5]]},"928":{"position":[[39,5]]},"930":{"position":[[29,5]]},"932":{"position":[[48,5]]},"934":{"position":[[100,5]]},"936":{"position":[[48,5]]},"938":{"position":[[99,5]]},"951":{"position":[[39,5]]},"953":{"position":[[29,5]]},"955":{"position":[[48,5]]},"957":{"position":[[96,5]]},"959":{"position":[[48,5]]},"961":{"position":[[95,5]]},"974":{"position":[[39,5]]},"976":{"position":[[29,5]]},"978":{"position":[[48,5]]},"980":{"position":[[95,5]]},"982":{"position":[[48,5]]},"984":{"position":[[94,5]]},"995":{"position":[[39,5]]},"997":{"position":[[25,5]]},"999":{"position":[[17,5]]},"1001":{"position":[[127,5]]},"1051":{"position":[[39,5]]},"1053":{"position":[[17,5]]},"1101":{"position":[[39,5]]},"1103":{"position":[[29,5]]},"1105":{"position":[[17,5]]},"1153":{"position":[[39,5]]},"1155":{"position":[[17,5]]},"1234":{"position":[[39,5]]},"1236":{"position":[[17,5]]},"1238":{"position":[[17,5]]},"1240":{"position":[[39,5]]},"1276":{"position":[[39,5]]},"1293":{"position":[[39,5]]},"1295":{"position":[[17,5]]},"1297":{"position":[[39,5]]},"1320":{"position":[[39,5]]},"1322":{"position":[[22,5]]},"1324":{"position":[[29,5]]},"1326":{"position":[[39,5]]},"1328":{"position":[[39,5]]},"1361":{"position":[[38,6]]},"1363":{"position":[[142,6]]},"1369":{"position":[[1914,6]]}}}],["add",{"_index":741,"t":{"468":{"position":[[127,4]]},"492":{"position":[[33,3]]},"500":{"position":[[52,3]]},"550":{"position":[[0,3]]},"571":{"position":[[81,3],[567,3],[1054,3],[1538,3],[2021,3]]},"577":{"position":[[117,3]]},"613":{"position":[[153,4]]},"626":{"position":[[0,3]]},"656":{"position":[[40,3]]},"658":{"position":[[45,3]]},"660":{"position":[[50,3]]},"662":{"position":[[57,3]]},"664":{"position":[[33,3]]},"666":{"position":[[35,3]]},"668":{"position":[[195,3]]},"671":{"position":[[0,3]]},"685":{"position":[[40,3]]},"706":{"position":[[0,3]]},"754":{"position":[[36,3]]},"777":{"position":[[127,3]]},"784":{"position":[[0,3]]},"799":{"position":[[22,3]]},"824":{"position":[[0,3]]},"836":{"position":[[0,3]]},"838":{"position":[[34,3]]},"851":{"position":[[0,3]]},"857":{"position":[[71,3]]},"859":{"position":[[0,3]]},"861":{"position":[[42,3]]},"903":{"position":[[66,4],[123,4]]},"916":{"position":[[742,3]]},"930":{"position":[[66,4],[123,4]]},"943":{"position":[[752,3]]},"953":{"position":[[66,4],[123,4]]},"966":{"position":[[812,3],[957,3]]},"976":{"position":[[66,4],[123,4]]},"989":{"position":[[742,3]]},"1031":{"position":[[33,4]]},"1045":{"position":[[76,3]]},"1095":{"position":[[73,3]]},"1119":{"position":[[19,3]]},"1121":{"position":[[0,3],[575,3],[913,3]]},"1123":{"position":[[0,3],[589,3],[770,3]]},"1125":{"position":[[0,3],[73,3],[132,3]]},"1136":{"position":[[19,3]]},"1138":{"position":[[0,3],[580,3]]},"1140":{"position":[[0,3],[594,3],[775,3]]},"1142":{"position":[[0,3],[73,3],[132,3]]},"1176":{"position":[[19,3]]},"1178":{"position":[[0,3]]},"1180":{"position":[[0,3],[590,3],[771,3]]},"1182":{"position":[[0,3],[77,3],[136,3]]},"1219":{"position":[[0,3]]},"1243":{"position":[[231,4],[782,4],[1332,4]]},"1245":{"position":[[319,4],[944,4],[1567,4]]},"1247":{"position":[[308,4],[859,4],[1409,4]]},"1249":{"position":[[241,4],[808,4],[1358,4]]},"1251":{"position":[[275,4],[826,4],[1376,4]]},"1253":{"position":[[423,4],[986,4],[1548,4],[2106,4],[2654,4],[3214,4]]},"1255":{"position":[[402,4],[975,4],[1547,4]]},"1281":{"position":[[863,3]]},"1331":{"position":[[72,3]]},"1335":{"position":[[62,3]]},"1337":{"position":[[71,3]]},"1343":{"position":[[77,3]]},"1345":{"position":[[0,3]]},"1349":{"position":[[70,3],[219,3]]},"1351":{"position":[[0,3]]},"1359":{"position":[[31,3],[86,3]]},"1363":{"position":[[945,3]]},"1365":{"position":[[212,3]]},"1369":{"position":[[279,3],[387,3],[2647,3],[2673,4],[2772,3],[2855,4]]}}}],["addasync",{"_index":549,"t":{"100":{"position":[[673,8],[739,8],[801,8],[862,8]]}}}],["adddataasync",{"_index":2303,"t":{"903":{"position":[[43,12]]},"916":{"position":[[3004,14]]},"930":{"position":[[43,12]]},"943":{"position":[[2743,14]]},"947":{"position":[[2095,14]]},"953":{"position":[[43,12]]},"966":{"position":[[940,16],[2904,14]]},"976":{"position":[[43,12]]},"989":{"position":[[2623,14]]},"991":{"position":[[1943,14]]}}}],["adddataasync()\">add",{"_index":2364,"t":{"916":{"position":[[870,19]]},"943":{"position":[[880,19]]},"947":{"position":[[315,19]]},"989":{"position":[[870,19]]},"991":{"position":[[305,19]]}}}],["adddatasetasync",{"_index":548,"t":{"100":{"position":[[653,15],[719,15],[781,15],[842,15]]},"903":{"position":[[97,15]]},"916":{"position":[[722,19],[2736,17]]},"930":{"position":[[97,15]]},"943":{"position":[[732,19],[2493,17]]},"953":{"position":[[97,15]]},"966":{"position":[[792,19],[2666,17]]},"976":{"position":[[97,15]]},"989":{"position":[[722,19],[2388,17]]}}}],["addemploye",{"_index":3788,"t":{"1369":{"position":[[1853,13]]}}}],["addemployee2",{"_index":3792,"t":{"1369":{"position":[[2044,14]]}}}],["addit",{"_index":871,"t":{"492":{"position":[[80,10]]},"550":{"position":[[235,10]]},"552":{"position":[[350,10],[645,10]]},"554":{"position":[[282,10],[612,10],[939,10]]},"558":{"position":[[462,10],[826,10],[1165,10]]},"560":{"position":[[315,10],[700,10],[1060,10]]},"571":{"position":[[378,10],[864,10],[1351,10],[1835,10],[2318,10]]},"613":{"position":[[66,10],[236,10]]},"675":{"position":[[112,10]]},"687":{"position":[[73,10],[362,10],[704,10]]},"689":{"position":[[383,9]]},"718":{"position":[[73,10],[276,10],[385,10]]},"720":{"position":[[533,9]]},"754":{"position":[[103,10]]},"1268":{"position":[[24,10],[509,10]]},"1281":{"position":[[1160,10]]},"1291":{"position":[[123,10]]}}}],["address",{"_index":2777,"t":{"1012":{"position":[[1567,7],[2291,7]]}}}],["adil",{"_index":2702,"t":{"1004":{"position":[[999,7]]},"1006":{"position":[[1260,7]]},"1010":{"position":[[1068,7]]}}}],["adipisc",{"_index":1712,"t":{"735":{"position":[[233,10],[1486,10],[2874,10]]},"737":{"position":[[254,10],[1507,10],[2895,10],[4392,10],[5645,10],[7033,10]]}}}],["aenean",{"_index":1791,"t":{"735":{"position":[[1114,6],[2051,6]]},"737":{"position":[[1135,6],[2072,6],[5273,6],[6210,6]]}}}],["agnost",{"_index":2746,"t":{"1006":{"position":[[170,8]]},"1333":{"position":[[2375,8]]}}}],["ago10.2.5.@agree1
switch",{"_index":3066,"t":{"1108":{"position":[[173,31]]}}}],["b>@agree2aboutcontactde",{"_index":2841,"t":{"1027":{"position":[[945,5]]}}}],["b>e",{"_index":2836,"t":{"1027":{"position":[[722,5]]}}}],["b>en",{"_index":2823,"t":{"1027":{"position":[[53,5],[276,5],[1391,5],[1614,5]]}}}],["b>faqsfr",{"_index":2830,"t":{"1027":{"position":[[499,5],[1168,5]]}}}],["b>homeproductsprofilethi",{"_index":2005,"t":{"797":{"position":[[69,7],[290,7],[514,7]]},"799":{"position":[[231,7],[452,7],[676,7]]},"801":{"position":[[231,7],[513,7],[797,7]]},"803":{"position":[[152,7],[373,7],[614,7],[839,7]]},"805":{"position":[[188,7],[409,7],[633,7]]},"1243":{"position":[[133,7],[682,7],[1233,7]]},"1245":{"position":[[221,7],[844,7],[1468,7]]},"1247":{"position":[[210,7],[759,7],[1310,7]]},"1249":{"position":[[143,7],[708,7],[1259,7]]},"1251":{"position":[[177,7],[726,7],[1277,7]]},"1253":{"position":[[325,7],[886,7],[1449,7],[2006,7],[2555,7],[3115,7]]},"1255":{"position":[[304,7],[875,7],[1448,7]]}}}],["b>zh",{"_index":2858,"t":{"1027":{"position":[[1837,5]]}}}],["back",{"_index":421,"t":{"72":{"position":[[318,4],[503,4]]},"616":{"position":[[371,7]]}}}],["backdrop",{"_index":466,"t":{"80":{"position":[[369,8]]},"687":{"position":[[1329,9]]},"691":{"position":[[505,8]]},"693":{"position":[[336,10]]},"702":{"position":[[556,8]]},"724":{"position":[[253,8]]}}}],["backend/api",{"_index":3573,"t":{"1326":{"position":[[1580,11]]}}}],["background",{"_index":280,"t":{"42":{"position":[[268,11]]},"72":{"position":[[207,10]]},"100":{"position":[[556,10]]},"490":{"position":[[624,10]]},"514":{"position":[[138,10]]},"813":{"position":[[122,12]]},"957":{"position":[[2005,10]]},"1316":{"position":[[2604,10],[2667,10],[2996,10],[3134,10],[3549,10],[3662,10]]}}}],["backgroundcolor",{"_index":2311,"t":{"907":{"position":[[109,15],[159,16]]},"916":{"position":[[4182,15]]},"918":{"position":[[445,15]]},"920":{"position":[[513,15],[784,15],[1056,15]]},"922":{"position":[[682,15],[953,15],[1225,15]]},"924":{"position":[[513,15],[784,15],[1056,15]]},"934":{"position":[[114,15],[164,16]]},"943":{"position":[[1090,17],[1245,16],[3658,15]]},"945":{"position":[[921,15],[1463,15],[2005,15]]},"947":{"position":[[525,17],[680,16],[3204,15]]},"957":{"position":[[110,15],[160,16]]},"966":{"position":[[4065,15]]},"968":{"position":[[752,15],[1294,15],[1836,15]]},"970":{"position":[[682,15],[1289,15],[1896,15]]},"980":{"position":[[109,15],[159,16]]},"989":{"position":[[1060,17],[1215,16],[3494,15]]},"991":{"position":[[495,17],[650,16],[3006,15]]}}}],["backgroundcolors![datalabelscount",{"_index":2488,"t":{"943":{"position":[[3091,37],[4423,35]]},"947":{"position":[[2443,37],[3969,35]]},"989":{"position":[[2949,37],[4259,35]]},"991":{"position":[[2269,37],[3771,35]]}}}],["badg",{"_index":415,"t":{"72":{"position":[[116,6],[191,5],[230,6],[808,5],[1066,5]]},"108":{"position":[[1865,6],[1985,5]]},"120":{"position":[[163,6],[283,5]]},"126":{"position":[[21,7],[159,6],[279,5]]},"188":{"position":[[1909,6],[2029,5]]},"194":{"position":[[169,6],[289,5]]},"198":{"position":[[165,6],[285,5]]},"204":{"position":[[1918,6],[2038,5]]},"214":{"position":[[465,6],[585,5]]},"222":{"position":[[168,6],[288,5]]},"278":{"position":[[1913,6],[2033,5]]},"282":{"position":[[1912,6],[2032,5]]},"290":{"position":[[459,6],[579,5]]},"298":{"position":[[162,6],[282,5]]},"440":{"position":[[160,6],[280,5]]},"1274":{"position":[[21,5]]},"1276":{"position":[[129,6],[200,5],[293,5],[378,5],[436,5]]},"1279":{"position":[[0,6],[118,6]]},"1281":{"position":[[0,6]]},"1283":{"position":[[40,6],[89,6]]},"1285":{"position":[[0,6],[163,6],[292,7],[419,6]]},"1287":{"position":[[204,6],[504,6],[806,6],[1131,6],[1434,6],[1739,6],[2067,6],[2370,6],[2675,6]]},"1289":{"position":[[25,5],[172,6]]},"1293":{"position":[[87,5]]},"1310":{"position":[[2,5],[134,6]]},"1316":{"position":[[2935,5],[2990,5]]}}}],["badge1",{"_index":579,"t":{"118":{"position":[[41,6]]}}}],["badge>new

exampl",{"_index":3388,"t":{"1279":{"position":[[193,34]]}}}],["badge>new

exampl",{"_index":3389,"t":{"1279":{"position":[[236,34]]}}}],["badge>new

exampl",{"_index":3390,"t":{"1279":{"position":[[279,34]]}}}],["badge>new

exampl",{"_index":3391,"t":{"1279":{"position":[[322,34]]}}}],["badge>new
exampl",{"_index":3392,"t":{"1279":{"position":[[365,34]]}}}],["badge>new.........

headersom",{"_index":1010,"t":{"536":{"position":[[247,14]]},"542":{"position":[[140,14]]},"544":{"position":[[229,14],[591,14]]},"548":{"position":[[348,14]]},"556":{"position":[[152,14],[442,14],[728,14],[1012,14],[1298,14],[1578,14],[1860,14],[2140,14]]}}}],["cardtext>thi",{"_index":1097,"t":{"558":{"position":[[380,14],[756,14],[1083,14]]},"560":{"position":[[233,14],[630,14],[978,14]]}}}],["cardtext>with",{"_index":1054,"t":{"550":{"position":[[174,14]]},"552":{"position":[[289,14],[584,14]]},"554":{"position":[[221,14],[551,14],[878,14]]}}}],["cardtitle>card",{"_index":1008,"t":{"536":{"position":[[213,15]]},"542":{"position":[[39,15]]},"544":{"position":[[128,15],[490,15]]},"548":{"position":[[314,15]]},"558":{"position":[[346,15],[722,15],[1049,15]]},"560":{"position":[[199,15],[596,15],[944,15]]}}}],["cardtitle>dang",{"_index":1080,"t":{"556":{"position":[[971,17]]}}}],["cardtitle>dark",{"_index":1088,"t":{"556":{"position":[[2101,15]]}}}],["cardtitle>info",{"_index":1084,"t":{"556":{"position":[[1539,15]]}}}],["cardtitle>light",{"_index":1086,"t":{"556":{"position":[[1820,16]]}}}],["cardtitle>primari",{"_index":1074,"t":{"556":{"position":[[110,18]]}}}],["cardtitle>secondari",{"_index":1076,"t":{"556":{"position":[[398,20]]}}}],["cardtitle>speci",{"_index":1052,"t":{"550":{"position":[[127,18]]},"552":{"position":[[242,18],[537,18]]},"554":{"position":[[174,18],[504,18],[831,18]]}}}],["cardtitle>success",{"_index":1078,"t":{"556":{"position":[[686,18]]}}}],["cardtitle>warn",{"_index":1082,"t":{"556":{"position":[[1256,18]]}}}],["card—in",{"_index":1067,"t":{"554":{"position":[[49,7]]}}}],["cart",{"_index":1669,"t":{"716":{"position":[[65,6]]}}}],["case",{"_index":2059,"t":{"811":{"position":[[769,4],[824,4],[882,4],[940,4]]},"995":{"position":[[757,5]]},"1006":{"position":[[75,4],[183,4]]},"1333":{"position":[[103,4],[2388,4]]}}}],["catch",{"_index":1975,"t":{"784":{"position":[[448,5]]}}}],["catch(except",{"_index":2215,"t":{"859":{"position":[[614,15]]},"1219":{"position":[[644,15]]}}}],["categor",{"_index":2353,"t":{"916":{"position":[[28,11]]},"943":{"position":[[28,11]]},"966":{"position":[[28,11]]},"989":{"position":[[28,11]]}}}],["categori",{"_index":2315,"t":{"907":{"position":[[274,8],[314,8],[620,8]]},"916":{"position":[[365,10]]},"926":{"position":[[109,11],[254,9]]},"943":{"position":[[365,10]]},"966":{"position":[[365,10]]},"972":{"position":[[107,11]]},"989":{"position":[[365,10]]}}}],["categorypercentag",{"_index":2324,"t":{"907":{"position":[[548,18]]}}}],["cater",{"_index":1154,"t":{"573":{"position":[[142,5]]}}}],["caus",{"_index":451,"t":{"78":{"position":[[198,7]]},"98":{"position":[[561,7]]}}}],["cdn",{"_index":2250,"t":{"876":{"position":[[137,4]]}}}],["cell",{"_index":230,"t":{"30":{"position":[[440,4],[455,4],[471,4]]},"1355":{"position":[[46,4]]},"1357":{"position":[[14,4]]},"1375":{"position":[[104,4]]}}}],["center",{"_index":536,"t":{"100":{"position":[[317,9]]},"613":{"position":[[436,6]]},"626":{"position":[[60,6],[200,8],[839,8]]},"658":{"position":[[3,6]]},"687":{"position":[[953,7]]},"706":{"position":[[46,6],[169,8],[457,8]]},"708":{"position":[[835,8]]},"909":{"position":[[76,6],[129,6]]},"926":{"position":[[159,6]]},"936":{"position":[[77,6]]},"947":{"position":[[2995,9]]},"982":{"position":[[77,6]]},"991":{"position":[[2807,9]]},"1039":{"position":[[154,6]]},"1089":{"position":[[154,6]]}}}],["centerbottom",{"_index":2197,"t":{"855":{"position":[[1132,53]]}}}],["changeplacement(toastsplacement.bottomleft)\">bottom",{"_index":2196,"t":{"855":{"position":[[1013,51]]}}}],["changeplacement(toastsplacement.bottomright)\">bottom",{"_index":2198,"t":{"855":{"position":[[1255,52]]}}}],["changeplacement(toastsplacement.middlecenter)\">middl",{"_index":2194,"t":{"855":{"position":[[769,53]]}}}],["changeplacement(toastsplacement.middleleft)\">middl",{"_index":2193,"t":{"855":{"position":[[650,51]]}}}],["changeplacement(toastsplacement.middleright)\">middl",{"_index":2195,"t":{"855":{"position":[[892,52]]}}}],["changeplacement(toastsplacement.topcenter)\">top",{"_index":2189,"t":{"855":{"position":[[418,47]]}}}],["changeplacement(toastsplacement.topleft)\">top",{"_index":2187,"t":{"855":{"position":[[305,45]]}}}],["changeplacement(toastsplacement.topright)\">top",{"_index":2191,"t":{"855":{"position":[[535,46]]}}}],["changesgrid",{"_index":3845,"t":{"1383":{"position":[[780,20]]}}}],["changesize(15)\">grid",{"_index":3847,"t":{"1383":{"position":[[896,20]]}}}],["changesize(5)\">grid",{"_index":3843,"t":{"1383":{"position":[[666,19]]}}}],["changesize(int",{"_index":3849,"t":{"1383":{"position":[[2984,14]]}}}],["changetooltip",{"_index":967,"t":{"508":{"position":[[313,15]]},"872":{"position":[[273,15]]}}}],["chart",{"_index":18,"t":{"2":{"position":[[148,7],[399,5],[579,5],[826,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":[[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]]},"112":{"position":[[1043,5],[1097,6],[1115,5],[1137,5],[1155,5],[1172,5]]},"124":{"position":[[197,7],[448,5]]},"128":{"position":[[192,7],[443,5],[623,5],[870,7]]},"132":{"position":[[33,6],[178,5],[232,6],[250,5],[272,5],[290,5],[307,5]]},"136":{"position":[[29,7],[175,5],[229,6],[247,5],[269,5],[287,5],[304,5]]},"144":{"position":[[38,6],[183,5],[237,6],[255,5],[277,5],[295,5],[312,5]]},"160":{"position":[[34,6],[179,5],[233,6],[251,5],[273,5],[291,5],[308,5]]},"166":{"position":[[33,6],[178,5],[232,6],[250,5],[272,5],[290,5],[307,5]]},"196":{"position":[[203,7],[454,5]]},"200":{"position":[[201,7],[452,5],[632,5],[879,7]]},"208":{"position":[[1096,5],[1150,6],[1168,5],[1190,5],[1208,5],[1225,5]]},"220":{"position":[[197,7],[448,5]]},"224":{"position":[[205,7],[456,5]]},"240":{"position":[[195,5],[442,7]]},"246":{"position":[[196,7],[447,5]]},"256":{"position":[[198,7],[449,5]]},"272":{"position":[[198,7],[449,5]]},"274":{"position":[[195,7],[446,5],[626,5],[873,7]]},"276":{"position":[[196,7],[447,5],[627,5],[874,7]]},"296":{"position":[[21,7],[191,7],[442,5]]},"302":{"position":[[199,7],[450,5]]},"318":{"position":[[189,7],[440,5]]},"320":{"position":[[189,5],[436,7]]},"336":{"position":[[191,7],[442,5]]},"340":{"position":[[197,7],[448,5]]},"354":{"position":[[192,7],[443,5]]},"370":{"position":[[192,7],[443,5]]},"404":{"position":[[168,5],[222,6],[240,5],[262,5],[280,5],[297,5]]},"412":{"position":[[191,7]]},"414":{"position":[[193,7],[444,5]]},"416":{"position":[[192,5]]},"573":{"position":[[17,6],[42,5],[130,6],[155,8]]},"575":{"position":[[11,5]]},"577":{"position":[[45,5],[62,5],[77,5],[88,5],[98,5],[128,6],[146,6],[159,6],[174,6],[191,5]]},"579":{"position":[[15,5],[47,5]]},"581":{"position":[[20,5],[57,5]]},"583":{"position":[[16,5],[49,5]]},"585":{"position":[[15,5],[47,5]]},"899":{"position":[[23,5]]},"901":{"position":[[77,5],[120,5]]},"903":{"position":[[83,6],[143,6],[193,6],[234,6]]},"907":{"position":[[1158,6],[1541,5]]},"911":{"position":[[148,6],[172,6],[202,7],[387,5]]},"914":{"position":[[50,7]]},"922":{"position":[[16,5],[133,5]]},"926":{"position":[[25,5],[55,5],[144,6],[179,5]]},"928":{"position":[[77,5],[119,5]]},"930":{"position":[[83,6],[143,6],[193,6],[234,6]]},"934":{"position":[[810,6],[1193,5]]},"938":{"position":[[169,5]]},"941":{"position":[[50,7]]},"945":{"position":[[16,5],[133,5]]},"949":{"position":[[24,5],[177,6]]},"951":{"position":[[77,5],[119,5]]},"953":{"position":[[83,6],[143,6],[193,6],[234,6]]},"957":{"position":[[822,6],[1110,6],[3359,5]]},"961":{"position":[[149,6],[173,6],[203,7],[388,5]]},"964":{"position":[[50,7]]},"966":{"position":[[1131,5],[1298,5]]},"972":{"position":[[23,5],[53,5]]},"974":{"position":[[77,5],[119,5]]},"976":{"position":[[83,6],[143,6],[193,6],[234,6]]},"980":{"position":[[800,6],[1091,5]]},"984":{"position":[[164,5]]},"987":{"position":[[50,7]]},"1123":{"position":[[615,5],[783,5]]},"1140":{"position":[[620,5],[788,5]]},"1180":{"position":[[616,5],[784,5]]}}}],["chart.j",{"_index":1151,"t":{"573":{"position":[[69,8]]},"1123":{"position":[[593,8],[738,8]]},"1140":{"position":[[598,8],[743,8]]},"1180":{"position":[[594,8],[739,8]]}}}],["chart1",{"_index":582,"t":{"118":{"position":[[89,6],[206,6],[337,6],[409,6],[1230,6]]}}}],["chart.visu",{"_index":1145,"t":{"571":{"position":[[410,15],[896,15],[1383,15],[1867,15],[2350,15]]}}}],["code>step2dangerdangerinfoinfoprimaryprimarysav",{"_index":1555,"t":{"696":{"position":[[307,32]]},"704":{"position":[[804,32]]},"706":{"position":[[307,32]]},"708":{"position":[[685,32]]},"714":{"position":[[458,32]]}}}],["color=\"buttoncolor.primary\">understoodcent",{"_index":1367,"t":{"658":{"position":[[230,38]]}}}],["color=\"buttoncolor.secondary\">click",{"_index":1484,"t":{"679":{"position":[[668,39],[1090,39]]}}}],["color=\"buttoncolor.secondary\">default",{"_index":1478,"t":{"679":{"position":[[246,37]]}}}],["color=\"buttoncolor.secondary\">dropdown",{"_index":1335,"t":{"647":{"position":[[33,38]]},"677":{"position":[[381,38]]},"681":{"position":[[50,38]]},"683":{"position":[[240,38]]}}}],["color=\"buttoncolor.secondary\">dropdowndropenddropstartdropup",{"_index":1364,"t":{"656":{"position":[[209,36],[631,36]]}}}],["color=\"buttoncolor.secondary\">manu",{"_index":1489,"t":{"679":{"position":[[1459,36]]}}}],["color=\"buttoncolor.secondary\">right",{"_index":1382,"t":{"668":{"position":[[366,35]]}}}],["color=\"buttoncolor.secondary\">secondarysecondarysplit",{"_index":1371,"t":{"660":{"position":[[628,35]]},"662":{"position":[[948,35]]}}}],["color=\"buttoncolor.success",{"_index":844,"t":{"486":{"position":[[271,28]]},"490":{"position":[[156,27]]},"651":{"position":[[1005,27]]},"677":{"position":[[1703,27]]},"700":{"position":[[1575,27]]},"731":{"position":[[1632,27]]},"786":{"position":[[453,27]]},"832":{"position":[[218,27]]},"847":{"position":[[575,27]]},"849":{"position":[[491,27]]},"851":{"position":[[533,27]]},"853":{"position":[[618,27]]},"857":{"position":[[693,27]]},"1045":{"position":[[1955,27]]},"1066":{"position":[[1353,27]]},"1070":{"position":[[1820,27]]},"1095":{"position":[[1821,27]]},"1168":{"position":[[2322,27]]},"1172":{"position":[[1508,27]]},"1209":{"position":[[232,27]]},"1211":{"position":[[232,27]]},"1213":{"position":[[224,27]]}}}],["color=\"buttoncolor.success\">successsuccesswarningwarning@cod",{"_index":1564,"t":{"698":{"position":[[394,23]]},"729":{"position":[[411,23]]}}}],["componentblazor",{"_index":321,"t":{"48":{"position":[[233,15]]},"110":{"position":[[2636,15]]},"134":{"position":[[874,15]]},"138":{"position":[[291,15]]},"142":{"position":[[283,15]]},"168":{"position":[[284,15]]},"176":{"position":[[284,15]]},"184":{"position":[[283,15]]},"190":{"position":[[2680,15]]},"206":{"position":[[2689,15]]},"410":{"position":[[277,15]]}}}],["conceptu",{"_index":1677,"t":{"724":{"position":[[117,13]]}}}],["condimentum",{"_index":1803,"t":{"735":{"position":[[1311,11],[1773,11],[3774,12]]},"737":{"position":[[1332,11],[1794,11],[3795,12],[5470,11],[5932,11],[7933,12]]}}}],["condimentum.*dangerdark@cod",{"_index":3133,"t":{"1160":{"position":[[242,17]]}}}],["date2",{"_index":2951,"t":{"1060":{"position":[[1190,6]]},"1062":{"position":[[1930,6],[2171,5]]}}}],["date2(\"ar",{"_index":1267,"t":{"618":{"position":[[743,44]]}}}],["dialog.showasync(titl",{"_index":1313,"t":{"624":{"position":[[377,49]]},"626":{"position":[[1068,49]]}}}],["dialog1",{"_index":643,"t":{"118":{"position":[[1255,7],[1348,7]]}}}],["dialog2",{"_index":584,"t":{"118":{"position":[[144,7],[182,7]]}}}],["dialogcssclass",{"_index":1234,"t":{"613":{"position":[[44,14]]},"687":{"position":[[340,14]]}}}],["dialogoptions.isscrollable=\"tru",{"_index":1314,"t":{"624":{"position":[[603,34]]},"626":{"position":[[678,34]]}}}],["dialogoptions.isverticallycentered=\"tru",{"_index":1316,"t":{"626":{"position":[[4,41]]}}}],["dialogs",{"_index":1243,"t":{"613":{"position":[[599,10]]}}}],["dictionari",{"_index":1568,"t":{"700":{"position":[[63,11],[312,11]]},"731":{"position":[[47,11],[296,11]]}}}],["dictionaryanoth",{"_index":1377,"t":{"666":{"position":[[349,23]]}}}],["disabled>dis",{"_index":2233,"t":{"868":{"position":[[116,17]]}}}],["disablerowselect",{"_index":3524,"t":{"1320":{"position":[[814,19]]},"1381":{"position":[[125,19]]}}}],["disablerowselection=\"disablerowselectionhandl",{"_index":3837,"t":{"1381":{"position":[[568,48]]}}}],["disablerowselectionhandler(employee1",{"_index":3840,"t":{"1381":{"position":[[3253,36]]}}}],["disappear",{"_index":478,"t":{"82":{"position":[[258,9]]},"84":{"position":[[302,9]]}}}],["discount",{"_index":1441,"t":{"677":{"position":[[1162,9],[2380,8],[2471,9],[2963,9],[3020,8]]},"1045":{"position":[[1305,9],[2593,8],[2684,9],[3175,9],[3232,8]]},"1095":{"position":[[1214,9],[2459,8],[2550,9],[3042,9],[3099,8]]}}}],["discount:@cod",{"_index":3488,"t":{"1316":{"position":[[630,11]]}}}],["div>som",{"_index":1862,"t":{"739":{"position":[[305,9]]}}}],["divid",{"_index":540,"t":{"100":{"position":[[389,9]]},"475":{"position":[[0,8],[147,8],[197,8],[582,8]]},"477":{"position":[[126,8]]},"673":{"position":[[45,8]]},"1268":{"position":[[79,9]]}}}],["doc",{"_index":36,"t":{"2":{"position":[[417,4]]},"10":{"position":[[597,4]]},"14":{"position":[[156,4],[258,4]]},"18":{"position":[[238,4]]},"24":{"position":[[124,4],[177,4]]},"26":{"position":[[124,4],[203,4]]},"28":{"position":[[211,4]]},"32":{"position":[[429,4]]},"34":{"position":[[770,4]]},"72":{"position":[[663,4]]},"104":{"position":[[689,4],[1025,4]]},"112":{"position":[[1646,4],[1852,4],[2381,4]]},"114":{"position":[[124,4],[1178,4]]},"122":{"position":[[199,4]]},"124":{"position":[[466,4],[2379,4],[2585,4]]},"128":{"position":[[461,4]]},"196":{"position":[[472,4]]},"200":{"position":[[470,4]]},"208":{"position":[[1699,4],[1905,4],[2434,4]]},"210":{"position":[[177,4],[1231,4]]},"220":{"position":[[466,4]]},"224":{"position":[[474,4]]},"246":{"position":[[465,4]]},"256":{"position":[[467,4]]},"272":{"position":[[467,4]]},"274":{"position":[[464,4]]},"276":{"position":[[465,4]]},"294":{"position":[[229,4]]},"296":{"position":[[460,4]]},"302":{"position":[[468,4]]},"318":{"position":[[20,6],[458,4],[657,4],[863,4]]},"322":{"position":[[725,4]]},"336":{"position":[[460,4],[2762,4]]},"340":{"position":[[466,4]]},"344":{"position":[[1359,4]]},"348":{"position":[[173,4]]},"354":{"position":[[461,4]]},"370":{"position":[[461,4]]},"382":{"position":[[200,4]]},"392":{"position":[[168,4]]},"394":{"position":[[168,4]]},"400":{"position":[[235,4]]},"402":{"position":[[228,4]]},"414":{"position":[[462,4]]},"473":{"position":[[524,7],[537,8]]},"475":{"position":[[467,7],[480,8]]},"477":{"position":[[577,7],[590,8]]},"1193":{"position":[[42,4]]},"1223":{"position":[[42,4]]}}}],["docs3",{"_index":652,"t":{"118":{"position":[[1356,5]]}}}],["document",{"_index":117,"t":{"6":{"position":[[116,11],[163,13]]},"8":{"position":[[136,14]]},"10":{"position":[[153,13],[226,13],[636,13]]},"30":{"position":[[603,13]]},"32":{"position":[[373,13]]},"34":{"position":[[626,13],[665,13],[701,13]]},"36":{"position":[[218,13]]},"38":{"position":[[332,13],[378,13],[420,13],[461,13]]},"40":{"position":[[356,13]]},"42":{"position":[[451,13],[489,13]]},"44":{"position":[[676,13],[712,13]]},"46":{"position":[[468,13],[509,13],[548,13]]},"48":{"position":[[630,13],[676,13],[715,13],[751,13]]},"50":{"position":[[453,13]]},"52":{"position":[[420,13]]},"54":{"position":[[356,13]]},"56":{"position":[[675,13],[711,13]]},"58":{"position":[[617,13]]},"60":{"position":[[490,13]]},"62":{"position":[[315,13]]},"64":{"position":[[374,13]]},"66":{"position":[[341,13]]},"68":{"position":[[821,13],[852,13],[880,13],[909,13]]},"70":{"position":[[797,13],[823,13],[854,13],[881,13],[912,13]]},"72":{"position":[[635,14],[814,13],[844,13],[875,13],[904,13],[952,13],[995,13]]},"74":{"position":[[514,13],[543,13]]},"76":{"position":[[316,13]]},"78":{"position":[[392,13],[418,13]]},"80":{"position":[[1431,13],[1462,13],[1497,13],[1533,13],[1565,13],[1599,13],[1627,13],[1659,13]]},"82":{"position":[[355,13],[386,13],[421,13],[457,13],[489,13],[523,13],[551,13],[583,13]]},"84":{"position":[[467,13],[496,13],[528,13]]},"86":{"position":[[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":[[1247,13],[1287,13],[1325,13],[1361,13],[1399,13],[1438,13],[1476,13]]},"102":{"position":[[485,13]]},"104":{"position":[[794,13]]},"112":{"position":[[1406,13]]},"114":{"position":[[1574,13],[1793,14],[1963,11]]},"124":{"position":[[2139,13]]},"208":{"position":[[1459,13]]},"210":{"position":[[1627,13],[1846,14],[2016,11]]},"374":{"position":[[160,11]]},"376":{"position":[[180,14]]},"380":{"position":[[197,13]]},"481":{"position":[[1083,8]]},"527":{"position":[[378,9]]},"579":{"position":[[58,13]]},"581":{"position":[[68,13]]},"583":{"position":[[60,13]]},"585":{"position":[[58,13]]},"595":{"position":[[357,14]]},"603":{"position":[[262,13]]},"640":{"position":[[567,9]]},"693":{"position":[[232,8]]},"788":{"position":[[0,13]]},"813":{"position":[[0,13]]}}}],["documentation..dropdown",{"_index":1388,"t":{"673":{"position":[[383,25]]}}}],["dropdownhead",{"_index":1331,"t":{"638":{"position":[[129,15]]}}}],["dropdownheader>dropdown",{"_index":1385,"t":{"671":{"position":[[174,24]]}}}],["dropdownitem",{"_index":1337,"t":{"647":{"position":[[117,13],[183,13],[257,13]]},"649":{"position":[[139,13],[205,13],[279,13],[497,13],[563,13],[637,13],[851,13],[917,13],[991,13],[1199,13],[1265,13],[1339,13],[1553,13],[1619,13],[1693,13],[1905,13],[1971,13],[2045,13]]},"651":{"position":[[205,13],[271,13],[345,13],[631,13],[697,13],[771,13],[1051,13],[1117,13],[1191,13],[1462,13],[1528,13],[1602,13],[1882,13],[1948,13],[2022,13],[2299,13],[2365,13],[2439,13]]},"653":{"position":[[164,13],[248,13],[322,13],[653,13],[719,13],[793,13],[1070,13],[1136,13],[1210,13],[1541,13],[1607,13],[1681,13]]},"656":{"position":[[301,13],[367,13],[441,13],[774,13],[840,13],[914,13]]},"658":{"position":[[314,13],[380,13],[454,13]]},"660":{"position":[[297,13],[363,13],[437,13],[765,13],[831,13],[905,13]]},"662":{"position":[[310,13],[376,13],[450,13],[691,13],[757,13],[831,13]]},"664":{"position":[[9,12],[72,12],[225,13],[291,13],[379,13]]},"666":{"position":[[9,12],[76,12],[239,13],[305,13],[395,13]]},"668":{"position":[[497,13],[563,13],[637,13]]},"671":{"position":[[223,13],[289,13],[363,13]]},"673":{"position":[[164,13],[230,13],[304,13],[434,13]]},"679":{"position":[[331,13],[400,13],[469,13],[754,13],[823,13],[892,13],[1175,13],[1244,13],[1313,13],[1540,13],[1609,13],[1678,13]]},"681":{"position":[[134,13],[200,13],[274,13]]},"683":{"position":[[324,13],[390,13],[464,13]]}}}],["dropdownmenu",{"_index":1329,"t":{"636":{"position":[[129,13]]},"640":{"position":[[230,13]]},"647":{"position":[[102,14]]},"649":{"position":[[124,14],[358,15],[482,14],[716,15],[836,14],[1070,15],[1184,14],[1418,15],[1538,14],[1772,15],[1890,14],[2124,15]]},"651":{"position":[[190,14],[424,15],[616,14],[850,15],[1036,14],[1270,15],[1447,14],[1681,15],[1867,14],[2101,15],[2284,14],[2518,15]]},"653":{"position":[[149,14],[401,15],[638,14],[872,15],[1055,14],[1289,15],[1526,14],[1760,15]]},"656":{"position":[[11,12],[286,14],[520,15],[759,14],[993,15]]},"658":{"position":[[14,12],[299,14],[533,15]]},"660":{"position":[[11,12],[282,14],[516,15],[750,14],[984,15]]},"662":{"position":[[11,12],[295,14],[529,15],[676,14],[910,15]]},"664":{"position":[[100,13],[210,14]]},"666":{"position":[[104,12],[224,14]]},"668":{"position":[[14,12],[181,13],[256,12],[446,13]]},"671":{"position":[[159,14]]},"673":{"position":[[149,14]]},"675":{"position":[[261,13]]},"677":{"position":[[448,13]]},"679":{"position":[[16,12],[82,13],[316,14],[739,14],[1160,14],[1525,14]]},"681":{"position":[[119,14]]},"683":{"position":[[309,14]]}}}],["dropdownmenu>employe",{"_index":1275,"t":{"618":{"position":[[1205,13]]},"698":{"position":[[783,13]]},"700":{"position":[[1214,13]]},"729":{"position":[[817,13]]},"731":{"position":[[1271,13]]}}}],["end\">first",{"_index":1277,"t":{"618":{"position":[[1331,10]]},"698":{"position":[[909,10]]},"700":{"position":[[1340,10]]},"729":{"position":[[943,10]]},"731":{"position":[[1397,10]]}}}],["end\">last",{"_index":1279,"t":{"618":{"position":[[1464,9]]},"698":{"position":[[1042,9]]},"700":{"position":[[1473,9]]},"729":{"position":[[1076,9]]},"731":{"position":[[1530,9]]}}}],["enddat",{"_index":3042,"t":{"1070":{"position":[[3358,7]]}}}],["enddateinput",{"_index":3023,"t":{"1070":{"position":[[1941,12]]}}}],["enddateinput.dis",{"_index":3032,"t":{"1070":{"position":[[2494,23]]}}}],["enddateinput.en",{"_index":3035,"t":{"1070":{"position":[[2678,22]]}}}],["endregion",{"_index":2415,"t":{"916":{"position":[[4791,10]]},"943":{"position":[[4459,10]]},"947":{"position":[[4005,10]]},"966":{"position":[[4865,10]]},"989":{"position":[[4295,10]]},"991":{"position":[[3807,10]]}}}],["engin",{"_index":3604,"t":{"1331":{"position":[[1033,10],[1166,10],[1289,10],[1551,10]]},"1333":{"position":[[1029,10],[1162,10],[1285,10],[1547,10]]},"1335":{"position":[[961,10],[1094,10],[1217,10],[1479,10],[2344,10]]},"1337":{"position":[[1101,10],[1234,10],[1357,10],[1619,10]]},"1339":{"position":[[1106,10],[1239,10],[1362,10],[1624,10],[2489,10]]},"1341":{"position":[[1082,10],[1215,10],[1338,10],[1600,10]]},"1343":{"position":[[1101,10],[1234,10],[1357,10],[1619,10]]},"1345":{"position":[[1865,10],[2108,10],[2344,10],[2832,10]]},"1349":{"position":[[1424,10],[1557,10],[1680,10],[1942,10]]},"1351":{"position":[[1063,10],[1196,10],[1319,10],[1581,10]]},"1353":{"position":[[1073,10],[1206,10],[1329,10],[1591,10]]},"1355":{"position":[[1120,10],[1234,10],[1341,10],[1570,10]]},"1357":{"position":[[1121,10],[1235,10],[1342,10],[1571,10]]},"1359":{"position":[[1590,10],[1833,10],[2069,10],[2557,10]]},"1361":{"position":[[1035,10],[1168,10],[1291,10],[1553,10],[2418,10]]},"1365":{"position":[[2930,10],[3063,10],[3186,10],[3448,10],[4313,10]]},"1367":{"position":[[1133,10],[1266,10],[1389,10],[1651,10]]},"1369":{"position":[[1249,10],[1382,10],[1505,10],[1767,10],[2475,8]]},"1371":{"position":[[1838,10],[1971,10],[2094,10],[2356,10],[3221,10]]},"1373":{"position":[[1714,10],[1847,10],[1970,10],[2232,10],[3097,10]]},"1375":{"position":[[1886,10],[2019,10],[2142,10],[2404,10],[3269,10]]},"1377":{"position":[[1669,10],[1802,10],[1925,10],[2187,10]]},"1379":{"position":[[1685,10],[1818,10],[1941,10],[2203,10]]},"1381":{"position":[[2008,10],[2141,10],[2264,10],[2526,10]]},"1383":{"position":[[1520,10],[1653,10],[1776,10],[2038,10],[2903,10]]},"1385":{"position":[[1223,10],[1356,10],[1479,10],[1741,10],[2606,10]]},"1387":{"position":[[3742,10],[3865,10],[4127,10]]},"1389":{"position":[[7483,10],[7606,10],[7868,10]]},"1391":{"position":[[1462,10],[1585,10],[1847,10]]},"1393":{"position":[[1473,10],[1596,10],[1858,10]]},"1395":{"position":[[3014,10],[3147,10],[3270,10],[3532,10],[4397,10]]}}}],["enhanc",{"_index":16,"t":{"2":{"position":[[118,12]]},"16":{"position":[[161,12],[184,12]]},"24":{"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":[[152,12]]},"44":{"position":[[151,12],[516,13]]},"46":{"position":[[116,12],[196,12],[229,12]]},"48":{"position":[[156,13],[321,12],[349,12],[377,12]]},"62":{"position":[[120,12]]},"64":{"position":[[121,12]]},"104":{"position":[[118,12]]},"110":{"position":[[121,12],[370,12],[2559,13],[2925,12]]},"112":{"position":[[151,12],[493,12],[782,13],[1577,13],[1991,12],[2183,12],[2386,12]]},"114":{"position":[[129,12]]},"124":{"position":[[167,12],[2310,13]]},"128":{"position":[[162,12]]},"134":{"position":[[797,13],[1163,12],[1511,12]]},"138":{"position":[[214,13],[580,12]]},"142":{"position":[[206,13],[572,12]]},"146":{"position":[[169,12],[418,12],[673,13]]},"148":{"position":[[185,13]]},"150":{"position":[[182,13]]},"152":{"position":[[183,13]]},"154":{"position":[[201,12]]},"156":{"position":[[208,12]]},"162":{"position":[[208,12]]},"164":{"position":[[170,12]]},"168":{"position":[[207,13],[573,12]]},"170":{"position":[[205,12]]},"172":{"position":[[209,12]]},"174":{"position":[[170,12]]},"176":{"position":[[207,13],[573,12]]},"180":{"position":[[200,12]]},"184":{"position":[[206,13]]},"186":{"position":[[450,12]]},"190":{"position":[[165,12],[414,12],[2603,13],[2969,12]]},"192":{"position":[[195,12]]},"196":{"position":[[173,12]]},"200":{"position":[[171,12]]},"206":{"position":[[174,12],[423,12],[2612,13],[2978,12]]},"208":{"position":[[204,12],[546,12],[835,13],[1630,13],[2044,12],[2236,12],[2439,12]]},"210":{"position":[[182,12]]},"220":{"position":[[167,12]]},"224":{"position":[[175,12]]},"238":{"position":[[169,12],[418,12],[673,13]]},"246":{"position":[[166,12]]},"256":{"position":[[168,12]]},"272":{"position":[[168,12]]},"274":{"position":[[165,12]]},"276":{"position":[[166,12]]},"280":{"position":[[169,12],[418,12]]},"284":{"position":[[168,12],[417,12]]},"290":{"position":[[789,12]]},"294":{"position":[[160,13]]},"296":{"position":[[161,12]]},"302":{"position":[[169,12]]},"318":{"position":[[159,12],[588,13]]},"322":{"position":[[163,12],[412,12],[656,13],[864,12]]},"326":{"position":[[493,12]]},"330":{"position":[[201,12]]},"336":{"position":[[161,12],[2767,12]]},"340":{"position":[[167,12]]},"344":{"position":[[1364,12]]},"348":{"position":[[178,12]]},"350":{"position":[[455,12]]},"352":{"position":[[202,12]]},"354":{"position":[[162,12]]},"366":{"position":[[781,12]]},"370":{"position":[[162,12]]},"392":{"position":[[173,12]]},"394":{"position":[[173,12]]},"396":{"position":[[156,12]]},"398":{"position":[[168,12]]},"402":{"position":[[159,13]]},"406":{"position":[[170,13]]},"408":{"position":[[195,12]]},"410":{"position":[[200,13]]},"414":{"position":[[163,12]]},"428":{"position":[[164,12]]},"432":{"position":[[165,12]]},"605":{"position":[[196,12]]},"607":{"position":[[160,12]]}}}],["enim",{"_index":1735,"t":{"735":{"position":[[475,5],[921,5],[1407,5],[3309,5]]},"737":{"position":[[496,5],[942,5],[1428,5],[3330,5],[4634,5],[5080,5],[5566,5],[7468,5]]}}}],["enough",{"_index":2175,"t":{"851":{"position":[[168,6]]},"853":{"position":[[197,6]]}}}],["ensur",{"_index":128,"t":{"10":{"position":[[94,8]]},"114":{"position":[[1515,8]]},"210":{"position":[[1568,8]]},"380":{"position":[[138,8]]},"571":{"position":[[216,6],[702,6],[1189,6],[1673,6],[2156,6]]},"1281":{"position":[[998,6]]}}}],["enter",{"_index":2664,"t":{"1001":{"position":[[412,5]]},"1037":{"position":[[143,5]]},"1062":{"position":[[143,5]]},"1085":{"position":[[143,5]]},"1164":{"position":[[143,5]]}}}],["enterpris",{"_index":3082,"t":{"1117":{"position":[[21,10]]},"1134":{"position":[[21,10]]},"1174":{"position":[[21,10]]},"1191":{"position":[[21,10]]},"1221":{"position":[[21,10]]}}}],["entireti",{"_index":1068,"t":{"554":{"position":[[61,8]]}}}],["entri",{"_index":95,"t":{"2":{"position":[[2858,7]]},"70":{"position":[[330,5],[514,5]]},"108":{"position":[[3094,7],[3108,7]]},"110":{"position":[[3128,7],[3142,7]]},"112":{"position":[[2460,7],[2474,7]]},"114":{"position":[[2047,7],[2061,7]]},"116":{"position":[[249,7]]},"128":{"position":[[2902,7]]},"188":{"position":[[3138,7],[3152,7]]},"190":{"position":[[3172,7],[3186,7]]},"192":{"position":[[391,7]]},"200":{"position":[[2911,7]]},"204":{"position":[[3147,7],[3161,7]]},"206":{"position":[[3181,7],[3195,7]]},"208":{"position":[[2513,7],[2527,7]]},"210":{"position":[[2100,7],[2114,7]]},"216":{"position":[[302,7]]},"238":{"position":[[816,7]]},"240":{"position":[[3003,7]]},"274":{"position":[[2905,7]]},"276":{"position":[[2906,7]]},"278":{"position":[[3142,7],[3156,7]]},"280":{"position":[[1312,7]]},"282":{"position":[[3141,7],[3155,7]]},"284":{"position":[[1311,7]]},"320":{"position":[[2997,7]]},"322":{"position":[[1151,7]]},"1070":{"position":[[72,5]]},"1172":{"position":[[72,5]]}}}],["enum",{"_index":251,"t":{"34":{"position":[[467,4]]},"564":{"position":[[174,4]]},"771":{"position":[[102,5]]},"773":{"position":[[125,5]]},"786":{"position":[[61,4]]},"995":{"position":[[560,4],[694,4],[1049,4]]},"1293":{"position":[[350,4]]},"1326":{"position":[[392,4],[796,4],[1269,4],[1671,4]]},"1357":{"position":[[102,6]]}}}],["environ",{"_index":3479,"t":{"1310":{"position":[[59,12]]}}}],["equal",{"_index":1090,"t":{"558":{"position":[[67,5],[1247,5]]},"560":{"position":[[1142,5]]}}}],["erat",{"_index":1779,"t":{"735":{"position":[[940,5],[2806,4],[3129,4],[3512,4]]},"737":{"position":[[961,5],[2827,4],[3150,4],[3533,4],[5099,5],[6965,4],[7288,4],[7671,4]]}}}],["ero",{"_index":1824,"t":{"735":{"position":[[2214,5],[2309,5],[2468,5],[3394,4],[3701,4]]},"737":{"position":[[2235,5],[2330,5],[2489,5],[3415,4],[3722,4],[6373,5],[6468,5],[6627,5],[7553,4],[7860,4]]}}}],["error",{"_index":453,"t":{"78":{"position":[[216,5]]},"859":{"position":[[698,8]]},"1219":{"position":[[757,8]]}}}],["errormessag",{"_index":1468,"t":{"677":{"position":[[2835,12],[2948,12],[3105,12]]},"1045":{"position":[[3048,12],[3160,12],[3317,12]]},"1095":{"position":[[2914,12],[3027,12],[3184,12]]}}}],["es",{"_index":2739,"t":{"1004":{"position":[[1309,4]]},"1006":{"position":[[1570,4]]},"1010":{"position":[[1378,4]]},"1027":{"position":[[805,3]]}}}],["es(thi",{"_index":1578,"t":{"700":{"position":[[869,50]]},"731":{"position":[[915,50]]}}}],["eventcallbackexampl",{"_index":3387,"t":{"1279":{"position":[[173,11]]}}}],["h4",{"_index":3344,"t":{"1268":{"position":[[130,3]]}}}],["h4>convey",{"_index":1130,"t":{"571":{"position":[[10,13],[496,13],[983,13],[1467,13],[1950,13]]}}}],["hand",{"_index":3326,"t":{"1257":{"position":[[71,7]]}}}],["handl",{"_index":1976,"t":{"784":{"position":[[459,6]]},"859":{"position":[[639,6]]},"1004":{"position":[[1384,6]]},"1006":{"position":[[1645,6]]},"1008":{"position":[[826,6]]},"1010":{"position":[[1453,6]]},"1012":{"position":[[2022,6]]},"1014":{"position":[[1189,6],[2679,6]]},"1219":{"position":[[669,6]]}}}],["handleonvalidsubmit",{"_index":1460,"t":{"677":{"position":[[2495,21]]},"1012":{"position":[[1471,21]]},"1045":{"position":[[2708,21]]},"1066":{"position":[[1637,21]]},"1095":{"position":[[2574,21]]}}}],["handlevalidsubmit",{"_index":3036,"t":{"1070":{"position":[[2715,19]]},"1168":{"position":[[2665,19]]},"1172":{"position":[[2437,19]]}}}],["happi",{"_index":167,"t":{"12":{"position":[[288,5]]}}}],["hard",{"_index":1893,"t":{"748":{"position":[[73,4]]}}}],["hashsetwel",{"_index":3346,"t":{"1268":{"position":[[147,13]]}}}],["heading=\"import",{"_index":1129,"t":{"569":{"position":[[9,20],[250,20],[491,20],[730,20],[965,20]]}}}],["headings",{"_index":999,"t":{"529":{"position":[[146,11]]},"533":{"position":[[146,11]]}}}],["headingsize.h5",{"_index":1001,"t":{"533":{"position":[[189,14]]}}}],["headingsize.h6",{"_index":1000,"t":{"529":{"position":[[189,14]]}}}],["height",{"_index":1091,"t":{"558":{"position":[[83,6],[1253,6]]},"560":{"position":[[1148,6]]},"595":{"position":[[169,6]]},"704":{"position":[[410,7],[547,6]]},"708":{"position":[[291,7],[428,6]]},"815":{"position":[[120,6],[154,6],[178,6],[224,6]]},"828":{"position":[[8,6],[51,6],[69,6]]},"901":{"position":[[53,6],[83,7]]},"928":{"position":[[53,6],[83,7]]},"951":{"position":[[53,6],[83,7]]},"974":{"position":[[53,6],[83,7]]},"1316":{"position":[[2902,7]]}}}],["height=\"1",{"_index":2102,"t":{"828":{"position":[[122,11]]}}}],["height=\"20",{"_index":2104,"t":{"828":{"position":[[327,12]]}}}],["height=\"300",{"_index":2416,"t":{"918":{"position":[[26,12]]},"920":{"position":[[26,12]]},"922":{"position":[[195,12]]},"924":{"position":[[26,12]]}}}],["height=\"5",{"_index":2103,"t":{"828":{"position":[[194,11]]}}}],["height='8'%3e%3cpath",{"_index":775,"t":{"477":{"position":[[215,20]]}}}],["hello",{"_index":2167,"t":{"847":{"position":[[1404,8]]},"849":{"position":[[1362,8]]},"851":{"position":[[1362,8]]},"853":{"position":[[1518,8]]},"855":{"position":[[1638,8]]},"857":{"position":[[1522,8]]}}}],["help",{"_index":1157,"t":{"573":{"position":[[196,5]]},"844":{"position":[[225,4]]}}}],["helper",{"_index":3115,"t":{"1125":{"position":[[159,7]]},"1142":{"position":[[159,7]]},"1182":{"position":[[163,7]]}}}],["helptext",{"_index":2141,"t":{"844":{"position":[[192,8]]},"847":{"position":[[1364,8]]},"851":{"position":[[1322,8]]},"855":{"position":[[1598,8]]},"857":{"position":[[1482,8]]},"1070":{"position":[[2849,9]]},"1168":{"position":[[2799,9]]},"1172":{"position":[[2571,9]]}}}],["hendrerit",{"_index":1842,"t":{"735":{"position":[[2982,9]]},"737":{"position":[[3003,9],[7141,9]]}}}],["here",{"_index":762,"t":{"473":{"position":[[639,5]]},"475":{"position":[[596,5]]},"477":{"position":[[715,5]]},"486":{"position":[[645,5]]},"488":{"position":[[197,5]]},"490":{"position":[[512,5]]},"492":{"position":[[466,5]]},"494":{"position":[[762,5]]},"496":{"position":[[813,5]]},"498":{"position":[[922,5]]},"500":{"position":[[352,5]]},"502":{"position":[[551,5]]},"504":{"position":[[402,5]]},"506":{"position":[[653,5]]},"508":{"position":[[396,5]]},"510":{"position":[[739,5]]},"536":{"position":[[483,5]]},"540":{"position":[[191,5]]},"542":{"position":[[367,5]]},"544":{"position":[[906,5]]},"546":{"position":[[288,5]]},"548":{"position":[[779,5]]},"550":{"position":[[386,5]]},"552":{"position":[[810,5]]},"554":{"position":[[1090,5]]},"556":{"position":[[2288,5]]},"558":{"position":[[1388,5]]},"560":{"position":[[1304,5]]},"567":{"position":[[1093,5]]},"569":{"position":[[1192,5]]},"571":{"position":[[2426,5]]},"575":{"position":[[22,5]]},"579":{"position":[[26,5],[72,5]]},"581":{"position":[[31,5],[82,5]]},"583":{"position":[[27,5],[74,5]]},"585":{"position":[[26,5],[72,5]]},"597":{"position":[[872,4]]},"599":{"position":[[947,4]]},"616":{"position":[[505,5]]},"618":{"position":[[1831,5]]},"620":{"position":[[681,5]]},"622":{"position":[[1060,5]]},"624":{"position":[[1126,5]]},"626":{"position":[[1262,5]]},"647":{"position":[[376,5]]},"649":{"position":[[2171,5]]},"651":{"position":[[2565,5]]},"653":{"position":[[1807,5]]},"656":{"position":[[1040,5]]},"658":{"position":[[580,5]]},"660":{"position":[[1031,5]]},"662":{"position":[[1048,5]]},"664":{"position":[[498,5]]},"666":{"position":[[514,5]]},"668":{"position":[[756,5]]},"671":{"position":[[482,5]]},"673":{"position":[[548,5]]},"675":{"position":[[483,5]]},"677":{"position":[[3212,5]]},"679":{"position":[[1787,5]]},"681":{"position":[[847,5]]},"683":{"position":[[920,5]]},"696":{"position":[[179,5],[641,5]]},"698":{"position":[[1394,5]]},"700":{"position":[[2047,5]]},"702":{"position":[[755,5]]},"704":{"position":[[1145,5]]},"706":{"position":[[656,5]]},"708":{"position":[[1045,5]]},"710":{"position":[[836,5]]},"712":{"position":[[1555,5]]},"714":{"position":[[330,5],[1203,5]]},"727":{"position":[[440,5]]},"729":{"position":[[1439,5]]},"731":{"position":[[2115,5]]},"733":{"position":[[390,5]]},"735":{"position":[[4204,5]]},"737":{"position":[[4231,5]]},"739":{"position":[[1319,5]]},"748":{"position":[[411,5]]},"750":{"position":[[241,5]]},"752":{"position":[[163,5]]},"754":{"position":[[337,5]]},"756":{"position":[[215,5]]},"758":{"position":[[322,5]]},"767":{"position":[[277,5]]},"769":{"position":[[204,5]]},"771":{"position":[[789,5]]},"773":{"position":[[417,5]]},"775":{"position":[[897,5]]},"784":{"position":[[122,4],[533,5]]},"786":{"position":[[1449,5]]},"797":{"position":[[705,5]]},"799":{"position":[[867,5]]},"801":{"position":[[988,5]]},"803":{"position":[[1030,5]]},"805":{"position":[[824,5]]},"807":{"position":[[2022,5]]},"809":{"position":[[401,5]]},"811":{"position":[[1063,5]]},"822":{"position":[[818,5]]},"824":{"position":[[197,5]]},"826":{"position":[[999,5]]},"828":{"position":[[387,5]]},"830":{"position":[[780,5]]},"832":{"position":[[1328,5]]},"834":{"position":[[357,5]]},"836":{"position":[[926,5]]},"838":{"position":[[1071,5]]},"847":{"position":[[1492,5]]},"849":{"position":[[80,4],[1471,5]]},"851":{"position":[[1460,5]]},"853":{"position":[[1797,5]]},"855":{"position":[[1753,5]]},"857":{"position":[[1603,5]]},"859":{"position":[[129,4]]},"866":{"position":[[384,5]]},"868":{"position":[[198,5]]},"870":{"position":[[22,5],[213,5]]},"872":{"position":[[355,4]]},"881":{"position":[[141,5]]},"883":{"position":[[232,5]]},"885":{"position":[[929,5]]},"887":{"position":[[74,5]]},"889":{"position":[[119,5]]},"891":{"position":[[137,5]]},"893":{"position":[[303,5]]},"895":{"position":[[109,5]]},"897":{"position":[[29,5]]},"916":{"position":[[4833,5]]},"918":{"position":[[1372,5]]},"920":{"position":[[2044,5]]},"922":{"position":[[2247,5]]},"924":{"position":[[2164,5]]},"943":{"position":[[4501,5]]},"945":{"position":[[3113,5]]},"947":{"position":[[4047,5]]},"968":{"position":[[2909,5]]},"970":{"position":[[3227,5]]},"989":{"position":[[4337,5]]},"991":{"position":[[3849,5]]},"1004":{"position":[[1562,4]]},"1006":{"position":[[1823,4]]},"1008":{"position":[[943,4]]},"1010":{"position":[[1571,4]]},"1012":{"position":[[2325,4]]},"1014":{"position":[[2896,4]]},"1025":{"position":[[285,4]]},"1027":{"position":[[2314,4]]},"1029":{"position":[[307,4]]},"1031":{"position":[[463,4]]},"1033":{"position":[[464,4]]},"1035":{"position":[[1456,4]]},"1037":{"position":[[821,4]]},"1039":{"position":[[747,4]]},"1041":{"position":[[480,4]]},"1043":{"position":[[1302,4]]},"1045":{"position":[[3420,4]]},"1047":{"position":[[645,4]]},"1058":{"position":[[371,4]]},"1060":{"position":[[1284,4]]},"1062":{"position":[[2364,4]]},"1064":{"position":[[1360,4]]},"1066":{"position":[[2093,4]]},"1068":{"position":[[421,4]]},"1081":{"position":[[310,4]]},"1083":{"position":[[1438,4]]},"1085":{"position":[[791,4]]},"1087":{"position":[[310,4],[608,4],[789,4]]},"1089":{"position":[[691,4]]},"1091":{"position":[[452,4]]},"1093":{"position":[[1284,4]]},"1095":{"position":[[3287,4]]},"1097":{"position":[[641,4]]},"1108":{"position":[[287,4]]},"1111":{"position":[[1159,4]]},"1113":{"position":[[185,4]]},"1115":{"position":[[462,4]]},"1160":{"position":[[319,4]]},"1162":{"position":[[573,4]]},"1164":{"position":[[1375,4]]},"1166":{"position":[[1308,4]]},"1168":{"position":[[3531,4]]},"1170":{"position":[[416,4]]},"1202":{"position":[[166,5]]},"1209":{"position":[[1064,7],[1148,5]]},"1211":{"position":[[1064,7],[1176,5]]},"1213":{"position":[[648,7],[731,5]]},"1215":{"position":[[270,7],[406,5]]},"1217":{"position":[[270,7],[361,5]]},"1219":{"position":[[128,4]]},"1243":{"position":[[1752,5]]},"1245":{"position":[[1987,5]]},"1247":{"position":[[1829,5]]},"1249":{"position":[[1778,5]]},"1251":{"position":[[1796,5]]},"1253":{"position":[[4936,5]]},"1255":{"position":[[2960,5]]},"1266":{"position":[[809,5]]},"1279":{"position":[[441,4]]},"1281":{"position":[[1231,4]]},"1283":{"position":[[853,4]]},"1285":{"position":[[663,4]]},"1287":{"position":[[2897,4]]},"1289":{"position":[[381,4]]},"1300":{"position":[[969,5]]},"1302":{"position":[[1908,5]]},"1304":{"position":[[1919,5]]},"1306":{"position":[[2247,5]]},"1308":{"position":[[2346,5]]},"1310":{"position":[[2432,5]]},"1312":{"position":[[2382,5]]},"1314":{"position":[[2379,5]]},"1316":{"position":[[3762,5]]},"1331":{"position":[[2295,4]]},"1333":{"position":[[2291,4]]},"1335":{"position":[[2604,4]]},"1337":{"position":[[2363,4]]},"1339":{"position":[[2749,4]]},"1341":{"position":[[2344,4]]},"1343":{"position":[[2363,4]]},"1345":{"position":[[4055,4]]},"1347":{"position":[[2220,4]]},"1349":{"position":[[2686,4]]},"1351":{"position":[[2325,4]]},"1353":{"position":[[2335,4]]},"1355":{"position":[[2234,4]]},"1357":{"position":[[2235,4]]},"1359":{"position":[[3780,4]]},"1361":{"position":[[2678,4]]},"1363":{"position":[[936,4]]},"1365":{"position":[[4391,4]]},"1367":{"position":[[2291,4]]},"1369":{"position":[[3080,4]]},"1371":{"position":[[3299,4]]},"1373":{"position":[[3175,4]]},"1377":{"position":[[2928,4]]},"1379":{"position":[[2944,4]]},"1381":{"position":[[3550,4]]},"1383":{"position":[[3035,4]]},"1385":{"position":[[2684,4]]},"1387":{"position":[[4447,4]]},"1389":{"position":[[8188,4]]},"1391":{"position":[[2396,4]]},"1393":{"position":[[2420,4]]},"1395":{"position":[[4475,4]]}}}],["here'",{"_index":3362,"t":{"1272":{"position":[[116,6]]}}}],["herecallout",{"_index":1121,"t":{"567":{"position":[[97,69],[317,69],[539,69],[755,69],[969,69]]},"569":{"position":[[117,69],[357,69],[599,69],[835,69],[1069,69]]}}}],["html",{"_index":960,"t":{"506":{"position":[[664,4]]},"693":{"position":[[158,5]]},"748":{"position":[[175,4]]},"1049":{"position":[[61,4]]},"1072":{"position":[[55,4]]},"1151":{"position":[[65,4]]},"1243":{"position":[[519,4],[1070,4],[1620,4]]},"1245":{"position":[[607,4],[1232,4],[1855,4]]},"1247":{"position":[[596,4],[1147,4],[1697,4]]},"1249":{"position":[[529,4],[1096,4],[1646,4]]},"1251":{"position":[[563,4],[1114,4],[1664,4]]},"1253":{"position":[[711,4],[1274,4],[1836,4],[2394,4],[2942,4],[3502,4]]},"1255":{"position":[[690,4],[1263,4],[1835,4]]},"1268":{"position":[[35,4]]}}}],["https://demos.getblazorbootstrap.com",{"_index":170,"t":{"12":{"position":[[326,37]]},"14":{"position":[[297,37]]}}}],["i.",{"_index":1674,"t":{"720":{"position":[[146,5],[306,5]]},"957":{"position":[[956,4]]}}}],["iaculi",{"_index":1837,"t":{"735":{"position":[[2659,7]]},"737":{"position":[[2680,7],[6818,7]]}}}],["ichartdataset",{"_index":2310,"t":{"907":{"position":[[32,14]]},"934":{"position":[[37,14]]},"957":{"position":[[33,14]]},"980":{"position":[[32,14]]}}}],["icompar",{"_index":3571,"t":{"1326":{"position":[[1447,13]]}}}],["icon",{"_index":86,"t":{"2":{"position":[[2390,6],[2500,4]]},"4":{"position":[[233,4]]},"6":{"position":[[229,4]]},"10":{"position":[[677,5]]},"18":{"position":[[139,5],[260,5],[319,5],[361,5]]},"28":{"position":[[159,5],[248,5]]},"34":{"position":[[334,4]]},"44":{"position":[[450,4]]},"48":{"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]]},"94":{"position":[[248,4]]},"98":{"position":[[662,4]]},"110":{"position":[[2553,5],[2652,4]]},"114":{"position":[[729,5],[783,5]]},"128":{"position":[[2434,6],[2544,4]]},"134":{"position":[[791,5],[890,4]]},"138":{"position":[[208,5],[307,4]]},"142":{"position":[[200,5],[299,4]]},"168":{"position":[[201,5],[300,4]]},"176":{"position":[[201,5],[300,4]]},"184":{"position":[[200,5],[299,4]]},"190":{"position":[[2597,5],[2696,4]]},"200":{"position":[[2443,6],[2553,4]]},"206":{"position":[[2606,5],[2705,4]]},"210":{"position":[[782,5],[836,5]]},"242":{"position":[[182,6],[292,4]]},"244":{"position":[[441,6],[551,4]]},"246":{"position":[[1372,6],[1482,4]]},"260":{"position":[[182,6],[292,4]]},"270":{"position":[[183,6],[293,4]]},"274":{"position":[[2437,6],[2547,4]]},"276":{"position":[[2438,6],[2548,4]]},"300":{"position":[[191,5],[245,5]]},"324":{"position":[[21,6],[176,6],[286,4]]},"328":{"position":[[21,7],[182,5],[236,5]]},"336":{"position":[[1367,6],[1477,4]]},"340":{"position":[[867,6],[977,4]]},"358":{"position":[[176,6],[286,4]]},"366":{"position":[[177,6],[287,4],[1083,5],[1137,5]]},"386":{"position":[[183,5],[237,5]]},"410":{"position":[[194,5],[293,4]]},"454":{"position":[[178,6],[288,4]]},"477":{"position":[[42,5],[705,4]]},"743":{"position":[[290,5],[454,5],[613,5],[780,5]]},"801":{"position":[[147,5],[425,5],[710,5]]},"844":{"position":[[175,4],[287,4]]},"870":{"position":[[190,4]]},"874":{"position":[[17,4],[48,4],[62,4]]},"876":{"position":[[18,5],[51,5],[69,4]]},"878":{"position":[[86,4],[156,5],[261,4],[312,4]]},"881":{"position":[[0,5],[28,7],[62,7],[93,7],[130,5]]},"883":{"position":[[0,5],[47,7],[96,7],[145,7],[201,5]]},"885":{"position":[[0,5],[76,7],[170,7],[248,7],[320,7],[412,7],[493,7],[581,7],[653,7],[728,7],[810,7],[898,5]]},"887":{"position":[[12,5],[64,4]]},"889":{"position":[[60,5],[109,4]]},"891":{"position":[[60,5],[127,4]]},"893":{"position":[[284,4]]},"895":{"position":[[94,4]]},"897":{"position":[[18,5]]},"1127":{"position":[[89,6],[293,6],[372,6]]},"1144":{"position":[[89,6],[292,6],[371,6]]},"1184":{"position":[[89,6],[292,6],[371,6]]},"1245":{"position":[[128,5],[750,5],[1375,5]]},"1270":{"position":[[33,5],[61,6],[109,5],[191,4],[240,5],[329,4],[377,5],[473,4],[522,5],[619,4],[658,4]]},"1293":{"position":[[151,4]]},"1297":{"position":[[99,4],[212,4],[279,4]]},"1302":{"position":[[816,9],[867,8]]},"1304":{"position":[[766,9],[817,8]]},"1306":{"position":[[1094,9],[1145,8]]},"1308":{"position":[[62,5],[285,5],[1136,9],[1187,8]]},"1310":{"position":[[371,5],[1222,9],[1273,8]]},"1312":{"position":[[56,4],[89,6],[321,5],[1172,9],[1223,8]]},"1314":{"position":[[318,5],[1169,9],[1220,8]]},"1316":{"position":[[1269,9],[1320,8],[2818,4],[3082,4]]}}}],["icon1",{"_index":655,"t":{"118":{"position":[[1373,5]]}}}],["iconcolor",{"_index":2255,"t":{"878":{"position":[[59,9]]},"1297":{"position":[[160,9],[170,9]]},"1304":{"position":[[4,9],[702,9],[931,9],[1379,9]]},"1306":{"position":[[1030,9],[1259,9],[1707,9]]},"1308":{"position":[[1072,9],[1301,9],[1749,9]]},"1310":{"position":[[1158,9],[1387,9],[1835,9]]},"1312":{"position":[[1108,9],[1337,9],[1785,9]]},"1314":{"position":[[1105,9],[1334,9],[1782,9]]},"1316":{"position":[[1205,9],[1434,9],[1882,9]]}}}],["iconcolor.dang",{"_index":3472,"t":{"1304":{"position":[[1391,16]]},"1306":{"position":[[1719,16]]},"1308":{"position":[[1761,16]]},"1310":{"position":[[1847,16]]},"1312":{"position":[[1797,16]]},"1314":{"position":[[1794,16]]},"1316":{"position":[[1894,16]]}}}],["iconcolor.non",{"_index":2256,"t":{"878":{"position":[[98,14]]},"1297":{"position":[[180,14]]}}}],["iconcolor.primari",{"_index":3470,"t":{"1304":{"position":[[714,17]]},"1306":{"position":[[1042,17]]},"1308":{"position":[[1084,17]]},"1310":{"position":[[1170,17]]},"1312":{"position":[[1120,17]]},"1314":{"position":[[1117,17]]},"1316":{"position":[[1217,17]]}}}],["iconcolor.success",{"_index":3471,"t":{"1304":{"position":[[943,17]]},"1306":{"position":[[1271,17]]},"1308":{"position":[[1313,17]]},"1310":{"position":[[1399,17]]},"1312":{"position":[[1349,17]]},"1314":{"position":[[1346,17]]},"1316":{"position":[[1446,17]]}}}],["iconnam",{"_index":1878,"t":{"743":{"position":[[257,8],[422,8],[581,8],[744,8]]},"844":{"position":[[242,8],[251,8]]},"878":{"position":[[235,8]]},"1070":{"position":[[2800,9]]},"1168":{"position":[[2750,9]]},"1172":{"position":[[2522,9]]},"1195":{"position":[[949,8],[1067,8],[1167,8]]},"1225":{"position":[[949,8],[1067,8],[1167,8]]},"1293":{"position":[[341,8],[372,9]]},"1297":{"position":[[230,8],[239,8]]},"1300":{"position":[[504,8],[598,8],[691,8],[789,8],[878,8]]},"1302":{"position":[[639,8],[725,8],[826,8],[915,8],[1025,8],[1140,8],[1253,8],[1350,8],[1448,8],[1575,8],[1700,8],[1814,8]]},"1304":{"position":[[558,8],[644,8],[776,8],[865,8],[1006,8],[1121,8],[1234,8],[1331,8],[1459,8],[1586,8],[1711,8],[1825,8]]},"1306":{"position":[[886,8],[972,8],[1104,8],[1193,8],[1334,8],[1449,8],[1562,8],[1659,8],[1787,8],[1914,8],[2039,8],[2153,8]]},"1308":{"position":[[928,8],[1014,8],[1146,8],[1235,8],[1376,8],[1491,8],[1604,8],[1701,8],[1829,8],[1956,8],[2081,8],[2195,8]]},"1310":{"position":[[1014,8],[1100,8],[1232,8],[1321,8],[1462,8],[1577,8],[1690,8],[1787,8],[1915,8],[2042,8],[2167,8],[2281,8]]},"1312":{"position":[[964,8],[1050,8],[1182,8],[1271,8],[1412,8],[1527,8],[1640,8],[1737,8],[1865,8],[1992,8],[2117,8],[2231,8]]},"1314":{"position":[[961,8],[1047,8],[1179,8],[1268,8],[1409,8],[1524,8],[1637,8],[1734,8],[1862,8],[1989,8],[2114,8],[2228,8]]},"1316":{"position":[[1061,8],[1147,8],[1279,8],[1368,8],[1509,8],[1624,8],[1737,8],[1834,8],[1962,8],[2089,8],[2214,8],[2328,8]]}}}],["iconname.check2al",{"_index":3037,"t":{"1070":{"position":[[2810,19]]},"1168":{"position":[[2760,19]]},"1172":{"position":[[2532,19]]}}}],["iconname.checkcirclefil",{"_index":3455,"t":{"1300":{"position":[[609,25]]},"1302":{"position":[[1036,25]]},"1304":{"position":[[1017,25]]},"1306":{"position":[[1345,25]]},"1308":{"position":[[1387,25]]},"1310":{"position":[[1473,25]]},"1312":{"position":[[1423,25]]},"1314":{"position":[[1420,25]]},"1316":{"position":[[1520,25]]}}}],["iconname.currencydollar",{"_index":3467,"t":{"1302":{"position":[[1586,24]]},"1304":{"position":[[1597,24]]},"1306":{"position":[[1925,24]]},"1308":{"position":[[1967,24]]},"1310":{"position":[[2053,24]]},"1312":{"position":[[2003,24]]},"1314":{"position":[[2000,24]]},"1316":{"position":[[2100,24]]}}}],["iconname.exclamationtrianglefil",{"_index":3462,"t":{"1302":{"position":[[926,33]]},"1304":{"position":[[876,33]]},"1306":{"position":[[1204,33]]},"1308":{"position":[[1246,33]]},"1310":{"position":[[1332,33]]},"1312":{"position":[[1282,33]]},"1314":{"position":[[1279,33]]},"1316":{"position":[[1379,33]]}}}],["iconname.housedoorfil",{"_index":3225,"t":{"1195":{"position":[[960,23]]},"1225":{"position":[[960,23]]},"1300":{"position":[[515,23]]},"1302":{"position":[[650,23]]},"1304":{"position":[[569,23]]},"1306":{"position":[[897,23]]},"1308":{"position":[[939,23]]},"1310":{"position":[[1025,23]]},"1312":{"position":[[975,23]]},"1314":{"position":[[972,23]]},"1316":{"position":[[1072,23]]}}}],["iconname.inputcursor",{"_index":3468,"t":{"1302":{"position":[[1711,21]]},"1304":{"position":[[1722,21]]},"1306":{"position":[[2050,21]]},"1308":{"position":[[2092,21]]},"1310":{"position":[[2178,21]]},"1312":{"position":[[2128,21]]},"1314":{"position":[[2125,21]]},"1316":{"position":[[2225,21]]}}}],["iconname.inputcursortext",{"_index":3456,"t":{"1300":{"position":[[702,25]]},"1302":{"position":[[1459,25]]},"1304":{"position":[[1470,25]]},"1306":{"position":[[1798,25]]},"1308":{"position":[[1840,25]]},"1310":{"position":[[1926,25]]},"1312":{"position":[[1876,25]]},"1314":{"position":[[1873,25]]},"1316":{"position":[[1973,25]]}}}],["iconname.layoutsidebarinset",{"_index":3458,"t":{"1300":{"position":[[889,28]]},"1302":{"position":[[736,28],[1264,28]]},"1304":{"position":[[655,28],[1245,28]]},"1306":{"position":[[983,28],[1573,28]]},"1308":{"position":[[1025,28],[1615,28]]},"1310":{"position":[[1111,28],[1701,28]]},"1312":{"position":[[1061,28],[1651,28]]},"1314":{"position":[[1058,28],[1648,28]]},"1316":{"position":[[1158,28],[1748,28]]}}}],["iconname.non",{"_index":3449,"t":{"1297":{"position":[[248,13]]}}}],["iconname.personsquar",{"_index":3460,"t":{"1302":{"position":[[837,22]]},"1304":{"position":[[787,22]]},"1306":{"position":[[1115,22]]},"1308":{"position":[[1157,22]]},"1310":{"position":[[1243,22]]},"1312":{"position":[[1193,22]]},"1314":{"position":[[1190,22]]},"1316":{"position":[[1290,22]]}}}],["iconname.plussquarefil",{"_index":3228,"t":{"1195":{"position":[[1078,24]]},"1225":{"position":[[1078,24]]}}}],["iconname.segmentednav",{"_index":3457,"t":{"1300":{"position":[[800,22]]},"1302":{"position":[[1151,22]]},"1304":{"position":[[1132,22]]},"1306":{"position":[[1460,22]]},"1308":{"position":[[1502,22]]},"1310":{"position":[[1588,22]]},"1312":{"position":[[1538,22]]},"1314":{"position":[[1535,22]]},"1316":{"position":[[1635,22]]}}}],["iconname.t",{"_index":3230,"t":{"1195":{"position":[[1178,15]]},"1225":{"position":[[1178,15]]}}}],["iconname.toggleon",{"_index":3469,"t":{"1302":{"position":[[1825,18]]},"1304":{"position":[[1836,18]]},"1306":{"position":[[2164,18]]},"1308":{"position":[[2206,18]]},"1310":{"position":[[2292,18]]},"1312":{"position":[[2242,18]]},"1314":{"position":[[2239,18]]},"1316":{"position":[[2339,18]]}}}],["iconname.windowplu",{"_index":3464,"t":{"1302":{"position":[[1361,20]]},"1304":{"position":[[1342,20]]},"1306":{"position":[[1670,20]]},"1308":{"position":[[1712,20]]},"1310":{"position":[[1798,20]]},"1312":{"position":[[1748,20]]},"1314":{"position":[[1745,20]]},"1316":{"position":[[1845,20]]}}}],["iconname=\"iconname.bootstrapfil",{"_index":3207,"t":{"1195":{"position":[[206,33]]},"1225":{"position":[[206,33]]},"1300":{"position":[[24,33]]},"1302":{"position":[[149,33]]},"1304":{"position":[[68,33]]},"1306":{"position":[[151,33]]},"1308":{"position":[[120,33]]},"1310":{"position":[[187,33]]},"1316":{"position":[[155,33]]}}}],["icons",{"_index":2261,"t":{"878":{"position":[[286,8]]}}}],["icons.css",{"_index":2254,"t":{"876":{"position":[[237,11]]},"1121":{"position":[[367,10]]},"1138":{"position":[[367,10]]},"1178":{"position":[[367,10]]}}}],["icons1",{"_index":656,"t":{"118":{"position":[[1379,6]]}}}],["icons@1.10.3/font/bootstrap",{"_index":3094,"t":{"1121":{"position":[[339,27]]},"1138":{"position":[[339,27]]},"1178":{"position":[[339,27]]}}}],["icons@1.8.0/font/bootstrap",{"_index":2253,"t":{"876":{"position":[[210,26]]}}}],["iconsize.non",{"_index":2262,"t":{"878":{"position":[[323,13]]}}}],["icustomerservic",{"_index":2749,"t":{"1008":{"position":[[338,16]]},"1012":{"position":[[1296,16]]},"1014":{"position":[[680,16],[2170,16]]}}}],["id",{"_index":450,"t":{"78":{"position":[[182,2]]},"618":{"position":[[1219,2]]},"698":{"position":[[797,2]]},"700":{"position":[[1228,2]]},"729":{"position":[[831,2]]},"731":{"position":[[1285,2]]},"735":{"position":[[702,2],[1239,2],[1436,2],[1951,3],[2908,2],[3612,2],[3794,2]]},"737":{"position":[[723,2],[1260,2],[1457,2],[1972,3],[2929,2],[3633,2],[3815,2],[4861,2],[5398,2],[5595,2],[6110,3],[7067,2],[7771,2],[7953,2]]},"844":{"position":[[304,2],[327,3]]},"907":{"position":[[1583,2],[1655,2]]},"957":{"position":[[3401,2],[3473,2]]},"1195":{"position":[[927,2],[1038,2],[1136,2]]},"1225":{"position":[[927,2],[1038,2],[1136,2]]},"1297":{"position":[[296,2],[323,3],[458,3]]},"1302":{"position":[[14,2],[602,2],[715,2],[799,2],[905,2],[997,2],[1108,2],[1224,2],[1340,2],[1414,2],[1538,2],[1665,2],[1785,2]]},"1304":{"position":[[521,2],[634,2],[749,2],[855,2],[978,2],[1089,2],[1205,2],[1321,2],[1425,2],[1549,2],[1676,2],[1796,2]]},"1306":{"position":[[849,2],[962,2],[1077,2],[1183,2],[1306,2],[1417,2],[1533,2],[1649,2],[1753,2],[1877,2],[2004,2],[2124,2]]},"1308":{"position":[[891,2],[1004,2],[1119,2],[1225,2],[1348,2],[1459,2],[1575,2],[1691,2],[1795,2],[1919,2],[2046,2],[2166,2]]},"1310":{"position":[[977,2],[1090,2],[1205,2],[1311,2],[1434,2],[1545,2],[1661,2],[1777,2],[1881,2],[2005,2],[2132,2],[2252,2]]},"1312":{"position":[[927,2],[1040,2],[1155,2],[1261,2],[1384,2],[1495,2],[1611,2],[1727,2],[1831,2],[1955,2],[2082,2],[2202,2]]},"1314":{"position":[[924,2],[1037,2],[1152,2],[1258,2],[1381,2],[1492,2],[1608,2],[1724,2],[1828,2],[1952,2],[2079,2],[2199,2]]},"1316":{"position":[[1024,2],[1137,2],[1252,2],[1358,2],[1481,2],[1592,2],[1708,2],[1824,2],[1928,2],[2052,2],[2179,2],[2299,2]]},"1331":{"position":[[989,2],[1113,2],[1244,2],[1368,2],[1497,2],[1630,2],[1750,2],[1872,2],[1995,2]]},"1333":{"position":[[985,2],[1109,2],[1240,2],[1364,2],[1493,2],[1626,2],[1746,2],[1868,2],[1991,2]]},"1335":{"position":[[917,2],[1041,2],[1172,2],[1296,2],[1425,2],[1558,2],[1678,2],[1800,2],[1930,2],[2055,2],[2178,2],[2297,2]]},"1337":{"position":[[1057,2],[1181,2],[1312,2],[1436,2],[1565,2],[1698,2],[1818,2],[1940,2],[2063,2]]},"1339":{"position":[[1062,2],[1186,2],[1317,2],[1441,2],[1570,2],[1703,2],[1823,2],[1945,2],[2075,2],[2200,2],[2323,2],[2442,2]]},"1341":{"position":[[1038,2],[1162,2],[1293,2],[1417,2],[1546,2],[1679,2],[1799,2],[1921,2],[2044,2]]},"1343":{"position":[[1057,2],[1181,2],[1312,2],[1436,2],[1565,2],[1698,2],[1818,2],[1940,2],[2063,2]]},"1345":{"position":[[1722,2],[1960,2],[2202,2],[2439,2],[2679,2],[2931,2],[3161,2],[3400,2],[3640,2]]},"1349":{"position":[[1380,2],[1504,2],[1635,2],[1759,2],[1888,2],[2021,2],[2141,2],[2263,2],[2386,2]]},"1351":{"position":[[1019,2],[1143,2],[1274,2],[1398,2],[1527,2],[1660,2],[1780,2],[1902,2],[2025,2]]},"1353":{"position":[[1029,2],[1153,2],[1284,2],[1408,2],[1537,2],[1670,2],[1790,2],[1912,2],[2035,2]]},"1355":{"position":[[1076,2],[1181,2],[1296,2],[1403,2],[1516,2],[1636,2],[1739,2],[1844,2],[1951,2]]},"1357":{"position":[[1077,2],[1182,2],[1297,2],[1404,2],[1517,2],[1637,2],[1740,2],[1845,2],[1952,2]]},"1359":{"position":[[1447,2],[1685,2],[1927,2],[2164,2],[2404,2],[2656,2],[2886,2],[3125,2],[3365,2]]},"1361":{"position":[[991,2],[1115,2],[1246,2],[1370,2],[1499,2],[1632,2],[1752,2],[1874,2],[2004,2],[2129,2],[2252,2],[2371,2]]},"1365":{"position":[[2886,2],[3010,2],[3141,2],[3265,2],[3394,2],[3527,2],[3647,2],[3769,2],[3899,2],[4024,2],[4147,2],[4266,2]]},"1367":{"position":[[1089,2],[1213,2],[1344,2],[1468,2],[1597,2],[1808,2],[1928,2],[2050,2],[2173,2]]},"1369":{"position":[[1205,2],[1329,2],[1460,2],[1584,2],[1713,2]]},"1371":{"position":[[1794,2],[1918,2],[2049,2],[2173,2],[2302,2],[2435,2],[2555,2],[2677,2],[2807,2],[2932,2],[3055,2],[3174,2]]},"1373":{"position":[[1670,2],[1794,2],[1925,2],[2049,2],[2178,2],[2311,2],[2431,2],[2553,2],[2683,2],[2808,2],[2931,2],[3050,2]]},"1375":{"position":[[1842,2],[1966,2],[2097,2],[2221,2],[2350,2],[2483,2],[2603,2],[2725,2],[2855,2],[2980,2],[3103,2],[3222,2]]},"1377":{"position":[[1625,2],[1749,2],[1880,2],[2004,2],[2133,2],[2266,2],[2386,2],[2508,2],[2631,2]]},"1379":{"position":[[1641,2],[1765,2],[1896,2],[2020,2],[2149,2],[2282,2],[2402,2],[2524,2],[2647,2]]},"1381":{"position":[[243,2],[323,2],[1964,2],[2088,2],[2219,2],[2343,2],[2472,2],[2605,2],[2725,2],[2847,2],[2970,2]]},"1383":{"position":[[1476,2],[1600,2],[1731,2],[1855,2],[1984,2],[2117,2],[2237,2],[2359,2],[2489,2],[2614,2],[2737,2],[2856,2]]},"1385":{"position":[[1179,2],[1303,2],[1434,2],[1558,2],[1687,2],[1820,2],[1940,2],[2062,2],[2192,2],[2317,2],[2440,2],[2559,2]]},"1387":{"position":[[3689,2],[3820,2],[3944,2],[4073,2],[4206,2],[4326,2]]},"1389":{"position":[[7430,2],[7561,2],[7685,2],[7814,2],[7947,2],[8067,2]]},"1391":{"position":[[1409,2],[1540,2],[1664,2],[1793,2],[1926,2],[2046,2],[2334,5]]},"1393":{"position":[[1420,2],[1551,2],[1675,2],[1804,2],[1937,2],[2057,2],[2358,5]]},"1395":{"position":[[2970,2],[3094,2],[3225,2],[3349,2],[3478,2],[3611,2],[3731,2],[3853,2],[3983,2],[4108,2],[4231,2],[4350,2]]}}}],["id=\"nam",{"_index":2766,"t":{"1012":{"position":[[897,9]]}}}],["idictionari",{"_index":1260,"t":{"618":{"position":[[213,12]]},"698":{"position":[[204,12]]},"729":{"position":[[208,12]]}}}],["idictionarydangerdarkinfolightprimarysecondarysuccesswarninginfoa",{"_index":1041,"t":{"546":{"position":[[191,7],[238,7]]},"548":{"position":[[580,7],[627,7]]}}}],["item\">an",{"_index":1039,"t":{"546":{"position":[[150,8]]},"548":{"position":[[539,8]]}}}],["item'",{"_index":3273,"t":{"1243":{"position":[[154,6],[704,6],[1254,6]]},"1245":{"position":[[242,6],[866,6],[1489,6]]},"1247":{"position":[[231,6],[781,6],[1331,6]]},"1249":{"position":[[164,6],[730,6],[1280,6]]},"1251":{"position":[[198,6],[748,6],[1298,6]]},"1253":{"position":[[346,6],[908,6],[1470,6],[2028,6],[2576,6],[3136,6]]},"1255":{"position":[[325,6],[897,6],[1469,6]]}}}],["item.design",{"_index":3650,"t":{"1337":{"position":[[621,18]]},"1339":{"position":[[583,18]]},"1347":{"position":[[945,18]]},"1349":{"position":[[937,19]]},"1365":{"position":[[1211,18]]},"1371":{"position":[[778,18]]},"1373":{"position":[[760,18]]},"1375":{"position":[[762,18]]},"1387":{"position":[[493,18],[1293,18],[2079,18],[2879,18]]},"1389":{"position":[[653,18],[1642,18],[2629,18],[3618,18],[4601,18],[5584,18],[6577,18]]},"1391":{"position":[[538,18]]},"1393":{"position":[[549,18]]},"1395":{"position":[[1008,18]]}}}],["item.doj",{"_index":3651,"t":{"1337":{"position":[[747,10]]},"1339":{"position":[[728,10]]},"1347":{"position":[[1266,10]]},"1349":{"position":[[1066,11]]},"1351":{"position":[[705,11]]},"1365":{"position":[[1356,10]]},"1371":{"position":[[923,10]]},"1373":{"position":[[905,10]]},"1375":{"position":[[907,10]]},"1387":{"position":[[619,10],[1419,10],[2205,10],[3005,10]]},"1389":{"position":[[798,10],[1787,10],[2774,10],[3763,10],[4746,10],[5729,10],[6722,10]]},"1391":{"position":[[664,10]]},"1393":{"position":[[675,10]]},"1395":{"position":[[1153,10]]}}}],["item.firstnam",{"_index":3709,"t":{"1347":{"position":[[593,16]]}}}],["item.id",{"_index":3648,"t":{"1337":{"position":[[383,9]]},"1339":{"position":[[298,9]]},"1347":{"position":[[431,9]]},"1349":{"position":[[625,10]]},"1351":{"position":[[361,10]]},"1365":{"position":[[856,8]]},"1371":{"position":[[493,9]]},"1373":{"position":[[475,9]]},"1375":{"position":[[477,9]]},"1387":{"position":[[255,9],[1055,9],[1841,9],[2641,9]]},"1389":{"position":[[368,9],[1357,9],[2344,9],[3333,9],[4316,9],[5299,9],[6292,9]]},"1391":{"position":[[300,9]]},"1393":{"position":[[311,9]]},"1395":{"position":[[723,9]]}}}],["item.isact",{"_index":3652,"t":{"1337":{"position":[[860,15]]},"1339":{"position":[[865,15]]},"1347":{"position":[[1424,15]]},"1349":{"position":[[1182,16]]},"1351":{"position":[[821,16]]},"1365":{"position":[[1493,15]]},"1371":{"position":[[1060,15]]},"1373":{"position":[[1042,14]]},"1387":{"position":[[732,15],[1532,15],[2318,15],[3118,15]]},"1389":{"position":[[935,15],[1924,15],[2911,15],[3900,15],[4883,15],[5866,15],[6859,15]]},"1391":{"position":[[777,15]]},"1393":{"position":[[788,15]]},"1395":{"position":[[1290,15]]}}}],["item.lastnam",{"_index":3711,"t":{"1347":{"position":[[766,15]]}}}],["item.nam",{"_index":3649,"t":{"1337":{"position":[[501,11]]},"1339":{"position":[[436,11]]},"1349":{"position":[[746,11]]},"1351":{"position":[[482,12]]},"1365":{"position":[[1064,11]]},"1371":{"position":[[631,11]]},"1373":{"position":[[613,11]]},"1375":{"position":[[615,11]]},"1387":{"position":[[373,11],[1173,11],[1959,11],[2759,11]]},"1389":{"position":[[506,11],[1495,11],[2482,11],[3471,11],[4454,11],[5437,11],[6430,11]]},"1391":{"position":[[418,11]]},"1393":{"position":[[429,11]]},"1395":{"position":[[861,11]]}}}],["item.salari",{"_index":3714,"t":{"1347":{"position":[[1115,13]]}}}],["item(\"window.localstorage.getitem",{"_index":3771,"t":{"1365":{"position":[[2538,53]]}}}],["js.invokevoidasync(\"window.localstorage.setitem",{"_index":3766,"t":{"1365":{"position":[[2349,49]]}}}],["jsonserializer.deserialize(settingsjson",{"_index":3773,"t":{"1365":{"position":[[2683,55]]}}}],["jsonserializer.serialize(set",{"_index":3767,"t":{"1365":{"position":[[2416,36]]}}}],["juli",{"_index":58,"t":{"2":{"position":[[997,4],[1283,4],[1535,4],[1754,4],[1974,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]]},"106":{"position":[[872,4],[1252,4],[1292,4],[1331,4],[1370,4],[1409,4]]},"112":{"position":[[2280,4]]},"128":{"position":[[1041,4],[1327,4],[1579,4],[1798,4],[2018,4]]},"200":{"position":[[1050,4],[1336,4],[1588,4],[1807,4],[2027,4]]},"208":{"position":[[2333,4]]},"212":{"position":[[78,4]]},"240":{"position":[[613,4],[899,4]]},"244":{"position":[[79,4]]},"246":{"position":[[504,4],[790,4],[1042,4]]},"264":{"position":[[76,4]]},"268":{"position":[[73,4]]},"274":{"position":[[1044,4],[1330,4],[1582,4],[1801,4],[2021,4]]},"276":{"position":[[1045,4],[1331,4],[1583,4],[1802,4],[2022,4]]},"286":{"position":[[79,4]]},"288":{"position":[[72,4]]},"320":{"position":[[607,4],[893,4]]},"336":{"position":[[499,4],[785,4],[1037,4],[2661,4]]},"340":{"position":[[505,4]]},"344":{"position":[[1258,4]]},"360":{"position":[[70,4]]},"364":{"position":[[67,4]]},"368":{"position":[[74,4]]},"394":{"position":[[67,4]]},"458":{"position":[[68,4]]},"460":{"position":[[68,4]]},"462":{"position":[[68,4]]},"464":{"position":[[68,4]]},"466":{"position":[[68,4]]},"916":{"position":[[1516,7]]},"945":{"position":[[616,7]]},"968":{"position":[[447,7]]},"970":{"position":[[379,7]]}}}],["june",{"_index":83,"t":{"2":{"position":[[2280,4],[2618,4]]},"24":{"position":[[23,4]]},"84":{"position":[[24,4]]},"86":{"position":[[24,4]]},"88":{"position":[[24,4]]},"106":{"position":[[911,4],[1448,4],[1488,4],[1528,4]]},"108":{"position":[[24,4]]},"114":{"position":[[23,4]]},"128":{"position":[[2324,4],[2662,4]]},"188":{"position":[[68,4]]},"200":{"position":[[2333,4],[2671,4]]},"204":{"position":[[77,4]]},"210":{"position":[[76,4]]},"214":{"position":[[73,4]]},"232":{"position":[[76,4]]},"240":{"position":[[1118,4],[1376,4]]},"242":{"position":[[72,4]]},"244":{"position":[[331,4]]},"246":{"position":[[1262,4]]},"254":{"position":[[76,4]]},"260":{"position":[[72,4]]},"270":{"position":[[73,4]]},"274":{"position":[[2327,4],[2665,4]]},"276":{"position":[[2328,4],[2666,4]]},"278":{"position":[[72,4]]},"282":{"position":[[71,4]]},"290":{"position":[[67,4]]},"310":{"position":[[66,4]]},"314":{"position":[[70,4]]},"320":{"position":[[1112,4],[1370,4]]},"324":{"position":[[66,4]]},"326":{"position":[[66,4]]},"336":{"position":[[1257,4]]},"340":{"position":[[757,4]]},"348":{"position":[[72,4]]},"350":{"position":[[69,4]]},"358":{"position":[[66,4]]},"366":{"position":[[67,4]]},"392":{"position":[[67,4]]},"452":{"position":[[68,4]]},"454":{"position":[[68,4]]},"456":{"position":[[68,4]]},"916":{"position":[[1508,7]]},"945":{"position":[[608,7]]},"968":{"position":[[439,7]]},"970":{"position":[[371,7]]}}}],["justifi",{"_index":916,"t":{"498":{"position":[[755,7]]},"1195":{"position":[[345,7]]},"1225":{"position":[[345,7]]},"1306":{"position":[[290,7]]},"1308":{"position":[[259,7]]},"1310":{"position":[[345,7]]},"1312":{"position":[[295,7]]},"1314":{"position":[[292,7]]},"1316":{"position":[[313,7]]}}}],["justo",{"_index":1766,"t":{"735":{"position":[[746,5],[2667,6],[2749,5]]},"737":{"position":[[767,5],[2688,6],[2770,5],[4905,5],[6826,6],[6908,5]]}}}],["k",{"_index":2730,"t":{"1004":{"position":[[1228,4]]},"1006":{"position":[[1489,4]]},"1010":{"position":[[1297,4]]},"1345":{"position":[[2972,4]]},"1359":{"position":[[2697,4]]}}}],["keep",{"_index":3124,"t":{"1127":{"position":[[396,4]]},"1144":{"position":[[395,4]]},"1184":{"position":[[395,4]]},"1249":{"position":[[38,4]]},"1251":{"position":[[40,4]]},"1268":{"position":[[447,4]]}}}],["kenu1kfdbie4zvf0s0g1m5b4hcpxyd9f7jl+jjxkk+q2h455ryxk/7hauojl+0i4",{"_index":3104,"t":{"1123":{"position":[[233,65]]},"1140":{"position":[[238,65]]},"1180":{"position":[[234,65]]}}}],["key",{"_index":1518,"t":{"687":{"position":[[313,3]]},"691":{"position":[[567,3]]},"700":{"position":[[335,3]]},"702":{"position":[[278,4]]},"718":{"position":[[227,3]]},"731":{"position":[[319,3]]},"1001":{"position":[[111,3]]}}}],["keyboard",{"_index":364,"t":{"60":{"position":[[131,8],[252,8]]},"110":{"position":[[1657,8]]},"124":{"position":[[1763,8]]},"190":{"position":[[1701,8]]},"196":{"position":[[1320,8]]},"206":{"position":[[1710,8]]},"424":{"position":[[175,8]]},"481":{"position":[[986,8]]},"527":{"position":[[510,8]]},"632":{"position":[[364,8]]},"634":{"position":[[364,8]]},"640":{"position":[[469,8]]},"691":{"position":[[599,8],[626,8]]},"1001":{"position":[[63,8]]},"1272":{"position":[[794,8]]}}}],["keystrok",{"_index":2659,"t":{"999":{"position":[[173,9]]},"1022":{"position":[[61,9]]},"1047":{"position":[[31,9]]},"1055":{"position":[[61,9]]},"1078":{"position":[[61,9]]},"1097":{"position":[[31,9]]},"1157":{"position":[[61,9]]}}}],["keystroke/select",{"_index":3000,"t":{"1068":{"position":[[31,19]]},"1170":{"position":[[31,19]]}}}],["kick",{"_index":1294,"t":{"622":{"position":[[54,4]]},"710":{"position":[[46,4]]}}}],["kind",{"_index":3350,"t":{"1268":{"position":[[348,4]]}}}],["kleiner",{"_index":3888,"t":{"1395":{"position":[[1841,8]]}}}],["know",{"_index":1965,"t":{"777":{"position":[[88,4]]},"840":{"position":[[343,4]]}}}],["known",{"_index":3096,"t":{"1121":{"position":[[662,5]]},"1138":{"position":[[667,5]]}}}],["komala",{"_index":2710,"t":{"1004":{"position":[[1057,7]]},"1006":{"position":[[1318,7]]},"1010":{"position":[[1126,7]]}}}],["l",{"_index":658,"t":{"118":{"position":[[1407,1]]},"1004":{"position":[[1288,4]]},"1006":{"position":[[1549,4]]},"1010":{"position":[[1357,4]]}}}],["label",{"_index":279,"t":{"42":{"position":[[261,6]]},"98":{"position":[[439,5]]},"104":{"position":[[590,6]]},"671":{"position":[[16,5]]},"677":{"position":[[624,6],[948,6],[1255,6]]},"813":{"position":[[144,7]]},"817":{"position":[[92,5],[135,6]]},"819":{"position":[[215,6]]},"824":{"position":[[4,6],[58,5]]},"905":{"position":[[132,6],[177,7]]},"907":{"position":[[989,6],[1413,5],[1435,5]]},"916":{"position":[[1685,6],[4122,5],[4568,6],[4693,7]]},"918":{"position":[[239,6],[694,6],[703,7]]},"920":{"position":[[290,6],[440,5],[713,5],[984,5],[1245,6],[1254,7]]},"922":{"position":[[459,6],[609,5],[882,5],[1153,5],[1414,6],[1423,7]]},"924":{"position":[[290,6],[440,5],[713,5],[984,5],[1245,6],[1254,7],[1965,6]]},"932":{"position":[[132,6],[177,7]]},"934":{"position":[[692,6],[1065,5],[1087,5]]},"943":{"position":[[1330,6],[3601,5],[4148,6],[4295,7]]},"945":{"position":[[532,6],[766,5],[1310,5],[1852,5],[2382,6],[2391,7]]},"947":{"position":[[765,6],[1147,6],[3147,5],[3694,6],[3841,7]]},"955":{"position":[[62,6],[107,7]]},"957":{"position":[[779,6],[1419,5],[1441,5]]},"966":{"position":[[1617,6],[4008,5],[4645,6],[4770,7]]},"968":{"position":[[363,6],[597,5],[1141,5],[1683,5],[2213,6],[2222,7]]},"970":{"position":[[295,6],[527,5],[1136,5],[1743,5],[2344,6],[2353,7],[3026,6]]},"978":{"position":[[62,6],[107,7]]},"980":{"position":[[682,6]]},"989":{"position":[[1300,6],[3437,5],[3984,6],[4131,7]]},"991":{"position":[[735,6],[1097,6],[2949,5],[3496,6],[3643,7]]},"1012":{"position":[[341,6],[795,6]]},"1027":{"position":[[19,6],[242,6],[465,6],[688,6],[911,6],[1134,6],[1357,6],[1580,6],[1803,6]]},"1035":{"position":[[192,6],[320,6],[451,6],[584,6],[719,6],[854,6],[991,6],[1128,6]]},"1037":{"position":[[459,6]]},"1039":{"position":[[189,6],[440,6]]},"1041":{"position":[[143,6]]},"1043":{"position":[[76,6],[814,6]]},"1045":{"position":[[585,6],[1011,6],[1420,6]]},"1047":{"position":[[102,6]]},"1066":{"position":[[561,6],[853,6]]},"1070":{"position":[[549,6],[858,6],[1257,6]]},"1081":{"position":[[100,6]]},"1083":{"position":[[190,6],[316,6],[445,6],[576,6],[709,6],[842,6],[977,6],[1112,6]]},"1085":{"position":[[457,6]]},"1087":{"position":[[150,6],[442,6]]},"1089":{"position":[[189,6],[412,6]]},"1091":{"position":[[143,6]]},"1093":{"position":[[74,6],[808,6]]},"1095":{"position":[[580,6],[963,6],[1329,6]]},"1097":{"position":[[100,6]]},"1101":{"position":[[106,5],[141,6]]},"1168":{"position":[[570,6],[907,6],[1232,6],[1536,6],[1855,6]]},"1172":{"position":[[538,6],[939,6]]},"1274":{"position":[[63,7]]}}}],["label\">address:amountarriv",{"_index":3169,"t":{"1168":{"position":[[1568,14],[1887,14]]},"1172":{"position":[[971,14]]}}}],["label\">cours",{"_index":3009,"t":{"1070":{"position":[[581,13]]}}}],["label\">custom",{"_index":2995,"t":{"1066":{"position":[[885,15]]}}}],["label\">customer:departur",{"_index":3164,"t":{"1168":{"position":[[939,16],[1264,16]]},"1172":{"position":[[570,16]]}}}],["label\">end",{"_index":3016,"t":{"1070":{"position":[[1289,10]]}}}],["label\">ent",{"_index":2886,"t":{"1035":{"position":[[211,12],[339,12],[470,12],[603,12],[738,12],[873,12],[1010,12],[1147,12]]},"1083":{"position":[[209,12],[335,12],[464,12],[595,12],[728,12],[861,12],[996,12],[1131,12]]}}}],["label\">flight",{"_index":3160,"t":{"1168":{"position":[[602,13]]}}}],["label\">invoic",{"_index":2992,"t":{"1066":{"position":[[593,14]]}}}],["label\">item",{"_index":1426,"t":{"677":{"position":[[643,11],[967,11]]},"1045":{"position":[[617,11],[1043,11]]},"1047":{"position":[[134,11]]},"1095":{"position":[[612,11],[995,11]]},"1097":{"position":[[132,11]]}}}],["label\">local",{"_index":2822,"t":{"1027":{"position":[[38,14],[261,14],[484,14],[707,14],[930,14],[1153,14],[1376,14],[1599,14],[1822,14]]}}}],["label\">start",{"_index":3012,"t":{"1070":{"position":[[890,12]]}}}],["label\">tot",{"_index":1442,"t":{"677":{"position":[[1274,12]]},"1045":{"position":[[1452,12]]},"1095":{"position":[[1361,12]]}}}],["label=\"20",{"_index":2076,"t":{"822":{"position":[[98,11]]},"824":{"position":[[162,11]]}}}],["label=\"30",{"_index":2109,"t":{"832":{"position":[[154,11]]}}}],["label=\"check",{"_index":3063,"t":{"1108":{"position":[[98,14]]}}}],["label=\"default",{"_index":3061,"t":{"1108":{"position":[[29,14]]},"1115":{"position":[[74,14]]}}}],["label=\"dis",{"_index":3071,"t":{"1111":{"position":[[118,15],[797,15]]}}}],["label=\"revers",{"_index":3076,"t":{"1113":{"position":[[99,14]]}}}],["labels.add(getnextdatalabel",{"_index":2413,"t":{"916":{"position":[[4652,31]]},"943":{"position":[[4232,31]]},"947":{"position":[[3778,31]]},"966":{"position":[[4729,31]]},"989":{"position":[[4068,31]]},"991":{"position":[[3580,31]]}}}],["labelscount",{"_index":2371,"t":{"916":{"position":[[1415,11],[3085,12],[4431,12],[4739,11]]},"966":{"position":[[1499,11],[4508,12],[4816,11],[4847,15]]}}}],["lacinia",{"_index":1740,"t":{"735":{"position":[[504,7],[1171,7],[1242,7]]},"737":{"position":[[525,7],[1192,7],[1263,7],[4663,7],[5330,7],[5401,7]]}}}],["lacu",{"_index":1819,"t":{"735":{"position":[[1926,6],[2407,6],[2706,5]]},"737":{"position":[[1947,6],[2428,6],[2727,5],[6085,6],[6566,6],[6865,5]]}}}],["lakhsmi",{"_index":2727,"t":{"1004":{"position":[[1202,10]]},"1006":{"position":[[1463,10]]},"1010":{"position":[[1271,10]]}}}],["land",{"_index":305,"t":{"44":{"position":[[540,7]]}}}],["languag",{"_index":381,"t":{"66":{"position":[[238,8]]}}}],["laoreet",{"_index":1720,"t":{"735":{"position":[[305,8],[314,7],[2014,8],[3113,8],[3226,7]]},"737":{"position":[[326,8],[335,7],[2035,8],[3134,8],[3247,7],[4464,8],[4473,7],[6173,8],[7272,8],[7385,7]]}}}],["larg",{"_index":872,"t":{"492":{"position":[[157,5],[237,5]]},"494":{"position":[[373,5],[469,5]]},"573":{"position":[[209,5]]},"622":{"position":[[204,5],[248,5],[508,5],[643,5]]},"710":{"position":[[166,5],[540,5]]},"737":{"position":[[4237,5],[8221,5]]},"748":{"position":[[9,5],[128,5]]},"1213":{"position":[[301,5]]}}}],["larger",{"_index":867,"t":{"492":{"position":[[6,6]]},"754":{"position":[[6,6]]},"1283":{"position":[[67,6]]}}}],["last",{"_index":1881,"t":{"743":{"position":[[444,4],[493,4],[563,4]]},"792":{"position":[[116,4]]},"1001":{"position":[[383,4]]},"1236":{"position":[[131,4]]}}}],["lastlinkicon",{"_index":1880,"t":{"743":{"position":[[409,12],[536,12]]}}}],["lastlinkicon=\"iconname.chevrondoubleright",{"_index":1910,"t":{"750":{"position":[[186,42]]}}}],["lastlinktext",{"_index":1882,"t":{"743":{"position":[[460,12],[509,12]]}}}],["lastnam",{"_index":1284,"t":{"618":{"position":[[1760,8]]},"698":{"position":[[1338,8]]},"700":{"position":[[1991,8]]},"729":{"position":[[1383,8]]},"731":{"position":[[2059,8]]},"1345":{"position":[[1753,8],[1989,8],[2232,8],[2468,8],[2711,8],[2961,8],[3193,8],[3431,8],[3670,8]]},"1359":{"position":[[1478,8],[1714,8],[1957,8],[2193,8],[2436,8],[2686,8],[2918,8],[3156,8],[3395,8]]}}}],["launch",{"_index":1311,"t":{"624":{"position":[[243,6],[733,6]]},"626":{"position":[[182,6],[808,6]]}}}],["laura",{"_index":2736,"t":{"1004":{"position":[[1281,6]]},"1006":{"position":[[1542,6]]},"1010":{"position":[[1350,6]]}}}],["layout",{"_index":339,"t":{"54":{"position":[[448,6]]},"72":{"position":[[650,6],[668,6],[702,6],[918,6],[966,6]]},"110":{"position":[[1509,6]]},"190":{"position":[[1553,6]]},"206":{"position":[[1562,6]]},"256":{"position":[[733,6]]},"332":{"position":[[21,8],[295,6]]},"334":{"position":[[297,6]]},"338":{"position":[[299,6]]},"354":{"position":[[727,6]]},"422":{"position":[[295,6]]},"777":{"position":[[182,6]]},"911":{"position":[[276,6]]},"961":{"position":[[277,6]]},"1127":{"position":[[502,6]]},"1144":{"position":[[500,6]]},"1184":{"position":[[500,6]]},"1306":{"position":[[82,6]]}}}],["layout1",{"_index":659,"t":{"118":{"position":[[1409,7]]}}}],["layoutcomponentbas",{"_index":2207,"t":{"859":{"position":[[76,25]]},"1219":{"position":[[75,25]]}}}],["layoutcomponentbaseful",{"_index":1648,"t":{"712":{"position":[[1140,26]]}}}],["lgmodal?.showasync()\">larg",{"_index":1625,"t":{"710":{"position":[[612,27]]}}}],["li",{"_index":1038,"t":{"546":{"position":[[128,3],[169,3],[216,3]]},"548":{"position":[[517,3],[558,3],[605,3]]}}}],["li>@emp.namelight@cod",{"_index":3217,"t":{"1195":{"position":[[519,18]]},"1225":{"position":[[519,18]]},"1306":{"position":[[479,18]]},"1308":{"position":[[521,18]]},"1310":{"position":[[607,18]]},"1312":{"position":[[557,18]]},"1314":{"position":[[554,18]]}}}],["mainlayour.razor",{"_index":2208,"t":{"859":{"position":[[102,16]]},"1219":{"position":[[101,16]]}}}],["mainlayout.razor",{"_index":1971,"t":{"784":{"position":[[29,16],[95,16]]},"859":{"position":[[28,16]]},"1195":{"position":[[8,16]]},"1219":{"position":[[27,16]]},"1225":{"position":[[8,16]]},"1306":{"position":[[13,16]]}}}],["major",{"_index":157,"t":{"12":{"position":[[131,5]]},"16":{"position":[[130,5]]},"44":{"position":[[108,5]]},"112":{"position":[[108,5]]},"134":{"position":[[1468,5]]},"154":{"position":[[158,5]]},"156":{"position":[[165,5]]},"162":{"position":[[165,5]]},"180":{"position":[[157,5]]},"192":{"position":[[152,5]]},"208":{"position":[[161,5]]},"326":{"position":[[450,5]]},"330":{"position":[[158,5]]},"408":{"position":[[152,5]]}}}],["make",{"_index":791,"t":{"481":{"position":[[168,5],[735,5]]},"494":{"position":[[0,4]]},"536":{"position":[[312,4]]},"542":{"position":[[205,4]]},"544":{"position":[[294,4],[656,4]]},"548":{"position":[[413,4]]},"556":{"position":[[217,4],[507,4],[793,4],[1077,4],[1363,4],[1643,4],[1925,4],[2205,4]]},"677":{"position":[[38,4]]},"748":{"position":[[60,6]]},"777":{"position":[[255,4]]},"799":{"position":[[3,4],[104,4]]},"840":{"position":[[295,6]]},"926":{"position":[[201,5]]},"1006":{"position":[[59,4]]},"1127":{"position":[[423,4]]},"1144":{"position":[[421,4]]},"1184":{"position":[[421,4]]},"1234":{"position":[[293,5]]},"1283":{"position":[[35,4]]},"1333":{"position":[[87,4]]}}}],["maker",{"_index":3629,"t":{"1331":{"position":[[2039,7]]},"1333":{"position":[[2035,7]]},"1335":{"position":[[2222,7]]},"1337":{"position":[[2107,7]]},"1339":{"position":[[2367,7]]},"1341":{"position":[[2088,7]]},"1343":{"position":[[2107,7]]},"1345":{"position":[[3784,7]]},"1349":{"position":[[2430,7]]},"1351":{"position":[[2069,7]]},"1353":{"position":[[2079,7]]},"1355":{"position":[[1995,7]]},"1357":{"position":[[1996,7]]},"1359":{"position":[[3509,7]]},"1361":{"position":[[2296,7]]},"1365":{"position":[[4191,7]]},"1367":{"position":[[2217,7]]},"1371":{"position":[[3099,7]]},"1373":{"position":[[2975,7]]},"1375":{"position":[[3147,7]]},"1377":{"position":[[2675,7]]},"1379":{"position":[[2691,7]]},"1381":{"position":[[3014,7]]},"1383":{"position":[[2781,7]]},"1385":{"position":[[2484,7]]},"1395":{"position":[[4275,7]]}}}],["malesuada",{"_index":1759,"t":{"735":{"position":[[687,10],[2170,9],[2506,10],[2534,9],[3434,9],[3754,9]]},"737":{"position":[[708,10],[2191,9],[2527,10],[2555,9],[3455,9],[3775,9],[4846,10],[6329,9],[6665,10],[6693,9],[7593,9],[7913,9]]}}}],["manag",{"_index":3087,"t":{"1119":{"position":[[75,8]]},"1136":{"position":[[75,8]]},"1176":{"position":[[75,8]]}}}],["mandatori",{"_index":2263,"t":{"878":{"position":[[391,10]]},"1047":{"position":[[547,9]]},"1097":{"position":[[543,9]]},"1115":{"position":[[349,9]]}}}],["mani",{"_index":2328,"t":{"907":{"position":[[780,4]]},"934":{"position":[[427,4]]},"957":{"position":[[518,4]]},"980":{"position":[[422,4]]},"1033":{"position":[[3,4]]}}}],["manju",{"_index":2697,"t":{"1004":{"position":[[951,6]]},"1006":{"position":[[1212,6]]},"1010":{"position":[[1020,6]]}}}],["manner",{"_index":1113,"t":{"562":{"position":[[88,7]]}}}],["manual",{"_index":921,"t":{"500":{"position":[[43,8]]},"1272":{"position":[[287,8]]}}}],["march",{"_index":191,"t":{"20":{"position":[[23,5]]},"68":{"position":[[24,5]]},"70":{"position":[[24,5]]},"106":{"position":[[990,5],[1810,5],[1851,5]]},"108":{"position":[[2107,5],[2521,5]]},"114":{"position":[[415,5]]},"188":{"position":[[2151,5],[2565,5]]},"204":{"position":[[2160,5],[2574,5]]},"210":{"position":[[468,5]]},"218":{"position":[[589,5]]},"230":{"position":[[72,5]]},"232":{"position":[[808,5],[1222,5]]},"234":{"position":[[77,5],[491,5]]},"240":{"position":[[2607,5]]},"246":{"position":[[1600,5],[2014,5]]},"252":{"position":[[508,5],[922,5]]},"262":{"position":[[72,5]]},"264":{"position":[[794,5]]},"266":{"position":[[78,5]]},"278":{"position":[[2155,5],[2569,5]]},"282":{"position":[[2154,5],[2568,5]]},"292":{"position":[[583,5]]},"312":{"position":[[71,5],[485,5]]},"314":{"position":[[802,5],[1216,5]]},"320":{"position":[[2601,5]]},"336":{"position":[[1595,5],[2009,5]]},"344":{"position":[[502,5],[916,5]]},"348":{"position":[[464,5]]},"360":{"position":[[788,5]]},"362":{"position":[[72,5]]},"388":{"position":[[67,5]]},"436":{"position":[[68,5]]},"438":{"position":[[68,5]]},"916":{"position":[[1483,8]]},"945":{"position":[[583,8]]},"968":{"position":[[414,8]]},"970":{"position":[[346,8]]}}}],["margin",{"_index":1407,"t":{"677":{"position":[[76,6]]},"1268":{"position":[[427,6]]}}}],["markup",{"_index":2150,"t":{"847":{"position":[[145,7]]}}}],["massa",{"_index":1757,"t":{"735":{"position":[[671,5],[1222,6],[1430,5],[1897,5]]},"737":{"position":[[692,5],[1243,6],[1451,5],[1918,5],[4830,5],[5381,6],[5589,5],[6056,5]]}}}],["match",{"_index":1045,"t":{"548":{"position":[[8,5]]},"1006":{"position":[[207,9]]},"1279":{"position":[[16,5]]},"1297":{"position":[[333,5],[393,8]]},"1333":{"position":[[2412,9]]}}}],["match=navlinkmatch.al",{"_index":3226,"t":{"1195":{"position":[[999,24]]},"1225":{"position":[[999,24]]}}}],["matti",{"_index":1790,"t":{"735":{"position":[[1106,7],[3529,6],[3648,6],[3747,6]]},"737":{"position":[[1127,7],[3550,6],[3669,6],[3768,6],[5265,7],[7688,6],[7807,6],[7906,6]]}}}],["maui",{"_index":571,"t":{"104":{"position":[[655,4]]}}}],["mauiprogram.c",{"_index":3201,"t":{"1182":{"position":[[36,14]]}}}],["mauri",{"_index":1717,"t":{"735":{"position":[[274,7],[454,6],[2691,6],[2891,6],[3711,6],[3787,6]]},"737":{"position":[[295,7],[475,6],[2712,6],[2912,6],[3732,6],[3808,6],[4433,7],[4613,6],[6850,6],[7050,6],[7870,6],[7946,6]]}}}],["max",{"_index":294,"t":{"44":{"position":[[307,3]]},"68":{"position":[[268,3]]},"70":{"position":[[236,3]]},"1018":{"position":[[430,3],[495,3],[669,3],[697,4],[702,3]]},"1037":{"position":[[44,3],[106,3],[242,3],[392,3],[429,3]]},"1051":{"position":[[303,3],[368,3],[414,3],[442,4],[447,3]]},"1062":{"position":[[44,3],[106,3],[238,3],[388,3],[425,3],[1844,3],[2309,4],[2347,4]]},"1074":{"position":[[382,3],[447,3],[487,3],[515,4],[520,3]]},"1085":{"position":[[44,3],[106,3],[240,3],[390,3],[427,3]]},"1153":{"position":[[303,3],[368,3],[414,3],[442,4],[447,3]]},"1164":{"position":[[44,3],[106,3],[238,3],[388,3],[425,3]]}}}],["max1",{"_index":2976,"t":{"1062":{"position":[[1906,5],[2136,4]]},"1164":{"position":[[1065,5],[1230,4]]}}}],["max1ful",{"_index":1646,"t":{"712":{"position":[[1037,26]]}}}],["mean",{"_index":1131,"t":{"571":{"position":[[24,7],[85,7],[363,6],[510,7],[571,7],[849,6],[997,7],[1058,7],[1336,6],[1481,7],[1542,7],[1820,6],[1964,7],[2025,7],[2303,6]]},"624":{"position":[[142,5]]},"704":{"position":[[141,5]]},"1033":{"position":[[35,5]]},"1281":{"position":[[814,7],[867,7],[1145,6]]}}}],["measur",{"_index":2062,"t":{"815":{"position":[[188,8]]},"828":{"position":[[79,8]]},"1345":{"position":[[169,8]]}}}],["media",{"_index":1180,"t":{"595":{"position":[[292,5]]}}}],["memori",{"_index":3754,"t":{"1365":{"position":[[407,6]]}}}],["mention",{"_index":3485,"t":{"1316":{"position":[[77,9]]}}}],["menu",{"_index":539,"t":{"100":{"position":[[367,4]]},"636":{"position":[[206,4]]},"642":{"position":[[60,4],[141,4],[226,4]]},"668":{"position":[[410,4]]},"671":{"position":[[58,5]]},"673":{"position":[[27,4]]},"675":{"position":[[42,4],[154,4]]},"677":{"position":[[29,5],[62,5]]},"693":{"position":[[100,4]]}}}],["menu.@cod",{"_index":1575,"t":{"700":{"position":[[630,19]]},"731":{"position":[[663,19]]}}}],["messages\">99+@cod",{"_index":1586,"t":{"700":{"position":[[1683,20]]},"731":{"position":[[1740,20]]}}}],["metu",{"_index":1773,"t":{"735":{"position":[[842,6],[861,5],[977,5],[1026,6],[2992,5]]},"737":{"position":[[863,6],[882,5],[998,5],[1047,6],[3013,5],[5001,6],[5020,5],[5136,5],[5185,6],[7151,5]]}}}],["mi",{"_index":1765,"t":{"735":{"position":[[734,3]]},"737":{"position":[[755,3],[4893,3]]}}}],["milli",{"_index":2134,"t":{"842":{"position":[[133,6]]}}}],["millisecond",{"_index":2174,"t":{"851":{"position":[[99,13]]},"853":{"position":[[128,13]]}}}],["mimic",{"_index":2125,"t":{"840":{"position":[[176,5]]}}}],["min",{"_index":8,"t":{"2":{"position":[[50,3],[479,3],[725,3],[1017,3],[1302,3],[1554,3],[1773,3],[1993,3],[2300,3],[2638,3]]},"4":{"position":[[47,3]]},"6":{"position":[[47,3]]},"8":{"position":[[46,3]]},"10":{"position":[[47,3]]},"12":{"position":[[47,3]]},"14":{"position":[[47,3]]},"16":{"position":[[46,3]]},"18":{"position":[[47,3]]},"20":{"position":[[44,3]]},"22":{"position":[[44,3]]},"24":{"position":[[43,3]]},"26":{"position":[[43,3]]},"28":{"position":[[45,3]]},"30":{"position":[[45,3]]},"32":{"position":[[47,3]]},"34":{"position":[[48,3]]},"36":{"position":[[48,3]]},"38":{"position":[[46,3]]},"40":{"position":[[47,3]]},"42":{"position":[[47,3]]},"44":{"position":[[48,3],[299,3]]},"46":{"position":[[48,3]]},"48":{"position":[[48,3]]},"50":{"position":[[48,3]]},"52":{"position":[[48,3]]},"54":{"position":[[47,3]]},"56":{"position":[[47,3]]},"58":{"position":[[47,3]]},"60":{"position":[[48,3]]},"62":{"position":[[47,3]]},"64":{"position":[[48,3]]},"66":{"position":[[48,3]]},"68":{"position":[[44,3],[276,3]]},"70":{"position":[[45,3],[244,3]]},"72":{"position":[[45,3]]},"74":{"position":[[45,3]]},"76":{"position":[[45,3]]},"78":{"position":[[45,3]]},"80":{"position":[[41,3]]},"82":{"position":[[43,3]]},"84":{"position":[[44,3]]},"86":{"position":[[44,3]]},"88":{"position":[[44,3]]},"90":{"position":[[43,3]]},"92":{"position":[[43,3]]},"94":{"position":[[43,3]]},"96":{"position":[[43,3]]},"98":{"position":[[44,3]]},"100":{"position":[[45,3]]},"102":{"position":[[47,3]]},"104":{"position":[[50,3]]},"108":{"position":[[44,3],[343,3],[595,3],[1031,3],[1276,3],[1524,3],[1794,3],[2128,3],[2541,3],[2888,3]]},"110":{"position":[[48,3],[297,3],[546,3],[995,3],[1305,3],[1574,3],[1863,3],[2122,3],[2451,3],[2857,3]]},"112":{"position":[[48,3],[388,3],[703,3],[965,3],[1236,3],[1510,3],[1708,3],[1912,3],[2116,3],[2300,3]]},"114":{"position":[[43,3],[238,3],[436,3],[637,3],[867,3],[1069,3],[1298,3],[1468,3],[1703,3],[1894,3]]},"116":{"position":[[47,3]]},"120":{"position":[[92,3]]},"122":{"position":[[90,3]]},"124":{"position":[[99,3],[522,3],[958,3],[1230,3],[1680,3],[1969,3],[2243,3],[2441,3]]},"126":{"position":[[88,3]]},"128":{"position":[[94,3],[523,3],[769,3],[1061,3],[1346,3],[1598,3],[1817,3],[2037,3],[2344,3],[2682,3]]},"130":{"position":[[104,3]]},"132":{"position":[[100,3]]},"134":{"position":[[101,3],[360,3],[689,3],[1095,3],[1408,3]]},"136":{"position":[[97,3]]},"138":{"position":[[106,3],[512,3]]},"140":{"position":[[107,3]]},"142":{"position":[[98,3],[504,3]]},"144":{"position":[[105,3]]},"146":{"position":[[96,3],[345,3],[594,3]]},"148":{"position":[[106,3]]},"150":{"position":[[103,3]]},"152":{"position":[[104,3]]},"154":{"position":[[98,3]]},"156":{"position":[[105,3]]},"158":{"position":[[99,3]]},"160":{"position":[[101,3]]},"162":{"position":[[105,3]]},"164":{"position":[[102,3]]},"166":{"position":[[100,3]]},"168":{"position":[[99,3],[505,3]]},"170":{"position":[[100,3]]},"172":{"position":[[104,3]]},"174":{"position":[[102,3]]},"176":{"position":[[99,3],[505,3]]},"178":{"position":[[109,3]]},"180":{"position":[[97,3]]},"182":{"position":[[101,3]]},"184":{"position":[[98,3]]},"186":{"position":[[98,3],[345,3]]},"188":{"position":[[88,3],[387,3],[639,3],[1075,3],[1320,3],[1568,3],[1838,3],[2172,3],[2585,3],[2932,3]]},"190":{"position":[[92,3],[341,3],[590,3],[1039,3],[1349,3],[1618,3],[1907,3],[2166,3],[2495,3],[2901,3]]},"192":{"position":[[92,3]]},"194":{"position":[[98,3]]},"196":{"position":[[105,3],[528,3],[964,3],[1237,3]]},"198":{"position":[[94,3]]},"200":{"position":[[103,3],[532,3],[778,3],[1070,3],[1355,3],[1607,3],[1826,3],[2046,3],[2353,3],[2691,3]]},"202":{"position":[[118,3]]},"204":{"position":[[97,3],[396,3],[648,3],[1084,3],[1329,3],[1577,3],[1847,3],[2181,3],[2594,3],[2941,3]]},"206":{"position":[[101,3],[350,3],[599,3],[1048,3],[1358,3],[1627,3],[1916,3],[2175,3],[2504,3],[2910,3]]},"208":{"position":[[101,3],[441,3],[756,3],[1018,3],[1289,3],[1563,3],[1761,3],[1965,3],[2169,3],[2353,3]]},"210":{"position":[[96,3],[291,3],[489,3],[690,3],[920,3],[1122,3],[1351,3],[1521,3],[1756,3],[1947,3]]},"212":{"position":[[97,3]]},"214":{"position":[[93,3],[394,3]]},"216":{"position":[[100,3]]},"218":{"position":[[95,3],[340,3],[609,3]]},"220":{"position":[[99,3]]},"222":{"position":[[97,3]]},"224":{"position":[[107,3]]},"226":{"position":[[103,3]]},"228":{"position":[[97,3],[533,3],[784,3]]},"230":{"position":[[93,3]]},"232":{"position":[[96,3],[393,3],[829,3],[1242,3]]},"234":{"position":[[98,3],[511,3]]},"236":{"position":[[97,3]]},"238":{"position":[[96,3],[345,3],[594,3]]},"240":{"position":[[95,3],[341,3],[633,3],[918,3],[1138,3],[1396,3],[1695,3],[1947,3],[2383,3],[2628,3]]},"242":{"position":[[92,3]]},"244":{"position":[[98,3],[351,3]]},"246":{"position":[[98,3],[524,3],[809,3],[1061,3],[1282,3],[1621,3],[2034,3],[2380,3]]},"248":{"position":[[98,3]]},"250":{"position":[[96,3]]},"252":{"position":[[93,3],[529,3],[942,3]]},"254":{"position":[[96,3]]},"256":{"position":[[100,3],[529,3]]},"258":{"position":[[90,3],[529,3]]},"260":{"position":[[92,3]]},"262":{"position":[[93,3]]},"264":{"position":[[96,3],[379,3],[815,3]]},"266":{"position":[[99,3]]},"268":{"position":[[92,3]]},"270":{"position":[[93,3],[435,3]]},"272":{"position":[[100,3],[525,3]]},"274":{"position":[[97,3],[526,3],[772,3],[1064,3],[1349,3],[1601,3],[1820,3],[2040,3],[2347,3],[2685,3]]},"276":{"position":[[98,3],[527,3],[773,3],[1065,3],[1350,3],[1602,3],[1821,3],[2041,3],[2348,3],[2686,3]]},"278":{"position":[[92,3],[391,3],[643,3],[1079,3],[1324,3],[1572,3],[1842,3],[2176,3],[2589,3],[2936,3]]},"280":{"position":[[96,3],[345,3],[594,3],[1043,3]]},"282":{"position":[[91,3],[390,3],[642,3],[1078,3],[1323,3],[1571,3],[1841,3],[2175,3],[2588,3],[2935,3]]},"284":{"position":[[95,3],[344,3],[593,3],[1042,3]]},"286":{"position":[[98,3]]},"288":{"position":[[91,3]]},"290":{"position":[[87,3],[388,3],[722,3]]},"292":{"position":[[89,3],[334,3],[603,3]]},"294":{"position":[[93,3]]},"296":{"position":[[93,3]]},"298":{"position":[[91,3]]},"300":{"position":[[99,3]]},"302":{"position":[[101,3]]},"304":{"position":[[97,3]]},"306":{"position":[[91,3]]},"308":{"position":[[91,3],[527,3]]},"310":{"position":[[86,3]]},"312":{"position":[[92,3],[505,3]]},"314":{"position":[[90,3],[387,3],[823,3],[1236,3]]},"316":{"position":[[91,3]]},"318":{"position":[[91,3],[521,3],[719,3]]},"320":{"position":[[89,3],[335,3],[627,3],[912,3],[1132,3],[1390,3],[1689,3],[1941,3],[2377,3],[2622,3]]},"322":{"position":[[90,3],[339,3],[589,3],[785,3],[990,3]]},"324":{"position":[[86,3]]},"326":{"position":[[86,3],[390,3]]},"328":{"position":[[90,3]]},"330":{"position":[[98,3]]},"332":{"position":[[91,3]]},"334":{"position":[[93,3]]},"336":{"position":[[93,3],[519,3],[804,3],[1056,3],[1277,3],[1616,3],[2029,3],[2375,3],[2681,3],[2881,3]]},"338":{"position":[[95,3]]},"340":{"position":[[99,3],[524,3],[777,3]]},"342":{"position":[[90,3]]},"344":{"position":[[87,3],[523,3],[936,3],[1278,3],[1478,3]]},"346":{"position":[[94,3]]},"348":{"position":[[92,3],[287,3],[485,3]]},"350":{"position":[[89,3],[350,3]]},"352":{"position":[[97,3]]},"354":{"position":[[94,3],[523,3]]},"356":{"position":[[85,3]]},"358":{"position":[[86,3]]},"360":{"position":[[90,3],[373,3],[809,3]]},"362":{"position":[[93,3]]},"364":{"position":[[86,3]]},"366":{"position":[[87,3],[429,3],[676,3],[991,3]]},"368":{"position":[[93,3]]},"370":{"position":[[94,3],[519,3]]},"372":{"position":[[91,3]]},"374":{"position":[[91,3]]},"376":{"position":[[90,3]]},"378":{"position":[[91,3]]},"380":{"position":[[91,3]]},"382":{"position":[[91,3]]},"384":{"position":[[90,3]]},"386":{"position":[[91,3]]},"388":{"position":[[88,3]]},"390":{"position":[[88,3]]},"392":{"position":[[87,3]]},"394":{"position":[[87,3]]},"396":{"position":[[89,3]]},"398":{"position":[[89,3]]},"400":{"position":[[91,3]]},"402":{"position":[[92,3]]},"404":{"position":[[90,3]]},"406":{"position":[[91,3]]},"408":{"position":[[92,3]]},"410":{"position":[[92,3]]},"412":{"position":[[90,3]]},"414":{"position":[[95,3]]},"416":{"position":[[92,3]]},"418":{"position":[[92,3]]},"420":{"position":[[92,3]]},"422":{"position":[[91,3]]},"424":{"position":[[92,3]]},"426":{"position":[[91,3]]},"428":{"position":[[91,3]]},"430":{"position":[[91,3]]},"432":{"position":[[92,3]]},"434":{"position":[[92,3]]},"436":{"position":[[89,3]]},"438":{"position":[[88,3]]},"440":{"position":[[89,3]]},"442":{"position":[[89,3]]},"444":{"position":[[89,3]]},"446":{"position":[[85,3]]},"448":{"position":[[89,3]]},"450":{"position":[[87,3]]},"452":{"position":[[88,3]]},"454":{"position":[[88,3]]},"456":{"position":[[88,3]]},"458":{"position":[[87,3]]},"460":{"position":[[87,3]]},"462":{"position":[[87,3]]},"464":{"position":[[88,3]]},"466":{"position":[[87,3]]},"558":{"position":[[574,4],[901,4],[1323,4]]},"560":{"position":[[449,4],[797,4],[1240,4]]},"603":{"position":[[92,3]]},"605":{"position":[[91,3]]},"607":{"position":[[92,3]]},"1018":{"position":[[422,3],[487,3],[818,3],[846,4],[851,3]]},"1037":{"position":[[36,3],[98,3],[235,3],[309,3],[351,3]]},"1051":{"position":[[295,3],[360,3],[490,3],[518,4],[523,3]]},"1062":{"position":[[36,3],[98,3],[231,3],[305,3],[347,3],[1793,3],[2297,4],[2335,4]]},"1074":{"position":[[374,3],[439,3],[557,3],[585,4],[590,3]]},"1085":{"position":[[36,3],[98,3],[233,3],[307,3],[349,3]]},"1153":{"position":[[295,3],[360,3],[490,3],[518,4],[523,3]]},"1164":{"position":[[36,3],[98,3],[231,3],[305,3],[347,3]]}}}],["min1",{"_index":2975,"t":{"1062":{"position":[[1900,5],[2101,4]]},"1164":{"position":[[1059,5],[1191,4]]}}}],["min1(titl",{"_index":1565,"t":{"698":{"position":[[609,46]]}}}],["modal.showasync(titl",{"_index":1579,"t":{"700":{"position":[[943,46]]}}}],["modal10",{"_index":662,"t":{"118":{"position":[[1429,7]]}}}],["modalful",{"_index":1642,"t":{"712":{"position":[[842,24]]}}}],["modalfullscreen",{"_index":1523,"t":{"687":{"position":[[545,15]]}}}],["modalfullscreen.dis",{"_index":1524,"t":{"687":{"position":[[595,24]]}}}],["modalopt",{"_index":3233,"t":{"1204":{"position":[[39,12]]},"1209":{"position":[[977,11],[995,11]]},"1211":{"position":[[977,11],[995,11]]},"1213":{"position":[[561,11],[579,11]]},"1215":{"position":[[183,11],[201,11]]},"1217":{"position":[[183,11],[201,11]]},"1219":{"position":[[269,11],[477,11],[495,11],[690,11],[708,11]]},"1391":{"position":[[2256,11]]},"1393":{"position":[[2273,11]]}}}],["modals",{"_index":1529,"t":{"687":{"position":[[1049,9]]},"1206":{"position":[[478,9]]},"1213":{"position":[[544,10],[663,9]]}}}],["modalservic",{"_index":31,"t":{"2":{"position":[[342,12],[1457,12],[2516,12]]},"88":{"position":[[820,12]]},"90":{"position":[[180,12]]},"96":{"position":[[367,12]]},"104":{"position":[[950,12]]},"124":{"position":[[391,12]]},"128":{"position":[[386,12],[1501,12],[2560,12]]},"196":{"position":[[397,12]]},"200":{"position":[[395,12],[1510,12],[2569,12]]},"220":{"position":[[391,12]]},"224":{"position":[[399,12]]},"242":{"position":[[308,12]]},"244":{"position":[[253,12],[567,12]]},"246":{"position":[[390,12],[964,12],[1498,12]]},"256":{"position":[[392,12]]},"260":{"position":[[308,12]]},"270":{"position":[[309,12]]},"272":{"position":[[392,12]]},"274":{"position":[[389,12],[1504,12],[2563,12]]},"276":{"position":[[390,12],[1505,12],[2564,12]]},"296":{"position":[[385,12]]},"302":{"position":[[393,12]]},"318":{"position":[[383,12]]},"324":{"position":[[302,12]]},"336":{"position":[[385,12],[959,12],[1493,12]]},"340":{"position":[[20,14],[391,12],[679,12],[993,12]]},"354":{"position":[[386,12]]},"358":{"position":[[302,12]]},"366":{"position":[[303,12]]},"370":{"position":[[386,12]]},"414":{"position":[[387,12]]},"454":{"position":[[304,12]]},"466":{"position":[[242,12]]},"1209":{"position":[[869,12],[882,12]]},"1211":{"position":[[869,12],[882,12]]},"1213":{"position":[[453,12],[466,12]]},"1215":{"position":[[94,12],[107,12]]},"1217":{"position":[[94,12],[107,12]]},"1219":{"position":[[178,13],[321,12],[334,12]]},"1391":{"position":[[849,12],[862,12]]},"1393":{"position":[[860,12],[873,12]]}}}],["modalservice.showasync(modalopt",{"_index":3248,"t":{"1209":{"position":[[1099,36]]},"1211":{"position":[[1127,36]]},"1213":{"position":[[682,36]]},"1215":{"position":[[357,36]]},"1217":{"position":[[312,36]]},"1219":{"position":[[605,36],[815,36]]}}}],["modalservice.showasync(new",{"_index":3860,"t":{"1391":{"position":[[2229,26]]},"1393":{"position":[[2246,26]]}}}],["modalservice3",{"_index":663,"t":{"118":{"position":[[1437,13]]}}}],["modalsize.regular",{"_index":1244,"t":{"613":{"position":[[610,17]]},"687":{"position":[[1078,17]]},"1206":{"position":[[517,17]]}}}],["modaltyp",{"_index":1527,"t":{"687":{"position":[[973,9],[983,9]]},"1206":{"position":[[591,9]]},"1209":{"position":[[960,10],[1079,10]]},"1211":{"position":[[960,10],[1079,10]]}}}],["modaltype.dang",{"_index":3261,"t":{"1219":{"position":[[789,16]]}}}],["modaltype.light",{"_index":1528,"t":{"687":{"position":[[1022,15]]},"1206":{"position":[[630,15]]}}}],["modaltype.primari",{"_index":3861,"t":{"1391":{"position":[[2277,18]]},"1393":{"position":[[2294,18]]}}}],["modaltype.success",{"_index":3260,"t":{"1219":{"position":[[578,17]]}}}],["mode",{"_index":2375,"t":{"916":{"position":[[1846,4]]},"918":{"position":[[858,4]]},"920":{"position":[[1393,4]]},"922":{"position":[[1596,4]]},"924":{"position":[[1393,4]]},"945":{"position":[[2568,4]]},"966":{"position":[[1765,4]]},"968":{"position":[[2364,4]]},"970":{"position":[[2495,4]]},"1320":{"position":[[2128,5]]}}}],["modifi",{"_index":763,"t":{"475":{"position":[[93,9]]},"1243":{"position":[[404,6],[955,6],[1505,6]]},"1245":{"position":[[492,6],[1117,6],[1740,6]]},"1247":{"position":[[481,6],[1032,6],[1582,6]]},"1249":{"position":[[414,6],[981,6],[1531,6]]},"1251":{"position":[[448,6],[999,6],[1549,6]]},"1253":{"position":[[596,6],[1159,6],[1721,6],[2279,6],[2827,6],[3387,6]]},"1255":{"position":[[575,6],[1148,6],[1720,6]]}}}],["molesti",{"_index":1785,"t":{"735":{"position":[[1045,8],[2190,8],[2525,8],[2597,8]]},"737":{"position":[[1066,8],[2211,8],[2546,8],[2618,8],[5204,8],[6349,8],[6684,8],[6756,8]]}}}],["molli",{"_index":1724,"t":{"735":{"position":[[351,6],[439,7],[1994,6],[2715,6]]},"737":{"position":[[372,6],[460,7],[2015,6],[2736,6],[4510,6],[4598,7],[6153,6],[6874,6]]}}}],["moment",{"_index":961,"t":{"506":{"position":[[700,7]]},"577":{"position":[[8,6]]},"1302":{"position":[[77,7]]},"1347":{"position":[[1860,6]]}}}],["monoton",{"_index":2601,"t":{"957":{"position":[[3279,8]]}}}],["month",{"_index":2372,"t":{"916":{"position":[[1449,6]]}}}],["months[labelscount",{"_index":2414,"t":{"916":{"position":[[4764,18]]}}}],["more",{"_index":37,"t":{"2":{"position":[[427,4],[675,4],[968,4],[1254,4],[1506,4],[1725,4],[1945,4],[2251,4],[2589,4],[2847,4]]},"6":{"position":[[108,4]]},"44":{"position":[[186,7]]},"46":{"position":[[133,4]]},"48":{"position":[[174,4]]},"50":{"position":[[149,4]]},"52":{"position":[[142,4]]},"54":{"position":[[131,4]]},"56":{"position":[[133,4]]},"60":{"position":[[164,4]]},"62":{"position":[[137,4]]},"64":{"position":[[138,4]]},"74":{"position":[[375,4]]},"108":{"position":[[295,4],[549,4],[981,4],[1226,4],[1474,4],[1744,4],[2078,4],[2492,4],[2835,4],[3083,4]]},"110":{"position":[[138,4],[245,4],[387,4],[494,4],[943,4],[1081,4],[1253,4],[1389,4],[1521,4],[1690,4],[1810,4],[1957,4],[2069,4],[2223,4],[2398,4],[2577,4],[2804,4],[2942,4],[3117,4]]},"112":{"position":[[186,7],[336,4],[651,4],[914,4],[1183,4],[1656,4],[1862,4],[2066,4],[2252,4],[2449,4]]},"114":{"position":[[189,4],[387,4],[585,4],[816,4],[1017,4],[1246,4],[1416,4],[1652,4],[1842,4],[1955,4],[2036,4]]},"116":{"position":[[238,4]]},"120":{"position":[[376,4]]},"122":{"position":[[267,4]]},"124":{"position":[[476,4],[908,4],[1178,4],[1627,4],[1796,4],[1916,4],[2389,4],[2595,4]]},"126":{"position":[[372,4]]},"128":{"position":[[471,4],[719,4],[1012,4],[1298,4],[1550,4],[1769,4],[1989,4],[2295,4],[2633,4],[2891,4]]},"130":{"position":[[501,4]]},"132":{"position":[[318,4]]},"134":{"position":[[195,4],[307,4],[461,4],[636,4],[815,4],[1042,4],[1180,4],[1355,4],[1546,7],[1696,4]]},"136":{"position":[[315,4]]},"138":{"position":[[232,4],[459,4],[597,4],[772,4]]},"140":{"position":[[208,4],[383,4]]},"142":{"position":[[224,4],[451,4],[589,4],[764,4]]},"144":{"position":[[323,4]]},"146":{"position":[[186,4],[293,4],[435,4],[542,4],[805,4]]},"148":{"position":[[317,4]]},"150":{"position":[[314,4]]},"152":{"position":[[315,4]]},"154":{"position":[[236,7],[386,4]]},"156":{"position":[[243,7],[393,4]]},"158":{"position":[[200,4],[375,4]]},"160":{"position":[[319,4]]},"162":{"position":[[243,7],[393,4]]},"164":{"position":[[187,4],[362,4]]},"166":{"position":[[318,4]]},"168":{"position":[[225,4],[452,4],[590,4],[765,4]]},"170":{"position":[[363,4]]},"172":{"position":[[367,4]]},"174":{"position":[[187,4],[362,4]]},"176":{"position":[[225,4],[452,4],[590,4],[765,4]]},"178":{"position":[[506,4]]},"180":{"position":[[235,7],[385,4]]},"182":{"position":[[498,4]]},"184":{"position":[[224,4],[451,4]]},"186":{"position":[[293,4],[608,4]]},"188":{"position":[[339,4],[593,4],[1025,4],[1270,4],[1518,4],[1788,4],[2122,4],[2536,4],[2879,4],[3127,4]]},"190":{"position":[[182,4],[289,4],[431,4],[538,4],[987,4],[1125,4],[1297,4],[1433,4],[1565,4],[1734,4],[1854,4],[2001,4],[2113,4],[2267,4],[2442,4],[2621,4],[2848,4],[2986,4],[3161,4]]},"192":{"position":[[230,7],[380,4]]},"194":{"position":[[382,4]]},"196":{"position":[[482,4],[914,4],[1184,4],[1353,4],[1473,4]]},"198":{"position":[[378,4]]},"200":{"position":[[480,4],[728,4],[1021,4],[1307,4],[1559,4],[1778,4],[1998,4],[2304,4],[2642,4],[2900,4]]},"202":{"position":[[515,4]]},"204":{"position":[[348,4],[602,4],[1034,4],[1279,4],[1527,4],[1797,4],[2131,4],[2545,4],[2888,4],[3136,4]]},"206":{"position":[[191,4],[298,4],[440,4],[547,4],[996,4],[1134,4],[1306,4],[1442,4],[1574,4],[1743,4],[1863,4],[2010,4],[2122,4],[2276,4],[2451,4],[2630,4],[2857,4],[2995,4],[3170,4]]},"208":{"position":[[239,7],[389,4],[704,4],[967,4],[1236,4],[1709,4],[1915,4],[2119,4],[2305,4],[2502,4]]},"210":{"position":[[242,4],[440,4],[638,4],[869,4],[1070,4],[1299,4],[1469,4],[1705,4],[1895,4],[2008,4],[2089,4]]},"212":{"position":[[355,4]]},"214":{"position":[[344,4],[678,4]]},"216":{"position":[[291,4]]},"218":{"position":[[290,4],[560,4],[903,4]]},"220":{"position":[[476,4]]},"222":{"position":[[381,4]]},"224":{"position":[[484,4]]},"226":{"position":[[189,4],[361,4]]},"228":{"position":[[483,4],[731,4],[885,4],[1060,4]]},"230":{"position":[[457,4]]},"232":{"position":[[347,4],[779,4],[1193,4],[1536,4]]},"234":{"position":[[462,4],[805,4]]},"236":{"position":[[183,4],[355,4]]},"238":{"position":[[186,4],[293,4],[435,4],[542,4],[805,4]]},"240":{"position":[[291,4],[584,4],[870,4],[1089,4],[1347,4],[1647,4],[1901,4],[2333,4],[2578,4],[2992,4]]},"242":{"position":[[381,4]]},"244":{"position":[[302,4],[640,4]]},"246":{"position":[[475,4],[761,4],[1013,4],[1233,4],[1571,4],[1985,4],[2328,4],[2466,4],[2638,4]]},"248":{"position":[[199,4],[374,4]]},"250":{"position":[[482,4]]},"252":{"position":[[479,4],[893,4],[1236,4]]},"254":{"position":[[305,4]]},"256":{"position":[[477,4],[613,4],[745,4]]},"258":{"position":[[476,4],[623,4],[735,4]]},"260":{"position":[[381,4]]},"262":{"position":[[457,4]]},"264":{"position":[[333,4],[765,4],[1179,4]]},"266":{"position":[[463,4]]},"268":{"position":[[350,4]]},"270":{"position":[[382,4],[630,4]]},"272":{"position":[[477,4],[731,4]]},"274":{"position":[[474,4],[722,4],[1015,4],[1301,4],[1553,4],[1772,4],[1992,4],[2298,4],[2636,4],[2894,4]]},"276":{"position":[[475,4],[723,4],[1016,4],[1302,4],[1554,4],[1773,4],[1993,4],[2299,4],[2637,4],[2895,4]]},"278":{"position":[[343,4],[597,4],[1029,4],[1274,4],[1522,4],[1792,4],[2126,4],[2540,4],[2883,4],[3131,4]]},"280":{"position":[[186,4],[293,4],[435,4],[542,4],[991,4],[1129,4],[1301,4]]},"282":{"position":[[342,4],[596,4],[1028,4],[1273,4],[1521,4],[1791,4],[2125,4],[2539,4],[2882,4],[3130,4]]},"284":{"position":[[185,4],[292,4],[434,4],[541,4],[990,4],[1128,4],[1300,4]]},"286":{"position":[[356,4]]},"288":{"position":[[349,4]]},"290":{"position":[[338,4],[672,4],[858,4]]},"292":{"position":[[284,4],[554,4],[897,4]]},"294":{"position":[[239,4]]},"296":{"position":[[470,4]]},"298":{"position":[[375,4]]},"300":{"position":[[278,4]]},"302":{"position":[[478,4]]},"304":{"position":[[183,4],[355,4]]},"306":{"position":[[289,4]]},"308":{"position":[[477,4],[725,4]]},"310":{"position":[[337,4]]},"312":{"position":[[456,4],[799,4]]},"314":{"position":[[341,4],[773,4],[1187,4],[1530,4]]},"316":{"position":[[177,4],[349,4]]},"318":{"position":[[468,4],[667,4],[873,4]]},"320":{"position":[[285,4],[578,4],[864,4],[1083,4],[1341,4],[1641,4],[1895,4],[2327,4],[2572,4],[2986,4]]},"322":{"position":[[180,4],[287,4],[429,4],[536,4],[735,4],[939,4],[1140,4]]},"324":{"position":[[375,4]]},"326":{"position":[[337,4],[528,7],[678,4]]},"328":{"position":[[269,4]]},"330":{"position":[[236,7],[386,4]]},"332":{"position":[[175,4],[307,4]]},"334":{"position":[[177,4],[309,4]]},"336":{"position":[[470,4],[756,4],[1008,4],[1228,4],[1566,4],[1980,4],[2323,4],[2461,4],[2633,4],[2830,4],[3031,4]]},"338":{"position":[[179,4],[311,4]]},"340":{"position":[[476,4],[728,4],[1066,4]]},"342":{"position":[[476,4]]},"344":{"position":[[473,4],[887,4],[1230,4],[1427,4],[1628,4]]},"346":{"position":[[244,4]]},"348":{"position":[[238,4],[436,4],[634,4]]},"350":{"position":[[298,4],[613,4]]},"352":{"position":[[360,4]]},"354":{"position":[[471,4],[607,4],[739,4]]},"356":{"position":[[471,4]]},"358":{"position":[[375,4]]},"360":{"position":[[327,4],[759,4],[1173,4]]},"362":{"position":[[457,4]]},"364":{"position":[[344,4]]},"366":{"position":[[376,4],[624,4],[939,4],[1170,4]]},"368":{"position":[[351,4]]},"370":{"position":[[471,4],[725,4]]},"372":{"position":[[282,4]]},"374":{"position":[[152,4],[233,4]]},"376":{"position":[[229,4]]},"378":{"position":[[209,4]]},"380":{"position":[[275,4]]},"382":{"position":[[268,4]]},"384":{"position":[[240,4]]},"386":{"position":[[270,4]]},"388":{"position":[[237,4]]},"390":{"position":[[237,4]]},"392":{"position":[[233,4]]},"394":{"position":[[236,4]]},"396":{"position":[[225,4]]},"398":{"position":[[243,4]]},"400":{"position":[[245,4]]},"402":{"position":[[238,4]]},"404":{"position":[[308,4]]},"406":{"position":[[302,4]]},"408":{"position":[[230,7],[380,4]]},"410":{"position":[[218,4],[445,4]]},"412":{"position":[[333,4]]},"414":{"position":[[472,4]]},"416":{"position":[[288,4]]},"418":{"position":[[193,4],[368,4]]},"420":{"position":[[186,4],[298,4]]},"422":{"position":[[175,4],[307,4]]},"424":{"position":[[208,4],[328,4]]},"426":{"position":[[177,4],[349,4]]},"428":{"position":[[181,4],[288,4]]},"430":{"position":[[488,4]]},"432":{"position":[[182,4],[289,4]]},"434":{"position":[[287,4]]},"436":{"position":[[453,4]]},"438":{"position":[[382,4]]},"440":{"position":[[373,4]]},"442":{"position":[[287,4]]},"444":{"position":[[309,4]]},"446":{"position":[[471,4]]},"448":{"position":[[284,4]]},"450":{"position":[[293,4]]},"452":{"position":[[339,4]]},"454":{"position":[[377,4]]},"456":{"position":[[297,4]]},"458":{"position":[[345,4]]},"460":{"position":[[259,4]]},"462":{"position":[[258,4]]},"464":{"position":[[325,4]]},"466":{"position":[[291,4]]},"479":{"position":[[70,4]]},"486":{"position":[[131,4]]},"538":{"position":[[89,5]]},"605":{"position":[[354,4]]},"607":{"position":[[177,4],[352,4]]},"628":{"position":[[80,5]]},"675":{"position":[[420,4]]},"716":{"position":[[76,4]]},"1283":{"position":[[47,4]]},"1341":{"position":[[120,4]]},"1349":{"position":[[291,4]]}}}],["motion",{"_index":1179,"t":{"595":{"position":[[285,6],[321,6]]}}}],["mous",{"_index":2574,"t":{"957":{"position":[[1935,5]]}}}],["move",{"_index":1605,"t":{"704":{"position":[[586,4]]},"708":{"position":[[467,4]]}}}],["mt",{"_index":912,"t":{"498":{"position":[[439,2],[599,2],[778,2]]},"1369":{"position":[[501,2]]}}}],["much",{"_index":905,"t":{"498":{"position":[[190,4]]}}}],["mug",{"_index":2711,"t":{"1004":{"position":[[1065,6]]},"1006":{"position":[[1326,6]]},"1010":{"position":[[1134,6]]}}}],["multi",{"_index":3724,"t":{"1347":{"position":[[1814,5]]}}}],["multipl",{"_index":214,"t":{"30":{"position":[[226,8]]},"42":{"position":[[280,8]]},"80":{"position":[[223,8]]},"98":{"position":[[534,8]]},"100":{"position":[[254,8]]},"479":{"position":[[92,8]]},"512":{"position":[[84,8]]},"548":{"position":[[14,8]]},"741":{"position":[[96,8]]},"834":{"position":[[8,8]]},"899":{"position":[[145,8]]},"1379":{"position":[[10,8]]}}}],["mute",{"_index":1396,"t":{"675":{"position":[[291,6]]}}}],["muted\">card",{"_index":1025,"t":{"542":{"position":[[104,11]]},"544":{"position":[[193,11],[555,11]]}}}],["muted\">last",{"_index":1103,"t":{"558":{"position":[[552,11],[879,11],[1301,11]]},"560":{"position":[[427,11],[775,11],[1218,11]]}}}],["mx",{"_index":914,"t":{"498":{"position":[[591,2]]}}}],["n",{"_index":664,"t":{"118":{"position":[[1451,1]]}}}],["nam",{"_index":1760,"t":{"735":{"position":[[698,3]]},"737":{"position":[[719,3],[4857,3]]}}}],["name",{"_index":130,"t":{"10":{"position":[[127,5]]},"114":{"position":[[1548,5]]},"210":{"position":[[1601,5]]},"380":{"position":[[171,5]]},"470":{"position":[[0,4]]},"481":{"position":[[0,4]]},"483":{"position":[[0,4]]},"517":{"position":[[0,4]]},"519":{"position":[[0,4]]},"521":{"position":[[0,4]]},"523":{"position":[[0,4]]},"525":{"position":[[0,4]]},"527":{"position":[[0,4]]},"529":{"position":[[0,4]]},"531":{"position":[[0,4]]},"533":{"position":[[0,4]]},"564":{"position":[[0,4]]},"589":{"position":[[0,4]]},"591":{"position":[[0,4]]},"593":{"position":[[0,4]]},"611":{"position":[[0,4]]},"613":{"position":[[0,4]]},"618":{"position":[[256,5],[1342,4],[1474,4]]},"630":{"position":[[0,4]]},"632":{"position":[[0,4]]},"634":{"position":[[0,4]]},"636":{"position":[[0,4]]},"638":{"position":[[0,4]]},"640":{"position":[[0,4]]},"642":{"position":[[0,4]]},"687":{"position":[[0,4]]},"689":{"position":[[0,4]]},"698":{"position":[[247,5],[920,4],[1052,4]]},"700":{"position":[[364,5],[1351,4],[1483,4]]},"718":{"position":[[0,4]]},"729":{"position":[[251,5],[954,4],[1086,4]]},"731":{"position":[[348,5],[1408,4],[1540,4]]},"743":{"position":[[0,4]]},"762":{"position":[[0,4]]},"764":{"position":[[0,4]]},"779":{"position":[[0,4]]},"782":{"position":[[0,4]]},"790":{"position":[[0,4]]},"792":{"position":[[0,4],[201,4]]},"794":{"position":[[0,4]]},"815":{"position":[[0,4]]},"817":{"position":[[0,4]]},"819":{"position":[[0,4]]},"842":{"position":[[0,4]]},"844":{"position":[[0,4],[180,5],[292,5]]},"863":{"position":[[0,4]]},"878":{"position":[[0,4],[230,4],[266,5],[355,4]]},"901":{"position":[[0,4]]},"903":{"position":[[0,4]]},"905":{"position":[[9,4]]},"907":{"position":[[56,4]]},"909":{"position":[[9,4]]},"911":{"position":[[55,4]]},"924":{"position":[[1941,4]]},"928":{"position":[[0,4]]},"930":{"position":[[0,4]]},"932":{"position":[[9,4]]},"934":{"position":[[61,4]]},"936":{"position":[[9,4]]},"938":{"position":[[60,4]]},"947":{"position":[[1123,4]]},"951":{"position":[[0,4]]},"953":{"position":[[0,4]]},"955":{"position":[[9,4]]},"957":{"position":[[57,4]]},"959":{"position":[[9,4]]},"961":{"position":[[56,4]]},"970":{"position":[[3002,4]]},"974":{"position":[[0,4]]},"976":{"position":[[0,4]]},"978":{"position":[[9,4]]},"980":{"position":[[56,4]]},"982":{"position":[[9,4]]},"984":{"position":[[55,4]]},"991":{"position":[[1073,4]]},"995":{"position":[[0,4],[543,5]]},"997":{"position":[[0,4]]},"999":{"position":[[0,4]]},"1012":{"position":[[1524,4]]},"1018":{"position":[[0,4]]},"1020":{"position":[[0,4]]},"1022":{"position":[[0,4]]},"1051":{"position":[[0,4]]},"1053":{"position":[[0,4]]},"1055":{"position":[[0,4]]},"1066":{"position":[[901,5],[1069,5],[1749,5],[2022,4]]},"1070":{"position":[[595,5],[3145,4]]},"1074":{"position":[[0,4]]},"1076":{"position":[[0,4]]},"1078":{"position":[[0,4]]},"1101":{"position":[[0,4]]},"1103":{"position":[[0,4]]},"1105":{"position":[[0,4]]},"1153":{"position":[[0,4]]},"1155":{"position":[[0,4]]},"1157":{"position":[[0,4]]},"1204":{"position":[[0,4]]},"1206":{"position":[[9,4]]},"1234":{"position":[[0,4]]},"1236":{"position":[[0,4],[212,5]]},"1238":{"position":[[0,4]]},"1240":{"position":[[0,4],[218,4],[252,5]]},"1255":{"position":[[2203,5],[2422,5],[2642,5],[2863,5]]},"1259":{"position":[[0,4]]},"1261":{"position":[[0,4]]},"1263":{"position":[[0,4]]},"1276":{"position":[[0,4]]},"1293":{"position":[[0,4],[156,5]]},"1295":{"position":[[0,4]]},"1297":{"position":[[0,4],[104,5],[284,5]]},"1320":{"position":[[0,4]]},"1322":{"position":[[0,4]]},"1324":{"position":[[0,4]]},"1326":{"position":[[0,4],[1042,5]]},"1328":{"position":[[0,4]]},"1331":{"position":[[466,5],[999,4],[1123,4],[1254,4],[1378,4],[1507,4],[1640,4],[1760,4],[1882,4],[2005,4]]},"1333":{"position":[[72,4],[418,5],[995,4],[1119,4],[1250,4],[1374,4],[1503,4],[1636,4],[1756,4],[1878,4],[2001,4]]},"1335":{"position":[[484,6],[927,4],[1051,4],[1182,4],[1306,4],[1435,4],[1568,4],[1688,4],[1810,4],[1940,4],[2065,4],[2188,4],[2307,4]]},"1337":{"position":[[470,5],[1067,4],[1191,4],[1322,4],[1446,4],[1575,4],[1708,4],[1828,4],[1950,4],[2073,4]]},"1339":{"position":[[385,5],[1072,4],[1196,4],[1327,4],[1451,4],[1580,4],[1713,4],[1833,4],[1955,4],[2085,4],[2210,4],[2333,4],[2452,4]]},"1341":{"position":[[515,5],[1048,4],[1172,4],[1303,4],[1427,4],[1556,4],[1689,4],[1809,4],[1931,4],[2054,4]]},"1343":{"position":[[539,5],[1067,4],[1191,4],[1322,4],[1446,4],[1575,4],[1708,4],[1828,4],[1950,4],[2073,4]]},"1345":{"position":[[509,5],[645,5]]},"1347":{"position":[[514,5],[689,5]]},"1349":{"position":[[713,5],[1390,4],[1514,4],[1645,4],[1769,4],[1898,4],[2031,4],[2151,4],[2273,4],[2396,4]]},"1351":{"position":[[449,5],[1029,4],[1153,4],[1284,4],[1408,4],[1537,4],[1670,4],[1790,4],[1912,4],[2035,4]]},"1353":{"position":[[482,6],[1039,4],[1163,4],[1294,4],[1418,4],[1547,4],[1680,4],[1800,4],[1922,4],[2045,4]]},"1355":{"position":[[499,6],[1086,4],[1191,4],[1306,4],[1413,4],[1526,4],[1646,4],[1749,4],[1854,4],[1961,4]]},"1357":{"position":[[485,6],[1087,4],[1192,4],[1307,4],[1414,4],[1527,4],[1647,4],[1750,4],[1855,4],[1962,4]]},"1359":{"position":[[490,6],[578,6]]},"1361":{"position":[[558,6],[1001,4],[1125,4],[1256,4],[1380,4],[1509,4],[1642,4],[1762,4],[1884,4],[2014,4],[2139,4],[2262,4],[2381,4]]},"1363":{"position":[[455,6],[541,6]]},"1365":{"position":[[1013,5],[2896,4],[3020,4],[3151,4],[3275,4],[3404,4],[3537,4],[3657,4],[3779,4],[3909,4],[4034,4],[4157,4],[4276,4]]},"1367":{"position":[[521,5],[1099,4],[1223,4],[1354,4],[1478,4],[1607,4],[1818,4],[1938,4],[2060,4],[2183,4]]},"1369":{"position":[[667,5],[1215,4],[1339,4],[1470,4],[1594,4],[1723,4]]},"1371":{"position":[[580,5],[1804,4],[1928,4],[2059,4],[2183,4],[2312,4],[2445,4],[2565,4],[2687,4],[2817,4],[2942,4],[3065,4],[3184,4]]},"1373":{"position":[[562,5],[1680,4],[1804,4],[1935,4],[2059,4],[2188,4],[2321,4],[2441,4],[2563,4],[2693,4],[2818,4],[2941,4],[3060,4]]},"1375":{"position":[[564,5],[1852,4],[1976,4],[2107,4],[2231,4],[2360,4],[2493,4],[2613,4],[2735,4],[2865,4],[2990,4],[3113,4],[3232,4]]},"1377":{"position":[[431,5],[1635,4],[1759,4],[1890,4],[2014,4],[2143,4],[2276,4],[2396,4],[2518,4],[2641,4]]},"1379":{"position":[[447,5],[1651,4],[1775,4],[1906,4],[2030,4],[2159,4],[2292,4],[2412,4],[2534,4],[2657,4]]},"1381":{"position":[[824,5],[1974,4],[2098,4],[2229,4],[2353,4],[2482,4],[2615,4],[2735,4],[2857,4],[2980,4]]},"1383":{"position":[[299,6],[1486,4],[1610,4],[1741,4],[1865,4],[1994,4],[2127,4],[2247,4],[2369,4],[2499,4],[2624,4],[2747,4],[2866,4]]},"1385":{"position":[[372,6],[1189,4],[1313,4],[1444,4],[1568,4],[1697,4],[1830,4],[1950,4],[2072,4],[2202,4],[2327,4],[2450,4],[2569,4]]},"1387":{"position":[[342,5],[1142,5],[1928,5],[2728,5],[3699,4],[3830,4],[3954,4],[4083,4],[4216,4],[4336,4]]},"1389":{"position":[[455,5],[1444,5],[2431,5],[3420,5],[4403,5],[5386,5],[6379,5],[7440,4],[7571,4],[7695,4],[7824,4],[7957,4],[8077,4]]},"1391":{"position":[[387,5],[1419,4],[1550,4],[1674,4],[1803,4],[1936,4],[2056,4],[2356,5]]},"1393":{"position":[[398,5],[1430,4],[1561,4],[1685,4],[1814,4],[1947,4],[2067,4],[2380,5]]},"1395":{"position":[[810,5],[2980,4],[3104,4],[3235,4],[3359,4],[3488,4],[3621,4],[3741,4],[3863,4],[3993,4],[4118,4],[4241,4],[4360,4]]}}}],["name=\"accordionitem1",{"_index":3285,"t":{"1253":{"position":[[292,22]]},"1255":{"position":[[271,22]]}}}],["name=\"accordionitem2",{"_index":3286,"t":{"1253":{"position":[[853,22]]},"1255":{"position":[[842,22]]}}}],["name=\"accordionitem3",{"_index":3287,"t":{"1253":{"position":[[1416,22]]},"1255":{"position":[[1415,22]]}}}],["name=\"accordionitem6",{"_index":3290,"t":{"1253":{"position":[[3082,22]]}}}],["name=\"faq",{"_index":2031,"t":{"807":{"position":[[780,11]]},"1253":{"position":[[2533,11]]}}}],["name=\"iconname.alarm",{"_index":2264,"t":{"881":{"position":[[6,21]]},"883":{"position":[[6,21],[55,21],[104,21],[153,21]]},"887":{"position":[[18,21]]},"889":{"position":[[66,21]]},"893":{"position":[[42,21],[125,21]]},"895":{"position":[[44,21]]}}}],["name=\"iconname.alarmfil",{"_index":2265,"t":{"881":{"position":[[36,25]]},"893":{"position":[[222,25]]}}}],["name=\"iconname.appl",{"_index":2267,"t":{"881":{"position":[[101,21]]},"885":{"position":[[589,21]]}}}],["name=\"iconname.asterisk",{"_index":2287,"t":{"885":{"position":[[661,24]]}}}],["name=\"iconname.bellfil",{"_index":3427,"t":{"1285":{"position":[[600,24]]}}}],["name=\"iconname.browsersafari",{"_index":2291,"t":{"885":{"position":[[818,29]]}}}],["name=\"iconname.bug",{"_index":2278,"t":{"885":{"position":[[256,19]]}}}],["name=\"iconname.checkal",{"_index":2276,"t":{"885":{"position":[[178,24]]}}}],["name=\"iconname.checkcirclefil",{"_index":3358,"t":{"1270":{"position":[[246,31]]}}}],["name=\"iconname.cloudlightningrainfil",{"_index":2274,"t":{"885":{"position":[[84,38]]}}}],["name=\"iconname.creditcard2frontfil",{"_index":2284,"t":{"885":{"position":[[501,36]]}}}],["name=\"iconname.exclamationdiamondfil",{"_index":2280,"t":{"885":{"position":[[328,38]]}}}],["name=\"iconname.exclamationtrianglefil",{"_index":3360,"t":{"1270":{"position":[[383,39],[528,39]]}}}],["name=\"iconname.facebook",{"_index":2272,"t":{"885":{"position":[[6,24]]}}}],["name=\"iconname.housefil",{"_index":2014,"t":{"801":{"position":[[153,25]]},"1245":{"position":[[134,25]]}}}],["name=\"iconname.infocirclefil",{"_index":2282,"t":{"885":{"position":[[420,30]]},"1270":{"position":[[115,30]]}}}],["name=\"iconname.list",{"_index":3475,"t":{"1308":{"position":[[291,20]]},"1310":{"position":[[377,20]]},"1312":{"position":[[327,20]]},"1314":{"position":[[324,20]]}}}],["name=\"iconname.megaphonefil",{"_index":3424,"t":{"1285":{"position":[[458,29]]}}}],["name=\"iconname.personfil",{"_index":2015,"t":{"801":{"position":[[431,26]]},"1245":{"position":[[756,26]]}}}],["name=\"iconname.phonefil",{"_index":2016,"t":{"801":{"position":[[716,25]]},"1245":{"position":[[1381,25]]}}}],["name=\"iconname.volumemutefil",{"_index":2289,"t":{"885":{"position":[[736,30]]}}}],["name=\"iconname.window",{"_index":2266,"t":{"881":{"position":[[70,22]]}}}],["name=\"product",{"_index":2028,"t":{"807":{"position":[[636,16]]},"1253":{"position":[[1979,16]]}}}],["narrow",{"_index":1298,"t":{"622":{"position":[[119,8]]},"710":{"position":[[111,8]]}}}],["natur",{"_index":1004,"t":{"536":{"position":[[121,9]]},"550":{"position":[[216,7]]},"552":{"position":[[331,7],[626,7]]},"554":{"position":[[263,7],[593,7],[920,7]]},"558":{"position":[[443,7],[807,7],[1146,7]]},"560":{"position":[[296,7],[681,7],[1041,7]]}}}],["nav",{"_index":1993,"t":{"790":{"position":[[214,3]]},"1316":{"position":[[3236,3],[3287,3],[3339,3],[3388,3],[3439,3],[3489,3],[3540,3],[3595,3],[3647,3],[3702,3]]}}}],["navbar",{"_index":1333,"t":{"642":{"position":[[76,6],[157,6],[242,6]]},"1316":{"position":[[3067,6],[3119,6]]}}}],["navig",{"_index":338,"t":{"54":{"position":[[437,10]]},"60":{"position":[[140,10],[261,10]]},"110":{"position":[[1498,10],[1666,10]]},"124":{"position":[[1772,10]]},"190":{"position":[[1542,10],[1710,10]]},"196":{"position":[[1329,10]]},"206":{"position":[[1551,10],[1719,10]]},"256":{"position":[[722,10]]},"332":{"position":[[284,10]]},"334":{"position":[[286,10]]},"338":{"position":[[21,12],[288,10]]},"354":{"position":[[716,10]]},"422":{"position":[[284,10]]},"424":{"position":[[184,10]]},"468":{"position":[[85,12]]},"481":{"position":[[995,11]]},"527":{"position":[[519,11]]},"632":{"position":[[373,11]]},"634":{"position":[[373,11]]},"640":{"position":[[478,11]]},"642":{"position":[[93,11],[174,11],[259,11]]},"716":{"position":[[44,11]]},"1291":{"position":[[105,10]]},"1297":{"position":[[603,10]]},"1302":{"position":[[99,10]]}}}],["navigation1",{"_index":665,"t":{"118":{"position":[[1453,11]]}}}],["navitem",{"_index":3219,"t":{"1195":{"position":[[605,8],[733,9],[752,8],[882,8],[917,7],[1028,7],[1126,7],[1226,9]]},"1225":{"position":[[605,8],[733,9],[752,8],[882,8],[917,7],[1028,7],[1126,7],[1226,9]]},"1300":{"position":[[166,9],[283,9],[302,8],[432,8],[467,7],[570,7],[657,7],[757,7],[849,7],[947,9]]},"1302":{"position":[[291,9],[408,9],[427,8],[557,8],[592,7],[705,7],[789,7],[895,7],[987,7],[1098,7],[1214,7],[1330,7],[1404,7],[1528,7],[1655,7],[1775,7],[1886,9]]},"1304":{"position":[[210,9],[327,9],[346,8],[476,8],[511,7],[624,7],[739,7],[845,7],[968,7],[1079,7],[1195,7],[1311,7],[1415,7],[1539,7],[1666,7],[1786,7],[1897,9]]},"1306":{"position":[[538,9],[655,9],[674,8],[804,8],[839,7],[952,7],[1067,7],[1173,7],[1296,7],[1407,7],[1523,7],[1639,7],[1743,7],[1867,7],[1994,7],[2114,7],[2225,9]]},"1308":{"position":[[580,9],[697,9],[716,8],[846,8],[881,7],[994,7],[1109,7],[1215,7],[1338,7],[1449,7],[1565,7],[1681,7],[1785,7],[1909,7],[2036,7],[2156,7],[2267,9]]},"1310":{"position":[[666,9],[783,9],[802,8],[932,8],[967,7],[1080,7],[1195,7],[1301,7],[1424,7],[1535,7],[1651,7],[1767,7],[1871,7],[1995,7],[2122,7],[2242,7],[2353,9]]},"1312":{"position":[[616,9],[733,9],[752,8],[882,8],[917,7],[1030,7],[1145,7],[1251,7],[1374,7],[1485,7],[1601,7],[1717,7],[1821,7],[1945,7],[2072,7],[2192,7],[2303,9]]},"1314":{"position":[[613,9],[730,9],[749,8],[879,8],[914,7],[1027,7],[1142,7],[1248,7],[1371,7],[1482,7],[1598,7],[1714,7],[1818,7],[1942,7],[2069,7],[2189,7],[2300,9]]},"1316":{"position":[[713,9],[830,9],[849,8],[979,8],[1014,7],[1127,7],[1242,7],[1348,7],[1471,7],[1582,7],[1698,7],[1814,7],[1918,7],[2042,7],[2169,7],[2289,7],[2400,9]]}}}],["navitem'",{"_index":3459,"t":{"1302":{"position":[[4,9]]}}}],["navitems1",{"_index":750,"t":{"473":{"position":[[137,9],[256,9]]}}}],["navitems2",{"_index":751,"t":{"473":{"position":[[190,9],[410,9]]},"475":{"position":[[287,9],[353,9]]},"477":{"position":[[397,9],[463,9]]}}}],["navlinkmatch",{"_index":3450,"t":{"1297":{"position":[[339,12]]}}}],["navlinkmatch.prefix",{"_index":3451,"t":{"1297":{"position":[[352,19]]}}}],["navstyl",{"_index":1992,"t":{"790":{"position":[[180,8],[189,8]]}}}],["navstyle.tab",{"_index":1994,"t":{"790":{"position":[[225,13]]}}}],["navstyle=\"navstyle.pil",{"_index":2018,"t":{"805":{"position":[[4,25],[99,26]]}}}],["nec",{"_index":1799,"t":{"735":{"position":[[1250,4],[2426,3],[2655,3]]},"737":{"position":[[1271,4],[2447,3],[2676,3],[5409,4],[6585,3],[6814,3]]}}}],["need",{"_index":928,"t":{"502":{"position":[[172,7]]},"540":{"position":[[66,4]]},"548":{"position":[[60,5]]},"552":{"position":[[113,6]]},"675":{"position":[[107,4]]},"834":{"position":[[81,7]]},"847":{"position":[[110,4]]},"855":{"position":[[53,5]]},"857":{"position":[[216,4]]},"1039":{"position":[[52,5]]},"1089":{"position":[[52,5]]},"1127":{"position":[[137,7]]},"1144":{"position":[[137,7]]},"1184":{"position":[[137,7]]},"1268":{"position":[[403,4]]},"1347":{"position":[[33,4]]},"1369":{"position":[[2219,4]]}}}],["needed.(titl",{"_index":1690,"t":{"729":{"position":[[639,50]]}}}],["offcanvas.showasync(titl",{"_index":1698,"t":{"731":{"position":[[989,50]]}}}],["offcanvas1",{"_index":591,"t":{"118":{"position":[[387,10]]}}}],["offcanvas5",{"_index":668,"t":{"118":{"position":[[1480,10]]}}}],["offcanvasclosechang",{"_index":965,"t":{"508":{"position":[[205,31]]},"872":{"position":[[166,31]]}}}],["onclick=\"clearmessage\">clear",{"_index":1202,"t":{"601":{"position":[[495,29]]}}}],["onclick=\"closealert\">closedecreas",{"_index":2094,"t":{"826":{"position":[[409,39]]}}}],["onclick=\"deleteemployeeasync",{"_index":1262,"t":{"618":{"position":[[444,31]]}}}],["onclick=\"dis",{"_index":2784,"t":{"1014":{"position":[[484,19],[1946,19]]},"1043":{"position":[[333,19],[1000,19]]},"1064":{"position":[[329,19],[1029,19]]},"1093":{"position":[[329,19],[990,19]]},"1111":{"position":[[274,19],[882,19]]},"1166":{"position":[[304,19],[977,19]]}}}],["onclick=\"en",{"_index":2783,"t":{"1014":{"position":[[411,18],[2019,18]]},"1043":{"position":[[260,18],[1073,18]]},"1064":{"position":[[256,18],[1102,18]]},"1093":{"position":[[256,18],[1063,18]]},"1111":{"position":[[201,18],[955,18]]},"1166":{"position":[[231,18],[1050,18]]}}}],["onclick=\"hideasync\">hidehid",{"_index":1184,"t":{"597":{"position":[[225,32]]},"599":{"position":[[296,32]]},"601":{"position":[[269,32]]}}}],["onclick=\"increaseprogressbar\">increas",{"_index":2092,"t":{"826":{"position":[[274,39]]}}}],["onclick=\"onclick",{"_index":969,"t":{"510":{"position":[[54,19]]},"870":{"position":[[28,18]]}}}],["onclick=\"onclickcallback",{"_index":1585,"t":{"700":{"position":[[1628,27]]},"731":{"position":[[1685,27]]}}}],["onclick=\"onhidemodalclick\">closehid",{"_index":1867,"t":{"739":{"position":[[499,36]]}}}],["onclick=\"onshowmodalclick\">launch",{"_index":1592,"t":{"702":{"position":[[514,34]]},"704":{"position":[[915,34]]}}}],["onclick=\"onshowmodalclick\">show",{"_index":1558,"t":{"696":{"position":[[418,32]]},"698":{"position":[[352,32]]},"700":{"position":[[551,32]]},"714":{"position":[[569,32]]}}}],["onclick=\"onshowmodalclick\">vert",{"_index":1611,"t":{"706":{"position":[[418,38]]},"708":{"position":[[796,38]]}}}],["onclick=\"onshowoffcanvasclick\">show",{"_index":1703,"t":{"733":{"position":[[207,36]]},"735":{"position":[[4025,36]]},"737":{"position":[[4046,36],[8184,36]]},"739":{"position":[[620,36]]}}}],["onclick=\"resetform\">resetresetshowshow",{"_index":1182,"t":{"597":{"position":[[115,32]]},"599":{"position":[[186,32]]},"601":{"position":[[159,32]]}}}],["onclick=\"showdialogasync",{"_index":1310,"t":{"624":{"position":[[215,27],[705,27]]},"626":{"position":[[154,27],[780,27]]}}}],["onclick=\"showemployeecomponent\">show",{"_index":1688,"t":{"729":{"position":[[364,37]]},"731":{"position":[[543,37]]}}}],["onclick=\"showfaqsaccordionitemasync\">faq",{"_index":3298,"t":{"1253":{"position":[[4084,42]]}}}],["onclick=\"showfaqsasync\">faq",{"_index":2041,"t":{"807":{"position":[[1405,29]]}}}],["onclick=\"showfirstaccordionitemasync\">first",{"_index":3293,"t":{"1253":{"position":[[3660,44]]}}}],["onclick=\"showfirsttabasync\">first",{"_index":2036,"t":{"807":{"position":[[1065,34]]}}}],["onclick=\"showlastaccordionitemasync\">last",{"_index":3299,"t":{"1253":{"position":[[4186,42]]}}}],["onclick=\"showlasttabasync\">last",{"_index":2042,"t":{"807":{"position":[[1483,32]]}}}],["onclick=\"showmodal\">show",{"_index":3256,"t":{"1215":{"position":[[36,25]]},"1217":{"position":[[36,25]]}}}],["onclick=\"showproductsaccordionitemasync\">product",{"_index":3297,"t":{"1253":{"position":[[3974,50]]}}}],["onclick=\"showproductstabasync\">product",{"_index":2040,"t":{"807":{"position":[[1316,40]]}}}],["onclick=\"showsaveconfirmationasync",{"_index":1286,"t":{"620":{"position":[[136,37]]}}}],["onclick=\"showsecondaccordionitemasync\">second",{"_index":3295,"t":{"1253":{"position":[[3764,46]]}}}],["onclick=\"showsecondtabasync\">second",{"_index":2038,"t":{"807":{"position":[[1148,36]]}}}],["onclick=\"showthirdaccordionitemasync\">third",{"_index":3296,"t":{"1253":{"position":[[3870,44]]}}}],["onclick=\"showthirdtabasync\">third",{"_index":2039,"t":{"807":{"position":[[1233,34]]}}}],["onclick=\"toggl",{"_index":2785,"t":{"1014":{"position":[[557,18]]},"1043":{"position":[[406,18]]},"1064":{"position":[[402,18]]},"1093":{"position":[[402,18]]},"1111":{"position":[[347,18]]},"1166":{"position":[[377,18]]}}}],["onclick=\"toggleasync\">toggletoggl",{"_index":1185,"t":{"597":{"position":[[335,36]]},"599":{"position":[[406,36]]},"601":{"position":[[379,36]]}}}],["onclick=\"togglesidebarstyles\">toggl",{"_index":3486,"t":{"1316":{"position":[[542,37]]}}}],["onclick=\"tooglesidebar",{"_index":3476,"t":{"1308":{"position":[[326,24]]},"1310":{"position":[[412,24]]},"1312":{"position":[[362,24]]},"1314":{"position":[[359,24]]}}}],["onclickcallback",{"_index":1572,"t":{"700":{"position":[[370,16],[1830,15]]},"731":{"position":[[354,16],[1898,15]]}}}],["onclickwithargs(arg",{"_index":979,"t":{"510":{"position":[[494,21]]}}}],["onclickwithargs(eventarg",{"_index":982,"t":{"510":{"position":[[615,25]]}}}],["onclos",{"_index":3331,"t":{"1263":{"position":[[17,7],[85,8]]},"1272":{"position":[[1007,8]]}}}],["oncollapsehiddenasync",{"_index":1219,"t":{"601":{"position":[[1621,23]]}}}],["oncollapsehidingasync",{"_index":1218,"t":{"601":{"position":[[1511,23]]}}}],["oncollapseshowingasync",{"_index":1214,"t":{"601":{"position":[[1291,24]]}}}],["oncollapseshownasync",{"_index":1217,"t":{"601":{"position":[[1403,22]]}}}],["ondblclick=\"ondoubleclick",{"_index":974,"t":{"510":{"position":[[245,28]]}}}],["ondoubleclick(eventarg",{"_index":975,"t":{"510":{"position":[[329,23]]}}}],["ondropdownhiddenasync",{"_index":1506,"t":{"683":{"position":[[706,23]]}}}],["ondropdownhidingasync",{"_index":1504,"t":{"683":{"position":[[635,23]]}}}],["ondropdownshowingasync",{"_index":1508,"t":{"683":{"position":[[777,24]]}}}],["ondropdownshownasync",{"_index":1510,"t":{"683":{"position":[[850,22]]}}}],["onfieldchang",{"_index":554,"t":{"100":{"position":[[1103,14]]}}}],["ongridsettingschanged(gridset",{"_index":3763,"t":{"1365":{"position":[[2104,34]]}}}],["onhid",{"_index":144,"t":{"10":{"position":[[345,8],[489,8]]},"72":{"position":[[351,9],[536,9]]},"593":{"position":[[254,8]]},"601":{"position":[[1560,8]]},"644":{"position":[[37,8]]},"691":{"position":[[231,8]]},"722":{"position":[[231,8]]},"809":{"position":[[64,8],[198,8],[344,8]]},"1238":{"position":[[243,8]]},"1255":{"position":[[2648,9]]}}}],["onhidden",{"_index":146,"t":{"10":{"position":[[364,8],[508,8]]},"72":{"position":[[365,8],[550,8]]},"593":{"position":[[339,8]]},"601":{"position":[[1670,8]]},"644":{"position":[[123,8]]},"691":{"position":[[310,8]]},"720":{"position":[[323,8]]},"722":{"position":[[310,8]]},"809":{"position":[[136,8],[357,8]]},"1238":{"position":[[328,8]]},"1255":{"position":[[2869,9]]}}}],["onhidden=\"oncollapsehiddenasync",{"_index":1208,"t":{"601":{"position":[[681,33]]}}}],["onhidden=\"ondropdownhiddenasync",{"_index":1501,"t":{"683":{"position":[[118,32]]}}}],["onhidden=\"onhiddenasync",{"_index":3314,"t":{"1255":{"position":[[204,25]]}}}],["onhidden=\"onmodalhiddenasync",{"_index":1659,"t":{"714":{"position":[[219,29]]}}}],["onhidden=\"onoffcanvashiddenasync",{"_index":1861,"t":{"739":{"position":[[255,34]]}}}],["onhiddenasync(accordioneventarg",{"_index":3323,"t":{"1255":{"position":[[2742,32]]}}}],["onhidemodalclick",{"_index":1562,"t":{"696":{"position":[[582,18]]},"702":{"position":[[696,18]]},"704":{"position":[[1086,18]]},"706":{"position":[[597,18]]},"708":{"position":[[986,18]]}}}],["onhideoffcanvasclick",{"_index":1868,"t":{"739":{"position":[[808,22]]}}}],["onhideprev",{"_index":148,"t":{"10":{"position":[[390,15]]},"691":{"position":[[440,15]]}}}],["onhideprevented=\"onmodalhidepreventedasync",{"_index":1660,"t":{"714":{"position":[[249,44]]}}}],["onhiding=\"oncollapsehidingasync",{"_index":1207,"t":{"601":{"position":[[648,32]]}}}],["onhiding=\"ondropdownhidingasync",{"_index":1500,"t":{"683":{"position":[[85,32]]}}}],["onhiding=\"onhidingasync",{"_index":3313,"t":{"1255":{"position":[[179,24]]}}}],["onhiding=\"onmodalhidingasync",{"_index":1658,"t":{"714":{"position":[[189,29]]}}}],["onhiding=\"onoffcanvashidingasync",{"_index":1860,"t":{"739":{"position":[[221,33]]}}}],["onhidingasync(accordioneventarg",{"_index":3322,"t":{"1255":{"position":[[2521,32]]}}}],["oniniti",{"_index":755,"t":{"473":{"position":[[238,15]]},"475":{"position":[[335,15]]},"477":{"position":[[445,15]]},"618":{"position":[[1652,15]]},"677":{"position":[[1932,15]]},"698":{"position":[[1230,15]]},"700":{"position":[[1884,15]]},"729":{"position":[[1275,15]]},"731":{"position":[[1952,15]]},"916":{"position":[[1639,15]]},"918":{"position":[[217,15]]},"920":{"position":[[217,15]]},"922":{"position":[[386,15]]},"924":{"position":[[217,15]]},"943":{"position":[[1227,15]]},"945":{"position":[[459,15]]},"947":{"position":[[662,15]]},"966":{"position":[[1571,15]]},"968":{"position":[[290,15]]},"970":{"position":[[222,15]]},"989":{"position":[[1197,15]]},"991":{"position":[[632,15]]},"1010":{"position":[[393,15]]},"1012":{"position":[[1368,15]]},"1045":{"position":[[2145,15]]},"1062":{"position":[[2046,15]]},"1066":{"position":[[1543,15]]},"1070":{"position":[[2190,15]]},"1095":{"position":[[2011,15]]},"1164":{"position":[[1132,15]]},"1168":{"position":[[2568,15]]},"1172":{"position":[[1872,15]]},"1331":{"position":[[921,15]]},"1333":{"position":[[917,15]]},"1335":{"position":[[849,15]]},"1337":{"position":[[989,15]]},"1339":{"position":[[994,15]]},"1341":{"position":[[970,15]]},"1343":{"position":[[989,15]]},"1345":{"position":[[1654,15]]},"1349":{"position":[[1312,15]]},"1351":{"position":[[951,15]]},"1353":{"position":[[961,15]]},"1355":{"position":[[1008,15]]},"1357":{"position":[[1009,15]]},"1359":{"position":[[1379,15]]},"1361":{"position":[[923,15]]},"1369":{"position":[[1137,15]]}}}],["onlin",{"_index":3038,"t":{"1070":{"position":[[2901,7]]}}}],["onlinecourseform",{"_index":3024,"t":{"1070":{"position":[[1974,16],[1991,16],[3003,16],[3093,16]]}}}],["onlinecourseform.coursenam",{"_index":3011,"t":{"1070":{"position":[[777,29]]}}}],["onlinecourseform.endd",{"_index":3021,"t":{"1070":{"position":[[1573,26],[2417,24],[2568,24]]}}}],["onlinecourseform.startd",{"_index":3014,"t":{"1070":{"position":[[1064,27],[1177,28],[2382,26],[2528,26]]}}}],["onmodalhiddenasync",{"_index":1666,"t":{"714":{"position":[[985,20]]}}}],["onmodalhidepreventedasync",{"_index":1667,"t":{"714":{"position":[[1090,27]]}}}],["onmodalhidingasync",{"_index":1665,"t":{"714":{"position":[[878,20]]}}}],["onmodalshowingasync",{"_index":1661,"t":{"714":{"position":[[665,21]]}}}],["onmodalshownasync",{"_index":1664,"t":{"714":{"position":[[774,19]]}}}],["onoffcanvashiddenasync",{"_index":1872,"t":{"739":{"position":[[1217,24]]}}}],["onoffcanvashidingasync",{"_index":1871,"t":{"739":{"position":[[1106,24]]}}}],["onoffcanvasshowingasync",{"_index":1869,"t":{"739":{"position":[[884,25]]}}}],["onoffcanvasshownasync",{"_index":1870,"t":{"739":{"position":[[997,23]]}}}],["onpagechangedasync(int",{"_index":1924,"t":{"758":{"position":[[208,22]]}}}],["onparametersset",{"_index":1451,"t":{"677":{"position":[[2038,17]]},"1045":{"position":[[2251,17]]},"1095":{"position":[[2117,17]]}}}],["onrowclick",{"_index":516,"t":{"98":{"position":[[194,10]]},"1322":{"position":[[142,10]]}}}],["onrowclick(gridroweventargssave@department.nam",{"_index":3776,"t":{"1367":{"position":[[236,19]]}}}],["p>@itemaww",{"_index":3348,"t":{"1268":{"position":[[172,6]]}}}],["p>lorem",{"_index":1706,"t":{"735":{"position":[[190,8]]},"737":{"position":[[211,8],[4349,8]]}}}],["p>morbi",{"_index":1811,"t":{"735":{"position":[[1673,8]]},"737":{"position":[[1694,8],[5832,8]]}}}],["p>pellentesqu",{"_index":1836,"t":{"735":{"position":[[2639,15]]},"737":{"position":[[2660,15],[6798,15]]}}}],["p>proin",{"_index":1777,"t":{"735":{"position":[[900,8]]},"737":{"position":[[921,8],[5059,8]]}}}],["p>some",{"_index":1399,"t":{"675":{"position":[[321,7]]}}}],["p>thi",{"_index":1607,"t":{"704":{"position":[[616,7]]},"708":{"position":[[497,7]]}}}],["p>use",{"_index":1134,"t":{"571":{"position":[[63,8],[549,8],[1036,8],[1520,8],[2003,8]]}}}],["p>vestibulum",{"_index":1850,"t":{"735":{"position":[[3465,13]]},"737":{"position":[[3486,13],[7624,13]]}}}],["pa",{"_index":2700,"t":{"1004":{"position":[[979,5]]},"1006":{"position":[[1240,5]]},"1010":{"position":[[1048,5]]}}}],["packag",{"_index":3086,"t":{"1119":{"position":[[67,7],[92,7]]},"1136":{"position":[[67,7],[92,7]]},"1176":{"position":[[67,7],[92,7]]}}}],["pad",{"_index":1022,"t":{"540":{"position":[[73,6]]},"677":{"position":[[86,7]]},"1018":{"position":[[1118,6]]},"1259":{"position":[[248,7]]}}}],["page",{"_index":111,"t":{"4":{"position":[[302,4]]},"6":{"position":[[297,4]]},"8":{"position":[[212,4]]},"10":{"position":[[754,4]]},"12":{"position":[[403,4]]},"14":{"position":[[380,4]]},"16":{"position":[[379,4]]},"18":{"position":[[399,4]]},"20":{"position":[[320,4]]},"22":{"position":[[280,4]]},"24":{"position":[[282,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":[[621,4]]},"44":{"position":[[548,4],[873,4]]},"46":{"position":[[725,4]]},"48":{"position":[[907,4]]},"50":{"position":[[599,4]]},"52":{"position":[[510,4]]},"54":{"position":[[465,4]]},"56":{"position":[[862,4]]},"58":{"position":[[807,4]]},"60":{"position":[[582,4]]},"62":{"position":[[424,4]]},"64":{"position":[[483,4]]},"66":{"position":[[456,4]]},"68":{"position":[[1110,4]]},"70":{"position":[[1183,4]]},"72":{"position":[[1164,4]]},"74":{"position":[[678,4]]},"76":{"position":[[440,4]]},"78":{"position":[[537,4]]},"80":{"position":[[292,6],[312,4],[322,4],[1950,4]]},"82":{"position":[[702,4]]},"84":{"position":[[682,4]]},"86":{"position":[[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":[[1574,4]]},"102":{"position":[[583,4]]},"104":{"position":[[1040,4]]},"112":{"position":[[902,6]]},"146":{"position":[[793,6]]},"148":{"position":[[305,6]]},"150":{"position":[[34,7],[302,6]]},"152":{"position":[[303,6]]},"208":{"position":[[955,6]]},"238":{"position":[[793,6]]},"406":{"position":[[290,6]]},"613":{"position":[[450,5]]},"624":{"position":[[95,4]]},"696":{"position":[[96,5]]},"704":{"position":[[94,4]]},"718":{"position":[[521,6]]},"741":{"position":[[105,6]]},"743":{"position":[[67,4],[213,4],[989,5]]},"745":{"position":[[68,4]]},"758":{"position":[[115,4]]},"760":{"position":[[65,5]]},"777":{"position":[[32,4],[169,4],[189,5]]},"784":{"position":[[46,4]]},"840":{"position":[[519,4]]},"859":{"position":[[45,4]]},"861":{"position":[[74,6]]},"1195":{"position":[[25,4],[175,6]]},"1219":{"position":[[44,4]]},"1225":{"position":[[25,4],[175,6]]},"1272":{"position":[[773,4],[1103,5]]},"1306":{"position":[[30,4],[120,6]]},"1308":{"position":[[89,6]]},"1310":{"position":[[156,6]]},"1312":{"position":[[111,6]]},"1314":{"position":[[65,6]]},"1316":{"position":[[124,6]]},"1318":{"position":[[126,6]]},"1320":{"position":[[163,7],[1495,4],[1577,4],[1679,4],[1766,4]]},"1324":{"position":[[235,4]]},"1328":{"position":[[68,4],[112,5]]},"1335":{"position":[[4,7],[176,4]]},"1365":{"position":[[75,4],[88,4],[1940,6]]},"1371":{"position":[[1382,6]]},"1373":{"position":[[1432,6]]},"1375":{"position":[[1604,6]]},"1377":{"position":[[1387,6]]},"1379":{"position":[[1403,6]]},"1381":{"position":[[1726,6]]},"1383":{"position":[[1238,6]]},"1385":{"position":[[941,6]]},"1387":{"position":[[3451,6]]},"1389":{"position":[[7192,6]]},"1391":{"position":[[1171,6]]},"1393":{"position":[[1182,6]]},"1395":{"position":[[2732,6]]}}}],["page'",{"_index":738,"t":{"468":{"position":[[60,6]]}}}],["page/docu",{"_index":3373,"t":{"1272":{"position":[[943,14]]}}}],["pagechang",{"_index":1891,"t":{"745":{"position":[[18,11]]}}}],["pagechanged=\"onpagechangedasync",{"_index":1920,"t":{"758":{"position":[[66,32]]}}}],["pagenumb",{"_index":3575,"t":{"1328":{"position":[[53,10]]},"1365":{"position":[[2252,10]]}}}],["pages",{"_index":3534,"t":{"1320":{"position":[[1544,8]]},"1328":{"position":[[87,8]]},"1335":{"position":[[28,8],[127,8]]},"1365":{"position":[[2267,8]]},"1383":{"position":[[954,8],[3008,8]]}}}],["pages/_host.cshtml",{"_index":3089,"t":{"1121":{"position":[[56,19],[631,19],[980,19]]},"1123":{"position":[[56,18]]},"1127":{"position":[[7,18]]}}}],["pages/_layout.cshtml",{"_index":3100,"t":{"1121":{"position":[[887,21],[941,20]]}}}],["pagesize=\"10",{"_index":3850,"t":{"1385":{"position":[[135,13]]},"1395":{"position":[[425,13]]}}}],["pagesize=\"20",{"_index":3635,"t":{"1335":{"position":[[89,13]]}}}],["pagesize=\"5",{"_index":3636,"t":{"1335":{"position":[[328,12]]},"1339":{"position":[[157,12]]},"1347":{"position":[[275,12]]},"1361":{"position":[[366,12]]},"1371":{"position":[[329,12]]},"1373":{"position":[[334,12]]},"1375":{"position":[[336,12]]}}}],["pagesize=\"8",{"_index":3757,"t":{"1365":{"position":[[612,12]]}}}],["pagesize=\"@pages",{"_index":3841,"t":{"1383":{"position":[[135,20]]}}}],["pagesizeselectoritem",{"_index":3535,"t":{"1320":{"position":[[1606,21]]}}}],["pagesizeselectoritems=\"@(new",{"_index":3852,"t":{"1385":{"position":[[180,28]]},"1395":{"position":[[470,28]]}}}],["pagesizeselectorvis",{"_index":3536,"t":{"1320":{"position":[[1711,23]]}}}],["pagesizeselectorvisible=\"tru",{"_index":3851,"t":{"1385":{"position":[[149,30]]},"1395":{"position":[[439,30]]}}}],["pagin",{"_index":182,"t":{"16":{"position":[[244,10],[297,10],[358,10]]},"30":{"position":[[483,10]]},"114":{"position":[[1001,10]]},"210":{"position":[[1054,10]]},"322":{"position":[[1124,10]]},"336":{"position":[[3015,10]]},"344":{"position":[[1612,10]]},"346":{"position":[[21,12],[228,10]]},"384":{"position":[[224,10]]},"741":{"position":[[21,10]]},"743":{"position":[[134,10],[951,10]]},"748":{"position":[[48,11],[145,10],[251,11],[278,13],[308,13],[338,13],[368,13]]},"750":{"position":[[0,11]]},"752":{"position":[[0,11],[49,13],[100,13]]},"754":{"position":[[24,11],[121,11],[197,13],[247,13]]},"756":{"position":[[0,11],[48,13],[127,13]]},"758":{"position":[[0,11]]},"1320":{"position":[[1876,10]]},"1361":{"position":[[24,10]]},"1395":{"position":[[59,10]]}}}],["pagina",{"_index":3872,"t":{"1395":{"position":[[607,7]]}}}],["pagination1",{"_index":670,"t":{"118":{"position":[[1493,11]]}}}],["paginationalign",{"_index":3748,"t":{"1361":{"position":[[49,19],[104,19]]}}}],["paginationalignment=\"alignment.end",{"_index":3749,"t":{"1361":{"position":[[379,35]]}}}],["paginationitemstextformat",{"_index":3537,"t":{"1320":{"position":[[1800,25]]}}}],["paginationitemstextformat=\"{0",{"_index":3868,"t":{"1395":{"position":[[519,30]]}}}],["paginations",{"_index":1889,"t":{"743":{"position":[[919,14]]}}}],["paging1",{"_index":588,"t":{"118":{"position":[[261,7]]}}}],["palett",{"_index":2354,"t":{"916":{"position":[[49,7],[121,8],[182,7],[242,8],[257,8]]},"943":{"position":[[49,7],[121,8],[182,7],[242,8],[257,8]]},"966":{"position":[[49,7],[121,8],[182,7],[242,8],[257,8]]},"989":{"position":[[49,7],[121,8],[182,7],[242,8],[257,8]]}}}],["pane",{"_index":1997,"t":{"792":{"position":[[81,5],[149,5],[230,5],[310,5]]},"799":{"position":[[65,4]]}}}],["panel",{"_index":1188,"t":{"597":{"position":[[492,5]]},"601":{"position":[[791,5]]}}}],["papa",{"_index":3688,"t":{"1345":{"position":[[2243,7]]},"1359":{"position":[[1968,7]]}}}],["paragraph",{"_index":3343,"t":{"1268":{"position":[[64,10]]}}}],["paramet",{"_index":129,"t":{"10":{"position":[[117,9],[526,10]]},"14":{"position":[[139,10],[209,9]]},"34":{"position":[[508,9]]},"56":{"position":[[381,11]]},"62":{"position":[[194,9]]},"68":{"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]]},"94":{"position":[[189,9],[222,9]]},"114":{"position":[[1161,10],[1538,9]]},"122":{"position":[[182,10]]},"210":{"position":[[1214,10],[1591,9]]},"380":{"position":[[161,9]]},"382":{"position":[[183,10]]},"494":{"position":[[65,9],[264,9]]},"500":{"position":[[74,10]]},"554":{"position":[[111,10]]},"599":{"position":[[74,9]]},"618":{"position":[[185,11],[636,10],[833,12],[1580,11]]},"664":{"position":[[55,9]]},"666":{"position":[[59,9]]},"668":{"position":[[153,10],[239,9]]},"679":{"position":[[144,10]]},"689":{"position":[[116,10]]},"698":{"position":[[176,11],[521,10],[676,11],[688,12],[1158,11]]},"700":{"position":[[53,9],[302,9],[753,10],[1010,11],[1022,12],[1733,11],[1781,11]]},"729":{"position":[[180,11],[551,10],[710,11],[722,12],[1203,11]]},"731":{"position":[[37,9],[286,9],[799,10],[1060,11],[1072,12],[1801,11],[1849,11]]},"737":{"position":[[44,10]]},"803":{"position":[[48,10]]},"805":{"position":[[30,9]]},"824":{"position":[[64,9]]},"828":{"position":[[58,10]]},"830":{"position":[[14,9]]},"849":{"position":[[175,10]]},"851":{"position":[[20,9]]},"855":{"position":[[131,9]]},"857":{"position":[[246,10]]},"859":{"position":[[258,10]]},"878":{"position":[[378,9]]},"1014":{"position":[[17,9],[1545,9]]},"1029":{"position":[[23,9]]},"1031":{"position":[[142,10]]},"1037":{"position":[[48,10]]},"1039":{"position":[[80,9]]},"1041":{"position":[[75,9]]},"1043":{"position":[[17,9],[751,9]]},"1049":{"position":[[132,11]]},"1062":{"position":[[48,10]]},"1064":{"position":[[17,9],[784,9]]},"1072":{"position":[[125,10]]},"1085":{"position":[[48,10]]},"1087":{"position":[[333,9],[631,9]]},"1089":{"position":[[80,9]]},"1091":{"position":[[75,9]]},"1093":{"position":[[17,9],[745,9]]},"1111":{"position":[[17,9],[691,9]]},"1113":{"position":[[60,10]]},"1151":{"position":[[136,11]]},"1164":{"position":[[48,10]]},"1166":{"position":[[17,9],[756,9]]},"1219":{"position":[[293,10]]},"1247":{"position":[[14,9]]},"1249":{"position":[[17,9]]},"1251":{"position":[[19,9]]},"1281":{"position":[[1211,10]]},"1283":{"position":[[22,9]]},"1287":{"position":[[27,10]]},"1310":{"position":[[112,9]]},"1312":{"position":[[23,9]]},"1314":{"position":[[17,9]]},"1320":{"position":[[2373,10]]},"1326":{"position":[[360,10],[1238,10]]},"1331":{"position":[[47,10],[98,9],[133,9]]},"1335":{"position":[[37,10],[103,10],[136,9]]},"1337":{"position":[[46,10],[95,9]]},"1341":{"position":[[31,10]]},"1343":{"position":[[11,9],[100,9],[201,9]]},"1345":{"position":[[23,9],[120,9]]},"1347":{"position":[[53,9],[108,10]]},"1349":{"position":[[20,9],[101,9]]},"1351":{"position":[[21,9],[124,9]]},"1353":{"position":[[28,9]]},"1355":{"position":[[22,9]]},"1359":{"position":[[53,9],[108,9]]},"1361":{"position":[[69,9]]},"1363":{"position":[[163,9],[967,9]]},"1367":{"position":[[32,9]]},"1369":{"position":[[32,9]]},"1381":{"position":[[154,11]]}}}],["parameter'",{"_index":1261,"t":{"618":{"position":[[244,11],[284,11]]},"698":{"position":[[235,11],[275,11]]},"729":{"position":[[239,11],[279,11]]}}}],["parameters.add(\"employeeid",{"_index":1265,"t":{"618":{"position":[[683,28]]},"698":{"position":[[568,28]]},"700":{"position":[[800,28]]},"729":{"position":[[598,28]]},"731":{"position":[[846,28]]}}}],["parameters.add(\"onclickcallback",{"_index":1577,"t":{"700":{"position":[[835,33]]},"731":{"position":[[881,33]]}}}],["parametr",{"_index":1233,"t":{"611":{"position":[[374,10]]}}}],["paramt",{"_index":3737,"t":{"1349":{"position":[[344,9]]}}}],["parent",{"_index":794,"t":{"481":{"position":[[213,7]]},"536":{"position":[[158,6]]},"589":{"position":[[210,6],[246,7]]},"668":{"position":[[107,7]]},"700":{"position":[[92,6],[236,6],[454,6],[1666,6]]},"731":{"position":[[76,6],[220,6],[438,6],[1723,6]]},"773":{"position":[[67,6]]},"1234":{"position":[[244,6]]},"1247":{"position":[[115,6]]},"1279":{"position":[[48,6]]},"1297":{"position":[[451,6]]},"1302":{"position":[[41,6]]}}}],["parenthes",{"_index":2878,"t":{"1033":{"position":[[65,11]]}}}],["parentid",{"_index":3453,"t":{"1297":{"position":[[418,8]]},"1302":{"position":[[21,8]]}}}],["parentid=\"2",{"_index":3461,"t":{"1302":{"position":[[876,14]]},"1304":{"position":[[826,14]]},"1306":{"position":[[1154,14]]},"1308":{"position":[[1196,14]]},"1310":{"position":[[1282,14]]},"1312":{"position":[[1232,14]]},"1314":{"position":[[1229,14]]},"1316":{"position":[[1329,14]]}}}],["parentid=\"4",{"_index":3463,"t":{"1302":{"position":[[1079,14],[1195,14],[1311,14]]},"1304":{"position":[[1060,14],[1176,14],[1292,14]]},"1306":{"position":[[1388,14],[1504,14],[1620,14]]},"1308":{"position":[[1430,14],[1546,14],[1662,14]]},"1310":{"position":[[1516,14],[1632,14],[1748,14]]},"1312":{"position":[[1466,14],[1582,14],[1698,14]]},"1314":{"position":[[1463,14],[1579,14],[1695,14]]},"1316":{"position":[[1563,14],[1679,14],[1795,14]]}}}],["parentid=\"8",{"_index":3466,"t":{"1302":{"position":[[1509,14],[1636,14],[1756,14],[1861,14]]},"1304":{"position":[[1520,14],[1647,14],[1767,14],[1872,14]]},"1306":{"position":[[1848,14],[1975,14],[2095,14],[2200,14]]},"1308":{"position":[[1890,14],[2017,14],[2137,14],[2242,14]]},"1310":{"position":[[1976,14],[2103,14],[2223,14],[2328,14]]},"1312":{"position":[[1926,14],[2053,14],[2173,14],[2278,14]]},"1314":{"position":[[1923,14],[2050,14],[2170,14],[2275,14]]},"1316":{"position":[[2023,14],[2150,14],[2270,14],[2375,14]]}}}],["part",{"_index":3419,"t":{"1285":{"position":[[22,4]]},"1365":{"position":[[182,4]]}}}],["particip",{"_index":812,"t":{"481":{"position":[[959,12]]},"527":{"position":[[483,12]]},"632":{"position":[[337,12]]},"634":{"position":[[337,12]]},"640":{"position":[[442,12]]}}}],["parts—with",{"_index":1069,"t":{"554":{"position":[[82,10]]}}}],["pass",{"_index":352,"t":{"56":{"position":[[393,4],[438,4]]},"68":{"position":[[549,4],[594,4]]},"98":{"position":[[652,6]]},"618":{"position":[[197,4]]},"698":{"position":[[188,4]]},"700":{"position":[[39,6],[253,6]]},"729":{"position":[[192,4]]},"731":{"position":[[23,6],[237,6]]},"786":{"position":[[36,7]]},"924":{"position":[[1925,4]]},"947":{"position":[[1107,4]]},"970":{"position":[[2986,4]]},"991":{"position":[[1057,4]]},"1326":{"position":[[1566,6]]}}}],["pellentesqu",{"_index":1755,"t":{"735":{"position":[[640,12],[1084,12],[1394,12],[2578,13],[3051,12]]},"737":{"position":[[661,12],[1105,12],[1415,12],[2599,13],[3072,12],[4799,12],[5243,12],[5553,12],[6737,13],[7210,12]]}}}],["per",{"_index":2210,"t":{"859":{"position":[[272,3]]},"907":{"position":[[865,3]]},"934":{"position":[[512,3]]},"957":{"position":[[603,3]]},"980":{"position":[[507,3]]},"1320":{"position":[[1491,3]]},"1395":{"position":[[603,3]]}}}],["percent",{"_index":2314,"t":{"907":{"position":[[207,7],[578,7]]}}}],["percept",{"_index":1959,"t":{"775":{"position":[[102,10]]}}}],["perform",{"_index":273,"t":{"40":{"position":[[253,11]]},"573":{"position":[[184,11]]},"691":{"position":[[580,9]]}}}],["persist",{"_index":3753,"t":{"1365":{"position":[[285,7],[336,10]]}}}],["ph",{"_index":2852,"t":{"1027":{"position":[[1474,3]]}}}],["phtooltip",{"_index":2226,"t":{"866":{"position":[[299,43]]}}}],["placement=\"tooltipplacement.left\">tooltip",{"_index":2220,"t":{"866":{"position":[[36,41]]}}}],["placement=\"tooltipplacement.right\">tooltip",{"_index":2224,"t":{"866":{"position":[[197,42]]}}}],["placement=\"tooltipplacement.top\">tooltip",{"_index":2243,"t":{"872":{"position":[[42,40]]}}}],["placerat",{"_index":1722,"t":{"735":{"position":[[331,8],[2125,9],[2296,8]]},"737":{"position":[[352,8],[2146,9],[2317,8],[4490,8],[6284,9],[6455,8]]}}}],["placerat.primarysubmitsecondaryset",{"_index":2114,"t":{"832":{"position":[[714,35]]}}}],["setcolor(progresscolor.dark)\">set",{"_index":2117,"t":{"832":{"position":[[1155,33]]}}}],["setcolor(progresscolor.info)\">set",{"_index":2112,"t":{"832":{"position":[[424,33]]}}}],["setcolor(progresscolor.primary)\">set",{"_index":2115,"t":{"832":{"position":[[860,36]]}}}],["setcolor(progresscolor.secondary)\">set",{"_index":2116,"t":{"832":{"position":[[1009,38]]}}}],["setcolor(progresscolor.success)\">set",{"_index":2110,"t":{"832":{"position":[[280,36]]}}}],["setcolor(progresscolor.warning)\">set",{"_index":2113,"t":{"832":{"position":[[568,36]]}}}],["seth",{"_index":2721,"t":{"1004":{"position":[[1155,7]]},"1006":{"position":[[1416,7]]},"1010":{"position":[[1224,7]]}}}],["setlabel",{"_index":2071,"t":{"819":{"position":[[185,8]]},"824":{"position":[[92,13]]}}}],["settings.pagenumb",{"_index":3764,"t":{"1365":{"position":[[2290,21]]}}}],["settings.pages",{"_index":3765,"t":{"1365":{"position":[[2317,19]]}}}],["settingsjson",{"_index":3770,"t":{"1365":{"position":[[2517,12]]}}}],["settingsprovid",{"_index":3541,"t":{"1320":{"position":[[2140,16]]}}}],["settingsprovider=\"gridsettingsprovid",{"_index":3759,"t":{"1365":{"position":[[726,40]]}}}],["setup",{"_index":427,"t":{"72":{"position":[[657,5],[675,5],[709,5],[925,5],[973,5]]},"1193":{"position":[[63,6],[147,6],[226,6]]},"1223":{"position":[[63,6],[147,6],[226,6]]}}}],["setwidth",{"_index":2072,"t":{"819":{"position":[[222,8]]}}}],["sever",{"_index":831,"t":{"486":{"position":[[26,7]]},"807":{"position":[[36,7]]},"1060":{"position":[[50,7]]},"1253":{"position":[[47,7]]}}}],["sfh",{"_index":2685,"t":{"1004":{"position":[[870,4]]},"1006":{"position":[[1131,4]]},"1010":{"position":[[939,4]]}}}],["shallow",{"_index":3793,"t":{"1369":{"position":[[2074,7],[2810,7]]}}}],["shape",{"_index":2578,"t":{"957":{"position":[[2382,6]]}}}],["share",{"_index":168,"t":{"12":{"position":[[297,5]]}}}],["shared/mainlayout.razor.css",{"_index":3203,"t":{"1195":{"position":[[97,27]]},"1225":{"position":[[97,27]]}}}],["sharna",{"_index":3642,"t":{"1335":{"position":[[1947,9]]},"1339":{"position":[[2092,9]]},"1361":{"position":[[2021,9]]},"1365":{"position":[[3916,9]]},"1371":{"position":[[2824,9]]},"1373":{"position":[[2700,9]]},"1375":{"position":[[2872,9]]},"1383":{"position":[[2506,9]]},"1385":{"position":[[2209,9]]},"1395":{"position":[[4000,9]]}}}],["shop",{"_index":1668,"t":{"716":{"position":[[56,8]]}}}],["shortcut",{"_index":2660,"t":{"1001":{"position":[[72,9]]}}}],["show",{"_index":139,"t":{"10":{"position":[[297,7],[441,7]]},"74":{"position":[[189,4]]},"104":{"position":[[252,5]]},"481":{"position":[[513,5]]},"483":{"position":[[29,5]]},"558":{"position":[[1237,4]]},"560":{"position":[[1132,4]]},"567":{"position":[[71,4],[291,4],[513,4],[729,4],[943,4]]},"569":{"position":[[91,4],[331,4],[573,4],[809,4],[1043,4]]},"591":{"position":[[41,5]]},"593":{"position":[[79,4]]},"595":{"position":[[34,4]]},"597":{"position":[[27,4]]},"611":{"position":[[145,5],[292,5],[454,5]]},"613":{"position":[[393,5]]},"618":{"position":[[350,4],[904,4]]},"642":{"position":[[122,5]]},"644":{"position":[[307,4]]},"687":{"position":[[919,5],[1151,5]]},"691":{"position":[[66,4]]},"696":{"position":[[13,4]]},"704":{"position":[[292,4]]},"708":{"position":[[173,4]]},"714":{"position":[[738,10],[845,7]]},"718":{"position":[[775,5]]},"720":{"position":[[43,5]]},"722":{"position":[[66,4]]},"727":{"position":[[145,8]]},"739":{"position":[[961,10]]},"782":{"position":[[101,5]]},"784":{"position":[[181,6]]},"786":{"position":[[73,9]]},"792":{"position":[[61,4],[129,4],[210,4],[290,4]]},"809":{"position":[[5,7]]},"842":{"position":[[332,4]]},"857":{"position":[[24,5],[307,5]]},"899":{"position":[[114,4]]},"926":{"position":[[66,5]]},"949":{"position":[[120,4]]},"957":{"position":[[3103,4]]},"970":{"position":[[952,4],[1559,4],[2166,4]]},"972":{"position":[[64,5]]},"1016":{"position":[[52,4]]},"1099":{"position":[[45,4]]},"1202":{"position":[[38,4]]},"1206":{"position":[[434,5]]},"1236":{"position":[[59,4],[122,4],[186,4],[254,4]]},"1238":{"position":[[79,4]]},"1243":{"position":[[356,7],[907,7],[1457,7]]},"1245":{"position":[[444,7],[1069,7],[1692,7]]},"1247":{"position":[[433,7],[984,7],[1534,7]]},"1249":{"position":[[366,7],[933,7],[1483,7]]},"1251":{"position":[[400,7],[951,7],[1501,7]]},"1253":{"position":[[548,7],[1111,7],[1673,7],[2231,7],[2779,7],[3339,7]]},"1255":{"position":[[527,7],[1100,7],[1672,7],[2209,8]]},"1274":{"position":[[37,5]]},"1291":{"position":[[46,4]]},"1308":{"position":[[53,4]]},"1310":{"position":[[125,4]]},"1320":{"position":[[1046,5]]},"1365":{"position":[[13,5]]}}}],["show(spinnercolor",{"_index":1968,"t":{"782":{"position":[[43,17]]}}}],["showaccordionitembyindexasync",{"_index":3270,"t":{"1236":{"position":[[224,29]]},"1253":{"position":[[175,29]]}}}],["showaccordionitembynameasync",{"_index":3269,"t":{"1236":{"position":[[157,28]]},"1253":{"position":[[141,29]]}}}],["showasync",{"_index":1167,"t":{"591":{"position":[[31,9]]},"595":{"position":[[61,10]]},"642":{"position":[[112,9]]},"681":{"position":[[659,11]]},"689":{"position":[[31,9]]},"720":{"position":[[33,9]]},"1219":{"position":[[206,14],[244,9]]}}}],["showasync(modalopt",{"_index":3232,"t":{"1204":{"position":[[17,21]]}}}],["showasync(str",{"_index":1226,"t":{"611":{"position":[[43,16],[173,16]]}}}],["showasync(str",{"_index":1231,"t":{"611":{"position":[[320,19]]},"689":{"position":[[62,19]]}}}],["showclosebutton",{"_index":1530,"t":{"687":{"position":[[1102,15]]},"718":{"position":[[726,15]]},"842":{"position":[[311,15]]}}}],["showconfirmationasync",{"_index":1253,"t":{"616":{"position":[[183,23]]}}}],["showconfirmationasync(dialogs",{"_index":1304,"t":{"622":{"position":[[731,32]]}}}],["showconfirmationasync(dialogsize.extralarg",{"_index":1303,"t":{"622":{"position":[[590,46]]}}}],["showconfirmationasync(dialogsize.larg",{"_index":1302,"t":{"622":{"position":[[466,41]]}}}],["showconfirmationasync(dialogsize.smal",{"_index":1300,"t":{"622":{"position":[[342,41]]}}}],["showcontentasync",{"_index":1192,"t":{"597":{"position":[[667,18]]},"599":{"position":[[742,18]]},"601":{"position":[[1083,18]]}}}],["showcurrencysymbol=\"tru",{"_index":2894,"t":{"1037":{"position":[[555,25]]},"1039":{"position":[[280,25],[536,25]]},"1041":{"position":[[234,25]]},"1045":{"position":[[773,25],[1170,25],[1616,25]]}}}],["showdialogasync",{"_index":1312,"t":{"624":{"position":[[332,17],[822,17]]},"626":{"position":[[291,17],[930,17]]}}}],["showdtmessag",{"_index":1569,"t":{"700":{"position":[[122,13],[281,13],[478,14],[920,16]]},"731":{"position":[[106,13],[265,13],[462,14],[966,16]]}}}],["showdtmessage(mouseeventarg",{"_index":1580,"t":{"700":{"position":[[1050,28]]},"731":{"position":[[1100,28]]}}}],["showemployeecompon",{"_index":1689,"t":{"729":{"position":[[521,23]]},"731":{"position":[[769,23]]}}}],["showfaqsaccordionitemasync",{"_index":3308,"t":{"1253":{"position":[[4742,28]]}}}],["showfaqsasync",{"_index":2051,"t":{"807":{"position":[[1883,15]]}}}],["showfirstaccordionitemasync",{"_index":3266,"t":{"1236":{"position":[[31,27]]},"1253":{"position":[[84,28],[4321,29]]}}}],["showfirsttabasync",{"_index":1995,"t":{"792":{"position":[[17,17]]},"807":{"position":[[73,18],[1566,19]]}}}],["showfooterbutton",{"_index":3238,"t":{"1206":{"position":[[410,16]]},"1217":{"position":[[278,16]]}}}],["showhorizontalbarchartasync",{"_index":2398,"t":{"916":{"position":[[3426,29]]}}}],["showhorizontalbarchartasync()\">horizont",{"_index":2366,"t":{"916":{"position":[[1010,41]]}}}],["showhorizontallinechartasync",{"_index":2605,"t":{"966":{"position":[[1082,32],[3300,30]]}}}],["showlastaccordionitemasync",{"_index":3268,"t":{"1236":{"position":[[95,26]]},"1253":{"position":[[113,27],[4847,28]]}}}],["showlasttabasync",{"_index":1998,"t":{"792":{"position":[[87,16]]},"807":{"position":[[92,17],[1959,18]]}}}],["showlin",{"_index":2591,"t":{"957":{"position":[[2731,8]]}}}],["showload",{"_index":829,"t":{"483":{"position":[[17,11]]},"504":{"position":[[4,13]]}}}],["showmessage(toasttyp",{"_index":2163,"t":{"847":{"position":[[1154,21]]},"849":{"position":[[1170,21]]},"851":{"position":[[1112,21]]},"853":{"position":[[1197,21]]},"857":{"position":[[1272,21]]}}}],["showmessage(toasttype.danger)\">dang",{"_index":2158,"t":{"847":{"position":[[724,37]]},"849":{"position":[[640,37]]},"851":{"position":[[682,37]]},"853":{"position":[[767,37]]},"857":{"position":[[842,37]]}}}],["showmessage(toasttype.dark)\">dark",{"_index":2161,"t":{"847":{"position":[[1028,33]]},"849":{"position":[[1044,33]]},"851":{"position":[[986,33]]},"853":{"position":[[1071,33]]},"857":{"position":[[1146,33]]}}}],["showmessage(toasttype.info)\">info",{"_index":2160,"t":{"847":{"position":[[931,33]]},"849":{"position":[[847,33]]},"851":{"position":[[889,33]]},"853":{"position":[[974,33]]},"857":{"position":[[1049,33]]}}}],["showmessage(toasttype.light)\">light",{"_index":2173,"t":{"849":{"position":[[945,35]]}}}],["showmessage(toasttype.primary)\">primari",{"_index":2154,"t":{"847":{"position":[[401,39]]},"849":{"position":[[317,39]]},"851":{"position":[[359,39]]},"853":{"position":[[444,39]]},"857":{"position":[[519,39]]}}}],["showmessage(toasttype.secondary)\">secondari",{"_index":2156,"t":{"847":{"position":[[509,43]]},"849":{"position":[[425,43]]},"851":{"position":[[467,43]]},"853":{"position":[[552,43]]},"857":{"position":[[627,43]]}}}],["showmessage(toasttype.success)\">success",{"_index":2157,"t":{"847":{"position":[[619,39]]},"849":{"position":[[535,39]]},"851":{"position":[[577,39]]},"853":{"position":[[662,39]]},"857":{"position":[[737,39]]}}}],["showmessage(toasttype.warning)\">warn",{"_index":2159,"t":{"847":{"position":[[828,39]]},"849":{"position":[[744,39]]},"851":{"position":[[786,39]]},"853":{"position":[[871,39]]},"857":{"position":[[946,39]]}}}],["showmod",{"_index":3257,"t":{"1215":{"position":[[165,11]]},"1217":{"position":[[165,11]]}}}],["showmodal(modals",{"_index":3255,"t":{"1213":{"position":[[524,19]]}}}],["showmodal(modalsize.extralarge)\">show",{"_index":3253,"t":{"1213":{"position":[[372,37]]}}}],["showmodal(modalsize.large)\">show",{"_index":3252,"t":{"1213":{"position":[[268,32]]}}}],["showmodal(modalsize.regular)\">show",{"_index":3249,"t":{"1213":{"position":[[52,34]]}}}],["showmodal(modalsize.small)\">show",{"_index":3251,"t":{"1213":{"position":[[163,32]]}}}],["showmodal(modaltyp",{"_index":3247,"t":{"1209":{"position":[[940,19]]},"1211":{"position":[[940,19]]}}}],["showmodal(modaltype.danger)\">show",{"_index":3242,"t":{"1209":{"position":[[384,33]]},"1211":{"position":[[384,33]]}}}],["showmodal(modaltype.dark)\">show",{"_index":3246,"t":{"1209":{"position":[[800,31]]},"1211":{"position":[[800,31]]}}}],["showmodal(modaltype.info)\">show",{"_index":3244,"t":{"1209":{"position":[[597,31]]},"1211":{"position":[[597,31]]}}}],["showmodal(modaltype.light)\">show",{"_index":3245,"t":{"1209":{"position":[[698,32]]},"1211":{"position":[[698,32]]}}}],["showmodal(modaltype.primary)\">show",{"_index":3239,"t":{"1209":{"position":[[52,34]]},"1211":{"position":[[52,34]]}}}],["showmodal(modaltype.secondary)\">show",{"_index":3240,"t":{"1209":{"position":[[163,36]]},"1211":{"position":[[163,36]]}}}],["showmodal(modaltype.success)\">show",{"_index":3241,"t":{"1209":{"position":[[276,34]]},"1211":{"position":[[276,34]]}}}],["showmodal(modaltype.warning)\">show",{"_index":3243,"t":{"1209":{"position":[[491,34]]},"1211":{"position":[[491,34]]}}}],["shown",{"_index":141,"t":{"10":{"position":[[318,5],[462,5]]},"548":{"position":[[96,5]]},"591":{"position":[[166,5]]},"599":{"position":[[631,5]]},"691":{"position":[[494,6]]},"720":{"position":[[140,5]]},"724":{"position":[[217,6],[350,5]]},"727":{"position":[[38,5]]},"739":{"position":[[1072,8]]},"784":{"position":[[54,5],[258,5]]},"786":{"position":[[155,5]]},"801":{"position":[[50,5]]},"807":{"position":[[158,5]]},"809":{"position":[[125,5],[248,5]]},"859":{"position":[[53,5],[351,5]]},"1219":{"position":[[52,5],[231,5]]},"1243":{"position":[[187,5]]},"1245":{"position":[[56,5],[275,5]]},"1247":{"position":[[264,5]]},"1249":{"position":[[197,5]]},"1251":{"position":[[231,5]]},"1253":{"position":[[208,5],[379,5]]},"1255":{"position":[[358,5]]}}}],["showoffcanvasasync",{"_index":1681,"t":{"727":{"position":[[123,21],[301,20]]}}}],["showproductsaccordionitemasync",{"_index":3306,"t":{"1253":{"position":[[4628,32]]}}}],["showproductstabasync",{"_index":2049,"t":{"807":{"position":[[1795,22]]}}}],["showsaveconfirmationasync",{"_index":1288,"t":{"620":{"position":[[255,27]]}}}],["showsecondaccordionitemasync",{"_index":3302,"t":{"1253":{"position":[[4421,30]]}}}],["showsecondtabasync",{"_index":2045,"t":{"807":{"position":[[1640,20]]}}}],["showspinnerasync(spinnercolor",{"_index":1988,"t":{"786":{"position":[[1277,29]]}}}],["showspinnerasync(spinnercolor.danger)\">dang",{"_index":1982,"t":{"786":{"position":[[636,45]]}}}],["showspinnerasync(spinnercolor.dark)\">dark",{"_index":1986,"t":{"786":{"position":[[1128,41]]}}}],["showspinnerasync(spinnercolor.info)\">info",{"_index":1984,"t":{"786":{"position":[[887,41]]}}}],["showspinnerasync(spinnercolor.light)\">light",{"_index":1985,"t":{"786":{"position":[[1007,43]]}}}],["showspinnerasync(spinnercolor.primary)\">primari",{"_index":1978,"t":{"786":{"position":[[247,47]]}}}],["showspinnerasync(spinnercolor.secondary)\">secondari",{"_index":1980,"t":{"786":{"position":[[377,51]]}}}],["showspinnerasync(spinnercolor.success)\">success",{"_index":1981,"t":{"786":{"position":[[509,47]]}}}],["showspinnerasync(spinnercolor.warning)\">warn",{"_index":1983,"t":{"786":{"position":[[762,47]]}}}],["showtabbyindexasync",{"_index":505,"t":{"88":{"position":[[455,19]]},"807":{"position":[[110,20]]}}}],["showtabbyindexasync(int",{"_index":2000,"t":{"792":{"position":[[236,24]]}}}],["showtabbynameasync",{"_index":2020,"t":{"807":{"position":[[135,19]]}}}],["showtabbynameasync(str",{"_index":1999,"t":{"792":{"position":[[155,26]]}}}],["showthirdaccordionitemasync",{"_index":3304,"t":{"1253":{"position":[[4525,29]]}}}],["showthirdtabasync",{"_index":2047,"t":{"807":{"position":[[1718,19]]}}}],["showverticalbarchartasync",{"_index":2400,"t":{"916":{"position":[[3568,27]]}}}],["showverticalbarchartasync()\">vert",{"_index":2368,"t":{"916":{"position":[[1177,37]]}}}],["showverticallinechartasync",{"_index":2606,"t":{"966":{"position":[[1253,30],[3446,28]]}}}],["side",{"_index":218,"t":{"30":{"position":[[261,4],[277,5]]},"32":{"position":[[228,4],[255,4]]},"668":{"position":[[95,4]]},"899":{"position":[[164,4],[172,5]]},"907":{"position":[[869,5]]},"934":{"position":[[516,5]]},"957":{"position":[[607,5]]},"980":{"position":[[511,5]]},"993":{"position":[[145,4],[161,4]]},"1004":{"position":[[571,4]]},"1006":{"position":[[832,4]]},"1010":{"position":[[640,4]]},"1101":{"position":[[226,5]]},"1113":{"position":[[34,4]]},"1318":{"position":[[105,4],[121,4]]},"1326":{"position":[[1634,4]]},"1347":{"position":[[16,4]]},"1365":{"position":[[364,4],[1911,4]]},"1371":{"position":[[1353,4]]},"1373":{"position":[[1403,4]]},"1375":{"position":[[1575,4]]},"1377":{"position":[[1358,4]]},"1379":{"position":[[1374,4]]},"1381":{"position":[[1697,4]]},"1383":{"position":[[1209,4]]},"1385":{"position":[[912,4]]},"1387":{"position":[[3422,4]]},"1389":{"position":[[7163,4]]},"1391":{"position":[[1142,4]]},"1393":{"position":[[1153,4]]},"1395":{"position":[[2703,4]]}}}],["sidebar",{"_index":21,"t":{"2":{"position":[[177,8],[377,7]]},"54":{"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]]},"110":{"position":[[1377,7],[1413,7],[1467,7]]},"124":{"position":[[226,8],[426,7]]},"128":{"position":[[221,8],[421,7]]},"190":{"position":[[1421,7],[1457,7],[1511,7]]},"196":{"position":[[232,8],[432,7]]},"200":{"position":[[230,8],[430,7]]},"206":{"position":[[1430,7],[1466,7],[1520,7]]},"220":{"position":[[226,8],[426,7]]},"224":{"position":[[234,8],[434,7]]},"246":{"position":[[225,8],[425,7]]},"256":{"position":[[227,8],[427,7],[601,7],[637,7],[691,7]]},"272":{"position":[[227,8],[427,7]]},"274":{"position":[[224,8],[424,7]]},"276":{"position":[[225,8],[425,7]]},"296":{"position":[[220,8],[420,7]]},"302":{"position":[[228,8],[428,7]]},"318":{"position":[[218,8],[418,7]]},"332":{"position":[[163,7],[199,7],[253,7]]},"334":{"position":[[165,7],[201,7],[255,7]]},"336":{"position":[[220,8],[420,7]]},"338":{"position":[[167,7],[203,7],[257,7]]},"340":{"position":[[226,8],[426,7]]},"354":{"position":[[20,9],[221,8],[421,7],[595,7],[631,7],[685,7]]},"370":{"position":[[221,8],[421,7]]},"414":{"position":[[222,8],[422,7]]},"422":{"position":[[163,7],[199,7],[253,7]]},"716":{"position":[[13,8]]},"724":{"position":[[15,7]]},"1127":{"position":[[474,7]]},"1144":{"position":[[472,7]]},"1184":{"position":[[472,7]]},"1195":{"position":[[182,8],[548,7],[556,7]]},"1225":{"position":[[182,8],[548,7],[556,7]]},"1291":{"position":[[25,7]]},"1295":{"position":[[60,7],[102,8]]},"1300":{"position":[[0,8],[128,7],[136,8],[866,11],[925,11]]},"1302":{"position":[[125,8],[253,7],[261,8],[1241,11],[1300,10]]},"1304":{"position":[[44,8],[172,7],[180,8],[1222,11],[1281,10]]},"1306":{"position":[[96,8],[127,8],[500,7],[508,8],[1550,11],[1609,10]]},"1308":{"position":[[42,7],[96,8],[542,7],[550,8],[1592,11],[1651,10]]},"1310":{"position":[[163,8],[628,7],[636,8],[1678,11],[1737,10]]},"1312":{"position":[[118,8],[578,7],[586,8],[1628,11],[1687,10]]},"1314":{"position":[[72,8],[575,7],[583,8],[1625,11],[1684,10]]},"1316":{"position":[[29,7],[131,8],[580,7],[644,7],[652,8],[1725,11],[1784,10],[2533,7],[2560,7],[2596,7],[2651,7],[2708,7],[2761,7],[2804,7],[2844,7],[2882,7],[2921,7],[2976,7],[3059,7],[3111,7],[3175,7],[3228,7],[3279,7],[3331,7],[3380,7],[3431,7],[3481,7],[3532,7],[3587,7],[3639,7],[3694,7]]}}}],["sidebar.togglesidebar",{"_index":3478,"t":{"1308":{"position":[[2311,25]]},"1310":{"position":[[2397,25]]},"1312":{"position":[[2347,25]]},"1314":{"position":[[2344,25]]}}}],["sidebar2",{"_index":674,"t":{"118":{"position":[[1545,8]]}}}],["sidebardataprovider(sidebardataproviderrequest",{"_index":3221,"t":{"1195":{"position":[[672,46]]},"1225":{"position":[[672,46]]},"1300":{"position":[[222,46]]},"1302":{"position":[[347,46]]},"1304":{"position":[[266,46]]},"1306":{"position":[[594,46]]},"1308":{"position":[[636,46]]},"1310":{"position":[[722,46]]},"1312":{"position":[[672,46]]},"1314":{"position":[[669,46]]},"1316":{"position":[[769,46]]}}}],["sidebardataproviderresult",{"_index":3445,"t":{"1293":{"position":[[279,28]]}}}],["sidebaritem",{"_index":530,"t":{"98":{"position":[[605,11]]}}}],["sidemod",{"_index":316,"t":{"46":{"position":[[639,9]]},"110":{"position":[[3036,9]]},"134":{"position":[[1274,9]]},"138":{"position":[[691,9]]},"142":{"position":[[683,9]]},"164":{"position":[[281,9]]},"168":{"position":[[684,9]]},"174":{"position":[[29,10],[281,9]]},"176":{"position":[[684,9]]},"190":{"position":[[3080,9]]},"206":{"position":[[3089,9]]},"607":{"position":[[271,9]]}}}],["sidemodal1",{"_index":595,"t":{"118":{"position":[[477,10]]}}}],["sign",{"_index":2881,"t":{"1033":{"position":[[106,5]]}}}],["signific",{"_index":213,"t":{"30":{"position":[[112,11]]},"112":{"position":[[1979,11]]},"208":{"position":[[2032,11]]},"322":{"position":[[852,11]]},"398":{"position":[[156,11]]}}}],["similar",{"_index":1679,"t":{"724":{"position":[[146,7],[305,7]]},"926":{"position":[[127,7]]}}}],["similarli",{"_index":3356,"t":{"1270":{"position":[[0,10]]}}}],["simmon",{"_index":3699,"t":{"1345":{"position":[[3442,10]]},"1359":{"position":[[3167,10]]}}}],["simpl",{"_index":1292,"t":{"620":{"position":[[499,7]]},"622":{"position":[[878,7]]},"626":{"position":[[433,7]]},"849":{"position":[[101,6],[1388,6]]},"1266":{"position":[[174,6],[259,6],[344,6],[426,6],[508,6],[588,6],[666,6],[744,6]]},"1270":{"position":[[300,6],[445,6],[590,6]]}}}],["singl",{"_index":463,"t":{"80":{"position":[[206,6]]},"84":{"position":[[237,6]]},"100":{"position":[[240,6]]},"558":{"position":[[37,7]]},"847":{"position":[[180,6]]},"1377":{"position":[[92,7]]}}}],["sit",{"_index":1709,"t":{"735":{"position":[[211,3],[290,3],[528,3],[1302,3],[1464,3],[2852,3],[2916,3],[3069,3]]},"737":{"position":[[232,3],[311,3],[549,3],[1323,3],[1485,3],[2873,3],[2937,3],[3090,3],[4370,3],[4449,3],[4687,3],[5461,3],[5623,3],[7011,3],[7075,3],[7228,3]]}}}],["site",{"_index":303,"t":{"44":{"position":[[511,4]]},"46":{"position":[[248,4]]},"48":{"position":[[396,4]]},"50":{"position":[[247,4]]},"52":{"position":[[226,4]]},"54":{"position":[[213,4]]},"56":{"position":[[489,4]]},"60":{"position":[[337,4]]},"685":{"position":[[60,4]]},"1202":{"position":[[65,4]]}}}],["site.css",{"_index":3125,"t":{"1127":{"position":[[405,8]]}}}],["sixth",{"_index":3291,"t":{"1253":{"position":[[3130,5]]}}}],["size",{"_index":272,"t":{"40":{"position":[[234,5]]},"80":{"position":[[317,4],[327,4]]},"98":{"position":[[310,4]]},"100":{"position":[[283,6],[534,6]]},"479":{"position":[[101,6]]},"481":{"position":[[837,4],[842,4],[859,4]]},"492":{"position":[[91,6],[456,4]]},"529":{"position":[[141,4],[183,5]]},"533":{"position":[[141,4],[183,5]]},"613":{"position":[[594,4],[628,4]]},"622":{"position":[[35,6],[48,5],[172,4],[210,4],[254,4],[764,5],[813,4],[820,4]]},"632":{"position":[[214,4],[219,4],[248,5]]},"634":{"position":[[214,4],[219,4],[248,5]]},"675":{"position":[[123,6]]},"687":{"position":[[1044,4],[1059,4]]},"710":{"position":[[27,6],[40,5]]},"718":{"position":[[816,4],[835,4]]},"737":{"position":[[8,4],[39,4]]},"743":{"position":[[914,4],[962,5]]},"754":{"position":[[114,6]]},"764":{"position":[[201,4],[251,5]]},"773":{"position":[[4,4],[103,4]]},"878":{"position":[[281,4],[317,5]]},"883":{"position":[[222,4]]},"885":{"position":[[919,4]]},"957":{"position":[[1888,4]]},"995":{"position":[[555,4]]},"1206":{"position":[[473,4],[511,5]]},"1213":{"position":[[656,4]]},"1279":{"position":[[26,4],[86,6]]},"1320":{"position":[[1582,4],[1684,4],[1771,4]]},"1328":{"position":[[100,4]]},"1335":{"position":[[181,4]]},"1365":{"position":[[93,5]]},"1383":{"position":[[686,4],[801,4],[917,4],[2999,5],[3019,6]]}}}],["size=\"iconsize.x2",{"_index":2268,"t":{"883":{"position":[[28,18]]},"885":{"position":[[31,18],[123,18],[203,18],[276,18],[367,18],[451,18],[538,18],[611,18],[686,18],[767,18],[848,18]]}}}],["size=\"iconsize.x3",{"_index":2269,"t":{"883":{"position":[[77,18]]}}}],["size=\"iconsize.x4",{"_index":2270,"t":{"883":{"position":[[126,18]]}}}],["size=\"iconsize.x5",{"_index":2271,"t":{"883":{"position":[[175,18]]}}}],["size=\"modalsize.extralarg",{"_index":1614,"t":{"710":{"position":[[179,28]]}}}],["size=\"modalsize.larg",{"_index":1618,"t":{"710":{"position":[[290,23]]}}}],["size=\"modalsize.smal",{"_index":1621,"t":{"710":{"position":[[396,23]]}}}],["size=\"offcanvassize.larg",{"_index":1857,"t":{"737":{"position":[[4306,27]]}}}],["size=\"offcanvassize.smal",{"_index":1856,"t":{"737":{"position":[[168,27]]}}}],["size=\"paginationsize.larg",{"_index":1914,"t":{"754":{"position":[[71,27],[297,27]]}}}],["size=\"paginationsize.smal",{"_index":1913,"t":{"754":{"position":[[40,27],[169,27]]}}}],["size=\"placeholdersize.extrasmal",{"_index":1956,"t":{"773":{"position":[[371,33]]},"775":{"position":[[453,33],[828,33]]}}}],["size=\"placeholdersize.larg",{"_index":1954,"t":{"773":{"position":[[221,28]]},"775":{"position":[[301,28],[676,28]]}}}],["size=\"placeholdersize.smal",{"_index":1955,"t":{"773":{"position":[[296,28]]},"775":{"position":[[377,28],[752,28]]}}}],["size=\"size.larg",{"_index":869,"t":{"492":{"position":[[37,17],[138,18],[218,18]]},"494":{"position":[[338,17],[434,17],[558,17],[677,17]]},"653":{"position":[[178,17],[617,17]]}}}],["size=\"size.large\">larg",{"_index":1359,"t":{"653":{"position":[[95,23],[505,23]]}}}],["size=\"size.smal",{"_index":870,"t":{"492":{"position":[[58,17],[303,18],[383,18]]},"653":{"position":[[1505,17]]},"826":{"position":[[256,17],[391,17],[526,17]]},"832":{"position":[[246,17],[390,17],[534,17],[680,17],[826,17],[975,17],[1121,17]]},"916":{"position":[[531,17],[676,17],[824,17],[964,17],[1131,17]]},"943":{"position":[[541,17],[686,17],[834,17]]},"947":{"position":[[124,17],[269,17]]},"966":{"position":[[601,17],[746,17],[894,17],[1036,17],[1207,17]]},"989":{"position":[[531,17],[676,17],[824,17]]},"991":{"position":[[114,17],[259,17]]},"1316":{"position":[[524,17]]}}}],["size=\"size.small\">smal",{"_index":1361,"t":{"653":{"position":[[1001,23],[1393,23]]}}}],["slide",{"_index":1549,"t":{"696":{"position":[[53,5]]}}}],["sm",{"_index":933,"t":{"502":{"position":[[425,3]]},"552":{"position":[[217,2],[512,2]]},"558":{"position":[[211,2]]},"712":{"position":[[164,3]]},"1004":{"position":[[43,2]]},"1006":{"position":[[260,2]]},"1008":{"position":[[43,2]]},"1010":{"position":[[43,2]]},"1014":{"position":[[104,2],[1637,2]]}}}],["smful",{"_index":1644,"t":{"712":{"position":[[934,26]]}}}],["smmodal?.showasync()\">smal",{"_index":1626,"t":{"710":{"position":[[706,27]]}}}],["sobi",{"_index":2686,"t":{"1004":{"position":[[875,7]]},"1006":{"position":[[1136,7]]},"1010":{"position":[[944,7]]}}}],["sodal",{"_index":1728,"t":{"735":{"position":[[397,7],[1612,7],[2144,7]]},"737":{"position":[[418,7],[1633,7],[2165,7],[4556,7],[5771,7],[6303,7]]}}}],["solid",{"_index":1412,"t":{"677":{"position":[[251,5],[292,5]]},"1012":{"position":[[105,5],[146,5]]},"1045":{"position":[[351,5],[392,5]]},"1066":{"position":[[327,5],[368,5]]},"1070":{"position":[[305,5],[346,5]]},"1095":{"position":[[346,5],[387,5]]},"1168":{"position":[[327,5],[368,5]]},"1172":{"position":[[294,5],[335,5]]}}}],["someth",{"_index":1224,"t":{"609":{"position":[[87,10]]},"760":{"position":[[83,9]]},"775":{"position":[[116,9]]}}}],["sometim",{"_index":2300,"t":{"899":{"position":[[96,9]]}}}],["somewheredateonly:dateonly?:datetime:datetime?:holi",{"_index":3363,"t":{"1272":{"position":[[188,12],[398,12]]}}}],["strong>thi",{"_index":1119,"t":{"567":{"position":[[10,12],[231,12],[452,12],[671,12],[886,12]]},"569":{"position":[[30,12],[271,12],[512,12],[751,12],[986,12]]}}}],["strong>timeonly:timeonly?:successswap",{"_index":894,"t":{"496":{"position":[[570,19]]}}}],["switch",{"_index":56,"t":{"2":{"position":[[861,6]]},"52":{"position":[[120,6],[166,6],[203,6],[265,6],[413,6]]},"80":{"position":[[964,6],[1620,6],[1894,6]]},"82":{"position":[[544,6]]},"98":{"position":[[394,6],[411,6],[826,6]]},"100":{"position":[[181,6],[1055,6],[1072,6],[1459,6]]},"108":{"position":[[930,6]]},"110":{"position":[[1935,6],[1981,6]]},"124":{"position":[[857,6]]},"128":{"position":[[905,6]]},"134":{"position":[[173,6],[219,6]]},"188":{"position":[[974,6]]},"190":{"position":[[1979,6],[2025,6]]},"196":{"position":[[863,6]]},"200":{"position":[[914,6]]},"204":{"position":[[983,6]]},"206":{"position":[[1988,6],[2034,6]]},"228":{"position":[[432,6]]},"232":{"position":[[728,6]]},"240":{"position":[[477,6],[2282,6]]},"250":{"position":[[431,6]]},"252":{"position":[[428,6]]},"258":{"position":[[425,6],[601,6],[647,6]]},"264":{"position":[[714,6]]},"274":{"position":[[908,6]]},"276":{"position":[[909,6]]},"278":{"position":[[978,6]]},"282":{"position":[[977,6]]},"308":{"position":[[426,6]]},"314":{"position":[[722,6]]},"320":{"position":[[471,6],[2276,6]]},"342":{"position":[[425,6]]},"344":{"position":[[422,6]]},"356":{"position":[[21,8],[420,6]]},"360":{"position":[[708,6]]},"412":{"position":[[226,6]]},"420":{"position":[[164,6],[210,6]]},"446":{"position":[[420,6]]},"811":{"position":[[734,6]]},"1099":{"position":[[25,6]]},"1101":{"position":[[203,6]]},"1103":{"position":[[67,7],[103,7]]},"1105":{"position":[[70,6]]},"1108":{"position":[[0,7],[44,6],[67,9],[113,6]]},"1111":{"position":[[42,7],[69,7],[134,6],[649,7],[754,7],[813,6],[1007,6]]},"1113":{"position":[[9,8],[71,7],[114,6]]},"1115":{"position":[[26,6],[52,7],[89,6],[381,8]]},"1302":{"position":[[1803,10],[1851,9]]},"1304":{"position":[[1814,10],[1862,9]]},"1306":{"position":[[2142,10],[2190,9]]},"1308":{"position":[[2184,10],[2232,9]]},"1310":{"position":[[2270,10],[2318,9]]},"1312":{"position":[[2220,10],[2268,9]]},"1314":{"position":[[2217,10],[2265,9]]},"1316":{"position":[[2317,10],[2365,9]]},"1375":{"position":[[1052,7],[1121,7]]}}}],["switch1",{"_index":675,"t":{"118":{"position":[[1554,7]]},"1111":{"position":[[1014,7]]}}}],["switch1.dis",{"_index":3074,"t":{"1111":{"position":[[1087,18]]}}}],["switch1.en",{"_index":3075,"t":{"1111":{"position":[[1131,18]]}}}],["switchchanged(bool",{"_index":3081,"t":{"1115":{"position":[[295,18]]}}}],["symbol",{"_index":2795,"t":{"1016":{"position":[[121,7]]},"1018":{"position":[[605,6]]},"1029":{"position":[[68,7]]}}}],["system",{"_index":2128,"t":{"840":{"position":[[239,7]]},"920":{"position":[[1777,8]]},"922":{"position":[[1980,8]]},"924":{"position":[[1777,8]]},"945":{"position":[[2843,8]]},"968":{"position":[[2639,8]]},"970":{"position":[[2770,8]]}}}],["system.componentmodel.dataannot",{"_index":2757,"t":{"1012":{"position":[[7,37]]},"1070":{"position":[[207,37]]},"1172":{"position":[[196,37]]}}}],["system.componentmodel.dataannotationsaboutinfo",{"_index":3048,"t":{"1087":{"position":[[298,11],[596,11]]}}}],["text\">tip",{"_index":2897,"t":{"1037":{"position":[[668,10]]},"1041":{"position":[[336,10]]},"1085":{"position":[[638,10]]},"1091":{"position":[[308,10]]}}}],["text.curr",{"_index":1921,"t":{"758":{"position":[[99,15]]}}}],["textalign",{"_index":997,"t":{"517":{"position":[[208,13]]},"554":{"position":[[97,13]]},"1018":{"position":[[1233,13]]},"1039":{"position":[[66,13]]},"1074":{"position":[[723,13]]},"1089":{"position":[[66,13]]},"1326":{"position":[[1984,13]]},"1355":{"position":[[8,13],[79,13]]}}}],["textalignment=\"alignment.cent",{"_index":1070,"t":{"554":{"position":[[425,32]]},"1039":{"position":[[306,32]]},"1089":{"position":[[278,32]]},"1345":{"position":[[1483,32]]},"1355":{"position":[[388,33],[861,33]]},"1357":{"position":[[374,33],[862,33]]},"1359":{"position":[[382,33],[1232,33]]}}}],["textalignment=\"alignment.end",{"_index":1071,"t":{"554":{"position":[[755,29]]},"1039":{"position":[[562,29]]},"1089":{"position":[[506,29]]},"1345":{"position":[[1272,29]]},"1355":{"position":[[711,30]]},"1357":{"position":[[697,30]]},"1359":{"position":[[1067,30]]}}}],["textbox",{"_index":225,"t":{"30":{"position":[[352,7]]},"993":{"position":[[45,7]]},"999":{"position":[[200,7]]},"1326":{"position":[[521,7]]},"1345":{"position":[[86,7],[155,7]]}}}],["textnowrap",{"_index":3574,"t":{"1326":{"position":[[2121,10]]}}}],["textnowrap=\"tru",{"_index":3669,"t":{"1345":{"position":[[883,17],[1011,17]]},"1359":{"position":[[35,17],[747,18],[852,18]]}}}],["that'",{"_index":1400,"t":{"675":{"position":[[342,6]]}}}],["thead",{"_index":3532,"t":{"1320":{"position":[[1438,5]]}}}],["therebi",{"_index":1600,"t":{"704":{"position":[[418,7]]},"708":{"position":[[299,7]]}}}],["they'll",{"_index":1003,"t":{"536":{"position":[[113,7]]}}}],["they'r",{"_index":1542,"t":{"693":{"position":[[185,7]]},"840":{"position":[[265,7]]}}}],["they’ll",{"_index":1057,"t":{"552":{"position":[[44,7]]}}}],["thing",{"_index":1964,"t":{"777":{"position":[[78,6]]},"840":{"position":[[333,6]]},"1268":{"position":[[452,6]]}}}],["third",{"_index":1043,"t":{"546":{"position":[[246,5]]},"548":{"position":[[635,5]]},"1243":{"position":[[1248,5]]},"1245":{"position":[[1483,5]]},"1247":{"position":[[1325,5]]},"1249":{"position":[[1274,5]]},"1251":{"position":[[1292,5]]},"1253":{"position":[[1464,5]]},"1255":{"position":[[1463,5]]}}}],["those",{"_index":900,"t":{"498":{"position":[[61,5]]},"1272":{"position":[[252,5],[462,5]]}}}],["though",{"_index":3279,"t":{"1243":{"position":[[559,6],[1110,6],[1660,6]]},"1245":{"position":[[647,6],[1272,6],[1895,6]]},"1247":{"position":[[636,6],[1187,6],[1737,6]]},"1249":{"position":[[569,6],[1136,6],[1686,6]]},"1251":{"position":[[603,6],[1154,6],[1704,6]]},"1253":{"position":[[751,6],[1314,6],[1876,6],[2434,6],[2982,6],[3542,6]]},"1255":{"position":[[730,6],[1303,6],[1875,6]]}}}],["three",{"_index":1293,"t":{"622":{"position":[[20,5]]},"710":{"position":[[12,5]]}}}],["through",{"_index":348,"t":{"56":{"position":[[280,7]]},"68":{"position":[[436,7]]},"475":{"position":[[40,7]]},"571":{"position":[[343,7],[829,7],[1316,7],[1800,7],[2283,7]]},"618":{"position":[[84,7]]},"698":{"position":[[75,7]]},"729":{"position":[[79,7]]},"769":{"position":[[25,7]]},"1281":{"position":[[1125,7]]}}}],["throw",{"_index":1046,"t":{"548":{"position":[[69,5]]}}}],["thrown",{"_index":838,"t":{"486":{"position":[[117,6]]}}}],["tidy.@cod",{"_index":3185,"t":{"1170":{"position":[[262,17]]}}}],["time2",{"_index":3145,"t":{"1162":{"position":[[556,7]]},"1164":{"position":[[1089,6],[1270,5]]}}}],["time2anoth",{"_index":1030,"t":{"542":{"position":[[304,14]]},"548":{"position":[[716,14]]}}}],["to=\"#\">card",{"_index":1028,"t":{"542":{"position":[[266,11]]},"548":{"position":[[678,11]]}}}],["toast",{"_index":77,"t":{"2":{"position":[[2087,5],[2215,5],[2397,7],[2548,6]]},"8":{"position":[[106,6],[166,6]]},"10":{"position":[[699,6]]},"18":{"position":[[179,6],[325,6],[382,6]]},"42":{"position":[[179,6],[319,6],[346,6],[472,6],[539,6],[582,6]]},"48":{"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]]},"92":{"position":[[137,5],[244,5],[486,5]]},"108":{"position":[[2959,6],[3044,6],[3058,6]]},"110":{"position":[[2523,5],[2601,6],[2793,5]]},"112":{"position":[[520,6],[574,6],[617,6]]},"114":{"position":[[804,6],[1763,6]]},"128":{"position":[[2131,5],[2259,5],[2441,7],[2592,6]]},"134":{"position":[[761,5],[839,6],[1031,5]]},"138":{"position":[[178,5],[256,6],[448,5]]},"142":{"position":[[170,5],[248,6],[440,5]]},"168":{"position":[[171,5],[249,6],[441,5]]},"170":{"position":[[232,6],[286,6],[329,6]]},"172":{"position":[[236,6],[290,6],[333,6]]},"176":{"position":[[171,5],[249,6],[441,5]]},"184":{"position":[[29,6],[170,5],[248,6],[440,5]]},"186":{"position":[[28,7],[169,6],[254,6],[268,6],[477,6],[531,6],[574,6]]},"188":{"position":[[3003,6],[3088,6],[3102,6]]},"190":{"position":[[2567,5],[2645,6],[2837,5]]},"200":{"position":[[2140,5],[2268,5],[2450,7],[2601,6]]},"204":{"position":[[3012,6],[3097,6],[3111,6]]},"206":{"position":[[2576,5],[2654,6],[2846,5]]},"208":{"position":[[573,6],[627,6],[670,6]]},"210":{"position":[[857,6],[1816,6]]},"212":{"position":[[191,5],[319,5]]},"242":{"position":[[189,7],[340,6]]},"244":{"position":[[448,7],[599,6]]},"246":{"position":[[1379,7],[1530,6]]},"260":{"position":[[189,7],[340,6]]},"268":{"position":[[186,5],[314,5]]},"270":{"position":[[190,7],[341,6],[506,6],[591,6],[605,6]]},"274":{"position":[[2134,5],[2262,5],[2444,7],[2595,6]]},"276":{"position":[[2135,5],[2263,5],[2445,7],[2596,6]]},"278":{"position":[[3007,6],[3092,6],[3106,6]]},"282":{"position":[[3006,6],[3091,6],[3105,6]]},"286":{"position":[[192,5],[320,5]]},"288":{"position":[[185,5],[313,5]]},"300":{"position":[[266,6]]},"324":{"position":[[183,7],[334,6]]},"328":{"position":[[257,6]]},"336":{"position":[[1374,7],[1525,6]]},"340":{"position":[[874,7],[1025,6]]},"350":{"position":[[482,6],[536,6],[579,6]]},"352":{"position":[[229,6],[283,6],[326,6]]},"358":{"position":[[183,7],[334,6]]},"364":{"position":[[21,7],[180,5],[308,5]]},"366":{"position":[[20,8],[184,7],[335,6],[500,6],[585,6],[599,6],[808,6],[862,6],[905,6],[1158,6]]},"368":{"position":[[187,5],[315,5]]},"376":{"position":[[150,6]]},"386":{"position":[[258,6]]},"410":{"position":[[164,5],[242,6],[434,5]]},"434":{"position":[[163,6],[248,6],[262,6]]},"454":{"position":[[185,7],[336,6]]},"458":{"position":[[181,5],[309,5]]},"605":{"position":[[223,6],[277,6],[320,6]]},"618":{"position":[[333,5]]},"840":{"position":[[43,6],[105,5],[127,6],[370,6],[388,6],[473,6],[530,7]]},"842":{"position":[[81,6],[127,5],[205,7],[262,6],[392,5]]},"844":{"position":[[321,5],[369,5],[497,6]]},"847":{"position":[[40,7],[80,6],[211,9],[270,7],[1430,5],[1480,6]]},"849":{"position":[[15,6],[108,6],[140,5],[186,7],[1395,5],[1445,6]]},"851":{"position":[[49,6],[192,6],[199,7],[1388,5],[1448,6]]},"853":{"position":[[71,5],[221,6],[300,7],[1544,5],[1785,6]]},"855":{"position":[[18,6],[162,6],[180,7],[1664,5]]},"857":{"position":[[7,6],[45,6],[81,5],[119,5],[328,5],[356,7],[1548,5]]},"859":{"position":[[8,6],[134,13],[241,6]]}}}],["toast''",{"_index":2144,"t":{"844":{"position":[[423,8]]}}}],["toast1",{"_index":599,"t":{"118":{"position":[[568,6],[1593,6]]}}}],["toast@cod",{"_index":2245,"t":{"872":{"position":[[198,21]]}}}],["tooltipcolor",{"_index":824,"t":{"481":{"position":[[1380,12],[1393,12]]},"863":{"position":[[143,12]]}}}],["tooltipcolor.non",{"_index":825,"t":{"481":{"position":[[1438,17]]},"863":{"position":[[188,17]]}}}],["tooltipplac",{"_index":151,"t":{"10":{"position":[[567,16]]},"481":{"position":[[1205,16],[1222,16]]}}}],["tooltipplacement.top",{"_index":819,"t":{"481":{"position":[[1257,20]]},"863":{"position":[[278,20]]}}}],["tooltipplacement=\"tooltipplacement.bottom",{"_index":957,"t":{"506":{"position":[[422,43]]}}}],["tooltipplacement=\"tooltipplacement.left",{"_index":958,"t":{"506":{"position":[[555,41]]}}}],["tooltipplacement=\"tooltipplacement.right",{"_index":956,"t":{"506":{"position":[[291,42]]}}}],["tooltipplacement=\"tooltipplacement.top",{"_index":955,"t":{"506":{"position":[[164,40]]},"508":{"position":[[76,40]]}}}],["tooltiptitl",{"_index":149,"t":{"10":{"position":[[545,12]]},"84":{"position":[[280,12]]},"481":{"position":[[1284,12]]}}}],["tooltiptitle=\"@text",{"_index":963,"t":{"508":{"position":[[55,20]]}}}],["tooltiptitle=\"@tooltip\">buttonlink",{"_index":886,"t":{"496":{"position":[[85,28]]}}}],["tooltiptitle=\"@tooltip\">reset",{"_index":892,"t":{"496":{"position":[[474,29]]}}}],["tooltiptitle=\"@tooltip\">submit",{"_index":888,"t":{"496":{"position":[[216,30]]}}}],["tooltiptitle=\"tooltip",{"_index":954,"t":{"506":{"position":[[136,21],[263,21],[394,21],[527,21]]}}}],["top",{"_index":950,"t":{"506":{"position":[[66,4],[213,3]]},"508":{"position":[[125,3]]},"544":{"position":[[61,4]]},"548":{"position":[[247,4]]},"573":{"position":[[62,3]]},"668":{"position":[[72,3]]},"696":{"position":[[85,3]]},"733":{"position":[[8,4],[95,4],[244,3]]},"855":{"position":[[89,3]]},"863":{"position":[[267,3]]},"907":{"position":[[891,4]]},"934":{"position":[[538,4]]},"957":{"position":[[629,4]]},"980":{"position":[[533,4]]},"1195":{"position":[[325,3]]},"1225":{"position":[[325,3]]},"1306":{"position":[[270,3]]},"1308":{"position":[[239,3]]},"1310":{"position":[[325,3]]},"1312":{"position":[[275,3]]},"1314":{"position":[[272,3]]},"1316":{"position":[[293,3],[2659,3],[2716,3]]}}}],["top\">tooltip",{"_index":2222,"t":{"866":{"position":[[128,12]]}}}],["topactionanoth",{"_index":1339,"t":{"647":{"position":[[204,30]]},"649":{"position":[[226,30],[584,30],[938,30],[1286,30],[1640,30],[1992,30]]},"651":{"position":[[292,30],[718,30],[1138,30],[1549,30],[1969,30],[2386,30]]},"653":{"position":[[269,30],[740,30],[1157,30],[1628,30]]},"656":{"position":[[388,30],[861,30]]},"658":{"position":[[401,30]]},"660":{"position":[[384,30],[852,30]]},"662":{"position":[[397,30],[778,30]]},"668":{"position":[[584,30]]},"671":{"position":[[310,30]]},"673":{"position":[[251,30]]},"681":{"position":[[221,30]]},"683":{"position":[[411,30]]}}}],["type=\"buttontype.link\">go",{"_index":1017,"t":{"536":{"position":[[406,25]]},"544":{"position":[[388,25],[750,25]]},"550":{"position":[[309,25]]},"552":{"position":[[424,25],[719,25]]},"554":{"position":[[356,25],[686,25],[1013,25]]}}}],["type=\"buttontype.link\">menu",{"_index":1480,"t":{"679":{"position":[[352,27],[421,27],[490,27],[775,27],[844,27],[913,27],[1196,27],[1265,27],[1334,27],[1561,27],[1630,27],[1699,27]]}}}],["type=\"buttontype.link\">separ",{"_index":1390,"t":{"673":{"position":[[455,32]]}}}],["type=\"buttontype.link\">someth",{"_index":1341,"t":{"647":{"position":[[278,32]]},"649":{"position":[[300,32],[658,32],[1012,32],[1360,32],[1714,32],[2066,32]]},"651":{"position":[[366,32],[792,32],[1212,32],[1623,32],[2043,32],[2460,32]]},"653":{"position":[[343,32],[814,32],[1231,32],[1702,32]]},"656":{"position":[[462,32],[935,32]]},"658":{"position":[[475,32]]},"660":{"position":[[458,32],[926,32]]},"662":{"position":[[471,32],[852,32]]},"664":{"position":[[400,32]]},"666":{"position":[[416,32]]},"668":{"position":[[658,32]]},"671":{"position":[[384,32]]},"673":{"position":[[325,32]]},"681":{"position":[[295,32]]},"683":{"position":[[485,32]]}}}],["type=\"buttontype.reset",{"_index":891,"t":{"496":{"position":[[396,23]]}}}],["type=\"buttontype.submit",{"_index":859,"t":{"488":{"position":[[94,24]]},"496":{"position":[[137,24]]},"677":{"position":[[1678,24]]},"1045":{"position":[[1930,24]]},"1066":{"position":[[1328,24]]},"1070":{"position":[[1795,24]]},"1095":{"position":[[1796,24]]},"1168":{"position":[[2297,24]]},"1172":{"position":[[1483,24]]}}}],["type=\"callouttype.dang",{"_index":1123,"t":{"567":{"position":[[204,26]]},"569":{"position":[[224,25]]},"571":{"position":[[469,26]]}}}],["type=\"callouttype.info",{"_index":1125,"t":{"567":{"position":[[646,24]]},"569":{"position":[[706,23]]},"571":{"position":[[1442,24]]}}}],["type=\"callouttype.tip",{"_index":1126,"t":{"567":{"position":[[862,23]]},"569":{"position":[[942,22]]},"571":{"position":[[1926,23]]}}}],["type=\"callouttype.warn",{"_index":1124,"t":{"567":{"position":[[424,27]]},"569":{"position":[[464,26]]},"571":{"position":[[955,27]]}}}],["type=\"d",{"_index":2920,"t":{"1049":{"position":[[75,11]]}}}],["type=\"numb",{"_index":3044,"t":{"1072":{"position":[[69,13]]}}}],["type=\"progresstype.strip",{"_index":2081,"t":{"822":{"position":[[342,27]]},"836":{"position":[[4,27],[124,27],[243,27],[359,27],[478,27],[596,27],[715,27],[836,27]]}}}],["type=\"progresstype.stripedandanim",{"_index":2084,"t":{"822":{"position":[[460,38]]},"838":{"position":[[38,38],[192,38],[322,38],[449,38],[579,38],[708,38],[838,38],[970,38]]}}}],["type=\"submit",{"_index":2769,"t":{"1012":{"position":[[1105,13]]}}}],["type=\"text",{"_index":2931,"t":{"1058":{"position":[[120,12]]},"1160":{"position":[[120,12]]}}}],["type=\"tim",{"_index":3131,"t":{"1151":{"position":[[79,11]]}}}],["typic",{"_index":3325,"t":{"1257":{"position":[[41,7]]}}}],["typograph",{"_index":1953,"t":{"773":{"position":[[42,11]]}}}],["ui",{"_index":187,"t":{"18":{"position":[[196,2]]},"100":{"position":[[1147,2]]},"573":{"position":[[116,2]]},"1058":{"position":[[15,2]]},"1160":{"position":[[15,2]]}}}],["ul",{"_index":1036,"t":{"546":{"position":[[87,3]]},"548":{"position":[[476,3],[651,5]]},"1377":{"position":[[921,4]]},"1379":{"position":[[937,4]]},"1381":{"position":[[1314,4]]}}}],["ul>warningextra",{"_index":1623,"t":{"710":{"position":[[512,27]]}}}],["xlmodal?.showasync()\">ful",{"_index":1650,"t":{"712":{"position":[[1243,26]]}}}],["xmlns='http://www.w3.org/2000/svg",{"_index":773,"t":{"477":{"position":[[170,34]]}}}],["xxl",{"_index":1640,"t":{"712":{"position":[[695,4]]}}}],["xxlful",{"_index":1652,"t":{"712":{"position":[[1346,27]]}}}],["y",{"_index":2341,"t":{"907":{"position":[[1665,1]]},"911":{"position":[[183,3]]},"916":{"position":[[3486,4]]},"918":{"position":[[914,4]]},"920":{"position":[[1449,4]]},"922":{"position":[[1652,4]]},"924":{"position":[[1449,4]]},"949":{"position":[[175,1],[260,1]]},"957":{"position":[[3483,1]]},"961":{"position":[[184,3]]},"966":{"position":[[3362,4]]}}}],["yaxisid",{"_index":2340,"t":{"907":{"position":[[1631,7]]},"957":{"position":[[3449,7]]}}}],["ye",{"_index":1247,"t":{"613":{"position":[[717,5],[764,3],[785,5]]}}}],["yeah",{"_index":3349,"t":{"1268":{"position":[[179,5]]}}}],["yesbuttoncolor",{"_index":1245,"t":{"613":{"position":[[653,14]]},"620":{"position":[[348,14]]}}}],["yesbuttontext",{"_index":1248,"t":{"613":{"position":[[743,13]]},"620":{"position":[[326,13]]}}}],["you''r",{"_index":918,"t":{"500":{"position":[[3,7]]}}}],["youll",{"_index":1393,"t":{"675":{"position":[[94,5]]}}}],["zaraiah",{"_index":2734,"t":{"1004":{"position":[[1259,8]]},"1006":{"position":[[1520,8]]},"1010":{"position":[[1328,8]]}}}],["zayn",{"_index":3626,"t":{"1331":{"position":[[1889,8]]},"1333":{"position":[[1885,8]]},"1335":{"position":[[2072,8]]},"1337":{"position":[[1957,8]]},"1339":{"position":[[2217,8]]},"1341":{"position":[[1938,8]]},"1343":{"position":[[1957,8]]},"1345":{"position":[[3422,8]]},"1349":{"position":[[2280,8]]},"1351":{"position":[[1919,8]]},"1353":{"position":[[1929,8]]},"1355":{"position":[[1861,8]]},"1357":{"position":[[1862,8]]},"1359":{"position":[[3147,8]]},"1361":{"position":[[2146,8]]},"1365":{"position":[[4041,8]]},"1367":{"position":[[2067,8]]},"1371":{"position":[[2949,8]]},"1373":{"position":[[2825,8]]},"1375":{"position":[[2997,8]]},"1377":{"position":[[2525,8]]},"1379":{"position":[[2541,8]]},"1381":{"position":[[2864,8]]},"1383":{"position":[[2631,8]]},"1385":{"position":[[2334,8]]},"1395":{"position":[[4125,8]]}}}],["zayne@blazorbootstrap.com",{"_index":3700,"t":{"1345":{"position":[[3461,28]]},"1359":{"position":[[3186,28]]}}}],["zero",{"_index":2811,"t":{"1018":{"position":[[1130,5]]},"1031":{"position":[[38,5]]}}}]],"pipeline":["stemmer"]}}] \ No newline at end of file +[{"documents":[{"i":1,"t":"Blog | Blazor Bootstrap","u":"/blog","b":[]},{"i":3,"t":"BlazorBootstrap v0.0.2","u":"/blog/2021/11/27/blazorbootstrap-0.0.2","b":[]},{"i":5,"t":"BlazorBootstrap v0.0.3","u":"/blog/2021/12/08/blazorbootstrap-0.0.3","b":[]},{"i":7,"t":"BlazorBootstrap v0.0.1","u":"/blog/2021/11/23/blazorbootstrap-0.0.1","b":[]},{"i":9,"t":"BlazorBootstrap v0.0.4","u":"/blog/2021/12/12/blazorbootstrap-0.0.4","b":[]},{"i":11,"t":"BlazorBootstrap v0.1.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.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.3","u":"/blog/2022/04/30/blazorbootstrap-0.2.3","b":[]},{"i":23,"t":"BlazorBootstrap v0.2.4","u":"/blog/2022/06/19/blazorbootstrap-0.2.4","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 v0.6.0","u":"/blog/2022/10/30/blazorbootstrap-0.6.0","b":[]},{"i":43,"t":"Blazor Bootstrap v1.0.0","u":"/blog/2022/11/18/blazorbootstrap-1.0.0","b":[]},{"i":45,"t":"Blazor Bootstrap v1.0.1","u":"/blog/2022/11/22/blazorbootstrap-1.0.1","b":[]},{"i":47,"t":"Blazor Bootstrap v1.1.0","u":"/blog/2022/11/28/blazorbootstrap-1.1.0","b":[]},{"i":49,"t":"Blazor Bootstrap v1.2.0","u":"/blog/2022/12/12/blazorbootstrap-1.2.0","b":[]},{"i":51,"t":"Blazor Bootstrap v1.3.0","u":"/blog/2022/12/15/blazorbootstrap-1.3.0","b":[]},{"i":53,"t":"Blazor Bootstrap v1.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.5.0","u":"/blog/2023/03/05/blazorbootstrap-1.5.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.0","u":"/blog/2023/04/10/blazorbootstrap-1.7.0","b":[]},{"i":73,"t":"Blazor Bootstrap v1.7.2","u":"/blog/2023/04/24/blazorbootstrap-1.7.2","b":[]},{"i":75,"t":"Blazor Bootstrap v1.7.1","u":"/blog/2023/04/19/blazorbootstrap-1.7.1","b":[]},{"i":77,"t":"Blazor Bootstrap v1.7.3","u":"/blog/2023/04/29/blazorbootstrap-1.7.3","b":[]},{"i":79,"t":"Blazor Bootstrap v1.8.0","u":"/blog/2023/05/28/blazorbootstrap-1.8.0","b":[]},{"i":81,"t":"Blazor Bootstrap v1.8.1","u":"/blog/2023/05/31/blazorbootstrap-1.8.1","b":[]},{"i":83,"t":"Blazor Bootstrap v1.8.2","u":"/blog/2023/06/11/blazorbootstrap-1.8.2","b":[]},{"i":85,"t":"Blazor Bootstrap v1.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.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":"Archive","u":"/blog/archive","b":[]},{"i":107,"t":"Blog | Blazor Bootstrap","u":"/blog/page/2","b":[]},{"i":109,"t":"Blog | Blazor Bootstrap","u":"/blog/page/3","b":[]},{"i":111,"t":"Blog | Blazor Bootstrap","u":"/blog/page/4","b":[]},{"i":113,"t":"Blog | Blazor Bootstrap","u":"/blog/page/5","b":[]},{"i":115,"t":"Blog | Blazor Bootstrap","u":"/blog/page/6","b":[]},{"i":117,"t":"Tags","u":"/blog/tags","b":[]},{"i":119,"t":"One post tagged with \"accordion\"","u":"/blog/tags/accordion","b":[]},{"i":121,"t":"One post tagged with \"alert\"","u":"/blog/tags/alert","b":[]},{"i":123,"t":"8 posts tagged with \"autocomplete\"","u":"/blog/tags/autocomplete","b":[]},{"i":125,"t":"One post tagged with \"badge\"","u":"/blog/tags/badge","b":[]},{"i":127,"t":"31 posts tagged with \"blazor\"","u":"/blog/tags/blazor","b":[]},{"i":129,"t":"One post tagged with \"blazor-autocomplete\"","u":"/blog/tags/blazor-autocomplete","b":[]},{"i":131,"t":"One post tagged with \"blazor-bar-chart\"","u":"/blog/tags/blazor-bar-chart","b":[]},{"i":133,"t":"5 posts tagged with \"blazor-bootstrap\"","u":"/blog/tags/blazor-bootstrap","b":[]},{"i":135,"t":"One post tagged with \"blazor-charts\"","u":"/blog/tags/blazor-charts","b":[]},{"i":137,"t":"2 posts tagged with \"blazor-confirm-dialog\"","u":"/blog/tags/blazor-confirm-dialog","b":[]},{"i":139,"t":"One post tagged with \"blazor-currency-input\"","u":"/blog/tags/blazor-currency-input","b":[]},{"i":141,"t":"2 posts tagged with \"blazor-dialog\"","u":"/blog/tags/blazor-dialog","b":[]},{"i":143,"t":"One post tagged with \"blazor-doughnut-chart\"","u":"/blog/tags/blazor-doughnut-chart","b":[]},{"i":145,"t":"3 posts tagged with \"blazor-grid\"","u":"/blog/tags/blazor-grid","b":[]},{"i":147,"t":"One post tagged with \"blazor-grid-filtering\"","u":"/blog/tags/blazor-grid-filtering","b":[]},{"i":149,"t":"One post tagged with \"blazor-grid-paging\"","u":"/blog/tags/blazor-grid-paging","b":[]},{"i":151,"t":"One post tagged with \"blazor-grid-sorting\"","u":"/blog/tags/blazor-grid-sorting","b":[]},{"i":153,"t":"One post tagged with \"blazor-input\"","u":"/blog/tags/blazor-input","b":[]},{"i":155,"t":"One post tagged with \"blazor-input-number\"","u":"/blog/tags/blazor-input-number","b":[]},{"i":157,"t":"One post tagged with \"blazor-line-chart\"","u":"/blog/tags/blazor-line-chart","b":[]},{"i":159,"t":"One post tagged with \"blazor-number\"","u":"/blog/tags/blazor-number","b":[]},{"i":161,"t":"One post tagged with \"blazor-number-input\"","u":"/blog/tags/blazor-number-input","b":[]},{"i":163,"t":"One post tagged with \"blazor-offcanvas\"","u":"/blog/tags/blazor-offcanvas","b":[]},{"i":165,"t":"One post tagged with \"blazor-pie-chart\"","u":"/blog/tags/blazor-pie-chart","b":[]},{"i":167,"t":"2 posts tagged with \"blazor-preload\"","u":"/blog/tags/blazor-preload","b":[]},{"i":169,"t":"One post tagged with \"blazor-progress\"","u":"/blog/tags/blazor-progress","b":[]},{"i":171,"t":"One post tagged with \"blazor-progress-bar\"","u":"/blog/tags/blazor-progress-bar","b":[]},{"i":173,"t":"One post tagged with \"blazor-sidemodal\"","u":"/blog/tags/blazor-sidemodal","b":[]},{"i":175,"t":"2 posts tagged with \"blazor-spinner\"","u":"/blog/tags/blazor-spinner","b":[]},{"i":177,"t":"One post tagged with \"blazor-starter-templates\"","u":"/blog/tags/blazor-starter-templates","b":[]},{"i":179,"t":"One post tagged with \"blazor-tabs\"","u":"/blog/tags/blazor-tabs","b":[]},{"i":181,"t":"One post tagged with \"blazor-templates\"","u":"/blog/tags/blazor-templates","b":[]},{"i":183,"t":"One post tagged with \"blazor-toast\"","u":"/blog/tags/blazor-toast","b":[]},{"i":185,"t":"2 posts tagged with \"blazor-toasts\"","u":"/blog/tags/blazor-toasts","b":[]},{"i":187,"t":"31 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/2","b":[]},{"i":189,"t":"31 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/3","b":[]},{"i":191,"t":"31 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/4","b":[]},{"i":193,"t":"One post tagged with \"blazoraccordion\"","u":"/blog/tags/blazoraccordion","b":[]},{"i":195,"t":"4 posts tagged with \"blazorautocomplete\"","u":"/blog/tags/blazorautocomplete","b":[]},{"i":197,"t":"One post tagged with \"blazorbadge\"","u":"/blog/tags/blazorbadge","b":[]},{"i":199,"t":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap","b":[]},{"i":201,"t":"One post tagged with \"blazorbootstrap-starter-templates\"","u":"/blog/tags/blazorbootstrap-starter-templates","b":[]},{"i":203,"t":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/2","b":[]},{"i":205,"t":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/3","b":[]},{"i":207,"t":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/4","b":[]},{"i":209,"t":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/5","b":[]},{"i":211,"t":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/6","b":[]},{"i":213,"t":"One post tagged with \"blazorbreadcrumb\"","u":"/blog/tags/blazorbreadcrumb","b":[]},{"i":215,"t":"2 posts tagged with \"blazorbutton\"","u":"/blog/tags/blazorbutton","b":[]},{"i":217,"t":"3 posts tagged with \"blazorbuttons\"","u":"/blog/tags/blazorbuttons","b":[]},{"i":219,"t":"One post tagged with \"blazorchart\"","u":"/blog/tags/blazorchart","b":[]},{"i":221,"t":"One post tagged with \"blazorcollapse\"","u":"/blog/tags/blazorcollapse","b":[]},{"i":223,"t":"One post tagged with \"blazorconfirmdialog\"","u":"/blog/tags/blazorconfirmdialog","b":[]},{"i":225,"t":"One post tagged with \"blazorconfirmmodal\"","u":"/blog/tags/blazorconfirmmodal","b":[]},{"i":227,"t":"3 posts tagged with \"blazorcurrencyinput\"","u":"/blog/tags/blazorcurrencyinput","b":[]},{"i":229,"t":"One post tagged with \"blazordate\"","u":"/blog/tags/blazordate","b":[]},{"i":231,"t":"4 posts tagged with \"blazordateinput\"","u":"/blog/tags/blazordateinput","b":[]},{"i":233,"t":"2 posts tagged with \"blazordatepicker\"","u":"/blog/tags/blazordatepicker","b":[]},{"i":235,"t":"One post tagged with \"blazordialog\"","u":"/blog/tags/blazordialog","b":[]},{"i":237,"t":"13 posts tagged with \"blazorgrid\"","u":"/blog/tags/blazorgrid","b":[]},{"i":239,"t":"13 posts tagged with \"blazorgrid\"","u":"/blog/tags/blazorgrid/page/2","b":[]},{"i":241,"t":"One post tagged with \"blazoricon\"","u":"/blog/tags/blazoricon","b":[]},{"i":243,"t":"8 posts tagged with \"blazormodal\"","u":"/blog/tags/blazormodal","b":[]},{"i":245,"t":"2 posts tagged with \"blazormodalservice\"","u":"/blog/tags/blazormodalservice","b":[]},{"i":247,"t":"One post tagged with \"blazornumber\"","u":"/blog/tags/blazornumber","b":[]},{"i":249,"t":"One post tagged with \"blazornumberinput\"","u":"/blog/tags/blazornumberinput","b":[]},{"i":251,"t":"3 posts tagged with \"blazoroffcanvas\"","u":"/blog/tags/blazoroffcanvas","b":[]},{"i":253,"t":"One post tagged with \"blazorprogress\"","u":"/blog/tags/blazorprogress","b":[]},{"i":255,"t":"2 posts tagged with \"blazorsidebar\"","u":"/blog/tags/blazorsidebar","b":[]},{"i":257,"t":"2 posts tagged with \"blazorswitch\"","u":"/blog/tags/blazorswitch","b":[]},{"i":259,"t":"One post tagged with \"blazortabs\"","u":"/blog/tags/blazortabs","b":[]},{"i":261,"t":"One post tagged with \"blazortime\"","u":"/blog/tags/blazortime","b":[]},{"i":263,"t":"3 posts tagged with \"blazortimeinput\"","u":"/blog/tags/blazortimeinput","b":[]},{"i":265,"t":"One post tagged with \"blazortimepicker\"","u":"/blog/tags/blazortimepicker","b":[]},{"i":267,"t":"One post tagged with \"blazortoast\"","u":"/blog/tags/blazortoast","b":[]},{"i":269,"t":"2 posts tagged with \"blazortoasts\"","u":"/blog/tags/blazortoasts","b":[]},{"i":271,"t":"2 posts tagged with \"blazortooltip\"","u":"/blog/tags/blazortooltip","b":[]},{"i":273,"t":"24 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5","b":[]},{"i":275,"t":"24 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/2","b":[]},{"i":277,"t":"24 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/3","b":[]},{"i":279,"t":"24 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap","b":[]},{"i":281,"t":"One post tagged with \"breadcrumbservice\"","u":"/blog/tags/breadcrumbservice","b":[]},{"i":283,"t":"24 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/2","b":[]},{"i":285,"t":"3 posts tagged with \"buttons\"","u":"/blog/tags/buttons","b":[]},{"i":287,"t":"One post tagged with \"callout\"","u":"/blog/tags/callout","b":[]},{"i":289,"t":"One post tagged with \"chart\"","u":"/blog/tags/chart","b":[]},{"i":291,"t":"One post tagged with \"collapse\"","u":"/blog/tags/collapse","b":[]},{"i":293,"t":"One post tagged with \"confirm dialog\"","u":"/blog/tags/confirm-dialog","b":[]},{"i":295,"t":"One post tagged with \"confirmdialog\"","u":"/blog/tags/confirmdialog","b":[]},{"i":297,"t":"3 posts tagged with \"button\"","u":"/blog/tags/button","b":[]},{"i":299,"t":"One post tagged with \"currency\"","u":"/blog/tags/currency","b":[]},{"i":301,"t":"2 posts tagged with \"currencyinput\"","u":"/blog/tags/currencyinput","b":[]},{"i":303,"t":"One post tagged with \"date\"","u":"/blog/tags/date","b":[]},{"i":305,"t":"4 posts tagged with \"dateinput\"","u":"/blog/tags/dateinput","b":[]},{"i":307,"t":"One post tagged with \"breadcrumb\"","u":"/blog/tags/breadcrumb","b":[]},{"i":309,"t":"24 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/3","b":[]},{"i":311,"t":"3 posts tagged with \"docs\"","u":"/blog/tags/docs","b":[]},{"i":313,"t":"One post tagged with \"confirmmodal\"","u":"/blog/tags/confirmmodal","b":[]},{"i":315,"t":"2 posts tagged with \"datepicker\"","u":"/blog/tags/datepicker","b":[]},{"i":317,"t":"15 posts tagged with \"grid\"","u":"/blog/tags/grid","b":[]},{"i":319,"t":"One post tagged with \"icon\"","u":"/blog/tags/icon","b":[]},{"i":321,"t":"2 posts tagged with \"input\"","u":"/blog/tags/input","b":[]},{"i":323,"t":"One post tagged with \"input-number\"","u":"/blog/tags/input-number","b":[]},{"i":325,"t":"One post tagged with \"layout\"","u":"/blog/tags/layout","b":[]},{"i":327,"t":"One post tagged with \"dialog\"","u":"/blog/tags/dialog","b":[]},{"i":329,"t":"One post tagged with \"icons\"","u":"/blog/tags/icons","b":[]},{"i":331,"t":"10 posts tagged with \"modal\"","u":"/blog/tags/modal","b":[]},{"i":333,"t":"One post tagged with \"leftmenu\"","u":"/blog/tags/leftmenu","b":[]},{"i":335,"t":"One post tagged with \"navigation\"","u":"/blog/tags/navigation","b":[]},{"i":337,"t":"5 posts tagged with \"offcanvas\"","u":"/blog/tags/offcanvas","b":[]},{"i":339,"t":"15 posts tagged with \"grid\"","u":"/blog/tags/grid/page/2","b":[]},{"i":341,"t":"One post tagged with \"numberinput\"","u":"/blog/tags/numberinput","b":[]},{"i":343,"t":"2 posts tagged with \"progress\"","u":"/blog/tags/progress","b":[]},{"i":345,"t":"One post tagged with \"progress-bar\"","u":"/blog/tags/progress-bar","b":[]},{"i":347,"t":"One post tagged with \"pagination\"","u":"/blog/tags/pagination","b":[]},{"i":349,"t":"3 posts tagged with \"placeholders\"","u":"/blog/tags/placeholders","b":[]},{"i":351,"t":"One post tagged with \"tabs\"","u":"/blog/tags/tabs","b":[]},{"i":353,"t":"3 posts tagged with \"modalservice\"","u":"/blog/tags/modalservice","b":[]},{"i":355,"t":"2 posts tagged with \"sidebar\"","u":"/blog/tags/sidebar","b":[]},{"i":357,"t":"One post tagged with \"toast\"","u":"/blog/tags/toast","b":[]},{"i":359,"t":"4 posts tagged with \"toasts\"","u":"/blog/tags/toasts","b":[]},{"i":361,"t":"One post tagged with \"toastservice\"","u":"/blog/tags/toastservice","b":[]},{"i":363,"t":"One post tagged with \"switch\"","u":"/blog/tags/switch","b":[]},{"i":365,"t":"3 posts tagged with \"timeinput\"","u":"/blog/tags/timeinput","b":[]},{"i":367,"t":"One post tagged with \"v0.0.2\"","u":"/blog/tags/v-0-0-2","b":[]},{"i":369,"t":"One post tagged with \"v0.0.3\"","u":"/blog/tags/v-0-0-3","b":[]},{"i":371,"t":"2 posts tagged with \"tooltip\"","u":"/blog/tags/tooltip","b":[]},{"i":373,"t":"One post tagged with \"v0.1.0\"","u":"/blog/tags/v-0-1-0","b":[]},{"i":375,"t":"One post tagged with \"v0.1.1\"","u":"/blog/tags/v-0-1-1","b":[]},{"i":377,"t":"One post tagged with \"v0.2.0\"","u":"/blog/tags/v-0-2-0","b":[]},{"i":379,"t":"One post tagged with \"timepicker\"","u":"/blog/tags/timepicker","b":[]},{"i":381,"t":"One post tagged with \"v0.0.1\"","u":"/blog/tags/v-0-0-1","b":[]},{"i":383,"t":"One post tagged with \"v0.0.4\"","u":"/blog/tags/v-0-0-4","b":[]},{"i":385,"t":"One post tagged with \"v0.2.4\"","u":"/blog/tags/v-0-2-4","b":[]},{"i":387,"t":"One post tagged with \"v0.2.5\"","u":"/blog/tags/v-0-2-5","b":[]},{"i":389,"t":"One post tagged with \"v0.2.6\"","u":"/blog/tags/v-0-2-6","b":[]},{"i":391,"t":"One post tagged with \"v0.2.1\"","u":"/blog/tags/v-0-2-1","b":[]},{"i":393,"t":"One post tagged with \"v0.3.0\"","u":"/blog/tags/v-0-3-0","b":[]},{"i":395,"t":"One post tagged with \"v0.4.1\"","u":"/blog/tags/v-0-4-1","b":[]},{"i":397,"t":"One post tagged with \"v0.4.0\"","u":"/blog/tags/v-0-4-0","b":[]},{"i":399,"t":"One post tagged with \"v0.2.3\"","u":"/blog/tags/v-0-2-3","b":[]},{"i":401,"t":"One post tagged with \"v0.5.1\"","u":"/blog/tags/v-0-5-1","b":[]},{"i":403,"t":"One post tagged with \"v0.6.0\"","u":"/blog/tags/v-0-6-0","b":[]},{"i":405,"t":"One post tagged with \"v1.0.0\"","u":"/blog/tags/v-1-0-0","b":[]},{"i":407,"t":"One post tagged with \"v0.2.2\"","u":"/blog/tags/v-0-2-2","b":[]},{"i":409,"t":"One post tagged with \"v0.4.2\"","u":"/blog/tags/v-0-4-2","b":[]},{"i":411,"t":"One post tagged with \"v1.1.0\"","u":"/blog/tags/v-1-1-0","b":[]},{"i":413,"t":"One post tagged with \"v1.10.1\"","u":"/blog/tags/v-1-10-1","b":[]},{"i":415,"t":"One post tagged with \"v1.10.2\"","u":"/blog/tags/v-1-10-2","b":[]},{"i":417,"t":"One post tagged with \"v1.10.0\"","u":"/blog/tags/v-1-10-0","b":[]},{"i":419,"t":"One post tagged with \"v1.0.1\"","u":"/blog/tags/v-1-0-1","b":[]},{"i":421,"t":"One post tagged with \"v1.3.1\"","u":"/blog/tags/v-1-3-1","b":[]},{"i":423,"t":"One post tagged with \"v1.4.0\"","u":"/blog/tags/v-1-4-0","b":[]},{"i":425,"t":"One post tagged with \"v1.4.1\"","u":"/blog/tags/v-1-4-1","b":[]},{"i":427,"t":"One post tagged with \"v0.5.0\"","u":"/blog/tags/v-0-5-0","b":[]},{"i":429,"t":"One post tagged with \"v1.3.0\"","u":"/blog/tags/v-1-3-0","b":[]},{"i":431,"t":"One post tagged with \"v1.4.4\"","u":"/blog/tags/v-1-4-4","b":[]},{"i":433,"t":"One post tagged with \"v1.4.5\"","u":"/blog/tags/v-1-4-5","b":[]},{"i":435,"t":"One post tagged with \"v1.5.0\"","u":"/blog/tags/v-1-5-0","b":[]},{"i":437,"t":"One post tagged with \"v1.4.2\"","u":"/blog/tags/v-1-4-2","b":[]},{"i":439,"t":"One post tagged with \"v1.7.1\"","u":"/blog/tags/v-1-7-1","b":[]},{"i":441,"t":"One post tagged with \"v1.7.0\"","u":"/blog/tags/v-1-7-0","b":[]},{"i":443,"t":"One post tagged with \"v1.4.3\"","u":"/blog/tags/v-1-4-3","b":[]},{"i":445,"t":"One post tagged with \"v1.2.0\"","u":"/blog/tags/v-1-2-0","b":[]},{"i":447,"t":"One post tagged with \"v1.6.0\"","u":"/blog/tags/v-1-6-0","b":[]},{"i":449,"t":"One post tagged with \"v1.8.1\"","u":"/blog/tags/v-1-8-1","b":[]},{"i":451,"t":"One post tagged with \"v1.8.2\"","u":"/blog/tags/v-1-8-2","b":[]},{"i":453,"t":"One post tagged with \"v1.8.3\"","u":"/blog/tags/v-1-8-3","b":[]},{"i":455,"t":"One post tagged with \"v1.7.2\"","u":"/blog/tags/v-1-7-2","b":[]},{"i":457,"t":"One post tagged with \"v1.9.1\"","u":"/blog/tags/v-1-9-1","b":[]},{"i":459,"t":"One post tagged with \"v1.9.2\"","u":"/blog/tags/v-1-9-2","b":[]},{"i":461,"t":"One post tagged with \"v1.9.3\"","u":"/blog/tags/v-1-9-3","b":[]},{"i":463,"t":"One post tagged with \"v1.7.3\"","u":"/blog/tags/v-1-7-3","b":[]},{"i":465,"t":"One post tagged with \"v1.9.0\"","u":"/blog/tags/v-1-9-0","b":[]},{"i":467,"t":"One post tagged with \"v1.8.0\"","u":"/blog/tags/v-1-8-0","b":[]},{"i":469,"t":"One post tagged with \"v1.9.4\"","u":"/blog/tags/v-1-9-4","b":[]},{"i":471,"t":"One post tagged with \"v1.9.5\"","u":"/blog/tags/v-1-9-5","b":[]},{"i":473,"t":"Blazor Breadcrumb","u":"/components/breadcrumb","b":[]},{"i":475,"t":"Blazor Callout","u":"/components/callout","b":[]},{"i":477,"t":"Blazor Buttons","u":"/components/buttons","b":[]},{"i":479,"t":"Blazor Charts","u":"/components/charts","b":[]},{"i":481,"t":"Blazor Collapse","u":"/components/collapse","b":[]},{"i":483,"t":"Blazor Confirm Dialog","u":"/components/confirm-dialog","b":[]},{"i":485,"t":"Blazor Offcanvas","u":"/components/offcanvas","b":[]},{"i":487,"t":"Blazor Pagination","u":"/components/pagination","b":[]},{"i":489,"t":"Blazor Placeholders","u":"/components/placeholders","b":[]},{"i":491,"t":"Blazor Preload","u":"/components/preload","b":[]},{"i":493,"t":"Blazor Progress","u":"/components/progress","b":[]},{"i":495,"t":"Blazor Card","u":"/components/card","b":[]},{"i":497,"t":"Blazor Tabs","u":"/components/tabs","b":[]},{"i":499,"t":"Blazor Toasts","u":"/components/toasts","b":[]},{"i":501,"t":"Blazor Tooltips","u":"/components/tooltips","b":[]},{"i":503,"t":"Blazor Icons","u":"/content/icons","b":[]},{"i":505,"t":"Blazor Dropdown","u":"/components/dropdown","b":[]},{"i":507,"t":"Blazor Bar Chart","u":"/data-visualization/bar-chart","b":[]},{"i":509,"t":"Blazor Doughnut Chart","u":"/data-visualization/doughnut-chart","b":[]},{"i":511,"t":"Blazor Line Chart","u":"/data-visualization/line-chart","b":[]},{"i":513,"t":"Blazor Pie Chart Components","u":"/data-visualization/pie-chart","b":[]},{"i":515,"t":"Blazor Auto Complete","u":"/forms/autocomplete","b":[]},{"i":517,"t":"Blazor Currency Input","u":"/forms/currency-input","b":[]},{"i":519,"t":"Blazor Date Input","u":"/forms/date-input","b":[]},{"i":521,"t":"Blazor Switch","u":"/forms/switch","b":[]},{"i":523,"t":"Blazor Number Input","u":"/forms/number-input","b":[]},{"i":525,"t":"Getting started - Blazor Server","u":"/getting-started/blazor-server","b":[]},{"i":527,"t":"Getting started - Blazor WebAssembly","u":"/getting-started/blazor-webassembly","b":[]},{"i":529,"t":"Getting started - MAUI Blazor App","u":"/getting-started/maui-blazor","b":[]},{"i":531,"t":"Layout Setup - Blazor WebAssembly","u":"/layout/blazor-server","b":[]},{"i":533,"t":"Layout Setup - Blazor WebAssembly","u":"/layout/blazor-webassembly","b":[]},{"i":535,"t":"Blazor Time Input","u":"/forms/time-input","b":[]},{"i":537,"t":"Blazor Modal Service","u":"/services/modal","b":[]},{"i":539,"t":"Blazor Badge","u":"/components/badge","b":[]},{"i":541,"t":"Blazor Alerts","u":"/components/alerts","b":[]},{"i":543,"t":"Blazor Accordion","u":"/components/accordion","b":[]},{"i":545,"t":"Blazor Modal","u":"/components/modal","b":[]},{"i":547,"t":"Blazor Sidebar","u":"/components/sidebar","b":[]},{"i":549,"t":"Blazor Grid","u":"/components/grid","b":[]}],"index":{"version":"2.3.9","fields":["t"],"fieldVectors":[["t/1",[0,3.627,1,3.627,2,0.877,3,1.788]],["t/3",[4,2.933,5,5.792]],["t/5",[4,2.933,6,5.792]],["t/7",[4,2.933,7,5.792]],["t/9",[4,2.933,8,5.792]],["t/11",[4,2.933,9,5.792]],["t/13",[4,2.933,10,5.792]],["t/15",[4,2.933,11,5.792]],["t/17",[4,2.933,12,5.792]],["t/19",[4,2.933,13,5.792]],["t/21",[4,2.933,14,5.792]],["t/23",[4,2.933,15,5.792]],["t/25",[4,2.933,16,5.792]],["t/27",[4,2.933,17,5.792]],["t/29",[4,2.933,18,5.792]],["t/31",[4,2.933,19,5.792]],["t/33",[4,2.933,20,5.792]],["t/35",[4,2.933,21,5.792]],["t/37",[4,2.933,22,5.792]],["t/39",[2,0.982,3,2.002,23,5.098]],["t/41",[2,0.982,3,2.002,24,5.098]],["t/43",[2,0.982,3,2.002,25,5.098]],["t/45",[2,0.982,3,2.002,26,5.098]],["t/47",[2,0.982,3,2.002,27,5.098]],["t/49",[2,0.982,3,2.002,28,5.098]],["t/51",[2,0.982,3,2.002,29,5.098]],["t/53",[2,0.982,3,2.002,30,5.098]],["t/55",[2,0.982,3,2.002,31,5.098]],["t/57",[2,0.982,3,2.002,32,5.098]],["t/59",[2,0.982,3,2.002,33,5.098]],["t/61",[2,0.982,3,2.002,34,5.098]],["t/63",[2,0.982,3,2.002,35,5.098]],["t/65",[2,0.982,3,2.002,36,5.098]],["t/67",[2,0.982,3,2.002,37,5.098]],["t/69",[2,0.982,3,2.002,38,5.098]],["t/71",[2,0.982,3,2.002,39,5.098]],["t/73",[2,0.982,3,2.002,40,5.098]],["t/75",[2,0.982,3,2.002,41,5.098]],["t/77",[2,0.982,3,2.002,42,5.098]],["t/79",[2,0.982,3,2.002,43,5.098]],["t/81",[2,0.982,3,2.002,44,5.098]],["t/83",[2,0.982,3,2.002,45,5.098]],["t/85",[2,0.982,3,2.002,46,5.098]],["t/87",[2,0.982,3,2.002,47,5.098]],["t/89",[2,0.982,3,2.002,48,5.098]],["t/91",[2,0.982,3,2.002,49,5.098]],["t/93",[2,0.982,3,2.002,50,5.098]],["t/95",[2,0.982,3,2.002,51,5.098]],["t/97",[2,0.982,3,2.002,52,5.098]],["t/99",[2,0.982,3,2.002,53,5.098]],["t/101",[2,0.982,3,2.002,54,5.098]],["t/103",[2,0.982,3,2.002,55,5.098]],["t/105",[56,7.434]],["t/107",[0,3.627,1,3.627,2,0.877,3,1.788]],["t/109",[0,3.627,1,3.627,2,0.877,3,1.788]],["t/111",[0,3.627,1,3.627,2,0.877,3,1.788]],["t/113",[0,3.627,1,3.627,2,0.877,3,1.788]],["t/115",[0,3.627,1,3.627,2,0.877,3,1.788]],["t/117",[57,0.621]],["t/119",[57,0.422,58,0.81,59,0.427,60,4.552]],["t/121",[57,0.422,58,0.81,59,0.427,61,4.552]],["t/123",[57,0.422,59,0.427,62,4.552,63,4.552]],["t/125",[57,0.422,58,0.81,59,0.427,64,4.552]],["t/127",[2,0.877,57,0.422,59,0.427,65,3.983]],["t/129",[2,0.792,57,0.381,58,0.732,59,0.386,63,4.112]],["t/131",[2,0.722,57,0.347,58,0.667,59,0.352,66,3.281,67,2.533]],["t/133",[2,0.792,3,1.615,57,0.381,59,0.386,68,4.112]],["t/135",[2,0.792,57,0.381,58,0.732,59,0.386,67,2.778]],["t/137",[2,0.722,57,0.347,59,0.352,69,2.154,70,3.481,71,3.121]],["t/139",[2,0.722,57,0.347,58,0.667,59,0.352,72,3.481,73,2.606]],["t/141",[2,0.792,57,0.381,59,0.386,69,2.362,71,3.423]],["t/143",[2,0.722,57,0.347,58,0.667,59,0.352,67,2.533,74,3.749]],["t/145",[2,0.792,57,0.381,59,0.386,75,2.778,76,3.152]],["t/147",[2,0.722,57,0.347,58,0.667,59,0.352,76,2.874,77,4.157]],["t/149",[2,0.722,57,0.347,58,0.667,59,0.352,76,2.874,78,4.157]],["t/151",[2,0.722,57,0.347,58,0.667,59,0.352,76,2.874,79,4.157]],["t/153",[2,0.792,57,0.381,58,0.732,59,0.386,73,2.858]],["t/155",[2,0.722,57,0.347,58,0.667,59,0.352,73,2.606,80,3.121]],["t/157",[2,0.722,57,0.347,58,0.667,59,0.352,67,2.533,81,3.749]],["t/159",[2,0.792,57,0.381,58,0.732,59,0.386,80,3.423]],["t/161",[2,0.722,57,0.347,58,0.667,59,0.352,73,2.606,80,3.121]],["t/163",[2,0.792,57,0.381,58,0.732,59,0.386,82,3.818]],["t/165",[2,0.722,57,0.347,58,0.667,59,0.352,67,2.533,83,3.749]],["t/167",[2,0.792,57,0.381,59,0.386,69,2.362,84,4.112]],["t/169",[2,0.792,57,0.381,58,0.732,59,0.386,85,3.423]],["t/171",[2,0.722,57,0.347,58,0.667,59,0.352,66,3.281,85,3.121]],["t/173",[2,0.792,57,0.381,58,0.732,59,0.386,86,4.558]],["t/175",[2,0.792,57,0.381,59,0.386,69,2.362,87,4.558]],["t/177",[2,0.722,57,0.347,58,0.667,59,0.352,88,3.749,89,3.481]],["t/179",[2,0.792,57,0.381,58,0.732,59,0.386,90,3.818]],["t/181",[2,0.792,57,0.381,58,0.732,59,0.386,89,3.818]],["t/183",[2,0.792,57,0.381,58,0.732,59,0.386,91,3.423]],["t/185",[2,0.792,57,0.381,59,0.386,69,2.362,91,3.423]],["t/187",[2,0.877,57,0.422,59,0.427,65,3.983]],["t/189",[2,0.877,57,0.422,59,0.427,65,3.983]],["t/191",[2,0.877,57,0.422,59,0.427,65,3.983]],["t/193",[57,0.422,58,0.81,59,0.427,92,5.046]],["t/195",[57,0.422,59,0.427,93,3.983,94,5.046]],["t/197",[57,0.422,58,0.81,59,0.427,95,5.046]],["t/199",[4,2.305,57,0.422,59,0.427,96,3.627]],["t/201",[4,1.898,57,0.347,58,0.667,59,0.352,88,3.749,89,3.481]],["t/203",[4,2.305,57,0.422,59,0.427,96,3.627]],["t/205",[4,2.305,57,0.422,59,0.427,96,3.627]],["t/207",[4,2.305,57,0.422,59,0.427,96,3.627]],["t/209",[4,2.305,57,0.422,59,0.427,96,3.627]],["t/211",[4,2.305,57,0.422,59,0.427,96,3.627]],["t/213",[57,0.422,58,0.81,59,0.427,97,5.046]],["t/215",[57,0.422,59,0.427,69,2.615,98,4.552]],["t/217",[57,0.422,59,0.427,75,3.075,98,4.552]],["t/219",[57,0.422,58,0.81,59,0.427,99,5.046]],["t/221",[57,0.422,58,0.81,59,0.427,100,5.046]],["t/223",[57,0.422,58,0.81,59,0.427,101,5.046]],["t/225",[57,0.422,58,0.81,59,0.427,102,5.046]],["t/227",[57,0.422,59,0.427,75,3.075,103,5.046]],["t/229",[57,0.422,58,0.81,59,0.427,104,5.046]],["t/231",[57,0.422,59,0.427,93,3.983,105,5.046]],["t/233",[57,0.422,59,0.427,69,2.615,106,5.046]],["t/235",[57,0.422,58,0.81,59,0.427,107,5.046]],["t/237",[57,0.422,59,0.427,108,4.552,109,4.552]],["t/239",[57,0.422,59,0.427,108,4.552,109,4.552]],["t/241",[57,0.422,58,0.81,59,0.427,110,5.046]],["t/243",[57,0.422,59,0.427,62,4.552,111,5.046]],["t/245",[57,0.422,59,0.427,69,2.615,112,5.046]],["t/247",[57,0.422,58,0.81,59,0.427,113,5.046]],["t/249",[57,0.422,58,0.81,59,0.427,114,5.046]],["t/251",[57,0.422,59,0.427,75,3.075,115,5.046]],["t/253",[57,0.422,58,0.81,59,0.427,116,5.046]],["t/255",[57,0.422,59,0.427,69,2.615,117,5.046]],["t/257",[57,0.422,59,0.427,69,2.615,118,5.046]],["t/259",[57,0.422,58,0.81,59,0.427,119,5.046]],["t/261",[57,0.422,58,0.81,59,0.427,120,5.046]],["t/263",[57,0.422,59,0.427,75,3.075,121,5.046]],["t/265",[57,0.422,58,0.81,59,0.427,122,5.046]],["t/267",[57,0.422,58,0.81,59,0.427,123,4.552]],["t/269",[57,0.422,59,0.427,69,2.615,123,4.552]],["t/271",[57,0.422,59,0.427,69,2.615,124,5.046]],["t/273",[57,0.422,59,0.427,125,3.627,126,4.227]],["t/275",[57,0.422,59,0.427,125,3.627,126,4.227]],["t/277",[57,0.422,59,0.427,125,3.627,126,4.227]],["t/279",[3,1.788,57,0.422,59,0.427,125,3.627]],["t/281",[57,0.422,58,0.81,59,0.427,127,5.046]],["t/283",[3,1.788,57,0.422,59,0.427,125,3.627]],["t/285",[57,0.422,59,0.427,75,3.075,128,4.227]],["t/287",[57,0.422,58,0.81,59,0.427,129,4.552]],["t/289",[57,0.422,58,0.81,59,0.427,67,3.075]],["t/291",[57,0.422,58,0.81,59,0.427,130,4.552]],["t/293",[57,0.381,58,0.732,59,0.386,70,3.818,71,3.423]],["t/295",[57,0.422,58,0.81,59,0.427,131,5.046]],["t/297",[57,0.422,59,0.427,75,3.075,128,4.227]],["t/299",[57,0.422,58,0.81,59,0.427,72,4.227]],["t/301",[57,0.422,59,0.427,69,2.615,132,5.046]],["t/303",[57,0.422,58,0.81,59,0.427,133,4.552]],["t/305",[57,0.422,59,0.427,93,3.983,134,5.046]],["t/307",[57,0.422,58,0.81,59,0.427,135,4.552]],["t/309",[3,1.788,57,0.422,59,0.427,125,3.627]],["t/311",[57,0.422,59,0.427,75,3.075,136,5.046]],["t/313",[57,0.422,58,0.81,59,0.427,137,5.046]],["t/315",[57,0.422,59,0.427,69,2.615,138,5.046]],["t/317",[57,0.422,59,0.427,76,3.489,139,4.552]],["t/319",[57,0.422,58,0.81,59,0.427,140,4.227]],["t/321",[57,0.422,59,0.427,69,2.615,73,3.163]],["t/323",[57,0.381,58,0.732,59,0.386,73,2.858,80,3.423]],["t/325",[57,0.422,58,0.81,59,0.427,141,4.227]],["t/327",[57,0.422,58,0.81,59,0.427,71,3.789]],["t/329",[57,0.422,58,0.81,59,0.427,140,4.227]],["t/331",[57,0.422,59,0.427,142,5.046,143,4.227]],["t/333",[57,0.422,58,0.81,59,0.427,144,5.046]],["t/335",[57,0.422,58,0.81,59,0.427,145,5.046]],["t/337",[57,0.422,59,0.427,68,4.552,82,4.227]],["t/339",[57,0.422,59,0.427,76,3.489,139,4.552]],["t/341",[57,0.422,58,0.81,59,0.427,146,5.046]],["t/343",[57,0.422,59,0.427,69,2.615,85,3.789]],["t/345",[57,0.381,58,0.732,59,0.386,66,3.598,85,3.423]],["t/347",[57,0.422,58,0.81,59,0.427,147,4.552]],["t/349",[57,0.422,59,0.427,75,3.075,148,4.552]],["t/351",[57,0.422,58,0.81,59,0.427,90,4.227]],["t/353",[57,0.422,59,0.427,75,3.075,149,5.046]],["t/355",[57,0.422,59,0.427,69,2.615,150,4.552]],["t/357",[57,0.422,58,0.81,59,0.427,91,3.789]],["t/359",[57,0.422,59,0.427,91,3.789,93,3.983]],["t/361",[57,0.422,58,0.81,59,0.427,151,5.046]],["t/363",[57,0.422,58,0.81,59,0.427,152,4.552]],["t/365",[57,0.422,59,0.427,75,3.075,153,5.046]],["t/367",[5,4.552,57,0.422,58,0.81,59,0.427]],["t/369",[6,4.552,57,0.422,58,0.81,59,0.427]],["t/371",[57,0.422,59,0.427,69,2.615,154,4.552]],["t/373",[9,4.552,57,0.422,58,0.81,59,0.427]],["t/375",[10,4.552,57,0.422,58,0.81,59,0.427]],["t/377",[11,4.552,57,0.422,58,0.81,59,0.427]],["t/379",[57,0.422,58,0.81,59,0.427,155,5.046]],["t/381",[7,4.552,57,0.422,58,0.81,59,0.427]],["t/383",[8,4.552,57,0.422,58,0.81,59,0.427]],["t/385",[15,4.552,57,0.422,58,0.81,59,0.427]],["t/387",[16,4.552,57,0.422,58,0.81,59,0.427]],["t/389",[17,4.552,57,0.422,58,0.81,59,0.427]],["t/391",[12,4.552,57,0.422,58,0.81,59,0.427]],["t/393",[18,4.552,57,0.422,58,0.81,59,0.427]],["t/395",[20,4.552,57,0.422,58,0.81,59,0.427]],["t/397",[19,4.552,57,0.422,58,0.81,59,0.427]],["t/399",[14,4.552,57,0.422,58,0.81,59,0.427]],["t/401",[23,4.552,57,0.422,58,0.81,59,0.427]],["t/403",[24,4.552,57,0.422,58,0.81,59,0.427]],["t/405",[25,4.552,57,0.422,58,0.81,59,0.427]],["t/407",[13,4.552,57,0.422,58,0.81,59,0.427]],["t/409",[21,4.552,57,0.422,58,0.81,59,0.427]],["t/411",[27,4.552,57,0.422,58,0.81,59,0.427]],["t/413",[54,4.552,57,0.422,58,0.81,59,0.427]],["t/415",[55,4.552,57,0.422,58,0.81,59,0.427]],["t/417",[53,4.552,57,0.422,58,0.81,59,0.427]],["t/419",[26,4.552,57,0.422,58,0.81,59,0.427]],["t/421",[30,4.552,57,0.422,58,0.81,59,0.427]],["t/423",[31,4.552,57,0.422,58,0.81,59,0.427]],["t/425",[32,4.552,57,0.422,58,0.81,59,0.427]],["t/427",[22,4.552,57,0.422,58,0.81,59,0.427]],["t/429",[29,4.552,57,0.422,58,0.81,59,0.427]],["t/431",[35,4.552,57,0.422,58,0.81,59,0.427]],["t/433",[36,4.552,57,0.422,58,0.81,59,0.427]],["t/435",[37,4.552,57,0.422,58,0.81,59,0.427]],["t/437",[33,4.552,57,0.422,58,0.81,59,0.427]],["t/439",[41,4.552,57,0.422,58,0.81,59,0.427]],["t/441",[39,4.552,57,0.422,58,0.81,59,0.427]],["t/443",[34,4.552,57,0.422,58,0.81,59,0.427]],["t/445",[28,4.552,57,0.422,58,0.81,59,0.427]],["t/447",[38,4.552,57,0.422,58,0.81,59,0.427]],["t/449",[44,4.552,57,0.422,58,0.81,59,0.427]],["t/451",[45,4.552,57,0.422,58,0.81,59,0.427]],["t/453",[46,4.552,57,0.422,58,0.81,59,0.427]],["t/455",[40,4.552,57,0.422,58,0.81,59,0.427]],["t/457",[48,4.552,57,0.422,58,0.81,59,0.427]],["t/459",[49,4.552,57,0.422,58,0.81,59,0.427]],["t/461",[50,4.552,57,0.422,58,0.81,59,0.427]],["t/463",[42,4.552,57,0.422,58,0.81,59,0.427]],["t/465",[47,4.552,57,0.422,58,0.81,59,0.427]],["t/467",[43,4.552,57,0.422,58,0.81,59,0.427]],["t/469",[51,4.552,57,0.422,58,0.81,59,0.427]],["t/471",[52,4.552,57,0.422,58,0.81,59,0.427]],["t/473",[2,1.116,135,5.792]],["t/475",[2,1.116,129,5.792]],["t/477",[2,1.116,128,5.378]],["t/479",[2,1.116,67,3.913]],["t/481",[2,1.116,130,5.792]],["t/483",[2,0.982,70,4.733,71,4.243]],["t/485",[2,1.116,82,5.378]],["t/487",[2,1.116,147,5.792]],["t/489",[2,1.116,148,5.792]],["t/491",[2,1.116,84,5.792]],["t/493",[2,1.116,85,4.821]],["t/495",[2,1.116,156,6.421]],["t/497",[2,1.116,90,5.378]],["t/499",[2,1.116,91,4.821]],["t/501",[2,1.116,154,5.792]],["t/503",[2,1.116,140,5.378]],["t/505",[2,1.116,157,6.421]],["t/507",[2,0.982,66,4.461,67,3.444]],["t/509",[2,0.982,67,3.444,74,5.098]],["t/511",[2,0.982,67,3.444,81,5.098]],["t/513",[2,0.877,67,3.075,83,4.552,158,5.046]],["t/515",[2,0.982,159,5.651,160,5.651]],["t/517",[2,0.982,72,4.733,73,3.543]],["t/519",[2,0.982,73,3.543,133,5.098]],["t/521",[2,1.116,152,5.792]],["t/523",[2,0.982,73,3.543,80,4.243]],["t/525",[2,0.877,161,4.227,162,4.227,163,5.046]],["t/527",[2,0.877,161,4.227,162,4.227,164,4.227]],["t/529",[2,0.792,161,3.818,162,3.818,165,4.558,166,4.558]],["t/531",[2,0.877,141,4.227,164,4.227,167,4.552]],["t/533",[2,0.877,141,4.227,164,4.227,167,4.552]],["t/535",[2,0.982,73,3.543,168,5.651]],["t/537",[2,0.982,143,4.733,169,5.651]],["t/539",[2,1.116,64,5.792]],["t/541",[2,1.116,61,5.792]],["t/543",[2,1.116,60,5.792]],["t/545",[2,1.116,143,5.378]],["t/547",[2,1.116,150,5.792]],["t/549",[2,1.116,76,4.439]]],"invertedIndex":[["",{"_index":1,"t":{"1":{"position":[[5,1]]},"107":{"position":[[5,1]]},"109":{"position":[[5,1]]},"111":{"position":[[5,1]]},"113":{"position":[[5,1]]},"115":{"position":[[5,1]]}}}],["10",{"_index":142,"t":{"331":{"position":[[0,2]]}}}],["13",{"_index":108,"t":{"237":{"position":[[0,2]]},"239":{"position":[[0,2]]}}}],["15",{"_index":139,"t":{"317":{"position":[[0,2]]},"339":{"position":[[0,2]]}}}],["2",{"_index":69,"t":{"137":{"position":[[0,1]]},"141":{"position":[[0,1]]},"167":{"position":[[0,1]]},"175":{"position":[[0,1]]},"185":{"position":[[0,1]]},"215":{"position":[[0,1]]},"233":{"position":[[0,1]]},"245":{"position":[[0,1]]},"255":{"position":[[0,1]]},"257":{"position":[[0,1]]},"269":{"position":[[0,1]]},"271":{"position":[[0,1]]},"301":{"position":[[0,1]]},"315":{"position":[[0,1]]},"321":{"position":[[0,1]]},"343":{"position":[[0,1]]},"355":{"position":[[0,1]]},"371":{"position":[[0,1]]}}}],["24",{"_index":125,"t":{"273":{"position":[[0,2]]},"275":{"position":[[0,2]]},"277":{"position":[[0,2]]},"279":{"position":[[0,2]]},"283":{"position":[[0,2]]},"309":{"position":[[0,2]]}}}],["3",{"_index":75,"t":{"145":{"position":[[0,1]]},"217":{"position":[[0,1]]},"227":{"position":[[0,1]]},"251":{"position":[[0,1]]},"263":{"position":[[0,1]]},"285":{"position":[[0,1]]},"297":{"position":[[0,1]]},"311":{"position":[[0,1]]},"349":{"position":[[0,1]]},"353":{"position":[[0,1]]},"365":{"position":[[0,1]]}}}],["31",{"_index":65,"t":{"127":{"position":[[0,2]]},"187":{"position":[[0,2]]},"189":{"position":[[0,2]]},"191":{"position":[[0,2]]}}}],["4",{"_index":93,"t":{"195":{"position":[[0,1]]},"231":{"position":[[0,1]]},"305":{"position":[[0,1]]},"359":{"position":[[0,1]]}}}],["5",{"_index":68,"t":{"133":{"position":[[0,1]]},"337":{"position":[[0,1]]}}}],["51",{"_index":96,"t":{"199":{"position":[[0,2]]},"203":{"position":[[0,2]]},"205":{"position":[[0,2]]},"207":{"position":[[0,2]]},"209":{"position":[[0,2]]},"211":{"position":[[0,2]]}}}],["8",{"_index":62,"t":{"123":{"position":[[0,1]]},"243":{"position":[[0,1]]}}}],["accordion",{"_index":60,"t":{"119":{"position":[[21,11]]},"543":{"position":[[7,9]]}}}],["alert",{"_index":61,"t":{"121":{"position":[[21,7]]},"541":{"position":[[7,6]]}}}],["app",{"_index":166,"t":{"529":{"position":[[30,3]]}}}],["archiv",{"_index":56,"t":{"105":{"position":[[0,7]]}}}],["auto",{"_index":159,"t":{"515":{"position":[[7,4]]}}}],["autocomplet",{"_index":63,"t":{"123":{"position":[[20,14]]},"129":{"position":[[29,13]]}}}],["badg",{"_index":64,"t":{"125":{"position":[[21,7]]},"539":{"position":[[7,5]]}}}],["bar",{"_index":66,"t":{"131":{"position":[[29,3]]},"171":{"position":[[38,4]]},"345":{"position":[[31,4]]},"507":{"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]]},"107":{"position":[[7,6]]},"109":{"position":[[7,6]]},"111":{"position":[[7,6]]},"113":{"position":[[7,6]]},"115":{"position":[[7,6]]},"127":{"position":[[21,8]]},"129":{"position":[[21,7]]},"131":{"position":[[21,7]]},"133":{"position":[[20,7]]},"135":{"position":[[21,7]]},"137":{"position":[[20,7]]},"139":{"position":[[21,7]]},"141":{"position":[[20,7]]},"143":{"position":[[21,7]]},"145":{"position":[[20,7]]},"147":{"position":[[21,7]]},"149":{"position":[[21,7]]},"151":{"position":[[21,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":[[20,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":[[21,7]]},"183":{"position":[[21,7]]},"185":{"position":[[20,7]]},"187":{"position":[[21,8]]},"189":{"position":[[21,8]]},"191":{"position":[[21,8]]},"473":{"position":[[0,6]]},"475":{"position":[[0,6]]},"477":{"position":[[0,6]]},"479":{"position":[[0,6]]},"481":{"position":[[0,6]]},"483":{"position":[[0,6]]},"485":{"position":[[0,6]]},"487":{"position":[[0,6]]},"489":{"position":[[0,6]]},"491":{"position":[[0,6]]},"493":{"position":[[0,6]]},"495":{"position":[[0,6]]},"497":{"position":[[0,6]]},"499":{"position":[[0,6]]},"501":{"position":[[0,6]]},"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":[[18,6]]},"527":{"position":[[18,6]]},"529":{"position":[[23,6]]},"531":{"position":[[15,6]]},"533":{"position":[[15,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]]}}}],["blazoraccordion",{"_index":92,"t":{"193":{"position":[[21,17]]}}}],["blazorautocomplet",{"_index":94,"t":{"195":{"position":[[20,20]]}}}],["blazorbadg",{"_index":95,"t":{"197":{"position":[[21,13]]}}}],["blazorbootstrap",{"_index":4,"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]]},"199":{"position":[[21,17]]},"201":{"position":[[21,16]]},"203":{"position":[[21,17]]},"205":{"position":[[21,17]]},"207":{"position":[[21,17]]},"209":{"position":[[21,17]]},"211":{"position":[[21,17]]}}}],["blazorbreadcrumb",{"_index":97,"t":{"213":{"position":[[21,18]]}}}],["blazorbutton",{"_index":98,"t":{"215":{"position":[[20,14]]},"217":{"position":[[20,15]]}}}],["blazorchart",{"_index":99,"t":{"219":{"position":[[21,13]]}}}],["blazorcollaps",{"_index":100,"t":{"221":{"position":[[21,16]]}}}],["blazorconfirmdialog",{"_index":101,"t":{"223":{"position":[[21,21]]}}}],["blazorconfirmmod",{"_index":102,"t":{"225":{"position":[[21,20]]}}}],["blazorcurrencyinput",{"_index":103,"t":{"227":{"position":[[20,21]]}}}],["blazord",{"_index":104,"t":{"229":{"position":[[21,12]]}}}],["blazordateinput",{"_index":105,"t":{"231":{"position":[[20,17]]}}}],["blazordatepick",{"_index":106,"t":{"233":{"position":[[20,18]]}}}],["blazordialog",{"_index":107,"t":{"235":{"position":[[21,14]]}}}],["blazorgrid",{"_index":109,"t":{"237":{"position":[[21,12]]},"239":{"position":[[21,12]]}}}],["blazoricon",{"_index":110,"t":{"241":{"position":[[21,12]]}}}],["blazormod",{"_index":111,"t":{"243":{"position":[[20,13]]}}}],["blazormodalservic",{"_index":112,"t":{"245":{"position":[[20,20]]}}}],["blazornumb",{"_index":113,"t":{"247":{"position":[[21,14]]}}}],["blazornumberinput",{"_index":114,"t":{"249":{"position":[[21,19]]}}}],["blazoroffcanva",{"_index":115,"t":{"251":{"position":[[20,17]]}}}],["blazorprogress",{"_index":116,"t":{"253":{"position":[[21,16]]}}}],["blazorsidebar",{"_index":117,"t":{"255":{"position":[[20,15]]}}}],["blazorswitch",{"_index":118,"t":{"257":{"position":[[20,14]]}}}],["blazortab",{"_index":119,"t":{"259":{"position":[[21,12]]}}}],["blazortim",{"_index":120,"t":{"261":{"position":[[21,12]]}}}],["blazortimeinput",{"_index":121,"t":{"263":{"position":[[20,17]]}}}],["blazortimepick",{"_index":122,"t":{"265":{"position":[[21,18]]}}}],["blazortoast",{"_index":123,"t":{"267":{"position":[[21,13]]},"269":{"position":[[20,14]]}}}],["blazortooltip",{"_index":124,"t":{"271":{"position":[[20,15]]}}}],["blog",{"_index":0,"t":{"1":{"position":[[0,4]]},"107":{"position":[[0,4]]},"109":{"position":[[0,4]]},"111":{"position":[[0,4]]},"113":{"position":[[0,4]]},"115":{"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]]},"107":{"position":[[14,9]]},"109":{"position":[[14,9]]},"111":{"position":[[14,9]]},"113":{"position":[[14,9]]},"115":{"position":[[14,9]]},"133":{"position":[[28,10]]},"279":{"position":[[21,11]]},"283":{"position":[[21,11]]},"309":{"position":[[21,11]]}}}],["bootstrap5",{"_index":126,"t":{"273":{"position":[[21,12]]},"275":{"position":[[21,12]]},"277":{"position":[[21,12]]}}}],["breadcrumb",{"_index":135,"t":{"307":{"position":[[21,12]]},"473":{"position":[[7,10]]}}}],["breadcrumbservic",{"_index":127,"t":{"281":{"position":[[21,19]]}}}],["button",{"_index":128,"t":{"285":{"position":[[20,9]]},"297":{"position":[[20,8]]},"477":{"position":[[7,7]]}}}],["callout",{"_index":129,"t":{"287":{"position":[[21,9]]},"475":{"position":[[7,7]]}}}],["card",{"_index":156,"t":{"495":{"position":[[7,4]]}}}],["chart",{"_index":67,"t":{"131":{"position":[[33,6]]},"135":{"position":[[29,7]]},"143":{"position":[[38,6]]},"157":{"position":[[34,6]]},"165":{"position":[[33,6]]},"289":{"position":[[21,7]]},"479":{"position":[[7,6]]},"507":{"position":[[11,5]]},"509":{"position":[[16,5]]},"511":{"position":[[12,5]]},"513":{"position":[[11,5]]}}}],["collaps",{"_index":130,"t":{"291":{"position":[[21,10]]},"481":{"position":[[7,8]]}}}],["complet",{"_index":160,"t":{"515":{"position":[[12,8]]}}}],["compon",{"_index":158,"t":{"513":{"position":[[17,10]]}}}],["confirm",{"_index":70,"t":{"137":{"position":[[28,7]]},"293":{"position":[[21,8]]},"483":{"position":[[7,7]]}}}],["confirmdialog",{"_index":131,"t":{"295":{"position":[[21,15]]}}}],["confirmmod",{"_index":137,"t":{"313":{"position":[[21,14]]}}}],["currenc",{"_index":72,"t":{"139":{"position":[[29,8]]},"299":{"position":[[21,10]]},"517":{"position":[[7,8]]}}}],["currencyinput",{"_index":132,"t":{"301":{"position":[[20,15]]}}}],["date",{"_index":133,"t":{"303":{"position":[[21,6]]},"519":{"position":[[7,4]]}}}],["dateinput",{"_index":134,"t":{"305":{"position":[[20,11]]}}}],["datepick",{"_index":138,"t":{"315":{"position":[[20,12]]}}}],["dialog",{"_index":71,"t":{"137":{"position":[[36,7]]},"141":{"position":[[28,7]]},"293":{"position":[[30,7]]},"327":{"position":[[21,8]]},"483":{"position":[[15,6]]}}}],["doc",{"_index":136,"t":{"311":{"position":[[20,6]]}}}],["doughnut",{"_index":74,"t":{"143":{"position":[[29,8]]},"509":{"position":[[7,8]]}}}],["dropdown",{"_index":157,"t":{"505":{"position":[[7,8]]}}}],["filter",{"_index":77,"t":{"147":{"position":[[34,10]]}}}],["get",{"_index":161,"t":{"525":{"position":[[0,7]]},"527":{"position":[[0,7]]},"529":{"position":[[0,7]]}}}],["grid",{"_index":76,"t":{"145":{"position":[[28,5]]},"147":{"position":[[29,4]]},"149":{"position":[[29,4]]},"151":{"position":[[29,4]]},"317":{"position":[[21,6]]},"339":{"position":[[21,6]]},"549":{"position":[[7,4]]}}}],["icon",{"_index":140,"t":{"319":{"position":[[21,6]]},"329":{"position":[[21,7]]},"503":{"position":[[7,5]]}}}],["input",{"_index":73,"t":{"139":{"position":[[38,6]]},"153":{"position":[[29,6]]},"155":{"position":[[29,5]]},"161":{"position":[[36,6]]},"321":{"position":[[20,7]]},"323":{"position":[[21,6]]},"517":{"position":[[16,5]]},"519":{"position":[[12,5]]},"523":{"position":[[14,5]]},"535":{"position":[[12,5]]}}}],["layout",{"_index":141,"t":{"325":{"position":[[21,8]]},"531":{"position":[[0,6]]},"533":{"position":[[0,6]]}}}],["leftmenu",{"_index":144,"t":{"333":{"position":[[21,10]]}}}],["line",{"_index":81,"t":{"157":{"position":[[29,4]]},"511":{"position":[[7,4]]}}}],["maui",{"_index":165,"t":{"529":{"position":[[18,4]]}}}],["modal",{"_index":143,"t":{"331":{"position":[[21,7]]},"537":{"position":[[7,5]]},"545":{"position":[[7,5]]}}}],["modalservic",{"_index":149,"t":{"353":{"position":[[20,14]]}}}],["navig",{"_index":145,"t":{"335":{"position":[[21,12]]}}}],["number",{"_index":80,"t":{"155":{"position":[[35,7]]},"159":{"position":[[29,7]]},"161":{"position":[[29,6]]},"323":{"position":[[28,7]]},"523":{"position":[[7,6]]}}}],["numberinput",{"_index":146,"t":{"341":{"position":[[21,13]]}}}],["offcanva",{"_index":82,"t":{"163":{"position":[[29,10]]},"337":{"position":[[20,11]]},"485":{"position":[[7,9]]}}}],["on",{"_index":58,"t":{"119":{"position":[[0,3]]},"121":{"position":[[0,3]]},"125":{"position":[[0,3]]},"129":{"position":[[0,3]]},"131":{"position":[[0,3]]},"135":{"position":[[0,3]]},"139":{"position":[[0,3]]},"143":{"position":[[0,3]]},"147":{"position":[[0,3]]},"149":{"position":[[0,3]]},"151":{"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]]},"169":{"position":[[0,3]]},"171":{"position":[[0,3]]},"173":{"position":[[0,3]]},"177":{"position":[[0,3]]},"179":{"position":[[0,3]]},"181":{"position":[[0,3]]},"183":{"position":[[0,3]]},"193":{"position":[[0,3]]},"197":{"position":[[0,3]]},"201":{"position":[[0,3]]},"213":{"position":[[0,3]]},"219":{"position":[[0,3]]},"221":{"position":[[0,3]]},"223":{"position":[[0,3]]},"225":{"position":[[0,3]]},"229":{"position":[[0,3]]},"235":{"position":[[0,3]]},"241":{"position":[[0,3]]},"247":{"position":[[0,3]]},"249":{"position":[[0,3]]},"253":{"position":[[0,3]]},"259":{"position":[[0,3]]},"261":{"position":[[0,3]]},"265":{"position":[[0,3]]},"267":{"position":[[0,3]]},"281":{"position":[[0,3]]},"287":{"position":[[0,3]]},"289":{"position":[[0,3]]},"291":{"position":[[0,3]]},"293":{"position":[[0,3]]},"295":{"position":[[0,3]]},"299":{"position":[[0,3]]},"303":{"position":[[0,3]]},"307":{"position":[[0,3]]},"313":{"position":[[0,3]]},"319":{"position":[[0,3]]},"323":{"position":[[0,3]]},"325":{"position":[[0,3]]},"327":{"position":[[0,3]]},"329":{"position":[[0,3]]},"333":{"position":[[0,3]]},"335":{"position":[[0,3]]},"341":{"position":[[0,3]]},"345":{"position":[[0,3]]},"347":{"position":[[0,3]]},"351":{"position":[[0,3]]},"357":{"position":[[0,3]]},"361":{"position":[[0,3]]},"363":{"position":[[0,3]]},"367":{"position":[[0,3]]},"369":{"position":[[0,3]]},"373":{"position":[[0,3]]},"375":{"position":[[0,3]]},"377":{"position":[[0,3]]},"379":{"position":[[0,3]]},"381":{"position":[[0,3]]},"383":{"position":[[0,3]]},"385":{"position":[[0,3]]},"387":{"position":[[0,3]]},"389":{"position":[[0,3]]},"391":{"position":[[0,3]]},"393":{"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]]}}}],["page",{"_index":78,"t":{"149":{"position":[[34,7]]}}}],["pagin",{"_index":147,"t":{"347":{"position":[[21,12]]},"487":{"position":[[7,10]]}}}],["pie",{"_index":83,"t":{"165":{"position":[[29,3]]},"513":{"position":[[7,3]]}}}],["placehold",{"_index":148,"t":{"349":{"position":[[20,14]]},"489":{"position":[[7,12]]}}}],["post",{"_index":59,"t":{"119":{"position":[[4,4]]},"121":{"position":[[4,4]]},"123":{"position":[[2,5]]},"125":{"position":[[4,4]]},"127":{"position":[[3,5]]},"129":{"position":[[4,4]]},"131":{"position":[[4,4]]},"133":{"position":[[2,5]]},"135":{"position":[[4,4]]},"137":{"position":[[2,5]]},"139":{"position":[[4,4]]},"141":{"position":[[2,5]]},"143":{"position":[[4,4]]},"145":{"position":[[2,5]]},"147":{"position":[[4,4]]},"149":{"position":[[4,4]]},"151":{"position":[[4,4]]},"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":[[2,5]]},"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":[[4,4]]},"183":{"position":[[4,4]]},"185":{"position":[[2,5]]},"187":{"position":[[3,5]]},"189":{"position":[[3,5]]},"191":{"position":[[3,5]]},"193":{"position":[[4,4]]},"195":{"position":[[2,5]]},"197":{"position":[[4,4]]},"199":{"position":[[3,5]]},"201":{"position":[[4,4]]},"203":{"position":[[3,5]]},"205":{"position":[[3,5]]},"207":{"position":[[3,5]]},"209":{"position":[[3,5]]},"211":{"position":[[3,5]]},"213":{"position":[[4,4]]},"215":{"position":[[2,5]]},"217":{"position":[[2,5]]},"219":{"position":[[4,4]]},"221":{"position":[[4,4]]},"223":{"position":[[4,4]]},"225":{"position":[[4,4]]},"227":{"position":[[2,5]]},"229":{"position":[[4,4]]},"231":{"position":[[2,5]]},"233":{"position":[[2,5]]},"235":{"position":[[4,4]]},"237":{"position":[[3,5]]},"239":{"position":[[3,5]]},"241":{"position":[[4,4]]},"243":{"position":[[2,5]]},"245":{"position":[[2,5]]},"247":{"position":[[4,4]]},"249":{"position":[[4,4]]},"251":{"position":[[2,5]]},"253":{"position":[[4,4]]},"255":{"position":[[2,5]]},"257":{"position":[[2,5]]},"259":{"position":[[4,4]]},"261":{"position":[[4,4]]},"263":{"position":[[2,5]]},"265":{"position":[[4,4]]},"267":{"position":[[4,4]]},"269":{"position":[[2,5]]},"271":{"position":[[2,5]]},"273":{"position":[[3,5]]},"275":{"position":[[3,5]]},"277":{"position":[[3,5]]},"279":{"position":[[3,5]]},"281":{"position":[[4,4]]},"283":{"position":[[3,5]]},"285":{"position":[[2,5]]},"287":{"position":[[4,4]]},"289":{"position":[[4,4]]},"291":{"position":[[4,4]]},"293":{"position":[[4,4]]},"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":[[3,5]]},"311":{"position":[[2,5]]},"313":{"position":[[4,4]]},"315":{"position":[[2,5]]},"317":{"position":[[3,5]]},"319":{"position":[[4,4]]},"321":{"position":[[2,5]]},"323":{"position":[[4,4]]},"325":{"position":[[4,4]]},"327":{"position":[[4,4]]},"329":{"position":[[4,4]]},"331":{"position":[[3,5]]},"333":{"position":[[4,4]]},"335":{"position":[[4,4]]},"337":{"position":[[2,5]]},"339":{"position":[[3,5]]},"341":{"position":[[4,4]]},"343":{"position":[[2,5]]},"345":{"position":[[4,4]]},"347":{"position":[[4,4]]},"349":{"position":[[2,5]]},"351":{"position":[[4,4]]},"353":{"position":[[2,5]]},"355":{"position":[[2,5]]},"357":{"position":[[4,4]]},"359":{"position":[[2,5]]},"361":{"position":[[4,4]]},"363":{"position":[[4,4]]},"365":{"position":[[2,5]]},"367":{"position":[[4,4]]},"369":{"position":[[4,4]]},"371":{"position":[[2,5]]},"373":{"position":[[4,4]]},"375":{"position":[[4,4]]},"377":{"position":[[4,4]]},"379":{"position":[[4,4]]},"381":{"position":[[4,4]]},"383":{"position":[[4,4]]},"385":{"position":[[4,4]]},"387":{"position":[[4,4]]},"389":{"position":[[4,4]]},"391":{"position":[[4,4]]},"393":{"position":[[4,4]]},"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]]}}}],["preload",{"_index":84,"t":{"167":{"position":[[28,8]]},"491":{"position":[[7,7]]}}}],["progress",{"_index":85,"t":{"169":{"position":[[29,9]]},"171":{"position":[[29,8]]},"343":{"position":[[20,10]]},"345":{"position":[[21,9]]},"493":{"position":[[7,8]]}}}],["server",{"_index":163,"t":{"525":{"position":[[25,6]]}}}],["servic",{"_index":169,"t":{"537":{"position":[[13,7]]}}}],["setup",{"_index":167,"t":{"531":{"position":[[7,5]]},"533":{"position":[[7,5]]}}}],["sidebar",{"_index":150,"t":{"355":{"position":[[20,9]]},"547":{"position":[[7,7]]}}}],["sidemod",{"_index":86,"t":{"173":{"position":[[29,10]]}}}],["sort",{"_index":79,"t":{"151":{"position":[[34,8]]}}}],["spinner",{"_index":87,"t":{"175":{"position":[[28,8]]}}}],["start",{"_index":162,"t":{"525":{"position":[[8,7]]},"527":{"position":[[8,7]]},"529":{"position":[[8,7]]}}}],["starter",{"_index":88,"t":{"177":{"position":[[29,7]]},"201":{"position":[[38,7]]}}}],["switch",{"_index":152,"t":{"363":{"position":[[21,8]]},"521":{"position":[[7,6]]}}}],["tab",{"_index":90,"t":{"179":{"position":[[29,5]]},"351":{"position":[[21,6]]},"497":{"position":[[7,4]]}}}],["tag",{"_index":57,"t":{"117":{"position":[[0,4]]},"119":{"position":[[9,6]]},"121":{"position":[[9,6]]},"123":{"position":[[8,6]]},"125":{"position":[[9,6]]},"127":{"position":[[9,6]]},"129":{"position":[[9,6]]},"131":{"position":[[9,6]]},"133":{"position":[[8,6]]},"135":{"position":[[9,6]]},"137":{"position":[[8,6]]},"139":{"position":[[9,6]]},"141":{"position":[[8,6]]},"143":{"position":[[9,6]]},"145":{"position":[[8,6]]},"147":{"position":[[9,6]]},"149":{"position":[[9,6]]},"151":{"position":[[9,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":[[8,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":[[9,6]]},"183":{"position":[[9,6]]},"185":{"position":[[8,6]]},"187":{"position":[[9,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":[[9,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":[[8,6]]},"217":{"position":[[8,6]]},"219":{"position":[[9,6]]},"221":{"position":[[9,6]]},"223":{"position":[[9,6]]},"225":{"position":[[9,6]]},"227":{"position":[[8,6]]},"229":{"position":[[9,6]]},"231":{"position":[[8,6]]},"233":{"position":[[8,6]]},"235":{"position":[[9,6]]},"237":{"position":[[9,6]]},"239":{"position":[[9,6]]},"241":{"position":[[9,6]]},"243":{"position":[[8,6]]},"245":{"position":[[8,6]]},"247":{"position":[[9,6]]},"249":{"position":[[9,6]]},"251":{"position":[[8,6]]},"253":{"position":[[9,6]]},"255":{"position":[[8,6]]},"257":{"position":[[8,6]]},"259":{"position":[[9,6]]},"261":{"position":[[9,6]]},"263":{"position":[[8,6]]},"265":{"position":[[9,6]]},"267":{"position":[[9,6]]},"269":{"position":[[8,6]]},"271":{"position":[[8,6]]},"273":{"position":[[9,6]]},"275":{"position":[[9,6]]},"277":{"position":[[9,6]]},"279":{"position":[[9,6]]},"281":{"position":[[9,6]]},"283":{"position":[[9,6]]},"285":{"position":[[8,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":[[8,6]]},"313":{"position":[[9,6]]},"315":{"position":[[8,6]]},"317":{"position":[[9,6]]},"319":{"position":[[9,6]]},"321":{"position":[[8,6]]},"323":{"position":[[9,6]]},"325":{"position":[[9,6]]},"327":{"position":[[9,6]]},"329":{"position":[[9,6]]},"331":{"position":[[9,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":[[8,6]]},"351":{"position":[[9,6]]},"353":{"position":[[8,6]]},"355":{"position":[[8,6]]},"357":{"position":[[9,6]]},"359":{"position":[[8,6]]},"361":{"position":[[9,6]]},"363":{"position":[[9,6]]},"365":{"position":[[8,6]]},"367":{"position":[[9,6]]},"369":{"position":[[9,6]]},"371":{"position":[[8,6]]},"373":{"position":[[9,6]]},"375":{"position":[[9,6]]},"377":{"position":[[9,6]]},"379":{"position":[[9,6]]},"381":{"position":[[9,6]]},"383":{"position":[[9,6]]},"385":{"position":[[9,6]]},"387":{"position":[[9,6]]},"389":{"position":[[9,6]]},"391":{"position":[[9,6]]},"393":{"position":[[9,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]]}}}],["templat",{"_index":89,"t":{"177":{"position":[[37,10]]},"181":{"position":[[29,10]]},"201":{"position":[[46,10]]}}}],["time",{"_index":168,"t":{"535":{"position":[[7,4]]}}}],["timeinput",{"_index":153,"t":{"365":{"position":[[20,11]]}}}],["timepick",{"_index":155,"t":{"379":{"position":[[21,12]]}}}],["toast",{"_index":91,"t":{"183":{"position":[[29,6]]},"185":{"position":[[28,7]]},"357":{"position":[[21,7]]},"359":{"position":[[20,8]]},"499":{"position":[[7,6]]}}}],["toastservic",{"_index":151,"t":{"361":{"position":[[21,14]]}}}],["tooltip",{"_index":154,"t":{"371":{"position":[[20,9]]},"501":{"position":[[7,8]]}}}],["v0.0.1",{"_index":7,"t":{"7":{"position":[[16,6]]},"381":{"position":[[21,8]]}}}],["v0.0.2",{"_index":5,"t":{"3":{"position":[[16,6]]},"367":{"position":[[21,8]]}}}],["v0.0.3",{"_index":6,"t":{"5":{"position":[[16,6]]},"369":{"position":[[21,8]]}}}],["v0.0.4",{"_index":8,"t":{"9":{"position":[[16,6]]},"383":{"position":[[21,8]]}}}],["v0.1.0",{"_index":9,"t":{"11":{"position":[[16,6]]},"373":{"position":[[21,8]]}}}],["v0.1.1",{"_index":10,"t":{"13":{"position":[[16,6]]},"375":{"position":[[21,8]]}}}],["v0.2.0",{"_index":11,"t":{"15":{"position":[[16,6]]},"377":{"position":[[21,8]]}}}],["v0.2.1",{"_index":12,"t":{"17":{"position":[[16,6]]},"391":{"position":[[21,8]]}}}],["v0.2.2",{"_index":13,"t":{"19":{"position":[[16,6]]},"407":{"position":[[21,8]]}}}],["v0.2.3",{"_index":14,"t":{"21":{"position":[[16,6]]},"399":{"position":[[21,8]]}}}],["v0.2.4",{"_index":15,"t":{"23":{"position":[[16,6]]},"385":{"position":[[21,8]]}}}],["v0.2.5",{"_index":16,"t":{"25":{"position":[[16,6]]},"387":{"position":[[21,8]]}}}],["v0.2.6",{"_index":17,"t":{"27":{"position":[[16,6]]},"389":{"position":[[21,8]]}}}],["v0.3.0",{"_index":18,"t":{"29":{"position":[[16,6]]},"393":{"position":[[21,8]]}}}],["v0.4.0",{"_index":19,"t":{"31":{"position":[[16,6]]},"397":{"position":[[21,8]]}}}],["v0.4.1",{"_index":20,"t":{"33":{"position":[[16,6]]},"395":{"position":[[21,8]]}}}],["v0.4.2",{"_index":21,"t":{"35":{"position":[[16,6]]},"409":{"position":[[21,8]]}}}],["v0.5.0",{"_index":22,"t":{"37":{"position":[[16,6]]},"427":{"position":[[21,8]]}}}],["v0.5.1",{"_index":23,"t":{"39":{"position":[[17,6]]},"401":{"position":[[21,8]]}}}],["v0.6.0",{"_index":24,"t":{"41":{"position":[[17,6]]},"403":{"position":[[21,8]]}}}],["v1.0.0",{"_index":25,"t":{"43":{"position":[[17,6]]},"405":{"position":[[21,8]]}}}],["v1.0.1",{"_index":26,"t":{"45":{"position":[[17,6]]},"419":{"position":[[21,8]]}}}],["v1.1.0",{"_index":27,"t":{"47":{"position":[[17,6]]},"411":{"position":[[21,8]]}}}],["v1.10.0",{"_index":53,"t":{"99":{"position":[[17,7]]},"417":{"position":[[21,9]]}}}],["v1.10.1",{"_index":54,"t":{"101":{"position":[[17,7]]},"413":{"position":[[21,9]]}}}],["v1.10.2",{"_index":55,"t":{"103":{"position":[[17,7]]},"415":{"position":[[21,9]]}}}],["v1.2.0",{"_index":28,"t":{"49":{"position":[[17,6]]},"445":{"position":[[21,8]]}}}],["v1.3.0",{"_index":29,"t":{"51":{"position":[[17,6]]},"429":{"position":[[21,8]]}}}],["v1.3.1",{"_index":30,"t":{"53":{"position":[[17,6]]},"421":{"position":[[21,8]]}}}],["v1.4.0",{"_index":31,"t":{"55":{"position":[[17,6]]},"423":{"position":[[21,8]]}}}],["v1.4.1",{"_index":32,"t":{"57":{"position":[[17,6]]},"425":{"position":[[21,8]]}}}],["v1.4.2",{"_index":33,"t":{"59":{"position":[[17,6]]},"437":{"position":[[21,8]]}}}],["v1.4.3",{"_index":34,"t":{"61":{"position":[[17,6]]},"443":{"position":[[21,8]]}}}],["v1.4.4",{"_index":35,"t":{"63":{"position":[[17,6]]},"431":{"position":[[21,8]]}}}],["v1.4.5",{"_index":36,"t":{"65":{"position":[[17,6]]},"433":{"position":[[21,8]]}}}],["v1.5.0",{"_index":37,"t":{"67":{"position":[[17,6]]},"435":{"position":[[21,8]]}}}],["v1.6.0",{"_index":38,"t":{"69":{"position":[[17,6]]},"447":{"position":[[21,8]]}}}],["v1.7.0",{"_index":39,"t":{"71":{"position":[[17,6]]},"441":{"position":[[21,8]]}}}],["v1.7.1",{"_index":41,"t":{"75":{"position":[[17,6]]},"439":{"position":[[21,8]]}}}],["v1.7.2",{"_index":40,"t":{"73":{"position":[[17,6]]},"455":{"position":[[21,8]]}}}],["v1.7.3",{"_index":42,"t":{"77":{"position":[[17,6]]},"463":{"position":[[21,8]]}}}],["v1.8.0",{"_index":43,"t":{"79":{"position":[[17,6]]},"467":{"position":[[21,8]]}}}],["v1.8.1",{"_index":44,"t":{"81":{"position":[[17,6]]},"449":{"position":[[21,8]]}}}],["v1.8.2",{"_index":45,"t":{"83":{"position":[[17,6]]},"451":{"position":[[21,8]]}}}],["v1.8.3",{"_index":46,"t":{"85":{"position":[[17,6]]},"453":{"position":[[21,8]]}}}],["v1.9.0",{"_index":47,"t":{"87":{"position":[[17,6]]},"465":{"position":[[21,8]]}}}],["v1.9.1",{"_index":48,"t":{"89":{"position":[[17,6]]},"457":{"position":[[21,8]]}}}],["v1.9.2",{"_index":49,"t":{"91":{"position":[[17,6]]},"459":{"position":[[21,8]]}}}],["v1.9.3",{"_index":50,"t":{"93":{"position":[[17,6]]},"461":{"position":[[21,8]]}}}],["v1.9.4",{"_index":51,"t":{"95":{"position":[[17,6]]},"469":{"position":[[21,8]]}}}],["v1.9.5",{"_index":52,"t":{"97":{"position":[[17,6]]},"471":{"position":[[21,8]]}}}],["webassembl",{"_index":164,"t":{"527":{"position":[[25,11]]},"531":{"position":[[22,11]]},"533":{"position":[[22,11]]}}}]],"pipeline":["stemmer"]}},{"documents":[],"index":{"version":"2.3.9","fields":["t"],"fieldVectors":[],"invertedIndex":[],"pipeline":["stemmer"]}},{"documents":[{"i":2,"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!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Older Entries","s":"Blog | Blazor Bootstrap","u":"/blog","h":"","p":1},{"i":4,"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":3},{"i":6,"t":"BlazorBootstrap v0.0.3 December 8, 2021 · One min read Vikram Reddy Creator In this release, we added the Toasts component and improved documentation. New Component​ Toasts Tags: v0.0.3 blazorbootstrap Edit this page Newer Post BlazorBootstrap v0.0.4 Older Post BlazorBootstrap v0.0.2","s":"BlazorBootstrap v0.0.3","u":"/blog/2021/12/08/blazorbootstrap-0.0.3","h":"","p":5},{"i":8,"t":"BlazorBootstrap v0.0.1 November 23, 2021 · One min read Vikram Reddy Creator Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers. New Components​ Alert Button Icon Modals Offcanvas Tooltip Tags: v0.0.1 blazorbootstrap Edit this page Newer Post BlazorBootstrap v0.0.2","s":"BlazorBootstrap v0.0.1","u":"/blog/2021/11/23/blazorbootstrap-0.0.1","h":"","p":7},{"i":10,"t":"BlazorBootstrap v0.0.4 December 12, 2021 · One min read Vikram Reddy Creator Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release. Changelog​ Code improvements Documentation updates Breaking changes​ Modal​ Callback events renamed Showing -> OnShowing Shown -> OnShown Hiding -> OnHiding Hidden -> OnHidden HidePrevented -> OnHidePrevented Offcanvas​ Callback events renamed Showing -> OnShowing Shown -> OnShown Hiding -> OnHiding Hidden -> OnHidden Tooltip​ Parameters renamed TooltipTitle -> Title TooltipPlacement -> Placement Docs update​ For the below components, documentation is updated. Alerts Buttons Icons Modal Offcanvas Toasts Tooltips Tags: v0.0.4 blazorbootstrap Edit this page Newer Post BlazorBootstrap v0.1.0 Older Post BlazorBootstrap v0.0.3","s":"BlazorBootstrap v0.0.4","u":"/blog/2021/12/12/blazorbootstrap-0.0.4","h":"","p":9},{"i":12,"t":"BlazorBootstrap v0.1.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.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.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":21},{"i":24,"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":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 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":41},{"i":44,"t":"Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! New Components​ NumberInput component Blazor NumberInput component features​ Generic type support Enable min and max Step Text alignment Allow negative numbers Disable Validations Events: ValueChanged Blazor Tabs component features​ Fade effect Title with Icon Disable Tab Pills Activate individual tabs Events Demos site enhancements​ Brand new landing page The demo example and source code are split into two tabs for easy access. Links​ Demo Website Blazor NumberInput Component Documentation Blazor Tabs Component Documentation Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Edit this page Newer Post Blazor Bootstrap v1.0.1 Older Post Blazor Bootstrap v0.6.0","s":"Blazor Bootstrap v1.0.0","u":"/blog/2022/11/18/blazorbootstrap-1.0.0","h":"","p":43},{"i":46,"t":"Blazor Bootstrap v1.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.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":47},{"i":50,"t":"Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component What's changed​ New CurrencyInput component Demos site updates​ New examples for 'Blazor CurrencyInput Component' New examples for 'Blazor Confirm Dialog Component' Links​ Demo Website - Blazor WebAssembly Demo Website - Blazor Server Blazor CurrencyInput Documentation Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Edit this page Newer Post Blazor Bootstrap v1.3.0 Older Post Blazor Bootstrap v1.1.0","s":"Blazor Bootstrap v1.2.0","u":"/blog/2022/12/12/blazorbootstrap-1.2.0","h":"","p":49},{"i":52,"t":"Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component What's changed​ New Switch component Demos site updates​ New examples for 'Blazor Switch Component' Updates to 'Blazor Auto Complete Component' examples Links​ Demo Website - Blazor WebAssembly Demo Website - Blazor Server Blazor Switch Documentation Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Edit this page Newer Post Blazor Bootstrap v1.3.1 Older Post Blazor Bootstrap v1.2.0","s":"Blazor Bootstrap v1.3.0","u":"/blog/2022/12/15/blazorbootstrap-1.3.0","h":"","p":51},{"i":54,"t":"Blazor Bootstrap v1.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.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":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.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.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":73},{"i":76,"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":75},{"i":78,"t":"Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! What's changed​ Button component Button - id on Button is causing Unhandled error #194 Grid component Grid calls DataProvider method after input's onchange event #195 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Buttons Documentation Blazor Grid Documentation Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Edit this page Newer Post Blazor Bootstrap v1.8.0 Older Post Blazor Bootstrap v1.7.2","s":"Blazor Bootstrap v1.7.3","u":"/blog/2023/04/29/blazorbootstrap-1.7.3","h":"","p":77},{"i":80,"t":"Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! What's changed​ Grid component Grid Selection #179 Single selection Multiple selection Disable selection Disable all rows selection Grid Paging #196 Dynamic Page Size Page Size Selection Offcanvas component Static backdrop #210 Auto Complete component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Currency Input component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Date Input component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Number Input component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Switch component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Time Input component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Blazor Bootstrap Templates Install with .NET CLI: dotnet new install Blazor.Bootstrap.Templates::1.8.0 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Blazor Offcanvas Documentation Blazor Auto Complete Documentation Blazor Currency Input Documentation Blazor Date Input Documentation Blazor Number Input Documentation Blazor Switch Documentation Blazor Time Input Documentation Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Edit this page Newer Post Blazor Bootstrap v1.8.1 Older Post Blazor Bootstrap v1.7.3","s":"Blazor Bootstrap v1.8.0","u":"/blog/2023/05/28/blazorbootstrap-1.8.0","h":"","p":79},{"i":82,"t":"Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! What's changed​ Grid component Selection and filters both active bug #214 Tooltip component Tooltip does not disappear #213 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Blazor Offcanvas Documentation Blazor Auto Complete Documentation Blazor Currency Input Documentation Blazor Date Input Documentation Blazor Number Input Documentation Blazor Switch Documentation Blazor Time Input Documentation Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Edit this page Newer Post Blazor Bootstrap v1.8.2 Older Post Blazor Bootstrap v1.8.0","s":"Blazor Bootstrap v1.8.1","u":"/blog/2023/05/31/blazorbootstrap-1.8.1","h":"","p":81},{"i":84,"t":"Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! What's changed​ Grid component Grid local filter with null strings #227 Grid Single Select #230 Button component Button TooltipTitle does not disappear when clicked #222 DateInput component DateInput no reaction to null #221 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Blazor Buttons Documentation Blazor Date Input Documentation Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Edit this page Newer Post Blazor Bootstrap v1.8.3 Older Post Blazor Bootstrap v1.8.1","s":"Blazor Bootstrap v1.8.2","u":"/blog/2023/06/11/blazorbootstrap-1.8.2","h":"","p":83},{"i":86,"t":"Blazor Bootstrap v1.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.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 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":"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 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","s":"Archive","u":"/blog/archive","h":"","p":105},{"i":108,"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!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Newer Entries Older Entries","s":"Blog | Blazor Bootstrap","u":"/blog/page/2","h":"","p":107},{"i":110,"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!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Read More Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Read More Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More Newer Entries Older Entries","s":"Blog | Blazor Bootstrap","u":"/blog/page/3","h":"","p":109},{"i":112,"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!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More BlazorBootstrap v0.4.2 September 17, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.2 with bug fixes. Bug fixes​ AutoComplete component bug fix Links​ Demo Website Blazor AutoComplete Component Documentation Tags: v0.4.2 blazorbootstrap autocomplete BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Read More BlazorBootstrap v0.4.0 September 4, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.0 with new blazor autocomplete component. Tags: v0.4.0 blazorbootstrap autocomplete docs Read More BlazorBootstrap v0.3.0 August 31, 2022 · One min read Vikram Reddy Creator We are excited to release 0.3.0 with significant enhancements to the grid component. Tags: v0.3.0 blazorbootstrap grid Read More BlazorBootstrap v0.2.6 August 13, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.6 with enhancements and bug fixes. Tags: v0.2.6 blazorbootstrap button Read More BlazorBootstrap v0.2.5 July 28, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.5 with bug fixes and docs enhancement. Tags: v0.2.5 blazorbootstrap offcanvas modal Read More Newer Entries Older Entries","s":"Blog | Blazor Bootstrap","u":"/blog/page/4","h":"","p":111},{"i":114,"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. Tags: v0.2.4 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.3 April 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.3 with a new component and minor updates. Tags: v0.2.3 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.2 March 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.2 with a new component and minor updates. Tags: v0.2.2 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.1 February 27, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.1 with minor updates. Bootstrap Icons updated to v1.8.0​ Tags: v0.2.1 blazorbootstrap icons confirm dialog toasts Read More BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Read More BlazorBootstrap v0.1.1 December 21, 2021 · One min read Vikram Reddy Creator In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated. Tags: v0.1.1 blazorbootstrap alert Read More BlazorBootstrap v0.1.0 December 20, 2021 · One min read Vikram Reddy Creator We are excited to release 0.1.0 with lots of updates. Tags: v0.1.0 blazorbootstrap Read More BlazorBootstrap v0.0.4 December 12, 2021 · One min read Vikram Reddy Creator Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release. Tags: v0.0.4 blazorbootstrap Read More BlazorBootstrap v0.0.3 December 8, 2021 · One min read Vikram Reddy Creator In this release, we added the Toasts component and improved documentation. Tags: v0.0.3 blazorbootstrap Read More BlazorBootstrap v0.0.2 November 27, 2021 · One min read Vikram Reddy Creator In this release, our focus was more on documenting the individual components. Tags: v0.0.2 blazorbootstrap Read More Newer Entries Older Entries","s":"Blog | Blazor Bootstrap","u":"/blog/page/5","h":"","p":113},{"i":116,"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. Tags: v0.0.1 blazorbootstrap Read More Newer Entries","s":"Blog | Blazor Bootstrap","u":"/blog/page/6","h":"","p":115},{"i":118,"t":"Tags A accordion1 alert1 autocomplete8 B badge1 blazor31 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 blazorbootstrap51 blazorbootstrap-starter-templates1 blazorbreadcrumb1 blazorbutton2 blazorbuttons3 blazorchart1 blazorcollapse1 blazorconfirmdialog1 blazorconfirmmodal1 blazorcurrencyinput3 blazordate1 blazordateinput4 blazordatepicker2 blazordialog1 blazorgrid13 blazoricon1 blazormodal8 blazormodalservice2 blazornumber1 blazornumberinput1 blazoroffcanvas3 blazorprogress1 blazorsidebar2 blazorswitch2 blazortabs1 blazortime1 blazortimeinput3 blazortimepicker1 blazortoast1 blazortoasts2 blazortooltip2 bootstrap24 bootstrap524 breadcrumb1 breadcrumbservice1 button3 buttons3 C callout1 chart1 collapse1 confirm dialog1 confirmdialog1 confirmmodal1 currency1 currencyinput2 D date1 dateinput4 datepicker2 dialog1 docs3 G grid15 I icon1 icons1 input2 input-number1 L layout1 leftmenu1 M modal10 modalservice3 N navigation1 numberinput1 O offcanvas5 P pagination1 placeholders3 progress2 progress-bar1 S sidebar2 switch1 T tabs1 timeinput3 timepicker1 toast1 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.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":117},{"i":120,"t":"One post tagged with \"accordion\" 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 \"accordion\"","u":"/blog/tags/accordion","h":"","p":119},{"i":122,"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":121},{"i":124,"t":"8 posts tagged with \"autocomplete\" 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.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":"8 posts tagged with \"autocomplete\"","u":"/blog/tags/autocomplete","h":"","p":123},{"i":126,"t":"One post tagged with \"badge\" 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 \"badge\"","u":"/blog/tags/badge","h":"","p":125},{"i":128,"t":"31 posts tagged with \"blazor\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Older Entries","s":"31 posts tagged with \"blazor\"","u":"/blog/tags/blazor","h":"","p":127},{"i":130,"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":129},{"i":132,"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":131},{"i":134,"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":133},{"i":136,"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":135},{"i":138,"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":137},{"i":140,"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":139},{"i":142,"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":141},{"i":144,"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":143},{"i":146,"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":145},{"i":148,"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":147},{"i":150,"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":149},{"i":152,"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":151},{"i":154,"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":153},{"i":156,"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":155},{"i":158,"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":157},{"i":160,"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":159},{"i":162,"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":161},{"i":164,"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":163},{"i":166,"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":165},{"i":168,"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":167},{"i":170,"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":169},{"i":172,"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":171},{"i":174,"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":173},{"i":176,"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":175},{"i":178,"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":177},{"i":180,"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":179},{"i":182,"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":181},{"i":184,"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":183},{"i":186,"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":185},{"i":188,"t":"31 posts tagged with \"blazor\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Newer Entries Older Entries","s":"31 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/2","h":"","p":187},{"i":190,"t":"31 posts tagged with \"blazor\" View All Tags Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Read More Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Read More Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More Newer Entries Older Entries","s":"31 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/3","h":"","p":189},{"i":192,"t":"31 posts tagged with \"blazor\" View All Tags Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More Newer Entries","s":"31 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/4","h":"","p":191},{"i":194,"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":193},{"i":196,"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":195},{"i":198,"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":197},{"i":200,"t":"51 posts tagged with \"blazorbootstrap\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Older Entries","s":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap","h":"","p":199},{"i":202,"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":201},{"i":204,"t":"51 posts tagged with \"blazorbootstrap\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Newer Entries Older Entries","s":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/2","h":"","p":203},{"i":206,"t":"51 posts tagged with \"blazorbootstrap\" View All Tags Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Read More Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Read More Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More Newer Entries Older Entries","s":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/3","h":"","p":205},{"i":208,"t":"51 posts tagged with \"blazorbootstrap\" View All Tags Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More BlazorBootstrap v0.4.2 September 17, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.2 with bug fixes. Bug fixes​ AutoComplete component bug fix Links​ Demo Website Blazor AutoComplete Component Documentation Tags: v0.4.2 blazorbootstrap autocomplete BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Read More BlazorBootstrap v0.4.0 September 4, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.0 with new blazor autocomplete component. Tags: v0.4.0 blazorbootstrap autocomplete docs Read More BlazorBootstrap v0.3.0 August 31, 2022 · One min read Vikram Reddy Creator We are excited to release 0.3.0 with significant enhancements to the grid component. Tags: v0.3.0 blazorbootstrap grid Read More BlazorBootstrap v0.2.6 August 13, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.6 with enhancements and bug fixes. Tags: v0.2.6 blazorbootstrap button Read More BlazorBootstrap v0.2.5 July 28, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.5 with bug fixes and docs enhancement. Tags: v0.2.5 blazorbootstrap offcanvas modal Read More Newer Entries Older Entries","s":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/4","h":"","p":207},{"i":210,"t":"51 posts tagged with \"blazorbootstrap\" View All Tags BlazorBootstrap v0.2.4 June 19, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.4 with bug fixes and docs enhancement. Tags: v0.2.4 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.3 April 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.3 with a new component and minor updates. Tags: v0.2.3 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.2 March 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.2 with a new component and minor updates. Tags: v0.2.2 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.1 February 27, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.1 with minor updates. Bootstrap Icons updated to v1.8.0​ Tags: v0.2.1 blazorbootstrap icons confirm dialog toasts Read More BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Read More BlazorBootstrap v0.1.1 December 21, 2021 · One min read Vikram Reddy Creator In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated. Tags: v0.1.1 blazorbootstrap alert Read More BlazorBootstrap v0.1.0 December 20, 2021 · One min read Vikram Reddy Creator We are excited to release 0.1.0 with lots of updates. Tags: v0.1.0 blazorbootstrap Read More BlazorBootstrap v0.0.4 December 12, 2021 · One min read Vikram Reddy Creator Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release. Tags: v0.0.4 blazorbootstrap Read More BlazorBootstrap v0.0.3 December 8, 2021 · One min read Vikram Reddy Creator In this release, we added the Toasts component and improved documentation. Tags: v0.0.3 blazorbootstrap Read More BlazorBootstrap v0.0.2 November 27, 2021 · One min read Vikram Reddy Creator In this release, our focus was more on documenting the individual components. Tags: v0.0.2 blazorbootstrap Read More Newer Entries Older Entries","s":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/5","h":"","p":209},{"i":212,"t":"51 posts tagged with \"blazorbootstrap\" View All Tags BlazorBootstrap v0.0.1 November 23, 2021 · One min read Vikram Reddy Creator Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers. Tags: v0.0.1 blazorbootstrap Read More Newer Entries","s":"51 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/6","h":"","p":211},{"i":214,"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":213},{"i":216,"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":215},{"i":218,"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":217},{"i":220,"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":219},{"i":222,"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":221},{"i":224,"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":223},{"i":226,"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":225},{"i":228,"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":227},{"i":230,"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":229},{"i":232,"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":231},{"i":234,"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":233},{"i":236,"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":235},{"i":238,"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":237},{"i":240,"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":239},{"i":242,"t":"One post tagged with \"blazoricon\" 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 \"blazoricon\"","u":"/blog/tags/blazoricon","h":"","p":241},{"i":244,"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":243},{"i":246,"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":245},{"i":248,"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":247},{"i":250,"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":249},{"i":252,"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":251},{"i":254,"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":253},{"i":256,"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":255},{"i":258,"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":257},{"i":260,"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":259},{"i":262,"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":261},{"i":264,"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":263},{"i":266,"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":265},{"i":268,"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":267},{"i":270,"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":269},{"i":272,"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":271},{"i":274,"t":"24 posts tagged with \"bootstrap5\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Older Entries","s":"24 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5","h":"","p":273},{"i":276,"t":"24 posts tagged with \"bootstrap5\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Newer Entries Older Entries","s":"24 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/2","h":"","p":275},{"i":278,"t":"24 posts tagged with \"bootstrap5\" View All Tags Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Newer Entries","s":"24 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/3","h":"","p":277},{"i":280,"t":"24 posts tagged with \"bootstrap\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Older Entries","s":"24 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap","h":"","p":279},{"i":282,"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":281},{"i":284,"t":"24 posts tagged with \"bootstrap\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Newer Entries Older Entries","s":"24 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/2","h":"","p":283},{"i":286,"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":285},{"i":288,"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":287},{"i":290,"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":289},{"i":292,"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":291},{"i":294,"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":293},{"i":296,"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":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 \"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":299},{"i":302,"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":301},{"i":304,"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":303},{"i":306,"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":305},{"i":308,"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":307},{"i":310,"t":"24 posts tagged with \"bootstrap\" View All Tags Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Newer Entries","s":"24 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/3","h":"","p":309},{"i":312,"t":"3 posts tagged with \"docs\" 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 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":"3 posts tagged with \"docs\"","u":"/blog/tags/docs","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":"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":315},{"i":318,"t":"15 posts tagged with \"grid\" 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":"15 posts tagged with \"grid\"","u":"/blog/tags/grid","h":"","p":317},{"i":320,"t":"One post tagged with \"icon\" 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 \"icon\"","u":"/blog/tags/icon","h":"","p":319},{"i":322,"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":321},{"i":324,"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":323},{"i":326,"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":325},{"i":328,"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":327},{"i":330,"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":329},{"i":332,"t":"10 posts tagged with \"modal\" 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 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":"10 posts tagged with \"modal\"","u":"/blog/tags/modal","h":"","p":331},{"i":334,"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":333},{"i":336,"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":335},{"i":338,"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":337},{"i":340,"t":"15 posts tagged with \"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 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":"15 posts tagged with \"grid\"","u":"/blog/tags/grid/page/2","h":"","p":339},{"i":342,"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":341},{"i":344,"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":343},{"i":346,"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":345},{"i":348,"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":347},{"i":350,"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":349},{"i":352,"t":"One post tagged with \"tabs\" 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 \"tabs\"","u":"/blog/tags/tabs","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":"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":355},{"i":358,"t":"One post tagged with \"toast\" 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 \"toast\"","u":"/blog/tags/toast","h":"","p":357},{"i":360,"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":359},{"i":362,"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":361},{"i":364,"t":"One post tagged with \"switch\" 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 \"switch\"","u":"/blog/tags/switch","h":"","p":363},{"i":366,"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":365},{"i":368,"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":367},{"i":370,"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":369},{"i":372,"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":371},{"i":374,"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":373},{"i":376,"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":375},{"i":378,"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":377},{"i":380,"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":379},{"i":382,"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":381},{"i":384,"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":383},{"i":386,"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":385},{"i":388,"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":387},{"i":390,"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":389},{"i":392,"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":391},{"i":394,"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":393},{"i":396,"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":395},{"i":398,"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":397},{"i":400,"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":399},{"i":402,"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":401},{"i":404,"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":403},{"i":406,"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":405},{"i":408,"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":407},{"i":410,"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":409},{"i":412,"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":411},{"i":414,"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":413},{"i":416,"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":415},{"i":418,"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":417},{"i":420,"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":419},{"i":422,"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":421},{"i":424,"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":423},{"i":426,"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":425},{"i":428,"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":427},{"i":430,"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":429},{"i":432,"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":431},{"i":434,"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":433},{"i":436,"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":435},{"i":438,"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":437},{"i":440,"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":439},{"i":442,"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":441},{"i":444,"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":443},{"i":446,"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":445},{"i":448,"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":447},{"i":450,"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":449},{"i":452,"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":451},{"i":454,"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":453},{"i":456,"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":455},{"i":458,"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":457},{"i":460,"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":459},{"i":462,"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":461},{"i":464,"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":463},{"i":466,"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":465},{"i":468,"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":467},{"i":470,"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":469},{"i":472,"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":471},{"i":474,"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 Descritpion 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":473},{"i":476,"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 Descritpion 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":475},{"i":478,"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 Descritpion 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":477},{"i":480,"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":479},{"i":482,"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":481},{"i":484,"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":483},{"i":486,"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 Descritpion 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":485},{"i":488,"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 Descritpion 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 Placeholders Parameters Callback Events Examples Pagination Working with icons Disabled and active states Sizing Alignment Callback Events","s":"Blazor Pagination","u":"/components/pagination","h":"","p":487},{"i":490,"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 Descritpion 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 Descritpion 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 Pagination Next Preload PlaceholderContainer Parameters Placeholder Parameters Examples Placeholders Width Color Sizing Animation","s":"Blazor Placeholders","u":"/components/placeholders","h":"","p":489},{"i":492,"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 Descritpion Required Version Added ChildContent RenderFragment null Specifies the content to be rendered inside this. 1.1.0 Preload Service​ Methods​ Name Return Type Description Added Version Show(SpinnerColor spinnerColor = SpinnerColor.Light) void Shows the preload. 1.1.0 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, 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 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 spinner color","s":"Blazor Preload","u":"/components/preload","h":"","p":491},{"i":494,"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 Descritpion 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 Descritpion 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 Sidebar 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":493},{"i":496,"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 Descritpion 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 Descritpion Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 CardFooter Parameters​ Name Type Descritpion Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 CardGroup Parameters​ Name Type Descritpion Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 CardHeader Parameters​ Name Type Descritpion Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 CardLink Parameters​ Name Type Descritpion 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 Descritpion 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 Descritpion Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside this. ✔️ 1.10.0 CardTitle Parameters​ Name Type Descritpion 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":495},{"i":498,"t":"Components Tabs On this page Blazor Tabs Documentation and examples for how to use Blazor Bootstrap tabs components. Tabs Parameters​ Name Type Descritpion Required Default ChildContent RenderFragment Specifies the content to be rendered inside this. EnableFadeEffect bool Gets or sets the tabs fade effect. false NavStyle NavStyle Get or sets the nav style. NavStyle.Tabs Tabs Methods​ Name Description ShowFirstTabAsync Selects the first tab and show its associated pane. ShowLastTabAsync Selects the last tab and show its associated pane. ShowTabByNameAsync(string) Selects the tab by name and show its associated pane. ShowTabByIndexAsync(int) Selects the tab by index and show its associated pane. Tab Parameters​ Name Type Descritpion Required Default Title string Gets or sets the tab title. TitleTemplate RenderFragment Gets or sets the tab title template. Content RenderFragment Specifies the content to be rendered inside the tab. ✔️ IsActive bool Gets or sets the active tab. false Disabled bool Gets or sets the disabled. false Note Either Title or TitleTemplate is required. 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 make tabs fade in, add EnableFadeEffect=\"true\". The first tab pane must also have IsActive=\"true\" to make the initial content visible.

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 TitleTemplate, as shown in the below 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​ Use NavStyle=\"NavStyle.Pills\" parameter to change the tabs to 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. Activate individual tabs​ You can activate individual tabs in several ways. Use predefined methods 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. Callback Events​ When showing a new tab, the events fire in the following order: OnHiding (on the current active tab) OnShowing (on the to-be-shown tab) OnHidden (on the previous active tab, the same one as for the OnHiding event) OnShown (on the newly-active just-shown tab, the same one as for the OnShowing event) Note If no tab was already active, then the OnHiding and OnHidden events will not be fired. See demo here. 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. Edit this page Previous Sidebar Next Toasts Tabs Parameters Tabs Methods Tab Parameters Examples Tabs Fade effect Title with icon Disable Tab Pills Activate individual tabs Callback Events Set active tab OnAfterRender","s":"Blazor Tabs","u":"/components/tabs","h":"","p":497},{"i":500,"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 Descritpion 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":499},{"i":502,"t":"Components Tooltips On this page Blazor Tooltips Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages. Parameters​ Name Type Descritpion 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 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":501},{"i":504,"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 Descritpion 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. Examples​ Icons​ See icons demo here. Sizes​ See icons with different size demo here. 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. Bootstrap Icons​ See all bootstrap icons demo here. Edit this page Previous Blazor Server Next Auto Complete Prerequisites Parameters Examples Icons Sizes Colors Inline text with icon Link with icon Link with custom icon Button with icon and text Button with icon only Bootstrap Icons","s":"Blazor Icons","u":"/content/icons","h":"","p":503},{"i":506,"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 Descritpion 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 dropdown direction. DropdownDirection.Dropdown 1.10.0 Split bool Gets or sets the toggle button split behavior. false 1.10.0 DropdownToggleButton Parameters​ Name Type Descritpion 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 Size Size Gets or sets the button size. 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 Descritpion 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 Size Size Gets or sets the button size. 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 Descritpion 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 Descritpion Required Default Added Version ChildContent RenderFragment Specifies the content to be rendered inside the DropdownHeader. 1.10.0 DropdownItem Parameters​ Name Type Descritpion 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 style DropdownItem as disabled, add the Disabled=\"true\" parameter to 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":505},{"i":508,"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 Descritpion 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":507},{"i":510,"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 Descritpion 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":509},{"i":512,"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 Descritpion 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":511},{"i":514,"t":"Data Visualization Pie Chart On this page Blazor Pie Chart Components 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 Descritpion 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. 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","s":"Blazor Pie Chart Components","u":"/data-visualization/pie-chart","h":"","p":513},{"i":516,"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 Descritpion 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 empty 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":515},{"i":518,"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":517},{"i":520,"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":519},{"i":522,"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 Number Input Next Time Input Parameters Methods Events Examples Basic usage Disable Disable Reverse Events: ValueChanged","s":"Blazor Switch","u":"/forms/switch","h":"","p":521},{"i":524,"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 Switch 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":523},{"i":526,"t":"Getting Started Blazor Server On this page Getting started - Blazor Server 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.10.2 Add CSS references​ Add the following references to the head section in the Pages/_Host.cshtml. 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​ Add the following references to the body section in the Pages/_Host.cshtml 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(); // Add this line Register tag helpers in _Imports.razor @using BlazorBootstrap; Remove default references​ In the Pages/_Host.cshtml file, the default blazor template includes demonstration code, icons, and Bootstrap. These files are no longer needed. Delete the default bootstrap and open-iconic folders from the wwwroot folder. wwwroot/css/bootstrap wwwroot/css/open-iconic Either remove or keep the site.css file but make sure you clear it out of any content when the Sidebar component with full layout is used. Starter templates​ .NET 6​ Blazor Bootstrap - Blazor Server App .NET 7​ Blazor Bootstrap - Blazor Server App Blazor Bootstrap - Blazor Empty Server App Edit this page Previous Blazor WebAssembly Next MAUI Blazor Install Nuget Package Add CSS references Add script references Register services Remove default references Starter templates .NET 6 .NET 7","s":"Getting started - Blazor Server","u":"/getting-started/blazor-server","h":"","p":525},{"i":528,"t":"Getting Started Blazor WebAssembly On this page Getting started - Blazor WebAssembly 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.10.2 Add CSS references​ Add the following references to the head section in the wwwroot/index.html. 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​ Add the following references to the body section in the wwwroot/index.html after the _framework/blazor.webassembly.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(); // Add this line Register tag helpers in _Imports.razor @using BlazorBootstrap; Remove default references​ In the wwwroot/index.html file, the default blazor template includes demonstration code, icons, and Bootstrap. These files are no longer needed. Delete the default bootstrap and open-iconic folders from the wwwroot folder. wwwroot/css/bootstrap wwwroot/css/open-iconic Either remove or keep the app.css file but make sure you clear it out of any content when the Sidebar component with full layout is used. 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 Next Blazor Server Install Nuget Package Add CSS references Add script references Register services Remove default references Starter templates .NET 6 .NET 7","s":"Getting started - Blazor WebAssembly","u":"/getting-started/blazor-webassembly","h":"","p":527},{"i":530,"t":"Getting Started MAUI Blazor On this page Getting started - MAUI Blazor App 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.10.2 Add CSS references​ Add the following references to the head section in the wwwroot/index.html. Add script references​ Add the following references to the body section in the wwwroot/index.html 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(); // Add this line Register tag helpers in _Imports.razor @using BlazorBootstrap; Remove default references​ In the wwwroot/index.html file, the default blazor template includes demonstration code, icons, and Bootstrap. These files are no longer needed. Delete the default bootstrap and open-iconic folders from the wwwroot folder. wwwroot/css/bootstrap wwwroot/css/open-iconic Either remove or keep the app.css file but make sure you clear it out of any content when the Sidebar component with full layout is used. 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 Next Blazor WebAssembly Install Nuget Package Add CSS references Add script references Register services Remove default references Starter templates .NET 6 .NET 7","s":"Getting started - MAUI Blazor App","u":"/getting-started/maui-blazor","h":"","p":529},{"i":532,"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":531},{"i":534,"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 MAUI Blazor Next Blazor Server Prerequisites Steps Starter templates .NET 6 .NET 7","s":"Layout Setup - Blazor WebAssembly","u":"/layout/blazor-webassembly","h":"","p":533},{"i":536,"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":535},{"i":538,"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":537},{"i":540,"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. PrimarySecondarySuccessDangerWarningInfoLightDark 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":539},{"i":542,"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 Descritpion 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":541},{"i":544,"t":"Components Accordion On this page Blazor Accordion Build vertically collapsing accordions in combination with our Collapse component. Accordion Parameters​ Name Type Default Required Descritpion 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 ShowFirstAccordionItemAsync Show the first AccordionItem. 1.7.0 ShowLastAccordionItemAsync Show the last AccordionItem. 1.7.0 ShowAccordionItemByNameAsync Show the AccordionItem by name. 1.7.0 ShowAccordionItemByIndexAsync Show the AccordionItem by index. 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 Descritpion 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. Activate individual accordion items​ You can activate individual accordion items in several ways. Use predefined methods ShowFirstAccordionItemAsync, ShowLastAccordionItemAsync, ShowAccordionItemByNameAsync, and ShowAccordionItemByIndexAsync as shown below. 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. @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();} 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 Activate individual accordion items Events Example","s":"Blazor Accordion","u":"/components/accordion","h":"","p":543},{"i":546,"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 Descritpion 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. 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":545},{"i":548,"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 Descritpion 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 Descritpion Added Version CustomIconName string 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 Gets or sets the Id. 1.4.0 Match NavLinkMatch NavLinkMatch.Prefix Gets or sets the URL matching behavior. 1.4.0 ParentId string 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. Edit this page Previous Progress 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","s":"Blazor Sidebar","u":"/components/sidebar","h":"","p":547},{"i":550,"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 Descritpion 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 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 HeaderRowCssClass string Gets or sets the header row css class but not the thead tag class. 1.9.2 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 IMPORTANT Grid requires either Data or DataProvider parameter, but not both. Grid Callback Events​ Name Type Descritpion 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 Descritpion 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 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 In version 0.5.1, the Grid sorting state is not included as part of GridSettings. We will add it in the subsequent 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 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","s":"Blazor Grid","u":"/components/grid","h":"","p":549}],"index":{"version":"2.3.9","fields":["t"],"fieldVectors":[["t/2",[0,0.315,1,0.368,2,3.054,3,1.77,4,1.556,5,1.246,6,0.024,7,0.258,8,0.27,9,0.307,10,0.286,11,0.278,12,0.31,13,0.419,14,0.302,15,1.93,16,1.001,17,1.607,18,2.725,19,1.466,20,1.324,21,2.41,22,2.163,23,0.262,24,1.313,25,0.246,26,1.449,27,1.82,28,2.203,29,2.082,30,2.245,31,2.975,32,2.319,33,1.901,34,1.93,35,2.203,36,1.519,37,0.609,38,3.836,39,3.054,40,2.287,41,2.907,42,2.287,43,0.408,44,2.332,45,1.029,46,1.896,47,2.008,48,3.836,49,2.431,50,1.228,51,2.332,52,0.68,53,2.604,54,2.671,55,1.042,56,1.575,57,3.492,58,3.308,59,2.815,60,2.485,61,2.349,62,1.656,63,3.652,64,1.656,65,2.671,66,2.756,67,3.285,68,3.836,69,1.846,70,2.907,71,3.741,72,2.542,73,2.821,74,3.492,75,2.543,76,3.35,77,2.281,78,2.604,79,2.604,80,2.614,81,2.287,82,3.223,83,2.235,84,1.575,85,2.287,86,1.945,87,2.474,88,2.38,89,2.38,90,3.652,91,2.743,92,2.953,93,2.743,94,1.19,95,1.93]],["t/4",[6,0.019,7,0.209,8,0.215,9,0.228,10,0.228,11,0.221,12,0.247,14,0.241,23,0.209,25,0.256,29,1.658,32,2.837,37,0.485,43,0.419,55,1.831,86,2.379,94,2.091,96,6.473,97,2.987,98,4.957,99,4.098,100,4.957,101,2.816,102,4.693,103,5.109,104,6.242,105,3.736,106,4.468,107,2.158,108,1.691,109,1.562,110,2.091,111,0.339,112,5.467,113,5.684]],["t/6",[6,0.02,7,0.213,8,0.219,9,0.232,10,0.232,11,0.226,12,0.252,14,0.246,23,0.213,25,0.258,43,0.424,44,4.181,52,0.848,77,2.613,94,2.133,96,5.578,99,4.181,101,2.427,108,1.725,109,1.594,110,2.133,111,0.343,112,6.55,114,3.309,115,5.212,116,3.217,117,5.578]],["t/8",[6,0.019,7,0.21,8,0.217,9,0.23,10,0.23,11,0.223,12,0.249,14,0.242,23,0.21,25,0.248,29,1.67,32,2.858,43,0.421,52,0.838,55,1.845,86,2.396,96,5.508,97,3.009,99,4.129,106,4.501,107,2.174,108,1.704,109,1.574,110,2.107,111,0.289,113,6.76,118,3.416,119,6.289,120,6.289,121,4.728,122,4.304,123,5.147,124,2.823,125,6.289,126,5.727]],["t/10",[6,0.027,7,0.183,8,0.189,9,0.2,10,0.2,11,0.194,12,0.217,14,0.211,23,0.183,25,0.245,29,1.814,32,3.104,36,2.344,43,0.388,44,4.484,45,0.991,55,1.608,77,1.916,86,2.089,94,1.837,99,3.6,100,4.354,101,2.835,105,3.281,106,3.924,107,2.361,108,1.485,109,1.372,110,1.837,111,0.313,112,4.802,114,2.849,117,5.982,127,2.066,128,4.993,129,2.885,130,2.658,131,4.993,132,6.946,133,2.731,134,5.482,135,2.089,136,5.424,137,3.888,138,7.894,139,3.952,140,5.775,141,5.424,142,5.775,143,4.674,144,5.775,145,5.135,146,5.775,147,6.946,148,6.265,149,5.817,150,3.529,151,6.265,152,4.802,153,4.802]],["t/12",[6,0.019,7,0.201,8,0.207,9,0.22,10,0.22,11,0.214,12,0.238,13,0.322,14,0.232,19,2.483,20,2.244,23,0.201,25,0.253,43,0.342,45,0.802,52,0.963,76,3.952,94,2.016,99,3.952,108,1.63,109,1.507,110,2.016,111,0.332,114,3.128,116,3.04,117,5.272,122,4.119,135,2.294,153,6.334,154,5.481,155,6.019,156,4.78,157,4.308,158,4.926,159,4.308,160,6.386,161,2.121,162,3.125,163,6.386,164,6.878,165,3.875,166,4.525,167,7.625,168,7.625,169,2.219,170,6.878,171,5.089]],["t/14",[6,0.019,7,0.205,8,0.211,9,0.223,10,0.223,11,0.217,12,0.242,14,0.236,23,0.205,25,0.254,36,3.123,43,0.415,45,1.077,94,2.051,99,4.019,106,5.589,108,1.658,109,1.532,110,2.051,111,0.335,114,3.181,129,3.086,135,2.333,138,6.495,153,5.361,161,2.136,162,2.468,170,6.995,171,6.176,172,5.574,173,4.602,174,4.282,175,7.755,176,6.121,177,4.726]],["t/16",[4,2.642,6,0.019,7,0.202,8,0.208,9,0.22,10,0.22,11,0.214,12,0.239,13,0.322,14,0.233,16,2.041,23,0.202,25,0.253,29,2.061,43,0.342,45,0.965,46,1.904,52,0.804,94,2.021,107,2.683,108,1.634,109,1.51,110,2.021,111,0.332,135,2.299,156,4.791,157,4.318,161,1.981,162,2.92,164,6.895,169,2.225,171,5.101,177,5.591,178,2.887,179,1.51,180,5.101,181,5.739,182,5.689,183,4.791]],["t/18",[1,0.315,6,0.018,7,0.199,8,0.205,9,0.218,10,0.218,11,0.212,12,0.236,13,0.319,14,0.23,19,3.185,20,2.878,23,0.199,25,0.252,36,2.549,43,0.408,45,1.093,77,2.698,86,3.055,94,1.997,98,4.735,108,1.615,109,1.492,110,1.997,111,0.33,161,1.631,162,2.404,169,2.198,174,5.03,177,4.603,179,1.492,183,5.71,184,3.098,185,5.222,186,3.684,187,5.671,188,4.267,189,3.098,190,5.041]],["t/20",[4,2.7,6,0.019,7,0.206,8,0.212,9,0.225,10,0.225,11,0.219,12,0.244,13,0.33,14,0.238,23,0.206,25,0.255,43,0.445,45,0.977,52,0.977,94,2.066,108,1.67,109,1.543,110,2.066,111,0.337,158,5.047,160,6.542,161,1.687,162,2.486,169,2.273,174,4.313,179,1.543,183,4.897,190,6.203,191,3.03,192,5.865,193,4.856,194,2.802,195,7.811,196,7.811,197,5.213]],["t/22",[6,0.019,7,0.208,8,0.215,9,0.227,10,0.227,11,0.221,12,0.246,13,0.333,14,0.24,23,0.208,25,0.256,43,0.446,44,4.088,45,0.983,52,0.983,84,2.761,87,3.578,94,2.086,108,1.687,109,1.559,110,2.086,111,0.339,161,1.704,162,2.51,169,2.296,174,4.356,179,1.559,190,5.265,193,3.861,197,6.239,198,2.941,199,5.923,200,5.265]],["t/24",[6,0.019,7,0.207,8,0.214,9,0.226,10,0.226,11,0.22,12,0.245,13,0.331,14,0.239,16,2.074,23,0.207,25,0.255,36,3.145,43,0.418,45,0.825,83,2.714,94,2.076,106,5.266,108,1.678,109,1.551,110,2.076,111,0.338,161,1.695,162,2.498,169,2.285,179,1.551,189,3.824,193,3.842,197,5.239,200,6.221,201,4.152,202,5.894,203,3.997,204,5.071]],["t/26",[6,0.019,7,0.204,8,0.21,9,0.222,10,0.222,11,0.216,12,0.241,13,0.326,14,0.235,16,2.053,23,0.204,25,0.254,29,2.069,36,3.114,43,0.458,45,0.811,58,2.915,94,2.041,107,2.694,108,1.65,109,1.525,110,2.041,111,0.334,161,1.667,162,2.456,169,2.246,179,1.525,189,4.049,200,5.15,203,4.233,204,5.961,205,2.84,206,5.547,207,5.15]],["t/28",[1,0.269,6,0.019,7,0.206,8,0.212,9,0.224,10,0.224,11,0.218,12,0.243,13,0.329,14,0.237,16,2.205,23,0.206,25,0.255,36,2.629,39,3.681,43,0.416,45,0.819,49,4.209,55,2.295,71,4.509,86,2.792,94,2.061,108,1.666,109,1.54,110,2.061,111,0.336,161,1.683,162,2.48,169,2.268,179,1.54,189,3.196,203,3.341,204,5.034,207,6.194,208,5.851,209,3.291,210,5.2]],["t/30",[6,0.017,7,0.187,8,0.192,9,0.204,10,0.204,11,0.198,12,0.221,13,0.298,14,0.215,16,2.114,23,0.187,25,0.246,39,3.339,43,0.445,45,0.743,46,2.041,94,1.869,101,2.126,108,1.511,109,1.397,110,1.869,111,0.317,161,1.889,162,2.249,169,2.057,179,1.397,182,4.09,188,5.367,207,4.717,210,5.838,211,3.524,212,5.307,213,5.307,214,4.308,215,7.133,216,5.25,217,5.579,218,5.483,219,2.329,220,3.394,221,3.099,222,4.205,223,6.568,224,5.92,225,5.92,226,4.195,227,5.062,228,4.431,229,3.078,230,8.569,231,5.92,232,6.376,233,4.567,234,3.46,235,4.567,236,4.717,237,5.307,238,4.567]],["t/32",[0,0.29,3,2.97,6,0.018,7,0.199,8,0.205,9,0.218,10,0.218,11,0.212,12,0.236,13,0.319,14,0.23,17,2.625,23,0.199,25,0.252,36,2.549,43,0.473,52,0.958,69,3.098,94,1.997,101,2.272,108,1.615,109,1.492,110,1.997,111,0.33,161,1.967,162,2.404,169,2.198,179,1.492,210,5.041,216,4.818,217,5.962,218,5.71,219,2.489,234,4.458,238,5.885,239,5.222,240,5.041,241,4.735,242,4.603]],["t/34",[0,0.281,3,2.774,6,0.017,7,0.186,8,0.192,9,0.203,10,0.203,11,0.197,12,0.22,13,0.298,14,0.215,16,2.268,17,2.466,23,0.186,25,0.246,36,2.38,42,3.584,43,0.465,46,1.921,86,2.121,94,1.865,101,2.855,108,1.508,109,1.393,110,1.865,111,0.316,127,2.098,129,2.352,134,5.567,135,2.628,138,7.316,161,1.523,162,2.244,166,6.249,169,2.053,179,1.393,209,4.009,221,3.095,228,4.421,238,4.557,242,5.324,243,4.557,244,7.316,245,6.362,246,4.557,247,4.298,248,3.174,249,5.567,250,5.296,251,4.876,252,7.053,253,7.053,254,3.071,255,4.707]],["t/36",[0,0.233,3,3.095,6,0.019,7,0.208,8,0.214,9,0.227,10,0.227,11,0.22,12,0.246,13,0.332,14,0.239,17,2.474,23,0.208,25,0.255,43,0.418,94,2.081,101,2.367,108,1.683,109,1.555,110,2.081,111,0.338,161,1.699,162,2.504,169,2.29,179,1.555,189,4.083,203,4.268,242,4.796,255,6.23,256,5.441,257,5.909,258,4.67]],["t/38",[0,0.327,1,0.244,6,0.017,7,0.187,8,0.192,9,0.204,10,0.204,11,0.198,12,0.221,13,0.298,14,0.215,18,3.63,23,0.187,25,0.236,43,0.484,52,0.92,59,3.078,94,1.869,101,2.986,108,1.511,109,1.397,110,1.869,111,0.317,161,1.526,162,2.249,169,2.057,179,1.397,255,4.717,258,5.191,259,3.078,260,4.567,261,4.012,262,5.024,263,4.487,264,4.923,265,4.195]],["t/40",[0,0.318,1,0.311,6,0.018,7,0.195,8,0.201,9,0.213,10,0.213,11,0.207,12,0.231,13,0.312,14,0.225,16,2.001,23,0.195,25,0.223,43,0.331,44,3.833,46,2.079,47,1.695,94,1.956,101,2.225,108,1.581,109,1.992,110,1.956,111,0.326,161,1.597,162,2.354,169,2.152,179,1.461,209,3.124,216,4.757,227,4.28,258,4.389,259,3.22,265,5.337,266,3.555,267,4.636,268,6.671,269,5.204,270,4.178,271,2.949,272,3.833,273,6.194,274,4.507,275,7.396,276,7.396,277,4.28]],["t/42",[0,0.32,1,0.329,6,0.017,7,0.188,8,0.194,9,0.205,10,0.205,11,0.2,12,0.223,13,0.301,14,0.217,16,1.587,23,0.188,25,0.177,43,0.478,52,0.925,77,2.873,84,2.496,92,4.869,94,1.886,101,2.646,108,1.525,109,1.409,110,1.886,111,0.319,143,3.852,150,3.624,152,4.931,161,1.54,162,2.27,169,2.076,179,1.409,214,4.346,240,5.87,259,3.105,261,4.028,265,4.232,277,5.09,278,4.47,279,3.624,280,4.607,281,7.367,282,5.355,283,7.132,284,2.844,285,5.126,286,5.126,287,3.938]],["t/44",[0,0.322,1,0.335,6,0.016,7,0.222,8,0.228,9,0.191,10,0.191,11,0.185,12,0.207,13,0.279,14,0.201,16,1.867,23,0.175,25,0.164,37,0.405,43,0.465,52,0.969,86,1.99,87,3.912,94,1.749,97,2.499,101,2.524,102,3.925,108,1.414,109,1.658,110,1.749,111,0.304,133,2.601,137,3.771,150,3.361,157,3.737,161,1.99,162,2.105,169,1.925,179,1.307,181,4.967,188,3.737,194,2.373,209,2.794,222,4.034,229,2.88,240,5.6,241,4.147,248,2.403,271,3.865,277,3.828,287,4.634,288,3.298,289,3.125,290,3.653,291,4.076,292,4.274,293,3.428,294,4.573,295,4.967,296,3.737,297,4.415,298,4.274,299,5.221,300,5.54,301,5.221,302,3.828,303,4.147,304,5.967,305,6.615,306,1.457,307,5.54,308,5.54,309,5.967,310,5.967,311,3.258,312,3.653]],["t/46",[0,0.327,1,0.341,6,0.017,7,0.184,8,0.19,9,0.201,10,0.201,11,0.195,12,0.218,13,0.294,14,0.212,16,2.101,19,3.218,20,2.99,23,0.184,25,0.173,37,0.428,43,0.476,45,0.734,52,0.993,94,1.845,97,2.635,101,2.841,107,2.696,108,1.492,109,1.378,110,1.845,111,0.314,135,2.098,161,1.874,162,2.22,165,4.799,169,2.03,179,1.378,266,3.353,287,3.852,303,4.373,306,2.239,312,4.791,313,4.14,314,2.946,315,6.976,316,4.14,317,3.615,318,3.941]],["t/48",[0,0.328,1,0.336,6,0.016,7,0.177,8,0.182,9,0.193,10,0.193,11,0.188,12,0.209,13,0.283,14,0.204,16,2.166,19,3.019,20,2.865,23,0.177,25,0.166,27,3.749,37,0.41,43,0.48,52,1.078,66,2.107,77,2.686,81,4.298,86,3.02,94,1.771,97,2.53,101,2.929,108,1.432,109,1.323,110,1.771,111,0.306,135,2.015,161,1.827,162,2.132,165,4.711,169,1.949,179,1.323,205,2.465,303,4.199,306,2.259,312,3.699,314,2.829,317,3.471,318,4.779,319,3.876,320,4.082,321,4.082,322,6.042,323,3.876]],["t/50",[0,0.325,1,0.346,6,0.018,7,0.191,8,0.197,9,0.208,10,0.208,11,0.202,12,0.226,13,0.305,14,0.22,19,2.354,20,2.127,23,0.191,25,0.179,37,0.443,43,0.46,45,0.76,52,1.052,94,1.912,101,2.174,108,1.546,109,1.428,110,1.912,111,0.321,114,2.965,127,2.15,135,2.174,161,2.072,162,2.822,169,2.104,179,1.428,219,2.382,271,2.882,303,4.531,306,2.114,311,2.354,314,3.053,318,4.084,323,5.132,324,4.531,325,3.983,326,2.529,327,4.531,328,2.843,329,3.248,330,4.531]],["t/52",[0,0.323,1,0.347,4,2.533,6,0.018,7,0.193,8,0.199,9,0.211,10,0.211,11,0.205,12,0.229,13,0.309,14,0.223,23,0.193,25,0.182,37,0.449,43,0.462,45,0.94,52,1.015,56,3.607,94,1.938,101,2.204,108,1.567,109,1.448,110,1.938,111,0.324,114,3.006,135,2.204,161,2.085,162,2.846,169,2.133,179,1.448,219,2.415,284,2.922,303,4.594,306,2.126,314,3.095,323,4.24,326,2.564,330,5.606,331,4.89,332,2.732,333,3.142,334,4.594]],["t/54",[0,0.32,1,0.333,6,0.018,7,0.193,8,0.199,9,0.211,10,0.211,11,0.205,12,0.229,13,0.309,14,0.223,17,2.639,23,0.193,25,0.182,26,2.359,37,0.449,43,0.45,45,0.771,52,0.771,94,1.938,101,2.204,108,1.567,109,1.448,110,1.938,111,0.324,114,3.006,135,2.204,161,2.085,162,2.846,169,2.133,179,1.448,209,4.077,219,2.415,288,3.653,303,4.594,306,1.97,314,3.095,326,2.564,330,4.594,334,5.606,335,4.89,336,5.175,337,4.377,338,6.137,339,4.24]],["t/56",[0,0.32,1,0.335,4,2.568,5,0.932,6,0.018,7,0.196,8,0.202,9,0.214,10,0.214,11,0.208,12,0.232,13,0.313,14,0.226,21,3.921,23,0.196,25,0.184,34,3.186,37,0.455,43,0.435,45,0.781,52,0.948,94,1.965,101,2.235,108,1.589,109,1.468,110,1.965,111,0.327,135,2.235,161,2.097,162,2.87,169,2.162,178,2.806,219,2.448,303,4.658,306,1.987,314,3.138,326,2.6,334,4.658,337,3.636,339,5.219,340,4.528,341,4.658,342,3.704,343,4.014]],["t/58",[0,0.32,1,0.338,5,0.853,6,0.017,7,0.179,8,0.185,9,0.196,10,0.196,11,0.19,12,0.212,13,0.287,14,0.207,19,2.78,20,2.746,23,0.179,24,0.899,25,0.169,29,2.19,30,1.743,37,0.417,43,0.473,45,0.898,52,0.898,94,1.798,101,2.568,108,1.454,109,1.343,110,1.798,111,0.309,118,2.915,124,2.408,129,2.267,135,2.045,136,4.261,137,3.055,161,2.016,162,2.717,169,1.978,178,2.568,219,2.24,248,2.47,303,4.261,306,2.056,314,2.871,326,2.379,339,3.934,343,4.612,344,3.841,345,3.965,346,3.841,347,5.539,348,4.034,349,4.261,350,5.104,351,4.392,352,4.7,353,4.7,354,4.886,355,5.066,356,6.132,357,4.537,358,3.934,359,3.934,360,3.934,361,3.754]],["t/60",[0,0.33,1,0.368,5,0.856,6,0.017,7,0.18,8,0.186,9,0.197,10,0.197,11,0.191,12,0.213,13,0.288,14,0.208,17,2.128,23,0.18,24,0.903,25,0.212,43,0.306,45,0.718,52,0.718,84,2.389,94,1.805,101,2.053,108,1.46,109,1.349,110,1.805,111,0.31,135,2.053,161,1.849,162,2.724,169,1.987,178,2.579,189,2.8,203,2.927,219,3.328,233,5.53,284,3.729,314,2.884,326,3.534,332,3.486,343,3.688,361,4.727,362,4.051,363,5.233,364,5.074,365,3.951]],["t/62",[0,0.319,1,0.35,5,0.941,6,0.018,7,0.198,8,0.204,9,0.216,10,0.216,11,0.21,12,0.234,13,0.316,14,0.228,16,1.669,23,0.198,24,0.992,25,0.186,37,0.46,43,0.336,46,2.01,47,1.719,52,0.954,94,1.983,101,2.256,108,1.604,109,1.482,110,1.983,111,0.328,129,2.501,135,2.256,161,1.959,162,2.887,169,2.183,184,3.076,219,2.471,234,3.671,306,1.652,314,3.168,326,2.624,361,4.141,365,5.249,366,3.671,367,4.57,368,6.765,369,3.076,370,4.34]],["t/64",[0,0.318,1,0.349,5,0.936,6,0.018,7,0.197,8,0.203,9,0.215,10,0.215,11,0.209,12,0.233,13,0.315,14,0.227,16,1.661,23,0.197,24,0.987,25,0.185,37,0.457,43,0.334,46,2.007,47,1.711,94,1.974,101,2.245,108,1.596,109,1.475,110,1.974,111,0.328,135,2.245,161,1.953,162,2.878,169,2.173,184,3.062,209,3.153,216,3.948,219,2.46,306,1.644,314,3.153,326,2.612,338,6.252,365,4.32,369,3.062,370,5.234,371,2.977,372,4.679,373,7.465,374,6.734,375,7.465,376,6.252,377,4.32]],["t/66",[0,0.318,1,0.349,5,0.934,6,0.018,7,0.197,8,0.203,9,0.215,10,0.215,11,0.209,12,0.233,13,0.314,14,0.227,23,0.197,24,0.985,25,0.185,43,0.405,77,2.903,80,3.012,92,3.401,94,1.969,101,2.24,108,1.592,109,1.471,110,1.969,111,0.327,118,3.193,135,2.24,161,1.95,162,2.874,169,2.167,184,3.055,189,3.705,203,3.873,219,2.454,261,3.146,314,3.146,326,2.606,370,4.31,377,5.226,378,4.668,379,3.939,380,4.668,381,7.447,382,7.447,383,3.713]],["t/68",[0,0.315,1,0.332,5,0.811,6,0.016,7,0.171,8,0.225,9,0.186,10,0.186,11,0.181,12,0.202,13,0.273,14,0.197,23,0.171,24,0.855,25,0.16,29,1.734,30,1.658,32,3.449,43,0.473,45,0.68,52,0.87,55,2.112,64,2.38,94,1.71,101,2.892,107,2.489,108,1.383,109,1.278,110,1.71,111,0.3,116,3.298,124,2.291,129,2.157,135,1.945,136,4.054,137,3.717,161,1.786,162,2.632,169,1.882,191,2.509,209,3.852,219,2.131,222,3.109,234,3.165,241,4.054,248,3.314,292,4.178,294,4.472,298,4.178,314,3.494,326,2.263,345,3.841,346,3.654,347,5.896,348,3.838,349,4.054,350,4.856,351,4.178,352,4.472,353,4.472,354,4.649,355,4.909,356,5.834,357,4.316,377,3.743,383,4.124,384,3.352,385,3.323,386,6.928,387,6.928,388,4.054,389,2.411,390,2.86,391,2.291,392,2.86,393,2.476,394,2.906]],["t/70",[0,0.316,1,0.341,5,0.795,6,0.016,7,0.167,8,0.222,9,0.183,10,0.183,11,0.178,12,0.198,13,0.267,14,0.193,23,0.167,24,0.838,25,0.157,29,2,30,1.625,42,4.15,43,0.453,45,0.667,46,1.913,47,1.453,52,0.859,61,3.467,62,2.333,94,1.676,95,3.502,101,2.97,107,2.604,108,1.355,109,1.253,110,1.676,111,0.296,127,1.886,135,1.907,137,2.849,160,5.309,161,1.764,162,2.599,169,1.845,189,3.35,191,2.459,194,2.274,209,2.678,215,4.76,219,2.089,222,3.047,241,3.974,248,2.303,292,4.096,294,4.383,298,4.096,314,3.449,326,2.218,353,5.646,379,4.319,383,3.161,385,3.123,388,3.974,390,2.803,391,2.246,392,2.803,393,2.426,394,3.669,395,2.76,396,7.366,397,6.132,398,3.668,399,6.858,400,5.87,401,4.071,402,3.997,403,3.762,404,2.944,405,6.84,406,6.339,407,6.339,408,6.339,409,2.995,410,2.995,411,2.995,412,2.995,413,3.285]],["t/72",[0,0.321,1,0.329,5,0.789,6,0.015,7,0.166,8,0.171,9,0.181,10,0.181,11,0.176,12,0.197,13,0.265,14,0.191,23,0.166,24,0.832,25,0.156,36,2.122,43,0.441,45,0.661,52,0.854,55,2.203,86,1.892,94,1.663,101,3.087,102,3.732,108,1.345,109,1.243,110,1.663,111,0.294,135,1.892,137,3.651,140,5.422,142,5.422,144,5.422,146,5.422,150,3.196,161,1.755,162,2.586,169,1.83,198,2.345,219,2.966,220,2.44,221,2.228,222,3.023,236,4.197,254,2.738,269,3.64,280,4.063,292,4.063,293,3.26,301,4.964,302,4.702,314,3.432,326,3.15,342,4.911,347,3.732,371,2.508,389,2.345,394,2.826,413,4.211,414,3.196,415,5.005,416,4.911,417,5.228,418,3.943,419,3.26,420,4.297,421,7.329,422,5.268,423,5.249,424,4.348,425,3.833,426,6.289,427,7.774,428,3.473,429,3.473,430,3.473,431,3.553]],["t/74",[0,0.316,1,0.351,5,0.947,6,0.018,7,0.199,8,0.205,9,0.218,10,0.218,11,0.212,12,0.236,13,0.319,14,0.23,23,0.199,24,0.999,25,0.187,43,0.338,45,0.794,94,1.997,101,2.272,108,1.615,109,1.492,110,1.997,111,0.33,135,2.272,161,1.967,162,2.899,169,2.198,198,2.816,219,2.489,311,3.185,314,3.19,325,3.534,326,2.643,328,2.97,329,4.563,431,4.267,432,5.271,433,4.171,434,4.735,435,7.553,436,7.553,437,4.267]],["t/76",[0,0.315,1,0.342,5,0.881,6,0.021,7,0.185,8,0.191,9,0.202,10,0.202,11,0.197,12,0.219,13,0.296,14,0.214,17,2.165,22,3.376,23,0.185,24,0.928,25,0.174,26,2.261,29,1.472,37,0.43,43,0.39,45,0.738,55,2.403,87,2.688,94,1.857,101,2.62,108,1.501,109,1.387,110,1.857,111,0.316,121,4.167,129,2.341,135,2.112,139,3.207,161,1.881,162,2.772,169,2.044,198,2.618,201,3.714,219,2.314,220,2.724,221,2.488,222,3.376,284,3.777,314,2.966,326,2.457,332,3.531,345,3.261,379,3.714,389,2.618,401,4.343,413,3.639,431,4.922,432,4.063,438,4.279,439,5.543,440,3.568,441,7.022,442,5.881,443,7.022,444,7.022,445,6.334,446,5.272,447,7.022,448,7.022]],["t/78",[0,0.317,1,0.346,5,0.913,6,0.018,7,0.192,8,0.198,9,0.21,10,0.21,11,0.204,12,0.227,13,0.307,14,0.221,23,0.192,24,0.962,25,0.181,40,3.698,43,0.399,45,0.765,46,1.993,47,1.668,55,2.424,94,1.925,101,2.679,108,1.556,109,1.438,110,1.925,111,0.323,135,2.189,137,3.27,161,1.923,162,2.834,169,2.118,186,2.943,198,2.713,219,2.398,314,3.074,326,2.547,369,2.985,389,2.713,420,3.849,432,4.211,437,5.032,449,4.319,450,4.435,451,6.565,452,7.278,453,6.095,454,7.278,455,5.745,456,7.278,457,6.565,458,7.278]],["t/80",[0,0.317,1,0.326,5,0.695,6,0.014,8,0.151,9,0.16,10,0.16,11,0.155,12,0.173,13,0.234,14,0.169,17,1.376,23,0.146,24,0.732,25,0.137,26,1.783,43,0.48,45,0.582,46,1.886,47,1.27,50,1.511,52,0.582,56,2.958,61,2.012,62,2.038,94,1.464,101,3.043,107,2.469,108,1.184,109,1.788,110,1.464,111,0.271,124,3.732,129,3.512,135,1.666,158,3.578,161,1.613,162,2.377,169,1.612,186,3.021,205,2.038,214,3.375,219,1.825,222,5.235,271,2.979,272,3.871,284,2.979,291,2.449,293,5.045,311,3.295,314,2.339,325,2.148,326,1.938,328,2.178,329,3.356,332,2.785,333,2.374,347,3.286,364,2.616,369,3.993,385,1.914,391,1.962,393,2.12,398,4.322,403,3.286,404,3.469,437,3.128,459,2.529,460,2.239,461,6.102,462,5.538,463,3.829,464,5.538,465,4.158,466,4.638,467,5.538,468,9.734,469,5.609,470,5.538,471,5.538,472,5.538,473,2.616,474,3.128]],["t/82",[0,0.325,1,0.342,5,0.879,6,0.017,7,0.185,8,0.191,9,0.202,10,0.202,11,0.196,12,0.219,13,0.296,14,0.213,23,0.185,24,0.926,25,0.174,32,3.55,33,2.959,43,0.424,45,0.737,46,1.917,47,1.606,56,2.452,94,1.853,101,3.196,107,1.912,108,1.498,109,1.384,110,1.853,111,0.315,135,2.108,161,1.879,162,2.769,169,2.039,186,2.833,203,3.004,211,3.493,216,3.706,219,2.309,271,2.794,284,2.794,302,4.054,311,3.223,314,2.959,326,2.452,329,3.148,332,2.612,398,4.054,404,3.254,461,4.392,474,4.915,475,4.27,476,4.527,477,7.007,478,6.32,479,7.007,480,3.631]],["t/84",[0,0.317,1,0.342,5,0.881,6,0.017,7,0.185,8,0.191,9,0.202,10,0.202,11,0.197,12,0.219,13,0.296,14,0.214,23,0.185,24,0.928,25,0.174,43,0.444,45,0.738,46,2.01,47,1.61,55,2.358,83,2.427,90,3.967,94,1.857,101,2.849,108,1.501,109,1.387,110,1.857,111,0.316,135,2.112,149,5.881,161,1.881,162,2.772,169,2.044,216,3.714,219,2.314,311,2.837,314,2.966,326,2.457,385,3.423,389,2.618,391,2.488,404,4.046,461,4.402,463,4.855,474,3.967,478,6.334,480,4.515,481,3.639,482,3.877,483,4.686,484,4.264,485,2.966,486,7.022,487,7.022,488,4.063,489,7.022,490,7.022,491,7.022]],["t/86",[0,0.317,1,0.347,5,0.919,6,0.018,7,0.193,8,0.199,9,0.211,10,0.211,11,0.205,12,0.229,13,0.309,14,0.223,23,0.193,24,0.969,25,0.182,43,0.432,45,0.771,46,1.997,47,1.68,59,3.19,82,3.653,83,2.533,90,5.053,91,4.466,92,4.707,93,4.466,94,1.938,101,2.69,108,1.567,109,1.448,110,1.938,111,0.324,135,2.204,161,1.931,162,2.846,169,2.133,219,2.415,261,3.095,314,3.095,326,2.564,461,4.594,480,3.798,492,7.328,493,5.784,494,7.49,495,7.328,496,4.734,497,7.328]],["t/88",[0,0.319,1,0.337,5,0.844,6,0.016,7,0.178,8,0.183,9,0.194,10,0.194,11,0.188,12,0.21,13,0.284,14,0.205,23,0.178,24,0.889,25,0.167,29,2.21,30,1.724,31,2.645,43,0.437,45,0.707,52,0.892,66,3.068,67,3.418,74,3.633,77,2.69,80,2.72,82,4.228,83,2.325,84,2.354,85,3.418,86,2.933,87,3.733,88,3.558,89,3.558,90,3.8,94,1.779,101,3.024,108,1.438,109,1.329,110,1.779,111,0.307,116,2.682,124,2.383,129,2.243,135,2.023,150,3.418,161,1.831,162,2.699,169,1.958,219,2.216,254,2.929,314,3.582,326,2.354,347,3.992,369,2.759,379,4.485,465,5.05,498,5.309,499,4.216,500,2.841,501,6.726,502,6.726,503,6.067,504,6.726,505,6.067,506,6.726,507,6.726]],["t/90",[0,0.316,1,0.351,5,0.95,6,0.019,7,0.2,8,0.206,9,0.218,10,0.218,11,0.212,12,0.237,13,0.319,14,0.23,23,0.2,24,1.001,25,0.188,29,2.131,30,1.941,31,2.977,45,0.796,52,0.796,58,2.86,66,3.08,68,4.493,71,5.279,72,2.977,73,4.746,74,4.09,94,2.002,101,2.277,108,1.619,109,1.496,110,2.002,111,0.33,135,2.277,161,1.97,162,2.903,169,2.203,219,2.495,314,3.198,326,2.649,508,5.976,509,7.571]],["t/92",[0,0.311,1,0.348,5,0.923,6,0.018,7,0.194,8,0.2,9,0.212,10,0.212,11,0.206,12,0.23,13,0.311,14,0.224,23,0.194,24,0.973,25,0.183,45,0.774,52,0.943,58,2.781,66,3.247,71,4.26,72,2.895,73,4.615,74,4.845,75,4.159,76,5.013,77,2.668,78,4.26,79,4.26,80,2.977,81,4.557,82,3.67,94,1.947,108,1.574,109,1.454,110,1.947,111,0.325,135,2.214,161,1.937,162,2.854,169,2.143,194,2.641,219,2.426,314,3.788,326,2.576,379,3.894,498,5.811,499,4.615,510,7.362,511,7.362]],["t/94",[0,0.315,1,0.349,5,0.934,6,0.018,7,0.197,8,0.203,9,0.215,10,0.215,11,0.209,12,0.233,13,0.314,14,0.227,23,0.197,24,0.985,25,0.185,43,0.405,45,0.783,46,1.958,47,1.707,52,0.95,58,2.813,63,4.207,68,5.36,69,3.055,70,4.811,71,4.31,86,2.24,94,1.969,101,2.24,108,1.592,109,1.471,110,1.969,111,0.327,129,3.012,135,2.24,161,1.95,162,2.874,169,2.167,215,5.592,219,2.454,221,2.639,227,4.31,314,3.146,326,2.606,419,3.86,512,6.718,513,6.718,514,6.718]],["t/96",[0,0.319,1,0.35,5,0.943,6,0.018,7,0.198,8,0.204,9,0.217,10,0.217,11,0.211,12,0.235,13,0.317,14,0.229,23,0.198,24,0.994,25,0.187,29,2.176,30,1.927,31,2.956,45,0.79,57,4.061,58,2.839,63,5.132,64,2.766,65,4.461,66,3.19,67,3.82,68,4.461,94,1.988,101,2.261,108,1.607,109,1.485,110,1.988,111,0.329,135,2.261,161,1.962,162,2.891,169,2.188,219,2.477,314,3.175,326,2.631,494,6.296,515,7.517]],["t/98",[0,0.318,1,0.329,5,0.794,6,0.015,7,0.167,8,0.172,9,0.182,10,0.182,11,0.177,12,0.198,13,0.267,14,0.193,18,2.974,21,3.041,23,0.167,24,0.837,25,0.157,29,2.118,30,1.622,43,0.488,45,0.665,46,1.957,47,1.45,48,3.754,52,0.858,56,3.158,57,4.406,58,2.39,59,2.755,60,3.494,61,3.585,62,2.328,63,3.574,86,1.903,94,1.673,101,3.039,108,1.353,109,1.611,110,1.673,111,0.295,135,2.715,137,4.056,161,1.761,162,2.596,169,1.841,214,3.856,219,2.085,248,2.299,263,3.853,272,3.279,279,3.215,314,2.672,326,2.214,349,3.966,355,3.754,379,3.346,402,3.097,403,3.754,440,3.215,451,5.707,465,4.751,488,3.661,516,5.707,517,5.707,518,6.327,519,5.299,520,5.707,521,6.327,522,6.327,523,4.087,524,6.327,525,6.327,526,5.299,527,5.707,528,4.994,529,6.327,530,6.327,531,5.707,532,4.994,533,6.327]],["t/100",[0,0.315,1,0.316,5,0.716,6,0.014,8,0.155,9,0.164,10,0.164,11,0.16,12,0.178,13,0.241,14,0.174,18,3.235,23,0.151,24,0.754,25,0.142,32,3.523,38,3.386,39,2.695,43,0.488,45,0.6,46,1.849,47,1.308,48,4.523,49,3.082,50,1.557,51,2.957,52,1.032,53,5.523,54,5.092,55,2.274,56,3.205,57,3.082,94,1.509,101,3.016,108,1.22,109,1.127,110,1.509,111,0.276,116,3.039,135,2.292,150,2.899,161,1.646,162,2.425,169,2.218,187,4.284,188,3.223,209,3.625,214,3.477,216,3.018,219,1.88,222,2.743,228,4.777,229,3.736,248,2.073,254,3.987,261,2.41,262,3.018,263,2.695,264,2.957,272,3.95,280,3.686,284,2.275,302,3.302,308,4.779,314,3.219,326,1.997,369,3.757,460,2.307,463,3.945,494,4.779,500,3.219,519,4.779,534,4.504,535,6.875,536,3.577,537,5.147,538,5.147,539,4.779,540,4.504,541,3.686,542,4.101,543,3.302,544,4.504,545,3.808,546,5.544,547,5.722,548,6.877,549,9.158,550,5.706,551,5.706,552,5.706,553,3.945,554,5.706,555,4.779,556,5.706]],["t/102",[0,0.313,1,0.346,2,3.414,5,0.907,6,0.018,7,0.191,8,0.197,9,0.208,10,0.208,11,0.202,12,0.226,13,0.305,14,0.22,18,3.444,23,0.191,24,0.956,25,0.179,38,5.263,39,3.414,40,3.673,41,4.67,42,4.507,43,0.474,44,4.596,45,0.76,46,1.4,47,1.657,48,4.289,94,1.912,101,2.174,108,1.546,109,1.428,110,1.912,111,0.321,135,2.174,161,1.915,162,2.822,169,2.104,173,4.289,219,2.382,261,3.053,262,3.823,263,3.414,264,3.746,314,3.053,326,2.529,369,4.104,557,7.191]],["t/104",[0,0.307,1,0.318,2,3.954,3,2.591,4,2.277,5,0.826,6,0.016,7,0.174,8,0.179,9,0.19,10,0.19,11,0.184,12,0.206,13,0.278,14,0.2,15,2.825,16,1.466,17,2.406,18,3.46,19,2.996,20,2.707,21,3.608,22,3.167,23,0.174,24,0.871,25,0.163,26,2.121,27,2.664,28,3.224,29,1.754,30,1.689,31,2.591,32,3.003,33,2.782,34,2.825,35,3.224,36,2.824,38,3.909,43,0.448,44,3.414,66,2.073,94,1.742,101,1.982,108,1.409,109,1.302,111,0.239,116,3.337,135,1.982,136,4.13,139,3.009,161,1.807,162,2.664,169,1.917,173,3.909,189,2.702,209,3.535,219,2.171,234,3.224,261,2.782,262,3.484,263,3.112,264,3.414,279,3.348,282,4.946,299,5.2,314,2.782,326,2.305,508,5.2,541,4.256,558,5.2,559,5.942,560,4.256,561,6.588,562,6.588,563,6.588,564,6.588,565,6.588,566,6.588,567,4.015,568,5.942,569,6.588,570,6.588,571,5.2,572,4.555,573,2.521,574,3.484]],["t/106",[0,0.327,1,0.381,2,2.318,3,3.381,4,3.129,5,1.369,25,0.265,38,2.913,39,4.061,40,3.494,48,2.913,49,3.714,57,2.651,58,3.544,59,3.455,63,2.773,64,2.53,68,2.913,69,2.82,71,2.84,72,2.704,74,2.651,82,2.447,83,2.972,84,3.009,90,2.773,96,3.393,97,3.419,98,4.31,99,4.992,112,3.393,113,3.528,114,3.951,115,3.171,117,3.393,118,3.402,127,2.558,153,3.393,154,3.528,171,3.276,172,3.528,177,2.991,178,3.248,179,2.131,183,3.077,184,3.527,186,1.985,190,3.276,191,3.078,197,3.276,198,3.374,200,3.276,201,3.636,204,3.171,205,2.92,207,3.276,210,3.276,211,3.428,238,3.171,242,2.991,255,3.276,256,3.393,258,2.913,259,3.455,265,2.913,266,3.305,277,2.84,287,2.71,288,3.428,312,2.71,318,2.773,323,2.84,330,3.077,334,3.077,339,2.84,343,2.651,361,2.71,365,2.84,366,2.402,370,2.84,371,2.741,377,2.84,383,2.447,394,2.205,413,2.544,431,2.773,432,2.84,433,2.71,437,2.773,474,2.773,480,2.544,481,2.544]],["t/108",[0,0.316,1,0.367,5,1.241,6,0.024,7,0.257,8,0.269,9,0.306,10,0.285,11,0.277,12,0.309,13,0.417,14,0.301,17,1.586,23,0.261,24,1.308,25,0.245,26,2.054,29,1.338,30,1.636,32,2.289,33,1.867,37,0.606,40,2.246,43,0.419,45,1.025,46,1.888,47,1.994,50,1.206,52,0.787,55,2.215,56,1.547,61,2.721,62,2.348,64,1.626,77,2.066,80,1.787,83,1.528,94,1.169,95,2.736,107,2.238,110,1.169,118,1.895,127,1.315,184,1.813,186,2.58,189,1.813,191,2.475,198,3.057,201,2.337,203,1.895,205,1.626,211,2.203,284,1.762,291,1.954,311,2.078,325,2.475,328,2.509,329,2.867,332,1.648,333,1.895,371,1.762,377,3.692,378,2.77,383,3.181,384,2.29,385,3.133,389,3.242,390,2.822,391,2.906,392,2.822,393,2.866,394,2.867,395,1.924,404,2.052,409,2.088,410,2.088,411,2.088,412,2.088,413,3.307,414,2.246,415,3.242,416,3.181,417,3.307,428,2.44,429,2.44,430,2.44,431,3.605,432,3.692,433,2.44,434,2.77,437,3.605,438,2.693,449,2.623,459,2.018,460,1.787,473,2.088,474,3.605,475,2.693,480,3.307,481,2.29,482,2.44]],["t/110",[0,0.329,1,0.364,4,2.152,5,1.076,6,0.024,7,0.259,8,0.267,9,0.305,10,0.283,11,0.275,12,0.307,13,0.414,14,0.299,16,1.796,17,2.133,19,2.028,20,2.525,21,2.738,23,0.259,24,1.067,25,0.247,26,1.375,27,2.518,29,1.54,30,1.095,34,1.832,37,0.646,43,0.425,45,0.655,46,1.735,47,1.427,52,0.902,56,2.179,66,1.344,77,2.026,84,1.495,86,1.873,94,1.13,95,2.669,97,2.351,107,1.166,110,1.13,114,3.013,118,1.832,127,1.271,165,3.164,178,2.774,179,1.695,184,2.554,205,1.572,209,1.804,219,2.051,266,2.054,271,1.703,284,1.703,288,2.13,306,2.129,311,1.391,312,3.438,313,2.535,316,2.535,317,3.226,318,3.517,319,2.472,320,2.603,321,2.603,323,3.603,324,2.678,325,2.415,326,2.179,327,2.678,328,1.68,329,1.919,330,3.903,331,2.851,332,1.592,333,1.832,334,3.903,335,2.851,336,2.472,337,3.047,339,3.603,340,2.603,341,2.678,342,2.13,343,3.363,344,2.413,358,2.472,359,2.472,360,2.472,361,3.438,362,2.535,363,4.183,364,4.053,365,3.603,366,2.091,367,2.603,370,3.603,371,1.703,372,2.678]],["t/112",[0,0.322,1,0.29,3,3.035,6,0.025,7,0.267,8,0.272,9,0.307,10,0.288,11,0.28,12,0.313,13,0.422,14,0.305,16,2.112,17,2.294,18,3.041,23,0.264,25,0.262,29,0.978,36,2.604,37,0.614,39,3.133,43,0.435,46,1.88,47,1.069,49,2.52,52,0.884,55,1.08,58,1.762,59,2.031,69,1.913,77,2.129,84,1.632,87,1.785,92,4.056,94,1.234,95,2.844,97,1.762,101,1.403,107,1.273,109,0.922,110,1.234,127,1.388,157,2.635,161,1.007,162,1.484,166,2.768,169,1.358,179,1.978,189,3.643,194,1.673,203,3.808,204,4.285,205,1.717,206,3.353,207,4.426,208,3.502,210,4.426,211,2.326,212,3.502,213,3.502,216,2.467,227,2.699,238,4.285,239,3.225,242,4.042,243,3.014,255,4.426,256,3.225,257,3.502,258,3.936,259,3.36,260,3.014,261,3.26,262,2.467,263,2.203,264,2.417,265,3.936,266,2.242,267,2.924,271,3.078,277,3.838,278,2.924,287,3.662,288,2.326,289,2.203,290,2.576,311,2.892]],["t/114",[1,0.178,4,2.461,6,0.025,7,0.27,8,0.278,9,0.311,10,0.295,11,0.286,12,0.319,13,0.402,14,0.311,16,1.148,19,1.681,20,1.519,23,0.27,25,0.268,29,1.082,36,2.403,37,0.633,43,0.427,44,3.69,45,1.046,46,1,52,0.749,77,1.964,83,1.784,84,1.806,86,2.142,94,1.365,95,3.053,96,4.923,97,1.95,98,4.463,99,4.778,100,4.463,101,2.452,102,3.063,106,4.023,107,1.409,110,1.365,112,4.923,114,3.604,115,3.335,116,2.058,117,4.923,127,1.536,128,3.71,129,2.374,130,1.976,131,3.71,153,4.923,154,3.71,155,4.074,156,4.463,161,1.115,171,4.752,172,3.71,173,3.063,174,4.852,177,4.339,178,1.95,179,1.821,180,3.445,182,2.987,183,4.463,184,2.117,185,3.569,186,2.087,189,2.117,190,4.752,191,2.002,192,3.876,193,3.989,197,4.752,198,1.924,199,3.876,200,4.752,201,2.73,202,3.876,203,2.213]],["t/116",[6,0.02,7,0.216,8,0.222,9,0.275,10,0.235,11,0.229,12,0.255,14,0.249,23,0.216,25,0.237,37,0.501,43,0.366,95,3.503,97,3.086,99,4.235,110,2.161,113,6.861,118,3.503,119,6.45,120,6.45,121,4.849,122,4.414,123,5.279,124,2.895,125,6.45,126,5.873]],["t/118",[0,0.327,19,2.41,23,0.144,24,0.722,25,0.136,46,1.626,92,3.38,261,2.307,262,2.889,263,2.58,264,2.831,271,2.178,311,2.41,329,2.454,363,3.835,575,4.927,576,5.462,577,5.462,578,4.927,579,5.462,580,5.462,581,4.927,582,9.403,583,5.462,584,7.4,585,8.394,586,5.462,587,5.462,588,5.462,589,5.462,590,8.394,591,5.462,592,5.462,593,5.462,594,7.4,595,5.462,596,5.462,597,8.394,598,7.4,599,7.4,600,5.462,601,5.462,602,5.462,603,5.462,604,5.462,605,5.462,606,5.462,607,5.462,608,5.462,609,5.462,610,5.462,611,5.462,612,5.462,613,5.462,614,5.462,615,5.462,616,5.462,617,5.462,618,5.462,619,5.462,620,5.462,621,5.462,622,5.462,623,5.462,624,5.462,625,5.462,626,5.462,627,5.462,628,5.462,629,5.462,630,5.462,631,5.462,632,5.462,633,5.462,634,5.462,635,5.462,636,5.462,637,5.462,638,5.462,639,5.462,640,4.311,641,5.462,642,4.927,643,7.4,644,5.462,645,5.462,646,5.462,647,5.462,648,4.101,649,4.574,650,5.462,651,5.462,652,5.462,653,5.462,654,5.462,655,5.462,656,5.462,657,5.462,658,4.927,659,5.462,660,5.462,661,5.462,662,5.462,663,5.462,664,5.462,665,5.462,666,5.462,667,5.462,668,5.462,669,3.926,670,5.462,671,5.462,672,5.462,673,4.927,674,5.462,675,4.927,676,4.574,677,5.462,678,5.462,679,5.462,680,5.462,681,5.462,682,5.462,683,5.462,684,5.462,685,5.462,686,5.462,687,5.462,688,5.462,689,5.462,690,5.462,691,5.462,692,5.462,693,5.462,694,5.462,695,5.462,696,5.462,697,5.462,698,5.462,699,5.462,700,5.462,701,5.462,702,5.462,703,5.462,704,5.462,705,5.462,706,5.462,707,5.462,708,5.462,709,5.462,710,5.462,711,5.462,712,5.462,713,5.462,714,5.462,715,5.462,716,5.462,717,5.462,718,5.462,719,5.462,720,5.462,721,5.462,722,5.462,723,5.462,724,5.462,725,5.462,726,5.462,727,5.462,728,5.462,729,5.462,730,5.462,731,5.462,732,5.462,733,5.462]],["t/120",[0,0.276,1,0.322,5,0.987,6,0.019,7,0.246,8,0.214,9,0.269,10,0.227,11,0.22,12,0.246,13,0.332,14,0.239,23,0.263,24,1.04,25,0.195,37,0.482,43,0.353,45,0.827,52,0.827,55,1.822,111,0.285,198,2.934,371,3.138,389,2.934,413,4.838,414,3.999,415,4.744,416,4.654,417,5.158,428,4.345,429,4.345,430,4.345,734,0.666]],["t/122",[6,0.02,7,0.25,8,0.219,9,0.273,10,0.232,11,0.226,12,0.252,14,0.246,23,0.266,25,0.235,36,2.722,37,0.494,43,0.361,45,0.996,99,4.181,106,5.682,111,0.292,114,3.309,129,2.69,161,1.742,171,6.323,172,5.799,173,4.788,174,4.455,734,0.683]],["t/124",[0,0.318,1,0.349,2,3.22,3,3.363,4,1.676,5,1.073,6,0.024,7,0.253,8,0.267,9,0.303,10,0.282,11,0.274,12,0.306,13,0.413,14,0.298,15,2.079,16,1.517,17,2.627,18,2.246,19,1.579,20,1.427,21,2.541,22,2.331,23,0.266,24,1.131,25,0.256,26,2.753,27,1.961,28,2.373,29,1.016,30,1.243,31,1.907,32,1.739,33,2.048,34,2.079,35,2.373,36,2.66,37,0.601,43,0.404,45,0.829,46,1.527,47,1.112,50,1.323,52,0.717,55,1.578,56,1.697,61,1.762,62,1.784,69,1.989,84,1.697,101,1.458,107,1.86,111,0.176,114,1.989,115,3.132,127,1.442,161,1.047,162,1.543,166,2.877,169,1.411,178,1.831,179,1.69,186,2.756,189,3.234,198,1.808,201,2.564,203,3.38,205,1.784,209,2.048,219,2.246,238,4.404,239,3.352,242,4.154,243,3.132,255,4.549,256,3.352,257,3.641,284,2.718,288,2.417,291,2.144,306,1.068,325,1.881,326,2.385,328,1.907,332,2.541,333,2.079,334,4.273,335,3.236,336,2.806,337,2.373,361,3.764,362,2.877,363,4.432,364,4.256,385,1.676,389,1.808,391,1.718,393,1.856,431,3.851,438,2.955,459,2.214,460,1.961,473,2.29,734,0.41]],["t/126",[0,0.276,1,0.322,5,0.987,6,0.019,7,0.246,8,0.214,9,0.269,10,0.227,11,0.22,12,0.246,13,0.332,14,0.239,23,0.263,24,1.04,25,0.195,37,0.482,43,0.353,45,0.827,52,0.827,55,1.822,111,0.285,198,2.934,371,3.138,389,2.934,413,4.838,414,3.999,415,5.058,416,4.654,417,4.838,428,4.345,429,4.345,430,4.345,734,0.666]],["t/128",[0,0.316,1,0.367,2,3.035,3,1.755,4,1.543,5,1.244,6,0.024,7,0.258,8,0.27,9,0.306,10,0.286,11,0.278,12,0.31,13,0.418,14,0.302,15,1.913,16,0.993,17,1.597,18,2.715,19,1.453,20,1.313,21,2.396,22,2.145,23,0.268,24,1.311,25,0.246,26,1.437,27,1.805,28,2.184,29,2.079,30,2.238,31,2.961,32,2.305,33,1.885,34,1.913,35,2.184,36,1.506,37,0.608,38,3.813,39,3.035,40,2.268,41,2.883,42,2.268,43,0.407,44,2.313,45,1.027,46,1.892,47,2.001,48,3.813,49,2.411,50,1.218,51,2.313,52,0.676,53,2.582,54,2.648,55,1.033,56,1.562,57,3.471,58,3.297,59,2.798,60,2.464,61,2.335,62,1.642,63,3.63,64,1.642,65,2.648,66,2.747,67,3.265,68,3.813,69,1.831,70,2.883,71,3.718,72,2.527,73,2.797,74,3.471,75,2.521,76,3.33,77,2.272,78,2.582,79,2.582,80,2.599,81,2.268,82,3.204,83,2.221,84,1.562,85,2.268,86,1.933,87,2.46,88,2.36,89,2.36,90,3.63,91,2.72,92,2.935,93,2.72,94,1.18,95,1.913,111,0.162,211,2.225,734,0.378]],["t/130",[0,0.323,1,0.339,5,0.952,6,0.019,7,0.241,8,0.206,9,0.263,10,0.219,11,0.213,12,0.237,13,0.32,14,0.231,17,2.436,23,0.259,24,1.003,25,0.227,37,0.465,45,0.798,52,0.798,84,2.656,111,0.275,178,2.866,219,3.01,284,3.026,326,3.197,332,2.829,361,5.044,362,4.503,363,5.271,364,4.916,734,0.642]],["t/132",[0,0.319,6,0.019,7,0.246,8,0.213,9,0.268,10,0.226,11,0.219,12,0.245,13,0.33,14,0.238,18,3.545,23,0.262,25,0.231,37,0.48,43,0.351,52,0.823,59,3.409,111,0.284,179,1.547,258,5.524,259,3.409,260,5.059,261,3.932,262,4.142,263,3.699,264,4.058,734,0.663]],["t/134",[0,0.33,1,0.361,4,1.918,6,0.023,7,0.257,8,0.257,9,0.299,10,0.272,11,0.265,12,0.295,13,0.399,14,0.288,16,1.882,19,2.436,20,2.664,23,0.263,25,0.235,27,3.024,37,0.635,43,0.436,52,0.952,56,2.617,64,2.041,66,1.745,77,2.333,86,2.249,87,2.123,97,3.196,107,1.514,111,0.201,114,3.068,127,1.65,157,3.134,165,3.8,179,1.868,194,1.99,205,2.041,266,2.667,271,3.611,287,4.129,288,2.766,289,2.62,290,3.063,306,1.995,311,3.172,312,4.129,313,3.292,316,3.292,317,3.876,318,4.225,319,3.21,320,3.38,321,3.38,323,4.328,324,3.477,325,2.901,327,3.477,328,2.182,329,2.493,330,4.688,331,3.702,333,2.378,734,0.47]],["t/136",[0,0.319,6,0.019,7,0.246,8,0.214,9,0.269,10,0.226,11,0.22,12,0.245,13,0.331,14,0.239,18,3.547,23,0.263,25,0.231,37,0.481,43,0.352,52,0.825,59,3.418,111,0.284,179,1.551,258,5.532,259,3.418,260,5.071,261,3.316,262,4.152,263,3.708,264,4.068,734,0.664]],["t/138",[0,0.329,1,0.341,6,0.021,7,0.228,8,0.235,9,0.284,10,0.249,11,0.242,12,0.27,13,0.365,14,0.263,16,1.925,19,3.07,20,2.986,23,0.26,25,0.215,27,3.499,37,0.605,43,0.311,50,1.896,52,0.73,66,2.185,77,2.6,86,2.603,97,3.268,107,1.896,111,0.252,165,4.397,179,1.71,205,2.556,266,3.339,306,1.906,312,4.778,313,4.122,316,4.122,317,4.484,318,4.889,319,4.019,320,4.233,321,4.233,734,0.588]],["t/140",[0,0.318,1,0.321,6,0.019,7,0.245,8,0.212,9,0.268,10,0.225,11,0.219,12,0.244,13,0.33,14,0.238,23,0.262,25,0.194,37,0.57,43,0.416,52,0.821,111,0.283,114,3.204,127,2.324,179,1.543,271,3.115,306,1.721,311,3.027,323,5.378,324,4.897,325,3.606,327,4.897,328,3.072,329,4.176,734,0.661]],["t/142",[0,0.329,1,0.341,6,0.021,7,0.229,8,0.236,9,0.284,10,0.25,11,0.243,12,0.271,13,0.365,14,0.264,16,1.928,19,2.822,20,2.988,23,0.261,25,0.215,27,3.504,37,0.605,43,0.312,50,1.9,52,0.732,66,2.19,77,2.602,86,2.606,97,3.273,107,1.9,111,0.252,165,4.403,179,1.712,205,2.562,266,3.346,306,1.909,312,4.784,313,4.131,316,4.131,317,4.49,318,4.895,319,4.028,320,4.242,321,4.242,734,0.589]],["t/144",[0,0.319,6,0.019,7,0.246,8,0.213,9,0.268,10,0.226,11,0.219,12,0.245,13,0.33,14,0.238,18,3.545,23,0.262,25,0.231,37,0.48,43,0.351,52,0.823,59,3.409,111,0.284,179,1.547,258,5.524,259,3.409,260,5.059,261,3.307,262,4.923,263,3.699,264,4.058,734,0.663]],["t/146",[0,0.323,1,0.349,5,1.072,6,0.023,7,0.247,8,0.254,9,0.297,10,0.269,11,0.262,12,0.292,13,0.394,14,0.284,16,2.079,23,0.266,24,1.13,25,0.232,37,0.618,46,2.103,47,2.142,109,1.346,111,0.247,179,1.346,184,3.507,216,3.603,227,3.942,259,2.966,265,5.073,266,3.275,267,4.27,306,1.883,365,4.947,366,3.334,367,4.152,370,4.947,371,2.716,372,4.27,734,0.577,735,2.716]],["t/148",[0,0.319,1,0.272,6,0.019,7,0.246,8,0.214,9,0.269,10,0.227,11,0.22,12,0.246,13,0.332,14,0.239,16,1.751,23,0.263,25,0.195,37,0.482,46,2.065,47,1.804,109,1.555,111,0.285,179,1.555,216,4.937,227,4.554,259,3.426,265,5.54,266,3.783,267,4.933,734,0.666]],["t/150",[0,0.319,1,0.272,6,0.019,7,0.246,8,0.214,9,0.269,10,0.227,11,0.22,12,0.246,13,0.332,14,0.239,16,1.751,23,0.263,25,0.195,37,0.482,46,2.065,47,1.804,109,1.844,111,0.285,179,1.555,216,4.162,227,4.554,259,3.426,265,5.54,266,3.783,267,4.933,734,0.666]],["t/152",[0,0.319,1,0.272,6,0.019,7,0.246,8,0.214,9,0.269,10,0.227,11,0.22,12,0.246,13,0.332,14,0.239,16,1.751,23,0.263,25,0.195,37,0.482,46,2.065,47,1.804,109,1.555,111,0.285,179,1.555,216,4.162,227,5.402,259,3.426,265,5.54,266,3.783,267,4.933,734,0.666]],["t/154",[0,0.32,1,0.319,6,0.019,7,0.261,8,0.21,9,0.266,10,0.222,11,0.216,12,0.241,13,0.326,14,0.235,16,1.717,23,0.261,25,0.191,37,0.565,43,0.346,52,0.811,87,2.954,97,2.915,111,0.279,157,4.36,179,1.525,194,2.769,271,3.936,287,5.095,288,3.847,289,3.645,290,4.261,311,3.456,734,0.653]],["t/156",[0,0.32,1,0.318,6,0.019,7,0.26,8,0.209,9,0.265,10,0.222,11,0.216,12,0.241,13,0.325,14,0.234,16,1.713,23,0.26,25,0.191,37,0.565,43,0.345,52,0.81,87,2.947,97,2.908,111,0.279,157,4.349,179,1.521,194,2.762,271,4.075,287,5.088,288,3.838,289,3.637,290,4.251,311,3.454,734,0.652]],["t/158",[0,0.319,6,0.019,7,0.246,8,0.213,9,0.268,10,0.226,11,0.219,12,0.245,13,0.33,14,0.238,18,3.545,23,0.262,25,0.231,37,0.48,43,0.351,52,0.823,59,3.409,111,0.284,179,1.547,258,5.524,259,3.409,260,5.059,261,3.307,262,4.142,263,4.397,264,4.058,734,0.663]],["t/160",[0,0.319,1,0.322,6,0.019,7,0.246,8,0.213,9,0.268,10,0.226,11,0.219,12,0.245,13,0.33,14,0.238,23,0.262,25,0.194,37,0.57,43,0.417,52,0.823,111,0.284,114,3.212,127,2.329,179,1.547,271,3.712,306,1.725,311,2.55,323,5.386,324,4.909,325,3.611,327,4.909,328,3.08,329,3.519,734,0.663]],["t/162",[0,0.32,1,0.318,6,0.019,7,0.26,8,0.209,9,0.265,10,0.222,11,0.216,12,0.241,13,0.325,14,0.234,16,1.713,23,0.26,25,0.191,37,0.565,43,0.345,52,0.81,87,2.947,97,2.908,111,0.279,157,4.349,179,1.521,194,2.762,271,4.075,287,5.088,288,3.838,289,3.637,290,4.251,311,3.454,734,0.652]],["t/164",[0,0.325,1,0.321,6,0.019,7,0.245,8,0.212,9,0.268,10,0.225,11,0.219,12,0.244,13,0.33,14,0.238,16,1.738,19,2.544,20,2.735,23,0.262,25,0.194,37,0.57,97,2.95,107,2.537,111,0.283,165,3.969,179,1.543,266,3.755,306,1.721,312,5.132,313,4.635,316,4.635,317,4.048,734,0.661]],["t/166",[0,0.319,6,0.019,7,0.246,8,0.213,9,0.268,10,0.226,11,0.219,12,0.245,13,0.33,14,0.238,18,3.545,23,0.262,25,0.231,37,0.48,43,0.351,52,0.823,59,3.409,111,0.284,179,1.547,258,5.524,259,3.409,260,5.059,261,3.307,262,4.142,263,3.699,264,4.824,734,0.663]],["t/168",[0,0.329,1,0.341,6,0.021,7,0.229,8,0.236,9,0.284,10,0.25,11,0.243,12,0.271,13,0.365,14,0.264,16,1.928,19,2.822,20,2.905,23,0.261,25,0.215,27,3.504,37,0.605,43,0.312,50,1.9,52,0.732,66,2.19,77,2.602,86,2.606,97,3.273,107,1.9,111,0.252,165,4.794,179,1.712,205,2.562,266,3.346,306,1.909,312,4.784,313,4.131,316,4.131,317,4.49,318,4.895,319,4.028,320,4.242,321,4.242,734,0.589]],["t/170",[0,0.318,1,0.27,6,0.019,7,0.245,8,0.212,9,0.268,10,0.225,11,0.219,12,0.244,13,0.33,14,0.238,16,1.738,23,0.262,25,0.194,37,0.479,43,0.416,52,0.821,77,2.737,84,2.734,92,4.86,111,0.283,179,1.543,259,3.401,261,3.926,277,5.378,278,4.897,734,0.661]],["t/172",[0,0.318,1,0.269,6,0.019,7,0.245,8,0.212,9,0.267,10,0.224,11,0.218,12,0.243,13,0.329,14,0.237,16,1.734,23,0.262,25,0.193,37,0.478,43,0.416,52,0.819,77,2.734,84,2.727,92,4.857,111,0.282,179,1.54,259,3.393,261,4.187,277,5.371,278,4.885,734,0.66]],["t/174",[0,0.325,1,0.321,6,0.019,7,0.245,8,0.212,9,0.268,10,0.225,11,0.219,12,0.244,13,0.33,14,0.238,16,1.738,19,2.544,20,2.735,23,0.262,25,0.194,37,0.57,97,2.95,107,2.132,111,0.283,165,3.969,179,1.543,266,3.755,306,1.721,312,5.132,313,4.635,316,5.516,317,4.048,734,0.661]],["t/176",[0,0.329,1,0.341,6,0.021,7,0.229,8,0.236,9,0.284,10,0.25,11,0.243,12,0.271,13,0.365,14,0.264,16,1.928,19,2.822,20,2.905,23,0.261,25,0.215,27,3.504,37,0.605,43,0.312,50,1.9,52,0.732,66,2.19,77,2.602,86,2.606,97,3.273,107,1.9,111,0.252,165,4.403,179,1.712,205,2.562,266,3.346,306,1.909,312,4.784,313,4.131,316,4.131,317,4.889,318,4.895,319,4.028,320,4.242,321,4.242,734,0.589]],["t/178",[0,0.323,1,0.338,5,0.95,6,0.019,7,0.241,8,0.206,9,0.263,10,0.218,11,0.212,12,0.237,13,0.319,14,0.23,17,2.267,23,0.258,24,1.001,25,0.226,37,0.464,45,0.796,52,0.796,84,2.649,111,0.274,178,2.86,219,3.006,284,3.019,326,3.192,332,2.822,361,5.037,362,4.493,363,5.39,364,4.991,734,0.641]],["t/180",[0,0.32,1,0.319,6,0.019,7,0.261,8,0.21,9,0.266,10,0.222,11,0.216,12,0.241,13,0.326,14,0.235,16,1.717,23,0.261,25,0.191,37,0.565,43,0.346,52,0.811,87,3.532,97,2.915,111,0.279,157,4.36,179,1.525,194,2.769,271,3.936,287,5.095,288,3.847,289,3.645,290,4.261,311,3.405,734,0.653]],["t/182",[0,0.323,1,0.339,5,0.952,6,0.019,7,0.241,8,0.206,9,0.263,10,0.219,11,0.213,12,0.237,13,0.32,14,0.231,17,2.271,23,0.259,24,1.003,25,0.227,37,0.465,45,0.798,52,0.798,84,2.656,111,0.275,178,2.866,219,3.01,284,3.026,326,3.197,332,2.829,361,5.044,362,4.503,363,5.271,364,4.994,734,0.642]],["t/184",[0,0.323,1,0.316,6,0.019,7,0.242,8,0.207,9,0.264,10,0.22,11,0.214,12,0.238,13,0.322,14,0.232,16,1.696,19,2.483,20,2.696,23,0.259,25,0.189,27,3.705,37,0.561,43,0.342,52,0.802,66,2.399,77,2.81,86,2.756,97,2.88,111,0.276,165,3.875,179,1.507,205,2.806,306,1.68,317,3.952,318,5.176,319,4.412,320,4.647,321,4.647,734,0.645]],["t/186",[0,0.321,1,0.332,5,0.909,6,0.022,7,0.234,8,0.242,9,0.288,10,0.256,11,0.249,12,0.278,13,0.375,14,0.27,16,1.612,23,0.264,24,0.958,25,0.22,37,0.544,43,0.43,50,1.977,52,0.762,77,2.921,80,2.93,84,2.535,92,4.692,111,0.262,118,3.106,179,1.431,184,2.972,189,2.972,203,3.106,259,3.154,261,3.751,277,5.139,278,4.541,377,5.139,378,4.541,734,0.613]],["t/188",[0,0.317,1,0.367,5,1.239,6,0.024,7,0.257,8,0.269,9,0.306,10,0.284,11,0.277,12,0.309,13,0.417,14,0.301,17,1.577,23,0.267,24,1.306,25,0.245,26,2.042,29,1.33,30,1.626,32,2.276,33,1.851,37,0.605,40,2.227,43,0.417,45,1.023,46,1.884,47,1.987,50,1.196,52,0.784,55,2.21,56,1.534,61,2.708,62,2.334,64,1.613,77,2.056,80,1.772,83,1.515,94,1.159,95,2.72,107,2.229,110,1.159,111,0.159,118,1.879,127,1.304,184,1.798,186,2.565,189,1.798,191,2.461,198,3.045,201,2.318,203,1.879,205,1.613,211,3.162,284,1.748,291,1.938,311,2.066,325,2.461,328,2.494,329,2.85,332,1.634,333,1.879,371,1.748,377,3.67,378,2.748,383,3.162,384,2.272,385,3.124,389,3.232,390,2.805,391,2.894,392,2.805,393,2.853,394,2.85,395,1.908,404,2.035,409,2.07,410,2.07,411,2.07,412,2.07,413,3.287,414,2.227,415,3.223,416,3.162,417,3.287,428,2.42,429,2.42,430,2.42,431,3.584,432,3.67,433,2.42,434,2.748,437,3.584,438,2.671,449,2.601,459,2.002,460,1.772,473,2.07,474,3.584,475,2.671,480,3.287,481,2.272,482,2.42,734,0.371]],["t/190",[0,0.329,1,0.364,4,2.14,5,1.073,6,0.024,7,0.259,8,0.267,9,0.305,10,0.282,11,0.274,12,0.306,13,0.413,14,0.298,16,1.789,17,2.126,19,2.016,20,2.516,21,2.726,23,0.265,24,1.063,25,0.246,26,1.364,27,2.503,29,1.533,30,1.086,34,1.817,37,0.645,43,0.424,45,0.651,46,1.73,47,1.419,52,0.899,56,2.166,66,1.333,77,2.017,84,1.483,86,1.862,94,1.121,95,2.654,97,2.338,107,1.157,110,1.121,111,0.153,114,2.999,118,1.817,127,1.261,165,3.145,178,2.762,179,1.69,184,2.539,205,1.56,209,1.79,211,2.113,219,2.04,266,2.037,271,1.69,284,1.69,288,2.113,306,2.124,311,1.38,312,3.418,313,2.515,316,2.515,317,3.208,318,3.497,319,2.452,320,2.583,321,2.583,323,3.582,324,2.656,325,2.401,326,2.166,327,2.656,328,1.667,329,1.904,330,3.88,331,2.828,332,1.58,333,1.817,334,3.88,335,2.828,336,2.452,337,3.029,339,3.582,340,2.583,341,2.656,342,2.113,343,3.343,344,2.394,358,2.452,359,2.452,360,2.452,361,3.418,362,2.515,363,4.167,364,4.04,365,3.582,366,2.074,367,2.583,370,3.582,371,1.69,372,2.656,734,0.359]],["t/192",[0,0.32,1,0.318,6,0.019,7,0.243,8,0.209,9,0.265,10,0.222,11,0.216,12,0.241,13,0.325,14,0.234,16,1.713,23,0.26,25,0.191,37,0.565,43,0.345,52,0.81,87,2.947,95,3.301,97,2.908,110,2.036,111,0.279,157,4.349,179,1.521,194,2.762,211,3.838,271,3.932,287,5.088,288,3.838,289,3.637,290,4.251,311,3.403,734,0.652]],["t/194",[0,0.276,1,0.322,5,0.987,6,0.019,7,0.246,8,0.214,9,0.269,10,0.227,11,0.22,12,0.246,13,0.332,14,0.239,23,0.263,24,1.04,25,0.195,37,0.482,43,0.353,45,0.827,52,0.827,55,1.822,111,0.285,198,2.934,371,3.138,389,2.934,413,4.838,414,3.999,415,4.744,416,4.654,417,4.838,428,4.345,429,4.345,430,5.155,734,0.666]],["t/196",[0,0.31,1,0.352,2,3.771,3,2.407,4,2.116,5,1.114,6,0.023,7,0.235,8,0.256,9,0.298,10,0.271,11,0.264,12,0.294,13,0.397,14,0.286,15,2.624,16,1.362,17,2.535,18,2.63,19,1.993,20,1.801,21,2.976,22,2.942,23,0.264,24,1.175,25,0.234,26,3.144,27,2.475,28,2.996,29,1.283,30,1.569,31,2.407,32,2.196,33,2.585,34,2.624,35,2.996,36,2.065,37,0.598,43,0.358,45,0.839,46,1.546,47,1.403,50,1.67,55,1.849,56,2.142,61,2.224,62,2.252,69,2.511,107,2.179,111,0.222,114,2.511,179,1.209,186,3.228,198,2.282,201,3.237,205,2.252,209,2.585,284,2.441,288,3.052,291,2.707,306,1.348,325,2.375,328,2.407,332,2.282,333,2.624,334,5.004,335,4.085,336,3.542,337,2.996,385,2.116,389,2.282,391,2.169,393,2.343,431,4.51,438,3.73,459,2.795,460,2.475,473,2.891,734,0.518]],["t/198",[0,0.276,1,0.322,5,0.987,6,0.019,7,0.246,8,0.214,9,0.269,10,0.227,11,0.22,12,0.246,13,0.332,14,0.239,23,0.263,24,1.04,25,0.195,37,0.482,43,0.353,45,0.827,52,0.827,55,1.822,111,0.285,198,2.934,371,3.138,389,2.934,413,4.838,414,3.999,415,4.744,416,4.654,417,4.838,428,5.155,429,4.345,430,4.345,734,0.666]],["t/200",[0,0.315,1,0.367,2,3.035,3,1.755,4,1.543,5,1.244,6,0.024,7,0.258,8,0.27,9,0.306,10,0.286,11,0.278,12,0.31,13,0.418,14,0.302,15,1.913,16,0.993,17,1.597,18,2.715,19,1.453,20,1.313,21,2.396,22,2.145,23,0.268,24,1.311,25,0.249,26,1.437,27,1.805,28,2.184,29,2.079,30,2.238,31,2.961,32,2.305,33,1.885,34,1.913,35,2.184,36,1.506,37,0.608,38,3.813,39,3.035,40,2.268,41,2.883,42,2.268,43,0.407,44,2.313,45,1.027,46,1.892,47,2.001,48,3.813,49,2.411,50,1.218,51,2.313,52,0.676,53,2.582,54,2.648,55,1.033,56,1.562,57,3.471,58,3.297,59,2.798,60,2.464,61,2.335,62,1.642,63,3.63,64,1.642,65,2.648,66,2.747,67,3.265,68,3.813,69,1.831,70,2.883,71,3.718,72,2.527,73,2.797,74,3.471,75,2.521,76,3.33,77,2.272,78,2.582,79,2.582,80,2.599,81,2.268,82,3.204,83,2.221,84,1.562,85,2.268,86,1.933,87,2.46,88,2.36,89,2.36,90,3.63,91,2.72,92,2.935,93,2.72,94,1.18,95,1.913,111,0.162,734,0.378,736,3.208]],["t/202",[0,0.321,1,0.338,5,0.95,6,0.019,7,0.241,8,0.206,9,0.263,10,0.218,11,0.212,12,0.237,13,0.319,14,0.23,17,2.267,23,0.258,24,1.001,25,0.243,37,0.464,45,0.796,52,0.796,84,2.649,111,0.274,178,2.86,219,3.006,284,3.019,326,3.192,332,2.822,361,5.037,362,4.493,363,5.39,364,4.991,734,0.641]],["t/204",[0,0.315,1,0.367,5,1.239,6,0.024,7,0.257,8,0.269,9,0.306,10,0.284,11,0.277,12,0.309,13,0.417,14,0.301,17,1.577,23,0.267,24,1.306,25,0.248,26,2.042,29,1.33,30,1.626,32,2.276,33,1.851,37,0.605,40,2.227,43,0.417,45,1.023,46,1.884,47,1.987,50,1.196,52,0.784,55,2.21,56,1.534,61,2.708,62,2.334,64,1.613,77,2.056,80,1.772,83,1.515,94,1.159,95,2.72,107,2.229,110,1.159,111,0.159,118,1.879,127,1.304,184,1.798,186,2.565,189,1.798,191,2.461,198,3.045,201,2.318,203,1.879,205,1.613,211,2.185,284,1.748,291,1.938,311,2.066,325,2.461,328,2.494,329,2.85,332,1.634,333,1.879,371,1.748,377,3.67,378,2.748,383,3.162,384,2.272,385,3.124,389,3.232,390,2.805,391,2.894,392,2.805,393,2.853,394,2.85,395,1.908,404,2.035,409,2.07,410,2.07,411,2.07,412,2.07,413,3.287,414,2.227,415,3.223,416,3.162,417,3.287,428,2.42,429,2.42,430,2.42,431,3.584,432,3.67,433,2.42,434,2.748,437,3.584,438,2.671,449,2.601,459,2.002,460,1.772,473,2.07,474,3.584,475,2.671,480,3.287,481,2.272,482,2.42,734,0.371,736,3.151]],["t/206",[0,0.329,1,0.364,4,2.14,5,1.073,6,0.024,7,0.259,8,0.267,9,0.305,10,0.282,11,0.274,12,0.306,13,0.413,14,0.298,16,1.789,17,2.126,19,2.016,20,2.516,21,2.726,23,0.265,24,1.063,25,0.249,26,1.364,27,2.503,29,1.533,30,1.086,34,1.817,37,0.645,43,0.424,45,0.651,46,1.73,47,1.419,52,0.899,56,2.166,66,1.333,77,2.017,84,1.483,86,1.862,94,1.121,95,2.654,97,2.338,107,1.157,110,1.121,111,0.153,114,2.999,118,1.817,127,1.261,165,3.145,178,2.762,179,1.69,184,2.539,205,1.56,209,1.79,219,2.04,266,2.037,271,1.69,284,1.69,288,2.113,306,2.124,311,1.38,312,3.418,313,2.515,316,2.515,317,3.208,318,3.497,319,2.452,320,2.583,321,2.583,323,3.582,324,2.656,325,2.401,326,2.166,327,2.656,328,1.667,329,1.904,330,3.88,331,2.828,332,1.58,333,1.817,334,3.88,335,2.828,336,2.452,337,3.029,339,3.582,340,2.583,341,2.656,342,2.113,343,3.343,344,2.394,358,2.452,359,2.452,360,2.452,361,3.418,362,2.515,363,4.167,364,4.04,365,3.582,366,2.074,367,2.583,370,3.582,371,1.69,372,2.656,734,0.359,736,3.046]],["t/208",[0,0.322,1,0.289,3,3.021,6,0.024,7,0.267,8,0.272,9,0.307,10,0.288,11,0.28,12,0.312,13,0.422,14,0.304,16,2.107,17,2.287,18,3.032,23,0.27,25,0.263,29,0.969,36,2.592,37,0.612,39,3.114,43,0.434,46,1.875,47,1.06,49,2.498,52,0.88,55,1.071,58,1.747,59,2.013,69,1.897,77,2.118,84,1.618,87,1.77,92,4.042,94,1.223,95,2.826,97,1.747,101,1.391,107,1.262,109,0.914,110,1.223,111,0.167,127,1.376,157,2.612,161,0.999,162,1.472,166,2.744,169,1.346,179,1.974,189,3.631,194,1.659,203,3.795,204,4.258,205,1.702,206,3.324,207,4.399,208,3.472,210,4.399,211,2.305,212,3.472,213,3.472,216,2.446,227,2.676,238,4.258,239,3.197,242,4.017,243,2.987,255,4.399,256,3.197,257,3.472,258,3.912,259,3.344,260,2.987,261,3.244,262,2.446,263,2.184,264,2.396,265,3.912,266,2.223,267,2.899,271,3.063,277,3.814,278,2.899,287,3.64,288,2.305,289,2.184,290,2.553,311,2.883,734,0.391,736,3.324]],["t/210",[1,0.177,4,2.445,6,0.025,7,0.269,8,0.278,9,0.311,10,0.294,11,0.286,12,0.319,13,0.401,14,0.31,16,1.137,19,1.665,20,1.504,23,0.274,25,0.269,29,1.072,36,2.387,37,0.632,43,0.426,44,3.666,45,1.044,46,0.99,52,0.744,77,1.951,83,1.767,84,1.789,86,2.127,94,1.352,95,3.033,96,4.89,97,1.931,98,4.434,99,4.761,100,4.434,101,2.439,102,3.034,106,3.996,107,1.395,110,1.352,111,0.185,112,4.89,114,3.59,115,3.303,116,2.039,117,4.89,127,1.521,128,3.675,129,2.358,130,1.957,131,3.675,153,4.89,154,3.675,155,4.035,156,4.434,161,1.104,171,4.72,172,3.675,173,3.034,174,4.832,177,4.31,178,1.931,179,1.815,180,3.412,182,2.958,183,4.434,184,2.097,185,3.535,186,2.067,189,2.097,190,4.72,191,1.983,192,3.839,193,3.969,197,4.72,198,1.906,199,3.839,200,4.72,201,2.704,202,3.839,203,2.192,734,0.433,736,3.675]],["t/212",[6,0.02,7,0.212,8,0.219,9,0.273,10,0.232,11,0.225,12,0.251,14,0.245,23,0.265,25,0.249,37,0.493,43,0.361,95,3.451,97,3.04,99,4.171,110,2.128,111,0.291,113,6.8,118,3.451,119,6.352,120,6.352,121,4.776,122,4.347,123,5.199,124,2.851,125,6.352,126,5.785,734,0.681,736,5.785]],["t/214",[0,0.277,1,0.323,5,0.992,6,0.019,7,0.247,8,0.215,9,0.27,10,0.228,11,0.221,12,0.247,13,0.334,14,0.241,23,0.263,24,1.046,25,0.196,37,0.485,45,0.832,52,0.832,58,2.987,66,2.946,72,3.11,74,5.058,75,4.468,76,4.852,77,2.582,78,4.576,79,5.418,80,3.198,81,4.019,111,0.286,734,0.669]],["t/216",[0,0.296,1,0.345,5,1.111,6,0.022,7,0.234,8,0.241,9,0.288,10,0.255,11,0.248,12,0.277,13,0.374,14,0.27,23,0.264,24,1.171,25,0.22,37,0.543,43,0.397,45,0.931,46,1.716,47,1.653,50,1.968,52,0.758,55,2.22,83,2.493,111,0.261,198,2.689,311,2.349,371,2.876,385,3.062,389,3.573,391,2.555,404,3.349,413,4.59,414,3.665,415,4.501,416,4.416,417,4.59,428,3.982,429,3.982,430,3.982,480,4.59,481,3.738,482,3.982,734,0.61]],["t/218",[0,0.305,1,0.356,5,1.172,6,0.023,7,0.247,8,0.254,9,0.297,10,0.269,11,0.262,12,0.292,13,0.394,14,0.284,17,1.693,23,0.266,24,1.235,25,0.232,26,2.193,29,1.428,30,1.746,37,0.573,40,3.462,43,0.305,45,0.982,46,1.656,47,1.562,52,0.716,55,2.337,64,2.507,107,1.859,111,0.247,191,2.643,198,3.187,201,3.603,284,2.716,332,2.54,383,4.262,384,3.53,385,2.955,389,3.652,390,3.013,391,2.414,392,3.013,393,2.607,431,4.83,437,4.83,438,4.152,449,4.043,734,0.577,735,2.716]],["t/220",[0,0.274,1,0.319,2,4.365,3,3.042,4,2.674,5,0.97,6,0.019,7,0.244,8,0.21,9,0.266,10,0.223,11,0.217,12,0.242,13,0.326,14,0.235,15,3.317,16,1.721,17,2.297,18,3.045,19,2.519,20,2.276,21,3.445,22,3.719,23,0.261,24,1.023,25,0.192,26,2.49,27,3.128,28,3.786,29,1.622,30,1.983,31,3.042,32,2.775,33,3.267,34,3.317,35,4.523,36,2.61,37,0.474,111,0.28,734,0.655]],["t/222",[0,0.276,1,0.322,5,0.987,6,0.019,7,0.246,8,0.214,9,0.269,10,0.227,11,0.22,12,0.246,13,0.332,14,0.239,23,0.263,24,1.04,25,0.195,37,0.482,43,0.353,45,0.827,52,0.827,55,1.822,111,0.285,198,2.934,371,3.138,389,2.934,413,4.838,414,3.999,415,4.744,416,4.654,417,4.838,428,4.345,429,5.155,430,4.345,734,0.666]],["t/224",[0,0.274,1,0.319,2,4.365,3,3.042,4,2.674,5,0.97,6,0.019,7,0.244,8,0.21,9,0.266,10,0.223,11,0.217,12,0.242,13,0.326,14,0.235,15,3.317,16,1.721,17,2.297,18,3.045,19,2.519,20,2.276,21,3.445,22,3.719,23,0.261,24,1.023,25,0.192,26,2.49,27,3.128,28,4.523,29,1.622,30,1.983,31,3.042,32,2.775,33,3.267,34,3.317,35,3.786,36,2.61,37,0.474,111,0.28,734,0.655]],["t/226",[0,0.295,1,0.323,5,0.989,6,0.019,7,0.247,8,0.215,9,0.269,10,0.227,11,0.221,12,0.246,13,0.333,14,0.24,20,2.321,23,0.263,24,1.043,25,0.196,29,2.089,30,2.022,37,0.573,43,0.353,45,0.829,111,0.286,118,3.382,178,2.98,306,1.738,343,5.05,344,4.457,358,4.565,359,5.41,360,4.565,734,0.668]],["t/228",[0,0.317,1,0.353,5,1.055,6,0.023,7,0.222,8,0.251,9,0.295,10,0.266,11,0.259,12,0.289,13,0.39,14,0.281,17,1.651,23,0.264,24,1.112,25,0.229,26,2.138,37,0.595,43,0.414,45,0.885,46,1.63,47,1.523,50,1.813,52,0.698,56,2.324,61,2.413,62,2.444,107,2.296,111,0.241,114,2.725,127,1.976,179,1.312,186,3.402,198,2.476,205,2.444,271,2.649,291,2.938,306,1.463,311,2.74,323,4.869,324,4.164,325,3.766,327,4.164,328,3.818,329,4.149,333,2.848,385,2.296,391,2.353,393,2.542,432,4.869,433,3.668,434,4.164,459,3.034,460,2.686,473,3.138,734,0.562,735,2.649]],["t/230",[0,0.274,1,0.32,5,0.973,6,0.019,7,0.244,8,0.211,9,0.267,10,0.223,11,0.217,12,0.242,13,0.327,14,0.236,23,0.261,24,1.025,25,0.192,29,1.626,30,1.988,37,0.475,43,0.347,45,0.815,46,1.502,47,1.778,52,0.815,61,3.362,62,2.854,107,2.116,111,0.281,127,2.307,191,3.008,385,2.681,390,3.429,391,2.747,392,3.429,393,2.968,394,4.158,395,3.376,409,3.663,410,3.663,411,3.663,412,4.371,734,0.656]],["t/232",[0,0.305,1,0.356,5,1.173,6,0.023,7,0.233,8,0.254,9,0.297,10,0.269,11,0.262,12,0.292,13,0.395,14,0.285,17,1.496,23,0.263,24,1.237,25,0.232,26,1.937,29,1.655,30,2.024,37,0.573,43,0.419,45,0.983,46,1.881,47,2.02,50,1.642,52,0.83,55,2.04,56,2.106,61,3.201,62,2.905,64,2.214,69,2.468,83,2.08,107,2.552,111,0.218,127,1.79,186,3.192,191,3.062,205,2.214,291,2.661,311,1.96,325,2.334,328,2.366,333,2.58,383,3.936,384,3.118,385,3.445,389,2.943,390,3.491,391,3.441,392,3.491,393,3.372,394,3.547,395,2.62,404,2.794,409,2.842,410,2.842,411,2.842,412,2.842,459,2.748,460,2.433,473,2.842,480,4.091,481,3.118,482,3.323,734,0.509]],["t/234",[0,0.294,1,0.343,5,1.1,6,0.021,7,0.232,8,0.239,9,0.286,10,0.253,11,0.246,12,0.274,13,0.37,14,0.267,23,0.262,24,1.16,25,0.218,29,1.839,30,2.249,37,0.538,43,0.393,45,0.922,46,1.375,47,1.628,50,1.938,52,0.922,55,1.644,61,3.187,62,2.613,64,2.613,107,2.394,111,0.257,127,2.112,191,3.403,383,4.373,384,3.68,385,3.29,389,2.647,390,3.879,391,3.108,392,4.209,393,3.357,394,3.941,395,3.091,409,3.354,410,3.354,411,3.354,412,3.354,734,0.601]],["t/236",[0,0.295,1,0.323,5,0.989,6,0.019,7,0.247,8,0.215,9,0.269,10,0.227,11,0.221,12,0.246,13,0.333,14,0.24,20,2.321,23,0.263,24,1.043,25,0.196,29,2.089,30,2.022,37,0.573,43,0.353,45,0.829,111,0.286,118,3.382,178,2.98,306,1.738,343,5.05,344,4.457,358,4.565,359,4.565,360,5.41,734,0.668]],["t/238",[0,0.315,1,0.367,5,1.242,6,0.024,7,0.253,8,0.269,9,0.306,10,0.285,11,0.277,12,0.309,13,0.418,14,0.301,17,1.102,18,2.107,23,0.267,24,1.309,25,0.246,26,1.427,29,1.572,30,1.639,32,2.691,33,1.872,37,0.607,38,3.794,39,3.02,40,3.249,41,2.863,42,2.252,43,0.443,44,2.297,45,1.041,46,2.042,47,2.298,48,3.794,49,3.454,50,1.745,51,2.297,52,0.672,53,2.564,54,2.63,55,2.016,56,2.237,57,3.454,58,2.415,59,2.784,60,2.447,61,3.163,62,2.76,68,3.794,69,1.818,70,2.863,83,2.21,90,3.612,91,2.701,92,2.92,93,2.701,94,1.172,95,1.9,107,2.047,111,0.16,127,1.318,186,2.586,191,1.719,198,1.652,205,1.631,211,2.209,291,1.96,311,1.443,325,1.719,328,1.743,333,1.9,385,2.838,389,2.384,390,1.96,391,2.657,392,1.96,393,2.447,394,2.873,395,1.93,404,2.058,409,2.093,410,2.093,411,2.093,412,2.093,437,3.612,449,2.63,459,2.024,460,1.792,473,2.093,474,3.612,475,2.701,480,3.314,481,2.297,482,2.447,734,0.375]],["t/240",[0,0.321,1,0.348,5,1.071,6,0.023,7,0.246,8,0.254,9,0.297,10,0.269,11,0.261,12,0.292,13,0.394,14,0.284,16,2.077,23,0.266,24,1.129,25,0.232,37,0.618,46,2.092,47,2.244,49,3.672,95,2.915,109,1.343,110,1.798,111,0.246,179,1.343,184,3.502,216,3.595,227,3.934,259,2.96,265,5.066,266,3.268,267,4.261,306,1.881,365,4.94,366,3.327,367,4.143,370,4.94,371,2.711,372,4.261,734,0.575]],["t/242",[0,0.275,1,0.321,5,0.98,6,0.019,7,0.245,8,0.212,9,0.268,10,0.225,11,0.219,12,0.244,13,0.33,14,0.238,23,0.262,24,1.033,25,0.194,29,2.08,30,2.002,31,3.072,37,0.479,45,0.821,66,2.458,67,3.969,77,2.564,80,3.159,82,4.634,83,2.7,84,2.734,85,3.969,86,2.796,87,3.558,88,4.916,89,4.131,111,0.283,734,0.661]],["t/244",[0,0.314,1,0.364,2,3.189,3,1.881,4,1.653,5,1.225,6,0.024,7,0.258,8,0.266,9,0.304,10,0.281,11,0.273,12,0.305,13,0.412,14,0.297,15,2.051,16,1.064,17,1.678,18,2.225,19,1.558,20,1.987,21,2.517,22,2.299,23,0.266,24,1.291,25,0.242,26,1.54,27,1.934,28,2.341,29,2.2,30,2.545,31,3.077,32,1.716,33,2.02,34,2.051,35,2.341,36,1.614,37,0.609,43,0.381,45,1.005,46,1.516,47,1.548,52,0.71,55,1.108,57,3.647,58,2.956,59,2.083,60,2.641,61,3.089,62,2.485,63,3.814,64,2.485,65,2.839,66,2.462,67,3.431,71,3.907,72,1.881,73,2.998,77,1.862,80,1.934,82,3.366,83,1.653,84,1.674,85,2.431,86,2.031,87,2.584,88,2.53,89,2.53,107,1.843,111,0.173,115,3.09,118,2.051,127,1.423,178,1.807,191,2.619,306,1.054,343,3.647,344,2.702,358,2.768,359,2.768,360,2.768,383,3.366,384,2.479,385,2.705,389,1.783,390,2.986,391,2.392,392,2.986,393,2.584,394,3.034,395,2.083,409,2.259,410,2.259,411,2.259,412,2.259,734,0.405]],["t/246",[0,0.297,1,0.346,5,1.115,6,0.022,7,0.235,8,0.242,9,0.289,10,0.256,11,0.249,12,0.278,13,0.375,14,0.271,23,0.265,24,1.176,25,0.221,29,2.155,30,2.28,31,3.498,37,0.545,45,0.935,50,1.982,58,2.743,63,5.025,64,2.672,65,4.309,66,2.798,67,4.885,77,2.453,80,2.936,82,4.434,83,2.51,84,2.541,85,3.69,86,2.675,87,3.404,88,3.84,89,3.84,111,0.263,734,0.615]],["t/248",[0,0.316,1,0.322,6,0.019,7,0.246,8,0.214,9,0.269,10,0.226,11,0.22,12,0.245,13,0.331,14,0.239,23,0.263,25,0.195,37,0.571,43,0.418,52,0.825,111,0.284,114,3.22,127,2.335,179,1.551,271,3.13,306,1.729,311,2.557,323,5.394,324,4.921,325,3.616,327,5.843,328,3.087,329,3.527,734,0.664]],["t/250",[0,0.274,1,0.32,5,0.973,6,0.019,7,0.205,8,0.211,9,0.267,10,0.223,11,0.217,12,0.242,13,0.327,14,0.236,17,1.928,23,0.261,24,1.025,25,0.192,26,2.496,37,0.475,43,0.347,45,0.815,46,1.793,47,1.778,50,2.116,56,2.714,61,2.817,62,2.854,107,2.526,111,0.281,186,3.742,205,2.854,291,3.429,325,3.008,328,3.05,333,3.325,385,2.681,391,2.747,393,2.968,459,3.542,460,3.136,473,4.371,734,0.656]],["t/252",[0,0.301,1,0.351,5,1.144,6,0.022,7,0.218,8,0.248,9,0.293,10,0.263,11,0.255,12,0.285,13,0.385,14,0.278,17,1.608,23,0.262,24,1.206,25,0.226,26,2.082,29,1.734,30,2.12,37,0.559,43,0.409,45,0.959,46,1.767,47,1.896,50,1.765,52,0.87,55,1.498,56,2.263,61,3.314,62,3.044,64,2.38,107,2.623,111,0.234,127,1.924,186,3.345,191,3.209,205,2.38,291,2.86,325,2.509,328,2.544,333,2.773,383,4.124,384,3.352,385,3.323,389,2.411,390,3.658,391,3.231,392,3.658,393,3.679,394,3.717,395,2.816,409,3.055,410,3.055,411,3.055,412,3.055,459,2.954,460,2.615,473,3.055,734,0.547,735,2.579]],["t/254",[0,0.279,1,0.325,5,1.002,6,0.02,7,0.249,8,0.217,9,0.271,10,0.23,11,0.224,12,0.25,13,0.337,14,0.243,23,0.264,24,1.056,25,0.198,37,0.489,43,0.358,45,0.84,46,1.824,47,1.831,59,3.477,83,2.761,90,5.321,91,4.867,92,4.301,93,5.739,111,0.289,734,0.676]],["t/256",[0,0.303,1,0.33,2,4.161,3,2.811,4,3.045,5,1.105,6,0.022,7,0.233,8,0.24,9,0.287,10,0.254,11,0.247,12,0.275,13,0.372,14,0.268,15,3.065,16,1.59,17,2.189,18,2.902,19,2.328,20,2.103,21,3.815,22,3.436,23,0.263,24,0.945,25,0.219,26,2.301,27,2.89,28,3.498,29,1.498,30,1.832,31,2.811,32,2.564,33,3.019,34,4.093,35,3.498,36,2.412,37,0.585,43,0.32,50,1.951,52,0.752,111,0.259,178,2.7,306,1.574,337,3.498,339,5.097,340,4.356,341,4.48,342,3.564,734,0.605]],["t/258",[0,0.309,1,0.345,4,2.482,5,0.9,6,0.022,7,0.19,8,0.24,9,0.288,10,0.254,11,0.247,12,0.276,13,0.373,14,0.269,17,1.785,23,0.264,24,0.949,25,0.219,26,2.311,37,0.586,43,0.429,45,0.755,46,1.711,47,1.646,50,2.41,52,0.755,56,3.348,61,2.609,62,2.642,107,2.41,111,0.26,114,2.945,179,1.419,186,3.572,205,2.642,291,3.175,306,1.582,325,2.785,328,2.824,330,5.537,331,4.792,333,4.102,385,2.482,391,2.544,393,2.748,459,3.279,460,2.903,473,3.391,734,0.608]],["t/260",[0,0.275,1,0.321,5,0.98,6,0.019,7,0.245,8,0.212,9,0.268,10,0.225,11,0.219,12,0.244,13,0.33,14,0.238,23,0.262,24,1.033,25,0.194,29,2.08,30,2.002,31,3.072,37,0.479,45,0.821,66,2.458,67,3.969,77,2.564,80,3.159,82,4.634,83,2.7,84,2.734,85,3.969,86,2.796,87,3.558,88,4.131,89,4.916,111,0.283,734,0.661]],["t/262",[0,0.274,1,0.32,5,0.973,6,0.019,7,0.244,8,0.211,9,0.267,10,0.223,11,0.217,12,0.242,13,0.327,14,0.236,23,0.261,24,1.025,25,0.192,29,1.626,30,1.988,37,0.475,43,0.347,45,0.815,46,1.502,47,1.778,52,0.815,61,3.362,62,2.854,107,2.116,111,0.281,127,2.307,191,3.008,385,2.681,390,3.429,391,2.747,392,3.429,393,2.968,394,4.158,395,3.376,409,3.663,410,3.663,411,4.371,412,3.663,734,0.656]],["t/264",[0,0.301,1,0.352,5,1.147,6,0.022,7,0.219,8,0.249,9,0.293,10,0.263,11,0.256,12,0.286,13,0.386,14,0.278,17,1.617,23,0.263,24,1.209,25,0.227,26,2.095,29,1.917,30,2.129,37,0.561,43,0.41,45,0.962,46,1.928,47,2.097,50,1.776,52,0.684,56,2.277,57,4.486,58,2.458,59,2.833,60,3.593,61,3.616,62,3.546,107,2.496,111,0.236,127,1.936,186,3.358,191,2.524,205,2.395,291,2.878,325,2.524,328,2.559,333,2.79,385,2.871,390,2.878,391,2.942,392,2.878,393,3.179,394,3.731,395,2.833,409,3.074,410,3.074,411,3.074,412,3.074,459,2.972,460,2.631,473,3.074,734,0.551,735,2.595]],["t/266",[0,0.274,1,0.32,5,0.973,6,0.019,7,0.244,8,0.211,9,0.267,10,0.223,11,0.217,12,0.242,13,0.327,14,0.236,23,0.261,24,1.025,25,0.192,29,1.626,30,1.988,37,0.475,43,0.347,45,0.815,46,1.502,47,1.778,52,0.815,61,3.362,62,2.854,107,2.116,111,0.281,127,2.307,191,3.008,385,2.681,390,3.429,391,2.747,392,3.429,393,2.968,394,4.158,395,3.376,409,3.663,410,4.371,411,3.663,412,3.663,734,0.656]],["t/268",[0,0.277,1,0.323,5,0.992,6,0.019,7,0.247,8,0.215,9,0.27,10,0.228,11,0.221,12,0.247,13,0.334,14,0.241,23,0.263,24,1.046,25,0.196,37,0.485,45,0.832,52,0.832,58,2.987,66,2.946,72,3.11,74,5.058,75,4.468,76,4.852,77,2.582,78,4.576,79,4.576,80,3.786,81,4.019,111,0.286,734,0.669]],["t/270",[0,0.304,1,0.346,5,1.114,6,0.022,7,0.234,8,0.242,9,0.288,10,0.256,11,0.249,12,0.278,13,0.375,14,0.27,23,0.264,24,1.174,25,0.22,29,2.013,30,1.857,31,2.849,37,0.544,43,0.325,45,0.762,50,1.977,66,2.279,67,3.681,77,2.834,80,3.884,82,4.428,83,2.504,84,2.535,85,3.681,86,2.671,87,3.399,88,3.832,89,3.832,111,0.262,118,3.106,184,2.972,189,2.972,203,3.106,377,5.139,378,4.541,734,0.613]],["t/272",[0,0.296,1,0.345,2,4.178,3,2.83,4,2.487,5,1.109,6,0.022,7,0.234,8,0.241,9,0.288,10,0.255,11,0.248,12,0.276,13,0.373,14,0.269,15,3.085,16,1.601,17,2.198,18,2.914,19,2.344,20,2.117,21,3.297,22,3.459,23,0.264,24,1.169,25,0.219,26,2.317,27,2.91,28,3.522,29,1.508,30,1.845,31,2.83,32,3.435,33,4.045,34,3.085,35,3.522,36,2.428,37,0.542,43,0.322,45,0.757,46,1.713,47,1.65,50,1.964,111,0.261,211,3.588,474,4.997,475,4.385,734,0.609]],["t/274",[0,0.315,1,0.367,2,3.035,3,1.755,4,1.543,5,1.244,6,0.024,7,0.258,8,0.27,9,0.306,10,0.286,11,0.278,12,0.31,13,0.418,14,0.302,15,1.913,16,0.993,17,1.597,18,2.715,19,1.453,20,1.313,21,2.396,22,2.145,23,0.268,24,1.327,25,0.246,26,1.437,27,1.805,28,2.184,29,2.079,30,2.238,31,2.961,32,2.305,33,1.885,34,1.913,35,2.184,36,1.506,37,0.608,38,3.813,39,3.035,40,2.268,41,2.883,42,2.268,43,0.407,44,2.313,45,1.027,46,1.892,47,2.001,48,3.813,49,2.411,50,1.218,51,2.313,52,0.676,53,2.582,54,2.648,55,1.033,56,1.562,57,3.471,58,3.297,59,2.798,60,2.464,61,2.335,62,1.642,63,3.63,64,1.642,65,2.648,66,2.747,67,3.265,68,3.813,69,1.831,70,2.883,71,3.718,72,2.527,73,2.797,74,3.471,75,2.521,76,3.33,77,2.272,78,2.582,79,2.582,80,2.599,81,2.268,82,3.204,83,2.221,84,1.562,85,2.268,86,1.933,87,2.46,88,2.36,89,2.36,90,3.63,91,2.72,92,2.935,93,2.72,94,1.18,95,1.913,111,0.162,433,2.464,734,0.378]],["t/276",[0,0.315,1,0.367,5,1.239,6,0.024,7,0.257,8,0.269,9,0.306,10,0.284,11,0.277,12,0.309,13,0.417,14,0.301,17,1.577,23,0.267,24,1.322,25,0.245,26,2.042,29,1.33,30,1.626,32,2.276,33,1.851,37,0.605,40,2.227,43,0.417,45,1.023,46,1.884,47,1.987,50,1.196,52,0.784,55,2.21,56,1.534,61,2.708,62,2.334,64,1.613,77,2.056,80,1.772,83,1.515,94,1.159,95,2.72,107,2.229,110,1.159,111,0.159,118,1.879,127,1.304,184,1.798,186,2.565,189,1.798,191,2.461,198,3.045,201,2.318,203,1.879,205,1.613,211,2.185,284,1.748,291,1.938,311,2.066,325,2.461,328,2.494,329,2.85,332,1.634,333,1.879,371,1.748,377,3.67,378,2.748,383,3.162,384,2.272,385,3.124,389,3.232,390,2.805,391,2.894,392,2.805,393,2.853,394,2.85,395,1.908,404,2.035,409,2.07,410,2.07,411,2.07,412,2.07,413,3.287,414,2.227,415,3.223,416,3.162,417,3.287,428,2.42,429,2.42,430,2.42,431,3.584,432,3.67,433,3.502,434,2.748,437,3.584,438,2.671,449,2.601,459,2.002,460,1.772,473,2.07,474,3.584,475,2.671,480,3.287,481,2.272,482,2.42,734,0.371]],["t/278",[0,0.324,1,0.361,5,1.18,6,0.023,7,0.248,8,0.256,9,0.298,10,0.271,11,0.263,12,0.294,13,0.397,14,0.286,16,1.774,17,1.982,20,1.798,23,0.264,24,1.29,25,0.242,29,1.861,30,1.566,37,0.625,43,0.274,45,0.838,46,1.939,47,1.828,52,0.642,84,2.138,95,2.619,110,1.616,111,0.221,118,2.619,178,3.011,184,3.27,219,2.627,284,2.436,306,1.955,326,2.79,332,2.277,343,4.307,344,3.451,358,3.535,359,3.535,360,3.535,361,4.402,362,3.625,363,4.876,364,4.61,365,4.614,366,2.99,367,3.723,370,4.614,371,2.436,372,3.83,433,3.373,734,0.517]],["t/280",[0,0.315,1,0.369,2,3.035,3,1.755,4,1.543,5,1.244,6,0.024,7,0.258,8,0.27,9,0.306,10,0.286,11,0.278,12,0.31,13,0.418,14,0.302,15,1.913,16,0.993,17,1.597,18,2.715,19,1.453,20,1.313,21,2.396,22,2.145,23,0.268,24,1.311,25,0.246,26,1.437,27,1.805,28,2.184,29,2.079,30,2.238,31,2.961,32,2.305,33,1.885,34,1.913,35,2.184,36,1.506,37,0.608,38,3.813,39,3.035,40,2.268,41,2.883,42,2.268,43,0.407,44,2.313,45,1.027,46,1.892,47,2.001,48,3.813,49,2.411,50,1.218,51,2.313,52,0.676,53,2.582,54,2.648,55,1.033,56,1.562,57,3.471,58,3.297,59,2.798,60,2.464,61,2.335,62,1.642,63,3.63,64,1.642,65,2.648,66,2.747,67,3.265,68,3.813,69,1.831,70,2.883,71,3.718,72,2.527,73,2.797,74,3.471,75,2.521,76,3.33,77,2.272,78,2.582,79,2.582,80,2.599,81,2.268,82,3.204,83,2.221,84,1.562,85,2.268,86,1.933,87,2.46,88,2.36,89,2.36,90,3.63,91,2.72,92,2.935,93,2.72,94,1.18,95,1.913,111,0.162,433,2.464,734,0.378]],["t/282",[0,0.277,1,0.323,5,0.992,6,0.019,7,0.247,8,0.215,9,0.27,10,0.228,11,0.221,12,0.247,13,0.334,14,0.241,23,0.263,24,1.046,25,0.196,37,0.485,45,0.832,52,0.832,58,2.987,66,2.946,72,3.11,74,5.058,75,4.468,76,4.852,77,2.582,78,5.418,79,4.576,80,3.198,81,4.019,111,0.286,734,0.669]],["t/284",[0,0.315,1,0.368,5,1.239,6,0.024,7,0.257,8,0.269,9,0.306,10,0.284,11,0.277,12,0.309,13,0.417,14,0.301,17,1.577,23,0.267,24,1.306,25,0.245,26,2.042,29,1.33,30,1.626,32,2.276,33,1.851,37,0.605,40,2.227,43,0.417,45,1.023,46,1.884,47,1.987,50,1.196,52,0.784,55,2.21,56,1.534,61,2.708,62,2.334,64,1.613,77,2.056,80,1.772,83,1.515,94,1.159,95,2.72,107,2.229,110,1.159,111,0.159,118,1.879,127,1.304,184,1.798,186,2.565,189,1.798,191,2.461,198,3.045,201,2.318,203,1.879,205,1.613,211,2.185,284,1.748,291,1.938,311,2.066,325,2.461,328,2.494,329,2.85,332,1.634,333,1.879,371,1.748,377,3.67,378,2.748,383,3.162,384,2.272,385,3.124,389,3.232,390,2.805,391,2.894,392,2.805,393,2.853,394,2.85,395,1.908,404,2.035,409,2.07,410,2.07,411,2.07,412,2.07,413,3.287,414,2.227,415,3.223,416,3.162,417,3.287,428,2.42,429,2.42,430,2.42,431,3.584,432,3.67,433,3.502,434,2.748,437,3.584,438,2.671,449,2.601,459,2.002,460,1.772,473,2.07,474,3.584,475,2.671,480,3.287,481,2.272,482,2.42,734,0.371]],["t/286",[0,0.305,1,0.356,5,1.172,6,0.023,7,0.247,8,0.254,9,0.297,10,0.269,11,0.262,12,0.292,13,0.394,14,0.284,17,1.693,23,0.266,24,1.235,25,0.232,26,2.193,29,1.428,30,1.746,37,0.573,40,3.462,43,0.305,45,0.982,46,1.656,47,1.562,52,0.716,55,2.385,64,2.507,107,1.859,111,0.247,191,2.643,198,3.187,201,3.603,284,2.716,332,2.54,383,4.262,384,3.53,385,2.955,389,3.483,390,3.013,391,2.414,392,3.013,393,2.607,431,4.83,437,4.83,438,4.152,449,4.043,734,0.577,735,2.716]],["t/288",[3,3.197,6,0.02,7,0.251,8,0.221,9,0.274,10,0.234,11,0.228,12,0.254,13,0.343,14,0.247,16,1.809,17,2.021,23,0.266,25,0.236,36,2.743,37,0.498,46,1.575,111,0.294,127,2.418,166,5.647,179,1.606,242,5.799,243,5.252,734,0.688]],["t/290",[0,0.274,1,0.319,2,4.365,3,3.042,4,2.674,5,0.97,6,0.019,7,0.244,8,0.21,9,0.266,10,0.223,11,0.217,12,0.242,13,0.326,14,0.235,15,3.317,16,1.721,17,2.297,18,3.256,19,2.519,20,2.276,21,3.445,22,3.719,23,0.261,24,1.023,25,0.192,26,2.49,27,3.128,28,3.786,29,1.622,30,1.983,31,3.042,32,2.775,33,3.267,34,3.317,35,3.786,36,2.61,37,0.474,111,0.28,734,0.655]],["t/292",[0,0.276,1,0.322,5,0.987,6,0.019,7,0.246,8,0.214,9,0.269,10,0.227,11,0.22,12,0.246,13,0.332,14,0.239,23,0.263,24,1.04,25,0.195,37,0.482,43,0.353,45,0.827,52,0.827,55,1.822,111,0.285,198,2.934,371,3.138,389,2.934,413,4.838,414,3.999,415,4.744,416,4.962,417,4.838,428,4.345,429,4.345,430,4.345,734,0.666]],["t/294",[1,0.277,6,0.02,7,0.249,8,0.218,9,0.272,10,0.231,11,0.224,12,0.25,13,0.338,14,0.244,19,3.072,20,2.775,23,0.265,25,0.234,37,0.491,45,0.992,77,2.208,86,2.837,98,5.019,111,0.29,174,4.421,179,1.582,183,5.912,184,3.285,185,5.536,186,3.238,734,0.678]],["t/296",[0,0.274,1,0.319,2,4.365,3,3.042,4,2.674,5,0.97,6,0.019,7,0.244,8,0.21,9,0.266,10,0.223,11,0.217,12,0.242,13,0.326,14,0.235,15,3.317,16,1.721,17,2.297,18,3.045,19,2.519,20,2.276,21,3.445,22,3.719,23,0.261,24,1.023,25,0.192,26,2.49,27,3.737,28,3.786,29,1.622,30,1.983,31,3.042,32,2.775,33,3.267,34,3.317,35,3.786,36,2.61,37,0.474,111,0.28,734,0.655]],["t/298",[0,0.291,1,0.339,5,1.075,6,0.023,7,0.247,8,0.255,9,0.297,10,0.27,11,0.262,12,0.292,13,0.395,14,0.285,16,1.522,23,0.267,24,1.133,25,0.243,37,0.574,39,3.232,43,0.384,45,0.901,46,1.66,47,1.568,49,3.696,52,0.719,55,2.34,83,2.365,111,0.248,179,1.352,189,2.806,198,2.55,203,2.933,207,5.72,208,5.137,311,2.228,371,2.728,385,2.963,389,3.195,391,2.424,404,3.177,413,4.442,414,3.477,415,4.356,416,4.273,417,4.442,428,3.778,429,3.778,430,3.778,480,4.442,481,3.546,482,3.778,734,0.579,735,2.728]],["t/300",[0,0.28,1,0.326,5,1.007,6,0.02,7,0.249,8,0.218,9,0.272,10,0.231,11,0.225,12,0.251,13,0.339,14,0.244,23,0.265,24,1.061,25,0.199,37,0.492,45,0.844,111,0.291,198,2.993,311,2.614,325,3.114,328,3.157,329,4.51,432,5.466,433,4.432,434,5.032,734,0.679]],["t/302",[0,0.296,1,0.346,5,1.112,6,0.022,7,0.191,8,0.241,9,0.288,10,0.255,11,0.248,12,0.277,13,0.374,14,0.27,17,1.797,23,0.264,24,1.173,25,0.22,26,2.327,37,0.544,43,0.324,45,0.933,46,1.718,47,1.657,50,2.42,56,2.529,61,2.626,62,2.66,107,2.42,111,0.262,186,3.586,198,2.695,205,2.66,291,3.197,311,2.354,325,3.722,328,3.488,329,3.985,333,3.099,385,2.499,391,2.561,393,2.767,432,5.132,433,3.991,434,4.531,459,3.301,460,2.923,473,3.414,734,0.612]],["t/304",[0,0.277,1,0.323,5,0.989,6,0.019,7,0.247,8,0.215,9,0.269,10,0.227,11,0.221,12,0.246,13,0.333,14,0.24,23,0.263,24,1.043,25,0.196,37,0.483,43,0.353,45,0.829,46,1.811,47,1.808,55,2.165,83,2.727,111,0.286,311,2.569,385,3.232,389,2.941,391,2.795,404,4.341,480,4.845,481,4.088,482,4.356,734,0.668]],["t/306",[0,0.305,1,0.356,5,1.173,6,0.023,7,0.233,8,0.254,9,0.297,10,0.269,11,0.262,12,0.292,13,0.395,14,0.285,17,1.496,23,0.263,24,1.237,25,0.232,26,1.937,29,1.655,30,2.024,37,0.573,43,0.419,45,0.983,46,1.881,47,2.02,50,1.642,52,0.83,55,2.04,56,2.106,61,3.201,62,2.905,64,2.214,69,2.468,83,2.08,107,2.552,111,0.218,127,1.79,186,3.192,191,3.062,205,2.214,291,2.661,311,1.96,325,2.334,328,2.366,333,2.58,383,3.936,384,3.118,385,3.511,389,2.943,390,3.491,391,3.314,392,3.491,393,3.372,394,3.547,395,2.62,404,2.794,409,2.842,410,2.842,411,2.842,412,2.842,459,2.748,460,2.433,473,2.842,480,4.091,481,3.118,482,3.323,734,0.509]],["t/308",[0,0.277,1,0.323,5,0.992,6,0.019,7,0.247,8,0.215,9,0.27,10,0.228,11,0.221,12,0.247,13,0.334,14,0.241,23,0.263,24,1.046,25,0.196,37,0.485,45,0.832,52,0.832,58,2.987,66,2.946,72,3.11,74,5.058,75,4.468,76,5.169,77,2.582,78,4.576,79,4.576,80,3.198,81,4.019,111,0.286,734,0.669]],["t/310",[0,0.324,1,0.364,5,1.18,6,0.023,7,0.248,8,0.256,9,0.298,10,0.271,11,0.263,12,0.294,13,0.397,14,0.286,16,1.774,17,1.982,20,1.798,23,0.264,24,1.244,25,0.242,29,1.861,30,1.566,37,0.625,43,0.274,45,0.838,46,1.939,47,1.828,52,0.642,84,2.138,95,2.619,110,1.616,111,0.221,118,2.619,178,3.011,184,3.27,219,2.627,284,2.436,306,1.955,326,2.79,332,2.277,343,4.307,344,3.451,358,3.535,359,3.535,360,3.535,361,4.402,362,3.625,363,4.876,364,4.61,365,4.614,366,2.99,367,3.723,370,4.614,371,2.436,372,3.83,433,3.373,734,0.517]],["t/312",[0,0.278,1,0.297,2,4.065,3,3.692,4,2.38,5,0.864,6,0.023,7,0.248,8,0.255,9,0.297,10,0.27,11,0.263,12,0.293,13,0.396,14,0.286,15,2.952,16,1.915,17,2.517,18,2.836,19,2.243,20,2.026,21,3.208,22,3.31,23,0.267,24,0.91,25,0.251,26,2.217,27,2.785,28,3.37,29,1.443,30,1.765,31,2.708,32,2.47,33,2.908,34,2.952,35,3.37,36,3.319,37,0.575,43,0.308,46,1.334,52,0.724,69,2.825,111,0.249,127,2.048,166,4.086,179,1.7,238,5.56,239,4.761,242,5.245,243,4.449,734,0.583,735,2.746]],["t/314",[0,0.295,1,0.323,5,0.989,6,0.019,7,0.247,8,0.215,9,0.269,10,0.227,11,0.221,12,0.246,13,0.333,14,0.24,20,2.321,23,0.263,24,1.043,25,0.196,29,2.089,30,2.022,37,0.573,43,0.353,45,0.829,111,0.286,118,3.382,178,2.98,306,1.738,343,5.05,344,4.457,358,5.41,359,4.565,360,4.565,734,0.668]],["t/316",[0,0.294,1,0.343,5,1.1,6,0.021,7,0.232,8,0.239,9,0.286,10,0.253,11,0.246,12,0.274,13,0.37,14,0.267,23,0.262,24,1.16,25,0.218,29,1.839,30,2.249,37,0.538,43,0.393,45,0.922,46,1.375,47,1.628,50,1.938,52,0.922,55,1.644,61,3.187,62,2.613,64,2.613,107,2.394,111,0.257,127,2.112,191,3.403,383,4.373,384,3.68,385,3.29,389,2.647,390,4.209,391,3.108,392,3.879,393,3.357,394,3.941,395,3.091,409,3.354,410,3.354,411,3.354,412,3.354,734,0.601]],["t/318",[0,0.315,1,0.367,4,1.532,5,1.242,6,0.024,7,0.253,8,0.269,9,0.306,10,0.285,11,0.277,12,0.309,13,0.418,14,0.301,17,1.102,18,2.107,23,0.267,24,1.309,25,0.246,26,1.427,29,1.572,30,1.639,32,2.691,33,1.872,37,0.607,38,3.794,39,3.02,40,3.249,41,2.863,42,2.252,43,0.443,44,2.297,45,1.041,46,2.051,47,2.27,48,3.794,49,2.394,50,1.745,51,2.297,52,0.672,53,2.564,54,2.63,55,2.016,56,2.237,57,3.454,58,2.415,59,2.784,60,2.447,61,3.163,62,2.76,68,3.794,69,1.818,70,2.863,83,2.21,90,3.612,91,2.701,92,2.92,93,2.701,94,1.172,95,1.9,107,2.047,111,0.16,127,1.318,186,2.586,191,1.719,198,1.652,205,1.631,211,2.209,291,1.96,311,1.443,325,1.719,328,1.743,333,1.9,385,2.838,389,2.384,390,1.96,391,2.657,392,1.96,393,2.447,394,2.873,395,1.93,404,2.058,409,2.093,410,2.093,411,2.093,412,2.093,437,3.612,449,2.63,459,2.024,460,1.792,473,2.093,474,3.612,475,2.701,480,3.314,481,2.297,482,2.447,734,0.375]],["t/320",[0,0.275,1,0.321,5,0.98,6,0.019,7,0.245,8,0.212,9,0.268,10,0.225,11,0.219,12,0.244,13,0.33,14,0.238,23,0.262,24,1.033,25,0.194,29,2.08,30,2.002,31,3.072,37,0.479,45,0.821,66,2.458,67,3.969,77,2.564,80,3.159,82,4.634,83,2.7,84,2.734,85,3.969,86,2.985,87,3.558,88,4.131,89,4.131,111,0.283,734,0.661]],["t/322",[0,0.318,1,0.343,5,0.89,6,0.021,7,0.251,8,0.239,9,0.286,10,0.253,11,0.246,12,0.274,13,0.37,14,0.267,16,1.58,23,0.262,24,0.939,25,0.218,37,0.583,43,0.393,45,0.747,46,1.699,47,1.628,50,1.938,52,0.747,55,2.031,83,2.454,87,2.718,97,2.682,111,0.257,157,4.011,179,1.403,194,2.547,271,3.796,287,4.843,288,3.54,289,3.354,290,3.92,311,3.434,385,3.032,389,2.647,391,2.515,404,3.297,480,4.546,481,3.68,482,3.92,734,0.601]],["t/324",[0,0.318,1,0.319,6,0.019,7,0.261,8,0.21,9,0.266,10,0.222,11,0.216,12,0.241,13,0.326,14,0.235,16,1.717,23,0.261,25,0.191,37,0.565,43,0.346,52,0.811,87,2.954,97,2.915,111,0.279,157,4.36,179,1.525,194,2.769,271,4.079,287,5.095,288,3.847,289,3.645,290,4.261,311,3.456,734,0.653]],["t/326",[0,0.296,1,0.275,4,2.747,5,0.997,6,0.019,7,0.248,8,0.216,9,0.271,10,0.229,11,0.223,12,0.248,13,0.335,14,0.242,21,3.726,23,0.264,25,0.197,34,3.408,37,0.575,43,0.356,52,0.836,111,0.288,178,3.002,306,1.751,337,3.89,339,5.434,340,4.843,341,4.982,342,4.682,734,0.673]],["t/328",[0,0.295,1,0.323,5,0.989,6,0.019,7,0.247,8,0.215,9,0.269,10,0.227,11,0.221,12,0.246,13,0.333,14,0.24,20,2.751,23,0.263,24,1.043,25,0.196,29,2.089,30,2.022,37,0.573,43,0.353,45,0.829,111,0.286,118,3.382,178,2.98,306,1.738,343,5.05,344,4.457,358,4.565,359,4.565,360,4.565,734,0.668]],["t/330",[1,0.277,6,0.02,7,0.249,8,0.218,9,0.272,10,0.231,11,0.225,12,0.251,13,0.339,14,0.244,19,2.614,20,2.362,23,0.265,25,0.234,37,0.492,45,0.993,77,2.214,86,3.019,98,5.032,111,0.291,174,4.432,179,1.586,183,5.921,184,3.293,185,5.55,186,3.246,734,0.679]],["t/332",[0,0.311,1,0.361,2,3.023,3,1.745,4,2.212,5,1.201,6,0.024,7,0.261,8,0.269,9,0.306,10,0.285,11,0.277,12,0.309,13,0.418,14,0.301,15,1.903,16,1.424,17,1.591,18,2.109,19,1.445,20,1.883,21,2.386,22,2.133,23,0.268,24,1.266,25,0.251,26,1.429,27,1.795,28,2.172,29,2.21,30,2.455,31,2.952,32,1.592,33,1.874,34,1.903,35,2.172,36,2.16,37,0.615,43,0.368,45,1.007,46,1.592,47,1.467,52,0.673,55,1.028,57,3.457,58,3.104,59,1.932,60,2.45,61,2.985,62,2.355,63,3.616,64,2.355,65,2.634,66,2.362,67,3.252,71,3.704,72,1.745,73,2.782,77,1.765,80,1.795,82,3.191,83,1.534,84,1.553,85,2.255,86,1.925,87,2.45,88,2.347,89,2.347,107,2.242,111,0.161,118,1.903,127,1.32,156,2.782,177,3.9,178,2.417,179,1.265,180,2.962,182,2.568,189,1.82,191,2.483,203,1.903,204,4.135,205,1.633,206,3.19,306,0.978,343,3.457,344,2.507,358,2.568,359,2.568,360,2.568,371,1.77,383,3.191,384,2.3,385,2.595,389,1.654,390,2.83,391,2.268,392,2.83,393,2.45,394,2.876,395,1.932,409,2.096,410,2.096,411,2.096,412,2.096,734,0.376]],["t/334",[0,0.296,1,0.275,4,2.747,5,0.997,6,0.019,7,0.248,8,0.216,9,0.271,10,0.229,11,0.223,12,0.248,13,0.335,14,0.242,21,3.726,23,0.264,25,0.197,34,3.408,37,0.575,43,0.356,52,0.836,111,0.288,178,3.002,306,1.751,337,3.89,339,5.434,340,4.843,341,5.886,342,3.962,734,0.673]],["t/336",[0,0.296,1,0.275,4,2.747,5,0.997,6,0.019,7,0.248,8,0.216,9,0.271,10,0.229,11,0.223,12,0.248,13,0.335,14,0.242,21,3.726,23,0.264,25,0.197,34,3.408,37,0.575,43,0.356,52,0.836,111,0.288,178,3.002,306,1.751,337,4.596,339,5.434,340,4.843,341,4.982,342,3.962,734,0.673]],["t/338",[0,0.293,1,0.342,4,2.023,5,1.09,6,0.024,7,0.244,8,0.262,9,0.302,10,0.277,11,0.269,12,0.301,13,0.406,14,0.293,16,1.302,17,1.455,23,0.266,24,1.149,25,0.25,26,1.884,29,1.939,30,1.987,36,1.975,37,0.59,43,0.389,45,0.973,46,1.792,47,1.777,50,1.597,52,0.815,55,1.355,56,2.048,58,2.21,61,3.157,62,2.852,64,2.852,107,2.753,111,0.212,127,1.741,156,3.668,177,4.723,178,2.21,179,1.531,180,3.905,182,3.386,186,3.134,189,2.4,191,3.007,203,2.509,204,5.007,205,2.852,206,4.206,291,2.588,325,2.27,328,2.301,333,2.509,383,3.864,384,3.033,385,3.198,389,2.182,390,3.428,391,3.079,392,3.428,393,3.326,394,3.483,395,2.548,409,2.764,410,2.764,411,2.764,412,2.764,459,2.673,460,2.366,473,2.764,734,0.495]],["t/340",[0,0.298,1,0.328,3,2.464,4,2.801,5,1.016,6,0.024,7,0.26,8,0.268,9,0.305,10,0.283,11,0.275,12,0.307,13,0.415,14,0.299,16,2.113,17,1.557,23,0.271,24,1.072,25,0.258,29,1.313,36,2.114,37,0.628,39,2.959,43,0.281,45,0.659,46,2.066,47,1.858,95,2.686,107,1.71,110,1.657,111,0.227,127,1.864,156,3.927,166,3.718,177,4.939,178,2.366,179,1.775,180,4.181,182,3.625,184,3.324,210,5.409,211,3.123,212,4.704,213,4.704,242,4.939,243,4.047,306,1.785,365,4.69,366,3.066,367,3.818,370,4.69,371,2.498,372,3.927,734,0.53]],["t/342",[0,0.274,1,0.32,5,0.973,6,0.019,7,0.205,8,0.211,9,0.267,10,0.223,11,0.217,12,0.242,13,0.327,14,0.236,17,1.928,23,0.261,24,1.025,25,0.192,26,2.496,37,0.475,43,0.347,45,0.815,46,1.793,47,1.778,50,2.116,56,2.714,61,2.817,62,2.854,107,2.526,111,0.281,186,3.742,205,2.854,291,4.092,325,3.008,328,3.05,333,3.325,385,2.681,391,2.747,393,2.968,459,3.542,460,3.136,473,3.663,734,0.656]],["t/344",[0,0.317,1,0.332,5,0.911,6,0.022,7,0.235,8,0.242,9,0.289,10,0.256,11,0.249,12,0.278,13,0.375,14,0.271,16,1.616,23,0.265,24,0.96,25,0.221,37,0.545,43,0.431,45,0.764,46,1.723,47,1.665,50,1.982,52,0.764,59,3.161,77,2.652,83,2.51,84,2.541,90,5.025,91,4.425,92,4.886,93,4.425,111,0.263,179,1.435,259,3.161,261,3.756,277,5.146,278,4.552,734,0.615]],["t/346",[0,0.315,1,0.27,6,0.019,7,0.245,8,0.212,9,0.268,10,0.225,11,0.219,12,0.244,13,0.33,14,0.238,16,1.738,23,0.262,25,0.194,37,0.479,43,0.416,52,0.821,77,2.737,84,2.734,92,4.86,111,0.283,179,1.543,259,3.401,261,4.191,277,5.378,278,4.897,734,0.661]],["t/348",[4,2.803,6,0.02,7,0.251,8,0.221,9,0.274,10,0.234,11,0.227,12,0.253,13,0.342,14,0.247,23,0.266,25,0.236,29,1.7,37,0.497,45,0.853,46,1.571,107,2.213,111,0.294,156,5.083,177,5.791,178,3.063,179,1.602,180,5.412,182,5.498,734,0.686]],["t/350",[4,2.493,6,0.023,7,0.253,8,0.261,9,0.301,10,0.276,11,0.268,12,0.299,13,0.404,14,0.292,16,1.605,23,0.271,25,0.259,36,2.434,37,0.587,43,0.397,45,0.931,52,0.931,83,2.493,84,2.524,111,0.261,174,4.89,179,1.894,189,2.958,190,5.911,191,2.798,192,5.415,193,4.893,197,5.911,198,2.689,199,5.415,200,5.911,201,3.814,202,5.415,203,3.092,734,0.61,735,2.876]],["t/352",[0,0.275,1,0.321,5,0.98,6,0.019,7,0.245,8,0.212,9,0.268,10,0.225,11,0.219,12,0.244,13,0.33,14,0.238,23,0.262,24,1.033,25,0.194,29,2.08,30,2.002,31,3.072,37,0.479,45,0.821,66,2.458,67,3.969,77,2.564,80,3.159,82,4.634,83,2.7,84,2.734,85,3.969,86,2.796,87,3.798,88,4.131,89,4.131,111,0.283,734,0.661]],["t/354",[0,0.302,1,0.353,2,3.954,3,2.591,4,2.277,5,1.154,6,0.023,7,0.243,8,0.25,9,0.294,10,0.265,11,0.258,12,0.287,13,0.388,14,0.28,15,2.825,16,1.466,17,2.08,18,2.758,19,2.146,20,1.938,21,3.12,22,3.167,23,0.264,24,1.216,25,0.228,26,2.121,27,2.664,28,3.224,29,2.14,30,2.358,31,3.806,32,2.363,33,2.782,34,2.825,35,3.224,36,2.223,37,0.564,45,0.88,58,2.488,63,4.729,64,2.424,65,3.909,66,2.633,67,4.253,77,2.308,80,2.664,82,4.173,83,2.277,84,2.305,85,3.348,86,2.518,87,3.204,88,3.484,89,3.484,111,0.239,734,0.558,735,2.627]],["t/356",[0,0.303,1,0.33,2,4.161,3,2.811,4,3.045,5,1.105,6,0.022,7,0.233,8,0.24,9,0.287,10,0.254,11,0.247,12,0.275,13,0.372,14,0.268,15,3.065,16,1.59,17,2.189,18,2.902,19,2.328,20,2.103,21,3.885,22,3.436,23,0.263,24,0.945,25,0.219,26,2.301,27,2.89,28,3.498,29,1.498,30,1.832,31,2.811,32,2.564,33,3.019,34,3.777,35,3.498,36,2.412,37,0.585,43,0.32,50,1.951,52,0.752,111,0.259,178,2.7,306,1.574,337,3.498,339,5.097,340,4.356,341,4.48,342,3.564,734,0.605]],["t/358",[0,0.277,1,0.323,5,0.992,6,0.019,7,0.247,8,0.215,9,0.27,10,0.228,11,0.221,12,0.247,13,0.334,14,0.241,23,0.263,24,1.046,25,0.196,37,0.485,45,0.832,52,0.832,58,2.987,66,2.946,72,3.11,74,5.058,75,4.468,76,4.852,77,2.751,78,4.576,79,4.576,80,3.198,81,4.019,111,0.286,734,0.669]],["t/360",[0,0.316,1,0.348,5,1.015,6,0.023,7,0.251,8,0.258,9,0.299,10,0.273,11,0.266,12,0.297,13,0.4,14,0.289,16,1.391,19,2.036,20,1.84,23,0.266,24,1.07,25,0.244,29,1.881,30,1.603,31,2.459,37,0.582,43,0.402,45,0.944,52,0.657,66,1.967,67,3.177,69,2.565,77,2.921,80,3.273,82,4.035,83,2.161,84,2.832,85,3.177,86,2.855,87,3.098,88,3.307,89,3.307,92,4.49,98,3.919,111,0.226,118,2.681,174,3.453,179,1.599,183,5.074,184,3.32,185,4.323,186,2.528,189,2.565,203,2.681,259,2.722,261,3.419,277,4.684,278,3.919,377,4.684,378,3.919,734,0.529]],["t/362",[0,0.277,1,0.323,5,0.992,6,0.019,7,0.247,8,0.215,9,0.27,10,0.228,11,0.221,12,0.247,13,0.334,14,0.241,23,0.263,24,1.046,25,0.196,37,0.485,45,0.832,52,0.832,58,2.987,66,2.946,72,3.11,74,5.058,75,4.468,76,4.852,77,2.582,78,4.576,79,4.576,80,3.198,81,4.758,111,0.286,734,0.669]],["t/364",[0,0.274,1,0.32,5,0.973,6,0.019,7,0.205,8,0.211,9,0.267,10,0.223,11,0.217,12,0.242,13,0.327,14,0.236,17,1.928,23,0.261,24,1.025,25,0.192,26,2.496,37,0.475,43,0.347,45,0.815,46,1.793,47,1.778,50,2.116,56,3.238,61,2.817,62,2.854,107,2.526,111,0.281,186,3.742,205,2.854,291,3.429,325,3.008,328,3.05,333,3.325,385,2.681,391,2.747,393,2.968,459,3.542,460,3.136,473,3.663,734,0.656]],["t/366",[0,0.301,1,0.352,5,1.147,6,0.022,7,0.219,8,0.249,9,0.293,10,0.263,11,0.256,12,0.286,13,0.386,14,0.278,17,1.617,23,0.263,24,1.209,25,0.227,26,2.095,29,1.917,30,2.129,37,0.561,43,0.41,45,0.962,46,1.928,47,2.097,50,1.776,52,0.684,56,2.277,57,4.486,58,2.458,59,2.833,60,3.593,61,3.698,62,3.366,107,2.496,111,0.236,127,1.936,186,3.358,191,2.524,205,2.395,291,2.878,325,2.524,328,2.559,333,2.79,385,2.871,390,2.878,391,2.942,392,2.878,393,3.179,394,3.731,395,2.833,409,3.074,410,3.074,411,3.074,412,3.074,459,2.972,460,2.631,473,3.074,734,0.551,735,2.595]],["t/368",[6,0.02,7,0.252,8,0.222,9,0.275,10,0.235,11,0.229,12,0.255,14,0.249,23,0.267,25,0.237,37,0.585,43,0.366,96,6.99,97,3.086,98,5.122,99,4.235,100,5.122,101,2.458,102,4.849,111,0.296,734,0.692]],["t/370",[6,0.02,7,0.252,8,0.222,9,0.275,10,0.235,11,0.229,12,0.255,14,0.249,23,0.267,25,0.237,37,0.501,43,0.366,44,4.235,77,2.254,99,4.235,101,2.458,111,0.296,112,6.99,114,3.352,115,5.279,116,3.258,734,0.692]],["t/372",[0,0.296,1,0.345,2,4.178,3,2.83,4,2.487,5,1.109,6,0.022,7,0.234,8,0.241,9,0.288,10,0.255,11,0.248,12,0.276,13,0.373,14,0.269,15,3.085,16,1.601,17,2.198,18,2.914,19,2.344,20,2.117,21,3.297,22,3.459,23,0.264,24,1.169,25,0.219,26,2.317,27,2.91,28,3.522,29,1.508,30,1.845,31,2.83,32,3.583,33,3.736,34,3.085,35,3.522,36,2.428,37,0.542,43,0.322,45,0.757,46,1.713,47,1.65,50,1.964,111,0.261,211,3.588,474,4.997,475,4.385,734,0.609]],["t/374",[6,0.02,7,0.252,8,0.223,9,0.275,10,0.236,11,0.229,12,0.256,13,0.346,14,0.249,23,0.267,25,0.237,37,0.502,45,0.861,99,4.245,111,0.297,114,3.36,153,6.998,154,5.888,155,6.466,156,5.135,734,0.693]],["t/376",[6,0.02,7,0.25,8,0.219,9,0.273,10,0.232,11,0.226,12,0.252,14,0.246,23,0.266,25,0.235,36,2.722,37,0.494,43,0.361,45,0.996,99,4.181,106,5.352,111,0.292,114,3.309,129,2.69,161,1.742,171,6.712,172,5.799,173,4.788,174,4.455,734,0.683]],["t/378",[4,2.803,6,0.02,7,0.251,8,0.221,9,0.274,10,0.234,11,0.227,12,0.253,13,0.342,14,0.247,23,0.266,25,0.236,29,1.7,37,0.497,45,0.853,46,1.571,107,2.213,111,0.294,156,5.083,177,6.142,178,3.063,179,1.602,180,5.412,182,4.692,734,0.686]],["t/380",[0,0.274,1,0.32,5,0.973,6,0.019,7,0.244,8,0.211,9,0.267,10,0.223,11,0.217,12,0.242,13,0.327,14,0.236,23,0.261,24,1.025,25,0.192,29,1.626,30,1.988,37,0.475,43,0.347,45,0.815,46,1.502,47,1.778,52,0.815,61,3.362,62,2.854,107,2.116,111,0.281,127,2.307,191,3.008,385,2.681,390,3.429,391,2.747,392,3.429,393,2.968,394,4.158,395,3.376,409,4.371,410,3.663,411,3.663,412,3.663,734,0.656]],["t/382",[6,0.02,7,0.25,8,0.22,9,0.273,10,0.233,11,0.226,12,0.253,14,0.246,23,0.266,25,0.235,37,0.496,43,0.362,97,3.055,99,4.192,111,0.293,113,7.237,118,3.468,119,6.384,120,6.384,121,4.8,122,4.369,123,5.225,124,2.866,125,6.384,126,5.814,734,0.685]],["t/384",[6,0.02,7,0.251,8,0.221,9,0.274,10,0.234,11,0.227,12,0.253,14,0.247,23,0.266,25,0.236,37,0.497,43,0.363,44,4.202,99,4.202,100,5.083,101,2.439,111,0.294,114,3.326,117,6.968,127,2.412,128,5.829,129,2.704,130,3.104,131,5.829,734,0.686]],["t/386",[6,0.02,7,0.251,8,0.221,9,0.274,10,0.234,11,0.228,12,0.254,13,0.343,14,0.247,16,1.809,23,0.266,25,0.236,36,2.743,37,0.498,83,2.81,111,0.294,179,1.606,189,3.335,193,3.979,200,6.734,201,4.3,202,6.104,203,3.486,734,0.688]],["t/388",[6,0.02,7,0.251,8,0.221,9,0.274,10,0.234,11,0.227,12,0.253,13,0.342,14,0.247,16,1.804,23,0.266,25,0.236,29,1.7,36,2.736,37,0.497,58,3.063,107,2.213,111,0.294,179,1.602,189,3.326,203,3.477,204,6.512,205,2.984,206,5.829,734,0.686]],["t/390",[6,0.02,7,0.252,8,0.222,9,0.275,10,0.235,11,0.228,12,0.255,13,0.344,14,0.248,16,1.813,23,0.267,25,0.236,37,0.499,39,3.85,49,4.403,55,1.887,111,0.295,179,1.61,189,3.343,203,3.495,207,6.741,208,6.12,734,0.69]],["t/392",[1,0.277,6,0.02,7,0.249,8,0.218,9,0.272,10,0.231,11,0.225,12,0.251,13,0.339,14,0.244,19,2.614,20,2.362,23,0.265,25,0.234,37,0.492,45,0.993,77,2.214,86,2.841,98,5.032,111,0.291,174,4.432,179,1.586,183,6.292,184,3.293,185,5.55,186,3.246,734,0.679]],["t/394",[6,0.02,7,0.251,8,0.221,9,0.274,10,0.234,11,0.228,12,0.254,13,0.343,14,0.247,16,1.809,23,0.266,25,0.236,37,0.498,39,3.84,43,0.364,46,1.843,111,0.294,179,1.606,210,6.734,211,4.053,212,6.104,213,6.104,734,0.688]],["t/396",[3,3.197,6,0.02,7,0.251,8,0.221,9,0.274,10,0.234,11,0.228,12,0.254,13,0.343,14,0.247,16,1.809,17,2.021,23,0.266,25,0.236,36,2.743,37,0.498,46,1.575,111,0.294,127,2.418,166,4.824,179,1.606,242,6.149,243,5.252,734,0.688]],["t/398",[0,0.24,3,3.189,6,0.02,7,0.251,8,0.221,9,0.274,10,0.234,11,0.227,12,0.253,13,0.342,14,0.247,17,2.362,23,0.266,25,0.236,36,2.736,37,0.497,43,0.363,52,0.853,69,3.326,111,0.294,179,1.602,238,6.512,239,5.606,734,0.686]],["t/400",[6,0.02,7,0.251,8,0.221,9,0.274,10,0.234,11,0.228,12,0.254,13,0.343,14,0.247,23,0.266,25,0.236,37,0.498,43,0.364,45,0.855,52,0.855,84,2.845,111,0.294,174,4.489,179,1.606,193,3.979,197,6.734,198,3.031,199,6.104,734,0.688]],["t/402",[0,0.316,1,0.273,6,0.019,7,0.247,8,0.215,9,0.27,10,0.228,11,0.221,12,0.247,13,0.334,14,0.241,16,1.759,23,0.263,25,0.196,37,0.485,46,2.039,47,1.813,109,1.562,111,0.286,179,1.562,216,4.183,227,4.576,259,3.443,265,5.919,266,3.802,267,4.957,734,0.669]],["t/404",[0,0.315,1,0.271,6,0.019,7,0.246,8,0.213,9,0.268,10,0.226,11,0.219,12,0.245,13,0.33,14,0.238,16,1.742,23,0.262,25,0.194,37,0.48,43,0.417,52,0.823,77,2.74,84,2.74,92,4.794,111,0.284,179,1.547,259,3.409,261,3.932,277,5.748,278,4.909,734,0.663]],["t/406",[0,0.318,1,0.319,6,0.019,7,0.261,8,0.21,9,0.266,10,0.223,11,0.217,12,0.242,13,0.326,14,0.235,16,1.721,23,0.261,25,0.192,37,0.566,43,0.347,52,0.813,87,2.961,97,2.922,111,0.28,157,4.37,179,1.528,194,2.775,271,3.94,287,5.456,288,3.857,289,3.654,290,4.272,311,3.407,734,0.655]],["t/408",[4,2.81,6,0.02,7,0.251,8,0.221,9,0.274,10,0.234,11,0.228,12,0.254,13,0.343,14,0.247,23,0.266,25,0.236,37,0.498,43,0.364,45,0.855,52,0.855,111,0.294,174,4.489,179,1.606,190,6.734,191,3.154,192,6.104,193,3.979,734,0.688]],["t/410",[0,0.235,3,3.125,6,0.019,7,0.248,8,0.216,9,0.229,10,0.229,11,0.223,12,0.248,13,0.335,14,0.242,17,2.484,23,0.264,25,0.233,43,0.421,101,2.391,111,0.288,161,1.716,162,2.529,169,2.313,179,1.57,189,4.1,203,4.286,255,6.67,256,5.495,257,5.967,734,0.673]],["t/412",[0,0.322,1,0.317,6,0.019,7,0.242,8,0.208,9,0.264,10,0.22,11,0.214,12,0.239,13,0.322,14,0.233,16,1.701,19,2.489,20,2.699,23,0.26,25,0.19,27,3.71,37,0.562,43,0.342,52,0.804,66,2.405,77,2.712,86,2.76,97,2.887,111,0.277,165,3.884,179,1.51,205,2.813,306,1.684,317,3.961,318,5.554,319,4.423,320,4.658,321,4.658,734,0.647]],["t/414",[0,0.279,1,0.326,5,1.004,6,0.02,7,0.249,8,0.218,9,0.272,10,0.231,11,0.224,12,0.25,13,0.338,14,0.244,18,2.639,23,0.265,24,1.059,25,0.199,37,0.491,38,5.95,39,3.782,40,4.069,41,5.173,42,4.069,43,0.359,44,4.15,45,0.842,46,1.551,47,1.836,111,0.29,734,0.678]],["t/416",[0,0.274,1,0.319,2,4.668,3,3.042,4,2.674,5,0.97,6,0.019,7,0.244,8,0.21,9,0.266,10,0.223,11,0.217,12,0.242,13,0.326,14,0.235,15,3.317,16,1.721,17,2.297,18,3.045,19,2.519,20,2.276,21,3.445,22,3.719,23,0.261,24,1.023,25,0.192,26,2.49,27,3.128,28,3.786,29,1.622,30,1.983,31,3.042,32,2.775,33,3.267,34,3.317,35,3.786,36,2.61,37,0.474,111,0.28,734,0.655]],["t/418",[0,0.277,1,0.323,5,0.989,6,0.019,7,0.208,8,0.215,9,0.269,10,0.227,11,0.221,12,0.246,13,0.333,14,0.24,18,2.599,23,0.263,24,1.043,25,0.196,32,2.83,37,0.483,39,3.726,43,0.419,45,0.829,46,1.811,47,1.808,48,5.913,49,4.261,50,2.153,51,4.088,52,0.829,53,4.565,54,4.681,55,1.827,56,2.761,111,0.286,734,0.668]],["t/420",[0,0.323,1,0.322,6,0.019,7,0.246,8,0.213,9,0.268,10,0.226,11,0.219,12,0.245,13,0.33,14,0.238,16,1.742,19,2.55,20,2.739,23,0.262,25,0.194,37,0.57,97,2.958,107,2.137,111,0.284,165,3.979,179,1.547,266,3.764,306,1.725,312,5.485,313,4.647,316,4.647,317,4.058,734,0.663]],["t/422",[0,0.296,1,0.275,6,0.019,7,0.248,8,0.217,9,0.271,10,0.23,11,0.223,12,0.249,13,0.336,14,0.242,17,2.487,23,0.264,25,0.198,26,2.565,37,0.576,43,0.357,111,0.289,114,3.268,179,1.574,209,3.365,288,3.972,306,1.755,334,6.272,335,5.317,336,4.61,337,3.899,734,0.674]],["t/424",[0,0.296,1,0.275,4,2.747,5,0.997,6,0.019,7,0.248,8,0.216,9,0.271,10,0.229,11,0.223,12,0.248,13,0.335,14,0.242,21,3.726,23,0.264,25,0.197,34,3.408,37,0.575,43,0.356,52,0.836,111,0.288,178,3.002,306,1.751,337,3.89,339,5.784,340,4.843,341,4.982,342,3.962,734,0.673]],["t/426",[0,0.295,1,0.323,5,0.989,6,0.019,7,0.247,8,0.215,9,0.269,10,0.227,11,0.221,12,0.246,13,0.333,14,0.24,20,2.321,23,0.263,24,1.043,25,0.196,29,2.089,30,2.022,37,0.573,43,0.353,45,0.829,111,0.286,118,3.382,178,2.98,306,1.738,343,5.382,344,4.457,358,4.565,359,4.565,360,4.565,734,0.668]],["t/428",[0,0.316,6,0.019,7,0.246,8,0.214,9,0.269,10,0.227,11,0.22,12,0.246,13,0.332,14,0.239,18,3.512,23,0.263,25,0.232,37,0.482,43,0.353,52,0.827,59,3.426,111,0.285,179,1.555,258,5.907,259,3.426,260,5.084,261,3.324,262,4.162,263,3.717,264,4.078,734,0.666]],["t/430",[0,0.306,1,0.325,4,2.754,6,0.019,7,0.248,8,0.217,9,0.271,10,0.23,11,0.223,12,0.249,13,0.336,14,0.242,23,0.264,25,0.198,37,0.576,43,0.421,52,0.838,56,3.291,111,0.289,114,3.268,179,1.574,306,1.755,330,6.272,331,5.317,333,3.416,734,0.674]],["t/432",[0,0.297,1,0.325,5,1.002,6,0.02,7,0.249,8,0.217,9,0.271,10,0.23,11,0.224,12,0.25,13,0.337,14,0.243,16,1.777,23,0.264,24,1.056,25,0.198,37,0.577,46,1.94,47,1.831,111,0.289,184,3.276,306,1.759,370,5.796,371,3.185,372,5.007,734,0.676]],["t/434",[0,0.297,1,0.325,5,1.002,6,0.02,7,0.249,8,0.217,9,0.271,10,0.23,11,0.224,12,0.25,13,0.337,14,0.243,23,0.264,24,1.056,25,0.198,37,0.489,43,0.358,77,2.763,80,3.23,111,0.289,118,3.425,184,3.276,189,3.276,203,3.425,377,5.796,378,5.007,734,0.676]],["t/436",[0,0.276,1,0.322,5,0.987,6,0.019,7,0.246,8,0.214,9,0.269,10,0.227,11,0.22,12,0.246,13,0.332,14,0.239,23,0.263,24,1.04,25,0.195,29,1.65,30,2.017,37,0.482,43,0.353,45,0.827,52,0.827,55,1.822,64,2.896,107,2.148,111,0.285,191,3.053,383,4.962,384,4.078,385,3.227,389,2.934,390,3.48,391,2.788,392,3.48,393,3.012,734,0.666]],["t/438",[0,0.322,1,0.339,5,0.954,6,0.019,7,0.242,8,0.207,9,0.264,10,0.219,11,0.213,12,0.238,13,0.321,14,0.231,17,2.274,23,0.259,24,1.006,25,0.227,37,0.466,45,0.8,52,0.8,84,2.662,111,0.275,178,2.873,219,3.015,284,3.033,326,3.201,332,2.836,361,5.417,362,4.514,363,5.276,364,4.919,734,0.644]],["t/440",[0,0.279,1,0.325,5,1.002,6,0.02,7,0.249,8,0.217,9,0.271,10,0.23,11,0.224,12,0.25,13,0.337,14,0.243,17,1.985,23,0.264,24,1.056,25,0.198,26,2.571,37,0.489,45,0.84,55,2.181,111,0.289,198,2.978,201,4.224,284,3.185,332,2.978,389,2.978,431,5.659,438,4.867,734,0.676]],["t/442",[0,0.276,1,0.322,5,0.987,6,0.019,7,0.246,8,0.214,9,0.269,10,0.227,11,0.22,12,0.246,13,0.332,14,0.239,23,0.263,24,1.04,25,0.195,37,0.482,43,0.353,45,0.827,52,0.827,55,1.822,111,0.285,198,2.934,371,3.138,389,2.934,413,5.158,414,3.999,415,4.744,416,4.654,417,4.838,428,4.345,429,4.345,430,4.345,734,0.666]],["t/444",[0,0.297,1,0.325,5,1.002,6,0.02,7,0.249,8,0.217,9,0.271,10,0.23,11,0.224,12,0.25,13,0.337,14,0.243,16,1.777,23,0.264,24,1.056,25,0.198,37,0.577,46,1.94,47,1.831,111,0.289,184,3.276,306,1.759,365,5.796,366,3.909,367,4.867,734,0.676]],["t/446",[0,0.316,1,0.322,6,0.019,7,0.246,8,0.214,9,0.269,10,0.226,11,0.22,12,0.245,13,0.331,14,0.239,23,0.263,25,0.195,37,0.571,43,0.418,52,0.825,111,0.284,114,3.22,127,2.335,179,1.551,271,3.13,306,1.729,311,2.557,323,5.754,324,4.921,325,3.616,327,4.921,328,3.087,329,3.527,734,0.664]],["t/448",[0,0.274,1,0.32,5,0.973,6,0.019,7,0.244,8,0.211,9,0.267,10,0.223,11,0.217,12,0.242,13,0.327,14,0.236,23,0.261,24,1.025,25,0.192,29,1.626,30,1.988,37,0.475,43,0.347,45,0.815,46,1.502,47,1.778,52,0.815,61,3.362,62,2.854,107,2.116,111,0.281,127,2.307,191,3.008,385,2.681,390,3.429,391,2.747,392,3.429,393,2.968,394,4.445,395,3.376,409,3.663,410,3.663,411,3.663,412,3.663,734,0.656]],["t/450",[0,0.279,1,0.326,5,1.004,6,0.02,7,0.249,8,0.218,9,0.272,10,0.231,11,0.224,12,0.25,13,0.338,14,0.244,23,0.265,24,1.059,25,0.199,32,3.384,33,3.382,37,0.491,43,0.359,45,0.842,46,1.827,47,1.836,111,0.29,211,3.992,474,5.665,475,4.88,734,0.678]],["t/452",[0,0.277,1,0.323,5,0.989,6,0.019,7,0.247,8,0.215,9,0.269,10,0.227,11,0.221,12,0.246,13,0.333,14,0.24,23,0.263,24,1.043,25,0.196,37,0.483,43,0.353,45,0.829,46,1.811,47,1.808,55,2.165,83,2.727,111,0.286,311,2.569,385,3.232,389,2.941,391,2.795,404,3.663,480,5.164,481,4.088,482,4.356,734,0.668]],["t/454",[0,0.279,1,0.325,5,1.002,6,0.02,7,0.249,8,0.217,9,0.271,10,0.23,11,0.224,12,0.25,13,0.337,14,0.243,23,0.264,24,1.056,25,0.198,37,0.489,43,0.358,45,0.84,46,1.824,47,1.831,59,3.477,83,2.761,90,5.659,91,4.867,92,4.301,93,4.867,111,0.289,734,0.676]],["t/456",[0,0.28,1,0.326,5,1.007,6,0.02,7,0.249,8,0.218,9,0.272,10,0.231,11,0.225,12,0.251,13,0.339,14,0.244,23,0.265,24,1.061,25,0.199,37,0.492,45,0.844,111,0.291,198,2.993,311,2.614,325,3.114,328,3.157,329,4.244,432,5.808,433,4.432,434,5.032,734,0.679]],["t/458",[0,0.28,1,0.327,5,1.009,6,0.02,7,0.25,8,0.219,9,0.273,10,0.232,11,0.225,12,0.251,13,0.339,14,0.245,23,0.265,24,1.064,25,0.2,29,1.983,30,2.063,37,0.493,45,0.846,58,3.04,66,2.532,71,5.814,72,3.165,73,5.045,111,0.291,734,0.681]],["t/460",[0,0.277,1,0.323,5,0.992,6,0.019,7,0.247,8,0.215,9,0.27,10,0.228,11,0.221,12,0.247,13,0.334,14,0.241,23,0.263,24,1.046,25,0.196,37,0.485,45,0.832,52,0.832,58,2.987,66,2.946,72,3.11,74,5.388,75,4.468,76,4.852,77,2.582,78,4.576,79,4.576,80,3.198,81,4.019,111,0.286,734,0.669]],["t/462",[0,0.28,1,0.327,5,1.009,6,0.02,7,0.25,8,0.219,9,0.273,10,0.232,11,0.225,12,0.251,13,0.339,14,0.245,23,0.265,24,1.064,25,0.2,37,0.493,43,0.361,45,0.846,46,1.833,47,1.845,58,3.04,68,5.962,69,3.301,70,5.199,111,0.291,734,0.681]],["t/464",[0,0.279,1,0.326,5,1.004,6,0.02,7,0.249,8,0.218,9,0.272,10,0.231,11,0.224,12,0.25,13,0.338,14,0.244,23,0.265,24,1.059,25,0.199,37,0.491,40,4.069,45,0.842,46,1.827,47,1.836,55,2.184,111,0.29,198,2.985,389,2.985,437,5.665,449,4.752,734,0.678]],["t/466",[0,0.275,1,0.321,5,0.98,6,0.019,7,0.245,8,0.212,9,0.268,10,0.225,11,0.219,12,0.244,13,0.33,14,0.238,23,0.262,24,1.033,25,0.194,29,2.08,30,2.002,31,3.072,37,0.479,45,0.821,66,2.458,67,3.969,77,2.564,80,3.159,82,4.947,83,2.7,84,2.734,85,3.969,86,2.796,87,3.558,88,4.131,89,4.131,111,0.283,734,0.661]],["t/468",[0,0.274,1,0.32,5,0.973,6,0.019,7,0.205,8,0.211,9,0.267,10,0.223,11,0.217,12,0.242,13,0.327,14,0.236,17,1.928,23,0.261,24,1.025,25,0.192,26,2.496,37,0.475,43,0.347,45,0.815,46,1.793,47,1.778,50,2.116,56,2.714,61,2.817,62,2.854,107,2.526,111,0.281,186,4,205,2.854,291,3.429,325,3.008,328,3.05,333,3.325,385,2.681,391,2.747,393,2.968,459,3.542,460,3.136,473,3.663,734,0.656]],["t/470",[0,0.279,1,0.326,5,1.004,6,0.02,7,0.249,8,0.218,9,0.272,10,0.231,11,0.224,12,0.25,13,0.338,14,0.244,23,0.265,24,1.059,25,0.199,29,1.977,30,2.053,31,3.149,37,0.491,45,0.842,58,3.024,63,5.665,64,2.947,65,4.752,66,2.519,67,4.069,111,0.29,734,0.678]],["t/472",[0,0.278,1,0.324,5,0.994,6,0.019,7,0.248,8,0.216,9,0.27,10,0.228,11,0.222,12,0.248,13,0.334,14,0.241,23,0.264,24,1.048,25,0.197,29,1.966,30,2.032,37,0.486,43,0.355,45,0.834,46,1.816,47,1.817,57,5.394,58,2.994,59,3.452,60,4.377,61,3.407,62,2.917,111,0.287,734,0.671]],["t/474",[0,0.203,1,0.169,6,0.027,36,3.159,43,0.307,52,1.107,55,1.13,69,3.244,72,1.918,76,5.551,86,2.579,108,1.043,109,1.353,116,1.945,124,1.728,129,2.283,130,1.867,133,3.11,135,1.467,161,1.708,220,3.327,221,1.728,229,4.448,248,1.772,306,1.508,337,2.388,348,2.895,351,3.152,352,3.373,401,3.943,415,2.479,419,2.528,423,4.423,483,3.256,500,2.06,523,3.152,540,7.59,545,3.256,560,3.152,567,4.172,737,3.152,738,4.878,739,4.086,740,4.878,741,2.157,742,4.086,743,2.265,744,2.001,745,9.975,746,3.943,747,4.878,748,7.909,749,3.622,750,6.846,751,9.363,752,4.019,753,4.183,754,3.673,755,4.367,756,10.217,757,6.438,758,7.22,759,8.575,760,4.122,761,3.11,762,3.154,763,4.4,764,3.698,765,4.062,766,6.624,767,3.78,768,8.575,769,8.575,770,3.851,771,4.4,772,4.878,773,4.878,774,4.878,775,4.878,776,4.878,777,4.878,778,4.878,779,4.878,780,4.878,781,4.878,782,4.878,783,4.878,784,4.878,785,1.843,786,1.843]],["t/476",[0,0.182,1,0.145,6,0.022,43,0.275,53,2.43,55,0.972,108,0.898,109,1.215,124,1.488,128,6.125,129,2.05,130,1.607,139,4.466,145,5.056,161,1.571,166,6.059,220,1.629,221,2.836,229,4.63,246,5.172,248,2.234,251,2.903,254,4.258,270,4.814,306,2.208,345,1.95,351,5.505,419,4.416,485,1.773,500,3.885,573,1.607,741,3.768,743,1.95,744,1.722,761,3.981,762,2.9,764,3.321,785,1.586,786,1.586,787,5.941,788,4.199,789,6.155,790,3.153,791,4.199,792,2.318,793,2.268,794,2.018,795,2.134,796,6.148,797,4.199,798,4.199,799,4.199,800,4.199,801,9.779,802,9.779,803,7.029,804,9.779,805,9.431,806,7.273,807,5.028,808,7.273,809,5.228,810,7.273,811,3.557,812,7.273,813,3.854,814,6.148,815,8.521,816,4.103,817,8.521,818,7.723,819,8.821,820,8.521,821,8.521,822,7.136,823,4.33,824,7.686,825,8.19,826,6.726,827,7.136,828,6.398,829,6.726,830,7.686,831,6.726,832,7.686,833,4.931,834,7.686,835,5.193,836,8.521,837,8.521,838,8.006,839,4.199]],["t/478",[0,0.152,1,0.178,6,0.025,20,0.719,23,0.136,32,3.381,37,0.247,43,0.267,45,0.627,46,1.156,50,2.05,51,1.267,55,2.589,69,1.003,76,1.267,100,1.533,101,0.735,105,1.155,108,0.523,109,0.796,116,1.607,122,1.321,123,1.58,124,2.661,129,2.2,130,1.543,133,2.793,135,0.735,137,3.86,139,2.725,143,1.321,149,2.048,151,3.636,152,1.69,159,1.381,161,1.93,163,2.048,166,1.451,169,1.921,188,1.381,194,0.877,209,1.703,214,1.49,220,2.914,221,0.866,222,4.295,223,1.836,226,2.392,229,3.89,235,2.604,247,2.456,248,1.869,254,2.597,269,5.394,270,1.381,272,4.068,280,1.58,284,0.975,285,1.757,289,4.403,293,3.092,302,3.819,306,0.888,317,4.342,336,1.415,337,1.197,345,1.135,346,2.277,347,3.916,348,1.451,364,1.155,369,2.11,402,1.197,414,1.242,418,3.224,419,2.089,420,1.293,425,1.49,446,4.479,460,0.989,485,3.172,488,4.542,500,1.703,523,1.58,534,1.93,542,1.757,573,2.526,648,3.027,669,6.174,735,0.975,737,1.58,741,1.783,743,1.135,744,1.003,746,3.29,749,2.52,752,2.613,754,3.065,760,2.472,761,3.57,762,3.563,767,3.294,785,0.923,786,0.923,792,1.35,793,2.177,794,1.938,795,1.242,803,2.897,807,2.787,809,2.897,811,3.452,816,3.981,823,1.242,828,1.836,829,1.93,835,1.49,840,2.445,841,3.298,842,3.862,843,3.172,844,5.105,845,2.84,846,2.787,847,2.787,848,1.533,849,1.93,850,2.048,851,1.69,852,6.177,853,5.966,854,2.205,855,2.445,856,4.563,857,1.836,858,1.321,859,2.897,860,2.665,861,1.93,862,2.048,863,2.048,864,1.69,865,4.031,866,1.93,867,2.048,868,2.205,869,3.556,870,2.205,871,3.636,872,2.205,873,2.205,874,2.205,875,1.081,876,4.031,877,4.031,878,1.93,879,1.69,880,1.93,881,2.445,882,2.445,883,2.445,884,2.205,885,2.445,886,3.027,887,4.53,888,3.862,889,3.836,890,3.182,891,2.392,892,2.69,893,3.432,894,2.392,895,2.897,896,1.93,897,3.376,898,3.027,899,4.059,900,2.445,901,8.589,902,5.953,903,2.897,904,7.511,905,1.757,906,2.445,907,2.205,908,2.445,909,2.445,910,2.205,911,2.048,912,2.048,913,6.775,914,3.432,915,4.031,916,2.897,917,1.93,918,2.205,919,4.91,920,2.445,921,2.445,922,2.205,923,1.93,924,1.757,925,2.445,926,2.048,927,5.966,928,2.445,929,5.143,930,2.445,931,2.089,932,2.445,933,2.445,934,2.445,935,1.58,936,2.445,937,2.445,938,5.143,939,2.456,940,2.445,941,1.93,942,2.205,943,2.048,944,5.527,945,3.697,946,1.836,947,2.445,948,2.445,949,3.376,950,2.048,951,4.996,952,5.381,953,3.224,954,4.639,955,1.58,956,2.445,957,1.757,958,1.93,959,1.35,960,5.143,961,2.445,962,2.048,963,3.916,964,2.205,965,3.636,966,2.445,967,2.205,968,2.445,969,1.49,970,1.451,971,5.143,972,2.445,973,2.445,974,4.031,975,1.93,976,2.445,977,2.445,978,2.445,979,4.031,980,2.445,981,1.757,982,1.973,983,2.445,984,2.445,985,1.197,986,1.267,987,2.445,988,2.445,989,1.836,990,2.445,991,1.632,992,2.445,993,2.84,994,2.226,995,2.527,996,2.527,997,5.966,998,4.031,999,2.445,1000,2.445,1001,2.445,1002,1.267,1003,1.632,1004,1.93,1005,1.293,1006,2.445,1007,2.445,1008,2.205,1009,2.445,1010,2.205,1011,2.205,1012,2.205,1013,2.445,1014,4.996,1015,2.445,1016,2.604,1017,2.445,1018,2.445,1019,2.445,1020,2.445,1021,2.445,1022,2.445,1023,3.644,1024,2.445,1025,2.445,1026,2.445]],["t/480",[0,0.318,1,0.217,18,3.693,43,0.364,53,3.632,101,2.859,108,1.342,109,1.603,161,2.126,163,5.257,187,4.713,194,2.252,209,3.427,234,3.972,248,3.267,261,4.158,262,5.206,263,4.65,264,5.101,273,5.257,306,1.787,345,2.915,416,3.13,741,2.776,761,4.132,762,4.189,785,2.371,786,2.371,789,4.34,811,3.632,816,4.189,847,6.572,943,5.257,993,3.466,1004,4.955,1027,5.257,1028,4.713,1029,4.955,1030,4.512,1031,6.277,1032,6.277,1033,6.277,1034,5.257,1035,6.277,1036,5.662,1037,4.955,1038,4.713,1039,5.662,1040,6.277,1041,5.257,1042,5.662,1043,6.277,1044,5.662]],["t/482",[0,0.208,1,0.203,6,0.026,18,1.303,19,1.288,20,1.164,43,0.415,52,0.618,53,4.064,55,1.801,101,1.19,105,1.868,108,0.846,109,1.162,116,2.8,123,2.555,124,2.084,129,2.342,130,2.688,133,2.762,137,4.256,139,3.552,140,3.925,141,3.687,142,3.925,143,4.201,144,3.925,145,4.933,146,3.925,161,1.27,173,2.347,193,3.437,194,2.519,209,1.67,220,2.724,221,3.197,236,6.187,248,1.437,282,4.416,293,2.049,300,3.312,302,3.404,306,1.713,310,3.567,332,2.193,345,1.836,369,3.41,379,3.111,401,2.932,414,4.971,416,5.283,420,4.608,423,2.555,440,2.01,484,2.879,485,1.67,488,2.288,500,3.915,573,2.251,642,6.335,735,2.345,737,2.555,744,1.622,746,1.972,749,4.267,754,3.86,760,1.901,761,2.762,762,2.345,770,3.122,785,1.494,786,1.494,792,2.184,793,2.136,794,1.901,795,2.01,811,2.288,823,3.952,833,3.404,841,2.731,843,2.827,848,3.687,851,2.734,860,4.676,875,3.106,887,4.124,889,2.136,924,5.048,931,4.996,963,4.933,982,4.636,985,4.636,986,4.909,1023,3.878,1045,2.639,1046,3.955,1047,4.416,1048,4.643,1049,5.306,1050,4.294,1051,3.8,1052,2.639,1053,4.416,1054,4.228,1055,2.555,1056,2.479,1057,3.312,1058,3.955,1059,5.882,1060,5.882,1061,3.955,1062,3.955,1063,2.734,1064,7.023,1065,9.022,1066,7.023,1067,7.023,1068,5.882,1069,7.023,1070,7.859,1071,5.882,1072,5.882,1073,5.882,1074,5.882,1075,7.023,1076,7.023,1077,7.023,1078,7.023,1079,7.023,1080,7.023,1081,3.955,1082,3.955,1083,3.122,1084,3.122,1085,3.955,1086,3.955,1087,4.228,1088,3.955,1089,3.955,1090,3.955,1091,3.955,1092,3.955,1093,2.843,1094,2.092,1095,3.955,1096,5.048,1097,3.955,1098,7.777,1099,5.59,1100,3.955,1101,3.955,1102,3.955,1103,3.955]],["t/484",[0,0.124,1,0.089,6,0.027,10,0.074,11,0.072,19,3.515,20,3.169,27,3.815,29,0.539,43,0.391,45,0.442,52,0.807,54,1.527,55,2.322,64,1.961,66,0.809,77,0.71,81,2.136,105,1.985,108,0.55,109,1.216,116,1.676,122,2.27,124,2.18,129,2.051,130,2.596,133,3.15,135,1.603,139,3.324,150,4.435,161,1.658,176,3.318,194,1.508,220,2.823,221,0.912,228,2.635,229,3.487,236,1.717,237,5.092,248,1.936,254,2.952,272,4.615,296,3.01,306,1.174,319,5.244,345,1.952,346,1.454,347,3.651,348,1.527,349,1.613,350,1.932,351,1.662,352,1.779,353,1.779,354,1.849,355,1.527,357,3.556,366,2.608,369,1.724,401,2.096,402,2.057,416,1.283,420,1.361,421,2.321,440,1.307,450,1.568,484,3.011,485,3.383,500,1.775,536,4.562,541,1.662,543,3.084,558,2.031,573,2.355,676,2.155,735,2.125,741,1.859,746,4.25,749,4.027,752,1.307,753,1.361,754,1.195,755,1.421,760,2.958,761,3.02,762,2.902,765,2.494,785,0.972,786,0.972,803,1.849,816,4.106,818,1.932,823,2.708,831,2.031,835,2.561,841,2.475,849,3.318,858,1.39,860,2.178,875,1.859,884,3.791,887,3.487,893,2.805,916,3.021,935,3.443,939,1.568,953,4.562,955,4.701,982,3.92,985,3.92,986,4.151,991,1.717,1094,4.866,1104,6.926,1105,2.573,1106,1.849,1107,2.321,1108,1.333,1109,4.203,1110,7.277,1111,9.706,1112,5.329,1113,4.203,1114,2.321,1115,3.52,1116,2.573,1117,2.321,1118,3.791,1119,2.155,1120,4.463,1121,5.55,1122,4.463,1123,5.231,1124,4.203,1125,4.203,1126,2.573,1127,2.155,1128,4.203,1129,2.321,1130,5.329,1131,4.203,1132,8.01,1133,2.573,1134,6.223,1135,6.034,1136,2.573,1137,6.152,1138,2.906,1139,2.573,1140,2.573,1141,6.152,1142,9.2,1143,2.155,1144,3.52,1145,2.573,1146,1.662,1147,2.573,1148,2.155,1149,2.155,1150,2.573,1151,2.573,1152,3.791,1153,2.573,1154,2.155,1155,2.573,1156,4.203,1157,2.573,1158,3.34,1159,4.562,1160,2.155,1161,2.321,1162,2.155,1163,2.321,1164,2.155,1165,2.321,1166,3.318,1167,2.155,1168,2.031,1169,2.031,1170,1.662,1171,2.573,1172,2.031,1173,2.573,1174,5.68,1175,2.321,1176,2.573,1177,2.573,1178,4.463,1179,2.321,1180,2.321,1181,2.321,1182,2.155,1183,2.321,1184,2.321,1185,2.321,1186,3.52,1187,2.573,1188,2.432,1189,2.573,1190,2.573,1191,2.573,1192,4.807,1193,2.155,1194,2.321,1195,2.031,1196,2.155,1197,1.613,1198,6.152,1199,6.152,1200,6.152,1201,4.203,1202,4.203,1203,2.573,1204,2.573]],["t/486",[0,0.06,1,0.038,6,0.025,7,0.029,10,0.032,11,0.057,21,0.755,29,0.722,37,0.068,43,0.339,52,0.362,55,1.227,64,1.653,69,1.842,72,0.437,87,0.425,105,0.957,107,2.677,108,0.238,109,0.552,116,0.808,122,0.6,123,0.718,124,0.394,129,2.359,130,1.883,133,1.766,136,3.721,137,3.178,139,1.828,140,0.741,141,2.51,142,1.352,143,1.86,144,0.741,145,2.043,146,1.352,150,2.282,152,3.105,161,1.062,173,0.659,182,0.643,193,0.544,194,0.727,220,2.055,221,2.103,228,2.51,229,2.584,237,0.834,248,0.736,270,0.628,272,2.327,289,3.252,296,0.628,306,0.882,332,0.755,337,0.544,345,1.296,346,0.628,347,2.665,348,0.659,349,0.696,350,0.834,351,0.718,352,0.768,353,0.768,354,0.798,355,2.376,357,2.298,366,2.198,369,2.547,379,1.071,395,0.484,398,1.615,401,1.996,402,1.366,404,0.516,405,0.93,419,1.447,420,1.477,425,0.677,440,1.75,450,4.974,459,0.507,465,1.521,466,2.338,485,2.379,488,1.615,500,1.179,541,2.224,543,1.615,544,0.877,545,0.741,547,1.521,560,2.586,573,0.775,574,1.071,735,0.808,737,1.309,742,0.93,743,0.516,744,0.456,746,3.901,749,3.602,752,1.029,753,1.071,754,1.296,755,1.118,760,1.655,761,1.934,762,1.961,785,0.42,786,0.42,793,1.508,811,0.643,816,1.352,823,1.029,833,0.643,835,2.098,841,1.599,842,0.834,843,0.974,848,2.158,851,0.768,857,0.834,858,1.508,860,2.549,875,0.896,887,2.453,889,1.508,891,0.659,892,0.741,916,1.456,924,0.798,931,0.576,935,1.804,939,1.701,941,0.877,953,4.046,955,4.17,959,0.613,963,0.659,969,0.677,982,3.462,985,3.37,986,3.568,989,1.521,991,0.741,993,1.542,994,1.542,995,1.27,996,1.27,1023,2.211,1028,0.834,1045,0.741,1047,0.834,1048,0.877,1050,1.901,1051,1.309,1052,0.741,1053,1.521,1054,3.228,1083,0.877,1084,0.877,1087,1.456,1094,1.071,1108,1.447,1115,1.696,1119,0.93,1120,0.93,1135,4.76,1143,0.93,1144,1.696,1148,1.696,1149,0.93,1158,2.815,1159,4.046,1160,1.696,1162,1.696,1164,1.696,1166,2.718,1167,1.696,1168,1.599,1169,1.599,1170,1.309,1186,1.696,1197,0.696,1205,0.93,1206,1.111,1207,1.111,1208,1.002,1209,5.082,1210,1.863,1211,1.002,1212,1.696,1213,1.002,1214,1.002,1215,3.611,1216,1.002,1217,1.111,1218,0.93,1219,1.111,1220,2.025,1221,0.741,1222,2.518,1223,1.696,1224,2.518,1225,2.025,1226,1.827,1227,2.025,1228,1.827,1229,1.002,1230,0.718,1231,0.768,1232,0.93,1233,1.111,1234,1.111,1235,1.827,1236,1.111,1237,2.025,1238,1.111,1239,5.297,1240,1.111,1241,4.491,1242,1.111,1243,2.025,1244,2.025,1245,1.002,1246,2.025,1247,1.111,1248,1.002,1249,2.025,1250,2.025,1251,1.111,1252,1.827,1253,0.643,1254,3.106,1255,0.93,1256,1.002,1257,1.827,1258,1.002,1259,1.002,1260,1.696,1261,0.93,1262,1.002,1263,0.93,1264,1.002,1265,1.002,1266,1.002,1267,1.002,1268,1.111,1269,1.002,1270,0.834,1271,1.002,1272,1.111,1273,1.002,1274,1.002,1275,1.002,1276,0.93,1277,4.003,1278,1.111,1279,1.111,1280,4.003,1281,4.491,1282,4.003,1283,1.002,1284,2.792,1285,7.557,1286,7.074,1287,8.262,1288,8.262,1289,7.557,1290,5.634,1291,8.262,1292,6.455,1293,5.634,1294,5.634,1295,7.557,1296,7.557,1297,8.262,1298,7.074,1299,8.527,1300,5.634,1301,7.074,1302,6.455,1303,6.455,1304,4.491,1305,5.634,1306,5.634,1307,7.074,1308,7.074,1309,9.258,1310,5.634,1311,8.262,1312,5.634,1313,6.455,1314,6.455,1315,4.491,1316,5.634,1317,8.944,1318,5.634,1319,2.792,1320,7.557,1321,6.455,1322,5.634,1323,2.792,1324,6.455,1325,6.455,1326,7.557,1327,2.792,1328,5.634,1329,5.634,1330,4.491,1331,6.455,1332,4.491,1333,7.074,1334,7.557,1335,6.455,1336,4.491,1337,7.557,1338,2.792,1339,6.455,1340,5.634,1341,8.944,1342,5.634,1343,2.792,1344,5.634,1345,5.634,1346,8.262,1347,5.634,1348,7.944,1349,6.455,1350,7.557,1351,7.074,1352,7.944,1353,4.491,1354,4.491,1355,2.792,1356,5.634,1357,6.455,1358,2.792,1359,4.491,1360,6.455,1361,2.792,1362,5.634,1363,6.455,1364,5.634,1365,7.557,1366,6.455,1367,7.074,1368,6.455,1369,4.491,1370,4.491,1371,5.082,1372,7.074,1373,2.792,1374,5.634,1375,6.455,1376,6.455,1377,5.634,1378,4.491,1379,4.491,1380,6.455,1381,5.634,1382,6.455,1383,6.455,1384,4.491,1385,6.455,1386,6.455,1387,2.792,1388,5.634,1389,2.792,1390,5.634,1391,5.634,1392,5.634,1393,2.792,1394,5.406,1395,5.634,1396,5.634,1397,5.634,1398,4.491,1399,5.634,1400,5.634,1401,2.792,1402,7.074,1403,2.518,1404,5.634,1405,2.792,1406,2.792,1407,6.455,1408,2.792,1409,4.491,1410,2.792,1411,2.792,1412,4.491,1413,2.792,1414,2.792,1415,2.792,1416,2.792,1417,4.491,1418,2.792,1419,2.792,1420,2.792,1421,2.792,1422,2.792,1423,2.792,1424,2.792,1425,4.491,1426,4.491,1427,2.792,1428,2.792,1429,2.792,1430,2.792,1431,2.792,1432,2.792,1433,3.443,1434,1.111,1435,1.111,1436,1.002,1437,1.111,1438,1.111,1439,1.111,1440,1.111,1441,1.111,1442,1.111,1443,1.111,1444,1.111,1445,1.111,1446,1.111,1447,1.111,1448,1.111,1449,2.884,1450,3.106,1451,1.111,1452,1.111,1453,1.111]],["t/488",[0,0.198,1,0.163,6,0.025,43,0.3,50,1.29,64,1.739,72,2.633,86,2.788,104,3.731,107,1.29,108,1.011,109,1.924,121,4.613,124,2.372,129,2.232,130,1.809,133,1.859,135,1.422,136,5.301,137,4.165,161,2.001,169,2.984,182,6.293,188,5.042,193,2.313,214,2.881,220,3.94,221,1.675,222,3.218,229,3.681,234,2.313,247,2.881,248,1.717,269,3.874,271,3.372,272,4.625,290,2.61,302,4.499,306,1.475,379,3.541,419,2.45,423,3.054,485,3.572,500,1.996,545,3.154,573,3.887,574,2.5,741,2.09,743,2.195,744,1.939,749,1.996,761,3.645,762,3.696,785,3.194,786,3.194,787,3.154,794,4.065,816,4.468,826,3.731,827,3.959,835,2.881,844,3.398,845,2.61,858,4.568,860,2.45,875,2.09,910,4.264,911,3.959,912,3.959,982,2.313,985,2.313,986,2.45,1003,3.154,1041,3.959,1050,2.61,1051,3.054,1230,5.463,1449,3.959,1454,4.264,1455,3.549,1456,4.727,1457,3.731,1458,4.727,1459,3.731,1460,6.695,1461,5.643,1462,6.695,1463,6.695,1464,6.136,1465,6.695,1466,6.695,1467,6.695,1468,6.695,1469,6.695,1470,4.727,1471,4.727,1472,3.731,1473,4.727,1474,4.264,1475,4.727,1476,4.727,1477,4.264,1478,4.727,1479,4.727,1480,3.054,1481,4.264,1482,4.727,1483,8.925,1484,4.727,1485,4.727,1486,4.727,1487,6.695,1488,4.727,1489,4.727,1490,4.727,1491,4.727,1492,4.727,1493,4.727,1494,4.727,1495,8.456,1496,6.695,1497,6.695,1498,9.268,1499,7.774,1500,4.727,1501,4.727,1502,4.727,1503,4.727,1504,4.727,1505,4.727,1506,6.695,1507,4.727,1508,6.695]],["t/490",[0,0.215,1,0.184,6,0.026,42,2.706,43,0.326,108,1.139,109,1.637,124,2.577,129,2.969,130,2.784,135,1.602,161,2.013,165,2.706,182,3.082,193,5.465,220,3.454,221,2.935,226,5.71,248,3.235,251,5.029,254,4.058,272,4.986,282,6.999,302,3.082,306,1.602,345,2.473,351,3.44,419,2.76,500,2.249,573,3.408,743,3.378,744,2.984,761,3.666,762,3.717,764,2.877,765,4.317,767,4.017,785,2.011,786,2.011,792,2.94,793,2.877,794,2.56,795,2.706,822,4.46,848,3.338,852,5.728,860,2.76,945,3.828,1107,6.562,1263,4.46,1509,5.325,1510,9.849,1511,5.325,1512,7.274,1513,7.274,1514,5.325,1515,5.325,1516,5.325,1517,5.325,1518,5.325,1519,7.274,1520,7.274,1521,5.325,1522,7.274,1523,3.999,1524,5.325,1525,4.804,1526,4.804,1527,5.325,1528,5.325,1529,10.875,1530,5.325,1531,5.325,1532,5.325,1533,5.325,1534,5.325,1535,5.325,1536,5.325,1537,5.325,1538,5.325,1539,8.285,1540,8.285,1541,8.285,1542,5.325,1543,5.325,1544,5.325,1545,5.325,1546,5.325,1547,5.325,1548,5.325]],["t/492",[0,0.209,1,0.177,6,0.027,25,0.127,43,0.412,55,1.184,66,2.89,92,2.335,105,3.831,108,1.093,109,1.877,116,2.82,124,2.873,129,2.358,130,2.707,133,3.189,135,2.439,139,3.704,141,5.084,143,4.381,161,1.527,165,5.409,193,2.502,194,2.537,220,2.744,221,2.506,235,3.303,248,2.57,251,3.535,254,3.531,269,2.958,306,1.126,317,4.203,319,4.693,322,8.572,342,2.549,345,2.374,355,3.034,369,3.59,419,2.649,420,5.026,484,2.502,498,6.401,499,4.434,500,2.159,528,4.035,560,4.569,737,3.303,741,3.128,743,2.374,744,2.097,749,2.987,752,3.594,754,3.766,761,2.782,762,3.234,785,1.931,786,1.931,792,2.823,793,2.762,794,2.458,795,2.598,845,2.823,852,3.535,875,2.261,887,2.226,889,2.762,891,3.034,893,3.412,894,3.034,895,3.675,896,4.035,898,3.839,981,7.137,982,4.933,985,2.502,986,2.649,991,4.72,1063,3.535,1108,2.649,1135,3.535,1146,5.654,1197,3.205,1549,4.282,1550,4.612,1551,7.073,1552,8.11,1553,5.112,1554,8.11,1555,5.112,1556,5.084,1557,3.839,1558,6.792,1559,5.112,1560,4.612,1561,5.112,1562,4.035,1563,5.112,1564,4.612,1565,5.112,1566,9.741,1567,5.112,1568,5.112,1569,5.112,1570,5.112,1571,5.112,1572,5.112,1573,5.112,1574,5.112,1575,5.112,1576,5.112,1577,4.612]],["t/494",[0,0.275,1,0.111,6,0.025,21,1.196,43,0.389,55,2.113,59,2.183,92,4.871,101,0.965,102,1.904,108,0.686,109,0.991,124,2.683,129,2.796,130,2.363,133,1.972,135,0.965,161,1.926,165,1.63,209,1.355,214,3.762,220,3.759,221,2.187,224,4.2,226,5.293,229,1.397,240,2.141,248,2.535,254,3.651,261,3.989,270,1.813,279,4.41,280,4.892,281,7.024,282,5.685,285,2.306,306,1.36,345,1.49,347,1.904,369,3.293,379,2.652,420,2.652,485,1.355,500,1.355,523,2.073,573,2.671,735,4.277,741,2.73,743,2.329,744,2.057,749,2.948,754,3.241,761,3.508,762,3.557,785,1.212,786,1.212,792,1.772,793,1.733,794,1.542,795,1.63,875,1.419,887,3.038,889,1.733,891,1.904,893,2.141,894,1.904,895,2.306,898,2.409,914,6.088,931,4.728,935,5.418,970,1.904,994,1.772,996,2.011,1005,5.673,1016,3.239,1055,5.763,1231,2.218,1578,4.523,1579,4.437,1580,10.977,1581,3.208,1582,3.208,1583,3.208,1584,4.523,1585,3.208,1586,5.014,1587,5.014,1588,5.014,1589,3.208,1590,10.474,1591,9.575,1592,5.014,1593,8.027,1594,8.027,1595,8.027,1596,6.979,1597,8.92,1598,8.027,1599,5.014,1600,8.92,1601,6.979,1602,6.979,1603,7.572,1604,7.572,1605,6.295,1606,5.014,1607,5.014,1608,5.014,1609,3.208,1610,5.014,1611,3.208,1612,3.208,1613,3.208,1614,3.208,1615,6.173,1616,3.208,1617,3.208,1618,3.208,1619,3.208,1620,3.208,1621,3.208,1622,5.014,1623,6.979,1624,6.173,1625,6.173,1626,3.208,1627,3.208,1628,8.027,1629,3.208,1630,3.208,1631,3.208,1632,3.208,1633,3.208,1634,3.208,1635,3.208,1636,3.208,1637,5.014]],["t/496",[0,0.059,6,0.022,8,0.173,18,0.652,37,0.121,43,0.089,45,0.671,46,0.654,50,1.205,51,4.638,53,6.272,55,1.733,69,3.716,101,0.596,105,4.107,108,0.423,109,0.667,116,2.985,121,2.004,122,1.824,124,1.849,129,3.114,130,2.865,135,1.016,139,1.542,141,1.241,150,4.746,159,1.908,161,1.77,166,1.175,169,1.519,188,3.309,189,1.811,194,2.685,209,3.61,214,2.058,215,1.487,220,2.474,221,2.652,222,2.123,223,2.536,226,3.784,228,3.271,229,4.422,240,1.321,246,2.182,247,2.058,248,2.978,254,2.55,263,0.935,269,1.954,270,1.908,272,3.305,280,2.853,285,1.423,306,1.971,336,1.146,337,0.969,345,3.601,348,2.62,401,0.987,402,0.969,419,1.026,422,3.698,425,1.207,446,3.918,463,1.369,485,0.836,500,4.115,543,2.555,544,4.119,545,4.787,546,6.034,547,5.113,555,2.828,567,1.207,573,2.242,574,2.76,735,2.543,741,0.876,743,3.476,744,3.07,746,2.602,760,0.952,761,3.224,762,3.269,764,1.07,767,1.865,785,0.748,786,0.748,787,1.321,792,4.133,793,4.043,794,3.728,795,3.804,835,4.996,841,0.919,842,1.487,844,2.427,845,4.628,847,1.369,848,1.241,850,1.658,851,1.369,857,1.487,858,1.07,859,1.423,860,2.288,861,1.563,862,1.658,863,1.658,864,1.369,866,1.563,867,1.658,887,3.259,916,3.174,926,2.828,943,2.828,945,1.423,957,1.423,970,2.62,975,3.485,993,1.865,995,1.241,1005,4.94,1030,2.427,1038,1.487,1055,2.853,1063,1.369,1070,9.241,1158,1.241,1159,2.117,1174,3.271,1182,1.658,1193,1.658,1205,7.158,1457,1.563,1638,1.98,1639,2.666,1640,3.046,1641,1.98,1642,4.416,1643,3.377,1644,1.658,1645,1.98,1646,1.98,1647,1.98,1648,2.666,1649,7.174,1650,5.218,1651,5.218,1652,6.377,1653,5.857,1654,3.377,1655,1.98,1656,5.857,1657,3.377,1658,1.98,1659,1.321,1660,1.98,1661,8.382,1662,1.786,1663,9.562,1664,7.99,1665,9.161,1666,8.382,1667,7.561,1668,5.703,1669,8.382,1670,8.382,1671,9.34,1672,7.485,1673,7.485,1674,6.809,1675,1.98,1676,1.98,1677,1.563,1678,4.416,1679,4.416,1680,3.377,1681,5.218,1682,3.377,1683,7.485,1684,4.416,1685,7.485,1686,7.485,1687,7.755,1688,3.983,1689,7.174,1690,6.377,1691,3.377,1692,6.377,1693,5.218,1694,2.828,1695,3.046,1696,1.98,1697,3.377,1698,3.377,1699,1.487,1700,1.98,1701,1.786,1702,1.98,1703,1.658,1704,1.98,1705,6.377,1706,6.377,1707,6.377,1708,8.198,1709,1.658,1710,1.98,1711,1.563,1712,1.98,1713,1.98,1714,1.98,1715,1.98,1716,1.786,1717,1.98,1718,1.98,1719,1.98,1720,1.563,1721,1.563,1722,1.98,1723,7.174,1724,1.98,1725,1.98,1726,1.98,1727,1.98,1728,1.98,1729,1.98,1730,1.98,1731,1.98,1732,1.98,1733,1.98,1734,1.98,1735,1.98,1736,1.98,1737,1.98,1738,1.98,1739,3.377,1740,4.416,1741,1.98,1742,1.98,1743,6.377,1744,5.218,1745,3.046,1746,3.377,1747,4.409,1748,6.377,1749,4.416,1750,2.335,1751,3.377,1752,3.377,1753,4.416]],["t/498",[0,0.122,1,0.086,6,0.024,7,0.253,21,0.931,43,0.184,50,2.557,52,0.263,56,0.874,66,0.786,77,0.689,86,2.008,87,4.252,101,0.752,102,3.098,103,1.614,105,1.938,108,0.534,109,0.811,116,0.996,121,2.435,124,2.142,129,2.393,130,2.314,133,1.614,134,5.27,135,0.752,136,2.572,137,3.225,139,3.049,140,2.738,141,3.789,142,1.667,144,3.485,146,2.738,150,3.853,161,1.71,193,4.934,220,3.072,221,2.142,222,3.209,223,1.876,248,1.491,299,4.771,300,4.373,301,4.121,302,4.884,306,1.332,345,1.906,364,1.18,369,2.142,400,6.735,440,1.27,461,3.789,485,1.733,488,5.422,500,4.643,505,2.254,526,3.437,573,2.555,669,7.597,737,1.614,741,1.105,743,1.906,744,2.142,749,3.031,752,1.27,753,1.321,757,5.693,761,3.114,762,3.157,764,1.35,767,1.38,785,1.55,786,3.578,792,1.38,793,2.82,794,1.973,795,2.085,833,5.481,841,2.425,843,2.51,845,2.266,875,1.105,878,1.972,879,1.727,887,3.125,907,2.254,919,2.837,963,5.56,982,4.233,985,3.711,986,3.929,991,1.667,1002,2.127,1045,1.667,1050,2.266,1087,7.246,1221,1.667,1253,1.446,1464,1.972,1754,2.498,1755,4.103,1756,2.254,1757,2.498,1758,5.221,1759,8.773,1760,6.676,1761,5.221,1762,2.498,1763,2.498,1764,7.397,1765,2.093,1766,6.474,1767,6.839,1768,8.452,1769,9.369,1770,9.369,1771,6.474,1772,7.918,1773,6.474,1774,7.582,1775,7.177,1776,7.177,1777,2.254,1778,2.254,1779,2.254,1780,2.498,1781,4.103,1782,2.254,1783,2.498,1784,4.103,1785,8.441,1786,4.103,1787,8.441,1788,4.103,1789,4.103,1790,2.254,1791,2.254,1792,2.498,1793,2.254,1794,2.254,1795,2.498,1796,3.701,1797,4.103,1798,2.498,1799,2.498,1800,6.676,1801,2.498,1802,2.498,1803,2.498,1804,2.498,1805,2.498,1806,2.498,1807,2.498,1808,2.498,1809,4.103,1810,2.498,1811,4.103,1812,2.498,1813,2.498,1814,2.498,1815,2.498,1816,2.498,1817,2.498,1818,2.498,1819,4.103,1820,1.876,1821,3.081,1822,4.103,1823,5.063,1824,4.103,1825,2.498]],["t/500",[0,0.266,1,0.24,6,0.027,9,0.112,32,0.838,43,0.311,45,0.524,52,0.927,55,1.784,64,1.428,66,1.567,77,2.974,81,2.531,85,1.187,86,1.168,87,0.894,102,3.442,105,2.74,108,0.499,109,1.146,116,1.548,121,2.955,122,2.097,124,2.055,129,2.454,130,2.22,133,3.03,135,1.168,139,2.274,141,2.433,143,4.764,150,4.064,152,5.529,161,1.5,176,1.844,188,1.32,194,1.393,220,3.283,221,2.461,222,1.123,228,1.464,229,1.017,248,2.906,249,3.064,254,1.69,274,1.424,284,3.189,285,2.79,286,2.79,289,4.166,290,1.29,306,1.278,309,2.107,346,1.32,349,3.122,369,0.958,374,3.501,387,5.817,398,2.882,418,1.464,420,2.053,450,2.365,453,1.956,463,1.615,485,2.45,498,3.931,499,3.122,500,0.987,503,3.501,528,1.844,532,1.844,541,1.509,542,1.679,543,1.352,545,2.59,567,1.424,568,2.107,573,3.061,735,3.189,741,2.202,743,1.085,744,2.64,749,3.655,752,1.187,754,3.418,760,1.123,761,2.731,762,3.073,764,2.097,765,2.955,785,0.882,786,0.882,794,2.394,807,2.684,809,2.79,813,1.464,823,1.972,841,2.313,843,1.866,845,1.29,858,2.097,860,1.211,875,1.033,887,2.803,889,4.844,891,3.82,893,4.296,894,3.82,895,4.627,896,1.844,898,4.833,935,6.819,941,6.68,945,1.679,946,1.754,969,1.424,970,2.955,989,2.914,993,1.29,994,1.29,1023,5.582,1028,1.754,1030,2.79,1036,2.107,1094,1.235,1108,1.211,1134,1.754,1135,2.684,1138,2.684,1146,2.508,1154,1.956,1172,3.064,1178,3.251,1197,1.464,1218,1.956,1394,1.956,1459,4.579,1461,2.59,1477,2.107,1480,1.509,1549,1.956,1550,2.107,1556,1.679,1557,1.754,1558,1.956,1562,1.844,1639,1.844,1640,2.107,1694,1.956,1745,2.107,1826,3.882,1827,3.931,1828,1.844,1829,3.882,1830,2.336,1831,2.336,1832,2.336,1833,1.754,1834,1.844,1835,2.336,1836,2.107,1837,2.336,1838,6.945,1839,1.956,1840,7.705,1841,2.336,1842,4.98,1843,8.652,1844,6.437,1845,3.882,1846,4.98,1847,3.882,1848,7.277,1849,5.391,1850,2.336,1851,1.754,1852,2.336,1853,9.425,1854,3.882,1855,2.336,1856,2.107,1857,2.336,1858,2.336,1859,1.956,1860,2.336,1861,6.639,1862,6.945,1863,6.945,1864,6.437,1865,10.187,1866,6.437,1867,6.437,1868,6.437,1869,6.437,1870,6.437,1871,6.437,1872,6.437,1873,6.437,1874,6.437,1875,6.437,1876,6.945,1877,6.945,1878,2.336,1879,2.336,1880,2.336,1881,2.336,1882,2.336,1883,3.882,1884,3.882,1885,3.882,1886,2.336,1887,2.336,1888,2.336,1889,2.336,1890,2.336,1891,2.336,1892,2.336,1893,2.336,1894,1.956,1895,2.336,1896,2.336,1897,4.98,1898,2.336,1899,4.98,1900,2.336,1901,3.882,1902,2.336,1903,2.336,1904,2.336,1905,2.336,1906,2.336,1907,2.336,1908,2.336,1909,2.336,1910,2.336,1911,2.336,1912,1.956,1913,2.336,1914,2.336,1915,1.844,1916,2.107,1917,2.107,1918,2.336,1919,1.679,1920,2.336,1921,2.336,1922,2.107,1923,2.336,1924,2.107,1925,2.336,1926,2.107]],["t/502",[0,0.228,1,0.2,6,0.025,18,1.911,32,3.961,43,0.345,45,0.91,51,3.005,55,2.135,77,1.599,86,2.602,100,3.635,108,1.24,109,1.709,116,2.312,124,2.054,129,2.569,130,2.22,133,2.28,137,3.462,150,2.947,152,5.326,161,1.991,194,2.08,220,2.25,221,2.729,222,4.159,229,4.382,247,3.534,248,2.107,254,3.354,261,2.449,289,4.087,306,1.697,345,2.693,347,4.572,485,3.254,488,4.458,500,2.449,573,2.22,735,2.312,741,2.564,743,2.693,744,2.379,746,3.841,749,3.654,754,3.578,761,3.625,762,3.826,764,3.132,785,2.19,786,2.19,792,3.202,793,3.132,794,3.703,795,2.947,823,2.947,828,4.354,844,4.168,860,3.005,868,5.231,869,4.009,870,5.231,871,5.231,872,5.231,887,2.525,888,4.354,931,3.005,935,3.746,951,4.857,993,3.202,994,4.254,995,3.635,996,3.635,1005,3.067,1008,5.231,1010,5.231,1011,5.231,1012,5.231,1523,4.354,1927,5.799,1928,9.218,1929,5.799,1930,5.799,1931,5.799,1932,5.799,1933,5.799,1934,5.799,1935,5.799,1936,5.799,1937,5.799,1938,5.799,1939,5.231,1940,5.231,1941,5.799,1942,5.799,1943,5.799,1944,5.799,1945,5.231,1946,5.799,1947,4.857,1948,5.231,1949,5.231,1950,5.799,1951,5.799,1952,5.799,1953,5.799,1954,5.799,1955,5.799]],["t/504",[0,0.234,1,0.332,6,0.024,43,0.218,55,2.406,85,2.475,86,3.371,108,1.041,109,1.351,116,1.942,129,2.635,130,3.28,161,2.153,162,1.55,169,2.902,194,1.747,219,1.605,220,3.066,221,1.726,229,4.341,246,3.147,247,2.968,248,1.77,254,3.731,270,2.752,272,4.85,284,1.942,289,3.733,306,1.988,332,1.816,346,3.863,401,2.428,469,3.657,485,2.057,500,2.057,532,5.398,573,3.025,743,2.262,744,1.998,758,5.135,761,3.921,762,3.976,764,4.629,785,1.84,786,1.84,794,2.341,893,3.251,922,6.168,1002,2.524,1188,3.957,1461,3.251,1523,6.434,1747,4.728,1947,4.079,1956,5.727,1957,4.728,1958,3.147,1959,4.871,1960,3.845,1961,4.871,1962,3.845,1963,3.845,1964,4.871,1965,3.845,1966,4.394,1967,4.394,1968,4.871,1969,6.838,1970,4.871,1971,4.871,1972,4.871,1973,4.871,1974,3.845,1975,10.103,1976,6.838,1977,4.871,1978,6.838,1979,10.308,1980,4.871,1981,4.871,1982,4.871,1983,4.871,1984,4.871,1985,4.871,1986,4.871,1987,4.871,1988,4.871,1989,4.871,1990,4.871,1991,4.871,1992,4.871,1993,4.394,1994,4.871,1995,4.871,1996,4.871,1997,4.871,1998,4.871,1999,4.871,2000,4.871,2001,4.871,2002,4.871,2003,4.871,2004,6.838,2005,4.394,2006,4.871,2007,4.871,2008,4.871,2009,4.871]],["t/506",[0,0.047,1,0.097,6,0.026,19,0.519,20,0.468,37,0.171,43,0.289,45,0.167,46,0.308,50,1.763,51,4.954,52,0.538,54,6.312,55,1.841,69,2.313,87,1.431,101,0.479,108,0.34,109,0.552,116,2.576,124,1.814,127,0.474,129,2.802,130,2.328,133,1.47,135,0.841,137,3.181,139,1.277,140,1.063,142,1.063,143,1.511,144,1.063,145,0.945,146,1.063,161,1.842,169,1.088,173,0.945,188,1.58,194,2.318,218,0.998,220,3.013,221,2.508,222,2.923,226,0.945,228,2.344,229,2.648,241,0.998,247,0.97,248,2.467,254,2.648,269,1.618,272,3.519,279,2.285,284,1.793,291,1.653,293,0.825,297,1.063,302,3.264,306,0.991,308,5.093,332,1.042,336,2.164,337,2.76,345,2.619,348,2.219,369,2.313,401,1.394,402,0.779,418,3.812,419,1.938,420,1.479,423,1.029,425,0.97,440,2.285,446,3.376,460,1.512,463,1.933,485,0.673,488,1.618,496,1.029,500,2.729,534,4.041,535,4.056,536,2.344,537,2.522,538,2.522,539,6.797,540,2.951,541,3.307,542,3.68,545,1.063,546,1.029,553,3.109,557,1.145,567,0.97,573,2.473,669,1.145,735,1.793,741,2.857,742,1.334,743,2.619,744,2.786,746,4.254,749,3.358,752,1.421,753,1.479,754,3.406,755,0.879,760,1.797,761,3.355,762,3.402,767,2.483,785,0.601,786,0.601,792,3.114,793,3.047,794,2.923,795,3.09,803,1.145,823,1.421,829,1.257,833,0.921,835,0.97,841,2.088,842,2.807,843,0.765,845,0.879,846,1.933,848,0.998,849,2.207,850,1.334,851,1.101,856,1.933,857,2.807,858,2.02,859,3.232,860,3.801,861,2.951,862,3.131,863,3.131,864,1.101,866,1.257,867,1.334,869,1.101,873,1.436,874,1.436,875,1.237,887,1.958,889,3.962,891,1.659,893,1.063,894,0.945,895,1.145,902,2.522,903,1.145,913,2.522,914,1.063,919,1.933,924,2.688,931,0.825,939,3.12,944,5.411,945,2.01,950,2.342,951,5.411,953,0.998,957,4.644,959,1.544,963,3.038,965,1.436,970,0.945,982,1.83,985,1.83,986,1.938,993,0.879,994,2.065,996,1.753,1002,0.825,1005,2.378,1023,1.544,1028,1.196,1037,2.207,1039,1.436,1047,2.1,1048,2.207,1049,2.522,1050,2.827,1051,1.807,1052,1.063,1053,2.1,1054,2.01,1056,2.344,1063,1.101,1094,1.479,1096,2.01,1158,0.998,1159,0.998,1170,1.029,1223,1.334,1455,1.196,1472,2.951,1525,1.436,1564,2.522,1644,1.334,1668,1.063,1677,1.257,1711,1.257,1747,1.933,1861,1.436,2010,1.592,2011,1.592,2012,1.592,2013,1.592,2014,2.796,2015,2.796,2016,1.592,2017,1.592,2018,1.592,2019,1.592,2020,9.932,2021,7.949,2022,10.596,2023,1.592,2024,3.739,2025,10.871,2026,3.739,2027,3.373,2028,1.592,2029,4.497,2030,5.119,2031,9.559,2032,9.451,2033,9.559,2034,9.559,2035,9.559,2036,7.08,2037,3.232,2038,1.592,2039,1.592,2040,1.592,2041,1.592,2042,1.592,2043,1.592,2044,6.461,2045,7.335,2046,1.592,2047,1.592,2048,1.592,2049,1.592,2050,1.592,2051,1.592,2052,2.796,2053,3.739,2054,2.796,2055,3.739,2056,2.796,2057,1.592,2058,2.796,2059,1.592,2060,1.592,2061,3.739,2062,1.592,2063,2.796,2064,1.592,2065,3.739,2066,3.739,2067,1.592,2068,1.592,2069,1.592,2070,1.436,2071,2.796,2072,1.592,2073,1.592,2074,1.592,2075,1.592,2076,3.739,2077,1.592,2078,1.592,2079,1.592,2080,1.592,2081,1.592,2082,1.592,2083,1.592,2084,1.592,2085,1.592,2086,1.592,2087,1.592,2088,1.592,2089,1.592,2090,1.592,2091,1.592,2092,1.592,2093,1.592,2094,1.592,2095,1.334,2096,1.436,2097,1.592,2098,1.196,2099,1.145,2100,2.01,2101,2.01,2102,1.145,2103,1.145,2104,2.01,2105,1.592,2106,1.592,2107,1.592,2108,1.592,2109,1.592,2110,2.207,2111,1.196,2112,1.196,2113,1.145,2114,2.688,2115,2.342,2116,5.093,2117,2.1,2118,3.131,2119,1.334,2120,1.933,2121,3.766,2122,2.1,2123,1.334,2124,2.807,2125,2.688,2126,1.334,2127,1.334,2128,3.766,2129,1.334,2130,4.288,2131,1.334,2132,1.334,2133,3.131,2134,2.1,2135,1.196,2136,1.196,2137,3.549,2138,2.207,2139,1.334,2140,3.766,2141,1.334,2142,1.334,2143,1.334,2144,1.334,2145,1.334,2146,1.334,2147,1.334,2148,1.196,2149,1.334,2150,1.334,2151,1.334,2152,1.196,2153,2.1,2154,1.334,2155,3.766,2156,3.131,2157,2.585,2158,2.342,2159,3.131,2160,1.436,2161,1.334,2162,2.1,2163,1.334,2164,3.739,2165,1.592,2166,1.592,2167,7.562,2168,7.562,2169,3.739,2170,1.592,2171,2.796,2172,1.592,2173,1.592,2174,1.592,2175,1.592,2176,1.592,2177,1.592,2178,1.592,2179,1.592,2180,1.592,2181,1.592,2182,1.592,2183,1.592,2184,1.592,2185,1.592,2186,1.592,2187,1.592,2188,1.592,2189,1.592,2190,1.592,2191,1.592,2192,1.592,2193,1.592,2194,1.592,2195,1.592,2196,1.592,2197,1.592,2198,1.592]],["t/508",[0,0.076,1,0.05,3,0.568,6,0.028,15,1.484,18,2.904,32,0.92,39,0.682,42,0.734,43,0.065,45,0.152,50,0.394,51,1.794,52,1.115,55,0.334,58,0.545,64,0.531,69,1.97,72,1.889,83,0.499,97,0.545,103,0.933,104,2.025,108,0.309,109,0.507,114,0.592,116,2.12,124,1.884,127,1.247,129,0.855,130,2.204,133,1.889,139,0.66,143,0.78,145,0.857,159,0.816,161,1.037,178,0.545,184,0.592,188,1.449,191,0.56,194,1.908,198,0.538,214,0.88,218,2.169,220,3.452,221,3.153,226,3.418,234,4.56,235,2.236,236,2.31,248,2.231,254,2.507,259,0.629,261,3.379,262,0.764,269,0.836,279,4.816,285,1.844,289,4.311,293,0.748,296,0.816,297,0.964,306,0.924,342,0.72,346,0.816,348,1.522,355,0.857,369,1.052,379,1.357,380,2.628,388,0.905,418,0.905,440,1.759,450,1.563,483,3.843,484,4.268,485,3.069,523,0.933,536,1.608,548,2.599,557,1.038,573,2.862,574,0.764,640,1.14,741,1.531,743,0.671,744,1.97,749,3.91,752,3.441,753,3.581,754,2.23,755,2.652,760,4.236,761,2.091,762,1.915,765,2.488,785,0.545,786,0.969,789,2.899,790,1.084,795,0.734,811,1.484,813,0.905,833,0.836,841,1.191,843,2.016,858,2.594,860,0.748,875,2.124,879,0.998,880,2.732,887,2.091,905,1.038,914,3.205,931,2.489,967,1.303,981,3.452,982,4.168,985,3.314,986,3.766,993,0.797,994,1.416,995,0.905,996,0.905,1005,2.54,1016,1.657,1055,1.657,1056,5.466,1093,1.844,1094,5.087,1096,6.813,1108,3.645,1123,1.844,1188,1.484,1221,4.322,1231,0.998,1232,3.512,1253,1.484,1579,1.038,1668,0.964,1820,3.606,1821,5.084,1828,3.31,1833,2.599,1834,2.732,1851,1.084,1919,1.038,1957,1.774,1958,0.933,2095,1.209,2199,2.025,2200,1.444,2201,1.444,2202,1.209,2203,2.025,2204,7.354,2205,7.256,2206,1.14,2207,4.611,2208,4.848,2209,8.516,2210,2.025,2211,1.14,2212,5.903,2213,1.444,2214,2.565,2215,2.565,2216,3.31,2217,1.444,2218,1.444,2219,5.903,2220,1.444,2221,0.964,2222,1.209,2223,5.903,2224,7.203,2225,1.444,2226,1.444,2227,4.197,2228,2.732,2229,1.038,2230,1.084,2231,2.025,2232,1.14,2233,3.461,2234,2.025,2235,2.025,2236,2.025,2237,1.209,2238,1.303,2239,3.782,2240,3.122,2241,2.314,2242,1.303,2243,5.195,2244,2.025,2245,9.256,2246,2.025,2247,1.303,2248,5.424,2249,2.314,2250,2.025,2251,1.926,2252,2.798,2253,1.444,2254,2.899,2255,1.14,2256,3.791,2257,3.31,2258,1.14,2259,1.084,2260,1.14,2261,7.842,2262,4.802,2263,1.209,2264,2.025,2265,2.732,2266,1.209,2267,1.444,2268,1.444,2269,1.444,2270,1.444,2271,1.444,2272,3.31,2273,3.782,2274,1.444,2275,1.303,2276,1.14,2277,3.791,2278,1.209,2279,4.802,2280,3.791,2281,4.197,2282,1.14,2283,2.025,2284,2.565,2285,1.844,2286,1.444,2287,2.025,2288,1.303,2289,1.444,2290,3.461,2291,2.025,2292,2.565,2293,1.444,2294,1.14,2295,1.14,2296,1.444,2297,1.303,2298,1.444,2299,2.025,2300,1.444,2301,5.318,2302,1.444,2303,1.14,2304,2.025,2305,1.14,2306,2.025,2307,1.444,2308,1.303,2309,1.209,2310,2.025,2311,2.314,2312,1.303,2313,1.14,2314,2.025,2315,1.14,2316,1.444,2317,1.14,2318,4.193,2319,4.193,2320,4.193,2321,4.193,2322,3.512,2323,1.444,2324,1.444,2325,1.444,2326,1.303,2327,2.565,2328,3.512,2329,4.193,2330,4.193,2331,4.193,2332,4.193,2333,4.193,2334,4.193,2335,4.193,2336,1.444,2337,2.732,2338,5.318,2339,6.555,2340,3.122,2341,3.461,2342,4.454,2343,2.899,2344,2.899,2345,5.318,2346,5.318,2347,4.454,2348,2.899,2349,2.899,2350,4.454,2351,2.899,2352,3.461,2353,3.461,2354,3.461,2355,3.461,2356,1.303,2357,1.303,2358,1.444,2359,2.148,2360,1.14]],["t/510",[0,0.086,1,0.057,3,0.653,6,0.028,15,1.656,18,2.918,32,0.596,39,0.784,43,0.074,45,0.175,50,1.435,51,2.002,52,1.089,55,0.672,58,0.627,64,1.421,69,2.552,72,2.723,83,0.574,97,0.627,102,0.985,103,1.072,108,0.355,109,0.573,114,0.681,116,2.304,124,1.863,127,1.377,129,0.967,130,2.381,133,1.519,139,0.758,143,2.501,145,0.985,159,0.938,161,0.834,178,0.627,179,0.573,184,0.681,191,0.644,194,2.073,198,0.619,218,1.041,220,3.435,221,3.06,226,2.292,234,4.607,235,1.874,248,2.397,254,3.139,259,0.723,261,2.221,262,1.534,263,0.784,264,0.86,269,0.961,279,4.595,289,4.08,293,0.86,296,0.938,297,1.108,306,1.02,346,1.639,355,0.985,369,1.19,379,1.534,388,1.041,418,1.041,440,2.353,483,4.151,484,4.575,485,3.247,523,1.072,536,2.421,548,2.9,557,1.193,573,2.651,574,1.534,741,1.708,743,0.771,744,2.157,749,4.162,752,2.937,753,3.057,754,1.794,755,2.133,760,3.329,761,2.068,762,1.54,765,2.748,785,0.627,786,0.627,789,3.201,790,1.246,795,0.844,811,1.678,813,1.041,833,0.961,841,1.347,843,1.857,845,0.917,858,3.122,860,0.86,875,2.325,879,1.148,880,1.31,887,2.289,905,1.193,914,3.509,931,2.725,959,0.917,981,3.779,982,4.1,985,3.229,986,3.737,993,0.917,994,0.917,995,1.041,996,1.041,1005,2.043,1016,1.072,1055,1.874,1056,5.612,1093,3.328,1094,5.269,1096,6.561,1108,4.476,1188,2.235,1221,6.238,1231,1.148,1235,1.497,1253,1.678,1579,1.193,1668,1.108,1711,4.562,1820,2.9,1821,4.339,1828,1.31,1833,1.246,1834,1.31,1851,1.246,1919,1.193,1957,2.005,1958,1.072,2199,1.31,2203,3.049,2204,7.378,2205,7.324,2206,1.31,2207,4.954,2208,5.208,2210,2.289,2211,1.31,2212,5.891,2216,3.049,2219,4.15,2221,1.108,2223,4.562,2224,6.817,2227,4.562,2228,3.049,2229,1.193,2230,1.246,2231,2.289,2232,1.31,2234,2.289,2235,2.289,2236,4.15,2237,1.39,2244,2.289,2246,3.049,2248,1.39,2250,2.289,2251,2.178,2252,3.09,2255,1.31,2256,4.15,2257,3.655,2258,1.31,2259,1.246,2260,1.31,2263,1.39,2264,3.655,2265,4.562,2266,2.429,2272,4.562,2276,1.31,2277,1.31,2278,1.39,2280,3.049,2281,5.891,2282,2.289,2283,3.655,2285,3.328,2287,3.655,2291,2.289,2294,2.289,2295,2.289,2299,3.655,2303,2.289,2304,3.655,2305,2.289,2306,4.15,2309,2.429,2310,3.655,2313,2.289,2314,3.655,2315,2.289,2317,2.289,2322,1.39,2328,1.39,2337,1.31,2342,3.235,2343,1.39,2344,1.39,2347,3.235,2348,1.39,2349,1.39,2350,3.235,2351,1.39,2356,1.497,2357,1.497,2359,2.429,2360,1.31,2361,2.9,2362,1.497,2363,1.497,2364,1.66,2365,1.66,2366,8.23,2367,3.862,2368,8.067,2369,1.66,2370,5.779,2371,2.9,2372,2.616,2373,2.616,2374,7.277,2375,2.616,2376,1.497,2377,2.9,2378,2.9,2379,2.616,2380,2.9,2381,2.9,2382,4.63,2383,2.9,2384,2.616,2385,2.9,2386,2.9,2387,4.63,2388,1.66,2389,2.9,2390,2.616,2391,4.177,2392,2.9,2393,1.66,2394,2.429,2395,4.177,2396,2.616,2397,2.616,2398,2.616,2399,1.497,2400,1.497,2401,1.497,2402,2.616,2403,4.177,2404,3.484,2405,1.497,2406,1.497,2407,1.497,2408,1.497,2409,1.497,2410,1.497,2411,1.497,2412,1.497,2413,1.497,2414,1.497,2415,1.497,2416,1.497,2417,3.484,2418,3.484,2419,5.213,2420,3.235,2421,3.484,2422,2.616,2423,1.497,2424,1.497,2425,1.497,2426,1.497,2427,1.497,2428,1.497,2429,1.497,2430,1.497,2431,1.497,2432,1.497,2433,1.497,2434,1.497,2435,1.497,2436,1.497,2437,1.497,2438,1.497,2439,1.497,2440,1.497,2441,1.497,2442,1.497,2443,1.497,2444,1.497,2445,1.66,2446,1.497,2447,1.497,2448,1.497,2449,1.497,2450,1.497,2451,1.497,2452,1.497,2453,1.497,2454,1.497,2455,1.497,2456,1.66,2457,3.484,2458,1.497]],["t/512",[0,0.073,1,0.048,3,0.973,6,0.028,15,1.436,18,2.841,32,0.497,39,1.169,42,0.705,43,0.062,45,0.146,50,1.64,51,1.736,52,1.121,55,0.573,58,0.934,64,0.51,69,3.296,72,2.212,83,0.855,97,0.934,103,0.896,108,0.296,109,0.489,114,1.015,116,2.068,122,1.336,124,2.353,127,0.736,129,0.825,130,2.153,133,1.317,134,1.094,135,0.417,137,0.623,139,2.134,143,2.524,145,0.823,159,0.783,161,0.534,178,0.934,181,1.041,184,1.015,188,2.64,191,0.96,194,1.86,198,0.922,209,0.586,218,0.869,220,3.448,221,2.794,226,2.415,234,4.457,235,2.164,236,1.651,247,0.845,248,2.305,254,3.11,259,1.077,261,1.719,262,0.733,263,3.725,264,0.718,269,0.802,271,0.553,272,0.718,279,4.474,280,0.896,286,0.997,289,4.635,293,0.718,295,1.857,296,0.783,297,0.925,306,1.029,342,0.691,345,0.644,346,0.783,355,0.823,357,0.925,369,1.015,379,1.308,388,0.869,398,1.432,400,1.778,418,0.869,440,2.068,450,1.508,476,0.896,483,2.235,484,4.457,485,2.917,523,0.896,548,2.515,557,0.997,573,2.734,574,2.743,640,1.094,735,1.336,741,1.8,743,0.644,744,1.917,749,3.642,752,2.635,753,2.743,754,1.556,755,1.85,760,3.536,761,0.973,762,0.986,765,2.415,767,1.366,785,0.524,786,0.524,789,2.814,790,1.041,794,0.666,795,0.705,811,1.432,813,0.869,825,2.072,833,0.802,841,2.408,843,2.888,846,0.959,858,2.199,860,0.718,869,3.231,875,2.067,879,0.959,887,2.035,905,0.997,914,3.119,931,2.422,944,1.161,949,1.161,959,2.58,981,3.359,982,3.86,985,2.941,986,3.442,993,0.766,994,0.766,995,0.869,996,0.869,1005,1.772,1016,1.598,1041,1.161,1042,1.251,1055,1.598,1056,5.201,1057,2.072,1093,1.778,1094,4.78,1096,6.922,1108,3.288,1123,1.778,1174,1.551,1188,2.355,1196,1.161,1221,4.234,1226,1.251,1230,1.598,1231,0.959,1253,0.802,1261,1.161,1371,1.251,1454,1.251,1459,1.094,1474,1.251,1579,2.408,1662,3.022,1668,0.925,1820,2.515,1821,3.893,1828,1.953,1833,1.857,1834,1.953,1851,1.041,1919,0.997,1957,1.71,1958,0.896,2157,2.316,2199,2.644,2203,2.644,2204,6.805,2205,7.015,2206,1.094,2207,4.512,2208,4.093,2210,1.953,2211,1.094,2212,5.008,2216,1.094,2219,5.008,2221,2.716,2222,2.072,2223,5.008,2224,7.378,2227,4.093,2228,2.644,2229,0.997,2230,1.041,2231,1.953,2232,4.743,2234,1.953,2235,1.953,2236,5.008,2237,1.161,2238,1.251,2239,4.677,2240,4.215,2241,2.232,2242,1.251,2243,4.215,2244,3.689,2246,1.953,2247,1.251,2248,4.712,2249,2.232,2250,1.094,2251,1.041,2252,2.716,2254,3.914,2255,1.094,2256,3.689,2257,2.644,2258,1.094,2259,1.041,2260,1.094,2263,2.805,2264,1.953,2265,2.644,2272,2.644,2273,3.671,2275,1.251,2276,1.094,2277,2.644,2278,2.805,2280,2.644,2281,4.093,2282,1.094,2283,1.953,2285,1.778,2287,1.953,2288,1.251,2291,1.953,2294,1.094,2295,1.094,2297,1.251,2299,1.953,2303,1.094,2304,1.953,2305,1.094,2306,1.953,2308,1.251,2310,1.953,2311,3.022,2312,1.251,2313,1.094,2314,1.953,2315,1.094,2317,1.094,2322,2.072,2328,2.072,2337,1.953,2342,4.343,2343,2.072,2344,2.072,2347,4.343,2348,2.072,2349,2.072,2350,4.343,2351,2.072,2360,1.094,2394,1.161,2399,2.232,2400,2.232,2401,3.022,2402,5.075,2403,7.484,2404,7.114,2405,2.232,2406,2.232,2407,2.232,2408,2.232,2409,2.232,2410,2.232,2411,2.232,2412,2.232,2413,2.232,2414,2.232,2415,2.232,2416,2.232,2417,5.42,2418,5.42,2419,7.777,2420,7.374,2421,5.42,2422,3.671,2423,2.232,2424,2.232,2425,2.232,2426,2.232,2427,2.232,2428,2.232,2429,2.232,2430,2.232,2431,2.232,2432,2.232,2433,2.232,2434,2.232,2435,2.232,2436,2.232,2437,2.232,2438,2.232,2439,2.232,2440,2.232,2441,2.232,2442,2.232,2443,2.232,2444,2.232,2446,2.232,2447,2.232,2448,2.232,2449,2.232,2450,2.232,2451,2.232,2452,2.232,2453,2.232,2454,2.232,2455,3.022,2459,1.386,2460,1.386,2461,1.953,2462,1.386,2463,4.07,2464,1.386,2465,1.386,2466,1.386,2467,3.35,2468,1.386,2469,1.386,2470,1.386,2471,2.474,2472,2.474,2473,1.386,2474,1.386,2475,1.386,2476,1.386,2477,1.386,2478,1.386,2479,1.386,2480,1.386,2481,1.386,2482,1.386,2483,1.386,2484,1.386,2485,1.386,2486,2.474,2487,1.161,2488,1.386,2489,1.386,2490,1.386,2491,1.386,2492,1.386,2493,1.386,2494,1.386,2495,2.474,2496,1.386,2497,1.251,2498,3.35,2499,1.386,2500,1.386,2501,1.386,2502,1.386,2503,1.386,2504,1.386,2505,1.386,2506,1.386,2507,1.386,2508,2.474,2509,2.474,2510,2.474,2511,1.386,2512,1.386,2513,3.35,2514,2.474,2515,1.386,2516,1.386,2517,1.386,2518,2.474,2519,1.386,2520,1.386,2521,1.386]],["t/514",[0,0.106,1,0.073,6,0.028,15,1.992,18,2.922,29,0.445,43,0.16,45,0.223,50,0.977,51,2.408,52,1.012,55,0.829,64,1.71,66,0.668,72,3.029,103,1.371,108,0.454,109,0.708,116,2.638,124,1.646,127,1.624,129,1.194,130,2.695,133,1.408,139,0.969,143,1.146,145,1.259,159,1.199,161,0.773,179,0.708,194,2.373,218,1.33,220,3.647,221,3.036,226,2.758,234,4.744,235,2.314,248,2.688,254,3.221,261,2.306,263,1.002,264,2.408,269,1.228,279,4.434,289,4.304,293,1.1,296,1.199,297,1.416,306,1.024,346,2.023,355,1.259,369,1.469,379,1.894,388,1.33,418,1.33,440,2.361,483,3.101,484,4.774,485,3.46,523,1.371,536,2.245,548,3.489,557,1.525,573,2.948,574,1.122,741,2.055,743,0.985,744,2.501,749,4.275,752,2.774,753,2.887,754,1.663,755,1.978,760,2.931,761,1.408,762,1.428,765,3.239,785,0.801,786,0.801,789,3.774,790,1.593,795,1.078,811,2.072,813,1.33,833,1.228,841,1.663,843,2.234,858,3.573,860,1.1,875,2.697,879,1.467,887,2.655,905,1.525,914,4.07,931,3.16,959,1.978,981,4.383,982,4.271,985,3.446,986,3.991,993,1.172,994,1.172,995,1.33,996,1.33,1005,1.894,1016,1.371,1055,2.314,1056,5.711,1093,3.924,1094,5.334,1096,6.159,1108,4.776,1188,2.689,1221,6.547,1253,1.228,1579,1.525,1668,1.416,1711,5.221,1820,2.689,1821,4.099,1851,1.593,1919,1.525,1957,2.476,1958,1.371,2199,1.675,2203,3.668,2204,7.485,2205,7.485,2206,1.675,2207,5.555,2208,5.557,2210,2.827,2211,1.675,2212,5.839,2216,2.827,2219,2.827,2221,1.416,2223,3.668,2224,6.079,2227,5.221,2228,3.668,2229,1.525,2230,1.593,2231,2.827,2232,1.675,2234,2.827,2235,2.827,2236,2.827,2244,2.827,2246,2.827,2250,1.675,2251,1.593,2252,3.643,2255,1.675,2256,4.813,2257,3.668,2258,1.675,2259,1.593,2260,1.675,2264,4.309,2265,5.221,2266,3,2272,5.221,2276,1.675,2280,2.827,2281,6.466,2282,2.827,2283,4.309,2285,3.924,2287,4.309,2291,2.827,2294,2.827,2295,2.827,2299,4.309,2303,2.827,2304,4.309,2305,2.827,2306,4.813,2309,3,2310,4.309,2313,2.827,2314,4.309,2315,2.827,2317,2.827,2360,1.675,2362,1.914,2363,1.914,2372,3.231,2373,3.231,2374,7.871,2375,3.231,2376,1.914,2379,3.231,2384,3.231,2390,3.231,2391,4.924,2394,3,2395,4.924,2396,3.231,2397,3.231,2398,3.231,2457,4.192,2458,1.914,2522,8.868,2523,4.647,2524,8.726,2525,2.122,2526,6.615,2527,3.581,2528,3.581,2529,3.581,2530,3.581,2531,3.581,2532,5.459,2533,3.581,2534,3.581,2535,3.581,2536,5.459,2537,2.122,2538,3.581,2539,3.581,2540,2.122]],["t/516",[0,0.125,1,0.111,6,0.027,7,0.111,15,1.375,17,2.347,43,0.144,50,1.152,52,0.594,55,0.977,64,2.27,66,1.328,86,0.56,103,1.204,105,0.88,108,0.398,109,0.633,116,1.998,121,1.106,124,2.682,127,1.965,129,1.671,130,2.162,133,2.598,135,0.964,137,2.252,161,1.332,193,1.569,194,1.798,209,1.354,216,1.696,217,5.506,218,4.896,219,1.39,220,2.936,221,2.584,222,4.428,225,2.685,227,1.078,229,2.182,233,2.071,234,4.02,239,5.679,241,2.645,243,2.071,244,1.561,245,1.681,248,1.165,251,2.917,254,0.811,269,1.078,272,0.966,279,1.629,284,1.278,293,3.78,296,1.053,298,1.204,306,0.929,307,1.561,311,0.607,329,0.837,332,1.195,335,4.118,336,2.442,337,1.569,345,0.865,354,4.748,369,2.056,371,1.278,376,1.561,398,2.442,402,0.912,403,1.902,420,3.494,423,3.986,424,1.288,425,1.136,439,1.471,440,3.135,445,1.681,455,2.531,457,1.681,460,1.706,461,4.745,476,1.204,484,4.365,485,3.665,493,1.471,496,4.507,541,1.204,545,3.769,546,2.071,553,1.288,558,3.331,559,1.681,573,1.227,578,3.806,581,1.681,640,3.331,658,3.806,673,5.959,735,1.682,737,1.204,743,0.865,744,1.731,746,4.672,749,4.173,752,1.629,753,1.696,754,4.088,755,1.77,757,1.399,760,1.541,761,2.426,762,2.46,764,5.56,765,1.106,767,1.77,785,1.211,786,1.211,787,1.244,794,0.896,803,1.339,811,1.078,823,2.144,841,1.489,843,1.541,845,1.029,852,1.288,854,1.681,856,2.217,861,4.458,875,1.866,886,1.399,887,1.396,889,1.732,892,1.244,894,1.106,939,4.445,953,4.896,955,4.507,959,1.029,963,1.902,975,4.87,982,3.823,985,3.233,986,1.661,991,4.409,994,1.029,1002,3.615,1023,1.029,1050,1.77,1051,1.204,1052,1.244,1094,2.651,1108,4.159,1146,3.238,1158,4.141,1159,4.896,1170,1.204,1188,2.442,1212,1.561,1253,1.078,1276,5.167,1464,1.471,1562,5.214,1668,1.244,1699,1.399,1716,4.521,1823,3.534,1922,5.959,1939,1.681,1940,1.681,1948,2.892,2037,3.602,2099,1.339,2100,2.304,2101,2.304,2102,1.339,2103,1.339,2104,2.304,2110,1.471,2112,1.399,2113,1.339,2114,3.033,2120,1.288,2125,2.304,2148,1.399,2202,1.561,2259,1.399,2541,1.863,2542,1.561,2543,1.863,2544,1.681,2545,1.681,2546,3.206,2547,1.863,2548,1.863,2549,3.806,2550,2.892,2551,1.681,2552,1.681,2553,1.681,2554,1.681,2555,1.681,2556,3.206,2557,1.863,2558,1.863,2559,1.863,2560,2.531,2561,1.863,2562,1.399,2563,1.863,2564,1.681,2565,1.863,2566,1.863,2567,1.561,2568,1.399,2569,6.17,2570,5.648,2571,6.606,2572,6.606,2573,6.606,2574,5.648,2575,8.024,2576,6.828,2577,6.17,2578,5.648,2579,5.648,2580,4.96,2581,5.565,2582,6.17,2583,4.219,2584,4.219,2585,4.219,2586,4.219,2587,5.011,2588,4.219,2589,4.219,2590,4.219,2591,4.219,2592,4.219,2593,4.219,2594,4.219,2595,4.219,2596,4.219,2597,4.219,2598,4.219,2599,4.219,2600,4.219,2601,4.219,2602,4.219,2603,4.219,2604,4.219,2605,4.219,2606,4.219,2607,4.219,2608,3.806,2609,4.219,2610,4.219,2611,4.219,2612,4.219,2613,4.219,2614,4.219,2615,4.219,2616,4.219,2617,4.219,2618,4.219,2619,4.219,2620,4.219,2621,4.219,2622,4.219,2623,4.219,2624,4.219,2625,4.219,2626,4.219,2627,4.219,2628,4.219,2629,4.219,2630,4.219,2631,4.219,2632,4.219,2633,4.219,2634,3.806,2635,4.219,2636,4.219,2637,4.219,2638,4.219,2639,4.219,2640,4.219,2641,4.219,2642,4.219,2643,3.806,2644,5.533,2645,6.606,2646,3.206,2647,3.206,2648,3.206,2649,1.681,2650,1.681,2651,1.681,2652,1.681,2653,1.681,2654,5.011,2655,5.011,2656,3.206,2657,4.219,2658,4.521,2659,3.206,2660,4.521,2661,5.011,2662,1.561,2663,1.863,2664,1.863,2665,1.863,2666,1.863,2667,3.206,2668,1.863,2669,1.863,2670,1.561,2671,1.863,2672,1.863,2673,3.206,2674,1.863,2675,1.561,2676,1.863,2677,1.399,2678,4.219,2679,3.206,2680,1.863,2681,1.681,2682,3.206,2683,1.863,2684,3.206,2685,1.339,2686,3.206,2687,3.206,2688,2.304,2689,2.304,2690,1.339,2691,3.206,2692,3.206,2693,3.206,2694,3.206,2695,3.206,2696,1.863,2697,1.863,2698,1.863,2699,1.863]],["t/518",[0,0.116,1,0.058,6,0.027,8,0.211,17,0.421,42,0.86,43,0.21,50,1.281,52,0.493,55,1.087,72,0.666,105,2.217,108,0.362,109,0.583,124,2.744,127,0.504,129,2.33,130,1.501,133,3.124,135,1.412,137,2.626,139,1.791,143,2.535,161,1.672,188,3.551,193,1.444,209,0.715,220,3.369,221,2.071,222,4.325,229,2.317,231,4.457,241,3.336,247,1.031,248,2.123,249,1.336,250,1.271,254,0.737,270,0.956,271,3.414,279,4.802,284,0.675,286,1.217,291,0.749,292,2.533,293,4.013,294,5.354,296,3.302,297,4.194,298,2.533,306,1.287,311,2.587,325,3.901,329,3.38,332,1.1,346,1.667,369,1.925,371,2.122,380,1.061,388,3.336,397,2.944,399,1.217,402,0.828,403,2.327,404,0.786,419,0.877,424,1.17,440,4.659,460,2.363,476,1.093,483,3.9,484,1.919,485,1.656,496,6.144,499,1.061,536,1.061,546,2.533,553,3.245,560,1.093,567,1.031,573,2.406,735,3.856,741,1.305,744,1.925,746,4.77,749,4.272,752,1.499,753,2.815,754,3.688,755,0.935,760,2.558,761,3.045,762,3.088,785,0.639,786,0.639,794,1.418,807,1.17,818,1.271,823,3.695,841,2.714,843,2.809,844,2.12,846,3.68,856,2.04,858,4.86,864,1.17,875,1.734,887,1.284,889,2.118,891,1.004,894,1.004,903,1.217,912,1.418,919,1.17,931,0.877,939,3.243,946,2.944,953,4.38,955,3.032,959,2.165,963,1.751,969,1.031,970,1.004,994,0.935,996,1.061,1002,1.529,1005,5.364,1016,4.304,1023,0.935,1037,7.961,1050,1.629,1056,2.458,1094,1.56,1099,1.217,1106,1.217,1158,1.849,1159,4.38,1170,1.093,1174,1.061,1188,2.269,1194,1.527,1197,1.061,1210,2.617,1230,1.906,1270,1.271,1403,4.801,1457,1.336,1459,1.336,1472,3.095,1648,2.329,1659,1.969,1677,1.336,1703,3.284,1720,1.336,1721,1.336,1747,2.711,1859,3.284,1974,1.336,2037,3.374,2098,1.271,2099,1.217,2100,2.12,2101,2.12,2102,1.217,2103,1.217,2104,2.12,2111,1.271,2112,1.271,2113,1.217,2114,6.836,2115,3.284,2116,6.652,2117,2.944,2118,5.579,2119,1.418,2120,2.711,2121,3.931,2122,2.944,2123,2.471,2124,6.885,2125,2.818,2126,1.418,2127,1.418,2128,3.931,2129,1.418,2130,4.457,2131,1.418,2132,1.418,2133,3.284,2134,2.215,2135,1.271,2136,1.271,2137,3.704,2138,2.329,2139,1.418,2140,3.931,2141,1.418,2142,2.471,2143,1.418,2144,1.418,2145,1.418,2146,1.418,2147,1.418,2148,1.271,2149,1.418,2150,1.418,2151,1.418,2152,1.271,2153,2.215,2154,1.418,2155,3.931,2156,3.284,2157,4.041,2158,2.471,2159,6.486,2161,1.418,2162,2.215,2163,1.418,2230,1.271,2359,1.418,2420,1.418,2562,2.215,2568,1.271,2643,1.527,2675,5.264,2677,1.271,2685,1.217,2688,2.12,2689,2.12,2690,1.217,2700,6.285,2701,2.661,2702,3.921,2703,1.693,2704,1.336,2705,2.215,2706,2.95,2707,1.693,2708,3.704,2709,2.329,2710,2.95,2711,3.921,2712,5.322,2713,6.661,2714,2.95,2715,1.693,2716,2.95,2717,2.04,2718,1.527,2719,2.661,2720,1.527,2721,7.724,2722,5.322,2723,7.172,2724,6.759,2725,4.693,2726,5.322,2727,7.271,2728,6.987,2729,4.693,2730,1.693,2731,6.285,2732,1.693,2733,1.693,2734,3.537,2735,1.693,2736,2.95,2737,1.693,2738,2.661,2739,2.95,2740,1.693,2741,1.693,2742,1.693,2743,1.693,2744,2.661,2745,1.693,2746,1.693,2747,1.693,2748,1.693,2749,2.661,2750,1.693,2751,1.693,2752,1.693,2753,2.661,2754,1.693,2755,1.693,2756,1.693,2757,2.661,2758,1.693,2759,1.693,2760,1.693,2761,2.661,2762,1.693,2763,1.693,2764,1.693,2765,1.693,2766,1.693,2767,1.693,2768,1.693,2769,1.693,2770,3.537,2771,2.661,2772,2.661,2773,2.661,2774,2.661,2775,2.661,2776,2.661,2777,1.693,2778,4.233,2779,1.693,2780,2.95,2781,1.693,2782,1.693,2783,3.921,2784,3.921,2785,3.921,2786,3.921,2787,2.95,2788,1.693,2789,1.693,2790,1.693,2791,1.527,2792,6.009,2793,6.009,2794,5.272,2795,2.661,2796,2.329,2797,1.271,2798,1.336,2799,5.272,2800,6.285,2801,1.527,2802,1.527,2803,2.661,2804,1.527,2805,2.661,2806,1.527,2807,1.527,2808,1.527,2809,1.527,2810,1.527,2811,2.471,2812,1.693,2813,1.693,2814,1.693,2815,1.693,2816,1.336,2817,1.336,2818,1.336,2819,1.693,2820,1.527,2821,1.527,2822,1.527,2823,1.527,2824,2.661]],["t/520",[0,0.17,1,0.114,6,0.027,7,0.051,8,0.234,17,0.477,42,3.186,43,0.281,50,1.569,52,0.777,55,1.452,72,0.755,81,0.975,95,1.85,105,2.038,108,0.41,109,0.65,116,1.311,122,1.037,124,2.714,127,0.978,129,2.091,130,2.827,133,2.781,135,0.989,137,2.818,150,0.975,161,1.354,187,1.441,193,1.609,194,1.18,209,1.389,220,3.342,221,1.529,222,4.458,229,1.878,234,1.609,241,4.203,248,2.278,250,1.441,254,1.432,271,1.311,279,2.921,292,2.787,293,4.203,294,5.956,296,1.084,298,2.787,306,1.266,311,2.927,329,0.862,332,0.715,369,2.097,371,2.292,380,3.204,384,3.828,385,3.307,386,7.215,387,7.215,388,3.204,395,0.836,397,5.034,398,1.111,399,4.82,400,3.101,402,1.609,403,3.412,404,4.862,419,0.995,440,3.892,460,2.711,461,1.203,476,1.24,484,3.615,485,1.822,496,5.565,499,1.203,546,3.714,553,4.89,560,1.24,567,1.17,573,2.4,574,1.739,649,6.187,735,3.815,744,2.75,746,4.95,749,4.194,752,2.192,753,3.317,754,3.93,755,2.382,760,2.074,761,2.466,762,2.5,764,1.776,767,1.816,785,0.725,786,0.725,823,4.121,841,2.374,843,2.457,846,3.975,856,3.534,859,1.38,864,1.327,875,1.908,878,1.515,886,3.239,887,1.432,889,2.761,891,1.951,892,1.281,894,1.139,903,2.364,919,1.327,931,1.704,939,4.502,953,5.083,955,3.714,959,3.462,962,1.607,963,1.951,969,1.17,994,1.816,1002,2.236,1003,1.281,1005,5.396,1023,2.382,1034,1.607,1050,1.816,1094,1.015,1099,1.38,1106,1.38,1108,0.995,1146,1.24,1158,2.061,1159,5.083,1170,2.124,1188,2.497,1197,1.203,1210,2.195,1230,2.124,1461,1.281,1639,1.515,1659,2.195,1747,3.975,1848,2.596,1849,1.607,1912,1.607,2037,4.133,2098,1.441,2099,2.364,2100,3.674,2101,3.674,2102,2.364,2103,2.364,2104,3.674,2110,1.515,2111,2.469,2112,1.441,2113,2.364,2114,4.82,2117,4.317,2120,2.983,2122,2.469,2124,6.089,2125,4.133,2134,3.838,2135,2.469,2136,2.469,2137,4.538,2138,2.596,2148,1.441,2152,2.469,2153,4.317,2157,2.274,2560,1.515,2562,1.441,2564,1.731,2568,1.441,2576,1.731,2662,1.607,2670,2.754,2677,2.469,2681,1.731,2685,1.38,2688,2.364,2689,2.364,2690,1.38,2704,1.515,2705,1.441,2708,4.035,2709,2.596,2717,2.983,2723,6.401,2724,6.235,2796,4.95,2797,1.441,2798,1.515,2816,1.515,2817,1.515,2818,1.515,2825,1.731,2826,1.919,2827,1.607,2828,1.731,2829,1.731,2830,1.731,2831,1.731,2832,1.731,2833,1.731,2834,1.731,2835,1.731,2836,1.731,2837,1.731,2838,6.664,2839,5.186,2840,3.288,2841,1.919,2842,1.919,2843,3.288,2844,3.288,2845,3.288,2846,3.288,2847,3.288,2848,3.288,2849,6.271,2850,3.288,2851,3.288,2852,3.288,2853,3.288,2854,3.288,2855,1.919,2856,4.314,2857,4.314,2858,4.314,2859,4.314,2860,1.731,2861,1.731,2862,4.611,2863,1.731,2864,4.611,2865,1.731,2866,1.731,2867,1.731,2868,1.731,2869,1.731,2870,1.919,2871,1.919,2872,1.919,2873,1.919,2874,1.919,2875,1.919,2876,1.919,2877,1.919,2878,1.919,2879,1.919,2880,2.966,2881,2.966,2882,2.966,2883,2.966,2884,3.288,2885,3.288,2886,3.288,2887,3.288,2888,1.919,2889,3.288,2890,3.288,2891,3.288,2892,4.314,2893,1.919,2894,1.919,2895,1.919,2896,1.919,2897,1.919,2898,1.919,2899,3.288,2900,1.919,2901,1.919,2902,3.288,2903,1.919,2904,1.919,2905,1.731,2906,1.919,2907,1.919,2908,1.731,2909,1.919,2910,1.607,2911,5.112,2912,1.731,2913,1.731,2914,1.919,2915,1.919,2916,1.919,2917,1.919,2918,1.919,2919,5.112,2920,1.919,2921,1.919,2922,1.919,2923,1.919,2924,1.919,2925,1.919,2926,4.314,2927,1.919,2928,1.919,2929,5.112,2930,4.314,2931,4.314,2932,1.731,2933,3.288,2934,1.919,2935,5.112,2936,1.919,2937,1.919,2938,1.919,2939,1.919,2940,1.919,2941,1.731,2942,1.731,2943,1.919,2944,1.731,2945,1.731,2946,1.919,2947,1.919]],["t/522",[0,0.193,1,0.157,6,0.027,43,0.204,50,1.24,55,1.508,56,3.784,72,1.787,108,0.972,109,1.286,116,3.034,124,3.115,129,2.932,130,2.912,131,3.267,133,3.458,135,2.288,137,4.111,139,2.076,161,1.794,194,2.729,218,4.081,220,2.951,221,2.307,222,5.172,248,2.366,271,1.812,279,3.309,293,5.085,298,4.915,306,1.434,311,3.139,331,6.288,369,3.408,380,2.849,398,2.63,440,4.468,460,1.838,461,4.081,476,2.936,484,2.225,485,2.75,496,5.68,573,2.912,675,4.1,735,2.596,744,1.864,746,4.142,749,4.3,754,4.475,760,4.227,761,3.267,762,3.313,764,2.455,785,1.717,786,1.717,841,4.623,843,3.993,875,3.364,887,2.835,889,3.517,894,2.697,963,3.864,1002,2.356,1005,3.444,1050,3.595,1087,4.68,1099,3.267,1108,2.356,1188,4.402,1195,3.588,1210,3.033,1659,4.345,1974,3.588,2095,5.453,2120,3.142,2487,5.453,2685,3.267,2688,4.68,2689,4.68,2690,3.267,2705,3.413,2717,4.502,2811,5.453,2948,8.499,2949,8.307,2950,6.511,2951,4.545,2952,6.511,2953,4.545,2954,4.545,2955,4.545,2956,7.608,2957,4.545,2958,4.545,2959,4.545,2960,4.545,2961,8.307,2962,6.511,2963,9.149,2964,4.545,2965,4.545,2966,4.545,2967,4.545,2968,4.545,2969,4.545,2970,4.545,2971,6.511,2972,4.545]],["t/524",[0,0.137,1,0.073,6,0.027,8,0.228,17,0.523,42,1.808,43,0.243,50,1.482,52,0.571,55,1.406,56,0.737,72,0.828,105,2.182,108,0.45,109,0.703,124,2.334,127,0.626,129,2.647,130,1.768,133,3.122,135,1.634,137,2.96,161,1.658,188,3.963,193,1.741,209,0.889,220,3.641,221,2.334,222,4.551,229,2.643,241,3.805,248,2.205,249,1.662,250,1.581,254,0.917,270,1.189,271,3.337,279,4.811,291,4.454,292,2.985,293,4.233,294,5.786,295,5.266,296,3.722,297,4.681,298,2.985,306,1.337,311,2.882,317,1.091,332,0.785,369,2.228,371,2.421,380,1.32,388,3.805,397,3.469,399,1.513,402,1.03,403,2.742,404,0.978,419,1.091,424,1.455,440,4.62,460,2.664,476,1.36,484,1.741,485,1.503,488,1.218,496,5.943,536,1.32,546,2.985,553,3.755,560,1.36,567,1.283,573,2.685,735,3.775,741,0.931,744,2.228,746,4.884,749,4.27,752,1.808,753,3.211,754,3.969,755,1.162,760,2.611,761,3.019,762,3.257,785,0.795,786,0.795,794,1.012,823,4.151,841,2.819,843,2.918,844,2.557,846,4.849,856,2.46,858,4.521,864,1.455,875,2.043,887,1.549,889,2.496,891,1.249,894,1.249,903,1.513,919,1.455,923,1.662,931,1.091,939,3.699,953,4.812,955,3.509,959,2.551,963,2.111,969,1.283,970,1.249,994,1.162,1002,1.844,1003,1.405,1005,5.119,1016,4.531,1023,1.162,1037,7.775,1050,1.964,1056,2.896,1094,1.882,1099,1.513,1106,1.513,1158,2.23,1159,4.812,1170,1.36,1188,2.673,1197,1.32,1210,2.374,1230,2.298,1270,1.581,1457,1.662,1472,3.647,1480,1.36,1648,2.808,1659,2.374,1668,1.405,1720,1.662,1721,1.662,1747,3.194,1974,1.662,2037,3.904,2098,1.581,2099,1.513,2100,2.557,2101,2.557,2102,1.513,2103,1.513,2104,2.557,2111,1.581,2112,1.581,2113,1.513,2114,6.957,2115,3.869,2116,7.158,2117,3.469,2118,6.43,2119,1.763,2120,3.194,2121,4.549,2122,3.469,2123,2.979,2124,6.418,2125,3.321,2126,1.763,2127,1.763,2128,4.549,2129,1.763,2130,5.084,2131,1.763,2132,1.763,2133,3.869,2134,2.671,2135,1.581,2136,1.581,2137,4.287,2138,2.808,2139,1.763,2140,4.549,2141,1.763,2142,2.979,2143,1.763,2144,1.763,2145,1.763,2146,1.763,2147,1.763,2148,1.581,2149,1.763,2150,1.763,2151,1.763,2152,1.581,2153,2.671,2154,1.763,2155,4.549,2156,3.869,2157,4.554,2158,2.979,2159,7.158,2160,1.899,2161,1.763,2162,2.671,2163,1.763,2562,2.671,2567,1.763,2568,1.581,2675,5.517,2677,1.581,2685,1.513,2688,2.557,2689,2.557,2690,1.513,2701,3.209,2704,1.662,2705,1.581,2708,4.287,2709,2.808,2717,2.46,2718,1.899,2719,1.899,2720,1.899,2721,6.65,2723,6.267,2724,5.536,2734,4.167,2738,1.899,2744,1.899,2749,1.899,2753,1.899,2757,1.899,2761,1.899,2770,4.167,2771,1.899,2772,1.899,2773,1.899,2774,1.899,2775,1.899,2776,1.899,2778,3.209,2791,1.899,2792,6.65,2793,6.65,2794,6.65,2795,3.209,2796,2.808,2797,1.581,2798,1.662,2799,6.925,2801,1.899,2802,1.899,2803,3.209,2804,1.899,2805,4.167,2806,3.209,2807,3.209,2808,1.899,2809,1.899,2810,1.899,2811,2.979,2816,1.662,2817,1.662,2818,1.662,2820,1.899,2821,1.899,2822,1.899,2823,1.899,2824,3.209,2973,2.105,2974,2.105,2975,2.105,2976,1.899,2977,2.105,2978,3.557,2979,3.557,2980,2.105,2981,2.105,2982,2.105,2983,2.105,2984,2.105,2985,2.105,2986,2.105]],["t/526",[0,0.316,1,0.35,6,0.021,15,2.111,18,2.619,21,1.835,23,0.13,25,0.122,43,0.406,66,2.501,86,2.391,108,1.053,109,1.361,124,3.416,133,2.71,158,5.854,159,4.49,169,2.733,194,1.766,219,3.177,221,3.211,233,5.135,234,2.41,240,3.286,246,4.451,263,2.326,270,2.781,274,4.844,279,2.502,326,1.723,342,2.455,349,3.086,363,3.571,364,4.436,366,3.372,401,4.292,402,2.41,425,3,442,4.123,469,5.968,499,4.982,500,2.079,508,3.886,543,2.849,571,3.886,572,6.265,573,2.637,574,4.204,741,4.633,761,1.936,785,1.86,786,1.86,813,3.086,845,2.719,847,3.404,852,3.404,917,3.886,946,3.697,969,3,970,2.922,1002,2.551,1029,5.438,1038,3.697,1045,3.286,1063,5.495,1134,3.697,1138,3.404,1174,3.086,1253,4.599,1480,3.181,1750,3.404,1958,6.769,1960,3.886,1962,7.412,1963,3.886,1965,3.886,2252,5.305,2987,3.697,2988,3.697,2989,3.697,2990,6.657,2991,7.211,2992,4.123,2993,4.123,2994,9.062,2995,4.123,2996,5.77,2997,4.123,2998,6.657,2999,4.123,3000,4.123,3001,5.438,3002,4.441,3003,4.441,3004,4.441,3005,4.441,3006,6.89,3007,7.59,3008,4.923,3009,4.123,3010,4.123,3011,4.123,3012,4.123,3013,5.77,3014,4.123,3015,5.77,3016,4.123,3017,4.123,3018,5.77,3019,4.123,3020,4.123,3021,4.123,3022,4.123,3023,4.123,3024,6.657,3025,4.441,3026,4.123,3027,4.123,3028,4.123,3029,5.968,3030,4.123,3031,4.923,3032,5.77,3033,4.123,3034,4.123,3035,4.123,3036,3.697,3037,4.923,3038,4.123]],["t/528",[0,0.315,1,0.352,6,0.021,15,2.171,18,2.659,21,1.888,23,0.134,25,0.126,43,0.41,66,2.539,86,2.427,108,1.083,109,1.388,124,3.442,133,2.763,158,5.63,159,3.97,169,2.757,194,1.817,219,1.669,221,3.088,233,5.213,234,2.478,240,3.379,246,4.539,263,2.392,270,2.861,274,4.917,279,2.573,326,3.315,342,2.525,349,3.174,363,3.641,364,4.325,366,3.439,401,4.345,402,2.478,425,3.086,442,4.241,469,6.058,499,5.058,500,2.139,508,3.997,543,2.93,572,6.025,573,2.689,574,4.268,741,4.624,786,1.913,813,3.174,845,2.796,847,3.501,852,3.501,917,3.997,969,3.086,970,3.005,1002,2.624,1029,5.546,1038,3.802,1045,3.379,1063,5.579,1134,3.802,1138,3.501,1174,3.174,1253,4.669,1480,3.271,1750,3.501,1958,6.754,1962,7.478,1963,3.997,1965,3.997,2252,5.385,2987,3.802,2988,3.802,2989,3.802,2990,6.758,2991,7.299,2992,4.241,2993,4.241,2995,4.241,2996,5.885,2997,4.241,2998,6.758,2999,4.241,3000,4.241,3001,5.546,3002,4.568,3003,4.568,3004,4.568,3005,4.568,3007,7.668,3009,4.241,3010,4.241,3011,4.241,3012,4.241,3013,5.885,3014,4.241,3015,5.885,3016,4.241,3017,4.241,3018,5.885,3019,4.241,3020,4.241,3021,4.241,3022,4.241,3023,4.241,3024,6.758,3025,4.568,3026,4.241,3027,4.241,3028,4.241,3029,6.058,3030,4.241,3032,5.885,3033,4.241,3034,4.241,3035,4.241,3036,3.802,3038,4.241,3039,7.861,3040,5.064,3041,4.568,3042,4.568]],["t/530",[0,0.315,1,0.351,6,0.02,15,2.268,18,2.721,21,1.972,23,0.14,25,0.131,43,0.417,66,2.598,86,2.483,108,1.131,109,1.431,124,3.402,133,2.08,158,5.736,159,4.091,169,2.706,194,1.898,219,1.743,221,3.146,233,3.418,234,2.589,240,3.53,246,3.418,263,2.499,270,2.989,274,5.031,279,2.688,326,3.107,342,2.637,363,3.753,364,3.9,366,3.544,401,4.116,402,2.589,425,3.224,469,6.199,499,5.176,500,2.234,543,3.061,571,5.716,572,6.138,573,2.772,574,4.367,741,4.623,785,1.998,786,1.998,813,3.316,845,2.921,847,3.657,917,4.176,969,3.224,970,3.139,1029,5.716,1038,3.972,1045,3.53,1063,5.006,1134,3.972,1138,3.657,1174,3.316,1253,4.19,1480,3.418,1750,3.657,1958,6.754,1962,7.34,1963,4.176,1965,4.176,2252,5.51,2987,3.972,2988,3.972,2989,3.972,2990,6.915,2991,7.436,2992,4.431,2993,4.431,2995,4.431,2996,6.065,2997,4.431,2998,6.915,2999,4.431,3000,4.431,3001,4.176,3007,7.788,3009,4.431,3010,4.431,3011,4.431,3012,4.431,3013,6.065,3014,4.431,3015,6.065,3016,4.431,3017,4.431,3018,6.065,3019,4.431,3020,4.431,3021,4.431,3022,4.431,3023,4.431,3024,6.915,3026,4.431,3027,4.431,3028,4.431,3029,6.199,3030,4.431,3032,6.065,3033,4.431,3034,4.431,3035,4.431,3036,3.972,3038,4.431,3039,7.448,3041,4.772,3042,4.772,3043,5.29,3044,5.29]],["t/532",[0,0.314,1,0.336,6,0.027,21,3.14,36,1.856,43,0.246,50,2.029,52,0.949,69,3.05,72,2.163,86,1.654,103,5.442,105,2.598,108,1.176,109,1.783,133,2.924,158,5.829,159,4.2,219,2.45,221,2.634,229,3.667,233,3.553,234,2.692,274,3.351,295,6.775,326,3.399,342,3.707,363,3.853,364,3.512,366,3.639,401,3.707,402,2.692,403,3.263,427,7.122,450,5.133,484,2.692,500,3.14,543,3.182,572,5.824,573,3.224,574,4.772,648,4.129,735,2.193,746,4.498,749,3.811,757,4.129,758,6.325,785,2.077,786,2.077,957,3.953,958,4.341,959,3.037,982,2.692,985,2.692,993,3.037,1002,2.85,1045,4.962,1108,3.853,1253,4.874,1461,5.621,1480,3.553,1556,3.953,1709,4.606,1915,4.341,1957,5.14,2580,4.129,2987,4.129,2988,4.129,2989,4.129,3029,4.129,3045,4.341,3046,4.961,3047,4.961,3048,6.227,3049,4.606,3050,4.606,3051,4.606,3052,4.606,3053,4.606,3054,6.227,3055,4.606,3056,4.606,3057,6.227,3058,4.606,3059,4.606,3060,4.606,3061,6.227,3062,8.46,3063,4.606,3064,4.606,3065,6.227,3066,4.606,3067,4.606,3068,4.606,3069,4.961,3070,6.227,3071,4.961,3072,4.961,3073,4.961,3074,4.961]],["t/534",[0,0.315,1,0.335,6,0.027,21,3.137,36,1.852,43,0.246,50,2.027,52,0.948,69,3.046,72,2.159,103,5.437,105,2.593,108,1.174,109,1.781,133,2.921,158,5.825,159,4.196,219,2.447,221,2.631,229,3.664,233,3.547,234,2.687,274,3.346,295,6.77,326,3.398,342,3.702,363,3.849,364,3.508,366,3.635,401,3.702,402,2.687,403,3.258,427,7.117,450,5.129,484,2.687,500,3.137,543,3.177,571,4.333,572,5.818,573,3.221,574,4.769,648,4.122,735,2.189,746,4.495,749,3.808,757,4.122,758,6.319,785,2.074,786,2.074,957,3.946,958,4.333,959,3.031,982,2.687,985,2.687,993,3.031,1002,2.845,1045,4.956,1108,3.849,1253,4.87,1461,5.616,1480,3.547,1556,3.946,1709,4.598,1915,4.333,1957,5.134,2580,4.122,2987,4.122,2988,4.122,2989,4.122,3029,4.122,3045,4.333,3046,4.952,3047,4.952,3048,6.22,3049,4.598,3050,4.598,3051,4.598,3052,4.598,3053,4.598,3054,6.22,3055,4.598,3056,4.598,3057,6.22,3058,4.598,3059,4.598,3060,4.598,3061,6.22,3062,8.457,3063,4.598,3064,4.598,3065,6.22,3066,4.598,3067,4.598,3068,4.598,3069,4.952,3070,6.22,3071,4.952,3072,4.952,3073,4.952,3074,4.952]],["t/536",[0,0.153,1,0.115,6,0.027,7,0.052,8,0.222,17,0.486,42,3.217,43,0.26,50,1.846,52,0.97,55,1.466,56,0.684,61,3.383,81,1.696,95,1.874,105,2.065,108,0.418,109,0.66,116,1.331,122,1.803,124,2.733,127,0.993,129,2.111,130,1.673,133,2.49,135,1.004,137,2.845,150,1.696,161,1.367,187,1.467,193,1.634,194,1.198,209,1.41,220,3.502,221,1.549,222,4.476,229,1.903,241,4.24,248,2.111,250,1.467,254,1.453,271,2.062,279,3.437,292,2.824,293,4.228,294,5.641,298,2.824,306,1.28,311,2.864,332,0.728,369,2.121,371,2.697,380,3.242,385,1.154,386,2.796,388,3.242,395,3.358,396,8.321,397,5.079,398,5.655,399,4.862,400,3.142,402,1.634,403,4.014,404,3.456,417,1.012,419,1.012,440,3.92,460,3.01,461,1.224,476,1.262,484,3.489,485,1.41,496,5.391,546,4.37,553,4.929,560,1.262,567,1.19,573,2.423,649,1.636,735,3.641,744,3.053,746,5.099,749,4.055,752,2.221,753,3.348,754,3.952,755,2.414,760,2.101,761,2.49,762,2.524,767,1.843,785,0.738,786,0.738,823,4.146,841,2.402,843,2.486,846,4.676,856,3.576,859,1.404,864,1.35,875,1.933,886,3.883,887,1.453,889,2.794,891,1.981,892,2.228,894,1.159,903,2.4,919,1.35,931,1.73,939,4.845,953,5.513,955,4.37,959,2.856,962,1.636,963,1.981,969,1.19,994,1.843,1002,2.265,1003,1.304,1005,5.044,1023,2.856,1034,1.636,1050,1.843,1056,3.968,1094,1.766,1099,2.4,1106,1.404,1108,1.012,1146,2.157,1158,2.093,1159,5.513,1170,2.157,1188,2.53,1197,1.224,1210,2.228,1230,2.157,1461,2.228,1659,2.228,1747,4.676,1848,4.082,1849,2.796,1912,2.796,2037,4.862,2098,1.467,2099,2.4,2100,3.717,2101,3.717,2102,2.4,2103,2.4,2104,3.717,2110,1.542,2111,2.507,2113,2.4,2114,5.545,2117,5.079,2120,3.022,2122,2.507,2124,1.467,2125,4.862,2134,3.883,2135,2.507,2136,2.507,2152,2.507,2153,5.079,2157,2.308,2162,2.507,2560,1.542,2562,1.467,2568,1.467,2662,1.636,2670,1.636,2677,2.507,2685,1.404,2688,2.4,2689,2.4,2690,1.404,2704,1.542,2705,1.467,2708,4.082,2709,2.635,2717,2.308,2723,5.628,2724,5.339,2796,4.082,2797,1.467,2798,1.542,2816,1.542,2817,1.542,2818,1.542,2825,1.762,2827,1.636,2828,1.762,2829,1.762,2830,1.762,2831,1.762,2832,1.762,2833,1.762,2834,1.762,2835,1.762,2836,1.762,2837,1.762,2838,3.011,2839,1.762,2860,1.762,2861,1.762,2862,3.011,2863,1.762,2864,3.011,2865,1.762,2866,1.762,2867,1.762,2868,1.762,2869,1.762,2880,3.011,2881,3.011,2882,3.011,2883,3.011,2905,1.762,2908,1.762,2910,1.636,2912,3.011,2913,3.011,2932,3.011,2941,3.011,2942,3.011,2944,3.011,2945,3.011,3075,1.953,3076,8.159,3077,1.953,3078,1.953,3079,1.953,3080,3.338,3081,5.172,3082,3.338,3083,3.338,3084,3.338,3085,3.338,3086,7.13,3087,1.953,3088,1.953,3089,4.371,3090,5.172,3091,3.338,3092,3.338,3093,3.338,3094,3.338,3095,3.338,3096,3.338,3097,3.338,3098,3.338,3099,1.953,3100,3.338,3101,1.953,3102,1.953,3103,1.953,3104,1.953,3105,1.953,3106,5.172,3107,1.953,3108,4.371,3109,1.953,3110,1.953,3111,3.338,3112,5.81,3113,4.371,3114,1.953,3115,1.953,3116,3.338,3117,5.172,3118,7.13,3119,5.172,3120,1.953,3121,5.172,3122,1.953,3123,5.81,3124,5.172,3125,1.953,3126,3.338,3127,1.953,3128,1.953,3129,1.953,3130,1.953,3131,1.953,3132,1.953,3133,1.953,3134,1.953,3135,1.953,3136,4.371,3137,4.371,3138,1.953,3139,1.953,3140,1.953,3141,1.953,3142,1.953,3143,1.953]],["t/538",[0,0.187,1,0.115,6,0.027,18,1.096,20,0.978,29,2.143,31,3.796,43,0.149,52,0.894,55,2.235,66,2.422,105,2.436,108,0.711,109,1.248,124,1.178,129,1.109,130,1.973,133,3.342,135,1.551,139,2.355,141,3.232,143,3.411,150,4.962,161,1.759,220,3.788,221,3.011,229,3.824,248,3.191,254,2.749,264,1.723,272,3.99,303,2.084,306,1.136,332,1.24,357,2.219,369,2.918,379,2.727,401,1.658,402,1.627,420,2.727,427,4.07,453,2.785,484,3.091,485,3.252,500,1.404,528,2.625,536,3.232,543,4.455,547,6.595,573,3.362,741,1.47,744,1.364,749,3.441,760,2.478,761,3.204,762,3.799,764,2.785,765,1.973,785,1.256,807,3.565,809,3.706,811,2.984,816,2.219,823,1.69,841,1.544,843,2.478,849,2.625,875,1.47,887,3.352,888,3.871,889,3.411,890,4.07,891,3.747,892,3.441,893,4.214,894,3.06,895,3.706,896,4.07,897,4.318,898,3.871,899,4.07,916,2.39,935,6.603,982,4.159,985,3.987,986,4.404,989,3.871,1023,4.979,1047,3.871,1094,4.495,1106,2.39,1108,1.723,1122,5.289,1123,3.706,1127,2.785,1129,2.999,1135,4.919,1146,5.49,1172,5.616,1175,2.999,1197,2.084,1394,2.785,1556,2.39,1557,6.116,1558,2.785,1562,2.625,1667,2.999,1827,2.625,1915,2.625,1916,2.999,1917,2.999,1924,2.999,1926,2.999,2207,3.871,3144,2.999,3145,3.325,3146,9.109,3147,5.156,3148,3.325,3149,3.325,3150,5.156,3151,5.156,3152,5.696,3153,6.945,3154,2.999,3155,5.156,3156,9.045,3157,5.156,3158,5.156,3159,5.156,3160,5.156,3161,5.156,3162,5.156,3163,5.156,3164,6.945,3165,5.156,3166,8.498,3167,3.325,3168,3.325,3169,3.325,3170,3.325,3171,3.325,3172,3.325,3173,3.325,3174,5.156,3175,5.156,3176,3.325,3177,3.325,3178,3.325,3179,3.325]],["t/540",[0,0.173,1,0.136,6,0.019,37,0.241,43,0.262,55,2.474,76,2.037,100,2.464,106,2.22,108,0.84,109,1.157,116,1.567,124,2.937,128,2.825,129,2.764,130,1.504,139,1.795,145,5.712,152,4.838,161,1.877,169,2.036,194,1.41,220,3.216,221,1.392,229,4.253,246,5.616,248,1.428,254,3.785,270,2.22,272,3.034,279,1.997,280,3.783,292,4.52,301,4.621,306,1.29,345,1.825,349,2.464,351,2.539,414,4.417,415,5.479,418,5.644,419,4.297,485,1.66,500,2.473,573,3.173,735,3.306,741,1.738,744,1.612,746,2.919,761,3.419,762,3.466,767,2.17,785,1.485,786,1.485,787,3.907,789,4.048,792,2.17,793,2.123,794,1.889,795,1.997,818,5.254,819,5.281,822,4.904,823,1.997,824,5.281,825,4.904,826,3.102,827,3.292,828,2.951,829,3.102,830,3.545,831,3.102,832,3.545,833,2.274,834,3.545,835,2.395,845,2.17,848,2.464,860,2.037,869,2.717,875,1.738,887,4.393,905,2.825,911,3.292,916,2.825,931,5.229,952,5.281,1005,4.385,1051,2.539,1481,5.281,1659,3.907,1699,2.951,1750,2.717,1827,4.621,1894,3.292,1956,3.292,2221,2.623,2222,3.292,2254,3.292,2285,4.209,2497,3.545,2717,4.048,3045,3.102,3070,3.292,3180,3.93,3181,3.93,3182,5.855,3183,3.93,3184,3.93,3185,3.93,3186,3.93,3187,5.855,3188,3.93,3189,3.545,3190,3.93,3191,3.93,3192,3.93,3193,3.93,3194,3.93,3195,3.93,3196,3.93,3197,5.855,3198,9.253,3199,3.93,3200,5.855,3201,3.93,3202,5.855,3203,3.93,3204,9.891,3205,3.93,3206,5.855,3207,3.93,3208,5.855,3209,3.93,3210,5.855,3211,3.93,3212,5.855,3213,3.93,3214,3.545,3215,3.93,3216,3.93,3217,3.93,3218,3.93,3219,3.93,3220,3.93,3221,3.93,3222,3.93,3223,3.545,3224,3.93,3225,5.855,3226,6.997,3227,3.93,3228,3.93,3229,3.93,3230,3.93,3231,3.93,3232,9.626,3233,9.626,3234,9.626,3235,3.93,3236,9.626,3237,9.626,3238,9.456,3239,3.93,3240,5.855,3241,3.93,3242,3.93,3243,3.93,3244,3.93,3245,3.93,3246,3.93,3247,3.93]],["t/542",[0,0.185,1,0.216,6,0.015,7,0.113,9,0.124,43,0.192,55,1.991,86,3.058,100,3.918,104,4.933,105,2.952,106,6.312,108,0.918,109,1.599,122,2.32,124,3.046,129,2.084,130,2.82,133,1.689,136,4.619,137,3.311,161,1.747,176,7.491,220,2.425,221,1.522,229,2.721,246,2.775,248,1.56,254,3.208,274,3.809,286,3.087,293,2.226,306,1.782,332,2.33,336,2.485,345,1.994,348,2.549,352,4.321,369,3.022,379,2.272,380,2.692,399,4.493,401,2.141,415,2.182,417,2.226,420,2.272,439,3.39,488,2.485,500,3.418,540,3.39,541,6.131,573,1.644,574,2.272,669,3.087,739,3.597,743,1.994,744,1.762,746,4.287,749,1.814,761,3.382,762,1.713,767,2.371,770,4.933,785,1.622,786,1.622,787,2.866,792,2.371,793,2.32,794,2.065,795,2.182,803,3.087,807,4.321,809,4.493,811,2.485,823,3.176,835,4.931,841,1.994,842,3.225,843,2.065,860,3.239,875,2.764,887,1.87,888,3.225,890,3.39,892,4.171,897,3.597,899,3.39,926,3.597,942,5.638,945,3.087,950,3.597,964,3.874,969,5.783,970,2.549,982,2.102,985,2.102,986,2.226,1002,2.226,1003,2.866,1005,2.272,1023,4.068,1027,3.597,1030,3.087,1050,3.451,1051,2.775,1052,2.866,1054,3.087,1057,3.597,1138,2.969,1154,3.597,1174,2.692,1178,8.341,1523,4.693,1549,3.597,1605,3.874,1639,3.39,1644,3.597,1677,3.39,1750,2.969,1856,3.874,1960,3.39,1993,3.874,2096,3.874,2251,3.225,2644,8.233,3036,3.225,3248,4.295,3249,4.295,3250,4.295,3251,4.295,3252,4.295,3253,4.295,3254,4.295,3255,7.368,3256,4.295,3257,4.295,3258,6.25,3259,4.295,3260,7.368,3261,6.25,3262,8.092,3263,4.295,3264,4.295,3265,4.295,3266,8.599,3267,4.295,3268,4.295,3269,4.295,3270,4.295,3271,4.295,3272,4.295,3273,4.295,3274,3.874,3275,4.295,3276,4.295,3277,4.295,3278,4.295,3279,4.295,3280,4.295,3281,4.295,3282,7.299,3283,4.295,3284,4.295,3285,7.368,3286,6.25,3287,6.25,3288,4.295,3289,6.25,3290,6.25,3291,4.295,3292,4.295,3293,4.295,3294,4.295,3295,4.295,3296,4.295,3297,4.295,3298,4.295,3299,4.295,3300,4.295,3301,4.295,3302,3.874]],["t/544",[0,0.079,1,0.052,6,0.023,43,0.16,50,1.485,72,2.594,81,1.347,86,1.481,102,2.116,105,1.684,106,0.847,108,0.32,109,0.524,116,1.718,121,3.717,123,0.968,124,3.236,129,1.961,130,2.736,133,1.043,137,3.41,139,4.289,140,1,141,4.135,142,1.769,143,4.895,144,1.769,145,4.971,146,1.769,150,2.764,161,1.27,173,0.889,194,1.545,220,2.672,221,3.633,248,1.976,274,1.616,302,3.148,306,1.084,311,0.488,332,0.988,345,2,348,5.33,364,0.708,369,2.019,398,0.867,400,1.906,401,5.048,402,4.932,414,4.118,416,4.554,417,5.553,420,1.402,422,3.607,423,6.066,424,1.833,425,3.584,484,2.409,485,1.12,488,0.867,500,4.296,543,5.198,573,1.649,575,2.392,735,2.345,741,3.972,743,1.231,744,1.088,749,3.117,753,4.751,754,2,760,1.714,761,2.313,762,2.345,763,8.103,764,4.895,767,4.96,770,7.09,771,8.103,785,0.566,786,0.566,792,0.828,793,1.926,794,1.275,795,1.347,823,1.347,833,0.867,841,1.656,843,1.714,845,0.828,848,1.662,851,1.036,860,4.655,875,1.173,878,1.183,879,1.036,880,7.09,886,6.744,887,2.368,982,2.662,985,2.662,986,2.819,1002,4.655,1003,5.995,1005,0.793,1014,3.607,1023,2.378,1027,7.523,1030,1.906,1050,2.378,1051,1.713,1053,1.991,1054,7.278,1083,1.183,1084,1.183,1123,1.077,1146,0.968,1152,3.885,1205,1.255,1221,1,1231,6.21,1232,3.607,1464,1.183,1694,4.926,1695,5.306,1764,5.65,1765,2.221,1766,1.352,1767,1.352,1768,8.103,1771,1.352,1773,1.352,1777,1.352,1778,1.352,1779,1.352,1782,1.352,1790,1.352,1791,1.352,1793,1.352,1794,1.352,1796,1.352,1848,3.4,1894,2.221,2221,1.769,2229,6.457,2252,5.995,2461,7.09,2827,7.523,3036,1.991,3214,2.392,3274,8.103,3282,3.216,3302,8.103,3303,1.499,3304,2.651,3305,1.499,3306,3.565,3307,10.149,3308,3.565,3309,2.651,3310,2.651,3311,1.499,3312,7.947,3313,8.982,3314,8.982,3315,8.982,3316,8.103,3317,8.982,3318,8.982,3319,5.44,3320,1.499,3321,1.499,3322,2.651,3323,2.651,3324,2.651,3325,2.651,3326,1.499,3327,1.499,3328,1.499,3329,1.499,3330,1.499,3331,1.499,3332,4.922,3333,1.499,3334,1.499,3335,1.499,3336,1.499,3337,1.499,3338,1.499,3339,1.499,3340,1.499,3341,1.499,3342,1.499,3343,1.499,3344,1.499,3345,1.499,3346,1.499,3347,1.499,3348,1.499,3349,1.499,3350,1.499,3351,1.499,3352,1.499,3353,1.499,3354,4.307,3355,4.307,3356,4.307,3357,4.307,3358,4.307,3359,1.499,3360,1.499,3361,1.499]],["t/546",[0,0.094,1,0.063,6,0.027,7,0.048,9,0.053,10,0.053,11,0.088,20,1.226,25,0.045,29,2.272,43,0.38,46,0.355,52,0.521,55,2.029,60,1.012,64,2.249,65,1.087,66,0.576,72,0.721,87,0.701,101,0.551,105,3.858,106,1.035,107,1.137,108,0.392,109,0.979,116,1.26,122,0.99,123,1.184,124,1.981,129,2.832,130,2.649,133,2.722,135,0.551,136,4.712,137,3.747,139,3.161,140,1.223,141,1.149,142,1.223,143,3.02,144,1.223,145,1.087,146,1.223,148,1.653,150,3.517,161,1.722,173,1.087,193,1.547,194,1.134,209,1.335,220,2.809,221,1.476,228,2.612,229,3.273,234,0.897,236,1.223,237,5.989,248,1.514,272,3.168,273,1.535,274,1.117,286,2.271,289,4.194,296,1.035,299,1.446,303,1.149,306,0.918,332,1.553,336,1.829,344,1.035,345,2.301,346,1.035,347,3.627,348,1.087,349,1.149,350,1.376,351,1.184,352,1.267,353,1.267,354,1.317,355,3.317,357,3.731,364,1.968,366,2.992,369,3.084,379,1.671,395,0.798,398,1.829,401,3.266,402,2.736,405,1.535,418,1.149,419,2.568,420,2.204,425,1.926,440,2.117,450,1.926,465,4.198,466,5.12,484,0.897,485,3.175,488,3.537,500,3.278,536,4.539,539,1.535,541,3.612,542,2.995,543,3.537,547,2.373,555,1.535,560,2.042,567,1.117,573,1.595,574,2.204,669,2.271,676,1.535,735,2.76,737,2.042,741,1.397,743,0.851,744,0.752,746,4.529,749,4.27,752,1.606,753,1.671,754,1.935,755,1.745,760,2.003,761,3.052,762,3.18,764,0.99,766,1.535,767,1.745,785,0.692,786,0.692,792,1.012,793,2.677,794,0.881,795,0.931,816,2.109,818,1.376,823,2.518,826,6.126,831,1.446,833,1.06,835,3.02,841,2.839,843,2.687,848,3.106,851,1.267,857,1.376,858,2.251,860,2.159,875,1.397,887,3.815,889,3.302,891,1.087,923,1.446,924,1.317,931,0.95,935,4.678,939,2.539,941,1.446,946,3.128,949,1.535,953,5.12,955,5.153,959,1.012,975,1.446,982,4.288,985,4.288,986,4.541,989,2.373,991,1.223,993,1.012,995,3.106,1003,1.223,1023,3.087,1047,1.376,1048,1.446,1050,3.087,1051,2.042,1052,1.223,1053,2.373,1054,4.394,1055,3.201,1083,1.446,1084,1.446,1087,2.271,1094,1.671,1108,0.95,1114,1.653,1115,3.489,1117,1.653,1118,1.653,1119,1.535,1120,1.535,1121,3.758,1122,1.535,1123,4.708,1127,1.535,1135,5.765,1138,1.267,1143,1.535,1144,2.647,1148,2.647,1149,1.535,1158,3.832,1159,5,1160,2.647,1161,2.85,1162,2.647,1163,2.85,1164,2.647,1165,1.653,1166,3.911,1167,2.647,1168,2.494,1169,2.494,1170,2.042,1174,3.504,1179,1.653,1180,1.653,1181,1.653,1182,1.535,1183,1.653,1184,1.653,1185,1.653,1186,4.15,1192,3.758,1193,3.489,1195,1.446,1196,1.535,1197,2.612,1208,1.653,1209,7.367,1210,3.307,1211,3.758,1212,4.15,1213,3.758,1214,1.653,1215,5.908,1216,1.653,1218,1.535,1221,1.223,1222,2.85,1223,3.489,1224,1.653,1228,2.85,1229,1.653,1230,1.184,1231,2.185,1245,1.653,1248,1.653,1252,2.85,1253,1.829,1254,4.47,1255,1.535,1256,1.653,1257,2.85,1258,1.653,1259,1.653,1264,1.653,1265,1.653,1266,1.653,1267,1.653,1269,1.653,1270,1.376,1271,1.653,1273,1.653,1274,1.653,1275,1.653,1276,1.535,1283,1.653,1436,2.85,1449,4.682,1450,5.043,1455,1.376,1480,1.184,1523,2.373,1557,2.373,1701,1.653,1750,2.185,1827,1.446,1836,1.653,1859,2.647,1949,2.85,2229,2.271,2337,1.446,2567,1.535,3001,2.494,3144,1.653,3152,1.653,3153,2.85,3154,1.653,3156,2.85,3164,5.908,3316,2.85,3362,4.955,3363,1.832,3364,1.832,3365,1.832,3366,1.832,3367,1.832,3368,1.832,3369,1.832,3370,1.832,3371,1.832,3372,1.832,3373,1.832,3374,7.24,3375,6.113,3376,6.113,3377,5.59,3378,5.59,3379,6.113,3380,4.955,3381,6.55,3382,5.59,3383,5.59,3384,5.59,3385,1.832,3386,1.832,3387,1.832,3388,1.832,3389,1.832,3390,1.832,3391,1.832,3392,3.16,3393,1.832,3394,3.16,3395,3.16,3396,3.16,3397,3.16,3398,3.16,3399,3.16,3400,3.16,3401,3.16,3402,3.16,3403,4.166,3404,3.16,3405,3.16,3406,1.832,3407,1.832,3408,6.55,3409,3.16,3410,1.832,3411,1.832,3412,3.16,3413,1.832,3414,1.832,3415,3.16,3416,1.832,3417,1.832,3418,1.832,3419,3.16,3420,3.16,3421,3.16,3422,6.113,3423,1.832,3424,1.832,3425,1.832,3426,1.832,3427,1.832,3428,1.832,3429,1.832,3430,1.832,3431,1.832,3432,1.832,3433,1.832,3434,1.832,3435,1.832,3436,1.832,3437,1.832,3438,1.832,3439,1.832,3440,1.832,3441,1.832,3442,1.832,3443,1.832,3444,1.832,3445,1.832,3446,1.832,3447,1.832,3448,1.832,3449,1.832,3450,1.832,3451,1.832,3452,1.832,3453,1.832,3454,1.832,3455,1.832,3456,1.832,3457,1.832]],["t/548",[0,0.056,1,0.196,6,0.028,17,1.336,21,3.813,43,0.254,50,1.467,52,1.104,55,0.237,56,2.451,64,1.855,69,3.115,72,2.114,76,3.794,86,2.671,87,0.392,92,0.467,105,0.888,106,4.136,108,0.219,109,1.062,115,3.256,116,1.039,124,1.653,126,0.736,127,1.499,129,1.257,130,1.625,131,0.736,133,1.27,135,0.971,139,2.455,150,1.916,159,2.847,161,1.161,169,0.547,181,1.956,194,1.158,209,0.432,220,2.895,221,0.666,226,1.546,229,4.584,234,0.501,235,0.661,247,0.624,248,0.683,251,0.707,254,3.546,271,2.792,280,2.743,284,2.143,296,0.578,302,2.457,304,4.546,306,0.711,311,2.833,329,3.147,332,2.116,337,1.846,340,4.461,342,1.299,345,0.475,366,2.467,369,1.069,371,2.01,376,0.857,380,0.641,401,0.51,403,2.991,415,2.371,416,0.51,420,0.541,423,3.844,424,0.707,446,1.956,450,6.344,455,1.483,460,2.038,481,2.612,484,2.778,485,2.27,493,0.808,499,0.641,500,3.26,531,0.923,532,2.056,542,0.736,544,2.549,546,0.661,573,3.354,574,3.872,648,3.188,735,2.01,743,0.873,744,0.771,746,4.061,749,3.356,754,1.751,758,7.628,761,2.114,762,2.143,764,2.722,765,1.546,766,0.857,767,1.038,785,0.387,786,0.387,787,0.683,828,1.411,835,0.624,841,0.475,843,0.492,847,1.299,848,1.178,858,0.553,866,0.808,869,1.299,875,0.453,887,0.446,914,0.683,931,0.53,957,3.052,958,3.352,959,1.038,963,1.916,982,2.63,985,2.63,993,2.783,1002,0.53,1004,0.808,1052,0.683,1055,0.661,1108,3.867,1195,0.808,1260,0.857,1455,0.768,1461,6.978,1556,0.736,1557,2.831,1659,1.254,1699,1.411,1756,5.12,1839,2.182,1945,2.913,1947,0.857,1956,0.857,1966,7.26,1967,0.923,2005,0.923,2027,1.695,2157,2.233,2221,1.254,2461,0.808,2487,1.574,2542,0.857,2580,4.036,2717,1.299,3045,0.808,3048,5.191,3049,4.501,3050,3.908,3051,4.501,3052,4.501,3053,3.908,3054,5.191,3055,3.556,3056,3.556,3057,5.191,3058,3.556,3059,3.556,3060,3.158,3061,6.131,3062,8.989,3063,4.501,3064,4.501,3065,6.131,3066,4.501,3067,4.501,3068,4.501,3458,1.879,3459,1.023,3460,1.879,3461,3.771,3462,1.879,3463,1.023,3464,1.023,3465,1.023,3466,0.923,3467,1.879,3468,1.879,3469,5.375,3470,5.375,3471,5.375,3472,7.167,3473,1.023,3474,5.04,3475,5.04,3476,5.04,3477,8.048,3478,5.04,3479,5.04,3480,8.697,3481,5.04,3482,5.04,3483,5.04,3484,4.666,3485,4.666,3486,4.666,3487,3.771,3488,3.771,3489,3.229,3490,3.229,3491,3.229,3492,3.229,3493,1.023,3494,3.229,3495,1.023,3496,1.023,3497,1.023,3498,1.023,3499,1.023,3500,1.023,3501,1.023,3502,1.023,3503,2.605,3504,1.023,3505,1.023,3506,1.023,3507,8.048,3508,1.023,3509,1.023,3510,1.023,3511,1.879,3512,1.879,3513,1.879,3514,1.879,3515,1.023,3516,1.879,3517,1.023,3518,1.023,3519,1.023,3520,1.879,3521,1.023,3522,1.023,3523,1.023,3524,3.229,3525,1.879,3526,1.879]],["t/550",[0,0.014,1,0.009,6,0.028,7,0.079,11,0.014,14,0.008,23,0.013,25,0.081,29,0.052,31,0.368,37,0.03,42,0.475,43,0.022,45,0.051,46,1.502,50,0.894,51,0.129,52,1.125,54,0.148,55,0.113,56,0.171,60,0.516,64,1.985,66,0.901,69,1.843,72,3.58,75,0.275,102,0.289,105,0.902,108,0.053,109,1.052,115,4.171,116,0.69,118,1.926,121,0.148,122,0.263,124,1.206,126,0.35,127,2.153,129,1.822,130,3.864,133,1.907,135,0.464,136,0.306,137,1.084,139,0.223,150,0.248,154,0.179,158,0.161,159,2.538,161,1.029,181,0.538,182,0.663,188,1.363,194,0.484,209,0.206,214,0.436,215,3.373,216,3.308,217,3.313,218,2.931,219,0.378,220,2.577,221,1.833,222,1.695,223,1.158,224,0.6,225,0.96,226,0.68,227,3.317,228,1.884,229,1.996,230,1.723,231,1.129,232,0.646,233,0.315,234,4.136,235,0.315,236,0.325,237,0.366,244,0.408,247,0.94,248,0.694,251,0.792,256,4.324,263,2.209,267,0.156,268,0.225,269,0.893,270,0.275,271,0.373,272,1.485,274,0.152,281,3.247,289,2.25,290,0.269,293,1.25,296,0.528,302,0.414,306,0.531,307,0.209,338,0.209,345,1.045,346,0.275,347,0.555,353,0.792,355,0.148,357,0.166,364,0.118,366,1.951,367,0.297,368,0.225,369,0.294,371,1.084,380,0.306,395,0.212,398,1.658,401,1.356,402,1.538,403,2.551,404,0.116,419,0.129,420,1.662,423,1.234,424,0.495,439,0.197,440,0.475,449,0.148,450,6.071,455,0.565,459,0.79,461,2.43,463,0.172,476,0.161,481,2.122,483,0.166,484,2.004,485,1.49,488,1.486,493,1.365,496,0.315,500,0.484,512,0.225,513,0.225,514,0.225,516,0.225,517,0.225,519,0.6,520,0.44,523,0.315,526,0.209,527,0.225,534,0.385,558,0.904,567,0.152,572,2.902,573,1.719,735,0.373,737,0.161,739,0.209,741,1.448,743,0.333,744,1.233,749,3.298,752,1.528,753,1.59,754,1.521,755,1.66,760,4.721,761,1.907,762,1.9,764,0.387,765,0.555,785,0.094,786,0.094,787,0.478,792,0.633,793,0.505,794,0.344,795,0.364,807,1.066,809,0.35,811,0.893,813,0.449,823,0.248,833,0.144,841,1.396,843,2.627,845,0.138,852,0.337,858,1.032,859,0.35,869,3.826,875,0.216,887,0.312,888,0.86,889,0.263,890,0.385,892,1.154,899,0.738,918,0.44,923,0.197,924,0.35,931,0.594,935,0.463,939,0.436,954,0.225,970,0.289,982,2.532,985,2.532,986,0.896,991,1.815,995,2.359,1002,0.699,1004,0.197,1014,0.408,1016,0.74,1023,0.516,1028,7.47,1030,0.179,1044,0.225,1050,0.269,1052,0.325,1056,2.499,1087,0.969,1093,0.515,1094,1.102,1104,0.225,1108,3.466,1135,5.98,1146,0.604,1166,0.385,1168,2.585,1169,2.585,1172,0.385,1174,0.718,1188,0.144,1210,0.166,1230,0.161,1255,1.129,1260,1.745,1261,3.152,1262,1.879,1263,0.408,1270,0.187,1455,0.187,1526,1.723,1560,3.966,1577,0.225,1578,0.225,1579,0.35,1584,0.225,1648,0.565,1688,0.646,1699,0.187,1703,0.209,1720,1.218,1721,0.738,1759,4.218,1765,8.328,1823,0.408,1833,0.187,1839,0.6,1919,0.35,1958,0.463,1960,0.385,2070,0.225,2162,0.187,2202,0.209,2221,4.027,2277,0.197,2285,0.515,2326,0.844,2339,0.844,2340,0.225,2461,0.565,2542,0.209,2544,0.44,2545,0.646,2549,0.646,2550,0.225,2551,0.225,2552,0.225,2553,0.225,2554,0.225,2555,0.225,2560,0.197,2580,3.511,2581,3.966,2608,3.786,2634,0.44,2644,0.209,2649,0.225,2650,0.225,2651,0.225,2652,0.225,2653,0.225,2658,0.225,2660,0.44,2797,0.366,2910,0.408,2948,1.216,2976,0.225,3146,0.44,3189,0.44,3223,0.225,3466,0.225,3527,0.249,3528,1.146,3529,0.488,3530,0.716,3531,0.249,3532,0.716,3533,0.249,3534,0.249,3535,0.249,3536,0.488,3537,0.249,3538,0.488,3539,0.716,3540,0.249,3541,0.249,3542,0.249,3543,0.249,3544,0.249,3545,2.084,3546,0.249,3547,0.488,3548,1.543,3549,0.249,3550,0.249,3551,0.249,3552,0.249,3553,0.488,3554,0.249,3555,0.249,3556,0.249,3557,1.146,3558,0.249,3559,0.249,3560,0.488,3561,0.249,3562,0.249,3563,0.249,3564,0.488,3565,0.249,3566,0.249,3567,10.337,3568,0.249,3569,0.488,3570,0.716,3571,0.488,3572,0.935,3573,0.249,3574,7.957,3575,0.716,3576,1.543,3577,1.146,3578,1.146,3579,0.716,3580,1.146,3581,0.488,3582,0.249,3583,0.249,3584,1.146,3585,0.249,3586,0.249,3587,1.146,3588,0.249,3589,0.249,3590,0.488,3591,3.527,3592,9.492,3593,5.535,3594,5.395,3595,5.095,3596,5.535,3597,3.877,3598,5.535,3599,5.249,3600,3.764,3601,5.249,3602,5.535,3603,3.987,3604,5.535,3605,5.323,3606,3.987,3607,5.323,3608,5.395,3609,3.877,3610,5.395,3611,4.397,3612,5.323,3613,4.492,3614,9.773,3615,4.299,3616,4.299,3617,4.299,3618,8.536,3619,9.858,3620,4.094,3621,4.676,3622,4.676,3623,7.056,3624,4.676,3625,6.456,3626,4.676,3627,4.676,3628,4.492,3629,4.676,3630,4.676,3631,7.728,3632,5.173,3633,4.676,3634,6.201,3635,4.585,3636,6.357,3637,4.585,3638,4.585,3639,4.198,3640,4.198,3641,5.095,3642,4.198,3643,4.198,3644,3.987,3645,4.094,3646,4.094,3647,4.492,3648,0.488,3649,2.413,3650,0.249,3651,1.543,3652,2.084,3653,2.084,3654,2.084,3655,2.084,3656,2.084,3657,2.084,3658,3.527,3659,2.084,3660,2.084,3661,3.987,3662,8.05,3663,3.877,3664,3.764,3665,3.764,3666,3.877,3667,3.764,3668,0.488,3669,0.249,3670,0.935,3671,0.249,3672,3.527,3673,0.935,3674,1.146,3675,0.488,3676,0.935,3677,0.716,3678,0.488,3679,0.935,3680,0.488,3681,0.249,3682,0.488,3683,0.488,3684,1.146,3685,0.249,3686,0.488,3687,1.146,3688,1.146,3689,0.488,3690,0.935,3691,2.084,3692,0.488,3693,0.488,3694,3.275,3695,3.275,3696,0.488,3697,5.095,3698,5.095,3699,0.935,3700,0.488,3701,0.488,3702,1.73,3703,0.488,3704,0.488,3705,0.935,3706,0.488,3707,0.488,3708,0.488,3709,0.935,3710,0.488,3711,0.935,3712,0.488,3713,0.488,3714,0.488,3715,0.488,3716,0.935,3717,0.488,3718,0.488,3719,0.488,3720,0.488,3721,2.569,3722,0.249,3723,0.249,3724,0.249,3725,0.249,3726,0.249,3727,0.249,3728,0.249,3729,0.249,3730,0.488,3731,0.249,3732,0.249,3733,0.249,3734,0.249,3735,0.488,3736,0.488,3737,0.249,3738,0.249,3739,0.249,3740,0.249,3741,0.249,3742,0.249,3743,0.249,3744,0.249,3745,0.249,3746,0.488,3747,0.249,3748,0.249,3749,0.488,3750,0.249,3751,0.488,3752,0.249,3753,0.249,3754,1.91,3755,0.716,3756,2.413,3757,0.488,3758,0.488,3759,3.275,3760,0.488,3761,0.488,3762,0.249,3763,0.488,3764,0.249,3765,0.249,3766,0.249,3767,0.716,3768,0.488,3769,0.249,3770,0.249,3771,0.488,3772,0.249,3773,0.249,3774,0.249,3775,0.249,3776,0.249,3777,0.249,3778,0.249,3779,0.249,3780,0.249,3781,0.249,3782,0.249,3783,0.249,3784,0.249,3785,0.249,3786,0.249,3787,0.249,3788,0.249,3789,1.146,3790,0.249,3791,0.249,3792,0.249,3793,0.249,3794,0.488,3795,0.488,3796,0.488,3797,0.488,3798,0.249,3799,0.249,3800,0.249,3801,0.249,3802,0.249,3803,0.249,3804,0.935,3805,0.249,3806,0.249,3807,0.249,3808,0.488,3809,0.488,3810,1.91,3811,0.249,3812,0.249,3813,0.249,3814,0.249,3815,0.935,3816,0.249,3817,0.488,3818,0.249,3819,0.488,3820,0.249,3821,0.249,3822,0.249,3823,0.249,3824,0.488,3825,0.488,3826,0.249,3827,0.249,3828,0.249,3829,0.249,3830,0.249,3831,0.249,3832,0.249,3833,0.249,3834,0.249,3835,0.249,3836,0.488,3837,0.249,3838,0.935,3839,0.716,3840,0.716,3841,0.716,3842,1.91,3843,0.716,3844,0.716,3845,0.716,3846,0.488,3847,0.716,3848,0.716,3849,0.716,3850,0.716,3851,0.249,3852,0.249,3853,0.249,3854,0.249,3855,0.249,3856,0.249,3857,0.249,3858,0.249,3859,0.249,3860,0.249,3861,0.249,3862,0.249,3863,0.249,3864,0.249,3865,0.488,3866,0.488,3867,0.488,3868,0.488,3869,2.719,3870,1.91,3871,1.73,3872,0.488,3873,0.249,3874,0.249,3875,0.488,3876,0.488,3877,0.488,3878,0.488,3879,0.249,3880,0.249,3881,0.249,3882,0.249,3883,0.249,3884,0.249,3885,0.249,3886,0.249,3887,0.249,3888,0.249,3889,0.249,3890,0.249,3891,0.249,3892,0.249,3893,1.543,3894,1.146,3895,0.935,3896,0.488,3897,0.249,3898,0.249,3899,0.249,3900,0.249,3901,0.935,3902,0.249,3903,0.249,3904,0.249,3905,0.488,3906,0.249,3907,0.249,3908,0.249,3909,0.249,3910,0.249,3911,0.249,3912,0.249,3913,0.488,3914,0.249,3915,0.249,3916,0.249,3917,0.249,3918,0.249,3919,0.249,3920,0.249,3921,0.249]]],"invertedIndex":[["",{"_index":6,"t":{"2":{"position":[[44,1],[473,1],[721,1],[1011,1],[1296,1],[1548,1],[1767,1],[1987,1],[2294,1],[2632,1]]},"4":{"position":[[41,1]]},"6":{"position":[[40,1]]},"8":{"position":[[41,1]]},"10":{"position":[[41,1],[306,1],[325,1],[343,1],[362,1],[388,1],[450,1],[469,1],[487,1],[506,1],[559,1],[585,1]]},"12":{"position":[[41,1]]},"14":{"position":[[41,1]]},"16":{"position":[[40,1]]},"18":{"position":[[41,1]]},"20":{"position":[[38,1]]},"22":{"position":[[38,1]]},"24":{"position":[[37,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":[[41,1]]},"44":{"position":[[42,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":[[38,1]]},"70":{"position":[[39,1]]},"72":{"position":[[39,1]]},"74":{"position":[[39,1]]},"76":{"position":[[39,1],[338,1]]},"78":{"position":[[39,1]]},"80":{"position":[[37,1]]},"82":{"position":[[37,1]]},"84":{"position":[[38,1]]},"86":{"position":[[38,1]]},"88":{"position":[[38,1]]},"90":{"position":[[37,1]]},"92":{"position":[[37,1]]},"94":{"position":[[37,1]]},"96":{"position":[[37,1]]},"98":{"position":[[38,1]]},"100":{"position":[[41,1]]},"102":{"position":[[41,1]]},"104":{"position":[[44,1]]},"108":{"position":[[38,1],[337,1],[591,1],[1025,1],[1270,1],[1518,1],[1788,1],[2122,1],[2535,1],[2882,1]]},"110":{"position":[[42,1],[291,1],[540,1],[989,1],[1299,1],[1568,1],[1857,1],[2116,1],[2445,1],[2851,1]]},"112":{"position":[[42,1],[382,1],[697,1],[959,1],[1230,1],[1504,1],[1702,1],[1906,1],[2110,1],[2294,1]]},"114":{"position":[[37,1],[232,1],[430,1],[631,1],[861,1],[1063,1],[1292,1],[1462,1],[1697,1],[1888,1]]},"116":{"position":[[41,1]]},"120":{"position":[[86,1]]},"122":{"position":[[84,1]]},"124":{"position":[[93,1],[518,1],[952,1],[1224,1],[1674,1],[1963,1],[2237,1],[2435,1]]},"126":{"position":[[82,1]]},"128":{"position":[[88,1],[517,1],[765,1],[1055,1],[1340,1],[1592,1],[1811,1],[2031,1],[2338,1],[2676,1]]},"130":{"position":[[98,1]]},"132":{"position":[[94,1]]},"134":{"position":[[95,1],[354,1],[683,1],[1089,1],[1402,1]]},"136":{"position":[[91,1]]},"138":{"position":[[100,1],[506,1]]},"140":{"position":[[101,1]]},"142":{"position":[[92,1],[498,1]]},"144":{"position":[[99,1]]},"146":{"position":[[90,1],[339,1],[588,1]]},"148":{"position":[[100,1]]},"150":{"position":[[97,1]]},"152":{"position":[[98,1]]},"154":{"position":[[92,1]]},"156":{"position":[[99,1]]},"158":{"position":[[95,1]]},"160":{"position":[[93,1]]},"162":{"position":[[99,1]]},"164":{"position":[[96,1]]},"166":{"position":[[94,1]]},"168":{"position":[[93,1],[499,1]]},"170":{"position":[[94,1]]},"172":{"position":[[98,1]]},"174":{"position":[[96,1]]},"176":{"position":[[93,1],[499,1]]},"178":{"position":[[103,1]]},"180":{"position":[[91,1]]},"182":{"position":[[95,1]]},"184":{"position":[[92,1]]},"186":{"position":[[92,1],[339,1]]},"188":{"position":[[82,1],[381,1],[635,1],[1069,1],[1314,1],[1562,1],[1832,1],[2166,1],[2579,1],[2926,1]]},"190":{"position":[[86,1],[335,1],[584,1],[1033,1],[1343,1],[1612,1],[1901,1],[2160,1],[2489,1],[2895,1]]},"192":{"position":[[86,1]]},"194":{"position":[[92,1]]},"196":{"position":[[99,1],[524,1],[958,1],[1231,1]]},"198":{"position":[[88,1]]},"200":{"position":[[97,1],[526,1],[774,1],[1064,1],[1349,1],[1601,1],[1820,1],[2040,1],[2347,1],[2685,1]]},"202":{"position":[[112,1]]},"204":{"position":[[91,1],[390,1],[644,1],[1078,1],[1323,1],[1571,1],[1841,1],[2175,1],[2588,1],[2935,1]]},"206":{"position":[[95,1],[344,1],[593,1],[1042,1],[1352,1],[1621,1],[1910,1],[2169,1],[2498,1],[2904,1]]},"208":{"position":[[95,1],[435,1],[750,1],[1012,1],[1283,1],[1557,1],[1755,1],[1959,1],[2163,1],[2347,1]]},"210":{"position":[[90,1],[285,1],[483,1],[684,1],[914,1],[1116,1],[1345,1],[1515,1],[1750,1],[1941,1]]},"212":{"position":[[94,1]]},"214":{"position":[[91,1]]},"216":{"position":[[87,1],[388,1]]},"218":{"position":[[89,1],[334,1],[603,1]]},"220":{"position":[[93,1]]},"222":{"position":[[91,1]]},"224":{"position":[[101,1]]},"226":{"position":[[97,1]]},"228":{"position":[[93,1],[527,1],[778,1]]},"230":{"position":[[87,1]]},"232":{"position":[[90,1],[389,1],[823,1],[1236,1]]},"234":{"position":[[92,1],[505,1]]},"236":{"position":[[91,1]]},"238":{"position":[[89,1],[337,1],[627,1],[912,1],[1132,1],[1390,1],[1689,1],[1943,1],[2377,1],[2622,1]]},"240":{"position":[[90,1],[339,1],[588,1]]},"242":{"position":[[86,1]]},"244":{"position":[[92,1],[518,1],[803,1],[1055,1],[1276,1],[1615,1],[2028,1],[2374,1]]},"246":{"position":[[92,1],[345,1]]},"248":{"position":[[92,1]]},"250":{"position":[[92,1]]},"252":{"position":[[89,1],[523,1],[936,1]]},"254":{"position":[[90,1]]},"256":{"position":[[94,1],[523,1]]},"258":{"position":[[86,1],[523,1]]},"260":{"position":[[86,1]]},"262":{"position":[[87,1]]},"264":{"position":[[90,1],[375,1],[809,1]]},"266":{"position":[[93,1]]},"268":{"position":[[86,1]]},"270":{"position":[[87,1],[429,1]]},"272":{"position":[[94,1],[519,1]]},"274":{"position":[[92,1],[521,1],[769,1],[1059,1],[1344,1],[1596,1],[1815,1],[2035,1],[2342,1],[2680,1]]},"276":{"position":[[86,1],[385,1],[639,1],[1073,1],[1318,1],[1566,1],[1836,1],[2170,1],[2583,1],[2930,1]]},"278":{"position":[[90,1],[339,1],[588,1],[1037,1]]},"280":{"position":[[91,1],[520,1],[768,1],[1058,1],[1343,1],[1595,1],[1814,1],[2034,1],[2341,1],[2679,1]]},"282":{"position":[[92,1]]},"284":{"position":[[85,1],[384,1],[638,1],[1072,1],[1317,1],[1565,1],[1835,1],[2169,1],[2582,1],[2929,1]]},"286":{"position":[[83,1],[328,1],[597,1]]},"288":{"position":[[87,1]]},"290":{"position":[[87,1]]},"292":{"position":[[85,1]]},"294":{"position":[[93,1]]},"296":{"position":[[95,1]]},"298":{"position":[[81,1],[382,1],[716,1]]},"300":{"position":[[85,1]]},"302":{"position":[[87,1],[521,1]]},"304":{"position":[[80,1]]},"306":{"position":[[84,1],[383,1],[817,1],[1230,1]]},"308":{"position":[[85,1]]},"310":{"position":[[89,1],[338,1],[587,1],[1036,1]]},"312":{"position":[[85,1],[515,1],[713,1]]},"314":{"position":[[91,1]]},"316":{"position":[[86,1],[499,1]]},"318":{"position":[[83,1],[331,1],[621,1],[906,1],[1126,1],[1384,1],[1683,1],[1937,1],[2371,1],[2616,1]]},"320":{"position":[[80,1]]},"322":{"position":[[80,1],[384,1]]},"324":{"position":[[92,1]]},"326":{"position":[[85,1]]},"328":{"position":[[85,1]]},"330":{"position":[[84,1]]},"332":{"position":[[87,1],[513,1],[798,1],[1050,1],[1271,1],[1610,1],[2023,1],[2369,1],[2675,1],[2875,1]]},"334":{"position":[[87,1]]},"336":{"position":[[89,1]]},"338":{"position":[[83,1],[517,1],[930,1],[1272,1],[1472,1]]},"340":{"position":[[84,1],[333,1],[583,1],[779,1],[984,1]]},"342":{"position":[[86,1]]},"344":{"position":[[83,1],[344,1]]},"346":{"position":[[91,1]]},"348":{"position":[[88,1]]},"350":{"position":[[86,1],[281,1],[479,1]]},"352":{"position":[[80,1]]},"354":{"position":[[93,1],[518,1],[771,1]]},"356":{"position":[[88,1],[517,1]]},"358":{"position":[[80,1]]},"360":{"position":[[81,1],[423,1],[670,1],[985,1]]},"362":{"position":[[87,1]]},"364":{"position":[[81,1]]},"366":{"position":[[84,1],[369,1],[803,1]]},"368":{"position":[[85,1]]},"370":{"position":[[84,1]]},"372":{"position":[[88,1],[513,1]]},"374":{"position":[[85,1]]},"376":{"position":[[85,1]]},"378":{"position":[[84,1]]},"380":{"position":[[87,1]]},"382":{"position":[[85,1]]},"384":{"position":[[85,1]]},"386":{"position":[[81,1]]},"388":{"position":[[81,1]]},"390":{"position":[[83,1]]},"392":{"position":[[85,1]]},"394":{"position":[[83,1]]},"396":{"position":[[86,1]]},"398":{"position":[[85,1]]},"400":{"position":[[82,1]]},"402":{"position":[[85,1]]},"404":{"position":[[85,1]]},"406":{"position":[[86,1]]},"408":{"position":[[82,1]]},"410":{"position":[[86,1]]},"412":{"position":[[86,1]]},"414":{"position":[[86,1]]},"416":{"position":[[89,1]]},"418":{"position":[[86,1]]},"420":{"position":[[86,1]]},"422":{"position":[[86,1]]},"424":{"position":[[85,1]]},"426":{"position":[[85,1]]},"428":{"position":[[84,1]]},"430":{"position":[[86,1]]},"432":{"position":[[86,1]]},"434":{"position":[[86,1]]},"436":{"position":[[82,1]]},"438":{"position":[[85,1]]},"440":{"position":[[83,1]]},"442":{"position":[[83,1]]},"444":{"position":[[85,1]]},"446":{"position":[[86,1]]},"448":{"position":[[83,1]]},"450":{"position":[[81,1]]},"452":{"position":[[82,1]]},"454":{"position":[[82,1]]},"456":{"position":[[83,1]]},"458":{"position":[[81,1]]},"460":{"position":[[81,1]]},"462":{"position":[[81,1]]},"464":{"position":[[83,1]]},"466":{"position":[[82,1]]},"468":{"position":[[81,1]]},"470":{"position":[[81,1]]},"472":{"position":[[82,1]]},"474":{"position":[[298,2],[429,1],[470,1],[482,1],[523,1],[535,1],[577,1],[589,1],[616,1],[643,1],[658,4],[663,2],[691,1],[721,1],[728,1],[730,2],[743,1],[770,1],[797,1],[812,4],[817,2],[845,1],[869,2],[897,1],[927,1],[934,1],[936,2],[939,2],[1184,5],[1234,1],[1275,1],[1287,1],[1329,1],[1341,1],[1368,1],[1395,1],[1410,4],[1415,2],[1443,1],[1467,2],[1495,1],[1525,1],[1532,1],[1534,2],[1537,2],[1965,1],[2006,1],[2018,1],[2060,1],[2072,1],[2099,1],[2126,1],[2141,4],[2146,2],[2174,1],[2198,2],[2226,1],[2256,1],[2263,1],[2265,2],[2268,2]]},"476":{"position":[[222,2],[3004,1],[3490,1],[3977,1],[4461,1],[4944,1]]},"478":{"position":[[553,2],[5299,2],[5345,1],[5366,1],[5389,1],[5391,3],[5421,1],[5437,1],[5463,1],[5495,1],[5497,1],[7119,2],[7197,2],[7610,2],[7613,2],[7657,1],[7719,1],[7791,2],[7830,2],[8895,1],[8917,1],[8964,2],[8972,1],[9020,1],[9191,1],[9227,2],[9404,1],[9447,2],[9536,2],[9627,1],[9708,1],[9752,2]]},"482":{"position":[[246,2],[2181,1],[2202,1],[2252,2],[2322,2],[2394,2],[3145,1],[3166,1],[3216,2],[3286,2],[3358,2],[4381,1],[4410,1],[4431,1],[4465,1],[4525,2],[4595,2],[4667,2],[4739,2],[4849,2],[4958,2],[5068,2],[5169,2],[5181,1]]},"484":{"position":[[294,1],[441,1],[553,1],[603,1],[1667,1],[1742,1],[1761,1],[1970,1],[1972,2],[1987,1],[1994,1],[1996,2],[2011,1],[2013,2],[2591,1],[2658,1],[2670,1],[2713,1],[2730,1],[2818,1],[2947,1],[2949,2],[2984,2],[3112,1],[3207,2],[3634,1],[3697,1],[3709,1],[3751,1],[3753,2],[3804,1],[3819,1],[3831,1],[3852,1],[3862,2],[3887,2],[4155,1],[4234,1],[4248,1],[4275,1],[4291,1],[4314,1],[4350,1],[4376,1],[4397,2],[4417,1],[4562,1],[4564,2],[4579,1],[4586,1],[4588,2],[4603,1],[4605,2],[4993,2],[5117,2],[5241,2],[5334,1],[5424,1],[5438,1],[5465,1],[5472,1],[5479,2],[5499,1],[5644,1],[5646,2],[5661,1],[5668,1],[5670,2],[5685,1],[5687,2],[6025,1],[6094,1],[6113,1],[6214,1],[6216,2],[6231,1],[6238,1],[6240,2],[6255,1],[6257,2],[6515,1],[6584,1],[6598,1],[6625,1],[6640,1],[6647,2],[6667,1],[6800,1],[6802,2],[6817,1],[6824,1],[6826,2],[6841,1],[6843,2],[7137,1],[7206,1],[7220,1],[7247,1],[7270,1],[7277,2],[7297,1],[7442,1],[7444,2],[7459,1],[7466,1],[7468,2],[7483,1],[7485,2],[7723,1],[7776,1],[7845,1],[7859,1],[7886,1],[7901,1],[7930,1],[7937,2],[7957,1],[8089,1],[8091,2],[8106,1],[8113,1],[8115,2],[8130,1],[8132,2]]},"486":{"position":[[335,2],[1166,2],[2887,2],[2890,2],[2893,1],[2979,3],[3029,1],[3100,1],[3132,1],[3174,1],[3206,2],[3752,1],[3782,1],[3862,1],[3879,1],[4052,2],[4480,1],[4508,1],[4554,1],[4566,1],[4608,1],[4610,2],[4661,1],[4676,1],[4688,1],[4709,1],[4719,2],[4744,2],[5490,1],[5520,1],[5600,1],[5617,1],[5892,1],[5939,2],[5950,1],[6568,1],[6596,1],[6642,1],[6654,1],[6721,1],[6733,1],[6775,1],[6777,2],[6828,1],[6843,1],[6855,1],[6875,1],[6885,2],[6910,2],[7212,1],[7285,1],[7317,2],[11270,2],[11439,1],[11512,1],[11544,2],[15508,2],[15683,1],[15756,1],[15788,2],[19646,2],[19821,1],[19894,1],[19926,2],[20628,1],[20701,1],[20733,1],[20777,1],[20809,1],[20856,1],[20876,2],[20879,1],[20918,3],[20922,1],[20967,1],[20987,2],[20990,1],[21027,3],[21031,1],[21077,1],[21097,2],[21100,1],[21138,3],[21142,1],[21188,1],[21208,2],[21211,1],[21249,3],[21253,2]]},"488":{"position":[[1717,2],[1984,2],[2181,2],[2532,2],[2764,2],[2959,1],[2983,1],[3045,1],[3065,2],[3068,1],[3088,1],[3105,3],[3109,2]]},"490":{"position":[[849,2],[895,2],[941,2],[1227,2],[2029,2],[2460,2],[2743,2],[2819,2],[2895,2],[3118,2],[3194,2],[3270,2]]},"492":{"position":[[650,1],[924,2],[1060,1],[1111,1],[1123,1],[1153,1],[1159,1],[1184,2],[1229,1],[1237,1],[1239,2],[1259,1],[1269,1],[1294,1],[1296,2],[1579,2],[1582,2],[1709,2],[1712,2],[1841,2],[1844,2],[1968,2],[1971,2],[2094,2],[2097,2],[2219,2],[2222,2],[2339,2],[2342,2],[2460,2],[2463,2],[2537,1],[2588,1],[2600,1],[2665,1],[2726,2],[2773,2]]},"494":{"position":[[289,2],[1668,2],[1722,2],[1779,2],[2702,1],[2764,1],[2849,1],[2886,1],[2977,1],[3011,1],[3090,2],[4618,2],[4762,2],[4906,2],[5052,2],[5198,2],[5347,2],[5493,2],[5557,1],[5627,2],[5857,2],[5911,2],[5968,2]]},"496":{"position":[[510,2],[830,2],[994,2],[1157,2],[1321,2],[1483,2],[1650,2],[2046,2],[2278,2],[2441,2],[3899,2],[5318,2],[10811,2],[11187,2],[11514,2],[12083,2],[12480,2],[12828,2]]},"498":{"position":[[941,2],[2897,2],[3176,2],[3460,2],[7210,2],[7285,2],[7362,2],[7442,2],[7523,2],[7602,2],[8648,1],[8660,1],[8739,1],[8758,1],[8791,1],[8804,2],[8834,1],[8873,1],[9153,1],[9155,1],[9157,2]]},"500":{"position":[[815,2],[1445,2],[1565,2],[1990,2],[2098,2],[2208,2],[2313,2],[2417,2],[2520,2],[2617,2],[2675,1],[2705,1],[2779,2],[2888,2],[2908,1],[2915,1],[2934,1],[2965,1],[2994,1],[3064,3],[3425,2],[3533,2],[3643,2],[3748,2],[3852,2],[3955,2],[4053,2],[4152,2],[4210,1],[4240,1],[4314,2],[4423,2],[4443,1],[4450,1],[4471,1],[4548,3],[4955,2],[5063,2],[5173,2],[5278,2],[5382,2],[5485,2],[5582,2],[5640,1],[5670,1],[5744,2],[5853,2],[5873,1],[5880,1],[5899,1],[5930,1],[5959,1],[6029,3],[6537,2],[6645,2],[6755,2],[6860,2],[6964,2],[7067,2],[7164,2],[7222,1],[7252,1],[7326,2],[7435,1],[7454,1],[7494,1],[7526,1],[7570,1],[7612,1],[7682,2],[7762,1],[7776,2],[7796,2],[7809,2],[7853,2],[8212,2],[8325,2],[8442,2],[8557,2],[8676,2],[8799,2],[8920,2],[9039,2],[9162,2],[9239,1],[9273,1],[9329,1],[9394,1],[9417,1],[9452,1],[9459,1],[9486,1],[9517,1],[9546,1],[9616,3],[9620,1],[9638,1],[9651,2],[10199,2],[10307,2],[10417,2],[10522,2],[10626,2],[10729,2],[10826,2],[10884,1],[10914,1],[10988,2],[11097,2],[11117,1],[11124,1],[11143,1],[11174,1],[11203,1],[11273,3],[11561,2],[11705,1],[11752,1],[11764,1],[11794,1],[11800,1],[11802,2],[11947,1],[11969,1],[11971,2],[12060,1],[12062,2]]},"502":{"position":[[530,2],[1339,1],[1364,1],[1397,2],[1690,1],[1712,1],[1759,2],[1767,1]]},"504":{"position":[[610,2],[661,2],[931,2],[1156,2],[2099,2],[2206,2],[2644,2],[2727,2],[2828,2]]},"506":{"position":[[6459,2],[6885,2],[7305,2],[7716,2],[8136,2],[8553,2],[9486,2],[10374,2],[11440,2],[13089,2],[14063,2],[18075,1],[18105,1],[18116,1],[18142,1],[18164,1],[18441,2],[18617,2],[18657,2],[18707,2],[18739,2],[18758,2],[18912,2],[18955,2],[19011,2],[19043,2],[19065,2],[19278,2],[19310,2],[19329,2],[19668,1],[19694,1],[19735,1],[19787,1],[19801,1],[19851,1],[19895,1],[19939,1],[19983,1],[19999,1],[20026,1],[20073,1],[20092,1],[20119,1],[20151,1],[20163,1],[20188,1],[20210,1],[20228,1],[20256,1],[20281,1],[20300,1],[20320,1],[20356,1],[20502,1],[20529,1],[20539,1],[20560,1],[20588,1],[20611,1],[20636,1],[20687,1],[20751,1],[20763,1],[20765,1],[20800,1],[20868,1],[20880,1],[20905,1],[20957,1],[21021,1],[21033,1],[21035,2],[23508,1],[23551,2],[23614,2],[23679,2],[24317,1],[24341,1],[24400,2],[24471,2],[24543,2],[24614,2]]},"508":{"position":[[759,2],[820,2],[1691,1],[2089,2],[2171,2],[2249,2],[2401,2],[4096,2],[4099,2],[4241,2],[4244,2],[4389,2],[4392,2],[4529,2],[4532,2],[4696,2],[4699,2],[4771,1],[4799,1],[4851,1],[4891,1],[4929,1],[4958,1],[4987,1],[4989,1],[5112,2],[5137,1],[5186,1],[5198,1],[5214,1],[5223,1],[5259,1],[5283,2],[5302,1],[5324,1],[5337,1],[5357,1],[5375,1],[5382,1],[5406,1],[5408,2],[5411,1],[5480,1],[5499,1],[5561,1],[5607,1],[5645,1],[5669,2],[5699,2],[5753,1],[5826,1],[5875,2],[5906,2],[5943,1],[5955,1],[5997,1],[6030,1],[6037,1],[6051,1],[6084,1],[6107,1],[6152,1],[6154,1],[6175,1],[6246,1],[6285,1],[6309,2],[6366,2],[6398,1],[6438,1],[6514,1],[6550,1],[6574,2],[6629,2],[6653,1],[6730,1],[6856,1],[6868,1],[6936,1],[6987,1],[7015,1],[7078,1],[7127,1],[7155,1],[7218,1],[7314,1],[7329,1],[7373,1],[7384,1],[7413,1],[7457,1],[7476,1],[7529,1],[7537,1],[7616,2],[7651,1],[7659,1],[7694,1],[7729,1],[7748,1],[7766,2],[7781,1],[7800,1],[7818,2],[7833,1],[7852,1],[7856,2],[7859,2],[7862,1],[7901,1],[7912,1],[7949,1],[7960,1],[7984,1],[8014,1],[8029,1],[8093,1],[8106,1],[8143,1],[8154,1],[8181,1],[8215,1],[8232,1],[8268,1],[8282,2],[8320,1],[8444,2],[8453,1],[8481,1],[8533,1],[8573,1],[8625,1],[8638,1],[8657,1],[8697,2],[8713,1],[8755,1],[8779,1],[8786,1],[8805,1],[8834,2],[8853,1],[8872,1],[8914,2],[8929,1],[8948,1],[8990,2],[9005,1],[9024,1],[9028,2],[9031,2],[9068,1],[9084,1],[9093,1],[9112,1],[9123,2],[9142,1],[9194,1],[9230,1],[9248,1],[9255,1],[9275,2],[9304,1],[9347,1],[9400,1],[9444,1],[9496,1],[9543,1],[9552,1],[9621,1],[9640,1],[9702,1],[9748,2],[9841,2],[9850,1],[9878,1],[9930,1],[9970,1],[10022,1],[10035,1],[10086,1],[10105,1],[10145,2],[10161,1],[10203,1],[10227,1],[10235,1],[10253,1],[10272,1],[10299,2],[10318,1],[10337,1],[10349,2],[10364,1],[10383,1],[10395,2],[10410,1],[10429,1],[10433,2],[10436,2],[10476,1],[10500,1],[10508,1],[10524,1],[10543,1],[10570,2],[10589,1],[10608,1],[10620,2],[10635,1],[10654,1],[10666,2],[10681,1],[10700,1],[10704,2],[10707,2],[10747,1],[10771,1],[10779,1],[10795,1],[10814,1],[10842,2],[10861,1],[10880,1],[10892,2],[10907,1],[10926,1],[10938,2],[10953,1],[10972,1],[10976,2],[10979,2],[11016,1],[11032,1],[11041,1],[11060,1],[11071,2],[11090,1],[11126,1],[11162,1],[11180,1],[11187,1],[11207,2],[11236,1],[11279,1],[11332,1],[11376,1],[11428,1],[11469,1],[11510,1],[11553,1],[11613,1],[11621,1],[11690,1],[11709,1],[11771,1],[11817,2],[12068,2],[12077,1],[12105,1],[12157,1],[12197,1],[12249,1],[12262,1],[12313,1],[12332,1],[12372,2],[12388,1],[12430,1],[12454,1],[12462,1],[12480,1],[12499,1],[12526,2],[12545,1],[12564,1],[12576,2],[12591,1],[12610,1],[12622,2],[12637,1],[12656,1],[12660,2],[12663,2],[12703,1],[12727,1],[12735,1],[12751,1],[12770,1],[12797,2],[12816,1],[12835,1],[12847,2],[12862,1],[12881,1],[12893,2],[12908,1],[12927,1],[12931,2],[12934,2],[12974,1],[12998,1],[13006,1],[13022,1],[13041,1],[13069,2],[13088,1],[13107,1],[13119,2],[13134,1],[13153,1],[13165,2],[13180,1],[13199,1],[13203,2],[13206,2],[13243,1],[13259,1],[13268,1],[13287,1],[13298,2],[13317,1],[13349,1],[13387,1],[13423,1],[13441,1],[13448,1],[13468,2],[13497,1],[13540,1],[13593,1],[13637,1],[13689,1],[13730,1],[13771,1],[13814,1],[13874,1],[13882,1],[13951,1],[13970,1],[14032,1],[14078,2],[14165,2],[14174,1],[14202,1],[14254,1],[14294,1],[14346,1],[14359,1],[14410,1],[14429,1],[14469,2],[14485,1],[14527,1],[14551,1],[14559,1],[14577,1],[14596,1],[14623,2],[14642,1],[14661,1],[14673,2],[14688,1],[14707,1],[14719,2],[14734,1],[14753,1],[14757,2],[14760,2],[14800,1],[14824,1],[14832,1],[14848,1],[14867,1],[14894,2],[14913,1],[14932,1],[14944,2],[14959,1],[14978,1],[14990,2],[15005,1],[15024,1],[15028,2],[15031,2],[15071,1],[15095,1],[15103,1],[15119,1],[15138,1],[15166,2],[15185,1],[15204,1],[15216,2],[15231,1],[15250,1],[15262,2],[15277,1],[15296,1],[15300,2],[15303,2],[15340,1],[15356,1],[15365,1],[15384,1],[15395,2],[15414,1],[15450,1],[15486,1],[15504,1],[15511,1],[15531,2],[15560,1],[15603,1],[15656,1],[15700,1],[15752,1],[15793,1],[15834,1],[15877,1],[15937,1],[15945,1],[16014,1],[16033,1],[16035,2],[16191,1],[16211,3],[16215,1],[16261,2]]},"510":{"position":[[854,2],[915,2],[1438,1],[1841,2],[1923,2],[2001,2],[2153,2],[3474,2],[3477,2],[3619,2],[3622,2],[3767,2],[3770,2],[3819,1],[3857,1],[3919,1],[3959,1],[4033,1],[4066,1],[4093,1],[4142,1],[4161,1],[4211,1],[4227,1],[4236,1],[4272,1],[4296,2],[4320,1],[4361,1],[4409,1],[4470,1],[4478,1],[4547,1],[4566,1],[4638,1],[4684,1],[4722,1],[4746,2],[4776,2],[4830,1],[4903,1],[4962,2],[4998,2],[5040,1],[5052,1],[5099,1],[5132,1],[5139,1],[5153,1],[5189,1],[5217,1],[5267,1],[5269,1],[5290,1],[5371,1],[5410,1],[5434,2],[5490,1],[5535,1],[5621,1],[5657,1],[5679,2],[5716,2],[5764,1],[5841,1],[5901,1],[6028,1],[6030,1],[6042,1],[6131,2],[6137,1],[6233,1],[6248,1],[6292,1],[6303,1],[6332,1],[6381,1],[6400,1],[6463,1],[6479,2],[6498,1],[6506,1],[6538,1],[6573,1],[6603,2],[6606,1],[6645,1],[6656,1],[6693,1],[6704,1],[6732,1],[6765,1],[6780,1],[6831,1],[6844,1],[6881,1],[6892,1],[6920,1],[6960,1],[6977,1],[7041,1],[7054,1],[7091,1],[7102,1],[7129,1],[7179,2],[7185,1],[7202,1],[7238,2],[7268,1],[7319,2],[7629,1],[7704,2],[7713,1],[7743,1],[7797,1],[7837,1],[7889,1],[7902,1],[7953,1],[7972,1],[8095,2],[8111,1],[8153,1],[8178,1],[8186,1],[8204,1],[8223,1],[8332,2],[8351,1],[8370,1],[8382,2],[8397,1],[8416,1],[8428,2],[8443,1],[8462,1],[8466,2],[8486,1],[8505,1],[8509,2],[8533,1],[8552,1],[8564,2],[8579,1],[8595,1],[8599,2],[8602,2],[8634,1],[8650,1],[8654,2],[8657,2],[8697,1],[8722,1],[8730,1],[8746,1],[8765,1],[8874,2],[8893,1],[8912,1],[8924,2],[8939,1],[8958,1],[8970,2],[8985,1],[9004,1],[9008,2],[9028,1],[9047,1],[9051,2],[9075,1],[9094,1],[9106,2],[9121,1],[9137,1],[9141,2],[9144,2],[9176,1],[9192,1],[9196,2],[9199,2],[9239,1],[9264,1],[9272,1],[9288,1],[9307,1],[9416,2],[9435,1],[9454,1],[9466,2],[9481,1],[9500,1],[9512,2],[9527,1],[9546,1],[9550,2],[9570,1],[9589,1],[9593,2],[9617,1],[9636,1],[9648,2],[9663,1],[9679,1],[9683,2],[9686,2],[9718,1],[9734,1],[9738,2],[9741,2],[9778,1],[9794,1],[9803,1],[9822,1],[9833,2],[9853,1],[9886,1],[9925,1],[9962,1],[9980,1],[9987,1],[10011,2],[10051,1],[10101,1],[10146,1],[10200,1],[10244,1],[10305,1],[10313,1],[10382,1],[10401,1],[10465,1],[10511,2],[10704,2],[10707,2],[10849,2],[10852,2],[10901,1],[10939,1],[11001,1],[11041,1],[11115,1],[11148,1],[11175,1],[11224,1],[11243,1],[11293,1],[11309,1],[11318,1],[11354,1],[11378,2],[11402,1],[11443,1],[11491,1],[11552,1],[11560,1],[11629,1],[11648,1],[11650,2],[11816,1],[11836,3],[11840,1],[11886,1],[11924,1],[11948,2],[11978,2],[12032,1],[12078,1],[12127,1],[12186,2],[12222,2],[12264,1],[12276,1],[12323,1],[12356,1],[12363,1],[12377,1],[12413,1],[12441,1],[12491,1],[12493,1],[12514,1],[12620,1],[12656,1],[12678,2],[12715,2],[12763,1],[12840,1],[12900,1],[13027,1],[13029,1],[13041,1],[13130,2],[13136,1],[13232,1],[13247,1],[13291,1],[13302,1],[13331,1],[13345,1],[13390,2],[13422,1],[13446,2],[13497,1],[13539,1],[13574,1],[13593,1],[13656,1],[13672,2],[13691,1],[13699,1],[13731,1],[13766,1],[13796,2],[13799,1],[13838,1],[13849,1],[13886,1],[13897,1],[13925,1],[13958,1],[13973,1],[14024,1],[14037,1],[14074,1],[14085,1],[14113,1],[14153,1],[14170,1],[14234,1],[14247,1],[14284,1],[14295,1],[14322,1],[14372,2],[14378,1],[14395,1],[14431,2],[14461,1],[14512,2]]},"512":{"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],[5959,1],[6131,2],[6134,2],[6276,2],[6279,2],[6424,2],[6427,2],[6566,2],[6569,2],[6737,2],[6740,2],[6816,1],[6846,1],[6900,1],[6940,1],[6978,1],[7007,1],[7034,1],[7083,1],[7095,1],[7111,1],[7120,1],[7156,1],[7180,2],[7200,1],[7208,1],[7221,1],[7241,1],[7259,1],[7266,1],[7290,1],[7292,2],[7295,1],[7364,1],[7383,1],[7447,1],[7493,1],[7531,1],[7555,2],[7585,2],[7639,1],[7712,1],[7763,2],[7795,2],[7833,1],[7845,1],[7888,1],[7921,1],[7928,1],[7942,1],[7975,1],[7999,1],[8045,1],[8047,1],[8068,1],[8141,1],[8180,1],[8204,2],[8260,1],[8301,1],[8379,1],[8415,1],[8439,2],[8487,1],[8564,1],[8694,1],[8706,1],[8775,1],[8827,1],[8856,1],[8921,1],[8971,1],[9000,1],[9065,1],[9161,1],[9176,1],[9220,1],[9231,1],[9260,1],[9305,1],[9324,1],[9379,1],[9387,1],[9466,2],[9502,1],[9510,1],[9542,1],[9577,1],[9596,1],[9614,2],[9629,1],[9648,1],[9666,2],[9681,1],[9700,1],[9704,2],[9724,1],[9743,1],[9747,2],[9771,1],[9790,1],[9808,2],[9823,1],[9839,1],[9843,2],[9846,2],[9878,1],[9894,1],[9898,2],[9901,2],[9904,1],[9943,1],[9954,1],[9991,1],[10002,1],[10026,1],[10056,1],[10071,1],[10135,1],[10148,1],[10185,1],[10196,1],[10223,1],[10257,1],[10274,1],[10310,1],[10324,2],[10359,1],[10453,1],[10528,2],[10537,1],[10567,1],[10621,1],[10661,1],[10713,1],[10726,1],[10777,1],[10796,1],[10919,2],[10935,1],[10977,1],[11002,1],[11010,1],[11028,1],[11047,1],[11156,2],[11175,1],[11194,1],[11206,2],[11221,1],[11240,1],[11252,2],[11267,1],[11286,1],[11290,2],[11310,1],[11329,1],[11333,2],[11357,1],[11376,1],[11388,2],[11403,1],[11419,1],[11423,2],[11426,2],[11458,1],[11474,1],[11478,2],[11481,2],[11521,1],[11546,1],[11554,1],[11570,1],[11589,1],[11698,2],[11717,1],[11736,1],[11748,2],[11763,1],[11782,1],[11794,2],[11809,1],[11828,1],[11832,2],[11852,1],[11871,1],[11875,2],[11899,1],[11918,1],[11930,2],[11945,1],[11961,1],[11965,2],[11968,2],[12000,1],[12016,1],[12020,2],[12023,2],[12063,1],[12088,1],[12096,1],[12112,1],[12131,1],[12240,2],[12259,1],[12278,1],[12290,2],[12305,1],[12324,1],[12336,2],[12351,1],[12370,1],[12374,2],[12394,1],[12413,1],[12417,2],[12441,1],[12460,1],[12472,2],[12487,1],[12503,1],[12507,2],[12510,2],[12542,1],[12558,1],[12562,2],[12565,2],[12602,1],[12618,1],[12627,1],[12646,1],[12657,2],[12677,1],[12714,1],[12751,1],[12769,1],[12776,1],[12800,2],[12840,1],[12890,1],[12935,1],[12989,1],[13033,1],[13094,1],[13102,1],[13171,1],[13190,1],[13254,1],[13300,2],[13388,2],[13397,1],[13427,1],[13481,1],[13521,1],[13573,1],[13586,1],[13637,1],[13656,1],[13779,2],[13795,1],[13837,1],[13860,1],[13868,1],[13886,1],[13905,1],[14014,2],[14033,1],[14052,1],[14064,2],[14079,1],[14098,1],[14110,2],[14125,1],[14144,1],[14148,2],[14168,1],[14187,1],[14191,2],[14215,1],[14234,1],[14246,2],[14261,1],[14277,1],[14281,2],[14284,2],[14316,1],[14332,1],[14336,2],[14339,2],[14364,1],[14372,1],[14380,1],[14396,1],[14404,1],[14406,2],[14446,1],[14469,1],[14477,1],[14493,1],[14512,1],[14621,2],[14640,1],[14659,1],[14671,2],[14686,1],[14705,1],[14717,2],[14732,1],[14751,1],[14755,2],[14775,1],[14794,1],[14798,2],[14822,1],[14841,1],[14853,2],[14868,1],[14884,1],[14888,2],[14891,2],[14923,1],[14939,1],[14943,2],[14946,2],[14971,1],[14979,1],[14987,1],[15003,1],[15011,1],[15013,2],[15053,1],[15076,1],[15084,1],[15100,1],[15119,1],[15228,2],[15247,1],[15266,1],[15278,2],[15293,1],[15312,1],[15324,2],[15339,1],[15358,1],[15362,2],[15382,1],[15401,1],[15405,2],[15429,1],[15448,1],[15460,2],[15475,1],[15491,1],[15495,2],[15498,2],[15530,1],[15546,1],[15550,2],[15553,2],[15578,1],[15586,1],[15594,1],[15612,1],[15622,1],[15624,2],[15661,1],[15677,1],[15686,1],[15705,1],[15716,2],[15736,1],[15773,1],[15810,1],[15828,1],[15835,1],[15859,2],[15899,1],[15949,1],[15994,1],[16048,1],[16092,1],[16153,1],[16161,2],[16217,1],[16228,1],[16297,1],[16316,1],[16318,2],[16476,1],[16496,3],[16500,1],[16546,2]]},"514":{"position":[[701,2],[769,2],[1284,1],[1682,2],[1764,2],[1842,2],[1902,2],[3193,2],[3196,2],[3338,2],[3341,2],[3486,2],[3489,2],[3538,1],[3566,1],[3618,1],[3658,1],[3732,1],[3765,1],[3792,1],[3841,1],[3860,1],[3910,1],[3926,1],[3935,1],[3971,1],[3995,2],[4014,1],[4050,1],[4093,1],[4149,1],[4157,1],[4226,1],[4245,1],[4307,1],[4353,1],[4391,1],[4415,2],[4445,2],[4499,1],[4572,1],[4621,2],[4652,2],[4689,1],[4701,1],[4743,1],[4776,1],[4783,1],[4797,1],[4833,1],[4856,1],[4901,1],[4903,1],[4924,1],[4995,1],[5034,1],[5058,2],[5114,1],[5154,1],[5230,1],[5266,1],[5288,2],[5325,2],[5373,1],[5450,1],[5615,1],[5627,1],[5711,2],[5717,1],[5813,1],[5828,1],[5872,1],[5883,1],[5912,1],[5956,1],[5975,1],[6028,1],[6044,2],[6063,1],[6071,1],[6103,1],[6138,1],[6168,2],[6171,1],[6210,1],[6221,1],[6258,1],[6269,1],[6297,1],[6330,1],[6345,1],[6396,1],[6409,1],[6446,1],[6457,1],[6485,1],[6525,1],[6542,1],[6606,1],[6619,1],[6656,1],[6667,1],[6694,1],[6744,2],[6750,1],[6767,1],[6803,2],[6833,1],[6884,2],[7132,2],[7135,2],[7277,2],[7280,2],[7329,1],[7357,1],[7409,1],[7449,1],[7523,1],[7556,1],[7583,1],[7632,1],[7651,1],[7701,1],[7717,1],[7726,1],[7762,1],[7786,2],[7805,1],[7841,1],[7884,1],[7940,1],[7948,1],[8017,1],[8036,1],[8038,2],[8194,1],[8214,3],[8218,1],[8264,1],[8302,1],[8326,2],[8356,2],[8410,1],[8483,1],[8532,2],[8563,2],[8600,1],[8612,1],[8654,1],[8687,1],[8694,1],[8708,1],[8744,1],[8767,1],[8812,1],[8814,1],[8835,1],[8906,1],[8942,1],[8964,2],[9001,2],[9049,1],[9126,1],[9291,1],[9303,1],[9387,2],[9393,1],[9489,1],[9504,1],[9548,1],[9559,1],[9588,1],[9602,1],[9642,2],[9674,1],[9698,2],[9749,1],[9789,1],[9824,1],[9843,1],[9896,1],[9912,2],[9931,1],[9939,1],[9971,1],[10006,1],[10036,2],[10039,1],[10078,1],[10089,1],[10126,1],[10137,1],[10165,1],[10198,1],[10213,1],[10264,1],[10277,1],[10314,1],[10325,1],[10353,1],[10393,1],[10410,1],[10474,1],[10487,1],[10524,1],[10535,1],[10562,1],[10612,2],[10618,1],[10635,1],[10671,2],[10701,1],[10752,2]]},"516":{"position":[[323,2],[562,2],[631,2],[751,2],[1484,2],[2814,2],[2850,2],[2872,1],[3077,1],[3102,2],[3173,1],[3191,2],[3313,2],[3342,1],[3389,1],[3417,1],[3888,2],[3891,1],[3947,1],[3949,2],[3980,2],[4063,2],[4683,2],[4719,2],[4741,1],[4946,1],[4971,2],[5042,1],[5060,2],[5182,2],[5211,1],[5258,1],[5286,1],[5757,2],[5760,1],[5816,1],[5818,2],[5849,2],[5932,2],[6268,2],[6304,2],[6326,1],[6400,1],[6412,1],[6548,1],[6564,1],[6646,2],[6732,1],[6739,1],[6763,1],[6783,3],[6787,1],[6843,1],[6845,2],[6876,2],[6959,2],[7235,2],[7271,2],[7293,1],[7404,1],[7419,1],[7431,1],[7567,1],[7592,2],[7663,1],[7681,2],[7803,2],[7832,1],[7879,1],[7907,1],[8378,2],[8381,1],[8437,1],[8439,2],[8470,2],[8553,1],[8555,1],[8674,1],[8704,1],[8715,1],[8741,1],[8763,1],[8888,2],[9226,2],[9262,2],[9294,2],[9328,2],[9550,2],[9582,2],[9611,2],[9786,1],[9828,1],[9914,1],[9926,1],[9968,1],[9983,1],[10041,1],[10077,1],[10191,1],[10327,1],[10343,1],[10398,2],[10484,1],[10491,1],[10515,1],[10535,3],[10539,1],[10595,1],[10597,2],[10628,2],[10765,1],[10796,1],[10836,1],[10848,1],[10883,1],[10895,1],[10897,2],[11247,2],[11283,2],[11522,1],[11552,1],[11586,1],[11637,1],[11649,1],[11651,1],[11799,1],[11815,1],[11902,2],[11989,1],[11996,1],[12020,1],[12040,3],[12044,1],[12101,1],[12103,2],[12134,2],[12217,1],[12241,2],[12253,1],[12285,2],[12297,1],[12327,2],[12339,1],[12491,1],[12780,2],[12816,2],[12984,1],[13032,1],[13072,1],[13127,1],[13139,1],[13141,1],[13289,1],[13305,1],[13392,2],[13479,1],[13486,1],[13510,1],[13530,3],[13534,1],[13591,1],[13593,2],[13624,2],[13707,1],[13732,2],[13782,2]]},"518":{"position":[[838,2],[1787,1],[1840,1],[2014,1],[2036,1],[4126,1],[4148,1],[4180,1],[4212,1],[4244,1],[4276,1],[4308,1],[4340,1],[4372,1],[4404,1],[4717,1],[4742,1],[5227,1],[5252,1],[5765,1],[5787,1],[7081,1],[7954,2],[8091,1],[8831,1],[8877,1],[9240,2],[9373,1],[9867,1],[9912,1],[9942,2],[9954,1],[9986,2],[9998,1],[10028,2],[10040,1],[10193,1],[10534,1],[10578,1],[10634,2],[10684,2],[11075,1],[11105,1],[11116,1],[11142,1],[11164,1],[11287,2],[11558,2],[11598,2],[11648,2],[11680,2],[11699,2],[11955,2],[11998,2],[12054,2],[12086,2],[12108,2],[12423,2],[12455,2],[12474,2],[12792,1],[12818,1],[12900,1],[12914,1],[12964,1],[13008,1],[13052,1],[13096,1],[13112,1],[13139,1],[13186,1],[13205,1],[13232,1],[13264,1],[13276,1],[13301,1],[13323,1],[13341,1],[13369,1],[13394,1],[13413,1],[13433,1],[13469,1],[13615,1],[13642,1],[13652,1],[13673,1],[13701,1],[13724,1],[13749,1],[13800,1],[13864,1],[13876,1],[13878,1],[13912,1],[13980,1],[13992,1],[14017,1],[14069,1],[14133,1],[14145,1],[14147,2],[14473,2],[14505,2],[14555,2],[14602,1],[14627,1],[14705,1],[14713,1],[14722,2],[14756,1],[14819,2]]},"520":{"position":[[1593,1],[1618,1],[2792,1],[2817,1],[2917,1],[4729,1],[4753,1],[4803,1],[4854,1],[5068,1],[5076,1],[5112,1],[5147,1],[5183,1],[5196,1],[5231,1],[5267,1],[5301,1],[5313,1],[5326,1],[5339,1],[5351,1],[5358,2],[5828,1],[5853,1],[5914,1],[5944,2],[5956,1],[5988,2],[6000,1],[6030,2],[6042,1],[6191,1],[6528,1],[6568,1],[6603,1],[6665,2],[6711,2],[7074,1],[7104,1],[7115,1],[7141,1],[7163,1],[7286,2],[7507,2],[7539,2],[7564,2],[7837,2],[7869,2],[7895,2],[8213,1],[8239,1],[8321,1],[8335,1],[8385,1],[8421,1],[8543,1],[8570,1],[8580,1],[8601,1],[8629,1],[8652,1],[8677,1],[8735,1],[8747,1],[8772,1],[8829,1],[8841,1],[8843,2],[9049,2],[9081,2],[9163,1],[9188,1],[9271,1],[9279,1],[9291,2],[9664,1],[9694,1],[9705,1],[9731,1],[9753,1],[9886,2],[10116,2],[10148,2],[10181,2],[10435,2],[10488,2],[10516,2],[10548,2],[10580,2],[10912,2],[10944,2],[10974,2],[11292,1],[11328,1],[11382,1],[11526,1],[11538,1],[11580,1],[11594,1],[11653,1],[11706,1],[11730,2],[11754,1],[11783,1],[11816,1],[11838,1],[11860,1],[11900,1],[11929,1],[11967,1],[11989,1],[12022,1],[12075,1],[12109,1],[12128,1],[12147,1],[12309,2],[12348,1],[12375,1],[12394,1],[12415,1],[12452,1],[12484,1],[12509,1],[12562,1],[12574,1],[12599,1],[12653,1],[12665,1],[12690,1],[12740,1],[12752,1],[12754,2]]},"522":{"position":[[422,2],[956,1],[983,1],[1413,1],[1434,1],[1464,1],[1494,2],[1506,1],[1538,2],[1550,1],[1580,2],[1592,1],[1738,1],[2021,1],[2046,1],[2077,1],[2108,2],[2152,2],[2349,2],[2358,1],[2541,2],[2633,1],[2730,1],[2738,1],[2747,2],[2788,1],[2859,2]]},"524":{"position":[[1275,1],[1328,1],[1539,1],[2827,1],[3670,2],[3807,1],[4132,2],[4430,2],[4585,1],[5291,1],[5337,1],[5672,2],[5805,1],[6295,1],[6340,1],[6370,2],[6382,1],[6414,2],[6426,1],[6456,2],[6468,1],[6619,1],[6956,1],[6996,1],[7052,2],[7100,2],[7484,1],[7514,1],[7525,1],[7551,1],[7573,1],[7696,2],[7924,2],[7964,2],[8014,2],[8046,2],[8065,2],[8278,2],[8321,2],[8377,2],[8409,2],[8431,2],[8703,2],[8735,2],[8754,2],[9072,1],[9098,1],[9180,1],[9194,1],[9244,1],[9288,1],[9332,1],[9376,1],[9392,1],[9419,1],[9466,1],[9485,1],[9512,1],[9544,1],[9556,1],[9581,1],[9603,1],[9621,1],[9649,1],[9674,1],[9693,1],[9713,1],[9749,1],[9895,1],[9922,1],[9932,1],[9953,1],[9981,1],[10004,1],[10029,1],[10080,1],[10144,1],[10156,1],[10158,1],[10193,1],[10261,1],[10273,1],[10298,1],[10350,1],[10414,1],[10426,1],[10428,2],[10750,2],[10782,2],[10832,2],[10879,1],[10904,1],[10982,1],[10990,1],[10999,2],[11033,1],[11096,2]]},"526":{"position":[[847,2],[1189,2],[2746,2],[3105,2]]},"528":{"position":[[857,2],[1204,2],[2585,2],[2943,2]]},"530":{"position":[[847,2],[2228,2],[2586,2]]},"532":{"position":[[745,2],[983,1],[1009,1],[1059,1],[1173,1],[1206,1],[1280,1],[1325,1],[1336,1],[1356,1],[1370,1],[1375,1],[1387,1],[1389,4],[1403,1],[1434,1],[1481,1],[1486,1],[1498,1],[1521,1],[1553,1],[1579,1],[1584,1],[1596,1],[1621,1],[1644,1],[1661,2],[1681,2]]},"534":{"position":[[750,2],[988,1],[1014,1],[1064,1],[1178,1],[1211,1],[1285,1],[1330,1],[1341,1],[1361,1],[1375,1],[1380,1],[1392,1],[1394,4],[1408,1],[1439,1],[1486,1],[1491,1],[1503,1],[1526,1],[1558,1],[1584,1],[1589,1],[1601,1],[1626,1],[1649,1],[1666,2],[1686,2]]},"536":{"position":[[1571,1],[1596,1],[2139,1],[2164,1],[3280,1],[3395,1],[3403,1],[3426,2],[3443,1],[3465,2],[3482,1],[3505,2],[3523,1],[3536,1],[3558,2],[3575,1],[3598,2],[3610,2],[4055,1],[4080,1],[4104,2],[4138,1],[4168,2],[4180,1],[4212,2],[4224,1],[4254,2],[4266,1],[4415,1],[4728,1],[4769,1],[4804,1],[4828,2],[4863,2],[4910,2],[5274,1],[5304,1],[5315,1],[5341,1],[5363,1],[5495,2],[5757,2],[5789,2],[5818,2],[6081,2],[6113,2],[6143,2],[6385,2],[6417,2],[6447,2],[6706,2],[6738,2],[6766,2],[7004,2],[7036,2],[7064,2],[7382,1],[7414,1],[7492,1],[7504,1],[7546,1],[7560,1],[7613,1],[7647,1],[7666,1],[7685,1],[7840,2],[7879,1],[7906,1],[7919,1],[7940,1],[7971,1],[7997,1],[8022,1],[8079,1],[8091,1],[8116,1],[8178,1],[8190,1],[8215,1],[8277,1],[8289,1],[8314,1],[8372,1],[8384,1],[8409,1],[8467,1],[8479,1],[8481,2],[8687,2],[8719,2],[8800,1],[8825,1],[8848,2],[8904,1],[8912,1],[8924,2],[9286,1],[9316,1],[9327,1],[9353,1],[9375,1],[9508,2],[9750,2],[9801,2],[9833,2],[9865,2],[9895,2],[10235,2],[10267,2],[10295,2],[10613,1],[10653,1],[10695,1],[10841,1],[10853,1],[10895,1],[10909,1],[10962,1],[11023,1],[11051,2],[11079,1],[11106,1],[11137,1],[11160,1],[11183,1],[11227,1],[11254,1],[11294,1],[11317,1],[11367,1],[11430,1],[11464,1],[11483,1],[11502,1],[11657,2],[11696,1],[11723,1],[11736,1],[11757,1],[11788,1],[11814,1],[11839,1],[11901,1],[11913,1],[11938,1],[11996,1],[12008,1],[12010,2]]},"538":{"position":[[718,2],[894,2],[1035,2],[1146,2],[1259,2],[1367,2],[1474,2],[1580,2],[1681,2],[1783,2],[1844,1],[1881,1],[1893,1],[1895,1],[1957,1],[1975,1],[1993,1],[2001,1],[2026,1],[2063,1],[2076,2],[2122,2],[2210,2],[2321,2],[2434,2],[2542,2],[2649,2],[2755,2],[2856,2],[2958,2],[3019,1],[3056,1],[3068,1],[3070,1],[3132,1],[3150,1],[3168,1],[3176,1],[3201,1],[3238,1],[3272,1],[3279,2],[3325,2],[3398,2],[3509,2],[3614,2],[3718,2],[3791,1],[3828,1],[3840,1],[3842,1],[3904,1],[3922,1],[3940,1],[3948,1],[3973,1],[4010,1],[4022,2],[4068,2],[4206,1],[4243,1],[4255,1],[4257,1],[4300,1],[4318,1],[4336,1],[4344,1],[4369,1],[4419,1],[4459,1],[4471,2],[4517,2],[4638,1],[4675,1],[4687,1],[4689,1],[4732,1],[4750,1],[4768,1],[4776,1],[4801,1],[4850,1],[4858,2],[4904,2],[5104,2],[5246,1],[5283,1],[5295,1],[5297,1],[5348,1],[5354,1],[5356,2],[5425,1],[5443,1],[5451,1],[5478,1],[5512,1],[5532,2],[5578,1],[5600,1],[5602,2],[5638,1],[5656,1],[5664,1],[5691,1],[5723,1],[5742,2],[5788,1],[5790,2]]},"540":{"position":[[306,2],[2115,1],[3747,2],[3884,2]]},"542":{"position":[[3392,1],[3446,2]]},"544":{"position":[[242,2],[294,1],[1413,2],[3714,2],[4337,2],[4961,2],[15306,1],[15337,1],[15398,2],[15499,2],[15602,2],[15708,2],[15818,2],[15923,2],[17969,1],[18000,1],[18047,1],[18059,1],[18061,1],[18126,1],[18292,1],[18345,1],[18511,1],[18565,1],[18732,1],[18786,1],[18953,2]]},"546":{"position":[[335,2],[711,2],[859,2],[1441,2],[1673,1],[3688,1],[3749,1],[3777,1],[3817,1],[3845,2],[4309,1],[4331,1],[4406,1],[4423,1],[4592,2],[5020,1],[5083,1],[5095,1],[5137,1],[5139,2],[5190,1],[5205,1],[5217,1],[5238,1],[5248,2],[5273,2],[5986,1],[6008,1],[6083,1],[6100,1],[6371,1],[6418,2],[6429,1],[7040,1],[7103,1],[7115,1],[7182,1],[7194,1],[7236,1],[7238,2],[7289,1],[7304,1],[7316,1],[7336,1],[7346,2],[7371,2],[7992,1],[8053,1],[8081,1],[8121,1],[8149,2],[9167,1],[9228,1],[9256,1],[9296,1],[9324,2],[9850,1],[9911,1],[9939,1],[9979,1],[10007,2],[10937,1],[10998,1],[11026,1],[11066,1],[11094,2],[11637,2],[11737,2],[11831,2],[11883,1],[12827,2],[12919,2],[13022,2],[13125,2],[13228,2],[13331,2],[13394,1],[14189,1],[14253,1],[14273,2],[14276,1],[14315,3],[14319,1],[14360,1],[14380,2],[14383,1],[14419,3],[14423,1],[14465,1],[14485,2],[14488,1],[14526,3],[14530,1],[14572,1],[14592,2],[14595,1],[14631,3],[14635,1],[14684,1],[14704,2],[14707,1],[14753,3],[14757,2]]},"548":{"position":[[414,2],[670,2],[977,2],[1432,2],[1629,1],[1781,1],[1814,1],[1888,1],[1933,1],[1944,1],[1964,1],[1978,1],[1985,1],[2016,1],[2047,1],[2081,1],[2088,1],[2110,1],[2143,1],[2168,1],[2175,1],[2203,1],[2236,1],[2268,1],[2275,1],[2301,1],[2331,1],[2360,1],[2367,1],[2390,1],[2426,1],[2440,2],[2460,2],[2751,1],[2903,1],[2936,1],[3010,1],[3055,1],[3066,1],[3086,1],[3100,1],[3105,1],[3117,1],[3148,1],[3179,1],[3213,1],[3218,1],[3234,1],[3270,1],[3282,2],[3297,1],[3302,1],[3314,1],[3335,1],[3365,1],[3403,1],[3408,1],[3424,1],[3465,1],[3480,2],[3495,1],[3500,1],[3512,1],[3534,1],[3567,1],[3606,1],[3611,1],[3623,1],[3649,1],[3679,1],[3722,1],[3727,1],[3739,1],[3762,1],[3798,1],[3838,1],[3843,1],[3859,1],[3887,1],[3897,2],[3912,1],[3917,1],[3929,1],[3957,1],[3990,1],[4036,1],[4041,1],[4054,1],[4084,1],[4116,1],[4163,1],[4168,1],[4181,1],[4209,1],[4238,1],[4283,1],[4288,1],[4301,1],[4323,1],[4349,1],[4376,2],[4396,2],[4604,1],[4756,1],[4789,1],[4863,1],[4908,1],[4919,1],[4939,1],[4953,1],[4958,1],[4970,1],[5001,1],[5032,1],[5066,1],[5071,1],[5087,1],[5123,1],[5146,1],[5166,2],[5181,1],[5186,1],[5198,1],[5219,1],[5249,1],[5287,1],[5292,1],[5308,1],[5349,1],[5375,1],[5395,2],[5410,1],[5415,1],[5427,1],[5449,1],[5482,1],[5521,1],[5526,1],[5538,1],[5564,1],[5594,1],[5637,1],[5642,1],[5654,1],[5677,1],[5713,1],[5753,1],[5758,1],[5774,1],[5802,1],[5823,1],[5842,2],[5857,1],[5862,1],[5874,1],[5902,1],[5935,1],[5981,1],[5986,1],[5999,1],[6029,1],[6061,1],[6108,1],[6113,1],[6126,1],[6154,1],[6183,1],[6228,1],[6233,1],[6246,1],[6268,1],[6294,1],[6321,2],[6341,2],[6630,2],[6883,1],[7035,1],[7068,1],[7142,1],[7187,1],[7198,1],[7218,1],[7232,1],[7237,1],[7249,1],[7280,1],[7311,1],[7345,1],[7350,1],[7366,1],[7402,1],[7425,1],[7445,2],[7460,1],[7465,1],[7477,1],[7498,1],[7528,1],[7566,1],[7571,1],[7587,1],[7628,1],[7654,1],[7674,2],[7689,1],[7694,1],[7706,1],[7728,1],[7761,1],[7800,1],[7805,1],[7817,1],[7843,1],[7873,1],[7916,1],[7921,1],[7933,1],[7956,1],[7992,1],[8032,1],[8037,1],[8053,1],[8081,1],[8102,1],[8121,2],[8136,1],[8141,1],[8153,1],[8181,1],[8214,1],[8260,1],[8265,1],[8278,1],[8308,1],[8340,1],[8387,1],[8392,1],[8405,1],[8433,1],[8462,1],[8507,1],[8512,1],[8525,1],[8547,1],[8573,1],[8600,2],[8620,2],[8887,2],[9024,2],[9213,1],[9365,1],[9398,1],[9472,1],[9517,1],[9528,1],[9548,1],[9562,1],[9567,1],[9579,1],[9610,1],[9641,1],[9675,1],[9680,1],[9696,1],[9732,1],[9755,1],[9775,2],[9790,1],[9795,1],[9807,1],[9828,1],[9858,1],[9896,1],[9901,1],[9917,1],[9958,1],[9984,1],[10004,2],[10019,1],[10024,1],[10036,1],[10058,1],[10091,1],[10130,1],[10135,1],[10147,1],[10173,1],[10203,1],[10246,1],[10251,1],[10263,1],[10286,1],[10322,1],[10362,1],[10367,1],[10383,1],[10411,1],[10432,1],[10451,2],[10466,1],[10471,1],[10483,1],[10511,1],[10544,1],[10590,1],[10595,1],[10608,1],[10638,1],[10670,1],[10717,1],[10722,1],[10735,1],[10763,1],[10792,1],[10837,1],[10842,1],[10855,1],[10877,1],[10903,1],[10930,2],[10950,1],[10981,2],[11337,2],[11474,2],[11663,1],[11815,1],[11848,1],[11922,1],[11967,1],[11978,1],[11998,1],[12012,1],[12017,1],[12029,1],[12060,1],[12091,1],[12125,1],[12130,1],[12146,1],[12182,1],[12205,1],[12225,2],[12240,1],[12245,1],[12257,1],[12278,1],[12308,1],[12346,1],[12351,1],[12367,1],[12408,1],[12434,1],[12454,2],[12469,1],[12474,1],[12486,1],[12508,1],[12541,1],[12580,1],[12585,1],[12597,1],[12623,1],[12653,1],[12696,1],[12701,1],[12713,1],[12736,1],[12772,1],[12812,1],[12817,1],[12833,1],[12861,1],[12882,1],[12901,2],[12916,1],[12921,1],[12933,1],[12961,1],[12994,1],[13040,1],[13045,1],[13058,1],[13088,1],[13120,1],[13167,1],[13172,1],[13185,1],[13213,1],[13242,1],[13287,1],[13292,1],[13305,1],[13327,1],[13353,1],[13380,2],[13400,1],[13431,2],[13744,2],[13881,2],[14070,1],[14222,1],[14255,1],[14329,1],[14374,1],[14385,1],[14405,1],[14419,1],[14424,1],[14436,1],[14467,1],[14498,1],[14532,1],[14537,1],[14553,1],[14589,1],[14612,1],[14632,2],[14647,1],[14652,1],[14664,1],[14685,1],[14715,1],[14753,1],[14758,1],[14774,1],[14815,1],[14841,1],[14861,2],[14876,1],[14881,1],[14893,1],[14915,1],[14948,1],[14987,1],[14992,1],[15004,1],[15030,1],[15060,1],[15103,1],[15108,1],[15120,1],[15143,1],[15179,1],[15219,1],[15224,1],[15240,1],[15268,1],[15289,1],[15308,2],[15323,1],[15328,1],[15340,1],[15368,1],[15401,1],[15447,1],[15452,1],[15465,1],[15495,1],[15527,1],[15574,1],[15579,1],[15592,1],[15620,1],[15649,1],[15694,1],[15699,1],[15712,1],[15734,1],[15760,1],[15787,2],[15807,1],[15838,2],[16155,2],[16292,2],[16481,1],[16633,1],[16666,1],[16740,1],[16785,1],[16796,1],[16816,1],[16830,1],[16835,1],[16847,1],[16878,1],[16909,1],[16943,1],[16948,1],[16964,1],[17000,1],[17023,1],[17043,2],[17058,1],[17063,1],[17075,1],[17096,1],[17126,1],[17164,1],[17169,1],[17185,1],[17226,1],[17252,1],[17272,2],[17287,1],[17292,1],[17304,1],[17326,1],[17359,1],[17398,1],[17403,1],[17415,1],[17441,1],[17471,1],[17514,1],[17519,1],[17531,1],[17554,1],[17590,1],[17630,1],[17635,1],[17651,1],[17679,1],[17700,1],[17719,2],[17734,1],[17739,1],[17751,1],[17779,1],[17812,1],[17858,1],[17863,1],[17876,1],[17906,1],[17938,1],[17985,1],[17990,1],[18003,1],[18031,1],[18060,1],[18105,1],[18110,1],[18123,1],[18145,1],[18171,1],[18198,2],[18218,1],[18249,2],[18580,2],[18954,1],[18995,1],[19137,1],[19170,1],[19244,1],[19289,1],[19300,1],[19320,1],[19334,1],[19339,1],[19351,1],[19382,1],[19413,1],[19447,1],[19452,1],[19468,1],[19504,1],[19527,1],[19547,2],[19562,1],[19567,1],[19579,1],[19600,1],[19630,1],[19668,1],[19673,1],[19689,1],[19730,1],[19756,1],[19776,2],[19791,1],[19796,1],[19808,1],[19830,1],[19863,1],[19902,1],[19907,1],[19919,1],[19945,1],[19975,1],[20018,1],[20023,1],[20035,1],[20058,1],[20094,1],[20134,1],[20139,1],[20155,1],[20183,1],[20204,1],[20223,2],[20238,1],[20243,1],[20255,1],[20283,1],[20316,1],[20362,1],[20367,1],[20380,1],[20410,1],[20442,1],[20489,1],[20494,1],[20507,1],[20535,1],[20564,1],[20609,1],[20614,1],[20627,1],[20649,1],[20675,1],[20702,2],[20722,1],[20759,2],[20779,1],[20838,1],[22053,1]]},"550":{"position":[[174,1],[598,2],[1146,2],[1702,2],[1846,1],[1859,1],[1861,2],[1948,2],[2058,2],[3387,1],[3619,2],[4267,2],[6803,1],[6887,1],[6899,1],[6921,1],[6937,1],[6942,1],[6954,1],[6977,1],[6998,1],[7037,1],[7044,2],[7061,1],[7066,1],[7078,1],[7099,1],[7131,1],[7168,1],[7175,2],[7192,1],[7197,1],[7209,1],[7231,1],[7254,1],[7292,1],[7299,2],[7316,1],[7321,1],[7333,1],[7354,1],[7383,1],[7420,1],[7428,2],[7445,1],[7450,1],[7462,1],[7486,1],[7516,1],[7554,1],[7561,2],[7578,1],[7583,1],[7595,1],[7617,1],[7636,1],[7674,1],[7681,2],[7698,1],[7703,1],[7715,1],[7739,1],[7758,1],[7796,1],[7803,2],[7820,1],[7825,1],[7837,1],[7860,1],[7882,1],[7919,1],[7926,2],[7943,1],[7948,1],[7960,1],[7982,1],[8001,1],[8038,1],[8045,2],[8048,2],[8051,1],[8173,1],[8233,2],[9146,1],[9230,1],[9242,1],[9264,1],[9280,1],[9285,1],[9297,1],[9320,1],[9341,1],[9380,1],[9387,2],[9404,1],[9409,1],[9421,1],[9442,1],[9474,1],[9511,1],[9518,2],[9535,1],[9540,1],[9552,1],[9574,1],[9597,1],[9635,1],[9642,2],[9659,1],[9664,1],[9676,1],[9697,1],[9726,1],[9763,1],[9771,2],[9788,1],[9793,1],[9805,1],[9829,1],[9859,1],[9897,1],[9904,2],[9921,1],[9926,1],[9938,1],[9960,1],[9979,1],[10017,1],[10024,2],[10041,1],[10046,1],[10058,1],[10082,1],[10101,1],[10139,1],[10146,2],[10163,1],[10168,1],[10180,1],[10203,1],[10225,1],[10262,1],[10269,2],[10286,1],[10291,1],[10303,1],[10325,1],[10344,1],[10381,1],[10388,2],[10391,2],[10394,1],[10516,1],[10576,2],[11520,1],[11604,1],[11616,1],[11638,1],[11654,1],[11659,1],[11671,1],[11694,1],[11715,1],[11754,1],[11761,2],[11778,1],[11783,1],[11795,1],[11816,1],[11848,1],[11885,1],[11892,2],[11909,1],[11914,1],[11926,1],[11948,1],[11971,1],[12009,1],[12016,2],[12033,1],[12038,1],[12050,1],[12071,1],[12100,1],[12137,1],[12145,2],[12162,1],[12167,1],[12179,1],[12203,1],[12233,1],[12271,1],[12278,2],[12295,1],[12300,1],[12312,1],[12334,1],[12353,1],[12391,1],[12398,2],[12415,1],[12420,1],[12432,1],[12456,1],[12475,1],[12513,1],[12520,2],[12537,1],[12542,1],[12554,1],[12578,1],[12605,1],[12643,1],[12650,2],[12667,1],[12672,1],[12684,1],[12708,1],[12730,1],[12768,1],[12775,2],[12792,1],[12797,1],[12809,1],[12832,1],[12854,1],[12891,1],[12898,2],[12915,1],[12920,1],[12932,1],[12954,1],[12973,1],[13010,1],[13017,2],[13034,1],[13039,1],[13051,1],[13075,1],[13098,1],[13136,1],[13143,2],[13146,2],[13149,1],[13271,1],[13331,2],[13749,2],[13867,2],[13987,2],[14113,2],[14226,2],[14290,1],[14374,1],[14386,1],[14408,1],[14424,1],[14429,1],[14441,1],[14464,1],[14485,1],[14524,1],[14531,2],[14548,1],[14553,1],[14565,1],[14586,1],[14618,1],[14655,1],[14662,2],[14679,1],[14684,1],[14696,1],[14718,1],[14741,1],[14779,1],[14786,2],[14803,1],[14808,1],[14820,1],[14841,1],[14870,1],[14907,1],[14915,2],[14932,1],[14937,1],[14949,1],[14973,1],[15003,1],[15041,1],[15048,2],[15065,1],[15070,1],[15082,1],[15104,1],[15123,1],[15161,1],[15168,2],[15185,1],[15190,1],[15202,1],[15226,1],[15245,1],[15283,1],[15290,2],[15307,1],[15312,1],[15324,1],[15347,1],[15369,1],[15406,1],[15413,2],[15430,1],[15435,1],[15447,1],[15469,1],[15488,1],[15525,1],[15532,2],[15535,2],[15538,1],[15660,1],[15720,2],[16076,2],[16214,2],[16361,2],[16506,2],[16643,2],[16707,1],[16791,1],[16803,1],[16825,1],[16841,1],[16846,1],[16858,1],[16881,1],[16902,1],[16941,1],[16948,2],[16965,1],[16970,1],[16982,1],[17003,1],[17035,1],[17072,1],[17079,2],[17096,1],[17101,1],[17113,1],[17135,1],[17158,1],[17196,1],[17203,2],[17220,1],[17225,1],[17237,1],[17258,1],[17287,1],[17324,1],[17332,2],[17349,1],[17354,1],[17366,1],[17390,1],[17420,1],[17458,1],[17465,2],[17482,1],[17487,1],[17499,1],[17521,1],[17540,1],[17578,1],[17585,2],[17602,1],[17607,1],[17619,1],[17643,1],[17662,1],[17700,1],[17707,2],[17724,1],[17729,1],[17741,1],[17765,1],[17792,1],[17830,1],[17837,2],[17854,1],[17859,1],[17871,1],[17895,1],[17917,1],[17955,1],[17962,2],[17979,1],[17984,1],[17996,1],[18019,1],[18041,1],[18078,1],[18085,2],[18102,1],[18107,1],[18119,1],[18141,1],[18160,1],[18197,1],[18204,2],[18221,1],[18226,1],[18238,1],[18262,1],[18285,1],[18323,1],[18330,2],[18333,2],[18336,1],[18458,1],[18518,2],[19457,1],[19541,1],[19553,1],[19575,1],[19591,1],[19596,1],[19608,1],[19631,1],[19652,1],[19691,1],[19698,2],[19715,1],[19720,1],[19732,1],[19753,1],[19785,1],[19822,1],[19829,2],[19846,1],[19851,1],[19863,1],[19885,1],[19908,1],[19946,1],[19953,2],[19970,1],[19975,1],[19987,1],[20008,1],[20037,1],[20074,1],[20082,2],[20099,1],[20104,1],[20116,1],[20140,1],[20170,1],[20208,1],[20215,2],[20232,1],[20237,1],[20249,1],[20271,1],[20290,1],[20328,1],[20335,2],[20352,1],[20357,1],[20369,1],[20393,1],[20412,1],[20450,1],[20457,2],[20474,1],[20479,1],[20491,1],[20514,1],[20536,1],[20573,1],[20580,2],[20597,1],[20602,1],[20614,1],[20636,1],[20655,1],[20692,1],[20699,2],[20702,2],[20705,1],[20827,1],[20887,2],[21857,1],[21941,1],[21953,1],[21975,1],[21991,1],[21996,1],[22008,1],[22031,1],[22052,1],[22091,1],[22098,2],[22115,1],[22120,1],[22132,1],[22153,1],[22185,1],[22222,1],[22229,2],[22246,1],[22251,1],[22263,1],[22285,1],[22308,1],[22346,1],[22353,2],[22370,1],[22375,1],[22387,1],[22408,1],[22437,1],[22474,1],[22482,2],[22499,1],[22504,1],[22516,1],[22540,1],[22570,1],[22608,1],[22615,2],[22632,1],[22637,1],[22649,1],[22671,1],[22690,1],[22728,1],[22735,2],[22752,1],[22757,1],[22769,1],[22793,1],[22812,1],[22850,1],[22857,2],[22874,1],[22879,1],[22891,1],[22914,1],[22936,1],[22973,1],[22980,2],[22997,1],[23002,1],[23014,1],[23036,1],[23055,1],[23092,1],[23099,2],[23102,2],[23105,1],[23227,1],[23287,2],[24921,1],[25005,1],[25017,1],[25039,1],[25055,1],[25060,1],[25077,1],[25097,1],[25114,1],[25153,1],[25194,1],[25215,1],[25252,1],[25269,1],[25276,2],[25293,1],[25298,1],[25315,1],[25333,1],[25348,1],[25385,1],[25426,1],[25458,1],[25493,1],[25511,1],[25518,2],[25535,1],[25540,1],[25557,1],[25576,1],[25592,1],[25630,1],[25671,1],[25694,1],[25730,1],[25748,1],[25755,2],[25772,1],[25777,1],[25794,1],[25812,1],[25827,1],[25864,1],[25905,1],[25934,1],[25969,1],[25987,1],[25995,2],[26012,1],[26017,1],[26034,1],[26055,1],[26071,1],[26111,1],[26152,1],[26182,1],[26218,1],[26240,1],[26247,2],[26264,1],[26269,1],[26286,1],[26305,1],[26318,1],[26356,1],[26397,1],[26416,1],[26452,1],[26470,1],[26477,2],[26494,1],[26499,1],[26516,1],[26537,1],[26555,1],[26595,1],[26636,1],[26655,1],[26691,1],[26709,1],[26716,2],[26733,1],[26738,1],[26755,1],[26775,1],[26794,1],[26833,1],[26874,1],[26896,1],[26931,1],[26949,1],[26956,2],[26973,1],[26978,1],[26995,1],[27014,1],[27033,1],[27071,1],[27112,1],[27131,1],[27166,1],[27183,1],[27190,2],[27193,2],[27196,1],[27318,1],[27378,2],[27866,2],[28028,2],[28201,2],[28380,2],[28550,2],[28701,2],[28859,2],[28923,1],[28975,1],[28987,1],[29107,1],[29127,1],[29129,3],[29161,1],[29215,2],[29241,1],[29243,2],[29316,1],[29363,1],[29399,1],[29412,1],[29593,1],[29600,1],[29627,1],[29642,3],[29646,2],[30306,2],[30427,2],[30618,2],[30747,2],[30863,2],[30928,1],[31012,1],[31024,1],[31046,1],[31062,1],[31067,1],[31079,1],[31102,1],[31123,1],[31162,1],[31169,2],[31186,1],[31191,1],[31203,1],[31224,1],[31256,1],[31293,1],[31300,2],[31317,1],[31322,1],[31334,1],[31356,1],[31379,1],[31417,1],[31424,2],[31441,1],[31446,1],[31458,1],[31479,1],[31508,1],[31545,1],[31553,2],[31570,1],[31575,1],[31587,1],[31611,1],[31641,1],[31679,1],[31686,2],[31703,1],[31708,1],[31720,1],[31742,1],[31761,1],[31799,1],[31806,2],[31823,1],[31828,1],[31840,1],[31864,1],[31883,1],[31921,1],[31928,2],[31945,1],[31950,1],[31962,1],[31985,1],[32007,1],[32044,1],[32051,2],[32068,1],[32073,1],[32085,1],[32107,1],[32126,1],[32163,1],[32170,2],[32173,2],[32176,1],[32298,1],[32358,2],[32766,2],[32887,2],[33110,2],[33226,2],[33291,1],[33375,1],[33387,1],[33409,1],[33425,1],[33430,1],[33442,1],[33465,1],[33486,1],[33525,1],[33532,2],[33549,1],[33554,1],[33566,1],[33587,1],[33619,1],[33656,1],[33663,2],[33680,1],[33685,1],[33697,1],[33719,1],[33742,1],[33780,1],[33787,2],[33804,1],[33809,1],[33821,1],[33842,1],[33871,1],[33908,1],[33916,2],[33933,1],[33938,1],[33950,1],[33974,1],[34004,1],[34042,1],[34049,2],[34066,1],[34071,1],[34083,1],[34105,1],[34124,1],[34162,1],[34169,2],[34186,1],[34191,1],[34203,1],[34227,1],[34246,1],[34284,1],[34291,2],[34308,1],[34313,1],[34325,1],[34348,1],[34370,1],[34407,1],[34414,2],[34431,1],[34436,1],[34448,1],[34470,1],[34489,1],[34526,1],[34533,2],[34536,2],[34539,1],[34661,1],[34721,2],[35654,1],[35738,1],[35750,1],[35772,1],[35788,1],[35793,1],[35805,1],[35828,1],[35849,1],[35888,1],[35895,2],[35912,1],[35917,1],[35929,1],[35950,1],[35982,1],[36019,1],[36026,2],[36043,1],[36048,1],[36060,1],[36082,1],[36105,1],[36143,1],[36150,2],[36167,1],[36172,1],[36184,1],[36205,1],[36234,1],[36271,1],[36279,2],[36296,1],[36301,1],[36313,1],[36337,1],[36367,1],[36405,1],[36412,2],[36429,1],[36434,1],[36446,1],[36468,1],[36487,1],[36525,1],[36532,2],[36549,1],[36554,1],[36566,1],[36590,1],[36609,1],[36647,1],[36654,2],[36671,1],[36676,1],[36688,1],[36711,1],[36733,1],[36770,1],[36777,2],[36794,1],[36799,1],[36811,1],[36833,1],[36852,1],[36889,1],[36896,2],[36899,2],[36902,1],[37024,1],[37084,2],[38057,1],[38141,1],[38153,1],[38175,1],[38191,1],[38196,1],[38208,1],[38231,1],[38255,1],[38272,1],[38279,2],[38296,1],[38301,1],[38313,1],[38334,1],[38369,1],[38387,1],[38394,2],[38411,1],[38416,1],[38428,1],[38450,1],[38476,1],[38494,1],[38501,2],[38518,1],[38523,1],[38535,1],[38556,1],[38588,1],[38606,1],[38614,2],[38631,1],[38636,1],[38648,1],[38672,1],[38705,1],[38727,1],[38734,2],[38751,1],[38756,1],[38768,1],[38790,1],[38812,1],[38830,1],[38837,2],[38854,1],[38859,1],[38871,1],[38895,1],[38917,1],[38935,1],[38942,2],[38959,1],[38964,1],[38976,1],[38999,1],[39024,1],[39042,1],[39049,2],[39066,1],[39071,1],[39083,1],[39105,1],[39127,1],[39144,1],[39151,2],[39154,2],[39157,1],[39279,1],[39339,2],[40313,1],[40397,1],[40409,1],[40431,1],[40447,1],[40452,1],[40464,1],[40487,1],[40511,1],[40528,1],[40535,2],[40552,1],[40557,1],[40569,1],[40590,1],[40625,1],[40643,1],[40650,2],[40667,1],[40672,1],[40684,1],[40706,1],[40732,1],[40750,1],[40757,2],[40774,1],[40779,1],[40791,1],[40812,1],[40844,1],[40862,1],[40870,2],[40887,1],[40892,1],[40904,1],[40928,1],[40961,1],[40983,1],[40990,2],[41007,1],[41012,1],[41024,1],[41046,1],[41068,1],[41086,1],[41093,2],[41110,1],[41115,1],[41127,1],[41151,1],[41173,1],[41191,1],[41198,2],[41215,1],[41220,1],[41232,1],[41255,1],[41280,1],[41298,1],[41305,2],[41322,1],[41327,1],[41339,1],[41361,1],[41383,1],[41400,1],[41407,2],[41410,2],[41413,1],[41535,1],[41595,2],[42936,1],[43020,1],[43032,1],[43054,1],[43070,1],[43075,1],[43092,1],[43112,1],[43129,1],[43168,1],[43209,1],[43230,1],[43267,1],[43284,1],[43291,2],[43308,1],[43313,1],[43330,1],[43348,1],[43363,1],[43400,1],[43441,1],[43473,1],[43508,1],[43526,1],[43533,2],[43550,1],[43555,1],[43572,1],[43591,1],[43607,1],[43645,1],[43686,1],[43709,1],[43745,1],[43763,1],[43770,2],[43787,1],[43792,1],[43809,1],[43827,1],[43842,1],[43879,1],[43920,1],[43949,1],[43984,1],[44002,1],[44010,2],[44027,1],[44032,1],[44049,1],[44070,1],[44086,1],[44126,1],[44167,1],[44197,1],[44233,1],[44255,1],[44262,2],[44279,1],[44284,1],[44301,1],[44320,1],[44333,1],[44371,1],[44412,1],[44431,1],[44467,1],[44485,1],[44492,2],[44509,1],[44514,1],[44531,1],[44552,1],[44570,1],[44610,1],[44651,1],[44670,1],[44706,1],[44724,1],[44731,2],[44748,1],[44753,1],[44770,1],[44790,1],[44809,1],[44848,1],[44889,1],[44911,1],[44946,1],[44964,1],[44971,2],[44988,1],[44993,1],[45010,1],[45029,1],[45048,1],[45086,1],[45127,1],[45146,1],[45181,1],[45198,1],[45205,2],[45208,2],[45211,1],[45333,1],[45393,2],[46287,1],[46371,1],[46383,1],[46405,1],[46421,1],[46426,1],[46438,1],[46461,1],[46482,1],[46521,1],[46528,2],[46545,1],[46550,1],[46562,1],[46583,1],[46615,1],[46652,1],[46659,2],[46676,1],[46681,1],[46693,1],[46715,1],[46738,1],[46776,1],[46783,2],[46800,1],[46805,1],[46817,1],[46838,1],[46867,1],[46904,1],[46912,2],[46929,1],[46934,1],[46946,1],[46970,1],[47000,1],[47038,1],[47045,2],[47062,1],[47067,1],[47079,1],[47101,1],[47120,1],[47158,1],[47165,2],[47182,1],[47187,1],[47199,1],[47223,1],[47242,1],[47280,1],[47287,2],[47304,1],[47309,1],[47321,1],[47345,1],[47372,1],[47410,1],[47417,2],[47434,1],[47439,1],[47451,1],[47475,1],[47497,1],[47535,1],[47542,2],[47559,1],[47564,1],[47576,1],[47599,1],[47621,1],[47658,1],[47665,2],[47682,1],[47687,1],[47699,1],[47721,1],[47740,1],[47777,1],[47784,2],[47801,1],[47806,1],[47818,1],[47842,1],[47865,1],[47903,1],[47910,2],[47913,2],[47916,1],[48038,1],[48098,2],[48810,1],[48930,1],[49001,1],[49008,1],[49043,1],[49047,3],[49051,2],[50030,2],[50238,2],[50385,2],[50530,2],[50667,2],[50731,1],[50843,1],[50855,1],[50886,1],[50898,1],[51020,1],[51045,2],[51134,1],[51152,2],[51260,1],[51326,1],[51358,2],[51489,1],[51514,1],[51630,1],[51688,1],[51707,1],[51858,1],[51968,1],[52016,1],[52045,1],[52061,1],[52066,1],[52078,1],[52101,1],[52122,1],[52161,1],[52168,2],[52185,1],[52190,1],[52202,1],[52223,1],[52255,1],[52292,1],[52299,2],[52316,1],[52321,1],[52333,1],[52355,1],[52378,1],[52416,1],[52423,2],[52440,1],[52445,1],[52457,1],[52478,1],[52507,1],[52544,1],[52552,2],[52569,1],[52574,1],[52586,1],[52610,1],[52640,1],[52678,1],[52685,2],[52702,1],[52707,1],[52719,1],[52741,1],[52760,1],[52798,1],[52805,2],[52822,1],[52827,1],[52839,1],[52863,1],[52882,1],[52920,1],[52927,2],[52944,1],[52949,1],[52961,1],[52985,1],[53012,1],[53050,1],[53057,2],[53074,1],[53079,1],[53091,1],[53115,1],[53137,1],[53175,1],[53182,2],[53199,1],[53204,1],[53216,1],[53239,1],[53261,1],[53298,1],[53305,2],[53322,1],[53327,1],[53339,1],[53361,1],[53380,1],[53417,1],[53424,2],[53441,1],[53446,1],[53458,1],[53482,1],[53505,1],[53543,1],[53550,2],[53553,2],[53556,2],[54519,1],[54580,1],[54605,1],[54644,1],[54680,1],[54696,1],[54701,1],[54713,1],[54736,1],[54757,1],[54796,1],[54803,2],[54820,1],[54825,1],[54837,1],[54858,1],[54890,1],[54927,1],[54934,2],[54951,1],[54956,1],[54968,1],[54990,1],[55013,1],[55051,1],[55058,2],[55075,1],[55080,1],[55092,1],[55113,1],[55142,1],[55179,1],[55187,2],[55204,1],[55209,1],[55221,1],[55245,1],[55275,1],[55313,1],[55320,1],[55322,3],[55363,1],[55399,1],[55415,1],[55420,1],[55432,1],[55454,1],[55473,1],[55511,1],[55518,2],[55535,1],[55540,1],[55552,1],[55576,1],[55595,1],[55633,1],[55640,2],[55657,1],[55662,1],[55674,1],[55697,1],[55719,1],[55756,1],[55763,2],[55780,1],[55785,1],[55797,1],[55819,1],[55838,1],[55875,1],[55882,1],[55884,2],[55887,3],[56995,1],[57094,1],[57106,1],[57128,1],[57144,1],[57149,1],[57161,1],[57184,1],[57205,1],[57244,1],[57251,2],[57268,1],[57273,1],[57285,1],[57306,1],[57338,1],[57375,1],[57382,2],[57399,1],[57404,1],[57416,1],[57438,1],[57461,1],[57499,1],[57506,2],[57523,1],[57528,1],[57540,1],[57561,1],[57590,1],[57627,1],[57635,2],[57652,1],[57657,1],[57669,1],[57693,1],[57723,1],[57761,1],[57768,1],[57770,2],[57773,1],[57808,1],[57810,2],[57872,2],[57970,1],[58000,1],[58002,2],[58037,1],[58107,2],[58196,2],[58247,1],[58255,1],[58292,1],[58302,1],[58328,1],[58346,2],[58355,1],[58369,1],[58409,1],[58444,1],[58556,1],[58576,2],[59552,2],[59690,2],[59837,2],[59982,2],[60119,2],[60183,1],[60347,1],[60372,2],[60461,1],[60479,2],[60587,1],[60631,1],[60700,2],[60761,1],[60809,1],[60838,1],[60854,1],[60859,1],[60871,1],[60894,1],[60915,1],[60954,1],[60961,2],[60978,1],[60983,1],[60995,1],[61016,1],[61048,1],[61085,1],[61092,2],[61109,1],[61114,1],[61126,1],[61148,1],[61171,1],[61209,1],[61216,2],[61233,1],[61238,1],[61250,1],[61271,1],[61300,1],[61337,1],[61345,2],[61362,1],[61367,1],[61379,1],[61403,1],[61433,1],[61471,1],[61478,2],[61495,1],[61500,1],[61512,1],[61534,1],[61553,1],[61591,1],[61598,2],[61615,1],[61620,1],[61632,1],[61656,1],[61675,1],[61713,1],[61720,2],[61737,1],[61742,1],[61754,1],[61778,1],[61805,1],[61843,1],[61850,2],[61867,1],[61872,1],[61884,1],[61908,1],[61930,1],[61968,1],[61975,2],[61992,1],[61997,1],[62009,1],[62032,1],[62054,1],[62091,1],[62098,2],[62115,1],[62120,1],[62132,1],[62154,1],[62173,1],[62210,1],[62217,2],[62234,1],[62239,1],[62251,1],[62275,1],[62298,1],[62336,1],[62343,2],[62346,2],[62349,2],[62877,2],[63015,2],[63162,2],[63307,2],[63444,2],[63479,2],[63493,1],[63511,1],[63576,1],[63740,1],[63765,2],[63854,1],[63872,2],[63980,1],[64028,1],[64057,1],[64073,1],[64078,1],[64090,1],[64113,1],[64134,1],[64173,1],[64180,2],[64197,1],[64202,1],[64214,1],[64235,1],[64267,1],[64304,1],[64311,2],[64328,1],[64333,1],[64345,1],[64367,1],[64390,1],[64428,1],[64435,2],[64452,1],[64457,1],[64469,1],[64490,1],[64519,1],[64556,1],[64564,2],[64581,1],[64586,1],[64598,1],[64622,1],[64652,1],[64690,1],[64697,2],[64714,1],[64719,1],[64731,1],[64753,1],[64772,1],[64810,1],[64817,2],[64834,1],[64839,1],[64851,1],[64875,1],[64894,1],[64932,1],[64939,2],[64956,1],[64961,1],[64973,1],[64997,1],[65024,1],[65062,1],[65069,2],[65086,1],[65091,1],[65103,1],[65127,1],[65149,1],[65187,1],[65194,2],[65211,1],[65216,1],[65228,1],[65251,1],[65273,1],[65310,1],[65317,2],[65334,1],[65339,1],[65351,1],[65373,1],[65392,1],[65429,1],[65436,2],[65453,1],[65458,1],[65470,1],[65494,1],[65517,1],[65555,1],[65562,2],[65565,2],[65568,2],[66082,2],[66220,2],[66367,2],[66512,2],[66814,1],[66884,1],[66890,2],[66909,2],[66929,2],[66969,2],[66983,1],[66993,1],[67115,1],[67140,2],[67229,1],[67247,2],[67355,1],[67403,1],[67432,1],[67448,1],[67453,1],[67465,1],[67488,1],[67509,1],[67548,1],[67555,2],[67572,1],[67577,1],[67589,1],[67610,1],[67642,1],[67679,1],[67686,2],[67703,1],[67708,1],[67720,1],[67742,1],[67765,1],[67803,1],[67810,2],[67827,1],[67832,1],[67844,1],[67865,1],[67894,1],[67931,1],[67939,2],[67956,1],[67961,1],[67973,1],[67997,1],[68027,1],[68065,1],[68072,2],[68089,1],[68094,1],[68106,1],[68128,1],[68147,1],[68185,1],[68192,2],[68209,1],[68214,1],[68226,1],[68250,1],[68269,1],[68307,1],[68314,2],[68331,1],[68336,1],[68348,1],[68372,1],[68399,1],[68437,1],[68444,2],[68461,1],[68466,1],[68478,1],[68502,1],[68524,1],[68562,1],[68569,2],[68586,1],[68591,1],[68603,1],[68626,1],[68648,1],[68685,1],[68692,2],[68709,1],[68714,1],[68726,1],[68748,1],[68767,1],[68804,1],[68811,2],[68828,1],[68833,1],[68845,1],[68869,1],[68892,1],[68930,1],[68937,2],[68940,2],[68943,2],[69923,1],[69944,1],[69964,1],[70007,1],[70064,1],[70193,1],[70272,2],[70361,1],[70379,2],[70487,1],[70535,1],[70564,1],[70580,1],[70585,1],[70597,1],[70620,1],[70641,1],[70680,1],[70687,2],[70704,1],[70709,1],[70721,1],[70742,1],[70774,1],[70811,1],[70818,2],[70835,1],[70840,1],[70852,1],[70874,1],[70897,1],[70935,1],[70942,2],[70959,1],[70964,1],[70976,1],[70997,1],[71026,1],[71063,1],[71071,2],[71088,1],[71093,1],[71105,1],[71129,1],[71159,1],[71197,1],[71204,2],[71221,1],[71226,1],[71238,1],[71260,1],[71279,1],[71317,1],[71324,2],[71341,1],[71346,1],[71358,1],[71382,1],[71401,1],[71439,1],[71446,2],[71463,1],[71468,1],[71480,1],[71503,1],[71525,1],[71562,1],[71569,2],[71586,1],[71591,1],[71603,1],[71625,1],[71644,1],[71681,1],[71688,2],[71691,2],[71694,1],[71762,1],[71782,1],[71806,2],[71825,1],[71837,1],[71873,2],[72892,1],[72913,1],[72933,1],[72976,1],[73033,1],[73162,1],[73241,2],[73330,1],[73348,2],[73456,1],[73504,1],[73533,1],[73549,1],[73554,1],[73566,1],[73589,1],[73610,1],[73649,1],[73656,2],[73673,1],[73678,1],[73690,1],[73711,1],[73743,1],[73780,1],[73787,2],[73804,1],[73809,1],[73821,1],[73843,1],[73866,1],[73904,1],[73911,2],[73928,1],[73933,1],[73945,1],[73966,1],[73995,1],[74032,1],[74040,2],[74057,1],[74062,1],[74074,1],[74098,1],[74128,1],[74166,1],[74173,2],[74190,1],[74195,1],[74207,1],[74229,1],[74248,1],[74286,1],[74293,2],[74310,1],[74315,1],[74327,1],[74351,1],[74370,1],[74408,1],[74415,2],[74432,1],[74437,1],[74449,1],[74472,1],[74494,1],[74531,1],[74538,2],[74555,1],[74560,1],[74572,1],[74594,1],[74613,1],[74650,1],[74657,2],[74660,2],[74663,1],[74731,1],[74751,1],[74775,2],[74794,1],[74806,1],[74842,2],[76237,1],[76258,1],[76278,1],[76321,1],[76378,1],[76507,1],[76532,2],[76621,1],[76639,2],[76747,1],[76795,1],[76824,1],[76840,1],[76845,1],[76857,1],[76880,1],[76901,1],[76940,1],[76947,2],[76964,1],[76969,1],[76981,1],[77002,1],[77034,1],[77071,1],[77078,2],[77095,1],[77100,1],[77112,1],[77134,1],[77157,1],[77195,1],[77202,2],[77219,1],[77224,1],[77236,1],[77257,1],[77286,1],[77323,1],[77331,2],[77348,1],[77353,1],[77365,1],[77389,1],[77419,1],[77457,1],[77464,2],[77481,1],[77486,1],[77498,1],[77520,1],[77539,1],[77577,1],[77584,2],[77601,1],[77606,1],[77618,1],[77642,1],[77661,1],[77699,1],[77706,2],[77723,1],[77728,1],[77740,1],[77763,1],[77785,1],[77822,1],[77829,2],[77846,1],[77851,1],[77863,1],[77885,1],[77904,1],[77941,1],[77948,2],[77951,2],[77954,1],[78034,1],[78059,2],[78067,1],[78075,2],[78110,1],[78116,1],[78173,1],[78189,1],[78196,2],[78231,1],[78237,1],[78305,1],[78325,1],[78349,2],[78368,1],[78380,1],[78416,2],[79115,2],[79229,2],[79345,2],[79392,1],[79415,1],[79461,1],[79593,1],[79618,2],[79707,1],[79725,2],[79833,1],[79881,1],[79910,1],[79926,1],[79931,1],[79943,1],[79966,1],[79987,1],[80026,1],[80033,2],[80050,1],[80055,1],[80067,1],[80088,1],[80120,1],[80157,1],[80164,2],[80181,1],[80186,1],[80198,1],[80220,1],[80243,1],[80281,1],[80288,2],[80305,1],[80310,1],[80322,1],[80343,1],[80372,1],[80409,1],[80417,2],[80434,1],[80439,1],[80451,1],[80475,1],[80505,1],[80543,1],[80550,2],[80567,1],[80572,1],[80584,1],[80606,1],[80625,1],[80663,1],[80670,2],[80687,1],[80692,1],[80704,1],[80728,1],[80747,1],[80785,1],[80792,2],[80809,1],[80814,1],[80826,1],[80850,1],[80877,1],[80915,1],[80922,2],[80939,1],[80944,1],[80956,1],[80980,1],[81002,1],[81040,1],[81047,2],[81064,1],[81069,1],[81081,1],[81104,1],[81126,1],[81163,1],[81170,2],[81187,1],[81192,1],[81204,1],[81226,1],[81245,1],[81282,1],[81289,2],[81306,1],[81311,1],[81323,1],[81347,1],[81370,1],[81408,1],[81415,2],[81418,2],[81421,1],[81457,2],[81469,1],[81728,1],[81738,3],[82182,1],[82225,1],[82357,1],[82382,2],[82471,1],[82489,2],[82597,1],[82645,1],[82674,1],[82690,1],[82695,1],[82707,1],[82730,1],[82751,1],[82790,1],[82797,2],[82814,1],[82819,1],[82831,1],[82852,1],[82884,1],[82921,1],[82928,2],[82945,1],[82950,1],[82962,1],[82984,1],[83007,1],[83045,1],[83052,2],[83069,1],[83074,1],[83086,1],[83107,1],[83136,1],[83173,1],[83181,2],[83198,1],[83203,1],[83215,1],[83239,1],[83269,1],[83307,1],[83314,2],[83331,1],[83336,1],[83348,1],[83370,1],[83389,1],[83427,1],[83434,2],[83451,1],[83456,1],[83468,1],[83492,1],[83511,1],[83549,1],[83556,2],[83573,1],[83578,1],[83590,1],[83614,1],[83641,1],[83679,1],[83686,2],[83703,1],[83708,1],[83720,1],[83744,1],[83766,1],[83804,1],[83811,2],[83828,1],[83833,1],[83845,1],[83868,1],[83890,1],[83927,1],[83934,2],[83951,1],[83956,1],[83968,1],[83990,1],[84009,1],[84046,1],[84053,2],[84070,1],[84075,1],[84087,1],[84111,1],[84134,1],[84172,1],[84179,2],[84182,2],[84185,2],[84476,2],[84594,2],[84714,2],[84840,2],[84953,2],[85276,2],[85394,2],[85514,2],[85640,2],[85753,2],[86062,2],[86180,2],[86300,2],[86426,2],[86539,2],[86862,2],[86980,2],[87100,2],[87226,2],[87339,2],[87403,1],[87446,1],[87578,1],[87603,2],[87692,1],[87710,2],[87818,1],[87866,1],[87895,1],[87911,1],[87916,1],[87928,1],[87949,1],[87981,1],[88018,1],[88025,2],[88042,1],[88047,1],[88059,1],[88081,1],[88104,1],[88142,1],[88149,2],[88166,1],[88171,1],[88183,1],[88204,1],[88233,1],[88270,1],[88278,2],[88295,1],[88300,1],[88312,1],[88336,1],[88366,1],[88404,1],[88411,2],[88428,1],[88433,1],[88445,1],[88467,1],[88486,1],[88524,1],[88531,2],[88548,1],[88553,1],[88565,1],[88589,1],[88608,1],[88646,1],[88653,2],[88656,2],[88659,2],[89064,2],[89202,2],[89349,2],[89494,2],[89631,2],[90053,2],[90191,2],[90338,2],[90483,2],[90620,2],[91040,2],[91178,2],[91325,2],[91470,2],[91607,2],[92029,2],[92167,2],[92314,2],[92459,2],[92596,2],[93012,2],[93150,2],[93297,2],[93442,2],[93579,2],[93995,2],[94133,2],[94280,2],[94425,2],[94562,2],[94988,2],[95126,2],[95273,2],[95418,2],[95555,2],[95619,1],[95662,1],[95794,1],[95819,2],[95908,1],[95926,2],[96034,1],[96082,1],[96111,1],[96127,1],[96132,1],[96144,1],[96165,1],[96197,1],[96234,1],[96241,2],[96258,1],[96263,1],[96275,1],[96297,1],[96320,1],[96358,1],[96365,2],[96382,1],[96387,1],[96399,1],[96420,1],[96449,1],[96486,1],[96494,2],[96511,1],[96516,1],[96528,1],[96552,1],[96582,1],[96620,1],[96627,2],[96644,1],[96649,1],[96661,1],[96683,1],[96702,1],[96740,1],[96747,2],[96764,1],[96769,1],[96781,1],[96805,1],[96824,1],[96862,1],[96869,2],[96872,2],[96875,2],[97206,2],[97324,2],[97444,2],[97570,2],[97683,2],[97747,1],[97784,1],[97796,1],[97798,1],[97851,1],[97983,1],[98008,2],[98097,1],[98115,2],[98223,1],[98271,1],[98300,1],[98316,1],[98321,1],[98333,1],[98354,1],[98386,1],[98423,1],[98430,2],[98447,1],[98452,1],[98464,1],[98486,1],[98509,1],[98547,1],[98554,2],[98571,1],[98576,1],[98588,1],[98609,1],[98638,1],[98675,1],[98683,2],[98700,1],[98705,1],[98717,1],[98741,1],[98771,1],[98809,1],[98816,2],[98833,1],[98838,1],[98850,1],[98872,1],[98891,1],[98929,1],[98936,2],[98953,1],[98958,1],[98970,1],[98994,1],[99013,1],[99051,1],[99058,2],[99061,2],[99064,1],[99130,1],[99177,1],[99184,1],[99211,1],[99241,1],[99289,3],[99293,2],[99642,2],[99760,2],[99880,2],[100006,2],[100119,2],[100183,1],[100220,1],[100232,1],[100234,1],[100287,1],[100419,1],[100444,2],[100533,1],[100551,2],[100659,1],[100707,1],[100736,1],[100752,1],[100757,1],[100769,1],[100790,1],[100822,1],[100859,1],[100866,2],[100883,1],[100888,1],[100900,1],[100922,1],[100945,1],[100983,1],[100990,2],[101007,1],[101012,1],[101024,1],[101045,1],[101074,1],[101111,1],[101119,2],[101136,1],[101141,1],[101153,1],[101177,1],[101207,1],[101245,1],[101252,2],[101269,1],[101274,1],[101286,1],[101308,1],[101327,1],[101365,1],[101372,2],[101389,1],[101394,1],[101406,1],[101430,1],[101449,1],[101487,1],[101494,2],[101497,2],[101500,1],[101572,1],[101619,1],[101626,1],[101653,1],[101690,1],[101738,3],[101742,2],[102278,1],[102288,3],[102493,2],[102631,2],[102778,2],[102923,2],[103060,2],[103124,1],[103167,1],[103264,1],[103289,1],[103323,2],[103493,2],[103853,2],[104157,2],[104286,1],[104408,1],[104433,2],[104522,1],[104540,2],[104648,1],[104696,1],[104725,1],[104741,1],[104746,1],[104758,1],[104781,1],[104802,1],[104841,1],[104848,2],[104865,1],[104870,1],[104882,1],[104903,1],[104935,1],[104972,1],[104979,2],[104996,1],[105001,1],[105013,1],[105035,1],[105058,1],[105096,1],[105103,2],[105120,1],[105125,1],[105137,1],[105158,1],[105187,1],[105224,1],[105232,2],[105249,1],[105254,1],[105266,1],[105290,1],[105320,1],[105358,1],[105365,2],[105382,1],[105387,1],[105399,1],[105421,1],[105440,1],[105478,1],[105485,2],[105502,1],[105507,1],[105519,1],[105543,1],[105562,1],[105600,1],[105607,2],[105624,1],[105629,1],[105641,1],[105665,1],[105692,1],[105730,1],[105737,2],[105754,1],[105759,1],[105771,1],[105795,1],[105817,1],[105855,1],[105862,2],[105879,1],[105884,1],[105896,1],[105919,1],[105941,1],[105978,1],[105985,2],[106002,1],[106007,1],[106019,1],[106041,1],[106060,1],[106097,1],[106104,2],[106121,1],[106126,1],[106138,1],[106162,1],[106185,1],[106223,1],[106230,2],[106233,2],[106236,2]]}}}],["0",{"_index":1056,"t":{"482":{"position":[[1386,2]]},"506":{"position":[[20212,2],[20283,2],[20830,1]]},"508":{"position":[[1094,2],[1339,1],[1465,2],[1689,1],[1801,2],[4931,2],[4960,2],[6032,2],[7375,2],[7854,1],[7951,2],[8145,2],[9026,1],[10431,1],[10702,1],[10974,1],[12658,1],[12929,1],[13201,1],[14755,1],[15026,1],[15298,1]]},"510":{"position":[[1436,1],[1548,2],[4035,2],[4068,2],[5134,2],[6294,2],[6695,2],[6883,2],[7093,2],[8597,1],[9139,1],[9681,1],[11117,2],[11150,2],[12080,2],[12358,2],[13293,2],[13393,2],[13888,2],[14076,2],[14286,2]]},"512":{"position":[[1572,1],[1684,2],[2597,2],[2600,2],[2702,2],[2705,2],[3423,2],[3499,1],[4252,1],[6980,2],[7009,2],[7923,2],[9222,2],[9841,1],[9993,2],[10187,2],[11421,1],[11963,1],[12505,1]]},"514":{"position":[[1282,1],[1394,2],[3734,2],[3767,2],[4778,2],[5874,2],[6260,2],[6448,2],[6658,2],[7525,2],[7558,2],[8689,2],[9550,2],[9645,2],[10128,2],[10316,2],[10526,2]]},"518":{"position":[[13325,2],[13396,2],[13942,1]]},"524":{"position":[[9605,2],[9676,2],[10223,1]]},"536":{"position":[[3422,3],[3461,3],[3501,3],[3554,3],[3594,3],[8844,3]]},"550":{"position":[[2035,3],[49045,1],[84386,2],[85186,2],[85972,2],[86772,2],[88883,2],[88956,2],[89872,2],[89945,2],[90860,2],[90932,2],[91848,2],[91921,2],[92834,2],[92904,2],[93817,2],[93887,2],[94805,2],[94880,2],[97092,2],[99516,2],[102080,2],[102195,2]]}}}],["0\">and",{"_index":2093,"t":{"506":{"position":[[17748,6]]}}}],["0\">whenev",{"_index":3278,"t":{"542":{"position":[[1981,11]]}}}],["0,0,0",{"_index":3523,"t":{"548":{"position":[[21631,6]]}}}],["0.0",{"_index":2465,"t":{"512":{"position":[[1339,3]]}}}],["0.1",{"_index":2472,"t":{"512":{"position":[[2603,5],[2708,5]]}}}],["0.1.0",{"_index":155,"t":{"12":{"position":[[103,5]]},"114":{"position":[[1354,5]]},"210":{"position":[[1407,5]]},"374":{"position":[[147,5]]}}}],["0.2",{"_index":2499,"t":{"512":{"position":[[4207,3]]}}}],["0.2.0",{"_index":180,"t":{"16":{"position":[[102,5]]},"114":{"position":[[923,5]]},"210":{"position":[[976,5]]},"332":{"position":[[2937,5]]},"338":{"position":[[1534,5]]},"340":{"position":[[1046,5]]},"348":{"position":[[150,5]]},"378":{"position":[[146,5]]}}}],["0.2.1",{"_index":185,"t":{"18":{"position":[[103,5]]},"114":{"position":[[693,5]]},"210":{"position":[[746,5]]},"294":{"position":[[155,5]]},"330":{"position":[[146,5]]},"360":{"position":[[1047,5]]},"392":{"position":[[147,5]]}}}],["0.2.2",{"_index":192,"t":{"20":{"position":[[100,5]]},"114":{"position":[[492,5]]},"210":{"position":[[545,5]]},"350":{"position":[[541,5]]},"408":{"position":[[144,5]]}}}],["0.2.3",{"_index":199,"t":{"22":{"position":[[100,5]]},"114":{"position":[[294,5]]},"210":{"position":[[347,5]]},"350":{"position":[[343,5]]},"400":{"position":[[144,5]]}}}],["0.2.4",{"_index":202,"t":{"24":{"position":[[99,5]]},"114":{"position":[[99,5]]},"210":{"position":[[152,5]]},"350":{"position":[[148,5]]},"386":{"position":[[143,5]]}}}],["0.2.5",{"_index":206,"t":{"26":{"position":[[99,5]]},"112":{"position":[[2356,5]]},"208":{"position":[[2409,5]]},"332":{"position":[[2737,5]]},"338":{"position":[[1334,5]]},"388":{"position":[[143,5]]}}}],["0.2.6",{"_index":208,"t":{"28":{"position":[[101,5]]},"112":{"position":[[2172,5]]},"208":{"position":[[2225,5]]},"298":{"position":[[778,5]]},"390":{"position":[[145,5]]}}}],["0.3.0",{"_index":212,"t":{"30":{"position":[[101,5]]},"112":{"position":[[1968,5]]},"208":{"position":[[2021,5]]},"340":{"position":[[841,5]]},"394":{"position":[[145,5]]}}}],["0.4.0",{"_index":239,"t":{"32":{"position":[[103,5]]},"112":{"position":[[1764,5]]},"124":{"position":[[2497,5]]},"208":{"position":[[1817,5]]},"312":{"position":[[775,5]]},"398":{"position":[[147,5]]},"516":{"position":[[469,5],[521,5],[720,5],[792,5],[914,5],[1507,5],[1576,5],[1668,5],[1710,5],[1771,5],[1830,5],[1967,5],[2059,5]]}}}],["0.4.1",{"_index":243,"t":{"34":{"position":[[104,5]]},"112":{"position":[[1566,5]]},"124":{"position":[[2299,5]]},"208":{"position":[[1619,5]]},"288":{"position":[[149,5]]},"312":{"position":[[577,5]]},"340":{"position":[[645,5]]},"396":{"position":[[148,5]]},"516":{"position":[[1265,5],[1460,5]]}}}],["0.4.2",{"_index":257,"t":{"36":{"position":[[104,5]]},"112":{"position":[[1292,5]]},"124":{"position":[[2025,5]]},"208":{"position":[[1345,5]]},"410":{"position":[[148,5]]}}}],["0.5.0",{"_index":260,"t":{"38":{"position":[[102,5]]},"112":{"position":[[1021,5]]},"132":{"position":[[156,5]]},"136":{"position":[[153,5]]},"144":{"position":[[161,5]]},"158":{"position":[[157,5]]},"166":{"position":[[156,5]]},"208":{"position":[[1074,5]]},"428":{"position":[[146,5]]}}}],["0.5.1",{"_index":267,"t":{"40":{"position":[[103,5]]},"112":{"position":[[759,5]]},"146":{"position":[[650,5]]},"148":{"position":[[162,5]]},"150":{"position":[[159,5]]},"152":{"position":[[160,5]]},"208":{"position":[[812,5]]},"240":{"position":[[650,5]]},"402":{"position":[[147,5]]},"550":{"position":[[49310,6]]}}}],["0.6.0",{"_index":278,"t":{"42":{"position":[[103,5]]},"112":{"position":[[444,5]]},"170":{"position":[[156,5]]},"172":{"position":[[160,5]]},"186":{"position":[[401,5]]},"208":{"position":[[497,5]]},"344":{"position":[[406,5]]},"346":{"position":[[153,5]]},"360":{"position":[[732,5]]},"404":{"position":[[147,5]]}}}],["0.8",{"_index":2214,"t":{"508":{"position":[[1082,3],[1453,3]]}}}],["06:00",{"_index":3095,"t":{"536":{"position":[[3508,5],[3601,5]]}}}],["08:00",{"_index":3093,"t":{"536":{"position":[[3468,5],[3561,5]]}}}],["0l1",{"_index":777,"t":{"474":{"position":[[1843,3]]}}}],["1",{"_index":72,"t":{"2":{"position":[[1759,2],[1979,2]]},"90":{"position":[[29,2]]},"92":{"position":[[29,2]]},"106":{"position":[[1375,2],[1414,2]]},"128":{"position":[[1803,2],[2023,2]]},"200":{"position":[[1812,2],[2032,2]]},"214":{"position":[[83,2]]},"244":{"position":[[1047,2]]},"268":{"position":[[78,2]]},"274":{"position":[[1807,2],[2027,2]]},"280":{"position":[[1806,2],[2026,2]]},"282":{"position":[[84,2]]},"308":{"position":[[77,2]]},"332":{"position":[[1042,2]]},"358":{"position":[[72,2]]},"362":{"position":[[79,2]]},"458":{"position":[[73,2]]},"460":{"position":[[73,2]]},"474":{"position":[[1857,1]]},"486":{"position":[[1115,1]]},"488":{"position":[[269,2],[272,1]]},"508":{"position":[[1097,2],[1468,2],[7619,2],[8285,2],[8316,3]]},"510":{"position":[[6134,2],[6482,2],[7182,2],[7270,4],[13133,2],[13468,2],[13675,2],[14375,2],[14463,4]]},"512":{"position":[[2800,1],[2898,1],[3199,1],[3292,1],[3378,1],[9469,2],[10327,2]]},"514":{"position":[[5714,2],[6047,2],[6747,2],[6835,4],[9390,2],[9720,2],[9915,2],[10615,2],[10703,4]]},"518":{"position":[[1190,1]]},"520":{"position":[[4829,3]]},"522":{"position":[[877,1]]},"524":{"position":[[3983,2]]},"532":{"position":[[1377,4]]},"534":{"position":[[1382,4]]},"544":{"position":[[1884,4],[3711,2],[3732,2],[4334,2],[4958,2],[5736,4],[7539,4],[9370,4],[16272,3]]},"546":{"position":[[1420,1]]},"548":{"position":[[3107,4],[4960,4],[7239,4],[9569,4],[12019,4],[14426,4],[16837,4],[19341,4],[20954,3]]},"550":{"position":[[2041,3],[3485,1],[7152,2],[7657,2],[7779,2],[7903,2],[7906,3],[8025,3],[9495,2],[10000,2],[10122,2],[10246,2],[10249,3],[10368,3],[11869,2],[12374,2],[12496,2],[12875,2],[12878,3],[12997,3],[13119,2],[14639,2],[15144,2],[15266,2],[15390,2],[15393,3],[15512,3],[17056,2],[17561,2],[17683,2],[18062,2],[18065,3],[18184,3],[18306,2],[19806,2],[20311,2],[20433,2],[20557,2],[20560,3],[20679,3],[22206,2],[22711,2],[22833,2],[22957,2],[22960,3],[23079,3],[25479,2],[26437,2],[26676,2],[26917,2],[26920,3],[27155,3],[31277,2],[31782,2],[31904,2],[32028,2],[32031,3],[32150,3],[33640,2],[34145,2],[34267,2],[34391,2],[34394,3],[34513,3],[36003,2],[36508,2],[36630,2],[36754,2],[36757,3],[36876,3],[43494,2],[44452,2],[44691,2],[44932,2],[44935,3],[45170,3],[46636,2],[47141,2],[47263,2],[47642,2],[47645,3],[47764,3],[47886,2],[51491,2],[52276,2],[52781,2],[52903,2],[53282,2],[53285,3],[53404,3],[53526,2],[54631,1],[54911,2],[55494,2],[55616,2],[55740,2],[55743,3],[55862,3],[57359,2],[58357,2],[61069,2],[61574,2],[61696,2],[62075,2],[62078,3],[62197,3],[62319,2],[64288,2],[64793,2],[64915,2],[65294,2],[65297,3],[65416,3],[65538,2],[67663,2],[68168,2],[68290,2],[68669,2],[68672,3],[68791,3],[68913,2],[70795,2],[71300,2],[71422,2],[71546,2],[71549,3],[71668,3],[73764,2],[74269,2],[74391,2],[74515,2],[74518,3],[74637,3],[77055,2],[77560,2],[77682,2],[77806,2],[77809,3],[77928,3],[80141,2],[80646,2],[80768,2],[81147,2],[81150,3],[81269,3],[81391,2],[82905,2],[83410,2],[83532,2],[83911,2],[83914,3],[84033,3],[84155,2],[88002,2],[88507,2],[88629,2],[96218,2],[96723,2],[96845,2],[98407,2],[98912,2],[99034,2],[100843,2],[101348,2],[101470,2],[102325,3],[104956,2],[105461,2],[105583,2],[105962,2],[105965,3],[106084,3],[106206,2]]}}}],["1.0",{"_index":2217,"t":{"508":{"position":[[1169,3]]}}}],["1.0.0",{"_index":289,"t":{"44":{"position":[[123,6]]},"112":{"position":[[123,6]]},"134":{"position":[[1483,6]]},"154":{"position":[[173,6]]},"156":{"position":[[180,6]]},"162":{"position":[[180,6]]},"180":{"position":[[172,6]]},"192":{"position":[[167,6]]},"208":{"position":[[176,6]]},"322":{"position":[[465,6]]},"324":{"position":[[173,6]]},"406":{"position":[[167,6]]},"478":{"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]]},"486":{"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]]},"500":{"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]]},"502":{"position":[[273,5],[441,5],[533,5]]},"504":{"position":[[613,5],[664,5],[726,5]]},"508":{"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]]},"510":{"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]]},"512":{"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]]},"514":{"position":[[292,5],[333,5],[548,5],[589,5],[729,5],[799,5],[1006,5],[1071,5],[1136,5],[1397,5],[1448,5],[1637,5],[1723,5],[1801,5],[1879,5],[1933,5],[2525,5]]},"546":{"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]]},"550":{"position":[[314,5],[373,5],[564,5],[655,5],[899,5],[1203,5],[1274,5],[1802,5],[2260,5],[2517,5],[2758,5],[3328,5],[3426,5],[3683,5],[3909,5],[4006,5],[4084,5],[4140,5],[4308,5],[4453,5],[4528,5],[4632,5],[4787,5],[4940,5],[5028,5],[5186,5],[5516,5],[5653,5],[5707,5],[5819,5],[5856,5],[5911,5]]}}}],["1.0.1",{"_index":313,"t":{"46":{"position":[[104,6]]},"110":{"position":[[2913,6]]},"134":{"position":[[1151,6]]},"138":{"position":[[568,6]]},"142":{"position":[[560,6]]},"164":{"position":[[158,6]]},"168":{"position":[[561,6]]},"174":{"position":[[158,6]]},"176":{"position":[[561,6]]},"190":{"position":[[2957,6]]},"206":{"position":[[2966,6]]},"420":{"position":[[148,6]]}}}],["1.1.0",{"_index":319,"t":{"48":{"position":[[104,6]]},"110":{"position":[[2507,6]]},"134":{"position":[[745,6]]},"138":{"position":[[162,6]]},"142":{"position":[[154,6]]},"168":{"position":[[155,6]]},"176":{"position":[[155,6]]},"184":{"position":[[154,6]]},"190":{"position":[[2551,6]]},"206":{"position":[[2560,6]]},"412":{"position":[[148,6]]},"484":{"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]]},"492":{"position":[[544,5],[696,5],[733,5]]}}}],["1.10.0",{"_index":51,"t":{"2":{"position":[[781,6]]},"100":{"position":[[101,6]]},"128":{"position":[[825,6]]},"200":{"position":[[834,6]]},"238":{"position":[[397,6]]},"274":{"position":[[829,6]]},"280":{"position":[[828,6]]},"318":{"position":[[391,6]]},"418":{"position":[[146,6]]},"478":{"position":[[1636,6]]},"496":{"position":[[513,6],[580,6],[671,6],[833,6],[997,6],[1160,6],[1324,6],[1486,6],[1601,6],[1653,6],[1752,6],[1883,6],[2049,6],[2119,6],[2281,6],[2444,6],[2514,6]]},"502":{"position":[[348,6]]},"506":{"position":[[365,6],[501,6],[594,6],[693,6],[764,6],[955,6],[1011,6],[1058,6],[1189,6],[1380,6],[1436,6],[1483,6],[1614,6],[1789,6],[1867,6],[2046,6],[2225,6],[2322,6],[2437,6],[2568,6],[2667,6],[2730,6],[2796,6],[2926,6],[3007,6],[3092,6],[3158,6],[3298,6],[3434,6],[3521,6],[3660,6]]},"508":{"position":[[487,6],[547,6],[3268,6]]},"510":{"position":[[582,6],[642,6],[2676,6]]},"512":{"position":[[631,6],[691,6],[5232,6]]},"514":{"position":[[438,6],[498,6],[2410,6]]},"550":{"position":[[1558,6]]}}}],["1.10.1",{"_index":41,"t":{"2":{"position":[[535,6]]},"102":{"position":[[103,6]]},"128":{"position":[[579,6]]},"200":{"position":[[588,6]]},"238":{"position":[[151,6]]},"274":{"position":[[583,6]]},"280":{"position":[[582,6]]},"318":{"position":[[145,6]]},"414":{"position":[[148,6]]}}}],["1.10.2",{"_index":15,"t":{"2":{"position":[[106,6]]},"104":{"position":[[106,6]]},"124":{"position":[[155,6]]},"128":{"position":[[150,6]]},"196":{"position":[[161,6]]},"200":{"position":[[159,6]]},"220":{"position":[[155,6]]},"224":{"position":[[163,6]]},"244":{"position":[[154,6]]},"256":{"position":[[156,6]]},"272":{"position":[[156,6]]},"274":{"position":[[154,6]]},"280":{"position":[[153,6]]},"290":{"position":[[149,6]]},"296":{"position":[[157,6]]},"312":{"position":[[147,6]]},"332":{"position":[[149,6]]},"354":{"position":[[155,6]]},"356":{"position":[[150,6]]},"372":{"position":[[150,6]]},"416":{"position":[[151,6]]},"508":{"position":[[2724,6],[2778,6],[3325,6]]},"510":{"position":[[2339,6],[2399,6],[2738,6]]},"512":{"position":[[4687,6],[4740,6],[5290,6]]},"514":{"position":[[2083,6],[2143,6],[2467,6]]},"516":{"position":[[594,6],[663,6]]},"526":{"position":[[346,6]]},"528":{"position":[[356,6]]},"530":{"position":[[346,6]]}}}],["1.2.0",{"_index":324,"t":{"50":{"position":[[104,6]]},"110":{"position":[[2178,6]]},"134":{"position":[[416,6]]},"140":{"position":[[163,6]]},"160":{"position":[[155,6]]},"190":{"position":[[2222,6]]},"206":{"position":[[2231,6]]},"228":{"position":[[840,6]]},"248":{"position":[[154,6]]},"446":{"position":[[148,6]]}}}],["1.3.0",{"_index":331,"t":{"52":{"position":[[104,6]]},"110":{"position":[[1919,6]]},"134":{"position":[[157,6]]},"190":{"position":[[1963,6]]},"206":{"position":[[1972,6]]},"258":{"position":[[585,6]]},"430":{"position":[[148,6]]},"522":{"position":[[267,5],[315,5],[399,5],[449,5],[539,5],[575,5],[685,5]]}}}],["1.3.1",{"_index":335,"t":{"54":{"position":[[104,6]]},"110":{"position":[[1630,6]]},"124":{"position":[[1736,6]]},"190":{"position":[[1674,6]]},"196":{"position":[[1293,6]]},"206":{"position":[[1683,6]]},"422":{"position":[[148,6]]},"516":{"position":[[2282,5],[2339,5],[2394,5],[2444,5],[2492,5],[2540,5]]}}}],["1.4.0",{"_index":340,"t":{"56":{"position":[[103,6]]},"110":{"position":[[1361,6]]},"190":{"position":[[1405,6]]},"206":{"position":[[1414,6]]},"256":{"position":[[585,6]]},"326":{"position":[[147,6]]},"334":{"position":[[149,6]]},"336":{"position":[[151,6]]},"356":{"position":[[579,6]]},"424":{"position":[[147,6]]},"548":{"position":[[323,5],[386,5],[559,5],[606,5],[651,5],[697,5],[786,5],[823,5],[959,5],[1003,5],[1073,5],[1139,5],[1176,5],[1261,5],[1311,5],[1357,5],[1414,5],[1474,5]]}}}],["1.4.1",{"_index":344,"t":{"58":{"position":[[103,6]]},"110":{"position":[[1051,6]]},"190":{"position":[[1095,6]]},"206":{"position":[[1104,6]]},"226":{"position":[[159,6]]},"236":{"position":[[153,6]]},"244":{"position":[[2436,6]]},"278":{"position":[[1099,6]]},"310":{"position":[[1098,6]]},"314":{"position":[[153,6]]},"328":{"position":[[147,6]]},"332":{"position":[[2431,6]]},"426":{"position":[[147,6]]},"546":{"position":[[1712,5]]}}}],["1.4.2",{"_index":362,"t":{"60":{"position":[[103,6]]},"110":{"position":[[602,6]]},"124":{"position":[[1286,6]]},"130":{"position":[[160,6]]},"178":{"position":[[165,6]]},"182":{"position":[[157,6]]},"190":{"position":[[646,6]]},"202":{"position":[[174,6]]},"206":{"position":[[655,6]]},"278":{"position":[[650,6]]},"310":{"position":[[649,6]]},"438":{"position":[[147,6]]}}}],["1.4.3",{"_index":367,"t":{"62":{"position":[[103,6]]},"110":{"position":[[353,6]]},"146":{"position":[[401,6]]},"190":{"position":[[397,6]]},"206":{"position":[[406,6]]},"240":{"position":[[401,6]]},"278":{"position":[[401,6]]},"310":{"position":[[400,6]]},"340":{"position":[[395,6]]},"444":{"position":[[147,6]]},"550":{"position":[[713,5],[3509,5]]}}}],["1.4.4",{"_index":372,"t":{"64":{"position":[[104,6]]},"110":{"position":[[104,6]]},"146":{"position":[[152,6]]},"190":{"position":[[148,6]]},"206":{"position":[[157,6]]},"240":{"position":[[152,6]]},"278":{"position":[[152,6]]},"310":{"position":[[151,6]]},"340":{"position":[[146,6]]},"432":{"position":[[148,6]]}}}],["1.4.5",{"_index":378,"t":{"66":{"position":[[104,5]]},"108":{"position":[[2944,5]]},"186":{"position":[[154,5]]},"188":{"position":[[2988,5]]},"204":{"position":[[2997,5]]},"270":{"position":[[491,5]]},"276":{"position":[[2992,5]]},"284":{"position":[[2991,5]]},"360":{"position":[[485,5]]},"434":{"position":[[148,5]]}}}],["1.5",{"_index":778,"t":{"474":{"position":[[1847,3]]}}}],["1.5.0",{"_index":384,"t":{"68":{"position":[[100,5]]},"108":{"position":[[2597,5]]},"188":{"position":[[2641,5]]},"204":{"position":[[2650,5]]},"218":{"position":[[665,5]]},"232":{"position":[[1298,5]]},"234":{"position":[[567,5]]},"244":{"position":[[2090,5]]},"252":{"position":[[998,5]]},"276":{"position":[[2645,5]]},"284":{"position":[[2644,5]]},"286":{"position":[[659,5]]},"306":{"position":[[1292,5]]},"316":{"position":[[561,5]]},"332":{"position":[[2085,5]]},"338":{"position":[[992,5]]},"436":{"position":[[144,5]]},"520":{"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":{"70":{"position":[[101,5]]},"108":{"position":[[2184,5]]},"188":{"position":[[2228,5]]},"204":{"position":[[2237,5]]},"230":{"position":[[149,5]]},"232":{"position":[[885,5]]},"234":{"position":[[154,5]]},"238":{"position":[[2684,5]]},"244":{"position":[[1677,5]]},"252":{"position":[[585,5]]},"262":{"position":[[149,5]]},"264":{"position":[[871,5]]},"266":{"position":[[155,5]]},"276":{"position":[[2232,5]]},"284":{"position":[[2231,5]]},"306":{"position":[[879,5]]},"316":{"position":[[148,5]]},"318":{"position":[[2678,5]]},"332":{"position":[[1672,5]]},"338":{"position":[[579,5]]},"366":{"position":[[865,5]]},"380":{"position":[[149,5]]},"448":{"position":[[145,5]]},"486":{"position":[[1117,5]]},"520":{"position":[[1057,5]]},"536":{"position":[[485,5],[538,5],[730,5],[806,5],[882,5],[943,5],[986,5],[1061,5],[1136,5],[1169,5]]},"546":{"position":[[1422,5]]},"550":{"position":[[2172,5],[3753,5]]}}}],["1.7.0",{"_index":414,"t":{"72":{"position":[[101,5]]},"108":{"position":[[1850,5]]},"120":{"position":[[148,5]]},"126":{"position":[[144,5]]},"188":{"position":[[1894,5]]},"194":{"position":[[154,5]]},"198":{"position":[[150,5]]},"204":{"position":[[1903,5]]},"216":{"position":[[450,5]]},"222":{"position":[[153,5]]},"276":{"position":[[1898,5]]},"284":{"position":[[1897,5]]},"292":{"position":[[147,5]]},"298":{"position":[[444,5]]},"442":{"position":[[145,5]]},"478":{"position":[[1011,5]]},"482":{"position":[[307,5],[364,5],[414,5],[485,5],[570,5],[615,5],[683,5],[808,5],[945,5],[1030,5],[1164,5]]},"540":{"position":[[262,5],[339,5],[436,5],[521,5],[578,5],[649,5]]},"544":{"position":[[296,5],[418,5],[510,5],[624,5],[686,5],[753,5],[822,5],[948,5],[1083,5],[1168,5],[1300,5],[1479,5],[1544,5],[1590,5],[1652,5],[1739,5]]}}}],["1.7.1",{"_index":438,"t":{"76":{"position":[[101,5]]},"108":{"position":[[1580,5]]},"124":{"position":[[1014,5]]},"188":{"position":[[1624,5]]},"196":{"position":[[1020,5]]},"204":{"position":[[1633,5]]},"218":{"position":[[396,5]]},"276":{"position":[[1628,5]]},"284":{"position":[[1627,5]]},"286":{"position":[[390,5]]},"440":{"position":[[145,5]]}}}],["1.7.2",{"_index":434,"t":{"74":{"position":[[101,5]]},"108":{"position":[[1332,5]]},"188":{"position":[[1376,5]]},"204":{"position":[[1385,5]]},"228":{"position":[[589,5]]},"276":{"position":[[1380,5]]},"284":{"position":[[1379,5]]},"300":{"position":[[147,5]]},"302":{"position":[[583,5]]},"456":{"position":[[145,5]]}}}],["1.7.3",{"_index":449,"t":{"78":{"position":[[101,5]]},"108":{"position":[[1087,5]]},"188":{"position":[[1131,5]]},"204":{"position":[[1140,5]]},"218":{"position":[[151,5]]},"238":{"position":[[2439,5]]},"276":{"position":[[1135,5]]},"284":{"position":[[1134,5]]},"286":{"position":[[145,5]]},"318":{"position":[[2433,5]]},"464":{"position":[[145,5]]},"550":{"position":[[4243,5]]}}}],["1.8.0",{"_index":459,"t":{"80":{"position":[[97,5]]},"108":{"position":[[651,5]]},"124":{"position":[[578,5]]},"188":{"position":[[695,5]]},"196":{"position":[[584,5]]},"204":{"position":[[704,5]]},"228":{"position":[[153,5]]},"232":{"position":[[449,5]]},"238":{"position":[[2003,5]]},"250":{"position":[[152,5]]},"252":{"position":[[149,5]]},"258":{"position":[[146,5]]},"264":{"position":[[435,5]]},"276":{"position":[[699,5]]},"284":{"position":[[698,5]]},"302":{"position":[[147,5]]},"306":{"position":[[443,5]]},"318":{"position":[[1997,5]]},"338":{"position":[[143,5]]},"342":{"position":[[146,5]]},"364":{"position":[[141,5]]},"366":{"position":[[429,5]]},"468":{"position":[[141,5]]},"486":{"position":[[1301,5]]},"550":{"position":[[503,5],[1010,5],[1107,5],[1907,5],[1996,5],[2108,5],[2336,5],[3215,5]]}}}],["1.8.1",{"_index":475,"t":{"82":{"position":[[99,5]]},"108":{"position":[[399,5]]},"188":{"position":[[443,5]]},"204":{"position":[[452,5]]},"238":{"position":[[1751,5]]},"272":{"position":[[581,5]]},"276":{"position":[[447,5]]},"284":{"position":[[446,5]]},"318":{"position":[[1745,5]]},"372":{"position":[[575,5]]},"450":{"position":[[143,5]]}}}],["1.8.2",{"_index":482,"t":{"84":{"position":[[100,5]]},"108":{"position":[[100,5]]},"188":{"position":[[144,5]]},"204":{"position":[[153,5]]},"216":{"position":[[149,5]]},"232":{"position":[[152,5]]},"238":{"position":[[1452,5]]},"276":{"position":[[148,5]]},"284":{"position":[[147,5]]},"298":{"position":[[143,5]]},"304":{"position":[[142,5]]},"306":{"position":[[146,5]]},"318":{"position":[[1446,5]]},"322":{"position":[[142,5]]},"452":{"position":[[144,5]]}}}],["1.8.3",{"_index":91,"t":{"2":{"position":[[2694,5]]},"86":{"position":[[100,5]]},"128":{"position":[[2738,5]]},"200":{"position":[[2747,5]]},"238":{"position":[[1194,5]]},"254":{"position":[[152,5]]},"274":{"position":[[2742,5]]},"280":{"position":[[2741,5]]},"318":{"position":[[1188,5]]},"344":{"position":[[145,5]]},"454":{"position":[[144,5]]}}}],["1.9.0",{"_index":85,"t":{"2":{"position":[[2356,5]]},"88":{"position":[[100,5]]},"128":{"position":[[2400,5]]},"200":{"position":[[2409,5]]},"242":{"position":[[148,5]]},"244":{"position":[[1338,5]]},"246":{"position":[[407,5]]},"260":{"position":[[148,5]]},"270":{"position":[[149,5]]},"274":{"position":[[2404,5]]},"280":{"position":[[2403,5]]},"320":{"position":[[142,5]]},"332":{"position":[[1333,5]]},"352":{"position":[[142,5]]},"354":{"position":[[833,5]]},"360":{"position":[[143,5]]},"466":{"position":[[144,5]]},"500":{"position":[[1184,5]]},"504":{"position":[[502,5]]}}}],["1.9.1",{"_index":73,"t":{"2":{"position":[[1829,5]]},"90":{"position":[[99,5]]},"92":{"position":[[302,5]]},"128":{"position":[[1873,5]]},"200":{"position":[[1882,5]]},"244":{"position":[[1117,5]]},"274":{"position":[[1877,5]]},"280":{"position":[[1876,5]]},"332":{"position":[[1112,5]]},"458":{"position":[[143,5]]}}}],["1.9.2",{"_index":75,"t":{"2":{"position":[[2049,5]]},"92":{"position":[[99,5]]},"128":{"position":[[2093,5]]},"200":{"position":[[2102,5]]},"214":{"position":[[153,5]]},"268":{"position":[[148,5]]},"274":{"position":[[2097,5]]},"280":{"position":[[2096,5]]},"282":{"position":[[154,5]]},"308":{"position":[[147,5]]},"358":{"position":[[142,5]]},"362":{"position":[[149,5]]},"460":{"position":[[143,5]]},"550":{"position":[[1346,5],[1657,5]]}}}],["1.9.3",{"_index":70,"t":{"2":{"position":[[1610,5]]},"94":{"position":[[99,5]]},"128":{"position":[[1654,5]]},"200":{"position":[[1663,5]]},"238":{"position":[[974,5]]},"274":{"position":[[1658,5]]},"280":{"position":[[1657,5]]},"318":{"position":[[968,5]]},"462":{"position":[[143,5]]}}}],["1.9.4",{"_index":65,"t":{"2":{"position":[[1358,5]]},"96":{"position":[[99,5]]},"128":{"position":[[1402,5]]},"200":{"position":[[1411,5]]},"244":{"position":[[865,5]]},"246":{"position":[[154,5]]},"274":{"position":[[1406,5]]},"280":{"position":[[1405,5]]},"332":{"position":[[860,5]]},"354":{"position":[[580,5]]},"470":{"position":[[143,5]]},"546":{"position":[[1073,5]]}}}],["1.9.5",{"_index":60,"t":{"2":{"position":[[1073,5]]},"98":{"position":[[100,5]]},"128":{"position":[[1117,5]]},"200":{"position":[[1126,5]]},"238":{"position":[[689,5]]},"244":{"position":[[580,5]]},"264":{"position":[[152,5]]},"274":{"position":[[1121,5]]},"280":{"position":[[1120,5]]},"318":{"position":[[683,5]]},"332":{"position":[[575,5]]},"366":{"position":[[146,5]]},"472":{"position":[[144,5]]},"546":{"position":[[1224,5]]},"550":{"position":[[438,5],[1740,5],[2921,5],[3104,5]]}}}],["10",{"_index":371,"t":{"64":{"position":[[33,3]]},"72":{"position":[[30,3]]},"106":{"position":[[1775,3],[1944,3]]},"108":{"position":[[1779,3]]},"110":{"position":[[33,3]]},"120":{"position":[[77,3]]},"126":{"position":[[73,3]]},"146":{"position":[[81,3]]},"188":{"position":[[1823,3]]},"190":{"position":[[77,3]]},"194":{"position":[[83,3]]},"198":{"position":[[79,3]]},"204":{"position":[[1832,3]]},"206":{"position":[[86,3]]},"216":{"position":[[379,3]]},"222":{"position":[[82,3]]},"240":{"position":[[81,3]]},"276":{"position":[[1827,3]]},"278":{"position":[[81,3]]},"284":{"position":[[1826,3]]},"292":{"position":[[76,3]]},"298":{"position":[[373,3]]},"310":{"position":[[80,3]]},"332":{"position":[[0,2]]},"340":{"position":[[75,3]]},"432":{"position":[[77,3]]},"442":{"position":[[74,3]]},"516":{"position":[[9016,4],[9465,4]]},"518":{"position":[[8013,2],[11437,4],[11831,4],[12274,4],[14401,4]]},"520":{"position":[[7438,4],[7731,4],[10037,4],[10345,4],[10742,4]]},"524":{"position":[[3729,2],[7846,4],[8197,4],[8597,4],[10680,4]]},"536":{"position":[[5648,4],[5986,4],[6311,4],[6613,4],[6932,4],[9662,4],[10061,4]]},"548":{"position":[[4043,5],[5988,5],[8267,5],[10597,5],[13047,5],[15454,5],[17865,5],[20369,5]]},"550":{"position":[[1759,2],[1848,3],[10928,3],[12626,3],[17813,3],[47393,3],[51516,3],[53033,3],[61826,3],[65045,3],[68420,3],[80898,3],[83662,3],[105713,3]]}}}],["10%thi",{"_index":3396,"t":{"546":{"position":[[8439,12],[10190,12]]}}}],["101",{"_index":3637,"t":{"550":{"position":[[7705,4],[10048,4],[12422,4],[15192,4],[17609,4],[20359,4],[22759,4],[26501,4],[31830,4],[34193,4],[36556,4],[38861,4],[41117,4],[44516,4],[47189,4],[52829,4],[55542,4],[61622,4],[64841,4],[68216,4],[71348,4],[74317,4],[77608,4],[80694,4],[83458,4],[88555,4],[96771,4],[98960,4],[101396,4],[105509,4]]}}}],["102",{"_index":3635,"t":{"550":{"position":[[7585,4],[9928,4],[12302,4],[15072,4],[17489,4],[20239,4],[22639,4],[26271,4],[31710,4],[34073,4],[36436,4],[38758,4],[41014,4],[44286,4],[47069,4],[52709,4],[55422,4],[61502,4],[64721,4],[68096,4],[71228,4],[74197,4],[77488,4],[80574,4],[83338,4],[88435,4],[96651,4],[98840,4],[101276,4],[105389,4]]}}}],["103",{"_index":3621,"t":{"550":{"position":[[7068,4],[9411,4],[11785,4],[14555,4],[16972,4],[19722,4],[22122,4],[25300,4],[31193,4],[33556,4],[35919,4],[38303,4],[40559,4],[43315,4],[46552,4],[52192,4],[54827,4],[57275,4],[60985,4],[64204,4],[67579,4],[70711,4],[73680,4],[76971,4],[80057,4],[82821,4],[87918,4],[96134,4],[98323,4],[100759,4],[104872,4]]}}}],["104",{"_index":3629,"t":{"550":{"position":[[7323,4],[9666,4],[12040,4],[14810,4],[17227,4],[19977,4],[22377,4],[25779,4],[31448,4],[33811,4],[36174,4],[38525,4],[40781,4],[43794,4],[46807,4],[52447,4],[55082,4],[57530,4],[61240,4],[64459,4],[67834,4],[70966,4],[73935,4],[77226,4],[80312,4],[83076,4],[88173,4],[96389,4],[98578,4],[101014,4],[105127,4]]}}}],["105",{"_index":3632,"t":{"550":{"position":[[7452,4],[9795,4],[12169,4],[14939,4],[17356,4],[20106,4],[22506,4],[26019,4],[31577,4],[33940,4],[36303,4],[38638,4],[40894,4],[44034,4],[46936,4],[52576,4],[55211,4],[57659,4],[61369,4],[64588,4],[67963,4],[71095,4],[74064,4],[75137,4],[75217,4],[77355,4],[78069,5],[78112,3],[78191,4],[78233,3],[80441,4],[83205,4],[88302,4],[96518,4],[98707,4],[101143,4],[105256,4]]}}}],["106",{"_index":3626,"t":{"550":{"position":[[7199,4],[9542,4],[11916,4],[14686,4],[17103,4],[19853,4],[22253,4],[25542,4],[31324,4],[33687,4],[36050,4],[38418,4],[40674,4],[43557,4],[46683,4],[52323,4],[54958,4],[57406,4],[61116,4],[64335,4],[67710,4],[70842,4],[73811,4],[77102,4],[80188,4],[82952,4],[88049,4],[96265,4],[98454,4],[100890,4],[105003,4]]}}}],["107",{"_index":3615,"t":{"550":{"position":[[6944,4],[9287,4],[11661,4],[14431,4],[16848,4],[19598,4],[21998,4],[25062,4],[31069,4],[33432,4],[35795,4],[38198,4],[40454,4],[43077,4],[46428,4],[52068,4],[54703,4],[57151,4],[60861,4],[64080,4],[67455,4],[70587,4],[73556,4],[76847,4],[79933,4],[82697,4],[104748,4]]}}}],["1073255",{"_index":2436,"t":{"510":{"position":[[9336,8]]},"512":{"position":[[12160,8],[15148,8]]}}}],["108",{"_index":3639,"t":{"550":{"position":[[7827,4],[10170,4],[12799,4],[15314,4],[17986,4],[20481,4],[22881,4],[26740,4],[31952,4],[34315,4],[36678,4],[38966,4],[41222,4],[44755,4],[47566,4],[53206,4],[55664,4],[61999,4],[65218,4],[68593,4],[71470,4],[74439,4],[77730,4],[81071,4],[83835,4],[105886,4]]}}}],["1081241",{"_index":2433,"t":{"510":{"position":[[9309,8]]},"512":{"position":[[12133,8],[15121,8]]}}}],["109",{"_index":3642,"t":{"550":{"position":[[7950,4],[10293,4],[12922,4],[15437,4],[18109,4],[20604,4],[23004,4],[26980,4],[32075,4],[34438,4],[36801,4],[39073,4],[41329,4],[44995,4],[47689,4],[53329,4],[55787,4],[62122,4],[65341,4],[68716,4],[71593,4],[74562,4],[77853,4],[81194,4],[83958,4],[106009,4]]}}}],["10:00",{"_index":3091,"t":{"536":{"position":[[3429,5],[8851,5]]}}}],["10:50",{"_index":3098,"t":{"536":{"position":[[4107,5],[4831,5]]}}}],["10a",{"_index":3285,"t":{"542":{"position":[[2423,11],[2568,11],[2713,11]]}}}],["2\">an",{"_index":3283,"t":{"542":{"position":[[2291,12]]}}}],["2\">page",{"_index":3487,"t":{"548":{"position":[[6821,7],[9151,7],[11601,7],[14008,7],[16419,7]]}}}],["2\">submit@displayswitchstatuschang",{"_index":2908,"t":{"520":{"position":[[9127,10]]},"536":{"position":[[8765,10]]}}}],["3\">enter",{"_index":2724,"t":{"518":{"position":[[1974,10],[2302,10],[2525,10],[2748,10],[2971,10],[3194,10],[3417,10],[3640,10],[3863,10],[4086,10],[4678,10],[5188,10],[5726,10],[8052,10],[8538,10],[8791,10],[9334,10]]},"520":{"position":[[1557,10],[2161,10],[2360,10],[2557,10],[2756,10],[3732,10],[4053,10],[4372,10],[4693,10],[5575,10],[6346,10]]},"524":{"position":[[1500,10],[3768,10],[4246,10],[4545,10],[5026,10],[5251,10],[5766,10]]},"536":{"position":[[1536,10],[1929,10],[2103,10],[2948,10],[3244,10],[3802,10],[4546,10]]}}}],["3\">max",{"_index":2864,"t":{"520":{"position":[[3693,6],[4014,6],[4333,6],[4654,6]]},"536":{"position":[[2909,6],[3205,6]]}}}],["3\">min",{"_index":2862,"t":{"520":{"position":[[3654,6],[3975,6],[4294,6],[4615,6]]},"536":{"position":[[2870,6],[3166,6]]}}}],["3\">switch",{"_index":2955,"t":{"522":{"position":[[867,9]]}}}],["3\">thi",{"_index":1785,"t":{"498":{"position":[[5896,7],[6023,7],[6153,7],[6300,7],[6439,7],[6564,7],[8167,7],[8294,7],[8424,7],[8552,7]]}}}],["3.5",{"_index":779,"t":{"474":{"position":[[1851,3]]}}}],["30",{"_index":84,"t":{"2":{"position":[[2285,3]]},"22":{"position":[[29,3]]},"42":{"position":[[32,3]]},"60":{"position":[[32,3]]},"88":{"position":[[29,3]]},"106":{"position":[[539,3],[956,3],[1453,3],[2030,3]]},"110":{"position":[[531,3]]},"112":{"position":[[373,3]]},"114":{"position":[[223,3]]},"124":{"position":[[1215,3]]},"128":{"position":[[2329,3]]},"130":{"position":[[89,3]]},"170":{"position":[[85,3]]},"172":{"position":[[89,3]]},"178":{"position":[[94,3]]},"182":{"position":[[86,3]]},"186":{"position":[[330,3]]},"190":{"position":[[575,3]]},"200":{"position":[[2338,3]]},"202":{"position":[[103,3]]},"206":{"position":[[584,3]]},"208":{"position":[[426,3]]},"210":{"position":[[276,3]]},"242":{"position":[[77,3]]},"244":{"position":[[1267,3]]},"246":{"position":[[336,3]]},"260":{"position":[[77,3]]},"270":{"position":[[78,3]]},"274":{"position":[[2333,3]]},"278":{"position":[[579,3]]},"280":{"position":[[2332,3]]},"310":{"position":[[578,3]]},"320":{"position":[[71,3]]},"332":{"position":[[1262,3]]},"344":{"position":[[335,3]]},"346":{"position":[[82,3]]},"350":{"position":[[272,3]]},"352":{"position":[[71,3]]},"354":{"position":[[762,3]]},"360":{"position":[[72,3],[661,3]]},"400":{"position":[[73,3]]},"404":{"position":[[76,3]]},"438":{"position":[[76,3]]},"466":{"position":[[73,3]]}}}],["300m",{"_index":373,"t":{"64":{"position":[[199,5]]}}}],["31",{"_index":211,"t":{"30":{"position":[[30,3]]},"82":{"position":[[28,3]]},"106":{"position":[[797,3],[1572,3]]},"108":{"position":[[328,3]]},"112":{"position":[[1897,3]]},"128":{"position":[[0,2]]},"188":{"position":[[0,2],[372,3]]},"190":{"position":[[0,2]]},"192":{"position":[[0,2]]},"204":{"position":[[381,3]]},"208":{"position":[[1950,3]]},"238":{"position":[[1680,3]]},"272":{"position":[[510,3]]},"276":{"position":[[376,3]]},"284":{"position":[[375,3]]},"318":{"position":[[1674,3]]},"340":{"position":[[770,3]]},"372":{"position":[[504,3]]},"394":{"position":[[74,3]]},"450":{"position":[[72,3]]}}}],["317",{"_index":570,"t":{"104":{"position":[[597,4]]}}}],["320px",{"_index":2087,"t":{"506":{"position":[[17655,8]]}}}],["321",{"_index":1149,"t":{"484":{"position":[[2795,5]]},"486":{"position":[[3944,5]]},"546":{"position":[[4488,5]]}}}],["322",{"_index":1265,"t":{"486":{"position":[[5682,5]]},"546":{"position":[[6165,5]]}}}],["327",{"_index":566,"t":{"104":{"position":[[457,4]]}}}],["334",{"_index":564,"t":{"104":{"position":[[368,4]]}}}],["352",{"_index":563,"t":{"104":{"position":[[303,4]]}}}],["4",{"_index":69,"t":{"2":{"position":[[1540,2]]},"32":{"position":[[33,2]]},"94":{"position":[[29,2]]},"106":{"position":[[757,2],[1336,2]]},"112":{"position":[[1694,2]]},"124":{"position":[[2427,2]]},"128":{"position":[[1584,2]]},"196":{"position":[[0,1]]},"200":{"position":[[1593,2]]},"208":{"position":[[1747,2]]},"232":{"position":[[0,1]]},"238":{"position":[[904,2]]},"274":{"position":[[1588,2]]},"280":{"position":[[1587,2]]},"306":{"position":[[0,1]]},"312":{"position":[[705,2]]},"318":{"position":[[898,2]]},"360":{"position":[[0,1]]},"398":{"position":[[77,2]]},"462":{"position":[[73,2]]},"474":{"position":[[1855,1],[1871,1],[1873,1]]},"478":{"position":[[5646,1]]},"486":{"position":[[4127,1],[4253,1],[4386,1],[6071,1],[6197,1],[6330,1]]},"496":{"position":[[3801,2],[7192,2],[7522,2],[7849,2],[8214,2],[8502,2],[8790,2],[9075,2],[9360,2],[9643,2],[9924,2],[10205,2],[10733,2],[11109,2],[11436,2],[12005,2],[12402,2],[12750,2]]},"506":{"position":[[4109,3],[6300,3],[8879,3],[9785,3],[17627,1],[18311,1]]},"508":{"position":[[3996,2],[8441,2],[9838,2],[12065,2],[14162,2]]},"510":{"position":[[7701,2],[8507,1],[8652,1],[9049,1],[9194,1],[9591,1],[9736,1]]},"512":{"position":[[6031,2],[9745,1],[9896,1],[10525,2],[11331,1],[11476,1],[11873,1],[12018,1],[12415,1],[12560,1],[13385,2],[14189,1],[14334,1],[14796,1],[14941,1],[15403,1],[15548,1]]},"532":{"position":[[781,1],[917,3]]},"534":{"position":[[786,1],[922,3]]},"548":{"position":[[3410,4],[5294,4],[6666,1],[6802,3],[7573,4],[8923,1],[9132,3],[9903,4],[11373,1],[11582,3],[12353,4],[13780,1],[13989,3],[14760,4],[16191,1],[16400,3],[17171,4],[18616,1],[18752,3],[19675,4]]},"550":{"position":[[7275,2],[9618,2],[11992,2],[14762,2],[17179,2],[19929,2],[22329,2],[25715,2],[31400,2],[33763,2],[36126,2],[43730,2],[46759,2],[52399,2],[55034,2],[57482,2],[61192,2],[64411,2],[67786,2],[70918,2],[73887,2],[77178,2],[80264,2],[83028,2],[88125,2],[96341,2],[98530,2],[100966,2],[105079,2]]}}}],["4.33",{"_index":2780,"t":{"518":{"position":[[4744,6],[5254,6]]}}}],["40",{"_index":3088,"t":{"536":{"position":[[2182,4]]}}}],["4@employee.firstname@employee.lastname@employee.lastname@cod",{"_index":1251,"t":{"486":{"position":[[4441,38]]}}}],["8\">@employeeid@employee.firstname@employee.lastname@employee.lastname@cod",{"_index":1165,"t":{"484":{"position":[[3595,38]]},"546":{"position":[[4981,38]]}}}],["9\">@employeeidanoth",{"_index":2068,"t":{"506":{"position":[[14787,21]]}}}],["activepagenumb",{"_index":1456,"t":{"488":{"position":[[216,16]]}}}],["activepagenumber=\"1",{"_index":1487,"t":{"488":{"position":[[1767,20],[2042,20]]}}}],["activepagenumber=\"2",{"_index":1499,"t":{"488":{"position":[[2573,20],[2623,20],[2702,20]]}}}],["activepagenumber=\"3",{"_index":1494,"t":{"488":{"position":[[2093,20]]}}}],["activepagenumber=\"5",{"_index":1495,"t":{"488":{"position":[[2144,20],[2340,20],[2418,20],[2468,20]]}}}],["activepagenumber=\"@currentpagenumb",{"_index":1502,"t":{"488":{"position":[[2811,37]]}}}],["actual",{"_index":1225,"t":{"486":{"position":[[1442,8],[1601,8]]}}}],["ad",{"_index":116,"t":{"6":{"position":[[96,5]]},"12":{"position":[[176,5]]},"68":{"position":[[680,5],[728,5]]},"88":{"position":[[362,5]]},"100":{"position":[[972,5],[1018,5]]},"104":{"position":[[413,5],[694,5]]},"114":{"position":[[1753,5]]},"210":{"position":[[1806,5]]},"370":{"position":[[140,5]]},"474":{"position":[[1005,5]]},"478":{"position":[[219,5],[3956,6]]},"482":{"position":[[199,5],[517,5],[714,5]]},"484":{"position":[[197,5],[729,5]]},"486":{"position":[[226,5],[1335,5]]},"492":{"position":[[455,5],[605,5]]},"496":{"position":[[418,5],[738,5],[902,5],[1065,5],[1229,5],[1391,5],[1954,5],[2186,5],[2349,5]]},"498":{"position":[[3750,6]]},"500":{"position":[[641,5],[1100,5]]},"502":{"position":[[181,5]]},"504":{"position":[[428,5]]},"506":{"position":[[295,5],[843,5],[1268,5],[1685,5],[1940,5],[2117,5],[2838,5],[3205,5]]},"508":{"position":[[288,5],[426,5],[711,5],[974,5],[2665,5],[2904,5]]},"510":{"position":[[384,5],[521,5],[806,5],[1079,5],[2278,5],[2535,5]]},"512":{"position":[[433,5],[570,5],[855,5],[1120,5],[4629,5],[4868,5]]},"514":{"position":[[240,5],[377,5],[662,5],[925,5],[2022,5],[2269,5]]},"516":{"position":[[282,5],[1616,5],[1861,5],[2213,5]]},"520":{"position":[[357,5],[1089,5]]},"522":{"position":[[206,5],[493,5],[606,5]]},"536":{"position":[[361,5],[1093,5]]},"540":{"position":[[165,5]]},"544":{"position":[[195,5],[552,5],[863,5],[1371,5]]},"546":{"position":[[225,5],[1563,5]]},"548":{"position":[[263,5],[729,5],[888,5]]},"550":{"position":[[241,5],[2644,5],[3264,5],[3577,5],[5777,5],[45470,6],[48269,6],[57855,6]]}}}],["add",{"_index":741,"t":{"474":{"position":[[180,4]]},"476":{"position":[[2895,3],[3381,3],[3868,3],[4352,3],[4835,3]]},"478":{"position":[[3471,3],[6561,3]]},"480":{"position":[[452,3]]},"484":{"position":[[852,4],[6897,3]]},"488":{"position":[[2243,3]]},"492":{"position":[[174,3],[783,3]]},"494":{"position":[[1872,3],[6062,3],[7046,3]]},"496":{"position":[[5822,3]]},"498":{"position":[[1850,3]]},"500":{"position":[[4599,3],[9754,3],[11335,3]]},"502":{"position":[[91,3]]},"506":{"position":[[10724,3],[11792,3],[12392,3],[13447,3],[14485,3],[15001,3],[15696,3],[16285,3]]},"508":{"position":[[463,4],[520,4],[4273,3]]},"510":{"position":[[558,4],[615,4],[3651,3]]},"512":{"position":[[607,4],[664,4],[6308,3],[6453,3]]},"514":{"position":[[414,4],[471,4],[3370,3]]},"518":{"position":[[4840,4],[10815,3]]},"524":{"position":[[7226,3]]},"526":{"position":[[239,3],[353,3],[373,3],[948,3],[1286,3],[1373,3],[1396,3],[1733,3],[2065,3],[2582,3],[2660,3],[2749,3],[3605,3],[3624,3]]},"528":{"position":[[249,3],[363,3],[383,3],[963,3],[1207,3],[1230,3],[1572,3],[1904,3],[2421,3],[2499,3],[2588,3],[3431,3],[3450,3]]},"530":{"position":[[239,3],[353,3],[373,3],[850,3],[873,3],[1211,3],[1543,3],[2060,3],[2138,3],[2231,3],[3102,3],[3121,3]]},"538":{"position":[[4936,3]]},"540":{"position":[[2006,3]]},"544":{"position":[[1997,4],[2548,4],[3098,4],[3860,4],[4485,4],[5108,4],[5849,4],[6400,4],[6950,4],[7652,4],[8219,4],[8769,4],[9483,4],[10034,4],[10584,4],[11470,4],[12033,4],[12595,4],[13153,4],[13701,4],[14261,4],[16407,4],[16980,4],[17552,4]]},"546":{"position":[[83,3],[9363,3]]},"550":{"position":[[6022,3],[10801,3],[13440,3],[21013,3],[23335,3],[29754,3],[29903,3],[32408,3],[41656,3],[41711,3],[49072,3],[49389,3],[56220,3],[56328,3],[58588,3],[58614,4],[58713,3],[58796,4]]}}}],["addasync",{"_index":549,"t":{"100":{"position":[[673,8],[739,8],[801,8],[862,8]]}}}],["adddataasync",{"_index":2203,"t":{"508":{"position":[[440,12],[6535,14]]},"510":{"position":[[535,12],[5642,14],[12641,14]]},"512":{"position":[[584,12],[6436,16],[8400,14]]},"514":{"position":[[391,12],[5251,14],[8927,14]]}}}],["adddataasync()\">add",{"_index":2266,"t":{"508":{"position":[[4401,19]]},"510":{"position":[[3779,19],[10861,19]]},"514":{"position":[[3498,19],[7289,19]]}}}],["adddatasetasync",{"_index":548,"t":{"100":{"position":[[653,15],[719,15],[781,15],[842,15]]},"508":{"position":[[494,15],[4253,19],[6267,17]]},"510":{"position":[[589,15],[3631,19],[5392,17]]},"512":{"position":[[638,15],[6288,19],[8162,17]]},"514":{"position":[[445,15],[3350,19],[5016,17]]}}}],["addemploye",{"_index":3803,"t":{"550":{"position":[[57794,13]]}}}],["addemployee2",{"_index":3807,"t":{"550":{"position":[[57985,14]]}}}],["addit",{"_index":835,"t":{"476":{"position":[[3192,10],[3678,10],[4165,10],[4649,10],[5132,10]]},"478":{"position":[[3518,10]]},"484":{"position":[[765,10],[935,10]]},"486":{"position":[[260,10],[463,10],[572,10],[1849,9]]},"488":{"position":[[2310,10]]},"496":{"position":[[6057,10],[6572,10],[6867,10],[7336,10],[7666,10],[7993,10],[10941,10],[11305,10],[11644,10],[12213,10],[12598,10],[12958,10]]},"506":{"position":[[17455,10]]},"540":{"position":[[2303,10]]},"542":{"position":[[1574,10],[1618,10],[2103,10],[4021,10]]},"546":{"position":[[259,10],[548,10],[890,10],[1929,9]]},"548":{"position":[[170,10]]}}}],["address",{"_index":2682,"t":{"516":{"position":[[10151,7],[10875,7]]}}}],["adil",{"_index":2606,"t":{"516":{"position":[[3573,7],[5442,7],[8063,7]]}}}],["adipisc",{"_index":1290,"t":{"486":{"position":[[7585,10],[8838,10],[10226,10],[11823,10],[13076,10],[14464,10],[15961,10],[17214,10],[18602,10]]}}}],["aenean",{"_index":1369,"t":{"486":{"position":[[8466,6],[9403,6],[12704,6],[13641,6],[16842,6],[17779,6]]}}}],["agnost",{"_index":2651,"t":{"516":{"position":[[4352,8]]},"550":{"position":[[10672,8]]}}}],["ago10.2.5.@agree1
switch",{"_index":2957,"t":{"522":{"position":[[887,31]]}}}],["b>@agree2aboutcontactde",{"_index":2747,"t":{"518":{"position":[[3057,5]]}}}],["b>e",{"_index":2742,"t":{"518":{"position":[[2834,5]]}}}],["b>en",{"_index":2729,"t":{"518":{"position":[[2165,5],[2388,5],[3503,5],[3726,5]]}}}],["b>faqsfr",{"_index":2736,"t":{"518":{"position":[[2611,5],[3280,5]]}}}],["b>homeproductsprofilethi",{"_index":1768,"t":{"498":{"position":[[1173,7],[1394,7],[1618,7],[2059,7],[2280,7],[2504,7],[2949,7],[3231,7],[3515,7],[3877,7],[4098,7],[4339,7],[4564,7],[4956,7],[5177,7],[5401,7]]},"544":{"position":[[1899,7],[2448,7],[2999,7],[3762,7],[4385,7],[5009,7],[5751,7],[6300,7],[6851,7],[7554,7],[8119,7],[8670,7],[9385,7],[9934,7],[10485,7],[11372,7],[11933,7],[12496,7],[13053,7],[13602,7],[14162,7],[16309,7],[16880,7],[17453,7]]}}}],["b>zh",{"_index":2764,"t":{"518":{"position":[[3949,5]]}}}],["back",{"_index":421,"t":{"72":{"position":[[318,4],[503,4]]},"484":{"position":[[1906,7]]}}}],["backdrop",{"_index":466,"t":{"80":{"position":[[369,8]]},"486":{"position":[[2643,8],[7342,9],[21476,8]]},"546":{"position":[[1515,9],[2521,8],[3015,10],[7396,9],[7962,8],[14960,8]]}}}],["backend/api",{"_index":3588,"t":{"550":{"position":[[5118,11]]}}}],["background",{"_index":280,"t":{"42":{"position":[[268,11]]},"72":{"position":[[207,10]]},"100":{"position":[[556,10]]},"478":{"position":[[3382,10]]},"494":{"position":[[171,12],[3509,12],[4312,10],[8260,11],[8276,10]]},"496":{"position":[[301,10],[8150,10],[13584,10]]},"512":{"position":[[3029,10]]},"540":{"position":[[1124,10],[7325,10]]},"548":{"position":[[20916,10],[20979,10],[21308,10],[21446,10],[21861,10],[21974,10]]}}}],["backgroundcolor",{"_index":2212,"t":{"508":{"position":[[988,15],[1038,16],[7713,15],[8837,15],[10302,15],[10573,15],[10845,15],[12529,15],[12800,15],[13072,15],[14626,15],[14897,15],[15169,15]]},"510":{"position":[[1093,15],[1143,16],[3989,17],[4144,16],[6557,15],[8335,15],[8877,15],[9419,15],[11071,17],[11226,16],[13750,15]]},"512":{"position":[[1134,15],[1184,16],[9561,15],[11159,15],[11701,15],[12243,15],[14017,15],[14624,15],[15231,15]]},"514":{"position":[[939,15],[989,16],[3688,17],[3843,16],[6122,15],[7479,17],[7634,16],[9990,15]]}}}],["backgroundcolors![datalabelscount",{"_index":2391,"t":{"510":{"position":[[5990,37],[7322,35],[12989,37],[14515,35]]},"514":{"position":[[5577,37],[6887,35],[9253,37],[10755,35]]}}}],["badg",{"_index":415,"t":{"72":{"position":[[116,6],[191,5],[230,6],[808,5],[1066,5]]},"108":{"position":[[1865,6],[1985,5]]},"120":{"position":[[163,6],[283,5]]},"126":{"position":[[21,7],[159,6],[279,5]]},"188":{"position":[[1909,6],[2029,5]]},"194":{"position":[[169,6],[289,5]]},"198":{"position":[[165,6],[285,5]]},"204":{"position":[[1918,6],[2038,5]]},"216":{"position":[[465,6],[585,5]]},"222":{"position":[[168,6],[288,5]]},"276":{"position":[[1913,6],[2033,5]]},"284":{"position":[[1912,6],[2032,5]]},"292":{"position":[[162,6],[282,5]]},"298":{"position":[[459,6],[579,5]]},"442":{"position":[[160,6],[280,5]]},"474":{"position":[[2344,5]]},"540":{"position":[[11,5],[37,5],[64,5],[255,6],[326,5],[419,5],[504,5],[562,5],[678,6],[796,6],[1143,6],[2384,7],[2432,6],[2481,6],[3259,6],[3422,6],[3551,7],[3678,6],[4143,6],[4443,6],[4745,6],[5070,6],[5373,6],[5678,6],[6006,6],[6309,6],[6614,6],[6885,5],[7032,6],[7348,6]]},"542":{"position":[[3964,5]]},"548":{"position":[[311,5],[11030,6],[11039,5],[11171,6],[21247,5],[21302,5],[22286,5]]}}}],["badge1",{"_index":579,"t":{"118":{"position":[[41,6]]}}}],["badge>new

exampl",{"_index":3191,"t":{"540":{"position":[[871,34]]}}}],["badge>new

exampl",{"_index":3192,"t":{"540":{"position":[[914,34]]}}}],["badge>new

exampl",{"_index":3193,"t":{"540":{"position":[[957,34]]}}}],["badge>new

exampl",{"_index":3194,"t":{"540":{"position":[[1000,34]]}}}],["badge>new
exampl",{"_index":3195,"t":{"540":{"position":[[1043,34]]}}}],["badge>new.........

headersom",{"_index":1666,"t":{"496":{"position":[[2784,14],[3544,14],[4014,14],[4376,14],[5366,14],[8324,14],[8614,14],[8900,14],[9184,14],[9470,14],[9750,14],[10032,14],[10312,14]]}}}],["cardtext>thi",{"_index":1743,"t":{"496":{"position":[[10859,14],[11235,14],[11562,14],[12131,14],[12528,14],[12876,14]]}}}],["cardtext>with",{"_index":1707,"t":{"496":{"position":[[5996,14],[6511,14],[6806,14],[7275,14],[7605,14],[7932,14]]}}}],["cardtitl",{"_index":1657,"t":{"496":{"position":[[2288,9],[13434,9]]}}}],["cardtitle>card",{"_index":1664,"t":{"496":{"position":[[2750,15],[3443,15],[3913,15],[4275,15],[5332,15],[10825,15],[11201,15],[11528,15],[12097,15],[12494,15],[12842,15]]}}}],["cardtitle>dang",{"_index":1730,"t":{"496":{"position":[[9143,17]]}}}],["cardtitle>dark",{"_index":1738,"t":{"496":{"position":[[10273,15]]}}}],["cardtitle>info",{"_index":1734,"t":{"496":{"position":[[9711,15]]}}}],["cardtitle>light",{"_index":1736,"t":{"496":{"position":[[9992,16]]}}}],["cardtitle>primari",{"_index":1724,"t":{"496":{"position":[[8282,18]]}}}],["cardtitle>secondari",{"_index":1726,"t":{"496":{"position":[[8570,20]]}}}],["cardtitle>speci",{"_index":1705,"t":{"496":{"position":[[5949,18],[6464,18],[6759,18],[7228,18],[7558,18],[7885,18]]}}}],["cardtitle>success",{"_index":1728,"t":{"496":{"position":[[8858,18]]}}}],["cardtitle>warn",{"_index":1732,"t":{"496":{"position":[[9428,18]]}}}],["card—in",{"_index":1717,"t":{"496":{"position":[[7103,7]]}}}],["cart",{"_index":1207,"t":{"486":{"position":[[116,6]]}}}],["case",{"_index":1823,"t":{"498":{"position":[[8875,4],[8930,4],[8988,4],[9046,4]]},"516":{"position":[[1000,5],[4257,4],[4365,4]]},"550":{"position":[[8400,4],[10685,4]]}}}],["catch",{"_index":1561,"t":{"492":{"position":[[1231,5]]}}}],["catch(except",{"_index":1924,"t":{"500":{"position":[[11949,15]]},"538":{"position":[[5580,15]]}}}],["categor",{"_index":2255,"t":{"508":{"position":[[3559,11]]},"510":{"position":[[2927,11]]},"512":{"position":[[5524,11]]},"514":{"position":[[2656,11]]}}}],["categori",{"_index":2216,"t":{"508":{"position":[[1153,8],[1193,8],[1499,8],[3896,10]]},"510":{"position":[[178,11],[323,9],[3264,10]]},"512":{"position":[[5861,10]]},"514":{"position":[[177,11],[2993,10]]}}}],["categorypercentag",{"_index":2225,"t":{"508":{"position":[[1427,18]]}}}],["cater",{"_index":1033,"t":{"480":{"position":[[187,5]]}}}],["caus",{"_index":451,"t":{"78":{"position":[[198,7]]},"98":{"position":[[561,7]]}}}],["cdn",{"_index":1961,"t":{"504":{"position":[[265,4]]}}}],["cell",{"_index":230,"t":{"30":{"position":[[440,4],[455,4],[471,4]]},"550":{"position":[[37101,4],[37163,4],[39356,4],[39386,4],[41612,4],[65712,4],[106748,4],[106763,4],[106778,4]]}}}],["center",{"_index":536,"t":{"100":{"position":[[317,9]]},"484":{"position":[[1135,6],[6887,9],[6957,6],[7097,8],[7736,8],[8391,8]]},"506":{"position":[[11737,9],[11750,6],[24981,8]]},"508":{"position":[[2693,6],[2746,6]]},"510":{"position":[[228,6],[2307,6],[13541,9]]},"514":{"position":[[2051,6],[9791,9]]},"518":{"position":[[8303,6]]},"524":{"position":[[4819,6]]},"538":{"position":[[2151,9],[5888,8]]},"546":{"position":[[1139,7],[9353,9],[9409,6],[9532,8],[9820,8],[10036,8],[10896,8],[15003,8],[15023,8]]}}}],["centerbottom",{"_index":1906,"t":{"500":{"position":[[9042,53]]}}}],["changeplacement(toastsplacement.bottomleft)\">bottom",{"_index":1905,"t":{"500":{"position":[[8923,51]]}}}],["changeplacement(toastsplacement.bottomright)\">bottom",{"_index":1907,"t":{"500":{"position":[[9165,52]]}}}],["changeplacement(toastsplacement.middlecenter)\">middl",{"_index":1903,"t":{"500":{"position":[[8679,53]]}}}],["changeplacement(toastsplacement.middleleft)\">middl",{"_index":1902,"t":{"500":{"position":[[8560,51]]}}}],["changeplacement(toastsplacement.middleright)\">middl",{"_index":1904,"t":{"500":{"position":[[8802,52]]}}}],["changeplacement(toastsplacement.topcenter)\">top",{"_index":1898,"t":{"500":{"position":[[8328,47]]}}}],["changeplacement(toastsplacement.topleft)\">top",{"_index":1896,"t":{"500":{"position":[[8215,45]]}}}],["changeplacement(toastsplacement.topright)\">top",{"_index":1900,"t":{"500":{"position":[[8445,46]]}}}],["changesgrid",{"_index":3860,"t":{"550":{"position":[[79232,20]]}}}],["changesize(15)\">grid",{"_index":3862,"t":{"550":{"position":[[79348,20]]}}}],["changesize(5)\">grid",{"_index":3858,"t":{"550":{"position":[[79118,19]]}}}],["changesize(int",{"_index":3864,"t":{"550":{"position":[[81436,14]]}}}],["changetooltip",{"_index":1010,"t":{"478":{"position":[[8948,15]]},"502":{"position":[[1743,15]]}}}],["chart",{"_index":18,"t":{"2":{"position":[[148,7],[399,5],[579,5],[826,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":[[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]]},"112":{"position":[[1043,5],[1097,6],[1115,5],[1137,5],[1155,5],[1172,5]]},"124":{"position":[[197,7],[448,5]]},"128":{"position":[[192,7],[443,5],[623,5],[870,7]]},"132":{"position":[[33,6],[178,5],[232,6],[250,5],[272,5],[290,5],[307,5]]},"136":{"position":[[29,7],[175,5],[229,6],[247,5],[269,5],[287,5],[304,5]]},"144":{"position":[[38,6],[183,5],[237,6],[255,5],[277,5],[295,5],[312,5]]},"158":{"position":[[34,6],[179,5],[233,6],[251,5],[273,5],[291,5],[308,5]]},"166":{"position":[[33,6],[178,5],[232,6],[250,5],[272,5],[290,5],[307,5]]},"196":{"position":[[203,7],[454,5]]},"200":{"position":[[201,7],[452,5],[632,5],[879,7]]},"208":{"position":[[1096,5],[1150,6],[1168,5],[1190,5],[1208,5],[1225,5]]},"220":{"position":[[197,7],[448,5]]},"224":{"position":[[205,7],[456,5]]},"238":{"position":[[195,5],[442,7]]},"244":{"position":[[196,7],[447,5]]},"256":{"position":[[198,7],[449,5]]},"272":{"position":[[198,7],[449,5]]},"274":{"position":[[196,7],[447,5],[627,5],[874,7]]},"280":{"position":[[195,7],[446,5],[626,5],[873,7]]},"290":{"position":[[21,7],[191,7],[442,5]]},"296":{"position":[[199,7],[450,5]]},"312":{"position":[[189,7],[440,5]]},"318":{"position":[[189,5],[436,7]]},"332":{"position":[[191,7],[442,5]]},"354":{"position":[[197,7],[448,5]]},"356":{"position":[[192,7],[443,5]]},"372":{"position":[[192,7],[443,5]]},"414":{"position":[[192,5]]},"416":{"position":[[193,7],[444,5]]},"418":{"position":[[191,7]]},"428":{"position":[[168,5],[222,6],[240,5],[262,5],[280,5],[297,5]]},"480":{"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]]},"482":{"position":[[5228,6]]},"496":{"position":[[13245,6]]},"502":{"position":[[1870,5]]},"508":{"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],[8385,6],[9782,6],[11863,5],[11980,5],[16330,5],[16506,5],[16524,5]]},"510":{"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],[7430,5],[7547,5],[14627,5],[14643,5]]},"512":{"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],[6627,5],[6794,5],[16601,5],[16616,5]]},"514":{"position":[[23,5],[53,5],[93,5],[123,5],[278,5],[320,5],[431,6],[491,6],[541,6],[582,6],[1630,6],[1921,5],[2339,5],[2606,7],[10868,5]]},"526":{"position":[[1759,5],[2115,5],[2595,5]]},"528":{"position":[[1598,5],[1954,5],[2434,5]]},"530":{"position":[[1237,5],[1593,5],[2073,5]]},"538":{"position":[[5821,5]]}}}],["chart.j",{"_index":1029,"t":{"480":{"position":[[114,8]]},"526":{"position":[[1737,8],[2550,8]]},"528":{"position":[[1576,8],[2389,8]]},"530":{"position":[[1215,8],[2028,8]]}}}],["chart1",{"_index":582,"t":{"118":{"position":[[89,6],[206,6],[337,6],[409,6],[1230,6]]}}}],["chart.visu",{"_index":836,"t":{"476":{"position":[[3224,15],[3710,15],[4197,15],[4681,15],[5164,15]]}}}],["code>step2dangerdangerinfoinfoprimaryprimarysav",{"_index":3377,"t":{"546":{"position":[[3523,32],[8995,32],[9670,32],[10746,32],[14024,32]]}}}],["color=\"buttoncolor.primary\">understoodcent",{"_index":2059,"t":{"506":{"position":[[11977,38]]}}}],["color=\"buttoncolor.secondary\">click",{"_index":2171,"t":{"506":{"position":[[21746,39],[22168,39]]}}}],["color=\"buttoncolor.secondary\">default",{"_index":2165,"t":{"506":{"position":[[21324,37]]}}}],["color=\"buttoncolor.secondary\">dropdown",{"_index":2029,"t":{"506":{"position":[[3725,38],[18220,38],[22930,38],[23981,38]]}}}],["color=\"buttoncolor.secondary\">dropdowndropenddropstartdropup",{"_index":2056,"t":{"506":{"position":[[10893,36],[11315,36]]}}}],["color=\"buttoncolor.secondary\">manu",{"_index":2176,"t":{"506":{"position":[[22537,36]]}}}],["color=\"buttoncolor.secondary\">right",{"_index":2074,"t":{"506":{"position":[[15867,35]]}}}],["color=\"buttoncolor.secondary\">secondarysecondarysplit",{"_index":2063,"t":{"506":{"position":[[12970,35],[14338,35]]}}}],["color=\"buttoncolor.success",{"_index":891,"t":{"478":{"position":[[2145,28],[2914,27]]},"486":{"position":[[6439,27]]},"492":{"position":[[1797,27]]},"494":{"position":[[4559,27]]},"500":{"position":[[2167,27],[3602,27],[5132,27],[6714,27],[10376,27]]},"506":{"position":[[7277,27],[19542,27]]},"518":{"position":[[12694,27]]},"520":{"position":[[8115,27],[11194,27]]},"524":{"position":[[8974,27]]},"536":{"position":[[7284,27],[10515,27]]},"538":{"position":[[1218,27],[2393,27],[3573,27]]},"546":{"position":[[6911,27]]}}}],["color=\"buttoncolor.success\">successsuccesswarningwarning@cod",{"_index":1245,"t":{"486":{"position":[[3728,23]]},"546":{"position":[[4285,23]]}}}],["componentblazor",{"_index":321,"t":{"48":{"position":[[233,15]]},"110":{"position":[[2636,15]]},"134":{"position":[[874,15]]},"138":{"position":[[291,15]]},"142":{"position":[[283,15]]},"168":{"position":[[284,15]]},"176":{"position":[[284,15]]},"184":{"position":[[283,15]]},"190":{"position":[[2680,15]]},"206":{"position":[[2689,15]]},"412":{"position":[[277,15]]}}}],["conceptu",{"_index":1233,"t":{"486":{"position":[[2507,13]]}}}],["condimentum",{"_index":1381,"t":{"486":{"position":[[8663,11],[9125,11],[11126,12],[12901,11],[13363,11],[15364,12],[17039,11],[17501,11],[19502,12]]}}}],["condimentum.*dangerdark@cod",{"_index":3077,"t":{"536":{"position":[[1553,17]]}}}],["date2",{"_index":2856,"t":{"520":{"position":[[2887,6],[4936,6],[5177,5]]}}}],["date2(\"ar",{"_index":1150,"t":{"484":{"position":[[2826,44]]}}}],["dialog.showasync(titl",{"_index":1201,"t":{"484":{"position":[[6121,49],[7965,49]]}}}],["dialog1",{"_index":643,"t":{"118":{"position":[[1255,7],[1348,7]]}}}],["dialog2",{"_index":584,"t":{"118":{"position":[[144,7],[182,7]]}}}],["dialogcssclass",{"_index":1117,"t":{"484":{"position":[[743,14]]},"546":{"position":[[526,14]]}}}],["dialogoptions.isscrollable=\"tru",{"_index":1202,"t":{"484":{"position":[[6347,34],[7575,34]]}}}],["dialogoptions.isverticallycentered=\"tru",{"_index":1204,"t":{"484":{"position":[[6901,41]]}}}],["dialogs",{"_index":1126,"t":{"484":{"position":[[1298,10]]}}}],["dictionari",{"_index":1252,"t":{"486":{"position":[[4854,11],[5103,11]]},"546":{"position":[[5399,11],[5648,11]]}}}],["dictionaryanoth",{"_index":2069,"t":{"506":{"position":[[15315,23]]}}}],["disabled>dis",{"_index":1942,"t":{"502":{"position":[[1095,17]]}}}],["disablerowselect",{"_index":3538,"t":{"550":{"position":[[1016,19],[75003,19]]}}}],["disablerowselection=\"disablerowselectionhandl",{"_index":3852,"t":{"550":{"position":[[75446,48]]}}}],["disablerowselectionhandler(employee1",{"_index":3855,"t":{"550":{"position":[[78131,36]]}}}],["disappear",{"_index":478,"t":{"82":{"position":[[258,9]]},"84":{"position":[[302,9]]}}}],["discount",{"_index":2130,"t":{"506":{"position":[[19001,9],[20219,8],[20310,9],[20802,9],[20859,8]]},"518":{"position":[[12044,9],[13332,8],[13423,9],[13914,9],[13971,8]]},"524":{"position":[[8367,9],[9612,8],[9703,9],[10195,9],[10252,8]]}}}],["discount:@cod",{"_index":3502,"t":{"548":{"position":[[18942,11]]}}}],["div>som",{"_index":1441,"t":{"486":{"position":[[20251,9]]}}}],["divid",{"_index":540,"t":{"100":{"position":[[389,9]]},"474":{"position":[[968,9],[978,8],[1125,8],[1175,8],[1560,8],[1725,8],[2394,8]]},"506":{"position":[[16773,9],[16828,8],[25058,8]]},"542":{"position":[[1673,9]]}}}],["doc",{"_index":36,"t":{"2":{"position":[[417,4]]},"10":{"position":[[597,4]]},"14":{"position":[[156,4],[258,4]]},"18":{"position":[[238,4]]},"24":{"position":[[124,4],[177,4]]},"26":{"position":[[124,4],[203,4]]},"28":{"position":[[211,4]]},"32":{"position":[[429,4]]},"34":{"position":[[770,4]]},"72":{"position":[[663,4]]},"104":{"position":[[689,4],[1025,4]]},"112":{"position":[[1646,4],[1852,4],[2381,4]]},"114":{"position":[[124,4],[1178,4]]},"122":{"position":[[199,4]]},"124":{"position":[[466,4],[2379,4],[2585,4]]},"128":{"position":[[461,4]]},"196":{"position":[[472,4]]},"200":{"position":[[470,4]]},"208":{"position":[[1699,4],[1905,4],[2434,4]]},"210":{"position":[[177,4],[1231,4]]},"220":{"position":[[466,4]]},"224":{"position":[[474,4]]},"244":{"position":[[465,4]]},"256":{"position":[[467,4]]},"272":{"position":[[467,4]]},"274":{"position":[[465,4]]},"280":{"position":[[464,4]]},"288":{"position":[[229,4]]},"290":{"position":[[460,4]]},"296":{"position":[[468,4]]},"312":{"position":[[20,6],[458,4],[657,4],[863,4]]},"332":{"position":[[460,4],[2762,4]]},"338":{"position":[[1359,4]]},"340":{"position":[[725,4]]},"350":{"position":[[173,4]]},"354":{"position":[[466,4]]},"356":{"position":[[461,4]]},"372":{"position":[[461,4]]},"376":{"position":[[200,4]]},"386":{"position":[[168,4]]},"388":{"position":[[168,4]]},"396":{"position":[[228,4]]},"398":{"position":[[235,4]]},"416":{"position":[[462,4]]},"474":{"position":[[847,7],[860,8],[1445,7],[1458,8],[2176,7],[2189,8]]},"532":{"position":[[247,4]]},"534":{"position":[[252,4]]}}}],["docs3",{"_index":652,"t":{"118":{"position":[[1356,5]]}}}],["document",{"_index":101,"t":{"4":{"position":[[116,11],[163,13]]},"6":{"position":[[136,14]]},"10":{"position":[[153,13],[226,13],[636,13]]},"30":{"position":[[603,13]]},"32":{"position":[[373,13]]},"34":{"position":[[626,13],[665,13],[701,13]]},"36":{"position":[[218,13]]},"38":{"position":[[332,13],[378,13],[420,13],[461,13]]},"40":{"position":[[356,13]]},"42":{"position":[[451,13],[489,13]]},"44":{"position":[[676,13],[712,13]]},"46":{"position":[[468,13],[509,13],[548,13]]},"48":{"position":[[630,13],[676,13],[715,13],[751,13]]},"50":{"position":[[453,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":[[374,13]]},"66":{"position":[[341,13]]},"68":{"position":[[821,13],[852,13],[880,13],[909,13]]},"70":{"position":[[797,13],[823,13],[854,13],[881,13],[912,13]]},"72":{"position":[[635,14],[814,13],[844,13],[875,13],[904,13],[952,13],[995,13]]},"74":{"position":[[316,13]]},"76":{"position":[[514,13],[543,13]]},"78":{"position":[[392,13],[418,13]]},"80":{"position":[[1431,13],[1462,13],[1497,13],[1533,13],[1565,13],[1599,13],[1627,13],[1659,13]]},"82":{"position":[[355,13],[386,13],[421,13],[457,13],[489,13],[523,13],[551,13],[583,13]]},"84":{"position":[[467,13],[496,13],[528,13]]},"86":{"position":[[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":[[1247,13],[1287,13],[1325,13],[1361,13],[1399,13],[1438,13],[1476,13]]},"102":{"position":[[485,13]]},"104":{"position":[[794,13]]},"112":{"position":[[1406,13]]},"114":{"position":[[1574,13],[1793,14],[1963,11]]},"124":{"position":[[2139,13]]},"208":{"position":[[1459,13]]},"210":{"position":[[1627,13],[1846,14],[2016,11]]},"368":{"position":[[160,11]]},"370":{"position":[[180,14]]},"384":{"position":[[197,13]]},"410":{"position":[[262,13]]},"478":{"position":[[1263,8]]},"480":{"position":[[637,13],[741,13],[833,13],[922,13]]},"482":{"position":[[1541,14]]},"494":{"position":[[49,13]]},"496":{"position":[[1730,9]]},"498":{"position":[[41,13]]},"506":{"position":[[2645,9]]},"546":{"position":[[2911,8]]}}}],["documentation..dropdown",{"_index":2079,"t":{"506":{"position":[[17166,25]]}}}],["dropdownhead",{"_index":2024,"t":{"506":{"position":[[1874,14],[2030,15],[24824,14]]}}}],["dropdownheader>dropdown",{"_index":2077,"t":{"506":{"position":[[16459,24]]}}}],["dropdownitem",{"_index":2025,"t":{"506":{"position":[[2053,12],[3809,13],[3875,13],[3949,13],[4220,13],[4286,13],[4360,13],[4578,13],[4644,13],[4718,13],[4932,13],[4998,13],[5072,13],[5280,13],[5346,13],[5420,13],[5634,13],[5700,13],[5774,13],[5986,13],[6052,13],[6126,13],[6477,13],[6543,13],[6617,13],[6903,13],[6969,13],[7043,13],[7323,13],[7389,13],[7463,13],[7734,13],[7800,13],[7874,13],[8154,13],[8220,13],[8294,13],[8571,13],[8637,13],[8711,13],[9015,13],[9099,13],[9173,13],[9504,13],[9570,13],[9644,13],[9921,13],[9987,13],[10061,13],[10392,13],[10458,13],[10532,13],[10985,13],[11051,13],[11125,13],[11458,13],[11524,13],[11598,13],[12061,13],[12127,13],[12201,13],[12639,13],[12705,13],[12779,13],[13107,13],[13173,13],[13247,13],[13700,13],[13766,13],[13840,13],[14081,13],[14147,13],[14221,13],[14461,12],[14524,12],[14677,13],[14743,13],[14831,13],[14975,12],[15042,12],[15205,13],[15271,13],[15361,13],[15998,13],[16064,13],[16138,13],[16508,13],[16574,13],[16648,13],[16947,13],[17013,13],[17087,13],[17217,13],[21409,13],[21478,13],[21547,13],[21832,13],[21901,13],[21970,13],[22253,13],[22322,13],[22391,13],[22618,13],[22687,13],[22756,13],[23014,13],[23080,13],[23154,13],[24065,13],[24131,13],[24205,13],[24850,12]]}}}],["dropdownmenu",{"_index":2022,"t":{"506":{"position":[[1621,12],[1775,13],[2308,13],[3794,14],[4205,14],[4439,15],[4563,14],[4797,15],[4917,14],[5151,15],[5265,14],[5499,15],[5619,14],[5853,15],[5971,14],[6205,15],[6462,14],[6696,15],[6888,14],[7122,15],[7308,14],[7542,15],[7719,14],[7953,15],[8139,14],[8373,15],[8556,14],[8790,15],[9000,14],[9252,15],[9489,14],[9723,15],[9906,14],[10140,15],[10377,14],[10611,15],[10695,12],[10970,14],[11204,15],[11443,14],[11677,15],[11761,12],[12046,14],[12280,15],[12353,12],[12624,14],[12858,15],[13092,14],[13326,15],[13401,12],[13685,14],[13919,15],[14066,14],[14300,15],[14552,13],[14662,14],[15070,12],[15190,14],[15515,12],[15682,13],[15757,12],[15947,13],[16444,14],[16932,14],[17604,13],[18287,13],[21094,12],[21160,13],[21394,14],[21817,14],[22238,14],[22603,14],[22999,14],[24050,14],[24800,12]]}}}],["dropdownmenu>employe",{"_index":1160,"t":{"484":{"position":[[3288,13]]},"486":{"position":[[4134,13],[6078,13]]},"546":{"position":[[4674,13],[6550,13]]}}}],["end\">first",{"_index":1162,"t":{"484":{"position":[[3414,10]]},"486":{"position":[[4260,10],[6204,10]]},"546":{"position":[[4800,10],[6676,10]]}}}],["end\">last",{"_index":1164,"t":{"484":{"position":[[3547,9]]},"486":{"position":[[4393,9],[6337,9]]},"546":{"position":[[4933,9],[6809,9]]}}}],["enddat",{"_index":2947,"t":{"520":{"position":[[12732,7]]}}}],["enddateinput",{"_index":2928,"t":{"520":{"position":[[11315,12]]}}}],["enddateinput.dis",{"_index":2937,"t":{"520":{"position":[[11868,23]]}}}],["enddateinput.en",{"_index":2940,"t":{"520":{"position":[[12052,22]]}}}],["endregion",{"_index":2317,"t":{"508":{"position":[[8322,10]]},"510":{"position":[[7358,10],[14551,10]]},"512":{"position":[[10361,10]]},"514":{"position":[[6923,10],[10791,10]]}}}],["engin",{"_index":3618,"t":{"550":{"position":[[6983,10],[7116,10],[7239,10],[7501,10],[9326,10],[9459,10],[9582,10],[9844,10],[11700,10],[11833,10],[11956,10],[12218,10],[13083,10],[14470,10],[14603,10],[14726,10],[14988,10],[16887,10],[17020,10],[17143,10],[17405,10],[18270,10],[19637,10],[19770,10],[19893,10],[20155,10],[22037,10],[22170,10],[22293,10],[22555,10],[25200,10],[25443,10],[25679,10],[26167,10],[31108,10],[31241,10],[31364,10],[31626,10],[33471,10],[33604,10],[33727,10],[33989,10],[35834,10],[35967,10],[36090,10],[36352,10],[38237,10],[38351,10],[38458,10],[38687,10],[40493,10],[40607,10],[40714,10],[40943,10],[43215,10],[43458,10],[43694,10],[44182,10],[46467,10],[46600,10],[46723,10],[46985,10],[47850,10],[52107,10],[52240,10],[52363,10],[52625,10],[53490,10],[54742,10],[54875,10],[54998,10],[55260,10],[57190,10],[57323,10],[57446,10],[57708,10],[58416,8],[60900,10],[61033,10],[61156,10],[61418,10],[62283,10],[64119,10],[64252,10],[64375,10],[64637,10],[65502,10],[67494,10],[67627,10],[67750,10],[68012,10],[68877,10],[70626,10],[70759,10],[70882,10],[71144,10],[73595,10],[73728,10],[73851,10],[74113,10],[76886,10],[77019,10],[77142,10],[77404,10],[79972,10],[80105,10],[80228,10],[80490,10],[81355,10],[82736,10],[82869,10],[82992,10],[83254,10],[84119,10],[87966,10],[88089,10],[88351,10],[96182,10],[96305,10],[96567,10],[98371,10],[98494,10],[98756,10],[100807,10],[100930,10],[101192,10],[104787,10],[104920,10],[105043,10],[105305,10],[106170,10]]}}}],["enhanc",{"_index":16,"t":{"2":{"position":[[118,12]]},"16":{"position":[[161,12],[184,12]]},"24":{"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":[[152,12]]},"44":{"position":[[151,12],[516,13]]},"46":{"position":[[116,12],[196,12],[229,12]]},"48":{"position":[[156,13],[321,12],[349,12],[377,12]]},"62":{"position":[[120,12]]},"64":{"position":[[121,12]]},"104":{"position":[[118,12]]},"110":{"position":[[121,12],[370,12],[2559,13],[2925,12]]},"112":{"position":[[151,12],[493,12],[782,13],[1577,13],[1991,12],[2183,12],[2386,12]]},"114":{"position":[[129,12]]},"124":{"position":[[167,12],[2310,13]]},"128":{"position":[[162,12]]},"134":{"position":[[797,13],[1163,12],[1511,12]]},"138":{"position":[[214,13],[580,12]]},"142":{"position":[[206,13],[572,12]]},"146":{"position":[[169,12],[418,12],[673,13]]},"148":{"position":[[185,13]]},"150":{"position":[[182,13]]},"152":{"position":[[183,13]]},"154":{"position":[[201,12]]},"156":{"position":[[208,12]]},"162":{"position":[[208,12]]},"164":{"position":[[170,12]]},"168":{"position":[[207,13],[573,12]]},"170":{"position":[[205,12]]},"172":{"position":[[209,12]]},"174":{"position":[[170,12]]},"176":{"position":[[207,13],[573,12]]},"180":{"position":[[200,12]]},"184":{"position":[[206,13]]},"186":{"position":[[450,12]]},"190":{"position":[[165,12],[414,12],[2603,13],[2969,12]]},"192":{"position":[[195,12]]},"196":{"position":[[173,12]]},"200":{"position":[[171,12]]},"206":{"position":[[174,12],[423,12],[2612,13],[2978,12]]},"208":{"position":[[204,12],[546,12],[835,13],[1630,13],[2044,12],[2236,12],[2439,12]]},"210":{"position":[[182,12]]},"220":{"position":[[167,12]]},"224":{"position":[[175,12]]},"240":{"position":[[169,12],[418,12],[673,13]]},"244":{"position":[[166,12]]},"256":{"position":[[168,12]]},"272":{"position":[[168,12]]},"274":{"position":[[166,12]]},"278":{"position":[[169,12],[418,12]]},"280":{"position":[[165,12]]},"288":{"position":[[160,13]]},"290":{"position":[[161,12]]},"296":{"position":[[169,12]]},"298":{"position":[[789,12]]},"310":{"position":[[168,12],[417,12]]},"312":{"position":[[159,12],[588,13]]},"322":{"position":[[493,12]]},"324":{"position":[[201,12]]},"332":{"position":[[161,12],[2767,12]]},"338":{"position":[[1364,12]]},"340":{"position":[[163,12],[412,12],[656,13],[864,12]]},"344":{"position":[[455,12]]},"346":{"position":[[202,12]]},"350":{"position":[[178,12]]},"354":{"position":[[167,12]]},"356":{"position":[[162,12]]},"360":{"position":[[781,12]]},"372":{"position":[[162,12]]},"386":{"position":[[173,12]]},"388":{"position":[[173,12]]},"390":{"position":[[156,12]]},"394":{"position":[[168,12]]},"396":{"position":[[159,13]]},"402":{"position":[[170,13]]},"404":{"position":[[196,12]]},"406":{"position":[[195,12]]},"412":{"position":[[200,13]]},"416":{"position":[[163,12]]},"420":{"position":[[160,12]]},"432":{"position":[[165,12]]},"444":{"position":[[164,12]]}}}],["enim",{"_index":1313,"t":{"486":{"position":[[7827,5],[8273,5],[8759,5],[10661,5],[12065,5],[12511,5],[12997,5],[14899,5],[16203,5],[16649,5],[17135,5],[19037,5]]}}}],["enough",{"_index":1884,"t":{"500":{"position":[[4767,6],[6293,6]]}}}],["ensur",{"_index":128,"t":{"10":{"position":[[94,8]]},"114":{"position":[[1515,8]]},"210":{"position":[[1568,8]]},"384":{"position":[[138,8]]},"476":{"position":[[3030,6],[3516,6],[4003,6],[4487,6],[4970,6]]},"540":{"position":[[2141,6]]}}}],["enter",{"_index":2568,"t":{"516":{"position":[[2498,5]]},"518":{"position":[[7450,5]]},"520":{"position":[[3149,5]]},"524":{"position":[[3196,5]]},"536":{"position":[[2390,5]]}}}],["enterpris",{"_index":2987,"t":{"526":{"position":[[96,10]]},"528":{"position":[[106,10]]},"530":{"position":[[96,10]]},"532":{"position":[[89,10]]},"534":{"position":[[94,10]]}}}],["entireti",{"_index":1718,"t":{"496":{"position":[[7115,8]]}}}],["entri",{"_index":95,"t":{"2":{"position":[[2858,7]]},"70":{"position":[[330,5],[514,5]]},"108":{"position":[[3094,7],[3108,7]]},"110":{"position":[[3128,7],[3142,7]]},"112":{"position":[[2460,7],[2474,7]]},"114":{"position":[[2047,7],[2061,7]]},"116":{"position":[[249,7]]},"128":{"position":[[2902,7]]},"188":{"position":[[3138,7],[3152,7]]},"190":{"position":[[3172,7],[3186,7]]},"192":{"position":[[391,7]]},"200":{"position":[[2911,7]]},"204":{"position":[[3147,7],[3161,7]]},"206":{"position":[[3181,7],[3195,7]]},"208":{"position":[[2513,7],[2527,7]]},"210":{"position":[[2100,7],[2114,7]]},"212":{"position":[[302,7]]},"238":{"position":[[3003,7]]},"240":{"position":[[816,7]]},"274":{"position":[[2906,7]]},"276":{"position":[[3142,7],[3156,7]]},"278":{"position":[[1312,7]]},"280":{"position":[[2905,7]]},"284":{"position":[[3141,7],[3155,7]]},"310":{"position":[[1311,7]]},"318":{"position":[[2997,7]]},"340":{"position":[[1151,7]]},"520":{"position":[[9345,5],[9446,5],[12971,5]]},"536":{"position":[[8978,5],[9079,5],[12216,5]]}}}],["enum",{"_index":251,"t":{"34":{"position":[[467,4]]},"476":{"position":[[329,4]]},"490":{"position":[[1354,5],[2180,5]]},"492":{"position":[[1405,4]]},"516":{"position":[[803,4],[937,4],[1292,4]]},"548":{"position":[[574,4]]},"550":{"position":[[3930,4],[4334,4],[4807,4],[5209,4],[39474,6]]}}}],["environ",{"_index":3493,"t":{"548":{"position":[[11096,12]]}}}],["equal",{"_index":1740,"t":{"496":{"position":[[10546,5],[11726,5],[13040,5]]}}}],["erat",{"_index":1357,"t":{"486":{"position":[[8292,5],[10158,4],[10481,4],[10864,4],[12530,5],[14396,4],[14719,4],[15102,4],[16668,5],[18534,4],[18857,4],[19240,4]]}}}],["ero",{"_index":1402,"t":{"486":{"position":[[9566,5],[9661,5],[9820,5],[10746,4],[11053,4],[13804,5],[13899,5],[14058,5],[14984,4],[15291,4],[17942,5],[18037,5],[18196,5],[19122,4],[19429,4]]}}}],["error",{"_index":453,"t":{"78":{"position":[[216,5]]},"500":{"position":[[12033,8]]},"538":{"position":[[5693,8]]}}}],["errormessag",{"_index":2156,"t":{"506":{"position":[[20674,12],[20787,12],[20944,12]]},"518":{"position":[[13787,12],[13899,12],[14056,12]]},"524":{"position":[[10067,12],[10180,12],[10337,12]]}}}],["es",{"_index":2643,"t":{"516":{"position":[[3883,4],[5752,4],[8373,4]]},"518":{"position":[[2917,3]]}}}],["es(thi",{"_index":1267,"t":{"486":{"position":[[5722,50]]},"546":{"position":[[6205,50]]}}}],["eventcallbackexampl",{"_index":3190,"t":{"540":{"position":[[851,11]]}}}],["h4",{"_index":3268,"t":{"542":{"position":[[1724,3]]}}}],["h4>convey",{"_index":817,"t":{"476":{"position":[[2824,13],[3310,13],[3797,13],[4281,13],[4764,13]]}}}],["hand",{"_index":3250,"t":{"542":{"position":[[116,7]]}}}],["handl",{"_index":1562,"t":{"492":{"position":[[1242,6]]},"500":{"position":[[11974,6]]},"516":{"position":[[3958,6],[5827,6],[6854,6],[8448,6],[10606,6],[12112,6],[13602,6]]},"538":{"position":[[5605,6]]}}}],["handleonvalidsubmit",{"_index":2148,"t":{"506":{"position":[[20334,21]]},"516":{"position":[[10055,21]]},"518":{"position":[[13447,21]]},"520":{"position":[[8399,21]]},"524":{"position":[[9727,21]]}}}],["handlevalidsubmit",{"_index":2941,"t":{"520":{"position":[[12089,19]]},"536":{"position":[[7627,19],[11444,19]]}}}],["happi",{"_index":167,"t":{"12":{"position":[[288,5]]}}}],["hard",{"_index":1475,"t":{"488":{"position":[[1391,4]]}}}],["hashsetwel",{"_index":3270,"t":{"542":{"position":[[1741,13]]}}}],["heading=\"import",{"_index":815,"t":{"476":{"position":[[1613,20],[1854,20],[2095,20],[2334,20],[2569,20]]}}}],["headings",{"_index":1654,"t":{"496":{"position":[[2061,11],[2456,11]]}}}],["headingsize.h5",{"_index":1658,"t":{"496":{"position":[[2499,14]]}}}],["headingsize.h6",{"_index":1655,"t":{"496":{"position":[[2104,14]]}}}],["height",{"_index":1055,"t":{"482":{"position":[[1353,6]]},"494":{"position":[[342,6],[376,6],[400,6],[446,6],[3108,7],[3124,6],[3167,6],[3185,6],[8253,6]]},"496":{"position":[[10562,6],[11732,6],[13046,6]]},"508":{"position":[[302,6],[332,7]]},"510":{"position":[[398,6],[428,7]]},"512":{"position":[[447,6],[477,7]]},"514":{"position":[[254,6],[284,7]]},"546":{"position":[[8601,7],[8738,6],[10352,7],[10489,6]]},"548":{"position":[[21214,7]]}}}],["height=\"1",{"_index":1619,"t":{"494":{"position":[[3238,11]]}}}],["height=\"20",{"_index":1621,"t":{"494":{"position":[[3443,12]]}}}],["height=\"300",{"_index":2318,"t":{"508":{"position":[[8418,12],[9815,12],[12042,12],[14139,12]]}}}],["height=\"5",{"_index":1620,"t":{"494":{"position":[[3310,11]]}}}],["height='8'%3e%3cpath",{"_index":775,"t":{"474":{"position":[[1814,20]]}}}],["hello",{"_index":1876,"t":{"500":{"position":[[2996,8],[4473,8],[5961,8],[7614,8],[9548,8],[11205,8]]}}}],["help",{"_index":1036,"t":{"480":{"position":[[241,5]]},"500":{"position":[[1286,4]]}}}],["helper",{"_index":3027,"t":{"526":{"position":[[2776,7]]},"528":{"position":[[2615,7]]},"530":{"position":[[2258,7]]}}}],["helptext",{"_index":1849,"t":{"500":{"position":[[1253,8],[2956,8],[5921,8],[9508,8],[11165,8]]},"520":{"position":[[12223,9]]},"536":{"position":[[7761,9],[11578,9]]}}}],["hendrerit",{"_index":1420,"t":{"486":{"position":[[10334,9],[14572,9],[18710,9]]}}}],["here",{"_index":762,"t":{"474":{"position":[[962,5],[1574,5],[2314,5]]},"476":{"position":[[1574,5],[2796,5],[5240,5]]},"478":{"position":[[2519,5],[2735,5],[3270,5],[3904,5],[4688,5],[5545,5],[6488,5],[6861,5],[7435,5],[7870,5],[8543,5],[9031,5],[9784,5]]},"480":{"position":[[316,5],[605,5],[651,5],[704,5],[755,5],[800,5],[847,5],[890,5],[936,5]]},"482":{"position":[[2438,4],[3402,4]]},"484":{"position":[[2040,5],[3914,5],[4632,5],[5714,5],[6870,5],[8159,5]]},"486":{"position":[[3218,5],[4756,5],[6922,5],[7329,5],[11556,5],[15800,5],[21265,5]]},"488":{"position":[[1729,5],[1996,5],[2193,5],[2544,5],[2776,5],[3121,5]]},"490":{"position":[[1022,5],[1239,5],[2041,5],[2472,5],[3386,5]]},"492":{"position":[[905,4],[1316,5],[2793,5]]},"494":{"position":[[1858,5],[2069,5],[3102,5],[3503,5],[4302,5],[5669,5],[6047,5],[6988,5],[8083,5]]},"496":{"position":[[3020,5],[3373,5],[3771,5],[4691,5],[4998,5],[5797,5],[6208,5],[7032,5],[8144,5],[10460,5],[11867,5],[13202,5]]},"498":{"position":[[1809,5],[2695,5],[3706,5],[4755,5],[5592,5],[7646,5],[8070,5],[9169,5]]},"500":{"position":[[3084,5],[3191,4],[4582,5],[6059,5],[7893,5],[9663,5],[11286,5],[11464,4]]},"502":{"position":[[943,5],[1177,5],[1236,5],[1427,5],[1825,4]]},"504":{"position":[[949,5],[1194,5],[2137,5],[2240,5],[2381,5],[2547,5],[2883,5],[3021,5],[3073,5]]},"506":{"position":[[4068,5],[6252,5],[8837,5],[10658,5],[11724,5],[12327,5],[13373,5],[14438,5],[14950,5],[15480,5],[16257,5],[16767,5],[17331,5],[17826,5],[21051,5],[22865,5],[23727,5],[24661,5]]},"508":{"position":[[8364,5],[9764,5],[11833,5],[14094,5],[16277,5]]},"510":{"position":[[7400,5],[10527,5],[14593,5]]},"512":{"position":[[13316,5],[16562,5]]},"514":{"position":[[6965,5],[10833,5]]},"516":{"position":[[4136,4],[6005,4],[6971,4],[8566,4],[10909,4],[13819,4]]},"518":{"position":[[2058,4],[4426,4],[4760,4],[5270,4],[5807,4],[7282,4],[8128,4],[8896,4],[9405,4],[10721,4],[14159,4],[14831,4]]},"520":{"position":[[1678,4],[2981,4],[5370,4],[6744,4],[8855,4],[9303,4]]},"522":{"position":[[1001,4],[2183,4],[2382,4],[2871,4]]},"524":{"position":[[1571,4],[3028,4],[3844,4],[4165,4],[4463,4],[4644,4],[5356,4],[5837,4],[7135,4],[10440,4],[11108,4]]},"536":{"position":[[1630,4],[2222,4],[3622,4],[4944,4],[8493,4],[8936,4]]},"538":{"position":[[223,5],[2050,7],[2134,5],[3225,7],[3337,5],[3997,7],[4080,5],[4393,7],[4529,5],[4825,7],[4916,5],[5064,4]]},"540":{"position":[[1119,4],[2374,4],[3245,4],[3922,4],[6836,4],[7241,4]]},"542":{"position":[[1568,5]]},"544":{"position":[[3518,5],[5528,5],[7370,5],[9189,5],[11004,5],[15983,5],[18965,5]]},"546":{"position":[[3395,5],[3857,5],[5285,5],[7383,5],[8161,5],[9336,5],[10019,5],[11106,5],[11964,5],[13543,5],[13896,5],[14769,5]]},"548":{"position":[[2472,5],[4408,5],[6353,5],[8632,5],[11019,5],[13469,5],[15876,5],[18287,5],[22074,5]]},"550":{"position":[[8245,4],[10588,4],[13343,4],[15732,4],[18530,4],[20899,4],[23299,4],[27390,4],[29658,4],[32370,4],[34733,4],[37096,4],[39351,4],[41607,4],[45405,4],[48110,4],[49063,4],[53568,4],[55900,4],[59021,4],[62361,4],[65580,4],[71885,4],[74854,4],[78428,4],[81487,4],[84197,4],[88671,4],[96887,4],[99305,4],[101754,4],[106248,4]]}}}],["here'",{"_index":3288,"t":{"542":{"position":[[2932,6]]}}}],["herecallout",{"_index":804,"t":{"476":{"position":[[578,69],[798,69],[1020,69],[1236,69],[1450,69],[1721,69],[1961,69],[2203,69],[2439,69],[2673,69]]}}}],["html",{"_index":1003,"t":{"478":{"position":[[8554,4]]},"488":{"position":[[1493,4]]},"520":{"position":[[109,4]]},"524":{"position":[[107,4]]},"536":{"position":[[113,4]]},"542":{"position":[[1629,4]]},"544":{"position":[[2285,4],[2836,4],[3386,4],[4148,4],[4773,4],[5396,4],[6137,4],[6688,4],[7238,4],[7940,4],[8507,4],[9057,4],[9771,4],[10322,4],[10872,4],[11758,4],[12321,4],[12883,4],[13441,4],[13989,4],[14549,4],[16695,4],[17268,4],[17840,4]]},"546":{"position":[[2837,5]]}}}],["https://demos.getblazorbootstrap.com",{"_index":170,"t":{"12":{"position":[[326,37]]},"14":{"position":[[297,37]]}}}],["i.",{"_index":1226,"t":{"486":{"position":[[1462,5],[1622,5]]},"512":{"position":[[1980,4]]}}}],["iaculi",{"_index":1415,"t":{"486":{"position":[[10011,7],[14249,7],[18387,7]]}}}],["ichartdataset",{"_index":2211,"t":{"508":{"position":[[911,14]]},"510":{"position":[[1016,14]]},"512":{"position":[[1057,14]]},"514":{"position":[[862,14]]}}}],["icompar",{"_index":3586,"t":{"550":{"position":[[4985,13]]}}}],["icon",{"_index":86,"t":{"2":{"position":[[2390,6],[2500,4]]},"4":{"position":[[229,4]]},"8":{"position":[[233,4]]},"10":{"position":[[677,5]]},"18":{"position":[[139,5],[260,5],[319,5],[361,5]]},"28":{"position":[[159,5],[248,5]]},"34":{"position":[[334,4]]},"44":{"position":[[450,4]]},"48":{"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]]},"94":{"position":[[248,4]]},"98":{"position":[[662,4]]},"110":{"position":[[2553,5],[2652,4]]},"114":{"position":[[729,5],[783,5]]},"128":{"position":[[2434,6],[2544,4]]},"134":{"position":[[791,5],[890,4]]},"138":{"position":[[208,5],[307,4]]},"142":{"position":[[200,5],[299,4]]},"168":{"position":[[201,5],[300,4]]},"176":{"position":[[201,5],[300,4]]},"184":{"position":[[200,5],[299,4]]},"190":{"position":[[2597,5],[2696,4]]},"200":{"position":[[2443,6],[2553,4]]},"206":{"position":[[2606,5],[2705,4]]},"210":{"position":[[782,5],[836,5]]},"242":{"position":[[182,6],[292,4]]},"244":{"position":[[1372,6],[1482,4]]},"246":{"position":[[441,6],[551,4]]},"260":{"position":[[182,6],[292,4]]},"270":{"position":[[183,6],[293,4]]},"274":{"position":[[2438,6],[2548,4]]},"280":{"position":[[2437,6],[2547,4]]},"294":{"position":[[191,5],[245,5]]},"320":{"position":[[21,6],[176,6],[286,4]]},"330":{"position":[[21,7],[182,5],[236,5]]},"332":{"position":[[1367,6],[1477,4]]},"352":{"position":[[176,6],[286,4]]},"354":{"position":[[867,6],[977,4]]},"360":{"position":[[177,6],[287,4],[1083,5],[1137,5]]},"392":{"position":[[183,5],[237,5]]},"412":{"position":[[194,5],[293,4]]},"466":{"position":[[178,6],[288,4]]},"474":{"position":[[1593,5],[1641,5],[2304,4],[2416,4]]},"488":{"position":[[467,5],[631,5],[790,5],[957,5],[1748,6],[3239,5]]},"498":{"position":[[2712,5],[2865,5],[3143,5],[3428,5],[9300,4]]},"500":{"position":[[1236,4],[1348,4]]},"502":{"position":[[1191,4],[1404,4],[1942,4]]},"504":{"position":[[8,5],[34,5],[57,4],[88,4],[102,4],[146,5],[179,5],[197,4],[475,4],[545,5],[650,4],[701,4],[801,6],[808,5],[836,7],[870,7],[901,7],[938,5],[962,5],[1009,7],[1058,7],[1107,7],[1163,5],[1208,5],[1284,7],[1378,7],[1456,7],[1528,7],[1620,7],[1701,7],[1789,7],[1861,7],[1936,7],[2018,7],[2106,5],[2160,5],[2178,5],[2230,4],[2256,5],[2322,5],[2371,4],[2404,5],[2470,5],[2537,4],[2565,4],[2864,4],[2901,4],[3006,4],[3037,6],[3062,5],[3170,5],[3206,4],[3221,4],[3243,4],[3260,4],[3286,4],[3306,5]]},"516":{"position":[[13848,5]]},"526":{"position":[[2942,6],[3146,6],[3225,6]]},"528":{"position":[[2781,6],[2984,6],[3063,6]]},"530":{"position":[[2424,6],[2627,6],[2706,6]]},"532":{"position":[[1899,5]]},"542":{"position":[[2128,6],[2168,5],[2196,6],[2244,5],[2326,4],[2375,5],[2464,4],[2512,5],[2608,4],[2657,5],[2754,4],[2793,4],[4040,5]]},"544":{"position":[[3535,5],[3669,5],[4291,5],[4916,5],[19129,4]]},"548":{"position":[[375,4],[948,4],[1061,4],[1128,4],[3316,9],[3367,8],[4421,5],[5200,9],[5251,8],[7479,9],[7530,8],[8661,5],[8735,5],[8958,5],[9809,9],[9860,8],[11408,5],[12259,9],[12310,8],[13488,5],[13550,4],[13583,6],[13815,5],[14666,9],[14717,8],[16226,5],[17077,9],[17128,8],[19581,9],[19632,8],[21130,4],[21394,4],[22210,5],[22270,5],[22305,4]]}}}],["icon1",{"_index":655,"t":{"118":{"position":[[1373,5]]}}}],["iconcolor",{"_index":1966,"t":{"504":{"position":[[448,9]]},"548":{"position":[[1009,9],[1019,9],[4438,9],[5136,9],[5365,9],[5813,9],[7415,9],[7644,9],[8092,9],[9745,9],[9974,9],[10422,9],[12195,9],[12424,9],[12872,9],[14602,9],[14831,9],[15279,9],[17013,9],[17242,9],[17690,9],[19517,9],[19746,9],[20194,9]]}}}],["iconcolor.dang",{"_index":3486,"t":{"548":{"position":[[5825,16],[8104,16],[10434,16],[12884,16],[15291,16],[17702,16],[20206,16]]}}}],["iconcolor.non",{"_index":1967,"t":{"504":{"position":[[487,14]]},"548":{"position":[[1029,14]]}}}],["iconcolor.primari",{"_index":3484,"t":{"548":{"position":[[5148,17],[7427,17],[9757,17],[12207,17],[14614,17],[17025,17],[19529,17]]}}}],["iconcolor.success",{"_index":3485,"t":{"548":{"position":[[5377,17],[7656,17],[9986,17],[12436,17],[14843,17],[17254,17],[19758,17]]}}}],["iconnam",{"_index":1461,"t":{"488":{"position":[[434,8],[599,8],[758,8],[921,8]]},"500":{"position":[[1303,8],[1312,8]]},"504":{"position":[[624,8]]},"520":{"position":[[12174,9]]},"532":{"position":[[1394,8],[1512,8],[1612,8]]},"534":{"position":[[1399,8],[1517,8],[1617,8]]},"536":{"position":[[7712,9],[11529,9]]},"548":{"position":[[565,8],[596,9],[1079,8],[1088,8],[2007,8],[2101,8],[2194,8],[2292,8],[2381,8],[3139,8],[3225,8],[3326,8],[3415,8],[3525,8],[3640,8],[3753,8],[3850,8],[3948,8],[4075,8],[4200,8],[4314,8],[4992,8],[5078,8],[5210,8],[5299,8],[5440,8],[5555,8],[5668,8],[5765,8],[5893,8],[6020,8],[6145,8],[6259,8],[7271,8],[7357,8],[7489,8],[7578,8],[7719,8],[7834,8],[7947,8],[8044,8],[8172,8],[8299,8],[8424,8],[8538,8],[9601,8],[9687,8],[9819,8],[9908,8],[10049,8],[10164,8],[10277,8],[10374,8],[10502,8],[10629,8],[10754,8],[10868,8],[12051,8],[12137,8],[12269,8],[12358,8],[12499,8],[12614,8],[12727,8],[12824,8],[12952,8],[13079,8],[13204,8],[13318,8],[14458,8],[14544,8],[14676,8],[14765,8],[14906,8],[15021,8],[15134,8],[15231,8],[15359,8],[15486,8],[15611,8],[15725,8],[16869,8],[16955,8],[17087,8],[17176,8],[17317,8],[17432,8],[17545,8],[17642,8],[17770,8],[17897,8],[18022,8],[18136,8],[19373,8],[19459,8],[19591,8],[19680,8],[19821,8],[19936,8],[20049,8],[20146,8],[20274,8],[20401,8],[20526,8],[20640,8]]}}}],["iconname.check2al",{"_index":2942,"t":{"520":{"position":[[12184,19]]},"536":{"position":[[7722,19],[11539,19]]}}}],["iconname.checkcirclefil",{"_index":3469,"t":{"548":{"position":[[2112,25],[3536,25],[5451,25],[7730,25],[10060,25],[12510,25],[14917,25],[17328,25],[19832,25]]}}}],["iconname.currencydollar",{"_index":3481,"t":{"548":{"position":[[4086,24],[6031,24],[8310,24],[10640,24],[13090,24],[15497,24],[17908,24],[20412,24]]}}}],["iconname.exclamationtrianglefil",{"_index":3476,"t":{"548":{"position":[[3426,33],[5310,33],[7589,33],[9919,33],[12369,33],[14776,33],[17187,33],[19691,33]]}}}],["iconname.housedoorfil",{"_index":3068,"t":{"532":{"position":[[1405,23]]},"534":{"position":[[1410,23]]},"548":{"position":[[2018,23],[3150,23],[5003,23],[7282,23],[9612,23],[12062,23],[14469,23],[16880,23],[19384,23]]}}}],["iconname.inputcursor",{"_index":3482,"t":{"548":{"position":[[4211,21],[6156,21],[8435,21],[10765,21],[13215,21],[15622,21],[18033,21],[20537,21]]}}}],["iconname.inputcursortext",{"_index":3470,"t":{"548":{"position":[[2205,25],[3959,25],[5904,25],[8183,25],[10513,25],[12963,25],[15370,25],[17781,25],[20285,25]]}}}],["iconname.layoutsidebarinset",{"_index":3472,"t":{"548":{"position":[[2392,28],[3236,28],[3764,28],[5089,28],[5679,28],[7368,28],[7958,28],[9698,28],[10288,28],[12148,28],[12738,28],[14555,28],[15145,28],[16966,28],[17556,28],[19470,28],[20060,28]]}}}],["iconname.non",{"_index":3463,"t":{"548":{"position":[[1097,13]]}}}],["iconname.personsquar",{"_index":3474,"t":{"548":{"position":[[3337,22],[5221,22],[7500,22],[9830,22],[12280,22],[14687,22],[17098,22],[19602,22]]}}}],["iconname.plussquarefil",{"_index":3071,"t":{"532":{"position":[[1523,24]]},"534":{"position":[[1528,24]]}}}],["iconname.segmentednav",{"_index":3471,"t":{"548":{"position":[[2303,22],[3651,22],[5566,22],[7845,22],[10175,22],[12625,22],[15032,22],[17443,22],[19947,22]]}}}],["iconname.t",{"_index":3073,"t":{"532":{"position":[[1623,15]]},"534":{"position":[[1628,15]]}}}],["iconname.toggleon",{"_index":3483,"t":{"548":{"position":[[4325,18],[6270,18],[8549,18],[10879,18],[13329,18],[15736,18],[18147,18],[20651,18]]}}}],["iconname.windowplu",{"_index":3478,"t":{"548":{"position":[[3861,20],[5776,20],[8055,20],[10385,20],[12835,20],[15242,20],[17653,20],[20157,20]]}}}],["iconname=\"iconname.bootstrapfil",{"_index":3050,"t":{"532":{"position":[[651,33]]},"534":{"position":[[656,33]]},"548":{"position":[[1527,33],[2649,33],[4502,33],[6536,33],[8793,33],[11224,33],[18467,33]]}}}],["icons",{"_index":1972,"t":{"504":{"position":[[675,8]]}}}],["icons.css",{"_index":1965,"t":{"504":{"position":[[365,11]]},"526":{"position":[[740,10]]},"528":{"position":[[750,10]]},"530":{"position":[[740,10]]}}}],["icons1",{"_index":656,"t":{"118":{"position":[[1379,6]]}}}],["icons@1.10.3/font/bootstrap",{"_index":2999,"t":{"526":{"position":[[712,27]]},"528":{"position":[[722,27]]},"530":{"position":[[712,27]]}}}],["icons@1.8.0/font/bootstrap",{"_index":1964,"t":{"504":{"position":[[338,26]]}}}],["iconsize.non",{"_index":1973,"t":{"504":{"position":[[712,13]]}}}],["icustomerservic",{"_index":2654,"t":{"516":{"position":[[6366,16],[9880,16],[11603,16],[13093,16]]}}}],["id",{"_index":450,"t":{"78":{"position":[[182,2]]},"484":{"position":[[3302,2]]},"486":{"position":[[4148,2],[6092,2],[8054,2],[8591,2],[8788,2],[9303,3],[10260,2],[10964,2],[11146,2],[12292,2],[12829,2],[13026,2],[13541,3],[14498,2],[15202,2],[15384,2],[16430,2],[16967,2],[17164,2],[17679,3],[18636,2],[19340,2],[19522,2]]},"500":{"position":[[1365,2],[1388,3]]},"508":{"position":[[2462,2],[2534,2]]},"512":{"position":[[4425,2],[4497,2]]},"532":{"position":[[1372,2],[1483,2],[1581,2]]},"534":{"position":[[1377,2],[1488,2],[1586,2]]},"546":{"position":[[4688,2],[6564,2]]},"548":{"position":[[1145,2],[1172,3],[1307,3],[2514,2],[3102,2],[3215,2],[3299,2],[3405,2],[3497,2],[3608,2],[3724,2],[3840,2],[3914,2],[4038,2],[4165,2],[4285,2],[4955,2],[5068,2],[5183,2],[5289,2],[5412,2],[5523,2],[5639,2],[5755,2],[5859,2],[5983,2],[6110,2],[6230,2],[7234,2],[7347,2],[7462,2],[7568,2],[7691,2],[7802,2],[7918,2],[8034,2],[8138,2],[8262,2],[8389,2],[8509,2],[9564,2],[9677,2],[9792,2],[9898,2],[10021,2],[10132,2],[10248,2],[10364,2],[10468,2],[10592,2],[10719,2],[10839,2],[12014,2],[12127,2],[12242,2],[12348,2],[12471,2],[12582,2],[12698,2],[12814,2],[12918,2],[13042,2],[13169,2],[13289,2],[14421,2],[14534,2],[14649,2],[14755,2],[14878,2],[14989,2],[15105,2],[15221,2],[15325,2],[15449,2],[15576,2],[15696,2],[16832,2],[16945,2],[17060,2],[17166,2],[17289,2],[17400,2],[17516,2],[17632,2],[17736,2],[17860,2],[17987,2],[18107,2],[19336,2],[19449,2],[19564,2],[19670,2],[19793,2],[19904,2],[20020,2],[20136,2],[20240,2],[20364,2],[20491,2],[20611,2]]},"550":{"position":[[6939,2],[7063,2],[7194,2],[7318,2],[7447,2],[7580,2],[7700,2],[7822,2],[7945,2],[9282,2],[9406,2],[9537,2],[9661,2],[9790,2],[9923,2],[10043,2],[10165,2],[10288,2],[11656,2],[11780,2],[11911,2],[12035,2],[12164,2],[12297,2],[12417,2],[12539,2],[12669,2],[12794,2],[12917,2],[13036,2],[14426,2],[14550,2],[14681,2],[14805,2],[14934,2],[15067,2],[15187,2],[15309,2],[15432,2],[16843,2],[16967,2],[17098,2],[17222,2],[17351,2],[17484,2],[17604,2],[17726,2],[17856,2],[17981,2],[18104,2],[18223,2],[19593,2],[19717,2],[19848,2],[19972,2],[20101,2],[20234,2],[20354,2],[20476,2],[20599,2],[21993,2],[22117,2],[22248,2],[22372,2],[22501,2],[22634,2],[22754,2],[22876,2],[22999,2],[25057,2],[25295,2],[25537,2],[25774,2],[26014,2],[26266,2],[26496,2],[26735,2],[26975,2],[31064,2],[31188,2],[31319,2],[31443,2],[31572,2],[31705,2],[31825,2],[31947,2],[32070,2],[33427,2],[33551,2],[33682,2],[33806,2],[33935,2],[34068,2],[34188,2],[34310,2],[34433,2],[35790,2],[35914,2],[36045,2],[36169,2],[36298,2],[36431,2],[36551,2],[36673,2],[36796,2],[38193,2],[38298,2],[38413,2],[38520,2],[38633,2],[38753,2],[38856,2],[38961,2],[39068,2],[40449,2],[40554,2],[40669,2],[40776,2],[40889,2],[41009,2],[41112,2],[41217,2],[41324,2],[43072,2],[43310,2],[43552,2],[43789,2],[44029,2],[44281,2],[44511,2],[44750,2],[44990,2],[46423,2],[46547,2],[46678,2],[46802,2],[46931,2],[47064,2],[47184,2],[47306,2],[47436,2],[47561,2],[47684,2],[47803,2],[52063,2],[52187,2],[52318,2],[52442,2],[52571,2],[52704,2],[52824,2],[52946,2],[53076,2],[53201,2],[53324,2],[53443,2],[54698,2],[54822,2],[54953,2],[55077,2],[55206,2],[55417,2],[55537,2],[55659,2],[55782,2],[57146,2],[57270,2],[57401,2],[57525,2],[57654,2],[60856,2],[60980,2],[61111,2],[61235,2],[61364,2],[61497,2],[61617,2],[61739,2],[61869,2],[61994,2],[62117,2],[62236,2],[64075,2],[64199,2],[64330,2],[64454,2],[64583,2],[64716,2],[64836,2],[64958,2],[65088,2],[65213,2],[65336,2],[65455,2],[67450,2],[67574,2],[67705,2],[67829,2],[67958,2],[68091,2],[68211,2],[68333,2],[68463,2],[68588,2],[68711,2],[68830,2],[70582,2],[70706,2],[70837,2],[70961,2],[71090,2],[71223,2],[71343,2],[71465,2],[71588,2],[73551,2],[73675,2],[73806,2],[73930,2],[74059,2],[74192,2],[74312,2],[74434,2],[74557,2],[75121,2],[75201,2],[76842,2],[76966,2],[77097,2],[77221,2],[77350,2],[77483,2],[77603,2],[77725,2],[77848,2],[79928,2],[80052,2],[80183,2],[80307,2],[80436,2],[80569,2],[80689,2],[80811,2],[80941,2],[81066,2],[81189,2],[81308,2],[82692,2],[82816,2],[82947,2],[83071,2],[83200,2],[83333,2],[83453,2],[83575,2],[83705,2],[83830,2],[83953,2],[84072,2],[87913,2],[88044,2],[88168,2],[88297,2],[88430,2],[88550,2],[96129,2],[96260,2],[96384,2],[96513,2],[96646,2],[96766,2],[98318,2],[98449,2],[98573,2],[98702,2],[98835,2],[98955,2],[99243,5],[100754,2],[100885,2],[101009,2],[101138,2],[101271,2],[101391,2],[101692,5],[104743,2],[104867,2],[104998,2],[105122,2],[105251,2],[105384,2],[105504,2],[105626,2],[105756,2],[105881,2],[106004,2],[106123,2]]}}}],["id=\"nam",{"_index":2671,"t":{"516":{"position":[[9481,9]]}}}],["idictionari",{"_index":1143,"t":{"484":{"position":[[2296,12]]},"486":{"position":[[3525,12]]},"546":{"position":[[4095,12]]}}}],["idictionarydangerdarkinfolightprimarysecondarysuccesswarninginfoa",{"_index":1693,"t":{"496":{"position":[[4901,7],[4948,7],[5598,7],[5645,7]]}}}],["item\">an",{"_index":1691,"t":{"496":{"position":[[4860,8],[5557,8]]}}}],["item'",{"_index":3313,"t":{"544":{"position":[[1920,6],[2470,6],[3020,6],[3783,6],[4407,6],[5030,6],[5772,6],[6322,6],[6872,6],[7575,6],[8141,6],[8691,6],[9406,6],[9956,6],[10506,6],[11393,6],[11955,6],[12517,6],[13075,6],[13623,6],[14183,6],[16330,6],[16902,6],[17474,6]]}}}],["item.design",{"_index":3665,"t":{"550":{"position":[[13990,18],[16364,18],[28383,18],[30621,19],[50388,18],[59840,18],[63165,18],[66370,18],[84717,18],[85517,18],[86303,18],[87103,18],[89352,18],[90341,18],[91328,18],[92317,18],[93300,18],[94283,18],[95276,18],[97447,18],[99883,18],[102781,18]]}}}],["item.doj",{"_index":3666,"t":{"550":{"position":[[14116,10],[16509,10],[28704,10],[30750,11],[33113,11],[50533,10],[59985,10],[63310,10],[66515,10],[84843,10],[85643,10],[86429,10],[87229,10],[89497,10],[90486,10],[91473,10],[92462,10],[93445,10],[94428,10],[95421,10],[97573,10],[100009,10],[102926,10]]}}}],["item.firstnam",{"_index":3724,"t":{"550":{"position":[[28031,16]]}}}],["item.id",{"_index":3663,"t":{"550":{"position":[[13752,9],[16079,9],[27869,9],[30309,10],[32769,10],[50033,8],[59555,9],[62880,9],[66085,9],[84479,9],[85279,9],[86065,9],[86865,9],[89067,9],[90056,9],[91043,9],[92032,9],[93015,9],[93998,9],[94991,9],[97209,9],[99645,9],[102496,9]]}}}],["item.isact",{"_index":3667,"t":{"550":{"position":[[14229,15],[16646,15],[28862,15],[30866,16],[33229,16],[50670,15],[60122,15],[63447,14],[84956,15],[85756,15],[86542,15],[87342,15],[89634,15],[90623,15],[91610,15],[92599,15],[93582,15],[94565,15],[95558,15],[97686,15],[100122,15],[103063,15]]}}}],["item.lastnam",{"_index":3726,"t":{"550":{"position":[[28204,15]]}}}],["item.nam",{"_index":3664,"t":{"550":{"position":[[13870,11],[16217,11],[30430,11],[32890,12],[50241,11],[59693,11],[63018,11],[66223,11],[84597,11],[85397,11],[86183,11],[86983,11],[89205,11],[90194,11],[91181,11],[92170,11],[93153,11],[94136,11],[95129,11],[97327,11],[99763,11],[102634,11]]}}}],["item.salari",{"_index":3729,"t":{"550":{"position":[[28553,13]]}}}],["item(\"window.localstorage.getitem",{"_index":3786,"t":{"550":{"position":[[51715,53]]}}}],["js.invokevoidasync(\"window.localstorage.setitem",{"_index":3781,"t":{"550":{"position":[[51526,49]]}}}],["jsonserializer.deserialize(settingsjson",{"_index":3788,"t":{"550":{"position":[[51860,55]]}}}],["jsonserializer.serialize(set",{"_index":3782,"t":{"550":{"position":[[51593,36]]}}}],["juli",{"_index":58,"t":{"2":{"position":[[997,4],[1283,4],[1535,4],[1754,4],[1974,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]]},"106":{"position":[[872,4],[1252,4],[1292,4],[1331,4],[1370,4],[1409,4]]},"112":{"position":[[2280,4]]},"128":{"position":[[1041,4],[1327,4],[1579,4],[1798,4],[2018,4]]},"200":{"position":[[1050,4],[1336,4],[1588,4],[1807,4],[2027,4]]},"208":{"position":[[2333,4]]},"214":{"position":[[78,4]]},"238":{"position":[[613,4],[899,4]]},"244":{"position":[[504,4],[790,4],[1042,4]]},"246":{"position":[[79,4]]},"264":{"position":[[76,4]]},"268":{"position":[[73,4]]},"274":{"position":[[1045,4],[1331,4],[1583,4],[1802,4],[2022,4]]},"280":{"position":[[1044,4],[1330,4],[1582,4],[1801,4],[2021,4]]},"282":{"position":[[79,4]]},"308":{"position":[[72,4]]},"318":{"position":[[607,4],[893,4]]},"332":{"position":[[499,4],[785,4],[1037,4],[2661,4]]},"338":{"position":[[1258,4]]},"354":{"position":[[505,4]]},"358":{"position":[[67,4]]},"362":{"position":[[74,4]]},"366":{"position":[[70,4]]},"388":{"position":[[67,4]]},"458":{"position":[[68,4]]},"460":{"position":[[68,4]]},"462":{"position":[[68,4]]},"470":{"position":[[68,4]]},"472":{"position":[[68,4]]},"508":{"position":[[5047,7]]},"510":{"position":[[8030,7]]},"512":{"position":[[10854,7],[13714,7]]}}}],["june",{"_index":83,"t":{"2":{"position":[[2280,4],[2618,4]]},"24":{"position":[[23,4]]},"84":{"position":[[24,4]]},"86":{"position":[[24,4]]},"88":{"position":[[24,4]]},"106":{"position":[[911,4],[1448,4],[1488,4],[1528,4]]},"108":{"position":[[24,4]]},"114":{"position":[[23,4]]},"128":{"position":[[2324,4],[2662,4]]},"188":{"position":[[68,4]]},"200":{"position":[[2333,4],[2671,4]]},"204":{"position":[[77,4]]},"210":{"position":[[76,4]]},"216":{"position":[[73,4]]},"232":{"position":[[76,4]]},"238":{"position":[[1118,4],[1376,4]]},"242":{"position":[[72,4]]},"244":{"position":[[1262,4]]},"246":{"position":[[331,4]]},"254":{"position":[[76,4]]},"260":{"position":[[72,4]]},"270":{"position":[[73,4]]},"274":{"position":[[2328,4],[2666,4]]},"276":{"position":[[72,4]]},"280":{"position":[[2327,4],[2665,4]]},"284":{"position":[[71,4]]},"298":{"position":[[67,4]]},"304":{"position":[[66,4]]},"306":{"position":[[70,4]]},"318":{"position":[[1112,4],[1370,4]]},"320":{"position":[[66,4]]},"322":{"position":[[66,4]]},"332":{"position":[[1257,4]]},"344":{"position":[[69,4]]},"350":{"position":[[72,4]]},"352":{"position":[[66,4]]},"354":{"position":[[757,4]]},"360":{"position":[[67,4]]},"386":{"position":[[67,4]]},"452":{"position":[[68,4]]},"454":{"position":[[68,4]]},"466":{"position":[[68,4]]},"508":{"position":[[5039,7]]},"510":{"position":[[8022,7]]},"512":{"position":[[10846,7],[13706,7]]}}}],["justifi",{"_index":958,"t":{"478":{"position":[[6321,7]]},"532":{"position":[[790,7]]},"534":{"position":[[795,7]]},"548":{"position":[[6675,7],[8932,7],[11382,7],[13789,7],[16200,7],[18625,7]]}}}],["justo",{"_index":1344,"t":{"486":{"position":[[8098,5],[10019,6],[10101,5],[12336,5],[14257,6],[14339,5],[16474,5],[18395,6],[18477,5]]}}}],["k",{"_index":2634,"t":{"516":{"position":[[3802,4],[5671,4],[8292,4]]},"550":{"position":[[26307,4],[44322,4]]}}}],["keep",{"_index":3036,"t":{"526":{"position":[[3249,4]]},"528":{"position":[[3087,4]]},"530":{"position":[[2730,4]]},"542":{"position":[[2041,4]]},"544":{"position":[[7449,4],[9248,4]]}}}],["kenu1kfdbie4zvf0s0g1m5b4hcpxyd9f7jl+jjxkk+q2h455ryxk/7hauojl+0i4",{"_index":3010,"t":{"526":{"position":[[1629,65]]},"528":{"position":[[1468,65]]},"530":{"position":[[1107,65]]}}}],["key",{"_index":1212,"t":{"486":{"position":[[414,3],[5126,3]]},"516":{"position":[[2197,3]]},"546":{"position":[[499,3],[2583,3],[5671,3],[7684,4]]}}}],["keyboard",{"_index":336,"t":{"54":{"position":[[131,8],[252,8]]},"110":{"position":[[1657,8]]},"124":{"position":[[1763,8]]},"190":{"position":[[1701,8]]},"196":{"position":[[1320,8]]},"206":{"position":[[1710,8]]},"422":{"position":[[175,8]]},"478":{"position":[[1166,8]]},"496":{"position":[[1862,8]]},"506":{"position":[[1168,8],[1593,8],[2547,8]]},"516":{"position":[[2065,8],[2149,8],[13900,8]]},"542":{"position":[[3610,8]]},"546":{"position":[[2615,8],[2642,8]]}}}],["keystrok",{"_index":2562,"t":{"516":{"position":[[2017,9]]},"518":{"position":[[1702,9],[14217,9]]},"520":{"position":[[1240,9]]},"524":{"position":[[1192,9],[10498,9]]},"536":{"position":[[1244,9]]}}}],["keystroke/select",{"_index":2905,"t":{"520":{"position":[[8913,19]]},"536":{"position":[[8551,19]]}}}],["kick",{"_index":1180,"t":{"484":{"position":[[4708,4]]},"546":{"position":[[11174,4]]}}}],["kind",{"_index":3275,"t":{"542":{"position":[[1942,4]]}}}],["kitchen",{"_index":1697,"t":{"496":{"position":[[5004,7],[13531,7]]}}}],["kleiner",{"_index":3903,"t":{"550":{"position":[[103614,8]]}}}],["know",{"_index":1550,"t":{"492":{"position":[[135,4]]},"500":{"position":[[388,4]]}}}],["known",{"_index":3002,"t":{"526":{"position":[[1035,5]]},"528":{"position":[[1050,5]]}}}],["komala",{"_index":2614,"t":{"516":{"position":[[3631,7],[5500,7],[8121,7]]}}}],["l",{"_index":658,"t":{"118":{"position":[[1407,1]]},"516":{"position":[[3862,4],[5731,4],[8352,4]]}}}],["label",{"_index":279,"t":{"42":{"position":[[261,6]]},"98":{"position":[[439,5]]},"104":{"position":[[590,6]]},"494":{"position":[[193,7],[583,5],[626,6],[972,6],[1864,7],[1876,6],[1930,5],[8219,6]]},"506":{"position":[[16301,5],[18463,6],[18787,6],[19094,6]]},"508":{"position":[[795,6],[840,7],[1868,6],[2292,5],[2314,5],[5216,6],[7653,5],[8099,6],[8224,7],[8631,6],[9086,6],[9095,7],[10079,6],[10229,5],[10502,5],[10773,5],[11034,6],[11043,7],[12306,6],[12456,5],[12729,5],[13000,5],[13261,6],[13270,7],[14105,7],[14403,6],[14553,5],[14826,5],[15097,5],[15358,6],[15367,7],[16078,6],[16542,6]]},"510":{"position":[[890,6],[935,7],[1671,6],[2044,5],[2066,5],[4229,6],[6500,5],[7047,6],[7194,7],[7946,6],[8180,5],[8724,5],[9266,5],[9796,6],[9805,7],[10538,7],[11311,6],[11693,6],[13693,5],[14240,6],[14387,7],[14831,6]]},"512":{"position":[[869,6],[914,7],[1803,6],[2443,5],[2465,5],[7113,6],[9504,5],[10141,6],[10266,7],[10770,6],[11004,5],[11548,5],[12090,5],[12620,6],[12629,7],[13327,7],[13630,6],[13862,5],[14471,5],[15078,5],[15679,6],[15688,7],[16361,6],[16801,6]]},"514":{"position":[[676,6],[721,7],[1512,6],[3928,6],[6065,5],[6612,6],[6759,7],[6976,7],[7719,6],[8081,6],[9933,5],[10480,6],[10627,7],[11053,6]]},"516":{"position":[[8925,6],[9379,6]]},"518":{"position":[[2131,6],[2354,6],[2577,6],[2800,6],[3023,6],[3246,6],[3469,6],[3692,6],[3915,6],[6018,6],[6146,6],[6277,6],[6410,6],[6545,6],[6680,6],[6817,6],[6954,6],[7766,6],[8338,6],[8589,6],[9068,6],[9495,6],[10233,6],[11324,6],[11750,6],[12159,6],[14288,6]]},"520":{"position":[[7323,6],[7615,6],[9923,6],[10232,6],[10631,6]]},"522":{"position":[[273,5],[308,6]]},"524":{"position":[[1361,6],[1780,6],[1906,6],[2035,6],[2166,6],[2299,6],[2432,6],[2567,6],[2702,6],[3510,6],[4005,6],[4297,6],[4854,6],[5077,6],[5528,6],[5925,6],[6659,6],[7733,6],[8116,6],[8482,6],[10567,6]]},"526":{"position":[[2142,5]]},"528":{"position":[[1981,5]]},"530":{"position":[[1620,5]]},"536":{"position":[[5532,6],[5869,6],[6194,6],[6498,6],[6817,6],[9545,6],[9946,6]]},"540":{"position":[[106,7]]}}}],["label\">address:amountarriv",{"_index":3113,"t":{"536":{"position":[[6530,14],[6849,14],[9978,14]]}}}],["label\">cours",{"_index":2914,"t":{"520":{"position":[[9955,13]]}}}],["label\">custom",{"_index":2900,"t":{"520":{"position":[[7647,15]]}}}],["label\">customer:departur",{"_index":3108,"t":{"536":{"position":[[5901,16],[6226,16],[9577,16]]}}}],["label\">end",{"_index":2921,"t":{"520":{"position":[[10663,10]]}}}],["label\">ent",{"_index":2792,"t":{"518":{"position":[[6037,12],[6165,12],[6296,12],[6429,12],[6564,12],[6699,12],[6836,12],[6973,12]]},"524":{"position":[[1799,12],[1925,12],[2054,12],[2185,12],[2318,12],[2451,12],[2586,12],[2721,12]]}}}],["label\">flight",{"_index":3104,"t":{"536":{"position":[[5564,13]]}}}],["label\">invoic",{"_index":2897,"t":{"520":{"position":[[7355,14]]}}}],["label\">item",{"_index":2115,"t":{"506":{"position":[[18482,11],[18806,11]]},"518":{"position":[[11356,11],[11782,11],[14320,11]]},"524":{"position":[[7765,11],[8148,11],[10599,11]]}}}],["label\">local",{"_index":2728,"t":{"518":{"position":[[2150,14],[2373,14],[2596,14],[2819,14],[3042,14],[3265,14],[3488,14],[3711,14],[3934,14]]}}}],["label\">start",{"_index":2917,"t":{"520":{"position":[[10264,12]]}}}],["label\">tot",{"_index":2131,"t":{"506":{"position":[[19113,12]]},"518":{"position":[[12191,12]]},"524":{"position":[[8514,12]]}}}],["label=\"20",{"_index":1592,"t":{"494":{"position":[[1138,11],[2034,11]]}}}],["label=\"30",{"_index":1626,"t":{"494":{"position":[[4495,11]]}}}],["label=\"check",{"_index":2954,"t":{"522":{"position":[[812,14]]}}}],["label=\"default",{"_index":2952,"t":{"522":{"position":[[743,14],[2483,14]]}}}],["label=\"dis",{"_index":2962,"t":{"522":{"position":[[1142,15],[1821,15]]}}}],["label=\"revers",{"_index":2967,"t":{"522":{"position":[[2296,14]]}}}],["labels.add(getnextdatalabel",{"_index":2315,"t":{"508":{"position":[[8183,31]]},"510":{"position":[[7131,31],[14324,31]]},"512":{"position":[[10225,31]]},"514":{"position":[[6696,31],[10564,31]]}}}],["labelscount",{"_index":2273,"t":{"508":{"position":[[4946,11],[6616,12],[7962,12],[8270,11]]},"512":{"position":[[6995,11],[10004,12],[10312,11],[10343,15]]}}}],["lacinia",{"_index":1318,"t":{"486":{"position":[[7856,7],[8523,7],[8594,7],[12094,7],[12761,7],[12832,7],[16232,7],[16899,7],[16970,7]]}}}],["lacu",{"_index":1397,"t":{"486":{"position":[[9278,6],[9759,6],[10058,5],[13516,6],[13997,6],[14296,5],[17654,6],[18135,6],[18434,5]]}}}],["lakhsmi",{"_index":2631,"t":{"516":{"position":[[3776,10],[5645,10],[8266,10]]}}}],["land",{"_index":305,"t":{"44":{"position":[[540,7]]}}}],["languag",{"_index":381,"t":{"66":{"position":[[238,8]]}}}],["laoreet",{"_index":1298,"t":{"486":{"position":[[7657,8],[7666,7],[9366,8],[10465,8],[10578,7],[11895,8],[11904,7],[13604,8],[14703,8],[14816,7],[16033,8],[16042,7],[17742,8],[18841,8],[18954,7]]}}}],["larg",{"_index":816,"t":{"476":{"position":[[2802,5],[5339,5]]},"478":{"position":[[3595,5],[3675,5],[4299,5],[4395,5]]},"480":{"position":[[254,5]]},"484":{"position":[[4858,5],[4902,5],[5162,5],[5297,5]]},"486":{"position":[[15806,5],[19790,5]]},"488":{"position":[[1327,5],[1446,5]]},"538":{"position":[[3650,5]]},"546":{"position":[[11294,5],[11668,5]]}}}],["larger",{"_index":911,"t":{"478":{"position":[[3444,6]]},"488":{"position":[[2213,6]]},"540":{"position":[[2459,6]]}}}],["last",{"_index":1464,"t":{"488":{"position":[[621,4],[670,4],[740,4]]},"498":{"position":[[503,4]]},"516":{"position":[[2469,4]]},"544":{"position":[[666,4]]}}}],["lastlinkicon",{"_index":1463,"t":{"488":{"position":[[586,12],[713,12]]}}}],["lastlinkicon=\"iconname.chevrondoubleright",{"_index":1493,"t":{"488":{"position":[[1941,42]]}}}],["lastlinktext",{"_index":1465,"t":{"488":{"position":[[637,12],[686,12]]}}}],["lastnam",{"_index":1169,"t":{"484":{"position":[[3843,8]]},"486":{"position":[[4700,8],[6866,8]]},"546":{"position":[[5229,8],[7327,8]]},"550":{"position":[[25088,8],[25324,8],[25567,8],[25803,8],[26046,8],[26296,8],[26528,8],[26766,8],[27005,8],[43103,8],[43339,8],[43582,8],[43818,8],[44061,8],[44311,8],[44543,8],[44781,8],[45020,8]]}}}],["launch",{"_index":1199,"t":{"484":{"position":[[5987,6],[6477,6],[7079,6],[7705,6]]}}}],["laura",{"_index":2640,"t":{"516":{"position":[[3855,6],[5724,6],[8345,6]]}}}],["layout",{"_index":342,"t":{"56":{"position":[[448,6]]},"72":{"position":[[650,6],[668,6],[702,6],[918,6],[966,6]]},"110":{"position":[[1509,6]]},"190":{"position":[[1553,6]]},"206":{"position":[[1562,6]]},"256":{"position":[[733,6]]},"326":{"position":[[21,8],[295,6]]},"334":{"position":[[297,6]]},"336":{"position":[[299,6]]},"356":{"position":[[727,6]]},"424":{"position":[[295,6]]},"492":{"position":[[229,6]]},"508":{"position":[[3086,6]]},"512":{"position":[[5050,6]]},"526":{"position":[[3355,6]]},"528":{"position":[[3192,6]]},"530":{"position":[[2835,6]]},"532":{"position":[[0,6],[34,6]]},"534":{"position":[[0,6],[39,6]]},"548":{"position":[[6364,6],[6467,6],[22227,6]]}}}],["layout1",{"_index":659,"t":{"118":{"position":[[1409,7]]}}}],["layoutcomponentbas",{"_index":1916,"t":{"500":{"position":[[11411,25]]},"538":{"position":[[5011,25]]}}}],["layoutcomponentbaseful",{"_index":3440,"t":{"546":{"position":[[13128,26]]}}}],["lgmodal?.showasync()\">larg",{"_index":3417,"t":{"546":{"position":[[11740,27]]}}}],["li",{"_index":1690,"t":{"496":{"position":[[4838,3],[4879,3],[4926,3],[5535,3],[5576,3],[5623,3]]}}}],["li>@emp.namelight@cod",{"_index":3060,"t":{"532":{"position":[[964,18]]},"534":{"position":[[969,18]]},"548":{"position":[[6864,18],[9194,18],[11644,18],[14051,18],[16462,18]]}}}],["mainlayour.razor",{"_index":1917,"t":{"500":{"position":[[11437,16]]},"538":{"position":[[5037,16]]}}}],["mainlayout.razor",{"_index":1556,"t":{"492":{"position":[[812,16],[878,16]]},"500":{"position":[[11363,16]]},"532":{"position":[[453,16]]},"534":{"position":[[458,16]]},"538":{"position":[[4963,16]]},"548":{"position":[[6398,16]]}}}],["major",{"_index":157,"t":{"12":{"position":[[131,5]]},"16":{"position":[[130,5]]},"44":{"position":[[108,5]]},"112":{"position":[[108,5]]},"134":{"position":[[1468,5]]},"154":{"position":[[158,5]]},"156":{"position":[[165,5]]},"162":{"position":[[165,5]]},"180":{"position":[[157,5]]},"192":{"position":[[152,5]]},"208":{"position":[[161,5]]},"322":{"position":[[450,5]]},"324":{"position":[[158,5]]},"406":{"position":[[152,5]]}}}],["make",{"_index":845,"t":{"478":{"position":[[348,5],[915,5],[3926,4]]},"488":{"position":[[1378,6]]},"492":{"position":[[302,4]]},"496":{"position":[[2849,4],[3609,4],[4079,4],[4441,4],[5431,4],[8389,4],[8679,4],[8965,4],[9249,4],[9535,4],[9815,4],[10097,4],[10377,4]]},"498":{"position":[[1831,4],[1932,4]]},"500":{"position":[[340,6]]},"506":{"position":[[17877,4]]},"510":{"position":[[270,5]]},"516":{"position":[[4241,4]]},"526":{"position":[[3276,4]]},"528":{"position":[[3113,4]]},"530":{"position":[[2756,4]]},"540":{"position":[[2427,4]]},"544":{"position":[[449,5]]},"550":{"position":[[8384,4]]}}}],["maker",{"_index":3643,"t":{"550":{"position":[[7989,7],[10332,7],[12961,7],[15476,7],[18148,7],[20643,7],[23043,7],[27119,7],[32114,7],[34477,7],[36840,7],[39112,7],[41368,7],[45134,7],[47728,7],[53368,7],[55826,7],[62161,7],[65380,7],[68755,7],[71632,7],[74601,7],[77892,7],[81233,7],[83997,7],[106048,7]]}}}],["malesuada",{"_index":1337,"t":{"486":{"position":[[8039,10],[9522,9],[9858,10],[9886,9],[10786,9],[11106,9],[12277,10],[13760,9],[14096,10],[14124,9],[15024,9],[15344,9],[16415,10],[17898,9],[18234,10],[18262,9],[19162,9],[19482,9]]}}}],["manag",{"_index":2992,"t":{"526":{"position":[[295,8]]},"528":{"position":[[305,8]]},"530":{"position":[[295,8]]}}}],["mandatori",{"_index":1974,"t":{"504":{"position":[[780,10]]},"518":{"position":[[14733,9]]},"522":{"position":[[2758,9]]},"524":{"position":[[11010,9]]}}}],["mani",{"_index":2230,"t":{"508":{"position":[[1659,4]]},"510":{"position":[[1406,4]]},"512":{"position":[[1542,4]]},"514":{"position":[[1252,4]]},"518":{"position":[[5346,4]]}}}],["manju",{"_index":2601,"t":{"516":{"position":[[3525,6],[5394,6],[8015,6]]}}}],["manner",{"_index":791,"t":{"476":{"position":[[135,7]]}}}],["manual",{"_index":964,"t":{"478":{"position":[[6552,8]]},"542":{"position":[[3103,8]]}}}],["march",{"_index":191,"t":{"20":{"position":[[23,5]]},"68":{"position":[[24,5]]},"70":{"position":[[24,5]]},"106":{"position":[[990,5],[1810,5],[1851,5]]},"108":{"position":[[2107,5],[2521,5]]},"114":{"position":[[415,5]]},"188":{"position":[[2151,5],[2565,5]]},"204":{"position":[[2160,5],[2574,5]]},"210":{"position":[[468,5]]},"218":{"position":[[589,5]]},"230":{"position":[[72,5]]},"232":{"position":[[808,5],[1222,5]]},"234":{"position":[[77,5],[491,5]]},"238":{"position":[[2607,5]]},"244":{"position":[[1600,5],[2014,5]]},"252":{"position":[[508,5],[922,5]]},"262":{"position":[[72,5]]},"264":{"position":[[794,5]]},"266":{"position":[[78,5]]},"276":{"position":[[2155,5],[2569,5]]},"284":{"position":[[2154,5],[2568,5]]},"286":{"position":[[583,5]]},"306":{"position":[[802,5],[1216,5]]},"316":{"position":[[71,5],[485,5]]},"318":{"position":[[2601,5]]},"332":{"position":[[1595,5],[2009,5]]},"338":{"position":[[502,5],[916,5]]},"350":{"position":[[464,5]]},"366":{"position":[[788,5]]},"380":{"position":[[72,5]]},"408":{"position":[[67,5]]},"436":{"position":[[68,5]]},"448":{"position":[[68,5]]},"508":{"position":[[5014,8]]},"510":{"position":[[7997,8]]},"512":{"position":[[10821,8],[13681,8]]}}}],["margin",{"_index":2096,"t":{"506":{"position":[[17915,6]]},"542":{"position":[[2021,6]]}}}],["markup",{"_index":1858,"t":{"500":{"position":[[1737,7]]}}}],["massa",{"_index":1335,"t":{"486":{"position":[[8023,5],[8574,6],[8782,5],[9249,5],[12261,5],[12812,6],[13020,5],[13487,5],[16399,5],[16950,6],[17158,5],[17625,5]]}}}],["match",{"_index":1699,"t":{"496":{"position":[[5026,5]]},"516":{"position":[[4389,9]]},"540":{"position":[[694,5]]},"548":{"position":[[1182,5],[1242,8]]},"550":{"position":[[10709,9]]}}}],["match=navlinkmatch.al",{"_index":3069,"t":{"532":{"position":[[1444,24]]},"534":{"position":[[1449,24]]}}}],["matti",{"_index":1368,"t":{"486":{"position":[[8458,7],[10881,6],[11000,6],[11099,6],[12696,7],[15119,6],[15238,6],[15337,6],[16834,7],[19257,6],[19376,6],[19475,6]]}}}],["maui",{"_index":571,"t":{"104":{"position":[[655,4]]},"526":{"position":[[3571,4]]},"530":{"position":[[16,4],[59,4]]},"534":{"position":[[1880,4]]}}}],["mauiprogram.c",{"_index":3044,"t":{"530":{"position":[[2174,14]]}}}],["mauri",{"_index":1295,"t":{"486":{"position":[[7626,7],[7806,6],[10043,6],[10243,6],[11063,6],[11139,6],[11864,7],[12044,6],[14281,6],[14481,6],[15301,6],[15377,6],[16002,7],[16182,6],[18419,6],[18619,6],[19439,6],[19515,6]]}}}],["max",{"_index":294,"t":{"44":{"position":[[307,3]]},"68":{"position":[[268,3]]},"70":{"position":[[236,3]]},"518":{"position":[[627,3],[692,3],[866,3],[894,4],[899,3],[7302,4],[7351,3],[7413,3],[7549,3],[7699,3],[7736,3],[15142,3]]},"520":{"position":[[621,3],[686,3],[732,3],[760,4],[765,3],[3001,4],[3050,3],[3112,3],[3244,3],[3394,3],[3431,3],[4850,3],[5315,4],[5353,4],[12889,3]]},"524":{"position":[[587,3],[652,3],[692,3],[720,4],[725,3],[3048,4],[3097,3],[3159,3],[3293,3],[3443,3],[3480,3],[11235,3]]},"536":{"position":[[625,3],[690,3],[736,3],[764,4],[769,3],[2242,4],[2291,3],[2353,3],[2485,3],[2635,3],[2672,3],[12134,3]]}}}],["max1",{"_index":2881,"t":{"520":{"position":[[4912,5],[5142,4]]},"536":{"position":[[3312,5],[3477,4]]}}}],["max1ful",{"_index":3438,"t":{"546":{"position":[[13025,26]]}}}],["mean",{"_index":818,"t":{"476":{"position":[[2838,7],[2899,7],[3177,6],[3324,7],[3385,7],[3663,6],[3811,7],[3872,7],[4150,6],[4295,7],[4356,7],[4634,6],[4778,7],[4839,7],[5117,6]]},"484":{"position":[[5886,5]]},"518":{"position":[[5378,5]]},"540":{"position":[[1957,7],[2010,7],[2288,6]]},"546":{"position":[[8332,5]]}}}],["measur",{"_index":1578,"t":{"494":{"position":[[410,8],[3195,8]]},"550":{"position":[[23504,8]]}}}],["media",{"_index":1061,"t":{"482":{"position":[[1476,5]]}}}],["member",{"_index":2207,"t":{"508":{"position":[[654,8],[870,8],[2608,8],[2801,8],[16365,7],[16389,7],[16423,7],[16447,7]]},"510":{"position":[[749,8],[970,8],[2221,8],[2427,8],[14678,7],[14707,7],[14746,7],[14775,7]]},"512":{"position":[[798,8],[1015,8],[4572,8],[4764,8],[16651,7],[16676,7],[16711,7],[16736,7]]},"514":{"position":[[605,8],[821,8],[1965,8],[2166,8],[10922,7],[10946,7],[10980,7],[11004,7]]},"538":{"position":[[307,8],[5847,7]]}}}],["memori",{"_index":3769,"t":{"550":{"position":[[49584,6]]}}}],["mention",{"_index":3499,"t":{"548":{"position":[[18389,9]]}}}],["menu",{"_index":539,"t":{"100":{"position":[[367,4]]},"506":{"position":[[1852,4],[2881,4],[2962,4],[3047,4],[15486,4],[15911,4],[16263,4],[16343,5],[16810,4],[17385,4],[17497,4],[17868,5],[17901,5],[25024,4],[25038,4]]},"546":{"position":[[2779,4]]}}}],["menu.@cod",{"_index":1264,"t":{"486":{"position":[[5470,19]]},"546":{"position":[[5966,19]]}}}],["messages\">99+@cod",{"_index":1274,"t":{"486":{"position":[[6547,20]]},"546":{"position":[[7019,20]]}}}],["metu",{"_index":1351,"t":{"486":{"position":[[8194,6],[8213,5],[8329,5],[8378,6],[10344,5],[12432,6],[12451,5],[12567,5],[12616,6],[14582,5],[16570,6],[16589,5],[16705,5],[16754,6],[18720,5]]}}}],["mi",{"_index":1343,"t":{"486":{"position":[[8086,3],[12324,3],[16462,3]]}}}],["milli",{"_index":1841,"t":{"500":{"position":[[735,6]]}}}],["millisecond",{"_index":1883,"t":{"500":{"position":[[4698,13],[6224,13]]}}}],["mimic",{"_index":1831,"t":{"500":{"position":[[221,5]]}}}],["min",{"_index":8,"t":{"2":{"position":[[50,3],[479,3],[725,3],[1017,3],[1302,3],[1554,3],[1773,3],[1993,3],[2300,3],[2638,3]]},"4":{"position":[[47,3]]},"6":{"position":[[46,3]]},"8":{"position":[[47,3]]},"10":{"position":[[47,3]]},"12":{"position":[[47,3]]},"14":{"position":[[47,3]]},"16":{"position":[[46,3]]},"18":{"position":[[47,3]]},"20":{"position":[[44,3]]},"22":{"position":[[44,3]]},"24":{"position":[[43,3]]},"26":{"position":[[43,3]]},"28":{"position":[[45,3]]},"30":{"position":[[45,3]]},"32":{"position":[[47,3]]},"34":{"position":[[48,3]]},"36":{"position":[[48,3]]},"38":{"position":[[46,3]]},"40":{"position":[[47,3]]},"42":{"position":[[47,3]]},"44":{"position":[[48,3],[299,3]]},"46":{"position":[[48,3]]},"48":{"position":[[48,3]]},"50":{"position":[[48,3]]},"52":{"position":[[48,3]]},"54":{"position":[[48,3]]},"56":{"position":[[47,3]]},"58":{"position":[[47,3]]},"60":{"position":[[47,3]]},"62":{"position":[[47,3]]},"64":{"position":[[48,3]]},"66":{"position":[[48,3]]},"68":{"position":[[44,3],[276,3]]},"70":{"position":[[45,3],[244,3]]},"72":{"position":[[45,3]]},"74":{"position":[[45,3]]},"76":{"position":[[45,3]]},"78":{"position":[[45,3]]},"80":{"position":[[41,3]]},"82":{"position":[[43,3]]},"84":{"position":[[44,3]]},"86":{"position":[[44,3]]},"88":{"position":[[44,3]]},"90":{"position":[[43,3]]},"92":{"position":[[43,3]]},"94":{"position":[[43,3]]},"96":{"position":[[43,3]]},"98":{"position":[[44,3]]},"100":{"position":[[45,3]]},"102":{"position":[[47,3]]},"104":{"position":[[50,3]]},"108":{"position":[[44,3],[343,3],[595,3],[1031,3],[1276,3],[1524,3],[1794,3],[2128,3],[2541,3],[2888,3]]},"110":{"position":[[48,3],[297,3],[546,3],[995,3],[1305,3],[1574,3],[1863,3],[2122,3],[2451,3],[2857,3]]},"112":{"position":[[48,3],[388,3],[703,3],[965,3],[1236,3],[1510,3],[1708,3],[1912,3],[2116,3],[2300,3]]},"114":{"position":[[43,3],[238,3],[436,3],[637,3],[867,3],[1069,3],[1298,3],[1468,3],[1703,3],[1894,3]]},"116":{"position":[[47,3]]},"120":{"position":[[92,3]]},"122":{"position":[[90,3]]},"124":{"position":[[99,3],[522,3],[958,3],[1230,3],[1680,3],[1969,3],[2243,3],[2441,3]]},"126":{"position":[[88,3]]},"128":{"position":[[94,3],[523,3],[769,3],[1061,3],[1346,3],[1598,3],[1817,3],[2037,3],[2344,3],[2682,3]]},"130":{"position":[[104,3]]},"132":{"position":[[100,3]]},"134":{"position":[[101,3],[360,3],[689,3],[1095,3],[1408,3]]},"136":{"position":[[97,3]]},"138":{"position":[[106,3],[512,3]]},"140":{"position":[[107,3]]},"142":{"position":[[98,3],[504,3]]},"144":{"position":[[105,3]]},"146":{"position":[[96,3],[345,3],[594,3]]},"148":{"position":[[106,3]]},"150":{"position":[[103,3]]},"152":{"position":[[104,3]]},"154":{"position":[[98,3]]},"156":{"position":[[105,3]]},"158":{"position":[[101,3]]},"160":{"position":[[99,3]]},"162":{"position":[[105,3]]},"164":{"position":[[102,3]]},"166":{"position":[[100,3]]},"168":{"position":[[99,3],[505,3]]},"170":{"position":[[100,3]]},"172":{"position":[[104,3]]},"174":{"position":[[102,3]]},"176":{"position":[[99,3],[505,3]]},"178":{"position":[[109,3]]},"180":{"position":[[97,3]]},"182":{"position":[[101,3]]},"184":{"position":[[98,3]]},"186":{"position":[[98,3],[345,3]]},"188":{"position":[[88,3],[387,3],[639,3],[1075,3],[1320,3],[1568,3],[1838,3],[2172,3],[2585,3],[2932,3]]},"190":{"position":[[92,3],[341,3],[590,3],[1039,3],[1349,3],[1618,3],[1907,3],[2166,3],[2495,3],[2901,3]]},"192":{"position":[[92,3]]},"194":{"position":[[98,3]]},"196":{"position":[[105,3],[528,3],[964,3],[1237,3]]},"198":{"position":[[94,3]]},"200":{"position":[[103,3],[532,3],[778,3],[1070,3],[1355,3],[1607,3],[1826,3],[2046,3],[2353,3],[2691,3]]},"202":{"position":[[118,3]]},"204":{"position":[[97,3],[396,3],[648,3],[1084,3],[1329,3],[1577,3],[1847,3],[2181,3],[2594,3],[2941,3]]},"206":{"position":[[101,3],[350,3],[599,3],[1048,3],[1358,3],[1627,3],[1916,3],[2175,3],[2504,3],[2910,3]]},"208":{"position":[[101,3],[441,3],[756,3],[1018,3],[1289,3],[1563,3],[1761,3],[1965,3],[2169,3],[2353,3]]},"210":{"position":[[96,3],[291,3],[489,3],[690,3],[920,3],[1122,3],[1351,3],[1521,3],[1756,3],[1947,3]]},"212":{"position":[[100,3]]},"214":{"position":[[97,3]]},"216":{"position":[[93,3],[394,3]]},"218":{"position":[[95,3],[340,3],[609,3]]},"220":{"position":[[99,3]]},"222":{"position":[[97,3]]},"224":{"position":[[107,3]]},"226":{"position":[[103,3]]},"228":{"position":[[97,3],[533,3],[784,3]]},"230":{"position":[[93,3]]},"232":{"position":[[96,3],[393,3],[829,3],[1242,3]]},"234":{"position":[[98,3],[511,3]]},"236":{"position":[[97,3]]},"238":{"position":[[95,3],[341,3],[633,3],[918,3],[1138,3],[1396,3],[1695,3],[1947,3],[2383,3],[2628,3]]},"240":{"position":[[96,3],[345,3],[594,3]]},"242":{"position":[[92,3]]},"244":{"position":[[98,3],[524,3],[809,3],[1061,3],[1282,3],[1621,3],[2034,3],[2380,3]]},"246":{"position":[[98,3],[351,3]]},"248":{"position":[[98,3]]},"250":{"position":[[96,3]]},"252":{"position":[[93,3],[529,3],[942,3]]},"254":{"position":[[96,3]]},"256":{"position":[[100,3],[529,3]]},"258":{"position":[[90,3],[529,3]]},"260":{"position":[[92,3]]},"262":{"position":[[93,3]]},"264":{"position":[[96,3],[379,3],[815,3]]},"266":{"position":[[99,3]]},"268":{"position":[[92,3]]},"270":{"position":[[93,3],[435,3]]},"272":{"position":[[100,3],[525,3]]},"274":{"position":[[98,3],[527,3],[773,3],[1065,3],[1350,3],[1602,3],[1821,3],[2041,3],[2348,3],[2686,3]]},"276":{"position":[[92,3],[391,3],[643,3],[1079,3],[1324,3],[1572,3],[1842,3],[2176,3],[2589,3],[2936,3]]},"278":{"position":[[96,3],[345,3],[594,3],[1043,3]]},"280":{"position":[[97,3],[526,3],[772,3],[1064,3],[1349,3],[1601,3],[1820,3],[2040,3],[2347,3],[2685,3]]},"282":{"position":[[98,3]]},"284":{"position":[[91,3],[390,3],[642,3],[1078,3],[1323,3],[1571,3],[1841,3],[2175,3],[2588,3],[2935,3]]},"286":{"position":[[89,3],[334,3],[603,3]]},"288":{"position":[[93,3]]},"290":{"position":[[93,3]]},"292":{"position":[[91,3]]},"294":{"position":[[99,3]]},"296":{"position":[[101,3]]},"298":{"position":[[87,3],[388,3],[722,3]]},"300":{"position":[[91,3]]},"302":{"position":[[91,3],[527,3]]},"304":{"position":[[86,3]]},"306":{"position":[[90,3],[387,3],[823,3],[1236,3]]},"308":{"position":[[91,3]]},"310":{"position":[[95,3],[344,3],[593,3],[1042,3]]},"312":{"position":[[91,3],[521,3],[719,3]]},"314":{"position":[[97,3]]},"316":{"position":[[92,3],[505,3]]},"318":{"position":[[89,3],[335,3],[627,3],[912,3],[1132,3],[1390,3],[1689,3],[1941,3],[2377,3],[2622,3]]},"320":{"position":[[86,3]]},"322":{"position":[[86,3],[390,3]]},"324":{"position":[[98,3]]},"326":{"position":[[91,3]]},"328":{"position":[[91,3]]},"330":{"position":[[90,3]]},"332":{"position":[[93,3],[519,3],[804,3],[1056,3],[1277,3],[1616,3],[2029,3],[2375,3],[2681,3],[2881,3]]},"334":{"position":[[93,3]]},"336":{"position":[[95,3]]},"338":{"position":[[87,3],[523,3],[936,3],[1278,3],[1478,3]]},"340":{"position":[[90,3],[339,3],[589,3],[785,3],[990,3]]},"342":{"position":[[90,3]]},"344":{"position":[[89,3],[350,3]]},"346":{"position":[[97,3]]},"348":{"position":[[94,3]]},"350":{"position":[[92,3],[287,3],[485,3]]},"352":{"position":[[86,3]]},"354":{"position":[[99,3],[524,3],[777,3]]},"356":{"position":[[94,3],[523,3]]},"358":{"position":[[86,3]]},"360":{"position":[[87,3],[429,3],[676,3],[991,3]]},"362":{"position":[[93,3]]},"364":{"position":[[85,3]]},"366":{"position":[[90,3],[373,3],[809,3]]},"368":{"position":[[91,3]]},"370":{"position":[[90,3]]},"372":{"position":[[94,3],[519,3]]},"374":{"position":[[91,3]]},"376":{"position":[[91,3]]},"378":{"position":[[90,3]]},"380":{"position":[[93,3]]},"382":{"position":[[91,3]]},"384":{"position":[[91,3]]},"386":{"position":[[87,3]]},"388":{"position":[[87,3]]},"390":{"position":[[89,3]]},"392":{"position":[[91,3]]},"394":{"position":[[89,3]]},"396":{"position":[[92,3]]},"398":{"position":[[91,3]]},"400":{"position":[[88,3]]},"402":{"position":[[91,3]]},"404":{"position":[[91,3]]},"406":{"position":[[92,3]]},"408":{"position":[[88,3]]},"410":{"position":[[92,3]]},"412":{"position":[[92,3]]},"414":{"position":[[92,3]]},"416":{"position":[[95,3]]},"418":{"position":[[90,3]]},"420":{"position":[[92,3]]},"422":{"position":[[92,3]]},"424":{"position":[[91,3]]},"426":{"position":[[91,3]]},"428":{"position":[[90,3]]},"430":{"position":[[92,3]]},"432":{"position":[[92,3]]},"434":{"position":[[92,3]]},"436":{"position":[[88,3]]},"438":{"position":[[91,3]]},"440":{"position":[[89,3]]},"442":{"position":[[89,3]]},"444":{"position":[[91,3]]},"446":{"position":[[92,3]]},"448":{"position":[[89,3]]},"450":{"position":[[87,3]]},"452":{"position":[[88,3]]},"454":{"position":[[88,3]]},"456":{"position":[[89,3]]},"458":{"position":[[87,3]]},"460":{"position":[[87,3]]},"462":{"position":[[87,3]]},"464":{"position":[[89,3]]},"466":{"position":[[88,3]]},"468":{"position":[[85,3]]},"470":{"position":[[87,3]]},"472":{"position":[[88,3]]},"496":{"position":[[11053,4],[11380,4],[11802,4],[12347,4],[12695,4],[13138,4]]},"518":{"position":[[619,3],[684,3],[1015,3],[1043,4],[1048,3],[7294,3],[7343,3],[7405,3],[7542,3],[7616,3],[7658,3],[15134,3]]},"520":{"position":[[613,3],[678,3],[808,3],[836,4],[841,3],[2993,3],[3042,3],[3104,3],[3237,3],[3311,3],[3353,3],[4799,3],[5303,4],[5341,4],[12881,3]]},"524":{"position":[[579,3],[644,3],[762,3],[790,4],[795,3],[3040,3],[3089,3],[3151,3],[3286,3],[3360,3],[3402,3],[11227,3]]},"536":{"position":[[617,3],[682,3],[812,3],[840,4],[845,3],[2234,3],[2283,3],[2345,3],[2478,3],[2552,3],[2594,3],[12126,3]]}}}],["min1",{"_index":2880,"t":{"520":{"position":[[4906,5],[5107,4]]},"536":{"position":[[3306,5],[3438,4]]}}}],["min1(titl",{"_index":3385,"t":{"546":{"position":[[4500,46]]}}}],["modal.showasync(titl",{"_index":3387,"t":{"546":{"position":[[6279,46]]}}}],["modal10",{"_index":662,"t":{"118":{"position":[[1429,7]]}}}],["modalful",{"_index":3434,"t":{"546":{"position":[[12830,24]]}}}],["modalfullscreen",{"_index":3363,"t":{"546":{"position":[[731,15]]}}}],["modalfullscreen.dis",{"_index":3364,"t":{"546":{"position":[[781,24]]}}}],["modalopt",{"_index":3146,"t":{"538":{"position":[[277,12],[295,11],[1963,11],[1981,11],[3138,11],[3156,11],[3910,11],[3928,11],[4306,11],[4324,11],[4738,11],[4756,11],[5205,11],[5413,11],[5431,11],[5626,11],[5644,11],[5835,11]]},"550":{"position":[[99165,11],[101607,11]]}}}],["modals",{"_index":3152,"t":{"538":{"position":[[794,9],[3893,10],[4012,9]]},"546":{"position":[[1235,9]]}}}],["modalservic",{"_index":31,"t":{"2":{"position":[[342,12],[1457,12],[2516,12]]},"88":{"position":[[820,12]]},"90":{"position":[[180,12]]},"96":{"position":[[367,12]]},"104":{"position":[[950,12]]},"124":{"position":[[391,12]]},"128":{"position":[[386,12],[1501,12],[2560,12]]},"196":{"position":[[397,12]]},"200":{"position":[[395,12],[1510,12],[2569,12]]},"220":{"position":[[391,12]]},"224":{"position":[[399,12]]},"242":{"position":[[308,12]]},"244":{"position":[[390,12],[964,12],[1498,12]]},"246":{"position":[[253,12],[567,12]]},"256":{"position":[[392,12]]},"260":{"position":[[308,12]]},"270":{"position":[[309,12]]},"272":{"position":[[392,12]]},"274":{"position":[[390,12],[1505,12],[2564,12]]},"280":{"position":[[389,12],[1504,12],[2563,12]]},"290":{"position":[[385,12]]},"296":{"position":[[393,12]]},"312":{"position":[[383,12]]},"320":{"position":[[302,12]]},"332":{"position":[[385,12],[959,12],[1493,12]]},"352":{"position":[[302,12]]},"354":{"position":[[20,14],[391,12],[679,12],[993,12]]},"356":{"position":[[386,12]]},"360":{"position":[[303,12]]},"372":{"position":[[386,12]]},"416":{"position":[[387,12]]},"466":{"position":[[304,12]]},"470":{"position":[[242,12]]},"538":{"position":[[1855,12],[1868,12],[3030,12],[3043,12],[3802,12],[3815,12],[4217,12],[4230,12],[4649,12],[4662,12],[5114,13],[5257,12],[5270,12]]},"550":{"position":[[97758,12],[97771,12],[100194,12],[100207,12]]}}}],["modalservice.showasync(modalopt",{"_index":3166,"t":{"538":{"position":[[2085,36],[3288,36],[4031,36],[4480,36],[4867,36],[5541,36],[5751,36]]}}}],["modalservice.showasync(new",{"_index":3875,"t":{"550":{"position":[[99138,26],[101580,26]]}}}],["modalservice3",{"_index":663,"t":{"118":{"position":[[1437,13]]}}}],["modalsize.regular",{"_index":1127,"t":{"484":{"position":[[1309,17]]},"538":{"position":[[833,17]]},"546":{"position":[[1264,17]]}}}],["modaltyp",{"_index":3153,"t":{"538":{"position":[[907,9],[1946,10],[2065,10],[3121,10],[3240,10]]},"546":{"position":[[1159,9],[1169,9]]}}}],["modaltype.dang",{"_index":3179,"t":{"538":{"position":[[5725,16]]}}}],["modaltype.light",{"_index":3154,"t":{"538":{"position":[[946,15]]},"546":{"position":[[1208,15]]}}}],["modaltype.primari",{"_index":3876,"t":{"550":{"position":[[99186,18],[101628,18]]}}}],["modaltype.success",{"_index":3178,"t":{"538":{"position":[[5514,17]]}}}],["mode",{"_index":2277,"t":{"508":{"position":[[5377,4],[9250,4],[11182,4],[13443,4],[15506,4]]},"510":{"position":[[9982,4]]},"512":{"position":[[7261,4],[12771,4],[15830,4]]},"550":{"position":[[2330,5]]}}}],["modifi",{"_index":763,"t":{"474":{"position":[[1071,9]]},"544":{"position":[[2170,6],[2721,6],[3271,6],[4033,6],[4658,6],[5281,6],[6022,6],[6573,6],[7123,6],[7825,6],[8392,6],[8942,6],[9656,6],[10207,6],[10757,6],[11643,6],[12206,6],[12768,6],[13326,6],[13874,6],[14434,6],[16580,6],[17153,6],[17725,6]]}}}],["molesti",{"_index":1363,"t":{"486":{"position":[[8397,8],[9542,8],[9877,8],[9949,8],[12635,8],[13780,8],[14115,8],[14187,8],[16773,8],[17918,8],[18253,8],[18325,8]]}}}],["molli",{"_index":1302,"t":{"486":{"position":[[7703,6],[7791,7],[9346,6],[10067,6],[11941,6],[12029,7],[13584,6],[14305,6],[16079,6],[16167,7],[17722,6],[18443,6]]}}}],["moment",{"_index":1004,"t":{"478":{"position":[[8590,7]]},"480":{"position":[[343,6]]},"548":{"position":[[2577,7]]},"550":{"position":[[29298,6]]}}}],["monoton",{"_index":2504,"t":{"512":{"position":[[4303,8]]}}}],["month",{"_index":2274,"t":{"508":{"position":[[4980,6]]}}}],["months[labelscount",{"_index":2316,"t":{"508":{"position":[[8295,18]]}}}],["more",{"_index":37,"t":{"2":{"position":[[427,4],[675,4],[968,4],[1254,4],[1506,4],[1725,4],[1945,4],[2251,4],[2589,4],[2847,4]]},"4":{"position":[[108,4]]},"44":{"position":[[186,7]]},"46":{"position":[[133,4]]},"48":{"position":[[174,4]]},"50":{"position":[[149,4]]},"52":{"position":[[142,4]]},"54":{"position":[[164,4]]},"56":{"position":[[131,4]]},"58":{"position":[[133,4]]},"62":{"position":[[137,4]]},"64":{"position":[[138,4]]},"76":{"position":[[375,4]]},"108":{"position":[[295,4],[549,4],[981,4],[1226,4],[1474,4],[1744,4],[2078,4],[2492,4],[2835,4],[3083,4]]},"110":{"position":[[138,4],[245,4],[387,4],[494,4],[943,4],[1081,4],[1253,4],[1389,4],[1521,4],[1690,4],[1810,4],[1957,4],[2069,4],[2223,4],[2398,4],[2577,4],[2804,4],[2942,4],[3117,4]]},"112":{"position":[[186,7],[336,4],[651,4],[914,4],[1183,4],[1656,4],[1862,4],[2066,4],[2252,4],[2449,4]]},"114":{"position":[[189,4],[387,4],[585,4],[816,4],[1017,4],[1246,4],[1416,4],[1652,4],[1842,4],[1955,4],[2036,4]]},"116":{"position":[[238,4]]},"120":{"position":[[376,4]]},"122":{"position":[[267,4]]},"124":{"position":[[476,4],[908,4],[1178,4],[1627,4],[1796,4],[1916,4],[2389,4],[2595,4]]},"126":{"position":[[372,4]]},"128":{"position":[[471,4],[719,4],[1012,4],[1298,4],[1550,4],[1769,4],[1989,4],[2295,4],[2633,4],[2891,4]]},"130":{"position":[[501,4]]},"132":{"position":[[318,4]]},"134":{"position":[[195,4],[307,4],[461,4],[636,4],[815,4],[1042,4],[1180,4],[1355,4],[1546,7],[1696,4]]},"136":{"position":[[315,4]]},"138":{"position":[[232,4],[459,4],[597,4],[772,4]]},"140":{"position":[[208,4],[383,4]]},"142":{"position":[[224,4],[451,4],[589,4],[764,4]]},"144":{"position":[[323,4]]},"146":{"position":[[186,4],[293,4],[435,4],[542,4],[805,4]]},"148":{"position":[[317,4]]},"150":{"position":[[314,4]]},"152":{"position":[[315,4]]},"154":{"position":[[236,7],[386,4]]},"156":{"position":[[243,7],[393,4]]},"158":{"position":[[319,4]]},"160":{"position":[[200,4],[375,4]]},"162":{"position":[[243,7],[393,4]]},"164":{"position":[[187,4],[362,4]]},"166":{"position":[[318,4]]},"168":{"position":[[225,4],[452,4],[590,4],[765,4]]},"170":{"position":[[363,4]]},"172":{"position":[[367,4]]},"174":{"position":[[187,4],[362,4]]},"176":{"position":[[225,4],[452,4],[590,4],[765,4]]},"178":{"position":[[506,4]]},"180":{"position":[[235,7],[385,4]]},"182":{"position":[[498,4]]},"184":{"position":[[224,4],[451,4]]},"186":{"position":[[293,4],[608,4]]},"188":{"position":[[339,4],[593,4],[1025,4],[1270,4],[1518,4],[1788,4],[2122,4],[2536,4],[2879,4],[3127,4]]},"190":{"position":[[182,4],[289,4],[431,4],[538,4],[987,4],[1125,4],[1297,4],[1433,4],[1565,4],[1734,4],[1854,4],[2001,4],[2113,4],[2267,4],[2442,4],[2621,4],[2848,4],[2986,4],[3161,4]]},"192":{"position":[[230,7],[380,4]]},"194":{"position":[[382,4]]},"196":{"position":[[482,4],[914,4],[1184,4],[1353,4],[1473,4]]},"198":{"position":[[378,4]]},"200":{"position":[[480,4],[728,4],[1021,4],[1307,4],[1559,4],[1778,4],[1998,4],[2304,4],[2642,4],[2900,4]]},"202":{"position":[[515,4]]},"204":{"position":[[348,4],[602,4],[1034,4],[1279,4],[1527,4],[1797,4],[2131,4],[2545,4],[2888,4],[3136,4]]},"206":{"position":[[191,4],[298,4],[440,4],[547,4],[996,4],[1134,4],[1306,4],[1442,4],[1574,4],[1743,4],[1863,4],[2010,4],[2122,4],[2276,4],[2451,4],[2630,4],[2857,4],[2995,4],[3170,4]]},"208":{"position":[[239,7],[389,4],[704,4],[967,4],[1236,4],[1709,4],[1915,4],[2119,4],[2305,4],[2502,4]]},"210":{"position":[[242,4],[440,4],[638,4],[869,4],[1070,4],[1299,4],[1469,4],[1705,4],[1895,4],[2008,4],[2089,4]]},"212":{"position":[[291,4]]},"214":{"position":[[355,4]]},"216":{"position":[[344,4],[678,4]]},"218":{"position":[[290,4],[560,4],[903,4]]},"220":{"position":[[476,4]]},"222":{"position":[[381,4]]},"224":{"position":[[484,4]]},"226":{"position":[[189,4],[361,4]]},"228":{"position":[[483,4],[731,4],[885,4],[1060,4]]},"230":{"position":[[457,4]]},"232":{"position":[[347,4],[779,4],[1193,4],[1536,4]]},"234":{"position":[[462,4],[805,4]]},"236":{"position":[[183,4],[355,4]]},"238":{"position":[[291,4],[584,4],[870,4],[1089,4],[1347,4],[1647,4],[1901,4],[2333,4],[2578,4],[2992,4]]},"240":{"position":[[186,4],[293,4],[435,4],[542,4],[805,4]]},"242":{"position":[[381,4]]},"244":{"position":[[475,4],[761,4],[1013,4],[1233,4],[1571,4],[1985,4],[2328,4],[2466,4],[2638,4]]},"246":{"position":[[302,4],[640,4]]},"248":{"position":[[199,4],[374,4]]},"250":{"position":[[482,4]]},"252":{"position":[[479,4],[893,4],[1236,4]]},"254":{"position":[[305,4]]},"256":{"position":[[477,4],[613,4],[745,4]]},"258":{"position":[[476,4],[623,4],[735,4]]},"260":{"position":[[381,4]]},"262":{"position":[[457,4]]},"264":{"position":[[333,4],[765,4],[1179,4]]},"266":{"position":[[463,4]]},"268":{"position":[[350,4]]},"270":{"position":[[382,4],[630,4]]},"272":{"position":[[477,4],[731,4]]},"274":{"position":[[475,4],[723,4],[1016,4],[1302,4],[1554,4],[1773,4],[1993,4],[2299,4],[2637,4],[2895,4]]},"276":{"position":[[343,4],[597,4],[1029,4],[1274,4],[1522,4],[1792,4],[2126,4],[2540,4],[2883,4],[3131,4]]},"278":{"position":[[186,4],[293,4],[435,4],[542,4],[991,4],[1129,4],[1301,4]]},"280":{"position":[[474,4],[722,4],[1015,4],[1301,4],[1553,4],[1772,4],[1992,4],[2298,4],[2636,4],[2894,4]]},"282":{"position":[[356,4]]},"284":{"position":[[342,4],[596,4],[1028,4],[1273,4],[1521,4],[1791,4],[2125,4],[2539,4],[2882,4],[3130,4]]},"286":{"position":[[284,4],[554,4],[897,4]]},"288":{"position":[[239,4]]},"290":{"position":[[470,4]]},"292":{"position":[[375,4]]},"294":{"position":[[278,4]]},"296":{"position":[[478,4]]},"298":{"position":[[338,4],[672,4],[858,4]]},"300":{"position":[[289,4]]},"302":{"position":[[477,4],[725,4]]},"304":{"position":[[337,4]]},"306":{"position":[[341,4],[773,4],[1187,4],[1530,4]]},"308":{"position":[[349,4]]},"310":{"position":[[185,4],[292,4],[434,4],[541,4],[990,4],[1128,4],[1300,4]]},"312":{"position":[[468,4],[667,4],[873,4]]},"314":{"position":[[183,4],[355,4]]},"316":{"position":[[456,4],[799,4]]},"318":{"position":[[285,4],[578,4],[864,4],[1083,4],[1341,4],[1641,4],[1895,4],[2327,4],[2572,4],[2986,4]]},"320":{"position":[[375,4]]},"322":{"position":[[337,4],[528,7],[678,4]]},"324":{"position":[[236,7],[386,4]]},"326":{"position":[[175,4],[307,4]]},"328":{"position":[[177,4],[349,4]]},"330":{"position":[[269,4]]},"332":{"position":[[470,4],[756,4],[1008,4],[1228,4],[1566,4],[1980,4],[2323,4],[2461,4],[2633,4],[2830,4],[3031,4]]},"334":{"position":[[177,4],[309,4]]},"336":{"position":[[179,4],[311,4]]},"338":{"position":[[473,4],[887,4],[1230,4],[1427,4],[1628,4]]},"340":{"position":[[180,4],[287,4],[429,4],[536,4],[735,4],[939,4],[1140,4]]},"342":{"position":[[476,4]]},"344":{"position":[[298,4],[613,4]]},"346":{"position":[[360,4]]},"348":{"position":[[244,4]]},"350":{"position":[[238,4],[436,4],[634,4]]},"352":{"position":[[375,4]]},"354":{"position":[[476,4],[728,4],[1066,4]]},"356":{"position":[[471,4],[607,4],[739,4]]},"358":{"position":[[344,4]]},"360":{"position":[[376,4],[624,4],[939,4],[1170,4]]},"362":{"position":[[351,4]]},"364":{"position":[[471,4]]},"366":{"position":[[327,4],[759,4],[1173,4]]},"368":{"position":[[152,4],[233,4]]},"370":{"position":[[229,4]]},"372":{"position":[[471,4],[725,4]]},"374":{"position":[[209,4]]},"376":{"position":[[268,4]]},"378":{"position":[[240,4]]},"380":{"position":[[457,4]]},"382":{"position":[[282,4]]},"384":{"position":[[275,4]]},"386":{"position":[[233,4]]},"388":{"position":[[236,4]]},"390":{"position":[[225,4]]},"392":{"position":[[270,4]]},"394":{"position":[[243,4]]},"396":{"position":[[238,4]]},"398":{"position":[[245,4]]},"400":{"position":[[237,4]]},"402":{"position":[[302,4]]},"404":{"position":[[354,4]]},"406":{"position":[[230,7],[380,4]]},"408":{"position":[[237,4]]},"412":{"position":[[218,4],[445,4]]},"414":{"position":[[288,4]]},"416":{"position":[[472,4]]},"418":{"position":[[333,4]]},"420":{"position":[[177,4],[352,4]]},"422":{"position":[[208,4],[328,4]]},"424":{"position":[[175,4],[307,4]]},"426":{"position":[[177,4],[349,4]]},"428":{"position":[[308,4]]},"430":{"position":[[186,4],[298,4]]},"432":{"position":[[182,4],[289,4]]},"434":{"position":[[287,4]]},"436":{"position":[[382,4]]},"438":{"position":[[488,4]]},"440":{"position":[[309,4]]},"442":{"position":[[373,4]]},"444":{"position":[[181,4],[288,4]]},"446":{"position":[[193,4],[368,4]]},"448":{"position":[[453,4]]},"450":{"position":[[293,4]]},"452":{"position":[[339,4]]},"454":{"position":[[297,4]]},"456":{"position":[[287,4]]},"458":{"position":[[259,4]]},"460":{"position":[[345,4]]},"462":{"position":[[258,4]]},"464":{"position":[[284,4]]},"466":{"position":[[377,4]]},"468":{"position":[[471,4]]},"470":{"position":[[291,4]]},"472":{"position":[[325,4]]},"478":{"position":[[117,4],[2005,4]]},"486":{"position":[[127,4]]},"496":{"position":[[3130,5]]},"506":{"position":[[129,5],[17763,4]]},"540":{"position":[[2439,4]]},"550":{"position":[[18675,4],[29975,4]]}}}],["motion",{"_index":1060,"t":{"482":{"position":[[1469,6],[1505,6]]}}}],["mous",{"_index":2477,"t":{"512":{"position":[[2959,5]]}}}],["move",{"_index":3399,"t":{"546":{"position":[[8777,4],[10528,4]]}}}],["mt",{"_index":954,"t":{"478":{"position":[[6005,2],[6165,2],[6344,2]]},"550":{"position":[[56442,2]]}}}],["much",{"_index":947,"t":{"478":{"position":[[5756,4]]}}}],["mug",{"_index":2615,"t":{"516":{"position":[[3639,6],[5508,6],[8129,6]]}}}],["multi",{"_index":3739,"t":{"550":{"position":[[29252,5]]}}}],["multipl",{"_index":214,"t":{"30":{"position":[[226,8]]},"42":{"position":[[280,8]]},"80":{"position":[[223,8]]},"98":{"position":[[534,8]]},"100":{"position":[[254,8]]},"478":{"position":[[139,8]]},"488":{"position":[[149,8]]},"494":{"position":[[5675,8],[5698,8],[8304,8]]},"496":{"position":[[125,8],[5032,8]]},"508":{"position":[[204,8]]},"550":{"position":[[71890,8],[71920,8],[107025,8]]}}}],["mute",{"_index":2086,"t":{"506":{"position":[[17634,6]]}}}],["muted\">card",{"_index":1678,"t":{"496":{"position":[[3508,11],[3978,11],[4340,11]]}}}],["muted\">last",{"_index":1748,"t":{"496":{"position":[[11031,11],[11358,11],[11780,11],[12325,11],[12673,11],[13116,11]]}}}],["mx",{"_index":956,"t":{"478":{"position":[[6157,2]]}}}],["n",{"_index":664,"t":{"118":{"position":[[1451,1]]}}}],["nam",{"_index":1338,"t":{"486":{"position":[[8050,3],[12288,3],[16426,3]]}}}],["name",{"_index":130,"t":{"10":{"position":[[127,5]]},"114":{"position":[[1548,5]]},"210":{"position":[[1601,5]]},"384":{"position":[[171,5]]},"474":{"position":[[209,4]]},"476":{"position":[[155,4]]},"478":{"position":[[180,4],[1717,4]]},"482":{"position":[[160,4],[500,4],[697,4]]},"484":{"position":[[168,4],[699,4],[2339,5],[3425,4],[3557,4]]},"486":{"position":[[187,4],[3568,5],[4271,4],[4403,4],[5155,5],[6215,4],[6347,4]]},"488":{"position":[[177,4]]},"490":{"position":[[205,4],[443,4]]},"492":{"position":[[408,4],[576,4]]},"494":{"position":[[222,4],[491,4],[757,4]]},"496":{"position":[[379,4],[699,4],[863,4],[1026,4],[1190,4],[1352,4],[1915,4],[2147,4],[2310,4]]},"498":{"position":[[134,4],[387,4],[588,4],[719,4]]},"500":{"position":[[602,4],[1061,4],[1241,5],[1353,5]]},"502":{"position":[[142,4]]},"504":{"position":[[389,4],[619,4],[655,5],[744,4]]},"506":{"position":[[256,4],[804,4],[1229,4],[1646,4],[1901,4],[2078,4],[2821,4]]},"508":{"position":[[249,4],[397,4],[672,4],[935,4],[2626,4],[2865,4],[16054,4]]},"510":{"position":[[345,4],[492,4],[767,4],[1040,4],[2239,4],[2496,4],[11669,4]]},"512":{"position":[[394,4],[541,4],[816,4],[1081,4],[4590,4],[4829,4],[16337,4]]},"514":{"position":[[201,4],[348,4],[623,4],[886,4],[1983,4],[2230,4],[8057,4]]},"516":{"position":[[243,4],[786,5],[1591,4],[1844,4],[10108,4]]},"518":{"position":[[197,4],[1548,4],[1641,4]]},"520":{"position":[[318,4],[1072,4],[1179,4],[7663,5],[7831,5],[8511,5],[8784,4],[9969,5],[12519,4]]},"522":{"position":[[167,4],[464,4],[589,4]]},"524":{"position":[[205,4],[1046,4],[1131,4]]},"536":{"position":[[322,4],[1076,4],[1183,4]]},"538":{"position":[[238,4],[325,4]]},"540":{"position":[[126,4]]},"542":{"position":[[195,4],[484,4],[574,4]]},"544":{"position":[[156,4],[535,4],[747,5],[846,4],[1332,4],[1550,4],[1584,5],[18208,5],[18427,5],[18647,5],[18868,5]]},"546":{"position":[[186,4],[1546,4],[4138,5],[4811,4],[4943,4],[5700,5],[6687,4],[6819,4]]},"548":{"position":[[224,4],[380,5],[712,4],[849,4],[953,5],[1133,5]]},"550":{"position":[[202,4],[2622,4],[3235,4],[3538,4],[4580,5],[5738,4],[6416,5],[6949,4],[7073,4],[7204,4],[7328,4],[7457,4],[7590,4],[7710,4],[7832,4],[7955,4],[8369,4],[8715,5],[9292,4],[9416,4],[9547,4],[9671,4],[9800,4],[9933,4],[10053,4],[10175,4],[10298,4],[11223,6],[11666,4],[11790,4],[11921,4],[12045,4],[12174,4],[12307,4],[12427,4],[12549,4],[12679,4],[12804,4],[12927,4],[13046,4],[13839,5],[14436,4],[14560,4],[14691,4],[14815,4],[14944,4],[15077,4],[15197,4],[15319,4],[15442,4],[16166,5],[16853,4],[16977,4],[17108,4],[17232,4],[17361,4],[17494,4],[17614,4],[17736,4],[17866,4],[17991,4],[18114,4],[18233,4],[19070,5],[19603,4],[19727,4],[19858,4],[19982,4],[20111,4],[20244,4],[20364,4],[20486,4],[20609,4],[21475,5],[22003,4],[22127,4],[22258,4],[22382,4],[22511,4],[22644,4],[22764,4],[22886,4],[23009,4],[23844,5],[23980,5],[27952,5],[28127,5],[30397,5],[31074,4],[31198,4],[31329,4],[31453,4],[31582,4],[31715,4],[31835,4],[31957,4],[32080,4],[32857,5],[33437,4],[33561,4],[33692,4],[33816,4],[33945,4],[34078,4],[34198,4],[34320,4],[34443,4],[35243,6],[35800,4],[35924,4],[36055,4],[36179,4],[36308,4],[36441,4],[36561,4],[36683,4],[36806,4],[37616,6],[38203,4],[38308,4],[38423,4],[38530,4],[38643,4],[38763,4],[38866,4],[38971,4],[39078,4],[39857,6],[40459,4],[40564,4],[40679,4],[40786,4],[40899,4],[41019,4],[41122,4],[41227,4],[41334,4],[42115,6],[42203,6],[45990,6],[46433,4],[46557,4],[46688,4],[46812,4],[46941,4],[47074,4],[47194,4],[47316,4],[47446,4],[47571,4],[47694,4],[47813,4],[48582,6],[48668,6],[50190,5],[52073,4],[52197,4],[52328,4],[52452,4],[52581,4],[52714,4],[52834,4],[52956,4],[53086,4],[53211,4],[53334,4],[53453,4],[54130,5],[54708,4],[54832,4],[54963,4],[55087,4],[55216,4],[55427,4],[55547,4],[55669,4],[55792,4],[56608,5],[57156,4],[57280,4],[57411,4],[57535,4],[57664,4],[59642,5],[60866,4],[60990,4],[61121,4],[61245,4],[61374,4],[61507,4],[61627,4],[61749,4],[61879,4],[62004,4],[62127,4],[62246,4],[62967,5],[64085,4],[64209,4],[64340,4],[64464,4],[64593,4],[64726,4],[64846,4],[64968,4],[65098,4],[65223,4],[65346,4],[65465,4],[66172,5],[67460,4],[67584,4],[67715,4],[67839,4],[67968,4],[68101,4],[68221,4],[68343,4],[68473,4],[68598,4],[68721,4],[68840,4],[69388,5],[70592,4],[70716,4],[70847,4],[70971,4],[71100,4],[71233,4],[71353,4],[71475,4],[71598,4],[72357,5],[73561,4],[73685,4],[73816,4],[73940,4],[74069,4],[74202,4],[74322,4],[74444,4],[74567,4],[75702,5],[76852,4],[76976,4],[77107,4],[77231,4],[77360,4],[77493,4],[77613,4],[77735,4],[77858,4],[78751,6],[79938,4],[80062,4],[80193,4],[80317,4],[80446,4],[80579,4],[80699,4],[80821,4],[80951,4],[81076,4],[81199,4],[81318,4],[81885,6],[82702,4],[82826,4],[82957,4],[83081,4],[83210,4],[83343,4],[83463,4],[83585,4],[83715,4],[83840,4],[83963,4],[84082,4],[84566,5],[85366,5],[86152,5],[86952,5],[87923,4],[88054,4],[88178,4],[88307,4],[88440,4],[88560,4],[89154,5],[90143,5],[91130,5],[92119,5],[93102,5],[94085,5],[95078,5],[96139,4],[96270,4],[96394,4],[96523,4],[96656,4],[96776,4],[97296,5],[98328,4],[98459,4],[98583,4],[98712,4],[98845,4],[98965,4],[99265,5],[99732,5],[100764,4],[100895,4],[101019,4],[101148,4],[101281,4],[101401,4],[101714,5],[102583,5],[104753,4],[104877,4],[105008,4],[105132,4],[105261,4],[105394,4],[105514,4],[105636,4],[105766,4],[105891,4],[106014,4],[106133,4]]}}}],["name=\"accordionitem1",{"_index":3323,"t":{"544":{"position":[[11339,22],[16276,22]]}}}],["name=\"accordionitem2",{"_index":3324,"t":{"544":{"position":[[11900,22],[16847,22]]}}}],["name=\"accordionitem3",{"_index":3325,"t":{"544":{"position":[[12463,22],[17420,22]]}}}],["name=\"accordionitem6",{"_index":3328,"t":{"544":{"position":[[14129,22]]}}}],["name=\"faq",{"_index":1794,"t":{"498":{"position":[[6404,11]]},"544":{"position":[[13580,11]]}}}],["name=\"iconname.alarm",{"_index":1975,"t":{"504":{"position":[[814,21],[968,21],[1017,21],[1066,21],[1115,21],[2184,21],[2328,21],[2622,21],[2705,21],[2956,21]]}}}],["name=\"iconname.alarmfil",{"_index":1976,"t":{"504":{"position":[[844,25],[2802,25]]}}}],["name=\"iconname.appl",{"_index":1978,"t":{"504":{"position":[[909,21],[1797,21]]}}}],["name=\"iconname.asterisk",{"_index":1998,"t":{"504":{"position":[[1869,24]]}}}],["name=\"iconname.bellfil",{"_index":3231,"t":{"540":{"position":[[3859,24]]}}}],["name=\"iconname.browsersafari",{"_index":2002,"t":{"504":{"position":[[2026,29]]}}}],["name=\"iconname.bug",{"_index":1989,"t":{"504":{"position":[[1464,19]]}}}],["name=\"iconname.checkal",{"_index":1987,"t":{"504":{"position":[[1386,24]]}}}],["name=\"iconname.checkcirclefil",{"_index":3284,"t":{"542":{"position":[[2381,31]]}}}],["name=\"iconname.cloudlightningrainfil",{"_index":1985,"t":{"504":{"position":[[1292,38]]}}}],["name=\"iconname.creditcard2frontfil",{"_index":1995,"t":{"504":{"position":[[1709,36]]}}}],["name=\"iconname.exclamationdiamondfil",{"_index":1991,"t":{"504":{"position":[[1536,38]]}}}],["name=\"iconname.exclamationtrianglefil",{"_index":3286,"t":{"542":{"position":[[2518,39],[2663,39]]}}}],["name=\"iconname.facebook",{"_index":1983,"t":{"504":{"position":[[1214,24]]}}}],["name=\"iconname.housefil",{"_index":1777,"t":{"498":{"position":[[2871,25]]},"544":{"position":[[3675,25]]}}}],["name=\"iconname.infocirclefil",{"_index":1993,"t":{"504":{"position":[[1628,30]]},"542":{"position":[[2250,30]]}}}],["name=\"iconname.list",{"_index":3489,"t":{"548":{"position":[[8964,20],[11414,20],[13821,20],[16232,20]]}}}],["name=\"iconname.megaphonefil",{"_index":3228,"t":{"540":{"position":[[3717,29]]}}}],["name=\"iconname.personfil",{"_index":1778,"t":{"498":{"position":[[3149,26]]},"544":{"position":[[4297,26]]}}}],["name=\"iconname.phonefil",{"_index":1779,"t":{"498":{"position":[[3434,25]]},"544":{"position":[[4922,25]]}}}],["name=\"iconname.volumemutefil",{"_index":2000,"t":{"504":{"position":[[1944,30]]}}}],["name=\"iconname.window",{"_index":1977,"t":{"504":{"position":[[878,22]]}}}],["name=\"product",{"_index":1791,"t":{"498":{"position":[[6260,16]]},"544":{"position":[[13026,16]]}}}],["narrow",{"_index":1185,"t":{"484":{"position":[[4773,8]]},"546":{"position":[[11239,8]]}}}],["natur",{"_index":1661,"t":{"496":{"position":[[2658,9],[6038,7],[6553,7],[6848,7],[7317,7],[7647,7],[7974,7],[10922,7],[11286,7],[11625,7],[12194,7],[12579,7],[12939,7]]}}}],["nav",{"_index":1756,"t":{"498":{"position":[[348,3]]},"548":{"position":[[21548,3],[21599,3],[21651,3],[21700,3],[21751,3],[21801,3],[21852,3],[21907,3],[21959,3],[22014,3]]}}}],["navbar",{"_index":2027,"t":{"506":{"position":[[2897,6],[2978,6],[3063,6]]},"548":{"position":[[21379,6],[21431,6]]}}}],["navig",{"_index":337,"t":{"54":{"position":[[140,10],[261,10]]},"56":{"position":[[437,10]]},"110":{"position":[[1498,10],[1666,10]]},"124":{"position":[[1772,10]]},"190":{"position":[[1542,10],[1710,10]]},"196":{"position":[[1329,10]]},"206":{"position":[[1551,10],[1719,10]]},"256":{"position":[[722,10]]},"326":{"position":[[284,10]]},"334":{"position":[[286,10]]},"336":{"position":[[21,12],[288,10]]},"356":{"position":[[716,10]]},"422":{"position":[[184,10]]},"424":{"position":[[284,10]]},"474":{"position":[[138,12]]},"478":{"position":[[1175,11]]},"486":{"position":[[95,11]]},"496":{"position":[[1871,11]]},"506":{"position":[[1177,11],[1602,11],[2556,11],[2914,11],[2995,11],[3080,11]]},"516":{"position":[[2074,11],[13909,10]]},"548":{"position":[[152,10],[1452,10],[2488,11],[2599,10],[22192,10]]}}}],["navigation1",{"_index":665,"t":{"118":{"position":[[1453,11]]}}}],["navitem",{"_index":3062,"t":{"532":{"position":[[1050,8],[1178,9],[1197,8],[1327,8],[1362,7],[1473,7],[1571,7],[1671,9]]},"534":{"position":[[1055,8],[1183,9],[1202,8],[1332,8],[1367,7],[1478,7],[1576,7],[1676,9]]},"548":{"position":[[829,7],[1669,9],[1786,9],[1805,8],[1935,8],[1970,7],[2073,7],[2160,7],[2260,7],[2352,7],[2450,9],[2791,9],[2908,9],[2927,8],[3057,8],[3092,7],[3205,7],[3289,7],[3395,7],[3487,7],[3598,7],[3714,7],[3830,7],[3904,7],[4028,7],[4155,7],[4275,7],[4386,9],[4644,9],[4761,9],[4780,8],[4910,8],[4945,7],[5058,7],[5173,7],[5279,7],[5402,7],[5513,7],[5629,7],[5745,7],[5849,7],[5973,7],[6100,7],[6220,7],[6331,9],[6923,9],[7040,9],[7059,8],[7189,8],[7224,7],[7337,7],[7452,7],[7558,7],[7681,7],[7792,7],[7908,7],[8024,7],[8128,7],[8252,7],[8379,7],[8499,7],[8610,9],[9253,9],[9370,9],[9389,8],[9519,8],[9554,7],[9667,7],[9782,7],[9888,7],[10011,7],[10122,7],[10238,7],[10354,7],[10458,7],[10582,7],[10709,7],[10829,7],[10940,9],[11703,9],[11820,9],[11839,8],[11969,8],[12004,7],[12117,7],[12232,7],[12338,7],[12461,7],[12572,7],[12688,7],[12804,7],[12908,7],[13032,7],[13159,7],[13279,7],[13390,9],[14110,9],[14227,9],[14246,8],[14376,8],[14411,7],[14524,7],[14639,7],[14745,7],[14868,7],[14979,7],[15095,7],[15211,7],[15315,7],[15439,7],[15566,7],[15686,7],[15797,9],[16521,9],[16638,9],[16657,8],[16787,8],[16822,7],[16935,7],[17050,7],[17156,7],[17279,7],[17390,7],[17506,7],[17622,7],[17726,7],[17850,7],[17977,7],[18097,7],[18208,9],[19025,9],[19142,9],[19161,8],[19291,8],[19326,7],[19439,7],[19554,7],[19660,7],[19783,7],[19894,7],[20010,7],[20126,7],[20230,7],[20354,7],[20481,7],[20601,7],[20712,9],[22142,7]]}}}],["navitem'",{"_index":3473,"t":{"548":{"position":[[2504,9]]}}}],["navitems1",{"_index":750,"t":{"474":{"position":[[460,9],[579,9]]}}}],["navitems2",{"_index":751,"t":{"474":{"position":[[513,9],[733,9],[1265,9],[1331,9],[1996,9],[2062,9]]}}}],["navlinkmatch",{"_index":3464,"t":{"548":{"position":[[1188,12]]}}}],["navlinkmatch.prefix",{"_index":3465,"t":{"548":{"position":[[1201,19]]}}}],["navstyl",{"_index":1755,"t":{"498":{"position":[[314,8],[323,8]]}}}],["navstyle.tab",{"_index":1757,"t":{"498":{"position":[[359,13]]}}}],["navstyle=\"navstyle.pil",{"_index":1781,"t":{"498":{"position":[[4772,25],[4867,26]]}}}],["nec",{"_index":1377,"t":{"486":{"position":[[8602,4],[9778,3],[10007,3],[12840,4],[14016,3],[14245,3],[16978,4],[18154,3],[18383,3]]}}}],["need",{"_index":970,"t":{"478":{"position":[[7056,7]]},"494":{"position":[[5771,7]]},"496":{"position":[[3248,4],[5078,5],[6335,6]]},"500":{"position":[[1702,4],[7963,5],[9899,4]]},"506":{"position":[[17450,4]]},"518":{"position":[[8201,5]]},"524":{"position":[[4717,5]]},"526":{"position":[[2990,7]]},"528":{"position":[[2829,7]]},"530":{"position":[[2472,7]]},"542":{"position":[[1997,4]]},"550":{"position":[[27471,4],[58160,4]]}}}],["needed.(titl",{"_index":1247,"t":{"486":{"position":[[3956,50]]}}}],["offcanvas.showasync(titl",{"_index":1268,"t":{"486":{"position":[[5796,50]]}}}],["offcanvas1",{"_index":591,"t":{"118":{"position":[[387,10]]}}}],["offcanvas5",{"_index":668,"t":{"118":{"position":[[1480,10]]}}}],["offcanvasclosechang",{"_index":1008,"t":{"478":{"position":[[8840,31]]},"502":{"position":[[1636,31]]}}}],["onclick=\"clearmessage\">clear",{"_index":1085,"t":{"482":{"position":[[3918,29]]}}}],["onclick=\"closealert\">closedecreas",{"_index":1611,"t":{"494":{"position":[[2512,39]]}}}],["onclick=\"deleteemployeeasync",{"_index":1145,"t":{"484":{"position":[[2527,31]]}}}],["onclick=\"dis",{"_index":2689,"t":{"516":{"position":[[11407,19],[12869,19]]},"518":{"position":[[9752,19],[10419,19]]},"520":{"position":[[5713,19],[6413,19]]},"522":{"position":[[1298,19],[1906,19]]},"524":{"position":[[6180,19],[6841,19]]},"536":{"position":[[3940,19],[4613,19]]}}}],["onclick=\"en",{"_index":2688,"t":{"516":{"position":[[11334,18],[12942,18]]},"518":{"position":[[9679,18],[10492,18]]},"520":{"position":[[5640,18],[6486,18]]},"522":{"position":[[1225,18],[1979,18]]},"524":{"position":[[6107,18],[6914,18]]},"536":{"position":[[3867,18],[4686,18]]}}}],["onclick=\"hideasync\">hidehid",{"_index":1066,"t":{"482":{"position":[[1791,32],[2751,32],[3692,32]]}}}],["onclick=\"increaseprogressbar\">increas",{"_index":1609,"t":{"494":{"position":[[2377,39]]}}}],["onclick=\"onclick",{"_index":1012,"t":{"478":{"position":[[9099,19]]},"502":{"position":[[1242,18]]}}}],["onclick=\"onclickcallback",{"_index":1273,"t":{"486":{"position":[[6492,27]]},"546":{"position":[[6964,27]]}}}],["onclick=\"onhidemodalclick\">closehid",{"_index":1446,"t":{"486":{"position":[[20445,36]]}}}],["onclick=\"onshowmodalclick\">launch",{"_index":3392,"t":{"546":{"position":[[7920,34],[9106,34]]}}}],["onclick=\"onshowmodalclick\">show",{"_index":3380,"t":{"546":{"position":[[3634,32],[4243,32],[5887,32],[14135,32]]}}}],["onclick=\"onshowmodalclick\">vert",{"_index":3404,"t":{"546":{"position":[[9781,38],[10857,38]]}}}],["onclick=\"onshowoffcanvasclick\">show",{"_index":1280,"t":{"486":{"position":[[7146,36],[11377,36],[15615,36],[19753,36],[20566,36]]}}}],["onclick=\"resetform\">resetresetshowshow",{"_index":1064,"t":{"482":{"position":[[1681,32],[2641,32],[3582,32]]}}}],["onclick=\"showdialogasync",{"_index":1198,"t":{"484":{"position":[[5959,27],[6449,27],[7051,27],[7677,27]]}}}],["onclick=\"showemployeecomponent\">show",{"_index":1244,"t":{"486":{"position":[[3681,37],[5350,37]]}}}],["onclick=\"showfaqsaccordionitemasync\">faq",{"_index":3336,"t":{"544":{"position":[[15131,42]]}}}],["onclick=\"showfaqsasync\">faq",{"_index":1804,"t":{"498":{"position":[[7029,29]]}}}],["onclick=\"showfirstaccordionitemasync\">first",{"_index":3331,"t":{"544":{"position":[[14707,44]]}}}],["onclick=\"showfirsttabasync\">first",{"_index":1799,"t":{"498":{"position":[[6689,34]]}}}],["onclick=\"showlastaccordionitemasync\">last",{"_index":3337,"t":{"544":{"position":[[15233,42]]}}}],["onclick=\"showlasttabasync\">last",{"_index":1805,"t":{"498":{"position":[[7107,32]]}}}],["onclick=\"showmodal\">show",{"_index":3174,"t":{"538":{"position":[[4159,25],[4591,25]]}}}],["onclick=\"showproductsaccordionitemasync\">product",{"_index":3335,"t":{"544":{"position":[[15021,50]]}}}],["onclick=\"showproductstabasync\">product",{"_index":1803,"t":{"498":{"position":[[6940,40]]}}}],["onclick=\"showsaveconfirmationasync",{"_index":1171,"t":{"484":{"position":[[4087,37]]}}}],["onclick=\"showsecondaccordionitemasync\">second",{"_index":3333,"t":{"544":{"position":[[14811,46]]}}}],["onclick=\"showsecondtabasync\">second",{"_index":1801,"t":{"498":{"position":[[6772,36]]}}}],["onclick=\"showthirdaccordionitemasync\">third",{"_index":3334,"t":{"544":{"position":[[14917,44]]}}}],["onclick=\"showthirdtabasync\">third",{"_index":1802,"t":{"498":{"position":[[6857,34]]}}}],["onclick=\"toggl",{"_index":2690,"t":{"516":{"position":[[11480,18]]},"518":{"position":[[9825,18]]},"520":{"position":[[5786,18]]},"522":{"position":[[1371,18]]},"524":{"position":[[6253,18]]},"536":{"position":[[4013,18]]}}}],["onclick=\"toggleasync\">toggletoggl",{"_index":1067,"t":{"482":{"position":[[1901,36],[2861,36],[3802,36]]}}}],["onclick=\"togglesidebarstyles\">toggl",{"_index":3500,"t":{"548":{"position":[[18854,37]]}}}],["onclick=\"tooglesidebar",{"_index":3490,"t":{"548":{"position":[[8999,24],[11449,24],[13856,24],[16267,24]]}}}],["onclickcallback",{"_index":1257,"t":{"486":{"position":[[5161,16],[6705,15]]},"546":{"position":[[5706,16],[7166,15]]}}}],["onclickwithargs(arg",{"_index":1022,"t":{"478":{"position":[[9539,21]]}}}],["onclickwithargs(eventarg",{"_index":1025,"t":{"478":{"position":[[9660,25]]}}}],["onclos",{"_index":3255,"t":{"542":{"position":[[591,7],[659,8],[3823,8]]}}}],["oncollapsehiddenasync",{"_index":1102,"t":{"482":{"position":[[5044,23]]}}}],["oncollapsehidingasync",{"_index":1101,"t":{"482":{"position":[[4934,23]]}}}],["oncollapseshowingasync",{"_index":1097,"t":{"482":{"position":[[4714,24]]}}}],["oncollapseshownasync",{"_index":1100,"t":{"482":{"position":[[4826,22]]}}}],["ondblclick=\"ondoubleclick",{"_index":1017,"t":{"478":{"position":[[9290,28]]}}}],["ondoubleclick(eventarg",{"_index":1018,"t":{"478":{"position":[[9374,23]]}}}],["ondropdownhiddenasync",{"_index":2193,"t":{"506":{"position":[[24447,23]]}}}],["ondropdownhidingasync",{"_index":2191,"t":{"506":{"position":[[24376,23]]}}}],["ondropdownshowingasync",{"_index":2195,"t":{"506":{"position":[[24518,24]]}}}],["ondropdownshownasync",{"_index":2197,"t":{"506":{"position":[[24591,22]]}}}],["onfieldchang",{"_index":554,"t":{"100":{"position":[[1103,14]]}}}],["ongridsettingschanged(gridset",{"_index":3778,"t":{"550":{"position":[[51281,34]]}}}],["onhid",{"_index":144,"t":{"10":{"position":[[345,8],[489,8]]},"72":{"position":[[351,9],[536,9]]},"482":{"position":[[951,8],[4983,8]]},"486":{"position":[[2167,8]]},"498":{"position":[[7733,8],[7867,8],[8013,8]]},"506":{"position":[[3219,8]]},"544":{"position":[[1089,8],[18653,9]]},"546":{"position":[[2247,8]]}}}],["onhidden",{"_index":146,"t":{"10":{"position":[[364,8],[508,8]]},"72":{"position":[[365,8],[550,8]]},"482":{"position":[[1036,8],[5093,8]]},"486":{"position":[[1639,8],[2246,8]]},"498":{"position":[[7805,8],[8026,8]]},"506":{"position":[[3305,8]]},"544":{"position":[[1174,8],[18874,9]]},"546":{"position":[[2326,8]]}}}],["onhidden=\"oncollapsehiddenasync",{"_index":1091,"t":{"482":{"position":[[4104,33]]}}}],["onhidden=\"ondropdownhiddenasync",{"_index":2188,"t":{"506":{"position":[[23859,32]]}}}],["onhidden=\"onhiddenasync",{"_index":3352,"t":{"544":{"position":[[16209,25]]}}}],["onhidden=\"onmodalhiddenasync",{"_index":3451,"t":{"546":{"position":[[13785,29]]}}}],["onhidden=\"onoffcanvashiddenasync",{"_index":1440,"t":{"486":{"position":[[20201,34]]}}}],["onhiddenasync(accordioneventarg",{"_index":3361,"t":{"544":{"position":[[18747,32]]}}}],["onhidemodalclick",{"_index":3383,"t":{"546":{"position":[[3798,18],[8102,18],[9277,18],[9960,18],[11047,18]]}}}],["onhideoffcanvasclick",{"_index":1447,"t":{"486":{"position":[[20754,22]]}}}],["onhideprev",{"_index":148,"t":{"10":{"position":[[390,15]]},"546":{"position":[[2456,15]]}}}],["onhideprevented=\"onmodalhidepreventedasync",{"_index":3452,"t":{"546":{"position":[[13815,44]]}}}],["onhiding=\"oncollapsehidingasync",{"_index":1090,"t":{"482":{"position":[[4071,32]]}}}],["onhiding=\"ondropdownhidingasync",{"_index":2187,"t":{"506":{"position":[[23826,32]]}}}],["onhiding=\"onhidingasync",{"_index":3351,"t":{"544":{"position":[[16184,24]]}}}],["onhiding=\"onmodalhidingasync",{"_index":3450,"t":{"546":{"position":[[13755,29]]}}}],["onhiding=\"onoffcanvashidingasync",{"_index":1439,"t":{"486":{"position":[[20167,33]]}}}],["onhidingasync(accordioneventarg",{"_index":3360,"t":{"544":{"position":[[18526,32]]}}}],["oniniti",{"_index":755,"t":{"474":{"position":[[561,15],[1313,15],[2044,15]]},"484":{"position":[[3735,15]]},"486":{"position":[[4592,15],[6759,15]]},"506":{"position":[[19771,15]]},"508":{"position":[[5170,15],[8609,15],[10006,15],[12233,15],[14330,15]]},"510":{"position":[[4126,15],[7873,15],[11208,15]]},"512":{"position":[[7067,15],[10697,15],[13557,15]]},"514":{"position":[[3825,15],[7616,15]]},"516":{"position":[[7388,15],[9952,15]]},"518":{"position":[[12884,15]]},"520":{"position":[[5052,15],[8305,15],[11564,15]]},"524":{"position":[[9164,15]]},"536":{"position":[[3379,15],[7530,15],[10879,15]]},"546":{"position":[[5121,15],[7220,15]]},"550":{"position":[[6871,15],[9214,15],[11588,15],[14358,15],[16775,15],[19525,15],[21925,15],[24989,15],[30996,15],[33359,15],[35722,15],[38125,15],[40381,15],[43004,15],[46355,15],[57078,15]]}}}],["onlin",{"_index":2943,"t":{"520":{"position":[[12275,7]]}}}],["onlinecourseform",{"_index":2929,"t":{"520":{"position":[[11348,16],[11365,16],[12377,16],[12467,16]]}}}],["onlinecourseform.coursenam",{"_index":2916,"t":{"520":{"position":[[10151,29]]}}}],["onlinecourseform.endd",{"_index":2926,"t":{"520":{"position":[[10947,26],[11791,24],[11942,24]]}}}],["onlinecourseform.startd",{"_index":2919,"t":{"520":{"position":[[10438,27],[10551,28],[11756,26],[11902,26]]}}}],["onmodalhiddenasync",{"_index":3456,"t":{"546":{"position":[[14551,20]]}}}],["onmodalhidepreventedasync",{"_index":3457,"t":{"546":{"position":[[14656,27]]}}}],["onmodalhidingasync",{"_index":3455,"t":{"546":{"position":[[14444,20]]}}}],["onmodalshowingasync",{"_index":3453,"t":{"546":{"position":[[14231,21]]}}}],["onmodalshownasync",{"_index":3454,"t":{"546":{"position":[[14340,19]]}}}],["onoffcanvashiddenasync",{"_index":1453,"t":{"486":{"position":[[21163,24]]}}}],["onoffcanvashidingasync",{"_index":1452,"t":{"486":{"position":[[21052,24]]}}}],["onoffcanvasshowingasync",{"_index":1448,"t":{"486":{"position":[[20830,25]]}}}],["onoffcanvasshownasync",{"_index":1451,"t":{"486":{"position":[[20943,23]]}}}],["onpagechangedasync(int",{"_index":1507,"t":{"488":{"position":[[3007,22]]}}}],["onparametersset",{"_index":2139,"t":{"506":{"position":[[19877,17]]},"518":{"position":[[12990,17]]},"524":{"position":[[9270,17]]}}}],["onrowclick",{"_index":516,"t":{"98":{"position":[[194,10]]},"550":{"position":[[2764,10]]}}}],["onrowclick(gridroweventargssave@department.nam",{"_index":3791,"t":{"550":{"position":[[53845,19]]}}}],["p>@itemaww",{"_index":3272,"t":{"542":{"position":[[1766,6]]}}}],["p>lorem",{"_index":1284,"t":{"486":{"position":[[7542,8],[11780,8],[15918,8]]}}}],["p>morbi",{"_index":1389,"t":{"486":{"position":[[9025,8],[13263,8],[17401,8]]}}}],["p>pellentesqu",{"_index":1414,"t":{"486":{"position":[[9991,15],[14229,15],[18367,15]]}}}],["p>proin",{"_index":1355,"t":{"486":{"position":[[8252,8],[12490,8],[16628,8]]}}}],["p>some",{"_index":2088,"t":{"506":{"position":[[17664,7]]}}}],["p>thi",{"_index":3401,"t":{"546":{"position":[[8807,7],[10558,7]]}}}],["p>use",{"_index":821,"t":{"476":{"position":[[2877,8],[3363,8],[3850,8],[4334,8],[4817,8]]}}}],["p>vestibulum",{"_index":1428,"t":{"486":{"position":[[10817,13],[15055,13],[19193,13]]}}}],["pa",{"_index":2604,"t":{"516":{"position":[[3553,5],[5422,5],[8043,5]]}}}],["packag",{"_index":2991,"t":{"526":{"position":[[211,8],[287,7],[312,7],[3597,7]]},"528":{"position":[[221,8],[297,7],[322,7],[3423,7]]},"530":{"position":[[211,8],[287,7],[312,7],[3094,7]]}}}],["pad",{"_index":1677,"t":{"496":{"position":[[3255,6]]},"506":{"position":[[17925,7]]},"518":{"position":[[1315,6]]},"542":{"position":[[443,7]]}}}],["page",{"_index":109,"t":{"4":{"position":[[297,4]]},"6":{"position":[[212,4]]},"8":{"position":[[302,4]]},"10":{"position":[[754,4]]},"12":{"position":[[403,4]]},"14":{"position":[[380,4]]},"16":{"position":[[379,4]]},"18":{"position":[[399,4]]},"20":{"position":[[320,4]]},"22":{"position":[[280,4]]},"24":{"position":[[282,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":[[621,4]]},"44":{"position":[[548,4],[873,4]]},"46":{"position":[[725,4]]},"48":{"position":[[907,4]]},"50":{"position":[[599,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":[[483,4]]},"66":{"position":[[456,4]]},"68":{"position":[[1110,4]]},"70":{"position":[[1183,4]]},"72":{"position":[[1164,4]]},"74":{"position":[[440,4]]},"76":{"position":[[678,4]]},"78":{"position":[[537,4]]},"80":{"position":[[292,6],[312,4],[322,4],[1950,4]]},"82":{"position":[[702,4]]},"84":{"position":[[682,4]]},"86":{"position":[[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":[[1574,4]]},"102":{"position":[[583,4]]},"104":{"position":[[1040,4]]},"112":{"position":[[902,6]]},"146":{"position":[[793,6]]},"148":{"position":[[305,6]]},"150":{"position":[[34,7],[302,6]]},"152":{"position":[[303,6]]},"208":{"position":[[955,6]]},"240":{"position":[[793,6]]},"402":{"position":[[290,6]]},"474":{"position":[[30,4],[2330,4]]},"476":{"position":[[27,4],[5256,4]]},"478":{"position":[[27,4],[9800,4]]},"480":{"position":[[26,4],[952,4]]},"482":{"position":[[28,4],[5214,4]]},"484":{"position":[[34,4],[1149,5],[5839,4],[8175,4]]},"486":{"position":[[29,4],[708,6],[21281,4]]},"488":{"position":[[30,4],[158,6],[244,4],[390,4],[1166,5],[1272,4],[2914,4],[3137,4]]},"490":{"position":[[32,4],[122,5],[3402,4]]},"492":{"position":[[27,4],[79,4],[216,4],[236,5],[829,4],[2809,4]]},"494":{"position":[[28,4],[8099,4]]},"496":{"position":[[24,4],[13218,4]]},"498":{"position":[[24,4],[9185,4]]},"500":{"position":[[26,4],[564,4],[11380,4],[12075,4]]},"502":{"position":[[28,4],[123,6],[1840,4]]},"504":{"position":[[22,4],[3089,4]]},"506":{"position":[[28,4],[24677,4]]},"508":{"position":[[37,4],[16293,4]]},"510":{"position":[[42,4],[14609,4]]},"512":{"position":[[38,4],[16578,4]]},"514":{"position":[[37,4],[10849,4]]},"516":{"position":[[28,4],[13834,4]]},"518":{"position":[[29,4],[14846,4]]},"520":{"position":[[25,4],[12767,4]]},"522":{"position":[[21,4],[2886,4]]},"524":{"position":[[27,4],[11123,4]]},"526":{"position":[[38,4],[3533,4]]},"528":{"position":[[43,4],[3385,4]]},"530":{"position":[[36,4],[3028,4]]},"532":{"position":[[29,4],[470,4],[620,6],[1861,4]]},"534":{"position":[[34,4],[475,4],[625,6],[1866,4]]},"536":{"position":[[25,4],[12023,4]]},"538":{"position":[[31,4],[4980,4],[5803,4]]},"540":{"position":[[25,4],[7256,4]]},"542":{"position":[[26,4],[3589,4],[3919,5],[3935,4]]},"544":{"position":[[29,4],[18981,4]]},"546":{"position":[[25,4],[3312,5],[8285,4],[14785,4]]},"548":{"position":[[27,4],[6415,4],[6505,6],[8762,6],[11193,6],[13605,6],[15973,6],[18436,6],[22090,4]]},"550":{"position":[[24,4],[167,6],[365,7],[1697,4],[1779,4],[1881,4],[1968,4],[3470,4],[5806,4],[5850,5],[10731,7],[10743,7],[10915,4],[15760,7],[27418,6],[49252,4],[49265,4],[51117,6],[60444,6],[63837,6],[67212,6],[70344,6],[73313,6],[76604,6],[78441,4],[79690,6],[81492,4],[82454,6],[87675,6],[95891,6],[98080,6],[100516,6],[104505,6],[106263,4],[106482,6],[106532,7],[106655,6],[107070,4],[107080,4]]}}}],["page'",{"_index":738,"t":{"474":{"position":[[113,6]]}}}],["page/docu",{"_index":3299,"t":{"542":{"position":[[3759,14]]}}}],["pagechang",{"_index":1473,"t":{"488":{"position":[[1222,11]]}}}],["pagechanged=\"onpagechangedasync",{"_index":1503,"t":{"488":{"position":[[2865,32]]}}}],["pagenumb",{"_index":3590,"t":{"550":{"position":[[5791,10],[51429,10]]}}}],["pages",{"_index":3548,"t":{"550":{"position":[[1746,8],[5825,8],[10767,8],[10866,8],[51444,8],[79406,8],[81460,8]]}}}],["pages/_host.cshtml",{"_index":2994,"t":{"526":{"position":[[429,19],[1004,19],[1353,19],[1452,18],[2860,18]]}}}],["pages/_layout.cshtml",{"_index":3006,"t":{"526":{"position":[[1260,21],[1314,20]]}}}],["pagesize=\"10",{"_index":3865,"t":{"550":{"position":[[81648,13],[102198,13]]}}}],["pagesize=\"20",{"_index":3650,"t":{"550":{"position":[[10828,13]]}}}],["pagesize=\"5",{"_index":3651,"t":{"550":{"position":[[11067,12],[15938,12],[27713,12],[45798,12],[59391,12],[62739,12],[65944,12]]}}}],["pagesize=\"8",{"_index":3772,"t":{"550":{"position":[[49789,12]]}}}],["pagesize=\"@pages",{"_index":3856,"t":{"550":{"position":[[78587,20]]}}}],["pagesizeselectoritem",{"_index":3549,"t":{"550":{"position":[[1808,21]]}}}],["pagesizeselectoritems=\"@(new",{"_index":3867,"t":{"550":{"position":[[81693,28],[102243,28]]}}}],["pagesizeselectorvis",{"_index":3550,"t":{"550":{"position":[[1913,23]]}}}],["pagesizeselectorvisible=\"tru",{"_index":3866,"t":{"550":{"position":[[81662,30],[102212,30]]}}}],["pagin",{"_index":182,"t":{"16":{"position":[[244,10],[297,10],[358,10]]},"30":{"position":[[483,10]]},"114":{"position":[[1001,10]]},"210":{"position":[[1054,10]]},"332":{"position":[[3015,10]]},"338":{"position":[[1612,10]]},"340":{"position":[[1124,10]]},"348":{"position":[[21,12],[228,10]]},"378":{"position":[[224,10]]},"486":{"position":[[21306,10]]},"488":{"position":[[11,10],[42,10],[74,10],[311,10],[1128,10],[1306,11],[1366,11],[1463,10],[1569,11],[1596,13],[1626,13],[1656,13],[1686,13],[1755,11],[2030,11],[2079,13],[2130,13],[2231,11],[2328,11],[2404,13],[2454,13],[2561,11],[2609,13],[2688,13],[2799,11],[3215,10]]},"490":{"position":[[3416,10]]},"550":{"position":[[2078,10],[45410,10],[45456,10],[101832,10],[106790,10]]}}}],["pagina",{"_index":3887,"t":{"550":{"position":[[102380,7]]}}}],["pagination1",{"_index":670,"t":{"118":{"position":[[1493,11]]}}}],["paginationalign",{"_index":3763,"t":{"550":{"position":[[45481,19],[45536,19]]}}}],["paginationalignment=\"alignment.end",{"_index":3764,"t":{"550":{"position":[[45811,35]]}}}],["paginationitemstextformat",{"_index":3551,"t":{"550":{"position":[[2002,25]]}}}],["paginationitemstextformat=\"{0",{"_index":3883,"t":{"550":{"position":[[102292,30]]}}}],["paginations",{"_index":1470,"t":{"488":{"position":[[1096,14]]}}}],["paging1",{"_index":588,"t":{"118":{"position":[[261,7]]}}}],["palett",{"_index":2256,"t":{"508":{"position":[[3580,7],[3652,8],[3713,7],[3773,8],[3788,8]]},"510":{"position":[[2948,7],[3020,8],[3081,7],[3141,8],[3156,8]]},"512":{"position":[[5545,7],[5617,8],[5678,7],[5738,8],[5753,8]]},"514":{"position":[[2677,7],[2749,8],[2810,7],[2870,8],[2885,8]]}}}],["pane",{"_index":1760,"t":{"498":{"position":[[468,5],[536,5],[617,5],[697,5],[1893,4]]}}}],["panel",{"_index":1071,"t":{"482":{"position":[[2058,5],[4214,5]]}}}],["papa",{"_index":3703,"t":{"550":{"position":[[25578,7],[43593,7]]}}}],["paragraph",{"_index":3267,"t":{"542":{"position":[[1658,10]]}}}],["paramet",{"_index":129,"t":{"10":{"position":[[117,9],[526,10]]},"14":{"position":[[139,10],[209,9]]},"34":{"position":[[508,9]]},"58":{"position":[[381,11]]},"62":{"position":[[194,9]]},"68":{"position":[[537,11]]},"76":{"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]]},"94":{"position":[[189,9],[222,9]]},"114":{"position":[[1161,10],[1538,9]]},"122":{"position":[[182,10]]},"210":{"position":[[1214,10],[1591,9]]},"376":{"position":[[183,10]]},"384":{"position":[[161,9]]},"474":{"position":[[197,11],[2363,10]]},"476":{"position":[[143,11],[5288,10]]},"478":{"position":[[168,11],[3991,9],[4190,9],[6583,10],[9838,10]]},"482":{"position":[[148,11],[2529,9],[5255,10]]},"484":{"position":[[2268,11],[2719,10],[2916,12],[3663,11]]},"486":{"position":[[175,11],[3497,11],[3868,10],[4027,11],[4039,12],[4520,11],[4844,9],[5093,9],[5606,10],[5867,11],[5879,12],[6608,11],[6656,11],[11613,10],[21317,10]]},"488":{"position":[[165,11],[3179,10]]},"490":{"position":[[193,11],[431,11],[3461,10],[3484,10]]},"492":{"position":[[396,11],[2850,10]]},"494":{"position":[[210,11],[479,11],[1936,9],[3174,10],[3536,9],[8143,10],[8166,10]]},"496":{"position":[[350,11],[367,11],[687,11],[851,11],[1014,11],[1178,11],[1340,11],[1903,11],[2135,11],[2298,11],[7165,10],[13258,10],[13274,10],[13294,10],[13316,10],[13337,10],[13359,10],[13379,10],[13403,10],[13423,10],[13444,10]]},"498":{"position":[[122,11],[707,11],[3773,10],[4798,9],[9224,10],[9252,10]]},"500":{"position":[[590,11],[3286,10],[4619,9],[8041,9],[9929,10],[11593,10],[12115,10]]},"502":{"position":[[130,11],[1876,10]]},"504":{"position":[[377,11],[767,9],[3150,10]]},"506":{"position":[[244,11],[792,11],[1217,11],[1634,11],[1889,11],[2066,11],[14507,9],[15025,9],[15654,10],[15740,9],[21222,10],[24725,10],[24757,10],[24789,10],[24813,10],[24839,10],[24863,10]]},"508":{"position":[[237,11],[16336,10]]},"510":{"position":[[333,11],[14649,10]]},"512":{"position":[[382,11],[16622,10]]},"514":{"position":[[189,11],[10893,10]]},"516":{"position":[[231,11],[10940,9],[12468,9],[13874,10]]},"518":{"position":[[185,11],[4476,9],[4949,10],[7355,10],[8229,9],[9000,9],[9436,9],[10170,9],[14890,10]]},"520":{"position":[[180,11],[306,11],[3054,10],[5401,9],[6168,9],[12814,10]]},"522":{"position":[[155,11],[1041,9],[1715,9],[2257,10],[2929,10]]},"524":{"position":[[177,10],[193,11],[3101,10],[4188,9],[4486,9],[4745,9],[5460,9],[5868,9],[6596,9],[11160,10]]},"536":{"position":[[184,11],[310,11],[2295,10],[3653,9],[4392,9],[12059,10]]},"538":{"position":[[5229,10]]},"540":{"position":[[114,11],[2354,10],[2414,9],[3966,10],[7293,10]]},"542":{"position":[[183,11],[3970,10]]},"544":{"position":[[144,11],[1320,11],[5555,9],[7428,9],[9227,9],[19028,10],[19088,10]]},"546":{"position":[[174,11],[1662,10],[4067,11],[4412,10],[4567,11],[4579,12],[5049,11],[5389,9],[5638,9],[6089,10],[6346,11],[6358,12],[7069,11],[7117,11],[14819,10]]},"548":{"position":[[212,11],[11149,9],[13517,9],[15925,9],[22123,10]]},"550":{"position":[[190,11],[2575,10],[3526,11],[3898,10],[4776,10],[5997,10],[6048,9],[6083,9],[10776,10],[10842,10],[10875,9],[13415,10],[13464,9],[18586,10],[20947,9],[21036,9],[21137,9],[23358,9],[23455,9],[27491,9],[27546,10],[29704,9],[29785,9],[32429,9],[32532,9],[34789,9],[37139,9],[41678,9],[41733,9],[45501,9],[48290,9],[49094,9],[53578,9],[53641,9],[55910,9],[55973,9],[75032,11],[106302,10],[106358,10],[106855,9],[106890,9]]}}}],["parameter'",{"_index":1144,"t":{"484":{"position":[[2327,11],[2367,11]]},"486":{"position":[[3556,11],[3596,11]]},"546":{"position":[[4126,11],[4166,11]]}}}],["parameters.add(\"employeeid",{"_index":1148,"t":{"484":{"position":[[2766,28]]},"486":{"position":[[3915,28],[5653,28]]},"546":{"position":[[4459,28],[6136,28]]}}}],["parameters.add(\"onclickcallback",{"_index":1266,"t":{"486":{"position":[[5688,33]]},"546":{"position":[[6171,33]]}}}],["parametr",{"_index":1116,"t":{"484":{"position":[[542,10]]}}}],["paramt",{"_index":3752,"t":{"550":{"position":[[30028,9]]}}}],["parent",{"_index":848,"t":{"478":{"position":[[393,7]]},"482":{"position":[[370,6],[406,7]]},"486":{"position":[[4883,6],[5027,6],[5245,6],[6530,6]]},"490":{"position":[[2122,6]]},"496":{"position":[[2695,6]]},"506":{"position":[[15608,7]]},"540":{"position":[[726,6]]},"544":{"position":[[400,6],[5656,6]]},"546":{"position":[[5428,6],[5572,6],[5790,6],[7002,6]]},"548":{"position":[[1300,6],[2541,6]]}}}],["parenthes",{"_index":2783,"t":{"518":{"position":[[5296,11],[5408,11],[15068,11]]}}}],["parentid",{"_index":3467,"t":{"548":{"position":[[1267,8],[2521,8]]}}}],["parentid=\"2",{"_index":3475,"t":{"548":{"position":[[3376,14],[5260,14],[7539,14],[9869,14],[12319,14],[14726,14],[17137,14],[19641,14]]}}}],["parentid=\"4",{"_index":3477,"t":{"548":{"position":[[3579,14],[3695,14],[3811,14],[5494,14],[5610,14],[5726,14],[7773,14],[7889,14],[8005,14],[10103,14],[10219,14],[10335,14],[12553,14],[12669,14],[12785,14],[14960,14],[15076,14],[15192,14],[17371,14],[17487,14],[17603,14],[19875,14],[19991,14],[20107,14]]}}}],["parentid=\"8",{"_index":3480,"t":{"548":{"position":[[4009,14],[4136,14],[4256,14],[4361,14],[5954,14],[6081,14],[6201,14],[6306,14],[8233,14],[8360,14],[8480,14],[8585,14],[10563,14],[10690,14],[10810,14],[10915,14],[13013,14],[13140,14],[13260,14],[13365,14],[15420,14],[15547,14],[15667,14],[15772,14],[17831,14],[17958,14],[18078,14],[18183,14],[20335,14],[20462,14],[20582,14],[20687,14]]}}}],["part",{"_index":3223,"t":{"540":{"position":[[3281,4]]},"550":{"position":[[49359,4]]}}}],["particip",{"_index":862,"t":{"478":{"position":[[1139,12]]},"496":{"position":[[1835,12]]},"506":{"position":[[1141,12],[1566,12],[2520,12]]}}}],["parts—with",{"_index":1719,"t":{"496":{"position":[[7136,10]]}}}],["pass",{"_index":355,"t":{"58":{"position":[[393,4],[438,4]]},"68":{"position":[[549,4],[594,4]]},"98":{"position":[[652,6]]},"484":{"position":[[2280,4]]},"486":{"position":[[3509,4],[4762,4],[4830,6],[5044,6],[21415,4]]},"492":{"position":[[1380,7]]},"508":{"position":[[16038,4]]},"510":{"position":[[11653,4]]},"512":{"position":[[16321,4]]},"514":{"position":[[8041,4]]},"546":{"position":[[4079,4],[5291,4],[5375,6],[5589,6],[14909,4]]},"550":{"position":[[5104,6]]}}}],["pellentesqu",{"_index":1333,"t":{"486":{"position":[[7992,12],[8436,12],[8746,12],[9930,13],[10403,12],[12230,12],[12674,12],[12984,12],[14168,13],[14641,12],[16368,12],[16812,12],[17122,12],[18306,13],[18779,12]]}}}],["per",{"_index":1919,"t":{"500":{"position":[[11607,3]]},"508":{"position":[[1744,3]]},"510":{"position":[[1491,3]]},"512":{"position":[[1627,3]]},"514":{"position":[[1337,3]]},"550":{"position":[[1693,3],[102376,3]]}}}],["percent",{"_index":2215,"t":{"508":{"position":[[1086,7],[1457,7]]}}}],["percept",{"_index":1544,"t":{"490":{"position":[[2591,10]]}}}],["perform",{"_index":273,"t":{"40":{"position":[[253,11]]},"480":{"position":[[229,11]]},"546":{"position":[[2596,9]]}}}],["persist",{"_index":3768,"t":{"550":{"position":[[49462,7],[49513,10]]}}}],["ph",{"_index":2758,"t":{"518":{"position":[[3586,3]]}}}],["phtooltip",{"_index":1935,"t":{"502":{"position":[[858,43]]}}}],["placement=\"tooltipplacement.left\">tooltip",{"_index":1929,"t":{"502":{"position":[[595,41]]}}}],["placement=\"tooltipplacement.right\">tooltip",{"_index":1933,"t":{"502":{"position":[[756,42]]}}}],["placement=\"tooltipplacement.top\">tooltip",{"_index":1953,"t":{"502":{"position":[[1512,40]]}}}],["placerat",{"_index":1300,"t":{"486":{"position":[[7683,8],[9477,9],[9648,8],[11921,8],[13715,9],[13886,8],[16059,8],[17853,9],[18024,8]]}}}],["placerat.primarysubmitsecondaryset",{"_index":1631,"t":{"494":{"position":[[5055,35]]}}}],["setcolor(progresscolor.dark)\">set",{"_index":1634,"t":{"494":{"position":[[5496,33]]}}}],["setcolor(progresscolor.info)\">set",{"_index":1629,"t":{"494":{"position":[[4765,33]]}}}],["setcolor(progresscolor.primary)\">set",{"_index":1632,"t":{"494":{"position":[[5201,36]]}}}],["setcolor(progresscolor.secondary)\">set",{"_index":1633,"t":{"494":{"position":[[5350,38]]}}}],["setcolor(progresscolor.success)\">set",{"_index":1627,"t":{"494":{"position":[[4621,36]]}}}],["setcolor(progresscolor.warning)\">set",{"_index":1630,"t":{"494":{"position":[[4909,36]]}}}],["seth",{"_index":2625,"t":{"516":{"position":[[3729,7],[5598,7],[8219,7]]}}}],["setlabel",{"_index":1588,"t":{"494":{"position":[[942,8],[1964,13]]}}}],["settings.pagenumb",{"_index":3779,"t":{"550":{"position":[[51467,21]]}}}],["settings.pages",{"_index":3780,"t":{"550":{"position":[[51494,19]]}}}],["settingsjson",{"_index":3785,"t":{"550":{"position":[[51694,12]]}}}],["settingsprovid",{"_index":3555,"t":{"550":{"position":[[2342,16]]}}}],["settingsprovider=\"gridsettingsprovid",{"_index":3774,"t":{"550":{"position":[[49903,40]]}}}],["setup",{"_index":427,"t":{"72":{"position":[[657,5],[675,5],[709,5],[925,5],[973,5]]},"532":{"position":[[41,5],[268,6],[352,6],[431,6]]},"534":{"position":[[46,5],[273,6],[357,6],[436,6]]},"538":{"position":[[4929,6],[5964,5]]}}}],["setwidth",{"_index":1589,"t":{"494":{"position":[[979,8]]}}}],["sever",{"_index":878,"t":{"478":{"position":[[1900,7]]},"498":{"position":[[5660,7]]},"520":{"position":[[1747,7]]},"544":{"position":[[11094,7]]}}}],["sfh",{"_index":2589,"t":{"516":{"position":[[3444,4],[5313,4],[7934,4]]}}}],["shallow",{"_index":3808,"t":{"550":{"position":[[58015,7],[58751,7]]}}}],["shape",{"_index":2481,"t":{"512":{"position":[[3406,6]]}}}],["share",{"_index":168,"t":{"12":{"position":[[297,5]]}}}],["shared/mainlayout.razor.css",{"_index":3046,"t":{"532":{"position":[[542,27]]},"534":{"position":[[547,27]]}}}],["sharna",{"_index":3657,"t":{"550":{"position":[[12686,9],[17873,9],[47453,9],[53093,9],[61886,9],[65105,9],[68480,9],[80958,9],[83722,9],[105773,9]]}}}],["shop",{"_index":1206,"t":{"486":{"position":[[107,8]]}}}],["shortcut",{"_index":2563,"t":{"516":{"position":[[2158,9]]}}}],["show",{"_index":139,"t":{"10":{"position":[[297,7],[441,7]]},"76":{"position":[[189,4]]},"104":{"position":[[252,5]]},"476":{"position":[[552,4],[772,4],[994,4],[1210,4],[1424,4],[1695,4],[1935,4],[2177,4],[2413,4],[2647,4]]},"478":{"position":[[693,5],[1746,5],[7876,4],[10030,4]]},"482":{"position":[[541,5],[776,4],[1218,4],[1593,4]]},"484":{"position":[[313,5],[460,5],[622,5],[1092,5],[2433,4],[2987,4]]},"486":{"position":[[962,5],[1359,5],[2002,4],[2923,8],[20907,10]]},"492":{"position":[[677,5],[964,6],[1417,9]]},"496":{"position":[[11716,4],[13030,4]]},"498":{"position":[[448,4],[516,4],[597,4],[677,4],[7674,7]]},"500":{"position":[[934,4],[9707,5],[9990,5]]},"506":{"position":[[2943,5],[3489,4]]},"508":{"position":[[173,4]]},"510":{"position":[[135,5]]},"512":{"position":[[181,4],[4127,4],[14287,4],[14894,4],[15501,4]]},"514":{"position":[[134,5]]},"518":{"position":[[108,4],[2063,4],[14937,4]]},"522":{"position":[[85,4]]},"538":{"position":[[95,4],[750,5]]},"540":{"position":[[80,5]]},"544":{"position":[[594,4],[657,4],[721,4],[789,4],[925,4],[2122,7],[2673,7],[3223,7],[3985,7],[4610,7],[5233,7],[5974,7],[6525,7],[7075,7],[7777,7],[8344,7],[8894,7],[9608,7],[10159,7],[10709,7],[11595,7],[12158,7],[12720,7],[13278,7],[13826,7],[14386,7],[16532,7],[17105,7],[17677,7],[18214,8]]},"546":{"position":[[1105,5],[1337,5],[2082,4],[3229,4],[8483,4],[10234,4],[14304,10],[14411,7]]},"548":{"position":[[93,4],[8656,4],[8726,4],[11025,4],[11162,4],[15882,4],[22265,4],[22281,4],[22310,4]]},"550":{"position":[[1248,5],[49190,5]]}}}],["show(spinnercolor",{"_index":1553,"t":{"492":{"position":[[619,17]]}}}],["show/hid",{"_index":979,"t":{"478":{"position":[[7441,9],[10004,9]]}}}],["showaccordionitembyindexasync",{"_index":3310,"t":{"544":{"position":[[759,29],[11222,29]]}}}],["showaccordionitembynameasync",{"_index":3309,"t":{"544":{"position":[[692,28],[11188,29]]}}}],["showasync",{"_index":1047,"t":{"482":{"position":[[531,9],[1245,10]]},"486":{"position":[[1349,9]]},"506":{"position":[[2933,9],[23539,11]]},"538":{"position":[[5142,14],[5180,9]]},"546":{"position":[[1577,9]]}}}],["showasync(modalopt",{"_index":3145,"t":{"538":{"position":[[255,21]]}}}],["showasync(str",{"_index":1109,"t":{"484":{"position":[[211,16],[341,16]]}}}],["showasync(str",{"_index":1114,"t":{"484":{"position":[[488,19]]},"546":{"position":[[1608,19]]}}}],["showclosebutton",{"_index":1218,"t":{"486":{"position":[[913,15]]},"500":{"position":[[913,15]]},"546":{"position":[[1288,15]]}}}],["showconfirmationasync",{"_index":1136,"t":{"484":{"position":[[1718,23]]}}}],["showconfirmationasync(dialogs",{"_index":1191,"t":{"484":{"position":[[5385,32]]}}}],["showconfirmationasync(dialogsize.extralarg",{"_index":1190,"t":{"484":{"position":[[5244,46]]}}}],["showconfirmationasync(dialogsize.larg",{"_index":1189,"t":{"484":{"position":[[5120,41]]}}}],["showconfirmationasync(dialogsize.smal",{"_index":1187,"t":{"484":{"position":[[4996,41]]}}}],["showcontentasync",{"_index":1075,"t":{"482":{"position":[[2233,18],[3197,18],[4506,18]]}}}],["showcurrencysymbol=\"tru",{"_index":2800,"t":{"518":{"position":[[7862,25],[8429,25],[8685,25],[9159,25],[11512,25],[11909,25],[12355,25]]}}}],["showdialogasync",{"_index":1200,"t":{"484":{"position":[[6076,17],[6566,17],[7188,17],[7827,17]]}}}],["showdtmessag",{"_index":1254,"t":{"486":{"position":[[4913,13],[5072,13],[5269,14],[5773,16]]},"546":{"position":[[5458,13],[5617,13],[5814,14],[6256,16]]}}}],["showdtmessage(mouseeventarg",{"_index":1269,"t":{"486":{"position":[[5907,28]]},"546":{"position":[[6386,28]]}}}],["showemployeecompon",{"_index":1246,"t":{"486":{"position":[[3838,23],[5576,23]]}}}],["showfaqsaccordionitemasync",{"_index":3346,"t":{"544":{"position":[[15789,28]]}}}],["showfaqsasync",{"_index":1814,"t":{"498":{"position":[[7507,15]]}}}],["showfirstaccordionitemasync",{"_index":3306,"t":{"544":{"position":[[566,27],[11131,28],[15368,29]]}}}],["showfirsttabasync",{"_index":1758,"t":{"498":{"position":[[404,17],[5697,18],[7190,19]]}}}],["showfooterbutton",{"_index":3151,"t":{"538":{"position":[[726,16],[4833,16]]}}}],["showhorizontalbarchartasync",{"_index":2300,"t":{"508":{"position":[[6957,29]]}}}],["showhorizontalbarchartasync()\">horizont",{"_index":2268,"t":{"508":{"position":[[4541,41]]}}}],["showhorizontallinechartasync",{"_index":2508,"t":{"512":{"position":[[6578,32],[8796,30]]}}}],["showlastaccordionitemasync",{"_index":3308,"t":{"544":{"position":[[630,26],[11160,27],[15894,28]]}}}],["showlasttabasync",{"_index":1761,"t":{"498":{"position":[[474,16],[5716,17],[7583,18]]}}}],["showlin",{"_index":2494,"t":{"512":{"position":[[3755,8]]}}}],["showload",{"_index":876,"t":{"478":{"position":[[1734,11],[7472,13]]}}}],["showmessage(toasttyp",{"_index":1873,"t":{"500":{"position":[[2746,21],[4281,21],[5711,21],[7293,21],[10955,21]]}}}],["showmessage(toasttype.danger)\">dang",{"_index":1868,"t":{"500":{"position":[[2316,37],[3751,37],[5281,37],[6863,37],[10525,37]]}}}],["showmessage(toasttype.dark)\">dark",{"_index":1871,"t":{"500":{"position":[[2620,33],[4155,33],[5585,33],[7167,33],[10829,33]]}}}],["showmessage(toasttype.info)\">info",{"_index":1870,"t":{"500":{"position":[[2523,33],[3958,33],[5488,33],[7070,33],[10732,33]]}}}],["showmessage(toasttype.light)\">light",{"_index":1882,"t":{"500":{"position":[[4056,35]]}}}],["showmessage(toasttype.primary)\">primari",{"_index":1864,"t":{"500":{"position":[[1993,39],[3428,39],[4958,39],[6540,39],[10202,39]]}}}],["showmessage(toasttype.secondary)\">secondari",{"_index":1866,"t":{"500":{"position":[[2101,43],[3536,43],[5066,43],[6648,43],[10310,43]]}}}],["showmessage(toasttype.success)\">success",{"_index":1867,"t":{"500":{"position":[[2211,39],[3646,39],[5176,39],[6758,39],[10420,39]]}}}],["showmessage(toasttype.warning)\">warn",{"_index":1869,"t":{"500":{"position":[[2420,39],[3855,39],[5385,39],[6967,39],[10629,39]]}}}],["showmod",{"_index":3175,"t":{"538":{"position":[[4288,11],[4720,11]]}}}],["showmodal(modals",{"_index":3173,"t":{"538":{"position":[[3873,19]]}}}],["showmodal(modalsize.extralarge)\">show",{"_index":3171,"t":{"538":{"position":[[3721,37]]}}}],["showmodal(modalsize.large)\">show",{"_index":3170,"t":{"538":{"position":[[3617,32]]}}}],["showmodal(modalsize.regular)\">show",{"_index":3167,"t":{"538":{"position":[[3401,34]]}}}],["showmodal(modalsize.small)\">show",{"_index":3169,"t":{"538":{"position":[[3512,32]]}}}],["showmodal(modaltyp",{"_index":3165,"t":{"538":{"position":[[1926,19],[3101,19]]}}}],["showmodal(modaltype.danger)\">show",{"_index":3159,"t":{"538":{"position":[[1370,33],[2545,33]]}}}],["showmodal(modaltype.dark)\">show",{"_index":3163,"t":{"538":{"position":[[1786,31],[2961,31]]}}}],["showmodal(modaltype.info)\">show",{"_index":3161,"t":{"538":{"position":[[1583,31],[2758,31]]}}}],["showmodal(modaltype.light)\">show",{"_index":3162,"t":{"538":{"position":[[1684,32],[2859,32]]}}}],["showmodal(modaltype.primary)\">show",{"_index":3155,"t":{"538":{"position":[[1038,34],[2213,34]]}}}],["showmodal(modaltype.secondary)\">show",{"_index":3157,"t":{"538":{"position":[[1149,36],[2324,36]]}}}],["showmodal(modaltype.success)\">show",{"_index":3158,"t":{"538":{"position":[[1262,34],[2437,34]]}}}],["showmodal(modaltype.warning)\">show",{"_index":3160,"t":{"538":{"position":[[1477,34],[2652,34]]}}}],["shown",{"_index":141,"t":{"10":{"position":[[318,5],[462,5]]},"482":{"position":[[666,5],[3086,5]]},"486":{"position":[[1456,5],[2607,6],[2740,5],[2816,5],[21018,8]]},"492":{"position":[[837,5],[1041,5],[1499,5]]},"496":{"position":[[5114,5]]},"498":{"position":[[2768,5],[5782,5],[7794,5],[7917,5]]},"500":{"position":[[11388,5],[11686,5]]},"538":{"position":[[4988,5],[5167,5]]},"544":{"position":[[1953,5],[3597,5],[3816,5],[5805,5],[7608,5],[9439,5],[11255,5],[11426,5],[16363,5]]},"546":{"position":[[2510,6]]}}}],["showoffcanvasasync",{"_index":1237,"t":{"486":{"position":[[2901,21],[3079,20]]}}}],["showproductsaccordionitemasync",{"_index":3344,"t":{"544":{"position":[[15675,32]]}}}],["showproductstabasync",{"_index":1812,"t":{"498":{"position":[[7419,22]]}}}],["showsaveconfirmationasync",{"_index":1173,"t":{"484":{"position":[[4206,27]]}}}],["showsecondaccordionitemasync",{"_index":3340,"t":{"544":{"position":[[15468,30]]}}}],["showsecondtabasync",{"_index":1808,"t":{"498":{"position":[[7264,20]]}}}],["showspinnerasync(spinnercolor",{"_index":1575,"t":{"492":{"position":[[2621,29]]}}}],["showspinnerasync(spinnercolor.danger)\">dang",{"_index":1569,"t":{"492":{"position":[[1980,45]]}}}],["showspinnerasync(spinnercolor.dark)\">dark",{"_index":1573,"t":{"492":{"position":[[2472,41]]}}}],["showspinnerasync(spinnercolor.info)\">info",{"_index":1571,"t":{"492":{"position":[[2231,41]]}}}],["showspinnerasync(spinnercolor.light)\">light",{"_index":1572,"t":{"492":{"position":[[2351,43]]}}}],["showspinnerasync(spinnercolor.primary)\">primari",{"_index":1565,"t":{"492":{"position":[[1591,47]]}}}],["showspinnerasync(spinnercolor.secondary)\">secondari",{"_index":1567,"t":{"492":{"position":[[1721,51]]}}}],["showspinnerasync(spinnercolor.success)\">success",{"_index":1568,"t":{"492":{"position":[[1853,47]]}}}],["showspinnerasync(spinnercolor.warning)\">warn",{"_index":1570,"t":{"492":{"position":[[2106,47]]}}}],["showtabbyindexasync",{"_index":505,"t":{"88":{"position":[[455,19]]},"498":{"position":[[5734,20]]}}}],["showtabbyindexasync(int",{"_index":1763,"t":{"498":{"position":[[623,24]]}}}],["showtabbynameasync",{"_index":1783,"t":{"498":{"position":[[5759,19]]}}}],["showtabbynameasync(str",{"_index":1762,"t":{"498":{"position":[[542,26]]}}}],["showthirdaccordionitemasync",{"_index":3342,"t":{"544":{"position":[[15572,29]]}}}],["showthirdtabasync",{"_index":1810,"t":{"498":{"position":[[7342,19]]}}}],["showverticalbarchartasync",{"_index":2302,"t":{"508":{"position":[[7099,27]]}}}],["showverticalbarchartasync()\">vert",{"_index":2270,"t":{"508":{"position":[[4708,37]]}}}],["showverticallinechartasync",{"_index":2509,"t":{"512":{"position":[[6749,30],[8942,28]]}}}],["side",{"_index":218,"t":{"30":{"position":[[261,4],[277,5]]},"32":{"position":[[228,4],[255,4]]},"506":{"position":[[15596,4]]},"508":{"position":[[223,4],[231,5],[1748,5]]},"510":{"position":[[1495,5]]},"512":{"position":[[1631,5]]},"514":{"position":[[1341,5]]},"516":{"position":[[199,4],[215,4],[2563,4],[3145,4],[4148,4],[5014,4],[6017,4],[7635,4],[13936,4],[13953,4],[13993,4]]},"522":{"position":[[393,5],[2231,4]]},"550":{"position":[[146,4],[162,4],[5172,4],[5934,4],[8257,4],[10726,4],[13355,4],[15744,4],[27402,4],[27454,4],[49541,4],[51088,4],[60415,4],[63808,4],[67183,4],[70315,4],[73284,4],[76575,4],[79661,4],[82425,4],[87646,4],[95862,4],[98051,4],[100487,4],[104476,4],[106409,4],[106431,4],[106477,4],[106496,4],[106516,4],[106639,4]]}}}],["sidebar",{"_index":21,"t":{"2":{"position":[[177,8],[377,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]]},"110":{"position":[[1377,7],[1413,7],[1467,7]]},"124":{"position":[[226,8],[426,7]]},"128":{"position":[[221,8],[421,7]]},"190":{"position":[[1421,7],[1457,7],[1511,7]]},"196":{"position":[[232,8],[432,7]]},"200":{"position":[[230,8],[430,7]]},"206":{"position":[[1430,7],[1466,7],[1520,7]]},"220":{"position":[[226,8],[426,7]]},"224":{"position":[[234,8],[434,7]]},"244":{"position":[[225,8],[425,7]]},"256":{"position":[[227,8],[427,7],[601,7],[637,7],[691,7]]},"272":{"position":[[227,8],[427,7]]},"274":{"position":[[225,8],[425,7]]},"280":{"position":[[224,8],[424,7]]},"290":{"position":[[220,8],[420,7]]},"296":{"position":[[228,8],[428,7]]},"312":{"position":[[218,8],[418,7]]},"326":{"position":[[163,7],[199,7],[253,7]]},"332":{"position":[[220,8],[420,7]]},"334":{"position":[[165,7],[201,7],[255,7]]},"336":{"position":[[167,7],[203,7],[257,7]]},"354":{"position":[[226,8],[426,7]]},"356":{"position":[[20,9],[221,8],[421,7],[595,7],[631,7],[685,7]]},"372":{"position":[[221,8],[421,7]]},"416":{"position":[[222,8],[422,7]]},"424":{"position":[[163,7],[199,7],[253,7]]},"486":{"position":[[64,8],[2405,7]]},"494":{"position":[[8126,7]]},"498":{"position":[[9199,7]]},"526":{"position":[[3327,7]]},"528":{"position":[[3164,7]]},"530":{"position":[[2807,7]]},"532":{"position":[[627,8],[993,7],[1001,7]]},"534":{"position":[[632,8],[998,7],[1006,7]]},"548":{"position":[[11,7],[39,7],[72,7],[772,7],[814,8],[1503,8],[1631,7],[1639,8],[2369,11],[2428,11],[2625,8],[2753,7],[2761,8],[3741,11],[3800,10],[4478,8],[4606,7],[4614,8],[5656,11],[5715,10],[6376,8],[6481,8],[6512,8],[6885,7],[6893,8],[7935,11],[7994,10],[8645,7],[8715,7],[8769,8],[9215,7],[9223,8],[10265,11],[10324,10],[11200,8],[11665,7],[11673,8],[12715,11],[12774,10],[13612,8],[14072,7],[14080,8],[15122,11],[15181,10],[15980,8],[16483,7],[16491,8],[17533,11],[17592,10],[18303,8],[18341,7],[18443,8],[18892,7],[18956,7],[18964,8],[20037,11],[20096,10],[20845,7],[20872,7],[20908,7],[20963,7],[21020,7],[21073,7],[21116,7],[21156,7],[21194,7],[21233,7],[21288,7],[21371,7],[21423,7],[21487,7],[21540,7],[21591,7],[21643,7],[21692,7],[21743,7],[21793,7],[21844,7],[21899,7],[21951,7],[22006,7],[22239,7],[22254,7],[22345,7]]}}}],["sidebar.togglesidebar",{"_index":3492,"t":{"548":{"position":[[10984,25],[13434,25],[15841,25],[18252,25]]}}}],["sidebar2",{"_index":674,"t":{"118":{"position":[[1545,8]]}}}],["sidebardataprovider(sidebardataproviderrequest",{"_index":3064,"t":{"532":{"position":[[1117,46]]},"534":{"position":[[1122,46]]},"548":{"position":[[1725,46],[2847,46],[4700,46],[6979,46],[9309,46],[11759,46],[14166,46],[16577,46],[19081,46]]}}}],["sidebardataproviderresult",{"_index":3459,"t":{"548":{"position":[[503,28]]}}}],["sidebaritem",{"_index":530,"t":{"98":{"position":[[605,11]]}}}],["sidemod",{"_index":316,"t":{"46":{"position":[[639,9]]},"110":{"position":[[3036,9]]},"134":{"position":[[1274,9]]},"138":{"position":[[691,9]]},"142":{"position":[[683,9]]},"164":{"position":[[281,9]]},"168":{"position":[[684,9]]},"174":{"position":[[29,10],[281,9]]},"176":{"position":[[684,9]]},"190":{"position":[[3080,9]]},"206":{"position":[[3089,9]]},"420":{"position":[[271,9]]}}}],["sidemodal1",{"_index":595,"t":{"118":{"position":[[477,10]]}}}],["sign",{"_index":2786,"t":{"518":{"position":[[5337,5],[5449,5],[15109,4]]}}}],["signific",{"_index":213,"t":{"30":{"position":[[112,11]]},"112":{"position":[[1979,11]]},"208":{"position":[[2032,11]]},"340":{"position":[[852,11]]},"394":{"position":[[156,11]]}}}],["similar",{"_index":1235,"t":{"486":{"position":[[2536,7],[2695,7]]},"510":{"position":[[196,7]]}}}],["similarli",{"_index":3281,"t":{"542":{"position":[[2135,10]]}}}],["simmon",{"_index":3714,"t":{"550":{"position":[[26777,10],[44792,10]]}}}],["simpl",{"_index":1178,"t":{"484":{"position":[[4450,7],[5532,7],[7330,7]]},"500":{"position":[[3212,6],[4499,6]]},"542":{"position":[[933,6],[1018,6],[1103,6],[1185,6],[1267,6],[1347,6],[1425,6],[1503,6],[2435,6],[2580,6],[2725,6]]}}}],["singl",{"_index":463,"t":{"80":{"position":[[206,6]]},"84":{"position":[[237,6]]},"100":{"position":[[240,6]]},"496":{"position":[[10516,7]]},"500":{"position":[[1772,6]]},"506":{"position":[[3677,6],[24916,6]]},"550":{"position":[[69049,7]]}}}],["sink",{"_index":1698,"t":{"496":{"position":[[5012,5],[13539,4]]}}}],["sit",{"_index":1287,"t":{"486":{"position":[[7563,3],[7642,3],[7880,3],[8654,3],[8816,3],[10204,3],[10268,3],[10421,3],[11801,3],[11880,3],[12118,3],[12892,3],[13054,3],[14442,3],[14506,3],[14659,3],[15939,3],[16018,3],[16256,3],[17030,3],[17192,3],[18580,3],[18644,3],[18797,3]]}}}],["site",{"_index":303,"t":{"44":{"position":[[511,4]]},"46":{"position":[[248,4]]},"48":{"position":[[396,4]]},"50":{"position":[[247,4]]},"52":{"position":[[226,4]]},"54":{"position":[[337,4]]},"56":{"position":[[213,4]]},"58":{"position":[[489,4]]},"538":{"position":[[122,4]]},"546":{"position":[[103,4]]}}}],["site.css",{"_index":3037,"t":{"526":{"position":[[3258,8]]}}}],["sixth",{"_index":3329,"t":{"544":{"position":[[14177,5]]}}}],["size",{"_index":272,"t":{"40":{"position":[[234,5]]},"80":{"position":[[317,4],[327,4]]},"98":{"position":[[310,4]]},"100":{"position":[[283,6],[534,6]]},"478":{"position":[[148,6],[1017,4],[1022,4],[1039,4],[3431,6],[3529,6],[3894,4],[9902,5]]},"484":{"position":[[1293,4],[1327,4],[4647,6],[4689,6],[4702,5],[4826,4],[4864,4],[4908,4],[5418,5],[5467,4],[5474,4],[8351,5]]},"486":{"position":[[1003,4],[1022,4],[11562,6],[11577,4],[11608,4],[21485,5]]},"488":{"position":[[1091,4],[1139,5],[2199,7],[2321,6],[3272,6]]},"490":{"position":[[644,4],[694,5],[2047,7],[2059,4],[2158,4],[3529,6]]},"496":{"position":[[2056,4],[2098,5],[2451,4],[2493,5],[6214,7],[13562,6]]},"504":{"position":[[670,4],[706,5],[955,6],[1184,4],[2127,4],[3176,5]]},"506":{"position":[[1018,4],[1023,4],[1052,5],[1443,4],[1448,4],[1477,5],[8843,7],[17466,6],[24949,6]]},"512":{"position":[[2912,4]]},"516":{"position":[[798,4]]},"538":{"position":[[789,4],[827,5],[3343,5],[4005,4],[5897,4]]},"540":{"position":[[704,4],[764,6]]},"546":{"position":[[1230,4],[1245,4],[11121,6],[11155,6],[11168,5],[15056,5]]},"550":{"position":[[1784,4],[1886,4],[1973,4],[5838,4],[10920,4],[49270,5],[78446,5],[79138,4],[79253,4],[79369,4],[81451,5],[81471,6],[81497,4],[107075,4],[107085,4]]}}}],["size=\"iconsize.x2",{"_index":1979,"t":{"504":{"position":[[990,18],[1239,18],[1331,18],[1411,18],[1484,18],[1575,18],[1659,18],[1746,18],[1819,18],[1894,18],[1975,18],[2056,18]]}}}],["size=\"iconsize.x3",{"_index":1980,"t":{"504":{"position":[[1039,18]]}}}],["size=\"iconsize.x4",{"_index":1981,"t":{"504":{"position":[[1088,18]]}}}],["size=\"iconsize.x5",{"_index":1982,"t":{"504":{"position":[[1137,18]]}}}],["size=\"modalsize.extralarg",{"_index":3407,"t":{"546":{"position":[[11307,28]]}}}],["size=\"modalsize.larg",{"_index":3411,"t":{"546":{"position":[[11418,23]]}}}],["size=\"modalsize.smal",{"_index":3414,"t":{"546":{"position":[[11524,23]]}}}],["size=\"offcanvassize.larg",{"_index":1435,"t":{"486":{"position":[[15875,27]]}}}],["size=\"offcanvassize.smal",{"_index":1434,"t":{"486":{"position":[[11737,27]]}}}],["size=\"paginationsize.larg",{"_index":1497,"t":{"488":{"position":[[2278,27],[2504,27]]}}}],["size=\"paginationsize.smal",{"_index":1496,"t":{"488":{"position":[[2247,27],[2376,27]]}}}],["size=\"placeholdersize.extrasmal",{"_index":1541,"t":{"490":{"position":[[2426,33],[2942,33],[3317,33]]}}}],["size=\"placeholdersize.larg",{"_index":1539,"t":{"490":{"position":[[2276,28],[2790,28],[3165,28]]}}}],["size=\"placeholdersize.smal",{"_index":1540,"t":{"490":{"position":[[2351,28],[2866,28],[3241,28]]}}}],["size=\"size.larg",{"_index":913,"t":{"478":{"position":[[3475,17],[3576,18],[3656,18],[4264,17],[4360,17],[4484,17],[4603,17]]},"506":{"position":[[9029,17],[9468,17]]}}}],["size=\"size.large\">larg",{"_index":2052,"t":{"506":{"position":[[8946,23],[9356,23]]}}}],["size=\"size.smal",{"_index":914,"t":{"478":{"position":[[3496,17],[3741,18],[3821,18]]},"494":{"position":[[2359,17],[2494,17],[2629,17],[4587,17],[4731,17],[4875,17],[5021,17],[5167,17],[5316,17],[5462,17]]},"506":{"position":[[10356,17]]},"508":{"position":[[4062,17],[4207,17],[4355,17],[4495,17],[4662,17]]},"510":{"position":[[3440,17],[3585,17],[3733,17],[10670,17],[10815,17]]},"512":{"position":[[6097,17],[6242,17],[6390,17],[6532,17],[6703,17]]},"514":{"position":[[3159,17],[3304,17],[3452,17],[7098,17],[7243,17]]},"548":{"position":[[18836,17]]}}}],["size=\"size.small\">smal",{"_index":2054,"t":{"506":{"position":[[9852,23],[10244,23]]}}}],["slide",{"_index":3373,"t":{"546":{"position":[[3269,5]]}}}],["sm",{"_index":975,"t":{"478":{"position":[[7309,3]]},"496":{"position":[[6439,2],[6734,2],[10690,2]]},"516":{"position":[[2617,2],[4442,2],[6071,2],[7038,2],[11027,2],[12560,2]]},"546":{"position":[[12152,3]]}}}],["smful",{"_index":3436,"t":{"546":{"position":[[12922,26]]}}}],["smmodal?.showasync()\">smal",{"_index":3418,"t":{"546":{"position":[[11834,27]]}}}],["sobi",{"_index":2590,"t":{"516":{"position":[[3449,7],[5318,7],[7939,7]]}}}],["sodal",{"_index":1306,"t":{"486":{"position":[[7749,7],[8964,7],[9496,7],[11987,7],[13202,7],[13734,7],[16125,7],[17340,7],[17872,7]]}}}],["solid",{"_index":2101,"t":{"506":{"position":[[18090,5],[18131,5]]},"516":{"position":[[8689,5],[8730,5]]},"518":{"position":[[11090,5],[11131,5]]},"520":{"position":[[7089,5],[7130,5],[9679,5],[9720,5]]},"524":{"position":[[7499,5],[7540,5]]},"536":{"position":[[5289,5],[5330,5],[9301,5],[9342,5]]}}}],["someth",{"_index":1107,"t":{"484":{"position":[[148,10]]},"490":{"position":[[140,9],[2605,9]]}}}],["sometim",{"_index":2200,"t":{"508":{"position":[[155,9]]}}}],["somewheredateonly:dateonly?:datetime:datetime?:holi",{"_index":3289,"t":{"542":{"position":[[3004,12],[3214,12]]}}}],["strong>thi",{"_index":801,"t":{"476":{"position":[[491,12],[712,12],[933,12],[1152,12],[1367,12],[1634,12],[1875,12],[2116,12],[2355,12],[2590,12]]}}}],["strong>timeonly:timeonly?:successswap",{"_index":936,"t":{"478":{"position":[[5302,19]]}}}],["switch",{"_index":56,"t":{"2":{"position":[[861,6]]},"52":{"position":[[120,6],[166,6],[203,6],[265,6],[413,6]]},"80":{"position":[[964,6],[1620,6],[1894,6]]},"82":{"position":[[544,6]]},"98":{"position":[[394,6],[411,6],[826,6]]},"100":{"position":[[181,6],[1055,6],[1072,6],[1459,6]]},"108":{"position":[[930,6]]},"110":{"position":[[1935,6],[1981,6]]},"124":{"position":[[857,6]]},"128":{"position":[[905,6]]},"134":{"position":[[173,6],[219,6]]},"188":{"position":[[974,6]]},"190":{"position":[[1979,6],[2025,6]]},"196":{"position":[[863,6]]},"200":{"position":[[914,6]]},"204":{"position":[[983,6]]},"206":{"position":[[1988,6],[2034,6]]},"228":{"position":[[432,6]]},"232":{"position":[[728,6]]},"238":{"position":[[477,6],[2282,6]]},"250":{"position":[[431,6]]},"252":{"position":[[428,6]]},"258":{"position":[[425,6],[601,6],[647,6]]},"264":{"position":[[714,6]]},"274":{"position":[[909,6]]},"276":{"position":[[978,6]]},"280":{"position":[[908,6]]},"284":{"position":[[977,6]]},"302":{"position":[[426,6]]},"306":{"position":[[722,6]]},"318":{"position":[[471,6],[2276,6]]},"338":{"position":[[422,6]]},"342":{"position":[[425,6]]},"364":{"position":[[21,8],[420,6]]},"366":{"position":[[708,6]]},"418":{"position":[[226,6]]},"430":{"position":[[164,6],[210,6]]},"468":{"position":[[420,6]]},"498":{"position":[[8840,6]]},"522":{"position":[[6,6],[33,6],[65,6],[370,6],[531,7],[567,7],[659,6],[714,7],[758,6],[781,9],[827,6],[1066,7],[1093,7],[1158,6],[1673,7],[1778,7],[1837,6],[2031,6],[2206,8],[2268,7],[2311,6],[2435,6],[2461,7],[2498,6],[2790,8]]},"524":{"position":[[11153,6]]},"536":{"position":[[12037,6]]},"548":{"position":[[4303,10],[4351,9],[6248,10],[6296,9],[8527,10],[8575,9],[10857,10],[10905,9],[13307,10],[13355,9],[15714,10],[15762,9],[18125,10],[18173,9],[20629,10],[20677,9]]},"550":{"position":[[66660,7],[66729,7]]}}}],["switch1",{"_index":675,"t":{"118":{"position":[[1554,7]]},"522":{"position":[[2038,7]]}}}],["switch1.dis",{"_index":2965,"t":{"522":{"position":[[2111,18]]}}}],["switch1.en",{"_index":2966,"t":{"522":{"position":[[2155,18]]}}}],["switchchanged(bool",{"_index":2972,"t":{"522":{"position":[[2704,18]]}}}],["symbol",{"_index":2700,"t":{"518":{"position":[[177,7],[802,6],[2077,7],[4445,7],[4521,7],[14951,7],[14999,6]]}}}],["system",{"_index":1834,"t":{"500":{"position":[[284,7]]},"508":{"position":[[11566,8],[13827,8],[15890,8]]},"510":{"position":[[10257,8]]},"512":{"position":[[13046,8],[16105,8]]}}}],["system.componentmodel.dataannot",{"_index":2662,"t":{"516":{"position":[[8591,37]]},"520":{"position":[[9581,37]]},"536":{"position":[[9203,37]]}}}],["system.componentmodel.dataannotationsaboutinfo",{"_index":2978,"t":{"524":{"position":[[4153,11],[4451,11]]}}}],["text\">tip",{"_index":2803,"t":{"518":{"position":[[7975,10],[9261,10]]},"524":{"position":[[3691,10],[5693,10]]}}}],["text.curr",{"_index":1504,"t":{"488":{"position":[[2898,15]]}}}],["textalign",{"_index":1648,"t":{"496":{"position":[[587,13],[7151,13]]},"518":{"position":[[1430,13],[8215,13]]},"524":{"position":[[928,13],[4731,13]]},"550":{"position":[[5522,13],[37125,13],[37196,13]]}}}],["textalignment=\"alignment.cent",{"_index":1720,"t":{"496":{"position":[[7479,32]]},"518":{"position":[[8455,32]]},"524":{"position":[[4943,32]]},"550":{"position":[[24818,32],[37505,33],[37978,33],[39746,33],[40234,33],[42007,33],[42857,33]]}}}],["textalignment=\"alignment.end",{"_index":1721,"t":{"496":{"position":[[7809,29]]},"518":{"position":[[8711,29]]},"524":{"position":[[5171,29]]},"550":{"position":[[24607,29],[37828,30],[40069,30],[42692,30]]}}}],["textbox",{"_index":225,"t":{"30":{"position":[[352,7]]},"516":{"position":[[99,7],[2044,7]]},"550":{"position":[[4059,7],[23320,7],[23421,7],[23490,7],[106618,7]]}}}],["textnowrap",{"_index":3589,"t":{"550":{"position":[[5659,10]]}}}],["textnowrap=\"tru",{"_index":3684,"t":{"550":{"position":[[24218,17],[24346,17],[41660,17],[42372,18],[42477,18]]}}}],["that'",{"_index":2089,"t":{"506":{"position":[[17685,6]]}}}],["thead",{"_index":3546,"t":{"550":{"position":[[1640,5]]}}}],["therebi",{"_index":3397,"t":{"546":{"position":[[8609,7],[10360,7]]}}}],["they'll",{"_index":1660,"t":{"496":{"position":[[2650,7]]}}}],["they'r",{"_index":1836,"t":{"500":{"position":[[310,7]]},"546":{"position":[[2864,7]]}}}],["they’ll",{"_index":1710,"t":{"496":{"position":[[6266,7]]}}}],["thing",{"_index":1549,"t":{"492":{"position":[[125,6]]},"500":{"position":[[378,6]]},"542":{"position":[[2046,6]]}}}],["third",{"_index":1695,"t":{"496":{"position":[[4956,5],[5653,5]]},"544":{"position":[[3014,5],[5024,5],[6866,5],[8685,5],[10500,5],[12511,5],[17468,5]]}}}],["those",{"_index":942,"t":{"478":{"position":[[5627,5]]},"542":{"position":[[3068,5],[3278,5]]}}}],["though",{"_index":3318,"t":{"544":{"position":[[2325,6],[2876,6],[3426,6],[4188,6],[4813,6],[5436,6],[6177,6],[6728,6],[7278,6],[7980,6],[8547,6],[9097,6],[9811,6],[10362,6],[10912,6],[11798,6],[12361,6],[12923,6],[13481,6],[14029,6],[14589,6],[16735,6],[17308,6],[17880,6]]}}}],["three",{"_index":1179,"t":{"484":{"position":[[4674,5]]},"546":{"position":[[11140,5]]}}}],["through",{"_index":351,"t":{"58":{"position":[[280,7]]},"68":{"position":[[436,7]]},"474":{"position":[[1018,7]]},"476":{"position":[[3157,7],[3643,7],[4130,7],[4614,7],[5097,7]]},"484":{"position":[[2167,7]]},"486":{"position":[[3396,7]]},"490":{"position":[[1060,7]]},"540":{"position":[[2268,7]]},"546":{"position":[[3966,7]]}}}],["throw",{"_index":1700,"t":{"496":{"position":[[5087,5]]}}}],["thrown",{"_index":885,"t":{"478":{"position":[[1991,6]]}}}],["tidy.@cod",{"_index":3129,"t":{"536":{"position":[[8782,17]]}}}],["time2",{"_index":3089,"t":{"536":{"position":[[2205,7],[3336,6],[3517,5]]}}}],["time2anoth",{"_index":1682,"t":{"496":{"position":[[3708,14],[5734,14]]}}}],["to=\"#\">card",{"_index":1680,"t":{"496":{"position":[[3670,11],[5696,11]]}}}],["toast",{"_index":77,"t":{"2":{"position":[[2087,5],[2215,5],[2397,7],[2548,6]]},"6":{"position":[[106,6],[166,6]]},"10":{"position":[[699,6]]},"18":{"position":[[179,6],[325,6],[382,6]]},"42":{"position":[[179,6],[319,6],[346,6],[472,6],[539,6],[582,6]]},"48":{"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]]},"92":{"position":[[137,5],[244,5],[486,5]]},"108":{"position":[[2959,6],[3044,6],[3058,6]]},"110":{"position":[[2523,5],[2601,6],[2793,5]]},"112":{"position":[[520,6],[574,6],[617,6]]},"114":{"position":[[804,6],[1763,6]]},"128":{"position":[[2131,5],[2259,5],[2441,7],[2592,6]]},"134":{"position":[[761,5],[839,6],[1031,5]]},"138":{"position":[[178,5],[256,6],[448,5]]},"142":{"position":[[170,5],[248,6],[440,5]]},"168":{"position":[[171,5],[249,6],[441,5]]},"170":{"position":[[232,6],[286,6],[329,6]]},"172":{"position":[[236,6],[290,6],[333,6]]},"176":{"position":[[171,5],[249,6],[441,5]]},"184":{"position":[[29,6],[170,5],[248,6],[440,5]]},"186":{"position":[[28,7],[169,6],[254,6],[268,6],[477,6],[531,6],[574,6]]},"188":{"position":[[3003,6],[3088,6],[3102,6]]},"190":{"position":[[2567,5],[2645,6],[2837,5]]},"200":{"position":[[2140,5],[2268,5],[2450,7],[2601,6]]},"204":{"position":[[3012,6],[3097,6],[3111,6]]},"206":{"position":[[2576,5],[2654,6],[2846,5]]},"208":{"position":[[573,6],[627,6],[670,6]]},"210":{"position":[[857,6],[1816,6]]},"214":{"position":[[191,5],[319,5]]},"242":{"position":[[189,7],[340,6]]},"244":{"position":[[1379,7],[1530,6]]},"246":{"position":[[448,7],[599,6]]},"260":{"position":[[189,7],[340,6]]},"268":{"position":[[186,5],[314,5]]},"270":{"position":[[190,7],[341,6],[506,6],[591,6],[605,6]]},"274":{"position":[[2135,5],[2263,5],[2445,7],[2596,6]]},"276":{"position":[[3007,6],[3092,6],[3106,6]]},"280":{"position":[[2134,5],[2262,5],[2444,7],[2595,6]]},"282":{"position":[[192,5],[320,5]]},"284":{"position":[[3006,6],[3091,6],[3105,6]]},"294":{"position":[[266,6]]},"308":{"position":[[185,5],[313,5]]},"320":{"position":[[183,7],[334,6]]},"330":{"position":[[257,6]]},"332":{"position":[[1374,7],[1525,6]]},"344":{"position":[[482,6],[536,6],[579,6]]},"346":{"position":[[229,6],[283,6],[326,6]]},"352":{"position":[[183,7],[334,6]]},"354":{"position":[[874,7],[1025,6]]},"358":{"position":[[21,7],[180,5],[308,5]]},"360":{"position":[[20,8],[184,7],[335,6],[500,6],[585,6],[599,6],[808,6],[862,6],[905,6],[1158,6]]},"362":{"position":[[187,5],[315,5]]},"370":{"position":[[150,6]]},"392":{"position":[[258,6]]},"404":{"position":[[223,6],[277,6],[320,6]]},"412":{"position":[[164,5],[242,6],[434,5]]},"434":{"position":[[163,6],[248,6],[262,6]]},"460":{"position":[[181,5],[309,5]]},"466":{"position":[[185,7],[336,6]]},"484":{"position":[[2416,5]]},"498":{"position":[[9212,6]]},"500":{"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],[3022,5],[3072,6],[3090,5],[3126,6],[3219,6],[3251,5],[3297,7],[4506,5],[4556,6],[4648,6],[4791,6],[4798,7],[5987,5],[6047,6],[6167,5],[6317,6],[6396,7],[7640,5],[7881,6],[7928,6],[8072,6],[8090,7],[9574,5],[9690,6],[9728,6],[9764,5],[9802,5],[10011,5],[10039,7],[11231,5],[11299,6],[11343,6],[11469,13],[11576,6],[12108,6],[12160,5],[12166,5],[12256,6]]},"502":{"position":[[1854,6]]}}}],["toast''",{"_index":1852,"t":{"500":{"position":[[1484,8]]}}}],["toast1",{"_index":599,"t":{"118":{"position":[[568,6],[1593,6]]}}}],["toast@cod",{"_index":1955,"t":{"502":{"position":[[1668,21]]}}}],["tooltipcolor",{"_index":871,"t":{"478":{"position":[[1560,12],[1573,12]]},"502":{"position":[[285,12]]}}}],["tooltipcolor.non",{"_index":872,"t":{"478":{"position":[[1618,17]]},"502":{"position":[[330,17]]}}}],["tooltipplac",{"_index":151,"t":{"10":{"position":[[567,16]]},"478":{"position":[[1385,16],[1402,16]]}}}],["tooltipplacement.top",{"_index":868,"t":{"478":{"position":[[1437,20]]},"502":{"position":[[420,20]]}}}],["tooltipplacement=\"tooltipplacement.bottom",{"_index":1000,"t":{"478":{"position":[[8312,43]]}}}],["tooltipplacement=\"tooltipplacement.left",{"_index":1001,"t":{"478":{"position":[[8445,41]]}}}],["tooltipplacement=\"tooltipplacement.right",{"_index":999,"t":{"478":{"position":[[8181,42]]}}}],["tooltipplacement=\"tooltipplacement.top",{"_index":998,"t":{"478":{"position":[[8054,40],[8711,40]]}}}],["tooltiptitl",{"_index":149,"t":{"10":{"position":[[545,12]]},"84":{"position":[[280,12]]},"478":{"position":[[1464,12]]}}}],["tooltiptitle=\"@text",{"_index":1006,"t":{"478":{"position":[[8690,20]]}}}],["tooltiptitle=\"@tooltip\">buttonlink",{"_index":928,"t":{"478":{"position":[[4817,28]]}}}],["tooltiptitle=\"@tooltip\">reset",{"_index":934,"t":{"478":{"position":[[5206,29]]}}}],["tooltiptitle=\"@tooltip\">submit",{"_index":930,"t":{"478":{"position":[[4948,30]]}}}],["tooltiptitle=\"tooltip",{"_index":997,"t":{"478":{"position":[[8026,21],[8153,21],[8284,21],[8417,21]]}}}],["top",{"_index":993,"t":{"478":{"position":[[7956,4],[8103,3],[8760,3]]},"480":{"position":[[107,3]]},"486":{"position":[[6947,4],[7034,4],[7183,3]]},"496":{"position":[[3846,4],[5265,4]]},"500":{"position":[[7999,3]]},"502":{"position":[[409,3]]},"506":{"position":[[15573,3]]},"508":{"position":[[1770,4]]},"510":{"position":[[1517,4]]},"512":{"position":[[1653,4]]},"514":{"position":[[1363,4]]},"532":{"position":[[770,3]]},"534":{"position":[[775,3]]},"546":{"position":[[3301,3]]},"548":{"position":[[6655,3],[8912,3],[11362,3],[13769,3],[16180,3],[18605,3],[20971,3],[21028,3]]}}}],["top\">tooltip",{"_index":1931,"t":{"502":{"position":[[687,12]]}}}],["topactionanoth",{"_index":2032,"t":{"506":{"position":[[3896,30],[4307,30],[4665,30],[5019,30],[5367,30],[5721,30],[6073,30],[6564,30],[6990,30],[7410,30],[7821,30],[8241,30],[8658,30],[9120,30],[9591,30],[10008,30],[10479,30],[11072,30],[11545,30],[12148,30],[12726,30],[13194,30],[13787,30],[14168,30],[16085,30],[16595,30],[17034,30],[23101,30],[24152,30]]}}}],["type=\"buttontype.link\">go",{"_index":1672,"t":{"496":{"position":[[2943,25],[4173,25],[4535,25],[6131,25],[6646,25],[6941,25],[7410,25],[7740,25],[8067,25]]}}}],["type=\"buttontype.link\">menu",{"_index":2167,"t":{"506":{"position":[[21430,27],[21499,27],[21568,27],[21853,27],[21922,27],[21991,27],[22274,27],[22343,27],[22412,27],[22639,27],[22708,27],[22777,27]]}}}],["type=\"buttontype.link\">separ",{"_index":2081,"t":{"506":{"position":[[17238,32]]}}}],["type=\"buttontype.link\">someth",{"_index":2034,"t":{"506":{"position":[[3970,32],[4381,32],[4739,32],[5093,32],[5441,32],[5795,32],[6147,32],[6638,32],[7064,32],[7484,32],[7895,32],[8315,32],[8732,32],[9194,32],[9665,32],[10082,32],[10553,32],[11146,32],[11619,32],[12222,32],[12800,32],[13268,32],[13861,32],[14242,32],[14852,32],[15382,32],[16159,32],[16669,32],[17108,32],[23175,32],[24226,32]]}}}],["type=\"buttontype.reset",{"_index":933,"t":{"478":{"position":[[5128,23]]}}}],["type=\"buttontype.submit",{"_index":903,"t":{"478":{"position":[[2632,24],[4869,24]]},"506":{"position":[[19517,24]]},"518":{"position":[[12669,24]]},"520":{"position":[[8090,24],[11169,24]]},"524":{"position":[[8949,24]]},"536":{"position":[[7259,24],[10490,24]]}}}],["type=\"callouttype.dang",{"_index":806,"t":{"476":{"position":[[685,26],[1828,25],[3283,26]]}}}],["type=\"callouttype.info",{"_index":810,"t":{"476":{"position":[[1127,24],[2310,23],[4256,24]]}}}],["type=\"callouttype.tip",{"_index":812,"t":{"476":{"position":[[1343,23],[2546,22],[4740,23]]}}}],["type=\"callouttype.warn",{"_index":808,"t":{"476":{"position":[[905,27],[2068,26],[3769,27]]}}}],["type=\"d",{"_index":2826,"t":{"520":{"position":[[123,11]]}}}],["type=\"numb",{"_index":2974,"t":{"524":{"position":[[121,13]]}}}],["type=\"progresstype.strip",{"_index":1597,"t":{"494":{"position":[[1382,27],[6066,27],[6186,27],[6305,27],[6421,27],[6540,27],[6658,27],[6777,27],[6898,27]]}}}],["type=\"progresstype.stripedandanim",{"_index":1600,"t":{"494":{"position":[[1500,38],[7050,38],[7204,38],[7334,38],[7461,38],[7591,38],[7720,38],[7850,38],[7982,38]]}}}],["type=\"submit",{"_index":2674,"t":{"516":{"position":[[9689,13]]}}}],["type=\"text",{"_index":2837,"t":{"520":{"position":[[1427,12]]},"536":{"position":[[1431,12]]}}}],["type=\"tim",{"_index":3075,"t":{"536":{"position":[[127,11]]}}}],["typic",{"_index":3249,"t":{"542":{"position":[[86,7]]}}}],["typograph",{"_index":1538,"t":{"490":{"position":[[2097,11]]}}}],["ui",{"_index":187,"t":{"18":{"position":[[196,2]]},"100":{"position":[[1147,2]]},"480":{"position":[[161,2]]},"520":{"position":[[1322,2]]},"536":{"position":[[1326,2]]}}}],["ul",{"_index":1688,"t":{"496":{"position":[[4797,3],[5494,3],[5669,5]]},"550":{"position":[[69878,4],[72847,4],[76192,4]]}}}],["ul>warningextra",{"_index":3416,"t":{"546":{"position":[[11640,27]]}}}],["xlmodal?.showasync()\">ful",{"_index":3442,"t":{"546":{"position":[[13231,26]]}}}],["xmlns='http://www.w3.org/2000/svg",{"_index":773,"t":{"474":{"position":[[1769,34]]}}}],["xxl",{"_index":3432,"t":{"546":{"position":[[12683,4]]}}}],["xxlful",{"_index":3444,"t":{"546":{"position":[[13334,27]]}}}],["y",{"_index":2243,"t":{"508":{"position":[[2544,1],[2993,3],[7017,4],[9306,4],[11238,4],[13499,4],[15562,4]]},"512":{"position":[[236,1],[321,1],[4507,1],[4957,3],[8858,4]]}}}],["yaxisid",{"_index":2242,"t":{"508":{"position":[[2510,7]]},"512":{"position":[[4473,7]]}}}],["ye",{"_index":1130,"t":{"484":{"position":[[1416,5],[1463,3],[1484,5]]}}}],["yeah",{"_index":3273,"t":{"542":{"position":[[1773,5]]}}}],["yesbuttoncolor",{"_index":1128,"t":{"484":{"position":[[1352,14],[4299,14]]}}}],["yesbuttontext",{"_index":1131,"t":{"484":{"position":[[1442,13],[4277,13]]}}}],["you''r",{"_index":961,"t":{"478":{"position":[[6512,7]]}}}],["youll",{"_index":2084,"t":{"506":{"position":[[17437,5]]}}}],["zaraiah",{"_index":2638,"t":{"516":{"position":[[3833,8],[5702,8],[8323,8]]}}}],["zayn",{"_index":3640,"t":{"550":{"position":[[7839,8],[10182,8],[12811,8],[15326,8],[17998,8],[20493,8],[22893,8],[26757,8],[31964,8],[34327,8],[36690,8],[38978,8],[41234,8],[44772,8],[47578,8],[53218,8],[55676,8],[62011,8],[65230,8],[68605,8],[71482,8],[74451,8],[77742,8],[81083,8],[83847,8],[105898,8]]}}}],["zayne@blazorbootstrap.com",{"_index":3715,"t":{"550":{"position":[[26796,28],[44811,28]]}}}],["zero",{"_index":2716,"t":{"518":{"position":[[1327,5],[4845,5]]}}}]],"pipeline":["stemmer"]}}] \ No newline at end of file diff --git a/search.html b/search.html index 668cd92e4..200edc747 100644 --- a/search.html +++ b/search.html @@ -10,13 +10,13 @@ Search the documentation - - + +
-

Search the documentation

- - +

Search the documentation

+ + \ No newline at end of file diff --git a/services/modal.html b/services/modal.html new file mode 100644 index 000000000..d5abc53a3 --- /dev/null +++ b/services/modal.html @@ -0,0 +1,22 @@ + + + + + + + + + + + +Blazor Modal Service | Blazor Bootstrap + + + + +
+

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 e90aada80..6f76ffa96 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -1 +1 @@ -https://getblazorbootstrap.com/blogweekly0.5https://getblazorbootstrap.com/blog/2021/11/23/blazorbootstrap-0.0.1weekly0.5https://getblazorbootstrap.com/blog/2021/11/27/blazorbootstrap-0.0.2weekly0.5https://getblazorbootstrap.com/blog/2021/12/08/blazorbootstrap-0.0.3weekly0.5https://getblazorbootstrap.com/blog/2021/12/12/blazorbootstrap-0.0.4weekly0.5https://getblazorbootstrap.com/blog/2021/12/20/blazorbootstrap-0.1.0weekly0.5https://getblazorbootstrap.com/blog/2021/12/21/blazorbootstrap-0.1.1weekly0.5https://getblazorbootstrap.com/blog/2022/01/15/blazorbootstrap-0.2.0weekly0.5https://getblazorbootstrap.com/blog/2022/02/27/blazorbootstrap-0.2.1weekly0.5https://getblazorbootstrap.com/blog/2022/03/15/blazorbootstrap-0.2.2weekly0.5https://getblazorbootstrap.com/blog/2022/04/30/blazorbootstrap-0.2.3weekly0.5https://getblazorbootstrap.com/blog/2022/06/19/blazorbootstrap-0.2.4weekly0.5https://getblazorbootstrap.com/blog/2022/07/28/blazorbootstrap-0.2.5weekly0.5https://getblazorbootstrap.com/blog/2022/08/13/blazorbootstrap-0.2.6weekly0.5https://getblazorbootstrap.com/blog/2022/08/31/blazorbootstrap-0.3.0weekly0.5https://getblazorbootstrap.com/blog/2022/09/04/blazorbootstrap-0.4.0weekly0.5https://getblazorbootstrap.com/blog/2022/09/12/blazorbootstrap-0.4.1weekly0.5https://getblazorbootstrap.com/blog/2022/09/17/blazorbootstrap-0.4.2weekly0.5https://getblazorbootstrap.com/blog/2022/10/16/blazorbootstrap-0.5.0weekly0.5https://getblazorbootstrap.com/blog/2022/10/22/blazorbootstrap-0.5.1weekly0.5https://getblazorbootstrap.com/blog/2022/10/30/blazorbootstrap-0.6.0weekly0.5https://getblazorbootstrap.com/blog/2022/11/18/blazorbootstrap-1.0.0weekly0.5https://getblazorbootstrap.com/blog/2022/11/22/blazorbootstrap-1.0.1weekly0.5https://getblazorbootstrap.com/blog/2022/11/28/blazorbootstrap-1.1.0weekly0.5https://getblazorbootstrap.com/blog/2022/12/12/blazorbootstrap-1.2.0weekly0.5https://getblazorbootstrap.com/blog/2022/12/15/blazorbootstrap-1.3.0weekly0.5https://getblazorbootstrap.com/blog/2022/12/18/blazorbootstrap-1.3.1weekly0.5https://getblazorbootstrap.com/blog/2023/01/15/blazorbootstrap-1.4.0weekly0.5https://getblazorbootstrap.com/blog/2023/01/23/blazorbootstrap-1.4.1weekly0.5https://getblazorbootstrap.com/blog/2023/01/30/blazorbootstrap-1.4.2weekly0.5https://getblazorbootstrap.com/blog/2023/02/07/blazorbootstrap-1.4.3weekly0.5https://getblazorbootstrap.com/blog/2023/02/10/blazorbootstrap-1.4.4weekly0.5https://getblazorbootstrap.com/blog/2023/02/23/blazorbootstrap-1.4.5weekly0.5https://getblazorbootstrap.com/blog/2023/03/05/blazorbootstrap-1.5.0weekly0.5https://getblazorbootstrap.com/blog/2023/03/12/blazorbootstrap-1.6.0weekly0.5https://getblazorbootstrap.com/blog/2023/04/10/blazorbootstrap-1.7.0weekly0.5https://getblazorbootstrap.com/blog/2023/04/19/blazorbootstrap-1.7.1weekly0.5https://getblazorbootstrap.com/blog/2023/04/24/blazorbootstrap-1.7.2weekly0.5https://getblazorbootstrap.com/blog/2023/04/29/blazorbootstrap-1.7.3weekly0.5https://getblazorbootstrap.com/blog/2023/05/28/blazorbootstrap-1.8.0weekly0.5https://getblazorbootstrap.com/blog/2023/05/31/blazorbootstrap-1.8.1weekly0.5https://getblazorbootstrap.com/blog/2023/06/11/blazorbootstrap-1.8.2weekly0.5https://getblazorbootstrap.com/blog/2023/06/16/blazorbootstrap-1.8.3weekly0.5https://getblazorbootstrap.com/blog/2023/06/30/blazorbootstrap-1.9.0weekly0.5https://getblazorbootstrap.com/blog/2023/06/31/blazorbootstrap-1.9.1weekly0.5https://getblazorbootstrap.com/blog/2023/07/01/blazorbootstrap-1.9.2weekly0.5https://getblazorbootstrap.com/blog/2023/07/04/blazorbootstrap-1.9.3weekly0.5https://getblazorbootstrap.com/blog/2023/07/05/blazorbootstrap-1.9.4weekly0.5https://getblazorbootstrap.com/blog/2023/07/16/blazorbootstrap-1.9.5weekly0.5https://getblazorbootstrap.com/blog/2023/08/13/blazorbootstrap-1.10.0weekly0.5https://getblazorbootstrap.com/blog/2023/08/29/blazorbootstrap-1.10.1weekly0.5https://getblazorbootstrap.com/blog/2023/09/15/blazorbootstrap-1.10.2weekly0.5https://getblazorbootstrap.com/blog/archiveweekly0.5https://getblazorbootstrap.com/blog/page/2weekly0.5https://getblazorbootstrap.com/blog/page/3weekly0.5https://getblazorbootstrap.com/blog/page/4weekly0.5https://getblazorbootstrap.com/blog/page/5weekly0.5https://getblazorbootstrap.com/blog/page/6weekly0.5https://getblazorbootstrap.com/blog/tagsweekly0.5https://getblazorbootstrap.com/blog/tags/accordionweekly0.5https://getblazorbootstrap.com/blog/tags/alertweekly0.5https://getblazorbootstrap.com/blog/tags/autocompleteweekly0.5https://getblazorbootstrap.com/blog/tags/badgeweekly0.5https://getblazorbootstrap.com/blog/tags/blazorweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-autocompleteweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-bar-chartweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-bootstrapweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-chartsweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-confirm-dialogweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-currency-inputweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-dialogweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-doughnut-chartweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-gridweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-grid-filteringweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-grid-pagingweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-grid-sortingweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-inputweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-input-numberweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-line-chartweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-numberweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-number-inputweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-offcanvasweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-pie-chartweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-preloadweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-progressweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-progress-barweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-sidemodalweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-spinnerweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-starter-templatesweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-tabsweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-templatesweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-toastweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-toastsweekly0.5https://getblazorbootstrap.com/blog/tags/blazor/page/2weekly0.5https://getblazorbootstrap.com/blog/tags/blazor/page/3weekly0.5https://getblazorbootstrap.com/blog/tags/blazor/page/4weekly0.5https://getblazorbootstrap.com/blog/tags/blazoraccordionweekly0.5https://getblazorbootstrap.com/blog/tags/blazorautocompleteweekly0.5https://getblazorbootstrap.com/blog/tags/blazorbadgeweekly0.5https://getblazorbootstrap.com/blog/tags/blazorbootstrapweekly0.5https://getblazorbootstrap.com/blog/tags/blazorbootstrap-starter-templatesweekly0.5https://getblazorbootstrap.com/blog/tags/blazorbootstrap/page/2weekly0.5https://getblazorbootstrap.com/blog/tags/blazorbootstrap/page/3weekly0.5https://getblazorbootstrap.com/blog/tags/blazorbootstrap/page/4weekly0.5https://getblazorbootstrap.com/blog/tags/blazorbootstrap/page/5weekly0.5https://getblazorbootstrap.com/blog/tags/blazorbootstrap/page/6weekly0.5https://getblazorbootstrap.com/blog/tags/blazorbreadcrumbweekly0.5https://getblazorbootstrap.com/blog/tags/blazorbuttonweekly0.5https://getblazorbootstrap.com/blog/tags/blazorbuttonsweekly0.5https://getblazorbootstrap.com/blog/tags/blazorchartweekly0.5https://getblazorbootstrap.com/blog/tags/blazorcollapseweekly0.5https://getblazorbootstrap.com/blog/tags/blazorconfirmdialogweekly0.5https://getblazorbootstrap.com/blog/tags/blazorconfirmmodalweekly0.5https://getblazorbootstrap.com/blog/tags/blazorcurrencyinputweekly0.5https://getblazorbootstrap.com/blog/tags/blazordateweekly0.5https://getblazorbootstrap.com/blog/tags/blazordateinputweekly0.5https://getblazorbootstrap.com/blog/tags/blazordatepickerweekly0.5https://getblazorbootstrap.com/blog/tags/blazordialogweekly0.5https://getblazorbootstrap.com/blog/tags/blazorgridweekly0.5https://getblazorbootstrap.com/blog/tags/blazorgrid/page/2weekly0.5https://getblazorbootstrap.com/blog/tags/blazoriconweekly0.5https://getblazorbootstrap.com/blog/tags/blazormodalweekly0.5https://getblazorbootstrap.com/blog/tags/blazormodalserviceweekly0.5https://getblazorbootstrap.com/blog/tags/blazornumberweekly0.5https://getblazorbootstrap.com/blog/tags/blazornumberinputweekly0.5https://getblazorbootstrap.com/blog/tags/blazoroffcanvasweekly0.5https://getblazorbootstrap.com/blog/tags/blazorprogressweekly0.5https://getblazorbootstrap.com/blog/tags/blazorsidebarweekly0.5https://getblazorbootstrap.com/blog/tags/blazorswitchweekly0.5https://getblazorbootstrap.com/blog/tags/blazortabsweekly0.5https://getblazorbootstrap.com/blog/tags/blazortimeweekly0.5https://getblazorbootstrap.com/blog/tags/blazortimeinputweekly0.5https://getblazorbootstrap.com/blog/tags/blazortimepickerweekly0.5https://getblazorbootstrap.com/blog/tags/blazortoastweekly0.5https://getblazorbootstrap.com/blog/tags/blazortoastsweekly0.5https://getblazorbootstrap.com/blog/tags/blazortooltipweekly0.5https://getblazorbootstrap.com/blog/tags/bootstrapweekly0.5https://getblazorbootstrap.com/blog/tags/bootstrap-5weekly0.5https://getblazorbootstrap.com/blog/tags/bootstrap-5/page/2weekly0.5https://getblazorbootstrap.com/blog/tags/bootstrap-5/page/3weekly0.5https://getblazorbootstrap.com/blog/tags/bootstrap/page/2weekly0.5https://getblazorbootstrap.com/blog/tags/bootstrap/page/3weekly0.5https://getblazorbootstrap.com/blog/tags/breadcrumbweekly0.5https://getblazorbootstrap.com/blog/tags/breadcrumbserviceweekly0.5https://getblazorbootstrap.com/blog/tags/buttonweekly0.5https://getblazorbootstrap.com/blog/tags/buttonsweekly0.5https://getblazorbootstrap.com/blog/tags/calloutweekly0.5https://getblazorbootstrap.com/blog/tags/chartweekly0.5https://getblazorbootstrap.com/blog/tags/collapseweekly0.5https://getblazorbootstrap.com/blog/tags/confirm-dialogweekly0.5https://getblazorbootstrap.com/blog/tags/confirmdialogweekly0.5https://getblazorbootstrap.com/blog/tags/confirmmodalweekly0.5https://getblazorbootstrap.com/blog/tags/currencyweekly0.5https://getblazorbootstrap.com/blog/tags/currencyinputweekly0.5https://getblazorbootstrap.com/blog/tags/dateweekly0.5https://getblazorbootstrap.com/blog/tags/dateinputweekly0.5https://getblazorbootstrap.com/blog/tags/datepickerweekly0.5https://getblazorbootstrap.com/blog/tags/dialogweekly0.5https://getblazorbootstrap.com/blog/tags/docsweekly0.5https://getblazorbootstrap.com/blog/tags/gridweekly0.5https://getblazorbootstrap.com/blog/tags/grid/page/2weekly0.5https://getblazorbootstrap.com/blog/tags/iconweekly0.5https://getblazorbootstrap.com/blog/tags/iconsweekly0.5https://getblazorbootstrap.com/blog/tags/inputweekly0.5https://getblazorbootstrap.com/blog/tags/input-numberweekly0.5https://getblazorbootstrap.com/blog/tags/layoutweekly0.5https://getblazorbootstrap.com/blog/tags/leftmenuweekly0.5https://getblazorbootstrap.com/blog/tags/modalweekly0.5https://getblazorbootstrap.com/blog/tags/modalserviceweekly0.5https://getblazorbootstrap.com/blog/tags/navigationweekly0.5https://getblazorbootstrap.com/blog/tags/numberinputweekly0.5https://getblazorbootstrap.com/blog/tags/offcanvasweekly0.5https://getblazorbootstrap.com/blog/tags/paginationweekly0.5https://getblazorbootstrap.com/blog/tags/placeholdersweekly0.5https://getblazorbootstrap.com/blog/tags/progressweekly0.5https://getblazorbootstrap.com/blog/tags/progress-barweekly0.5https://getblazorbootstrap.com/blog/tags/sidebarweekly0.5https://getblazorbootstrap.com/blog/tags/switchweekly0.5https://getblazorbootstrap.com/blog/tags/tabsweekly0.5https://getblazorbootstrap.com/blog/tags/timeinputweekly0.5https://getblazorbootstrap.com/blog/tags/timepickerweekly0.5https://getblazorbootstrap.com/blog/tags/toastweekly0.5https://getblazorbootstrap.com/blog/tags/toastsweekly0.5https://getblazorbootstrap.com/blog/tags/toastserviceweekly0.5https://getblazorbootstrap.com/blog/tags/tooltipweekly0.5https://getblazorbootstrap.com/blog/tags/v-0-0-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-0-2weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-0-3weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-0-4weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-1-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-1-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-2-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-2-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-2-2weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-2-3weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-2-4weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-2-5weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-2-6weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-3-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-4-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-4-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-4-2weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-5-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-5-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-6-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-0-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-0-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-1-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-10-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-10-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-10-2weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-2-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-3-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-3-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-4-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-4-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-4-2weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-4-3weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-4-4weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-4-5weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-5-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-6-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-7-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-7-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-7-2weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-7-3weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-8-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-8-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-8-2weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-8-3weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-9-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-9-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-9-2weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-9-3weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-9-4weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-9-5weekly0.5https://getblazorbootstrap.com/searchweekly0.5https://getblazorbootstrap.com/docs/components/accordionweekly0.5https://getblazorbootstrap.com/docs/components/alertsweekly0.5https://getblazorbootstrap.com/docs/components/badgeweekly0.5https://getblazorbootstrap.com/docs/components/breadcrumbweekly0.5https://getblazorbootstrap.com/docs/components/buttonsweekly0.5https://getblazorbootstrap.com/docs/components/calloutweekly0.5https://getblazorbootstrap.com/docs/components/cardweekly0.5https://getblazorbootstrap.com/docs/components/chartsweekly0.5https://getblazorbootstrap.com/docs/components/collapseweekly0.5https://getblazorbootstrap.com/docs/components/confirm-dialogweekly0.5https://getblazorbootstrap.com/docs/components/dropdownweekly0.5https://getblazorbootstrap.com/docs/components/gridweekly0.5https://getblazorbootstrap.com/docs/components/modalweekly0.5https://getblazorbootstrap.com/docs/components/offcanvasweekly0.5https://getblazorbootstrap.com/docs/components/paginationweekly0.5https://getblazorbootstrap.com/docs/components/placeholdersweekly0.5https://getblazorbootstrap.com/docs/components/preloadweekly0.5https://getblazorbootstrap.com/docs/components/progressweekly0.5https://getblazorbootstrap.com/docs/components/sidebarweekly0.5https://getblazorbootstrap.com/docs/components/tabsweekly0.5https://getblazorbootstrap.com/docs/components/toastsweekly0.5https://getblazorbootstrap.com/docs/components/tooltipsweekly0.5https://getblazorbootstrap.com/docs/content/iconsweekly0.5https://getblazorbootstrap.com/docs/data-visualization/bar-chartweekly0.5https://getblazorbootstrap.com/docs/data-visualization/doughnut-chartweekly0.5https://getblazorbootstrap.com/docs/data-visualization/line-chartweekly0.5https://getblazorbootstrap.com/docs/data-visualization/pie-chartweekly0.5https://getblazorbootstrap.com/docs/forms/autocompleteweekly0.5https://getblazorbootstrap.com/docs/forms/currency-inputweekly0.5https://getblazorbootstrap.com/docs/forms/date-inputweekly0.5https://getblazorbootstrap.com/docs/forms/number-inputweekly0.5https://getblazorbootstrap.com/docs/forms/switchweekly0.5https://getblazorbootstrap.com/docs/forms/time-inputweekly0.5https://getblazorbootstrap.com/docs/getting-started/blazor-serverweekly0.5https://getblazorbootstrap.com/docs/getting-started/blazor-webassemblyweekly0.5https://getblazorbootstrap.com/docs/getting-started/maui-blazorweekly0.5https://getblazorbootstrap.com/docs/layout/blazor-serverweekly0.5https://getblazorbootstrap.com/docs/layout/blazor-webassemblyweekly0.5https://getblazorbootstrap.com/docs/services/modalweekly0.5https://getblazorbootstrap.com/weekly0.5 \ No newline at end of file +https://getblazorbootstrap.com/blogweekly0.5https://getblazorbootstrap.com/blog/2021/11/23/blazorbootstrap-0.0.1weekly0.5https://getblazorbootstrap.com/blog/2021/11/27/blazorbootstrap-0.0.2weekly0.5https://getblazorbootstrap.com/blog/2021/12/08/blazorbootstrap-0.0.3weekly0.5https://getblazorbootstrap.com/blog/2021/12/12/blazorbootstrap-0.0.4weekly0.5https://getblazorbootstrap.com/blog/2021/12/20/blazorbootstrap-0.1.0weekly0.5https://getblazorbootstrap.com/blog/2021/12/21/blazorbootstrap-0.1.1weekly0.5https://getblazorbootstrap.com/blog/2022/01/15/blazorbootstrap-0.2.0weekly0.5https://getblazorbootstrap.com/blog/2022/02/27/blazorbootstrap-0.2.1weekly0.5https://getblazorbootstrap.com/blog/2022/03/15/blazorbootstrap-0.2.2weekly0.5https://getblazorbootstrap.com/blog/2022/04/30/blazorbootstrap-0.2.3weekly0.5https://getblazorbootstrap.com/blog/2022/06/19/blazorbootstrap-0.2.4weekly0.5https://getblazorbootstrap.com/blog/2022/07/28/blazorbootstrap-0.2.5weekly0.5https://getblazorbootstrap.com/blog/2022/08/13/blazorbootstrap-0.2.6weekly0.5https://getblazorbootstrap.com/blog/2022/08/31/blazorbootstrap-0.3.0weekly0.5https://getblazorbootstrap.com/blog/2022/09/04/blazorbootstrap-0.4.0weekly0.5https://getblazorbootstrap.com/blog/2022/09/12/blazorbootstrap-0.4.1weekly0.5https://getblazorbootstrap.com/blog/2022/09/17/blazorbootstrap-0.4.2weekly0.5https://getblazorbootstrap.com/blog/2022/10/16/blazorbootstrap-0.5.0weekly0.5https://getblazorbootstrap.com/blog/2022/10/22/blazorbootstrap-0.5.1weekly0.5https://getblazorbootstrap.com/blog/2022/10/30/blazorbootstrap-0.6.0weekly0.5https://getblazorbootstrap.com/blog/2022/11/18/blazorbootstrap-1.0.0weekly0.5https://getblazorbootstrap.com/blog/2022/11/22/blazorbootstrap-1.0.1weekly0.5https://getblazorbootstrap.com/blog/2022/11/28/blazorbootstrap-1.1.0weekly0.5https://getblazorbootstrap.com/blog/2022/12/12/blazorbootstrap-1.2.0weekly0.5https://getblazorbootstrap.com/blog/2022/12/15/blazorbootstrap-1.3.0weekly0.5https://getblazorbootstrap.com/blog/2022/12/18/blazorbootstrap-1.3.1weekly0.5https://getblazorbootstrap.com/blog/2023/01/15/blazorbootstrap-1.4.0weekly0.5https://getblazorbootstrap.com/blog/2023/01/23/blazorbootstrap-1.4.1weekly0.5https://getblazorbootstrap.com/blog/2023/01/30/blazorbootstrap-1.4.2weekly0.5https://getblazorbootstrap.com/blog/2023/02/07/blazorbootstrap-1.4.3weekly0.5https://getblazorbootstrap.com/blog/2023/02/10/blazorbootstrap-1.4.4weekly0.5https://getblazorbootstrap.com/blog/2023/02/23/blazorbootstrap-1.4.5weekly0.5https://getblazorbootstrap.com/blog/2023/03/05/blazorbootstrap-1.5.0weekly0.5https://getblazorbootstrap.com/blog/2023/03/12/blazorbootstrap-1.6.0weekly0.5https://getblazorbootstrap.com/blog/2023/04/10/blazorbootstrap-1.7.0weekly0.5https://getblazorbootstrap.com/blog/2023/04/19/blazorbootstrap-1.7.1weekly0.5https://getblazorbootstrap.com/blog/2023/04/24/blazorbootstrap-1.7.2weekly0.5https://getblazorbootstrap.com/blog/2023/04/29/blazorbootstrap-1.7.3weekly0.5https://getblazorbootstrap.com/blog/2023/05/28/blazorbootstrap-1.8.0weekly0.5https://getblazorbootstrap.com/blog/2023/05/31/blazorbootstrap-1.8.1weekly0.5https://getblazorbootstrap.com/blog/2023/06/11/blazorbootstrap-1.8.2weekly0.5https://getblazorbootstrap.com/blog/2023/06/16/blazorbootstrap-1.8.3weekly0.5https://getblazorbootstrap.com/blog/2023/06/30/blazorbootstrap-1.9.0weekly0.5https://getblazorbootstrap.com/blog/2023/06/31/blazorbootstrap-1.9.1weekly0.5https://getblazorbootstrap.com/blog/2023/07/01/blazorbootstrap-1.9.2weekly0.5https://getblazorbootstrap.com/blog/2023/07/04/blazorbootstrap-1.9.3weekly0.5https://getblazorbootstrap.com/blog/2023/07/05/blazorbootstrap-1.9.4weekly0.5https://getblazorbootstrap.com/blog/2023/07/16/blazorbootstrap-1.9.5weekly0.5https://getblazorbootstrap.com/blog/2023/08/13/blazorbootstrap-1.10.0weekly0.5https://getblazorbootstrap.com/blog/2023/08/29/blazorbootstrap-1.10.1weekly0.5https://getblazorbootstrap.com/blog/2023/09/15/blazorbootstrap-1.10.2weekly0.5https://getblazorbootstrap.com/blog/archiveweekly0.5https://getblazorbootstrap.com/blog/page/2weekly0.5https://getblazorbootstrap.com/blog/page/3weekly0.5https://getblazorbootstrap.com/blog/page/4weekly0.5https://getblazorbootstrap.com/blog/page/5weekly0.5https://getblazorbootstrap.com/blog/page/6weekly0.5https://getblazorbootstrap.com/blog/tagsweekly0.5https://getblazorbootstrap.com/blog/tags/accordionweekly0.5https://getblazorbootstrap.com/blog/tags/alertweekly0.5https://getblazorbootstrap.com/blog/tags/autocompleteweekly0.5https://getblazorbootstrap.com/blog/tags/badgeweekly0.5https://getblazorbootstrap.com/blog/tags/blazorweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-autocompleteweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-bar-chartweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-bootstrapweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-chartsweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-confirm-dialogweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-currency-inputweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-dialogweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-doughnut-chartweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-gridweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-grid-filteringweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-grid-pagingweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-grid-sortingweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-inputweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-input-numberweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-line-chartweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-numberweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-number-inputweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-offcanvasweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-pie-chartweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-preloadweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-progressweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-progress-barweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-sidemodalweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-spinnerweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-starter-templatesweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-tabsweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-templatesweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-toastweekly0.5https://getblazorbootstrap.com/blog/tags/blazor-toastsweekly0.5https://getblazorbootstrap.com/blog/tags/blazor/page/2weekly0.5https://getblazorbootstrap.com/blog/tags/blazor/page/3weekly0.5https://getblazorbootstrap.com/blog/tags/blazor/page/4weekly0.5https://getblazorbootstrap.com/blog/tags/blazoraccordionweekly0.5https://getblazorbootstrap.com/blog/tags/blazorautocompleteweekly0.5https://getblazorbootstrap.com/blog/tags/blazorbadgeweekly0.5https://getblazorbootstrap.com/blog/tags/blazorbootstrapweekly0.5https://getblazorbootstrap.com/blog/tags/blazorbootstrap-starter-templatesweekly0.5https://getblazorbootstrap.com/blog/tags/blazorbootstrap/page/2weekly0.5https://getblazorbootstrap.com/blog/tags/blazorbootstrap/page/3weekly0.5https://getblazorbootstrap.com/blog/tags/blazorbootstrap/page/4weekly0.5https://getblazorbootstrap.com/blog/tags/blazorbootstrap/page/5weekly0.5https://getblazorbootstrap.com/blog/tags/blazorbootstrap/page/6weekly0.5https://getblazorbootstrap.com/blog/tags/blazorbreadcrumbweekly0.5https://getblazorbootstrap.com/blog/tags/blazorbuttonweekly0.5https://getblazorbootstrap.com/blog/tags/blazorbuttonsweekly0.5https://getblazorbootstrap.com/blog/tags/blazorchartweekly0.5https://getblazorbootstrap.com/blog/tags/blazorcollapseweekly0.5https://getblazorbootstrap.com/blog/tags/blazorconfirmdialogweekly0.5https://getblazorbootstrap.com/blog/tags/blazorconfirmmodalweekly0.5https://getblazorbootstrap.com/blog/tags/blazorcurrencyinputweekly0.5https://getblazorbootstrap.com/blog/tags/blazordateweekly0.5https://getblazorbootstrap.com/blog/tags/blazordateinputweekly0.5https://getblazorbootstrap.com/blog/tags/blazordatepickerweekly0.5https://getblazorbootstrap.com/blog/tags/blazordialogweekly0.5https://getblazorbootstrap.com/blog/tags/blazorgridweekly0.5https://getblazorbootstrap.com/blog/tags/blazorgrid/page/2weekly0.5https://getblazorbootstrap.com/blog/tags/blazoriconweekly0.5https://getblazorbootstrap.com/blog/tags/blazormodalweekly0.5https://getblazorbootstrap.com/blog/tags/blazormodalserviceweekly0.5https://getblazorbootstrap.com/blog/tags/blazornumberweekly0.5https://getblazorbootstrap.com/blog/tags/blazornumberinputweekly0.5https://getblazorbootstrap.com/blog/tags/blazoroffcanvasweekly0.5https://getblazorbootstrap.com/blog/tags/blazorprogressweekly0.5https://getblazorbootstrap.com/blog/tags/blazorsidebarweekly0.5https://getblazorbootstrap.com/blog/tags/blazorswitchweekly0.5https://getblazorbootstrap.com/blog/tags/blazortabsweekly0.5https://getblazorbootstrap.com/blog/tags/blazortimeweekly0.5https://getblazorbootstrap.com/blog/tags/blazortimeinputweekly0.5https://getblazorbootstrap.com/blog/tags/blazortimepickerweekly0.5https://getblazorbootstrap.com/blog/tags/blazortoastweekly0.5https://getblazorbootstrap.com/blog/tags/blazortoastsweekly0.5https://getblazorbootstrap.com/blog/tags/blazortooltipweekly0.5https://getblazorbootstrap.com/blog/tags/bootstrapweekly0.5https://getblazorbootstrap.com/blog/tags/bootstrap-5weekly0.5https://getblazorbootstrap.com/blog/tags/bootstrap-5/page/2weekly0.5https://getblazorbootstrap.com/blog/tags/bootstrap-5/page/3weekly0.5https://getblazorbootstrap.com/blog/tags/bootstrap/page/2weekly0.5https://getblazorbootstrap.com/blog/tags/bootstrap/page/3weekly0.5https://getblazorbootstrap.com/blog/tags/breadcrumbweekly0.5https://getblazorbootstrap.com/blog/tags/breadcrumbserviceweekly0.5https://getblazorbootstrap.com/blog/tags/buttonweekly0.5https://getblazorbootstrap.com/blog/tags/buttonsweekly0.5https://getblazorbootstrap.com/blog/tags/calloutweekly0.5https://getblazorbootstrap.com/blog/tags/chartweekly0.5https://getblazorbootstrap.com/blog/tags/collapseweekly0.5https://getblazorbootstrap.com/blog/tags/confirm-dialogweekly0.5https://getblazorbootstrap.com/blog/tags/confirmdialogweekly0.5https://getblazorbootstrap.com/blog/tags/confirmmodalweekly0.5https://getblazorbootstrap.com/blog/tags/currencyweekly0.5https://getblazorbootstrap.com/blog/tags/currencyinputweekly0.5https://getblazorbootstrap.com/blog/tags/dateweekly0.5https://getblazorbootstrap.com/blog/tags/dateinputweekly0.5https://getblazorbootstrap.com/blog/tags/datepickerweekly0.5https://getblazorbootstrap.com/blog/tags/dialogweekly0.5https://getblazorbootstrap.com/blog/tags/docsweekly0.5https://getblazorbootstrap.com/blog/tags/gridweekly0.5https://getblazorbootstrap.com/blog/tags/grid/page/2weekly0.5https://getblazorbootstrap.com/blog/tags/iconweekly0.5https://getblazorbootstrap.com/blog/tags/iconsweekly0.5https://getblazorbootstrap.com/blog/tags/inputweekly0.5https://getblazorbootstrap.com/blog/tags/input-numberweekly0.5https://getblazorbootstrap.com/blog/tags/layoutweekly0.5https://getblazorbootstrap.com/blog/tags/leftmenuweekly0.5https://getblazorbootstrap.com/blog/tags/modalweekly0.5https://getblazorbootstrap.com/blog/tags/modalserviceweekly0.5https://getblazorbootstrap.com/blog/tags/navigationweekly0.5https://getblazorbootstrap.com/blog/tags/numberinputweekly0.5https://getblazorbootstrap.com/blog/tags/offcanvasweekly0.5https://getblazorbootstrap.com/blog/tags/paginationweekly0.5https://getblazorbootstrap.com/blog/tags/placeholdersweekly0.5https://getblazorbootstrap.com/blog/tags/progressweekly0.5https://getblazorbootstrap.com/blog/tags/progress-barweekly0.5https://getblazorbootstrap.com/blog/tags/sidebarweekly0.5https://getblazorbootstrap.com/blog/tags/switchweekly0.5https://getblazorbootstrap.com/blog/tags/tabsweekly0.5https://getblazorbootstrap.com/blog/tags/timeinputweekly0.5https://getblazorbootstrap.com/blog/tags/timepickerweekly0.5https://getblazorbootstrap.com/blog/tags/toastweekly0.5https://getblazorbootstrap.com/blog/tags/toastsweekly0.5https://getblazorbootstrap.com/blog/tags/toastserviceweekly0.5https://getblazorbootstrap.com/blog/tags/tooltipweekly0.5https://getblazorbootstrap.com/blog/tags/v-0-0-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-0-2weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-0-3weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-0-4weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-1-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-1-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-2-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-2-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-2-2weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-2-3weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-2-4weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-2-5weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-2-6weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-3-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-4-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-4-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-4-2weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-5-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-5-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-0-6-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-0-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-0-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-1-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-10-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-10-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-10-2weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-2-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-3-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-3-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-4-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-4-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-4-2weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-4-3weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-4-4weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-4-5weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-5-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-6-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-7-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-7-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-7-2weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-7-3weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-8-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-8-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-8-2weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-8-3weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-9-0weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-9-1weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-9-2weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-9-3weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-9-4weekly0.5https://getblazorbootstrap.com/blog/tags/v-1-9-5weekly0.5https://getblazorbootstrap.com/searchweekly0.5https://getblazorbootstrap.com/weekly0.5https://getblazorbootstrap.com/components/accordionweekly0.5https://getblazorbootstrap.com/components/alertsweekly0.5https://getblazorbootstrap.com/components/badgeweekly0.5https://getblazorbootstrap.com/components/breadcrumbweekly0.5https://getblazorbootstrap.com/components/buttonsweekly0.5https://getblazorbootstrap.com/components/calloutweekly0.5https://getblazorbootstrap.com/components/cardweekly0.5https://getblazorbootstrap.com/components/chartsweekly0.5https://getblazorbootstrap.com/components/collapseweekly0.5https://getblazorbootstrap.com/components/confirm-dialogweekly0.5https://getblazorbootstrap.com/components/dropdownweekly0.5https://getblazorbootstrap.com/components/gridweekly0.5https://getblazorbootstrap.com/components/modalweekly0.5https://getblazorbootstrap.com/components/offcanvasweekly0.5https://getblazorbootstrap.com/components/paginationweekly0.5https://getblazorbootstrap.com/components/placeholdersweekly0.5https://getblazorbootstrap.com/components/preloadweekly0.5https://getblazorbootstrap.com/components/progressweekly0.5https://getblazorbootstrap.com/components/sidebarweekly0.5https://getblazorbootstrap.com/components/tabsweekly0.5https://getblazorbootstrap.com/components/toastsweekly0.5https://getblazorbootstrap.com/components/tooltipsweekly0.5https://getblazorbootstrap.com/content/iconsweekly0.5https://getblazorbootstrap.com/data-visualization/bar-chartweekly0.5https://getblazorbootstrap.com/data-visualization/doughnut-chartweekly0.5https://getblazorbootstrap.com/data-visualization/line-chartweekly0.5https://getblazorbootstrap.com/data-visualization/pie-chartweekly0.5https://getblazorbootstrap.com/forms/autocompleteweekly0.5https://getblazorbootstrap.com/forms/currency-inputweekly0.5https://getblazorbootstrap.com/forms/date-inputweekly0.5https://getblazorbootstrap.com/forms/number-inputweekly0.5https://getblazorbootstrap.com/forms/switchweekly0.5https://getblazorbootstrap.com/forms/time-inputweekly0.5https://getblazorbootstrap.com/getting-started/blazor-serverweekly0.5https://getblazorbootstrap.com/getting-started/blazor-webassemblyweekly0.5https://getblazorbootstrap.com/getting-started/maui-blazorweekly0.5https://getblazorbootstrap.com/layout/blazor-serverweekly0.5https://getblazorbootstrap.com/layout/blazor-webassemblyweekly0.5https://getblazorbootstrap.com/services/modalweekly0.5 \ No newline at end of file