@natachah/vanilla-frontend 1.0.1 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. package/.gitlab-ci.yml +1 -1
  2. package/natachah-vanilla-frontend-1.0.2.tgz +0 -0
  3. package/package.json +1 -1
  4. package/public/404.html +2 -2
  5. package/public/assets/app.D7UuA2Jo.js +1 -0
  6. package/public/assets/{base_layout.md.DPVON1Hq.js → base_layout.md.DJ_v9TUj.js} +1 -1
  7. package/public/assets/base_layout.md.DJ_v9TUj.lean.js +1 -0
  8. package/public/assets/{base_media.md.DHSlU0g6.js → base_media.md.Df8yBTDC.js} +1 -1
  9. package/public/assets/{base_media.md.DHSlU0g6.lean.js → base_media.md.Df8yBTDC.lean.js} +1 -1
  10. package/public/assets/base_reset.md.Bc-QFMNd.js +3 -0
  11. package/public/assets/base_reset.md.Bc-QFMNd.lean.js +1 -0
  12. package/public/assets/{base_typography.md.C9BVN1Re.js → base_typography.md.CEssDvs_.js} +1 -1
  13. package/public/assets/{base_typography.md.C9BVN1Re.lean.js → base_typography.md.CEssDvs_.lean.js} +1 -1
  14. package/public/assets/chunks/{ComponentPreview.Cw4G3qNN.js → ComponentPreview.CkvDvzXt.js} +2 -2
  15. package/public/assets/chunks/framework.CzIb_Ns1.js +4 -0
  16. package/public/assets/chunks/theme.ChtTtdwO.js +1 -0
  17. package/public/assets/{classes_badge.md.EznZXXqT.js → classes_badge.md.CY4V0aVP.js} +1 -1
  18. package/public/assets/{classes_badge.md.EznZXXqT.lean.js → classes_badge.md.CY4V0aVP.lean.js} +1 -1
  19. package/public/assets/{classes_breadcrumb.md.DrzF9h9m.js → classes_breadcrumb.md.3qDvf8ub.js} +1 -1
  20. package/public/assets/{classes_breadcrumb.md.DrzF9h9m.lean.js → classes_breadcrumb.md.3qDvf8ub.lean.js} +1 -1
  21. package/public/assets/{classes_card.md.BzNZEHe9.js → classes_card.md.2FMiLja2.js} +1 -1
  22. package/public/assets/{classes_card.md.BzNZEHe9.lean.js → classes_card.md.2FMiLja2.lean.js} +1 -1
  23. package/public/assets/{classes_dropdown.md.CKZ2tv7T.js → classes_dropdown.md.BY5HVT7n.js} +1 -1
  24. package/public/assets/classes_dropdown.md.BY5HVT7n.lean.js +1 -0
  25. package/public/assets/{classes_grid.md.CKCvlWAg.js → classes_grid.md.CmCrislB.js} +1 -1
  26. package/public/assets/{classes_grid.md.CKCvlWAg.lean.js → classes_grid.md.CmCrislB.lean.js} +1 -1
  27. package/public/assets/{classes_list.md.CjyB8PFK.js → classes_list.md.C2kG9vQD.js} +1 -1
  28. package/public/assets/{classes_list.md.CjyB8PFK.lean.js → classes_list.md.C2kG9vQD.lean.js} +1 -1
  29. package/public/assets/{components_button.md.CX41PJBd.js → components_button.md.CQaa2zUk.js} +1 -1
  30. package/public/assets/components_button.md.CQaa2zUk.lean.js +1 -0
  31. package/public/assets/{components_dialog.md.JMjidrIE.js → components_dialog.md.BuWSpf72.js} +1 -1
  32. package/public/assets/{components_dialog.md.JMjidrIE.lean.js → components_dialog.md.BuWSpf72.lean.js} +1 -1
  33. package/public/assets/{components_disclosure.md.BwvLkFL_.js → components_disclosure.md.CSb0zwLh.js} +1 -1
  34. package/public/assets/{components_disclosure.md.BwvLkFL_.lean.js → components_disclosure.md.CSb0zwLh.lean.js} +1 -1
  35. package/public/assets/{components_form.md.C6B5z_6G.js → components_form.md.CmOq-Til.js} +1 -1
  36. package/public/assets/components_form.md.CmOq-Til.lean.js +1 -0
  37. package/public/assets/{components_loading.md.51ktm2_l.js → components_loading.md.UlVFbdx9.js} +1 -1
  38. package/public/assets/{components_loading.md.51ktm2_l.lean.js → components_loading.md.UlVFbdx9.lean.js} +1 -1
  39. package/public/assets/{components_popover.md.DpbAjVUj.js → components_popover.md.CvREUZR5.js} +1 -1
  40. package/public/assets/{components_popover.md.DpbAjVUj.lean.js → components_popover.md.CvREUZR5.lean.js} +1 -1
  41. package/public/assets/components_progress.md.CSR5o7uh.js +6 -0
  42. package/public/assets/components_progress.md.CSR5o7uh.lean.js +1 -0
  43. package/public/assets/{components_table.md.BPrpvUDy.js → components_table.md.C4-mJ_h6.js} +1 -1
  44. package/public/assets/{components_table.md.BPrpvUDy.lean.js → components_table.md.C4-mJ_h6.lean.js} +1 -1
  45. package/public/assets/{index.md.DNiLOsZD.js → index.md.DZRwgCaD.js} +1 -1
  46. package/public/assets/{index.md.DNiLOsZD.lean.js → index.md.DZRwgCaD.lean.js} +1 -1
  47. package/public/assets/{javascript_autofill.md.HyVx8c7W.js → javascript_autofill.md.ChUIaY8E.js} +1 -1
  48. package/public/assets/{javascript_autofill.md.HyVx8c7W.lean.js → javascript_autofill.md.ChUIaY8E.lean.js} +1 -1
  49. package/public/assets/{javascript_check.md.BCbZtUBE.js → javascript_check.md.ColaaLYj.js} +1 -1
  50. package/public/assets/javascript_check.md.ColaaLYj.lean.js +1 -0
  51. package/public/assets/{javascript_comfort.md.CQm191VA.js → javascript_comfort.md.CsflOcMZ.js} +1 -1
  52. package/public/assets/{javascript_comfort.md.CQm191VA.lean.js → javascript_comfort.md.CsflOcMZ.lean.js} +1 -1
  53. package/public/assets/{javascript_consent.md.CbDzabMd.js → javascript_consent.md.Cg1la-Gc.js} +1 -1
  54. package/public/assets/javascript_consent.md.Cg1la-Gc.lean.js +1 -0
  55. package/public/assets/javascript_cookie.md.D_3Ic9ld.js +2 -0
  56. package/public/assets/javascript_cookie.md.D_3Ic9ld.lean.js +1 -0
  57. package/public/assets/{javascript_drawer.md.D_pT0mrZ.js → javascript_drawer.md.CWRu0B-m.js} +1 -1
  58. package/public/assets/javascript_drawer.md.CWRu0B-m.lean.js +1 -0
  59. package/public/assets/{javascript_form.md.sGYh1L4I.js → javascript_form.md.D-qLhbu6.js} +1 -1
  60. package/public/assets/{javascript_form.md.sGYh1L4I.lean.js → javascript_form.md.D-qLhbu6.lean.js} +1 -1
  61. package/public/assets/{javascript_scroll.md.DeOZ4grw.js → javascript_scroll.md.C44cHQBa.js} +1 -1
  62. package/public/assets/{javascript_scroll.md.DeOZ4grw.lean.js → javascript_scroll.md.C44cHQBa.lean.js} +1 -1
  63. package/public/assets/{javascript_slider.md.CIa7pHr9.js → javascript_slider.md.BoBh8ko0.js} +1 -1
  64. package/public/assets/javascript_slider.md.BoBh8ko0.lean.js +1 -0
  65. package/public/assets/{javascript_sortable.md.CThHVTgW.js → javascript_sortable.md.DherROA3.js} +1 -1
  66. package/public/assets/javascript_sortable.md.DherROA3.lean.js +1 -0
  67. package/public/assets/{javascript_tabpanel.md.CxAFdAGU.js → javascript_tabpanel.md.ZRDCRbR4.js} +1 -1
  68. package/public/assets/javascript_tabpanel.md.ZRDCRbR4.lean.js +1 -0
  69. package/public/assets/{javascript_toggle.md.C66hpUWF.js → javascript_toggle.md.xDX51dR9.js} +1 -1
  70. package/public/assets/{javascript_toggle.md.C66hpUWF.lean.js → javascript_toggle.md.xDX51dR9.lean.js} +1 -1
  71. package/public/assets/javascript_trap.md.CRF-CChT.js +2 -0
  72. package/public/assets/javascript_trap.md.CRF-CChT.lean.js +1 -0
  73. package/public/assets/{javascript_tree.md.COR-Pj1y.js → javascript_tree.md.zuzzDvFQ.js} +2 -2
  74. package/public/assets/{javascript_tree.md.COR-Pj1y.lean.js → javascript_tree.md.zuzzDvFQ.lean.js} +1 -1
  75. package/public/assets/{prologue_conventions.md.wCplqeKt.js → prologue_conventions.md.DK88T5YA.js} +1 -1
  76. package/public/assets/prologue_conventions.md.DK88T5YA.lean.js +1 -0
  77. package/public/assets/prologue_release.md.CDIl9leQ.js +1 -0
  78. package/public/assets/prologue_release.md.CDIl9leQ.lean.js +1 -0
  79. package/public/assets/prologue_upgrade.md.DLld-KVb.js +1 -0
  80. package/public/assets/prologue_upgrade.md.DLld-KVb.lean.js +1 -0
  81. package/public/assets/{start_customization.md.C4fmzVYD.js → start_customization.md.CfQegJps.js} +1 -1
  82. package/public/assets/start_customization.md.CfQegJps.lean.js +1 -0
  83. package/public/assets/{start_install.md.vqLh01mm.js → start_install.md.DaozKWA6.js} +1 -1
  84. package/public/assets/start_install.md.DaozKWA6.lean.js +1 -0
  85. package/public/assets/{start_mixin.md.B5VMlbiN.js → start_mixin.md.iW2qzTo8.js} +1 -1
  86. package/public/assets/start_mixin.md.iW2qzTo8.lean.js +1 -0
  87. package/public/base/layout.html +5 -5
  88. package/public/base/media.html +6 -6
  89. package/public/base/reset.html +5 -5
  90. package/public/base/typography.html +6 -6
  91. package/public/bundles/vanilla-frontend.css +1 -1
  92. package/public/classes/badge.html +6 -6
  93. package/public/classes/breadcrumb.html +6 -6
  94. package/public/classes/card.html +6 -6
  95. package/public/classes/dropdown.html +6 -6
  96. package/public/classes/grid.html +6 -6
  97. package/public/classes/list.html +6 -6
  98. package/public/components/button.html +6 -6
  99. package/public/components/dialog.html +6 -6
  100. package/public/components/disclosure.html +6 -6
  101. package/public/components/form.html +6 -6
  102. package/public/components/loading.html +6 -6
  103. package/public/components/popover.html +6 -6
  104. package/public/components/progress.html +6 -6
  105. package/public/components/table.html +6 -6
  106. package/public/hashmap.json +1 -1
  107. package/public/index.html +5 -5
  108. package/public/javascript/autofill.html +6 -6
  109. package/public/javascript/check.html +6 -6
  110. package/public/javascript/comfort.html +6 -6
  111. package/public/javascript/consent.html +6 -6
  112. package/public/javascript/cookie.html +5 -5
  113. package/public/javascript/drawer.html +6 -6
  114. package/public/javascript/form.html +6 -6
  115. package/public/javascript/scroll.html +6 -6
  116. package/public/javascript/slider.html +6 -6
  117. package/public/javascript/sortable.html +6 -6
  118. package/public/javascript/tabpanel.html +6 -6
  119. package/public/javascript/toggle.html +6 -6
  120. package/public/javascript/trap.html +5 -5
  121. package/public/javascript/tree.html +6 -6
  122. package/public/prologue/conventions.html +5 -5
  123. package/public/prologue/release.html +5 -5
  124. package/public/prologue/upgrade.html +5 -5
  125. package/public/start/customization.html +5 -5
  126. package/public/start/install.html +5 -5
  127. package/public/start/mixin.html +5 -5
  128. package/scss/base/_layout.scss +16 -7
  129. package/natachah-vanilla-frontend-1.0.1.tgz +0 -0
  130. package/public/assets/app.zYBRMlen.js +0 -1
  131. package/public/assets/base_layout.md.DPVON1Hq.lean.js +0 -1
  132. package/public/assets/base_reset.md.DD9AA1li.js +0 -3
  133. package/public/assets/base_reset.md.DD9AA1li.lean.js +0 -1
  134. package/public/assets/chunks/framework.26dFs73Q.js +0 -4
  135. package/public/assets/chunks/theme.D1Tljxds.js +0 -1
  136. package/public/assets/classes_dropdown.md.CKZ2tv7T.lean.js +0 -1
  137. package/public/assets/components_button.md.CX41PJBd.lean.js +0 -1
  138. package/public/assets/components_form.md.C6B5z_6G.lean.js +0 -1
  139. package/public/assets/components_progress.md.H7v6t9h-.js +0 -6
  140. package/public/assets/components_progress.md.H7v6t9h-.lean.js +0 -1
  141. package/public/assets/javascript_check.md.BCbZtUBE.lean.js +0 -1
  142. package/public/assets/javascript_consent.md.CbDzabMd.lean.js +0 -1
  143. package/public/assets/javascript_cookie.md.CFVe2JRe.js +0 -2
  144. package/public/assets/javascript_cookie.md.CFVe2JRe.lean.js +0 -1
  145. package/public/assets/javascript_drawer.md.D_pT0mrZ.lean.js +0 -1
  146. package/public/assets/javascript_slider.md.CIa7pHr9.lean.js +0 -1
  147. package/public/assets/javascript_sortable.md.CThHVTgW.lean.js +0 -1
  148. package/public/assets/javascript_tabpanel.md.CxAFdAGU.lean.js +0 -1
  149. package/public/assets/javascript_trap.md.Dt2Rt__e.js +0 -2
  150. package/public/assets/javascript_trap.md.Dt2Rt__e.lean.js +0 -1
  151. package/public/assets/prologue_conventions.md.wCplqeKt.lean.js +0 -1
  152. package/public/assets/prologue_release.md.CBJGKY_Y.js +0 -1
  153. package/public/assets/prologue_release.md.CBJGKY_Y.lean.js +0 -1
  154. package/public/assets/prologue_upgrade.md.E_0GNNE2.js +0 -1
  155. package/public/assets/prologue_upgrade.md.E_0GNNE2.lean.js +0 -1
  156. package/public/assets/start_customization.md.C4fmzVYD.lean.js +0 -1
  157. package/public/assets/start_install.md.vqLh01mm.lean.js +0 -1
  158. package/public/assets/start_mixin.md.B5VMlbiN.lean.js +0 -1
@@ -9,12 +9,12 @@
9
9
  <link rel="preload stylesheet" href="/assets/style.Dl6gCPEE.css" as="style">
