diff --git a/404.html b/404.html index 523a575c..f75247d6 100644 --- a/404.html +++ b/404.html @@ -5,8 +5,8 @@ Page Not Found | Touying - - + +
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.

diff --git a/assets/js/5670b452.9d3f13a3.js b/assets/js/5670b452.3b9c366c.js similarity index 87% rename from assets/js/5670b452.9d3f13a3.js rename to assets/js/5670b452.3b9c366c.js index 45633051..93f6d74d 100644 --- a/assets/js/5670b452.9d3f13a3.js +++ b/assets/js/5670b452.3b9c366c.js @@ -1 +1 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[997],{2261:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>a,contentTitle:()=>l,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=t(5893),o=t(1151);const s={sidebar_position:11},l="Build Your Own Theme",r={id:"build-your-own-theme",title:"Build Your Own Theme",description:"Creating your own theme with Touying can be a bit complex due to the many concepts we've introduced. But rest assured, if you do create a theme with Touying, you might deeply appreciate the convenience and powerful customizability that Touying offers. You can refer to the source code of the themes. The main things you need to implement are:",source:"@site/docs/build-your-own-theme.md",sourceDirName:".",slug:"/build-your-own-theme",permalink:"/docs/next/build-your-own-theme",draft:!1,unlisted:!1,editUrl:"https://github.com/touying-typ/touying/tree/main/docs/docs/build-your-own-theme.md",tags:[],version:"current",sidebarPosition:11,frontMatter:{sidebar_position:11},sidebar:"tutorialSidebar",previous:{title:"Custom Theme",permalink:"/docs/next/themes/custom"},next:{title:"Progress",permalink:"/docs/next/category/progress"}},a={},c=[{value:"Modifying Existing Themes",id:"modifying-existing-themes",level:2},{value:"Importing",id:"importing",level:2},{value:"register Function and init Method",id:"register-function-and-init-method",level:2},{value:"Color Theme",id:"color-theme",level:2},{value:"Practical: Custom Alert Method",id:"practical-custom-alert-method",level:2},{value:"Custom Header and Footer",id:"custom-header-and-footer",level:2},{value:"Custom Special Slides",id:"custom-special-slides",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",ul:"ul",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.h1,{id:"build-your-own-theme",children:"Build Your Own Theme"}),"\n",(0,i.jsxs)(n.p,{children:["Creating your own theme with Touying can be a bit complex due to the many concepts we've introduced. But rest assured, if you do create a theme with Touying, you might deeply appreciate the convenience and powerful customizability that Touying offers. You can refer to the ",(0,i.jsx)(n.a,{href:"https://github.com/touying-typ/touying/tree/main/themes",children:"source code of the themes"}),". The main things you need to implement are:"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["Customizing the ",(0,i.jsx)(n.code,{children:"xxx-theme"})," function;"]}),"\n",(0,i.jsxs)(n.li,{children:["Customizing the color theme, i.e., ",(0,i.jsx)(n.code,{children:"config-colors()"}),";"]}),"\n",(0,i.jsx)(n.li,{children:"Customizing the header;"}),"\n",(0,i.jsx)(n.li,{children:"Customizing the footer;"}),"\n",(0,i.jsxs)(n.li,{children:["Customizing the ",(0,i.jsx)(n.code,{children:"slide"})," method;"]}),"\n",(0,i.jsxs)(n.li,{children:["Customizing special slide methods, such as ",(0,i.jsx)(n.code,{children:"title-slide"})," and ",(0,i.jsx)(n.code,{children:"focus-slide"})," methods;"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"To demonstrate how to create a theme with Touying, let's step by step create a simple and aesthetically pleasing Bamboo theme."}),"\n",(0,i.jsx)(n.h2,{id:"modifying-existing-themes",children:"Modifying Existing Themes"}),"\n",(0,i.jsx)(n.p,{children:"If you want to modify a Touying internal theme locally instead of creating one from scratch, you can achieve this by:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["Copying the ",(0,i.jsx)(n.a,{href:"https://github.com/touying-typ/touying/tree/main/themes",children:"theme code"})," from the ",(0,i.jsx)(n.code,{children:"themes"})," directory to your local, for example, copying ",(0,i.jsx)(n.code,{children:"themes/university.typ"})," to your local ",(0,i.jsx)(n.code,{children:"university.typ"}),"."]}),"\n",(0,i.jsxs)(n.li,{children:["Replacing the ",(0,i.jsx)(n.code,{children:'#import "../src/exports.typ": *'})," command at the top of the ",(0,i.jsx)(n.code,{children:"university.typ"})," file with ",(0,i.jsx)(n.code,{children:'#import "@preview/touying:0.5.3": *'}),"."]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"Then you can import and use the theme by:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#import "@preview/touying:0.5.3": *\n#import "university.typ": *\n\n#show: university-theme.with(\n aspect-ratio: "16-9",\n config-info(\n title: [Title],\n subtitle: [Subtitle],\n author: [Authors],\n date: datetime.today(),\n institution: [Institution],\n logo: emoji.school,\n ),\n)\n'})}),"\n",(0,i.jsx)(n.h2,{id:"importing",children:"Importing"}),"\n",(0,i.jsx)(n.p,{children:"Depending on whether the theme is your own or part of Touying, you can import it in two ways:"}),"\n",(0,i.jsx)(n.p,{children:"If it's just for your own use, you can directly import Touying:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#import "@preview/touying:0.5.3": *\n'})}),"\n",(0,i.jsxs)(n.p,{children:["If you want the theme to be part of Touying, placed in the Touying ",(0,i.jsx)(n.code,{children:"themes"})," directory, then you should change the import statement above to"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#import "../src/exports.typ": *\n'})}),"\n",(0,i.jsx)(n.p,{children:"And add"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#import "bamboo.typ"\n'})}),"\n",(0,i.jsxs)(n.p,{children:["in Touying's ",(0,i.jsx)(n.code,{children:"themes/themes.typ"}),"."]}),"\n",(0,i.jsx)(n.h2,{id:"register-function-and-init-method",children:"register Function and init Method"}),"\n",(0,i.jsxs)(n.p,{children:["Next, we will differentiate between the ",(0,i.jsx)(n.code,{children:"bamboo.typ"})," template file and the ",(0,i.jsx)(n.code,{children:"main.typ"})," file, which is sometimes omitted."]}),"\n",(0,i.jsx)(n.p,{children:"Generally, the first step in making slides is to determine the font size and page aspect ratio, so we need to register an initialization method:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'// bamboo.typ\n#import "@preview/touying:0.5.3": *\n\n#let bamboo-theme(\n aspect-ratio: "16-9",\n ..args,\n body,\n) = {\n set text(size: 20pt)\n\n show: touying-slides.with(\n config-page(paper: "presentation-" + aspect-ratio),\n config-common(\n slide-fn: slide,\n ),\n ..args,\n )\n\n body\n}\n\n// main.typ\n#import "@preview/touying:0.5.3": *\n#import "bamboo.typ": *\n\n#show: bamboo-theme.with(aspect-ratio: "16-9")\n\n= First Section\n\n== First Slide\n\nA slide with a title and an *important* information.\n'})}),"\n",(0,i.jsxs)(n.p,{children:["As you can see, we've created a ",(0,i.jsx)(n.code,{children:"bamboo-theme"})," function and passed in an ",(0,i.jsx)(n.code,{children:"aspect-ratio"})," parameter to set the page aspect ratio. We've also added ",(0,i.jsx)(n.code,{children:"set text(size: 20pt)"})," to set the font size. You can also place some additional global style settings here, such as ",(0,i.jsx)(n.code,{children:"set par(justify: true)"}),", etc. If you need to use ",(0,i.jsx)(n.code,{children:"self"}),", you might consider using ",(0,i.jsx)(n.code,{children:"config-methods(init: (self: none, body) => { .. })"})," to register an ",(0,i.jsx)(n.code,{children:"init"})," method."]}),"\n",(0,i.jsxs)(n.p,{children:["As you can see, later in ",(0,i.jsx)(n.code,{children:"main.typ"}),", we apply our style settings through ",(0,i.jsx)(n.code,{children:'#show: bamboo-theme.with(aspect-ratio: "16-9")'}),", and internally ",(0,i.jsx)(n.code,{children:"bamboo"})," uses ",(0,i.jsx)(n.code,{children:"show: touying-slides.with()"})," for corresponding configurations."]}),"\n",(0,i.jsx)(n.h2,{id:"color-theme",children:"Color Theme"}),"\n",(0,i.jsxs)(n.p,{children:["Picking an aesthetically pleasing color theme for your slides is key to making good slides. Touying provides built-in color theme support to minimize API differences between different themes. Touying offers two dimensions of color selection. The first dimension is ",(0,i.jsx)(n.code,{children:"neutral"}),", ",(0,i.jsx)(n.code,{children:"primary"}),", ",(0,i.jsx)(n.code,{children:"secondary"}),", and ",(0,i.jsx)(n.code,{children:"tertiary"}),", which are used to distinguish color tones, with ",(0,i.jsx)(n.code,{children:"primary"})," being the most commonly used theme color. The second dimension is ",(0,i.jsx)(n.code,{children:"default"}),", ",(0,i.jsx)(n.code,{children:"light"}),", ",(0,i.jsx)(n.code,{children:"lighter"}),", ",(0,i.jsx)(n.code,{children:"lightest"}),", ",(0,i.jsx)(n.code,{children:"dark"}),", ",(0,i.jsx)(n.code,{children:"darker"}),", ",(0,i.jsx)(n.code,{children:"darkest"}),", which are used to distinguish brightness levels."]}),"\n",(0,i.jsxs)(n.p,{children:["Since we are creating the Bamboo theme, we have chosen a color close to bamboo for the ",(0,i.jsx)(n.code,{children:"primary"})," theme color, ",(0,i.jsx)(n.code,{children:'rgb("#5E8B65")'}),", and added neutral colors ",(0,i.jsx)(n.code,{children:"neutral-lightest"}),", ",(0,i.jsx)(n.code,{children:"neutral-darkest"}),", respectively, as the background and font colors."]}),"\n",(0,i.jsxs)(n.p,{children:["As shown in the following code, we can use the ",(0,i.jsx)(n.code,{children:"config-colors()"})," method to modify the color theme. Its essence is a wrapper for ",(0,i.jsx)(n.code,{children:"self.colors += (..)"}),"."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#let bamboo-theme(\n aspect-ratio: "16-9",\n ..args,\n body,\n) = {\n set text(size: 20pt)\n\n show: touying-slides.with(\n config-page(paper: "presentation-" + aspect-ratio),\n config-common(\n slide-fn: slide,\n ),\n config-colors(\n primary: rgb("#5E8B65"),\n neutral-lightest: rgb("#ffffff"),\n neutral-darkest: rgb("#000000"),\n ),\n ..args,\n )\n\n body\n}\n'})}),"\n",(0,i.jsxs)(n.p,{children:["After adding the color theme as shown above, we can access this color through ",(0,i.jsx)(n.code,{children:"self.colors.primary"}),"."]}),"\n",(0,i.jsxs)(n.p,{children:["It's also worth noting that users can change the color theme at any time in ",(0,i.jsx)(n.code,{children:"main.typ"})," by using ",(0,i.jsx)(n.code,{children:"config-colors()"})," or"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#show: touying-set-config.with(config-colors(\n primary: blue,\n neutral-lightest: rgb("#ffffff"),\n neutral-darkest: rgb("#000000"),\n))\n'})}),"\n",(0,i.jsx)(n.p,{children:"This feature of being able to change the color theme at any time is a testament to Touying's powerful customizability."}),"\n",(0,i.jsx)(n.h2,{id:"practical-custom-alert-method",children:"Practical: Custom Alert Method"}),"\n",(0,i.jsxs)(n.p,{children:["Generally, we need to provide a ",(0,i.jsx)(n.code,{children:"#alert[..]"})," function for users, similar to ",(0,i.jsx)(n.code,{children:"#strong[..]"}),", both of which are used to emphasize the current text. Typically, ",(0,i.jsx)(n.code,{children:"#alert[..]"})," will change the text color to the theme color, which will look more aesthetically pleasing, and this is our next goal."]}),"\n",(0,i.jsxs)(n.p,{children:["We add a line in the ",(0,i.jsx)(n.code,{children:"register"})," function:"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:"config-methods(alert: (self: none, it) => text(fill: self.colors.primary, it))\n"})}),"\n",(0,i.jsxs)(n.p,{children:["This code means to change the text color to ",(0,i.jsx)(n.code,{children:"self.colors.primary"}),", and the ",(0,i.jsx)(n.code,{children:"self"})," here is passed in through the parameter ",(0,i.jsx)(n.code,{children:"self: none"}),", so that we can get the ",(0,i.jsx)(n.code,{children:"primary"})," theme color in real-time."]}),"\n",(0,i.jsx)(n.p,{children:"We can also use a shorthand."}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:"config-methods(alert: utils.alert-with-primary-color)\n"})}),"\n",(0,i.jsx)(n.h2,{id:"custom-header-and-footer",children:"Custom Header and Footer"}),"\n",(0,i.jsx)(n.p,{children:"Here, I assume you have read the page layout section, so we know that we should add a header and footer to the slides."}),"\n",(0,i.jsxs)(n.p,{children:["First, we add ",(0,i.jsx)(n.code,{children:"config-store(title: none)"}),", which means that we save the current slide's title as a member variable ",(0,i.jsx)(n.code,{children:"self.store.title"})," inside ",(0,i.jsx)(n.code,{children:"self"}),", making it convenient for us to use in the header and for subsequent modifications. Similarly, we also create a ",(0,i.jsx)(n.code,{children:"config-store(footer: footer)"})," and save the ",(0,i.jsx)(n.code,{children:"footer: none"})," parameter of the ",(0,i.jsx)(n.code,{children:"bamboo-theme"})," function for display in the footer at the bottom left corner."]}),"\n",(0,i.jsxs)(n.p,{children:["Then it's worth noting that our header is actually a content function with ",(0,i.jsx)(n.code,{children:"self"})," as a parameter, like ",(0,i.jsx)(n.code,{children:"let header(self) = { .. }"}),", rather than a simple content, so that we can get the information we need from the latest ",(0,i.jsx)(n.code,{children:"self"}),", such as ",(0,i.jsx)(n.code,{children:"self.store.title"}),". The footer is the same."]}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.code,{children:"components.cell"})," used here is actually ",(0,i.jsx)(n.code,{children:"#let cell = block.with(width: 100%, height: 100%, above: 0pt, below: 0pt, breakable: false)"}),", and ",(0,i.jsx)(n.code,{children:"show: components.cell"})," is also a shorthand for ",(0,i.jsx)(n.code,{children:"components.cell(body)"}),", and the ",(0,i.jsx)(n.code,{children:"show: pad.with(.4em)"})," for the footer is the same."]}),"\n",(0,i.jsxs)(n.p,{children:["Another point to note is that the ",(0,i.jsx)(n.code,{children:"utils"})," module contains many contents and methods related to counters and states, such as ",(0,i.jsx)(n.code,{children:"utils.display-current-heading(level: 1)"})," for displaying the current ",(0,i.jsx)(n.code,{children:"section"}),", and ",(0,i.jsx)(n.code,{children:'context utils.slide-counter.display() + " / " + utils.last-slide-number'})," for displaying the current page number and total number of pages."]}),"\n",(0,i.jsxs)(n.p,{children:["We also find that we use syntax like ",(0,i.jsx)(n.code,{children:"utils.call-or-display(self, self.store.footer)"})," to display ",(0,i.jsx)(n.code,{children:"self.store.footer"}),", which is to deal with the situation of ",(0,i.jsx)(n.code,{children:"self.store.footer = self => {..}"}),", so that we can unify the display of content functions and content."]}),"\n",(0,i.jsxs)(n.p,{children:["To ensure that the header and footer are displayed correctly and have enough spacing from the main text, we need to set the margin, such as ",(0,i.jsx)(n.code,{children:"config-page(margin: (top: 4em, bottom: 1.5em, x: 2em))"}),"."]}),"\n",(0,i.jsxs)(n.p,{children:["We also need to customize a ",(0,i.jsx)(n.code,{children:"slide"})," method, which accepts ",(0,i.jsx)(n.code,{children:"#let slide(title: auto, ..args) = touying-slide-wrapper(self => {..})"}),", where ",(0,i.jsx)(n.code,{children:"self"})," in the callback function is a required parameter to get the latest ",(0,i.jsx)(n.code,{children:"self"}),"; the second ",(0,i.jsx)(n.code,{children:"title"})," is used to update ",(0,i.jsx)(n.code,{children:"self.store.title"})," for display in the header; the third ",(0,i.jsx)(n.code,{children:"..args"})," is used to collect the remaining parameters and pass them to ",(0,i.jsx)(n.code,{children:"touying-slide(self: self, ..args)"}),", which is also necessary for the normal functioning of Touying's ",(0,i.jsx)(n.code,{children:"slide"})," feature. Moreover, we need to register this method in the ",(0,i.jsx)(n.code,{children:"bamboo-theme"})," function using ",(0,i.jsx)(n.code,{children:"config-methods(slide: slide)"}),"."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'// bamboo.typ\n#import "@preview/touying:0.5.3": *\n\n#let slide(title: auto, ..args) = touying-slide-wrapper(self => {\n if title != auto {\n self.store.title = title\n }\n // set page\n let header(self) = {\n set align(top)\n show: components.cell.with(fill: self.colors.primary, inset: 1em)\n set align(horizon)\n set text(fill: self.colors.neutral-lightest, size: .7em)\n utils.display-current-heading(level: 1)\n linebreak()\n set text(size: 1.5em)\n if self.store.title != none {\n utils.call-or-display(self, self.store.title)\n } else {\n utils.display-current-heading(level: 2)\n }\n }\n let footer(self) = {\n set align(bottom)\n show: pad.with(.4em)\n set text(fill: self.colors.neutral-darkest, size: .8em)\n utils.call-or-display(self, self.store.footer)\n h(1fr)\n context utils.slide-counter.display() + " / " + utils.last-slide-number\n }\n self = utils.merge-dicts(\n self,\n config-page(\n header: header,\n footer: footer,\n ),\n )\n touying-slide(self: self, ..args)\n})\n\n#let bamboo-theme(\n aspect-ratio: "16-9",\n footer: none,\n ..args,\n body,\n) = {\n set text(size: 20pt)\n\n show: touying-slides.with(\n config-page(\n paper: "presentation-" + aspect-ratio,\n margin: (top: 4em, bottom: 1.5em, x: 2em),\n ),\n config-common(\n slide-fn: slide,\n ),\n config-methods(\n alert: utils.alert-with-primary-color,\n ),\n config-colors(\n primary: rgb("#5E8B65"),\n neutral-lightest: rgb("#ffffff"),\n neutral-darkest: rgb("#000000"),\n ),\n config-store(\n title: none,\n footer: footer,\n ),\n ..args,\n )\n\n body\n}\n\n\n// main.typ\n#import "@preview/touying:0.5.3": *\n#import "bamboo.typ": *\n\n#show: bamboo-theme.with(aspect-ratio: "16-9")\n\n= First Section\n\n== First Slide\n\nA slide with a title and an *important* information.\n'})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{src:"https://github.com/touying-typ/touying/assets/34951714/d33bcda7-c032-4b11-b392-5b939d9a0a47",alt:"image"})}),"\n",(0,i.jsx)(n.h2,{id:"custom-special-slides",children:"Custom Special Slides"}),"\n",(0,i.jsxs)(n.p,{children:["On the basis of the basic slides we've created, we further add some special slide functions, such as ",(0,i.jsx)(n.code,{children:"title-slide"}),", ",(0,i.jsx)(n.code,{children:"focus-slide"}),", and custom ",(0,i.jsx)(n.code,{children:"slides"})," methods."]}),"\n",(0,i.jsxs)(n.p,{children:["For the ",(0,i.jsx)(n.code,{children:"title-slide"})," method, first, we can obtain the information saved in ",(0,i.jsx)(n.code,{children:"self.info"})," through ",(0,i.jsx)(n.code,{children:"let info = self.info + args.named()"}),", and we can also update the information with ",(0,i.jsx)(n.code,{children:"args.named()"})," passed in through the function parameters for subsequent use in the form of ",(0,i.jsx)(n.code,{children:"info.title"}),". The specific page content ",(0,i.jsx)(n.code,{children:"body"})," will vary for each theme, so I won't go into too much detail here."]}),"\n",(0,i.jsxs)(n.p,{children:["For the ",(0,i.jsx)(n.code,{children:"new-section-slide"})," method, it's the same, but the only thing to note is that we registered ",(0,i.jsx)(n.code,{children:"new-section-slide-fn: new-section-slide"})," in ",(0,i.jsx)(n.code,{children:"config-methods()"}),", so ",(0,i.jsx)(n.code,{children:"new-section-slide"})," will be automatically called when encountering a first-level heading."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'// bamboo.typ\n#import "@preview/touying:0.5.3": *\n\n#let slide(title: auto, ..args) = touying-slide-wrapper(self => {\n if title != auto {\n self.store.title = title\n }\n // set page\n let header(self) = {\n set align(top)\n show: components.cell.with(fill: self.colors.primary, inset: 1em)\n set align(horizon)\n set text(fill: self.colors.neutral-lightest, size: .7em)\n utils.display-current-heading(level: 1)\n linebreak()\n set text(size: 1.5em)\n if self.store.title != none {\n utils.call-or-display(self, self.store.title)\n } else {\n utils.display-current-heading(level: 2)\n }\n }\n let footer(self) = {\n set align(bottom)\n show: pad.with(.4em)\n set text(fill: self.colors.neutral-darkest, size: .8em)\n utils.call-or-display(self, self.store.footer)\n h(1fr)\n context utils.slide-counter.display() + " / " + utils.last-slide-number\n }\n self = utils.merge-dicts(\n self,\n config-page(\n header: header,\n footer: footer,\n ),\n )\n touying-slide(self: self, ..args)\n})\n\n#let title-slide(..args) = touying-slide-wrapper(self => {\n let info = self.info + args.named()\n let body = {\n set align(center + horizon)\n block(\n fill: self.colors.primary,\n width: 80%,\n inset: (y: 1em),\n radius: 1em,\n text(size: 2em, fill: self.colors.neutral-lightest, weight: "bold", info.title),\n )\n set text(fill: self.colors.neutral-darkest)\n if info.author != none {\n block(info.author)\n }\n if info.date != none {\n block(utils.display-info-date(self))\n }\n }\n touying-slide(self: self, body)\n})\n\n#let new-section-slide(self: none, section) = touying-slide-wrapper(self => {\n let body = {\n set align(center + horizon)\n set text(size: 2em, fill: self.colors.primary, weight: "bold", style: "italic")\n section\n }\n touying-slide(self: self, body)\n})\n\n#let focus-slide(body) = touying-slide-wrapper(self => {\n self = utils.merge-dicts(\n self,\n config-page(\n fill: self.colors.primary,\n margin: 2em,\n ),\n )\n set text(fill: self.colors.neutral-lightest, size: 2em)\n touying-slide(self: self, align(horizon + center, body))\n})\n\n#let bamboo-theme(\n aspect-ratio: "16-9",\n footer: none,\n ..args,\n body,\n) = {\n set text(size: 20pt)\n\n show: touying-slides.with(\n config-page(\n paper: "presentation-" + aspect-ratio,\n margin: (top: 4em, bottom: 1.5em, x: 2em),\n ),\n config-common(\n slide-fn: slide,\n new-section-slide-fn: new-section-slide,\n ),\n config-methods(alert: utils.alert-with-primary-color),\n config-colors(\n primary: rgb("#5E8B65"),\n neutral-lightest: rgb("#ffffff"),\n neutral-darkest: rgb("#000000"),\n ),\n config-store(\n title: none,\n footer: footer,\n ),\n ..args,\n )\n\n body\n}\n\n\n// main.typ\n#import "@preview/touying:0.5.3": *\n#import "bamboo.typ": *\n\n#show: bamboo-theme.with(\n aspect-ratio: "16-9",\n footer: self => self.info.institution,\n config-info(\n title: [Title],\n subtitle: [Subtitle],\n author: [Authors],\n date: datetime.today(),\n institution: [Institution],\n ),\n)\n\n#title-slide()\n\n= First Section\n\n== First Slide\n\nA slide with a title and an *important* information.\n\n#focus-slide[\n Focus on it!\n]\n'})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{src:"https://github.com/touying-typ/touying/assets/34951714/03c5ad02-8ff4-4068-9664-d9cfad79baaf",alt:"image"})}),"\n",(0,i.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(n.p,{children:"Congratulations! You've created a simple and elegant theme. Perhaps you may find that Touying introduces a wealth of concepts, making it initially challenging to grasp. This is normal, as Touying opts for functionality over simplicity. However, thanks to Touying's comprehensive and unified approach, you can easily extract commonalities between different themes and transfer your knowledge seamlessly. You can also save global variables, modify existing themes, or switch between themes effortlessly, showcasing the benefits of Touying's decoupling."})]})}function h(e={}){const{wrapper:n}={...(0,o.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},1151:(e,n,t)=>{t.d(n,{Z:()=>r,a:()=>l});var i=t(7294);const o={},s=i.createContext(o);function l(e){const n=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:l(e.components),i.createElement(s.Provider,{value:n},e.children)}}}]); \ No newline at end of file +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[997],{2261:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>a,contentTitle:()=>l,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=t(5893),o=t(1151);const s={sidebar_position:11},l="Build Your Own Theme",r={id:"build-your-own-theme",title:"Build Your Own Theme",description:"Creating your own theme with Touying can be a bit complex due to the many concepts we've introduced. But rest assured, if you do create a theme with Touying, you might deeply appreciate the convenience and powerful customizability that Touying offers. You can refer to the source code of the themes. The main things you need to implement are:",source:"@site/docs/build-your-own-theme.md",sourceDirName:".",slug:"/build-your-own-theme",permalink:"/docs/next/build-your-own-theme",draft:!1,unlisted:!1,editUrl:"https://github.com/touying-typ/touying/tree/main/docs/docs/build-your-own-theme.md",tags:[],version:"current",sidebarPosition:11,frontMatter:{sidebar_position:11},sidebar:"tutorialSidebar",previous:{title:"Custom Theme",permalink:"/docs/next/themes/custom"},next:{title:"Progress",permalink:"/docs/next/category/progress"}},a={},c=[{value:"Modifying Existing Themes",id:"modifying-existing-themes",level:2},{value:"Importing",id:"importing",level:2},{value:"register Function and init Method",id:"register-function-and-init-method",level:2},{value:"Color Theme",id:"color-theme",level:2},{value:"Practical: Custom Alert Method",id:"practical-custom-alert-method",level:2},{value:"Custom Header and Footer",id:"custom-header-and-footer",level:2},{value:"Custom Special Slides",id:"custom-special-slides",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",ul:"ul",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.h1,{id:"build-your-own-theme",children:"Build Your Own Theme"}),"\n",(0,i.jsxs)(n.p,{children:["Creating your own theme with Touying can be a bit complex due to the many concepts we've introduced. But rest assured, if you do create a theme with Touying, you might deeply appreciate the convenience and powerful customizability that Touying offers. You can refer to the ",(0,i.jsx)(n.a,{href:"https://github.com/touying-typ/touying/tree/main/themes",children:"source code of the themes"}),". The main things you need to implement are:"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["Customizing the ",(0,i.jsx)(n.code,{children:"xxx-theme"})," function;"]}),"\n",(0,i.jsxs)(n.li,{children:["Customizing the color theme, i.e., ",(0,i.jsx)(n.code,{children:"config-colors()"}),";"]}),"\n",(0,i.jsx)(n.li,{children:"Customizing the header;"}),"\n",(0,i.jsx)(n.li,{children:"Customizing the footer;"}),"\n",(0,i.jsxs)(n.li,{children:["Customizing the ",(0,i.jsx)(n.code,{children:"slide"})," method;"]}),"\n",(0,i.jsxs)(n.li,{children:["Customizing special slide methods, such as ",(0,i.jsx)(n.code,{children:"title-slide"})," and ",(0,i.jsx)(n.code,{children:"focus-slide"})," methods;"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"To demonstrate how to create a theme with Touying, let's step by step create a simple and aesthetically pleasing Bamboo theme."}),"\n",(0,i.jsx)(n.h2,{id:"modifying-existing-themes",children:"Modifying Existing Themes"}),"\n",(0,i.jsx)(n.p,{children:"If you want to modify a Touying internal theme locally instead of creating one from scratch, you can achieve this by:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["Copying the ",(0,i.jsx)(n.a,{href:"https://github.com/touying-typ/touying/tree/main/themes",children:"theme code"})," from the ",(0,i.jsx)(n.code,{children:"themes"})," directory to your local, for example, copying ",(0,i.jsx)(n.code,{children:"themes/university.typ"})," to your local ",(0,i.jsx)(n.code,{children:"university.typ"}),"."]}),"\n",(0,i.jsxs)(n.li,{children:["Replacing the ",(0,i.jsx)(n.code,{children:'#import "../src/exports.typ": *'})," command at the top of the ",(0,i.jsx)(n.code,{children:"university.typ"})," file with ",(0,i.jsx)(n.code,{children:'#import "@preview/touying:0.5.3": *'}),"."]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"Then you can import and use the theme by:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#import "@preview/touying:0.5.3": *\n#import "university.typ": *\n\n#show: university-theme.with(\n aspect-ratio: "16-9",\n config-info(\n title: [Title],\n subtitle: [Subtitle],\n author: [Authors],\n date: datetime.today(),\n institution: [Institution],\n logo: emoji.school,\n ),\n)\n'})}),"\n",(0,i.jsx)(n.h2,{id:"importing",children:"Importing"}),"\n",(0,i.jsx)(n.p,{children:"Depending on whether the theme is your own or part of Touying, you can import it in two ways:"}),"\n",(0,i.jsx)(n.p,{children:"If it's just for your own use, you can directly import Touying:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#import "@preview/touying:0.5.3": *\n'})}),"\n",(0,i.jsxs)(n.p,{children:["If you want the theme to be part of Touying, placed in the Touying ",(0,i.jsx)(n.code,{children:"themes"})," directory, then you should change the import statement above to"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#import "../src/exports.typ": *\n'})}),"\n",(0,i.jsx)(n.p,{children:"And add"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#import "bamboo.typ"\n'})}),"\n",(0,i.jsxs)(n.p,{children:["in Touying's ",(0,i.jsx)(n.code,{children:"themes/themes.typ"}),"."]}),"\n",(0,i.jsx)(n.h2,{id:"register-function-and-init-method",children:"register Function and init Method"}),"\n",(0,i.jsxs)(n.p,{children:["Next, we will differentiate between the ",(0,i.jsx)(n.code,{children:"bamboo.typ"})," template file and the ",(0,i.jsx)(n.code,{children:"main.typ"})," file, which is sometimes omitted."]}),"\n",(0,i.jsx)(n.p,{children:"Generally, the first step in making slides is to determine the font size and page aspect ratio, so we need to register an initialization method:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'// bamboo.typ\n#import "@preview/touying:0.5.3": *\n\n#let bamboo-theme(\n aspect-ratio: "16-9",\n ..args,\n body,\n) = {\n set text(size: 20pt)\n\n show: touying-slides.with(\n config-page(paper: "presentation-" + aspect-ratio),\n config-common(\n slide-fn: slide,\n ),\n ..args,\n )\n\n body\n}\n\n// main.typ\n#import "@preview/touying:0.5.3": *\n#import "bamboo.typ": *\n\n#show: bamboo-theme.with(aspect-ratio: "16-9")\n\n= First Section\n\n== First Slide\n\nA slide with a title and an *important* information.\n'})}),"\n",(0,i.jsxs)(n.p,{children:["As you can see, we've created a ",(0,i.jsx)(n.code,{children:"bamboo-theme"})," function and passed in an ",(0,i.jsx)(n.code,{children:"aspect-ratio"})," parameter to set the page aspect ratio. We've also added ",(0,i.jsx)(n.code,{children:"set text(size: 20pt)"})," to set the font size. You can also place some additional global style settings here, such as ",(0,i.jsx)(n.code,{children:"set par(justify: true)"}),", etc. If you need to use ",(0,i.jsx)(n.code,{children:"self"}),", you might consider using ",(0,i.jsx)(n.code,{children:"config-methods(init: (self: none, body) => { .. })"})," to register an ",(0,i.jsx)(n.code,{children:"init"})," method."]}),"\n",(0,i.jsxs)(n.p,{children:["As you can see, later in ",(0,i.jsx)(n.code,{children:"main.typ"}),", we apply our style settings through ",(0,i.jsx)(n.code,{children:'#show: bamboo-theme.with(aspect-ratio: "16-9")'}),", and internally ",(0,i.jsx)(n.code,{children:"bamboo"})," uses ",(0,i.jsx)(n.code,{children:"show: touying-slides.with()"})," for corresponding configurations."]}),"\n",(0,i.jsx)(n.h2,{id:"color-theme",children:"Color Theme"}),"\n",(0,i.jsxs)(n.p,{children:["Picking an aesthetically pleasing color theme for your slides is key to making good slides. Touying provides built-in color theme support to minimize API differences between different themes. Touying offers two dimensions of color selection. The first dimension is ",(0,i.jsx)(n.code,{children:"neutral"}),", ",(0,i.jsx)(n.code,{children:"primary"}),", ",(0,i.jsx)(n.code,{children:"secondary"}),", and ",(0,i.jsx)(n.code,{children:"tertiary"}),", which are used to distinguish color tones, with ",(0,i.jsx)(n.code,{children:"primary"})," being the most commonly used theme color. The second dimension is ",(0,i.jsx)(n.code,{children:"default"}),", ",(0,i.jsx)(n.code,{children:"light"}),", ",(0,i.jsx)(n.code,{children:"lighter"}),", ",(0,i.jsx)(n.code,{children:"lightest"}),", ",(0,i.jsx)(n.code,{children:"dark"}),", ",(0,i.jsx)(n.code,{children:"darker"}),", ",(0,i.jsx)(n.code,{children:"darkest"}),", which are used to distinguish brightness levels."]}),"\n",(0,i.jsxs)(n.p,{children:["Since we are creating the Bamboo theme, we have chosen a color close to bamboo for the ",(0,i.jsx)(n.code,{children:"primary"})," theme color, ",(0,i.jsx)(n.code,{children:'rgb("#5E8B65")'}),", and added neutral colors ",(0,i.jsx)(n.code,{children:"neutral-lightest"}),", ",(0,i.jsx)(n.code,{children:"neutral-darkest"}),", respectively, as the background and font colors."]}),"\n",(0,i.jsxs)(n.p,{children:["As shown in the following code, we can use the ",(0,i.jsx)(n.code,{children:"config-colors()"})," method to modify the color theme. Its essence is a wrapper for ",(0,i.jsx)(n.code,{children:"self.colors += (..)"}),"."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#let bamboo-theme(\n aspect-ratio: "16-9",\n ..args,\n body,\n) = {\n set text(size: 20pt)\n\n show: touying-slides.with(\n config-page(paper: "presentation-" + aspect-ratio),\n config-common(\n slide-fn: slide,\n ),\n config-colors(\n primary: rgb("#5E8B65"),\n neutral-lightest: rgb("#ffffff"),\n neutral-darkest: rgb("#000000"),\n ),\n ..args,\n )\n\n body\n}\n'})}),"\n",(0,i.jsxs)(n.p,{children:["After adding the color theme as shown above, we can access this color through ",(0,i.jsx)(n.code,{children:"self.colors.primary"}),"."]}),"\n",(0,i.jsxs)(n.p,{children:["It's also worth noting that users can change the color theme at any time in ",(0,i.jsx)(n.code,{children:"main.typ"})," by using ",(0,i.jsx)(n.code,{children:"config-colors()"})," or"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#show: touying-set-config.with(config-colors(\n primary: blue,\n neutral-lightest: rgb("#ffffff"),\n neutral-darkest: rgb("#000000"),\n))\n'})}),"\n",(0,i.jsx)(n.p,{children:"This feature of being able to change the color theme at any time is a testament to Touying's powerful customizability."}),"\n",(0,i.jsx)(n.h2,{id:"practical-custom-alert-method",children:"Practical: Custom Alert Method"}),"\n",(0,i.jsxs)(n.p,{children:["Generally, we need to provide a ",(0,i.jsx)(n.code,{children:"#alert[..]"})," function for users, similar to ",(0,i.jsx)(n.code,{children:"#strong[..]"}),", both of which are used to emphasize the current text. Typically, ",(0,i.jsx)(n.code,{children:"#alert[..]"})," will change the text color to the theme color, which will look more aesthetically pleasing, and this is our next goal."]}),"\n",(0,i.jsxs)(n.p,{children:["We add a line in the ",(0,i.jsx)(n.code,{children:"register"})," function:"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:"config-methods(alert: (self: none, it) => text(fill: self.colors.primary, it))\n"})}),"\n",(0,i.jsxs)(n.p,{children:["This code means to change the text color to ",(0,i.jsx)(n.code,{children:"self.colors.primary"}),", and the ",(0,i.jsx)(n.code,{children:"self"})," here is passed in through the parameter ",(0,i.jsx)(n.code,{children:"self: none"}),", so that we can get the ",(0,i.jsx)(n.code,{children:"primary"})," theme color in real-time."]}),"\n",(0,i.jsx)(n.p,{children:"We can also use a shorthand."}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:"config-methods(alert: utils.alert-with-primary-color)\n"})}),"\n",(0,i.jsx)(n.h2,{id:"custom-header-and-footer",children:"Custom Header and Footer"}),"\n",(0,i.jsx)(n.p,{children:"Here, I assume you have read the page layout section, so we know that we should add a header and footer to the slides."}),"\n",(0,i.jsxs)(n.p,{children:["First, we add ",(0,i.jsx)(n.code,{children:"config-store(title: none)"}),", which means that we save the current slide's title as a member variable ",(0,i.jsx)(n.code,{children:"self.store.title"})," inside ",(0,i.jsx)(n.code,{children:"self"}),", making it convenient for us to use in the header and for subsequent modifications. Similarly, we also create a ",(0,i.jsx)(n.code,{children:"config-store(footer: footer)"})," and save the ",(0,i.jsx)(n.code,{children:"footer: none"})," parameter of the ",(0,i.jsx)(n.code,{children:"bamboo-theme"})," function for display in the footer at the bottom left corner."]}),"\n",(0,i.jsxs)(n.p,{children:["Then it's worth noting that our header is actually a content function with ",(0,i.jsx)(n.code,{children:"self"})," as a parameter, like ",(0,i.jsx)(n.code,{children:"let header(self) = { .. }"}),", rather than a simple content, so that we can get the information we need from the latest ",(0,i.jsx)(n.code,{children:"self"}),", such as ",(0,i.jsx)(n.code,{children:"self.store.title"}),". The footer is the same."]}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.code,{children:"components.cell"})," used here is actually ",(0,i.jsx)(n.code,{children:"#let cell = block.with(width: 100%, height: 100%, above: 0pt, below: 0pt, breakable: false)"}),", and ",(0,i.jsx)(n.code,{children:"show: components.cell"})," is also a shorthand for ",(0,i.jsx)(n.code,{children:"components.cell(body)"}),", and the ",(0,i.jsx)(n.code,{children:"show: pad.with(.4em)"})," for the footer is the same."]}),"\n",(0,i.jsxs)(n.p,{children:["Another point to note is that the ",(0,i.jsx)(n.code,{children:"utils"})," module contains many contents and methods related to counters and states, such as ",(0,i.jsx)(n.code,{children:"utils.display-current-heading(level: 1)"})," for displaying the current ",(0,i.jsx)(n.code,{children:"section"}),", and ",(0,i.jsx)(n.code,{children:'context utils.slide-counter.display() + " / " + utils.last-slide-number'})," for displaying the current page number and total number of pages."]}),"\n",(0,i.jsxs)(n.p,{children:["We also find that we use syntax like ",(0,i.jsx)(n.code,{children:"utils.call-or-display(self, self.store.footer)"})," to display ",(0,i.jsx)(n.code,{children:"self.store.footer"}),", which is to deal with the situation of ",(0,i.jsx)(n.code,{children:"self.store.footer = self => {..}"}),", so that we can unify the display of content functions and content."]}),"\n",(0,i.jsxs)(n.p,{children:["To ensure that the header and footer are displayed correctly and have enough spacing from the main text, we need to set the margin, such as ",(0,i.jsx)(n.code,{children:"config-page(margin: (top: 4em, bottom: 1.5em, x: 2em))"}),"."]}),"\n",(0,i.jsxs)(n.p,{children:["We also need to customize a ",(0,i.jsx)(n.code,{children:"slide"})," method, which accepts ",(0,i.jsx)(n.code,{children:"#let slide(title: auto, ..args) = touying-slide-wrapper(self => {..})"}),", where ",(0,i.jsx)(n.code,{children:"self"})," in the callback function is a required parameter to get the latest ",(0,i.jsx)(n.code,{children:"self"}),"; the second ",(0,i.jsx)(n.code,{children:"title"})," is used to update ",(0,i.jsx)(n.code,{children:"self.store.title"})," for display in the header; the third ",(0,i.jsx)(n.code,{children:"..args"})," is used to collect the remaining parameters and pass them to ",(0,i.jsx)(n.code,{children:"touying-slide(self: self, ..args)"}),", which is also necessary for the normal functioning of Touying's ",(0,i.jsx)(n.code,{children:"slide"})," feature. Moreover, we need to register this method in the ",(0,i.jsx)(n.code,{children:"bamboo-theme"})," function using ",(0,i.jsx)(n.code,{children:"config-methods(slide: slide)"}),"."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'// bamboo.typ\n#import "@preview/touying:0.5.3": *\n\n#let slide(title: auto, ..args) = touying-slide-wrapper(self => {\n if title != auto {\n self.store.title = title\n }\n // set page\n let header(self) = {\n set align(top)\n show: components.cell.with(fill: self.colors.primary, inset: 1em)\n set align(horizon)\n set text(fill: self.colors.neutral-lightest, size: .7em)\n utils.display-current-heading(level: 1)\n linebreak()\n set text(size: 1.5em)\n if self.store.title != none {\n utils.call-or-display(self, self.store.title)\n } else {\n utils.display-current-heading(level: 2)\n }\n }\n let footer(self) = {\n set align(bottom)\n show: pad.with(.4em)\n set text(fill: self.colors.neutral-darkest, size: .8em)\n utils.call-or-display(self, self.store.footer)\n h(1fr)\n context utils.slide-counter.display() + " / " + utils.last-slide-number\n }\n self = utils.merge-dicts(\n self,\n config-page(\n header: header,\n footer: footer,\n ),\n )\n touying-slide(self: self, ..args)\n})\n\n#let bamboo-theme(\n aspect-ratio: "16-9",\n footer: none,\n ..args,\n body,\n) = {\n set text(size: 20pt)\n\n show: touying-slides.with(\n config-page(\n paper: "presentation-" + aspect-ratio,\n margin: (top: 4em, bottom: 1.5em, x: 2em),\n ),\n config-common(\n slide-fn: slide,\n ),\n config-methods(\n alert: utils.alert-with-primary-color,\n ),\n config-colors(\n primary: rgb("#5E8B65"),\n neutral-lightest: rgb("#ffffff"),\n neutral-darkest: rgb("#000000"),\n ),\n config-store(\n title: none,\n footer: footer,\n ),\n ..args,\n )\n\n body\n}\n\n\n// main.typ\n#import "@preview/touying:0.5.3": *\n#import "bamboo.typ": *\n\n#show: bamboo-theme.with(aspect-ratio: "16-9")\n\n= First Section\n\n== First Slide\n\nA slide with a title and an *important* information.\n'})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{src:"https://github.com/touying-typ/touying/assets/34951714/d33bcda7-c032-4b11-b392-5b939d9a0a47",alt:"image"})}),"\n",(0,i.jsx)(n.h2,{id:"custom-special-slides",children:"Custom Special Slides"}),"\n",(0,i.jsxs)(n.p,{children:["On the basis of the basic slides we've created, we further add some special slide functions, such as ",(0,i.jsx)(n.code,{children:"title-slide"}),", ",(0,i.jsx)(n.code,{children:"focus-slide"}),", and custom ",(0,i.jsx)(n.code,{children:"slides"})," methods."]}),"\n",(0,i.jsxs)(n.p,{children:["For the ",(0,i.jsx)(n.code,{children:"title-slide"})," method, first, we can obtain the information saved in ",(0,i.jsx)(n.code,{children:"self.info"})," through ",(0,i.jsx)(n.code,{children:"let info = self.info + args.named()"}),", and we can also update the information with ",(0,i.jsx)(n.code,{children:"args.named()"})," passed in through the function parameters for subsequent use in the form of ",(0,i.jsx)(n.code,{children:"info.title"}),". The specific page content ",(0,i.jsx)(n.code,{children:"body"})," will vary for each theme, so I won't go into too much detail here."]}),"\n",(0,i.jsxs)(n.p,{children:["For the ",(0,i.jsx)(n.code,{children:"new-section-slide"})," method, it's the same, but the only thing to note is that we registered ",(0,i.jsx)(n.code,{children:"new-section-slide-fn: new-section-slide"})," in ",(0,i.jsx)(n.code,{children:"config-methods()"}),", so ",(0,i.jsx)(n.code,{children:"new-section-slide"})," will be automatically called when encountering a first-level heading."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'// bamboo.typ\n#import "@preview/touying:0.5.3": *\n\n#let slide(title: auto, ..args) = touying-slide-wrapper(self => {\n if title != auto {\n self.store.title = title\n }\n // set page\n let header(self) = {\n set align(top)\n show: components.cell.with(fill: self.colors.primary, inset: 1em)\n set align(horizon)\n set text(fill: self.colors.neutral-lightest, size: .7em)\n utils.display-current-heading(level: 1)\n linebreak()\n set text(size: 1.5em)\n if self.store.title != none {\n utils.call-or-display(self, self.store.title)\n } else {\n utils.display-current-heading(level: 2)\n }\n }\n let footer(self) = {\n set align(bottom)\n show: pad.with(.4em)\n set text(fill: self.colors.neutral-darkest, size: .8em)\n utils.call-or-display(self, self.store.footer)\n h(1fr)\n context utils.slide-counter.display() + " / " + utils.last-slide-number\n }\n self = utils.merge-dicts(\n self,\n config-page(\n header: header,\n footer: footer,\n ),\n )\n touying-slide(self: self, ..args)\n})\n\n#let title-slide(..args) = touying-slide-wrapper(self => {\n let info = self.info + args.named()\n let body = {\n set align(center + horizon)\n block(\n fill: self.colors.primary,\n width: 80%,\n inset: (y: 1em),\n radius: 1em,\n text(size: 2em, fill: self.colors.neutral-lightest, weight: "bold", info.title),\n )\n set text(fill: self.colors.neutral-darkest)\n if info.author != none {\n block(info.author)\n }\n if info.date != none {\n block(utils.display-info-date(self))\n }\n }\n touying-slide(self: self, body)\n})\n\n#let new-section-slide(self: none, body) = touying-slide-wrapper(self => {\n let main-body = {\n set align(center + horizon)\n set text(size: 2em, fill: self.colors.primary, weight: "bold", style: "italic")\n utils.display-current-heading(level: 1)\n }\n touying-slide(self: self, main-body)\n})\n\n#let focus-slide(body) = touying-slide-wrapper(self => {\n self = utils.merge-dicts(\n self,\n config-page(\n fill: self.colors.primary,\n margin: 2em,\n ),\n )\n set text(fill: self.colors.neutral-lightest, size: 2em)\n touying-slide(self: self, align(horizon + center, body))\n})\n\n#let bamboo-theme(\n aspect-ratio: "16-9",\n footer: none,\n ..args,\n body,\n) = {\n set text(size: 20pt)\n\n show: touying-slides.with(\n config-page(\n paper: "presentation-" + aspect-ratio,\n margin: (top: 4em, bottom: 1.5em, x: 2em),\n ),\n config-common(\n slide-fn: slide,\n new-section-slide-fn: new-section-slide,\n ),\n config-methods(alert: utils.alert-with-primary-color),\n config-colors(\n primary: rgb("#5E8B65"),\n neutral-lightest: rgb("#ffffff"),\n neutral-darkest: rgb("#000000"),\n ),\n config-store(\n title: none,\n footer: footer,\n ),\n ..args,\n )\n\n body\n}\n\n\n// main.typ\n#import "@preview/touying:0.5.3": *\n#import "bamboo.typ": *\n\n#show: bamboo-theme.with(\n aspect-ratio: "16-9",\n footer: self => self.info.institution,\n config-info(\n title: [Title],\n subtitle: [Subtitle],\n author: [Authors],\n date: datetime.today(),\n institution: [Institution],\n ),\n)\n\n#title-slide()\n\n= First Section\n\n== First Slide\n\nA slide with a title and an *important* information.\n\n#focus-slide[\n Focus on it!\n]\n'})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{src:"https://github.com/touying-typ/touying/assets/34951714/03c5ad02-8ff4-4068-9664-d9cfad79baaf",alt:"image"})}),"\n",(0,i.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(n.p,{children:"Congratulations! You've created a simple and elegant theme. Perhaps you may find that Touying introduces a wealth of concepts, making it initially challenging to grasp. This is normal, as Touying opts for functionality over simplicity. However, thanks to Touying's comprehensive and unified approach, you can easily extract commonalities between different themes and transfer your knowledge seamlessly. You can also save global variables, modify existing themes, or switch between themes effortlessly, showcasing the benefits of Touying's decoupling."})]})}function h(e={}){const{wrapper:n}={...(0,o.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},1151:(e,n,t)=>{t.d(n,{Z:()=>r,a:()=>l});var i=t(7294);const o={},s=i.createContext(o);function l(e){const n=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:l(e.components),i.createElement(s.Provider,{value:n},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/6dd14aab.5b9ee44d.js b/assets/js/6dd14aab.0a5116b7.js similarity index 87% rename from assets/js/6dd14aab.5b9ee44d.js rename to assets/js/6dd14aab.0a5116b7.js index 3f66b001..bb3d7876 100644 --- a/assets/js/6dd14aab.5b9ee44d.js +++ b/assets/js/6dd14aab.0a5116b7.js @@ -1 +1 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[458],{5820:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>a,contentTitle:()=>l,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=t(5893),o=t(1151);const s={sidebar_position:11},l="Build Your Own Theme",r={id:"build-your-own-theme",title:"Build Your Own Theme",description:"Creating your own theme with Touying can be a bit complex due to the many concepts we've introduced. But rest assured, if you do create a theme with Touying, you might deeply appreciate the convenience and powerful customizability that Touying offers. You can refer to the source code of the themes. The main things you need to implement are:",source:"@site/versioned_docs/version-0.5.x/build-your-own-theme.md",sourceDirName:".",slug:"/build-your-own-theme",permalink:"/docs/build-your-own-theme",draft:!1,unlisted:!1,editUrl:"https://github.com/touying-typ/touying/tree/main/docs/versioned_docs/version-0.5.x/build-your-own-theme.md",tags:[],version:"0.5.x",sidebarPosition:11,frontMatter:{sidebar_position:11},sidebar:"tutorialSidebar",previous:{title:"Custom Theme",permalink:"/docs/themes/custom"},next:{title:"Progress",permalink:"/docs/category/progress"}},a={},c=[{value:"Modifying Existing Themes",id:"modifying-existing-themes",level:2},{value:"Importing",id:"importing",level:2},{value:"register Function and init Method",id:"register-function-and-init-method",level:2},{value:"Color Theme",id:"color-theme",level:2},{value:"Practical: Custom Alert Method",id:"practical-custom-alert-method",level:2},{value:"Custom Header and Footer",id:"custom-header-and-footer",level:2},{value:"Custom Special Slides",id:"custom-special-slides",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",ul:"ul",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.h1,{id:"build-your-own-theme",children:"Build Your Own Theme"}),"\n",(0,i.jsxs)(n.p,{children:["Creating your own theme with Touying can be a bit complex due to the many concepts we've introduced. But rest assured, if you do create a theme with Touying, you might deeply appreciate the convenience and powerful customizability that Touying offers. You can refer to the ",(0,i.jsx)(n.a,{href:"https://github.com/touying-typ/touying/tree/main/themes",children:"source code of the themes"}),". The main things you need to implement are:"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["Customizing the ",(0,i.jsx)(n.code,{children:"xxx-theme"})," function;"]}),"\n",(0,i.jsxs)(n.li,{children:["Customizing the color theme, i.e., ",(0,i.jsx)(n.code,{children:"config-colors()"}),";"]}),"\n",(0,i.jsx)(n.li,{children:"Customizing the header;"}),"\n",(0,i.jsx)(n.li,{children:"Customizing the footer;"}),"\n",(0,i.jsxs)(n.li,{children:["Customizing the ",(0,i.jsx)(n.code,{children:"slide"})," method;"]}),"\n",(0,i.jsxs)(n.li,{children:["Customizing special slide methods, such as ",(0,i.jsx)(n.code,{children:"title-slide"})," and ",(0,i.jsx)(n.code,{children:"focus-slide"})," methods;"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"To demonstrate how to create a theme with Touying, let's step by step create a simple and aesthetically pleasing Bamboo theme."}),"\n",(0,i.jsx)(n.h2,{id:"modifying-existing-themes",children:"Modifying Existing Themes"}),"\n",(0,i.jsx)(n.p,{children:"If you want to modify a Touying internal theme locally instead of creating one from scratch, you can achieve this by:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["Copying the ",(0,i.jsx)(n.a,{href:"https://github.com/touying-typ/touying/tree/main/themes",children:"theme code"})," from the ",(0,i.jsx)(n.code,{children:"themes"})," directory to your local, for example, copying ",(0,i.jsx)(n.code,{children:"themes/university.typ"})," to your local ",(0,i.jsx)(n.code,{children:"university.typ"}),"."]}),"\n",(0,i.jsxs)(n.li,{children:["Replacing the ",(0,i.jsx)(n.code,{children:'#import "../src/exports.typ": *'})," command at the top of the ",(0,i.jsx)(n.code,{children:"university.typ"})," file with ",(0,i.jsx)(n.code,{children:'#import "@preview/touying:0.5.3": *'}),"."]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"Then you can import and use the theme by:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#import "@preview/touying:0.5.3": *\n#import "university.typ": *\n\n#show: university-theme.with(\n aspect-ratio: "16-9",\n config-info(\n title: [Title],\n subtitle: [Subtitle],\n author: [Authors],\n date: datetime.today(),\n institution: [Institution],\n logo: emoji.school,\n ),\n)\n'})}),"\n",(0,i.jsx)(n.h2,{id:"importing",children:"Importing"}),"\n",(0,i.jsx)(n.p,{children:"Depending on whether the theme is your own or part of Touying, you can import it in two ways:"}),"\n",(0,i.jsx)(n.p,{children:"If it's just for your own use, you can directly import Touying:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#import "@preview/touying:0.5.3": *\n'})}),"\n",(0,i.jsxs)(n.p,{children:["If you want the theme to be part of Touying, placed in the Touying ",(0,i.jsx)(n.code,{children:"themes"})," directory, then you should change the import statement above to"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#import "../src/exports.typ": *\n'})}),"\n",(0,i.jsx)(n.p,{children:"And add"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#import "bamboo.typ"\n'})}),"\n",(0,i.jsxs)(n.p,{children:["in Touying's ",(0,i.jsx)(n.code,{children:"themes/themes.typ"}),"."]}),"\n",(0,i.jsx)(n.h2,{id:"register-function-and-init-method",children:"register Function and init Method"}),"\n",(0,i.jsxs)(n.p,{children:["Next, we will differentiate between the ",(0,i.jsx)(n.code,{children:"bamboo.typ"})," template file and the ",(0,i.jsx)(n.code,{children:"main.typ"})," file, which is sometimes omitted."]}),"\n",(0,i.jsx)(n.p,{children:"Generally, the first step in making slides is to determine the font size and page aspect ratio, so we need to register an initialization method:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'// bamboo.typ\n#import "@preview/touying:0.5.3": *\n\n#let bamboo-theme(\n aspect-ratio: "16-9",\n ..args,\n body,\n) = {\n set text(size: 20pt)\n\n show: touying-slides.with(\n config-page(paper: "presentation-" + aspect-ratio),\n config-common(\n slide-fn: slide,\n ),\n ..args,\n )\n\n body\n}\n\n// main.typ\n#import "@preview/touying:0.5.3": *\n#import "bamboo.typ": *\n\n#show: bamboo-theme.with(aspect-ratio: "16-9")\n\n= First Section\n\n== First Slide\n\nA slide with a title and an *important* information.\n'})}),"\n",(0,i.jsxs)(n.p,{children:["As you can see, we've created a ",(0,i.jsx)(n.code,{children:"bamboo-theme"})," function and passed in an ",(0,i.jsx)(n.code,{children:"aspect-ratio"})," parameter to set the page aspect ratio. We've also added ",(0,i.jsx)(n.code,{children:"set text(size: 20pt)"})," to set the font size. You can also place some additional global style settings here, such as ",(0,i.jsx)(n.code,{children:"set par(justify: true)"}),", etc. If you need to use ",(0,i.jsx)(n.code,{children:"self"}),", you might consider using ",(0,i.jsx)(n.code,{children:"config-methods(init: (self: none, body) => { .. })"})," to register an ",(0,i.jsx)(n.code,{children:"init"})," method."]}),"\n",(0,i.jsxs)(n.p,{children:["As you can see, later in ",(0,i.jsx)(n.code,{children:"main.typ"}),", we apply our style settings through ",(0,i.jsx)(n.code,{children:'#show: bamboo-theme.with(aspect-ratio: "16-9")'}),", and internally ",(0,i.jsx)(n.code,{children:"bamboo"})," uses ",(0,i.jsx)(n.code,{children:"show: touying-slides.with()"})," for corresponding configurations."]}),"\n",(0,i.jsx)(n.h2,{id:"color-theme",children:"Color Theme"}),"\n",(0,i.jsxs)(n.p,{children:["Picking an aesthetically pleasing color theme for your slides is key to making good slides. Touying provides built-in color theme support to minimize API differences between different themes. Touying offers two dimensions of color selection. The first dimension is ",(0,i.jsx)(n.code,{children:"neutral"}),", ",(0,i.jsx)(n.code,{children:"primary"}),", ",(0,i.jsx)(n.code,{children:"secondary"}),", and ",(0,i.jsx)(n.code,{children:"tertiary"}),", which are used to distinguish color tones, with ",(0,i.jsx)(n.code,{children:"primary"})," being the most commonly used theme color. The second dimension is ",(0,i.jsx)(n.code,{children:"default"}),", ",(0,i.jsx)(n.code,{children:"light"}),", ",(0,i.jsx)(n.code,{children:"lighter"}),", ",(0,i.jsx)(n.code,{children:"lightest"}),", ",(0,i.jsx)(n.code,{children:"dark"}),", ",(0,i.jsx)(n.code,{children:"darker"}),", ",(0,i.jsx)(n.code,{children:"darkest"}),", which are used to distinguish brightness levels."]}),"\n",(0,i.jsxs)(n.p,{children:["Since we are creating the Bamboo theme, we have chosen a color close to bamboo for the ",(0,i.jsx)(n.code,{children:"primary"})," theme color, ",(0,i.jsx)(n.code,{children:'rgb("#5E8B65")'}),", and added neutral colors ",(0,i.jsx)(n.code,{children:"neutral-lightest"}),", ",(0,i.jsx)(n.code,{children:"neutral-darkest"}),", respectively, as the background and font colors."]}),"\n",(0,i.jsxs)(n.p,{children:["As shown in the following code, we can use the ",(0,i.jsx)(n.code,{children:"config-colors()"})," method to modify the color theme. Its essence is a wrapper for ",(0,i.jsx)(n.code,{children:"self.colors += (..)"}),"."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#let bamboo-theme(\n aspect-ratio: "16-9",\n ..args,\n body,\n) = {\n set text(size: 20pt)\n\n show: touying-slides.with(\n config-page(paper: "presentation-" + aspect-ratio),\n config-common(\n slide-fn: slide,\n ),\n config-colors(\n primary: rgb("#5E8B65"),\n neutral-lightest: rgb("#ffffff"),\n neutral-darkest: rgb("#000000"),\n ),\n ..args,\n )\n\n body\n}\n'})}),"\n",(0,i.jsxs)(n.p,{children:["After adding the color theme as shown above, we can access this color through ",(0,i.jsx)(n.code,{children:"self.colors.primary"}),"."]}),"\n",(0,i.jsxs)(n.p,{children:["It's also worth noting that users can change the color theme at any time in ",(0,i.jsx)(n.code,{children:"main.typ"})," by using ",(0,i.jsx)(n.code,{children:"config-colors()"})," or"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#show: touying-set-config.with(config-colors(\n primary: blue,\n neutral-lightest: rgb("#ffffff"),\n neutral-darkest: rgb("#000000"),\n))\n'})}),"\n",(0,i.jsx)(n.p,{children:"This feature of being able to change the color theme at any time is a testament to Touying's powerful customizability."}),"\n",(0,i.jsx)(n.h2,{id:"practical-custom-alert-method",children:"Practical: Custom Alert Method"}),"\n",(0,i.jsxs)(n.p,{children:["Generally, we need to provide a ",(0,i.jsx)(n.code,{children:"#alert[..]"})," function for users, similar to ",(0,i.jsx)(n.code,{children:"#strong[..]"}),", both of which are used to emphasize the current text. Typically, ",(0,i.jsx)(n.code,{children:"#alert[..]"})," will change the text color to the theme color, which will look more aesthetically pleasing, and this is our next goal."]}),"\n",(0,i.jsxs)(n.p,{children:["We add a line in the ",(0,i.jsx)(n.code,{children:"register"})," function:"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:"config-methods(alert: (self: none, it) => text(fill: self.colors.primary, it))\n"})}),"\n",(0,i.jsxs)(n.p,{children:["This code means to change the text color to ",(0,i.jsx)(n.code,{children:"self.colors.primary"}),", and the ",(0,i.jsx)(n.code,{children:"self"})," here is passed in through the parameter ",(0,i.jsx)(n.code,{children:"self: none"}),", so that we can get the ",(0,i.jsx)(n.code,{children:"primary"})," theme color in real-time."]}),"\n",(0,i.jsx)(n.p,{children:"We can also use a shorthand."}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:"config-methods(alert: utils.alert-with-primary-color)\n"})}),"\n",(0,i.jsx)(n.h2,{id:"custom-header-and-footer",children:"Custom Header and Footer"}),"\n",(0,i.jsx)(n.p,{children:"Here, I assume you have read the page layout section, so we know that we should add a header and footer to the slides."}),"\n",(0,i.jsxs)(n.p,{children:["First, we add ",(0,i.jsx)(n.code,{children:"config-store(title: none)"}),", which means that we save the current slide's title as a member variable ",(0,i.jsx)(n.code,{children:"self.store.title"})," inside ",(0,i.jsx)(n.code,{children:"self"}),", making it convenient for us to use in the header and for subsequent modifications. Similarly, we also create a ",(0,i.jsx)(n.code,{children:"config-store(footer: footer)"})," and save the ",(0,i.jsx)(n.code,{children:"footer: none"})," parameter of the ",(0,i.jsx)(n.code,{children:"bamboo-theme"})," function for display in the footer at the bottom left corner."]}),"\n",(0,i.jsxs)(n.p,{children:["Then it's worth noting that our header is actually a content function with ",(0,i.jsx)(n.code,{children:"self"})," as a parameter, like ",(0,i.jsx)(n.code,{children:"let header(self) = { .. }"}),", rather than a simple content, so that we can get the information we need from the latest ",(0,i.jsx)(n.code,{children:"self"}),", such as ",(0,i.jsx)(n.code,{children:"self.store.title"}),". The footer is the same."]}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.code,{children:"components.cell"})," used here is actually ",(0,i.jsx)(n.code,{children:"#let cell = block.with(width: 100%, height: 100%, above: 0pt, below: 0pt, breakable: false)"}),", and ",(0,i.jsx)(n.code,{children:"show: components.cell"})," is also a shorthand for ",(0,i.jsx)(n.code,{children:"components.cell(body)"}),", and the ",(0,i.jsx)(n.code,{children:"show: pad.with(.4em)"})," for the footer is the same."]}),"\n",(0,i.jsxs)(n.p,{children:["Another point to note is that the ",(0,i.jsx)(n.code,{children:"utils"})," module contains many contents and methods related to counters and states, such as ",(0,i.jsx)(n.code,{children:"utils.display-current-heading(level: 1)"})," for displaying the current ",(0,i.jsx)(n.code,{children:"section"}),", and ",(0,i.jsx)(n.code,{children:'context utils.slide-counter.display() + " / " + utils.last-slide-number'})," for displaying the current page number and total number of pages."]}),"\n",(0,i.jsxs)(n.p,{children:["We also find that we use syntax like ",(0,i.jsx)(n.code,{children:"utils.call-or-display(self, self.store.footer)"})," to display ",(0,i.jsx)(n.code,{children:"self.store.footer"}),", which is to deal with the situation of ",(0,i.jsx)(n.code,{children:"self.store.footer = self => {..}"}),", so that we can unify the display of content functions and content."]}),"\n",(0,i.jsxs)(n.p,{children:["To ensure that the header and footer are displayed correctly and have enough spacing from the main text, we need to set the margin, such as ",(0,i.jsx)(n.code,{children:"config-page(margin: (top: 4em, bottom: 1.5em, x: 2em))"}),"."]}),"\n",(0,i.jsxs)(n.p,{children:["We also need to customize a ",(0,i.jsx)(n.code,{children:"slide"})," method, which accepts ",(0,i.jsx)(n.code,{children:"#let slide(title: auto, ..args) = touying-slide-wrapper(self => {..})"}),", where ",(0,i.jsx)(n.code,{children:"self"})," in the callback function is a required parameter to get the latest ",(0,i.jsx)(n.code,{children:"self"}),"; the second ",(0,i.jsx)(n.code,{children:"title"})," is used to update ",(0,i.jsx)(n.code,{children:"self.store.title"})," for display in the header; the third ",(0,i.jsx)(n.code,{children:"..args"})," is used to collect the remaining parameters and pass them to ",(0,i.jsx)(n.code,{children:"touying-slide(self: self, ..args)"}),", which is also necessary for the normal functioning of Touying's ",(0,i.jsx)(n.code,{children:"slide"})," feature. Moreover, we need to register this method in the ",(0,i.jsx)(n.code,{children:"bamboo-theme"})," function using ",(0,i.jsx)(n.code,{children:"config-methods(slide: slide)"}),"."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'// bamboo.typ\n#import "@preview/touying:0.5.3": *\n\n#let slide(title: auto, ..args) = touying-slide-wrapper(self => {\n if title != auto {\n self.store.title = title\n }\n // set page\n let header(self) = {\n set align(top)\n show: components.cell.with(fill: self.colors.primary, inset: 1em)\n set align(horizon)\n set text(fill: self.colors.neutral-lightest, size: .7em)\n utils.display-current-heading(level: 1)\n linebreak()\n set text(size: 1.5em)\n if self.store.title != none {\n utils.call-or-display(self, self.store.title)\n } else {\n utils.display-current-heading(level: 2)\n }\n }\n let footer(self) = {\n set align(bottom)\n show: pad.with(.4em)\n set text(fill: self.colors.neutral-darkest, size: .8em)\n utils.call-or-display(self, self.store.footer)\n h(1fr)\n context utils.slide-counter.display() + " / " + utils.last-slide-number\n }\n self = utils.merge-dicts(\n self,\n config-page(\n header: header,\n footer: footer,\n ),\n )\n touying-slide(self: self, ..args)\n})\n\n#let bamboo-theme(\n aspect-ratio: "16-9",\n footer: none,\n ..args,\n body,\n) = {\n set text(size: 20pt)\n\n show: touying-slides.with(\n config-page(\n paper: "presentation-" + aspect-ratio,\n margin: (top: 4em, bottom: 1.5em, x: 2em),\n ),\n config-common(\n slide-fn: slide,\n ),\n config-methods(\n alert: utils.alert-with-primary-color,\n ),\n config-colors(\n primary: rgb("#5E8B65"),\n neutral-lightest: rgb("#ffffff"),\n neutral-darkest: rgb("#000000"),\n ),\n config-store(\n title: none,\n footer: footer,\n ),\n ..args,\n )\n\n body\n}\n\n\n// main.typ\n#import "@preview/touying:0.5.3": *\n#import "bamboo.typ": *\n\n#show: bamboo-theme.with(aspect-ratio: "16-9")\n\n= First Section\n\n== First Slide\n\nA slide with a title and an *important* information.\n'})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{src:"https://github.com/touying-typ/touying/assets/34951714/d33bcda7-c032-4b11-b392-5b939d9a0a47",alt:"image"})}),"\n",(0,i.jsx)(n.h2,{id:"custom-special-slides",children:"Custom Special Slides"}),"\n",(0,i.jsxs)(n.p,{children:["On the basis of the basic slides we've created, we further add some special slide functions, such as ",(0,i.jsx)(n.code,{children:"title-slide"}),", ",(0,i.jsx)(n.code,{children:"focus-slide"}),", and custom ",(0,i.jsx)(n.code,{children:"slides"})," methods."]}),"\n",(0,i.jsxs)(n.p,{children:["For the ",(0,i.jsx)(n.code,{children:"title-slide"})," method, first, we can obtain the information saved in ",(0,i.jsx)(n.code,{children:"self.info"})," through ",(0,i.jsx)(n.code,{children:"let info = self.info + args.named()"}),", and we can also update the information with ",(0,i.jsx)(n.code,{children:"args.named()"})," passed in through the function parameters for subsequent use in the form of ",(0,i.jsx)(n.code,{children:"info.title"}),". The specific page content ",(0,i.jsx)(n.code,{children:"body"})," will vary for each theme, so I won't go into too much detail here."]}),"\n",(0,i.jsxs)(n.p,{children:["For the ",(0,i.jsx)(n.code,{children:"new-section-slide"})," method, it's the same, but the only thing to note is that we registered ",(0,i.jsx)(n.code,{children:"new-section-slide-fn: new-section-slide"})," in ",(0,i.jsx)(n.code,{children:"config-methods()"}),", so ",(0,i.jsx)(n.code,{children:"new-section-slide"})," will be automatically called when encountering a first-level heading."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'// bamboo.typ\n#import "@preview/touying:0.5.3": *\n\n#let slide(title: auto, ..args) = touying-slide-wrapper(self => {\n if title != auto {\n self.store.title = title\n }\n // set page\n let header(self) = {\n set align(top)\n show: components.cell.with(fill: self.colors.primary, inset: 1em)\n set align(horizon)\n set text(fill: self.colors.neutral-lightest, size: .7em)\n utils.display-current-heading(level: 1)\n linebreak()\n set text(size: 1.5em)\n if self.store.title != none {\n utils.call-or-display(self, self.store.title)\n } else {\n utils.display-current-heading(level: 2)\n }\n }\n let footer(self) = {\n set align(bottom)\n show: pad.with(.4em)\n set text(fill: self.colors.neutral-darkest, size: .8em)\n utils.call-or-display(self, self.store.footer)\n h(1fr)\n context utils.slide-counter.display() + " / " + utils.last-slide-number\n }\n self = utils.merge-dicts(\n self,\n config-page(\n header: header,\n footer: footer,\n ),\n )\n touying-slide(self: self, ..args)\n})\n\n#let title-slide(..args) = touying-slide-wrapper(self => {\n let info = self.info + args.named()\n let body = {\n set align(center + horizon)\n block(\n fill: self.colors.primary,\n width: 80%,\n inset: (y: 1em),\n radius: 1em,\n text(size: 2em, fill: self.colors.neutral-lightest, weight: "bold", info.title),\n )\n set text(fill: self.colors.neutral-darkest)\n if info.author != none {\n block(info.author)\n }\n if info.date != none {\n block(utils.display-info-date(self))\n }\n }\n touying-slide(self: self, body)\n})\n\n#let new-section-slide(self: none, section) = touying-slide-wrapper(self => {\n let body = {\n set align(center + horizon)\n set text(size: 2em, fill: self.colors.primary, weight: "bold", style: "italic")\n section\n }\n touying-slide(self: self, body)\n})\n\n#let focus-slide(body) = touying-slide-wrapper(self => {\n self = utils.merge-dicts(\n self,\n config-page(\n fill: self.colors.primary,\n margin: 2em,\n ),\n )\n set text(fill: self.colors.neutral-lightest, size: 2em)\n touying-slide(self: self, align(horizon + center, body))\n})\n\n#let bamboo-theme(\n aspect-ratio: "16-9",\n footer: none,\n ..args,\n body,\n) = {\n set text(size: 20pt)\n\n show: touying-slides.with(\n config-page(\n paper: "presentation-" + aspect-ratio,\n margin: (top: 4em, bottom: 1.5em, x: 2em),\n ),\n config-common(\n slide-fn: slide,\n new-section-slide-fn: new-section-slide,\n ),\n config-methods(alert: utils.alert-with-primary-color),\n config-colors(\n primary: rgb("#5E8B65"),\n neutral-lightest: rgb("#ffffff"),\n neutral-darkest: rgb("#000000"),\n ),\n config-store(\n title: none,\n footer: footer,\n ),\n ..args,\n )\n\n body\n}\n\n\n// main.typ\n#import "@preview/touying:0.5.3": *\n#import "bamboo.typ": *\n\n#show: bamboo-theme.with(\n aspect-ratio: "16-9",\n footer: self => self.info.institution,\n config-info(\n title: [Title],\n subtitle: [Subtitle],\n author: [Authors],\n date: datetime.today(),\n institution: [Institution],\n ),\n)\n\n#title-slide()\n\n= First Section\n\n== First Slide\n\nA slide with a title and an *important* information.\n\n#focus-slide[\n Focus on it!\n]\n'})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{src:"https://github.com/touying-typ/touying/assets/34951714/03c5ad02-8ff4-4068-9664-d9cfad79baaf",alt:"image"})}),"\n",(0,i.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(n.p,{children:"Congratulations! You've created a simple and elegant theme. Perhaps you may find that Touying introduces a wealth of concepts, making it initially challenging to grasp. This is normal, as Touying opts for functionality over simplicity. However, thanks to Touying's comprehensive and unified approach, you can easily extract commonalities between different themes and transfer your knowledge seamlessly. You can also save global variables, modify existing themes, or switch between themes effortlessly, showcasing the benefits of Touying's decoupling."})]})}function h(e={}){const{wrapper:n}={...(0,o.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},1151:(e,n,t)=>{t.d(n,{Z:()=>r,a:()=>l});var i=t(7294);const o={},s=i.createContext(o);function l(e){const n=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:l(e.components),i.createElement(s.Provider,{value:n},e.children)}}}]); \ No newline at end of file +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[458],{5820:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>a,contentTitle:()=>l,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=t(5893),o=t(1151);const s={sidebar_position:11},l="Build Your Own Theme",r={id:"build-your-own-theme",title:"Build Your Own Theme",description:"Creating your own theme with Touying can be a bit complex due to the many concepts we've introduced. But rest assured, if you do create a theme with Touying, you might deeply appreciate the convenience and powerful customizability that Touying offers. You can refer to the source code of the themes. The main things you need to implement are:",source:"@site/versioned_docs/version-0.5.x/build-your-own-theme.md",sourceDirName:".",slug:"/build-your-own-theme",permalink:"/docs/build-your-own-theme",draft:!1,unlisted:!1,editUrl:"https://github.com/touying-typ/touying/tree/main/docs/versioned_docs/version-0.5.x/build-your-own-theme.md",tags:[],version:"0.5.x",sidebarPosition:11,frontMatter:{sidebar_position:11},sidebar:"tutorialSidebar",previous:{title:"Custom Theme",permalink:"/docs/themes/custom"},next:{title:"Progress",permalink:"/docs/category/progress"}},a={},c=[{value:"Modifying Existing Themes",id:"modifying-existing-themes",level:2},{value:"Importing",id:"importing",level:2},{value:"register Function and init Method",id:"register-function-and-init-method",level:2},{value:"Color Theme",id:"color-theme",level:2},{value:"Practical: Custom Alert Method",id:"practical-custom-alert-method",level:2},{value:"Custom Header and Footer",id:"custom-header-and-footer",level:2},{value:"Custom Special Slides",id:"custom-special-slides",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",ul:"ul",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.h1,{id:"build-your-own-theme",children:"Build Your Own Theme"}),"\n",(0,i.jsxs)(n.p,{children:["Creating your own theme with Touying can be a bit complex due to the many concepts we've introduced. But rest assured, if you do create a theme with Touying, you might deeply appreciate the convenience and powerful customizability that Touying offers. You can refer to the ",(0,i.jsx)(n.a,{href:"https://github.com/touying-typ/touying/tree/main/themes",children:"source code of the themes"}),". The main things you need to implement are:"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["Customizing the ",(0,i.jsx)(n.code,{children:"xxx-theme"})," function;"]}),"\n",(0,i.jsxs)(n.li,{children:["Customizing the color theme, i.e., ",(0,i.jsx)(n.code,{children:"config-colors()"}),";"]}),"\n",(0,i.jsx)(n.li,{children:"Customizing the header;"}),"\n",(0,i.jsx)(n.li,{children:"Customizing the footer;"}),"\n",(0,i.jsxs)(n.li,{children:["Customizing the ",(0,i.jsx)(n.code,{children:"slide"})," method;"]}),"\n",(0,i.jsxs)(n.li,{children:["Customizing special slide methods, such as ",(0,i.jsx)(n.code,{children:"title-slide"})," and ",(0,i.jsx)(n.code,{children:"focus-slide"})," methods;"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"To demonstrate how to create a theme with Touying, let's step by step create a simple and aesthetically pleasing Bamboo theme."}),"\n",(0,i.jsx)(n.h2,{id:"modifying-existing-themes",children:"Modifying Existing Themes"}),"\n",(0,i.jsx)(n.p,{children:"If you want to modify a Touying internal theme locally instead of creating one from scratch, you can achieve this by:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["Copying the ",(0,i.jsx)(n.a,{href:"https://github.com/touying-typ/touying/tree/main/themes",children:"theme code"})," from the ",(0,i.jsx)(n.code,{children:"themes"})," directory to your local, for example, copying ",(0,i.jsx)(n.code,{children:"themes/university.typ"})," to your local ",(0,i.jsx)(n.code,{children:"university.typ"}),"."]}),"\n",(0,i.jsxs)(n.li,{children:["Replacing the ",(0,i.jsx)(n.code,{children:'#import "../src/exports.typ": *'})," command at the top of the ",(0,i.jsx)(n.code,{children:"university.typ"})," file with ",(0,i.jsx)(n.code,{children:'#import "@preview/touying:0.5.3": *'}),"."]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"Then you can import and use the theme by:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#import "@preview/touying:0.5.3": *\n#import "university.typ": *\n\n#show: university-theme.with(\n aspect-ratio: "16-9",\n config-info(\n title: [Title],\n subtitle: [Subtitle],\n author: [Authors],\n date: datetime.today(),\n institution: [Institution],\n logo: emoji.school,\n ),\n)\n'})}),"\n",(0,i.jsx)(n.h2,{id:"importing",children:"Importing"}),"\n",(0,i.jsx)(n.p,{children:"Depending on whether the theme is your own or part of Touying, you can import it in two ways:"}),"\n",(0,i.jsx)(n.p,{children:"If it's just for your own use, you can directly import Touying:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#import "@preview/touying:0.5.3": *\n'})}),"\n",(0,i.jsxs)(n.p,{children:["If you want the theme to be part of Touying, placed in the Touying ",(0,i.jsx)(n.code,{children:"themes"})," directory, then you should change the import statement above to"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#import "../src/exports.typ": *\n'})}),"\n",(0,i.jsx)(n.p,{children:"And add"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#import "bamboo.typ"\n'})}),"\n",(0,i.jsxs)(n.p,{children:["in Touying's ",(0,i.jsx)(n.code,{children:"themes/themes.typ"}),"."]}),"\n",(0,i.jsx)(n.h2,{id:"register-function-and-init-method",children:"register Function and init Method"}),"\n",(0,i.jsxs)(n.p,{children:["Next, we will differentiate between the ",(0,i.jsx)(n.code,{children:"bamboo.typ"})," template file and the ",(0,i.jsx)(n.code,{children:"main.typ"})," file, which is sometimes omitted."]}),"\n",(0,i.jsx)(n.p,{children:"Generally, the first step in making slides is to determine the font size and page aspect ratio, so we need to register an initialization method:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'// bamboo.typ\n#import "@preview/touying:0.5.3": *\n\n#let bamboo-theme(\n aspect-ratio: "16-9",\n ..args,\n body,\n) = {\n set text(size: 20pt)\n\n show: touying-slides.with(\n config-page(paper: "presentation-" + aspect-ratio),\n config-common(\n slide-fn: slide,\n ),\n ..args,\n )\n\n body\n}\n\n// main.typ\n#import "@preview/touying:0.5.3": *\n#import "bamboo.typ": *\n\n#show: bamboo-theme.with(aspect-ratio: "16-9")\n\n= First Section\n\n== First Slide\n\nA slide with a title and an *important* information.\n'})}),"\n",(0,i.jsxs)(n.p,{children:["As you can see, we've created a ",(0,i.jsx)(n.code,{children:"bamboo-theme"})," function and passed in an ",(0,i.jsx)(n.code,{children:"aspect-ratio"})," parameter to set the page aspect ratio. We've also added ",(0,i.jsx)(n.code,{children:"set text(size: 20pt)"})," to set the font size. You can also place some additional global style settings here, such as ",(0,i.jsx)(n.code,{children:"set par(justify: true)"}),", etc. If you need to use ",(0,i.jsx)(n.code,{children:"self"}),", you might consider using ",(0,i.jsx)(n.code,{children:"config-methods(init: (self: none, body) => { .. })"})," to register an ",(0,i.jsx)(n.code,{children:"init"})," method."]}),"\n",(0,i.jsxs)(n.p,{children:["As you can see, later in ",(0,i.jsx)(n.code,{children:"main.typ"}),", we apply our style settings through ",(0,i.jsx)(n.code,{children:'#show: bamboo-theme.with(aspect-ratio: "16-9")'}),", and internally ",(0,i.jsx)(n.code,{children:"bamboo"})," uses ",(0,i.jsx)(n.code,{children:"show: touying-slides.with()"})," for corresponding configurations."]}),"\n",(0,i.jsx)(n.h2,{id:"color-theme",children:"Color Theme"}),"\n",(0,i.jsxs)(n.p,{children:["Picking an aesthetically pleasing color theme for your slides is key to making good slides. Touying provides built-in color theme support to minimize API differences between different themes. Touying offers two dimensions of color selection. The first dimension is ",(0,i.jsx)(n.code,{children:"neutral"}),", ",(0,i.jsx)(n.code,{children:"primary"}),", ",(0,i.jsx)(n.code,{children:"secondary"}),", and ",(0,i.jsx)(n.code,{children:"tertiary"}),", which are used to distinguish color tones, with ",(0,i.jsx)(n.code,{children:"primary"})," being the most commonly used theme color. The second dimension is ",(0,i.jsx)(n.code,{children:"default"}),", ",(0,i.jsx)(n.code,{children:"light"}),", ",(0,i.jsx)(n.code,{children:"lighter"}),", ",(0,i.jsx)(n.code,{children:"lightest"}),", ",(0,i.jsx)(n.code,{children:"dark"}),", ",(0,i.jsx)(n.code,{children:"darker"}),", ",(0,i.jsx)(n.code,{children:"darkest"}),", which are used to distinguish brightness levels."]}),"\n",(0,i.jsxs)(n.p,{children:["Since we are creating the Bamboo theme, we have chosen a color close to bamboo for the ",(0,i.jsx)(n.code,{children:"primary"})," theme color, ",(0,i.jsx)(n.code,{children:'rgb("#5E8B65")'}),", and added neutral colors ",(0,i.jsx)(n.code,{children:"neutral-lightest"}),", ",(0,i.jsx)(n.code,{children:"neutral-darkest"}),", respectively, as the background and font colors."]}),"\n",(0,i.jsxs)(n.p,{children:["As shown in the following code, we can use the ",(0,i.jsx)(n.code,{children:"config-colors()"})," method to modify the color theme. Its essence is a wrapper for ",(0,i.jsx)(n.code,{children:"self.colors += (..)"}),"."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#let bamboo-theme(\n aspect-ratio: "16-9",\n ..args,\n body,\n) = {\n set text(size: 20pt)\n\n show: touying-slides.with(\n config-page(paper: "presentation-" + aspect-ratio),\n config-common(\n slide-fn: slide,\n ),\n config-colors(\n primary: rgb("#5E8B65"),\n neutral-lightest: rgb("#ffffff"),\n neutral-darkest: rgb("#000000"),\n ),\n ..args,\n )\n\n body\n}\n'})}),"\n",(0,i.jsxs)(n.p,{children:["After adding the color theme as shown above, we can access this color through ",(0,i.jsx)(n.code,{children:"self.colors.primary"}),"."]}),"\n",(0,i.jsxs)(n.p,{children:["It's also worth noting that users can change the color theme at any time in ",(0,i.jsx)(n.code,{children:"main.typ"})," by using ",(0,i.jsx)(n.code,{children:"config-colors()"})," or"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'#show: touying-set-config.with(config-colors(\n primary: blue,\n neutral-lightest: rgb("#ffffff"),\n neutral-darkest: rgb("#000000"),\n))\n'})}),"\n",(0,i.jsx)(n.p,{children:"This feature of being able to change the color theme at any time is a testament to Touying's powerful customizability."}),"\n",(0,i.jsx)(n.h2,{id:"practical-custom-alert-method",children:"Practical: Custom Alert Method"}),"\n",(0,i.jsxs)(n.p,{children:["Generally, we need to provide a ",(0,i.jsx)(n.code,{children:"#alert[..]"})," function for users, similar to ",(0,i.jsx)(n.code,{children:"#strong[..]"}),", both of which are used to emphasize the current text. Typically, ",(0,i.jsx)(n.code,{children:"#alert[..]"})," will change the text color to the theme color, which will look more aesthetically pleasing, and this is our next goal."]}),"\n",(0,i.jsxs)(n.p,{children:["We add a line in the ",(0,i.jsx)(n.code,{children:"register"})," function:"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:"config-methods(alert: (self: none, it) => text(fill: self.colors.primary, it))\n"})}),"\n",(0,i.jsxs)(n.p,{children:["This code means to change the text color to ",(0,i.jsx)(n.code,{children:"self.colors.primary"}),", and the ",(0,i.jsx)(n.code,{children:"self"})," here is passed in through the parameter ",(0,i.jsx)(n.code,{children:"self: none"}),", so that we can get the ",(0,i.jsx)(n.code,{children:"primary"})," theme color in real-time."]}),"\n",(0,i.jsx)(n.p,{children:"We can also use a shorthand."}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:"config-methods(alert: utils.alert-with-primary-color)\n"})}),"\n",(0,i.jsx)(n.h2,{id:"custom-header-and-footer",children:"Custom Header and Footer"}),"\n",(0,i.jsx)(n.p,{children:"Here, I assume you have read the page layout section, so we know that we should add a header and footer to the slides."}),"\n",(0,i.jsxs)(n.p,{children:["First, we add ",(0,i.jsx)(n.code,{children:"config-store(title: none)"}),", which means that we save the current slide's title as a member variable ",(0,i.jsx)(n.code,{children:"self.store.title"})," inside ",(0,i.jsx)(n.code,{children:"self"}),", making it convenient for us to use in the header and for subsequent modifications. Similarly, we also create a ",(0,i.jsx)(n.code,{children:"config-store(footer: footer)"})," and save the ",(0,i.jsx)(n.code,{children:"footer: none"})," parameter of the ",(0,i.jsx)(n.code,{children:"bamboo-theme"})," function for display in the footer at the bottom left corner."]}),"\n",(0,i.jsxs)(n.p,{children:["Then it's worth noting that our header is actually a content function with ",(0,i.jsx)(n.code,{children:"self"})," as a parameter, like ",(0,i.jsx)(n.code,{children:"let header(self) = { .. }"}),", rather than a simple content, so that we can get the information we need from the latest ",(0,i.jsx)(n.code,{children:"self"}),", such as ",(0,i.jsx)(n.code,{children:"self.store.title"}),". The footer is the same."]}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.code,{children:"components.cell"})," used here is actually ",(0,i.jsx)(n.code,{children:"#let cell = block.with(width: 100%, height: 100%, above: 0pt, below: 0pt, breakable: false)"}),", and ",(0,i.jsx)(n.code,{children:"show: components.cell"})," is also a shorthand for ",(0,i.jsx)(n.code,{children:"components.cell(body)"}),", and the ",(0,i.jsx)(n.code,{children:"show: pad.with(.4em)"})," for the footer is the same."]}),"\n",(0,i.jsxs)(n.p,{children:["Another point to note is that the ",(0,i.jsx)(n.code,{children:"utils"})," module contains many contents and methods related to counters and states, such as ",(0,i.jsx)(n.code,{children:"utils.display-current-heading(level: 1)"})," for displaying the current ",(0,i.jsx)(n.code,{children:"section"}),", and ",(0,i.jsx)(n.code,{children:'context utils.slide-counter.display() + " / " + utils.last-slide-number'})," for displaying the current page number and total number of pages."]}),"\n",(0,i.jsxs)(n.p,{children:["We also find that we use syntax like ",(0,i.jsx)(n.code,{children:"utils.call-or-display(self, self.store.footer)"})," to display ",(0,i.jsx)(n.code,{children:"self.store.footer"}),", which is to deal with the situation of ",(0,i.jsx)(n.code,{children:"self.store.footer = self => {..}"}),", so that we can unify the display of content functions and content."]}),"\n",(0,i.jsxs)(n.p,{children:["To ensure that the header and footer are displayed correctly and have enough spacing from the main text, we need to set the margin, such as ",(0,i.jsx)(n.code,{children:"config-page(margin: (top: 4em, bottom: 1.5em, x: 2em))"}),"."]}),"\n",(0,i.jsxs)(n.p,{children:["We also need to customize a ",(0,i.jsx)(n.code,{children:"slide"})," method, which accepts ",(0,i.jsx)(n.code,{children:"#let slide(title: auto, ..args) = touying-slide-wrapper(self => {..})"}),", where ",(0,i.jsx)(n.code,{children:"self"})," in the callback function is a required parameter to get the latest ",(0,i.jsx)(n.code,{children:"self"}),"; the second ",(0,i.jsx)(n.code,{children:"title"})," is used to update ",(0,i.jsx)(n.code,{children:"self.store.title"})," for display in the header; the third ",(0,i.jsx)(n.code,{children:"..args"})," is used to collect the remaining parameters and pass them to ",(0,i.jsx)(n.code,{children:"touying-slide(self: self, ..args)"}),", which is also necessary for the normal functioning of Touying's ",(0,i.jsx)(n.code,{children:"slide"})," feature. Moreover, we need to register this method in the ",(0,i.jsx)(n.code,{children:"bamboo-theme"})," function using ",(0,i.jsx)(n.code,{children:"config-methods(slide: slide)"}),"."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'// bamboo.typ\n#import "@preview/touying:0.5.3": *\n\n#let slide(title: auto, ..args) = touying-slide-wrapper(self => {\n if title != auto {\n self.store.title = title\n }\n // set page\n let header(self) = {\n set align(top)\n show: components.cell.with(fill: self.colors.primary, inset: 1em)\n set align(horizon)\n set text(fill: self.colors.neutral-lightest, size: .7em)\n utils.display-current-heading(level: 1)\n linebreak()\n set text(size: 1.5em)\n if self.store.title != none {\n utils.call-or-display(self, self.store.title)\n } else {\n utils.display-current-heading(level: 2)\n }\n }\n let footer(self) = {\n set align(bottom)\n show: pad.with(.4em)\n set text(fill: self.colors.neutral-darkest, size: .8em)\n utils.call-or-display(self, self.store.footer)\n h(1fr)\n context utils.slide-counter.display() + " / " + utils.last-slide-number\n }\n self = utils.merge-dicts(\n self,\n config-page(\n header: header,\n footer: footer,\n ),\n )\n touying-slide(self: self, ..args)\n})\n\n#let bamboo-theme(\n aspect-ratio: "16-9",\n footer: none,\n ..args,\n body,\n) = {\n set text(size: 20pt)\n\n show: touying-slides.with(\n config-page(\n paper: "presentation-" + aspect-ratio,\n margin: (top: 4em, bottom: 1.5em, x: 2em),\n ),\n config-common(\n slide-fn: slide,\n ),\n config-methods(\n alert: utils.alert-with-primary-color,\n ),\n config-colors(\n primary: rgb("#5E8B65"),\n neutral-lightest: rgb("#ffffff"),\n neutral-darkest: rgb("#000000"),\n ),\n config-store(\n title: none,\n footer: footer,\n ),\n ..args,\n )\n\n body\n}\n\n\n// main.typ\n#import "@preview/touying:0.5.3": *\n#import "bamboo.typ": *\n\n#show: bamboo-theme.with(aspect-ratio: "16-9")\n\n= First Section\n\n== First Slide\n\nA slide with a title and an *important* information.\n'})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{src:"https://github.com/touying-typ/touying/assets/34951714/d33bcda7-c032-4b11-b392-5b939d9a0a47",alt:"image"})}),"\n",(0,i.jsx)(n.h2,{id:"custom-special-slides",children:"Custom Special Slides"}),"\n",(0,i.jsxs)(n.p,{children:["On the basis of the basic slides we've created, we further add some special slide functions, such as ",(0,i.jsx)(n.code,{children:"title-slide"}),", ",(0,i.jsx)(n.code,{children:"focus-slide"}),", and custom ",(0,i.jsx)(n.code,{children:"slides"})," methods."]}),"\n",(0,i.jsxs)(n.p,{children:["For the ",(0,i.jsx)(n.code,{children:"title-slide"})," method, first, we can obtain the information saved in ",(0,i.jsx)(n.code,{children:"self.info"})," through ",(0,i.jsx)(n.code,{children:"let info = self.info + args.named()"}),", and we can also update the information with ",(0,i.jsx)(n.code,{children:"args.named()"})," passed in through the function parameters for subsequent use in the form of ",(0,i.jsx)(n.code,{children:"info.title"}),". The specific page content ",(0,i.jsx)(n.code,{children:"body"})," will vary for each theme, so I won't go into too much detail here."]}),"\n",(0,i.jsxs)(n.p,{children:["For the ",(0,i.jsx)(n.code,{children:"new-section-slide"})," method, it's the same, but the only thing to note is that we registered ",(0,i.jsx)(n.code,{children:"new-section-slide-fn: new-section-slide"})," in ",(0,i.jsx)(n.code,{children:"config-methods()"}),", so ",(0,i.jsx)(n.code,{children:"new-section-slide"})," will be automatically called when encountering a first-level heading."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-typst",children:'// bamboo.typ\n#import "@preview/touying:0.5.3": *\n\n#let slide(title: auto, ..args) = touying-slide-wrapper(self => {\n if title != auto {\n self.store.title = title\n }\n // set page\n let header(self) = {\n set align(top)\n show: components.cell.with(fill: self.colors.primary, inset: 1em)\n set align(horizon)\n set text(fill: self.colors.neutral-lightest, size: .7em)\n utils.display-current-heading(level: 1)\n linebreak()\n set text(size: 1.5em)\n if self.store.title != none {\n utils.call-or-display(self, self.store.title)\n } else {\n utils.display-current-heading(level: 2)\n }\n }\n let footer(self) = {\n set align(bottom)\n show: pad.with(.4em)\n set text(fill: self.colors.neutral-darkest, size: .8em)\n utils.call-or-display(self, self.store.footer)\n h(1fr)\n context utils.slide-counter.display() + " / " + utils.last-slide-number\n }\n self = utils.merge-dicts(\n self,\n config-page(\n header: header,\n footer: footer,\n ),\n )\n touying-slide(self: self, ..args)\n})\n\n#let title-slide(..args) = touying-slide-wrapper(self => {\n let info = self.info + args.named()\n let body = {\n set align(center + horizon)\n block(\n fill: self.colors.primary,\n width: 80%,\n inset: (y: 1em),\n radius: 1em,\n text(size: 2em, fill: self.colors.neutral-lightest, weight: "bold", info.title),\n )\n set text(fill: self.colors.neutral-darkest)\n if info.author != none {\n block(info.author)\n }\n if info.date != none {\n block(utils.display-info-date(self))\n }\n }\n touying-slide(self: self, body)\n})\n\n#let new-section-slide(self: none, body) = touying-slide-wrapper(self => {\n let main-body = {\n set align(center + horizon)\n set text(size: 2em, fill: self.colors.primary, weight: "bold", style: "italic")\n utils.display-current-heading(level: 1)\n }\n touying-slide(self: self, main-body)\n})\n\n#let focus-slide(body) = touying-slide-wrapper(self => {\n self = utils.merge-dicts(\n self,\n config-page(\n fill: self.colors.primary,\n margin: 2em,\n ),\n )\n set text(fill: self.colors.neutral-lightest, size: 2em)\n touying-slide(self: self, align(horizon + center, body))\n})\n\n#let bamboo-theme(\n aspect-ratio: "16-9",\n footer: none,\n ..args,\n body,\n) = {\n set text(size: 20pt)\n\n show: touying-slides.with(\n config-page(\n paper: "presentation-" + aspect-ratio,\n margin: (top: 4em, bottom: 1.5em, x: 2em),\n ),\n config-common(\n slide-fn: slide,\n new-section-slide-fn: new-section-slide,\n ),\n config-methods(alert: utils.alert-with-primary-color),\n config-colors(\n primary: rgb("#5E8B65"),\n neutral-lightest: rgb("#ffffff"),\n neutral-darkest: rgb("#000000"),\n ),\n config-store(\n title: none,\n footer: footer,\n ),\n ..args,\n )\n\n body\n}\n\n\n// main.typ\n#import "@preview/touying:0.5.3": *\n#import "bamboo.typ": *\n\n#show: bamboo-theme.with(\n aspect-ratio: "16-9",\n footer: self => self.info.institution,\n config-info(\n title: [Title],\n subtitle: [Subtitle],\n author: [Authors],\n date: datetime.today(),\n institution: [Institution],\n ),\n)\n\n#title-slide()\n\n= First Section\n\n== First Slide\n\nA slide with a title and an *important* information.\n\n#focus-slide[\n Focus on it!\n]\n'})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{src:"https://github.com/touying-typ/touying/assets/34951714/03c5ad02-8ff4-4068-9664-d9cfad79baaf",alt:"image"})}),"\n",(0,i.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(n.p,{children:"Congratulations! You've created a simple and elegant theme. Perhaps you may find that Touying introduces a wealth of concepts, making it initially challenging to grasp. This is normal, as Touying opts for functionality over simplicity. However, thanks to Touying's comprehensive and unified approach, you can easily extract commonalities between different themes and transfer your knowledge seamlessly. You can also save global variables, modify existing themes, or switch between themes effortlessly, showcasing the benefits of Touying's decoupling."})]})}function h(e={}){const{wrapper:n}={...(0,o.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},1151:(e,n,t)=>{t.d(n,{Z:()=>r,a:()=>l});var i=t(7294);const o={},s=i.createContext(o);function l(e){const n=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:l(e.components),i.createElement(s.Provider,{value:n},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/main.f71bc4b4.js b/assets/js/main.87db3418.js similarity index 99% rename from assets/js/main.f71bc4b4.js rename to assets/js/main.87db3418.js index eb6eaf2c..71312f8d 100644 --- a/assets/js/main.f71bc4b4.js +++ b/assets/js/main.87db3418.js @@ -1,2 +1,2 @@ -/*! For license information please see main.f71bc4b4.js.LICENSE.txt */ -(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[179],{723:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(7294);var r=n(8356),o=n.n(r),a=n(6887);const i={"018a1506":[()=>n.e(69).then(n.bind(n,3390)),"@site/versioned_docs/version-0.3.2+/code-styles.md",3390],"01a85c17":[()=>Promise.all([n.e(532),n.e(4013)]).then(n.bind(n,1223)),"@theme/BlogTagsListPage",1223],"024af9ce":[()=>n.e(6902).then(n.bind(n,8154)),"@site/versioned_docs/version-0.4.0+/utilities/oop.md",8154],"0275f7e4":[()=>n.e(1560).then(n.bind(n,1898)),"@site/versioned_docs/version-0.2.x/progress/counters.md",1898],"02f62403":[()=>n.e(7836).then(n.bind(n,7837)),"@site/versioned_docs/version-0.3.x/sections.md",7837],"0479d12b":[()=>n.e(4621).then(n.bind(n,3498)),"@site/versioned_docs/version-0.3.2+/utilities/oop.md",3498],"04b649ca":[()=>n.e(1089).then(n.bind(n,4519)),"@site/versioned_docs/version-0.4.0+/themes/university.md",4519],"05206b71":[()=>n.e(8881).then(n.bind(n,4693)),"@site/versioned_docs/version-0.4.0+/external/pdfpc.md",4693],"05ed0e1f":[()=>n.e(7503).then(n.bind(n,8338)),"@site/versioned_docs/version-0.4.0+/themes/aqua.md",8338],"06e97d6d":[()=>n.e(7899).then(n.bind(n,225)),"@site/versioned_docs/version-0.4.2/external/pympress.md",225],"072a110d":[()=>n.e(4061).then(n.bind(n,3074)),"@site/versioned_docs/version-0.4.2/code-styles.md",3074],"080c9bd0":[()=>n.e(417).then(n.bind(n,137)),"@site/versioned_docs/version-0.3.x/external/pdfpc.md",137],"09d28271":[()=>n.e(498).then(n.t.bind(n,4746,19)),"~docs/default/category-docs-040-tutorialsidebar-category-external-tools-158.json",4746],"09ecdeab":[()=>n.e(9139).then(n.bind(n,7396)),"@site/docs/dynamic/cover.md",7396],"0b163c46":[()=>n.e(6486).then(n.bind(n,2502)),"@site/versioned_docs/version-0.4.2/multi-file.md",2502],"0d1c87af":[()=>n.e(2792).then(n.bind(n,2006)),"@site/docs/themes/aqua.md",2006],"0e384e19":[()=>n.e(9671).then(n.bind(n,7876)),"@site/docs/intro.md",7876],"0e3bf0ec":[()=>n.e(8211).then(n.bind(n,5114)),"@site/versioned_docs/version-0.5.x/dynamic/complex.md",5114],"0ecafbc3":[()=>n.e(8201).then(n.t.bind(n,6687,19)),"~docs/default/category-docs-032-tutorialsidebar-category-utilities-d3e.json",6687],"0ed1cf13":[()=>n.e(4245).then(n.bind(n,2936)),"@site/versioned_docs/version-0.4.2/themes/university.md",2936],11366869:[()=>n.e(5428).then(n.bind(n,7159)),"@site/versioned_docs/version-0.3.2+/utilities/fit-to.md",7159],"116fbef0":[()=>n.e(2432).then(n.bind(n,1529)),"@site/versioned_docs/version-0.3.x/integration/cetz.md",1529],"11b282fc":[()=>n.e(8814).then(n.bind(n,8079)),"@site/versioned_docs/version-0.2.x/dynamic/complex.md",8079],"139ef754":[()=>n.e(8016).then(n.bind(n,3717)),"@site/versioned_docs/version-0.5.x/themes/dewdrop.md",3717],"14eb3368":[()=>Promise.all([n.e(532),n.e(9817)]).then(n.bind(n,4228)),"@theme/DocCategoryGeneratedIndexPage",4228],"1514c4f3":[()=>n.e(3651).then(n.bind(n,118)),"@site/versioned_docs/version-0.3.2+/integration/fletcher.md",118],"16a5b323":[()=>n.e(7140).then(n.bind(n,1871)),"@site/versioned_docs/version-0.4.1/integration/fletcher.md",1871],"173c8b24":[()=>n.e(4733).then(n.bind(n,6130)),"@site/versioned_docs/version-0.3.x/themes/metropolis.md",6130],17588091:[()=>n.e(4823).then(n.bind(n,3706)),"@site/versioned_docs/version-0.3.x/changelog.md",3706],17896441:[()=>Promise.all([n.e(532),n.e(9206),n.e(7918)]).then(n.bind(n,5154)),"@theme/DocItem",5154],"1aab1ab5":[()=>n.e(2701).then(n.t.bind(n,4533,19)),"~docs/default/version-0-3-2-metadata-prop-d6b.json",4533],"1adbd46f":[()=>n.e(7323).then(n.t.bind(n,1219,19)),"~docs/default/category-docs-032-tutorialsidebar-category-progress-e05.json",1219],"1b6fd54f":[()=>n.e(5921).then(n.bind(n,479)),"@site/versioned_docs/version-0.3.2+/intro.md",479],"1bf261d1":[()=>n.e(8271).then(n.bind(n,8593)),"@site/versioned_docs/version-0.4.1/themes/metropolis.md",8593],"1cf5eacf":[()=>n.e(5635).then(n.t.bind(n,8322,19)),"~docs/default/version-0-4-0-metadata-prop-2ad.json",8322],"1ea66885":[()=>n.e(9985).then(n.bind(n,5099)),"@site/versioned_docs/version-0.4.1/multi-file.md",5099],"1f391b9e":[()=>Promise.all([n.e(532),n.e(9206),n.e(3085)]).then(n.bind(n,4247)),"@theme/MDXPage",4247],"1f532c1a":[()=>n.e(224).then(n.t.bind(n,1910,19)),"~docs/default/category-docsnext-tutorialsidebar-category-progress-e71.json",1910],"1f894b1c":[()=>n.e(741).then(n.t.bind(n,572,19)),"~docs/default/category-docs-03-x-tutorialsidebar-category-external-tools-46b.json",572],"2073d020":[()=>n.e(2964).then(n.bind(n,3701)),"@site/versioned_docs/version-0.4.2/dynamic/cover.md",3701],"2177108b":[()=>n.e(3943).then(n.t.bind(n,309,19)),"~docs/default/category-docs-tutorialsidebar-category-dynamic-slides-721.json",309],"2227535b":[()=>n.e(1417).then(n.bind(n,8700)),"@site/versioned_docs/version-0.5.x/external/pympress.md",8700],"238fa700":[()=>n.e(44).then(n.bind(n,7522)),"@site/versioned_docs/version-0.5.x/themes/metropolis.md",7522],"2553c37c":[()=>n.e(5526).then(n.bind(n,2382)),"@site/versioned_docs/version-0.3.2+/build-your-own-theme.md",2382],"2659fc90":[()=>n.e(5437).then(n.bind(n,932)),"@site/versioned_docs/version-0.5.x/multi-file.md",932],"267f059f":[()=>n.e(2786).then(n.bind(n,5580)),"@site/versioned_docs/version-0.2.x/external/pdfpc.md",5580],"286c2c64":[()=>n.e(6296).then(n.bind(n,5374)),"@site/versioned_docs/version-0.3.x/dynamic/simple.md",5374],"28a86b5d":[()=>n.e(4447).then(n.bind(n,2970)),"@site/versioned_docs/version-0.3.x/build-your-own-theme.md",2970],"293f9c83":[()=>n.e(8088).then(n.bind(n,9547)),"@site/docs/integration/cetz.md",9547],"29a36bd7":[()=>n.e(4694).then(n.t.bind(n,3061,19)),"~blog/default/blog-tags-development-9e5-list.json",3061],"2ad3b083":[()=>n.e(4282).then(n.bind(n,5704)),"@site/versioned_docs/version-0.5.x/themes/aqua.md",5704],"2b13119a":[()=>n.e(9027).then(n.bind(n,629)),"@site/versioned_docs/version-0.3.2+/sections.md",629],"2b886b59":[()=>n.e(4645).then(n.bind(n,5186)),"@site/versioned_docs/version-0.4.2/integration/cetz.md",5186],"2b9fd23c":[()=>n.e(7545).then(n.bind(n,7512)),"@site/versioned_docs/version-0.2.x/changelog.md",7512],"2c0b54ac":[()=>n.e(80).then(n.bind(n,8925)),"@site/docs/utilities/fit-to.md",8925],"2cc1595c":[()=>n.e(5616).then(n.bind(n,6411)),"@site/versioned_docs/version-0.2.x/dynamic/other.md",6411],"2d4a7f47":[()=>n.e(9183).then(n.bind(n,9763)),"@site/blog/2024-01-17-touying-0-2-0.md",9763],"3018dfec":[()=>n.e(308).then(n.bind(n,158)),"@site/versioned_docs/version-0.5.x/layout.md",158],"30e9e8ba":[()=>n.e(8694).then(n.bind(n,5129)),"@site/versioned_docs/version-0.4.0+/integration/mitex.md",5129],"3143bd0d":[()=>n.e(2529).then(n.bind(n,2705)),"@site/versioned_docs/version-0.3.2+/external/typst-preview.md",2705],"32e572c7":[()=>n.e(2340).then(n.t.bind(n,1564,19)),"~docs/default/category-docs-tutorialsidebar-category-utilities-89d.json",1564],"332622f2":[()=>n.e(7256).then(n.bind(n,4149)),"@site/versioned_docs/version-0.4.1/dynamic/equation.md",4149],"33b22e37":[()=>n.e(8937).then(n.bind(n,4911)),"@site/versioned_docs/version-0.4.1/integration/ctheorems.md",4911],"340f1526":[()=>n.e(1893).then(n.bind(n,4405)),"@site/versioned_docs/version-0.3.2+/changelog.md",4405],"34ff0b4c":[()=>n.e(8084).then(n.bind(n,9634)),"@site/versioned_docs/version-0.3.x/intro.md",9634],"359eb289":[()=>n.e(5651).then(n.bind(n,4153)),"@site/versioned_docs/version-0.4.0+/changelog.md",4153],"360788d8":[()=>n.e(6275).then(n.t.bind(n,2860,19)),"~docs/default/category-docs-040-tutorialsidebar-category-package-integration-978.json",2860],"38682d35":[()=>n.e(9413).then(n.bind(n,346)),"@site/versioned_docs/version-0.3.x/themes/simple.md",346],"38803c52":[()=>n.e(6721).then(n.bind(n,1217)),"@site/versioned_docs/version-0.2.x/themes/university.md",1217],"393be207":[()=>n.e(7414).then(n.bind(n,1181)),"@site/src/pages/markdown-page.md",1181],39430005:[()=>n.e(9619).then(n.bind(n,4057)),"@site/docs/dynamic/other.md",4057],"395814e0":[()=>n.e(2630).then(n.t.bind(n,2246,19)),"~docs/default/category-docs-041-tutorialsidebar-category-utilities-9df.json",2246],"396cf6b9":[()=>n.e(9705).then(n.bind(n,4885)),"@site/docs/dynamic/simple.md",4885],"3b0a1f02":[()=>n.e(7460).then(n.bind(n,5644)),"@site/versioned_docs/version-0.4.1/integration/pinit.md",5644],"3c6c49a5":[()=>n.e(9799).then(n.bind(n,9342)),"@site/versioned_docs/version-0.4.1/progress/sections.md",9342],"3f2877b5":[()=>n.e(8350).then(n.bind(n,5813)),"@site/docs/integration/fletcher.md",5813],"3f5a5931":[()=>n.e(7257).then(n.bind(n,429)),"@site/versioned_docs/version-0.5.x/dynamic/simple.md",429],"3fefcd96":[()=>n.e(6518).then(n.bind(n,9235)),"@site/versioned_docs/version-0.3.2+/start.md",9235],"40f02aaa":[()=>n.e(7857).then(n.bind(n,6239)),"@site/versioned_docs/version-0.4.2/external/typst-preview.md",6239],"41abee02":[()=>n.e(3994).then(n.bind(n,2110)),"@site/versioned_docs/version-0.3.x/dynamic/equation.md",2110],"41b4e7a8":[()=>n.e(9949).then(n.t.bind(n,9505,19)),"~docs/default/category-docsnext-tutorialsidebar-category-package-integration-c64.json",9505],"428c02a9":[()=>n.e(5424).then(n.t.bind(n,3998,19)),"~docs/default/category-docs-042-tutorialsidebar-category-package-integration-078.json",3998],"461a3691":[()=>n.e(8737).then(n.t.bind(n,7156,19)),"~docs/default/category-docsnext-tutorialsidebar-category-external-tools-f23.json",7156],"472f8a66":[()=>n.e(8565).then(n.bind(n,2857)),"@site/docs/layout.md",2857],"4919068e":[()=>n.e(5313).then(n.bind(n,9575)),"@site/versioned_docs/version-0.4.0+/sections.md",9575],"495c719e":[()=>n.e(1400).then(n.bind(n,7102)),"@site/versioned_docs/version-0.3.2+/integration/polylux.md",7102],"49841adc":[()=>n.e(819).then(n.bind(n,4847)),"@site/versioned_docs/version-0.4.1/start.md",4847],"49c05bac":[()=>n.e(8235).then(n.bind(n,7965)),"@site/versioned_docs/version-0.4.2/dynamic/handout.md",7965],"4bb9edb3":[()=>n.e(3280).then(n.bind(n,567)),"@site/docs/dynamic/equation.md",567],"4c713790":[()=>n.e(3389).then(n.bind(n,4760)),"@site/versioned_docs/version-0.3.x/external/typst-preview.md",4760],"4e3d17c1":[()=>n.e(4067).then(n.bind(n,8284)),"@site/versioned_docs/version-0.4.0+/global-settings.md",8284],"4e747cbf":[()=>n.e(6488).then(n.t.bind(n,6929,19)),"~docs/default/category-docs-03-x-tutorialsidebar-category-package-integration-cb3.json",6929],"4fabf2f1":[()=>n.e(9090).then(n.bind(n,4825)),"@site/versioned_docs/version-0.3.x/themes/dewdrop.md",4825],"5057383c":[()=>n.e(5854).then(n.bind(n,3242)),"@site/docs/external/pympress.md",3242],"50b41f0d":[()=>n.e(4684).then(n.bind(n,752)),"@site/versioned_docs/version-0.5.x/sections.md",752],"50bbeff9":[()=>n.e(8367).then(n.bind(n,3690)),"@site/versioned_docs/version-0.5.x/external/typst-preview.md",3690],"51a4d3bf":[()=>n.e(2289).then(n.bind(n,4728)),"@site/docs/dynamic/complex.md",4728],"51f6a377":[()=>n.e(873).then(n.bind(n,2334)),"@site/versioned_docs/version-0.4.1/dynamic/complex.md",2334],"5297811e":[()=>n.e(7504).then(n.bind(n,7161)),"@site/versioned_docs/version-0.3.2+/external/pdfpc.md",7161],"52c10a2f":[()=>n.e(5671).then(n.bind(n,8741)),"@site/versioned_docs/version-0.5.x/themes/simple.md",8741],"54e3aac2":[()=>n.e(9213).then(n.bind(n,9919)),"@site/versioned_docs/version-0.4.2/dynamic/equation.md",9919],"5539901a":[()=>n.e(5701).then(n.bind(n,9275)),"@site/versioned_docs/version-0.4.0+/dynamic/cover.md",9275],"555ecac1":[()=>n.e(6662).then(n.bind(n,4620)),"@site/versioned_docs/version-0.2.x/start.md",4620],"55b57bd3":[()=>n.e(6259).then(n.bind(n,4628)),"@site/docs/integration/ctheorems.md",4628],"5670b452":[()=>n.e(997).then(n.bind(n,2261)),"@site/docs/build-your-own-theme.md",2261],"5806a9e1":[()=>n.e(1827).then(n.bind(n,9288)),"@site/versioned_docs/version-0.4.0+/progress/counters.md",9288],"58092a00":[()=>n.e(6099).then(n.bind(n,8018)),"@site/versioned_docs/version-0.3.2+/integration/pinit.md",8018],58132609:[()=>n.e(6175).then(n.bind(n,1161)),"@site/versioned_docs/version-0.4.0+/progress/sections.md",1161],"583d85fc":[()=>n.e(3715).then(n.bind(n,2069)),"@site/versioned_docs/version-0.3.x/integration/mitex.md",2069],"5848d47c":[()=>n.e(3845).then(n.bind(n,9456)),"@site/versioned_docs/version-0.4.2/utilities/fit-to.md",9456],"58f0297b":[()=>n.e(1330).then(n.t.bind(n,2528,19)),"~docs/default/category-docsnext-tutorialsidebar-category-utilities-432.json",2528],"5a3af86b":[()=>n.e(7991).then(n.bind(n,7906)),"@site/versioned_docs/version-0.4.1/themes/university.md",7906],"5a57e638":[()=>n.e(2143).then(n.bind(n,8811)),"@site/docs/themes/simple.md",8811],"5a6cbd5b":[()=>n.e(1375).then(n.bind(n,6288)),"@site/versioned_docs/version-0.5.x/progress/sections.md",6288],"5b27bc59":[()=>n.e(3969).then(n.bind(n,4154)),"@site/docs/dynamic/handout.md",4154],"5b3786b7":[()=>n.e(832).then(n.t.bind(n,5097,19)),"~docs/default/category-docs-040-tutorialsidebar-category-utilities-357.json",5097],"5c062049":[()=>n.e(263).then(n.bind(n,2403)),"@site/versioned_docs/version-0.3.2+/dynamic/other.md",2403],"5d410c12":[()=>n.e(8912).then(n.bind(n,4734)),"@site/versioned_docs/version-0.4.1/progress/counters.md",4734],"5d4c6151":[()=>n.e(294).then(n.bind(n,9761)),"@site/versioned_docs/version-0.5.x/changelog.md",9761],"5de4625c":[()=>n.e(438).then(n.bind(n,2255)),"@site/versioned_docs/version-0.4.0+/themes/dewdrop.md",2255],"5e95c892":[()=>n.e(9661).then(n.bind(n,1892)),"@theme/DocsRoot",1892],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,6809)),"@generated/docusaurus.config",6809],"5ed554a8":[()=>n.e(2829).then(n.bind(n,828)),"@site/versioned_docs/version-0.4.1/themes/simple.md",828],"5fecb693":[()=>n.e(64).then(n.bind(n,9588)),"@site/versioned_docs/version-0.4.2/themes/simple.md",9588],"5ff4e923":[()=>n.e(4372).then(n.bind(n,2588)),"@site/versioned_docs/version-0.4.1/external/pdfpc.md",2588],"626e34d0":[()=>n.e(1074).then(n.bind(n,4992)),"@site/versioned_docs/version-0.5.x/themes/university.md",4992],"62c811b9":[()=>n.e(642).then(n.t.bind(n,4922,19)),"~docs/default/category-docs-042-tutorialsidebar-category-external-tools-9a8.json",4922],"64ea200d":[()=>n.e(2112).then(n.bind(n,128)),"@site/versioned_docs/version-0.4.2/dynamic/other.md",128],"65e4303d":[()=>n.e(4042).then(n.bind(n,8487)),"@site/versioned_docs/version-0.4.0+/dynamic/complex.md",8487],"65e4cc1e":[()=>n.e(5598).then(n.bind(n,349)),"@site/versioned_docs/version-0.2.x/intro.md",349],"6607fcb6":[()=>n.e(8332).then(n.bind(n,3732)),"@site/docs/multi-file.md",3732],"661132b8":[()=>n.e(7092).then(n.t.bind(n,9572,19)),"~blog/default/blog-tags-development-9e5.json",9572],"678a4048":[()=>n.e(5122).then(n.bind(n,269)),"@site/versioned_docs/version-0.4.2/intro.md",269],"67bae27a":[()=>n.e(1860).then(n.bind(n,5462)),"@site/versioned_docs/version-0.3.x/integration/fletcher.md",5462],"6875c492":[()=>Promise.all([n.e(532),n.e(9206),n.e(9677),n.e(8610)]).then(n.bind(n,1714)),"@theme/BlogTagsPostsPage",1714],"68accac2":[()=>n.e(3388).then(n.bind(n,2869)),"@site/versioned_docs/version-0.5.x/integration/codly.md",2869],"697ece24":[()=>n.e(716).then(n.t.bind(n,1792,19)),"~docs/default/category-docs-042-tutorialsidebar-category-themes-5ed.json",1792],"69faa514":[()=>n.e(9646).then(n.t.bind(n,9862,19)),"~docs/default/category-docs-032-tutorialsidebar-category-package-integration-708.json",9862],"6ab829bd":[()=>n.e(5661).then(n.t.bind(n,495,19)),"~docs/default/category-docs-02-x-tutorialsidebar-category-progress-d91.json",495],"6c1ba8b1":[()=>n.e(5106).then(n.bind(n,5497)),"@site/versioned_docs/version-0.4.0+/integration/codly.md",5497],"6c8708e3":[()=>n.e(3376).then(n.bind(n,8655)),"@site/versioned_docs/version-0.3.2+/themes/simple.md",8655],"6d7ce909":[()=>n.e(5695).then(n.bind(n,689)),"@site/docs/external/typst-preview.md",689],"6dd14aab":[()=>n.e(458).then(n.bind(n,5820)),"@site/versioned_docs/version-0.5.x/build-your-own-theme.md",5820],"7032e634":[()=>n.e(108).then(n.bind(n,2218)),"@site/versioned_docs/version-0.4.2/build-your-own-theme.md",2218],"713fe878":[()=>n.e(8031).then(n.t.bind(n,5212,19)),"~docs/default/category-docs-03-x-tutorialsidebar-category-progress-6f0.json",5212],"71b26582":[()=>n.e(4187).then(n.bind(n,8194)),"@site/versioned_docs/version-0.4.2/integration/ctheorems.md",8194],"7240ac5a":[()=>n.e(3564).then(n.bind(n,9697)),"@site/versioned_docs/version-0.4.2/start.md",9697],"729d3e1e":[()=>n.e(9375).then(n.bind(n,3624)),"@site/versioned_docs/version-0.2.x/layout.md",3624],"730fef4c":[()=>n.e(8341).then(n.bind(n,5960)),"@site/versioned_docs/version-0.3.x/global-settings.md",5960],"7329c3b8":[()=>n.e(5431).then(n.bind(n,8412)),"@site/versioned_docs/version-0.3.2+/dynamic/cover.md",8412],"7381b349":[()=>n.e(9116).then(n.bind(n,3788)),"@site/versioned_docs/version-0.4.2/themes/dewdrop.md",3788],"73a6f857":[()=>n.e(9632).then(n.bind(n,8813)),"@site/versioned_docs/version-0.4.1/integration/cetz.md",8813],"743177ed":[()=>n.e(4432).then(n.bind(n,9230)),"@site/versioned_docs/version-0.4.1/layout.md",9230],"75a8515d":[()=>n.e(7351).then(n.t.bind(n,7884,19)),"~docs/default/category-docs-tutorialsidebar-category-package-integration-92b.json",7884],76911421:[()=>n.e(7577).then(n.bind(n,7441)),"@site/versioned_docs/version-0.4.1/dynamic/cover.md",7441],"77a6cbd2":[()=>n.e(1537).then(n.bind(n,3350)),"@site/versioned_docs/version-0.4.1/themes/aqua.md",3350],"77e3d78c":[()=>n.e(2191).then(n.bind(n,8465)),"@site/docs/progress/counters.md",8465],"78b57648":[()=>n.e(4952).then(n.bind(n,9508)),"@site/versioned_docs/version-0.4.1/external/typst-preview.md",9508],"7927a478":[()=>n.e(2847).then(n.bind(n,8139)),"@site/versioned_docs/version-0.4.0+/code-styles.md",8139],"79f179dd":[()=>n.e(8229).then(n.bind(n,5377)),"@site/versioned_docs/version-0.5.x/utilities/fit-to.md",5377],"7a63211b":[()=>n.e(5439).then(n.t.bind(n,2987,19)),"~docs/default/category-docs-040-tutorialsidebar-category-dynamic-slides-e46.json",2987],"7ba330a5":[()=>n.e(3135).then(n.bind(n,1525)),"@site/versioned_docs/version-0.2.x/dynamic/simple.md",1525],"7bec2371":[()=>n.e(8250).then(n.bind(n,8509)),"@site/versioned_docs/version-0.4.2/changelog.md",8509],"7c9c7243":[()=>n.e(1949).then(n.bind(n,1794)),"@site/versioned_docs/version-0.4.0+/build-your-own-theme.md",1794],"7d3539b2":[()=>n.e(4481).then(n.bind(n,6594)),"@site/docs/themes/university.md",6594],"7f50710c":[()=>n.e(5030).then(n.bind(n,5362)),"@site/versioned_docs/version-0.4.0+/themes/simple.md",5362],"7f65dfb7":[()=>n.e(6917).then(n.bind(n,2049)),"@site/docs/code-styles.md",2049],"80a0c88e":[()=>n.e(3209).then(n.bind(n,8135)),"@site/docs/themes/metropolis.md",8135],"80a29583":[()=>n.e(9380).then(n.t.bind(n,757,19)),"~docs/default/category-docs-032-tutorialsidebar-category-themes-2fb.json",757],"813e2576":[()=>n.e(1877).then(n.t.bind(n,5266,19)),"~docs/default/category-docs-02-x-tutorialsidebar-category-dynamic-slides-631.json",5266],"814f3328":[()=>n.e(2535).then(n.t.bind(n,5641,19)),"~blog/default/blog-post-list-prop-default.json",5641],"82487ba9":[()=>n.e(2865).then(n.bind(n,9191)),"@site/versioned_docs/version-0.2.x/dynamic/equation.md",9191],"8291abfb":[()=>n.e(4285).then(n.bind(n,8553)),"@site/versioned_docs/version-0.5.x/integration/ctheorems.md",8553],"832b8a10":[()=>n.e(8240).then(n.bind(n,3826)),"@site/versioned_docs/version-0.4.0+/multi-file.md",3826],"837b71b1":[()=>n.e(3116).then(n.t.bind(n,7992,19)),"~docs/default/category-docs-041-tutorialsidebar-category-external-tools-69f.json",7992],"850166d8":[()=>n.e(7335).then(n.bind(n,3338)),"@site/versioned_docs/version-0.2.x/utilities/oop.md",3338],"851c2574":[()=>n.e(9319).then(n.bind(n,6691)),"@site/versioned_docs/version-0.2.x/dynamic/cover.md",6691],"85bf372c":[()=>n.e(6764).then(n.t.bind(n,3769,19)),"/home/runner/work/touying-typ.github.io/touying-typ.github.io/.docusaurus/docusaurus-plugin-content-docs/default/plugin-route-context-module-100.json",3769],"864ebe97":[()=>n.e(6193).then(n.bind(n,6602)),"@site/versioned_docs/version-0.3.x/themes/university.md",6602],"86e5cb88":[()=>n.e(2830).then(n.bind(n,1628)),"@site/versioned_docs/version-0.3.x/utilities/oop.md",1628],"86f810a5":[()=>n.e(3134).then(n.bind(n,2109)),"@site/versioned_docs/version-0.3.2+/dynamic/handout.md",2109],"871be668":[()=>n.e(2210).then(n.t.bind(n,1095,19)),"~docs/default/category-docs-042-tutorialsidebar-category-utilities-a9d.json",1095],"886cfe15":[()=>n.e(8563).then(n.bind(n,7027)),"@site/versioned_docs/version-0.4.1/build-your-own-theme.md",7027],"890ef1f8":[()=>n.e(2751).then(n.bind(n,7758)),"@site/versioned_docs/version-0.4.0+/integration/cetz.md",7758],"898f6967":[()=>n.e(7535).then(n.t.bind(n,3056,19)),"~docs/default/category-docs-03-x-tutorialsidebar-category-dynamic-slides-8aa.json",3056],"8992ec7c":[()=>n.e(160).then(n.bind(n,6770)),"@site/versioned_docs/version-0.4.2/global-settings.md",6770],"89f39702":[()=>n.e(6114).then(n.bind(n,1431)),"@site/versioned_docs/version-0.2.x/progress/sections.md",1431],"8aab68b4":[()=>n.e(511).then(n.bind(n,5294)),"@site/versioned_docs/version-0.4.1/dynamic/simple.md",5294],"8ac96054":[()=>n.e(9527).then(n.bind(n,3680)),"@site/docs/external/pdfpc.md",3680],"8e2c1ca5":[()=>n.e(4618).then(n.bind(n,9e3)),"@site/versioned_docs/version-0.4.0+/utilities/fit-to.md",9e3],"8f3e3006":[()=>n.e(5511).then(n.t.bind(n,6966,19)),"~docs/default/category-docs-tutorialsidebar-category-external-tools-820.json",6966],"91b4e1d3":[()=>n.e(4983).then(n.t.bind(n,2801,19)),"~docs/default/version-0-4-1-metadata-prop-27c.json",2801],"91bd08ce":[()=>n.e(3263).then(n.bind(n,9365)),"@site/versioned_docs/version-0.3.x/layout.md",9365],"9255821e":[()=>n.e(8712).then(n.t.bind(n,3125,19)),"~docs/default/category-docs-041-tutorialsidebar-category-progress-3c5.json",3125],"926843be":[()=>n.e(5832).then(n.bind(n,4008)),"@site/versioned_docs/version-0.2.x/utilities/fit-to.md",4008],"9286a2c0":[()=>n.e(2556).then(n.bind(n,3716)),"@site/versioned_docs/version-0.4.1/integration/codly.md",3716],"92f7ac8d":[()=>n.e(1546).then(n.bind(n,7909)),"@site/versioned_docs/version-0.3.2+/integration/codly.md",7909],"935f2afb":[()=>n.e(53).then(n.t.bind(n,1109,19)),"~docs/default/version-current-metadata-prop-751.json",1109],"93a8974a":[()=>n.e(6441).then(n.bind(n,3133)),"@site/versioned_docs/version-0.5.x/themes/custom.md",3133],"95c1a82e":[()=>n.e(7513).then(n.bind(n,4843)),"@site/versioned_docs/version-0.4.1/dynamic/other.md",4843],"9670fa94":[()=>n.e(1768).then(n.bind(n,4345)),"@site/versioned_docs/version-0.5.x/start.md",4345],"974d09da":[()=>n.e(9664).then(n.bind(n,1322)),"@site/versioned_docs/version-0.4.0+/layout.md",1322],"98ce8162":[()=>n.e(1543).then(n.bind(n,715)),"@site/docs/start.md",715],"98ec335f":[()=>n.e(9131).then(n.t.bind(n,8866,19)),"~docs/default/category-docs-041-tutorialsidebar-category-package-integration-6f0.json",8866],"99d50e1d":[()=>n.e(8010).then(n.bind(n,3283)),"@site/versioned_docs/version-0.3.x/start.md",3283],"9a7767cf":[()=>n.e(7084).then(n.t.bind(n,1083,19)),"~docs/default/category-docsnext-tutorialsidebar-category-themes-0b4.json",1083],"9b94a5b3":[()=>n.e(5140).then(n.bind(n,5882)),"@site/versioned_docs/version-0.4.1/integration/mitex.md",5882],"9beb87c2":[()=>n.e(3034).then(n.bind(n,4123)),"@site/docs/changelog.md",4123],"9c7bd7dc":[()=>n.e(1392).then(n.bind(n,9020)),"@site/versioned_docs/version-0.4.2/integration/pinit.md",9020],"9dfc2059":[()=>n.e(9437).then(n.bind(n,7606)),"@site/versioned_docs/version-0.4.1/changelog.md",7606],"9e4087bc":[()=>n.e(3608).then(n.bind(n,3169)),"@theme/BlogArchivePage",3169],"9ea180da":[()=>n.e(9861).then(n.bind(n,9556)),"@site/versioned_docs/version-0.3.2+/themes/university.md",9556],"9f73dd73":[()=>n.e(4004).then(n.bind(n,9698)),"@site/versioned_docs/version-0.5.x/dynamic/cover.md",9698],"9f9db465":[()=>n.e(7060).then(n.bind(n,2124)),"@site/versioned_docs/version-0.3.x/utilities/fit-to.md",2124],a07e1869:[()=>n.e(2595).then(n.bind(n,7397)),"@site/docs/themes/stargazer.md",7397],a449492b:[()=>n.e(1626).then(n.bind(n,4176)),"@site/versioned_docs/version-0.3.x/dynamic/other.md",4176],a5f851c4:[()=>n.e(6428).then(n.bind(n,9792)),"@site/versioned_docs/version-0.5.x/integration/pinit.md",9792],a62a85e6:[()=>n.e(9259).then(n.bind(n,2806)),"@site/versioned_docs/version-0.3.2+/themes/aqua.md",2806],a6aa9e1f:[()=>Promise.all([n.e(532),n.e(9206),n.e(9677),n.e(3089)]).then(n.bind(n,46)),"@theme/BlogListPage",46],a7023ddc:[()=>n.e(1713).then(n.t.bind(n,3457,19)),"~blog/default/blog-tags-tags-4c2.json",3457],a72991e0:[()=>n.e(7736).then(n.t.bind(n,218,19)),"~docs/default/category-docs-03-x-tutorialsidebar-category-themes-d1e.json",218],a732a165:[()=>n.e(4288).then(n.bind(n,5349)),"@site/versioned_docs/version-0.4.0+/dynamic/simple.md",5349],a782524f:[()=>n.e(3726).then(n.bind(n,694)),"@site/versioned_docs/version-0.5.x/integration/fletcher.md",694],a7bd4aaa:[()=>n.e(8518).then(n.bind(n,8564)),"@theme/DocVersionRoot",8564],a7cd7c6a:[()=>n.e(6679).then(n.bind(n,6830)),"@site/versioned_docs/version-0.2.x/themes/metropolis.md",6830],a94703ab:[()=>Promise.all([n.e(532),n.e(4368)]).then(n.bind(n,2674)),"@theme/DocRoot",2674],a94a4682:[()=>n.e(4599).then(n.bind(n,5376)),"@site/blog/2024-01-17-touying-0-2-0.md?truncated=true",5376],a9f25167:[()=>n.e(1922).then(n.bind(n,1775)),"@site/versioned_docs/version-0.5.x/intro.md",1775],ab32da60:[()=>n.e(7190).then(n.bind(n,7022)),"@site/docs/sections.md",7022],ab69a79b:[()=>n.e(4760).then(n.t.bind(n,3103,19)),"~docs/default/category-docs-032-tutorialsidebar-category-external-tools-eb4.json",3103],ab9676e0:[()=>n.e(379).then(n.t.bind(n,5745,19)),"/home/runner/work/touying-typ.github.io/touying-typ.github.io/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",5745],aca67227:[()=>n.e(7941).then(n.bind(n,7308)),"@site/versioned_docs/version-0.5.x/dynamic/other.md",7308],acb203b2:[()=>n.e(1956).then(n.bind(n,4955)),"@site/versioned_docs/version-0.4.1/utilities/fit-to.md",4955],acfad3c9:[()=>n.e(7668).then(n.bind(n,4059)),"@site/versioned_docs/version-0.3.2+/themes/dewdrop.md",4059],ad8b99e1:[()=>n.e(5644).then(n.bind(n,9193)),"@site/versioned_docs/version-0.4.2/external/pdfpc.md",9193],ad972684:[()=>n.e(6403).then(n.bind(n,7378)),"@site/versioned_docs/version-0.3.x/integration/polylux.md",7378],ae31ff46:[()=>n.e(2528).then(n.t.bind(n,8497,19)),"~docs/default/version-0-2-x-metadata-prop-34c.json",8497],ae372017:[()=>n.e(5234).then(n.t.bind(n,6823,19)),"~docs/default/category-docs-042-tutorialsidebar-category-progress-935.json",6823],af23d200:[()=>n.e(3539).then(n.bind(n,9153)),"@site/versioned_docs/version-0.4.1/intro.md",9153],b035a2d2:[()=>n.e(876).then(n.bind(n,655)),"@site/versioned_docs/version-0.3.2+/progress/sections.md",655],b0b113fa:[()=>n.e(6138).then(n.bind(n,887)),"@site/versioned_docs/version-0.4.2/layout.md",887],b1a1bf59:[()=>n.e(3655).then(n.bind(n,5388)),"@site/versioned_docs/version-0.3.x/dynamic/handout.md",5388],b2b675dd:[()=>n.e(533).then(n.t.bind(n,8017,19)),"~blog/default/blog-c06.json",8017],b2b68e5a:[()=>n.e(8210).then(n.bind(n,3536)),"@site/versioned_docs/version-0.3.2+/global-settings.md",3536],b2f554cd:[()=>n.e(1477).then(n.t.bind(n,10,19)),"~blog/default/blog-archive-80c.json",10],b472294c:[()=>n.e(1049).then(n.bind(n,7625)),"@site/versioned_docs/version-0.3.x/progress/sections.md",7625],b5bb8785:[()=>n.e(3597).then(n.t.bind(n,3321,19)),"~docs/default/category-docs-tutorialsidebar-category-themes-bef.json",3321],b5c6b9f1:[()=>n.e(8905).then(n.bind(n,2387)),"@site/versioned_docs/version-0.5.x/dynamic/handout.md",2387],b5dfb830:[()=>n.e(2464).then(n.bind(n,5881)),"@site/versioned_docs/version-0.4.0+/dynamic/handout.md",5881],b6606f5f:[()=>n.e(513).then(n.bind(n,381)),"@site/versioned_docs/version-0.4.0+/intro.md",381],b779464e:[()=>n.e(9156).then(n.bind(n,9310)),"@site/versioned_docs/version-0.4.1/sections.md",9310],b7a138aa:[()=>n.e(9895).then(n.bind(n,4472)),"@site/versioned_docs/version-0.2.x/themes/simple.md",4472],b8cfeb64:[()=>n.e(1842).then(n.bind(n,4505)),"@site/versioned_docs/version-0.4.2/progress/counters.md",4505],b8fd1f7e:[()=>n.e(4984).then(n.bind(n,7519)),"@site/versioned_docs/version-0.3.x/dynamic/complex.md",7519],b9d80392:[()=>n.e(7266).then(n.t.bind(n,6126,19)),"~docs/default/category-docs-02-x-tutorialsidebar-category-themes-2de.json",6126],bb32df29:[()=>n.e(7971).then(n.t.bind(n,4369,19)),"~docs/default/category-docs-040-tutorialsidebar-category-progress-a51.json",4369],bbd5eca0:[()=>n.e(2013).then(n.t.bind(n,2289,19)),"~docs/default/version-0-4-2-metadata-prop-7b5.json",2289],bce42248:[()=>n.e(5675).then(n.bind(n,806)),"@site/versioned_docs/version-0.3.2+/progress/counters.md",806],be8f11ff:[()=>n.e(7258).then(n.t.bind(n,8394,19)),"~docs/default/category-docs-042-tutorialsidebar-category-dynamic-slides-b89.json",8394],be980f90:[()=>n.e(6297).then(n.bind(n,9520)),"@site/versioned_docs/version-0.5.x/code-styles.md",9520],bef23ce3:[()=>n.e(5096).then(n.bind(n,3207)),"@site/versioned_docs/version-0.4.0+/integration/ctheorems.md",3207],bf750d2c:[()=>n.e(4770).then(n.bind(n,871)),"@site/versioned_docs/version-0.3.x/dynamic/cover.md",871],c38df086:[()=>n.e(6154).then(n.bind(n,82)),"@site/docs/integration/pinit.md",82],c4bbdbdb:[()=>n.e(9876).then(n.bind(n,1329)),"@site/versioned_docs/version-0.4.2/utilities/oop.md",1329],c4f5d8e4:[()=>Promise.all([n.e(532),n.e(4195)]).then(n.bind(n,3261)),"@site/src/pages/index.js",3261],c5fe94c9:[()=>n.e(4846).then(n.t.bind(n,1836,19)),"~docs/default/category-docs-041-tutorialsidebar-category-dynamic-slides-ddf.json",1836],c60ded92:[()=>n.e(4450).then(n.bind(n,2136)),"@site/versioned_docs/version-0.4.0+/dynamic/other.md",2136],c6f2035a:[()=>n.e(9160).then(n.bind(n,4633)),"@site/versioned_docs/version-0.4.2/themes/metropolis.md",4633],c748af54:[()=>n.e(4095).then(n.bind(n,9947)),"@site/versioned_docs/version-0.5.x/integration/cetz.md",9947],c7747100:[()=>n.e(2559).then(n.bind(n,2887)),"@site/versioned_docs/version-0.5.x/global-settings.md",2887],c9566e8a:[()=>n.e(6118).then(n.bind(n,4091)),"@site/docs/progress/sections.md",4091],c9c87310:[()=>n.e(9410).then(n.bind(n,7309)),"@site/versioned_docs/version-0.3.2+/integration/mitex.md",7309],cbb499f0:[()=>n.e(1001).then(n.bind(n,7717)),"@site/versioned_docs/version-0.4.1/dynamic/handout.md",7717],cbce90b2:[()=>n.e(6864).then(n.t.bind(n,6307,19)),"~docs/default/version-0-3-x-metadata-prop-ffc.json",6307],ccbf8980:[()=>n.e(3293).then(n.t.bind(n,8277,19)),"~docs/default/category-docs-02-x-tutorialsidebar-category-utilities-265.json",8277],ccc49370:[()=>Promise.all([n.e(532),n.e(9206),n.e(9677),n.e(6103)]).then(n.bind(n,5203)),"@theme/BlogPostPage",5203],ce30cdaf:[()=>n.e(3808).then(n.bind(n,4273)),"@site/versioned_docs/version-0.4.0+/integration/pinit.md",4273],ce57b2d1:[()=>n.e(2868).then(n.bind(n,8575)),"@site/versioned_docs/version-0.2.x/themes/dewdrop.md",8575],cee41b2a:[()=>n.e(4070).then(n.bind(n,9632)),"@site/versioned_docs/version-0.5.x/dynamic/equation.md",9632],d0193031:[()=>n.e(1545).then(n.bind(n,3868)),"@site/versioned_docs/version-0.4.2/integration/fletcher.md",3868],d03d89a3:[()=>n.e(8510).then(n.bind(n,2846)),"@site/versioned_docs/version-0.4.2/sections.md",2846],d066d984:[()=>n.e(3042).then(n.t.bind(n,5098,19)),"~docs/default/version-0-5-x-metadata-prop-11e.json",5098],d16cbc15:[()=>n.e(2403).then(n.bind(n,9741)),"@site/docs/themes/dewdrop.md",9741],d287f9e6:[()=>n.e(612).then(n.bind(n,1344)),"@site/docs/integration/codly.md",1344],d3593394:[()=>n.e(271).then(n.bind(n,3317)),"@site/versioned_docs/version-0.5.x/external/pdfpc.md",3317],d37c9d26:[()=>n.e(743).then(n.bind(n,5455)),"@site/versioned_docs/version-0.4.2/dynamic/simple.md",5455],d434ce9a:[()=>n.e(2992).then(n.bind(n,4946)),"@site/versioned_docs/version-0.4.1/external/pympress.md",4946],d4a2dc55:[()=>n.e(7224).then(n.bind(n,6599)),"@site/versioned_docs/version-0.2.x/build-your-own-theme.md",6599],d4a9b079:[()=>n.e(6629).then(n.t.bind(n,1504,19)),"~docs/default/category-docs-tutorialsidebar-category-progress-3e0.json",1504],d736a72a:[()=>n.e(1214).then(n.bind(n,4489)),"@site/versioned_docs/version-0.4.1/utilities/oop.md",4489],d848b1c8:[()=>n.e(2925).then(n.bind(n,9399)),"@site/versioned_docs/version-0.4.0+/themes/metropolis.md",9399],d85bd5da:[()=>n.e(6060).then(n.bind(n,8253)),"@site/versioned_docs/version-0.4.2/dynamic/complex.md",8253],d9bab663:[()=>n.e(196).then(n.bind(n,6294)),"@site/versioned_docs/version-0.2.x/external/typst-preview.md",6294],dbe874ba:[()=>n.e(1712).then(n.bind(n,8843)),"@site/versioned_docs/version-0.4.2/integration/codly.md",8843],dbfc9d8c:[()=>n.e(7488).then(n.t.bind(n,867,19)),"~docs/default/category-docs-032-tutorialsidebar-category-dynamic-slides-df0.json",867],dc65f2fa:[()=>n.e(9974).then(n.bind(n,5040)),"@site/versioned_docs/version-0.3.2+/layout.md",5040],de4f60ff:[()=>n.e(3432).then(n.bind(n,2964)),"@site/versioned_docs/version-0.3.2+/dynamic/simple.md",2964],df5b4e08:[()=>n.e(7701).then(n.bind(n,8373)),"@site/versioned_docs/version-0.2.x/dynamic/handout.md",8373],e0c18516:[()=>n.e(834).then(n.bind(n,6481)),"@site/versioned_docs/version-0.5.x/themes/stargazer.md",6481],e329454c:[()=>n.e(2020).then(n.t.bind(n,2728,19)),"~docs/default/category-docs-040-tutorialsidebar-category-themes-d5a.json",2728],e511abbf:[()=>n.e(1498).then(n.bind(n,5367)),"@site/versioned_docs/version-0.4.0+/external/typst-preview.md",5367],e52dffae:[()=>n.e(7603).then(n.bind(n,9916)),"@site/versioned_docs/version-0.4.1/code-styles.md",9916],e5a884f4:[()=>n.e(8300).then(n.bind(n,5606)),"@site/versioned_docs/version-0.2.x/style.md",5606],e5b11173:[()=>n.e(5332).then(n.bind(n,1847)),"@site/versioned_docs/version-0.3.x/code-styles.md",1847],e7541c45:[()=>n.e(8990).then(n.bind(n,9706)),"@site/versioned_docs/version-0.4.0+/integration/fletcher.md",9706],e931e8f0:[()=>n.e(3300).then(n.t.bind(n,7954,19)),"~docs/default/category-docs-02-x-tutorialsidebar-category-external-tools-791.json",7954],ebca17e9:[()=>n.e(9095).then(n.bind(n,6917)),"@site/docs/integration/mitex.md",6917],ecfd88b4:[()=>n.e(5619).then(n.bind(n,6111)),"@site/versioned_docs/version-0.3.x/progress/counters.md",6111],ed5e9b8d:[()=>n.e(8207).then(n.bind(n,2307)),"@site/versioned_docs/version-0.4.1/themes/dewdrop.md",2307],ee3959f2:[()=>n.e(2247).then(n.t.bind(n,1010,19)),"~docs/default/category-docs-03-x-tutorialsidebar-category-utilities-d1f.json",1010],efaa2d33:[()=>n.e(2530).then(n.bind(n,4147)),"@site/versioned_docs/version-0.5.x/integration/mitex.md",4147],f24a23d8:[()=>n.e(2322).then(n.bind(n,2417)),"@site/versioned_docs/version-0.4.0+/start.md",2417],f2a3c69a:[()=>n.e(7510).then(n.bind(n,2195)),"@site/versioned_docs/version-0.4.2/progress/sections.md",2195],f2bffab0:[()=>n.e(6142).then(n.bind(n,1647)),"@site/versioned_docs/version-0.3.2+/dynamic/equation.md",1647],f3a7b3b2:[()=>n.e(9916).then(n.bind(n,1075)),"@site/docs/global-settings.md",1075],f3d96861:[()=>n.e(9754).then(n.bind(n,9476)),"@site/versioned_docs/version-0.3.x/integration/codly.md",9476],f554ac40:[()=>n.e(6232).then(n.bind(n,348)),"@site/versioned_docs/version-0.4.0+/dynamic/equation.md",348],f59358a3:[()=>n.e(9510).then(n.t.bind(n,4750,19)),"~docs/default/category-docsnext-tutorialsidebar-category-dynamic-slides-297.json",4750],f5d6ba2d:[()=>n.e(3284).then(n.bind(n,3293)),"@site/versioned_docs/version-0.4.2/themes/aqua.md",3293],f7c1e588:[()=>n.e(9199).then(n.bind(n,5165)),"@site/versioned_docs/version-0.3.x/integration/pinit.md",5165],f7c44c4b:[()=>n.e(382).then(n.t.bind(n,7475,19)),"~docs/default/category-docs-041-tutorialsidebar-category-themes-a67.json",7475],f8016cde:[()=>n.e(9543).then(n.bind(n,8814)),"@site/versioned_docs/version-0.3.2+/themes/metropolis.md",8814],f80396ac:[()=>n.e(1588).then(n.bind(n,402)),"@site/versioned_docs/version-0.3.2+/integration/cetz.md",402],f9b59e29:[()=>n.e(945).then(n.bind(n,7597)),"@site/versioned_docs/version-0.4.2/integration/mitex.md",7597],f9dcd2cf:[()=>n.e(2932).then(n.bind(n,1126)),"@site/docs/themes/custom.md",1126],fbe708ec:[()=>n.e(9159).then(n.bind(n,3316)),"@site/versioned_docs/version-0.3.2+/dynamic/complex.md",3316],fc190723:[()=>n.e(1188).then(n.bind(n,4266)),"@site/versioned_docs/version-0.4.1/global-settings.md",4266],fe7d81f6:[()=>n.e(5039).then(n.t.bind(n,4469,19)),"/home/runner/work/touying-typ.github.io/touying-typ.github.io/.docusaurus/docusaurus-plugin-content-blog/default/plugin-route-context-module-100.json",4469],ff35141a:[()=>n.e(4999).then(n.bind(n,7165)),"@site/versioned_docs/version-0.5.x/progress/counters.md",7165]};var s=n(5893);function l(e){let{error:t,retry:n,pastDelay:r}=e;return t?(0,s.jsxs)("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%"},children:[(0,s.jsx)("p",{children:String(t)}),(0,s.jsx)("div",{children:(0,s.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):r?(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,s.jsx)("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",children:(0,s.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,s.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(9670),d=n(226);function u(e,t){if("*"===e)return o()({loading:l,loader:()=>n.e(1772).then(n.bind(n,1772)),modules:["@theme/NotFound"],webpack:()=>[1772],render(e,t){const n=e.default;return(0,s.jsx)(d.z,{value:{plugin:{name:"native",id:"default"}},children:(0,s.jsx)(n,{...t})})}});const r=a[`${e}-${t}`],u={},p=[],f=[],m=(0,c.Z)(r);return Object.entries(m).forEach((e=>{let[t,n]=e;const r=i[n];r&&(u[t]=r[0],p.push(r[1]),f.push(r[2]))})),o().Map({loading:l,loader:u,modules:p,webpack:()=>f,render(t,n){const o=JSON.parse(JSON.stringify(r));Object.entries(t).forEach((t=>{let[n,r]=t;const a=r.default;if(!a)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 a&&"function"!=typeof a||Object.keys(r).filter((e=>"default"!==e)).forEach((e=>{a[e]=r[e]}));let i=o;const s=n.split(".");s.slice(0,-1).forEach((e=>{i=i[e]})),i[s[s.length-1]]=a}));const a=o.__comp;delete o.__comp;const i=o.__context;return delete o.__context,(0,s.jsx)(d.z,{value:i,children:(0,s.jsx)(a,{...o,...n})})}})}const p=[{path:"/blog",component:u("/blog","abb"),exact:!0},{path:"/blog/archive",component:u("/blog/archive","7a5"),exact:!0},{path:"/blog/tags",component:u("/blog/tags","c36"),exact:!0},{path:"/blog/tags/development",component:u("/blog/tags/development","cdb"),exact:!0},{path:"/blog/touying-0-2-0",component:u("/blog/touying-0-2-0","71e"),exact:!0},{path:"/markdown-page",component:u("/markdown-page","578"),exact:!0},{path:"/docs",component:u("/docs","a78"),routes:[{path:"/docs/0.2.x",component:u("/docs/0.2.x","246"),routes:[{path:"/docs/0.2.x",component:u("/docs/0.2.x","956"),routes:[{path:"/docs/0.2.x/build-your-own-theme",component:u("/docs/0.2.x/build-your-own-theme","aee"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/category/dynamic-slides",component:u("/docs/0.2.x/category/dynamic-slides","c21"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/category/external-tools",component:u("/docs/0.2.x/category/external-tools","b85"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/category/progress",component:u("/docs/0.2.x/category/progress","f7a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/category/themes",component:u("/docs/0.2.x/category/themes","7c8"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/category/utilities",component:u("/docs/0.2.x/category/utilities","12a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/changelog",component:u("/docs/0.2.x/changelog","43a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/dynamic/complex",component:u("/docs/0.2.x/dynamic/complex","0ff"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/dynamic/cover",component:u("/docs/0.2.x/dynamic/cover","a33"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/dynamic/equation",component:u("/docs/0.2.x/dynamic/equation","dbf"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/dynamic/handout",component:u("/docs/0.2.x/dynamic/handout","097"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/dynamic/other",component:u("/docs/0.2.x/dynamic/other","648"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/dynamic/simple",component:u("/docs/0.2.x/dynamic/simple","ae6"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/external/pdfpc",component:u("/docs/0.2.x/external/pdfpc","b3b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/external/typst-preview",component:u("/docs/0.2.x/external/typst-preview","657"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/intro",component:u("/docs/0.2.x/intro","c0d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/layout",component:u("/docs/0.2.x/layout","b0d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/progress/counters",component:u("/docs/0.2.x/progress/counters","68f"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/progress/sections",component:u("/docs/0.2.x/progress/sections","099"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/start",component:u("/docs/0.2.x/start","85d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/style",component:u("/docs/0.2.x/style","013"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/themes/dewdrop",component:u("/docs/0.2.x/themes/dewdrop","48a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/themes/metropolis",component:u("/docs/0.2.x/themes/metropolis","aee"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/themes/simple",component:u("/docs/0.2.x/themes/simple","fe2"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/themes/university",component:u("/docs/0.2.x/themes/university","99d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/utilities/fit-to",component:u("/docs/0.2.x/utilities/fit-to","574"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.2.x/utilities/oop",component:u("/docs/0.2.x/utilities/oop","5fc"),exact:!0,sidebar:"tutorialSidebar"}]}]},{path:"/docs/0.3.2+",component:u("/docs/0.3.2+","d35"),routes:[{path:"/docs/0.3.2+",component:u("/docs/0.3.2+","bd6"),routes:[{path:"/docs/0.3.2+/build-your-own-theme",component:u("/docs/0.3.2+/build-your-own-theme","d99"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/category/dynamic-slides",component:u("/docs/0.3.2+/category/dynamic-slides","526"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/category/external-tools",component:u("/docs/0.3.2+/category/external-tools","13d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/category/package-integration",component:u("/docs/0.3.2+/category/package-integration","962"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/category/progress",component:u("/docs/0.3.2+/category/progress","b5e"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/category/themes",component:u("/docs/0.3.2+/category/themes","954"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/category/utilities",component:u("/docs/0.3.2+/category/utilities","8e2"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/changelog",component:u("/docs/0.3.2+/changelog","58b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/code-styles",component:u("/docs/0.3.2+/code-styles","c71"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/dynamic/complex",component:u("/docs/0.3.2+/dynamic/complex","769"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/dynamic/cover",component:u("/docs/0.3.2+/dynamic/cover","ae7"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/dynamic/equation",component:u("/docs/0.3.2+/dynamic/equation","e05"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/dynamic/handout",component:u("/docs/0.3.2+/dynamic/handout","9ba"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/dynamic/other",component:u("/docs/0.3.2+/dynamic/other","bed"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/dynamic/simple",component:u("/docs/0.3.2+/dynamic/simple","510"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/external/pdfpc",component:u("/docs/0.3.2+/external/pdfpc","33d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/external/typst-preview",component:u("/docs/0.3.2+/external/typst-preview","c31"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/global-settings",component:u("/docs/0.3.2+/global-settings","76e"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/integration/cetz",component:u("/docs/0.3.2+/integration/cetz","23e"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/integration/codly",component:u("/docs/0.3.2+/integration/codly","72e"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/integration/fletcher",component:u("/docs/0.3.2+/integration/fletcher","6d6"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/integration/mitex",component:u("/docs/0.3.2+/integration/mitex","2ef"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/integration/pinit",component:u("/docs/0.3.2+/integration/pinit","4f4"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/integration/polylux",component:u("/docs/0.3.2+/integration/polylux","67b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/intro",component:u("/docs/0.3.2+/intro","5bf"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/layout",component:u("/docs/0.3.2+/layout","ef3"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/progress/counters",component:u("/docs/0.3.2+/progress/counters","849"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/progress/sections",component:u("/docs/0.3.2+/progress/sections","239"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/sections",component:u("/docs/0.3.2+/sections","463"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/start",component:u("/docs/0.3.2+/start","9e3"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/themes/aqua",component:u("/docs/0.3.2+/themes/aqua","c55"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/themes/dewdrop",component:u("/docs/0.3.2+/themes/dewdrop","673"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/themes/metropolis",component:u("/docs/0.3.2+/themes/metropolis","6b9"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/themes/simple",component:u("/docs/0.3.2+/themes/simple","7d4"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/themes/university",component:u("/docs/0.3.2+/themes/university","7e3"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/utilities/fit-to",component:u("/docs/0.3.2+/utilities/fit-to","3e9"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.2+/utilities/oop",component:u("/docs/0.3.2+/utilities/oop","dad"),exact:!0,sidebar:"tutorialSidebar"}]}]},{path:"/docs/0.3.x",component:u("/docs/0.3.x","fb4"),routes:[{path:"/docs/0.3.x",component:u("/docs/0.3.x","15f"),routes:[{path:"/docs/0.3.x/build-your-own-theme",component:u("/docs/0.3.x/build-your-own-theme","d34"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/category/dynamic-slides",component:u("/docs/0.3.x/category/dynamic-slides","c30"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/category/external-tools",component:u("/docs/0.3.x/category/external-tools","f60"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/category/package-integration",component:u("/docs/0.3.x/category/package-integration","a27"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/category/progress",component:u("/docs/0.3.x/category/progress","004"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/category/themes",component:u("/docs/0.3.x/category/themes","0c1"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/category/utilities",component:u("/docs/0.3.x/category/utilities","707"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/changelog",component:u("/docs/0.3.x/changelog","7df"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/code-styles",component:u("/docs/0.3.x/code-styles","d34"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/dynamic/complex",component:u("/docs/0.3.x/dynamic/complex","40a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/dynamic/cover",component:u("/docs/0.3.x/dynamic/cover","3b4"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/dynamic/equation",component:u("/docs/0.3.x/dynamic/equation","21f"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/dynamic/handout",component:u("/docs/0.3.x/dynamic/handout","1dd"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/dynamic/other",component:u("/docs/0.3.x/dynamic/other","8cf"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/dynamic/simple",component:u("/docs/0.3.x/dynamic/simple","0cb"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/external/pdfpc",component:u("/docs/0.3.x/external/pdfpc","c09"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/external/typst-preview",component:u("/docs/0.3.x/external/typst-preview","ea5"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/global-settings",component:u("/docs/0.3.x/global-settings","f68"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/integration/cetz",component:u("/docs/0.3.x/integration/cetz","94a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/integration/codly",component:u("/docs/0.3.x/integration/codly","b12"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/integration/fletcher",component:u("/docs/0.3.x/integration/fletcher","d93"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/integration/mitex",component:u("/docs/0.3.x/integration/mitex","d23"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/integration/pinit",component:u("/docs/0.3.x/integration/pinit","261"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/integration/polylux",component:u("/docs/0.3.x/integration/polylux","809"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/intro",component:u("/docs/0.3.x/intro","a0d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/layout",component:u("/docs/0.3.x/layout","9bc"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/progress/counters",component:u("/docs/0.3.x/progress/counters","ec4"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/progress/sections",component:u("/docs/0.3.x/progress/sections","3f0"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/sections",component:u("/docs/0.3.x/sections","6bf"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/start",component:u("/docs/0.3.x/start","d1d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/themes/dewdrop",component:u("/docs/0.3.x/themes/dewdrop","e7b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/themes/metropolis",component:u("/docs/0.3.x/themes/metropolis","647"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/themes/simple",component:u("/docs/0.3.x/themes/simple","9d6"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/themes/university",component:u("/docs/0.3.x/themes/university","c88"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/utilities/fit-to",component:u("/docs/0.3.x/utilities/fit-to","2a1"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.3.x/utilities/oop",component:u("/docs/0.3.x/utilities/oop","df4"),exact:!0,sidebar:"tutorialSidebar"}]}]},{path:"/docs/0.4.0+",component:u("/docs/0.4.0+","d8f"),routes:[{path:"/docs/0.4.0+",component:u("/docs/0.4.0+","983"),routes:[{path:"/docs/0.4.0+/build-your-own-theme",component:u("/docs/0.4.0+/build-your-own-theme","3e4"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/category/dynamic-slides",component:u("/docs/0.4.0+/category/dynamic-slides","f1c"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/category/external-tools",component:u("/docs/0.4.0+/category/external-tools","9b5"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/category/package-integration",component:u("/docs/0.4.0+/category/package-integration","ba1"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/category/progress",component:u("/docs/0.4.0+/category/progress","b60"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/category/themes",component:u("/docs/0.4.0+/category/themes","edc"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/category/utilities",component:u("/docs/0.4.0+/category/utilities","4a5"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/changelog",component:u("/docs/0.4.0+/changelog","75c"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/code-styles",component:u("/docs/0.4.0+/code-styles","481"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/dynamic/complex",component:u("/docs/0.4.0+/dynamic/complex","525"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/dynamic/cover",component:u("/docs/0.4.0+/dynamic/cover","0ca"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/dynamic/equation",component:u("/docs/0.4.0+/dynamic/equation","973"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/dynamic/handout",component:u("/docs/0.4.0+/dynamic/handout","9b6"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/dynamic/other",component:u("/docs/0.4.0+/dynamic/other","20c"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/dynamic/simple",component:u("/docs/0.4.0+/dynamic/simple","f42"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/external/pdfpc",component:u("/docs/0.4.0+/external/pdfpc","303"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/external/typst-preview",component:u("/docs/0.4.0+/external/typst-preview","868"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/global-settings",component:u("/docs/0.4.0+/global-settings","843"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/integration/cetz",component:u("/docs/0.4.0+/integration/cetz","de0"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/integration/codly",component:u("/docs/0.4.0+/integration/codly","adb"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/integration/ctheorems",component:u("/docs/0.4.0+/integration/ctheorems","eab"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/integration/fletcher",component:u("/docs/0.4.0+/integration/fletcher","709"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/integration/mitex",component:u("/docs/0.4.0+/integration/mitex","6dd"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/integration/pinit",component:u("/docs/0.4.0+/integration/pinit","9e0"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/intro",component:u("/docs/0.4.0+/intro","dd3"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/layout",component:u("/docs/0.4.0+/layout","64f"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/multi-file",component:u("/docs/0.4.0+/multi-file","e06"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/progress/counters",component:u("/docs/0.4.0+/progress/counters","414"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/progress/sections",component:u("/docs/0.4.0+/progress/sections","fe5"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/sections",component:u("/docs/0.4.0+/sections","458"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/start",component:u("/docs/0.4.0+/start","fff"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/themes/aqua",component:u("/docs/0.4.0+/themes/aqua","b0f"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/themes/dewdrop",component:u("/docs/0.4.0+/themes/dewdrop","3b5"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/themes/metropolis",component:u("/docs/0.4.0+/themes/metropolis","9bb"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/themes/simple",component:u("/docs/0.4.0+/themes/simple","331"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/themes/university",component:u("/docs/0.4.0+/themes/university","596"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/utilities/fit-to",component:u("/docs/0.4.0+/utilities/fit-to","00f"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.0+/utilities/oop",component:u("/docs/0.4.0+/utilities/oop","10e"),exact:!0,sidebar:"tutorialSidebar"}]}]},{path:"/docs/0.4.1",component:u("/docs/0.4.1","93c"),routes:[{path:"/docs/0.4.1",component:u("/docs/0.4.1","979"),routes:[{path:"/docs/0.4.1/build-your-own-theme",component:u("/docs/0.4.1/build-your-own-theme","e23"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/category/dynamic-slides",component:u("/docs/0.4.1/category/dynamic-slides","0e1"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/category/external-tools",component:u("/docs/0.4.1/category/external-tools","09c"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/category/package-integration",component:u("/docs/0.4.1/category/package-integration","8ab"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/category/progress",component:u("/docs/0.4.1/category/progress","5f9"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/category/themes",component:u("/docs/0.4.1/category/themes","271"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/category/utilities",component:u("/docs/0.4.1/category/utilities","140"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/changelog",component:u("/docs/0.4.1/changelog","6a4"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/code-styles",component:u("/docs/0.4.1/code-styles","a1d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/dynamic/complex",component:u("/docs/0.4.1/dynamic/complex","b21"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/dynamic/cover",component:u("/docs/0.4.1/dynamic/cover","cbf"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/dynamic/equation",component:u("/docs/0.4.1/dynamic/equation","2a9"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/dynamic/handout",component:u("/docs/0.4.1/dynamic/handout","cf6"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/dynamic/other",component:u("/docs/0.4.1/dynamic/other","1cd"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/dynamic/simple",component:u("/docs/0.4.1/dynamic/simple","d54"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/external/pdfpc",component:u("/docs/0.4.1/external/pdfpc","1bc"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/external/pympress",component:u("/docs/0.4.1/external/pympress","f21"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/external/typst-preview",component:u("/docs/0.4.1/external/typst-preview","b82"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/global-settings",component:u("/docs/0.4.1/global-settings","f48"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/integration/cetz",component:u("/docs/0.4.1/integration/cetz","079"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/integration/codly",component:u("/docs/0.4.1/integration/codly","341"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/integration/ctheorems",component:u("/docs/0.4.1/integration/ctheorems","ebd"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/integration/fletcher",component:u("/docs/0.4.1/integration/fletcher","f5b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/integration/mitex",component:u("/docs/0.4.1/integration/mitex","70e"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/integration/pinit",component:u("/docs/0.4.1/integration/pinit","93a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/intro",component:u("/docs/0.4.1/intro","9f5"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/layout",component:u("/docs/0.4.1/layout","edb"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/multi-file",component:u("/docs/0.4.1/multi-file","988"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/progress/counters",component:u("/docs/0.4.1/progress/counters","56a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/progress/sections",component:u("/docs/0.4.1/progress/sections","bd5"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/sections",component:u("/docs/0.4.1/sections","d51"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/start",component:u("/docs/0.4.1/start","e3d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/themes/aqua",component:u("/docs/0.4.1/themes/aqua","ca8"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/themes/dewdrop",component:u("/docs/0.4.1/themes/dewdrop","c15"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/themes/metropolis",component:u("/docs/0.4.1/themes/metropolis","618"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/themes/simple",component:u("/docs/0.4.1/themes/simple","995"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/themes/university",component:u("/docs/0.4.1/themes/university","71f"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/utilities/fit-to",component:u("/docs/0.4.1/utilities/fit-to","51b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.1/utilities/oop",component:u("/docs/0.4.1/utilities/oop","263"),exact:!0,sidebar:"tutorialSidebar"}]}]},{path:"/docs/0.4.2",component:u("/docs/0.4.2","57b"),routes:[{path:"/docs/0.4.2",component:u("/docs/0.4.2","5d4"),routes:[{path:"/docs/0.4.2/build-your-own-theme",component:u("/docs/0.4.2/build-your-own-theme","b42"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/category/dynamic-slides",component:u("/docs/0.4.2/category/dynamic-slides","f42"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/category/external-tools",component:u("/docs/0.4.2/category/external-tools","490"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/category/package-integration",component:u("/docs/0.4.2/category/package-integration","d4d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/category/progress",component:u("/docs/0.4.2/category/progress","2b7"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/category/themes",component:u("/docs/0.4.2/category/themes","48d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/category/utilities",component:u("/docs/0.4.2/category/utilities","491"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/changelog",component:u("/docs/0.4.2/changelog","e41"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/code-styles",component:u("/docs/0.4.2/code-styles","3bc"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/dynamic/complex",component:u("/docs/0.4.2/dynamic/complex","c9e"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/dynamic/cover",component:u("/docs/0.4.2/dynamic/cover","9dd"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/dynamic/equation",component:u("/docs/0.4.2/dynamic/equation","89d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/dynamic/handout",component:u("/docs/0.4.2/dynamic/handout","02d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/dynamic/other",component:u("/docs/0.4.2/dynamic/other","598"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/dynamic/simple",component:u("/docs/0.4.2/dynamic/simple","59e"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/external/pdfpc",component:u("/docs/0.4.2/external/pdfpc","942"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/external/pympress",component:u("/docs/0.4.2/external/pympress","c44"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/external/typst-preview",component:u("/docs/0.4.2/external/typst-preview","b3b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/global-settings",component:u("/docs/0.4.2/global-settings","f4e"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/integration/cetz",component:u("/docs/0.4.2/integration/cetz","ced"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/integration/codly",component:u("/docs/0.4.2/integration/codly","3ee"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/integration/ctheorems",component:u("/docs/0.4.2/integration/ctheorems","c6d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/integration/fletcher",component:u("/docs/0.4.2/integration/fletcher","ead"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/integration/mitex",component:u("/docs/0.4.2/integration/mitex","339"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/integration/pinit",component:u("/docs/0.4.2/integration/pinit","716"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/intro",component:u("/docs/0.4.2/intro","32d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/layout",component:u("/docs/0.4.2/layout","302"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/multi-file",component:u("/docs/0.4.2/multi-file","d01"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/progress/counters",component:u("/docs/0.4.2/progress/counters","4f7"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/progress/sections",component:u("/docs/0.4.2/progress/sections","af5"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/sections",component:u("/docs/0.4.2/sections","c82"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/start",component:u("/docs/0.4.2/start","890"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/themes/aqua",component:u("/docs/0.4.2/themes/aqua","121"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/themes/dewdrop",component:u("/docs/0.4.2/themes/dewdrop","726"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/themes/metropolis",component:u("/docs/0.4.2/themes/metropolis","a4d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/themes/simple",component:u("/docs/0.4.2/themes/simple","bee"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/themes/university",component:u("/docs/0.4.2/themes/university","2e8"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/utilities/fit-to",component:u("/docs/0.4.2/utilities/fit-to","67d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/0.4.2/utilities/oop",component:u("/docs/0.4.2/utilities/oop","98e"),exact:!0,sidebar:"tutorialSidebar"}]}]},{path:"/docs/next",component:u("/docs/next","74c"),routes:[{path:"/docs/next",component:u("/docs/next","f6b"),routes:[{path:"/docs/next/build-your-own-theme",component:u("/docs/next/build-your-own-theme","190"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/category/dynamic-slides",component:u("/docs/next/category/dynamic-slides","127"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/category/external-tools",component:u("/docs/next/category/external-tools","ce8"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/category/package-integration",component:u("/docs/next/category/package-integration","b4c"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/category/progress",component:u("/docs/next/category/progress","821"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/category/themes",component:u("/docs/next/category/themes","0e7"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/category/utilities",component:u("/docs/next/category/utilities","55b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/changelog",component:u("/docs/next/changelog","ebe"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/code-styles",component:u("/docs/next/code-styles","393"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/dynamic/complex",component:u("/docs/next/dynamic/complex","176"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/dynamic/cover",component:u("/docs/next/dynamic/cover","72f"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/dynamic/equation",component:u("/docs/next/dynamic/equation","80c"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/dynamic/handout",component:u("/docs/next/dynamic/handout","61a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/dynamic/other",component:u("/docs/next/dynamic/other","6d5"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/dynamic/simple",component:u("/docs/next/dynamic/simple","b14"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/external/pdfpc",component:u("/docs/next/external/pdfpc","c84"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/external/pympress",component:u("/docs/next/external/pympress","88e"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/external/typst-preview",component:u("/docs/next/external/typst-preview","42c"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/global-settings",component:u("/docs/next/global-settings","536"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/integration/cetz",component:u("/docs/next/integration/cetz","ebf"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/integration/codly",component:u("/docs/next/integration/codly","ac2"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/integration/ctheorems",component:u("/docs/next/integration/ctheorems","a81"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/integration/fletcher",component:u("/docs/next/integration/fletcher","883"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/integration/mitex",component:u("/docs/next/integration/mitex","f31"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/integration/pinit",component:u("/docs/next/integration/pinit","4e4"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/intro",component:u("/docs/next/intro","8d4"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/layout",component:u("/docs/next/layout","364"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/multi-file",component:u("/docs/next/multi-file","cd4"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/progress/counters",component:u("/docs/next/progress/counters","e74"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/progress/sections",component:u("/docs/next/progress/sections","d8f"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/sections",component:u("/docs/next/sections","539"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/start",component:u("/docs/next/start","e0c"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/themes/aqua",component:u("/docs/next/themes/aqua","ca9"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/themes/custom",component:u("/docs/next/themes/custom","d8c"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/themes/dewdrop",component:u("/docs/next/themes/dewdrop","2b7"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/themes/metropolis",component:u("/docs/next/themes/metropolis","701"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/themes/simple",component:u("/docs/next/themes/simple","d18"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/themes/stargazer",component:u("/docs/next/themes/stargazer","b1c"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/themes/university",component:u("/docs/next/themes/university","327"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/next/utilities/fit-to",component:u("/docs/next/utilities/fit-to","e1c"),exact:!0,sidebar:"tutorialSidebar"}]}]},{path:"/docs",component:u("/docs","2cd"),routes:[{path:"/docs",component:u("/docs","6b0"),routes:[{path:"/docs/build-your-own-theme",component:u("/docs/build-your-own-theme","f5b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/category/dynamic-slides",component:u("/docs/category/dynamic-slides","fbb"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/category/external-tools",component:u("/docs/category/external-tools","333"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/category/package-integration",component:u("/docs/category/package-integration","297"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/category/progress",component:u("/docs/category/progress","eaa"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/category/themes",component:u("/docs/category/themes","389"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/category/utilities",component:u("/docs/category/utilities","9d3"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/changelog",component:u("/docs/changelog","114"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/code-styles",component:u("/docs/code-styles","b13"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/dynamic/complex",component:u("/docs/dynamic/complex","c68"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/dynamic/cover",component:u("/docs/dynamic/cover","b5d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/dynamic/equation",component:u("/docs/dynamic/equation","c80"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/dynamic/handout",component:u("/docs/dynamic/handout","68f"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/dynamic/other",component:u("/docs/dynamic/other","2a2"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/dynamic/simple",component:u("/docs/dynamic/simple","39c"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/external/pdfpc",component:u("/docs/external/pdfpc","07c"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/external/pympress",component:u("/docs/external/pympress","0c2"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/external/typst-preview",component:u("/docs/external/typst-preview","aaa"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/global-settings",component:u("/docs/global-settings","37c"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/integration/cetz",component:u("/docs/integration/cetz","cb7"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/integration/codly",component:u("/docs/integration/codly","ed9"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/integration/ctheorems",component:u("/docs/integration/ctheorems","827"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/integration/fletcher",component:u("/docs/integration/fletcher","dfc"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/integration/mitex",component:u("/docs/integration/mitex","f54"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/integration/pinit",component:u("/docs/integration/pinit","2f6"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/intro",component:u("/docs/intro","e9d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/layout",component:u("/docs/layout","6cd"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/multi-file",component:u("/docs/multi-file","add"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/progress/counters",component:u("/docs/progress/counters","af2"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/progress/sections",component:u("/docs/progress/sections","d04"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/sections",component:u("/docs/sections","712"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/start",component:u("/docs/start","633"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/themes/aqua",component:u("/docs/themes/aqua","1ff"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/themes/custom",component:u("/docs/themes/custom","898"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/themes/dewdrop",component:u("/docs/themes/dewdrop","505"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/themes/metropolis",component:u("/docs/themes/metropolis","71e"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/themes/simple",component:u("/docs/themes/simple","ab4"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/themes/stargazer",component:u("/docs/themes/stargazer","a10"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/themes/university",component:u("/docs/themes/university","c2b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/docs/utilities/fit-to",component:u("/docs/utilities/fit-to","97e"),exact:!0,sidebar:"tutorialSidebar"}]}]}]},{path:"/",component:u("/","4d4"),exact:!0},{path:"*",component:u("*")}]},8934:(e,t,n)=>{"use strict";n.d(t,{_:()=>a,t:()=>i});var r=n(7294),o=n(5893);const a=r.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{i(!0)}),[]),(0,o.jsx)(a.Provider,{value:n,children:t})}},7221:(e,t,n)=>{"use strict";var r=n(7294),o=n(745),a=n(3727),i=n(405),s=n(412);const l=[n(2497),n(3310),n(8320),n(2295)];var c=n(723),d=n(6550),u=n(8790),p=n(5893);function f(e){let{children:t}=e;return(0,p.jsx)(p.Fragment,{children:t})}var m=n(5742),h=n(2263),g=n(4996),b=n(6668),y=n(1944),v=n(4711),x=n(9727),w=n(3320),S=n(8780),k=n(197);function _(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,h.Z)(),r=(0,v.l)(),o=n[e].htmlLang,a=e=>e.replace("-","_");return(0,p.jsxs)(m.Z,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,p.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,p.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,p.jsx)("meta",{property:"og:locale",content:a(o)}),Object.values(n).filter((e=>o!==e.htmlLang)).map((e=>(0,p.jsx)("meta",{property:"og:locale:alternate",content:a(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function E(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,h.Z)(),r=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,h.Z)(),{pathname:r}=(0,d.TH)();return e+(0,S.applyTrailingSlash)((0,g.Z)(r),{trailingSlash:n,baseUrl:t})}(),o=t?`${n}${t}`:r;return(0,p.jsxs)(m.Z,{children:[(0,p.jsx)("meta",{property:"og:url",content:o}),(0,p.jsx)("link",{rel:"canonical",href:o})]})}function C(){const{i18n:{currentLocale:e}}=(0,h.Z)(),{metadata:t,image:n}=(0,b.L)();return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(m.Z,{children:[(0,p.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,p.jsx)("body",{className:x.h})]}),n&&(0,p.jsx)(y.d,{image:n}),(0,p.jsx)(E,{}),(0,p.jsx)(_,{}),(0,p.jsx)(k.Z,{tag:w.HX,locale:e}),(0,p.jsx)(m.Z,{children:t.map(((e,t)=>(0,p.jsx)("meta",{...e},t)))})]})}const T=new Map;function j(e){if(T.has(e.pathname))return{...e,pathname:T.get(e.pathname)};if((0,u.f)(c.Z,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return T.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return T.set(e.pathname,t),{...e,pathname:t}}var N=n(8934),A=n(8940),R=n(469);function L(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r{const r=t.default?.[e]??t[e];return r?.(...n)}));return()=>o.forEach((e=>e?.()))}const I=function(e){let{children:t,location:n,previousLocation:r}=e;return(0,R.Z)((()=>{r!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const r=t.pathname===n.pathname,o=t.hash===n.hash,a=t.search===n.search;if(r&&o&&!a)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:r}),L("onRouteDidUpdate",{previousLocation:r,location:n}))}),[r,n]),t};function P(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,u.f)(c.Z,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class O extends r.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=s.Z.canUseDOM?L("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=L("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),P(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(0,p.jsx)(I,{previousLocation:this.previousLocation,location:t,children:(0,p.jsx)(d.AW,{location:t,render:()=>e})})}}const D=O,M="__docusaurus-base-url-issue-banner-container",F="__docusaurus-base-url-issue-banner",z="__docusaurus-base-url-issue-banner-suggestion-container";function B(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n var shouldInsert = typeof window['docusaurus'] === 'undefined';\n shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n var bannerContainer = document.createElement('div');\n bannerContainer.id = '${M}';\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(/{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))};var K=n(9670);const Y=new Set,X=new Set,J=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ee={prefetch(e){if(!(e=>!J()&&!X.has(e)&&!Y.has(e))(e))return!1;Y.add(e);const t=(0,u.f)(c.Z,e).flatMap((e=>{return t=e.route.path,Object.entries(V).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,K.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),P(e))},te=Object.freeze(ee),ne=Boolean(!0);if(s.Z.canUseDOM){window.docusaurus=te;const e=document.getElementById("__docusaurus"),t=(0,p.jsx)(i.B6,{children:(0,p.jsx)(a.VK,{children:(0,p.jsx)(W,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},s=()=>{if(ne)r.startTransition((()=>{o.hydrateRoot(e,t,{onRecoverableError:n})}));else{const a=o.createRoot(e,{onRecoverableError:n});r.startTransition((()=>{a.render(t)}))}};P(window.location.pathname).then(s)}},8940:(e,t,n)=>{"use strict";n.d(t,{_:()=>u,M:()=>p});var r=n(7294),o=n(6809);const a=JSON.parse('{"docusaurus-lunr-search":{"default":{"fileNames":{"searchDoc":"search-doc-1728981934098.json","lunrIndex":"lunr-index-1728981934098.json"}}},"docusaurus-plugin-content-docs":{"default":{"path":"/docs","versions":[{"name":"current","label":"Next","isLast":false,"path":"/docs/next","mainDocId":"intro","docs":[{"id":"build-your-own-theme","path":"/docs/next/build-your-own-theme","sidebar":"tutorialSidebar"},{"id":"changelog","path":"/docs/next/changelog","sidebar":"tutorialSidebar"},{"id":"code-styles","path":"/docs/next/code-styles","sidebar":"tutorialSidebar"},{"id":"dynamic/complex","path":"/docs/next/dynamic/complex","sidebar":"tutorialSidebar"},{"id":"dynamic/cover","path":"/docs/next/dynamic/cover","sidebar":"tutorialSidebar"},{"id":"dynamic/equation","path":"/docs/next/dynamic/equation","sidebar":"tutorialSidebar"},{"id":"dynamic/handout","path":"/docs/next/dynamic/handout","sidebar":"tutorialSidebar"},{"id":"dynamic/other","path":"/docs/next/dynamic/other","sidebar":"tutorialSidebar"},{"id":"dynamic/simple","path":"/docs/next/dynamic/simple","sidebar":"tutorialSidebar"},{"id":"external/pdfpc","path":"/docs/next/external/pdfpc","sidebar":"tutorialSidebar"},{"id":"external/pympress","path":"/docs/next/external/pympress","sidebar":"tutorialSidebar"},{"id":"external/typst-preview","path":"/docs/next/external/typst-preview","sidebar":"tutorialSidebar"},{"id":"global-settings","path":"/docs/next/global-settings","sidebar":"tutorialSidebar"},{"id":"integration/cetz","path":"/docs/next/integration/cetz","sidebar":"tutorialSidebar"},{"id":"integration/codly","path":"/docs/next/integration/codly","sidebar":"tutorialSidebar"},{"id":"integration/ctheorems","path":"/docs/next/integration/ctheorems","sidebar":"tutorialSidebar"},{"id":"integration/fletcher","path":"/docs/next/integration/fletcher","sidebar":"tutorialSidebar"},{"id":"integration/mitex","path":"/docs/next/integration/mitex","sidebar":"tutorialSidebar"},{"id":"integration/pinit","path":"/docs/next/integration/pinit","sidebar":"tutorialSidebar"},{"id":"intro","path":"/docs/next/intro","sidebar":"tutorialSidebar"},{"id":"layout","path":"/docs/next/layout","sidebar":"tutorialSidebar"},{"id":"multi-file","path":"/docs/next/multi-file","sidebar":"tutorialSidebar"},{"id":"progress/counters","path":"/docs/next/progress/counters","sidebar":"tutorialSidebar"},{"id":"progress/sections","path":"/docs/next/progress/sections","sidebar":"tutorialSidebar"},{"id":"sections","path":"/docs/next/sections","sidebar":"tutorialSidebar"},{"id":"start","path":"/docs/next/start","sidebar":"tutorialSidebar"},{"id":"themes/aqua","path":"/docs/next/themes/aqua","sidebar":"tutorialSidebar"},{"id":"themes/custom","path":"/docs/next/themes/custom","sidebar":"tutorialSidebar"},{"id":"themes/dewdrop","path":"/docs/next/themes/dewdrop","sidebar":"tutorialSidebar"},{"id":"themes/metropolis","path":"/docs/next/themes/metropolis","sidebar":"tutorialSidebar"},{"id":"themes/simple","path":"/docs/next/themes/simple","sidebar":"tutorialSidebar"},{"id":"themes/stargazer","path":"/docs/next/themes/stargazer","sidebar":"tutorialSidebar"},{"id":"themes/university","path":"/docs/next/themes/university","sidebar":"tutorialSidebar"},{"id":"utilities/fit-to","path":"/docs/next/utilities/fit-to","sidebar":"tutorialSidebar"},{"id":"/category/dynamic-slides","path":"/docs/next/category/dynamic-slides","sidebar":"tutorialSidebar"},{"id":"/category/package-integration","path":"/docs/next/category/package-integration","sidebar":"tutorialSidebar"},{"id":"/category/themes","path":"/docs/next/category/themes","sidebar":"tutorialSidebar"},{"id":"/category/progress","path":"/docs/next/category/progress","sidebar":"tutorialSidebar"},{"id":"/category/utilities","path":"/docs/next/category/utilities","sidebar":"tutorialSidebar"},{"id":"/category/external-tools","path":"/docs/next/category/external-tools","sidebar":"tutorialSidebar"}],"draftIds":[],"sidebars":{"tutorialSidebar":{"link":{"path":"/docs/next/intro","label":"intro"}}}},{"name":"0.5.x","label":"0.5.x","isLast":true,"path":"/docs","mainDocId":"intro","docs":[{"id":"build-your-own-theme","path":"/docs/build-your-own-theme","sidebar":"tutorialSidebar"},{"id":"changelog","path":"/docs/changelog","sidebar":"tutorialSidebar"},{"id":"code-styles","path":"/docs/code-styles","sidebar":"tutorialSidebar"},{"id":"dynamic/complex","path":"/docs/dynamic/complex","sidebar":"tutorialSidebar"},{"id":"dynamic/cover","path":"/docs/dynamic/cover","sidebar":"tutorialSidebar"},{"id":"dynamic/equation","path":"/docs/dynamic/equation","sidebar":"tutorialSidebar"},{"id":"dynamic/handout","path":"/docs/dynamic/handout","sidebar":"tutorialSidebar"},{"id":"dynamic/other","path":"/docs/dynamic/other","sidebar":"tutorialSidebar"},{"id":"dynamic/simple","path":"/docs/dynamic/simple","sidebar":"tutorialSidebar"},{"id":"external/pdfpc","path":"/docs/external/pdfpc","sidebar":"tutorialSidebar"},{"id":"external/pympress","path":"/docs/external/pympress","sidebar":"tutorialSidebar"},{"id":"external/typst-preview","path":"/docs/external/typst-preview","sidebar":"tutorialSidebar"},{"id":"global-settings","path":"/docs/global-settings","sidebar":"tutorialSidebar"},{"id":"integration/cetz","path":"/docs/integration/cetz","sidebar":"tutorialSidebar"},{"id":"integration/codly","path":"/docs/integration/codly","sidebar":"tutorialSidebar"},{"id":"integration/ctheorems","path":"/docs/integration/ctheorems","sidebar":"tutorialSidebar"},{"id":"integration/fletcher","path":"/docs/integration/fletcher","sidebar":"tutorialSidebar"},{"id":"integration/mitex","path":"/docs/integration/mitex","sidebar":"tutorialSidebar"},{"id":"integration/pinit","path":"/docs/integration/pinit","sidebar":"tutorialSidebar"},{"id":"intro","path":"/docs/intro","sidebar":"tutorialSidebar"},{"id":"layout","path":"/docs/layout","sidebar":"tutorialSidebar"},{"id":"multi-file","path":"/docs/multi-file","sidebar":"tutorialSidebar"},{"id":"progress/counters","path":"/docs/progress/counters","sidebar":"tutorialSidebar"},{"id":"progress/sections","path":"/docs/progress/sections","sidebar":"tutorialSidebar"},{"id":"sections","path":"/docs/sections","sidebar":"tutorialSidebar"},{"id":"start","path":"/docs/start","sidebar":"tutorialSidebar"},{"id":"themes/aqua","path":"/docs/themes/aqua","sidebar":"tutorialSidebar"},{"id":"themes/custom","path":"/docs/themes/custom","sidebar":"tutorialSidebar"},{"id":"themes/dewdrop","path":"/docs/themes/dewdrop","sidebar":"tutorialSidebar"},{"id":"themes/metropolis","path":"/docs/themes/metropolis","sidebar":"tutorialSidebar"},{"id":"themes/simple","path":"/docs/themes/simple","sidebar":"tutorialSidebar"},{"id":"themes/stargazer","path":"/docs/themes/stargazer","sidebar":"tutorialSidebar"},{"id":"themes/university","path":"/docs/themes/university","sidebar":"tutorialSidebar"},{"id":"utilities/fit-to","path":"/docs/utilities/fit-to","sidebar":"tutorialSidebar"},{"id":"/category/dynamic-slides","path":"/docs/category/dynamic-slides","sidebar":"tutorialSidebar"},{"id":"/category/package-integration","path":"/docs/category/package-integration","sidebar":"tutorialSidebar"},{"id":"/category/themes","path":"/docs/category/themes","sidebar":"tutorialSidebar"},{"id":"/category/progress","path":"/docs/category/progress","sidebar":"tutorialSidebar"},{"id":"/category/utilities","path":"/docs/category/utilities","sidebar":"tutorialSidebar"},{"id":"/category/external-tools","path":"/docs/category/external-tools","sidebar":"tutorialSidebar"}],"draftIds":[],"sidebars":{"tutorialSidebar":{"link":{"path":"/docs/intro","label":"intro"}}}},{"name":"0.4.2","label":"0.4.2","isLast":false,"path":"/docs/0.4.2","mainDocId":"intro","docs":[{"id":"build-your-own-theme","path":"/docs/0.4.2/build-your-own-theme","sidebar":"tutorialSidebar"},{"id":"changelog","path":"/docs/0.4.2/changelog","sidebar":"tutorialSidebar"},{"id":"code-styles","path":"/docs/0.4.2/code-styles","sidebar":"tutorialSidebar"},{"id":"dynamic/complex","path":"/docs/0.4.2/dynamic/complex","sidebar":"tutorialSidebar"},{"id":"dynamic/cover","path":"/docs/0.4.2/dynamic/cover","sidebar":"tutorialSidebar"},{"id":"dynamic/equation","path":"/docs/0.4.2/dynamic/equation","sidebar":"tutorialSidebar"},{"id":"dynamic/handout","path":"/docs/0.4.2/dynamic/handout","sidebar":"tutorialSidebar"},{"id":"dynamic/other","path":"/docs/0.4.2/dynamic/other","sidebar":"tutorialSidebar"},{"id":"dynamic/simple","path":"/docs/0.4.2/dynamic/simple","sidebar":"tutorialSidebar"},{"id":"external/pdfpc","path":"/docs/0.4.2/external/pdfpc","sidebar":"tutorialSidebar"},{"id":"external/pympress","path":"/docs/0.4.2/external/pympress","sidebar":"tutorialSidebar"},{"id":"external/typst-preview","path":"/docs/0.4.2/external/typst-preview","sidebar":"tutorialSidebar"},{"id":"global-settings","path":"/docs/0.4.2/global-settings","sidebar":"tutorialSidebar"},{"id":"integration/cetz","path":"/docs/0.4.2/integration/cetz","sidebar":"tutorialSidebar"},{"id":"integration/codly","path":"/docs/0.4.2/integration/codly","sidebar":"tutorialSidebar"},{"id":"integration/ctheorems","path":"/docs/0.4.2/integration/ctheorems","sidebar":"tutorialSidebar"},{"id":"integration/fletcher","path":"/docs/0.4.2/integration/fletcher","sidebar":"tutorialSidebar"},{"id":"integration/mitex","path":"/docs/0.4.2/integration/mitex","sidebar":"tutorialSidebar"},{"id":"integration/pinit","path":"/docs/0.4.2/integration/pinit","sidebar":"tutorialSidebar"},{"id":"intro","path":"/docs/0.4.2/intro","sidebar":"tutorialSidebar"},{"id":"layout","path":"/docs/0.4.2/layout","sidebar":"tutorialSidebar"},{"id":"multi-file","path":"/docs/0.4.2/multi-file","sidebar":"tutorialSidebar"},{"id":"progress/counters","path":"/docs/0.4.2/progress/counters","sidebar":"tutorialSidebar"},{"id":"progress/sections","path":"/docs/0.4.2/progress/sections","sidebar":"tutorialSidebar"},{"id":"sections","path":"/docs/0.4.2/sections","sidebar":"tutorialSidebar"},{"id":"start","path":"/docs/0.4.2/start","sidebar":"tutorialSidebar"},{"id":"themes/aqua","path":"/docs/0.4.2/themes/aqua","sidebar":"tutorialSidebar"},{"id":"themes/dewdrop","path":"/docs/0.4.2/themes/dewdrop","sidebar":"tutorialSidebar"},{"id":"themes/metropolis","path":"/docs/0.4.2/themes/metropolis","sidebar":"tutorialSidebar"},{"id":"themes/simple","path":"/docs/0.4.2/themes/simple","sidebar":"tutorialSidebar"},{"id":"themes/university","path":"/docs/0.4.2/themes/university","sidebar":"tutorialSidebar"},{"id":"utilities/fit-to","path":"/docs/0.4.2/utilities/fit-to","sidebar":"tutorialSidebar"},{"id":"utilities/oop","path":"/docs/0.4.2/utilities/oop","sidebar":"tutorialSidebar"},{"id":"/category/dynamic-slides","path":"/docs/0.4.2/category/dynamic-slides","sidebar":"tutorialSidebar"},{"id":"/category/package-integration","path":"/docs/0.4.2/category/package-integration","sidebar":"tutorialSidebar"},{"id":"/category/themes","path":"/docs/0.4.2/category/themes","sidebar":"tutorialSidebar"},{"id":"/category/progress","path":"/docs/0.4.2/category/progress","sidebar":"tutorialSidebar"},{"id":"/category/utilities","path":"/docs/0.4.2/category/utilities","sidebar":"tutorialSidebar"},{"id":"/category/external-tools","path":"/docs/0.4.2/category/external-tools","sidebar":"tutorialSidebar"}],"draftIds":[],"sidebars":{"tutorialSidebar":{"link":{"path":"/docs/0.4.2/intro","label":"intro"}}}},{"name":"0.4.1","label":"0.4.1","isLast":false,"path":"/docs/0.4.1","mainDocId":"intro","docs":[{"id":"build-your-own-theme","path":"/docs/0.4.1/build-your-own-theme","sidebar":"tutorialSidebar"},{"id":"changelog","path":"/docs/0.4.1/changelog","sidebar":"tutorialSidebar"},{"id":"code-styles","path":"/docs/0.4.1/code-styles","sidebar":"tutorialSidebar"},{"id":"dynamic/complex","path":"/docs/0.4.1/dynamic/complex","sidebar":"tutorialSidebar"},{"id":"dynamic/cover","path":"/docs/0.4.1/dynamic/cover","sidebar":"tutorialSidebar"},{"id":"dynamic/equation","path":"/docs/0.4.1/dynamic/equation","sidebar":"tutorialSidebar"},{"id":"dynamic/handout","path":"/docs/0.4.1/dynamic/handout","sidebar":"tutorialSidebar"},{"id":"dynamic/other","path":"/docs/0.4.1/dynamic/other","sidebar":"tutorialSidebar"},{"id":"dynamic/simple","path":"/docs/0.4.1/dynamic/simple","sidebar":"tutorialSidebar"},{"id":"external/pdfpc","path":"/docs/0.4.1/external/pdfpc","sidebar":"tutorialSidebar"},{"id":"external/pympress","path":"/docs/0.4.1/external/pympress","sidebar":"tutorialSidebar"},{"id":"external/typst-preview","path":"/docs/0.4.1/external/typst-preview","sidebar":"tutorialSidebar"},{"id":"global-settings","path":"/docs/0.4.1/global-settings","sidebar":"tutorialSidebar"},{"id":"integration/cetz","path":"/docs/0.4.1/integration/cetz","sidebar":"tutorialSidebar"},{"id":"integration/codly","path":"/docs/0.4.1/integration/codly","sidebar":"tutorialSidebar"},{"id":"integration/ctheorems","path":"/docs/0.4.1/integration/ctheorems","sidebar":"tutorialSidebar"},{"id":"integration/fletcher","path":"/docs/0.4.1/integration/fletcher","sidebar":"tutorialSidebar"},{"id":"integration/mitex","path":"/docs/0.4.1/integration/mitex","sidebar":"tutorialSidebar"},{"id":"integration/pinit","path":"/docs/0.4.1/integration/pinit","sidebar":"tutorialSidebar"},{"id":"intro","path":"/docs/0.4.1/intro","sidebar":"tutorialSidebar"},{"id":"layout","path":"/docs/0.4.1/layout","sidebar":"tutorialSidebar"},{"id":"multi-file","path":"/docs/0.4.1/multi-file","sidebar":"tutorialSidebar"},{"id":"progress/counters","path":"/docs/0.4.1/progress/counters","sidebar":"tutorialSidebar"},{"id":"progress/sections","path":"/docs/0.4.1/progress/sections","sidebar":"tutorialSidebar"},{"id":"sections","path":"/docs/0.4.1/sections","sidebar":"tutorialSidebar"},{"id":"start","path":"/docs/0.4.1/start","sidebar":"tutorialSidebar"},{"id":"themes/aqua","path":"/docs/0.4.1/themes/aqua","sidebar":"tutorialSidebar"},{"id":"themes/dewdrop","path":"/docs/0.4.1/themes/dewdrop","sidebar":"tutorialSidebar"},{"id":"themes/metropolis","path":"/docs/0.4.1/themes/metropolis","sidebar":"tutorialSidebar"},{"id":"themes/simple","path":"/docs/0.4.1/themes/simple","sidebar":"tutorialSidebar"},{"id":"themes/university","path":"/docs/0.4.1/themes/university","sidebar":"tutorialSidebar"},{"id":"utilities/fit-to","path":"/docs/0.4.1/utilities/fit-to","sidebar":"tutorialSidebar"},{"id":"utilities/oop","path":"/docs/0.4.1/utilities/oop","sidebar":"tutorialSidebar"},{"id":"/category/dynamic-slides","path":"/docs/0.4.1/category/dynamic-slides","sidebar":"tutorialSidebar"},{"id":"/category/package-integration","path":"/docs/0.4.1/category/package-integration","sidebar":"tutorialSidebar"},{"id":"/category/themes","path":"/docs/0.4.1/category/themes","sidebar":"tutorialSidebar"},{"id":"/category/progress","path":"/docs/0.4.1/category/progress","sidebar":"tutorialSidebar"},{"id":"/category/utilities","path":"/docs/0.4.1/category/utilities","sidebar":"tutorialSidebar"},{"id":"/category/external-tools","path":"/docs/0.4.1/category/external-tools","sidebar":"tutorialSidebar"}],"draftIds":[],"sidebars":{"tutorialSidebar":{"link":{"path":"/docs/0.4.1/intro","label":"intro"}}}},{"name":"0.4.0+","label":"0.4.0+","isLast":false,"path":"/docs/0.4.0+","mainDocId":"intro","docs":[{"id":"build-your-own-theme","path":"/docs/0.4.0+/build-your-own-theme","sidebar":"tutorialSidebar"},{"id":"changelog","path":"/docs/0.4.0+/changelog","sidebar":"tutorialSidebar"},{"id":"code-styles","path":"/docs/0.4.0+/code-styles","sidebar":"tutorialSidebar"},{"id":"dynamic/complex","path":"/docs/0.4.0+/dynamic/complex","sidebar":"tutorialSidebar"},{"id":"dynamic/cover","path":"/docs/0.4.0+/dynamic/cover","sidebar":"tutorialSidebar"},{"id":"dynamic/equation","path":"/docs/0.4.0+/dynamic/equation","sidebar":"tutorialSidebar"},{"id":"dynamic/handout","path":"/docs/0.4.0+/dynamic/handout","sidebar":"tutorialSidebar"},{"id":"dynamic/other","path":"/docs/0.4.0+/dynamic/other","sidebar":"tutorialSidebar"},{"id":"dynamic/simple","path":"/docs/0.4.0+/dynamic/simple","sidebar":"tutorialSidebar"},{"id":"external/pdfpc","path":"/docs/0.4.0+/external/pdfpc","sidebar":"tutorialSidebar"},{"id":"external/typst-preview","path":"/docs/0.4.0+/external/typst-preview","sidebar":"tutorialSidebar"},{"id":"global-settings","path":"/docs/0.4.0+/global-settings","sidebar":"tutorialSidebar"},{"id":"integration/cetz","path":"/docs/0.4.0+/integration/cetz","sidebar":"tutorialSidebar"},{"id":"integration/codly","path":"/docs/0.4.0+/integration/codly","sidebar":"tutorialSidebar"},{"id":"integration/ctheorems","path":"/docs/0.4.0+/integration/ctheorems","sidebar":"tutorialSidebar"},{"id":"integration/fletcher","path":"/docs/0.4.0+/integration/fletcher","sidebar":"tutorialSidebar"},{"id":"integration/mitex","path":"/docs/0.4.0+/integration/mitex","sidebar":"tutorialSidebar"},{"id":"integration/pinit","path":"/docs/0.4.0+/integration/pinit","sidebar":"tutorialSidebar"},{"id":"intro","path":"/docs/0.4.0+/intro","sidebar":"tutorialSidebar"},{"id":"layout","path":"/docs/0.4.0+/layout","sidebar":"tutorialSidebar"},{"id":"multi-file","path":"/docs/0.4.0+/multi-file","sidebar":"tutorialSidebar"},{"id":"progress/counters","path":"/docs/0.4.0+/progress/counters","sidebar":"tutorialSidebar"},{"id":"progress/sections","path":"/docs/0.4.0+/progress/sections","sidebar":"tutorialSidebar"},{"id":"sections","path":"/docs/0.4.0+/sections","sidebar":"tutorialSidebar"},{"id":"start","path":"/docs/0.4.0+/start","sidebar":"tutorialSidebar"},{"id":"themes/aqua","path":"/docs/0.4.0+/themes/aqua","sidebar":"tutorialSidebar"},{"id":"themes/dewdrop","path":"/docs/0.4.0+/themes/dewdrop","sidebar":"tutorialSidebar"},{"id":"themes/metropolis","path":"/docs/0.4.0+/themes/metropolis","sidebar":"tutorialSidebar"},{"id":"themes/simple","path":"/docs/0.4.0+/themes/simple","sidebar":"tutorialSidebar"},{"id":"themes/university","path":"/docs/0.4.0+/themes/university","sidebar":"tutorialSidebar"},{"id":"utilities/fit-to","path":"/docs/0.4.0+/utilities/fit-to","sidebar":"tutorialSidebar"},{"id":"utilities/oop","path":"/docs/0.4.0+/utilities/oop","sidebar":"tutorialSidebar"},{"id":"/category/dynamic-slides","path":"/docs/0.4.0+/category/dynamic-slides","sidebar":"tutorialSidebar"},{"id":"/category/package-integration","path":"/docs/0.4.0+/category/package-integration","sidebar":"tutorialSidebar"},{"id":"/category/themes","path":"/docs/0.4.0+/category/themes","sidebar":"tutorialSidebar"},{"id":"/category/progress","path":"/docs/0.4.0+/category/progress","sidebar":"tutorialSidebar"},{"id":"/category/utilities","path":"/docs/0.4.0+/category/utilities","sidebar":"tutorialSidebar"},{"id":"/category/external-tools","path":"/docs/0.4.0+/category/external-tools","sidebar":"tutorialSidebar"}],"draftIds":[],"sidebars":{"tutorialSidebar":{"link":{"path":"/docs/0.4.0+/intro","label":"intro"}}}},{"name":"0.3.2+","label":"0.3.2+","isLast":false,"path":"/docs/0.3.2+","mainDocId":"intro","docs":[{"id":"build-your-own-theme","path":"/docs/0.3.2+/build-your-own-theme","sidebar":"tutorialSidebar"},{"id":"changelog","path":"/docs/0.3.2+/changelog","sidebar":"tutorialSidebar"},{"id":"code-styles","path":"/docs/0.3.2+/code-styles","sidebar":"tutorialSidebar"},{"id":"dynamic/complex","path":"/docs/0.3.2+/dynamic/complex","sidebar":"tutorialSidebar"},{"id":"dynamic/cover","path":"/docs/0.3.2+/dynamic/cover","sidebar":"tutorialSidebar"},{"id":"dynamic/equation","path":"/docs/0.3.2+/dynamic/equation","sidebar":"tutorialSidebar"},{"id":"dynamic/handout","path":"/docs/0.3.2+/dynamic/handout","sidebar":"tutorialSidebar"},{"id":"dynamic/other","path":"/docs/0.3.2+/dynamic/other","sidebar":"tutorialSidebar"},{"id":"dynamic/simple","path":"/docs/0.3.2+/dynamic/simple","sidebar":"tutorialSidebar"},{"id":"external/pdfpc","path":"/docs/0.3.2+/external/pdfpc","sidebar":"tutorialSidebar"},{"id":"external/typst-preview","path":"/docs/0.3.2+/external/typst-preview","sidebar":"tutorialSidebar"},{"id":"global-settings","path":"/docs/0.3.2+/global-settings","sidebar":"tutorialSidebar"},{"id":"integration/cetz","path":"/docs/0.3.2+/integration/cetz","sidebar":"tutorialSidebar"},{"id":"integration/codly","path":"/docs/0.3.2+/integration/codly","sidebar":"tutorialSidebar"},{"id":"integration/fletcher","path":"/docs/0.3.2+/integration/fletcher","sidebar":"tutorialSidebar"},{"id":"integration/mitex","path":"/docs/0.3.2+/integration/mitex","sidebar":"tutorialSidebar"},{"id":"integration/pinit","path":"/docs/0.3.2+/integration/pinit","sidebar":"tutorialSidebar"},{"id":"integration/polylux","path":"/docs/0.3.2+/integration/polylux","sidebar":"tutorialSidebar"},{"id":"intro","path":"/docs/0.3.2+/intro","sidebar":"tutorialSidebar"},{"id":"layout","path":"/docs/0.3.2+/layout","sidebar":"tutorialSidebar"},{"id":"progress/counters","path":"/docs/0.3.2+/progress/counters","sidebar":"tutorialSidebar"},{"id":"progress/sections","path":"/docs/0.3.2+/progress/sections","sidebar":"tutorialSidebar"},{"id":"sections","path":"/docs/0.3.2+/sections","sidebar":"tutorialSidebar"},{"id":"start","path":"/docs/0.3.2+/start","sidebar":"tutorialSidebar"},{"id":"themes/aqua","path":"/docs/0.3.2+/themes/aqua","sidebar":"tutorialSidebar"},{"id":"themes/dewdrop","path":"/docs/0.3.2+/themes/dewdrop","sidebar":"tutorialSidebar"},{"id":"themes/metropolis","path":"/docs/0.3.2+/themes/metropolis","sidebar":"tutorialSidebar"},{"id":"themes/simple","path":"/docs/0.3.2+/themes/simple","sidebar":"tutorialSidebar"},{"id":"themes/university","path":"/docs/0.3.2+/themes/university","sidebar":"tutorialSidebar"},{"id":"utilities/fit-to","path":"/docs/0.3.2+/utilities/fit-to","sidebar":"tutorialSidebar"},{"id":"utilities/oop","path":"/docs/0.3.2+/utilities/oop","sidebar":"tutorialSidebar"},{"id":"/category/dynamic-slides","path":"/docs/0.3.2+/category/dynamic-slides","sidebar":"tutorialSidebar"},{"id":"/category/package-integration","path":"/docs/0.3.2+/category/package-integration","sidebar":"tutorialSidebar"},{"id":"/category/themes","path":"/docs/0.3.2+/category/themes","sidebar":"tutorialSidebar"},{"id":"/category/progress","path":"/docs/0.3.2+/category/progress","sidebar":"tutorialSidebar"},{"id":"/category/utilities","path":"/docs/0.3.2+/category/utilities","sidebar":"tutorialSidebar"},{"id":"/category/external-tools","path":"/docs/0.3.2+/category/external-tools","sidebar":"tutorialSidebar"}],"draftIds":[],"sidebars":{"tutorialSidebar":{"link":{"path":"/docs/0.3.2+/intro","label":"intro"}}}},{"name":"0.3.x","label":"0.3.x","isLast":false,"path":"/docs/0.3.x","mainDocId":"intro","docs":[{"id":"build-your-own-theme","path":"/docs/0.3.x/build-your-own-theme","sidebar":"tutorialSidebar"},{"id":"changelog","path":"/docs/0.3.x/changelog","sidebar":"tutorialSidebar"},{"id":"code-styles","path":"/docs/0.3.x/code-styles","sidebar":"tutorialSidebar"},{"id":"dynamic/complex","path":"/docs/0.3.x/dynamic/complex","sidebar":"tutorialSidebar"},{"id":"dynamic/cover","path":"/docs/0.3.x/dynamic/cover","sidebar":"tutorialSidebar"},{"id":"dynamic/equation","path":"/docs/0.3.x/dynamic/equation","sidebar":"tutorialSidebar"},{"id":"dynamic/handout","path":"/docs/0.3.x/dynamic/handout","sidebar":"tutorialSidebar"},{"id":"dynamic/other","path":"/docs/0.3.x/dynamic/other","sidebar":"tutorialSidebar"},{"id":"dynamic/simple","path":"/docs/0.3.x/dynamic/simple","sidebar":"tutorialSidebar"},{"id":"external/pdfpc","path":"/docs/0.3.x/external/pdfpc","sidebar":"tutorialSidebar"},{"id":"external/typst-preview","path":"/docs/0.3.x/external/typst-preview","sidebar":"tutorialSidebar"},{"id":"global-settings","path":"/docs/0.3.x/global-settings","sidebar":"tutorialSidebar"},{"id":"integration/cetz","path":"/docs/0.3.x/integration/cetz","sidebar":"tutorialSidebar"},{"id":"integration/codly","path":"/docs/0.3.x/integration/codly","sidebar":"tutorialSidebar"},{"id":"integration/fletcher","path":"/docs/0.3.x/integration/fletcher","sidebar":"tutorialSidebar"},{"id":"integration/mitex","path":"/docs/0.3.x/integration/mitex","sidebar":"tutorialSidebar"},{"id":"integration/pinit","path":"/docs/0.3.x/integration/pinit","sidebar":"tutorialSidebar"},{"id":"integration/polylux","path":"/docs/0.3.x/integration/polylux","sidebar":"tutorialSidebar"},{"id":"intro","path":"/docs/0.3.x/intro","sidebar":"tutorialSidebar"},{"id":"layout","path":"/docs/0.3.x/layout","sidebar":"tutorialSidebar"},{"id":"progress/counters","path":"/docs/0.3.x/progress/counters","sidebar":"tutorialSidebar"},{"id":"progress/sections","path":"/docs/0.3.x/progress/sections","sidebar":"tutorialSidebar"},{"id":"sections","path":"/docs/0.3.x/sections","sidebar":"tutorialSidebar"},{"id":"start","path":"/docs/0.3.x/start","sidebar":"tutorialSidebar"},{"id":"themes/dewdrop","path":"/docs/0.3.x/themes/dewdrop","sidebar":"tutorialSidebar"},{"id":"themes/metropolis","path":"/docs/0.3.x/themes/metropolis","sidebar":"tutorialSidebar"},{"id":"themes/simple","path":"/docs/0.3.x/themes/simple","sidebar":"tutorialSidebar"},{"id":"themes/university","path":"/docs/0.3.x/themes/university","sidebar":"tutorialSidebar"},{"id":"utilities/fit-to","path":"/docs/0.3.x/utilities/fit-to","sidebar":"tutorialSidebar"},{"id":"utilities/oop","path":"/docs/0.3.x/utilities/oop","sidebar":"tutorialSidebar"},{"id":"/category/dynamic-slides","path":"/docs/0.3.x/category/dynamic-slides","sidebar":"tutorialSidebar"},{"id":"/category/package-integration","path":"/docs/0.3.x/category/package-integration","sidebar":"tutorialSidebar"},{"id":"/category/themes","path":"/docs/0.3.x/category/themes","sidebar":"tutorialSidebar"},{"id":"/category/progress","path":"/docs/0.3.x/category/progress","sidebar":"tutorialSidebar"},{"id":"/category/utilities","path":"/docs/0.3.x/category/utilities","sidebar":"tutorialSidebar"},{"id":"/category/external-tools","path":"/docs/0.3.x/category/external-tools","sidebar":"tutorialSidebar"}],"draftIds":[],"sidebars":{"tutorialSidebar":{"link":{"path":"/docs/0.3.x/intro","label":"intro"}}}},{"name":"0.2.x","label":"0.2.x","isLast":false,"path":"/docs/0.2.x","mainDocId":"intro","docs":[{"id":"build-your-own-theme","path":"/docs/0.2.x/build-your-own-theme","sidebar":"tutorialSidebar"},{"id":"changelog","path":"/docs/0.2.x/changelog","sidebar":"tutorialSidebar"},{"id":"dynamic/complex","path":"/docs/0.2.x/dynamic/complex","sidebar":"tutorialSidebar"},{"id":"dynamic/cover","path":"/docs/0.2.x/dynamic/cover","sidebar":"tutorialSidebar"},{"id":"dynamic/equation","path":"/docs/0.2.x/dynamic/equation","sidebar":"tutorialSidebar"},{"id":"dynamic/handout","path":"/docs/0.2.x/dynamic/handout","sidebar":"tutorialSidebar"},{"id":"dynamic/other","path":"/docs/0.2.x/dynamic/other","sidebar":"tutorialSidebar"},{"id":"dynamic/simple","path":"/docs/0.2.x/dynamic/simple","sidebar":"tutorialSidebar"},{"id":"external/pdfpc","path":"/docs/0.2.x/external/pdfpc","sidebar":"tutorialSidebar"},{"id":"external/typst-preview","path":"/docs/0.2.x/external/typst-preview","sidebar":"tutorialSidebar"},{"id":"intro","path":"/docs/0.2.x/intro","sidebar":"tutorialSidebar"},{"id":"layout","path":"/docs/0.2.x/layout","sidebar":"tutorialSidebar"},{"id":"progress/counters","path":"/docs/0.2.x/progress/counters","sidebar":"tutorialSidebar"},{"id":"progress/sections","path":"/docs/0.2.x/progress/sections","sidebar":"tutorialSidebar"},{"id":"start","path":"/docs/0.2.x/start","sidebar":"tutorialSidebar"},{"id":"style","path":"/docs/0.2.x/style","sidebar":"tutorialSidebar"},{"id":"themes/dewdrop","path":"/docs/0.2.x/themes/dewdrop","sidebar":"tutorialSidebar"},{"id":"themes/metropolis","path":"/docs/0.2.x/themes/metropolis","sidebar":"tutorialSidebar"},{"id":"themes/simple","path":"/docs/0.2.x/themes/simple","sidebar":"tutorialSidebar"},{"id":"themes/university","path":"/docs/0.2.x/themes/university","sidebar":"tutorialSidebar"},{"id":"utilities/fit-to","path":"/docs/0.2.x/utilities/fit-to","sidebar":"tutorialSidebar"},{"id":"utilities/oop","path":"/docs/0.2.x/utilities/oop","sidebar":"tutorialSidebar"},{"id":"/category/dynamic-slides","path":"/docs/0.2.x/category/dynamic-slides","sidebar":"tutorialSidebar"},{"id":"/category/themes","path":"/docs/0.2.x/category/themes","sidebar":"tutorialSidebar"},{"id":"/category/progress","path":"/docs/0.2.x/category/progress","sidebar":"tutorialSidebar"},{"id":"/category/utilities","path":"/docs/0.2.x/category/utilities","sidebar":"tutorialSidebar"},{"id":"/category/external-tools","path":"/docs/0.2.x/category/external-tools","sidebar":"tutorialSidebar"}],"draftIds":[],"sidebars":{"tutorialSidebar":{"link":{"path":"/docs/0.2.x/intro","label":"intro"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en","zh"],"path":"i18n","currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"},"zh":{"label":"\u4e2d\u6587","direction":"ltr","htmlLang":"zh","calendar":"gregory","path":"zh"}}}');var s=n(7529);const l=JSON.parse('{"docusaurusVersion":"3.1.0","siteVersion":"0.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"3.1.0"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"3.1.0"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"3.1.0"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.1.0"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.1.0"},"docusaurus-lunr-search":{"type":"package","name":"docusaurus-lunr-search","version":"3.4.0"}}}');var c=n(5893);const d={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:i,codeTranslations:s},u=r.createContext(d);function p(e){let{children:t}=e;return(0,c.jsx)(u.Provider,{value:d,children:t})}},4763:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var r=n(7294),o=n(412),a=n(5742),i=n(8780),s=n(4023),l=n(5893);function c(e){let{error:t,tryAgain:n}=e;return(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,l.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,l.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,l.jsx)(d,{error:t})]})}function d(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,l.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function u(e){let{error:t,tryAgain:n}=e;return(0,l.jsxs)(f,{fallback:()=>(0,l.jsx)(c,{error:t,tryAgain:n}),children:[(0,l.jsx)(a.Z,{children:(0,l.jsx)("title",{children:"Page Error"})}),(0,l.jsx)(s.Z,{children:(0,l.jsx)(c,{error:t,tryAgain:n})})]})}const p=e=>(0,l.jsx)(u,{...e});class f extends r.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??p)(e)}return e??null}}},412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});const r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},5742:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});n(7294);var r=n(405),o=n(5893);function a(e){return(0,o.jsx)(r.ql,{...e})}},3692:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var r=n(7294),o=n(3727),a=n(8780),i=n(2263),s=n(3919),l=n(412),c=n(8138),d=n(4996),u=n(5893);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:m,isActive:h,"data-noBrokenLinkCheck":g,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:{trailingSlash:v,baseUrl:x}}=(0,i.Z)(),{withBaseUrl:w}=(0,d.C)(),S=(0,c.Z)(),k=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(()=>k.current));const _=p||f;const E=(0,s.Z)(_),C=_?.replace("pathname://","");let T=void 0!==C?(j=C,b&&(e=>e.startsWith("/"))(j)?w(j):j):void 0;var j;T&&E&&(T=(0,a.applyTrailingSlash)(T,{trailingSlash:v,baseUrl:x}));const N=(0,r.useRef)(!1),A=n?o.OL:o.rU,R=l.Z.canUseIntersectionObserver,L=(0,r.useRef)(),I=()=>{N.current||null==T||(window.docusaurus.preload(T),N.current=!0)};(0,r.useEffect)((()=>(!R&&E&&null!=T&&window.docusaurus.prefetch(T),()=>{R&&L.current&&L.current.disconnect()})),[L,T,R,E]);const P=T?.startsWith("#")??!1,O=!T||!E||P;return O||g||S.collectLink(T),O?(0,u.jsx)("a",{ref:k,href:T,..._&&!E&&{target:"_blank",rel:"noopener noreferrer"},...y}):(0,u.jsx)(A,{...y,onMouseEnter:I,onTouchStart:I,innerRef:e=>{k.current=e,R&&e&&E&&(L.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(L.current.unobserve(e),L.current.disconnect(),null!=T&&window.docusaurus.prefetch(T))}))})),L.current.observe(e))},to:T,...n&&{isActive:h,activeClassName:m}})}const f=r.forwardRef(p)},5999:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c,I:()=>l});var r=n(7294),o=n(5893);function a(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,r.isValidElement)(e)))?n.map(((e,t)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var i=n(7529);function s(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 i[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;return a(s({message:n,id:r}),t)}function c(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 i=s({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:a(i,r)})}},9935:(e,t,n)=>{"use strict";n.d(t,{m:()=>r});const r="default"},3919:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}n.d(t,{Z:()=>o,b:()=>r})},4996:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>s});var r=n(7294),o=n(2263),a=n(3919);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,o.Z)(),n=(0,r.useCallback)(((n,r)=>function(e,t,n,r){let{forcePrependBaseUrl:o=!1,absolute:i=!1}=void 0===r?{}:r;if(!n||n.startsWith("#")||(0,a.b)(n))return n;if(o)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const s=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+s:s}(t,e,n,r)),[t,e]);return{withBaseUrl:n}}function s(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},8138:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var r=n(7294);n(5893);const o=r.createContext({collectAnchor:()=>{},collectLink:()=>{}}),a=()=>(0,r.useContext)(o);function i(){return a()}},2263:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7294),o=n(8940);function a(){return(0,r.useContext)(o._)}},8084:(e,t,n)=>{"use strict";n.d(t,{OD:()=>a,eZ:()=>i});var r=n(2263),o=n(9935);function a(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,r.Z)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}function i(e,t,n){void 0===t&&(t=o.m),void 0===n&&(n={});const r=a(e),i=r?.[t];if(!i&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return i}},2389:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7294),o=n(8934);function a(){return(0,r.useContext)(o._)}},469:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(7294);const o=n(412).Z.canUseDOM?r.useLayoutEffect:r.useEffect},9670:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});const r=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[a,i]=n;const s=o?`${o}.${a}`:a;r(i)?e(i,s):t[s]=i}))}(e),t}},226:(e,t,n)=>{"use strict";n.d(t,{_:()=>a,z:()=>i});var r=n(7294),o=n(5893);const a=r.createContext(null);function i(e){let{children:t,value:n}=e;const i=r.useContext(a),s=(0,r.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 r={...t.data,...n?.data};return{plugin:t.plugin,data:r}}({parent:i,value:n})),[i,n]);return(0,o.jsx)(a.Provider,{value:s,children:t})}},4104:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>f,gA:()=>d,_r:()=>l,Jo:()=>m,zh:()=>c,yW:()=>p,gB:()=>u});var r=n(6550),o=n(8084);const a=e=>e.versions.find((e=>e.isLast));function i(e,t){const n=function(e,t){const n=a(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,r.LX)(t,{path:e.path,exact:!1,strict:!1})))}(e,t),o=n?.docs.find((e=>!!(0,r.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((r=>{r.id===t&&(n[e.name]=r)}))})),n}(o.id):{}}}const s={},l=()=>(0,o.OD)("docusaurus-plugin-content-docs")??s,c=e=>(0,o.eZ)("docusaurus-plugin-content-docs",e,{failfast:!0});function d(e){void 0===e&&(e={});const t=l(),{pathname:n}=(0,r.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,r.LX)(t,{path:n.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&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 a}(t,n,e)}function u(e){return c(e).versions}function p(e){const t=c(e);return a(t)}function f(e){const t=c(e),{pathname:n}=(0,r.TH)();return i(t,n)}function m(e){const t=c(e),{pathname:n}=(0,r.TH)();return function(e,t){const n=a(e);return{latestDocSuggestion:i(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},8320:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});var r=n(4865),o=n.n(r);o().configure({showSpinner:!1});const a={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 r=n(2573),o=n(6809);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:r}=t;globalThis.Prism=e,r.forEach((e=>{"php"===e&&n(6854),n(6726)(`./prism-${e}`)})),delete globalThis.Prism}(r.p1)},2503:(e,t,n)=>{"use strict";n.d(t,{Z:()=>d});n(7294);var r=n(512),o=n(5999),a=n(6668),i=n(3692),s=n(8138);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_LWe7",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_WYt5"};var c=n(5893);function d(e){let{as:t,id:n,...d}=e;const u=(0,s.Z)(),{navbar:{hideOnScroll:p}}=(0,a.L)();if("h1"===t||!n)return(0,c.jsx)(t,{...d,id:void 0});u.collectAnchor(n);const f=(0,o.I)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof d.children?d.children:n});return(0,c.jsxs)(t,{...d,className:(0,r.Z)("anchor",p?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,d.className),id:n,children:[d.children,(0,c.jsx)(i.Z,{className:"hash-link",to:`#${n}`,"aria-label":f,title:f,children:"\u200b"})]})}},9471:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});n(7294);const r={iconExternalLink:"iconExternalLink_nPIU"};var o=n(5893);function a(e){let{width:t=13.5,height:n=13.5}=e;return(0,o.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:r.iconExternalLink,children:(0,o.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},4023:(e,t,n)=>{"use strict";n.d(t,{Z:()=>vt});var r=n(7294),o=n(512),a=n(4763),i=n(1944),s=n(6550),l=n(5999),c=n(5936),d=n(5893);const u="__docusaurus_skipToContent_fallback";function p(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,r.useRef)(null),{action:t}=(0,s.k6)(),n=(0,r.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(u);t&&p(t)}),[]);return(0,c.S)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&p(e.current)})),{containerRef:e,onClick:n}}const m=(0,l.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 h(e){const t=e.children??m,{containerRef:n,onClick:r}=f();return(0,d.jsx)("div",{ref:n,role:"region","aria-label":m,children:(0,d.jsx)("a",{...e,href:`#${u}`,onClick:r,children:t})})}var g=n(5281),b=n(9727);const y={skipToContent:"skipToContent_fXgn"};function v(){return(0,d.jsx)(h,{className:y.skipToContent})}var x=n(6668),w=n(9689);function S(e){let{width:t=21,height:n=21,color:r="currentColor",strokeWidth:o=1.2,className:a,...i}=e;return(0,d.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,d.jsx)("g",{stroke:r,strokeWidth:o,children:(0,d.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const k={closeButton:"closeButton_CVFx"};function _(e){return(0,d.jsx)("button",{type:"button","aria-label":(0,l.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),children:(0,d.jsx)(S,{width:14,height:14,strokeWidth:3.1})})}const E={content:"content_knG7"};function C(e){const{announcementBar:t}=(0,x.L)(),{content:n}=t;return(0,d.jsx)("div",{...e,className:(0,o.Z)(E.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const T={announcementBar:"announcementBar_mb4j",announcementBarPlaceholder:"announcementBarPlaceholder_vyr4",announcementBarClose:"announcementBarClose_gvF7",announcementBarContent:"announcementBarContent_xLdY"};function j(){const{announcementBar:e}=(0,x.L)(),{isActive:t,close:n}=(0,w.nT)();if(!t)return null;const{backgroundColor:r,textColor:o,isCloseable:a}=e;return(0,d.jsxs)("div",{className:T.announcementBar,style:{backgroundColor:r,color:o},role:"banner",children:[a&&(0,d.jsx)("div",{className:T.announcementBarPlaceholder}),(0,d.jsx)(C,{className:T.announcementBarContent}),a&&(0,d.jsx)(_,{onClick:n,className:T.announcementBarClose})]})}var N=n(2961),A=n(2466);var R=n(902),L=n(3102);const I=r.createContext(null);function P(e){let{children:t}=e;const n=function(){const e=(0,N.e)(),t=(0,L.HY)(),[n,o]=(0,r.useState)(!1),a=null!==t.component,i=(0,R.D9)(a);return(0,r.useEffect)((()=>{a&&!i&&o(!0)}),[a,i]),(0,r.useEffect)((()=>{a?e.shown||o(!0):o(!1)}),[e.shown,a]),(0,r.useMemo)((()=>[n,o]),[n])}();return(0,d.jsx)(I.Provider,{value:n,children:t})}function O(e){if(e.component){const t=e.component;return(0,d.jsx)(t,{...e.props})}}function D(){const e=(0,r.useContext)(I);if(!e)throw new R.i6("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,r.useCallback)((()=>n(!1)),[n]),a=(0,L.HY)();return(0,r.useMemo)((()=>({shown:t,hide:o,content:O(a)})),[o,a,t])}function M(e){let{header:t,primaryMenu:n,secondaryMenu:r}=e;const{shown:a}=D();return(0,d.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,d.jsxs)("div",{className:(0,o.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":a}),children:[(0,d.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,d.jsx)("div",{className:"navbar-sidebar__item menu",children:r})]})]})}var F=n(2949),z=n(2389);function B(e){return(0,d.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,d.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.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(0,d.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,d.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.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 q(e){let{className:t,buttonClassName:n,value:r,onChange:a}=e;const i=(0,z.Z)(),s=(0,l.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,l.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,l.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,d.jsx)("div",{className:(0,o.Z)(U.toggle,t),children:(0,d.jsxs)("button",{className:(0,o.Z)("clean-btn",U.toggleButton,!i&&U.toggleButtonDisabled,n),type:"button",onClick:()=>a("dark"===r?"light":"dark"),disabled:!i,title:s,"aria-label":s,"aria-live":"polite",children:[(0,d.jsx)(B,{className:(0,o.Z)(U.toggleIcon,U.lightToggleIcon)}),(0,d.jsx)($,{className:(0,o.Z)(U.toggleIcon,U.darkToggleIcon)})]})})}const H=r.memo(q),G={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_X3D1"};function Z(e){let{className:t}=e;const n=(0,x.L)().navbar.style,r=(0,x.L)().colorMode.disableSwitch,{colorMode:o,setColorMode:a}=(0,F.I)();return r?null:(0,d.jsx)(H,{className:t,buttonClassName:"dark"===n?G.darkNavbarColorModeToggle:void 0,value:o,onChange:a})}var W=n(1327);function V(){return(0,d.jsx)(W.Z,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Q(){const e=(0,N.e)();return(0,d.jsx)("button",{type:"button","aria-label":(0,l.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(),children:(0,d.jsx)(S,{color:"var(--ifm-color-emphasis-600)"})})}function K(){return(0,d.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,d.jsx)(V,{}),(0,d.jsx)(Z,{className:"margin-right--md"}),(0,d.jsx)(Q,{})]})}var Y=n(3692),X=n(4996),J=n(3919);function ee(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}var te=n(9471);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:r,href:o,label:a,html:i,isDropdownLink:s,prependBaseUrlToHref:l,...c}=e;const u=(0,X.Z)(r),p=(0,X.Z)(t),f=(0,X.Z)(o,{forcePrependBaseUrl:!0}),m=a&&o&&!(0,J.Z)(o),h=i?{dangerouslySetInnerHTML:{__html:i}}:{children:(0,d.jsxs)(d.Fragment,{children:[a,m&&(0,d.jsx)(te.Z,{...s&&{width:12,height:12}})]})};return o?(0,d.jsx)(Y.Z,{href:l?f:o,...c,...h}):(0,d.jsx)(Y.Z,{to:u,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?ee(n,t.pathname):t.pathname.startsWith(p)},...c,...h})}function re(e){let{className:t,isDropdownItem:n=!1,...r}=e;const a=(0,d.jsx)(ne,{className:(0,o.Z)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...r});return n?(0,d.jsx)("li",{children:a}):a}function oe(e){let{className:t,isDropdownItem:n,...r}=e;return(0,d.jsx)("li",{className:"menu__list-item",children:(0,d.jsx)(ne,{className:(0,o.Z)("menu__link",t),...r})})}function ae(e){let{mobile:t=!1,position:n,...r}=e;const o=t?oe:re;return(0,d.jsx)(o,{...r,activeClassName:r.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var ie=n(6043),se=n(8596),le=n(2263);const ce={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_S0Fm"};function de(e,t){return e.some((e=>function(e,t){return!!(0,se.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:a,onClick:i,...s}=e;const l=(0,r.useRef)(null),[c,u]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=e=>{l.current&&!l.current.contains(e.target)&&u(!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)}}),[l]),(0,d.jsxs)("div",{ref:l,className:(0,o.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":c}),children:[(0,d.jsx)(ne,{"aria-haspopup":"true","aria-expanded":c,role:"button",href:s.to?void 0:"#",className:(0,o.Z)("navbar__link",a),...s,onClick:s.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),u(!c))},children:s.children??s.label}),(0,d.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,r.createElement)(Re,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function pe(e){let{items:t,className:n,position:a,onClick:i,...l}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,le.Z)(),{pathname:t}=(0,s.TH)();return t.replace(e,"/")}(),u=de(t,c),{collapsed:p,toggleCollapsed:f,setCollapsed:m}=(0,ie.u)({initialState:()=>!u});return(0,r.useEffect)((()=>{u&&m(!u)}),[c,u,m]),(0,d.jsxs)("li",{className:(0,o.Z)("menu__list-item",{"menu__list-item--collapsed":p}),children:[(0,d.jsx)(ne,{role:"button",className:(0,o.Z)(ce.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...l,onClick:e=>{e.preventDefault(),f()},children:l.children??l.label}),(0,d.jsx)(ie.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:p,children:t.map(((e,t)=>(0,r.createElement)(Re,{mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active",...e,key:t})))})]})}function fe(e){let{mobile:t=!1,...n}=e;const r=t?pe:ue;return(0,d.jsx)(r,{...n})}var me=n(4711);function he(e){let{width:t=20,height:n=20,...r}=e;return(0,d.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...r,children:(0,d.jsx)("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";function be(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t{if(!e.state?.highlightState||0===e.state.highlightState.wordToHighlight.length)return;a(e.state.highlightState);const{highlightState:n,...r}=e.state;t.replace({...e,state:r})}),[e.state?.highlightState,t,e]),(0,r.useEffect)((()=>{if(0===o.wordToHighlight.length)return;const e=document.getElementsByTagName("article")[0]??document.getElementsByTagName("main")[0];if(!e)return;const t=new(we())(e),n={ignoreJoiners:!0};return t.mark(o.wordToHighlight,n),()=>t.unmark(n)}),[o,n]),null}const ke=e=>{const t=(0,r.useRef)(!1),o=(0,r.useRef)(null),[a,i]=(0,r.useState)(!1),l=(0,s.k6)(),{siteConfig:c={}}=(0,le.Z)(),u=(c.plugins||[]).find((e=>Array.isArray(e)&&"string"==typeof e[0]&&e[0].includes("docusaurus-lunr-search"))),p=(0,z.Z)(),{baseUrl:f}=c,m=u&&u[1]?.assetUrl||f,h=(0,ve.eZ)("docusaurus-lunr-search"),g=()=>{t.current||(Promise.all([fetch(`${m}${h.fileNames.searchDoc}`).then((e=>e.json())),fetch(`${m}${h.fileNames.lunrIndex}`).then((e=>e.json())),Promise.all([n.e(8364),n.e(5684)]).then(n.bind(n,1323)),Promise.all([n.e(532),n.e(2572)]).then(n.bind(n,2572))]).then((e=>{let[t,n,{default:r}]=e;const{searchDocs:o,options:a}=t;o&&0!==o.length&&(((e,t,n,r)=>{new n({searchDocs:e,searchIndex:t,baseUrl:f,inputSelector:"#search_input_react",handleSelected:(e,t,n)=>{const o=n.url||"/";document.createElement("a").href=o,e.setVal(""),t.target.blur();let a="";if(r.highlightResult)try{const e=(n.text||n.subcategory||n.title).match(new RegExp("\\w*","g"));if(e&&e.length>0){const t=document.createElement("div");t.innerHTML=e[0],a=t.textContent}}catch(i){console.log(i)}l.push(o,{highlightState:{wordToHighlight:a}})},maxHits:r.maxHits})})(o,n,r,a),i(!0))})),t.current=!0)},b=(0,r.useCallback)((t=>{o.current.contains(t.target)||o.current.focus(),e.handleSearchBarToggle&&e.handleSearchBarToggle(!e.isSearchBarExpanded)}),[e.isSearchBarExpanded]);let y;return p&&(g(),y=window.navigator.platform.startsWith("Mac")?"Search \u2318+K":"Search Ctrl+K"),(0,r.useEffect)((()=>{e.autoFocus&&a&&o.current.focus()}),[a]),(0,d.jsxs)("div",{className:"navbar__search",children:[(0,d.jsx)("span",{"aria-label":"expand searchbar",role:"button",className:ye("search-icon",{"search-icon-hidden":e.isSearchBarExpanded}),onClick:b,onKeyDown:b,tabIndex:0}),(0,d.jsx)("input",{id:"search_input_react",type:"search",placeholder:a?y:"Loading...","aria-label":"Search",className:ye("navbar__search-input",{"search-bar-expanded":e.isSearchBarExpanded},{"search-bar":!e.isSearchBarExpanded}),onClick:g,onMouseOver:g,onFocus:b,onBlur:b,ref:o,disabled:!a}),(0,d.jsx)(Se,{})]},"search-box")},_e={navbarSearchContainer:"navbarSearchContainer_Bca1"};function Ee(e){let{children:t,className:n}=e;return(0,d.jsx)("div",{className:(0,o.Z)(n,_e.navbarSearchContainer),children:t})}var Ce=n(4104),Te=n(2802);var je=n(373);const Ne=e=>e.docs.find((t=>t.id===e.mainDocId));const Ae={default:ae,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:r,queryString:o="",...a}=e;const{i18n:{currentLocale:i,locales:c,localeConfigs:u}}=(0,le.Z)(),p=(0,me.l)(),{search:f,hash:m}=(0,s.TH)(),h=[...n,...c.map((e=>{const n=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${m}${o}`;return{label:u[e].label,lang:u[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...r],g=t?(0,l.I)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):u[i].label;return(0,d.jsx)(fe,{...a,mobile:t,label:(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(he,{className:ge}),g]}),items:h})},search:function(e){let{mobile:t,className:n}=e;return t?null:(0,d.jsx)(Ee,{className:n,children:(0,d.jsx)(ke,{})})},dropdown:fe,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:a=!1}=e;const i=a?"li":"div";return(0,d.jsx)(i,{className:(0,o.Z)({navbar__item:!r&&!a,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ce.Iw)(r),i=(0,Te.vY)(t,r),s=a?.path===i?.path;return null===i||i.unlisted&&!s?null:(0,d.jsx)(ae,{exact:!0,...o,isActive:()=>s||!!a?.sidebar&&a.sidebar===i.sidebar,label:n??i.id,to:i.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ce.Iw)(r),i=(0,Te.oz)(t,r).link;if(!i)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,d.jsx)(ae,{exact:!0,...o,isActive:()=>a?.sidebar===t,label:n??i.label,to:i.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:r,...o}=e;const a=(0,Te.lO)(r)[0],i=t??a.label,s=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(a).path;return(0,d.jsx)(ae,{...o,label:i,to:s})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:r,dropdownItemsBefore:o,dropdownItemsAfter:a,...i}=e;const{search:c,hash:u}=(0,s.TH)(),p=(0,Ce.Iw)(n),f=(0,Ce.gB)(n),{savePreferredVersionName:m}=(0,je.J)(n),h=[...o,...f.map((e=>{const t=p.alternateDocVersions[e.name]??Ne(e);return{label:e.label,to:`${t.path}${c}${u}`,isActive:()=>e===p.activeVersion,onClick:()=>m(e.name)}})),...a],g=(0,Te.lO)(n)[0],b=t&&h.length>1?(0,l.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):g.label,y=t&&h.length>1?void 0:Ne(g).path;return h.length<=1?(0,d.jsx)(ae,{...i,mobile:t,label:b,to:y,isActive:r?()=>!1:void 0}):(0,d.jsx)(fe,{...i,mobile:t,label:b,to:y,items:h,isActive:r?()=>!1:void 0})}};function Re(e){let{type:t,...n}=e;const r=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),o=Ae[r];if(!o)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,d.jsx)(o,{...n})}function Le(){const e=(0,N.e)(),t=(0,x.L)().navbar.items;return(0,d.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,r.createElement)(Re,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function Ie(e){return(0,d.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,d.jsx)(l.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)",children:"\u2190 Back to main menu"})})}function Pe(){const e=0===(0,x.L)().navbar.items.length,t=D();return(0,d.jsxs)(d.Fragment,{children:[!e&&(0,d.jsx)(Ie,{onClick:()=>t.hide()}),t.content]})}function Oe(){const e=(0,N.e)();var t;return void 0===(t=e.shown)&&(t=!0),(0,r.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,d.jsx)(M,{header:(0,d.jsx)(K,{}),primaryMenu:(0,d.jsx)(Le,{}),secondaryMenu:(0,d.jsx)(Pe,{})}):null}const De={navbarHideable:"navbarHideable_m1mJ",navbarHidden:"navbarHidden_jGov"};function Me(e){return(0,d.jsx)("div",{role:"presentation",...e,className:(0,o.Z)("navbar-sidebar__backdrop",e.className)})}function Fe(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:a}}=(0,x.L)(),i=(0,N.e)(),{navbarRef:s,isNavbarVisible:u}=function(e){const[t,n]=(0,r.useState)(e),o=(0,r.useRef)(!1),a=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,A.RF)(((t,r)=>{let{scrollY:i}=t;if(!e)return;if(i=s?n(!1):i+c{if(!e)return;const r=t.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,d.jsxs)("nav",{ref:s,"aria-label":(0,l.I)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,o.Z)("navbar","navbar--fixed-top",n&&[De.navbarHideable,!u&&De.navbarHidden],{"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":i.shown}),children:[t,(0,d.jsx)(Me,{onClick:i.toggle}),(0,d.jsx)(Oe,{})]})}var ze=n(8780);const Be={errorBoundaryError:"errorBoundaryError_a6uf",errorBoundaryFallback:"errorBoundaryFallback_VBag"};function $e(e){return(0,d.jsx)("button",{type:"button",...e,children:(0,d.jsx)(l.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function Ue(e){let{error:t}=e;const n=(0,ze.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,d.jsx)("p",{className:Be.errorBoundaryError,children:n})}class qe extends r.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const He="right";function Ge(e){let{width:t=30,height:n=30,className:r,...o}=e;return(0,d.jsx)("svg",{className:r,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...o,children:(0,d.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function Ze(){const{toggle:e,shown:t}=(0,N.e)();return(0,d.jsx)("button",{onClick:e,"aria-label":(0,l.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",children:(0,d.jsx)(Ge,{})})}const We={colorModeToggle:"colorModeToggle_DEke"};function Ve(e){let{items:t}=e;return(0,d.jsx)(d.Fragment,{children:t.map(((e,t)=>(0,d.jsx)(qe,{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}),children:(0,d.jsx)(Re,{...e})},t)))})}function Qe(e){let{left:t,right:n}=e;return(0,d.jsxs)("div",{className:"navbar__inner",children:[(0,d.jsx)("div",{className:"navbar__items",children:t}),(0,d.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function Ke(){const e=(0,N.e)(),t=(0,x.L)().navbar.items,[n,r]=function(e){function t(e){return"left"===(e.position??He)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),o=t.find((e=>"search"===e.type));return(0,d.jsx)(Qe,{left:(0,d.jsxs)(d.Fragment,{children:[!e.disabled&&(0,d.jsx)(Ze,{}),(0,d.jsx)(V,{}),(0,d.jsx)(Ve,{items:n})]}),right:(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(Ve,{items:r}),(0,d.jsx)(Z,{className:We.colorModeToggle}),!o&&(0,d.jsx)(Ee,{children:(0,d.jsx)(ke,{})})]})})}function Ye(){return(0,d.jsx)(Fe,{children:(0,d.jsx)(Ke,{})})}function Xe(e){let{item:t}=e;const{to:n,href:r,label:o,prependBaseUrlToHref:a,...i}=t,s=(0,X.Z)(n),l=(0,X.Z)(r,{forcePrependBaseUrl:!0});return(0,d.jsxs)(Y.Z,{className:"footer__link-item",...r?{href:a?l:r}:{to:s},...i,children:[o,r&&!(0,J.Z)(r)&&(0,d.jsx)(te.Z,{})]})}function Je(e){let{item:t}=e;return t.html?(0,d.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,d.jsx)("li",{className:"footer__item",children:(0,d.jsx)(Xe,{item:t})},t.href??t.to)}function et(e){let{column:t}=e;return(0,d.jsxs)("div",{className:"col footer__col",children:[(0,d.jsx)("div",{className:"footer__title",children:t.title}),(0,d.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,d.jsx)(Je,{item:e},t)))})]})}function tt(e){let{columns:t}=e;return(0,d.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,d.jsx)(et,{column:e},t)))})}function nt(){return(0,d.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function rt(e){let{item:t}=e;return t.html?(0,d.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,d.jsx)(Xe,{item:t})}function ot(e){let{links:t}=e;return(0,d.jsx)("div",{className:"footer__links text--center",children:(0,d.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,d.jsxs)(r.Fragment,{children:[(0,d.jsx)(rt,{item:e}),t.length!==n+1&&(0,d.jsx)(nt,{})]},n)))})})}function at(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,d.jsx)(tt,{columns:t}):(0,d.jsx)(ot,{links:t})}var it=n(9965);const st={footerLogoLink:"footerLogoLink_BH7S"};function lt(e){let{logo:t}=e;const{withBaseUrl:n}=(0,X.C)(),r={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,d.jsx)(it.Z,{className:(0,o.Z)("footer__logo",t.className),alt:t.alt,sources:r,width:t.width,height:t.height,style:t.style})}function ct(e){let{logo:t}=e;return t.href?(0,d.jsx)(Y.Z,{href:t.href,className:st.footerLogoLink,target:t.target,children:(0,d.jsx)(lt,{logo:t})}):(0,d.jsx)(lt,{logo:t})}function dt(e){let{copyright:t}=e;return(0,d.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function ut(e){let{style:t,links:n,logo:r,copyright:a}=e;return(0,d.jsx)("footer",{className:(0,o.Z)("footer",{"footer--dark":"dark"===t}),children:(0,d.jsxs)("div",{className:"container container-fluid",children:[n,(r||a)&&(0,d.jsxs)("div",{className:"footer__bottom text--center",children:[r&&(0,d.jsx)("div",{className:"margin-bottom--sm",children:r}),a]})]})})}function pt(){const{footer:e}=(0,x.L)();if(!e)return null;const{copyright:t,links:n,logo:r,style:o}=e;return(0,d.jsx)(ut,{style:o,links:n&&n.length>0&&(0,d.jsx)(at,{links:n}),logo:r&&(0,d.jsx)(ct,{logo:r}),copyright:t&&(0,d.jsx)(dt,{copyright:t})})}const ft=r.memo(pt),mt=(0,R.Qc)([F.S,w.pl,A.OC,je.L5,i.VC,function(e){let{children:t}=e;return(0,d.jsx)(L.n2,{children:(0,d.jsx)(N.M,{children:(0,d.jsx)(P,{children:t})})})}]);function ht(e){let{children:t}=e;return(0,d.jsx)(mt,{children:t})}var gt=n(2503);function bt(e){let{error:t,tryAgain:n}=e;return(0,d.jsx)("main",{className:"container margin-vert--xl",children:(0,d.jsx)("div",{className:"row",children:(0,d.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,d.jsx)(gt.Z,{as:"h1",className:"hero__title",children:(0,d.jsx)(l.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,d.jsx)("div",{className:"margin-vert--lg",children:(0,d.jsx)($e,{onClick:n,className:"button button--primary shadow--lw"})}),(0,d.jsx)("hr",{}),(0,d.jsx)("div",{className:"margin-vert--md",children:(0,d.jsx)(Ue,{error:t})})]})})})}const yt={mainWrapper:"mainWrapper_z2l0"};function vt(e){const{children:t,noFooter:n,wrapperClassName:r,title:s,description:l}=e;return(0,b.t)(),(0,d.jsxs)(ht,{children:[(0,d.jsx)(i.d,{title:s,description:l}),(0,d.jsx)(v,{}),(0,d.jsx)(j,{}),(0,d.jsx)(Ye,{}),(0,d.jsx)("div",{id:u,className:(0,o.Z)(g.k.wrapper.main,yt.mainWrapper,r),children:(0,d.jsx)(a.Z,{fallback:e=>(0,d.jsx)(bt,{...e}),children:t})}),!n&&(0,d.jsx)(ft,{})]})}},1327:(e,t,n)=>{"use strict";n.d(t,{Z:()=>d});n(7294);var r=n(3692),o=n(4996),a=n(2263),i=n(6668),s=n(9965),l=n(5893);function c(e){let{logo:t,alt:n,imageClassName:r}=e;const a={light:(0,o.Z)(t.src),dark:(0,o.Z)(t.srcDark||t.src)},i=(0,l.jsx)(s.Z,{className:t.className,sources:a,height:t.height,width:t.width,alt:n,style:t.style});return r?(0,l.jsx)("div",{className:r,children:i}):i}function d(e){const{siteConfig:{title:t}}=(0,a.Z)(),{navbar:{title:n,logo:s}}=(0,i.L)(),{imageClassName:d,titleClassName:u,...p}=e,f=(0,o.Z)(s?.href||"/"),m=n?"":t,h=s?.alt??m;return(0,l.jsxs)(r.Z,{to:f,...p,...s?.target&&{target:s.target},children:[s&&(0,l.jsx)(c,{logo:s,alt:h,imageClassName:d}),null!=n&&(0,l.jsx)("b",{className:u,children:n})]})}},197:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});n(7294);var r=n(5742),o=n(5893);function a(e){let{locale:t,version:n,tag:a}=e;const i=t;return(0,o.jsxs)(r.Z,{children:[t&&(0,o.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,o.jsx)("meta",{name:"docusaurus_version",content:n}),a&&(0,o.jsx)("meta",{name:"docusaurus_tag",content:a}),i&&(0,o.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,o.jsx)("meta",{name:"docsearch:version",content:n}),a&&(0,o.jsx)("meta",{name:"docsearch:docusaurus_tag",content:a})]})}},9965:(e,t,n)=>{"use strict";n.d(t,{Z:()=>d});var r=n(7294),o=n(512),a=n(2389),i=n(2949);const s={themedComponent:"themedComponent_mlkZ","themedComponent--light":"themedComponent--light_NVdE","themedComponent--dark":"themedComponent--dark_xIcU"};var l=n(5893);function c(e){let{className:t,children:n}=e;const c=(0,a.Z)(),{colorMode:d}=(0,i.I)();return(0,l.jsx)(l.Fragment,{children:(c?"dark"===d?["dark"]:["light"]:["light","dark"]).map((e=>{const a=n({theme:e,className:(0,o.Z)(t,s.themedComponent,s[`themedComponent--${e}`])});return(0,l.jsx)(r.Fragment,{children:a},e)}))})}function d(e){const{sources:t,className:n,alt:r,...o}=e;return(0,l.jsx)(c,{className:n,children:e=>{let{theme:n,className:a}=e;return(0,l.jsx)("img",{src:t[n],alt:r,className:a,...o})}})}},6043:(e,t,n)=>{"use strict";n.d(t,{u:()=>c,z:()=>b});var r=n(7294),o=n(412),a=n(469),i=n(1442),s=n(5893);const l="ease-in-out";function c(e){let{initialState:t}=e;const[n,o]=(0,r.useState)(t??!1),a=(0,r.useCallback)((()=>{o((e=>!e))}),[]);return{collapsed:n,setCollapsed:o,toggleCollapsed:a}}const d={display:"none",overflow:"hidden",height:"0px"},u={display:"block",overflow:"visible",height:"auto"};function p(e,t){const n=t?d: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:o}=e;const a=(0,r.useRef)(!1);(0,r.useEffect)((()=>{const e=t.current;function r(){const t=e.scrollHeight,n=o?.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 ${o?.easing??l}`,height:`${t}px`}}function s(){const t=r();e.style.transition=t.transition,e.style.height=t.height}if(!a.current)return p(e,n),void(a.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(s(),requestAnimationFrame((()=>{e.style.height=d.height,e.style.overflow=d.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{s()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,o])}function m(e){if(!o.Z.canUseDOM)return e?d:u}function h(e){let{as:t="div",collapsed:n,children:o,animation:a,onCollapseTransitionEnd:i,className:l,disableSSRStyle:c}=e;const d=(0,r.useRef)(null);return f({collapsibleRef:d,collapsed:n,animation:a}),(0,s.jsx)(t,{ref:d,style:c?void 0:m(n),onTransitionEnd:e=>{"height"===e.propertyName&&(p(d.current,n),i?.(n))},className:l,children:o})}function g(e){let{collapsed:t,...n}=e;const[o,i]=(0,r.useState)(!t),[l,c]=(0,r.useState)(t);return(0,a.Z)((()=>{t||i(!0)}),[t]),(0,a.Z)((()=>{o&&c(t)}),[o,t]),o?(0,s.jsx)(h,{...n,collapsed:l}):null}function b(e){let{lazy:t,...n}=e;const r=t?g:h;return(0,s.jsx)(r,{...n})}},9689:(e,t,n)=>{"use strict";n.d(t,{nT:()=>h,pl:()=>m});var r=n(7294),o=n(2389),a=n(12),i=n(902),s=n(6668),l=n(5893);const c=(0,a.WA)("docusaurus.announcement.dismiss"),d=(0,a.WA)("docusaurus.announcement.id"),u=()=>"true"===c.get(),p=e=>c.set(String(e)),f=r.createContext(null);function m(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,s.L)(),t=(0,o.Z)(),[n,a]=(0,r.useState)((()=>!!t&&u()));(0,r.useEffect)((()=>{a(u())}),[]);const i=(0,r.useCallback)((()=>{p(!0),a(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=d.get();"annoucement-bar"===n&&(n="announcement-bar");const r=t!==n;d.set(t),r&&p(!1),!r&&u()||a(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,l.jsx)(f.Provider,{value:n,children:t})}function h(){const e=(0,r.useContext)(f);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},2949:(e,t,n)=>{"use strict";n.d(t,{I:()=>b,S:()=>g});var r=n(7294),o=n(412),a=n(902),i=n(12),s=n(6668),l=n(5893);const c=r.createContext(void 0),d="theme",u=(0,i.WA)(d),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,m=e=>o.Z.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),h=e=>{u.set(f(e))};function g(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,s.L)(),[o,a]=(0,r.useState)(m(e));(0,r.useEffect)((()=>{t&&u.del()}),[t]);const i=(0,r.useCallback)((function(t,r){void 0===r&&(r={});const{persist:o=!0}=r;t?(a(t),o&&h(t)):(a(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),u.del())}),[n,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(o))}),[o]),(0,r.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==d)return;const t=u.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const l=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||l.current?l.current=window.matchMedia("print").matches:i(null)};return e.addListener(r),()=>e.removeListener(r)}),[i,t,n]),(0,r.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[o,i])}();return(0,l.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,r.useContext)(c);if(null==e)throw new a.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},373:(e,t,n)=>{"use strict";n.d(t,{J:()=>v,L5:()=>b});var r=n(7294),o=n(4104),a=n(9935),i=n(6668),s=n(2802),l=n(902),c=n(12),d=n(5893);const u=e=>`docs-preferred-version-${e}`,p={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 m=r.createContext(null);function h(){const e=(0,o._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,r.useMemo)((()=>Object.keys(e)),[e]),[a,s]=(0,r.useState)((()=>f(n)));(0,r.useEffect)((()=>{s(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;function o(e){const t=p.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(p.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[a,(0,r.useMemo)((()=>({savePreferredVersion:function(e,n){p.save(e,t,n),s((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function g(e){let{children:t}=e;const n=h();return(0,d.jsx)(m.Provider,{value:n,children:t})}function b(e){let{children:t}=e;return s.cE?(0,d.jsx)(g,{children:t}):(0,d.jsx)(d.Fragment,{children:t})}function y(){const e=(0,r.useContext)(m);if(!e)throw new l.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=a.m);const t=(0,o.zh)(e),[n,i]=y(),{preferredVersionName:s}=n[e];return{preferredVersion:t.versions.find((e=>e.name===s))??null,savePreferredVersionName:(0,r.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}},1116:(e,t,n)=>{"use strict";n.d(t,{V:()=>c,b:()=>l});var r=n(7294),o=n(902),a=n(5893);const i=Symbol("EmptyContext"),s=r.createContext(i);function l(e){let{children:t,name:n,items:o}=e;const i=(0,r.useMemo)((()=>n&&o?{name:n,items:o}:null),[n,o]);return(0,a.jsx)(s.Provider,{value:i,children:t})}function c(){const e=(0,r.useContext)(s);if(e===i)throw new o.i6("DocsSidebarProvider");return e}},4477:(e,t,n)=>{"use strict";n.d(t,{E:()=>l,q:()=>s});var r=n(7294),o=n(902),a=n(5893);const i=r.createContext(null);function s(e){let{children:t,version:n}=e;return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(null===e)throw new o.i6("DocsVersionProvider");return e}},2961:(e,t,n)=>{"use strict";n.d(t,{M:()=>f,e:()=>m});var r=n(7294),o=n(3102),a=n(7524),i=n(6550),s=n(902);function l(e){!function(e){const t=(0,i.k6)(),n=(0,s.zX)(e);(0,r.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}var c=n(6668),d=n(5893);const u=r.createContext(void 0);function p(){const e=function(){const e=(0,o.HY)(),{items:t}=(0,c.L)().navbar;return 0===t.length&&!e.component}(),t=(0,a.i)(),n=!e&&"mobile"===t,[i,s]=(0,r.useState)(!1);l((()=>{if(i)return s(!1),!1}));const d=(0,r.useCallback)((()=>{s((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===t&&s(!1)}),[t]),(0,r.useMemo)((()=>({disabled:e,shouldRender:n,toggle:d,shown:i})),[e,n,d,i])}function f(e){let{children:t}=e;const n=p();return(0,d.jsx)(u.Provider,{value:n,children:t})}function m(){const e=r.useContext(u);if(void 0===e)throw new s.i6("NavbarMobileSidebarProvider");return e}},3102:(e,t,n)=>{"use strict";n.d(t,{HY:()=>l,Zo:()=>c,n2:()=>s});var r=n(7294),o=n(902),a=n(5893);const i=r.createContext(null);function s(e){let{children:t}=e;const n=(0,r.useState)({component:null,props:null});return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(!e)throw new o.i6("NavbarSecondaryMenuContentProvider");return e[0]}function c(e){let{component:t,props:n}=e;const a=(0,r.useContext)(i);if(!a)throw new o.i6("NavbarSecondaryMenuContentProvider");const[,s]=a,l=(0,o.Ql)(n);return(0,r.useEffect)((()=>{s({component:t,props:l})}),[s,t,l]),(0,r.useEffect)((()=>()=>s({component:null,props:null})),[s]),null}},9727:(e,t,n)=>{"use strict";n.d(t,{h:()=>o,t:()=>a});var r=n(7294);const o="navigation-with-keyboard";function a(){(0,r.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)}}),[])}},7524:(e,t,n)=>{"use strict";n.d(t,{i:()=>s});var r=n(7294),o=n(412);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function s(e){let{desktopBreakpoint:t=i}=void 0===e?{}:e;const[n,s]=(0,r.useState)((()=>"ssr"));return(0,r.useEffect)((()=>{function e(){s(function(e){if(!o.Z.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>e?a.desktop:a.mobile}(t))}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[t]),n}},5281:(e,t,n)=>{"use strict";n.d(t,{k:()=>r});const r={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",unlistedBanner:"theme-unlisted-banner",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:{}}},1442:(e,t,n)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{n:()=>r})},2802:(e,t,n)=>{"use strict";n.d(t,{MN:()=>T,LM:()=>m,_F:()=>y,cE:()=>p,jA:()=>h,xz:()=>f,SN:()=>C,lO:()=>k,vY:()=>E,oz:()=>_,s1:()=>S,f:()=>x});var r=n(7294),o=n(6550),a=n(8790),i=n(4104),s=n(373),l=n(4477),c=n(1116);function d(e){return Array.from(new Set(e))}var u=n(8596);const p=!!i._r;function f(e){const t=(0,l.E)();if(!e)return;const n=t.docs[e];if(!n)throw new Error(`no version doc found by id=${e}`);return n}function m(e){return"link"!==e.type||e.unlisted?"category"===e.type?function(e){if(e.href&&!e.linkUnlisted)return e.href;for(const t of e.items){const e=m(t);if(e)return e}}(e):void 0:e.href}function h(){const{pathname:e}=(0,o.TH)(),t=(0,c.V)();if(!t)throw new Error("Unexpected: cant find current sidebar in context");const n=w({sidebarItems:t.items,pathname:e,onlyCategories:!0}).slice(-1)[0];if(!n)throw new Error(`${e} is not associated with a category. useCurrentSidebarCategory() should only be used on category index pages.`);return n}const g=(e,t)=>void 0!==e&&(0,u.Mg)(e,t),b=(e,t)=>e.some((e=>y(e,t)));function y(e,t){return"link"===e.type?g(e.href,t):"category"===e.type&&(g(e.href,t)||b(e.items,t))}function v(e,t){switch(e.type){case"category":return y(e,t)||e.items.some((e=>v(e,t)));case"link":return!e.unlisted||y(e,t);default:return!0}}function x(e,t){return(0,r.useMemo)((()=>e.filter((e=>v(e,t)))),[e,t])}function w(e){let{sidebarItems:t,pathname:n,onlyCategories:r=!1}=e;const o=[];return function e(t){for(const a of t)if("category"===a.type&&((0,u.Mg)(a.href,n)||e(a.items))||"link"===a.type&&(0,u.Mg)(a.href,n)){return r&&"category"!==a.type||o.unshift(a),!0}return!1}(t),o}function S(){const e=(0,c.V)(),{pathname:t}=(0,o.TH)(),n=(0,i.gA)()?.pluginData.breadcrumbs;return!1!==n&&e?w({sidebarItems:e.items,pathname:t}):null}function k(e){const{activeVersion:t}=(0,i.Iw)(e),{preferredVersion:n}=(0,s.J)(e),o=(0,i.yW)(e);return(0,r.useMemo)((()=>d([t,n,o].filter(Boolean))),[t,n,o])}function _(e,t){const n=k(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=t.find((t=>t[0]===e));if(!r)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 r[1]}),[e,n])}function E(e,t){const n=k(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),r=t.find((t=>t.id===e));if(!r){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- ${d(t.map((e=>e.id))).join("\n- ")}`)}return r}),[e,n])}function C(e){let{route:t}=e;const n=(0,o.TH)(),r=(0,l.E)(),i=t.routes,s=i.find((e=>(0,o.LX)(n.pathname,e)));if(!s)return null;const c=s.sidebar,d=c?r.docsSidebars[c]:void 0;return{docElement:(0,a.H)(i),sidebarName:c,sidebarItems:d}}function T(e){return e.filter((e=>!("category"===e.type||"link"===e.type)||!!m(e)))}},1944:(e,t,n)=>{"use strict";n.d(t,{FG:()=>f,d:()=>u,VC:()=>m});var r=n(7294),o=n(512),a=n(5742),i=n(226);function s(){const e=r.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var l=n(4996),c=n(2263);var d=n(5893);function u(e){let{title:t,description:n,keywords:r,image:o,children:i}=e;const s=function(e){const{siteConfig:t}=(0,c.Z)(),{title:n,titleDelimiter:r}=t;return e?.trim().length?`${e.trim()} ${r} ${n}`:n}(t),{withBaseUrl:u}=(0,l.C)(),p=o?u(o,{absolute:!0}):void 0;return(0,d.jsxs)(a.Z,{children:[t&&(0,d.jsx)("title",{children:s}),t&&(0,d.jsx)("meta",{property:"og:title",content:s}),n&&(0,d.jsx)("meta",{name:"description",content:n}),n&&(0,d.jsx)("meta",{property:"og:description",content:n}),r&&(0,d.jsx)("meta",{name:"keywords",content:Array.isArray(r)?r.join(","):r}),p&&(0,d.jsx)("meta",{property:"og:image",content:p}),p&&(0,d.jsx)("meta",{name:"twitter:image",content:p}),i]})}const p=r.createContext(void 0);function f(e){let{className:t,children:n}=e;const i=r.useContext(p),s=(0,o.Z)(i,t);return(0,d.jsxs)(p.Provider,{value:s,children:[(0,d.jsx)(a.Z,{children:(0,d.jsx)("html",{className:s})}),n]})}function m(e){let{children:t}=e;const n=s(),r=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const a=`plugin-id-${n.plugin.id}`;return(0,d.jsx)(f,{className:(0,o.Z)(r,a),children:t})}},902:(e,t,n)=>{"use strict";n.d(t,{D9:()=>s,Qc:()=>d,Ql:()=>c,i6:()=>l,zX:()=>i});var r=n(7294),o=n(469),a=n(5893);function i(e){const t=(0,r.useRef)(e);return(0,o.Z)((()=>{t.current=e}),[e]),(0,r.useCallback)((function(){return t.current(...arguments)}),[])}function s(e){const t=(0,r.useRef)();return(0,o.Z)((()=>{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 c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,r.useMemo)((()=>e),t.flat())}function d(e){return t=>{let{children:n}=t;return(0,a.jsx)(a.Fragment,{children:e.reduceRight(((e,t)=>(0,a.jsx)(t,{children:e})),n)})}}},8596:(e,t,n)=>{"use strict";n.d(t,{Mg:()=>i,Ns:()=>s});var r=n(7294),o=n(723),a=n(2263);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function s(){const{baseUrl:e}=(0,a.Z)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function r(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(r)||e(t.filter(o).flatMap((e=>e.routes??[])))}(n)}({routes:o.Z,baseUrl:e})),[e])}},2466:(e,t,n)=>{"use strict";n.d(t,{Ct:()=>f,OC:()=>c,RF:()=>p});var r=n(7294),o=n(412),a=n(2389),i=(n(469),n(902)),s=n(5893);const l=r.createContext(void 0);function c(e){let{children:t}=e;const n=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,s.jsx)(l.Provider,{value:n,children:t})}function d(){const e=(0,r.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 p(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=d(),o=(0,r.useRef)(u()),a=(0,i.zX)(e);(0,r.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=u();a(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[a,n,...t])}function f(){const e=(0,r.useRef)(null),t=(0,a.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 r(){const o=document.documentElement.scrollTop;(n&&o>e||!n&&ot&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},3320:(e,t,n)=>{"use strict";n.d(t,{HX:()=>r,os:()=>o});n(2263);const r="default";function o(e,t){return`docs-${e}-${t}`}},12:(e,t,n)=>{"use strict";n.d(t,{WA:()=>l});n(7294);const r="localStorage";function o(e){let{key:t,oldValue:n,newValue:r,storage:o}=e;if(n===r)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,o),window.dispatchEvent(a)}function a(e){if(void 0===e&&(e=r),"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 s={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function l(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=a(t?.persistence);return null===n?s:{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 r=n.getItem(e);n.setItem(e,t),o({key:e,oldValue:r,newValue:t,storage:n})}catch(r){console.error(`Docusaurus storage error, can't set ${e}=${t}`,r)}},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 r=r=>{r.storageArea===n&&r.key===e&&t(r)};return window.addEventListener("storage",r),()=>window.removeEventListener("storage",r)}catch(r){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,r),()=>{}}}}}},4711:(e,t,n)=>{"use strict";n.d(t,{l:()=>i});var r=n(2263),o=n(6550),a=n(8780);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:s}}=(0,r.Z)(),{pathname:l}=(0,o.TH)(),c=(0,a.applyTrailingSlash)(l,{trailingSlash:n,baseUrl:e}),d=s===i?e:e.replace(`/${s}/`,"/"),u=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:r}=e;return`${r?t:""}${function(e){return e===i?`${d}`:`${d}${e}/`}(n)}${u}`}}}},5936:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var r=n(7294),o=n(6550),a=n(902);function i(e){const t=(0,o.TH)(),n=(0,a.D9)(t),i=(0,a.zX)(e);(0,r.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},6668:(e,t,n)=>{"use strict";n.d(t,{L:()=>o});var r=n(2263);function o(){return(0,r.Z)().siteConfig.themeConfig}},8802:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[o]=e.split(/[#?]/),a="/"===o||o===r?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,a)}},4143:(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]}},8780:function(e,t,n){"use strict";var r=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 r(o).default}});var a=n(4143);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return a.getErrorCausalChain}})},9318:(e,t,n)=>{"use strict";n.d(t,{lX:()=>x,q_:()=>C,ob:()=>f,PP:()=>j,Ep:()=>p});var r=n(7462);function o(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,r=n+1,o=e.length;r=0;p--){var f=i[p];"."===f?a(i,p):".."===f?(a(i,p),u++):u&&(a(i,p),u--)}if(!c)for(;u--;u)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};var s=n(8776);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function d(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 u(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function f(e,t,n,o){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=(0,r.Z)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(s){throw s instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):s}return n&&(a.key=n),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function m(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;rt?n.splice(t,n.length-t,o):n.push(o),u({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=f(e,t,h(),x.location);d.confirmTransitionTo(o,r,n,(function(e){e&&(x.entries[x.index]=o,u({action:r,location:o}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=x.index+e;return t>=0&&t{"use strict";var r=n(9864),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={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},s={};function l(e){return r.isMemo(e)?i:s[e.$$typeof]||o}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=i;var c=Object.defineProperty,d=Object.getOwnPropertyNames,u=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var o=f(n);o&&o!==m&&e(t,o,r)}var i=d(n);u&&(i=i.concat(u(n)));for(var s=l(t),h=l(n),g=0;g{"use strict";e.exports=function(e,t,n,r,o,a,i,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,i,s],d=0;(l=new Error(t.replace(/%s/g,(function(){return c[d++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},5826:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},813:function(e){e.exports=function(){"use strict";var e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},n=function(){function e(e,t){for(var n=0;n1&&void 0!==arguments[1])||arguments[1],o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:5e3;t(this,e),this.ctx=n,this.iframes=r,this.exclude=o,this.iframesTimeout=a}return n(e,[{key:"getContexts",value:function(){var e=[];return(void 0!==this.ctx&&this.ctx?NodeList.prototype.isPrototypeOf(this.ctx)?Array.prototype.slice.call(this.ctx):Array.isArray(this.ctx)?this.ctx:"string"==typeof this.ctx?Array.prototype.slice.call(document.querySelectorAll(this.ctx)):[this.ctx]:[]).forEach((function(t){var n=e.filter((function(e){return e.contains(t)})).length>0;-1!==e.indexOf(t)||n||e.push(t)})),e}},{key:"getIframeContents",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},r=void 0;try{var o=e.contentWindow;if(r=o.document,!o||!r)throw new Error("iframe inaccessible")}catch(a){n()}r&&t(r)}},{key:"isIframeBlank",value:function(e){var t="about:blank",n=e.getAttribute("src").trim();return e.contentWindow.location.href===t&&n!==t&&n}},{key:"observeIframeLoad",value:function(e,t,n){var r=this,o=!1,a=null,i=function i(){if(!o){o=!0,clearTimeout(a);try{r.isIframeBlank(e)||(e.removeEventListener("load",i),r.getIframeContents(e,t,n))}catch(s){n()}}};e.addEventListener("load",i),a=setTimeout(i,this.iframesTimeout)}},{key:"onIframeReady",value:function(e,t,n){try{"complete"===e.contentWindow.document.readyState?this.isIframeBlank(e)?this.observeIframeLoad(e,t,n):this.getIframeContents(e,t,n):this.observeIframeLoad(e,t,n)}catch(r){n()}}},{key:"waitForIframes",value:function(e,t){var n=this,r=0;this.forEachIframe(e,(function(){return!0}),(function(e){r++,n.waitForIframes(e.querySelector("html"),(function(){--r||t()}))}),(function(e){e||t()}))}},{key:"forEachIframe",value:function(t,n,r){var o=this,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){},i=t.querySelectorAll("iframe"),s=i.length,l=0;i=Array.prototype.slice.call(i);var c=function(){--s<=0&&a(l)};s||c(),i.forEach((function(t){e.matches(t,o.exclude)?c():o.onIframeReady(t,(function(e){n(t)&&(l++,r(e)),c()}),c)}))}},{key:"createIterator",value:function(e,t,n){return document.createNodeIterator(e,t,n,!1)}},{key:"createInstanceOnIframe",value:function(t){return new e(t.querySelector("html"),this.iframes)}},{key:"compareNodeIframe",value:function(e,t,n){if(e.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_PRECEDING){if(null===t)return!0;if(t.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_FOLLOWING)return!0}return!1}},{key:"getIteratorNode",value:function(e){var t=e.previousNode();return{prevNode:t,node:(null===t||e.nextNode())&&e.nextNode()}}},{key:"checkIframeFilter",value:function(e,t,n,r){var o=!1,a=!1;return r.forEach((function(e,t){e.val===n&&(o=t,a=e.handled)})),this.compareNodeIframe(e,t,n)?(!1!==o||a?!1===o||a||(r[o].handled=!0):r.push({val:n,handled:!0}),!0):(!1===o&&r.push({val:n,handled:!1}),!1)}},{key:"handleOpenIframes",value:function(e,t,n,r){var o=this;e.forEach((function(e){e.handled||o.getIframeContents(e.val,(function(e){o.createInstanceOnIframe(e).forEachNode(t,n,r)}))}))}},{key:"iterateThroughNodes",value:function(e,t,n,r,o){for(var a=this,i=this.createIterator(t,e,r),s=[],l=[],c=void 0,d=void 0,u=function(){var e=a.getIteratorNode(i);return d=e.prevNode,c=e.node};u();)this.iframes&&this.forEachIframe(t,(function(e){return a.checkIframeFilter(c,d,e,s)}),(function(t){a.createInstanceOnIframe(t).forEachNode(e,(function(e){return l.push(e)}),r)})),l.push(c);l.forEach((function(e){n(e)})),this.iframes&&this.handleOpenIframes(s,e,n,r),o()}},{key:"forEachNode",value:function(e,t,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){},a=this.getContexts(),i=a.length;i||o(),a.forEach((function(a){var s=function(){r.iterateThroughNodes(e,a,t,n,(function(){--i<=0&&o()}))};r.iframes?r.waitForIframes(a,s):s()}))}}],[{key:"matches",value:function(e,t){var n="string"==typeof t?[t]:t,r=e.matches||e.matchesSelector||e.msMatchesSelector||e.mozMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector;if(r){var o=!1;return n.every((function(t){return!r.call(e,t)||(o=!0,!1)})),o}return!1}}]),e}(),a=function(){function a(e){t(this,a),this.ctx=e,this.ie=!1;var n=window.navigator.userAgent;(n.indexOf("MSIE")>-1||n.indexOf("Trident")>-1)&&(this.ie=!0)}return n(a,[{key:"log",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"debug",r=this.opt.log;this.opt.debug&&"object"===(void 0===r?"undefined":e(r))&&"function"==typeof r[n]&&r[n]("mark.js: "+t)}},{key:"escapeStr",value:function(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}},{key:"createRegExp",value:function(e){return"disabled"!==this.opt.wildcards&&(e=this.setupWildcardsRegExp(e)),e=this.escapeStr(e),Object.keys(this.opt.synonyms).length&&(e=this.createSynonymsRegExp(e)),(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.setupIgnoreJoinersRegExp(e)),this.opt.diacritics&&(e=this.createDiacriticsRegExp(e)),e=this.createMergedBlanksRegExp(e),(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.createJoinersRegExp(e)),"disabled"!==this.opt.wildcards&&(e=this.createWildcardsRegExp(e)),e=this.createAccuracyRegExp(e)}},{key:"createSynonymsRegExp",value:function(e){var t=this.opt.synonyms,n=this.opt.caseSensitive?"":"i",r=this.opt.ignoreJoiners||this.opt.ignorePunctuation.length?"\0":"";for(var o in t)if(t.hasOwnProperty(o)){var a=t[o],i="disabled"!==this.opt.wildcards?this.setupWildcardsRegExp(o):this.escapeStr(o),s="disabled"!==this.opt.wildcards?this.setupWildcardsRegExp(a):this.escapeStr(a);""!==i&&""!==s&&(e=e.replace(new RegExp("("+this.escapeStr(i)+"|"+this.escapeStr(s)+")","gm"+n),r+"("+this.processSynomyms(i)+"|"+this.processSynomyms(s)+")"+r))}return e}},{key:"processSynomyms",value:function(e){return(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.setupIgnoreJoinersRegExp(e)),e}},{key:"setupWildcardsRegExp",value:function(e){return(e=e.replace(/(?:\\)*\?/g,(function(e){return"\\"===e.charAt(0)?"?":"\x01"}))).replace(/(?:\\)*\*/g,(function(e){return"\\"===e.charAt(0)?"*":"\x02"}))}},{key:"createWildcardsRegExp",value:function(e){var t="withSpaces"===this.opt.wildcards;return e.replace(/\u0001/g,t?"[\\S\\s]?":"\\S?").replace(/\u0002/g,t?"[\\S\\s]*?":"\\S*")}},{key:"setupIgnoreJoinersRegExp",value:function(e){return e.replace(/[^(|)\\]/g,(function(e,t,n){var r=n.charAt(t+1);return/[(|)\\]/.test(r)||""===r?e:e+"\0"}))}},{key:"createJoinersRegExp",value:function(e){var t=[],n=this.opt.ignorePunctuation;return Array.isArray(n)&&n.length&&t.push(this.escapeStr(n.join(""))),this.opt.ignoreJoiners&&t.push("\\u00ad\\u200b\\u200c\\u200d"),t.length?e.split(/\u0000+/).join("["+t.join("")+"]*"):e}},{key:"createDiacriticsRegExp",value:function(e){var t=this.opt.caseSensitive?"":"i",n=this.opt.caseSensitive?["a\xe0\xe1\u1ea3\xe3\u1ea1\u0103\u1eb1\u1eaf\u1eb3\u1eb5\u1eb7\xe2\u1ea7\u1ea5\u1ea9\u1eab\u1ead\xe4\xe5\u0101\u0105","A\xc0\xc1\u1ea2\xc3\u1ea0\u0102\u1eb0\u1eae\u1eb2\u1eb4\u1eb6\xc2\u1ea6\u1ea4\u1ea8\u1eaa\u1eac\xc4\xc5\u0100\u0104","c\xe7\u0107\u010d","C\xc7\u0106\u010c","d\u0111\u010f","D\u0110\u010e","e\xe8\xe9\u1ebb\u1ebd\u1eb9\xea\u1ec1\u1ebf\u1ec3\u1ec5\u1ec7\xeb\u011b\u0113\u0119","E\xc8\xc9\u1eba\u1ebc\u1eb8\xca\u1ec0\u1ebe\u1ec2\u1ec4\u1ec6\xcb\u011a\u0112\u0118","i\xec\xed\u1ec9\u0129\u1ecb\xee\xef\u012b","I\xcc\xcd\u1ec8\u0128\u1eca\xce\xcf\u012a","l\u0142","L\u0141","n\xf1\u0148\u0144","N\xd1\u0147\u0143","o\xf2\xf3\u1ecf\xf5\u1ecd\xf4\u1ed3\u1ed1\u1ed5\u1ed7\u1ed9\u01a1\u1edf\u1ee1\u1edb\u1edd\u1ee3\xf6\xf8\u014d","O\xd2\xd3\u1ece\xd5\u1ecc\xd4\u1ed2\u1ed0\u1ed4\u1ed6\u1ed8\u01a0\u1ede\u1ee0\u1eda\u1edc\u1ee2\xd6\xd8\u014c","r\u0159","R\u0158","s\u0161\u015b\u0219\u015f","S\u0160\u015a\u0218\u015e","t\u0165\u021b\u0163","T\u0164\u021a\u0162","u\xf9\xfa\u1ee7\u0169\u1ee5\u01b0\u1eeb\u1ee9\u1eed\u1eef\u1ef1\xfb\xfc\u016f\u016b","U\xd9\xda\u1ee6\u0168\u1ee4\u01af\u1eea\u1ee8\u1eec\u1eee\u1ef0\xdb\xdc\u016e\u016a","y\xfd\u1ef3\u1ef7\u1ef9\u1ef5\xff","Y\xdd\u1ef2\u1ef6\u1ef8\u1ef4\u0178","z\u017e\u017c\u017a","Z\u017d\u017b\u0179"]:["a\xe0\xe1\u1ea3\xe3\u1ea1\u0103\u1eb1\u1eaf\u1eb3\u1eb5\u1eb7\xe2\u1ea7\u1ea5\u1ea9\u1eab\u1ead\xe4\xe5\u0101\u0105A\xc0\xc1\u1ea2\xc3\u1ea0\u0102\u1eb0\u1eae\u1eb2\u1eb4\u1eb6\xc2\u1ea6\u1ea4\u1ea8\u1eaa\u1eac\xc4\xc5\u0100\u0104","c\xe7\u0107\u010dC\xc7\u0106\u010c","d\u0111\u010fD\u0110\u010e","e\xe8\xe9\u1ebb\u1ebd\u1eb9\xea\u1ec1\u1ebf\u1ec3\u1ec5\u1ec7\xeb\u011b\u0113\u0119E\xc8\xc9\u1eba\u1ebc\u1eb8\xca\u1ec0\u1ebe\u1ec2\u1ec4\u1ec6\xcb\u011a\u0112\u0118","i\xec\xed\u1ec9\u0129\u1ecb\xee\xef\u012bI\xcc\xcd\u1ec8\u0128\u1eca\xce\xcf\u012a","l\u0142L\u0141","n\xf1\u0148\u0144N\xd1\u0147\u0143","o\xf2\xf3\u1ecf\xf5\u1ecd\xf4\u1ed3\u1ed1\u1ed5\u1ed7\u1ed9\u01a1\u1edf\u1ee1\u1edb\u1edd\u1ee3\xf6\xf8\u014dO\xd2\xd3\u1ece\xd5\u1ecc\xd4\u1ed2\u1ed0\u1ed4\u1ed6\u1ed8\u01a0\u1ede\u1ee0\u1eda\u1edc\u1ee2\xd6\xd8\u014c","r\u0159R\u0158","s\u0161\u015b\u0219\u015fS\u0160\u015a\u0218\u015e","t\u0165\u021b\u0163T\u0164\u021a\u0162","u\xf9\xfa\u1ee7\u0169\u1ee5\u01b0\u1eeb\u1ee9\u1eed\u1eef\u1ef1\xfb\xfc\u016f\u016bU\xd9\xda\u1ee6\u0168\u1ee4\u01af\u1eea\u1ee8\u1eec\u1eee\u1ef0\xdb\xdc\u016e\u016a","y\xfd\u1ef3\u1ef7\u1ef9\u1ef5\xffY\xdd\u1ef2\u1ef6\u1ef8\u1ef4\u0178","z\u017e\u017c\u017aZ\u017d\u017b\u0179"],r=[];return e.split("").forEach((function(o){n.every((function(n){if(-1!==n.indexOf(o)){if(r.indexOf(n)>-1)return!1;e=e.replace(new RegExp("["+n+"]","gm"+t),"["+n+"]"),r.push(n)}return!0}))})),e}},{key:"createMergedBlanksRegExp",value:function(e){return e.replace(/[\s]+/gim,"[\\s]+")}},{key:"createAccuracyRegExp",value:function(e){var t=this,n="!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~\xa1\xbf",r=this.opt.accuracy,o="string"==typeof r?r:r.value,a="string"==typeof r?[]:r.limiters,i="";switch(a.forEach((function(e){i+="|"+t.escapeStr(e)})),o){case"partially":default:return"()("+e+")";case"complementary":return"()([^"+(i="\\s"+(i||this.escapeStr(n)))+"]*"+e+"[^"+i+"]*)";case"exactly":return"(^|\\s"+i+")("+e+")(?=$|\\s"+i+")"}}},{key:"getSeparatedKeywords",value:function(e){var t=this,n=[];return e.forEach((function(e){t.opt.separateWordSearch?e.split(" ").forEach((function(e){e.trim()&&-1===n.indexOf(e)&&n.push(e)})):e.trim()&&-1===n.indexOf(e)&&n.push(e)})),{keywords:n.sort((function(e,t){return t.length-e.length})),length:n.length}}},{key:"isNumeric",value:function(e){return Number(parseFloat(e))==e}},{key:"checkRanges",value:function(e){var t=this;if(!Array.isArray(e)||"[object Object]"!==Object.prototype.toString.call(e[0]))return this.log("markRanges() will only accept an array of objects"),this.opt.noMatch(e),[];var n=[],r=0;return e.sort((function(e,t){return e.start-t.start})).forEach((function(e){var o=t.callNoMatchOnInvalidRanges(e,r),a=o.start,i=o.end;o.valid&&(e.start=a,e.length=i-a,n.push(e),r=i)})),n}},{key:"callNoMatchOnInvalidRanges",value:function(e,t){var n=void 0,r=void 0,o=!1;return e&&void 0!==e.start?(r=(n=parseInt(e.start,10))+parseInt(e.length,10),this.isNumeric(e.start)&&this.isNumeric(e.length)&&r-t>0&&r-n>0?o=!0:(this.log("Ignoring invalid or overlapping range: "+JSON.stringify(e)),this.opt.noMatch(e))):(this.log("Ignoring invalid range: "+JSON.stringify(e)),this.opt.noMatch(e)),{start:n,end:r,valid:o}}},{key:"checkWhitespaceRanges",value:function(e,t,n){var r=void 0,o=!0,a=n.length,i=t-a,s=parseInt(e.start,10)-i;return(r=(s=s>a?a:s)+parseInt(e.length,10))>a&&(r=a,this.log("End range automatically set to the max value of "+a)),s<0||r-s<0||s>a||r>a?(o=!1,this.log("Invalid range: "+JSON.stringify(e)),this.opt.noMatch(e)):""===n.substring(s,r).replace(/\s+/g,"")&&(o=!1,this.log("Skipping whitespace only range: "+JSON.stringify(e)),this.opt.noMatch(e)),{start:s,end:r,valid:o}}},{key:"getTextNodes",value:function(e){var t=this,n="",r=[];this.iterator.forEachNode(NodeFilter.SHOW_TEXT,(function(e){r.push({start:n.length,end:(n+=e.textContent).length,node:e})}),(function(e){return t.matchesExclude(e.parentNode)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}),(function(){e({value:n,nodes:r})}))}},{key:"matchesExclude",value:function(e){return o.matches(e,this.opt.exclude.concat(["script","style","title","head","html"]))}},{key:"wrapRangeInTextNode",value:function(e,t,n){var r=this.opt.element?this.opt.element:"mark",o=e.splitText(t),a=o.splitText(n-t),i=document.createElement(r);return i.setAttribute("data-markjs","true"),this.opt.className&&i.setAttribute("class",this.opt.className),i.textContent=o.textContent,o.parentNode.replaceChild(i,o),a}},{key:"wrapRangeInMappedTextNode",value:function(e,t,n,r,o){var a=this;e.nodes.every((function(i,s){var l=e.nodes[s+1];if(void 0===l||l.start>t){if(!r(i.node))return!1;var c=t-i.start,d=(n>i.end?i.end:n)-i.start,u=e.value.substr(0,i.start),p=e.value.substr(d+i.start);if(i.node=a.wrapRangeInTextNode(i.node,c,d),e.value=u+p,e.nodes.forEach((function(t,n){n>=s&&(e.nodes[n].start>0&&n!==s&&(e.nodes[n].start-=d),e.nodes[n].end-=d)})),n-=d,o(i.node.previousSibling,i.start),!(n>i.end))return!1;t=i.end}return!0}))}},{key:"wrapMatches",value:function(e,t,n,r,o){var a=this,i=0===t?0:t+1;this.getTextNodes((function(t){t.nodes.forEach((function(t){t=t.node;for(var o=void 0;null!==(o=e.exec(t.textContent))&&""!==o[i];)if(n(o[i],t)){var s=o.index;if(0!==i)for(var l=1;l{"use strict";n.r(t)},2295:(e,t,n)=>{"use strict";n.r(t)},4865:function(e,t,n){var r,o;r=function(){var e,t,n={version:"0.2.0"},r=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 a(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(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)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,r.minimum,1),n.status=1===e?null:e;var a=n.render(!t),c=a.querySelector(r.barSelector),d=r.speed,u=r.easing;return a.offsetWidth,s((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),l(c,i(e,d,u)),1===e?(l(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){l(a,{transition:"all "+d+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),d)}),d)):setTimeout(t,d)})),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())}),r.trickleSpeed)};return r.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()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.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");d(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var o,i=t.querySelector(r.barSelector),s=e?"-100":a(n.status||0),c=document.querySelector(r.parent);return l(i,{transition:"all 0 linear",transform:"translate3d("+s+"%,0,0)"}),r.showSpinner||(o=t.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&d(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){u(document.documentElement,"nprogress-busy"),u(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),l=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 r(t){var n=document.body.style;if(t in n)return t;for(var r,o=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((r=e[o]+a)in n)return r;return t}function o(e){return e=n(e),t[e]||(t[e]=r(e))}function a(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&a(e,n,r);else a(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function d(e,t){var n=p(e),r=n+t;c(n,t)||(e.className=r.substring(1))}function u(e,t){var n,r=p(e);c(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=o)},4779:(e,t,n)=>{var r=n(5826);e.exports=f,e.exports.parse=a,e.exports.compile=function(e,t){return s(a(e,t),t)},e.exports.tokensToFunction=s,e.exports.tokensToRegExp=p;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,t){for(var n,r=[],a=0,i=0,s="",d=t&&t.delimiter||"/";null!=(n=o.exec(e));){var u=n[0],p=n[1],f=n.index;if(s+=e.slice(i,f),i=f+u.length,p)s+=p[1];else{var m=e[i],h=n[2],g=n[3],b=n[4],y=n[5],v=n[6],x=n[7];s&&(r.push(s),s="");var w=null!=h&&null!=m&&m!==h,S="+"===v||"*"===v,k="?"===v||"*"===v,_=n[2]||d,E=b||y;r.push({name:g||a++,prefix:h||"",delimiter:_,optional:k,repeat:S,partial:w,asterisk:!!x,pattern:E?c(E):x?".*":"[^"+l(_)+"]+?"})}}return i{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to WebPlatform.org documentation. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (.comment can become .namespace--comment) or replace them with your defined ones (like .editor__comment). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the highlightAll and highlightAllUnder methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},2885:(e,t,n)=>{const r=n(9901),o=n(9642),a=new Set;function i(e){void 0===e?e=Object.keys(r.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...a,...Object.keys(Prism.languages)];o(r,e,t).load((e=>{if(!(e in r.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(6500).resolve(t)],delete Prism.languages[e],n(6500)(t),a.add(e)}))}i.silent=!1,e.exports=i},6854:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,s=i.length;-1!==n.code.indexOf(o=t(r,s));)++s;return i[s]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(s){for(var l=0;l=a.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var d=a[o],u=n.tokenStack[d],p="string"==typeof c?c:c.content,f=t(r,d),m=p.indexOf(f);if(m>-1){++o;var h=p.substring(0,m),g=new e.Token(r,e.tokenize(u,n.grammar),"language-"+r,u),b=p.substring(m+f.length),y=[];h&&y.push.apply(y,i([h])),y.push(g),b&&y.push.apply(y,i([b])),"string"==typeof c?s.splice.apply(s,[l,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(Prism)},6726:(e,t,n)=>{var r={"./":2885};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=6726},6500:(e,t,n)=>{var r={"./":2885};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=6500},9642:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n "));var s={},l=e[r];if(l){function c(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in s))for(var i in o(t,a),s[t]=!0,n[t])s[i]=!0}t(l.require,c),t(l.optional,c),t(l.modify,c)}n[r]=s,a.pop()}}return function(e){var t=n[e];return t||(o(e,r),t=n[e]),t}}function o(e){for(var t in e)return!0;return!1}return function(a,i,s){var l=function(e){var t={};for(var n in e){var r=e[n];for(var o in r)if("meta"!=o){var a=r[o];t[o]="string"==typeof a?{title:a}:a}}return t}(a),c=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var o in n={},e){var a=e[o];t(a&&a.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+o+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+o+" because it is a component.");n[t]=o}))}return n[r]||r}}(l);i=i.map(c),s=(s||[]).map(c);var d=n(i),u=n(s);i.forEach((function e(n){var r=l[n];t(r&&r.require,(function(t){t in u||(d[t]=!0,e(t))}))}));for(var p,f=r(l),m=d;o(m);){for(var h in p={},m){var g=l[h];t(g&&g.modify,(function(e){e in u&&(p[e]=!0)}))}for(var b in u)if(!(b in d))for(var y in f(b))if(y in d){p[b]=!0;break}for(var v in m=p)d[v]=!0}var x={getIds:function(){var e=[];return x.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,o){var a=o?o.series:void 0,i=o?o.parallel:e,s={},l={};function c(e){if(e in s)return s[e];l[e]=!0;var o,d=[];for(var u in t(e))u in n&&d.push(u);if(0===d.length)o=r(e);else{var p=i(d.map((function(e){var t=c(e);return delete l[e],t})));a?o=a(p,(function(){return r(e)})):r(e)}return s[e]=o}for(var d in n)c(d);var u=[];for(var p in l)u.push(s[p]);return i(u)}(f,d,t,n)}};return x}}();e.exports=t},2703:(e,t,n)=>{"use strict";var r=n(414);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var s=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 s.name="Invariant Violation",s}}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:a,resetWarningCache:o};return n.PropTypes=n,n}},5697:(e,t,n)=>{e.exports=n(2703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},4448:(e,t,n)=>{"use strict";var r=n(7294),o=n(3840);function a(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n