@apptegy/nuxt-navigation 0.1.19 → 0.1.21
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/dist/module.json +2 -2
- package/dist/module.mjs +2 -1
- package/dist/runtime/assets/poweredby-icon.svg +3 -0
- package/dist/runtime/assets/poweredby.svg +19 -0
- package/dist/runtime/assets/thrillshare-logo-white.svg +22 -1
- package/dist/runtime/components/Nav/Header.vue +1 -2
- package/dist/runtime/components/Nav/HelpArticles.vue +12 -8
- package/dist/runtime/components/Nav/Icons/ThrillshareLogo.vue +25 -0
- package/dist/runtime/components/Nav/Icons/iconPaths.json +11 -0
- package/dist/runtime/components/Nav/ImpersonateInfoPanel.vue +19 -10
- package/dist/runtime/components/Nav/Sidebar.vue +57 -20
- package/dist/runtime/components/Nav/SidebarItem.vue +3 -5
- package/dist/runtime/components/Nav/SidebarSection.vue +17 -8
- package/dist/runtime/components/Nav/SidebarToggle.vue +6 -7
- package/dist/runtime/composables/useBranding.d.ts +4 -0
- package/dist/runtime/composables/useBranding.js +21 -0
- package/dist/runtime/composables/useDropdown.d.ts +2 -2
- package/dist/runtime/composables/useDropdown.js +1 -1
- package/dist/runtime/composables/useSidebar.d.ts +2 -2
- package/dist/runtime/composables/useSidebar.js +1 -1
- package/dist/runtime/plugins/branding.d.ts +2 -0
- package/dist/runtime/plugins/branding.js +12 -0
- package/package.json +1 -1
- package/dist/runtime/assets/icons/24/Minus.svg +0 -5
- package/dist/runtime/assets/icons/24/Plus.svg +0 -5
package/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineNuxtModule, createResolver, addComponentsDir, addImportsDir } from '@nuxt/kit';
|
|
1
|
+
import { defineNuxtModule, createResolver, addComponentsDir, addImportsDir, addPlugin } from '@nuxt/kit';
|
|
2
2
|
|
|
3
3
|
const module = defineNuxtModule({
|
|
4
4
|
meta: {
|
|
@@ -8,6 +8,7 @@ const module = defineNuxtModule({
|
|
|
8
8
|
const resolver = createResolver(import.meta.url);
|
|
9
9
|
addComponentsDir({ path: resolver.resolve("runtime/components") });
|
|
10
10
|
addImportsDir(resolver.resolve("runtime/composables"));
|
|
11
|
+
addPlugin({ src: resolver.resolve("runtime/plugins/branding.ts") });
|
|
11
12
|
nuxt.hook("nitro:config", async (nitroConfig) => {
|
|
12
13
|
nitroConfig.publicAssets ||= [];
|
|
13
14
|
nitroConfig.publicAssets.push({
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="20" height="32" viewBox="0 0 20 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M10.0003 6.57275C4.73716 6.57275 0.470703 10.8319 0.470703 16.086C0.470703 20.6293 4.16253 24.4106 8.45513 25.3548C8.55004 25.3757 8.61012 25.2593 8.53817 25.1941C5.80733 22.7185 3.85273 18.7657 3.7737 16.4096C3.75092 15.7303 3.93288 15.1908 4.23436 14.6553C4.8071 13.6384 5.46017 12.6644 5.9949 11.6291C6.5857 10.4855 7.02617 10.337 8.2145 10.3051C9.3889 10.2736 10.565 10.3044 11.7398 10.2965C13.025 10.2879 13.4461 10.5534 14.0735 11.6947C14.7245 12.878 15.3162 13.6227 15.9705 14.8041C16.4126 15.6013 16.3693 16.5735 15.9254 17.366C15.3671 18.3651 14.1127 20.4534 14.0082 20.6568C13.4739 21.701 12.854 21.9153 11.7117 21.9473C11.4582 21.954 10.9407 21.9524 10.6876 21.9473C10.0349 21.9322 9.45967 22.2383 9.07267 22.8133C8.39853 23.8145 9.39315 25.5011 10.6737 25.4245C15.6408 25.1235 19.5299 21.136 19.5299 16.086C19.5299 10.8319 15.2634 6.57275 10.0003 6.57275Z" fill="#F5897F"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<svg width="198" height="32" viewBox="0 0 198 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M82.5183 24.0002C82.1029 24.0002 81.8501 23.946 81.5612 23.8557V22.8625H81.6153C81.7779 22.9167 82.0307 22.9889 82.4641 22.9889C83.1684 22.9889 83.674 22.6819 84.0171 21.7248L84.3241 20.8941L80.7305 11.5759H81.9223L84.1616 17.6075C84.4866 18.4743 84.902 19.7384 84.902 19.7384H84.9381C84.9381 19.7384 85.3354 18.4743 85.6424 17.6075L87.7914 11.5759H88.9471L85.1006 21.8873C84.4686 23.5668 83.7282 24.0002 82.5183 24.0002Z" fill="#333333"/>
|
|
3
|
+
<path d="M75.9586 21.1647C74.532 21.1647 73.5929 20.6048 72.8706 19.5033H72.8345V20.9118H71.7148V8H72.8345V13.1828H72.8706C73.5207 12.0993 74.55 11.3769 76.0308 11.3769C78.2701 11.3769 79.8773 13.1647 79.8773 16.2708C79.8773 19.1421 78.4146 21.1647 75.9586 21.1647ZM75.9044 20.2256C77.8186 20.2256 78.7396 18.4739 78.7396 16.2889C78.7396 13.9593 77.7464 12.316 75.8864 12.316C73.8277 12.316 72.7442 14.0677 72.7442 16.2889C72.7442 18.6184 73.8277 20.2256 75.9044 20.2256Z" fill="#333333"/>
|
|
4
|
+
<path d="M61.8923 21.1647C59.3821 21.1647 57.8652 19.1421 57.8652 16.2708C57.8652 13.1647 59.635 11.3769 61.8562 11.3769C63.2828 11.3769 64.3302 12.0451 64.9261 13.1286H64.9622V8H66.0819V20.9118H64.9622V19.5213H64.9261C64.2399 20.5868 63.3009 21.1647 61.8923 21.1647ZM61.9284 20.2256C63.969 20.2256 65.0525 18.6184 65.0525 16.2889C65.0525 13.9954 63.951 12.316 61.9284 12.316C60.0864 12.316 59.021 13.9593 59.021 16.2889C59.021 18.4739 59.96 20.2256 61.9284 20.2256Z" fill="#333333"/>
|
|
5
|
+
<path d="M52.5279 21.1466C49.7288 21.1466 48.1758 19.0518 48.1758 16.2527C48.1758 13.4537 49.8552 11.3589 52.4376 11.3589C55.4353 11.3589 56.4647 13.8329 56.4466 16.4514H49.3315C49.3857 18.5462 50.397 20.1895 52.5279 20.1895C54.0809 20.1895 54.8936 19.3588 55.2547 18.0947H56.3382C55.941 19.9367 54.6227 21.1466 52.5279 21.1466ZM49.3496 15.5665H55.2728C55.2186 13.7246 54.3518 12.2799 52.4376 12.2799C50.5414 12.2799 49.5482 13.7065 49.3496 15.5665Z" fill="#333333"/>
|
|
6
|
+
<path d="M43.0508 20.9117V11.5754H44.1704V13.309H44.2065C44.7844 12.2255 45.7596 11.5032 47.0598 11.5032C47.2042 11.5032 47.2945 11.5212 47.3668 11.5393V12.6409C46.6986 12.5325 45.9582 12.677 45.3803 13.0923C44.658 13.6341 44.1704 14.5009 44.1704 15.6025V20.9117H43.0508Z" fill="#333333"/>
|
|
7
|
+
<path d="M37.2252 21.1466C34.4261 21.1466 32.873 19.0518 32.873 16.2527C32.873 13.4537 34.5525 11.3589 37.1349 11.3589C40.1326 11.3589 41.1619 13.8329 41.1439 16.4514H34.0288C34.083 18.5462 35.0942 20.1895 37.2252 20.1895C38.7782 20.1895 39.5908 19.3588 39.952 18.0947H41.0355C40.6382 19.9367 39.3199 21.1466 37.2252 21.1466ZM34.0469 15.5665H39.9701C39.9159 13.7246 39.0491 12.2799 37.1349 12.2799C35.2387 12.2799 34.2455 13.7065 34.0469 15.5665Z" fill="#333333"/>
|
|
8
|
+
<path d="M22.2927 20.9122L19.5117 11.5759H20.6855L22.3108 17.3547C22.5636 18.2756 22.9067 19.7926 22.9067 19.7926H22.9428C22.9428 19.7926 23.304 18.2937 23.5388 17.4449L25.1279 11.5759H26.3378L27.8728 17.4449C28.0895 18.2937 28.4326 19.7926 28.4326 19.7926H28.4688C28.4688 19.7926 28.848 18.2576 29.1189 17.3547L30.8525 11.5759H31.9902L29.0466 20.9122H27.8186L26.2114 14.9529C25.9767 14.068 25.7239 12.84 25.7239 12.84H25.6877C25.6877 12.84 25.4349 14.068 25.2002 14.9529L23.5568 20.9122H22.2927Z" fill="#333333"/>
|
|
9
|
+
<path d="M14.3028 20.2076C16.3795 20.2076 17.463 18.4378 17.463 16.2527C17.463 14.0677 16.3795 12.2979 14.3028 12.2979C12.208 12.2979 11.1245 14.0677 11.1245 16.2527C11.1245 18.4378 12.208 20.2076 14.3028 20.2076ZM14.3028 21.1466C11.6121 21.1466 9.96875 19.0338 9.96875 16.2527C9.96875 13.4717 11.6121 11.3589 14.3028 11.3589C16.9935 11.3589 18.6007 13.4717 18.6007 16.2527C18.6007 19.0338 16.9935 21.1466 14.3028 21.1466Z" fill="#333333"/>
|
|
10
|
+
<path d="M0.363281 23.9101V11.5761H1.48291V13.1833H1.51903C2.16914 12.0817 3.19847 11.3774 4.67927 11.3774C6.91853 11.3774 8.5438 13.1472 8.5438 16.2532C8.5438 19.1245 7.063 21.1471 4.60704 21.1471C3.18041 21.1471 2.22331 20.5873 1.51903 19.558H1.48291V23.9101H0.363281ZM4.55286 20.2081C6.46707 20.2081 7.40611 18.4383 7.40611 16.2713C7.40611 13.9418 6.39483 12.3165 4.53481 12.3165C2.47613 12.3165 1.39262 14.0682 1.39262 16.2894C1.39262 18.5828 2.42196 20.2081 4.55286 20.2081Z" fill="#333333"/>
|
|
11
|
+
<path d="M135.417 10.8388C135.944 10.5321 136.581 10.3669 137.341 10.3669C138.071 10.3669 138.73 10.51 139.318 10.796C139.905 11.0821 140.41 11.479 140.832 11.9865C141.255 12.4944 141.577 13.1058 141.799 13.8208C142.021 14.5361 142.133 15.3224 142.133 16.1806C142.133 17.0673 142.018 17.872 141.789 18.594C141.559 19.3163 141.233 19.9277 140.811 20.428C140.388 20.9288 139.883 21.315 139.296 21.5865C138.708 21.858 138.064 21.9941 137.362 21.9941C136.588 21.9941 136.004 21.8906 135.421 21.5997C135.421 21.5997 134.842 21.3685 134.182 20.6966H134.138V25.4265H131.336V10.6671H134.031V11.8648H134.096C134.096 11.8648 134.635 11.294 135.417 10.8388ZM136.922 19.6612C137.66 19.6612 138.246 19.3625 138.68 18.7653C139.113 18.168 139.329 17.3312 139.329 16.2544C139.329 15.1783 139.134 14.3006 138.743 13.6221C138.353 12.9439 137.71 12.6045 136.816 12.6045C136.361 12.6045 135.974 12.7006 135.654 12.892C135.335 13.084 135.072 13.342 134.866 13.6663C134.66 13.9909 134.511 14.3781 134.419 14.8278C134.326 15.2778 134.28 15.7534 134.28 16.2545C134.28 17.2871 134.504 18.1129 134.951 18.7322C135.399 19.3515 136.056 19.6612 136.922 19.6612Z" fill="#333333"/>
|
|
12
|
+
<path d="M147.542 10.8385C148.069 10.5319 148.706 10.3667 149.466 10.3667C150.196 10.3667 150.855 10.5098 151.443 10.7958C152.03 11.0819 152.535 11.4787 152.957 11.9863C153.38 12.4941 153.702 13.1055 153.924 13.8205C154.146 14.5359 154.258 15.3221 154.258 16.1804C154.258 17.0671 154.143 17.8717 153.914 18.5937C153.684 19.3161 153.358 19.9275 152.936 20.4278C152.513 20.9286 152.008 21.3148 151.421 21.5863C150.833 21.8578 150.189 21.9938 149.487 21.9938C148.713 21.9938 148.129 21.8904 147.546 21.5994C147.546 21.5994 146.967 21.3683 146.307 20.6963H146.263V25.4263H143.461V10.6668H146.156V11.8646H146.221C146.221 11.8646 146.76 11.2937 147.542 10.8385ZM149.047 19.6609C149.785 19.6609 150.371 19.3623 150.804 18.7651C151.238 18.1678 151.454 17.331 151.454 16.2542C151.454 15.178 151.259 14.3004 150.868 13.6218C150.478 12.9436 149.835 12.6042 148.94 12.6042C148.486 12.6042 148.099 12.7004 147.779 12.8918C147.46 13.0838 147.197 13.3417 146.991 13.666C146.785 13.9906 146.636 14.3779 146.544 14.8276C146.451 15.2775 146.405 15.7531 146.405 16.2543C146.405 17.2869 146.629 18.1126 147.076 18.7319C147.524 19.3512 148.18 19.6609 149.047 19.6609Z" fill="#333333"/>
|
|
13
|
+
<path d="M188.508 22.9813H189.213C189.801 22.9813 190.219 22.8452 190.47 22.5737C190.721 22.3019 190.847 21.9372 190.847 21.4796C190.847 21.3368 190.832 21.1759 190.803 20.997C190.775 20.8183 190.728 20.6144 190.664 20.3856C190.599 20.1569 190.513 19.8888 190.406 19.5811C190.299 19.2737 190.166 18.9128 190.009 18.4977L187.043 10.6675H190.116L191.749 15.623C191.835 15.8805 191.917 16.1487 191.996 16.4276C192.075 16.7064 192.15 16.9676 192.222 17.2106C192.293 17.4824 192.372 17.7542 192.458 18.0257H192.501C192.558 17.7542 192.623 17.4824 192.695 17.2106C192.752 16.9676 192.82 16.7064 192.899 16.4276C192.977 16.1487 193.06 15.8805 193.146 15.623L194.693 10.6675H197.637L193.79 21.9515C193.576 22.5663 193.357 23.0849 193.135 23.507C192.913 23.9285 192.748 24.2718 192.455 24.5366C192.161 24.8011 191.817 24.9904 191.423 25.1051C191.029 25.2194 190.553 25.2767 189.994 25.2767H187.622L188.508 22.9813Z" fill="#333333"/>
|
|
14
|
+
<path d="M170.978 18.394C170.821 18.807 170.571 19.1345 170.228 19.3766C169.884 19.62 169.426 19.7414 168.853 19.7414C168.022 19.7414 167.374 19.4984 166.908 19.0119C166.442 18.5258 166.152 17.8535 166.038 16.9955H174.032C174.032 16.0087 173.914 15.1112 173.677 14.3031C173.441 13.4954 173.093 12.7981 172.635 12.2114C172.176 11.6252 171.611 11.171 170.937 10.8492C170.264 10.5274 169.483 10.3667 168.595 10.3667C167.793 10.3667 167.059 10.5168 166.392 10.817C165.726 11.1175 165.153 11.5251 164.673 12.0398C164.193 12.5547 163.821 13.1662 163.556 13.874C163.29 14.5819 163.158 15.3435 163.158 16.1586C163.158 16.9739 163.284 17.7393 163.534 18.4541C163.785 19.1694 164.154 19.7878 164.641 20.3097C165.128 20.832 165.726 21.243 166.435 21.5433C167.144 21.8435 167.957 21.9938 168.874 21.9938C169.576 21.9938 170.214 21.8972 170.787 21.7041C171.36 21.5111 171.858 21.2503 172.28 20.9212C172.703 20.5924 173.047 20.2099 173.312 19.7735C173.494 19.4741 173.634 19.1621 173.738 18.8391L170.978 18.394ZM166.876 13.2519C167.277 12.8303 167.864 12.6191 168.638 12.6191C169.311 12.6191 169.859 12.8373 170.282 13.2735C170.704 13.7099 170.937 14.2783 170.98 14.9788H166.081C166.21 14.2496 166.475 13.6739 166.876 13.2519Z" fill="#333333"/>
|
|
15
|
+
<path d="M179.923 10.3677C179.221 10.3677 178.58 10.493 178 10.743C177.419 10.9935 176.918 11.3544 176.495 11.8264C176.073 12.2984 175.743 12.8668 175.507 13.5319C175.271 14.1969 175.152 14.9369 175.152 15.7521C175.152 16.5817 175.292 17.3219 175.571 17.9726C175.851 18.6235 176.216 19.1738 176.667 19.6243C177.119 20.0748 177.634 20.4181 178.214 20.6541C178.795 20.8901 179.393 21.0081 180.009 21.0081C180.009 21.0081 181.682 21.1394 182.888 19.9483H182.953V20.9223C182.953 22.4524 182.136 23.2177 180.503 23.2177C179.815 23.2177 179.303 23.0997 178.967 22.8638C178.649 22.6412 178.434 22.3691 178.314 22.0511L175.766 23.1344C176.062 23.6818 176.5 24.1428 177.04 24.5155C177.921 25.1232 179.264 25.4273 180.782 25.4273C181.599 25.4273 182.208 25.3271 182.896 25.1268C183.584 24.9265 184.156 24.6121 184.615 24.183C185.03 23.8109 185.26 23.3534 185.489 22.8101C185.718 22.2664 185.833 21.6088 185.833 20.8365V10.6679H183.017V11.6579H182.974C182.034 10.2585 179.923 10.3677 179.923 10.3677ZM182.953 16.8463C182.852 17.204 182.698 17.5188 182.491 17.7903C182.283 18.0621 182.015 18.2766 181.685 18.4338C181.355 18.5914 180.961 18.6697 180.503 18.6697C179.744 18.6697 179.139 18.4124 178.687 17.8975C178.236 17.3826 178.01 16.6532 178.01 15.7094C178.01 14.7799 178.236 14.0467 178.687 13.5104C179.139 12.9741 179.737 12.7059 180.482 12.7059C180.926 12.7059 181.312 12.7847 181.642 12.942C181.971 13.0995 182.244 13.314 182.459 13.5855C182.674 13.8573 182.835 14.1754 182.942 14.5402C183.05 14.9048 183.103 15.2876 183.103 15.6879C183.103 16.1028 183.053 16.489 182.953 16.8463Z" fill="#333333"/>
|
|
16
|
+
<path d="M156.676 6.57275V10.5755H155.102V13.0583H156.676V18.7896C156.676 18.7896 156.57 21.0692 158.947 21.6571C160.777 22.0863 162.792 21.3097 162.792 21.3097L161.775 18.6989C161.775 18.6989 159.534 19.802 159.534 17.8074C159.534 15.7171 159.534 13.0583 159.534 13.0583L161.827 13.0417L162.792 10.5755H159.534V6.57275H156.676Z" fill="#333333"/>
|
|
17
|
+
<path d="M129.457 20.064V14.4649L129.455 14.4684V14.4642C129.455 13.1771 129.094 12.1796 128.37 11.4716C127.647 10.7635 126.461 10.4097 124.814 10.4097C124.011 10.4097 123.317 10.5099 122.729 10.7101C122.142 10.9104 121.655 11.1749 121.268 11.5037C120.881 11.8329 120.587 12.2154 120.387 12.6514C120.327 12.7825 120.278 12.9166 120.234 13.0522L122.546 14.0351H122.665C122.708 13.5061 122.901 13.1162 123.245 12.866C123.589 12.6159 124.105 12.4904 124.792 12.4904C125.408 12.4904 125.87 12.6085 126.178 12.8443C126.486 13.0805 126.64 13.3988 126.64 13.799C126.64 14.2141 126.426 14.493 125.996 14.6356C125.566 14.7788 124.892 14.9145 123.976 15.0433C123.36 15.1291 122.783 15.247 122.246 15.3972C121.709 15.5475 121.239 15.7585 120.838 16.0301C120.437 16.302 120.122 16.6452 119.893 17.0599C119.663 17.4748 119.549 17.9823 119.549 18.5828C119.549 19.6844 119.907 20.521 120.623 21.0927C121.34 21.665 122.264 21.951 123.396 21.951C123.396 21.951 124.146 21.951 124.831 21.8408C125.659 21.6884 126.44 21.2485 126.918 20.7594L127.027 21.6934H127.028L127.028 21.6941H129.843V21.5868C129.585 21.4014 129.457 20.8935 129.457 20.064ZM126.705 17.8109C126.705 18.0827 126.647 18.3437 126.533 18.5938C126.418 18.8442 126.25 19.0658 126.028 19.2589C125.806 19.4519 125.534 19.6094 125.211 19.7307C124.889 19.8524 124.52 19.9131 124.105 19.9131C123.589 19.9131 123.173 19.8095 122.858 19.6021C122.543 19.3949 122.386 19.0335 122.386 18.5187C122.386 18.0039 122.572 17.6322 122.944 17.4031C123.317 17.1745 123.89 16.9741 124.663 16.8025C125.036 16.7165 125.405 16.6275 125.77 16.5342C126.135 16.4416 126.447 16.3165 126.705 16.1589V17.8109H126.705Z" fill="#333333"/>
|
|
18
|
+
<path d="M106.477 6.57251C101.214 6.57251 96.9473 10.8316 96.9473 16.0858C96.9473 20.6291 100.639 24.4104 104.932 25.3546C105.027 25.3754 105.087 25.2591 105.015 25.1938C102.284 22.7183 100.329 18.7655 100.25 16.4094C100.227 15.73 100.409 15.1906 100.711 14.655C101.284 13.6382 101.937 12.6642 102.471 11.6289C103.062 10.4853 103.503 10.3367 104.691 10.3049C105.865 10.2734 107.042 10.3041 108.216 10.2963C109.502 10.2877 109.923 10.5531 110.55 11.6945C111.201 12.8778 111.793 13.6225 112.447 14.8039C112.889 15.6011 112.846 16.5732 112.402 17.3658C111.844 18.3648 110.589 20.4532 110.485 20.6565C109.95 21.7007 109.331 21.915 108.188 21.9471C107.935 21.9538 107.417 21.9522 107.164 21.9471C106.511 21.932 105.936 22.2381 105.549 22.8131C104.875 23.8143 105.87 25.5009 107.15 25.4243C112.117 25.1232 116.006 21.1357 116.006 16.0858C116.006 10.8316 111.74 6.57251 106.477 6.57251Z" fill="#F5897F"/>
|
|
19
|
+
</svg>
|
|
@@ -1 +1,22 @@
|
|
|
1
|
-
<svg width="148" height="
|
|
1
|
+
<svg width="148" height="32" viewBox="0 0 148 34" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M83.8405 31.9113C82.9458 31.9113 82.2747 31.5758 81.7528 30.8302V31.6876H80.709V22.5168H81.7528V26.0211C82.2374 25.3501 82.9085 24.9027 83.8777 24.9027C85.5553 24.9027 86.711 26.1702 86.711 28.407C86.711 30.6438 85.6299 31.9113 83.8405 31.9113ZM83.7659 31.0166C85.0334 31.0166 85.6299 29.8982 85.6299 28.407C85.6299 26.9158 85.0334 25.7974 83.7659 25.7974C82.4984 25.7974 81.641 26.9904 81.641 28.407C81.641 29.8236 82.3493 31.0166 83.7659 31.0166ZM88.5004 33.8871C88.0903 33.8871 87.8294 33.8871 87.5684 33.738V32.806H87.6057C87.7548 32.8806 87.9785 32.9551 88.314 32.9551C88.6495 32.9551 89.0596 32.806 89.3206 32.135L89.5815 31.4639L86.972 25.0146H88.0903L89.6561 29.1526C89.8798 29.7118 90.1034 30.4574 90.1034 30.4574C90.1034 30.4574 90.3271 29.7118 90.5508 29.1526L92.0793 25.0146H93.1976L90.3644 32.2095C89.8425 33.5889 89.3206 33.8498 88.5004 33.8498V33.8871ZM101.175 31.7622C100.504 31.7622 100.132 31.4639 100.02 30.7556C99.6097 31.2776 98.9387 31.7995 97.8203 31.7995C96.7019 31.7995 95.5835 31.203 95.5835 29.9355C95.5835 28.668 96.8138 28.0342 98.4914 27.7733C99.4233 27.6241 100.094 27.5496 100.094 26.804C100.094 26.0584 99.5725 25.6483 98.6032 25.6483C97.6339 25.6483 97.0002 26.0957 96.9629 27.1022H95.9563C95.9936 25.8347 96.851 24.8655 98.6032 24.8655C100.355 24.8655 101.064 25.3874 101.064 26.9904V30.1592C101.064 30.6811 101.175 30.9793 101.772 30.8675H101.809V31.6131C101.697 31.6503 101.511 31.7249 101.25 31.7249L101.175 31.7622ZM98.044 31.0166C99.4233 31.0166 100.057 30.01 100.057 29.2272V28.1088C99.7216 28.3325 99.1251 28.4816 98.5286 28.5934C97.4848 28.7798 96.6646 28.9662 96.6646 29.9355C96.6646 30.9048 97.373 31.0166 98.044 31.0166ZM102.518 33.8498V25.0891H103.561V26.0211C104.046 25.3501 104.717 24.94 105.686 24.94C107.364 24.94 108.557 26.2075 108.557 28.4443C108.557 30.6811 107.476 31.9486 105.649 31.9486C103.822 31.9486 104.121 31.6876 103.561 30.9793V33.8871H102.518V33.8498ZM105.612 31.0166C106.879 31.0166 107.513 29.8982 107.513 28.407C107.513 26.9158 106.879 25.7974 105.612 25.7974C104.344 25.7974 103.487 26.9904 103.487 28.407C103.487 29.8236 104.083 31.0166 105.612 31.0166ZM109.601 33.8498V25.0891H110.644V26.0211C111.129 25.3501 111.8 24.94 112.769 24.94C114.447 24.94 115.64 26.2075 115.64 28.4443C115.64 30.6811 114.559 31.9486 112.732 31.9486C110.905 31.9486 111.204 31.6876 110.644 30.9793V33.8871H109.601V33.8498ZM112.695 31.0166C113.962 31.0166 114.596 29.8982 114.596 28.407C114.596 26.9158 113.962 25.7974 112.695 25.7974C111.427 25.7974 110.57 26.9904 110.57 28.407C110.57 29.8236 111.166 31.0166 112.695 31.0166ZM116.087 25.9093V25.0519H117.057V22.9642H118.1V25.0519H119.368V25.9093H118.1V30.2337C118.1 30.6811 118.361 30.8675 118.771 30.8675C119.182 30.8675 119.219 30.8302 119.331 30.7929H119.368V31.6876C119.107 31.7249 118.846 31.7622 118.548 31.7622C117.69 31.7622 117.094 31.4267 117.094 30.4947V25.9466H116.125L116.087 25.9093ZM123.245 31.874C121.232 31.874 120.039 30.3083 120.039 28.3697C120.039 26.4312 121.306 24.8655 123.17 24.8655C125.034 24.8655 126.227 26.3939 126.227 28.5934H121.083C121.157 29.9355 121.903 30.9793 123.245 30.9793C124.587 30.9793 124.848 30.532 125.072 29.6H126.078C125.78 31.0166 124.736 31.8367 123.208 31.8367L123.245 31.874ZM123.17 25.7229C121.94 25.7229 121.269 26.6549 121.12 27.8478H125.109C125.034 26.5058 124.363 25.7229 123.17 25.7229ZM129.881 33.9244C128.166 33.9244 127.197 33.2161 127.085 32.0977H128.054C128.166 32.8433 128.837 33.1043 129.881 33.1043C130.925 33.1043 131.782 32.5451 131.782 31.3894V30.4574C131.297 31.0912 130.775 31.5012 129.806 31.5012C128.091 31.5012 126.898 30.1219 126.898 28.2206C126.898 26.3194 128.203 24.94 129.732 24.94C131.26 24.94 131.297 25.3128 131.745 25.9466V25.0891H132.789V31.3894C132.789 33.1415 131.633 33.9617 129.881 33.9617V33.9244ZM129.806 30.6065C131.335 30.6065 131.819 29.5254 131.819 28.1461C131.819 26.7667 131.186 25.7974 129.806 25.7974C128.427 25.7974 127.942 26.7667 127.942 28.2206C127.942 29.6745 128.613 30.6065 129.843 30.6065H129.806ZM135.063 33.8871C134.653 33.8871 134.392 33.8871 134.131 33.738V32.806H134.168C134.317 32.8806 134.541 32.9551 134.876 32.9551C135.212 32.9551 135.622 32.806 135.883 32.135L136.144 31.4639L133.534 25.0146H134.653L136.218 29.1526C136.442 29.7118 136.666 30.4574 136.666 30.4574C136.666 30.4574 136.889 29.7118 137.113 29.1526L138.641 25.0146H139.76L136.927 32.2095C136.405 33.5889 135.883 33.8498 135.063 33.8498V33.8871Z" fill="white"/>
|
|
3
|
+
<mask id="mask0_1_3" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="148" height="30">
|
|
4
|
+
<path d="M148 0H0V29.0781H148V0Z" fill="white"/>
|
|
5
|
+
</mask>
|
|
6
|
+
<g mask="url(#mask0_1_3)">
|
|
7
|
+
<path d="M48.09 6.56122C48.761 6.56122 49.3948 6.67306 49.954 6.93401C50.5132 7.15769 50.9605 7.53049 51.3706 7.94056C51.7434 8.38792 52.0789 8.90983 52.3026 9.46903C52.5263 10.0655 52.6381 10.6993 52.6381 11.4076V19.9446H49.1711V11.9295C49.1711 11.2212 48.9847 10.6247 48.5746 10.2146C48.2018 9.76726 47.6054 9.54359 46.8971 9.54359C46.1887 9.54359 45.5177 9.80454 44.9958 10.3637C44.5112 10.9229 44.2502 11.6312 44.2502 12.526V19.9446H40.7832V1.78943H44.2502V8.08968H44.3248C45.7414 6.4121 48.1273 6.56122 48.1273 6.56122H48.09Z" fill="white"/>
|
|
8
|
+
<path d="M100.764 6.56122C101.435 6.56122 102.069 6.67306 102.628 6.93401C103.187 7.15769 103.634 7.53049 104.044 7.94056C104.417 8.38792 104.753 8.90983 104.976 9.46903C105.2 10.0655 105.312 10.6993 105.312 11.4076V19.9446H101.845V11.9295C101.845 11.2212 101.659 10.6247 101.248 10.2146C100.876 9.76726 100.279 9.54359 99.5709 9.54359C98.8626 9.54359 98.1915 9.80454 97.6696 10.3637C97.185 10.9229 96.924 11.6312 96.924 12.526V19.9446H93.457V1.78943H96.924V8.08968H96.9986C98.4152 6.4121 100.801 6.56122 100.801 6.56122H100.764Z" fill="white"/>
|
|
9
|
+
<path d="M58.0816 8.7235H58.1561C58.5289 7.97791 58.9017 7.64239 59.4236 7.26959C59.9083 6.8968 60.6166 6.74768 61.3994 6.74768C62.1823 6.74768 62.0332 6.74768 62.2196 6.85952V9.87917H62.145C61.0266 9.76733 60.0574 9.99101 59.3491 10.6248C58.6035 11.2212 58.2307 12.2278 58.2307 13.6071V19.9819H54.7637V6.93408H58.0816V8.76078V8.7235Z" fill="white"/>
|
|
10
|
+
<path d="M123.357 8.7235H123.432C123.804 7.97791 124.177 7.64239 124.699 7.26959C125.184 6.8968 125.892 6.74768 126.675 6.74768C127.458 6.74768 127.309 6.74768 127.495 6.85952V9.87917H127.42C126.302 9.76733 125.333 9.99101 124.624 10.6248C123.879 11.2212 123.506 12.2278 123.506 13.6071V19.9819H120.039V6.93408H123.357V8.76078V8.7235Z" fill="white"/>
|
|
11
|
+
<path d="M63.7109 1.78943H67.1779V4.88364H63.7109V1.78943ZM63.7109 6.93401H67.1779V19.9819H63.7109V6.93401Z" fill="white"/>
|
|
12
|
+
<path d="M69.4512 1.78943H72.9182V19.9819H69.4512V1.78943Z" fill="white"/>
|
|
13
|
+
<path d="M75.2676 1.78943H78.7346V19.9819H75.2676V1.78943Z" fill="white"/>
|
|
14
|
+
<path d="M86.3386 20.3548C84.4374 20.3548 82.9462 19.9447 81.9024 19.0873C80.8585 18.2298 80.2993 17.1487 80.1875 15.7321H83.3935C83.5054 16.4777 83.8409 17.0369 84.3255 17.3724C84.8102 17.7079 85.4812 17.8943 86.2641 17.8943C87.0469 17.8943 87.6061 17.7825 88.0535 17.4842C88.4636 17.2233 88.6872 16.8505 88.6872 16.4031C88.6872 15.9558 88.5754 15.8439 88.389 15.6575C88.2026 15.4712 87.9417 15.322 87.6434 15.2102C87.3452 15.0984 86.9724 14.9865 86.525 14.912C86.0777 14.8374 85.6676 14.7628 85.2202 14.651C84.6238 14.5392 84.0646 14.39 83.5054 14.2409C82.9462 14.0918 82.4616 13.8681 82.0142 13.5699C81.5668 13.2717 81.2313 12.8989 80.9704 12.4515C80.7094 12.0041 80.5976 11.4077 80.5976 10.6994C80.5976 9.99105 80.7094 9.3573 81.0076 8.87266C81.2686 8.35075 81.6414 7.90339 82.126 7.56788C82.6107 7.19508 83.1699 6.9714 83.8409 6.78501C84.4746 6.63589 85.183 6.52405 85.9286 6.52405C87.6434 6.52405 89.0228 6.89684 89.9175 7.67972C90.8495 8.46259 91.4087 9.50642 91.5205 10.8112H88.389C88.3145 10.1029 88.0535 9.61825 87.6434 9.32002C87.2333 9.05906 86.6369 8.90994 85.8913 8.90994C85.1457 8.90994 84.661 9.02178 84.251 9.28274C83.8409 9.50642 83.6545 9.87921 83.6545 10.3638C83.6545 10.8485 83.7663 10.8858 83.9527 11.0349C84.1764 11.184 84.4374 11.3331 84.7729 11.445C85.1084 11.5568 85.4812 11.6314 85.9286 11.7059C86.3759 11.7805 86.786 11.855 87.2706 11.9669C87.8298 12.0787 88.3517 12.2278 88.9109 12.3769C89.4701 12.5261 89.9548 12.7497 90.4021 13.048C90.8495 13.3462 91.185 13.7563 91.4832 14.2036C91.7442 14.6883 91.8933 15.322 91.8933 16.0676C91.8933 16.8132 91.7814 17.2979 91.4832 17.857C91.2223 18.379 90.8495 18.8263 90.3648 19.1618C89.8802 19.5346 89.2837 19.7956 88.65 19.982C87.9789 20.1684 87.2333 20.2429 86.4132 20.2429L86.3386 20.3548Z" fill="white"/>
|
|
15
|
+
<path d="M136.893 16.0303C136.706 16.5149 136.408 16.8877 136.035 17.1487C135.663 17.4096 135.103 17.5588 134.432 17.5588C133.463 17.5588 132.717 17.2978 132.196 16.7013C131.674 16.1421 131.338 15.3593 131.189 14.39H140.434C140.434 13.2343 140.322 12.2278 140.024 11.2958C139.763 10.3638 139.353 9.54365 138.831 8.87262C138.309 8.20158 137.638 7.67967 136.855 7.30687C136.073 6.93408 135.178 6.74768 134.134 6.74768C133.09 6.74768 132.345 6.93408 131.599 7.26959C130.816 7.60511 130.182 8.08975 129.623 8.68622C129.064 9.28269 128.654 9.99101 128.318 10.8112C128.02 11.6313 127.871 12.4887 127.871 13.458C127.871 14.4273 128.02 15.2847 128.318 16.1049C128.617 16.925 129.027 17.6333 129.586 18.2671C130.145 18.8635 130.816 19.3482 131.674 19.6837C132.494 20.0192 133.426 20.2056 134.507 20.2056C135.588 20.2056 136.073 20.0938 136.706 19.8701C137.377 19.6464 137.937 19.3482 138.421 18.9754C138.906 18.6026 139.316 18.1552 139.614 17.6333C139.838 17.2978 139.987 16.925 140.099 16.5522L136.893 16.0303ZM132.158 10.1028C132.643 9.61821 133.314 9.39453 134.209 9.39453C135.103 9.39453 135.625 9.65549 136.11 10.1401C136.595 10.6248 136.855 11.2958 136.93 12.1159H131.264C131.375 11.2585 131.711 10.5875 132.158 10.1028Z" fill="white"/>
|
|
16
|
+
<path d="M31.9849 1.7522V6.71038H30.1582V9.58091H31.9849V16.8132C31.9849 16.8132 31.8731 19.46 34.5945 20.131C36.7194 20.6157 39.0307 19.721 39.0307 19.721L37.8378 16.7013C37.8378 16.7013 35.2655 17.9688 35.2655 15.6575V9.58091H37.9124L39.0307 6.71038H35.2655V1.7522H31.9476H31.9849Z" fill="white"/>
|
|
17
|
+
<path d="M118.175 18.1551V11.7058C118.175 10.2146 117.765 9.05892 116.945 8.23877C116.087 7.41862 114.745 7.00854 112.844 7.00854C110.943 7.00854 111.129 7.12038 110.421 7.34406C109.713 7.56774 109.191 7.86598 108.743 8.27605C108.296 8.64885 107.961 9.0962 107.737 9.61812C107.662 9.76724 107.625 9.91635 107.55 10.1028L110.235 11.2211H110.346C110.384 10.6247 110.607 10.14 111.017 9.87907C111.428 9.58084 111.987 9.43172 112.807 9.43172C113.627 9.43172 114.037 9.54356 114.41 9.84179C114.783 10.1028 114.932 10.4755 114.932 10.9229C114.932 11.3703 114.671 11.7431 114.186 11.8922C113.702 12.0413 112.919 12.2277 111.838 12.3768C111.129 12.4886 110.458 12.6378 109.862 12.7869C109.228 12.9733 108.706 13.197 108.259 13.4952C107.774 13.7934 107.439 14.2035 107.178 14.6881C106.917 15.1728 106.768 15.7692 106.768 16.4403C106.768 17.7078 107.178 18.6771 107.998 19.3481C108.818 20.0191 109.899 20.3174 111.204 20.3174C111.204 20.3174 112.061 20.3174 112.844 20.2055C113.813 20.0191 114.708 19.5345 115.267 18.9753L115.379 20.0564H118.622V19.9446C118.324 19.7582 118.175 19.199 118.175 18.2297V18.1551ZM115.155 15.5829C115.155 15.8811 115.081 16.1793 114.969 16.4776C114.857 16.7758 114.634 17.0368 114.373 17.2604C114.112 17.4841 113.813 17.6705 113.441 17.8196C113.068 17.9687 112.658 18.0433 112.173 18.0433C111.688 18.0433 111.092 17.9315 110.719 17.6705C110.346 17.4096 110.16 16.9995 110.16 16.4403C110.16 15.8811 110.384 15.4337 110.794 15.1355C111.241 14.8745 111.875 14.6509 112.77 14.4272C113.217 14.3153 113.627 14.2035 114.037 14.1289C114.447 14.0171 114.82 13.868 115.118 13.6816V15.5829H115.155Z" fill="white"/>
|
|
18
|
+
<path d="M24.7161 9.69275L20.578 2.57235C19.9443 1.45396 18.304 0.521973 16.9992 0.521973H8.76038C7.4556 0.521973 5.85257 1.45396 5.18154 2.57235L1.08078 9.69275C0.44703 10.8111 0.44703 12.6751 1.08078 13.7935L4.99514 20.5784C5.62889 21.6968 6.74728 23.5608 7.4556 24.6419L9.80421 28.4071C10.5125 29.5255 12.041 29.3764 12.041 28.0343V25.3502C12.041 24.0454 13.6067 22.9643 14.9115 22.9643H17.0365C18.3412 22.9643 19.9443 22.0323 20.6153 20.9139L24.7533 13.7935C25.3871 12.6378 25.3871 10.7739 24.7533 9.65547L24.7161 9.69275ZM10.8108 17.186C10.7362 17.4469 10.5871 17.6333 10.3634 17.7451C10.2143 17.8197 10.0652 17.857 9.87877 17.857C9.54325 17.857 9.24502 17.6706 9.05862 17.3723L6.22537 12.4514C5.96441 12.0041 6.11353 11.4076 6.59816 11.1467C6.74728 11.0721 6.8964 11.0348 7.0828 11.0348C7.41832 11.0348 7.75383 11.2212 7.90295 11.5195L10.7362 16.4404C10.848 16.664 10.8853 16.925 10.848 17.1487L10.8108 17.186ZM14.7997 17.857C14.6506 17.9315 14.5014 17.9688 14.315 17.9688C13.9795 17.9688 13.6813 17.7824 13.4949 17.4842L8.38759 8.57437C8.12663 8.12701 8.27575 7.53054 8.76038 7.26958C8.9095 7.19502 9.05862 7.15774 9.24502 7.15774C9.58053 7.15774 9.91605 7.34414 10.0652 7.64238L15.1725 16.5522C15.4334 16.9996 15.2843 17.596 14.7997 17.857ZM19.646 17.4096C19.5715 17.6706 19.4223 17.857 19.1987 17.9688C19.0496 18.0434 18.9004 18.0807 18.714 18.0807C18.3785 18.0807 18.0803 17.8943 17.8939 17.596L10.5125 4.73457C10.4007 4.51089 10.3634 4.24993 10.4007 4.02625C10.4752 3.80258 10.6244 3.5789 10.848 3.42978C10.9972 3.35522 11.1463 3.31794 11.3327 3.31794C11.6682 3.31794 12.0037 3.50434 12.1528 3.80258L19.5342 16.7013C19.646 16.925 19.6833 17.186 19.646 17.4096Z" fill="white"/>
|
|
19
|
+
<path d="M142.52 2.90796H144.16C144.868 2.90796 145.316 3.31803 145.316 3.91451C145.316 4.51098 145.129 4.6601 144.645 4.80922C144.98 4.92106 145.129 5.10746 145.204 5.55481C145.241 6.07673 145.204 6.44952 145.353 6.52408H144.645C144.57 6.52408 144.533 6.07673 144.496 5.66665C144.496 5.29385 144.235 5.0329 143.787 5.0329H143.191V6.4868H142.445V2.90796H142.52ZM143.265 4.51098H144.048C144.458 4.51098 144.645 4.32458 144.645 4.02635C144.645 3.72811 144.458 3.50443 144.048 3.50443H143.265V4.51098Z" fill="white"/>
|
|
20
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M140.695 4.73452C140.695 6.52394 142.186 8.01513 143.975 8.01513C145.765 8.01513 147.256 6.56122 147.256 4.73452C147.256 2.90782 145.765 1.45392 143.975 1.45392C142.186 1.45392 140.695 2.90782 140.695 4.73452ZM139.986 4.73452C139.986 6.93402 141.776 8.72344 144.013 8.72344C146.249 8.72344 148.039 6.93402 148.039 4.73452C148.039 2.53503 146.249 0.745605 144.013 0.745605C141.776 0.745605 139.986 2.53503 139.986 4.73452Z" fill="white"/>
|
|
21
|
+
</g>
|
|
22
|
+
</svg>
|
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
:class="{ sticky }"
|
|
5
5
|
role="banner"
|
|
6
6
|
>
|
|
7
|
-
<NavSidebarToggle />
|
|
8
7
|
<div class="header__breadcrumbs">
|
|
9
8
|
<slot name="breadcrumbs" />
|
|
10
9
|
</div>
|
|
@@ -38,7 +37,7 @@ header.header {
|
|
|
38
37
|
grid-area: navheader;
|
|
39
38
|
display: grid;
|
|
40
39
|
grid-auto-flow: column;
|
|
41
|
-
grid-template-columns:
|
|
40
|
+
grid-template-columns: 1fr auto;
|
|
42
41
|
gap: 16px;
|
|
43
42
|
align-items: center;
|
|
44
43
|
padding: 24px 64px;
|
|
@@ -20,8 +20,11 @@
|
|
|
20
20
|
:class="['help-articles-btn', !isDropdown && 'help-btn']"
|
|
21
21
|
@click="expandDropdown"
|
|
22
22
|
>
|
|
23
|
-
<
|
|
24
|
-
|
|
23
|
+
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
24
|
+
<path d="M15.0625 17.2451C14.9404 17.582 14.8745 18.041 14.8647 18.6221H16.2197C16.2197 17.8799 16.3979 17.311 16.7544 16.9155L17.5527 16.1245C18.3438 15.2944 18.7393 14.4521 18.7393 13.5977C18.7393 12.7334 18.4805 12.0547 17.9629 11.5615C17.4502 11.0635 16.7324 10.8145 15.8096 10.8145C14.9209 10.8145 14.1982 11.0586 13.6416 11.5469C13.0898 12.0303 12.8091 12.6675 12.7993 13.4585H14.1543C14.1543 13.0142 14.3057 12.6602 14.6084 12.3965C14.9111 12.1328 15.3115 12.001 15.8096 12.001C16.3223 12.001 16.7129 12.1475 16.9814 12.4404C17.25 12.7285 17.3843 13.1289 17.3843 13.6416C17.3843 14.1738 17.1792 14.6719 16.769 15.1357L15.8096 16.1245C15.4336 16.5347 15.1846 16.9082 15.0625 17.2451Z" fill="currentColor"/>
|
|
25
|
+
<path d="M15.0039 20.3945C14.8721 20.541 14.8062 20.7241 14.8062 20.9438C14.8062 21.1636 14.8721 21.3467 15.0039 21.4932C15.1406 21.6348 15.3408 21.7056 15.6045 21.7056C15.8682 21.7056 16.0684 21.6348 16.2051 21.4932C16.3418 21.3467 16.4102 21.1636 16.4102 20.9438C16.4102 20.7241 16.3418 20.541 16.2051 20.3945C16.0684 20.2432 15.8682 20.1675 15.6045 20.1675C15.3408 20.1675 15.1406 20.2432 15.0039 20.3945Z" fill="currentColor"/>
|
|
26
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M26 16C26 21.5228 21.5228 26 16 26C10.4772 26 6 21.5228 6 16C6 10.4772 10.4772 6 16 6C21.5228 6 26 10.4772 26 16ZM24.75 16C24.75 20.8325 20.8325 24.75 16 24.75C11.1675 24.75 7.25 20.8325 7.25 16C7.25 11.1675 11.1675 7.25 16 7.25C20.8325 7.25 24.75 11.1675 24.75 16Z" fill="currentColor"/>
|
|
27
|
+
</svg>
|
|
25
28
|
<span v-if="expandedSidebar">
|
|
26
29
|
{{ isDropdown ? $t('navigation.helpCenter') : $t('navigation.helpArticles') }}
|
|
27
30
|
</span>
|
|
@@ -71,7 +74,7 @@ function expandDropdown() {
|
|
|
71
74
|
|
|
72
75
|
<style scoped>
|
|
73
76
|
.help-btn-wrapper {
|
|
74
|
-
box-shadow: inset 0px -1px 0px 0px var(--
|
|
77
|
+
box-shadow: inset 0px -1px 0px 0px var(--nav-border-colors, var(--purple-65));
|
|
75
78
|
display: flex;
|
|
76
79
|
flex-direction: column;
|
|
77
80
|
align-items: center;
|
|
@@ -114,7 +117,7 @@ function expandDropdown() {
|
|
|
114
117
|
border: none;
|
|
115
118
|
padding: 0;
|
|
116
119
|
background: none;
|
|
117
|
-
color: var(--
|
|
120
|
+
color: var(--nav-text-color, var(--primary-white));
|
|
118
121
|
cursor: pointer;
|
|
119
122
|
font-size: 14px;
|
|
120
123
|
width: 100%;
|
|
@@ -130,7 +133,7 @@ function expandDropdown() {
|
|
|
130
133
|
bottom: 0px;
|
|
131
134
|
right: 0px;
|
|
132
135
|
left: -45px;
|
|
133
|
-
background-color: var(--
|
|
136
|
+
background-color: var(--nav-background-color, var(--purple-70));
|
|
134
137
|
}
|
|
135
138
|
.help-btn-wrapper .caret-icon {
|
|
136
139
|
margin-left: auto;
|
|
@@ -140,12 +143,13 @@ function expandDropdown() {
|
|
|
140
143
|
.help-btn-wrapper .caret-icon.collapse {
|
|
141
144
|
transform: rotate(0.5turn);
|
|
142
145
|
}
|
|
143
|
-
.help-btn-wrapper
|
|
144
|
-
background:
|
|
146
|
+
.help-btn-wrapper svg {
|
|
147
|
+
background: var(--nav-icon-background, rgb(80, 71, 100));
|
|
145
148
|
border-radius: 4px;
|
|
149
|
+
color: var(--nav-icon-color, var(--eggplant-30));
|
|
146
150
|
}
|
|
147
151
|
.help-btn-wrapper span {
|
|
148
|
-
color: var(--
|
|
152
|
+
color: var(--nav-text-color, var(--primary-white));
|
|
149
153
|
margin-left: 8px;
|
|
150
154
|
font-size: 12px;
|
|
151
155
|
letter-spacing: 0.4px;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<svg width="148" height="34" viewBox="0 0 148 34" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<path d="M83.8405 31.9113C82.9458 31.9113 82.2747 31.5758 81.7528 30.8302V31.6876H80.709V22.5168H81.7528V26.0211C82.2374 25.3501 82.9085 24.9027 83.8777 24.9027C85.5553 24.9027 86.711 26.1702 86.711 28.407C86.711 30.6438 85.6299 31.9113 83.8405 31.9113ZM83.7659 31.0166C85.0334 31.0166 85.6299 29.8982 85.6299 28.407C85.6299 26.9158 85.0334 25.7974 83.7659 25.7974C82.4984 25.7974 81.641 26.9904 81.641 28.407C81.641 29.8236 82.3493 31.0166 83.7659 31.0166ZM88.5004 33.8871C88.0903 33.8871 87.8294 33.8871 87.5684 33.738V32.806H87.6057C87.7548 32.8806 87.9785 32.9551 88.314 32.9551C88.6495 32.9551 89.0596 32.806 89.3206 32.135L89.5815 31.4639L86.972 25.0146H88.0903L89.6561 29.1526C89.8798 29.7118 90.1034 30.4574 90.1034 30.4574C90.1034 30.4574 90.3271 29.7118 90.5508 29.1526L92.0793 25.0146H93.1976L90.3644 32.2095C89.8425 33.5889 89.3206 33.8498 88.5004 33.8498V33.8871ZM101.175 31.7622C100.504 31.7622 100.132 31.4639 100.02 30.7556C99.6097 31.2776 98.9387 31.7995 97.8203 31.7995C96.7019 31.7995 95.5835 31.203 95.5835 29.9355C95.5835 28.668 96.8138 28.0342 98.4914 27.7733C99.4233 27.6241 100.094 27.5496 100.094 26.804C100.094 26.0584 99.5725 25.6483 98.6032 25.6483C97.6339 25.6483 97.0002 26.0957 96.9629 27.1022H95.9563C95.9936 25.8347 96.851 24.8655 98.6032 24.8655C100.355 24.8655 101.064 25.3874 101.064 26.9904V30.1592C101.064 30.6811 101.175 30.9793 101.772 30.8675H101.809V31.6131C101.697 31.6503 101.511 31.7249 101.25 31.7249L101.175 31.7622ZM98.044 31.0166C99.4233 31.0166 100.057 30.01 100.057 29.2272V28.1088C99.7216 28.3325 99.1251 28.4816 98.5286 28.5934C97.4848 28.7798 96.6646 28.9662 96.6646 29.9355C96.6646 30.9048 97.373 31.0166 98.044 31.0166ZM102.518 33.8498V25.0891H103.561V26.0211C104.046 25.3501 104.717 24.94 105.686 24.94C107.364 24.94 108.557 26.2075 108.557 28.4443C108.557 30.6811 107.476 31.9486 105.649 31.9486C103.822 31.9486 104.121 31.6876 103.561 30.9793V33.8871H102.518V33.8498ZM105.612 31.0166C106.879 31.0166 107.513 29.8982 107.513 28.407C107.513 26.9158 106.879 25.7974 105.612 25.7974C104.344 25.7974 103.487 26.9904 103.487 28.407C103.487 29.8236 104.083 31.0166 105.612 31.0166ZM109.601 33.8498V25.0891H110.644V26.0211C111.129 25.3501 111.8 24.94 112.769 24.94C114.447 24.94 115.64 26.2075 115.64 28.4443C115.64 30.6811 114.559 31.9486 112.732 31.9486C110.905 31.9486 111.204 31.6876 110.644 30.9793V33.8871H109.601V33.8498ZM112.695 31.0166C113.962 31.0166 114.596 29.8982 114.596 28.407C114.596 26.9158 113.962 25.7974 112.695 25.7974C111.427 25.7974 110.57 26.9904 110.57 28.407C110.57 29.8236 111.166 31.0166 112.695 31.0166ZM116.087 25.9093V25.0519H117.057V22.9642H118.1V25.0519H119.368V25.9093H118.1V30.2337C118.1 30.6811 118.361 30.8675 118.771 30.8675C119.182 30.8675 119.219 30.8302 119.331 30.7929H119.368V31.6876C119.107 31.7249 118.846 31.7622 118.548 31.7622C117.69 31.7622 117.094 31.4267 117.094 30.4947V25.9466H116.125L116.087 25.9093ZM123.245 31.874C121.232 31.874 120.039 30.3083 120.039 28.3697C120.039 26.4312 121.306 24.8655 123.17 24.8655C125.034 24.8655 126.227 26.3939 126.227 28.5934H121.083C121.157 29.9355 121.903 30.9793 123.245 30.9793C124.587 30.9793 124.848 30.532 125.072 29.6H126.078C125.78 31.0166 124.736 31.8367 123.208 31.8367L123.245 31.874ZM123.17 25.7229C121.94 25.7229 121.269 26.6549 121.12 27.8478H125.109C125.034 26.5058 124.363 25.7229 123.17 25.7229ZM129.881 33.9244C128.166 33.9244 127.197 33.2161 127.085 32.0977H128.054C128.166 32.8433 128.837 33.1043 129.881 33.1043C130.925 33.1043 131.782 32.5451 131.782 31.3894V30.4574C131.297 31.0912 130.775 31.5012 129.806 31.5012C128.091 31.5012 126.898 30.1219 126.898 28.2206C126.898 26.3194 128.203 24.94 129.732 24.94C131.26 24.94 131.297 25.3128 131.745 25.9466V25.0891H132.789V31.3894C132.789 33.1415 131.633 33.9617 129.881 33.9617V33.9244ZM129.806 30.6065C131.335 30.6065 131.819 29.5254 131.819 28.1461C131.819 26.7667 131.186 25.7974 129.806 25.7974C128.427 25.7974 127.942 26.7667 127.942 28.2206C127.942 29.6745 128.613 30.6065 129.843 30.6065H129.806ZM135.063 33.8871C134.653 33.8871 134.392 33.8871 134.131 33.738V32.806H134.168C134.317 32.8806 134.541 32.9551 134.876 32.9551C135.212 32.9551 135.622 32.806 135.883 32.135L136.144 31.4639L133.534 25.0146H134.653L136.218 29.1526C136.442 29.7118 136.666 30.4574 136.666 30.4574C136.666 30.4574 136.889 29.7118 137.113 29.1526L138.641 25.0146H139.76L136.927 32.2095C136.405 33.5889 135.883 33.8498 135.063 33.8498V33.8871Z" fill="white"/>
|
|
4
|
+
<mask id="mask0_1_3" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="148" height="30">
|
|
5
|
+
<path d="M148 0H0V29.0781H148V0Z" fill="white"/>
|
|
6
|
+
</mask>
|
|
7
|
+
<g mask="url(#mask0_1_3)">
|
|
8
|
+
<path d="M48.09 6.56122C48.761 6.56122 49.3948 6.67306 49.954 6.93401C50.5132 7.15769 50.9605 7.53049 51.3706 7.94056C51.7434 8.38792 52.0789 8.90983 52.3026 9.46903C52.5263 10.0655 52.6381 10.6993 52.6381 11.4076V19.9446H49.1711V11.9295C49.1711 11.2212 48.9847 10.6247 48.5746 10.2146C48.2018 9.76726 47.6054 9.54359 46.8971 9.54359C46.1887 9.54359 45.5177 9.80454 44.9958 10.3637C44.5112 10.9229 44.2502 11.6312 44.2502 12.526V19.9446H40.7832V1.78943H44.2502V8.08968H44.3248C45.7414 6.4121 48.1273 6.56122 48.1273 6.56122H48.09Z" fill="white"/>
|
|
9
|
+
<path d="M100.764 6.56122C101.435 6.56122 102.069 6.67306 102.628 6.93401C103.187 7.15769 103.634 7.53049 104.044 7.94056C104.417 8.38792 104.753 8.90983 104.976 9.46903C105.2 10.0655 105.312 10.6993 105.312 11.4076V19.9446H101.845V11.9295C101.845 11.2212 101.659 10.6247 101.248 10.2146C100.876 9.76726 100.279 9.54359 99.5709 9.54359C98.8626 9.54359 98.1915 9.80454 97.6696 10.3637C97.185 10.9229 96.924 11.6312 96.924 12.526V19.9446H93.457V1.78943H96.924V8.08968H96.9986C98.4152 6.4121 100.801 6.56122 100.801 6.56122H100.764Z" fill="white"/>
|
|
10
|
+
<path d="M58.0816 8.7235H58.1561C58.5289 7.97791 58.9017 7.64239 59.4236 7.26959C59.9083 6.8968 60.6166 6.74768 61.3994 6.74768C62.1823 6.74768 62.0332 6.74768 62.2196 6.85952V9.87917H62.145C61.0266 9.76733 60.0574 9.99101 59.3491 10.6248C58.6035 11.2212 58.2307 12.2278 58.2307 13.6071V19.9819H54.7637V6.93408H58.0816V8.76078V8.7235Z" fill="white"/>
|
|
11
|
+
<path d="M123.357 8.7235H123.432C123.804 7.97791 124.177 7.64239 124.699 7.26959C125.184 6.8968 125.892 6.74768 126.675 6.74768C127.458 6.74768 127.309 6.74768 127.495 6.85952V9.87917H127.42C126.302 9.76733 125.333 9.99101 124.624 10.6248C123.879 11.2212 123.506 12.2278 123.506 13.6071V19.9819H120.039V6.93408H123.357V8.76078V8.7235Z" fill="white"/>
|
|
12
|
+
<path d="M63.7109 1.78943H67.1779V4.88364H63.7109V1.78943ZM63.7109 6.93401H67.1779V19.9819H63.7109V6.93401Z" fill="white"/>
|
|
13
|
+
<path d="M69.4512 1.78943H72.9182V19.9819H69.4512V1.78943Z" fill="white"/>
|
|
14
|
+
<path d="M75.2676 1.78943H78.7346V19.9819H75.2676V1.78943Z" fill="white"/>
|
|
15
|
+
<path d="M86.3386 20.3548C84.4374 20.3548 82.9462 19.9447 81.9024 19.0873C80.8585 18.2298 80.2993 17.1487 80.1875 15.7321H83.3935C83.5054 16.4777 83.8409 17.0369 84.3255 17.3724C84.8102 17.7079 85.4812 17.8943 86.2641 17.8943C87.0469 17.8943 87.6061 17.7825 88.0535 17.4842C88.4636 17.2233 88.6872 16.8505 88.6872 16.4031C88.6872 15.9558 88.5754 15.8439 88.389 15.6575C88.2026 15.4712 87.9417 15.322 87.6434 15.2102C87.3452 15.0984 86.9724 14.9865 86.525 14.912C86.0777 14.8374 85.6676 14.7628 85.2202 14.651C84.6238 14.5392 84.0646 14.39 83.5054 14.2409C82.9462 14.0918 82.4616 13.8681 82.0142 13.5699C81.5668 13.2717 81.2313 12.8989 80.9704 12.4515C80.7094 12.0041 80.5976 11.4077 80.5976 10.6994C80.5976 9.99105 80.7094 9.3573 81.0076 8.87266C81.2686 8.35075 81.6414 7.90339 82.126 7.56788C82.6107 7.19508 83.1699 6.9714 83.8409 6.78501C84.4746 6.63589 85.183 6.52405 85.9286 6.52405C87.6434 6.52405 89.0228 6.89684 89.9175 7.67972C90.8495 8.46259 91.4087 9.50642 91.5205 10.8112H88.389C88.3145 10.1029 88.0535 9.61825 87.6434 9.32002C87.2333 9.05906 86.6369 8.90994 85.8913 8.90994C85.1457 8.90994 84.661 9.02178 84.251 9.28274C83.8409 9.50642 83.6545 9.87921 83.6545 10.3638C83.6545 10.8485 83.7663 10.8858 83.9527 11.0349C84.1764 11.184 84.4374 11.3331 84.7729 11.445C85.1084 11.5568 85.4812 11.6314 85.9286 11.7059C86.3759 11.7805 86.786 11.855 87.2706 11.9669C87.8298 12.0787 88.3517 12.2278 88.9109 12.3769C89.4701 12.5261 89.9548 12.7497 90.4021 13.048C90.8495 13.3462 91.185 13.7563 91.4832 14.2036C91.7442 14.6883 91.8933 15.322 91.8933 16.0676C91.8933 16.8132 91.7814 17.2979 91.4832 17.857C91.2223 18.379 90.8495 18.8263 90.3648 19.1618C89.8802 19.5346 89.2837 19.7956 88.65 19.982C87.9789 20.1684 87.2333 20.2429 86.4132 20.2429L86.3386 20.3548Z" fill="white"/>
|
|
16
|
+
<path d="M136.893 16.0303C136.706 16.5149 136.408 16.8877 136.035 17.1487C135.663 17.4096 135.103 17.5588 134.432 17.5588C133.463 17.5588 132.717 17.2978 132.196 16.7013C131.674 16.1421 131.338 15.3593 131.189 14.39H140.434C140.434 13.2343 140.322 12.2278 140.024 11.2958C139.763 10.3638 139.353 9.54365 138.831 8.87262C138.309 8.20158 137.638 7.67967 136.855 7.30687C136.073 6.93408 135.178 6.74768 134.134 6.74768C133.09 6.74768 132.345 6.93408 131.599 7.26959C130.816 7.60511 130.182 8.08975 129.623 8.68622C129.064 9.28269 128.654 9.99101 128.318 10.8112C128.02 11.6313 127.871 12.4887 127.871 13.458C127.871 14.4273 128.02 15.2847 128.318 16.1049C128.617 16.925 129.027 17.6333 129.586 18.2671C130.145 18.8635 130.816 19.3482 131.674 19.6837C132.494 20.0192 133.426 20.2056 134.507 20.2056C135.588 20.2056 136.073 20.0938 136.706 19.8701C137.377 19.6464 137.937 19.3482 138.421 18.9754C138.906 18.6026 139.316 18.1552 139.614 17.6333C139.838 17.2978 139.987 16.925 140.099 16.5522L136.893 16.0303ZM132.158 10.1028C132.643 9.61821 133.314 9.39453 134.209 9.39453C135.103 9.39453 135.625 9.65549 136.11 10.1401C136.595 10.6248 136.855 11.2958 136.93 12.1159H131.264C131.375 11.2585 131.711 10.5875 132.158 10.1028Z" fill="white"/>
|
|
17
|
+
<path d="M31.9849 1.7522V6.71038H30.1582V9.58091H31.9849V16.8132C31.9849 16.8132 31.8731 19.46 34.5945 20.131C36.7194 20.6157 39.0307 19.721 39.0307 19.721L37.8378 16.7013C37.8378 16.7013 35.2655 17.9688 35.2655 15.6575V9.58091H37.9124L39.0307 6.71038H35.2655V1.7522H31.9476H31.9849Z" fill="white"/>
|
|
18
|
+
<path d="M118.175 18.1551V11.7058C118.175 10.2146 117.765 9.05892 116.945 8.23877C116.087 7.41862 114.745 7.00854 112.844 7.00854C110.943 7.00854 111.129 7.12038 110.421 7.34406C109.713 7.56774 109.191 7.86598 108.743 8.27605C108.296 8.64885 107.961 9.0962 107.737 9.61812C107.662 9.76724 107.625 9.91635 107.55 10.1028L110.235 11.2211H110.346C110.384 10.6247 110.607 10.14 111.017 9.87907C111.428 9.58084 111.987 9.43172 112.807 9.43172C113.627 9.43172 114.037 9.54356 114.41 9.84179C114.783 10.1028 114.932 10.4755 114.932 10.9229C114.932 11.3703 114.671 11.7431 114.186 11.8922C113.702 12.0413 112.919 12.2277 111.838 12.3768C111.129 12.4886 110.458 12.6378 109.862 12.7869C109.228 12.9733 108.706 13.197 108.259 13.4952C107.774 13.7934 107.439 14.2035 107.178 14.6881C106.917 15.1728 106.768 15.7692 106.768 16.4403C106.768 17.7078 107.178 18.6771 107.998 19.3481C108.818 20.0191 109.899 20.3174 111.204 20.3174C111.204 20.3174 112.061 20.3174 112.844 20.2055C113.813 20.0191 114.708 19.5345 115.267 18.9753L115.379 20.0564H118.622V19.9446C118.324 19.7582 118.175 19.199 118.175 18.2297V18.1551ZM115.155 15.5829C115.155 15.8811 115.081 16.1793 114.969 16.4776C114.857 16.7758 114.634 17.0368 114.373 17.2604C114.112 17.4841 113.813 17.6705 113.441 17.8196C113.068 17.9687 112.658 18.0433 112.173 18.0433C111.688 18.0433 111.092 17.9315 110.719 17.6705C110.346 17.4096 110.16 16.9995 110.16 16.4403C110.16 15.8811 110.384 15.4337 110.794 15.1355C111.241 14.8745 111.875 14.6509 112.77 14.4272C113.217 14.3153 113.627 14.2035 114.037 14.1289C114.447 14.0171 114.82 13.868 115.118 13.6816V15.5829H115.155Z" fill="white"/>
|
|
19
|
+
<path d="M24.7161 9.69275L20.578 2.57235C19.9443 1.45396 18.304 0.521973 16.9992 0.521973H8.76038C7.4556 0.521973 5.85257 1.45396 5.18154 2.57235L1.08078 9.69275C0.44703 10.8111 0.44703 12.6751 1.08078 13.7935L4.99514 20.5784C5.62889 21.6968 6.74728 23.5608 7.4556 24.6419L9.80421 28.4071C10.5125 29.5255 12.041 29.3764 12.041 28.0343V25.3502C12.041 24.0454 13.6067 22.9643 14.9115 22.9643H17.0365C18.3412 22.9643 19.9443 22.0323 20.6153 20.9139L24.7533 13.7935C25.3871 12.6378 25.3871 10.7739 24.7533 9.65547L24.7161 9.69275ZM10.8108 17.186C10.7362 17.4469 10.5871 17.6333 10.3634 17.7451C10.2143 17.8197 10.0652 17.857 9.87877 17.857C9.54325 17.857 9.24502 17.6706 9.05862 17.3723L6.22537 12.4514C5.96441 12.0041 6.11353 11.4076 6.59816 11.1467C6.74728 11.0721 6.8964 11.0348 7.0828 11.0348C7.41832 11.0348 7.75383 11.2212 7.90295 11.5195L10.7362 16.4404C10.848 16.664 10.8853 16.925 10.848 17.1487L10.8108 17.186ZM14.7997 17.857C14.6506 17.9315 14.5014 17.9688 14.315 17.9688C13.9795 17.9688 13.6813 17.7824 13.4949 17.4842L8.38759 8.57437C8.12663 8.12701 8.27575 7.53054 8.76038 7.26958C8.9095 7.19502 9.05862 7.15774 9.24502 7.15774C9.58053 7.15774 9.91605 7.34414 10.0652 7.64238L15.1725 16.5522C15.4334 16.9996 15.2843 17.596 14.7997 17.857ZM19.646 17.4096C19.5715 17.6706 19.4223 17.857 19.1987 17.9688C19.0496 18.0434 18.9004 18.0807 18.714 18.0807C18.3785 18.0807 18.0803 17.8943 17.8939 17.596L10.5125 4.73457C10.4007 4.51089 10.3634 4.24993 10.4007 4.02625C10.4752 3.80258 10.6244 3.5789 10.848 3.42978C10.9972 3.35522 11.1463 3.31794 11.3327 3.31794C11.6682 3.31794 12.0037 3.50434 12.1528 3.80258L19.5342 16.7013C19.646 16.925 19.6833 17.186 19.646 17.4096Z" fill="white"/>
|
|
20
|
+
<path d="M142.52 2.90796H144.16C144.868 2.90796 145.316 3.31803 145.316 3.91451C145.316 4.51098 145.129 4.6601 144.645 4.80922C144.98 4.92106 145.129 5.10746 145.204 5.55481C145.241 6.07673 145.204 6.44952 145.353 6.52408H144.645C144.57 6.52408 144.533 6.07673 144.496 5.66665C144.496 5.29385 144.235 5.0329 143.787 5.0329H143.191V6.4868H142.445V2.90796H142.52ZM143.265 4.51098H144.048C144.458 4.51098 144.645 4.32458 144.645 4.02635C144.645 3.72811 144.458 3.50443 144.048 3.50443H143.265V4.51098Z" fill="white"/>
|
|
21
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M140.695 4.73452C140.695 6.52394 142.186 8.01513 143.975 8.01513C145.765 8.01513 147.256 6.56122 147.256 4.73452C147.256 2.90782 145.765 1.45392 143.975 1.45392C142.186 1.45392 140.695 2.90782 140.695 4.73452ZM139.986 4.73452C139.986 6.93402 141.776 8.72344 144.013 8.72344C146.249 8.72344 148.039 6.93402 148.039 4.73452C148.039 2.53503 146.249 0.745605 144.013 0.745605C141.776 0.745605 139.986 2.53503 139.986 4.73452Z" fill="white"/>
|
|
22
|
+
</g>
|
|
23
|
+
</svg>
|
|
24
|
+
|
|
25
|
+
</template>
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
{
|
|
2
|
+
"alerts": "<path d=\"M9.50001 14.9411C9.50001 11.8258 11.5577 9.0334 15.0072 8.45692C15.0533 7.84769 15.9467 7.84769 15.9928 8.45692C19.4423 9.0334 21.5 11.8258 21.5 14.9411V18.9411C21.5 19.6441 21.6603 20.2023 22.1109 20.7418L22.8047 21.5725C22.8624 21.6415 22.9085 21.7198 22.9414 21.8042C23.1537 22.3488 22.7629 22.9411 22.1914 22.9411H8.80862C8.23712 22.9411 7.84633 22.3488 8.05857 21.8042C8.09146 21.7198 8.13765 21.6415 8.19528 21.5725L8.88912 20.7418C9.33974 20.2023 9.50001 19.6441 9.50001 18.9411V14.9411Z\" fill=\"currentColor\"/> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.5 24.4414C14.7761 24.4414 15 24.6653 15 24.9414C15 25.2175 15.2239 25.4414 15.5 25.4414C15.7761 25.4414 16 25.2175 16 24.9414C16 24.6653 16.2239 24.4414 16.5 24.4414C16.7761 24.4414 17 24.6653 17 24.9414C17 25.7698 16.3284 26.4414 15.5 26.4414C14.6716 26.4414 14 25.7698 14 24.9414C14 24.6653 14.2239 24.4414 14.5 24.4414Z\" fill=\"currentColor\"/>",
|
|
3
|
+
"app_manager": "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20 7H12C11.4477 7 11 7.44772 11 8V23C11 23.5523 11.4477 24 12 24H20C20.5523 24 21 23.5523 21 23V8C21 7.44772 20.5523 7 20 7ZM12 6C10.8954 6 10 6.89543 10 8V23C10 24.1046 10.8954 25 12 25H20C21.1046 25 22 24.1046 22 23V8C22 6.89543 21.1046 6 20 6H12ZM14.5 8C14.2239 8 14 8.22386 14 8.5C14 8.77614 14.2239 9 14.5 9H17.5C17.7761 9 18 8.77614 18 8.5C18 8.22386 17.7761 8 17.5 8H14.5ZM15 22C15 21.4477 15.4477 21 16 21C16.5523 21 17 21.4477 17 22C17 22.5523 16.5523 23 16 23C15.4477 23 15 22.5523 15 22Z\" fill=\"currentColor\"/>",
|
|
4
|
+
"cms": "<rect x=\"6\" y=\"7\" width=\"20\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"6\" y=\"13\" width=\"6\" height=\"12\" rx=\"1\" fill=\"currentColor\"/><rect x=\"13\" y=\"13\" width=\"13\" height=\"12\" rx=\"1\" fill=\"currentColor\"/>",
|
|
5
|
+
"engage": "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23 7H9C7.34315 7 6 8.34315 6 10V19.4223C6 20.8292 7.14049 21.9697 8.54736 21.9697C9.06513 21.9697 9.46236 22.4291 9.38758 22.9415L9.13371 24.6809C9.06699 25.138 9.60283 25.4333 9.95371 25.1328L13.3663 22.2102C13.5475 22.055 13.7782 21.9697 14.0168 21.9697H23C24.6569 21.9697 26 20.6266 26 18.9697V10C26 8.34315 24.6569 7 23 7ZM19.9599 10.6097C19.8565 10.4702 19.8565 10.2441 19.9599 10.1046C20.0633 9.96513 20.2309 9.96513 20.3342 10.1046L21.9224 12.2474C21.9703 12.312 22 12.4014 22 12.5C22 12.5484 21.9929 12.5946 21.9799 12.6367C21.967 12.6788 21.9478 12.7183 21.9225 12.7525L20.3342 14.8954C20.2309 15.0349 20.0633 15.0349 19.9599 14.8954C19.8565 14.7559 19.8565 14.5298 19.9599 14.3903L21.0962 12.8571H13.2647C13.1185 12.8571 13 12.6972 13 12.5C13 12.3028 13.1185 12.1429 13.2647 12.1429H21.0962L19.9599 10.6097ZM12.0401 14.1046C12.1435 14.2441 12.1435 14.4702 12.0401 14.6097L10.9038 16.1429H18.7353C18.8815 16.1429 19 16.3028 19 16.5C19 16.6972 18.8815 16.8571 18.7353 16.8571H10.9038L12.0401 18.3903C12.1435 18.5298 12.1435 18.7559 12.0401 18.8954C11.9367 19.0349 11.7691 19.0349 11.6658 18.8954L10.0775 16.7525C10.0522 16.7183 10.033 16.6788 10.0201 16.6367C10.0071 16.5946 10 16.5484 10 16.5C10 16.4014 10.0297 16.312 10.0776 16.2474L11.6658 14.1046C11.7691 13.9651 11.9367 13.9651 12.0401 14.1046Z\" fill=\"currentColor\"/>",
|
|
6
|
+
"media": "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.2295 7.20328C15.7045 6.93224 16.2942 6.93224 16.7692 7.20328L25.7311 12.3174C25.8174 12.3608 25.8916 12.4289 25.9409 12.5181C26.071 12.7534 25.9791 13.046 25.7355 13.1717L16.7138 17.8275C16.2681 18.0575 15.7332 18.0575 15.2874 17.8275L6.28733 13.1828C6.19947 13.143 6.12267 13.0782 6.06959 12.9914C5.92913 12.7617 6.00801 12.4655 6.24576 12.3299L15.2295 7.20328Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.32101 15L6.24576 15.5859C6.00801 15.7154 5.92913 15.9982 6.06959 16.2175C6.12267 16.3004 6.19947 16.3623 6.28733 16.4003L15.2874 20.8353C15.7332 21.0549 16.2681 21.0549 16.7138 20.8353L25.7355 16.3897C25.9791 16.2697 26.071 15.9903 25.9409 15.7656C25.8916 15.6805 25.8174 15.6154 25.7311 15.574L24.6789 15.0007L16.7138 18.9256C16.2681 19.1452 15.7332 19.1452 15.2874 18.9256L7.32101 15Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.32101 18L6.24576 18.5859C6.00801 18.7154 5.92913 18.9982 6.06959 19.2175C6.12267 19.3004 6.19947 19.3623 6.28733 19.4003L15.2874 23.8353C15.7332 24.0549 16.2681 24.0549 16.7138 23.8353L25.7355 19.3897C25.9791 19.2697 26.071 18.9903 25.9409 18.7656C25.8916 18.6805 25.8174 18.6154 25.7311 18.574L24.6789 18.0007L16.7138 21.9256C16.2681 22.1452 15.7332 22.1452 15.2874 21.9256L7.32101 18Z\" fill=\"currentColor\"/>",
|
|
7
|
+
"navigate": "<path d=\"M16 18.0148C17.1128 18.0148 18.0149 17.1127 18.0149 16C18.0149 14.8872 17.1128 13.9851 16 13.9851C14.8872 13.9851 13.9851 14.8872 13.9851 16C13.9851 17.1127 14.8872 18.0148 16 18.0148Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.4779 5.34443C16.3248 4.88519 15.6752 4.88519 15.5221 5.34443L14.7967 7.52067C11.0303 8.05033 8.05035 11.0303 7.5207 14.7967L5.34443 15.5221C4.88519 15.6752 4.88519 16.3248 5.34443 16.4779L7.52072 17.2033C8.0504 20.9697 11.0303 23.9496 14.7967 24.4792L15.5221 26.6556C15.6752 27.1148 16.3248 27.1148 16.4779 26.6556L17.2033 24.4792C20.9697 23.9496 23.9496 20.9697 24.4793 17.2033L26.6556 16.4779C27.1148 16.3248 27.1148 15.6752 26.6556 15.5221L24.4793 14.7967C23.9496 11.0303 20.9697 8.05034 17.2033 7.52067L16.4779 5.34443ZM18.4648 12.8981L16 5.50371L13.5352 12.8981C13.4349 13.1989 13.1989 13.4349 12.8981 13.5352L5.50372 16L12.8981 18.4648C13.1989 18.5651 13.4349 18.8011 13.5352 19.1019L16 26.4963L18.4648 19.1019C18.5651 18.8011 18.8011 18.5651 19.1019 18.4648L26.4963 16L19.1019 13.5352C18.8011 13.4349 18.5651 13.1989 18.4648 12.8981ZM12.7388 13.0574L11.5308 13.46L10.1075 10.6133C9.94545 10.2892 10.2892 9.94543 10.6133 10.1075L13.46 11.5308L13.0574 12.7388C13.0072 12.8892 12.8892 13.0072 12.7388 13.0574ZM10.1075 21.3866L11.5308 18.54L12.7388 18.9426C12.8892 18.9928 13.0072 19.1108 13.0574 19.2612L13.46 20.4691L10.6133 21.8925C10.2892 22.0545 9.94545 21.7107 10.1075 21.3866ZM21.3867 21.8925L18.54 20.4691L18.9427 19.2612C18.9928 19.1108 19.1108 18.9928 19.2612 18.9426L20.4692 18.54L21.8925 21.3866C22.0545 21.7107 21.7107 22.0545 21.3867 21.8925ZM21.8925 10.6133L20.4691 13.46L19.2612 13.0573C19.1108 13.0072 18.9928 12.8892 18.9426 12.7388L18.54 11.5308L21.3867 10.1075C21.7107 9.94543 22.0545 10.2892 21.8925 10.6133Z\" fill=\"currentColor\"/>",
|
|
8
|
+
"rooms": "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.6522 13.5C19.6522 14.6768 19.0461 15.718 18.1168 16.3525C20.2184 17.0801 21.7391 19.3605 21.7391 21.5C21.7391 21.7761 21.5056 22 21.2174 22H10.7826C10.4945 22 10.2609 21.7761 10.2609 21.5C10.2609 19.3605 11.7816 17.0801 13.8832 16.3525C12.9539 15.718 12.3479 14.6768 12.3479 13.5C12.3479 11.567 13.983 10 16 10C18.0171 10 19.6522 11.567 19.6522 13.5Z\" fill=\"currentColor\"/><path d=\"M8.17392 10.5C9.90282 10.5 11.3044 11.8431 11.3044 13.5C11.3044 14.7012 10.5677 15.7376 9.50364 16.2167C10.1114 16.4184 10.8376 16.6276 11.3044 17C9.6987 17.9049 9.24402 20.0437 9.21739 21H4.52174C4.23359 21 4 20.7761 4 20.5C4 19.3022 4.36495 18.1827 5.08136 17.3529C5.53558 16.8267 6.12187 16.4286 6.81808 16.2048C5.76814 15.7205 5.04349 14.6914 5.04349 13.5C5.04349 11.8431 6.44503 10.5 8.17392 10.5Z\" fill=\"currentColor\"/><path d=\"M23.8261 10.5C22.0972 10.5 20.6956 11.8431 20.6956 13.5C20.6956 14.7012 21.4323 15.7376 22.4964 16.2167C21.8886 16.4184 21.1624 16.6276 20.6956 17C22.3013 17.9049 22.756 20.0437 22.7826 21H27.4783C27.7664 21 28 20.7761 28 20.5C28 19.3022 27.635 18.1827 26.9186 17.3529C26.4644 16.8267 25.8781 16.4286 25.1819 16.2048C26.2319 15.7205 26.9565 14.6914 26.9565 13.5C26.9565 11.8431 25.555 10.5 23.8261 10.5Z\" fill=\"currentColor\"/>",
|
|
9
|
+
"theme_manager": "<rect x=\"6\" y=\"7\" width=\"20\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"6\" y=\"13\" width=\"6\" height=\"12\" rx=\"1\" fill=\"currentColor\"/><rect x=\"13\" y=\"13\" width=\"13\" height=\"12\" rx=\"1\" fill=\"currentColor\"/>",
|
|
10
|
+
"user_management": "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.3918 6.08008C16.1413 5.97331 15.8581 5.97331 15.6076 6.08008L6.60789 9.91611L6 10.1752V10.836V17.996C6 22.9666 10.0294 26.996 15 26.996H16.9994C21.97 26.996 25.9994 22.9666 25.9994 17.996V10.836V10.1752L25.3915 9.91611L16.3918 6.08008ZM8 17.996V11.4968L15.9997 8.08705L23.9994 11.4968V17.996C23.9994 20.3793 22.8084 22.4844 20.989 23.7485C20.5252 22.2475 19.3899 20.8909 17.9531 20.3731C18.7902 19.7781 19.3361 18.8018 19.3361 17.6983C19.3361 15.8858 17.8632 14.4164 16.0464 14.4164C14.2296 14.4164 12.7568 15.8858 12.7568 17.6983C12.7568 18.8018 13.3027 19.7781 14.1397 20.3731C12.6861 20.897 11.541 22.2795 11.0877 23.8015C9.22487 22.5437 8 20.4129 8 17.996Z\" fill=\"currentColor\"/>"
|
|
11
|
+
}
|
|
@@ -3,12 +3,16 @@
|
|
|
3
3
|
<button class="a-nav-section--title" @click="expanded = !expanded">
|
|
4
4
|
<div class="a-nav-section-title-wrapper">
|
|
5
5
|
<div class="user-grid">
|
|
6
|
-
<
|
|
6
|
+
<svg class="user-icon" width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
7
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.51621 5.46934C10.1369 4.84868 10.9787 4.5 11.8564 4.5C12.291 4.5 12.7214 4.5856 13.1229 4.75192C13.5244 4.91824 13.8893 5.16202 14.1966 5.46934C14.5039 5.77665 14.7477 6.14149 14.914 6.54302C15.0803 6.94455 15.1659 7.37491 15.1659 7.80952V8.57143C15.1659 9.49888 14.7851 10.5353 14.1564 11.3376C13.5263 12.1419 12.7049 12.6429 11.8564 12.6429C11.0079 12.6429 10.1865 12.1419 9.55636 11.3376C8.92771 10.5353 8.54688 9.49888 8.54688 8.57143V7.80952C8.54688 6.93178 8.89556 6.08999 9.51621 5.46934ZM11.8564 3.5C10.7134 3.5 9.6173 3.95404 8.80911 4.76223C8.00091 5.57042 7.54688 6.66657 7.54688 7.80952V8.57143C7.54688 9.7476 8.01899 10.9969 8.7692 11.9544C9.01711 12.2708 9.3017 12.5628 9.61708 12.8118C8.52026 12.9611 7.43611 13.2184 6.38137 13.5787L6.38124 13.5787C6.3509 13.5891 6.31976 13.5995 6.28797 13.6102C5.881 13.7463 5.36524 13.9189 5.0108 14.4575C4.65147 15.0035 4.5 15.85 4.5 17.2149V18.2382C4.5 19.0666 5.17157 19.7382 6 19.7382H13.381C13.6571 19.7382 13.881 19.5143 13.881 19.2382C13.881 18.962 13.6571 18.7382 13.381 18.7382H6C5.72386 18.7382 5.5 18.5143 5.5 18.2382V17.2149C5.5 15.8649 5.66268 15.286 5.84614 15.0072C6.00676 14.7632 6.20845 14.6943 6.70434 14.5251L6.70448 14.5251C9.55741 13.5506 12.6282 13.3783 15.5451 14.1095C15.8129 14.1766 16.0845 14.0139 16.1517 13.746C16.2188 13.4782 16.0561 13.2066 15.7882 13.1395C15.2284 12.9991 14.6636 12.8901 14.0961 12.8115C14.4113 12.5625 14.6958 12.2707 14.9436 11.9544C15.6938 10.9969 16.1659 9.7476 16.1659 8.57143V7.80952C16.1659 7.24359 16.0545 6.6832 15.8379 6.16034C15.6213 5.63748 15.3039 5.16241 14.9037 4.76223C14.5035 4.36205 14.0284 4.04462 13.5056 3.82804C12.9827 3.61147 12.4223 3.5 11.8564 3.5ZM19.0684 15.0752C18.8731 14.8799 18.5566 14.8799 18.3613 15.0752C18.166 15.2704 18.166 15.587 18.3613 15.7823L19.7929 17.2139H14.8018C14.5256 17.2139 14.3018 17.4377 14.3018 17.7139C14.3018 17.99 14.5256 18.2139 14.8018 18.2139H19.794L18.3613 19.6466C18.166 19.8418 18.166 20.1584 18.3613 20.3537C18.5566 20.549 18.8731 20.549 19.0684 20.3537L20.647 18.7751C21.2328 18.1893 21.2328 17.2396 20.647 16.6538L19.0684 15.0752Z" fill="currentColor"/>
|
|
8
|
+
</svg>
|
|
7
9
|
<template v-if="sidebarExpanded">
|
|
8
10
|
<p class="info">{{ impersonatedUser.client }}</p>
|
|
9
11
|
<p class="info email">{{ impersonatedUser.email }}</p>
|
|
10
|
-
<
|
|
11
|
-
|
|
12
|
+
<svg class="panel-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
13
|
+
<path v-if="expanded" d="M12 5V12M12 12L12 19M12 12L19 12M12 12H5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
14
|
+
<path v-else d="M19 12L12 12H5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
15
|
+
</svg>
|
|
12
16
|
</template>
|
|
13
17
|
</div>
|
|
14
18
|
<div
|
|
@@ -17,7 +21,10 @@
|
|
|
17
21
|
class="a-nav-section-title-dropdown-wrapper"
|
|
18
22
|
>
|
|
19
23
|
<div class="user-grid">
|
|
20
|
-
|
|
24
|
+
<svg class="user-icon" width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
25
|
+
<path d="M8 8C8 5.79086 9.79087 4 12 4C14.2091 4 16 5.79086 16 8C16 10.2091 14.2091 12 12 12C9.79087 12 8 10.2091 8 8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
26
|
+
<path d="M12 14C10.5245 14 9.0395 13.451 8.36915 13.1665C8.12951 13.0649 7.85796 13.0374 7.6242 13.152C5.4795 14.2028 4.10839 18.0542 6 19C8 20 12 20 12 20C12 20 16 20 18 19C19.8916 18.0542 18.5205 14.2028 16.3758 13.152C16.142 13.0374 15.8705 13.0649 15.6309 13.1665C14.9605 13.451 13.4755 14 12 14Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
27
|
+
</svg>
|
|
21
28
|
<template v-if="sidebarExpanded">
|
|
22
29
|
<p class="info">{{ impersonatedUser.client }}</p>
|
|
23
30
|
<p class="info email">{{ impersonatedUser.admin_email }}</p>
|
|
@@ -47,6 +54,7 @@ interface IPanelProps {
|
|
|
47
54
|
defineProps<IPanelProps>();
|
|
48
55
|
|
|
49
56
|
const { state: sidebarExpanded } = useSidebar();
|
|
57
|
+
|
|
50
58
|
const expanded = ref(false);
|
|
51
59
|
const dropdownScrollHeight = ref(0);
|
|
52
60
|
const dropdownWrapper = ref();
|
|
@@ -62,18 +70,18 @@ onMounted(() => {
|
|
|
62
70
|
cursor: pointer;
|
|
63
71
|
height: fit-content;
|
|
64
72
|
overflow: hidden;
|
|
65
|
-
background-color: var(--
|
|
73
|
+
background-color: var(--nav-background-color, var(--purple-70));
|
|
66
74
|
}
|
|
67
75
|
.a-nav-section.animated {
|
|
68
76
|
transition: overflow 0.5s ease-in-out;
|
|
69
77
|
}
|
|
70
78
|
.a-nav-section--title {
|
|
71
|
-
color: var(--
|
|
79
|
+
color: var(--nav-text-color, var(--primary-white));
|
|
72
80
|
display: flex;
|
|
73
81
|
justify-content: space-between;
|
|
74
82
|
background: none;
|
|
75
83
|
border: none;
|
|
76
|
-
border-top: 1px var(--
|
|
84
|
+
border-top: 1px var(--nav-border-colors, var(--purple-65)) solid;
|
|
77
85
|
padding: 0;
|
|
78
86
|
width: 100%;
|
|
79
87
|
cursor: pointer;
|
|
@@ -98,15 +106,16 @@ onMounted(() => {
|
|
|
98
106
|
padding: 12px 0;
|
|
99
107
|
}
|
|
100
108
|
.a-nav-section--title .a-nav-section-title-wrapper .user-grid .user-icon {
|
|
109
|
+
color: var(--nav-icon-color, var(--eggplant-30));
|
|
101
110
|
grid-row: 1/span 2;
|
|
102
|
-
background:
|
|
111
|
+
background: var(--nav-icon-background, rgb(80, 71, 100));
|
|
103
112
|
border-radius: 4px;
|
|
104
113
|
padding: 4px;
|
|
105
114
|
margin-right: auto;
|
|
106
115
|
margin-left: 16px;
|
|
107
116
|
}
|
|
108
117
|
.a-nav-section--title .a-nav-section-title-wrapper .user-grid .info {
|
|
109
|
-
color: var(--primary-white);
|
|
118
|
+
color: var(--nav-text-color, var(--primary-white));
|
|
110
119
|
margin: 0;
|
|
111
120
|
grid-row: 1;
|
|
112
121
|
grid-column: 2;
|
|
@@ -120,7 +129,7 @@ onMounted(() => {
|
|
|
120
129
|
grid-column: 2;
|
|
121
130
|
grid-row: 2;
|
|
122
131
|
margin-top: 4px;
|
|
123
|
-
color:
|
|
132
|
+
color: var(--nav-text-color, var(--primary-white));
|
|
124
133
|
font-size: 11px;
|
|
125
134
|
font-style: normal;
|
|
126
135
|
font-weight: 450;
|
|
@@ -4,17 +4,28 @@
|
|
|
4
4
|
role="navigation"
|
|
5
5
|
aria-label="Main"
|
|
6
6
|
:class="{ expanded }"
|
|
7
|
+
:style="getBrandingStyles"
|
|
7
8
|
@mouseenter="onHover"
|
|
8
9
|
@mouseleave="onHoverLeave"
|
|
9
10
|
>
|
|
10
11
|
<a
|
|
11
|
-
href="
|
|
12
|
+
:href="skipToContent"
|
|
12
13
|
class="skip-to-content"
|
|
13
14
|
data-testid="skip-to-content"
|
|
14
15
|
>
|
|
15
16
|
{{ $t('navigation.skipToContent') }}
|
|
16
17
|
</a>
|
|
17
18
|
<div class="navbar--header">
|
|
19
|
+
<div class="header-actions">
|
|
20
|
+
<NuxtLink v-if="expanded" :to="homepageUrl">
|
|
21
|
+
<slot name="logo">
|
|
22
|
+
<div class="navbar--logo">
|
|
23
|
+
<img :src="brandLogo">
|
|
24
|
+
</div>
|
|
25
|
+
</slot>
|
|
26
|
+
</NuxtLink>
|
|
27
|
+
<NavSidebarToggle />
|
|
28
|
+
</div>
|
|
18
29
|
<slot name="switcher" />
|
|
19
30
|
</div>
|
|
20
31
|
<div class="navbar--content">
|
|
@@ -41,23 +52,29 @@
|
|
|
41
52
|
:impersonated-user="impersonatedUser"
|
|
42
53
|
/>
|
|
43
54
|
|
|
44
|
-
<slot name="logo"
|
|
45
|
-
<
|
|
46
|
-
<
|
|
47
|
-
<
|
|
48
|
-
|
|
49
|
-
|
|
55
|
+
<slot name="logo">
|
|
56
|
+
<template v-if="brand">
|
|
57
|
+
<NuxtLink v-if="expanded ? logo.src : logo.iconSrc" :to="homepageUrl">
|
|
58
|
+
<div class="navbar--footer-logo">
|
|
59
|
+
<img :src="expanded ? logo.src : logo.iconSrc" :alt="logo.alt || $t('navigation.logoAlt')">
|
|
60
|
+
</div>
|
|
61
|
+
</NuxtLink>
|
|
62
|
+
</template>
|
|
50
63
|
</slot>
|
|
51
64
|
</div>
|
|
52
65
|
</nav>
|
|
53
66
|
</template>
|
|
54
67
|
|
|
55
68
|
<script setup lang="ts">
|
|
56
|
-
import {
|
|
69
|
+
import { useSidebar, useBranding, ref } from '#imports';
|
|
57
70
|
import type { IApplication, IUser } from "../../types";
|
|
71
|
+
import tsBrandLogo from '../../assets/thrillshare-logo-white.svg';
|
|
72
|
+
|
|
58
73
|
|
|
59
|
-
const { $t } = useNuxtApp();
|
|
60
74
|
const { state: expanded } = useSidebar();
|
|
75
|
+
const { brand, getBrandingStyles } = useBranding();
|
|
76
|
+
|
|
77
|
+
const brandLogo = ref(brand?.logo_light || tsBrandLogo);
|
|
61
78
|
|
|
62
79
|
interface ILogo {
|
|
63
80
|
alt: string;
|
|
@@ -91,8 +108,8 @@ withDefaults(defineProps<ISidebarProps>(), {
|
|
|
91
108
|
}),
|
|
92
109
|
logo: () => ({
|
|
93
110
|
alt: '',
|
|
94
|
-
src: '
|
|
95
|
-
iconSrc: 'icon.svg',
|
|
111
|
+
src: 'poweredby.svg',
|
|
112
|
+
iconSrc: 'poweredby-icon.svg',
|
|
96
113
|
}),
|
|
97
114
|
skipToContent: '#main-content-section',
|
|
98
115
|
})
|
|
@@ -120,8 +137,8 @@ function onHoverLeave() {
|
|
|
120
137
|
display: grid;
|
|
121
138
|
grid-template-rows: 0fr auto 0fr;
|
|
122
139
|
font: var(--font-regular);
|
|
123
|
-
background-color: var(--
|
|
124
|
-
color: var(--
|
|
140
|
+
background-color: var(--nav-background-color, var(--purple-70));
|
|
141
|
+
color: var(--nav-text-color, var(--primary-white));
|
|
125
142
|
transition: width 0.3s ease-in-out, translate 0.2s ease-in-out;
|
|
126
143
|
height: 100%;
|
|
127
144
|
overflow-y: auto;
|
|
@@ -134,22 +151,34 @@ function onHoverLeave() {
|
|
|
134
151
|
}
|
|
135
152
|
.navbar.expanded {
|
|
136
153
|
transition: width 0.3s ease-in-out, translate 0.2s ease-in-out;
|
|
137
|
-
width:
|
|
154
|
+
width: 264px;
|
|
138
155
|
translate: 0px;
|
|
139
156
|
}
|
|
140
157
|
.navbar.expanded .navbar--content ul {
|
|
141
|
-
width:
|
|
158
|
+
width: 264px;
|
|
159
|
+
}
|
|
160
|
+
.navbar--header {
|
|
161
|
+
border-bottom: 1px solid var(--nav-border-colors, var(--purple-65));
|
|
162
|
+
padding: 0px 16px;
|
|
163
|
+
}
|
|
164
|
+
.navbar--header .header-actions {
|
|
165
|
+
padding: 12px 0px;
|
|
166
|
+
display: inline-flex;
|
|
167
|
+
align-items: center;
|
|
168
|
+
width: 100%;
|
|
169
|
+
height: 64px;
|
|
170
|
+
justify-content: space-between;
|
|
142
171
|
}
|
|
143
172
|
.navbar--logo {
|
|
144
|
-
padding: 16px;
|
|
145
|
-
background-color: var(--dscl-nav-background-color, var(--purple-70));
|
|
146
173
|
overflow: hidden;
|
|
147
174
|
}
|
|
175
|
+
.navbar--logo img {
|
|
176
|
+
max-height: 32px;
|
|
177
|
+
width: clamp(0px, 100%, 180px);
|
|
178
|
+
}
|
|
148
179
|
.navbar--content {
|
|
149
180
|
display: flex;
|
|
150
181
|
flex-direction: column;
|
|
151
|
-
margin-top: 24px;
|
|
152
|
-
background-color: var(--dscl-nav-background-color, var(--purple-70));
|
|
153
182
|
}
|
|
154
183
|
.navbar--content ul {
|
|
155
184
|
list-style: none;
|
|
@@ -160,7 +189,15 @@ function onHoverLeave() {
|
|
|
160
189
|
.navbar--footer {
|
|
161
190
|
display: flex;
|
|
162
191
|
flex-direction: column;
|
|
163
|
-
|
|
192
|
+
}
|
|
193
|
+
.navbar--footer-logo {
|
|
194
|
+
padding: 8px 16px 16px 16px;
|
|
195
|
+
display: flex;
|
|
196
|
+
justify-content: center;
|
|
197
|
+
}
|
|
198
|
+
.navbar--footer-logo img {
|
|
199
|
+
height: 32px;
|
|
200
|
+
width: clamp(0px, 100%, 180px);
|
|
164
201
|
}
|
|
165
202
|
.navbar .skip-to-content {
|
|
166
203
|
overflow: hidden;
|
|
@@ -22,7 +22,7 @@ const component = computed(()=> props.as || resolveComponent("NuxtLink"));
|
|
|
22
22
|
<style scoped>
|
|
23
23
|
.a-navbar-item {
|
|
24
24
|
background-color: transparent;
|
|
25
|
-
color:
|
|
25
|
+
color: inherit;
|
|
26
26
|
margin: 2px 12px;
|
|
27
27
|
display: flex;
|
|
28
28
|
align-items: center;
|
|
@@ -39,16 +39,14 @@ const component = computed(()=> props.as || resolveComponent("NuxtLink"));
|
|
|
39
39
|
box-shadow: inset 0 0 0px 4px var(--primary-white);
|
|
40
40
|
}
|
|
41
41
|
.a-navbar-item.active, .a-navbar-item.nuxt-link-exact-active, .a-navbar-item.router-link-exact-active {
|
|
42
|
-
background-color: var(--
|
|
42
|
+
background-color: var(--nav-icon-background, rgb(80, 71, 100));
|
|
43
43
|
font-weight: 500;
|
|
44
|
-
/* box-shadow: inset -4px 0px 0px 0px var(--orange-40); */
|
|
45
44
|
}
|
|
46
45
|
.a-navbar-item.active svg path, .a-navbar-item.nuxt-link-exact-active svg path, .a-navbar-item.router-link-exact-active svg path {
|
|
47
46
|
stroke-width: 1.5px;
|
|
48
47
|
}
|
|
49
48
|
.a-navbar-item:hover {
|
|
50
|
-
background-color: var(--
|
|
51
|
-
/* box-shadow: inset -4px 0px 0px 0px var(--orange-40); */
|
|
49
|
+
background-color: var(--nav-icon-background, rgb(80, 71, 100));
|
|
52
50
|
}
|
|
53
51
|
.a-navbar-item:focus-visible {
|
|
54
52
|
outline: var(--orange) auto 2px;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="a-nav-section" :class="{ active }">
|
|
3
3
|
<NuxtLink class="a-nav-section--link" :to="active ? '' : application.url">
|
|
4
|
-
<
|
|
4
|
+
<svg :class="{ active }" width="32" height="32" viewBox="0 0 32 32" v-html="icons[application.text]"></svg>
|
|
5
5
|
<span v-if="expanded">{{ application.text.replace("_", " ") }}</span>
|
|
6
6
|
<a-icon v-if="expanded && active" class="caret-icon" icon="16:carret-up" />
|
|
7
7
|
</NuxtLink>
|
|
@@ -14,26 +14,24 @@
|
|
|
14
14
|
<script setup lang="ts">
|
|
15
15
|
import { useSidebar } from "#imports";
|
|
16
16
|
import type { IApplication } from "../../types";
|
|
17
|
+
import icons from "./Icons/iconPaths.json";
|
|
17
18
|
|
|
18
|
-
defineProps<{
|
|
19
|
+
const props = defineProps<{
|
|
19
20
|
application: IApplication;
|
|
20
21
|
active: boolean;
|
|
21
22
|
}>();
|
|
22
23
|
|
|
23
24
|
const { state: expanded } = useSidebar();
|
|
24
25
|
|
|
25
|
-
function getActiveIcon(src: string){
|
|
26
|
-
return src.replace(".svg", "_active.svg");
|
|
27
|
-
};
|
|
28
26
|
</script>
|
|
29
27
|
|
|
30
28
|
<style scoped>
|
|
31
29
|
.a-nav-section {
|
|
32
|
-
box-shadow: inset 0px -1px 0px 0px var(--
|
|
30
|
+
box-shadow: inset 0px -1px 0px 0px var(--nav-icon-background, rgb(80, 71, 100));
|
|
33
31
|
min-height: 48px;
|
|
34
32
|
}
|
|
35
33
|
.a-nav-section.active {
|
|
36
|
-
box-shadow: inset 0px -1px 0px 0px var(--
|
|
34
|
+
box-shadow: inset 0px -1px 0px 0px var(--nav-icon-background, rgb(80, 71, 100));
|
|
37
35
|
padding-bottom: 4px;
|
|
38
36
|
}
|
|
39
37
|
.a-nav-section--content {
|
|
@@ -42,7 +40,7 @@ function getActiveIcon(src: string){
|
|
|
42
40
|
}
|
|
43
41
|
.a-nav-section--link {
|
|
44
42
|
display: flex;
|
|
45
|
-
color:
|
|
43
|
+
color: inherit;
|
|
46
44
|
text-decoration: none;
|
|
47
45
|
min-height: 48px;
|
|
48
46
|
align-items: center;
|
|
@@ -52,6 +50,17 @@ function getActiveIcon(src: string){
|
|
|
52
50
|
padding: 0px 16px;
|
|
53
51
|
width: 100%;
|
|
54
52
|
}
|
|
53
|
+
.a-nav-section--link svg:first-child {
|
|
54
|
+
background: var(--nav-icon-background, rgb(80, 71, 100));
|
|
55
|
+
color: var(--nav-icon-color, var(--eggplant-30));
|
|
56
|
+
border-radius: 4px;
|
|
57
|
+
min-width: 32px;
|
|
58
|
+
min-height: 32px;
|
|
59
|
+
}
|
|
60
|
+
.a-nav-section--link svg:first-child.active {
|
|
61
|
+
background: var(--nav-active-icon-background, var(--orange-40));
|
|
62
|
+
color: var(--nav-active-icon-color, var(--primary-white));
|
|
63
|
+
}
|
|
55
64
|
.a-nav-section--link:not([href]) {
|
|
56
65
|
cursor: default;
|
|
57
66
|
}
|
|
@@ -1,30 +1,29 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<button class="sidebar-toggle" @click="toggleSidebar">
|
|
3
3
|
<NavIconsSidebarToggle />
|
|
4
|
-
<span>
|
|
4
|
+
<span class="sr-only"> {{ state ? $t('navigation.sidebarToggleOpen') : $t('navigation.sidebarToggleClosed') }}</span>
|
|
5
5
|
</button>
|
|
6
6
|
</template>
|
|
7
7
|
|
|
8
8
|
<script setup lang="ts">
|
|
9
9
|
import { useSidebar } from '#imports';
|
|
10
10
|
|
|
11
|
-
const { toggleSidebar } = useSidebar()
|
|
11
|
+
const { state, toggleSidebar } = useSidebar()
|
|
12
12
|
</script>
|
|
13
13
|
|
|
14
14
|
<style scoped>
|
|
15
15
|
.sidebar-toggle {
|
|
16
16
|
display: flex;
|
|
17
17
|
align-items: center;
|
|
18
|
-
|
|
19
|
-
background: var(--purple-20);
|
|
18
|
+
background: var(--nav-icon-background, rgb(80, 71, 100));
|
|
20
19
|
border: none;
|
|
21
20
|
border-radius: 4px;
|
|
22
|
-
padding: 4px
|
|
23
|
-
color: var(--
|
|
21
|
+
padding: 4px;
|
|
22
|
+
color: var(--nav-icon-color, var(--eggplant-30));
|
|
24
23
|
cursor: pointer;
|
|
25
24
|
}
|
|
26
25
|
.sidebar-toggle:focus-visible {
|
|
27
26
|
outline: none;
|
|
28
|
-
box-shadow: 0 0 0 2px var(--primary-white), 0 0 0 3px var(--
|
|
27
|
+
box-shadow: 0 0 0 2px var(--primary-white), 0 0 0 3px var(--brand-color);
|
|
29
28
|
}
|
|
30
29
|
</style>
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export function useBranding() {
|
|
2
|
+
const brand = useNuxtApp().$branding;
|
|
3
|
+
const brandPrimaryColor = computed(() => brand?.colors?.primary_color.hex || "#000000");
|
|
4
|
+
const getBrandingStyles = computed(() => {
|
|
5
|
+
if (!brand) return {};
|
|
6
|
+
return {
|
|
7
|
+
"--brand-color": brandPrimaryColor.value,
|
|
8
|
+
"--nav-background-color": "#f6f6f6",
|
|
9
|
+
"--nav-text-color": "#333",
|
|
10
|
+
"--nav-border-colors": "rgb(51,51,51, 0.1)",
|
|
11
|
+
"--nav-icon-background": "hsl(from var(--brand-color) h s l / 0.1)",
|
|
12
|
+
"--nav-icon-color": "var(--brand-color)",
|
|
13
|
+
"--nav-active-icon-background": "var(--brand-color)",
|
|
14
|
+
"--nav-active-icon-color": "var(--primary-white)"
|
|
15
|
+
};
|
|
16
|
+
});
|
|
17
|
+
return {
|
|
18
|
+
brand,
|
|
19
|
+
getBrandingStyles
|
|
20
|
+
};
|
|
21
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { Ref } from "
|
|
1
|
+
import type { Ref } from "#imports";
|
|
2
2
|
export declare function useDropdown(options: Array<unknown>, dropdownOptionsRef: Ref<Array<HTMLElement>>, dropdownTriggerRef: Ref<HTMLElement>, config?: {
|
|
3
3
|
searchable: boolean;
|
|
4
4
|
trackBy?: string;
|
|
@@ -12,5 +12,5 @@ export declare function useDropdown(options: Array<unknown>, dropdownOptionsRef:
|
|
|
12
12
|
keydownActionsOnTrigger: (event: KeyboardEvent) => void;
|
|
13
13
|
handleKeydown: (event: KeyboardEvent, index: number) => number | undefined;
|
|
14
14
|
handleDropdownSearch: (inputValue: KeyboardEvent & InputEvent) => void;
|
|
15
|
-
debouncedFocus:
|
|
15
|
+
debouncedFocus: import("lodash").DebouncedFunc<(idx: number) => void>;
|
|
16
16
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import debounce from "lodash/debounce";
|
|
2
|
-
import { ref, nextTick } from "
|
|
2
|
+
import { ref, nextTick } from "#imports";
|
|
3
3
|
export function useDropdown(options, dropdownOptionsRef, dropdownTriggerRef, config = { searchable: false, trackBy: "name" }) {
|
|
4
4
|
const active = ref(false);
|
|
5
5
|
const searchQuery = ref("");
|
|
@@ -4,7 +4,7 @@ export function useSidebar() {
|
|
|
4
4
|
function toggleSidebar() {
|
|
5
5
|
state.value = !state.value;
|
|
6
6
|
}
|
|
7
|
-
const sidebarWidth = computed(() => state.value ? "
|
|
7
|
+
const sidebarWidth = computed(() => state.value ? "264px" : "0px");
|
|
8
8
|
return {
|
|
9
9
|
state,
|
|
10
10
|
toggleSidebar,
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { defineNuxtPlugin, useAppConfig, useRuntimeConfig } from "#imports";
|
|
2
|
+
export default defineNuxtPlugin(async (_nuxtApp) => {
|
|
3
|
+
const appConfig = useAppConfig();
|
|
4
|
+
if (!appConfig.navigation.branding) return;
|
|
5
|
+
const config = useRuntimeConfig();
|
|
6
|
+
const { data: brandData } = await $fetch(config.public.authUrl + "/v2/public/brand_settings");
|
|
7
|
+
return {
|
|
8
|
+
provide: {
|
|
9
|
+
branding: brandData
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
});
|
package/package.json
CHANGED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<g id="Icons / 24 / Plus">
|
|
3
|
-
<path id="Vector 154" d="M12 5V12M12 12L12 19M12 12L19 12M12 12H5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
-
</g>
|
|
5
|
-
</svg>
|