@apptegy/nuxt-navigation 0.1.29 → 0.1.30
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 +1 -1
- package/dist/runtime/components/Nav/HelpArticles.vue +2 -1
- package/dist/runtime/components/Nav/Icons/SidebarToggle.vue +1 -1
- package/dist/runtime/components/Nav/Sidebar.vue +2 -2
- package/dist/runtime/components/Nav/SidebarSection.vue +6 -4
- package/dist/runtime/components/Nav/SidebarToggle.vue +2 -2
- package/package.json +1 -1
package/dist/module.json
CHANGED
|
@@ -18,9 +18,10 @@
|
|
|
18
18
|
<button
|
|
19
19
|
:id="!isDropdown && 'help-btn'"
|
|
20
20
|
:class="['help-articles-btn', !isDropdown && 'help-btn']"
|
|
21
|
+
:aria-label="isDropdown ? $t('navigation.helpCenter') : $t('navigation.helpArticles')"
|
|
21
22
|
@click="expandDropdown"
|
|
22
23
|
>
|
|
23
|
-
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
24
|
+
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
24
25
|
<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
26
|
<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
27
|
<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"/>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden>
|
|
2
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
3
3
|
<rect x="4.3335" y="5.5" width="15.3333" height="13" rx="0.666667" stroke="currentColor"/>
|
|
4
4
|
<rect x="4.3335" y="5.5" :width="expanded ? 6: 2" height="13" rx="0.666667" fill="currentColor" stroke="currentColor" stroke-linecap="round"/>
|
|
5
5
|
</svg>
|
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
<NuxtLink v-if="expanded" class="no-link-style" :to="homepageUrl">
|
|
21
21
|
<slot name="logo">
|
|
22
22
|
<div class="navbar--logo">
|
|
23
|
-
<img v-if="brandLogo" :src="brandLogo">
|
|
24
|
-
<ThrillshareLogo v-else />
|
|
23
|
+
<img v-if="brandLogo" :src="brandLogo" :alt="$t('navigation.brandLogoAlt')">
|
|
24
|
+
<ThrillshareLogo v-else :alt="$t('navigation.brandLogoAlt')" />
|
|
25
25
|
<div v-if="!brand?.hide_school_name">
|
|
26
26
|
<div class="school-name"> {{ brand?.school_name }} </div>
|
|
27
27
|
<div v-if="brand?.school_tag_line" class="school-tag">{{ brand.school_tag_line }}</div>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="a-nav-section" :class="{ active }">
|
|
3
|
-
<NuxtLink class="a-nav-section--link" :to="active ? '' : application.url">
|
|
4
|
-
<svg :class="{ active }" width="32" height="32" viewBox="0 0 32 32" v-html="icons[application.text]"></svg>
|
|
5
|
-
<span v-if="expanded">{{
|
|
3
|
+
<NuxtLink class="a-nav-section--link" :to="active ? '' : application.url" :aria-label="appText">
|
|
4
|
+
<svg :class="{ active }" width="32" height="32" viewBox="0 0 32 32" v-html="icons[application.text]" aria-hidden="true"></svg>
|
|
5
|
+
<span v-if="expanded">{{ appText }}</span>
|
|
6
6
|
<a-icon v-if="expanded && active" class="caret-icon" icon="16:carret-up" />
|
|
7
7
|
</NuxtLink>
|
|
8
8
|
<div class="a-nav-section--content">
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
</template>
|
|
13
13
|
|
|
14
14
|
<script setup lang="ts">
|
|
15
|
-
import { useSidebar } from "#imports";
|
|
15
|
+
import { useSidebar, computed } from "#imports";
|
|
16
16
|
import type { IApplication } from "../../types";
|
|
17
17
|
import icons from "../../assets/iconPaths.json";
|
|
18
18
|
|
|
@@ -21,6 +21,8 @@ const props = defineProps<{
|
|
|
21
21
|
active: boolean;
|
|
22
22
|
}>();
|
|
23
23
|
|
|
24
|
+
const appText = computed(() => props.application.text.replace("_", " "))
|
|
25
|
+
|
|
24
26
|
const { state: expanded } = useSidebar();
|
|
25
27
|
|
|
26
28
|
</script>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<button class="sidebar-toggle" @click="toggleSidebar">
|
|
2
|
+
<button class="sidebar-toggle" :aria-expanded="state" @click="toggleSidebar">
|
|
3
3
|
<NavIconsSidebarToggle />
|
|
4
|
-
<span class="sr-only">
|
|
4
|
+
<span class="sr-only"> {{ $t('navigation.sidebarToggle') }}</span>
|
|
5
5
|
</button>
|
|
6
6
|
</template>
|
|
7
7
|
|