@avenirs-esr/avenirs-dsav 0.1.261 → 0.1.263
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/avenirs-dsav.css +1 -1
- package/dist/src/components/navigation/AvNavigation/components/NavigationMenu/NavigationMenu.vue.cjs +1 -1
- package/dist/src/components/navigation/AvNavigation/components/NavigationMenu/NavigationMenu.vue.js +2 -2
- package/dist/src/components/navigation/AvNavigation/components/NavigationMenu/NavigationMenu.vue2.cjs +1 -1
- package/dist/src/components/navigation/AvNavigation/components/NavigationMenu/NavigationMenu.vue2.js +25 -25
- package/package.json +1 -1
- package/src/styles/core/_typography.scss +6 -6
package/dist/src/components/navigation/AvNavigation/components/NavigationMenu/NavigationMenu.vue.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./NavigationMenu.vue2.cjs");;/* empty css */const t=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs"),u=t.default(e.default,[["__scopeId","data-v-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./NavigationMenu.vue2.cjs");;/* empty css */const t=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs"),u=t.default(e.default,[["__scopeId","data-v-8e6a33c8"]]);exports.default=u;
|
package/dist/src/components/navigation/AvNavigation/components/NavigationMenu/NavigationMenu.vue.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./NavigationMenu.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8e6a33c8"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
i as default
|
|
7
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("../NavigationMenuItem/NavigationMenuItem.vue.cjs"),f=require("../NavigationMenuLink/NavigationMenuLink.vue.cjs"),g=require("../../../../../composables/use-collapsable/use-collapsable.cjs"),k=require("../../../../../tokens/icons.cjs"),I=["aria-expanded","aria-current","aria-controls"],E=["id"],
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("../NavigationMenuItem/NavigationMenuItem.vue.cjs"),f=require("../NavigationMenuLink/NavigationMenuLink.vue.cjs"),g=require("../../../../../composables/use-collapsable/use-collapsable.cjs"),k=require("../../../../../tokens/icons.cjs"),I=["aria-expanded","aria-current","aria-controls"],E={class:"b1-regular"},N=["id"],_={class:"av-menu__list"},x=e.defineComponent({__name:"NavigationMenu",props:{id:{},title:{},links:{},expandedId:{},active:{type:Boolean}},emits:["toggleId"],setup(t){const{collapse:d,collapsing:s,cssExpanded:u,doExpand:i,onTransitionEnd:c}=g.useCollapsable(),o=e.computed(()=>t.id??`menu-${crypto.randomUUID()}`),l=e.computed(()=>o.value===t.expandedId),m=e.computed(()=>({"--icon-path":`url(${k.ICONS_DATA_URL.MDI_KEYBOARD_ARROW_DOWN})`}));return e.watch(l,(a,n)=>{a!==n&&i(a)}),e.onMounted(()=>{l.value&&i(!0)}),(a,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("button",{class:"av-nav__btn","aria-expanded":e.unref(l),"aria-current":t.active||void 0,"aria-controls":e.unref(o),style:e.normalizeStyle(e.unref(m)),onClick:n[0]||(n[0]=r=>a.$emit("toggleId",e.unref(o)))},[e.createElementVNode("span",E,e.toDisplayString(t.title),1)],12,I),e.createElementVNode("div",{id:e.unref(o),ref_key:"collapse",ref:d,class:e.normalizeClass(["av-collapse av-menu",{"av-collapse--expanded":e.unref(u),"av-collapsing":e.unref(s)}]),"data-testid":"navigation-menu",onTransitionend:n[2]||(n[2]=r=>e.unref(c)(e.unref(l)))},[e.createElementVNode("ul",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.links,(r,p)=>(e.openBlock(),e.createBlock(v.default,{key:p},{default:e.withCtx(()=>[e.createVNode(f.default,e.mergeProps({ref_for:!0},r,{onToggleId:n[1]||(n[1]=y=>a.$emit("toggleId",t.expandedId))}),null,16)]),_:2},1024))),128))])],42,N)],64))}});exports.default=x;
|
package/dist/src/components/navigation/AvNavigation/components/NavigationMenu/NavigationMenu.vue2.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { defineComponent as k, computed as d, watch as y, onMounted as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import { useCollapsable as
|
|
5
|
-
import { ICONS_DATA_URL as
|
|
6
|
-
const L = ["aria-expanded", "aria-current", "aria-controls"], S = ["id"],
|
|
1
|
+
import { defineComponent as k, computed as d, watch as y, onMounted as _, openBlock as s, createElementBlock as m, Fragment as c, createElementVNode as l, unref as e, normalizeStyle as N, toDisplayString as $, normalizeClass as C, renderList as D, createBlock as E, withCtx as B, createVNode as M, mergeProps as b } from "vue";
|
|
2
|
+
import A from "../NavigationMenuItem/NavigationMenuItem.vue.js";
|
|
3
|
+
import O from "../NavigationMenuLink/NavigationMenuLink.vue.js";
|
|
4
|
+
import { useCollapsable as R } from "../../../../../composables/use-collapsable/use-collapsable.js";
|
|
5
|
+
import { ICONS_DATA_URL as T } from "../../../../../tokens/icons.js";
|
|
6
|
+
const L = ["aria-expanded", "aria-current", "aria-controls"], S = { class: "b1-regular" }, U = ["id"], h = { class: "av-menu__list" }, P = /* @__PURE__ */ k({
|
|
7
7
|
__name: "NavigationMenu",
|
|
8
8
|
props: {
|
|
9
9
|
id: {},
|
|
@@ -13,53 +13,53 @@ const L = ["aria-expanded", "aria-current", "aria-controls"], S = ["id"], U = {
|
|
|
13
13
|
active: { type: Boolean }
|
|
14
14
|
},
|
|
15
15
|
emits: ["toggleId"],
|
|
16
|
-
setup(
|
|
16
|
+
setup(n) {
|
|
17
17
|
const {
|
|
18
18
|
collapse: p,
|
|
19
19
|
collapsing: v,
|
|
20
20
|
cssExpanded: g,
|
|
21
21
|
doExpand: u,
|
|
22
22
|
onTransitionEnd: f
|
|
23
|
-
} =
|
|
24
|
-
"--icon-path": `url(${
|
|
23
|
+
} = R(), o = d(() => n.id ?? `menu-${crypto.randomUUID()}`), i = d(() => o.value === n.expandedId), I = d(() => ({
|
|
24
|
+
"--icon-path": `url(${T.MDI_KEYBOARD_ARROW_DOWN})`
|
|
25
25
|
}));
|
|
26
|
-
return y(i, (a,
|
|
27
|
-
a !==
|
|
28
|
-
}),
|
|
26
|
+
return y(i, (a, t) => {
|
|
27
|
+
a !== t && u(a);
|
|
28
|
+
}), _(() => {
|
|
29
29
|
i.value && u(!0);
|
|
30
|
-
}), (a,
|
|
30
|
+
}), (a, t) => (s(), m(c, null, [
|
|
31
31
|
l("button", {
|
|
32
32
|
class: "av-nav__btn",
|
|
33
33
|
"aria-expanded": e(i),
|
|
34
|
-
"aria-current":
|
|
34
|
+
"aria-current": n.active || void 0,
|
|
35
35
|
"aria-controls": e(o),
|
|
36
|
-
style:
|
|
37
|
-
onClick:
|
|
36
|
+
style: N(e(I)),
|
|
37
|
+
onClick: t[0] || (t[0] = (r) => a.$emit("toggleId", e(o)))
|
|
38
38
|
}, [
|
|
39
|
-
l("span",
|
|
39
|
+
l("span", S, $(n.title), 1)
|
|
40
40
|
], 12, L),
|
|
41
41
|
l("div", {
|
|
42
42
|
id: e(o),
|
|
43
43
|
ref_key: "collapse",
|
|
44
44
|
ref: p,
|
|
45
|
-
class:
|
|
45
|
+
class: C(["av-collapse av-menu", { "av-collapse--expanded": e(g), "av-collapsing": e(v) }]),
|
|
46
46
|
"data-testid": "navigation-menu",
|
|
47
|
-
onTransitionend:
|
|
47
|
+
onTransitionend: t[2] || (t[2] = (r) => e(f)(e(i)))
|
|
48
48
|
}, [
|
|
49
|
-
l("ul",
|
|
50
|
-
(s(!0), m(c, null,
|
|
49
|
+
l("ul", h, [
|
|
50
|
+
(s(!0), m(c, null, D(n.links, (r, x) => (s(), E(A, { key: x }, {
|
|
51
51
|
default: B(() => [
|
|
52
|
-
M(
|
|
53
|
-
onToggleId:
|
|
52
|
+
M(O, b({ ref_for: !0 }, r, {
|
|
53
|
+
onToggleId: t[1] || (t[1] = (z) => a.$emit("toggleId", n.expandedId))
|
|
54
54
|
}), null, 16)
|
|
55
55
|
]),
|
|
56
56
|
_: 2
|
|
57
57
|
}, 1024))), 128))
|
|
58
58
|
])
|
|
59
|
-
], 42,
|
|
59
|
+
], 42, U)
|
|
60
60
|
], 64));
|
|
61
61
|
}
|
|
62
62
|
});
|
|
63
63
|
export {
|
|
64
|
-
|
|
64
|
+
P as default
|
|
65
65
|
};
|
package/package.json
CHANGED
|
@@ -14,12 +14,12 @@
|
|
|
14
14
|
--font-size-xs: 0.75rem; /* 12px */
|
|
15
15
|
--font-size-sm: 0.875rem; /* 14px */
|
|
16
16
|
--font-size-md: 1rem; /* 16px */
|
|
17
|
-
--font-size-n1:
|
|
18
|
-
--font-size-n2:
|
|
19
|
-
--font-size-n3:
|
|
20
|
-
--font-size-n4:
|
|
21
|
-
--font-size-n5: 1.
|
|
22
|
-
--font-size-n6: 1.
|
|
17
|
+
--font-size-n1: 3rem; /* 48px */
|
|
18
|
+
--font-size-n2: 2.5rem; /* 40px */
|
|
19
|
+
--font-size-n3: 2rem; /* 32px */
|
|
20
|
+
--font-size-n4: 1.625rem; /* 26px */
|
|
21
|
+
--font-size-n5: 1.25rem; /* 20px */
|
|
22
|
+
--font-size-n6: 1.125rem; /* 18px */
|
|
23
23
|
--font-size-s1: 1.25rem; /* 20px */
|
|
24
24
|
--font-size-s2: 1.125rem; /* 18px */
|
|
25
25
|
--line-height-xs: 1.125rem; /* 18px */
|