@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.
@@ -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-58702ba6"]]);exports.default=u;
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;
@@ -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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-58702ba6"]]);
4
+ const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8e6a33c8"]]);
5
5
  export {
6
- m as default
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"],N={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",null,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",N,[(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,E)],64))}});exports.default=x;
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;
@@ -1,9 +1,9 @@
1
- import { defineComponent as k, computed as d, watch as y, onMounted as N, openBlock as s, createElementBlock as m, Fragment as c, createElementVNode as l, unref as e, normalizeStyle as $, toDisplayString as C, normalizeClass as D, renderList as E, createBlock as _, withCtx as B, createVNode as M, mergeProps as A } from "vue";
2
- import O from "../NavigationMenuItem/NavigationMenuItem.vue.js";
3
- import R from "../NavigationMenuLink/NavigationMenuLink.vue.js";
4
- import { useCollapsable as T } from "../../../../../composables/use-collapsable/use-collapsable.js";
5
- import { ICONS_DATA_URL as b } from "../../../../../tokens/icons.js";
6
- const L = ["aria-expanded", "aria-current", "aria-controls"], S = ["id"], U = { class: "av-menu__list" }, K = /* @__PURE__ */ k({
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(t) {
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
- } = T(), o = d(() => t.id ?? `menu-${crypto.randomUUID()}`), i = d(() => o.value === t.expandedId), I = d(() => ({
24
- "--icon-path": `url(${b.MDI_KEYBOARD_ARROW_DOWN})`
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, n) => {
27
- a !== n && u(a);
28
- }), N(() => {
26
+ return y(i, (a, t) => {
27
+ a !== t && u(a);
28
+ }), _(() => {
29
29
  i.value && u(!0);
30
- }), (a, n) => (s(), m(c, null, [
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": t.active || void 0,
34
+ "aria-current": n.active || void 0,
35
35
  "aria-controls": e(o),
36
- style: $(e(I)),
37
- onClick: n[0] || (n[0] = (r) => a.$emit("toggleId", e(o)))
36
+ style: N(e(I)),
37
+ onClick: t[0] || (t[0] = (r) => a.$emit("toggleId", e(o)))
38
38
  }, [
39
- l("span", null, C(t.title), 1)
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: D(["av-collapse av-menu", { "av-collapse--expanded": e(g), "av-collapsing": e(v) }]),
45
+ class: C(["av-collapse av-menu", { "av-collapse--expanded": e(g), "av-collapsing": e(v) }]),
46
46
  "data-testid": "navigation-menu",
47
- onTransitionend: n[2] || (n[2] = (r) => e(f)(e(i)))
47
+ onTransitionend: t[2] || (t[2] = (r) => e(f)(e(i)))
48
48
  }, [
49
- l("ul", U, [
50
- (s(!0), m(c, null, E(t.links, (r, x) => (s(), _(O, { key: x }, {
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(R, A({ ref_for: !0 }, r, {
53
- onToggleId: n[1] || (n[1] = (z) => a.$emit("toggleId", t.expandedId))
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, S)
59
+ ], 42, U)
60
60
  ], 64));
61
61
  }
62
62
  });
63
63
  export {
64
- K as default
64
+ P as default
65
65
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@avenirs-esr/avenirs-dsav",
3
3
  "type": "module",
4
- "version": "0.1.261",
4
+ "version": "0.1.263",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "git+https://github.com/avenirs-esr/avenirs-dsav.git"
@@ -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: 3.875rem; /* 62px */
18
- --font-size-n2: 3rem; /* 48px */
19
- --font-size-n3: 2.5rem; /* 40px */
20
- --font-size-n4: 2rem; /* 32px */
21
- --font-size-n5: 1.625rem; /* 26px */
22
- --font-size-n6: 1.25rem; /* 20px */
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 */