10
10
  <link rel="preload stylesheet" href="/vp-icons.css" as="style">
11
11
 
12
- <script type="module" src="/assets/app.zYBRMlen.js"></script>
12
+ <script type="module" src="/assets/app.D7UuA2Jo.js"></script>
13
13
  <link rel="preload" href="/assets/inter-roman-latin.Cy4MYw_J.woff2" as="font" type="font/woff2" crossorigin="">
14
- <link rel="modulepreload" href="/assets/chunks/theme.D1Tljxds.js">
15
- <link rel="modulepreload" href="/assets/chunks/framework.26dFs73Q.js">
16
- <link rel="modulepreload" href="/assets/chunks/ComponentPreview.Cw4G3qNN.js">
17
- <link rel="modulepreload" href="/assets/components_popover.md.DpbAjVUj.lean.js">
14
+ <link rel="modulepreload" href="/assets/chunks/theme.ChtTtdwO.js">
15
+ <link rel="modulepreload" href="/assets/chunks/framework.CzIb_Ns1.js">
16
+ <link rel="modulepreload" href="/assets/chunks/ComponentPreview.CkvDvzXt.js">
17
+ <link rel="modulepreload" href="/assets/components_popover.md.CvREUZR5.lean.js">
18
18
  <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
19
19
  <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
20
20
  </head>
@@ -251,7 +251,7 @@
251
251
  <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ul</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
252
252
  <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
253
253
  <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><div class="language-scss"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@use</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@natachah/vanilla-frontend/scss/components/group&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div></div></div></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/components/loading.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>Loading</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/components/progress.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>Progress</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-0cf61682 data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>Released under the MIT License.</p><p class="copyright" data-v-c3855bb3>Copyright © 2024-present <a href="https://natachaherth.ch">Natacha Herth</a></p></div></footer><!--[--><!--]--></div></div>
254
- <script>window.__VP_HASH_MAP__=JSON.parse("{\"base_layout.md\":\"DPVON1Hq\",\"base_media.md\":\"DHSlU0g6\",\"base_reset.md\":\"DD9AA1li\",\"base_typography.md\":\"C9BVN1Re\",\"classes_badge.md\":\"EznZXXqT\",\"classes_breadcrumb.md\":\"DrzF9h9m\",\"classes_card.md\":\"BzNZEHe9\",\"classes_dropdown.md\":\"CKZ2tv7T\",\"classes_grid.md\":\"CKCvlWAg\",\"classes_list.md\":\"CjyB8PFK\",\"components_button.md\":\"CX41PJBd\",\"components_dialog.md\":\"JMjidrIE\",\"components_disclosure.md\":\"BwvLkFL_\",\"components_form.md\":\"C6B5z_6G\",\"components_loading.md\":\"51ktm2_l\",\"components_popover.md\":\"DpbAjVUj\",\"components_progress.md\":\"H7v6t9h-\",\"components_table.md\":\"BPrpvUDy\",\"index.md\":\"DNiLOsZD\",\"javascript_autofill.md\":\"HyVx8c7W\",\"javascript_check.md\":\"BCbZtUBE\",\"javascript_comfort.md\":\"CQm191VA\",\"javascript_consent.md\":\"CbDzabMd\",\"javascript_cookie.md\":\"CFVe2JRe\",\"javascript_drawer.md\":\"D_pT0mrZ\",\"javascript_form.md\":\"sGYh1L4I\",\"javascript_scroll.md\":\"DeOZ4grw\",\"javascript_slider.md\":\"CIa7pHr9\",\"javascript_sortable.md\":\"CThHVTgW\",\"javascript_tabpanel.md\":\"CxAFdAGU\",\"javascript_toggle.md\":\"C66hpUWF\",\"javascript_trap.md\":\"Dt2Rt__e\",\"javascript_tree.md\":\"COR-Pj1y\",\"prologue_conventions.md\":\"wCplqeKt\",\"prologue_release.md\":\"CBJGKY_Y\",\"prologue_upgrade.md\":\"E_0GNNE2\",\"start_customization.md\":\"C4fmzVYD\",\"start_install.md\":\"vqLh01mm\",\"start_mixin.md\":\"B5VMlbiN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Vanilla Frontend\",\"description\":\"Documentation of my package\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"}],\"sidebar\":[{\"text\":\"Prologue\",\"items\":[{\"text\":\"Release Notes\",\"link\":\"/prologue/release\"},{\"text\":\"Upgrade guide\",\"link\":\"/prologue/upgrade\"},{\"text\":\"Conventions\",\"link\":\"/prologue/conventions\"}]},{\"text\":\"Quick start\",\"items\":[{\"text\":\"Install\",\"link\":\"/start/install\"},{\"text\":\"Customization\",\"link\":\"/start/customization\"},{\"text\":\"SCSS mixin\",\"link\":\"/start/mixin\"}]},{\"text\":\"Base\",\"items\":[{\"text\":\"Reset\",\"link\":\"/base/reset\"},{\"text\":\"Layout\",\"link\":\"/base/layout\"},{\"text\":\"Typography\",\"link\":\"/base/typography\"},{\"text\":\"Media\",\"link\":\"/base/media\"}]},{\"text\":\"Components\",\"items\":[{\"text\":\"Button\",\"link\":\"/components/button\"},{\"text\":\"Dialog\",\"link\":\"/components/dialog\"},{\"text\":\"Disclosure\",\"link\":\"/components/disclosure\"},{\"text\":\"Form\",\"link\":\"/components/form\"},{\"text\":\"Loading\",\"link\":\"/components/loading\"},{\"text\":\"Popover\",\"link\":\"/components/popover\"},{\"text\":\"Progress\",\"link\":\"/components/progress\"},{\"text\":\"Table\",\"link\":\"/components/table\"}]},{\"text\":\"Class components\",\"items\":[{\"text\":\"Badge\",\"link\":\"/classes/badge\"},{\"text\":\"Breadcrumb\",\"link\":\"/classes/breadcrumb\"},{\"text\":\"Card\",\"link\":\"/classes/card\"},{\"text\":\"Dropdown\",\"link\":\"/classes/dropdown\"},{\"text\":\"Grid\",\"link\":\"/classes/grid\"},{\"text\":\"List\",\"link\":\"/classes/list\"}]},{\"text\":\"Javascript\",\"items\":[{\"text\":\"Autofill\",\"link\":\"/javascript/autofill\"},{\"text\":\"Check all\",\"link\":\"/javascript/check\"},{\"text\":\"Comfort\",\"link\":\"/javascript/comfort\"},{\"text\":\"Consent\",\"link\":\"/javascript/consent\"},{\"text\":\"Cookie\",\"link\":\"/javascript/cookie\"},{\"text\":\"Drawer\",\"link\":\"/javascript/drawer\"},{\"text\":\"Form helper\",\"link\":\"/javascript/form\"},{\"text\":\"Scroll\",\"link\":\"/javascript/scroll\"},{\"text\":\"Slider\",\"link\":\"/javascript/slider\"},{\"text\":\"Sortable\",\"link\":\"/javascript/sortable\"},{\"text\":\"Tabpanel\",\"link\":\"/javascript/tabpanel\"},{\"text\":\"Toggle\",\"link\":\"/javascript/toggle\"},{\"text\":\"Trap\",\"link\":\"/javascript/trap\"},{\"text\":\"Tree\",\"link\":\"/javascript/tree\"}]}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2024-present <a href=\\\"https://natachaherth.ch\\\">Natacha Herth</a>\"},\"socialLinks\":[{\"icon\":{\"svg\":\"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" class=\\\"bi bi-gitlab\\\" viewBox=\\\"0 0 16 16\\\"><path d=\\\"m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z\\\" /></svg>\"},\"link\":\"https://gitlab.com/packages4913705/vanilla-frontend\",\"ariaLabel\":\"Gitlab\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
254
+ <script>window.__VP_HASH_MAP__=JSON.parse("{\"base_layout.md\":\"DJ_v9TUj\",\"base_media.md\":\"Df8yBTDC\",\"base_reset.md\":\"Bc-QFMNd\",\"base_typography.md\":\"CEssDvs_\",\"classes_badge.md\":\"CY4V0aVP\",\"classes_breadcrumb.md\":\"3qDvf8ub\",\"classes_card.md\":\"2FMiLja2\",\"classes_dropdown.md\":\"BY5HVT7n\",\"classes_grid.md\":\"CmCrislB\",\"classes_list.md\":\"C2kG9vQD\",\"components_button.md\":\"CQaa2zUk\",\"components_dialog.md\":\"BuWSpf72\",\"components_disclosure.md\":\"CSb0zwLh\",\"components_form.md\":\"CmOq-Til\",\"components_loading.md\":\"UlVFbdx9\",\"components_popover.md\":\"CvREUZR5\",\"components_progress.md\":\"CSR5o7uh\",\"components_table.md\":\"C4-mJ_h6\",\"index.md\":\"DZRwgCaD\",\"javascript_autofill.md\":\"ChUIaY8E\",\"javascript_check.md\":\"ColaaLYj\",\"javascript_comfort.md\":\"CsflOcMZ\",\"javascript_consent.md\":\"Cg1la-Gc\",\"javascript_cookie.md\":\"D_3Ic9ld\",\"javascript_drawer.md\":\"CWRu0B-m\",\"javascript_form.md\":\"D-qLhbu6\",\"javascript_scroll.md\":\"C44cHQBa\",\"javascript_slider.md\":\"BoBh8ko0\",\"javascript_sortable.md\":\"DherROA3\",\"javascript_tabpanel.md\":\"ZRDCRbR4\",\"javascript_toggle.md\":\"xDX51dR9\",\"javascript_trap.md\":\"CRF-CChT\",\"javascript_tree.md\":\"zuzzDvFQ\",\"prologue_conventions.md\":\"DK88T5YA\",\"prologue_release.md\":\"CDIl9leQ\",\"prologue_upgrade.md\":\"DLld-KVb\",\"start_customization.md\":\"CfQegJps\",\"start_install.md\":\"DaozKWA6\",\"start_mixin.md\":\"iW2qzTo8\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Vanilla Frontend\",\"description\":\"Documentation of my package\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"}],\"sidebar\":[{\"text\":\"Prologue\",\"items\":[{\"text\":\"Release Notes\",\"link\":\"/prologue/release\"},{\"text\":\"Upgrade guide\",\"link\":\"/prologue/upgrade\"},{\"text\":\"Conventions\",\"link\":\"/prologue/conventions\"}]},{\"text\":\"Quick start\",\"items\":[{\"text\":\"Install\",\"link\":\"/start/install\"},{\"text\":\"Customization\",\"link\":\"/start/customization\"},{\"text\":\"SCSS mixin\",\"link\":\"/start/mixin\"}]},{\"text\":\"Base\",\"items\":[{\"text\":\"Reset\",\"link\":\"/base/reset\"},{\"text\":\"Layout\",\"link\":\"/base/layout\"},{\"text\":\"Typography\",\"link\":\"/base/typography\"},{\"text\":\"Media\",\"link\":\"/base/media\"}]},{\"text\":\"Components\",\"items\":[{\"text\":\"Button\",\"link\":\"/components/button\"},{\"text\":\"Dialog\",\"link\":\"/components/dialog\"},{\"text\":\"Disclosure\",\"link\":\"/components/disclosure\"},{\"text\":\"Form\",\"link\":\"/components/form\"},{\"text\":\"Loading\",\"link\":\"/components/loading\"},{\"text\":\"Popover\",\"link\":\"/components/popover\"},{\"text\":\"Progress\",\"link\":\"/components/progress\"},{\"text\":\"Table\",\"link\":\"/components/table\"}]},{\"text\":\"Class components\",\"items\":[{\"text\":\"Badge\",\"link\":\"/classes/badge\"},{\"text\":\"Breadcrumb\",\"link\":\"/classes/breadcrumb\"},{\"text\":\"Card\",\"link\":\"/classes/card\"},{\"text\":\"Dropdown\",\"link\":\"/classes/dropdown\"},{\"text\":\"Grid\",\"link\":\"/classes/grid\"},{\"text\":\"List\",\"link\":\"/classes/list\"}]},{\"text\":\"Javascript\",\"items\":[{\"text\":\"Autofill\",\"link\":\"/javascript/autofill\"},{\"text\":\"Check all\",\"link\":\"/javascript/check\"},{\"text\":\"Comfort\",\"link\":\"/javascript/comfort\"},{\"text\":\"Consent\",\"link\":\"/javascript/consent\"},{\"text\":\"Cookie\",\"link\":\"/javascript/cookie\"},{\"text\":\"Drawer\",\"link\":\"/javascript/drawer\"},{\"text\":\"Form helper\",\"link\":\"/javascript/form\"},{\"text\":\"Scroll\",\"link\":\"/javascript/scroll\"},{\"text\":\"Slider\",\"link\":\"/javascript/slider\"},{\"text\":\"Sortable\",\"link\":\"/javascript/sortable\"},{\"text\":\"Tabpanel\",\"link\":\"/javascript/tabpanel\"},{\"text\":\"Toggle\",\"link\":\"/javascript/toggle\"},{\"text\":\"Trap\",\"link\":\"/javascript/trap\"},{\"text\":\"Tree\",\"link\":\"/javascript/tree\"}]}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2024-present <a href=\\\"https://natachaherth.ch\\\">Natacha Herth</a>\"},\"socialLinks\":[{\"icon\":{\"svg\":\"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" class=\\\"bi bi-gitlab\\\" viewBox=\\\"0 0 16 16\\\"><path d=\\\"m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z\\\" /></svg>\"},\"link\":\"https://gitlab.com/packages4913705/vanilla-frontend\",\"ariaLabel\":\"Gitlab\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
255
255
 
256
256
  </body>
257
257
  </html>
@@ -9,12 +9,12 @@
9
9
  <link rel="preload stylesheet" href="/assets/style.Dl6gCPEE.css" as="style">
10
10
  <link rel="preload stylesheet" href="/vp-icons.css" as="style">
11
11
 
12
- <script type="module" src="/assets/app.zYBRMlen.js"></script>
12
+ <script type="module" src="/assets/app.D7UuA2Jo.js"></script>
13
13
  <link rel="preload" href="/assets/inter-roman-latin.Cy4MYw_J.woff2" as="font" type="font/woff2" crossorigin="">
14
- <link rel="modulepreload" href="/assets/chunks/theme.D1Tljxds.js">
15
- <link rel="modulepreload" href="/assets/chunks/framework.26dFs73Q.js">
16
- <link rel="modulepreload" href="/assets/chunks/ComponentPreview.Cw4G3qNN.js">
17
- <link rel="modulepreload" href="/assets/components_progress.md.H7v6t9h-.lean.js">
14
+ <link rel="modulepreload" href="/assets/chunks/theme.ChtTtdwO.js">
15
+ <link rel="modulepreload" href="/assets/chunks/framework.CzIb_Ns1.js">
16
+ <link rel="modulepreload" href="/assets/chunks/ComponentPreview.CkvDvzXt.js">
17
+ <link rel="modulepreload" href="/assets/components_progress.md.CSR5o7uh.lean.js">
18
18
  <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
