@nuskin/nextgen-header 1.33.0 → 1.35.0
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-dist/index.js +208 -149
- package/package-dist/index.js.map +1 -1
- package/package-dist/index.mjs +210 -151
- package/package-dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/package-dist/index.js
CHANGED
|
@@ -100971,23 +100971,23 @@ var MobileDrawerLocaleButton = /*#__PURE__*/createStyled("button", true ? {
|
|
|
100971
100971
|
} : 0)("display:inline-flex;align-items:center;gap:0.5rem;margin:15px 18px;padding:7px;border:1px solid ", colors.border, ";border-radius:24px;background:transparent;font-size:0.875rem;color:", colors.text, ";cursor:pointer;justify-content:center;transition:all 0.15s ease;&:hover{background:rgba(0, 0, 0, 0.03);border-color:", colors.text, ";}svg{flex-shrink:0;color:", colors.muted, ";width:16px;height:16px;}" + ( true ? "" : 0));
|
|
100972
100972
|
// EXTERNAL MODULE: ./node_modules/@nuskin/foundation-ui-components/dist/index.js
|
|
100973
100973
|
var dist = __webpack_require__(4814);
|
|
100974
|
-
;// ./src/components/brand/Brand.styled.
|
|
100974
|
+
;// ./src/components/brand/Brand.styled.js
|
|
100975
100975
|
|
|
100976
100976
|
function Brand_styled_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
100977
100977
|
var BrandRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
100978
|
-
target: "
|
|
100978
|
+
target: "e1tne4ou3"
|
|
100979
100979
|
} : 0)("display:flex;position:relative;", function (_ref) {
|
|
100980
100980
|
var isEditing = _ref.isEditing;
|
|
100981
100981
|
return isEditing && "\n & > * {\n pointer-events: none;\n }\n ";
|
|
100982
100982
|
}, ";" + ( true ? "" : 0));
|
|
100983
100983
|
var BrandLogoLink = /*#__PURE__*/createStyled("a", true ? {
|
|
100984
|
-
target: "
|
|
100984
|
+
target: "e1tne4ou2"
|
|
100985
100985
|
} : 0)( true ? {
|
|
100986
100986
|
name: "1puv40q",
|
|
100987
100987
|
styles: "display:inline-flex;align-items:center;line-height:0;text-decoration:none"
|
|
100988
100988
|
} : 0);
|
|
100989
100989
|
var ResponsiveBrandWrapper = /*#__PURE__*/createStyled("div", true ? {
|
|
100990
|
-
target: "
|
|
100990
|
+
target: "e1tne4ou1"
|
|
100991
100991
|
} : 0)("display:flex;align-items:center;", function (_ref2) {
|
|
100992
100992
|
var mobileWidth = _ref2.mobileWidth,
|
|
100993
100993
|
desktopWidth = _ref2.desktopWidth,
|
|
@@ -100996,7 +100996,7 @@ var ResponsiveBrandWrapper = /*#__PURE__*/createStyled("div", true ? {
|
|
|
100996
100996
|
return "\n width: ".concat(mobileWidth, ";\n height: ").concat(mobileHeight, ";\n\n & > * {\n width: 100%;\n height: 100%;\n }\n\n && img,\n && svg {\n height: 100%;\n width: 100%;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n }\n\n @media (min-width: 1024px) {\n width: ").concat(desktopWidth, ";\n height: ").concat(desktopHeight, ";\n }\n ");
|
|
100997
100997
|
}, ";" + ( true ? "" : 0));
|
|
100998
100998
|
var BrandLogoImg = /*#__PURE__*/createStyled("img", true ? {
|
|
100999
|
-
target: "
|
|
100999
|
+
target: "e1tne4ou0"
|
|
101000
101000
|
} : 0)( true ? {
|
|
101001
101001
|
name: "kmohbm",
|
|
101002
101002
|
styles: "display:block;width:auto;height:24px"
|
|
@@ -101048,6 +101048,20 @@ var GTM_TRACKING_CONFIG = {
|
|
|
101048
101048
|
clickTriggerType: "Click - Just Links",
|
|
101049
101049
|
// Loyalty is always an anchor (`data-gtm-loyalty`); selector works for GTM delegation.
|
|
101050
101050
|
clickSelector: "[data-gtm-loyalty]"
|
|
101051
|
+
},
|
|
101052
|
+
logo: {
|
|
101053
|
+
componentName: "Logo",
|
|
101054
|
+
clickEvent: "logo_click",
|
|
101055
|
+
clickElement: "Logo Click",
|
|
101056
|
+
clickTriggerType: "Click - Just Links",
|
|
101057
|
+
clickSelector: "[data-gtm-logo]"
|
|
101058
|
+
},
|
|
101059
|
+
cart: {
|
|
101060
|
+
componentName: "Cart",
|
|
101061
|
+
clickEvent: "cart_click",
|
|
101062
|
+
clickElement: "Cart Icon Click",
|
|
101063
|
+
clickTriggerType: "Click",
|
|
101064
|
+
clickSelector: "[data-gtm-cart]"
|
|
101051
101065
|
}
|
|
101052
101066
|
};
|
|
101053
101067
|
|
|
@@ -101334,6 +101348,7 @@ function Brand(_ref) {
|
|
|
101334
101348
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(BrandLogoLink, {
|
|
101335
101349
|
href: resolvedHref,
|
|
101336
101350
|
"data-testid": "brand-logo-link",
|
|
101351
|
+
"data-gtm-logo": true,
|
|
101337
101352
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(ResponsiveBrandWrapper, {
|
|
101338
101353
|
mobileWidth: responsiveSize.mobileWidth,
|
|
101339
101354
|
desktopWidth: responsiveSize.desktopWidth,
|
|
@@ -101517,7 +101532,7 @@ var TAB_ID_FALLBACK_SEGMENT = "item";
|
|
|
101517
101532
|
var TABS_HOVER_ACTIVATE_MS = 80;
|
|
101518
101533
|
/** Desktop tab hover: delay after mouseleave before clearing selection (ms) */
|
|
101519
101534
|
var TABS_HOVER_CLEAR_MS = 120;
|
|
101520
|
-
;// ./src/components/tabs/Tabs.styled.
|
|
101535
|
+
;// ./src/components/tabs/Tabs.styled.js
|
|
101521
101536
|
|
|
101522
101537
|
function Tabs_styled_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
101523
101538
|
|
|
@@ -101527,55 +101542,55 @@ var mobileMaxPx = function mobileMaxPx(p) {
|
|
|
101527
101542
|
return p.$isEditing ? TABS_EDITING_MOBILE_MAX_WIDTH_PX : TABS_MOBILE_MAX_WIDTH_PX;
|
|
101528
101543
|
};
|
|
101529
101544
|
var TabsRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
101530
|
-
target: "
|
|
101545
|
+
target: "e1xxjdtj9"
|
|
101531
101546
|
} : 0)("--tabs-text:#2f2f2f;--tabs-muted:#666666;--tabs-border:#e5e5e5;--tabs-surface:#ffffff;--tabs-surface-muted:#f6f6f6;--tabs-focus-visible:#007bff;--tabs-font-sans:Lora,sans-serif;box-sizing:border-box;max-width:1440px;margin:0 auto;color:var(--tabs-text);font-family:var(--tabs-font-sans);position:relative;", function (p) {
|
|
101532
101547
|
return p.$isTopNav && "\n max-width: ".concat(TABS_TOP_NAV_MAX_WIDTH_PX, "px;\n padding: ").concat(TABS_TOP_NAV_ROOT_PADDING, ";\n ");
|
|
101533
101548
|
}, "@media (max-width: ", mobileMaxPx, "px){max-width:none;width:100%;", function (p) {
|
|
101534
101549
|
return p.$isTopNav && "padding: 0;";
|
|
101535
101550
|
}, ";}" + ( true ? "" : 0));
|
|
101536
101551
|
var TabList = /*#__PURE__*/createStyled("div", true ? {
|
|
101537
|
-
target: "
|
|
101552
|
+
target: "e1xxjdtj8"
|
|
101538
101553
|
} : 0)("display:flex;align-items:flex-end;justify-content:", function (props) {
|
|
101539
101554
|
return props.$justify || "flex-start";
|
|
101540
101555
|
}, ";gap:8px;border-bottom:0;padding:6px 0;overflow:visible;@media (max-width: ", mobileMaxPx, "px){position:relative;top:auto;left:auto;z-index:auto;width:100%;max-width:none;height:auto;margin:0;padding:0;border:0;box-sizing:border-box;flex-direction:column;align-items:stretch;gap:0;border-bottom:none;overflow:visible;overflow-x:hidden;background:#ffffff;box-shadow:none;justify-content:flex-start;transform:none;transition:none;visibility:visible;pointer-events:auto;}" + ( true ? "" : 0));
|
|
101541
101556
|
var MobileDrawerScroll = /*#__PURE__*/createStyled("div", true ? {
|
|
101542
|
-
target: "
|
|
101557
|
+
target: "e1xxjdtj7"
|
|
101543
101558
|
} : 0)("display:none;@media (max-width: ", mobileMaxPx, "px){display:block;flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;padding:1rem 0 0;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;width:0;height:0;}}" + ( true ? "" : 0));
|
|
101544
101559
|
var MobileTabRowLabel = /*#__PURE__*/createStyled("span", true ? {
|
|
101545
|
-
target: "
|
|
101560
|
+
target: "e1xxjdtj6"
|
|
101546
101561
|
} : 0)("flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:", function (p) {
|
|
101547
101562
|
return p.$expanded ? 700 : 400;
|
|
101548
101563
|
}, ";font-size:16px;line-height:24px;color:", function (p) {
|
|
101549
101564
|
return p.$expanded ? "#000000" : "#252525";
|
|
101550
101565
|
}, ";transition:font-weight 0.2s ease,color 0.2s ease;" + ( true ? "" : 0));
|
|
101551
101566
|
var MobileTabRowMain = /*#__PURE__*/createStyled("span", true ? {
|
|
101552
|
-
target: "
|
|
101567
|
+
target: "e1xxjdtj5"
|
|
101553
101568
|
} : 0)( true ? {
|
|
101554
101569
|
name: "1dj01u9",
|
|
101555
101570
|
styles: "flex:1 1 0%;min-width:0;display:flex;align-items:center;align-self:stretch;border-radius:4px"
|
|
101556
101571
|
} : 0);
|
|
101557
101572
|
var MobileTabRow = /*#__PURE__*/createStyled("button", true ? {
|
|
101558
|
-
target: "
|
|
101573
|
+
target: "e1xxjdtj4"
|
|
101559
101574
|
} : 0)("appearance:none;border:0;background:transparent;margin:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;padding:10px 20px;min-height:56px;cursor:pointer;text-align:left;color:#252525;font-family:var(--tabs-font-sans);font-size:16px;line-height:24px;transition:background-color 0.2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;&:hover{background-color:#f8f9fa;}&:active{background-color:#f8f9fa;}@media (max-width: 340px){padding:12px 10px;}&:focus{outline:none;}&:focus:not(:focus-visible) ", MobileTabRowMain, "{outline:none;}&:focus-visible{outline:none;}&:focus-visible ", MobileTabRowMain, "{outline:1px solid var(--tabs-focus-visible);outline-offset:1px;}", function (p) {
|
|
101560
101575
|
return p.$isHidden && "opacity: 0.4;";
|
|
101561
101576
|
}, ";" + ( true ? "" : 0));
|
|
101562
101577
|
|
|
101563
101578
|
/* Wraps NsIcon so row chevrons align and stay tappable. */
|
|
101564
101579
|
var MobileRowIconWrap = /*#__PURE__*/createStyled("span", true ? {
|
|
101565
|
-
target: "
|
|
101580
|
+
target: "e1xxjdtj3"
|
|
101566
101581
|
} : 0)("flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;color:#999999;transform:rotate(", function (p) {
|
|
101567
101582
|
return p.$expanded ? "180deg" : "0deg";
|
|
101568
101583
|
}, ");transition:transform 0.3s ease;svg{display:block;}" + ( true ? "" : 0));
|
|
101569
101584
|
var MobileAccordionPanel = /*#__PURE__*/createStyled("div", true ? {
|
|
101570
|
-
target: "
|
|
101585
|
+
target: "e1xxjdtj2"
|
|
101571
101586
|
} : 0)("@media (max-width: ", mobileMaxPx, "px){padding:0px 20px 5px;margin-top:0;background:#ffffff;@media (max-width: 340px){padding:16px 10px 20px;}animation:tabs-accordion-fade 0.25s ease;min-width:0;max-width:100%;overflow-x:hidden;@keyframes tabs-accordion-fade{from{opacity:0;}to{opacity:1;}}&>*{min-width:0;max-width:100%;overflow-x:hidden;word-break:break-word;overflow-wrap:anywhere;}}" + ( true ? "" : 0));
|
|
101572
101587
|
var TabButton = /*#__PURE__*/createStyled("button", true ? {
|
|
101573
|
-
target: "
|
|
101588
|
+
target: "e1xxjdtj1"
|
|
101574
101589
|
} : 0)("appearance:none;border:0;background:transparent;padding:10px 14px 12px;margin:0;cursor:pointer;color:var(--tabs-muted);font-family:var(--tabs-font-sans);font-weight:500;font-size:16px;line-height:24px;text-align:left;white-space:nowrap;position:relative;border-radius:999px;&[data-active=\"true\"]{color:var(--tabs-text);text-decoration:underline;text-underline-offset:10px;text-decoration-thickness:1px;text-decoration-color:var(--tabs-text);}&:not([data-active=\"true\"]):hover{color:var(--tabs-text);background:var(--tabs-surface-muted);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;}&[data-active=\"true\"]:hover{background:var(--tabs-surface-muted);text-underline-offset:4px;}&:focus-visible{outline:1px solid var(--tabs-focus-visible);outline-offset:1px;border-radius:999px;}@media (max-width: ", mobileMaxPx, "px){display:none;}", function (p) {
|
|
101575
101590
|
return p.$isHidden && "opacity: 0.4;";
|
|
101576
101591
|
}, ";" + ( true ? "" : 0));
|
|
101577
101592
|
var Panel = /*#__PURE__*/createStyled("div", true ? {
|
|
101578
|
-
target: "
|
|
101593
|
+
target: "e1xxjdtj0"
|
|
101579
101594
|
} : 0)("padding-top:0;", function (p) {
|
|
101580
101595
|
return p.$isTopNav && "\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n z-index: 100;\n ";
|
|
101581
101596
|
}, "@media (max-width: ", mobileMaxPx, "px){display:none;}" + ( true ? "" : 0));
|
|
@@ -102105,31 +102120,31 @@ var PillButton = /*#__PURE__*/createStyled("button", true ? {
|
|
|
102105
102120
|
var PillLink = /*#__PURE__*/(/* unused pure expression or super */ null && (Pill_styled_styled("a", true ? {
|
|
102106
102121
|
target: "e1n5o2x60"
|
|
102107
102122
|
} : 0)(pillBase, " cursor:pointer;" + ( true ? "" : 0))));
|
|
102108
|
-
;// ./src/components/top-navigation/jump-to-section/JumpTo.styled.
|
|
102123
|
+
;// ./src/components/top-navigation/jump-to-section/JumpTo.styled.js
|
|
102109
102124
|
|
|
102110
102125
|
|
|
102111
102126
|
var TOKENS = "\n --jump-to-text: #2f2f2f;\n --jump-to-font: Lora, sans-serif;\n --jump-to-pill-text: #5f5f5f;\n --jump-to-pill-border: #e0e0e0;\n --jump-to-pill-bg-hover: #ededed;\n --jump-to-pill-text-hover:#252525;\n --jump-to-focus-ring: #007aff;\n";
|
|
102112
102127
|
var MOBILE_MAX = "1023px";
|
|
102113
102128
|
var JumpToRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
102114
|
-
target: "
|
|
102129
|
+
target: "e1u2eor54"
|
|
102115
102130
|
} : 0)(TOKENS, " display:flex;flex-direction:column;gap:16px;flex:0 0 280px;width:280px;box-sizing:border-box;padding:15px 16px;@media (max-width: ", MOBILE_MAX, "){flex:0 0 100%;width:100%;padding:0;gap:0;}", function (p) {
|
|
102116
102131
|
return p.$isEditing && "\n outline: 1px dashed #bbb;\n outline-offset: -1px;\n flex: 0 0 280px;\n width: 280px;\n padding: 15px 16px;\n gap: 16px;\n ";
|
|
102117
102132
|
}, " ", function (p) {
|
|
102118
102133
|
return p.$isHidden && "opacity: 0.4;";
|
|
102119
102134
|
}, ";" + ( true ? "" : 0));
|
|
102120
102135
|
var JumpToHeading = /*#__PURE__*/createStyled("h2", true ? {
|
|
102121
|
-
target: "
|
|
102136
|
+
target: "e1u2eor53"
|
|
102122
102137
|
} : 0)("font-family:var(--jump-to-font);font-size:16px;font-weight:500;line-height:1.3;color:var(--jump-to-text);margin:0;padding:0 8px;cursor:default;&:hover{text-decoration:underline;text-decoration-skip-ink:none;}@media (max-width: ", MOBILE_MAX, "){display:none;}" + ( true ? "" : 0));
|
|
102123
102138
|
var JumpTo_styled_JumpToList = /*#__PURE__*/createStyled("ul", true ? {
|
|
102124
|
-
target: "
|
|
102139
|
+
target: "e1u2eor52"
|
|
102125
102140
|
} : 0)("list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;@media (max-width: ", MOBILE_MAX, "){flex-direction:row;gap:8px;overflow-x:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none;}padding:4px 0;}" + ( true ? "" : 0));
|
|
102126
102141
|
var JumpToItem = /*#__PURE__*/createStyled("li", true ? {
|
|
102127
|
-
target: "
|
|
102142
|
+
target: "e1u2eor51"
|
|
102128
102143
|
} : 0)("display:inline-flex;@media (max-width: ", MOBILE_MAX, "){display:flex;flex-shrink:0;}", function (p) {
|
|
102129
102144
|
return p.$isHidden && "opacity: 0.4;";
|
|
102130
102145
|
}, ";" + ( true ? "" : 0));
|
|
102131
102146
|
var JumpToPillLink = /*#__PURE__*/createStyled(PillButton, true ? {
|
|
102132
|
-
target: "
|
|
102147
|
+
target: "e1u2eor50"
|
|
102133
102148
|
} : 0)("padding:12px 20px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;@media (max-width: ", MOBILE_MAX, "){padding:10px 16px;}" + ( true ? "" : 0));
|
|
102134
102149
|
;// ./src/components/top-navigation/jump-to-section/JumpTo.jsx
|
|
102135
102150
|
function JumpTo_typeof(o) { "@babel/helpers - typeof"; return JumpTo_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, JumpTo_typeof(o); }
|
|
@@ -102211,12 +102226,12 @@ JumpTo.propTypes = {
|
|
|
102211
102226
|
className: (external_prop_types_default()).string,
|
|
102212
102227
|
$isHidden: (external_prop_types_default()).bool
|
|
102213
102228
|
};
|
|
102214
|
-
;// ./src/components/label-icon/LabelWithIcon.styled.
|
|
102229
|
+
;// ./src/components/label-icon/LabelWithIcon.styled.js
|
|
102215
102230
|
|
|
102216
102231
|
function LabelWithIcon_styled_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
102217
102232
|
var LabelWithIcon_styled_TOKENS = "\n --label-icon-text: #2f2f2f;\n --label-icon-muted: #666666;\n --label-icon-surface-hover:#f6f6f6;\n --label-icon-focus-ring: #007aff;\n --label-icon-disabled: #aaaaaa;\n --label-icon-font: Lora, sans-serif;\n";
|
|
102218
102233
|
var LabelWithIconRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
102219
|
-
target: "
|
|
102234
|
+
target: "eyg1h312"
|
|
102220
102235
|
} : 0)(LabelWithIcon_styled_TOKENS, " display:inline-flex;align-items:center;width:100%;min-height:44px;padding:0 16px;box-sizing:border-box;gap:8px;font-family:var(--label-icon-font);font-size:18px;font-weight:400;line-height:1.5;&,&:link,&:visited,&:any-link{color:var(--label-icon-text);text-decoration:none;}background:transparent;border:none;cursor:", function (p) {
|
|
102221
102236
|
return p.$interactive && !p.$disabled ? "pointer" : "default";
|
|
102222
102237
|
}, ";appearance:none;outline:none;border-radius:4px;transition:background 0.15s ease,color 0.15s ease;", function (p) {
|
|
@@ -102227,10 +102242,10 @@ var LabelWithIconRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
|
102227
102242
|
return p.$showDivider && "\n border-bottom: 1px solid #e5e5e5;\n ";
|
|
102228
102243
|
}, ";" + ( true ? "" : 0));
|
|
102229
102244
|
var LabelText = /*#__PURE__*/createStyled("span", true ? {
|
|
102230
|
-
target: "
|
|
102245
|
+
target: "eyg1h311"
|
|
102231
102246
|
} : 0)("flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;", LabelWithIconRoot, ":hover &{text-decoration:underline;}" + ( true ? "" : 0));
|
|
102232
102247
|
var IconSlot = /*#__PURE__*/createStyled("span", true ? {
|
|
102233
|
-
target: "
|
|
102248
|
+
target: "eyg1h310"
|
|
102234
102249
|
} : 0)( true ? {
|
|
102235
102250
|
name: "d28uq8",
|
|
102236
102251
|
styles: "flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--label-icon-muted);svg{display:block;fill:currentColor;}"
|
|
@@ -102341,39 +102356,39 @@ LabelWithIcon.defaultProps = {
|
|
|
102341
102356
|
"aria-label": undefined,
|
|
102342
102357
|
tooltip: undefined
|
|
102343
102358
|
};
|
|
102344
|
-
;// ./src/components/top-navigation/sub-category-section/SubCategory.styled.
|
|
102359
|
+
;// ./src/components/top-navigation/sub-category-section/SubCategory.styled.js
|
|
102345
102360
|
|
|
102346
102361
|
function SubCategory_styled_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
102347
102362
|
|
|
102348
102363
|
var SubCategory_styled_TOKENS = "\n --sub-cat-text: #2f2f2f;\n --sub-cat-item-text: #666666;\n --sub-cat-item-text-hover:#2f2f2f;\n --sub-cat-surface-hover: #f6f6f6;\n --sub-cat-focus-ring: #007aff;\n --sub-cat-font: Lora, sans-serif;\n";
|
|
102349
102364
|
var SubCategoryRoot = /*#__PURE__*/createStyled("fieldset", true ? {
|
|
102350
|
-
target: "
|
|
102365
|
+
target: "e1mzewba4"
|
|
102351
102366
|
} : 0)(SubCategory_styled_TOKENS, " border:none;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;flex:0 0 280px;width:280px;box-sizing:border-box;@media (max-width: 1023px){flex:0 0 100%;max-width:100%;width:100%;}", function (p) {
|
|
102352
102367
|
return p.$isEditing && "\n outline: 1px dashed #bbb;\n outline-offset: -1px;\n padding: 8px;\n flex: 0 0 280px;\n max-width: 280px;\n width: 280px;\n ";
|
|
102353
102368
|
}, " ", function (p) {
|
|
102354
102369
|
return p.$isHidden && "opacity: 0.4;";
|
|
102355
102370
|
}, ";" + ( true ? "" : 0));
|
|
102356
102371
|
var CategoryHeader = /*#__PURE__*/createStyled(LabelWithIcon, true ? {
|
|
102357
|
-
target: "
|
|
102372
|
+
target: "e1mzewba3"
|
|
102358
102373
|
} : 0)( true ? {
|
|
102359
102374
|
name: "ururic",
|
|
102360
102375
|
styles: "font-size:18px;font-weight:500;line-height:1.3;color:var(--sub-cat-text);span:first-of-type{white-space:normal;overflow:visible;text-overflow:clip;}"
|
|
102361
102376
|
} : 0);
|
|
102362
102377
|
var SubCategoryList = /*#__PURE__*/createStyled("ul", true ? {
|
|
102363
|
-
target: "
|
|
102378
|
+
target: "e1mzewba2"
|
|
102364
102379
|
} : 0)( true ? {
|
|
102365
102380
|
name: "1tw3i3",
|
|
102366
102381
|
styles: "list-style:none;margin:10px 0 0 0;padding:0 0 0 8px;display:flex;flex-direction:column;gap:10px"
|
|
102367
102382
|
} : 0);
|
|
102368
102383
|
var SubCategoryItem = /*#__PURE__*/createStyled("li", true ? {
|
|
102369
|
-
target: "
|
|
102384
|
+
target: "e1mzewba1"
|
|
102370
102385
|
} : 0)("display:flex;", function (p) {
|
|
102371
102386
|
return p.$isHidden && "opacity: 0.4;";
|
|
102372
102387
|
}, " ", function (p) {
|
|
102373
102388
|
return p.$isEditing && "\n border: 1px dotted #bbb;\n padding: 5px;\n border-radius: 2px;\n ";
|
|
102374
102389
|
}, ";" + ( true ? "" : 0));
|
|
102375
102390
|
var SubCategoryLink = /*#__PURE__*/createStyled(LabelWithIcon, true ? {
|
|
102376
|
-
target: "
|
|
102391
|
+
target: "e1mzewba0"
|
|
102377
102392
|
} : 0)("font-size:14px;font-weight:400;line-height:1.3;color:var(--sub-cat-item-text);min-height:35px;padding:0 24px;", function (p) {
|
|
102378
102393
|
return p.$isEditing && "\n border: 1px dotted #aaa;\n padding: 4px 24px;\n border-radius: 2px;\n ";
|
|
102379
102394
|
}, " span:first-of-type{white-space:normal;overflow:visible;text-overflow:clip;}&:hover{color:var(--sub-cat-item-text-hover);text-decoration:underline;}&:focus-visible{color:var(--sub-cat-item-text-hover);}&:active{color:var(--sub-cat-item-text-hover);}" + ( true ? "" : 0));
|
|
@@ -102475,32 +102490,32 @@ SubCategory.propTypes = {
|
|
|
102475
102490
|
className: (external_prop_types_default()).string,
|
|
102476
102491
|
$isHidden: (external_prop_types_default()).bool
|
|
102477
102492
|
};
|
|
102478
|
-
;// ./src/components/top-navigation/navigation-panel/TopNavPanel.styled.
|
|
102493
|
+
;// ./src/components/top-navigation/navigation-panel/TopNavPanel.styled.js
|
|
102479
102494
|
|
|
102480
102495
|
function TopNavPanel_styled_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
102481
102496
|
var TopNavPanel_styled_TOKENS = "\n --top-nav-panel-bg: #ffffff;\n --top-nav-panel-border-top: #e5e5e5;\n --top-nav-panel-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\n --top-nav-panel-row-gap: 32px;\n";
|
|
102482
102497
|
var TopNavPanel_styled_MOBILE_MAX = "1023px";
|
|
102483
102498
|
var SectionPlaceholder = /*#__PURE__*/createStyled("div", true ? {
|
|
102484
|
-
target: "
|
|
102499
|
+
target: "e2i7hnz7"
|
|
102485
102500
|
} : 0)( true ? {
|
|
102486
102501
|
name: "1is75b4",
|
|
102487
102502
|
styles: "display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:0 0 220px;width:220px;min-height:160px;box-sizing:border-box;border:2px dashed #bbb;border-radius:6px;background:#fafafa;color:#aaa;font-size:12px;font-family:sans-serif;text-align:center;padding:16px;cursor:default;user-select:none;pointer-events:none;&::before{content:\"+\";display:block;width:28px;height:28px;line-height:26px;border:2px dashed #bbb;border-radius:50%;font-size:18px;color:#bbb;margin-bottom:4px;}"
|
|
102488
102503
|
} : 0);
|
|
102489
102504
|
var TopNavPanelRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
102490
|
-
target: "
|
|
102505
|
+
target: "e2i7hnz6"
|
|
102491
102506
|
} : 0)(TopNavPanel_styled_TOKENS, " display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;row-gap:var(--top-nav-panel-row-gap);width:100%;background:var(--top-nav-panel-bg);border-top:1px solid var(--top-nav-panel-border-top);box-shadow:var(--top-nav-panel-shadow);padding:24px 32px;box-sizing:border-box;@media (max-width: ", TopNavPanel_styled_MOBILE_MAX, "){flex-direction:column;row-gap:16px;padding:12px 0;border-top:none;box-shadow:none;}", function (p) {
|
|
102492
102507
|
return p.$isEditing && "\n outline: 1px dashed #bbb;\n outline-offset: -1px;\n flex-direction: row;\n flex-wrap: wrap;\n row-gap: var(--top-nav-panel-row-gap);\n padding: 24px 32px;\n border-top: 1px solid var(--top-nav-panel-border-top);\n box-shadow: var(--top-nav-panel-shadow);\n ";
|
|
102493
102508
|
}, ";" + ( true ? "" : 0));
|
|
102494
102509
|
|
|
102495
102510
|
/** Full-width bar shown above the panel in editing mode. */
|
|
102496
102511
|
var AuthorBar = /*#__PURE__*/createStyled("div", true ? {
|
|
102497
|
-
target: "
|
|
102512
|
+
target: "e2i7hnz5"
|
|
102498
102513
|
} : 0)( true ? {
|
|
102499
102514
|
name: "1xj5yw2",
|
|
102500
102515
|
styles: "width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;background:#f0eefe;border:1px solid #c4b9f5;border-radius:6px;font-family:sans-serif;font-size:12px;color:#3d2fa8;box-sizing:border-box;user-select:none"
|
|
102501
102516
|
} : 0);
|
|
102502
102517
|
var AuthorBarMessage = /*#__PURE__*/createStyled("span", true ? {
|
|
102503
|
-
target: "
|
|
102518
|
+
target: "e2i7hnz4"
|
|
102504
102519
|
} : 0)( true ? {
|
|
102505
102520
|
name: "zc1hyg",
|
|
102506
102521
|
styles: "display:flex;align-items:center;gap:8px;line-height:1.4;flex-shrink:1;min-width:0"
|
|
@@ -102508,7 +102523,7 @@ var AuthorBarMessage = /*#__PURE__*/createStyled("span", true ? {
|
|
|
102508
102523
|
|
|
102509
102524
|
/** Pill badge indicating the current author mode. */
|
|
102510
102525
|
var AuthorBarBadge = /*#__PURE__*/createStyled("span", true ? {
|
|
102511
|
-
target: "
|
|
102526
|
+
target: "e2i7hnz3"
|
|
102512
102527
|
} : 0)("flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;background:", function (p) {
|
|
102513
102528
|
return p.$live ? "#e6f9f0" : "#ede9fc";
|
|
102514
102529
|
}, ";color:", function (p) {
|
|
@@ -102519,7 +102534,7 @@ var AuthorBarBadge = /*#__PURE__*/createStyled("span", true ? {
|
|
|
102519
102534
|
return p.$live ? "#1a7a4a" : "#6d5ce7";
|
|
102520
102535
|
}, ";}" + ( true ? "" : 0));
|
|
102521
102536
|
var AuthorBarDetail = /*#__PURE__*/createStyled("span", true ? {
|
|
102522
|
-
target: "
|
|
102537
|
+
target: "e2i7hnz2"
|
|
102523
102538
|
} : 0)( true ? {
|
|
102524
102539
|
name: "12l0eqe",
|
|
102525
102540
|
styles: "font-size:12px;font-weight:400;color:#5a4fa0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
|
|
@@ -102527,13 +102542,13 @@ var AuthorBarDetail = /*#__PURE__*/createStyled("span", true ? {
|
|
|
102527
102542
|
|
|
102528
102543
|
/** Segmented pill toggle — wraps two AuthorBarToggleOption children. */
|
|
102529
102544
|
var AuthorBarToggle = /*#__PURE__*/createStyled("button", true ? {
|
|
102530
|
-
target: "
|
|
102545
|
+
target: "e2i7hnz1"
|
|
102531
102546
|
} : 0)( true ? {
|
|
102532
102547
|
name: "1hmj8vv",
|
|
102533
102548
|
styles: "display:flex;align-items:center;flex-shrink:0;background:#fff;border:1px solid #c4b9f5;border-radius:20px;padding:2px;cursor:pointer;font-family:sans-serif;font-size:11px;font-weight:600;white-space:nowrap;line-height:1;&:hover{border-color:#6d5ce7;}&:focus-visible{outline:2px solid #6d5ce7;outline-offset:2px;}"
|
|
102534
102549
|
} : 0);
|
|
102535
102550
|
var AuthorBarToggleOption = /*#__PURE__*/createStyled("span", true ? {
|
|
102536
|
-
target: "
|
|
102551
|
+
target: "e2i7hnz0"
|
|
102537
102552
|
} : 0)("padding:4px 10px;border-radius:16px;color:", function (p) {
|
|
102538
102553
|
return p.$active ? "#fff" : "#7b6fbe";
|
|
102539
102554
|
}, ";background:", function (p) {
|
|
@@ -103320,87 +103335,87 @@ function useEscapeToCloseModal(isModalOpen, setIsModalOpen) {
|
|
|
103320
103335
|
};
|
|
103321
103336
|
}, [isModalOpen, setIsModalOpen]);
|
|
103322
103337
|
}
|
|
103323
|
-
;// ./src/components/signup-signin/SignUpOrSignIn.styled.
|
|
103338
|
+
;// ./src/components/signup-signin/SignUpOrSignIn.styled.js
|
|
103324
103339
|
|
|
103325
103340
|
function SignUpOrSignIn_styled_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
103326
103341
|
var MOBILE_MAX_WIDTH_PX = 1024;
|
|
103327
103342
|
var SignUpOrSignInRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
103328
|
-
target: "
|
|
103343
|
+
target: "e110w5lj17"
|
|
103329
103344
|
} : 0)("--signin-text:#5f5f5f;--signin-hover-bg:#efefef;--signin-focus:#007bff;--signin-font:Lora,sans-serif;--signin-link-size:16px;--signin-link-weight:400;display:inline-flex;align-items:center;gap:0;border-radius:24px;padding:0;font-family:var(--signin-font);color:var(--signin-text);padding:4px 8px 4px 5px;@media (min-width: ", MOBILE_MAX_WIDTH_PX + 1, "px){height:31px;&:hover{background:var(--signin-hover-bg);}}.icon-container{line-height:1;font-size:0;}" + ( true ? "" : 0));
|
|
103330
103345
|
var SignTextLink = /*#__PURE__*/createStyled("span", true ? {
|
|
103331
|
-
target: "
|
|
103346
|
+
target: "e110w5lj16"
|
|
103332
103347
|
} : 0)("color:var(--signin-text);text-decoration:none;white-space:nowrap;cursor:pointer;font-size:16px;line-height:22px;@media (min-width: ", MOBILE_MAX_WIDTH_PX + 1, "px){text-underline-offset:2px;text-decoration-thickness:1px;}&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}" + ( true ? "" : 0));
|
|
103333
103348
|
var SignUpLink = /*#__PURE__*/createStyled("button", true ? {
|
|
103334
|
-
target: "
|
|
103349
|
+
target: "e110w5lj15"
|
|
103335
103350
|
} : 0)("&&{color:var(--signin-text);text-decoration:none;white-space:nowrap;appearance:none;border:0;background:transparent;font-family:var(--signin-font);font-size:var(--signin-link-size);font-weight:var(--signin-link-weight);line-height:22px;padding:0;text-align:left;cursor:pointer;}&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}@media (max-width: ", MOBILE_MAX_WIDTH_PX, "px){display:none;}@media (min-width: ", MOBILE_MAX_WIDTH_PX + 1, "px){display:inline-flex;align-items:center;margin:0;&:hover,&:focus-visible{text-decoration:underline;}}" + ( true ? "" : 0));
|
|
103336
103351
|
var SignInLink = /*#__PURE__*/createStyled("button", true ? {
|
|
103337
|
-
target: "
|
|
103352
|
+
target: "e110w5lj14"
|
|
103338
103353
|
} : 0)("&&{color:var(--signin-text);text-decoration:none;white-space:nowrap;appearance:none;border:0;background:transparent;font-family:var(--signin-font);font-size:var(--signin-link-size);font-weight:var(--signin-link-weight);line-height:22px;padding:0;text-align:left;cursor:pointer;}@media (min-width: ", MOBILE_MAX_WIDTH_PX + 1, "px){display:inline-flex;align-items:center;color:var(--signin-text);padding:1px 4px;text-underline-offset:2px;text-decoration-thickness:1px;}&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}@media (min-width: ", MOBILE_MAX_WIDTH_PX + 1, "px){&:hover,&:focus-visible{text-decoration:underline;}}" + ( true ? "" : 0));
|
|
103339
103354
|
var Divider = /*#__PURE__*/createStyled("span", true ? {
|
|
103340
|
-
target: "
|
|
103355
|
+
target: "e110w5lj13"
|
|
103341
103356
|
} : 0)("color:var(--signin-text);@media (max-width: ", MOBILE_MAX_WIDTH_PX, "px){display:none;}@media (min-width: ", MOBILE_MAX_WIDTH_PX + 1, "px){display:inline-flex;align-items:center;padding:0 6px;font-size:20px;line-height:1;}" + ( true ? "" : 0));
|
|
103342
103357
|
var IconWrap = /*#__PURE__*/createStyled("span", true ? {
|
|
103343
|
-
target: "
|
|
103358
|
+
target: "e110w5lj12"
|
|
103344
103359
|
} : 0)("display:inline-flex;align-items:center;justify-content:center;line-height:0;font-size:0;margin-right:4px;@media (max-width: ", MOBILE_MAX_WIDTH_PX, "px){display:none;}" + ( true ? "" : 0));
|
|
103345
103360
|
var MobileAuthModalBackdrop = /*#__PURE__*/createStyled("div", true ? {
|
|
103346
|
-
target: "
|
|
103361
|
+
target: "e110w5lj11"
|
|
103347
103362
|
} : 0)("display:none;@media (max-width: ", MOBILE_MAX_WIDTH_PX, "px){display:grid;place-items:center;position:fixed;inset:0;background:rgba(0, 0, 0, 0.45);z-index:1200;padding:12px;overflow-y:auto;}" + ( true ? "" : 0));
|
|
103348
103363
|
var MobileAuthModal = /*#__PURE__*/createStyled("dialog", true ? {
|
|
103349
|
-
target: "
|
|
103364
|
+
target: "e110w5lj10"
|
|
103350
103365
|
} : 0)("display:none;border:0;margin:0;@media (max-width: ", MOBILE_MAX_WIDTH_PX, "px){display:flex;flex-direction:column;width:min(90vw, 520px);max-width:100%;background:#ffffff;border-radius:26px;padding:0;gap:0;position:relative;box-shadow:0 10px 28px rgba(0, 0, 0, 0.24);box-sizing:border-box;overflow:hidden;}@media (max-width: 768px){width:min(92vw, 460px);}@media (max-width: 425px){width:calc(100vw - 20px);max-width:none;border-radius:22px;}@media (max-width: 375px){width:calc(100vw - 16px);max-width:none;border-radius:20px;}@media (min-width: 768px) and (max-width: ", MOBILE_MAX_WIDTH_PX, "px){width:min(78vw, 500px);border:1px solid #d8d8d8;}" + ( true ? "" : 0));
|
|
103351
103366
|
var ModalHeaderRow = /*#__PURE__*/createStyled("div", true ? {
|
|
103352
|
-
target: "
|
|
103367
|
+
target: "e110w5lj9"
|
|
103353
103368
|
} : 0)( true ? {
|
|
103354
103369
|
name: "wbibpl",
|
|
103355
103370
|
styles: "display:flex;align-items:flex-start;justify-content:flex-end;width:100%;min-height:44px;padding:12px 18px 0;box-sizing:border-box"
|
|
103356
103371
|
} : 0);
|
|
103357
103372
|
var ModalTitle = /*#__PURE__*/createStyled("h2", true ? {
|
|
103358
|
-
target: "
|
|
103373
|
+
target: "e110w5lj8"
|
|
103359
103374
|
} : 0)( true ? {
|
|
103360
103375
|
name: "1m9bk8n",
|
|
103361
103376
|
styles: "margin:0;color:#252525;font-family:var(--signin-font);font-size:22px;line-height:28px;font-weight:400"
|
|
103362
103377
|
} : 0);
|
|
103363
103378
|
var ModalCancelButton = /*#__PURE__*/createStyled("button", true ? {
|
|
103364
|
-
target: "
|
|
103379
|
+
target: "e110w5lj7"
|
|
103365
103380
|
} : 0)( true ? {
|
|
103366
103381
|
name: "u33vv4",
|
|
103367
103382
|
styles: "appearance:none;border:0;padding:0;margin:0;background:transparent;color:#8f8f8f;font-family:var(--signin-font);font-size:28px;line-height:24px;font-weight:400;min-width:24px;min-height:24px;cursor:pointer;&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}"
|
|
103368
103383
|
} : 0);
|
|
103369
103384
|
var ModalContent = /*#__PURE__*/createStyled("div", true ? {
|
|
103370
|
-
target: "
|
|
103385
|
+
target: "e110w5lj6"
|
|
103371
103386
|
} : 0)( true ? {
|
|
103372
103387
|
name: "150yav4",
|
|
103373
103388
|
styles: "display:flex;flex-direction:column;width:100%;gap:0;padding:0 26px 26px;box-sizing:border-box;@media (max-width: 425px){padding:0 18px 20px;}"
|
|
103374
103389
|
} : 0);
|
|
103375
103390
|
var ModalSections = /*#__PURE__*/createStyled("div", true ? {
|
|
103376
|
-
target: "
|
|
103391
|
+
target: "e110w5lj5"
|
|
103377
103392
|
} : 0)( true ? {
|
|
103378
103393
|
name: "dbqp8z",
|
|
103379
103394
|
styles: "display:flex;flex-direction:column;width:100%;gap:0;box-sizing:border-box"
|
|
103380
103395
|
} : 0);
|
|
103381
103396
|
var ModalSection = /*#__PURE__*/createStyled("section", true ? {
|
|
103382
|
-
target: "
|
|
103397
|
+
target: "e110w5lj4"
|
|
103383
103398
|
} : 0)( true ? {
|
|
103384
103399
|
name: "phcu5u",
|
|
103385
103400
|
styles: "padding:6px 0 0;display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box;&:first-of-type{padding-bottom:18px;border-bottom:0.5px solid #252525;margin-bottom:18px;}@media (min-width: 769px){&:first-of-type{border-bottom:0;}}"
|
|
103386
103401
|
} : 0);
|
|
103387
103402
|
var SectionTitle = /*#__PURE__*/createStyled("h3", true ? {
|
|
103388
|
-
target: "
|
|
103403
|
+
target: "e110w5lj3"
|
|
103389
103404
|
} : 0)( true ? {
|
|
103390
103405
|
name: "1kyoijh",
|
|
103391
103406
|
styles: "margin:0;color:#252525;font-family:var(--signin-font);font-size:18px;line-height:22px;font-weight:600;text-transform:uppercase"
|
|
103392
103407
|
} : 0);
|
|
103393
103408
|
var SectionMessage = /*#__PURE__*/createStyled("p", true ? {
|
|
103394
|
-
target: "
|
|
103409
|
+
target: "e110w5lj2"
|
|
103395
103410
|
} : 0)( true ? {
|
|
103396
103411
|
name: "18ee69d",
|
|
103397
103412
|
styles: "margin:0;color:#000000de;font-family:var(--signin-font);font-size:16px;line-height:22px;font-weight:400;overflow-wrap:anywhere"
|
|
103398
103413
|
} : 0);
|
|
103399
103414
|
var PrimaryButton = /*#__PURE__*/createStyled("button", true ? {
|
|
103400
|
-
target: "
|
|
103415
|
+
target: "e110w5lj1"
|
|
103401
103416
|
} : 0)("width:100%;min-height:44px;border-radius:4px;border:0;background:#252525;color:#ffffff;font-family:var(--signin-font);font-size:16px;line-height:22px;font-weight:600;cursor:pointer;box-sizing:border-box;&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}@media (max-width: ", MOBILE_MAX_WIDTH_PX, "px){&:hover{background:#de3d49;}&:active{background:#0d0e0d;}&:focus{outline:2px solid #0d0e0d;outline-offset:2px;background:#;}&:active:focus{box-shadow:0 0 0 0.2rem rgba(69, 69, 69, 0.5);}}" + ( true ? "" : 0));
|
|
103402
103417
|
var OutlinedButton = /*#__PURE__*/createStyled("button", true ? {
|
|
103403
|
-
target: "
|
|
103418
|
+
target: "e110w5lj0"
|
|
103404
103419
|
} : 0)( true ? {
|
|
103405
103420
|
name: "16bjh6l",
|
|
103406
103421
|
styles: "appearance:none;width:100%;min-height:44px;border-radius:4px;border:1px solid #252525;background:#ffffff;color:#252525;font-family:var(--signin-font);font-size:16px;line-height:22px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;&:hover{background:#ffffff;color:#8c8c8c;border:1px solid #8c8c8c;}&:active:focus{color:#5f5f5f;background:#ffffff;border:1px solid #94d6e9;}&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}"
|
|
@@ -103646,10 +103661,10 @@ HeaderAccountRegion.propTypes = {
|
|
|
103646
103661
|
sign_in_url: (external_prop_types_default()).object
|
|
103647
103662
|
})
|
|
103648
103663
|
};
|
|
103649
|
-
;// ./src/components/cart/Cart.styled.
|
|
103664
|
+
;// ./src/components/cart/Cart.styled.js
|
|
103650
103665
|
|
|
103651
103666
|
var CartIconWrapper = /*#__PURE__*/createStyled("div", true ? {
|
|
103652
|
-
target: "
|
|
103667
|
+
target: "e1157io20"
|
|
103653
103668
|
} : 0)("display:flex;align-items:center;position:relative;background:none;border:none;padding:0;font:inherit;", function (_ref) {
|
|
103654
103669
|
var isEditing = _ref.isEditing;
|
|
103655
103670
|
return isEditing && "\n & > * {\n pointer-events: none;\n }\n ";
|
|
@@ -103662,6 +103677,7 @@ var DEFAULT_ITEM_COUNT = 0;
|
|
|
103662
103677
|
var DEFAULT_ARIA_LABEL = "Shopping cart";
|
|
103663
103678
|
var DEFAULT_SHOW_CART_ICON = true;
|
|
103664
103679
|
var DEFAULT_SHOW_CART_COUNT = true;
|
|
103680
|
+
var MOBILE_BREAKPOINT = 768;
|
|
103665
103681
|
// EXTERNAL MODULE: ./node_modules/pubsub-js/src/pubsub.js
|
|
103666
103682
|
var pubsub = __webpack_require__(3224);
|
|
103667
103683
|
var pubsub_default = /*#__PURE__*/__webpack_require__.n(pubsub);
|
|
@@ -103694,21 +103710,23 @@ function unSubscribeEvent(token) {
|
|
|
103694
103710
|
*/
|
|
103695
103711
|
var PUBSUB = {
|
|
103696
103712
|
// [ACTIVE] Header MFE publishes when cart icon clicked
|
|
103697
|
-
TOGGLE_MINI_CART:
|
|
103713
|
+
TOGGLE_MINI_CART: "ToggleMiniCart",
|
|
103698
103714
|
// [RESERVED] Cart MFE publishes when mini cart closes
|
|
103699
|
-
MINI_CART_CLOSED:
|
|
103715
|
+
MINI_CART_CLOSED: "MiniCartClosed",
|
|
103700
103716
|
// [ACTIVE] Header MFE subscribes to update cart badge
|
|
103701
|
-
CART_COUNT_UPDATED:
|
|
103717
|
+
CART_COUNT_UPDATED: "CartCountUpdated",
|
|
103702
103718
|
// [RESERVED] Storefront publishes on cart mutations
|
|
103703
|
-
CART_DATA_UPDATED:
|
|
103719
|
+
CART_DATA_UPDATED: "CartDataUpdated",
|
|
103704
103720
|
// [RESERVED] Storefront publishes on add-to-cart
|
|
103705
|
-
ADD_TO_CART:
|
|
103721
|
+
ADD_TO_CART: "AddToCart",
|
|
103706
103722
|
// [RESERVED] Storefront publishes on add-to-cart failure
|
|
103707
|
-
ADD_TO_CART_FAILURE:
|
|
103723
|
+
ADD_TO_CART_FAILURE: "AddToCartFailure",
|
|
103708
103724
|
// [RESERVED] For future auth/logout flows
|
|
103709
|
-
SIGN_OUT:
|
|
103725
|
+
SIGN_OUT: "SignOut",
|
|
103710
103726
|
// [RESERVED] For cross-MFE navigation
|
|
103711
|
-
INTERNAL_ROUTING:
|
|
103727
|
+
INTERNAL_ROUTING: "InternalRouting",
|
|
103728
|
+
// [ACTIVE] Header MFE publishes when cart clicked from checkout page
|
|
103729
|
+
NAVIGATE_TO_VIEW_CART: "NavigateToViewCart"
|
|
103712
103730
|
};
|
|
103713
103731
|
;// ./src/components/cart/Cart.jsx
|
|
103714
103732
|
function Cart_typeof(o) { "@babel/helpers - typeof"; return Cart_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, Cart_typeof(o); }
|
|
@@ -103745,7 +103763,7 @@ function Cart(_ref) {
|
|
|
103745
103763
|
(0,external_react_.useEffect)(function () {
|
|
103746
103764
|
var token = subscribe(PUBSUB.CART_COUNT_UPDATED, function (topic, data) {
|
|
103747
103765
|
var newCount = data === null || data === void 0 ? void 0 : data.cartCount;
|
|
103748
|
-
if (typeof newCount ===
|
|
103766
|
+
if (typeof newCount === "number" && !isNaN(newCount) && newCount >= 0) {
|
|
103749
103767
|
setItemCount(newCount);
|
|
103750
103768
|
}
|
|
103751
103769
|
});
|
|
@@ -103760,6 +103778,27 @@ function Cart(_ref) {
|
|
|
103760
103778
|
if (editing) {
|
|
103761
103779
|
return;
|
|
103762
103780
|
}
|
|
103781
|
+
if (typeof window !== "undefined") {
|
|
103782
|
+
var pathname = window.location.pathname;
|
|
103783
|
+
var isMobile = window.innerWidth < MOBILE_BREAKPOINT;
|
|
103784
|
+
var isViewCartPage = pathname.includes("/viewCart");
|
|
103785
|
+
var isCheckoutPage = pathname.includes("/checkout") || pathname.includes("/expressCheckout") || pathname.includes("/subscriptionCheckout");
|
|
103786
|
+
if (isViewCartPage) {
|
|
103787
|
+
return;
|
|
103788
|
+
}
|
|
103789
|
+
if (isMobile) {
|
|
103790
|
+
publish(PUBSUB.NAVIGATE_TO_VIEW_CART, {
|
|
103791
|
+
fromMobile: true
|
|
103792
|
+
});
|
|
103793
|
+
return;
|
|
103794
|
+
}
|
|
103795
|
+
if (isCheckoutPage) {
|
|
103796
|
+
publish(PUBSUB.NAVIGATE_TO_VIEW_CART, {
|
|
103797
|
+
fromCheckout: true
|
|
103798
|
+
});
|
|
103799
|
+
return;
|
|
103800
|
+
}
|
|
103801
|
+
}
|
|
103763
103802
|
publish(PUBSUB.TOGGLE_MINI_CART, {
|
|
103764
103803
|
isVisible: true
|
|
103765
103804
|
});
|
|
@@ -103768,13 +103807,14 @@ function Cart(_ref) {
|
|
|
103768
103807
|
as: "button",
|
|
103769
103808
|
type: "button",
|
|
103770
103809
|
"data-testid": "cart",
|
|
103810
|
+
"data-gtm-cart": true,
|
|
103771
103811
|
"aria-label": ariaLabel,
|
|
103772
103812
|
showCartCount: showCartCount,
|
|
103773
103813
|
isEditing: editing,
|
|
103774
103814
|
onClick: handleClick,
|
|
103775
103815
|
tabIndex: editing ? -1 : 0,
|
|
103776
103816
|
style: {
|
|
103777
|
-
cursor: editing ?
|
|
103817
|
+
cursor: editing ? "default" : "pointer"
|
|
103778
103818
|
}
|
|
103779
103819
|
}, $ || {}), {}, {
|
|
103780
103820
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsCartIcon, {
|
|
@@ -103807,8 +103847,8 @@ function HeaderCartRegion(_ref) {
|
|
|
103807
103847
|
var _data$show_cart_icon, _data$show_cart_count, _data$item_count;
|
|
103808
103848
|
var data = _ref.data,
|
|
103809
103849
|
parent$ = _ref.parent$;
|
|
103810
|
-
var showCartIcon = (_data$show_cart_icon = data === null || data === void 0 ? void 0 : data.show_cart_icon) !== null && _data$show_cart_icon !== void 0 ? _data$show_cart_icon :
|
|
103811
|
-
var showCartCount = (_data$show_cart_count = data === null || data === void 0 ? void 0 : data.show_cart_count) !== null && _data$show_cart_count !== void 0 ? _data$show_cart_count :
|
|
103850
|
+
var showCartIcon = (_data$show_cart_icon = data === null || data === void 0 ? void 0 : data.show_cart_icon) !== null && _data$show_cart_icon !== void 0 ? _data$show_cart_icon : true;
|
|
103851
|
+
var showCartCount = (_data$show_cart_count = data === null || data === void 0 ? void 0 : data.show_cart_count) !== null && _data$show_cart_count !== void 0 ? _data$show_cart_count : true;
|
|
103812
103852
|
var itemCount = (_data$item_count = data === null || data === void 0 ? void 0 : data.item_count) !== null && _data$item_count !== void 0 ? _data$item_count : 0;
|
|
103813
103853
|
return /*#__PURE__*/(0,jsx_runtime_.jsx)(Cart, {
|
|
103814
103854
|
itemCount: itemCount,
|
|
@@ -106606,18 +106646,18 @@ AutoComplete.propTypes = {
|
|
|
106606
106646
|
};
|
|
106607
106647
|
// EXTERNAL MODULE: ./node_modules/@mui/material/Button/Button.js
|
|
106608
106648
|
var Button = __webpack_require__(1629);
|
|
106609
|
-
;// ./src/components/button/CancelButton.styled.
|
|
106649
|
+
;// ./src/components/button/CancelButton.styled.js
|
|
106610
106650
|
|
|
106611
106651
|
|
|
106612
106652
|
var CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX = 1025;
|
|
106613
106653
|
var CancelButtonRoot = /*#__PURE__*/createStyled(Button/* default */.A, true ? {
|
|
106614
|
-
target: "
|
|
106654
|
+
target: "e14ebckh2"
|
|
106615
106655
|
} : 0)("--close-btn-font-family:Lora,sans-serif;--close-btn-desktop-text:#252525;--close-btn-hover-bg:#ebebeb;--close-btn-active-bg:#dcdcdc;min-width:48px;min-height:20px;padding:0;border:0;border-radius:0;text-transform:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--close-btn-desktop-text);font-family:var(--close-btn-font-family);font-size:14px;font-weight:600;line-height:20px;letter-spacing:0;transition:background-color 300ms ease-out;&:hover{background:transparent;}&:focus-visible{outline:1px solid #007bff;outline-offset:1px;}@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){min-width:115px;min-height:44px;padding:11px 17px;border-radius:22px;font-size:16px;font-weight:500;line-height:22px;&:hover{background:var(--close-btn-hover-bg);}&:active{background:var(--close-btn-active-bg);}}" + ( true ? "" : 0));
|
|
106616
106656
|
var CancelButtonIconWrap = /*#__PURE__*/createStyled("span", true ? {
|
|
106617
|
-
target: "
|
|
106657
|
+
target: "e14ebckh1"
|
|
106618
106658
|
} : 0)("width:20px;height:20px;display:none;align-items:center;justify-content:center;line-height:0;svg{width:20px;height:20px;display:block;}@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){display:inline-flex;}" + ( true ? "" : 0));
|
|
106619
106659
|
var CancelButtonText = /*#__PURE__*/createStyled("span", true ? {
|
|
106620
|
-
target: "
|
|
106660
|
+
target: "e14ebckh0"
|
|
106621
106661
|
} : 0)("display:inline-block;min-width:48px;line-height:inherit;text-decoration:none;text-underline-offset:2px;text-decoration-thickness:1px;@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){min-width:53px;}", CancelButtonRoot, ":hover &{@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){text-decoration:underline;}}", CancelButtonRoot, ":active &{@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){text-decoration:none;}}" + ( true ? "" : 0));
|
|
106622
106662
|
;// ./src/components/button/CancelButton.jsx
|
|
106623
106663
|
function CancelButton_typeof(o) { "@babel/helpers - typeof"; return CancelButton_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, CancelButton_typeof(o); }
|
|
@@ -106682,7 +106722,7 @@ CancelButton.propTypes = {
|
|
|
106682
106722
|
showIcon: (external_prop_types_default()).bool,
|
|
106683
106723
|
parent$: (external_prop_types_default()).object
|
|
106684
106724
|
};
|
|
106685
|
-
;// ./src/components/modal/SearchModal.styled.
|
|
106725
|
+
;// ./src/components/modal/SearchModal.styled.js
|
|
106686
106726
|
|
|
106687
106727
|
function SearchModal_styled_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
106688
106728
|
var SearchModal_styled_colors = {
|
|
@@ -106692,61 +106732,61 @@ var SearchModal_styled_colors = {
|
|
|
106692
106732
|
muted: "#6b7280"
|
|
106693
106733
|
};
|
|
106694
106734
|
var MobileSearchButton = /*#__PURE__*/createStyled("button", true ? {
|
|
106695
|
-
target: "
|
|
106735
|
+
target: "ehota0013"
|
|
106696
106736
|
} : 0)( true ? {
|
|
106697
106737
|
name: "1ff2nft",
|
|
106698
106738
|
styles: "display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;padding:0;cursor:pointer;color:inherit;svg{width:24px;height:24px;}@media (min-width: 1024px){display:none;}"
|
|
106699
106739
|
} : 0);
|
|
106700
106740
|
var DesktopSearchWrapper = /*#__PURE__*/createStyled("button", true ? {
|
|
106701
|
-
target: "
|
|
106741
|
+
target: "ehota0012"
|
|
106702
106742
|
} : 0)("display:none;align-items:center;width:100%;border:1px solid ", SearchModal_styled_colors.border, ";border-radius:999px;background:", SearchModal_styled_colors.surface, ";min-height:46px;margin-left:auto;padding:0 5px 0 3px;box-sizing:border-box;overflow:hidden;&:focus{outline:none;}&:focus-visible{outline:2px solid currentColor;outline-offset:-2px;border-radius:999px;}@media (min-width: 1024px){display:flex;width:", function (_ref) {
|
|
106703
106743
|
var $sizeVariant = _ref.$sizeVariant;
|
|
106704
106744
|
return $sizeVariant === "full" ? "100%" : "min(100%, 320px)";
|
|
106705
106745
|
}, ";cursor:pointer;transition:background-color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease;min-height:32px;&:hover{background:#f3f4f6;}&:hover>[data-testid=\"search-trigger-input\"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;}&:focus-visible{border-color:", SearchModal_styled_colors.muted, ";box-shadow:0 0 0 1px rgba(17, 24, 39, 0.08);}}" + ( true ? "" : 0));
|
|
106706
106746
|
var DesktopTriggerInput = /*#__PURE__*/createStyled("span", true ? {
|
|
106707
|
-
target: "
|
|
106747
|
+
target: "ehota0011"
|
|
106708
106748
|
} : 0)("flex:1;min-width:0;padding:8px 0;font-size:16px;line-height:22px;color:", SearchModal_styled_colors.muted, ";cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" + ( true ? "" : 0));
|
|
106709
106749
|
var DesktopTriggerSparkleSlot = /*#__PURE__*/createStyled("span", true ? {
|
|
106710
|
-
target: "
|
|
106750
|
+
target: "ehota0010"
|
|
106711
106751
|
} : 0)( true ? {
|
|
106712
106752
|
name: "q79a68",
|
|
106713
106753
|
styles: "flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 8px 0 4px;svg,img{width:18px;height:26px;object-fit:contain;display:block;}"
|
|
106714
106754
|
} : 0);
|
|
106715
106755
|
var DesktopTriggerIconButton = /*#__PURE__*/createStyled("span", true ? {
|
|
106716
|
-
target: "
|
|
106756
|
+
target: "ehota009"
|
|
106717
106757
|
} : 0)( true ? {
|
|
106718
106758
|
name: "1oufgfl",
|
|
106719
106759
|
styles: "flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 5px 0 16px;padding:0;color:#64686f;svg,img{width:22px;height:22px;object-fit:contain;}"
|
|
106720
106760
|
} : 0);
|
|
106721
106761
|
var ModalOverlay = /*#__PURE__*/createStyled("div", true ? {
|
|
106722
|
-
target: "
|
|
106762
|
+
target: "ehota008"
|
|
106723
106763
|
} : 0)( true ? {
|
|
106724
106764
|
name: "15ant65",
|
|
106725
106765
|
styles: "position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:stretch;overflow:hidden"
|
|
106726
106766
|
} : 0);
|
|
106727
106767
|
var ModalPanel = /*#__PURE__*/createStyled("dialog", true ? {
|
|
106728
|
-
target: "
|
|
106768
|
+
target: "ehota007"
|
|
106729
106769
|
} : 0)("box-sizing:border-box;background:", SearchModal_styled_colors.surface, ";width:100%;flex:1;min-height:100%;padding:12px 16px;display:flex;flex-direction:column;gap:30px;box-shadow:0 4px 24px rgba(0, 0, 0, 0.08);border:none;margin:0;max-width:none;max-height:none;@media (max-width: 767px){padding:30px 0;}@media (min-width: 768px) and (max-width: 1023px){padding:30px 0 35px;}@media (min-width: 1024px){flex:0 0 auto;min-height:unset;padding:20px clamp(12px, 4vw, 32px) 45px;}" + ( true ? "" : 0));
|
|
106730
106770
|
var ModalTopBar = /*#__PURE__*/createStyled("div", true ? {
|
|
106731
|
-
target: "
|
|
106771
|
+
target: "ehota006"
|
|
106732
106772
|
} : 0)( true ? {
|
|
106733
106773
|
name: "19ii5hn",
|
|
106734
106774
|
styles: "display:none;align-items:center;justify-content:space-between;width:100%;@media (min-width: 1024px){display:flex;}"
|
|
106735
106775
|
} : 0);
|
|
106736
106776
|
var SearchModal_styled_LogoSlot = /*#__PURE__*/createStyled("div", true ? {
|
|
106737
|
-
target: "
|
|
106777
|
+
target: "ehota005"
|
|
106738
106778
|
} : 0)( true ? {
|
|
106739
106779
|
name: "ou8xsw",
|
|
106740
106780
|
styles: "flex:0 0 auto"
|
|
106741
106781
|
} : 0);
|
|
106742
106782
|
var SearchRow = /*#__PURE__*/createStyled("div", true ? {
|
|
106743
|
-
target: "
|
|
106783
|
+
target: "ehota004"
|
|
106744
106784
|
} : 0)( true ? {
|
|
106745
106785
|
name: "vg66lk",
|
|
106746
106786
|
styles: "display:flex;align-items:flex-start;gap:12px;width:100%;@media (max-width: 1023px){align-items:center;}"
|
|
106747
106787
|
} : 0);
|
|
106748
106788
|
var MobileCancelSlot = /*#__PURE__*/createStyled("div", true ? {
|
|
106749
|
-
target: "
|
|
106789
|
+
target: "ehota003"
|
|
106750
106790
|
} : 0)( true ? {
|
|
106751
106791
|
name: "kob85u",
|
|
106752
106792
|
styles: "flex-shrink:0;display:flex;align-items:center;@media (min-width: 1024px){display:none;}"
|
|
@@ -106754,19 +106794,19 @@ var MobileCancelSlot = /*#__PURE__*/createStyled("div", true ? {
|
|
|
106754
106794
|
|
|
106755
106795
|
/** Wraps the fallback search form so Cancel stays on the same row as the input (mobile). */
|
|
106756
106796
|
var SearchFormGrow = /*#__PURE__*/createStyled("div", true ? {
|
|
106757
|
-
target: "
|
|
106797
|
+
target: "ehota002"
|
|
106758
106798
|
} : 0)( true ? {
|
|
106759
106799
|
name: "fxp7t8",
|
|
106760
106800
|
styles: "flex:1;min-width:0"
|
|
106761
106801
|
} : 0);
|
|
106762
106802
|
var AutoCompleteWrapper = /*#__PURE__*/createStyled("div", true ? {
|
|
106763
|
-
target: "
|
|
106803
|
+
target: "ehota001"
|
|
106764
106804
|
} : 0)( true ? {
|
|
106765
106805
|
name: "1g4wbcn",
|
|
106766
106806
|
styles: "width:100%;min-width:0;@media (min-width: 1024px){max-width:860px;margin:0 auto;}ul li span{white-space:normal;word-break:break-word;overflow-wrap:anywhere;min-width:0;}form:hover input::placeholder,form:hover [data-testid=\"autocomplete-rotating-placeholder\"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;}form:focus-within input,form:focus-within input::placeholder{text-decoration:none;}form:focus-within [data-testid=\"autocomplete-rotating-placeholder\"]{text-decoration:none;}"
|
|
106767
106807
|
} : 0);
|
|
106768
106808
|
var SearchForm = /*#__PURE__*/createStyled("form", true ? {
|
|
106769
|
-
target: "
|
|
106809
|
+
target: "ehota000"
|
|
106770
106810
|
} : 0)( true ? {
|
|
106771
106811
|
name: "1lnhxsx",
|
|
106772
106812
|
styles: "box-sizing:border-box;width:100%;min-width:0;@media (min-width: 1024px){max-width:860px;margin:0 auto;}& div:focus-within [data-placeholder=\"true\"],& div:focus-within input{text-decoration:none;}& div:hover [data-placeholder=\"true\"],& div:hover input{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;}"
|
|
@@ -109566,7 +109606,7 @@ function marketSelectorWindow_navigateToPath(path) {
|
|
|
109566
109606
|
}
|
|
109567
109607
|
browserWindow.location.assign(path);
|
|
109568
109608
|
}
|
|
109569
|
-
;// ./src/components/market-selector/MarketSelector.styled.
|
|
109609
|
+
;// ./src/components/market-selector/MarketSelector.styled.js
|
|
109570
109610
|
|
|
109571
109611
|
function MarketSelector_styled_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
109572
109612
|
|
|
@@ -109575,61 +109615,61 @@ var DESKTOP_MIN_WIDTH_PX = 1025;
|
|
|
109575
109615
|
|
|
109576
109616
|
/** Full-screen market modal layer (above mobile drawer z-index 9999). */
|
|
109577
109617
|
var MobileMarketFullScreenRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
109578
|
-
target: "
|
|
109618
|
+
target: "e1u480zk37"
|
|
109579
109619
|
} : 0)( true ? {
|
|
109580
109620
|
name: "1n6oz2n",
|
|
109581
109621
|
styles: "position:fixed;inset:0;z-index:10050;background:#ffffff;display:flex;flex-direction:column;box-sizing:border-box;transform:translateX(15%);opacity:0;transition:transform 220ms ease-out,opacity 220ms ease-out;&[data-state=\"open\"]{transform:translateX(0);opacity:1;}"
|
|
109582
109622
|
} : 0);
|
|
109583
109623
|
var MobileMarketDialogInner = /*#__PURE__*/createStyled("dialog", true ? {
|
|
109584
|
-
target: "
|
|
109624
|
+
target: "e1u480zk36"
|
|
109585
109625
|
} : 0)( true ? {
|
|
109586
109626
|
name: "1d69jno",
|
|
109587
109627
|
styles: "margin:0;padding:0;border:0;width:100%;height:100%;max-width:none;max-height:none;background:#ffffff;display:flex;flex-direction:column;overflow:hidden"
|
|
109588
109628
|
} : 0);
|
|
109589
109629
|
var MobileStickyHeaderContainer = /*#__PURE__*/createStyled("div", true ? {
|
|
109590
|
-
target: "
|
|
109630
|
+
target: "e1u480zk35"
|
|
109591
109631
|
} : 0)( true ? {
|
|
109592
109632
|
name: "50r0ag",
|
|
109593
109633
|
styles: "position:sticky;top:0;z-index:2;width:100%;max-width:100%;min-height:110px;height:auto;padding-top:66px;padding-bottom:16px;background:#ffffff;box-sizing:border-box"
|
|
109594
109634
|
} : 0);
|
|
109595
109635
|
var MobileCompactHeaderRow = /*#__PURE__*/createStyled("header", true ? {
|
|
109596
|
-
target: "
|
|
109636
|
+
target: "e1u480zk34"
|
|
109597
109637
|
} : 0)( true ? {
|
|
109598
109638
|
name: "1ilqple",
|
|
109599
109639
|
styles: "flex-shrink:0;box-sizing:border-box;width:100%;max-width:100%;min-height:28px;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding-left:20px;padding-right:20px"
|
|
109600
109640
|
} : 0);
|
|
109601
109641
|
var MobileCompactTitle = /*#__PURE__*/createStyled("h2", true ? {
|
|
109602
|
-
target: "
|
|
109642
|
+
target: "e1u480zk33"
|
|
109603
109643
|
} : 0)( true ? {
|
|
109604
109644
|
name: "1a3y3ud",
|
|
109605
109645
|
styles: "margin:0;flex:1 1 0%;min-width:0;height:auto;min-height:28px;line-height:28px;font-family:Lora,sans-serif;font-weight:400;font-size:22px;color:#252525;text-align:left;white-space:normal;overflow:visible;overflow-wrap:break-word;word-break:normal"
|
|
109606
109646
|
} : 0);
|
|
109607
109647
|
var MobileModalHeaderCancelWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109608
|
-
target: "
|
|
109648
|
+
target: "e1u480zk32"
|
|
109609
109649
|
} : 0)( true ? {
|
|
109610
109650
|
name: "18ccq6t",
|
|
109611
109651
|
styles: "flex:0 0 auto;flex-shrink:0;margin-left:auto;height:auto;min-height:28px;display:flex;justify-content:flex-end;align-items:center;.market-selector-mobile-header-cancel{width:auto;max-width:none;min-width:0;min-height:28px;border-radius:20px;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:0;justify-content:flex-end;}.market-selector-mobile-header-cancel.MuiButton-root{min-width:0;}.market-selector-mobile-header-cancel span{min-width:0;white-space:nowrap;}"
|
|
109612
109652
|
} : 0);
|
|
109613
109653
|
var MobileModalScrollContent = /*#__PURE__*/createStyled("div", true ? {
|
|
109614
|
-
target: "
|
|
109654
|
+
target: "e1u480zk31"
|
|
109615
109655
|
} : 0)( true ? {
|
|
109616
109656
|
name: "1q7526u",
|
|
109617
109657
|
styles: "flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{width:0;height:0;display:none;}"
|
|
109618
109658
|
} : 0);
|
|
109619
109659
|
var MobileRememberControlsWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109620
|
-
target: "
|
|
109660
|
+
target: "e1u480zk30"
|
|
109621
109661
|
} : 0)( true ? {
|
|
109622
109662
|
name: "iz1eca",
|
|
109623
109663
|
styles: "width:100%;max-width:100%;box-sizing:border-box;padding:0 20px"
|
|
109624
109664
|
} : 0);
|
|
109625
109665
|
var MobileRememberControls = /*#__PURE__*/createStyled("div", true ? {
|
|
109626
|
-
target: "
|
|
109666
|
+
target: "e1u480zk29"
|
|
109627
109667
|
} : 0)( true ? {
|
|
109628
109668
|
name: "13l7t94",
|
|
109629
109669
|
styles: "display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:100%;box-sizing:border-box"
|
|
109630
109670
|
} : 0);
|
|
109631
109671
|
var MobileRememberRowCompact = /*#__PURE__*/createStyled("label", true ? {
|
|
109632
|
-
target: "
|
|
109672
|
+
target: "e1u480zk28"
|
|
109633
109673
|
} : 0)( true ? {
|
|
109634
109674
|
name: "2z4h9e",
|
|
109635
109675
|
styles: "display:inline-flex;flex-wrap:nowrap;align-items:center;gap:10px;width:auto;max-width:100%;min-height:44px;height:auto;border-radius:24px;padding:10px 20px 10px 0;box-sizing:border-box;cursor:pointer;color:#5f5f5f;font-family:Lora,sans-serif;font-size:16px;line-height:22px;font-weight:500;text-align:left;vertical-align:middle;background:transparent;&:hover{background:#ebebeb;color:#252525;text-decoration:underline;text-decoration-color:#252525;}&:active{background:#dcdcdc;}&[data-checked=\"true\"]{background:transparent;color:#252525;}&[data-checked=\"true\"][data-toggle-source=\"row\"][data-hovered=\"true\"]{background:#dcdcdc;color:#252525;text-decoration:none;}&[data-toggle-source=\"checkbox\"][data-hovered=\"true\"]{background:#ebebeb;color:#252525;text-decoration:underline;text-decoration-color:#252525;}"
|
|
@@ -109637,25 +109677,25 @@ var MobileRememberRowCompact = /*#__PURE__*/createStyled("label", true ? {
|
|
|
109637
109677
|
|
|
109638
109678
|
/** Text beside the remember checkbox (desktop + mobile); wraps when the row hits max-width. */
|
|
109639
109679
|
var RememberRowText = /*#__PURE__*/createStyled("span", true ? {
|
|
109640
|
-
target: "
|
|
109680
|
+
target: "e1u480zk27"
|
|
109641
109681
|
} : 0)( true ? {
|
|
109642
109682
|
name: "1my8jsd",
|
|
109643
109683
|
styles: "flex:0 1 auto;min-width:0;max-width:100%;text-align:left;white-space:normal;overflow-wrap:break-word"
|
|
109644
109684
|
} : 0);
|
|
109645
109685
|
var MobileLocaleSectionBlock = /*#__PURE__*/createStyled("div", true ? {
|
|
109646
|
-
target: "
|
|
109686
|
+
target: "e1u480zk26"
|
|
109647
109687
|
} : 0)( true ? {
|
|
109648
109688
|
name: "1uu8bvb",
|
|
109649
109689
|
styles: "width:100%;min-height:0;flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:0 0 16px;border-bottom:1px solid #e0e0e0;box-sizing:border-box"
|
|
109650
109690
|
} : 0);
|
|
109651
109691
|
var MobileLocaleList = /*#__PURE__*/createStyled("ul", true ? {
|
|
109652
|
-
target: "
|
|
109692
|
+
target: "e1u480zk25"
|
|
109653
109693
|
} : 0)( true ? {
|
|
109654
109694
|
name: "1pxu7om",
|
|
109655
109695
|
styles: "width:100%;min-height:0;list-style:none;margin:0;padding:0"
|
|
109656
109696
|
} : 0);
|
|
109657
109697
|
var MobileLocaleRow = /*#__PURE__*/createStyled("li", true ? {
|
|
109658
|
-
target: "
|
|
109698
|
+
target: "e1u480zk24"
|
|
109659
109699
|
} : 0)( true ? {
|
|
109660
109700
|
name: "duoqfw",
|
|
109661
109701
|
styles: "width:100%;min-height:44px;padding:0 20px;box-sizing:border-box"
|
|
@@ -109663,48 +109703,48 @@ var MobileLocaleRow = /*#__PURE__*/createStyled("li", true ? {
|
|
|
109663
109703
|
|
|
109664
109704
|
/** Same navigation affordance as desktop `CountryListSelector` locale links. */
|
|
109665
109705
|
var MobileLocaleRowLink = /*#__PURE__*/createStyled("a", true ? {
|
|
109666
|
-
target: "
|
|
109706
|
+
target: "e1u480zk23"
|
|
109667
109707
|
} : 0)( true ? {
|
|
109668
109708
|
name: "12tmgo3",
|
|
109669
109709
|
styles: "display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;box-sizing:border-box;text-decoration:none;color:inherit;cursor:pointer;&:hover{background:rgba(0, 0, 0, 0.04);}&:focus-visible{outline:1px solid #007bff;outline-offset:1px;}"
|
|
109670
109710
|
} : 0);
|
|
109671
109711
|
var MobileLocaleRowMain = /*#__PURE__*/createStyled("div", true ? {
|
|
109672
|
-
target: "
|
|
109712
|
+
target: "e1u480zk22"
|
|
109673
109713
|
} : 0)( true ? {
|
|
109674
109714
|
name: "6778cq",
|
|
109675
109715
|
styles: "width:280px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:4px"
|
|
109676
109716
|
} : 0);
|
|
109677
109717
|
var MobileLocaleText = /*#__PURE__*/createStyled("span", true ? {
|
|
109678
|
-
target: "
|
|
109718
|
+
target: "e1u480zk21"
|
|
109679
109719
|
} : 0)("min-height:44px;display:inline-flex;align-items:center;flex:1 1 auto;min-width:0;font-family:Lora,sans-serif;font-size:16px;line-height:22px;color:#252525;vertical-align:middle;font-weight:", function (p) {
|
|
109680
109720
|
return p.$selected ? 600 : 400;
|
|
109681
109721
|
}, ";" + ( true ? "" : 0));
|
|
109682
109722
|
var MobileLocaleStatusIcon = /*#__PURE__*/createStyled(dist.NsIcon, true ? {
|
|
109683
|
-
target: "
|
|
109723
|
+
target: "e1u480zk20"
|
|
109684
109724
|
} : 0)( true ? {
|
|
109685
109725
|
name: "1oi3xqh",
|
|
109686
109726
|
styles: "width:24px;height:24px;flex-shrink:0;color:#252525"
|
|
109687
109727
|
} : 0);
|
|
109688
109728
|
var MobileModalBody = /*#__PURE__*/createStyled("div", true ? {
|
|
109689
|
-
target: "
|
|
109729
|
+
target: "e1u480zk19"
|
|
109690
109730
|
} : 0)( true ? {
|
|
109691
109731
|
name: "1vektn8",
|
|
109692
109732
|
styles: "width:100%;min-height:0;display:flex;flex-direction:column;gap:16px;padding-bottom:48px;box-sizing:border-box"
|
|
109693
109733
|
} : 0);
|
|
109694
109734
|
var MobileRegionsSection = /*#__PURE__*/createStyled("div", true ? {
|
|
109695
|
-
target: "
|
|
109735
|
+
target: "e1u480zk18"
|
|
109696
109736
|
} : 0)( true ? {
|
|
109697
109737
|
name: "1wqadvr",
|
|
109698
109738
|
styles: "width:100%;flex-shrink:0;display:flex;flex-direction:column;box-sizing:border-box;.market-selector-mobile-regions-tabs{width:100%;}.market-selector-mobile-regions-tabs [class*=\"TabList\"]{flex:none;min-height:0;height:auto;max-height:none;overflow:visible;padding:0;}.market-selector-mobile-regions-tabs [data-tabs-mobile-accordion]{display:block;flex:none;overflow-y:visible;overflow-x:hidden;max-height:none;padding-top:0;scrollbar-width:none;-ms-overflow-style:none;}.market-selector-mobile-regions-tabs [data-tabs-mobile-accordion]::-webkit-scrollbar{width:0;height:0;display:none;}.market-selector-mobile-regions-tabs [class*=\"MobileTabRow\"]{touch-action:pan-y;}.market-selector-mobile-regions-tabs [class*=\"MobileTabRowMain\"]{min-height:44px;}.market-selector-mobile-regions-tabs [class*=\"MobileAccordionPanel\"]{overflow:visible;touch-action:pan-y;}"
|
|
109699
109739
|
} : 0);
|
|
109700
109740
|
var TriggerPillSlash = /*#__PURE__*/createStyled(dist.NsIcon, true ? {
|
|
109701
|
-
target: "
|
|
109741
|
+
target: "e1u480zk17"
|
|
109702
109742
|
} : 0)( true ? {
|
|
109703
109743
|
name: "hvnm61",
|
|
109704
109744
|
styles: "flex-shrink:0;width:16px;height:16px;color:currentColor"
|
|
109705
109745
|
} : 0);
|
|
109706
109746
|
var TriggerPillInner = /*#__PURE__*/createStyled("span", true ? {
|
|
109707
|
-
target: "
|
|
109747
|
+
target: "e1u480zk16"
|
|
109708
109748
|
} : 0)( true ? {
|
|
109709
109749
|
name: "1edu2bp",
|
|
109710
109750
|
styles: "display:inline-flex;align-items:center;gap:0px;color:inherit;border-bottom:1px solid transparent;box-sizing:border-box"
|
|
@@ -109715,64 +109755,64 @@ var TriggerPillInner = /*#__PURE__*/createStyled("span", true ? {
|
|
|
109715
109755
|
* Label color matches earlier market trigger tokens (#5f5f5f, Lora).
|
|
109716
109756
|
*/
|
|
109717
109757
|
var MobileDrawerTriggerPill = /*#__PURE__*/createStyled("button", true ? {
|
|
109718
|
-
target: "
|
|
109758
|
+
target: "e1u480zk15"
|
|
109719
109759
|
} : 0)("appearance:none;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#5f5f5f;font-family:Lora,sans-serif;font-weight:500;font-size:16px;line-height:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;cursor:pointer;text-decoration:none;flex:0 1 auto;min-width:0;max-width:100%;&[data-trigger-mode=\"drawerPortal\"]{justify-content:flex-end;}", TriggerPillInner, "{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}&:hover{color:#2f2f2f;}&:focus-visible{outline:1px solid #007bff;outline-offset:1px;color:#2f2f2f;}svg{flex-shrink:0;width:16px;height:16px;color:currentColor;}" + ( true ? "" : 0));
|
|
109720
109760
|
var MarketSelectorRoot = /*#__PURE__*/createStyled("div", true ? {
|
|
109721
|
-
target: "
|
|
109761
|
+
target: "e1u480zk14"
|
|
109722
109762
|
} : 0)("display:inline-flex;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){&[data-drawer-portal-host=\"true\"]{display:contents;}&:not([data-drawer-portal-host=\"true\"]){display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;}}" + ( true ? "" : 0));
|
|
109723
109763
|
var TriggerPill = /*#__PURE__*/createStyled("button", true ? {
|
|
109724
|
-
target: "
|
|
109764
|
+
target: "e1u480zk13"
|
|
109725
109765
|
} : 0)("appearance:none;border:0;background:transparent;color:#5f5f5f;font-family:Lora,sans-serif;font-weight:500;font-size:16px;line-height:22px;min-height:44px;padding:11px 16px;border-radius:24px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;&:hover{background:#efefef;color:#2f2f2f;text-decoration:none;", TriggerPillInner, "{border-bottom-color:currentColor;}}&:focus-visible{outline:1px solid #007bff;outline-offset:1px;color:#2f2f2f;text-decoration:none;", TriggerPillInner, "{border-bottom-color:currentColor;}}" + ( true ? "" : 0));
|
|
109726
109766
|
var Overlay = /*#__PURE__*/createStyled("div", true ? {
|
|
109727
|
-
target: "
|
|
109767
|
+
target: "e1u480zk12"
|
|
109728
109768
|
} : 0)("position:fixed;inset:0;background:rgba(0, 0, 0, 0.45);z-index:1400;display:flex;align-items:flex-start;justify-content:center;padding:0;opacity:0;transition:opacity 220ms ease-in;&[data-state=\"open\"]{opacity:1;transition:opacity 220ms ease-out;}@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){padding:0;align-items:stretch;}" + ( true ? "" : 0));
|
|
109729
109769
|
var ModalSurface = /*#__PURE__*/createStyled("dialog", true ? {
|
|
109730
|
-
target: "
|
|
109770
|
+
target: "e1u480zk11"
|
|
109731
109771
|
} : 0)("width:100%;height:auto;background:#ffffff;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;margin:0;padding:0;border:0;transform-origin:center;transform:scaleY(0.88);opacity:0;transition:transform 220ms ease-in,opacity 220ms ease-in;&[data-state=\"open\"]{transform:scaleY(1);opacity:1;transition:transform 220ms ease-out,opacity 220ms ease-out;}@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){width:100%;max-height:100%;border:0;transform-origin:top center;}" + ( true ? "" : 0));
|
|
109732
109772
|
var ModalScrollArea = /*#__PURE__*/createStyled("div", true ? {
|
|
109733
|
-
target: "
|
|
109773
|
+
target: "e1u480zk10"
|
|
109734
109774
|
} : 0)( true ? {
|
|
109735
109775
|
name: "1ybor91",
|
|
109736
109776
|
styles: "width:100%;min-height:0;max-height:100vh;background:#ffffff"
|
|
109737
109777
|
} : 0);
|
|
109738
109778
|
var ContentContainer = /*#__PURE__*/createStyled("div", true ? {
|
|
109739
|
-
target: "
|
|
109779
|
+
target: "e1u480zk9"
|
|
109740
109780
|
} : 0)("width:100%;@media (min-width: ", DESKTOP_MIN_WIDTH_PX, "px){max-width:1440px;margin-left:auto;margin-right:auto;}" + ( true ? "" : 0));
|
|
109741
109781
|
var StickyTop = /*#__PURE__*/createStyled("div", true ? {
|
|
109742
|
-
target: "
|
|
109782
|
+
target: "e1u480zk8"
|
|
109743
109783
|
} : 0)( true ? {
|
|
109744
109784
|
name: "2hn84s",
|
|
109745
109785
|
styles: "position:sticky;top:0;z-index:2"
|
|
109746
109786
|
} : 0);
|
|
109747
109787
|
var HeaderRow = /*#__PURE__*/createStyled("header", true ? {
|
|
109748
|
-
target: "
|
|
109788
|
+
target: "e1u480zk7"
|
|
109749
109789
|
} : 0)("width:100%;min-height:78px;height:auto;display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, auto) minmax(0, 1fr);align-items:center;box-sizing:border-box;padding:32px 32px 16px;gap:16px;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){min-height:78px;padding:0 20px;}" + ( true ? "" : 0));
|
|
109750
109790
|
var LogoWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109751
|
-
target: "
|
|
109791
|
+
target: "e1u480zk6"
|
|
109752
109792
|
} : 0)("display:inline-flex;align-items:center;justify-content:flex-start;justify-self:start;width:147.5px;height:30px;>*{width:147.5px;height:30px;display:inline-flex;}@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){display:none;}" + ( true ? "" : 0));
|
|
109753
109793
|
var MarketSelector_styled_ModalTitle = /*#__PURE__*/createStyled("h2", true ? {
|
|
109754
|
-
target: "
|
|
109794
|
+
target: "e1u480zk5"
|
|
109755
109795
|
} : 0)("margin:0;justify-self:center;grid-column:2;min-width:0;width:fit-content;max-width:100%;height:auto;min-height:34px;text-align:center;color:#252525;font-family:Lora,sans-serif;font-size:26px;line-height:34px;font-weight:400;white-space:normal;overflow-wrap:break-word;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){text-align:left;font-size:44px;line-height:58px;}" + ( true ? "" : 0));
|
|
109756
109796
|
var CancelWrap = /*#__PURE__*/createStyled("div", true ? {
|
|
109757
|
-
target: "
|
|
109797
|
+
target: "e1u480zk4"
|
|
109758
109798
|
} : 0)( true ? {
|
|
109759
109799
|
name: "a4yqjz",
|
|
109760
109800
|
styles: "display:inline-flex;justify-content:flex-end;align-items:center;justify-self:end;grid-column:3"
|
|
109761
109801
|
} : 0);
|
|
109762
109802
|
var TopControls = /*#__PURE__*/createStyled("div", true ? {
|
|
109763
|
-
target: "
|
|
109803
|
+
target: "e1u480zk3"
|
|
109764
109804
|
} : 0)("display:flex;align-items:center;justify-content:center;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){justify-content:flex-start;}" + ( true ? "" : 0));
|
|
109765
109805
|
var TabsRow = /*#__PURE__*/createStyled("div", true ? {
|
|
109766
|
-
target: "
|
|
109806
|
+
target: "e1u480zk2"
|
|
109767
109807
|
} : 0)("width:100%;min-height:88px;box-sizing:border-box;display:block;gap:32px;padding:22px 32px;.market-selector-tabs{width:100%;max-width:1440px;margin:0 auto;}.market-selector-tabs [role=\"tablist\"]{width:100%;height:44px;padding:0;box-sizing:border-box;justify-content:center;gap:8px;}@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){display:none;}" + ( true ? "" : 0));
|
|
109768
109808
|
var RememberRow = /*#__PURE__*/createStyled("label", true ? {
|
|
109769
|
-
target: "
|
|
109809
|
+
target: "e1u480zk1"
|
|
109770
109810
|
} : 0)( true ? {
|
|
109771
109811
|
name: "1mvifq7",
|
|
109772
109812
|
styles: "display:inline-flex;flex-wrap:nowrap;align-items:center;gap:10px;width:auto;max-width:100%;min-height:44px;height:auto;border-radius:24px;padding:10px 16px;box-sizing:border-box;cursor:pointer;color:#5f5f5f;font-family:Lora,sans-serif;font-size:16px;line-height:22px;font-weight:500;text-align:left;vertical-align:middle;background:transparent;&:hover{background:#ebebeb;color:#252525;text-decoration:underline;text-decoration-color:#252525;}&:active{background:#dcdcdc;}&[data-checked=\"true\"]{background:transparent;color:#252525;}&[data-checked=\"true\"][data-toggle-source=\"row\"][data-hovered=\"true\"]{background:#dcdcdc;color:#252525;text-decoration:none;}&[data-toggle-source=\"checkbox\"][data-hovered=\"true\"]{background:#ebebeb;color:#252525;text-decoration:underline;text-decoration-color:#252525;}"
|
|
109773
109813
|
} : 0);
|
|
109774
109814
|
var RememberCheckbox = /*#__PURE__*/createStyled("input", true ? {
|
|
109775
|
-
target: "
|
|
109815
|
+
target: "e1u480zk0"
|
|
109776
109816
|
} : 0)( true ? {
|
|
109777
109817
|
name: "h99mtr",
|
|
109778
109818
|
styles: "appearance:none;width:20px;height:20px;margin:0;border:1px solid #8c8c8c;border-radius:2px;background:#ffffff;position:relative;flex-shrink:0;cursor:pointer;&:checked{border-color:#252525;background:#252525;}&:checked::after{content:\"\";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg);}&:focus-visible{outline:1px solid #007bff;outline-offset:1px;}"
|
|
@@ -111010,17 +111050,17 @@ MarketSelector.propTypes = {
|
|
|
111010
111050
|
};
|
|
111011
111051
|
;// ./src/components/header/HeaderView.jsx
|
|
111012
111052
|
function HeaderView_typeof(o) { "@babel/helpers - typeof"; return HeaderView_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, HeaderView_typeof(o); }
|
|
111013
|
-
function HeaderView_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
111014
|
-
function HeaderView_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? HeaderView_ownKeys(Object(t), !0).forEach(function (r) { HeaderView_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : HeaderView_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
111015
|
-
function HeaderView_defineProperty(e, r, t) { return (r = HeaderView_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
111016
|
-
function HeaderView_toPropertyKey(t) { var i = HeaderView_toPrimitive(t, "string"); return "symbol" == HeaderView_typeof(i) ? i : i + ""; }
|
|
111017
|
-
function HeaderView_toPrimitive(t, r) { if ("object" != HeaderView_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != HeaderView_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
111018
111053
|
function HeaderView_slicedToArray(r, e) { return HeaderView_arrayWithHoles(r) || HeaderView_iterableToArrayLimit(r, e) || HeaderView_unsupportedIterableToArray(r, e) || HeaderView_nonIterableRest(); }
|
|
111019
111054
|
function HeaderView_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
111020
111055
|
function HeaderView_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return HeaderView_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? HeaderView_arrayLikeToArray(r, a) : void 0; } }
|
|
111021
111056
|
function HeaderView_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
111022
111057
|
function HeaderView_iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
111023
111058
|
function HeaderView_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
111059
|
+
function HeaderView_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
111060
|
+
function HeaderView_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? HeaderView_ownKeys(Object(t), !0).forEach(function (r) { HeaderView_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : HeaderView_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
111061
|
+
function HeaderView_defineProperty(e, r, t) { return (r = HeaderView_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
111062
|
+
function HeaderView_toPropertyKey(t) { var i = HeaderView_toPrimitive(t, "string"); return "symbol" == HeaderView_typeof(i) ? i : i + ""; }
|
|
111063
|
+
function HeaderView_toPrimitive(t, r) { if ("object" != HeaderView_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != HeaderView_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
111024
111064
|
|
|
111025
111065
|
|
|
111026
111066
|
|
|
@@ -111166,14 +111206,33 @@ function LoyaltyComponent(_ref3) {
|
|
|
111166
111206
|
LoyaltyComponent.propTypes = {
|
|
111167
111207
|
data: (external_prop_types_default()).object
|
|
111168
111208
|
};
|
|
111169
|
-
function
|
|
111170
|
-
|
|
111171
|
-
|
|
111172
|
-
|
|
111173
|
-
|
|
111174
|
-
|
|
111175
|
-
|
|
111176
|
-
|
|
111209
|
+
function LogoComponent(props) {
|
|
111210
|
+
return withTracking(/*#__PURE__*/(0,jsx_runtime_.jsx)(Brand, HeaderView_objectSpread({}, props)), {
|
|
111211
|
+
componentType: "logo"
|
|
111212
|
+
});
|
|
111213
|
+
}
|
|
111214
|
+
function CartComponent(_ref4) {
|
|
111215
|
+
var data = _ref4.data,
|
|
111216
|
+
parent$ = _ref4.parent$;
|
|
111217
|
+
return withTracking(/*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderCartRegion, {
|
|
111218
|
+
data: data,
|
|
111219
|
+
parent$: parent$
|
|
111220
|
+
}), {
|
|
111221
|
+
componentType: "cart"
|
|
111222
|
+
});
|
|
111223
|
+
}
|
|
111224
|
+
CartComponent.propTypes = {
|
|
111225
|
+
data: (external_prop_types_default()).object,
|
|
111226
|
+
parent$: (external_prop_types_default()).object
|
|
111227
|
+
};
|
|
111228
|
+
function HeaderView(_ref5) {
|
|
111229
|
+
var _headerEntry$logo, _headerEntry$locale_s, _utilityLinksEntry$lo, _utilityLinksEntry$lo2, _headerEntry$cart, _storefrontParams$car, _headerEntry$$, _headerEntry$top_ribb, _headerEntry$market_s, _headerEntry$translat, _headerEntry$translat2, _topRibbon$top_ribbon, _headerEntry$$2, _ref6, _headerEntry$locale, _headerEntry$$3, _headerEntry$$4;
|
|
111230
|
+
var country = _ref5.country,
|
|
111231
|
+
language = _ref5.language,
|
|
111232
|
+
locale = _ref5.locale,
|
|
111233
|
+
headerEntry = _ref5.headerEntry,
|
|
111234
|
+
searchConfig = _ref5.searchConfig,
|
|
111235
|
+
storefrontParams = _ref5.storefrontParams;
|
|
111177
111236
|
var _useState = (0,external_react_.useState)(false),
|
|
111178
111237
|
_useState2 = HeaderView_slicedToArray(_useState, 2),
|
|
111179
111238
|
isMobileMenuOpen = _useState2[0],
|
|
@@ -111224,7 +111283,7 @@ function HeaderView(_ref4) {
|
|
|
111224
111283
|
"aria-label": "Open menu",
|
|
111225
111284
|
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(IconMenu, {})
|
|
111226
111285
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(LogoSlot, {
|
|
111227
|
-
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(
|
|
111286
|
+
children: /*#__PURE__*/(0,jsx_runtime_.jsx)(LogoComponent, {
|
|
111228
111287
|
logo: logoData.logo,
|
|
111229
111288
|
logoAlt: logoData.logoAlt,
|
|
111230
111289
|
href: logoData.href,
|
|
@@ -111243,7 +111302,7 @@ function HeaderView(_ref4) {
|
|
|
111243
111302
|
searchConfig: searchConfig,
|
|
111244
111303
|
logo: logoData,
|
|
111245
111304
|
showDesktopTrigger: false
|
|
111246
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(
|
|
111305
|
+
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(CartComponent, {
|
|
111247
111306
|
data: cartData,
|
|
111248
111307
|
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$2 = headerEntry.$) === null || _headerEntry$$2 === void 0 ? void 0 : _headerEntry$$2.cart
|
|
111249
111308
|
})]
|
|
@@ -111253,7 +111312,7 @@ function HeaderView(_ref4) {
|
|
|
111253
111312
|
children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MarketSelector, {
|
|
111254
111313
|
data: marketSelector,
|
|
111255
111314
|
logo: logoData,
|
|
111256
|
-
locale: String((
|
|
111315
|
+
locale: String((_ref6 = (_headerEntry$locale = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.locale) !== null && _headerEntry$locale !== void 0 ? _headerEntry$locale : locale) !== null && _ref6 !== void 0 ? _ref6 : "").trim(),
|
|
111257
111316
|
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$3 = headerEntry.$) === null || _headerEntry$$3 === void 0 ? void 0 : _headerEntry$$3.market_selector__0,
|
|
111258
111317
|
mobileTriggerMode: "drawerPortal",
|
|
111259
111318
|
drawerOpen: isMobileMenuOpen,
|
|
@@ -111263,7 +111322,7 @@ function HeaderView(_ref4) {
|
|
|
111263
111322
|
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderAccountRegion, {
|
|
111264
111323
|
data: accountData,
|
|
111265
111324
|
parent$: accountParentTags
|
|
111266
|
-
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(
|
|
111325
|
+
}), /*#__PURE__*/(0,jsx_runtime_.jsx)(CartComponent, {
|
|
111267
111326
|
data: cartData,
|
|
111268
111327
|
parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$4 = headerEntry.$) === null || _headerEntry$$4 === void 0 ? void 0 : _headerEntry$$4.cart
|
|
111269
111328
|
})]
|