diff --git a/about.html b/about.html
index 488f289f..04e41cf0 100644
--- a/about.html
+++ b/about.html
@@ -17,7 +17,7 @@
 <body >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-7c0fd418><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-7c0fd418><div class="container-fluid" data-v-7c0fd418><div class="navbar-left" data-v-7c0fd418><a href="/devdocs/index.html" title="Home" class="navbar-brand" data-v-7c0fd418><img src="/devdocs/images/logo-darkbackground.svg" height="20" data-v-7c0fd418></a></div> <div class="navbar-default" data-v-7c0fd418><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-7c0fd418> <li data-v-7c0fd418><a highlight-on="exact" href="/devdocs/index.html" class="nav-link" data-v-7c0fd418>HOME</a></li> <div tags="environment--dg environment--combined" data-v-7c0fd418><li data-v-7c0fd418><a highlight-on="sibling-or-child" href="/devdocs/devGuide/index.html" class="nav-link" data-v-7c0fd418>DEVELOPER GUIDE</a></li></div> <li data-v-7c0fd418><a highlight-on="exact" href="/devdocs/showcase.html" class="nav-link" data-v-7c0fd418>SHOWCASE</a></li> <li data-v-7c0fd418><a highlight-on="exact" href="/devdocs/about.html" class="nav-link" data-v-7c0fd418>ABOUT</a></li> <li data-v-7c0fd418><a href="https://github.com/MarkBind/markbind" target="_blank" class="nav-link" data-v-7c0fd418><span data-v-7c0fd418><span aria-hidden="true" class="fab fa-github" data-v-7c0fd418></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-7c0fd418><li data-v-7c0fd418><form class="navbar-form" data-v-7c0fd418><div class="dropdown" style="position:relative;" data-v-cea1a814><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-cea1a814> <div class="form-control placeholder-div-hidden" data-v-cea1a814>
       Search
-    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-cea1a814></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-7c0fd418><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper"><h1 id="about-us" class="display-3"><span><strong>About Us</strong></span><a href="#about-us" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p><span class="lead">MarkBind is a project <strong>based in <a href="http://www.comp.nus.edu.sg/">National University of Singapore, School of Computing</a></strong>, and is funded by an education grant from <a href="https://nus.edu.sg/cdtl">NUS Center for Development of Teaching and Learning</a>.</span></p> <p><span aria-hidden="true" class="glyphicon glyphicon-send"></span> You can <strong>email us</strong> at <code class="hljs inline no-lang">markbind</code> at <code class="hljs inline no-lang">comp.nus.edu.sg</code></p> <p><span aria-hidden="true" class="glyphicon glyphicon-console"></span> Interested in <strong>contributing to MarkBind</strong>? Visit the <a href="https://github.com/MarkBind/markbind">MarkBind project on GitHub</a>.</p> <h2 id="contributors">Contributors ✨<a href="#contributors" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p><strong>Mentors</strong>:</p> <ul><li><a href="https://www.comp.nus.edu.sg/~damithch/"><strong>Damith C. Rajapakse</strong></a>: <em>Project Mentor</em> since Aug 2016</li> <li><a href="https://www.github.com/ang-zeyu"><strong>Ang Ze Yu</strong></a>: <em>Project Mentor</em> since Jun 2022, <em>Team Lead</em> for Sep 2020 - May 2022</li></ul> <p><strong>Dev Team</strong>:</p> <ul><li><a href="https://www.github.com/jonahtanjz"><strong>Jonah Tan Jun Zi</strong></a>: <strong><em>Team Lead</em></strong> since Jun 2022, <em>Member</em> for Jan 2021 - May 2022</li> <li><a href="https://www.github.com/ryoarmanda"><strong>Ryo Chandra Putra Aramanda</strong></a>: <strong><em>Team Lead</em></strong> since Jun 2022, <em>Member</em> for Aug 2020 - May 2022</li> <li><a href="https://www.github.com/raysonkoh"><strong>Koh Rayson</strong></a>: <em>Senior Dev</em> since Apr 2021, <em>Member</em> since Jan 2021</li> <li><a href="https://www.github.com/wxwxwxwx9"><strong>Ong Wei Xiang</strong></a>: <em>Senior Dev</em> since Apr 2021, <em>Member</em> since Aug 2020</li> <li><a href="https://www.github.com/kaixin-hc"><strong>Hannah Chia Kai Xin</strong></a>: <em>Senior Dev</em> since Apr 2022, <em>Member</em> since Jan 2022</li> <li><a href="https://www.github.com/jovyntls"><strong>Jovyn Tan Li Shyan</strong></a>: <em>Senior Dev</em> since Apr 2022, <em>Member</em> since Jan 2022</li> <li><a href="https://www.github.com/tlylt"><strong>Liu Yongliang</strong></a>: <em>Senior Dev</em> since Apr 2022, <em>Member</em> since Aug 2021</li> <li><a href="https://www.github.com/ong6"><strong>Ong Jun Xiong</strong></a>: <em>Senior Dev</em> since Apr 2022, <em>Member</em> since Aug 2021</li></ul> <p>Thanks goes to these wonderful people (<a href="https://allcontributors.org/docs/en/emoji-key">emoji key</a>):</p> <div class="table-responsive"><table><tbody><tr><td align="center" valign="top" width="14.28%"><a href="https://www.yamgent.com/"><img src="https://avatars.githubusercontent.com/u/3168908?v=4?s=100" width="100px;" alt="Tan Wang Leng"><br><sub><b>Tan Wang Leng</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=yamgent" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/ang-zeyu"><img src="https://avatars.githubusercontent.com/u/3306138?v=4?s=100" width="100px;" alt="Ang Ze Yu"><br><sub><b>Ang Ze Yu</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=ang-zeyu" title="Code">💻</a> <a href="#projectManagement-ang-zeyu" title="Project Management">📆</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Gisonrg"><img src="https://avatars.githubusercontent.com/u/4332224?v=4?s=100" width="100px;" alt="Jason Jiang"><br><sub><b>Jason Jiang</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=Gisonrg" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Chng-Zhi-Xuan"><img src="https://avatars.githubusercontent.com/u/31084833?v=4?s=100" width="100px;" alt="Chng Zhi Xuan"><br><sub><b>Chng Zhi Xuan</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=Chng-Zhi-Xuan" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://linkedin.com/in/aaronlah/"><img src="https://avatars.githubusercontent.com/u/14091939?v=4?s=100" width="100px;" alt="Aaron Chong"><br><sub><b>Aaron Chong</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=acjh" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/jamos-tay"><img src="https://avatars.githubusercontent.com/u/19278089?v=4?s=100" width="100px;" alt="Jamos Tay"><br><sub><b>Jamos Tay</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=jamos-tay" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://nicholaschuayunzhi.github.io/"><img src="https://avatars.githubusercontent.com/u/22221132?v=4?s=100" width="100px;" alt="Nicholas Chua"><br><sub><b>Nicholas Chua</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=nicholaschuayunzhi" title="Code">💻</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://www.beyondthesprawl.com/"><img src="https://avatars.githubusercontent.com/u/1782590?v=4?s=100" width="100px;" alt="Tan Zhen Yong"><br><sub><b>Tan Zhen Yong</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=Xenonym" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/rachx"><img src="https://avatars.githubusercontent.com/u/16644412?v=4?s=100" width="100px;" alt="Rachael Sim"><br><sub><b>Rachael Sim</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=rachx" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/wxwxwxwx9"><img src="https://avatars.githubusercontent.com/u/37920115?v=4?s=100" width="100px;" alt="Ong Wei Xiang"><br><sub><b>Ong Wei Xiang</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=wxwxwxwx9" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/danielbrzn"><img src="https://avatars.githubusercontent.com/u/251231?v=4?s=100" width="100px;" alt="Daniel Berzin Chua"><br><sub><b>Daniel Berzin Chua</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=danielbrzn" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/openorclose"><img src="https://avatars.githubusercontent.com/u/3646725?v=4?s=100" width="100px;" alt="Daryl Tan"><br><sub><b>Daryl Tan</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=openorclose" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="http://www.comp.nus.edu.sg/~damithch"><img src="https://avatars.githubusercontent.com/u/1673303?v=4?s=100" width="100px;" alt="Damith C. Rajapakse"><br><sub><b>Damith C. Rajapakse</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=damithc" title="Code">💻</a> <a href="#mentoring-damithc" title="Mentoring">🧑‍🏫</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/jonahtanjz"><img src="https://avatars.githubusercontent.com/u/47470981?v=4?s=100" width="100px;" alt="Jonah Tan"><br><sub><b>Jonah Tan</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=jonahtanjz" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/pulls?q=is%3Apr+reviewed-by%3Ajonahtanjz" title="Reviewed Pull Requests">👀</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://github.com/nusjzx"><img src="https://avatars.githubusercontent.com/u/24241939?v=4?s=100" width="100px;" alt="nusjzx"><br><sub><b>nusjzx</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=nusjzx" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/alyip98"><img src="https://avatars.githubusercontent.com/u/2277141?v=4?s=100" width="100px;" alt="Alfred Yip"><br><sub><b>Alfred Yip</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=alyip98" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/ryoarmanda"><img src="https://avatars.githubusercontent.com/u/24468110?v=4?s=100" width="100px;" alt="Ryo Armanda"><br><sub><b>Ryo Armanda</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=ryoarmanda" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/pulls?q=is%3Apr+reviewed-by%3Aryoarmanda" title="Reviewed Pull Requests">👀</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/le0tan"><img src="https://avatars.githubusercontent.com/u/28982486?v=4?s=100" width="100px;" alt="Tan Yuanhong"><br><sub><b>Tan Yuanhong</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=le0tan" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://sijie123.com/"><img src="https://avatars.githubusercontent.com/u/631938?v=4?s=100" width="100px;" alt="Si Jie"><br><sub><b>Si Jie</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=sijie123" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/yash-chowdhary"><img src="https://avatars.githubusercontent.com/u/21968718?v=4?s=100" width="100px;" alt="Yash Chowdhary"><br><sub><b>Yash Chowdhary</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=yash-chowdhary" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/luyangkenneth/"><img src="https://avatars.githubusercontent.com/u/9073504?v=4?s=100" width="100px;" alt="Kenneth Lu"><br><sub><b>Kenneth Lu</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=luyangkenneth" title="Code">💻</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://raysonkoh.com/"><img src="https://avatars.githubusercontent.com/u/16506539?v=4?s=100" width="100px;" alt="Rayson Koh"><br><sub><b>Rayson Koh</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=raysonkoh" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/crphang"><img src="https://avatars.githubusercontent.com/u/4986717?v=4?s=100" width="100px;" alt="Phang Chun Rong"><br><sub><b>Phang Chun Rong</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=crphang" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/nbriannl"><img src="https://avatars.githubusercontent.com/u/27397021?v=4?s=100" width="100px;" alt="nbriannl"><br><sub><b>nbriannl</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=nbriannl" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Tejas2805"><img src="https://avatars.githubusercontent.com/u/35946746?v=4?s=100" width="100px;" alt="Tejas Bhuwania"><br><sub><b>Tejas Bhuwania</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=Tejas2805" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/marvinchin"><img src="https://avatars.githubusercontent.com/u/17447681?v=4?s=100" width="100px;" alt="Marvin Chin"><br><sub><b>Marvin Chin</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=marvinchin" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/amad-person"><img src="https://avatars.githubusercontent.com/u/22164211?v=4?s=100" width="100px;" alt="Aadyaa Maddi"><br><sub><b>Aadyaa Maddi</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=amad-person" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://kendrickang.github.io/me/"><img src="https://avatars.githubusercontent.com/u/38814428?v=4?s=100" width="100px;" alt="Kendrick Ang"><br><sub><b>Kendrick Ang</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=KendrickAng" title="Code">💻</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://github.com/dvrylc"><img src="https://avatars.githubusercontent.com/u/6095637?v=4?s=100" width="100px;" alt="Daryl Chan"><br><sub><b>Daryl Chan</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=dvrylc" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://tlylt.github.io/"><img src="https://avatars.githubusercontent.com/u/41845017?v=4?s=100" width="100px;" alt="Liu YongLiang"><br><sub><b>Liu YongLiang</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=tlylt" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=tlylt" title="Documentation">📖</a> <a href="https://github.com/MarkBind/markbind/pulls?q=is%3Apr+reviewed-by%3Atlylt" title="Reviewed Pull Requests">👀</a></td> <td align="center" valign="top" width="14.28%"><a href="https://madanalogy.dev/"><img src="https://avatars.githubusercontent.com/u/42177597?v=4?s=100" width="100px;" alt="Ahmed Bahajjaj"><br><sub><b>Ahmed Bahajjaj</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=madanalogy" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://www.zhongjun.me/"><img src="https://avatars.githubusercontent.com/u/27919917?v=4?s=100" width="100px;" alt="Hsu Zhong Jun"><br><sub><b>Hsu Zhong Jun</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=dcshzj" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/kimberlyohq"><img src="https://avatars.githubusercontent.com/u/60393696?v=4?s=100" width="100px;" alt="Kimberly"><br><sub><b>Kimberly</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=kimberlyohq" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/hcwong"><img src="https://avatars.githubusercontent.com/u/28432397?v=4?s=100" width="100px;" alt="Joshua Wong"><br><sub><b>Joshua Wong</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=hcwong" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://weasyl.com/~parclytaxel"><img src="https://avatars.githubusercontent.com/u/54175463?v=4?s=100" width="100px;" alt="Jeremy Tan Jie Rui"><br><sub><b>Jeremy Tan Jie Rui</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=Parcly-Taxel" title="Code">💻</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://github.com/anubh-v"><img src="https://avatars.githubusercontent.com/u/35621759?v=4?s=100" width="100px;" alt="Anubhav"><br><sub><b>Anubhav</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=anubh-v" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/bchenghi"><img src="https://avatars.githubusercontent.com/u/57175876?v=4?s=100" width="100px;" alt="Boh Cheng Hin"><br><sub><b>Boh Cheng Hin</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=bchenghi" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://www.tawatawashi.com/"><img src="https://avatars.githubusercontent.com/u/7100187?v=4?s=100" width="100px;" alt="Hiroki Nishino"><br><sub><b>Hiroki Nishino</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=tawAsh1" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/ong6"><img src="https://avatars.githubusercontent.com/u/19247856?v=4?s=100" width="100px;" alt="Junx"><br><sub><b>Junx</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=ong6" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=ong6" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://jyl123.github.io/"><img src="https://avatars.githubusercontent.com/u/24690889?v=4?s=100" width="100px;" alt="Li JiaYao"><br><sub><b>Li JiaYao</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=JYL123" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://morninglit.github.io/Portfolio2/"><img src="https://avatars.githubusercontent.com/u/57279935?v=4?s=100" width="100px;" alt="Ambrose Liew"><br><sub><b>Ambrose Liew</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=MorningLit" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/pr4aveen"><img src="https://avatars.githubusercontent.com/u/2839596?v=4?s=100" width="100px;" alt="Praveen"><br><sub><b>Praveen</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=pr4aveen" title="Code">💻</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://github.com/riyadh-h"><img src="https://avatars.githubusercontent.com/u/69278589?v=4?s=100" width="100px;" alt="Riyadh H. Alzahrani"><br><sub><b>Riyadh H. Alzahrani</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=riyadh-h" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/samuelfangjw"><img src="https://avatars.githubusercontent.com/u/60355570?v=4?s=100" width="100px;" alt="Samuel Fang"><br><sub><b>Samuel Fang</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=samuelfangjw" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/thomastanck"><img src="https://avatars.githubusercontent.com/u/829070?v=4?s=100" width="100px;" alt="Thomas Tan"><br><sub><b>Thomas Tan</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=thomastanck" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/vig42"><img src="https://avatars.githubusercontent.com/u/42461145?v=4?s=100" width="100px;" alt="Vighnesh Iyer"><br><sub><b>Vighnesh Iyer</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=vig42" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://resumednh.netlify.app/"><img src="https://avatars.githubusercontent.com/u/53283766?v=4?s=100" width="100px;" alt="dao ngoc hieu"><br><sub><b>dao ngoc hieu</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=daongochieu2810" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://bandism.net/"><img src="https://avatars.githubusercontent.com/u/22633385?v=4?s=100" width="100px;" alt="Ikko Ashimine"><br><sub><b>Ikko Ashimine</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=eltociear" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="http://www.jovyntan.com"><img src="https://avatars.githubusercontent.com/u/61113575?v=4?s=100" width="100px;" alt="Jovyn Tan"><br><sub><b>Jovyn Tan</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=jovyntls" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=jovyntls" title="Documentation">📖</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://github.com/kaixin-hc"><img src="https://avatars.githubusercontent.com/u/59471320?v=4?s=100" width="100px;" alt="Hannah"><br><sub><b>Hannah</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=kaixin-hc" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=kaixin-hc" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/NaincyKumariKnoldus"><img src="https://avatars.githubusercontent.com/u/87004609?v=4?s=100" width="100px;" alt="NaincyKumariKnoldus"><br><sub><b>NaincyKumariKnoldus</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=NaincyKumariKnoldus" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/elroygohjy"><img src="https://avatars.githubusercontent.com/u/77185324?v=4?s=100" width="100px;" alt="Elroy Goh"><br><sub><b>Elroy Goh</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=elroygohjy" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/EltonGohJH"><img src="https://avatars.githubusercontent.com/u/75515229?v=4?s=100" width="100px;" alt="Elton Goh"><br><sub><b>Elton Goh</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=EltonGohJH" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/benluiwj"><img src="https://avatars.githubusercontent.com/u/67570985?v=4?s=100" width="100px;" alt="benluiwj"><br><sub><b>benluiwj</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=benluiwj" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=benluiwj" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/weiquu"><img src="https://avatars.githubusercontent.com/u/48304907?v=4?s=100" width="100px;" alt="weiquu"><br><sub><b>weiquu</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=weiquu" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=weiquu" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/eeliana"><img src="https://avatars.githubusercontent.com/u/62977276?v=4?s=100" width="100px;" alt="eeliana"><br><sub><b>eeliana</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=eeliana" title="Documentation">📖</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/dominiclimkj/"><img src="https://avatars.githubusercontent.com/u/46486515?v=4?s=100" width="100px;" alt="Dominic Lim"><br><sub><b>Dominic Lim</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=domlimm" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=domlimm" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/petermonky"><img src="https://avatars.githubusercontent.com/u/39848410?v=4?s=100" width="100px;" alt="peter"><br><sub><b>peter</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=petermonky" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/calvintanwj"><img src="https://avatars.githubusercontent.com/u/61271749?v=4?s=100" width="100px;" alt="Calvin Tan"><br><sub><b>Calvin Tan</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=calvintanwj" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/itsyme"><img src="https://avatars.githubusercontent.com/u/71922282?v=4?s=100" width="100px;" alt="david"><br><sub><b>david</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=itsyme" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=itsyme" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/david-limantara/"><img src="https://avatars.githubusercontent.com/u/67327422?v=4?s=100" width="100px;" alt="David"><br><sub><b>David</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=xSaints19x" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/charandeepsinghb"><img src="https://avatars.githubusercontent.com/u/110289710?v=4?s=100" width="100px;" alt="charandeepsinghb"><br><sub><b>charandeepsinghb</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=charandeepsinghb" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=charandeepsinghb" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/c00kie123"><img src="https://avatars.githubusercontent.com/u/112937454?v=4?s=100" width="100px;" alt="Jia Yu"><br><sub><b>Jia Yu</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=c00kie123" title="Documentation">📖</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://github.com/lhw-1"><img src="https://avatars.githubusercontent.com/u/25716529?v=4?s=100" width="100px;" alt="Lee Hyung Woon / 이형운"><br><sub><b>Lee Hyung Woon / 이형운</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=lhw-1" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/yucheng11122017"><img src="https://avatars.githubusercontent.com/u/77204346?v=4?s=100" width="100px;" alt="Chan Yu Cheng"><br><sub><b>Chan Yu Cheng</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=yucheng11122017" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Yvad60"><img src="https://avatars.githubusercontent.com/u/54445417?v=4?s=100" width="100px;" alt="Ivad Yves HABIMANA"><br><sub><b>Ivad Yves HABIMANA</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=Yvad60" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/bibhu107"><img src="https://avatars.githubusercontent.com/u/23478853?v=4?s=100" width="100px;" alt="Bibhu"><br><sub><b>Bibhu</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=bibhu107" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/WillCWX"><img src="https://avatars.githubusercontent.com/u/55905659?v=4?s=100" width="100px;" alt="WillCWX"><br><sub><b>WillCWX</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=WillCWX" title="Documentation">📖</a> <a href="https://github.com/MarkBind/markbind/commits?author=WillCWX" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="http://esswhyy.github.io"><img src="https://avatars.githubusercontent.com/u/39799639?v=4?s=100" width="100px;" alt="Sven Tang"><br><sub><b>Sven Tang</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=EssWhyy" title="Documentation">📖</a> <a href="https://github.com/MarkBind/markbind/commits?author=EssWhyy" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="http://www.lesterong.com"><img src="https://avatars.githubusercontent.com/u/84223259?v=4?s=100" width="100px;" alt="lesterong"><br><sub><b>lesterong</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=lesterong" title="Code">💻</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://github.com/SPWwj"><img src="https://avatars.githubusercontent.com/u/30100720?v=4?s=100" width="100px;" alt="SPWwj"><br><sub><b>SPWwj</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=SPWwj" title="Documentation">📖</a> <a href="https://github.com/MarkBind/markbind/commits?author=SPWwj" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://jmestxr.github.io/my-portfolio/"><img src="https://avatars.githubusercontent.com/u/87931905?v=4?s=100" width="100px;" alt="James"><br><sub><b>James</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=jmestxr" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=jmestxr" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/zlimez"><img src="https://avatars.githubusercontent.com/u/39835365?v=4?s=100" width="100px;" alt="Nisemono"><br><sub><b>Nisemono</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=zlimez" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/jingting1412"><img src="https://avatars.githubusercontent.com/u/105090139?v=4?s=100" width="100px;" alt="jingting1412"><br><sub><b>jingting1412</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=jingting1412" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="http://tim-siu.github.io">&quot; Xu&quot;&gt;<br><sub><b>Shuyao &quot;Tim&quot; Xu</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=Tim-Siu" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/KevinEyo1"><img src="https://avatars.githubusercontent.com/u/105847348?v=4?s=100" width="100px;" alt="Kevin Eyo"><br><sub><b>Kevin Eyo</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=KevinEyo1" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/luminousleek"><img src="https://avatars.githubusercontent.com/u/68138671?v=4?s=100" width="100px;" alt="Lee Xiong Jie, Isaac"><br><sub><b>Lee Xiong Jie, Isaac</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=luminousleek" title="Code">💻</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://github.com/LamJiuFong"><img src="https://avatars.githubusercontent.com/u/122192553?v=4?s=100" width="100px;" alt="Lam Jiu Fong"><br><sub><b>Lam Jiu Fong</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=LamJiuFong" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/yiwen101"><img src="https://avatars.githubusercontent.com/u/121547057?v=4?s=100" width="100px;" alt="Wang Yiwen"><br><sub><b>Wang Yiwen</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=yiwen101" title="Documentation">📖</a> <a href="https://github.com/MarkBind/markbind/commits?author=yiwen101" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Ashleeey1224"><img src="https://avatars.githubusercontent.com/u/105656080?v=4?s=100" width="100px;" alt="Ashleeey1224"><br><sub><b>Ashleeey1224</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=Ashleeey1224" title="Code">💻</a></td></tr></tbody></table></div> <hr> <p><strong><span class="dimmed">Past Members:</span></strong></p> <ul><li><a href="https://github.com/acjh"><strong>Aaron Chong Jun Hao</strong></a>: <em>Project Mentor</em> for Jul 2018 - Dec 2020, <em>Team Lead</em> for Aug 2017 - Jun 2018</li> <li><a href="https://www.github.com/madanalogy"><strong>Ahmed Bahajjaj</strong></a>: <em>Contributor</em> for Jan-April 2020</li> <li><a href="https://github.com/Chng-Zhi-Xuan"><strong>Chng Zhi Xuan</strong></a>: <em>Member</em> for May 2018 - Jul 2019</li> <li><a href="https://github.com/nicholaschuayunzhi"><strong>Chua Yun Zhi Nicholas</strong></a>: <em>Member</em> for Jan 2018 - May 2019</li> <li><a href="https://github.com/danielbrzn"><strong>Daniel Berzin Chua Yuan Siang</strong></a>: <em>Member</em> for Jan 2018 - Aug 2018</li> <li><a href="https://www.github.com/dvrylc"><strong>Daryl Chan</strong></a>: <em>Contributor</em> for Jan-April 2020</li> <li><a href="https://www.github.com/openorclose"><strong>Daryl Tan</strong></a>: <em>Member</em> for May 2019 - May 2020</li> <li><a href="https://github.com/jamos-tay"><strong>Jamos Tay</strong></a>: <em>Member</em> for Aug 2018 - Apr 2019</li> <li><a href="https://www.github.com/Parcly-Taxel"><strong>Jeremy Tan Jie Rui</strong></a>: <em>Contributor</em> for Jan-April 2020</li> <li><a href="https://github.com/nusjzx"><strong>Jia Zhixin</strong></a>: <em>Member</em> for May 2018 - Aug 2018</li> <li><a href="https://github.com/Gisonrg"><strong>Jiang Sheng</strong></a>: <em>Founding Member</em> and <em>Team Lead</em> for Aug 2016 - Jul 2017</li> <li><a href="https://www.github.com/hcwong"><strong>Joshua Wong</strong></a>: <em>Contributor</em> for Jan-April 2020</li> <li><a href="https://www.github.com/kimberlyohq"><strong>Kimberly Ong Ong Hui Qin</strong></a>: <em>Contributor</em> for Jun-Jul 2021</li> <li><a href="https://www.github.com/nbriannl"><strong>Labayna Neil Brian Narido</strong></a>: <em>Member</em> for Jan - Apr 2020</li> <li><a href="https://www.github.com/marvinchin"><strong>Marvin Chin Kun Song</strong></a>: <em>Project Lead</em> for Jan - Aug 2020, <em>Member</em> for Jan 2019 - Aug 2019</li> <li><a href="https://www.github.com/sijie123"><strong>Lin Si Jie</strong></a>: <em>Member</em> for Jan - Aug 2019</li> <li><a href="https://github.com/luyangkenneth"><strong>Lu Yang Kenneth</strong></a>: <em>Member</em> for Jan - Aug 2019</li> <li><a href="https://www.github.com/amad-person"><strong>Maddi Aadyaa</strong></a>: <em>Member</em> for Jan - Aug 2019</li> <li><a href="https://www.github.com/crphang"><strong>Phang Chun Rong</strong></a>: <em>Member</em> for Aug 2019 - Jun 2020</li> <li><a href="https://github.com/rachx"><strong>Rachael Sim Hwee Ling</strong></a>: <em>Member</em> for Jan - Dec 2018</li> <li><a href="https://www.github.com/Xenonym"><strong>Tan Zhen Yong</strong></a>: <em>Member</em> for Jan - Aug 2019</li> <li><a href="https://github.com/yamgent"><strong>Tan Wang Leng</strong></a>: <em>Team Lead</em> for Jul 2018 - Apr 2019, <em>Member</em> for May 2018 - Jun 2018</li> <li><a href="https://www.github.com/Tejas2805"><strong>Tejas Bhuwania</strong></a>: <em>Contributor</em> for Jan - April 2020</li> <li><a href="https://www.github.com/le0tan"><strong>Tan Yuanhong</strong></a>: <em>Member</em>: Jan 2020 - Apr 2021</li> <li><a href="https://www.github.com/yash-chowdhary"><strong>Yash Chowdhary</strong></a>: <em>Member</em> Jan - Apr 2020</li> <li><a href="https://www.github.com/alyip98"><strong>Yip Seng Yeun</strong></a>: <em>Member</em> May 2019 - Apr 2020</li></ul></div> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-cea1a814></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-7c0fd418><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper"><h1 id="about-us" class="display-3"><span><strong>About Us</strong></span><a href="#about-us" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p><span class="lead">MarkBind is a project <strong>based in <a href="http://www.comp.nus.edu.sg/">National University of Singapore, School of Computing</a></strong>, and is funded by an education grant from <a href="https://nus.edu.sg/cdtl">NUS Center for Development of Teaching and Learning</a>.</span></p> <p><span aria-hidden="true" class="glyphicon glyphicon-send"></span> You can <strong>email us</strong> at <code class="hljs inline no-lang">markbind</code> at <code class="hljs inline no-lang">comp.nus.edu.sg</code></p> <p><span aria-hidden="true" class="glyphicon glyphicon-console"></span> Interested in <strong>contributing to MarkBind</strong>? Visit the <a href="https://github.com/MarkBind/markbind">MarkBind project on GitHub</a>.</p> <h2 id="contributors">Contributors ✨<a href="#contributors" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p><strong>Mentors</strong>:</p> <ul><li><a href="https://www.comp.nus.edu.sg/~damithch/"><strong>Damith C. Rajapakse</strong></a>: <em>Project Mentor</em> since Aug 2016</li> <li><a href="https://www.github.com/ang-zeyu"><strong>Ang Ze Yu</strong></a>: <em>Project Mentor</em> since Jun 2022, <em>Team Lead</em> for Sep 2020 - May 2022</li></ul> <p><strong>Dev Team</strong>:</p> <ul><li><a href="https://www.github.com/jonahtanjz"><strong>Jonah Tan Jun Zi</strong></a>: <strong><em>Team Lead</em></strong> since Jun 2022, <em>Member</em> for Jan 2021 - May 2022</li> <li><a href="https://www.github.com/ryoarmanda"><strong>Ryo Chandra Putra Aramanda</strong></a>: <strong><em>Team Lead</em></strong> since Jun 2022, <em>Member</em> for Aug 2020 - May 2022</li> <li><a href="https://www.github.com/raysonkoh"><strong>Koh Rayson</strong></a>: <em>Senior Dev</em> since Apr 2021, <em>Member</em> since Jan 2021</li> <li><a href="https://www.github.com/wxwxwxwx9"><strong>Ong Wei Xiang</strong></a>: <em>Senior Dev</em> since Apr 2021, <em>Member</em> since Aug 2020</li> <li><a href="https://www.github.com/kaixin-hc"><strong>Hannah Chia Kai Xin</strong></a>: <em>Senior Dev</em> since Apr 2022, <em>Member</em> since Jan 2022</li> <li><a href="https://www.github.com/jovyntls"><strong>Jovyn Tan Li Shyan</strong></a>: <em>Senior Dev</em> since Apr 2022, <em>Member</em> since Jan 2022</li> <li><a href="https://www.github.com/tlylt"><strong>Liu Yongliang</strong></a>: <em>Senior Dev</em> since Apr 2022, <em>Member</em> since Aug 2021</li> <li><a href="https://www.github.com/ong6"><strong>Ong Jun Xiong</strong></a>: <em>Senior Dev</em> since Apr 2022, <em>Member</em> since Aug 2021</li></ul> <p>Thanks goes to these wonderful people (<a href="https://allcontributors.org/docs/en/emoji-key">emoji key</a>):</p> <div class="table-responsive"><table><tbody><tr><td align="center" valign="top" width="14.28%"><a href="https://www.yamgent.com/"><img src="https://avatars.githubusercontent.com/u/3168908?v=4?s=100" width="100px;" alt="Tan Wang Leng"><br><sub><b>Tan Wang Leng</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=yamgent" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/ang-zeyu"><img src="https://avatars.githubusercontent.com/u/3306138?v=4?s=100" width="100px;" alt="Ang Ze Yu"><br><sub><b>Ang Ze Yu</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=ang-zeyu" title="Code">💻</a> <a href="#projectManagement-ang-zeyu" title="Project Management">📆</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Gisonrg"><img src="https://avatars.githubusercontent.com/u/4332224?v=4?s=100" width="100px;" alt="Jason Jiang"><br><sub><b>Jason Jiang</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=Gisonrg" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Chng-Zhi-Xuan"><img src="https://avatars.githubusercontent.com/u/31084833?v=4?s=100" width="100px;" alt="Chng Zhi Xuan"><br><sub><b>Chng Zhi Xuan</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=Chng-Zhi-Xuan" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://linkedin.com/in/aaronlah/"><img src="https://avatars.githubusercontent.com/u/14091939?v=4?s=100" width="100px;" alt="Aaron Chong"><br><sub><b>Aaron Chong</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=acjh" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/jamos-tay"><img src="https://avatars.githubusercontent.com/u/19278089?v=4?s=100" width="100px;" alt="Jamos Tay"><br><sub><b>Jamos Tay</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=jamos-tay" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://nicholaschuayunzhi.github.io/"><img src="https://avatars.githubusercontent.com/u/22221132?v=4?s=100" width="100px;" alt="Nicholas Chua"><br><sub><b>Nicholas Chua</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=nicholaschuayunzhi" title="Code">💻</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://www.beyondthesprawl.com/"><img src="https://avatars.githubusercontent.com/u/1782590?v=4?s=100" width="100px;" alt="Tan Zhen Yong"><br><sub><b>Tan Zhen Yong</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=Xenonym" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/rachx"><img src="https://avatars.githubusercontent.com/u/16644412?v=4?s=100" width="100px;" alt="Rachael Sim"><br><sub><b>Rachael Sim</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=rachx" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/wxwxwxwx9"><img src="https://avatars.githubusercontent.com/u/37920115?v=4?s=100" width="100px;" alt="Ong Wei Xiang"><br><sub><b>Ong Wei Xiang</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=wxwxwxwx9" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/danielbrzn"><img src="https://avatars.githubusercontent.com/u/251231?v=4?s=100" width="100px;" alt="Daniel Berzin Chua"><br><sub><b>Daniel Berzin Chua</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=danielbrzn" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/openorclose"><img src="https://avatars.githubusercontent.com/u/3646725?v=4?s=100" width="100px;" alt="Daryl Tan"><br><sub><b>Daryl Tan</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=openorclose" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="http://www.comp.nus.edu.sg/~damithch"><img src="https://avatars.githubusercontent.com/u/1673303?v=4?s=100" width="100px;" alt="Damith C. Rajapakse"><br><sub><b>Damith C. Rajapakse</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=damithc" title="Code">💻</a> <a href="#mentoring-damithc" title="Mentoring">🧑‍🏫</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/jonahtanjz"><img src="https://avatars.githubusercontent.com/u/47470981?v=4?s=100" width="100px;" alt="Jonah Tan"><br><sub><b>Jonah Tan</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=jonahtanjz" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/pulls?q=is%3Apr+reviewed-by%3Ajonahtanjz" title="Reviewed Pull Requests">👀</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://github.com/nusjzx"><img src="https://avatars.githubusercontent.com/u/24241939?v=4?s=100" width="100px;" alt="nusjzx"><br><sub><b>nusjzx</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=nusjzx" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/alyip98"><img src="https://avatars.githubusercontent.com/u/2277141?v=4?s=100" width="100px;" alt="Alfred Yip"><br><sub><b>Alfred Yip</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=alyip98" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/ryoarmanda"><img src="https://avatars.githubusercontent.com/u/24468110?v=4?s=100" width="100px;" alt="Ryo Armanda"><br><sub><b>Ryo Armanda</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=ryoarmanda" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/pulls?q=is%3Apr+reviewed-by%3Aryoarmanda" title="Reviewed Pull Requests">👀</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/le0tan"><img src="https://avatars.githubusercontent.com/u/28982486?v=4?s=100" width="100px;" alt="Tan Yuanhong"><br><sub><b>Tan Yuanhong</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=le0tan" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://sijie123.com/"><img src="https://avatars.githubusercontent.com/u/631938?v=4?s=100" width="100px;" alt="Si Jie"><br><sub><b>Si Jie</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=sijie123" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/yash-chowdhary"><img src="https://avatars.githubusercontent.com/u/21968718?v=4?s=100" width="100px;" alt="Yash Chowdhary"><br><sub><b>Yash Chowdhary</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=yash-chowdhary" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/luyangkenneth/"><img src="https://avatars.githubusercontent.com/u/9073504?v=4?s=100" width="100px;" alt="Kenneth Lu"><br><sub><b>Kenneth Lu</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=luyangkenneth" title="Code">💻</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://raysonkoh.com/"><img src="https://avatars.githubusercontent.com/u/16506539?v=4?s=100" width="100px;" alt="Rayson Koh"><br><sub><b>Rayson Koh</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=raysonkoh" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/crphang"><img src="https://avatars.githubusercontent.com/u/4986717?v=4?s=100" width="100px;" alt="Phang Chun Rong"><br><sub><b>Phang Chun Rong</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=crphang" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/nbriannl"><img src="https://avatars.githubusercontent.com/u/27397021?v=4?s=100" width="100px;" alt="nbriannl"><br><sub><b>nbriannl</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=nbriannl" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Tejas2805"><img src="https://avatars.githubusercontent.com/u/35946746?v=4?s=100" width="100px;" alt="Tejas Bhuwania"><br><sub><b>Tejas Bhuwania</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=Tejas2805" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/marvinchin"><img src="https://avatars.githubusercontent.com/u/17447681?v=4?s=100" width="100px;" alt="Marvin Chin"><br><sub><b>Marvin Chin</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=marvinchin" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/amad-person"><img src="https://avatars.githubusercontent.com/u/22164211?v=4?s=100" width="100px;" alt="Aadyaa Maddi"><br><sub><b>Aadyaa Maddi</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=amad-person" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://kendrickang.github.io/me/"><img src="https://avatars.githubusercontent.com/u/38814428?v=4?s=100" width="100px;" alt="Kendrick Ang"><br><sub><b>Kendrick Ang</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=KendrickAng" title="Code">💻</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://github.com/dvrylc"><img src="https://avatars.githubusercontent.com/u/6095637?v=4?s=100" width="100px;" alt="Daryl Chan"><br><sub><b>Daryl Chan</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=dvrylc" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://tlylt.github.io/"><img src="https://avatars.githubusercontent.com/u/41845017?v=4?s=100" width="100px;" alt="Liu YongLiang"><br><sub><b>Liu YongLiang</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=tlylt" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=tlylt" title="Documentation">📖</a> <a href="https://github.com/MarkBind/markbind/pulls?q=is%3Apr+reviewed-by%3Atlylt" title="Reviewed Pull Requests">👀</a></td> <td align="center" valign="top" width="14.28%"><a href="https://madanalogy.dev/"><img src="https://avatars.githubusercontent.com/u/42177597?v=4?s=100" width="100px;" alt="Ahmed Bahajjaj"><br><sub><b>Ahmed Bahajjaj</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=madanalogy" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://www.zhongjun.me/"><img src="https://avatars.githubusercontent.com/u/27919917?v=4?s=100" width="100px;" alt="Hsu Zhong Jun"><br><sub><b>Hsu Zhong Jun</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=dcshzj" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/kimberlyohq"><img src="https://avatars.githubusercontent.com/u/60393696?v=4?s=100" width="100px;" alt="Kimberly"><br><sub><b>Kimberly</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=kimberlyohq" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/hcwong"><img src="https://avatars.githubusercontent.com/u/28432397?v=4?s=100" width="100px;" alt="Joshua Wong"><br><sub><b>Joshua Wong</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=hcwong" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://weasyl.com/~parclytaxel"><img src="https://avatars.githubusercontent.com/u/54175463?v=4?s=100" width="100px;" alt="Jeremy Tan Jie Rui"><br><sub><b>Jeremy Tan Jie Rui</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=Parcly-Taxel" title="Code">💻</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://github.com/anubh-v"><img src="https://avatars.githubusercontent.com/u/35621759?v=4?s=100" width="100px;" alt="Anubhav"><br><sub><b>Anubhav</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=anubh-v" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/bchenghi"><img src="https://avatars.githubusercontent.com/u/57175876?v=4?s=100" width="100px;" alt="Boh Cheng Hin"><br><sub><b>Boh Cheng Hin</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=bchenghi" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://www.tawatawashi.com/"><img src="https://avatars.githubusercontent.com/u/7100187?v=4?s=100" width="100px;" alt="Hiroki Nishino"><br><sub><b>Hiroki Nishino</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=tawAsh1" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/ong6"><img src="https://avatars.githubusercontent.com/u/19247856?v=4?s=100" width="100px;" alt="Junx"><br><sub><b>Junx</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=ong6" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=ong6" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://jyl123.github.io/"><img src="https://avatars.githubusercontent.com/u/24690889?v=4?s=100" width="100px;" alt="Li JiaYao"><br><sub><b>Li JiaYao</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=JYL123" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://morninglit.github.io/Portfolio2/"><img src="https://avatars.githubusercontent.com/u/57279935?v=4?s=100" width="100px;" alt="Ambrose Liew"><br><sub><b>Ambrose Liew</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=MorningLit" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/pr4aveen"><img src="https://avatars.githubusercontent.com/u/2839596?v=4?s=100" width="100px;" alt="Praveen"><br><sub><b>Praveen</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=pr4aveen" title="Code">💻</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://github.com/riyadh-h"><img src="https://avatars.githubusercontent.com/u/69278589?v=4?s=100" width="100px;" alt="Riyadh H. Alzahrani"><br><sub><b>Riyadh H. Alzahrani</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=riyadh-h" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/samuelfangjw"><img src="https://avatars.githubusercontent.com/u/60355570?v=4?s=100" width="100px;" alt="Samuel Fang"><br><sub><b>Samuel Fang</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=samuelfangjw" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/thomastanck"><img src="https://avatars.githubusercontent.com/u/829070?v=4?s=100" width="100px;" alt="Thomas Tan"><br><sub><b>Thomas Tan</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=thomastanck" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/vig42"><img src="https://avatars.githubusercontent.com/u/42461145?v=4?s=100" width="100px;" alt="Vighnesh Iyer"><br><sub><b>Vighnesh Iyer</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=vig42" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://resumednh.netlify.app/"><img src="https://avatars.githubusercontent.com/u/53283766?v=4?s=100" width="100px;" alt="dao ngoc hieu"><br><sub><b>dao ngoc hieu</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=daongochieu2810" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://bandism.net/"><img src="https://avatars.githubusercontent.com/u/22633385?v=4?s=100" width="100px;" alt="Ikko Ashimine"><br><sub><b>Ikko Ashimine</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=eltociear" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="http://www.jovyntan.com"><img src="https://avatars.githubusercontent.com/u/61113575?v=4?s=100" width="100px;" alt="Jovyn Tan"><br><sub><b>Jovyn Tan</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=jovyntls" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=jovyntls" title="Documentation">📖</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://github.com/kaixin-hc"><img src="https://avatars.githubusercontent.com/u/59471320?v=4?s=100" width="100px;" alt="Hannah"><br><sub><b>Hannah</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=kaixin-hc" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=kaixin-hc" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/NaincyKumariKnoldus"><img src="https://avatars.githubusercontent.com/u/87004609?v=4?s=100" width="100px;" alt="NaincyKumariKnoldus"><br><sub><b>NaincyKumariKnoldus</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=NaincyKumariKnoldus" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/elroygohjy"><img src="https://avatars.githubusercontent.com/u/77185324?v=4?s=100" width="100px;" alt="Elroy Goh"><br><sub><b>Elroy Goh</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=elroygohjy" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/EltonGohJH"><img src="https://avatars.githubusercontent.com/u/75515229?v=4?s=100" width="100px;" alt="Elton Goh"><br><sub><b>Elton Goh</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=EltonGohJH" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/benluiwj"><img src="https://avatars.githubusercontent.com/u/67570985?v=4?s=100" width="100px;" alt="benluiwj"><br><sub><b>benluiwj</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=benluiwj" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=benluiwj" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/weiquu"><img src="https://avatars.githubusercontent.com/u/48304907?v=4?s=100" width="100px;" alt="weiquu"><br><sub><b>weiquu</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=weiquu" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=weiquu" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/eeliana"><img src="https://avatars.githubusercontent.com/u/62977276?v=4?s=100" width="100px;" alt="eeliana"><br><sub><b>eeliana</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=eeliana" title="Documentation">📖</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/dominiclimkj/"><img src="https://avatars.githubusercontent.com/u/46486515?v=4?s=100" width="100px;" alt="Dominic Lim"><br><sub><b>Dominic Lim</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=domlimm" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=domlimm" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/petermonky"><img src="https://avatars.githubusercontent.com/u/39848410?v=4?s=100" width="100px;" alt="peter"><br><sub><b>peter</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=petermonky" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/calvintanwj"><img src="https://avatars.githubusercontent.com/u/61271749?v=4?s=100" width="100px;" alt="Calvin Tan"><br><sub><b>Calvin Tan</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=calvintanwj" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/itsyme"><img src="https://avatars.githubusercontent.com/u/71922282?v=4?s=100" width="100px;" alt="david"><br><sub><b>david</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=itsyme" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=itsyme" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/david-limantara/"><img src="https://avatars.githubusercontent.com/u/67327422?v=4?s=100" width="100px;" alt="David"><br><sub><b>David</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=xSaints19x" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/charandeepsinghb"><img src="https://avatars.githubusercontent.com/u/110289710?v=4?s=100" width="100px;" alt="charandeepsinghb"><br><sub><b>charandeepsinghb</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=charandeepsinghb" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=charandeepsinghb" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/c00kie123"><img src="https://avatars.githubusercontent.com/u/112937454?v=4?s=100" width="100px;" alt="Jia Yu"><br><sub><b>Jia Yu</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=c00kie123" title="Documentation">📖</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://github.com/lhw-1"><img src="https://avatars.githubusercontent.com/u/25716529?v=4?s=100" width="100px;" alt="Lee Hyung Woon / 이형운"><br><sub><b>Lee Hyung Woon / 이형운</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=lhw-1" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/yucheng11122017"><img src="https://avatars.githubusercontent.com/u/77204346?v=4?s=100" width="100px;" alt="Chan Yu Cheng"><br><sub><b>Chan Yu Cheng</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=yucheng11122017" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Yvad60"><img src="https://avatars.githubusercontent.com/u/54445417?v=4?s=100" width="100px;" alt="Ivad Yves HABIMANA"><br><sub><b>Ivad Yves HABIMANA</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=Yvad60" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/bibhu107"><img src="https://avatars.githubusercontent.com/u/23478853?v=4?s=100" width="100px;" alt="Bibhu"><br><sub><b>Bibhu</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=bibhu107" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/WillCWX"><img src="https://avatars.githubusercontent.com/u/55905659?v=4?s=100" width="100px;" alt="WillCWX"><br><sub><b>WillCWX</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=WillCWX" title="Documentation">📖</a> <a href="https://github.com/MarkBind/markbind/commits?author=WillCWX" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="http://esswhyy.github.io"><img src="https://avatars.githubusercontent.com/u/39799639?v=4?s=100" width="100px;" alt="Sven Tang"><br><sub><b>Sven Tang</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=EssWhyy" title="Documentation">📖</a> <a href="https://github.com/MarkBind/markbind/commits?author=EssWhyy" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="http://www.lesterong.com"><img src="https://avatars.githubusercontent.com/u/84223259?v=4?s=100" width="100px;" alt="lesterong"><br><sub><b>lesterong</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=lesterong" title="Code">💻</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://github.com/SPWwj"><img src="https://avatars.githubusercontent.com/u/30100720?v=4?s=100" width="100px;" alt="SPWwj"><br><sub><b>SPWwj</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=SPWwj" title="Documentation">📖</a> <a href="https://github.com/MarkBind/markbind/commits?author=SPWwj" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://jmestxr.github.io/my-portfolio/"><img src="https://avatars.githubusercontent.com/u/87931905?v=4?s=100" width="100px;" alt="James"><br><sub><b>James</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=jmestxr" title="Code">💻</a> <a href="https://github.com/MarkBind/markbind/commits?author=jmestxr" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/zlimez"><img src="https://avatars.githubusercontent.com/u/39835365?v=4?s=100" width="100px;" alt="Nisemono"><br><sub><b>Nisemono</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=zlimez" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/jingting1412"><img src="https://avatars.githubusercontent.com/u/105090139?v=4?s=100" width="100px;" alt="jingting1412"><br><sub><b>jingting1412</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=jingting1412" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="http://tim-siu.github.io">&quot; Xu&quot;&gt;<br><sub><b>Shuyao &quot;Tim&quot; Xu</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=Tim-Siu" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/KevinEyo1"><img src="https://avatars.githubusercontent.com/u/105847348?v=4?s=100" width="100px;" alt="Kevin Eyo"><br><sub><b>Kevin Eyo</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=KevinEyo1" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/luminousleek"><img src="https://avatars.githubusercontent.com/u/68138671?v=4?s=100" width="100px;" alt="Lee Xiong Jie, Isaac"><br><sub><b>Lee Xiong Jie, Isaac</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=luminousleek" title="Code">💻</a></td></tr> <tr><td align="center" valign="top" width="14.28%"><a href="https://github.com/LamJiuFong"><img src="https://avatars.githubusercontent.com/u/122192553?v=4?s=100" width="100px;" alt="Lam Jiu Fong"><br><sub><b>Lam Jiu Fong</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=LamJiuFong" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/yiwen101"><img src="https://avatars.githubusercontent.com/u/121547057?v=4?s=100" width="100px;" alt="Wang Yiwen"><br><sub><b>Wang Yiwen</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=yiwen101" title="Documentation">📖</a> <a href="https://github.com/MarkBind/markbind/commits?author=yiwen101" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Ashleeey1224"><img src="https://avatars.githubusercontent.com/u/105656080?v=4?s=100" width="100px;" alt="Ashleeey1224"><br><sub><b>Ashleeey1224</b></sub></a><br><a href="https://github.com/MarkBind/markbind/commits?author=Ashleeey1224" title="Code">💻</a></td></tr></tbody></table></div> <hr> <p><strong><span class="dimmed">Past Members:</span></strong></p> <ul><li><a href="https://github.com/acjh"><strong>Aaron Chong Jun Hao</strong></a>: <em>Project Mentor</em> for Jul 2018 - Dec 2020, <em>Team Lead</em> for Aug 2017 - Jun 2018</li> <li><a href="https://www.github.com/madanalogy"><strong>Ahmed Bahajjaj</strong></a>: <em>Contributor</em> for Jan-April 2020</li> <li><a href="https://github.com/Chng-Zhi-Xuan"><strong>Chng Zhi Xuan</strong></a>: <em>Member</em> for May 2018 - Jul 2019</li> <li><a href="https://github.com/nicholaschuayunzhi"><strong>Chua Yun Zhi Nicholas</strong></a>: <em>Member</em> for Jan 2018 - May 2019</li> <li><a href="https://github.com/danielbrzn"><strong>Daniel Berzin Chua Yuan Siang</strong></a>: <em>Member</em> for Jan 2018 - Aug 2018</li> <li><a href="https://www.github.com/dvrylc"><strong>Daryl Chan</strong></a>: <em>Contributor</em> for Jan-April 2020</li> <li><a href="https://www.github.com/openorclose"><strong>Daryl Tan</strong></a>: <em>Member</em> for May 2019 - May 2020</li> <li><a href="https://github.com/jamos-tay"><strong>Jamos Tay</strong></a>: <em>Member</em> for Aug 2018 - Apr 2019</li> <li><a href="https://www.github.com/Parcly-Taxel"><strong>Jeremy Tan Jie Rui</strong></a>: <em>Contributor</em> for Jan-April 2020</li> <li><a href="https://github.com/nusjzx"><strong>Jia Zhixin</strong></a>: <em>Member</em> for May 2018 - Aug 2018</li> <li><a href="https://github.com/Gisonrg"><strong>Jiang Sheng</strong></a>: <em>Founding Member</em> and <em>Team Lead</em> for Aug 2016 - Jul 2017</li> <li><a href="https://www.github.com/hcwong"><strong>Joshua Wong</strong></a>: <em>Contributor</em> for Jan-April 2020</li> <li><a href="https://www.github.com/kimberlyohq"><strong>Kimberly Ong Ong Hui Qin</strong></a>: <em>Contributor</em> for Jun-Jul 2021</li> <li><a href="https://www.github.com/nbriannl"><strong>Labayna Neil Brian Narido</strong></a>: <em>Member</em> for Jan - Apr 2020</li> <li><a href="https://www.github.com/marvinchin"><strong>Marvin Chin Kun Song</strong></a>: <em>Project Lead</em> for Jan - Aug 2020, <em>Member</em> for Jan 2019 - Aug 2019</li> <li><a href="https://www.github.com/sijie123"><strong>Lin Si Jie</strong></a>: <em>Member</em> for Jan - Aug 2019</li> <li><a href="https://github.com/luyangkenneth"><strong>Lu Yang Kenneth</strong></a>: <em>Member</em> for Jan - Aug 2019</li> <li><a href="https://www.github.com/amad-person"><strong>Maddi Aadyaa</strong></a>: <em>Member</em> for Jan - Aug 2019</li> <li><a href="https://www.github.com/crphang"><strong>Phang Chun Rong</strong></a>: <em>Member</em> for Aug 2019 - Jun 2020</li> <li><a href="https://github.com/rachx"><strong>Rachael Sim Hwee Ling</strong></a>: <em>Member</em> for Jan - Dec 2018</li> <li><a href="https://www.github.com/Xenonym"><strong>Tan Zhen Yong</strong></a>: <em>Member</em> for Jan - Aug 2019</li> <li><a href="https://github.com/yamgent"><strong>Tan Wang Leng</strong></a>: <em>Team Lead</em> for Jul 2018 - Apr 2019, <em>Member</em> for May 2018 - Jun 2018</li> <li><a href="https://www.github.com/Tejas2805"><strong>Tejas Bhuwania</strong></a>: <em>Contributor</em> for Jan - April 2020</li> <li><a href="https://www.github.com/le0tan"><strong>Tan Yuanhong</strong></a>: <em>Member</em>: Jan 2020 - Apr 2021</li> <li><a href="https://www.github.com/yash-chowdhary"><strong>Yash Chowdhary</strong></a>: <em>Member</em> Jan - Apr 2020</li> <li><a href="https://www.github.com/alyip98"><strong>Yip Seng Yeun</strong></a>: <em>Member</em> May 2019 - Apr 2020</li></ul></div> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/about.page-vue-render.js b/about.page-vue-render.js
index 98b38be0..7ac1d379 100644
--- a/about.page-vue-render.js
+++ b/about.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{staticClass:"display-3",attrs:{"id":"about-us"}},[_c('span',[_c('strong',[_v("About Us")])]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#about-us","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_c('span',{staticClass:"lead"},[_v("MarkBind is a project "),_c('strong',[_v("based in "),_c('a',{attrs:{"href":"http://www.comp.nus.edu.sg/"}},[_v("National University of Singapore, School of Computing")])]),_v(", and is funded by an education grant from "),_c('a',{attrs:{"href":"https://nus.edu.sg/cdtl"}},[_v("NUS Center for Development of Teaching and Learning")]),_v(".")])]),_v(" "),_c('p',[_c('span',{staticClass:"glyphicon glyphicon-send",attrs:{"aria-hidden":"true"}}),_v(" You can "),_c('strong',[_v("email us")]),_v(" at "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("markbind")]),_v(" at "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("comp.nus.edu.sg")])]),_v(" "),_c('p',[_c('span',{staticClass:"glyphicon glyphicon-console",attrs:{"aria-hidden":"true"}}),_v(" Interested in "),_c('strong',[_v("contributing to MarkBind")]),_v("? Visit the "),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind"}},[_v("MarkBind project on GitHub")]),_v(".")]),_v(" "),_c('h2',{attrs:{"id":"contributors"}},[_v("Contributors ✨"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#contributors","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_c('strong',[_v("Mentors")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"https://www.comp.nus.edu.sg/~damithch/"}},[_c('strong',[_v("Damith C. Rajapakse")])]),_v(": "),_c('em',[_v("Project Mentor")]),_v(" since Aug 2016")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/ang-zeyu"}},[_c('strong',[_v("Ang Ze Yu")])]),_v(": "),_c('em',[_v("Project Mentor")]),_v(" since Jun 2022, "),_c('em',[_v("Team Lead")]),_v(" for Sep 2020 - May 2022")])]),_v(" "),_c('p',[_c('strong',[_v("Dev Team")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"https://www.github.com/jonahtanjz"}},[_c('strong',[_v("Jonah Tan Jun Zi")])]),_v(": "),_c('strong',[_c('em',[_v("Team Lead")])]),_v(" since Jun 2022, "),_c('em',[_v("Member")]),_v(" for Jan 2021 - May 2022")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/ryoarmanda"}},[_c('strong',[_v("Ryo Chandra Putra Aramanda")])]),_v(": "),_c('strong',[_c('em',[_v("Team Lead")])]),_v(" since Jun 2022, "),_c('em',[_v("Member")]),_v(" for Aug 2020 - May 2022")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/raysonkoh"}},[_c('strong',[_v("Koh Rayson")])]),_v(": "),_c('em',[_v("Senior Dev")]),_v(" since Apr 2021, "),_c('em',[_v("Member")]),_v(" since Jan 2021")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/wxwxwxwx9"}},[_c('strong',[_v("Ong Wei Xiang")])]),_v(": "),_c('em',[_v("Senior Dev")]),_v(" since Apr 2021, "),_c('em',[_v("Member")]),_v(" since Aug 2020")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/kaixin-hc"}},[_c('strong',[_v("Hannah Chia Kai Xin")])]),_v(": "),_c('em',[_v("Senior Dev")]),_v(" since Apr 2022, "),_c('em',[_v("Member")]),_v(" since Jan 2022")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/jovyntls"}},[_c('strong',[_v("Jovyn Tan Li Shyan")])]),_v(": "),_c('em',[_v("Senior Dev")]),_v(" since Apr 2022, "),_c('em',[_v("Member")]),_v(" since Jan 2022")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/tlylt"}},[_c('strong',[_v("Liu Yongliang")])]),_v(": "),_c('em',[_v("Senior Dev")]),_v(" since Apr 2022, "),_c('em',[_v("Member")]),_v(" since Aug 2021")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/ong6"}},[_c('strong',[_v("Ong Jun Xiong")])]),_v(": "),_c('em',[_v("Senior Dev")]),_v(" since Apr 2022, "),_c('em',[_v("Member")]),_v(" since Aug 2021")])]),_v(" "),_c('p',[_v("Thanks goes to these wonderful people ("),_c('a',{attrs:{"href":"https://allcontributors.org/docs/en/emoji-key"}},[_v("emoji key")]),_v("):")]),_v(" "),_c('div',{staticClass:"table-responsive"},[_c('table',[_c('tbody',[_c('tr',[_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://www.yamgent.com/"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/3168908?v=4?s=100","width":"100px;","alt":"Tan Wang Leng"}}),_c('br'),_c('sub',[_c('b',[_v("Tan Wang Leng")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=yamgent","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/ang-zeyu"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/3306138?v=4?s=100","width":"100px;","alt":"Ang Ze Yu"}}),_c('br'),_c('sub',[_c('b',[_v("Ang Ze Yu")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=ang-zeyu","title":"Code"}},[_v("💻")]),_v(" "),_c('a',{attrs:{"href":"#projectManagement-ang-zeyu","title":"Project Management"}},[_v("📆")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/Gisonrg"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/4332224?v=4?s=100","width":"100px;","alt":"Jason Jiang"}}),_c('br'),_c('sub',[_c('b',[_v("Jason Jiang")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=Gisonrg","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/Chng-Zhi-Xuan"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/31084833?v=4?s=100","width":"100px;","alt":"Chng Zhi Xuan"}}),_c('br'),_c('sub',[_c('b',[_v("Chng Zhi Xuan")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=Chng-Zhi-Xuan","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://linkedin.com/in/aaronlah/"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/14091939?v=4?s=100","width":"100px;","alt":"Aaron Chong"}}),_c('br'),_c('sub',[_c('b',[_v("Aaron Chong")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=acjh","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/jamos-tay"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/19278089?v=4?s=100","width":"100px;","alt":"Jamos Tay"}}),_c('br'),_c('sub',[_c('b',[_v("Jamos Tay")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=jamos-tay","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://nicholaschuayunzhi.github.io/"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/22221132?v=4?s=100","width":"100px;","alt":"Nicholas Chua"}}),_c('br'),_c('sub',[_c('b',[_v("Nicholas Chua")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=nicholaschuayunzhi","title":"Code"}},[_v("💻")])])]),_v(" "),_c('tr',[_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://www.beyondthesprawl.com/"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/1782590?v=4?s=100","width":"100px;","alt":"Tan Zhen Yong"}}),_c('br'),_c('sub',[_c('b',[_v("Tan Zhen Yong")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=Xenonym","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/rachx"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/16644412?v=4?s=100","width":"100px;","alt":"Rachael Sim"}}),_c('br'),_c('sub',[_c('b',[_v("Rachael Sim")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=rachx","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/wxwxwxwx9"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/37920115?v=4?s=100","width":"100px;","alt":"Ong Wei Xiang"}}),_c('br'),_c('sub',[_c('b',[_v("Ong Wei Xiang")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=wxwxwxwx9","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/danielbrzn"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/251231?v=4?s=100","width":"100px;","alt":"Daniel Berzin Chua"}}),_c('br'),_c('sub',[_c('b',[_v("Daniel Berzin Chua")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=danielbrzn","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/openorclose"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/3646725?v=4?s=100","width":"100px;","alt":"Daryl Tan"}}),_c('br'),_c('sub',[_c('b',[_v("Daryl Tan")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=openorclose","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"http://www.comp.nus.edu.sg/~damithch"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/1673303?v=4?s=100","width":"100px;","alt":"Damith C. Rajapakse"}}),_c('br'),_c('sub',[_c('b',[_v("Damith C. Rajapakse")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=damithc","title":"Code"}},[_v("💻")]),_v(" "),_c('a',{attrs:{"href":"#mentoring-damithc","title":"Mentoring"}},[_v("🧑‍🏫")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/jonahtanjz"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/47470981?v=4?s=100","width":"100px;","alt":"Jonah Tan"}}),_c('br'),_c('sub',[_c('b',[_v("Jonah Tan")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=jonahtanjz","title":"Code"}},[_v("💻")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/pulls?q=is%3Apr+reviewed-by%3Ajonahtanjz","title":"Reviewed Pull Requests"}},[_v("👀")])])]),_v(" "),_c('tr',[_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/nusjzx"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/24241939?v=4?s=100","width":"100px;","alt":"nusjzx"}}),_c('br'),_c('sub',[_c('b',[_v("nusjzx")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=nusjzx","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/alyip98"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/2277141?v=4?s=100","width":"100px;","alt":"Alfred Yip"}}),_c('br'),_c('sub',[_c('b',[_v("Alfred Yip")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=alyip98","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/ryoarmanda"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/24468110?v=4?s=100","width":"100px;","alt":"Ryo Armanda"}}),_c('br'),_c('sub',[_c('b',[_v("Ryo Armanda")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=ryoarmanda","title":"Code"}},[_v("💻")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/pulls?q=is%3Apr+reviewed-by%3Aryoarmanda","title":"Reviewed Pull Requests"}},[_v("👀")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/le0tan"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/28982486?v=4?s=100","width":"100px;","alt":"Tan Yuanhong"}}),_c('br'),_c('sub',[_c('b',[_v("Tan Yuanhong")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=le0tan","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://sijie123.com/"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/631938?v=4?s=100","width":"100px;","alt":"Si Jie"}}),_c('br'),_c('sub',[_c('b',[_v("Si Jie")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=sijie123","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/yash-chowdhary"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/21968718?v=4?s=100","width":"100px;","alt":"Yash Chowdhary"}}),_c('br'),_c('sub',[_c('b',[_v("Yash Chowdhary")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=yash-chowdhary","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://www.linkedin.com/in/luyangkenneth/"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/9073504?v=4?s=100","width":"100px;","alt":"Kenneth Lu"}}),_c('br'),_c('sub',[_c('b',[_v("Kenneth Lu")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=luyangkenneth","title":"Code"}},[_v("💻")])])]),_v(" "),_c('tr',[_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://raysonkoh.com/"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/16506539?v=4?s=100","width":"100px;","alt":"Rayson Koh"}}),_c('br'),_c('sub',[_c('b',[_v("Rayson Koh")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=raysonkoh","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/crphang"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/4986717?v=4?s=100","width":"100px;","alt":"Phang Chun Rong"}}),_c('br'),_c('sub',[_c('b',[_v("Phang Chun Rong")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=crphang","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/nbriannl"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/27397021?v=4?s=100","width":"100px;","alt":"nbriannl"}}),_c('br'),_c('sub',[_c('b',[_v("nbriannl")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=nbriannl","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/Tejas2805"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/35946746?v=4?s=100","width":"100px;","alt":"Tejas Bhuwania"}}),_c('br'),_c('sub',[_c('b',[_v("Tejas Bhuwania")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=Tejas2805","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/marvinchin"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/17447681?v=4?s=100","width":"100px;","alt":"Marvin Chin"}}),_c('br'),_c('sub',[_c('b',[_v("Marvin Chin")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=marvinchin","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/amad-person"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/22164211?v=4?s=100","width":"100px;","alt":"Aadyaa Maddi"}}),_c('br'),_c('sub',[_c('b',[_v("Aadyaa Maddi")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=amad-person","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://kendrickang.github.io/me/"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/38814428?v=4?s=100","width":"100px;","alt":"Kendrick Ang"}}),_c('br'),_c('sub',[_c('b',[_v("Kendrick Ang")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=KendrickAng","title":"Code"}},[_v("💻")])])]),_v(" "),_c('tr',[_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/dvrylc"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/6095637?v=4?s=100","width":"100px;","alt":"Daryl Chan"}}),_c('br'),_c('sub',[_c('b',[_v("Daryl Chan")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=dvrylc","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://tlylt.github.io/"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/41845017?v=4?s=100","width":"100px;","alt":"Liu YongLiang"}}),_c('br'),_c('sub',[_c('b',[_v("Liu YongLiang")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=tlylt","title":"Code"}},[_v("💻")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=tlylt","title":"Documentation"}},[_v("📖")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/pulls?q=is%3Apr+reviewed-by%3Atlylt","title":"Reviewed Pull Requests"}},[_v("👀")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://madanalogy.dev/"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/42177597?v=4?s=100","width":"100px;","alt":"Ahmed Bahajjaj"}}),_c('br'),_c('sub',[_c('b',[_v("Ahmed Bahajjaj")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=madanalogy","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://www.zhongjun.me/"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/27919917?v=4?s=100","width":"100px;","alt":"Hsu Zhong Jun"}}),_c('br'),_c('sub',[_c('b',[_v("Hsu Zhong Jun")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=dcshzj","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/kimberlyohq"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/60393696?v=4?s=100","width":"100px;","alt":"Kimberly"}}),_c('br'),_c('sub',[_c('b',[_v("Kimberly")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=kimberlyohq","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/hcwong"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/28432397?v=4?s=100","width":"100px;","alt":"Joshua Wong"}}),_c('br'),_c('sub',[_c('b',[_v("Joshua Wong")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=hcwong","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://weasyl.com/~parclytaxel"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/54175463?v=4?s=100","width":"100px;","alt":"Jeremy Tan Jie Rui"}}),_c('br'),_c('sub',[_c('b',[_v("Jeremy Tan Jie Rui")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=Parcly-Taxel","title":"Code"}},[_v("💻")])])]),_v(" "),_c('tr',[_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/anubh-v"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/35621759?v=4?s=100","width":"100px;","alt":"Anubhav"}}),_c('br'),_c('sub',[_c('b',[_v("Anubhav")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=anubh-v","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/bchenghi"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/57175876?v=4?s=100","width":"100px;","alt":"Boh Cheng Hin"}}),_c('br'),_c('sub',[_c('b',[_v("Boh Cheng Hin")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=bchenghi","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://www.tawatawashi.com/"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/7100187?v=4?s=100","width":"100px;","alt":"Hiroki Nishino"}}),_c('br'),_c('sub',[_c('b',[_v("Hiroki Nishino")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=tawAsh1","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/ong6"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/19247856?v=4?s=100","width":"100px;","alt":"Junx"}}),_c('br'),_c('sub',[_c('b',[_v("Junx")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=ong6","title":"Code"}},[_v("💻")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=ong6","title":"Documentation"}},[_v("📖")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://jyl123.github.io/"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/24690889?v=4?s=100","width":"100px;","alt":"Li JiaYao"}}),_c('br'),_c('sub',[_c('b',[_v("Li JiaYao")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=JYL123","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://morninglit.github.io/Portfolio2/"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/57279935?v=4?s=100","width":"100px;","alt":"Ambrose Liew"}}),_c('br'),_c('sub',[_c('b',[_v("Ambrose Liew")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=MorningLit","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/pr4aveen"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/2839596?v=4?s=100","width":"100px;","alt":"Praveen"}}),_c('br'),_c('sub',[_c('b',[_v("Praveen")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=pr4aveen","title":"Code"}},[_v("💻")])])]),_v(" "),_c('tr',[_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/riyadh-h"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/69278589?v=4?s=100","width":"100px;","alt":"Riyadh H. Alzahrani"}}),_c('br'),_c('sub',[_c('b',[_v("Riyadh H. Alzahrani")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=riyadh-h","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/samuelfangjw"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/60355570?v=4?s=100","width":"100px;","alt":"Samuel Fang"}}),_c('br'),_c('sub',[_c('b',[_v("Samuel Fang")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=samuelfangjw","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/thomastanck"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/829070?v=4?s=100","width":"100px;","alt":"Thomas Tan"}}),_c('br'),_c('sub',[_c('b',[_v("Thomas Tan")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=thomastanck","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/vig42"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/42461145?v=4?s=100","width":"100px;","alt":"Vighnesh Iyer"}}),_c('br'),_c('sub',[_c('b',[_v("Vighnesh Iyer")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=vig42","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://resumednh.netlify.app/"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/53283766?v=4?s=100","width":"100px;","alt":"dao ngoc hieu"}}),_c('br'),_c('sub',[_c('b',[_v("dao ngoc hieu")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=daongochieu2810","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://bandism.net/"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/22633385?v=4?s=100","width":"100px;","alt":"Ikko Ashimine"}}),_c('br'),_c('sub',[_c('b',[_v("Ikko Ashimine")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=eltociear","title":"Documentation"}},[_v("📖")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"http://www.jovyntan.com"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/61113575?v=4?s=100","width":"100px;","alt":"Jovyn Tan"}}),_c('br'),_c('sub',[_c('b',[_v("Jovyn Tan")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=jovyntls","title":"Code"}},[_v("💻")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=jovyntls","title":"Documentation"}},[_v("📖")])])]),_v(" "),_c('tr',[_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/kaixin-hc"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/59471320?v=4?s=100","width":"100px;","alt":"Hannah"}}),_c('br'),_c('sub',[_c('b',[_v("Hannah")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=kaixin-hc","title":"Code"}},[_v("💻")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=kaixin-hc","title":"Documentation"}},[_v("📖")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/NaincyKumariKnoldus"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/87004609?v=4?s=100","width":"100px;","alt":"NaincyKumariKnoldus"}}),_c('br'),_c('sub',[_c('b',[_v("NaincyKumariKnoldus")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=NaincyKumariKnoldus","title":"Documentation"}},[_v("📖")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/elroygohjy"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/77185324?v=4?s=100","width":"100px;","alt":"Elroy Goh"}}),_c('br'),_c('sub',[_c('b',[_v("Elroy Goh")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=elroygohjy","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/EltonGohJH"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/75515229?v=4?s=100","width":"100px;","alt":"Elton Goh"}}),_c('br'),_c('sub',[_c('b',[_v("Elton Goh")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=EltonGohJH","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/benluiwj"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/67570985?v=4?s=100","width":"100px;","alt":"benluiwj"}}),_c('br'),_c('sub',[_c('b',[_v("benluiwj")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=benluiwj","title":"Code"}},[_v("💻")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=benluiwj","title":"Documentation"}},[_v("📖")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/weiquu"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/48304907?v=4?s=100","width":"100px;","alt":"weiquu"}}),_c('br'),_c('sub',[_c('b',[_v("weiquu")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=weiquu","title":"Code"}},[_v("💻")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=weiquu","title":"Documentation"}},[_v("📖")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/eeliana"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/62977276?v=4?s=100","width":"100px;","alt":"eeliana"}}),_c('br'),_c('sub',[_c('b',[_v("eeliana")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=eeliana","title":"Documentation"}},[_v("📖")])])]),_v(" "),_c('tr',[_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://www.linkedin.com/in/dominiclimkj/"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/46486515?v=4?s=100","width":"100px;","alt":"Dominic Lim"}}),_c('br'),_c('sub',[_c('b',[_v("Dominic Lim")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=domlimm","title":"Code"}},[_v("💻")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=domlimm","title":"Documentation"}},[_v("📖")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/petermonky"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/39848410?v=4?s=100","width":"100px;","alt":"peter"}}),_c('br'),_c('sub',[_c('b',[_v("peter")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=petermonky","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/calvintanwj"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/61271749?v=4?s=100","width":"100px;","alt":"Calvin Tan"}}),_c('br'),_c('sub',[_c('b',[_v("Calvin Tan")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=calvintanwj","title":"Documentation"}},[_v("📖")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/itsyme"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/71922282?v=4?s=100","width":"100px;","alt":"david"}}),_c('br'),_c('sub',[_c('b',[_v("david")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=itsyme","title":"Code"}},[_v("💻")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=itsyme","title":"Documentation"}},[_v("📖")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://www.linkedin.com/in/david-limantara/"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/67327422?v=4?s=100","width":"100px;","alt":"David"}}),_c('br'),_c('sub',[_c('b',[_v("David")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=xSaints19x","title":"Documentation"}},[_v("📖")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/charandeepsinghb"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/110289710?v=4?s=100","width":"100px;","alt":"charandeepsinghb"}}),_c('br'),_c('sub',[_c('b',[_v("charandeepsinghb")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=charandeepsinghb","title":"Code"}},[_v("💻")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=charandeepsinghb","title":"Documentation"}},[_v("📖")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/c00kie123"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/112937454?v=4?s=100","width":"100px;","alt":"Jia Yu"}}),_c('br'),_c('sub',[_c('b',[_v("Jia Yu")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=c00kie123","title":"Documentation"}},[_v("📖")])])]),_v(" "),_c('tr',[_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/lhw-1"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/25716529?v=4?s=100","width":"100px;","alt":"Lee Hyung Woon / 이형운"}}),_c('br'),_c('sub',[_c('b',[_v("Lee Hyung Woon / 이형운")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=lhw-1","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/yucheng11122017"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/77204346?v=4?s=100","width":"100px;","alt":"Chan Yu Cheng"}}),_c('br'),_c('sub',[_c('b',[_v("Chan Yu Cheng")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=yucheng11122017","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/Yvad60"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/54445417?v=4?s=100","width":"100px;","alt":"Ivad Yves HABIMANA"}}),_c('br'),_c('sub',[_c('b',[_v("Ivad Yves HABIMANA")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=Yvad60","title":"Documentation"}},[_v("📖")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/bibhu107"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/23478853?v=4?s=100","width":"100px;","alt":"Bibhu"}}),_c('br'),_c('sub',[_c('b',[_v("Bibhu")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=bibhu107","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/WillCWX"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/55905659?v=4?s=100","width":"100px;","alt":"WillCWX"}}),_c('br'),_c('sub',[_c('b',[_v("WillCWX")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=WillCWX","title":"Documentation"}},[_v("📖")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=WillCWX","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"http://esswhyy.github.io"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/39799639?v=4?s=100","width":"100px;","alt":"Sven Tang"}}),_c('br'),_c('sub',[_c('b',[_v("Sven Tang")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=EssWhyy","title":"Documentation"}},[_v("📖")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=EssWhyy","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"http://www.lesterong.com"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/84223259?v=4?s=100","width":"100px;","alt":"lesterong"}}),_c('br'),_c('sub',[_c('b',[_v("lesterong")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=lesterong","title":"Code"}},[_v("💻")])])]),_v(" "),_c('tr',[_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/SPWwj"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/30100720?v=4?s=100","width":"100px;","alt":"SPWwj"}}),_c('br'),_c('sub',[_c('b',[_v("SPWwj")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=SPWwj","title":"Documentation"}},[_v("📖")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=SPWwj","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://jmestxr.github.io/my-portfolio/"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/87931905?v=4?s=100","width":"100px;","alt":"James"}}),_c('br'),_c('sub',[_c('b',[_v("James")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=jmestxr","title":"Code"}},[_v("💻")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=jmestxr","title":"Documentation"}},[_v("📖")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/zlimez"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/39835365?v=4?s=100","width":"100px;","alt":"Nisemono"}}),_c('br'),_c('sub',[_c('b',[_v("Nisemono")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=zlimez","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/jingting1412"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/105090139?v=4?s=100","width":"100px;","alt":"jingting1412"}}),_c('br'),_c('sub',[_c('b',[_v("jingting1412")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=jingting1412","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"http://tim-siu.github.io"}},[_v("\" Xu\">"),_c('br'),_c('sub',[_c('b',[_v("Shuyao \"Tim\" Xu")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=Tim-Siu","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/KevinEyo1"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/105847348?v=4?s=100","width":"100px;","alt":"Kevin Eyo"}}),_c('br'),_c('sub',[_c('b',[_v("Kevin Eyo")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=KevinEyo1","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/luminousleek"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/68138671?v=4?s=100","width":"100px;","alt":"Lee Xiong Jie, Isaac"}}),_c('br'),_c('sub',[_c('b',[_v("Lee Xiong Jie, Isaac")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=luminousleek","title":"Code"}},[_v("💻")])])]),_v(" "),_c('tr',[_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/LamJiuFong"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/122192553?v=4?s=100","width":"100px;","alt":"Lam Jiu Fong"}}),_c('br'),_c('sub',[_c('b',[_v("Lam Jiu Fong")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=LamJiuFong","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/yiwen101"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/121547057?v=4?s=100","width":"100px;","alt":"Wang Yiwen"}}),_c('br'),_c('sub',[_c('b',[_v("Wang Yiwen")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=yiwen101","title":"Documentation"}},[_v("📖")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=yiwen101","title":"Code"}},[_v("💻")])]),_v(" "),_c('td',{attrs:{"align":"center","valign":"top","width":"14.28%"}},[_c('a',{attrs:{"href":"https://github.com/Ashleeey1224"}},[_c('img',{attrs:{"src":"https://avatars.githubusercontent.com/u/105656080?v=4?s=100","width":"100px;","alt":"Ashleeey1224"}}),_c('br'),_c('sub',[_c('b',[_v("Ashleeey1224")])])]),_c('br'),_c('a',{attrs:{"href":"https://github.com/MarkBind/markbind/commits?author=Ashleeey1224","title":"Code"}},[_v("💻")])])])])])]),_v(" "),_c('hr'),_v(" "),_c('p',[_c('strong',[_c('span',{staticClass:"dimmed"},[_v("Past Members:")])])]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"https://github.com/acjh"}},[_c('strong',[_v("Aaron Chong Jun Hao")])]),_v(": "),_c('em',[_v("Project Mentor")]),_v(" for Jul 2018 - Dec 2020, "),_c('em',[_v("Team Lead")]),_v(" for Aug 2017 - Jun 2018")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/madanalogy"}},[_c('strong',[_v("Ahmed Bahajjaj")])]),_v(": "),_c('em',[_v("Contributor")]),_v(" for Jan-April 2020")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://github.com/Chng-Zhi-Xuan"}},[_c('strong',[_v("Chng Zhi Xuan")])]),_v(": "),_c('em',[_v("Member")]),_v(" for May 2018 - Jul 2019")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://github.com/nicholaschuayunzhi"}},[_c('strong',[_v("Chua Yun Zhi Nicholas")])]),_v(": "),_c('em',[_v("Member")]),_v(" for Jan 2018 - May 2019")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://github.com/danielbrzn"}},[_c('strong',[_v("Daniel Berzin Chua Yuan Siang")])]),_v(": "),_c('em',[_v("Member")]),_v(" for Jan 2018 - Aug 2018")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/dvrylc"}},[_c('strong',[_v("Daryl Chan")])]),_v(": "),_c('em',[_v("Contributor")]),_v(" for Jan-April 2020")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/openorclose"}},[_c('strong',[_v("Daryl Tan")])]),_v(": "),_c('em',[_v("Member")]),_v(" for May 2019 - May 2020")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://github.com/jamos-tay"}},[_c('strong',[_v("Jamos Tay")])]),_v(": "),_c('em',[_v("Member")]),_v(" for Aug 2018 - Apr 2019")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/Parcly-Taxel"}},[_c('strong',[_v("Jeremy Tan Jie Rui")])]),_v(": "),_c('em',[_v("Contributor")]),_v(" for Jan-April 2020")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://github.com/nusjzx"}},[_c('strong',[_v("Jia Zhixin")])]),_v(": "),_c('em',[_v("Member")]),_v(" for May 2018 - Aug 2018")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://github.com/Gisonrg"}},[_c('strong',[_v("Jiang Sheng")])]),_v(": "),_c('em',[_v("Founding Member")]),_v(" and "),_c('em',[_v("Team Lead")]),_v(" for Aug 2016 - Jul 2017")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/hcwong"}},[_c('strong',[_v("Joshua Wong")])]),_v(": "),_c('em',[_v("Contributor")]),_v(" for Jan-April 2020")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/kimberlyohq"}},[_c('strong',[_v("Kimberly Ong Ong Hui Qin")])]),_v(": "),_c('em',[_v("Contributor")]),_v(" for Jun-Jul 2021")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/nbriannl"}},[_c('strong',[_v("Labayna Neil Brian Narido")])]),_v(": "),_c('em',[_v("Member")]),_v(" for Jan - Apr 2020")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/marvinchin"}},[_c('strong',[_v("Marvin Chin Kun Song")])]),_v(": "),_c('em',[_v("Project Lead")]),_v(" for Jan - Aug 2020, "),_c('em',[_v("Member")]),_v(" for Jan 2019 - Aug 2019")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/sijie123"}},[_c('strong',[_v("Lin Si Jie")])]),_v(": "),_c('em',[_v("Member")]),_v(" for Jan - Aug 2019")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://github.com/luyangkenneth"}},[_c('strong',[_v("Lu Yang Kenneth")])]),_v(": "),_c('em',[_v("Member")]),_v(" for Jan - Aug 2019")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/amad-person"}},[_c('strong',[_v("Maddi Aadyaa")])]),_v(": "),_c('em',[_v("Member")]),_v(" for Jan - Aug 2019")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/crphang"}},[_c('strong',[_v("Phang Chun Rong")])]),_v(": "),_c('em',[_v("Member")]),_v(" for Aug 2019 - Jun 2020")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://github.com/rachx"}},[_c('strong',[_v("Rachael Sim Hwee Ling")])]),_v(": "),_c('em',[_v("Member")]),_v(" for Jan - Dec 2018")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/Xenonym"}},[_c('strong',[_v("Tan Zhen Yong")])]),_v(": "),_c('em',[_v("Member")]),_v(" for Jan - Aug 2019")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://github.com/yamgent"}},[_c('strong',[_v("Tan Wang Leng")])]),_v(": "),_c('em',[_v("Team Lead")]),_v(" for Jul 2018 - Apr 2019, "),_c('em',[_v("Member")]),_v(" for May 2018 - Jun 2018")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/Tejas2805"}},[_c('strong',[_v("Tejas Bhuwania")])]),_v(": "),_c('em',[_v("Contributor")]),_v(" for Jan - April 2020")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/le0tan"}},[_c('strong',[_v("Tan Yuanhong")])]),_v(": "),_c('em',[_v("Member")]),_v(": Jan 2020 - Apr 2021")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/yash-chowdhary"}},[_c('strong',[_v("Yash Chowdhary")])]),_v(": "),_c('em',[_v("Member")]),_v(" Jan - Apr 2020")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.github.com/alyip98"}},[_c('strong',[_v("Yip Seng Yeun")])]),_v(": "),_c('em',[_v("Member")]),_v(" May 2019 - Apr 2020")])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/bootcamp/contributeToDocs.html b/devGuide/bootcamp/contributeToDocs.html
index 3739ccc2..76c7989e 100644
--- a/devGuide/bootcamp/contributeToDocs.html
+++ b/devGuide/bootcamp/contributeToDocs.html
@@ -36,7 +36,7 @@
 Now, you can make a pull request targeting the <code class="hljs inline no-lang">master</code> branch of the MarkBind repository.</p> <div id="pr-steps"><ol><li>Fill in the pull request template.</li> <li>Wait for the CI checks to pass.
 <ol><li>For first-time contributors, you may need to wait for the MarkBind team to approve your PR before the CI checks can run.</li></ol></li> <li>Verify that the PR preview is working.
 <ol><li>The PR preview is generated by netlify/markbind-master/deploy-preview.</li> <li>You can find the link to the PR preview in the checks section of the PR. <span class="image-wrapper"><img src="/devdocs/images/bootcamp/live_preview.png" alt="PR Checks Section" width="920" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span></li> <li>Open the link to the PR preview and ensure that your changes are reflected in the rendered site</li></ol></li> <li>Follow up with PR reviews and make changes as requested.</li></ol></div> <p>Since this is a hypothetical change, you do not need to raise a PR. You can refer to PR <a href="https://github.com/MarkBind/markbind/pull/1924">#1924</a> for an example.</p> <div class="alert box-container border-danger alert-border-left" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-danger" data-v-0eabf1c4><i class="fas fa-flag" data-v-0eabf1c4></i></div> <!----> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4><strong data-v-0eabf1c4>Checkpoint</strong></p> <p data-v-0eabf1c4>For <span class="underline" data-v-0eabf1c4>actual</span> documentation changes, check that the following are true:</p> <ul class="contains-task-list" data-v-0eabf1c4><li class="task-list-item enabled" data-v-0eabf1c4><input type="checkbox" class="task-list-item-checkbox" data-v-0eabf1c4> The PR template has been filled in</li> <li class="task-list-item enabled" data-v-0eabf1c4><input type="checkbox" class="task-list-item-checkbox" data-v-0eabf1c4> The PR preview is working</li></ul></div> <!----></div></div></div> <h2 id="summary">Summary<a href="#summary" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>In this task, you have learned how to make documentation changes to MarkBind!</p> <p>While documentation changes are not as exciting as code changes, they are still important. In particular, our documentation is generated by MarkBind itself, utilizing the same features that we are documenting. This means that our documentation is a great place to discover and analyze how MarkBind is used!</p> <p>Here are some additional tasks for you to try out:</p> <ul class="contains-task-list"><li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Review a real documentation change (e.g <a href="https://github.com/MarkBind/markbind/issues/1772">issue #1772</a> was resolved in <a href="https://github.com/MarkBind/markbind/pull/1924">PR #1924</a> to improve the user guide)</li> <li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Check if there are <a href="https://github.com/MarkBind/markbind/issues?q=is%3Aopen+label%3A%22a-Documentation+%F0%9F%93%9D%22+sort%3Aupdated-desc">existing issues</a> tagged with the <code class="hljs inline no-lang">a-Documentation</code> label
-<ul class="contains-task-list"><li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> If there are, try to resolve them!</li> <li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> If there are not, raise an issue when you discover a documentation bug or improvement (e.g make this bootcamp documentation better)!</li></ul></li></ul> <p>When you are ready, move on to learn how to squash some bugs!</p> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/bootcamp/exploreMarkBind.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Explore MarkBind as a User</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/bootcamp/fixABug.html" class="btn btn-light"><span><span>Fix a Bug</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#contribute-to-documentation" data-v-e6005420>Contribute to Documentation‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tldr" data-v-e6005420>TLDR‎</a> <a class="nav-link py-1" href="#reviewing-markbind-documentation" data-v-e6005420>Reviewing MarkBind Documentation‎</a> <a class="nav-link py-1" href="#make-modifications-to-the-documentation" data-v-e6005420>Make Modifications to the Documentation‎</a> <a class="nav-link py-1" href="#make-a-pull-request-and-amp-verify-the-pr-preview" data-v-e6005420>Make a Pull Request &amp; Verify the PR Preview‎</a> <a class="nav-link py-1" href="#summary" data-v-e6005420>Summary‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+<ul class="contains-task-list"><li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> If there are, try to resolve them!</li> <li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> If there are not, raise an issue when you discover a documentation bug or improvement (e.g make this bootcamp documentation better)!</li></ul></li></ul> <p>When you are ready, move on to learn how to squash some bugs!</p> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/bootcamp/exploreMarkBind.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Explore MarkBind as a User</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/bootcamp/fixABug.html" class="btn btn-light"><span><span>Fix a Bug</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#contribute-to-documentation" data-v-e6005420>Contribute to Documentation‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tldr" data-v-e6005420>TLDR‎</a> <a class="nav-link py-1" href="#reviewing-markbind-documentation" data-v-e6005420>Reviewing MarkBind Documentation‎</a> <a class="nav-link py-1" href="#make-modifications-to-the-documentation" data-v-e6005420>Make Modifications to the Documentation‎</a> <a class="nav-link py-1" href="#make-a-pull-request-and-amp-verify-the-pr-preview" data-v-e6005420>Make a Pull Request &amp; Verify the PR Preview‎</a> <a class="nav-link py-1" href="#summary" data-v-e6005420>Summary‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/bootcamp/contributeToDocs.page-vue-render.js b/devGuide/bootcamp/contributeToDocs.page-vue-render.js
index a2190885..d919f5c4 100644
--- a/devGuide/bootcamp/contributeToDocs.page-vue-render.js
+++ b/devGuide/bootcamp/contributeToDocs.page-vue-render.js
@@ -65,6 +65,6 @@ with(this){return _c('ul',{staticClass:"contains-task-list"},[_c('li',{staticCla
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-start"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/bootcamp/exploreMarkBind.html"}},[_c('span',[_c('span',{staticClass:"far fa-arrow-alt-circle-left",attrs:{"aria-hidden":"true"}}),_v(" "),_c('span',[_v("Explore MarkBind as a User")])])])])]),_v(" "),_c('p',[_c('span',{staticClass:"float-end"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/bootcamp/fixABug.html"}},[_c('span',[_c('span',[_v("Fix a Bug")]),_v(" "),_c('span',{staticClass:"far fa-arrow-alt-circle-right",attrs:{"aria-hidden":"true"}})])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/bootcamp/exploreMarkBind.html b/devGuide/bootcamp/exploreMarkBind.html
index c0f9af25..af612efc 100644
--- a/devGuide/bootcamp/exploreMarkBind.html
+++ b/devGuide/bootcamp/exploreMarkBind.html
@@ -31,7 +31,7 @@
         ››  
       </li> </ol></nav></div> <p><span id="title" class="d-none">Explore MarkBind as a User</span></p> <h1 id="explore-markbind-as-a-user">Explore MarkBind as a User<a href="#explore-markbind-as-a-user" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p>Getting to know MarkBind as a user will help you understand what MarkBind offers and how it can be used to create static websites. This will also help you understand the different components and syntax available in MarkBind, which will be useful when you want to debug issues or create similar features in the future.</p></div> <h2 id="tldr">TLDR<a href="#tldr" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul class="contains-task-list"><li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Setup the master branch MarkBind</li> <li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Create a MarkBind site</li> <li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Create content with MarkBind</li> <li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Modify site structure and configuration</li> <li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Deploy your MarkBind site</li></ul> <h2 id="setup-the-master-branch-of-markbind">Setup the master branch of MarkBind<a href="#setup-the-master-branch-of-markbind" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>As mentioned in our <a tags="environment--dg" href="https://markbind.org/userGuide/gettingStarted.html">user guide</a>, we can either install MarkBind via npm or create a new MarkBind site with npx.</p> <p>In this bootcamp, we want to set up the master branch MarkBind so that we can test out any changes we make to the codebase on our local machine.</p> <div class="alert box-container border-success alert-border-left" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-success" data-v-0eabf1c4><i class="fas fa-lightbulb" data-v-0eabf1c4></i></div> <!----> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>You can also switch between the master branch MarkBind and check out other branches if you are working on multiple issues. This is also useful when you want to test out a PR submitted by another developer.</p></div> <!----></div></div></div> <p><span src="/devdocs/devGuide/development/settingUp._include_.html" minimized="" class="card-container" data-v-3602e6fc><span class="morph" data-v-3602e6fc><button class="morph-display-wrapper btn btn-outline-info" data-v-3602e6fc><div class="minimal-caret-wrapper" data-v-3602e6fc><span class="glyphicon glyphicon-chevron-right" data-v-3602e6fc></span></div> <span class="card-title" data-v-3602e6fc><p data-v-3602e6fc><strong data-v-3602e6fc>Setting up MarkBind</strong></p></span></button></span></span></p> <div class="alert box-container border-danger alert-border-left" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-danger" data-v-0eabf1c4><i class="fas fa-flag" data-v-0eabf1c4></i></div> <!----> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4><strong data-v-0eabf1c4>Checkpoint</strong></p> <p data-v-0eabf1c4>After setting up MarkBind, try running from the root directory of your MarkBind repository:</p> <ul class="contains-task-list" data-v-0eabf1c4><li class="task-list-item enabled" data-v-0eabf1c4><input type="checkbox" class="task-list-item-checkbox" data-v-0eabf1c4> <code class="hljs inline no-lang" data-v-0eabf1c4>markbind -v</code> to check that you have the correct version of MarkBind installed</li> <li class="task-list-item enabled" data-v-0eabf1c4><input type="checkbox" class="task-list-item-checkbox" data-v-0eabf1c4> <code class="hljs inline no-lang" data-v-0eabf1c4>cd docs &amp;&amp; markbind serve -d</code> to check that you can serve the MarkBind documentation site in development mode</li></ul> <p data-v-0eabf1c4>If you can browse the MarkBind documentation site that should have automatically been up in your browser at <a href="http://localhost:8080" data-v-0eabf1c4>http://localhost:8080</a>, you have successfully set up MarkBind!</p> <div id="port-info" data-v-0eabf1c4><div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-info" data-v-0eabf1c4><i class="fas fa-info" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4>
 If port 8080 is in use, another port will be chosen. Refer to the console output for the  exact URL address.
-</div> <!----></div></div></div></div> <span minimized="" class="card-container" data-v-3602e6fc><span class="morph" data-v-3602e6fc><button class="morph-display-wrapper btn btn-outline-info" data-v-3602e6fc><div class="minimal-caret-wrapper" data-v-3602e6fc><span class="glyphicon glyphicon-chevron-right" data-v-3602e6fc></span></div> <span class="card-title" data-v-3602e6fc><p data-v-3602e6fc>Sample Console Output</p></span></button></span></span></div> <!----></div></div></div> <h2 id="create-a-markbind-site">Create a MarkBind site<a href="#create-a-markbind-site" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>With MarkBind installed, we can now create a new MarkBind site.</p> <p>We recommend that you set up a new repository for this MarkBind site so that you can push your site to GitHub pages later. This MarkBind site can be used to test out any changes you make to the codebase.</p> <p>As an example, let's create a test site together!</p> <div class="alert box-container alert-success" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper" data-v-0eabf1c4><i class="fas fa-lightbulb" data-v-0eabf1c4></i></div> <!----> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>You can refer to the example repository <a href="https://github.com/tlylt/mb-dev-tlylt" data-v-0eabf1c4>here</a> for the code and <a href="https://tlylt.github.io/mb-dev-tlylt/" data-v-0eabf1c4>here</a> for the deployed site if you get stuck.</p></div> <!----></div></div></div> <ol><li>Create a new folder called <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----> <!----></span> at a location outside of the MarkBind source code directory.</li> <li>Go to the folder and run <code class="hljs inline no-lang">markbind init</code> to create a new MarkBind site with the default template.</li> <li>Initialize a new git repository in the folder by running <code class="hljs inline no-lang">git init</code>. You can also create a new public repository on GitHub first and clone it to your local machine.</li></ol> <p>You should see the following output:</p> <pre><code class="hljs"><span>$ markbind init
+</div> <!----></div></div></div></div> <span minimized="" class="card-container" data-v-3602e6fc><span class="morph" data-v-3602e6fc><button class="morph-display-wrapper btn btn-outline-info" data-v-3602e6fc><div class="minimal-caret-wrapper" data-v-3602e6fc><span class="glyphicon glyphicon-chevron-right" data-v-3602e6fc></span></div> <span class="card-title" data-v-3602e6fc><p data-v-3602e6fc>Sample Console Output</p></span></button></span></span></div> <!----></div></div></div> <h2 id="create-a-markbind-site">Create a MarkBind site<a href="#create-a-markbind-site" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>With MarkBind installed, we can now create a new MarkBind site.</p> <p>We recommend that you set up a new repository for this MarkBind site so that you can push your site to GitHub pages later. This MarkBind site can be used to test out any changes you make to the codebase.</p> <p>As an example, let's create a test site together!</p> <div class="alert box-container alert-success" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper" data-v-0eabf1c4><i class="fas fa-lightbulb" data-v-0eabf1c4></i></div> <!----> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>You can refer to the example repository <a href="https://github.com/tlylt/mb-dev-tlylt" data-v-0eabf1c4>here</a> for the code and <a href="https://tlylt.github.io/mb-dev-tlylt/" data-v-0eabf1c4>here</a> for the deployed site if you get stuck.</p></div> <!----></div></div></div> <ol><li>Create a new folder called <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----><!----></span> at a location outside of the MarkBind source code directory.</li> <li>Go to the folder and run <code class="hljs inline no-lang">markbind init</code> to create a new MarkBind site with the default template.</li> <li>Initialize a new git repository in the folder by running <code class="hljs inline no-lang">git init</code>. You can also create a new public repository on GitHub first and clone it to your local machine.</li></ol> <p>You should see the following output:</p> <pre><code class="hljs"><span>$ markbind init
 </span><span>  __  __                  _      ____    _               _
 </span><span> |  \/  |   __ _   _ __  | | __ | __ )  (_)  _ __     __| |
 </span><span> | |\/| |  / _` | | '__| | |/ / |  _ \  | | | '_ \   / _` |
@@ -98,7 +98,7 @@
 
     </div>
     </button></div></pre></li> <li>Update your GitHub repository setting for deploying to GitHub Pages.
-<ol><li>Navigate to the Settings &gt; Pages section on GitHub for that repository and set the source to <code class="hljs inline no-lang">Deploy from a branch</code> and the branch to <code class="hljs inline no-lang">gh-pages</code> and <code class="hljs inline no-lang">/(root)</code>.</li></ol></li></ol> <div class="alert box-container border-danger alert-border-left" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-danger" data-v-0eabf1c4><i class="fas fa-flag" data-v-0eabf1c4></i></div> <!----> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4><strong data-v-0eabf1c4>Checkpoint</strong></p> <p data-v-0eabf1c4>Check that the following are true:</p> <ul class="contains-task-list" data-v-0eabf1c4><li class="task-list-item enabled" data-v-0eabf1c4><input type="checkbox" class="task-list-item-checkbox" data-v-0eabf1c4> The triggered GitHub action runs are successful</li> <li class="task-list-item enabled" data-v-0eabf1c4><input type="checkbox" class="task-list-item-checkbox" data-v-0eabf1c4> The site is deployed and available at <code class="hljs inline no-lang" data-v-0eabf1c4>https://&lt;username&gt;.github.io/mb-dev-xxx/</code> (after a few seconds to a few minutes)</li></ul> <p data-v-0eabf1c4>Congratulations! 🎉🎉🎉 You have deployed your MarkBind site!</p></div> <!----></div></div></div> <h2 id="summary">Summary<a href="#summary" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>In the first part of this bootcamp, we experimented with MarkBind as a user. We have set up the master branch of MarkBind and created a new MarkBind site. We have also created content with MarkBind components/syntax and deployed our site.</p> <p>Here are some additional tasks for you to try out:</p> <ul class="contains-task-list"><li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Create a new MarkBind site with a different <a tags="environment--dg" href="https://markbind.org/userGuide/themes.html">theme</a></li> <li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Try out MarkBind's <a tags="environment--dg" href="https://markbind.org/userGuide/reusingContents.html#includes">include mechanism</a></li> <li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Create a dedicated MarkBind site for your personal usage and <a href="https://github.com/MarkBind/markbind/discussions/new?category=show-and-tell">share it with us</a> <ul><li>You can see some examples in the <a href="/devdocs/showcase.html">MarkBind showcase</a></li></ul></li></ul> <p>Take a break now ☕️ and we will continue with the second part of the bootcamp!</p> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/bootcamp/intro.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Onboarding Bootcamp</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/bootcamp/contributeToDocs.html" class="btn btn-light"><span><span>Contribute to Documentation</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#explore-markbind-as-a-user" data-v-e6005420>Explore MarkBind as a User‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tldr" data-v-e6005420>TLDR‎</a> <a class="nav-link py-1" href="#setup-the-master-branch-of-markbind" data-v-e6005420>Setup the master branch of MarkBind‎</a> <a class="nav-link py-1" href="#create-a-markbind-site" data-v-e6005420>Create a MarkBind site‎</a> <a class="nav-link py-1" href="#create-content-with-markbind" data-v-e6005420>Create Content with MarkBind‎</a> <a class="nav-link py-1" href="#modify-site-structure-and-configuration" data-v-e6005420>Modify Site Structure and Configuration‎</a> <a class="nav-link py-1" href="#deploy-your-markbind-site" data-v-e6005420>Deploy your MarkBind site‎</a> <a class="nav-link py-1" href="#summary" data-v-e6005420>Summary‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+<ol><li>Navigate to the Settings &gt; Pages section on GitHub for that repository and set the source to <code class="hljs inline no-lang">Deploy from a branch</code> and the branch to <code class="hljs inline no-lang">gh-pages</code> and <code class="hljs inline no-lang">/(root)</code>.</li></ol></li></ol> <div class="alert box-container border-danger alert-border-left" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-danger" data-v-0eabf1c4><i class="fas fa-flag" data-v-0eabf1c4></i></div> <!----> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4><strong data-v-0eabf1c4>Checkpoint</strong></p> <p data-v-0eabf1c4>Check that the following are true:</p> <ul class="contains-task-list" data-v-0eabf1c4><li class="task-list-item enabled" data-v-0eabf1c4><input type="checkbox" class="task-list-item-checkbox" data-v-0eabf1c4> The triggered GitHub action runs are successful</li> <li class="task-list-item enabled" data-v-0eabf1c4><input type="checkbox" class="task-list-item-checkbox" data-v-0eabf1c4> The site is deployed and available at <code class="hljs inline no-lang" data-v-0eabf1c4>https://&lt;username&gt;.github.io/mb-dev-xxx/</code> (after a few seconds to a few minutes)</li></ul> <p data-v-0eabf1c4>Congratulations! 🎉🎉🎉 You have deployed your MarkBind site!</p></div> <!----></div></div></div> <h2 id="summary">Summary<a href="#summary" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>In the first part of this bootcamp, we experimented with MarkBind as a user. We have set up the master branch of MarkBind and created a new MarkBind site. We have also created content with MarkBind components/syntax and deployed our site.</p> <p>Here are some additional tasks for you to try out:</p> <ul class="contains-task-list"><li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Create a new MarkBind site with a different <a tags="environment--dg" href="https://markbind.org/userGuide/themes.html">theme</a></li> <li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Try out MarkBind's <a tags="environment--dg" href="https://markbind.org/userGuide/reusingContents.html#includes">include mechanism</a></li> <li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Create a dedicated MarkBind site for your personal usage and <a href="https://github.com/MarkBind/markbind/discussions/new?category=show-and-tell">share it with us</a> <ul><li>You can see some examples in the <a href="/devdocs/showcase.html">MarkBind showcase</a></li></ul></li></ul> <p>Take a break now ☕️ and we will continue with the second part of the bootcamp!</p> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/bootcamp/intro.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Onboarding Bootcamp</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/bootcamp/contributeToDocs.html" class="btn btn-light"><span><span>Contribute to Documentation</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#explore-markbind-as-a-user" data-v-e6005420>Explore MarkBind as a User‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tldr" data-v-e6005420>TLDR‎</a> <a class="nav-link py-1" href="#setup-the-master-branch-of-markbind" data-v-e6005420>Setup the master branch of MarkBind‎</a> <a class="nav-link py-1" href="#create-a-markbind-site" data-v-e6005420>Create a MarkBind site‎</a> <a class="nav-link py-1" href="#create-content-with-markbind" data-v-e6005420>Create Content with MarkBind‎</a> <a class="nav-link py-1" href="#modify-site-structure-and-configuration" data-v-e6005420>Modify Site Structure and Configuration‎</a> <a class="nav-link py-1" href="#deploy-your-markbind-site" data-v-e6005420>Deploy your MarkBind site‎</a> <a class="nav-link py-1" href="#summary" data-v-e6005420>Summary‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/bootcamp/exploreMarkBind.page-vue-render.js b/devGuide/bootcamp/exploreMarkBind.page-vue-render.js
index 106236eb..11bc19db 100644
--- a/devGuide/bootcamp/exploreMarkBind.page-vue-render.js
+++ b/devGuide/bootcamp/exploreMarkBind.page-vue-render.js
@@ -98,6 +98,6 @@ with(this){return _c('ul',{staticClass:"contains-task-list"},[_c('li',{staticCla
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-start"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/bootcamp/intro.html"}},[_c('span',[_c('span',{staticClass:"far fa-arrow-alt-circle-left",attrs:{"aria-hidden":"true"}}),_v(" "),_c('span',[_v("Onboarding Bootcamp")])])])])]),_v(" "),_c('p',[_c('span',{staticClass:"float-end"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/bootcamp/contributeToDocs.html"}},[_c('span',[_c('span',[_v("Contribute to Documentation")]),_v(" "),_c('span',{staticClass:"far fa-arrow-alt-circle-right",attrs:{"aria-hidden":"true"}})])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/bootcamp/fixABug.html b/devGuide/bootcamp/fixABug.html
index e01e8787..446782e9 100644
--- a/devGuide/bootcamp/fixABug.html
+++ b/devGuide/bootcamp/fixABug.html
@@ -104,7 +104,7 @@
     </div>
     </button></div></pre><div class="alert box-container border-danger alert-border-left" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-danger" data-v-0eabf1c4><i class="fas fa-flag" data-v-0eabf1c4></i></div> <!----> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4><strong data-v-0eabf1c4>Checkpoint</strong></p> <p data-v-0eabf1c4>Check that the following are true:</p> <ul class="contains-task-list" data-v-0eabf1c4><li class="task-list-item enabled" data-v-0eabf1c4><input type="checkbox" class="task-list-item-checkbox" data-v-0eabf1c4> Run <code class="hljs inline no-lang" data-v-0eabf1c4>npm run test</code> in the root directory to run the entire test suite.</li> <li class="task-list-item enabled" data-v-0eabf1c4><input type="checkbox" class="task-list-item-checkbox" data-v-0eabf1c4> See that the test passes</li></ul></div> <!----></div></div></div> <h2 id="update-documentation">Update Documentation<a href="#update-documentation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>If the bug is related to a feature that is documented, we should update the documentation to reflect the changes. This is especially important if the bug fix changes the behavior of the feature.</p> <p>In this case, we will not need to update the documentation.</p> <h2 id="create-pr-and-amp-follow-up-with-the-reviews">Create PR &amp; Follow up with the Reviews<a href="#create-pr-and-amp-follow-up-with-the-reviews" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Now that we have completed our changes, we can create a PR to merge the changes into the master branch.</p> <p>Similar to <a href="/devdocs/devGuide/bootcamp/contributeToDocs.html">Contribute to Documentation</a>, we will need to:</p> <div><ol><li>Fill in the pull request template.</li> <li>Wait for the CI checks to pass.
 <ol><li>For first-time contributors, you may need to wait for the MarkBind team to approve your PR before the CI checks can run.</li></ol></li> <li>Verify that the PR preview is working.
-<ol><li>The PR preview is generated by netlify/markbind-master/deploy-preview.</li> <li>You can find the link to the PR preview in the checks section of the PR. <span class="image-wrapper"><img src="/devdocs/images/bootcamp/live_preview.png" alt="PR Checks Section" width="920" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span></li> <li>Open the link to the PR preview and ensure that your changes are reflected in the rendered site</li></ol></li> <li>Follow up with PR reviews and make changes as requested.</li></ol></div> <p>For changes that involve code logic, some discussion may be required to determine the best way to fix the bug. Hence, it may be helpful to get feedback early either by creating a draft PR or by discussing the approach in the issue thread.</p> <h2 id="summary">Summary<a href="#summary" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>In this task, you have learned how to deal with a bug report. While the example bug report is simple, the steps are generally the same for more complex bug reports.</p> <p>Here are some additional tasks for you to try out:</p> <ul class="contains-task-list"><li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Review <a href="https://github.com/MarkBind/markbind/issues/1954">issue #1954</a> and <a href="https://github.com/MarkBind/markbind/pull/2054">PR #2054</a> for the example bug report and fix.</li> <li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Look through <a href="https://github.com/MarkBind/markbind/issues?q=is%3Aissue+sort%3Aupdated-desc+label%3A%22c.Bug+%F0%9F%90%9B%22+is%3Aclosed">closed bug reports</a> and see how they were fixed.</li> <li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Triage <a href="https://github.com/MarkBind/markbind/issues?q=is%3Aissue+sort%3Aupdated-desc+is%3Aopen+label%3A%22c.Bug+%F0%9F%90%9B%22">open bug reports</a> and see if you can fix them!</li></ul> <p>When you are ready, move on to learn how to implement a new feature!</p> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/bootcamp/contributeToDocs.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Contribute to Documentation</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/bootcamp/implementAFeature.html" class="btn btn-light"><span><span>Implement a New Feature</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#fix-a-bug" data-v-e6005420>Fix a Bug‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tldr" data-v-e6005420>TLDR‎</a> <a class="nav-link py-1" href="#triage" data-v-e6005420>Triage‎</a> <a class="nav-link py-1" href="#make-experimental-changes" data-v-e6005420>Make Experimental Changes‎</a> <a class="nav-link py-1" href="#add-tests" data-v-e6005420>Add tests‎</a> <a class="nav-link py-1" href="#update-documentation" data-v-e6005420>Update Documentation‎</a> <a class="nav-link py-1" href="#create-pr-and-amp-follow-up-with-the-reviews" data-v-e6005420>Create PR &amp; Follow up with the Reviews‎</a> <a class="nav-link py-1" href="#summary" data-v-e6005420>Summary‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+<ol><li>The PR preview is generated by netlify/markbind-master/deploy-preview.</li> <li>You can find the link to the PR preview in the checks section of the PR. <span class="image-wrapper"><img src="/devdocs/images/bootcamp/live_preview.png" alt="PR Checks Section" width="920" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span></li> <li>Open the link to the PR preview and ensure that your changes are reflected in the rendered site</li></ol></li> <li>Follow up with PR reviews and make changes as requested.</li></ol></div> <p>For changes that involve code logic, some discussion may be required to determine the best way to fix the bug. Hence, it may be helpful to get feedback early either by creating a draft PR or by discussing the approach in the issue thread.</p> <h2 id="summary">Summary<a href="#summary" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>In this task, you have learned how to deal with a bug report. While the example bug report is simple, the steps are generally the same for more complex bug reports.</p> <p>Here are some additional tasks for you to try out:</p> <ul class="contains-task-list"><li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Review <a href="https://github.com/MarkBind/markbind/issues/1954">issue #1954</a> and <a href="https://github.com/MarkBind/markbind/pull/2054">PR #2054</a> for the example bug report and fix.</li> <li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Look through <a href="https://github.com/MarkBind/markbind/issues?q=is%3Aissue+sort%3Aupdated-desc+label%3A%22c.Bug+%F0%9F%90%9B%22+is%3Aclosed">closed bug reports</a> and see how they were fixed.</li> <li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Triage <a href="https://github.com/MarkBind/markbind/issues?q=is%3Aissue+sort%3Aupdated-desc+is%3Aopen+label%3A%22c.Bug+%F0%9F%90%9B%22">open bug reports</a> and see if you can fix them!</li></ul> <p>When you are ready, move on to learn how to implement a new feature!</p> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/bootcamp/contributeToDocs.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Contribute to Documentation</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/bootcamp/implementAFeature.html" class="btn btn-light"><span><span>Implement a New Feature</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#fix-a-bug" data-v-e6005420>Fix a Bug‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tldr" data-v-e6005420>TLDR‎</a> <a class="nav-link py-1" href="#triage" data-v-e6005420>Triage‎</a> <a class="nav-link py-1" href="#make-experimental-changes" data-v-e6005420>Make Experimental Changes‎</a> <a class="nav-link py-1" href="#add-tests" data-v-e6005420>Add tests‎</a> <a class="nav-link py-1" href="#update-documentation" data-v-e6005420>Update Documentation‎</a> <a class="nav-link py-1" href="#create-pr-and-amp-follow-up-with-the-reviews" data-v-e6005420>Create PR &amp; Follow up with the Reviews‎</a> <a class="nav-link py-1" href="#summary" data-v-e6005420>Summary‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/bootcamp/fixABug.page-vue-render.js b/devGuide/bootcamp/fixABug.page-vue-render.js
index fb668480..20de2cef 100644
--- a/devGuide/bootcamp/fixABug.page-vue-render.js
+++ b/devGuide/bootcamp/fixABug.page-vue-render.js
@@ -89,6 +89,6 @@ with(this){return _c('ul',{staticClass:"contains-task-list"},[_c('li',{staticCla
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-start"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/bootcamp/contributeToDocs.html"}},[_c('span',[_c('span',{staticClass:"far fa-arrow-alt-circle-left",attrs:{"aria-hidden":"true"}}),_v(" "),_c('span',[_v("Contribute to Documentation")])])])])]),_v(" "),_c('p',[_c('span',{staticClass:"float-end"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/bootcamp/implementAFeature.html"}},[_c('span',[_c('span',[_v("Implement a New Feature")]),_v(" "),_c('span',{staticClass:"far fa-arrow-alt-circle-right",attrs:{"aria-hidden":"true"}})])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/bootcamp/implementAFeature.html b/devGuide/bootcamp/implementAFeature.html
index 79d1eda1..f0d3f41e 100644
--- a/devGuide/bootcamp/implementAFeature.html
+++ b/devGuide/bootcamp/implementAFeature.html
@@ -35,7 +35,7 @@
 <ul><li>e.g. <a href="https://github.com/MarkBind/markbind/issues/1754">issue #1754</a> and <a href="https://github.com/MarkBind/markbind/pull/1824">PR #1824</a></li></ul></li> <li>And more!
 <ul><li>e.g. <a href="https://github.com/MarkBind/markbind/issues/1946">issue #1946</a> and <a href="https://github.com/MarkBind/markbind/pull/1947">PR #1947</a></li></ul></li></ul> <h2 id="add-tests-and-amp-update-documentation">Add Tests &amp; Update Documentation<a href="#add-tests-and-amp-update-documentation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p><em>(Same as what we mentioned in the previous task)</em></p> <p>By this time, you should have a good idea about how tests and documentation are written. Where possible, unit tests should also be added to ensure that the feature works as expected. Utilizing the new feature in our documentation is also encouraged so that we can get a better idea of how the feature can be used.</p> <div class="alert box-container border-danger alert-border-left" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-danger" data-v-0eabf1c4><i class="fas fa-flag" data-v-0eabf1c4></i></div> <!----> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>When adding intra-site links, use tags to differentiate between the deployment environment when appropriate, as mentioned in <a href="/devGuide/development/workflow.html#adding-intra-site-links-to-documentation" data-v-0eabf1c4>Adding Intra-Site Links to Documentation</a>!</p></div> <!----></div></div></div> <h2 id="create-pr-and-amp-follow-up-with-the-reviews">Create PR &amp; Follow up with the Reviews<a href="#create-pr-and-amp-follow-up-with-the-reviews" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p><em>(Same as what we mentioned in the previous task)</em></p> <div><ol><li>Fill in the pull request template.</li> <li>Wait for the CI checks to pass.
 <ol><li>For first-time contributors, you may need to wait for the MarkBind team to approve your PR before the CI checks can run.</li></ol></li> <li>Verify that the PR preview is working.
-<ol><li>The PR preview is generated by netlify/markbind-master/deploy-preview.</li> <li>You can find the link to the PR preview in the checks section of the PR. <span class="image-wrapper"><img src="/devdocs/images/bootcamp/live_preview.png" alt="PR Checks Section" width="920" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span></li> <li>Open the link to the PR preview and ensure that your changes are reflected in the rendered site</li></ol></li> <li>Follow up with PR reviews and make changes as requested.</li></ol></div> <p>For features, it is also crucial to get early feedback on implementation details. This is because some considerations may need to be exercised when introducing new user-facing syntax. Another problem is that the implementation may not be the most appropriate or straightforward one, sometimes due to how existing code is structured.</p> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-info" data-v-0eabf1c4><i class="fas fa-info" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4><a href="https://github.com/MarkBind/markbind/issues/1475" data-v-0eabf1c4>Issue #1475</a> is an example where the work in <a href="https://github.com/MarkBind/markbind/pull/1988" data-v-0eabf1c4>PR #1988</a> involved changing the implementation midway.</p></div> <!----></div></div></div> <h2 id="summary">Summary<a href="#summary" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>In this part, we have reviewed the steps to implement a new feature. Working on a new feature can be a daunting task, but it is also very rewarding to own a feature from start to finish.</p> <p>Here are some additional tasks for you to try out:</p> <ul class="contains-task-list"><li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Look through the mentioned PRs and try to understand how the features were implemented.</li> <li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Look through the issue tracker and see if there are any features that you would like to work on.</li></ul> <p>And...that's it!🚀🚀🚀</p> <p>You have completed the bootcamp! Take a well-deserved rest and we look forward to your contributions!</p> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/bootcamp/fixABug.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Fix a Bug</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/development/settingUp.html" class="btn btn-light"><span><span>Setting up</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#implement-a-new-feature" data-v-e6005420>Implement a New Feature‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tldr" data-v-e6005420>TLDR‎</a> <a class="nav-link py-1" href="#feature-proposal" data-v-e6005420>Feature Proposal‎</a> <a class="nav-link py-1" href="#design-and-amp-iterate" data-v-e6005420>Design &amp; Iterate‎</a> <a class="nav-link py-1" href="#add-tests-and-amp-update-documentation" data-v-e6005420>Add Tests &amp; Update Documentation‎</a> <a class="nav-link py-1" href="#create-pr-and-amp-follow-up-with-the-reviews" data-v-e6005420>Create PR &amp; Follow up with the Reviews‎</a> <a class="nav-link py-1" href="#summary" data-v-e6005420>Summary‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+<ol><li>The PR preview is generated by netlify/markbind-master/deploy-preview.</li> <li>You can find the link to the PR preview in the checks section of the PR. <span class="image-wrapper"><img src="/devdocs/images/bootcamp/live_preview.png" alt="PR Checks Section" width="920" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span></li> <li>Open the link to the PR preview and ensure that your changes are reflected in the rendered site</li></ol></li> <li>Follow up with PR reviews and make changes as requested.</li></ol></div> <p>For features, it is also crucial to get early feedback on implementation details. This is because some considerations may need to be exercised when introducing new user-facing syntax. Another problem is that the implementation may not be the most appropriate or straightforward one, sometimes due to how existing code is structured.</p> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-info" data-v-0eabf1c4><i class="fas fa-info" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4><a href="https://github.com/MarkBind/markbind/issues/1475" data-v-0eabf1c4>Issue #1475</a> is an example where the work in <a href="https://github.com/MarkBind/markbind/pull/1988" data-v-0eabf1c4>PR #1988</a> involved changing the implementation midway.</p></div> <!----></div></div></div> <h2 id="summary">Summary<a href="#summary" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>In this part, we have reviewed the steps to implement a new feature. Working on a new feature can be a daunting task, but it is also very rewarding to own a feature from start to finish.</p> <p>Here are some additional tasks for you to try out:</p> <ul class="contains-task-list"><li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Look through the mentioned PRs and try to understand how the features were implemented.</li> <li class="task-list-item enabled"><input type="checkbox" class="task-list-item-checkbox"> Look through the issue tracker and see if there are any features that you would like to work on.</li></ul> <p>And...that's it!🚀🚀🚀</p> <p>You have completed the bootcamp! Take a well-deserved rest and we look forward to your contributions!</p> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/bootcamp/fixABug.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Fix a Bug</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/development/settingUp.html" class="btn btn-light"><span><span>Setting up</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#implement-a-new-feature" data-v-e6005420>Implement a New Feature‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tldr" data-v-e6005420>TLDR‎</a> <a class="nav-link py-1" href="#feature-proposal" data-v-e6005420>Feature Proposal‎</a> <a class="nav-link py-1" href="#design-and-amp-iterate" data-v-e6005420>Design &amp; Iterate‎</a> <a class="nav-link py-1" href="#add-tests-and-amp-update-documentation" data-v-e6005420>Add Tests &amp; Update Documentation‎</a> <a class="nav-link py-1" href="#create-pr-and-amp-follow-up-with-the-reviews" data-v-e6005420>Create PR &amp; Follow up with the Reviews‎</a> <a class="nav-link py-1" href="#summary" data-v-e6005420>Summary‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/bootcamp/implementAFeature.page-vue-render.js b/devGuide/bootcamp/implementAFeature.page-vue-render.js
index 51e41998..6bdad38f 100644
--- a/devGuide/bootcamp/implementAFeature.page-vue-render.js
+++ b/devGuide/bootcamp/implementAFeature.page-vue-render.js
@@ -56,6 +56,6 @@ with(this){return _c('ul',{staticClass:"contains-task-list"},[_c('li',{staticCla
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-start"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/bootcamp/fixABug.html"}},[_c('span',[_c('span',{staticClass:"far fa-arrow-alt-circle-left",attrs:{"aria-hidden":"true"}}),_v(" "),_c('span',[_v("Fix a Bug")])])])])]),_v(" "),_c('p',[_c('span',{staticClass:"float-end"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/development/settingUp.html"}},[_c('span',[_c('span',[_v("Setting up")]),_v(" "),_c('span',{staticClass:"far fa-arrow-alt-circle-right",attrs:{"aria-hidden":"true"}})])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/bootcamp/intro.html b/devGuide/bootcamp/intro.html
index 85bf28d9..937f1d3f 100644
--- a/devGuide/bootcamp/intro.html
+++ b/devGuide/bootcamp/intro.html
@@ -30,7 +30,7 @@
 <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/devdocs/devGuide/styleGuides.html" data-v-e6005420>Style guides</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><div data-v-ef898034><nav aria-label="breadcrumb" class="breadcrumb-divider" data-v-ef898034><ol class="breadcrumb" data-v-ef898034><li class="notlink breadcrumb-marker" data-v-ef898034>
         ››  
       </li> </ol></nav></div> <p><span id="title" class="d-none">Onboarding Bootcamp</span></p> <h1 id="onboarding-bootcamp">Onboarding Bootcamp<a href="#onboarding-bootcamp" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p>New developers are often confused about how to get started in brown-field projects. This onboarding bootcamp is created to ramp up developer familiarity with the MarkBind codebase and get you started with contributing (in a variety of ways) to MarkBind.</p></div> <p>In the following pages, we will go through a series of tasks and you are encouraged to follow along to walk through some of the typical development workflows. When in doubt, you can always refer to the rest of the developer guide for more information.</p> <p><strong>Structure</strong></p> <p>Each Task will include a &quot;TLDR&quot; section that summarizes the key objectives. This is intended for developers who wish to attempt the task on their own. The rest of the page will include a step-by-step guide and checkpoints
-to help you complete the task.</p> <p><strong>Summary of Tasks</strong></p> <ol><li><a href="/devdocs/devGuide/bootcamp/exploreMarkBind.html">Explore MarkBind as a user</a></li> <li><a href="/devdocs/devGuide/bootcamp/contributeToDocs.html">Contribute to our documentation</a></li> <li><a href="/devdocs/devGuide/bootcamp/fixABug.html">Fix a bug</a></li> <li><a href="/devdocs/devGuide/bootcamp/implementAFeature.html">Implement a new feature</a></li></ol> <p><strong>Maintainers' Note</strong></p> <p>This onboarding bootcamp is intended for developers who are keen to make more than just one contribution to the project. It is particularly well-suited for onboarding NUS <a href="https://nus-oss.github.io/pages/iwm.html">Independent Work Module (CP3108A and CP3108B)</a> and <a href="https://nus-cs3281.github.io/website/admin/callForApplications.html">Thematic Systems Project (CS3281 aka Software Engineering in Live Projects)</a> students, but may also be useful to any external developers who wish to dive deeper into the codebase. While we encourage all new developers to go through this process, it is optional and developers are welcome to jump straight into making contributions if they prefer.</p> <p>The maintenance of this onboarding bootcamp document does require effort. If you encounter any issues as the materials become outdated or have suggestions, we <strong>highly encourage</strong> you to <a href="https://github.com/MarkBind/markbind/issues/new/choose">submit an issue</a> or make a pull request to update the materials. This will help us keep the onboarding process up-to-date and effective for future developers.</p> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/devGuide.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Contributing</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/bootcamp/exploreMarkBind.html" class="btn btn-light"><span><span>Explore MarkBind as a User</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+to help you complete the task.</p> <p><strong>Summary of Tasks</strong></p> <ol><li><a href="/devdocs/devGuide/bootcamp/exploreMarkBind.html">Explore MarkBind as a user</a></li> <li><a href="/devdocs/devGuide/bootcamp/contributeToDocs.html">Contribute to our documentation</a></li> <li><a href="/devdocs/devGuide/bootcamp/fixABug.html">Fix a bug</a></li> <li><a href="/devdocs/devGuide/bootcamp/implementAFeature.html">Implement a new feature</a></li></ol> <p><strong>Maintainers' Note</strong></p> <p>This onboarding bootcamp is intended for developers who are keen to make more than just one contribution to the project. It is particularly well-suited for onboarding NUS <a href="https://nus-oss.github.io/pages/iwm.html">Independent Work Module (CP3108A and CP3108B)</a> and <a href="https://nus-cs3281.github.io/website/admin/callForApplications.html">Thematic Systems Project (CS3281 aka Software Engineering in Live Projects)</a> students, but may also be useful to any external developers who wish to dive deeper into the codebase. While we encourage all new developers to go through this process, it is optional and developers are welcome to jump straight into making contributions if they prefer.</p> <p>The maintenance of this onboarding bootcamp document does require effort. If you encounter any issues as the materials become outdated or have suggestions, we <strong>highly encourage</strong> you to <a href="https://github.com/MarkBind/markbind/issues/new/choose">submit an issue</a> or make a pull request to update the materials. This will help us keep the onboarding process up-to-date and effective for future developers.</p> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/devGuide.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Contributing</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/bootcamp/exploreMarkBind.html" class="btn btn-light"><span><span>Explore MarkBind as a User</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/bootcamp/intro.page-vue-render.js b/devGuide/bootcamp/intro.page-vue-render.js
index 72c60b70..f8169c3b 100644
--- a/devGuide/bootcamp/intro.page-vue-render.js
+++ b/devGuide/bootcamp/intro.page-vue-render.js
@@ -35,6 +35,6 @@ with(this){return _c('p',[_v("The maintenance of this onboarding bootcamp docume
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-start"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/devGuide.html"}},[_c('span',[_c('span',{staticClass:"far fa-arrow-alt-circle-left",attrs:{"aria-hidden":"true"}}),_v(" "),_c('span',[_v("Contributing")])])])])]),_v(" "),_c('p',[_c('span',{staticClass:"float-end"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/bootcamp/exploreMarkBind.html"}},[_c('span',[_c('span',[_v("Explore MarkBind as a User")]),_v(" "),_c('span',{staticClass:"far fa-arrow-alt-circle-right",attrs:{"aria-hidden":"true"}})])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/design/architecture.html b/devGuide/design/architecture.html
index 71b788f3..30a0df3d 100644
--- a/devGuide/design/architecture.html
+++ b/devGuide/design/architecture.html
@@ -29,9 +29,9 @@
 
 <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/devdocs/devGuide/styleGuides.html" data-v-e6005420>Style guides</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><div data-v-ef898034><nav aria-label="breadcrumb" class="breadcrumb-divider" data-v-ef898034><ol class="breadcrumb" data-v-ef898034><li class="notlink breadcrumb-marker" data-v-ef898034>
         ››  
-      </li> </ol></nav></div> <p><span id="title" class="d-none">Architecture</span></p> <h1 id="architecture">Architecture<a href="#architecture" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead mb-5"><p>This page provides an overview of the MarkBind's architecture.</p></div> <p><a href="/devdocs/images/dev%20diagrams/architecture.png" target="_self"><img src="/devdocs/images/dev%20diagrams/architecture.png" alt="MarkBind Architecture Diagram" class="img-fluid"></a></p> <p>The above diagram shows the key classes and <span data-mb-component-type="popover" tabindex="0" class="trigger"><!----> <!----></span> in MarkBind. You may note the following from these:</p> <h3 id="key-classes">Key classes<a href="#key-classes" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The 3 key classes representing different types of content are as follows:</p> <ol><li><code class="hljs inline no-lang">Page</code> — a page, as specified by the user in their various site configuration <code class="hljs inline no-lang">glob</code> or <code class="hljs inline no-lang">src</code> properties. These are directly managed by the <code class="hljs inline no-lang">Site</code> instance.</li> <li><code class="hljs inline no-lang">Layout</code> — a single layout file, as contained in the <code class="hljs inline no-lang">_markbind/layouts</code> folder, collectively managed by <code class="hljs inline no-lang">LayoutManager</code>.</li></ol> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-success" data-v-0eabf1c4><i class="fas fa-lightbulb" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>Note that <code class="hljs inline no-lang" data-v-0eabf1c4>Layout</code> instances do not generate any output files directly, but rather, they store intermediate processing results to be used in a <code class="hljs inline no-lang" data-v-0eabf1c4>Page</code>.</p></div> <!----></div></div></div> <ol><li><code class="hljs inline no-lang">External</code> — source files referenced in a <code class="hljs inline no-lang">Page</code>, <code class="hljs inline no-lang">Layout</code> or even another <code class="hljs inline no-lang">External</code> that result in a <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----> <!----></span> output file. These output files are loaded dynamically and on-demand in the browser. These instances are managed by a single <code class="hljs inline no-lang">ExternalManager</code> instance.</li></ol> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-info" data-v-0eabf1c4><i class="fas fa-info" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>For example, the file referenced by a <code class="hljs inline no-lang" data-v-0eabf1c4>&lt;panel src=&quot;xx.md&quot;&gt;</code> generates a separate <code class="hljs inline no-lang" data-v-0eabf1c4>xx._include_.html</code>, which is requested and loaded only when the panel is expanded.</p></div> <!----></div></div></div> <h3 id="content-processing-flow">Content processing flow<a href="#content-processing-flow" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Every <code class="hljs inline no-lang">Page</code>, <code class="hljs inline no-lang">Layout</code> and <code class="hljs inline no-lang">External</code> follows the same overall content processing flow, that is:</p> <p><em>Nunjucks <span aria-hidden="true" class="fas fa-arrow-right"></span> Markdown <span aria-hidden="true" class="fas fa-arrow-right"></span> Html</em></p> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-info" data-v-0eabf1c4><i class="fas fa-info" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>Note that generation of <code class="hljs inline no-lang" data-v-0eabf1c4>External</code>s (e.g. <code class="hljs inline no-lang" data-v-0eabf1c4>&lt;panel src=&quot;...&quot;&gt;</code>) <strong data-v-0eabf1c4>do not fall within</strong> the content processing flow <span class="underline" data-v-0eabf1c4>where they are <strong data-v-0eabf1c4>referenced</strong></span>.
+      </li> </ol></nav></div> <p><span id="title" class="d-none">Architecture</span></p> <h1 id="architecture">Architecture<a href="#architecture" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead mb-5"><p>This page provides an overview of the MarkBind's architecture.</p></div> <p><a href="/devdocs/images/dev%20diagrams/architecture.png" target="_self"><img src="/devdocs/images/dev%20diagrams/architecture.png" alt="MarkBind Architecture Diagram" class="img-fluid"></a></p> <p>The above diagram shows the key classes and <span data-mb-component-type="popover" tabindex="0" class="trigger"><!----><!----></span> in MarkBind. You may note the following from these:</p> <h3 id="key-classes">Key classes<a href="#key-classes" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The 3 key classes representing different types of content are as follows:</p> <ol><li><code class="hljs inline no-lang">Page</code> — a page, as specified by the user in their various site configuration <code class="hljs inline no-lang">glob</code> or <code class="hljs inline no-lang">src</code> properties. These are directly managed by the <code class="hljs inline no-lang">Site</code> instance.</li> <li><code class="hljs inline no-lang">Layout</code> — a single layout file, as contained in the <code class="hljs inline no-lang">_markbind/layouts</code> folder, collectively managed by <code class="hljs inline no-lang">LayoutManager</code>.</li></ol> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-success" data-v-0eabf1c4><i class="fas fa-lightbulb" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>Note that <code class="hljs inline no-lang" data-v-0eabf1c4>Layout</code> instances do not generate any output files directly, but rather, they store intermediate processing results to be used in a <code class="hljs inline no-lang" data-v-0eabf1c4>Page</code>.</p></div> <!----></div></div></div> <ol><li><code class="hljs inline no-lang">External</code> — source files referenced in a <code class="hljs inline no-lang">Page</code>, <code class="hljs inline no-lang">Layout</code> or even another <code class="hljs inline no-lang">External</code> that result in a <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----><!----></span> output file. These output files are loaded dynamically and on-demand in the browser. These instances are managed by a single <code class="hljs inline no-lang">ExternalManager</code> instance.</li></ol> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-info" data-v-0eabf1c4><i class="fas fa-info" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>For example, the file referenced by a <code class="hljs inline no-lang" data-v-0eabf1c4>&lt;panel src=&quot;xx.md&quot;&gt;</code> generates a separate <code class="hljs inline no-lang" data-v-0eabf1c4>xx._include_.html</code>, which is requested and loaded only when the panel is expanded.</p></div> <!----></div></div></div> <h3 id="content-processing-flow">Content processing flow<a href="#content-processing-flow" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Every <code class="hljs inline no-lang">Page</code>, <code class="hljs inline no-lang">Layout</code> and <code class="hljs inline no-lang">External</code> follows the same overall content processing flow, that is:</p> <p><em>Nunjucks <span aria-hidden="true" class="fas fa-arrow-right"></span> Markdown <span aria-hidden="true" class="fas fa-arrow-right"></span> Html</em></p> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-info" data-v-0eabf1c4><i class="fas fa-info" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>Note that generation of <code class="hljs inline no-lang" data-v-0eabf1c4>External</code>s (e.g. <code class="hljs inline no-lang" data-v-0eabf1c4>&lt;panel src=&quot;...&quot;&gt;</code>) <strong data-v-0eabf1c4>do not fall within</strong> the content processing flow <span class="underline" data-v-0eabf1c4>where they are <strong data-v-0eabf1c4>referenced</strong></span>.
 These are only flagged for generation, and then processed by <code class="hljs inline no-lang" data-v-0eabf1c4>ExternalManager</code> <strong data-v-0eabf1c4>after</strong>, in <strong data-v-0eabf1c4>another</strong> similar content processing flow within an <code class="hljs inline no-lang" data-v-0eabf1c4>External</code> instance.</p></div> <!----></div></div></div> <p><strong><strong>Rationale</strong></strong></p> <p>This simple three stage flow provides a simple, predictable content processing flow for the user, and removes several other development concerns:</p> <ol><li><p>As the templating language of choice, Nunjucks is always processed first, allowing its templating capabilities to be used to the full extent.
-Its syntax is also the most compatible and independent of the other stages.</p></li> <li><p>Secondly, Markdown is <strong>rendered before HTML</strong>, which produces more HTML. This also allows core Markdown features (e.g. code blocks) and Markdown plugins with eccentric syntaxes to be used without having to patch the HTML parser.</p></li> <li><p>Having processed possibly conflicting Nunjucks and Markdown syntax, HTML is then processed last.</p></li></ol> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/design/projectStructure.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Project Structure</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/design/serverSideRendering.html" class="btn btn-light"><span><span>Server Side Rendering</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#architecture" data-v-e6005420>Architecture‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#key-classes" data-v-e6005420>Key classes‎</a> <a class="nav-link py-1" href="#content-processing-flow" data-v-e6005420>Content processing flow‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+Its syntax is also the most compatible and independent of the other stages.</p></li> <li><p>Secondly, Markdown is <strong>rendered before HTML</strong>, which produces more HTML. This also allows core Markdown features (e.g. code blocks) and Markdown plugins with eccentric syntaxes to be used without having to patch the HTML parser.</p></li> <li><p>Having processed possibly conflicting Nunjucks and Markdown syntax, HTML is then processed last.</p></li></ol> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/design/projectStructure.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Project Structure</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/design/serverSideRendering.html" class="btn btn-light"><span><span>Server Side Rendering</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#architecture" data-v-e6005420>Architecture‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#key-classes" data-v-e6005420>Key classes‎</a> <a class="nav-link py-1" href="#content-processing-flow" data-v-e6005420>Content processing flow‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/design/architecture.page-vue-render.js b/devGuide/design/architecture.page-vue-render.js
index a544fa58..42d7b5ab 100644
--- a/devGuide/design/architecture.page-vue-render.js
+++ b/devGuide/design/architecture.page-vue-render.js
@@ -41,6 +41,6 @@ with(this){return _c('ol',[_c('li',[_c('p',[_v("As the templating language of ch
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-start"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/design/projectStructure.html"}},[_c('span',[_c('span',{staticClass:"far fa-arrow-alt-circle-left",attrs:{"aria-hidden":"true"}}),_v(" "),_c('span',[_v("Project Structure")])])])])]),_v(" "),_c('p',[_c('span',{staticClass:"float-end"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/design/serverSideRendering.html"}},[_c('span',[_c('span',[_v("Server Side Rendering")]),_v(" "),_c('span',{staticClass:"far fa-arrow-alt-circle-right",attrs:{"aria-hidden":"true"}})])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/design/projectStructure.html b/devGuide/design/projectStructure.html
index 1f1295c8..6f1e7651 100644
--- a/devGuide/design/projectStructure.html
+++ b/devGuide/design/projectStructure.html
@@ -29,7 +29,7 @@
 
 <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/devdocs/devGuide/styleGuides.html" data-v-e6005420>Style guides</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><div data-v-ef898034><nav aria-label="breadcrumb" class="breadcrumb-divider" data-v-ef898034><ol class="breadcrumb" data-v-ef898034><li class="notlink breadcrumb-marker" data-v-ef898034>
         ››  
-      </li> </ol></nav></div> <p><span id="title" class="d-none">Project Structure</span></p> <h1 id="project-structure">Project Structure<a href="#project-structure" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p>This page gives you an overview of the MarkBind's internal project structure.</p></div> <h2 id="packages">Packages<a href="#packages" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>The MarkBind project is developed in a <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----> <!----></span> (<a href="https://github.com/MarkBind/markbind">MarkBind/markbind</a>) of 4 packages:</p> <ul><li><p>The core library, which parses and processes MarkBind's various syntaxes, resides in the <code class="hljs inline no-lang">packages/core/</code> directory.</p></li> <li><p>The command-line interface (CLI) application, which accepts commands from users and then uses the core library to parse and generate web pages, resides in the <code class="hljs inline no-lang">packages/cli/</code> directory.</p></li> <li><p>The core web library, which contains a generated web bundle from various setup scripts and the UI components library, resides in <code class="hljs inline no-lang">packages/core-web/</code>.</p></li> <li><p>The UI components library, which MarkBind authors can use to create content with complex and interactive structure, resides in the <code class="hljs inline no-lang">packages/vue-components/</code> directory.</p> <p>Stack used: <em>Node.js</em>, <em>Vue.js</em></p></li></ul> <h3 id="markbind-core-library">MarkBind core library<a href="#markbind-core-library" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>The core library mainly houses:</strong></p> <ul><li><p>Functions and libraries used to parse and process MarkBind into usable output are stored in <code class="hljs inline no-lang">src</code>. The architecture described in <a href="/devdocs/devGuide/design/architecture.html">Architecture</a> is contained here. A brief rundown of what it includes:</p> <ul><li><p>Various key functionalities in processing MarkBind syntax into valid HTML output, stored in <code class="hljs inline no-lang">html</code>. The other part of the content processing flow is found in <code class="hljs inline no-lang">variables</code>, which manages site variables and facilitates the Nunjucks calls.</p></li> <li><p><code class="hljs inline no-lang">Page</code> files generate a single page of the site, and are managed by the <code class="hljs inline no-lang">Site</code> instance. <code class="hljs inline no-lang">Site</code> uses the Page model's interface to generate pages, and performs various other utility-like functions related to site generation such as copying of external assets into the output folder.</p></li> <li><p><code class="hljs inline no-lang">Layout</code> holds the files relating to the layout of the site and are managed by <code class="hljs inline no-lang">LayoutManager</code>. Similarly, <code class="hljs inline no-lang">External</code> files, which are separate output files to be loaded dynamically and on-demand, are managed by a <code class="hljs inline no-lang">ExternalManager</code> instance.</p></li> <li><p>Various libraries (contained in <code class="hljs inline no-lang">lib</code>) and plugins (in <code class="hljs inline no-lang">plugins</code>) are also stored here. Some external libraries have also been amended to suit MarkBind's purpose – see <code class="hljs inline no-lang">patches</code>.</p></li></ul></li> <li><p>MarkBind's <a tags="environment--dg" href="https://markbind.org/userGuide/templates.html">templates</a>, used in the <code class="hljs inline no-lang">markbind init</code> command.</p></li> <li><p>Unit Tests (though there are more unit tests and functional tests in the cli library)</p></li></ul> <p><strong>The key external libraries used are:</strong></p> <ul><li><p><a href="https://github.com/markdown-it/markdown-it">markdown-it</a>, which does the Markdown parsing and rendering. There are also several customized markdown-it plugins used in MarkBind, which are located inside the <code class="hljs inline no-lang">src/lib/markdown-it/</code> directory.</p> <ul><li><p>Several markdown-it plugins are installed to enhance the existing Markdown syntax. They can be found in <code class="hljs inline no-lang">src/package.json</code>. Some of them are patched in the <code class="hljs inline no-lang">src/lib/markdown-it/patches/</code> directory to fit MarkBind's needs.</p></li> <li><p>Additionally, there are some markdown-it plugins in the <code class="hljs inline no-lang">src/lib/markdown-it/plugins/</code> directory (either forked, modified or written to enhance existing functionalities).</p></li></ul></li> <li><p><a href="https://github.com/fb55/htmlparser2">htmlparser2</a>, a speedy and forgiving HTML parser which exposes a DOM-like object structure to work on. To comply with the markdown spec, and our custom requirements, <code class="hljs inline no-lang">src/patches/htmlparser2.js</code> patches various behaviours of this library.</p></li> <li><p><a href="https://cheerio.js.org/">cheerio</a>, which is a node.js equivalent of <a href="https://jquery.com/">jQuery</a>. Cheerio uses <a href="https://github.com/fb55/htmlparser2">htmlparser2</a> to parse the HTML as well, hence our patches propagate here.</p></li> <li><p><a href="https://mozilla.github.io/nunjucks/">Nunjucks</a>, which is a JavaScript templating engine. Nunjucks is used to support our variable system to help with reusing small bits of code in multiple places. The package is patched and stored in <code class="hljs inline no-lang">src/patches/nunjucks</code> to make it compatible with other MarkBind syntax processing steps.</p></li></ul> <h3 id="markbind-cli">MarkBind CLI<a href="#markbind-cli" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The CLI application uses and further builds on the interface exposed by the core library's <code class="hljs inline no-lang">Site</code> model to provide functionalities for the author, such as <code class="hljs inline no-lang">markbind serve</code> which initiates a live reload workflow.</p> <p><strong>The key external libraries used are:</strong></p> <ul><li><p><a href="https://github.com/tj/commander.js/">commander.js</a>, which is a node.js CLI framework.</p></li> <li><p><a href="https://github.com/tapio/live-server">live-server</a>, which is a simple web server for local development and preview of a MarkBind site. The package is patched and stored in <code class="hljs inline no-lang">src/lib/live-server</code> with our custom fine tuning.</p></li></ul> <h3 id="markbind-core-web-library">MarkBind core-web library<a href="#markbind-core-web-library" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>This package houses the various frontend assets used in the core package.</p> <p>Some external assets included are Vue.js, Bootstrap bundles, and FontAwesome bundles.</p> <p>Internal bundles are also present, generated from setup scripts, custom stylesheets and the UI components library.</p> <h3 id="ui-components-library">UI components library<a href="#ui-components-library" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>This package consists of a mix of <a href="https://getbootstrap.com/components/">Bootstrap</a> and proprietary components rewritten in <a href="https://vuejs.org">Vue.js</a> based on our needs for educational websites.</p> <p>We forked it from the original <a href="https://github.com/yuche/vue-strap">yuche/vue-strap</a> repo into the <a href="https://github.com/MarkBind/vue-strap">MarkBind/vue-strap</a> repo, and then later merged it into the main <a href="https://github.com/MarkBind/markbind">MarkBind/markbind</a> repo.</p> <p><strong>The key dependencies used are:</strong></p> <ul><li><p><a href="http://vuejs.org/">Vue.js</a> (required ^v2.x.x, test with v2.6.14).</p></li> <li><p><a href="http://getbootstrap.com/">Bootstrap CSS</a> (required 5.x.x, test with 5.1.3). MarkBind's Vue components doesn't depend on a very precise version of Bootstrap.</p></li></ul> <p>Some custom components and directives are also added for MarkBind's use.</p> <hr> <ul><li><p><strong>MarkBind components newly created or revamped since moving</strong></p> <ul><li><p>Modal.vue (built on <a href="https://vue-final-modal.org/">Vue Final Modal</a>)</p></li> <li><p>Question.vue</p></li> <li><p>QOption.vue</p></li> <li><p>Quiz.vue</p></li> <li><p>Popover.vue (built on floating-vue's <a href="https://floating-vue.starpad.dev/guide/component.html#hover-menu">Menu</a> component)</p></li> <li><p>Tooltip.vue (built on floating-vue's <a href="https://floating-vue.starpad.dev/guide/component.html#tooltip">Tooltip</a> component)</p></li> <li><p>Trigger.vue (built on vue-final-modal's <a href="https://vue-final-modal.org/api#api">$vfm API</a> and Floating Vue's Menus and Tooltips)</p></li></ul></li> <li><p><strong>MarkBind components ported from <a href="https://github.com/MarkBind/vue-strap">MarkBind/vue-strap</a></strong></p> <ul><li><p>Pic.vue</p></li> <li><p>Retriever.vue</p></li> <li><p>Searchbar.vue</p></li> <li><p>SearchbarPageItem.vue</p></li> <li><p>Thumbnail.vue</p></li> <li><p>Box.vue</p></li></ul></li> <li><p><strong>Custom directives ported from <a href="https://github.com/MarkBind/vue-strap">MarkBind/vue-strap</a></strong></p> <ul><li><p>Closeable.js</p></li> <li><p>Float.js</p></li></ul></li> <li><p><strong>VueStrap components modified for use in MarkBind</strong></p> <ul><li><p>Dropdown.vue</p></li> <li><p>Navbar.vue</p></li> <li><p>NestedPanel.vue</p></li> <li><p>MinimalPanel.vue</p></li> <li><p>Tab.vue</p></li> <li><p>TabGroup.vue</p></li> <li><p>Tabset.vue</p></li></ul></li></ul> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/development/migratingToTypeScript.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Migrating to TypeScript</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/design/architecture.html" class="btn btn-light"><span><span>Architecture</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#project-structure" data-v-e6005420>Project Structure‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#packages" data-v-e6005420>Packages‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#markbind-core-library" data-v-e6005420>MarkBind core library‎</a> <a class="nav-link py-1" href="#markbind-cli" data-v-e6005420>MarkBind CLI‎</a> <a class="nav-link py-1" href="#markbind-core-web-library" data-v-e6005420>MarkBind core-web library‎</a> <a class="nav-link py-1" href="#ui-components-library" data-v-e6005420>UI components library‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+      </li> </ol></nav></div> <p><span id="title" class="d-none">Project Structure</span></p> <h1 id="project-structure">Project Structure<a href="#project-structure" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p>This page gives you an overview of the MarkBind's internal project structure.</p></div> <h2 id="packages">Packages<a href="#packages" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>The MarkBind project is developed in a <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----><!----></span> (<a href="https://github.com/MarkBind/markbind">MarkBind/markbind</a>) of 4 packages:</p> <ul><li><p>The core library, which parses and processes MarkBind's various syntaxes, resides in the <code class="hljs inline no-lang">packages/core/</code> directory.</p></li> <li><p>The command-line interface (CLI) application, which accepts commands from users and then uses the core library to parse and generate web pages, resides in the <code class="hljs inline no-lang">packages/cli/</code> directory.</p></li> <li><p>The core web library, which contains a generated web bundle from various setup scripts and the UI components library, resides in <code class="hljs inline no-lang">packages/core-web/</code>.</p></li> <li><p>The UI components library, which MarkBind authors can use to create content with complex and interactive structure, resides in the <code class="hljs inline no-lang">packages/vue-components/</code> directory.</p> <p>Stack used: <em>Node.js</em>, <em>Vue.js</em></p></li></ul> <h3 id="markbind-core-library">MarkBind core library<a href="#markbind-core-library" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>The core library mainly houses:</strong></p> <ul><li><p>Functions and libraries used to parse and process MarkBind into usable output are stored in <code class="hljs inline no-lang">src</code>. The architecture described in <a href="/devdocs/devGuide/design/architecture.html">Architecture</a> is contained here. A brief rundown of what it includes:</p> <ul><li><p>Various key functionalities in processing MarkBind syntax into valid HTML output, stored in <code class="hljs inline no-lang">html</code>. The other part of the content processing flow is found in <code class="hljs inline no-lang">variables</code>, which manages site variables and facilitates the Nunjucks calls.</p></li> <li><p><code class="hljs inline no-lang">Page</code> files generate a single page of the site, and are managed by the <code class="hljs inline no-lang">Site</code> instance. <code class="hljs inline no-lang">Site</code> uses the Page model's interface to generate pages, and performs various other utility-like functions related to site generation such as copying of external assets into the output folder.</p></li> <li><p><code class="hljs inline no-lang">Layout</code> holds the files relating to the layout of the site and are managed by <code class="hljs inline no-lang">LayoutManager</code>. Similarly, <code class="hljs inline no-lang">External</code> files, which are separate output files to be loaded dynamically and on-demand, are managed by a <code class="hljs inline no-lang">ExternalManager</code> instance.</p></li> <li><p>Various libraries (contained in <code class="hljs inline no-lang">lib</code>) and plugins (in <code class="hljs inline no-lang">plugins</code>) are also stored here. Some external libraries have also been amended to suit MarkBind's purpose – see <code class="hljs inline no-lang">patches</code>.</p></li></ul></li> <li><p>MarkBind's <a tags="environment--dg" href="https://markbind.org/userGuide/templates.html">templates</a>, used in the <code class="hljs inline no-lang">markbind init</code> command.</p></li> <li><p>Unit Tests (though there are more unit tests and functional tests in the cli library)</p></li></ul> <p><strong>The key external libraries used are:</strong></p> <ul><li><p><a href="https://github.com/markdown-it/markdown-it">markdown-it</a>, which does the Markdown parsing and rendering. There are also several customized markdown-it plugins used in MarkBind, which are located inside the <code class="hljs inline no-lang">src/lib/markdown-it/</code> directory.</p> <ul><li><p>Several markdown-it plugins are installed to enhance the existing Markdown syntax. They can be found in <code class="hljs inline no-lang">src/package.json</code>. Some of them are patched in the <code class="hljs inline no-lang">src/lib/markdown-it/patches/</code> directory to fit MarkBind's needs.</p></li> <li><p>Additionally, there are some markdown-it plugins in the <code class="hljs inline no-lang">src/lib/markdown-it/plugins/</code> directory (either forked, modified or written to enhance existing functionalities).</p></li></ul></li> <li><p><a href="https://github.com/fb55/htmlparser2">htmlparser2</a>, a speedy and forgiving HTML parser which exposes a DOM-like object structure to work on. To comply with the markdown spec, and our custom requirements, <code class="hljs inline no-lang">src/patches/htmlparser2.js</code> patches various behaviours of this library.</p></li> <li><p><a href="https://cheerio.js.org/">cheerio</a>, which is a node.js equivalent of <a href="https://jquery.com/">jQuery</a>. Cheerio uses <a href="https://github.com/fb55/htmlparser2">htmlparser2</a> to parse the HTML as well, hence our patches propagate here.</p></li> <li><p><a href="https://mozilla.github.io/nunjucks/">Nunjucks</a>, which is a JavaScript templating engine. Nunjucks is used to support our variable system to help with reusing small bits of code in multiple places. The package is patched and stored in <code class="hljs inline no-lang">src/patches/nunjucks</code> to make it compatible with other MarkBind syntax processing steps.</p></li></ul> <h3 id="markbind-cli">MarkBind CLI<a href="#markbind-cli" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The CLI application uses and further builds on the interface exposed by the core library's <code class="hljs inline no-lang">Site</code> model to provide functionalities for the author, such as <code class="hljs inline no-lang">markbind serve</code> which initiates a live reload workflow.</p> <p><strong>The key external libraries used are:</strong></p> <ul><li><p><a href="https://github.com/tj/commander.js/">commander.js</a>, which is a node.js CLI framework.</p></li> <li><p><a href="https://github.com/tapio/live-server">live-server</a>, which is a simple web server for local development and preview of a MarkBind site. The package is patched and stored in <code class="hljs inline no-lang">src/lib/live-server</code> with our custom fine tuning.</p></li></ul> <h3 id="markbind-core-web-library">MarkBind core-web library<a href="#markbind-core-web-library" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>This package houses the various frontend assets used in the core package.</p> <p>Some external assets included are Vue.js, Bootstrap bundles, and FontAwesome bundles.</p> <p>Internal bundles are also present, generated from setup scripts, custom stylesheets and the UI components library.</p> <h3 id="ui-components-library">UI components library<a href="#ui-components-library" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>This package consists of a mix of <a href="https://getbootstrap.com/components/">Bootstrap</a> and proprietary components rewritten in <a href="https://vuejs.org">Vue.js</a> based on our needs for educational websites.</p> <p>We forked it from the original <a href="https://github.com/yuche/vue-strap">yuche/vue-strap</a> repo into the <a href="https://github.com/MarkBind/vue-strap">MarkBind/vue-strap</a> repo, and then later merged it into the main <a href="https://github.com/MarkBind/markbind">MarkBind/markbind</a> repo.</p> <p><strong>The key dependencies used are:</strong></p> <ul><li><p><a href="http://vuejs.org/">Vue.js</a> (required ^v2.x.x, test with v2.6.14).</p></li> <li><p><a href="http://getbootstrap.com/">Bootstrap CSS</a> (required 5.x.x, test with 5.1.3). MarkBind's Vue components doesn't depend on a very precise version of Bootstrap.</p></li></ul> <p>Some custom components and directives are also added for MarkBind's use.</p> <hr> <ul><li><p><strong>MarkBind components newly created or revamped since moving</strong></p> <ul><li><p>Modal.vue (built on <a href="https://vue-final-modal.org/">Vue Final Modal</a>)</p></li> <li><p>Question.vue</p></li> <li><p>QOption.vue</p></li> <li><p>Quiz.vue</p></li> <li><p>Popover.vue (built on floating-vue's <a href="https://floating-vue.starpad.dev/guide/component.html#hover-menu">Menu</a> component)</p></li> <li><p>Tooltip.vue (built on floating-vue's <a href="https://floating-vue.starpad.dev/guide/component.html#tooltip">Tooltip</a> component)</p></li> <li><p>Trigger.vue (built on vue-final-modal's <a href="https://vue-final-modal.org/api#api">$vfm API</a> and Floating Vue's Menus and Tooltips)</p></li></ul></li> <li><p><strong>MarkBind components ported from <a href="https://github.com/MarkBind/vue-strap">MarkBind/vue-strap</a></strong></p> <ul><li><p>Pic.vue</p></li> <li><p>Retriever.vue</p></li> <li><p>Searchbar.vue</p></li> <li><p>SearchbarPageItem.vue</p></li> <li><p>Thumbnail.vue</p></li> <li><p>Box.vue</p></li></ul></li> <li><p><strong>Custom directives ported from <a href="https://github.com/MarkBind/vue-strap">MarkBind/vue-strap</a></strong></p> <ul><li><p>Closeable.js</p></li> <li><p>Float.js</p></li></ul></li> <li><p><strong>VueStrap components modified for use in MarkBind</strong></p> <ul><li><p>Dropdown.vue</p></li> <li><p>Navbar.vue</p></li> <li><p>NestedPanel.vue</p></li> <li><p>MinimalPanel.vue</p></li> <li><p>Tab.vue</p></li> <li><p>TabGroup.vue</p></li> <li><p>Tabset.vue</p></li></ul></li></ul> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/development/migratingToTypeScript.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Migrating to TypeScript</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/design/architecture.html" class="btn btn-light"><span><span>Architecture</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#project-structure" data-v-e6005420>Project Structure‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#packages" data-v-e6005420>Packages‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#markbind-core-library" data-v-e6005420>MarkBind core library‎</a> <a class="nav-link py-1" href="#markbind-cli" data-v-e6005420>MarkBind CLI‎</a> <a class="nav-link py-1" href="#markbind-core-web-library" data-v-e6005420>MarkBind core-web library‎</a> <a class="nav-link py-1" href="#ui-components-library" data-v-e6005420>UI components library‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/design/projectStructure.page-vue-render.js b/devGuide/design/projectStructure.page-vue-render.js
index b3f9cd33..23c6f7e5 100644
--- a/devGuide/design/projectStructure.page-vue-render.js
+++ b/devGuide/design/projectStructure.page-vue-render.js
@@ -71,6 +71,6 @@ with(this){return _c('ul',[_c('li',[_c('p',[_c('strong',[_v("MarkBind components
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-start"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/development/migratingToTypeScript.html"}},[_c('span',[_c('span',{staticClass:"far fa-arrow-alt-circle-left",attrs:{"aria-hidden":"true"}}),_v(" "),_c('span',[_v("Migrating to TypeScript")])])])])]),_v(" "),_c('p',[_c('span',{staticClass:"float-end"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/design/architecture.html"}},[_c('span',[_c('span',[_v("Architecture")]),_v(" "),_c('span',{staticClass:"far fa-arrow-alt-circle-right",attrs:{"aria-hidden":"true"}})])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/design/serverSideRendering.html b/devGuide/design/serverSideRendering.html
index 4cb68d40..05e5f9b1 100644
--- a/devGuide/design/serverSideRendering.html
+++ b/devGuide/design/serverSideRendering.html
@@ -29,7 +29,7 @@
 
 <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/devdocs/devGuide/styleGuides.html" data-v-e6005420>Style guides</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><div data-v-ef898034><nav aria-label="breadcrumb" class="breadcrumb-divider" data-v-ef898034><ol class="breadcrumb" data-v-ef898034><li class="notlink breadcrumb-marker" data-v-ef898034>
         ››  
-      </li> </ol></nav></div> <p><span id="title" class="d-none">Server Side Rendering</span></p> <h1 id="server-side-rendering">Server Side Rendering<a href="#server-side-rendering" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p>MarkBind uses Server-side Rendering (SSR) for its pages.</p> <p>To ensure SSR works properly, there are certain rules that developers should adhere to.</p> <p>This page will describe SSR in general and elaborate on the caveats that developers should take note of when contributing to MarkBind.</p></div> <h2 id="pre-requisite-knowledge">Pre-requisite Knowledge<a href="#pre-requisite-knowledge" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>To deal with SSR, it is important to first have a good understanding of two things:</p> <ol><li>Vue</li> <li>MarkBind's Packages</li></ol> <h3 id="understanding-vue">Understanding Vue<a href="#understanding-vue" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Here is a short list of questions to check your understanding of Vue:</p> <ul><li>What is a Vue instance?</li> <li>What does it mean to compile Vue?</li> <li>What are render functions?</li> <li>Are there any differences between compiling Vue on client-side versus server-side?</li> <li>What is the difference between compiling and rendering?</li></ul> <div class="alert box-container seamless d-flex" data-v-0eabf1c4><div class="d-flex" data-v-0eabf1c4><div class="icon-wrapper  text-info" data-v-0eabf1c4><i class="fas fa-info" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-0eabf1c4></div></div> <div class="header-and-body" data-v-0eabf1c4><div class="box-header-wrapper" data-v-0eabf1c4><!----> <div class="box-header" data-v-0eabf1c4><h5 id="useful-resources-to-understand-vue-better" data-v-0eabf1c4>Useful Resources to understand Vue better<a href="#useful-resources-to-understand-vue-better" onclick="event.stopPropagation()" class="fa fa-anchor" data-v-0eabf1c4></a></h5></div> <!----></div> <div class="box-body-wrapper box-body-wrapper-with-heading" data-v-0eabf1c4><!----> <!----> <div class="contents" data-v-0eabf1c4> <p data-v-0eabf1c4>If there are any doubts regarding the questions above, here are some good resources to refer to:</p> <ul data-v-0eabf1c4><li data-v-0eabf1c4><a href="https://vuejs.org/v2/guide" data-v-0eabf1c4>Vue Official Documentation</a></li> <li data-v-0eabf1c4><a href="https://www.youtube.com/watch?v=wZN_FtZRYC8&amp;ab_channel=LaraconEU" data-v-0eabf1c4>Evan You - Inside Vue Components - Laracon EU 2017</a></li></ul></div> <!----></div></div></div> <h3 id="understanding-markbind-s-packages">Understanding MarkBind's Packages<a href="#understanding-markbind-s-packages" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>There are four packages in MarkBind's codebase:</p> <ol><li>cli</li> <li>core</li> <li>core-web</li> <li>vue-components</li></ol> <p>You may refer to MarkBind's <a href="/devdocs/devGuide/design/projectStructure.html">project structure</a> to get a better understanding of how the packages work together.</p> <h2 id="what-is-server-side-rendering-and-why">What is Server-side Rendering and Why?<a href="#what-is-server-side-rendering-and-why" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>In MarkBind's context, SSR refers to the generation of proper HTML strings from Vue components on the server (core library) instead of shifting that responsibility to the client-side (browser).</p> <p>The main motivation that we had for introducing SSR into MarkBind is to enhance user experience by resolving the unsightly issue of Flash-of-Unstyled-Content (FOUC), which occurs due to our reliance on Client-side Rendering (CSR).</p> <h2 id="client-side-hydration">Client-side Hydration<a href="#client-side-hydration" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>SSR and Client-side Hydration are 2 concepts that go hand-in-hand. Essentially, once we produce the static HTML via SSR and send it over to the client-side, Vue on the client-side will execute what is known as Client-side Hydration on the static HTML.</p> <p>During the hydration process, Vue essentially compares your SSR HTML markup against the virtual DOM generated by the render function on the client-side. If any difference is found, meaning that the application that we have on the client-side (the virtual DOM tree) differs from the SSR HTML mark-up that we send to the client, Vue will reject the SSR HTML output, bail Client-side Hydration, and execute full CSR.</p> <p>This is known as &quot;Hydration Issue&quot; and it is one of the main challenges you will face with SSR in MarkBind.</p> <div class="alert box-container seamless d-flex" data-v-0eabf1c4><div class="d-flex" data-v-0eabf1c4><div class="icon-wrapper  text-warning" data-v-0eabf1c4><i class="fas fa-exclamation" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-warning" data-v-0eabf1c4></div></div> <div class="header-and-body" data-v-0eabf1c4><div class="box-header-wrapper" data-v-0eabf1c4><!----> <div class="box-header" data-v-0eabf1c4><h4 id="using-production-build" data-v-0eabf1c4>Using production build<a href="#using-production-build" onclick="event.stopPropagation()" class="fa fa-anchor" data-v-0eabf1c4></a></h4></div> <!----></div> <div class="box-body-wrapper box-body-wrapper-with-heading" data-v-0eabf1c4><!----> <!----> <div class="contents" data-v-0eabf1c4> <p data-v-0eabf1c4>In production build, Vue does not perform hydration check. Any errors resulting from hydration will trigger full CSR without warning. MarkBind <strong data-v-0eabf1c4>uses the development build by default</strong> when you serve it in development mode (<code class="hljs inline no-lang" data-v-0eabf1c4>-d</code> option).</p></div> <!----></div></div></div> <h2 id="penalties-of-hydration-issue">Penalties of Hydration Issue<a href="#penalties-of-hydration-issue" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>When hydration fails, on top of the wasted time and effort in executing SSR, we will also incur the additional time penalty of executing Client-side Hydration (where CSR will follow afterwards).</p> <p>Fortunately, even if we face hydration issues and execute full CSR, the FOUC problem will still be resolved nonetheless. The reason for this is because the SSR HTML markup should resemble the CSR HTML markup to a large extent.</p> <p>Supposedly, hydration issues typically occurs due to minor differences between client-side rendered virtual DOM tree and the server-rendered content. Of course, this is assuming that we are adhering to the concept of &quot;universal application&quot; as much as possible, which will be explained in the following section.</p> <h2 id="avoiding-hydration-issue">Avoiding Hydration Issue<a href="#avoiding-hydration-issue" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Conceptually, to prevent hydration issue, what we should always strive to achieve is a &quot;universal application&quot;.</p> <p>It is not difficult to achieve a &quot;universal application&quot; per-se because we merely have to ensure two things:</p> <ol><li>the initial state is the same between client-side and server-side.</li> <li>after compiling and rendering the Vue page application, the SSR HTML mark-up is not modified.</li></ol> <p>Beyond achieving a &quot;universal application&quot;, note that the HTML specifications should also be adhered to.</p> <p>Some common mistakes are as such:</p> <ul><li>Having block-level elements within <code class="hljs inline no-lang">&lt;p&gt;</code> tag</li> <li>Having unknown HTML elements within our Vue application during compilation/rendering (though this can be easily resolved by adding <code class="hljs inline no-lang">v-pre</code> to the unknown element, so that Vue will ignore that element during compilation).</li></ul> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-success" data-v-0eabf1c4><i class="fas fa-check" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>If you are unsure what elements are allowed within other elements, or what constitutes invalid HTML in general, a good resource to reference would be the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span" data-v-0eabf1c4>MDN Web Docs</a>.</p></div> <!----></div></div></div> <p>Note that the list only included the common causes of hydration issue that MarkBind developers have ran into. There may be other causes of hydration issue that are not listed here (although unlikely).</p> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/design/architecture.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Architecture</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/githubActions/overview.html" class="btn btn-light"><span><span>GitHub Actions: Overview</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#server-side-rendering" data-v-e6005420>Server Side Rendering‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#pre-requisite-knowledge" data-v-e6005420>Pre-requisite Knowledge‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#understanding-vue" data-v-e6005420>Understanding Vue‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#useful-resources-to-understand-vue-better" data-v-e6005420>Useful Resources to understand Vue better‎</a></nav> <a class="nav-link py-1" href="#understanding-markbind-s-packages" data-v-e6005420>Understanding MarkBind's Packages‎</a></nav> <a class="nav-link py-1" href="#what-is-server-side-rendering-and-why" data-v-e6005420>What is Server-side Rendering and Why?‎</a> <a class="nav-link py-1" href="#client-side-hydration" data-v-e6005420>Client-side Hydration‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-production-build" data-v-e6005420>Using production build‎</a></nav> <a class="nav-link py-1" href="#penalties-of-hydration-issue" data-v-e6005420>Penalties of Hydration Issue‎</a> <a class="nav-link py-1" href="#avoiding-hydration-issue" data-v-e6005420>Avoiding Hydration Issue‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+      </li> </ol></nav></div> <p><span id="title" class="d-none">Server Side Rendering</span></p> <h1 id="server-side-rendering">Server Side Rendering<a href="#server-side-rendering" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p>MarkBind uses Server-side Rendering (SSR) for its pages.</p> <p>To ensure SSR works properly, there are certain rules that developers should adhere to.</p> <p>This page will describe SSR in general and elaborate on the caveats that developers should take note of when contributing to MarkBind.</p></div> <h2 id="pre-requisite-knowledge">Pre-requisite Knowledge<a href="#pre-requisite-knowledge" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>To deal with SSR, it is important to first have a good understanding of two things:</p> <ol><li>Vue</li> <li>MarkBind's Packages</li></ol> <h3 id="understanding-vue">Understanding Vue<a href="#understanding-vue" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Here is a short list of questions to check your understanding of Vue:</p> <ul><li>What is a Vue instance?</li> <li>What does it mean to compile Vue?</li> <li>What are render functions?</li> <li>Are there any differences between compiling Vue on client-side versus server-side?</li> <li>What is the difference between compiling and rendering?</li></ul> <div class="alert box-container seamless d-flex" data-v-0eabf1c4><div class="d-flex" data-v-0eabf1c4><div class="icon-wrapper  text-info" data-v-0eabf1c4><i class="fas fa-info" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-0eabf1c4></div></div> <div class="header-and-body" data-v-0eabf1c4><div class="box-header-wrapper" data-v-0eabf1c4><!----> <div class="box-header" data-v-0eabf1c4><h5 id="useful-resources-to-understand-vue-better" data-v-0eabf1c4>Useful Resources to understand Vue better<a href="#useful-resources-to-understand-vue-better" onclick="event.stopPropagation()" class="fa fa-anchor" data-v-0eabf1c4></a></h5></div> <!----></div> <div class="box-body-wrapper box-body-wrapper-with-heading" data-v-0eabf1c4><!----> <!----> <div class="contents" data-v-0eabf1c4> <p data-v-0eabf1c4>If there are any doubts regarding the questions above, here are some good resources to refer to:</p> <ul data-v-0eabf1c4><li data-v-0eabf1c4><a href="https://vuejs.org/v2/guide" data-v-0eabf1c4>Vue Official Documentation</a></li> <li data-v-0eabf1c4><a href="https://www.youtube.com/watch?v=wZN_FtZRYC8&amp;ab_channel=LaraconEU" data-v-0eabf1c4>Evan You - Inside Vue Components - Laracon EU 2017</a></li></ul></div> <!----></div></div></div> <h3 id="understanding-markbind-s-packages">Understanding MarkBind's Packages<a href="#understanding-markbind-s-packages" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>There are four packages in MarkBind's codebase:</p> <ol><li>cli</li> <li>core</li> <li>core-web</li> <li>vue-components</li></ol> <p>You may refer to MarkBind's <a href="/devdocs/devGuide/design/projectStructure.html">project structure</a> to get a better understanding of how the packages work together.</p> <h2 id="what-is-server-side-rendering-and-why">What is Server-side Rendering and Why?<a href="#what-is-server-side-rendering-and-why" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>In MarkBind's context, SSR refers to the generation of proper HTML strings from Vue components on the server (core library) instead of shifting that responsibility to the client-side (browser).</p> <p>The main motivation that we had for introducing SSR into MarkBind is to enhance user experience by resolving the unsightly issue of Flash-of-Unstyled-Content (FOUC), which occurs due to our reliance on Client-side Rendering (CSR).</p> <h2 id="client-side-hydration">Client-side Hydration<a href="#client-side-hydration" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>SSR and Client-side Hydration are 2 concepts that go hand-in-hand. Essentially, once we produce the static HTML via SSR and send it over to the client-side, Vue on the client-side will execute what is known as Client-side Hydration on the static HTML.</p> <p>During the hydration process, Vue essentially compares your SSR HTML markup against the virtual DOM generated by the render function on the client-side. If any difference is found, meaning that the application that we have on the client-side (the virtual DOM tree) differs from the SSR HTML mark-up that we send to the client, Vue will reject the SSR HTML output, bail Client-side Hydration, and execute full CSR.</p> <p>This is known as &quot;Hydration Issue&quot; and it is one of the main challenges you will face with SSR in MarkBind.</p> <div class="alert box-container seamless d-flex" data-v-0eabf1c4><div class="d-flex" data-v-0eabf1c4><div class="icon-wrapper  text-warning" data-v-0eabf1c4><i class="fas fa-exclamation" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-warning" data-v-0eabf1c4></div></div> <div class="header-and-body" data-v-0eabf1c4><div class="box-header-wrapper" data-v-0eabf1c4><!----> <div class="box-header" data-v-0eabf1c4><h4 id="using-production-build" data-v-0eabf1c4>Using production build<a href="#using-production-build" onclick="event.stopPropagation()" class="fa fa-anchor" data-v-0eabf1c4></a></h4></div> <!----></div> <div class="box-body-wrapper box-body-wrapper-with-heading" data-v-0eabf1c4><!----> <!----> <div class="contents" data-v-0eabf1c4> <p data-v-0eabf1c4>In production build, Vue does not perform hydration check. Any errors resulting from hydration will trigger full CSR without warning. MarkBind <strong data-v-0eabf1c4>uses the development build by default</strong> when you serve it in development mode (<code class="hljs inline no-lang" data-v-0eabf1c4>-d</code> option).</p></div> <!----></div></div></div> <h2 id="penalties-of-hydration-issue">Penalties of Hydration Issue<a href="#penalties-of-hydration-issue" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>When hydration fails, on top of the wasted time and effort in executing SSR, we will also incur the additional time penalty of executing Client-side Hydration (where CSR will follow afterwards).</p> <p>Fortunately, even if we face hydration issues and execute full CSR, the FOUC problem will still be resolved nonetheless. The reason for this is because the SSR HTML markup should resemble the CSR HTML markup to a large extent.</p> <p>Supposedly, hydration issues typically occurs due to minor differences between client-side rendered virtual DOM tree and the server-rendered content. Of course, this is assuming that we are adhering to the concept of &quot;universal application&quot; as much as possible, which will be explained in the following section.</p> <h2 id="avoiding-hydration-issue">Avoiding Hydration Issue<a href="#avoiding-hydration-issue" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Conceptually, to prevent hydration issue, what we should always strive to achieve is a &quot;universal application&quot;.</p> <p>It is not difficult to achieve a &quot;universal application&quot; per-se because we merely have to ensure two things:</p> <ol><li>the initial state is the same between client-side and server-side.</li> <li>after compiling and rendering the Vue page application, the SSR HTML mark-up is not modified.</li></ol> <p>Beyond achieving a &quot;universal application&quot;, note that the HTML specifications should also be adhered to.</p> <p>Some common mistakes are as such:</p> <ul><li>Having block-level elements within <code class="hljs inline no-lang">&lt;p&gt;</code> tag</li> <li>Having unknown HTML elements within our Vue application during compilation/rendering (though this can be easily resolved by adding <code class="hljs inline no-lang">v-pre</code> to the unknown element, so that Vue will ignore that element during compilation).</li></ul> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-success" data-v-0eabf1c4><i class="fas fa-check" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>If you are unsure what elements are allowed within other elements, or what constitutes invalid HTML in general, a good resource to reference would be the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span" data-v-0eabf1c4>MDN Web Docs</a>.</p></div> <!----></div></div></div> <p>Note that the list only included the common causes of hydration issue that MarkBind developers have ran into. There may be other causes of hydration issue that are not listed here (although unlikely).</p> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/design/architecture.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Architecture</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/githubActions/overview.html" class="btn btn-light"><span><span>GitHub Actions: Overview</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#server-side-rendering" data-v-e6005420>Server Side Rendering‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#pre-requisite-knowledge" data-v-e6005420>Pre-requisite Knowledge‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#understanding-vue" data-v-e6005420>Understanding Vue‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#useful-resources-to-understand-vue-better" data-v-e6005420>Useful Resources to understand Vue better‎</a></nav> <a class="nav-link py-1" href="#understanding-markbind-s-packages" data-v-e6005420>Understanding MarkBind's Packages‎</a></nav> <a class="nav-link py-1" href="#what-is-server-side-rendering-and-why" data-v-e6005420>What is Server-side Rendering and Why?‎</a> <a class="nav-link py-1" href="#client-side-hydration" data-v-e6005420>Client-side Hydration‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-production-build" data-v-e6005420>Using production build‎</a></nav> <a class="nav-link py-1" href="#penalties-of-hydration-issue" data-v-e6005420>Penalties of Hydration Issue‎</a> <a class="nav-link py-1" href="#avoiding-hydration-issue" data-v-e6005420>Avoiding Hydration Issue‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/design/serverSideRendering.page-vue-render.js b/devGuide/design/serverSideRendering.page-vue-render.js
index 5b06bcec..134943e5 100644
--- a/devGuide/design/serverSideRendering.page-vue-render.js
+++ b/devGuide/design/serverSideRendering.page-vue-render.js
@@ -56,6 +56,6 @@ with(this){return _c('ul',[_c('li',[_v("Having block-level elements within "),_c
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-start"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/design/architecture.html"}},[_c('span',[_c('span',{staticClass:"far fa-arrow-alt-circle-left",attrs:{"aria-hidden":"true"}}),_v(" "),_c('span',[_v("Architecture")])])])])]),_v(" "),_c('p',[_c('span',{staticClass:"float-end"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/githubActions/overview.html"}},[_c('span',[_c('span',[_v("GitHub Actions: Overview")]),_v(" "),_c('span',{staticClass:"far fa-arrow-alt-circle-right",attrs:{"aria-hidden":"true"}})])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/devGuide.html b/devGuide/devGuide.html
index fd66533d..e47027af 100644
--- a/devGuide/devGuide.html
+++ b/devGuide/devGuide.html
@@ -29,7 +29,7 @@
 
 <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/devdocs/devGuide/styleGuides.html" data-v-e6005420>Style guides</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><div data-v-ef898034><nav aria-label="breadcrumb" class="breadcrumb-divider" data-v-ef898034><ol class="breadcrumb" data-v-ef898034><li class="notlink breadcrumb-marker" data-v-ef898034>
         ››  
-      </li> </ol></nav></div> <p><span id="title" class="d-none">Contributing</span></p> <h1 id="developer-guide" class="display-3">Developer guide<a href="#developer-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <h1 id="contributing">Contributing<a href="#contributing" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p><strong>Thank you for your interest in contributing!</strong> We're glad you want to help. We welcome PRs, especially from students.</p></div> <p><strong>First, do take note of</strong> <a href="https://se-education.org/guides/guidelines/codeOfConduct.html"><strong>our <em>code of conduct</em></strong> (from SE-EDU)</a>. Reporting bugs or submitting feature suggestions in <a href="https://github.com/markbind/markbind">our issue tracker</a> can help too.</p> <p><strong>Second, ensure you have a basic knowledge</strong> of the following:</p> <ul><li>JavaScript (ES6)</li> <li>Node.js</li> <li>HTML &amp; CSS</li> <li>Markdown</li> <li>Command-line environment</li></ul> <p><strong>Third, ensure you have spent time with MarkBind and familiar with the content of the <a tags="environment--dg" href="https://markbind.org/">user guide</a>.</strong> It's important to know the product well before you start contributing code.</p> <p><strong>Now, follow these steps to get started on contributing:</strong></p> <ol><li><strong>Set up the project</strong> in your computer (see <a href="/devdocs/devGuide/development/settingUp.html">the <em>Setting up</em> page</a>)</li> <li><strong>Learn our workflow</strong> (see <a href="/devdocs/devGuide/development/workflow.html">the <em>Workflow</em> page</a>)</li> <li><strong>(Optional) Go through our onboarding bootcamp</strong> (see <a href="/devdocs/devGuide/bootcamp/intro.html">the <em>Onboarding Bootcamp</em> page</a>)</li> <li><strong>Submit PRs</strong> as per the workflow. If you encounter any problems, post in <a href="https://github.com/markbind/markbind/issues">our issue tracker</a>.</li> <li><strong>(Optional) Add yourself to the contributors list!</strong> (Bug reported? PR merged? If you haven't done so already, <a href="https://allcontributors.org/docs/en/bot/usage#all-contributors-add">add</a> yourself to our list of contributors!)</li></ol> <p><strong>We look forward to your PR. Happy coding!</strong></p> <div class="clearfix"><p><span class="float-end"><a href="/devdocs/devGuide/bootcamp/intro.html" class="btn btn-light"><span><span>Onboarding Bootcamp</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+      </li> </ol></nav></div> <p><span id="title" class="d-none">Contributing</span></p> <h1 id="developer-guide" class="display-3">Developer guide<a href="#developer-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <h1 id="contributing">Contributing<a href="#contributing" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p><strong>Thank you for your interest in contributing!</strong> We're glad you want to help. We welcome PRs, especially from students.</p></div> <p><strong>First, do take note of</strong> <a href="https://se-education.org/guides/guidelines/codeOfConduct.html"><strong>our <em>code of conduct</em></strong> (from SE-EDU)</a>. Reporting bugs or submitting feature suggestions in <a href="https://github.com/markbind/markbind">our issue tracker</a> can help too.</p> <p><strong>Second, ensure you have a basic knowledge</strong> of the following:</p> <ul><li>JavaScript (ES6)</li> <li>Node.js</li> <li>HTML &amp; CSS</li> <li>Markdown</li> <li>Command-line environment</li></ul> <p><strong>Third, ensure you have spent time with MarkBind and familiar with the content of the <a tags="environment--dg" href="https://markbind.org/">user guide</a>.</strong> It's important to know the product well before you start contributing code.</p> <p><strong>Now, follow these steps to get started on contributing:</strong></p> <ol><li><strong>Set up the project</strong> in your computer (see <a href="/devdocs/devGuide/development/settingUp.html">the <em>Setting up</em> page</a>)</li> <li><strong>Learn our workflow</strong> (see <a href="/devdocs/devGuide/development/workflow.html">the <em>Workflow</em> page</a>)</li> <li><strong>(Optional) Go through our onboarding bootcamp</strong> (see <a href="/devdocs/devGuide/bootcamp/intro.html">the <em>Onboarding Bootcamp</em> page</a>)</li> <li><strong>Submit PRs</strong> as per the workflow. If you encounter any problems, post in <a href="https://github.com/markbind/markbind/issues">our issue tracker</a>.</li> <li><strong>(Optional) Add yourself to the contributors list!</strong> (Bug reported? PR merged? If you haven't done so already, <a href="https://allcontributors.org/docs/en/bot/usage#all-contributors-add">add</a> yourself to our list of contributors!)</li></ol> <p><strong>We look forward to your PR. Happy coding!</strong></p> <div class="clearfix"><p><span class="float-end"><a href="/devdocs/devGuide/bootcamp/intro.html" class="btn btn-light"><span><span>Onboarding Bootcamp</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/devGuide.page-vue-render.js b/devGuide/devGuide.page-vue-render.js
index d989dc8f..2e1b3742 100644
--- a/devGuide/devGuide.page-vue-render.js
+++ b/devGuide/devGuide.page-vue-render.js
@@ -41,6 +41,6 @@ with(this){return _c('p',[_c('strong',[_v("We look forward to your PR. Happy cod
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-end"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/bootcamp/intro.html"}},[_c('span',[_c('span',[_v("Onboarding Bootcamp")]),_v(" "),_c('span',{staticClass:"far fa-arrow-alt-circle-right",attrs:{"aria-hidden":"true"}})])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/development/migratingNodeJs.html b/devGuide/development/migratingNodeJs.html
index 0410e430..bc7bcb9c 100644
--- a/devGuide/development/migratingNodeJs.html
+++ b/devGuide/development/migratingNodeJs.html
@@ -33,7 +33,7 @@
 This page outlines the steps of migrating to a higher version of Node.js.</p></div> <h3 id="preparation">Preparation<a href="#preparation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="choosing-node-js-version">Choosing Node.js version<a href="#choosing-node-js-version" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>Before upgrading the Node.js version, it is important to decide which version to upgrade to.
 Broadly speaking, migrate only to even-numbered Node.js releases as only even-numbered versions will be provided with Long-Term Support.</p> <p>Read more about Node.js release lines <a href="https://nodesource.com/blog/understanding-how-node-js-release-lines-work/">here</a>.</p> <p>The npm version will be upgraded automatically accordingly to the Node.js version since it is downloaded alongside Node.js. Hence, do check that this upgrade does not cause any issues.</p> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-info" data-v-0eabf1c4><i class="fas fa-info" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4>
 If a different version of npm is needed this can be overridden. This will be explained further below.
-</div> <!----></div></div></div> <h4 id="setup">Setup<a href="#setup" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>Install <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----> <!----></span> to help switch between different node versions.
+</div> <!----></div></div></div> <h4 id="setup">Setup<a href="#setup" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>Install <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----><!----></span> to help switch between different node versions.
 Switch to use the Node.js version that you are migrating to.</p> <h3 id="migration-steps">Migration steps<a href="#migration-steps" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ol><li>Refactor any deprecated syntax
 <ul><li>Go to the <a href="https://nodejs.org/en/blog/release">Node.js changelog</a> of the new version</li> <li>Go through the list of deprecated syntax and check if it is being used in MarkBind</li> <li>Replace any deprecated syntax</li></ul></li> <li>Check that all user-facing functionalities are working
 <ul><li>A quick way to do this is to go to the <a tags="environment--dg" href="https://markbind.org/userGuide/readerFacingFeatures.html">Reader Facing Features in the User Guide</a>.</li></ul></li> <li>Check that there are no issues with development setup
@@ -47,7 +47,7 @@
 <ul><li>Follow steps in <a tags="environment--dg" href="https://markbind.org/userGuide/deployingTheSite.html#using-ci-platforms">Using CI Platforms</a> but update the config files for the various CI Platforms to use the correct Node.js version. Try deploying and ensure there are no problems with deployment.<div class="alert box-container seamless d-flex" data-v-0eabf1c4><div class="d-flex" data-v-0eabf1c4><div class="icon-wrapper  text-info" data-v-0eabf1c4><i class="fas fa-info" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-0eabf1c4></div></div> <div class="header-and-body" data-v-0eabf1c4><div class="box-header-wrapper" data-v-0eabf1c4><!----> <div class="box-header" data-v-0eabf1c4><p data-v-0eabf1c4>If a different npm version is needed</p></div> <!----></div> <div class="box-body-wrapper box-body-wrapper-with-heading" data-v-0eabf1c4><!----> <!----> <div class="contents" data-v-0eabf1c4>
 Install the correct npm version before running npm commands. </div> <!----></div></div></div></li></ul></li></ul></li></ul></li> <li>Update documentation
 <ul><li>Update Node.js and npm version in documentation. See <a href="https://github.com/MarkBind/markbind/pull/2233/files#diff-0f8e38868f41667abec6adacbb5131fbd6999c4913fc43e3429390b744f7a1f3">Update to use Node 16</a> as an example. <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-success" data-v-0eabf1c4><i class="fas fa-lightbulb" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4>
-Don't forget to update the version numbers in the example config files in <a tags="environment--dg" href="https://markbind.org/userGuide/deployingTheSite.html" data-v-0eabf1c4>Deploying the Site</a>!</div> <!----></div></div></div></li></ul></li></ol> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/development/writingPlugins.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Writing Plugins</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/design/projectStructure.html" class="btn btn-light"><span><span>Project Structure</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#migrating-node-js" data-v-e6005420>Migrating Node.js‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#preparation" data-v-e6005420>Preparation‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#choosing-node-js-version" data-v-e6005420>Choosing Node.js version‎</a> <a class="nav-link py-1" href="#setup" data-v-e6005420>Setup‎</a></nav> <a class="nav-link py-1" href="#migration-steps" data-v-e6005420>Migration steps‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+Don't forget to update the version numbers in the example config files in <a tags="environment--dg" href="https://markbind.org/userGuide/deployingTheSite.html" data-v-0eabf1c4>Deploying the Site</a>!</div> <!----></div></div></div></li></ul></li></ol> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/development/writingPlugins.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Writing Plugins</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/design/projectStructure.html" class="btn btn-light"><span><span>Project Structure</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#migrating-node-js" data-v-e6005420>Migrating Node.js‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#preparation" data-v-e6005420>Preparation‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#choosing-node-js-version" data-v-e6005420>Choosing Node.js version‎</a> <a class="nav-link py-1" href="#setup" data-v-e6005420>Setup‎</a></nav> <a class="nav-link py-1" href="#migration-steps" data-v-e6005420>Migration steps‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/development/migratingNodeJs.page-vue-render.js b/devGuide/development/migratingNodeJs.page-vue-render.js
index 11904b27..efaa33d5 100644
--- a/devGuide/development/migratingNodeJs.page-vue-render.js
+++ b/devGuide/development/migratingNodeJs.page-vue-render.js
@@ -56,6 +56,6 @@ with(this){return _c('li',[_v("Using the "),_c('code',{pre:true,attrs:{"class":"
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-start"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/development/writingPlugins.html"}},[_c('span',[_c('span',{staticClass:"far fa-arrow-alt-circle-left",attrs:{"aria-hidden":"true"}}),_v(" "),_c('span',[_v("Writing Plugins")])])])])]),_v(" "),_c('p',[_c('span',{staticClass:"float-end"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/design/projectStructure.html"}},[_c('span',[_c('span',[_v("Project Structure")]),_v(" "),_c('span',{staticClass:"far fa-arrow-alt-circle-right",attrs:{"aria-hidden":"true"}})])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/development/migratingToTypeScript.html b/devGuide/development/migratingToTypeScript.html
index d5a5e740..b2ae94b4 100644
--- a/devGuide/development/migratingToTypeScript.html
+++ b/devGuide/development/migratingToTypeScript.html
@@ -41,7 +41,7 @@
 For example: <code class="hljs inline no-lang" data-v-0eabf1c4>git commit --no-verify -m &quot;Rename core/src/html to TypeScript&quot;</code>.</p></div> <!----></div></div></div></li></ol> <h3 id="step-3-and-quot-adapt-and-quot-commit">Step 3: &quot;Adapt&quot; Commit<a href="#step-3-and-quot-adapt-and-quot-commit" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ol><li><p><strong>Start automatic compilation on change/save</strong>. More on this at <a href="/devdocs/devGuide/development/workflow.html#editing-backend-features">Editing backend features</a> section in the Workflow page.</p></li> <li><p><strong>Change the CommonJS module import/export syntax</strong> to TypeScript's equivalent syntax (use ES6 syntax only if possible).</p> <p>A common error in newly renamed files comes from the way modules are imported/exported. Those statements can be converted according to the <a href="#import-export-syntax-reference">Import/Export Syntax Reference</a> section below. The steps are as follows:</p> <ol><li><p>Start by changing the import/export statements into TypeScript equivalent syntax. Be careful with imports as you have to match them with the export syntax that the modules use, be it TypeScript equivalent or ES6.</p></li> <li><p>Check whether it is possible to change the export to use ES6 syntax. As mentioned in the syntax reference, ES6 should not be used if the module only exports a single thing. Change to ES6 syntax only if possible, otherwise keep with TypeScript equivalent syntax.</p></li> <li><p>You might have to <strong>adjust how the files are imported by other TypeScript (<code class="hljs inline no-lang">.ts</code>) files</strong>. If you are changing the export to the TypeScript equivalent syntax, then it must be imported the same way as well. The same goes for the ES6 syntax.</p></li></ol></li> <li><p><strong>Adapt the files</strong> fully to TypeScript.</p> <p>The errors from TypeScript and <code class="hljs inline no-lang">typescript-eslint</code> can guide you on what to fix. Only fix what is necessary and be careful with accidentally modifying any code functionality. Avoid using <code class="hljs inline no-lang">any</code> as best as you can.</p> <p>If you happen to encounter type errors related to using names (of constant, properties, members, etc.) from another MarkBind import that is still in JavaScript (<code class="hljs inline no-lang">.js</code>), you can try to infer simple types in your file first as a &quot;stand-in&quot; of the more robust types when that internal dependency is eventually migrated.</p> <p>On the flip side of the above situation, once you have developed a robust type for your own file, <strong>adjust how other TypeScript (<code class="hljs inline no-lang">.ts</code>) files type names referenced from your files</strong> as applicable. Some type declarations might need to be made stricter, or can be removed if it's not necessary anymore, and so on. This will ensure that the files will be incrementally stricter.</p></li> <li><p><strong>Make sure everything is in order</strong> by running <code class="hljs inline no-lang">npm run test</code> in the root directory.</p> <p>The <code class="hljs inline no-lang">core</code> package tests can directly run on the <code class="hljs inline no-lang">.ts</code> files (powered by <code class="hljs inline no-lang">ts-jest</code>), and the <code class="hljs inline no-lang">cli</code> package tests uses the compiled files from <code class="hljs inline no-lang">core</code>. Therefore, passing the <code class="hljs inline no-lang">cli</code> tests means that it is very likely the compiled files work as expected.</p></li> <li><p><strong>Stage the adapted files and the typings from Step 1</strong> for commit. Verify the changes before committing.</p></li> <li><p><strong>Commit the changes</strong> with the message <code class="hljs inline no-lang">Adapt &lt;file-or-folder&gt; to TypeScript</code>.
 <br>
 For example, <code class="hljs inline no-lang">Adapt core/src/html to TypeScript</code>.</p></li></ol> <p>You are now ready to create a pull request for the changes to the repository.</p> <h3 id="optional-step-4-changing-the-commit">(Optional) Step 4: Changing the commit<a href="#optional-step-4-changing-the-commit" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>While refactoring you may encounter scenarios where you might have to amend your code after a commit. There are 2 common scenarios which we will cover.</p> <div class="card-container" data-v-3602e6fc><div class="card expandable-card" data-v-3602e6fc><div class="card-header header-toggle bg-light" data-v-3602e6fc><div class="caret-wrapper" data-v-3602e6fc><!----></div> <div class="header-wrapper card-title bg-light" data-v-3602e6fc><p data-v-3602e6fc>Scenario 1: You have 2 commits and want to add on to the second commit.</p></div> <div class="button-wrapper" data-v-3602e6fc><button type="button" class="collapse-button btn btn-outline-secondary" data-v-3602e6fc><span aria-hidden="true" class="collapse-icon glyphicon glyphicon-menu-down"></span></button> <button type="button" class="close-button btn btn-outline-secondary" data-v-3602e6fc><span aria-hidden="true" class="glyphicon glyphicon-remove" data-v-3602e6fc></span></button> <button type="button" class="popup-button btn btn-outline-secondary" style="display:none;" data-v-3602e6fc><span aria-hidden="true" class="glyphicon glyphicon-new-window" data-v-3602e6fc></span></button></div></div> <div class="card-collapse" data-v-3602e6fc><!----> <hr style="display:none;" data-v-3602e6fc></div> <!----></div></div> <div class="card-container" data-v-3602e6fc><div class="card expandable-card" data-v-3602e6fc><div class="card-header header-toggle bg-light" data-v-3602e6fc><div class="caret-wrapper" data-v-3602e6fc><!----></div> <div class="header-wrapper card-title bg-light" data-v-3602e6fc><p data-v-3602e6fc>Scenario 2: You have more than 2 commits and want to make it into 2 commits.</p></div> <div class="button-wrapper" data-v-3602e6fc><button type="button" class="collapse-button btn btn-outline-secondary" data-v-3602e6fc><span aria-hidden="true" class="collapse-icon glyphicon glyphicon-menu-down"></span></button> <button type="button" class="close-button btn btn-outline-secondary" data-v-3602e6fc><span aria-hidden="true" class="glyphicon glyphicon-remove" data-v-3602e6fc></span></button> <button type="button" class="popup-button btn btn-outline-secondary" style="display:none;" data-v-3602e6fc><span aria-hidden="true" class="glyphicon glyphicon-new-window" data-v-3602e6fc></span></button></div></div> <div class="card-collapse" data-v-3602e6fc><!----> <hr style="display:none;" data-v-3602e6fc></div> <!----></div></div> <br> <h2 id="example-of-migrated-works">Example of Migrated Works<a href="#example-of-migrated-works" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>You can see these pull requests to observe the finished migration works:</p> <ul><li><a href="https://github.com/MarkBind/markbind/pull/1877">#1877: Adopt TypeScript for core package</a></li></ul> <h2 id="import-export-syntax-reference">Import/Export Syntax Reference<a href="#import-export-syntax-reference" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Here is the reference on changing the import/export statements from CommonJS syntax into those that TypeScript support: TypeScript equivalent syntax, and ES6 syntax.</p> <p>The TypeScript equivalent syntax is designed to compile to the exact same code as CommonJS. You can read more about this syntax in the <a href="https://www.typescriptlang.org/docs/handbook/modules.html#export--and-import--require">official documentation</a>.</p> <p>The ES6 syntax is the newer JavaScript syntax that TypeScript recommends, but in certain cases it does not compile to the exact same code as CommonJS. We simplify the concepts here for illustration, refer to the StackOverflow post <a href="https://stackoverflow.com/questions/40294870/module-exports-vs-export-default-in-node-js-and-es6">here</a> for more details.</p> <p>In the tables below, a &quot;thing&quot; is defined as a JavaScript construct that can be exported, such as constants, functions, classes, etc. In ES6 syntax, a &quot;thing&quot; can also be TypeScript constructs like types, interfaces, enums, etc.</p> <p><span class="underline"><strong>Exports</strong></span></p> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th>What to Export</th> <th>CommonJS</th> <th>TypeScript equivalent</th> <th>ES6</th></tr></thead> <tbody><tr><td>One thing only</td> <td><code class="hljs inline no-lang">module.exports = x</code></td> <td><code class="hljs inline no-lang">export = x</code></td> <td><code class="hljs inline no-lang">export default x</code> <strong> ^</strong></td></tr> <tr><td>Object of one/more things</td> <td><code class="hljs inline no-lang">module.exports = { x, y, z }</code></td> <td><code class="hljs inline no-lang">export = { x, y, z }</code></td> <td><code class="hljs inline no-lang">export { x, y, z }</code></td></tr></tbody></table></div><p><strong>^</strong>: For compatibility, <strong>do not use</strong> <code class="hljs inline no-lang">export default</code> during migration. It is compiled differently and does not play well with dependants that are still in <code class="hljs inline no-lang">.js</code>, unless some clunky modifications are made in the <code class="hljs inline no-lang">.js</code> files (refer to the StackOverflow post previously <a href="https://stackoverflow.com/questions/40294870/module-exports-vs-export-default-in-node-js-and-es6">linked</a>).</p> <p><span class="underline"><strong>Imports from a module that exports one thing only</strong></span></p> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th>What to Import</th> <th>CommonJS</th> <th>TypeScript equivalent</th> <th>ES6</th></tr></thead> <tbody><tr><td>Exported thing</td> <td><code class="hljs inline no-lang">const x = require(a)</code></td> <td><code class="hljs inline no-lang">import x = require(a)</code> <strong> ^</strong></td> <td><code class="hljs inline no-lang">import x from a</code> <strong> ^</strong></td></tr></tbody></table></div><p><strong>^</strong>: You can only use TypeScript equivalent syntax when the exported module is also in the TypeScript equivalent syntax. The same goes for the ES6 syntax.</p> <p><span class="underline"><strong>Imports from a module that exports an object of one/more things</strong></span></p> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th>What to Import</th> <th>CommonJS</th> <th>TypeScript equivalent</th> <th>ES6</th></tr></thead> <tbody><tr><td>Entire object</td> <td><code class="hljs inline no-lang">const w = require(a)</code></td> <td><code class="hljs inline no-lang">import w = require(a)</code></td> <td><code class="hljs inline no-lang">import * as w from a</code></td></tr> <tr><td>Selected things</td> <td><code class="hljs inline no-lang">const { x } = require(a)</code></td> <td>N/A  <strong> ^</strong></td> <td><code class="hljs inline no-lang">import { x } from a</code></td></tr></tbody></table></div><p><strong>^</strong>: While not equivalent on the compile-level, this can be achieved by importing the entire object then destructuring the object.</p> <h2 id="explanation-notes">Explanation Notes<a href="#explanation-notes" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="why-do-we-need-to-separate-and-quot-rename-and-quot-and-and-quot-adapt-and-quot-commits">Why do we need to separate &quot;Rename&quot; and &quot;Adapt&quot; commits<a href="#why-do-we-need-to-separate-and-quot-rename-and-quot-and-and-quot-adapt-and-quot-commits" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>We want to keep the file history intact throughout this migration, meaning that we should still be able to see the change history of the <code class="hljs inline no-lang">.ts</code> files even from the time when they were still in <code class="hljs inline no-lang">.js</code>.</p> <p>When we rename files, we have to keep the Git similarity index between the old file and the new file above a certain threshold (50%) to keep the history, or else it will be regarded as a different file with its own history.</p> <p>Combining the two steps into one - that is, adapting files immediately after renaming - will lower the similarity index, therefore making it possible for the files, especially small ones or those that need a lot of changes when adapting, to hit below the similarity threshold and lose their history.</p> <p>The solution to this is to make the rename and adapt commits separate, in order for Git to recognize first that the file has changed into <code class="hljs inline no-lang">.ts</code>, and so the changes are compared not against the old <code class="hljs inline no-lang">.js</code> file, but to the renamed <code class="hljs inline no-lang">.ts</code> file instead.</p> <h3 id="why-do-we-need-a-rebase-and-merge-commit">Why do we need a rebase and merge commit<a href="#why-do-we-need-a-rebase-and-merge-commit" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Even if the migration developer has kept the history intact through the separate &quot;Rename&quot; and &quot;Adapt&quot; commits, this is only intact at their working branch. At the end of the day, the totality of the changes in the working branch is compared against the target branch, in which the same consideration would apply.</p> <p>If we do the usual squash commit, the changes from the two commits are combined into a new commit and only that commit will be pushed into the target branch. The original two commits are omitted, therefore the history of the working branch that we have tried to keep intact is stripped away. This results in a linear history, as if the changes in the working branch were made
-after the latest changes in the target branch.</p> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/development/writingPlugins.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Writing Plugins</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/design/projectStructure.html" class="btn btn-light"><span><span>Project Structure</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#migrating-to-typescript" data-v-e6005420>Migrating to TypeScript‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#migration-steps" data-v-e6005420>Migration Steps‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#step-1-preparation" data-v-e6005420>Step 1: Preparation‎</a> <a class="nav-link py-1" href="#step-2-and-quot-rename-and-quot-commit" data-v-e6005420>Step 2: &quot;Rename&quot; Commit‎</a> <a class="nav-link py-1" href="#step-3-and-quot-adapt-and-quot-commit" data-v-e6005420>Step 3: &quot;Adapt&quot; Commit‎</a> <a class="nav-link py-1" href="#optional-step-4-changing-the-commit" data-v-e6005420>(Optional) Step 4: Changing the commit‎</a></nav> <a class="nav-link py-1" href="#example-of-migrated-works" data-v-e6005420>Example of Migrated Works‎</a> <a class="nav-link py-1" href="#import-export-syntax-reference" data-v-e6005420>Import/Export Syntax Reference‎</a> <a class="nav-link py-1" href="#explanation-notes" data-v-e6005420>Explanation Notes‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#why-do-we-need-to-separate-and-quot-rename-and-quot-and-and-quot-adapt-and-quot-commits" data-v-e6005420>Why do we need to separate &quot;Rename&quot; and &quot;Adapt&quot; commits‎</a> <a class="nav-link py-1" href="#why-do-we-need-a-rebase-and-merge-commit" data-v-e6005420>Why do we need a rebase and merge commit‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+after the latest changes in the target branch.</p> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/development/writingPlugins.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Writing Plugins</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/design/projectStructure.html" class="btn btn-light"><span><span>Project Structure</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#migrating-to-typescript" data-v-e6005420>Migrating to TypeScript‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#migration-steps" data-v-e6005420>Migration Steps‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#step-1-preparation" data-v-e6005420>Step 1: Preparation‎</a> <a class="nav-link py-1" href="#step-2-and-quot-rename-and-quot-commit" data-v-e6005420>Step 2: &quot;Rename&quot; Commit‎</a> <a class="nav-link py-1" href="#step-3-and-quot-adapt-and-quot-commit" data-v-e6005420>Step 3: &quot;Adapt&quot; Commit‎</a> <a class="nav-link py-1" href="#optional-step-4-changing-the-commit" data-v-e6005420>(Optional) Step 4: Changing the commit‎</a></nav> <a class="nav-link py-1" href="#example-of-migrated-works" data-v-e6005420>Example of Migrated Works‎</a> <a class="nav-link py-1" href="#import-export-syntax-reference" data-v-e6005420>Import/Export Syntax Reference‎</a> <a class="nav-link py-1" href="#explanation-notes" data-v-e6005420>Explanation Notes‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#why-do-we-need-to-separate-and-quot-rename-and-quot-and-and-quot-adapt-and-quot-commits" data-v-e6005420>Why do we need to separate &quot;Rename&quot; and &quot;Adapt&quot; commits‎</a> <a class="nav-link py-1" href="#why-do-we-need-a-rebase-and-merge-commit" data-v-e6005420>Why do we need a rebase and merge commit‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/development/migratingToTypeScript.page-vue-render.js b/devGuide/development/migratingToTypeScript.page-vue-render.js
index b22ca3ea..30bda62f 100644
--- a/devGuide/development/migratingToTypeScript.page-vue-render.js
+++ b/devGuide/development/migratingToTypeScript.page-vue-render.js
@@ -131,6 +131,6 @@ with(this){return _c('h3',{attrs:{"id":"why-do-we-need-a-rebase-and-merge-commit
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-start"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/development/writingPlugins.html"}},[_c('span',[_c('span',{staticClass:"far fa-arrow-alt-circle-left",attrs:{"aria-hidden":"true"}}),_v(" "),_c('span',[_v("Writing Plugins")])])])])]),_v(" "),_c('p',[_c('span',{staticClass:"float-end"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/design/projectStructure.html"}},[_c('span',[_c('span',[_v("Project Structure")]),_v(" "),_c('span',{staticClass:"far fa-arrow-alt-circle-right",attrs:{"aria-hidden":"true"}})])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/development/settingUp.html b/devGuide/development/settingUp.html
index fc7ef503..8fa0ea55 100644
--- a/devGuide/development/settingUp.html
+++ b/devGuide/development/settingUp.html
@@ -29,12 +29,12 @@
 
 <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/devdocs/devGuide/styleGuides.html" data-v-e6005420>Style guides</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><div data-v-ef898034><nav aria-label="breadcrumb" class="breadcrumb-divider" data-v-ef898034><ol class="breadcrumb" data-v-ef898034><li class="notlink breadcrumb-marker" data-v-ef898034>
         ››  
-      </li> </ol></nav></div> <p><span id="title" class="d-none">Setting up</span></p> <h1 id="setting-up">Setting up<a href="#setting-up" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p>This page explains how to set up your development environment to start contributing to MarkBind.</p></div> <h2 id="prerequisites">Prerequisites<a href="#prerequisites" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li><p><strong>Node.js</strong> (<span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----> <!----></span> or higher) with<br> <strong>npm</strong> v8 or higher</p></li> <li><p><strong>Java</strong> 8 or higher, and<br> <strong>Graphviz</strong> (<span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----> <!----></span> or higher, <em>installation is optional on Windows</em>) <br> <span class="dimmed">(The above two are required for one of the third-party libraries used by MarkBind)</span></p></li> <li><p><strong>Python</strong> 3 or later, and<br> <span class="dimmed">(Required if using python pre-commit hooks)</span></p></li> <li><p><strong>Verify</strong> that all tools are accessible and the versions are as expected by running these commands in the console.</p> <ul><li><code class="hljs inline no-lang">node --version</code></li> <li><code class="hljs inline no-lang">npm --version</code></li> <li><code class="hljs inline no-lang">java --version</code></li> <li><code class="hljs inline no-lang">dot -V</code> (for Graphviz - optional on Windows)</li> <li><code class="hljs inline no-lang">python3 -V</code></li></ul></li></ol> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-success" data-v-0eabf1c4><i class="fas fa-lightbulb" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>We recommend the <strong data-v-0eabf1c4>WebStorm IDE</strong> for working with MarkBind code.</p></div> <!----></div></div></div> <h2 id="setting-up-the-dev-environment">Setting up the dev environment<a href="#setting-up-the-dev-environment" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li><p><strong>Fork and clone</strong> the MarkBind repo.</p></li> <li><p><strong>Bind your cloned version of MarkBind to your console</strong> by navigating to the cloned <code class="hljs inline no-lang">packages/cli</code> folder and running <code class="hljs inline no-lang">npm link</code></p></li> <li><p><strong>Install dependencies</strong> by running
-<span data-mb-component-type="popover" tabindex="0" class="trigger"><!----> <!----></span>
+      </li> </ol></nav></div> <p><span id="title" class="d-none">Setting up</span></p> <h1 id="setting-up">Setting up<a href="#setting-up" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p>This page explains how to set up your development environment to start contributing to MarkBind.</p></div> <h2 id="prerequisites">Prerequisites<a href="#prerequisites" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li><p><strong>Node.js</strong> (<span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----><!----></span> or higher) with<br> <strong>npm</strong> v8 or higher</p></li> <li><p><strong>Java</strong> 8 or higher, and<br> <strong>Graphviz</strong> (<span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----><!----></span> or higher, <em>installation is optional on Windows</em>) <br> <span class="dimmed">(The above two are required for one of the third-party libraries used by MarkBind)</span></p></li> <li><p><strong>Python</strong> 3 or later, and<br> <span class="dimmed">(Required if using python pre-commit hooks)</span></p></li> <li><p><strong>Verify</strong> that all tools are accessible and the versions are as expected by running these commands in the console.</p> <ul><li><code class="hljs inline no-lang">node --version</code></li> <li><code class="hljs inline no-lang">npm --version</code></li> <li><code class="hljs inline no-lang">java --version</code></li> <li><code class="hljs inline no-lang">dot -V</code> (for Graphviz - optional on Windows)</li> <li><code class="hljs inline no-lang">python3 -V</code></li></ul></li></ol> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-success" data-v-0eabf1c4><i class="fas fa-lightbulb" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>We recommend the <strong data-v-0eabf1c4>WebStorm IDE</strong> for working with MarkBind code.</p></div> <!----></div></div></div> <h2 id="setting-up-the-dev-environment">Setting up the dev environment<a href="#setting-up-the-dev-environment" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li><p><strong>Fork and clone</strong> the MarkBind repo.</p></li> <li><p><strong>Bind your cloned version of MarkBind to your console</strong> by navigating to the cloned <code class="hljs inline no-lang">packages/cli</code> folder and running <code class="hljs inline no-lang">npm link</code></p></li> <li><p><strong>Install dependencies</strong> by running
+<span data-mb-component-type="popover" tabindex="0" class="trigger"><!----><!----></span>
 in the <strong>root folder</strong> of your cloned repo.</p></li> <li><p><strong>Congratulations!</strong> Now you are ready to start modifying MarkBind code.</p></li></ol> <h2 id="setting-up-the-git-hooks-optional-but-recommended">Setting up the git hooks (optional but recommended)<a href="#setting-up-the-git-hooks-optional-but-recommended" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>There are a few <a href="/devdocs/devGuide/development/workflow.html#git-hooks">Git hooks</a> implemented using the <a href="https://pre-commit.com/">pre-commit</a> tool that runs common tasks like linting, automated tests and compiling typescript files.</p> <p><strong>Install the hooks</strong> by running <code class="hljs inline no-lang">python3 ./pre-commit/pre-commit-2.20.0.pyz install</code> in the <strong>root folder</strong> of your cloned repo.</p> <p>If you ever need to uninstall the hooks, simply run <code class="hljs inline no-lang">uninstall</code> instead of <code class="hljs inline no-lang">install</code>.</p> <h3 id="common-setup-questions">Common setup questions<a href="#common-setup-questions" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ol><li><p>Does MarkBind work with all operating systems?</p> <p>Yes! We support all operating systems.</p></li> <li><p>How does MarkBind manage dependencies?</p> <p>MarkBind uses <a href="https://github.com/lerna/lerna">lerna</a>, a popular
 multi-package development tool, to manage its dependencies. It is
 essentially a high level wrapper over node and npm's functionalities.</p></li> <li><p>How do I move back to the released version of MarkBind?</p> <p>To go back to the released version of MarkBind, run
-<code class="hljs inline no-lang">npm un -g markbind-cli</code>, followed by <code class="hljs inline no-lang">npm i -g markbind-cli</code>.</p></li> <li><p>Some of my front-end components are not working as expected when running <code class="hljs inline no-lang">markbind serve</code>.</p> <p>Try running either <code class="hljs inline no-lang">markbind serve -d</code> or <code class="hljs inline no-lang">npm run build:web</code> to view frontend changes (especially after pulling a frontend update that someone else may have pushed). You can see more details <a href="/devdocs/devGuide/development/workflow.html#editing-frontend-features">here</a>.</p></li></ol> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/bootcamp/implementAFeature.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Implement a New Feature</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/development/workflow.html" class="btn btn-light"><span><span>Workflow</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+<code class="hljs inline no-lang">npm un -g markbind-cli</code>, followed by <code class="hljs inline no-lang">npm i -g markbind-cli</code>.</p></li> <li><p>Some of my front-end components are not working as expected when running <code class="hljs inline no-lang">markbind serve</code>.</p> <p>Try running either <code class="hljs inline no-lang">markbind serve -d</code> or <code class="hljs inline no-lang">npm run build:web</code> to view frontend changes (especially after pulling a frontend update that someone else may have pushed). You can see more details <a href="/devdocs/devGuide/development/workflow.html#editing-frontend-features">here</a>.</p></li></ol> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/bootcamp/implementAFeature.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Implement a New Feature</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/development/workflow.html" class="btn btn-light"><span><span>Workflow</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/development/settingUp.page-vue-render.js b/devGuide/development/settingUp.page-vue-render.js
index d7cf301a..944d5cda 100644
--- a/devGuide/development/settingUp.page-vue-render.js
+++ b/devGuide/development/settingUp.page-vue-render.js
@@ -56,6 +56,6 @@ with(this){return _c('ol',[_c('li',[_c('p',[_v("Does MarkBind work with all oper
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-start"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/bootcamp/implementAFeature.html"}},[_c('span',[_c('span',{staticClass:"far fa-arrow-alt-circle-left",attrs:{"aria-hidden":"true"}}),_v(" "),_c('span',[_v("Implement a New Feature")])])])])]),_v(" "),_c('p',[_c('span',{staticClass:"float-end"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/development/workflow.html"}},[_c('span',[_c('span',[_v("Workflow")]),_v(" "),_c('span',{staticClass:"far fa-arrow-alt-circle-right",attrs:{"aria-hidden":"true"}})])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/development/workflow.html b/devGuide/development/workflow.html
index b2ea7364..f9feb7bb 100644
--- a/devGuide/development/workflow.html
+++ b/devGuide/development/workflow.html
@@ -33,7 +33,7 @@
 <a href="https://docs.github.com/assets/cb-75616/mw-1440/images/help/repository/sync-fork-dropdown.webp" target="_self"><img src="https://docs.github.com/assets/cb-75616/mw-1440/images/help/repository/sync-fork-dropdown.webp" alt="" width="700" class="img-fluid"></a></p></li> <li><p>Checkout and sync your local <code class="hljs inline no-lang">master</code> (the name of your local branch that tracks the remote <code class="hljs inline no-lang">master</code>) branch with <code class="hljs inline no-lang">git checkout master &amp;&amp; git pull</code></p></li> <li><p>Checkout your feature branch and <a href="https://git-scm.com/book/en/v2/Git-Branching-Rebasing">rebase</a> the branch with <code class="hljs inline no-lang">git rebase master</code> or <a href="https://git-scm.com/docs/git-merge">merge</a> <code class="hljs inline no-lang">master</code> into the branch with <code class="hljs inline no-lang">git merge master</code></p></li> <li><p>Fix any merge conflicts (if applicable)</p></li></ol> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-success" data-v-0eabf1c4><i class="fas fa-lightbulb" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>You may want to use a tool like <a href="https://www.git-town.com/" data-v-0eabf1c4>GitTown</a> to speed up the process.</p></div> <!----></div></div></div> <h4 id="editing-backend-features">Editing backend features<a href="#editing-backend-features" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>Some of our backend code files in <code class="hljs inline no-lang">packages/core</code> are written in TypeScript, and you will need to compile those into JavaScript for local execution with our command-line module <code class="hljs inline no-lang">packages/cli</code>.</p> <p>You can run <code class="hljs inline no-lang">npm run build:backend</code> in the root directory to compile the files, but in some cases, it might be tedious to manually execute the command many times. We recommend you to either:</p> <ol><li><p>Run <code class="hljs inline no-lang">npm run dev</code> in the root directory. (<em>Recommended for TypeScript migration</em>)</p> <p>This command starts the compiler's file watcher which will rebuild the relavant files when file changes are detected.</p></li> <li><p>Configure your IDE to perform automatic compilation on file change/save. (<em>Recommended for general development</em>)</p> <p>Refer to your IDE's guides to set this up. For instance, here are the guides for <a href="https://www.jetbrains.com/help/webstorm/compiling-typescript-to-javascript.html#ts_compiler_compile_code_automatically">WebStorm</a> and <a href="https://code.visualstudio.com/docs/typescript/typescript-compiling#_step-2-run-the-typescript-build">Visual Studio Code</a>.</p></li></ol> <h4 id="editing-frontend-features">Editing frontend features<a href="#editing-frontend-features" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>We update the frontend <code class="hljs inline no-lang">markbind.min.js</code> and <code class="hljs inline no-lang">markbind.min.css</code> bundles during release only, and not in pull requests.</p> <p>Hence, if you need to view the latest frontend changes (relating to <code class="hljs inline no-lang">packages/core-web</code> or <code class="hljs inline no-lang">packages/vue-components</code>), you can either:</p> <ol><li>Run <code class="hljs inline no-lang">markbind serve -d</code> (with any other applicable options). (<strong>recommended</strong>)<br>
 This adds the necessary webpack middlewares to the development server to compile the above bundles,
 and enables live and hot reloading for frontend source files.</li> <li>Run <code class="hljs inline no-lang">npm run build:web</code> in the root directory, which builds the above bundles,
-then run your markbind-cli <a tags="environment--dg" href="https://markbind.org/userGuide/cliCommands.html">command</a> of choice.</li></ol> <div id="workflow-testing"><h2 id="testing">Testing<a href="#testing" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Our test script does the following:</p> <ol><li>Lints the code (<code class="hljs inline no-lang">.ts</code>, <code class="hljs inline no-lang">.js</code>, <code class="hljs inline no-lang">.vue</code>) and stylesheets (<code class="hljs inline no-lang">.css</code>) for any style errors using <a href="https://eslint.org/">ESLint</a> and <a href="https://stylelint.io/">StyleLint</a>.</li> <li>Runs unit tests for all packages with <a href="https://jestjs.io/">Jest</a>.</li> <li>Builds the test sites whose directory names are listed in <code class="hljs inline no-lang">packages/cli/test/functional/testSites.js</code>.</li> <li>For each test site, compares the HTML files generated with the HTML files in its <code class="hljs inline no-lang">expected</code> directory.</li></ol> <p>To run the test script, use: <code class="hljs inline no-lang">npm run test</code></p> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-success" data-v-0eabf1c4><i class="fas fa-lightbulb" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>If you only want to run tests for one of the packages (<code class="hljs inline no-lang" data-v-0eabf1c4>packages/*</code>), simply switch into the appropriate directory and use <code class="hljs inline no-lang" data-v-0eabf1c4>npm run test</code> as well!</p></div> <!----></div></div></div> <h4 id="updating-and-writing-tests">Updating and writing tests<a href="#updating-and-writing-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <h5 id="updating-unit-tests">Updating unit tests<a href="#updating-unit-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5> <p>Our unit tests perform fast, stable, and comprehensive checks on important behaviors of our classes and functions. Some existing tests can be found in the <code class="hljs inline no-lang">packages/cli/test/unit</code> and <code class="hljs inline no-lang">packages/core/test/unit</code> directory. Where appropriate, unit tests should be added/modified to account for any new/changed functionality.</p> <h5 id="updating-functional-tests">Updating functional tests<a href="#updating-functional-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5> <p>Whether you are adding a new feature, updating existing features or fixing bugs, make sure to update the <strong>source</strong> test files (test sites, snapshots) to reflect the changes.</p> <p>After which, you can update the <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----> <!----></span> with: <code class="hljs inline no-lang">npm run updatetest</code></p> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-warning" data-v-0eabf1c4><i class="fas fa-exclamation" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-warning" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>You should always check that the generated output is correct before committing any changes to the test sites.</p> <p data-v-0eabf1c4>Note that some binary files such as images (e.g. <code class="hljs inline no-lang" data-v-0eabf1c4>inline-output.png</code>) or fonts (e.g. <code class="hljs inline no-lang" data-v-0eabf1c4>material-icons-outlined.woff</code>) could show up
+then run your markbind-cli <a tags="environment--dg" href="https://markbind.org/userGuide/cliCommands.html">command</a> of choice.</li></ol> <div id="workflow-testing"><h2 id="testing">Testing<a href="#testing" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Our test script does the following:</p> <ol><li>Lints the code (<code class="hljs inline no-lang">.ts</code>, <code class="hljs inline no-lang">.js</code>, <code class="hljs inline no-lang">.vue</code>) and stylesheets (<code class="hljs inline no-lang">.css</code>) for any style errors using <a href="https://eslint.org/">ESLint</a> and <a href="https://stylelint.io/">StyleLint</a>.</li> <li>Runs unit tests for all packages with <a href="https://jestjs.io/">Jest</a>.</li> <li>Builds the test sites whose directory names are listed in <code class="hljs inline no-lang">packages/cli/test/functional/testSites.js</code>.</li> <li>For each test site, compares the HTML files generated with the HTML files in its <code class="hljs inline no-lang">expected</code> directory.</li></ol> <p>To run the test script, use: <code class="hljs inline no-lang">npm run test</code></p> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-success" data-v-0eabf1c4><i class="fas fa-lightbulb" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>If you only want to run tests for one of the packages (<code class="hljs inline no-lang" data-v-0eabf1c4>packages/*</code>), simply switch into the appropriate directory and use <code class="hljs inline no-lang" data-v-0eabf1c4>npm run test</code> as well!</p></div> <!----></div></div></div> <h4 id="updating-and-writing-tests">Updating and writing tests<a href="#updating-and-writing-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <h5 id="updating-unit-tests">Updating unit tests<a href="#updating-unit-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5> <p>Our unit tests perform fast, stable, and comprehensive checks on important behaviors of our classes and functions. Some existing tests can be found in the <code class="hljs inline no-lang">packages/cli/test/unit</code> and <code class="hljs inline no-lang">packages/core/test/unit</code> directory. Where appropriate, unit tests should be added/modified to account for any new/changed functionality.</p> <h5 id="updating-functional-tests">Updating functional tests<a href="#updating-functional-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5> <p>Whether you are adding a new feature, updating existing features or fixing bugs, make sure to update the <strong>source</strong> test files (test sites, snapshots) to reflect the changes.</p> <p>After which, you can update the <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----><!----></span> with: <code class="hljs inline no-lang">npm run updatetest</code></p> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-warning" data-v-0eabf1c4><i class="fas fa-exclamation" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-warning" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>You should always check that the generated output is correct before committing any changes to the test sites.</p> <p data-v-0eabf1c4>Note that some binary files such as images (e.g. <code class="hljs inline no-lang" data-v-0eabf1c4>inline-output.png</code>) or fonts (e.g. <code class="hljs inline no-lang" data-v-0eabf1c4>material-icons-outlined.woff</code>) could show up
 as uncommitted changes due to the way they are generated. If you are not directly modifying those files in your PR, you should <strong data-v-0eabf1c4>discard those changes</strong> and <strong data-v-0eabf1c4>do not commit</strong> them.</p></div> <!----></div></div></div> <div class="alert box-container seamless d-flex" data-v-0eabf1c4><div class="d-flex" data-v-0eabf1c4><div class="icon-wrapper  text-success" data-v-0eabf1c4><i class="fas fa-lightbulb" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-0eabf1c4></div></div> <div class="header-and-body" data-v-0eabf1c4><div class="box-header-wrapper" data-v-0eabf1c4><!----> <div class="box-header" data-v-0eabf1c4><p data-v-0eabf1c4>Here are the steps to solve merge conflicts in expected test files:</p></div> <!----></div> <div class="box-body-wrapper box-body-wrapper-with-heading" data-v-0eabf1c4><!----> <!----> <div class="contents" data-v-0eabf1c4> <ol data-v-0eabf1c4><li data-v-0eabf1c4>Ensure that your fork is synced with the upstream repository.</li> <li data-v-0eabf1c4>Ensure that the master branch of your local repository is in sync with the master branch of your fork.
 Pull from the fork into your local repository as needed.</li> <li data-v-0eabf1c4>Checkout from your master branch to your PR branch.
 <ul data-v-0eabf1c4><li data-v-0eabf1c4><code class="hljs inline no-lang" data-v-0eabf1c4>git checkout [BRANCH NAME]</code></li></ul></li> <li data-v-0eabf1c4>Merge your master branch into your PR branch.
@@ -146,7 +146,7 @@
 
     </div>
     </button></div></pre><h2 id="linting">Linting<a href="#linting" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>We follow <a href="/devdocs/devGuide/styleGuides.html">our style guides</a>. Using a linter will help check and fix some of the code style errors in your code. It will save time for both you and your code reviewer. The linting tool we use is <a href="https://eslint.org/">ESLint</a> and <a href="https://stylelint.io/">StyleLint</a>. Here is a <a href="https://gist.github.com/nicholaschuayunzhi/bfe53dbb5f1a0f02d545d55956f9ab7e">gist</a> with an explanation of the ESLint rules chosen in markbind-cli.</p> <p>Before making a commit or pull request, you should lint your code by running the following commands from the root of your project:</p> <ul><li>To lint a specific file: <code class="hljs inline no-lang">eslint path/to/specificfile.js</code></li> <li>To lint all files: <code class="hljs inline no-lang">npm run lint</code></li></ul> <p>It is also possible to auto-fix some (not all) style errors, using <code class="hljs inline no-lang">npm run lintfix</code>.</p> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-success" data-v-0eabf1c4><i class="fas fa-lightbulb" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>ESLint has <a href="https://eslint.org/docs/user-guide/integrations" data-v-0eabf1c4>integrations with popular editors</a>. They offer features such as &quot;fix errors on save&quot;, which will make development smoother.</p></div> <!----></div></div></div> <h2 id="git-hooks">Git hooks<a href="#git-hooks" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>We have three git hooks in our project. We use <a href="https://pre-commit.com/">pre-commit</a> to manage our git hooks.<br>
-The pre-commit scripts are located in <code class="hljs inline no-lang">./pre-commit/pre-commit-scripts</code> and the config is found in <code class="hljs inline no-lang">./pre-commit-config.yaml</code>.</p> <p>To skip running the pre-commit hook or pre-push hook, you can use the --no-verify flag (e.g. git push --no-verify origin fork_branch).</p> <ul><li><code class="hljs inline no-lang">post-checkout</code>: When you checkout to another branch, this hook will run clean and build the backend.</li> <li><code class="hljs inline no-lang">pre-commit</code>: This hook will run clean, build the backend, and run lintfix on all the files.</li> <li><code class="hljs inline no-lang">pre-push</code>: This hook will run clean, build the backend, and run all the test cases.</li></ul> <h2 id="dependency-management">Dependency management<a href="#dependency-management" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>As mentioned in the <a href="/devdocs/devGuide/development/settingUp.html#setting-up-the-dev-environment">setting up</a> page, MarkBind uses <a href="https://github.com/lerna/lerna">lerna</a> to manage the dependencies of its <a href="/devdocs/devGuide/design/projectStructure.html">various packages</a>.</p> <h3 id="to-add-a-dependency">To add a dependency<a href="#to-add-a-dependency" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Add your dependency into the appropriate <code class="hljs inline no-lang">package.json</code> file inside <code class="hljs inline no-lang">packages/*</code>. If this is a development dependency to be used across all packages (e.g. ESLint), add it the the root <code class="hljs inline no-lang">package.json</code>.</p> <p>Then, simply rerun the <code class="hljs inline no-lang">npm run setup</code> command to update the <code class="hljs inline no-lang">package-lock.json</code> files.</p> <h3 id="to-delete-a-dependency">To delete a dependency<a href="#to-delete-a-dependency" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The safest way is to first remove the particular dependency entry from the <code class="hljs inline no-lang">package.json</code> file of the respective directory. Then, run <code class="hljs inline no-lang">npm run setup</code> in the root directory to clean up the local dependencies and update the <code class="hljs inline no-lang">package-lock.json</code> file.</p> <h3 id="to-update-a-dependency">To update a dependency<a href="#to-update-a-dependency" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>First, follow the instruction to <a href="#to-delete-a-dependency">delete the dependency</a>. Then, follow the instruction to <a href="#to-add-a-dependency">add the latest dependency</a> back. Also, when updating dependencies, ensure that it is updated in <em>all</em> packages using that dependency.</p> <div class="alert box-container alert-warning" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper" data-v-0eabf1c4><i class="fas fa-exclamation" data-v-0eabf1c4></i></div> <!----> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>Dependency updates are not trivial, and can be the source of subtle bugs. You should always check the respective dependency changelogs before doing so!</p></div> <!----></div></div></div> <h3 id="points-for-consideration">Points for consideration<a href="#points-for-consideration" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>There are a few ways to incorporate external packages into MarkBind, each with its pros and cons. The following table shows some of the common trade-offs:</p> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th style="text-align:left;">Approach</th> <th style="text-align:left;">Pros</th> <th style="text-align:left;">Cons</th></tr></thead> <tbody><tr><td style="text-align:left;">Installing</td> <td style="text-align:left;"><ul><li>Ease of upgrade</li><li>Traceable in <code class="hljs inline no-lang">package.json</code></li></ul></td> <td style="text-align:left;"><ul><li>May not satisfy custom behavior</li><li>Become vulnerable if the source repo is no longer actively maintained</li></ul></td></tr> <tr><td style="text-align:left;">Forking</td> <td style="text-align:left;"><ul><li>Relatively easy to upgrade</li><li>Leverage upstream testing procedures</li><li>Benefit others who share the same use cases</li></ul></td> <td style="text-align:left;"><ul><li>May become out-of-sync with the latest version</li><li>Difficult to maintain it externally in the long run</li></ul></td></tr> <tr><td style="text-align:left;">Patching</td> <td style="text-align:left;"><ul><li>Quick - no need to maintain / publish more npm packages or setup release procedures etc</li><li>Ensure the changes propagate to other dependencies</li><li>Enjoy the benefits of monorepo</li></ul></td> <td style="text-align:left;"><ul><li>Difficult to upgrade</li></ul></td></tr></tbody></table></div><p>As the choice is highly dependent on context and details of the implementation, below are some additional questions to ask before proceeding:</p> <ul><li>Is the package actively maintained?</li> <li>How big is the package?</li> <li>How invasive are the proposed changes?</li> <li>Are there existing APIs/plugin system from the package (to modify default behaviors)?</li></ul> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-success" data-v-0eabf1c4><i class="fas fa-lightbulb" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>Find out more about the key external libraries used in MarkBind from the <a href="/devdocs/devGuide/design/projectStructure.html" data-v-0eabf1c4>project structure</a> section. Also, the rationales behind most existing patches are documented in their respective files, read them (and their respective PRs/issues) for more context!</p></div> <!----></div></div></div> <h3 id="updating-plantuml">Updating PlantUML<a href="#updating-plantuml" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>PlantUML is a third-party library used by MarkBind to create UML diagrams. MarkBind runs the PlantUML JAR file found in <code class="hljs inline no-lang">packages/core/src/plugins/default</code> when building the site to generate the diagrams.</p> <p>To update PlantUML to a newer version:</p> <ol><li>Download the JAR file from <a href="https://plantuml.com/download">PlantUML's website</a>.</li> <li>Rename the file to <code class="hljs inline no-lang">plantuml.jar</code> (if required), and replace the existing JAR file located in <code class="hljs inline no-lang">packages/core/src/plugins/default</code>.</li> <li>Check the HTML pages that contain PlantUML diagrams, i.e. <code class="hljs inline no-lang">/userGuide/components/imagesAndDiagrams.html</code>.</li></ol> <h3 id="updating-bootstrap-and-bootswatch">Updating Bootstrap and Bootswatch<a href="#updating-bootstrap-and-bootswatch" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>As Bootswatch is built on Bootstrap, ensure that the versions of both are in sync to avoid unexpected differences in styling behavior between default and other themes. Both are currently using version 5.1.3.</p> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/development/settingUp.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Setting up</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/development/writingComponents.html" class="btn btn-light"><span><span>Writing Components</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#workflow" data-v-e6005420>Workflow‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#writing-code" data-v-e6005420>Writing code‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#general-tips" data-v-e6005420>General tips‎</a> <a class="nav-link py-1" href="#keeping-your-fork-up-to-date" data-v-e6005420>Keeping your fork up to date‎</a> <a class="nav-link py-1" href="#editing-backend-features" data-v-e6005420>Editing backend features‎</a> <a class="nav-link py-1" href="#editing-frontend-features" data-v-e6005420>Editing frontend features‎</a></nav> <a class="nav-link py-1" href="#testing" data-v-e6005420>Testing‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#updating-and-writing-tests" data-v-e6005420>Updating and writing tests‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#updating-unit-tests" data-v-e6005420>Updating unit tests‎</a> <a class="nav-link py-1" href="#updating-functional-tests" data-v-e6005420>Updating functional tests‎</a> <a class="nav-link py-1" href="#adding-test-site-content" data-v-e6005420>Adding test site content‎</a> <a class="nav-link py-1" href="#adding-snapshot-tests-for-components" data-v-e6005420>Adding snapshot tests for components‎</a></nav></nav> <a class="nav-link py-1" href="#documenting" data-v-e6005420>Documenting‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#adding-intra-site-links-to-documentation" data-v-e6005420>Adding Intra-Site Links to Documentation‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#developer-guide" data-v-e6005420>Developer Guide‎</a> <a class="nav-link py-1" href="#user-guide" data-v-e6005420>User Guide‎</a></nav></nav> <a class="nav-link py-1" href="#linting" data-v-e6005420>Linting‎</a> <a class="nav-link py-1" href="#git-hooks" data-v-e6005420>Git hooks‎</a> <a class="nav-link py-1" href="#dependency-management" data-v-e6005420>Dependency management‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#to-add-a-dependency" data-v-e6005420>To add a dependency‎</a> <a class="nav-link py-1" href="#to-delete-a-dependency" data-v-e6005420>To delete a dependency‎</a> <a class="nav-link py-1" href="#to-update-a-dependency" data-v-e6005420>To update a dependency‎</a> <a class="nav-link py-1" href="#points-for-consideration" data-v-e6005420>Points for consideration‎</a> <a class="nav-link py-1" href="#updating-plantuml" data-v-e6005420>Updating PlantUML‎</a> <a class="nav-link py-1" href="#updating-bootstrap-and-bootswatch" data-v-e6005420>Updating Bootstrap and Bootswatch‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+The pre-commit scripts are located in <code class="hljs inline no-lang">./pre-commit/pre-commit-scripts</code> and the config is found in <code class="hljs inline no-lang">./pre-commit-config.yaml</code>.</p> <p>To skip running the pre-commit hook or pre-push hook, you can use the --no-verify flag (e.g. git push --no-verify origin fork_branch).</p> <ul><li><code class="hljs inline no-lang">post-checkout</code>: When you checkout to another branch, this hook will run clean and build the backend.</li> <li><code class="hljs inline no-lang">pre-commit</code>: This hook will run clean, build the backend, and run lintfix on all the files.</li> <li><code class="hljs inline no-lang">pre-push</code>: This hook will run clean, build the backend, and run all the test cases.</li></ul> <h2 id="dependency-management">Dependency management<a href="#dependency-management" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>As mentioned in the <a href="/devdocs/devGuide/development/settingUp.html#setting-up-the-dev-environment">setting up</a> page, MarkBind uses <a href="https://github.com/lerna/lerna">lerna</a> to manage the dependencies of its <a href="/devdocs/devGuide/design/projectStructure.html">various packages</a>.</p> <h3 id="to-add-a-dependency">To add a dependency<a href="#to-add-a-dependency" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Add your dependency into the appropriate <code class="hljs inline no-lang">package.json</code> file inside <code class="hljs inline no-lang">packages/*</code>. If this is a development dependency to be used across all packages (e.g. ESLint), add it the the root <code class="hljs inline no-lang">package.json</code>.</p> <p>Then, simply rerun the <code class="hljs inline no-lang">npm run setup</code> command to update the <code class="hljs inline no-lang">package-lock.json</code> files.</p> <h3 id="to-delete-a-dependency">To delete a dependency<a href="#to-delete-a-dependency" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The safest way is to first remove the particular dependency entry from the <code class="hljs inline no-lang">package.json</code> file of the respective directory. Then, run <code class="hljs inline no-lang">npm run setup</code> in the root directory to clean up the local dependencies and update the <code class="hljs inline no-lang">package-lock.json</code> file.</p> <h3 id="to-update-a-dependency">To update a dependency<a href="#to-update-a-dependency" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>First, follow the instruction to <a href="#to-delete-a-dependency">delete the dependency</a>. Then, follow the instruction to <a href="#to-add-a-dependency">add the latest dependency</a> back. Also, when updating dependencies, ensure that it is updated in <em>all</em> packages using that dependency.</p> <div class="alert box-container alert-warning" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper" data-v-0eabf1c4><i class="fas fa-exclamation" data-v-0eabf1c4></i></div> <!----> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>Dependency updates are not trivial, and can be the source of subtle bugs. You should always check the respective dependency changelogs before doing so!</p></div> <!----></div></div></div> <h3 id="points-for-consideration">Points for consideration<a href="#points-for-consideration" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>There are a few ways to incorporate external packages into MarkBind, each with its pros and cons. The following table shows some of the common trade-offs:</p> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th style="text-align:left;">Approach</th> <th style="text-align:left;">Pros</th> <th style="text-align:left;">Cons</th></tr></thead> <tbody><tr><td style="text-align:left;">Installing</td> <td style="text-align:left;"><ul><li>Ease of upgrade</li><li>Traceable in <code class="hljs inline no-lang">package.json</code></li></ul></td> <td style="text-align:left;"><ul><li>May not satisfy custom behavior</li><li>Become vulnerable if the source repo is no longer actively maintained</li></ul></td></tr> <tr><td style="text-align:left;">Forking</td> <td style="text-align:left;"><ul><li>Relatively easy to upgrade</li><li>Leverage upstream testing procedures</li><li>Benefit others who share the same use cases</li></ul></td> <td style="text-align:left;"><ul><li>May become out-of-sync with the latest version</li><li>Difficult to maintain it externally in the long run</li></ul></td></tr> <tr><td style="text-align:left;">Patching</td> <td style="text-align:left;"><ul><li>Quick - no need to maintain / publish more npm packages or setup release procedures etc</li><li>Ensure the changes propagate to other dependencies</li><li>Enjoy the benefits of monorepo</li></ul></td> <td style="text-align:left;"><ul><li>Difficult to upgrade</li></ul></td></tr></tbody></table></div><p>As the choice is highly dependent on context and details of the implementation, below are some additional questions to ask before proceeding:</p> <ul><li>Is the package actively maintained?</li> <li>How big is the package?</li> <li>How invasive are the proposed changes?</li> <li>Are there existing APIs/plugin system from the package (to modify default behaviors)?</li></ul> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-success" data-v-0eabf1c4><i class="fas fa-lightbulb" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>Find out more about the key external libraries used in MarkBind from the <a href="/devdocs/devGuide/design/projectStructure.html" data-v-0eabf1c4>project structure</a> section. Also, the rationales behind most existing patches are documented in their respective files, read them (and their respective PRs/issues) for more context!</p></div> <!----></div></div></div> <h3 id="updating-plantuml">Updating PlantUML<a href="#updating-plantuml" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>PlantUML is a third-party library used by MarkBind to create UML diagrams. MarkBind runs the PlantUML JAR file found in <code class="hljs inline no-lang">packages/core/src/plugins/default</code> when building the site to generate the diagrams.</p> <p>To update PlantUML to a newer version:</p> <ol><li>Download the JAR file from <a href="https://plantuml.com/download">PlantUML's website</a>.</li> <li>Rename the file to <code class="hljs inline no-lang">plantuml.jar</code> (if required), and replace the existing JAR file located in <code class="hljs inline no-lang">packages/core/src/plugins/default</code>.</li> <li>Check the HTML pages that contain PlantUML diagrams, i.e. <code class="hljs inline no-lang">/userGuide/components/imagesAndDiagrams.html</code>.</li></ol> <h3 id="updating-bootstrap-and-bootswatch">Updating Bootstrap and Bootswatch<a href="#updating-bootstrap-and-bootswatch" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>As Bootswatch is built on Bootstrap, ensure that the versions of both are in sync to avoid unexpected differences in styling behavior between default and other themes. Both are currently using version 5.1.3.</p> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/development/settingUp.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Setting up</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/development/writingComponents.html" class="btn btn-light"><span><span>Writing Components</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#workflow" data-v-e6005420>Workflow‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#writing-code" data-v-e6005420>Writing code‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#general-tips" data-v-e6005420>General tips‎</a> <a class="nav-link py-1" href="#keeping-your-fork-up-to-date" data-v-e6005420>Keeping your fork up to date‎</a> <a class="nav-link py-1" href="#editing-backend-features" data-v-e6005420>Editing backend features‎</a> <a class="nav-link py-1" href="#editing-frontend-features" data-v-e6005420>Editing frontend features‎</a></nav> <a class="nav-link py-1" href="#testing" data-v-e6005420>Testing‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#updating-and-writing-tests" data-v-e6005420>Updating and writing tests‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#updating-unit-tests" data-v-e6005420>Updating unit tests‎</a> <a class="nav-link py-1" href="#updating-functional-tests" data-v-e6005420>Updating functional tests‎</a> <a class="nav-link py-1" href="#adding-test-site-content" data-v-e6005420>Adding test site content‎</a> <a class="nav-link py-1" href="#adding-snapshot-tests-for-components" data-v-e6005420>Adding snapshot tests for components‎</a></nav></nav> <a class="nav-link py-1" href="#documenting" data-v-e6005420>Documenting‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#adding-intra-site-links-to-documentation" data-v-e6005420>Adding Intra-Site Links to Documentation‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#developer-guide" data-v-e6005420>Developer Guide‎</a> <a class="nav-link py-1" href="#user-guide" data-v-e6005420>User Guide‎</a></nav></nav> <a class="nav-link py-1" href="#linting" data-v-e6005420>Linting‎</a> <a class="nav-link py-1" href="#git-hooks" data-v-e6005420>Git hooks‎</a> <a class="nav-link py-1" href="#dependency-management" data-v-e6005420>Dependency management‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#to-add-a-dependency" data-v-e6005420>To add a dependency‎</a> <a class="nav-link py-1" href="#to-delete-a-dependency" data-v-e6005420>To delete a dependency‎</a> <a class="nav-link py-1" href="#to-update-a-dependency" data-v-e6005420>To update a dependency‎</a> <a class="nav-link py-1" href="#points-for-consideration" data-v-e6005420>Points for consideration‎</a> <a class="nav-link py-1" href="#updating-plantuml" data-v-e6005420>Updating PlantUML‎</a> <a class="nav-link py-1" href="#updating-bootstrap-and-bootswatch" data-v-e6005420>Updating Bootstrap and Bootswatch‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/development/workflow.page-vue-render.js b/devGuide/development/workflow.page-vue-render.js
index d6cc85c7..02396e49 100644
--- a/devGuide/development/workflow.page-vue-render.js
+++ b/devGuide/development/workflow.page-vue-render.js
@@ -236,6 +236,6 @@ with(this){return _c('h3',{attrs:{"id":"updating-bootstrap-and-bootswatch"}},[_v
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-start"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/development/settingUp.html"}},[_c('span',[_c('span',{staticClass:"far fa-arrow-alt-circle-left",attrs:{"aria-hidden":"true"}}),_v(" "),_c('span',[_v("Setting up")])])])])]),_v(" "),_c('p',[_c('span',{staticClass:"float-end"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/development/writingComponents.html"}},[_c('span',[_c('span',[_v("Writing Components")]),_v(" "),_c('span',{staticClass:"far fa-arrow-alt-circle-right",attrs:{"aria-hidden":"true"}})])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/development/writingComponents.html b/devGuide/development/writingComponents.html
index 83baa08b..558cc0e2 100644
--- a/devGuide/development/writingComponents.html
+++ b/devGuide/development/writingComponents.html
@@ -41,9 +41,9 @@
 A guide on SSR for MarkBind can be found <a href="/devdocs/devGuide/design/serverSideRendering.html">here</a>.</p> <p>Vue-specific tips for resolving SSR issues:</p> <ul><li>The <code class="hljs inline no-lang">mount</code> and <code class="hljs inline no-lang">beforeMount</code> lifecycle hooks will only be executed on the client, not the server</li> <li>When using <code class="hljs inline no-lang">v-if</code>, ensure that it will evaluate to the same value on both the client and server</li> <li>Take note of how the Vue component will be compiled, ensuring that the HTML is correct and aligns on both client- and server- side</li> <li>Conditionally render data when it has been fully loaded</li></ul> <h4 id="bundle-size">Bundle size<a href="#bundle-size" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>When creating a new component, you may need to import a package or library to support some functionality.
 Ideally, this should not increase MarkBind's bundle size too much.
 <a href="https://bundlephobia.com/">Bundlephobia</a> may be useful to quickly look up the size of a package!</p> <h4 id="dependencies">Dependencies<a href="#dependencies" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>When choosing to use a third-party library or package, it should ideally be well-maintained and not have too many dependencies.
-While dependencies may be inevitable, a package with dependencies on large libraries may lag behind the most recent releases of these libraries, which may become a blocker for MarkBind to migrate to these recent releases as well.</p> <p>For instance, if <code class="hljs inline no-lang">bootstrap-vue</code> depends on Bootstrap and Vue, we will need to wait for <code class="hljs inline no-lang">bootstrap-vue</code> to migrate to the newest versions of both Bootstrap and Vue before MarkBind can migrate to these versions of Bootstrap and Vue as well.</p> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-success" data-v-0eabf1c4><i class="fas fa-lightbulb" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>Feel free to raise any concerns during the initial discussion phase for other devs to weigh in on the tradeoffs!</p></div> <!----></div></div></div> <h4 id="attributes-and-slots">Attributes and Slots<a href="#attributes-and-slots" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>MarkBind components may support <span data-mb-component-type="popover" tabindex="0" id="pop:markbind-attributes" class="trigger"><!----> <!----></span>, <span data-mb-component-type="popover" tabindex="0" id="pop:markbind-slots" class="trigger"><!----> <!----></span> or both.
+While dependencies may be inevitable, a package with dependencies on large libraries may lag behind the most recent releases of these libraries, which may become a blocker for MarkBind to migrate to these recent releases as well.</p> <p>For instance, if <code class="hljs inline no-lang">bootstrap-vue</code> depends on Bootstrap and Vue, we will need to wait for <code class="hljs inline no-lang">bootstrap-vue</code> to migrate to the newest versions of both Bootstrap and Vue before MarkBind can migrate to these versions of Bootstrap and Vue as well.</p> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-success" data-v-0eabf1c4><i class="fas fa-lightbulb" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>Feel free to raise any concerns during the initial discussion phase for other devs to weigh in on the tradeoffs!</p></div> <!----></div></div></div> <h4 id="attributes-and-slots">Attributes and Slots<a href="#attributes-and-slots" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>MarkBind components may support <span data-mb-component-type="popover" tabindex="0" id="pop:markbind-attributes" class="trigger"><!----><!----></span>, <span data-mb-component-type="popover" tabindex="0" id="pop:markbind-slots" class="trigger"><!----><!----></span> or both.
 Some components allow users to supply the same content as either a slot or an attribute.
-If an author provides the same content as both a slot and an attribute, in most cases, the slot should override the attribute.</p> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-warning" data-v-0eabf1c4><i class="fas fa-exclamation" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-warning" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>MarkBind should also <strong data-v-0eabf1c4>log a warning</strong> to inform the author of this conflict!</p></div> <!----></div></div></div> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/development/workflow.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Workflow</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/development/writingPlugins.html" class="btn btn-light"><span><span>Writing Plugins</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#writing-components" data-v-e6005420>Writing Components‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#implementing-components" data-v-e6005420>Implementing Components‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#transforming-the-node-directly" data-v-e6005420>Transforming the Node Directly‎</a> <a class="nav-link py-1" href="#vue-components" data-v-e6005420>Vue Components‎</a> <a class="nav-link py-1" href="#as-a-plugin" data-v-e6005420>As a Plugin‎</a></nav> <a class="nav-link py-1" href="#testing-components" data-v-e6005420>Testing Components‎</a> <a class="nav-link py-1" href="#additional-considerations" data-v-e6005420>Additional Considerations‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#reactivity" data-v-e6005420>Reactivity‎</a> <a class="nav-link py-1" href="#ssr" data-v-e6005420>SSR‎</a> <a class="nav-link py-1" href="#bundle-size" data-v-e6005420>Bundle size‎</a> <a class="nav-link py-1" href="#dependencies" data-v-e6005420>Dependencies‎</a> <a class="nav-link py-1" href="#attributes-and-slots" data-v-e6005420>Attributes and Slots‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+If an author provides the same content as both a slot and an attribute, in most cases, the slot should override the attribute.</p> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-warning" data-v-0eabf1c4><i class="fas fa-exclamation" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-warning" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>MarkBind should also <strong data-v-0eabf1c4>log a warning</strong> to inform the author of this conflict!</p></div> <!----></div></div></div> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/development/workflow.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Workflow</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/development/writingPlugins.html" class="btn btn-light"><span><span>Writing Plugins</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#writing-components" data-v-e6005420>Writing Components‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#implementing-components" data-v-e6005420>Implementing Components‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#transforming-the-node-directly" data-v-e6005420>Transforming the Node Directly‎</a> <a class="nav-link py-1" href="#vue-components" data-v-e6005420>Vue Components‎</a> <a class="nav-link py-1" href="#as-a-plugin" data-v-e6005420>As a Plugin‎</a></nav> <a class="nav-link py-1" href="#testing-components" data-v-e6005420>Testing Components‎</a> <a class="nav-link py-1" href="#additional-considerations" data-v-e6005420>Additional Considerations‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#reactivity" data-v-e6005420>Reactivity‎</a> <a class="nav-link py-1" href="#ssr" data-v-e6005420>SSR‎</a> <a class="nav-link py-1" href="#bundle-size" data-v-e6005420>Bundle size‎</a> <a class="nav-link py-1" href="#dependencies" data-v-e6005420>Dependencies‎</a> <a class="nav-link py-1" href="#attributes-and-slots" data-v-e6005420>Attributes and Slots‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/development/writingComponents.page-vue-render.js b/devGuide/development/writingComponents.page-vue-render.js
index 4ec4c5fe..5371a086 100644
--- a/devGuide/development/writingComponents.page-vue-render.js
+++ b/devGuide/development/writingComponents.page-vue-render.js
@@ -104,6 +104,6 @@ with(this){return _c('h4',{attrs:{"id":"attributes-and-slots"}},[_v("Attributes
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-start"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/development/workflow.html"}},[_c('span',[_c('span',{staticClass:"far fa-arrow-alt-circle-left",attrs:{"aria-hidden":"true"}}),_v(" "),_c('span',[_v("Workflow")])])])])]),_v(" "),_c('p',[_c('span',{staticClass:"float-end"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/development/writingPlugins.html"}},[_c('span',[_c('span',[_v("Writing Plugins")]),_v(" "),_c('span',{staticClass:"far fa-arrow-alt-circle-right",attrs:{"aria-hidden":"true"}})])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/development/writingPlugins.html b/devGuide/development/writingPlugins.html
index 550f5746..3d1a48b0 100644
--- a/devGuide/development/writingPlugins.html
+++ b/devGuide/development/writingPlugins.html
@@ -34,7 +34,7 @@
 <ul><li><code class="hljs inline no-lang">pluginContext</code>: User provided parameters for the plugin. This can be specified in the <code class="hljs inline no-lang">site.json</code>.</li> <li><code class="hljs inline no-lang">node</code>: A <a href="https://github.com/fb55/domhandler">domhandler</a> node object, which represents a HTML element.
 This object may be directly manipulated for simple operations, or operated on using <a href="https://cheerio.js.org/">cheerio</a>.</li></ul></li> <li><code class="hljs inline no-lang">postRender(pluginContext, frontmatter, content)</code>: Called after the HTML is rendered
 <ul><li><code class="hljs inline no-lang">pluginContext</code>: User provided parameters for the plugin. This can be specified in the <code class="hljs inline no-lang">site.json</code>.</li> <li><code class="hljs inline no-lang">frontmatter</code>: The frontmatter of the page being processed, in case any frontmatter data is required.</li> <li><code class="hljs inline no-lang">content</code>: The rendered HTML.</li> <li><strong>Returns:</strong> the post-processed HTML string</li></ul></li></ul> <div class="alert box-container alert-info" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper" data-v-0eabf1c4><i class="fas fa-info" data-v-0eabf1c4></i></div> <!----> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4>Note that both of these interfaces are executed independently on a page, a layout or an
-<span data-mb-component-type="popover" tabindex="0" class="trigger"><!----> <!----></span>.</p> <p data-v-0eabf1c4>That is, the DOM tree being processed during <code class="hljs inline no-lang" data-v-0eabf1c4>processNode</code> and the content passed into <code class="hljs inline no-lang" data-v-0eabf1c4>postRender</code> will belong to either one of these types of files.</p></div> <!----></div></div></div> <p>An example of a plugin is shown below. The plugin shows two ways of appending a paragraph of text to a specific <code class="hljs inline no-lang">div</code> in the Markdown files:</p> <pre><code class="hljs js"><span><span class="hljs-comment">// myPlugin.js</span>
+<span data-mb-component-type="popover" tabindex="0" class="trigger"><!----><!----></span>.</p> <p data-v-0eabf1c4>That is, the DOM tree being processed during <code class="hljs inline no-lang" data-v-0eabf1c4>processNode</code> and the content passed into <code class="hljs inline no-lang" data-v-0eabf1c4>postRender</code> will belong to either one of these types of files.</p></div> <!----></div></div></div> <p>An example of a plugin is shown below. The plugin shows two ways of appending a paragraph of text to a specific <code class="hljs inline no-lang">div</code> in the Markdown files:</p> <pre><code class="hljs js"><span><span class="hljs-comment">// myPlugin.js</span>
 </span><span>
 </span><span><span class="hljs-keyword">const</span> cheerio = <span class="hljs-built_in">module</span>.parent.require(<span class="hljs-string">'cheerio'</span>);
 </span><span>
@@ -177,7 +177,7 @@
 
     </div>
     </button></div></pre><p><strong>Tag Properties</strong></p> <p>Tag properties are top-level properties of the tag configuration object. The following table lists what these properties are used for:</p> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th style="text-align:left;">Property</th> <th>Values</th> <th>Default</th> <th>Remarks</th></tr></thead> <tbody><tr><td style="text-align:left;"><code class="hljs inline no-lang">isSpecial</code></td> <td><code class="hljs inline no-lang">true</code> or <code class="hljs inline no-lang">false</code></td> <td><code class="hljs inline no-lang">false</code></td> <td>Allows configuring whether any tag is to be parsed &quot;specially&quot; like a <code class="hljs inline no-lang">&lt;script&gt;</code> or <code class="hljs inline no-lang">&lt;style&gt;</code> tag. This allows configuring custom tags that may contain conflicting syntax, such as the <code class="hljs inline no-lang">&lt;puml&gt;</code> tag used for UML diagram generation.</td></tr> <tr><td style="text-align:left;"><code class="hljs inline no-lang">attributes</code></td> <td>Array of attribute configurations</td> <td><code class="hljs inline no-lang">[]</code></td> <td>Contains the attribute configurations of the tags.</td></tr></tbody></table></div><p><strong>Attribute Properties</strong></p> <p>The following table lists what the possible properties for configuring the attributes of a tag, and what they are used for:</p> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th style="text-align:left;">Property</th> <th>Values</th> <th>Default</th> <th>Remarks</th></tr></thead> <tbody><tr><td style="text-align:left;"><code class="hljs inline no-lang">name</code></td> <td>attribute name</td> <td>none</td> <td>The string name of the attribute.</td></tr> <tr><td style="text-align:left;"><code class="hljs inline no-lang">isRelative</code></td> <td><code class="hljs inline no-lang">true</code> or <code class="hljs inline no-lang">false</code></td> <td><code class="hljs inline no-lang">false</code></td> <td>Should be <code class="hljs inline no-lang">true</code> if this attribute may contain a relative link. This tells MarkBind to properly resolve such relative links when used in <code class="hljs inline no-lang">&lt;include&gt;</code>s, by converting the link into a <code class="hljs inline no-lang">baseUrl</code> preceded absolute link.</td></tr> <tr><td style="text-align:left;"><code class="hljs inline no-lang">isSourceFile</code></td> <td><code class="hljs inline no-lang">true</code> or <code class="hljs inline no-lang">false</code></td> <td><code class="hljs inline no-lang">false</code></td> <td>Should be <code class="hljs inline no-lang">true</code> if the attribute points to a source file. This allows flagging other source files to trigger page regeneration during live reload.</td></tr></tbody></table></div><h2 id="lifecycle-hooks">Lifecycle hooks<a href="#lifecycle-hooks" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>You may also need to maintain some plugin state during site generation, then reset this when the site or pages are regenerated.</p> <p>To do this, you may implement the <code class="hljs inline no-lang">beforeSiteGenerate</code> method.</p> <ul><li><code class="hljs inline no-lang">beforeSiteGenerate()</code>: Called during initial site generation and subsequent regenerations during live preview.
-<ul><li>No return value is required.</li></ul></li></ul> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/development/writingComponents.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Writing Components</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/development/migratingToTypeScript.html" class="btn btn-light"><span><span>Migrating to TypeScript</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#writing-plugins" data-v-e6005420>Writing Plugins‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#rendering" data-v-e6005420>Rendering‎</a> <a class="nav-link py-1" href="#assets" data-v-e6005420>Assets‎</a> <a class="nav-link py-1" href="#tag-behaviour" data-v-e6005420>Tag Behaviour‎</a> <a class="nav-link py-1" href="#lifecycle-hooks" data-v-e6005420>Lifecycle hooks‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+<ul><li>No return value is required.</li></ul></li></ul> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/development/writingComponents.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Writing Components</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/development/migratingToTypeScript.html" class="btn btn-light"><span><span>Migrating to TypeScript</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#writing-plugins" data-v-e6005420>Writing Plugins‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#rendering" data-v-e6005420>Rendering‎</a> <a class="nav-link py-1" href="#assets" data-v-e6005420>Assets‎</a> <a class="nav-link py-1" href="#tag-behaviour" data-v-e6005420>Tag Behaviour‎</a> <a class="nav-link py-1" href="#lifecycle-hooks" data-v-e6005420>Lifecycle hooks‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/development/writingPlugins.page-vue-render.js b/devGuide/development/writingPlugins.page-vue-render.js
index 8b6667ee..6eb0970c 100644
--- a/devGuide/development/writingPlugins.page-vue-render.js
+++ b/devGuide/development/writingPlugins.page-vue-render.js
@@ -95,6 +95,6 @@ with(this){return _c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inl
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-start"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/development/writingComponents.html"}},[_c('span',[_c('span',{staticClass:"far fa-arrow-alt-circle-left",attrs:{"aria-hidden":"true"}}),_v(" "),_c('span',[_v("Writing Components")])])])])]),_v(" "),_c('p',[_c('span',{staticClass:"float-end"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/development/migratingToTypeScript.html"}},[_c('span',[_c('span',[_v("Migrating to TypeScript")]),_v(" "),_c('span',{staticClass:"far fa-arrow-alt-circle-right",attrs:{"aria-hidden":"true"}})])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/githubActions/markbindAction.html b/devGuide/githubActions/markbindAction.html
index 02fe6d55..7b754529 100644
--- a/devGuide/githubActions/markbindAction.html
+++ b/devGuide/githubActions/markbindAction.html
@@ -31,9 +31,9 @@
         ››  
       </li> </ol></nav></div> <p><span id="title" class="d-none">GitHub Actions: markbind-action</span></p> <h1 id="github-actions-markbind-action">GitHub Actions: markbind-action<a href="#github-actions-markbind-action" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p>A GitHub Action that builds and deploys a MarkBind site. It helps users to streamline their workflow by:</p> <ul><li>Making it easier to deploy without having to write their own actions from scratch.</li> <li>Making the workflows consistent and up to date with any changes specific to MarkBind.</li></ul> <p>The source code is at <a href="https://github.com/MarkBind/markbind-action">MarkBind/markbind-action</a>.</p></div> <p><strong>Follow the steps below to get started on modifying the source code.</strong></p> <h2 id="setting-up">Setting Up<a href="#setting-up" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li>Fork the <a href="https://github.com/MarkBind/markbind-action">action repository</a>.</li> <li>Familiarise with the existing workflow syntax/options provided in the repository's <a href="https://github.com/MarkBind/markbind-action#readme">README.md</a>.</li> <li>Set up a repository that contains a MarkBind site to test the action:
 <ol><li>Create a repository.</li> <li>Set up MarkBind and run <code class="hljs inline no-lang">markbind init</code> to populate with default content.</li> <li>Push your repository to GitHub.
-<ul><li><a href="https://github.com/MarkBind/init-typical">Example</a></li></ul></li></ol></li></ol> <h2 id="modifying-the-action">Modifying the action<a href="#modifying-the-action" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li>Create a new branch from master to work on your changes.</li> <li>Make necessary modifications to the workflow files.</li> <li>Update the repository's README.md to reflect the changes.</li></ol> <h2 id="testing-the-action">Testing the action<a href="#testing-the-action" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li>Include a workflow file in your <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----> <!----></span> to test your modified version of the action.
+<ul><li><a href="https://github.com/MarkBind/init-typical">Example</a></li></ul></li></ol></li></ol> <h2 id="modifying-the-action">Modifying the action<a href="#modifying-the-action" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li>Create a new branch from master to work on your changes.</li> <li>Make necessary modifications to the workflow files.</li> <li>Update the repository's README.md to reflect the changes.</li></ol> <h2 id="testing-the-action">Testing the action<a href="#testing-the-action" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li>Include a workflow file in your <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----><!----></span> to test your modified version of the action.
 <ul><li>Instead of using <code class="hljs inline no-lang">uses: MarkBind/markbind-action@v2</code> in the workflow file, use <code class="hljs inline no-lang">uses: yourGithubName/markbind-action@yourBranch</code> to reference the unpublished version of the action that you are currently developing.
-<ul><li>e.g. <code class="hljs inline no-lang">uses: tlylt/markbind-action@main</code></li></ul></li></ul></li> <li>Trigger the action as needed, check and validate the results in the action logs.</li></ol> <p>You can now submit PRs to improve MarkBind's GitHub actions! 🎉</p> <h2 id="release-management">Release Management<a href="#release-management" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Based on the <a href="https://docs.github.com/en/actions/creating-actions/about-custom-actions#using-release-management-for-actions">GitHub Actions documentation</a>, we are using tags for release management.</p> <blockquote><ul><li>Create and validate a release on a release branch (such as <code class="hljs inline no-lang">release/v1</code>) before creating the release tag (for example, <code class="hljs inline no-lang">v1.0.2</code>).</li> <li>Create a release using semantic versioning. For more information, see &quot;<a href="https://docs.github.com/en/articles/creating-releases">Creating releases</a>.&quot;</li> <li>Move the major version tag (such as <code class="hljs inline no-lang">v1</code>, <code class="hljs inline no-lang">v2</code>) to point to the Git ref of the current release. For more information, see &quot;<a href="https://git-scm.com/book/en/v2/Git-Basics-Tagging">Git basics - tagging</a>.&quot;</li> <li>Introduce a new major version tag (<code class="hljs inline no-lang">v2</code>) for changes that will break existing workflows. For example, changing an action's inputs would be a breaking change.</li></ul></blockquote> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/githubActions/overview.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>GitHub Actions: Overview</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/githubActions/markbindReusableWorkflows.html" class="btn btn-light"><span><span>GitHub Actions: markbind-reusable-workflows</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#github-actions-markbind-action" data-v-e6005420>GitHub Actions: markbind-action‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up" data-v-e6005420>Setting Up‎</a> <a class="nav-link py-1" href="#modifying-the-action" data-v-e6005420>Modifying the action‎</a> <a class="nav-link py-1" href="#testing-the-action" data-v-e6005420>Testing the action‎</a> <a class="nav-link py-1" href="#release-management" data-v-e6005420>Release Management‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+<ul><li>e.g. <code class="hljs inline no-lang">uses: tlylt/markbind-action@main</code></li></ul></li></ul></li> <li>Trigger the action as needed, check and validate the results in the action logs.</li></ol> <p>You can now submit PRs to improve MarkBind's GitHub actions! 🎉</p> <h2 id="release-management">Release Management<a href="#release-management" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Based on the <a href="https://docs.github.com/en/actions/creating-actions/about-custom-actions#using-release-management-for-actions">GitHub Actions documentation</a>, we are using tags for release management.</p> <blockquote><ul><li>Create and validate a release on a release branch (such as <code class="hljs inline no-lang">release/v1</code>) before creating the release tag (for example, <code class="hljs inline no-lang">v1.0.2</code>).</li> <li>Create a release using semantic versioning. For more information, see &quot;<a href="https://docs.github.com/en/articles/creating-releases">Creating releases</a>.&quot;</li> <li>Move the major version tag (such as <code class="hljs inline no-lang">v1</code>, <code class="hljs inline no-lang">v2</code>) to point to the Git ref of the current release. For more information, see &quot;<a href="https://git-scm.com/book/en/v2/Git-Basics-Tagging">Git basics - tagging</a>.&quot;</li> <li>Introduce a new major version tag (<code class="hljs inline no-lang">v2</code>) for changes that will break existing workflows. For example, changing an action's inputs would be a breaking change.</li></ul></blockquote> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/githubActions/overview.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>GitHub Actions: Overview</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/githubActions/markbindReusableWorkflows.html" class="btn btn-light"><span><span>GitHub Actions: markbind-reusable-workflows</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#github-actions-markbind-action" data-v-e6005420>GitHub Actions: markbind-action‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up" data-v-e6005420>Setting Up‎</a> <a class="nav-link py-1" href="#modifying-the-action" data-v-e6005420>Modifying the action‎</a> <a class="nav-link py-1" href="#testing-the-action" data-v-e6005420>Testing the action‎</a> <a class="nav-link py-1" href="#release-management" data-v-e6005420>Release Management‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/githubActions/markbindAction.page-vue-render.js b/devGuide/githubActions/markbindAction.page-vue-render.js
index 9533fa0c..96d59c94 100644
--- a/devGuide/githubActions/markbindAction.page-vue-render.js
+++ b/devGuide/githubActions/markbindAction.page-vue-render.js
@@ -47,6 +47,6 @@ with(this){return _c('blockquote',[_c('ul',[_c('li',[_v("Create and validate a r
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-start"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/githubActions/overview.html"}},[_c('span',[_c('span',{staticClass:"far fa-arrow-alt-circle-left",attrs:{"aria-hidden":"true"}}),_v(" "),_c('span',[_v("GitHub Actions: Overview")])])])])]),_v(" "),_c('p',[_c('span',{staticClass:"float-end"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/githubActions/markbindReusableWorkflows.html"}},[_c('span',[_c('span',[_v("GitHub Actions: markbind-reusable-workflows")]),_v(" "),_c('span',{staticClass:"far fa-arrow-alt-circle-right",attrs:{"aria-hidden":"true"}})])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/githubActions/markbindReusableWorkflows.html b/devGuide/githubActions/markbindReusableWorkflows.html
index ba3face5..34c638c0 100644
--- a/devGuide/githubActions/markbindReusableWorkflows.html
+++ b/devGuide/githubActions/markbindReusableWorkflows.html
@@ -29,7 +29,7 @@
 
 <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/devdocs/devGuide/styleGuides.html" data-v-e6005420>Style guides</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><div data-v-ef898034><nav aria-label="breadcrumb" class="breadcrumb-divider" data-v-ef898034><ol class="breadcrumb" data-v-ef898034><li class="notlink breadcrumb-marker" data-v-ef898034>
         ››  
-      </li> </ol></nav></div> <p><span id="title" class="d-none">GitHub Actions: markbind-reusable-workflows</span></p> <h1 id="github-actions-markbind-reusable-workflows">GitHub Actions: markbind-reusable-workflows<a href="#github-actions-markbind-reusable-workflows" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p>A list of reusable workflows that help to improve the CI/CD pipelines of MarkBind sites. It helps users to streamline their workflow by:</p> <ul><li>Making it easier to setup PR preview for a MarkBind site, including PRs from forks.</li> <li>Making it easier to unpublish a PR preview site after merge/close.</li></ul> <p>The source code is hosted alongside <a href="https://github.com/MarkBind/markbind-action/tree/master/.github/workflows">MarkBind/markbind-action</a>.</p></div> <p><strong>Development guide</strong></p> <p>Refer to the <a href="/devdocs/devGuide/githubActions/markbindAction.html">development guide of markbind-action</a> for the general approach. Take note of the following differences:</p> <ul><li>Understand the strength and limitations of <a href="https://docs.github.com/en/actions/using-workflows/reusing-workflows">reusable workflows</a>.</li> <li>Find out the details of the existing reusable workflows in its <a href="https://github.com/MarkBind/markbind-action/blob/master/.github/workflows/README.md">README.md</a>.</li> <li>As there is no need to release the reusable workflows in order for others to use, the workflows will be updated and maintained in the master branch (without doing a release).</li></ul> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/githubActions/markbindAction.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>GitHub Actions: markbind-action</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/projectManagement.html" class="btn btn-light"><span><span>Project management</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#github-actions-markbind-reusable-workflows" data-v-e6005420>GitHub Actions: markbind-reusable-workflows‎</a> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+      </li> </ol></nav></div> <p><span id="title" class="d-none">GitHub Actions: markbind-reusable-workflows</span></p> <h1 id="github-actions-markbind-reusable-workflows">GitHub Actions: markbind-reusable-workflows<a href="#github-actions-markbind-reusable-workflows" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p>A list of reusable workflows that help to improve the CI/CD pipelines of MarkBind sites. It helps users to streamline their workflow by:</p> <ul><li>Making it easier to setup PR preview for a MarkBind site, including PRs from forks.</li> <li>Making it easier to unpublish a PR preview site after merge/close.</li></ul> <p>The source code is hosted alongside <a href="https://github.com/MarkBind/markbind-action/tree/master/.github/workflows">MarkBind/markbind-action</a>.</p></div> <p><strong>Development guide</strong></p> <p>Refer to the <a href="/devdocs/devGuide/githubActions/markbindAction.html">development guide of markbind-action</a> for the general approach. Take note of the following differences:</p> <ul><li>Understand the strength and limitations of <a href="https://docs.github.com/en/actions/using-workflows/reusing-workflows">reusable workflows</a>.</li> <li>Find out the details of the existing reusable workflows in its <a href="https://github.com/MarkBind/markbind-action/blob/master/.github/workflows/README.md">README.md</a>.</li> <li>As there is no need to release the reusable workflows in order for others to use, the workflows will be updated and maintained in the master branch (without doing a release).</li></ul> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/githubActions/markbindAction.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>GitHub Actions: markbind-action</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/projectManagement.html" class="btn btn-light"><span><span>Project management</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#github-actions-markbind-reusable-workflows" data-v-e6005420>GitHub Actions: markbind-reusable-workflows‎</a> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/githubActions/markbindReusableWorkflows.page-vue-render.js b/devGuide/githubActions/markbindReusableWorkflows.page-vue-render.js
index 65188202..e8d11696 100644
--- a/devGuide/githubActions/markbindReusableWorkflows.page-vue-render.js
+++ b/devGuide/githubActions/markbindReusableWorkflows.page-vue-render.js
@@ -26,6 +26,6 @@ with(this){return _c('ul',[_c('li',[_v("Understand the strength and limitations
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-start"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/githubActions/markbindAction.html"}},[_c('span',[_c('span',{staticClass:"far fa-arrow-alt-circle-left",attrs:{"aria-hidden":"true"}}),_v(" "),_c('span',[_v("GitHub Actions: markbind-action")])])])])]),_v(" "),_c('p',[_c('span',{staticClass:"float-end"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/projectManagement.html"}},[_c('span',[_c('span',[_v("Project management")]),_v(" "),_c('span',{staticClass:"far fa-arrow-alt-circle-right",attrs:{"aria-hidden":"true"}})])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/githubActions/overview.html b/devGuide/githubActions/overview.html
index 73e75e07..248ad6b9 100644
--- a/devGuide/githubActions/overview.html
+++ b/devGuide/githubActions/overview.html
@@ -29,7 +29,7 @@
 
 <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/devdocs/devGuide/styleGuides.html" data-v-e6005420>Style guides</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><div data-v-ef898034><nav aria-label="breadcrumb" class="breadcrumb-divider" data-v-ef898034><ol class="breadcrumb" data-v-ef898034><li class="notlink breadcrumb-marker" data-v-ef898034>
         ››  
-      </li> </ol></nav></div> <p><span id="title" class="d-none">GitHub Actions: Overview</span></p> <h1 id="github-actions-overview">GitHub Actions: Overview<a href="#github-actions-overview" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p>A GitHub Action can perform a variety of tasks, including automating the build and deployment of a MarkBind site.</p> <ul><li><a href="https://github.com/MarkBind/markbind-action">markbind-action</a> is a <a href="https://github.com/marketplace/actions/markbind-action">published action</a> that builds and deploys your MarkBind site.</li> <li><a href="https://github.com/MarkBind/markbind-action/tree/master/.github/workflows">markbind-reusable-workflows</a> is a list of reusable workflows that help improve your CI/CD with a MarkBind site.</li></ul></div> <p><strong>Before any development, ensure you have a basic knowledge of GitHub Actions</strong></p> <ul><li><a href="https://docs.github.com/en/actions/learn-github-actions/understanding-github-actions">Official GitHub Actions documentation</a> <ul><li><a href="https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions">Workflow syntax</a></li> <li><a href="https://docs.github.com/en/actions/creating-actions/creating-a-composite-action">Creating a composite action</a></li> <li><a href="https://docs.github.com/en/actions/creating-actions/releasing-and-maintaining-actions">Releasing and maintaining actions</a></li> <li><a href="https://docs.github.com/en/actions/using-workflows/reusing-workflows">Reusing workflows</a></li></ul></li></ul> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/design/serverSideRendering.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Server Side Rendering</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/githubActions/markbindAction.html" class="btn btn-light"><span><span>GitHub Actions: markbind-action</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#github-actions-overview" data-v-e6005420>GitHub Actions: Overview‎</a> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+      </li> </ol></nav></div> <p><span id="title" class="d-none">GitHub Actions: Overview</span></p> <h1 id="github-actions-overview">GitHub Actions: Overview<a href="#github-actions-overview" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p>A GitHub Action can perform a variety of tasks, including automating the build and deployment of a MarkBind site.</p> <ul><li><a href="https://github.com/MarkBind/markbind-action">markbind-action</a> is a <a href="https://github.com/marketplace/actions/markbind-action">published action</a> that builds and deploys your MarkBind site.</li> <li><a href="https://github.com/MarkBind/markbind-action/tree/master/.github/workflows">markbind-reusable-workflows</a> is a list of reusable workflows that help improve your CI/CD with a MarkBind site.</li></ul></div> <p><strong>Before any development, ensure you have a basic knowledge of GitHub Actions</strong></p> <ul><li><a href="https://docs.github.com/en/actions/learn-github-actions/understanding-github-actions">Official GitHub Actions documentation</a> <ul><li><a href="https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions">Workflow syntax</a></li> <li><a href="https://docs.github.com/en/actions/creating-actions/creating-a-composite-action">Creating a composite action</a></li> <li><a href="https://docs.github.com/en/actions/creating-actions/releasing-and-maintaining-actions">Releasing and maintaining actions</a></li> <li><a href="https://docs.github.com/en/actions/using-workflows/reusing-workflows">Reusing workflows</a></li></ul></li></ul> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/design/serverSideRendering.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Server Side Rendering</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/githubActions/markbindAction.html" class="btn btn-light"><span><span>GitHub Actions: markbind-action</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#github-actions-overview" data-v-e6005420>GitHub Actions: Overview‎</a> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/githubActions/overview.page-vue-render.js b/devGuide/githubActions/overview.page-vue-render.js
index d9373ea6..5bbfc569 100644
--- a/devGuide/githubActions/overview.page-vue-render.js
+++ b/devGuide/githubActions/overview.page-vue-render.js
@@ -23,6 +23,6 @@ with(this){return _c('ul',[_c('li',[_c('a',{attrs:{"href":"https://docs.github.c
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-start"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/design/serverSideRendering.html"}},[_c('span',[_c('span',{staticClass:"far fa-arrow-alt-circle-left",attrs:{"aria-hidden":"true"}}),_v(" "),_c('span',[_v("Server Side Rendering")])])])])]),_v(" "),_c('p',[_c('span',{staticClass:"float-end"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/githubActions/markbindAction.html"}},[_c('span',[_c('span',[_v("GitHub Actions: markbind-action")]),_v(" "),_c('span',{staticClass:"far fa-arrow-alt-circle-right",attrs:{"aria-hidden":"true"}})])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/index.html b/devGuide/index.html
index b2b9e501..64065def 100644
--- a/devGuide/index.html
+++ b/devGuide/index.html
@@ -17,7 +17,7 @@
 <body >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-7c0fd418><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-7c0fd418><div class="container-fluid" data-v-7c0fd418><div class="navbar-left" data-v-7c0fd418><a href="/devdocs/index.html" title="Home" class="navbar-brand" data-v-7c0fd418><img src="/devdocs/images/logo-darkbackground.svg" height="20" data-v-7c0fd418></a></div> <div class="navbar-default" data-v-7c0fd418><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-7c0fd418> <li data-v-7c0fd418><a highlight-on="exact" href="/devdocs/index.html" class="nav-link" data-v-7c0fd418>HOME</a></li> <div tags="environment--dg environment--combined" data-v-7c0fd418><li data-v-7c0fd418><a highlight-on="sibling-or-child" href="/devdocs/devGuide/index.html" class="nav-link" data-v-7c0fd418>DEVELOPER GUIDE</a></li></div> <li data-v-7c0fd418><a highlight-on="exact" href="/devdocs/showcase.html" class="nav-link" data-v-7c0fd418>SHOWCASE</a></li> <li data-v-7c0fd418><a highlight-on="exact" href="/devdocs/about.html" class="nav-link" data-v-7c0fd418>ABOUT</a></li> <li data-v-7c0fd418><a href="https://github.com/MarkBind/markbind" target="_blank" class="nav-link" data-v-7c0fd418><span data-v-7c0fd418><span aria-hidden="true" class="fab fa-github" data-v-7c0fd418></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-7c0fd418><li data-v-7c0fd418><form class="navbar-form" data-v-7c0fd418><div class="dropdown" style="position:relative;" data-v-cea1a814><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-cea1a814> <div class="form-control placeholder-div-hidden" data-v-cea1a814>
       Search
-    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-cea1a814></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-7c0fd418><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper"></div> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-cea1a814></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-7c0fd418><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper"></div> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script>
   window.location.href = "devGuide.html"
 </script><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
diff --git a/devGuide/index.page-vue-render.js b/devGuide/index.page-vue-render.js
index f2cad0c4..c4ffff99 100644
--- a/devGuide/index.page-vue-render.js
+++ b/devGuide/index.page-vue-render.js
@@ -5,6 +5,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/projectManagement.html b/devGuide/projectManagement.html
index 853e33fe..ed0c8181 100644
--- a/devGuide/projectManagement.html
+++ b/devGuide/projectManagement.html
@@ -264,7 +264,7 @@
 to include 'tlylt' in <code class="hljs inline no-lang">.all-contributorsrc</code> and <code class="hljs inline no-lang">README.md</code>.</li> <li>The senior dev approves and merge the automatic PR.</li> <li>The senior dev deletes the automatic PR.</li></ol> <p>Note that:</p> <ul><li>All contribution types specified <a href="https://allcontributors.org/docs/en/emoji-key">here</a> can be used.
 <ul><li>E.g. code, doc, mentoring, question, test, bug</li></ul></li> <li>Multiple contribution types can be included at once or updated later on.
 <ul><li>E.g. &quot;@all-contributors please add tlylt for code, doc&quot;</li></ul></li> <li>Contribution types can be updated later on.
-<ul><li>E.g &quot;@all-contributors please add tlylt for code&quot;</li> <li>Some time later: &quot;@all-contributors please add tlylt for doc&quot;</li> <li>Result: 'tlylt' will be updated to have both icons(code and doc)</li></ul></li></ul> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/githubActions/markbindReusableWorkflows.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>GitHub Actions: markbind-reusable-workflows</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/styleGuides.html" class="btn btn-light"><span><span>Appendix: Style guides</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#project-management" data-v-e6005420>Project management‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#managing-prs" data-v-e6005420>Managing PRs‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#approval" data-v-e6005420>Approval‎</a> <a class="nav-link py-1" href="#merging" data-v-e6005420>Merging‎</a></nav> <a class="nav-link py-1" href="#doing-a-release" data-v-e6005420>Doing a Release‎</a> <a class="nav-link py-1" href="#acknowledging-contributors" data-v-e6005420>Acknowledging Contributors‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#view-all-contributors" data-v-e6005420>View all contributors‎</a> <a class="nav-link py-1" href="#add-new-contributors" data-v-e6005420>Add new contributors‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+<ul><li>E.g &quot;@all-contributors please add tlylt for code&quot;</li> <li>Some time later: &quot;@all-contributors please add tlylt for doc&quot;</li> <li>Result: 'tlylt' will be updated to have both icons(code and doc)</li></ul></li></ul> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/githubActions/markbindReusableWorkflows.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>GitHub Actions: markbind-reusable-workflows</span></span></a></span></p> <p><span class="float-end"><a href="/devdocs/devGuide/styleGuides.html" class="btn btn-light"><span><span>Appendix: Style guides</span> <span aria-hidden="true" class="far fa-arrow-alt-circle-right"></span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#project-management" data-v-e6005420>Project management‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#managing-prs" data-v-e6005420>Managing PRs‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#approval" data-v-e6005420>Approval‎</a> <a class="nav-link py-1" href="#merging" data-v-e6005420>Merging‎</a></nav> <a class="nav-link py-1" href="#doing-a-release" data-v-e6005420>Doing a Release‎</a> <a class="nav-link py-1" href="#acknowledging-contributors" data-v-e6005420>Acknowledging Contributors‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#view-all-contributors" data-v-e6005420>View all contributors‎</a> <a class="nav-link py-1" href="#add-new-contributors" data-v-e6005420>Add new contributors‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/projectManagement.page-vue-render.js b/devGuide/projectManagement.page-vue-render.js
index 6612f495..493c4e19 100644
--- a/devGuide/projectManagement.page-vue-render.js
+++ b/devGuide/projectManagement.page-vue-render.js
@@ -164,6 +164,6 @@ with(this){return _c('ul',[_c('li',[_v("All contribution types specified "),_c('
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-start"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/githubActions/markbindReusableWorkflows.html"}},[_c('span',[_c('span',{staticClass:"far fa-arrow-alt-circle-left",attrs:{"aria-hidden":"true"}}),_v(" "),_c('span',[_v("GitHub Actions: markbind-reusable-workflows")])])])])]),_v(" "),_c('p',[_c('span',{staticClass:"float-end"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/styleGuides.html"}},[_c('span',[_c('span',[_v("Appendix: Style guides")]),_v(" "),_c('span',{staticClass:"far fa-arrow-alt-circle-right",attrs:{"aria-hidden":"true"}})])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/devGuide/styleGuides.html b/devGuide/styleGuides.html
index 9cfe0c65..df42e22c 100644
--- a/devGuide/styleGuides.html
+++ b/devGuide/styleGuides.html
@@ -29,7 +29,7 @@
 
 <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/devdocs/devGuide/styleGuides.html" data-v-e6005420>Style guides</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><div data-v-ef898034><nav aria-label="breadcrumb" class="breadcrumb-divider" data-v-ef898034><ol class="breadcrumb" data-v-ef898034><li class="notlink breadcrumb-marker" data-v-ef898034>
         ››  
-      </li> </ol></nav></div> <p><span id="title" class="d-none">Appendix: Style guides</span></p> <h1 id="appendix-style-guides">Appendix: Style guides<a href="#appendix-style-guides" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p>Our coding standards are mostly based on those at <a href="https://se-education.org/guides">se-education.org/guides</a>.</p></div> <ul><li><a href="https://se-education.org/guides/conventions/css.html"><strong>CSS</strong> coding standard</a></li> <li><a href="https://se-education.org/guides/conventions/files.html"><strong>Files/folders</strong> naming conventions</a></li> <li><a href="https://se-education.org/guides/conventions/html.html"><strong>HTML</strong> coding standard</a></li> <li><a href="https://se-education.org/guides/conventions/markdown.html"><strong>Markdown/MarkBind</strong> coding standard</a></li> <li><a href="https://se-education.org/guides/conventions/javascript.html"><strong>JavaScript</strong> coding standard</a></li> <li><strong>Documentation</strong>: Follow the <a href="https://developers.google.com/style"><strong>Google developer documentation style guide</strong></a>.</li></ul> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/projectManagement.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Project management</span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#appendix-style-guides" data-v-e6005420>Appendix: Style guides‎</a> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+      </li> </ol></nav></div> <p><span id="title" class="d-none">Appendix: Style guides</span></p> <h1 id="appendix-style-guides">Appendix: Style guides<a href="#appendix-style-guides" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p>Our coding standards are mostly based on those at <a href="https://se-education.org/guides">se-education.org/guides</a>.</p></div> <ul><li><a href="https://se-education.org/guides/conventions/css.html"><strong>CSS</strong> coding standard</a></li> <li><a href="https://se-education.org/guides/conventions/files.html"><strong>Files/folders</strong> naming conventions</a></li> <li><a href="https://se-education.org/guides/conventions/html.html"><strong>HTML</strong> coding standard</a></li> <li><a href="https://se-education.org/guides/conventions/markdown.html"><strong>Markdown/MarkBind</strong> coding standard</a></li> <li><a href="https://se-education.org/guides/conventions/javascript.html"><strong>JavaScript</strong> coding standard</a></li> <li><strong>Documentation</strong>: Follow the <a href="https://developers.google.com/style"><strong>Google developer documentation style guide</strong></a>.</li></ul> <div class="clearfix"><p><span class="float-start"><a href="/devdocs/devGuide/projectManagement.html" class="btn btn-light"><span><span aria-hidden="true" class="far fa-arrow-alt-circle-left"></span> <span>Project management</span></span></a></span></p></div> <br></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#appendix-style-guides" data-v-e6005420>Appendix: Style guides‎</a> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/devGuide/styleGuides.page-vue-render.js b/devGuide/styleGuides.page-vue-render.js
index e0c68817..85a0e61e 100644
--- a/devGuide/styleGuides.page-vue-render.js
+++ b/devGuide/styleGuides.page-vue-render.js
@@ -20,6 +20,6 @@ with(this){return _c('ul',[_c('li',[_c('a',{attrs:{"href":"https://se-education.
 with(this){return _c('div',{staticClass:"clearfix"},[_c('p',[_c('span',{staticClass:"float-start"},[_c('a',{staticClass:"btn btn-light",attrs:{"href":"/devdocs/devGuide/projectManagement.html"}},[_c('span',[_c('span',{staticClass:"far fa-arrow-alt-circle-left",attrs:{"aria-hidden":"true"}}),_v(" "),_c('span',[_v("Project management")])])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/index.html b/index.html
index 0c2b76d2..c8d36291 100644
--- a/index.html
+++ b/index.html
@@ -19,7 +19,7 @@
       Search
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-cea1a814></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-7c0fd418><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper"><div tags="environment--dg"><h2 id="developer-guide">Developer Guide<a href="#developer-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <div class="alert box-container alert-warning" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper" data-v-0eabf1c4><i class="fas fa-exclamation" data-v-0eabf1c4></i></div> <!----> <div class="contents" data-v-0eabf1c4>
     If you are a user, please visit <a href="https://markbind.org" data-v-0eabf1c4>MarkBind.org</a> instead.
-</div> <!----></div></div></div> <p>This is the latest Developer Guide for MarkBind.</p> <p>For contributors: please access the Developer Guide <a href="/devdocs/devGuide/index.html">here</a></p></div></div> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+</div> <!----></div></div></div> <p>This is the latest Developer Guide for MarkBind.</p> <p>For contributors: please access the Developer Guide <a href="/devdocs/devGuide/index.html">here</a></p></div></div> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/index.page-vue-render.js b/index.page-vue-render.js
index 84d6341e..74f4f808 100644
--- a/index.page-vue-render.js
+++ b/index.page-vue-render.js
@@ -11,6 +11,6 @@ with(this){return _c('h2',{attrs:{"id":"developer-guide"}},[_v("Developer Guide"
 with(this){return _c('p',[_v("For contributors: please access the Developer Guide "),_c('a',{attrs:{"href":"/devdocs/devGuide/index.html"}},[_v("here")])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file
diff --git a/markbind/js/markbind.min.js b/markbind/js/markbind.min.js
index f748f522..d13d738a 100644
--- a/markbind/js/markbind.min.js
+++ b/markbind/js/markbind.min.js
@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("Vue")):"function"==typeof define&&define.amd?define(["Vue"],e):"object"==typeof exports?exports.MarkBind=e(require("Vue")):t.MarkBind=e(t.Vue)}(self,t=>(()=>{var e={605:()=>{function t(){document.querySelectorAll(".".concat("page-nav-clone")).forEach((function(t){t.remove()}))}window.addEventListener("beforeprint",(function(){var e=document.querySelector("#".concat("mb-page-nav")),n=document.querySelectorAll(".".concat("page-nav-print"));e&&n.length>=1&&(t(),n.forEach((function(t){t.appendChild(function(t){var e=t.cloneNode(!0);return e.removeAttribute("id"),e.querySelectorAll("a.active").forEach((function(t){t.classList.remove("active")})),e.classList.add("page-nav-clone"),e}(e))})))})),window.addEventListener("afterprint",(function(){t()})),window.addEventListener("beforeprint",(function(){document.querySelectorAll("pre > code.hljs").forEach((function(t){Array.from(t.querySelectorAll("span")).some((function(t){return t.scrollWidth>t.clientWidth}))&&t.classList.add("line-numbers-print")}))}))},3:t=>{t.exports={bind:function(t){function e(){t.dataset.isShown="false",r.style.display="",o.style.display="none",i.style.display="none"}function n(){t.dataset.isShown="true",r.style.display="none",i.style.display=""}t.dataset.isShown="true",t.style.position="relative";var i=document.createElement("div");i.classList.add("content"),Array.from(t.children).forEach((function(t){return i.append(t)})),t.replaceChildren(),t.append(i),t.classList.add("closeable-wrapper");var o=function(){var t=document.createElement("span");return t.classList.add("closeable-button","label","label-default","hidden-print"),t.style.cssText+="display: none; position: absolute; top: 0; left: 0; cursor: pointer;background: #d9534f",t.innerHTML='<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>',t.addEventListener("click",e),t}();t.append(o);var r=function(t){var e=document.createElement("a");return e.classList.add("closeable-show","hidden-print"),e.style.cssText+="display: none; cursor: pointer;text-decoration: underline",e.innerHTML=t,e.addEventListener("click",n),e}(t.getAttribute("alt")||"Expand Content");t.append(r),t.addEventListener("mouseover",(function(){"false"!==t.dataset.isShown&&(o.style.display="")})),t.addEventListener("mouseout",(function(){"false"!==t.dataset.isShown&&(o.style.display="none")}))}}},383:(t,e,n)=>{"use strict";var i,o=(i=n(740))&&"object"==typeof i&&"default"in i?i.default:i;function r(t){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function s(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var a="undefined"!=typeof window;function l(t,e){return e.reduce((function(e,n){return t.hasOwnProperty(n)&&(e[n]=t[n]),e}),{})}var c={},u={},d={},h=new(o.extend({data:function(){return{transports:c,targets:u,sources:d,trackInstances:a}},methods:{open:function(t){if(a){var e=t.to,n=t.from,i=t.passengers,s=t.order,l=void 0===s?1/0:s;if(e&&n&&i){var c,u={to:e,from:n,passengers:(c=i,Array.isArray(c)||"object"===r(c)?Object.freeze(c):c),order:l};-1===Object.keys(this.transports).indexOf(e)&&o.set(this.transports,e,[]);var d,h=this.$_getTransportIndex(u),p=this.transports[e].slice(0);-1===h?p.push(u):p[h]=u,this.transports[e]=(d=function(t,e){return t.order-e.order},p.map((function(t,e){return[e,t]})).sort((function(t,e){return d(t[1],e[1])||t[0]-e[0]})).map((function(t){return t[1]})))}}},close:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=t.to,i=t.from;if(n&&(i||!1!==e)&&this.transports[n])if(e)this.transports[n]=[];else{var o=this.$_getTransportIndex(t);if(o>=0){var r=this.transports[n].slice(0);r.splice(o,1),this.transports[n]=r}}},registerTarget:function(t,e,n){a&&(this.trackInstances&&!n&&this.targets[t]&&console.warn("[portal-vue]: Target ".concat(t," already exists")),this.$set(this.targets,t,Object.freeze([e])))},unregisterTarget:function(t){this.$delete(this.targets,t)},registerSource:function(t,e,n){a&&(this.trackInstances&&!n&&this.sources[t]&&console.warn("[portal-vue]: source ".concat(t," already exists")),this.$set(this.sources,t,Object.freeze([e])))},unregisterSource:function(t){this.$delete(this.sources,t)},hasTarget:function(t){return!(!this.targets[t]||!this.targets[t][0])},hasSource:function(t){return!(!this.sources[t]||!this.sources[t][0])},hasContentFor:function(t){return!!this.transports[t]&&!!this.transports[t].length},$_getTransportIndex:function(t){var e=t.to,n=t.from;for(var i in this.transports[e])if(this.transports[e][i].from===n)return+i;return-1}}}))(c),p=1,f=o.extend({name:"portal",props:{disabled:{type:Boolean},name:{type:String,default:function(){return String(p++)}},order:{type:Number,default:0},slim:{type:Boolean},slotProps:{type:Object,default:function(){return{}}},tag:{type:String,default:"DIV"},to:{type:String,default:function(){return String(Math.round(1e7*Math.random()))}}},created:function(){var t=this;this.$nextTick((function(){h.registerSource(t.name,t)}))},mounted:function(){this.disabled||this.sendUpdate()},updated:function(){this.disabled?this.clear():this.sendUpdate()},beforeDestroy:function(){h.unregisterSource(this.name),this.clear()},watch:{to:function(t,e){e&&e!==t&&this.clear(e),this.sendUpdate()}},methods:{clear:function(t){var e={from:this.name,to:t||this.to};h.close(e)},normalizeSlots:function(){return this.$scopedSlots.default?[this.$scopedSlots.default]:this.$slots.default},normalizeOwnChildren:function(t){return"function"==typeof t?t(this.slotProps):t},sendUpdate:function(){var t=this.normalizeSlots();if(t){var e={from:this.name,to:this.to,passengers:s(t),order:this.order};h.open(e)}else this.clear()}},render:function(t){var e=this.$slots.default||this.$scopedSlots.default||[],n=this.tag;return e&&this.disabled?e.length<=1&&this.slim?this.normalizeOwnChildren(e)[0]:t(n,[this.normalizeOwnChildren(e)]):this.slim?t():t(n,{class:{"v-portal":!0},style:{display:"none"},key:"v-portal-placeholder"})}}),m=o.extend({name:"portalTarget",props:{multiple:{type:Boolean,default:!1},name:{type:String,required:!0},slim:{type:Boolean,default:!1},slotProps:{type:Object,default:function(){return{}}},tag:{type:String,default:"div"},transition:{type:[String,Object,Function]}},data:function(){return{transports:h.transports,firstRender:!0}},created:function(){var t=this;this.$nextTick((function(){h.registerTarget(t.name,t)}))},watch:{ownTransports:function(){this.$emit("change",this.children().length>0)},name:function(t,e){h.unregisterTarget(e),h.registerTarget(t,this)}},mounted:function(){var t=this;this.transition&&this.$nextTick((function(){t.firstRender=!1}))},beforeDestroy:function(){h.unregisterTarget(this.name)},computed:{ownTransports:function(){var t=this.transports[this.name]||[];return this.multiple?t:0===t.length?[]:[t[t.length-1]]},passengers:function(){return function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return t.reduce((function(t,n){var i=n.passengers[0],o="function"==typeof i?i(e):n.passengers;return t.concat(o)}),[])}(this.ownTransports,this.slotProps)}},methods:{children:function(){return 0!==this.passengers.length?this.passengers:this.$scopedSlots.default?this.$scopedSlots.default(this.slotProps):this.$slots.default||[]},noWrapper:function(){var t=this.slim&&!this.transition;return t&&this.children().length>1&&console.warn("[portal-vue]: PortalTarget with `slim` option received more than one child element."),t}},render:function(t){var e=this.noWrapper(),n=this.children(),i=this.transition||this.tag;return e?n[0]:this.slim&&!i?t():t(i,{props:{tag:this.transition&&this.tag?this.tag:void 0},class:{"vue-portal-target":!0}},n)}}),v=0,g=["disabled","name","order","slim","slotProps","tag","to"],y=["multiple","transition"],w=o.extend({name:"MountingPortal",inheritAttrs:!1,props:{append:{type:[Boolean,String]},bail:{type:Boolean},mountTo:{type:String,required:!0},disabled:{type:Boolean},name:{type:String,default:function(){return"mounted_"+String(v++)}},order:{type:Number,default:0},slim:{type:Boolean},slotProps:{type:Object,default:function(){return{}}},tag:{type:String,default:"DIV"},to:{type:String,default:function(){return String(Math.round(1e7*Math.random()))}},multiple:{type:Boolean,default:!1},targetSlim:{type:Boolean},targetSlotProps:{type:Object,default:function(){return{}}},targetTag:{type:String,default:"div"},transition:{type:[String,Object,Function]}},created:function(){if("undefined"!=typeof document){var t=document.querySelector(this.mountTo);if(t){var e=this.$props;if(h.targets[e.name])e.bail?console.warn("[portal-vue]: Target ".concat(e.name," is already mounted.\n        Aborting because 'bail: true' is set")):this.portalTarget=h.targets[e.name];else{var n=e.append;if(n){var i="string"==typeof n?n:"DIV",o=document.createElement(i);t.appendChild(o),t=o}var r=l(this.$props,y);r.slim=this.targetSlim,r.tag=this.targetTag,r.slotProps=this.targetSlotProps,r.name=this.to,this.portalTarget=new m({el:t,parent:this.$parent||this,propsData:r})}}else console.error("[portal-vue]: Mount Point '".concat(this.mountTo,"' not found in document"))}},beforeDestroy:function(){var t=this.portalTarget;if(this.append){var e=t.$el;e.parentNode.removeChild(e)}t.$destroy()},render:function(t){if(!this.portalTarget)return console.warn("[portal-vue] Target wasn't mounted"),t();if(!this.$scopedSlots.manual){var e=l(this.$props,g);return t(f,{props:e,attrs:this.$attrs,on:this.$listeners,scopedSlots:this.$scopedSlots},this.$slots.default)}var n=this.$scopedSlots.manual({to:this.to});return Array.isArray(n)&&(n=n[0]),n||t()}});e.h_=f,e.YC=m},740:e=>{"use strict";e.exports=t}},n={};function i(t){var o=n[t];if(void 0!==o)return o.exports;var r=n[t]={exports:{}};return e[t](r,r.exports,i),r.exports}i.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{for(var n in e)i.o(e,n)&&!i.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var o={};return(()=>{"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}function e(e){var n=function(e,n){if("object"!==t(e)||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var o=i.call(e,n||"default");if("object"!==t(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"===t(n)?n:String(n)}function n(t,n,i){return(n=e(n))in t?Object.defineProperty(t,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[n]=i,t}function r(t){return t.split("-")[0]}function s(t){return t.split("-")[1]}function a(t){return["top","bottom"].includes(r(t))?"x":"y"}function l(t){return"y"===t?"height":"width"}function c(t){let{reference:e,floating:n,placement:i}=t;const o=e.x+e.width/2-n.width/2,c=e.y+e.height/2-n.height/2;let u;switch(r(i)){case"top":u={x:o,y:e.y-n.height};break;case"bottom":u={x:o,y:e.y+e.height};break;case"right":u={x:e.x+e.width,y:c};break;case"left":u={x:e.x-n.width,y:c};break;default:u={x:e.x,y:e.y}}const d=a(i),h=l(d);switch(s(i)){case"start":u[d]=u[d]-(e[h]/2-n[h]/2);break;case"end":u[d]=u[d]+(e[h]/2-n[h]/2)}return u}i.d(o,{default:()=>Mo});function u(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function d(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function h(t,e){void 0===e&&(e={});const{x:n,y:i,platform:o,rects:r,elements:s,strategy:a}=t,{boundary:l="clippingParents",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:p=!1,padding:f=0}=e,m=u(f),v=s[p?"floating"===h?"reference":"floating":h],g=await o.getClippingClientRect({element:await o.isElement(v)?v:v.contextElement||await o.getDocumentElement({element:s.floating}),boundary:l,rootBoundary:c}),y=d(await o.convertOffsetParentRelativeRectToViewportRelativeRect({rect:"floating"===h?{...r.floating,x:n,y:i}:r.reference,offsetParent:await o.getOffsetParent({element:s.floating}),strategy:a}));return{top:g.top-y.top+m.top,bottom:y.bottom-g.bottom+m.bottom,left:g.left-y.left+m.left,right:y.right-g.right+m.right}}const p=Math.min,f=Math.max;function m(t,e,n){return f(t,p(e,n))}const v={left:"right",right:"left",bottom:"top",top:"bottom"};function g(t){return t.replace(/left|right|bottom|top/g,t=>v[t])}function y(t,e){const n="start"===s(t),i=a(t),o=l(i);let r="x"===i?n?"right":"left":n?"bottom":"top";return e.reference[o]>e.floating[o]&&(r=g(r)),{main:r,cross:g(r)}}const w={start:"end",end:"start"};function b(t){return t.replace(/start|end/g,t=>w[t])}const _=["top","right","bottom","left"],S=_.reduce((t,e)=>t.concat(e,e+"-start",e+"-end"),[]);const x=function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(e){var n,i,o,a,l,c;const{x:u,y:d,rects:p,middlewareData:f,placement:m}=e,{alignment:v=null,allowedPlacements:g=S,autoAlignment:w=!0,..._}=t;if(null!=(n=f.autoPlacement)&&n.skip)return{};const x=function(t,e,n){return(t?[...n.filter(e=>s(e)===t),...n.filter(e=>s(e)!==t)]:n.filter(t=>r(t)===t)).filter(n=>!t||(s(n)===t||!!e&&b(n)!==n))}(v,w,g),C=await h(e,_),$=null!=(i=null==(o=f.autoPlacement)?void 0:o.index)?i:0,k=x[$],{main:T,cross:E}=y(k,p);if(m!==k)return{x:u,y:d,reset:{placement:x[0]}};const O=[C[r(k)],C[T],C[E]],B=[...null!=(a=null==(l=f.autoPlacement)?void 0:l.overflows)?a:[],{placement:k,overflows:O}],P=x[$+1];if(P)return{data:{index:$+1,overflows:B},reset:{placement:P}};const L=B.slice().sort((t,e)=>t.overflows[0]-e.overflows[0]),N=null==(c=L.find(t=>{let{overflows:e}=t;return e.every(t=>t<=0)}))?void 0:c.placement;return{data:{skip:!0},reset:{placement:null!=N?N:L[0].placement}}}}};const C=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,i;const{placement:o,middlewareData:s,rects:a,initialPlacement:l}=e;if(null!=(n=s.flip)&&n.skip)return{};const{mainAxis:c=!0,crossAxis:u=!0,fallbackPlacements:d,fallbackStrategy:p="bestFit",flipAlignment:f=!0,...m}=t,v=r(o),w=[l,...d||(v===l||!f?[g(l)]:function(t){const e=g(t);return[b(t),e,b(e)]}(l))],_=await h(e,m),S=[];let x=(null==(i=s.flip)?void 0:i.overflows)||[];if(c&&S.push(_[v]),u){const{main:t,cross:e}=y(o,a);S.push(_[t],_[e])}if(x=[...x,{placement:o,overflows:S}],!S.every(t=>t<=0)){var C,$;const t=(null!=(C=null==($=s.flip)?void 0:$.index)?C:0)+1,e=w[t];if(e)return{data:{index:t,overflows:x},reset:{placement:e}};let n="bottom";switch(p){case"bestFit":{var k;const t=null==(k=x.slice().sort((t,e)=>t.overflows.filter(t=>t>0).reduce((t,e)=>t+e,0)-e.overflows.filter(t=>t>0).reduce((t,e)=>t+e,0))[0])?void 0:k.placement;t&&(n=t);break}case"initialPlacement":n=l}return{data:{skip:!0},reset:{placement:n}}}return{}}}};const $=function(t){return void 0===t&&(t=0),{name:"offset",options:t,fn(e){const{x:n,y:i,placement:o,rects:s}=e,l=function(t){let{placement:e,rects:n,value:i}=t;const o=r(e),s=["left","top"].includes(o)?-1:1,l="function"==typeof i?i({...n,placement:e}):i,{mainAxis:c,crossAxis:u}="number"==typeof l?{mainAxis:l,crossAxis:0}:{mainAxis:0,crossAxis:0,...l};return"x"===a(o)?{x:u,y:c*s}:{x:c*s,y:u}}({placement:o,rects:s,value:t});return{x:n+l.x,y:i+l.y,data:l}}}};function k(t){return"x"===t?"y":"x"}function T(t){return"[object Window]"===(null==t?void 0:t.toString())}function E(t){if(null==t)return window;if(!T(t)){const e=t.ownerDocument;return e&&e.defaultView||window}return t}function O(t){return E(t).getComputedStyle(t)}function B(t){return T(t)?"":t?(t.nodeName||"").toLowerCase():""}function P(t){return t instanceof E(t).HTMLElement}function L(t){return t instanceof E(t).Element}function N(t){return t instanceof E(t).ShadowRoot||t instanceof ShadowRoot}function A(t){const{overflow:e,overflowX:n,overflowY:i}=O(t);return/auto|scroll|overlay|hidden/.test(e+i+n)}function z(t){return["table","td","th"].includes(B(t))}function M(t){const e=navigator.userAgent.toLowerCase().includes("firefox"),n=O(t);return"none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||["transform","perspective"].includes(n.willChange)||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter}const H=Math.min,D=Math.max,R=Math.round;function j(t,e){void 0===e&&(e=!1);const n=t.getBoundingClientRect();let i=1,o=1;return e&&P(t)&&(i=t.offsetWidth>0&&R(n.width)/t.offsetWidth||1,o=t.offsetHeight>0&&R(n.height)/t.offsetHeight||1),{width:n.width/i,height:n.height/o,top:n.top/o,right:n.right/i,bottom:n.bottom/o,left:n.left/i,x:n.left/i,y:n.top/o}}function I(t){return(e=t,(e instanceof E(e).Node?t.ownerDocument:t.document)||window.document).documentElement;var e}function q(t){return T(t)?{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}:{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function W(t){return j(I(t)).left+q(t).scrollLeft}function F(t,e,n){const i=P(e),o=I(e),r=j(t,i&&function(t){const e=j(t);return R(e.width)!==t.offsetWidth||R(e.height)!==t.offsetHeight}(e));let s={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(i||!i&&"fixed"!==n)if(("body"!==B(e)||A(o))&&(s=q(e)),P(e)){const t=j(e,!0);a.x=t.x+e.clientLeft,a.y=t.y+e.clientTop}else o&&(a.x=W(o));return{x:r.left+s.scrollLeft-a.x,y:r.top+s.scrollTop-a.y,width:r.width,height:r.height}}function V(t){return"html"===B(t)?t:t.assignedSlot||t.parentNode||(N(t)?t.host:null)||I(t)}function U(t){return P(t)&&"fixed"!==getComputedStyle(t).position?t.offsetParent:null}function Q(t){const e=E(t);let n=U(t);for(;n&&z(n)&&"static"===getComputedStyle(n).position;)n=U(n);return n&&("html"===B(n)||"body"===B(n)&&"static"===getComputedStyle(n).position&&!M(n))?e:n||function(t){let e=V(t);for(;P(e)&&!["html","body"].includes(B(e));){if(M(e))return e;e=e.parentNode}return null}(t)||e}function X(t){return{width:t.offsetWidth,height:t.offsetHeight}}function Y(t,e){var n;void 0===e&&(e=[]);const i=function t(e){return["html","body","#document"].includes(B(e))?e.ownerDocument.body:P(e)&&A(e)?e:t(V(e))}(t),o=i===(null==(n=t.ownerDocument)?void 0:n.body),r=E(i),s=o?[r].concat(r.visualViewport||[],A(i)?i:[]):i,a=e.concat(s);return o?a:a.concat(Y(V(s)))}function K(t,e){return"viewport"===e?d(function(t){const e=E(t),n=I(t),i=e.visualViewport;let o=n.clientWidth,r=n.clientHeight,s=0,a=0;return i&&(o=i.width,r=i.height,Math.abs(e.innerWidth/i.scale-i.width)<.01&&(s=i.offsetLeft,a=i.offsetTop)),{width:o,height:r,x:s,y:a}}(t)):L(e)?function(t){const e=j(t),n=e.top+t.clientTop,i=e.left+t.clientLeft;return{top:n,left:i,x:i,y:n,right:i+t.clientWidth,bottom:n+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}(e):d(function(t){var e;const n=I(t),i=q(t),o=null==(e=t.ownerDocument)?void 0:e.body,r=D(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),s=D(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0);let a=-i.scrollLeft+W(t);const l=-i.scrollTop;return"rtl"===O(o||n).direction&&(a+=D(n.clientWidth,o?o.clientWidth:0)-r),{width:r,height:s,x:a,y:l}}(I(t)))}function G(t){const e=Y(V(t)),n=["absolute","fixed"].includes(O(t).position)&&P(t)?Q(t):t;return L(n)?e.filter(t=>L(t)&&function(t,e){const n=null==e.getRootNode?void 0:e.getRootNode();if(t.contains(e))return!0;if(n&&N(n)){let n=e;do{if(n&&t===n)return!0;n=n.parentNode||n.host}while(n)}return!1}(t,n)&&"body"!==B(t)):[]}const Z={getElementRects:t=>{let{reference:e,floating:n,strategy:i}=t;return{reference:F(e,Q(n),i),floating:{...X(n),x:0,y:0}}},convertOffsetParentRelativeRectToViewportRelativeRect:t=>function(t){let{rect:e,offsetParent:n,strategy:i}=t;const o=P(n),r=I(n);if(n===r)return e;let s={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if((o||!o&&"fixed"!==i)&&(("body"!==B(n)||A(r))&&(s=q(n)),P(n))){const t=j(n,!0);a.x=t.x+n.clientLeft,a.y=t.y+n.clientTop}return{...e,x:e.x-s.scrollLeft+a.x,y:e.y-s.scrollTop+a.y}}(t),getOffsetParent:t=>{let{element:e}=t;return Q(e)},isElement:t=>L(t),getDocumentElement:t=>{let{element:e}=t;return I(e)},getClippingClientRect:t=>function(t){let{element:e,boundary:n,rootBoundary:i}=t;const o=[..."clippingParents"===n?G(e):[].concat(n),i],r=o[0],s=o.reduce((t,n)=>{const i=K(e,n);return t.top=D(i.top,t.top),t.right=H(i.right,t.right),t.bottom=H(i.bottom,t.bottom),t.left=D(i.left,t.left),t},K(e,r));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}(t),getDimensions:t=>{let{element:e}=t;return X(e)},getClientRects:t=>{let{element:e}=t;return e.getClientRects()}},J=(t,e,n)=>(async(t,e,n)=>{const{placement:i="bottom",strategy:o="absolute",middleware:r=[],platform:s}=n;let a=await s.getElementRects({reference:t,floating:e,strategy:o}),{x:l,y:u}=c({...a,placement:i}),d=i,h={};for(let n=0;n<r.length;n++){0;const{name:p,fn:f}=r[n],{x:m,y:v,data:g,reset:y}=await f({x:l,y:u,initialPlacement:i,placement:d,strategy:o,middlewareData:h,rects:a,platform:s,elements:{reference:t,floating:e}});l=null!=m?m:l,u=null!=v?v:u,h={...h,[p]:null!=g?g:{}},y&&("object"==typeof y&&(y.placement&&(d=y.placement),y.rects&&(a=!0===y.rects?await s.getElementRects({reference:t,floating:e,strategy:o}):y.rects),({x:l,y:u}=c({...a,placement:d}))),n=-1)}return{x:l,y:u,placement:d,strategy:o,middlewareData:h}})(t,e,{platform:Z,...n});var tt=i(740),et=i.n(tt),nt=Object.defineProperty,it=Object.defineProperties,ot=Object.getOwnPropertyDescriptors,rt=Object.getOwnPropertySymbols,st=Object.prototype.hasOwnProperty,at=Object.prototype.propertyIsEnumerable,lt=(t,e,n)=>e in t?nt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,ct=(t,e)=>{for(var n in e||(e={}))st.call(e,n)&&lt(t,n,e[n]);if(rt)for(var n of rt(e))at.call(e,n)&&lt(t,n,e[n]);return t},ut=(t,e)=>it(t,ot(e));const dt={disabled:!1,distance:5,skidding:0,container:"body",boundary:void 0,instantMove:!1,disposeTimeout:5e3,popperTriggers:[],strategy:"absolute",preventOverflow:!0,flip:!0,shift:!0,overflowPadding:0,arrowPadding:0,arrowOverflow:!0,themes:{tooltip:{placement:"top",triggers:["hover","focus","touch"],hideTriggers:t=>[...t,"click"],delay:{show:200,hide:0},handleResize:!1,html:!1,loadingContent:"..."},dropdown:{placement:"bottom",triggers:["click"],delay:0,handleResize:!0,autoHide:!0},menu:{$extend:"dropdown",triggers:["hover","focus"],popperTriggers:["hover","focus"],delay:{show:0,hide:400}}}};function ht(t,e){let n,i=dt.themes[t]||{};do{n=i[e],void 0===n?i.$extend?i=dt.themes[i.$extend]||{}:(i=null,n=dt[e]):i=null}while(i);return n}let pt=!1;if("undefined"!=typeof window){pt=!1;try{const t=Object.defineProperty({},"passive",{get(){pt=!0}});window.addEventListener("test",null,t)}catch(t){}}let ft=!1;"undefined"!=typeof window&&"undefined"!=typeof navigator&&(ft=/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream);const mt=["auto","top","bottom","left","right"].reduce((t,e)=>t.concat([e,e+"-start",e+"-end"]),[]),vt={hover:"mouseenter",focus:"focus",click:"click",touch:"touchstart"},gt={hover:"mouseleave",focus:"blur",click:"click",touch:"touchend"};function yt(){return new Promise(t=>requestAnimationFrame(()=>{requestAnimationFrame(t)}))}const wt=[];let bt=null,_t=function(){};function St(t){return function(){return ht(this.$props.theme,t)}}"undefined"!=typeof window&&(_t=window.Element);const xt="__floating-vue__popper";var Ct=()=>({name:"VPopper",props:{theme:{type:String,required:!0},targetNodes:{type:Function,required:!0},referenceNode:{type:Function,required:!0},popperNode:{type:Function,required:!0},shown:{type:Boolean,default:!1},showGroup:{type:String,default:null},ariaId:{default:null},disabled:{type:Boolean,default:St("disabled")},positioningDisabled:{type:Boolean,default:St("positioningDisabled")},placement:{type:String,default:St("placement"),validator:t=>mt.includes(t)},delay:{type:[String,Number,Object],default:St("delay")},distance:{type:[Number,String],default:St("distance")},skidding:{type:[Number,String],default:St("skidding")},triggers:{type:Array,default:St("triggers")},showTriggers:{type:[Array,Function],default:St("showTriggers")},hideTriggers:{type:[Array,Function],default:St("hideTriggers")},popperTriggers:{type:Array,default:St("popperTriggers")},popperShowTriggers:{type:[Array,Function],default:St("popperShowTriggers")},popperHideTriggers:{type:[Array,Function],default:St("popperHideTriggers")},container:{type:[String,Object,_t,Boolean],default:St("container")},boundary:{type:[String,_t],default:St("boundary")},strategy:{type:String,validator:t=>["absolute","fixed"].includes(t),default:St("strategy")},autoHide:{type:Boolean,default:St("autoHide")},handleResize:{type:Boolean,default:St("handleResize")},instantMove:{type:Boolean,default:St("instantMove")},eagerMount:{type:Boolean,default:St("eagerMount")},popperClass:{type:[String,Array,Object],default:St("popperClass")},computeTransformOrigin:{type:Boolean,default:St("computeTransformOrigin")},autoMinSize:{type:Boolean,default:St("autoMinSize")},autoSize:{type:[Boolean,String],default:St("autoSize")},autoMaxSize:{type:Boolean,default:St("autoMaxSize")},autoBoundaryMaxSize:{type:Boolean,default:St("autoBoundaryMaxSize")},preventOverflow:{type:Boolean,default:St("preventOverflow")},overflowPadding:{type:[Number,String],default:St("overflowPadding")},arrowPadding:{type:[Number,String],default:St("arrowPadding")},arrowOverflow:{type:Boolean,default:St("arrowOverflow")},flip:{type:Boolean,default:St("flip")},shift:{type:Boolean,default:St("shift")},shiftCrossAxis:{type:Boolean,default:St("shiftCrossAxis")}},provide(){return{[xt]:{parentPopper:this}}},inject:{[xt]:{default:null}},data(){return{isShown:!1,isMounted:!1,skipTransition:!1,classes:{showFrom:!1,showTo:!1,hideFrom:!1,hideTo:!0},result:{x:0,y:0,placement:"",strategy:this.strategy,arrow:{x:0,y:0,centerOffset:0},transformOrigin:null},shownChildren:new Set}},computed:{popperId(){return null!=this.ariaId?this.ariaId:this.randomId},shouldMountContent(){return this.eagerMount||this.isMounted},slotData(){return{popperId:this.popperId,isShown:this.isShown,shouldMountContent:this.shouldMountContent,skipTransition:this.skipTransition,autoHide:this.autoHide,show:this.show,hide:this.hide,handleResize:this.handleResize,onResize:this.onResize,classes:ut(ct({},this.classes),{popperClass:this.popperClass}),result:this.positioningDisabled?null:this.result}},parentPopper(){var t;return null==(t=this[xt])?void 0:t.parentPopper}},watch:ct(ct({shown:"$_autoShowHide",disabled(t){t?this.dispose():this.init()},async container(){this.isShown&&(this.$_ensureTeleport(),await this.$_computePosition())}},["triggers","positioningDisabled"].reduce((t,e)=>(t[e]="$_refreshListeners",t),{})),["placement","distance","skidding","boundary","strategy","overflowPadding","arrowPadding","preventOverflow","shift","shiftCrossAxis","flip"].reduce((t,e)=>(t[e]="$_computePosition",t),{})),created(){this.$_isDisposed=!0,this.randomId="popper_"+[Math.random(),Date.now()].map(t=>t.toString(36).substring(2,10)).join("_"),this.autoMinSize&&console.warn('[floating-vue] `autoMinSize` option is deprecated. Use `autoSize="min"` instead.'),this.autoMaxSize&&console.warn("[floating-vue] `autoMaxSize` option is deprecated. Use `autoBoundaryMaxSize` instead.")},mounted(){this.init(),this.$_detachPopperNode()},activated(){this.$_autoShowHide()},deactivated(){this.hide()},beforeDestroy(){this.dispose()},methods:{show({event:t=null,skipDelay:e=!1,force:n=!1}={}){var i,o;(null==(i=this.parentPopper)?void 0:i.lockedChild)&&this.parentPopper.lockedChild!==this||(this.$_pendingHide=!1,!n&&this.disabled||((null==(o=this.parentPopper)?void 0:o.lockedChild)===this&&(this.parentPopper.lockedChild=null),this.$_scheduleShow(t,e),this.$emit("show"),this.$_showFrameLocked=!0,requestAnimationFrame(()=>{this.$_showFrameLocked=!1})),this.$emit("update:shown",!0))},hide({event:t=null,skipDelay:e=!1}={}){var n;this.$_hideInProgress||(this.shownChildren.size>0?this.$_pendingHide=!0:this.$_isAimingPopper()?this.parentPopper&&(this.parentPopper.lockedChild=this,clearTimeout(this.parentPopper.lockedChildTimer),this.parentPopper.lockedChildTimer=setTimeout(()=>{this.parentPopper.lockedChild===this&&(this.parentPopper.lockedChild.hide({skipDelay:e}),this.parentPopper.lockedChild=null)},1e3)):((null==(n=this.parentPopper)?void 0:n.lockedChild)===this&&(this.parentPopper.lockedChild=null),this.$_pendingHide=!1,this.$_scheduleHide(t,e),this.$emit("hide"),this.$emit("update:shown",!1)))},init(){this.$_isDisposed&&(this.$_isDisposed=!1,this.isMounted=!1,this.$_events=[],this.$_preventShow=!1,this.$_referenceNode=this.referenceNode(),this.$_targetNodes=this.targetNodes().filter(t=>t.nodeType===t.ELEMENT_NODE),this.$_popperNode=this.popperNode(),this.$_innerNode=this.$_popperNode.querySelector(".v-popper__inner"),this.$_arrowNode=this.$_popperNode.querySelector(".v-popper__arrow-container"),this.$_swapTargetAttrs("title","data-original-title"),this.$_detachPopperNode(),this.triggers.length&&this.$_addEventListeners(),this.shown&&this.show())},dispose(){this.$_isDisposed||(this.$_isDisposed=!0,this.$_removeEventListeners(),this.hide({skipDelay:!0}),this.$_detachPopperNode(),this.isMounted=!1,this.isShown=!1,this.$_updateParentShownChildren(!1),this.$_swapTargetAttrs("data-original-title","title"),this.$emit("dispose"))},async onResize(){this.isShown&&(await this.$_computePosition(),this.$emit("resize"))},async $_computePosition(){var t;if(this.$_isDisposed||this.positioningDisabled)return;const e={strategy:this.strategy,middleware:[]};(this.distance||this.skidding)&&e.middleware.push($({mainAxis:this.distance,crossAxis:this.skidding}));const n=this.placement.startsWith("auto");if(n?e.middleware.push(x({alignment:null!=(t=this.placement.split("-")[1])?t:""})):e.placement=this.placement,this.preventOverflow&&(this.shift&&e.middleware.push(function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:i,placement:o}=e,{mainAxis:s=!0,crossAxis:l=!1,limiter:c={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...u}=t,d={x:n,y:i},p=await h(e,u),f=a(r(o)),v=k(f);let g=d[f],y=d[v];if(s){const t="y"===f?"bottom":"right";g=m(g+p["y"===f?"top":"left"],g,g-p[t])}if(l){const t="y"===v?"bottom":"right";y=m(y+p["y"===v?"top":"left"],y,y-p[t])}const w=c.fn({...e,[f]:g,[v]:y});return{...w,data:{x:w.x-n,y:w.y-i}}}}}({padding:this.overflowPadding,boundary:this.boundary,crossAxis:this.shiftCrossAxis})),!n&&this.flip&&e.middleware.push(C({padding:this.overflowPadding,boundary:this.boundary}))),e.middleware.push((t=>({name:"arrow",options:t,async fn(e){const{element:n,padding:i=0}=null!=t?t:{},{x:o,y:s,placement:c,rects:d,platform:h}=e;if(null==n)return{};const p=u(i),f={x:o,y:s},v=a(r(c)),g=l(v),y=await h.getDimensions({element:n}),w="y"===v?"top":"left",b="y"===v?"bottom":"right",_=d.reference[g]+d.reference[v]-f[v]-d.floating[g],S=f[v]-d.reference[v],x=await h.getOffsetParent({element:n}),C=x?"y"===v?x.clientHeight||0:x.clientWidth||0:0,$=_/2-S/2,k=p[w],T=C-y[g]-p[b],E=C/2-y[g]/2+$,O=m(k,E,T);return{data:{[v]:O,centerOffset:E-O}}}}))({element:this.$_arrowNode,padding:this.arrowPadding})),this.arrowOverflow&&e.middleware.push({name:"arrowOverflow",fn:({placement:t,rects:e,middlewareData:n})=>{let i;const{centerOffset:o}=n.arrow;return i=t.startsWith("top")||t.startsWith("bottom")?Math.abs(o)>e.reference.width/2:Math.abs(o)>e.reference.height/2,{data:{overflow:i}}}}),this.autoMinSize||this.autoSize){const t=this.autoSize?this.autoSize:this.autoMinSize?"min":null;e.middleware.push({name:"autoSize",fn:({rects:e,placement:n,middlewareData:i})=>{var o;if(null==(o=i.autoSize)?void 0:o.skip)return{};let r,s;return n.startsWith("top")||n.startsWith("bottom")?r=e.reference.width:s=e.reference.height,this.$_innerNode.style["min"===t?"minWidth":"max"===t?"maxWidth":"width"]=null!=r?r+"px":null,this.$_innerNode.style["min"===t?"minHeight":"max"===t?"maxHeight":"height"]=null!=s?s+"px":null,{data:{skip:!0},reset:{rects:!0}}}})}(this.autoMaxSize||this.autoBoundaryMaxSize)&&(this.$_innerNode.style.maxWidth=null,this.$_innerNode.style.maxHeight=null,e.middleware.push(function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){var n;const{placement:i,rects:o,middlewareData:a}=e,{apply:l,...c}=t;if(null!=(n=a.size)&&n.skip)return{};const u=await h(e,c),d=r(i),p="end"===s(i);let m,v;"top"===d||"bottom"===d?(m=d,v=p?"left":"right"):(v=d,m=p?"top":"bottom");const g=f(u.left,0),y=f(u.right,0),w=f(u.top,0),b=f(u.bottom,0),_={height:o.floating.height-(["left","right"].includes(i)?2*(0!==w||0!==b?w+b:f(u.top,u.bottom)):u[m]),width:o.floating.width-(["top","bottom"].includes(i)?2*(0!==g||0!==y?g+y:f(u.left,u.right)):u[v])};return null==l||l({..._,...o}),{data:{skip:!0},reset:{rects:!0}}}}}({boundary:this.boundary,padding:this.overflowPadding,apply:({width:t,height:e})=>{this.$_innerNode.style.maxWidth=null!=t?t+"px":null,this.$_innerNode.style.maxHeight=null!=e?e+"px":null}})));const i=await J(this.$_referenceNode,this.$_popperNode,e);Object.assign(this.result,{x:i.x,y:i.y,placement:i.placement,strategy:i.strategy,arrow:ct(ct({},i.middlewareData.arrow),i.middlewareData.arrowOverflow)})},$_scheduleShow(t=null,e=!1){if(this.$_updateParentShownChildren(!0),this.$_hideInProgress=!1,clearTimeout(this.$_scheduleTimer),bt&&this.instantMove&&bt.instantMove&&bt!==this.parentPopper)return bt.$_applyHide(!0),void this.$_applyShow(!0);e?this.$_applyShow():this.$_scheduleTimer=setTimeout(this.$_applyShow.bind(this),this.$_computeDelay("show"))},$_scheduleHide(t=null,e=!1){this.shownChildren.size>0?this.$_pendingHide=!0:(this.$_updateParentShownChildren(!1),this.$_hideInProgress=!0,clearTimeout(this.$_scheduleTimer),this.isShown&&(bt=this),e?this.$_applyHide():this.$_scheduleTimer=setTimeout(this.$_applyHide.bind(this),this.$_computeDelay("hide")))},$_computeDelay(t){const e=this.delay;return parseInt(e&&e[t]||e||0)},async $_applyShow(t=!1){clearTimeout(this.$_disposeTimer),clearTimeout(this.$_scheduleTimer),this.skipTransition=t,this.isShown||(this.$_ensureTeleport(),await yt(),await this.$_computePosition(),await this.$_applyShowEffect(),this.positioningDisabled||this.$_registerEventListeners([...Y(this.$_referenceNode),...Y(this.$_popperNode)],"scroll",()=>{this.$_computePosition()}))},async $_applyShowEffect(){if(this.$_hideInProgress)return;if(this.computeTransformOrigin){const t=this.$_referenceNode.getBoundingClientRect(),e=this.$_popperNode.querySelector(".v-popper__wrapper"),n=e.parentNode.getBoundingClientRect(),i=t.x+t.width/2-(n.left+e.offsetLeft),o=t.y+t.height/2-(n.top+e.offsetTop);this.result.transformOrigin=`${i}px ${o}px`}this.isShown=!0,this.$_applyAttrsToTarget({"aria-describedby":this.popperId,"data-popper-shown":""});const t=this.showGroup;if(t){let e;for(let n=0;n<wt.length;n++)e=wt[n],e.showGroup!==t&&(e.hide(),e.$emit("close-group"))}wt.push(this),this.$emit("apply-show"),this.classes.showFrom=!0,this.classes.showTo=!1,this.classes.hideFrom=!1,this.classes.hideTo=!1,await yt(),this.classes.showFrom=!1,this.classes.showTo=!0},async $_applyHide(t=!1){if(this.shownChildren.size>0)return this.$_pendingHide=!0,void(this.$_hideInProgress=!1);if(clearTimeout(this.$_scheduleTimer),!this.isShown)return;this.skipTransition=t,function(t,e){const n=t.indexOf(e);-1!==n&&t.splice(n,1)}(wt,this),bt===this&&(bt=null),this.isShown=!1,this.$_applyAttrsToTarget({"aria-describedby":void 0,"data-popper-shown":void 0}),clearTimeout(this.$_disposeTimer);const e=ht(this.theme,"disposeTimeout");null!==e&&(this.$_disposeTimer=setTimeout(()=>{this.$_popperNode&&(this.$_detachPopperNode(),this.isMounted=!1)},e)),this.$_removeEventListeners("scroll"),this.$emit("apply-hide"),this.classes.showFrom=!1,this.classes.showTo=!1,this.classes.hideFrom=!0,this.classes.hideTo=!1,await yt(),this.classes.hideFrom=!1,this.classes.hideTo=!0},$_autoShowHide(){this.shown?this.show():this.hide()},$_ensureTeleport(){if(this.$_isDisposed)return;let t=this.container;if("string"==typeof t?t=window.document.querySelector(t):!1===t&&(t=this.$_targetNodes[0].parentNode),!t)throw new Error("No container for popover: "+this.container);t.appendChild(this.$_popperNode),this.isMounted=!0},$_addEventListeners(){const t=t=>{this.isShown&&!this.$_hideInProgress||(t.usedByTooltip=!0,!this.$_preventShow&&this.show({event:t}))};this.$_registerTriggerListeners(this.$_targetNodes,vt,this.triggers,this.showTriggers,t),this.$_registerTriggerListeners([this.$_popperNode],vt,this.popperTriggers,this.popperShowTriggers,t);const e=t=>{t.usedByTooltip||this.hide({event:t})};this.$_registerTriggerListeners(this.$_targetNodes,gt,this.triggers,this.hideTriggers,e),this.$_registerTriggerListeners([this.$_popperNode],gt,this.popperTriggers,this.popperHideTriggers,e)},$_registerEventListeners(t,e,n){this.$_events.push({targetNodes:t,eventType:e,handler:n}),t.forEach(t=>t.addEventListener(e,n,pt?{passive:!0}:void 0))},$_registerTriggerListeners(t,e,n,i,o){let r=n;null!=i&&(r="function"==typeof i?i(r):i),r.forEach(n=>{const i=e[n];i&&this.$_registerEventListeners(t,i,o)})},$_removeEventListeners(t){const e=[];this.$_events.forEach(n=>{const{targetNodes:i,eventType:o,handler:r}=n;t&&t!==o?e.push(n):i.forEach(t=>t.removeEventListener(o,r))}),this.$_events=e},$_refreshListeners(){this.$_isDisposed||(this.$_removeEventListeners(),this.$_addEventListeners())},$_handleGlobalClose(t,e=!1){this.$_showFrameLocked||(this.hide({event:t}),t.closePopover?this.$emit("close-directive"):this.$emit("auto-hide"),e&&(this.$_preventShow=!0,setTimeout(()=>{this.$_preventShow=!1},300)))},$_detachPopperNode(){this.$_popperNode.parentNode&&this.$_popperNode.parentNode.removeChild(this.$_popperNode)},$_swapTargetAttrs(t,e){for(const n of this.$_targetNodes){const i=n.getAttribute(t);i&&(n.removeAttribute(t),n.setAttribute(e,i))}},$_applyAttrsToTarget(t){for(const e of this.$_targetNodes)for(const n in t){const i=t[n];null==i?e.removeAttribute(n):e.setAttribute(n,i)}},$_updateParentShownChildren(t){let e=this.parentPopper;for(;e;)t?e.shownChildren.add(this.randomId):(e.shownChildren.delete(this.randomId),e.$_pendingHide&&e.hide()),e=e.parentPopper},$_isAimingPopper(){const t=this.$el.getBoundingClientRect();if(Pt>=t.left&&Pt<=t.right&&Lt>=t.top&&Lt<=t.bottom){const t=this.$_popperNode.getBoundingClientRect(),e=Pt-Ot,n=Lt-Bt,i=t.left+t.width/2-Ot+(t.top+t.height/2)-Bt+t.width+t.height,o=Ot+e*i,r=Bt+n*i;return Nt(Ot,Bt,o,r,t.left,t.top,t.left,t.bottom)||Nt(Ot,Bt,o,r,t.left,t.top,t.right,t.top)||Nt(Ot,Bt,o,r,t.right,t.top,t.right,t.bottom)||Nt(Ot,Bt,o,r,t.left,t.bottom,t.right,t.bottom)}return!1}},render(){return this.$scopedSlots.default(this.slotData)[0]}});function $t(t){for(let e=0;e<wt.length;e++){const n=wt[e];try{const e=n.popperNode();n.$_mouseDownContains=e.contains(t.target)}catch(t){}}}function kt(t,e=!1){const n={};for(let i=wt.length-1;i>=0;i--){const o=wt[i];try{const i=o.$_containsGlobalTarget=Tt(o,t);o.$_pendingHide=!1,requestAnimationFrame(()=>{if(o.$_pendingHide=!1,!n[o.randomId]&&Et(o,i,t)){if(o.$_handleGlobalClose(t,e),!t.closeAllPopover&&t.closePopover&&i){let t=o.parentPopper;for(;t;)n[t.randomId]=!0,t=t.parentPopper;return}let r=o.parentPopper;for(;r&&Et(r,r.$_containsGlobalTarget,t);)r.$_handleGlobalClose(t,e),r=r.parentPopper}})}catch(t){}}}function Tt(t,e){const n=t.popperNode();return t.$_mouseDownContains||n.contains(e.target)}function Et(t,e,n){return n.closeAllPopover||n.closePopover&&e||t.autoHide&&!e}"undefined"!=typeof document&&"undefined"!=typeof window&&(ft?(document.addEventListener("touchstart",$t,!pt||{passive:!0,capture:!0}),document.addEventListener("touchend",(function(t){kt(t,!0)}),!pt||{passive:!0,capture:!0})):(window.addEventListener("mousedown",$t,!0),window.addEventListener("click",(function(t){kt(t)}),!0)),window.addEventListener("resize",(function(t){for(let e=0;e<wt.length;e++){wt[e].$_computePosition(t)}})));let Ot=0,Bt=0,Pt=0,Lt=0;function Nt(t,e,n,i,o,r,s,a){const l=((s-o)*(e-r)-(a-r)*(t-o))/((a-r)*(n-t)-(s-o)*(i-e)),c=((n-t)*(e-r)-(i-e)*(t-o))/((a-r)*(n-t)-(s-o)*(i-e));return l>=0&&l<=1&&c>=0&&c<=1}var At;function zt(){zt.init||(zt.init=!0,At=-1!==function(){var t=window.navigator.userAgent,e=t.indexOf("MSIE ");if(e>0)return parseInt(t.substring(e+5,t.indexOf(".",e)),10);if(t.indexOf("Trident/")>0){var n=t.indexOf("rv:");return parseInt(t.substring(n+3,t.indexOf(".",n)),10)}var i=t.indexOf("Edge/");return i>0?parseInt(t.substring(i+5,t.indexOf(".",i)),10):-1}())}function Mt(t,e,n,i,o,r,s,a,l,c){"boolean"!=typeof s&&(l=a,a=s,s=!1);var u,d="function"==typeof n?n.options:n;if(t&&t.render&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0,o&&(d.functional=!0)),i&&(d._scopeId=i),r?(u=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,l(t)),t&&t._registeredComponents&&t._registeredComponents.add(r)},d._ssrRegister=u):e&&(u=s?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,a(t))}),u)if(d.functional){var h=d.render;d.render=function(t,e){return u.call(e),h(t,e)}}else{var p=d.beforeCreate;d.beforeCreate=p?[].concat(p,u):[u]}return n}"undefined"!=typeof window&&window.addEventListener("mousemove",t=>{Ot=Pt,Bt=Lt,Pt=t.clientX,Lt=t.clientY},pt?{passive:!0}:void 0);var Ht={name:"ResizeObserver",props:{emitOnMount:{type:Boolean,default:!1},ignoreWidth:{type:Boolean,default:!1},ignoreHeight:{type:Boolean,default:!1}},mounted:function(){var t=this;zt(),this.$nextTick((function(){t._w=t.$el.offsetWidth,t._h=t.$el.offsetHeight,t.emitOnMount&&t.emitSize()}));var e=document.createElement("object");this._resizeObject=e,e.setAttribute("aria-hidden","true"),e.setAttribute("tabindex",-1),e.onload=this.addResizeHandlers,e.type="text/html",At&&this.$el.appendChild(e),e.data="about:blank",At||this.$el.appendChild(e)},beforeDestroy:function(){this.removeResizeHandlers()},methods:{compareAndNotify:function(){(!this.ignoreWidth&&this._w!==this.$el.offsetWidth||!this.ignoreHeight&&this._h!==this.$el.offsetHeight)&&(this._w=this.$el.offsetWidth,this._h=this.$el.offsetHeight,this.emitSize())},emitSize:function(){this.$emit("notify",{width:this._w,height:this._h})},addResizeHandlers:function(){this._resizeObject.contentDocument.defaultView.addEventListener("resize",this.compareAndNotify),this.compareAndNotify()},removeResizeHandlers:function(){this._resizeObject&&this._resizeObject.onload&&(!At&&this._resizeObject.contentDocument&&this._resizeObject.contentDocument.defaultView.removeEventListener("resize",this.compareAndNotify),this.$el.removeChild(this._resizeObject),this._resizeObject.onload=null,this._resizeObject=null)}}},Dt=function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"resize-observer",attrs:{tabindex:"-1"}})};Dt._withStripped=!0;var Rt=Mt({render:Dt,staticRenderFns:[]},void 0,Ht,"data-v-8859cc6c",!1,void 0,!1,void 0,void 0,void 0);var jt={version:"1.0.1",install:function(t){t.component("resize-observer",Rt),t.component("ResizeObserver",Rt)}},It=null;"undefined"!=typeof window?It=window.Vue:void 0!==i.g&&(It=i.g.Vue),It&&It.use(jt);var qt={computed:{themeClass(){return function(t){const e=[t];let n=dt.themes[t]||{};do{n.$extend&&!n.$resetCss?(e.push(n.$extend),n=dt.themes[n.$extend]||{}):n=null}while(n);return e.map(t=>"v-popper--theme-"+t)}(this.theme)}}},Wt={name:"VPopperContent",components:{ResizeObserver:Rt},mixins:[qt],props:{popperId:String,theme:String,shown:Boolean,mounted:Boolean,skipTransition:Boolean,autoHide:Boolean,handleResize:Boolean,classes:Object,result:Object},methods:{toPx:t=>null==t||isNaN(t)?null:t+"px"}};function Ft(t,e,n,i,o,r,s,a){var l,c="function"==typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=n,c._compiled=!0),i&&(c.functional=!0),r&&(c._scopeId="data-v-"+r),s?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(s)},c._ssrRegister=l):o&&(l=a?function(){o.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:o),l)if(c.functional){c._injectStyles=l;var u=c.render;c.render=function(t,e){return l.call(e),u(t,e)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,l):[l]}return{exports:t,options:c}}const Vt={};var Ut=Ft(Wt,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{ref:"popover",staticClass:"v-popper__popper",class:[t.themeClass,t.classes.popperClass,{"v-popper__popper--shown":t.shown,"v-popper__popper--hidden":!t.shown,"v-popper__popper--show-from":t.classes.showFrom,"v-popper__popper--show-to":t.classes.showTo,"v-popper__popper--hide-from":t.classes.hideFrom,"v-popper__popper--hide-to":t.classes.hideTo,"v-popper__popper--skip-transition":t.skipTransition,"v-popper__popper--arrow-overflow":t.result&&t.result.arrow.overflow,"v-popper__popper--no-positioning":!t.result}],style:t.result?{position:t.result.strategy,transform:"translate3d("+Math.round(t.result.x)+"px,"+Math.round(t.result.y)+"px,0)"}:void 0,attrs:{id:t.popperId,"aria-hidden":t.shown?"false":"true",tabindex:t.autoHide?0:void 0,"data-popper-placement":t.result?t.result.placement:void 0},on:{keyup:function(e){if(!e.type.indexOf("key")&&t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"]))return null;t.autoHide&&t.$emit("hide")}}},[n("div",{staticClass:"v-popper__backdrop",on:{click:function(e){t.autoHide&&t.$emit("hide")}}}),n("div",{staticClass:"v-popper__wrapper",style:t.result?{transformOrigin:t.result.transformOrigin}:void 0},[n("div",{ref:"inner",staticClass:"v-popper__inner"},[t.mounted?[n("div",[t._t("default")],2),t.handleResize?n("ResizeObserver",{on:{notify:function(e){return t.$emit("resize",e)}}}):t._e()]:t._e()],2),n("div",{ref:"arrow",staticClass:"v-popper__arrow-container",style:t.result?{left:t.toPx(t.result.arrow.x),top:t.toPx(t.result.arrow.y)}:void 0},[n("div",{staticClass:"v-popper__arrow-outer"}),n("div",{staticClass:"v-popper__arrow-inner"})])])])}),[],!1,Qt,null,null,null);function Qt(t){for(let t in Vt)this[t]=Vt[t]}var Xt=function(){return Ut.exports}(),Yt={methods:{show(...t){return this.$refs.popper.show(...t)},hide(...t){return this.$refs.popper.hide(...t)},dispose(...t){return this.$refs.popper.dispose(...t)},onResize(...t){return this.$refs.popper.onResize(...t)}}},Kt={name:"VPopperWrapper",components:{Popper:Ct(),PopperContent:Xt},mixins:[Yt,qt],inheritAttrs:!1,props:{theme:{type:String,default(){return this.$options.vPopperTheme}}},methods:{getTargetNodes(){return Array.from(this.$refs.reference.children).filter(t=>t!==this.$refs.popperContent.$el)}}};const Gt={};var Zt=Ft(Kt,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("Popper",t._g(t._b({ref:"popper",attrs:{theme:t.theme,"target-nodes":t.getTargetNodes,"reference-node":function(){return t.$refs.reference},"popper-node":function(){return t.$refs.popperContent.$el}},scopedSlots:t._u([{key:"default",fn:function(e){var i=e.popperId,o=e.isShown,r=e.shouldMountContent,s=e.skipTransition,a=e.autoHide,l=e.show,c=e.hide,u=e.handleResize,d=e.onResize,h=e.classes,p=e.result;return[n("div",{ref:"reference",staticClass:"v-popper",class:[t.themeClass,{"v-popper--shown":o}]},[t._t("default",null,{shown:o,show:l,hide:c}),n("PopperContent",{ref:"popperContent",attrs:{"popper-id":i,theme:t.theme,shown:o,mounted:r,"skip-transition":s,"auto-hide":a,"handle-resize":u,classes:h,result:p},on:{hide:c,resize:d}},[t._t("popper",null,{shown:o,hide:c})],2)],2)]}}],null,!0)},"Popper",t.$attrs,!1),t.$listeners))}),[],!1,Jt,null,null,null);function Jt(t){for(let t in Gt)this[t]=Gt[t]}var te=function(){return Zt.exports}(),ee=ut(ct({},te),{name:"VDropdown",vPopperTheme:"dropdown"});const ne={};var ie=Ft(ee,void 0,void 0,!1,oe,null,null,null);function oe(t){for(let t in ne)this[t]=ne[t]}var re=function(){return ie.exports}(),se=ut(ct({},te),{name:"VMenu",vPopperTheme:"menu"});const ae={};var le=Ft(se,void 0,void 0,!1,ce,null,null,null);function ce(t){for(let t in ae)this[t]=ae[t]}var ue=function(){return le.exports}(),de=ut(ct({},te),{name:"VTooltip",vPopperTheme:"tooltip"});const he={};var pe=Ft(de,void 0,void 0,!1,fe,null,null,null);function fe(t){for(let t in he)this[t]=he[t]}var me=function(){return pe.exports}(),ve={name:"VTooltipDirective",components:{Popper:Ct(),PopperContent:Xt},mixins:[Yt],inheritAttrs:!1,props:{theme:{type:String,default:"tooltip"},html:{type:Boolean,default(){return ht(this.theme,"html")}},content:{type:[String,Number,Function],default:null},loadingContent:{type:String,default(){return ht(this.theme,"loadingContent")}}},data:()=>({asyncContent:null}),computed:{isContentAsync(){return"function"==typeof this.content},loading(){return this.isContentAsync&&null==this.asyncContent},finalContent(){return this.isContentAsync?this.loading?this.loadingContent:this.asyncContent:this.content}},watch:{content:{handler(){this.fetchContent(!0)},immediate:!0},async finalContent(t){await this.$nextTick(),this.$refs.popper.onResize()}},created(){this.$_fetchId=0},methods:{fetchContent(t){if("function"==typeof this.content&&this.$_isShown&&(t||!this.$_loading&&null==this.asyncContent)){this.asyncContent=null,this.$_loading=!0;const t=++this.$_fetchId,e=this.content(this);e.then?e.then(e=>this.onResult(t,e)):this.onResult(t,e)}},onResult(t,e){t===this.$_fetchId&&(this.$_loading=!1,this.asyncContent=e)},onShow(){this.$_isShown=!0,this.fetchContent()},onHide(){this.$_isShown=!1}}};const ge={};var ye=Ft(ve,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("Popper",t._g(t._b({ref:"popper",attrs:{theme:t.theme,"popper-node":function(){return t.$refs.popperContent.$el}},on:{"apply-show":t.onShow,"apply-hide":t.onHide},scopedSlots:t._u([{key:"default",fn:function(e){var i=e.popperId,o=e.isShown,r=e.shouldMountContent,s=e.skipTransition,a=e.autoHide,l=e.hide,c=e.handleResize,u=e.onResize,d=e.classes,h=e.result;return[n("PopperContent",{ref:"popperContent",class:{"v-popper--tooltip-loading":t.loading},attrs:{"popper-id":i,theme:t.theme,shown:o,mounted:r,"skip-transition":s,"auto-hide":a,"handle-resize":c,classes:d,result:h},on:{hide:l,resize:u}},[t.html?n("div",{domProps:{innerHTML:t._s(t.finalContent)}}):n("div",{domProps:{textContent:t._s(t.finalContent)}})])]}}])},"Popper",t.$attrs,!1),t.$listeners))}),[],!1,we,null,null,null);function we(t){for(let t in ge)this[t]=ge[t]}var be=function(){return ye.exports}();function _e(t,e,n){let i;const o=typeof e;return i="string"===o?{content:e}:e&&"object"===o?e:{content:!1},i.placement=function(t,e){let n=t.placement;if(!n&&e)for(const t of mt)e[t]&&(n=t);return n||(n=ht(t.theme||"tooltip","placement")),n}(i,n),i.targetNodes=()=>[t],i.referenceNode=()=>t,i}function Se(t,e,n){const i=_e(t,e,n),o=t.$_popper=new(et())({mixins:[Yt],data:()=>({options:i}),render(t){const e=this.options,{theme:n,html:i,content:o,loadingContent:r}=e,s=((t,e)=>{var n={};for(var i in t)st.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&rt)for(var i of rt(t))e.indexOf(i)<0&&at.call(t,i)&&(n[i]=t[i]);return n})(e,["theme","html","content","loadingContent"]);return t(be,{props:{theme:n,html:i,content:o,loadingContent:r},attrs:s,ref:"popper"})},devtools:{hide:!0}}),r=document.createElement("div");return document.body.appendChild(r),o.$mount(r),t.classList&&t.classList.add("v-popper--has-tooltip"),o}function xe(t){t.$_popper&&(t.$_popper.$destroy(),delete t.$_popper,delete t.$_popperOldShown),t.classList&&t.classList.remove("v-popper--has-tooltip")}function Ce(t,{value:e,oldValue:n,modifiers:i}){const o=_e(t,e,i);if(!o.content||ht(o.theme||"tooltip","disabled"))xe(t);else{let n;t.$_popper?(n=t.$_popper,n.options=o):n=Se(t,e,i),void 0!==e.shown&&e.shown!==t.$_popperOldShown&&(t.$_popperOldShown=e.shown,e.shown?n.show():n.hide())}}var $e={bind:Ce,update:Ce,unbind(t){xe(t)}};function ke(t){t.addEventListener("click",Ee),t.addEventListener("touchstart",Oe,!!pt&&{passive:!0})}function Te(t){t.removeEventListener("click",Ee),t.removeEventListener("touchstart",Oe),t.removeEventListener("touchend",Be),t.removeEventListener("touchcancel",Pe)}function Ee(t){const e=t.currentTarget;t.closePopover=!e.$_vclosepopover_touch,t.closeAllPopover=e.$_closePopoverModifiers&&!!e.$_closePopoverModifiers.all}function Oe(t){if(1===t.changedTouches.length){const e=t.currentTarget;e.$_vclosepopover_touch=!0;const n=t.changedTouches[0];e.$_vclosepopover_touchPoint=n,e.addEventListener("touchend",Be),e.addEventListener("touchcancel",Pe)}}function Be(t){const e=t.currentTarget;if(e.$_vclosepopover_touch=!1,1===t.changedTouches.length){const n=t.changedTouches[0],i=e.$_vclosepopover_touchPoint;t.closePopover=Math.abs(n.screenY-i.screenY)<20&&Math.abs(n.screenX-i.screenX)<20,t.closeAllPopover=e.$_closePopoverModifiers&&!!e.$_closePopoverModifiers.all}}function Pe(t){t.currentTarget.$_vclosepopover_touch=!1}var Le={bind(t,{value:e,modifiers:n}){t.$_closePopoverModifiers=n,(void 0===e||e)&&ke(t)},update(t,{value:e,oldValue:n,modifiers:i}){t.$_closePopoverModifiers=i,e!==n&&(void 0===e||e?ke(t):Te(t))},unbind(t){Te(t)}};const Ne=re,Ae=me;const ze={version:"1.0.0-beta.14",install:function(t,e={}){t.$_vTooltipInstalled||(t.$_vTooltipInstalled=!0,function t(e,n){for(const i in n)Object.prototype.hasOwnProperty.call(n,i)&&("object"==typeof n[i]&&e[i]?t(e[i],n[i]):e[i]=n[i])}(dt,e),t.directive("tooltip",$e),t.directive("close-popper",Le),t.component("v-tooltip",me),t.component("VTooltip",me),t.component("v-dropdown",re),t.component("VDropdown",re),t.component("v-menu",ue),t.component("VMenu",ue))},options:dt};let Me=null;"undefined"!=typeof window?Me=window.Vue:void 0!==i.g&&(Me=i.g.Vue),Me&&Me.use(ze);var He=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:["alert box-container",t.containerStyle(),t.addClass,{"d-flex":t.seamlessHeaderBool()}],style:t.customStyle()},[t.seamlessHeaderBool()?n("div",{staticClass:"d-flex"},[t.iconBool()?n("div",{class:["icon-wrapper",t.iconStyle()],style:t.customIconColorStyle()},[t._t("icon",(function(){return[n("i",{class:["fas",t.getFontAwesomeIconStyle()]})]}))],2):t._e(),t._v(" "),n("div",{staticClass:"vertical-divider",class:t.getBootstrapAlertStyle(),attrs:{"aria-hidden":"true"}})]):t._e(),t._v(" "),n("div",{staticClass:"header-and-body"},[t.headerBool()?n("div",{class:["box-header-wrapper",{"alert-dismissible":t.dismissible}]},[t.iconBool()&&!t.seamlessHeaderBool()?n("div",{class:["icon-wrapper",t.iconStyle()],style:t.customIconColorStyle()},[t._t("icon",(function(){return[n("i",{class:["fas",t.getFontAwesomeIconStyle()]})]}))],2):t._e(),t._v(" "),n("div",{staticClass:"box-header"},[t._t("header")],2),t._v(" "),t.dismissible?n("button",{staticClass:"btn-close close-with-heading",attrs:{type:"button","data-bs-dismiss":"alert","aria-label":"Close"}}):t._e()]):t._e(),t._v(" "),n("div",{class:["box-body-wrapper",{"alert-dismissible":t.dismissible&&!t.headerBool(),"box-body-wrapper-with-heading":t.headerBool()}]},[t.iconBool()&&!t.headerBool()?n("div",{class:["icon-wrapper",t.iconStyle()],style:t.customIconColorStyle()},[t._t("icon",(function(){return[n("i",{class:["fas",t.getFontAwesomeIconStyle()]})]}))],2):t._e(),t._v(" "),t.seamlessNoHeaderBool()?n("div",{staticClass:"vertical-divider",class:t.getBootstrapAlertStyle(),attrs:{"aria-hidden":"true"}}):t._e(),t._v(" "),n("div",{staticClass:"contents",style:t.customColorStyle()},[t._t("default")],2),t._v(" "),t.dismissible&&!t.headerBool()?n("button",{staticClass:"btn-close",attrs:{type:"button","data-bs-dismiss":"alert","aria-label":"Close"}}):t._e()])])])};He._withStripped=!0;var De=function(t){return"string"==typeof t?""===t||"true"===t||"false"!==t&&"null"!==t&&"undefined"!==t&&t:t};function Re(t){return"string"==typeof t?""===t||"true"===t||"false"!==t&&"null"!==t&&"undefined"!==t&&t:t}function je(t){return"number"==typeof t?t:null==t||isNaN(Number(t))?null:Number(t)}function Ie(t){var e=t.split("#"),n="";return e.length>1&&(n=e[1]),n}function qe(t,e,n,i,o,r,s,a){var l,c="function"==typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=n,c._compiled=!0),i&&(c.functional=!0),r&&(c._scopeId="data-v-"+r),s?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(s)},c._ssrRegister=l):o&&(l=a?function(){o.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:o),l)if(c.functional){c._injectStyles=l;var u=c.render;c.render=function(t,e){return l.call(e),u(t,e)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,l):[l]}return{exports:t,options:c}}const We=qe({props:{dismissible:{type:Boolean,default:!1},backgroundColor:{type:String,default:null},borderColor:{type:String,default:null},borderLeftColor:{type:String,default:null},color:{type:String,default:null},icon:{type:String,default:null},iconSize:{type:String,default:null},iconColor:{type:String,default:null},type:{type:String,default:""},addClass:{type:String,default:""},light:{type:Boolean,default:!1},seamless:{type:Boolean,default:!1},noIcon:{type:Boolean,default:!1},noBackground:{type:Boolean,default:!1},noBorder:{type:Boolean,default:!1},theme:{type:String,default:""}},computed:{bootStrapStyle:function(){return function(t,e){var n,i,o=["warning","info","definition","success","danger","tip","important","wrong"].includes(t)?t:"",r=["primary","secondary","success","danger","warning","info","light","dark"].includes(e)?e:"";if(r)n=r;else switch(o){case"warning":n="warning";break;case"info":n="info";break;case"definition":n="primary";break;case"success":case"tip":n="success";break;case"important":case"wrong":n="danger";break;default:n="default"}switch(o){case"wrong":i="fa-times";break;case"warning":i="fa-exclamation";break;case"info":i="fa-info";break;case"success":i="fa-check";break;case"important":i="fa-flag";break;case"tip":i="fa-lightbulb";break;case"definition":i="fa-atlas";break;default:i=""}return{style:n,icon:i}}(this.type,this.theme)}},methods:{isSeamless:function(){return!this.light&&this.seamless},seamlessNoHeaderBool:function(){return this.isSeamless()&&!this.headerBool()},seamlessHeaderBool:function(){return this.isSeamless()&&this.headerBool()},headerBool:function(){return!!this.$scopedSlots.header},iconBool:function(){var t=!!this.$scopedSlots.icon;return!this.noIcon&&this.type||t},containerStyle:function(){var t;return t=this.light?"".concat(this.getBootstrapBorderStyle()," alert-border-left"):this.seamless?"seamless":this.getBootstrapAlertStyle(),this.noBackground&&(t+=" no-background"),this.noBorder&&(t+=" no-border"),t},customStyle:function(){var t={};return this.backgroundColor&&(t.backgroundColor=this.backgroundColor,t.borderColor=this.backgroundColor),this.borderColor&&(t.border="1px solid ".concat(this.borderColor)),this.borderLeftColor&&(t.borderLeft="5px solid ".concat(this.borderLeftColor)),t},customColorStyle:function(){return this.color?{color:this.color}:{}},iconStyle:function(){var t="";return this.iconSize&&(t+="fa-".concat(this.iconSize)),(this.light||this.seamless)&&(t+=" ".concat(this.getBootstrapTextStyle())),t},customIconColorStyle:function(){return this.iconColor?{color:"".concat(this.iconColor,"!important")}:{}},getBootstrapAlertStyle:function(){return"alert-".concat(this.bootStrapStyle.style)},getBootstrapTextStyle:function(){return"text-".concat(this.bootStrapStyle.style)},getBootstrapBorderStyle:function(){return"border-".concat(this.bootStrapStyle.style)},getFontAwesomeIconStyle:function(){return this.bootStrapStyle.icon}}},He,[],!1,null,"0eabf1c4",null).exports;var Fe=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("nav",{staticClass:"breadcrumb-divider",attrs:{"aria-label":"breadcrumb"}},[n("ol",{staticClass:"breadcrumb"},[n("li",{staticClass:"notlink breadcrumb-marker"},[t._v("\n        ››  \n      ")]),t._v(" "),t._l(t.items,(function(e,i){return n("li",{key:i,class:["breadcrumb-item",{notlink:null===e.link}],attrs:{"aria-current":{page:t.isLast(i,t.items.length)}}},[null===e.link?n("a",[t._v("\n          "+t._s(e.title)+"\n        ")]):n("a",{attrs:{href:e.link}},[t._v("\n          "+t._s(e.title)+"\n        ")])])}))],2)])])};Fe._withStripped=!0;const Ve=qe({data:function(){return{items:[]}},methods:{isLast:function(t,e){return t===e-1}},mounted:function(){var t=Array.from(document.querySelectorAll("ul")).find((function(t){return t.classList.contains("site-nav-list-root")}));if(t){var e=t.querySelector(".current");if(e){this.items.unshift({title:e.textContent,link:null});for(var n=e.parentElement;n!==t;){if("ul"===n.tagName.toLowerCase()){var i=n.parentElement.querySelector("div"),o=i.querySelector("a[href]");null===o?this.items.unshift({title:i.textContent,link:null}):this.items.unshift({title:o.textContent,link:o.getAttribute("href")})}n=n.parentElement}}}}},Fe,[],!1,null,"ef898034",null).exports;var Ue=i(3),Qe=i.n(Ue),Xe=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.isLi?n("li",{ref:"dropdown",class:[{disabled:t.disabledBool},"dropdown",t.addClass]},[t._t("button",(function(){return[n("a",{staticClass:"dropdown-toggle nav-link",class:{disabled:t.disabledBool},attrs:{role:"button","data-bs-toggle":"dropdown"}},[t._t("header")],2)]})),t._v(" "),t._t("dropdown-menu",(function(){return[n("ul",{staticClass:"dropdown-menu",class:[{show:t.show},{"dropdown-menu-end":t.menuAlignRight}]},[t._t("default")],2)]}))],2):t.isSubmenu?n("submenu",{ref:"submenu",scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(){return[t._t(n)]},proxy:!0}}))],null,!0)}):n("div",{ref:"dropdown",class:[{disabled:t.disabledBool},"btn-group",t.addClass]},[t._t("before"),t._v(" "),t._t("button",(function(){return[n("button",{staticClass:"btn dropdown-toggle",class:[t.btnType,t.btnWithBefore,{"dropdown-toggle-split":t.hasBefore}],attrs:{type:"button",disabled:t.disabledBool,"data-bs-reference":"parent","data-bs-toggle":"dropdown"}},[t._t("header")],2)]})),t._v(" "),t._t("dropdown-menu",(function(){return[n("ul",{staticClass:"dropdown-menu",class:[{show:t.show},{"dropdown-menu-end":t.menuAlignRight}]},[t._t("default")],2)]}))],2)};Xe._withStripped=!0;var Ye=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("li",{ref:"submenu",class:[t.addClass,"dropdown-submenu",{dropend:t.dropright,dropstart:t.dropleft}]},[t._t("button",(function(){return[n("a",{staticClass:"dropdown-item submenu-toggle",class:{disabled:t.disabled},attrs:{role:"button","data-bs-toggle":"dropdown"}},[t._t("header")],2)]})),t._v(" "),t._t("dropdown-menu",(function(){return[n("ul",{staticClass:"dropdown-menu"},[t._t("default")],2)]}))],2)};function Ke(t,n){for(var i=0;i<n.length;i++){var o=n[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,e(o.key),o)}}Ye._withStripped=!0;var Ge,Ze=Array.prototype,Je=new Error("Passed arguments must be of Node"),tn=[],en=[];function nn(t){return t instanceof window.Node}function on(t){return t instanceof window.NodeList||t instanceof sn||t instanceof window.HTMLCollection||t instanceof Array}function rn(t){return(t=t.trim()).length?t.replace(/\s+/," ").split(" "):[]}var sn=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t);var n=e;if(e[0]===window?n=[window]:"string"==typeof e[0]?(n=(e[1]||document).querySelectorAll(e[0]),e[1]&&(this.owner=e[1])):0 in e&&!nn(e[0])&&e[0]&&"length"in e[0]&&(n=e[0],e[1]&&(this.owner=e[1])),n){for(var i in n)this[i]=n[i];this.length=n.length}else this.length=0}var e,n,i;return e=t,(n=[{key:"concat",value:function(){var t=Ze.slice.call(this);function e(n){Ze.forEach.call(n,(function(n){nn(n)?~t.indexOf(n)||t.push(n):on(n)&&e(n)}))}for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return Ze.forEach.call(i,(function(n){if(nn(n))~t.indexOf(n)||t.push(n);else{if(!on(n))throw Error("Concat arguments must be of a Node, NodeList, HTMLCollection, or Array of (Node, NodeList, HTMLCollection, Array)");e(n)}})),hn(t,this)}},{key:"delete",value:function(){var t=ln(this).filter((function(t){return t.remove?t.remove():t.parentNode&&t.parentNode.removeChild(t),document.body.contains(t)}));return t.length&&console.warn("NodeList: Some nodes could not be deleted."),t}},{key:"each",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return Ze.forEach.apply(this,e),this}},{key:"filter",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return hn(Ze.filter.apply(this,e),this)}},{key:"find",value:function(t){var e=[];return ln(this).forEach((function(n){Ze.push.apply(e,n.querySelectorAll(t))})),ln(e,this.owner)}},{key:"findChildren",value:function(t){var e=this;return t?this.find(t).filter((function(t){return e.includes(t.parentElement)})):ln(this.map((function(t){return t.children})))}},{key:"forEach",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return Ze.forEach.apply(this,e),this}},{key:"includes",value:function(t,e){return~this.indexOf(t,e)}},{key:"map",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];var i=Ze.map.apply(this,e);return i.some((function(t){return nn(t)||on(t)}))?ln(i,this):i}},{key:"parent",value:function(){return ln(this.map((function(t){return t.parentNode})),this)}},{key:"pop",value:function(t){"number"!=typeof t&&(t=1);for(var e=[],n=Ze.pop.bind(this);t--;)e.push(n());return hn(e,this)}},{key:"push",value:function(){for(var t=this,e=arguments.length,n=new Array(e),i=0;i<e;i++)n[i]=arguments[i];return Ze.forEach.call(n,(function(e){if(!nn(e))throw Je;~t.indexOf(e)||Ze.push.call(t,e)})),this}},{key:"shift",value:function(t){"number"!=typeof t&&(t=1);for(var e=[];t--;)e.push(Ze.shift.call(this));return 1==e.length?e[0]:hn(e,this)}},{key:"slice",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return hn(Ze.slice.apply(this,e),this)}},{key:"splice",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];for(var i=2,o=e.length;i<o;i++)if(!nn(e[i]))throw Je;return Ze.splice.apply(this,e),this}},{key:"unshift",value:function(){for(var t=this,e=Ze.unshift.bind(this),n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return Ze.forEach.call(i,(function(n){if(!nn(n))throw Je;~t.indexOf(n)||e(n)})),this}},{key:"addClass",value:function(t){return this.toggleClass(t,!0)}},{key:"removeClass",value:function(t){return this.toggleClass(t,!1)}},{key:"toggleClass",value:function(t,e){var n=null==e?"toggle":e?"add":"remove";return"string"==typeof t&&(t=rn(t)),this.each((function(e){var i,o=rn(e.className);t.forEach((function(t){var e=~o.indexOf(t);e||"remove"===n||o.push(t),e&&"add"!==n&&(o=o.filter((function(e){return e!==t})))})),(o=(i=o).length?i.join(" "):"")?e.className=o:e.removeAttribute("class")})),this}},{key:"get",value:function(t){var e=[];return this.each((function(n){null!==n&&(n=n[t]),e.push(n)})),ln(e,this)}},{key:"set",value:function(t,e){return t.constructor===Object?this.each((function(e){if(e)for(var n in t)n in e&&(e[n]=t[n])})):this.each((function(n){t in n&&(n[t]=e)})),this}},{key:"call",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];var i=Ze.shift.call(e),o=[],r=!0;return this.each((function(t){t&&t[i]instanceof Function?(t=t[i].apply(t,e),o.push(t),r&&void 0!==t&&(r=!1)):o.push(void 0)})),r?this:ln(o,this)}},{key:"item",value:function(t){return hn([this[t]],this)}},{key:"asArray",get:function(){return Ze.slice.call(this)}},{key:"on",value:function(t,e,n){if("string"==typeof t&&(t=rn(t)),!this||!this.length)return this;if(void 0===n&&(n=e,e=null),!n)return this;var i=n;return n=e?function(t){var n=hn(e,this);n.length&&n.some((function(e){var n=e.contains(t.target);return n&&i.call(e,t,e),n}))}:function(t){i.apply(this,[t,this])},this.each((function(e){t.forEach((function(t){(e===window||nn(e))&&(e.addEventListener(t,n,!1),en.push({el:e,event:t,callback:n}))}))})),this}},{key:"off",value:function(t,e){return t instanceof Function&&(e=t,t=null),t=t instanceof Array?t:"string"==typeof t?rn(t):null,this.each((function(n){en=en.filter((function(i){return!!(!i||i.el!==n||e&&e!==i.callback||t&&!~t.indexOf(i.event))||(i.el.removeEventListener(i.event,i.callback),!1)}))})),this}},{key:"onBlur",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return this&&this.length&&t?(this.each((function(e){tn.push({el:e,callback:t})})),Ge||(Ge=function(t){tn.forEach((function(e){e.el&&(e.el.contains(t.target)||e.el===t.target||e.callback.call(e.el,t,e.el))}))},document.addEventListener("click",Ge,!1),e&&document.addEventListener("touchstart",Ge,!1)),this):this}},{key:"offBlur",value:function(t){return this.each((function(e){tn=tn.filter((function(n){return!(n&&n.el===e&&(!t||n.callback===t))&&e}))})),this}}])&&Ke(e.prototype,n),i&&Ke(e,i),Object.defineProperty(e,"prototype",{writable:!1}),t}(),an=sn.prototype;function ln(t,e){var n=[];return Ze.forEach.call(t,(function(i){if(nn(i))~n.indexOf(i)||n.push(i);else if(on(i))for(var o in i)n.push(i[o]);else if(null!==i)return t.get=an.get,t.set=an.set,t.call=an.call,t.owner=e,t})),hn(n,e)}Object.getOwnPropertyNames(Ze).forEach((function(t){"join"!==t&&"copyWithin"!==t&&"fill"!==t&&void 0===an[t]&&(an[t]=Ze[t])})),window&&window.Symbol&&Symbol.iterator&&(an[Symbol.iterator]=an.values=Ze[Symbol.iterator]);var cn=document&&document.createElement("div");function un(t){var e=this;an[t]||(cn[t]instanceof Function?an[t]=function(){for(var n=[],i=!0,o=arguments.length,r=new Array(o),s=0;s<o;s++)r[s]=arguments[s];for(var a in an){var l=an[a];l&&l[t]instanceof Function?(l=l[t].apply(l,r),n.push(l),i&&void 0!==l&&(i=!1)):n.push(void 0)}return i?e:ln(n,e)}:Object.defineProperty(an,t,{get:function(){var e=[];return this.each((function(n){null!==n&&(n=n[t]),e.push(n)})),ln(e,this)},set:function(e){this.each((function(n){n&&t in n&&(n[t]=e)}))}}))}for(var dn in cn)un(dn);function hn(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return new sn(e)}window&&(window.NL=hn);const pn=hn;const fn={isRightAlign:function(t){var e=0,n=window.innerWidth,i=(window.innerHeight,t.getBoundingClientRect());if(void 0===i)return!0;i.y;var o=i.x,r=i.x+t.offsetWidth;return i.y,t.offsetHeight,!(o<0)&&(o<e||!(r>n))},preventOverflow:function(t){t.removeAttribute("style");var e=0,n=(window.innerWidth,window.innerHeight),i=t.getBoundingClientRect();if(void 0!==i){var o=i.y,r=(i.x,i.x,t.offsetWidth,i.y+t.offsetHeight);r>n?t.setAttribute("style","bottom: auto; top: ".concat(-(r-n),"px;")):o<e&&t.setAttribute("style","top: auto; bottom: ".concat(-(e-o),"px;"))}}};function mn(t){for(var e=t,n=t;n;)n.classList&&n.classList.contains("dropdown-menu")&&(e=n),n=n.parentNode;if(e.offsetWidth>window.innerWidth)e.setAttribute("style","left: 0px;");else{var i=e.parentNode.getBoundingClientRect(),o=i.left+e.offsetWidth-window.innerWidth,r=o<0?i.left:i.left-o;e.setAttribute("style","left: ".concat(r,"px;"))}}const vn=qe({props:{addClass:{type:String,default:""},disabled:{type:[Boolean,String],default:!1}},data:function(){return{show:!1,dropright:!0,dropleft:!1}},inject:{isParentNavbar:{default:!1}},computed:{disabledBool:function(){return Re(this.disabled)}},methods:{hideSubmenu:function(){this.show=!1,pn(this.$refs.submenu).find("ul.dropdown-menu").each((function(t){return t.classList.toggle("show",!1)})),this.alignMenuRight()},showSubmenu:function(){var t=this;this.show=!0,pn(this.$refs.submenu).findChildren("ul").each((function(e){e.classList.toggle("show",!0),window.innerWidth<768&&t.isParentNavbar?mn(e):(fn.isRightAlign(e)?t.alignMenuRight():t.alignMenuLeft(),fn.preventOverflow(e))}))},alignMenuRight:function(){this.dropright=!0,this.dropleft=!1},alignMenuLeft:function(){this.dropright=!1,this.dropleft=!0}},mounted:function(){var t=this,e=pn(this.$refs.submenu);this.show&&this.showSubmenu(),e.onBlur((function(){t.hideSubmenu()}),!1),e.findChildren("a,button").on("click",(function(e){return e.preventDefault(),e.stopPropagation(),t.disabledBool||(t.show?t.hideSubmenu():t.showSubmenu()),!1})),e.findChildren("a,button").on("mouseover",(function(n){if(n.preventDefault(),window.innerWidth>767){if(e.findChildren("ul.show").length>0||t.disabledBool)return!1;n.currentTarget.click(),t.$parent.$parent.$children.forEach((function(e){e.$el===t.$el?e.$refs.submenu.showSubmenu():e.$refs.submenu.hideSubmenu()}))}return!1}))},beforeDestroy:function(){var t=pn(this.$refs.submenu);t.offBlur(),t.findChildren("a,button").off(),t.findChildren("ul").off()}},Ye,[],!1,null,"3c82541c",null).exports;const gn=qe({components:{Submenu:vn},props:{disabled:{type:[Boolean,String],default:!1},type:{type:String,default:"light"},menuAlignRight:{type:Boolean,default:!1},addClass:{type:String,default:""}},provide:{hasParentDropdown:!0},inject:{hasParentDropdown:{default:void 0},isParentNavbar:{default:!1}},data:function(){return{show:!1}},computed:{btnType:function(){return"btn-".concat(this.type)},disabledBool:function(){return Re(this.disabled)},isLi:function(){return this.$parent._navbar||this.$parent.menu||this.$parent._tabset},isSubmenu:function(){return this.hasParentDropdown},menu:function(){return!this.$parent||this.$parent.navbar},submenu:function(){return this.$parent&&(this.$parent.menu||this.$parent.submenu)},slots:function(){return this.$scopedSlots.default},hasBefore:function(){return!!this.$scopedSlots.before},btnWithBefore:function(){return this.hasBefore?"btn-with-before":""}},methods:{blur:function(){var t=this;this.unblur(),this._hide=setTimeout((function(){t._hide=null,t.hideDropdownMenu()}),100)},unblur:function(){this._hide&&(clearTimeout(this._hide),this._hide=null)},hideDropdownMenu:function(){var t=this;this.show=!1,pn(this.$refs.dropdown).findChildren("ul").each((function(e){e.classList.toggle("show",!1),window.innerWidth<768&&t.isParentNavbar&&e.style.removeProperty("left")}))},showDropdownMenu:function(){var t=this;this.show=!0,pn(this.$refs.dropdown).findChildren("ul").each((function(e){e.classList.toggle("show",!0),window.innerWidth<768&&t.isParentNavbar&&mn(e)}))}},mounted:function(){var t=this,e=pn(this.$refs.dropdown);this.$slots.button&&e.findChildren(".dropdown-toggle").forEach((function(t){return t.setAttribute("data-bs-toggle","dropdown")})),this.show&&this.showDropdownMenu(),e.onBlur((function(){t.hideDropdownMenu()}),!1),e.findChildren("a,button.dropdown-toggle").on("click",(function(e){return e.preventDefault(),t.disabledBool||(t.show?t.hideDropdownMenu():t.showDropdownMenu()),!1})),e.findChildren("ul").on("click","li>a",(function(e){e.target.classList.contains("submenu-toggle")||t.hideDropdownMenu()}))},beforeDestroy:function(){var t=pn(this.$refs.dropdown);t.offBlur(),t.findChildren("a,button").off(),t.findChildren("ul").off()}},Xe,[],!1,null,"ccda25c0",null).exports;var yn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("nav",{ref:"navbar",class:["navbar","navbar-expand-md","d-print-none",t.themeOptions,t.addClass,t.fixedOptions]},[n("div",{staticClass:"container-fluid"},[n("div",{staticClass:"navbar-left"},[t._t("brand")],2),t._v(" "),n("div",{ref:"navbarDefault",staticClass:"navbar-default"},[n("ul",{staticClass:"navbar-nav me-auto mt-2 mt-lg-0"},[t._t("default")],2)]),t._v(" "),t.slots.right?n("ul",{staticClass:"navbar-nav navbar-right"},[t._t("right")],2):t._e()])]),t._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:t.isLowerNavbarShowing,expression:"isLowerNavbarShowing"}],ref:"lowerNavbar",staticClass:"lower-navbar-container"},[t._t("lower-navbar",(function(){return[n("site-nav-button"),t._v(" "),n("page-nav-button")]}))],2)])};function wn(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n<e;n++)i[n]=t[n];return i}function bn(t,e){if(t){if("string"==typeof t)return wn(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?wn(t,e):void 0}}function _n(t){return function(t){if(Array.isArray(t))return wn(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||bn(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Sn(t){return t.endsWith(".html")?t.toLowerCase():t.endsWith("/")?"".concat(t,"index.html").toLowerCase():t.endsWith("/")?t.toLowerCase():"".concat(t,".html").toLowerCase()}yn._withStripped=!0;var xn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.showSiteNav?n("overlay",{attrs:{type:"siteNav","portal-name":t.portalName},scopedSlots:t._u([{key:"navMenuIcon",fn:function(){return[n("div",{class:["toggle-site-nav-button"]},[n("span"),t._v(" "),n("span"),t._v(" "),n("span")])]},proxy:!0}],null,!1,3920804522)}):t._e()};xn._withStripped=!0;const Cn=qe({data:function(){return{portalName:void 0,show:!1}},computed:{showSiteNav:function(){return this.show&&this.portalName}},methods:{toggleSiteNavButton:function(){window.innerWidth<992?this.show=!0:this.show=!1}},mounted:function(){null!==document.querySelector("#site-nav a")?this.portalName="site-nav":null!==document.querySelector(".site-nav-root a")&&(this.portalName="mb-site-nav"),this.toggleSiteNavButton(),pn(window).on("resize",this.toggleSiteNavButton)},beforeDestroy:function(){pn(window).off("resize",this.toggleSiteNavButton)}},xn,[],!1,null,"d6ffaa8e",null).exports;var $n=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.showPageNav?n("overlay",{attrs:{type:"pageNav","portal-name":t.portalName},scopedSlots:t._u([{key:"navMenuIcon",fn:function(){return[n("div",{class:["toggle-page-nav-button"]},[n("span"),t._v(" "),n("span"),t._v(" "),n("span")])]},proxy:!0}],null,!1,171840498)}):t._e()};$n._withStripped=!0;const kn=qe({data:function(){return{portalName:void 0,show:!1}},computed:{showPageNav:function(){return this.show&&this.portalName}},methods:{togglePageNavButton:function(){window.innerWidth<1300?this.show=!0:this.show=!1}},mounted:function(){null!==document.querySelector("#page-nav a")?this.portalName="page-nav":null!==document.querySelector("#mb-page-nav a")&&(this.portalName="mb-page-nav"),this.togglePageNavButton(),pn(window).on("resize",this.togglePageNavButton)},beforeDestroy:function(){pn(window).off("resize",this.togglePageNavButton)}},$n,[],!1,null,"4b08b1df",null).exports;const Tn=qe({components:{SiteNavButton:Cn,PageNavButton:kn},props:{type:{type:String,default:"primary"},addClass:{type:String,default:""},fixed:{type:[Boolean,String],default:!1},defaultHighlightOn:{type:String,default:"sibling-or-child"}},provide:function(){return{toggleLowerNavbar:this.toggleLowerNavbar,isParentNavbar:!0}},data:function(){return{id:"bs-example-navbar-collapse-1",styles:{},isLowerNavbarShowing:!1}},computed:{fixedBool:function(){return Re(this.fixed)},fixedOptions:function(){return this.fixedBool?"navbar-fixed":""},slots:function(){return this.$scopedSlots},themeOptions:function(){switch(this.type){case"none":return"";case"light":return"navbar-light bg-light";case"dark":return"navbar-dark bg-dark";case"primary":default:return"navbar-dark bg-primary"}}},methods:{splitUrl:function(t){var e=new URL(Sn(t));return"".concat(e.pathname).substr(1).split("/")},isEqualExceptLast:function(t,e){for(var n=0;n<t.length-1;n+=1)if(t[n]!==e[n])return!1;return!0},isSibling:function(t,e){var n=this.splitUrl(e),i=this.splitUrl(t);return n.length===i.length&&this.isEqualExceptLast(n,i)},isChild:function(t,e){var n=this.splitUrl(e),i=this.splitUrl(t);return!(i.length<=n.length)&&this.isEqualExceptLast(n,i)},isExact:function(t,e){return Sn(t)===Sn(e)},addClassIfDropdown:function(t,e,n){t.includes(e)&&(e.classList.add("dropdown-current"),this.addClassIfSubmenu(e,n))},addClassIfSubmenu:function(t,e){for(var n=t.parentElement;n!==e;)n.classList.contains("dropdown-submenu")&&pn(n).findChildren("a").each((function(t){return t.classList.add("dropdown-current")})),n=n.parentElement},highlightLink:function(t){var e=this.defaultHighlightOn,n=[];this.$el.querySelectorAll(".navbar-nav").forEach((function(t){return n.push.apply(n,_n(Array.from(t.children)))}));for(var i=0;i<n.length;i+=1)for(var o=n[i],r=[o],s=Array.from(o.querySelectorAll("a.nav-link")),a=Array.from(o.querySelectorAll("a.dropdown-item")),l=r.concat(s).concat(a).filter((function(t){return t.href})),c=0;c<l.length;c+=1){var u=l[c];if("none"!==(u.getAttribute("highlight-on")||e)&&this.isExact(t,u.href))return o.classList.add("current"),void this.addClassIfDropdown(a,u,o)}for(var d=0;d<n.length;d+=1)for(var h=n[d],p=[h],f=Array.from(h.querySelectorAll("a.nav-link")),m=Array.from(h.querySelectorAll("a.dropdown-item")),v=p.concat(f).concat(m).filter((function(t){return t.href})),g=0;g<v.length;g+=1){var y=v[g],w=y.getAttribute("highlight-on")||e;if("none"!==w)if("sibling-or-child"===w){if(this.isSibling(t,y.href)||this.isChild(t,y.href))return h.classList.add("current"),void this.addClassIfDropdown(m,y,h)}else if("sibling"===w){if(this.isSibling(t,y.href))return h.classList.add("current"),void this.addClassIfDropdown(m,y,h)}else if("child"===w&&this.isChild(t,y.href))return h.classList.add("current"),void this.addClassIfDropdown(m,y,h)}},toggleLowerNavbar:function(){this.$refs.lowerNavbar.childElementCount>0?this.isLowerNavbarShowing=!0:this.isLowerNavbarShowing=!1}},created:function(){this._navbar=!0},mounted:function(){var t=this,e=pn('.dropdown>[data-bs-toggle="dropdown"]',this.$el).parent();e.on("click",".dropdown-toggle",(function(t){t.preventDefault(),e.each((function(e){e.contains(t.target)&&e.classList.toggle("open")}))})).on("click",".dropdown-menu>li>a",(function(t){e.each((function(e){e.contains(t.target)&&e.classList.remove("open")}))})).onBlur((function(t){e.each((function(e){e.contains(t.target)||e.classList.remove("open")}))})),this.highlightLink(window.location.href);var n=pn(this.$refs.navbarDefault).find(".current")[0];n&&window.innerWidth<768&&n.offsetLeft+n.offsetWidth>window.innerWidth&&(this.$refs.navbarDefault.scrollLeft=n.offsetLeft+n.offsetWidth-window.innerWidth),this.toggleLowerNavbar(),pn(window).on("resize",this.toggleLowerNavbar),pn(this.$refs.navbarDefault).on("wheel",(function(e){window.innerWidth<768&&!function(t){for(var e=0;e<t.length;e+=1)if(t[e].classList&&t[e].classList.contains("dropdown-menu"))return!0;return!1}(e.path)&&(e.preventDefault(),t.$refs.navbarDefault.scrollLeft+=e.deltaY)}))},beforeDestroy:function(){pn(".dropdown",this.$el).off("click").offBlur(),pn(window).off("resize",this.toggleLowerNavbar),pn(this.$refs.navbarDefault).off("wheel")}},yn,[],!1,null,"7c0fd418",null).exports;var En=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.isMinimal?n("minimal-panel",t._b({attrs:{"panel-id":t.panelId},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(){return[t._t(n)]},proxy:!0}}))],null,!0)},"minimal-panel",t.$attrs,!1)):n("nested-panel",t._b({attrs:{"panel-id":t.panelId,type:t.type},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(){return[t._t(n)]},proxy:!0}}))],null,!0)},"nested-panel",t.$attrs,!1))};En._withStripped=!0;var On=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.localMinimized?n("span",{ref:"cardContainer",class:["card-container",t.addClass]},[n("span",{staticClass:"morph"},[n("button",{class:["morph-display-wrapper","btn",t.btnType],on:{click:function(e){return t.open()}}},[t.noMinimizedSwitch?t._e():n("div",{staticClass:"minimal-caret-wrapper"},[n("span",{class:["glyphicon","glyphicon-chevron-right"]})]),t._v(" "),n("span",{staticClass:"card-title"},[t._t("_alt",(function(){return[t._t("header")]}))],2)])])]):n("div",{ref:"cardContainer",class:["card-container",t.addClass]},[n("div",{class:["card",{"expandable-card":t.isExpandableCard},t.borderType]},[n("div",{class:["card-header",{"header-toggle":t.isExpandableCard},t.cardType,t.borderType],on:{click:function(e){e.preventDefault(),e.stopPropagation(),t.isExpandableCard&&t.toggle()}}},[n("div",{staticClass:"caret-wrapper"},[t.showCaret?n("span",{class:["glyphicon",t.localExpanded?"glyphicon-chevron-down":"glyphicon-chevron-right"]}):t._e()]),t._v(" "),n("div",{ref:"headerWrapper",class:["header-wrapper card-title",t.cardType,{"text-white":!t.isLightBg,"header-transparent":!t.shouldShowHeader}]},[t._t("header")],2),t._v(" "),n("div",{staticClass:"button-wrapper"},[t._t("button",(function(){return[n("panel-switch",{directives:[{name:"show",rawName:"v-show",value:t.isExpandableCard&&!t.noSwitchBool&&!t.showCaret,expression:"isExpandableCard && !noSwitchBool && !showCaret"}],attrs:{"is-open":t.localExpanded,"is-light-bg":t.isLightBg}}),t._v(" "),n("button",{directives:[{name:"show",rawName:"v-show",value:!t.noCloseBool,expression:"!noCloseBool"}],staticClass:"close-button btn",class:[t.isLightBg?"btn-outline-secondary":"btn-outline-light",{"seamless-button":t.isSeamless}],attrs:{type:"button"},on:{click:function(e){return e.stopPropagation(),t.close()}}},[n("span",{staticClass:"glyphicon glyphicon-remove",attrs:{"aria-hidden":"true"}})]),t._v(" "),n("button",{directives:[{name:"show",rawName:"v-show",value:t.popupUrl,expression:"popupUrl"}],staticClass:"popup-button btn",class:[t.isLightBg?"btn-outline-secondary":"btn-outline-light",{"seamless-button":t.isSeamless}],attrs:{type:"button"},on:{click:function(e){return e.stopPropagation(),t.openPopup()}}},[n("span",{staticClass:"glyphicon glyphicon-new-window",attrs:{"aria-hidden":"true"}})])]}))],2)]),t._v(" "),n("div",{ref:"panel",staticClass:"card-collapse",class:{"card-peek-collapsed":t.shouldShowPeek}},[t.wasRetrieverLoaded||t.preloadBool?n("div",{staticClass:"card-body"},[t._t("default"),t._v(" "),t.hasSrc?n("retriever",{ref:"retriever",attrs:{src:t.srcWithoutFragment,fragment:t.fragment},on:{"src-loaded":t.retrieverUpdateMaxHeight}}):t._e(),t._v(" "),n("div",{staticClass:"bottom-button-wrapper"},[n("panel-switch",{directives:[{name:"show",rawName:"v-show",value:t.isExpandableCard&&t.bottomSwitchBool,expression:"isExpandableCard && bottomSwitchBool"}],attrs:{"is-open":t.localExpanded},nativeOn:{click:function(e){return e.stopPropagation(),e.preventDefault(),t.toggle(!0)}}})],1)],2):t._e(),t._v(" "),n("hr",{directives:[{name:"show",rawName:"v-show",value:t.isSeamless,expression:"isSeamless"}]})]),t._v(" "),n("transition",{attrs:{name:"peek-read-more-fade"}},[t.shouldShowPeek?n("div",{staticClass:"peek-read-more glyphicon glyphicon-chevron-down",on:{click:function(e){return t.toggle()}}}):t._e()])],1)])};On._withStripped=!0;const Bn={props:{type:{type:String,default:null},expandable:{type:[Boolean,String],default:!0},isOpen:{type:[Boolean,String],default:null},expanded:{type:[Boolean,String],default:null},minimized:{type:[Boolean,String],default:!1},noMinimizedSwitch:{type:[Boolean,String],default:!1},noSwitch:{type:[Boolean,String],default:!1},noClose:{type:[Boolean,String],default:!1},popupUrl:{type:String,default:null},src:{type:String},bottomSwitch:{type:[Boolean,String],default:!0},preload:{type:[Boolean,String],default:!1},addClass:{type:String,default:""},expandHeaderless:{type:Boolean,default:!1},peek:{type:Boolean,default:!1},panelId:{type:String,default:null}},computed:{expandableBool:function(){return Re(this.expandable)},isOpenBool:function(){return Re(this.isOpen)},expandedBool:function(){return Re(this.expanded)},minimizedBool:function(){return Re(this.minimized)},noSwitchBool:function(){return Re(this.noSwitch)},noCloseBool:function(){return Re(this.noClose)},bottomSwitchBool:function(){return Re(this.bottomSwitch)},preloadBool:function(){return Re(this.preload)},hasHeaderBool:function(){return this.$scopedSlots.header},isExpandableCard:function(){return this.expandableBool},hasId:function(){return this.panelId},hasSrc:function(){return this.src&&this.src.length>0},srcWithoutFragment:function(){return this.src.split("#")[0]},shouldShowHeader:function(){return!this.localExpanded||!this.expandHeaderless},shouldShowPeek:function(){return this.peek&&!this.localExpanded},collapsedPanelHeight:function(){return this.peek?125:0}},data:function(){return{localExpanded:!1,localMinimized:!1,wasRetrieverLoaded:!1,isRetrieverLoadDone:!this.src,fragment:""}},methods:{toggle:function(t){var e=this;this.wasRetrieverLoaded?(this.localExpanded?(t&&(this.$refs.panel.style.maxHeight="".concat(this.$refs.panel.scrollHeight,"px")),requestAnimationFrame((function(){if(e.$el.getBoundingClientRect().top<0){var n,i=document.querySelector("header[sticky]");if(null==i)n=0;else{var o=window.getComputedStyle(i,null);n=i.clientHeight-parseFloat(o.paddingTop)-parseFloat(o.paddingBottom)||0}window.scrollTo({top:window.scrollY+e.$el.getBoundingClientRect().top-n-3,left:0,behavior:t?"smooth":"instant"})}e.$refs.panel.style.maxHeight="".concat(e.collapsedPanelHeight,"px")}))):(this.$refs.panel.style.transition="max-height 0.5s ease-in-out",this.$refs.panel.style.maxHeight="".concat(this.$refs.panel.scrollHeight,"px")),this.localExpanded=!this.localExpanded):this.open()},close:function(){this.localMinimized=!0,this.localExpanded=!1},open:function(){var t=this;this.localMinimized=!1,this.$nextTick((function(){t.initPanel(),t.localExpanded=!0,t.wasRetrieverLoaded=!0,t.$nextTick((function(){t.$refs.panel.style.maxHeight="".concat(t.$refs.panel.scrollHeight,"px")}))}))},openPopup:function(){window.open(this.popupUrl)},retrieverUpdateMaxHeight:function(){this.isRetrieverLoadDone=!0,this.localExpanded&&(this.expandedBool?this.$refs.panel.style.maxHeight="none":this.$refs.panel.style.maxHeight="".concat(this.$refs.panel.scrollHeight,"px"))},initPanel:function(){var t=this;this.$refs.panel.addEventListener("transitionend",(function(e){t.localExpanded&&t.isRetrieverLoadDone&&e.target===t.$refs.panel&&(t.$refs.panel.style.maxHeight="none")})),this.localExpanded?this.$refs.panel.style.maxHeight="none":this.$refs.panel.style.maxHeight="".concat(this.collapsedPanelHeight,"px")}},created:function(){if(this.src){var t=Ie(this.src);t&&(this.fragment=t)}var e=!this.expandableBool&&"false"!==this.expanded;this.localExpanded=e||this.expandedBool,null===this.localExpanded&&(this.localExpanded=!1),this.wasRetrieverLoaded=this.localExpanded||this.peek,this.localMinimized=this.minimizedBool},mounted:function(){this.localMinimized||this.initPanel()}};var Pn=function(){var t=this.$createElement,e=this._self._c||t;return e("button",{class:["collapse-button","btn",this.isLightBg?"btn-outline-secondary":"btn-outline-light"],attrs:{type:"button"}},[e("span",{class:["collapse-icon","glyphicon","glyphicon-menu-down",{opened:this.isOpenBool}],attrs:{"aria-hidden":"true"}})])};Pn._withStripped=!0;const Ln=qe({props:{isOpen:{type:[Boolean,String],default:!1},isLightBg:{type:Boolean,default:!0}},computed:{isOpenBool:function(){return Re(this.isOpen)}}},Pn,[],!1,null,null,null).exports;var Nn=function(){var t=this.$createElement;return(this._self._c||t)("div",[this._v("\n  Loading...\n")])};function An(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}Nn._withStripped=!0;const zn=qe({props:{src:{type:String,default:null},fragment:{type:String,default:null},delay:{type:[Boolean,String],default:!1},hasFetched:{type:Boolean,default:!1}},data:function(){return{hasFetchedCopy:this.hasFetched}},computed:{delayBool:function(){return Re(this.delay)},hash:function(){return Ie(this.src)||this.fragment},srcWithoutHash:function(){return this.src.split("#")[0]}},methods:{fetch:function(t){function e(){return t.apply(this,arguments)}return e.toString=function(){return t.toString()},e}((function(){var t=this;this.srcWithoutHash&&(this.hasFetchedCopy||fetch(this.srcWithoutHash).then((function(t){return t.text()})).then((function(e){var i=e;if(t.hash){var o=document.implementation.createHTMLDocument("");o.body.innerHTML=i,o.querySelectorAll("svg > script").forEach((function(t){return t.remove()})),i=o.querySelector("#".concat(t.hash)).innerHTML}if(t.hasFetchedCopy=!0,void 0===i&&t.hash)t.$el.innerHTML="<strong>Error</strong>: Failed to retrieve page fragment:"+" ".concat(t.srcWithoutHash,"#").concat(t.hash);else{var r=function(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?An(Object(i),!0).forEach((function(e){n(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):An(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}({},t.$root.$data);(new(Vue.extend({template:"<div>\n".concat(i,"\n</div>"),data:function(){return r}}))).$mount(t.$el),t.$emit("src-loaded")}})).catch((function(e){console.error(e),t.$el.innerHTML="<strong>Error</strong>: Failed to retrieve content from source: "+"<em>".concat(t.srcWithoutHash,"</em>"),t.$emit("src-loaded")})))}))},mounted:function(){this.$nextTick((function(){this.srcWithoutHash||(this.$el.innerHTML=""),this.delayBool||this.fetch()}))}},Nn,[],!1,null,null,null).exports;const Mn=qe({mixins:[Bn],components:{panelSwitch:Ln,retriever:zn},computed:{showCaret:function(){return this.isSeamless&&this.expandableBool},isSeamless:function(){return"seamless"===this.type},btnType:function(){return this.isSeamless||"light"===this.type?"btn-outline-secondary":"btn-outline-".concat(this.type||"secondary")},borderType:function(){return this.isSeamless?"border-0":this.type?"light"===this.type?"":"border-".concat(this.type):""},cardType:function(){return this.isSeamless?"bg-white":"bg-".concat(this.type||"light")},isLightBg:function(){return"bg-light"===this.cardType||"bg-white"===this.cardType||"bg-warning"===this.cardType}}},On,[],!1,null,"3602e6fc",null).exports;var Hn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.localMinimized?n("span",{ref:"cardContainer",class:["card-container",t.addClass]},[t.hasId?n("span",{staticClass:"anchor",attrs:{id:t.panelId}}):t._e(),t._v(" "),n("span",{staticClass:"morph"},[n("button",{staticClass:"morph-display-wrapper btn card-title morph-title",on:{click:function(e){return t.minimalOpen()}}},[t.noMinimizedSwitch?t._e():n("div",{class:["glyphicon","glyphicon-chevron-right"]}),t._v(" "),t._t("_alt",(function(){return[n("span",{staticClass:"card-title"},[t._t("header")],2)]}))],2)])]):n("div",{ref:"cardContainer",class:["card-container",t.addClass]},[t.hasId?n("span",{staticClass:"anchor",attrs:{id:t.panelId}}):t._e(),t._v(" "),n("div",{staticClass:"card card-flex"},[n("div",{class:["header-wrapper",{"header-wrapper-bottom":t.isHeaderAtBottom,"header-toggle":t.isExpandableCard}],on:{click:function(e){e.preventDefault(),e.stopPropagation(),t.isExpandableCard&&t.minimalToggle()}}},[n("transition",{attrs:{name:"header-fade"}},[n("span",{directives:[{name:"show",rawName:"v-show",value:!t.isHeaderAtBottom,expression:"!isHeaderAtBottom"}],ref:"headerWrapper",class:["card-title",{ellipses:!t.hasHeaderBool}]},[n("span",{staticClass:"card-title-inline"},[t._t("header")],2),t._v(" "),n("span",{directives:[{name:"show",rawName:"v-show",value:t.showDownSwitch,expression:"showDownSwitch"}],staticClass:"minimal-button glyphicon glyphicon-menu-down minimal-menu-down",attrs:{"aria-hidden":"true"}})])]),t._v(" "),n("div",{class:["button-wrapper",{"button-wrapper-expanded":t.isHeaderAtBottom}]},[t._t("button",(function(){return[n("button",{directives:[{name:"show",rawName:"v-show",value:!t.noCloseBool,expression:"!noCloseBool"}],staticClass:"minimal-button",attrs:{type:"button"},on:{click:function(e){return e.stopPropagation(),t.minimalClose()}}},[n("span",{staticClass:"glyphicon glyphicon-remove minimal-close-button",attrs:{"aria-hidden":"true"}})]),t._v(" "),n("button",{directives:[{name:"show",rawName:"v-show",value:null!==t.popupUrl,expression:"popupUrl !== null"}],staticClass:"minimal-button",attrs:{type:"button"},on:{click:function(e){return e.stopPropagation(),t.openPopup()}}},[n("span",{staticClass:"glyphicon glyphicon-new-window minimal-popup-button",attrs:{"aria-hidden":"true"}})]),t._v(" "),n("button",{directives:[{name:"show",rawName:"v-show",value:t.isHeaderAtBottom&&t.isExpandableCard&&t.bottomSwitchBool,expression:"isHeaderAtBottom && isExpandableCard && bottomSwitchBool"}],staticClass:"minimal-button",attrs:{type:"button"}},[n("span",{staticClass:"glyphicon glyphicon-menu-up minimal-menu-up",attrs:{"aria-hidden":"true"}})])]}))],2)],1),t._v(" "),n("div",{ref:"panel",staticClass:"card-collapse",class:{"card-peek-collapsed":t.shouldShowPeek}},[t.wasRetrieverLoaded||t.preloadBool?n("div",{staticClass:"card-body"},[t._t("default"),t._v(" "),t.hasSrc?n("retriever",{ref:"retriever",attrs:{src:t.srcWithoutFragment,fragment:t.fragment},on:{"src-loaded":t.retrieverUpdateMaxHeight}}):t._e()],2):t._e()])])])};Hn._withStripped=!0;var Dn=qe({mixins:[Bn],components:{retriever:zn},data:function(){return{isHeaderAtBottom:!1}},computed:{showDownSwitch:function(){return this.hasHeaderBool&&this.isExpandableCard&&!this.noSwitchBool}},methods:{minimalToggle:function(){var t=this;if(this.localExpanded){this.$refs.panel.addEventListener("transitionend",(function e(n){n.target===t.$refs.panel&&(t.isHeaderAtBottom=!1,t.$refs.panel.removeEventListener("transitionend",e))}))}else this.isHeaderAtBottom=!0;this.toggle(!0)},minimalOpen:function(){this.open(),this.isHeaderAtBottom=!0},minimalClose:function(){this.close(),this.isHeaderAtBottom=!1}},created:function(){this.isHeaderAtBottom=this.localExpanded}},Hn,[],!1,null,"6cec1f15",null);const Rn=qe({components:{nestedPanel:Mn,minimalPanel:Dn.exports},props:{panelId:{type:String,default:null},type:{type:String,default:null}},computed:{isMinimal:function(){return"minimal"===this.type}}},En,[],!1,null,null,null).exports;var jn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:["annotate-image-wrapper",t.addClass]},[n("img",{ref:"pic",staticClass:"annotate-image",attrs:{src:t.src,alt:t.alt,width:t.computedWidth,height:t.computedHeight,loading:t.computedLoadType},on:{"~load":function(e){return t.computeWidthAndHeight.apply(null,arguments)}}}),t._v(" "),n("div",{staticStyle:{top:"0",left:"0",height:"0"}},[t._t("default")],2)])};jn._withStripped=!0;const In=qe({props:{src:{type:String,default:null},alt:{type:String,default:null},height:{type:String,default:""},width:{type:String,default:""},lazy:{type:Boolean,default:!1},addClass:{type:String,default:""}},computed:{hasWidth:function(){return""!==this.width},hasHeight:function(){return""!==this.height},computedWidth:function(){return this.hasWidth?this.width:this.widthFromHeight},computedHeight:function(){return this.heightFromWidth},computedLoadType:function(){return this.lazy?"lazy":"eager"}},data:function(){return{widthFromHeight:"",heightFromWidth:""}},methods:{computeWidthAndHeight:function(){var t=this.$refs.pic,e=t.naturalHeight,n=t.naturalWidth/e;this.hasWidth?this.heightFromWidth=Math.round(je(this.width)/n).toString():this.hasHeight&&(this.widthFromHeight=Math.round(je(this.height)*n).toString(),this.heightFromWidth=this.height)}},provide:function(){return{width:this.width,height:this.height,src:this.src}}},jn,[],!1,null,null,null).exports;var qn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[t.hasBottomText&&t.hasLabel?n("div",{staticClass:"legend-wrapper"},[n("div",{staticClass:"text-header"},[t._v("\n      "+t._s(t.computedBottomHeader)+"\n    ")]),t._v(" "),t.hasContent?n("div",[t._t("content")],2):t._e()]):t._e(),t._v(" "),n("div",{staticClass:"annotate-point"},[t.isMounted?n("div",{staticClass:"popover-annotation"},[n("div",{style:t.pointPosition},[t.isMounted?n("v-popover",{attrs:{placement:t.placement,delay:0,triggers:t.triggers,"popper-triggers":t.triggers,"hide-triggers":t.triggers,distance:t.computeDistance,disabled:!t.hasPopover,skidding:t.computeSkidding,"arrow-padding":t.computeArrowPadding,"shift-cross-axis":""},scopedSlots:t._u([{key:"popper",fn:function(){return[t.hasContent||t.hasHeader?n("div",{staticClass:"popover-container"},[t.hasHeader?n("h3",{staticClass:"popover-header"},[t._t("header")],2):t._e(),t._v(" "),t.hasContent?n("div",{staticClass:"popover-body"},[t._t("content")],2):t._e()]):t._e()]},proxy:!0}],null,!0)},[n("div",{staticClass:"hover-wrapper"},[t._t("default",(function(){return[n("button",{staticClass:"hover-point",style:t.pointStyle})]})),t._v(" "),n("div",{staticClass:"hover-label",style:t.labelStyle},[t._t("label")],2)],2)]):t._e()],1)]):t._e()])])};qn._withStripped=!0;const Wn=qe({props:{content:{type:String,default:""},header:{type:String,default:""},placement:{type:String,default:"top"},x:{type:String,default:null},y:{type:String,default:null},color:{type:String,default:"green"},textColor:{type:String,default:"black"},fontSize:{type:String,default:"14"},opacity:{type:String,default:"0.3"},size:{type:String,default:"40"},label:{type:String,default:""},legend:{type:String,default:"popover"},trigger:{type:String,default:"click"}},data:function(){return{targetEl:{},isMounted:!1,width:this.width,height:this.height,src:this.src}},inject:["width","height","src"],computed:{pointPosition:function(){var t=this;this.computeImage((function(){t.width=t.parentEl.offsetWidth,t.height=t.parentEl.offsetHeight}));var e=100*(this.toDecimal(this.x)-this.size/2/this.width),n=100*(this.toDecimal(this.y)-this.size/2/this.height);return{left:"".concat(e,"%"),top:"".concat(n,"%"),position:"absolute",pointerEvents:"all"}},pointStyle:function(){var t=this.hasPopover?"pointer":"default";return{backgroundColor:this.color,opacity:this.opacity,width:"".concat(this.size,"px"),height:"".concat(this.size,"px"),cursor:t}},labelStyle:function(){return{fontSize:"".concat(Math.min(this.fontSize,this.size),"px"),color:this.textColor}},triggers:function(){return this.trigger.split(" ")},computeDistance:function(){return"top"===this.placement?je(this.size*(2/3)):je(this.size/10)},computeSkidding:function(){return"left"===this.placement||"right"===this.placement?-je(this.size/4):0},computeArrowPadding:function(){return"left"===this.placement||"right"===this.placement?je(this.size/2):0},hasHeader:function(){return!!this.$scopedSlots.header},hasContent:function(){return!!this.$scopedSlots.content},hasWidth:function(){return""!==this.width},hasHeight:function(){return""!==this.height},hasLabel:function(){return!!this.$scopedSlots.label},hasBottomText:function(){return"bottom"===this.legend||"both"===this.legend},hasPopover:function(){return(this.hasContent||this.hasHeader)&&("popover"===this.legend||"both"===this.legend)},computedBottomHeader:function(){return""!==this.label&&""===this.header?this.label:""===this.label&&""!==this.header?this.header:"".concat(this.label,": ").concat(this.header)}},methods:{computeImage:function(t){var e=new Image;e.onload=function(){t()},e.src=this.src},toDecimal:function(t){return parseFloat(t)/100}},mounted:function(){this.targetEl=this.$el,this.isMounted=!0,this.parentEl=this.$el.parentElement.parentElement.querySelector(".annotate-image")}},qn,[],!1,null,null,null).exports;var Fn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("span",{class:["image-wrapper",t.addClass]},[n("img",{ref:"pic",staticClass:"img-fluid rounded",attrs:{src:t.src,alt:t.alt,width:t.computedWidth,height:t.computedHeight,loading:t.computedLoadType},on:{"~load":function(e){return t.computeWidthAndHeight.apply(null,arguments)}}}),t._v(" "),n("span",{staticClass:"image-caption"},[t._t("default")],2)])};Fn._withStripped=!0;const Vn=qe({props:{src:{type:String,default:null},alt:{type:String,default:null},height:{type:String,default:""},width:{type:String,default:""},lazy:{type:Boolean,default:!1},addClass:{type:String,default:""}},computed:{hasWidth:function(){return""!==this.width},hasHeight:function(){return""!==this.height},computedWidth:function(){return this.hasWidth?this.width:this.widthFromHeight},computedHeight:function(){return this.heightFromWidth},computedLoadType:function(){return this.lazy?"lazy":"eager"}},data:function(){return{widthFromHeight:"",heightFromWidth:""}},methods:{computeWidthAndHeight:function(){var t=this.$refs.pic,e=t.naturalHeight,n=t.naturalWidth/e;this.hasWidth?this.heightFromWidth=Math.round(je(this.width)/n).toString():this.hasHeight&&(this.widthFromHeight=Math.round(je(this.height)*n).toString(),this.heightFromWidth=this.height)}}},Fn,[],!1,null,null,null).exports;var Un=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:["quiz-container",t.addClass]},[n("transition",{attrs:{name:"intro-outro-card"},on:{"after-leave":t.showFirstQuestion}},[3===t.state?n("div",{staticClass:"card intro-outro-card"},[n("div",{staticClass:"card-body"},[t._t("intro",(function(){return[n("h4",[t._v("\n            Click start to begin\n          ")])]})),t._v(" "),n("h5",[t._v(t._s(t.questions.length)+" questions")]),t._v(" "),n("hr"),t._v(" "),n("button",{staticClass:"btn btn-primary d-inline-block",attrs:{type:"button"},on:{click:t.begin}},[t._v("\n          Start\n        ")])],2)]):t._e()]),t._v(" "),n("transition",{attrs:{name:"intro-outro-card"}},[n("div",{directives:[{name:"show",rawName:"v-show",value:4===t.state,expression:"state === 4"}],staticClass:"progress intro-outro-card",staticStyle:{height:"1px"}},[n("div",{staticClass:"progress-bar progress-bar-z",style:{width:t.currentQuestion/t.questions.length*100+"%"},attrs:{role:"progressbar","aria-valuemin":"0","aria-valuemax":t.questions.length,"aria-valuenow":t.currentQuestion}})])]),t._v(" "),t._t("default"),t._v(" "),n("transition",{attrs:{name:"intro-outro-card"},on:{"after-enter":t.setScoreCircleStyles,"after-leave":t.showFirstQuestion}},[5===t.state?n("div",{staticClass:"card intro-outro-card"},[n("div",{staticClass:"card-body"},[n("h4",{staticClass:"mb-3"},[t._v("\n          "+t._s(t.scoreText)+"\n        ")]),t._v(" "),n("svg",{attrs:{viewBox:"0 0 100 100",width:"120px",height:"120px"}},[n("circle",{staticClass:"score-background-circle",attrs:{cx:"50",cy:"50",r:"42"}}),t._v(" "),n("circle",{ref:"score",staticClass:"score-circle",attrs:{cx:"50",cy:"50",r:"42",transform:"rotate(-90, 50, 50)","stroke-dashoffset":"264"}}),t._v(" "),n("text",{staticClass:"score",attrs:{x:"22",y:"57",textLength:"56"}},[t._v(t._s(t.score)+" / "+t._s(t.questions.length))])]),t._v(" "),n("hr"),t._v(" "),n("button",{staticClass:"btn btn-outline-primary",attrs:{type:"button"},on:{click:t.begin}},[t._v("\n          Retry\n        ")])])]):t._e()])],2)};Un._withStripped=!0;const Qn=qe({name:"Quiz",props:{addClass:{type:String,default:null}},data:function(){return{currentQuestion:0,questions:[],score:0,state:3}},provide:function(){return{questions:this.questions,gotoNextQuestion:this.gotoNextQuestion,showNextQuestion:this.showNextQuestion}},computed:{scoreText:function(){return this.score/this.questions.length>.5?"Well done!":"Try again?"}},methods:{gotoNextQuestion:function(){this.questions[this.currentQuestion-1].hide(),this.currentQuestion+=1},showNextQuestion:function(){this.currentQuestion<=this.questions.length?this.questions[this.currentQuestion-1].show():this.complete()},begin:function(){this.currentQuestion=1,this.score=0,this.state=4},showFirstQuestion:function(){this.questions.length&&this.questions[0].show()},reset:function(){this.questions.forEach((function(t){return t.reset()}))},complete:function(){this.score=this.questions.filter((function(t){return 2===t.qState.state})).length,this.state=5,this.reset()},setScoreCircleStyles:function(){var t=this.score/this.questions.length;this.$refs.score.style.strokeDashoffset=264*(1-t),this.$refs.score.style.stroke="#51c2f8"}}},Un,[],!1,null,"2b2275c0",null).exports;var Xn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("transition",{attrs:{name:t.questions?"question":null},on:{"after-leave":t.showNextQuestion}},[t.active?n("div",{class:["card","question",t.shakeClass,t.addClass]},[t.$scopedSlots.header?n("div",{staticClass:"card-header alert-light border-bottom border-light text-dark"},[t._t("header")],2):t._e(),t._v(" "),n("div",{staticClass:"card-body"},[t._t("default"),t._v(" "),t.isTextQuestion()?n("div",{staticClass:"mb-2"},[n("textarea",{directives:[{name:"model",rawName:"v-model",value:t.textareaText,expression:"textareaText"}],staticClass:"form-control",attrs:{disabled:t.qState.answered},domProps:{value:t.textareaText},on:{input:function(e){e.target.composing||(t.textareaText=e.target.value)}}}),t._v(" "),t.qState.answered?n("div",[n("hr"),t._v(" "),t.keywordsSplitTrimmed().length?n("strong",[t._v("\n            Keywords: \n            "),t._l(t.keywordsSplitTrimmed(),(function(e){return n("span",{key:e,staticClass:"badge rounded-pill bg-light text-dark fw-normal"},[t._v("\n              "+t._s(e)+"\n            ")])}))],2):t._e()]):t._e()]):t._e(),t._v(" "),t.qState.answered&&t.isTextQuestion()?n("div",{staticClass:"answer"},[t._t("answer")],2):t._e(),t._v(" "),t.showHint?n("box",{staticClass:"mb-0 mt-3",attrs:{type:"tip"}},[t._t("hint")],2):t._e()],2),t._v(" "),t.showCardFooter?n("div",{staticClass:"card-footer alert-light border-top border-light text-dark"},[1===t.qState.state?n("i",{staticClass:"fa fa-times text-danger border-danger result-icon"}):2===t.qState.state?n("i",{staticClass:"fa fa-check text-success border-success result-icon"}):t._e(),t._v(" "),n("transition-group",{staticClass:"float-end",attrs:{name:"q-btn",tag:"div"}},[t.$scopedSlots.hint&&!t.showHint?n("button",{key:"hint",staticClass:"btn btn-success q-btn ms-1",attrs:{type:"button"},on:{click:function(e){t.showHint=!0}}},[t._v("\n          Hint\n        ")]):t._e(),t._v(" "),0!==t.qState.state||t.isTextWithoutKeywords()&&!t.$scopedSlots.answer?t._e():n("button",{key:"check",staticClass:"btn btn-primary q-btn ms-1",attrs:{type:"button"},on:{click:function(e){return t.checkAnswer(!!t.questions)}}},[t._v("\n          Check\n        ")]),t._v(" "),0!==t.qState.state&&t.questions?n("button",{key:"active",staticClass:"btn btn-primary q-btn ms-1",attrs:{type:"button"},on:{"~click":function(e){return t.gotoNextQuestion.apply(null,arguments)}}},[t._v("\n          Next\n        ")]):t._e(),t._v(" "),t.retryState?n("button",{key:"show",staticClass:"btn btn-info q-btn ms-1",attrs:{type:"button"},on:{click:function(e){return t.checkAnswer(!0)}}},[t._v("\n          Show\n        ")]):t._e(),t._v(" "),t.retryState?n("button",{key:"retry",staticClass:"btn btn-primary q-btn ms-1",attrs:{type:"button"},on:{click:function(e){return t.checkAnswer(!1)}}},[t._v("\n          Retry\n        ")]):t._e()])],1):t._e()]):t._e()])};Xn._withStripped=!0;function Yn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function Kn(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?Yn(Object(i),!0).forEach((function(e){n(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):Yn(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}const Gn=qe({name:"Question",mixins:[{data:function(){return{active:!0}},inject:{questions:{default:void 0},gotoNextQuestion:{default:void 0},showNextQuestion:{default:""}},methods:{show:function(){this.active=!0},hide:function(){this.active=!1},reset:function(){this.active=!1,this.qState.answered=!1,this.qState.state=0,this.showHint=!1,this.textareaText&&(this.textareaText=""),this.answers&&this.answers.splice(0,this.answers.length)}},created:function(){this.questions&&(this.active=!1,this.questions.push(this))}}],props:{type:{type:String,default:""},addClass:{type:String,default:null},keywords:{type:String,default:""},threshold:{type:[String,Number],default:1},noIntermediateResult:{type:Boolean}},computed:{retryState:function(){return 1===this.qState.state&&!this.qState.answered&&!this.questions},showCardFooter:function(){var t=!this.$scopedSlots.hint||this.showHint;return!(this.isTextWithoutKeywords()&&t&&this.qState.answered&&!this.questions)}},data:function(){var t={qState:{state:0,answered:!1},showHint:!1,shakeClass:null};return this.isMcqOrCheckboxQuestion()||this.isBlanksQuestion()?Kn({answers:[]},t):this.isTextQuestion()?Kn({textareaText:""},t):t},provide:function(){return this.isMcqOrCheckboxQuestion()?{answers:this.answers,qOptionType:this.type,qState:this.qState}:this.isBlanksQuestion()?{answers:this.answers,qOptionType:this.type,qState:this.qState,noIntermediateResult:this.noIntermediateResult}:void 0},methods:{keywordsSplitTrimmed:function(){return this.keywords.split(",").filter((function(t){return""!==t.trim()}))},isMcqOrCheckboxQuestion:function(){return"mcq"===this.type||"checkbox"===this.type},isBlanksQuestion:function(){return"blanks"===this.type},isTextQuestion:function(){return"text"===this.type},isTextWithoutKeywords:function(){return this.isTextQuestion()&&!this.keywords},shakeCard:function(){var t=this;this.shakeClass="shake",setTimeout((function(){t.shakeClass=null}),800)},markAsCorrect:function(){this.qState.state=2,this.qState.answered=!0},markAsWrong:function(t){this.qState.state=1,t?this.qState.answered=!0:this.shakeCard()},checkMcqAnswer:function(t){var e=this.answers.find((function(t){return t.selected}));e?e.$props.correct?this.markAsCorrect():this.markAsWrong(t):this.shakeCard()},checkCheckboxAnswer:function(t){this.answers.filter((function(t){return t.answeredCorrectly})).length===this.answers.length?this.markAsCorrect():this.markAsWrong(t)},checkBlanksAnswer:function(t){for(var e=0,n=0;n<this.answers.length;n+=1)this.answers[n].checkAnswer(),this.answers[n].ansIsCorrect&&(e+=1);e/this.answers.length>=this.threshold?this.markAsCorrect():this.markAsWrong(t)},checkTextAnswer:function(t){for(var e=this.textareaText.toLowerCase(),n=this.keywordsSplitTrimmed(),i=0,o=0;o<n.length;o+=1)e.includes(n[o].toLowerCase())&&(i+=1);i/n.length>=this.threshold?this.markAsCorrect():this.markAsWrong(t)},checkAnswer:function(t){"mcq"===this.type?this.checkMcqAnswer(t):"checkbox"===this.type?this.checkCheckboxAnswer(t):"blanks"===this.type?this.checkBlanksAnswer(t):this.isTextQuestion()?this.checkTextAnswer(t):this.markAsCorrect()}}},Xn,[],!1,null,"ae369d74",null).exports;var Zn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return"mcq"===t.qOptionType?n("div",{class:["form-control",t.hintClass],on:{click:t.toggleRadioOn,mouseover:function(e){t.hover=!0},mouseleave:function(e){t.hover=!1}}},[n("div",{class:["row",{disabled:t.qState.answered}]},[n("div",{staticClass:"col-auto p-0"},[n("svg",{staticClass:"radio-svg",attrs:{viewBox:"0 0 100 100"}},[n("circle",{attrs:{cx:"50",cy:"50",r:"47",fill:"none",stroke:"black","stroke-width":"4"}}),t._v(" "),n("circle",{directives:[{name:"show",rawName:"v-show",value:t.selected,expression:"selected"}],attrs:{cx:"50",cy:"50",r:"25",fill:"dodgerblue"}})])]),t._v(" "),n("div",{staticClass:"col content"},[t._t("default")],2),t._v(" "),n("div",{staticClass:"col-1"},[t.qState.answered?n("div",[t.correct?n("i",{staticClass:"fa fa-check text-success",class:{"align-bottom":t.$scopedSlots.reason}}):n("i",{staticClass:"fa fa-times text-danger",class:{"align-bottom":t.$scopedSlots.reason}})]):t._e()])]),t._v(" "),t.qState.answered&&t.$scopedSlots.reason?n("div",[n("hr"),t._v(" "),n("div",{staticClass:"reason"},[t._t("reason")],2)]):t._e()]):"checkbox"===t.qOptionType?n("div",{class:["form-control",t.hintClass],on:{click:t.toggleCheckbox,mouseover:function(e){t.hover=!0},mouseleave:function(e){t.hover=!1}}},[n("label",{class:["row","checkbox-label","m-0",{disabled:t.qState.answered}],on:{click:function(t){t.stopPropagation()}}},[n("input",{directives:[{name:"model",rawName:"v-model",value:t.selected,expression:"selected"}],staticClass:"checkbox",attrs:{disabled:t.qState.answered,type:"checkbox",onclick:"event.stopPropagation()"},domProps:{checked:Array.isArray(t.selected)?t._i(t.selected,null)>-1:t.selected},on:{change:function(e){var n=t.selected,i=e.target,o=!!i.checked;if(Array.isArray(n)){var r=t._i(n,null);i.checked?r<0&&(t.selected=n.concat([null])):r>-1&&(t.selected=n.slice(0,r).concat(n.slice(r+1)))}else t.selected=o}}}),t._v(" "),n("div",{staticClass:"col content"},[t._t("default")],2),t._v(" "),n("div",{staticClass:"col-auto"},[t.qState.answered?n("div",[t.correct?n("i",{staticClass:"fa fa-check text-success",class:{"align-bottom":t.$scopedSlots.reason}}):n("i",{staticClass:"fa fa-times text-danger",class:{"align-bottom":t.$scopedSlots.reason}})]):t._e()])]),t._v(" "),t.qState.answered&&t.$scopedSlots.reason?n("div",[n("hr"),t._v(" "),n("div",{staticClass:"reason"},[t._t("reason")],2)]):t._e()]):"blanks"===t.qOptionType?n("div",{class:["form-control","blanks-form-control",t.hintClass]},[n("label",{class:["row","m-0",{disabled:t.qState.answered}],on:{click:function(t){t.stopPropagation()}}},[n("input",{directives:[{name:"model",rawName:"v-model",value:t.inputText,expression:"inputText"}],staticClass:"form-control",attrs:{disabled:t.qState.answered},domProps:{value:t.inputText},on:{input:function(e){e.target.composing||(t.inputText=e.target.value)}}}),t._v(" "),n("div",{staticClass:"col-auto"},[t.qState.answered?n("div",[t.ansIsCorrect?n("i",{staticClass:"fa fa-check text-success"}):n("i",{staticClass:"fa fa-times text-danger blanks-cross"})]):t._e(),t._v(" "),t.isIntermediateResult()?n("div",[t.ansIsCorrect?n("i",{staticClass:"fa fa-check text-success"}):n("i",{staticClass:"fa fa-times text-danger blanks-cross"})]):t._e()]),t._v(" "),t.qState.answered?n("div",{staticClass:"col-auto blanks-keywords"},[t.keywordsSplitTrimmed().length?n("strong",[t._v("\n        Keywords: \n        "),t._l(t.keywordsSplitTrimmed(),(function(e){return n("span",{key:e,staticClass:"badge rounded-pill bg-light text-dark fw-normal"},[t._v("\n          "+t._s(e)+"\n        ")])}))],2):n("strong",[t._v("No answer checking keywords provided")])]):t._e()]),t._v(" "),t.qState.answered&&t.$scopedSlots.reason?n("div",[n("div",{staticClass:"reason blanks-reason"},[t._t("reason")],2)]):t._e()]):t._e()};Zn._withStripped=!0;const Jn=qe({name:"McqOption",props:{correct:{type:Boolean,default:!1},keywords:{type:String,default:""}},data:function(){return{selected:!1,hover:!1,inputText:"",ansIsCorrect:!1}},inject:{answers:{default:void 0},qOptionType:{default:void 0},qState:{default:void 0},noIntermediateResult:{default:void 0}},computed:{hintClass:function(){return this.qState.answered?this.correct?"success":"danger":this.selected||this.hover?"alert-light text-dark border border-secondary":""},answeredCorrectly:function(){return this.correct&&this.selected||!this.correct&&!this.selected}},methods:{checkAnswer:function(){var t=!1,e=this.inputText.toLowerCase().trim(),n=this.keywords.toLowerCase().split(",").filter((function(t){return""!==t.trim()}));this.keywords.length||(t=!0);for(var i=0;i<n.length;i+=1)if(e===n[i].trim()){t=!0;break}this.ansIsCorrect=t},isIntermediateResult:function(){return!this.noIntermediateResult&&1===this.qState.state&&!this.qState.answered},isBlanksQuestion:function(){return"blanks"===this.type},keywordsSplitTrimmed:function(){return this.keywords.split(",").filter((function(t){return""!==t.trim()}))},toggleRadioOn:function(){this.qState.answered||this.selected||(this.answers.forEach((function(t){t.selected=!1})),this.selected=!0)},toggleCheckbox:function(){this.qState.answered||(this.selected=!this.selected)}},created:function(){this.answers.push(this)}},Zn,[],!1,null,"1074287c",null).exports;var ti=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"dropdown",staticStyle:{position:"relative"}},[t.algolia?n("div",{attrs:{id:"algolia-search-input"}}):[n("input",{directives:[{name:"model",rawName:"v-model",value:t.value,expression:"value"}],staticClass:"form-control",attrs:{"data-bs-toggle":"dropdown",type:"text",placeholder:t.placeholder,autocomplete:"off"},domProps:{value:t.value},on:{input:[function(e){e.target.composing||(t.value=e.target.value)},t.update],keyup:[function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"up",38,e.key,["Up","ArrowUp"])?null:t.up.apply(null,arguments)},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"down",40,e.key,["Down","ArrowDown"])?null:t.down.apply(null,arguments)}],keydown:[function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.hit.apply(null,arguments)},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?null:t.reset.apply(null,arguments)}],blur:function(e){t.showDropdown=!1}}}),t._v(" "),n("div",{staticClass:"form-control placeholder-div-hidden"},[t._v("\n      "+t._s(t.placeholder)+"\n    ")])],t._v(" "),n("ul",{ref:"dropdown",class:t.dropdownMenuClasses},t._l(t.items,(function(e,i){return n("li",{key:i,class:{"table-active":t.isActive(i)}},[n("a",{staticClass:"dropdown-item",on:{mousedown:function(e){return e.preventDefault(),t.hit.apply(null,arguments)},mousemove:function(e){return t.setActive(i)}}},[n("searchbar-page-item",{attrs:{item:e,value:t.value}})],1)])})),0)],2)};function ei(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var i,o,r,s,a=[],l=!0,c=!1;try{if(r=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;l=!1}else for(;!(l=(i=r.call(n)).done)&&(a.push(i.value),a.length!==e);l=!0);}catch(t){c=!0,o=t}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw o}}return a}}(t,e)||bn(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}ti._withStripped=!0;var ni=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.item.heading?n("div",{staticClass:"heading"},[n("i",{staticClass:"fa fa-hashtag"}),t._v(" "),n("div",{staticClass:"heading-text"},[n("span",{domProps:{innerHTML:t._s(t.highlight(t.item.heading.text,t.value))}}),t._v(" "),t._l(t.item.keywords,(function(e,i){return n("div",{key:i,staticClass:"keyword-text",domProps:{innerHTML:t._s(t.highlight(e,t.value))}})}))],2)]):n("div",[n("span",{staticClass:"page-title",domProps:{innerHTML:t._s(t.highlight(t.item.title,t.value))}}),t._v(" "),t.item.keywords?n("br"):t._e(),t._v(" "),t.item.keywords?n("small",{domProps:{innerHTML:t._s(t.highlight(t.item.keywords,t.value))}}):t._e(),t._v(" "),n("hr",{staticClass:"page-headings-separator"})])};ni._withStripped=!0;const ii=qe({props:{item:{type:Object,default:null},value:{type:String,default:""}},methods:{highlight:function(t,e){for(var n,i=(n=function(){var n=e.split(" ").filter((function(t){return""!==t})).map((function(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")})).map((function(t){return new RegExp("(".concat(t,")"),"gi")})),i=[];return n.forEach((function(e){for(var n=e.exec(t);null!==n&&n.index!==e.lastIndex;)i.push({start:n.index,end:e.lastIndex}),n=e.exec(t)})),i}()).length<=1?n:n.sort((function(t,e){return t.start-e.start})).reduce((function(t,e){var n=t[t.length-1];return!n||n.end<e.start?t.push(e):n.end<e.end&&(n.end=e.end),t}),[]),o=t,r=i.length-1;r>=0;r-=1)o="".concat(o.slice(0,i[r].start),"<mark>")+"".concat(o.slice(i[r].start,i[r].end),"</mark>")+"".concat(o.slice(i[r].end));return o}}},ni,[],!1,null,"98afe086",null).exports;const oi=qe({created:function(){this.items=this.primitiveData},props:{data:{type:Array,default:function(){return[]}},limit:{type:Number,default:8},async:{type:String,default:""},keyProp:{type:String,default:null},onHit:{type:Function,default:function(t){this.reset(),this.value=t}},placeholder:{type:String,default:"Search"},delay:{type:Number,default:200},menuAlignRight:{type:Boolean,default:!1},algolia:{type:Boolean,default:!1}},data:function(){return{value:"",showDropdown:!1,noResults:!0,current:0,items:[]}},computed:{primitiveData:function(){function t(t,e){var n=t.join(" ");return e.reduce((function(t,e){var i=n.match(e);return t+(i?i.length:0)}),0)}if(this.value.length<2||!this.data)return[];var e=[],n=this.value.split(" ").filter((function(t){return""!==t})).map((function(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")})).map((function(t){return new RegExp(t,"ig")}));return this.data.forEach((function(i){var o=i.headings,r=i.src,s=i.title,a=i.headingKeywords,l=i.frontmatterKeywords||"",c=s||r.substring(0,r.lastIndexOf(".")),u=t([c,l].concat(_n(Object.values(o)),_n(Object.values(a))),n);if(u>0){var d=[];Object.entries(o).forEach((function(e,i){var o=ei(e,2),s=o[0],u=o[1],h=n.some((function(t){return t.test(u)})),p=a[s]&&a[s].some((function(t){return n.some((function(e){return e.test(t)}))}));if(h||p){var f=t([u].concat(_n(a[s]||[])),n);(0!==i||u!==c||l.length)&&d.push({heading:{id:s,text:u},keywords:a[s],src:r,totalMatches:f})}})),d.sort((function(t,e){return e.totalMatches-t.totalMatches})),e.push({headings:d,keywords:l,src:r,title:c,totalMatches:u})}})),e.sort((function(t,e){return e.totalMatches-t.totalMatches})).flatMap((function(t){return t.headings?[t].concat(_n(t.headings)):t}))},dropdownMenuClasses:function(){return["dropdown-menu","search-dropdown-menu",{show:this.showDropdown},{"d-none":!this.showDropdown},{"dropdown-menu-end":this.menuAlignRight}]}},methods:{update:function(){return this.value?(this.data&&(this.items=this.primitiveData,this.showDropdown=this.items.length>0),this.async&&this.query(),!0):(this.reset(),!1)},query:function(t,e){var n,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;function o(t){return/^[0-9]+$/.test(t)?Number(t)||1:null}return function(){for(var r=this,s=arguments.length,a=new Array(s),l=0;l<s;l++)a[l]=arguments[l];n&&clearTimeout(n),n=setTimeout((function(){t.apply(r,a)}),o(e)||o(this[e])||i)}}((function(){var t=this;(function(t){var e=new window.XMLHttpRequest,n={},i={then:function(t,e){return i.done(t).fail(e)},catch:function(t){return i.fail(t)},always:function(t){return i.done(t).fail(t)}};return["done","fail"].forEach((function(t){n[t]=[],i[t]=function(e){return e instanceof Function&&n[t].push(e),i}})),i.done(JSON.parse),e.onreadystatechange=function(){if(4===e.readyState){var t={status:e.status};if(200===e.status)try{var i=e.responseText;for(var o in n.done){var r=n.done[o](i);void 0!==r&&(i=r)}}catch(t){n.fail.forEach((function(e){return e(t)}))}else n.fail.forEach((function(e){return e(t)}))}},e.open("GET",t),e.setRequestHeader("Accept","application/json"),e.send(),i})(this.async+this.value).then((function(e){t.items=(t.keyProp?e[t.keyProp]:e).slice(0,t.limit),t.showDropdown=t.items.length}))}),"delay",200),reset:function(){this.items=[],this.value="",this.loading=!1,this.showDropdown=!1},setActive:function(t){this.current=t},isActive:function(t){return this.current===t},hit:function(t){t.preventDefault(),this.onHit(this.items[this.current],this)},down:function(){this.current<this.items.length-1&&(this.current+=1,this.scrollListView())},up:function(){this.current>0&&(this.current-=1,this.scrollListView())},scrollListView:function(){var t=this.$refs.dropdown,e=t.children[this.current],n=t.scrollTop,i=n+t.clientHeight,o=e.offsetTop+e.offsetHeight;e.offsetTop<n?t.scrollTop=e.offsetTop:o>i&&(t.scrollTop=o-t.clientHeight)}},components:{searchbarPageItem:ii}},ti,[],!1,null,"cea1a814",null).exports;var ri=function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"tab-pane active printable-tab-pane",class:{"tab-pane-hide":!this.show},attrs:{role:"tabpanel"}},[e("div",{staticClass:"nav-tabs printable-tab-header"},[e("div",{ref:"header",staticClass:"nav-link active"},[this._t("header")],2)]),this._v(" "),this._t("default"),this._v(" "),e("hr")],2)};ri._withStripped=!0;const si=qe({props:{header:{type:String,default:""},disabled:{type:[Boolean,String],default:!1}},computed:{headerRendered:function(){return this.$refs.header.innerHTML},active:function(){return this._tabset.show===this},index:function(){return this._tabset.tabs.indexOf(this)},show:function(){return this._tabset&&this._tabset.show===this},disabledBool:function(){return Re(this.disabled)}},created:function(){this._ingroup=this.$parent&&this.$parent._tabgroup;for(var t=this;t&&!0!==t._tabset&&t.$parent;)t=t.$parent;t._tabset?(t.tabs.push(this),this._ingroup?~t.headers.indexOf(this.$parent)||t.headers.push(this.$parent):t.headers.push(this),this._tabset=t):this._tabset={},this._ingroup&&this.$parent.tabs.push(this)},beforeDestroy:function(){if(this._tabset.activeNumber===this.index&&(this._tabset.activeNumber=0),this._ingroup){var t=this.$parent.tabs.indexOf(this);this.$parent.tabs.splice(t,1)}this._tabset.tabs.splice(this.index,1)}},ri,[],!1,null,"661c1b61",null).exports;var ai=function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"printable-tab-group"},[e("div",{ref:"header",staticClass:"printable-tab-group-header"},[this._t("header")],2),this._v(" "),this._t("default")],2)};ai._withStripped=!0;const li=qe({props:{disabled:{type:[Boolean,String],default:!1},header:{type:String,default:""}},data:function(){return{tabs:[],show:!1}},computed:{active:function(){return~this.tabs.indexOf(this._tabset.show)},headerRendered:function(){return this.$refs.header.innerHTML},disabledBool:function(){return De(this.disabled)}},created:function(){this._tabgroup=!0;for(var t=this.$parent&&!0===this.$parent._tabset?this.$parent:{};t&&!t._tabset&&t.$parent;)t=t.$parent;t._tabset?this._tabset=t:(this._tabset={},this.show=!0)},methods:{blur:function(){this.show=!1},toggle:function(){this.show=!this.show}}},ai,[],!1,null,"a785351c",null).exports;var ci=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:[t.addClass,"printable-tabs"]},[n("ul",{staticClass:"nav nav-tabs d-print-none",class:t.getNavStyleClass,attrs:{role:"tablist"}},[t._l(t.headers,(function(e,i){return[e._tabgroup?n("dropdown",{key:i,staticClass:"nav-item",class:{active:e.active},attrs:{header:e.headerRendered,disabled:e.disabled}},t._l(e.tabs,(function(e,i){return n("li",{key:i},[n("a",{staticClass:"nav-link",class:{disabled:e.disabled},attrs:{href:"#"},domProps:{innerHTML:t._s(e.headerRendered)},on:{click:function(n){return n.preventDefault(),t.select(e)}}})])})),0):n("li",{key:i,staticClass:"nav-item",on:{click:function(n){return n.preventDefault(),t.select(e)}}},[n("a",{staticClass:"nav-link",class:{active:e.active,disabled:e.disabledBool},attrs:{href:"#"}},[n("span",{domProps:{innerHTML:t._s(e.headerRendered)}})])])]}))],2),t._v(" "),n("div",{ref:"tab-content",staticClass:"tab-content"},[t._t("default")],2)])};ci._withStripped=!0;const ui=qe({components:{dropdown:gn},props:{navStyle:{type:String,default:"tabs"},active:{type:String,default:"0"},addClass:{type:String,default:""}},data:function(){return{show:null,headers:[],activeNumber:je(this.active),tabs:[]}},created:function(){this._tabset=!0},computed:{getNavStyleClass:function(){return"nav-".concat(this.navStyle)}},watch:{activeNumber:function(t){this.show=this.tabs[t]}},mounted:function(){this.show=this.tabs[this.activeNumber]},methods:{select:function(t){t.disabled||(this.activeNumber=t.index)}}},ci,[],!1,null,"70a68808",null).exports;var di=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("span",{class:["thumb-wrapper",{"thumb-circle":t.circle},t.addClass],style:[t.getBorder,t.getFontSize,t.getFontColor,t.getBgColor]},[t.hasSrc?n("img",{ref:"pic",staticClass:"thumb-image",attrs:{src:t.src,width:t.computedWidth,height:t.computedHeight,alt:t.alt},on:{"~load":function(e){return t.computeImgSize.apply(null,arguments)}}}):t._e(),t._v(" "),t._t("default")],2)};di._withStripped=!0;const hi=qe({props:{circle:{type:Boolean,default:!1},addClass:{type:String,default:""},alt:{type:String,default:""},background:{type:String,default:""},border:{type:String,default:""},fontColor:{type:String,default:""},fontSize:{type:String,default:""},size:{type:String,default:""},src:{type:String,default:null},text:{type:String,default:""}},computed:{getBorder:function(){return""===this.border?{}:{border:this.border}},getFontSize:function(){var t=this.imageSize/2,e=this.fontSize;return{"font-size":"".concat(void 0===e||""===e?t:e,"px")}},getFontColor:function(){return""===this.fontColor?{}:{color:this.fontColor}},getBgColor:function(){return""===this.background?{}:{background:this.background}},hasSrc:function(){return void 0!==this.src&&""!==this.src},imageSize:function(){return this.size||100}},data:function(){return{computedWidth:"",computedHeight:""}},mounted:function(){var t=this.$el;t.style.width="".concat(this.imageSize,"px"),t.style.height="".concat(this.imageSize,"px"),t.style.lineHeight="".concat(this.imageSize,"px")},methods:{computeImgSize:function(){var t=this.$refs.pic,e=t.naturalHeight,n=t.naturalWidth,i=Math.min(e,n),o=this.imageSize/i;this.computedWidth=n*o,this.computedHeight=e*o}}},di,[],!1,null,null,null).exports;var pi=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("span",{class:"click"===t.trigger?"trigger-click":"trigger",attrs:{tabindex:"0"},on:t._d({},[t.triggerEventType,function(e){return e.stopPropagation(),t.toggle()}])},["popover"===t.popoverOrTooltipType?n("v-popover",{attrs:{"auto-hide":!t.isInput,triggers:t.triggers,"popper-triggers":t.triggers,"hide-triggers":t.triggers,placement:t.placement,delay:0,"shift-cross-axis":""},scopedSlots:t._u([{key:"popper",fn:function(){return[n("div",{staticClass:"popover-container"},[n("portal-target",{attrs:{name:"popover:"+t.target}})],1)]},proxy:!0}],null,!1,1583262462)},[t.isInput?t._t("default"):n("span",{on:{click:function(t){t.stopPropagation()}}},[t._t("default")],2)],2):"tooltip"===t.popoverOrTooltipType?n("v-tooltip",{attrs:{"auto-hide":!t.isInput,placement:t.placement,triggers:t.triggers,"popper-triggers":t.triggers,"hide-triggers":t.triggers,delay:0,"shift-cross-axis":""},scopedSlots:t._u([{key:"popper",fn:function(){return[n("portal-target",{attrs:{name:"tooltip:"+t.target}})]},proxy:!0}])},[t.isInput?t._t("default"):n("span",{on:{click:function(t){t.stopPropagation()}}},[t._t("default")],2)],2):n("span",[t._t("default")],2)],1)};pi._withStripped=!0;var fi=i(383);function mi(t){return(mi="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vi(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function gi(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function yi(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function wi(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yi(Object(n),!0).forEach((function(e){gi(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yi(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function bi(t){return function(t){if(Array.isArray(t))return _i(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return _i(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_i(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _i(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n<e;n++)i[n]=t[n];return i}var Si=function(t){return t==document.activeElement},xi=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.root=null,this.elements=[],this.onKeyDown=this.onKeyDown.bind(this),this.enable=this.enable.bind(this),this.disable=this.disable.bind(this),this.firstElement=this.firstElement.bind(this),this.lastElement=this.lastElement.bind(this)}var e,n;return e=t,(n=[{key:"lastElement",value:function(){return this.elements[this.elements.length-1]||null}},{key:"firstElement",value:function(){return this.elements[0]||null}},{key:"onKeyDown",value:function(t){if(function(t){return"Tab"===t.key||9===t.keyCode}(t)){if(!t.shiftKey)return!document.activeElement||Si(this.lastElement())?(this.firstElement().focus(),void t.preventDefault()):void 0;Si(this.firstElement())&&(this.lastElement().focus(),t.preventDefault())}}},{key:"enabled",value:function(){return!!this.root}},{key:"enable",value:function(t){t&&(this.root=t,this.elements=function(t){return function(t,e){return bi(t.querySelectorAll('button:not([disabled]), select:not([disabled]), a[href]:not([disabled]), area[href]:not([disabled]), [contentEditable=""]:not([disabled]), [contentEditable="true"]:not([disabled]), [contentEditable="TRUE"]:not([disabled]), textarea:not([disabled]), iframe:not([disabled]), input:not([disabled]), summary:not([disabled]), [tabindex]:not([tabindex="-1"])')||[])}(t)}(this.root),this.root.addEventListener("keydown",this.onKeyDown))}},{key:"disable",value:function(){this.root.removeEventListener("keydown",this.onKeyDown),this.root=null}}])&&vi(e.prototype,n),t}(),Ci=function(t){var e=t.targetTouches?t.targetTouches[0]:t;return{x:e.clientX,y:e.clientY}},$i=function(t,e,n){return"number"!=typeof t&&(t=Math.min(e,n)||e),"number"!=typeof n&&(n=Math.max(e,t)),Math.min(Math.max(e,t),n)},ki=function(t){return t&&Number(t.replace(/px$/,""))||0},Ti={down:{pc:"mousedown",m:"touchstart"},move:{pc:"mousemove",m:"touchmove"},up:{pc:"mouseup",m:"touchend"}},Ei=function(t,e,n){e&&e.addEventListener(Ti[t].pc,n),e&&e.addEventListener(Ti[t].m,n,{passive:!1})},Oi=function(t,e,n){e&&e.removeEventListener(Ti[t].pc,n),e&&e.removeEventListener(Ti[t].m,n)},Bi=!1;if("undefined"!=typeof window){var Pi={get passive(){Bi=!0}};window.addEventListener("testPassive",null,Pi),window.removeEventListener("testPassive",null,Pi)}var Li,Ni,Ai,zi="undefined"!=typeof window&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||"MacIntel"===window.navigator.platform&&window.navigator.maxTouchPoints>1),Mi=[],Hi=!1,Di=0,Ri=-1,ji=function(t){return Mi.some((function(){return function(t,e){var n=!1;return function(t){for(var e=[];t;){if(e.push(t),t.classList.contains("vfm"))return e;t=t.parentElement}return e}(t).forEach((function(t){(function(t){if(!t||t.nodeType!==Node.ELEMENT_NODE)return!1;var e=window.getComputedStyle(t);return["auto","scroll"].includes(e.overflowY)&&t.scrollHeight>t.clientHeight})(t)&&function(t,e){return!(0===t.scrollTop&&e<0||t.scrollTop+t.clientHeight+e>=t.scrollHeight&&e>0)}(t,e)&&(n=!0)})),n}(t,-Di)}))},Ii=function(t){var e=t||window.event;return!!ji(e.target)||e.touches.length>1||(e.preventDefault&&e.preventDefault(),!1)},qi=function(t){t?(Mi=Mi.filter((function(e){return e.targetElement!==t})),zi?(t.ontouchstart=null,t.ontouchmove=null,Hi&&0===Mi.length&&(document.removeEventListener("touchmove",Ii,Bi?{passive:!1}:void 0),Hi=!1)):Mi.length||(void 0!==Ni&&(document.body.style.paddingRight=Ni,Ni=void 0),void 0!==Li&&(document.body.style.overflow=Li,Li=void 0))):console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.")},Wi=function(){},Fi="enter",Vi="entering",Ui="leave",Qi="leavng",Xi={type:[String,Object,Array],default:""},Yi={type:[Object,Array],default:function(){return{}}},Ki={t:"ns-resize",tr:"nesw-resize",r:"ew-resize",br:"nwse-resize",b:"ns-resize",bl:"nesw-resize",l:"ew-resize",tl:"nwse-resize"},Gi={props:{name:{type:String,default:null},value:{type:Boolean,default:!1},ssr:{type:Boolean,default:!0},classes:Xi,overlayClass:Xi,contentClass:Xi,styles:Yi,overlayStyle:Yi,contentStyle:Yi,lockScroll:{type:Boolean,default:!0},hideOverlay:{type:Boolean,default:!1},clickToClose:{type:Boolean,default:!0},escToClose:{type:Boolean,default:!1},preventClick:{type:Boolean,default:!1},attach:{type:null,default:!1,validator:function(t){var e=mi(t);return"boolean"===e||"string"===e||t.nodeType===Node.ELEMENT_NODE}},transition:{type:[String,Object],default:"vfm"},overlayTransition:{type:[String,Object],default:"vfm"},zIndexAuto:{type:Boolean,default:!0},zIndexBase:{type:[String,Number],default:1e3},zIndex:{type:[Boolean,String,Number],default:!1},focusRetain:{type:Boolean,default:!0},focusTrap:{type:Boolean,default:!1},fitParent:{type:Boolean,default:!0},drag:{type:Boolean,default:!1},dragSelector:{type:String,default:""},keepChangedStyle:{type:Boolean,default:!1},resize:{type:Boolean,default:!1},resizeDirections:{type:Array,default:function(){return["t","tr","r","br","b","bl","l","tl"]},validator:function(t){return["t","tr","r","br","b","bl","l","tl"].filter((function(e){return-1!==t.indexOf(e)})).length===t.length}},minWidth:{type:Number,default:0},minHeight:{type:Number,default:0},maxWidth:{type:Number,default:1/0},maxHeight:{type:Number,default:1/0}},data:function(){return{modalStackIndex:null,visible:!1,visibility:{modal:!1,overlay:!1,resize:!1},overlayTransitionState:null,modalTransitionState:null,stopEvent:!1,params:{},dragResizeStyle:{},resolveToggle:Wi,rejectToggle:Wi,state:null,lastMousedownEl:null}},computed:{isComponentReadyToBeDestroyed:function(){return(this.hideOverlay||this.overlayTransitionState===Ui)&&this.modalTransitionState===Ui},calculateZIndex:function(){return!1===this.zIndex?!!this.zIndexAuto&&+this.zIndexBase+2*(this.modalStackIndex||0):this.zIndex},bindStyle:function(){return wi({},!1!==this.calculateZIndex&&{zIndex:this.calculateZIndex})},bindContentStyle:function(){var t=[this.dragResizeStyle];return Array.isArray(this.contentStyle)?t.push.apply(t,bi(this.contentStyle)):t.push(this.contentStyle),t},computedTransition:function(){return"string"==typeof this.transition?{name:this.transition}:wi({},this.transition)},computedOverlayTransition:function(){return"string"==typeof this.overlayTransition?{name:this.overlayTransition}:wi({},this.overlayTransition)}},watch:{value:function(t){if(this.stopEvent)this.stopEvent=!1;else if(this.mounted(),!t){if(this.emitEvent("before-close",!0))return void this.rejectToggle("hide");this.close()}},lockScroll:"handleLockScroll",hideOverlay:function(t){this.value&&!t&&(this.visibility.overlay=!0)},attach:"mounted",isComponentReadyToBeDestroyed:function(t){t&&(this.visible=!1)},drag:function(t){this.visible&&(t?this.addDragDown():this.removeDragDown())},resize:function(t){this.visible&&(t?this.addResizeDown():this.removeResizeDown())},keepChangedStyle:function(t){t||(this.dragResizeStyle={})}},mounted:function(){this.api.modals.push(this),this.$focusTrap=new xi,this.mounted()},beforeDestroy:function(){var t,e=this;this.close(),this.lockScroll&&this.$refs.vfmContainer&&qi(this.$refs.vfmContainer),null==this||null===(t=this.$el)||void 0===t||t.remove();var n=this.api.modals.findIndex((function(t){return t===e}));this.api.modals.splice(n,1)},methods:{mounted:function(){var t=this;if(this.value){if(this.emitEvent("before-open",!1))return void this.rejectToggle("show");var e=this.getAttachElement();if(e||!1===this.attach){!1!==this.attach&&e.appendChild(this.$el);var n=this.api.openedModals.findIndex((function(e){return e===t}));-1!==n&&this.api.openedModals.splice(n,1),this.api.openedModals.push(this),this.modalStackIndex=this.api.openedModals.length-1,this.handleLockScroll(),this.api.openedModals.filter((function(e){return e!==t})).forEach((function(t,n){t.getAttachElement()===e&&(t.modalStackIndex=n,t.visibility.overlay=!1)})),this.visible=!0,this.$nextTick((function(){t.startTransitionEnter()}))}else!1!==e&&console.warn("Unable to locate target ".concat(this.attach))}},close:function(){var t=this,e=this.api.openedModals.findIndex((function(e){return e===t}));if(-1!==e&&this.api.openedModals.splice(e,1),this.api.openedModals.length>0){var n=this.api.openedModals[this.api.openedModals.length-1];(n.focusRetain||n.focusTrap)&&n.$refs.vfmContainer.focus(),!n.hideOverlay&&(n.visibility.overlay=!0)}this.drag&&this.removeDragDown(),this.resize&&this.removeResizeDown(),this.state=null,this.startTransitionLeave()},startTransitionEnter:function(){this.visibility.overlay=!0,this.visibility.modal=!0},startTransitionLeave:function(){this.visibility.overlay=!1,this.visibility.modal=!1},handleLockScroll:function(){var t=this;this.value&&this.$nextTick((function(){t.lockScroll?function(t,e){if(t){if(!Mi.some((function(e){return e.targetElement===t}))){var n={targetElement:t,options:e||{}};Mi=[].concat(bi(Mi),[n]),zi?(t.ontouchstart=function(t){1===t.targetTouches.length&&(Ri=t.targetTouches[0].clientY)},t.ontouchmove=function(e){1===e.targetTouches.length&&function(t,e){Di=t.targetTouches[0].clientY-Ri,!ji(t.target)&&(e&&0===e.scrollTop&&Di>0||function(t){return!!t&&t.scrollHeight-t.scrollTop<=t.clientHeight}(e)&&Di<0?Ii(t):t.stopPropagation())}(e,t)},Hi||(document.addEventListener("touchmove",Ii,Bi?{passive:!1}:void 0),Hi=!0)):function(t){if(void 0===Ni){var e=!!t&&!0===t.reserveScrollBarGap,n=window.innerWidth-document.documentElement.clientWidth;if(e&&n>0){var i=parseInt(getComputedStyle(document.body).getPropertyValue("padding-right"),10);Ni=document.body.style.paddingRight,document.body.style.paddingRight="".concat(i+n,"px")}}void 0===Li&&(Li=document.body.style.overflow,document.body.style.overflow="hidden")}(e)}}else console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.")}(t.$refs.vfmContainer,{reserveScrollBarGap:!0}):qi(t.$refs.vfmContainer)}))},getAttachElement:function(){return!1!==this.attach&&("string"==typeof this.attach?!!window&&window.document.querySelector(this.attach):this.attach)},beforeOverlayEnter:function(){this.overlayTransitionState=Vi},afterOverlayEnter:function(){this.overlayTransitionState=Fi},beforeOverlayLeave:function(){this.overlayTransitionState=Qi},afterOverlayLeave:function(){this.overlayTransitionState=Ui},beforeModalEnter:function(){this.modalTransitionState=Vi},afterModalEnter:function(){this.modalTransitionState=Fi,(this.focusRetain||this.focusTrap)&&this.$refs.vfmContainer.focus(),this.focusTrap&&this.$focusTrap.enable(this.$refs.vfmContainer),this.drag&&this.addDragDown(),this.resize&&this.addResizeDown(),this.$emit("opened",this.createModalEvent({type:"opened"})),this.resolveToggle("show")},beforeModalLeave:function(){this.modalTransitionState=Qi,this.$focusTrap.enabled()&&this.$focusTrap.disable()},afterModalLeave:function(){this.modalTransitionState=Ui,this.modalStackIndex=null,this.lockScroll&&qi(this.$refs.vfmContainer),this.keepChangedStyle||(this.dragResizeStyle={});var t=!1,e=this.createModalEvent({type:"closed",stop:function(){t=!0}});this.$emit("closed",e),this.resolveToggle("hide"),t||(this.params={})},onMousedown:function(t){this.lastMousedownEl=null==t?void 0:t.target},onMouseupContainer:function(){this.lastMousedownEl===this.$refs.vfmContainer&&"resize:move"!==this.state&&(this.$emit("click-outside",this.createModalEvent({type:"click-outside"})),this.clickToClose&&this.$emit("input",!1))},onEsc:function(){this.visible&&this.escToClose&&this.$emit("input",!1)},createModalEvent:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return wi({ref:this},t)},emitEvent:function(t,e){var n=!1,i=this.createModalEvent({type:t,stop:function(){n=!0}});return this.$emit(t,i),!!n&&(this.stopEvent=!0,this.$emit("input",e),!0)},emitState:function(t,e,n){this.state="".concat(e,":").concat(n),this.$emit(this.state,t)},toggle:function(t,e){var n=arguments,i=this;return new Promise((function(o,r){i.resolveToggle=function(t){o(t),i.resolveToggle=Wi},i.rejectToggle=function(t){r(t),i.rejectToggle=Wi};var s="boolean"==typeof t?t:!i.value;s&&2===n.length&&(i.params=e),i.$emit("input",s)}))},pointerDown:function(t){var e=this;t.stopPropagation();var n,i="resize",o="drag",r=this.$refs,s=r.vfmContainer,a=r.vfmContent,l=t.target.getAttribute("direction");if(l)n=i;else{if(!function(t,e,n){return""===n||bi(e.querySelectorAll(n)).includes(t.target)}(t,a,this.dragSelector))return;n=o}this.emitState(t,n,"start");var c,u,d,h,p=Ci(t),f=s.getBoundingClientRect(),m=a.getBoundingClientRect(),v="absolute"===window.getComputedStyle(a).position,g=ki(this.dragResizeStyle.top),y=ki(this.dragResizeStyle.left),w=function(){if(e.fitParent){var t={absolute:function(){return{minTop:0,minLeft:0,maxTop:f.height-m.height,maxLeft:f.width-m.width}},relative:function(){return{minTop:g+f.top-m.top,minLeft:y+f.left-m.left,maxTop:g+f.bottom-m.bottom,maxLeft:y+f.right-m.right}}};return v?t.absolute():t.relative()}return{}}(),b=n===i&&(c=document.body,u="cursor",d=Ki[l],h=c.style[u],c.style[u]=d,function(){c.style[u]=h}),_=function(t){t.stopPropagation(),e.emitState(t,n,"move");var r,s,a=Ci(t),c={x:a.x-p.x,y:a.y-p.y};n===i&&(c=e.getResizeOffset(l,c,f,m,v)),v?(r=m.top-f.top+c.y,s=m.left-f.left+c.x):(r=g+c.y,s=y+c.x),n===o&&e.fitParent&&(r=$i(w.minTop,r,w.maxTop),s=$i(w.minLeft,s,w.maxLeft));var u=wi(wi(wi({position:"relative",top:r+"px",left:s+"px",margin:"unset",touchAction:"none"},v&&{position:"absolute",transform:"unset",width:m.width+"px",height:m.height+"px"}),c.width&&{width:c.width+"px"}),c.height&&{height:c.height+"px"});e.dragResizeStyle=wi(wi({},e.dragResizeStyle),u)};Ei("move",document,_),Ei("up",document,(function t(o){o.stopPropagation(),n===i&&b&&b(),setTimeout((function(){e.emitState(o,n,"end")})),Oi("move",document,_),Oi("up",document,t)}))},addDragDown:function(){Ei("down",this.$refs.vfmContent,this.pointerDown),this.dragResizeStyle.touchAction="none"},removeDragDown:function(){Oi("down",this.$refs.vfmContent,this.pointerDown)},addResizeDown:function(){var t=this;this.visibility.resize=!0,this.$nextTick((function(){Ei("down",t.$refs.vfmResize,t.pointerDown)}))},removeResizeDown:function(){Oi("down",this.$refs.vfmResize,this.pointerDown),this.visibility.resize=!1},getResizeOffset:function(t,e,n,i,o){var r=this,s=function(t,e,o,s){var a,l=i[e],c=n[t]-i[t],u=(a=e).charAt(0).toUpperCase()+a.slice(1);return{axis:o,edgeName:e,min:s?c:-l,max:s?l:c,minEdge:r["min".concat(u)],maxEdge:r["max".concat(u)],getEdge:function(t){return i[e]-t*(s?1:-1)},getOffsetAxis:function(t,n){var o=i[e]-t;return n?s?o:0:(s?1:-1)*o/2}}},a={t:["top","height","y",!0],b:["bottom","height","y",!1],l:["left","width","x",!0],r:["right","width","x",!1]},l={x:0,y:0};return t.split("").forEach((function(t){var n=s.apply(void 0,bi(a[t]));l=wi(wi({},l),function(t){var n,i=e[t.axis];i=r.fitParent?$i(t.min,i,t.max):i;var s=$i(t.minEdge,t.getEdge(i),t.maxEdge);return i=t.getOffsetAxis(s,o),gi(n={},t.edgeName,s),gi(n,t.axis,i),n}(n))})),l}}},Zi=function(t,e,n,i,o,r,s,a,l,c){"boolean"!=typeof s&&(l=a,a=s,s=!1);var u,d="function"==typeof n?n.options:n;if(t&&t.render&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0,o&&(d.functional=!0)),i&&(d._scopeId=i),r?(u=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,l(t)),t&&t._registeredComponents&&t._registeredComponents.add(r)},d._ssrRegister=u):e&&(u=s?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,a(t))}),u)if(d.functional){var h=d.render;d.render=function(t,e){return u.call(e),h(t,e)}}else{var p=d.beforeCreate;d.beforeCreate=p?[].concat(p,u):[u]}return n},Ji="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase()),to={},eo=Zi({render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.ssr||t.visible?n("div",{directives:[{name:"show",rawName:"v-show",value:!t.ssr||t.visible,expression:"!ssr || visible"}],staticClass:"vfm vfm--inset",class:[!1===t.attach?"vfm--fixed":"vfm--absolute",{"vfm--prevent-none":t.preventClick}],style:t.bindStyle,on:{keydown:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?null:t.onEsc.apply(null,arguments)}}},[n("transition",t._b({ref:"vfmOverlayTransition",on:{"before-enter":t.beforeOverlayEnter,"after-enter":t.afterOverlayEnter,"before-leave":t.beforeOverlayLeave,"after-leave":t.afterOverlayLeave}},"transition",t.computedOverlayTransition,!1),[n("div",{directives:[{name:"show",rawName:"v-show",value:!t.hideOverlay&&t.visibility.overlay,expression:"!hideOverlay && visibility.overlay"}],staticClass:"vfm__overlay vfm--overlay vfm--absolute vfm--inset",class:t.overlayClass,style:t.overlayStyle})]),t._v(" "),n("transition",t._b({ref:"vfmTransition",on:{"before-enter":t.beforeModalEnter,"after-enter":t.afterModalEnter,"before-leave":t.beforeModalLeave,"after-leave":t.afterModalLeave}},"transition",t.computedTransition,!1),[n("div",{directives:[{name:"show",rawName:"v-show",value:t.visibility.modal,expression:"visibility.modal"}],ref:"vfmContainer",staticClass:"vfm__container vfm--absolute vfm--inset vfm--outline-none",class:t.classes,style:t.styles,attrs:{"aria-expanded":t.visibility.modal.toString(),role:"dialog","aria-modal":"true",tabindex:"-1"},on:{mouseup:function(e){return e.target!==e.currentTarget?null:t.onMouseupContainer.apply(null,arguments)},mousedown:function(e){return e.target!==e.currentTarget?null:t.onMousedown.apply(null,arguments)}}},[n("div",{ref:"vfmContent",staticClass:"vfm__content",class:[t.contentClass,{"vfm--prevent-auto":t.preventClick}],style:t.bindContentStyle,on:{mousedown:function(e){return t.onMousedown(null)}}},[t._t("default",null,{params:t.params,close:function(){return t.$emit("input",!1)}}),t._v(" "),t.visibility.resize&&t.visibility.modal?n("div",{ref:"vfmResize",staticClass:"vfm__resize vfm--absolute vfm--inset vfm--prevent-none vfm--select-none vfm--touch-none"},t._l(t.resizeDirections,(function(t){return n("div",{key:t,staticClass:"vfm--absolute vfm--prevent-auto",class:"vfm--resize-"+t,attrs:{direction:t}})})),0):t._e()],2)])])],1):t._e()},staticRenderFns:[]},(function(t){t&&t("data-v-1cd72822_0",{source:".vfm--fixed[data-v-1cd72822]{position:fixed}.vfm--absolute[data-v-1cd72822]{position:absolute}.vfm--inset[data-v-1cd72822]{top:0;right:0;bottom:0;left:0}.vfm--overlay[data-v-1cd72822]{background-color:rgba(0,0,0,.5)}.vfm--prevent-none[data-v-1cd72822]{pointer-events:none}.vfm--prevent-auto[data-v-1cd72822]{pointer-events:auto}.vfm--outline-none[data-v-1cd72822]:focus{outline:0}.vfm-enter-active[data-v-1cd72822],.vfm-leave-active[data-v-1cd72822]{transition:opacity .2s}.vfm-enter[data-v-1cd72822],.vfm-leave-to[data-v-1cd72822]{opacity:0}.vfm--touch-none[data-v-1cd72822]{touch-action:none}.vfm--select-none[data-v-1cd72822]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vfm--resize-bl[data-v-1cd72822],.vfm--resize-br[data-v-1cd72822],.vfm--resize-tl[data-v-1cd72822],.vfm--resize-tr[data-v-1cd72822]{width:12px;height:12px;z-index:10}.vfm--resize-t[data-v-1cd72822]{top:-6px;left:0;width:100%;height:12px;cursor:ns-resize}.vfm--resize-tr[data-v-1cd72822]{top:-6px;right:-6px;cursor:nesw-resize}.vfm--resize-r[data-v-1cd72822]{top:0;right:-6px;width:12px;height:100%;cursor:ew-resize}.vfm--resize-br[data-v-1cd72822]{bottom:-6px;right:-6px;cursor:nwse-resize}.vfm--resize-b[data-v-1cd72822]{bottom:-6px;left:0;width:100%;height:12px;cursor:ns-resize}.vfm--resize-bl[data-v-1cd72822]{bottom:-6px;left:-6px;cursor:nesw-resize}.vfm--resize-l[data-v-1cd72822]{top:0;left:-6px;width:12px;height:100%;cursor:ew-resize}.vfm--resize-tl[data-v-1cd72822]{top:-6px;left:-6px;cursor:nwse-resize}",map:void 0,media:void 0})}),Gi,"data-v-1cd72822",!1,void 0,!1,(function(t){return function(t,e){return function(t,e){var n=Ji?e.media||"default":t,i=to[n]||(to[n]={ids:new Set,styles:[]});if(!i.ids.has(t)){i.ids.add(t);var o=e.source;if(e.map&&(o+="\n/*# sourceURL="+e.map.sources[0]+" */",o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),i.element||(i.element=document.createElement("style"),i.element.type="text/css",e.media&&i.element.setAttribute("media",e.media),void 0===Ai&&(Ai=document.head||document.getElementsByTagName("head")[0]),Ai.appendChild(i.element)),"styleSheet"in i.element)i.styles.push(o),i.element.styleSheet.cssText=i.styles.filter(Boolean).join("\n");else{var r=i.ids.size-1,s=document.createTextNode(o),a=i.element.childNodes;a[r]&&i.element.removeChild(a[r]),a.length?i.element.insertBefore(s,a[r]):i.element.appendChild(s)}}}(t,e)}}),void 0,void 0),no=Zi({render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"modals-container"},t._l(t.api.dynamicModals,(function(e,i){return n(e.component,t._g(t._b({key:e.id,tag:"component",on:{closed:function(e){return t.slice(i)},"before-open":function(n){return t.beforeOpen(n,e,i)},opened:e.opened},scopedSlots:t._u([t._l(e.slots,(function(e,i){return{key:i,fn:function(){return[t.isString(e)?n("div",{key:i,domProps:{innerHTML:t._s(e)}}):n(e.component,t._g(t._b({key:i,tag:"component"},"component",e.bind,!1),e.on))]},proxy:!0}}))],null,!0),model:{value:e.value,callback:function(n){t.$set(e,"value",n)},expression:"modal.value"}},"component",e.bind,!1),e.on))})),1)},staticRenderFns:[]},void 0,{props:{},methods:{slice:function(t){this.api.dynamicModals.splice(t,1)},beforeOpen:function(t,e,n){var i=this;t.ref.params=e.params,this.$nextTick((function(){e.value||(i.slice(n),e.reject("show"))}))},isString:function(t){return"string"==typeof t}}},void 0,!1,void 0,!1,void 0,void 0,void 0);function io(t,e){var n=wi(wi({},t),{},{props:wi({},t.props)});return Object.assign(n.props,{api:{type:Object,default:function(){return e}}}),n}var oo=0,ro=function(){var t,e,n=(e=null,et().observable({show:function(t){for(var n=this,i=arguments.length,o=new Array(i>1?i-1:0),r=1;r<i;r++)o[r-1]=arguments[r];switch(mi(t)){case"string":return this.toggle.apply(this,[t,!0].concat(o));case"object":return Promise.allSettled([new Promise((function(i,r){var s={value:!0,id:Symbol("dynamicModal"),component:e,bind:{},slots:{},on:{},params:o[0],reject:r,opened:function(){i("show")}};n.dynamicModals.push(Object.assign(s,t))}))])}},hide:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return this.toggle(e,!1)},hideAll:function(){return this.hide.apply(this,bi(this.openedModals.map((function(t){return t.name}))))},toggle:function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];var o=Array.isArray(t)?this.get.apply(this,bi(t)):this.get(t);return Promise.allSettled(o.map((function(t){return t.toggle.apply(t,n)})))},get:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return this.modals.filter((function(t){return e.includes(t.name)}))},dynamicModals:[],openedModals:[],modals:[],_setDefaultModal:function(t){e=t}}));return gi(t={},"$vfm",n),gi(t,"VueFinalModal",function(t){var e=io(eo,t);return t._setDefaultModal(e),e}(n)),gi(t,"ModalsContainer",io(no,n)),t},so=ro(),ao=so.$vfm,lo=so.VueFinalModal,co=(so.ModalsContainer,function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=0===oo?so:ro(),i=n.$vfm,o=n.VueFinalModal,r=n.ModalsContainer;oo+=1;var s=e.key||"$vfm",a=e.componentName||"VueFinalModal",l=e.dynamicContainerName||"ModalsContainer";t.prototype[s]=i,t.component(a,o),t.component(l,r)}),uo=function(t){return{install:function(e,n){var i=Object.assign({},t,n);co(e,i)}}};uo.install=co;const ho=qe({name:"Trigger",components:{PortalTarget:fi.YC},props:{for:{type:String,default:""},trigger:{type:String,default:"hover focus"},placement:{type:String,default:"top"}},data:function(){return{popoverOrTooltipType:void 0,isInput:!1}},methods:{toggle:function(){this.for&&ao.show(this.for)}},computed:{triggerEventType:function(){return"click"===this.trigger||"focus"===this.trigger?this.trigger:"mouseenter"},triggers:function(){return this.trigger.split(" ")},target:function(){return this.for}},mounted:function(){if(this.isInput=this.$slots.default&&this.$slots.default.some((function(t){return"input"===t.tag})),this.for&&void 0===this.popoverOrTooltipType){var t=document.getElementById(this.for);if(!t)return;this.popoverOrTooltipType=t.dataset.mbComponentType}}},pi,[],!1,null,null,null).exports;var po=function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"site-nav-root"},[this._t("default")],2)};po._withStripped=!0;const fo=qe({name:"SiteNav",mounted:function(){var t=this,e=Sn(new URL(window.location.href).pathname);this.$el.querySelectorAll("a[href]").forEach((function(n){var i=Sn(n.getAttribute("href"));if(e===i){n.classList.add("current");for(var o=n.parentElement;o&&o!==t.$el;)"ul"===o.tagName.toLowerCase()&&o.classList.contains("site-nav-dropdown-container")&&o.classList.add("site-nav-dropdown-container-open"),o=o.parentElement}}))}},po,[],!1,null,null,null).exports;var mo=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("span",{class:[{"nav-menu-close-icon":t.show}],on:{click:function(e){return t.toggleNavMenu(void 0)}}},[t._t("navMenuIcon")],2),t._v(" "),n("div",{ref:"navMenuContainer",class:["nav-menu",{"nav-menu-open":t.show}],style:t.navbarHeight,on:{click:t.toggleNavMenu}},[n("portal-target",{attrs:{name:t.portalName,multiple:""}})],1)])};mo._withStripped=!0;var vo={};const go=qe({components:{PortalTarget:fi.YC},props:{type:{type:String,default:null},portalName:{type:String,default:null}},inject:{toggleLowerNavbar:{default:void 0}},data:function(){return{show:!1,navbarHeight:""}},methods:{toggleNavMenu:function(t){var e,n=this;t&&"a"===t.target.tagName.toLowerCase()||!t&&this.show?(document.body.style.removeProperty("overflow"),this.show=!1):(vo[e="closeOverlay"]&&vo[e].forEach((function(t){return t()})),document.body.style.overflow="hidden",this.show=!0,this.$nextTick((function(){var t=n.$refs.navMenuContainer,e=window.innerHeight-t.getBoundingClientRect().top;n.navbarHeight="height: ".concat(e,"px")})))}},mounted:function(){var t,e,n=this;this.toggleLowerNavbar&&this.toggleLowerNavbar(),e=function(){n.show=!1},vo[t="closeOverlay"]||(vo[t]=[]),vo[t].push(e)}},mo,[],!1,null,"1a3e7aee",null).exports;var yo=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n(t.tagName,t._b({tag:"component"},"component",t.$attrs,!1),[t._t("default"),t._v(" "),t.enablePortal?n("portal",{attrs:{to:t.to}},[n(t.tagName,t._b({tag:"component",class:[t.$vnode.data.staticClass||"","mb-mobile-nav"],style:t.$vnode.data.staticStyle},"component",t.$attrs,!1),[t._t("default")],2)],1):t._e()],2)};yo._withStripped=!0;const wo=qe({name:"OverlaySource",components:{Portal:fi.h_},props:{to:{type:String,default:void 0},tagName:{type:String,default:void 0}},data:function(){return{enablePortal:!1}},mounted:function(){this.enablePortal=!0}},yo,[],!1,null,"e6005420",null).exports;var bo=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("span",{class:"click"===t.trigger?"trigger-click":"trigger",attrs:{"data-mb-component-type":"popover",tabindex:"0"}},[t.targetEl.id?n("portal",{attrs:{to:"popover:"+t.targetEl.id}},[t.hasHeader?n("h3",{staticClass:"popover-header"},[t._t("header")],2):t._e(),t._v(" "),n("div",{staticClass:"popover-body"},[t._t("content")],2)]):t._e(),t._v(" "),t.isMounted?n("v-popover",{attrs:{"auto-hide":!t.isInput,triggers:t.triggers,"popper-triggers":t.triggers,"hide-triggers":t.triggers,placement:t.placement,delay:0,"shift-cross-axis":""},scopedSlots:t._u([{key:"popper",fn:function(){return[n("div",{staticClass:"popover-container"},[t.hasHeader?n("h3",{staticClass:"popover-header"},[t._t("header")],2):t._e(),t._v(" "),n("div",{staticClass:"popover-body"},[t._t("content")],2)])]},proxy:!0}],null,!0)},[t.isInput?t._t("default"):n("span",{on:{click:function(t){t.stopPropagation()}}},[t._t("default")],2)],2):t._e()],1)};bo._withStripped=!0;const _o=qe({name:"Popover",components:{Portal:fi.h_},props:{trigger:{type:String,default:"hover focus"},placement:{type:String,default:"top"}},data:function(){return{targetEl:{},isMounted:!1}},computed:{triggers:function(){return this.trigger.split(" ")},hasHeader:function(){return!!this.$slots.header}},mounted:function(){this.targetEl=this.$el,this.isInput=this.$slots.default&&this.$slots.default.some((function(t){return"input"===t.tag})),this.isMounted=!0}},bo,[],!1,null,null,null).exports;var So=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("span",{class:"click"===t.trigger?"trigger-click":"trigger",attrs:{"data-mb-component-type":"tooltip",tabindex:"0"}},[t.targetEl.id?n("portal",{attrs:{to:"tooltip:"+t.targetEl.id}},[t._t("content")],2):t._e(),t._v(" "),t.isMounted?n("v-tooltip",{attrs:{"auto-hide":!t.isInput,triggers:t.triggers,"popper-triggers":t.triggers,"hide-triggers":t.triggers,placement:t.placement,delay:0,"shift-cross-axis":""},scopedSlots:t._u([{key:"popper",fn:function(){return[t._t("content")]},proxy:!0}],null,!0)},[t._v(" "),t.isInput?t._t("default"):n("span",{on:{click:function(t){t.stopPropagation()}}},[t._t("default")],2)],2):t._e()],1)};So._withStripped=!0;const xo=qe({name:"Tooltip",components:{Portal:fi.h_},props:{trigger:{type:String,default:"hover focus"},placement:{type:String,default:"top"}},data:function(){return{targetEl:{},isInput:!1,isMounted:!1}},computed:{triggers:function(){return this.trigger.split(" ")}},mounted:function(){this.targetEl=this.$el,this.isInput=this.$slots.default&&this.$slots.default.some((function(t){return"input"===t.tag})),this.isMounted=!0}},So,[],!1,null,null,null).exports;var Co=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.isMounted?n("vue-final-modal",{attrs:{ssr:"",name:t.id,classes:["modal"],"content-class":["modal-dialog","modal-dialog-scrollable",t.optionalModalSize,t.optionalCentering],"overlay-transition":"none",transition:t.effectClass,"click-to-close":"false"!==t.backdrop,"esc-to-close":"","z-index-base":"2000"},model:{value:t.show,callback:function(e){t.show=e},expression:"show"}},[n("div",{staticClass:"modal-content"},[t.hasHeader?n("div",{staticClass:"modal-header"},[n("h5",{staticClass:"modal-title"},[t._t("header")],2),t._v(" "),n("button",{staticClass:"btn-close",attrs:{type:"button","aria-label":"Close"},on:{click:function(e){return t.close()}}})]):t._e(),t._v(" "),n("div",{staticClass:"modal-body"},[t._t("default")],2),t._v(" "),t.hasFooter||t.hasOk?n("div",{staticClass:"modal-footer"},[t.hasFooter?t._t("footer"):n("button",{staticClass:"btn btn-primary",on:{click:function(e){return t.close()}}},[t._v("\n        "+t._s(t.okText)+"\n      ")])],2):t._e()])]):t._e()};Co._withStripped=!0;const $o=qe({name:"Modal",components:{VueFinalModal:lo},data:function(){return{show:!1,isMounted:!1,zoomEffect:{"enter-class":"modal-zoom","enter-to-class":"modal-zoom-show","leave-to-class":"modal-zoom","leave-class":"modal-zoom-show"}}},props:{okText:{type:String,default:""},effect:{type:String,default:"zoom"},id:{type:String,default:""},small:{type:Boolean,default:!1},large:{type:Boolean,default:!1},center:{type:Boolean,default:!1},backdrop:{type:String,default:""}},computed:{hasHeader:function(){return!!this.$slots.header},hasFooter:function(){return!!this.$slots.footer},hasOk:function(){return""!==this.okText},optionalModalSize:function(){return this.small||this.large?this.small?"modal-sm":"modal-lg":""},optionalCentering:function(){return this.center?"modal-dialog-centered":""},effectClass:function(){return"zoom"===this.effect?this.zoomEffect:"vfm"}},methods:{close:function(){this.show=!1}},mounted:function(){this.isMounted=!0}},Co,[],!1,null,null,null).exports;var ko=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:["scroll-top-button",t.getIconSize(),"d-print-none",{lighten:t.$data.isLighten}],style:t.iconStyle(),attrs:{"aria-hidden":"true"},on:{click:function(e){return t.handleScrollTop()}}},[t._t("icon",(function(){return[n("i",{class:["fas fa-arrow-circle-up"]})]}))],2)};ko._withStripped=!0;var To={box:We,breadcrumb:Ve,dropdown:gn,navbar:Tn,panel:Rn,annotate:In,aPoint:Wn,pic:Vn,quiz:Qn,question:Gn,qOption:Jn,retriever:zn,searchbar:oi,tab:si,tabGroup:li,tabs:ui,thumbnail:hi,trigger:ho,siteNav:fo,submenu:vn,siteNavButton:Cn,pageNavButton:kn,overlay:go,overlaySource:wo,popover:_o,tooltip:xo,modal:$o,VPopover:Ne,VTooltip:Ae,scrollTopButton:qe({name:"ScrollTopButton",props:{icon:{type:String,default:null},iconSize:{type:String,default:"lg"},iconColor:{type:String,default:null},bottom:{type:String,default:null},right:{type:String,default:null}},data:function(){return{isVisible:!1,isLighten:!1,timers:{showOrHideButtonTimer:0,lightenButtonTimer:0}}},methods:{initScrollTopButton:function(){window.addEventListener("scroll",this.promptScrollTopButton)},destroyScrollTopButton:function(){window.removeEventListener("scroll",this.promptScrollTopButton)},promptScrollTopButton:function(){this.resetScrollTopButton(),this.showOrHideScrollTopButton()},resetScrollTopButton:function(){clearTimeout(this.timers.showOrHideButtonTimer),clearTimeout(this.timers.lightenButtonTimer),this.isLighten=!1},showOrHideScrollTopButton:function(){var t=this;this.timers.showOrHideButtonTimer=setTimeout((function(){document.body.scrollTop>20||document.documentElement.scrollTop>20?(t.isVisible=!0,t.lightenScrollTopButton()):t.isVisible=!1}),100)},lightenScrollTopButton:function(){var t=this;this.timers.lightenButtonTimer=setTimeout((function(){t.isLighten||(t.isLighten=!0)}),1e3)},iconStyle:function(){var t={};return t.display=this.isVisible?"block":"none",this.iconColor&&(t.color=this.iconColor),t.bottom=this.bottom?this.bottom:"2%",t.right=this.right?this.right:"2%",t.position="fixed",t},handleScrollTop:function(){document.body.scrollIntoView({block:"start",behavior:"smooth"})},getIconSize:function(){return this.iconSize?"fa-".concat(this.iconSize):""}},mounted:function(){this.initScrollTopButton()},beforeDestroy:function(){this.destroyScrollTopButton()}},ko,[],!1,null,null,null).exports},Eo={closeable:Qe()};const Oo={MarkBindVue:{plugin:{install:function(t){Object.keys(Eo).forEach((function(e){t.directive(e,Eo[e])})),Object.keys(To).forEach((function(e){t.component(e,To[e])}))}},components:To,directives:Eo},appFactory:function(){return{data:function(){return{searchData:[]}},methods:{searchCallback:function(t){var e="".concat(baseUrl,"/").concat(t.src.replace(/.md$/,".html")),n=t.heading?"#".concat(t.heading.id):"";window.location="".concat(e).concat(n)}}}}};i(605);function Bo(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function Po(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?Bo(Object(i),!0).forEach((function(e){n(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):Bo(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var Lo=Oo.MarkBindVue,No=Oo.appFactory;function Ao(){var t=document.querySelector("header[sticky]");if(null!==t){var e=a(),n=!1;t.addEventListener("transitionend",(function(){n||(t.style.overflow="")})),new ResizeObserver((function(){e=a(),document.documentElement.style.setProperty("--sticky-header-height","".concat(e,"px")),window.innerWidth>767&&n&&l()})).observe(t);var i,o=0,r=window.location.hash,s=function(){if(!(window.innerWidth>767)){if(r!==window.location.hash)return r=window.location.hash,void l();r=window.location.hash;var i=window.pageYOffset;if(!(window.innerHeight+i>=document.body.offsetHeight)){if(i>o){t.style.position="static";var s=t.getBoundingClientRect().top+e;if(t.style.position="sticky",s>0)return;n=!0,t.style.overflow="hidden",t.classList.add("hide-header")}else l();o=i}}};window.addEventListener("scroll",(function(){i&&clearTimeout(i),i=setTimeout(s,20)}))}function a(){var e=window.getComputedStyle(t,null);return t.clientHeight-parseFloat(e.paddingTop)-parseFloat(e.paddingBottom)}function l(){n=!1,t.classList.remove("hide-header")}}function zo(){document.querySelectorAll("script[style-bypass-vue-compilation]").forEach((function(t){var e=document.createElement("style");e.innerHTML=t.innerHTML,t.parentNode.replaceChild(e,t)})),Ao()}Vue.use(Lo.plugin),window.onload=function(){if(window.location.hash){var t=document.getElementById(window.location.hash.slice(1));t&&t.scrollIntoView({behavior:"smooth",block:"start",inline:"nearest"})}},window.handleSiteNavClick=function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(e){var n=t.getElementsByTagName("a");if(n.length)return void(window.location.href=n[0].href)}var i=t.nextElementSibling,o=t.lastElementChild.lastElementChild;i.classList.toggle("site-nav-dropdown-container-open"),o.classList.toggle("site-nav-rotate-icon")};const Mo={setup:function(){new Vue(Po(Po({render:function(t){return pageVueRenderFn.call(this,t)},staticRenderFns:pageVueStaticRenderFns},No()),{},{mounted:function(){zo()}})).$mount("#app",!0)},setupWithSearch:function(){new Vue(Po(Po({render:function(t){return pageVueRenderFn.call(this,t)},staticRenderFns:pageVueStaticRenderFns},No()),{},{mounted:function(){zo(),function(t){fetch("".concat(baseUrl,"/siteData.json")).then((function(t){return t.json()})).then((function(e){t.searchData=e.pages}))}(this)}})).$mount("#app",!0)}}})(),o=o.default})());
\ No newline at end of file
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("Vue")):"function"==typeof define&&define.amd?define(["Vue"],e):"object"==typeof exports?exports.MarkBind=e(require("Vue")):t.MarkBind=e(t.Vue)}(self,t=>(()=>{var e={605:()=>{function t(){document.querySelectorAll(".".concat("page-nav-clone")).forEach((function(t){t.remove()}))}window.addEventListener("beforeprint",(function(){var e=document.querySelector("#".concat("mb-page-nav")),n=document.querySelectorAll(".".concat("page-nav-print"));e&&n.length>=1&&(t(),n.forEach((function(t){t.appendChild(function(t){var e=t.cloneNode(!0);return e.removeAttribute("id"),e.querySelectorAll("a.active").forEach((function(t){t.classList.remove("active")})),e.classList.add("page-nav-clone"),e}(e))})))})),window.addEventListener("afterprint",(function(){t()})),window.addEventListener("beforeprint",(function(){document.querySelectorAll("pre > code.hljs").forEach((function(t){Array.from(t.querySelectorAll("span")).some((function(t){return t.scrollWidth>t.clientWidth}))&&t.classList.add("line-numbers-print")}))}))},3:t=>{t.exports={bind:function(t){function e(){t.dataset.isShown="false",r.style.display="",o.style.display="none",i.style.display="none"}function n(){t.dataset.isShown="true",r.style.display="none",i.style.display=""}t.dataset.isShown="true",t.style.position="relative";var i=document.createElement("div");i.classList.add("content"),Array.from(t.children).forEach((function(t){return i.append(t)})),t.replaceChildren(),t.append(i),t.classList.add("closeable-wrapper");var o=function(){var t=document.createElement("span");return t.classList.add("closeable-button","label","label-default","hidden-print"),t.style.cssText+="display: none; position: absolute; top: 0; left: 0; cursor: pointer;background: #d9534f",t.innerHTML='<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>',t.addEventListener("click",e),t}();t.append(o);var r=function(t){var e=document.createElement("a");return e.classList.add("closeable-show","hidden-print"),e.style.cssText+="display: none; cursor: pointer;text-decoration: underline",e.innerHTML=t,e.addEventListener("click",n),e}(t.getAttribute("alt")||"Expand Content");t.append(r),t.addEventListener("mouseover",(function(){"false"!==t.dataset.isShown&&(o.style.display="")})),t.addEventListener("mouseout",(function(){"false"!==t.dataset.isShown&&(o.style.display="none")}))}}},383:(t,e,n)=>{"use strict";var i,o=(i=n(740))&&"object"==typeof i&&"default"in i?i.default:i;function r(t){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function s(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var a="undefined"!=typeof window;function l(t,e){return e.reduce((function(e,n){return t.hasOwnProperty(n)&&(e[n]=t[n]),e}),{})}var c={},u={},d={},h=new(o.extend({data:function(){return{transports:c,targets:u,sources:d,trackInstances:a}},methods:{open:function(t){if(a){var e=t.to,n=t.from,i=t.passengers,s=t.order,l=void 0===s?1/0:s;if(e&&n&&i){var c,u={to:e,from:n,passengers:(c=i,Array.isArray(c)||"object"===r(c)?Object.freeze(c):c),order:l};-1===Object.keys(this.transports).indexOf(e)&&o.set(this.transports,e,[]);var d,h=this.$_getTransportIndex(u),p=this.transports[e].slice(0);-1===h?p.push(u):p[h]=u,this.transports[e]=(d=function(t,e){return t.order-e.order},p.map((function(t,e){return[e,t]})).sort((function(t,e){return d(t[1],e[1])||t[0]-e[0]})).map((function(t){return t[1]})))}}},close:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=t.to,i=t.from;if(n&&(i||!1!==e)&&this.transports[n])if(e)this.transports[n]=[];else{var o=this.$_getTransportIndex(t);if(o>=0){var r=this.transports[n].slice(0);r.splice(o,1),this.transports[n]=r}}},registerTarget:function(t,e,n){a&&(this.trackInstances&&!n&&this.targets[t]&&console.warn("[portal-vue]: Target ".concat(t," already exists")),this.$set(this.targets,t,Object.freeze([e])))},unregisterTarget:function(t){this.$delete(this.targets,t)},registerSource:function(t,e,n){a&&(this.trackInstances&&!n&&this.sources[t]&&console.warn("[portal-vue]: source ".concat(t," already exists")),this.$set(this.sources,t,Object.freeze([e])))},unregisterSource:function(t){this.$delete(this.sources,t)},hasTarget:function(t){return!(!this.targets[t]||!this.targets[t][0])},hasSource:function(t){return!(!this.sources[t]||!this.sources[t][0])},hasContentFor:function(t){return!!this.transports[t]&&!!this.transports[t].length},$_getTransportIndex:function(t){var e=t.to,n=t.from;for(var i in this.transports[e])if(this.transports[e][i].from===n)return+i;return-1}}}))(c),p=1,f=o.extend({name:"portal",props:{disabled:{type:Boolean},name:{type:String,default:function(){return String(p++)}},order:{type:Number,default:0},slim:{type:Boolean},slotProps:{type:Object,default:function(){return{}}},tag:{type:String,default:"DIV"},to:{type:String,default:function(){return String(Math.round(1e7*Math.random()))}}},created:function(){var t=this;this.$nextTick((function(){h.registerSource(t.name,t)}))},mounted:function(){this.disabled||this.sendUpdate()},updated:function(){this.disabled?this.clear():this.sendUpdate()},beforeDestroy:function(){h.unregisterSource(this.name),this.clear()},watch:{to:function(t,e){e&&e!==t&&this.clear(e),this.sendUpdate()}},methods:{clear:function(t){var e={from:this.name,to:t||this.to};h.close(e)},normalizeSlots:function(){return this.$scopedSlots.default?[this.$scopedSlots.default]:this.$slots.default},normalizeOwnChildren:function(t){return"function"==typeof t?t(this.slotProps):t},sendUpdate:function(){var t=this.normalizeSlots();if(t){var e={from:this.name,to:this.to,passengers:s(t),order:this.order};h.open(e)}else this.clear()}},render:function(t){var e=this.$slots.default||this.$scopedSlots.default||[],n=this.tag;return e&&this.disabled?e.length<=1&&this.slim?this.normalizeOwnChildren(e)[0]:t(n,[this.normalizeOwnChildren(e)]):this.slim?t():t(n,{class:{"v-portal":!0},style:{display:"none"},key:"v-portal-placeholder"})}}),m=o.extend({name:"portalTarget",props:{multiple:{type:Boolean,default:!1},name:{type:String,required:!0},slim:{type:Boolean,default:!1},slotProps:{type:Object,default:function(){return{}}},tag:{type:String,default:"div"},transition:{type:[String,Object,Function]}},data:function(){return{transports:h.transports,firstRender:!0}},created:function(){var t=this;this.$nextTick((function(){h.registerTarget(t.name,t)}))},watch:{ownTransports:function(){this.$emit("change",this.children().length>0)},name:function(t,e){h.unregisterTarget(e),h.registerTarget(t,this)}},mounted:function(){var t=this;this.transition&&this.$nextTick((function(){t.firstRender=!1}))},beforeDestroy:function(){h.unregisterTarget(this.name)},computed:{ownTransports:function(){var t=this.transports[this.name]||[];return this.multiple?t:0===t.length?[]:[t[t.length-1]]},passengers:function(){return function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return t.reduce((function(t,n){var i=n.passengers[0],o="function"==typeof i?i(e):n.passengers;return t.concat(o)}),[])}(this.ownTransports,this.slotProps)}},methods:{children:function(){return 0!==this.passengers.length?this.passengers:this.$scopedSlots.default?this.$scopedSlots.default(this.slotProps):this.$slots.default||[]},noWrapper:function(){var t=this.slim&&!this.transition;return t&&this.children().length>1&&console.warn("[portal-vue]: PortalTarget with `slim` option received more than one child element."),t}},render:function(t){var e=this.noWrapper(),n=this.children(),i=this.transition||this.tag;return e?n[0]:this.slim&&!i?t():t(i,{props:{tag:this.transition&&this.tag?this.tag:void 0},class:{"vue-portal-target":!0}},n)}}),v=0,g=["disabled","name","order","slim","slotProps","tag","to"],y=["multiple","transition"],w=o.extend({name:"MountingPortal",inheritAttrs:!1,props:{append:{type:[Boolean,String]},bail:{type:Boolean},mountTo:{type:String,required:!0},disabled:{type:Boolean},name:{type:String,default:function(){return"mounted_"+String(v++)}},order:{type:Number,default:0},slim:{type:Boolean},slotProps:{type:Object,default:function(){return{}}},tag:{type:String,default:"DIV"},to:{type:String,default:function(){return String(Math.round(1e7*Math.random()))}},multiple:{type:Boolean,default:!1},targetSlim:{type:Boolean},targetSlotProps:{type:Object,default:function(){return{}}},targetTag:{type:String,default:"div"},transition:{type:[String,Object,Function]}},created:function(){if("undefined"!=typeof document){var t=document.querySelector(this.mountTo);if(t){var e=this.$props;if(h.targets[e.name])e.bail?console.warn("[portal-vue]: Target ".concat(e.name," is already mounted.\n        Aborting because 'bail: true' is set")):this.portalTarget=h.targets[e.name];else{var n=e.append;if(n){var i="string"==typeof n?n:"DIV",o=document.createElement(i);t.appendChild(o),t=o}var r=l(this.$props,y);r.slim=this.targetSlim,r.tag=this.targetTag,r.slotProps=this.targetSlotProps,r.name=this.to,this.portalTarget=new m({el:t,parent:this.$parent||this,propsData:r})}}else console.error("[portal-vue]: Mount Point '".concat(this.mountTo,"' not found in document"))}},beforeDestroy:function(){var t=this.portalTarget;if(this.append){var e=t.$el;e.parentNode.removeChild(e)}t.$destroy()},render:function(t){if(!this.portalTarget)return console.warn("[portal-vue] Target wasn't mounted"),t();if(!this.$scopedSlots.manual){var e=l(this.$props,g);return t(f,{props:e,attrs:this.$attrs,on:this.$listeners,scopedSlots:this.$scopedSlots},this.$slots.default)}var n=this.$scopedSlots.manual({to:this.to});return Array.isArray(n)&&(n=n[0]),n||t()}});e.h_=f,e.YC=m},740:e=>{"use strict";e.exports=t}},n={};function i(t){var o=n[t];if(void 0!==o)return o.exports;var r=n[t]={exports:{}};return e[t](r,r.exports,i),r.exports}i.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{for(var n in e)i.o(e,n)&&!i.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var o={};return(()=>{"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}function e(e){var n=function(e,n){if("object"!==t(e)||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var o=i.call(e,n||"default");if("object"!==t(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"===t(n)?n:String(n)}function n(t,n,i){return(n=e(n))in t?Object.defineProperty(t,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[n]=i,t}function r(t){return t.split("-")[0]}function s(t){return t.split("-")[1]}function a(t){return["top","bottom"].includes(r(t))?"x":"y"}function l(t){return"y"===t?"height":"width"}function c(t){let{reference:e,floating:n,placement:i}=t;const o=e.x+e.width/2-n.width/2,c=e.y+e.height/2-n.height/2;let u;switch(r(i)){case"top":u={x:o,y:e.y-n.height};break;case"bottom":u={x:o,y:e.y+e.height};break;case"right":u={x:e.x+e.width,y:c};break;case"left":u={x:e.x-n.width,y:c};break;default:u={x:e.x,y:e.y}}const d=a(i),h=l(d);switch(s(i)){case"start":u[d]=u[d]-(e[h]/2-n[h]/2);break;case"end":u[d]=u[d]+(e[h]/2-n[h]/2)}return u}i.d(o,{default:()=>Mo});function u(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function d(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function h(t,e){void 0===e&&(e={});const{x:n,y:i,platform:o,rects:r,elements:s,strategy:a}=t,{boundary:l="clippingParents",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:p=!1,padding:f=0}=e,m=u(f),v=s[p?"floating"===h?"reference":"floating":h],g=await o.getClippingClientRect({element:await o.isElement(v)?v:v.contextElement||await o.getDocumentElement({element:s.floating}),boundary:l,rootBoundary:c}),y=d(await o.convertOffsetParentRelativeRectToViewportRelativeRect({rect:"floating"===h?{...r.floating,x:n,y:i}:r.reference,offsetParent:await o.getOffsetParent({element:s.floating}),strategy:a}));return{top:g.top-y.top+m.top,bottom:y.bottom-g.bottom+m.bottom,left:g.left-y.left+m.left,right:y.right-g.right+m.right}}const p=Math.min,f=Math.max;function m(t,e,n){return f(t,p(e,n))}const v={left:"right",right:"left",bottom:"top",top:"bottom"};function g(t){return t.replace(/left|right|bottom|top/g,t=>v[t])}function y(t,e){const n="start"===s(t),i=a(t),o=l(i);let r="x"===i?n?"right":"left":n?"bottom":"top";return e.reference[o]>e.floating[o]&&(r=g(r)),{main:r,cross:g(r)}}const w={start:"end",end:"start"};function b(t){return t.replace(/start|end/g,t=>w[t])}const _=["top","right","bottom","left"],S=_.reduce((t,e)=>t.concat(e,e+"-start",e+"-end"),[]);const x=function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(e){var n,i,o,a,l,c;const{x:u,y:d,rects:p,middlewareData:f,placement:m}=e,{alignment:v=null,allowedPlacements:g=S,autoAlignment:w=!0,..._}=t;if(null!=(n=f.autoPlacement)&&n.skip)return{};const x=function(t,e,n){return(t?[...n.filter(e=>s(e)===t),...n.filter(e=>s(e)!==t)]:n.filter(t=>r(t)===t)).filter(n=>!t||(s(n)===t||!!e&&b(n)!==n))}(v,w,g),C=await h(e,_),$=null!=(i=null==(o=f.autoPlacement)?void 0:o.index)?i:0,k=x[$],{main:T,cross:E}=y(k,p);if(m!==k)return{x:u,y:d,reset:{placement:x[0]}};const O=[C[r(k)],C[T],C[E]],B=[...null!=(a=null==(l=f.autoPlacement)?void 0:l.overflows)?a:[],{placement:k,overflows:O}],P=x[$+1];if(P)return{data:{index:$+1,overflows:B},reset:{placement:P}};const L=B.slice().sort((t,e)=>t.overflows[0]-e.overflows[0]),N=null==(c=L.find(t=>{let{overflows:e}=t;return e.every(t=>t<=0)}))?void 0:c.placement;return{data:{skip:!0},reset:{placement:null!=N?N:L[0].placement}}}}};const C=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,i;const{placement:o,middlewareData:s,rects:a,initialPlacement:l}=e;if(null!=(n=s.flip)&&n.skip)return{};const{mainAxis:c=!0,crossAxis:u=!0,fallbackPlacements:d,fallbackStrategy:p="bestFit",flipAlignment:f=!0,...m}=t,v=r(o),w=[l,...d||(v===l||!f?[g(l)]:function(t){const e=g(t);return[b(t),e,b(e)]}(l))],_=await h(e,m),S=[];let x=(null==(i=s.flip)?void 0:i.overflows)||[];if(c&&S.push(_[v]),u){const{main:t,cross:e}=y(o,a);S.push(_[t],_[e])}if(x=[...x,{placement:o,overflows:S}],!S.every(t=>t<=0)){var C,$;const t=(null!=(C=null==($=s.flip)?void 0:$.index)?C:0)+1,e=w[t];if(e)return{data:{index:t,overflows:x},reset:{placement:e}};let n="bottom";switch(p){case"bestFit":{var k;const t=null==(k=x.slice().sort((t,e)=>t.overflows.filter(t=>t>0).reduce((t,e)=>t+e,0)-e.overflows.filter(t=>t>0).reduce((t,e)=>t+e,0))[0])?void 0:k.placement;t&&(n=t);break}case"initialPlacement":n=l}return{data:{skip:!0},reset:{placement:n}}}return{}}}};const $=function(t){return void 0===t&&(t=0),{name:"offset",options:t,fn(e){const{x:n,y:i,placement:o,rects:s}=e,l=function(t){let{placement:e,rects:n,value:i}=t;const o=r(e),s=["left","top"].includes(o)?-1:1,l="function"==typeof i?i({...n,placement:e}):i,{mainAxis:c,crossAxis:u}="number"==typeof l?{mainAxis:l,crossAxis:0}:{mainAxis:0,crossAxis:0,...l};return"x"===a(o)?{x:u,y:c*s}:{x:c*s,y:u}}({placement:o,rects:s,value:t});return{x:n+l.x,y:i+l.y,data:l}}}};function k(t){return"x"===t?"y":"x"}function T(t){return"[object Window]"===(null==t?void 0:t.toString())}function E(t){if(null==t)return window;if(!T(t)){const e=t.ownerDocument;return e&&e.defaultView||window}return t}function O(t){return E(t).getComputedStyle(t)}function B(t){return T(t)?"":t?(t.nodeName||"").toLowerCase():""}function P(t){return t instanceof E(t).HTMLElement}function L(t){return t instanceof E(t).Element}function N(t){return t instanceof E(t).ShadowRoot||t instanceof ShadowRoot}function A(t){const{overflow:e,overflowX:n,overflowY:i}=O(t);return/auto|scroll|overlay|hidden/.test(e+i+n)}function z(t){return["table","td","th"].includes(B(t))}function M(t){const e=navigator.userAgent.toLowerCase().includes("firefox"),n=O(t);return"none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||["transform","perspective"].includes(n.willChange)||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter}const H=Math.min,D=Math.max,R=Math.round;function j(t,e){void 0===e&&(e=!1);const n=t.getBoundingClientRect();let i=1,o=1;return e&&P(t)&&(i=t.offsetWidth>0&&R(n.width)/t.offsetWidth||1,o=t.offsetHeight>0&&R(n.height)/t.offsetHeight||1),{width:n.width/i,height:n.height/o,top:n.top/o,right:n.right/i,bottom:n.bottom/o,left:n.left/i,x:n.left/i,y:n.top/o}}function I(t){return(e=t,(e instanceof E(e).Node?t.ownerDocument:t.document)||window.document).documentElement;var e}function q(t){return T(t)?{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}:{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function W(t){return j(I(t)).left+q(t).scrollLeft}function F(t,e,n){const i=P(e),o=I(e),r=j(t,i&&function(t){const e=j(t);return R(e.width)!==t.offsetWidth||R(e.height)!==t.offsetHeight}(e));let s={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(i||!i&&"fixed"!==n)if(("body"!==B(e)||A(o))&&(s=q(e)),P(e)){const t=j(e,!0);a.x=t.x+e.clientLeft,a.y=t.y+e.clientTop}else o&&(a.x=W(o));return{x:r.left+s.scrollLeft-a.x,y:r.top+s.scrollTop-a.y,width:r.width,height:r.height}}function V(t){return"html"===B(t)?t:t.assignedSlot||t.parentNode||(N(t)?t.host:null)||I(t)}function U(t){return P(t)&&"fixed"!==getComputedStyle(t).position?t.offsetParent:null}function Q(t){const e=E(t);let n=U(t);for(;n&&z(n)&&"static"===getComputedStyle(n).position;)n=U(n);return n&&("html"===B(n)||"body"===B(n)&&"static"===getComputedStyle(n).position&&!M(n))?e:n||function(t){let e=V(t);for(;P(e)&&!["html","body"].includes(B(e));){if(M(e))return e;e=e.parentNode}return null}(t)||e}function X(t){return{width:t.offsetWidth,height:t.offsetHeight}}function Y(t,e){var n;void 0===e&&(e=[]);const i=function t(e){return["html","body","#document"].includes(B(e))?e.ownerDocument.body:P(e)&&A(e)?e:t(V(e))}(t),o=i===(null==(n=t.ownerDocument)?void 0:n.body),r=E(i),s=o?[r].concat(r.visualViewport||[],A(i)?i:[]):i,a=e.concat(s);return o?a:a.concat(Y(V(s)))}function K(t,e){return"viewport"===e?d(function(t){const e=E(t),n=I(t),i=e.visualViewport;let o=n.clientWidth,r=n.clientHeight,s=0,a=0;return i&&(o=i.width,r=i.height,Math.abs(e.innerWidth/i.scale-i.width)<.01&&(s=i.offsetLeft,a=i.offsetTop)),{width:o,height:r,x:s,y:a}}(t)):L(e)?function(t){const e=j(t),n=e.top+t.clientTop,i=e.left+t.clientLeft;return{top:n,left:i,x:i,y:n,right:i+t.clientWidth,bottom:n+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}(e):d(function(t){var e;const n=I(t),i=q(t),o=null==(e=t.ownerDocument)?void 0:e.body,r=D(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),s=D(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0);let a=-i.scrollLeft+W(t);const l=-i.scrollTop;return"rtl"===O(o||n).direction&&(a+=D(n.clientWidth,o?o.clientWidth:0)-r),{width:r,height:s,x:a,y:l}}(I(t)))}function G(t){const e=Y(V(t)),n=["absolute","fixed"].includes(O(t).position)&&P(t)?Q(t):t;return L(n)?e.filter(t=>L(t)&&function(t,e){const n=null==e.getRootNode?void 0:e.getRootNode();if(t.contains(e))return!0;if(n&&N(n)){let n=e;do{if(n&&t===n)return!0;n=n.parentNode||n.host}while(n)}return!1}(t,n)&&"body"!==B(t)):[]}const Z={getElementRects:t=>{let{reference:e,floating:n,strategy:i}=t;return{reference:F(e,Q(n),i),floating:{...X(n),x:0,y:0}}},convertOffsetParentRelativeRectToViewportRelativeRect:t=>function(t){let{rect:e,offsetParent:n,strategy:i}=t;const o=P(n),r=I(n);if(n===r)return e;let s={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if((o||!o&&"fixed"!==i)&&(("body"!==B(n)||A(r))&&(s=q(n)),P(n))){const t=j(n,!0);a.x=t.x+n.clientLeft,a.y=t.y+n.clientTop}return{...e,x:e.x-s.scrollLeft+a.x,y:e.y-s.scrollTop+a.y}}(t),getOffsetParent:t=>{let{element:e}=t;return Q(e)},isElement:t=>L(t),getDocumentElement:t=>{let{element:e}=t;return I(e)},getClippingClientRect:t=>function(t){let{element:e,boundary:n,rootBoundary:i}=t;const o=[..."clippingParents"===n?G(e):[].concat(n),i],r=o[0],s=o.reduce((t,n)=>{const i=K(e,n);return t.top=D(i.top,t.top),t.right=H(i.right,t.right),t.bottom=H(i.bottom,t.bottom),t.left=D(i.left,t.left),t},K(e,r));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}(t),getDimensions:t=>{let{element:e}=t;return X(e)},getClientRects:t=>{let{element:e}=t;return e.getClientRects()}},J=(t,e,n)=>(async(t,e,n)=>{const{placement:i="bottom",strategy:o="absolute",middleware:r=[],platform:s}=n;let a=await s.getElementRects({reference:t,floating:e,strategy:o}),{x:l,y:u}=c({...a,placement:i}),d=i,h={};for(let n=0;n<r.length;n++){0;const{name:p,fn:f}=r[n],{x:m,y:v,data:g,reset:y}=await f({x:l,y:u,initialPlacement:i,placement:d,strategy:o,middlewareData:h,rects:a,platform:s,elements:{reference:t,floating:e}});l=null!=m?m:l,u=null!=v?v:u,h={...h,[p]:null!=g?g:{}},y&&("object"==typeof y&&(y.placement&&(d=y.placement),y.rects&&(a=!0===y.rects?await s.getElementRects({reference:t,floating:e,strategy:o}):y.rects),({x:l,y:u}=c({...a,placement:d}))),n=-1)}return{x:l,y:u,placement:d,strategy:o,middlewareData:h}})(t,e,{platform:Z,...n});var tt=i(740),et=i.n(tt),nt=Object.defineProperty,it=Object.defineProperties,ot=Object.getOwnPropertyDescriptors,rt=Object.getOwnPropertySymbols,st=Object.prototype.hasOwnProperty,at=Object.prototype.propertyIsEnumerable,lt=(t,e,n)=>e in t?nt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,ct=(t,e)=>{for(var n in e||(e={}))st.call(e,n)&&lt(t,n,e[n]);if(rt)for(var n of rt(e))at.call(e,n)&&lt(t,n,e[n]);return t},ut=(t,e)=>it(t,ot(e));const dt={disabled:!1,distance:5,skidding:0,container:"body",boundary:void 0,instantMove:!1,disposeTimeout:5e3,popperTriggers:[],strategy:"absolute",preventOverflow:!0,flip:!0,shift:!0,overflowPadding:0,arrowPadding:0,arrowOverflow:!0,themes:{tooltip:{placement:"top",triggers:["hover","focus","touch"],hideTriggers:t=>[...t,"click"],delay:{show:200,hide:0},handleResize:!1,html:!1,loadingContent:"..."},dropdown:{placement:"bottom",triggers:["click"],delay:0,handleResize:!0,autoHide:!0},menu:{$extend:"dropdown",triggers:["hover","focus"],popperTriggers:["hover","focus"],delay:{show:0,hide:400}}}};function ht(t,e){let n,i=dt.themes[t]||{};do{n=i[e],void 0===n?i.$extend?i=dt.themes[i.$extend]||{}:(i=null,n=dt[e]):i=null}while(i);return n}let pt=!1;if("undefined"!=typeof window){pt=!1;try{const t=Object.defineProperty({},"passive",{get(){pt=!0}});window.addEventListener("test",null,t)}catch(t){}}let ft=!1;"undefined"!=typeof window&&"undefined"!=typeof navigator&&(ft=/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream);const mt=["auto","top","bottom","left","right"].reduce((t,e)=>t.concat([e,e+"-start",e+"-end"]),[]),vt={hover:"mouseenter",focus:"focus",click:"click",touch:"touchstart"},gt={hover:"mouseleave",focus:"blur",click:"click",touch:"touchend"};function yt(){return new Promise(t=>requestAnimationFrame(()=>{requestAnimationFrame(t)}))}const wt=[];let bt=null,_t=function(){};function St(t){return function(){return ht(this.$props.theme,t)}}"undefined"!=typeof window&&(_t=window.Element);const xt="__floating-vue__popper";var Ct=()=>({name:"VPopper",props:{theme:{type:String,required:!0},targetNodes:{type:Function,required:!0},referenceNode:{type:Function,required:!0},popperNode:{type:Function,required:!0},shown:{type:Boolean,default:!1},showGroup:{type:String,default:null},ariaId:{default:null},disabled:{type:Boolean,default:St("disabled")},positioningDisabled:{type:Boolean,default:St("positioningDisabled")},placement:{type:String,default:St("placement"),validator:t=>mt.includes(t)},delay:{type:[String,Number,Object],default:St("delay")},distance:{type:[Number,String],default:St("distance")},skidding:{type:[Number,String],default:St("skidding")},triggers:{type:Array,default:St("triggers")},showTriggers:{type:[Array,Function],default:St("showTriggers")},hideTriggers:{type:[Array,Function],default:St("hideTriggers")},popperTriggers:{type:Array,default:St("popperTriggers")},popperShowTriggers:{type:[Array,Function],default:St("popperShowTriggers")},popperHideTriggers:{type:[Array,Function],default:St("popperHideTriggers")},container:{type:[String,Object,_t,Boolean],default:St("container")},boundary:{type:[String,_t],default:St("boundary")},strategy:{type:String,validator:t=>["absolute","fixed"].includes(t),default:St("strategy")},autoHide:{type:Boolean,default:St("autoHide")},handleResize:{type:Boolean,default:St("handleResize")},instantMove:{type:Boolean,default:St("instantMove")},eagerMount:{type:Boolean,default:St("eagerMount")},popperClass:{type:[String,Array,Object],default:St("popperClass")},computeTransformOrigin:{type:Boolean,default:St("computeTransformOrigin")},autoMinSize:{type:Boolean,default:St("autoMinSize")},autoSize:{type:[Boolean,String],default:St("autoSize")},autoMaxSize:{type:Boolean,default:St("autoMaxSize")},autoBoundaryMaxSize:{type:Boolean,default:St("autoBoundaryMaxSize")},preventOverflow:{type:Boolean,default:St("preventOverflow")},overflowPadding:{type:[Number,String],default:St("overflowPadding")},arrowPadding:{type:[Number,String],default:St("arrowPadding")},arrowOverflow:{type:Boolean,default:St("arrowOverflow")},flip:{type:Boolean,default:St("flip")},shift:{type:Boolean,default:St("shift")},shiftCrossAxis:{type:Boolean,default:St("shiftCrossAxis")}},provide(){return{[xt]:{parentPopper:this}}},inject:{[xt]:{default:null}},data(){return{isShown:!1,isMounted:!1,skipTransition:!1,classes:{showFrom:!1,showTo:!1,hideFrom:!1,hideTo:!0},result:{x:0,y:0,placement:"",strategy:this.strategy,arrow:{x:0,y:0,centerOffset:0},transformOrigin:null},shownChildren:new Set}},computed:{popperId(){return null!=this.ariaId?this.ariaId:this.randomId},shouldMountContent(){return this.eagerMount||this.isMounted},slotData(){return{popperId:this.popperId,isShown:this.isShown,shouldMountContent:this.shouldMountContent,skipTransition:this.skipTransition,autoHide:this.autoHide,show:this.show,hide:this.hide,handleResize:this.handleResize,onResize:this.onResize,classes:ut(ct({},this.classes),{popperClass:this.popperClass}),result:this.positioningDisabled?null:this.result}},parentPopper(){var t;return null==(t=this[xt])?void 0:t.parentPopper}},watch:ct(ct({shown:"$_autoShowHide",disabled(t){t?this.dispose():this.init()},async container(){this.isShown&&(this.$_ensureTeleport(),await this.$_computePosition())}},["triggers","positioningDisabled"].reduce((t,e)=>(t[e]="$_refreshListeners",t),{})),["placement","distance","skidding","boundary","strategy","overflowPadding","arrowPadding","preventOverflow","shift","shiftCrossAxis","flip"].reduce((t,e)=>(t[e]="$_computePosition",t),{})),created(){this.$_isDisposed=!0,this.randomId="popper_"+[Math.random(),Date.now()].map(t=>t.toString(36).substring(2,10)).join("_"),this.autoMinSize&&console.warn('[floating-vue] `autoMinSize` option is deprecated. Use `autoSize="min"` instead.'),this.autoMaxSize&&console.warn("[floating-vue] `autoMaxSize` option is deprecated. Use `autoBoundaryMaxSize` instead.")},mounted(){this.init(),this.$_detachPopperNode()},activated(){this.$_autoShowHide()},deactivated(){this.hide()},beforeDestroy(){this.dispose()},methods:{show({event:t=null,skipDelay:e=!1,force:n=!1}={}){var i,o;(null==(i=this.parentPopper)?void 0:i.lockedChild)&&this.parentPopper.lockedChild!==this||(this.$_pendingHide=!1,!n&&this.disabled||((null==(o=this.parentPopper)?void 0:o.lockedChild)===this&&(this.parentPopper.lockedChild=null),this.$_scheduleShow(t,e),this.$emit("show"),this.$_showFrameLocked=!0,requestAnimationFrame(()=>{this.$_showFrameLocked=!1})),this.$emit("update:shown",!0))},hide({event:t=null,skipDelay:e=!1}={}){var n;this.$_hideInProgress||(this.shownChildren.size>0?this.$_pendingHide=!0:this.$_isAimingPopper()?this.parentPopper&&(this.parentPopper.lockedChild=this,clearTimeout(this.parentPopper.lockedChildTimer),this.parentPopper.lockedChildTimer=setTimeout(()=>{this.parentPopper.lockedChild===this&&(this.parentPopper.lockedChild.hide({skipDelay:e}),this.parentPopper.lockedChild=null)},1e3)):((null==(n=this.parentPopper)?void 0:n.lockedChild)===this&&(this.parentPopper.lockedChild=null),this.$_pendingHide=!1,this.$_scheduleHide(t,e),this.$emit("hide"),this.$emit("update:shown",!1)))},init(){this.$_isDisposed&&(this.$_isDisposed=!1,this.isMounted=!1,this.$_events=[],this.$_preventShow=!1,this.$_referenceNode=this.referenceNode(),this.$_targetNodes=this.targetNodes().filter(t=>t.nodeType===t.ELEMENT_NODE),this.$_popperNode=this.popperNode(),this.$_innerNode=this.$_popperNode.querySelector(".v-popper__inner"),this.$_arrowNode=this.$_popperNode.querySelector(".v-popper__arrow-container"),this.$_swapTargetAttrs("title","data-original-title"),this.$_detachPopperNode(),this.triggers.length&&this.$_addEventListeners(),this.shown&&this.show())},dispose(){this.$_isDisposed||(this.$_isDisposed=!0,this.$_removeEventListeners(),this.hide({skipDelay:!0}),this.$_detachPopperNode(),this.isMounted=!1,this.isShown=!1,this.$_updateParentShownChildren(!1),this.$_swapTargetAttrs("data-original-title","title"),this.$emit("dispose"))},async onResize(){this.isShown&&(await this.$_computePosition(),this.$emit("resize"))},async $_computePosition(){var t;if(this.$_isDisposed||this.positioningDisabled)return;const e={strategy:this.strategy,middleware:[]};(this.distance||this.skidding)&&e.middleware.push($({mainAxis:this.distance,crossAxis:this.skidding}));const n=this.placement.startsWith("auto");if(n?e.middleware.push(x({alignment:null!=(t=this.placement.split("-")[1])?t:""})):e.placement=this.placement,this.preventOverflow&&(this.shift&&e.middleware.push(function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:i,placement:o}=e,{mainAxis:s=!0,crossAxis:l=!1,limiter:c={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...u}=t,d={x:n,y:i},p=await h(e,u),f=a(r(o)),v=k(f);let g=d[f],y=d[v];if(s){const t="y"===f?"bottom":"right";g=m(g+p["y"===f?"top":"left"],g,g-p[t])}if(l){const t="y"===v?"bottom":"right";y=m(y+p["y"===v?"top":"left"],y,y-p[t])}const w=c.fn({...e,[f]:g,[v]:y});return{...w,data:{x:w.x-n,y:w.y-i}}}}}({padding:this.overflowPadding,boundary:this.boundary,crossAxis:this.shiftCrossAxis})),!n&&this.flip&&e.middleware.push(C({padding:this.overflowPadding,boundary:this.boundary}))),e.middleware.push((t=>({name:"arrow",options:t,async fn(e){const{element:n,padding:i=0}=null!=t?t:{},{x:o,y:s,placement:c,rects:d,platform:h}=e;if(null==n)return{};const p=u(i),f={x:o,y:s},v=a(r(c)),g=l(v),y=await h.getDimensions({element:n}),w="y"===v?"top":"left",b="y"===v?"bottom":"right",_=d.reference[g]+d.reference[v]-f[v]-d.floating[g],S=f[v]-d.reference[v],x=await h.getOffsetParent({element:n}),C=x?"y"===v?x.clientHeight||0:x.clientWidth||0:0,$=_/2-S/2,k=p[w],T=C-y[g]-p[b],E=C/2-y[g]/2+$,O=m(k,E,T);return{data:{[v]:O,centerOffset:E-O}}}}))({element:this.$_arrowNode,padding:this.arrowPadding})),this.arrowOverflow&&e.middleware.push({name:"arrowOverflow",fn:({placement:t,rects:e,middlewareData:n})=>{let i;const{centerOffset:o}=n.arrow;return i=t.startsWith("top")||t.startsWith("bottom")?Math.abs(o)>e.reference.width/2:Math.abs(o)>e.reference.height/2,{data:{overflow:i}}}}),this.autoMinSize||this.autoSize){const t=this.autoSize?this.autoSize:this.autoMinSize?"min":null;e.middleware.push({name:"autoSize",fn:({rects:e,placement:n,middlewareData:i})=>{var o;if(null==(o=i.autoSize)?void 0:o.skip)return{};let r,s;return n.startsWith("top")||n.startsWith("bottom")?r=e.reference.width:s=e.reference.height,this.$_innerNode.style["min"===t?"minWidth":"max"===t?"maxWidth":"width"]=null!=r?r+"px":null,this.$_innerNode.style["min"===t?"minHeight":"max"===t?"maxHeight":"height"]=null!=s?s+"px":null,{data:{skip:!0},reset:{rects:!0}}}})}(this.autoMaxSize||this.autoBoundaryMaxSize)&&(this.$_innerNode.style.maxWidth=null,this.$_innerNode.style.maxHeight=null,e.middleware.push(function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){var n;const{placement:i,rects:o,middlewareData:a}=e,{apply:l,...c}=t;if(null!=(n=a.size)&&n.skip)return{};const u=await h(e,c),d=r(i),p="end"===s(i);let m,v;"top"===d||"bottom"===d?(m=d,v=p?"left":"right"):(v=d,m=p?"top":"bottom");const g=f(u.left,0),y=f(u.right,0),w=f(u.top,0),b=f(u.bottom,0),_={height:o.floating.height-(["left","right"].includes(i)?2*(0!==w||0!==b?w+b:f(u.top,u.bottom)):u[m]),width:o.floating.width-(["top","bottom"].includes(i)?2*(0!==g||0!==y?g+y:f(u.left,u.right)):u[v])};return null==l||l({..._,...o}),{data:{skip:!0},reset:{rects:!0}}}}}({boundary:this.boundary,padding:this.overflowPadding,apply:({width:t,height:e})=>{this.$_innerNode.style.maxWidth=null!=t?t+"px":null,this.$_innerNode.style.maxHeight=null!=e?e+"px":null}})));const i=await J(this.$_referenceNode,this.$_popperNode,e);Object.assign(this.result,{x:i.x,y:i.y,placement:i.placement,strategy:i.strategy,arrow:ct(ct({},i.middlewareData.arrow),i.middlewareData.arrowOverflow)})},$_scheduleShow(t=null,e=!1){if(this.$_updateParentShownChildren(!0),this.$_hideInProgress=!1,clearTimeout(this.$_scheduleTimer),bt&&this.instantMove&&bt.instantMove&&bt!==this.parentPopper)return bt.$_applyHide(!0),void this.$_applyShow(!0);e?this.$_applyShow():this.$_scheduleTimer=setTimeout(this.$_applyShow.bind(this),this.$_computeDelay("show"))},$_scheduleHide(t=null,e=!1){this.shownChildren.size>0?this.$_pendingHide=!0:(this.$_updateParentShownChildren(!1),this.$_hideInProgress=!0,clearTimeout(this.$_scheduleTimer),this.isShown&&(bt=this),e?this.$_applyHide():this.$_scheduleTimer=setTimeout(this.$_applyHide.bind(this),this.$_computeDelay("hide")))},$_computeDelay(t){const e=this.delay;return parseInt(e&&e[t]||e||0)},async $_applyShow(t=!1){clearTimeout(this.$_disposeTimer),clearTimeout(this.$_scheduleTimer),this.skipTransition=t,this.isShown||(this.$_ensureTeleport(),await yt(),await this.$_computePosition(),await this.$_applyShowEffect(),this.positioningDisabled||this.$_registerEventListeners([...Y(this.$_referenceNode),...Y(this.$_popperNode)],"scroll",()=>{this.$_computePosition()}))},async $_applyShowEffect(){if(this.$_hideInProgress)return;if(this.computeTransformOrigin){const t=this.$_referenceNode.getBoundingClientRect(),e=this.$_popperNode.querySelector(".v-popper__wrapper"),n=e.parentNode.getBoundingClientRect(),i=t.x+t.width/2-(n.left+e.offsetLeft),o=t.y+t.height/2-(n.top+e.offsetTop);this.result.transformOrigin=`${i}px ${o}px`}this.isShown=!0,this.$_applyAttrsToTarget({"aria-describedby":this.popperId,"data-popper-shown":""});const t=this.showGroup;if(t){let e;for(let n=0;n<wt.length;n++)e=wt[n],e.showGroup!==t&&(e.hide(),e.$emit("close-group"))}wt.push(this),this.$emit("apply-show"),this.classes.showFrom=!0,this.classes.showTo=!1,this.classes.hideFrom=!1,this.classes.hideTo=!1,await yt(),this.classes.showFrom=!1,this.classes.showTo=!0},async $_applyHide(t=!1){if(this.shownChildren.size>0)return this.$_pendingHide=!0,void(this.$_hideInProgress=!1);if(clearTimeout(this.$_scheduleTimer),!this.isShown)return;this.skipTransition=t,function(t,e){const n=t.indexOf(e);-1!==n&&t.splice(n,1)}(wt,this),bt===this&&(bt=null),this.isShown=!1,this.$_applyAttrsToTarget({"aria-describedby":void 0,"data-popper-shown":void 0}),clearTimeout(this.$_disposeTimer);const e=ht(this.theme,"disposeTimeout");null!==e&&(this.$_disposeTimer=setTimeout(()=>{this.$_popperNode&&(this.$_detachPopperNode(),this.isMounted=!1)},e)),this.$_removeEventListeners("scroll"),this.$emit("apply-hide"),this.classes.showFrom=!1,this.classes.showTo=!1,this.classes.hideFrom=!0,this.classes.hideTo=!1,await yt(),this.classes.hideFrom=!1,this.classes.hideTo=!0},$_autoShowHide(){this.shown?this.show():this.hide()},$_ensureTeleport(){if(this.$_isDisposed)return;let t=this.container;if("string"==typeof t?t=window.document.querySelector(t):!1===t&&(t=this.$_targetNodes[0].parentNode),!t)throw new Error("No container for popover: "+this.container);t.appendChild(this.$_popperNode),this.isMounted=!0},$_addEventListeners(){const t=t=>{this.isShown&&!this.$_hideInProgress||(t.usedByTooltip=!0,!this.$_preventShow&&this.show({event:t}))};this.$_registerTriggerListeners(this.$_targetNodes,vt,this.triggers,this.showTriggers,t),this.$_registerTriggerListeners([this.$_popperNode],vt,this.popperTriggers,this.popperShowTriggers,t);const e=t=>{t.usedByTooltip||this.hide({event:t})};this.$_registerTriggerListeners(this.$_targetNodes,gt,this.triggers,this.hideTriggers,e),this.$_registerTriggerListeners([this.$_popperNode],gt,this.popperTriggers,this.popperHideTriggers,e)},$_registerEventListeners(t,e,n){this.$_events.push({targetNodes:t,eventType:e,handler:n}),t.forEach(t=>t.addEventListener(e,n,pt?{passive:!0}:void 0))},$_registerTriggerListeners(t,e,n,i,o){let r=n;null!=i&&(r="function"==typeof i?i(r):i),r.forEach(n=>{const i=e[n];i&&this.$_registerEventListeners(t,i,o)})},$_removeEventListeners(t){const e=[];this.$_events.forEach(n=>{const{targetNodes:i,eventType:o,handler:r}=n;t&&t!==o?e.push(n):i.forEach(t=>t.removeEventListener(o,r))}),this.$_events=e},$_refreshListeners(){this.$_isDisposed||(this.$_removeEventListeners(),this.$_addEventListeners())},$_handleGlobalClose(t,e=!1){this.$_showFrameLocked||(this.hide({event:t}),t.closePopover?this.$emit("close-directive"):this.$emit("auto-hide"),e&&(this.$_preventShow=!0,setTimeout(()=>{this.$_preventShow=!1},300)))},$_detachPopperNode(){this.$_popperNode.parentNode&&this.$_popperNode.parentNode.removeChild(this.$_popperNode)},$_swapTargetAttrs(t,e){for(const n of this.$_targetNodes){const i=n.getAttribute(t);i&&(n.removeAttribute(t),n.setAttribute(e,i))}},$_applyAttrsToTarget(t){for(const e of this.$_targetNodes)for(const n in t){const i=t[n];null==i?e.removeAttribute(n):e.setAttribute(n,i)}},$_updateParentShownChildren(t){let e=this.parentPopper;for(;e;)t?e.shownChildren.add(this.randomId):(e.shownChildren.delete(this.randomId),e.$_pendingHide&&e.hide()),e=e.parentPopper},$_isAimingPopper(){const t=this.$el.getBoundingClientRect();if(Pt>=t.left&&Pt<=t.right&&Lt>=t.top&&Lt<=t.bottom){const t=this.$_popperNode.getBoundingClientRect(),e=Pt-Ot,n=Lt-Bt,i=t.left+t.width/2-Ot+(t.top+t.height/2)-Bt+t.width+t.height,o=Ot+e*i,r=Bt+n*i;return Nt(Ot,Bt,o,r,t.left,t.top,t.left,t.bottom)||Nt(Ot,Bt,o,r,t.left,t.top,t.right,t.top)||Nt(Ot,Bt,o,r,t.right,t.top,t.right,t.bottom)||Nt(Ot,Bt,o,r,t.left,t.bottom,t.right,t.bottom)}return!1}},render(){return this.$scopedSlots.default(this.slotData)[0]}});function $t(t){for(let e=0;e<wt.length;e++){const n=wt[e];try{const e=n.popperNode();n.$_mouseDownContains=e.contains(t.target)}catch(t){}}}function kt(t,e=!1){const n={};for(let i=wt.length-1;i>=0;i--){const o=wt[i];try{const i=o.$_containsGlobalTarget=Tt(o,t);o.$_pendingHide=!1,requestAnimationFrame(()=>{if(o.$_pendingHide=!1,!n[o.randomId]&&Et(o,i,t)){if(o.$_handleGlobalClose(t,e),!t.closeAllPopover&&t.closePopover&&i){let t=o.parentPopper;for(;t;)n[t.randomId]=!0,t=t.parentPopper;return}let r=o.parentPopper;for(;r&&Et(r,r.$_containsGlobalTarget,t);)r.$_handleGlobalClose(t,e),r=r.parentPopper}})}catch(t){}}}function Tt(t,e){const n=t.popperNode();return t.$_mouseDownContains||n.contains(e.target)}function Et(t,e,n){return n.closeAllPopover||n.closePopover&&e||t.autoHide&&!e}"undefined"!=typeof document&&"undefined"!=typeof window&&(ft?(document.addEventListener("touchstart",$t,!pt||{passive:!0,capture:!0}),document.addEventListener("touchend",(function(t){kt(t,!0)}),!pt||{passive:!0,capture:!0})):(window.addEventListener("mousedown",$t,!0),window.addEventListener("click",(function(t){kt(t)}),!0)),window.addEventListener("resize",(function(t){for(let e=0;e<wt.length;e++){wt[e].$_computePosition(t)}})));let Ot=0,Bt=0,Pt=0,Lt=0;function Nt(t,e,n,i,o,r,s,a){const l=((s-o)*(e-r)-(a-r)*(t-o))/((a-r)*(n-t)-(s-o)*(i-e)),c=((n-t)*(e-r)-(i-e)*(t-o))/((a-r)*(n-t)-(s-o)*(i-e));return l>=0&&l<=1&&c>=0&&c<=1}var At;function zt(){zt.init||(zt.init=!0,At=-1!==function(){var t=window.navigator.userAgent,e=t.indexOf("MSIE ");if(e>0)return parseInt(t.substring(e+5,t.indexOf(".",e)),10);if(t.indexOf("Trident/")>0){var n=t.indexOf("rv:");return parseInt(t.substring(n+3,t.indexOf(".",n)),10)}var i=t.indexOf("Edge/");return i>0?parseInt(t.substring(i+5,t.indexOf(".",i)),10):-1}())}function Mt(t,e,n,i,o,r,s,a,l,c){"boolean"!=typeof s&&(l=a,a=s,s=!1);var u,d="function"==typeof n?n.options:n;if(t&&t.render&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0,o&&(d.functional=!0)),i&&(d._scopeId=i),r?(u=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,l(t)),t&&t._registeredComponents&&t._registeredComponents.add(r)},d._ssrRegister=u):e&&(u=s?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,a(t))}),u)if(d.functional){var h=d.render;d.render=function(t,e){return u.call(e),h(t,e)}}else{var p=d.beforeCreate;d.beforeCreate=p?[].concat(p,u):[u]}return n}"undefined"!=typeof window&&window.addEventListener("mousemove",t=>{Ot=Pt,Bt=Lt,Pt=t.clientX,Lt=t.clientY},pt?{passive:!0}:void 0);var Ht={name:"ResizeObserver",props:{emitOnMount:{type:Boolean,default:!1},ignoreWidth:{type:Boolean,default:!1},ignoreHeight:{type:Boolean,default:!1}},mounted:function(){var t=this;zt(),this.$nextTick((function(){t._w=t.$el.offsetWidth,t._h=t.$el.offsetHeight,t.emitOnMount&&t.emitSize()}));var e=document.createElement("object");this._resizeObject=e,e.setAttribute("aria-hidden","true"),e.setAttribute("tabindex",-1),e.onload=this.addResizeHandlers,e.type="text/html",At&&this.$el.appendChild(e),e.data="about:blank",At||this.$el.appendChild(e)},beforeDestroy:function(){this.removeResizeHandlers()},methods:{compareAndNotify:function(){(!this.ignoreWidth&&this._w!==this.$el.offsetWidth||!this.ignoreHeight&&this._h!==this.$el.offsetHeight)&&(this._w=this.$el.offsetWidth,this._h=this.$el.offsetHeight,this.emitSize())},emitSize:function(){this.$emit("notify",{width:this._w,height:this._h})},addResizeHandlers:function(){this._resizeObject.contentDocument.defaultView.addEventListener("resize",this.compareAndNotify),this.compareAndNotify()},removeResizeHandlers:function(){this._resizeObject&&this._resizeObject.onload&&(!At&&this._resizeObject.contentDocument&&this._resizeObject.contentDocument.defaultView.removeEventListener("resize",this.compareAndNotify),this.$el.removeChild(this._resizeObject),this._resizeObject.onload=null,this._resizeObject=null)}}},Dt=function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"resize-observer",attrs:{tabindex:"-1"}})};Dt._withStripped=!0;var Rt=Mt({render:Dt,staticRenderFns:[]},void 0,Ht,"data-v-8859cc6c",!1,void 0,!1,void 0,void 0,void 0);var jt={version:"1.0.1",install:function(t){t.component("resize-observer",Rt),t.component("ResizeObserver",Rt)}},It=null;"undefined"!=typeof window?It=window.Vue:void 0!==i.g&&(It=i.g.Vue),It&&It.use(jt);var qt={computed:{themeClass(){return function(t){const e=[t];let n=dt.themes[t]||{};do{n.$extend&&!n.$resetCss?(e.push(n.$extend),n=dt.themes[n.$extend]||{}):n=null}while(n);return e.map(t=>"v-popper--theme-"+t)}(this.theme)}}},Wt={name:"VPopperContent",components:{ResizeObserver:Rt},mixins:[qt],props:{popperId:String,theme:String,shown:Boolean,mounted:Boolean,skipTransition:Boolean,autoHide:Boolean,handleResize:Boolean,classes:Object,result:Object},methods:{toPx:t=>null==t||isNaN(t)?null:t+"px"}};function Ft(t,e,n,i,o,r,s,a){var l,c="function"==typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=n,c._compiled=!0),i&&(c.functional=!0),r&&(c._scopeId="data-v-"+r),s?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(s)},c._ssrRegister=l):o&&(l=a?function(){o.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:o),l)if(c.functional){c._injectStyles=l;var u=c.render;c.render=function(t,e){return l.call(e),u(t,e)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,l):[l]}return{exports:t,options:c}}const Vt={};var Ut=Ft(Wt,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{ref:"popover",staticClass:"v-popper__popper",class:[t.themeClass,t.classes.popperClass,{"v-popper__popper--shown":t.shown,"v-popper__popper--hidden":!t.shown,"v-popper__popper--show-from":t.classes.showFrom,"v-popper__popper--show-to":t.classes.showTo,"v-popper__popper--hide-from":t.classes.hideFrom,"v-popper__popper--hide-to":t.classes.hideTo,"v-popper__popper--skip-transition":t.skipTransition,"v-popper__popper--arrow-overflow":t.result&&t.result.arrow.overflow,"v-popper__popper--no-positioning":!t.result}],style:t.result?{position:t.result.strategy,transform:"translate3d("+Math.round(t.result.x)+"px,"+Math.round(t.result.y)+"px,0)"}:void 0,attrs:{id:t.popperId,"aria-hidden":t.shown?"false":"true",tabindex:t.autoHide?0:void 0,"data-popper-placement":t.result?t.result.placement:void 0},on:{keyup:function(e){if(!e.type.indexOf("key")&&t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"]))return null;t.autoHide&&t.$emit("hide")}}},[n("div",{staticClass:"v-popper__backdrop",on:{click:function(e){t.autoHide&&t.$emit("hide")}}}),n("div",{staticClass:"v-popper__wrapper",style:t.result?{transformOrigin:t.result.transformOrigin}:void 0},[n("div",{ref:"inner",staticClass:"v-popper__inner"},[t.mounted?[n("div",[t._t("default")],2),t.handleResize?n("ResizeObserver",{on:{notify:function(e){return t.$emit("resize",e)}}}):t._e()]:t._e()],2),n("div",{ref:"arrow",staticClass:"v-popper__arrow-container",style:t.result?{left:t.toPx(t.result.arrow.x),top:t.toPx(t.result.arrow.y)}:void 0},[n("div",{staticClass:"v-popper__arrow-outer"}),n("div",{staticClass:"v-popper__arrow-inner"})])])])}),[],!1,Qt,null,null,null);function Qt(t){for(let t in Vt)this[t]=Vt[t]}var Xt=function(){return Ut.exports}(),Yt={methods:{show(...t){return this.$refs.popper.show(...t)},hide(...t){return this.$refs.popper.hide(...t)},dispose(...t){return this.$refs.popper.dispose(...t)},onResize(...t){return this.$refs.popper.onResize(...t)}}},Kt={name:"VPopperWrapper",components:{Popper:Ct(),PopperContent:Xt},mixins:[Yt,qt],inheritAttrs:!1,props:{theme:{type:String,default(){return this.$options.vPopperTheme}}},methods:{getTargetNodes(){return Array.from(this.$refs.reference.children).filter(t=>t!==this.$refs.popperContent.$el)}}};const Gt={};var Zt=Ft(Kt,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("Popper",t._g(t._b({ref:"popper",attrs:{theme:t.theme,"target-nodes":t.getTargetNodes,"reference-node":function(){return t.$refs.reference},"popper-node":function(){return t.$refs.popperContent.$el}},scopedSlots:t._u([{key:"default",fn:function(e){var i=e.popperId,o=e.isShown,r=e.shouldMountContent,s=e.skipTransition,a=e.autoHide,l=e.show,c=e.hide,u=e.handleResize,d=e.onResize,h=e.classes,p=e.result;return[n("div",{ref:"reference",staticClass:"v-popper",class:[t.themeClass,{"v-popper--shown":o}]},[t._t("default",null,{shown:o,show:l,hide:c}),n("PopperContent",{ref:"popperContent",attrs:{"popper-id":i,theme:t.theme,shown:o,mounted:r,"skip-transition":s,"auto-hide":a,"handle-resize":u,classes:h,result:p},on:{hide:c,resize:d}},[t._t("popper",null,{shown:o,hide:c})],2)],2)]}}],null,!0)},"Popper",t.$attrs,!1),t.$listeners))}),[],!1,Jt,null,null,null);function Jt(t){for(let t in Gt)this[t]=Gt[t]}var te=function(){return Zt.exports}(),ee=ut(ct({},te),{name:"VDropdown",vPopperTheme:"dropdown"});const ne={};var ie=Ft(ee,void 0,void 0,!1,oe,null,null,null);function oe(t){for(let t in ne)this[t]=ne[t]}var re=function(){return ie.exports}(),se=ut(ct({},te),{name:"VMenu",vPopperTheme:"menu"});const ae={};var le=Ft(se,void 0,void 0,!1,ce,null,null,null);function ce(t){for(let t in ae)this[t]=ae[t]}var ue=function(){return le.exports}(),de=ut(ct({},te),{name:"VTooltip",vPopperTheme:"tooltip"});const he={};var pe=Ft(de,void 0,void 0,!1,fe,null,null,null);function fe(t){for(let t in he)this[t]=he[t]}var me=function(){return pe.exports}(),ve={name:"VTooltipDirective",components:{Popper:Ct(),PopperContent:Xt},mixins:[Yt],inheritAttrs:!1,props:{theme:{type:String,default:"tooltip"},html:{type:Boolean,default(){return ht(this.theme,"html")}},content:{type:[String,Number,Function],default:null},loadingContent:{type:String,default(){return ht(this.theme,"loadingContent")}}},data:()=>({asyncContent:null}),computed:{isContentAsync(){return"function"==typeof this.content},loading(){return this.isContentAsync&&null==this.asyncContent},finalContent(){return this.isContentAsync?this.loading?this.loadingContent:this.asyncContent:this.content}},watch:{content:{handler(){this.fetchContent(!0)},immediate:!0},async finalContent(t){await this.$nextTick(),this.$refs.popper.onResize()}},created(){this.$_fetchId=0},methods:{fetchContent(t){if("function"==typeof this.content&&this.$_isShown&&(t||!this.$_loading&&null==this.asyncContent)){this.asyncContent=null,this.$_loading=!0;const t=++this.$_fetchId,e=this.content(this);e.then?e.then(e=>this.onResult(t,e)):this.onResult(t,e)}},onResult(t,e){t===this.$_fetchId&&(this.$_loading=!1,this.asyncContent=e)},onShow(){this.$_isShown=!0,this.fetchContent()},onHide(){this.$_isShown=!1}}};const ge={};var ye=Ft(ve,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("Popper",t._g(t._b({ref:"popper",attrs:{theme:t.theme,"popper-node":function(){return t.$refs.popperContent.$el}},on:{"apply-show":t.onShow,"apply-hide":t.onHide},scopedSlots:t._u([{key:"default",fn:function(e){var i=e.popperId,o=e.isShown,r=e.shouldMountContent,s=e.skipTransition,a=e.autoHide,l=e.hide,c=e.handleResize,u=e.onResize,d=e.classes,h=e.result;return[n("PopperContent",{ref:"popperContent",class:{"v-popper--tooltip-loading":t.loading},attrs:{"popper-id":i,theme:t.theme,shown:o,mounted:r,"skip-transition":s,"auto-hide":a,"handle-resize":c,classes:d,result:h},on:{hide:l,resize:u}},[t.html?n("div",{domProps:{innerHTML:t._s(t.finalContent)}}):n("div",{domProps:{textContent:t._s(t.finalContent)}})])]}}])},"Popper",t.$attrs,!1),t.$listeners))}),[],!1,we,null,null,null);function we(t){for(let t in ge)this[t]=ge[t]}var be=function(){return ye.exports}();function _e(t,e,n){let i;const o=typeof e;return i="string"===o?{content:e}:e&&"object"===o?e:{content:!1},i.placement=function(t,e){let n=t.placement;if(!n&&e)for(const t of mt)e[t]&&(n=t);return n||(n=ht(t.theme||"tooltip","placement")),n}(i,n),i.targetNodes=()=>[t],i.referenceNode=()=>t,i}function Se(t,e,n){const i=_e(t,e,n),o=t.$_popper=new(et())({mixins:[Yt],data:()=>({options:i}),render(t){const e=this.options,{theme:n,html:i,content:o,loadingContent:r}=e,s=((t,e)=>{var n={};for(var i in t)st.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&rt)for(var i of rt(t))e.indexOf(i)<0&&at.call(t,i)&&(n[i]=t[i]);return n})(e,["theme","html","content","loadingContent"]);return t(be,{props:{theme:n,html:i,content:o,loadingContent:r},attrs:s,ref:"popper"})},devtools:{hide:!0}}),r=document.createElement("div");return document.body.appendChild(r),o.$mount(r),t.classList&&t.classList.add("v-popper--has-tooltip"),o}function xe(t){t.$_popper&&(t.$_popper.$destroy(),delete t.$_popper,delete t.$_popperOldShown),t.classList&&t.classList.remove("v-popper--has-tooltip")}function Ce(t,{value:e,oldValue:n,modifiers:i}){const o=_e(t,e,i);if(!o.content||ht(o.theme||"tooltip","disabled"))xe(t);else{let n;t.$_popper?(n=t.$_popper,n.options=o):n=Se(t,e,i),void 0!==e.shown&&e.shown!==t.$_popperOldShown&&(t.$_popperOldShown=e.shown,e.shown?n.show():n.hide())}}var $e={bind:Ce,update:Ce,unbind(t){xe(t)}};function ke(t){t.addEventListener("click",Ee),t.addEventListener("touchstart",Oe,!!pt&&{passive:!0})}function Te(t){t.removeEventListener("click",Ee),t.removeEventListener("touchstart",Oe),t.removeEventListener("touchend",Be),t.removeEventListener("touchcancel",Pe)}function Ee(t){const e=t.currentTarget;t.closePopover=!e.$_vclosepopover_touch,t.closeAllPopover=e.$_closePopoverModifiers&&!!e.$_closePopoverModifiers.all}function Oe(t){if(1===t.changedTouches.length){const e=t.currentTarget;e.$_vclosepopover_touch=!0;const n=t.changedTouches[0];e.$_vclosepopover_touchPoint=n,e.addEventListener("touchend",Be),e.addEventListener("touchcancel",Pe)}}function Be(t){const e=t.currentTarget;if(e.$_vclosepopover_touch=!1,1===t.changedTouches.length){const n=t.changedTouches[0],i=e.$_vclosepopover_touchPoint;t.closePopover=Math.abs(n.screenY-i.screenY)<20&&Math.abs(n.screenX-i.screenX)<20,t.closeAllPopover=e.$_closePopoverModifiers&&!!e.$_closePopoverModifiers.all}}function Pe(t){t.currentTarget.$_vclosepopover_touch=!1}var Le={bind(t,{value:e,modifiers:n}){t.$_closePopoverModifiers=n,(void 0===e||e)&&ke(t)},update(t,{value:e,oldValue:n,modifiers:i}){t.$_closePopoverModifiers=i,e!==n&&(void 0===e||e?ke(t):Te(t))},unbind(t){Te(t)}};const Ne=re,Ae=me;const ze={version:"1.0.0-beta.14",install:function(t,e={}){t.$_vTooltipInstalled||(t.$_vTooltipInstalled=!0,function t(e,n){for(const i in n)Object.prototype.hasOwnProperty.call(n,i)&&("object"==typeof n[i]&&e[i]?t(e[i],n[i]):e[i]=n[i])}(dt,e),t.directive("tooltip",$e),t.directive("close-popper",Le),t.component("v-tooltip",me),t.component("VTooltip",me),t.component("v-dropdown",re),t.component("VDropdown",re),t.component("v-menu",ue),t.component("VMenu",ue))},options:dt};let Me=null;"undefined"!=typeof window?Me=window.Vue:void 0!==i.g&&(Me=i.g.Vue),Me&&Me.use(ze);var He=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:["alert box-container",t.containerStyle(),t.addClass,{"d-flex":t.seamlessHeaderBool()}],style:t.customStyle()},[t.seamlessHeaderBool()?n("div",{staticClass:"d-flex"},[t.iconBool()?n("div",{class:["icon-wrapper",t.iconStyle()],style:t.customIconColorStyle()},[t._t("icon",(function(){return[n("i",{class:["fas",t.getFontAwesomeIconStyle()]})]}))],2):t._e(),t._v(" "),n("div",{staticClass:"vertical-divider",class:t.getBootstrapAlertStyle(),attrs:{"aria-hidden":"true"}})]):t._e(),t._v(" "),n("div",{staticClass:"header-and-body"},[t.headerBool()?n("div",{class:["box-header-wrapper",{"alert-dismissible":t.dismissible}]},[t.iconBool()&&!t.seamlessHeaderBool()?n("div",{class:["icon-wrapper",t.iconStyle()],style:t.customIconColorStyle()},[t._t("icon",(function(){return[n("i",{class:["fas",t.getFontAwesomeIconStyle()]})]}))],2):t._e(),t._v(" "),n("div",{staticClass:"box-header"},[t._t("header")],2),t._v(" "),t.dismissible?n("button",{staticClass:"btn-close close-with-heading",attrs:{type:"button","data-bs-dismiss":"alert","aria-label":"Close"}}):t._e()]):t._e(),t._v(" "),n("div",{class:["box-body-wrapper",{"alert-dismissible":t.dismissible&&!t.headerBool(),"box-body-wrapper-with-heading":t.headerBool()}]},[t.iconBool()&&!t.headerBool()?n("div",{class:["icon-wrapper",t.iconStyle()],style:t.customIconColorStyle()},[t._t("icon",(function(){return[n("i",{class:["fas",t.getFontAwesomeIconStyle()]})]}))],2):t._e(),t._v(" "),t.seamlessNoHeaderBool()?n("div",{staticClass:"vertical-divider",class:t.getBootstrapAlertStyle(),attrs:{"aria-hidden":"true"}}):t._e(),t._v(" "),n("div",{staticClass:"contents",style:t.customColorStyle()},[t._t("default")],2),t._v(" "),t.dismissible&&!t.headerBool()?n("button",{staticClass:"btn-close",attrs:{type:"button","data-bs-dismiss":"alert","aria-label":"Close"}}):t._e()])])])};He._withStripped=!0;var De=function(t){return"string"==typeof t?""===t||"true"===t||"false"!==t&&"null"!==t&&"undefined"!==t&&t:t};function Re(t){return"string"==typeof t?""===t||"true"===t||"false"!==t&&"null"!==t&&"undefined"!==t&&t:t}function je(t){return"number"==typeof t?t:null==t||isNaN(Number(t))?null:Number(t)}function Ie(t){var e=t.split("#"),n="";return e.length>1&&(n=e[1]),n}function qe(t,e,n,i,o,r,s,a){var l,c="function"==typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=n,c._compiled=!0),i&&(c.functional=!0),r&&(c._scopeId="data-v-"+r),s?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(s)},c._ssrRegister=l):o&&(l=a?function(){o.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:o),l)if(c.functional){c._injectStyles=l;var u=c.render;c.render=function(t,e){return l.call(e),u(t,e)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,l):[l]}return{exports:t,options:c}}const We=qe({props:{dismissible:{type:Boolean,default:!1},backgroundColor:{type:String,default:null},borderColor:{type:String,default:null},borderLeftColor:{type:String,default:null},color:{type:String,default:null},icon:{type:String,default:null},iconSize:{type:String,default:null},iconColor:{type:String,default:null},type:{type:String,default:""},addClass:{type:String,default:""},light:{type:Boolean,default:!1},seamless:{type:Boolean,default:!1},noIcon:{type:Boolean,default:!1},noBackground:{type:Boolean,default:!1},noBorder:{type:Boolean,default:!1},theme:{type:String,default:""}},computed:{bootStrapStyle:function(){return function(t,e){var n,i,o=["warning","info","definition","success","danger","tip","important","wrong"].includes(t)?t:"",r=["primary","secondary","success","danger","warning","info","light","dark"].includes(e)?e:"";if(r)n=r;else switch(o){case"warning":n="warning";break;case"info":n="info";break;case"definition":n="primary";break;case"success":case"tip":n="success";break;case"important":case"wrong":n="danger";break;default:n="default"}switch(o){case"wrong":i="fa-times";break;case"warning":i="fa-exclamation";break;case"info":i="fa-info";break;case"success":i="fa-check";break;case"important":i="fa-flag";break;case"tip":i="fa-lightbulb";break;case"definition":i="fa-atlas";break;default:i=""}return{style:n,icon:i}}(this.type,this.theme)}},methods:{isSeamless:function(){return!this.light&&this.seamless},seamlessNoHeaderBool:function(){return this.isSeamless()&&!this.headerBool()},seamlessHeaderBool:function(){return this.isSeamless()&&this.headerBool()},headerBool:function(){return!!this.$scopedSlots.header},iconBool:function(){var t=!!this.$scopedSlots.icon;return!this.noIcon&&this.type||t},containerStyle:function(){var t;return t=this.light?"".concat(this.getBootstrapBorderStyle()," alert-border-left"):this.seamless?"seamless":this.getBootstrapAlertStyle(),this.noBackground&&(t+=" no-background"),this.noBorder&&(t+=" no-border"),t},customStyle:function(){var t={};return this.backgroundColor&&(t.backgroundColor=this.backgroundColor,t.borderColor=this.backgroundColor),this.borderColor&&(t.border="1px solid ".concat(this.borderColor)),this.borderLeftColor&&(t.borderLeft="5px solid ".concat(this.borderLeftColor)),t},customColorStyle:function(){return this.color?{color:this.color}:{}},iconStyle:function(){var t="";return this.iconSize&&(t+="fa-".concat(this.iconSize)),(this.light||this.seamless)&&(t+=" ".concat(this.getBootstrapTextStyle())),t},customIconColorStyle:function(){return this.iconColor?{color:"".concat(this.iconColor,"!important")}:{}},getBootstrapAlertStyle:function(){return"alert-".concat(this.bootStrapStyle.style)},getBootstrapTextStyle:function(){return"text-".concat(this.bootStrapStyle.style)},getBootstrapBorderStyle:function(){return"border-".concat(this.bootStrapStyle.style)},getFontAwesomeIconStyle:function(){return this.bootStrapStyle.icon}}},He,[],!1,null,"0eabf1c4",null).exports;var Fe=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("nav",{staticClass:"breadcrumb-divider",attrs:{"aria-label":"breadcrumb"}},[n("ol",{staticClass:"breadcrumb"},[n("li",{staticClass:"notlink breadcrumb-marker"},[t._v("\n        ››  \n      ")]),t._v(" "),t._l(t.items,(function(e,i){return n("li",{key:i,class:["breadcrumb-item",{notlink:null===e.link}],attrs:{"aria-current":{page:t.isLast(i,t.items.length)}}},[null===e.link?n("a",[t._v("\n          "+t._s(e.title)+"\n        ")]):n("a",{attrs:{href:e.link}},[t._v("\n          "+t._s(e.title)+"\n        ")])])}))],2)])])};Fe._withStripped=!0;const Ve=qe({data:function(){return{items:[]}},methods:{isLast:function(t,e){return t===e-1}},mounted:function(){var t=Array.from(document.querySelectorAll("ul")).find((function(t){return t.classList.contains("site-nav-list-root")}));if(t){var e=t.querySelector(".current");if(e){this.items.unshift({title:e.textContent,link:null});for(var n=e.parentElement;n!==t;){if("ul"===n.tagName.toLowerCase()){var i=n.parentElement.querySelector("div"),o=i.querySelector("a[href]");null===o?this.items.unshift({title:i.textContent,link:null}):this.items.unshift({title:o.textContent,link:o.getAttribute("href")})}n=n.parentElement}}}}},Fe,[],!1,null,"ef898034",null).exports;var Ue=i(3),Qe=i.n(Ue),Xe=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.isLi?n("li",{ref:"dropdown",class:[{disabled:t.disabledBool},"dropdown",t.addClass]},[t._t("button",(function(){return[n("a",{staticClass:"dropdown-toggle nav-link",class:{disabled:t.disabledBool},attrs:{role:"button","data-bs-toggle":"dropdown"}},[t._t("header")],2)]})),t._v(" "),t._t("dropdown-menu",(function(){return[n("ul",{staticClass:"dropdown-menu",class:[{show:t.show},{"dropdown-menu-end":t.menuAlignRight}]},[t._t("default")],2)]}))],2):t.isSubmenu?n("submenu",{ref:"submenu",scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(){return[t._t(n)]},proxy:!0}}))],null,!0)}):n("div",{ref:"dropdown",class:[{disabled:t.disabledBool},"btn-group",t.addClass]},[t._t("before"),t._v(" "),t._t("button",(function(){return[n("button",{staticClass:"btn dropdown-toggle",class:[t.btnType,t.btnWithBefore,{"dropdown-toggle-split":t.hasBefore}],attrs:{type:"button",disabled:t.disabledBool,"data-bs-reference":"parent","data-bs-toggle":"dropdown"}},[t._t("header")],2)]})),t._v(" "),t._t("dropdown-menu",(function(){return[n("ul",{staticClass:"dropdown-menu",class:[{show:t.show},{"dropdown-menu-end":t.menuAlignRight}]},[t._t("default")],2)]}))],2)};Xe._withStripped=!0;var Ye=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("li",{ref:"submenu",class:[t.addClass,"dropdown-submenu",{dropend:t.dropright,dropstart:t.dropleft}]},[t._t("button",(function(){return[n("a",{staticClass:"dropdown-item submenu-toggle",class:{disabled:t.disabled},attrs:{role:"button","data-bs-toggle":"dropdown"}},[t._t("header")],2)]})),t._v(" "),t._t("dropdown-menu",(function(){return[n("ul",{staticClass:"dropdown-menu"},[t._t("default")],2)]}))],2)};function Ke(t,n){for(var i=0;i<n.length;i++){var o=n[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,e(o.key),o)}}Ye._withStripped=!0;var Ge,Ze=Array.prototype,Je=new Error("Passed arguments must be of Node"),tn=[],en=[];function nn(t){return t instanceof window.Node}function on(t){return t instanceof window.NodeList||t instanceof sn||t instanceof window.HTMLCollection||t instanceof Array}function rn(t){return(t=t.trim()).length?t.replace(/\s+/," ").split(" "):[]}var sn=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t);var n=e;if(e[0]===window?n=[window]:"string"==typeof e[0]?(n=(e[1]||document).querySelectorAll(e[0]),e[1]&&(this.owner=e[1])):0 in e&&!nn(e[0])&&e[0]&&"length"in e[0]&&(n=e[0],e[1]&&(this.owner=e[1])),n){for(var i in n)this[i]=n[i];this.length=n.length}else this.length=0}var e,n,i;return e=t,(n=[{key:"concat",value:function(){var t=Ze.slice.call(this);function e(n){Ze.forEach.call(n,(function(n){nn(n)?~t.indexOf(n)||t.push(n):on(n)&&e(n)}))}for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return Ze.forEach.call(i,(function(n){if(nn(n))~t.indexOf(n)||t.push(n);else{if(!on(n))throw Error("Concat arguments must be of a Node, NodeList, HTMLCollection, or Array of (Node, NodeList, HTMLCollection, Array)");e(n)}})),hn(t,this)}},{key:"delete",value:function(){var t=ln(this).filter((function(t){return t.remove?t.remove():t.parentNode&&t.parentNode.removeChild(t),document.body.contains(t)}));return t.length&&console.warn("NodeList: Some nodes could not be deleted."),t}},{key:"each",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return Ze.forEach.apply(this,e),this}},{key:"filter",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return hn(Ze.filter.apply(this,e),this)}},{key:"find",value:function(t){var e=[];return ln(this).forEach((function(n){Ze.push.apply(e,n.querySelectorAll(t))})),ln(e,this.owner)}},{key:"findChildren",value:function(t){var e=this;return t?this.find(t).filter((function(t){return e.includes(t.parentElement)})):ln(this.map((function(t){return t.children})))}},{key:"forEach",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return Ze.forEach.apply(this,e),this}},{key:"includes",value:function(t,e){return~this.indexOf(t,e)}},{key:"map",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];var i=Ze.map.apply(this,e);return i.some((function(t){return nn(t)||on(t)}))?ln(i,this):i}},{key:"parent",value:function(){return ln(this.map((function(t){return t.parentNode})),this)}},{key:"pop",value:function(t){"number"!=typeof t&&(t=1);for(var e=[],n=Ze.pop.bind(this);t--;)e.push(n());return hn(e,this)}},{key:"push",value:function(){for(var t=this,e=arguments.length,n=new Array(e),i=0;i<e;i++)n[i]=arguments[i];return Ze.forEach.call(n,(function(e){if(!nn(e))throw Je;~t.indexOf(e)||Ze.push.call(t,e)})),this}},{key:"shift",value:function(t){"number"!=typeof t&&(t=1);for(var e=[];t--;)e.push(Ze.shift.call(this));return 1==e.length?e[0]:hn(e,this)}},{key:"slice",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return hn(Ze.slice.apply(this,e),this)}},{key:"splice",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];for(var i=2,o=e.length;i<o;i++)if(!nn(e[i]))throw Je;return Ze.splice.apply(this,e),this}},{key:"unshift",value:function(){for(var t=this,e=Ze.unshift.bind(this),n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return Ze.forEach.call(i,(function(n){if(!nn(n))throw Je;~t.indexOf(n)||e(n)})),this}},{key:"addClass",value:function(t){return this.toggleClass(t,!0)}},{key:"removeClass",value:function(t){return this.toggleClass(t,!1)}},{key:"toggleClass",value:function(t,e){var n=null==e?"toggle":e?"add":"remove";return"string"==typeof t&&(t=rn(t)),this.each((function(e){var i,o=rn(e.className);t.forEach((function(t){var e=~o.indexOf(t);e||"remove"===n||o.push(t),e&&"add"!==n&&(o=o.filter((function(e){return e!==t})))})),(o=(i=o).length?i.join(" "):"")?e.className=o:e.removeAttribute("class")})),this}},{key:"get",value:function(t){var e=[];return this.each((function(n){null!==n&&(n=n[t]),e.push(n)})),ln(e,this)}},{key:"set",value:function(t,e){return t.constructor===Object?this.each((function(e){if(e)for(var n in t)n in e&&(e[n]=t[n])})):this.each((function(n){t in n&&(n[t]=e)})),this}},{key:"call",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];var i=Ze.shift.call(e),o=[],r=!0;return this.each((function(t){t&&t[i]instanceof Function?(t=t[i].apply(t,e),o.push(t),r&&void 0!==t&&(r=!1)):o.push(void 0)})),r?this:ln(o,this)}},{key:"item",value:function(t){return hn([this[t]],this)}},{key:"asArray",get:function(){return Ze.slice.call(this)}},{key:"on",value:function(t,e,n){if("string"==typeof t&&(t=rn(t)),!this||!this.length)return this;if(void 0===n&&(n=e,e=null),!n)return this;var i=n;return n=e?function(t){var n=hn(e,this);n.length&&n.some((function(e){var n=e.contains(t.target);return n&&i.call(e,t,e),n}))}:function(t){i.apply(this,[t,this])},this.each((function(e){t.forEach((function(t){(e===window||nn(e))&&(e.addEventListener(t,n,!1),en.push({el:e,event:t,callback:n}))}))})),this}},{key:"off",value:function(t,e){return t instanceof Function&&(e=t,t=null),t=t instanceof Array?t:"string"==typeof t?rn(t):null,this.each((function(n){en=en.filter((function(i){return!!(!i||i.el!==n||e&&e!==i.callback||t&&!~t.indexOf(i.event))||(i.el.removeEventListener(i.event,i.callback),!1)}))})),this}},{key:"onBlur",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return this&&this.length&&t?(this.each((function(e){tn.push({el:e,callback:t})})),Ge||(Ge=function(t){tn.forEach((function(e){e.el&&(e.el.contains(t.target)||e.el===t.target||e.callback.call(e.el,t,e.el))}))},document.addEventListener("click",Ge,!1),e&&document.addEventListener("touchstart",Ge,!1)),this):this}},{key:"offBlur",value:function(t){return this.each((function(e){tn=tn.filter((function(n){return!(n&&n.el===e&&(!t||n.callback===t))&&e}))})),this}}])&&Ke(e.prototype,n),i&&Ke(e,i),Object.defineProperty(e,"prototype",{writable:!1}),t}(),an=sn.prototype;function ln(t,e){var n=[];return Ze.forEach.call(t,(function(i){if(nn(i))~n.indexOf(i)||n.push(i);else if(on(i))for(var o in i)n.push(i[o]);else if(null!==i)return t.get=an.get,t.set=an.set,t.call=an.call,t.owner=e,t})),hn(n,e)}Object.getOwnPropertyNames(Ze).forEach((function(t){"join"!==t&&"copyWithin"!==t&&"fill"!==t&&void 0===an[t]&&(an[t]=Ze[t])})),window&&window.Symbol&&Symbol.iterator&&(an[Symbol.iterator]=an.values=Ze[Symbol.iterator]);var cn=document&&document.createElement("div");function un(t){var e=this;an[t]||(cn[t]instanceof Function?an[t]=function(){for(var n=[],i=!0,o=arguments.length,r=new Array(o),s=0;s<o;s++)r[s]=arguments[s];for(var a in an){var l=an[a];l&&l[t]instanceof Function?(l=l[t].apply(l,r),n.push(l),i&&void 0!==l&&(i=!1)):n.push(void 0)}return i?e:ln(n,e)}:Object.defineProperty(an,t,{get:function(){var e=[];return this.each((function(n){null!==n&&(n=n[t]),e.push(n)})),ln(e,this)},set:function(e){this.each((function(n){n&&t in n&&(n[t]=e)}))}}))}for(var dn in cn)un(dn);function hn(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return new sn(e)}window&&(window.NL=hn);const pn=hn;const fn={isRightAlign:function(t){var e=0,n=window.innerWidth,i=(window.innerHeight,t.getBoundingClientRect());if(void 0===i)return!0;i.y;var o=i.x,r=i.x+t.offsetWidth;return i.y,t.offsetHeight,!(o<0)&&(o<e||!(r>n))},preventOverflow:function(t){t.removeAttribute("style");var e=0,n=(window.innerWidth,window.innerHeight),i=t.getBoundingClientRect();if(void 0!==i){var o=i.y,r=(i.x,i.x,t.offsetWidth,i.y+t.offsetHeight);r>n?t.setAttribute("style","bottom: auto; top: ".concat(-(r-n),"px;")):o<e&&t.setAttribute("style","top: auto; bottom: ".concat(-(e-o),"px;"))}}};function mn(t){for(var e=t,n=t;n;)n.classList&&n.classList.contains("dropdown-menu")&&(e=n),n=n.parentNode;if(e.offsetWidth>window.innerWidth)e.setAttribute("style","left: 0px;");else{var i=e.parentNode.getBoundingClientRect(),o=i.left+e.offsetWidth-window.innerWidth,r=o<0?i.left:i.left-o;e.setAttribute("style","left: ".concat(r,"px;"))}}const vn=qe({props:{addClass:{type:String,default:""},disabled:{type:[Boolean,String],default:!1}},data:function(){return{show:!1,dropright:!0,dropleft:!1}},inject:{isParentNavbar:{default:!1}},computed:{disabledBool:function(){return Re(this.disabled)}},methods:{hideSubmenu:function(){this.show=!1,pn(this.$refs.submenu).find("ul.dropdown-menu").each((function(t){return t.classList.toggle("show",!1)})),this.alignMenuRight()},showSubmenu:function(){var t=this;this.show=!0,pn(this.$refs.submenu).findChildren("ul").each((function(e){e.classList.toggle("show",!0),window.innerWidth<768&&t.isParentNavbar?mn(e):(fn.isRightAlign(e)?t.alignMenuRight():t.alignMenuLeft(),fn.preventOverflow(e))}))},alignMenuRight:function(){this.dropright=!0,this.dropleft=!1},alignMenuLeft:function(){this.dropright=!1,this.dropleft=!0}},mounted:function(){var t=this,e=pn(this.$refs.submenu);this.show&&this.showSubmenu(),e.onBlur((function(){t.hideSubmenu()}),!1),e.findChildren("a,button").on("click",(function(e){return e.preventDefault(),e.stopPropagation(),t.disabledBool||(t.show?t.hideSubmenu():t.showSubmenu()),!1})),e.findChildren("a,button").on("mouseover",(function(n){if(n.preventDefault(),window.innerWidth>767){if(e.findChildren("ul.show").length>0||t.disabledBool)return!1;n.currentTarget.click(),t.$parent.$parent.$children.forEach((function(e){e.$el===t.$el?e.$refs.submenu.showSubmenu():e.$refs.submenu.hideSubmenu()}))}return!1}))},beforeDestroy:function(){var t=pn(this.$refs.submenu);t.offBlur(),t.findChildren("a,button").off(),t.findChildren("ul").off()}},Ye,[],!1,null,"3c82541c",null).exports;const gn=qe({components:{Submenu:vn},props:{disabled:{type:[Boolean,String],default:!1},type:{type:String,default:"light"},menuAlignRight:{type:Boolean,default:!1},addClass:{type:String,default:""}},provide:{hasParentDropdown:!0},inject:{hasParentDropdown:{default:void 0},isParentNavbar:{default:!1}},data:function(){return{show:!1}},computed:{btnType:function(){return"btn-".concat(this.type)},disabledBool:function(){return Re(this.disabled)},isLi:function(){return this.$parent._navbar||this.$parent.menu||this.$parent._tabset},isSubmenu:function(){return this.hasParentDropdown},menu:function(){return!this.$parent||this.$parent.navbar},submenu:function(){return this.$parent&&(this.$parent.menu||this.$parent.submenu)},slots:function(){return this.$scopedSlots.default},hasBefore:function(){return!!this.$scopedSlots.before},btnWithBefore:function(){return this.hasBefore?"btn-with-before":""}},methods:{blur:function(){var t=this;this.unblur(),this._hide=setTimeout((function(){t._hide=null,t.hideDropdownMenu()}),100)},unblur:function(){this._hide&&(clearTimeout(this._hide),this._hide=null)},hideDropdownMenu:function(){var t=this;this.show=!1,pn(this.$refs.dropdown).findChildren("ul").each((function(e){e.classList.toggle("show",!1),window.innerWidth<768&&t.isParentNavbar&&e.style.removeProperty("left")}))},showDropdownMenu:function(){var t=this;this.show=!0,pn(this.$refs.dropdown).findChildren("ul").each((function(e){e.classList.toggle("show",!0),window.innerWidth<768&&t.isParentNavbar&&mn(e)}))}},mounted:function(){var t=this,e=pn(this.$refs.dropdown);this.$slots.button&&e.findChildren(".dropdown-toggle").forEach((function(t){return t.setAttribute("data-bs-toggle","dropdown")})),this.show&&this.showDropdownMenu(),e.onBlur((function(){t.hideDropdownMenu()}),!1),e.findChildren("a,button.dropdown-toggle").on("click",(function(e){return e.preventDefault(),t.disabledBool||(t.show?t.hideDropdownMenu():t.showDropdownMenu()),!1})),e.findChildren("ul").on("click","li>a",(function(e){e.target.classList.contains("submenu-toggle")||t.hideDropdownMenu()}))},beforeDestroy:function(){var t=pn(this.$refs.dropdown);t.offBlur(),t.findChildren("a,button").off(),t.findChildren("ul").off()}},Xe,[],!1,null,"ccda25c0",null).exports;var yn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("nav",{ref:"navbar",class:["navbar","navbar-expand-md","d-print-none",t.themeOptions,t.addClass,t.fixedOptions]},[n("div",{staticClass:"container-fluid"},[n("div",{staticClass:"navbar-left"},[t._t("brand")],2),t._v(" "),n("div",{ref:"navbarDefault",staticClass:"navbar-default"},[n("ul",{staticClass:"navbar-nav me-auto mt-2 mt-lg-0"},[t._t("default")],2)]),t._v(" "),t.slots.right?n("ul",{staticClass:"navbar-nav navbar-right"},[t._t("right")],2):t._e()])]),t._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:t.isLowerNavbarShowing,expression:"isLowerNavbarShowing"}],ref:"lowerNavbar",staticClass:"lower-navbar-container"},[t._t("lower-navbar",(function(){return[n("site-nav-button"),t._v(" "),n("page-nav-button")]}))],2)])};function wn(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n<e;n++)i[n]=t[n];return i}function bn(t,e){if(t){if("string"==typeof t)return wn(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?wn(t,e):void 0}}function _n(t){return function(t){if(Array.isArray(t))return wn(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||bn(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Sn(t){return t.endsWith(".html")?t.toLowerCase():t.endsWith("/")?"".concat(t,"index.html").toLowerCase():t.endsWith("/")?t.toLowerCase():"".concat(t,".html").toLowerCase()}yn._withStripped=!0;var xn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.showSiteNav?n("overlay",{attrs:{type:"siteNav","portal-name":t.portalName},scopedSlots:t._u([{key:"navMenuIcon",fn:function(){return[n("div",{class:["toggle-site-nav-button"]},[n("span"),t._v(" "),n("span"),t._v(" "),n("span")])]},proxy:!0}],null,!1,3920804522)}):t._e()};xn._withStripped=!0;const Cn=qe({data:function(){return{portalName:void 0,show:!1}},computed:{showSiteNav:function(){return this.show&&this.portalName}},methods:{toggleSiteNavButton:function(){window.innerWidth<992?this.show=!0:this.show=!1}},mounted:function(){null!==document.querySelector("#site-nav a")?this.portalName="site-nav":null!==document.querySelector(".site-nav-root a")&&(this.portalName="mb-site-nav"),this.toggleSiteNavButton(),pn(window).on("resize",this.toggleSiteNavButton)},beforeDestroy:function(){pn(window).off("resize",this.toggleSiteNavButton)}},xn,[],!1,null,"d6ffaa8e",null).exports;var $n=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.showPageNav?n("overlay",{attrs:{type:"pageNav","portal-name":t.portalName},scopedSlots:t._u([{key:"navMenuIcon",fn:function(){return[n("div",{class:["toggle-page-nav-button"]},[n("span"),t._v(" "),n("span"),t._v(" "),n("span")])]},proxy:!0}],null,!1,171840498)}):t._e()};$n._withStripped=!0;const kn=qe({data:function(){return{portalName:void 0,show:!1}},computed:{showPageNav:function(){return this.show&&this.portalName}},methods:{togglePageNavButton:function(){window.innerWidth<1300?this.show=!0:this.show=!1}},mounted:function(){null!==document.querySelector("#page-nav a")?this.portalName="page-nav":null!==document.querySelector("#mb-page-nav a")&&(this.portalName="mb-page-nav"),this.togglePageNavButton(),pn(window).on("resize",this.togglePageNavButton)},beforeDestroy:function(){pn(window).off("resize",this.togglePageNavButton)}},$n,[],!1,null,"4b08b1df",null).exports;const Tn=qe({components:{SiteNavButton:Cn,PageNavButton:kn},props:{type:{type:String,default:"primary"},addClass:{type:String,default:""},fixed:{type:[Boolean,String],default:!1},defaultHighlightOn:{type:String,default:"sibling-or-child"}},provide:function(){return{toggleLowerNavbar:this.toggleLowerNavbar,isParentNavbar:!0}},data:function(){return{id:"bs-example-navbar-collapse-1",styles:{},isLowerNavbarShowing:!1}},computed:{fixedBool:function(){return Re(this.fixed)},fixedOptions:function(){return this.fixedBool?"navbar-fixed":""},slots:function(){return this.$scopedSlots},themeOptions:function(){switch(this.type){case"none":return"";case"light":return"navbar-light bg-light";case"dark":return"navbar-dark bg-dark";case"primary":default:return"navbar-dark bg-primary"}}},methods:{splitUrl:function(t){var e=new URL(Sn(t));return"".concat(e.pathname).substr(1).split("/")},isEqualExceptLast:function(t,e){for(var n=0;n<t.length-1;n+=1)if(t[n]!==e[n])return!1;return!0},isSibling:function(t,e){var n=this.splitUrl(e),i=this.splitUrl(t);return n.length===i.length&&this.isEqualExceptLast(n,i)},isChild:function(t,e){var n=this.splitUrl(e),i=this.splitUrl(t);return!(i.length<=n.length)&&this.isEqualExceptLast(n,i)},isExact:function(t,e){return Sn(t)===Sn(e)},addClassIfDropdown:function(t,e,n){t.includes(e)&&(e.classList.add("dropdown-current"),this.addClassIfSubmenu(e,n))},addClassIfSubmenu:function(t,e){for(var n=t.parentElement;n!==e;)n.classList.contains("dropdown-submenu")&&pn(n).findChildren("a").each((function(t){return t.classList.add("dropdown-current")})),n=n.parentElement},highlightLink:function(t){var e=this.defaultHighlightOn,n=[];this.$el.querySelectorAll(".navbar-nav").forEach((function(t){return n.push.apply(n,_n(Array.from(t.children)))}));for(var i=0;i<n.length;i+=1)for(var o=n[i],r=[o],s=Array.from(o.querySelectorAll("a.nav-link")),a=Array.from(o.querySelectorAll("a.dropdown-item")),l=r.concat(s).concat(a).filter((function(t){return t.href})),c=0;c<l.length;c+=1){var u=l[c];if("none"!==(u.getAttribute("highlight-on")||e)&&this.isExact(t,u.href))return o.classList.add("current"),void this.addClassIfDropdown(a,u,o)}for(var d=0;d<n.length;d+=1)for(var h=n[d],p=[h],f=Array.from(h.querySelectorAll("a.nav-link")),m=Array.from(h.querySelectorAll("a.dropdown-item")),v=p.concat(f).concat(m).filter((function(t){return t.href})),g=0;g<v.length;g+=1){var y=v[g],w=y.getAttribute("highlight-on")||e;if("none"!==w)if("sibling-or-child"===w){if(this.isSibling(t,y.href)||this.isChild(t,y.href))return h.classList.add("current"),void this.addClassIfDropdown(m,y,h)}else if("sibling"===w){if(this.isSibling(t,y.href))return h.classList.add("current"),void this.addClassIfDropdown(m,y,h)}else if("child"===w&&this.isChild(t,y.href))return h.classList.add("current"),void this.addClassIfDropdown(m,y,h)}},toggleLowerNavbar:function(){this.$refs.lowerNavbar.childElementCount>0?this.isLowerNavbarShowing=!0:this.isLowerNavbarShowing=!1}},created:function(){this._navbar=!0},mounted:function(){var t=this,e=pn('.dropdown>[data-bs-toggle="dropdown"]',this.$el).parent();e.on("click",".dropdown-toggle",(function(t){t.preventDefault(),e.each((function(e){e.contains(t.target)&&e.classList.toggle("open")}))})).on("click",".dropdown-menu>li>a",(function(t){e.each((function(e){e.contains(t.target)&&e.classList.remove("open")}))})).onBlur((function(t){e.each((function(e){e.contains(t.target)||e.classList.remove("open")}))})),this.highlightLink(window.location.href);var n=pn(this.$refs.navbarDefault).find(".current")[0];n&&window.innerWidth<768&&n.offsetLeft+n.offsetWidth>window.innerWidth&&(this.$refs.navbarDefault.scrollLeft=n.offsetLeft+n.offsetWidth-window.innerWidth),this.toggleLowerNavbar(),pn(window).on("resize",this.toggleLowerNavbar),pn(this.$refs.navbarDefault).on("wheel",(function(e){window.innerWidth<768&&!function(t){for(var e=0;e<t.length;e+=1)if(t[e].classList&&t[e].classList.contains("dropdown-menu"))return!0;return!1}(e.path)&&(e.preventDefault(),t.$refs.navbarDefault.scrollLeft+=e.deltaY)}))},beforeDestroy:function(){pn(".dropdown",this.$el).off("click").offBlur(),pn(window).off("resize",this.toggleLowerNavbar),pn(this.$refs.navbarDefault).off("wheel")}},yn,[],!1,null,"7c0fd418",null).exports;var En=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.isMinimal?n("minimal-panel",t._b({attrs:{"panel-id":t.panelId},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(){return[t._t(n)]},proxy:!0}}))],null,!0)},"minimal-panel",t.$attrs,!1)):n("nested-panel",t._b({attrs:{"panel-id":t.panelId,type:t.type},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(){return[t._t(n)]},proxy:!0}}))],null,!0)},"nested-panel",t.$attrs,!1))};En._withStripped=!0;var On=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.localMinimized?n("span",{ref:"cardContainer",class:["card-container",t.addClass]},[n("span",{staticClass:"morph"},[n("button",{class:["morph-display-wrapper","btn",t.btnType],on:{click:function(e){return t.open()}}},[t.noMinimizedSwitch?t._e():n("div",{staticClass:"minimal-caret-wrapper"},[n("span",{class:["glyphicon","glyphicon-chevron-right"]})]),t._v(" "),n("span",{staticClass:"card-title"},[t._t("_alt",(function(){return[t._t("header")]}))],2)])])]):n("div",{ref:"cardContainer",class:["card-container",t.addClass]},[n("div",{class:["card",{"expandable-card":t.isExpandableCard},t.borderType]},[n("div",{class:["card-header",{"header-toggle":t.isExpandableCard},t.cardType,t.borderType],on:{click:function(e){e.preventDefault(),e.stopPropagation(),t.isExpandableCard&&t.toggle()}}},[n("div",{staticClass:"caret-wrapper"},[t.showCaret?n("span",{class:["glyphicon",t.localExpanded?"glyphicon-chevron-down":"glyphicon-chevron-right"]}):t._e()]),t._v(" "),n("div",{ref:"headerWrapper",class:["header-wrapper card-title",t.cardType,{"text-white":!t.isLightBg,"header-transparent":!t.shouldShowHeader}]},[t._t("header")],2),t._v(" "),n("div",{staticClass:"button-wrapper"},[t._t("button",(function(){return[n("panel-switch",{directives:[{name:"show",rawName:"v-show",value:t.isExpandableCard&&!t.noSwitchBool&&!t.showCaret,expression:"isExpandableCard && !noSwitchBool && !showCaret"}],attrs:{"is-open":t.localExpanded,"is-light-bg":t.isLightBg}}),t._v(" "),n("button",{directives:[{name:"show",rawName:"v-show",value:!t.noCloseBool,expression:"!noCloseBool"}],staticClass:"close-button btn",class:[t.isLightBg?"btn-outline-secondary":"btn-outline-light",{"seamless-button":t.isSeamless}],attrs:{type:"button"},on:{click:function(e){return e.stopPropagation(),t.close()}}},[n("span",{staticClass:"glyphicon glyphicon-remove",attrs:{"aria-hidden":"true"}})]),t._v(" "),n("button",{directives:[{name:"show",rawName:"v-show",value:t.popupUrl,expression:"popupUrl"}],staticClass:"popup-button btn",class:[t.isLightBg?"btn-outline-secondary":"btn-outline-light",{"seamless-button":t.isSeamless}],attrs:{type:"button"},on:{click:function(e){return e.stopPropagation(),t.openPopup()}}},[n("span",{staticClass:"glyphicon glyphicon-new-window",attrs:{"aria-hidden":"true"}})])]}))],2)]),t._v(" "),n("div",{ref:"panel",staticClass:"card-collapse",class:{"card-peek-collapsed":t.shouldShowPeek}},[t.wasRetrieverLoaded||t.preloadBool?n("div",{staticClass:"card-body"},[t._t("default"),t._v(" "),t.hasSrc?n("retriever",{ref:"retriever",attrs:{src:t.srcWithoutFragment,fragment:t.fragment},on:{"src-loaded":t.retrieverUpdateMaxHeight}}):t._e(),t._v(" "),n("div",{staticClass:"bottom-button-wrapper"},[n("panel-switch",{directives:[{name:"show",rawName:"v-show",value:t.isExpandableCard&&t.bottomSwitchBool,expression:"isExpandableCard && bottomSwitchBool"}],attrs:{"is-open":t.localExpanded},nativeOn:{click:function(e){return e.stopPropagation(),e.preventDefault(),t.toggle(!0)}}})],1)],2):t._e(),t._v(" "),n("hr",{directives:[{name:"show",rawName:"v-show",value:t.isSeamless,expression:"isSeamless"}]})]),t._v(" "),n("transition",{attrs:{name:"peek-read-more-fade"}},[t.shouldShowPeek?n("div",{staticClass:"peek-read-more glyphicon glyphicon-chevron-down",on:{click:function(e){return t.toggle()}}}):t._e()])],1)])};On._withStripped=!0;const Bn={props:{type:{type:String,default:null},expandable:{type:[Boolean,String],default:!0},isOpen:{type:[Boolean,String],default:null},expanded:{type:[Boolean,String],default:null},minimized:{type:[Boolean,String],default:!1},noMinimizedSwitch:{type:[Boolean,String],default:!1},noSwitch:{type:[Boolean,String],default:!1},noClose:{type:[Boolean,String],default:!1},popupUrl:{type:String,default:null},src:{type:String},bottomSwitch:{type:[Boolean,String],default:!0},preload:{type:[Boolean,String],default:!1},addClass:{type:String,default:""},expandHeaderless:{type:Boolean,default:!1},peek:{type:Boolean,default:!1},panelId:{type:String,default:null}},computed:{expandableBool:function(){return Re(this.expandable)},isOpenBool:function(){return Re(this.isOpen)},expandedBool:function(){return Re(this.expanded)},minimizedBool:function(){return Re(this.minimized)},noSwitchBool:function(){return Re(this.noSwitch)},noCloseBool:function(){return Re(this.noClose)},bottomSwitchBool:function(){return Re(this.bottomSwitch)},preloadBool:function(){return Re(this.preload)},hasHeaderBool:function(){return this.$scopedSlots.header},isExpandableCard:function(){return this.expandableBool},hasId:function(){return this.panelId},hasSrc:function(){return this.src&&this.src.length>0},srcWithoutFragment:function(){return this.src.split("#")[0]},shouldShowHeader:function(){return!this.localExpanded||!this.expandHeaderless},shouldShowPeek:function(){return this.peek&&!this.localExpanded},collapsedPanelHeight:function(){return this.peek?125:0}},data:function(){return{localExpanded:!1,localMinimized:!1,wasRetrieverLoaded:!1,isRetrieverLoadDone:!this.src,fragment:""}},methods:{toggle:function(t){var e=this;this.wasRetrieverLoaded?(this.localExpanded?(t&&(this.$refs.panel.style.maxHeight="".concat(this.$refs.panel.scrollHeight,"px")),requestAnimationFrame((function(){if(e.$el.getBoundingClientRect().top<0){var n,i=document.querySelector("header[sticky]");if(null==i)n=0;else{var o=window.getComputedStyle(i,null);n=i.clientHeight-parseFloat(o.paddingTop)-parseFloat(o.paddingBottom)||0}window.scrollTo({top:window.scrollY+e.$el.getBoundingClientRect().top-n-3,left:0,behavior:t?"smooth":"instant"})}e.$refs.panel.style.maxHeight="".concat(e.collapsedPanelHeight,"px")}))):(this.$refs.panel.style.transition="max-height 0.5s ease-in-out",this.$refs.panel.style.maxHeight="".concat(this.$refs.panel.scrollHeight,"px")),this.localExpanded=!this.localExpanded):this.open()},close:function(){this.localMinimized=!0,this.localExpanded=!1},open:function(){var t=this;this.localMinimized=!1,this.$nextTick((function(){t.initPanel(),t.localExpanded=!0,t.wasRetrieverLoaded=!0,t.$nextTick((function(){t.$refs.panel.style.maxHeight="".concat(t.$refs.panel.scrollHeight,"px")}))}))},openPopup:function(){window.open(this.popupUrl)},retrieverUpdateMaxHeight:function(){this.isRetrieverLoadDone=!0,this.localExpanded&&(this.expandedBool?this.$refs.panel.style.maxHeight="none":this.$refs.panel.style.maxHeight="".concat(this.$refs.panel.scrollHeight,"px"))},initPanel:function(){var t=this;this.$refs.panel.addEventListener("transitionend",(function(e){t.localExpanded&&t.isRetrieverLoadDone&&e.target===t.$refs.panel&&(t.$refs.panel.style.maxHeight="none")})),this.localExpanded?this.$refs.panel.style.maxHeight="none":this.$refs.panel.style.maxHeight="".concat(this.collapsedPanelHeight,"px")}},created:function(){if(this.src){var t=Ie(this.src);t&&(this.fragment=t)}var e=!this.expandableBool&&"false"!==this.expanded;this.localExpanded=e||this.expandedBool,null===this.localExpanded&&(this.localExpanded=!1),this.wasRetrieverLoaded=this.localExpanded||this.peek,this.localMinimized=this.minimizedBool},mounted:function(){this.localMinimized||this.initPanel()}};var Pn=function(){var t=this.$createElement,e=this._self._c||t;return e("button",{class:["collapse-button","btn",this.isLightBg?"btn-outline-secondary":"btn-outline-light"],attrs:{type:"button"}},[e("span",{class:["collapse-icon","glyphicon","glyphicon-menu-down",{opened:this.isOpenBool}],attrs:{"aria-hidden":"true"}})])};Pn._withStripped=!0;const Ln=qe({props:{isOpen:{type:[Boolean,String],default:!1},isLightBg:{type:Boolean,default:!0}},computed:{isOpenBool:function(){return Re(this.isOpen)}}},Pn,[],!1,null,null,null).exports;var Nn=function(){var t=this.$createElement;return(this._self._c||t)("div",[this._v("\n  Loading...\n")])};function An(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}Nn._withStripped=!0;const zn=qe({props:{src:{type:String,default:null},fragment:{type:String,default:null},delay:{type:[Boolean,String],default:!1},hasFetched:{type:Boolean,default:!1}},data:function(){return{hasFetchedCopy:this.hasFetched}},computed:{delayBool:function(){return Re(this.delay)},hash:function(){return Ie(this.src)||this.fragment},srcWithoutHash:function(){return this.src.split("#")[0]}},methods:{fetch:function(t){function e(){return t.apply(this,arguments)}return e.toString=function(){return t.toString()},e}((function(){var t=this;this.srcWithoutHash&&(this.hasFetchedCopy||fetch(this.srcWithoutHash).then((function(t){return t.text()})).then((function(e){var i=e;if(t.hash){var o=document.implementation.createHTMLDocument("");o.body.innerHTML=i,o.querySelectorAll("svg > script").forEach((function(t){return t.remove()})),i=o.querySelector("#".concat(t.hash)).innerHTML}if(t.hasFetchedCopy=!0,void 0===i&&t.hash)t.$el.innerHTML="<strong>Error</strong>: Failed to retrieve page fragment:"+" ".concat(t.srcWithoutHash,"#").concat(t.hash);else{var r=function(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?An(Object(i),!0).forEach((function(e){n(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):An(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}({},t.$root.$data);(new(Vue.extend({template:"<div>\n".concat(i,"\n</div>"),data:function(){return r}}))).$mount(t.$el),t.$emit("src-loaded")}})).catch((function(e){console.error(e),t.$el.innerHTML="<strong>Error</strong>: Failed to retrieve content from source: "+"<em>".concat(t.srcWithoutHash,"</em>"),t.$emit("src-loaded")})))}))},mounted:function(){this.$nextTick((function(){this.srcWithoutHash||(this.$el.innerHTML=""),this.delayBool||this.fetch()}))}},Nn,[],!1,null,null,null).exports;const Mn=qe({mixins:[Bn],components:{panelSwitch:Ln,retriever:zn},computed:{showCaret:function(){return this.isSeamless&&this.expandableBool},isSeamless:function(){return"seamless"===this.type},btnType:function(){return this.isSeamless||"light"===this.type?"btn-outline-secondary":"btn-outline-".concat(this.type||"secondary")},borderType:function(){return this.isSeamless?"border-0":this.type?"light"===this.type?"":"border-".concat(this.type):""},cardType:function(){return this.isSeamless?"bg-white":"bg-".concat(this.type||"light")},isLightBg:function(){return"bg-light"===this.cardType||"bg-white"===this.cardType||"bg-warning"===this.cardType}}},On,[],!1,null,"3602e6fc",null).exports;var Hn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.localMinimized?n("span",{ref:"cardContainer",class:["card-container",t.addClass]},[t.hasId?n("span",{staticClass:"anchor",attrs:{id:t.panelId}}):t._e(),t._v(" "),n("span",{staticClass:"morph"},[n("button",{staticClass:"morph-display-wrapper btn card-title morph-title",on:{click:function(e){return t.minimalOpen()}}},[t.noMinimizedSwitch?t._e():n("div",{class:["glyphicon","glyphicon-chevron-right"]}),t._v(" "),t._t("_alt",(function(){return[n("span",{staticClass:"card-title"},[t._t("header")],2)]}))],2)])]):n("div",{ref:"cardContainer",class:["card-container",t.addClass]},[t.hasId?n("span",{staticClass:"anchor",attrs:{id:t.panelId}}):t._e(),t._v(" "),n("div",{staticClass:"card card-flex"},[n("div",{class:["header-wrapper",{"header-wrapper-bottom":t.isHeaderAtBottom,"header-toggle":t.isExpandableCard}],on:{click:function(e){e.preventDefault(),e.stopPropagation(),t.isExpandableCard&&t.minimalToggle()}}},[n("transition",{attrs:{name:"header-fade"}},[n("span",{directives:[{name:"show",rawName:"v-show",value:!t.isHeaderAtBottom,expression:"!isHeaderAtBottom"}],ref:"headerWrapper",class:["card-title",{ellipses:!t.hasHeaderBool}]},[n("span",{staticClass:"card-title-inline"},[t._t("header")],2),t._v(" "),n("span",{directives:[{name:"show",rawName:"v-show",value:t.showDownSwitch,expression:"showDownSwitch"}],staticClass:"minimal-button glyphicon glyphicon-menu-down minimal-menu-down",attrs:{"aria-hidden":"true"}})])]),t._v(" "),n("div",{class:["button-wrapper",{"button-wrapper-expanded":t.isHeaderAtBottom}]},[t._t("button",(function(){return[n("button",{directives:[{name:"show",rawName:"v-show",value:!t.noCloseBool,expression:"!noCloseBool"}],staticClass:"minimal-button",attrs:{type:"button"},on:{click:function(e){return e.stopPropagation(),t.minimalClose()}}},[n("span",{staticClass:"glyphicon glyphicon-remove minimal-close-button",attrs:{"aria-hidden":"true"}})]),t._v(" "),n("button",{directives:[{name:"show",rawName:"v-show",value:null!==t.popupUrl,expression:"popupUrl !== null"}],staticClass:"minimal-button",attrs:{type:"button"},on:{click:function(e){return e.stopPropagation(),t.openPopup()}}},[n("span",{staticClass:"glyphicon glyphicon-new-window minimal-popup-button",attrs:{"aria-hidden":"true"}})]),t._v(" "),n("button",{directives:[{name:"show",rawName:"v-show",value:t.isHeaderAtBottom&&t.isExpandableCard&&t.bottomSwitchBool,expression:"isHeaderAtBottom && isExpandableCard && bottomSwitchBool"}],staticClass:"minimal-button",attrs:{type:"button"}},[n("span",{staticClass:"glyphicon glyphicon-menu-up minimal-menu-up",attrs:{"aria-hidden":"true"}})])]}))],2)],1),t._v(" "),n("div",{ref:"panel",staticClass:"card-collapse",class:{"card-peek-collapsed":t.shouldShowPeek}},[t.wasRetrieverLoaded||t.preloadBool?n("div",{staticClass:"card-body"},[t._t("default"),t._v(" "),t.hasSrc?n("retriever",{ref:"retriever",attrs:{src:t.srcWithoutFragment,fragment:t.fragment},on:{"src-loaded":t.retrieverUpdateMaxHeight}}):t._e()],2):t._e()])])])};Hn._withStripped=!0;var Dn=qe({mixins:[Bn],components:{retriever:zn},data:function(){return{isHeaderAtBottom:!1}},computed:{showDownSwitch:function(){return this.hasHeaderBool&&this.isExpandableCard&&!this.noSwitchBool}},methods:{minimalToggle:function(){var t=this;if(this.localExpanded){this.$refs.panel.addEventListener("transitionend",(function e(n){n.target===t.$refs.panel&&(t.isHeaderAtBottom=!1,t.$refs.panel.removeEventListener("transitionend",e))}))}else this.isHeaderAtBottom=!0;this.toggle(!0)},minimalOpen:function(){this.open(),this.isHeaderAtBottom=!0},minimalClose:function(){this.close(),this.isHeaderAtBottom=!1}},created:function(){this.isHeaderAtBottom=this.localExpanded}},Hn,[],!1,null,"6cec1f15",null);const Rn=qe({components:{nestedPanel:Mn,minimalPanel:Dn.exports},props:{panelId:{type:String,default:null},type:{type:String,default:null}},computed:{isMinimal:function(){return"minimal"===this.type}}},En,[],!1,null,null,null).exports;var jn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:["annotate-image-wrapper",t.addClass]},[n("img",{ref:"pic",staticClass:"annotate-image",attrs:{src:t.src,alt:t.alt,width:t.computedWidth,height:t.computedHeight,loading:t.computedLoadType},on:{"~load":function(e){return t.computeWidthAndHeight.apply(null,arguments)}}}),t._v(" "),n("div",{staticStyle:{top:"0",left:"0",height:"0"}},[t._t("default")],2)])};jn._withStripped=!0;const In=qe({props:{src:{type:String,default:null},alt:{type:String,default:null},height:{type:String,default:""},width:{type:String,default:""},lazy:{type:Boolean,default:!1},addClass:{type:String,default:""}},computed:{hasWidth:function(){return""!==this.width},hasHeight:function(){return""!==this.height},computedWidth:function(){return this.hasWidth?this.width:this.widthFromHeight},computedHeight:function(){return this.heightFromWidth},computedLoadType:function(){return this.lazy?"lazy":"eager"}},data:function(){return{widthFromHeight:"",heightFromWidth:""}},methods:{computeWidthAndHeight:function(){var t=this.$refs.pic,e=t.naturalHeight,n=t.naturalWidth/e;this.hasWidth?this.heightFromWidth=Math.round(je(this.width)/n).toString():this.hasHeight&&(this.widthFromHeight=Math.round(je(this.height)*n).toString(),this.heightFromWidth=this.height)}},provide:function(){return{width:this.width,height:this.height,src:this.src}}},jn,[],!1,null,null,null).exports;var qn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[t.hasBottomText&&t.hasLabel?n("div",{staticClass:"legend-wrapper"},[n("div",{staticClass:"text-header"},[t._v("\n      "+t._s(t.computedBottomHeader)+"\n    ")]),t._v(" "),t.hasContent?n("div",[t._t("content")],2):t._e()]):t._e(),t._v(" "),n("div",{staticClass:"annotate-point"},[t.isMounted?n("div",{staticClass:"popover-annotation"},[n("div",{style:t.pointPosition},[t.isMounted?n("v-popover",{attrs:{placement:t.placement,delay:0,triggers:t.triggers,"popper-triggers":t.triggers,"hide-triggers":t.triggers,distance:t.computeDistance,disabled:!t.hasPopover,skidding:t.computeSkidding,"arrow-padding":t.computeArrowPadding,"shift-cross-axis":""},scopedSlots:t._u([{key:"popper",fn:function(){return[t.hasContent||t.hasHeader?n("div",{staticClass:"popover-container"},[t.hasHeader?n("h3",{staticClass:"popover-header"},[t._t("header")],2):t._e(),t._v(" "),t.hasContent?n("div",{staticClass:"popover-body"},[t._t("content")],2):t._e()]):t._e()]},proxy:!0}],null,!0)},[n("div",{staticClass:"hover-wrapper"},[t._t("default",(function(){return[n("button",{staticClass:"hover-point",style:t.pointStyle})]})),t._v(" "),n("div",{staticClass:"hover-label",style:t.labelStyle},[t._t("label")],2)],2)]):t._e()],1)]):t._e()])])};qn._withStripped=!0;const Wn=qe({props:{content:{type:String,default:""},header:{type:String,default:""},placement:{type:String,default:"top"},x:{type:String,default:null},y:{type:String,default:null},color:{type:String,default:"green"},textColor:{type:String,default:"black"},fontSize:{type:String,default:"14"},opacity:{type:String,default:"0.3"},size:{type:String,default:"40"},label:{type:String,default:""},legend:{type:String,default:"popover"},trigger:{type:String,default:"click"}},data:function(){return{targetEl:{},isMounted:!1,width:this.width,height:this.height,src:this.src}},inject:["width","height","src"],computed:{pointPosition:function(){var t=this;this.computeImage((function(){t.width=t.parentEl.offsetWidth,t.height=t.parentEl.offsetHeight}));var e=100*(this.toDecimal(this.x)-this.size/2/this.width),n=100*(this.toDecimal(this.y)-this.size/2/this.height);return{left:"".concat(e,"%"),top:"".concat(n,"%"),position:"absolute",pointerEvents:"all"}},pointStyle:function(){var t=this.hasPopover?"pointer":"default";return{backgroundColor:this.color,opacity:this.opacity,width:"".concat(this.size,"px"),height:"".concat(this.size,"px"),cursor:t}},labelStyle:function(){return{fontSize:"".concat(Math.min(this.fontSize,this.size),"px"),color:this.textColor}},triggers:function(){return this.trigger.split(" ")},computeDistance:function(){return"top"===this.placement?je(this.size*(2/3)):je(this.size/10)},computeSkidding:function(){return"left"===this.placement||"right"===this.placement?-je(this.size/4):0},computeArrowPadding:function(){return"left"===this.placement||"right"===this.placement?je(this.size/2):0},hasHeader:function(){return!!this.$scopedSlots.header},hasContent:function(){return!!this.$scopedSlots.content},hasWidth:function(){return""!==this.width},hasHeight:function(){return""!==this.height},hasLabel:function(){return!!this.$scopedSlots.label},hasBottomText:function(){return"bottom"===this.legend||"both"===this.legend},hasPopover:function(){return(this.hasContent||this.hasHeader)&&("popover"===this.legend||"both"===this.legend)},computedBottomHeader:function(){return""!==this.label&&""===this.header?this.label:""===this.label&&""!==this.header?this.header:"".concat(this.label,": ").concat(this.header)}},methods:{computeImage:function(t){var e=new Image;e.onload=function(){t()},e.src=this.src},toDecimal:function(t){return parseFloat(t)/100}},mounted:function(){this.targetEl=this.$el,this.isMounted=!0,this.parentEl=this.$el.parentElement.parentElement.querySelector(".annotate-image")}},qn,[],!1,null,null,null).exports;var Fn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("span",{class:["image-wrapper",t.addClass]},[n("img",{ref:"pic",staticClass:"img-fluid rounded",attrs:{src:t.src,alt:t.alt,width:t.computedWidth,height:t.computedHeight,loading:t.computedLoadType},on:{"~load":function(e){return t.computeWidthAndHeight.apply(null,arguments)}}}),t._v(" "),n("span",{staticClass:"image-caption"},[t._t("default")],2)])};Fn._withStripped=!0;const Vn=qe({props:{src:{type:String,default:null},alt:{type:String,default:null},height:{type:String,default:""},width:{type:String,default:""},lazy:{type:Boolean,default:!1},addClass:{type:String,default:""}},computed:{hasWidth:function(){return""!==this.width},hasHeight:function(){return""!==this.height},computedWidth:function(){return this.hasWidth?this.width:this.widthFromHeight},computedHeight:function(){return this.heightFromWidth},computedLoadType:function(){return this.lazy?"lazy":"eager"}},data:function(){return{widthFromHeight:"",heightFromWidth:""}},methods:{computeWidthAndHeight:function(){var t=this.$refs.pic,e=t.naturalHeight,n=t.naturalWidth/e;this.hasWidth?this.heightFromWidth=Math.round(je(this.width)/n).toString():this.hasHeight&&(this.widthFromHeight=Math.round(je(this.height)*n).toString(),this.heightFromWidth=this.height)}}},Fn,[],!1,null,null,null).exports;var Un=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:["quiz-container",t.addClass]},[n("transition",{attrs:{name:"intro-outro-card"},on:{"after-leave":t.showFirstQuestion}},[3===t.state?n("div",{staticClass:"card intro-outro-card"},[n("div",{staticClass:"card-body"},[t._t("intro",(function(){return[n("h4",[t._v("\n            Click start to begin\n          ")])]})),t._v(" "),n("h5",[t._v(t._s(t.questions.length)+" questions")]),t._v(" "),n("hr"),t._v(" "),n("button",{staticClass:"btn btn-primary d-inline-block",attrs:{type:"button"},on:{click:t.begin}},[t._v("\n          Start\n        ")])],2)]):t._e()]),t._v(" "),n("transition",{attrs:{name:"intro-outro-card"}},[n("div",{directives:[{name:"show",rawName:"v-show",value:4===t.state,expression:"state === 4"}],staticClass:"progress intro-outro-card",staticStyle:{height:"1px"}},[n("div",{staticClass:"progress-bar progress-bar-z",style:{width:t.currentQuestion/t.questions.length*100+"%"},attrs:{role:"progressbar","aria-valuemin":"0","aria-valuemax":t.questions.length,"aria-valuenow":t.currentQuestion}})])]),t._v(" "),t._t("default"),t._v(" "),n("transition",{attrs:{name:"intro-outro-card"},on:{"after-enter":t.setScoreCircleStyles,"after-leave":t.showFirstQuestion}},[5===t.state?n("div",{staticClass:"card intro-outro-card"},[n("div",{staticClass:"card-body"},[n("h4",{staticClass:"mb-3"},[t._v("\n          "+t._s(t.scoreText)+"\n        ")]),t._v(" "),n("svg",{attrs:{viewBox:"0 0 100 100",width:"120px",height:"120px"}},[n("circle",{staticClass:"score-background-circle",attrs:{cx:"50",cy:"50",r:"42"}}),t._v(" "),n("circle",{ref:"score",staticClass:"score-circle",attrs:{cx:"50",cy:"50",r:"42",transform:"rotate(-90, 50, 50)","stroke-dashoffset":"264"}}),t._v(" "),n("text",{staticClass:"score",attrs:{x:"22",y:"57",textLength:"56"}},[t._v(t._s(t.score)+" / "+t._s(t.questions.length))])]),t._v(" "),n("hr"),t._v(" "),n("button",{staticClass:"btn btn-outline-primary",attrs:{type:"button"},on:{click:t.begin}},[t._v("\n          Retry\n        ")])])]):t._e()])],2)};Un._withStripped=!0;const Qn=qe({name:"Quiz",props:{addClass:{type:String,default:null}},data:function(){return{currentQuestion:0,questions:[],score:0,state:3}},provide:function(){return{questions:this.questions,gotoNextQuestion:this.gotoNextQuestion,showNextQuestion:this.showNextQuestion}},computed:{scoreText:function(){return this.score/this.questions.length>.5?"Well done!":"Try again?"}},methods:{gotoNextQuestion:function(){this.questions[this.currentQuestion-1].hide(),this.currentQuestion+=1},showNextQuestion:function(){this.currentQuestion<=this.questions.length?this.questions[this.currentQuestion-1].show():this.complete()},begin:function(){this.currentQuestion=1,this.score=0,this.state=4},showFirstQuestion:function(){this.questions.length&&this.questions[0].show()},reset:function(){this.questions.forEach((function(t){return t.reset()}))},complete:function(){this.score=this.questions.filter((function(t){return 2===t.qState.state})).length,this.state=5,this.reset()},setScoreCircleStyles:function(){var t=this.score/this.questions.length;this.$refs.score.style.strokeDashoffset=264*(1-t),this.$refs.score.style.stroke="#51c2f8"}}},Un,[],!1,null,"2b2275c0",null).exports;var Xn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("transition",{attrs:{name:t.questions?"question":null},on:{"after-leave":t.showNextQuestion}},[t.active?n("div",{class:["card","question",t.shakeClass,t.addClass]},[t.$scopedSlots.header?n("div",{staticClass:"card-header alert-light border-bottom border-light text-dark"},[t._t("header")],2):t._e(),t._v(" "),n("div",{staticClass:"card-body"},[t._t("default"),t._v(" "),t.isTextQuestion()?n("div",{staticClass:"mb-2"},[n("textarea",{directives:[{name:"model",rawName:"v-model",value:t.textareaText,expression:"textareaText"}],staticClass:"form-control",attrs:{disabled:t.qState.answered},domProps:{value:t.textareaText},on:{input:function(e){e.target.composing||(t.textareaText=e.target.value)}}}),t._v(" "),t.qState.answered?n("div",[n("hr"),t._v(" "),t.keywordsSplitTrimmed().length?n("strong",[t._v("\n            Keywords: \n            "),t._l(t.keywordsSplitTrimmed(),(function(e){return n("span",{key:e,staticClass:"badge rounded-pill bg-light text-dark fw-normal"},[t._v("\n              "+t._s(e)+"\n            ")])}))],2):t._e()]):t._e()]):t._e(),t._v(" "),t.qState.answered&&t.isTextQuestion()?n("div",{staticClass:"answer"},[t._t("answer")],2):t._e(),t._v(" "),t.showHint?n("box",{staticClass:"mb-0 mt-3",attrs:{type:"tip"}},[t._t("hint")],2):t._e()],2),t._v(" "),t.showCardFooter?n("div",{staticClass:"card-footer alert-light border-top border-light text-dark"},[1===t.qState.state?n("i",{staticClass:"fa fa-times text-danger border-danger result-icon"}):2===t.qState.state?n("i",{staticClass:"fa fa-check text-success border-success result-icon"}):t._e(),t._v(" "),n("transition-group",{staticClass:"float-end",attrs:{name:"q-btn",tag:"div"}},[t.$scopedSlots.hint&&!t.showHint?n("button",{key:"hint",staticClass:"btn btn-success q-btn ms-1",attrs:{type:"button"},on:{click:function(e){t.showHint=!0}}},[t._v("\n          Hint\n        ")]):t._e(),t._v(" "),0!==t.qState.state||t.isTextWithoutKeywords()&&!t.$scopedSlots.answer?t._e():n("button",{key:"check",staticClass:"btn btn-primary q-btn ms-1",attrs:{type:"button"},on:{click:function(e){return t.checkAnswer(!!t.questions)}}},[t._v("\n          Check\n        ")]),t._v(" "),0!==t.qState.state&&t.questions?n("button",{key:"active",staticClass:"btn btn-primary q-btn ms-1",attrs:{type:"button"},on:{"~click":function(e){return t.gotoNextQuestion.apply(null,arguments)}}},[t._v("\n          Next\n        ")]):t._e(),t._v(" "),t.retryState?n("button",{key:"show",staticClass:"btn btn-info q-btn ms-1",attrs:{type:"button"},on:{click:function(e){return t.checkAnswer(!0)}}},[t._v("\n          Show\n        ")]):t._e(),t._v(" "),t.retryState?n("button",{key:"retry",staticClass:"btn btn-primary q-btn ms-1",attrs:{type:"button"},on:{click:function(e){return t.checkAnswer(!1)}}},[t._v("\n          Retry\n        ")]):t._e()])],1):t._e()]):t._e()])};Xn._withStripped=!0;function Yn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function Kn(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?Yn(Object(i),!0).forEach((function(e){n(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):Yn(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}const Gn=qe({name:"Question",mixins:[{data:function(){return{active:!0}},inject:{questions:{default:void 0},gotoNextQuestion:{default:void 0},showNextQuestion:{default:""}},methods:{show:function(){this.active=!0},hide:function(){this.active=!1},reset:function(){this.active=!1,this.qState.answered=!1,this.qState.state=0,this.showHint=!1,this.textareaText&&(this.textareaText=""),this.answers&&this.answers.splice(0,this.answers.length)}},created:function(){this.questions&&(this.active=!1,this.questions.push(this))}}],props:{type:{type:String,default:""},addClass:{type:String,default:null},keywords:{type:String,default:""},threshold:{type:[String,Number],default:1},noIntermediateResult:{type:Boolean}},computed:{retryState:function(){return 1===this.qState.state&&!this.qState.answered&&!this.questions},showCardFooter:function(){var t=!this.$scopedSlots.hint||this.showHint;return!(this.isTextWithoutKeywords()&&t&&this.qState.answered&&!this.questions)}},data:function(){var t={qState:{state:0,answered:!1},showHint:!1,shakeClass:null};return this.isMcqOrCheckboxQuestion()||this.isBlanksQuestion()?Kn({answers:[]},t):this.isTextQuestion()?Kn({textareaText:""},t):t},provide:function(){return this.isMcqOrCheckboxQuestion()?{answers:this.answers,qOptionType:this.type,qState:this.qState}:this.isBlanksQuestion()?{answers:this.answers,qOptionType:this.type,qState:this.qState,noIntermediateResult:this.noIntermediateResult}:void 0},methods:{keywordsSplitTrimmed:function(){return this.keywords.split(",").filter((function(t){return""!==t.trim()}))},isMcqOrCheckboxQuestion:function(){return"mcq"===this.type||"checkbox"===this.type},isBlanksQuestion:function(){return"blanks"===this.type},isTextQuestion:function(){return"text"===this.type},isTextWithoutKeywords:function(){return this.isTextQuestion()&&!this.keywords},shakeCard:function(){var t=this;this.shakeClass="shake",setTimeout((function(){t.shakeClass=null}),800)},markAsCorrect:function(){this.qState.state=2,this.qState.answered=!0},markAsWrong:function(t){this.qState.state=1,t?this.qState.answered=!0:this.shakeCard()},checkMcqAnswer:function(t){var e=this.answers.find((function(t){return t.selected}));e?e.$props.correct?this.markAsCorrect():this.markAsWrong(t):this.shakeCard()},checkCheckboxAnswer:function(t){this.answers.filter((function(t){return t.answeredCorrectly})).length===this.answers.length?this.markAsCorrect():this.markAsWrong(t)},checkBlanksAnswer:function(t){for(var e=0,n=0;n<this.answers.length;n+=1)this.answers[n].checkAnswer(),this.answers[n].ansIsCorrect&&(e+=1);e/this.answers.length>=this.threshold?this.markAsCorrect():this.markAsWrong(t)},checkTextAnswer:function(t){for(var e=this.textareaText.toLowerCase(),n=this.keywordsSplitTrimmed(),i=0,o=0;o<n.length;o+=1)e.includes(n[o].toLowerCase())&&(i+=1);i/n.length>=this.threshold?this.markAsCorrect():this.markAsWrong(t)},checkAnswer:function(t){"mcq"===this.type?this.checkMcqAnswer(t):"checkbox"===this.type?this.checkCheckboxAnswer(t):"blanks"===this.type?this.checkBlanksAnswer(t):this.isTextQuestion()?this.checkTextAnswer(t):this.markAsCorrect()}}},Xn,[],!1,null,"ae369d74",null).exports;var Zn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return"mcq"===t.qOptionType?n("div",{class:["form-control",t.hintClass],on:{click:t.toggleRadioOn,mouseover:function(e){t.hover=!0},mouseleave:function(e){t.hover=!1}}},[n("div",{class:["row",{disabled:t.qState.answered}]},[n("div",{staticClass:"col-auto p-0"},[n("svg",{staticClass:"radio-svg",attrs:{viewBox:"0 0 100 100"}},[n("circle",{attrs:{cx:"50",cy:"50",r:"47",fill:"none",stroke:"black","stroke-width":"4"}}),t._v(" "),n("circle",{directives:[{name:"show",rawName:"v-show",value:t.selected,expression:"selected"}],attrs:{cx:"50",cy:"50",r:"25",fill:"dodgerblue"}})])]),t._v(" "),n("div",{staticClass:"col content"},[t._t("default")],2),t._v(" "),n("div",{staticClass:"col-1"},[t.qState.answered?n("div",[t.correct?n("i",{staticClass:"fa fa-check text-success",class:{"align-bottom":t.$scopedSlots.reason}}):n("i",{staticClass:"fa fa-times text-danger",class:{"align-bottom":t.$scopedSlots.reason}})]):t._e()])]),t._v(" "),t.qState.answered&&t.$scopedSlots.reason?n("div",[n("hr"),t._v(" "),n("div",{staticClass:"reason"},[t._t("reason")],2)]):t._e()]):"checkbox"===t.qOptionType?n("div",{class:["form-control",t.hintClass],on:{click:t.toggleCheckbox,mouseover:function(e){t.hover=!0},mouseleave:function(e){t.hover=!1}}},[n("label",{class:["row","checkbox-label","m-0",{disabled:t.qState.answered}],on:{click:function(t){t.stopPropagation()}}},[n("input",{directives:[{name:"model",rawName:"v-model",value:t.selected,expression:"selected"}],staticClass:"checkbox",attrs:{disabled:t.qState.answered,type:"checkbox",onclick:"event.stopPropagation()"},domProps:{checked:Array.isArray(t.selected)?t._i(t.selected,null)>-1:t.selected},on:{change:function(e){var n=t.selected,i=e.target,o=!!i.checked;if(Array.isArray(n)){var r=t._i(n,null);i.checked?r<0&&(t.selected=n.concat([null])):r>-1&&(t.selected=n.slice(0,r).concat(n.slice(r+1)))}else t.selected=o}}}),t._v(" "),n("div",{staticClass:"col content"},[t._t("default")],2),t._v(" "),n("div",{staticClass:"col-auto"},[t.qState.answered?n("div",[t.correct?n("i",{staticClass:"fa fa-check text-success",class:{"align-bottom":t.$scopedSlots.reason}}):n("i",{staticClass:"fa fa-times text-danger",class:{"align-bottom":t.$scopedSlots.reason}})]):t._e()])]),t._v(" "),t.qState.answered&&t.$scopedSlots.reason?n("div",[n("hr"),t._v(" "),n("div",{staticClass:"reason"},[t._t("reason")],2)]):t._e()]):"blanks"===t.qOptionType?n("div",{class:["form-control","blanks-form-control",t.hintClass]},[n("label",{class:["row","m-0",{disabled:t.qState.answered}],on:{click:function(t){t.stopPropagation()}}},[n("input",{directives:[{name:"model",rawName:"v-model",value:t.inputText,expression:"inputText"}],staticClass:"form-control",attrs:{disabled:t.qState.answered},domProps:{value:t.inputText},on:{input:function(e){e.target.composing||(t.inputText=e.target.value)}}}),t._v(" "),n("div",{staticClass:"col-auto"},[t.qState.answered?n("div",[t.ansIsCorrect?n("i",{staticClass:"fa fa-check text-success"}):n("i",{staticClass:"fa fa-times text-danger blanks-cross"})]):t._e(),t._v(" "),t.isIntermediateResult()?n("div",[t.ansIsCorrect?n("i",{staticClass:"fa fa-check text-success"}):n("i",{staticClass:"fa fa-times text-danger blanks-cross"})]):t._e()]),t._v(" "),t.qState.answered?n("div",{staticClass:"col-auto blanks-keywords"},[t.keywordsSplitTrimmed().length?n("strong",[t._v("\n        Keywords: \n        "),t._l(t.keywordsSplitTrimmed(),(function(e){return n("span",{key:e,staticClass:"badge rounded-pill bg-light text-dark fw-normal"},[t._v("\n          "+t._s(e)+"\n        ")])}))],2):n("strong",[t._v("No answer checking keywords provided")])]):t._e()]),t._v(" "),t.qState.answered&&t.$scopedSlots.reason?n("div",[n("div",{staticClass:"reason blanks-reason"},[t._t("reason")],2)]):t._e()]):t._e()};Zn._withStripped=!0;const Jn=qe({name:"McqOption",props:{correct:{type:Boolean,default:!1},keywords:{type:String,default:""}},data:function(){return{selected:!1,hover:!1,inputText:"",ansIsCorrect:!1}},inject:{answers:{default:void 0},qOptionType:{default:void 0},qState:{default:void 0},noIntermediateResult:{default:void 0}},computed:{hintClass:function(){return this.qState.answered?this.correct?"success":"danger":this.selected||this.hover?"alert-light text-dark border border-secondary":""},answeredCorrectly:function(){return this.correct&&this.selected||!this.correct&&!this.selected}},methods:{checkAnswer:function(){var t=!1,e=this.inputText.toLowerCase().trim(),n=this.keywords.toLowerCase().split(",").filter((function(t){return""!==t.trim()}));this.keywords.length||(t=!0);for(var i=0;i<n.length;i+=1)if(e===n[i].trim()){t=!0;break}this.ansIsCorrect=t},isIntermediateResult:function(){return!this.noIntermediateResult&&1===this.qState.state&&!this.qState.answered},isBlanksQuestion:function(){return"blanks"===this.type},keywordsSplitTrimmed:function(){return this.keywords.split(",").filter((function(t){return""!==t.trim()}))},toggleRadioOn:function(){this.qState.answered||this.selected||(this.answers.forEach((function(t){t.selected=!1})),this.selected=!0)},toggleCheckbox:function(){this.qState.answered||(this.selected=!this.selected)}},created:function(){this.answers.push(this)}},Zn,[],!1,null,"1074287c",null).exports;var ti=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"dropdown",staticStyle:{position:"relative"}},[t.algolia?n("div",{attrs:{id:"algolia-search-input"}}):[n("input",{directives:[{name:"model",rawName:"v-model",value:t.value,expression:"value"}],staticClass:"form-control",attrs:{"data-bs-toggle":"dropdown",type:"text",placeholder:t.placeholder,autocomplete:"off"},domProps:{value:t.value},on:{input:[function(e){e.target.composing||(t.value=e.target.value)},t.update],keyup:[function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"up",38,e.key,["Up","ArrowUp"])?null:t.up.apply(null,arguments)},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"down",40,e.key,["Down","ArrowDown"])?null:t.down.apply(null,arguments)}],keydown:[function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.hit.apply(null,arguments)},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?null:t.reset.apply(null,arguments)}],blur:function(e){t.showDropdown=!1}}}),t._v(" "),n("div",{staticClass:"form-control placeholder-div-hidden"},[t._v("\n      "+t._s(t.placeholder)+"\n    ")])],t._v(" "),n("ul",{ref:"dropdown",class:t.dropdownMenuClasses},t._l(t.items,(function(e,i){return n("li",{key:i,class:{"table-active":t.isActive(i)}},[n("a",{staticClass:"dropdown-item",on:{mousedown:function(e){return e.preventDefault(),t.hit.apply(null,arguments)},mousemove:function(e){return t.setActive(i)}}},[n("searchbar-page-item",{attrs:{item:e,value:t.value}})],1)])})),0)],2)};function ei(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var i,o,r,s,a=[],l=!0,c=!1;try{if(r=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;l=!1}else for(;!(l=(i=r.call(n)).done)&&(a.push(i.value),a.length!==e);l=!0);}catch(t){c=!0,o=t}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw o}}return a}}(t,e)||bn(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}ti._withStripped=!0;var ni=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.item.heading?n("div",{staticClass:"heading"},[n("i",{staticClass:"fa fa-hashtag"}),t._v(" "),n("div",{staticClass:"heading-text"},[n("span",{domProps:{innerHTML:t._s(t.highlight(t.item.heading.text,t.value))}}),t._v(" "),t._l(t.item.keywords,(function(e,i){return n("div",{key:i,staticClass:"keyword-text",domProps:{innerHTML:t._s(t.highlight(e,t.value))}})}))],2)]):n("div",[n("span",{staticClass:"page-title",domProps:{innerHTML:t._s(t.highlight(t.item.title,t.value))}}),t._v(" "),t.item.keywords?n("br"):t._e(),t._v(" "),t.item.keywords?n("small",{domProps:{innerHTML:t._s(t.highlight(t.item.keywords,t.value))}}):t._e(),t._v(" "),n("hr",{staticClass:"page-headings-separator"})])};ni._withStripped=!0;const ii=qe({props:{item:{type:Object,default:null},value:{type:String,default:""}},methods:{highlight:function(t,e){for(var n,i=(n=function(){var n=e.split(" ").filter((function(t){return""!==t})).map((function(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")})).map((function(t){return new RegExp("(".concat(t,")"),"gi")})),i=[];return n.forEach((function(e){for(var n=e.exec(t);null!==n&&n.index!==e.lastIndex;)i.push({start:n.index,end:e.lastIndex}),n=e.exec(t)})),i}()).length<=1?n:n.sort((function(t,e){return t.start-e.start})).reduce((function(t,e){var n=t[t.length-1];return!n||n.end<e.start?t.push(e):n.end<e.end&&(n.end=e.end),t}),[]),o=t,r=i.length-1;r>=0;r-=1)o="".concat(o.slice(0,i[r].start),"<mark>")+"".concat(o.slice(i[r].start,i[r].end),"</mark>")+"".concat(o.slice(i[r].end));return o}}},ni,[],!1,null,"98afe086",null).exports;const oi=qe({created:function(){this.items=this.primitiveData},props:{data:{type:Array,default:function(){return[]}},limit:{type:Number,default:8},async:{type:String,default:""},keyProp:{type:String,default:null},onHit:{type:Function,default:function(t){this.reset(),this.value=t}},placeholder:{type:String,default:"Search"},delay:{type:Number,default:200},menuAlignRight:{type:Boolean,default:!1},algolia:{type:Boolean,default:!1}},data:function(){return{value:"",showDropdown:!1,noResults:!0,current:0,items:[]}},computed:{primitiveData:function(){function t(t,e){var n=t.join(" ");return e.reduce((function(t,e){var i=n.match(e);return t+(i?i.length:0)}),0)}if(this.value.length<2||!this.data)return[];var e=[],n=this.value.split(" ").filter((function(t){return""!==t})).map((function(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")})).map((function(t){return new RegExp(t,"ig")}));return this.data.forEach((function(i){var o=i.headings,r=i.src,s=i.title,a=i.headingKeywords,l=i.frontmatterKeywords||"",c=s||r.substring(0,r.lastIndexOf(".")),u=t([c,l].concat(_n(Object.values(o)),_n(Object.values(a))),n);if(u>0){var d=[];Object.entries(o).forEach((function(e,i){var o=ei(e,2),s=o[0],u=o[1],h=n.some((function(t){return t.test(u)})),p=a[s]&&a[s].some((function(t){return n.some((function(e){return e.test(t)}))}));if(h||p){var f=t([u].concat(_n(a[s]||[])),n);(0!==i||u!==c||l.length)&&d.push({heading:{id:s,text:u},keywords:a[s],src:r,totalMatches:f})}})),d.sort((function(t,e){return e.totalMatches-t.totalMatches})),e.push({headings:d,keywords:l,src:r,title:c,totalMatches:u})}})),e.sort((function(t,e){return e.totalMatches-t.totalMatches})).flatMap((function(t){return t.headings?[t].concat(_n(t.headings)):t}))},dropdownMenuClasses:function(){return["dropdown-menu","search-dropdown-menu",{show:this.showDropdown},{"d-none":!this.showDropdown},{"dropdown-menu-end":this.menuAlignRight}]}},methods:{update:function(){return this.value?(this.data&&(this.items=this.primitiveData,this.showDropdown=this.items.length>0),this.async&&this.query(),!0):(this.reset(),!1)},query:function(t,e){var n,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;function o(t){return/^[0-9]+$/.test(t)?Number(t)||1:null}return function(){for(var r=this,s=arguments.length,a=new Array(s),l=0;l<s;l++)a[l]=arguments[l];n&&clearTimeout(n),n=setTimeout((function(){t.apply(r,a)}),o(e)||o(this[e])||i)}}((function(){var t=this;(function(t){var e=new window.XMLHttpRequest,n={},i={then:function(t,e){return i.done(t).fail(e)},catch:function(t){return i.fail(t)},always:function(t){return i.done(t).fail(t)}};return["done","fail"].forEach((function(t){n[t]=[],i[t]=function(e){return e instanceof Function&&n[t].push(e),i}})),i.done(JSON.parse),e.onreadystatechange=function(){if(4===e.readyState){var t={status:e.status};if(200===e.status)try{var i=e.responseText;for(var o in n.done){var r=n.done[o](i);void 0!==r&&(i=r)}}catch(t){n.fail.forEach((function(e){return e(t)}))}else n.fail.forEach((function(e){return e(t)}))}},e.open("GET",t),e.setRequestHeader("Accept","application/json"),e.send(),i})(this.async+this.value).then((function(e){t.items=(t.keyProp?e[t.keyProp]:e).slice(0,t.limit),t.showDropdown=t.items.length}))}),"delay",200),reset:function(){this.items=[],this.value="",this.loading=!1,this.showDropdown=!1},setActive:function(t){this.current=t},isActive:function(t){return this.current===t},hit:function(t){t.preventDefault(),this.onHit(this.items[this.current],this)},down:function(){this.current<this.items.length-1&&(this.current+=1,this.scrollListView())},up:function(){this.current>0&&(this.current-=1,this.scrollListView())},scrollListView:function(){var t=this.$refs.dropdown,e=t.children[this.current],n=t.scrollTop,i=n+t.clientHeight,o=e.offsetTop+e.offsetHeight;e.offsetTop<n?t.scrollTop=e.offsetTop:o>i&&(t.scrollTop=o-t.clientHeight)}},components:{searchbarPageItem:ii}},ti,[],!1,null,"cea1a814",null).exports;var ri=function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"tab-pane active printable-tab-pane",class:{"tab-pane-hide":!this.show},attrs:{role:"tabpanel"}},[e("div",{staticClass:"nav-tabs printable-tab-header"},[e("div",{ref:"header",staticClass:"nav-link active"},[this._t("header")],2)]),this._v(" "),this._t("default"),this._v(" "),e("hr")],2)};ri._withStripped=!0;const si=qe({props:{header:{type:String,default:""},disabled:{type:[Boolean,String],default:!1}},computed:{headerRendered:function(){return this.$refs.header.innerHTML},active:function(){return this._tabset.show===this},index:function(){return this._tabset.tabs.indexOf(this)},show:function(){return this._tabset&&this._tabset.show===this},disabledBool:function(){return Re(this.disabled)}},created:function(){this._ingroup=this.$parent&&this.$parent._tabgroup;for(var t=this;t&&!0!==t._tabset&&t.$parent;)t=t.$parent;t._tabset?(t.tabs.push(this),this._ingroup?~t.headers.indexOf(this.$parent)||t.headers.push(this.$parent):t.headers.push(this),this._tabset=t):this._tabset={},this._ingroup&&this.$parent.tabs.push(this)},beforeDestroy:function(){if(this._tabset.activeNumber===this.index&&(this._tabset.activeNumber=0),this._ingroup){var t=this.$parent.tabs.indexOf(this);this.$parent.tabs.splice(t,1)}this._tabset.tabs.splice(this.index,1)}},ri,[],!1,null,"661c1b61",null).exports;var ai=function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"printable-tab-group"},[e("div",{ref:"header",staticClass:"printable-tab-group-header"},[this._t("header")],2),this._v(" "),this._t("default")],2)};ai._withStripped=!0;const li=qe({props:{disabled:{type:[Boolean,String],default:!1},header:{type:String,default:""}},data:function(){return{tabs:[],show:!1}},computed:{active:function(){return~this.tabs.indexOf(this._tabset.show)},headerRendered:function(){return this.$refs.header.innerHTML},disabledBool:function(){return De(this.disabled)}},created:function(){this._tabgroup=!0;for(var t=this.$parent&&!0===this.$parent._tabset?this.$parent:{};t&&!t._tabset&&t.$parent;)t=t.$parent;t._tabset?this._tabset=t:(this._tabset={},this.show=!0)},methods:{blur:function(){this.show=!1},toggle:function(){this.show=!this.show}}},ai,[],!1,null,"a785351c",null).exports;var ci=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:[t.addClass,"printable-tabs"]},[n("ul",{staticClass:"nav nav-tabs d-print-none",class:t.getNavStyleClass,attrs:{role:"tablist"}},[t._l(t.headers,(function(e,i){return[e._tabgroup?n("dropdown",{key:i,staticClass:"nav-item",class:{active:e.active},attrs:{header:e.headerRendered,disabled:e.disabled}},t._l(e.tabs,(function(e,i){return n("li",{key:i},[n("a",{staticClass:"nav-link",class:{disabled:e.disabled},attrs:{href:"#"},domProps:{innerHTML:t._s(e.headerRendered)},on:{click:function(n){return n.preventDefault(),t.select(e)}}})])})),0):n("li",{key:i,staticClass:"nav-item",on:{click:function(n){return n.preventDefault(),t.select(e)}}},[n("a",{staticClass:"nav-link",class:{active:e.active,disabled:e.disabledBool},attrs:{href:"#"}},[n("span",{domProps:{innerHTML:t._s(e.headerRendered)}})])])]}))],2),t._v(" "),n("div",{ref:"tab-content",staticClass:"tab-content"},[t._t("default")],2)])};ci._withStripped=!0;const ui=qe({components:{dropdown:gn},props:{navStyle:{type:String,default:"tabs"},active:{type:String,default:"0"},addClass:{type:String,default:""}},data:function(){return{show:null,headers:[],activeNumber:je(this.active),tabs:[]}},created:function(){this._tabset=!0},computed:{getNavStyleClass:function(){return"nav-".concat(this.navStyle)}},watch:{activeNumber:function(t){this.show=this.tabs[t]}},mounted:function(){this.show=this.tabs[this.activeNumber]},methods:{select:function(t){t.disabled||(this.activeNumber=t.index)}}},ci,[],!1,null,"70a68808",null).exports;var di=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("span",{class:["thumb-wrapper",{"thumb-circle":t.circle},t.addClass],style:[t.getBorder,t.getFontSize,t.getFontColor,t.getBgColor]},[t.hasSrc?n("img",{ref:"pic",staticClass:"thumb-image",attrs:{src:t.src,width:t.computedWidth,height:t.computedHeight,alt:t.alt},on:{"~load":function(e){return t.computeImgSize.apply(null,arguments)}}}):t._e(),t._v(" "),t._t("default")],2)};di._withStripped=!0;const hi=qe({props:{circle:{type:Boolean,default:!1},addClass:{type:String,default:""},alt:{type:String,default:""},background:{type:String,default:""},border:{type:String,default:""},fontColor:{type:String,default:""},fontSize:{type:String,default:""},size:{type:String,default:""},src:{type:String,default:null},text:{type:String,default:""}},computed:{getBorder:function(){return""===this.border?{}:{border:this.border}},getFontSize:function(){var t=this.imageSize/2,e=this.fontSize;return{"font-size":"".concat(void 0===e||""===e?t:e,"px")}},getFontColor:function(){return""===this.fontColor?{}:{color:this.fontColor}},getBgColor:function(){return""===this.background?{}:{background:this.background}},hasSrc:function(){return void 0!==this.src&&""!==this.src},imageSize:function(){return this.size||100}},data:function(){return{computedWidth:"",computedHeight:""}},mounted:function(){var t=this.$el;t.style.width="".concat(this.imageSize,"px"),t.style.height="".concat(this.imageSize,"px"),t.style.lineHeight="".concat(this.imageSize,"px")},methods:{computeImgSize:function(){var t=this.$refs.pic,e=t.naturalHeight,n=t.naturalWidth,i=Math.min(e,n),o=this.imageSize/i;this.computedWidth=n*o,this.computedHeight=e*o}}},di,[],!1,null,null,null).exports;var pi=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("span",{class:"click"===t.trigger?"trigger-click":"trigger",attrs:{tabindex:"0"},on:t._d({},[t.triggerEventType,function(e){return e.stopPropagation(),t.toggle()}])},["popover"===t.popoverOrTooltipType?n("v-popover",{attrs:{"auto-hide":!t.isInput,triggers:t.triggers,"popper-triggers":t.triggers,"hide-triggers":t.triggers,placement:t.placement,delay:0,"shift-cross-axis":""},scopedSlots:t._u([{key:"popper",fn:function(){return[n("div",{staticClass:"popover-container"},[n("portal-target",{attrs:{name:"popover:"+t.target}})],1)]},proxy:!0}],null,!1,1583262462)},[t.isInput?t._t("default"):n("span",{on:{click:function(t){t.stopPropagation()}}},[t._t("default")],2)],2):"tooltip"===t.popoverOrTooltipType?n("v-tooltip",{attrs:{"auto-hide":!t.isInput,placement:t.placement,triggers:t.triggers,"popper-triggers":t.triggers,"hide-triggers":t.triggers,delay:0,"shift-cross-axis":""},scopedSlots:t._u([{key:"popper",fn:function(){return[n("portal-target",{attrs:{name:"tooltip:"+t.target}})]},proxy:!0}])},[t.isInput?t._t("default"):n("span",{on:{click:function(t){t.stopPropagation()}}},[t._t("default")],2)],2):n("span",[t._t("default")],2)],1)};pi._withStripped=!0;var fi=i(383);function mi(t){return(mi="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vi(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function gi(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function yi(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function wi(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yi(Object(n),!0).forEach((function(e){gi(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yi(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function bi(t){return function(t){if(Array.isArray(t))return _i(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return _i(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_i(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _i(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n<e;n++)i[n]=t[n];return i}var Si=function(t){return t==document.activeElement},xi=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.root=null,this.elements=[],this.onKeyDown=this.onKeyDown.bind(this),this.enable=this.enable.bind(this),this.disable=this.disable.bind(this),this.firstElement=this.firstElement.bind(this),this.lastElement=this.lastElement.bind(this)}var e,n;return e=t,(n=[{key:"lastElement",value:function(){return this.elements[this.elements.length-1]||null}},{key:"firstElement",value:function(){return this.elements[0]||null}},{key:"onKeyDown",value:function(t){if(function(t){return"Tab"===t.key||9===t.keyCode}(t)){if(!t.shiftKey)return!document.activeElement||Si(this.lastElement())?(this.firstElement().focus(),void t.preventDefault()):void 0;Si(this.firstElement())&&(this.lastElement().focus(),t.preventDefault())}}},{key:"enabled",value:function(){return!!this.root}},{key:"enable",value:function(t){t&&(this.root=t,this.elements=function(t){return function(t,e){return bi(t.querySelectorAll('button:not([disabled]), select:not([disabled]), a[href]:not([disabled]), area[href]:not([disabled]), [contentEditable=""]:not([disabled]), [contentEditable="true"]:not([disabled]), [contentEditable="TRUE"]:not([disabled]), textarea:not([disabled]), iframe:not([disabled]), input:not([disabled]), summary:not([disabled]), [tabindex]:not([tabindex="-1"])')||[])}(t)}(this.root),this.root.addEventListener("keydown",this.onKeyDown))}},{key:"disable",value:function(){this.root.removeEventListener("keydown",this.onKeyDown),this.root=null}}])&&vi(e.prototype,n),t}(),Ci=function(t){var e=t.targetTouches?t.targetTouches[0]:t;return{x:e.clientX,y:e.clientY}},$i=function(t,e,n){return"number"!=typeof t&&(t=Math.min(e,n)||e),"number"!=typeof n&&(n=Math.max(e,t)),Math.min(Math.max(e,t),n)},ki=function(t){return t&&Number(t.replace(/px$/,""))||0},Ti={down:{pc:"mousedown",m:"touchstart"},move:{pc:"mousemove",m:"touchmove"},up:{pc:"mouseup",m:"touchend"}},Ei=function(t,e,n){e&&e.addEventListener(Ti[t].pc,n),e&&e.addEventListener(Ti[t].m,n,{passive:!1})},Oi=function(t,e,n){e&&e.removeEventListener(Ti[t].pc,n),e&&e.removeEventListener(Ti[t].m,n)},Bi=!1;if("undefined"!=typeof window){var Pi={get passive(){Bi=!0}};window.addEventListener("testPassive",null,Pi),window.removeEventListener("testPassive",null,Pi)}var Li,Ni,Ai,zi="undefined"!=typeof window&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||"MacIntel"===window.navigator.platform&&window.navigator.maxTouchPoints>1),Mi=[],Hi=!1,Di=0,Ri=-1,ji=function(t){return Mi.some((function(){return function(t,e){var n=!1;return function(t){for(var e=[];t;){if(e.push(t),t.classList.contains("vfm"))return e;t=t.parentElement}return e}(t).forEach((function(t){(function(t){if(!t||t.nodeType!==Node.ELEMENT_NODE)return!1;var e=window.getComputedStyle(t);return["auto","scroll"].includes(e.overflowY)&&t.scrollHeight>t.clientHeight})(t)&&function(t,e){return!(0===t.scrollTop&&e<0||t.scrollTop+t.clientHeight+e>=t.scrollHeight&&e>0)}(t,e)&&(n=!0)})),n}(t,-Di)}))},Ii=function(t){var e=t||window.event;return!!ji(e.target)||e.touches.length>1||(e.preventDefault&&e.preventDefault(),!1)},qi=function(t){t?(Mi=Mi.filter((function(e){return e.targetElement!==t})),zi?(t.ontouchstart=null,t.ontouchmove=null,Hi&&0===Mi.length&&(document.removeEventListener("touchmove",Ii,Bi?{passive:!1}:void 0),Hi=!1)):Mi.length||(void 0!==Ni&&(document.body.style.paddingRight=Ni,Ni=void 0),void 0!==Li&&(document.body.style.overflow=Li,Li=void 0))):console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.")},Wi=function(){},Fi="enter",Vi="entering",Ui="leave",Qi="leavng",Xi={type:[String,Object,Array],default:""},Yi={type:[Object,Array],default:function(){return{}}},Ki={t:"ns-resize",tr:"nesw-resize",r:"ew-resize",br:"nwse-resize",b:"ns-resize",bl:"nesw-resize",l:"ew-resize",tl:"nwse-resize"},Gi={props:{name:{type:String,default:null},value:{type:Boolean,default:!1},ssr:{type:Boolean,default:!0},classes:Xi,overlayClass:Xi,contentClass:Xi,styles:Yi,overlayStyle:Yi,contentStyle:Yi,lockScroll:{type:Boolean,default:!0},hideOverlay:{type:Boolean,default:!1},clickToClose:{type:Boolean,default:!0},escToClose:{type:Boolean,default:!1},preventClick:{type:Boolean,default:!1},attach:{type:null,default:!1,validator:function(t){var e=mi(t);return"boolean"===e||"string"===e||t.nodeType===Node.ELEMENT_NODE}},transition:{type:[String,Object],default:"vfm"},overlayTransition:{type:[String,Object],default:"vfm"},zIndexAuto:{type:Boolean,default:!0},zIndexBase:{type:[String,Number],default:1e3},zIndex:{type:[Boolean,String,Number],default:!1},focusRetain:{type:Boolean,default:!0},focusTrap:{type:Boolean,default:!1},fitParent:{type:Boolean,default:!0},drag:{type:Boolean,default:!1},dragSelector:{type:String,default:""},keepChangedStyle:{type:Boolean,default:!1},resize:{type:Boolean,default:!1},resizeDirections:{type:Array,default:function(){return["t","tr","r","br","b","bl","l","tl"]},validator:function(t){return["t","tr","r","br","b","bl","l","tl"].filter((function(e){return-1!==t.indexOf(e)})).length===t.length}},minWidth:{type:Number,default:0},minHeight:{type:Number,default:0},maxWidth:{type:Number,default:1/0},maxHeight:{type:Number,default:1/0}},data:function(){return{modalStackIndex:null,visible:!1,visibility:{modal:!1,overlay:!1,resize:!1},overlayTransitionState:null,modalTransitionState:null,stopEvent:!1,params:{},dragResizeStyle:{},resolveToggle:Wi,rejectToggle:Wi,state:null,lastMousedownEl:null}},computed:{isComponentReadyToBeDestroyed:function(){return(this.hideOverlay||this.overlayTransitionState===Ui)&&this.modalTransitionState===Ui},calculateZIndex:function(){return!1===this.zIndex?!!this.zIndexAuto&&+this.zIndexBase+2*(this.modalStackIndex||0):this.zIndex},bindStyle:function(){return wi({},!1!==this.calculateZIndex&&{zIndex:this.calculateZIndex})},bindContentStyle:function(){var t=[this.dragResizeStyle];return Array.isArray(this.contentStyle)?t.push.apply(t,bi(this.contentStyle)):t.push(this.contentStyle),t},computedTransition:function(){return"string"==typeof this.transition?{name:this.transition}:wi({},this.transition)},computedOverlayTransition:function(){return"string"==typeof this.overlayTransition?{name:this.overlayTransition}:wi({},this.overlayTransition)}},watch:{value:function(t){if(this.stopEvent)this.stopEvent=!1;else if(this.mounted(),!t){if(this.emitEvent("before-close",!0))return void this.rejectToggle("hide");this.close()}},lockScroll:"handleLockScroll",hideOverlay:function(t){this.value&&!t&&(this.visibility.overlay=!0)},attach:"mounted",isComponentReadyToBeDestroyed:function(t){t&&(this.visible=!1)},drag:function(t){this.visible&&(t?this.addDragDown():this.removeDragDown())},resize:function(t){this.visible&&(t?this.addResizeDown():this.removeResizeDown())},keepChangedStyle:function(t){t||(this.dragResizeStyle={})}},mounted:function(){this.api.modals.push(this),this.$focusTrap=new xi,this.mounted()},beforeDestroy:function(){var t,e=this;this.close(),this.lockScroll&&this.$refs.vfmContainer&&qi(this.$refs.vfmContainer),null==this||null===(t=this.$el)||void 0===t||t.remove();var n=this.api.modals.findIndex((function(t){return t===e}));this.api.modals.splice(n,1)},methods:{mounted:function(){var t=this;if(this.value){if(this.emitEvent("before-open",!1))return void this.rejectToggle("show");var e=this.getAttachElement();if(e||!1===this.attach){!1!==this.attach&&e.appendChild(this.$el);var n=this.api.openedModals.findIndex((function(e){return e===t}));-1!==n&&this.api.openedModals.splice(n,1),this.api.openedModals.push(this),this.modalStackIndex=this.api.openedModals.length-1,this.handleLockScroll(),this.api.openedModals.filter((function(e){return e!==t})).forEach((function(t,n){t.getAttachElement()===e&&(t.modalStackIndex=n,t.visibility.overlay=!1)})),this.visible=!0,this.$nextTick((function(){t.startTransitionEnter()}))}else!1!==e&&console.warn("Unable to locate target ".concat(this.attach))}},close:function(){var t=this,e=this.api.openedModals.findIndex((function(e){return e===t}));if(-1!==e&&this.api.openedModals.splice(e,1),this.api.openedModals.length>0){var n=this.api.openedModals[this.api.openedModals.length-1];(n.focusRetain||n.focusTrap)&&n.$refs.vfmContainer.focus(),!n.hideOverlay&&(n.visibility.overlay=!0)}this.drag&&this.removeDragDown(),this.resize&&this.removeResizeDown(),this.state=null,this.startTransitionLeave()},startTransitionEnter:function(){this.visibility.overlay=!0,this.visibility.modal=!0},startTransitionLeave:function(){this.visibility.overlay=!1,this.visibility.modal=!1},handleLockScroll:function(){var t=this;this.value&&this.$nextTick((function(){t.lockScroll?function(t,e){if(t){if(!Mi.some((function(e){return e.targetElement===t}))){var n={targetElement:t,options:e||{}};Mi=[].concat(bi(Mi),[n]),zi?(t.ontouchstart=function(t){1===t.targetTouches.length&&(Ri=t.targetTouches[0].clientY)},t.ontouchmove=function(e){1===e.targetTouches.length&&function(t,e){Di=t.targetTouches[0].clientY-Ri,!ji(t.target)&&(e&&0===e.scrollTop&&Di>0||function(t){return!!t&&t.scrollHeight-t.scrollTop<=t.clientHeight}(e)&&Di<0?Ii(t):t.stopPropagation())}(e,t)},Hi||(document.addEventListener("touchmove",Ii,Bi?{passive:!1}:void 0),Hi=!0)):function(t){if(void 0===Ni){var e=!!t&&!0===t.reserveScrollBarGap,n=window.innerWidth-document.documentElement.clientWidth;if(e&&n>0){var i=parseInt(getComputedStyle(document.body).getPropertyValue("padding-right"),10);Ni=document.body.style.paddingRight,document.body.style.paddingRight="".concat(i+n,"px")}}void 0===Li&&(Li=document.body.style.overflow,document.body.style.overflow="hidden")}(e)}}else console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.")}(t.$refs.vfmContainer,{reserveScrollBarGap:!0}):qi(t.$refs.vfmContainer)}))},getAttachElement:function(){return!1!==this.attach&&("string"==typeof this.attach?!!window&&window.document.querySelector(this.attach):this.attach)},beforeOverlayEnter:function(){this.overlayTransitionState=Vi},afterOverlayEnter:function(){this.overlayTransitionState=Fi},beforeOverlayLeave:function(){this.overlayTransitionState=Qi},afterOverlayLeave:function(){this.overlayTransitionState=Ui},beforeModalEnter:function(){this.modalTransitionState=Vi},afterModalEnter:function(){this.modalTransitionState=Fi,(this.focusRetain||this.focusTrap)&&this.$refs.vfmContainer.focus(),this.focusTrap&&this.$focusTrap.enable(this.$refs.vfmContainer),this.drag&&this.addDragDown(),this.resize&&this.addResizeDown(),this.$emit("opened",this.createModalEvent({type:"opened"})),this.resolveToggle("show")},beforeModalLeave:function(){this.modalTransitionState=Qi,this.$focusTrap.enabled()&&this.$focusTrap.disable()},afterModalLeave:function(){this.modalTransitionState=Ui,this.modalStackIndex=null,this.lockScroll&&qi(this.$refs.vfmContainer),this.keepChangedStyle||(this.dragResizeStyle={});var t=!1,e=this.createModalEvent({type:"closed",stop:function(){t=!0}});this.$emit("closed",e),this.resolveToggle("hide"),t||(this.params={})},onMousedown:function(t){this.lastMousedownEl=null==t?void 0:t.target},onMouseupContainer:function(){this.lastMousedownEl===this.$refs.vfmContainer&&"resize:move"!==this.state&&(this.$emit("click-outside",this.createModalEvent({type:"click-outside"})),this.clickToClose&&this.$emit("input",!1))},onEsc:function(){this.visible&&this.escToClose&&this.$emit("input",!1)},createModalEvent:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return wi({ref:this},t)},emitEvent:function(t,e){var n=!1,i=this.createModalEvent({type:t,stop:function(){n=!0}});return this.$emit(t,i),!!n&&(this.stopEvent=!0,this.$emit("input",e),!0)},emitState:function(t,e,n){this.state="".concat(e,":").concat(n),this.$emit(this.state,t)},toggle:function(t,e){var n=arguments,i=this;return new Promise((function(o,r){i.resolveToggle=function(t){o(t),i.resolveToggle=Wi},i.rejectToggle=function(t){r(t),i.rejectToggle=Wi};var s="boolean"==typeof t?t:!i.value;s&&2===n.length&&(i.params=e),i.$emit("input",s)}))},pointerDown:function(t){var e=this;t.stopPropagation();var n,i="resize",o="drag",r=this.$refs,s=r.vfmContainer,a=r.vfmContent,l=t.target.getAttribute("direction");if(l)n=i;else{if(!function(t,e,n){return""===n||bi(e.querySelectorAll(n)).includes(t.target)}(t,a,this.dragSelector))return;n=o}this.emitState(t,n,"start");var c,u,d,h,p=Ci(t),f=s.getBoundingClientRect(),m=a.getBoundingClientRect(),v="absolute"===window.getComputedStyle(a).position,g=ki(this.dragResizeStyle.top),y=ki(this.dragResizeStyle.left),w=function(){if(e.fitParent){var t={absolute:function(){return{minTop:0,minLeft:0,maxTop:f.height-m.height,maxLeft:f.width-m.width}},relative:function(){return{minTop:g+f.top-m.top,minLeft:y+f.left-m.left,maxTop:g+f.bottom-m.bottom,maxLeft:y+f.right-m.right}}};return v?t.absolute():t.relative()}return{}}(),b=n===i&&(c=document.body,u="cursor",d=Ki[l],h=c.style[u],c.style[u]=d,function(){c.style[u]=h}),_=function(t){t.stopPropagation(),e.emitState(t,n,"move");var r,s,a=Ci(t),c={x:a.x-p.x,y:a.y-p.y};n===i&&(c=e.getResizeOffset(l,c,f,m,v)),v?(r=m.top-f.top+c.y,s=m.left-f.left+c.x):(r=g+c.y,s=y+c.x),n===o&&e.fitParent&&(r=$i(w.minTop,r,w.maxTop),s=$i(w.minLeft,s,w.maxLeft));var u=wi(wi(wi({position:"relative",top:r+"px",left:s+"px",margin:"unset",touchAction:"none"},v&&{position:"absolute",transform:"unset",width:m.width+"px",height:m.height+"px"}),c.width&&{width:c.width+"px"}),c.height&&{height:c.height+"px"});e.dragResizeStyle=wi(wi({},e.dragResizeStyle),u)};Ei("move",document,_),Ei("up",document,(function t(o){o.stopPropagation(),n===i&&b&&b(),setTimeout((function(){e.emitState(o,n,"end")})),Oi("move",document,_),Oi("up",document,t)}))},addDragDown:function(){Ei("down",this.$refs.vfmContent,this.pointerDown),this.dragResizeStyle.touchAction="none"},removeDragDown:function(){Oi("down",this.$refs.vfmContent,this.pointerDown)},addResizeDown:function(){var t=this;this.visibility.resize=!0,this.$nextTick((function(){Ei("down",t.$refs.vfmResize,t.pointerDown)}))},removeResizeDown:function(){Oi("down",this.$refs.vfmResize,this.pointerDown),this.visibility.resize=!1},getResizeOffset:function(t,e,n,i,o){var r=this,s=function(t,e,o,s){var a,l=i[e],c=n[t]-i[t],u=(a=e).charAt(0).toUpperCase()+a.slice(1);return{axis:o,edgeName:e,min:s?c:-l,max:s?l:c,minEdge:r["min".concat(u)],maxEdge:r["max".concat(u)],getEdge:function(t){return i[e]-t*(s?1:-1)},getOffsetAxis:function(t,n){var o=i[e]-t;return n?s?o:0:(s?1:-1)*o/2}}},a={t:["top","height","y",!0],b:["bottom","height","y",!1],l:["left","width","x",!0],r:["right","width","x",!1]},l={x:0,y:0};return t.split("").forEach((function(t){var n=s.apply(void 0,bi(a[t]));l=wi(wi({},l),function(t){var n,i=e[t.axis];i=r.fitParent?$i(t.min,i,t.max):i;var s=$i(t.minEdge,t.getEdge(i),t.maxEdge);return i=t.getOffsetAxis(s,o),gi(n={},t.edgeName,s),gi(n,t.axis,i),n}(n))})),l}}},Zi=function(t,e,n,i,o,r,s,a,l,c){"boolean"!=typeof s&&(l=a,a=s,s=!1);var u,d="function"==typeof n?n.options:n;if(t&&t.render&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0,o&&(d.functional=!0)),i&&(d._scopeId=i),r?(u=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,l(t)),t&&t._registeredComponents&&t._registeredComponents.add(r)},d._ssrRegister=u):e&&(u=s?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,a(t))}),u)if(d.functional){var h=d.render;d.render=function(t,e){return u.call(e),h(t,e)}}else{var p=d.beforeCreate;d.beforeCreate=p?[].concat(p,u):[u]}return n},Ji="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase()),to={},eo=Zi({render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.ssr||t.visible?n("div",{directives:[{name:"show",rawName:"v-show",value:!t.ssr||t.visible,expression:"!ssr || visible"}],staticClass:"vfm vfm--inset",class:[!1===t.attach?"vfm--fixed":"vfm--absolute",{"vfm--prevent-none":t.preventClick}],style:t.bindStyle,on:{keydown:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?null:t.onEsc.apply(null,arguments)}}},[n("transition",t._b({ref:"vfmOverlayTransition",on:{"before-enter":t.beforeOverlayEnter,"after-enter":t.afterOverlayEnter,"before-leave":t.beforeOverlayLeave,"after-leave":t.afterOverlayLeave}},"transition",t.computedOverlayTransition,!1),[n("div",{directives:[{name:"show",rawName:"v-show",value:!t.hideOverlay&&t.visibility.overlay,expression:"!hideOverlay && visibility.overlay"}],staticClass:"vfm__overlay vfm--overlay vfm--absolute vfm--inset",class:t.overlayClass,style:t.overlayStyle})]),t._v(" "),n("transition",t._b({ref:"vfmTransition",on:{"before-enter":t.beforeModalEnter,"after-enter":t.afterModalEnter,"before-leave":t.beforeModalLeave,"after-leave":t.afterModalLeave}},"transition",t.computedTransition,!1),[n("div",{directives:[{name:"show",rawName:"v-show",value:t.visibility.modal,expression:"visibility.modal"}],ref:"vfmContainer",staticClass:"vfm__container vfm--absolute vfm--inset vfm--outline-none",class:t.classes,style:t.styles,attrs:{"aria-expanded":t.visibility.modal.toString(),role:"dialog","aria-modal":"true",tabindex:"-1"},on:{mouseup:function(e){return e.target!==e.currentTarget?null:t.onMouseupContainer.apply(null,arguments)},mousedown:function(e){return e.target!==e.currentTarget?null:t.onMousedown.apply(null,arguments)}}},[n("div",{ref:"vfmContent",staticClass:"vfm__content",class:[t.contentClass,{"vfm--prevent-auto":t.preventClick}],style:t.bindContentStyle,on:{mousedown:function(e){return t.onMousedown(null)}}},[t._t("default",null,{params:t.params,close:function(){return t.$emit("input",!1)}}),t._v(" "),t.visibility.resize&&t.visibility.modal?n("div",{ref:"vfmResize",staticClass:"vfm__resize vfm--absolute vfm--inset vfm--prevent-none vfm--select-none vfm--touch-none"},t._l(t.resizeDirections,(function(t){return n("div",{key:t,staticClass:"vfm--absolute vfm--prevent-auto",class:"vfm--resize-"+t,attrs:{direction:t}})})),0):t._e()],2)])])],1):t._e()},staticRenderFns:[]},(function(t){t&&t("data-v-1cd72822_0",{source:".vfm--fixed[data-v-1cd72822]{position:fixed}.vfm--absolute[data-v-1cd72822]{position:absolute}.vfm--inset[data-v-1cd72822]{top:0;right:0;bottom:0;left:0}.vfm--overlay[data-v-1cd72822]{background-color:rgba(0,0,0,.5)}.vfm--prevent-none[data-v-1cd72822]{pointer-events:none}.vfm--prevent-auto[data-v-1cd72822]{pointer-events:auto}.vfm--outline-none[data-v-1cd72822]:focus{outline:0}.vfm-enter-active[data-v-1cd72822],.vfm-leave-active[data-v-1cd72822]{transition:opacity .2s}.vfm-enter[data-v-1cd72822],.vfm-leave-to[data-v-1cd72822]{opacity:0}.vfm--touch-none[data-v-1cd72822]{touch-action:none}.vfm--select-none[data-v-1cd72822]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vfm--resize-bl[data-v-1cd72822],.vfm--resize-br[data-v-1cd72822],.vfm--resize-tl[data-v-1cd72822],.vfm--resize-tr[data-v-1cd72822]{width:12px;height:12px;z-index:10}.vfm--resize-t[data-v-1cd72822]{top:-6px;left:0;width:100%;height:12px;cursor:ns-resize}.vfm--resize-tr[data-v-1cd72822]{top:-6px;right:-6px;cursor:nesw-resize}.vfm--resize-r[data-v-1cd72822]{top:0;right:-6px;width:12px;height:100%;cursor:ew-resize}.vfm--resize-br[data-v-1cd72822]{bottom:-6px;right:-6px;cursor:nwse-resize}.vfm--resize-b[data-v-1cd72822]{bottom:-6px;left:0;width:100%;height:12px;cursor:ns-resize}.vfm--resize-bl[data-v-1cd72822]{bottom:-6px;left:-6px;cursor:nesw-resize}.vfm--resize-l[data-v-1cd72822]{top:0;left:-6px;width:12px;height:100%;cursor:ew-resize}.vfm--resize-tl[data-v-1cd72822]{top:-6px;left:-6px;cursor:nwse-resize}",map:void 0,media:void 0})}),Gi,"data-v-1cd72822",!1,void 0,!1,(function(t){return function(t,e){return function(t,e){var n=Ji?e.media||"default":t,i=to[n]||(to[n]={ids:new Set,styles:[]});if(!i.ids.has(t)){i.ids.add(t);var o=e.source;if(e.map&&(o+="\n/*# sourceURL="+e.map.sources[0]+" */",o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),i.element||(i.element=document.createElement("style"),i.element.type="text/css",e.media&&i.element.setAttribute("media",e.media),void 0===Ai&&(Ai=document.head||document.getElementsByTagName("head")[0]),Ai.appendChild(i.element)),"styleSheet"in i.element)i.styles.push(o),i.element.styleSheet.cssText=i.styles.filter(Boolean).join("\n");else{var r=i.ids.size-1,s=document.createTextNode(o),a=i.element.childNodes;a[r]&&i.element.removeChild(a[r]),a.length?i.element.insertBefore(s,a[r]):i.element.appendChild(s)}}}(t,e)}}),void 0,void 0),no=Zi({render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"modals-container"},t._l(t.api.dynamicModals,(function(e,i){return n(e.component,t._g(t._b({key:e.id,tag:"component",on:{closed:function(e){return t.slice(i)},"before-open":function(n){return t.beforeOpen(n,e,i)},opened:e.opened},scopedSlots:t._u([t._l(e.slots,(function(e,i){return{key:i,fn:function(){return[t.isString(e)?n("div",{key:i,domProps:{innerHTML:t._s(e)}}):n(e.component,t._g(t._b({key:i,tag:"component"},"component",e.bind,!1),e.on))]},proxy:!0}}))],null,!0),model:{value:e.value,callback:function(n){t.$set(e,"value",n)},expression:"modal.value"}},"component",e.bind,!1),e.on))})),1)},staticRenderFns:[]},void 0,{props:{},methods:{slice:function(t){this.api.dynamicModals.splice(t,1)},beforeOpen:function(t,e,n){var i=this;t.ref.params=e.params,this.$nextTick((function(){e.value||(i.slice(n),e.reject("show"))}))},isString:function(t){return"string"==typeof t}}},void 0,!1,void 0,!1,void 0,void 0,void 0);function io(t,e){var n=wi(wi({},t),{},{props:wi({},t.props)});return Object.assign(n.props,{api:{type:Object,default:function(){return e}}}),n}var oo=0,ro=function(){var t,e,n=(e=null,et().observable({show:function(t){for(var n=this,i=arguments.length,o=new Array(i>1?i-1:0),r=1;r<i;r++)o[r-1]=arguments[r];switch(mi(t)){case"string":return this.toggle.apply(this,[t,!0].concat(o));case"object":return Promise.allSettled([new Promise((function(i,r){var s={value:!0,id:Symbol("dynamicModal"),component:e,bind:{},slots:{},on:{},params:o[0],reject:r,opened:function(){i("show")}};n.dynamicModals.push(Object.assign(s,t))}))])}},hide:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return this.toggle(e,!1)},hideAll:function(){return this.hide.apply(this,bi(this.openedModals.map((function(t){return t.name}))))},toggle:function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];var o=Array.isArray(t)?this.get.apply(this,bi(t)):this.get(t);return Promise.allSettled(o.map((function(t){return t.toggle.apply(t,n)})))},get:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return this.modals.filter((function(t){return e.includes(t.name)}))},dynamicModals:[],openedModals:[],modals:[],_setDefaultModal:function(t){e=t}}));return gi(t={},"$vfm",n),gi(t,"VueFinalModal",function(t){var e=io(eo,t);return t._setDefaultModal(e),e}(n)),gi(t,"ModalsContainer",io(no,n)),t},so=ro(),ao=so.$vfm,lo=so.VueFinalModal,co=(so.ModalsContainer,function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=0===oo?so:ro(),i=n.$vfm,o=n.VueFinalModal,r=n.ModalsContainer;oo+=1;var s=e.key||"$vfm",a=e.componentName||"VueFinalModal",l=e.dynamicContainerName||"ModalsContainer";t.prototype[s]=i,t.component(a,o),t.component(l,r)}),uo=function(t){return{install:function(e,n){var i=Object.assign({},t,n);co(e,i)}}};uo.install=co;const ho=qe({name:"Trigger",components:{PortalTarget:fi.YC},props:{for:{type:String,default:""},trigger:{type:String,default:"hover focus"},placement:{type:String,default:"top"}},data:function(){return{popoverOrTooltipType:void 0,isInput:!1}},methods:{toggle:function(){this.for&&ao.show(this.for)}},computed:{triggerEventType:function(){return"click"===this.trigger||"focus"===this.trigger?this.trigger:"mouseenter"},triggers:function(){return this.trigger.split(" ")},target:function(){return this.for}},mounted:function(){if(this.isInput=this.$slots.default&&this.$slots.default.some((function(t){return"input"===t.tag})),this.for&&void 0===this.popoverOrTooltipType){var t=document.getElementById(this.for);if(!t)return;this.popoverOrTooltipType=t.dataset.mbComponentType}}},pi,[],!1,null,null,null).exports;var po=function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"site-nav-root"},[this._t("default")],2)};po._withStripped=!0;const fo=qe({name:"SiteNav",mounted:function(){var t=this,e=Sn(new URL(window.location.href).pathname);this.$el.querySelectorAll("a[href]").forEach((function(n){var i=Sn(n.getAttribute("href"));if(e===i){n.classList.add("current");for(var o=n.parentElement;o&&o!==t.$el;)"ul"===o.tagName.toLowerCase()&&o.classList.contains("site-nav-dropdown-container")&&o.classList.add("site-nav-dropdown-container-open"),o=o.parentElement}}))}},po,[],!1,null,null,null).exports;var mo=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("span",{class:[{"nav-menu-close-icon":t.show}],on:{click:function(e){return t.toggleNavMenu(void 0)}}},[t._t("navMenuIcon")],2),t._v(" "),n("div",{ref:"navMenuContainer",class:["nav-menu",{"nav-menu-open":t.show}],style:t.navbarHeight,on:{click:t.toggleNavMenu}},[n("portal-target",{attrs:{name:t.portalName,multiple:""}})],1)])};mo._withStripped=!0;var vo={};const go=qe({components:{PortalTarget:fi.YC},props:{type:{type:String,default:null},portalName:{type:String,default:null}},inject:{toggleLowerNavbar:{default:void 0}},data:function(){return{show:!1,navbarHeight:""}},methods:{toggleNavMenu:function(t){var e,n=this;t&&"a"===t.target.tagName.toLowerCase()||!t&&this.show?(document.body.style.removeProperty("overflow"),this.show=!1):(vo[e="closeOverlay"]&&vo[e].forEach((function(t){return t()})),document.body.style.overflow="hidden",this.show=!0,this.$nextTick((function(){var t=n.$refs.navMenuContainer,e=window.innerHeight-t.getBoundingClientRect().top;n.navbarHeight="height: ".concat(e,"px")})))}},mounted:function(){var t,e,n=this;this.toggleLowerNavbar&&this.toggleLowerNavbar(),e=function(){n.show=!1},vo[t="closeOverlay"]||(vo[t]=[]),vo[t].push(e)}},mo,[],!1,null,"1a3e7aee",null).exports;var yo=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n(t.tagName,t._b({tag:"component"},"component",t.$attrs,!1),[t._t("default"),t._v(" "),t.enablePortal?n("portal",{attrs:{to:t.to}},[n(t.tagName,t._b({tag:"component",class:[t.$vnode.data.staticClass||"","mb-mobile-nav"],style:t.$vnode.data.staticStyle},"component",t.$attrs,!1),[t._t("default")],2)],1):t._e()],2)};yo._withStripped=!0;const wo=qe({name:"OverlaySource",components:{Portal:fi.h_},props:{to:{type:String,default:void 0},tagName:{type:String,default:void 0}},data:function(){return{enablePortal:!1}},mounted:function(){this.enablePortal=!0}},yo,[],!1,null,"e6005420",null).exports;var bo=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("span",{class:"click"===t.trigger?"trigger-click":"trigger",attrs:{"data-mb-component-type":"popover",tabindex:"0"}},[t.targetEl.id?n("portal",{attrs:{to:"popover:"+t.targetEl.id}},[t.hasHeader?n("h3",{staticClass:"popover-header"},[t._t("header")],2):t._e(),t._v(" "),n("div",{staticClass:"popover-body"},[t._t("content")],2)]):t._e(),t.isMounted?n("v-popover",{attrs:{"auto-hide":!t.isInput,triggers:t.triggers,"popper-triggers":t.triggers,"hide-triggers":t.triggers,placement:t.placement,delay:0,"shift-cross-axis":""},scopedSlots:t._u([{key:"popper",fn:function(){return[n("div",{staticClass:"popover-container"},[t.hasHeader?n("h3",{staticClass:"popover-header"},[t._t("header")],2):t._e(),t._v(" "),n("div",{staticClass:"popover-body"},[t._t("content")],2)])]},proxy:!0}],null,!0)},[t.isInput?t._t("default"):n("span",{on:{click:function(t){t.stopPropagation()}}},[t._t("default")],2)],2):t._e()],1)};bo._withStripped=!0;const _o=qe({name:"Popover",components:{Portal:fi.h_},props:{trigger:{type:String,default:"hover focus"},placement:{type:String,default:"top"}},data:function(){return{targetEl:{},isMounted:!1}},computed:{triggers:function(){return this.trigger.split(" ")},hasHeader:function(){return!!this.$slots.header}},mounted:function(){this.targetEl=this.$el,this.isInput=this.$slots.default&&this.$slots.default.some((function(t){return"input"===t.tag})),this.isMounted=!0}},bo,[],!1,null,null,null).exports;var So=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("span",{class:"click"===t.trigger?"trigger-click":"trigger",attrs:{"data-mb-component-type":"tooltip",tabindex:"0"}},[t.targetEl.id?n("portal",{attrs:{to:"tooltip:"+t.targetEl.id}},[t._t("content")],2):t._e(),t.isMounted?n("v-tooltip",{attrs:{"auto-hide":!t.isInput,triggers:t.triggers,"popper-triggers":t.triggers,"hide-triggers":t.triggers,placement:t.placement,delay:0,"shift-cross-axis":""},scopedSlots:t._u([{key:"popper",fn:function(){return[t._t("content")]},proxy:!0}],null,!0)},[t.isInput?t._t("default"):n("span",{on:{click:function(t){t.stopPropagation()}}},[t._t("default")],2)],2):t._e()],1)};So._withStripped=!0;const xo=qe({name:"Tooltip",components:{Portal:fi.h_},props:{trigger:{type:String,default:"hover focus"},placement:{type:String,default:"top"}},data:function(){return{targetEl:{},isInput:!1,isMounted:!1}},computed:{triggers:function(){return this.trigger.split(" ")}},mounted:function(){this.targetEl=this.$el,this.isInput=this.$slots.default&&this.$slots.default.some((function(t){return"input"===t.tag})),this.isMounted=!0}},So,[],!1,null,null,null).exports;var Co=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.isMounted?n("vue-final-modal",{attrs:{ssr:"",name:t.id,classes:["modal"],"content-class":["modal-dialog","modal-dialog-scrollable",t.optionalModalSize,t.optionalCentering],"overlay-transition":"none",transition:t.effectClass,"click-to-close":"false"!==t.backdrop,"esc-to-close":"","z-index-base":"2000"},model:{value:t.show,callback:function(e){t.show=e},expression:"show"}},[n("div",{staticClass:"modal-content"},[t.hasHeader?n("div",{staticClass:"modal-header"},[n("h5",{staticClass:"modal-title"},[t._t("header")],2),t._v(" "),n("button",{staticClass:"btn-close",attrs:{type:"button","aria-label":"Close"},on:{click:function(e){return t.close()}}})]):t._e(),t._v(" "),n("div",{staticClass:"modal-body"},[t._t("default")],2),t._v(" "),t.hasFooter||t.hasOk?n("div",{staticClass:"modal-footer"},[t.hasFooter?t._t("footer"):n("button",{staticClass:"btn btn-primary",on:{click:function(e){return t.close()}}},[t._v("\n        "+t._s(t.okText)+"\n      ")])],2):t._e()])]):t._e()};Co._withStripped=!0;const $o=qe({name:"Modal",components:{VueFinalModal:lo},data:function(){return{show:!1,isMounted:!1,zoomEffect:{"enter-class":"modal-zoom","enter-to-class":"modal-zoom-show","leave-to-class":"modal-zoom","leave-class":"modal-zoom-show"}}},props:{okText:{type:String,default:""},effect:{type:String,default:"zoom"},id:{type:String,default:""},small:{type:Boolean,default:!1},large:{type:Boolean,default:!1},center:{type:Boolean,default:!1},backdrop:{type:String,default:""}},computed:{hasHeader:function(){return!!this.$slots.header},hasFooter:function(){return!!this.$slots.footer},hasOk:function(){return""!==this.okText},optionalModalSize:function(){return this.small||this.large?this.small?"modal-sm":"modal-lg":""},optionalCentering:function(){return this.center?"modal-dialog-centered":""},effectClass:function(){return"zoom"===this.effect?this.zoomEffect:"vfm"}},methods:{close:function(){this.show=!1}},mounted:function(){this.isMounted=!0}},Co,[],!1,null,null,null).exports;var ko=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:["scroll-top-button",t.getIconSize(),"d-print-none",{lighten:t.$data.isLighten}],style:t.iconStyle(),attrs:{"aria-hidden":"true"},on:{click:function(e){return t.handleScrollTop()}}},[t._t("icon",(function(){return[n("i",{class:["fas fa-arrow-circle-up"]})]}))],2)};ko._withStripped=!0;var To={box:We,breadcrumb:Ve,dropdown:gn,navbar:Tn,panel:Rn,annotate:In,aPoint:Wn,pic:Vn,quiz:Qn,question:Gn,qOption:Jn,retriever:zn,searchbar:oi,tab:si,tabGroup:li,tabs:ui,thumbnail:hi,trigger:ho,siteNav:fo,submenu:vn,siteNavButton:Cn,pageNavButton:kn,overlay:go,overlaySource:wo,popover:_o,tooltip:xo,modal:$o,VPopover:Ne,VTooltip:Ae,scrollTopButton:qe({name:"ScrollTopButton",props:{icon:{type:String,default:null},iconSize:{type:String,default:"lg"},iconColor:{type:String,default:null},bottom:{type:String,default:null},right:{type:String,default:null}},data:function(){return{isVisible:!1,isLighten:!1,timers:{showOrHideButtonTimer:0,lightenButtonTimer:0}}},methods:{initScrollTopButton:function(){window.addEventListener("scroll",this.promptScrollTopButton)},destroyScrollTopButton:function(){window.removeEventListener("scroll",this.promptScrollTopButton)},promptScrollTopButton:function(){this.resetScrollTopButton(),this.showOrHideScrollTopButton()},resetScrollTopButton:function(){clearTimeout(this.timers.showOrHideButtonTimer),clearTimeout(this.timers.lightenButtonTimer),this.isLighten=!1},showOrHideScrollTopButton:function(){var t=this;this.timers.showOrHideButtonTimer=setTimeout((function(){document.body.scrollTop>20||document.documentElement.scrollTop>20?(t.isVisible=!0,t.lightenScrollTopButton()):t.isVisible=!1}),100)},lightenScrollTopButton:function(){var t=this;this.timers.lightenButtonTimer=setTimeout((function(){t.isLighten||(t.isLighten=!0)}),1e3)},iconStyle:function(){var t={};return t.display=this.isVisible?"block":"none",this.iconColor&&(t.color=this.iconColor),t.bottom=this.bottom?this.bottom:"2%",t.right=this.right?this.right:"2%",t.position="fixed",t},handleScrollTop:function(){document.body.scrollIntoView({block:"start",behavior:"smooth"})},getIconSize:function(){return this.iconSize?"fa-".concat(this.iconSize):""}},mounted:function(){this.initScrollTopButton()},beforeDestroy:function(){this.destroyScrollTopButton()}},ko,[],!1,null,null,null).exports},Eo={closeable:Qe()};const Oo={MarkBindVue:{plugin:{install:function(t){Object.keys(Eo).forEach((function(e){t.directive(e,Eo[e])})),Object.keys(To).forEach((function(e){t.component(e,To[e])}))}},components:To,directives:Eo},appFactory:function(){return{data:function(){return{searchData:[]}},methods:{searchCallback:function(t){var e="".concat(baseUrl,"/").concat(t.src.replace(/.md$/,".html")),n=t.heading?"#".concat(t.heading.id):"";window.location="".concat(e).concat(n)}}}}};i(605);function Bo(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function Po(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?Bo(Object(i),!0).forEach((function(e){n(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):Bo(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var Lo=Oo.MarkBindVue,No=Oo.appFactory;function Ao(){var t=document.querySelector("header[sticky]");if(null!==t){var e=a(),n=!1;t.addEventListener("transitionend",(function(){n||(t.style.overflow="")})),new ResizeObserver((function(){e=a(),document.documentElement.style.setProperty("--sticky-header-height","".concat(e,"px")),window.innerWidth>767&&n&&l()})).observe(t);var i,o=0,r=window.location.hash,s=function(){if(!(window.innerWidth>767)){if(r!==window.location.hash)return r=window.location.hash,void l();r=window.location.hash;var i=window.pageYOffset;if(!(window.innerHeight+i>=document.body.offsetHeight)){if(i>o){t.style.position="static";var s=t.getBoundingClientRect().top+e;if(t.style.position="sticky",s>0)return;n=!0,t.style.overflow="hidden",t.classList.add("hide-header")}else l();o=i}}};window.addEventListener("scroll",(function(){i&&clearTimeout(i),i=setTimeout(s,20)}))}function a(){var e=window.getComputedStyle(t,null);return t.clientHeight-parseFloat(e.paddingTop)-parseFloat(e.paddingBottom)}function l(){n=!1,t.classList.remove("hide-header")}}function zo(){document.querySelectorAll("script[style-bypass-vue-compilation]").forEach((function(t){var e=document.createElement("style");e.innerHTML=t.innerHTML,t.parentNode.replaceChild(e,t)})),Ao()}Vue.use(Lo.plugin),window.onload=function(){if(window.location.hash){var t=document.getElementById(window.location.hash.slice(1));t&&t.scrollIntoView({behavior:"smooth",block:"start",inline:"nearest"})}},window.handleSiteNavClick=function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(e){var n=t.getElementsByTagName("a");if(n.length)return void(window.location.href=n[0].href)}var i=t.nextElementSibling,o=t.lastElementChild.lastElementChild;i.classList.toggle("site-nav-dropdown-container-open"),o.classList.toggle("site-nav-rotate-icon")};const Mo={setup:function(){new Vue(Po(Po({render:function(t){return pageVueRenderFn.call(this,t)},staticRenderFns:pageVueStaticRenderFns},No()),{},{mounted:function(){zo()}})).$mount("#app",!0)},setupWithSearch:function(){new Vue(Po(Po({render:function(t){return pageVueRenderFn.call(this,t)},staticRenderFns:pageVueStaticRenderFns},No()),{},{mounted:function(){zo(),function(t){fetch("".concat(baseUrl,"/siteData.json")).then((function(t){return t.json()})).then((function(e){t.searchData=e.pages}))}(this)}})).$mount("#app",!0)}}})(),o=o.default})());
\ No newline at end of file
diff --git a/showcase.html b/showcase.html
index 94e9455a..953d2932 100644
--- a/showcase.html
+++ b/showcase.html
@@ -17,7 +17,7 @@
 <body >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-7c0fd418><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-7c0fd418><div class="container-fluid" data-v-7c0fd418><div class="navbar-left" data-v-7c0fd418><a href="/devdocs/index.html" title="Home" class="navbar-brand" data-v-7c0fd418><img src="/devdocs/images/logo-darkbackground.svg" height="20" data-v-7c0fd418></a></div> <div class="navbar-default" data-v-7c0fd418><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-7c0fd418> <li data-v-7c0fd418><a highlight-on="exact" href="/devdocs/index.html" class="nav-link" data-v-7c0fd418>HOME</a></li> <div tags="environment--dg environment--combined" data-v-7c0fd418><li data-v-7c0fd418><a highlight-on="sibling-or-child" href="/devdocs/devGuide/index.html" class="nav-link" data-v-7c0fd418>DEVELOPER GUIDE</a></li></div> <li data-v-7c0fd418><a highlight-on="exact" href="/devdocs/showcase.html" class="nav-link" data-v-7c0fd418>SHOWCASE</a></li> <li data-v-7c0fd418><a highlight-on="exact" href="/devdocs/about.html" class="nav-link" data-v-7c0fd418>ABOUT</a></li> <li data-v-7c0fd418><a href="https://github.com/MarkBind/markbind" target="_blank" class="nav-link" data-v-7c0fd418><span data-v-7c0fd418><span aria-hidden="true" class="fab fa-github" data-v-7c0fd418></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-7c0fd418><li data-v-7c0fd418><form class="navbar-form" data-v-7c0fd418><div class="dropdown" style="position:relative;" data-v-cea1a814><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-cea1a814> <div class="form-control placeholder-div-hidden" data-v-cea1a814>
       Search
-    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-cea1a814></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-7c0fd418><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper"><h1 id="examples-of-markbind-websites">Examples of MarkBind Websites<a href="#examples-of-markbind-websites" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <h2 id="course-websites">Course Websites<a href="#course-websites" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><a href="https://www.comp.nus.edu.sg/~cs2103"><strong>CS2103/T Software Engineering</strong></a></li> <li><a href="https://www.comp.nus.edu.sg/~cs2113"><strong>CS2113/T Software Engineering and OOP</strong></a></li> <li><a href="https://nus-cs3281.github.io/website/"><strong>CS3281&amp;2 Thematic Systems Project</strong></a></li> <li><a href="https://nus-tic2002-2019.github.io/website/"><strong>TIC2002 Introduction to Software Engineering</strong></a></li> <li><a href="https://nus-te3201.github.io/2020/"><strong>TE3201 Software Engineering</strong></a></li> <li><a href="https://nus-cs3203.github.io/course-website/"><strong>CS3203 Software Engineering Project</strong></a></li></ul> <h2 id="online-books">Online Books<a href="#online-books" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><a href="https://se-education.org/se-book/"><strong>Software Engineering for Self-Directed Learners</strong></a></li> <li><a href="https://se-education.org/learningresources/"><strong>A Student's Guide to Software Engineering Tools &amp; Techniques</strong></a></li></ul> <h2 id="product-project-websites">Product/Project Websites<a href="#product-project-websites" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li>This website <span class="dimmed">(i.e., MarkBind website)</span></li> <li><a href="https://reposense.org"><strong>reposense.org</strong></a></li> <li><a href="https://se-education.org"><strong>se-education.org</strong></a></li></ul></div> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:14:22 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
+    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-cea1a814></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-7c0fd418><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper"><h1 id="examples-of-markbind-websites">Examples of MarkBind Websites<a href="#examples-of-markbind-websites" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <h2 id="course-websites">Course Websites<a href="#course-websites" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><a href="https://www.comp.nus.edu.sg/~cs2103"><strong>CS2103/T Software Engineering</strong></a></li> <li><a href="https://www.comp.nus.edu.sg/~cs2113"><strong>CS2113/T Software Engineering and OOP</strong></a></li> <li><a href="https://nus-cs3281.github.io/website/"><strong>CS3281&amp;2 Thematic Systems Project</strong></a></li> <li><a href="https://nus-tic2002-2019.github.io/website/"><strong>TIC2002 Introduction to Software Engineering</strong></a></li> <li><a href="https://nus-te3201.github.io/2020/"><strong>TE3201 Software Engineering</strong></a></li> <li><a href="https://nus-cs3203.github.io/course-website/"><strong>CS3203 Software Engineering Project</strong></a></li></ul> <h2 id="online-books">Online Books<a href="#online-books" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><a href="https://se-education.org/se-book/"><strong>Software Engineering for Self-Directed Learners</strong></a></li> <li><a href="https://se-education.org/learningresources/"><strong>A Student's Guide to Software Engineering Tools &amp; Techniques</strong></a></li></ul> <h2 id="product-project-websites">Product/Project Websites<a href="#product-project-websites" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li>This website <span class="dimmed">(i.e., MarkBind website)</span></li> <li><a href="https://reposense.org"><strong>reposense.org</strong></a></li> <li><a href="https://se-education.org"><strong>se-education.org</strong></a></li></ul></div> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <div><footer><div class="text-center"><small>[Generated by <a href="https://markbind.org/">MarkBind 5.4.0</a> on Thu, 4 Apr 2024, 10:24:16 UTC]</small><br> <small>This site is powered by <a href="https://www.netlify.com/">Netlify</a>.</small></div></footer></div></div>
 </body><script src="/devdocs/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/showcase.page-vue-render.js b/showcase.page-vue-render.js
index 274bd70a..55928772 100644
--- a/showcase.page-vue-render.js
+++ b/showcase.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"examples-of-markbind-websites"}},[_v("Examples of MarkBind Websites"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#examples-of-markbind-websites","onclick":"event.stopPropagation()"}})]),_v(" "),_c('h2',{attrs:{"id":"course-websites"}},[_v("Course Websites"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#course-websites","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"https://www.comp.nus.edu.sg/~cs2103"}},[_c('strong',[_v("CS2103/T Software Engineering")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://www.comp.nus.edu.sg/~cs2113"}},[_c('strong',[_v("CS2113/T Software Engineering and OOP")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://nus-cs3281.github.io/website/"}},[_c('strong',[_v("CS3281&2 Thematic Systems Project")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://nus-tic2002-2019.github.io/website/"}},[_c('strong',[_v("TIC2002 Introduction to Software Engineering")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://nus-te3201.github.io/2020/"}},[_c('strong',[_v("TE3201 Software Engineering")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://nus-cs3203.github.io/course-website/"}},[_c('strong',[_v("CS3203 Software Engineering Project")])])])]),_v(" "),_c('h2',{attrs:{"id":"online-books"}},[_v("Online Books"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#online-books","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"https://se-education.org/se-book/"}},[_c('strong',[_v("Software Engineering for Self-Directed Learners")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://se-education.org/learningresources/"}},[_c('strong',[_v("A Student's Guide to Software Engineering Tools & Techniques")])])])]),_v(" "),_c('h2',{attrs:{"id":"product-project-websites"}},[_v("Product/Project Websites"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#product-project-websites","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_v("This website "),_c('span',{staticClass:"dimmed"},[_v("(i.e., MarkBind website)")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://reposense.org"}},[_c('strong',[_v("reposense.org")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://se-education.org"}},[_c('strong',[_v("se-education.org")])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:14:22 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
+with(this){return _c('div',[_c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Generated by "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.4.0")]),_v(" on Thu, 4 Apr 2024, 10:24:16 UTC]")]),_c('br'),_v(" "),_c('small',[_v("This site is powered by "),_c('a',{attrs:{"href":"https://www.netlify.com/"}},[_v("Netlify")]),_v(".")])])])])}
 }];
   
\ No newline at end of file

_{Tan Wang Leng} 💻	_{Ang Ze Yu} 💻 📆	_{Jason Jiang} 💻	_{Chng Zhi Xuan} 💻	_{Aaron Chong} 💻	_{Jamos Tay} 💻	_{Nicholas Chua} 💻
_{Tan Zhen Yong} 💻	_{Rachael Sim} 💻	_{Ong Wei Xiang} 💻	_{Daniel Berzin Chua} 💻	_{Daryl Tan} 💻	_{Damith C. Rajapakse} 💻 🧑‍🏫	_{Jonah Tan} 💻 👀
_nusjzx 💻	_{Alfred Yip} 💻	_{Ryo Armanda} 💻 👀	_{Tan Yuanhong} 💻	_{Si Jie} 💻	_{Yash Chowdhary} 💻	_{Kenneth Lu} 💻
_{Rayson Koh} 💻	_{Phang Chun Rong} 💻	_nbriannl 💻	_{Tejas Bhuwania} 💻	_{Marvin Chin} 💻	_{Aadyaa Maddi} 💻	_{Kendrick Ang} 💻
_{Daryl Chan} 💻	_{Liu YongLiang} 💻 📖 👀	_{Ahmed Bahajjaj} 💻	_{Hsu Zhong Jun} 💻	_Kimberly 💻	_{Joshua Wong} 💻	_{Jeremy Tan Jie Rui} 💻
_Anubhav 💻	_{Boh Cheng Hin} 💻	_{Hiroki Nishino} 💻	_Junx 💻 📖	_{Li JiaYao} 💻	_{Ambrose Liew} 💻	_Praveen 💻
_{Riyadh H. Alzahrani} 💻	_{Samuel Fang} 💻	_{Thomas Tan} 💻	_{Vighnesh Iyer} 💻	_{dao ngoc hieu} 💻	_{Ikko Ashimine} 📖	_{Jovyn Tan} 💻 📖
_Hannah 💻 📖	_{NaincyKumariKnoldus} 📖	_{Elroy Goh} 💻	_{Elton Goh} 💻	_benluiwj 💻 📖	_weiquu 💻 📖	_eeliana 📖
_{Dominic Lim} 💻 📖	_peter 💻	_{Calvin Tan} 📖	_david 💻 📖	_David 📖	_{charandeepsinghb} 💻 📖	_{Jia Yu} 📖
_{Lee Hyung Woon / 이형운} 💻	_{Chan Yu Cheng} 💻	_{Ivad Yves HABIMANA} 📖	_Bibhu 💻	_WillCWX 📖 💻	_{Sven Tang} 📖 💻	_lesterong 💻
_SPWwj 📖 💻	_James 💻 📖	_Nisemono 💻	_jingting1412 💻	" Xu"> _{Shuyao "Tim" Xu} 💻	_{Kevin Eyo} 💻	_{Lee Xiong Jie, Isaac} 💻
_{Lam Jiu Fong} 💻	_{Wang Yiwen} 📖 💻	_Ashleeey1224 💻