https://www.bungie.net/7/static/js/4835.5866f114.chunk.js

1"use strict";(this["webpackJsonpbungienet.web.renderer.core"]=this["webpackJsonpbungienet.web.renderer.core"]||[]).push([[4835],{90769:(t,o,r)=>{r.d(o,{o:()=>A});var n=r(23029),e=r(92901),l=r(85501),i=r(49640),a=r(72832),s=r(49255),c=r(79122),p=r.n(c),A=function(t){return function(o){(0,l.A)(c,o);var r=(0,i.A)(c);function c(){return(0,n.A)(this,c),r.apply(this,arguments)}return(0,e.A)(c,[{key:"componentDidMount",value:function(){this.updateRouteData(this.props.match.path)}},{key:"shouldComponentUpdate",value:function(t){var o=!p()(this.props.match,t.match)||!p()(this.props.location,t.location);return o&&this.updateRouteData(t.match.path),o}},{key:"render",value:function(){return s.createElement(t,this.props)}},{key:"updateRouteData",value:function(t){a.t.Instance.actions.setCurrentPath(t)}}]),c}(s.Component)}},7091:(t,o,r)=>{r.d(o,{m:()=>k});var n=r(64467),e=r(23029),l=r(92901),i=r(85501),a=r(49640),s=r(49255),c=r(85072),p=r.n(c),A=r(97825),b=r.n(A),_=r(77659),d=r.n(_),h=r(55056),u=r.n(h),g=r(10540),$=r.n(g),y=r(41113),C=r.n(y),x=r(96579),f={};f.styleTagTransform=C(),f.setAttributes=u(),f.insert=d().bind(null,"head"),f.domAPI=b(),f.insertStyleElement=$();p()(x.A,f);const m=x.A&&x.A.locals?x.A.locals:void 0;var w=r(70914),v=r(3316),T=r.n(v),k=function(t){(0,i.A)(r,t);var o=(0,a.A)(r);function r(t){var n;return(0,e.A)(this,r),(n=o.call(this,t)).tipRef=s.createRef(),n.lastPointer={x:"undefined"!==typeof window?window.innerWidth/2:0,y:"undefined"!==typeof window?window.innerHeight/2:0},n.onMouseMove=function(t){n.lastPointer={x:t.clientX,y:t.clientY},n.positionTip(t)},n.onViewportChange=function(){n.positionTip()},n.state={tipPosition:{x:0,y:0}},n}return(0,l.A)(r,[{key:"base",get:function(){return this.props.anchor?"anchor":"cursor"}},{key:"anchorPos",get:function(){if(this.props.anchor)return w.findDOMNode(this.props.anchor.current).getBoundingClientRect()}},{key:"componentDidMount",value:function(){"cursor"===this.base?window.addEventListener("mousemove",this.onMouseMove):this.positionTip(),window.addEventListener("resize",this.onViewportChange),window.addEventListener("scroll",this.onViewportChange,!0)}},{key:"componentWillUnmount",value:function(){"cursor"===this.base&&window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("resize",this.onViewportChange),window.removeEventListener("scroll",this.onViewportChange,!0)}},{key:"componentDidUpdate",value:function(t){var o=this;!this.props.visible||t.visible&&t.position===this.props.position&&t.distance===this.props.distance&&t.anchor===this.props.anchor&&t.classNames===this.props.classNames&&t.children===this.props.children||requestAnimationFrame(function(){return o.positionTip()})}},{key:"getTipPosition",value:function(t){var o,r,n,e,l,i,a,s,c=this.props,p=c.position,A=c.distance,b="cursor"===this.base,_=window.innerWidth||document.documentElement.clientWidth||0,d=window.innerHeight||document.documentElement.clientHeight||0,h=b?null!==(o=null!==(r=null===t||void 0===t?void 0:t.clientX)&&void 0!==r?r:this.lastPointer.x)&&void 0!==o?o:_/2:0,u=b?null!==(n=null!==(e=null===t||void 0===t?void 0:t.clientY)&&void 0!==e?e:this.lastPointer.y)&&void 0!==n?n:d/2:0,g={x:0,y:0},$=b?void 0:this.anchorPos,y=this.tipRef.current,C=y?y.getBoundingClientRect():{width:0,height:0},x=null!==(l=null===$||void 0===$?void 0:$.left)&&void 0!==l?l:_/2-C.width/2,f=$?$.right:_/2+C.width/2,m=null!==(i=null===$||void 0===$?void 0:$.top)&&void 0!==i?i:d/2-C.height/2,w=$?$.bottom:d/2+C.height/2,v=null!==(a=null===$||void 0===$?void 0:$.width)&&void 0!==a?a:C.width,T=null!==(s=null===$||void 0===$?void 0:$.height)&&void 0!==s?s:C.height;switch(p){case"bl":case"tl":case"l":g.x=b?h-C.width:x-C.width,g.x+=-A}switch(p){case"tr":case"r":case"br":g.x=b?h:f,g.x+=A}switch(p){case"tr":case"t":case"tl":g.y=b?u-C.height:m-C.height,g.y+=-A}switch(p){case"br":case"b":case"bl":g.y=b?u:w,g.y+=A}switch(p){case"t":case"b":g.x=b?h-C.width/2:x+v/2-C.width/2}switch(p){case"l":case"r":g.y=b?u-C.height/2:m+T/2-C.height/2}return g}},{key:"positionTip",value:function(t){if(this.props.visible){var o=this.tipRef.current;if(o){var r=this.props.customPosition?this.props.customPosition(t):this.getTipPosition(t),n=window.innerWidth||document.documentElement.clientWidth,e=window.innerHeight||document.documentElement.clientHeight,l=o.getBoundingClientRect(),i=Math.max(8,Math.min(r.x,n-l.width-8)),a=Math.max(8,Math.min(r.y,e-l.height-8));this.setState({tipPosition:{x:i,y:a}})}}}},{key:"render",value:function(){this.base;var t,o=this.props.classNames,r=o.container,e=o.tooltip,l=T()(m.tooltip,e,m[this.props.position],(t={},(0,n.A)(t,m.visible,this.props.visible),(0,n.A)(t,m.textOnly,"string"===typeof this.props.children),t)),i=this.state.tipPosition,a=i.x,c=i.y,p="translateX(".concat(a,"px) translateY(").concat(c,"px)");return s.createElement("div",{className:T()(m.tooltipContainer,r)},s.createElement("div",{className:l,style:{transform:p},ref:this.tipRef},this.props.children))}}]),r}(s.Component);k.defaultProps={position:"t",classNames:{},distance:0}},96579:(t,o,r)=>{r.d(o,{A:()=>a});var n=r(13275),e=r.n(n),l=r(76393),i=r.n(l)()(e());i.push([t.id,'.Tooltip_tooltipContainer__qRjQS{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;font-size:1rem;z-index:9999}.Tooltip_tooltip__6AvWJ{position:absolute;top:0;left:0;opacity:0;backdrop-filter:blur(3px);max-width:min(480px, 90vw);max-height:min(70vh, 600px);overflow:auto;pointer-events:auto}.Tooltip_visible__Dtw0Y{opacity:1}.Tooltip_textOnly__HFlGH{padding:.5rem 1.5rem;background:#212833;color:#f5f5f5;box-shadow:0px 10px 10px -5px rgba(0,0,0,.5)}.Tooltip_textOnly__HFlGH.Tooltip_t__P3jWB,.Tooltip_textOnly__HFlGH.Tooltip_tr__vluUN,.Tooltip_textOnly__HFlGH.Tooltip_tl__iBJln,.Tooltip_textOnly__HFlGH.Tooltip_b__5TFr6,.Tooltip_textOnly__HFlGH.Tooltip_br__XGk7a,.Tooltip_textOnly__HFlGH.Tooltip_bl__bWRMc,.Tooltip_textOnly__HFlGH.Tooltip_r__YyogW,.Tooltip_textOnly__HFlGH.Tooltip_l__2ntr1{margin:0}.Tooltip_textOnly__HFlGH.Tooltip_l__2ntr1:after,.Tooltip_textOnly__HFlGH.Tooltip_tl__iBJln:after,.Tooltip_textOnly__HFlGH.Tooltip_t__P3jWB:after,.Tooltip_textOnly__HFlGH.Tooltip_tr__vluUN:after,.Tooltip_textOnly__HFlGH.Tooltip_r__YyogW:after,.Tooltip_textOnly__HFlGH.Tooltip_br__XGk7a:after,.Tooltip_textOnly__HFlGH.Tooltip_b__5TFr6:after,.Tooltip_textOnly__HFlGH.Tooltip_bl__bWRMc:after{position:absolute;content:"";width:0;height:0;border-style:solid}.Tooltip_textOnly__HFlGH.Tooltip_b__5TFr6:after{top:0;left:50%;margin-left:-7.5px;border-width:0 7.5px 10px 7.5px;border-color:transparent transparent #212833 transparent}.Tooltip_textOnly__HFlGH.Tooltip_l__2ntr1:after{top:50%;right:0;

1margin-top:-7.5px;border-width:7.5px 0 7.5px 15px;border-color:transparent transparent transparent #212833}.Tooltip_textOnly__HFlGH.Tooltip_t__P3jWB:after{top:100%;left:50%;margin-left:-7.5px;border-width:15px 7.5px 0 7.5px;border-color:#212833 transparent transparent transparent}.Tooltip_textOnly__HFlGH.Tooltip_r__YyogW:after{top:50%;left:-7.5px;margin-top:-7.5px;border-width:7.5px 15px 7.5px 0;border-color:transparent #212833 transparent transparent}',"",{version:3,sources:["webpack://./src/UI/UIKit/Controls/Tooltip.module.scss","webpack://./src/UI/UIKit/_Base/_colors.scss"],names:[],mappings:"AAEA,iCAEC,cAAA,CACA,KAAA,CACA,OAAA,CACA,QAAA,CACA,MAAA,CACA,mBAAA,CACA,cAAA,CACA,YAAA,CAGD,wBAEC,iBAAA,CACA,KAAA,CACA,MAAA,CACA,SAAA,CACA,yBAAA,CACA,0BAAA,CACA,2BAAA,CACA,aAAA,CACA,mBAAA,CAGD,wBAEC,SAAA,CAGD,yBAEC,oBAAA,CACA,kBCnCoB,CDoCpB,aC/BkB,CDgClB,4CAAA,CAGA,oVAAA,QAAA,CAKC,oYAEC,iBAAA,CACA,UAAA,CACA,OAAA,CACA,QAAA,CACA,kBAAA,CAIF,gDAEC,KAAA,CACA,QAAA,CACA,kBAAA,CACA,+BAAA,CACA,wDAAA,CAGD,gDAEC,OAAA,CACA,OAAA,CACA,iBAAA,CACA,+BAAA,CACA,wDAAA,CAGD,gDAEC,QAAA,CACA,QAAA,CACA,kBAAA,CACA,+BAAA,CACA,wDAAA,CAGD,gDAEC,OAAA,CACA,WAAA,CACA,iBAAA,CACA,+BAAA,CACA,wDAAA",sourcesContent:['@import "../_Base/ui_base.scss";\r\n\r\n.tooltipContainer\r\n{\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\tpointer-events: none;\r\n\tfont-size: 1rem;\r\n\tz-index: 9999;\r\n}\r\n\r\n.tooltip\r\n{\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\topacity: 0;\r\n\tbackdrop-filter: blur(3px);\r\n\tmax-width: min(480px, 90vw);\r\n\tmax-height: min(70vh, 600px);\r\n\toverflow: auto;\r\n\tpointer-events: auto; // allow interacting with content (copy, scroll)\r\n}\r\n\r\n.visible\r\n{\r\n\topacity: 1;\r\n}\r\n\r\n.textOnly\r\n{\r\n\tpadding: 0.5rem 1.5rem;\r\n\tbackground: $color-background;\r\n\tcolor: $color-primary;\r\n\tbox-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);\r\n\r\n\t// Remove directional margins that could push tooltip offscreen\r\n\t&.t, &.tr, &.tl, &.b, &.br, &.bl, &.r, &.l { margin: 0; }\r\n\r\n\t// Keep arrows but they won\'t affect layout\r\n\t&.l,&.tl,&.t,&.tr,&.r,&.br,&.b,&.bl\r\n\t{\r\n\t\t&:after\r\n\t\t{\r\n\t\t\tposition: absolute;\r\n\t\t\tcontent: "";\r\n\t\t\twidth: 0;\r\n\t\t\theight: 0;\r\n\t\t\tborder-style: solid;\r\n\t\t}\r\n\t}\r\n\r\n\t&.b:after\r\n\t{\r\n\t\ttop: 0;\r\n\t\tleft: 50%;\r\n\t\tmargin-left: -7.5px;\r\n\t\tborder-width: 0 7.5px 10px 7.5px;\r\n\t\tborder-color: transparent transparent $color-background transparent;\r\n\t}\r\n\r\n\t&.l:after\r\n\t{\r\n\t\ttop: 50%;\r\n\t\tright: 0;\r\n\t\tmargin-top: -7.5px;\r\n\t\tborder-width: 7.5px 0 7.5px 15px;\r\n\t\tborder-color: transparent transparent transparent $color-background;\r\n\t}\r\n\r\n\t&.t:after\r\n\t{\r\n\t\ttop: 100%;\r\n\t\tleft: 50%;\r\n\t\tmargin-left: -7.5px;\r\n\t\tborder-width: 15px 7.5px 0 7.5px;\r\n\t\tborder-color: $color-background transparent transparent transparent;\r\n\t}\r\n\r\n\t&.r:after\r\n\t{\r\n\t\ttop: 50%;\r\n\t\tleft: -7.5px;\r\n\t\tmargin-top: -7.5px;\r\n\t\tborder-width: 7.5px 15px 7.5px 0;\r\n\t\tborder-color: transparent $color-background transparent transparent;\r\n\t}\r\n}\r\n',"\ufeff$_base-color-night: rgb(33, 40, 51);\r\n$_base-color-night-alt-1: rgb(29, 34, 45);\r\n$_base-color-night-alt-2: rgb(24, 28, 37);\r\n$_base-color-night-alt-3: rgb(18, 23, 28);\r\n$_base-color-night-alt-4: rgb(14, 18, 23);\r\n$_base-color-snow: rgb(245, 245, 245);\r\n$_base-color-snow-alt-1: rgb(255, 255, 255);\r\n$_base-color-snow-alt-2: rgb(228, 231, 233);\r\n$_base-color-snow-alt-3: #9eaaad;\r\n$_base-color-schoolbus: rgb(255, 206, 31);\r\n$_base-color-schoolbus-alt-1: rgb(245, 220, 86);\r\n$_base-color-schoolbus-alt-2: rgb(237, 192, 29);\r\n$_base-color-schoolbus-alt-3: #ffce1f;\r\n$_base-color-tuba: rgb(183, 140, 37);\r\n$_base-color-tuba-alt-1: rgb(160, 122, 30);\r\n$_base-color-tuba-alt-2: rgb(145, 110, 24);\r\n$_base-color-tuba-alt-3: rgb(217, 160, 28);\r\n$_base-color-sky: rgb(71, 156, 228);\r\n$_base-color-sky-alt-1: rgb(90, 171, 240);\r\n$_base-color-sky-alt-2: rgb(51, 136, 208);\r\n$_base-color-fireengine: rgb(244, 67, 54);\r\n$_base-color-fireengine-alt-1: rgb(235, 85, 74);\r\n$_base-color-fireengine-alt-2: rgb(208, 60, 49);\r\n$_base-color-forest: rgb(117, 183, 129);\r\n$_base-color-forest-alt-1: rgb(87, 190, 97);\r\n$_base-color-forest-alt-2: rgb(64, 117, 77);\r\n\r\n\r\n// Bungie/Destiny UI\r\n// Styleguide: /en/Styleguide\r\n$color-background: $_base-color-night;\r\n$color-background-alt-1: $_base-color-night-alt-1;\r\n$color-background-alt-2: $_base-color-night-alt-2;\r\n$color-background-alt-3: $_base-color-night-alt-3;\r\n$color-background-alt-4: $_base-color-night-alt-4;\r\n$color-primary: $_base-color-snow;\r\n$color-primary-alt-1: $_base-color-snow-alt-1;\r\n$color-primary-alt-2: $_base-color-snow-alt-2;\r\n$color-primary-alt-3: $_base-color-snow-alt-3;\r\n$color-accent: $_base-color-schoolbus;\r\n$color-accent-alt-1: $_base-color-schoolbus-alt-1;\r\n$color-accent-alt-2: $_base-color-schoolbus-alt-2;\r\n$color-accent2: $_base-color-sky;\r\n$color-accent2-alt-1: $_base-color-sky-alt-1;\r\n$color-accent2-alt-2: $_base-color-sky-alt-2;\r\n$color-accent3: $_base-color-tuba;\r\n$color-accent3-alt-1: $_base-color-tuba-alt-1;\r\n$color-accent3-alt-2: $_base-color-tuba-alt-2;\r\n$color-accent3-alt-3: $_base-color-tuba-alt-3;\r\n$color-error: $_base-color-fireengine;\r\n$color-error-alt-1: $_base-color-fireengine-alt-1;\r\n$color-error-alt-2: $_base-color-fireengine-alt-2;\r\n$color-success: $_base-color-forest;\r\n$color-success-alt-1: $_base-color-forest-alt-1;\r\n$color-success-alt-2: $_base-color-forest-alt-2;\r\n$color-bungie-blue: #0096db;\r\n$color-destiny-power: #DDCB59;\r\n$color-destiny-gold: rgb(245, 220, 86);\r\n$color-destiny-powerblue: rgb(45, 226, 217);\r\n$color-destiny-legendary: rgba(82, 47, 101, 1);\r\n\r\n\r\n// TEXT\r\n$color-text-header: $color-accent;\r\n$color-text-body: $color-primary;\r\n$color-text-body-link: rgba($color-accent, 0.8);\r\n$color-text-body-link-hover: $color-accent;\r\n$color-text-body-link-dark: rgba($color-background, 0.8);\r\n$color-text-body-link-dark-hover: $color-background;\r\n$color-section-header: $color-primary;\r\n$color-subtitle: $color-primary-alt-3;\r\n$color-text-list-link: rgba($color-primary, 0.80);\r\n$color-text-list-link-hover: $color-primary;\r\n$color-text-input-placeholder: rgba($color-primary, 0.20);\r\n$color-text-dark: $_base-color-night;\r\n\r\n\r\n//Box Colors\r\n$color-card-box: $color-background-alt-2;\r\n$color-alt-list-item: rgba(29, 34, 45, 0.5);\r\n\r\n\r\n// Destiny\r\n$color-destiny-item-icon-border: rgb(221, 221, 221);\r\n$color-destiny-item-icon-border-complete: rgb(245, 220, 86);\r\n$color-destiny-progress-bar-background: $color-background-alt-3;\r\n$color-destiny-progress-bar-fill: $color-success;\r\n$color-destiny-progress-bar-text: $color-primary;\r\n$color-season-teal: #1CB8BB;\r\n\r\n$color-destiny-progress-bar-fill: $color-success;\r\n$color-destiny-progress-bar-text: $color-primary;\r\n$color-destiny-power: #DDCB59;\r\n$color-destiny-gold: rgb(245, 220, 86);\r\n$color-destiny-powerblue: rgb(45, 226, 217);\r\n$color-destiny-rarity-basic: #c3bcb4;\r\n$color-destiny-rarity-common: #366f42;\r\n$color-destiny-rarity-rare: #5076a3;\r\n$color-destiny-rarity-superior: #522f65;\r\n$color-destiny-rarity-exotic: #EDC01D;\r\n$color-destiny-defeat: #C94340;

1\r\n\r\n\r\n\r\n\r\n// Backgrounds\r\n$color-body-background: $color-background-alt-3;\r\n\r\n// Border Colors\r\n$color-box-border: rgba(245, 245, 245, 0.05);\r\n$color-text-input-border: rgba(245, 245, 245, 0.2);\r\n$color-section-divider: #35414b;"],sourceRoot:""}]),i.locals={tooltipContainer:"Tooltip_tooltipContainer__qRjQS",tooltip:"Tooltip_tooltip__6AvWJ",visible:"Tooltip_visible__Dtw0Y",textOnly:"Tooltip_textOnly__HFlGH",t:"Tooltip_t__P3jWB",tr:"Tooltip_tr__vluUN",tl:"Tooltip_tl__iBJln",b:"Tooltip_b__5TFr6",br:"Tooltip_br__XGk7a",bl:"Tooltip_bl__bWRMc",r:"Tooltip_r__YyogW",l:"Tooltip_l__2ntr1"};const a=i}}]);
2//# sourceMappingURL=4835.5866f114.chunk.js.map