srcdev-nuxt-components 6.2.3 → 6.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/app/components/responsive-header/ResponsiveHeader.vue +48 -59
  2. package/package.json +4 -2
package/app/components/responsive-header/ResponsiveHeader.vue CHANGED
@@ -7,68 +7,57 @@
7
7
  class="main-navigation-list"
8
8
  :ref="el => setNavRef(String(groupKey), el as HTMLUListElement | null)"
9
9
  >
10
- <template v-for="(link, localIndex) in navGroup" :key="localIndex">
11
- <li
10
+ <li
11
+ v-for="(link, localIndex) in navGroup"
12
+ :key="localIndex"
13
+ class="main-navigation-item"
14
+ :class="{
15
+ 'visually-hidden': !mainNavigationState.clonedNavLinks?.[groupKey]?.[localIndex]?.config?.visible,
16
+ }"
17
+ :style="{
18
+ '--_main-navigation-item-width':
19
+ mainNavigationState.clonedNavLinks?.[groupKey]?.[localIndex]?.config?.width + 'px',
20
+ }"
21
+ ref="mainNavigationItems"
22
+ :data-group-key="groupKey"
23
+ :data-local-index="localIndex"
24
+ @mouseenter="handleNavigationItemHover"
25
+ @focusin="handleNavigationItemHover"
26
+ >
27
+ <NuxtLink
12
28
  v-if="link.path"
13
- class="main-navigation-item"
14
- :class="{
15
- 'visually-hidden': !mainNavigationState.clonedNavLinks?.[groupKey]?.[localIndex]?.config?.visible,
16
- }"
17
- :style="{
18
- '--_main-navigation-item-width':
19
- mainNavigationState.clonedNavLinks?.[groupKey]?.[localIndex]?.config?.width + 'px',
20
- }"
21
- ref="mainNavigationItems"
22
- :data-group-key="groupKey"
23
- :data-local-index="localIndex"
24
- @mouseenter="handleNavigationItemHover"
25
- @focusin="handleNavigationItemHover"
29
+ class="main-navigation-link"
30
+ :class="{ 'has-icon': link.iconName }"
31
+ :to="link.path"
26
32
  >
27
- <NuxtLink class="main-navigation-link" :class="{ 'has-icon': link.iconName }" :to="link.path">
33
+ <Icon v-if="link.iconName" :name="link.iconName" class="decorator-icon" aria-hidden="true" />
34
+ {{ link.name }}
35
+ </NuxtLink>
36
+ <details v-else class="main-navigation-details" name="navigation-group" ref="navigationDetails">
37
+ <summary
38
+ @mouseenter="handleSummaryHover($event)"
39
+ @focusin="handleSummaryHover($event)"
40
+ @click.prevent="handleSummaryAction($event)"
41
+ @keypup.prevent.stop="handleSummaryAction($event)"
42
+ class="main-navigation-details-summary has-toggle-icon"
43
+ :aria-label="`${link.childLinksTitle} submenu`"
44
+ >
45
+ <Icon name="mdi:chevron-down" class="icon" :aria-hidden="true" />
28
46
  <Icon v-if="link.iconName" :name="link.iconName" class="decorator-icon" aria-hidden="true" />
29
- {{ link.name }}
30
- </NuxtLink>
31
- </li>
32
- <li
33
- v-else
34
- class="main-navigation-item"
35
- :class="{
36
- 'visually-hidden': !mainNavigationState.clonedNavLinks?.[groupKey]?.[localIndex]?.config?.visible,
37
- }"
38
- :style="{
39
- '--_main-navigation-item-width':
40
- mainNavigationState.clonedNavLinks?.[groupKey]?.[localIndex]?.config?.width + 'px',
41
- }"
42
- ref="mainNavigationItems"
43
- :data-group-key="groupKey"
44
- :data-local-index="localIndex"
45
- >
46
- <details class="main-navigation-details" name="navigation-group" ref="navigationDetails">
47
- <summary
48
- @mouseenter="handleSummaryHover($event)"
49
- @focusin="handleSummaryHover($event)"
50
- @click.prevent="handleSummaryAction($event)"
51
- @keypup.prevent.stop="handleSummaryAction($event)"
52
- class="main-navigation-details-summary has-toggle-icon"
53
- :aria-label="`${link.childLinksTitle} submenu`"
54
- >
55
- <Icon name="mdi:chevron-down" class="icon" :aria-hidden="true" />
56
- <Icon v-if="link.iconName" :name="link.iconName" class="decorator-icon" aria-hidden="true" />
57
-
58
- {{ link.childLinksTitle }}
59
- </summary>
60
- <div class="main-navigation-sub-nav" role="menu">
61
- <ul class="main-navigation-sub-nav-list">
62
- <li class="main-navigation-sub-nav-item" v-for="childLink in link.childLinks" :key="childLink.name">
63
- <NuxtLink :to="childLink.path" class="main-navigation-sub-nav-link" role="menuitem">
64
- {{ childLink.name }}
65
- </NuxtLink>
66
- </li>
67
- </ul>
68
- </div>
69
- </details>
70
- </li>
71
- </template>
47
+
48
+ {{ link.childLinksTitle }}
49
+ </summary>
50
+ <div class="main-navigation-sub-nav" role="menu">
51
+ <ul class="main-navigation-sub-nav-list">
52
+ <li class="main-navigation-sub-nav-item" v-for="childLink in link.childLinks" :key="childLink.name">
53
+ <NuxtLink :to="childLink.path" class="main-navigation-sub-nav-link" role="menuitem">
54
+ {{ childLink.name }}
55
+ </NuxtLink>
56
+ </li>
57
+ </ul>
58
+ </div>
59
+ </details>
60
+ </li>
72
61
  </ul>
73
62
  </nav>
74
63
  <nav class="secondary-navigation" ref="secondaryNav" aria-label="Secondary navigation">
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "srcdev-nuxt-components",
3
3
  "type": "module",
4
- "version": "6.2.3",
4
+ "version": "6.2.6",
5
5
  "main": "nuxt.config.ts",
6
6
  "scripts": {
7
7
  "clean": "rm -rf .nuxt && rm -rf .output && rm -rf .playground/.nuxt && rm -rf .playground/.output",
@@ -31,6 +31,7 @@
31
31
  "@nuxt/eslint": "1.10.0",
32
32
  "@nuxt/icon": "2.1.0",
33
33
  "@nuxt/image": "2.0.0",
34
+ "@nuxt/test-utils": "3.20.1",
34
35
  "@nuxtjs/i18n": "10.2.0",
35
36
  "@vueuse/core": "14.0.0",
36
37
  "eslint": "9.39.1",
@@ -39,7 +40,8 @@
39
40
  "nuxt": "4.2.1",
40
41
  "patch-package": "8.0.1",
41
42
  "release-it": "19.0.6",
42
- "typescript": "5.9.3"
43
+ "typescript": "5.9.3",
44
+ "vitest": "^3.2.0"
43
45
  },
44
46
  "release-it": {
45
47
  "$schema": "https://unpkg.com/release-it/schema/release-it.json",