@stihl-design-system/components 1.0.0-RC.29 → 1.0.0-RC.30
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/{actionbutton.DHt1AL7U.js → actionbutton.u1qp8oGC.js} +1 -1
- package/{actionlink.BML1jenE.js → actionlink.C7HzeIVa.js} +1 -1
- package/assets/ActionButton.oGVPTS1J.css +1 -0
- package/assets/ActionLink.CTh6IXrN.css +1 -0
- package/assets/Header.CNqtWTxB.css +1 -0
- package/assets/MegaMenu.DX9gChtY.css +1 -0
- package/assets/banner.BLdW5VF4.css +1 -0
- package/banner.j9YpudOS.js +55 -0
- package/chunks/ActionButton.B8zFwOrJ.js +165 -0
- package/chunks/{ActionLink.BlhqDEtq.js → ActionLink.IX6oRXU3.js} +31 -31
- package/chunks/Header.DqZRryB5.js +366 -0
- package/chunks/MegaMenu.BY7eOnhj.js +189 -0
- package/chunks/Popover.NGetxKGg.js +159 -0
- package/chunks/floating-ui.react.x0F9CYgn.js +1637 -0
- package/components/Banner/Banner.d.ts +1 -1
- package/components/InputFile/InputFile.d.ts +1 -1
- package/components/MegaMenu/MegaMenu.d.ts +32 -0
- package/components/MegaMenu/MegaMenu.test.d.ts +1 -0
- package/components/MegaMenu/MegaMenu.utils.d.ts +52 -0
- package/components/MegaMenu/MegaMenu.utils.test.d.ts +1 -0
- package/components/Popover/Popover.d.ts +1 -1
- package/components/Scroller/Scroller.d.ts +1 -1
- package/github-mark-white.svg +1 -0
- package/github-mark.svg +1 -0
- package/{header.Z4Oxj_xL.js → header.QpNjE3N-.js} +1 -1
- package/index.d.ts +2 -0
- package/index.es.js +117 -112
- package/megamenu.CdHrEeoh.js +12 -0
- package/megamenu.d.ts +2 -0
- package/package.json +3 -1
- package/partials/index.js +21 -15
- package/partials/lib/partials.d.ts +1 -1
- package/{popover.BFx99cHg.js → popover.DXxm1oWI.js} +3 -2
- package/styles/scss/ds/index.scss +0 -1
- package/styles/scss/ds/lib/grid-main.scss +2 -13
- package/styles/scss/ds/lib/grid-sidebar.scss +38 -136
- package/{topbar.Bccms0xZ.js → topbar.Dhy_TL0U.js} +1 -1
- package/assets/ActionButton.Ewi0i1hW.css +0 -1
- package/assets/ActionLink.BdPEvuGm.css +0 -1
- package/assets/Header.DO34x-dO.css +0 -1
- package/assets/banner.D9EiZqqR.css +0 -1
- package/banner.B2YO054K.js +0 -55
- package/chunks/ActionButton.CzaWZGPt.js +0 -165
- package/chunks/Header.BSvyYrIV.js +0 -368
- package/chunks/Popover.hXQTvwwd.js +0 -1685
- package/styles/scss/ds/lib/grid-sidebar-sidebar.scss +0 -52
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ds-top-bar_root_ryiho_1{z-index:998;border-bottom:1px solid #DADADA;display:grid;--ds-grid-gap: var(--ds-spacing-dynamic-xs);gap:var(--ds-grid-gap);min-width:320px;grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start narrow-center-start] repeat(8,minmax(0,1fr)) [narrow-center-end narrow-left-end main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 8px;--ds-grid-span-one-half: span 8;--ds-grid-span-one-third: span 8;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 4}@media (min-width: 768px){.ds-top-bar_root_ryiho_1{grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(2,minmax(0,1fr)) [narrow-center-start] repeat(6,minmax(0,1fr)) [narrow-left-end] repeat(2,minmax(0,1fr)) [narrow-center-end] repeat(2,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 12px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 6;--ds-grid-span-two-thirds: span 6;--ds-grid-span-one-quarter: span 6}}@media (min-width: 1024px){.ds-top-bar_root_ryiho_1{grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,1fr)) [narrow-center-start] repeat(3,minmax(0,1fr)) [narrow-left-end] repeat(3,minmax(0,1fr)) [narrow-center-end] repeat(3,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 26px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 4;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 3}}@media (min-width: 1536px){.ds-top-bar_root_ryiho_1{grid-template-columns:[full-start extended-start] auto [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] auto [extended-end full-end];--ds-internal-grid-safe-zone: 0px}}@media (min-width: 1920px){.ds-top-bar_root_ryiho_1{grid-template-columns:[full-start] auto [extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end] auto [full-end];--ds-internal-grid-safe-zone: 192px}}.ds-top-bar_root--sticky_ryiho_47{top:0;position:sticky}.ds-top-bar_root--fixed_ryiho_51{background-color:#fff;position:fixed;top:0;left:0;right:0}.ds-top-bar_content_ryiho_59{background-color:#fff;min-height:4.625rem;padding-block-start:12px;padding-block-end:11px;display:grid;grid-auto-rows:auto;row-gap:16px;align-items:center;grid-column:full-start/full-end;padding-inline:12px}@media (min-width: 768px){.ds-top-bar_content_ryiho_59{min-height:5rem;grid-column:main-start/main-end;padding-inline:0}}.ds-top-bar_content--variant-full_ryiho_78{grid-column:full-start/full-end;padding-inline:12px}.ds-top-bar_content--has-primary-area-and-secondary-area_ryiho_82{grid-template-areas:"brand secondary" "primary primary";grid-template-columns:fit-content(100%) auto;grid-template-rows:auto auto}.ds-top-bar_content--has-primary-area-and-secondary-area_ryiho_82 .ds-top-bar_primary_ryiho_87{padding-inline:0px;justify-content:center}@media (min-width: 1024px){.ds-top-bar_content--has-primary-area-and-secondary-area_ryiho_82{grid-template-areas:"brand primary secondary";grid-template-columns:fit-content(100%) auto fit-content(100%);grid-template-rows:auto}.ds-top-bar_content--has-primary-area-and-secondary-area_ryiho_82 .ds-top-bar_primary_ryiho_87{padding-inline:var(--ds-spacing-dynamic-xs);justify-content:center}}.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102{grid-template-areas:"brand brand" "primary secondary";grid-template-columns:auto fit-content(100%);grid-template-rows:auto auto}.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102 .ds-top-bar_brand_ryiho_107{padding-inline:0px}.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102 .ds-top-bar_primary_ryiho_87{padding-inline-end:var(--ds-spacing-dynamic-xs);justify-content:start}@media (min-width: 768px){.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102{grid-template-areas:"brand secondary" "primary primary";grid-template-columns:fit-content(100%) auto}.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102 .ds-top-bar_brand_ryiho_107{padding-inline-end:var(--ds-spacing-dynamic-xs)}.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102 .ds-top-bar_primary_ryiho_87{padding-inline:0px;justify-content:center}}@media (min-width: 1024px){.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102{grid-template-areas:"brand primary secondary";grid-template-columns:fit-content(100%) auto fit-content(100%);grid-template-rows:auto}.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102 .ds-top-bar_primary_ryiho_87{padding-inline:var(--ds-spacing-dynamic-xs);justify-content:center}}.ds-top-bar_content--has-primary-area_ryiho_82{grid-template-areas:"brand primary";grid-template-columns:fit-content(100%) auto}.ds-top-bar_content--has-primary-area_ryiho_82 .ds-top-bar_primary_ryiho_87{padding-inline-start:var(--ds-spacing-dynamic-xs);justify-content:start}.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146{grid-template-areas:"brand" "primary";grid-template-columns:auto;grid-template-rows:auto;row-gap:12px;padding-block-end:5px}@media (min-width: 768px){.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146{padding-block-end:11px}}.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146 .ds-top-bar_brand_ryiho_107{padding-inline:0px}.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146 .ds-top-bar_primary_ryiho_87{justify-content:center;padding-inline:0px;padding-block-start:4px;border-top:1px solid #DADADA}@media (min-width: 768px){.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146 .ds-top-bar_primary_ryiho_87{padding-block-start:0;border-top:none}}@media (min-width: 768px){.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146{grid-template-areas:"brand primary";grid-template-columns:fit-content(100%) auto}.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146 .ds-top-bar_brand_ryiho_107{padding-inline-end:var(--ds-spacing-dynamic-xs)}.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146 .ds-top-bar_primary_ryiho_87{padding-inline-start:var(--ds-spacing-dynamic-xs);justify-content:start}}.ds-top-bar_brand_ryiho_107{grid-area:brand;display:flex;align-items:center;gap:12px;padding-inline-end:var(--ds-spacing-dynamic-xs)}@media (min-width: 768px){.ds-top-bar_brand_ryiho_107{gap:14px}}.ds-top-bar_brand-add-on_ryiho_210{font-family:STIHL Contraface Digital Display Title,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:1.125rem;line-height:1;font-size-adjust:cap-height .68;letter-spacing:-.5px}@media (min-width: 768px){.ds-top-bar_brand-add-on_ryiho_210{font-family:STIHL Contraface Digital Display Title,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:1.3125rem;line-height:1;font-size-adjust:cap-height .68}}.ds-top-bar_brand-add-on--double_ryiho_231{display:flex;flex-direction:column;white-space:nowrap;gap:0;font-size:1.0625rem;line-height:1.1176470588}@media (min-width: 768px){.ds-top-bar_brand-add-on--double_ryiho_231{font-size:1.1875rem;line-height:1.1176470588}}.ds-top-bar_brand-add-on_ryiho_210 .ds-top-bar_sub-title_ryiho_245{font-family:STIHL Contraface Digital Text Demi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.8125rem;line-height:1.461538;text-transform:uppercase;letter-spacing:0}@media (min-width: 768px){.ds-top-bar_brand-add-on_ryiho_210 .ds-top-bar_sub-title_ryiho_245{font-size:.9375rem;line-height:1.4}}.ds-top-bar_primary_ryiho_87{grid-area:primary;display:flex;align-items:center;min-height:3rem}.ds-top-bar_secondary_ryiho_271{grid-area:secondary;padding-inline-start:var(--ds-spacing-dynamic-xs);min-height:3rem;display:flex;justify-content:flex-end;align-items:center}.ds-top-bar_logo_ryiho_280{width:7.125rem;height:3.125rem}@media (min-width: 768px){.ds-top-bar_logo_ryiho_280{min-width:7.9775625rem;height:3.5rem}}.ds-top-bar_logo--reduced_ryiho_290{width:3.125rem}@media (min-width: 768px){.ds-top-bar_logo--reduced_ryiho_290{min-width:3.5rem}}.ds-header_root_g2mvw_1{background-color:#fff}.ds-header_root--sticky_g2mvw_4{position:sticky;top:0;z-index:998}.ds-header_root--hidden_g2mvw_9{transform:translateY(-100%)}.ds-header_root--hidden_g2mvw_9{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){.ds-header_root--hidden_g2mvw_9{transition-duration:0ms}}.ds-header_root--fixed_g2mvw_20{position:fixed;top:0;left:0;right:0;transform:translateY(0)}.ds-header_root--fixed_g2mvw_20{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-header_root--fixed_g2mvw_20{transition-duration:0ms}}.ds-header_main-navigation-area_g2mvw_36{background-color:#fff;border-bottom:1px solid #DADADA;display:none;position:static}@media (min-width: 1024px){.ds-header_main-navigation-area_g2mvw_36{display:grid;--ds-grid-gap: var(--ds-spacing-dynamic-xs);gap:var(--ds-grid-gap);min-width:320px;grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start narrow-center-start] repeat(8,minmax(0,1fr)) [narrow-center-end narrow-left-end main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 8px;--ds-grid-span-one-half: span 8;--ds-grid-span-one-third: span 8;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 4}}@media (min-width: 1024px) and (min-width: 768px){.ds-header_main-navigation-area_g2mvw_36{grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(2,minmax(0,1fr)) [narrow-center-start] repeat(6,minmax(0,1fr)) [narrow-left-end] repeat(2,minmax(0,1fr)) [narrow-center-end] repeat(2,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 12px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 6;--ds-grid-span-two-thirds: span 6;--ds-grid-span-one-quarter: span 6}}@media (min-width: 1024px) and (min-width: 1024px){.ds-header_main-navigation-area_g2mvw_36{grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,1fr)) [narrow-center-start] repeat(3,minmax(0,1fr)) [narrow-left-end] repeat(3,minmax(0,1fr)) [narrow-center-end] repeat(3,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 26px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 4;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 3}}@media (min-width: 1024px) and (min-width: 1536px){.ds-header_main-navigation-area_g2mvw_36{grid-template-columns:[full-start extended-start] auto [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] auto [extended-end full-end];--ds-internal-grid-safe-zone: 0px}}@media (min-width: 1024px) and (min-width: 1920px){.ds-header_main-navigation-area_g2mvw_36{grid-template-columns:[full-start] auto [extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end] auto [full-end];--ds-internal-grid-safe-zone: 192px}}.ds-header_main-navigation-area--fixed_g2mvw_88{position:fixed;top:0;left:0;right:0;z-index:0}.ds-header_main-navigation-area--fixed_g2mvw_88{transition:top var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-header_main-navigation-area--fixed_g2mvw_88{transition-duration:0ms}}.ds-header_main-navigation-area--fixed--visible_g2mvw_103{top:var(--ds-top-bar-height);z-index:997}.ds-header_main-navigation-content_g2mvw_108{min-height:3rem;grid-column:main-start/main-end}.ds-header_main-navigation-content--variant-full_g2mvw_112{grid-column:full-start/full-end;padding-inline:12px}.ds-header_header-placeholder_g2mvw_117{height:var(--ds-header-height)}.ds-header_header-placeholder--with-banner_g2mvw_120{height:calc(var(--ds-header-height) - var(--ds-banner-height))}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ds-banner_root_19afy_1{background-color:#252525;color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border:1px solid transparent;padding-inline-start:15px;padding-inline-end:7px;padding-block-start:7px;padding-block-end:7px}.ds-banner_root--secondary_19afy_14{color:#252525;background-color:#dadada}.ds-banner_root--highlight_19afy_18{color:#252525;background-color:#f37a1f}.ds-banner_root--hide-close-button_19afy_22{grid-template-columns:1fr;gap:0px;padding-inline-end:16px}.ds-banner_content_19afy_28{grid-column:1/2;display:flex;align-items:center;min-height:2rem}@media (min-width: 768px){.ds-banner_content_19afy_28{justify-content:center}}.ds-banner_close-button_19afy_40{grid-column:2}
|
package/banner.B2YO054K.js
DELETED
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as H, jsxs as x } from "react/jsx-runtime";
|
|
3
|
-
import { d as D } from "./chunks/index.CgTHIF3K.js";
|
|
4
|
-
import { c as N } from "./chunks/index.CEyLAtio.js";
|
|
5
|
-
import { D as j } from "./chunks/Button.B7xF1E19.js";
|
|
6
|
-
import './assets/banner.D9EiZqqR.css';const k = "ds-banner_root_19afy_1", P = "ds-banner_root--secondary_19afy_14", z = "ds-banner_root--highlight_19afy_18", E = "ds-banner_root--hide-close-button_19afy_22", L = "ds-banner_content_19afy_28", $ = "ds-banner_close-button_19afy_40", d = {
|
|
7
|
-
root: k,
|
|
8
|
-
rootSecondary: P,
|
|
9
|
-
rootHighlight: z,
|
|
10
|
-
rootHideCloseButton: E,
|
|
11
|
-
content: L,
|
|
12
|
-
closeButton: $
|
|
13
|
-
}, G = (y) => {
|
|
14
|
-
const t = D.c(30);
|
|
15
|
-
let e, s, n, o, l, f;
|
|
16
|
-
t[0] !== y ? ({
|
|
17
|
-
className: s,
|
|
18
|
-
closeButtonProps: n,
|
|
19
|
-
children: e,
|
|
20
|
-
variant: f,
|
|
21
|
-
onClose: o,
|
|
22
|
-
...l
|
|
23
|
-
} = y, t[0] = y, t[1] = e, t[2] = s, t[3] = n, t[4] = o, t[5] = l, t[6] = f) : (e = t[1], s = t[2], n = t[3], o = t[4], l = t[5], f = t[6]);
|
|
24
|
-
const h = f === void 0 ? "default" : f;
|
|
25
|
-
let r;
|
|
26
|
-
t[7] !== n ? (r = n || {}, t[7] = n, t[8] = r) : r = t[8];
|
|
27
|
-
let a, _;
|
|
28
|
-
t[9] !== r ? ({
|
|
29
|
-
label: _,
|
|
30
|
-
...a
|
|
31
|
-
} = r, t[9] = r, t[10] = a, t[11] = _) : (a = t[10], _ = t[11]);
|
|
32
|
-
const g = _ === void 0 ? "Close banner" : _, B = h === "secondary", p = h === "highlight", C = !o;
|
|
33
|
-
let m;
|
|
34
|
-
t[12] !== s || t[13] !== B || t[14] !== p || t[15] !== C ? (m = N(d.root, s, {
|
|
35
|
-
[d.rootSecondary]: B,
|
|
36
|
-
[d.rootHighlight]: p,
|
|
37
|
-
[d.rootHideCloseButton]: C
|
|
38
|
-
}), t[12] = s, t[13] = B, t[14] = p, t[15] = C, t[16] = m) : m = t[16];
|
|
39
|
-
const v = m;
|
|
40
|
-
let u;
|
|
41
|
-
t[17] === Symbol.for("react.memo_cache_sentinel") ? (u = N(d.content), t[17] = u) : u = t[17];
|
|
42
|
-
const S = u;
|
|
43
|
-
let c;
|
|
44
|
-
t[18] !== e ? (c = /* @__PURE__ */ H("div", { className: S, children: e }), t[18] = e, t[19] = c) : c = t[19];
|
|
45
|
-
let i;
|
|
46
|
-
t[20] !== g || t[21] !== o || t[22] !== a || t[23] !== h ? (i = o && /* @__PURE__ */ H(j, { ...a, hideLabel: !0, iconName: "cross", variant: "ghost", className: d.closeButton, size: "small", onClick: o, type: "button", theme: h === "default" ? "dark" : "light", children: g }), t[20] = g, t[21] = o, t[22] = a, t[23] = h, t[24] = i) : i = t[24];
|
|
47
|
-
let b;
|
|
48
|
-
return t[25] !== l || t[26] !== v || t[27] !== i || t[28] !== c ? (b = /* @__PURE__ */ x("div", { className: v, ...l, children: [
|
|
49
|
-
c,
|
|
50
|
-
i
|
|
51
|
-
] }), t[25] = l, t[26] = v, t[27] = i, t[28] = c, t[29] = b) : b = t[29], b;
|
|
52
|
-
};
|
|
53
|
-
export {
|
|
54
|
-
G as DSBanner
|
|
55
|
-
};
|
|
@@ -1,165 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as ut, jsx as u, Fragment as It } from "react/jsx-runtime";
|
|
3
|
-
import { d as Nt } from "./index.CgTHIF3K.js";
|
|
4
|
-
import { c as T } from "./index.CEyLAtio.js";
|
|
5
|
-
import { forwardRef as Wt } from "react";
|
|
6
|
-
import { D as ft } from "./Icon.DGTYCv63.js";
|
|
7
|
-
import { NumberIndicator as mt } from "../numberindicator.Ddf3ESi7.js";
|
|
8
|
-
import { g as A } from "./helpers.BbWkXTr3.js";
|
|
9
|
-
import '../assets/ActionButton.Ewi0i1hW.css';const gt = "ds-action-button_root_16ush_1", wt = "ds-action-button_root--indent-level-1_16ush_72", Tt = "ds-action-button_root--active_16ush_75", At = "ds-action-button_root--active--with-marker_16ush_78", St = "ds-action-button_root--icon--top_16ush_81", Pt = "ds-action-button_root--stretched_16ush_106", Ct = "ds-action-button_active-marker_16ush_111", Dt = "ds-action-button_active-marker--with-indent_16ush_123", Ot = "ds-action-button_icon-wrapper_16ush_127", Bt = "ds-action-button_icon-wrapper--x-large_16ush_130", kt = "ds-action-button_icon-wrapper--with-number-indicator_16ush_133", Lt = "ds-action-button_icon-wrapper--with-number-indicator--with-value_16ush_141", xt = "ds-action-button_label_16ush_145", Et = "ds-action-button_label--bold_16ush_156", Mt = "ds-action-button_label--active_16ush_167", Ut = "ds-action-button_label--icon-top_16ush_178", zt = "ds-action-button_number-indicator_16ush_201", Rt = "ds-action-button_label-wrapper_16ush_205", Vt = "ds-action-button_label-wrapper--icon-top_16ush_210", yt = "ds-action-button_chevron_16ush_214", Ht = "ds-action-button_chevron--icon-position-top_16ush_229", Xt = "ds-action-button_chevron--up_16ush_235", jt = "ds-action-button_chevron--right_16ush_246", Ft = "ds-action-button_chevron--left_16ush_257", o = {
|
|
10
|
-
root: gt,
|
|
11
|
-
rootIndentLevel1: wt,
|
|
12
|
-
rootActive: Tt,
|
|
13
|
-
rootActiveWithMarker: At,
|
|
14
|
-
rootIconTop: St,
|
|
15
|
-
rootStretched: Pt,
|
|
16
|
-
activeMarker: Ct,
|
|
17
|
-
activeMarkerWithIndent: Dt,
|
|
18
|
-
iconWrapper: Ot,
|
|
19
|
-
iconWrapperXLarge: Bt,
|
|
20
|
-
iconWrapperWithNumberIndicator: kt,
|
|
21
|
-
iconWrapperWithNumberIndicatorWithValue: Lt,
|
|
22
|
-
label: xt,
|
|
23
|
-
labelBold: Et,
|
|
24
|
-
labelActive: Mt,
|
|
25
|
-
labelIconTop: Ut,
|
|
26
|
-
numberIndicator: zt,
|
|
27
|
-
labelWrapper: Rt,
|
|
28
|
-
labelWrapperIconTop: Vt,
|
|
29
|
-
chevron: yt,
|
|
30
|
-
chevronIconPositionTop: Ht,
|
|
31
|
-
chevronUp: Xt,
|
|
32
|
-
chevronRight: jt,
|
|
33
|
-
chevronLeft: Ft
|
|
34
|
-
}, oo = ["left", "top"], eo = ["large", "x-large"], no = [0, 1], io = ["normal", "bold"], ro = ["up", "down", "right", "left"], Gt = ({
|
|
35
|
-
iconName: _,
|
|
36
|
-
iconSize: v,
|
|
37
|
-
iconSource: t,
|
|
38
|
-
iconPosition: l,
|
|
39
|
-
indentLevel: r,
|
|
40
|
-
stretched: p,
|
|
41
|
-
weight: h
|
|
42
|
-
}) => {
|
|
43
|
-
if (_ && !t && v === "x-large" && console.warn(A("DSActionButton", 'An "iconSize" prop set to "x-large" has no effect when "iconName" is set. Please remove the "iconSize" prop or provide a custom icon via the "iconSource" prop.')), l === "top") {
|
|
44
|
-
if (!_ && !t)
|
|
45
|
-
throw new Error(A("DSActionButton", 'The "iconPosition" prop should not be set to "top", when no "iconName" or "iconSource" prop was provided. Please either remove the "iconPosition" prop or set a valid icon via the "iconName" or "iconSource" prop.'));
|
|
46
|
-
v === "x-large" && console.warn(A("DSActionButton", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), h === "bold" && console.warn(A("DSActionButton", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), r === 1 && console.warn(A("DSActionButton", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), p && console.warn(A("DSActionButton", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
|
|
47
|
-
}
|
|
48
|
-
}, Zt = Wt((_, v) => {
|
|
49
|
-
const t = Nt.c(83);
|
|
50
|
-
let l, r, p, h, c, s, n, d, b, S, P, C, D, O, B, k;
|
|
51
|
-
t[0] !== _ ? ({
|
|
52
|
-
children: p,
|
|
53
|
-
aria: l,
|
|
54
|
-
chevronDirection: r,
|
|
55
|
-
className: h,
|
|
56
|
-
disabled: S,
|
|
57
|
-
iconName: c,
|
|
58
|
-
iconPosition: P,
|
|
59
|
-
iconSize: C,
|
|
60
|
-
iconSource: s,
|
|
61
|
-
indentLevel: D,
|
|
62
|
-
isActive: O,
|
|
63
|
-
numberIndicatorValue: n,
|
|
64
|
-
stretched: B,
|
|
65
|
-
weight: k,
|
|
66
|
-
onClick: d,
|
|
67
|
-
...b
|
|
68
|
-
} = _, t[0] = _, t[1] = l, t[2] = r, t[3] = p, t[4] = h, t[5] = c, t[6] = s, t[7] = n, t[8] = d, t[9] = b, t[10] = S, t[11] = P, t[12] = C, t[13] = D, t[14] = O, t[15] = B, t[16] = k) : (l = t[1], r = t[2], p = t[3], h = t[4], c = t[5], s = t[6], n = t[7], d = t[8], b = t[9], S = t[10], P = t[11], C = t[12], D = t[13], O = t[14], B = t[15], k = t[16]);
|
|
69
|
-
const i = S === void 0 ? !1 : S, e = P === void 0 ? "left" : P, L = C === void 0 ? "large" : C, H = D === void 0 ? 0 : D, f = O === void 0 ? !1 : O, _t = B === void 0 ? !1 : B, vt = k === void 0 ? "normal" : k;
|
|
70
|
-
process.env.NODE_ENV !== "production" && Gt({
|
|
71
|
-
iconName: c,
|
|
72
|
-
iconSize: L,
|
|
73
|
-
iconSource: s,
|
|
74
|
-
iconPosition: e,
|
|
75
|
-
indentLevel: H,
|
|
76
|
-
stretched: _t,
|
|
77
|
-
weight: vt
|
|
78
|
-
});
|
|
79
|
-
const a = (n == null ? void 0 : n.trim()) === "", X = e === "top", j = H === 1, F = f && !i, G = f && !i && e === "left", Z = _t === !0 && e === "left";
|
|
80
|
-
let x;
|
|
81
|
-
t[17] !== h || t[18] !== F || t[19] !== G || t[20] !== Z || t[21] !== X || t[22] !== j ? (x = T(o.root, h, {
|
|
82
|
-
[o.rootIconTop]: X,
|
|
83
|
-
[o.rootIndentLevel1]: j,
|
|
84
|
-
[o.rootActive]: F,
|
|
85
|
-
[o.rootActiveWithMarker]: G,
|
|
86
|
-
[o.rootStretched]: Z
|
|
87
|
-
}), t[17] = h, t[18] = F, t[19] = G, t[20] = Z, t[21] = X, t[22] = j, t[23] = x) : x = t[23];
|
|
88
|
-
const $ = x, q = H === 1;
|
|
89
|
-
let E;
|
|
90
|
-
t[24] !== q ? (E = T(o.activeMarker, {
|
|
91
|
-
[o.activeMarkerWithIndent]: q
|
|
92
|
-
}), t[24] = q, t[25] = E) : E = t[25];
|
|
93
|
-
const J = E, K = f && !i, Q = vt === "bold", Y = e === "top";
|
|
94
|
-
let M;
|
|
95
|
-
t[26] !== K || t[27] !== Q || t[28] !== Y ? (M = T(o.label, {
|
|
96
|
-
[o.labelActive]: K,
|
|
97
|
-
[o.labelBold]: Q,
|
|
98
|
-
[o.labelIconTop]: Y
|
|
99
|
-
}), t[26] = K, t[27] = Q, t[28] = Y, t[29] = M) : M = t[29];
|
|
100
|
-
const tt = M, ot = e === "top";
|
|
101
|
-
let U;
|
|
102
|
-
t[30] !== ot ? (U = T(o.labelWrapper, {
|
|
103
|
-
[o.labelWrapperIconTop]: ot
|
|
104
|
-
}), t[30] = ot, t[31] = U) : U = t[31];
|
|
105
|
-
const et = U, nt = e === "top", it = r === "up", rt = r === "right", ct = r === "left";
|
|
106
|
-
let z;
|
|
107
|
-
t[32] !== nt || t[33] !== it || t[34] !== rt || t[35] !== ct ? (z = T(o.chevron, {
|
|
108
|
-
[o.chevronIconPositionTop]: nt,
|
|
109
|
-
[o.chevronUp]: it,
|
|
110
|
-
[o.chevronRight]: rt,
|
|
111
|
-
[o.chevronLeft]: ct
|
|
112
|
-
}), t[32] = nt, t[33] = it, t[34] = rt, t[35] = ct, t[36] = z) : z = t[36];
|
|
113
|
-
const st = z, at = L === "x-large", lt = (c || s) && (n || a), pt = (c || s) && !a;
|
|
114
|
-
let R;
|
|
115
|
-
t[37] !== at || t[38] !== lt || t[39] !== pt ? (R = T(o.iconWrapper, {
|
|
116
|
-
[o.iconWrapperXLarge]: at,
|
|
117
|
-
[o.iconWrapperWithNumberIndicator]: lt,
|
|
118
|
-
[o.iconWrapperWithNumberIndicatorWithValue]: pt
|
|
119
|
-
}), t[37] = at, t[38] = lt, t[39] = pt, t[40] = R) : R = t[40];
|
|
120
|
-
const ht = R;
|
|
121
|
-
let V;
|
|
122
|
-
t[41] !== i || t[42] !== d ? (V = (bt) => {
|
|
123
|
-
if (i) {
|
|
124
|
-
bt.preventDefault();
|
|
125
|
-
return;
|
|
126
|
-
}
|
|
127
|
-
d && d(bt);
|
|
128
|
-
}, t[41] = i, t[42] = d, t[43] = V) : V = t[43];
|
|
129
|
-
const dt = V;
|
|
130
|
-
let m;
|
|
131
|
-
t[44] !== J || t[45] !== e || t[46] !== f ? (m = f && e === "left" && /* @__PURE__ */ u("div", { className: J }), t[44] = J, t[45] = e, t[46] = f, t[47] = m) : m = t[47];
|
|
132
|
-
let I;
|
|
133
|
-
t[48] !== i || t[49] !== c || t[50] !== e || t[51] !== L || t[52] !== s || t[53] !== ht || t[54] !== a || t[55] !== n ? (I = (c || s) && /* @__PURE__ */ u(It, { children: /* @__PURE__ */ ut("span", { className: ht, children: [
|
|
134
|
-
/* @__PURE__ */ u(ft, { name: c, theme: "light", source: s, "aria-hidden": "true", size: c || e === "top" ? "large" : L }),
|
|
135
|
-
!i && (e === "left" && a || e === "top" && (n || a)) && /* @__PURE__ */ u(mt, { variant: "highlight", label: n })
|
|
136
|
-
] }) }), t[48] = i, t[49] = c, t[50] = e, t[51] = L, t[52] = s, t[53] = ht, t[54] = a, t[55] = n, t[56] = I) : I = t[56];
|
|
137
|
-
let N;
|
|
138
|
-
t[57] !== p || t[58] !== tt ? (N = /* @__PURE__ */ u("span", { className: tt, children: p }), t[57] = p, t[58] = tt, t[59] = N) : N = t[59];
|
|
139
|
-
let W;
|
|
140
|
-
t[60] !== st || t[61] !== r ? (W = r && /* @__PURE__ */ u(ft, { name: "chevron-down", theme: "light", "aria-hidden": "true", className: st }), t[60] = st, t[61] = r, t[62] = W) : W = t[62];
|
|
141
|
-
let g;
|
|
142
|
-
t[63] !== et || t[64] !== N || t[65] !== W ? (g = /* @__PURE__ */ ut("div", { className: et, children: [
|
|
143
|
-
N,
|
|
144
|
-
W
|
|
145
|
-
] }), t[63] = et, t[64] = N, t[65] = W, t[66] = g) : g = t[66];
|
|
146
|
-
let w;
|
|
147
|
-
t[67] !== i || t[68] !== e || t[69] !== a || t[70] !== n ? (w = e === "left" && !i && n && !a && /* @__PURE__ */ u(mt, { variant: "default", label: n, className: o.numberIndicator }), t[67] = i, t[68] = e, t[69] = a, t[70] = n, t[71] = w) : w = t[71];
|
|
148
|
-
let y;
|
|
149
|
-
return t[72] !== l || t[73] !== i || t[74] !== dt || t[75] !== v || t[76] !== b || t[77] !== $ || t[78] !== m || t[79] !== I || t[80] !== g || t[81] !== w ? (y = /* @__PURE__ */ ut("button", { className: $, type: "button", onClick: dt, ...l, ...b, "aria-disabled": i, ref: v, children: [
|
|
150
|
-
m,
|
|
151
|
-
I,
|
|
152
|
-
g,
|
|
153
|
-
w
|
|
154
|
-
] }), t[72] = l, t[73] = i, t[74] = dt, t[75] = v, t[76] = b, t[77] = $, t[78] = m, t[79] = I, t[80] = g, t[81] = w, t[82] = y) : y = t[82], y;
|
|
155
|
-
});
|
|
156
|
-
Zt.displayName = "DSActionButton";
|
|
157
|
-
export {
|
|
158
|
-
oo as A,
|
|
159
|
-
Zt as D,
|
|
160
|
-
eo as a,
|
|
161
|
-
no as b,
|
|
162
|
-
io as c,
|
|
163
|
-
ro as d,
|
|
164
|
-
Gt as v
|
|
165
|
-
};
|
|
@@ -1,368 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as g, jsxs as Ae, Fragment as _e } from "react/jsx-runtime";
|
|
3
|
-
import { d as T } from "./index.CgTHIF3K.js";
|
|
4
|
-
import { c as D } from "./index.CEyLAtio.js";
|
|
5
|
-
import { useState as V, useEffect as ne, useContext as oe, createContext as He, useRef as U } from "react";
|
|
6
|
-
import { g as j, c as R, p as fe } from "./helpers.BbWkXTr3.js";
|
|
7
|
-
import { u as Pe } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
|
|
8
|
-
import { DSLogo as xe } from "../logo.C96KaG1P.js";
|
|
9
|
-
import '../assets/Header.DO34x-dO.css';const Te = (d) => {
|
|
10
|
-
const e = T.c(3), t = 0, [r, n] = V("down");
|
|
11
|
-
let a, s;
|
|
12
|
-
return e[0] !== t ? (a = () => {
|
|
13
|
-
let l;
|
|
14
|
-
l = window.scrollY;
|
|
15
|
-
const c = () => {
|
|
16
|
-
const o = window.scrollY, h = o > l ? "down" : "up";
|
|
17
|
-
Math.abs(o - l) > t && (n(h), l = o);
|
|
18
|
-
};
|
|
19
|
-
return window.addEventListener("scroll", c, {
|
|
20
|
-
passive: !0
|
|
21
|
-
}), () => window.removeEventListener("scroll", c);
|
|
22
|
-
}, s = [t], e[0] = t, e[1] = a, e[2] = s) : (a = e[1], s = e[2]), ne(a, s), r;
|
|
23
|
-
}, At = ["full", "main"], Ee = ({
|
|
24
|
-
hasBrandArea: d,
|
|
25
|
-
hasPrimaryArea: e,
|
|
26
|
-
hasSecondaryArea: t
|
|
27
|
-
}) => {
|
|
28
|
-
if (d)
|
|
29
|
-
throw new Error(j("DSHeader", "A <DSTopBar.BrandArea> component was detected as a direct child of DSHeader. Please move it into the DSTopBar component."));
|
|
30
|
-
if (e)
|
|
31
|
-
throw new Error(j("DSHeader", "A <DSTopBar.PrimaryArea> component was detected as a direct child of DSHeader. Please move it into the DSTopBar component."));
|
|
32
|
-
if (t)
|
|
33
|
-
throw new Error(j("DSHeader", "A <DSTopBar.SecondaryArea> component was detected as a direct child of DSHeader. Please move it into the DSTopBar component."));
|
|
34
|
-
}, Fe = "ds-top-bar_root_ryiho_1", Ce = "ds-top-bar_root--sticky_ryiho_47", Oe = "ds-top-bar_root--fixed_ryiho_51", Ve = "ds-top-bar_content_ryiho_59", Re = "ds-top-bar_content--variant-full_ryiho_78", Me = "ds-top-bar_content--has-primary-area-and-secondary-area_ryiho_82", ke = "ds-top-bar_primary_ryiho_87", $e = "ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102", We = "ds-top-bar_brand_ryiho_107", Ie = "ds-top-bar_content--has-primary-area_ryiho_82", Le = "ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146", Ye = "ds-top-bar_brand-add-on_ryiho_210", ze = "ds-top-bar_brand-add-on--double_ryiho_231", qe = "ds-top-bar_sub-title_ryiho_245", Ue = "ds-top-bar_secondary_ryiho_271", je = "ds-top-bar_logo_ryiho_280", Ge = "ds-top-bar_logo--reduced_ryiho_290", u = {
|
|
35
|
-
root: Fe,
|
|
36
|
-
rootSticky: Ce,
|
|
37
|
-
rootFixed: Oe,
|
|
38
|
-
content: Ve,
|
|
39
|
-
contentVariantFull: Re,
|
|
40
|
-
contentHasPrimaryAreaAndSecondaryArea: Me,
|
|
41
|
-
primary: ke,
|
|
42
|
-
contentHasBrandAddOnWithPrimaryAreaAndSecondaryArea: $e,
|
|
43
|
-
brand: We,
|
|
44
|
-
contentHasPrimaryArea: Ie,
|
|
45
|
-
contentHasPrimaryAreaWithBrandAddOn: Le,
|
|
46
|
-
brandAddOn: Ye,
|
|
47
|
-
brandAddOnDouble: ze,
|
|
48
|
-
subTitle: qe,
|
|
49
|
-
secondary: Ue,
|
|
50
|
-
logo: je,
|
|
51
|
-
logoReduced: Ge
|
|
52
|
-
}, Je = ({
|
|
53
|
-
hasBrandArea: d,
|
|
54
|
-
hasPrimaryArea: e,
|
|
55
|
-
hasSecondaryArea: t
|
|
56
|
-
}) => {
|
|
57
|
-
if (!d)
|
|
58
|
-
throw new Error(j("DSTopBar", "A <DSTopBar.BrandArea> component is required. Please include it as a child of DSTopBar."));
|
|
59
|
-
if (!e && t)
|
|
60
|
-
throw new Error(j("DSTopBar", "A <DSTopBar.PrimaryArea> is required when using <DSTopBar.SecondaryArea>. Please include <DSTopBar.PrimaryArea> as a child of DSTopBar, or move the content from <DSTopBar.SecondaryArea> into <DSTopBar.PrimaryArea>."));
|
|
61
|
-
}, ge = (d) => d == null || typeof d == "object" && !Array.isArray(d) && d !== null && Object.keys(d).length === 0, pt = ["double", "single"], Y = (d) => {
|
|
62
|
-
const e = T.c(28);
|
|
63
|
-
let t, r, n, a;
|
|
64
|
-
e[0] !== d ? ({
|
|
65
|
-
children: t,
|
|
66
|
-
className: r,
|
|
67
|
-
rootClassName: a,
|
|
68
|
-
...n
|
|
69
|
-
} = d, e[0] = d, e[1] = t, e[2] = r, e[3] = n, e[4] = a) : (t = e[1], r = e[2], n = e[3], a = e[4]);
|
|
70
|
-
const {
|
|
71
|
-
variant: s,
|
|
72
|
-
isHeaderSticky: l,
|
|
73
|
-
isMobile: c,
|
|
74
|
-
topBarAreaRef: o,
|
|
75
|
-
isStickyMainNavigationVisible: h,
|
|
76
|
-
hasBrandAddOn: m
|
|
77
|
-
} = oe(G);
|
|
78
|
-
let A, p;
|
|
79
|
-
if (e[5] !== t || e[6] !== r || e[7] !== m || e[8] !== l || e[9] !== c || e[10] !== h || e[11] !== a || e[12] !== s) {
|
|
80
|
-
const E = R(t, pe), y = R(t, ye), i = R(t, ue);
|
|
81
|
-
process.env.NODE_ENV !== "production" && Je({
|
|
82
|
-
hasBrandArea: E,
|
|
83
|
-
hasPrimaryArea: y,
|
|
84
|
-
hasSecondaryArea: i
|
|
85
|
-
});
|
|
86
|
-
let b;
|
|
87
|
-
e[15] !== l || e[16] !== c || e[17] !== h || e[18] !== a ? (b = D(u.root, a, l ? {
|
|
88
|
-
[u.rootSticky]: !c && h,
|
|
89
|
-
[u.rootFixed]: !c && !h
|
|
90
|
-
} : {}), e[15] = l, e[16] = c, e[17] = h, e[18] = a, e[19] = b) : b = e[19], A = b, p = D(u.content, r, {
|
|
91
|
-
[u.contentHasPrimaryArea]: y && !m && !i,
|
|
92
|
-
[u.contentHasPrimaryAreaWithBrandAddOn]: y && m && !i,
|
|
93
|
-
[u.contentHasBrandAddOnWithPrimaryAreaAndSecondaryArea]: m && y && i,
|
|
94
|
-
[u.contentHasPrimaryAreaAndSecondaryArea]: y && i && !m,
|
|
95
|
-
[u.contentVariantFull]: s === "full"
|
|
96
|
-
}), e[5] = t, e[6] = r, e[7] = m, e[8] = l, e[9] = c, e[10] = h, e[11] = a, e[12] = s, e[13] = A, e[14] = p;
|
|
97
|
-
} else
|
|
98
|
-
A = e[13], p = e[14];
|
|
99
|
-
const _ = p;
|
|
100
|
-
let f;
|
|
101
|
-
e[20] !== t || e[21] !== _ || e[22] !== n ? (f = /* @__PURE__ */ g("section", { className: _, ...n, children: t }), e[20] = t, e[21] = _, e[22] = n, e[23] = f) : f = e[23];
|
|
102
|
-
let v;
|
|
103
|
-
return e[24] !== A || e[25] !== f || e[26] !== o ? (v = /* @__PURE__ */ g("div", { className: A, ref: o, children: f }), e[24] = A, e[25] = f, e[26] = o, e[27] = v) : v = e[27], v;
|
|
104
|
-
}, pe = (d) => {
|
|
105
|
-
const e = T.c(26), {
|
|
106
|
-
children: t,
|
|
107
|
-
className: r
|
|
108
|
-
} = d, {
|
|
109
|
-
logoProps: n,
|
|
110
|
-
brandAddOnProps: a,
|
|
111
|
-
setHasBrandAddOn: s
|
|
112
|
-
} = oe(G);
|
|
113
|
-
let l;
|
|
114
|
-
e[0] !== n ? (l = n || {}, e[0] = n, e[1] = l) : l = e[1];
|
|
115
|
-
const {
|
|
116
|
-
aria: c,
|
|
117
|
-
logo: o,
|
|
118
|
-
href: h,
|
|
119
|
-
target: m
|
|
120
|
-
} = l, A = o === void 0 ? "main" : o, p = h === void 0 ? "/" : h, _ = m === void 0 ? "_self" : m;
|
|
121
|
-
let f;
|
|
122
|
-
e[2] !== a || e[3] !== t || e[4] !== s ? (f = () => {
|
|
123
|
-
t || !ge(a) ? s == null || s(!0) : s == null || s(!1);
|
|
124
|
-
}, e[2] = a, e[3] = t, e[4] = s, e[5] = f) : f = e[5];
|
|
125
|
-
let v;
|
|
126
|
-
e[6] !== a || e[7] !== t ? (v = [t, a], e[6] = a, e[7] = t, e[8] = v) : v = e[8], ne(f, v);
|
|
127
|
-
let E;
|
|
128
|
-
e[9] !== A ? (E = D(u.logo, {
|
|
129
|
-
[u.logoReduced]: A.includes("reduced")
|
|
130
|
-
}), e[9] = A, e[10] = E) : E = e[10];
|
|
131
|
-
const y = E;
|
|
132
|
-
let i;
|
|
133
|
-
e[11] !== r ? (i = D(u.brand, r), e[11] = r, e[12] = i) : i = e[12];
|
|
134
|
-
let b;
|
|
135
|
-
e[13] !== c || e[14] !== p || e[15] !== A || e[16] !== y || e[17] !== _ ? (b = /* @__PURE__ */ g(xe, { className: y, aria: c, logo: A, href: p, target: _ }), e[13] = c, e[14] = p, e[15] = A, e[16] = y, e[17] = _, e[18] = b) : b = e[18];
|
|
136
|
-
let S;
|
|
137
|
-
e[19] !== a ? (S = ge(a) ? void 0 : /* @__PURE__ */ g(be, { ...a }), e[19] = a, e[20] = S) : S = e[20];
|
|
138
|
-
let H;
|
|
139
|
-
return e[21] !== t || e[22] !== S || e[23] !== i || e[24] !== b ? (H = /* @__PURE__ */ Ae("div", { className: i, children: [
|
|
140
|
-
b,
|
|
141
|
-
S,
|
|
142
|
-
t
|
|
143
|
-
] }), e[21] = t, e[22] = S, e[23] = i, e[24] = b, e[25] = H) : H = e[25], H;
|
|
144
|
-
};
|
|
145
|
-
pe.displayName = "DSTopBar.BrandArea";
|
|
146
|
-
const be = (d) => {
|
|
147
|
-
const e = T.c(10), {
|
|
148
|
-
children: t,
|
|
149
|
-
className: r,
|
|
150
|
-
subTitle: n,
|
|
151
|
-
variant: a
|
|
152
|
-
} = d, s = a === void 0 ? "single" : a, l = s === "double";
|
|
153
|
-
let c;
|
|
154
|
-
e[0] !== r || e[1] !== l ? (c = D(u.brandAddOn, r, {
|
|
155
|
-
[u.brandAddOnDouble]: l
|
|
156
|
-
}), e[0] = r, e[1] = l, e[2] = c) : c = e[2];
|
|
157
|
-
const o = c;
|
|
158
|
-
let h;
|
|
159
|
-
e[3] !== t || e[4] !== n || e[5] !== s ? (h = s === "single" ? t : /* @__PURE__ */ Ae(_e, { children: [
|
|
160
|
-
/* @__PURE__ */ g("span", { children: t }),
|
|
161
|
-
n && /* @__PURE__ */ g("span", { className: u.subTitle, children: n })
|
|
162
|
-
] }), e[3] = t, e[4] = n, e[5] = s, e[6] = h) : h = e[6];
|
|
163
|
-
let m;
|
|
164
|
-
return e[7] !== o || e[8] !== h ? (m = /* @__PURE__ */ g("span", { className: o, children: h }), e[7] = o, e[8] = h, e[9] = m) : m = e[9], m;
|
|
165
|
-
};
|
|
166
|
-
be.displayName = "DSTopBar.BrandAddOn";
|
|
167
|
-
const ye = (d) => {
|
|
168
|
-
const e = T.c(5), {
|
|
169
|
-
children: t,
|
|
170
|
-
className: r
|
|
171
|
-
} = d;
|
|
172
|
-
let n;
|
|
173
|
-
e[0] !== r ? (n = D(u.primary, r), e[0] = r, e[1] = n) : n = e[1];
|
|
174
|
-
let a;
|
|
175
|
-
return e[2] !== t || e[3] !== n ? (a = /* @__PURE__ */ g("div", { className: n, children: t }), e[2] = t, e[3] = n, e[4] = a) : a = e[4], a;
|
|
176
|
-
};
|
|
177
|
-
ye.displayName = "DSTopBar.PrimaryArea";
|
|
178
|
-
const ue = (d) => {
|
|
179
|
-
const e = T.c(5), {
|
|
180
|
-
children: t,
|
|
181
|
-
className: r
|
|
182
|
-
} = d;
|
|
183
|
-
let n;
|
|
184
|
-
e[0] !== r ? (n = D(u.secondary, r), e[0] = r, e[1] = n) : n = e[1];
|
|
185
|
-
let a;
|
|
186
|
-
return e[2] !== t || e[3] !== n ? (a = /* @__PURE__ */ g("div", { className: n, children: t }), e[2] = t, e[3] = n, e[4] = a) : a = e[4], a;
|
|
187
|
-
};
|
|
188
|
-
ue.displayName = "DSTopBar.SecondaryArea";
|
|
189
|
-
Y.BrandArea = pe;
|
|
190
|
-
Y.PrimaryArea = ye;
|
|
191
|
-
Y.SecondaryArea = ue;
|
|
192
|
-
const Ke = "ds-header_root_g2mvw_1", Qe = "ds-header_root--sticky_g2mvw_4", Xe = "ds-header_root--hidden_g2mvw_9", Ze = "ds-header_root--fixed_g2mvw_20", et = "ds-header_main-navigation-area_g2mvw_36", tt = "ds-header_main-navigation-area--fixed_g2mvw_88", at = "ds-header_main-navigation-area--fixed--visible_g2mvw_103", rt = "ds-header_main-navigation-content_g2mvw_108", nt = "ds-header_main-navigation-content--variant-full_g2mvw_112", ot = "ds-header_header-placeholder_g2mvw_117", it = "ds-header_header-placeholder--with-banner_g2mvw_120", N = {
|
|
193
|
-
root: Ke,
|
|
194
|
-
rootSticky: Qe,
|
|
195
|
-
rootHidden: Xe,
|
|
196
|
-
rootFixed: Ze,
|
|
197
|
-
mainNavigationArea: et,
|
|
198
|
-
mainNavigationAreaFixed: tt,
|
|
199
|
-
mainNavigationAreaFixedVisible: at,
|
|
200
|
-
mainNavigationContent: rt,
|
|
201
|
-
mainNavigationContentVariantFull: nt,
|
|
202
|
-
headerPlaceholder: ot,
|
|
203
|
-
headerPlaceholderWithBanner: it
|
|
204
|
-
}, G = He({
|
|
205
|
-
variant: "main"
|
|
206
|
-
}), ie = (d) => {
|
|
207
|
-
const e = T.c(58);
|
|
208
|
-
let t, r, n, a, s, l, c;
|
|
209
|
-
e[0] !== d ? ({
|
|
210
|
-
children: r,
|
|
211
|
-
brandAddOnProps: t,
|
|
212
|
-
className: n,
|
|
213
|
-
isHeaderSticky: l,
|
|
214
|
-
variant: c,
|
|
215
|
-
logoProps: a,
|
|
216
|
-
...s
|
|
217
|
-
} = d, e[0] = d, e[1] = t, e[2] = r, e[3] = n, e[4] = a, e[5] = s, e[6] = l, e[7] = c) : (t = e[1], r = e[2], n = e[3], a = e[4], s = e[5], l = e[6], c = e[7]);
|
|
218
|
-
const o = l === void 0 ? !1 : l, h = c === void 0 ? "main" : c, [m, A] = V(!1);
|
|
219
|
-
let p;
|
|
220
|
-
e[8] !== r ? (p = R(r, ie.BannerArea, !0), e[8] = r, e[9] = p) : p = e[9];
|
|
221
|
-
const _ = p, f = R(r, Y.BrandArea), v = R(r, Y.PrimaryArea), E = R(r, Y.SecondaryArea);
|
|
222
|
-
process.env.NODE_ENV !== "production" && Ee({
|
|
223
|
-
hasBrandArea: f,
|
|
224
|
-
hasPrimaryArea: v,
|
|
225
|
-
hasSecondaryArea: E
|
|
226
|
-
});
|
|
227
|
-
const y = Te(), [i, b] = V(!1), S = U(null), H = U(null), se = U(null), de = U(null), [le, we] = V(!1), [M, Be] = V(!1), [B, ve] = V(!0), [ce, De] = V(!1), he = U(i);
|
|
228
|
-
let J, K;
|
|
229
|
-
e[10] !== o ? (J = () => {
|
|
230
|
-
if (o) {
|
|
231
|
-
const w = () => {
|
|
232
|
-
b((P) => (he.current = P, window.innerWidth < 1024));
|
|
233
|
-
};
|
|
234
|
-
return w(), window.addEventListener("resize", w), () => window.removeEventListener("resize", w);
|
|
235
|
-
}
|
|
236
|
-
}, K = [o], e[10] = o, e[11] = J, e[12] = K) : (J = e[11], K = e[12]), ne(J, K);
|
|
237
|
-
let Q, X;
|
|
238
|
-
e[13] !== o ? (Q = () => {
|
|
239
|
-
if (o) {
|
|
240
|
-
const w = () => {
|
|
241
|
-
var F, O, re;
|
|
242
|
-
const P = document.documentElement, z = ((F = S.current) == null ? void 0 : F.offsetHeight) || 0, x = ((O = se.current) == null ? void 0 : O.offsetHeight) || 0;
|
|
243
|
-
let C;
|
|
244
|
-
if (!de.current)
|
|
245
|
-
C = z + x;
|
|
246
|
-
else {
|
|
247
|
-
const q = (re = H.current) == null ? void 0 : re.offsetHeight;
|
|
248
|
-
!q || q === z ? C = parseInt(P.style.getPropertyValue("--ds-header-height").replace("rem", "")) * 16 || 0 : C = q;
|
|
249
|
-
}
|
|
250
|
-
P.style.setProperty("--ds-banner-height", `${fe(z)}rem`), P.style.setProperty("--ds-header-height", `${fe(C)}rem`), P.style.setProperty("--ds-top-bar-height", `${fe(x)}rem`);
|
|
251
|
-
};
|
|
252
|
-
return w(), window.addEventListener("resize", w), () => window.removeEventListener("resize", w);
|
|
253
|
-
}
|
|
254
|
-
}, X = [o], e[13] = o, e[14] = Q, e[15] = X) : (Q = e[14], X = e[15]), Pe(Q, X);
|
|
255
|
-
let Z;
|
|
256
|
-
e[16] !== o || e[17] !== i || e[18] !== B || e[19] !== y ? (Z = () => {
|
|
257
|
-
if (o) {
|
|
258
|
-
const w = () => {
|
|
259
|
-
const x = H.current, C = !!x && window.scrollY <= x.offsetHeight;
|
|
260
|
-
we(C);
|
|
261
|
-
const F = de.current, O = se.current;
|
|
262
|
-
if (!i && he.current && !B) {
|
|
263
|
-
ve(C && !!x && window.scrollY <= x.offsetHeight);
|
|
264
|
-
return;
|
|
265
|
-
}
|
|
266
|
-
const re = !!O && !!F && F.getBoundingClientRect().bottom > O.getBoundingClientRect().bottom, q = !F && !!O && !!S.current && (window.scrollY >= S.current.offsetHeight || 0) || !F && !S.current && !!O && window.scrollY >= 1;
|
|
267
|
-
ve(F ? re && !!x && window.scrollY <= x.offsetHeight : !q);
|
|
268
|
-
};
|
|
269
|
-
window.addEventListener("scroll", w, {
|
|
270
|
-
passive: !0
|
|
271
|
-
}), w();
|
|
272
|
-
const P = H.current, z = !!P && P.getBoundingClientRect().bottom > 0;
|
|
273
|
-
return i && Be(y === "up" && !z), i || De(y === "up" && !B), () => {
|
|
274
|
-
window.removeEventListener("scroll", w);
|
|
275
|
-
};
|
|
276
|
-
}
|
|
277
|
-
}, e[16] = o, e[17] = i, e[18] = B, e[19] = y, e[20] = Z) : Z = e[20];
|
|
278
|
-
let ee;
|
|
279
|
-
e[21] !== o || e[22] !== i || e[23] !== y ? (ee = [o, i, he, y], e[21] = o, e[22] = i, e[23] = y, e[24] = ee) : ee = e[24], ne(Z, ee);
|
|
280
|
-
let te;
|
|
281
|
-
e[25] !== n || e[26] !== M || e[27] !== o || e[28] !== le || e[29] !== i ? (te = D(N.root, n, o ? {
|
|
282
|
-
[N.rootSticky]: i,
|
|
283
|
-
[N.rootHidden]: i && !le,
|
|
284
|
-
[N.rootFixed]: i && M
|
|
285
|
-
} : {}), e[25] = n, e[26] = M, e[27] = o, e[28] = le, e[29] = i, e[30] = te) : te = e[30];
|
|
286
|
-
const me = te;
|
|
287
|
-
let k;
|
|
288
|
-
e[31] !== t || e[32] !== m || e[33] !== ce || e[34] !== o || e[35] !== i || e[36] !== B || e[37] !== a || e[38] !== h ? (k = {
|
|
289
|
-
variant: h,
|
|
290
|
-
bannerAreaRef: S,
|
|
291
|
-
brandAddOnProps: t,
|
|
292
|
-
hasBrandAddOn: m,
|
|
293
|
-
setHasBrandAddOn: A,
|
|
294
|
-
isFixedMainNavigation: ce,
|
|
295
|
-
isHeaderSticky: o,
|
|
296
|
-
isMobile: i,
|
|
297
|
-
isStickyMainNavigationVisible: B,
|
|
298
|
-
mainNavigationAreaRef: de,
|
|
299
|
-
topBarAreaRef: se,
|
|
300
|
-
logoProps: a
|
|
301
|
-
}, e[31] = t, e[32] = m, e[33] = ce, e[34] = o, e[35] = i, e[36] = B, e[37] = a, e[38] = h, e[39] = k) : k = e[39];
|
|
302
|
-
let $;
|
|
303
|
-
e[40] !== r || e[41] !== k ? ($ = /* @__PURE__ */ g(G.Provider, { value: k, children: r }), e[40] = r, e[41] = k, e[42] = $) : $ = e[42];
|
|
304
|
-
let W;
|
|
305
|
-
e[43] !== s || e[44] !== me || e[45] !== $ ? (W = /* @__PURE__ */ g("header", { className: me, ...s, ref: H, children: $ }), e[43] = s, e[44] = me, e[45] = $, e[46] = W) : W = e[46];
|
|
306
|
-
let I;
|
|
307
|
-
e[47] !== M || e[48] !== i ? (I = i && M && /* @__PURE__ */ g("div", { className: N.headerPlaceholder }), e[47] = M, e[48] = i, e[49] = I) : I = e[49];
|
|
308
|
-
let L;
|
|
309
|
-
e[50] !== _ || e[51] !== i || e[52] !== B ? (L = !i && !B && /* @__PURE__ */ g("div", { className: _ ? N.headerPlaceholderWithBanner : N.headerPlaceholder }), e[50] = _, e[51] = i, e[52] = B, e[53] = L) : L = e[53];
|
|
310
|
-
let ae;
|
|
311
|
-
return e[54] !== W || e[55] !== I || e[56] !== L ? (ae = /* @__PURE__ */ Ae(_e, { children: [
|
|
312
|
-
W,
|
|
313
|
-
I,
|
|
314
|
-
L
|
|
315
|
-
] }), e[54] = W, e[55] = I, e[56] = L, e[57] = ae) : ae = e[57], ae;
|
|
316
|
-
}, Se = (d) => {
|
|
317
|
-
const e = T.c(4), {
|
|
318
|
-
children: t,
|
|
319
|
-
className: r
|
|
320
|
-
} = d, {
|
|
321
|
-
bannerAreaRef: n
|
|
322
|
-
} = oe(G);
|
|
323
|
-
let a;
|
|
324
|
-
return e[0] !== n || e[1] !== t || e[2] !== r ? (a = /* @__PURE__ */ g("div", { ref: n, className: r, children: t }), e[0] = n, e[1] = t, e[2] = r, e[3] = a) : a = e[3], a;
|
|
325
|
-
};
|
|
326
|
-
Se.displayName = "DSHeader.BannerArea";
|
|
327
|
-
const Ne = (d) => {
|
|
328
|
-
const e = T.c(15), {
|
|
329
|
-
children: t,
|
|
330
|
-
className: r
|
|
331
|
-
} = d, {
|
|
332
|
-
variant: n,
|
|
333
|
-
isFixedMainNavigation: a,
|
|
334
|
-
isHeaderSticky: s,
|
|
335
|
-
isMobile: l,
|
|
336
|
-
isStickyMainNavigationVisible: c,
|
|
337
|
-
mainNavigationAreaRef: o
|
|
338
|
-
} = oe(G);
|
|
339
|
-
let h;
|
|
340
|
-
e[0] !== r || e[1] !== a || e[2] !== s || e[3] !== l || e[4] !== c ? (h = D(N.mainNavigationArea, r, s ? {
|
|
341
|
-
[N.mainNavigationAreaFixed]: !l && !c,
|
|
342
|
-
[N.mainNavigationAreaFixedVisible]: !l && a
|
|
343
|
-
} : {}), e[0] = r, e[1] = a, e[2] = s, e[3] = l, e[4] = c, e[5] = h) : h = e[5];
|
|
344
|
-
const m = h, A = n === "full";
|
|
345
|
-
let p;
|
|
346
|
-
e[6] !== A ? (p = D(N.mainNavigationContent, {
|
|
347
|
-
[N.mainNavigationContentVariantFull]: A
|
|
348
|
-
}), e[6] = A, e[7] = p) : p = e[7];
|
|
349
|
-
const _ = p;
|
|
350
|
-
let f;
|
|
351
|
-
e[8] !== t || e[9] !== _ ? (f = /* @__PURE__ */ g("div", { className: _, children: t }), e[8] = t, e[9] = _, e[10] = f) : f = e[10];
|
|
352
|
-
let v;
|
|
353
|
-
return e[11] !== o || e[12] !== m || e[13] !== f ? (v = /* @__PURE__ */ g("div", { className: m, ref: o, children: f }), e[11] = o, e[12] = m, e[13] = f, e[14] = v) : v = e[14], v;
|
|
354
|
-
};
|
|
355
|
-
Ne.displayName = "DSHeader.MainNavigationArea";
|
|
356
|
-
ie.BannerArea = Se;
|
|
357
|
-
ie.MainNavigationArea = Ne;
|
|
358
|
-
ie.displayName = "DSHeader";
|
|
359
|
-
export {
|
|
360
|
-
pt as B,
|
|
361
|
-
G as D,
|
|
362
|
-
At as H,
|
|
363
|
-
ie as a,
|
|
364
|
-
Y as b,
|
|
365
|
-
Je as c,
|
|
366
|
-
ge as i,
|
|
367
|
-
Ee as v
|
|
368
|
-
};
|