19
19
  <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
20
20
  </head>
@@ -51,7 +51,7 @@
51
51
  <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">--progress-background</span></span>
52
52
  <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">--progress-color</span></span>
53
53
  <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">--progress-border-radius</span></span></code></pre></div></div></div></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/components/popover.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>Popover</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/components/table.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>Table</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-0cf61682 data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>Released under the MIT License.</p><p class="copyright" data-v-c3855bb3>Copyright © 2024-present <a href="https://natachaherth.ch">Natacha Herth</a></p></div></footer><!--[--><!--]--></div></div>
54
- <script>window.__VP_HASH_MAP__=JSON.parse("{\"base_layout.md\":\"DPVON1Hq\",\"base_media.md\":\"DHSlU0g6\",\"base_reset.md\":\"DD9AA1li\",\"base_typography.md\":\"C9BVN1Re\",\"classes_badge.md\":\"EznZXXqT\",\"classes_breadcrumb.md\":\"DrzF9h9m\",\"classes_card.md\":\"BzNZEHe9\",\"classes_dropdown.md\":\"CKZ2tv7T\",\"classes_grid.md\":\"CKCvlWAg\",\"classes_list.md\":\"CjyB8PFK\",\"components_button.md\":\"CX41PJBd\",\"components_dialog.md\":\"JMjidrIE\",\"components_disclosure.md\":\"BwvLkFL_\",\"components_form.md\":\"C6B5z_6G\",\"components_loading.md\":\"51ktm2_l\",\"components_popover.md\":\"DpbAjVUj\",\"components_progress.md\":\"H7v6t9h-\",\"components_table.md\":\"BPrpvUDy\",\"index.md\":\"DNiLOsZD\",\"javascript_autofill.md\":\"HyVx8c7W\",\"javascript_check.md\":\"BCbZtUBE\",\"javascript_comfort.md\":\"CQm191VA\",\"javascript_consent.md\":\"CbDzabMd\",\"javascript_cookie.md\":\"CFVe2JRe\",\"javascript_drawer.md\":\"D_pT0mrZ\",\"javascript_form.md\":\"sGYh1L4I\",\"javascript_scroll.md\":\"DeOZ4grw\",\"javascript_slider.md\":\"CIa7pHr9\",\"javascript_sortable.md\":\"CThHVTgW\",\"javascript_tabpanel.md\":\"CxAFdAGU\",\"javascript_toggle.md\":\"C66hpUWF\",\"javascript_trap.md\":\"Dt2Rt__e\",\"javascript_tree.md\":\"COR-Pj1y\",\"prologue_conventions.md\":\"wCplqeKt\",\"prologue_release.md\":\"CBJGKY_Y\",\"prologue_upgrade.md\":\"E_0GNNE2\",\"start_customization.md\":\"C4fmzVYD\",\"start_install.md\":\"vqLh01mm\",\"start_mixin.md\":\"B5VMlbiN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Vanilla Frontend\",\"description\":\"Documentation of my package\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"}],\"sidebar\":[{\"text\":\"Prologue\",\"items\":[{\"text\":\"Release Notes\",\"link\":\"/prologue/release\"},{\"text\":\"Upgrade guide\",\"link\":\"/prologue/upgrade\"},{\"text\":\"Conventions\",\"link\":\"/prologue/conventions\"}]},{\"text\":\"Quick start\",\"items\":[{\"text\":\"Install\",\"link\":\"/start/install\"},{\"text\":\"Customization\",\"link\":\"/start/customization\"},{\"text\":\"SCSS mixin\",\"link\":\"/start/mixin\"}]},{\"text\":\"Base\",\"items\":[{\"text\":\"Reset\",\"link\":\"/base/reset\"},{\"text\":\"Layout\",\"link\":\"/base/layout\"},{\"text\":\"Typography\",\"link\":\"/base/typography\"},{\"text\":\"Media\",\"link\":\"/base/media\"}]},{\"text\":\"Components\",\"items\":[{\"text\":\"Button\",\"link\":\"/components/button\"},{\"text\":\"Dialog\",\"link\":\"/components/dialog\"},{\"text\":\"Disclosure\",\"link\":\"/components/disclosure\"},{\"text\":\"Form\",\"link\":\"/components/form\"},{\"text\":\"Loading\",\"link\":\"/components/loading\"},{\"text\":\"Popover\",\"link\":\"/components/popover\"},{\"text\":\"Progress\",\"link\":\"/components/progress\"},{\"text\":\"Table\",\"link\":\"/components/table\"}]},{\"text\":\"Class components\",\"items\":[{\"text\":\"Badge\",\"link\":\"/classes/badge\"},{\"text\":\"Breadcrumb\",\"link\":\"/classes/breadcrumb\"},{\"text\":\"Card\",\"link\":\"/classes/card\"},{\"text\":\"Dropdown\",\"link\":\"/classes/dropdown\"},{\"text\":\"Grid\",\"link\":\"/classes/grid\"},{\"text\":\"List\",\"link\":\"/classes/list\"}]},{\"text\":\"Javascript\",\"items\":[{\"text\":\"Autofill\",\"link\":\"/javascript/autofill\"},{\"text\":\"Check all\",\"link\":\"/javascript/check\"},{\"text\":\"Comfort\",\"link\":\"/javascript/comfort\"},{\"text\":\"Consent\",\"link\":\"/javascript/consent\"},{\"text\":\"Cookie\",\"link\":\"/javascript/cookie\"},{\"text\":\"Drawer\",\"link\":\"/javascript/drawer\"},{\"text\":\"Form helper\",\"link\":\"/javascript/form\"},{\"text\":\"Scroll\",\"link\":\"/javascript/scroll\"},{\"text\":\"Slider\",\"link\":\"/javascript/slider\"},{\"text\":\"Sortable\",\"link\":\"/javascript/sortable\"},{\"text\":\"Tabpanel\",\"link\":\"/javascript/tabpanel\"},{\"text\":\"Toggle\",\"link\":\"/javascript/toggle\"},{\"text\":\"Trap\",\"link\":\"/javascript/trap\"},{\"text\":\"Tree\",\"link\":\"/javascript/tree\"}]}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2024-present <a href=\\\"https://natachaherth.ch\\\">Natacha Herth</a>\"},\"socialLinks\":[{\"icon\":{\"svg\":\"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" class=\\\"bi bi-gitlab\\\" viewBox=\\\"0 0 16 16\\\"><path d=\\\"m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z\\\" /></svg>\"},\"link\":\"https://gitlab.com/packages4913705/vanilla-frontend\",\"ariaLabel\":\"Gitlab\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
54
+ <script>window.__VP_HASH_MAP__=JSON.parse("{\"base_layout.md\":\"DJ_v9TUj\",\"base_media.md\":\"Df8yBTDC\",\"base_reset.md\":\"Bc-QFMNd\",\"base_typography.md\":\"CEssDvs_\",\"classes_badge.md\":\"CY4V0aVP\",\"classes_breadcrumb.md\":\"3qDvf8ub\",\"classes_card.md\":\"2FMiLja2\",\"classes_dropdown.md\":\"BY5HVT7n\",\"classes_grid.md\":\"CmCrislB\",\"classes_list.md\":\"C2kG9vQD\",\"components_button.md\":\"CQaa2zUk\",\"components_dialog.md\":\"BuWSpf72\",\"components_disclosure.md\":\"CSb0zwLh\",\"components_form.md\":\"CmOq-Til\",\"components_loading.md\":\"UlVFbdx9\",\"components_popover.md\":\"CvREUZR5\",\"components_progress.md\":\"CSR5o7uh\",\"components_table.md\":\"C4-mJ_h6\",\"index.md\":\"DZRwgCaD\",\"javascript_autofill.md\":\"ChUIaY8E\",\"javascript_check.md\":\"ColaaLYj\",\"javascript_comfort.md\":\"CsflOcMZ\",\"javascript_consent.md\":\"Cg1la-Gc\",\"javascript_cookie.md\":\"D_3Ic9ld\",\"javascript_drawer.md\":\"CWRu0B-m\",\"javascript_form.md\":\"D-qLhbu6\",\"javascript_scroll.md\":\"C44cHQBa\",\"javascript_slider.md\":\"BoBh8ko0\",\"javascript_sortable.md\":\"DherROA3\",\"javascript_tabpanel.md\":\"ZRDCRbR4\",\"javascript_toggle.md\":\"xDX51dR9\",\"javascript_trap.md\":\"CRF-CChT\",\"javascript_tree.md\":\"zuzzDvFQ\",\"prologue_conventions.md\":\"DK88T5YA\",\"prologue_release.md\":\"CDIl9leQ\",\"prologue_upgrade.md\":\"DLld-KVb\",\"start_customization.md\":\"CfQegJps\",\"start_install.md\":\"DaozKWA6\",\"start_mixin.md\":\"iW2qzTo8\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Vanilla Frontend\",\"description\":\"Documentation of my package\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"}],\"sidebar\":[{\"text\":\"Prologue\",\"items\":[{\"text\":\"Release Notes\",\"link\":\"/prologue/release\"},{\"text\":\"Upgrade guide\",\"link\":\"/prologue/upgrade\"},{\"text\":\"Conventions\",\"link\":\"/prologue/conventions\"}]},{\"text\":\"Quick start\",\"items\":[{\"text\":\"Install\",\"link\":\"/start/install\"},{\"text\":\"Customization\",\"link\":\"/start/customization\"},{\"text\":\"SCSS mixin\",\"link\":\"/start/mixin\"}]},{\"text\":\"Base\",\"items\":[{\"text\":\"Reset\",\"link\":\"/base/reset\"},{\"text\":\"Layout\",\"link\":\"/base/layout\"},{\"text\":\"Typography\",\"link\":\"/base/typography\"},{\"text\":\"Media\",\"link\":\"/base/media\"}]},{\"text\":\"Components\",\"items\":[{\"text\":\"Button\",\"link\":\"/components/button\"},{\"text\":\"Dialog\",\"link\":\"/components/dialog\"},{\"text\":\"Disclosure\",\"link\":\"/components/disclosure\"},{\"text\":\"Form\",\"link\":\"/components/form\"},{\"text\":\"Loading\",\"link\":\"/components/loading\"},{\"text\":\"Popover\",\"link\":\"/components/popover\"},{\"text\":\"Progress\",\"link\":\"/components/progress\"},{\"text\":\"Table\",\"link\":\"/components/table\"}]},{\"text\":\"Class components\",\"items\":[{\"text\":\"Badge\",\"link\":\"/classes/badge\"},{\"text\":\"Breadcrumb\",\"link\":\"/classes/breadcrumb\"},{\"text\":\"Card\",\"link\":\"/classes/card\"},{\"text\":\"Dropdown\",\"link\":\"/classes/dropdown\"},{\"text\":\"Grid\",\"link\":\"/classes/grid\"},{\"text\":\"List\",\"link\":\"/classes/list\"}]},{\"text\":\"Javascript\",\"items\":[{\"text\":\"Autofill\",\"link\":\"/javascript/autofill\"},{\"text\":\"Check all\",\"link\":\"/javascript/check\"},{\"text\":\"Comfort\",\"link\":\"/javascript/comfort\"},{\"text\":\"Consent\",\"link\":\"/javascript/consent\"},{\"text\":\"Cookie\",\"link\":\"/javascript/cookie\"},{\"text\":\"Drawer\",\"link\":\"/javascript/drawer\"},{\"text\":\"Form helper\",\"link\":\"/javascript/form\"},{\"text\":\"Scroll\",\"link\":\"/javascript/scroll\"},{\"text\":\"Slider\",\"link\":\"/javascript/slider\"},{\"text\":\"Sortable\",\"link\":\"/javascript/sortable\"},{\"text\":\"Tabpanel\",\"link\":\"/javascript/tabpanel\"},{\"text\":\"Toggle\",\"link\":\"/javascript/toggle\"},{\"text\":\"Trap\",\"link\":\"/javascript/trap\"},{\"text\":\"Tree\",\"link\":\"/javascript/tree\"}]}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2024-present <a href=\\\"https://natachaherth.ch\\\">Natacha Herth</a>\"},\"socialLinks\":[{\"icon\":{\"svg\":\"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" class=\\\"bi bi-gitlab\\\" viewBox=\\\"0 0 16 16\\\"><path d=\\\"m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z\\\" /></svg>\"},\"link\":\"https://gitlab.com/packages4913705/vanilla-frontend\",\"ariaLabel\":\"Gitlab\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
55
55
 
56
56
  </body>
57
57
  </html>
@@ -9,12 +9,12 @@
9
9
  <link rel="preload stylesheet" href="/assets/style.Dl6gCPEE.css" as="style">
10
10
  <link rel="preload stylesheet" href="/vp-icons.css" as="style">
11
11
 
12
- <script type="module" src="/assets/app.zYBRMlen.js"></script>
12
+ <script type="module" src="/assets/app.D7UuA2Jo.js"></script>
13
13
  <link rel="preload" href="/assets/inter-roman-latin.Cy4MYw_J.woff2" as="font" type="font/woff2" crossorigin="">
14
- <link rel="modulepreload" href="/assets/chunks/theme.D1Tljxds.js">
15
- <link rel="modulepreload" href="/assets/chunks/framework.26dFs73Q.js">
16
- <link rel="modulepreload" href="/assets/chunks/ComponentPreview.Cw4G3qNN.js">
17
- <link rel="modulepreload" href="/assets/components_table.md.BPrpvUDy.lean.js">
14
+ <link rel="modulepreload" href="/assets/chunks/theme.ChtTtdwO.js">
15
+ <link rel="modulepreload" href="/assets/chunks/framework.CzIb_Ns1.js">
16
+ <link rel="modulepreload" href="/assets/chunks/ComponentPreview.CkvDvzXt.js">
17
+ <link rel="modulepreload" href="/assets/components_table.md.C4-mJ_h6.lean.js">
18
18
  <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
19
19
  <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
20
20
  </head>
@@ -146,7 +146,7 @@
146
146
  <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> @include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> as-responsive-table</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">()</span></span>
147
147
  <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> }</span></span>
148
148
  <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><div class="language-css"><button title="Copy Code" class="copy"></button><span class="lang">css</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">--table-grid-template</span></span></code></pre></div></div></div></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/components/progress.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>Progress</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/classes/badge.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>Badge</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-0cf61682 data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>Released under the MIT License.</p><p class="copyright" data-v-c3855bb3>Copyright © 2024-present <a href="https://natachaherth.ch">Natacha Herth</a></p></div></footer><!--[--><!--]--></div></div>
