https://www.bungie.net/7/static/js/1322.90a17353.chunk.js

1"use strict";(this["webpackJsonpbungienet.web.renderer.core"]=this["webpackJsonpbungienet.web.renderer.core"]||[]).push([[1322],{71322:(t,n,e)=>{e.d(n,{b:()=>L});var r=e(64467),i=e(23029),a=e(92901),o=e(85501),s=e(49640),l=e(49255),d=e(3316),A=e.n(d),u=e(80045),f=e(85072),c=e.n(f),m=e(97825),h=e.n(m),p=e(77659),g=e.n(p),v=e(55056),x=e.n(v),C=e(10540),b=e.n(C),_=e(41113),$=e.n(_),N=e(46733),w={};w.styleTagTransform=$(),w.setAttributes=x(),w.insert=g().bind(null,"head"),w.domAPI=h(),w.insertStyleElement=b();c()(N.A,w);const y=N.A&&N.A.locals?N.A.locals:void 0;var k=e(18416),z={};z.styleTagTransform=$(),z.setAttributes=x(),z.insert=g().bind(null,"head"),z.domAPI=h(),z.insertStyleElement=b();c()(k.A,z);const S=k.A&&k.A.locals?k.A.locals:void 0;var E=function(t){(0,o.A)(e,t);var n=(0,s.A)(e);function e(t){var r;return(0,i.A)(this,e),(r=n.call(this,t)).ref=void 0,r.lastScrollY=window.scrollY,r.throttleTimer=void 0,r.onScroll=function(t){if(r.ref){var n=window.scrollY>r.lastScrollY?"down":"up";r.setState({scrollDirection:n}),r.lastScrollY=window.scrollY,r.props.onScroll(n),r.updateLocking()}},r.state={scrollDirection:"up",isFixed:!1},r}return(0,a.A)(e,[{key:"componentDidMount",value:function(){window.addEventListener("scroll",this.onScroll)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("scroll",this.onScroll)}},{key:"setRef",value:function(t){t&&t.parentNode&&!this.ref&&(this.ref=t)}},{key:"componentDidUpdate",value:function(){this.ref&&(this.ref.classList.add("affix"),this.ref.classList.add(S.affix),this.ref.classList.add(this.props.className))}},{key:"getElementFromUnknownRef",value:function(t){var n;return null!==(n=(null!==t&&void 0!==t?t:{}).current)&&void 0!==n?n:t}},{key:"updateLocking",value:function(){var t=this;if(!this.throttleTimer&&this.ref){var n=this.getElementFromUnknownRef(this.props.to),e=this.getElementFromUnknownRef(this.props.from);if(n&&e&&this.ref){var r=n.getBoundingClientRect(),i=this.ref.getBoundingClientRect(),a=e.getBoundingClientRect(),o=this.state.isFixed?i.top>a.bottom:i.top<r.bottom;this.state.isFixed!==o&&(this.setState({isFixed:o}),this.props.onChange(o),this.props.throttleMs&&(this.throttleTimer=setTimeout(function(){t.throttleTimer=null},this.props.throttleMs)))}}}},{key:"render",value:function(){var t=this,n=this.props,e=n.children,r=n.fixedAttributes,i=l.Children.only(e),a=l.cloneElement(i,{ref:function(n){return t.setRef(n)}});return this.ref&&(this.state.isFixed&&(this.ref.setAttribute("data-fixed","true"),Object.keys(r).forEach(function(n){t.ref.setAttribute(n,r[n])})),this.state.isFixed||(this.ref.setAttribute("data-fixed","false"),Object.keys(r).forEach(function(n){t.ref.getAttribute(n)&&t.ref.removeAttribute(n)}))),a}}]),e}(l.Component);E.defaultProps={onScroll:function(){return null},onChange:function(){return null},fixedAttributes:{},throttleMs:0};var B=["children","onChange"],F=function(t){(0,o.A)(e,t);var n=(0,s.A)(e);function e(t){var r;return(0,i.A)(this,e),(r=n.call(this,t)).mainNav=void 0,r.toggleMainNav=function(t){r.props.hideNavOnLock&&r.setState({navHidden:t}),r.props.onChange(t)},r.onScroll=function(t){r.setState({scrollingUp:"up"===t})},r.state={navHidden:!1,scrollingUp:!1},r}return(0,a.A)(e,[{key:"componentDidUpdate",value:function(){document.documentElement.classList.toggle("nav-hidden",this.props.hideNavOnLock&&this.state.navHidden&&!this.state.scrollingUp)}},{key:"render",value:function(){var t=this.props,n=(t.children,t.onChange,(0,u.A)(t,B)),e={"data-nonav":String(this.props.hideNavOnLock&&this.state.navHidden&&!this.state.scrollingUp)};return this.mainNav=document.getElementById("main-navigation"),l.createElement(E,Object.assign({className:y.mainNavAffix,to:this.mainNav,from:this.props.from,fixedAttributes:e,onChange:this.toggleMainNav,onScroll:this.onScroll,throttleMs:250},n),this.props.children)}}]),e}(l.Component);F.defaultProps={onChange:function(){return null},hideNavOnLock:!1};var U=e(85889),D={};D.styleTagTransform=$(),D.setAttributes=x(),D.insert=g().bind(null,"head"),D.domAPI=h(),D.insertStyleElement=b();c()(U.A,D);const M=U.A&&U.A.locals?U.A.locals:void 0;var L=function(t){(0,o.A)(e,t);var n=(0,s.A)(e);function e(t){var r;return(0,i.A)(this,e),(r=n.call(this,t)).onChange=function(t){r.props.onFixedChange(t),r.setState({fixed:t})},r.state={fixed:!1},r}return(0,a.A)(e,[{key:"render",value:function(){var t=this.props,n=t.backgroundColor,e=t.children,i=A()(M.wrapper,(0,r.A)({},M.menuFixed,this.state.fixed));return l.createElement(l.Fragment,null,l.createElement(F,{from:this.props.relockUnder,hideNavOnLock:!0,onChange:this.onChange},l.createElement("div",{className:i,style:{backgroundColor:n}},e)),l.createElement("div",{className:A()(M.spacer,(0,r.A)({},M.menuFixed,this.state.fixed))}))}}]),e}(l.Component)},46733:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(13275),i=e.n(r),a=e(76393),o=e.n(a)()(i());o.push([t.id,".MainNavAffix_mainNavAffix__lfBuN[data-fixed=true]{top:78px}#app-layout.global-bar-shown .MainNavAffix_mainNavAffix__lfBuN[data-fixed=true]{top:118px}.r-medium .MainNavAffix_mainNavAffix__lfBuN[data-fixed=true]{top:4rem}.r-tiny .MainNavAffix_mainNavAffix__lfBuN[data-fixed=true]{top:3rem}#app-layout.global-bar-shown.r-medium .MainNavAffix_mainNavAffix__lfBuN[data-fixed=true]{top:6.5rem}.MainNavAffix_mainNavAffix__lfBuN[data-fixed=true][data-noNav=true]{top:0 !important}#app-layout.global-bar-shown .MainNavAffix_mainNavAffix__lfBuN[data-fixed=true][data-noNav=true]{top:40px !important}","",{version:3,sources:["webpack://./src/UI/Navigation/MainNavAffix.module.scss","webpack://./src/UI/uikit/_base/_sizes.scss"],names:[],mappings:"AAEA,mDAEC,QCYiB,CDVjB,gFAEC,SAAA,CAGD,6DAEC,QCIuB,CDDxB,2DAEC,QCCqB,CDEtB,yFAEC,UAAA,CAGD,oEAEC,gBAAA,CAEA,iGAEC,mBAAA",sourcesContent:['@import "../u

1ikit/_base/ui_base";\r\n\r\n.mainNavAffix[data-fixed="true"]\r\n{\r\n\ttop: $size-nav-height;\r\n\r\n\t:global(#app-layout.global-bar-shown) &\r\n\t{\r\n\t\ttop: $size-nav-height + 40px;\r\n\t}\r\n\r\n\t:global(.r-medium) &\r\n\t{\r\n\t\ttop: $size-nav-height-medium;\r\n\t}\r\n\r\n\t:global(.r-tiny) &\r\n\t{\r\n\t\ttop: $size-nav-height-tiny;\r\n\t}\r\n\r\n\t:global(#app-layout.global-bar-shown.r-medium) &\r\n\t{\r\n\t\ttop: $size-nav-height-medium + 2.5rem;\r\n\t}\r\n\r\n\t&[data-noNav="true"]\r\n\t{\r\n\t\ttop: 0 !important;\r\n\r\n\t\t:global(#app-layout.global-bar-shown) &\r\n\t\t{\r\n\t\t\ttop: 40px !important;\r\n\t\t}\r\n\t}\r\n}',"\ufeff// Grid\r\n$grid-cols: 12;\r\n$grid-gutter: 2rem;\r\n$grid-gutter-safari: 2.285rem;\r\n$grid-gutter-mobile: 1rem;\r\n$grid-margin: $grid-gutter / 2;\r\n$grid-margin-mobile: $grid-gutter-mobile / 2;\r\n$grid-padding: $grid-margin;\r\n$grid-padding-mobile: $grid-margin-mobile;\r\n$size-grid-max-width: 1664px;\r\n$size-grid-12-width: 1632px;\r\n\r\n//Global alert\r\n$size-global-alert-bar-height: 40px;\r\n\r\n//Nav\r\n$size-nav-height: 78px;\r\n$size-nav-height-medium: 4rem;\r\n$size-nav-height-mobile: 4rem;\r\n$size-nav-height-tiny: 3rem;\r\n$size-nav-height-global-alert: calc(#{$size-nav-height} + #{$size-global-alert-bar-height});\r\n$size-nav-height-medium-global-alert: calc(#{$size-nav-height-medium} + #{$size-global-alert-bar-height});\r\n$size-viewport-minus-nav: calc(100vh - #{$size-nav-height});\r\n$size-viewport-minus-nav-mobile: calc(100vh - #{$size-nav-height-medium});\r\n\r\n\r\n// Font sizes\r\n$font-size-xxl: 3rem;\r\n$font-size-xl: 1.5rem;\r\n$font-size-l: 1.125rem;\r\n$font-size-m: 1rem;\r\n$font-size-s: 0.875rem;\r\n$font-size-xs: 0.7rem;\r\n$font-size-h1: 3rem;\r\n$font-size-h2: 2rem;\r\n$font-size-h3: 1.5rem;\r\n$font-size-h4: 1rem;\r\n$font-size-h5: 0.875rem;\r\n$font-size-h6: 0.75rem;\r\n\r\n// Padding\r\n$default-padding: 1.125rem;\r\n$default-padding-small: $default-padding/2;\r\n$default-padding-large: $default-padding*2;\r\n$default-padding-xlarge: $default-padding*4;\r\n$default-margin: 1.125rem;\r\n$default-margin_small: $default-margin/2;\r\n$default-margin_large: $default-margin*2;\r\n\r\n// Tabs\r\n$tabs-height: 3.5rem;\r\n$tabs-height-small: 3.5rem;\r\n\r\n\r\n// Z-index master list\r\n//\r\n// Warning: Avoid customizing these values. They're used for a bird's eye view\r\n// of components dependent on the z-axis and are designed to all work together.\r\n// off-canvas is for objects like the user blade that comes in from the side\r\n\r\n// zindex-stack\r\n$zindex-dropdown: 1000 !default;\r\n$zindex-sticky: 1020 !default;\r\n$zindex-fixed: 1030 !default;\r\n$zindex-offcanvas-backdrop: 1040 !default;\r\n$zindex-offcanvas: 1045 !default;\r\n$zindex-modal-backdrop: 1050 !default;\r\n$zindex-modal: 1055 !default;\r\n$zindex-popover: 1070 !default;\r\n$zindex-tooltip: 1080 !default;"],sourceRoot:""}]),o.locals={mainNavAffix:"MainNavAffix_mainNavAffix__lfBuN"};const s=o},85889:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(13275),i=e.n(r),a=e(76393),o=e.n(a)()(i());o.push([t.id,".StickySubNav_spacer__T6nLD{position:relative;height:96px;width:100%;display:none}.StickySubNav_spacer__T6nLD.StickySubNav_menuFixed__YrZHX{display:block}.StickySubNav_wrapper__uahoX{position:relative;display:flex;align-items:center;justify-content:center;width:100%;background-color:#1e1c1a;transition:.25s;white-space:nowrap;z-index:99;padding:0 1rem;box-shadow:0 0 10px rgba(0,0,0,.5)}@keyframes StickySubNav_showMenu__WNXVv{0%{opacity:0;transform:translateY(-1rem)}100%{opacity:1;transform:translateY(0)}}.StickySubNav_contentFrame__Zv3E1{width:80vw;max-width:80rem;margin:0 auto}.r-medium .StickySubNav_contentFrame__Zv3E1{width:100%}","",{version:3,sources:["webpack://./src/UI/Navigation/StickySubNav.module.scss"],names:[],mappings:"AAGA,4BACC,iBAAA,CACA,WAAA,CACA,UAAA,CACA,YAAA,CAEA,0DACC,aAAA,CAIF,6BACC,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,wBAAA,CACA,eAAA,CACA,kBAAA,CACA,UAAA,CACA,cAAA,CACA,kCAAA,CAGD,wCACC,GACC,SAAA,CACA,2BAAA,CAGD,KACC,SAAA,CACA,uBAAA,CAAA,CAIF,kCACC,UAAA,CACA,eAAA,CACA,aAAA,CAEA,4CACC,UAAA",sourcesContent:['\r\n@import "../u

1ikit/_base/ui_base";\r\n\r\n.spacer {\r\n\tposition: relative;\r\n\theight: 96px;\r\n\twidth: 100%;\r\n\tdisplay: none;\r\n\r\n\t&.menuFixed {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n\r\n.wrapper {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n\tbackground-color: #1E1C1A;\r\n\ttransition: 0.25s;\r\n\twhite-space: nowrap;\r\n\tz-index: 99;\r\n\tpadding: 0 1rem;\r\n\tbox-shadow: 0 0 10px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n@keyframes showMenu {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(-1rem);\r\n\t}\r\n\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n}\r\n\r\n.contentFrame {\r\n\twidth: 80vw;\r\n\tmax-width: 80rem;\r\n\tmargin: 0 auto;\r\n\r\n\t:global(.r-medium) & {\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n'],sourceRoot:""}]),o.locals={spacer:"StickySubNav_spacer__T6nLD",menuFixed:"StickySubNav_menuFixed__YrZHX",wrapper:"StickySubNav_wrapper__uahoX",contentFrame:"StickySubNav_contentFrame__Zv3E1",showMenu:"StickySubNav_showMenu__WNXVv"};const s=o},18416:(t,n,e)=>{e.d(n,{A:()=>s});var r=e(13275),i=e.n(r),a=e(76393),o=e.n(a)()(i());o.push([t.id,"styles.Affix_affix__NoLHs{crop:initial}.affix[data-fixed=true]{position:fixed}","",{version:3,sources:["webpack://./src/UI/UIKit/Controls/Affix.module.scss"],names:[],mappings:"AAEA,0BAEC,YAAA,CAGD,wBAEC,cAAA",sourcesContent:['@import "../_base/ui_base";\r\n\r\nstyles.affix\r\n{\r\n\tcrop: initial;\r\n}\r\n\r\n:global(.affix)[data-fixed="true"]\r\n{\r\n\tposition: fixed;\r\n}\r\n'],sourceRoot:""}]),o.locals={affix:"Affix_affix__NoLHs"};const s=o}}]);
2//# sourceMappingURL=1322.90a17353.chunk.js.map