@tedi-design-system/react 19.1.0-rc.16 → 19.1.0-rc.17

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tedi-design-system/react",
3
- "version": "19.1.0-rc.16",
3
+ "version": "19.1.0-rc.17",
4
4
  "description": "TEDI Design System React component library — accessible, reusable UI components. Docs & live examples: https://storybook.tedi.ee/react/rc/",
5
5
  "type": "module",
6
6
  "sideEffects": false,
@@ -106,7 +106,7 @@
106
106
  "@typescript-eslint/eslint-plugin": "^6.21.0",
107
107
  "@typescript-eslint/parser": "^6.21.0",
108
108
  "@vitejs/plugin-react": "^4.3.4",
109
- "chromatic": "^13.3.4",
109
+ "chromatic": "^18.7.4",
110
110
  "concurrently": "^10.0.3",
111
111
  "dompurify": "^3.4.12",
112
112
  "eslint": "8.48.0",
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),U=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),l=require("../../../../../external/classnames/index.cjs.js"),m=require("react"),d=require("../../base/icon/icon.cjs.js"),f=require("../../buttons/button/button.cjs.js"),M=require("../sidenav/components/sidenav-item/sidenav-item.cjs.js"),n=require("../sidenav/sidenav.module.scss.cjs.js"),D=require("../../../providers/label-provider/use-labels.cjs.js"),q=({navItems:h,ariaLabel:y,linkAs:v,isOpen:w,onClose:r,showOverlay:B=!0,id:G,className:P})=>{var k,g,p,I,S,C,L;const{getLabel:b}=D.useLabels(),[s,c]=m.useState([{items:h}]);m.useEffect(()=>{c([{items:h}])},[h]);const a=s[s.length-1],R=s.length===1,x=e=>{var _;const i=!!(e.subItems||e.subItemGroups),o=!!(e.href||e.to);if(!i){r();return}const u=((_=e.subItemGroups)==null?void 0:_.flatMap(H=>H.subItems))||e.subItems||[];c([...s,{items:u,parent:e,renderParentLink:o}])},T=()=>{c(s.slice(0,-1))},z=()=>{c([s[0]])},F=((g=(k=a.parent)==null?void 0:k.subItems)==null?void 0:g.length)??((I=(p=a.parent)==null?void 0:p.subItemGroups)==null?void 0:I.length),O=s.length>1&&!(a.renderParentLink&&F),N=(e,i)=>i===1?!(e.subItems||e.subItemGroups)?t.jsx(M.SideNavItem,{...e,as:v,level:i,onItemClick:r,className:l.default(n.default["tedi-sidenav__item--mobile"],e.className)}):t.jsx("li",{className:l.default(n.default["tedi-sidenav__item"],n.default["tedi-sidenav__item--mobile"]),children:t.jsxs("button",{onClick:()=>x(e),className:n.default["tedi-sidenav__link"],children:[e.icon&&t.jsx(d.Icon,{name:typeof e.icon=="string"?e.icon:e.icon.name,color:"white",className:n.default["tedi-sidenav__icon"]}),t.jsx("span",{className:n.default["tedi-sidenav__title"],children:e.children}),t.jsx(d.Icon,{name:"expand_more",color:"white",className:n.default["tedi-sidenav__toggle-icon"]})]})}):E(e,i),E=(e,i)=>{const o=!!(e.href||e.to),u=!!(e.subItems||e.subItemGroups);return o?t.jsx(M.SideNavItem,{...e,as:v,level:i,icon:void 0,onItemClick:r,className:l.default(n.default["tedi-sidenav__sub-item"],e.className)}):t.jsx("li",{className:l.default(n.default["tedi-sidenav__item"]),children:t.jsxs(f.Button,{noStyle:!0,onClick:()=>u?x(e):r(),className:n.default["tedi-sidenav__link"],children:[t.jsx("span",{className:n.default["tedi-sidenav__title"],children:e.children}),u?t.jsx(d.Icon,{name:"expand_more",color:"white",className:n.default["tedi-sidenav__toggle-icon"]}):null]})})},j=t.jsxs("nav",{"data-name":"mobile-sidenav",className:l.default(n.default["tedi-sidenav"],n.default["tedi-sidenav--mobile"],P),"aria-label":y,id:G,children:[t.jsx("div",{className:n.default["tedi-sidenav__list"],children:!R&&t.jsxs("div",{className:n.default["tedi-sidenav__back-buttons"],children:[s.length>1&&t.jsxs(f.Button,{noStyle:!0,onClick:z,className:l.default(n.default["tedi-sidenav__link"],n.default["tedi-sidenav__back-button"]),children:[t.jsx(d.Icon,{name:"arrow_back",size:16,color:"white"}),t.jsx("span",{children:b("sidenav.backToMainMenu")})]}),s.length>2&&t.jsxs(f.Button,{noStyle:!0,onClick:T,className:l.default(n.default["tedi-sidenav__link"],n.default["tedi-sidenav__back-button"]),children:[t.jsx(d.Icon,{name:"arrow_back",size:16,color:"white"}),t.jsx("span",{children:((C=(S=s[s.length-1])==null?void 0:S.parent)==null?void 0:C.children)+" "+b("sidenav.backtoMenu")})]})]})}),O&&t.jsx("div",{className:l.default(n.default["tedi-sidenav__subheading"],n.default["tedi-sidenav__subheading--mobile"]),children:(L=a.parent)==null?void 0:L.children}),t.jsxs("ul",{className:n.default["tedi-sidenav__list"],role:"menubar",children:[a.renderParentLink&&a.parent&&t.jsx("li",{className:n.default["tedi-sidenav__list-item"],children:t.jsx("div",{className:l.default(n.default["tedi-sidenav__collapse"]),children:N(a.parent,s.length)})}),!a.renderParentLink&&a.items.map((e,i)=>t.jsx(m.Fragment,{children:N(e,s.length)},e.id||i))]})]});return w?B?t.jsx(U.FloatingOverlay,{style:{top:"0",position:"relative",height:"100%"},className:n.default["tedi-sidenav__overlay"],children:j}):j:null},J=q;exports.MobileNav=q;exports.SideNavMobile=J;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),K=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),r=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),_=require("../../base/icon/icon.cjs.js"),g=require("../../buttons/button/button.cjs.js"),E=require("../sidenav/components/sidenav-item/sidenav-item.cjs.js"),n=require("../sidenav/sidenav.module.scss.cjs.js"),Q=require("../../../providers/label-provider/use-labels.cjs.js"),V=typeof window<"u"?c.useLayoutEffect:c.useEffect,W=u=>{let f=(u==null?void 0:u.parentElement)??null;for(;f;){const d=getComputedStyle(f);if(d.transform!=="none"||d.perspective!=="none"||d.filter!==""&&d.filter!=="none"||/\b(transform|perspective|filter)\b/.test(d.willChange)||/\b(layout|paint|strict|content)\b/.test(d.contain))return f;f=f.parentElement}return null},B=({navItems:u,ariaLabel:f,linkAs:d,isOpen:h,onClose:v,showOverlay:m=!0,id:T,className:z})=>{var w,S,C,L,M,q,R;const{getLabel:x}=Q.useLabels(),[a,p]=c.useState([{items:u}]),k=c.useRef(null),[G,N]=c.useState("var(--layout-header-height)");c.useEffect(()=>{p([{items:u}])},[u]),V(()=>{if(!h||!m||typeof document>"u")return;const e=W(k.current),s=(e??document).querySelector("header")??document.querySelector("header");if(!s){N("var(--layout-header-height)");return}const o=()=>{const b=e?e.getBoundingClientRect().top:0;N(`${Math.max(0,Math.round(s.getBoundingClientRect().bottom-b))}px`)};o(),window.addEventListener("resize",o);let i;return typeof ResizeObserver<"u"&&(i=new ResizeObserver(o),i.observe(s),e&&i.observe(e)),()=>{window.removeEventListener("resize",o),i==null||i.disconnect()}},[h,m]),c.useEffect(()=>{if(!h||!m||typeof document>"u")return;const{body:e}=document,s=e.style.overflow;return e.style.overflow="hidden",()=>{e.style.overflow=s}},[h,m]);const l=a[a.length-1],P=a.length===1,j=e=>{var b;const s=!!(e.subItems||e.subItemGroups),o=!!(e.href||e.to);if(!s){v();return}const i=((b=e.subItemGroups)==null?void 0:b.flatMap(J=>J.subItems))||e.subItems||[];p([...a,{items:i,parent:e,renderParentLink:o}])},F=()=>{p(a.slice(0,-1))},D=()=>{p([a[0]])},H=((S=(w=l.parent)==null?void 0:w.subItems)==null?void 0:S.length)??((L=(C=l.parent)==null?void 0:C.subItemGroups)==null?void 0:L.length),U=a.length>1&&!(l.renderParentLink&&H),y=(e,s)=>s===1?!(e.subItems||e.subItemGroups)?t.jsx(E.SideNavItem,{...e,as:d,level:s,onItemClick:v,className:r.default(n.default["tedi-sidenav__item--mobile"],e.className)}):t.jsx("li",{className:r.default(n.default["tedi-sidenav__item"],n.default["tedi-sidenav__item--mobile"]),children:t.jsxs("button",{onClick:()=>j(e),className:n.default["tedi-sidenav__link"],children:[e.icon&&t.jsx(_.Icon,{name:typeof e.icon=="string"?e.icon:e.icon.name,color:"white",className:n.default["tedi-sidenav__icon"]}),t.jsx("span",{className:n.default["tedi-sidenav__title"],children:e.children}),t.jsx(_.Icon,{name:"expand_more",color:"white",className:n.default["tedi-sidenav__toggle-icon"]})]})}):$(e,s),$=(e,s)=>{const o=!!(e.href||e.to),i=!!(e.subItems||e.subItemGroups);return o?t.jsx(E.SideNavItem,{...e,as:d,level:s,icon:void 0,onItemClick:v,className:r.default(n.default["tedi-sidenav__sub-item"],e.className)}):t.jsx("li",{className:r.default(n.default["tedi-sidenav__item"]),children:t.jsxs(g.Button,{noStyle:!0,onClick:()=>i?j(e):v(),className:n.default["tedi-sidenav__link"],children:[t.jsx("span",{className:n.default["tedi-sidenav__title"],children:e.children}),i?t.jsx(_.Icon,{name:"expand_more",color:"white",className:n.default["tedi-sidenav__toggle-icon"]}):null]})})},I=t.jsxs("nav",{"data-name":"mobile-sidenav",className:r.default(n.default["tedi-sidenav"],n.default["tedi-sidenav--mobile"],z),"aria-label":f,id:T,children:[t.jsx("div",{className:n.default["tedi-sidenav__list"],children:!P&&t.jsxs("div",{className:n.default["tedi-sidenav__back-buttons"],children:[a.length>1&&t.jsxs(g.Button,{noStyle:!0,onClick:D,className:r.default(n.default["tedi-sidenav__link"],n.default["tedi-sidenav__back-button"]),children:[t.jsx(_.Icon,{name:"arrow_back",size:16,color:"white"}),t.jsx("span",{children:x("sidenav.backToMainMenu")})]}),a.length>2&&t.jsxs(g.Button,{noStyle:!0,onClick:F,className:r.default(n.default["tedi-sidenav__link"],n.default["tedi-sidenav__back-button"]),children:[t.jsx(_.Icon,{name:"arrow_back",size:16,color:"white"}),t.jsx("span",{children:((q=(M=a[a.length-1])==null?void 0:M.parent)==null?void 0:q.children)+" "+x("sidenav.backtoMenu")})]})]})}),U&&t.jsx("div",{className:r.default(n.default["tedi-sidenav__subheading"],n.default["tedi-sidenav__subheading--mobile"]),children:(R=l.parent)==null?void 0:R.children}),t.jsxs("ul",{className:n.default["tedi-sidenav__list"],children:[l.renderParentLink&&l.parent&&t.jsx("li",{className:n.default["tedi-sidenav__list-item"],children:t.jsx("div",{className:r.default(n.default["tedi-sidenav__collapse"]),children:y(l.parent,a.length)})}),!l.renderParentLink&&l.items.map((e,s)=>t.jsx(c.Fragment,{children:y(e,a.length)},e.id||s))]})]});return h?m?t.jsx(K.FloatingOverlay,{ref:k,style:{top:G},className:n.default["tedi-sidenav__overlay"],onMouseDown:e=>{e.target===e.currentTarget&&v()},children:I}):I:null},X=B;exports.MobileNav=B;exports.SideNavMobile=X;
@@ -1,147 +1,178 @@
1
- import { jsxs as r, jsx as i } from "react/jsx-runtime";
2
- import { FloatingOverlay as q } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
1
+ import { jsxs as m, jsx as t } from "react/jsx-runtime";
2
+ import { FloatingOverlay as U } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
3
3
  import l from "../../../../../external/classnames/index.es.js";