149
- <script>window.__VP_HASH_MAP__=JSON.parse("{\"base_layout.md\":\"DPVON1Hq\",\"base_media.md\":\"DHSlU0g6\",\"base_reset.md\":\"DD9AA1li\",\"base_typography.md\":\"C9BVN1Re\",\"classes_badge.md\":\"EznZXXqT\",\"classes_breadcrumb.md\":\"DrzF9h9m\",\"classes_card.md\":\"BzNZEHe9\",\"classes_dropdown.md\":\"CKZ2tv7T\",\"classes_grid.md\":\"CKCvlWAg\",\"classes_list.md\":\"CjyB8PFK\",\"components_button.md\":\"CX41PJBd\",\"components_dialog.md\":\"JMjidrIE\",\"components_disclosure.md\":\"BwvLkFL_\",\"components_form.md\":\"C6B5z_6G\",\"components_loading.md\":\"51ktm2_l\",\"components_popover.md\":\"DpbAjVUj\",\"components_progress.md\":\"H7v6t9h-\",\"components_table.md\":\"BPrpvUDy\",\"index.md\":\"DNiLOsZD\",\"javascript_autofill.md\":\"HyVx8c7W\",\"javascript_check.md\":\"BCbZtUBE\",\"javascript_comfort.md\":\"CQm191VA\",\"javascript_consent.md\":\"CbDzabMd\",\"javascript_cookie.md\":\"CFVe2JRe\",\"javascript_drawer.md\":\"D_pT0mrZ\",\"javascript_form.md\":\"sGYh1L4I\",\"javascript_scroll.md\":\"DeOZ4grw\",\"javascript_slider.md\":\"CIa7pHr9\",\"javascript_sortable.md\":\"CThHVTgW\",\"javascript_tabpanel.md\":\"CxAFdAGU\",\"javascript_toggle.md\":\"C66hpUWF\",\"javascript_trap.md\":\"Dt2Rt__e\",\"javascript_tree.md\":\"COR-Pj1y\",\"prologue_conventions.md\":\"wCplqeKt\",\"prologue_release.md\":\"CBJGKY_Y\",\"prologue_upgrade.md\":\"E_0GNNE2\",\"start_customization.md\":\"C4fmzVYD\",\"start_install.md\":\"vqLh01mm\",\"start_mixin.md\":\"B5VMlbiN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Vanilla Frontend\",\"description\":\"Documentation of my package\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"}],\"sidebar\":[{\"text\":\"Prologue\",\"items\":[{\"text\":\"Release Notes\",\"link\":\"/prologue/release\"},{\"text\":\"Upgrade guide\",\"link\":\"/prologue/upgrade\"},{\"text\":\"Conventions\",\"link\":\"/prologue/conventions\"}]},{\"text\":\"Quick start\",\"items\":[{\"text\":\"Install\",\"link\":\"/start/install\"},{\"text\":\"Customization\",\"link\":\"/start/customization\"},{\"text\":\"SCSS mixin\",\"link\":\"/start/mixin\"}]},{\"text\":\"Base\",\"items\":[{\"text\":\"Reset\",\"link\":\"/base/reset\"},{\"text\":\"Layout\",\"link\":\"/base/layout\"},{\"text\":\"Typography\",\"link\":\"/base/typography\"},{\"text\":\"Media\",\"link\":\"/base/media\"}]},{\"text\":\"Components\",\"items\":[{\"text\":\"Button\",\"link\":\"/components/button\"},{\"text\":\"Dialog\",\"link\":\"/components/dialog\"},{\"text\":\"Disclosure\",\"link\":\"/components/disclosure\"},{\"text\":\"Form\",\"link\":\"/components/form\"},{\"text\":\"Loading\",\"link\":\"/components/loading\"},{\"text\":\"Popover\",\"link\":\"/components/popover\"},{\"text\":\"Progress\",\"link\":\"/components/progress\"},{\"text\":\"Table\",\"link\":\"/components/table\"}]},{\"text\":\"Class components\",\"items\":[{\"text\":\"Badge\",\"link\":\"/classes/badge\"},{\"text\":\"Breadcrumb\",\"link\":\"/classes/breadcrumb\"},{\"text\":\"Card\",\"link\":\"/classes/card\"},{\"text\":\"Dropdown\",\"link\":\"/classes/dropdown\"},{\"text\":\"Grid\",\"link\":\"/classes/grid\"},{\"text\":\"List\",\"link\":\"/classes/list\"}]},{\"text\":\"Javascript\",\"items\":[{\"text\":\"Autofill\",\"link\":\"/javascript/autofill\"},{\"text\":\"Check all\",\"link\":\"/javascript/check\"},{\"text\":\"Comfort\",\"link\":\"/javascript/comfort\"},{\"text\":\"Consent\",\"link\":\"/javascript/consent\"},{\"text\":\"Cookie\",\"link\":\"/javascript/cookie\"},{\"text\":\"Drawer\",\"link\":\"/javascript/drawer\"},{\"text\":\"Form helper\",\"link\":\"/javascript/form\"},{\"text\":\"Scroll\",\"link\":\"/javascript/scroll\"},{\"text\":\"Slider\",\"link\":\"/javascript/slider\"},{\"text\":\"Sortable\",\"link\":\"/javascript/sortable\"},{\"text\":\"Tabpanel\",\"link\":\"/javascript/tabpanel\"},{\"text\":\"Toggle\",\"link\":\"/javascript/toggle\"},{\"text\":\"Trap\",\"link\":\"/javascript/trap\"},{\"text\":\"Tree\",\"link\":\"/javascript/tree\"}]}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2024-present <a href=\\\"https://natachaherth.ch\\\">Natacha Herth</a>\"},\"socialLinks\":[{\"icon\":{\"svg\":\"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" class=\\\"bi bi-gitlab\\\" viewBox=\\\"0 0 16 16\\\"><path d=\\\"m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z\\\" /></svg>\"},\"link\":\"https://gitlab.com/packages4913705/vanilla-frontend\",\"ariaLabel\":\"Gitlab\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
149
+ <script>window.__VP_HASH_MAP__=JSON.parse("{\"base_layout.md\":\"DJ_v9TUj\",\"base_media.md\":\"Df8yBTDC\",\"base_reset.md\":\"Bc-QFMNd\",\"base_typography.md\":\"CEssDvs_\",\"classes_badge.md\":\"CY4V0aVP\",\"classes_breadcrumb.md\":\"3qDvf8ub\",\"classes_card.md\":\"2FMiLja2\",\"classes_dropdown.md\":\"BY5HVT7n\",\"classes_grid.md\":\"CmCrislB\",\"classes_list.md\":\"C2kG9vQD\",\"components_button.md\":\"CQaa2zUk\",\"components_dialog.md\":\"BuWSpf72\",\"components_disclosure.md\":\"CSb0zwLh\",\"components_form.md\":\"CmOq-Til\",\"components_loading.md\":\"UlVFbdx9\",\"components_popover.md\":\"CvREUZR5\",\"components_progress.md\":\"CSR5o7uh\",\"components_table.md\":\"C4-mJ_h6\",\"index.md\":\"DZRwgCaD\",\"javascript_autofill.md\":\"ChUIaY8E\",\"javascript_check.md\":\"ColaaLYj\",\"javascript_comfort.md\":\"CsflOcMZ\",\"javascript_consent.md\":\"Cg1la-Gc\",\"javascript_cookie.md\":\"D_3Ic9ld\",\"javascript_drawer.md\":\"CWRu0B-m\",\"javascript_form.md\":\"D-qLhbu6\",\"javascript_scroll.md\":\"C44cHQBa\",\"javascript_slider.md\":\"BoBh8ko0\",\"javascript_sortable.md\":\"DherROA3\",\"javascript_tabpanel.md\":\"ZRDCRbR4\",\"javascript_toggle.md\":\"xDX51dR9\",\"javascript_trap.md\":\"CRF-CChT\",\"javascript_tree.md\":\"zuzzDvFQ\",\"prologue_conventions.md\":\"DK88T5YA\",\"prologue_release.md\":\"CDIl9leQ\",\"prologue_upgrade.md\":\"DLld-KVb\",\"start_customization.md\":\"CfQegJps\",\"start_install.md\":\"DaozKWA6\",\"start_mixin.md\":\"iW2qzTo8\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Vanilla Frontend\",\"description\":\"Documentation of my package\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"}],\"sidebar\":[{\"text\":\"Prologue\",\"items\":[{\"text\":\"Release Notes\",\"link\":\"/prologue/release\"},{\"text\":\"Upgrade guide\",\"link\":\"/prologue/upgrade\"},{\"text\":\"Conventions\",\"link\":\"/prologue/conventions\"}]},{\"text\":\"Quick start\",\"items\":[{\"text\":\"Install\",\"link\":\"/start/install\"},{\"text\":\"Customization\",\"link\":\"/start/customization\"},{\"text\":\"SCSS mixin\",\"link\":\"/start/mixin\"}]},{\"text\":\"Base\",\"items\":[{\"text\":\"Reset\",\"link\":\"/base/reset\"},{\"text\":\"Layout\",\"link\":\"/base/layout\"},{\"text\":\"Typography\",\"link\":\"/base/typography\"},{\"text\":\"Media\",\"link\":\"/base/media\"}]},{\"text\":\"Components\",\"items\":[{\"text\":\"Button\",\"link\":\"/components/button\"},{\"text\":\"Dialog\",\"link\":\"/components/dialog\"},{\"text\":\"Disclosure\",\"link\":\"/components/disclosure\"},{\"text\":\"Form\",\"link\":\"/components/form\"},{\"text\":\"Loading\",\"link\":\"/components/loading\"},{\"text\":\"Popover\",\"link\":\"/components/popover\"},{\"text\":\"Progress\",\"link\":\"/components/progress\"},{\"text\":\"Table\",\"link\":\"/components/table\"}]},{\"text\":\"Class components\",\"items\":[{\"text\":\"Badge\",\"link\":\"/classes/badge\"},{\"text\":\"Breadcrumb\",\"link\":\"/classes/breadcrumb\"},{\"text\":\"Card\",\"link\":\"/classes/card\"},{\"text\":\"Dropdown\",\"link\":\"/classes/dropdown\"},{\"text\":\"Grid\",\"link\":\"/classes/grid\"},{\"text\":\"List\",\"link\":\"/classes/list\"}]},{\"text\":\"Javascript\",\"items\":[{\"text\":\"Autofill\",\"link\":\"/javascript/autofill\"},{\"text\":\"Check all\",\"link\":\"/javascript/check\"},{\"text\":\"Comfort\",\"link\":\"/javascript/comfort\"},{\"text\":\"Consent\",\"link\":\"/javascript/consent\"},{\"text\":\"Cookie\",\"link\":\"/javascript/cookie\"},{\"text\":\"Drawer\",\"link\":\"/javascript/drawer\"},{\"text\":\"Form helper\",\"link\":\"/javascript/form\"},{\"text\":\"Scroll\",\"link\":\"/javascript/scroll\"},{\"text\":\"Slider\",\"link\":\"/javascript/slider\"},{\"text\":\"Sortable\",\"link\":\"/javascript/sortable\"},{\"text\":\"Tabpanel\",\"link\":\"/javascript/tabpanel\"},{\"text\":\"Toggle\",\"link\":\"/javascript/toggle\"},{\"text\":\"Trap\",\"link\":\"/javascript/trap\"},{\"text\":\"Tree\",\"link\":\"/javascript/tree\"}]}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2024-present <a href=\\\"https://natachaherth.ch\\\">Natacha Herth</a>\"},\"socialLinks\":[{\"icon\":{\"svg\":\"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" class=\\\"bi bi-gitlab\\\" viewBox=\\\"0 0 16 16\\\"><path d=\\\"m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z\\\" /></svg>\"},\"link\":\"https://gitlab.com/packages4913705/vanilla-frontend\",\"ariaLabel\":\"Gitlab\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
150
150
 
151
151
  </body>
152
152
  </html>
@@ -1 +1 @@
1
- {"base_layout.md":"DPVON1Hq","base_media.md":"DHSlU0g6","base_reset.md":"DD9AA1li","base_typography.md":"C9BVN1Re","classes_badge.md":"EznZXXqT","classes_breadcrumb.md":"DrzF9h9m","classes_card.md":"BzNZEHe9","classes_dropdown.md":"CKZ2tv7T","classes_grid.md":"CKCvlWAg","classes_list.md":"CjyB8PFK","components_button.md":"CX41PJBd","components_dialog.md":"JMjidrIE","components_disclosure.md":"BwvLkFL_","components_form.md":"C6B5z_6G","components_loading.md":"51ktm2_l","components_popover.md":"DpbAjVUj","components_progress.md":"H7v6t9h-","components_table.md":"BPrpvUDy","index.md":"DNiLOsZD","javascript_autofill.md":"HyVx8c7W","javascript_check.md":"BCbZtUBE","javascript_comfort.md":"CQm191VA","javascript_consent.md":"CbDzabMd","javascript_cookie.md":"CFVe2JRe","javascript_drawer.md":"D_pT0mrZ","javascript_form.md":"sGYh1L4I","javascript_scroll.md":"DeOZ4grw","javascript_slider.md":"CIa7pHr9","javascript_sortable.md":"CThHVTgW","javascript_tabpanel.md":"CxAFdAGU","javascript_toggle.md":"C66hpUWF","javascript_trap.md":"Dt2Rt__e","javascript_tree.md":"COR-Pj1y","prologue_conventions.md":"wCplqeKt","prologue_release.md":"CBJGKY_Y","prologue_upgrade.md":"E_0GNNE2","start_customization.md":"C4fmzVYD","start_install.md":"vqLh01mm","start_mixin.md":"B5VMlbiN"}
1
+ {"base_layout.md":"DJ_v9TUj","base_media.md":"Df8yBTDC","base_reset.md":"Bc-QFMNd","base_typography.md":"CEssDvs_","classes_badge.md":"CY4V0aVP","classes_breadcrumb.md":"3qDvf8ub","classes_card.md":"2FMiLja2","classes_dropdown.md":"BY5HVT7n","classes_grid.md":"CmCrislB","classes_list.md":"C2kG9vQD","components_button.md":"CQaa2zUk","components_dialog.md":"BuWSpf72","components_disclosure.md":"CSb0zwLh","components_form.md":"CmOq-Til","components_loading.md":"UlVFbdx9","components_popover.md":"CvREUZR5","components_progress.md":"CSR5o7uh","components_table.md":"C4-mJ_h6","index.md":"DZRwgCaD","javascript_autofill.md":"ChUIaY8E","javascript_check.md":"ColaaLYj","javascript_comfort.md":"CsflOcMZ","javascript_consent.md":"Cg1la-Gc","javascript_cookie.md":"D_3Ic9ld","javascript_drawer.md":"CWRu0B-m","javascript_form.md":"D-qLhbu6","javascript_scroll.md":"C44cHQBa","javascript_slider.md":"BoBh8ko0","javascript_sortable.md":"DherROA3","javascript_tabpanel.md":"ZRDCRbR4","javascript_toggle.md":"xDX51dR9","javascript_trap.md":"CRF-CChT","javascript_tree.md":"zuzzDvFQ","prologue_conventions.md":"DK88T5YA","prologue_release.md":"CDIl9leQ","prologue_upgrade.md":"DLld-KVb","start_customization.md":"CfQegJps","start_install.md":"DaozKWA6","start_mixin.md":"iW2qzTo8"}
package/public/index.html CHANGED
@@ -9,17 +9,17 @@
9
9
  <link rel="preload stylesheet" href="/assets/style.Dl6gCPEE.css" as="style">
