\r\n
\r\n`;\r\n\r\n videoLink.addEventListener('click', function (event) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n\r\n var videoId = this.getAttribute('data-video-id');\r\n\r\n Modal.show(\r\n diffDiagnosisTemplate,\r\n 'video-modal',\r\n Modal.presentationTypes.fade,\r\n Modal.presentationTypes.fade,\r\n false,\r\n {\r\n preShow: function () {\r\n //let modal = this;\r\n loadWistiaJS();\r\n },\r\n postShow: function () {\r\n let modal = this;\r\n window._wq = window._wq || [];\r\n // start playing current video\r\n _wq.push({\r\n id: videoId, onReady: function (video) {\r\n video.play();\r\n }\r\n }); \r\n }\r\n },\r\n event\r\n );\r\n });\r\n\r\n // contents in tab 2 launches a modal \r\n var caseStudies = document.querySelectorAll('#triggering-conditions a[data-video-label]'),\r\n templateB = `
\r\n \r\n\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
Hear how your peers recognize persistent TMA and navigate the differential diagnosis of atypical-HUS in a pregnancy/postpartum setting.
\r\n\r\n
Learn more about how atypical-HUS is diagnosed in this scenario by downloading and reviewing a case study.
\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
Hear how your peers work with a team of specialists to recognize persistent TMA and organ damage in the differential diagnosis of atypical-HUS in patients with malignant hypertension.
\r\n\r\n
Learn more about how atypical-HUS is diagnosed in this scenario by downloading and reviewing a case study.
\r\n\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
Hear how your peers confirm TMA and assess renal function and other organ damage to navigate the differential diagnosis of atypical-HUS in patients with systemic lupus erythematosus.
\r\n
Learn more about how atypical-HUS is diagnosed in this scenario by downloading and reviewing a case study.
\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
Hear how your peers confirm complement-mediated TMA and navigate the differential diagnosis of atypical-HUS in a transplant setting.
\r\n\r\n
Learn more about how atypical-HUS is diagnosed in this scenario by downloading and reviewing a case study.
\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n
`;\r\n // simple tab switcher inside modal\r\n function tabSwitcher(activeId, videoId) {\r\n var videoTabLinks = document.querySelectorAll('.video-navigation ul li'),\r\n videoWrapDivs = document.querySelectorAll('.video-wrap div'),\r\n newVideoId = videoId;\r\n\r\n for (var t = 0; t < videoTabLinks.length; t++) {\r\n videoTabLinks[t].classList.remove('active');\r\n }\r\n for (var w = 0; w < videoWrapDivs.length; w++) {\r\n videoWrapDivs[w].classList.remove('active');\r\n }\r\n document.getElementById('video-link-' + activeId).classList.add('active');\r\n document.getElementById('video-' + activeId).classList.add('active');\r\n\r\n window._wq = window._wq || [];\r\n // hide all videos\r\n var wistiaVideos = document.querySelectorAll('.wistia_embed');\r\n for (var v = 0; v < wistiaVideos.length; v++) {\r\n let wistiaVideo = wistiaVideos[v];\r\n wistiaVideo.style.display = 'none';\r\n }\r\n // show current video\r\n document.querySelector('.wistia_embed.wistia_async_' + newVideoId).style.display = 'block';\r\n // pause all videos and move time to zero\r\n _wq.push({\r\n id: \"_all\", onReady: function (video) {\r\n video.pause();\r\n video.time(0);\r\n }\r\n });\r\n\r\n // start playing current video\r\n _wq.push({\r\n id: newVideoId, onReady: function (video) {\r\n video.play();\r\n }\r\n }); \r\n\r\n }\r\n\r\n for (var i = 0; i < caseStudies.length; i++) {\r\n let caseStudy = caseStudies[i];\r\n\r\n caseStudy.addEventListener('click', function (event) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n\r\n let caseStudyTabId = this.getAttribute('data-video-label'),\r\n videoId = this.getAttribute('data-video-id');\r\n\r\n Modal.show(\r\n templateB,\r\n 'case-study-videos',\r\n Modal.presentationTypes.fade,\r\n Modal.presentationTypes.fade,\r\n false,\r\n {\r\n preShow: function () {\r\n //let modal = this;\r\n //loadBrightcoveJS();\r\n loadWistiaJS();\r\n },\r\n postShow: function () {\r\n let modal = this;\r\n\r\n tabSwitcher(caseStudyTabId, videoId);\r\n\r\n let videoTabLinks = document.querySelectorAll('.video-navigation ul li');\r\n\r\n for (var v = 0; v < videoTabLinks.length; v++) {\r\n let videoTabLink = videoTabLinks[v];\r\n\r\n videoTabLink.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n var videoTabId = this.querySelector('a').getAttribute('data-video-label');\r\n var videoId = this.querySelector('a').getAttribute('data-video-id');\r\n tabSwitcher(videoTabId, videoId);\r\n\r\n });\r\n\r\n }\r\n\r\n var triggerLinks = modal.container.querySelectorAll('p.footnote a'),\r\n loc = document.getElementById('anchor-tma-triggers');\r\n\r\n for (var i = 0; i < triggerLinks.length; i++) {\r\n let triggerLink = triggerLinks[i];\r\n\r\n triggerLink.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n modal.close(false, Modal.presentationTypes.fade);\r\n window.location = '/physician/diagnosing-ahus#triggers';\r\n });\r\n };\r\n }\r\n },\r\n event\r\n );\r\n\r\n })\r\n }\r\n\r\n }\r\n}","import { TabContainer } from \"../components/tab-container.js\";\r\nimport { WindowMetrics } from \"../utilities/window-metrics.js\";\r\n\r\nexport class StyleGuide {\r\n constructor(parameters) {\r\n var t = this;\r\n\r\n let root = document.documentElement;\r\n // master tab container\r\n new TabContainer(\r\n document.querySelector(\".tab-container\"),\r\n TabContainer.wipeMode.fixedSpeed,\r\n 500, // mobile speed\r\n 500); // \r\n\r\n // let's move the red Alexion Connect div to tuck under\r\n // the gray callout by updating the css variables\r\n function overlapCallout() {\r\n var calloutHeight = document.querySelector('.callout').getBoundingClientRect().height,\r\n extraPadding,\r\n homeMargin = (calloutHeight / 2);\r\n\r\n if (WindowMetrics.isMobile()) {\r\n extraPadding = 60;\r\n }\r\n else {\r\n extraPadding = 74;\r\n }\r\n\r\n root.style.setProperty('--home-margin', '-' + homeMargin + 'px');\r\n root.style.setProperty('--home-padding', homeMargin + extraPadding + 'px');\r\n\r\n }\r\n\r\n window.addEventListener('DOMContentLoaded', (event) => {\r\n overlapCallout();\r\n });\r\n\r\n window.addEventListener('resize', (event) => {\r\n overlapCallout();\r\n });\r\n }\r\n}","import { GridOverlay } from \"./components/grid-overlay.js\";\r\nimport { Utilities } from \"./utilities/utilities.js\";\r\nimport { Modal } from \"./components/modal.js\";\r\nimport { HomePage } from \"./pages/home.js\";\r\nimport { WindowMetrics } from \"./utilities/window-metrics.js\";\r\nimport { Header } from \"./components/header.js\";\r\nimport { AhusOverview } from \"./pages/ahus-overview.js\";\r\nimport { DiagnosingAhus } from \"./pages/diagnosing-ahus.js\";\r\nimport { ComplementSystem } from \"./pages/complement-system.js\";\r\nimport { Pathophysiology } from \"./pages/pathophysiology.js\";\r\nimport { RecourcesHcp } from \"./pages/resources-hcp.js\";\r\nimport { AlexionConnectBanner } from \"./components/alexion-connect.js\";\r\n\r\nimport { StyleGuide } from \"./pages/styleguide.js\";\r\n\r\nexport class AhusHcpSource {\r\n constructor(parameters) {\r\n var t = this;\r\n\r\n // Setup grid overlay\r\n GridOverlay.initialize();\r\n\r\n // Perform page-specific setup\r\n switch (document.body.id) {\r\n case \"home\":\r\n new HomePage(parameters);\r\n break;\r\n\r\n case \"ahus-overview\":\r\n new AhusOverview(parameters);\r\n break;\r\n\r\n case \"diagnosing-ahus\":\r\n new DiagnosingAhus(parameters);\r\n break;\r\n\r\n case \"complement-system-and-ahus\":\r\n new ComplementSystem(parameters);\r\n break;\r\n\r\n case \"pathophysiology\":\r\n new Pathophysiology(parameters);\r\n break;\r\n\r\n case \"resources-hcp\":\r\n new RecourcesHcp(parameters);\r\n break;\r\n\r\n case \"styleguide\":\r\n new StyleGuide(parameters);\r\n break;\r\n default:\r\n break;\r\n }\r\n t.header = new Header();\r\n // initialize sticky header \r\n Header.initialize(\r\n Header.stickyModes.alwaysVisible,\r\n Header.mobileMenuModes.collapsable,\r\n Header.desktopMenuModes.dropdown);\r\n\r\n // references accordion in footer\r\n var referencesContainer = document.querySelector('#references'),\r\n referencesControl = document.querySelector('#references p'),\r\n referencesContent = document.querySelector('#references ol');\r\n\r\n referencesControl.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n var timeline = new TimelineMax();\r\n\r\n if (referencesContainer.classList.contains('open')) {\r\n // Closing\r\n references.classList.remove('open');\r\n\r\n timeline.add(\"start\");\r\n\r\n timeline.fromTo(\r\n referencesContainer,\r\n 1.0,\r\n {\r\n height: referencesControl.clientHeight + referencesContent.clientHeight\r\n },\r\n {\r\n ease: Power2.easeOut,\r\n height: referencesControl.clientHeight\r\n },\r\n 0);\r\n\r\n timeline.fromTo(\r\n referencesContent,\r\n 0.5,\r\n {\r\n opacity: 1\r\n },\r\n {\r\n ease: Power2.easeOut,\r\n opacity: 0\r\n },\r\n 0);\r\n\r\n timeline.add(function () {\r\n // Remove the hard-coded height once the animation is finished\r\n Utilities.resetStyles(referencesContainer);\r\n\r\n // And re-hide the content\r\n Utilities.resetStyles(referencesContent);\r\n });\r\n\r\n timeline.add(\"end\");\r\n\r\n // Scroll upward if the collapsed references makes the window shorter\r\n let maxScrollPosition = document.body.clientHeight - referencesContent.clientHeight - window.innerHeight;\r\n if (window.pageYOffset > maxScrollPosition)\r\n Utilities.scrollWindowToPosition(maxScrollPosition);\r\n } else {\r\n // Opening\r\n referencesContainer.classList.add(\"open\");\r\n referencesContent.style.display = 'block';\r\n\r\n timeline.add(\"start\");\r\n\r\n timeline.fromTo(\r\n referencesContainer,\r\n 1.0,\r\n {\r\n height: referencesControl.clientHeight\r\n },\r\n {\r\n ease: Power2.easeOut,\r\n height: referencesControl.clientHeight + referencesContent.clientHeight\r\n },\r\n 0);\r\n\r\n timeline.fromTo(\r\n referencesContent,\r\n 0.5,\r\n {\r\n opacity: 0\r\n },\r\n {\r\n ease: Power2.easeOut,\r\n opacity: 1\r\n },\r\n 0);\r\n\r\n timeline.add(function () {\r\n // Remove the hard-coded height once the animation is finished;\r\n // the
will determine the height at this point\r\n Utilities.resetStyles(referencesContainer);\r\n });\r\n\r\n timeline.add(\"end\");\r\n\r\n // Scroll to the references\r\n let scrollPosition = calculateTargetScrollPosition(referencesContainer);\r\n Utilities.scrollWindowToPosition(scrollPosition);\r\n }\r\n });\r\n\r\n window.addEventListener('resize', function () {\r\n // Close the mobile menu if it's open\r\n if (WindowMetrics.isMobile()) {\r\n if (t.header.isOpen)\r\n t.header.close();\r\n }\r\n });\r\n\r\n var calculateTargetScrollPosition = function (targetElement) {\r\n let targetScrollPosition = targetElement.getBoundingClientRect().top;\r\n\r\n // Incorporate current scroll offset\r\n targetScrollPosition += window.pageYOffset;\r\n\r\n // Check if we're in mobile\r\n //if (WindowMetrics.isMobile()) {\r\n // targetScrollPosition -= document.querySelector('header').clientHeight;\r\n //} else {\r\n targetScrollPosition -= document.querySelector('header').clientHeight;\r\n //}\r\n\r\n return targetScrollPosition;\r\n };\r\n // jumplinks \r\n var jumplinks = document.querySelectorAll('#jumplinks li a'),\r\n hdr = document.querySelector('header');\r\n\r\n for (var j = 0; j < jumplinks.length; j++) {\r\n let jumplink = jumplinks[j];\r\n\r\n jumplink.addEventListener('click', function (event) {\r\n\r\n event.preventDefault();\r\n event.stopPropagation();\r\n\r\n var id = this.getAttribute('href'),\r\n loc = id.replace(/#/, ''),\r\n targetElement = document.getElementById(loc);\r\n\r\n let targetScrollPosition = calculateTargetScrollPosition(targetElement);\r\n Utilities.scrollWindowToPosition(targetScrollPosition);\r\n\r\n // Close the mobile menu if it's open\r\n if (WindowMetrics.isMobile()) {\r\n if (t.header.isOpen)\r\n t.header.close();\r\n }\r\n\r\n });\r\n\r\n }\r\n // end of page callouts linkage \r\n var eopCallouts = document.querySelectorAll('#eop-callouts > div > .flex-row > div');\r\n if (typeof (eopCallouts) != 'undefined' && eopCallouts != null) {\r\n for (var c = 0; c < eopCallouts.length; c++) {\r\n let callout = eopCallouts[c];\r\n callout.addEventListener('click', function (event) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n\r\n var ctaEl = this.querySelector('a'),\r\n myHref = ctaEl.getAttribute('href');\r\n\r\n if (ctaEl.hasAttribute('target')) {\r\n window.open(myHref);\r\n }\r\n else {\r\n document.location.href = myHref;\r\n };\r\n //console.table([[\"event\", \"gtm.click\"], [\"gtm.elementUrl\", myHref], [\"Class\", this.parentNode.parentNode.parentNode.getAttribute('id') ] ]);\r\n\r\n // IF WE ADD GTM, USE THIS TO SEND DATA TO \r\n // GTM ON CLICKS THAT AREN'T ACTUAL TAGS\r\n //dataLayer.push({\r\n // 'event': 'gtm.click',\r\n // 'gtm.elementClasses': this.parentNode.parentNode.parentNode.getAttribute('id'),\r\n // 'gtm.elementUrl': myHref\r\n //})\r\n\r\n });\r\n }\r\n }\r\n\r\n // leaving site modal\r\n var\r\n modalTemplate = `\r\n`;\r\n\r\n let externalLinks = document.querySelectorAll('a[target=\"_blank\"]:not(.internal-link)');\r\n for (let i = 0; i < externalLinks.length; i++) {\r\n let externalLink = externalLinks[i],\r\n link = externalLink.getAttribute('href');\r\n //if (link == null)\r\n // continue;\r\n\r\n externalLink.addEventListener('click', function (event) {\r\n\r\n event.preventDefault();\r\n event.stopPropagation();\r\n\r\n if (this.getAttribute(\"target\") == \"_blank\") {\r\n Modal.show(\r\n modalTemplate,\r\n 'leaving-site',\r\n Modal.presentationTypes.fade,\r\n Modal.presentationTypes.fade,\r\n false,\r\n {\r\n preShow: function () {\r\n let modal = this;\r\n modal.container.querySelector('.ok-button').addEventListener('click', function () {\r\n // Close the modal with a confirmation animation\r\n window.open(link);\r\n modal.close(false, Modal.presentationTypes.fade);\r\n });\r\n\r\n modal.container.querySelector('.cancel-button').addEventListener('click', function () {\r\n // Close the modal with a dismissal animation\r\n modal.close(false, Modal.presentationTypes.fade);\r\n });\r\n\r\n // add back close event listener on backdrop\r\n modal.backdrop.addEventListener('click', function (event) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n\r\n modal.close(false, Modal.presentationTypes.fade);\r\n });\r\n }\r\n },\r\n event);\r\n }\r\n else {\r\n window.location.href = link;\r\n return false;\r\n }\r\n });\r\n }\r\n\r\n // Setup Alexion Connect banner\r\n //new AlexionConnectBanner();\r\n\r\n // Welcome interstitial \r\n var\r\n welcomeTemplate = `\r\n `,\r\n welcomeKey = 'entering-site';\r\n\r\n document.addEventListener(\"DOMContentLoaded\", function (e) {\r\n // check if visitor has confirmed HCP cookie\r\n if (localStorage.getItem(welcomeKey) !== 'hcp') {\r\n Modal.show(\r\n welcomeTemplate,\r\n welcomeKey,\r\n Modal.presentationTypes.fade,\r\n Modal.presentationTypes.fade,\r\n false,\r\n {\r\n preShow: function () {\r\n let modal = this;\r\n modal.container.querySelector('.ok-button').addEventListener('click', function () {\r\n // Close the modal with a confirmation animation\r\n modal.close(false, Modal.presentationTypes.fade);\r\n // set HCP cookie so they don't see modal again\r\n localStorage.setItem(welcomeKey, 'hcp');\r\n });\r\n\r\n modal.container.querySelector('.cancel-button').addEventListener('click', function () {\r\n // go to patient site\r\n window.location.assign('http://ahussource.com/');\r\n });\r\n }\r\n },\r\n event);\r\n }\r\n \r\n\r\n });\r\n\r\n }\r\n}\r\n\r\nwindow.AhusHcpSource = AhusHcpSource;\r\nexport default AhusHcpSource;"],"sourceRoot":""}
![\"Pregnancy/Postpartum\"](\"/-/media/Images/Alexion/AhusSource2_com/Physician/images/diagnosing-ahus/ahussourcehcpiconpostpartum128lg2x.png\")
\r\n Pregnancy/![\"Malignant](\"/-/media/Images/Alexion/AhusSource2_com/Physician/images/diagnosing-ahus/ahussourcehcpiconhypertension128lg2x.png\")
\r\n Malignant Hypertension\r\n \r\n ![\"Systemic](\"/-/media/Images/Alexion/AhusSource2_com/Physician/images/diagnosing-ahus/ahussourcehcpiconlupus128lg2x.png\")
\r\n Systemic Lupus Erythematosus\r\n \r\n ![\"Organ](\"/-/media/Images/Alexion/AhusSource2_com/Physician/images/diagnosing-ahus/ahussourcehcpicontransplantation128lg2x.png\")
\r\n Organ Transplantation\r\n \r\n