4
- import D, { useState as J, useEffect as K } from "react";
5
- import { Icon as d } from "../../base/icon/icon.es.js";
6
- import { Button as v } from "../../buttons/button/button.es.js";
7
- import { SideNavItem as w } from "../sidenav/components/sidenav-item/sidenav-item.es.js";
4
+ import V, { useState as T, useRef as W, useEffect as k, useLayoutEffect as X } from "react";
5
+ import { Icon as b } from "../../base/icon/icon.es.js";
6
+ import { Button as g } from "../../buttons/button/button.es.js";
7
+ import { SideNavItem as G } from "../sidenav/components/sidenav-item/sidenav-item.es.js";
8
8
  import n from "../sidenav/sidenav.module.scss.es.js";
9
- import { useLabels as Q } from "../../../providers/label-provider/use-labels.es.js";
10
- const U = ({
11
- navItems: _,
12
- ariaLabel: x,
13
- linkAs: b,
14
- isOpen: G,
15
- onClose: o,
16
- showOverlay: P = !0,
17
- id: R,
18
- className: B
9
+ import { useLabels as Y } from "../../../providers/label-provider/use-labels.es.js";
10
+ const Z = typeof window < "u" ? X : k, A = (c) => {
11
+ let u = (c == null ? void 0 : c.parentElement) ?? null;
12
+ for (; u; ) {
13
+ const r = getComputedStyle(u);
14
+ if (r.transform !== "none" || r.perspective !== "none" || r.filter !== "" && r.filter !== "none" || /\b(transform|perspective|filter)\b/.test(r.willChange) || /\b(layout|paint|strict|content)\b/.test(r.contain))
15
+ return u;
16
+ u = u.parentElement;
17
+ }
18
+ return null;
19
+ }, O = ({
20
+ navItems: c,
21
+ ariaLabel: u,
22
+ linkAs: r,
23
+ isOpen: h,
24
+ onClose: v,
25
+ showOverlay: _ = !0,
26
+ id: P,
27
+ className: F
19
28
  }) => {
20
- var f, I, C, L, S, y, M;
21
- const { getLabel: p } = Q(), [s, c] = J([{ items: _ }]);
22
- K(() => {
23
- c([{ items: _ }]);
24
- }, [_]);
25
- const t = s[s.length - 1], j = s.length === 1, N = (e) => {
26
- var u;
27
- const a = !!(e.subItems || e.subItemGroups), m = !!(e.href || e.to);
28
- if (!a) {
29
- o();
29
+ var S, M, R, x, E, z, B;
30
+ const { getLabel: N } = Y(), [s, p] = T([{ items: c }]), y = W(null), [j, I] = T("var(--layout-header-height)");
31
+ k(() => {
32
+ p([{ items: c }]);
33
+ }, [c]), Z(() => {
34
+ if (!h || !_ || typeof document > "u") return;
35
+ const e = A(y.current), i = (e ?? document).querySelector("header") ?? document.querySelector("header");
36
+ if (!i) {
37
+ I("var(--layout-header-height)");
30
38
  return;
31
39
  }
32
- const h = ((u = e.subItemGroups) == null ? void 0 : u.flatMap((O) => O.subItems)) || e.subItems || [];
33
- c([
40
+ const d = () => {
41
+ const f = e ? e.getBoundingClientRect().top : 0;
42
+ I(`${Math.max(0, Math.round(i.getBoundingClientRect().bottom - f))}px`);
43
+ };
44
+ d(), window.addEventListener("resize", d);
45
+ let a;
46
+ return typeof ResizeObserver < "u" && (a = new ResizeObserver(d), a.observe(i), e && a.observe(e)), () => {
47
+ window.removeEventListener("resize", d), a == null || a.disconnect();
48
+ };
49
+ }, [h, _]), k(() => {
50
+ if (!h || !_ || typeof document > "u") return;
51
+ const { body: e } = document, i = e.style.overflow;
52
+ return e.style.overflow = "hidden", () => {
53
+ e.style.overflow = i;
54
+ };
55
+ }, [h, _]);
56
+ const o = s[s.length - 1], q = s.length === 1, w = (e) => {
57
+ var f;
58
+ const i = !!(e.subItems || e.subItemGroups), d = !!(e.href || e.to);
59
+ if (!i) {
60
+ v();
61
+ return;
62
+ }
63
+ const a = ((f = e.subItemGroups) == null ? void 0 : f.flatMap((Q) => Q.subItems)) || e.subItems || [];
64
+ p([
34
65
  ...s,
35
66
  {
36
- items: h,
67
+ items: a,
37
68
  parent: e,
38
- renderParentLink: m
69
+ renderParentLink: d
39
70
  }
40
71
  ]);
41
- }, z = () => {
42
- c(s.slice(0, -1));
43
- }, F = () => {
44
- c([s[0]]);
45
- }, T = ((I = (f = t.parent) == null ? void 0 : f.subItems) == null ? void 0 : I.length) ?? ((L = (C = t.parent) == null ? void 0 : C.subItemGroups) == null ? void 0 : L.length), E = s.length > 1 && !(t.renderParentLink && T), k = (e, a) => a === 1 ? !(e.subItems || e.subItemGroups) ? /* @__PURE__ */ i(
46
- w,
72
+ }, D = () => {
73
+ p(s.slice(0, -1));
74
+ }, H = () => {
75
+ p([s[0]]);
76
+ }, $ = ((M = (S = o.parent) == null ? void 0 : S.subItems) == null ? void 0 : M.length) ?? ((x = (R = o.parent) == null ? void 0 : R.subItemGroups) == null ? void 0 : x.length), J = s.length > 1 && !(o.renderParentLink && $), C = (e, i) => i === 1 ? !(e.subItems || e.subItemGroups) ? /* @__PURE__ */ t(
77
+ G,
47
78
  {
48
79
  ...e,
49
- as: b,
50
- level: a,
51
- onItemClick: o,
80
+ as: r,
81
+ level: i,
82
+ onItemClick: v,
52
83
  className: l(n["tedi-sidenav__item--mobile"], e.className)
53
84
  }
54
- ) : /* @__PURE__ */ i("li", { className: l(n["tedi-sidenav__item"], n["tedi-sidenav__item--mobile"]), children: /* @__PURE__ */ r("button", { onClick: () => N(e), className: n["tedi-sidenav__link"], children: [
55
- e.icon && /* @__PURE__ */ i(
56
- d,
85
+ ) : /* @__PURE__ */ t("li", { className: l(n["tedi-sidenav__item"], n["tedi-sidenav__item--mobile"]), children: /* @__PURE__ */ m("button", { onClick: () => w(e), className: n["tedi-sidenav__link"], children: [
86
+ e.icon && /* @__PURE__ */ t(
87
+ b,
57
88
  {
58
89
  name: typeof e.icon == "string" ? e.icon : e.icon.name,
59
90
  color: "white",
60
91
  className: n["tedi-sidenav__icon"]
61
92
  }
62
93
  ),
63
- /* @__PURE__ */ i("span", { className: n["tedi-sidenav__title"], children: e.children }),
64
- /* @__PURE__ */ i(d, { name: "expand_more", color: "white", className: n["tedi-sidenav__toggle-icon"] })
65
- ] }) }) : H(e, a), H = (e, a) => {
66
- const m = !!(e.href || e.to), h = !!(e.subItems || e.subItemGroups);
67
- return m ? /* @__PURE__ */ i(
68
- w,
94
+ /* @__PURE__ */ t("span", { className: n["tedi-sidenav__title"], children: e.children }),
95
+ /* @__PURE__ */ t(b, { name: "expand_more", color: "white", className: n["tedi-sidenav__toggle-icon"] })
96
+ ] }) }) : K(e, i), K = (e, i) => {
97
+ const d = !!(e.href || e.to), a = !!(e.subItems || e.subItemGroups);
98
+ return d ? /* @__PURE__ */ t(
99
+ G,
69
100
  {
70
101
  ...e,
71
- as: b,
72
- level: a,
102
+ as: r,
103
+ level: i,
73
104
  icon: void 0,
74
- onItemClick: o,
105
+ onItemClick: v,
75
106
  className: l(n["tedi-sidenav__sub-item"], e.className)
76
107
  }
77
- ) : /* @__PURE__ */ i("li", { className: l(n["tedi-sidenav__item"]), children: /* @__PURE__ */ r(
78
- v,
108
+ ) : /* @__PURE__ */ t("li", { className: l(n["tedi-sidenav__item"]), children: /* @__PURE__ */ m(
109
+ g,
79
110
  {
80
111
  noStyle: !0,
81
- onClick: () => h ? N(e) : o(),
112
+ onClick: () => a ? w(e) : v(),
82
113
  className: n["tedi-sidenav__link"],
83
114
  children: [
84
- /* @__PURE__ */ i("span", { className: n["tedi-sidenav__title"], children: e.children }),
85
- h ? /* @__PURE__ */ i(d, { name: "expand_more", color: "white", className: n["tedi-sidenav__toggle-icon"] }) : null
115
+ /* @__PURE__ */ t("span", { className: n["tedi-sidenav__title"], children: e.children }),
116
+ a ? /* @__PURE__ */ t(b, { name: "expand_more", color: "white", className: n["tedi-sidenav__toggle-icon"] }) : null
86
117
  ]
87
118
  }
88
119
  ) });
89
- }, g = /* @__PURE__ */ r(
120
+ }, L = /* @__PURE__ */ m(
90
121
  "nav",
91
122
  {
92
123
  "data-name": "mobile-sidenav",
93
- className: l(n["tedi-sidenav"], n["tedi-sidenav--mobile"], B),
94
- "aria-label": x,
95
- id: R,
124
+ className: l(n["tedi-sidenav"], n["tedi-sidenav--mobile"], F),
125
+ "aria-label": u,
126
+ id: P,
96
127
  children: [
97
- /* @__PURE__ */ i("div", { className: n["tedi-sidenav__list"], children: !j && /* @__PURE__ */ r("div", { className: n["tedi-sidenav__back-buttons"], children: [
98
- s.length > 1 && /* @__PURE__ */ r(
99
- v,
128
+ /* @__PURE__ */ t("div", { className: n["tedi-sidenav__list"], children: !q && /* @__PURE__ */ m("div", { className: n["tedi-sidenav__back-buttons"], children: [
129
+ s.length > 1 && /* @__PURE__ */ m(
130
+ g,
100
131
  {
101
132
  noStyle: !0,
102
- onClick: F,
133
+ onClick: H,
103
134
  className: l(n["tedi-sidenav__link"], n["tedi-sidenav__back-button"]),
104
135
  children: [
105
- /* @__PURE__ */ i(d, { name: "arrow_back", size: 16, color: "white" }),
106
- /* @__PURE__ */ i("span", { children: p("sidenav.backToMainMenu") })
136
+ /* @__PURE__ */ t(b, { name: "arrow_back", size: 16, color: "white" }),
137
+ /* @__PURE__ */ t("span", { children: N("sidenav.backToMainMenu") })
107
138
  ]
108
139
  }
109
140
  ),
110
- s.length > 2 && /* @__PURE__ */ r(
111
- v,
141
+ s.length > 2 && /* @__PURE__ */ m(
142
+ g,
112
143
  {
113
144
  noStyle: !0,
114
- onClick: z,
145
+ onClick: D,
115
146
  className: l(n["tedi-sidenav__link"], n["tedi-sidenav__back-button"]),
116
147
  children: [
117
- /* @__PURE__ */ i(d, { name: "arrow_back", size: 16, color: "white" }),
118
- /* @__PURE__ */ i("span", { children: ((y = (S = s[s.length - 1]) == null ? void 0 : S.parent) == null ? void 0 : y.children) + " " + p("sidenav.backtoMenu") })
148
+ /* @__PURE__ */ t(b, { name: "arrow_back", size: 16, color: "white" }),
149
+ /* @__PURE__ */ t("span", { children: ((z = (E = s[s.length - 1]) == null ? void 0 : E.parent) == null ? void 0 : z.children) + " " + N("sidenav.backtoMenu") })
119
150
  ]
120
151
  }
121
152
  )
122
153
  ] }) }),
123
- E && /* @__PURE__ */ i("div", { className: l(n["tedi-sidenav__subheading"], n["tedi-sidenav__subheading--mobile"]), children: (M = t.parent) == null ? void 0 : M.children }),
124
- /* @__PURE__ */ r("ul", { className: n["tedi-sidenav__list"], role: "menubar", children: [
125
- t.renderParentLink && t.parent && /* @__PURE__ */ i("li", { className: n["tedi-sidenav__list-item"], children: /* @__PURE__ */ i("div", { className: l(n["tedi-sidenav__collapse"]), children: k(t.parent, s.length) }) }),
126
- !t.renderParentLink && t.items.map((e, a) => /* @__PURE__ */ i(D.Fragment, { children: k(e, s.length) }, e.id || a))
154
+ J && /* @__PURE__ */ t("div", { className: l(n["tedi-sidenav__subheading"], n["tedi-sidenav__subheading--mobile"]), children: (B = o.parent) == null ? void 0 : B.children }),
155
+ /* @__PURE__ */ m("ul", { className: n["tedi-sidenav__list"], children: [
156
+ o.renderParentLink && o.parent && /* @__PURE__ */ t("li", { className: n["tedi-sidenav__list-item"], children: /* @__PURE__ */ t("div", { className: l(n["tedi-sidenav__collapse"]), children: C(o.parent, s.length) }) }),
157
+ !o.renderParentLink && o.items.map((e, i) => /* @__PURE__ */ t(V.Fragment, { children: C(e, s.length) }, e.id || i))
127
158
  ] })
128
159
  ]
129
160
  }
130
161
  );
131
- return G ? P ? /* @__PURE__ */ i(
132
- q,
162
+ return h ? _ ? /* @__PURE__ */ t(
163
+ U,
133
164
  {
134
- style: {
135
- top: "0",
136
- position: "relative",
137
- height: "100%"
138
- },
165
+ ref: y,
166
+ style: { top: j },
139
167
  className: n["tedi-sidenav__overlay"],
140
- children: g
168
+ onMouseDown: (e) => {
169
+ e.target === e.currentTarget && v();
170
+ },
171
+ children: L
141
172
  }
142
- ) : g : null;
143
- }, ie = U;
173
+ ) : L : null;
174
+ }, le = O;
144
175
  export {
145
- U as MobileNav,
146
- ie as SideNavMobile
176
+ O as MobileNav,
177
+ le as SideNavMobile
147
178
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-sidenav":"tedi-sidenav-8ef80858","tedi-sidenav__collapse":"tedi-sidenav__collapse-2c595f9e","tedi-sidenav__item":"tedi-sidenav__item-919825a5","tedi-sidenav--has-dividers":"tedi-sidenav--has-dividers-ceb44380","tedi-sidenav__link":"tedi-sidenav__link-e66a922a","tedi-sidenav--collapsed":"tedi-sidenav--collapsed-b7b406f9","tedi-sidenav__title":"tedi-sidenav__title-3bec8b71","tedi-sidenav__bullet":"tedi-sidenav__bullet-c51cd2ba","tedi-sidenav__link--active":"tedi-sidenav__link--active-cf22fc56","tedi-sidenav__item--has-children":"tedi-sidenav__item--has-children-71df3699","tedi-sidenav__toggle-icon":"tedi-sidenav__toggle-icon-63662692","tedi-sidenav__overlay":"tedi-sidenav__overlay-5feeb550","tedi-sidenav__item--level-2":"tedi-sidenav__item--level-2-3ed1a7e8","tedi-sidenav__list":"tedi-sidenav__list-58d1ae41","tedi-sidenav__item--with-tree":"tedi-sidenav__item--with-tree-39198d0d","tedi-sidenav__sub-item":"tedi-sidenav__sub-item-c714d866","tedi-sidenav__link--has-children-link":"tedi-sidenav__link--has-children-link-1d49019f","tedi-sidenav__link-collapse-wrapper":"tedi-sidenav__link-collapse-wrapper-cd74f534","tedi-sidenav__item--mobile":"tedi-sidenav__item--mobile-6571c3cc","tedi-sidenav__item--current":"tedi-sidenav__item--current-95a00f8f","tedi-sidenav__item--medium":"tedi-sidenav__item--medium-995f73f7","tedi-sidenav__icon":"tedi-sidenav__icon-b7155dbb","tedi-sidenav__item--small":"tedi-sidenav__item--small-1952afb5","tedi-sidenav__back-button":"tedi-sidenav__back-button-c8e74f92","tedi-sidenav__subheading":"tedi-sidenav__subheading-8cec3c0c","tedi-sidenav__subheading--mobile":"tedi-sidenav__subheading--mobile-e24704b2","sidenav__item--current":"sidenav__item--current-f5468e85"};exports.default=e;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-sidenav":"tedi-sidenav-8ef80858","tedi-sidenav__collapse":"tedi-sidenav__collapse-2c595f9e","tedi-sidenav__item":"tedi-sidenav__item-919825a5","tedi-sidenav--has-dividers":"tedi-sidenav--has-dividers-ceb44380","tedi-sidenav__link":"tedi-sidenav__link-e66a922a","tedi-sidenav--collapsed":"tedi-sidenav--collapsed-b7b406f9","tedi-sidenav__title":"tedi-sidenav__title-3bec8b71","tedi-sidenav__bullet":"tedi-sidenav__bullet-c51cd2ba","tedi-sidenav__link--active":"tedi-sidenav__link--active-cf22fc56","tedi-sidenav__item--has-children":"tedi-sidenav__item--has-children-71df3699","tedi-sidenav__toggle-icon":"tedi-sidenav__toggle-icon-63662692","tedi-sidenav__overlay":"tedi-sidenav__overlay-5feeb550","tedi-sidenav--mobile":"tedi-sidenav--mobile-98e75893","tedi-sidenav__item--level-2":"tedi-sidenav__item--level-2-3ed1a7e8","tedi-sidenav__list":"tedi-sidenav__list-58d1ae41","tedi-sidenav__item--with-tree":"tedi-sidenav__item--with-tree-39198d0d","tedi-sidenav__sub-item":"tedi-sidenav__sub-item-c714d866","tedi-sidenav__link--has-children-link":"tedi-sidenav__link--has-children-link-1d49019f","tedi-sidenav__link-collapse-wrapper":"tedi-sidenav__link-collapse-wrapper-cd74f534","tedi-sidenav__item--mobile":"tedi-sidenav__item--mobile-6571c3cc","tedi-sidenav__item--current":"tedi-sidenav__item--current-95a00f8f","tedi-sidenav__item--medium":"tedi-sidenav__item--medium-995f73f7","tedi-sidenav__icon":"tedi-sidenav__icon-b7155dbb","tedi-sidenav__item--small":"tedi-sidenav__item--small-1952afb5","tedi-sidenav__back-button":"tedi-sidenav__back-button-c8e74f92","tedi-sidenav__subheading":"tedi-sidenav__subheading-8cec3c0c","tedi-sidenav__subheading--mobile":"tedi-sidenav__subheading--mobile-e24704b2","sidenav__item--current":"sidenav__item--current-f5468e85"};exports.default=e;
@@ -11,6 +11,7 @@ const e = {
11
11
  "tedi-sidenav__item--has-children": "tedi-sidenav__item--has-children-71df3699",
12
12
  "tedi-sidenav__toggle-icon": "tedi-sidenav__toggle-icon-63662692",
13
13
  "tedi-sidenav__overlay": "tedi-sidenav__overlay-5feeb550",
14
+ "tedi-sidenav--mobile": "tedi-sidenav--mobile-98e75893",
14
15
  "tedi-sidenav__item--level-2": "tedi-sidenav__item--level-2-3ed1a7e8",
15
16
  "tedi-sidenav__list": "tedi-sidenav__list-58d1ae41",
16
17
  "tedi-sidenav__item--with-tree": "tedi-sidenav__item--with-tree-39198d0d",