10
10
  <link rel="preload stylesheet" href="/vp-icons.css" as="style">
11
11
 
12
- <script type="module" src="/assets/app.zYBRMlen.js"></script>
12
+ <script type="module" src="/assets/app.D7UuA2Jo.js"></script>
13
13
  <link rel="preload" href="/assets/inter-roman-latin.Cy4MYw_J.woff2" as="font" type="font/woff2" crossorigin="">
14
- <link rel="modulepreload" href="/assets/chunks/theme.D1Tljxds.js">
15
- <link rel="modulepreload" href="/assets/chunks/framework.26dFs73Q.js">
16
- <link rel="modulepreload" href="/assets/index.md.DNiLOsZD.lean.js">
14
+ <link rel="modulepreload" href="/assets/chunks/theme.ChtTtdwO.js">
15
+ <link rel="modulepreload" href="/assets/chunks/framework.CzIb_Ns1.js">
16
+ <link rel="modulepreload" href="/assets/index.md.DZRwgCaD.lean.js">
17
17
  <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
18
18
  <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
19
19
  </head>
20
20
  <body>
21
21
  <div id="app"><div class="Layout" data-v-0cf61682><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-0cf61682 data-v-9f75dce3><div class="VPNavBar home top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Vanilla Frontend</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/" tabindex="0" data-v-39714824 data-v-6dd25bb8><!--[--><span data-v-6dd25bb8>Home</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://gitlab.com/packages4913705/vanilla-frontend" aria-label="Gitlab" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gitlab" viewBox="0 0 16 16"><path d="m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z" /></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-562c832a data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-562c832a><div class="item appearance" data-v-562c832a><p class="label" data-v-562c832a>Appearance</p><div class="appearance-action" data-v-562c832a><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-562c832a data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-562c832a><div class="item social-links" data-v-562c832a><div class="VPSocialLinks social-links-list" data-v-562c832a data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://gitlab.com/packages4913705/vanilla-frontend" aria-label="Gitlab" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gitlab" viewBox="0 0 16 16"><path d="m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z" /></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-0cf61682 data-v-9dc86fcc><div class="VPHome" data-v-9dc86fcc data-v-bb6342a6><!--[--><!--]--><div class="VPHero VPHomeHero" data-v-bb6342a6 data-v-e62e4946><div class="container" data-v-e62e4946><div class="main" data-v-e62e4946><!--[--><!--]--><!--[--><h1 class="heading" data-v-e62e4946><span class="name clip" data-v-e62e4946>Vanilla Frontend</span><span class="text" data-v-e62e4946>A simple framework</span></h1><p class="tagline" data-v-e62e4946>For wild HTML, CSS and JS purists lover</p><!--]--><!--[--><!--]--><div class="actions" data-v-e62e4946><!--[--><!--]--><!--[--><div class="action" data-v-e62e4946><a class="VPButton medium brand" href="/start/install.html" data-v-e62e4946 data-v-01bff58b><!--[-->Let&#39;s start !<!--]--></a></div><div class="action" data-v-e62e4946><a class="VPButton medium alt" href="/prologue/upgrade.html" data-v-e62e4946 data-v-01bff58b><!--[-->Upgrade Guide<!--]--></a></div><!--]--></div><!--[--><!--]--></div><!----></div></div><!--[--><!--]--><!--[--><!--]--><div class="VPFeatures VPHomeFeatures" data-v-bb6342a6 data-v-a6181336><div class="container" data-v-a6181336><div class="items" data-v-a6181336><!--[--><div class="grid-4 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-e5511d04><!--[--><article class="box" data-v-e5511d04><!----><h2 class="title" data-v-e5511d04>Class-light and Semantic</h2><p class="details" data-v-e5511d04>Thriving on simplicity, directly styles your HTML tags, using fewer .classes as possible.</p><!----></article><!--]--></div></div><div class="grid-4 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-e5511d04><!--[--><article class="box" data-v-e5511d04><!----><h2 class="title" data-v-e5511d04>Accessibility</h2><p class="details" data-v-e5511d04>Use pur HTML and make your frontend more accessible for everyone.</p><!----></article><!--]--></div></div><div class="grid-4 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-e5511d04><!--[--><article class="box" data-v-e5511d04><!----><h2 class="title" data-v-e5511d04>Easy Customization</h2><p class="details" data-v-e5511d04>Customize the frontend with over CSS custom properties, or dive deeper by using SCSS.</p><!----></article><!--]--></div></div><div class="grid-4 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-e5511d04><!--[--><article class="box" data-v-e5511d04><!----><h2 class="title" data-v-e5511d04>Vanilla JS</h2><p class="details" data-v-e5511d04>Libraries of tiny vanilla JS interaction to make your website more interactive.</p><!----></article><!--]--></div></div><!--]--></div></div></div><!--[--><!--]--><div class="vp-doc container" style="" data-v-bb6342a6 data-v-8e2d4988><!--[--><div style="position:relative;" data-v-bb6342a6><div></div></div><!--]--></div></div></div><footer class="VPFooter" data-v-0cf61682 data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>Released under the MIT License.</p><p class="copyright" data-v-c3855bb3>Copyright © 2024-present <a href="https://natachaherth.ch">Natacha Herth</a></p></div></footer><!--[--><!--]--></div></div>
22
- <script>window.__VP_HASH_MAP__=JSON.parse("{\"base_layout.md\":\"DPVON1Hq\",\"base_media.md\":\"DHSlU0g6\",\"base_reset.md\":\"DD9AA1li\",\"base_typography.md\":\"C9BVN1Re\",\"classes_badge.md\":\"EznZXXqT\",\"classes_breadcrumb.md\":\"DrzF9h9m\",\"classes_card.md\":\"BzNZEHe9\",\"classes_dropdown.md\":\"CKZ2tv7T\",\"classes_grid.md\":\"CKCvlWAg\",\"classes_list.md\":\"CjyB8PFK\",\"components_button.md\":\"CX41PJBd\",\"components_dialog.md\":\"JMjidrIE\",\"components_disclosure.md\":\"BwvLkFL_\",\"components_form.md\":\"C6B5z_6G\",\"components_loading.md\":\"51ktm2_l\",\"components_popover.md\":\"DpbAjVUj\",\"components_progress.md\":\"H7v6t9h-\",\"components_table.md\":\"BPrpvUDy\",\"index.md\":\"DNiLOsZD\",\"javascript_autofill.md\":\"HyVx8c7W\",\"javascript_check.md\":\"BCbZtUBE\",\"javascript_comfort.md\":\"CQm191VA\",\"javascript_consent.md\":\"CbDzabMd\",\"javascript_cookie.md\":\"CFVe2JRe\",\"javascript_drawer.md\":\"D_pT0mrZ\",\"javascript_form.md\":\"sGYh1L4I\",\"javascript_scroll.md\":\"DeOZ4grw\",\"javascript_slider.md\":\"CIa7pHr9\",\"javascript_sortable.md\":\"CThHVTgW\",\"javascript_tabpanel.md\":\"CxAFdAGU\",\"javascript_toggle.md\":\"C66hpUWF\",\"javascript_trap.md\":\"Dt2Rt__e\",\"javascript_tree.md\":\"COR-Pj1y\",\"prologue_conventions.md\":\"wCplqeKt\",\"prologue_release.md\":\"CBJGKY_Y\",\"prologue_upgrade.md\":\"E_0GNNE2\",\"start_customization.md\":\"C4fmzVYD\",\"start_install.md\":\"vqLh01mm\",\"start_mixin.md\":\"B5VMlbiN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Vanilla Frontend\",\"description\":\"Documentation of my package\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"}],\"sidebar\":[{\"text\":\"Prologue\",\"items\":[{\"text\":\"Release Notes\",\"link\":\"/prologue/release\"},{\"text\":\"Upgrade guide\",\"link\":\"/prologue/upgrade\"},{\"text\":\"Conventions\",\"link\":\"/prologue/conventions\"}]},{\"text\":\"Quick start\",\"items\":[{\"text\":\"Install\",\"link\":\"/start/install\"},{\"text\":\"Customization\",\"link\":\"/start/customization\"},{\"text\":\"SCSS mixin\",\"link\":\"/start/mixin\"}]},{\"text\":\"Base\",\"items\":[{\"text\":\"Reset\",\"link\":\"/base/reset\"},{\"text\":\"Layout\",\"link\":\"/base/layout\"},{\"text\":\"Typography\",\"link\":\"/base/typography\"},{\"text\":\"Media\",\"link\":\"/base/media\"}]},{\"text\":\"Components\",\"items\":[{\"text\":\"Button\",\"link\":\"/components/button\"},{\"text\":\"Dialog\",\"link\":\"/components/dialog\"},{\"text\":\"Disclosure\",\"link\":\"/components/disclosure\"},{\"text\":\"Form\",\"link\":\"/components/form\"},{\"text\":\"Loading\",\"link\":\"/components/loading\"},{\"text\":\"Popover\",\"link\":\"/components/popover\"},{\"text\":\"Progress\",\"link\":\"/components/progress\"},{\"text\":\"Table\",\"link\":\"/components/table\"}]},{\"text\":\"Class components\",\"items\":[{\"text\":\"Badge\",\"link\":\"/classes/badge\"},{\"text\":\"Breadcrumb\",\"link\":\"/classes/breadcrumb\"},{\"text\":\"Card\",\"link\":\"/classes/card\"},{\"text\":\"Dropdown\",\"link\":\"/classes/dropdown\"},{\"text\":\"Grid\",\"link\":\"/classes/grid\"},{\"text\":\"List\",\"link\":\"/classes/list\"}]},{\"text\":\"Javascript\",\"items\":[{\"text\":\"Autofill\",\"link\":\"/javascript/autofill\"},{\"text\":\"Check all\",\"link\":\"/javascript/check\"},{\"text\":\"Comfort\",\"link\":\"/javascript/comfort\"},{\"text\":\"Consent\",\"link\":\"/javascript/consent\"},{\"text\":\"Cookie\",\"link\":\"/javascript/cookie\"},{\"text\":\"Drawer\",\"link\":\"/javascript/drawer\"},{\"text\":\"Form helper\",\"link\":\"/javascript/form\"},{\"text\":\"Scroll\",\"link\":\"/javascript/scroll\"},{\"text\":\"Slider\",\"link\":\"/javascript/slider\"},{\"text\":\"Sortable\",\"link\":\"/javascript/sortable\"},{\"text\":\"Tabpanel\",\"link\":\"/javascript/tabpanel\"},{\"text\":\"Toggle\",\"link\":\"/javascript/toggle\"},{\"text\":\"Trap\",\"link\":\"/javascript/trap\"},{\"text\":\"Tree\",\"link\":\"/javascript/tree\"}]}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2024-present <a href=\\\"https://natachaherth.ch\\\">Natacha Herth</a>\"},\"socialLinks\":[{\"icon\":{\"svg\":\"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" class=\\\"bi bi-gitlab\\\" viewBox=\\\"0 0 16 16\\\"><path d=\\\"m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z\\\" /></svg>\"},\"link\":\"https://gitlab.com/packages4913705/vanilla-frontend\",\"ariaLabel\":\"Gitlab\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
22
+ <script>window.__VP_HASH_MAP__=JSON.parse("{\"base_layout.md\":\"DJ_v9TUj\",\"base_media.md\":\"Df8yBTDC\",\"base_reset.md\":\"Bc-QFMNd\",\"base_typography.md\":\"CEssDvs_\",\"classes_badge.md\":\"CY4V0aVP\",\"classes_breadcrumb.md\":\"3qDvf8ub\",\"classes_card.md\":\"2FMiLja2\",\"classes_dropdown.md\":\"BY5HVT7n\",\"classes_grid.md\":\"CmCrislB\",\"classes_list.md\":\"C2kG9vQD\",\"components_button.md\":\"CQaa2zUk\",\"components_dialog.md\":\"BuWSpf72\",\"components_disclosure.md\":\"CSb0zwLh\",\"components_form.md\":\"CmOq-Til\",\"components_loading.md\":\"UlVFbdx9\",\"components_popover.md\":\"CvREUZR5\",\"components_progress.md\":\"CSR5o7uh\",\"components_table.md\":\"C4-mJ_h6\",\"index.md\":\"DZRwgCaD\",\"javascript_autofill.md\":\"ChUIaY8E\",\"javascript_check.md\":\"ColaaLYj\",\"javascript_comfort.md\":\"CsflOcMZ\",\"javascript_consent.md\":\"Cg1la-Gc\",\"javascript_cookie.md\":\"D_3Ic9ld\",\"javascript_drawer.md\":\"CWRu0B-m\",\"javascript_form.md\":\"D-qLhbu6\",\"javascript_scroll.md\":\"C44cHQBa\",\"javascript_slider.md\":\"BoBh8ko0\",\"javascript_sortable.md\":\"DherROA3\",\"javascript_tabpanel.md\":\"ZRDCRbR4\",\"javascript_toggle.md\":\"xDX51dR9\",\"javascript_trap.md\":\"CRF-CChT\",\"javascript_tree.md\":\"zuzzDvFQ\",\"prologue_conventions.md\":\"DK88T5YA\",\"prologue_release.md\":\"CDIl9leQ\",\"prologue_upgrade.md\":\"DLld-KVb\",\"start_customization.md\":\"CfQegJps\",\"start_install.md\":\"DaozKWA6\",\"start_mixin.md\":\"iW2qzTo8\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Vanilla Frontend\",\"description\":\"Documentation of my package\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"}],\"sidebar\":[{\"text\":\"Prologue\",\"items\":[{\"text\":\"Release Notes\",\"link\":\"/prologue/release\"},{\"text\":\"Upgrade guide\",\"link\":\"/prologue/upgrade\"},{\"text\":\"Conventions\",\"link\":\"/prologue/conventions\"}]},{\"text\":\"Quick start\",\"items\":[{\"text\":\"Install\",\"link\":\"/start/install\"},{\"text\":\"Customization\",\"link\":\"/start/customization\"},{\"text\":\"SCSS mixin\",\"link\":\"/start/mixin\"}]},{\"text\":\"Base\",\"items\":[{\"text\":\"Reset\",\"link\":\"/base/reset\"},{\"text\":\"Layout\",\"link\":\"/base/layout\"},{\"text\":\"Typography\",\"link\":\"/base/typography\"},{\"text\":\"Media\",\"link\":\"/base/media\"}]},{\"text\":\"Components\",\"items\":[{\"text\":\"Button\",\"link\":\"/components/button\"},{\"text\":\"Dialog\",\"link\":\"/components/dialog\"},{\"text\":\"Disclosure\",\"link\":\"/components/disclosure\"},{\"text\":\"Form\",\"link\":\"/components/form\"},{\"text\":\"Loading\",\"link\":\"/components/loading\"},{\"text\":\"Popover\",\"link\":\"/components/popover\"},{\"text\":\"Progress\",\"link\":\"/components/progress\"},{\"text\":\"Table\",\"link\":\"/components/table\"}]},{\"text\":\"Class components\",\"items\":[{\"text\":\"Badge\",\"link\":\"/classes/badge\"},{\"text\":\"Breadcrumb\",\"link\":\"/classes/breadcrumb\"},{\"text\":\"Card\",\"link\":\"/classes/card\"},{\"text\":\"Dropdown\",\"link\":\"/classes/dropdown\"},{\"text\":\"Grid\",\"link\":\"/classes/grid\"},{\"text\":\"List\",\"link\":\"/classes/list\"}]},{\"text\":\"Javascript\",\"items\":[{\"text\":\"Autofill\",\"link\":\"/javascript/autofill\"},{\"text\":\"Check all\",\"link\":\"/javascript/check\"},{\"text\":\"Comfort\",\"link\":\"/javascript/comfort\"},{\"text\":\"Consent\",\"link\":\"/javascript/consent\"},{\"text\":\"Cookie\",\"link\":\"/javascript/cookie\"},{\"text\":\"Drawer\",\"link\":\"/javascript/drawer\"},{\"text\":\"Form helper\",\"link\":\"/javascript/form\"},{\"text\":\"Scroll\",\"link\":\"/javascript/scroll\"},{\"text\":\"Slider\",\"link\":\"/javascript/slider\"},{\"text\":\"Sortable\",\"link\":\"/javascript/sortable\"},{\"text\":\"Tabpanel\",\"link\":\"/javascript/tabpanel\"},{\"text\":\"Toggle\",\"link\":\"/javascript/toggle\"},{\"text\":\"Trap\",\"link\":\"/javascript/trap\"},{\"text\":\"Tree\",\"link\":\"/javascript/tree\"}]}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2024-present <a href=\\\"https://natachaherth.ch\\\">Natacha Herth</a>\"},\"socialLinks\":[{\"icon\":{\"svg\":\"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" class=\\\"bi bi-gitlab\\\" viewBox=\\\"0 0 16 16\\\"><path d=\\\"m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z\\\" /></svg>\"},\"link\":\"https://gitlab.com/packages4913705/vanilla-frontend\",\"ariaLabel\":\"Gitlab\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
23
23
 
