srcdev-nuxt-components 6.2.2 → 6.2.4

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 +16 -12
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.2",
4
+ "version": "6.2.4",
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",
@@ -23,19 +23,23 @@
23
23
  ],
24
24
  "devDependencies": {
25
25
  "@iconify-json/akar-icons": "1.2.7",
26
+ "@iconify-json/bi": "1.2.6",
26
27
  "@iconify-json/bitcoin-icons": "1.2.4",
27
- "@iconify-json/material-symbols": "1.2.35",
28
- "@nuxt/eslint": "1.9.0",
29
- "@nuxt/icon": "2.0.0",
30
- "@nuxt/image": "1.11.0",
31
- "@nuxtjs/i18n": "10.1.0",
32
- "@vueuse/core": "13.9.0",
33
- "eslint": "9.35.0",
28
+ "@iconify-json/gravity-ui": "1.2.10",
29
+ "@iconify-json/material-symbols": "1.2.44",
30
+ "@iconify-json/mdi": "1.2.3",
31
+ "@nuxt/eslint": "1.10.0",
32
+ "@nuxt/icon": "2.1.0",
33
+ "@nuxt/image": "2.0.0",
34
+ "@nuxtjs/i18n": "10.2.0",
35
+ "@vueuse/core": "14.0.0",
36
+ "eslint": "9.39.1",
34
37
  "focus-trap-vue": "4.1.0",
35
- "happy-dom": "18.0.1",
36
- "nuxt": "4.1.2",
37
- "release-it": "19.0.4",
38
- "typescript": "5.9.2"
38
+ "happy-dom": "20.0.10",
39
+ "nuxt": "4.2.1",
40
+ "patch-package": "8.0.1",
41
+ "release-it": "19.0.6",
42
+ "typescript": "5.9.3"
39
43
  },
40
44
  "release-it": {
41
45
  "$schema": "https://unpkg.com/release-it/schema/release-it.json",