@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.
- package/.gitlab-ci.yml +1 -1
- package/natachah-vanilla-frontend-1.0.2.tgz +0 -0
- package/package.json +1 -1
- package/public/404.html +2 -2
- package/public/assets/app.D7UuA2Jo.js +1 -0
- package/public/assets/{base_layout.md.DPVON1Hq.js → base_layout.md.DJ_v9TUj.js} +1 -1
- package/public/assets/base_layout.md.DJ_v9TUj.lean.js +1 -0
- package/public/assets/{base_media.md.DHSlU0g6.js → base_media.md.Df8yBTDC.js} +1 -1
- package/public/assets/{base_media.md.DHSlU0g6.lean.js → base_media.md.Df8yBTDC.lean.js} +1 -1
- package/public/assets/base_reset.md.Bc-QFMNd.js +3 -0
- package/public/assets/base_reset.md.Bc-QFMNd.lean.js +1 -0
- package/public/assets/{base_typography.md.C9BVN1Re.js → base_typography.md.CEssDvs_.js} +1 -1
- package/public/assets/{base_typography.md.C9BVN1Re.lean.js → base_typography.md.CEssDvs_.lean.js} +1 -1
- package/public/assets/chunks/{ComponentPreview.Cw4G3qNN.js → ComponentPreview.CkvDvzXt.js} +2 -2
- package/public/assets/chunks/framework.CzIb_Ns1.js +4 -0
- package/public/assets/chunks/theme.ChtTtdwO.js +1 -0
- package/public/assets/{classes_badge.md.EznZXXqT.js → classes_badge.md.CY4V0aVP.js} +1 -1
- package/public/assets/{classes_badge.md.EznZXXqT.lean.js → classes_badge.md.CY4V0aVP.lean.js} +1 -1
- package/public/assets/{classes_breadcrumb.md.DrzF9h9m.js → classes_breadcrumb.md.3qDvf8ub.js} +1 -1
- package/public/assets/{classes_breadcrumb.md.DrzF9h9m.lean.js → classes_breadcrumb.md.3qDvf8ub.lean.js} +1 -1
- package/public/assets/{classes_card.md.BzNZEHe9.js → classes_card.md.2FMiLja2.js} +1 -1
- package/public/assets/{classes_card.md.BzNZEHe9.lean.js → classes_card.md.2FMiLja2.lean.js} +1 -1
- package/public/assets/{classes_dropdown.md.CKZ2tv7T.js → classes_dropdown.md.BY5HVT7n.js} +1 -1
- package/public/assets/classes_dropdown.md.BY5HVT7n.lean.js +1 -0
- package/public/assets/{classes_grid.md.CKCvlWAg.js → classes_grid.md.CmCrislB.js} +1 -1
- package/public/assets/{classes_grid.md.CKCvlWAg.lean.js → classes_grid.md.CmCrislB.lean.js} +1 -1
- package/public/assets/{classes_list.md.CjyB8PFK.js → classes_list.md.C2kG9vQD.js} +1 -1
- package/public/assets/{classes_list.md.CjyB8PFK.lean.js → classes_list.md.C2kG9vQD.lean.js} +1 -1
- package/public/assets/{components_button.md.CX41PJBd.js → components_button.md.CQaa2zUk.js} +1 -1
- package/public/assets/components_button.md.CQaa2zUk.lean.js +1 -0
- package/public/assets/{components_dialog.md.JMjidrIE.js → components_dialog.md.BuWSpf72.js} +1 -1
- package/public/assets/{components_dialog.md.JMjidrIE.lean.js → components_dialog.md.BuWSpf72.lean.js} +1 -1
- package/public/assets/{components_disclosure.md.BwvLkFL_.js → components_disclosure.md.CSb0zwLh.js} +1 -1
- package/public/assets/{components_disclosure.md.BwvLkFL_.lean.js → components_disclosure.md.CSb0zwLh.lean.js} +1 -1
- package/public/assets/{components_form.md.C6B5z_6G.js → components_form.md.CmOq-Til.js} +1 -1
- package/public/assets/components_form.md.CmOq-Til.lean.js +1 -0
- package/public/assets/{components_loading.md.51ktm2_l.js → components_loading.md.UlVFbdx9.js} +1 -1
- package/public/assets/{components_loading.md.51ktm2_l.lean.js → components_loading.md.UlVFbdx9.lean.js} +1 -1
- package/public/assets/{components_popover.md.DpbAjVUj.js → components_popover.md.CvREUZR5.js} +1 -1
- package/public/assets/{components_popover.md.DpbAjVUj.lean.js → components_popover.md.CvREUZR5.lean.js} +1 -1
- package/public/assets/components_progress.md.CSR5o7uh.js +6 -0
- package/public/assets/components_progress.md.CSR5o7uh.lean.js +1 -0
- package/public/assets/{components_table.md.BPrpvUDy.js → components_table.md.C4-mJ_h6.js} +1 -1
- package/public/assets/{components_table.md.BPrpvUDy.lean.js → components_table.md.C4-mJ_h6.lean.js} +1 -1
- package/public/assets/{index.md.DNiLOsZD.js → index.md.DZRwgCaD.js} +1 -1
- package/public/assets/{index.md.DNiLOsZD.lean.js → index.md.DZRwgCaD.lean.js} +1 -1
- package/public/assets/{javascript_autofill.md.HyVx8c7W.js → javascript_autofill.md.ChUIaY8E.js} +1 -1
- package/public/assets/{javascript_autofill.md.HyVx8c7W.lean.js → javascript_autofill.md.ChUIaY8E.lean.js} +1 -1
- package/public/assets/{javascript_check.md.BCbZtUBE.js → javascript_check.md.ColaaLYj.js} +1 -1
- package/public/assets/javascript_check.md.ColaaLYj.lean.js +1 -0
- package/public/assets/{javascript_comfort.md.CQm191VA.js → javascript_comfort.md.CsflOcMZ.js} +1 -1
- package/public/assets/{javascript_comfort.md.CQm191VA.lean.js → javascript_comfort.md.CsflOcMZ.lean.js} +1 -1
- package/public/assets/{javascript_consent.md.CbDzabMd.js → javascript_consent.md.Cg1la-Gc.js} +1 -1
- package/public/assets/javascript_consent.md.Cg1la-Gc.lean.js +1 -0
- package/public/assets/javascript_cookie.md.D_3Ic9ld.js +2 -0
- package/public/assets/javascript_cookie.md.D_3Ic9ld.lean.js +1 -0
- package/public/assets/{javascript_drawer.md.D_pT0mrZ.js → javascript_drawer.md.CWRu0B-m.js} +1 -1
- package/public/assets/javascript_drawer.md.CWRu0B-m.lean.js +1 -0
- package/public/assets/{javascript_form.md.sGYh1L4I.js → javascript_form.md.D-qLhbu6.js} +1 -1
- package/public/assets/{javascript_form.md.sGYh1L4I.lean.js → javascript_form.md.D-qLhbu6.lean.js} +1 -1
- package/public/assets/{javascript_scroll.md.DeOZ4grw.js → javascript_scroll.md.C44cHQBa.js} +1 -1
- package/public/assets/{javascript_scroll.md.DeOZ4grw.lean.js → javascript_scroll.md.C44cHQBa.lean.js} +1 -1
- package/public/assets/{javascript_slider.md.CIa7pHr9.js → javascript_slider.md.BoBh8ko0.js} +1 -1
- package/public/assets/javascript_slider.md.BoBh8ko0.lean.js +1 -0
- package/public/assets/{javascript_sortable.md.CThHVTgW.js → javascript_sortable.md.DherROA3.js} +1 -1
- package/public/assets/javascript_sortable.md.DherROA3.lean.js +1 -0
- package/public/assets/{javascript_tabpanel.md.CxAFdAGU.js → javascript_tabpanel.md.ZRDCRbR4.js} +1 -1
- package/public/assets/javascript_tabpanel.md.ZRDCRbR4.lean.js +1 -0
- package/public/assets/{javascript_toggle.md.C66hpUWF.js → javascript_toggle.md.xDX51dR9.js} +1 -1
- package/public/assets/{javascript_toggle.md.C66hpUWF.lean.js → javascript_toggle.md.xDX51dR9.lean.js} +1 -1
- package/public/assets/javascript_trap.md.CRF-CChT.js +2 -0
- package/public/assets/javascript_trap.md.CRF-CChT.lean.js +1 -0
- package/public/assets/{javascript_tree.md.COR-Pj1y.js → javascript_tree.md.zuzzDvFQ.js} +2 -2
- package/public/assets/{javascript_tree.md.COR-Pj1y.lean.js → javascript_tree.md.zuzzDvFQ.lean.js} +1 -1
- package/public/assets/{prologue_conventions.md.wCplqeKt.js → prologue_conventions.md.DK88T5YA.js} +1 -1
- package/public/assets/prologue_conventions.md.DK88T5YA.lean.js +1 -0
- package/public/assets/prologue_release.md.CDIl9leQ.js +1 -0
- package/public/assets/prologue_release.md.CDIl9leQ.lean.js +1 -0
- package/public/assets/prologue_upgrade.md.DLld-KVb.js +1 -0
- package/public/assets/prologue_upgrade.md.DLld-KVb.lean.js +1 -0
- package/public/assets/{start_customization.md.C4fmzVYD.js → start_customization.md.CfQegJps.js} +1 -1
- package/public/assets/start_customization.md.CfQegJps.lean.js +1 -0
- package/public/assets/{start_install.md.vqLh01mm.js → start_install.md.DaozKWA6.js} +1 -1
- package/public/assets/start_install.md.DaozKWA6.lean.js +1 -0
- package/public/assets/{start_mixin.md.B5VMlbiN.js → start_mixin.md.iW2qzTo8.js} +1 -1
- package/public/assets/start_mixin.md.iW2qzTo8.lean.js +1 -0
- package/public/base/layout.html +5 -5
- package/public/base/media.html +6 -6
- package/public/base/reset.html +5 -5
- package/public/base/typography.html +6 -6
- package/public/bundles/vanilla-frontend.css +1 -1
- package/public/classes/badge.html +6 -6
- package/public/classes/breadcrumb.html +6 -6
- package/public/classes/card.html +6 -6
- package/public/classes/dropdown.html +6 -6
- package/public/classes/grid.html +6 -6
- package/public/classes/list.html +6 -6
- package/public/components/button.html +6 -6
- package/public/components/dialog.html +6 -6
- package/public/components/disclosure.html +6 -6
- package/public/components/form.html +6 -6
- package/public/components/loading.html +6 -6
- package/public/components/popover.html +6 -6
- package/public/components/progress.html +6 -6
- package/public/components/table.html +6 -6
- package/public/hashmap.json +1 -1
- package/public/index.html +5 -5
- package/public/javascript/autofill.html +6 -6
- package/public/javascript/check.html +6 -6
- package/public/javascript/comfort.html +6 -6
- package/public/javascript/consent.html +6 -6
- package/public/javascript/cookie.html +5 -5
- package/public/javascript/drawer.html +6 -6
- package/public/javascript/form.html +6 -6
- package/public/javascript/scroll.html +6 -6
- package/public/javascript/slider.html +6 -6
- package/public/javascript/sortable.html +6 -6
- package/public/javascript/tabpanel.html +6 -6
- package/public/javascript/toggle.html +6 -6
- package/public/javascript/trap.html +5 -5
- package/public/javascript/tree.html +6 -6
- package/public/prologue/conventions.html +5 -5
- package/public/prologue/release.html +5 -5
- package/public/prologue/upgrade.html +5 -5
- package/public/start/customization.html +5 -5
- package/public/start/install.html +5 -5
- package/public/start/mixin.html +5 -5
- package/scss/base/_layout.scss +16 -7
- package/natachah-vanilla-frontend-1.0.1.tgz +0 -0
- package/public/assets/app.zYBRMlen.js +0 -1
- package/public/assets/base_layout.md.DPVON1Hq.lean.js +0 -1
- package/public/assets/base_reset.md.DD9AA1li.js +0 -3
- package/public/assets/base_reset.md.DD9AA1li.lean.js +0 -1
- package/public/assets/chunks/framework.26dFs73Q.js +0 -4
- package/public/assets/chunks/theme.D1Tljxds.js +0 -1
- package/public/assets/classes_dropdown.md.CKZ2tv7T.lean.js +0 -1
- package/public/assets/components_button.md.CX41PJBd.lean.js +0 -1
- package/public/assets/components_form.md.C6B5z_6G.lean.js +0 -1
- package/public/assets/components_progress.md.H7v6t9h-.js +0 -6
- package/public/assets/components_progress.md.H7v6t9h-.lean.js +0 -1
- package/public/assets/javascript_check.md.BCbZtUBE.lean.js +0 -1
- package/public/assets/javascript_consent.md.CbDzabMd.lean.js +0 -1
- package/public/assets/javascript_cookie.md.CFVe2JRe.js +0 -2
- package/public/assets/javascript_cookie.md.CFVe2JRe.lean.js +0 -1
- package/public/assets/javascript_drawer.md.D_pT0mrZ.lean.js +0 -1
- package/public/assets/javascript_slider.md.CIa7pHr9.lean.js +0 -1
- package/public/assets/javascript_sortable.md.CThHVTgW.lean.js +0 -1
- package/public/assets/javascript_tabpanel.md.CxAFdAGU.lean.js +0 -1
- package/public/assets/javascript_trap.md.Dt2Rt__e.js +0 -2
- package/public/assets/javascript_trap.md.Dt2Rt__e.lean.js +0 -1
- package/public/assets/prologue_conventions.md.wCplqeKt.lean.js +0 -1
- package/public/assets/prologue_release.md.CBJGKY_Y.js +0 -1
- package/public/assets/prologue_release.md.CBJGKY_Y.lean.js +0 -1
- package/public/assets/prologue_upgrade.md.E_0GNNE2.js +0 -1
- package/public/assets/prologue_upgrade.md.E_0GNNE2.lean.js +0 -1
- package/public/assets/start_customization.md.C4fmzVYD.lean.js +0 -1
- package/public/assets/start_install.md.vqLh01mm.lean.js +0 -1
- 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.
|
|
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.
|
|
15
|
-
<link rel="modulepreload" href="/assets/chunks/framework.
|
|
16
|
-
<link rel="modulepreload" href="/assets/chunks/ComponentPreview.
|
|
17
|
-
<link rel="modulepreload" href="/assets/components_popover.md.
|
|
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;"> </</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ul</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">></span></span>
|
|
252
252
|
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">></span></span>
|
|
253
253
|
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"></</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">></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;"> '@natachah/vanilla-frontend/scss/components/group'</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\":\"
|
|
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.
|
|
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.
|
|
15
|
-
<link rel="modulepreload" href="/assets/chunks/framework.
|
|
16
|
-
<link rel="modulepreload" href="/assets/chunks/ComponentPreview.
|
|
17
|
-
<link rel="modulepreload" href="/assets/components_progress.md.
|
|
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\":\"
|
|
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.
|
|
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.
|
|
15
|
-
<link rel="modulepreload" href="/assets/chunks/framework.
|
|
16
|
-
<link rel="modulepreload" href="/assets/chunks/ComponentPreview.
|
|
17
|
-
<link rel="modulepreload" href="/assets/components_table.md.
|
|
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\":\"
|
|
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>
|
package/public/hashmap.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"base_layout.md":"
|
|
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.
|
|
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.
|
|
15
|
-
<link rel="modulepreload" href="/assets/chunks/framework.
|
|
16
|
-
<link rel="modulepreload" href="/assets/index.md.
|
|
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'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\":\"
|
|
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.
|
|
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.
|
|
15
|
-
<link rel="modulepreload" href="/assets/chunks/framework.
|
|
16
|
-
<link rel="modulepreload" href="/assets/chunks/ComponentPreview.
|
|
17
|
-
<link rel="modulepreload" href="/assets/javascript_autofill.md.
|
|
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\":\"
|
|
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.
|
|
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.
|
|
15
|
-
<link rel="modulepreload" href="/assets/chunks/framework.
|
|
16
|
-
<link rel="modulepreload" href="/assets/chunks/ComponentPreview.
|
|
17
|
-
<link rel="modulepreload" href="/assets/javascript_check.md.
|
|
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;"></</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">fieldset</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">></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;"> "@natachah/vanilla-frontend/js/_check-all"</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;">'checkboxAll'</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\":\"
|
|
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.
|
|
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.
|
|
15
|
-
<link rel="modulepreload" href="/assets/chunks/framework.
|
|
16
|
-
<link rel="modulepreload" href="/assets/chunks/ComponentPreview.
|
|
17
|
-
<link rel="modulepreload" href="/assets/javascript_comfort.md.
|
|
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
|
</html>
|
|
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;"><</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;">"demoCustomColor"</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;">"color: var(--demo-label-color, black)"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">>Change my label color !</</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">></span></span>
|
|
119
119
|
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"><</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;">"demoCustomColor"</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;">"demo-change-color"</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;">"--demo-label-color"</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;">"color"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">></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'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\":\"
|
|
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>
|