24
24
  </body>
25
25
  </html>
@@ -9,12 +9,12 @@
9
9
  <link rel="preload stylesheet" href="/assets/style.Dl6gCPEE.css" as="style">
10
10
  <link rel="preload stylesheet" href="/vp-icons.css" as="style">
11
11
 
12
- <script type="module" src="/assets/app.zYBRMlen.js"></script>
12
+ <script type="module" src="/assets/app.D7UuA2Jo.js"></script>
13
13
  <link rel="preload" href="/assets/inter-roman-latin.Cy4MYw_J.woff2" as="font" type="font/woff2" crossorigin="">
14
- <link rel="modulepreload" href="/assets/chunks/theme.D1Tljxds.js">
15
- <link rel="modulepreload" href="/assets/chunks/framework.26dFs73Q.js">
16
- <link rel="modulepreload" href="/assets/chunks/ComponentPreview.Cw4G3qNN.js">
17
- <link rel="modulepreload" href="/assets/javascript_autofill.md.HyVx8c7W.lean.js">
14
+ <link rel="modulepreload" href="/assets/chunks/theme.ChtTtdwO.js">
15
+ <link rel="modulepreload" href="/assets/chunks/framework.CzIb_Ns1.js">
16
+ <link rel="modulepreload" href="/assets/chunks/ComponentPreview.CkvDvzXt.js">
17
+ <link rel="modulepreload" href="/assets/javascript_autofill.md.ChUIaY8E.lean.js">
18
18
  <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
19
19
  <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
20
20
  </head>
@@ -146,7 +146,7 @@
146
146
  <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> theCurrentItem</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> e.detail.current</span></span>
147
147
  <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ...</span></span>
148
148
  <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">})</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/classes/list.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>List</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/javascript/check.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>Check all</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-0cf61682 data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>Released under the MIT License.</p><p class="copyright" data-v-c3855bb3>Copyright © 2024-present <a href="https://natachaherth.ch">Natacha Herth</a></p></div></footer><!--[--><!--]--></div></div>
149
- <script>window.__VP_HASH_MAP__=JSON.parse("{\"base_layout.md\":\"DPVON1Hq\",\"base_media.md\":\"DHSlU0g6\",\"base_reset.md\":\"DD9AA1li\",\"base_typography.md\":\"C9BVN1Re\",\"classes_badge.md\":\"EznZXXqT\",\"classes_breadcrumb.md\":\"DrzF9h9m\",\"classes_card.md\":\"BzNZEHe9\",\"classes_dropdown.md\":\"CKZ2tv7T\",\"classes_grid.md\":\"CKCvlWAg\",\"classes_list.md\":\"CjyB8PFK\",\"components_button.md\":\"CX41PJBd\",\"components_dialog.md\":\"JMjidrIE\",\"components_disclosure.md\":\"BwvLkFL_\",\"components_form.md\":\"C6B5z_6G\",\"components_loading.md\":\"51ktm2_l\",\"components_popover.md\":\"DpbAjVUj\",\"components_progress.md\":\"H7v6t9h-\",\"components_table.md\":\"BPrpvUDy\",\"index.md\":\"DNiLOsZD\",\"javascript_autofill.md\":\"HyVx8c7W\",\"javascript_check.md\":\"BCbZtUBE\",\"javascript_comfort.md\":\"CQm191VA\",\"javascript_consent.md\":\"CbDzabMd\",\"javascript_cookie.md\":\"CFVe2JRe\",\"javascript_drawer.md\":\"D_pT0mrZ\",\"javascript_form.md\":\"sGYh1L4I\",\"javascript_scroll.md\":\"DeOZ4grw\",\"javascript_slider.md\":\"CIa7pHr9\",\"javascript_sortable.md\":\"CThHVTgW\",\"javascript_tabpanel.md\":\"CxAFdAGU\",\"javascript_toggle.md\":\"C66hpUWF\",\"javascript_trap.md\":\"Dt2Rt__e\",\"javascript_tree.md\":\"COR-Pj1y\",\"prologue_conventions.md\":\"wCplqeKt\",\"prologue_release.md\":\"CBJGKY_Y\",\"prologue_upgrade.md\":\"E_0GNNE2\",\"start_customization.md\":\"C4fmzVYD\",\"start_install.md\":\"vqLh01mm\",\"start_mixin.md\":\"B5VMlbiN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Vanilla Frontend\",\"description\":\"Documentation of my package\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"}],\"sidebar\":[{\"text\":\"Prologue\",\"items\":[{\"text\":\"Release Notes\",\"link\":\"/prologue/release\"},{\"text\":\"Upgrade guide\",\"link\":\"/prologue/upgrade\"},{\"text\":\"Conventions\",\"link\":\"/prologue/conventions\"}]},{\"text\":\"Quick start\",\"items\":[{\"text\":\"Install\",\"link\":\"/start/install\"},{\"text\":\"Customization\",\"link\":\"/start/customization\"},{\"text\":\"SCSS mixin\",\"link\":\"/start/mixin\"}]},{\"text\":\"Base\",\"items\":[{\"text\":\"Reset\",\"link\":\"/base/reset\"},{\"text\":\"Layout\",\"link\":\"/base/layout\"},{\"text\":\"Typography\",\"link\":\"/base/typography\"},{\"text\":\"Media\",\"link\":\"/base/media\"}]},{\"text\":\"Components\",\"items\":[{\"text\":\"Button\",\"link\":\"/components/button\"},{\"text\":\"Dialog\",\"link\":\"/components/dialog\"},{\"text\":\"Disclosure\",\"link\":\"/components/disclosure\"},{\"text\":\"Form\",\"link\":\"/components/form\"},{\"text\":\"Loading\",\"link\":\"/components/loading\"},{\"text\":\"Popover\",\"link\":\"/components/popover\"},{\"text\":\"Progress\",\"link\":\"/components/progress\"},{\"text\":\"Table\",\"link\":\"/components/table\"}]},{\"text\":\"Class components\",\"items\":[{\"text\":\"Badge\",\"link\":\"/classes/badge\"},{\"text\":\"Breadcrumb\",\"link\":\"/classes/breadcrumb\"},{\"text\":\"Card\",\"link\":\"/classes/card\"},{\"text\":\"Dropdown\",\"link\":\"/classes/dropdown\"},{\"text\":\"Grid\",\"link\":\"/classes/grid\"},{\"text\":\"List\",\"link\":\"/classes/list\"}]},{\"text\":\"Javascript\",\"items\":[{\"text\":\"Autofill\",\"link\":\"/javascript/autofill\"},{\"text\":\"Check all\",\"link\":\"/javascript/check\"},{\"text\":\"Comfort\",\"link\":\"/javascript/comfort\"},{\"text\":\"Consent\",\"link\":\"/javascript/consent\"},{\"text\":\"Cookie\",\"link\":\"/javascript/cookie\"},{\"text\":\"Drawer\",\"link\":\"/javascript/drawer\"},{\"text\":\"Form helper\",\"link\":\"/javascript/form\"},{\"text\":\"Scroll\",\"link\":\"/javascript/scroll\"},{\"text\":\"Slider\",\"link\":\"/javascript/slider\"},{\"text\":\"Sortable\",\"link\":\"/javascript/sortable\"},{\"text\":\"Tabpanel\",\"link\":\"/javascript/tabpanel\"},{\"text\":\"Toggle\",\"link\":\"/javascript/toggle\"},{\"text\":\"Trap\",\"link\":\"/javascript/trap\"},{\"text\":\"Tree\",\"link\":\"/javascript/tree\"}]}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2024-present <a href=\\\"https://natachaherth.ch\\\">Natacha Herth</a>\"},\"socialLinks\":[{\"icon\":{\"svg\":\"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" class=\\\"bi bi-gitlab\\\" viewBox=\\\"0 0 16 16\\\"><path d=\\\"m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z\\\" /></svg>\"},\"link\":\"https://gitlab.com/packages4913705/vanilla-frontend\",\"ariaLabel\":\"Gitlab\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
149
+ <script>window.__VP_HASH_MAP__=JSON.parse("{\"base_layout.md\":\"DJ_v9TUj\",\"base_media.md\":\"Df8yBTDC\",\"base_reset.md\":\"Bc-QFMNd\",\"base_typography.md\":\"CEssDvs_\",\"classes_badge.md\":\"CY4V0aVP\",\"classes_breadcrumb.md\":\"3qDvf8ub\",\"classes_card.md\":\"2FMiLja2\",\"classes_dropdown.md\":\"BY5HVT7n\",\"classes_grid.md\":\"CmCrislB\",\"classes_list.md\":\"C2kG9vQD\",\"components_button.md\":\"CQaa2zUk\",\"components_dialog.md\":\"BuWSpf72\",\"components_disclosure.md\":\"CSb0zwLh\",\"components_form.md\":\"CmOq-Til\",\"components_loading.md\":\"UlVFbdx9\",\"components_popover.md\":\"CvREUZR5\",\"components_progress.md\":\"CSR5o7uh\",\"components_table.md\":\"C4-mJ_h6\",\"index.md\":\"DZRwgCaD\",\"javascript_autofill.md\":\"ChUIaY8E\",\"javascript_check.md\":\"ColaaLYj\",\"javascript_comfort.md\":\"CsflOcMZ\",\"javascript_consent.md\":\"Cg1la-Gc\",\"javascript_cookie.md\":\"D_3Ic9ld\",\"javascript_drawer.md\":\"CWRu0B-m\",\"javascript_form.md\":\"D-qLhbu6\",\"javascript_scroll.md\":\"C44cHQBa\",\"javascript_slider.md\":\"BoBh8ko0\",\"javascript_sortable.md\":\"DherROA3\",\"javascript_tabpanel.md\":\"ZRDCRbR4\",\"javascript_toggle.md\":\"xDX51dR9\",\"javascript_trap.md\":\"CRF-CChT\",\"javascript_tree.md\":\"zuzzDvFQ\",\"prologue_conventions.md\":\"DK88T5YA\",\"prologue_release.md\":\"CDIl9leQ\",\"prologue_upgrade.md\":\"DLld-KVb\",\"start_customization.md\":\"CfQegJps\",\"start_install.md\":\"DaozKWA6\",\"start_mixin.md\":\"iW2qzTo8\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Vanilla Frontend\",\"description\":\"Documentation of my package\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"}],\"sidebar\":[{\"text\":\"Prologue\",\"items\":[{\"text\":\"Release Notes\",\"link\":\"/prologue/release\"},{\"text\":\"Upgrade guide\",\"link\":\"/prologue/upgrade\"},{\"text\":\"Conventions\",\"link\":\"/prologue/conventions\"}]},{\"text\":\"Quick start\",\"items\":[{\"text\":\"Install\",\"link\":\"/start/install\"},{\"text\":\"Customization\",\"link\":\"/start/customization\"},{\"text\":\"SCSS mixin\",\"link\":\"/start/mixin\"}]},{\"text\":\"Base\",\"items\":[{\"text\":\"Reset\",\"link\":\"/base/reset\"},{\"text\":\"Layout\",\"link\":\"/base/layout\"},{\"text\":\"Typography\",\"link\":\"/base/typography\"},{\"text\":\"Media\",\"link\":\"/base/media\"}]},{\"text\":\"Components\",\"items\":[{\"text\":\"Button\",\"link\":\"/components/button\"},{\"text\":\"Dialog\",\"link\":\"/components/dialog\"},{\"text\":\"Disclosure\",\"link\":\"/components/disclosure\"},{\"text\":\"Form\",\"link\":\"/components/form\"},{\"text\":\"Loading\",\"link\":\"/components/loading\"},{\"text\":\"Popover\",\"link\":\"/components/popover\"},{\"text\":\"Progress\",\"link\":\"/components/progress\"},{\"text\":\"Table\",\"link\":\"/components/table\"}]},{\"text\":\"Class components\",\"items\":[{\"text\":\"Badge\",\"link\":\"/classes/badge\"},{\"text\":\"Breadcrumb\",\"link\":\"/classes/breadcrumb\"},{\"text\":\"Card\",\"link\":\"/classes/card\"},{\"text\":\"Dropdown\",\"link\":\"/classes/dropdown\"},{\"text\":\"Grid\",\"link\":\"/classes/grid\"},{\"text\":\"List\",\"link\":\"/classes/list\"}]},{\"text\":\"Javascript\",\"items\":[{\"text\":\"Autofill\",\"link\":\"/javascript/autofill\"},{\"text\":\"Check all\",\"link\":\"/javascript/check\"},{\"text\":\"Comfort\",\"link\":\"/javascript/comfort\"},{\"text\":\"Consent\",\"link\":\"/javascript/consent\"},{\"text\":\"Cookie\",\"link\":\"/javascript/cookie\"},{\"text\":\"Drawer\",\"link\":\"/javascript/drawer\"},{\"text\":\"Form helper\",\"link\":\"/javascript/form\"},{\"text\":\"Scroll\",\"link\":\"/javascript/scroll\"},{\"text\":\"Slider\",\"link\":\"/javascript/slider\"},{\"text\":\"Sortable\",\"link\":\"/javascript/sortable\"},{\"text\":\"Tabpanel\",\"link\":\"/javascript/tabpanel\"},{\"text\":\"Toggle\",\"link\":\"/javascript/toggle\"},{\"text\":\"Trap\",\"link\":\"/javascript/trap\"},{\"text\":\"Tree\",\"link\":\"/javascript/tree\"}]}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2024-present <a href=\\\"https://natachaherth.ch\\\">Natacha Herth</a>\"},\"socialLinks\":[{\"icon\":{\"svg\":\"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" class=\\\"bi bi-gitlab\\\" viewBox=\\\"0 0 16 16\\\"><path d=\\\"m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z\\\" /></svg>\"},\"link\":\"https://gitlab.com/packages4913705/vanilla-frontend\",\"ariaLabel\":\"Gitlab\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
150
150
 
