diff --git a/404.html b/404.html index f2dc41bd2..4d9bf91b6 100644 --- a/404.html +++ b/404.html @@ -10,13 +10,13 @@ - - + +
Skip to main content

Page Not Found

We could not find what you were looking for.

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

- - + + \ No newline at end of file diff --git a/assets/js/865c0ce4.e13de359.js b/assets/js/865c0ce4.654b18eb.js similarity index 99% rename from assets/js/865c0ce4.e13de359.js rename to assets/js/865c0ce4.654b18eb.js index 826193b8a..e676c3c37 100644 --- a/assets/js/865c0ce4.e13de359.js +++ b/assets/js/865c0ce4.654b18eb.js @@ -1 +1 @@ -"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[82096],{3905:(t,e,a)=>{a.d(e,{Zo:()=>m,kt:()=>d});var o=a(67294);function n(t,e,a){return e in t?Object.defineProperty(t,e,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[e]=a,t}function s(t,e){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.push.apply(a,o)}return a}function r(t){for(var e=1;e=0||(n[a]=t[a]);return n}(t,e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(t,a)&&(n[a]=t[a])}return n}var i=o.createContext({}),p=function(t){var e=o.useContext(i),a=e;return t&&(a="function"==typeof t?t(e):r(r({},e),t)),a},m=function(t){var e=p(t.components);return o.createElement(i.Provider,{value:e},t.children)},c="mdxType",g={inlineCode:"code",wrapper:function(t){var e=t.children;return o.createElement(o.Fragment,{},e)}},u=o.forwardRef((function(t,e){var a=t.components,n=t.mdxType,s=t.originalType,i=t.parentName,m=l(t,["components","mdxType","originalType","parentName"]),c=p(a),u=n,d=c["".concat(i,".").concat(u)]||c[u]||g[u]||s;return a?o.createElement(d,r(r({ref:e},m),{},{components:a})):o.createElement(d,r({ref:e},m))}));function d(t,e){var a=arguments,n=e&&e.mdxType;if("string"==typeof t||n){var s=a.length,r=new Array(s);r[0]=u;var l={};for(var i in e)hasOwnProperty.call(e,i)&&(l[i]=e[i]);l.originalType=t,l[c]="string"==typeof t?t:n,r[1]=l;for(var p=2;p{a.d(e,{ZP:()=>m});var o=a(87462),n=a(67294),s=a(3905);class r extends n.Component{constructor(t){super(t),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let t=document.createElement("script");t.defer=!!this.script,t.async=!0,t.id=this.script?"":"_carbonads_js",t.type="text/javascript",t.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,t.onerror=()=>{this.showFallback=!0,this.forceUpdate()},t.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(t)};render(){return this.showFallback&&this.fallback?this.fallback:n.createElement("div",{id:this.name})}}const l=r,i={toc:[]},p="wrapper";function m(t){let{components:e,...a}=t;return(0,s.kt)(p,(0,o.Z)({},i,a,{components:e,mdxType:"MDXLayout"}),(0,s.kt)(l,{mdxType:"CarbonAd"}))}m.isMDXComponent=!0},60439:(t,e,a)=>{a.r(e),a.d(e,{assets:()=>p,contentTitle:()=>l,default:()=>u,frontMatter:()=>r,metadata:()=>i,toc:()=>m});var o=a(87462),n=(a(67294),a(3905)),s=a(74404);const r={title:"Blazor Toasts Component",description:"Push notifications to your visitors with a toast, a lightweight and easily customizable Blazor Bootstrap toast message.",image:"https://i.imgur.com/W1YkmJH.png",sidebar_label:"Toasts",sidebar_position:23},l="Blazor Toasts",i={unversionedId:"components/toasts",id:"components/toasts",title:"Blazor Toasts Component",description:"Push notifications to your visitors with a toast, a lightweight and easily customizable Blazor Bootstrap toast message.",source:"@site/docs/05-components/toasts.mdx",sourceDirName:"05-components",slug:"/components/toasts",permalink:"/components/toasts",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/toasts.mdx",tags:[],version:"current",sidebarPosition:23,frontMatter:{title:"Blazor Toasts Component",description:"Push notifications to your visitors with a toast, a lightweight and easily customizable Blazor Bootstrap toast message.",image:"https://i.imgur.com/W1YkmJH.png",sidebar_label:"Toasts",sidebar_position:23},sidebar:"tutorialSidebar",previous:{title:"Tabs",permalink:"/components/tabs"},next:{title:"Tooltips",permalink:"/components/tooltips"}},p={},m=[{value:"Toasts Parameters",id:"toasts-parameters",level:2},{value:"ToastMessage Properties",id:"toastmessage-properties",level:2},{value:"Examples:",id:"examples",level:2},{value:"Toast",id:"toast",level:3},{value:"Toast without title",id:"toast-without-title",level:3},{value:"Auto hide",id:"auto-hide",level:3},{value:"Auto hide individual messages",id:"auto-hide-individual-messages",level:3},{value:"Placement",id:"placement",level:3},{value:"Stack Length",id:"stack-length",level:3},{value:"Global toasts service for the application",id:"global-toasts-service-for-the-application",level:3}],c={toc:m},g="wrapper";function u(t){let{components:e,...a}=t;return(0,n.kt)(g,(0,o.Z)({},c,a,{components:e,mdxType:"MDXLayout"}),(0,n.kt)("h1",{id:"blazor-toasts"},"Blazor Toasts"),(0,n.kt)("p",null,"Push notifications to your visitors with a toast, a lightweight and easily customizable Blazor Bootstrap toast message."),(0,n.kt)("p",null,"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."),(0,n.kt)(s.ZP,{mdxType:"CarbonAd"}),(0,n.kt)("img",{src:"https://i.imgur.com/W1YkmJH.png",alt:"Blazor Bootstrap: Blazor Toasts Component - Example 1"}),(0,n.kt)("img",{src:"https://i.imgur.com/OCQUchu.png",alt:"Blazor Bootstrap: Blazor Toasts Component - Example 2"}),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"Things to know when using the blazor toasts component:")),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Toasts will not hide automatically if you do not specify ",(0,n.kt)("inlineCode",{parentName:"li"},'AutoHide="true"'),"."),(0,n.kt)("li",{parentName:"ul"},"Use ",(0,n.kt)("a",{parentName:"li",href:"/components/toasts#global-toasts-service-for-the-application"},"global toasts service")," for the application instead of page level toasts.")),(0,n.kt)("h2",{id:"toasts-parameters"},"Toasts Parameters"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"AutoHide"),(0,n.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Auto hide the toast."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"false")),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"Delay"),(0,n.kt)("td",{parentName:"tr",align:"left"},"int"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Delay hiding the toast (milli seconds)."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"5000"),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"Messages"),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"List")),(0,n.kt)("td",{parentName:"tr",align:"left"},"List of all the toasts."),(0,n.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"Placement"),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"ToastsPlacement")),(0,n.kt)("td",{parentName:"tr",align:"left"},"Specifies the toasts placement."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"ToastsPlacement.TopRight")),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"ShowCloseButton"),(0,n.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Show close button."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"true")),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"StackLength"),(0,n.kt)("td",{parentName:"tr",align:"left"},"int"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Specifies the toast container maximum capacity."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"5"),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")))),(0,n.kt)("h2",{id:"toastmessage-properties"},"ToastMessage Properties"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"AutoHide"),(0,n.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the auto hide behavior to a message."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"false"),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.9.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"CustomIconName"),(0,n.kt)("td",{parentName:"tr",align:"left"},"string"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the custom icon name."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"HelpText"),(0,n.kt)("td",{parentName:"tr",align:"left"},"string"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the help text."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"IconName"),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"IconName")),(0,n.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the bootstarp icon name."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"Id"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Guid"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Gets the toast id."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"Message"),(0,n.kt)("td",{parentName:"tr",align:"left"},"string"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the toast message."),(0,n.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"Title"),(0,n.kt)("td",{parentName:"tr",align:"left"},"string"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the toast''s message title."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"Type"),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"ToastType")),(0,n.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the type of the toast."),(0,n.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")))),(0,n.kt)("h2",{id:"examples"},"Examples:"),(0,n.kt)("h3",{id:"toast"},"Toast"),(0,n.kt)("p",null,"To encourage extensible and predictable toasts, we recommend a header and body."),(0,n.kt)("p",null,'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.'),(0,n.kt)("img",{src:"https://i.imgur.com/OCQUchu.png",alt:"Blazor Bootstrap: Blazor Toasts Component - Example"}),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n\n\n\n\n\n\n\n\n')),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{7-13} showLineNumbers","{7-13}":!0,showLineNumbers:!0},'@code {\n List messages = new List();\n\n private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType));\n\n private ToastMessage CreateToastMessage(ToastType toastType)\n => new ToastMessage\n {\n Type = toastType,\n Title = "Blazor Bootstrap",\n HelpText = $"{DateTime.Now}",\n Message = $"Hello, world! This is a toast message. DateTime: {DateTime.Now}",\n };\n}\n')),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/toasts#examples"},"See toasts demo here.")),(0,n.kt)("h3",{id:"toast-without-title"},"Toast without title"),(0,n.kt)("p",null,"Customize your toasts by removing sub-components, tweaking them with utilities."),(0,n.kt)("p",null,"Here we've created a simple toast. You can create different toast color schemes with the ",(0,n.kt)("inlineCode",{parentName:"p"},"Color")," parameter."),(0,n.kt)("div",null,(0,n.kt)("img",{src:"https://i.imgur.com/VRglJqU.jpg",alt:"Blazor Bootstrap: Toasts Component - Example"})),(0,n.kt)("div",null,(0,n.kt)("img",{src:"https://i.imgur.com/SUB90wN.jpg",alt:"Blazor Bootstrap: Toasts Component - Example"})),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n\n\n\n\n\n\n\n\n\n')),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{7-11} showLineNumbers","{7-11}":!0,showLineNumbers:!0},'@code {\n List messages = new List();\n\n private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType));\n\n private ToastMessage CreateToastMessage(ToastType toastType)\n => new ToastMessage\n {\n Type = toastType,\n Message = $"Hello, world! This is a simple toast message. DateTime: {DateTime.Now}",\n };\n}\n')),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/toasts#toast-without-title"},"See toasts without title demo here.")),(0,n.kt)("h3",{id:"auto-hide"},"Auto hide"),(0,n.kt)("p",null,"Add ",(0,n.kt)("inlineCode",{parentName:"p"},'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."),(0,n.kt)("img",{src:"https://i.imgur.com/W1YkmJH.png",alt:"Blazor Bootstrap: Blazor Toasts Component - Auto hide"}),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n\n\n\n\n\n\n\n\n')),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n List messages = new List();\n\n private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType));\n\n private ToastMessage CreateToastMessage(ToastType toastType)\n => new ToastMessage\n {\n Type = toastType,\n Title = "Blazor Bootstrap",\n HelpText = $"{DateTime.Now}",\n Message = $"Hello, world! This is a toast message. DateTime: {DateTime.Now}",\n };\n}\n')),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/toasts#auto-hide"},"See auto hide toasts demo here.")),(0,n.kt)("h3",{id:"auto-hide-individual-messages"},"Auto hide individual messages"),(0,n.kt)("p",null,"Set ",(0,n.kt)("inlineCode",{parentName:"p"},'AutoHide="true"')," property on ",(0,n.kt)("strong",{parentName:"p"},"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."),(0,n.kt)("p",null,"In the below example, ",(0,n.kt)("inlineCode",{parentName:"p"},'AutoHide="false"')," for ",(0,n.kt)("strong",{parentName:"p"},"Danger")," and ",(0,n.kt)("strong",{parentName:"p"},"Warning")," messages."),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n\n\n\n\n\n\n\n\n')),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{15} showLineNumbers","{15}":!0,showLineNumbers:!0},'@code {\n List messages = new List();\n\n private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType));\n\n private ToastMessage CreateToastMessage(ToastType toastType)\n {\n var toastMessage = new ToastMessage();\n\n toastMessage.Type = toastType;\n toastMessage.Title = "Blazor Bootstrap";\n toastMessage.HelpText = $"{DateTime.Now}";\n toastMessage.Message = $"Hello, world! This is a toast message. DateTime: {DateTime.Now}";\n // disable auto hide for `danger` and `warning` messages.\n toastMessage.AutoHide = !(toastType == ToastType.Danger || toastType == ToastType.Warning);\n\n return toastMessage;\n }\n}\n')),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/toasts#auto-hide-individual-messages"},"See auto hide individual toasts demo here.")),(0,n.kt)("h3",{id:"placement"},"Placement"),(0,n.kt)("p",null,"Change the Blazor Toasts placement according to your need. The default placement will be top right corner. Use the ",(0,n.kt)("inlineCode",{parentName:"p"},"ToastsPlacement")," parameter to update the Blazor Toasts placement."),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n\n\n\n\n\n\n\n\n\n\n')),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n ToastsPlacement toastsPlacement = ToastsPlacement.TopRight;\n List messages = new();\n\n private void ChangePlacement(ToastsPlacement placement)\n {\n if (!messages.Any())\n {\n messages.Add(\n new ToastMessage()\n {\n Type = ToastType.Success,\n Title = "Blazor Bootstrap",\n HelpText = $"{DateTime.Now}",\n Message = $"Hello, world! This is a toast message. DateTime: {DateTime.Now}",\n });\n }\n toastsPlacement = placement;\n }\n}\n')),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/toasts#placement"},"See demo here.")),(0,n.kt)("h3",{id:"stack-length"},"Stack Length"),(0,n.kt)("p",null,"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 ",(0,n.kt)("strong",{parentName:"p"},"StackLength")," parameter."),(0,n.kt)("p",null,"In the below example, StackLength is set to 3. It shows a maximum of 3 toast messages at any time."),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n\n\n\n\n\n\n\n\n')),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n List messages = new List();\n\n private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType));\n\n private ToastMessage CreateToastMessage(ToastType toastType)\n => new ToastMessage\n {\n Type = toastType,\n Title = "Blazor Bootstrap",\n HelpText = $"{DateTime.Now}",\n Message = $"Hello, world! This is a toast message. DateTime: {DateTime.Now}",\n };\n}\n')),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/toasts#stack-length"},"See demo here.")),(0,n.kt)("h3",{id:"global-toasts-service-for-the-application"},"Global toasts service for the application"),(0,n.kt)("ol",null,(0,n.kt)("li",{parentName:"ol"},"Add the ",(0,n.kt)("inlineCode",{parentName:"li"},"Toasts")," component in MainLayout.razor page as shown below.")),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{9} showLineNumbers","{9}":!0,showLineNumbers:!0},'@inherits LayoutComponentBase\n\n...\n\n... MainLayour.razor code goes here ...\n\n...\n\n\n')),(0,n.kt)("admonition",{type:"tip"},(0,n.kt)("p",{parentName:"admonition"},"Set the ",(0,n.kt)("inlineCode",{parentName:"p"},"Toasts")," component parameters as per your requirement.")),(0,n.kt)("ol",{start:2},(0,n.kt)("li",{parentName:"ol"},"Inject ",(0,n.kt)("inlineCode",{parentName:"li"},"ToastService"),", then call the ",(0,n.kt)("inlineCode",{parentName:"li"},"Notify(...)")," method as shown below.")),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n\n [Inject] protected ToastService ToastService { get; set; }\n\n private void SaveEmployee()\n {\n try\n {\n // TODO: call the service/api to save the employee details\n\n ToastService.Notify(new(ToastType.Success, $"Employee details saved successfully."));\n }\n catch(Exception ex)\n {\n // handle exception\n\n ToastService.Notify(new(ToastType.Danger, $"Error: {ex.Message}."));\n }\n }\n}\n')))}u.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[82096],{3905:(t,e,a)=>{a.d(e,{Zo:()=>m,kt:()=>d});var o=a(67294);function n(t,e,a){return e in t?Object.defineProperty(t,e,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[e]=a,t}function s(t,e){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.push.apply(a,o)}return a}function r(t){for(var e=1;e=0||(n[a]=t[a]);return n}(t,e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(t,a)&&(n[a]=t[a])}return n}var i=o.createContext({}),p=function(t){var e=o.useContext(i),a=e;return t&&(a="function"==typeof t?t(e):r(r({},e),t)),a},m=function(t){var e=p(t.components);return o.createElement(i.Provider,{value:e},t.children)},c="mdxType",g={inlineCode:"code",wrapper:function(t){var e=t.children;return o.createElement(o.Fragment,{},e)}},u=o.forwardRef((function(t,e){var a=t.components,n=t.mdxType,s=t.originalType,i=t.parentName,m=l(t,["components","mdxType","originalType","parentName"]),c=p(a),u=n,d=c["".concat(i,".").concat(u)]||c[u]||g[u]||s;return a?o.createElement(d,r(r({ref:e},m),{},{components:a})):o.createElement(d,r({ref:e},m))}));function d(t,e){var a=arguments,n=e&&e.mdxType;if("string"==typeof t||n){var s=a.length,r=new Array(s);r[0]=u;var l={};for(var i in e)hasOwnProperty.call(e,i)&&(l[i]=e[i]);l.originalType=t,l[c]="string"==typeof t?t:n,r[1]=l;for(var p=2;p{a.d(e,{ZP:()=>m});var o=a(87462),n=a(67294),s=a(3905);class r extends n.Component{constructor(t){super(t),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let t=document.createElement("script");t.defer=!!this.script,t.async=!0,t.id=this.script?"":"_carbonads_js",t.type="text/javascript",t.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,t.onerror=()=>{this.showFallback=!0,this.forceUpdate()},t.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(t)};render(){return this.showFallback&&this.fallback?this.fallback:n.createElement("div",{id:this.name})}}const l=r,i={toc:[]},p="wrapper";function m(t){let{components:e,...a}=t;return(0,s.kt)(p,(0,o.Z)({},i,a,{components:e,mdxType:"MDXLayout"}),(0,s.kt)(l,{mdxType:"CarbonAd"}))}m.isMDXComponent=!0},60439:(t,e,a)=>{a.r(e),a.d(e,{assets:()=>p,contentTitle:()=>l,default:()=>u,frontMatter:()=>r,metadata:()=>i,toc:()=>m});var o=a(87462),n=(a(67294),a(3905)),s=a(74404);const r={title:"Blazor Toasts Component",description:"Push notifications to your visitors with a toast, a lightweight and easily customizable Blazor Bootstrap toast message.",image:"https://i.imgur.com/W1YkmJH.png",sidebar_label:"Toasts",sidebar_position:24},l="Blazor Toasts",i={unversionedId:"components/toasts",id:"components/toasts",title:"Blazor Toasts Component",description:"Push notifications to your visitors with a toast, a lightweight and easily customizable Blazor Bootstrap toast message.",source:"@site/docs/05-components/toasts.mdx",sourceDirName:"05-components",slug:"/components/toasts",permalink:"/components/toasts",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/toasts.mdx",tags:[],version:"current",sidebarPosition:24,frontMatter:{title:"Blazor Toasts Component",description:"Push notifications to your visitors with a toast, a lightweight and easily customizable Blazor Bootstrap toast message.",image:"https://i.imgur.com/W1YkmJH.png",sidebar_label:"Toasts",sidebar_position:24},sidebar:"tutorialSidebar",previous:{title:"Tabs",permalink:"/components/tabs"},next:{title:"Tooltips",permalink:"/components/tooltips"}},p={},m=[{value:"Toasts Parameters",id:"toasts-parameters",level:2},{value:"ToastMessage Properties",id:"toastmessage-properties",level:2},{value:"Examples:",id:"examples",level:2},{value:"Toast",id:"toast",level:3},{value:"Toast without title",id:"toast-without-title",level:3},{value:"Auto hide",id:"auto-hide",level:3},{value:"Auto hide individual messages",id:"auto-hide-individual-messages",level:3},{value:"Placement",id:"placement",level:3},{value:"Stack Length",id:"stack-length",level:3},{value:"Global toasts service for the application",id:"global-toasts-service-for-the-application",level:3}],c={toc:m},g="wrapper";function u(t){let{components:e,...a}=t;return(0,n.kt)(g,(0,o.Z)({},c,a,{components:e,mdxType:"MDXLayout"}),(0,n.kt)("h1",{id:"blazor-toasts"},"Blazor Toasts"),(0,n.kt)("p",null,"Push notifications to your visitors with a toast, a lightweight and easily customizable Blazor Bootstrap toast message."),(0,n.kt)("p",null,"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."),(0,n.kt)(s.ZP,{mdxType:"CarbonAd"}),(0,n.kt)("img",{src:"https://i.imgur.com/W1YkmJH.png",alt:"Blazor Bootstrap: Blazor Toasts Component - Example 1"}),(0,n.kt)("img",{src:"https://i.imgur.com/OCQUchu.png",alt:"Blazor Bootstrap: Blazor Toasts Component - Example 2"}),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"Things to know when using the blazor toasts component:")),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Toasts will not hide automatically if you do not specify ",(0,n.kt)("inlineCode",{parentName:"li"},'AutoHide="true"'),"."),(0,n.kt)("li",{parentName:"ul"},"Use ",(0,n.kt)("a",{parentName:"li",href:"/components/toasts#global-toasts-service-for-the-application"},"global toasts service")," for the application instead of page level toasts.")),(0,n.kt)("h2",{id:"toasts-parameters"},"Toasts Parameters"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"AutoHide"),(0,n.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Auto hide the toast."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"false")),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"Delay"),(0,n.kt)("td",{parentName:"tr",align:"left"},"int"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Delay hiding the toast (milli seconds)."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"5000"),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"Messages"),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"List")),(0,n.kt)("td",{parentName:"tr",align:"left"},"List of all the toasts."),(0,n.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"Placement"),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"ToastsPlacement")),(0,n.kt)("td",{parentName:"tr",align:"left"},"Specifies the toasts placement."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"ToastsPlacement.TopRight")),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"ShowCloseButton"),(0,n.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Show close button."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"true")),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"StackLength"),(0,n.kt)("td",{parentName:"tr",align:"left"},"int"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Specifies the toast container maximum capacity."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"5"),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")))),(0,n.kt)("h2",{id:"toastmessage-properties"},"ToastMessage Properties"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"AutoHide"),(0,n.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the auto hide behavior to a message."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"false"),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.9.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"CustomIconName"),(0,n.kt)("td",{parentName:"tr",align:"left"},"string"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the custom icon name."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"HelpText"),(0,n.kt)("td",{parentName:"tr",align:"left"},"string"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the help text."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"IconName"),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"IconName")),(0,n.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the bootstarp icon name."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"Id"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Guid"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Gets the toast id."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"Message"),(0,n.kt)("td",{parentName:"tr",align:"left"},"string"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the toast message."),(0,n.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"Title"),(0,n.kt)("td",{parentName:"tr",align:"left"},"string"),(0,n.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the toast''s message title."),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"Type"),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"ToastType")),(0,n.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the type of the toast."),(0,n.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"1.0.0")))),(0,n.kt)("h2",{id:"examples"},"Examples:"),(0,n.kt)("h3",{id:"toast"},"Toast"),(0,n.kt)("p",null,"To encourage extensible and predictable toasts, we recommend a header and body."),(0,n.kt)("p",null,'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.'),(0,n.kt)("img",{src:"https://i.imgur.com/OCQUchu.png",alt:"Blazor Bootstrap: Blazor Toasts Component - Example"}),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n\n\n\n\n\n\n\n\n')),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{7-13} showLineNumbers","{7-13}":!0,showLineNumbers:!0},'@code {\n List messages = new List();\n\n private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType));\n\n private ToastMessage CreateToastMessage(ToastType toastType)\n => new ToastMessage\n {\n Type = toastType,\n Title = "Blazor Bootstrap",\n HelpText = $"{DateTime.Now}",\n Message = $"Hello, world! This is a toast message. DateTime: {DateTime.Now}",\n };\n}\n')),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/toasts#examples"},"See toasts demo here.")),(0,n.kt)("h3",{id:"toast-without-title"},"Toast without title"),(0,n.kt)("p",null,"Customize your toasts by removing sub-components, tweaking them with utilities."),(0,n.kt)("p",null,"Here we've created a simple toast. You can create different toast color schemes with the ",(0,n.kt)("inlineCode",{parentName:"p"},"Color")," parameter."),(0,n.kt)("div",null,(0,n.kt)("img",{src:"https://i.imgur.com/VRglJqU.jpg",alt:"Blazor Bootstrap: Toasts Component - Example"})),(0,n.kt)("div",null,(0,n.kt)("img",{src:"https://i.imgur.com/SUB90wN.jpg",alt:"Blazor Bootstrap: Toasts Component - Example"})),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n\n\n\n\n\n\n\n\n\n')),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{7-11} showLineNumbers","{7-11}":!0,showLineNumbers:!0},'@code {\n List messages = new List();\n\n private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType));\n\n private ToastMessage CreateToastMessage(ToastType toastType)\n => new ToastMessage\n {\n Type = toastType,\n Message = $"Hello, world! This is a simple toast message. DateTime: {DateTime.Now}",\n };\n}\n')),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/toasts#toast-without-title"},"See toasts without title demo here.")),(0,n.kt)("h3",{id:"auto-hide"},"Auto hide"),(0,n.kt)("p",null,"Add ",(0,n.kt)("inlineCode",{parentName:"p"},'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."),(0,n.kt)("img",{src:"https://i.imgur.com/W1YkmJH.png",alt:"Blazor Bootstrap: Blazor Toasts Component - Auto hide"}),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n\n\n\n\n\n\n\n\n')),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n List messages = new List();\n\n private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType));\n\n private ToastMessage CreateToastMessage(ToastType toastType)\n => new ToastMessage\n {\n Type = toastType,\n Title = "Blazor Bootstrap",\n HelpText = $"{DateTime.Now}",\n Message = $"Hello, world! This is a toast message. DateTime: {DateTime.Now}",\n };\n}\n')),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/toasts#auto-hide"},"See auto hide toasts demo here.")),(0,n.kt)("h3",{id:"auto-hide-individual-messages"},"Auto hide individual messages"),(0,n.kt)("p",null,"Set ",(0,n.kt)("inlineCode",{parentName:"p"},'AutoHide="true"')," property on ",(0,n.kt)("strong",{parentName:"p"},"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."),(0,n.kt)("p",null,"In the below example, ",(0,n.kt)("inlineCode",{parentName:"p"},'AutoHide="false"')," for ",(0,n.kt)("strong",{parentName:"p"},"Danger")," and ",(0,n.kt)("strong",{parentName:"p"},"Warning")," messages."),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n\n\n\n\n\n\n\n\n')),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{15} showLineNumbers","{15}":!0,showLineNumbers:!0},'@code {\n List messages = new List();\n\n private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType));\n\n private ToastMessage CreateToastMessage(ToastType toastType)\n {\n var toastMessage = new ToastMessage();\n\n toastMessage.Type = toastType;\n toastMessage.Title = "Blazor Bootstrap";\n toastMessage.HelpText = $"{DateTime.Now}";\n toastMessage.Message = $"Hello, world! This is a toast message. DateTime: {DateTime.Now}";\n // disable auto hide for `danger` and `warning` messages.\n toastMessage.AutoHide = !(toastType == ToastType.Danger || toastType == ToastType.Warning);\n\n return toastMessage;\n }\n}\n')),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/toasts#auto-hide-individual-messages"},"See auto hide individual toasts demo here.")),(0,n.kt)("h3",{id:"placement"},"Placement"),(0,n.kt)("p",null,"Change the Blazor Toasts placement according to your need. The default placement will be top right corner. Use the ",(0,n.kt)("inlineCode",{parentName:"p"},"ToastsPlacement")," parameter to update the Blazor Toasts placement."),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n\n\n\n\n\n\n\n\n\n\n')),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n ToastsPlacement toastsPlacement = ToastsPlacement.TopRight;\n List messages = new();\n\n private void ChangePlacement(ToastsPlacement placement)\n {\n if (!messages.Any())\n {\n messages.Add(\n new ToastMessage()\n {\n Type = ToastType.Success,\n Title = "Blazor Bootstrap",\n HelpText = $"{DateTime.Now}",\n Message = $"Hello, world! This is a toast message. DateTime: {DateTime.Now}",\n });\n }\n toastsPlacement = placement;\n }\n}\n')),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/toasts#placement"},"See demo here.")),(0,n.kt)("h3",{id:"stack-length"},"Stack Length"),(0,n.kt)("p",null,"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 ",(0,n.kt)("strong",{parentName:"p"},"StackLength")," parameter."),(0,n.kt)("p",null,"In the below example, StackLength is set to 3. It shows a maximum of 3 toast messages at any time."),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n\n\n\n\n\n\n\n\n')),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n List messages = new List();\n\n private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType));\n\n private ToastMessage CreateToastMessage(ToastType toastType)\n => new ToastMessage\n {\n Type = toastType,\n Title = "Blazor Bootstrap",\n HelpText = $"{DateTime.Now}",\n Message = $"Hello, world! This is a toast message. DateTime: {DateTime.Now}",\n };\n}\n')),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/toasts#stack-length"},"See demo here.")),(0,n.kt)("h3",{id:"global-toasts-service-for-the-application"},"Global toasts service for the application"),(0,n.kt)("ol",null,(0,n.kt)("li",{parentName:"ol"},"Add the ",(0,n.kt)("inlineCode",{parentName:"li"},"Toasts")," component in MainLayout.razor page as shown below.")),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{9} showLineNumbers","{9}":!0,showLineNumbers:!0},'@inherits LayoutComponentBase\n\n...\n\n... MainLayour.razor code goes here ...\n\n...\n\n\n')),(0,n.kt)("admonition",{type:"tip"},(0,n.kt)("p",{parentName:"admonition"},"Set the ",(0,n.kt)("inlineCode",{parentName:"p"},"Toasts")," component parameters as per your requirement.")),(0,n.kt)("ol",{start:2},(0,n.kt)("li",{parentName:"ol"},"Inject ",(0,n.kt)("inlineCode",{parentName:"li"},"ToastService"),", then call the ",(0,n.kt)("inlineCode",{parentName:"li"},"Notify(...)")," method as shown below.")),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n\n [Inject] protected ToastService ToastService { get; set; }\n\n private void SaveEmployee()\n {\n try\n {\n // TODO: call the service/api to save the employee details\n\n ToastService.Notify(new(ToastType.Success, $"Employee details saved successfully."));\n }\n catch(Exception ex)\n {\n // handle exception\n\n ToastService.Notify(new(ToastType.Danger, $"Error: {ex.Message}."));\n }\n }\n}\n')))}u.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/8f38113f.a2a90cbe.js b/assets/js/8f38113f.a2a90cbe.js new file mode 100644 index 000000000..c67cd0c6b --- /dev/null +++ b/assets/js/8f38113f.a2a90cbe.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[84214],{3905:(e,t,n)=>{n.d(t,{Zo:()=>d,kt:()=>N});var a=n(67294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function i(e){for(var t=1;t=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 m=a.createContext({}),s=function(e){var t=a.useContext(m),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},d=function(e){var t=s(e.components);return a.createElement(m.Provider,{value:t},e.children)},c="mdxType",I={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},p=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,o=e.originalType,m=e.parentName,d=l(e,["components","mdxType","originalType","parentName"]),c=s(n),p=r,N=c["".concat(m,".").concat(p)]||c[p]||I[p]||o;return n?a.createElement(N,i(i({ref:t},d),{},{components:n})):a.createElement(N,i({ref:t},d))}));function N(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=n.length,i=new Array(o);i[0]=p;var l={};for(var m in t)hasOwnProperty.call(t,m)&&(l[m]=t[m]);l.originalType=e,l[c]="string"==typeof e?e:r,i[1]=l;for(var s=2;s{n.d(t,{ZP:()=>d});var a=n(87462),r=n(67294),o=n(3905);class i extends r.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:r.createElement("div",{id:this.name})}}const l=i,m={toc:[]},s="wrapper";function d(e){let{components:t,...n}=e;return(0,o.kt)(s,(0,a.Z)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(l,{mdxType:"CarbonAd"}))}d.isMDXComponent=!0},48030:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>l,default:()=>p,frontMatter:()=>i,metadata:()=>m,toc:()=>d});var a=n(87462),r=(n(67294),n(3905)),o=n(74404);const i={title:"Blazor Sidebar Component",description:"Documentation and examples for using the Blazor Bootstrap progress component featuring support for stacked bars, animated backgrounds, and text labels.",image:"https://i.imgur.com/d91Q9Zt.png",sidebar_label:"Sidebar",sidebar_position:21},l="Blazor Sidebar",m={unversionedId:"components/sidebar",id:"components/sidebar",title:"Blazor Sidebar Component",description:"Documentation and examples for using the Blazor Bootstrap progress component featuring support for stacked bars, animated backgrounds, and text labels.",source:"@site/docs/05-components/sidebar.mdx",sourceDirName:"05-components",slug:"/components/sidebar",permalink:"/components/sidebar",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/sidebar.mdx",tags:[],version:"current",sidebarPosition:21,frontMatter:{title:"Blazor Sidebar Component",description:"Documentation and examples for using the Blazor Bootstrap progress component featuring support for stacked bars, animated backgrounds, and text labels.",image:"https://i.imgur.com/d91Q9Zt.png",sidebar_label:"Sidebar",sidebar_position:21},sidebar:"tutorialSidebar",previous:{title:"Script Loader",permalink:"/components/script-loader"},next:{title:"Spinners",permalink:"/components/spinners"}},s={},d=[{value:"Parameters",id:"parameters",level:2},{value:"Methods",id:"methods",level:2},{value:"NavItem Properties",id:"navitem-properties",level:2},{value:"Examples",id:"examples",level:2},{value:"Basic usage",id:"basic-usage",level:3},{value:"Two level navigation",id:"two-level-navigation",level:3},{value:"Change icons color",id:"change-icons-color",level:3},{value:"Full layout with sidebar",id:"full-layout-with-sidebar",level:3},{value:"Toggle sidebar to show icons only",id:"toggle-sidebar-to-show-icons-only",level:3},{value:"Show badge",id:"show-badge",level:3},{value:"Custom brand icon",id:"custom-brand-icon",level:3},{value:"Show image as brand logo",id:"show-image-as-brand-logo",level:3},{value:"Customize sidebar",id:"customize-sidebar",level:3},{value:"Apply custom CSS class to NavItem",id:"apply-custom-css-class-to-navitem",level:3}],c={toc:d},I="wrapper";function p(e){let{components:t,...n}=e;return(0,r.kt)(I,(0,a.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"blazor-sidebar"},"Blazor Sidebar"),(0,r.kt)("p",null,"Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content."),(0,r.kt)(o.ZP,{mdxType:"CarbonAd"}),(0,r.kt)("img",{src:"https://i.imgur.com/d91Q9Zt.png",alt:"Blazor Sidebar"}),(0,r.kt)("h2",{id:"parameters"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"BadgeText"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the badge text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"CustomIconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the custom icon name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"DataProvider"),(0,r.kt)("td",{parentName:"tr",align:"left"},"delegate"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"DataProvider is for items to render. The provider should always return an instance of 'SidebarDataProviderResult', and 'null' is not allowed."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},"enum"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the IconName."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ImageSrc"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the logo."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Title"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the title."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")))),(0,r.kt)("h2",{id:"methods"},"Methods"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"RefreshDataAsync"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Refresh the sidebar data."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ToggleSidebar"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Toggles sidebar."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")))),(0,r.kt)("h2",{id:"navitem-properties"},"NavItem Properties"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Class"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets an additional CSS class."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.10.3")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"CustomIconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the custom icon name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Href"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the href."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IconColor"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconColor")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconColor.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the icon color."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the icon name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Id"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the Id."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Match"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"NavLinkMatch")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"NavLinkMatch.Prefix")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the URL matching behavior."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ParentId"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the parent Id."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Sequence"),(0,r.kt)("td",{parentName:"tr",align:"left"},"int"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the sequence."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Target"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Target")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Target.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the target."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Text"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the navigation link text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")))),(0,r.kt)("h2",{id:"examples"},"Examples"),(0,r.kt)("h3",{id:"basic-usage"},"Basic usage"),(0,r.kt)("img",{src:"https://i.imgur.com/q20RADm.png",alt:"Blazor Sidebar - Basic usage"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'\n\n@code {\n Sidebar sidebar;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n new NavItem { Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts"},\n new NavItem { Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete"},\n new NavItem { Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb"},\n new NavItem { Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar"},\n };\n return navItems;\n }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#basic-usage"},"See demo here.")),(0,r.kt)("h3",{id:"two-level-navigation"},"Two level navigation"),(0,r.kt)("p",null,"Use NavItem's ",(0,r.kt)("inlineCode",{parentName:"p"},"Id")," and ",(0,r.kt)("inlineCode",{parentName:"p"},"ParentId")," to set the parent-child relation."),(0,r.kt)("img",{src:"https://i.imgur.com/YKtgDTq.png",alt:"Blazor Sidebar - Two level navigation"}),(0,r.kt)("admonition",{title:"NOTE",type:"note"},(0,r.kt)("p",{parentName:"admonition"},"At this moment, two levels of navigation are supported.")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'\n\n@code {\n Sidebar sidebar;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content" },\n new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components" },\n new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms" },\n new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n };\n\n return navItems;\n }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#two-level-navigation"},"See demo here.")),(0,r.kt)("h3",{id:"change-icons-color"},"Change icons color"),(0,r.kt)("p",null,"Set ",(0,r.kt)("inlineCode",{parentName:"p"},"IconColor")," property to change the color."),(0,r.kt)("img",{src:"https://i.imgur.com/7wHWoqW.png",alt:"Blazor Sidebar - Change icons color"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'\n\n@code {\n Sidebar sidebar;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n };\n\n return navItems;\n }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#change-icons-color"},"See demo here.")),(0,r.kt)("h3",{id:"full-layout-with-sidebar"},"Full layout with sidebar"),(0,r.kt)("p",null,"Replace your ",(0,r.kt)("strong",{parentName:"p"},"MainLayout.razor")," page code with the below example to have a complete layout with a sidebar."),(0,r.kt)("img",{src:"https://i.imgur.com/rGws0kx.png",alt:"Blazor Sidebar - Full layout with sidebar"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'
\n\n \n\n
\n
\n About\n
\n\n
\n
Page content goes here
\n
\n
\n\n
\n\n@code {\n Sidebar sidebar;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n };\n\n return navItems;\n }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#full-layout-with-sidebar"},"See demo here.")),(0,r.kt)("h3",{id:"toggle-sidebar-to-show-icons-only"},"Toggle sidebar to show icons only"),(0,r.kt)("p",null,"Call ",(0,r.kt)("inlineCode",{parentName:"p"},"ToggleSidebar()")," method to toggle the Sidebar to show the icons only."),(0,r.kt)("img",{src:"https://i.imgur.com/rEwfrXN.png",alt:"Blazor Sidebar - Toggle sidebar to show icons only"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'
\n\n \n\n
\n
\n \n About\n
\n\n
\n
Page content goes here
\n
\n
\n\n
\n\n@code {\n Sidebar sidebar;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n };\n\n return navItems;\n }\n\n private void ToggleSidebar() => sidebar.ToggleSidebar();\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#toggle-sidebar-to-show-icons-only"},"See demo here.")),(0,r.kt)("h3",{id:"show-badge"},"Show badge"),(0,r.kt)("p",null,"A badge is useful when displaying the application version, environment, or other information. Use the ",(0,r.kt)("inlineCode",{parentName:"p"},"BadgeText")," parameter to show the badge."),(0,r.kt)("img",{src:"https://i.imgur.com/Ayaq9Gq.png",alt:"Blazor Sidebar - Show badge"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'
\n\n \n\n
\n
\n \n About\n
\n\n
\n
Page content goes here
\n
\n
\n\n
\n\n@code {\n Sidebar sidebar;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n };\n\n return navItems;\n }\n\n private void ToggleSidebar() => sidebar.ToggleSidebar();\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#show-badge"},"See demo here.")),(0,r.kt)("h3",{id:"custom-brand-icon"},"Custom brand icon"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("inlineCode",{parentName:"p"},"CustomIconName")," parameter to set the custom logo icon using font awesome or other icons."),(0,r.kt)("img",{src:"https://i.imgur.com/DqVvGKo.png",alt:"Blazor Sidebar - Custom brand icon"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'
\n\n \n\n
\n
\n \n About\n
\n\n
\n
Page content goes here
\n
\n
\n\n
\n\n@code {\n Sidebar sidebar;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n };\n\n return navItems;\n }\n\n private void ToggleSidebar() => sidebar.ToggleSidebar();\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#custom-brand-icon"},"See demo here.")),(0,r.kt)("h3",{id:"show-image-as-brand-logo"},"Show image as brand logo"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("inlineCode",{parentName:"p"},"ImageSrc")," parameter to set the brand logo."),(0,r.kt)("img",{src:"https://i.imgur.com/d91Q9Zt.png",alt:"Blazor Sidebar - Show image as brand logo"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'
\n\n \n\n
\n
\n \n About\n
\n\n
\n
Page content goes here
\n
\n
\n\n
\n\n@code {\n Sidebar sidebar;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n };\n\n return navItems;\n }\n\n private void ToggleSidebar() => sidebar.ToggleSidebar();\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#show-image-as-brand-logo"},"See demo here.")),(0,r.kt)("h3",{id:"customize-sidebar"},"Customize sidebar"),(0,r.kt)("p",null,"Developers can customize the sidebar color by changing the CSS variables, as mentioned in the below example."),(0,r.kt)("img",{src:"https://i.imgur.com/dY8NjDW.png",alt:"Blazor Sidebar - Customize sidebar"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'
\n\n \n\n
\n
\n About\n
\n\n
\n
\n \n
\n
\n
\n \n
\n\n@code {\n Sidebar sidebar;\n bool applyPurpleStyle = false;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n };\n\n return navItems;\n }\n\n private void ToggleSidebarStyles() => applyPurpleStyle = !applyPurpleStyle;\n}\n\n@if (applyPurpleStyle)\n{\n \n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#customize-sidebar"},"See demo here.")),(0,r.kt)("h3",{id:"apply-custom-css-class-to-navitem"},"Apply custom CSS class to NavItem"),(0,r.kt)("p",null,"Set the Class property of a NavItem to apply a custom CSS class."),(0,r.kt)("img",{src:"https://i.imgur.com/3Xq3aaE.png",alt:"Blazor Sidebar - Apply custom CSS class to NavItem"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n Sidebar sidebar;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content" },\n new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components" },\n new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4", Class="px-3"},\n new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4", Class="px-3"},\n new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4", Class="px-3"},\n\n new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms" },\n new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n };\n\n return navItems;\n }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#apply-custom-css-class-to-navitem"},"See demo here.")))}p.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/8f38113f.d98f5417.js b/assets/js/8f38113f.d98f5417.js deleted file mode 100644 index 1cba299cc..000000000 --- a/assets/js/8f38113f.d98f5417.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[84214],{3905:(e,t,n)=>{n.d(t,{Zo:()=>d,kt:()=>N});var a=n(67294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function i(e){for(var t=1;t=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 m=a.createContext({}),s=function(e){var t=a.useContext(m),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},d=function(e){var t=s(e.components);return a.createElement(m.Provider,{value:t},e.children)},c="mdxType",I={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},p=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,o=e.originalType,m=e.parentName,d=l(e,["components","mdxType","originalType","parentName"]),c=s(n),p=r,N=c["".concat(m,".").concat(p)]||c[p]||I[p]||o;return n?a.createElement(N,i(i({ref:t},d),{},{components:n})):a.createElement(N,i({ref:t},d))}));function N(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=n.length,i=new Array(o);i[0]=p;var l={};for(var m in t)hasOwnProperty.call(t,m)&&(l[m]=t[m]);l.originalType=e,l[c]="string"==typeof e?e:r,i[1]=l;for(var s=2;s{n.d(t,{ZP:()=>d});var a=n(87462),r=n(67294),o=n(3905);class i extends r.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:r.createElement("div",{id:this.name})}}const l=i,m={toc:[]},s="wrapper";function d(e){let{components:t,...n}=e;return(0,o.kt)(s,(0,a.Z)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(l,{mdxType:"CarbonAd"}))}d.isMDXComponent=!0},48030:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>l,default:()=>p,frontMatter:()=>i,metadata:()=>m,toc:()=>d});var a=n(87462),r=(n(67294),n(3905)),o=n(74404);const i={title:"Blazor Sidebar Component",description:"Documentation and examples for using the Blazor Bootstrap progress component featuring support for stacked bars, animated backgrounds, and text labels.",image:"https://i.imgur.com/d91Q9Zt.png",sidebar_label:"Sidebar",sidebar_position:21},l="Blazor Sidebar",m={unversionedId:"components/sidebar",id:"components/sidebar",title:"Blazor Sidebar Component",description:"Documentation and examples for using the Blazor Bootstrap progress component featuring support for stacked bars, animated backgrounds, and text labels.",source:"@site/docs/05-components/sidebar.mdx",sourceDirName:"05-components",slug:"/components/sidebar",permalink:"/components/sidebar",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/sidebar.mdx",tags:[],version:"current",sidebarPosition:21,frontMatter:{title:"Blazor Sidebar Component",description:"Documentation and examples for using the Blazor Bootstrap progress component featuring support for stacked bars, animated backgrounds, and text labels.",image:"https://i.imgur.com/d91Q9Zt.png",sidebar_label:"Sidebar",sidebar_position:21},sidebar:"tutorialSidebar",previous:{title:"Script Loader",permalink:"/components/script-loader"},next:{title:"Tabs",permalink:"/components/tabs"}},s={},d=[{value:"Parameters",id:"parameters",level:2},{value:"Methods",id:"methods",level:2},{value:"NavItem Properties",id:"navitem-properties",level:2},{value:"Examples",id:"examples",level:2},{value:"Basic usage",id:"basic-usage",level:3},{value:"Two level navigation",id:"two-level-navigation",level:3},{value:"Change icons color",id:"change-icons-color",level:3},{value:"Full layout with sidebar",id:"full-layout-with-sidebar",level:3},{value:"Toggle sidebar to show icons only",id:"toggle-sidebar-to-show-icons-only",level:3},{value:"Show badge",id:"show-badge",level:3},{value:"Custom brand icon",id:"custom-brand-icon",level:3},{value:"Show image as brand logo",id:"show-image-as-brand-logo",level:3},{value:"Customize sidebar",id:"customize-sidebar",level:3},{value:"Apply custom CSS class to NavItem",id:"apply-custom-css-class-to-navitem",level:3}],c={toc:d},I="wrapper";function p(e){let{components:t,...n}=e;return(0,r.kt)(I,(0,a.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"blazor-sidebar"},"Blazor Sidebar"),(0,r.kt)("p",null,"Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content."),(0,r.kt)(o.ZP,{mdxType:"CarbonAd"}),(0,r.kt)("img",{src:"https://i.imgur.com/d91Q9Zt.png",alt:"Blazor Sidebar"}),(0,r.kt)("h2",{id:"parameters"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"BadgeText"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the badge text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"CustomIconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the custom icon name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"DataProvider"),(0,r.kt)("td",{parentName:"tr",align:"left"},"delegate"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"DataProvider is for items to render. The provider should always return an instance of 'SidebarDataProviderResult', and 'null' is not allowed."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},"enum"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the IconName."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ImageSrc"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the logo."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Title"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the title."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")))),(0,r.kt)("h2",{id:"methods"},"Methods"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"RefreshDataAsync"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Refresh the sidebar data."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ToggleSidebar"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Toggles sidebar."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")))),(0,r.kt)("h2",{id:"navitem-properties"},"NavItem Properties"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Class"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets an additional CSS class."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.10.3")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"CustomIconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the custom icon name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Href"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the href."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IconColor"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconColor")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconColor.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the icon color."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the icon name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Id"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the Id."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Match"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"NavLinkMatch")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"NavLinkMatch.Prefix")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the URL matching behavior."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ParentId"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the parent Id."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Sequence"),(0,r.kt)("td",{parentName:"tr",align:"left"},"int"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the sequence."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Target"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Target")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Target.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the target."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Text"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the navigation link text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")))),(0,r.kt)("h2",{id:"examples"},"Examples"),(0,r.kt)("h3",{id:"basic-usage"},"Basic usage"),(0,r.kt)("img",{src:"https://i.imgur.com/q20RADm.png",alt:"Blazor Sidebar - Basic usage"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'\n\n@code {\n Sidebar sidebar;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n new NavItem { Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts"},\n new NavItem { Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete"},\n new NavItem { Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb"},\n new NavItem { Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar"},\n };\n return navItems;\n }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#basic-usage"},"See demo here.")),(0,r.kt)("h3",{id:"two-level-navigation"},"Two level navigation"),(0,r.kt)("p",null,"Use NavItem's ",(0,r.kt)("inlineCode",{parentName:"p"},"Id")," and ",(0,r.kt)("inlineCode",{parentName:"p"},"ParentId")," to set the parent-child relation."),(0,r.kt)("img",{src:"https://i.imgur.com/YKtgDTq.png",alt:"Blazor Sidebar - Two level navigation"}),(0,r.kt)("admonition",{title:"NOTE",type:"note"},(0,r.kt)("p",{parentName:"admonition"},"At this moment, two levels of navigation are supported.")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'\n\n@code {\n Sidebar sidebar;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content" },\n new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components" },\n new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms" },\n new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n };\n\n return navItems;\n }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#two-level-navigation"},"See demo here.")),(0,r.kt)("h3",{id:"change-icons-color"},"Change icons color"),(0,r.kt)("p",null,"Set ",(0,r.kt)("inlineCode",{parentName:"p"},"IconColor")," property to change the color."),(0,r.kt)("img",{src:"https://i.imgur.com/7wHWoqW.png",alt:"Blazor Sidebar - Change icons color"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'\n\n@code {\n Sidebar sidebar;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n };\n\n return navItems;\n }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#change-icons-color"},"See demo here.")),(0,r.kt)("h3",{id:"full-layout-with-sidebar"},"Full layout with sidebar"),(0,r.kt)("p",null,"Replace your ",(0,r.kt)("strong",{parentName:"p"},"MainLayout.razor")," page code with the below example to have a complete layout with a sidebar."),(0,r.kt)("img",{src:"https://i.imgur.com/rGws0kx.png",alt:"Blazor Sidebar - Full layout with sidebar"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'
\n\n \n\n
\n
\n About\n
\n\n
\n
Page content goes here
\n
\n
\n\n
\n\n@code {\n Sidebar sidebar;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n };\n\n return navItems;\n }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#full-layout-with-sidebar"},"See demo here.")),(0,r.kt)("h3",{id:"toggle-sidebar-to-show-icons-only"},"Toggle sidebar to show icons only"),(0,r.kt)("p",null,"Call ",(0,r.kt)("inlineCode",{parentName:"p"},"ToggleSidebar()")," method to toggle the Sidebar to show the icons only."),(0,r.kt)("img",{src:"https://i.imgur.com/rEwfrXN.png",alt:"Blazor Sidebar - Toggle sidebar to show icons only"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'
\n\n \n\n
\n
\n \n About\n
\n\n
\n
Page content goes here
\n
\n
\n\n
\n\n@code {\n Sidebar sidebar;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n };\n\n return navItems;\n }\n\n private void ToggleSidebar() => sidebar.ToggleSidebar();\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#toggle-sidebar-to-show-icons-only"},"See demo here.")),(0,r.kt)("h3",{id:"show-badge"},"Show badge"),(0,r.kt)("p",null,"A badge is useful when displaying the application version, environment, or other information. Use the ",(0,r.kt)("inlineCode",{parentName:"p"},"BadgeText")," parameter to show the badge."),(0,r.kt)("img",{src:"https://i.imgur.com/Ayaq9Gq.png",alt:"Blazor Sidebar - Show badge"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'
\n\n \n\n
\n
\n \n About\n
\n\n
\n
Page content goes here
\n
\n
\n\n
\n\n@code {\n Sidebar sidebar;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n };\n\n return navItems;\n }\n\n private void ToggleSidebar() => sidebar.ToggleSidebar();\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#show-badge"},"See demo here.")),(0,r.kt)("h3",{id:"custom-brand-icon"},"Custom brand icon"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("inlineCode",{parentName:"p"},"CustomIconName")," parameter to set the custom logo icon using font awesome or other icons."),(0,r.kt)("img",{src:"https://i.imgur.com/DqVvGKo.png",alt:"Blazor Sidebar - Custom brand icon"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'
\n\n \n\n
\n
\n \n About\n
\n\n
\n
Page content goes here
\n
\n
\n\n
\n\n@code {\n Sidebar sidebar;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n };\n\n return navItems;\n }\n\n private void ToggleSidebar() => sidebar.ToggleSidebar();\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#custom-brand-icon"},"See demo here.")),(0,r.kt)("h3",{id:"show-image-as-brand-logo"},"Show image as brand logo"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("inlineCode",{parentName:"p"},"ImageSrc")," parameter to set the brand logo."),(0,r.kt)("img",{src:"https://i.imgur.com/d91Q9Zt.png",alt:"Blazor Sidebar - Show image as brand logo"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'
\n\n \n\n
\n
\n \n About\n
\n\n
\n
Page content goes here
\n
\n
\n\n
\n\n@code {\n Sidebar sidebar;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n };\n\n return navItems;\n }\n\n private void ToggleSidebar() => sidebar.ToggleSidebar();\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#show-image-as-brand-logo"},"See demo here.")),(0,r.kt)("h3",{id:"customize-sidebar"},"Customize sidebar"),(0,r.kt)("p",null,"Developers can customize the sidebar color by changing the CSS variables, as mentioned in the below example."),(0,r.kt)("img",{src:"https://i.imgur.com/dY8NjDW.png",alt:"Blazor Sidebar - Customize sidebar"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'
\n\n \n\n
\n
\n About\n
\n\n
\n
\n \n
\n
\n
\n \n
\n\n@code {\n Sidebar sidebar;\n bool applyPurpleStyle = false;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n };\n\n return navItems;\n }\n\n private void ToggleSidebarStyles() => applyPurpleStyle = !applyPurpleStyle;\n}\n\n@if (applyPurpleStyle)\n{\n \n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#customize-sidebar"},"See demo here.")),(0,r.kt)("h3",{id:"apply-custom-css-class-to-navitem"},"Apply custom CSS class to NavItem"),(0,r.kt)("p",null,"Set the Class property of a NavItem to apply a custom CSS class."),(0,r.kt)("img",{src:"https://i.imgur.com/3Xq3aaE.png",alt:"Blazor Sidebar - Apply custom CSS class to NavItem"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n Sidebar sidebar;\n IEnumerable navItems;\n\n private async Task SidebarDataProvider(SidebarDataProviderRequest request)\n {\n if (navItems is null)\n navItems = GetNavItems();\n\n return await Task.FromResult(request.ApplyTo(navItems));\n }\n\n private IEnumerable GetNavItems()\n {\n navItems = new List\n {\n new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content" },\n new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components" },\n new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4", Class="px-3"},\n new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4", Class="px-3"},\n new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4", Class="px-3"},\n\n new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms" },\n new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n };\n\n return navItems;\n }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#apply-custom-css-class-to-navitem"},"See demo here.")))}p.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/935f2afb.b9ec24d1.js b/assets/js/935f2afb.b9ec24d1.js deleted file mode 100644 index b9762586c..000000000 --- a/assets/js/935f2afb.b9ec24d1.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[80053],{1109:t=>{t.exports=JSON.parse('{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"tutorialSidebar":[{"type":"category","label":"Getting Started","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Blazor WebAssembly (.NET 8)","href":"/getting-started/blazor-webassembly-net-8","docId":"getting-started/blazor-webassembly-net-8"},{"type":"link","label":"Blazor WebApp Server (.NET 8)","href":"/getting-started/blazor-webapp-server-global-net-8","docId":"getting-started/blazor-webapp-server-global-net-8"},{"type":"link","label":"Blazor WebApp Auto (.NET 8)","href":"/getting-started/blazor-webapp-auto-global-net-8","docId":"getting-started/blazor-webapp-auto-global-net-8"},{"type":"link","label":"MAUI Blazor Hybrid App (.NET 8)","href":"/getting-started/maui-blazor-net-8","docId":"getting-started/maui-blazor-net-8"},{"type":"link","label":"Blazor WebAssembly (.NET 7)","href":"/getting-started/blazor-webassembly-net-7","docId":"getting-started/blazor-webassembly-net-7"},{"type":"link","label":"Blazor Server (.NET 7)","href":"/getting-started/blazor-server-net-7","docId":"getting-started/blazor-server-net-7"},{"type":"link","label":"MAUI Blazor Hybrid App (.NET 7)","href":"/getting-started/maui-blazor-net-7","docId":"getting-started/maui-blazor-net-7"},{"type":"link","label":"Blazor WebAssembly (.NET 6)","href":"/getting-started/blazor-webassembly-net-6","docId":"getting-started/blazor-webassembly-net-6"},{"type":"link","label":"Blazor Server (.NET 6)","href":"/getting-started/blazor-server-net-6","docId":"getting-started/blazor-server-net-6"}]},{"type":"category","label":"Layout","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Blazor WebAssembly","href":"/layout/blazor-webassembly","docId":"layout/blazor-webassembly"},{"type":"link","label":"Blazor Server","href":"/layout/blazor-server","docId":"layout/blazor-server"}]},{"type":"category","label":"Content","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Icons","href":"/content/icons","docId":"content/icons"}]},{"type":"category","label":"Forms","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Auto Complete","href":"/forms/autocomplete","docId":"forms/autocomplete"},{"type":"link","label":"Currency Input","href":"/forms/currency-input","docId":"forms/currency-input"},{"type":"link","label":"Date Input","href":"/forms/date-input","docId":"forms/date-input"},{"type":"link","label":"Number Input","href":"/forms/number-input","docId":"forms/number-input"},{"type":"link","label":"Range Input","href":"/forms/range-input","docId":"forms/range-input"},{"type":"link","label":"Switch","href":"/forms/switch","docId":"forms/switch"},{"type":"link","label":"Time Input","href":"/forms/time-input","docId":"forms/time-input"}]},{"type":"category","label":"Components","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Accordion","href":"/components/accordion","docId":"components/accordion"},{"type":"link","label":"Alerts","href":"/components/alerts","docId":"components/alerts"},{"type":"link","label":"Badge","href":"/components/badge","docId":"components/badge"},{"type":"link","label":"Breadcrumb","href":"/components/breadcrumb","docId":"components/breadcrumb"},{"type":"link","label":"Buttons","href":"/components/buttons","docId":"components/buttons"},{"type":"link","label":"Callout","href":"/components/callout","docId":"components/callout"},{"type":"link","label":"Card","href":"/components/card","docId":"components/card"},{"type":"link","label":"Charts","href":"/components/charts","docId":"components/charts"},{"type":"link","label":"Collapse","href":"/components/collapse","docId":"components/collapse"},{"type":"link","label":"Confirm Dialog","href":"/components/confirm-dialog","docId":"components/confirm-dialog"},{"type":"link","label":"Dropdown","href":"/components/dropdown","docId":"components/dropdown"},{"type":"link","label":"Grid","href":"/components/grid","docId":"components/grid"},{"type":"link","label":"Modal","href":"/components/modal","docId":"components/modal"},{"type":"link","label":"Offcanvas","href":"/components/offcanvas","docId":"components/offcanvas"},{"type":"link","label":"Pagination","href":"/components/pagination","docId":"components/pagination"},{"type":"link","label":"PDF Viewer","href":"/components/pdf-viewer","docId":"components/pdf-viewer"},{"type":"link","label":"Placeholders","href":"/components/placeholders","docId":"components/placeholders"},{"type":"link","label":"Preload","href":"/components/preload","docId":"components/preload"},{"type":"link","label":"Progress","href":"/components/progress","docId":"components/progress"},{"type":"link","label":"Script Loader","href":"/components/script-loader","docId":"components/script-loader"},{"type":"link","label":"Sidebar","href":"/components/sidebar","docId":"components/sidebar"},{"type":"link","label":"Tabs","href":"/components/tabs","docId":"components/tabs"},{"type":"link","label":"Toasts","href":"/components/toasts","docId":"components/toasts"},{"type":"link","label":"Tooltips","href":"/components/tooltips","docId":"components/tooltips"}]},{"type":"category","label":"Data Visualization","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Bar Chart","href":"/data-visualization/bar-chart","docId":"data-visualization/bar-chart"},{"type":"link","label":"Doughnut Chart","href":"/data-visualization/doughnut-chart","docId":"data-visualization/doughnut-chart"},{"type":"link","label":"Line Chart","href":"/data-visualization/line-chart","docId":"data-visualization/line-chart"},{"type":"link","label":"Pie Chart","href":"/data-visualization/pie-chart","docId":"data-visualization/pie-chart"}]},{"type":"category","label":"Services","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Modal Service","href":"/services/modal","docId":"services/modal"}]}]},"docs":{"components/accordion":{"id":"components/accordion","title":"Blazor Accordion Component","description":"Build vertically collapsing accordions in combination with our Collapse component.","sidebar":"tutorialSidebar"},"components/alerts":{"id":"components/alerts","title":"Blazor Alert Component","description":"Provide contextual feedback messages for typical user actions with the handful of available and flexible Blazor Bootstrap alert messages.","sidebar":"tutorialSidebar"},"components/badge":{"id":"components/badge","title":"Blazor Badge Component","description":"The Blazor Bootstrap Badge component shows the small count and labels.","sidebar":"tutorialSidebar"},"components/breadcrumb":{"id":"components/breadcrumb","title":"Blazor Breadcrumb Component","description":"Blazor Bootstrap breadcrumb component indicates the current page\'s location within a navigational hierarchy that automatically adds separators.","sidebar":"tutorialSidebar"},"components/buttons":{"id":"components/buttons","title":"Blazor Button Component","description":"Use Blazor Bootstrap button styles for actions in forms, dialogs, and more with support for multiple sizes, states, etc.","sidebar":"tutorialSidebar"},"components/callout":{"id":"components/callout","title":"Blazor Callout Component","description":"Blazor Bootstrap callout component provides content presentation in a visually distinct manner.","sidebar":"tutorialSidebar"},"components/card":{"id":"components/card","title":"Blazor Card Component","description":"BootstrapBootstrap\'s cards provide a flexible and extensible content container with multiple variants and options.","sidebar":"tutorialSidebar"},"components/charts":{"id":"components/charts","title":"Blazor Chart Components","description":"Blazor Bootstrap charts are well-designed chart components on top of Chart.js to visualize data. It contains a rich UI gallery of charts that cater to all charting scenarios. Its high performance helps render large amounts of data quickly.","sidebar":"tutorialSidebar"},"components/collapse":{"id":"components/collapse","title":"Blazor Collapse Component","description":"Toggle the visibility of content across your project with the Blazor Bootstrap Collapse component.","sidebar":"tutorialSidebar"},"components/confirm-dialog":{"id":"components/confirm-dialog","title":"Blazor Confirm Dialog Component","description":"Use Blazor Bootstrap confirm dialog component if you want the user to verify or accept something.","sidebar":"tutorialSidebar"},"components/dropdown":{"id":"components/dropdown","title":"Blazor Dropdown Component","description":"Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They are toggled by clicking, not by hovering; this is an intentional design decision\'by bootstrap.","sidebar":"tutorialSidebar"},"components/grid":{"id":"components/grid","title":"Blazor Grid Component","description":"Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side paging & sorting.","sidebar":"tutorialSidebar"},"components/modal":{"id":"components/modal","title":"Blazor Modal Component","description":"Use Blazor Bootstrap modal component to add dialogs to your site for lightboxes, user notifications, or completely custom content.","sidebar":"tutorialSidebar"},"components/offcanvas":{"id":"components/offcanvas","title":"Blazor Offcanvas Component","description":"Build hidden sidebars into your project for navigation, shopping carts, and more with Blazor Bootstrap offcanvas component.","sidebar":"tutorialSidebar"},"components/pagination":{"id":"components/pagination","title":"Blazor Pagination Component","description":"Use Blazor Bootstrap pagination component to indicate a series of related content exists across multiple pages.","sidebar":"tutorialSidebar"},"components/pdf-viewer":{"id":"components/pdf-viewer","title":"Blazor PDF Viewer Component","description":"The Blazor PDF Viewer component allows users to view PDF files directly in the browser, without relying on third-party browser tools or extensions.","sidebar":"tutorialSidebar"},"components/placeholders":{"id":"components/placeholders","title":"Blazor Placeholder Component","description":"Use Blazor Bootstrap loading placeholders for your components or pages to indicate something may still be loading.","sidebar":"tutorialSidebar"},"components/preload":{"id":"components/preload","title":"Blazor Preload Component","description":"Indicate the loading state of a page with Blazor Bootstrap preload component.","sidebar":"tutorialSidebar"},"components/progress":{"id":"components/progress","title":"Blazor Progress Component","description":"Documentation and examples for using the Blazor Bootstrap progress component featuring support for stacked bars, animated backgrounds, and text labels.","sidebar":"tutorialSidebar"},"components/script-loader":{"id":"components/script-loader","title":"Blazor Script Loader Component","description":"Documentation and examples for using the Blazor Bootstrap Script Loader component.","sidebar":"tutorialSidebar"},"components/sidebar":{"id":"components/sidebar","title":"Blazor Sidebar Component","description":"Documentation and examples for using the Blazor Bootstrap progress component featuring support for stacked bars, animated backgrounds, and text labels.","sidebar":"tutorialSidebar"},"components/tabs":{"id":"components/tabs","title":"Blazor Tabs Component","description":"Documentation and examples for using Blazor Bootstrap Tabs components.","sidebar":"tutorialSidebar"},"components/toasts":{"id":"components/toasts","title":"Blazor Toasts Component","description":"Push notifications to your visitors with a toast, a lightweight and easily customizable Blazor Bootstrap toast message.","sidebar":"tutorialSidebar"},"components/tooltips":{"id":"components/tooltips","title":"Blazor Tooltip Component","description":"Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages.","sidebar":"tutorialSidebar"},"content/icons":{"id":"content/icons","title":"Blazor Icons Component","description":"Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages.","sidebar":"tutorialSidebar"},"data-visualization/bar-chart":{"id":"data-visualization/bar-chart","title":"Blazor Bar Chart","description":"A Blazor Bootstrap bar chart component is used to represent data values as vertical bars. It is sometimes used to show trend data and to compare multiple data sets side by side.","sidebar":"tutorialSidebar"},"data-visualization/doughnut-chart":{"id":"data-visualization/doughnut-chart","title":"Blazor Doughnut Chart","description":"A Blazor Bootstrap donut chart component is a circular chart that shows the proportional values of different categories. It is similar to a pie chart, but the center of the donut chart is hollow. This makes it easier to see the individual values of each category.","sidebar":"tutorialSidebar"},"data-visualization/line-chart":{"id":"data-visualization/line-chart","title":"Blazor Line Chart","description":"A Blazor Bootstrap line chart component is a graphical representation of data that uses a series of connected points to show how the data changes over time. It is a type of x-y chart, where the x-axis represents the independent variable, such as time, and the y-axis represents the dependent variable, such as the value.","sidebar":"tutorialSidebar"},"data-visualization/pie-chart":{"id":"data-visualization/pie-chart","title":"Blazor Pie Chart Components","description":"A Blazor Bootstrap pie chart component is a circular chart that shows the proportional values of different categories.","sidebar":"tutorialSidebar"},"forms/autocomplete":{"id":"forms/autocomplete","title":"Blazor AutoComplete Component","description":"Blazor Bootstrap `AutoComplete` component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering.","sidebar":"tutorialSidebar"},"forms/currency-input":{"id":"forms/currency-input","title":"Blazor Currency Input Component","description":"Use the Blazor Bootstrap `CurrencyInput` component to show the numbers in the user\'s locale format, including the currency symbol.","sidebar":"tutorialSidebar"},"forms/date-input":{"id":"forms/date-input","title":"Blazor Date Input Component","description":"Blazor Bootstrap `DateInput` component is constructed using an HTML input of `type=\\"date\\"` which limits user input based on pre-defined parameters. This component enables users to input a date using a text box with validation or a special date picker interface.","sidebar":"tutorialSidebar"},"forms/number-input":{"id":"forms/number-input","title":"Blazor Number Input Component","description":"Blazor Bootstrap `NumberInput` component is built around HTML input of `type=\\"number\\"` that prevents the user input based on the parameters set.","sidebar":"tutorialSidebar"},"forms/range-input":{"id":"forms/range-input","title":"Blazor Range Input Component","description":"Blazor Bootstrap `NumberInput` component is built around HTML input of `type=\\"number\\"` that prevents the user input based on the parameters set.","sidebar":"tutorialSidebar"},"forms/switch":{"id":"forms/switch","title":"Blazor Switch Component","description":"Use the Blazor Bootstrap `Switch` component to show the consistent cross-browser and cross-device custom checkboxes.","sidebar":"tutorialSidebar"},"forms/time-input":{"id":"forms/time-input","title":"Blazor Time Input Component","description":"The Blazor Bootstrap `TimeInput` component is constructed using an HTML input of `type=\\"time\\"` which limits user input based on pre-defined parameters. This component enables users to input a time using a text box with validation or a special time picker interface.","sidebar":"tutorialSidebar"},"getting-started/blazor-server-net-6":{"id":"getting-started/blazor-server-net-6","title":"Blazor Server (.NET 6)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"getting-started/blazor-server-net-7":{"id":"getting-started/blazor-server-net-7","title":"Blazor Server (.NET 7)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"getting-started/blazor-webapp-auto-global-net-8":{"id":"getting-started/blazor-webapp-auto-global-net-8","title":"Blazor WebApp Auto (.NET 8)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"getting-started/blazor-webapp-server-global-net-8":{"id":"getting-started/blazor-webapp-server-global-net-8","title":"Blazor WebApp Server (.NET 8)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"getting-started/blazor-webassembly-net-6":{"id":"getting-started/blazor-webassembly-net-6","title":"Blazor WebAssembly (.NET 6)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"getting-started/blazor-webassembly-net-7":{"id":"getting-started/blazor-webassembly-net-7","title":"Blazor WebAssembly (.NET 7)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"getting-started/blazor-webassembly-net-8":{"id":"getting-started/blazor-webassembly-net-8","title":"Blazor WebAssembly (.NET 8)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"getting-started/maui-blazor-net-7":{"id":"getting-started/maui-blazor-net-7","title":"MAUI Blazor Hybrid App (.NET 7)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"getting-started/maui-blazor-net-8":{"id":"getting-started/maui-blazor-net-8","title":"MAUI Blazor Hybrid App (.NET 8)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"layout/blazor-server":{"id":"layout/blazor-server","title":"Blazor Server","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"layout/blazor-webassembly":{"id":"layout/blazor-webassembly","title":"Blazor WebAssembly","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"services/modal":{"id":"services/modal","title":"Blazor Modal Service","description":"Use Blazor Bootstrap modal service to show quick dialogs to your site for lightboxes, user notifications, or completely custom content.","sidebar":"tutorialSidebar"}}}')}}]); \ No newline at end of file diff --git a/assets/js/935f2afb.e1dbc89f.js b/assets/js/935f2afb.e1dbc89f.js new file mode 100644 index 000000000..4a598693a --- /dev/null +++ b/assets/js/935f2afb.e1dbc89f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[80053],{1109:t=>{t.exports=JSON.parse('{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"tutorialSidebar":[{"type":"category","label":"Getting Started","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Blazor WebAssembly (.NET 8)","href":"/getting-started/blazor-webassembly-net-8","docId":"getting-started/blazor-webassembly-net-8"},{"type":"link","label":"Blazor WebApp Server (.NET 8)","href":"/getting-started/blazor-webapp-server-global-net-8","docId":"getting-started/blazor-webapp-server-global-net-8"},{"type":"link","label":"Blazor WebApp Auto (.NET 8)","href":"/getting-started/blazor-webapp-auto-global-net-8","docId":"getting-started/blazor-webapp-auto-global-net-8"},{"type":"link","label":"MAUI Blazor Hybrid App (.NET 8)","href":"/getting-started/maui-blazor-net-8","docId":"getting-started/maui-blazor-net-8"},{"type":"link","label":"Blazor WebAssembly (.NET 7)","href":"/getting-started/blazor-webassembly-net-7","docId":"getting-started/blazor-webassembly-net-7"},{"type":"link","label":"Blazor Server (.NET 7)","href":"/getting-started/blazor-server-net-7","docId":"getting-started/blazor-server-net-7"},{"type":"link","label":"MAUI Blazor Hybrid App (.NET 7)","href":"/getting-started/maui-blazor-net-7","docId":"getting-started/maui-blazor-net-7"},{"type":"link","label":"Blazor WebAssembly (.NET 6)","href":"/getting-started/blazor-webassembly-net-6","docId":"getting-started/blazor-webassembly-net-6"},{"type":"link","label":"Blazor Server (.NET 6)","href":"/getting-started/blazor-server-net-6","docId":"getting-started/blazor-server-net-6"}]},{"type":"category","label":"Layout","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Blazor WebAssembly","href":"/layout/blazor-webassembly","docId":"layout/blazor-webassembly"},{"type":"link","label":"Blazor Server","href":"/layout/blazor-server","docId":"layout/blazor-server"}]},{"type":"category","label":"Content","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Icons","href":"/content/icons","docId":"content/icons"}]},{"type":"category","label":"Forms","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Auto Complete","href":"/forms/autocomplete","docId":"forms/autocomplete"},{"type":"link","label":"Currency Input","href":"/forms/currency-input","docId":"forms/currency-input"},{"type":"link","label":"Date Input","href":"/forms/date-input","docId":"forms/date-input"},{"type":"link","label":"Number Input","href":"/forms/number-input","docId":"forms/number-input"},{"type":"link","label":"Range Input","href":"/forms/range-input","docId":"forms/range-input"},{"type":"link","label":"Switch","href":"/forms/switch","docId":"forms/switch"},{"type":"link","label":"Time Input","href":"/forms/time-input","docId":"forms/time-input"}]},{"type":"category","label":"Components","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Accordion","href":"/components/accordion","docId":"components/accordion"},{"type":"link","label":"Alerts","href":"/components/alerts","docId":"components/alerts"},{"type":"link","label":"Badge","href":"/components/badge","docId":"components/badge"},{"type":"link","label":"Breadcrumb","href":"/components/breadcrumb","docId":"components/breadcrumb"},{"type":"link","label":"Buttons","href":"/components/buttons","docId":"components/buttons"},{"type":"link","label":"Callout","href":"/components/callout","docId":"components/callout"},{"type":"link","label":"Card","href":"/components/card","docId":"components/card"},{"type":"link","label":"Charts","href":"/components/charts","docId":"components/charts"},{"type":"link","label":"Collapse","href":"/components/collapse","docId":"components/collapse"},{"type":"link","label":"Confirm Dialog","href":"/components/confirm-dialog","docId":"components/confirm-dialog"},{"type":"link","label":"Dropdown","href":"/components/dropdown","docId":"components/dropdown"},{"type":"link","label":"Grid","href":"/components/grid","docId":"components/grid"},{"type":"link","label":"Modal","href":"/components/modal","docId":"components/modal"},{"type":"link","label":"Offcanvas","href":"/components/offcanvas","docId":"components/offcanvas"},{"type":"link","label":"Pagination","href":"/components/pagination","docId":"components/pagination"},{"type":"link","label":"PDF Viewer","href":"/components/pdf-viewer","docId":"components/pdf-viewer"},{"type":"link","label":"Placeholders","href":"/components/placeholders","docId":"components/placeholders"},{"type":"link","label":"Preload","href":"/components/preload","docId":"components/preload"},{"type":"link","label":"Progress","href":"/components/progress","docId":"components/progress"},{"type":"link","label":"Script Loader","href":"/components/script-loader","docId":"components/script-loader"},{"type":"link","label":"Sidebar","href":"/components/sidebar","docId":"components/sidebar"},{"type":"link","label":"Spinners","href":"/components/spinners","docId":"components/spinners"},{"type":"link","label":"Tabs","href":"/components/tabs","docId":"components/tabs"},{"type":"link","label":"Toasts","href":"/components/toasts","docId":"components/toasts"},{"type":"link","label":"Tooltips","href":"/components/tooltips","docId":"components/tooltips"}]},{"type":"category","label":"Data Visualization","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Bar Chart","href":"/data-visualization/bar-chart","docId":"data-visualization/bar-chart"},{"type":"link","label":"Doughnut Chart","href":"/data-visualization/doughnut-chart","docId":"data-visualization/doughnut-chart"},{"type":"link","label":"Line Chart","href":"/data-visualization/line-chart","docId":"data-visualization/line-chart"},{"type":"link","label":"Pie Chart","href":"/data-visualization/pie-chart","docId":"data-visualization/pie-chart"}]},{"type":"category","label":"Services","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Modal Service","href":"/services/modal","docId":"services/modal"}]}]},"docs":{"components/accordion":{"id":"components/accordion","title":"Blazor Accordion Component","description":"Build vertically collapsing accordions in combination with our Collapse component.","sidebar":"tutorialSidebar"},"components/alerts":{"id":"components/alerts","title":"Blazor Alert Component","description":"Provide contextual feedback messages for typical user actions with the handful of available and flexible Blazor Bootstrap alert messages.","sidebar":"tutorialSidebar"},"components/badge":{"id":"components/badge","title":"Blazor Badge Component","description":"The Blazor Bootstrap Badge component shows the small count and labels.","sidebar":"tutorialSidebar"},"components/breadcrumb":{"id":"components/breadcrumb","title":"Blazor Breadcrumb Component","description":"Blazor Bootstrap breadcrumb component indicates the current page\'s location within a navigational hierarchy that automatically adds separators.","sidebar":"tutorialSidebar"},"components/buttons":{"id":"components/buttons","title":"Blazor Button Component","description":"Use Blazor Bootstrap button styles for actions in forms, dialogs, and more with support for multiple sizes, states, etc.","sidebar":"tutorialSidebar"},"components/callout":{"id":"components/callout","title":"Blazor Callout Component","description":"Blazor Bootstrap callout component provides content presentation in a visually distinct manner.","sidebar":"tutorialSidebar"},"components/card":{"id":"components/card","title":"Blazor Card Component","description":"BootstrapBootstrap\'s cards provide a flexible and extensible content container with multiple variants and options.","sidebar":"tutorialSidebar"},"components/charts":{"id":"components/charts","title":"Blazor Chart Components","description":"Blazor Bootstrap charts are well-designed chart components on top of Chart.js to visualize data. It contains a rich UI gallery of charts that cater to all charting scenarios. Its high performance helps render large amounts of data quickly.","sidebar":"tutorialSidebar"},"components/collapse":{"id":"components/collapse","title":"Blazor Collapse Component","description":"Toggle the visibility of content across your project with the Blazor Bootstrap Collapse component.","sidebar":"tutorialSidebar"},"components/confirm-dialog":{"id":"components/confirm-dialog","title":"Blazor Confirm Dialog Component","description":"Use Blazor Bootstrap confirm dialog component if you want the user to verify or accept something.","sidebar":"tutorialSidebar"},"components/dropdown":{"id":"components/dropdown","title":"Blazor Dropdown Component","description":"Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They are toggled by clicking, not by hovering; this is an intentional design decision\'by bootstrap.","sidebar":"tutorialSidebar"},"components/grid":{"id":"components/grid","title":"Blazor Grid Component","description":"Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side paging & sorting.","sidebar":"tutorialSidebar"},"components/modal":{"id":"components/modal","title":"Blazor Modal Component","description":"Use Blazor Bootstrap modal component to add dialogs to your site for lightboxes, user notifications, or completely custom content.","sidebar":"tutorialSidebar"},"components/offcanvas":{"id":"components/offcanvas","title":"Blazor Offcanvas Component","description":"Build hidden sidebars into your project for navigation, shopping carts, and more with Blazor Bootstrap offcanvas component.","sidebar":"tutorialSidebar"},"components/pagination":{"id":"components/pagination","title":"Blazor Pagination Component","description":"Use Blazor Bootstrap pagination component to indicate a series of related content exists across multiple pages.","sidebar":"tutorialSidebar"},"components/pdf-viewer":{"id":"components/pdf-viewer","title":"Blazor PDF Viewer Component","description":"The Blazor PDF Viewer component allows users to view PDF files directly in the browser, without relying on third-party browser tools or extensions.","sidebar":"tutorialSidebar"},"components/placeholders":{"id":"components/placeholders","title":"Blazor Placeholder Component","description":"Use Blazor Bootstrap loading placeholders for your components or pages to indicate something may still be loading.","sidebar":"tutorialSidebar"},"components/preload":{"id":"components/preload","title":"Blazor Preload Component","description":"Indicate the loading state of a page with Blazor Bootstrap preload component.","sidebar":"tutorialSidebar"},"components/progress":{"id":"components/progress","title":"Blazor Progress Component","description":"Documentation and examples for using the Blazor Bootstrap progress component featuring support for stacked bars, animated backgrounds, and text labels.","sidebar":"tutorialSidebar"},"components/script-loader":{"id":"components/script-loader","title":"Blazor Script Loader Component","description":"Documentation and examples for using the Blazor Bootstrap Script Loader component.","sidebar":"tutorialSidebar"},"components/sidebar":{"id":"components/sidebar","title":"Blazor Sidebar Component","description":"Documentation and examples for using the Blazor Bootstrap progress component featuring support for stacked bars, animated backgrounds, and text labels.","sidebar":"tutorialSidebar"},"components/spinners":{"id":"components/spinners","title":"Blazor Spinner Component","description":"Visualize the loading state of a component or page using the Blazor Bootstrap Spinner component.","sidebar":"tutorialSidebar"},"components/tabs":{"id":"components/tabs","title":"Blazor Tabs Component","description":"Documentation and examples for using Blazor Bootstrap Tabs components.","sidebar":"tutorialSidebar"},"components/toasts":{"id":"components/toasts","title":"Blazor Toasts Component","description":"Push notifications to your visitors with a toast, a lightweight and easily customizable Blazor Bootstrap toast message.","sidebar":"tutorialSidebar"},"components/tooltips":{"id":"components/tooltips","title":"Blazor Tooltip Component","description":"Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages.","sidebar":"tutorialSidebar"},"content/icons":{"id":"content/icons","title":"Blazor Icons Component","description":"Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages.","sidebar":"tutorialSidebar"},"data-visualization/bar-chart":{"id":"data-visualization/bar-chart","title":"Blazor Bar Chart","description":"A Blazor Bootstrap bar chart component is used to represent data values as vertical bars. It is sometimes used to show trend data and to compare multiple data sets side by side.","sidebar":"tutorialSidebar"},"data-visualization/doughnut-chart":{"id":"data-visualization/doughnut-chart","title":"Blazor Doughnut Chart","description":"A Blazor Bootstrap donut chart component is a circular chart that shows the proportional values of different categories. It is similar to a pie chart, but the center of the donut chart is hollow. This makes it easier to see the individual values of each category.","sidebar":"tutorialSidebar"},"data-visualization/line-chart":{"id":"data-visualization/line-chart","title":"Blazor Line Chart","description":"A Blazor Bootstrap line chart component is a graphical representation of data that uses a series of connected points to show how the data changes over time. It is a type of x-y chart, where the x-axis represents the independent variable, such as time, and the y-axis represents the dependent variable, such as the value.","sidebar":"tutorialSidebar"},"data-visualization/pie-chart":{"id":"data-visualization/pie-chart","title":"Blazor Pie Chart Components","description":"A Blazor Bootstrap pie chart component is a circular chart that shows the proportional values of different categories.","sidebar":"tutorialSidebar"},"forms/autocomplete":{"id":"forms/autocomplete","title":"Blazor AutoComplete Component","description":"Blazor Bootstrap `AutoComplete` component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering.","sidebar":"tutorialSidebar"},"forms/currency-input":{"id":"forms/currency-input","title":"Blazor Currency Input Component","description":"Use the Blazor Bootstrap `CurrencyInput` component to show the numbers in the user\'s locale format, including the currency symbol.","sidebar":"tutorialSidebar"},"forms/date-input":{"id":"forms/date-input","title":"Blazor Date Input Component","description":"Blazor Bootstrap `DateInput` component is constructed using an HTML input of `type=\\"date\\"` which limits user input based on pre-defined parameters. This component enables users to input a date using a text box with validation or a special date picker interface.","sidebar":"tutorialSidebar"},"forms/number-input":{"id":"forms/number-input","title":"Blazor Number Input Component","description":"Blazor Bootstrap `NumberInput` component is built around HTML input of `type=\\"number\\"` that prevents the user input based on the parameters set.","sidebar":"tutorialSidebar"},"forms/range-input":{"id":"forms/range-input","title":"Blazor Range Input Component","description":"Blazor Bootstrap `NumberInput` component is built around HTML input of `type=\\"number\\"` that prevents the user input based on the parameters set.","sidebar":"tutorialSidebar"},"forms/switch":{"id":"forms/switch","title":"Blazor Switch Component","description":"Use the Blazor Bootstrap `Switch` component to show the consistent cross-browser and cross-device custom checkboxes.","sidebar":"tutorialSidebar"},"forms/time-input":{"id":"forms/time-input","title":"Blazor Time Input Component","description":"The Blazor Bootstrap `TimeInput` component is constructed using an HTML input of `type=\\"time\\"` which limits user input based on pre-defined parameters. This component enables users to input a time using a text box with validation or a special time picker interface.","sidebar":"tutorialSidebar"},"getting-started/blazor-server-net-6":{"id":"getting-started/blazor-server-net-6","title":"Blazor Server (.NET 6)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"getting-started/blazor-server-net-7":{"id":"getting-started/blazor-server-net-7","title":"Blazor Server (.NET 7)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"getting-started/blazor-webapp-auto-global-net-8":{"id":"getting-started/blazor-webapp-auto-global-net-8","title":"Blazor WebApp Auto (.NET 8)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"getting-started/blazor-webapp-server-global-net-8":{"id":"getting-started/blazor-webapp-server-global-net-8","title":"Blazor WebApp Server (.NET 8)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"getting-started/blazor-webassembly-net-6":{"id":"getting-started/blazor-webassembly-net-6","title":"Blazor WebAssembly (.NET 6)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"getting-started/blazor-webassembly-net-7":{"id":"getting-started/blazor-webassembly-net-7","title":"Blazor WebAssembly (.NET 7)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"getting-started/blazor-webassembly-net-8":{"id":"getting-started/blazor-webassembly-net-8","title":"Blazor WebAssembly (.NET 8)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"getting-started/maui-blazor-net-7":{"id":"getting-started/maui-blazor-net-7","title":"MAUI Blazor Hybrid App (.NET 7)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"getting-started/maui-blazor-net-8":{"id":"getting-started/maui-blazor-net-8","title":"MAUI Blazor Hybrid App (.NET 8)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"layout/blazor-server":{"id":"layout/blazor-server","title":"Blazor Server","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"layout/blazor-webassembly":{"id":"layout/blazor-webassembly","title":"Blazor WebAssembly","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.","sidebar":"tutorialSidebar"},"services/modal":{"id":"services/modal","title":"Blazor Modal Service","description":"Use Blazor Bootstrap modal service to show quick dialogs to your site for lightboxes, user notifications, or completely custom content.","sidebar":"tutorialSidebar"}}}')}}]); \ No newline at end of file diff --git a/assets/js/c190ea02.fdd59b51.js b/assets/js/c190ea02.c2be50cf.js similarity index 98% rename from assets/js/c190ea02.fdd59b51.js rename to assets/js/c190ea02.c2be50cf.js index d31981e58..53e84b115 100644 --- a/assets/js/c190ea02.fdd59b51.js +++ b/assets/js/c190ea02.c2be50cf.js @@ -1 +1 @@ -"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[95338],{3905:(t,e,o)=>{o.d(e,{Zo:()=>m,kt:()=>h});var n=o(67294);function l(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function a(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,n)}return o}function r(t){for(var e=1;e=0||(l[o]=t[o]);return l}(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(t,o)&&(l[o]=t[o])}return l}var p=n.createContext({}),s=function(t){var e=n.useContext(p),o=e;return t&&(o="function"==typeof t?t(e):r(r({},e),t)),o},m=function(t){var e=s(t.components);return n.createElement(p.Provider,{value:e},t.children)},c="mdxType",d={inlineCode:"code",wrapper:function(t){var e=t.children;return n.createElement(n.Fragment,{},e)}},u=n.forwardRef((function(t,e){var o=t.components,l=t.mdxType,a=t.originalType,p=t.parentName,m=i(t,["components","mdxType","originalType","parentName"]),c=s(o),u=l,h=c["".concat(p,".").concat(u)]||c[u]||d[u]||a;return o?n.createElement(h,r(r({ref:e},m),{},{components:o})):n.createElement(h,r({ref:e},m))}));function h(t,e){var o=arguments,l=e&&e.mdxType;if("string"==typeof t||l){var a=o.length,r=new Array(a);r[0]=u;var i={};for(var p in e)hasOwnProperty.call(e,p)&&(i[p]=e[p]);i.originalType=t,i[c]="string"==typeof t?t:l,r[1]=i;for(var s=2;s{o.d(e,{ZP:()=>m});var n=o(87462),l=o(67294),a=o(3905);class r extends l.Component{constructor(t){super(t),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let t=document.createElement("script");t.defer=!!this.script,t.async=!0,t.id=this.script?"":"_carbonads_js",t.type="text/javascript",t.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,t.onerror=()=>{this.showFallback=!0,this.forceUpdate()},t.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(t)};render(){return this.showFallback&&this.fallback?this.fallback:l.createElement("div",{id:this.name})}}const i=r,p={toc:[]},s="wrapper";function m(t){let{components:e,...o}=t;return(0,a.kt)(s,(0,n.Z)({},p,o,{components:e,mdxType:"MDXLayout"}),(0,a.kt)(i,{mdxType:"CarbonAd"}))}m.isMDXComponent=!0},80896:(t,e,o)=>{o.r(e),o.d(e,{assets:()=>s,contentTitle:()=>i,default:()=>u,frontMatter:()=>r,metadata:()=>p,toc:()=>m});var n=o(87462),l=(o(67294),o(3905)),a=o(74404);const r={title:"Blazor Tooltip Component",description:"Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages.",image:"https://i.imgur.com/uqvqb2i.jpg",sidebar_label:"Tooltips",sidebar_position:24},i="Blazor Tooltips",p={unversionedId:"components/tooltips",id:"components/tooltips",title:"Blazor Tooltip Component",description:"Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages.",source:"@site/docs/05-components/tooltips.mdx",sourceDirName:"05-components",slug:"/components/tooltips",permalink:"/components/tooltips",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/tooltips.mdx",tags:[],version:"current",sidebarPosition:24,frontMatter:{title:"Blazor Tooltip Component",description:"Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages.",image:"https://i.imgur.com/uqvqb2i.jpg",sidebar_label:"Tooltips",sidebar_position:24},sidebar:"tutorialSidebar",previous:{title:"Toasts",permalink:"/components/toasts"},next:{title:"Bar Chart",permalink:"/data-visualization/bar-chart"}},s={},m=[{value:"Parameters",id:"parameters",level:2},{value:"Examples",id:"examples",level:2},{value:"Tooltips",id:"tooltips",level:3},{value:"Disabled button with tooltip",id:"disabled-button-with-tooltip",level:3},{value:"Tooltip icon with click event",id:"tooltip-icon-with-click-event",level:3},{value:"Dynamically update the tooltip text",id:"dynamically-update-the-tooltip-text",level:3}],c={toc:m},d="wrapper";function u(t){let{components:e,...o}=t;return(0,l.kt)(d,(0,n.Z)({},c,o,{components:e,mdxType:"MDXLayout"}),(0,l.kt)("h1",{id:"blazor-tooltips"},"Blazor Tooltips"),(0,l.kt)("p",null,"Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages."),(0,l.kt)(a.ZP,{mdxType:"CarbonAd"}),(0,l.kt)("h2",{id:"parameters"},"Parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:null},"Name"),(0,l.kt)("th",{parentName:"tr",align:null},"Type"),(0,l.kt)("th",{parentName:"tr",align:null},"Description"),(0,l.kt)("th",{parentName:"tr",align:null},"Required"),(0,l.kt)("th",{parentName:"tr",align:null},"Default"),(0,l.kt)("th",{parentName:"tr",align:null},"Added Version"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:null},"ChildContent"),(0,l.kt)("td",{parentName:"tr",align:null},"RenderFragment"),(0,l.kt)("td",{parentName:"tr",align:null},"Specifies the content to be rendered inside this."),(0,l.kt)("td",{parentName:"tr",align:null}),(0,l.kt)("td",{parentName:"tr",align:null}),(0,l.kt)("td",{parentName:"tr",align:null},"1.0.0")),(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:null},"Color"),(0,l.kt)("td",{parentName:"tr",align:null},(0,l.kt)("inlineCode",{parentName:"td"},"TooltipColor")),(0,l.kt)("td",{parentName:"tr",align:null},"Gets or sets the tooltip color."),(0,l.kt)("td",{parentName:"tr",align:null}),(0,l.kt)("td",{parentName:"tr",align:null},(0,l.kt)("inlineCode",{parentName:"td"},"TooltipColor.None")),(0,l.kt)("td",{parentName:"tr",align:null},"1.10.0")),(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:null},"Placement"),(0,l.kt)("td",{parentName:"tr",align:null},(0,l.kt)("inlineCode",{parentName:"td"},"TooltipPlacement")),(0,l.kt)("td",{parentName:"tr",align:null},"Specifies the tooltip placement. Default is top right."),(0,l.kt)("td",{parentName:"tr",align:null}),(0,l.kt)("td",{parentName:"tr",align:null},(0,l.kt)("inlineCode",{parentName:"td"},"TooltipPlacement.Top")),(0,l.kt)("td",{parentName:"tr",align:null},"1.0.0")),(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:null},"Title"),(0,l.kt)("td",{parentName:"tr",align:null},"string"),(0,l.kt)("td",{parentName:"tr",align:null},"Displays informative text when users hover, focus, or tap an element."),(0,l.kt)("td",{parentName:"tr",align:null},"\u2714\ufe0f"),(0,l.kt)("td",{parentName:"tr",align:null}),(0,l.kt)("td",{parentName:"tr",align:null},"1.0.0")))),(0,l.kt)("h2",{id:"examples"},"Examples"),(0,l.kt)("h3",{id:"tooltips"},"Tooltips"),(0,l.kt)("div",null,(0,l.kt)("img",{src:"https://i.imgur.com/uqvqb2i.jpg",alt:"Blazor Bootstrap: Tooltip Component"})),(0,l.kt)("div",null,(0,l.kt)("img",{src:"https://i.imgur.com/ZHLTCvX.jpg",alt:"Blazor Bootstrap: Tooltip Component"})),(0,l.kt)("div",null,(0,l.kt)("img",{src:"https://i.imgur.com/jwJUhkV.jpg",alt:"Blazor Bootstrap: Tooltip Component"})),(0,l.kt)("div",null,(0,l.kt)("img",{src:"https://i.imgur.com/T2YMw9p.jpg",alt:"Blazor Bootstrap: Tooltip Component"})),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"showLineNumbers",showLineNumbers:!0},'
\n Tooltip Left\n
\n
\n Tooltip Top\n
\n
\n Tooltip Right\n
\n
\n Tooltip Bottom\n
\n')),(0,l.kt)("p",null,(0,l.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tooltips#examples"},"See tooltips demo here.")),(0,l.kt)("h3",{id:"disabled-button-with-tooltip"},"Disabled button with tooltip"),(0,l.kt)("img",{src:"https://i.imgur.com/PGlmZS3.jpg",alt:"Blazor Bootstrap: Tooltip Component"}),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"showLineNumbers",showLineNumbers:!0},'\n \n\n')),(0,l.kt)("p",null,(0,l.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tooltips#disabled-button-with-tootip"},"See disabled button with tooltip demo here.")),(0,l.kt)("h3",{id:"tooltip-icon-with-click-event"},"Tooltip icon with click event"),(0,l.kt)("img",{src:"https://i.imgur.com/D3FrZba.jpg",alt:"Blazor Bootstrap: Tooltip Component"}),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"showLineNumbers",showLineNumbers:!0},'\n \n\n')),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n private void OnClick()\n {\n Console.WriteLine($"clicked");\n }\n}\n')),(0,l.kt)("p",null,(0,l.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tooltips#icon-with-click-event"},"See icon with tooltip demo here.")),(0,l.kt)("h3",{id:"dynamically-update-the-tooltip-text"},"Dynamically update the tooltip text"),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"showLineNumbers",showLineNumbers:!0},'
\n Tooltip Bottom\n
\n\n\n@code {\n private string text = "Tooltip text";\n\n private void ChangeTooltip() => text = $"Updated {DateTime.Now.ToLongTimeString()}";\n}\n')),(0,l.kt)("p",null,(0,l.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tooltips#dynamically-update-the-tooltip-text"},"see demo here")))}u.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[95338],{3905:(t,e,o)=>{o.d(e,{Zo:()=>m,kt:()=>h});var n=o(67294);function l(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function a(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,n)}return o}function r(t){for(var e=1;e=0||(l[o]=t[o]);return l}(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(t,o)&&(l[o]=t[o])}return l}var p=n.createContext({}),s=function(t){var e=n.useContext(p),o=e;return t&&(o="function"==typeof t?t(e):r(r({},e),t)),o},m=function(t){var e=s(t.components);return n.createElement(p.Provider,{value:e},t.children)},c="mdxType",d={inlineCode:"code",wrapper:function(t){var e=t.children;return n.createElement(n.Fragment,{},e)}},u=n.forwardRef((function(t,e){var o=t.components,l=t.mdxType,a=t.originalType,p=t.parentName,m=i(t,["components","mdxType","originalType","parentName"]),c=s(o),u=l,h=c["".concat(p,".").concat(u)]||c[u]||d[u]||a;return o?n.createElement(h,r(r({ref:e},m),{},{components:o})):n.createElement(h,r({ref:e},m))}));function h(t,e){var o=arguments,l=e&&e.mdxType;if("string"==typeof t||l){var a=o.length,r=new Array(a);r[0]=u;var i={};for(var p in e)hasOwnProperty.call(e,p)&&(i[p]=e[p]);i.originalType=t,i[c]="string"==typeof t?t:l,r[1]=i;for(var s=2;s{o.d(e,{ZP:()=>m});var n=o(87462),l=o(67294),a=o(3905);class r extends l.Component{constructor(t){super(t),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let t=document.createElement("script");t.defer=!!this.script,t.async=!0,t.id=this.script?"":"_carbonads_js",t.type="text/javascript",t.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,t.onerror=()=>{this.showFallback=!0,this.forceUpdate()},t.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(t)};render(){return this.showFallback&&this.fallback?this.fallback:l.createElement("div",{id:this.name})}}const i=r,p={toc:[]},s="wrapper";function m(t){let{components:e,...o}=t;return(0,a.kt)(s,(0,n.Z)({},p,o,{components:e,mdxType:"MDXLayout"}),(0,a.kt)(i,{mdxType:"CarbonAd"}))}m.isMDXComponent=!0},80896:(t,e,o)=>{o.r(e),o.d(e,{assets:()=>s,contentTitle:()=>i,default:()=>u,frontMatter:()=>r,metadata:()=>p,toc:()=>m});var n=o(87462),l=(o(67294),o(3905)),a=o(74404);const r={title:"Blazor Tooltip Component",description:"Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages.",image:"https://i.imgur.com/uqvqb2i.jpg",sidebar_label:"Tooltips",sidebar_position:25},i="Blazor Tooltips",p={unversionedId:"components/tooltips",id:"components/tooltips",title:"Blazor Tooltip Component",description:"Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages.",source:"@site/docs/05-components/tooltips.mdx",sourceDirName:"05-components",slug:"/components/tooltips",permalink:"/components/tooltips",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/tooltips.mdx",tags:[],version:"current",sidebarPosition:25,frontMatter:{title:"Blazor Tooltip Component",description:"Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages.",image:"https://i.imgur.com/uqvqb2i.jpg",sidebar_label:"Tooltips",sidebar_position:25},sidebar:"tutorialSidebar",previous:{title:"Toasts",permalink:"/components/toasts"},next:{title:"Bar Chart",permalink:"/data-visualization/bar-chart"}},s={},m=[{value:"Parameters",id:"parameters",level:2},{value:"Examples",id:"examples",level:2},{value:"Tooltips",id:"tooltips",level:3},{value:"Disabled button with tooltip",id:"disabled-button-with-tooltip",level:3},{value:"Tooltip icon with click event",id:"tooltip-icon-with-click-event",level:3},{value:"Dynamically update the tooltip text",id:"dynamically-update-the-tooltip-text",level:3}],c={toc:m},d="wrapper";function u(t){let{components:e,...o}=t;return(0,l.kt)(d,(0,n.Z)({},c,o,{components:e,mdxType:"MDXLayout"}),(0,l.kt)("h1",{id:"blazor-tooltips"},"Blazor Tooltips"),(0,l.kt)("p",null,"Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages."),(0,l.kt)(a.ZP,{mdxType:"CarbonAd"}),(0,l.kt)("h2",{id:"parameters"},"Parameters"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:null},"Name"),(0,l.kt)("th",{parentName:"tr",align:null},"Type"),(0,l.kt)("th",{parentName:"tr",align:null},"Description"),(0,l.kt)("th",{parentName:"tr",align:null},"Required"),(0,l.kt)("th",{parentName:"tr",align:null},"Default"),(0,l.kt)("th",{parentName:"tr",align:null},"Added Version"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:null},"ChildContent"),(0,l.kt)("td",{parentName:"tr",align:null},"RenderFragment"),(0,l.kt)("td",{parentName:"tr",align:null},"Specifies the content to be rendered inside this."),(0,l.kt)("td",{parentName:"tr",align:null}),(0,l.kt)("td",{parentName:"tr",align:null}),(0,l.kt)("td",{parentName:"tr",align:null},"1.0.0")),(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:null},"Color"),(0,l.kt)("td",{parentName:"tr",align:null},(0,l.kt)("inlineCode",{parentName:"td"},"TooltipColor")),(0,l.kt)("td",{parentName:"tr",align:null},"Gets or sets the tooltip color."),(0,l.kt)("td",{parentName:"tr",align:null}),(0,l.kt)("td",{parentName:"tr",align:null},(0,l.kt)("inlineCode",{parentName:"td"},"TooltipColor.None")),(0,l.kt)("td",{parentName:"tr",align:null},"1.10.0")),(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:null},"Placement"),(0,l.kt)("td",{parentName:"tr",align:null},(0,l.kt)("inlineCode",{parentName:"td"},"TooltipPlacement")),(0,l.kt)("td",{parentName:"tr",align:null},"Specifies the tooltip placement. Default is top right."),(0,l.kt)("td",{parentName:"tr",align:null}),(0,l.kt)("td",{parentName:"tr",align:null},(0,l.kt)("inlineCode",{parentName:"td"},"TooltipPlacement.Top")),(0,l.kt)("td",{parentName:"tr",align:null},"1.0.0")),(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:null},"Title"),(0,l.kt)("td",{parentName:"tr",align:null},"string"),(0,l.kt)("td",{parentName:"tr",align:null},"Displays informative text when users hover, focus, or tap an element."),(0,l.kt)("td",{parentName:"tr",align:null},"\u2714\ufe0f"),(0,l.kt)("td",{parentName:"tr",align:null}),(0,l.kt)("td",{parentName:"tr",align:null},"1.0.0")))),(0,l.kt)("h2",{id:"examples"},"Examples"),(0,l.kt)("h3",{id:"tooltips"},"Tooltips"),(0,l.kt)("div",null,(0,l.kt)("img",{src:"https://i.imgur.com/uqvqb2i.jpg",alt:"Blazor Bootstrap: Tooltip Component"})),(0,l.kt)("div",null,(0,l.kt)("img",{src:"https://i.imgur.com/ZHLTCvX.jpg",alt:"Blazor Bootstrap: Tooltip Component"})),(0,l.kt)("div",null,(0,l.kt)("img",{src:"https://i.imgur.com/jwJUhkV.jpg",alt:"Blazor Bootstrap: Tooltip Component"})),(0,l.kt)("div",null,(0,l.kt)("img",{src:"https://i.imgur.com/T2YMw9p.jpg",alt:"Blazor Bootstrap: Tooltip Component"})),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"showLineNumbers",showLineNumbers:!0},'
\n Tooltip Left\n
\n
\n Tooltip Top\n
\n
\n Tooltip Right\n
\n
\n Tooltip Bottom\n
\n')),(0,l.kt)("p",null,(0,l.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tooltips#examples"},"See tooltips demo here.")),(0,l.kt)("h3",{id:"disabled-button-with-tooltip"},"Disabled button with tooltip"),(0,l.kt)("img",{src:"https://i.imgur.com/PGlmZS3.jpg",alt:"Blazor Bootstrap: Tooltip Component"}),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"showLineNumbers",showLineNumbers:!0},'\n \n\n')),(0,l.kt)("p",null,(0,l.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tooltips#disabled-button-with-tootip"},"See disabled button with tooltip demo here.")),(0,l.kt)("h3",{id:"tooltip-icon-with-click-event"},"Tooltip icon with click event"),(0,l.kt)("img",{src:"https://i.imgur.com/D3FrZba.jpg",alt:"Blazor Bootstrap: Tooltip Component"}),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"showLineNumbers",showLineNumbers:!0},'\n \n\n')),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n private void OnClick()\n {\n Console.WriteLine($"clicked");\n }\n}\n')),(0,l.kt)("p",null,(0,l.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tooltips#icon-with-click-event"},"See icon with tooltip demo here.")),(0,l.kt)("h3",{id:"dynamically-update-the-tooltip-text"},"Dynamically update the tooltip text"),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"showLineNumbers",showLineNumbers:!0},'
\n Tooltip Bottom\n
\n\n\n@code {\n private string text = "Tooltip text";\n\n private void ChangeTooltip() => text = $"Updated {DateTime.Now.ToLongTimeString()}";\n}\n')),(0,l.kt)("p",null,(0,l.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tooltips#dynamically-update-the-tooltip-text"},"see demo here")))}u.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/c8cb7a76.08f11a57.js b/assets/js/c8cb7a76.08f11a57.js new file mode 100644 index 000000000..9f8470bbd --- /dev/null +++ b/assets/js/c8cb7a76.08f11a57.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[19089],{3905:(t,e,n)=>{n.d(e,{Zo:()=>b,kt:()=>h});var a=n(67294);function r(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function o(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,a)}return n}function s(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var i=a.createContext({}),c=function(t){var e=a.useContext(i),n=e;return t&&(n="function"==typeof t?t(e):s(s({},e),t)),n},b=function(t){var e=c(t.components);return a.createElement(i.Provider,{value:e},t.children)},m="mdxType",p={inlineCode:"code",wrapper:function(t){var e=t.children;return a.createElement(a.Fragment,{},e)}},d=a.forwardRef((function(t,e){var n=t.components,r=t.mdxType,o=t.originalType,i=t.parentName,b=l(t,["components","mdxType","originalType","parentName"]),m=c(n),d=r,h=m["".concat(i,".").concat(d)]||m[d]||p[d]||o;return n?a.createElement(h,s(s({ref:e},b),{},{components:n})):a.createElement(h,s({ref:e},b))}));function h(t,e){var n=arguments,r=e&&e.mdxType;if("string"==typeof t||r){var o=n.length,s=new Array(o);s[0]=d;var l={};for(var i in e)hasOwnProperty.call(e,i)&&(l[i]=e[i]);l.originalType=t,l[m]="string"==typeof t?t:r,s[1]=l;for(var c=2;c{n.d(e,{ZP:()=>b});var a=n(87462),r=n(67294),o=n(3905);class s extends r.Component{constructor(t){super(t),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let t=document.createElement("script");t.defer=!!this.script,t.async=!0,t.id=this.script?"":"_carbonads_js",t.type="text/javascript",t.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,t.onerror=()=>{this.showFallback=!0,this.forceUpdate()},t.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(t)};render(){return this.showFallback&&this.fallback?this.fallback:r.createElement("div",{id:this.name})}}const l=s,i={toc:[]},c="wrapper";function b(t){let{components:e,...n}=t;return(0,o.kt)(c,(0,a.Z)({},i,n,{components:e,mdxType:"MDXLayout"}),(0,o.kt)(l,{mdxType:"CarbonAd"}))}b.isMDXComponent=!0},97667:(t,e,n)=>{n.r(e),n.d(e,{assets:()=>c,contentTitle:()=>l,default:()=>d,frontMatter:()=>s,metadata:()=>i,toc:()=>b});var a=n(87462),r=(n(67294),n(3905)),o=n(74404);const s={title:"Blazor Tabs Component",description:"Documentation and examples for using Blazor Bootstrap Tabs components.",image:"https://i.imgur.com/KelXx6Z.png",sidebar_label:"Tabs",sidebar_position:23},l="Blazor Tabs",i={unversionedId:"components/tabs",id:"components/tabs",title:"Blazor Tabs Component",description:"Documentation and examples for using Blazor Bootstrap Tabs components.",source:"@site/docs/05-components/tabs.mdx",sourceDirName:"05-components",slug:"/components/tabs",permalink:"/components/tabs",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/tabs.mdx",tags:[],version:"current",sidebarPosition:23,frontMatter:{title:"Blazor Tabs Component",description:"Documentation and examples for using Blazor Bootstrap Tabs components.",image:"https://i.imgur.com/KelXx6Z.png",sidebar_label:"Tabs",sidebar_position:23},sidebar:"tutorialSidebar",previous:{title:"Spinners",permalink:"/components/spinners"},next:{title:"Toasts",permalink:"/components/toasts"}},c={},b=[{value:"Tabs Parameters",id:"tabs-parameters",level:2},{value:"Tabs Methods",id:"tabs-methods",level:2},{value:"Tabs Callback Events",id:"tabs-callback-events",level:2},{value:"Tab Parameters",id:"tab-parameters",level:2},{value:"Tab Callback Events",id:"tab-callback-events",level:2},{value:"Examples",id:"examples",level:2},{value:"Tabs",id:"tabs",level:3},{value:"Fade effect",id:"fade-effect",level:3},{value:"Title with icon",id:"title-with-icon",level:3},{value:"Disable Tab",id:"disable-tab",level:3},{value:"Pills",id:"pills",level:3},{value:"Underline",id:"underline",level:3},{value:"Vertical",id:"vertical",level:3},{value:"Vertical pills",id:"vertical-pills",level:3},{value:"Vertical underline",id:"vertical-underline",level:3},{value:"Activate individual tabs",id:"activate-individual-tabs",level:3},{value:"Events",id:"events",level:3},{value:"Methods: Set active tab OnAfterRender",id:"methods-set-active-tab-onafterrender",level:3},{value:"Tab: OnClick",id:"tab-onclick",level:3},{value:"Dynamic tabs",id:"dynamic-tabs",level:3}],m={toc:b},p="wrapper";function d(t){let{components:e,...n}=t;return(0,r.kt)(p,(0,a.Z)({},m,n,{components:e,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"blazor-tabs"},"Blazor Tabs"),(0,r.kt)("p",null,"Documentation and examples for using Blazor Bootstrap Tabs components."),(0,r.kt)(o.ZP,{mdxType:"CarbonAd"}),(0,r.kt)("h2",{id:"tabs-parameters"},"Tabs 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"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(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"},"ChildContent"),(0,r.kt)("td",{parentName:"tr",align:"left"},"RenderFragment"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Specifies the content to be rendered inside this."),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"EnableFadeEffect"),(0,r.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the tabs fade effect."),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"false"),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"NavStyle"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"NavStyle")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Get or sets the nav style."),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"NavStyle.Tabs")),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")))),(0,r.kt)("h2",{id:"tabs-methods"},"Tabs Methods"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"InitializeRecentTab(bool showTab)"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Initializes the most recently added tab, optionally displaying it."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.11.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ShowFirstTabAsync()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Selects the first tab and show its associated pane."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ShowLastTabAsync()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Selects the last tab and show its associated pane."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ShowTabByIndexAsync(int tabIndex)"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Selects the tab by index and show its associated pane."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ShowTabByNameAsync(string tabName)"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Selects the tab by name and show its associated pane."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")))),(0,r.kt)("h2",{id:"tabs-callback-events"},"Tabs Callback 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"},"Event"),(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"},"OnHidden"),(0,r.kt)("td",{parentName:"tr",align:"left"},"This event fires after a new tab is shown (and thus the previous active tab is hidden)."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"OnHiding"),(0,r.kt)("td",{parentName:"tr",align:"left"},"This event fires when a new tab is to be shown (and thus the previous active tab is to be hidden)."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"OnShowing"),(0,r.kt)("td",{parentName:"tr",align:"left"},"This event fires on tab show, but before the new tab has been shown."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"OnShown"),(0,r.kt)("td",{parentName:"tr",align:"left"},"This event fires on tab show after a tab has been shown."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")))),(0,r.kt)("h2",{id:"tab-parameters"},"Tab 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"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"right"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(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"},"Content"),(0,r.kt)("td",{parentName:"tr",align:"left"},"RenderFragment"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Specifies the content to be rendered inside the tab."),(0,r.kt)("td",{parentName:"tr",align:"right"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.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"},"Gets or sets the disabled."),(0,r.kt)("td",{parentName:"tr",align:"right"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"false"),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IsActive"),(0,r.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the active tab."),(0,r.kt)("td",{parentName:"tr",align:"right"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"false"),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the tab name."),(0,r.kt)("td",{parentName:"tr",align:"right"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Title"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the tab title."),(0,r.kt)("td",{parentName:"tr",align:"right"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"TitleTemplate"),(0,r.kt)("td",{parentName:"tr",align:"left"},"RenderFragment"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the tab title template."),(0,r.kt)("td",{parentName:"tr",align:"right"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")))),(0,r.kt)("admonition",{title:"Note",type:"info"},(0,r.kt)("p",{parentName:"admonition"},"Either ",(0,r.kt)("strong",{parentName:"p"},"Title")," or ",(0,r.kt)("strong",{parentName:"p"},"TitleTemplate")," is required.")),(0,r.kt)("h2",{id:"tab-callback-events"},"Tab Callback 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"},"Event"),(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"},"OnClick"),(0,r.kt)("td",{parentName:"tr",align:"left"},"This event fires when the user clicks the corresponding tab button and the tab is displayed."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.11.0")))),(0,r.kt)("h2",{id:"examples"},"Examples"),(0,r.kt)("h3",{id:"tabs"},"Tabs"),(0,r.kt)("img",{src:"https://i.imgur.com/ranwriJ.png",alt:"Blazor Tabs Component - Examples"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"showLineNumbers",showLineNumbers:!0},'\n \n \n

\n This is some placeholder content the Home tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n

\n This is some placeholder content the Profile tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n

\n This is some placeholder content the Contact tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#examples"},"See demo here.")),(0,r.kt)("h3",{id:"fade-effect"},"Fade effect"),(0,r.kt)("p",null,"To create a fade-in effect for tabs, add the ",(0,r.kt)("inlineCode",{parentName:"p"},'EnableFadeEffect="true"')," parameter. Additionally, set the ",(0,r.kt)("inlineCode",{parentName:"p"},'IsActive="true"')," parameter on the first tab pane to display its content initially."),(0,r.kt)("img",{src:"https://i.imgur.com/ranwriJ.png",alt:"Blazor Tabs Component - Fade effect"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1, 2} showLineNumbers","{1,":!0,"2}":!0,showLineNumbers:!0},'\n \n \n

\n This is some placeholder content the Home tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n

\n This is some placeholder content the Profile tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n

\n This is some placeholder content the Contact tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#fade-effect"},"See demo here.")),(0,r.kt)("h3",{id:"title-with-icon"},"Title with icon"),(0,r.kt)("p",null,"To customize the tab title, use the ",(0,r.kt)("strong",{parentName:"p"},"TitleTemplate")," parameter, as demonstrated in the following example."),(0,r.kt)("img",{src:"https://i.imgur.com/KelXx6Z.png",alt:"Blazor Tabs Component - Title with icon"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{3-5,13-15,23-25} showLineNumbers","{3-5,13-15,23-25}":!0,showLineNumbers:!0},'\n \n \n Home\n \n \n

\n This is some placeholder content the Home tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n Profile\n \n \n

\n This is some placeholder content the Profile tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n Contact\n \n \n

\n This is some placeholder content the Contact tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#title-with-icon"},"See demo here.")),(0,r.kt)("h3",{id:"disable-tab"},"Disable Tab"),(0,r.kt)("p",null,"Disable specific tabs by adding ",(0,r.kt)("inlineCode",{parentName:"p"},'Disabled="true"')," parameter."),(0,r.kt)("img",{src:"https://i.imgur.com/TCG6gCz.png",alt:"Blazor Tabs Component - Disable Tab"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{16} showLineNumbers","{16}":!0,showLineNumbers:!0},'\n \n \n

\n This is some placeholder content the Home tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n

\n This is some placeholder content the Profile tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n

\n This is some placeholder content the Projects tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n

\n This is some placeholder content the Contact tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#disable-tab"},"See demo here.")),(0,r.kt)("h3",{id:"pills"},"Pills"),(0,r.kt)("p",null,"To transform the tabs into pills, use the parameter ",(0,r.kt)("inlineCode",{parentName:"p"},'NavStyle="NavStyle.Pills"'),"."),(0,r.kt)("img",{src:"https://i.imgur.com/IyRJ0PS.png",alt:"Blazor Tabs Component - Pills"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n \n \n

\n This is some placeholder content the Home tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n

\n This is some placeholder content the Profile tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n

\n This is some placeholder content the Contact tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#pills"},"See demo here.")),(0,r.kt)("h3",{id:"underline"},"Underline"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("inlineCode",{parentName:"p"},'NavStyle="NavStyle.Underline"')," parameter to change the tabs to an underlined style."),(0,r.kt)("img",{src:"https://i.imgur.com/acZh4rq.png",alt:"Blazor Tabs Component - Underline"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n \n \n

This is the placeholder content for the Home tab.

\n \n \n \n \n

This is the placeholder content for the Profile tab.

\n \n \n \n \n

This is the placeholder content for the Contact tab.

\n \n \n\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#underline"},"See demo here.")),(0,r.kt)("h3",{id:"vertical"},"Vertical"),(0,r.kt)("p",null,"Display your tabs vertically by setting the ",(0,r.kt)("strong",{parentName:"p"},"NavStyle")," parameter to ",(0,r.kt)("strong",{parentName:"p"},"NavStyle.Vertical"),"."),(0,r.kt)("img",{src:"https://i.imgur.com/aiPVCnk.png",alt:"Blazor Tabs Component - Vertical"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n \n \n

This is the placeholder content for the Home tab.

\n \n \n \n \n

This is the placeholder content for the Profile tab.

\n \n \n \n \n

This is the placeholder content for the Contact tab.

\n \n \n \n \n

This is the placeholder content for the About tab.

\n \n \n\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#vertical"},"See demo here.")),(0,r.kt)("h3",{id:"vertical-pills"},"Vertical pills"),(0,r.kt)("img",{src:"https://i.imgur.com/CfPc32q.png",alt:"Blazor Tabs Component - Vertical pills"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n \n \n

This is the placeholder content for the Home tab.

\n \n \n \n \n

This is the placeholder content for the Profile tab.

\n \n \n \n \n

This is the placeholder content for the Contact tab.

\n \n \n \n \n

This is the placeholder content for the About tab.

\n \n \n\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#vertical-pills"},"See demo here.")),(0,r.kt)("h3",{id:"vertical-underline"},"Vertical underline"),(0,r.kt)("img",{src:"https://i.imgur.com/AVpqmiE.png",alt:"Blazor Tabs Component - Vertical underline"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n \n \n

This is the placeholder content for the Home tab.

\n \n \n \n \n

This is the placeholder content for the Profile tab.

\n \n \n \n \n

This is the placeholder content for the Contact tab.

\n \n \n \n \n

This is the placeholder content for the About tab.

\n \n \n\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#vertical-underline"},"See demo here.")),(0,r.kt)("h3",{id:"activate-individual-tabs"},"Activate individual tabs"),(0,r.kt)("p",null,"You can activate individual tabs in several ways. Use predefined methods such as ",(0,r.kt)("inlineCode",{parentName:"p"},"ShowFirstTabAsync"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"ShowLastTabAsync"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"ShowTabByIndexAsync"),", and ",(0,r.kt)("inlineCode",{parentName:"p"},"ShowTabByNameAsync"),", as shown below."),(0,r.kt)("img",{src:"https://i.imgur.com/NdE5oqH.png",alt:"Blazor Tabs Component - Activate individual tabs"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"showLineNumbers",showLineNumbers:!0},'\n \n \n

This is the placeholder content for the Home tab.

\n \n \n \n \n

This is the placeholder content for the Profile tab.

\n \n \n \n \n

This is the placeholder content for the Contact tab.

\n \n \n \n \n

This is the placeholder content for the Products tab.

\n \n \n \n \n

This is the placeholder content for the FAQs tab.

\n \n \n \n \n

This is the placeholder content for the About tab.

\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",showLineNumbers:!0},'@code{\n Tabs tabs;\n\n private async Task ShowFirstTabAsync() => await tabs.ShowFirstTabAsync();\n private async Task ShowSecondTabAsync() => await tabs.ShowTabByIndexAsync(1);\n private async Task ShowThirdTabAsync() => await tabs.ShowTabByIndexAsync(2);\n private async Task ShowProductsTabAsync() => await tabs.ShowTabByNameAsync("Products");\n private async Task ShowFaqsAsync() => await tabs.ShowTabByNameAsync("FAQ");\n private async Task ShowLastTabAsync() => await tabs.ShowLastTabAsync();\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#activate-individual-tabs"},"See demo here.")),(0,r.kt)("h3",{id:"events"},"Events"),(0,r.kt)("p",null,"When displaying a new tab, the events fire in the following sequence:"),(0,r.kt)("ol",null,(0,r.kt)("li",{parentName:"ol"},(0,r.kt)("inlineCode",{parentName:"li"},"OnHiding")," (on the currently active tab)"),(0,r.kt)("li",{parentName:"ol"},(0,r.kt)("inlineCode",{parentName:"li"},"OnShowing")," (on the tab that is about to be displayed)"),(0,r.kt)("li",{parentName:"ol"},(0,r.kt)("inlineCode",{parentName:"li"},"OnHidden")," (on the previously active tab, which is the same one that triggered the ",(0,r.kt)("inlineCode",{parentName:"li"},"OnHiding")," event)"),(0,r.kt)("li",{parentName:"ol"},(0,r.kt)("inlineCode",{parentName:"li"},"OnShown")," (on the newly activated tab that has just been displayed, which is the same one that triggered the ",(0,r.kt)("inlineCode",{parentName:"li"},"OnShowing")," event)")),(0,r.kt)("admonition",{title:"Note",type:"info"},(0,r.kt)("p",{parentName:"admonition"},"If no tab was already active, then the ",(0,r.kt)("inlineCode",{parentName:"p"},"OnHiding")," and ",(0,r.kt)("inlineCode",{parentName:"p"},"OnHidden")," events will not be fired.")),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#events"},"See demo here.")),(0,r.kt)("h3",{id:"methods-set-active-tab-onafterrender"},"Methods: Set active tab OnAfterRender"),(0,r.kt)("img",{src:"https://i.imgur.com/NdE5oqH.png",alt:"Blazor Tabs Component - Activate individual tabs"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"showLineNumbers",showLineNumbers:!0},'\n \n \n

This is the placeholder content for the Home tab.

\n \n \n \n \n

This is the placeholder content for the Profile tab.

\n \n \n \n \n

This is the placeholder content for the Contact tab.

\n \n \n \n \n

This is the placeholder content for the About tab.

\n \n \n\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n Tabs tabs = default!;\n\n protected override async Task OnAfterRenderAsync(bool firstRender)\n {\n if (firstRender)\n {\n string userDefaultPreferredTab = "Profile"; // Get the value from Service / API\n\n switch (userDefaultPreferredTab)\n {\n case "Home":\n await tabs.ShowTabByIndexAsync(0);\n break;\n case "Profile":\n await tabs.ShowTabByIndexAsync(1); \n break;\n case "Contact":\n await tabs.ShowTabByIndexAsync(2);\n break;\n case "About":\n await tabs.ShowTabByIndexAsync(3);\n break;\n default:\n await tabs.ShowTabByIndexAsync(0);\n break;\n }\n }\n }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#methods-set-active-tab-onafterrender"},"See demo here.")),(0,r.kt)("h3",{id:"tab-onclick"},"Tab: OnClick"),(0,r.kt)("img",{src:"https://i.imgur.com/bJXYlr5.png",alt:"Blazor Tabs Component - Return object on tab switch"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{6} showLineNumbers","{6}":!0,showLineNumbers:!0},'\n @foreach (var customer in customers)\n {\n \n \n
\n This is the placeholder content for the @customer.CustomerName tab.\n
\n \n \n }\n\n\n@if (selectedCustomer is not null)\n{\n
Selected customer: @selectedCustomer.CustomerName
\n}\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{8} showLineNumbers","{8}":!0,showLineNumbers:!0},'@code {\n private List customers = new() { new(1, "Marvin Klein"), new(2, "Vikram Reddy"), new(3, "Bandita PA"), new(4, "Daina JJ") };\n\n private Customer selectedCustomer = default!;\n\n protected override void OnInitialized() => selectedCustomer = customers.First();\n\n private void OnTabClick(TabEventArgs args, Customer customer) => selectedCustomer = customer;\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#tab-on-tab-clicked"},"See demo here.")),(0,r.kt)("h3",{id:"dynamic-tabs"},"Dynamic tabs"),(0,r.kt)("img",{src:"https://i.imgur.com/fSTOpxk.png",alt:"Blazor Tabs Component - Dynamic tabs"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{2-12} showLineNumbers","{2-12}":!0,showLineNumbers:!0},'\n @foreach (var customer in customers)\n {\n \n \n
\n This is the placeholder content for the @customer.CustomerName tab.\n
\n \n \n }\n\n\n@if (selectedCustomer is not null)\n{\n
Selected customer: @selectedCustomer.CustomerName
\n}\n\n\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{4,14,16} showLineNumbers","{4,14,16}":!0,showLineNumbers:!0},'@code {\n Tabs tabs = default!;\n\n private List customers = new() { new(1, "Marvin Klein"), new(2, "Vikram Reddy"), new(3, "Bandita PA"), new(4, "Daina JJ") };\n\n private Customer selectedCustomer = default!;\n\n protected override void OnInitialized() => selectedCustomer = customers.Last();\n\n private void AddCustomer()\n {\n var count = customers.Count;\n var customer = new Customer(count + 1, $"Customer {count + 1}");\n customers.Add(customer);\n //selectedCustomer = customer; NOTE: this line is not required\n tabs.InitializeRecentTab(showTab: true);\n }\n\n private void OnTabClick(TabEventArgs args, Customer customer) => selectedCustomer = customer;\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#dynamic-tabs"},"See demo here.")))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/c8cb7a76.31e79a65.js b/assets/js/c8cb7a76.31e79a65.js deleted file mode 100644 index 06ad6d9ad..000000000 --- a/assets/js/c8cb7a76.31e79a65.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[19089],{3905:(t,e,n)=>{n.d(e,{Zo:()=>b,kt:()=>h});var a=n(67294);function r(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function o(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,a)}return n}function s(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var i=a.createContext({}),c=function(t){var e=a.useContext(i),n=e;return t&&(n="function"==typeof t?t(e):s(s({},e),t)),n},b=function(t){var e=c(t.components);return a.createElement(i.Provider,{value:e},t.children)},m="mdxType",p={inlineCode:"code",wrapper:function(t){var e=t.children;return a.createElement(a.Fragment,{},e)}},d=a.forwardRef((function(t,e){var n=t.components,r=t.mdxType,o=t.originalType,i=t.parentName,b=l(t,["components","mdxType","originalType","parentName"]),m=c(n),d=r,h=m["".concat(i,".").concat(d)]||m[d]||p[d]||o;return n?a.createElement(h,s(s({ref:e},b),{},{components:n})):a.createElement(h,s({ref:e},b))}));function h(t,e){var n=arguments,r=e&&e.mdxType;if("string"==typeof t||r){var o=n.length,s=new Array(o);s[0]=d;var l={};for(var i in e)hasOwnProperty.call(e,i)&&(l[i]=e[i]);l.originalType=t,l[m]="string"==typeof t?t:r,s[1]=l;for(var c=2;c{n.d(e,{ZP:()=>b});var a=n(87462),r=n(67294),o=n(3905);class s extends r.Component{constructor(t){super(t),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let t=document.createElement("script");t.defer=!!this.script,t.async=!0,t.id=this.script?"":"_carbonads_js",t.type="text/javascript",t.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,t.onerror=()=>{this.showFallback=!0,this.forceUpdate()},t.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(t)};render(){return this.showFallback&&this.fallback?this.fallback:r.createElement("div",{id:this.name})}}const l=s,i={toc:[]},c="wrapper";function b(t){let{components:e,...n}=t;return(0,o.kt)(c,(0,a.Z)({},i,n,{components:e,mdxType:"MDXLayout"}),(0,o.kt)(l,{mdxType:"CarbonAd"}))}b.isMDXComponent=!0},97667:(t,e,n)=>{n.r(e),n.d(e,{assets:()=>c,contentTitle:()=>l,default:()=>d,frontMatter:()=>s,metadata:()=>i,toc:()=>b});var a=n(87462),r=(n(67294),n(3905)),o=n(74404);const s={title:"Blazor Tabs Component",description:"Documentation and examples for using Blazor Bootstrap Tabs components.",image:"https://i.imgur.com/KelXx6Z.png",sidebar_label:"Tabs",sidebar_position:22},l="Blazor Tabs",i={unversionedId:"components/tabs",id:"components/tabs",title:"Blazor Tabs Component",description:"Documentation and examples for using Blazor Bootstrap Tabs components.",source:"@site/docs/05-components/tabs.mdx",sourceDirName:"05-components",slug:"/components/tabs",permalink:"/components/tabs",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/tabs.mdx",tags:[],version:"current",sidebarPosition:22,frontMatter:{title:"Blazor Tabs Component",description:"Documentation and examples for using Blazor Bootstrap Tabs components.",image:"https://i.imgur.com/KelXx6Z.png",sidebar_label:"Tabs",sidebar_position:22},sidebar:"tutorialSidebar",previous:{title:"Sidebar",permalink:"/components/sidebar"},next:{title:"Toasts",permalink:"/components/toasts"}},c={},b=[{value:"Tabs Parameters",id:"tabs-parameters",level:2},{value:"Tabs Methods",id:"tabs-methods",level:2},{value:"Tabs Callback Events",id:"tabs-callback-events",level:2},{value:"Tab Parameters",id:"tab-parameters",level:2},{value:"Tab Callback Events",id:"tab-callback-events",level:2},{value:"Examples",id:"examples",level:2},{value:"Tabs",id:"tabs",level:3},{value:"Fade effect",id:"fade-effect",level:3},{value:"Title with icon",id:"title-with-icon",level:3},{value:"Disable Tab",id:"disable-tab",level:3},{value:"Pills",id:"pills",level:3},{value:"Underline",id:"underline",level:3},{value:"Vertical",id:"vertical",level:3},{value:"Vertical pills",id:"vertical-pills",level:3},{value:"Vertical underline",id:"vertical-underline",level:3},{value:"Activate individual tabs",id:"activate-individual-tabs",level:3},{value:"Events",id:"events",level:3},{value:"Methods: Set active tab OnAfterRender",id:"methods-set-active-tab-onafterrender",level:3},{value:"Tab: OnClick",id:"tab-onclick",level:3},{value:"Dynamic tabs",id:"dynamic-tabs",level:3}],m={toc:b},p="wrapper";function d(t){let{components:e,...n}=t;return(0,r.kt)(p,(0,a.Z)({},m,n,{components:e,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"blazor-tabs"},"Blazor Tabs"),(0,r.kt)("p",null,"Documentation and examples for using Blazor Bootstrap Tabs components."),(0,r.kt)(o.ZP,{mdxType:"CarbonAd"}),(0,r.kt)("h2",{id:"tabs-parameters"},"Tabs 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"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(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"},"ChildContent"),(0,r.kt)("td",{parentName:"tr",align:"left"},"RenderFragment"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Specifies the content to be rendered inside this."),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"EnableFadeEffect"),(0,r.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the tabs fade effect."),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"false"),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"NavStyle"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"NavStyle")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Get or sets the nav style."),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"NavStyle.Tabs")),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")))),(0,r.kt)("h2",{id:"tabs-methods"},"Tabs Methods"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"InitializeRecentTab(bool showTab)"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Initializes the most recently added tab, optionally displaying it."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.11.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ShowFirstTabAsync()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Selects the first tab and show its associated pane."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ShowLastTabAsync()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Selects the last tab and show its associated pane."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ShowTabByIndexAsync(int tabIndex)"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Selects the tab by index and show its associated pane."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ShowTabByNameAsync(string tabName)"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Selects the tab by name and show its associated pane."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")))),(0,r.kt)("h2",{id:"tabs-callback-events"},"Tabs Callback 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"},"Event"),(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"},"OnHidden"),(0,r.kt)("td",{parentName:"tr",align:"left"},"This event fires after a new tab is shown (and thus the previous active tab is hidden)."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"OnHiding"),(0,r.kt)("td",{parentName:"tr",align:"left"},"This event fires when a new tab is to be shown (and thus the previous active tab is to be hidden)."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"OnShowing"),(0,r.kt)("td",{parentName:"tr",align:"left"},"This event fires on tab show, but before the new tab has been shown."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"OnShown"),(0,r.kt)("td",{parentName:"tr",align:"left"},"This event fires on tab show after a tab has been shown."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")))),(0,r.kt)("h2",{id:"tab-parameters"},"Tab 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"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"right"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(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"},"Content"),(0,r.kt)("td",{parentName:"tr",align:"left"},"RenderFragment"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Specifies the content to be rendered inside the tab."),(0,r.kt)("td",{parentName:"tr",align:"right"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.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"},"Gets or sets the disabled."),(0,r.kt)("td",{parentName:"tr",align:"right"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"false"),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IsActive"),(0,r.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the active tab."),(0,r.kt)("td",{parentName:"tr",align:"right"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"false"),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the tab name."),(0,r.kt)("td",{parentName:"tr",align:"right"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Title"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the tab title."),(0,r.kt)("td",{parentName:"tr",align:"right"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"TitleTemplate"),(0,r.kt)("td",{parentName:"tr",align:"left"},"RenderFragment"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the tab title template."),(0,r.kt)("td",{parentName:"tr",align:"right"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.0.0")))),(0,r.kt)("admonition",{title:"Note",type:"info"},(0,r.kt)("p",{parentName:"admonition"},"Either ",(0,r.kt)("strong",{parentName:"p"},"Title")," or ",(0,r.kt)("strong",{parentName:"p"},"TitleTemplate")," is required.")),(0,r.kt)("h2",{id:"tab-callback-events"},"Tab Callback 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"},"Event"),(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"},"OnClick"),(0,r.kt)("td",{parentName:"tr",align:"left"},"This event fires when the user clicks the corresponding tab button and the tab is displayed."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.11.0")))),(0,r.kt)("h2",{id:"examples"},"Examples"),(0,r.kt)("h3",{id:"tabs"},"Tabs"),(0,r.kt)("img",{src:"https://i.imgur.com/ranwriJ.png",alt:"Blazor Tabs Component - Examples"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"showLineNumbers",showLineNumbers:!0},'\n \n \n

\n This is some placeholder content the Home tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n

\n This is some placeholder content the Profile tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n

\n This is some placeholder content the Contact tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#examples"},"See demo here.")),(0,r.kt)("h3",{id:"fade-effect"},"Fade effect"),(0,r.kt)("p",null,"To create a fade-in effect for tabs, add the ",(0,r.kt)("inlineCode",{parentName:"p"},'EnableFadeEffect="true"')," parameter. Additionally, set the ",(0,r.kt)("inlineCode",{parentName:"p"},'IsActive="true"')," parameter on the first tab pane to display its content initially."),(0,r.kt)("img",{src:"https://i.imgur.com/ranwriJ.png",alt:"Blazor Tabs Component - Fade effect"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1, 2} showLineNumbers","{1,":!0,"2}":!0,showLineNumbers:!0},'\n \n \n

\n This is some placeholder content the Home tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n

\n This is some placeholder content the Profile tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n

\n This is some placeholder content the Contact tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#fade-effect"},"See demo here.")),(0,r.kt)("h3",{id:"title-with-icon"},"Title with icon"),(0,r.kt)("p",null,"To customize the tab title, use the ",(0,r.kt)("strong",{parentName:"p"},"TitleTemplate")," parameter, as demonstrated in the following example."),(0,r.kt)("img",{src:"https://i.imgur.com/KelXx6Z.png",alt:"Blazor Tabs Component - Title with icon"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{3-5,13-15,23-25} showLineNumbers","{3-5,13-15,23-25}":!0,showLineNumbers:!0},'\n \n \n Home\n \n \n

\n This is some placeholder content the Home tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n Profile\n \n \n

\n This is some placeholder content the Profile tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n Contact\n \n \n

\n This is some placeholder content the Contact tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#title-with-icon"},"See demo here.")),(0,r.kt)("h3",{id:"disable-tab"},"Disable Tab"),(0,r.kt)("p",null,"Disable specific tabs by adding ",(0,r.kt)("inlineCode",{parentName:"p"},'Disabled="true"')," parameter."),(0,r.kt)("img",{src:"https://i.imgur.com/TCG6gCz.png",alt:"Blazor Tabs Component - Disable Tab"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{16} showLineNumbers","{16}":!0,showLineNumbers:!0},'\n \n \n

\n This is some placeholder content the Home tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n

\n This is some placeholder content the Profile tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n

\n This is some placeholder content the Projects tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n

\n This is some placeholder content the Contact tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#disable-tab"},"See demo here.")),(0,r.kt)("h3",{id:"pills"},"Pills"),(0,r.kt)("p",null,"To transform the tabs into pills, use the parameter ",(0,r.kt)("inlineCode",{parentName:"p"},'NavStyle="NavStyle.Pills"'),"."),(0,r.kt)("img",{src:"https://i.imgur.com/IyRJ0PS.png",alt:"Blazor Tabs Component - Pills"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n \n \n

\n This is some placeholder content the Home tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n

\n This is some placeholder content the Profile tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n \n \n

\n This is some placeholder content the Contact tab\'s associated content. Clicking another tab will toggle the visibility of this one for the next.\n

\n \n \n\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#pills"},"See demo here.")),(0,r.kt)("h3",{id:"underline"},"Underline"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("inlineCode",{parentName:"p"},'NavStyle="NavStyle.Underline"')," parameter to change the tabs to an underlined style."),(0,r.kt)("img",{src:"https://i.imgur.com/acZh4rq.png",alt:"Blazor Tabs Component - Underline"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n \n \n

This is the placeholder content for the Home tab.

\n \n \n \n \n

This is the placeholder content for the Profile tab.

\n \n \n \n \n

This is the placeholder content for the Contact tab.

\n \n \n\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#underline"},"See demo here.")),(0,r.kt)("h3",{id:"vertical"},"Vertical"),(0,r.kt)("p",null,"Display your tabs vertically by setting the ",(0,r.kt)("strong",{parentName:"p"},"NavStyle")," parameter to ",(0,r.kt)("strong",{parentName:"p"},"NavStyle.Vertical"),"."),(0,r.kt)("img",{src:"https://i.imgur.com/aiPVCnk.png",alt:"Blazor Tabs Component - Vertical"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n \n \n

This is the placeholder content for the Home tab.

\n \n \n \n \n

This is the placeholder content for the Profile tab.

\n \n \n \n \n

This is the placeholder content for the Contact tab.

\n \n \n \n \n

This is the placeholder content for the About tab.

\n \n \n\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#vertical"},"See demo here.")),(0,r.kt)("h3",{id:"vertical-pills"},"Vertical pills"),(0,r.kt)("img",{src:"https://i.imgur.com/CfPc32q.png",alt:"Blazor Tabs Component - Vertical pills"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n \n \n

This is the placeholder content for the Home tab.

\n \n \n \n \n

This is the placeholder content for the Profile tab.

\n \n \n \n \n

This is the placeholder content for the Contact tab.

\n \n \n \n \n

This is the placeholder content for the About tab.

\n \n \n\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#vertical-pills"},"See demo here.")),(0,r.kt)("h3",{id:"vertical-underline"},"Vertical underline"),(0,r.kt)("img",{src:"https://i.imgur.com/AVpqmiE.png",alt:"Blazor Tabs Component - Vertical underline"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'\n \n \n

This is the placeholder content for the Home tab.

\n \n \n \n \n

This is the placeholder content for the Profile tab.

\n \n \n \n \n

This is the placeholder content for the Contact tab.

\n \n \n \n \n

This is the placeholder content for the About tab.

\n \n \n\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#vertical-underline"},"See demo here.")),(0,r.kt)("h3",{id:"activate-individual-tabs"},"Activate individual tabs"),(0,r.kt)("p",null,"You can activate individual tabs in several ways. Use predefined methods such as ",(0,r.kt)("inlineCode",{parentName:"p"},"ShowFirstTabAsync"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"ShowLastTabAsync"),", ",(0,r.kt)("inlineCode",{parentName:"p"},"ShowTabByIndexAsync"),", and ",(0,r.kt)("inlineCode",{parentName:"p"},"ShowTabByNameAsync"),", as shown below."),(0,r.kt)("img",{src:"https://i.imgur.com/NdE5oqH.png",alt:"Blazor Tabs Component - Activate individual tabs"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"showLineNumbers",showLineNumbers:!0},'\n \n \n

This is the placeholder content for the Home tab.

\n \n \n \n \n

This is the placeholder content for the Profile tab.

\n \n \n \n \n

This is the placeholder content for the Contact tab.

\n \n \n \n \n

This is the placeholder content for the Products tab.

\n \n \n \n \n

This is the placeholder content for the FAQs tab.

\n \n \n \n \n

This is the placeholder content for the About tab.

\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",showLineNumbers:!0},'@code{\n Tabs tabs;\n\n private async Task ShowFirstTabAsync() => await tabs.ShowFirstTabAsync();\n private async Task ShowSecondTabAsync() => await tabs.ShowTabByIndexAsync(1);\n private async Task ShowThirdTabAsync() => await tabs.ShowTabByIndexAsync(2);\n private async Task ShowProductsTabAsync() => await tabs.ShowTabByNameAsync("Products");\n private async Task ShowFaqsAsync() => await tabs.ShowTabByNameAsync("FAQ");\n private async Task ShowLastTabAsync() => await tabs.ShowLastTabAsync();\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#activate-individual-tabs"},"See demo here.")),(0,r.kt)("h3",{id:"events"},"Events"),(0,r.kt)("p",null,"When displaying a new tab, the events fire in the following sequence:"),(0,r.kt)("ol",null,(0,r.kt)("li",{parentName:"ol"},(0,r.kt)("inlineCode",{parentName:"li"},"OnHiding")," (on the currently active tab)"),(0,r.kt)("li",{parentName:"ol"},(0,r.kt)("inlineCode",{parentName:"li"},"OnShowing")," (on the tab that is about to be displayed)"),(0,r.kt)("li",{parentName:"ol"},(0,r.kt)("inlineCode",{parentName:"li"},"OnHidden")," (on the previously active tab, which is the same one that triggered the ",(0,r.kt)("inlineCode",{parentName:"li"},"OnHiding")," event)"),(0,r.kt)("li",{parentName:"ol"},(0,r.kt)("inlineCode",{parentName:"li"},"OnShown")," (on the newly activated tab that has just been displayed, which is the same one that triggered the ",(0,r.kt)("inlineCode",{parentName:"li"},"OnShowing")," event)")),(0,r.kt)("admonition",{title:"Note",type:"info"},(0,r.kt)("p",{parentName:"admonition"},"If no tab was already active, then the ",(0,r.kt)("inlineCode",{parentName:"p"},"OnHiding")," and ",(0,r.kt)("inlineCode",{parentName:"p"},"OnHidden")," events will not be fired.")),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#events"},"See demo here.")),(0,r.kt)("h3",{id:"methods-set-active-tab-onafterrender"},"Methods: Set active tab OnAfterRender"),(0,r.kt)("img",{src:"https://i.imgur.com/NdE5oqH.png",alt:"Blazor Tabs Component - Activate individual tabs"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"showLineNumbers",showLineNumbers:!0},'\n \n \n

This is the placeholder content for the Home tab.

\n \n \n \n \n

This is the placeholder content for the Profile tab.

\n \n \n \n \n

This is the placeholder content for the Contact tab.

\n \n \n \n \n

This is the placeholder content for the About tab.

\n \n \n\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n Tabs tabs = default!;\n\n protected override async Task OnAfterRenderAsync(bool firstRender)\n {\n if (firstRender)\n {\n string userDefaultPreferredTab = "Profile"; // Get the value from Service / API\n\n switch (userDefaultPreferredTab)\n {\n case "Home":\n await tabs.ShowTabByIndexAsync(0);\n break;\n case "Profile":\n await tabs.ShowTabByIndexAsync(1); \n break;\n case "Contact":\n await tabs.ShowTabByIndexAsync(2);\n break;\n case "About":\n await tabs.ShowTabByIndexAsync(3);\n break;\n default:\n await tabs.ShowTabByIndexAsync(0);\n break;\n }\n }\n }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#methods-set-active-tab-onafterrender"},"See demo here.")),(0,r.kt)("h3",{id:"tab-onclick"},"Tab: OnClick"),(0,r.kt)("img",{src:"https://i.imgur.com/bJXYlr5.png",alt:"Blazor Tabs Component - Return object on tab switch"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{6} showLineNumbers","{6}":!0,showLineNumbers:!0},'\n @foreach (var customer in customers)\n {\n \n \n
\n This is the placeholder content for the @customer.CustomerName tab.\n
\n \n \n }\n\n\n@if (selectedCustomer is not null)\n{\n
Selected customer: @selectedCustomer.CustomerName
\n}\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{8} showLineNumbers","{8}":!0,showLineNumbers:!0},'@code {\n private List customers = new() { new(1, "Marvin Klein"), new(2, "Vikram Reddy"), new(3, "Bandita PA"), new(4, "Daina JJ") };\n\n private Customer selectedCustomer = default!;\n\n protected override void OnInitialized() => selectedCustomer = customers.First();\n\n private void OnTabClick(TabEventArgs args, Customer customer) => selectedCustomer = customer;\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#tab-on-tab-clicked"},"See demo here.")),(0,r.kt)("h3",{id:"dynamic-tabs"},"Dynamic tabs"),(0,r.kt)("img",{src:"https://i.imgur.com/fSTOpxk.png",alt:"Blazor Tabs Component - Dynamic tabs"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{2-12} showLineNumbers","{2-12}":!0,showLineNumbers:!0},'\n @foreach (var customer in customers)\n {\n \n \n
\n This is the placeholder content for the @customer.CustomerName tab.\n
\n \n \n }\n\n\n@if (selectedCustomer is not null)\n{\n
Selected customer: @selectedCustomer.CustomerName
\n}\n\n\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{4,14,16} showLineNumbers","{4,14,16}":!0,showLineNumbers:!0},'@code {\n Tabs tabs = default!;\n\n private List customers = new() { new(1, "Marvin Klein"), new(2, "Vikram Reddy"), new(3, "Bandita PA"), new(4, "Daina JJ") };\n\n private Customer selectedCustomer = default!;\n\n protected override void OnInitialized() => selectedCustomer = customers.Last();\n\n private void AddCustomer()\n {\n var count = customers.Count;\n var customer = new Customer(count + 1, $"Customer {count + 1}");\n customers.Add(customer);\n //selectedCustomer = customer; NOTE: this line is not required\n tabs.InitializeRecentTab(showTab: true);\n }\n\n private void OnTabClick(TabEventArgs args, Customer customer) => selectedCustomer = customer;\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/tabs#dynamic-tabs"},"See demo here.")))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/f2f259dc.90b59a25.js b/assets/js/f2f259dc.90b59a25.js new file mode 100644 index 000000000..4748036c1 --- /dev/null +++ b/assets/js/f2f259dc.90b59a25.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[84823],{3905:(e,n,r)=>{r.d(n,{Zo:()=>m,kt:()=>u});var t=r(67294);function o(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function a(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function i(e){for(var n=1;n=0||(o[r]=e[r]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var l=t.createContext({}),s=function(e){var n=t.useContext(l),r=n;return e&&(r="function"==typeof e?e(n):i(i({},n),e)),r},m=function(e){var n=s(e.components);return t.createElement(l.Provider,{value:n},e.children)},d="mdxType",c={inlineCode:"code",wrapper:function(e){var n=e.children;return t.createElement(t.Fragment,{},n)}},g=t.forwardRef((function(e,n){var r=e.components,o=e.mdxType,a=e.originalType,l=e.parentName,m=p(e,["components","mdxType","originalType","parentName"]),d=s(r),g=o,u=d["".concat(l,".").concat(g)]||d[g]||c[g]||a;return r?t.createElement(u,i(i({ref:n},m),{},{components:r})):t.createElement(u,i({ref:n},m))}));function u(e,n){var r=arguments,o=n&&n.mdxType;if("string"==typeof e||o){var a=r.length,i=new Array(a);i[0]=g;var p={};for(var l in n)hasOwnProperty.call(n,l)&&(p[l]=n[l]);p.originalType=e,p[d]="string"==typeof e?e:o,i[1]=p;for(var s=2;s{r.d(n,{ZP:()=>m});var t=r(87462),o=r(67294),a=r(3905);class i extends o.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:o.createElement("div",{id:this.name})}}const p=i,l={toc:[]},s="wrapper";function m(e){let{components:n,...r}=e;return(0,a.kt)(s,(0,t.Z)({},l,r,{components:n,mdxType:"MDXLayout"}),(0,a.kt)(p,{mdxType:"CarbonAd"}))}m.isMDXComponent=!0},11227:(e,n,r)=>{r.r(n),r.d(n,{assets:()=>s,contentTitle:()=>p,default:()=>g,frontMatter:()=>i,metadata:()=>l,toc:()=>m});var t=r(87462),o=(r(67294),r(3905)),a=r(74404);const i={title:"Blazor Spinner Component",description:"Visualize the loading state of a component or page using the Blazor Bootstrap Spinner component.",image:"https://i.imgur.com/G4wyEd6.png",sidebar_label:"Spinners",sidebar_position:22},p="Blazor Sidebar",l={unversionedId:"components/spinners",id:"components/spinners",title:"Blazor Spinner Component",description:"Visualize the loading state of a component or page using the Blazor Bootstrap Spinner component.",source:"@site/docs/05-components/spinners.mdx",sourceDirName:"05-components",slug:"/components/spinners",permalink:"/components/spinners",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/spinners.mdx",tags:[],version:"current",sidebarPosition:22,frontMatter:{title:"Blazor Spinner Component",description:"Visualize the loading state of a component or page using the Blazor Bootstrap Spinner component.",image:"https://i.imgur.com/G4wyEd6.png",sidebar_label:"Spinners",sidebar_position:22},sidebar:"tutorialSidebar",previous:{title:"Sidebar",permalink:"/components/sidebar"},next:{title:"Tabs",permalink:"/components/tabs"}},s={},m=[{value:"Parameters",id:"parameters",level:2},{value:"Examples",id:"examples",level:2},{value:"Border spinner",id:"border-spinner",level:3},{value:"Colors",id:"colors",level:3},{value:"Grow spinner",id:"grow-spinner",level:3},{value:"Loading dots spinner",id:"loading-dots-spinner",level:3},{value:"Alignment",id:"alignment",level:3},{value:"Margin",id:"margin",level:3},{value:"Placement",id:"placement",level:3},{value:"Flex",id:"flex",level:3},{value:"Floats",id:"floats",level:3},{value:"Text align",id:"text-align",level:3},{value:"Size",id:"size",level:3},{value:"Visible",id:"visible",level:3}],d={toc:m},c="wrapper";function g(e){let{components:n,...r}=e;return(0,o.kt)(c,(0,t.Z)({},d,r,{components:n,mdxType:"MDXLayout"}),(0,o.kt)("h1",{id:"blazor-sidebar"},"Blazor Sidebar"),(0,o.kt)("p",null,"Visualize the loading state of a component or page using the Blazor Bootstrap Spinner component."),(0,o.kt)(a.ZP,{mdxType:"CarbonAd"}),(0,o.kt)("img",{src:"https://i.imgur.com/G4wyEd6.png",alt:"Blazor Spinner Component"}),(0,o.kt)("h2",{id:"parameters"},"Parameters"),(0,o.kt)("table",null,(0,o.kt)("thead",{parentName:"table"},(0,o.kt)("tr",{parentName:"thead"},(0,o.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,o.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,o.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,o.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,o.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,o.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,o.kt)("tbody",{parentName:"table"},(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",{parentName:"tr",align:"left"},"Color"),(0,o.kt)("td",{parentName:"tr",align:"left"},(0,o.kt)("inlineCode",{parentName:"td"},"SpinnerColor")),(0,o.kt)("td",{parentName:"tr",align:"left"},(0,o.kt)("inlineCode",{parentName:"td"},"SpinnerColor.None")),(0,o.kt)("td",{parentName:"tr",align:"left"}),(0,o.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the color of the spinner."),(0,o.kt)("td",{parentName:"tr",align:"left"},"2.0.0")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",{parentName:"tr",align:"left"},"Size"),(0,o.kt)("td",{parentName:"tr",align:"left"},(0,o.kt)("inlineCode",{parentName:"td"},"SpinnerSize")),(0,o.kt)("td",{parentName:"tr",align:"left"},(0,o.kt)("inlineCode",{parentName:"td"},"SpinnerSize.Medium")),(0,o.kt)("td",{parentName:"tr",align:"left"}),(0,o.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the size of the spinner."),(0,o.kt)("td",{parentName:"tr",align:"left"},"2.0.0")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",{parentName:"tr",align:"left"},"Title"),(0,o.kt)("td",{parentName:"tr",align:"left"},(0,o.kt)("inlineCode",{parentName:"td"},"string?")),(0,o.kt)("td",{parentName:"tr",align:"left"},"null"),(0,o.kt)("td",{parentName:"tr",align:"left"}),(0,o.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the title text used as an accessibility attribute."),(0,o.kt)("td",{parentName:"tr",align:"left"},"2.0.0")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",{parentName:"tr",align:"left"},"Type"),(0,o.kt)("td",{parentName:"tr",align:"left"},(0,o.kt)("inlineCode",{parentName:"td"},"SpinnerType")),(0,o.kt)("td",{parentName:"tr",align:"left"},(0,o.kt)("inlineCode",{parentName:"td"},"SpinnerType.Border")),(0,o.kt)("td",{parentName:"tr",align:"left"}),(0,o.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the type of the spinner."),(0,o.kt)("td",{parentName:"tr",align:"left"},"2.0.0")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",{parentName:"tr",align:"left"},"Visible"),(0,o.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,o.kt)("td",{parentName:"tr",align:"left"},"true"),(0,o.kt)("td",{parentName:"tr",align:"left"}),(0,o.kt)("td",{parentName:"tr",align:"left"},"Gets or sets whether the spinner is visible or not."),(0,o.kt)("td",{parentName:"tr",align:"left"},"2.0.0")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",{parentName:"tr",align:"left"},"VisuallyHiddenText"),(0,o.kt)("td",{parentName:"tr",align:"left"},(0,o.kt)("inlineCode",{parentName:"td"},"string?")),(0,o.kt)("td",{parentName:"tr",align:"left"},(0,o.kt)("inlineCode",{parentName:"td"},"Loading...")),(0,o.kt)("td",{parentName:"tr",align:"left"}),(0,o.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the visually hidden text."),(0,o.kt)("td",{parentName:"tr",align:"left"},"2.0.0")))),(0,o.kt)("h2",{id:"examples"},"Examples"),(0,o.kt)("h3",{id:"border-spinner"},"Border spinner"),(0,o.kt)("p",null,"Use the border spinners for a lightweight loading indicator."),(0,o.kt)("img",{src:"https://i.imgur.com/3pWnltO.png",alt:"Blazor Spinner Component - Border spinner"}),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},"\n")),(0,o.kt)("p",null,(0,o.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/spinners#border-spinner"},"See demo here.")),(0,o.kt)("h3",{id:"colors"},"Colors"),(0,o.kt)("p",null,"The border spinner's border color inherits the element's color (",(0,o.kt)("inlineCode",{parentName:"p"},"currentColor"),"). This means you can easily customize the spinner's color by changing the ",(0,o.kt)("inlineCode",{parentName:"p"},"Color")," parameter on the standard spinner."),(0,o.kt)("img",{src:"https://i.imgur.com/G4wyEd6.png",alt:"Blazor Spinner Component - Colors"}),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'\n\n\n\n\n\n\n\n')),(0,o.kt)("p",null,(0,o.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/spinners#colors"},"See demo here.")),(0,o.kt)("h3",{id:"grow-spinner"},"Grow spinner"),(0,o.kt)("p",null,"If you don't fancy a border spinner, switch to the grow spinner, while it doesn't technically spin, it does repeatedly grow!"),(0,o.kt)("img",{src:"https://i.imgur.com/oD6heSC.png",alt:"Blazor Spinner Component - Grow spinner"}),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'\n\n\n\n\n\n\n\n')),(0,o.kt)("p",null,(0,o.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/spinners#grow-spinner"},"See demo here.")),(0,o.kt)("h3",{id:"loading-dots-spinner"},"Loading dots spinner"),(0,o.kt)("p",null,"The loading dots are a special indicator for a lightweight loading indicator."),(0,o.kt)("img",{src:"https://i.imgur.com/IjS4mjf.png",alt:"Blazor Spinner Component - Loading dots spinner"}),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'\n\n\n\n\n\n\n\n')),(0,o.kt)("p",null,(0,o.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/spinners#loading-dots-spinner"},"See demo here.")),(0,o.kt)("h3",{id:"alignment"},"Alignment"),(0,o.kt)("h3",{id:"margin"},"Margin"),(0,o.kt)("img",{src:"https://i.imgur.com/tXxMOgy.png",alt:"Blazor Spinner Component - Margin"}),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'\n')),(0,o.kt)("p",null,(0,o.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/spinners#margin"},"See demo here.")),(0,o.kt)("h3",{id:"placement"},"Placement"),(0,o.kt)("h3",{id:"flex"},"Flex"),(0,o.kt)("img",{src:"https://i.imgur.com/pruHC94.png",alt:"Blazor Spinner Component - Flex - Example 1"}),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'
\n \n
\n')),(0,o.kt)("img",{src:"https://i.imgur.com/29OjahJ.png",alt:"Blazor Spinner Component - Flex - Example 2"}),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'
\n Loading...\n \n
\n')),(0,o.kt)("p",null,(0,o.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/spinners#flex"},"See demo here.")),(0,o.kt)("h3",{id:"floats"},"Floats"),(0,o.kt)("img",{src:"https://i.imgur.com/tWpR1U3.png",alt:"Blazor Spinner Component - Floats"}),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'
\n \n
\n')),(0,o.kt)("p",null,(0,o.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/spinners#floats"},"See demo here.")),(0,o.kt)("h3",{id:"text-align"},"Text align"),(0,o.kt)("img",{src:"https://i.imgur.com/mQkpHWC.png",alt:"Blazor Spinner Component - Text align"}),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'
\n \n
\n')),(0,o.kt)("p",null,(0,o.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/spinners#text-align"},"See demo here.")),(0,o.kt)("h3",{id:"size"},"Size"),(0,o.kt)("img",{src:"https://i.imgur.com/z96pIaS.png",alt:"Blazor Spinner Component - Size - Example 1"}),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'\n\n\n\n')),(0,o.kt)("img",{src:"https://i.imgur.com/L9jLnrW.png",alt:"Blazor Spinner Component - Size - Example 2"}),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'\n\n\n\n')),(0,o.kt)("img",{src:"https://i.imgur.com/oxN1bAm.png",alt:"Blazor Spinner Component - Size - Example 3"}),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'\n\n\n\n')),(0,o.kt)("p",null,(0,o.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/spinners#size"},"See demo here.")),(0,o.kt)("h3",{id:"visible"},"Visible"),(0,o.kt)("img",{src:"https://i.imgur.com/mHywgxz.png",alt:"Blazor Spinner Component - Visible"}),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'\n\n
\n \n \n
\n')),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},"@code {\n private bool visible = true;\n\n private void Hide() => visible = false;\n\n private void Show() => visible = true;\n}\n")),(0,o.kt)("p",null,(0,o.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/spinners#visible"},"See demo here.")))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/main.883d91eb.js b/assets/js/main.883d91eb.js deleted file mode 100644 index 076ffbc6f..000000000 --- a/assets/js/main.883d91eb.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see main.883d91eb.js.LICENSE.txt */ -(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[40179],{723:(e,t,n)=>{"use strict";n.d(t,{Z:()=>b});var a=n(67294),o=n(87462),r=n(68356),i=n.n(r),l=n(16887);const s={"011603b0":[()=>n.e(45813).then(n.t.bind(n,41727,19)),"~blog/default/blog-tags-v-1-10-2-99c-list.json",41727],"0181f2cb":[()=>n.e(52866).then(n.t.bind(n,3260,19)),"~blog/default/blog-tags-switch-f2b-list.json",3260],"01a2ac95":[()=>n.e(15901).then(n.t.bind(n,62346,19)),"~blog/default/blog-tags-blazor-bootstrap-7ba-list.json",62346],"01a85c17":[()=>Promise.all([n.e(40532),n.e(64013)]).then(n.bind(n,91223)),"@theme/BlogTagsListPage",91223],"035b69b8":[()=>n.e(34449).then(n.t.bind(n,78078,19)),"~blog/default/blog-tags-v-1-10-1-2a4.json",78078],"039704c0":[()=>n.e(82263).then(n.bind(n,45741)),"@site/blog/2023-01-15-blazorbootstrap-1.4.0.md",45741],"03c55790":[()=>n.e(76743).then(n.t.bind(n,61758,19)),"~blog/default/blog-tags-blazornumber-7d7.json",61758],"040fb835":[()=>n.e(73404).then(n.t.bind(n,88091,19)),"~blog/default/blog-tags-v-1-3-1-93b-list.json",88091],"0534b071":[()=>n.e(61528).then(n.t.bind(n,54732,19)),"~blog/default/blog-tags-bootstrap-page-3-cf7-list.json",54732],"0545a2b1":[()=>n.e(78121).then(n.bind(n,64444)),"@site/blog/2023-04-24-blazorbootstrap-1.7.2.md",64444],"06e625b9":[()=>n.e(99023).then(n.bind(n,75390)),"@site/docs/04-forms/autocomplete.mdx",75390],"07e55142":[()=>n.e(72475).then(n.t.bind(n,42269,19)),"~blog/default/blog-tags-sidebar-184-list.json",42269],"0892d6c1":[()=>n.e(79035).then(n.t.bind(n,63053,19)),"~blog/default/blog-tags-blazorbootstrap-bbf-list.json",63053],"08d0e930":[()=>n.e(92718).then(n.t.bind(n,38124,19)),"~blog/default/blog-tags-datepicker-461.json",38124],"09d3d068":[()=>n.e(74462).then(n.t.bind(n,44170,19)),"~blog/default/blog-tags-blazormodal-942.json",44170],"0ae61aaa":[()=>n.e(80086).then(n.bind(n,64006)),"@site/blog/2023-03-05-blazorbootstrap-1.5.0.md?truncated=true",64006],"0b020564":[()=>n.e(9837).then(n.t.bind(n,69481,19)),"~blog/default/blog-tags-blazor-currency-input-d3d-list.json",69481],"0c7ad285":[()=>n.e(46263).then(n.t.bind(n,18380,19)),"~blog/default/blog-tags-bootstrap-5-page-3-9a5.json",18380],"0cefe2d9":[()=>n.e(30017).then(n.bind(n,21906)),"@site/blog/2023-02-10-blazorbootstrap-1.4.4.md",21906],"0cf2b9e9":[()=>n.e(57608).then(n.t.bind(n,12660,19)),"~blog/default/blog-tags-v-1-8-3-3ea-list.json",12660],"0d245dbf":[()=>n.e(45754).then(n.t.bind(n,2591,19)),"~blog/default/blog-tags-layout-60a-list.json",2591],"0d3f967b":[()=>n.e(39319).then(n.t.bind(n,68540,19)),"~blog/default/blog-tags-v-1-5-0-f15-list.json",68540],"0e20fd69":[()=>n.e(98892).then(n.t.bind(n,42872,19)),"~blog/default/blog-tags-v-1-10-2-99c.json",42872],"0f414ed2":[()=>n.e(14912).then(n.bind(n,7515)),"@site/blog/2024-02-25-blazorbootstrap-2.0.0.md?truncated=true",7515],"0f4f349d":[()=>n.e(7559).then(n.t.bind(n,88336,19)),"~blog/default/blog-tags-blazorcurrencyinput-216.json",88336],"0f528560":[()=>n.e(42047).then(n.t.bind(n,66550,19)),"~blog/default/blog-tags-blazor-dialog-fe2.json",66550],"10e280b7":[()=>n.e(8947).then(n.bind(n,57583)),"@site/blog/2023-03-05-blazorbootstrap-1.5.0.md",57583],"11043a74":[()=>n.e(93487).then(n.t.bind(n,67011,19)),"~blog/default/blog-tags-blazor-templates-07c.json",67011],11136457:[()=>n.e(6831).then(n.t.bind(n,54170,19)),"~blog/default/blog-tags-blazortimeinput-190.json",54170],"11438bab":[()=>n.e(9830).then(n.t.bind(n,9502,19)),"~blog/default/blog-tags-timepicker-8a7.json",9502],"11bebdb7":[()=>n.e(57447).then(n.bind(n,90833)),"@site/blog/2022-08-31-blazorbootstrap-0.3.0.md",90833],"11ce4159":[()=>n.e(1531).then(n.t.bind(n,75034,19)),"~blog/default/blog-page-5-c6b.json",75034],"1207b46c":[()=>n.e(74826).then(n.t.bind(n,82774,19)),"~blog/default/blog-tags-dropdown-baa.json",82774],"121f8027":[()=>n.e(58765).then(n.t.bind(n,67222,19)),"~blog/default/blog-tags-blazor-autocomplete-30a.json",67222],"12e9876c":[()=>n.e(54301).then(n.t.bind(n,36320,19)),"~blog/default/blog-tags-blazorbootstrap-page-6-976.json",36320],"13b82006":[()=>n.e(23704).then(n.t.bind(n,63132,19)),"~blog/default/blog-tags-v-1-4-1-1b8-list.json",63132],"14b4a23d":[()=>n.e(7004).then(n.t.bind(n,55826,19)),"~blog/default/blog-tags-date-b43-list.json",55826],"14e63915":[()=>n.e(97951).then(n.bind(n,48411)),"@site/blog/2022-11-28-blazorbootstrap-1.1.0.md?truncated=true",48411],"15b77f5e":[()=>n.e(63490).then(n.bind(n,54269)),"@site/docs/01-getting-started/02-b-getting-started-server-NET-7.mdx",54269],"15d6b0c8":[()=>n.e(70057).then(n.bind(n,27885)),"@site/docs/02-layout/getting-started-server.mdx",27885],"164c056e":[()=>n.e(41092).then(n.t.bind(n,27120,19)),"~blog/default/blog-tags-bootstrap-5-83b.json",27120],"1677a4a2":[()=>n.e(94026).then(n.bind(n,13372)),"@site/docs/04-forms/date-input.mdx",13372],"16b9d05c":[()=>n.e(87622).then(n.t.bind(n,16806,19)),"~blog/default/blog-tags-blazorcurrencyinput-216-list.json",16806],"16f9f312":[()=>n.e(87575).then(n.t.bind(n,2495,19)),"~blog/default/blog-tags-layout-60a.json",2495],17896441:[()=>Promise.all([n.e(40532),n.e(88105),n.e(27918)]).then(n.bind(n,78945)),"@theme/DocItem",78945],"17c709c3":[()=>n.e(85027).then(n.t.bind(n,23533,19)),"~blog/default/blog-tags-blazormodalservice-f26-list.json",23533],"181510e2":[()=>n.e(98883).then(n.bind(n,89716)),"@site/blog/2022-01-15-blazorbootstrap-0.2.0.md",89716],18902662:[()=>n.e(6923).then(n.t.bind(n,11290,19)),"~blog/default/blog-tags-bootstrap-5-page-3-9a5-list.json",11290],"18cfdffd":[()=>n.e(35414).then(n.bind(n,67326)),"@site/blog/2023-07-05-blazorbootstrap-1.9.4.md",67326],"1967d15c":[()=>n.e(50863).then(n.bind(n,67730)),"@site/blog/2022-03-15-blazorbootstrap-0.2.2.md?truncated=true",67730],"196f397f":[()=>n.e(3947).then(n.t.bind(n,12268,19)),"~blog/default/blog-tags-chart-68d-list.json",12268],"19a72e94":[()=>n.e(13234).then(n.t.bind(n,45782,19)),"~blog/default/blog-tags-v-0-0-4-0c3.json",45782],"1a4e3797":[()=>Promise.all([n.e(40532),n.e(97920)]).then(n.bind(n,51473)),"@theme/SearchPage",51473],"1af83003":[()=>n.e(38829).then(n.t.bind(n,1344,19)),"~blog/default/blog-tags-blazor-grid-filtering-95a.json",1344],"1b1fc741":[()=>n.e(55352).then(n.t.bind(n,61217,19)),"~blog/default/blog-tags-collapse-d38.json",61217],"1b46b7b2":[()=>n.e(43849).then(n.t.bind(n,23604,19)),"~blog/default/blog-tags-v-1-8-0-878-list.json",23604],"1bb3337b":[()=>n.e(78197).then(n.t.bind(n,19613,19)),"~blog/default/blog-tags-blazor-tabs-daf.json",19613],"1be78505":[()=>Promise.all([n.e(40532),n.e(29514)]).then(n.bind(n,19963)),"@theme/DocPage",19963],"1c90b3d5":[()=>n.e(50032).then(n.t.bind(n,47398,19)),"~blog/default/blog-tags-toasts-927-list.json",47398],"1d662c92":[()=>n.e(98589).then(n.t.bind(n,49256,19)),"~blog/default/blog-tags-callout-c99.json",49256],"1da03b6e":[()=>n.e(19029).then(n.t.bind(n,91395,19)),"~blog/default/blog-tags-v-1-7-3-e99.json",91395],"1dce3cd0":[()=>n.e(83607).then(n.t.bind(n,46918,19)),"~blog/default/blog-tags-blazor-doughnut-chart-f06-list.json",46918],"1def58c2":[()=>n.e(87374).then(n.t.bind(n,10925,19)),"~blog/default/blog-tags-blazor-offcanvas-05e.json",10925],"1df2ac0f":[()=>n.e(31784).then(n.bind(n,9765)),"@site/docs/05-components/script-loader.mdx",9765],"1e1322a7":[()=>n.e(45856).then(n.t.bind(n,51614,19)),"~blog/default/blog-tags-v-1-4-3-68a.json",51614],"20526fb6":[()=>n.e(13242).then(n.t.bind(n,59443,19)),"~blog/default/blog-tags-blazordropdown-efe.json",59443],"20574a6b":[()=>n.e(95237).then(n.t.bind(n,20193,19)),"~blog/default/blog-tags-v-0-0-1-eb6-list.json",20193],"20607c6d":[()=>n.e(42855).then(n.t.bind(n,74469,19)),"~blog/default/blog-tags-v-1-11-1-ca0.json",74469],"20b2c3da":[()=>n.e(55220).then(n.t.bind(n,1320,19)),"~blog/default/blog-tags-blazor-grid-paging-041-list.json",1320],"20b54e65":[()=>n.e(7167).then(n.bind(n,31650)),"@site/docs/05-components/offcanvas.mdx",31650],21730098:[()=>n.e(11885).then(n.t.bind(n,93976,19)),"~blog/default/blog-tags-blazordropdown-efe-list.json",93976],"21e232c9":[()=>n.e(78440).then(n.t.bind(n,86649,19)),"~blog/default/blog-tags-buttons-c7b-list.json",86649],"21ed22b9":[()=>n.e(82961).then(n.t.bind(n,26871,19)),"~blog/default/blog-tags-icon-3e2.json",26871],"236ae2fb":[()=>n.e(14029).then(n.bind(n,77271)),"@site/blog/2023-05-31-blazorbootstrap-1.8.1.md",77271],"239dc3b3":[()=>n.e(4028).then(n.t.bind(n,17061,19)),"~blog/default/blog-tags-blazortimeinput-190-list.json",17061],"23d0bf4c":[()=>n.e(4327).then(n.t.bind(n,29116,19)),"~blog/default/blog-tags-v-0-0-2-89a-list.json",29116],"23ee00d3":[()=>n.e(69177).then(n.t.bind(n,71345,19)),"~blog/default/blog-tags-blazor-currency-input-d3d.json",71345],24031443:[()=>n.e(71975).then(n.t.bind(n,12725,19)),"~blog/default/blog-tags-blazor-preload-b3e.json",12725],"2411581e":[()=>n.e(24707).then(n.t.bind(n,53204,19)),"~blog/default/blog-tags-blazorbreadcrumb-e44-list.json",53204],"242463c5":[()=>n.e(12571).then(n.t.bind(n,91985,19)),"~blog/default/blog-tags-confirm-dialog-bb7.json",91985],"24728d82":[()=>n.e(73269).then(n.bind(n,72661)),"@site/docs/06-data-visualization/doughnut-chart.mdx",72661],"2484c010":[()=>n.e(43392).then(n.t.bind(n,36834,19)),"~blog/default/blog-tags-bootstrap-5-83b-list.json",36834],"24ba83d0":[()=>n.e(4787).then(n.t.bind(n,96670,19)),"~blog/default/blog-tags-v-1-4-2-974.json",96670],"250e887a":[()=>n.e(52430).then(n.t.bind(n,93602,19)),"~blog/default/blog-tags-blazorbuttons-928-list.json",93602],"2510c43f":[()=>n.e(22965).then(n.bind(n,33051)),"@site/docs/05-components/accordion.mdx",33051],"25453f66":[()=>n.e(2276).then(n.t.bind(n,48514,19)),"~blog/default/blog-tags-v-1-4-1-1b8.json",48514],"26c7220a":[()=>n.e(41787).then(n.t.bind(n,80225,19)),"~blog/default/blog-tags-v-0-2-4-574.json",80225],"277d94b9":[()=>n.e(47263).then(n.t.bind(n,38314,19)),"~blog/default/blog-tags-timeinput-8d8-list.json",38314],28293836:[()=>n.e(21100).then(n.bind(n,38238)),"@site/docs/05-components/grid.mdx",38238],"283e4c74":[()=>n.e(30407).then(n.t.bind(n,234,19)),"~blog/default/blog-tags-confirmmodal-840-list.json",234],"28bbf54b":[()=>n.e(14540).then(n.t.bind(n,94828,19)),"~blog/default/blog-tags-v-0-3-0-521-list.json",94828],"28c92665":[()=>n.e(37306).then(n.t.bind(n,22267,19)),"~blog/default/blog-tags-currencyinput-bd1-list.json",22267],"28dc5477":[()=>n.e(84837).then(n.bind(n,83964)),"@site/blog/2023-02-23-blazorbootstrap-1.4.5.md",83964],"28e1ccb8":[()=>n.e(13543).then(n.t.bind(n,15864,19)),"~blog/default/blog-tags-rangeinput-176.json",15864],"299fc7bb":[()=>n.e(58014).then(n.t.bind(n,80665,19)),"~blog/default/blog-tags-blazordateinput-aeb.json",80665],"29d77e1a":[()=>n.e(90556).then(n.t.bind(n,87982,19)),"~blog/default/blog-tags-blazorconfirmmodal-770.json",87982],"29d85d16":[()=>n.e(28557).then(n.t.bind(n,50422,19)),"~blog/default/blog-tags-v-1-4-3-68a-list.json",50422],"2a00c8eb":[()=>n.e(76274).then(n.t.bind(n,61303,19)),"~blog/default/blog-tags-blazor-progress-bar-74e-list.json",61303],"2a6d8460":[()=>n.e(22506).then(n.bind(n,83582)),"@site/docs/04-forms/number-input.mdx",83582],"2aa4da01":[()=>n.e(58746).then(n.bind(n,13792)),"@site/docs/05-components/preload.mdx",13792],"2aac0be0":[()=>n.e(28482).then(n.t.bind(n,24856,19)),"~blog/default/blog-tags-v-1-5-0-f15.json",24856],"2acd8f77":[()=>n.e(98973).then(n.t.bind(n,34149,19)),"~blog/default/blog-tags-blazornumberinput-21b.json",34149],"2adf1c07":[()=>n.e(90438).then(n.t.bind(n,65860,19)),"~blog/default/blog-tags-blazoroffcanvas-e89-list.json",65860],"2b1be5da":[()=>n.e(52961).then(n.t.bind(n,59790,19)),"~blog/default/blog-tags-v-1-9-4-ca4-list.json",59790],"2b57f11c":[()=>n.e(82660).then(n.bind(n,63101)),"@site/blog/2023-04-29-blazorbootstrap-1.7.3.md?truncated=true",63101],"2b5ffb63":[()=>n.e(72793).then(n.bind(n,66598)),"@site/blog/2021-12-20-blazorbootstrap-0.1.0.md",66598],"2c43b6e6":[()=>n.e(72434).then(n.t.bind(n,49120,19)),"~blog/default/blog-tags-collapse-d38-list.json",49120],"2c615316":[()=>n.e(71886).then(n.bind(n,40720)),"@site/blog/2024-01-01-blazorbootstrap-1.10.5.md?truncated=true",40720],"2d59857d":[()=>n.e(9797).then(n.bind(n,3060)),"@site/blog/2022-07-28-blazorbootstrap-0.2.5.md?truncated=true",3060],"2ddd21c8":[()=>n.e(52791).then(n.bind(n,59247)),"@site/blog/2022-10-30-blazorbootstrap-0.6.0.md?truncated=true",59247],"2de3c7dd":[()=>n.e(71092).then(n.t.bind(n,93242,19)),"~blog/default/blog-tags-v-1-10-3-214-list.json",93242],"2df031cd":[()=>n.e(6918).then(n.bind(n,17486)),"@site/docs/06-data-visualization/pie-chart.mdx",17486],"2f6b0f5e":[()=>n.e(35846).then(n.t.bind(n,79794,19)),"~blog/default/blog-tags-blazorbreadcrumb-e44.json",79794],"2f805fa7":[()=>n.e(86508).then(n.t.bind(n,23554,19)),"~blog/default/blog-tags-v-0-4-2-d17.json",23554],"2fdecb40":[()=>n.e(12646).then(n.bind(n,49217)),"@site/blog/2023-04-19-blazorbootstrap-1.7.1.md",49217],"3116eef9":[()=>n.e(20878).then(n.bind(n,26106)),"@site/blog/2024-02-25-blazorbootstrap-2.0.0.md",26106],"313e4a52":[()=>n.e(74236).then(n.bind(n,1734)),"@site/blog/2023-02-07-blazorbootstrap-1.4.3.md",1734],"3175c707":[()=>n.e(37796).then(n.bind(n,97815)),"@site/blog/2022-12-15-blazorbootstrap-1.3.0.md",97815],"319cc750":[()=>n.e(64920).then(n.bind(n,51060)),"@site/blog/2023-01-23-blazorbootstrap-1.4.1.md?truncated=true",51060],"31f38213":[()=>n.e(41493).then(n.t.bind(n,31281,19)),"~blog/default/blog-tags-blazorprogress-a58-list.json",31281],"3395500b":[()=>n.e(9894).then(n.t.bind(n,43484,19)),"~blog/default/blog-tags-blazorgrid-page-2-6ed-list.json",43484],"35cae203":[()=>n.e(36128).then(n.t.bind(n,84016,19)),"~blog/default/blog-tags-rangeinput-176-list.json",84016],"35f8a6bb":[()=>n.e(20330).then(n.t.bind(n,68788,19)),"~blog/default/blog-tags-blazor-toasts-1db.json",68788],"36ea0dff":[()=>n.e(39645).then(n.t.bind(n,85655,19)),"~blog/default/blog-tags-v-1-11-0-4e3-list.json",85655],"3786937c":[()=>n.e(16645).then(n.t.bind(n,26690,19)),"~blog/default/blog-tags-v-0-6-0-ac0-list.json",26690],"37e1ef48":[()=>n.e(24391).then(n.bind(n,78104)),"@site/blog/2021-12-08-blazorbootstrap-0.0.3.md?truncated=true",78104],38980570:[()=>n.e(22950).then(n.t.bind(n,21077,19)),"~blog/default/blog-tags-blazorbadge-dcd-list.json",21077],"38f13464":[()=>n.e(66192).then(n.t.bind(n,9364,19)),"~blog/default/blog-tags-v-0-5-1-740.json",9364],"3935a6ea":[()=>n.e(45083).then(n.bind(n,2759)),"@site/blog/2022-02-27-blazorbootstrap-0.2.1.md",2759],"39d010a5":[()=>n.e(8141).then(n.t.bind(n,25141,19)),"~blog/default/blog-tags-v-1-11-0-4e3.json",25141],"3a3dec98":[()=>n.e(28616).then(n.t.bind(n,64653,19)),"~blog/default/blog-tags-leftmenu-2f9.json",64653],"3b5e9e49":[()=>n.e(12581).then(n.t.bind(n,21480,19)),"~blog/default/blog-tags-v-1-8-2-379.json",21480],"3b64e0ac":[()=>n.e(1749).then(n.bind(n,8944)),"@site/docs/05-components/alerts.mdx",8944],"3b9b4f03":[()=>n.e(35612).then(n.t.bind(n,79185,19)),"~blog/default/blog-tags-autocomplete-978.json",79185],"3b9f38f1":[()=>n.e(96894).then(n.t.bind(n,66351,19)),"~blog/default/blog-tags-dialog-112.json",66351],"3caae09a":[()=>n.e(1707).then(n.t.bind(n,10638,19)),"~blog/default/blog-tags-blazor-sidemodal-4fd.json",10638],"3cda21e2":[()=>n.e(63054).then(n.t.bind(n,35255,19)),"~blog/default/blog-tags-bootstrap-079-list.json",35255],"3ce4b4a2":[()=>n.e(6991).then(n.t.bind(n,5464,19)),"~blog/default/blog-tags-blazor-progress-bar-74e.json",5464],"3d9e9914":[()=>n.e(6333).then(n.bind(n,93773)),"@site/docs/05-components/charts.mdx",93773],"3e108416":[()=>n.e(20069).then(n.bind(n,26205)),"@site/blog/2023-11-18-blazorbootstrap-1.10.4.md?truncated=true",26205],"3f376e35":[()=>n.e(50458).then(n.t.bind(n,17413,19)),"~blog/default/blog-tags-pdfviewer-757-list.json",17413],"3feae84c":[()=>n.e(93350).then(n.bind(n,10663)),"@site/blog/2022-09-12-blazorbootstrap-0.4.1.md",10663],"4049a23c":[()=>n.e(61390).then(n.t.bind(n,97808,19)),"~blog/default/blog-tags-currencyinput-bd1.json",97808],"4072d3a5":[()=>n.e(56247).then(n.t.bind(n,73087,19)),"~blog/default/blog-tags-pagination-7fb.json",73087],"40cfbd3b":[()=>n.e(65811).then(n.bind(n,24116)),"@site/docs/05-components/pdf-viewer.mdx",24116],"40d8e2b3":[()=>n.e(45331).then(n.t.bind(n,80909,19)),"~blog/default/blog-tags-v-0-2-0-1b4.json",80909],"4168486f":[()=>n.e(6174).then(n.t.bind(n,27038,19)),"~blog/default/blog-tags-v-0-0-3-9c2-list.json",27038],"418e6329":[()=>n.e(63253).then(n.bind(n,48569)),"@site/docs/04-forms/range-input.mdx",48569],"4191886d":[()=>n.e(74071).then(n.bind(n,44509)),"@site/blog/2022-12-12-blazorbootstrap-1.2.0.md?truncated=true",44509],"42d0e7ee":[()=>n.e(20701).then(n.t.bind(n,16439,19)),"~blog/default/blog-tags-blazor-templates-07c-list.json",16439],"438d502f":[()=>n.e(18718).then(n.bind(n,30186)),"@site/blog/2023-06-16-blazorbootstrap-1.8.3.md?truncated=true",30186],"43a942ce":[()=>n.e(18367).then(n.bind(n,41151)),"@site/docs/06-data-visualization/line-chart.mdx",41151],"43e49ae4":[()=>n.e(43264).then(n.t.bind(n,45268,19)),"~blog/default/blog-tags-v-0-2-6-c75-list.json",45268],"446a706f":[()=>n.e(85677).then(n.t.bind(n,19389,19)),"~blog/default/blog-tags-confirmdialog-6e1.json",19389],"44ac4dbb":[()=>n.e(77142).then(n.t.bind(n,90399,19)),"~blog/default/blog-page-6-772.json",90399],"4576cdd1":[()=>n.e(34310).then(n.t.bind(n,15016,19)),"~blog/default/blog-tags-alert-863-list.json",15016],"45b7b7e3":[()=>n.e(9992).then(n.t.bind(n,54911,19)),"~blog/default/blog-tags-v-0-2-2-f33-list.json",54911],"46c5e377":[()=>n.e(17678).then(n.bind(n,67758)),"@site/blog/2022-09-12-blazorbootstrap-0.4.1.md?truncated=true",67758],"479494e2":[()=>n.e(97967).then(n.t.bind(n,62989,19)),"~blog/default/blog-tags-blazormodalservice-f26.json",62989],47976586:[()=>n.e(69165).then(n.t.bind(n,96101,19)),"~blog/default/blog-tags-blazordialog-b7a.json",96101],"47a09aa0":[()=>n.e(61703).then(n.t.bind(n,10446,19)),"~blog/default/blog-tags-v-1-2-0-655-list.json",10446],"47c689b7":[()=>n.e(26936).then(n.bind(n,2653)),"@site/docs/05-components/progress.mdx",2653],"484f1eb1":[()=>n.e(43504).then(n.t.bind(n,10376,19)),"~blog/default/blog-tags-blazortooltip-eb6.json",10376],"4abe9ec0":[()=>n.e(35990).then(n.t.bind(n,9721,19)),"~blog/default/blog-tags-v-0-0-4-0c3-list.json",9721],"4afe9451":[()=>n.e(47398).then(n.t.bind(n,29082,19)),"~blog/default/blog-tags-button-f47-list.json",29082],"4beefa9e":[()=>n.e(52870).then(n.bind(n,46658)),"@site/blog/2022-09-17-blazorbootstrap-0.4.2.md",46658],"4c198d7d":[()=>n.e(98581).then(n.bind(n,90624)),"@site/docs/06-data-visualization/bar-chart.mdx",90624],"4caacf91":[()=>n.e(82418).then(n.bind(n,78837)),"@site/docs/01-getting-started/03-a-getting-started-webassembly-NET-6.mdx",78837],"4d098111":[()=>n.e(1624).then(n.t.bind(n,83771,19)),"~blog/default/blog-tags-spinner-166.json",83771],"4d57dccd":[()=>n.e(26878).then(n.t.bind(n,10066,19)),"~blog/default/blog-tags-blazor-page-3-130.json",10066],"4d82bccb":[()=>n.e(73423).then(n.t.bind(n,83769,19)),"/home/runner/work/blazorbootstrap/blazorbootstrap/docs/.docusaurus/docusaurus-plugin-content-docs/default/plugin-route-context-module-100.json",83769],"4db6149d":[()=>n.e(16268).then(n.bind(n,28530)),"@site/blog/2023-10-15-blazorbootstrap-1.10.3.md",28530],"4de1de0e":[()=>n.e(97177).then(n.t.bind(n,65533,19)),"~blog/default/blog-tags-progress-9f6.json",65533],"4de4c9a7":[()=>n.e(22259).then(n.t.bind(n,23156,19)),"~blog/default/blog-tags-blazorbootstrap-page-3-a86.json",23156],"4f538bc3":[()=>n.e(70585).then(n.t.bind(n,72325,19)),"~blog/default/blog-tags-blazorbootstrap-page-2-41f-list.json",72325],"4f704b11":[()=>n.e(82157).then(n.t.bind(n,21581,19)),"~blog/default/blog-tags-v-0-2-0-1b4-list.json",21581],"4fea1e02":[()=>n.e(13939).then(n.bind(n,68963)),"@site/docs/02-layout/getting-started-webassembly.mdx",68963],"4fece664":[()=>n.e(46594).then(n.t.bind(n,12912,19)),"~blog/default/blog-tags-placeholders-367-list.json",12912],"501dd65a":[()=>n.e(85005).then(n.t.bind(n,4726,19)),"~blog/default/blog-tags-chart-68d.json",4726],"5049c6f3":[()=>n.e(83622).then(n.bind(n,58424)),"@site/blog/2023-08-13-blazorbootstrap-1.10.0.md",58424],"5050c89c":[()=>n.e(67015).then(n.bind(n,23764)),"@site/docs/05-components/placeholders.mdx",23764],"50782da8":[()=>n.e(3335).then(n.t.bind(n,37661,19)),"~blog/default/blog-tags-blazor-pie-chart-fcc.json",37661],"509c2304":[()=>n.e(65102).then(n.bind(n,64385)),"@site/blog/2023-02-23-blazorbootstrap-1.4.5.md?truncated=true",64385],"50f7351d":[()=>n.e(78912).then(n.t.bind(n,17900,19)),"~blog/default/blog-tags-accordion-ff6-list.json",17900],"510cc2fd":[()=>n.e(23957).then(n.t.bind(n,48054,19)),"~blog/default/blog-tags-bootstrap-page-2-d2d.json",48054],"51c5a72b":[()=>n.e(61463).then(n.bind(n,76916)),"@site/blog/2023-04-10-blazorbootstrap-1.7.0.md?truncated=true",76916],"51d0b3fd":[()=>n.e(7390).then(n.t.bind(n,55010,19)),"~blog/default/blog-tags-modalservice-cf0-list.json",55010],"51d6be5f":[()=>n.e(85313).then(n.bind(n,59279)),"@site/docs/05-components/callout.mdx",59279],"51ebc1da":[()=>n.e(18924).then(n.t.bind(n,99348,19)),"~blog/default/blog-tags-blazorbutton-ad5.json",99348],"522d13a5":[()=>n.e(83872).then(n.bind(n,78970)),"@site/blog/2023-04-19-blazorbootstrap-1.7.1.md?truncated=true",78970],"536fd30c":[()=>n.e(93003).then(n.t.bind(n,4911,19)),"~blog/default/blog-tags-blazorbootstrap-bbf.json",4911],"53e4311e":[()=>n.e(17476).then(n.t.bind(n,53032,19)),"~blog/default/blog-tags-blazoraccordion-82e.json",53032],"54cd9b03":[()=>n.e(22880).then(n.t.bind(n,36859,19)),"~blog/default/blog-tags-blazor-bootstrap-7ba.json",36859],55660876:[()=>n.e(32297).then(n.bind(n,66195)),"@site/blog/2023-06-31-blazorbootstrap-1.9.1.md?truncated=true",66195],"556ab74e":[()=>n.e(88884).then(n.t.bind(n,35396,19)),"~blog/default/blog-tags-modalservice-cf0.json",35396],"557bafbc":[()=>n.e(2474).then(n.t.bind(n,99136,19)),"~blog/default/blog-tags-breadcrumbservice-fb0-list.json",99136],"57048dd6":[()=>n.e(24684).then(n.t.bind(n,46851,19)),"~blog/default/blog-tags-blazorgrid-page-2-6ed.json",46851],"583ae9c8":[()=>n.e(98236).then(n.t.bind(n,25606,19)),"~blog/default/blog-tags-blazor-page-4-fce-list.json",25606],"58bc14be":[()=>n.e(53826).then(n.t.bind(n,48355,19)),"~blog/default/blog-tags-confirmmodal-840.json",48355],"58eac2a0":[()=>n.e(48428).then(n.t.bind(n,81892,19)),"~blog/default/blog-tags-blazordate-8ac-list.json",81892],"58f0103d":[()=>n.e(1347).then(n.t.bind(n,64185,19)),"~blog/default/blog-tags-scriptloader-ca6-list.json",64185],"594cee0b":[()=>n.e(56977).then(n.t.bind(n,89129,19)),"~blog/default/blog-tags-blazordatepicker-cd6.json",89129],"595de7e8":[()=>n.e(76826).then(n.t.bind(n,6096,19)),"~blog/default/blog-tags-v-1-10-4-f34.json",6096],"597697a2":[()=>n.e(30687).then(n.t.bind(n,92944,19)),"~blog/default/blog-tags-v-1-10-4-f34-list.json",92944],"599ec0be":[()=>n.e(72086).then(n.bind(n,17040)),"@site/blog/2021-12-21-blazorbootstrap-0.1.1.md?truncated=true",17040],"5a0ca8ee":[()=>n.e(81182).then(n.t.bind(n,13234,19)),"~blog/default/blog-tags-v-1-8-2-379-list.json",13234],"5a62bd6d":[()=>n.e(34519).then(n.t.bind(n,319,19)),"~blog/default/blog-tags-accordion-ff6.json",319],"5be3a4b7":[()=>n.e(74439).then(n.t.bind(n,22900,19)),"~blog/default/blog-tags-v-0-2-2-f33.json",22900],"5c0657f8":[()=>n.e(51704).then(n.t.bind(n,92932,19)),"~blog/default/blog-tags-blazor-page-2-34d-list.json",92932],"5c423d58":[()=>n.e(34418).then(n.t.bind(n,40266,19)),"~blog/default/blog-tags-blazor-toast-41c.json",40266],"5c71eb6d":[()=>n.e(3036).then(n.bind(n,2829)),"@site/blog/2023-03-12-blazorbootstrap-1.6.0.md",2829],"5c8d0ad0":[()=>n.e(1215).then(n.bind(n,83819)),"@site/blog/2022-11-18-blazorbootstrap-1.0.0.md?truncated=true",83819],"5d0c85b2":[()=>n.e(25538).then(n.t.bind(n,15095,19)),"~blog/default/blog-tags-toasts-927.json",15095],"5d18866d":[()=>n.e(87844).then(n.bind(n,94528)),"@site/blog/2022-07-28-blazorbootstrap-0.2.5.md",94528],"5d4df2ae":[()=>n.e(82133).then(n.t.bind(n,24469,19)),"/home/runner/work/blazorbootstrap/blazorbootstrap/docs/.docusaurus/docusaurus-plugin-content-blog/default/plugin-route-context-module-100.json",24469],"5d8db735":[()=>n.e(42315).then(n.t.bind(n,55951,19)),"~blog/default/blog-tags-blazortime-fd5-list.json",55951],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,36809)),"@generated/docusaurus.config",36809],"5f680611":[()=>n.e(5972).then(n.bind(n,37425)),"@site/blog/2023-05-28-blazorbootstrap-1.8.0.md?truncated=true",37425],"5f9d70bf":[()=>n.e(79708).then(n.t.bind(n,14382,19)),"~blog/default/blog-tags-v-1-9-3-fe0.json",14382],60364395:[()=>n.e(43087).then(n.t.bind(n,47191,19)),"~blog/default/blog-tags-blazor-starter-templates-3e2.json",47191],"603d5c5e":[()=>n.e(49297).then(n.bind(n,10223)),"@site/blog/2023-06-30-blazorbootstrap-1.9.0.md?truncated=true",10223],"603d9b1e":[()=>n.e(16732).then(n.t.bind(n,95915,19)),"~blog/default/blog-tags-v-1-10-0-82a-list.json",95915],60524120:[()=>n.e(44156).then(n.t.bind(n,23480,19)),"~blog/default/blog-tags-blazor-spinner-4f6-list.json",23480],"60627ebe":[()=>n.e(27402).then(n.t.bind(n,17482,19)),"~blog/default/blog-tags-blazor-grid-filtering-95a-list.json",17482],"6066c36b":[()=>n.e(54035).then(n.bind(n,47275)),"@site/blog/2023-07-16-blazorbootstrap-1.9.5.md",47275],"607cc1d2":[()=>n.e(90367).then(n.t.bind(n,61641,19)),"~blog/default/blog-tags-blazor-bar-chart-4ea-list.json",61641],"607ffa29":[()=>n.e(14523).then(n.bind(n,23521)),"@site/blog/2023-05-31-blazorbootstrap-1.8.1.md?truncated=true",23521],"60e65f9f":[()=>n.e(66058).then(n.t.bind(n,99996,19)),"~blog/default/blog-tags-v-1-10-5-430-list.json",99996],61658309:[()=>n.e(10453).then(n.bind(n,81459)),"@site/docs/05-components/card.mdx",81459],"621307e9":[()=>n.e(61993).then(n.t.bind(n,32129,19)),"~blog/default/blog-tags-blazor-sidemodal-4fd-list.json",32129],"6248578f":[()=>n.e(7866).then(n.t.bind(n,99434,19)),"~blog/default/blog-tags-v-1-9-2-7a2.json",99434],"6260a561":[()=>n.e(17757).then(n.t.bind(n,51636,19)),"~blog/default/blog-tags-blazor-dialog-fe2-list.json",51636],"630e76c4":[()=>n.e(56599).then(n.t.bind(n,22012,19)),"~blog/default/blog-tags-blazor-charts-ccd-list.json",22012],"632b38e8":[()=>n.e(21177).then(n.t.bind(n,35124,19)),"~blog/default/blog-tags-blazorautocomplete-b63.json",35124],"6413176f":[()=>n.e(36584).then(n.bind(n,42643)),"@site/blog/2023-08-29-blazorbootstrap-1.10.1.md?truncated=true",42643],"6468aa87":[()=>n.e(91286).then(n.t.bind(n,83844,19)),"~blog/default/blog-tags-spinner-166-list.json",83844],"64707dcd":[()=>n.e(41916).then(n.bind(n,76723)),"@site/blog/2024-02-04-blazorbootstrap-1.11.1.md",76723],"64c9b997":[()=>n.e(46933).then(n.bind(n,67009)),"@site/blog/2023-09-15-blazorbootstrap-1.10.2.md",67009],"64d9bfb5":[()=>n.e(52447).then(n.t.bind(n,11119,19)),"~blog/default/blog-tags-blazorconfirmdialog-64c.json",11119],"654cb705":[()=>n.e(46930).then(n.bind(n,21998)),"@site/blog/2023-02-07-blazorbootstrap-1.4.3.md?truncated=true",21998],"655dea51":[()=>n.e(97666).then(n.bind(n,65825)),"@site/blog/2023-01-15-blazorbootstrap-1.4.0.md?truncated=true",65825],"6600a909":[()=>n.e(80313).then(n.bind(n,3755)),"@site/docs/05-components/pagination.mdx",3755],"662ff2e0":[()=>n.e(67918).then(n.bind(n,61819)),"@site/blog/2022-11-28-blazorbootstrap-1.1.0.md",61819],"6640fb70":[()=>n.e(59334).then(n.t.bind(n,54223,19)),"~blog/default/blog-tags-modal-page-2-978.json",54223],"66664ddd":[()=>n.e(79527).then(n.t.bind(n,52764,19)),"~blog/default/blog-tags-grid-page-2-0d9.json",52764],"667a4431":[()=>n.e(86244).then(n.bind(n,7749)),"@site/docs/05-components/collapse.mdx",7749],"66896e8e":[()=>n.e(36092).then(n.t.bind(n,57241,19)),"~blog/default/blog-tags-breadcrumb-9bb.json",57241],"67da9612":[()=>n.e(20090).then(n.t.bind(n,83945,19)),"~blog/default/blog-tags-icons-c8e.json",83945],"6875c492":[()=>Promise.all([n.e(40532),n.e(88105),n.e(46048),n.e(48610)]).then(n.bind(n,41714)),"@theme/BlogTagsPostsPage",41714],"691f3895":[()=>n.e(47044).then(n.t.bind(n,32173,19)),"~blog/default/blog-tags-blazortime-fd5.json",32173],"69acfe84":[()=>n.e(65262).then(n.t.bind(n,49628,19)),"~blog/default/blog-tags-confirmdialog-6e1-list.json",49628],"69f51295":[()=>n.e(55794).then(n.t.bind(n,5781,19)),"~blog/default/blog-tags-docs-61c.json",5781],"6a2ba06a":[()=>n.e(78407).then(n.t.bind(n,24122,19)),"~blog/default/blog-tags-blazor-grid-sorting-3d5-list.json",24122],"6ac8108a":[()=>n.e(4928).then(n.t.bind(n,82507,19)),"~blog/default/blog-tags-v-1-11-1-ca0-list.json",82507],"6ac87ca2":[()=>n.e(36613).then(n.bind(n,95181)),"@site/blog/2024-02-04-blazorbootstrap-1.11.0.md?truncated=true",95181],"6c7a9e34":[()=>n.e(30606).then(n.t.bind(n,49793,19)),"~blog/default/blog-tags-v-1-3-1-93b.json",49793],"6d6db813":[()=>n.e(13486).then(n.t.bind(n,82251,19)),"~blog/default/blog-tags-blazortoasts-0d8.json",82251],"6df517ec":[()=>n.e(12469).then(n.t.bind(n,48616,19)),"~blog/default/blog-tags-v-1-9-5-c61-list.json",48616],"6e4acec0":[()=>n.e(89761).then(n.t.bind(n,33880,19)),"~blog/default/blog-tags-offcanvas-ecd.json",33880],"6e53b1b2":[()=>n.e(62845).then(n.t.bind(n,12776,19)),"/home/runner/work/blazorbootstrap/blazorbootstrap/docs/.docusaurus/@easyops-cn/docusaurus-search-local/default/plugin-route-context-module-100.json",12776],"6e560a53":[()=>n.e(78602).then(n.t.bind(n,28331,19)),"~blog/default/blog-tags-blazorsidebar-fab.json",28331],"6f1ace75":[()=>n.e(26586).then(n.t.bind(n,44865,19)),"~blog/default/blog-tags-numberinput-ca7.json",44865],"6f58f824":[()=>n.e(92911).then(n.t.bind(n,36949,19)),"~blog/default/blog-tags-callout-c99-list.json",36949],70853425:[()=>n.e(23662).then(n.t.bind(n,64803,19)),"~blog/default/blog-tags-v-0-2-6-c75.json",64803],"709b8fca":[()=>n.e(14e3).then(n.bind(n,28129)),"@site/blog/2024-02-25-upgrade-to-v2.0.0.md",28129],"715d24f4":[()=>n.e(42211).then(n.t.bind(n,25442,19)),"~blog/default/blog-tags-blazor-progress-e03-list.json",25442],"715f34df":[()=>n.e(98650).then(n.t.bind(n,68290,19)),"~blog/default/blog-tags-input-a25-list.json",68290],"723c0db3":[()=>n.e(89117).then(n.t.bind(n,33223,19)),"~blog/default/blog-tags-navigation-84c.json",33223],"726ced83":[()=>n.e(24581).then(n.t.bind(n,27618,19)),"~blog/default/blog-tags-blazor-number-input-834.json",27618],"731d3a21":[()=>n.e(81385).then(n.t.bind(n,54693,19)),"~blog/default/blog-tags-v-1-4-2-974-list.json",54693],"746d5920":[()=>n.e(94375).then(n.t.bind(n,93018,19)),"~blog/default/blog-tags-modal-e6f.json",93018],"7483fa27":[()=>n.e(70924).then(n.bind(n,54181)),"@site/blog/2024-02-25-upgrade-to-v2.0.0.md?truncated=true",54181],"74aa9bd3":[()=>n.e(99631).then(n.t.bind(n,86348,19)),"~blog/default/blog-tags-v-1-4-5-2bb-list.json",86348],"75119bec":[()=>n.e(60364).then(n.bind(n,42653)),"@site/blog/2022-12-12-blazorbootstrap-1.2.0.md",42653],"7521c638":[()=>n.e(67788).then(n.t.bind(n,54509,19)),"~blog/default/blog-tags-v-0-2-5-203-list.json",54509],"75f4ac3a":[()=>n.e(40582).then(n.t.bind(n,93180,19)),"~blog/default/blog-tags-scriptloader-ca6.json",93180],"7656d80a":[()=>n.e(79165).then(n.bind(n,99819)),"@site/blog/2021-11-27-blazorbootstrap-0.0.2.md",99819],"769aeadf":[()=>n.e(56058).then(n.t.bind(n,38609,19)),"~blog/default/blog-tags-blazorbuttons-928.json",38609],"76fef7fc":[()=>n.e(71882).then(n.t.bind(n,10990,19)),"~blog/default/blog-tags-grid-a3a-list.json",10990],"77dd4733":[()=>n.e(95721).then(n.bind(n,44467)),"@site/blog/2022-10-22-blazorbootstrap-0.5.1.md",44467],"781d0cc3":[()=>n.e(22376).then(n.t.bind(n,99401,19)),"~blog/default/blog-tags-blazor-spinner-4f6.json",99401],"78e78061":[()=>n.e(40275).then(n.t.bind(n,1848,19)),"~blog/default/blog-tags-blazor-input-8a0.json",1848],"7955821b":[()=>n.e(74361).then(n.t.bind(n,51919,19)),"~blog/default/blog-tags-blazoraccordion-82e-list.json",51919],"79effc5f":[()=>n.e(29578).then(n.t.bind(n,17623,19)),"~blog/default/blog-tags-v-0-1-1-ca6.json",17623],"7a27bb07":[()=>n.e(77760).then(n.t.bind(n,16466,19)),"~blog/default/blog-tags-blazoricon-443.json",16466],"7a62d0ee":[()=>n.e(68867).then(n.t.bind(n,59190,19)),"~blog/default/blog-tags-blazor-number-763-list.json",59190],"7a8c297b":[()=>n.e(14084).then(n.t.bind(n,81678,19)),"~blog/default/blog-tags-blazorswitch-82d.json",81678],"7af3d485":[()=>n.e(69591).then(n.t.bind(n,73673,19)),"~blog/default/blog-tags-v-1-7-2-ff0-list.json",73673],"7b38df15":[()=>n.e(68957).then(n.t.bind(n,69670,19)),"~blog/default/blog-tags-blazorbadge-dcd.json",69670],"7bc2fe32":[()=>n.e(64277).then(n.bind(n,69408)),"@site/blog/2023-02-10-blazorbootstrap-1.4.4.md?truncated=true",69408],"7c4d5511":[()=>n.e(1517).then(n.t.bind(n,15731,19)),"~blog/default/blog-tags-v-1-10-1-2a4-list.json",15731],"7c5d2905":[()=>n.e(54433).then(n.bind(n,34974)),"@site/blog/2022-10-16-blazorbootstrap-0.5.0.md?truncated=true",34974],"7c656ec4":[()=>n.e(25697).then(n.t.bind(n,94026,19)),"~blog/default/blog-tags-bootstrap-5-page-2-454-list.json",94026],"7cda228d":[()=>n.e(91082).then(n.t.bind(n,55602,19)),"~blog/default/blog-tags-dateinput-a59-list.json",55602],"7ced60eb":[()=>n.e(4535).then(n.t.bind(n,20349,19)),"~blog/default/blog-tags-v-1-6-0-a7e.json",20349],"7d8e90a7":[()=>n.e(95517).then(n.bind(n,75047)),"@site/blog/2023-09-15-blazorbootstrap-1.10.2.md?truncated=true",75047],"7d9726a8":[()=>n.e(7429).then(n.t.bind(n,89494,19)),"~blog/default/blog-page-4-30b.json",89494],"7e5cd4e7":[()=>n.e(62259).then(n.t.bind(n,9864,19)),"~blog/default/blog-tags-blazorbootstrap-page-6-976-list.json",9864],"7ec9e121":[()=>n.e(3477).then(n.t.bind(n,4321,19)),"~blog/default/blog-tags-blazor-confirm-dialog-556.json",4321],"7f0e19fe":[()=>n.e(80856).then(n.t.bind(n,22294,19)),"~blog/default/blog-tags-v-1-9-1-41b-list.json",22294],"7f7a074d":[()=>n.e(68182).then(n.t.bind(n,46654,19)),"~blog/default/blog-tags-v-0-2-5-203.json",46654],"7fabb151":[()=>n.e(44902).then(n.bind(n,13509)),"@site/blog/2023-04-24-blazorbootstrap-1.7.2.md?truncated=true",13509],"7fb1abc1":[()=>n.e(82479).then(n.t.bind(n,43588,19)),"~blog/default/blog-tags-v-0-3-0-521.json",43588],"7fd37e65":[()=>n.e(3625).then(n.t.bind(n,50519,19)),"~blog/default/blog-tags-blazorsidebar-fab-list.json",50519],"7ff7fcc0":[()=>n.e(11426).then(n.t.bind(n,22121,19)),"~blog/default/blog-tags-input-a25.json",22121],"80410c2f":[()=>n.e(13868).then(n.bind(n,75637)),"@site/blog/2022-02-27-blazorbootstrap-0.2.1.md?truncated=true",75637],"80b861cf":[()=>n.e(32360).then(n.t.bind(n,56772,19)),"~blog/default/blog-tags-v-0-0-1-eb6.json",56772],"80c9cbbd":[()=>n.e(29498).then(n.t.bind(n,50200,19)),"~blog/default/blog-tags-breadcrumb-9bb-list.json",50200],"814f3328":[()=>n.e(52535).then(n.t.bind(n,45641,19)),"~blog/default/blog-post-list-prop-default.json",45641],"817026f7":[()=>n.e(96536).then(n.bind(n,53335)),"@site/docs/07-services/modal.mdx",53335],82555221:[()=>n.e(54697).then(n.bind(n,47271)),"@site/blog/2023-08-29-blazorbootstrap-1.10.1.md",47271],"825a6483":[()=>n.e(89791).then(n.t.bind(n,98122,19)),"~blog/default/blog-tags-blazor-0c3.json",98122],82686804:[()=>n.e(67024).then(n.t.bind(n,97509,19)),"~blog/default/blog-tags-blazornumber-7d7-list.json",97509],"828618cd":[()=>n.e(33965).then(n.bind(n,31398)),"@site/blog/2023-06-16-blazorbootstrap-1.8.3.md",31398],"82b4d5aa":[()=>n.e(50789).then(n.t.bind(n,42497,19)),"~blog/default/blog-tags-v-1-10-3-214.json",42497],"8336dd36":[()=>n.e(57955).then(n.t.bind(n,16110,19)),"~blog/default/blog-tags-v-1-0-1-8d6.json",16110],"8350469a":[()=>n.e(81238).then(n.t.bind(n,65761,19)),"~blog/default/blog-tags-tooltip-aff-list.json",65761],"84b40e91":[()=>n.e(51921).then(n.t.bind(n,24436,19)),"~blog/default/blog-tags-blazorbootstrap-starter-templates-c71.json",24436],"84defe9f":[()=>n.e(77703).then(n.t.bind(n,82390,19)),"~blog/default/blog-tags-blazor-offcanvas-05e-list.json",82390],"84e13b25":[()=>n.e(93550).then(n.bind(n,53892)),"@site/docs/04-forms/time-input.mdx",53892],"852aa2d6":[()=>n.e(67964).then(n.bind(n,99740)),"@site/blog/2023-06-31-blazorbootstrap-1.9.1.md",99740],"85b1c86a":[()=>n.e(41691).then(n.t.bind(n,78159,19)),"~blog/default/blog-tags-blazor-page-4-fce.json",78159],"85d5052b":[()=>n.e(69657).then(n.t.bind(n,49786,19)),"~blog/default/blog-tags-preload-22c.json",49786],"865c0ce4":[()=>n.e(82096).then(n.bind(n,60439)),"@site/docs/05-components/toasts.mdx",60439],"86e32e70":[()=>n.e(55711).then(n.t.bind(n,39497,19)),"~blog/default/blog-tags-badge-5b0-list.json",39497],"880e6c0d":[()=>n.e(58933).then(n.t.bind(n,30856,19)),"~blog/default/blog-tags-v-1-9-5-c61.json",30856],"88608b5d":[()=>n.e(38537).then(n.bind(n,50512)),"@site/docs/05-components/dropdown.mdx",50512],"8910cc41":[()=>n.e(48518).then(n.t.bind(n,43623,19)),"~blog/default/blog-tags-blazor-charts-ccd.json",43623],"891bc1a1":[()=>n.e(4433).then(n.t.bind(n,13215,19)),"~blog/default/blog-tags-blazor-toasts-1db-list.json",13215],"8ac1728c":[()=>n.e(14187).then(n.t.bind(n,72492,19)),"~blog/default/blog-tags-blazortabs-ba9-list.json",72492],"8ca237b8":[()=>n.e(68042).then(n.bind(n,71439)),"@site/blog/2023-07-16-blazorbootstrap-1.9.5.md?truncated=true",71439],"8cb736e6":[()=>n.e(42331).then(n.t.bind(n,89089,19)),"~blog/default/blog-tags-v-0-5-1-740-list.json",89089],"8cbb11df":[()=>n.e(77296).then(n.t.bind(n,39751,19)),"~blog/default/blog-tags-blazorbutton-ad5-list.json",39751],"8d28d1a4":[()=>n.e(58484).then(n.t.bind(n,18736,19)),"~blog/default/blog-tags-v-1-8-1-9cf.json",18736],"8dc79d0f":[()=>n.e(81018).then(n.bind(n,32512)),"@site/blog/2023-10-15-blazorbootstrap-1.10.3.md?truncated=true",32512],"8dcdb7d3":[()=>n.e(75455).then(n.t.bind(n,17999,19)),"~blog/default/blog-tags-date-b43.json",17999],"8eb4e46b":[()=>n.e(10001).then(n.t.bind(n,82638,19)),"~blog/default/blog-page-2-677.json",82638],"8ec2cf6c":[()=>n.e(242).then(n.t.bind(n,50602,19)),"~blog/default/blog-tags-blazorbootstrap-page-3-a86-list.json",50602],"8ee50342":[()=>n.e(52278).then(n.bind(n,98155)),"@site/blog/2022-10-16-blazorbootstrap-0.5.0.md",98155],"8f1e4f29":[()=>n.e(35391).then(n.t.bind(n,7996,19)),"~blog/default/blog-tags-v-0-1-1-ca6-list.json",7996],"8f38113f":[()=>n.e(84214).then(n.bind(n,48030)),"@site/docs/05-components/sidebar.mdx",48030],"8fd56d8d":[()=>n.e(53488).then(n.bind(n,31365)),"@site/blog/2022-12-18-blazorbootstrap-1.3.1.md?truncated=true",31365],"8fee25ed":[()=>n.e(71187).then(n.t.bind(n,10668,19)),"~blog/default/blog-tags-blazorprogress-a58.json",10668],"8ff92596":[()=>n.e(69770).then(n.t.bind(n,22762,19)),"~blog/default/blog-tags-v-0-4-0-3b1.json",22762],"90d44a4a":[()=>n.e(46753).then(n.t.bind(n,89395,19)),"~blog/default/blog-tags-breadcrumbservice-fb0.json",89395],"91092bcb":[()=>n.e(88177).then(n.t.bind(n,51916,19)),"~blog/default/blog-tags-blazorconfirmdialog-64c-list.json",51916],"91c1b3da":[()=>n.e(67815).then(n.t.bind(n,46784,19)),"~blog/default/blog-tags-navigation-84c-list.json",46784],"927171ec":[()=>n.e(67698).then(n.t.bind(n,27955,19)),"~blog/default/blog-tags-blazortoasts-0d8-list.json",27955],"92999a1c":[()=>n.e(18442).then(n.t.bind(n,15310,19)),"~blog/default/blog-page-3-fd4.json",15310],"92a91303":[()=>n.e(41646).then(n.bind(n,37505)),"@site/docs/01-getting-started/02-c-getting-started-maui-blazor-NET-7.mdx",37505],"935f2afb":[()=>n.e(80053).then(n.t.bind(n,1109,19)),"~docs/default/version-current-metadata-prop-751.json",1109],"9395941f":[()=>n.e(61124).then(n.t.bind(n,47174,19)),"~blog/default/blog-tags-blazordatepicker-cd6-list.json",47174],"93da849d":[()=>n.e(75683).then(n.t.bind(n,80457,19)),"~blog/default/blog-tags-blazor-grid-sorting-3d5.json",80457],"946a1545":[()=>n.e(23592).then(n.bind(n,96094)),"@site/blog/2021-12-12-blazorbootstrap-0.0.4.md?truncated=true",96094],"94ba6861":[()=>n.e(68581).then(n.t.bind(n,27823,19)),"~blog/default/blog-tags-grid-a3a.json",27823],"960c6bd8":[()=>n.e(41913).then(n.t.bind(n,4785,19)),"~blog/default/blog-tags-v-1-4-0-a7e.json",4785],"9614ca7b":[()=>n.e(74895).then(n.bind(n,13774)),"@site/blog/2022-08-13-blazorbootstrap-0.2.6.md",13774],"97491c67":[()=>n.e(2703).then(n.t.bind(n,10733,19)),"~blog/default/blog-tags-datepicker-461-list.json",10733],"97e00a59":[()=>n.e(197).then(n.t.bind(n,38763,19)),"~blog/default/blog-tags-icon-3e2-list.json",38763],"97ec44a3":[()=>n.e(26086).then(n.bind(n,59230)),"@site/blog/2022-01-15-blazorbootstrap-0.2.0.md?truncated=true",59230],"9962ee1e":[()=>n.e(62359).then(n.t.bind(n,57986,19)),"~blog/default/blog-tags-icons-c8e-list.json",57986],"99d1d0f5":[()=>n.e(19508).then(n.t.bind(n,65352,19)),"~blog/default/blog-tags-v-1-3-0-ed5-list.json",65352],"9a2f6742":[()=>n.e(74951).then(n.t.bind(n,78310,19)),"~blog/default/blog-tags-dateinput-a59.json",78310],"9a99d86c":[()=>n.e(26824).then(n.t.bind(n,89992,19)),"~blog/default/blog-tags-v-1-9-0-a71-list.json",89992],"9b1f0615":[()=>n.e(32885).then(n.t.bind(n,63938,19)),"~blog/default/blog-tags-blazorgrid-152.json",63938],"9cc7e160":[()=>n.e(77194).then(n.t.bind(n,90519,19)),"~blog/default/blog-tags-blazorswitch-82d-list.json",90519],"9d07e165":[()=>n.e(33394).then(n.bind(n,28996)),"@site/blog/2022-11-18-blazorbootstrap-1.0.0.md",28996],"9d6c73db":[()=>n.e(96968).then(n.t.bind(n,54513,19)),"~blog/default/blog-tags-blazor-toast-41c-list.json",54513],"9e4087bc":[()=>n.e(53608).then(n.bind(n,63169)),"@theme/BlogArchivePage",63169],"9e46ffba":[()=>n.e(53493).then(n.t.bind(n,92106,19)),"~blog/default/blog-tags-blazorconfirmmodal-770-list.json",92106],"9efcd135":[()=>n.e(40453).then(n.t.bind(n,18514,19)),"~blog/default/blog-tags-blazoroffcanvas-e89.json",18514],"9f3c7121":[()=>n.e(26556).then(n.t.bind(n,8322,19)),"~blog/default/blog-tags-dialog-112-list.json",8322],"9f5341a1":[()=>n.e(25827).then(n.t.bind(n,10296,19)),"~blog/default/blog-tags-blazor-bar-chart-4ea.json",10296],a05f678e:[()=>n.e(97161).then(n.bind(n,82367)),"@site/docs/05-components/badge.mdx",82367],a15968c9:[()=>n.e(69694).then(n.bind(n,80450)),"@site/blog/2022-03-15-blazorbootstrap-0.2.2.md",80450],a15b54fa:[()=>n.e(78726).then(n.t.bind(n,89524,19)),"~blog/default/blog-tags-v-0-6-0-ac0.json",89524],a20900f1:[()=>n.e(46618).then(n.t.bind(n,92067,19)),"~blog/default/blog-tags-currency-893.json",92067],a2df1de6:[()=>n.e(59457).then(n.bind(n,99905)),"@site/docs/04-forms/currency-input.mdx",99905],a48358a1:[()=>n.e(23009).then(n.t.bind(n,74567,19)),"~blog/default/blog-tags-v-0-5-0-f72.json",74567],a5a8063d:[()=>n.e(42084).then(n.bind(n,99413)),"@site/blog/2022-10-30-blazorbootstrap-0.6.0.md",99413],a6013ce6:[()=>n.e(94764).then(n.t.bind(n,24584,19)),"~blog/default/blog-tags-charts-85a-list.json",24584],a6aa9e1f:[()=>Promise.all([n.e(40532),n.e(88105),n.e(46048),n.e(93089)]).then(n.bind(n,80046)),"@theme/BlogListPage",80046],a6e99728:[()=>n.e(84564).then(n.t.bind(n,72190,19)),"~blog/default/blog-tags-v-0-0-3-9c2.json",72190],a7023ddc:[()=>n.e(11713).then(n.t.bind(n,53457,19)),"~blog/default/blog-tags-tags-4c2.json",53457],a788ec2c:[()=>n.e(24974).then(n.t.bind(n,29805,19)),"~blog/default/blog-tags-v-1-6-0-a7e-list.json",29805],a7fd264d:[()=>n.e(80218).then(n.t.bind(n,68792,19)),"~blog/default/blog-tags-toast-92e-list.json",68792],a8c5bdfb:[()=>n.e(78233).then(n.t.bind(n,15745,19)),"/home/runner/work/blazorbootstrap/blazorbootstrap/docs/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",15745],a90470d6:[()=>n.e(62486).then(n.t.bind(n,47446,19)),"~blog/default/blog-tags-v-1-9-3-fe0-list.json",47446],a909bce2:[()=>n.e(98116).then(n.t.bind(n,30761,19)),"~blog/default/blog-tags-blazor-input-8a0-list.json",30761],a937b3a2:[()=>n.e(50644).then(n.t.bind(n,2458,19)),"~blog/default/blog-tags-progress-9f6-list.json",2458],aa493f4a:[()=>n.e(94575).then(n.bind(n,32104)),"@site/blog/2022-08-31-blazorbootstrap-0.3.0.md?truncated=true",32104],abc06963:[()=>n.e(69245).then(n.bind(n,90504)),"@site/blog/2022-12-15-blazorbootstrap-1.3.0.md?truncated=true",90504],adb7c9ff:[()=>n.e(34857).then(n.t.bind(n,56347,19)),"~blog/default/blog-tags-autocomplete-978-list.json",56347],ae632395:[()=>n.e(55205).then(n.t.bind(n,10334,19)),"~blog/default/blog-tags-tooltip-aff.json",10334],ae9bcc96:[()=>n.e(63135).then(n.t.bind(n,69897,19)),"~blog/default/blog-tags-pdfviewer-757.json",69897],afb75713:[()=>n.e(6063).then(n.bind(n,88367)),"@site/docs/01-getting-started/01-c-getting-started-webapp-auto-global-NET-8.mdx",88367],b03e4ecb:[()=>n.e(18823).then(n.bind(n,49516)),"@site/blog/2021-12-08-blazorbootstrap-0.0.3.md",49516],b1051041:[()=>n.e(7039).then(n.t.bind(n,37616,19)),"~blog/default/blog-tags-v-1-0-0-432-list.json",37616],b10c749b:[()=>n.e(23076).then(n.t.bind(n,35778,19)),"~blog/default/blog-tags-v-1-9-0-a71.json",35778],b11e89e5:[()=>n.e(29051).then(n.t.bind(n,42930,19)),"~blog/default/blog-tags-numberinput-ca7-list.json",42930],b176b560:[()=>n.e(92060).then(n.t.bind(n,20718,19)),"~blog/default/blog-tags-blazor-confirm-dialog-556-list.json",20718],b1780ee1:[()=>n.e(51657).then(n.t.bind(n,6918,19)),"~blog/default/blog-tags-v-1-7-0-8a0-list.json",6918],b17a40f7:[()=>n.e(50128).then(n.t.bind(n,39931,19)),"~blog/default/blog-tags-blazordateinput-aeb-list.json",39931],b1a7cc4f:[()=>n.e(81304).then(n.t.bind(n,28385,19)),"~blog/default/blog-tags-v-1-8-0-878.json",28385],b1dc83d9:[()=>n.e(10794).then(n.t.bind(n,83055,19)),"~blog/default/blog-tags-blazorbootstrap-page-5-336-list.json",83055],b2363121:[()=>n.e(70105).then(n.bind(n,81174)),"@site/blog/2022-08-13-blazorbootstrap-0.2.6.md?truncated=true",81174],b2b675dd:[()=>n.e(90533).then(n.t.bind(n,28017,19)),"~blog/default/blog-c06.json",28017],b2b73654:[()=>n.e(70110).then(n.t.bind(n,59155,19)),"~blog/default/blog-tags-v-1-1-0-2e8.json",59155],b2f554cd:[()=>n.e(11477).then(n.t.bind(n,30010,19)),"~blog/default/blog-archive-80c.json",30010],b329fb77:[()=>n.e(73178).then(n.t.bind(n,79871,19)),"~blog/default/blog-tags-blazorbootstrap-page-4-471.json",79871],b361ec9d:[()=>n.e(27715).then(n.t.bind(n,17807,19)),"~blog/default/blog-tags-v-1-4-5-2bb.json",17807],b3bcf9b5:[()=>n.e(12119).then(n.t.bind(n,36686,19)),"~blog/default/blog-tags-v-0-0-2-89a.json",36686],b3e33875:[()=>n.e(25768).then(n.t.bind(n,70041,19)),"~blog/default/blog-tags-blazor-pie-chart-fcc-list.json",70041],b4611217:[()=>n.e(69515).then(n.t.bind(n,89624,19)),"~blog/default/blog-tags-switch-f2b.json",89624],b5288141:[()=>n.e(50765).then(n.bind(n,60414)),"@site/docs/05-components/breadcrumb.mdx",60414],b53fbfdb:[()=>n.e(53250).then(n.t.bind(n,33591,19)),"~blog/default/blog-tags-input-number-fe8-list.json",33591],b5859c16:[()=>n.e(60761).then(n.t.bind(n,53721,19)),"~blog/default/blog-tags-blazor-0c3-list.json",53721],b5cfba5e:[()=>n.e(84767).then(n.t.bind(n,25804,19)),"~blog/default/blog-tags-blazorchart-cb0-list.json",25804],b6216f17:[()=>n.e(57243).then(n.t.bind(n,24633,19)),"~blog/default/blog-tags-modal-page-2-978-list.json",24633],b71701b4:[()=>n.e(8059).then(n.t.bind(n,20886,19)),"~blog/default/blog-tags-preload-22c-list.json",20886],b7f75ae4:[()=>n.e(16718).then(n.t.bind(n,57618,19)),"~blog/default/blog-tags-toastservice-084-list.json",57618],b8133b83:[()=>n.e(28354).then(n.t.bind(n,75776,19)),"~blog/default/blog-tags-v-0-1-0-f4e-list.json",75776],b9a852d0:[()=>n.e(16978).then(n.t.bind(n,35565,19)),"~blog/default/blog-tags-timeinput-8d8.json",35565],b9cc54fe:[()=>n.e(23923).then(n.t.bind(n,33686,19)),"~blog/default/blog-tags-v-1-7-1-d14.json",33686],ba6d458c:[()=>n.e(73510).then(n.bind(n,10415)),"@site/blog/2023-07-04-blazorbootstrap-1.9.3.md",10415],baed9087:[()=>n.e(99281).then(n.bind(n,99132)),"@site/blog/2023-04-29-blazorbootstrap-1.7.3.md",99132],bb807953:[()=>n.e(24918).then(n.bind(n,32344)),"@site/docs/05-components/modal.mdx",32344],bbe0b07b:[()=>n.e(39770).then(n.bind(n,80072)),"@site/blog/2022-12-18-blazorbootstrap-1.3.1.md",80072],bc2963ca:[()=>n.e(75414).then(n.t.bind(n,68106,19)),"~blog/default/blog-tags-v-1-7-2-ff0.json",68106],bd1bae9a:[()=>n.e(23367).then(n.t.bind(n,50218,19)),"~blog/default/blog-tags-blazorbootstrap-page-2-41f.json",50218],bd7b0a88:[()=>n.e(93454).then(n.t.bind(n,65576,19)),"~blog/default/blog-tags-v-1-3-0-ed5.json",65576],be39c62e:[()=>n.e(84993).then(n.t.bind(n,86976,19)),"~blog/default/blog-tags-v-0-2-1-c77.json",86976],bed1a6f9:[()=>n.e(28476).then(n.t.bind(n,87582,19)),"~blog/default/blog-tags-v-0-2-1-c77-list.json",87582],beea12d4:[()=>n.e(59531).then(n.bind(n,46660)),"@site/blog/2021-12-20-blazorbootstrap-0.1.0.md?truncated=true",46660],bf17d8c8:[()=>n.e(99255).then(n.t.bind(n,90951,19)),"~blog/default/blog-tags-blazorchart-cb0.json",90951],bf8fae8f:[()=>n.e(26444).then(n.t.bind(n,93504,19)),"~blog/default/blog-tags-blazorbootstrap-page-4-471-list.json",93504],c116c874:[()=>n.e(76193).then(n.t.bind(n,51317,19)),"~blog/default/blog-tags-v-0-4-0-3b1-list.json",51317],c17e866f:[()=>n.e(46297).then(n.t.bind(n,86323,19)),"~blog/default/blog-tags-blazor-autocomplete-30a-list.json",86323],c18cbc7b:[()=>n.e(34904).then(n.bind(n,20891)),"@site/docs/03-content/icons.mdx",20891],c190ea02:[()=>n.e(95338).then(n.bind(n,80896)),"@site/docs/05-components/tooltips.mdx",80896],c219a4ea:[()=>n.e(15417).then(n.t.bind(n,56188,19)),"~blog/default/blog-tags-blazortoast-805.json",56188],c22a9ec7:[()=>n.e(34877).then(n.bind(n,63733)),"@site/blog/2023-06-11-blazorbootstrap-1.8.2.md?truncated=true",63733],c291da80:[()=>n.e(80254).then(n.bind(n,49564)),"@site/docs/01-getting-started/02-a-getting-started-webassembly-NET-7.mdx",49564],c2eb690c:[()=>n.e(49262).then(n.t.bind(n,39067,19)),"~blog/default/blog-tags-blazorbootstrap-page-5-336.json",39067],c4b1132f:[()=>n.e(75368).then(n.t.bind(n,39357,19)),"~blog/default/blog-tags-dropdown-baa-list.json",39357],c4f5d8e4:[()=>Promise.all([n.e(40532),n.e(64195)]).then(n.bind(n,59335)),"@site/src/pages/index.js",59335],c52bae0a:[()=>n.e(28617).then(n.t.bind(n,79895,19)),"~blog/default/blog-tags-v-1-4-4-b9d-list.json",79895],c5614c51:[()=>n.e(70420).then(n.t.bind(n,75006,19)),"~blog/default/blog-tags-blazorbootstrap-starter-templates-c71-list.json",75006],c5625ff5:[()=>n.e(95074).then(n.t.bind(n,90722,19)),"~blog/default/blog-tags-v-1-10-0-82a.json",90722],c58e7149:[()=>n.e(39856).then(n.bind(n,6222)),"@site/blog/2023-07-05-blazorbootstrap-1.9.4.md?truncated=true",6222],c6318e18:[()=>n.e(18663).then(n.bind(n,86505)),"@site/blog/2021-11-23-blazorbootstrap-0.0.1.md?truncated=true",86505],c65f2699:[()=>n.e(74534).then(n.t.bind(n,67938,19)),"~blog/default/blog-tags-confirm-dialog-bb7-list.json",67938],c673f71a:[()=>n.e(86831).then(n.bind(n,37777)),"@site/blog/2024-02-04-blazorbootstrap-1.11.0.md",37777],c6a57455:[()=>n.e(87538).then(n.bind(n,29603)),"@site/blog/2023-07-01-blazorbootstrap-1.9.2.md?truncated=true",29603],c76b299c:[()=>n.e(52421).then(n.t.bind(n,21279,19)),"~blog/default/blog-tags-v-0-4-1-b14-list.json",21279],c83a2893:[()=>n.e(49270).then(n.t.bind(n,17674,19)),"~blog/default/blog-tags-blazor-number-763.json",17674],c8ba346a:[()=>n.e(27479).then(n.t.bind(n,38689,19)),"~blog/default/blog-tags-leftmenu-2f9-list.json",38689],c8cb7a76:[()=>n.e(19089).then(n.bind(n,97667)),"@site/docs/05-components/tabs.mdx",97667],c999ff5b:[()=>n.e(48367).then(n.t.bind(n,20667,19)),"~blog/default/blog-tags-v-1-7-0-8a0.json",20667],c9f7b092:[()=>n.e(65552).then(n.t.bind(n,47023,19)),"~blog/default/blog-tags-v-2-0-0-440-list.json",47023],ca5ddc25:[()=>n.e(66882).then(n.t.bind(n,30146,19)),"~blog/default/blog-tags-bootstrap-page-3-cf7.json",30146],ca9d53ad:[()=>n.e(60013).then(n.bind(n,73473)),"@site/blog/2023-01-30-blazorbootstrap-1.4.2.md?truncated=true",73473],caa2721c:[()=>n.e(70852).then(n.t.bind(n,26470,19)),"~blog/default/blog-tags-charts-85a.json",26470],cb9c0be7:[()=>n.e(8760).then(n.bind(n,38561)),"@site/blog/2022-06-19-blazorbootstrap-0.2.4.md",38561],cc1a1680:[()=>n.e(48964).then(n.bind(n,62935)),"@site/blog/2023-01-23-blazorbootstrap-1.4.1.md",62935],cc9add59:[()=>n.e(36232).then(n.t.bind(n,55722,19)),"~blog/default/blog-tags-clipboard-a9f.json",55722],ccc49370:[()=>Promise.all([n.e(40532),n.e(88105),n.e(46048),n.e(46103)]).then(n.bind(n,65203)),"@theme/BlogPostPage",65203],ccd9f363:[()=>n.e(21823).then(n.t.bind(n,83663,19)),"~blog/default/blog-tags-toastservice-084.json",83663],cd4fd991:[()=>n.e(3988).then(n.t.bind(n,46495,19)),"~blog/default/blog-tags-blazorcollapse-421-list.json",46495],cfa57793:[()=>n.e(59331).then(n.t.bind(n,72616,19)),"~blog/default/blog-tags-grid-page-2-0d9-list.json",72616],cfc716d8:[()=>n.e(11046).then(n.t.bind(n,31586,19)),"~blog/default/blog-tags-tabs-969.json",31586],cfe8b84a:[()=>n.e(48343).then(n.t.bind(n,83591,19)),"~blog/default/blog-tags-v-1-0-0-432.json",83591],d072459e:[()=>n.e(1786).then(n.t.bind(n,55844,19)),"~blog/default/blog-tags-v-1-4-0-a7e-list.json",55844],d1831d2f:[()=>n.e(42913).then(n.t.bind(n,72765,19)),"~blog/default/blog-tags-blazortoast-805-list.json",72765],d1e90a87:[()=>n.e(31738).then(n.t.bind(n,32779,19)),"~blog/default/blog-tags-blazor-tabs-daf-list.json",32779],d39f9a0e:[()=>n.e(78751).then(n.bind(n,58748)),"@site/docs/01-getting-started/01-d-getting-started-maui-blazor-NET-8.mdx",58748],d42fcd53:[()=>n.e(22090).then(n.t.bind(n,5963,19)),"~blog/default/blog-tags-blazorautocomplete-b63-list.json",5963],d4d52611:[()=>n.e(59576).then(n.t.bind(n,68066,19)),"~blog/default/blog-tags-blazor-input-number-dc1.json",68066],d4fa5cbe:[()=>n.e(15064).then(n.t.bind(n,33672,19)),"~blog/default/blog-tags-modal-e6f-list.json",33672],d537fbe8:[()=>n.e(43495).then(n.t.bind(n,87911,19)),"~blog/default/blog-tags-blazor-starter-templates-3e2-list.json",87911],d618fd50:[()=>n.e(35898).then(n.t.bind(n,3234,19)),"~blog/default/blog-tags-v-1-0-1-8d6-list.json",3234],d62a7c49:[()=>n.e(63384).then(n.t.bind(n,14740,19)),"~blog/default/blog-tags-toast-92e.json",14740],d6eaa184:[()=>n.e(28481).then(n.t.bind(n,56120,19)),"~blog/default/blog-tags-alert-863.json",56120],d6f47703:[()=>n.e(47888).then(n.t.bind(n,81746,19)),"~blog/default/blog-tags-blazordialog-b7a-list.json",81746],d7b100b9:[()=>n.e(98716).then(n.bind(n,71182)),"@site/blog/2024-02-04-blazorbootstrap-1.11.1.md?truncated=true",71182],d7f59897:[()=>n.e(65249).then(n.t.bind(n,40223,19)),"~blog/default/blog-tags-progress-bar-8a7-list.json",40223],d827f292:[()=>n.e(41431).then(n.t.bind(n,74935,19)),"~blog/default/blog-tags-blazortimepicker-9a4.json",74935],d866ce1d:[()=>n.e(9540).then(n.t.bind(n,29764,19)),"~blog/default/blog-tags-v-1-9-1-41b.json",29764],d8be0be1:[()=>n.e(77758).then(n.bind(n,84686)),"@site/blog/2021-11-23-blazorbootstrap-0.0.1.md",84686],d8d0822c:[()=>n.e(11914).then(n.t.bind(n,61214,19)),"~blog/default/blog-tags-blazornumberinput-21b-list.json",61214],d9c4e64a:[()=>n.e(58767).then(n.t.bind(n,9461,19)),"~blog/default/blog-tags-blazor-progress-e03.json",9461],da0a6c21:[()=>n.e(36765).then(n.t.bind(n,56421,19)),"~blog/default/blog-tags-clipboard-a9f-list.json",56421],da64a13c:[()=>n.e(69640).then(n.t.bind(n,27762,19)),"~blog/default/blog-tags-v-1-7-1-d14-list.json",27762],dae895a9:[()=>n.e(34884).then(n.bind(n,9737)),"@site/blog/2022-06-19-blazorbootstrap-0.2.4.md?truncated=true",9737],db200627:[()=>n.e(5458).then(n.t.bind(n,11192,19)),"~blog/default/blog-tags-v-0-2-3-889.json",11192],dbe8cc63:[()=>n.e(171).then(n.bind(n,29566)),"@site/docs/05-components/buttons.mdx",29566],dc83d50b:[()=>n.e(6675).then(n.bind(n,60406)),"@site/blog/2023-08-13-blazorbootstrap-1.10.0.md?truncated=true",60406],dcbaab97:[()=>n.e(76442).then(n.t.bind(n,31255,19)),"~blog/default/blog-tags-currency-893-list.json",31255],dde17e14:[()=>n.e(72652).then(n.bind(n,87071)),"@site/blog/2023-05-28-blazorbootstrap-1.8.0.md",87071],de19d829:[()=>n.e(60691).then(n.t.bind(n,34118,19)),"~blog/default/blog-tags-v-1-8-1-9cf-list.json",34118],dea46713:[()=>n.e(39870).then(n.t.bind(n,30597,19)),"~blog/default/blog-tags-v-2-0-0-440.json",30597],ded0f91d:[()=>n.e(99041).then(n.t.bind(n,22940,19)),"~blog/default/blog-tags-v-1-9-4-ca4.json",22940],df735c89:[()=>n.e(17365).then(n.bind(n,914)),"@site/blog/2023-03-12-blazorbootstrap-1.6.0.md?truncated=true",914],dfa19b7d:[()=>n.e(42590).then(n.t.bind(n,16974,19)),"~blog/default/blog-tags-placeholders-367.json",16974],dfc91384:[()=>n.e(72039).then(n.bind(n,56688)),"@site/blog/2022-09-17-blazorbootstrap-0.4.2.md?truncated=true",56688],e01ede0f:[()=>n.e(40780).then(n.t.bind(n,30825,19)),"~blog/default/blog-tags-blazorgrid-152-list.json",30825],e0660070:[()=>n.e(60488).then(n.t.bind(n,26270,19)),"~blog/default/blog-tags-blazor-line-chart-729.json",26270],e161cb12:[()=>n.e(17601).then(n.t.bind(n,1167,19)),"~blog/default/blog-tags-pagination-7fb-list.json",1167],e269e10f:[()=>n.e(71632).then(n.t.bind(n,69222,19)),"~blog/default/blog-tags-blazor-grid-18d-list.json",69222],e2b20de6:[()=>n.e(44294).then(n.t.bind(n,5154,19)),"~blog/default/blog-tags-v-0-1-0-f4e.json",5154],e2c6c702:[()=>n.e(47806).then(n.t.bind(n,80454,19)),"~blog/default/blog-tags-blazor-input-number-dc1-list.json",80454],e33bb20e:[()=>n.e(97234).then(n.bind(n,90469)),"@site/docs/01-getting-started/01-b-getting-started-webapp-server-global-NET-8.mdx",90469],e3b0677f:[()=>n.e(36569).then(n.bind(n,93038)),"@site/blog/2023-07-01-blazorbootstrap-1.9.2.md",93038],e4077368:[()=>n.e(57826).then(n.t.bind(n,72201,19)),"~blog/default/blog-tags-tabs-969-list.json",72201],e41c6b26:[()=>n.e(50200).then(n.t.bind(n,77777,19)),"~blog/default/blog-tags-blazortabs-ba9.json",77777],e4bea73c:[()=>n.e(10485).then(n.bind(n,31925)),"@site/blog/2022-09-04-blazorbootstrap-0.4.0.md",31925],e4f3715f:[()=>n.e(24578).then(n.t.bind(n,77441,19)),"~blog/default/blog-tags-docs-61c-list.json",77441],e4fc5673:[()=>n.e(40223).then(n.t.bind(n,49377,19)),"~blog/default/blog-tags-v-1-2-0-655.json",49377],e5d788cb:[()=>n.e(1733).then(n.t.bind(n,14100,19)),"~blog/default/blog-tags-bootstrap-5-page-2-454.json",14100],e5ea1834:[()=>n.e(12761).then(n.t.bind(n,13519,19)),"~blog/default/blog-tags-blazor-doughnut-chart-f06.json",13519],e5f22ef7:[()=>n.e(91493).then(n.t.bind(n,29076,19)),"~blog/default/blog-tags-v-0-2-4-574-list.json",29076],e627b01b:[()=>n.e(65293).then(n.t.bind(n,91456,19)),"~blog/default/blog-tags-blazoricon-443-list.json",91456],e77da4a7:[()=>n.e(84717).then(n.t.bind(n,16476,19)),"~blog/default/blog-tags-v-1-8-3-3ea.json",16476],e832fbdb:[()=>n.e(32522).then(n.t.bind(n,85766,19)),"~blog/default/blog-tags-blazor-grid-18d.json",85766],e859a84e:[()=>n.e(78432).then(n.bind(n,40568)),"@site/docs/04-forms/switch.mdx",40568],e87e9fad:[()=>n.e(993).then(n.t.bind(n,16457,19)),"~blog/default/blog-tags-timepicker-8a7-list.json",16457],e88d3846:[()=>n.e(98009).then(n.bind(n,62798)),"@site/blog/2021-11-27-blazorbootstrap-0.0.2.md?truncated=true",62798],e8e5f9d4:[()=>n.e(65380).then(n.t.bind(n,35046,19)),"~blog/default/blog-tags-blazor-grid-paging-041.json",35046],e923c45a:[()=>n.e(63446).then(n.t.bind(n,98505,19)),"~blog/default/blog-tags-v-1-1-0-2e8-list.json",98505],ea24dcd3:[()=>n.e(23418).then(n.t.bind(n,84931,19)),"~blog/default/blog-tags-badge-5b0.json",84931],eb65b05f:[()=>n.e(89273).then(n.t.bind(n,91535,19)),"~blog/default/blog-tags-blazor-number-input-834-list.json",91535],eb917f4a:[()=>n.e(67145).then(n.t.bind(n,21054,19)),"~blog/default/blog-tags-v-1-4-4-b9d.json",21054],ebc527d7:[()=>n.e(57442).then(n.t.bind(n,1358,19)),"~blog/default/blog-tags-v-1-9-2-7a2-list.json",1358],ebf22c80:[()=>n.e(42016).then(n.bind(n,77179)),"@site/docs/01-getting-started/01-a-getting-started-webassembly-NET-8.mdx",77179],ec76938d:[()=>n.e(49907).then(n.bind(n,3087)),"@site/blog/2023-07-04-blazorbootstrap-1.9.3.md?truncated=true",3087],ed1fd27d:[()=>n.e(57614).then(n.t.bind(n,58813,19)),"~blog/default/blog-tags-blazortimepicker-9a4-list.json",58813],ed6c8621:[()=>n.e(65768).then(n.t.bind(n,22055,19)),"~blog/default/blog-tags-blazordate-8ac.json",22055],ed7465b6:[()=>n.e(92115).then(n.bind(n,4305)),"@site/docs/01-getting-started/03-b-getting-started-server-NET-6.mdx",4305],ee3ef312:[()=>n.e(17598).then(n.bind(n,35313)),"@site/blog/2022-04-30-blazorbootstrap-0.2.3.md?truncated=true",35313],eea066c0:[()=>n.e(38994).then(n.bind(n,9966)),"@site/blog/2023-06-30-blazorbootstrap-1.9.0.md",9966],eeb0ff48:[()=>n.e(34737).then(n.t.bind(n,28043,19)),"~blog/default/blog-tags-v-0-2-3-889-list.json",28043],ef29d456:[()=>n.e(1728).then(n.t.bind(n,561,19)),"~blog/default/blog-tags-v-1-7-3-e99-list.json",561],ef3e4c59:[()=>n.e(71705).then(n.bind(n,24078)),"@site/blog/2023-11-18-blazorbootstrap-1.10.4.md",24078],ef66a481:[()=>n.e(83421).then(n.t.bind(n,51930,19)),"~blog/default/blog-tags-v-0-4-1-b14.json",51930],efa07cd5:[()=>n.e(52912).then(n.bind(n,31326)),"@site/docs/05-components/confirm-dialog.mdx",31326],efb2b0fe:[()=>n.e(69250).then(n.bind(n,52372)),"@site/blog/2024-01-01-blazorbootstrap-1.10.5.md",52372],f02bcf8a:[()=>n.e(77580).then(n.t.bind(n,44954,19)),"~blog/default/blog-tags-input-number-fe8.json",44954],f02c8517:[()=>n.e(84085).then(n.bind(n,91498)),"@site/blog/2022-11-22-blazorbootstrap-1.0.1.md",91498],f0737577:[()=>n.e(81915).then(n.t.bind(n,41589,19)),"~blog/default/blog-tags-blazor-page-3-130-list.json",41589],f135c86c:[()=>n.e(74329).then(n.t.bind(n,98665,19)),"~blog/default/blog-tags-v-0-4-2-d17-list.json",98665],f188a130:[()=>n.e(46679).then(n.bind(n,97332)),"@site/blog/2022-09-04-blazorbootstrap-0.4.0.md?truncated=true",97332],f2cf37dd:[()=>n.e(65075).then(n.t.bind(n,34049,19)),"~blog/default/blog-tags-blazor-preload-b3e-list.json",34049],f2f198c6:[()=>n.e(35851).then(n.bind(n,37923)),"@site/blog/2022-11-22-blazorbootstrap-1.0.1.md?truncated=true",37923],f36ac19a:[()=>n.e(95248).then(n.t.bind(n,2774,19)),"~blog/default/blog-tags-button-f47.json",2774],f386df44:[()=>n.e(58176).then(n.t.bind(n,16745,19)),"~blog/default/blog-tags-sidebar-184.json",16745],f4046d89:[()=>n.e(20300).then(n.t.bind(n,9826,19)),"~blog/default/blog-tags-v-1-10-5-430.json",9826],f46dc466:[()=>n.e(76170).then(n.t.bind(n,79821,19)),"~blog/default/blog-tags-blazormodal-942-list.json",79821],f4afaeba:[()=>n.e(99667).then(n.bind(n,38633)),"@site/blog/2023-04-10-blazorbootstrap-1.7.0.md",38633],f57f1834:[()=>n.e(72064).then(n.t.bind(n,10338,19)),"~blog/default/blog-tags-blazorcollapse-421.json",10338],f5af5c4e:[()=>n.e(10633).then(n.bind(n,98686)),"@site/blog/2021-12-12-blazorbootstrap-0.0.4.md",98686],f6c3878f:[()=>n.e(39888).then(n.bind(n,9793)),"@site/blog/2023-01-30-blazorbootstrap-1.4.2.md",9793],f6fc984b:[()=>n.e(85729).then(n.t.bind(n,11801,19)),"~blog/default/blog-tags-bootstrap-page-2-d2d-list.json",11801],f72251ba:[()=>n.e(97057).then(n.t.bind(n,85395,19)),"~blog/default/blog-tags-blazortooltip-eb6-list.json",85395],f819911c:[()=>n.e(94534).then(n.bind(n,46849)),"@site/blog/2021-12-21-blazorbootstrap-0.1.1.md",46849],f86648b9:[()=>n.e(73861).then(n.t.bind(n,92866,19)),"~blog/default/blog-tags-buttons-c7b.json",92866],f8c8d1fb:[()=>n.e(63163).then(n.bind(n,16530)),"@site/blog/2023-06-11-blazorbootstrap-1.8.2.md",16530],f8ceddd1:[()=>n.e(13644).then(n.t.bind(n,76828,19)),"~blog/default/blog-tags-blazor-line-chart-729-list.json",76828],fa253b91:[()=>n.e(88103).then(n.t.bind(n,84746,19)),"~blog/default/blog-tags-progress-bar-8a7.json",84746],fb3463af:[()=>n.e(10330).then(n.t.bind(n,27122,19)),"~blog/default/blog-tags-blazor-page-2-34d.json",27122],fb750ad6:[()=>n.e(54862).then(n.t.bind(n,29223,19)),"~blog/default/blog-tags-v-0-5-0-f72-list.json",29223],fd9b0b8a:[()=>n.e(67894).then(n.t.bind(n,75848,19)),"~blog/default/blog-tags-offcanvas-ecd-list.json",75848],fdfa8ed2:[()=>n.e(72185).then(n.bind(n,22115)),"@site/blog/2022-10-22-blazorbootstrap-0.5.1.md?truncated=true",22115],ff859336:[()=>n.e(6027).then(n.bind(n,50356)),"@site/blog/2022-04-30-blazorbootstrap-0.2.3.md",50356],ffb545c1:[()=>n.e(48680).then(n.t.bind(n,92976,19)),"~blog/default/blog-tags-bootstrap-079.json",92976]};function c(e){let{error:t,retry:n,pastDelay:o}=e;return t?a.createElement("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"}},a.createElement("p",null,String(t)),a.createElement("div",null,a.createElement("button",{type:"button",onClick:n},"Retry"))):o?a.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"}},a.createElement("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb"},a.createElement("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2"},a.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},a.createElement("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),a.createElement("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),a.createElement("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),a.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},a.createElement("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),a.createElement("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),a.createElement("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),a.createElement("circle",{cx:"22",cy:"22",r:"8"},a.createElement("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"}))))):null}var u=n(99670),d=n(30226);function f(e,t){if("*"===e)return i()({loading:c,loader:()=>n.e(4972).then(n.bind(n,4972)),modules:["@theme/NotFound"],webpack:()=>[4972],render(e,t){const n=e.default;return a.createElement(d.z,{value:{plugin:{name:"native",id:"default"}}},a.createElement(n,t))}});const r=l[`${e}-${t}`],f={},b=[],p=[],g=(0,u.Z)(r);return Object.entries(g).forEach((e=>{let[t,n]=e;const a=s[n];a&&(f[t]=a[0],b.push(a[1]),p.push(a[2]))})),i().Map({loading:c,loader:f,modules:b,webpack:()=>p,render(t,n){const i=JSON.parse(JSON.stringify(r));Object.entries(t).forEach((t=>{let[n,a]=t;const o=a.default;if(!o)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof o&&"function"!=typeof o||Object.keys(a).filter((e=>"default"!==e)).forEach((e=>{o[e]=a[e]}));let r=i;const l=n.split(".");l.slice(0,-1).forEach((e=>{r=r[e]})),r[l[l.length-1]]=o}));const l=i.__comp;delete i.__comp;const s=i.__context;return delete i.__context,a.createElement(d.z,{value:s},a.createElement(l,(0,o.Z)({},i,n)))}})}const b=[{path:"/blog",component:f("/blog","aec"),exact:!0},{path:"/blog/2021/11/23/blazorbootstrap-0.0.1",component:f("/blog/2021/11/23/blazorbootstrap-0.0.1","c4b"),exact:!0},{path:"/blog/2021/11/27/blazorbootstrap-0.0.2",component:f("/blog/2021/11/27/blazorbootstrap-0.0.2","62f"),exact:!0},{path:"/blog/2021/12/08/blazorbootstrap-0.0.3",component:f("/blog/2021/12/08/blazorbootstrap-0.0.3","c4f"),exact:!0},{path:"/blog/2021/12/12/blazorbootstrap-0.0.4",component:f("/blog/2021/12/12/blazorbootstrap-0.0.4","67a"),exact:!0},{path:"/blog/2021/12/20/blazorbootstrap-0.1.0",component:f("/blog/2021/12/20/blazorbootstrap-0.1.0","d4b"),exact:!0},{path:"/blog/2021/12/21/blazorbootstrap-0.1.1",component:f("/blog/2021/12/21/blazorbootstrap-0.1.1","344"),exact:!0},{path:"/blog/2022/01/15/blazorbootstrap-0.2.0",component:f("/blog/2022/01/15/blazorbootstrap-0.2.0","7f6"),exact:!0},{path:"/blog/2022/02/27/blazorbootstrap-0.2.1",component:f("/blog/2022/02/27/blazorbootstrap-0.2.1","3a6"),exact:!0},{path:"/blog/2022/03/15/blazorbootstrap-0.2.2",component:f("/blog/2022/03/15/blazorbootstrap-0.2.2","4c0"),exact:!0},{path:"/blog/2022/04/30/blazorbootstrap-0.2.3",component:f("/blog/2022/04/30/blazorbootstrap-0.2.3","bbd"),exact:!0},{path:"/blog/2022/06/19/blazorbootstrap-0.2.4",component:f("/blog/2022/06/19/blazorbootstrap-0.2.4","04b"),exact:!0},{path:"/blog/2022/07/28/blazorbootstrap-0.2.5",component:f("/blog/2022/07/28/blazorbootstrap-0.2.5","3d5"),exact:!0},{path:"/blog/2022/08/13/blazorbootstrap-0.2.6",component:f("/blog/2022/08/13/blazorbootstrap-0.2.6","f21"),exact:!0},{path:"/blog/2022/08/31/blazorbootstrap-0.3.0",component:f("/blog/2022/08/31/blazorbootstrap-0.3.0","7b0"),exact:!0},{path:"/blog/2022/09/04/blazorbootstrap-0.4.0",component:f("/blog/2022/09/04/blazorbootstrap-0.4.0","2d6"),exact:!0},{path:"/blog/2022/09/12/blazorbootstrap-0.4.1",component:f("/blog/2022/09/12/blazorbootstrap-0.4.1","65f"),exact:!0},{path:"/blog/2022/09/17/blazorbootstrap-0.4.2",component:f("/blog/2022/09/17/blazorbootstrap-0.4.2","b9e"),exact:!0},{path:"/blog/2022/10/16/blazorbootstrap-0.5.0",component:f("/blog/2022/10/16/blazorbootstrap-0.5.0","e32"),exact:!0},{path:"/blog/2022/10/22/blazorbootstrap-0.5.1",component:f("/blog/2022/10/22/blazorbootstrap-0.5.1","01c"),exact:!0},{path:"/blog/2022/10/30/blazorbootstrap-0.6.0",component:f("/blog/2022/10/30/blazorbootstrap-0.6.0","a42"),exact:!0},{path:"/blog/2022/11/18/blazorbootstrap-1.0.0",component:f("/blog/2022/11/18/blazorbootstrap-1.0.0","ab6"),exact:!0},{path:"/blog/2022/11/22/blazorbootstrap-1.0.1",component:f("/blog/2022/11/22/blazorbootstrap-1.0.1","b99"),exact:!0},{path:"/blog/2022/11/28/blazorbootstrap-1.1.0",component:f("/blog/2022/11/28/blazorbootstrap-1.1.0","225"),exact:!0},{path:"/blog/2022/12/12/blazorbootstrap-1.2.0",component:f("/blog/2022/12/12/blazorbootstrap-1.2.0","f26"),exact:!0},{path:"/blog/2022/12/15/blazorbootstrap-1.3.0",component:f("/blog/2022/12/15/blazorbootstrap-1.3.0","110"),exact:!0},{path:"/blog/2022/12/18/blazorbootstrap-1.3.1",component:f("/blog/2022/12/18/blazorbootstrap-1.3.1","20b"),exact:!0},{path:"/blog/2023/01/15/blazorbootstrap-1.4.0",component:f("/blog/2023/01/15/blazorbootstrap-1.4.0","8e9"),exact:!0},{path:"/blog/2023/01/23/blazorbootstrap-1.4.1",component:f("/blog/2023/01/23/blazorbootstrap-1.4.1","ac2"),exact:!0},{path:"/blog/2023/01/30/blazorbootstrap-1.4.2",component:f("/blog/2023/01/30/blazorbootstrap-1.4.2","452"),exact:!0},{path:"/blog/2023/02/07/blazorbootstrap-1.4.3",component:f("/blog/2023/02/07/blazorbootstrap-1.4.3","638"),exact:!0},{path:"/blog/2023/02/10/blazorbootstrap-1.4.4",component:f("/blog/2023/02/10/blazorbootstrap-1.4.4","2f7"),exact:!0},{path:"/blog/2023/02/23/blazorbootstrap-1.4.5",component:f("/blog/2023/02/23/blazorbootstrap-1.4.5","e42"),exact:!0},{path:"/blog/2023/03/05/blazorbootstrap-1.5.0",component:f("/blog/2023/03/05/blazorbootstrap-1.5.0","a02"),exact:!0},{path:"/blog/2023/03/12/blazorbootstrap-1.6.0",component:f("/blog/2023/03/12/blazorbootstrap-1.6.0","d44"),exact:!0},{path:"/blog/2023/04/10/blazorbootstrap-1.7.0",component:f("/blog/2023/04/10/blazorbootstrap-1.7.0","66b"),exact:!0},{path:"/blog/2023/04/19/blazorbootstrap-1.7.1",component:f("/blog/2023/04/19/blazorbootstrap-1.7.1","d43"),exact:!0},{path:"/blog/2023/04/24/blazorbootstrap-1.7.2",component:f("/blog/2023/04/24/blazorbootstrap-1.7.2","b15"),exact:!0},{path:"/blog/2023/04/29/blazorbootstrap-1.7.3",component:f("/blog/2023/04/29/blazorbootstrap-1.7.3","046"),exact:!0},{path:"/blog/2023/05/28/blazorbootstrap-1.8.0",component:f("/blog/2023/05/28/blazorbootstrap-1.8.0","4e3"),exact:!0},{path:"/blog/2023/05/31/blazorbootstrap-1.8.1",component:f("/blog/2023/05/31/blazorbootstrap-1.8.1","716"),exact:!0},{path:"/blog/2023/06/11/blazorbootstrap-1.8.2",component:f("/blog/2023/06/11/blazorbootstrap-1.8.2","d52"),exact:!0},{path:"/blog/2023/06/16/blazorbootstrap-1.8.3",component:f("/blog/2023/06/16/blazorbootstrap-1.8.3","449"),exact:!0},{path:"/blog/2023/06/30/blazorbootstrap-1.9.0",component:f("/blog/2023/06/30/blazorbootstrap-1.9.0","50d"),exact:!0},{path:"/blog/2023/06/31/blazorbootstrap-1.9.1",component:f("/blog/2023/06/31/blazorbootstrap-1.9.1","017"),exact:!0},{path:"/blog/2023/07/01/blazorbootstrap-1.9.2",component:f("/blog/2023/07/01/blazorbootstrap-1.9.2","07e"),exact:!0},{path:"/blog/2023/07/04/blazorbootstrap-1.9.3",component:f("/blog/2023/07/04/blazorbootstrap-1.9.3","dcf"),exact:!0},{path:"/blog/2023/07/05/blazorbootstrap-1.9.4",component:f("/blog/2023/07/05/blazorbootstrap-1.9.4","3fd"),exact:!0},{path:"/blog/2023/07/16/blazorbootstrap-1.9.5",component:f("/blog/2023/07/16/blazorbootstrap-1.9.5","7bc"),exact:!0},{path:"/blog/2023/08/13/blazorbootstrap-1.10.0",component:f("/blog/2023/08/13/blazorbootstrap-1.10.0","36b"),exact:!0},{path:"/blog/2023/08/29/blazorbootstrap-1.10.1",component:f("/blog/2023/08/29/blazorbootstrap-1.10.1","827"),exact:!0},{path:"/blog/2023/09/15/blazorbootstrap-1.10.2",component:f("/blog/2023/09/15/blazorbootstrap-1.10.2","889"),exact:!0},{path:"/blog/2023/10/15/blazorbootstrap-1.10.3",component:f("/blog/2023/10/15/blazorbootstrap-1.10.3","e57"),exact:!0},{path:"/blog/2023/11/18/blazorbootstrap-1.10.4",component:f("/blog/2023/11/18/blazorbootstrap-1.10.4","178"),exact:!0},{path:"/blog/2024/01/01/blazorbootstrap-1.10.5",component:f("/blog/2024/01/01/blazorbootstrap-1.10.5","0aa"),exact:!0},{path:"/blog/2024/02/04/blazorbootstrap-1.11.0",component:f("/blog/2024/02/04/blazorbootstrap-1.11.0","466"),exact:!0},{path:"/blog/2024/02/04/blazorbootstrap-1.11.1",component:f("/blog/2024/02/04/blazorbootstrap-1.11.1","f08"),exact:!0},{path:"/blog/2024/02/25/blazorbootstrap-2.0.0",component:f("/blog/2024/02/25/blazorbootstrap-2.0.0","61f"),exact:!0},{path:"/blog/2024/02/25/upgrade-to-v2.0.0",component:f("/blog/2024/02/25/upgrade-to-v2.0.0","611"),exact:!0},{path:"/blog/archive",component:f("/blog/archive","6fa"),exact:!0},{path:"/blog/page/2",component:f("/blog/page/2","0c4"),exact:!0},{path:"/blog/page/3",component:f("/blog/page/3","353"),exact:!0},{path:"/blog/page/4",component:f("/blog/page/4","9d0"),exact:!0},{path:"/blog/page/5",component:f("/blog/page/5","b0f"),exact:!0},{path:"/blog/page/6",component:f("/blog/page/6","fec"),exact:!0},{path:"/blog/tags",component:f("/blog/tags","c3b"),exact:!0},{path:"/blog/tags/accordion",component:f("/blog/tags/accordion","d12"),exact:!0},{path:"/blog/tags/alert",component:f("/blog/tags/alert","f8d"),exact:!0},{path:"/blog/tags/autocomplete",component:f("/blog/tags/autocomplete","d17"),exact:!0},{path:"/blog/tags/badge",component:f("/blog/tags/badge","c73"),exact:!0},{path:"/blog/tags/blazor",component:f("/blog/tags/blazor","349"),exact:!0},{path:"/blog/tags/blazor-autocomplete",component:f("/blog/tags/blazor-autocomplete","750"),exact:!0},{path:"/blog/tags/blazor-bar-chart",component:f("/blog/tags/blazor-bar-chart","c39"),exact:!0},{path:"/blog/tags/blazor-bootstrap",component:f("/blog/tags/blazor-bootstrap","f41"),exact:!0},{path:"/blog/tags/blazor-charts",component:f("/blog/tags/blazor-charts","632"),exact:!0},{path:"/blog/tags/blazor-confirm-dialog",component:f("/blog/tags/blazor-confirm-dialog","6f6"),exact:!0},{path:"/blog/tags/blazor-currency-input",component:f("/blog/tags/blazor-currency-input","82d"),exact:!0},{path:"/blog/tags/blazor-dialog",component:f("/blog/tags/blazor-dialog","049"),exact:!0},{path:"/blog/tags/blazor-doughnut-chart",component:f("/blog/tags/blazor-doughnut-chart","4de"),exact:!0},{path:"/blog/tags/blazor-grid",component:f("/blog/tags/blazor-grid","33a"),exact:!0},{path:"/blog/tags/blazor-grid-filtering",component:f("/blog/tags/blazor-grid-filtering","1f7"),exact:!0},{path:"/blog/tags/blazor-grid-paging",component:f("/blog/tags/blazor-grid-paging","0ed"),exact:!0},{path:"/blog/tags/blazor-grid-sorting",component:f("/blog/tags/blazor-grid-sorting","7a6"),exact:!0},{path:"/blog/tags/blazor-input",component:f("/blog/tags/blazor-input","ccf"),exact:!0},{path:"/blog/tags/blazor-input-number",component:f("/blog/tags/blazor-input-number","933"),exact:!0},{path:"/blog/tags/blazor-line-chart",component:f("/blog/tags/blazor-line-chart","fb5"),exact:!0},{path:"/blog/tags/blazor-number",component:f("/blog/tags/blazor-number","9ef"),exact:!0},{path:"/blog/tags/blazor-number-input",component:f("/blog/tags/blazor-number-input","f56"),exact:!0},{path:"/blog/tags/blazor-offcanvas",component:f("/blog/tags/blazor-offcanvas","dc3"),exact:!0},{path:"/blog/tags/blazor-pie-chart",component:f("/blog/tags/blazor-pie-chart","773"),exact:!0},{path:"/blog/tags/blazor-preload",component:f("/blog/tags/blazor-preload","a99"),exact:!0},{path:"/blog/tags/blazor-progress",component:f("/blog/tags/blazor-progress","22b"),exact:!0},{path:"/blog/tags/blazor-progress-bar",component:f("/blog/tags/blazor-progress-bar","6f9"),exact:!0},{path:"/blog/tags/blazor-sidemodal",component:f("/blog/tags/blazor-sidemodal","16c"),exact:!0},{path:"/blog/tags/blazor-spinner",component:f("/blog/tags/blazor-spinner","fd4"),exact:!0},{path:"/blog/tags/blazor-starter-templates",component:f("/blog/tags/blazor-starter-templates","00a"),exact:!0},{path:"/blog/tags/blazor-tabs",component:f("/blog/tags/blazor-tabs","632"),exact:!0},{path:"/blog/tags/blazor-templates",component:f("/blog/tags/blazor-templates","847"),exact:!0},{path:"/blog/tags/blazor-toast",component:f("/blog/tags/blazor-toast","d9a"),exact:!0},{path:"/blog/tags/blazor-toasts",component:f("/blog/tags/blazor-toasts","b22"),exact:!0},{path:"/blog/tags/blazor/page/2",component:f("/blog/tags/blazor/page/2","d6d"),exact:!0},{path:"/blog/tags/blazor/page/3",component:f("/blog/tags/blazor/page/3","9e9"),exact:!0},{path:"/blog/tags/blazor/page/4",component:f("/blog/tags/blazor/page/4","714"),exact:!0},{path:"/blog/tags/blazoraccordion",component:f("/blog/tags/blazoraccordion","8ec"),exact:!0},{path:"/blog/tags/blazorautocomplete",component:f("/blog/tags/blazorautocomplete","75c"),exact:!0},{path:"/blog/tags/blazorbadge",component:f("/blog/tags/blazorbadge","327"),exact:!0},{path:"/blog/tags/blazorbootstrap",component:f("/blog/tags/blazorbootstrap","a9b"),exact:!0},{path:"/blog/tags/blazorbootstrap-starter-templates",component:f("/blog/tags/blazorbootstrap-starter-templates","aa1"),exact:!0},{path:"/blog/tags/blazorbootstrap/page/2",component:f("/blog/tags/blazorbootstrap/page/2","90f"),exact:!0},{path:"/blog/tags/blazorbootstrap/page/3",component:f("/blog/tags/blazorbootstrap/page/3","32d"),exact:!0},{path:"/blog/tags/blazorbootstrap/page/4",component:f("/blog/tags/blazorbootstrap/page/4","bef"),exact:!0},{path:"/blog/tags/blazorbootstrap/page/5",component:f("/blog/tags/blazorbootstrap/page/5","e67"),exact:!0},{path:"/blog/tags/blazorbootstrap/page/6",component:f("/blog/tags/blazorbootstrap/page/6","93b"),exact:!0},{path:"/blog/tags/blazorbreadcrumb",component:f("/blog/tags/blazorbreadcrumb","99e"),exact:!0},{path:"/blog/tags/blazorbutton",component:f("/blog/tags/blazorbutton","a4a"),exact:!0},{path:"/blog/tags/blazorbuttons",component:f("/blog/tags/blazorbuttons","175"),exact:!0},{path:"/blog/tags/blazorchart",component:f("/blog/tags/blazorchart","b4e"),exact:!0},{path:"/blog/tags/blazorcollapse",component:f("/blog/tags/blazorcollapse","b6f"),exact:!0},{path:"/blog/tags/blazorconfirmdialog",component:f("/blog/tags/blazorconfirmdialog","29c"),exact:!0},{path:"/blog/tags/blazorconfirmmodal",component:f("/blog/tags/blazorconfirmmodal","9bb"),exact:!0},{path:"/blog/tags/blazorcurrencyinput",component:f("/blog/tags/blazorcurrencyinput","402"),exact:!0},{path:"/blog/tags/blazordate",component:f("/blog/tags/blazordate","fbd"),exact:!0},{path:"/blog/tags/blazordateinput",component:f("/blog/tags/blazordateinput","a7b"),exact:!0},{path:"/blog/tags/blazordatepicker",component:f("/blog/tags/blazordatepicker","cbc"),exact:!0},{path:"/blog/tags/blazordialog",component:f("/blog/tags/blazordialog","247"),exact:!0},{path:"/blog/tags/blazordropdown",component:f("/blog/tags/blazordropdown","d70"),exact:!0},{path:"/blog/tags/blazorgrid",component:f("/blog/tags/blazorgrid","5d0"),exact:!0},{path:"/blog/tags/blazorgrid/page/2",component:f("/blog/tags/blazorgrid/page/2","7d1"),exact:!0},{path:"/blog/tags/blazoricon",component:f("/blog/tags/blazoricon","dc7"),exact:!0},{path:"/blog/tags/blazormodal",component:f("/blog/tags/blazormodal","075"),exact:!0},{path:"/blog/tags/blazormodalservice",component:f("/blog/tags/blazormodalservice","e73"),exact:!0},{path:"/blog/tags/blazornumber",component:f("/blog/tags/blazornumber","7f8"),exact:!0},{path:"/blog/tags/blazornumberinput",component:f("/blog/tags/blazornumberinput","3d4"),exact:!0},{path:"/blog/tags/blazoroffcanvas",component:f("/blog/tags/blazoroffcanvas","1d0"),exact:!0},{path:"/blog/tags/blazorprogress",component:f("/blog/tags/blazorprogress","51d"),exact:!0},{path:"/blog/tags/blazorsidebar",component:f("/blog/tags/blazorsidebar","b70"),exact:!0},{path:"/blog/tags/blazorswitch",component:f("/blog/tags/blazorswitch","2a0"),exact:!0},{path:"/blog/tags/blazortabs",component:f("/blog/tags/blazortabs","d8b"),exact:!0},{path:"/blog/tags/blazortime",component:f("/blog/tags/blazortime","b86"),exact:!0},{path:"/blog/tags/blazortimeinput",component:f("/blog/tags/blazortimeinput","7e9"),exact:!0},{path:"/blog/tags/blazortimepicker",component:f("/blog/tags/blazortimepicker","155"),exact:!0},{path:"/blog/tags/blazortoast",component:f("/blog/tags/blazortoast","cb1"),exact:!0},{path:"/blog/tags/blazortoasts",component:f("/blog/tags/blazortoasts","d88"),exact:!0},{path:"/blog/tags/blazortooltip",component:f("/blog/tags/blazortooltip","539"),exact:!0},{path:"/blog/tags/bootstrap",component:f("/blog/tags/bootstrap","95e"),exact:!0},{path:"/blog/tags/bootstrap-5",component:f("/blog/tags/bootstrap-5","e83"),exact:!0},{path:"/blog/tags/bootstrap-5/page/2",component:f("/blog/tags/bootstrap-5/page/2","cff"),exact:!0},{path:"/blog/tags/bootstrap-5/page/3",component:f("/blog/tags/bootstrap-5/page/3","d56"),exact:!0},{path:"/blog/tags/bootstrap/page/2",component:f("/blog/tags/bootstrap/page/2","c87"),exact:!0},{path:"/blog/tags/bootstrap/page/3",component:f("/blog/tags/bootstrap/page/3","3ec"),exact:!0},{path:"/blog/tags/breadcrumb",component:f("/blog/tags/breadcrumb","e4b"),exact:!0},{path:"/blog/tags/breadcrumbservice",component:f("/blog/tags/breadcrumbservice","5f5"),exact:!0},{path:"/blog/tags/button",component:f("/blog/tags/button","d76"),exact:!0},{path:"/blog/tags/buttons",component:f("/blog/tags/buttons","177"),exact:!0},{path:"/blog/tags/callout",component:f("/blog/tags/callout","142"),exact:!0},{path:"/blog/tags/chart",component:f("/blog/tags/chart","c46"),exact:!0},{path:"/blog/tags/charts",component:f("/blog/tags/charts","3c2"),exact:!0},{path:"/blog/tags/clipboard",component:f("/blog/tags/clipboard","48b"),exact:!0},{path:"/blog/tags/collapse",component:f("/blog/tags/collapse","f25"),exact:!0},{path:"/blog/tags/confirm-dialog",component:f("/blog/tags/confirm-dialog","fd6"),exact:!0},{path:"/blog/tags/confirmdialog",component:f("/blog/tags/confirmdialog","cc1"),exact:!0},{path:"/blog/tags/confirmmodal",component:f("/blog/tags/confirmmodal","6a7"),exact:!0},{path:"/blog/tags/currency",component:f("/blog/tags/currency","8cc"),exact:!0},{path:"/blog/tags/currencyinput",component:f("/blog/tags/currencyinput","3df"),exact:!0},{path:"/blog/tags/date",component:f("/blog/tags/date","943"),exact:!0},{path:"/blog/tags/dateinput",component:f("/blog/tags/dateinput","5fe"),exact:!0},{path:"/blog/tags/datepicker",component:f("/blog/tags/datepicker","27a"),exact:!0},{path:"/blog/tags/dialog",component:f("/blog/tags/dialog","b92"),exact:!0},{path:"/blog/tags/docs",component:f("/blog/tags/docs","2a8"),exact:!0},{path:"/blog/tags/dropdown",component:f("/blog/tags/dropdown","32e"),exact:!0},{path:"/blog/tags/grid",component:f("/blog/tags/grid","15b"),exact:!0},{path:"/blog/tags/grid/page/2",component:f("/blog/tags/grid/page/2","1d2"),exact:!0},{path:"/blog/tags/icon",component:f("/blog/tags/icon","84c"),exact:!0},{path:"/blog/tags/icons",component:f("/blog/tags/icons","373"),exact:!0},{path:"/blog/tags/input",component:f("/blog/tags/input","e0c"),exact:!0},{path:"/blog/tags/input-number",component:f("/blog/tags/input-number","42a"),exact:!0},{path:"/blog/tags/layout",component:f("/blog/tags/layout","287"),exact:!0},{path:"/blog/tags/leftmenu",component:f("/blog/tags/leftmenu","cf2"),exact:!0},{path:"/blog/tags/modal",component:f("/blog/tags/modal","805"),exact:!0},{path:"/blog/tags/modal/page/2",component:f("/blog/tags/modal/page/2","b0f"),exact:!0},{path:"/blog/tags/modalservice",component:f("/blog/tags/modalservice","134"),exact:!0},{path:"/blog/tags/navigation",component:f("/blog/tags/navigation","02f"),exact:!0},{path:"/blog/tags/numberinput",component:f("/blog/tags/numberinput","08f"),exact:!0},{path:"/blog/tags/offcanvas",component:f("/blog/tags/offcanvas","d84"),exact:!0},{path:"/blog/tags/pagination",component:f("/blog/tags/pagination","48e"),exact:!0},{path:"/blog/tags/pdfviewer",component:f("/blog/tags/pdfviewer","0ce"),exact:!0},{path:"/blog/tags/placeholders",component:f("/blog/tags/placeholders","b3b"),exact:!0},{path:"/blog/tags/preload",component:f("/blog/tags/preload","e39"),exact:!0},{path:"/blog/tags/progress",component:f("/blog/tags/progress","130"),exact:!0},{path:"/blog/tags/progress-bar",component:f("/blog/tags/progress-bar","0dd"),exact:!0},{path:"/blog/tags/rangeinput",component:f("/blog/tags/rangeinput","d83"),exact:!0},{path:"/blog/tags/scriptloader",component:f("/blog/tags/scriptloader","9ee"),exact:!0},{path:"/blog/tags/sidebar",component:f("/blog/tags/sidebar","396"),exact:!0},{path:"/blog/tags/spinner",component:f("/blog/tags/spinner","52e"),exact:!0},{path:"/blog/tags/switch",component:f("/blog/tags/switch","424"),exact:!0},{path:"/blog/tags/tabs",component:f("/blog/tags/tabs","e9b"),exact:!0},{path:"/blog/tags/timeinput",component:f("/blog/tags/timeinput","e5b"),exact:!0},{path:"/blog/tags/timepicker",component:f("/blog/tags/timepicker","c69"),exact:!0},{path:"/blog/tags/toast",component:f("/blog/tags/toast","c74"),exact:!0},{path:"/blog/tags/toasts",component:f("/blog/tags/toasts","ee2"),exact:!0},{path:"/blog/tags/toastservice",component:f("/blog/tags/toastservice","402"),exact:!0},{path:"/blog/tags/tooltip",component:f("/blog/tags/tooltip","298"),exact:!0},{path:"/blog/tags/v-0-0-1",component:f("/blog/tags/v-0-0-1","80c"),exact:!0},{path:"/blog/tags/v-0-0-2",component:f("/blog/tags/v-0-0-2","fd9"),exact:!0},{path:"/blog/tags/v-0-0-3",component:f("/blog/tags/v-0-0-3","ef0"),exact:!0},{path:"/blog/tags/v-0-0-4",component:f("/blog/tags/v-0-0-4","efd"),exact:!0},{path:"/blog/tags/v-0-1-0",component:f("/blog/tags/v-0-1-0","83c"),exact:!0},{path:"/blog/tags/v-0-1-1",component:f("/blog/tags/v-0-1-1","eb4"),exact:!0},{path:"/blog/tags/v-0-2-0",component:f("/blog/tags/v-0-2-0","1c3"),exact:!0},{path:"/blog/tags/v-0-2-1",component:f("/blog/tags/v-0-2-1","c1f"),exact:!0},{path:"/blog/tags/v-0-2-2",component:f("/blog/tags/v-0-2-2","2ca"),exact:!0},{path:"/blog/tags/v-0-2-3",component:f("/blog/tags/v-0-2-3","62e"),exact:!0},{path:"/blog/tags/v-0-2-4",component:f("/blog/tags/v-0-2-4","8df"),exact:!0},{path:"/blog/tags/v-0-2-5",component:f("/blog/tags/v-0-2-5","ceb"),exact:!0},{path:"/blog/tags/v-0-2-6",component:f("/blog/tags/v-0-2-6","411"),exact:!0},{path:"/blog/tags/v-0-3-0",component:f("/blog/tags/v-0-3-0","fd2"),exact:!0},{path:"/blog/tags/v-0-4-0",component:f("/blog/tags/v-0-4-0","ad7"),exact:!0},{path:"/blog/tags/v-0-4-1",component:f("/blog/tags/v-0-4-1","b4b"),exact:!0},{path:"/blog/tags/v-0-4-2",component:f("/blog/tags/v-0-4-2","d9f"),exact:!0},{path:"/blog/tags/v-0-5-0",component:f("/blog/tags/v-0-5-0","98d"),exact:!0},{path:"/blog/tags/v-0-5-1",component:f("/blog/tags/v-0-5-1","4fc"),exact:!0},{path:"/blog/tags/v-0-6-0",component:f("/blog/tags/v-0-6-0","792"),exact:!0},{path:"/blog/tags/v-1-0-0",component:f("/blog/tags/v-1-0-0","9e6"),exact:!0},{path:"/blog/tags/v-1-0-1",component:f("/blog/tags/v-1-0-1","75f"),exact:!0},{path:"/blog/tags/v-1-1-0",component:f("/blog/tags/v-1-1-0","10f"),exact:!0},{path:"/blog/tags/v-1-10-0",component:f("/blog/tags/v-1-10-0","d22"),exact:!0},{path:"/blog/tags/v-1-10-1",component:f("/blog/tags/v-1-10-1","d6d"),exact:!0},{path:"/blog/tags/v-1-10-2",component:f("/blog/tags/v-1-10-2","797"),exact:!0},{path:"/blog/tags/v-1-10-3",component:f("/blog/tags/v-1-10-3","b3f"),exact:!0},{path:"/blog/tags/v-1-10-4",component:f("/blog/tags/v-1-10-4","10e"),exact:!0},{path:"/blog/tags/v-1-10-5",component:f("/blog/tags/v-1-10-5","789"),exact:!0},{path:"/blog/tags/v-1-11-0",component:f("/blog/tags/v-1-11-0","a31"),exact:!0},{path:"/blog/tags/v-1-11-1",component:f("/blog/tags/v-1-11-1","370"),exact:!0},{path:"/blog/tags/v-1-2-0",component:f("/blog/tags/v-1-2-0","42c"),exact:!0},{path:"/blog/tags/v-1-3-0",component:f("/blog/tags/v-1-3-0","410"),exact:!0},{path:"/blog/tags/v-1-3-1",component:f("/blog/tags/v-1-3-1","7e1"),exact:!0},{path:"/blog/tags/v-1-4-0",component:f("/blog/tags/v-1-4-0","2b6"),exact:!0},{path:"/blog/tags/v-1-4-1",component:f("/blog/tags/v-1-4-1","a31"),exact:!0},{path:"/blog/tags/v-1-4-2",component:f("/blog/tags/v-1-4-2","96c"),exact:!0},{path:"/blog/tags/v-1-4-3",component:f("/blog/tags/v-1-4-3","f2d"),exact:!0},{path:"/blog/tags/v-1-4-4",component:f("/blog/tags/v-1-4-4","ed0"),exact:!0},{path:"/blog/tags/v-1-4-5",component:f("/blog/tags/v-1-4-5","f80"),exact:!0},{path:"/blog/tags/v-1-5-0",component:f("/blog/tags/v-1-5-0","637"),exact:!0},{path:"/blog/tags/v-1-6-0",component:f("/blog/tags/v-1-6-0","fe6"),exact:!0},{path:"/blog/tags/v-1-7-0",component:f("/blog/tags/v-1-7-0","b6a"),exact:!0},{path:"/blog/tags/v-1-7-1",component:f("/blog/tags/v-1-7-1","e85"),exact:!0},{path:"/blog/tags/v-1-7-2",component:f("/blog/tags/v-1-7-2","fff"),exact:!0},{path:"/blog/tags/v-1-7-3",component:f("/blog/tags/v-1-7-3","ad3"),exact:!0},{path:"/blog/tags/v-1-8-0",component:f("/blog/tags/v-1-8-0","731"),exact:!0},{path:"/blog/tags/v-1-8-1",component:f("/blog/tags/v-1-8-1","b14"),exact:!0},{path:"/blog/tags/v-1-8-2",component:f("/blog/tags/v-1-8-2","cdf"),exact:!0},{path:"/blog/tags/v-1-8-3",component:f("/blog/tags/v-1-8-3","c77"),exact:!0},{path:"/blog/tags/v-1-9-0",component:f("/blog/tags/v-1-9-0","87e"),exact:!0},{path:"/blog/tags/v-1-9-1",component:f("/blog/tags/v-1-9-1","4e2"),exact:!0},{path:"/blog/tags/v-1-9-2",component:f("/blog/tags/v-1-9-2","734"),exact:!0},{path:"/blog/tags/v-1-9-3",component:f("/blog/tags/v-1-9-3","b94"),exact:!0},{path:"/blog/tags/v-1-9-4",component:f("/blog/tags/v-1-9-4","9cf"),exact:!0},{path:"/blog/tags/v-1-9-5",component:f("/blog/tags/v-1-9-5","d99"),exact:!0},{path:"/blog/tags/v-2-0-0",component:f("/blog/tags/v-2-0-0","af8"),exact:!0},{path:"/search",component:f("/search","9da"),exact:!0},{path:"/",component:f("/","7c3"),exact:!0},{path:"/",component:f("/","b75"),routes:[{path:"/components/accordion",component:f("/components/accordion","777"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/alerts",component:f("/components/alerts","d52"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/badge",component:f("/components/badge","f8c"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/breadcrumb",component:f("/components/breadcrumb","dd7"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/buttons",component:f("/components/buttons","695"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/callout",component:f("/components/callout","bea"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/card",component:f("/components/card","23f"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/charts",component:f("/components/charts","a58"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/collapse",component:f("/components/collapse","90b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/confirm-dialog",component:f("/components/confirm-dialog","7a2"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/dropdown",component:f("/components/dropdown","758"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/grid",component:f("/components/grid","6c2"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/modal",component:f("/components/modal","220"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/offcanvas",component:f("/components/offcanvas","318"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/pagination",component:f("/components/pagination","1c7"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/pdf-viewer",component:f("/components/pdf-viewer","531"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/placeholders",component:f("/components/placeholders","0b6"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/preload",component:f("/components/preload","216"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/progress",component:f("/components/progress","a5a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/script-loader",component:f("/components/script-loader","c25"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/sidebar",component:f("/components/sidebar","e4d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/tabs",component:f("/components/tabs","5a8"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/toasts",component:f("/components/toasts","e34"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/tooltips",component:f("/components/tooltips","0fd"),exact:!0,sidebar:"tutorialSidebar"},{path:"/content/icons",component:f("/content/icons","c79"),exact:!0,sidebar:"tutorialSidebar"},{path:"/data-visualization/bar-chart",component:f("/data-visualization/bar-chart","a0a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/data-visualization/doughnut-chart",component:f("/data-visualization/doughnut-chart","f01"),exact:!0,sidebar:"tutorialSidebar"},{path:"/data-visualization/line-chart",component:f("/data-visualization/line-chart","3b1"),exact:!0,sidebar:"tutorialSidebar"},{path:"/data-visualization/pie-chart",component:f("/data-visualization/pie-chart","bb2"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/autocomplete",component:f("/forms/autocomplete","049"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/currency-input",component:f("/forms/currency-input","100"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/date-input",component:f("/forms/date-input","a04"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/number-input",component:f("/forms/number-input","fed"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/range-input",component:f("/forms/range-input","ebf"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/switch",component:f("/forms/switch","2e2"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/time-input",component:f("/forms/time-input","801"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-server-net-6",component:f("/getting-started/blazor-server-net-6","4c9"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-server-net-7",component:f("/getting-started/blazor-server-net-7","87d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-webapp-auto-global-net-8",component:f("/getting-started/blazor-webapp-auto-global-net-8","866"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-webapp-server-global-net-8",component:f("/getting-started/blazor-webapp-server-global-net-8","15a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-webassembly-net-6",component:f("/getting-started/blazor-webassembly-net-6","c96"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-webassembly-net-7",component:f("/getting-started/blazor-webassembly-net-7","c59"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-webassembly-net-8",component:f("/getting-started/blazor-webassembly-net-8","dad"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/maui-blazor-net-7",component:f("/getting-started/maui-blazor-net-7","f9b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/maui-blazor-net-8",component:f("/getting-started/maui-blazor-net-8","f72"),exact:!0,sidebar:"tutorialSidebar"},{path:"/layout/blazor-server",component:f("/layout/blazor-server","1a5"),exact:!0,sidebar:"tutorialSidebar"},{path:"/layout/blazor-webassembly",component:f("/layout/blazor-webassembly","cd3"),exact:!0,sidebar:"tutorialSidebar"},{path:"/services/modal",component:f("/services/modal","064"),exact:!0,sidebar:"tutorialSidebar"}]},{path:"*",component:f("*")}]},98934:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,t:()=>r});var a=n(67294);const o=a.createContext(!1);function r(e){let{children:t}=e;const[n,r]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{r(!0)}),[]),a.createElement(o.Provider,{value:n},t)}},97221:(e,t,n)=>{"use strict";var a=n(67294),o=n(73935),r=n(73727),i=n(70405),l=n(10412);const s=[n(56657),n(32497),n(3310),n(18320),n(52295)];var c=n(723),u=n(16550),d=n(18790);function f(e){let{children:t}=e;return a.createElement(a.Fragment,null,t)}var b=n(87462),p=n(35742),g=n(52263),m=n(44996),h=n(86668),v=n(1944),y=n(94711),_=n(19727),w=n(43320),x=n(18780),k=n(90197);function E(){const{i18n:{defaultLocale:e,localeConfigs:t}}=(0,g.Z)(),n=(0,y.l)();return a.createElement(p.Z,null,Object.entries(t).map((e=>{let[t,{htmlLang:o}]=e;return a.createElement("link",{key:t,rel:"alternate",href:n.createUrl({locale:t,fullyQualified:!0}),hrefLang:o})})),a.createElement("link",{rel:"alternate",href:n.createUrl({locale:e,fullyQualified:!0}),hrefLang:"x-default"}))}function S(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.Z)(),o=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,g.Z)(),{pathname:a}=(0,u.TH)();return e+(0,x.applyTrailingSlash)((0,m.Z)(a),{trailingSlash:n,baseUrl:t})}(),r=t?`${n}${t}`:o;return a.createElement(p.Z,null,a.createElement("meta",{property:"og:url",content:r}),a.createElement("link",{rel:"canonical",href:r}))}function z(){const{i18n:{currentLocale:e}}=(0,g.Z)(),{metadata:t,image:n}=(0,h.L)();return a.createElement(a.Fragment,null,a.createElement(p.Z,null,a.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),a.createElement("body",{className:_.h})),n&&a.createElement(v.d,{image:n}),a.createElement(S,null),a.createElement(E,null),a.createElement(k.Z,{tag:w.HX,locale:e}),a.createElement(p.Z,null,t.map(((e,t)=>a.createElement("meta",(0,b.Z)({key:t},e))))))}const C=new Map;function T(e){if(C.has(e.pathname))return{...e,pathname:C.get(e.pathname)};if((0,d.f)(c.Z,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return C.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return C.set(e.pathname,t),{...e,pathname:t}}var L=n(98934),j=n(58940);function P(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a{const a=t.default?.[e]??t[e];return a?.(...n)}));return()=>o.forEach((e=>e?.()))}const O=function(e){let{children:t,location:n,previousLocation:o}=e;return(0,a.useLayoutEffect)((()=>{o!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const a=t.pathname===n.pathname,o=t.hash===n.hash,r=t.search===n.search;if(a&&o&&!r)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:o}),P("onRouteDidUpdate",{previousLocation:o,location:n}))}),[o,n]),t};function N(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,d.f)(c.Z,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class A extends a.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.Z.canUseDOM?P("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=P("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),N(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return a.createElement(O,{previousLocation:this.previousLocation,location:t},a.createElement(u.AW,{location:t,render:()=>e}))}}const M=A,I="__docusaurus-base-url-issue-banner-container",R="__docusaurus-base-url-issue-banner",D="__docusaurus-base-url-issue-banner-suggestion-container",F="__DOCUSAURUS_INSERT_BASEURL_BANNER";function B(e){return`\nwindow['${F}'] = true;\n\ndocument.addEventListener('DOMContentLoaded', maybeInsertBanner);\n\nfunction maybeInsertBanner() {\n var shouldInsert = window['${F}'];\n shouldInsert && insertBanner();\n}\n\nfunction insertBanner() {\n var bannerContainer = document.getElementById('${I}');\n if (!bannerContainer) {\n return;\n }\n var bannerHtml = ${JSON.stringify(function(e){return`\n
\n

Your Docusaurus site did not load properly.

\n

A very common reason is a wrong site baseUrl configuration.

\n

Current configured baseUrl = ${e} ${"/"===e?" (default value)":""}

\n

We suggest trying baseUrl =

\n
\n`}(e)).replace(/{window[F]=!1}),[]),a.createElement(a.Fragment,null,!l.Z.canUseDOM&&a.createElement(p.Z,null,a.createElement("script",null,B(e))),a.createElement("div",{id:I}))}function U(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,g.Z)(),{pathname:n}=(0,u.TH)();return t&&n===e?a.createElement($,null):null}function H(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:o,localeConfigs:r}}=(0,g.Z)(),i=(0,m.Z)(e),{htmlLang:l,direction:s}=r[o];return a.createElement(p.Z,null,a.createElement("html",{lang:l,dir:s}),a.createElement("title",null,t),a.createElement("meta",{property:"og:title",content:t}),a.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&a.createElement("meta",{name:"robots",content:"noindex, nofollow"}),e&&a.createElement("link",{rel:"icon",href:i}))}var Z=n(44763),Q=n(72389);function V(){const e=(0,Q.Z)();return a.createElement(p.Z,null,a.createElement("html",{"data-has-hydrated":e}))}function W(){const e=(0,d.H)(c.Z),t=(0,u.TH)();return a.createElement(Z.Z,null,a.createElement(j.M,null,a.createElement(L.t,null,a.createElement(f,null,a.createElement(H,null),a.createElement(z,null),a.createElement(U,null),a.createElement(M,{location:T(t)},e)),a.createElement(V,null))))}var G=n(16887);const q=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const a=document.createElement("link");a.setAttribute("rel","prefetch"),a.setAttribute("href",e),a.onload=()=>t(),a.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(a)}))}:function(e){return new Promise(((t,n)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.withCredentials=!0,a.onload=()=>{200===a.status?t():n()},a.send(null)}))};var Y=n(99670);const K=new Set,X=new Set,J=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ee={prefetch(e){if(!(e=>!J()&&!X.has(e)&&!K.has(e))(e))return!1;K.add(e);const t=(0,d.f)(c.Z,e).flatMap((e=>{return t=e.route.path,Object.entries(G).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,Y.Z)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?q(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!J()&&!X.has(e))(e)&&(X.add(e),N(e))},te=Object.freeze(ee);if(l.Z.canUseDOM){window.docusaurus=te;const e=o.hydrate;N(window.location.pathname).then((()=>{e(a.createElement(i.B6,null,a.createElement(r.VK,null,a.createElement(W,null))),document.getElementById("__docusaurus"))}))}},58940:(e,t,n)=>{"use strict";n.d(t,{_:()=>u,M:()=>d});var a=n(67294),o=n(36809);const r=JSON.parse('{"docusaurus-plugin-google-gtag":{"default":{"trackingID":["G-60QGZHW8TG"],"anonymizeIP":true,"id":"default"}},"docusaurus-plugin-content-docs":{"default":{"path":"/","versions":[{"name":"current","label":"Next","isLast":true,"path":"/","mainDocId":"getting-started/blazor-webassembly-net-8","docs":[{"id":"components/accordion","path":"/components/accordion","sidebar":"tutorialSidebar"},{"id":"components/alerts","path":"/components/alerts","sidebar":"tutorialSidebar"},{"id":"components/badge","path":"/components/badge","sidebar":"tutorialSidebar"},{"id":"components/breadcrumb","path":"/components/breadcrumb","sidebar":"tutorialSidebar"},{"id":"components/buttons","path":"/components/buttons","sidebar":"tutorialSidebar"},{"id":"components/callout","path":"/components/callout","sidebar":"tutorialSidebar"},{"id":"components/card","path":"/components/card","sidebar":"tutorialSidebar"},{"id":"components/charts","path":"/components/charts","sidebar":"tutorialSidebar"},{"id":"components/collapse","path":"/components/collapse","sidebar":"tutorialSidebar"},{"id":"components/confirm-dialog","path":"/components/confirm-dialog","sidebar":"tutorialSidebar"},{"id":"components/dropdown","path":"/components/dropdown","sidebar":"tutorialSidebar"},{"id":"components/grid","path":"/components/grid","sidebar":"tutorialSidebar"},{"id":"components/modal","path":"/components/modal","sidebar":"tutorialSidebar"},{"id":"components/offcanvas","path":"/components/offcanvas","sidebar":"tutorialSidebar"},{"id":"components/pagination","path":"/components/pagination","sidebar":"tutorialSidebar"},{"id":"components/pdf-viewer","path":"/components/pdf-viewer","sidebar":"tutorialSidebar"},{"id":"components/placeholders","path":"/components/placeholders","sidebar":"tutorialSidebar"},{"id":"components/preload","path":"/components/preload","sidebar":"tutorialSidebar"},{"id":"components/progress","path":"/components/progress","sidebar":"tutorialSidebar"},{"id":"components/script-loader","path":"/components/script-loader","sidebar":"tutorialSidebar"},{"id":"components/sidebar","path":"/components/sidebar","sidebar":"tutorialSidebar"},{"id":"components/tabs","path":"/components/tabs","sidebar":"tutorialSidebar"},{"id":"components/toasts","path":"/components/toasts","sidebar":"tutorialSidebar"},{"id":"components/tooltips","path":"/components/tooltips","sidebar":"tutorialSidebar"},{"id":"content/icons","path":"/content/icons","sidebar":"tutorialSidebar"},{"id":"data-visualization/bar-chart","path":"/data-visualization/bar-chart","sidebar":"tutorialSidebar"},{"id":"data-visualization/doughnut-chart","path":"/data-visualization/doughnut-chart","sidebar":"tutorialSidebar"},{"id":"data-visualization/line-chart","path":"/data-visualization/line-chart","sidebar":"tutorialSidebar"},{"id":"data-visualization/pie-chart","path":"/data-visualization/pie-chart","sidebar":"tutorialSidebar"},{"id":"forms/autocomplete","path":"/forms/autocomplete","sidebar":"tutorialSidebar"},{"id":"forms/currency-input","path":"/forms/currency-input","sidebar":"tutorialSidebar"},{"id":"forms/date-input","path":"/forms/date-input","sidebar":"tutorialSidebar"},{"id":"forms/number-input","path":"/forms/number-input","sidebar":"tutorialSidebar"},{"id":"forms/range-input","path":"/forms/range-input","sidebar":"tutorialSidebar"},{"id":"forms/switch","path":"/forms/switch","sidebar":"tutorialSidebar"},{"id":"forms/time-input","path":"/forms/time-input","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-server-net-6","path":"/getting-started/blazor-server-net-6","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-server-net-7","path":"/getting-started/blazor-server-net-7","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-webapp-auto-global-net-8","path":"/getting-started/blazor-webapp-auto-global-net-8","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-webapp-server-global-net-8","path":"/getting-started/blazor-webapp-server-global-net-8","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-webassembly-net-6","path":"/getting-started/blazor-webassembly-net-6","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-webassembly-net-7","path":"/getting-started/blazor-webassembly-net-7","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-webassembly-net-8","path":"/getting-started/blazor-webassembly-net-8","sidebar":"tutorialSidebar"},{"id":"getting-started/maui-blazor-net-7","path":"/getting-started/maui-blazor-net-7","sidebar":"tutorialSidebar"},{"id":"getting-started/maui-blazor-net-8","path":"/getting-started/maui-blazor-net-8","sidebar":"tutorialSidebar"},{"id":"layout/blazor-server","path":"/layout/blazor-server","sidebar":"tutorialSidebar"},{"id":"layout/blazor-webassembly","path":"/layout/blazor-webassembly","sidebar":"tutorialSidebar"},{"id":"services/modal","path":"/services/modal","sidebar":"tutorialSidebar"}],"draftIds":[],"sidebars":{"tutorialSidebar":{"link":{"path":"/getting-started/blazor-webassembly-net-8","label":"Blazor WebAssembly (.NET 8)"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en"],"path":"i18n","currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"}}}');var l=n(57529);const s=JSON.parse('{"docusaurusVersion":"2.4.3","siteVersion":"2.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"2.4.3"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"2.4.3"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"2.4.3"},"docusaurus-plugin-google-gtag":{"type":"package","name":"@docusaurus/plugin-google-gtag","version":"2.4.3"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"2.4.3"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"2.4.3"},"@easyops-cn/docusaurus-search-local":{"type":"package","name":"@easyops-cn/docusaurus-search-local","version":"0.29.4"},"docusaurus-plugin-client-redirects":{"type":"package","name":"@docusaurus/plugin-client-redirects","version":"2.4.3"}}}'),c={siteConfig:o.default,siteMetadata:s,globalData:r,i18n:i,codeTranslations:l},u=a.createContext(c);function d(e){let{children:t}=e;return a.createElement(u.Provider,{value:c},t)}},44763:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var a=n(67294),o=n(10412),r=n(35742),i=n(18780),l=n(70179);function s(e){let{error:t,tryAgain:n}=e;return a.createElement("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"}},a.createElement("h1",{style:{fontSize:"3rem"}},"This page crashed"),a.createElement("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"}},"Try again"),a.createElement(c,{error:t}))}function c(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return a.createElement("p",{style:{whiteSpace:"pre-wrap"}},n)}function u(e){let{error:t,tryAgain:n}=e;return a.createElement(f,{fallback:()=>a.createElement(s,{error:t,tryAgain:n})},a.createElement(r.Z,null,a.createElement("title",null,"Page Error")),a.createElement(l.Z,null,a.createElement(s,{error:t,tryAgain:n})))}const d=e=>a.createElement(u,e);class f extends a.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.Z.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??d)(e)}return e??null}}},10412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});const a="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:a,canUseEventListeners:a&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:a&&"IntersectionObserver"in window,canUseViewport:a&&"screen"in window}},35742:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(67294),o=n(70405);function r(e){return a.createElement(o.ql,e)}},39960:(e,t,n)=>{"use strict";n.d(t,{Z:()=>b});var a=n(87462),o=n(67294),r=n(73727),i=n(18780),l=n(52263),s=n(13919),c=n(10412);const u=o.createContext({collectLink:()=>{}});var d=n(44996);function f(e,t){let{isNavLink:n,to:f,href:b,activeClassName:p,isActive:g,"data-noBrokenLinkCheck":m,autoAddBaseUrl:h=!0,...v}=e;const{siteConfig:{trailingSlash:y,baseUrl:_}}=(0,l.Z)(),{withBaseUrl:w}=(0,d.C)(),x=(0,o.useContext)(u),k=(0,o.useRef)(null);(0,o.useImperativeHandle)(t,(()=>k.current));const E=f||b;const S=(0,s.Z)(E),z=E?.replace("pathname://","");let C=void 0!==z?(T=z,h&&(e=>e.startsWith("/"))(T)?w(T):T):void 0;var T;C&&S&&(C=(0,i.applyTrailingSlash)(C,{trailingSlash:y,baseUrl:_}));const L=(0,o.useRef)(!1),j=n?r.OL:r.rU,P=c.Z.canUseIntersectionObserver,O=(0,o.useRef)(),N=()=>{L.current||null==C||(window.docusaurus.preload(C),L.current=!0)};(0,o.useEffect)((()=>(!P&&S&&null!=C&&window.docusaurus.prefetch(C),()=>{P&&O.current&&O.current.disconnect()})),[O,C,P,S]);const A=C?.startsWith("#")??!1,M=!C||!S||A;return M||m||x.collectLink(C),M?o.createElement("a",(0,a.Z)({ref:k,href:C},E&&!S&&{target:"_blank",rel:"noopener noreferrer"},v)):o.createElement(j,(0,a.Z)({},v,{onMouseEnter:N,onTouchStart:N,innerRef:e=>{k.current=e,P&&e&&S&&(O.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(O.current.unobserve(e),O.current.disconnect(),null!=C&&window.docusaurus.prefetch(C))}))})),O.current.observe(e))},to:C},n&&{isActive:g,activeClassName:p}))}const b=o.forwardRef(f)},95999:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s,I:()=>l});var a=n(67294);function o(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,a.isValidElement)(e)))?n.map(((e,t)=>(0,a.isValidElement)(e)?a.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var r=n(57529);function i(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return r[t??n]??n??t}function l(e,t){let{message:n,id:a}=e;return o(i({message:n,id:a}),t)}function s(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal children",t),new Error("The Docusaurus component only accept simple string values");const l=i({message:t,id:n});return a.createElement(a.Fragment,null,o(l,r))}},29935:(e,t,n)=>{"use strict";n.d(t,{m:()=>a});const a="default"},13919:(e,t,n)=>{"use strict";function a(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!a(e)}n.d(t,{Z:()=>o,b:()=>a})},44996:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>l});var a=n(67294),o=n(52263),r=n(13919);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,o.Z)(),n=(0,a.useCallback)(((n,a)=>function(e,t,n,a){let{forcePrependBaseUrl:o=!1,absolute:i=!1}=void 0===a?{}:a;if(!n||n.startsWith("#")||(0,r.b)(n))return n;if(o)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const l=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+l:l}(t,e,n,a)),[t,e]);return{withBaseUrl:n}}function l(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},52263:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(67294),o=n(58940);function r(){return(0,a.useContext)(o._)}},72389:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(67294),o=n(98934);function r(){return(0,a.useContext)(o._)}},99670:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});const a=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[r,i]=n;const l=o?`${o}.${r}`:r;a(i)?e(i,l):t[l]=i}))}(e),t}},30226:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,z:()=>r});var a=n(67294);const o=a.createContext(null);function r(e){let{children:t,value:n}=e;const r=a.useContext(o),i=(0,a.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const a={...t.data,...n?.data};return{plugin:t.plugin,data:a}}({parent:r,value:n})),[r,n]);return a.createElement(o.Provider,{value:i},t)}},80143:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>g,gA:()=>f,_r:()=>u,Jo:()=>m,zh:()=>d,yW:()=>p,gB:()=>b});var a=n(16550),o=n(52263),r=n(29935);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,o.Z)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const l=e=>e.versions.find((e=>e.isLast));function s(e,t){const n=function(e,t){const n=l(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,a.LX)(t,{path:e.path,exact:!1,strict:!1})))}(e,t),o=n?.docs.find((e=>!!(0,a.LX)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((a=>{a.id===t&&(n[e.name]=a)}))})),n}(o.id):{}}}const c={},u=()=>i("docusaurus-plugin-content-docs")??c,d=e=>function(e,t,n){void 0===t&&(t=r.m),void 0===n&&(n={});const a=i(e),o=a?.[t];if(!o&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return o}("docusaurus-plugin-content-docs",e,{failfast:!0});function f(e){void 0===e&&(e={});const t=u(),{pathname:n}=(0,a.TH)();return function(e,t,n){void 0===n&&(n={});const o=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,a.LX)(t,{path:n.path,exact:!1,strict:!1})})),r=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!r&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return r}(t,n,e)}function b(e){return d(e).versions}function p(e){const t=d(e);return l(t)}function g(e){const t=d(e),{pathname:n}=(0,a.TH)();return s(t,n)}function m(e){const t=d(e),{pathname:n}=(0,a.TH)();return function(e,t){const n=l(e);return{latestDocSuggestion:s(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},56657:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={onRouteDidUpdate(e){let{location:t,previousLocation:n}=e;!n||t.pathname===n.pathname&&t.search===n.search&&t.hash===n.hash||setTimeout((()=>{window.gtag("event","page_view",{page_title:document.title,page_location:window.location.href,page_path:t.pathname+t.search+t.hash})}))}}},18320:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});var a=n(74865),o=n.n(a);o().configure({showSpinner:!1});const r={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},3310:(e,t,n)=>{"use strict";n.r(t);var a=n(87410),o=n(36809);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:a}=t;globalThis.Prism=e,a.forEach((e=>{n(50784)(`./prism-${e}`)})),delete globalThis.Prism}(a.Z)},39471:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(67294);const o={iconExternalLink:"iconExternalLink_nPIU"};function r(e){let{width:t=13.5,height:n=13.5}=e;return a.createElement("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:o.iconExternalLink},a.createElement("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"}))}},70179:(e,t,n)=>{"use strict";n.d(t,{Z:()=>Ot});var a=n(67294),o=n(86010),r=n(44763),i=n(1944),l=n(87462),s=n(16550),c=n(95999),u=n(85936);const d="__docusaurus_skipToContent_fallback";function f(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function b(){const e=(0,a.useRef)(null),{action:t}=(0,s.k6)(),n=(0,a.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&f(t)}),[]);return(0,u.S)((n=>{let{location:a}=n;e.current&&!a.hash&&"PUSH"===t&&f(e.current)})),{containerRef:e,onClick:n}}const p=(0,c.I)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function g(e){const t=e.children??p,{containerRef:n,onClick:o}=b();return a.createElement("div",{ref:n,role:"region","aria-label":p},a.createElement("a",(0,l.Z)({},e,{href:`#${d}`,onClick:o}),t))}var m=n(35281),h=n(19727);const v={skipToContent:"skipToContent_fXgn"};function y(){return a.createElement(g,{className:v.skipToContent})}var _=n(86668),w=n(59689);function x(e){let{width:t=21,height:n=21,color:o="currentColor",strokeWidth:r=1.2,className:i,...s}=e;return a.createElement("svg",(0,l.Z)({viewBox:"0 0 15 15",width:t,height:n},s),a.createElement("g",{stroke:o,strokeWidth:r},a.createElement("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})))}const k={closeButton:"closeButton_CVFx"};function E(e){return a.createElement("button",(0,l.Z)({type:"button","aria-label":(0,c.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"})},e,{className:(0,o.Z)("clean-btn close",k.closeButton,e.className)}),a.createElement(x,{width:14,height:14,strokeWidth:3.1}))}const S={content:"content_knG7"};function z(e){const{announcementBar:t}=(0,_.L)(),{content:n}=t;return a.createElement("div",(0,l.Z)({},e,{className:(0,o.Z)(S.content,e.className),dangerouslySetInnerHTML:{__html:n}}))}const C={announcementBar:"announcementBar_mb4j",announcementBarPlaceholder:"announcementBarPlaceholder_vyr4",announcementBarClose:"announcementBarClose_gvF7",announcementBarContent:"announcementBarContent_xLdY"};function T(){const{announcementBar:e}=(0,_.L)(),{isActive:t,close:n}=(0,w.nT)();if(!t)return null;const{backgroundColor:o,textColor:r,isCloseable:i}=e;return a.createElement("div",{className:C.announcementBar,style:{backgroundColor:o,color:r},role:"banner"},i&&a.createElement("div",{className:C.announcementBarPlaceholder}),a.createElement(z,{className:C.announcementBarContent}),i&&a.createElement(E,{onClick:n,className:C.announcementBarClose}))}var L=n(72961),j=n(12466);var P=n(902),O=n(13102);const N=a.createContext(null);function A(e){let{children:t}=e;const n=function(){const e=(0,L.e)(),t=(0,O.HY)(),[n,o]=(0,a.useState)(!1),r=null!==t.component,i=(0,P.D9)(r);return(0,a.useEffect)((()=>{r&&!i&&o(!0)}),[r,i]),(0,a.useEffect)((()=>{r?e.shown||o(!0):o(!1)}),[e.shown,r]),(0,a.useMemo)((()=>[n,o]),[n])}();return a.createElement(N.Provider,{value:n},t)}function M(e){if(e.component){const t=e.component;return a.createElement(t,e.props)}}function I(){const e=(0,a.useContext)(N);if(!e)throw new P.i6("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,a.useCallback)((()=>n(!1)),[n]),r=(0,O.HY)();return(0,a.useMemo)((()=>({shown:t,hide:o,content:M(r)})),[o,r,t])}function R(e){let{header:t,primaryMenu:n,secondaryMenu:r}=e;const{shown:i}=I();return a.createElement("div",{className:"navbar-sidebar"},t,a.createElement("div",{className:(0,o.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":i})},a.createElement("div",{className:"navbar-sidebar__item menu"},n),a.createElement("div",{className:"navbar-sidebar__item menu"},r)))}var D=n(92949),F=n(72389);function B(e){return a.createElement("svg",(0,l.Z)({viewBox:"0 0 24 24",width:24,height:24},e),a.createElement("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"}))}function $(e){return a.createElement("svg",(0,l.Z)({viewBox:"0 0 24 24",width:24,height:24},e),a.createElement("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"}))}const U={toggle:"toggle_vylO",toggleButton:"toggleButton_gllP",darkToggleIcon:"darkToggleIcon_wfgR",lightToggleIcon:"lightToggleIcon_pyhR",toggleButtonDisabled:"toggleButtonDisabled_aARS"};function H(e){let{className:t,buttonClassName:n,value:r,onChange:i}=e;const l=(0,F.Z)(),s=(0,c.I)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===r?(0,c.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,c.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return a.createElement("div",{className:(0,o.Z)(U.toggle,t)},a.createElement("button",{className:(0,o.Z)("clean-btn",U.toggleButton,!l&&U.toggleButtonDisabled,n),type:"button",onClick:()=>i("dark"===r?"light":"dark"),disabled:!l,title:s,"aria-label":s,"aria-live":"polite"},a.createElement(B,{className:(0,o.Z)(U.toggleIcon,U.lightToggleIcon)}),a.createElement($,{className:(0,o.Z)(U.toggleIcon,U.darkToggleIcon)})))}const Z=a.memo(H),Q={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_X3D1"};function V(e){let{className:t}=e;const n=(0,_.L)().navbar.style,o=(0,_.L)().colorMode.disableSwitch,{colorMode:r,setColorMode:i}=(0,D.I)();return o?null:a.createElement(Z,{className:t,buttonClassName:"dark"===n?Q.darkNavbarColorModeToggle:void 0,value:r,onChange:i})}var W=n(21327);function G(){return a.createElement(W.Z,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function q(){const e=(0,L.e)();return a.createElement("button",{type:"button","aria-label":(0,c.I)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle()},a.createElement(x,{color:"var(--ifm-color-emphasis-600)"}))}function Y(){return a.createElement("div",{className:"navbar-sidebar__brand"},a.createElement(G,null),a.createElement(V,{className:"margin-right--md"}),a.createElement(q,null))}var K=n(39960),X=n(44996),J=n(13919);function ee(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}var te=n(39471);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:o,href:r,label:i,html:s,isDropdownLink:c,prependBaseUrlToHref:u,...d}=e;const f=(0,X.Z)(o),b=(0,X.Z)(t),p=(0,X.Z)(r,{forcePrependBaseUrl:!0}),g=i&&r&&!(0,J.Z)(r),m=s?{dangerouslySetInnerHTML:{__html:s}}:{children:a.createElement(a.Fragment,null,i,g&&a.createElement(te.Z,c&&{width:12,height:12}))};return r?a.createElement(K.Z,(0,l.Z)({href:u?p:r},d,m)):a.createElement(K.Z,(0,l.Z)({to:f,isNavLink:!0},(t||n)&&{isActive:(e,t)=>n?ee(n,t.pathname):t.pathname.startsWith(b)},d,m))}function ae(e){let{className:t,isDropdownItem:n=!1,...r}=e;const i=a.createElement(ne,(0,l.Z)({className:(0,o.Z)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n},r));return n?a.createElement("li",null,i):i}function oe(e){let{className:t,isDropdownItem:n,...r}=e;return a.createElement("li",{className:"menu__list-item"},a.createElement(ne,(0,l.Z)({className:(0,o.Z)("menu__link",t)},r)))}function re(e){let{mobile:t=!1,position:n,...o}=e;const r=t?oe:ae;return a.createElement(r,(0,l.Z)({},o,{activeClassName:o.activeClassName??(t?"menu__link--active":"navbar__link--active")}))}var ie=n(86043),le=n(48596),se=n(52263);function ce(e,t){return e.some((e=>function(e,t){return!!(0,le.Mg)(e.to,t)||!!ee(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function ue(e){let{items:t,position:n,className:r,onClick:i,...s}=e;const c=(0,a.useRef)(null),[u,d]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{const e=e=>{c.current&&!c.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[c]),a.createElement("div",{ref:c,className:(0,o.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":u})},a.createElement(ne,(0,l.Z)({"aria-haspopup":"true","aria-expanded":u,role:"button",href:s.to?void 0:"#",className:(0,o.Z)("navbar__link",r)},s,{onClick:s.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!u))}}),s.children??s.label),a.createElement("ul",{className:"dropdown__menu"},t.map(((e,t)=>a.createElement(Qe,(0,l.Z)({isDropdownItem:!0,activeClassName:"dropdown__link--active"},e,{key:t}))))))}function de(e){let{items:t,className:n,position:r,onClick:i,...c}=e;const u=function(){const{siteConfig:{baseUrl:e}}=(0,se.Z)(),{pathname:t}=(0,s.TH)();return t.replace(e,"/")}(),d=ce(t,u),{collapsed:f,toggleCollapsed:b,setCollapsed:p}=(0,ie.u)({initialState:()=>!d});return(0,a.useEffect)((()=>{d&&p(!d)}),[u,d,p]),a.createElement("li",{className:(0,o.Z)("menu__list-item",{"menu__list-item--collapsed":f})},a.createElement(ne,(0,l.Z)({role:"button",className:(0,o.Z)("menu__link menu__link--sublist menu__link--sublist-caret",n)},c,{onClick:e=>{e.preventDefault(),b()}}),c.children??c.label),a.createElement(ie.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:f},t.map(((e,t)=>a.createElement(Qe,(0,l.Z)({mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active"},e,{key:t}))))))}function fe(e){let{mobile:t=!1,...n}=e;const o=t?de:ue;return a.createElement(o,n)}var be=n(94711);function pe(e){let{width:t=20,height:n=20,...o}=e;return a.createElement("svg",(0,l.Z)({viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0},o),a.createElement("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"}))}const ge="iconLanguage_nlXk";var me=n(61029),he=n(10412),ve=n(60373),ye=n(80143),_e=n(90022),we=n(98202),xe=n(73926),ke=n(91073),Ee=n(82539),Se=n(10726);const ze='',Ce='',Te='',Le='',je='',Pe='',Oe='',Ne={searchBar:"searchBar_RVTs",dropdownMenu:"dropdownMenu_qbY6",suggestion:"suggestion_fB_2",cursor:"cursor_eG29",hitTree:"hitTree_kk6K",hitIcon:"hitIcon_a7Zy",hitPath:"hitPath_ieM4",noResultsIcon:"noResultsIcon_EBY5",hitFooter:"hitFooter_E9YW",hitWrapper:"hitWrapper_sAK8",hitTitle:"hitTitle_vyVt",hitAction:"hitAction_NqkB",hideAction:"hideAction_vcyE",noResults:"noResults_l6Q3",searchBarContainer:"searchBarContainer_NW3z",searchBarLoadingRing:"searchBarLoadingRing_YnHq",searchClearButton:"searchClearButton_qk4g",searchIndexLoading:"searchIndexLoading_EJ1f",searchHintContainer:"searchHintContainer_Pkmr",searchHint:"searchHint_iIMx",focused:"focused_OWtg",input:"input_FOTf",hint:"hint_URu1",suggestions:"suggestions_X8XU",dataset:"dataset_QiCy",empty:"empty_eITn"};function Ae(e){let{document:t,type:n,page:a,metadata:o,tokens:r,isInterOfTree:i,isLastOfTree:l}=e;const s=0===n,c=1===n,u=[];i?u.push(Pe):l&&u.push(Oe);const d=u.map((e=>`${e}`)),f=`${s?ze:c?Ce:Te}`,b=[`${(0,Se.o)(t.t,(0,ke.m)(o,"t"),r)}`];if(!i&&!l&&me.H6){const e=a?(a.b??[]).concat(a.t).concat(t.s&&t.s!==a.t?t.s:[]):t.b;b.push(`${(0,xe.e)(e??[])}`)}else s||b.push(`${(0,Ee.C)(a.t||(t.u.startsWith("/docs/api-reference/")?"API Reference":""),r)}`);const p=`${Le}`;return[...d,f,``,...b,"",p].join("")}function Me(){return`${je}${(0,c.I)({id:"theme.SearchBar.noResultsText",message:"No results"})}`}var Ie=n(80311);async function Re(){const e=await Promise.all([n.e(68443),n.e(15525)]).then(n.t.bind(n,68443,23)),t=e.default;return t.noConflict?t.noConflict():e.noConflict&&e.noConflict(),t}const De="_highlight";const Fe=function(e){let{handleSearchBarToggle:t}=e;const{siteConfig:{baseUrl:n}}=(0,se.Z)(),r=(0,ye.gA)();let i=n;try{const{preferredVersion:e}=(0,ve.J)(r?.pluginId??me.gQ);e&&!e.isLast&&(i=e.path+"/")}catch(j){if(!(j instanceof P.i6))throw j;console.error("useDocsPreferredVersion",j)}const l=(0,s.k6)(),u=(0,s.TH)(),d=(0,a.useRef)(null),f=(0,a.useRef)("empty"),b=(0,a.useRef)(!1),[p,g]=(0,a.useState)(!1),[m,h]=(0,a.useState)(!1),[v,y]=(0,a.useState)(""),_=(0,a.useRef)(null),w=(0,a.useCallback)((async()=>{if("empty"!==f.current)return;f.current="loading",g(!0);const[{wrappedIndexes:e,zhDictionary:t},a]=await Promise.all([(0,_e.w)(i),Re()]);if(_.current=a(d.current,{hint:!1,autoselect:!0,openOnFocus:!0,cssClasses:{root:Ne.searchBar,noPrefix:!0,dropdownMenu:Ne.dropdownMenu,input:Ne.input,hint:Ne.hint,suggestions:Ne.suggestions,suggestion:Ne.suggestion,cursor:Ne.cursor,dataset:Ne.dataset,empty:Ne.empty}},[{source:(0,we.v)(e,t,me.qo),templates:{suggestion:Ae,empty:Me,footer:e=>{let{query:t,isEmpty:a}=e;if(a)return;const o=document.createElement("a"),r=`${n}search?q=${encodeURIComponent(t)}`;o.href=r,o.textContent=(0,c.I)({id:"theme.SearchBar.seeAll",message:"See all results"}),o.addEventListener("click",(e=>{e.ctrlKey||e.metaKey||(e.preventDefault(),_.current.autocomplete.close(),l.push(r))}));const i=document.createElement("div");return i.className=Ne.hitFooter,i.appendChild(o),i}}}]).on("autocomplete:selected",(function(e,t){let{document:{u:n,h:a},tokens:o}=t;d.current?.blur();let r=n;if(me.vc&&o.length>0){const e=new URLSearchParams;for(const t of o)e.append(De,t);r+=`?${e.toString()}`}a&&(r+=a),l.push(r)})).on("autocomplete:closed",(()=>{d.current?.blur()})),f.current="done",g(!1),b.current){const e=d.current;e.value&&_.current.autocomplete.open(),e.focus()}}),[n,i,l]);(0,a.useEffect)((()=>{if(!me.vc)return;const e=he.Z.canUseDOM?new URLSearchParams(u.search).getAll(De):[];setTimeout((()=>{const t=document.querySelector("article");if(!t)return;const n=new me.vc(t);n.unmark(),0!==e.length&&n.mark(e),y(e.join(" ")),_.current?.autocomplete.setVal(e.join(" "))}))}),[u.search,u.pathname]);const[x,k]=(0,a.useState)(!1),E=(0,a.useCallback)((()=>{b.current=!0,w(),k(!0),t?.(!0)}),[t,w]),S=(0,a.useCallback)((()=>{k(!1),t?.(!1)}),[t]),z=(0,a.useCallback)((()=>{w()}),[w]),C=(0,a.useCallback)((e=>{y(e.target.value),e.target.value&&h(!0)}),[]),T=!!he.Z.canUseDOM&&/mac/i.test(navigator.userAgentData?.platform??navigator.platform);(0,a.useEffect)((()=>{if(!me.AY)return;const e=e=>{(T?e.metaKey:e.ctrlKey)&&"KeyK"===e.code&&(e.preventDefault(),d.current?.focus(),E())};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}}),[T,E]);const L=(0,a.useCallback)((()=>{const e=new URLSearchParams(u.search);e.delete(De);const t=e.toString(),n=u.pathname+(""!=t?`?${t}`:"")+u.hash;n!=u.pathname+u.search+u.hash&&l.push(n),y(""),_.current?.autocomplete.setVal("")}),[u.pathname,u.search,u.hash,l]);return a.createElement("div",{className:(0,o.Z)("navbar__search",Ne.searchBarContainer,{[Ne.searchIndexLoading]:p&&m,[Ne.focused]:x})},a.createElement("input",{placeholder:(0,c.I)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),"aria-label":"Search",className:"navbar__search-input",onMouseEnter:z,onFocus:E,onBlur:S,onChange:C,ref:d,value:v}),a.createElement(Ie.Z,{className:Ne.searchBarLoadingRing}),me.AY&&me.t_&&(""!==v?a.createElement("button",{className:Ne.searchClearButton,onClick:L},"\u2715"):a.createElement("div",{className:Ne.searchHintContainer},a.createElement("kbd",{className:Ne.searchHint},T?"\u2318":"ctrl"),a.createElement("kbd",{className:Ne.searchHint},"K"))))},Be={searchBox:"searchBox_ZlJk"};function $e(e){let{children:t,className:n}=e;return a.createElement("div",{className:(0,o.Z)(n,Be.searchBox)},t)}var Ue=n(52802);const He=e=>e.docs.find((t=>t.id===e.mainDocId));const Ze={default:re,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:o,...r}=e;const{i18n:{currentLocale:i,locales:u,localeConfigs:d}}=(0,se.Z)(),f=(0,be.l)(),{search:b,hash:p}=(0,s.TH)(),g=[...n,...u.map((e=>{const n=`${`pathname://${f.createUrl({locale:e,fullyQualified:!1})}`}${b}${p}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...o],m=t?(0,c.I)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return a.createElement(fe,(0,l.Z)({},r,{mobile:t,label:a.createElement(a.Fragment,null,a.createElement(pe,{className:ge}),m),items:g}))},search:function(e){let{mobile:t,className:n}=e;return t?null:a.createElement($e,{className:n},a.createElement(Fe,null))},dropdown:fe,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:i=!1}=e;const l=i?"li":"div";return a.createElement(l,{className:(0,o.Z)({navbar__item:!r&&!i,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:o,...r}=e;const{activeDoc:i}=(0,ye.Iw)(o),s=(0,Ue.vY)(t,o);return null===s?null:a.createElement(re,(0,l.Z)({exact:!0},r,{isActive:()=>i?.path===s.path||!!i?.sidebar&&i.sidebar===s.sidebar,label:n??s.id,to:s.path}))},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:o,...r}=e;const{activeDoc:i}=(0,ye.Iw)(o),s=(0,Ue.oz)(t,o).link;if(!s)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return a.createElement(re,(0,l.Z)({exact:!0},r,{isActive:()=>i?.sidebar===t,label:n??s.label,to:s.path}))},docsVersion:function(e){let{label:t,to:n,docsPluginId:o,...r}=e;const i=(0,Ue.lO)(o)[0],s=t??i.label,c=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(i).path;return a.createElement(re,(0,l.Z)({},r,{label:s,to:c}))},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:o,dropdownItemsBefore:r,dropdownItemsAfter:i,...u}=e;const{search:d,hash:f}=(0,s.TH)(),b=(0,ye.Iw)(n),p=(0,ye.gB)(n),{savePreferredVersionName:g}=(0,ve.J)(n),m=[...r,...p.map((e=>{const t=b.alternateDocVersions[e.name]??He(e);return{label:e.label,to:`${t.path}${d}${f}`,isActive:()=>e===b.activeVersion,onClick:()=>g(e.name)}})),...i],h=(0,Ue.lO)(n)[0],v=t&&m.length>1?(0,c.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):h.label,y=t&&m.length>1?void 0:He(h).path;return m.length<=1?a.createElement(re,(0,l.Z)({},u,{mobile:t,label:v,to:y,isActive:o?()=>!1:void 0})):a.createElement(fe,(0,l.Z)({},u,{mobile:t,label:v,to:y,items:m,isActive:o?()=>!1:void 0}))}};function Qe(e){let{type:t,...n}=e;const o=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),r=Ze[o];if(!r)throw new Error(`No NavbarItem component found for type "${t}".`);return a.createElement(r,n)}function Ve(){const e=(0,L.e)(),t=(0,_.L)().navbar.items;return a.createElement("ul",{className:"menu__list"},t.map(((t,n)=>a.createElement(Qe,(0,l.Z)({mobile:!0},t,{onClick:()=>e.toggle(),key:n})))))}function We(e){return a.createElement("button",(0,l.Z)({},e,{type:"button",className:"clean-btn navbar-sidebar__back"}),a.createElement(c.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)"},"\u2190 Back to main menu"))}function Ge(){const e=0===(0,_.L)().navbar.items.length,t=I();return a.createElement(a.Fragment,null,!e&&a.createElement(We,{onClick:()=>t.hide()}),t.content)}function qe(){const e=(0,L.e)();var t;return void 0===(t=e.shown)&&(t=!0),(0,a.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?a.createElement(R,{header:a.createElement(Y,null),primaryMenu:a.createElement(Ve,null),secondaryMenu:a.createElement(Ge,null)}):null}const Ye={navbarHideable:"navbarHideable_m1mJ",navbarHidden:"navbarHidden_jGov"};function Ke(e){return a.createElement("div",(0,l.Z)({role:"presentation"},e,{className:(0,o.Z)("navbar-sidebar__backdrop",e.className)}))}function Xe(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:r}}=(0,_.L)(),i=(0,L.e)(),{navbarRef:l,isNavbarVisible:s}=function(e){const[t,n]=(0,a.useState)(e),o=(0,a.useRef)(!1),r=(0,a.useRef)(0),i=(0,a.useCallback)((e=>{null!==e&&(r.current=e.getBoundingClientRect().height)}),[]);return(0,j.RF)(((t,a)=>{let{scrollY:i}=t;if(!e)return;if(i=l?n(!1):i+c{if(!e)return;const a=t.location.hash;if(a?document.getElementById(a.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return a.createElement("nav",{ref:l,"aria-label":(0,c.I)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,o.Z)("navbar","navbar--fixed-top",n&&[Ye.navbarHideable,!s&&Ye.navbarHidden],{"navbar--dark":"dark"===r,"navbar--primary":"primary"===r,"navbar-sidebar--show":i.shown})},t,a.createElement(Ke,{onClick:i.toggle}),a.createElement(qe,null))}var Je=n(18780);const et={errorBoundaryError:"errorBoundaryError_a6uf"};function tt(e){return a.createElement("button",(0,l.Z)({type:"button"},e),a.createElement(c.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error"},"Try again"))}function nt(e){let{error:t}=e;const n=(0,Je.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return a.createElement("p",{className:et.errorBoundaryError},n)}class at extends a.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const ot="right";function rt(e){let{width:t=30,height:n=30,className:o,...r}=e;return a.createElement("svg",(0,l.Z)({className:o,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true"},r),a.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"}))}function it(){const{toggle:e,shown:t}=(0,L.e)();return a.createElement("button",{onClick:e,"aria-label":(0,c.I)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button"},a.createElement(rt,null))}const lt={colorModeToggle:"colorModeToggle_DEke"};function st(e){let{items:t}=e;return a.createElement(a.Fragment,null,t.map(((e,t)=>a.createElement(at,{key:t,onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t})},a.createElement(Qe,e)))))}function ct(e){let{left:t,right:n}=e;return a.createElement("div",{className:"navbar__inner"},a.createElement("div",{className:"navbar__items"},t),a.createElement("div",{className:"navbar__items navbar__items--right"},n))}function ut(){const e=(0,L.e)(),t=(0,_.L)().navbar.items,[n,o]=function(e){function t(e){return"left"===(e.position??ot)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),r=t.find((e=>"search"===e.type));return a.createElement(ct,{left:a.createElement(a.Fragment,null,!e.disabled&&a.createElement(it,null),a.createElement(G,null),a.createElement(st,{items:n})),right:a.createElement(a.Fragment,null,a.createElement(st,{items:o}),a.createElement(V,{className:lt.colorModeToggle}),!r&&a.createElement($e,null,a.createElement(Fe,null)))})}function dt(){return a.createElement(Xe,null,a.createElement(ut,null))}function ft(e){let{item:t}=e;const{to:n,href:o,label:r,prependBaseUrlToHref:i,...s}=t,c=(0,X.Z)(n),u=(0,X.Z)(o,{forcePrependBaseUrl:!0});return a.createElement(K.Z,(0,l.Z)({className:"footer__link-item"},o?{href:i?u:o}:{to:c},s),r,o&&!(0,J.Z)(o)&&a.createElement(te.Z,null))}function bt(e){let{item:t}=e;return t.html?a.createElement("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):a.createElement("li",{key:t.href??t.to,className:"footer__item"},a.createElement(ft,{item:t}))}function pt(e){let{column:t}=e;return a.createElement("div",{className:"col footer__col"},a.createElement("div",{className:"footer__title"},t.title),a.createElement("ul",{className:"footer__items clean-list"},t.items.map(((e,t)=>a.createElement(bt,{key:t,item:e})))))}function gt(e){let{columns:t}=e;return a.createElement("div",{className:"row footer__links"},t.map(((e,t)=>a.createElement(pt,{key:t,column:e}))))}function mt(){return a.createElement("span",{className:"footer__link-separator"},"\xb7")}function ht(e){let{item:t}=e;return t.html?a.createElement("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):a.createElement(ft,{item:t})}function vt(e){let{links:t}=e;return a.createElement("div",{className:"footer__links text--center"},a.createElement("div",{className:"footer__links"},t.map(((e,n)=>a.createElement(a.Fragment,{key:n},a.createElement(ht,{item:e}),t.length!==n+1&&a.createElement(mt,null))))))}function yt(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?a.createElement(gt,{columns:t}):a.createElement(vt,{links:t})}var _t=n(50941);const wt={footerLogoLink:"footerLogoLink_BH7S"};function xt(e){let{logo:t}=e;const{withBaseUrl:n}=(0,X.C)(),r={light:n(t.src),dark:n(t.srcDark??t.src)};return a.createElement(_t.Z,{className:(0,o.Z)("footer__logo",t.className),alt:t.alt,sources:r,width:t.width,height:t.height,style:t.style})}function kt(e){let{logo:t}=e;return t.href?a.createElement(K.Z,{href:t.href,className:wt.footerLogoLink,target:t.target},a.createElement(xt,{logo:t})):a.createElement(xt,{logo:t})}function Et(e){let{copyright:t}=e;return a.createElement("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function St(e){let{style:t,links:n,logo:r,copyright:i}=e;return a.createElement("footer",{className:(0,o.Z)("footer",{"footer--dark":"dark"===t})},a.createElement("div",{className:"container container-fluid"},n,(r||i)&&a.createElement("div",{className:"footer__bottom text--center"},r&&a.createElement("div",{className:"margin-bottom--sm"},r),i)))}function zt(){const{footer:e}=(0,_.L)();if(!e)return null;const{copyright:t,links:n,logo:o,style:r}=e;return a.createElement(St,{style:r,links:n&&n.length>0&&a.createElement(yt,{links:n}),logo:o&&a.createElement(kt,{logo:o}),copyright:t&&a.createElement(Et,{copyright:t})})}const Ct=a.memo(zt),Tt=(0,P.Qc)([D.S,w.pl,j.OC,ve.L5,i.VC,function(e){let{children:t}=e;return a.createElement(O.n2,null,a.createElement(L.M,null,a.createElement(A,null,t)))}]);function Lt(e){let{children:t}=e;return a.createElement(Tt,null,t)}function jt(e){let{error:t,tryAgain:n}=e;return a.createElement("main",{className:"container margin-vert--xl"},a.createElement("div",{className:"row"},a.createElement("div",{className:"col col--6 col--offset-3"},a.createElement("h1",{className:"hero__title"},a.createElement(c.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed"},"This page crashed.")),a.createElement("div",{className:"margin-vert--lg"},a.createElement(tt,{onClick:n,className:"button button--primary shadow--lw"})),a.createElement("hr",null),a.createElement("div",{className:"margin-vert--md"},a.createElement(nt,{error:t})))))}const Pt={mainWrapper:"mainWrapper_z2l0"};function Ot(e){const{children:t,noFooter:n,wrapperClassName:l,title:s,description:c}=e;return(0,h.t)(),a.createElement(Lt,null,a.createElement(i.d,{title:s,description:c}),a.createElement(y,null),a.createElement(T,null),a.createElement(dt,null),a.createElement("div",{id:d,className:(0,o.Z)(m.k.wrapper.main,Pt.mainWrapper,l)},a.createElement(r.Z,{fallback:e=>a.createElement(jt,e)},t)),!n&&a.createElement(Ct,null))}},21327:(e,t,n)=>{"use strict";n.d(t,{Z:()=>d});var a=n(87462),o=n(67294),r=n(39960),i=n(44996),l=n(52263),s=n(86668),c=n(50941);function u(e){let{logo:t,alt:n,imageClassName:a}=e;const r={light:(0,i.Z)(t.src),dark:(0,i.Z)(t.srcDark||t.src)},l=o.createElement(c.Z,{className:t.className,sources:r,height:t.height,width:t.width,alt:n,style:t.style});return a?o.createElement("div",{className:a},l):l}function d(e){const{siteConfig:{title:t}}=(0,l.Z)(),{navbar:{title:n,logo:c}}=(0,s.L)(),{imageClassName:d,titleClassName:f,...b}=e,p=(0,i.Z)(c?.href||"/"),g=n?"":t,m=c?.alt??g;return o.createElement(r.Z,(0,a.Z)({to:p},b,c?.target&&{target:c.target}),c&&o.createElement(u,{logo:c,alt:m,imageClassName:d}),null!=n&&o.createElement("b",{className:f},n))}},90197:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(67294),o=n(35742);function r(e){let{locale:t,version:n,tag:r}=e;const i=t;return a.createElement(o.Z,null,t&&a.createElement("meta",{name:"docusaurus_locale",content:t}),n&&a.createElement("meta",{name:"docusaurus_version",content:n}),r&&a.createElement("meta",{name:"docusaurus_tag",content:r}),i&&a.createElement("meta",{name:"docsearch:language",content:i}),n&&a.createElement("meta",{name:"docsearch:version",content:n}),r&&a.createElement("meta",{name:"docsearch:docusaurus_tag",content:r}))}},50941:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});var a=n(87462),o=n(67294),r=n(86010),i=n(72389),l=n(92949);const s={themedImage:"themedImage_ToTc","themedImage--light":"themedImage--light_HNdA","themedImage--dark":"themedImage--dark_i4oU"};function c(e){const t=(0,i.Z)(),{colorMode:n}=(0,l.I)(),{sources:c,className:u,alt:d,...f}=e,b=t?"dark"===n?["dark"]:["light"]:["light","dark"];return o.createElement(o.Fragment,null,b.map((e=>o.createElement("img",(0,a.Z)({key:e,src:c[e],alt:d,className:(0,r.Z)(s.themedImage,s[`themedImage--${e}`],u)},f)))))}},86043:(e,t,n)=>{"use strict";n.d(t,{u:()=>s,z:()=>m});var a=n(87462),o=n(67294),r=n(10412),i=n(91442);const l="ease-in-out";function s(e){let{initialState:t}=e;const[n,a]=(0,o.useState)(t??!1),r=(0,o.useCallback)((()=>{a((e=>!e))}),[]);return{collapsed:n,setCollapsed:a,toggleCollapsed:r}}const c={display:"none",overflow:"hidden",height:"0px"},u={display:"block",overflow:"visible",height:"auto"};function d(e,t){const n=t?c:u;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function f(e){let{collapsibleRef:t,collapsed:n,animation:a}=e;const r=(0,o.useRef)(!1);(0,o.useEffect)((()=>{const e=t.current;function o(){const t=e.scrollHeight,n=a?.duration??function(e){if((0,i.n)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${a?.easing??l}`,height:`${t}px`}}function s(){const t=o();e.style.transition=t.transition,e.style.height=t.height}if(!r.current)return d(e,n),void(r.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(s(),requestAnimationFrame((()=>{e.style.height=c.height,e.style.overflow=c.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{s()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,a])}function b(e){if(!r.Z.canUseDOM)return e?c:u}function p(e){let{as:t="div",collapsed:n,children:a,animation:r,onCollapseTransitionEnd:i,className:l,disableSSRStyle:s}=e;const c=(0,o.useRef)(null);return f({collapsibleRef:c,collapsed:n,animation:r}),o.createElement(t,{ref:c,style:s?void 0:b(n),onTransitionEnd:e=>{"height"===e.propertyName&&(d(c.current,n),i?.(n))},className:l},a)}function g(e){let{collapsed:t,...n}=e;const[r,i]=(0,o.useState)(!t),[l,s]=(0,o.useState)(t);return(0,o.useLayoutEffect)((()=>{t||i(!0)}),[t]),(0,o.useLayoutEffect)((()=>{r&&s(t)}),[r,t]),r?o.createElement(p,(0,a.Z)({},n,{collapsed:l})):null}function m(e){let{lazy:t,...n}=e;const a=t?g:p;return o.createElement(a,n)}},59689:(e,t,n)=>{"use strict";n.d(t,{nT:()=>p,pl:()=>b});var a=n(67294),o=n(72389),r=n(50012),i=n(902),l=n(86668);const s=(0,r.WA)("docusaurus.announcement.dismiss"),c=(0,r.WA)("docusaurus.announcement.id"),u=()=>"true"===s.get(),d=e=>s.set(String(e)),f=a.createContext(null);function b(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,l.L)(),t=(0,o.Z)(),[n,r]=(0,a.useState)((()=>!!t&&u()));(0,a.useEffect)((()=>{r(u())}),[]);const i=(0,a.useCallback)((()=>{d(!0),r(!0)}),[]);return(0,a.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=c.get();"annoucement-bar"===n&&(n="announcement-bar");const a=t!==n;c.set(t),a&&d(!1),!a&&u()||r(!1)}),[e]),(0,a.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return a.createElement(f.Provider,{value:n},t)}function p(){const e=(0,a.useContext)(f);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},92949:(e,t,n)=>{"use strict";n.d(t,{I:()=>m,S:()=>g});var a=n(67294),o=n(10412),r=n(902),i=n(50012),l=n(86668);const s=a.createContext(void 0),c="theme",u=(0,i.WA)(c),d={light:"light",dark:"dark"},f=e=>e===d.dark?d.dark:d.light,b=e=>o.Z.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),p=e=>{u.set(f(e))};function g(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,l.L)(),[o,r]=(0,a.useState)(b(e));(0,a.useEffect)((()=>{t&&u.del()}),[t]);const i=(0,a.useCallback)((function(t,a){void 0===a&&(a={});const{persist:o=!0}=a;t?(r(t),o&&p(t)):(r(n?window.matchMedia("(prefers-color-scheme: dark)").matches?d.dark:d.light:e),u.del())}),[n,e]);(0,a.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(o))}),[o]),(0,a.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==c)return;const t=u.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const s=(0,a.useRef)(!1);return(0,a.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),a=()=>{window.matchMedia("print").matches||s.current?s.current=window.matchMedia("print").matches:i(null)};return e.addListener(a),()=>e.removeListener(a)}),[i,t,n]),(0,a.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===d.dark},setLightTheme(){i(d.light)},setDarkTheme(){i(d.dark)}})),[o,i])}();return a.createElement(s.Provider,{value:n},t)}function m(){const e=(0,a.useContext)(s);if(null==e)throw new r.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},60373:(e,t,n)=>{"use strict";n.d(t,{J:()=>v,L5:()=>m});var a=n(67294),o=n(80143),r=n(29935),i=n(86668),l=n(52802),s=n(902),c=n(50012);const u=e=>`docs-preferred-version-${e}`,d={save:(e,t,n)=>{(0,c.WA)(u(e),{persistence:t}).set(n)},read:(e,t)=>(0,c.WA)(u(e),{persistence:t}).get(),clear:(e,t)=>{(0,c.WA)(u(e),{persistence:t}).del()}},f=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const b=a.createContext(null);function p(){const e=(0,o._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,a.useMemo)((()=>Object.keys(e)),[e]),[r,l]=(0,a.useState)((()=>f(n)));(0,a.useEffect)((()=>{l(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:a}=e;function o(e){const t=d.read(e,n);return a[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(d.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[r,(0,a.useMemo)((()=>({savePreferredVersion:function(e,n){d.save(e,t,n),l((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function g(e){let{children:t}=e;const n=p();return a.createElement(b.Provider,{value:n},t)}function m(e){let{children:t}=e;return l.cE?a.createElement(g,null,t):a.createElement(a.Fragment,null,t)}function h(){const e=(0,a.useContext)(b);if(!e)throw new s.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=r.m);const t=(0,o.zh)(e),[n,i]=h(),{preferredVersionName:l}=n[e];return{preferredVersion:t.versions.find((e=>e.name===l))??null,savePreferredVersionName:(0,a.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}},1116:(e,t,n)=>{"use strict";n.d(t,{V:()=>s,b:()=>l});var a=n(67294),o=n(902);const r=Symbol("EmptyContext"),i=a.createContext(r);function l(e){let{children:t,name:n,items:o}=e;const r=(0,a.useMemo)((()=>n&&o?{name:n,items:o}:null),[n,o]);return a.createElement(i.Provider,{value:r},t)}function s(){const e=(0,a.useContext)(i);if(e===r)throw new o.i6("DocsSidebarProvider");return e}},72961:(e,t,n)=>{"use strict";n.d(t,{M:()=>f,e:()=>b});var a=n(67294),o=n(13102),r=n(87524),i=n(16550),l=(n(61688),n(902));function s(e){!function(e){const t=(0,i.k6)(),n=(0,l.zX)(e);(0,a.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}var c=n(86668);const u=a.createContext(void 0);function d(){const e=function(){const e=(0,o.HY)(),{items:t}=(0,c.L)().navbar;return 0===t.length&&!e.component}(),t=(0,r.i)(),n=!e&&"mobile"===t,[i,l]=(0,a.useState)(!1);s((()=>{if(i)return l(!1),!1}));const u=(0,a.useCallback)((()=>{l((e=>!e))}),[]);return(0,a.useEffect)((()=>{"desktop"===t&&l(!1)}),[t]),(0,a.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:i})),[e,n,u,i])}function f(e){let{children:t}=e;const n=d();return a.createElement(u.Provider,{value:n},t)}function b(){const e=a.useContext(u);if(void 0===e)throw new l.i6("NavbarMobileSidebarProvider");return e}},13102:(e,t,n)=>{"use strict";n.d(t,{HY:()=>l,Zo:()=>s,n2:()=>i});var a=n(67294),o=n(902);const r=a.createContext(null);function i(e){let{children:t}=e;const n=(0,a.useState)({component:null,props:null});return a.createElement(r.Provider,{value:n},t)}function l(){const e=(0,a.useContext)(r);if(!e)throw new o.i6("NavbarSecondaryMenuContentProvider");return e[0]}function s(e){let{component:t,props:n}=e;const i=(0,a.useContext)(r);if(!i)throw new o.i6("NavbarSecondaryMenuContentProvider");const[,l]=i,s=(0,o.Ql)(n);return(0,a.useEffect)((()=>{l({component:t,props:s})}),[l,t,s]),(0,a.useEffect)((()=>()=>l({component:null,props:null})),[l]),null}},19727:(e,t,n)=>{"use strict";n.d(t,{h:()=>o,t:()=>r});var a=n(67294);const o="navigation-with-keyboard";function r(){(0,a.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},87524:(e,t,n)=>{"use strict";n.d(t,{i:()=>c});var a=n(67294),o=n(10412);const r={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function l(){return o.Z.canUseDOM?window.innerWidth>i?r.desktop:r.mobile:r.ssr}const s=!1;function c(){const[e,t]=(0,a.useState)((()=>s?"ssr":l()));return(0,a.useEffect)((()=>{function e(){t(l())}const n=s?window.setTimeout(e,1e3):void 0;return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),clearTimeout(n)}}),[]),e}},35281:(e,t,n)=>{"use strict";n.d(t,{k:()=>a});const a={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}}},91442:(e,t,n)=>{"use strict";function a(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{n:()=>a})},52802:(e,t,n)=>{"use strict";n.d(t,{Wl:()=>f,_F:()=>g,cE:()=>d,hI:()=>w,lO:()=>v,vY:()=>_,oz:()=>y,s1:()=>h});var a=n(67294),o=n(16550),r=n(18790),i=n(80143),l=n(60373),s=n(1116);function c(e){return Array.from(new Set(e))}var u=n(48596);const d=!!i._r;function f(e){if(e.href)return e.href;for(const t of e.items){if("link"===t.type)return t.href;if("category"===t.type){const e=f(t);if(e)return e}}}const b=(e,t)=>void 0!==e&&(0,u.Mg)(e,t),p=(e,t)=>e.some((e=>g(e,t)));function g(e,t){return"link"===e.type?b(e.href,t):"category"===e.type&&(b(e.href,t)||p(e.items,t))}function m(e){let{sidebarItems:t,pathname:n,onlyCategories:a=!1}=e;const o=[];return function e(t){for(const r of t)if("category"===r.type&&((0,u.Mg)(r.href,n)||e(r.items))||"link"===r.type&&(0,u.Mg)(r.href,n)){return a&&"category"!==r.type||o.unshift(r),!0}return!1}(t),o}function h(){const e=(0,s.V)(),{pathname:t}=(0,o.TH)(),n=(0,i.gA)()?.pluginData.breadcrumbs;return!1!==n&&e?m({sidebarItems:e.items,pathname:t}):null}function v(e){const{activeVersion:t}=(0,i.Iw)(e),{preferredVersion:n}=(0,l.J)(e),o=(0,i.yW)(e);return(0,a.useMemo)((()=>c([t,n,o].filter(Boolean))),[t,n,o])}function y(e,t){const n=v(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),a=t.find((t=>t[0]===e));if(!a)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return a[1]}),[e,n])}function _(e,t){const n=v(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),a=t.find((t=>t.id===e));if(!a){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${c(t.map((e=>e.id))).join("\n- ")}`)}return a}),[e,n])}function w(e){let{route:t,versionMetadata:n}=e;const a=(0,o.TH)(),i=t.routes,l=i.find((e=>(0,o.LX)(a.pathname,e)));if(!l)return null;const s=l.sidebar,c=s?n.docsSidebars[s]:void 0;return{docElement:(0,r.H)(i),sidebarName:s,sidebarItems:c}}},1944:(e,t,n)=>{"use strict";n.d(t,{FG:()=>f,d:()=>u,VC:()=>b});var a=n(67294),o=n(86010),r=n(35742),i=n(30226);function l(){const e=a.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var s=n(44996),c=n(52263);function u(e){let{title:t,description:n,keywords:o,image:i,children:l}=e;const u=function(e){const{siteConfig:t}=(0,c.Z)(),{title:n,titleDelimiter:a}=t;return e?.trim().length?`${e.trim()} ${a} ${n}`:n}(t),{withBaseUrl:d}=(0,s.C)(),f=i?d(i,{absolute:!0}):void 0;return a.createElement(r.Z,null,t&&a.createElement("title",null,u),t&&a.createElement("meta",{property:"og:title",content:u}),n&&a.createElement("meta",{name:"description",content:n}),n&&a.createElement("meta",{property:"og:description",content:n}),o&&a.createElement("meta",{name:"keywords",content:Array.isArray(o)?o.join(","):o}),f&&a.createElement("meta",{property:"og:image",content:f}),f&&a.createElement("meta",{name:"twitter:image",content:f}),l)}const d=a.createContext(void 0);function f(e){let{className:t,children:n}=e;const i=a.useContext(d),l=(0,o.Z)(i,t);return a.createElement(d.Provider,{value:l},a.createElement(r.Z,null,a.createElement("html",{className:l})),n)}function b(e){let{children:t}=e;const n=l(),r=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const i=`plugin-id-${n.plugin.id}`;return a.createElement(f,{className:(0,o.Z)(r,i)},t)}},902:(e,t,n)=>{"use strict";n.d(t,{D9:()=>i,Qc:()=>c,Ql:()=>s,i6:()=>l,zX:()=>r});var a=n(67294);const o=n(10412).Z.canUseDOM?a.useLayoutEffect:a.useEffect;function r(e){const t=(0,a.useRef)(e);return o((()=>{t.current=e}),[e]),(0,a.useCallback)((function(){return t.current(...arguments)}),[])}function i(e){const t=(0,a.useRef)();return o((()=>{t.current=e})),t.current}class l extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function s(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,a.useMemo)((()=>e),t.flat())}function c(e){return t=>{let{children:n}=t;return a.createElement(a.Fragment,null,e.reduceRight(((e,t)=>a.createElement(t,null,e)),n))}}},48596:(e,t,n)=>{"use strict";n.d(t,{Mg:()=>i,Ns:()=>l});var a=n(67294),o=n(723),r=n(52263);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function l(){const{baseUrl:e}=(0,r.Z)().siteConfig;return(0,a.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function a(e){return e.path===t&&!0===e.exact}function o(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(a)||e(t.filter(o).flatMap((e=>e.routes??[])))}(n)}({routes:o.Z,baseUrl:e})),[e])}},12466:(e,t,n)=>{"use strict";n.d(t,{Ct:()=>f,OC:()=>s,RF:()=>d});var a=n(67294),o=n(10412),r=n(72389),i=n(902);const l=a.createContext(void 0);function s(e){let{children:t}=e;const n=function(){const e=(0,a.useRef)(!0);return(0,a.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return a.createElement(l.Provider,{value:n},t)}function c(){const e=(0,a.useContext)(l);if(null==e)throw new i.i6("ScrollControllerProvider");return e}const u=()=>o.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function d(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=c(),o=(0,a.useRef)(u()),r=(0,i.zX)(e);(0,a.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=u();r(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[r,n,...t])}function f(){const e=(0,a.useRef)(null),t=(0,r.Z)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function a(){const o=document.documentElement.scrollTop;(n&&o>e||!n&&ot&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},43320:(e,t,n)=>{"use strict";n.d(t,{HX:()=>a,os:()=>o});n(52263);const a="default";function o(e,t){return`docs-${e}-${t}`}},50012:(e,t,n)=>{"use strict";n.d(t,{WA:()=>s});n(67294),n(61688);const a="localStorage";function o(e){let{key:t,oldValue:n,newValue:a,storage:o}=e;if(n===a)return;const r=document.createEvent("StorageEvent");r.initStorageEvent("storage",!1,!1,t,n,a,window.location.href,o),window.dispatchEvent(r)}function r(e){if(void 0===e&&(e=a),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,i||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),i=!0),null}var t}let i=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function s(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=r(t?.persistence);return null===n?l:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const a=n.getItem(e);n.setItem(e,t),o({key:e,oldValue:a,newValue:t,storage:n})}catch(a){console.error(`Docusaurus storage error, can't set ${e}=${t}`,a)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),o({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const a=a=>{a.storageArea===n&&a.key===e&&t(a)};return window.addEventListener("storage",a),()=>window.removeEventListener("storage",a)}catch(a){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,a),()=>{}}}}}},94711:(e,t,n)=>{"use strict";n.d(t,{l:()=>i});var a=n(52263),o=n(16550),r=n(18780);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:l}}=(0,a.Z)(),{pathname:s}=(0,o.TH)(),c=(0,r.applyTrailingSlash)(s,{trailingSlash:n,baseUrl:e}),u=l===i?e:e.replace(`/${l}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:a}=e;return`${a?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},85936:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var a=n(67294),o=n(16550),r=n(902);function i(e){const t=(0,o.TH)(),n=(0,r.D9)(t),i=(0,r.zX)(e);(0,a.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},86668:(e,t,n)=>{"use strict";n.d(t,{L:()=>o});var a=n(52263);function o(){return(0,a.Z)().siteConfig.themeConfig}},8802:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:a}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[o]=e.split(/[#?]/),r="/"===o||o===a?o:(i=o,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(o,r)}},54143:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},18780:function(e,t,n){"use strict";var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="__blog-post-container";var o=n(8802);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return a(o).default}});var r=n(54143);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return r.getErrorCausalChain}})},80311:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var a=n(67294),o=n(86010);const r={loadingRing:"loadingRing_RJI3","loading-ring":"loading-ring_FB5o"};function i(e){let{className:t}=e;return a.createElement("div",{className:(0,o.Z)(r.loadingRing,t)},a.createElement("div",null),a.createElement("div",null),a.createElement("div",null),a.createElement("div",null))}},90022:(e,t,n)=>{"use strict";n.d(t,{w:()=>i});var a=n(31336),o=n.n(a),r=n(61029);async function i(e){{const t=await(await fetch(`${e}search-index.json?_=${r.rx}`)).json(),n=t.map(((e,t)=>{let{documents:n,index:a}=e;return{type:t,documents:n,index:o().Index.load(a)}})),a=t.reduce(((e,t)=>{for(const n of t.index.invertedIndex)/\p{Unified_Ideograph}/u.test(n[0][0])&&e.add(n[0]);return e}),new Set);return{wrappedIndexes:n,zhDictionary:Array.from(a)}}}},98202:(e,t,n)=>{"use strict";n.d(t,{v:()=>s});var a=n(31336),o=n.n(a);var r=n(61029);function i(e){return l(e).concat(l(e.filter((e=>{const t=e[e.length-1];return!t.trailing&&t.maybeTyping})),!0))}function l(e,t){return e.map((e=>({tokens:e.map((e=>e.value)),term:e.map((e=>({value:e.value,presence:o().Query.presence.REQUIRED,wildcard:(t?e.trailing||e.maybeTyping:e.trailing)?o().Query.wildcard.TRAILING:o().Query.wildcard.NONE})))})))}function s(e,t,n){return function(a,l){const s=function(e,t){if(1===t.length&&["ja","jp","th"].includes(t[0]))return o()[t[0]].tokenizer(e).map((e=>e.toString()));let n=/[^-\s]+/g;return t.includes("zh")&&(n=/\w+|\p{Unified_Ideograph}+/gu),e.toLowerCase().match(n)||[]}(a,r.dK);if(0===s.length)return void l([]);const c=function(e,t){const n=function(e,t){const n=[];return function e(a,o){if(0===a.length)return void n.push(o);const r=a[0];if(/\p{Unified_Ideograph}/u.test(r)){const n=function(e,t){const n=[];return function e(a,o){let r=0,i=!1;for(const l of t)if(a.substr(0,l.length)===l){const t={missed:o.missed,term:o.term.concat({value:l})};a.length>l.length?e(a.substr(l.length),t):n.push(t),i=!0}else for(let t=l.length-1;t>r;t-=1){const s=l.substr(0,t);if(a.substr(0,t)===s){r=t;const l={missed:o.missed,term:o.term.concat({value:s,trailing:!0})};a.length>t?e(a.substr(t),l):n.push(l),i=!0;break}}i||(a.length>0?e(a.substr(1),{missed:o.missed+1,term:o.term}):o.term.length>0&&n.push(o))}(e,{missed:0,term:[]}),n.sort(((e,t)=>{const n=e.missed>0?1:0,a=t.missed>0?1:0;return n!==a?n-a:e.term.length-t.term.length})).map((e=>e.term))}(r,t);for(const t of n){const n=o.concat(...t);e(a.slice(1),n)}}else{const t=o.concat({value:r});e(a.slice(1),t)}}(e,[]),n}(e,t);if(0===n.length)return[{tokens:e,term:e.map((e=>({value:e,presence:o().Query.presence.REQUIRED,wildcard:o().Query.wildcard.LEADING|o().Query.wildcard.TRAILING})))}];for(const o of n)o[o.length-1].maybeTyping=!0;const a=[];for(const i of r.dK)if("en"===i)r._k||a.unshift(o().stopWordFilter);else{const e=o()[i];e.stopWordFilter&&a.unshift(e.stopWordFilter)}let l;if(a.length>0){const e=e=>a.reduce(((e,t)=>e.filter((e=>t(e.value)))),e);l=[];const t=[];for(const a of n){const n=e(a);l.push(n),n.length0&&t.push(n)}n.push(...t)}else l=n.slice();const s=[];for(const o of l)if(o.length>2)for(let e=o.length-1;e>=0;e-=1)s.push(o.slice(0,e).concat(o.slice(e+1)));return i(n).concat(i(s))}(s,t),u=[];e:for(const{term:t,tokens:o}of c)for(const{documents:a,index:r,type:i}of e)if(u.push(...r.query((e=>{for(const n of t)e.term(n.value,{wildcard:n.wildcard,presence:n.presence})})).slice(0,n).filter((e=>!u.some((t=>t.document.i.toString()===e.ref)))).slice(0,n-u.length).map((t=>{const n=a.find((e=>e.i.toString()===t.ref));return{document:n,type:i,page:0!==i&&e[0].documents.find((e=>e.i===n.p)),metadata:t.matchData.metadata,tokens:o,score:t.score}}))),u.length>=n)break e;!function(e){e.forEach(((e,t)=>{e.index=t})),e.sort(((t,n)=>{let a=t.type>0&&t.page?e.findIndex((e=>e.document===t.page)):t.index,o=n.type>0&&n.page?e.findIndex((e=>e.document===n.page)):n.index;return-1===a&&(a=t.index),-1===o&&(o=n.index),a===o?0===t.type?-1:0===n.type?1:t.index-n.index:a-o}))}(u),function(e){e.forEach(((t,n)=>{n>0&&t.page&&e.some((e=>e.document===t.page))&&(n{"use strict";function a(e){return e.join(" \u203a ")}n.d(t,{e:()=>a})},21690:(e,t,n)=>{"use strict";function a(e){return e.replace(/&/g,"&").replace(//g,">").replace(/"/g,""").replace(/'/g,"'")}n.d(t,{X:()=>a})},91073:(e,t,n)=>{"use strict";function a(e,t){const n=[];for(const a of Object.values(e))a[t]&&n.push(...a[t].position);return n.sort(((e,t)=>e[0]-t[0]||t[1]-e[1]))}n.d(t,{m:()=>a})},82539:(e,t,n)=>{"use strict";n.d(t,{C:()=>o});var a=n(21690);function o(e,t,n){const r=[];for(const i of t){const n=e.toLowerCase().indexOf(i);if(n>=0){n>0&&r.push(o(e.substr(0,n),t)),r.push(`${(0,a.X)(e.substr(n,i.length))}`);const l=n+i.length;l${(0,a.X)(e)}`:(0,a.X)(e):r.join("")}},10726:(e,t,n)=>{"use strict";n.d(t,{o:()=>s});var a=n(21690),o=n(82539);const r=/\w+|\p{Unified_Ideograph}/u;function i(e){const t=[];let n=0,a=e;for(;a.length>0;){const o=a.match(r);if(!o){t.push(a);break}o.index>0&&t.push(a.substring(0,o.index)),t.push(o[0]),n+=o.index+o[0].length,a=e.substring(n)}return t}var l=n(61029);function s(e,t,n,r){void 0===r&&(r=l.Hk);const{chunkIndex:s,chunks:c}=function(e,t,n){const r=[];let l=0,s=0,c=-1;for(;ls){const t=i(e.substring(s,u)).map((e=>({html:(0,a.X)(e),textLength:e.length})));for(const e of t)r.push(e)}-1===c&&(c=r.length),s=u+d,r.push({html:(0,o.C)(e.substring(u,s),n,!0),textLength:d})}}if(s({html:(0,a.X)(e),textLength:e.length})));for(const e of t)r.push(e)}return{chunkIndex:c,chunks:r}}(e,t,n),u=c.slice(0,s),d=c[s],f=[d.html],b=c.slice(s+1);let p=d.textLength,g=0,m=0,h=!1,v=!1;for(;p0){const e=u.pop();p+e.textLength<=r?(f.unshift(e.html),g+=e.textLength,p+=e.textLength):(h=!0,u.length=0)}else{if(!(b.length>0))break;{const e=b.shift();p+e.textLength<=r?(f.push(e.html),m+=e.textLength,p+=e.textLength):(v=!0,b.length=0)}}return(h||u.length>0)&&f.unshift("\u2026"),(v||b.length>0)&&f.push("\u2026"),f.join("")}},61029:(e,t,n)=>{"use strict";n.d(t,{vc:()=>r,gQ:()=>f,H6:()=>c,rx:()=>i,dK:()=>a,_k:()=>o,AY:()=>u,t_:()=>d,Hk:()=>s,qo:()=>l});n(31336);const a=["en"],o=!1,r=null,i=null,l=8,s=50,c=!1,u=!0,d=!0,f=void 0},86010:(e,t,n)=>{"use strict";function a(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;to});const o=function(){for(var e,t,n=0,o="";n{"use strict";n.d(t,{lX:()=>k,q_:()=>L,ob:()=>g,PP:()=>P,Ep:()=>p,Hp:()=>m});var a=n(87462);function o(e){return"/"===e.charAt(0)}function r(e,t){for(var n=t,a=n+1,o=e.length;a=0;f--){var b=i[f];"."===b?r(i,f):".."===b?(r(i,f),d++):d&&(r(i,f),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var p=i.join("/");return n&&"/"!==p.substr(-1)&&(p+="/"),p};function l(e){return e.valueOf?e.valueOf():Object.prototype.valueOf.call(e)}const s=function e(t,n){if(t===n)return!0;if(null==t||null==n)return!1;if(Array.isArray(t))return Array.isArray(n)&&t.length===n.length&&t.every((function(t,a){return e(t,n[a])}));if("object"==typeof t||"object"==typeof n){var a=l(t),o=l(n);return a!==t||o!==n?e(a,o):Object.keys(Object.assign({},t,n)).every((function(a){return e(t[a],n[a])}))}return!1};var c=n(38776);function u(e){return"/"===e.charAt(0)?e:"/"+e}function d(e){return"/"===e.charAt(0)?e.substr(1):e}function f(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function b(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,a=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),a&&"#"!==a&&(o+="#"===a.charAt(0)?a:"#"+a),o}function g(e,t,n,o){var r;"string"==typeof e?(r=function(e){var t=e||"/",n="",a="",o=t.indexOf("#");-1!==o&&(a=t.substr(o),t=t.substr(0,o));var r=t.indexOf("?");return-1!==r&&(n=t.substr(r),t=t.substr(0,r)),{pathname:t,search:"?"===n?"":n,hash:"#"===a?"":a}}(e),r.state=t):(void 0===(r=(0,a.Z)({},e)).pathname&&(r.pathname=""),r.search?"?"!==r.search.charAt(0)&&(r.search="?"+r.search):r.search="",r.hash?"#"!==r.hash.charAt(0)&&(r.hash="#"+r.hash):r.hash="",void 0!==t&&void 0===r.state&&(r.state=t));try{r.pathname=decodeURI(r.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+r.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return n&&(r.key=n),o?r.pathname?"/"!==r.pathname.charAt(0)&&(r.pathname=i(r.pathname,o.pathname)):r.pathname=o.pathname:r.pathname||(r.pathname="/"),r}function m(e,t){return e.pathname===t.pathname&&e.search===t.search&&e.hash===t.hash&&e.key===t.key&&s(e.state,t.state)}function h(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,a,o){if(null!=e){var r="function"==typeof e?e(t,n):e;"string"==typeof r?"function"==typeof a?a(r,o):o(!0):o(!1!==r)}else o(!0)},appendListener:function(e){var n=!0;function a(){n&&e.apply(void 0,arguments)}return t.push(a),function(){n=!1,t=t.filter((function(e){return e!==a}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),a=0;at?n.splice(t,n.length-t,o):n.push(o),d({action:a,location:o,index:t,entries:n})}}))},replace:function(e,t){var a="REPLACE",o=g(e,t,f(),_.location);u.confirmTransitionTo(o,a,n,(function(e){e&&(_.entries[_.index]=o,d({action:a,location:o}))}))},go:y,goBack:function(){y(-1)},goForward:function(){y(1)},canGo:function(e){var t=_.index+e;return t>=0&&t<_.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return _}},8679:(e,t,n)=>{"use strict";var a=n(59864),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},r={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return a.isMemo(e)?i:l[e.$$typeof]||o}l[a.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[a.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,f=Object.getOwnPropertyDescriptor,b=Object.getPrototypeOf,p=Object.prototype;e.exports=function e(t,n,a){if("string"!=typeof n){if(p){var o=b(n);o&&o!==p&&e(t,o,a)}var i=u(n);d&&(i=i.concat(d(n)));for(var l=s(t),g=s(n),m=0;m{"use strict";e.exports=function(e,t,n,a,o,r,i,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,a,o,r,i,l],u=0;(s=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}},5826:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},31336:(e,t,n)=>{var a,o;!function(){var r,i,l,s,c,u,d,f,b,p,g,m,h,v,y,_,w,x,k,E,S,z,C,T,L,j,P,O,N,A,M=function(e){var t=new M.Builder;return t.pipeline.add(M.trimmer,M.stopWordFilter,M.stemmer),t.searchPipeline.add(M.stemmer),e.call(t,t),t.build()};M.version="2.3.9",M.utils={},M.utils.warn=(r=this,function(e){r.console&&console.warn&&console.warn(e)}),M.utils.asString=function(e){return null==e?"":e.toString()},M.utils.clone=function(e){if(null==e)return e;for(var t=Object.create(null),n=Object.keys(e),a=0;a0){var s=M.utils.clone(t)||{};s.position=[i,l],s.index=o.length,o.push(new M.Token(n.slice(i,r),s))}i=r+1}}return o},M.tokenizer.separator=/[\s\-]+/,M.Pipeline=function(){this._stack=[]},M.Pipeline.registeredFunctions=Object.create(null),M.Pipeline.registerFunction=function(e,t){t in this.registeredFunctions&&M.utils.warn("Overwriting existing registered function: "+t),e.label=t,M.Pipeline.registeredFunctions[e.label]=e},M.Pipeline.warnIfFunctionNotRegistered=function(e){e.label&&e.label in this.registeredFunctions||M.utils.warn("Function is not registered with pipeline. This may cause problems when serialising the index.\n",e)},M.Pipeline.load=function(e){var t=new M.Pipeline;return e.forEach((function(e){var n=M.Pipeline.registeredFunctions[e];if(!n)throw new Error("Cannot load unregistered function: "+e);t.add(n)})),t},M.Pipeline.prototype.add=function(){Array.prototype.slice.call(arguments).forEach((function(e){M.Pipeline.warnIfFunctionNotRegistered(e),this._stack.push(e)}),this)},M.Pipeline.prototype.after=function(e,t){M.Pipeline.warnIfFunctionNotRegistered(t);var n=this._stack.indexOf(e);if(-1==n)throw new Error("Cannot find existingFn");n+=1,this._stack.splice(n,0,t)},M.Pipeline.prototype.before=function(e,t){M.Pipeline.warnIfFunctionNotRegistered(t);var n=this._stack.indexOf(e);if(-1==n)throw new Error("Cannot find existingFn");this._stack.splice(n,0,t)},M.Pipeline.prototype.remove=function(e){var t=this._stack.indexOf(e);-1!=t&&this._stack.splice(t,1)},M.Pipeline.prototype.run=function(e){for(var t=this._stack.length,n=0;n1&&(re&&(n=o),r!=e);)a=n-t,o=t+Math.floor(a/2),r=this.elements[2*o];return r==e||r>e?2*o:rl?c+=2:i==l&&(t+=n[s+1]*a[c+1],s+=2,c+=2);return t},M.Vector.prototype.similarity=function(e){return this.dot(e)/this.magnitude()||0},M.Vector.prototype.toArray=function(){for(var e=new Array(this.elements.length/2),t=1,n=0;t0){var r,i=o.str.charAt(0);i in o.node.edges?r=o.node.edges[i]:(r=new M.TokenSet,o.node.edges[i]=r),1==o.str.length&&(r.final=!0),a.push({node:r,editsRemaining:o.editsRemaining,str:o.str.slice(1)})}if(0!=o.editsRemaining){if("*"in o.node.edges)var l=o.node.edges["*"];else{l=new M.TokenSet;o.node.edges["*"]=l}if(0==o.str.length&&(l.final=!0),a.push({node:l,editsRemaining:o.editsRemaining-1,str:o.str}),o.str.length>1&&a.push({node:o.node,editsRemaining:o.editsRemaining-1,str:o.str.slice(1)}),1==o.str.length&&(o.node.final=!0),o.str.length>=1){if("*"in o.node.edges)var s=o.node.edges["*"];else{s=new M.TokenSet;o.node.edges["*"]=s}1==o.str.length&&(s.final=!0),a.push({node:s,editsRemaining:o.editsRemaining-1,str:o.str.slice(1)})}if(o.str.length>1){var c,u=o.str.charAt(0),d=o.str.charAt(1);d in o.node.edges?c=o.node.edges[d]:(c=new M.TokenSet,o.node.edges[d]=c),1==o.str.length&&(c.final=!0),a.push({node:c,editsRemaining:o.editsRemaining-1,str:u+o.str.slice(2)})}}}return n},M.TokenSet.fromString=function(e){for(var t=new M.TokenSet,n=t,a=0,o=e.length;a=e;t--){var n=this.uncheckedNodes[t],a=n.child.toString();a in this.minimizedNodes?n.parent.edges[n.char]=this.minimizedNodes[a]:(n.child._str=a,this.minimizedNodes[a]=n.child),this.uncheckedNodes.pop()}},M.Index=function(e){this.invertedIndex=e.invertedIndex,this.fieldVectors=e.fieldVectors,this.tokenSet=e.tokenSet,this.fields=e.fields,this.pipeline=e.pipeline},M.Index.prototype.search=function(e){return this.query((function(t){new M.QueryParser(e,t).parse()}))},M.Index.prototype.query=function(e){for(var t=new M.Query(this.fields),n=Object.create(null),a=Object.create(null),o=Object.create(null),r=Object.create(null),i=Object.create(null),l=0;l1?1:e},M.Builder.prototype.k1=function(e){this._k1=e},M.Builder.prototype.add=function(e,t){var n=e[this._ref],a=Object.keys(this._fields);this._documents[n]=t||{},this.documentCount+=1;for(var o=0;o=this.length)return M.QueryLexer.EOS;var e=this.str.charAt(this.pos);return this.pos+=1,e},M.QueryLexer.prototype.width=function(){return this.pos-this.start},M.QueryLexer.prototype.ignore=function(){this.start==this.pos&&(this.pos+=1),this.start=this.pos},M.QueryLexer.prototype.backup=function(){this.pos-=1},M.QueryLexer.prototype.acceptDigitRun=function(){var e,t;do{t=(e=this.next()).charCodeAt(0)}while(t>47&&t<58);e!=M.QueryLexer.EOS&&this.backup()},M.QueryLexer.prototype.more=function(){return this.pos1&&(e.backup(),e.emit(M.QueryLexer.TERM)),e.ignore(),e.more())return M.QueryLexer.lexText},M.QueryLexer.lexEditDistance=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(M.QueryLexer.EDIT_DISTANCE),M.QueryLexer.lexText},M.QueryLexer.lexBoost=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(M.QueryLexer.BOOST),M.QueryLexer.lexText},M.QueryLexer.lexEOS=function(e){e.width()>0&&e.emit(M.QueryLexer.TERM)},M.QueryLexer.termSeparator=M.tokenizer.separator,M.QueryLexer.lexText=function(e){for(;;){var t=e.next();if(t==M.QueryLexer.EOS)return M.QueryLexer.lexEOS;if(92!=t.charCodeAt(0)){if(":"==t)return M.QueryLexer.lexField;if("~"==t)return e.backup(),e.width()>0&&e.emit(M.QueryLexer.TERM),M.QueryLexer.lexEditDistance;if("^"==t)return e.backup(),e.width()>0&&e.emit(M.QueryLexer.TERM),M.QueryLexer.lexBoost;if("+"==t&&1===e.width())return e.emit(M.QueryLexer.PRESENCE),M.QueryLexer.lexText;if("-"==t&&1===e.width())return e.emit(M.QueryLexer.PRESENCE),M.QueryLexer.lexText;if(t.match(M.QueryLexer.termSeparator))return M.QueryLexer.lexTerm}else e.escapeCharacter()}},M.QueryParser=function(e,t){this.lexer=new M.QueryLexer(e),this.query=t,this.currentClause={},this.lexemeIdx=0},M.QueryParser.prototype.parse=function(){this.lexer.run(),this.lexemes=this.lexer.lexemes;for(var e=M.QueryParser.parseClause;e;)e=e(this);return this.query},M.QueryParser.prototype.peekLexeme=function(){return this.lexemes[this.lexemeIdx]},M.QueryParser.prototype.consumeLexeme=function(){var e=this.peekLexeme();return this.lexemeIdx+=1,e},M.QueryParser.prototype.nextClause=function(){var e=this.currentClause;this.query.clause(e),this.currentClause={}},M.QueryParser.parseClause=function(e){var t=e.peekLexeme();if(null!=t)switch(t.type){case M.QueryLexer.PRESENCE:return M.QueryParser.parsePresence;case M.QueryLexer.FIELD:return M.QueryParser.parseField;case M.QueryLexer.TERM:return M.QueryParser.parseTerm;default:var n="expected either a field or a term, found "+t.type;throw t.str.length>=1&&(n+=" with value '"+t.str+"'"),new M.QueryParseError(n,t.start,t.end)}},M.QueryParser.parsePresence=function(e){var t=e.consumeLexeme();if(null!=t){switch(t.str){case"-":e.currentClause.presence=M.Query.presence.PROHIBITED;break;case"+":e.currentClause.presence=M.Query.presence.REQUIRED;break;default:var n="unrecognised presence operator'"+t.str+"'";throw new M.QueryParseError(n,t.start,t.end)}var a=e.peekLexeme();if(null==a){n="expecting term or field, found nothing";throw new M.QueryParseError(n,t.start,t.end)}switch(a.type){case M.QueryLexer.FIELD:return M.QueryParser.parseField;case M.QueryLexer.TERM:return M.QueryParser.parseTerm;default:n="expecting term or field, found '"+a.type+"'";throw new M.QueryParseError(n,a.start,a.end)}}},M.QueryParser.parseField=function(e){var t=e.consumeLexeme();if(null!=t){if(-1==e.query.allFields.indexOf(t.str)){var n=e.query.allFields.map((function(e){return"'"+e+"'"})).join(", "),a="unrecognised field '"+t.str+"', possible fields: "+n;throw new M.QueryParseError(a,t.start,t.end)}e.currentClause.fields=[t.str];var o=e.peekLexeme();if(null==o){a="expecting term, found nothing";throw new M.QueryParseError(a,t.start,t.end)}if(o.type===M.QueryLexer.TERM)return M.QueryParser.parseTerm;a="expecting term, found '"+o.type+"'";throw new M.QueryParseError(a,o.start,o.end)}},M.QueryParser.parseTerm=function(e){var t=e.consumeLexeme();if(null!=t){e.currentClause.term=t.str.toLowerCase(),-1!=t.str.indexOf("*")&&(e.currentClause.usePipeline=!1);var n=e.peekLexeme();if(null!=n)switch(n.type){case M.QueryLexer.TERM:return e.nextClause(),M.QueryParser.parseTerm;case M.QueryLexer.FIELD:return e.nextClause(),M.QueryParser.parseField;case M.QueryLexer.EDIT_DISTANCE:return M.QueryParser.parseEditDistance;case M.QueryLexer.BOOST:return M.QueryParser.parseBoost;case M.QueryLexer.PRESENCE:return e.nextClause(),M.QueryParser.parsePresence;default:var a="Unexpected lexeme type '"+n.type+"'";throw new M.QueryParseError(a,n.start,n.end)}else e.nextClause()}},M.QueryParser.parseEditDistance=function(e){var t=e.consumeLexeme();if(null!=t){var n=parseInt(t.str,10);if(isNaN(n)){var a="edit distance must be numeric";throw new M.QueryParseError(a,t.start,t.end)}e.currentClause.editDistance=n;var o=e.peekLexeme();if(null!=o)switch(o.type){case M.QueryLexer.TERM:return e.nextClause(),M.QueryParser.parseTerm;case M.QueryLexer.FIELD:return e.nextClause(),M.QueryParser.parseField;case M.QueryLexer.EDIT_DISTANCE:return M.QueryParser.parseEditDistance;case M.QueryLexer.BOOST:return M.QueryParser.parseBoost;case M.QueryLexer.PRESENCE:return e.nextClause(),M.QueryParser.parsePresence;default:a="Unexpected lexeme type '"+o.type+"'";throw new M.QueryParseError(a,o.start,o.end)}else e.nextClause()}},M.QueryParser.parseBoost=function(e){var t=e.consumeLexeme();if(null!=t){var n=parseInt(t.str,10);if(isNaN(n)){var a="boost must be numeric";throw new M.QueryParseError(a,t.start,t.end)}e.currentClause.boost=n;var o=e.peekLexeme();if(null!=o)switch(o.type){case M.QueryLexer.TERM:return e.nextClause(),M.QueryParser.parseTerm;case M.QueryLexer.FIELD:return e.nextClause(),M.QueryParser.parseField;case M.QueryLexer.EDIT_DISTANCE:return M.QueryParser.parseEditDistance;case M.QueryLexer.BOOST:return M.QueryParser.parseBoost;case M.QueryLexer.PRESENCE:return e.nextClause(),M.QueryParser.parsePresence;default:a="Unexpected lexeme type '"+o.type+"'";throw new M.QueryParseError(a,o.start,o.end)}else e.nextClause()}},void 0===(o="function"==typeof(a=function(){return M})?a.call(t,n,t,e):a)||(e.exports=o)}()},32497:(e,t,n)=>{"use strict";n.r(t)},52295:(e,t,n)=>{"use strict";n.r(t)},74865:function(e,t,n){var a,o;a=function(){var e,t,n={version:"0.2.0"},a=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'
'};function o(e,t,n){return en?n:e}function r(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===a.positionUsing?{transform:"translate3d("+r(e)+"%,0,0)"}:"translate"===a.positionUsing?{transform:"translate("+r(e)+"%,0)"}:{"margin-left":r(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(a[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,a.minimum,1),n.status=1===e?null:e;var r=n.render(!t),c=r.querySelector(a.barSelector),u=a.speed,d=a.easing;return r.offsetWidth,l((function(t){""===a.positionUsing&&(a.positionUsing=n.getPositioningCSS()),s(c,i(e,u,d)),1===e?(s(r,{transition:"none",opacity:1}),r.offsetWidth,setTimeout((function(){s(r,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),a.trickleSpeed)};return a.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*a.trickleRate)},e=0,t=0,n.promise=function(a){return a&&"resolved"!==a.state()?(0===t&&n.start(),e++,t++,a.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=a.template;var o,i=t.querySelector(a.barSelector),l=e?"-100":r(n.status||0),c=document.querySelector(a.parent);return s(i,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),a.showSpinner||(o=t.querySelector(a.spinnerSelector))&&b(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(a.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&b(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var l=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),s=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function a(t){var n=document.body.style;if(t in n)return t;for(var a,o=e.length,r=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((a=e[o]+r)in n)return a;return t}function o(e){return e=n(e),t[e]||(t[e]=a(e))}function r(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,a,o=arguments;if(2==o.length)for(n in t)void 0!==(a=t[n])&&t.hasOwnProperty(n)&&r(e,n,a);else r(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:f(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=f(e),a=n+t;c(n,t)||(e.className=a.substring(1))}function d(e,t){var n,a=f(e);c(e,t)&&(n=a.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function f(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function b(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof a?a.call(t,n,t,e):a)||(e.exports=o)},27418:e=>{"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach((function(e){a[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},a)).join("")}catch(o){return!1}}()?Object.assign:function(e,o){for(var r,i,l=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),s=1;s{var a=n(5826);e.exports=b,e.exports.parse=r,e.exports.compile=function(e,t){return l(r(e,t),t)},e.exports.tokensToFunction=l,e.exports.tokensToRegExp=f;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function r(e,t){for(var n,a=[],r=0,i=0,l="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],f=n[1],b=n.index;if(l+=e.slice(i,b),i=b+d.length,f)l+=f[1];else{var p=e[i],g=n[2],m=n[3],h=n[4],v=n[5],y=n[6],_=n[7];l&&(a.push(l),l="");var w=null!=g&&null!=p&&p!==g,x="+"===y||"*"===y,k="?"===y||"*"===y,E=n[2]||u,S=h||v;a.push({name:m||r++,prefix:g||"",delimiter:E,optional:k,repeat:x,partial:w,asterisk:!!_,pattern:S?c(S):_?".*":"[^"+s(E)+"]+?"})}}return i{"use strict";n.d(t,{Z:()=>r});var a=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},a={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&").replace(/=d.reach);k+=x.value.length,x=x.next){var E=x.value;if(t.length>e.length)return;if(!(E instanceof o)){var S,z=1;if(v){if(!(S=r(w,k,e,h))||S.index>=e.length)break;var C=S.index,T=S.index+S[0].length,L=k;for(L+=x.value.length;C>=L;)L+=(x=x.next).value.length;if(k=L-=x.value.length,x.value instanceof o)continue;for(var j=x;j!==t.tail&&(Ld.reach&&(d.reach=A);var M=x.prev;if(O&&(M=s(t,M,O),k+=O.length),c(t,M,z),x=s(t,M,new o(f,m?a.tokenize(P,m):P,y,P)),N&&s(t,x,N),z>1){var I={cause:f+","+p,reach:A};i(e,t,n,x.prev,k,I),d&&I.reach>d.reach&&(d.reach=I.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function s(e,t,n){var a=t.next,o={value:n,prev:t,next:a};return t.next=o,a.prev=o,e.length++,o}function c(e,t,n){for(var a=t.next,o=0;o"+r.content+""},a}(),o=a;a.default=a,o.languages.markup={comment:{pattern://,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern://i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},o.languages.markup.tag.inside["attr-value"].inside.entity=o.languages.markup.entity,o.languages.markup.doctype.inside["internal-subset"].inside=o.languages.markup,o.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&/,"&"))})),Object.defineProperty(o.languages.markup.tag,"addInlined",{value:function(e,t){var n={};n["language-"+t]={pattern:/(^$)/i,lookbehind:!0,inside:o.languages[t]},n.cdata=/^$/i;var a={"included-cdata":{pattern://i,inside:n}};a["language-"+t]={pattern:/[\s\S]+/,inside:o.languages[t]};var r={};r[e]={pattern:RegExp(/(<__[^>]*>)(?:))*\]\]>|(?!)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:a},o.languages.insertBefore("markup","cdata",r)}}),Object.defineProperty(o.languages.markup.tag,"addAttribute",{value:function(e,t){o.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:o.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),o.languages.html=o.languages.markup,o.languages.mathml=o.languages.markup,o.languages.svg=o.languages.markup,o.languages.xml=o.languages.extend("markup",{}),o.languages.ssml=o.languages.xml,o.languages.atom=o.languages.xml,o.languages.rss=o.languages.xml,function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},a={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:a},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:a},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:a.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:a.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var o=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],r=a.variable[1].inside,i=0;i]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},o.languages.c=o.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),o.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),o.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},o.languages.c.string],char:o.languages.c.char,comment:o.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:o.languages.c}}}}),o.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete o.languages.c.boolean,function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!)\w+(?:\s*\.\s*\w+)*\b/.source.replace(//g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!)\w+/.source.replace(//g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/(?:\s*:\s*)?|:\s*/.source.replace(//g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(o),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var n=e.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(o),function(e){var t,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var a={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},o={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:a,number:o,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:a,number:o})}(o),o.languages.javascript=o.languages.extend("clike",{"class-name":[o.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),o.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,o.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:o.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:o.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:o.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:o.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:o.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),o.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:o.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),o.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),o.languages.markup&&(o.languages.markup.tag.addInlined("script","javascript"),o.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),o.languages.js=o.languages.javascript,function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(o),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,a="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-])(?:[ \t]*(?:(?![#:])|:))*/.source.replace(//g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),r=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<>/g,(function(){return a})).replace(/<>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<>/g,(function(){return a}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)<>(?=\s*:\s)/.source.replace(/<>/g,(function(){return a})).replace(/<>/g,(function(){return"(?:"+o+"|"+r+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(r),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(o),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(//g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var a=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return a})),r=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+r+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+r+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(a),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+r+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(a),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)|_(?:(?!_))+_)+__\b|\*\*(?:(?!\*)|\*(?:(?!\*))+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)|__(?:(?!_))+__)+_\b|\*(?:(?!\*)|\*\*(?:(?!\*))+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~))+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\]))+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\]))+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,a=t.length;n",quot:'"'},s=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(o),o.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:o.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},o.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n0)){var l=f(/^\{$/,/^\}$/);if(-1===l)continue;for(var s=n;s=0&&b(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,a=t.inside.interpolation,o=a.inside["interpolation-punctuation"],r=a.pattern.source;function i(t,a){if(e.languages[t])return{pattern:RegExp("((?:"+a+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function l(e,t){return"___"+t.toUpperCase()+"_"+e+"___"}function s(t,n,a){var o={code:t,grammar:n,language:a};return e.hooks.run("before-tokenize",o),o.tokens=e.tokenize(o.code,o.grammar),e.hooks.run("after-tokenize",o),o.tokens}function c(t){var n={};n["interpolation-punctuation"]=o;var r=e.tokenize(t,n);if(3===r.length){var i=[1,1];i.push.apply(i,s(r[1],e.languages.javascript,"javascript")),r.splice.apply(r,i)}return new e.Token("interpolation",r,a.alias,t)}function u(t,n,a){var o=e.tokenize(t,{interpolation:{pattern:RegExp(r),lookbehind:!0}}),i=0,u={},d=s(o.map((function(e){if("string"==typeof e)return e;for(var n,o=e.content;-1!==t.indexOf(n=l(i++,a)););return u[n]=o,n})).join(""),n,a),f=Object.keys(u);return i=0,function e(t){for(var n=0;n=f.length)return;var a=t[n];if("string"==typeof a||"string"==typeof a.content){var o=f[i],r="string"==typeof a?a:a.content,l=r.indexOf(o);if(-1!==l){++i;var s=r.substring(0,l),d=c(u[o]),b=r.substring(l+o.length),p=[];if(s&&p.push(s),p.push(d),b){var g=[b];e(g),p.push.apply(p,g)}"string"==typeof a?(t.splice.apply(t,[n,1].concat(p)),n+=p.length-1):a.content=p}}else{var m=a.content;Array.isArray(m)?e(m):e([m])}}}(d),new e.Token(a,d,"language-"+a,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var d={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function f(e){return"string"==typeof e?e:Array.isArray(e)?e.map(f).join(""):f(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in d&&function t(n){for(var a=0,o=n.length;a]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(o),function(e){function t(e,t){return RegExp(e.replace(//g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:(?:\s*,\s*(?:\*\s*as\s+|\{[^{}]*\}))?|\*\s*as\s+|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],a=0;a*\.{3}(?:[^{}]|)*\})/.source;function r(e,t){return e=e.replace(//g,(function(){return n})).replace(//g,(function(){return a})).replace(//g,(function(){return o})),RegExp(e,t)}o=r(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=r(/<\/?(?:[\w.:-]+(?:+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|))?|))**\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:r(//.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:r(/=/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var i=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(i).join(""):""},l=function(t){for(var n=[],a=0;a0&&n[n.length-1].tagName===i(o.content[0].content[1])&&n.pop():"/>"===o.content[o.content.length-1].content||n.push({tagName:i(o.content[0].content[1]),openedBraces:0}):n.length>0&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:n.length>0&&n[n.length-1].openedBraces>0&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:r=!0),(r||"string"==typeof o)&&n.length>0&&0===n[n.length-1].openedBraces){var s=i(o);a0&&("string"==typeof t[a-1]||"plain-text"===t[a-1].type)&&(s=i(t[a-1])+s,t.splice(a-1,1),a--),t[a]=new e.Token("plain-text",s,null,s)}o.content&&"string"!=typeof o.content&&l(o.content)}};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||l(e.tokens)}))}(o),function(e){e.languages.diff={coord:[/^(?:\*{3}|-{3}|\+{3}).*$/m,/^@@.*@@$/m,/^\d.*$/m]};var t={"deleted-sign":"-","deleted-arrow":"<","inserted-sign":"+","inserted-arrow":">",unchanged:" ",diff:"!"};Object.keys(t).forEach((function(n){var a=t[n],o=[];/^\w+$/.test(n)||o.push(/\w+/.exec(n)[0]),"diff"===n&&o.push("bold"),e.languages.diff[n]={pattern:RegExp("^(?:["+a+"].*(?:\r\n?|\n|(?![\\s\\S])))+","m"),alias:o,inside:{line:{pattern:/(.)(?=[\s\S]).*(?:\r\n?|\n)?/,lookbehind:!0},prefix:{pattern:/[\s\S]/,alias:/\w+/.exec(n)[0]}}}})),Object.defineProperty(e.languages.diff,"PREFIXES",{value:t})}(o),o.languages.git={comment:/^#.*/m,deleted:/^[-\u2013].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/}},coord:/^@@.*@@$/m,"commit-sha1":/^commit \w{40}$/m},o.languages.go=o.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),o.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete o.languages.go["class-name"],function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,a,o,r){if(n.language===a){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof r&&!r(e))return e;for(var o,l=i.length;-1!==n.code.indexOf(o=t(a,l));)++l;return i[l]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,a){if(n.language===a&&n.tokenStack){n.grammar=e.languages[a];var o=0,r=Object.keys(n.tokenStack);!function i(l){for(var s=0;s=r.length);s++){var c=l[s];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=r[o],d=n.tokenStack[u],f="string"==typeof c?c:c.content,b=t(a,u),p=f.indexOf(b);if(p>-1){++o;var g=f.substring(0,p),m=new e.Token(a,e.tokenize(d,n.grammar),"language-"+a,d),h=f.substring(p+b.length),v=[];g&&v.push.apply(v,i([g])),v.push(m),h&&v.push.apply(v,i([h])),"string"==typeof c?l.splice.apply(l,[s,1].concat(v)):c.content=v}}else c.content&&i(c.content)}return l}(n.tokens)}}}})}(o),function(e){e.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},e.hooks.add("before-tokenize",(function(t){e.languages["markup-templating"].buildPlaceholders(t,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),e.hooks.add("after-tokenize",(function(t){e.languages["markup-templating"].tokenizePlaceholders(t,"handlebars")})),e.languages.hbs=e.languages.handlebars}(o),o.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},o.languages.webmanifest=o.languages.json,o.languages.less=o.languages.extend("css",{comment:[/\/\*[\s\S]*?\*\//,{pattern:/(^|[^\\])\/\/.*/,lookbehind:!0}],atrule:{pattern:/@[\w-](?:\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{punctuation:/[:()]/}},selector:{pattern:/(?:@\{[\w-]+\}|[^{};\s@])(?:@\{[\w-]+\}|\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};@\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{variable:/@+[\w-]+/}},property:/(?:@\{[\w-]+\}|[\w-])+(?:\+_?)?(?=\s*:)/,operator:/[+\-*\/]/}),o.languages.insertBefore("less","property",{variable:[{pattern:/@[\w-]+\s*:/,inside:{punctuation:/:/}},/@@?[\w-]+/],"mixin-usage":{pattern:/([{;]\s*)[.#](?!\d)[\w-].*?(?=[(;])/,lookbehind:!0,alias:"function"}}),o.languages.makefile={comment:{pattern:/(^|[^\\])#(?:\\(?:\r\n|[\s\S])|[^\\\r\n])*/,lookbehind:!0},string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"builtin-target":{pattern:/\.[A-Z][^:#=\s]+(?=\s*:(?!=))/,alias:"builtin"},target:{pattern:/^(?:[^:=\s]|[ \t]+(?![\s:]))+(?=\s*:(?!=))/m,alias:"symbol",inside:{variable:/\$+(?:(?!\$)[^(){}:#=\s]+|(?=[({]))/}},variable:/\$+(?:(?!\$)[^(){}:#=\s]+|\([@*%<^+?][DF]\)|(?=[({]))/,keyword:/-include\b|\b(?:define|else|endef|endif|export|ifn?def|ifn?eq|include|override|private|sinclude|undefine|unexport|vpath)\b/,function:{pattern:/(\()(?:abspath|addsuffix|and|basename|call|dir|error|eval|file|filter(?:-out)?|findstring|firstword|flavor|foreach|guile|if|info|join|lastword|load|notdir|or|origin|patsubst|realpath|shell|sort|strip|subst|suffix|value|warning|wildcard|word(?:list|s)?)(?=[ \t])/,lookbehind:!0},operator:/(?:::|[?:+!])?=|[|@]/,punctuation:/[:;(){}]/},o.languages.objectivec=o.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete o.languages.objectivec["class-name"],o.languages.objc=o.languages.objectivec,o.languages.ocaml={comment:{pattern:/\(\*[\s\S]*?\*\)/,greedy:!0},char:{pattern:/'(?:[^\\\r\n']|\\(?:.|[ox]?[0-9a-f]{1,3}))'/i,greedy:!0},string:[{pattern:/"(?:\\(?:[\s\S]|\r\n)|[^\\\r\n"])*"/,greedy:!0},{pattern:/\{([a-z_]*)\|[\s\S]*?\|\1\}/,greedy:!0}],number:[/\b(?:0b[01][01_]*|0o[0-7][0-7_]*)\b/i,/\b0x[a-f0-9][a-f0-9_]*(?:\.[a-f0-9_]*)?(?:p[+-]?\d[\d_]*)?(?!\w)/i,/\b\d[\d_]*(?:\.[\d_]*)?(?:e[+-]?\d[\d_]*)?(?!\w)/i],directive:{pattern:/\B#\w+/,alias:"property"},label:{pattern:/\B~\w+/,alias:"property"},"type-variable":{pattern:/\B'\w+/,alias:"function"},variant:{pattern:/`\w+/,alias:"symbol"},keyword:/\b(?:as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|match|method|module|mutable|new|nonrec|object|of|open|private|rec|sig|struct|then|to|try|type|val|value|virtual|when|where|while|with)\b/,boolean:/\b(?:false|true)\b/,"operator-like-punctuation":{pattern:/\[[<>|]|[>|]\]|\{<|>\}/,alias:"punctuation"},operator:/\.[.~]|:[=>]|[=<>@^|&+\-*\/$%!?~][!$%&*+\-.\/:<=>?@^|~]*|\b(?:and|asr|land|lor|lsl|lsr|lxor|mod|or)\b/,punctuation:/;;|::|[(){}\[\].,:;#]|\b_\b/},o.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},o.languages.python["string-interpolation"].inside.interpolation.inside.rest=o.languages.python,o.languages.py=o.languages.python,o.languages.reason=o.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),o.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete o.languages.reason.function,function(e){e.languages.sass=e.languages.extend("css",{comment:{pattern:/^([ \t]*)\/[\/*].*(?:(?:\r?\n|\r)\1[ \t].+)*/m,lookbehind:!0,greedy:!0}}),e.languages.insertBefore("sass","atrule",{"atrule-line":{pattern:/^(?:[ \t]*)[@+=].+/m,greedy:!0,inside:{atrule:/(?:@[\w-]+|[+=])/}}}),delete e.languages.sass.atrule;var t=/\$[-\w]+|#\{\$[-\w]+\}/,n=[/[+*\/%]|[=!]=|<=?|>=?|\b(?:and|not|or)\b/,{pattern:/(\s)-(?=\s)/,lookbehind:!0}];e.languages.insertBefore("sass","property",{"variable-line":{pattern:/^[ \t]*\$.+/m,greedy:!0,inside:{punctuation:/:/,variable:t,operator:n}},"property-line":{pattern:/^[ \t]*(?:[^:\s]+ *:.*|:[^:\s].*)/m,greedy:!0,inside:{property:[/[^:\s]+(?=\s*:)/,{pattern:/(:)[^:\s]+/,lookbehind:!0}],punctuation:/:/,variable:t,operator:n,important:e.languages.sass.important}}}),delete e.languages.sass.property,delete e.languages.sass.important,e.languages.insertBefore("sass","punctuation",{selector:{pattern:/^([ \t]*)\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*(?:,(?:\r?\n|\r)\1[ \t]+\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*)*/m,lookbehind:!0,greedy:!0}})}(o),o.languages.scss=o.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),o.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),o.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),o.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),o.languages.scss.atrule.inside.rest=o.languages.scss,function(e){var t={pattern:/(\b\d+)(?:%|[a-z]+)/,lookbehind:!0},n={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0},a={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},url:{pattern:/\burl\((["']?).*?\1\)/i,greedy:!0},string:{pattern:/("|')(?:(?!\1)[^\\\r\n]|\\(?:\r\n|[\s\S]))*\1/,greedy:!0},interpolation:null,func:null,important:/\B!(?:important|optional)\b/i,keyword:{pattern:/(^|\s+)(?:(?:else|for|if|return|unless)(?=\s|$)|@[\w-]+)/,lookbehind:!0},hexcode:/#[\da-f]{3,6}/i,color:[/\b(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)\b/i,{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,boolean:/\b(?:false|true)\b/,operator:[/~|[+!\/%<>?=]=?|[-:]=|\*[*=]?|\.{2,3}|&&|\|\||\B-\B|\b(?:and|in|is(?: a| defined| not|nt)?|not|or)\b/],number:n,punctuation:/[{}()\[\];:,]/};a.interpolation={pattern:/\{[^\r\n}:]+\}/,alias:"variable",inside:{delimiter:{pattern:/^\{|\}$/,alias:"punctuation"},rest:a}},a.func={pattern:/[\w-]+\([^)]*\).*/,inside:{function:/^[^(]+/,rest:a}},e.languages.stylus={"atrule-declaration":{pattern:/(^[ \t]*)@.+/m,lookbehind:!0,inside:{atrule:/^@[\w-]+/,rest:a}},"variable-declaration":{pattern:/(^[ \t]*)[\w$-]+\s*.?=[ \t]*(?:\{[^{}]*\}|\S.*|$)/m,lookbehind:!0,inside:{variable:/^\S+/,rest:a}},statement:{pattern:/(^[ \t]*)(?:else|for|if|return|unless)[ \t].+/m,lookbehind:!0,inside:{keyword:/^\S+/,rest:a}},"property-declaration":{pattern:/((?:^|\{)([ \t]*))(?:[\w-]|\{[^}\r\n]+\})+(?:\s*:\s*|[ \t]+)(?!\s)[^{\r\n]*(?:;|[^{\r\n,]$(?!(?:\r?\n|\r)(?:\{|\2[ \t])))/m,lookbehind:!0,inside:{property:{pattern:/^[^\s:]+/,inside:{interpolation:a.interpolation}},rest:a}},selector:{pattern:/(^[ \t]*)(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)(?:(?:\r?\n|\r)(?:\1(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)))*(?:,$|\{|(?=(?:\r?\n|\r)(?:\{|\1[ \t])))/m,lookbehind:!0,inside:{interpolation:a.interpolation,comment:a.comment,punctuation:/[{},]/}},func:a.func,string:a.string,comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0,greedy:!0},interpolation:a.interpolation,punctuation:/[{}()\[\];:.]/}}(o),function(e){var t=e.util.clone(e.languages.typescript);e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"];var n=e.languages.tsx.tag;n.pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+n.pattern.source+")",n.pattern.flags),n.lookbehind=!0}(o),o.languages.wasm={comment:[/\(;[\s\S]*?;\)/,{pattern:/;;.*/,greedy:!0}],string:{pattern:/"(?:\\[\s\S]|[^"\\])*"/,greedy:!0},keyword:[{pattern:/\b(?:align|offset)=/,inside:{operator:/=/}},{pattern:/\b(?:(?:f32|f64|i32|i64)(?:\.(?:abs|add|and|ceil|clz|const|convert_[su]\/i(?:32|64)|copysign|ctz|demote\/f64|div(?:_[su])?|eqz?|extend_[su]\/i32|floor|ge(?:_[su])?|gt(?:_[su])?|le(?:_[su])?|load(?:(?:8|16|32)_[su])?|lt(?:_[su])?|max|min|mul|neg?|nearest|or|popcnt|promote\/f32|reinterpret\/[fi](?:32|64)|rem_[su]|rot[lr]|shl|shr_[su]|sqrt|store(?:8|16|32)?|sub|trunc(?:_[su]\/f(?:32|64))?|wrap\/i64|xor))?|memory\.(?:grow|size))\b/,inside:{punctuation:/\./}},/\b(?:anyfunc|block|br(?:_if|_table)?|call(?:_indirect)?|data|drop|elem|else|end|export|func|get_(?:global|local)|global|if|import|local|loop|memory|module|mut|nop|offset|param|result|return|select|set_(?:global|local)|start|table|tee_local|then|type|unreachable)\b/],variable:/\$[\w!#$%&'*+\-./:<=>?@\\^`|~]+/,number:/[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/,punctuation:/[()]/};const r=o},79016:()=>{!function(e){function t(e,t){return e.replace(/<<(\d+)>>/g,(function(e,n){return"(?:"+t[+n]+")"}))}function n(e,n,a){return RegExp(t(e,n),a||"")}function a(e,t){for(var n=0;n>/g,(function(){return"(?:"+e+")"}));return e.replace(/<>/g,"[^\\s\\S]")}var o="bool byte char decimal double dynamic float int long object sbyte short string uint ulong ushort var void",r="class enum interface record struct",i="add alias and ascending async await by descending from(?=\\s*(?:\\w|$)) get global group into init(?=\\s*;) join let nameof not notnull on or orderby partial remove select set unmanaged value when where with(?=\\s*{)",l="abstract as base break case catch checked const continue default delegate do else event explicit extern finally fixed for foreach goto if implicit in internal is lock namespace new null operator out override params private protected public readonly ref return sealed sizeof stackalloc static switch this throw try typeof unchecked unsafe using virtual volatile while yield";function s(e){return"\\b(?:"+e.trim().replace(/ /g,"|")+")\\b"}var c=s(r),u=RegExp(s(o+" "+r+" "+i+" "+l)),d=s(r+" "+i+" "+l),f=s(o+" "+r+" "+l),b=a(/<(?:[^<>;=+\-*/%&|^]|<>)*>/.source,2),p=a(/\((?:[^()]|<>)*\)/.source,2),g=/@?\b[A-Za-z_]\w*\b/.source,m=t(/<<0>>(?:\s*<<1>>)?/.source,[g,b]),h=t(/(?!<<0>>)<<1>>(?:\s*\.\s*<<1>>)*/.source,[d,m]),v=/\[\s*(?:,\s*)*\]/.source,y=t(/<<0>>(?:\s*(?:\?\s*)?<<1>>)*(?:\s*\?)?/.source,[h,v]),_=t(/[^,()<>[\];=+\-*/%&|^]|<<0>>|<<1>>|<<2>>/.source,[b,p,v]),w=t(/\(<<0>>+(?:,<<0>>+)+\)/.source,[_]),x=t(/(?:<<0>>|<<1>>)(?:\s*(?:\?\s*)?<<2>>)*(?:\s*\?)?/.source,[w,h,v]),k={keyword:u,punctuation:/[<>()?,.:[\]]/},E=/'(?:[^\r\n'\\]|\\.|\\[Uux][\da-fA-F]{1,8})'/.source,S=/"(?:\\.|[^\\"\r\n])*"/.source,z=/@"(?:""|\\[\s\S]|[^\\"])*"(?!")/.source;e.languages.csharp=e.languages.extend("clike",{string:[{pattern:n(/(^|[^$\\])<<0>>/.source,[z]),lookbehind:!0,greedy:!0},{pattern:n(/(^|[^@$\\])<<0>>/.source,[S]),lookbehind:!0,greedy:!0}],"class-name":[{pattern:n(/(\busing\s+static\s+)<<0>>(?=\s*;)/.source,[h]),lookbehind:!0,inside:k},{pattern:n(/(\busing\s+<<0>>\s*=\s*)<<1>>(?=\s*;)/.source,[g,x]),lookbehind:!0,inside:k},{pattern:n(/(\busing\s+)<<0>>(?=\s*=)/.source,[g]),lookbehind:!0},{pattern:n(/(\b<<0>>\s+)<<1>>/.source,[c,m]),lookbehind:!0,inside:k},{pattern:n(/(\bcatch\s*\(\s*)<<0>>/.source,[h]),lookbehind:!0,inside:k},{pattern:n(/(\bwhere\s+)<<0>>/.source,[g]),lookbehind:!0},{pattern:n(/(\b(?:is(?:\s+not)?|as)\s+)<<0>>/.source,[y]),lookbehind:!0,inside:k},{pattern:n(/\b<<0>>(?=\s+(?!<<1>>|with\s*\{)<<2>>(?:\s*[=,;:{)\]]|\s+(?:in|when)\b))/.source,[x,f,g]),inside:k}],keyword:u,number:/(?:\b0(?:x[\da-f_]*[\da-f]|b[01_]*[01])|(?:\B\.\d+(?:_+\d+)*|\b\d+(?:_+\d+)*(?:\.\d+(?:_+\d+)*)?)(?:e[-+]?\d+(?:_+\d+)*)?)(?:[dflmu]|lu|ul)?\b/i,operator:/>>=?|<<=?|[-=]>|([-+&|])\1|~|\?\?=?|[-+*/%&|^!=<>]=?/,punctuation:/\?\.?|::|[{}[\];(),.:]/}),e.languages.insertBefore("csharp","number",{range:{pattern:/\.\./,alias:"operator"}}),e.languages.insertBefore("csharp","punctuation",{"named-parameter":{pattern:n(/([(,]\s*)<<0>>(?=\s*:)/.source,[g]),lookbehind:!0,alias:"punctuation"}}),e.languages.insertBefore("csharp","class-name",{namespace:{pattern:n(/(\b(?:namespace|using)\s+)<<0>>(?:\s*\.\s*<<0>>)*(?=\s*[;{])/.source,[g]),lookbehind:!0,inside:{punctuation:/\./}},"type-expression":{pattern:n(/(\b(?:default|sizeof|typeof)\s*\(\s*(?!\s))(?:[^()\s]|\s(?!\s)|<<0>>)*(?=\s*\))/.source,[p]),lookbehind:!0,alias:"class-name",inside:k},"return-type":{pattern:n(/<<0>>(?=\s+(?:<<1>>\s*(?:=>|[({]|\.\s*this\s*\[)|this\s*\[))/.source,[x,h]),inside:k,alias:"class-name"},"constructor-invocation":{pattern:n(/(\bnew\s+)<<0>>(?=\s*[[({])/.source,[x]),lookbehind:!0,inside:k,alias:"class-name"},"generic-method":{pattern:n(/<<0>>\s*<<1>>(?=\s*\()/.source,[g,b]),inside:{function:n(/^<<0>>/.source,[g]),generic:{pattern:RegExp(b),alias:"class-name",inside:k}}},"type-list":{pattern:n(/\b((?:<<0>>\s+<<1>>|record\s+<<1>>\s*<<5>>|where\s+<<2>>)\s*:\s*)(?:<<3>>|<<4>>|<<1>>\s*<<5>>|<<6>>)(?:\s*,\s*(?:<<3>>|<<4>>|<<6>>))*(?=\s*(?:where|[{;]|=>|$))/.source,[c,m,g,x,u.source,p,/\bnew\s*\(\s*\)/.source]),lookbehind:!0,inside:{"record-arguments":{pattern:n(/(^(?!new\s*\()<<0>>\s*)<<1>>/.source,[m,p]),lookbehind:!0,greedy:!0,inside:e.languages.csharp},keyword:u,"class-name":{pattern:RegExp(x),greedy:!0,inside:k},punctuation:/[,()]/}},preprocessor:{pattern:/(^[\t ]*)#.*/m,lookbehind:!0,alias:"property",inside:{directive:{pattern:/(#)\b(?:define|elif|else|endif|endregion|error|if|line|nullable|pragma|region|undef|warning)\b/,lookbehind:!0,alias:"keyword"}}}});var C=S+"|"+E,T=t(/\/(?![*/])|\/\/[^\r\n]*[\r\n]|\/\*(?:[^*]|\*(?!\/))*\*\/|<<0>>/.source,[C]),L=a(t(/[^"'/()]|<<0>>|\(<>*\)/.source,[T]),2),j=/\b(?:assembly|event|field|method|module|param|property|return|type)\b/.source,P=t(/<<0>>(?:\s*\(<<1>>*\))?/.source,[h,L]);e.languages.insertBefore("csharp","class-name",{attribute:{pattern:n(/((?:^|[^\s\w>)?])\s*\[\s*)(?:<<0>>\s*:\s*)?<<1>>(?:\s*,\s*<<1>>)*(?=\s*\])/.source,[j,P]),lookbehind:!0,greedy:!0,inside:{target:{pattern:n(/^<<0>>(?=\s*:)/.source,[j]),alias:"keyword"},"attribute-arguments":{pattern:n(/\(<<0>>*\)/.source,[L]),inside:e.languages.csharp},"class-name":{pattern:RegExp(h),inside:{punctuation:/\./}},punctuation:/[:,]/}}});var O=/:[^}\r\n]+/.source,N=a(t(/[^"'/()]|<<0>>|\(<>*\)/.source,[T]),2),A=t(/\{(?!\{)(?:(?![}:])<<0>>)*<<1>>?\}/.source,[N,O]),M=a(t(/[^"'/()]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|<<0>>|\(<>*\)/.source,[C]),2),I=t(/\{(?!\{)(?:(?![}:])<<0>>)*<<1>>?\}/.source,[M,O]);function R(t,a){return{interpolation:{pattern:n(/((?:^|[^{])(?:\{\{)*)<<0>>/.source,[t]),lookbehind:!0,inside:{"format-string":{pattern:n(/(^\{(?:(?![}:])<<0>>)*)<<1>>(?=\}$)/.source,[a,O]),lookbehind:!0,inside:{punctuation:/^:/}},punctuation:/^\{|\}$/,expression:{pattern:/[\s\S]+/,alias:"language-csharp",inside:e.languages.csharp}}},string:/[\s\S]+/}}e.languages.insertBefore("csharp","string",{"interpolation-string":[{pattern:n(/(^|[^\\])(?:\$@|@\$)"(?:""|\\[\s\S]|\{\{|<<0>>|[^\\{"])*"/.source,[A]),lookbehind:!0,greedy:!0,inside:R(A,N)},{pattern:n(/(^|[^@\\])\$"(?:\\.|\{\{|<<0>>|[^\\"{])*"/.source,[I]),lookbehind:!0,greedy:!0,inside:R(I,M)}],char:{pattern:RegExp(E),greedy:!0}}),e.languages.dotnet=e.languages.cs=e.languages.csharp}(Prism)},63326:()=>{!function(e){var t=/\/(?![/*])|\/\/.*[\r\n]|\/\*[^*]*(?:\*(?!\/)[^*]*)*\*\//.source,n=/@(?!")|"(?:[^\r\n\\"]|\\.)*"|@"(?:[^\\"]|""|\\[\s\S])*"(?!")/.source+"|"+/'(?:(?:[^\r\n'\\]|\\.|\\[Uux][\da-fA-F]{1,8})'|(?=[^\\](?!')))/.source;function a(e,a){for(var o=0;o/g,(function(){return"(?:"+e+")"}));return e.replace(//g,"[^\\s\\S]").replace(//g,"(?:"+n+")").replace(//g,"(?:"+t+")")}var o=a(/\((?:[^()'"@/]|||)*\)/.source,2),r=a(/\[(?:[^\[\]'"@/]|||)*\]/.source,1),i=a(/\{(?:[^{}'"@/]|||)*\}/.source,2),l=a(/<(?:[^<>'"@/]||)*>/.source,1),s=/@/.source+/(?:await\b\s*)?/.source+"(?:"+/(?!await\b)\w+\b/.source+"|"+o+")(?:"+/[?!]?\.\w+\b/.source+"|(?:"+l+")?"+o+"|"+r+")*"+/(?![?!\.(\[]|<(?!\/))/.source,c="(?:"+/"[^"@]*"|'[^'@]*'|[^\s'"@>=]+(?=[\s>])/.source+"|[\"'][^\"'@]*(?:(?:"+(/@(?![\w()])/.source+"|"+s)+")[^\"'@]*)+[\"'])",u=/(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*|(?=[\s/>])))+)?/.source.replace(//,c),d=/(?!\d)[^\s>\/=$<%]+/.source+u+/\s*\/?>/.source,f=/\B@?/.source+"(?:"+/<([a-zA-Z][\w:]*)/.source+u+/\s*>/.source+"(?:"+/[^<]/.source+"|"+/<\/?(?!\1\b)/.source+d+"|"+a(/<\1/.source+u+/\s*>/.source+"(?:"+/[^<]/.source+"|"+/<\/?(?!\1\b)/.source+d+"|)*"+/<\/\1\s*>/.source,2)+")*"+/<\/\1\s*>/.source+"|"+/{var a={"./prism-csharp":79016,"./prism-cshtml":63326};function o(e){var t=r(e);return n(t)}function r(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}o.keys=function(){return Object.keys(a)},o.resolve=r,e.exports=o,o.id=50784},92703:(e,t,n)=>{"use strict";var a=n(50414);function o(){}function r(){}r.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,r,i){if(i!==a){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:r,resetWarningCache:o};return n.PropTypes=n,n}},45697:(e,t,n)=>{e.exports=n(92703)()},50414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},64448:(e,t,n)=>{"use strict";var a=n(67294),o=n(27418),r=n(63840);function i(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n