151
151
  </body>
152
152
  </html>
@@ -9,12 +9,12 @@
9
9
  <link rel="preload stylesheet" href="/assets/style.Dl6gCPEE.css" as="style">
10
10
  <link rel="preload stylesheet" href="/vp-icons.css" as="style">
11
11
 
12
- <script type="module" src="/assets/app.zYBRMlen.js"></script>
12
+ <script type="module" src="/assets/app.D7UuA2Jo.js"></script>
13
13
  <link rel="preload" href="/assets/inter-roman-latin.Cy4MYw_J.woff2" as="font" type="font/woff2" crossorigin="">
14
- <link rel="modulepreload" href="/assets/chunks/theme.D1Tljxds.js">
15
- <link rel="modulepreload" href="/assets/chunks/framework.26dFs73Q.js">
16
- <link rel="modulepreload" href="/assets/chunks/ComponentPreview.Cw4G3qNN.js">
17
- <link rel="modulepreload" href="/assets/javascript_check.md.BCbZtUBE.lean.js">
14
+ <link rel="modulepreload" href="/assets/chunks/theme.ChtTtdwO.js">
15
+ <link rel="modulepreload" href="/assets/chunks/framework.CzIb_Ns1.js">
16
+ <link rel="modulepreload" href="/assets/chunks/ComponentPreview.CkvDvzXt.js">
17
+ <link rel="modulepreload" href="/assets/javascript_check.md.ColaaLYj.lean.js">
18
18
  <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
19
19
  <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
20
20
  </head>
@@ -58,7 +58,7 @@
58
58
  <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">fieldset</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> CheckAll </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;@natachah/vanilla-frontend/js/_check-all&quot;</span></span>
59
59
  <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> checkboxAll</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">getElementById</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;checkboxAll&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span>
60
60
  <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (checkboxAll) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CheckAll</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(checkboxAll)</span></span></code></pre></div></div></div></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/javascript/autofill.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>Autofill</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/javascript/comfort.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>Comfort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-0cf61682 data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>Released under the MIT License.</p><p class="copyright" data-v-c3855bb3>Copyright © 2024-present <a href="https://natachaherth.ch">Natacha Herth</a></p></div></footer><!--[--><!--]--></div></div>
61
- <script>window.__VP_HASH_MAP__=JSON.parse("{\"base_layout.md\":\"DPVON1Hq\",\"base_media.md\":\"DHSlU0g6\",\"base_reset.md\":\"DD9AA1li\",\"base_typography.md\":\"C9BVN1Re\",\"classes_badge.md\":\"EznZXXqT\",\"classes_breadcrumb.md\":\"DrzF9h9m\",\"classes_card.md\":\"BzNZEHe9\",\"classes_dropdown.md\":\"CKZ2tv7T\",\"classes_grid.md\":\"CKCvlWAg\",\"classes_list.md\":\"CjyB8PFK\",\"components_button.md\":\"CX41PJBd\",\"components_dialog.md\":\"JMjidrIE\",\"components_disclosure.md\":\"BwvLkFL_\",\"components_form.md\":\"C6B5z_6G\",\"components_loading.md\":\"51ktm2_l\",\"components_popover.md\":\"DpbAjVUj\",\"components_progress.md\":\"H7v6t9h-\",\"components_table.md\":\"BPrpvUDy\",\"index.md\":\"DNiLOsZD\",\"javascript_autofill.md\":\"HyVx8c7W\",\"javascript_check.md\":\"BCbZtUBE\",\"javascript_comfort.md\":\"CQm191VA\",\"javascript_consent.md\":\"CbDzabMd\",\"javascript_cookie.md\":\"CFVe2JRe\",\"javascript_drawer.md\":\"D_pT0mrZ\",\"javascript_form.md\":\"sGYh1L4I\",\"javascript_scroll.md\":\"DeOZ4grw\",\"javascript_slider.md\":\"CIa7pHr9\",\"javascript_sortable.md\":\"CThHVTgW\",\"javascript_tabpanel.md\":\"CxAFdAGU\",\"javascript_toggle.md\":\"C66hpUWF\",\"javascript_trap.md\":\"Dt2Rt__e\",\"javascript_tree.md\":\"COR-Pj1y\",\"prologue_conventions.md\":\"wCplqeKt\",\"prologue_release.md\":\"CBJGKY_Y\",\"prologue_upgrade.md\":\"E_0GNNE2\",\"start_customization.md\":\"C4fmzVYD\",\"start_install.md\":\"vqLh01mm\",\"start_mixin.md\":\"B5VMlbiN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Vanilla Frontend\",\"description\":\"Documentation of my package\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"}],\"sidebar\":[{\"text\":\"Prologue\",\"items\":[{\"text\":\"Release Notes\",\"link\":\"/prologue/release\"},{\"text\":\"Upgrade guide\",\"link\":\"/prologue/upgrade\"},{\"text\":\"Conventions\",\"link\":\"/prologue/conventions\"}]},{\"text\":\"Quick start\",\"items\":[{\"text\":\"Install\",\"link\":\"/start/install\"},{\"text\":\"Customization\",\"link\":\"/start/customization\"},{\"text\":\"SCSS mixin\",\"link\":\"/start/mixin\"}]},{\"text\":\"Base\",\"items\":[{\"text\":\"Reset\",\"link\":\"/base/reset\"},{\"text\":\"Layout\",\"link\":\"/base/layout\"},{\"text\":\"Typography\",\"link\":\"/base/typography\"},{\"text\":\"Media\",\"link\":\"/base/media\"}]},{\"text\":\"Components\",\"items\":[{\"text\":\"Button\",\"link\":\"/components/button\"},{\"text\":\"Dialog\",\"link\":\"/components/dialog\"},{\"text\":\"Disclosure\",\"link\":\"/components/disclosure\"},{\"text\":\"Form\",\"link\":\"/components/form\"},{\"text\":\"Loading\",\"link\":\"/components/loading\"},{\"text\":\"Popover\",\"link\":\"/components/popover\"},{\"text\":\"Progress\",\"link\":\"/components/progress\"},{\"text\":\"Table\",\"link\":\"/components/table\"}]},{\"text\":\"Class components\",\"items\":[{\"text\":\"Badge\",\"link\":\"/classes/badge\"},{\"text\":\"Breadcrumb\",\"link\":\"/classes/breadcrumb\"},{\"text\":\"Card\",\"link\":\"/classes/card\"},{\"text\":\"Dropdown\",\"link\":\"/classes/dropdown\"},{\"text\":\"Grid\",\"link\":\"/classes/grid\"},{\"text\":\"List\",\"link\":\"/classes/list\"}]},{\"text\":\"Javascript\",\"items\":[{\"text\":\"Autofill\",\"link\":\"/javascript/autofill\"},{\"text\":\"Check all\",\"link\":\"/javascript/check\"},{\"text\":\"Comfort\",\"link\":\"/javascript/comfort\"},{\"text\":\"Consent\",\"link\":\"/javascript/consent\"},{\"text\":\"Cookie\",\"link\":\"/javascript/cookie\"},{\"text\":\"Drawer\",\"link\":\"/javascript/drawer\"},{\"text\":\"Form helper\",\"link\":\"/javascript/form\"},{\"text\":\"Scroll\",\"link\":\"/javascript/scroll\"},{\"text\":\"Slider\",\"link\":\"/javascript/slider\"},{\"text\":\"Sortable\",\"link\":\"/javascript/sortable\"},{\"text\":\"Tabpanel\",\"link\":\"/javascript/tabpanel\"},{\"text\":\"Toggle\",\"link\":\"/javascript/toggle\"},{\"text\":\"Trap\",\"link\":\"/javascript/trap\"},{\"text\":\"Tree\",\"link\":\"/javascript/tree\"}]}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2024-present <a href=\\\"https://natachaherth.ch\\\">Natacha Herth</a>\"},\"socialLinks\":[{\"icon\":{\"svg\":\"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" class=\\\"bi bi-gitlab\\\" viewBox=\\\"0 0 16 16\\\"><path d=\\\"m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z\\\" /></svg>\"},\"link\":\"https://gitlab.com/packages4913705/vanilla-frontend\",\"ariaLabel\":\"Gitlab\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
61
+ <script>window.__VP_HASH_MAP__=JSON.parse("{\"base_layout.md\":\"DJ_v9TUj\",\"base_media.md\":\"Df8yBTDC\",\"base_reset.md\":\"Bc-QFMNd\",\"base_typography.md\":\"CEssDvs_\",\"classes_badge.md\":\"CY4V0aVP\",\"classes_breadcrumb.md\":\"3qDvf8ub\",\"classes_card.md\":\"2FMiLja2\",\"classes_dropdown.md\":\"BY5HVT7n\",\"classes_grid.md\":\"CmCrislB\",\"classes_list.md\":\"C2kG9vQD\",\"components_button.md\":\"CQaa2zUk\",\"components_dialog.md\":\"BuWSpf72\",\"components_disclosure.md\":\"CSb0zwLh\",\"components_form.md\":\"CmOq-Til\",\"components_loading.md\":\"UlVFbdx9\",\"components_popover.md\":\"CvREUZR5\",\"components_progress.md\":\"CSR5o7uh\",\"components_table.md\":\"C4-mJ_h6\",\"index.md\":\"DZRwgCaD\",\"javascript_autofill.md\":\"ChUIaY8E\",\"javascript_check.md\":\"ColaaLYj\",\"javascript_comfort.md\":\"CsflOcMZ\",\"javascript_consent.md\":\"Cg1la-Gc\",\"javascript_cookie.md\":\"D_3Ic9ld\",\"javascript_drawer.md\":\"CWRu0B-m\",\"javascript_form.md\":\"D-qLhbu6\",\"javascript_scroll.md\":\"C44cHQBa\",\"javascript_slider.md\":\"BoBh8ko0\",\"javascript_sortable.md\":\"DherROA3\",\"javascript_tabpanel.md\":\"ZRDCRbR4\",\"javascript_toggle.md\":\"xDX51dR9\",\"javascript_trap.md\":\"CRF-CChT\",\"javascript_tree.md\":\"zuzzDvFQ\",\"prologue_conventions.md\":\"DK88T5YA\",\"prologue_release.md\":\"CDIl9leQ\",\"prologue_upgrade.md\":\"DLld-KVb\",\"start_customization.md\":\"CfQegJps\",\"start_install.md\":\"DaozKWA6\",\"start_mixin.md\":\"iW2qzTo8\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Vanilla Frontend\",\"description\":\"Documentation of my package\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"}],\"sidebar\":[{\"text\":\"Prologue\",\"items\":[{\"text\":\"Release Notes\",\"link\":\"/prologue/release\"},{\"text\":\"Upgrade guide\",\"link\":\"/prologue/upgrade\"},{\"text\":\"Conventions\",\"link\":\"/prologue/conventions\"}]},{\"text\":\"Quick start\",\"items\":[{\"text\":\"Install\",\"link\":\"/start/install\"},{\"text\":\"Customization\",\"link\":\"/start/customization\"},{\"text\":\"SCSS mixin\",\"link\":\"/start/mixin\"}]},{\"text\":\"Base\",\"items\":[{\"text\":\"Reset\",\"link\":\"/base/reset\"},{\"text\":\"Layout\",\"link\":\"/base/layout\"},{\"text\":\"Typography\",\"link\":\"/base/typography\"},{\"text\":\"Media\",\"link\":\"/base/media\"}]},{\"text\":\"Components\",\"items\":[{\"text\":\"Button\",\"link\":\"/components/button\"},{\"text\":\"Dialog\",\"link\":\"/components/dialog\"},{\"text\":\"Disclosure\",\"link\":\"/components/disclosure\"},{\"text\":\"Form\",\"link\":\"/components/form\"},{\"text\":\"Loading\",\"link\":\"/components/loading\"},{\"text\":\"Popover\",\"link\":\"/components/popover\"},{\"text\":\"Progress\",\"link\":\"/components/progress\"},{\"text\":\"Table\",\"link\":\"/components/table\"}]},{\"text\":\"Class components\",\"items\":[{\"text\":\"Badge\",\"link\":\"/classes/badge\"},{\"text\":\"Breadcrumb\",\"link\":\"/classes/breadcrumb\"},{\"text\":\"Card\",\"link\":\"/classes/card\"},{\"text\":\"Dropdown\",\"link\":\"/classes/dropdown\"},{\"text\":\"Grid\",\"link\":\"/classes/grid\"},{\"text\":\"List\",\"link\":\"/classes/list\"}]},{\"text\":\"Javascript\",\"items\":[{\"text\":\"Autofill\",\"link\":\"/javascript/autofill\"},{\"text\":\"Check all\",\"link\":\"/javascript/check\"},{\"text\":\"Comfort\",\"link\":\"/javascript/comfort\"},{\"text\":\"Consent\",\"link\":\"/javascript/consent\"},{\"text\":\"Cookie\",\"link\":\"/javascript/cookie\"},{\"text\":\"Drawer\",\"link\":\"/javascript/drawer\"},{\"text\":\"Form helper\",\"link\":\"/javascript/form\"},{\"text\":\"Scroll\",\"link\":\"/javascript/scroll\"},{\"text\":\"Slider\",\"link\":\"/javascript/slider\"},{\"text\":\"Sortable\",\"link\":\"/javascript/sortable\"},{\"text\":\"Tabpanel\",\"link\":\"/javascript/tabpanel\"},{\"text\":\"Toggle\",\"link\":\"/javascript/toggle\"},{\"text\":\"Trap\",\"link\":\"/javascript/trap\"},{\"text\":\"Tree\",\"link\":\"/javascript/tree\"}]}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2024-present <a href=\\\"https://natachaherth.ch\\\">Natacha Herth</a>\"},\"socialLinks\":[{\"icon\":{\"svg\":\"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" class=\\\"bi bi-gitlab\\\" viewBox=\\\"0 0 16 16\\\"><path d=\\\"m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z\\\" /></svg>\"},\"link\":\"https://gitlab.com/packages4913705/vanilla-frontend\",\"ariaLabel\":\"Gitlab\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
62
62
 
63
63
  </body>
64
64
  </html>
@@ -9,12 +9,12 @@
9
9
  <link rel="preload stylesheet" href="/assets/style.Dl6gCPEE.css" as="style">
10
10
  <link rel="preload stylesheet" href="/vp-icons.css" as="style">
11
11
 
12
- <script type="module" src="/assets/app.zYBRMlen.js"></script>
12
+ <script type="module" src="/assets/app.D7UuA2Jo.js"></script>
13
13
  <link rel="preload" href="/assets/inter-roman-latin.Cy4MYw_J.woff2" as="font" type="font/woff2" crossorigin="">
14
- <link rel="modulepreload" href="/assets/chunks/theme.D1Tljxds.js">
15
- <link rel="modulepreload" href="/assets/chunks/framework.26dFs73Q.js">
16
- <link rel="modulepreload" href="/assets/chunks/ComponentPreview.Cw4G3qNN.js">
17
- <link rel="modulepreload" href="/assets/javascript_comfort.md.CQm191VA.lean.js">
14
+ <link rel="modulepreload" href="/assets/chunks/theme.ChtTtdwO.js">
15
+ <link rel="modulepreload" href="/assets/chunks/framework.CzIb_Ns1.js">
16
+ <link rel="modulepreload" href="/assets/chunks/ComponentPreview.CkvDvzXt.js">
17
+ <link rel="modulepreload" href="/assets/javascript_comfort.md.CsflOcMZ.lean.js">
18
18
  <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
19
19
  <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
20
20
  </head>
@@ -117,7 +117,7 @@
117
117
  &lt;/html&gt;
118
118
  " class="iframe-content" style="" data-v-eaa19fc4></iframe><div hidden data-v-eaa19fc4><!--[--><label for="demoCustomColor" style="color:var(--demo-label-color, black);">Change my label color !</label><input id="demoCustomColor" name="demo-change-color" data-style-custom="--demo-label-color" type="color"><!--]--></div><!--]--><div class="language-html"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">label</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;demoCustomColor&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;color: var(--demo-label-color, black)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Change my label color !&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
119
119
  <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> id</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;demoCustomColor&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;demo-change-color&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> data-style-custom</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;--demo-label-color&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;color&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="javascript" tabindex="-1">Javascript <a class="header-anchor" href="#javascript" aria-label="Permalink to “Javascript”">​</a></h2><p>To enable this component you need to import the javascript file and create a <code>new Comfort</code> object.</p><p>You can customize the name of the cookie when initiate the component.</p><h3 id="methods" tabindex="-1">Methods <a class="header-anchor" href="#methods" aria-label="Permalink to “Methods”">​</a></h3><table tabindex="0"><thead><tr><th>Method</th><th>Description</th></tr></thead><tbody><tr><td>setTheme(value)</td><td>This method will set a global theme</td></tr><tr><td>setStyle(name,value)</td><td>This method will set a specific property</td></tr><tr><td>reset()</td><td>This method will reset all the value and delete the cookie</td></tr></tbody></table><div class="warning custom-block"><p class="custom-block-title custom-block-title-default">WARNING</p><p>This component is an extension of the Cookie component, who come with it&#39;s own methods and events.</p></div></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/javascript/check.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>Check all</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/javascript/consent.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>Consent</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-0cf61682 data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>Released under the MIT License.</p><p class="copyright" data-v-c3855bb3>Copyright © 2024-present <a href="https://natachaherth.ch">Natacha Herth</a></p></div></footer><!--[--><!--]--></div></div>
120
- <script>window.__VP_HASH_MAP__=JSON.parse("{\"base_layout.md\":\"DPVON1Hq\",\"base_media.md\":\"DHSlU0g6\",\"base_reset.md\":\"DD9AA1li\",\"base_typography.md\":\"C9BVN1Re\",\"classes_badge.md\":\"EznZXXqT\",\"classes_breadcrumb.md\":\"DrzF9h9m\",\"classes_card.md\":\"BzNZEHe9\",\"classes_dropdown.md\":\"CKZ2tv7T\",\"classes_grid.md\":\"CKCvlWAg\",\"classes_list.md\":\"CjyB8PFK\",\"components_button.md\":\"CX41PJBd\",\"components_dialog.md\":\"JMjidrIE\",\"components_disclosure.md\":\"BwvLkFL_\",\"components_form.md\":\"C6B5z_6G\",\"components_loading.md\":\"51ktm2_l\",\"components_popover.md\":\"DpbAjVUj\",\"components_progress.md\":\"H7v6t9h-\",\"components_table.md\":\"BPrpvUDy\",\"index.md\":\"DNiLOsZD\",\"javascript_autofill.md\":\"HyVx8c7W\",\"javascript_check.md\":\"BCbZtUBE\",\"javascript_comfort.md\":\"CQm191VA\",\"javascript_consent.md\":\"CbDzabMd\",\"javascript_cookie.md\":\"CFVe2JRe\",\"javascript_drawer.md\":\"D_pT0mrZ\",\"javascript_form.md\":\"sGYh1L4I\",\"javascript_scroll.md\":\"DeOZ4grw\",\"javascript_slider.md\":\"CIa7pHr9\",\"javascript_sortable.md\":\"CThHVTgW\",\"javascript_tabpanel.md\":\"CxAFdAGU\",\"javascript_toggle.md\":\"C66hpUWF\",\"javascript_trap.md\":\"Dt2Rt__e\",\"javascript_tree.md\":\"COR-Pj1y\",\"prologue_conventions.md\":\"wCplqeKt\",\"prologue_release.md\":\"CBJGKY_Y\",\"prologue_upgrade.md\":\"E_0GNNE2\",\"start_customization.md\":\"C4fmzVYD\",\"start_install.md\":\"vqLh01mm\",\"start_mixin.md\":\"B5VMlbiN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Vanilla Frontend\",\"description\":\"Documentation of my package\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"}],\"sidebar\":[{\"text\":\"Prologue\",\"items\":[{\"text\":\"Release Notes\",\"link\":\"/prologue/release\"},{\"text\":\"Upgrade guide\",\"link\":\"/prologue/upgrade\"},{\"text\":\"Conventions\",\"link\":\"/prologue/conventions\"}]},{\"text\":\"Quick start\",\"items\":[{\"text\":\"Install\",\"link\":\"/start/install\"},{\"text\":\"Customization\",\"link\":\"/start/customization\"},{\"text\":\"SCSS mixin\",\"link\":\"/start/mixin\"}]},{\"text\":\"Base\",\"items\":[{\"text\":\"Reset\",\"link\":\"/base/reset\"},{\"text\":\"Layout\",\"link\":\"/base/layout\"},{\"text\":\"Typography\",\"link\":\"/base/typography\"},{\"text\":\"Media\",\"link\":\"/base/media\"}]},{\"text\":\"Components\",\"items\":[{\"text\":\"Button\",\"link\":\"/components/button\"},{\"text\":\"Dialog\",\"link\":\"/components/dialog\"},{\"text\":\"Disclosure\",\"link\":\"/components/disclosure\"},{\"text\":\"Form\",\"link\":\"/components/form\"},{\"text\":\"Loading\",\"link\":\"/components/loading\"},{\"text\":\"Popover\",\"link\":\"/components/popover\"},{\"text\":\"Progress\",\"link\":\"/components/progress\"},{\"text\":\"Table\",\"link\":\"/components/table\"}]},{\"text\":\"Class components\",\"items\":[{\"text\":\"Badge\",\"link\":\"/classes/badge\"},{\"text\":\"Breadcrumb\",\"link\":\"/classes/breadcrumb\"},{\"text\":\"Card\",\"link\":\"/classes/card\"},{\"text\":\"Dropdown\",\"link\":\"/classes/dropdown\"},{\"text\":\"Grid\",\"link\":\"/classes/grid\"},{\"text\":\"List\",\"link\":\"/classes/list\"}]},{\"text\":\"Javascript\",\"items\":[{\"text\":\"Autofill\",\"link\":\"/javascript/autofill\"},{\"text\":\"Check all\",\"link\":\"/javascript/check\"},{\"text\":\"Comfort\",\"link\":\"/javascript/comfort\"},{\"text\":\"Consent\",\"link\":\"/javascript/consent\"},{\"text\":\"Cookie\",\"link\":\"/javascript/cookie\"},{\"text\":\"Drawer\",\"link\":\"/javascript/drawer\"},{\"text\":\"Form helper\",\"link\":\"/javascript/form\"},{\"text\":\"Scroll\",\"link\":\"/javascript/scroll\"},{\"text\":\"Slider\",\"link\":\"/javascript/slider\"},{\"text\":\"Sortable\",\"link\":\"/javascript/sortable\"},{\"text\":\"Tabpanel\",\"link\":\"/javascript/tabpanel\"},{\"text\":\"Toggle\",\"link\":\"/javascript/toggle\"},{\"text\":\"Trap\",\"link\":\"/javascript/trap\"},{\"text\":\"Tree\",\"link\":\"/javascript/tree\"}]}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2024-present <a href=\\\"https://natachaherth.ch\\\">Natacha Herth</a>\"},\"socialLinks\":[{\"icon\":{\"svg\":\"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" class=\\\"bi bi-gitlab\\\" viewBox=\\\"0 0 16 16\\\"><path d=\\\"m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z\\\" /></svg>\"},\"link\":\"https://gitlab.com/packages4913705/vanilla-frontend\",\"ariaLabel\":\"Gitlab\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
120
+ <script>window.__VP_HASH_MAP__=JSON.parse("{\"base_layout.md\":\"DJ_v9TUj\",\"base_media.md\":\"Df8yBTDC\",\"base_reset.md\":\"Bc-QFMNd\",\"base_typography.md\":\"CEssDvs_\",\"classes_badge.md\":\"CY4V0aVP\",\"classes_breadcrumb.md\":\"3qDvf8ub\",\"classes_card.md\":\"2FMiLja2\",\"classes_dropdown.md\":\"BY5HVT7n\",\"classes_grid.md\":\"CmCrislB\",\"classes_list.md\":\"C2kG9vQD\",\"components_button.md\":\"CQaa2zUk\",\"components_dialog.md\":\"BuWSpf72\",\"components_disclosure.md\":\"CSb0zwLh\",\"components_form.md\":\"CmOq-Til\",\"components_loading.md\":\"UlVFbdx9\",\"components_popover.md\":\"CvREUZR5\",\"components_progress.md\":\"CSR5o7uh\",\"components_table.md\":\"C4-mJ_h6\",\"index.md\":\"DZRwgCaD\",\"javascript_autofill.md\":\"ChUIaY8E\",\"javascript_check.md\":\"ColaaLYj\",\"javascript_comfort.md\":\"CsflOcMZ\",\"javascript_consent.md\":\"Cg1la-Gc\",\"javascript_cookie.md\":\"D_3Ic9ld\",\"javascript_drawer.md\":\"CWRu0B-m\",\"javascript_form.md\":\"D-qLhbu6\",\"javascript_scroll.md\":\"C44cHQBa\",\"javascript_slider.md\":\"BoBh8ko0\",\"javascript_sortable.md\":\"DherROA3\",\"javascript_tabpanel.md\":\"ZRDCRbR4\",\"javascript_toggle.md\":\"xDX51dR9\",\"javascript_trap.md\":\"CRF-CChT\",\"javascript_tree.md\":\"zuzzDvFQ\",\"prologue_conventions.md\":\"DK88T5YA\",\"prologue_release.md\":\"CDIl9leQ\",\"prologue_upgrade.md\":\"DLld-KVb\",\"start_customization.md\":\"CfQegJps\",\"start_install.md\":\"DaozKWA6\",\"start_mixin.md\":\"iW2qzTo8\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Vanilla Frontend\",\"description\":\"Documentation of my package\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"}],\"sidebar\":[{\"text\":\"Prologue\",\"items\":[{\"text\":\"Release Notes\",\"link\":\"/prologue/release\"},{\"text\":\"Upgrade guide\",\"link\":\"/prologue/upgrade\"},{\"text\":\"Conventions\",\"link\":\"/prologue/conventions\"}]},{\"text\":\"Quick start\",\"items\":[{\"text\":\"Install\",\"link\":\"/start/install\"},{\"text\":\"Customization\",\"link\":\"/start/customization\"},{\"text\":\"SCSS mixin\",\"link\":\"/start/mixin\"}]},{\"text\":\"Base\",\"items\":[{\"text\":\"Reset\",\"link\":\"/base/reset\"},{\"text\":\"Layout\",\"link\":\"/base/layout\"},{\"text\":\"Typography\",\"link\":\"/base/typography\"},{\"text\":\"Media\",\"link\":\"/base/media\"}]},{\"text\":\"Components\",\"items\":[{\"text\":\"Button\",\"link\":\"/components/button\"},{\"text\":\"Dialog\",\"link\":\"/components/dialog\"},{\"text\":\"Disclosure\",\"link\":\"/components/disclosure\"},{\"text\":\"Form\",\"link\":\"/components/form\"},{\"text\":\"Loading\",\"link\":\"/components/loading\"},{\"text\":\"Popover\",\"link\":\"/components/popover\"},{\"text\":\"Progress\",\"link\":\"/components/progress\"},{\"text\":\"Table\",\"link\":\"/components/table\"}]},{\"text\":\"Class components\",\"items\":[{\"text\":\"Badge\",\"link\":\"/classes/badge\"},{\"text\":\"Breadcrumb\",\"link\":\"/classes/breadcrumb\"},{\"text\":\"Card\",\"link\":\"/classes/card\"},{\"text\":\"Dropdown\",\"link\":\"/classes/dropdown\"},{\"text\":\"Grid\",\"link\":\"/classes/grid\"},{\"text\":\"List\",\"link\":\"/classes/list\"}]},{\"text\":\"Javascript\",\"items\":[{\"text\":\"Autofill\",\"link\":\"/javascript/autofill\"},{\"text\":\"Check all\",\"link\":\"/javascript/check\"},{\"text\":\"Comfort\",\"link\":\"/javascript/comfort\"},{\"text\":\"Consent\",\"link\":\"/javascript/consent\"},{\"text\":\"Cookie\",\"link\":\"/javascript/cookie\"},{\"text\":\"Drawer\",\"link\":\"/javascript/drawer\"},{\"text\":\"Form helper\",\"link\":\"/javascript/form\"},{\"text\":\"Scroll\",\"link\":\"/javascript/scroll\"},{\"text\":\"Slider\",\"link\":\"/javascript/slider\"},{\"text\":\"Sortable\",\"link\":\"/javascript/sortable\"},{\"text\":\"Tabpanel\",\"link\":\"/javascript/tabpanel\"},{\"text\":\"Toggle\",\"link\":\"/javascript/toggle\"},{\"text\":\"Trap\",\"link\":\"/javascript/trap\"},{\"text\":\"Tree\",\"link\":\"/javascript/tree\"}]}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2024-present <a href=\\\"https://natachaherth.ch\\\">Natacha Herth</a>\"},\"socialLinks\":[{\"icon\":{\"svg\":\"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" class=\\\"bi bi-gitlab\\\" viewBox=\\\"0 0 16 16\\\"><path d=\\\"m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z\\\" /></svg>\"},\"link\":\"https://gitlab.com/packages4913705/vanilla-frontend\",\"ariaLabel\":\"Gitlab\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
121
121
 
122
122
  </body>
123
123
  </html>