{ }\n\n\n@ComponentInjector(Selectors, Elements, ClassList, Texts)\nclass GoToSection implements UIComponent {\n\n\n @Inject()\n protected configs: Configs;\n\n\n @VPortListener('md')\n isTablet = false;\n\n\n constructor(readonly wrapper: HTMLElement) { }\n\n initialize(): void {\n this.elements.initialize(this.wrapper);\n this.addEventListeners();\n }\n\n isTabletOn() {\n this.isTablet = true;\n }\n\n isTabletOff() {\n this.isTablet = false;\n }\n\n addEventListeners(): void {\n this.domUtils.addEventListener(this.elements.supportInfo, 'click', () => this.elements.supportInfoControl.click())\n\n this.domUtils.addEventListener(this.elements.openResearch, \"click\", () => this.elements.openResearchControl.click())\n\n this.domUtils.addEventListener(this.elements.links, \"click\", (e) => this.flowControl(e))\n\n this.domUtils.addEventListener(this.elements.links, \"keydown\", (e) => this.flowControl(e))\n\n this.domUtils.addEventListener(document, \"keydown\", (e: KeyboardEvent) => this.escapeKeyHandler(e))\n }\n\n flowControl(e):void{\n\n if(e.type === \"keydown\" && e.keyCode !== keyCodes.RETURN) return;\n\n const element = e.currentTarget as HTMLAnchorElement\n\n if (\n element.classList.contains('open-figure-link') ||\n element.classList.contains('bibLink') ||\n element.classList.contains('tab-link') ||\n element.closest('.accordion__control') ||\n element.closest('.figure__toggle-link')\n ) {\n return;\n } else {\n\n e.preventDefault();\n e.stopPropagation();\n this.domUtils.getElements(\"html , body\").forEach(e => e.classList.remove('lock-screen'))\n\n if (element.classList.contains('noteLink')) {\n this.openFootNote(element);\n window.addEventListener('resize', () => {\n this.openFootNote(element);\n });\n } else if (element.classList.contains('backToText')) {\n this.domUtils.getElement(element.getAttribute('href')).focus();\n } else if (\n element.classList.contains('goToText') ||\n element.closest('.article-header__references-container') ||\n element.getAttribute('href').indexOf('#accessDenialLayout') > -1\n ) {\n this.scrollToTarget(element, true);\n this.domUtils.getElement(element.getAttribute('href')).focus();\n } else {\n this.scrollToTarget(element, true);\n (window as any).UX.dropBlock.on.hide();\n if (this.isTablet) {\n this.domUtils.getElement('[data-db-target-of=sections]').click();\n this.domUtils.getElement('.w-slide__back').click();\n }\n }\n\n if (element.closest('.sections__drop.js--open')) {\n (window as any).UX.dropBlock.on.hide();\n }\n }\n }\n\n escapeKeyHandler(event: KeyboardEvent):void{\n if (event.key === \"Escape\") {\n this.domUtils.getElement(\".noteLink.scrollableLink\")?.setAttribute('aria-expanded', 'false')\n this.domUtils.getElement(\".noteLink.scrollableLink\")?.removeAttribute('aria-controls')\n this.domUtils.getElement(\".footNotePopup\")?.remove();\n }\n }\n\n scrollToTarget(element: HTMLAnchorElement, refID: boolean): void {\n let target = refID ? this.domUtils.getElementById(element.hash.slice(1)) : element;\n target = target ? target : this.domUtils.getElement('[name=\"' + element.hash.slice(1) + '\"]')\n const clickTarget = target?.closest(this.classList.accordionControl) as HTMLElement;\n if (clickTarget && target?.closest(this.classList.citedByArticleSection)) {\n const citedBySection = target?.closest(this.classList.citedByArticleSection) as HTMLElement,\n accordionControl = this.domUtils.getElement(this.classList.accordionControl, citedBySection)\n\n if (!accordionControl.classList.contains(this.classList.jsOpen)) {\n accordionControl.click();\n }\n } else if (\n clickTarget &&\n !clickTarget.classList.contains(this.classList.jsOpen)\n ) {\n clickTarget.click();\n }\n\n if (target) {\n \n target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n target.setAttribute('tabindex', '0')\n setTimeout(() => {\n target.focus();\n }, 750)\n\n if (target.tagName !== 'a' && target.tagName !== 'button') {\n target.setAttribute('tabindex', '-1');\n }\n }\n else {\n this.redirectToExternalLink(element);\n }\n }\n\n redirectToExternalLink(element: HTMLAnchorElement): void {\n window.location.assign(element.href);\n }\n\n openFootNote(noteLink: HTMLElement): void {\n this.domUtils.getElements('.footNotePopup').forEach(note => note.remove());\n\n this.domUtils.getElements('.noteLink.scrollableLink').forEach(note => note.setAttribute('aria-expanded', 'false'));\n\n const { noteContainer, chevronDown, noteClose } = this.createFootNote(noteLink),\n parentTable = this.isNodeInsideNode(noteLink, 'TBODY'); // return the parent table if exist , otherwise return null\n if (parentTable instanceof HTMLElement) {\n parentTable.appendChild(noteContainer);\n } else {\n document.body.appendChild(noteContainer);\n }\n\n let noteHeight = noteContainer.offsetHeight,\n topOffset = 0,\n leftOffset = 0,\n leftOffsetToTheParent = 0,\n parentWidth = 0,\n parentHeight = 0;\n\n if (parentTable instanceof HTMLElement) {\n topOffset = noteLink.offsetTop;\n leftOffset = noteLink.offsetLeft;\n leftOffsetToTheParent = noteLink.offsetLeft - parentTable.offsetLeft;\n parentWidth = parentTable.offsetWidth;\n parentHeight = parentTable.offsetHeight;\n noteContainer.classList.add('insideTable');\n } else {\n topOffset = noteLink.getBoundingClientRect().top + document.documentElement.scrollTop;\n leftOffset = noteLink.getBoundingClientRect().left;\n leftOffsetToTheParent = noteLink.offsetLeft;\n parentWidth = noteLink.parentElement.offsetWidth;\n }\n\n if (this.isNodeInsideNode(noteLink, 'THEAD')) {\n chevronDown.classList.add('inverse');\n noteContainer.style.top = `${topOffset + 35}px`;\n noteContainer.classList.add('insideHead');\n } else {\n noteContainer.style.top = `${topOffset - noteHeight - 5}px`;\n }\n\n // to change the left & right direction based on the noteLink position\n if (parentWidth / 2 > leftOffsetToTheParent) {\n noteContainer.style.left = `${leftOffset + 2}px`;\n chevronDown.classList.add('left');\n } else {\n noteContainer.style.left = `${leftOffset - noteContainer.offsetWidth + 22}px`;\n chevronDown.classList.add('right');\n }\n\n // to change the up & down direction based on the noteLink position\n if (parentHeight / 2 > topOffset) {\n chevronDown.classList.add('inverse');\n noteContainer.style.top = `${topOffset + 35}px`;\n }\n\n noteClose.addEventListener('click', () => {\n noteLink.setAttribute('aria-expanded', 'false');\n noteLink.removeAttribute('aria-controls');\n noteContainer.remove();\n });\n }\n\n createFootNote(noteLink: HTMLElement): FootnoteComponents {\n const noteContainer: HTMLElement = document.createElement('div');\n noteContainer.classList.add(\"footNotePopup\");\n\n const noteID = noteLink.getAttribute('data-noteid'),\n controllerId = noteLink.getAttribute('id'),\n popupId = noteLink.getAttribute('href').substring(1), // to remove '#'\n noteContent = document.querySelector(`li#${noteID}`).innerHTML;\n\n noteContainer.innerHTML = this.configs.notePopup(noteContent);\n noteLink.setAttribute('aria-expanded', 'true');\n noteLink.setAttribute('aria-controls', popupId);\n noteContainer.setAttribute('id', popupId);\n noteContainer.setAttribute('aria-labelledby', controllerId);\n\n const chevronDown = this.domUtils.getElement('.chevronDown', noteContainer),\n noteClose = this.domUtils.getElement('.footNoteClose', noteContainer);\n\n return { noteContainer, chevronDown, noteClose };\n }\n\n // to determine if the notelink exist inside XYZ node or not because different styles going to be applied if yes.\n // return false if not , if true return the XYZ node itself .\n isNodeInsideNode(node: HTMLElement, parentNode: string): boolean | HTMLElement {\n if (node.tagName === parentNode) return node;\n return node.parentNode !== document.body && this.isNodeInsideNode(node.parentNode as HTMLElement, parentNode);\n }\n\n}\n\nexport default GoToSection;","import 'ui-core/components/figure-viewer/js/figure-viewer-script';\nimport GoToSection from '../../go-to-section/js/goToSection';\nimport {keyCodes} from '../../../utility/js/utils';\n\n(function () {\n const figureViewer = UX.figureViewer;\n const figureNumbers = document.querySelectorAll('.figure__image');\n let nodesToBeDisabled = [];\n\n figureViewer.removeFigureTitle = function () {};\n\n figureViewer.additionalBrowse = function () {\n if ($('#pane-pcw-figures').hasClass('empty')) {\n figureViewer.$browseContainer.empty();\n figureViewer.$figures.each(function () {\n let $fig = $(this).clone(true);\n let $figureLinks = $fig.find('.figure-links');\n\n if ($figureLinks.length) {\n $figureLinks.remove();\n }\n figureViewer.$browseContainer.append($fig);\n });\n }\n };\n\n figureViewer.height = function (element) {\n let $windowsHeight = $(window).innerHeight();\n figureViewer.$topRegHeight = $('.figure-viewer__reg__top').innerHeight();\n let $height = $windowsHeight - figureViewer.$topRegHeight; //LIT-360726\n if (figureViewer.isMobile) {\n $height -= figureViewer.$captionRegion.find('.figure-viewer__title').height();\n const captionRegion = document.querySelector('.figure-viewer__cent__right');\n if (captionRegion) {\n captionRegion.style.height = `${$height}px`;\n }\n }\n $('.figure-viewer__cent__left').find('figure').height($height);\n };\n\n figureViewer.on.additionalOnShow = function () {\n const figureViewer = document.querySelector('.figure-viewer');\n\n UX.utils.focusCycleInitiator(figureViewer);\n const adFocusableEl = document.querySelector('.js--adFocusableEl');\n if (adFocusableEl && adFocusableEl.tabIndex === -1) {\n adFocusableEl.tabIndex = 0;\n }\n nodesToBeDisabled = UX.utils.disableNodes(figureViewer);\n\n if (figureViewer.querySelector('.figure__highResImgReplacer'))\n figureViewer.addEventListener('click', function () {\n const zoomIn = figureViewer.querySelector('.zoom-in');\n zoomIn.click();\n });\n };\n\n figureViewer.on.additionalOnHide = function () {\n const adFocusableEl = document.querySelector('.js--adFocusableEl');\n if (adFocusableEl && adFocusableEl.tabIndex === 0) {\n adFocusableEl.tabIndex = -1;\n }\n nodesToBeDisabled.forEach(element => {\n element.inert = false;\n });\n figureViewer.$focusedElementBeforeOpened.focus();\n };\n\n if (figureNumbers.length === 1) {\n figureViewer.$figureNav.hide();\n }\n\n figureViewer.additionalReplace = function () {\n const goToSection = new GoToSection();\n const figure = document.getElementById('figure-viewer');\n const figureImage = figure?.querySelector('.figure__image');\n const sectionImages = figure?.querySelectorAll('.section_image');\n const imageType = figureImage?.src?.split('.').pop().trim();\n const figureCaptionLinks = UX.utils.convertToArray(\n figure?.querySelectorAll('.figure-viewer__hold__figcap a:not(.linkBehavior)')\n );\n figureCaptionLinks?.forEach(link => {\n link.addEventListener('click', e => {\n figureViewer.on.hide();\n goToSection?.flowControl(e);\n });\n });\n\n if (imageType === 'svg') {\n fetch(figureImage.src)\n .then(response => response.text())\n .then(svgText => {\n const svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n svgElement.innerHTML = svgText;\n\n const feFlood = svgElement?.querySelector('feFlood');\n const floodColor = feFlood?.getAttribute('flood-color');\n if (!floodColor) {\n figureImage.classList.add('bg-white');\n }\n })\n .catch(error => console.error(error));\n }\n\n sectionImages?.forEach(image => {\n const canvas = document.createElement('canvas');\n canvas.width = image.width;\n canvas.height = image.height;\n\n // Draw the image on the canvas\n const context = canvas.getContext('2d');\n context.drawImage(image, 0, 0);\n\n // Get the pixel data of the top-left corner (0,0) on the canvas\n const pixelData = context.getImageData(0, 0, 1, 1).data;\n if (pixelData[0] === 0 && pixelData[1] === 0 && pixelData[2] == 0) {\n image.classList.add('bg-white');\n }\n });\n };\n\n figureViewer.zoom.panzoom = {\n // zoom in functionality\n init: function () {\n if (typeof $.fn.panzoom != 'undefined') {\n figureViewer.$image.panzoom({\n $zoomIn: figureViewer.$zoominbtn,\n $zoomOut: figureViewer.$zoomoutbtn,\n $zoomRange: figureViewer.$zoomrange,\n $reset: figureViewer.$zoomreset,\n panOnlyWhenZoomed: false,\n minScale: 1,\n });\n const directionControls = document.querySelector('.direction-control');\n figureViewer.$image.on('panzoomchange', function (e) {\n if (figureViewer.$zoomrange.val() === '1') {\n figureViewer.$image.css('transform', 'matrix(1, 0, 0, 1, 0, 0)');\n $(this).removeClass('zoomed');\n directionControls.classList.add('hidden');\n } else {\n $(this).addClass('zoomed');\n directionControls.classList.remove('hidden');\n const figureViewer = document.querySelector('.figure-viewer');\n\n UX.utils.focusCycleInitiator(figureViewer);\n }\n });\n }\n },\n };\n\n const inlineEquations = document.querySelectorAll('.inline-equation__construct .figure__image');\n inlineEquations?.forEach(equation => {\n if (!equation.closest('.figure')) {\n equation.addEventListener('click', e => {\n e.preventDefault();\n e.stopPropagation();\n });\n }\n });\n const STEP_MOVE = 50;\n\n const updateMatrix = (matrixStr, direction) => {\n const matrixValues = matrixStr.match(/[-0-9.]+/g).map(Number);\n\n switch (direction) {\n case 'up':\n matrixValues[5] -= STEP_MOVE;\n break;\n\n case 'down':\n matrixValues[5] += STEP_MOVE;\n break;\n\n case 'left':\n matrixValues[4] -= STEP_MOVE;\n break;\n\n case 'right':\n matrixValues[4] += STEP_MOVE;\n break;\n\n default:\n break;\n }\n\n return `matrix(${matrixValues.join(', ')})`;\n };\n\n const moveControlHandler = e => {\n const figure = document.querySelector('.figure-viewer__hold__fig figure');\n let originalMatrix = '';\n if (figure.style.transform === 'none') {\n originalMatrix = 'matrix(1, 0, 0, 1, 0, 0)';\n } else {\n originalMatrix = figure.style.transform;\n }\n const direction = e.target.getAttribute('direction');\n figure.style.transform = updateMatrix(originalMatrix, direction);\n };\n\n document.querySelectorAll('.direction-control span').forEach(control => {\n control.addEventListener('click', e => moveControlHandler(e));\n control.addEventListener('keydown', e => {\n if (e.key === 'Enter' || e.keyCode === keyCodes.RETURN || e.key === ' ' || e.keyCode === keyCodes.SPACE) {\n moveControlHandler(e);\n }\n });\n });\n})();\n","import 'ui-core/widgets/publication-content/js/publication-content';\nimport 'ui-core/components/coolbar/js/coolbar';\nimport 'element-closest-polyfill';\nimport 'core-js/es/array/map';\nimport GetFTR from '../../../components/getFTR/js/getFTR';\n\nlet videoList,\n audioList,\n videoInfoArr = [];\n\nconst article = document.querySelector('article'),\n isGetFTRReferencesEnabled = article?.getAttribute('data-getFTR-references-enabled');\n\nUX.loader.load.related = function () {};\n\nUX.loader.load.references = function () {};\n\nUX.loader.load.figures = function () {};\n\nUX.loader.getContentSuccess = function ($elem) {\n if ($elem === 'related') {\n const relatedPane = document.getElementById('pane-pcw-related');\n relatedPane?.setAttribute('aria-hidden', 'false');\n UX.accordion?.logic($('#pane-pcw-related .accordion-tabbed'));\n }\n\n if ($elem === 'details') {\n if ($('.tooltip').length) {\n UX.tooltip.init();\n }\n\n UX.loader.crossMarkAccessibility();\n UX.loader.altMetricLoader();\n }\n\n if ($elem === 'figure' && $('#pane-pcw-figures').find('.cloudflare-stream-player').length) {\n $.getScript(UX.loader.cloudFlareScript);\n }\n\n if ($elem === 'figure') {\n videoList = document.querySelectorAll('#pane-pcw-figures .figure__video .cloudflare-stream-player');\n audioList = document.querySelectorAll('#pane-pcw-figures .figure__audio audio');\n UX.loader.videoMedia(videoList, 'figureTab');\n UX.loader.audioMedia(audioList);\n document.addEventListener('figureTabTypeset', UX.utils.mathOnlyFallbackViewer);\n }\n\n if ($elem === 'references') {\n const jsScrollTab = $('.js--scrollTab');\n if (jsScrollTab.length) {\n UX.tab.on.select.external(jsScrollTab);\n }\n }\n\n UX.loader.showAudioSupportMsg();\n UX.loader.streamErrorHandler('#pane-pcw-figures');\n if (window.location.href.includes('utm')) {\n UX.utm.setElements();\n UX.utm.init();\n }\n\n let tabContent = document.querySelector('.tabs__wrapper .tab__content'),\n contentLoaded = tabContent?.querySelector('.active:not(#pane-pcw-related)');\n\n if (\n contentLoaded?.innerHTML.includes('mathrm') ||\n contentLoaded?.innerHTML.includes('textrm') ||\n contentLoaded?.innerHTML.includes('math')\n ) {\n const applyMathJax = setInterval(() => {\n if (contentLoaded.hasChildNodes()) {\n MathJax.typesetPromise([tabContent])\n .then(() => {\n clearInterval(applyMathJax);\n document.dispatchEvent(new Event('figureTabTypeset'));\n })\n .catch(err => console.log(err.message)); // eslint-disable-line no-console\n }\n }, 2000);\n }\n};\n\nfunction referencesBottom($this) {\n const referencesLink = $this.data('references');\n\n if (isGetFTRReferencesEnabled) {\n const dataDoiElements = document.querySelectorAll('.getFTR .data-doi');\n const getFTR = new GetFTR();\n dataDoiElements && UX.loader.removeGetFTRElement(dataDoiElements);\n getFTR.articleReferences($this[0]);\n }\n\n if (!$('.article-section__references:has(.getFTR) .accordion__control').hasClass('clicked')) {\n $.get(referencesLink)\n .done(function (html) {\n $('.article-section__references:has(.getFTR) .accordion__control').addClass('clicked');\n })\n .fail(function (jqXHR, textStatus, errorThrown) {\n console.log('error occure on the server ' + errorThrown); // eslint-disable-line no-console\n });\n }\n}\n\nUX.loader.additionalController = function () {\n var lang = null,\n langParent = null,\n $this = null,\n $wSlideContent = null,\n $accordion = null,\n cloudFlareScript = null;\n const $body = $('body');\n\n UX.loader.abstractLangs();\n\n UX.loader.referencesHash();\n\n UX.utils.menuRoleButton();\n\n $body.one('click ', '.related-tab', function (e) {\n if (UX.loader.related !== undefined) {\n // check if related' service url has been defined\n UX.loader.element = UX.loader.related;\n UX.loader.target = UX.loader.tabRelated;\n if (UX.loader.isArticleTabEmpty($(this))) {\n // check if figures panes is empty\n UX.loader.load.articleTab(\n UX.loader.related,\n UX.loader.relatedTab,\n UX.loader.tabRelated,\n 'related',\n false,\n false\n ); // get related content\n $(UX.loader.target).removeClass('empty');\n UX.accordion.hideAllBoolean = false;\n }\n $('.creative-work .meta').truncate({\n lines: 1,\n });\n }\n });\n\n $body.on('focus', '.related-tab', function (e) {\n if (!UX.loader.isMobile) {\n $(this).trigger('click');\n }\n });\n\n $body.one('click', '.references-tab', function (e) {\n if (UX.loader.isArticleTabEmpty($(this))) {\n const referencesAccordion = Array.from(\n document.querySelectorAll('.article-section__references .article-accordion')\n );\n const referencesPane = document.getElementById('pane-pcw-references');\n let referencesSectionsBulk = [];\n\n referencesAccordion?.forEach(accordion => {\n const accordionTitleText = accordion.querySelector('.section__title')?.textContent;\n const referencesList = accordion?.querySelector('.accordion__content > ul');\n let titleEl = '';\n\n if (accordionTitleText?.toLowerCase() !== 'references') {\n titleEl = `${accordionTitleText}
`;\n }\n const referencesSection = `${titleEl}${referencesList?.outerHTML}
`;\n referencesSectionsBulk.push(referencesSection);\n });\n\n const referencesPaneContent = `${referencesSectionsBulk.join('')}
`;\n referencesPane.insertAdjacentHTML('beforeend', referencesPaneContent);\n\n if (isGetFTRReferencesEnabled) {\n const dataDoiElements = document.querySelectorAll('.getFTR .data-doi');\n const getFTR = new GetFTR();\n dataDoiElements && UX.loader.removeGetFTRElement(dataDoiElements);\n getFTR.referencesTab();\n }\n }\n });\n\n $body.on('focus', '.references-tab', function (e) {\n if (!UX.loader.isMobile) {\n $(this).trigger('click');\n }\n });\n\n document.querySelector('#article_Ctrl')?.addEventListener('mousedown', e => {\n e.preventDefault();\n });\n\n $body.one('click', '.figures-tab', function (e) {\n if (UX.loader.figure !== undefined) {\n // check if related' service url has been defined\n UX.loader.element = UX.loader.figure;\n UX.loader.target = UX.loader.tabFigure;\n if (UX.loader.isArticleTabEmpty($(this))) {\n // check if figures panes is empty\n UX.loader.load.articleTab(\n UX.loader.figure,\n UX.loader.figuresTab,\n UX.loader.tabFigure,\n 'figure',\n false,\n false\n ); // get figure content\n $(UX.loader.target).removeClass('empty');\n }\n setTimeout(function () {\n UX.loader.captionTruncate(\n '.tab__content figcaption.figure__caption .figure__caption',\n 5,\n 'show',\n 'hide'\n );\n }, 1000);\n }\n });\n\n $body.on('focus', '.figures-tab', function (e) {\n if (!UX.loader.isMobile) {\n $(this).trigger('click');\n }\n });\n\n $(document).on('click', '.abstract-group .article-section__abstract .lang', function (e) {\n e.preventDefault();\n\n $('.article-row-left').height('auto');\n\n lang = $(this).data('lang-of');\n langParent = $(this)\n .closest('.abstract-group')\n .find('[data-lang=' + lang + ']');\n\n const abstractElements = document.querySelectorAll('[id^=\"abstract-graphical-\"]'),\n abstractParentHolder = document.querySelector('.abstract-group'),\n abstractLanguages = abstractParentHolder.querySelectorAll('[id^=\"section-\"]');\n\n abstractElements?.forEach(element => {\n const id = element?.id;\n id !== `abstract-graphical-${lang}` ? (element.style.display = 'none') : (element.style.display = 'unset');\n });\n\n abstractLanguages?.forEach(element => {\n const sectionLanguage = element.getAttribute('lang');\n sectionLanguage === lang ? (element.style.display = 'block') : (element.style.display = 'none');\n });\n\n $('.lang').removeClass('active');\n langParent.find('[data-lang-of=' + lang + ']').addClass('active');\n langParent.show();\n\n if ($('.article-row-left').outerHeight() < $(window).outerHeight()) {\n $('.article-row-left').height($(window).outerHeight() - $('header').outerHeight());\n }\n UX.coolbar.holder.empty();\n UX.coolbar.init();\n });\n\n $(document).on('click', '.figure-viewer .figureLink, .figure-viewer .bibLink', function () {\n $('.figure-viewer__ctrl__close').trigger('click');\n });\n\n $body.on('click', '.bibLink', function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n const $this = $(this),\n $articleRowRight = $('.article-row-right'),\n $rootArticle = $articleRowRight.closest('article');\n\n if (!$this.hasClass('js--scrollTab')) {\n $rootArticle.find('.js--scrollTab').removeClass('js--scrollTab');\n $this.addClass('js--scrollTab');\n }\n\n if (UX.loader.isMobile) {\n const $slideBackBtn = $('.w-slide__back');\n\n $slideBackBtn.addClass('js--bib');\n }\n\n const referenceLink = e.target?.getAttribute('href');\n const referenceTarget = referenceLink?.slice(1);\n const tabReferenceItem = document.querySelector(\n `.references-tab__collection li[data-bib-id=\\'${referenceTarget}\\']`\n );\n tabReferenceItem?.setAttribute('tabindex', '0');\n tabReferenceItem?.focus();\n });\n\n $(document).on('click', '.back-to-article', function () {\n let $this = $(this),\n dataBackTo = $this.data('back-to'),\n articleTarget = $('.js--scrollTab[href=\"' + dataBackTo + '\"]');\n\n articleTarget.focus();\n $this.removeClass('js--show');\n });\n\n $(window).on('load', function () {\n if ($('.coolBar').length && $('.w-slide').length) {\n $('.w-slide').addClass('padding-top');\n }\n\n $('.hideOnJSLoad').remove();\n $('.showOnJSLoad').removeClass('showOnJSLoad');\n //LIT-188190\n $('.coolBar--accessDenail .accordion-tabbed__control').on('click', function (e) {\n if (!$(this).hasClass('external')) {\n e.preventDefault();\n e.stopPropagation();\n $(this).next('.accordion-tabbed__content').toggle();\n $(this).attr('aria-expanded', $(this).attr('aria-expanded') === 'true' ? 'false' : 'true');\n $(this).parent('.accordion-tabbed__tab').toggleClass('js--open');\n }\n });\n });\n\n $('.figures-tab').on('click', function () {\n UX.loader.captionTruncate('.tab__content figcaption.figure__caption .figure__caption', 5, 'show', 'hide');\n });\n\n $body.on('click', '.more', function () {\n UX.loader.captionShowMore($(this));\n return false;\n });\n\n $body.on('click', '.less', function () {\n UX.loader.captionShowLess($(this));\n return false;\n });\n\n if ($('.corrections-label').length > 0) {\n const dataLabel = $('.corrections-container').hasClass('article-related') ? 'Article(s)' : 'Correction(s)';\n\n $('.corrections-body > ul').addClass('corrections-list');\n $('.corrections-label').addClass('w-slide__btn').attr({\n 'data-slide-target': '.corrections-body',\n 'data-label': dataLabel,\n });\n }\n\n $body.on('click', '.article-section__references:has(.getFTR) .accordion__control:not(.js--open)', function (e) {\n referencesBottom($(this));\n });\n\n $(window).load(function () {\n var url = window.location.href;\n var splitURL = url.split('#');\n var referencesSection = splitURL[1];\n if (referencesSection === 'references-section') {\n $('.article-section__references:has(.getFTR) .accordion__control:not(.js--open)').first().click();\n }\n });\n\n $(document).on('click', '.w-slide .accordion-tabbed__tab:not(.js--open)', function (e) {\n if ($(this).children('.author-name').length) {\n $this = $(this);\n $wSlideContent = $this.closest('.w-slide__content');\n $accordion = $this.closest('.accordion-tabbed');\n window.setTimeout(function () {\n if (\n $wSlideContent.outerHeight() < $this.position().top + $this.outerHeight() ||\n $wSlideContent.scrollTop() > $this.position().top - $accordion.position().top\n ) {\n $wSlideContent.animate(\n {\n scrollTop: $this.position().top - $accordion.position().top,\n },\n 250\n );\n }\n }, 500);\n }\n });\n\n $(document).on('click', '.skip-links a', function (e) {\n var $item = $(this),\n itemDataSkip = $item.attr('href'),\n $skipTarget = $('.article-row ' + itemDataSkip);\n\n if ($skipTarget.length > 1) {\n e.preventDefault();\n if ($skipTarget.closest().is('.transplanted-clone')) {\n return false;\n }\n $(window).scrollTop($skipTarget.offset().top);\n $skipTarget.focus();\n }\n });\n\n $(window).on('load', function () {\n var $supportInfoSection = $(document).find('#support-information-section'),\n $supportInfoAccordion = $supportInfoSection.closest('.accordion__control');\n\n if (\n window.location.href.indexOf('#support-information-section') > 0 &&\n $supportInfoSection.length &&\n !$supportInfoAccordion.hasClass('js--open')\n ) {\n $supportInfoSection.trigger('click');\n }\n\n $('.article-section__table thead').each(function (index, thead) {\n var $headRow = $(thead).children(),\n stickyHeight = 0;\n\n if ($headRow.length > 1) {\n $headRow.each(function (index, tr) {\n var $th = $(tr).find('th'),\n trHeight = $(tr).outerHeight();\n if (index !== 0) {\n $th.css('top', stickyHeight);\n }\n stickyHeight += trHeight;\n });\n }\n });\n\n if ($('#gs-casa-r').length) {\n $('#gs-casa-r').css('z-index', '10');\n }\n });\n\n if ($('.fixedCoolBar').length) {\n UX.loader.fixedCoolBar();\n\n $(window).on('scroll resize', function () {\n UX.loader.fixedCoolBar();\n });\n }\n\n if ($('.seamlessAccessDenial__wrapper').length) {\n setTimeout(UX.loader.seamlessAccessDelay, 5000);\n }\n\n window.addEventListener('load', () => {\n const tooltipEl = UX.utils.convertToArray(document.querySelectorAll('.tooltip'));\n if (tooltipEl.length) {\n UX.tooltip.init();\n }\n\n const mobileDetailsTabWrapper = document.querySelector('.w-slide--list'),\n mobileDetailsTab = mobileDetailsTabWrapper?.querySelector('.details-tab');\n\n if (mobileDetailsTab || UX.loader.isMobile) {\n UX.loader.load.articleTab(UX.loader.details, UX.loader.detailsTab, UX.loader.tabDetails, 'details');\n }\n });\n\n const articleAdvertSection = document.querySelector('.articleAdvert'),\n bottomAdEl = articleAdvertSection?.querySelector('.advert-rail'),\n fakeFocusableEl = '';\n\n bottomAdEl?.insertAdjacentHTML('afterend', fakeFocusableEl);\n\n const supportInformationSection = document.querySelector('.article-section__supporting');\n if (supportInformationSection) {\n const supportInformationSectionData = supportInformationSection.dataset.suppl,\n supportInformationAccordion = supportInformationSection.querySelector('.accordion__control'),\n showSupplOnClick = e => {\n if (!e.currentTarget.dataset.triggered) {\n e.currentTarget.dataset.triggered = 'true';\n if (supportInformationSectionData) {\n fetch(supportInformationSectionData).then(() => false);\n }\n }\n },\n showSupplOnKeydown = e => {\n if (e.key === 'Enter') {\n if (!e.currentTarget.dataset.triggered) {\n e.currentTarget.dataset.triggered = 'true';\n if (supportInformationSectionData) {\n fetch(supportInformationSectionData).then(() => false);\n }\n }\n }\n };\n\n if (supportInformationAccordion) {\n supportInformationAccordion.addEventListener('click', showSupplOnClick);\n supportInformationAccordion.addEventListener('keydown', showSupplOnKeydown);\n }\n }\n\n videoList = document.querySelectorAll('#article__content .figure__video .cloudflare-stream-player');\n audioList = document.querySelectorAll('#article__content .figure__audio audio');\n cloudFlareScript = document.querySelector('.cloudFlareScript')?.value;\n\n UX.loader.showAudioSupportMsg();\n UX.loader.streamErrorHandler('.article__content');\n UX.loader.fixedToolbarPosition();\n UX.loader.setTPRAriaLabel();\n UX.loader.audioMedia(audioList);\n\n const cloudFlareInterval = setInterval(function () {\n UX.loader.videoMedia(videoList);\n\n if (cloudFlareScript) {\n clearInterval(cloudFlareInterval);\n }\n }, 3000);\n};\n\nUX.loader.videoMedia = function (videoList, source) {\n if (videoList.length) {\n let videoStartTime = 0,\n videoPlayingPeriod = 0;\n\n const videoListArr = Array.from(videoList),\n streamEvents = ['playing', 'pause', 'seeking', 'waiting', 'ended', 'stalled'],\n streamAnalysis = (event, videoId, videoElement, videoObject) => {\n const figureVideoElement = videoElement.closest('.figure__video'),\n trackMediaUrlElement = figureVideoElement.querySelector('.track-media-url');\n\n if (trackMediaUrlElement) {\n const trackMediaUrlData = trackMediaUrlElement.value,\n videoAutoplay = videoObject.autoplay,\n videoCurrentTime = videoObject.currentTime,\n eventType = event.type;\n\n if (eventType === 'playing') {\n videoStartTime = videoCurrentTime;\n }\n\n videoCurrentTime > 0\n ? (videoPlayingPeriod = videoCurrentTime - videoStartTime)\n : ((videoStartTime = 0), (videoPlayingPeriod = 0));\n\n if (source === 'figureTab') {\n videoInfoArr.map(item =>\n item.videoId === videoId ? (item.videoTime = videoCurrentTime) : item\n );\n }\n\n if (trackMediaUrlData && typeof videoObject.currentTime !== 'undefined') {\n switch (eventType) {\n case 'pause':\n if (videoObject.currentTime === videoObject.duration) return false;\n break;\n }\n const url = `${trackMediaUrlData}&mediaEventType=${eventType}&mediaPosition1=${videoCurrentTime}&mediaPlayingPeriod=${videoPlayingPeriod}&autoplay=${videoAutoplay}`;\n fetch(url).then(() => false);\n }\n }\n\n return false;\n },\n onBrowserClose = (event, videoObject, videoElement) => {\n if (videoObject.currentTime > 0 && !videoObject.paused && !videoObject.ended) {\n const figureVideoElement = videoElement.closest('.figure__video'),\n trackMediaUrlEl = figureVideoElement.querySelector('.track-media-url'),\n trackMediaUrlData = trackMediaUrlEl.value,\n videoAutoplay = videoObject.autoplay,\n videoCurrentTime = videoObject.currentTime,\n eventType = 'pause';\n\n videoPlayingPeriod = videoCurrentTime - videoStartTime;\n\n let url = trackMediaUrlData\n ? `${trackMediaUrlData}&mediaEventType=${eventType}&mediaPosition1=${videoCurrentTime}&mediaPlayingPeriod=${videoPlayingPeriod}&autoplay=${videoAutoplay}`\n : '';\n fetch(url).then(() => false);\n }\n };\n\n videoListArr.forEach((video, index) => {\n const videoElement = video,\n videoObject = Stream(videoElement),\n videoId = index;\n\n video.setAttribute('title', 'Video');\n\n if (source === 'figureTab' && videoInfoArr.filter(item => item.videoId === videoId).length === 0) {\n videoInfoArr.push({\n videoId: videoId,\n videoTime: videoObject.currentTime,\n });\n } else if (source === 'figureViewer') {\n videoInfoArr.map(item =>\n item.videoId === videoId ? (videoObject.currentTime = item.videoTime) : item\n );\n }\n\n streamEvents.forEach(ev => {\n videoObject.addEventListener(ev, event => {\n streamAnalysis(event, videoId, videoElement, videoObject);\n });\n });\n\n window.addEventListener('beforeunload', event => {\n onBrowserClose(event, videoObject, videoElement);\n });\n });\n }\n};\n\nUX.loader.audioMedia = function (audioList) {\n if (audioList.length) {\n let audioStartTime = 0,\n audioPlayingPeriod = 0;\n\n const streamEvents = ['playing', 'pause', 'seeking', 'waiting', 'ended', 'stalled'],\n streamAnalysis = e => {\n const figureAudioElement = e.target.closest('.figure__audio'),\n trackMediaUrlEl = figureAudioElement.querySelector('.track-media-url');\n\n if (trackMediaUrlEl) {\n const trackMediaUrlData = trackMediaUrlEl.value,\n audioAutoplay = e.target.autoplay,\n eventType = e.type,\n audioCurrentTime = e.target.currentTime;\n\n if (eventType === 'playing') {\n audioStartTime = audioCurrentTime;\n }\n\n audioCurrentTime > 0\n ? (audioPlayingPeriod = audioCurrentTime - audioStartTime)\n : ((audioStartTime = 0), (audioPlayingPeriod = 0));\n\n if (trackMediaUrlData && typeof e.target.currentTime !== 'undefined') {\n switch (eventType) {\n case 'pause':\n if (e.target.currentTime === e.target.duration) return false;\n break;\n }\n const url = `${trackMediaUrlData}&mediaEventType=${eventType}&mediaPosition1=${audioCurrentTime}&mediaPlayingPeriod=${audioPlayingPeriod}&autoplay=${audioAutoplay}`;\n fetch(url).then(() => false);\n }\n }\n },\n onBrowserClose = () => {\n audioList.forEach(audio => {\n if (audio.currentTime > 0 && !audio.paused && !audio.ended) {\n const figureAudioElement = audio.closest('.figure__audio'),\n trackMediaUrlEl = figureAudioElement.querySelector('.track-media-url'),\n trackMediaUrlData = trackMediaUrlEl.value,\n eventType = 'pause',\n audioAutoplay = audio.autoplay,\n audioCurrentTime = audio.currentTime;\n\n audioPlayingPeriod = audioCurrentTime - audioStartTime;\n\n let url = trackMediaUrlData\n ? `${trackMediaUrlData}&mediaEventType=${eventType}&mediaPosition1=${audioCurrentTime}&mediaPlayingPeriod=${audioPlayingPeriod}&autoplay=${audioAutoplay}`\n : '';\n fetch(url).then(() => false);\n }\n });\n };\n\n audioList.forEach(audio => {\n streamEvents.forEach(ev => {\n audio.addEventListener(ev, streamAnalysis);\n });\n });\n\n window.addEventListener('beforeunload', onBrowserClose);\n }\n};\n\nUX.loader.setTPRAriaLabel = function () {\n const $body = $('body');\n\n if ($body.find('.tpr__link').length) {\n let $tprLink = $body.find('.tpr__link'),\n tprHost = $tprLink[0].host,\n tprAriaLabel = tprHost.split('.')[0];\n $tprLink.attr('aria-label', tprAriaLabel);\n }\n};\n\nUX.loader.abstractLangs = function () {\n var tmp = [];\n var ids = [];\n var langNames = [];\n var $abs = $('.abstract-group .article-section__abstract');\n\n //$abs.addClass('active');\n $('.article-section__abstract:not(#abstract-graphical-)').hide();\n\n const observer = new MutationObserver((mutationsList, observer) => {\n const element = document.querySelector('.lang.active');\n if (element) {\n const activeLanguage = element.getAttribute('hreflang');\n const abstractGraphicalCurrent = document.getElementById(`abstract-graphical-${activeLanguage}`);\n abstractGraphicalCurrent && (abstractGraphicalCurrent.style.display = 'block');\n\n observer.disconnect();\n }\n });\n observer.observe(document, {childList: true, subtree: true});\n\n $abs.each(function () {\n if ($(this).find('.lang').length) {\n // check if we have tow abs with the same lang\n for (let i = 0; i <= tmp.length; i++) {\n if (tmp[i] === $(this).find('.lang').html()) {\n $(this).find('.lang').remove();\n return;\n }\n }\n\n tmp.push($(this).find('.lang').html());\n ids.push($(this).attr('id'));\n langNames.push(\n $(this).attr('lang-name')?.includes(';')\n ? $(this).attr('lang-name').split(';')[0]\n : $(this).attr('lang-name')\n );\n $(this).find('.lang').remove();\n $(this).find('.article-section__header').after(\"\");\n }\n });\n\n if (tmp.length <= 1) {\n $('.lang-container').remove();\n $('.article-section__abstract').show();\n }\n\n for (let i = 0; i < tmp.length; i++) {\n $('.lang-container').append(\n \"\" +\n tmp[i] +\n 'This link goes to a ' +\n langNames[i] +\n ' section'\n );\n }\n\n $('.lang').show();\n $abs.find('.lang:first-child').addClass('active').show();\n $('.article-section__abstract[data-lang= ' + tmp[0] + ' ]').show();\n};\n\nUX.loader.referencesHash = function () {\n var hash = window.location.hash;\n if (hash === '#reference') {\n setTimeout(function () {\n $('.references-tab').click();\n }, 200);\n }\n};\n\nUX.loader.captionTruncate = function (elem, lineNumber, show_more, show_less) {\n $(elem).each(function () {\n var $caption = $(this);\n\n $caption.truncate({\n lines: lineNumber,\n seeMoreLink: true,\n seeMoreText: show_more,\n seeLessText: show_less,\n });\n });\n};\n\nUX.figureViewer.additionalBehaviorOnShow = function ($el) {\n var content = null;\n\n if ($el.find('figcaption .figure__caption').data('originalContent') !== undefined) {\n content = $el.find('figcaption .figure__caption').data('originalContent');\n } else {\n content = $el.find('figcaption, .figcaption').clone();\n content.find('strong').remove();\n }\n\n videoList = document.querySelectorAll('#figure-viewer .figure__video .cloudflare-stream-player');\n audioList = document.querySelectorAll('#figure-viewer .figure__audio audio');\n\n UX.loader.videoMedia(videoList, 'figureViewer');\n UX.loader.audioMedia(audioList);\n\n return content;\n};\n\n$(window).on('load resize orientationchange', function () {\n var toTrim = '.article-citation .loa-authors .accordion-tabbed';\n\n UX.loader.captionTruncate('.tab__content figcaption.figure__caption .figure__caption', 5, 'show', 'hide');\n UX.loader.captionTruncate('.disclosures', 2, 'show', 'hide');\n UX.loader.captionTruncate('.article-header__references-container:not(.no-truncate)', 1, 'More', 'Less');\n UX.loader.captionTruncate('.aboutThisBook .content', 6, 'More', 'Less');\n\n if (UX.loader.isMobile) {\n $(toTrim).truncate('destroy');\n UX.loader.rebuild.responsive();\n toTrim = '.article-citation .loa.mobile-authors';\n $(toTrim).truncate({\n lines: 2,\n type: 'list',\n seeMoreLink: true,\n seeMoreText: 'See all authors',\n seeLessText: 'See fewer authors',\n lessLinkEllipsis: true,\n isMobile: true,\n mobileTarget: '#sb-1',\n isSliding: true,\n });\n } else {\n $(toTrim).truncate({\n lines: 2,\n type: 'list',\n seeMoreLink: true,\n seeMoreText: 'See all authors',\n seeLessText: 'See fewer authors',\n lessLinkEllipsis: true,\n isSliding: false,\n });\n }\n\n UX.loader.fixedToolbarPosition();\n});\n\ndocument.addEventListener('mathjax-initilized', () => {\n setTimeout(() => {\n UX.utils.fallbackImageViewer();\n }, 1000);\n});\nUX.utils.lazyFallbackImage();\n\nUX.loader.load.articleTabs = function () {\n const articleRowRightTabs = UX.utils.convertToArray(document.querySelectorAll('.article-row-right__tabLinks'));\n\n if (articleRowRightTabs.length) {\n let isLoaded = false;\n\n const detailsTabLoader = e => {\n if (e.currentTarget.classList.contains('details-tab') && !isLoaded) {\n UX.loader.load.articleTab(\n UX.loader.details,\n UX.loader.detailsTab,\n UX.loader.tabDetails,\n 'details',\n false,\n false\n );\n isLoaded = true;\n }\n };\n\n articleRowRightTabs.forEach(item => {\n ['click', 'focus'].forEach(ev => {\n item.addEventListener(ev, detailsTabLoader);\n });\n });\n }\n};\n\nUX.loader.articleTabsTrigger = function () {\n const defaultTabEl = document.querySelector('[data-default-tab]'),\n defaultTabData = defaultTabEl?.dataset.defaultTab,\n pageHash = window.location.hash,\n pubTabs = {\n figures: 'figures',\n references: 'references',\n related: 'related',\n details: 'details',\n },\n setDefaultTab = (selectedTab = '') => {\n let tabBtn, tabBtnParent, tabPane;\n defaultTabEl\n .querySelector(`[class*=${defaultTabEl.getAttribute('data-default-tab')}]`)\n .removeAttribute('tabindex');\n\n tabBtn = defaultTabEl.querySelector(`.${selectedTab}-tab`);\n\n if (tabBtn) {\n tabBtnParent = tabBtn.parentElement;\n tabPane = defaultTabEl.querySelector(`[id=\"pane-pcw-${selectedTab}\"]`);\n } else {\n selectedTab = defaultTabData;\n tabBtn = defaultTabEl.querySelector(`.${defaultTabData}-tab`);\n tabBtnParent = tabBtn?.parentElement;\n tabPane = defaultTabEl.querySelector(`[id=\"pane-pcw-${defaultTabData}\"]`);\n }\n\n if (defaultTabData && !UX.loader.isMobile) {\n tabBtnParent.classList.add('active');\n tabPane.classList.add('active');\n\n switch (pubTabs[selectedTab]) {\n case 'figures':\n UX.loader.load.articleTab(\n UX.loader.figure,\n UX.loader.figuresTab,\n UX.loader.tabFigure,\n 'figure',\n false,\n true\n );\n break;\n case 'references':\n UX.loader.load.articleTab(\n UX.loader.references,\n UX.loader.referencesTab,\n UX.loader.tabReferences,\n 'references',\n false,\n true\n );\n break;\n case 'related':\n UX.loader.load.articleTab(\n UX.loader.related,\n UX.loader.relatedTab,\n UX.loader.tabRelated,\n 'related',\n false,\n true\n );\n break;\n case 'details':\n UX.loader.load.articleTab(\n UX.loader.details,\n UX.loader.detailsTab,\n UX.loader.tabDetails,\n 'details',\n false,\n true\n );\n break;\n }\n }\n };\n\n let selectedTab = pageHash === '#reference' ? 'references' : defaultTabEl?.dataset.defaultTab;\n\n if (defaultTabEl) {\n setDefaultTab(selectedTab);\n }\n};\n\nUX.loader.fixedToolbarPosition = function () {\n if ($('.fixedToolbar').length) {\n $('.fixedToolbar').css('top', $('.pageHeader').height());\n }\n};\n\nUX.loader.showAudioSupportMsg = function () {\n if (UX.test.isIE() && $('.figure__audio audio').length) {\n $('.figure__audio audio').each(function (index, audio) {\n const $audio = $(audio),\n audioType = $audio.find('source').attr('type');\n\n if (audioType.indexOf('wav') > -1 || audioType.indexOf('ogg') > -1) {\n $audio.next('.media-error').removeClass('hidden');\n $audio.remove();\n }\n });\n }\n};\n\nUX.loader.streamErrorHandler = wrapper => {\n const wrapperEl = document.querySelector(wrapper);\n\n if (wrapperEl) {\n const streamChildren = wrapperEl.querySelectorAll('.cloudflare-stream-player, audio'),\n mediaError = async e => {\n const parentEl = e.target.closest('.figure__image');\n if (parentEl) {\n let mediaError = parentEl.querySelector('.media-error'),\n trackMediaUrlEl = parentEl.dataset.trackMediaUrl,\n streamAutoplay = e.target.autoplay,\n eventType = e.type,\n poster = e.target.attributes.poster.textContent,\n timeRegex = /time\\s*=\\s*(\\d*)/i,\n newPoster = poster.replace(timeRegex, 'time=1'),\n posterChecked = false,\n url = '';\n\n if (trackMediaUrlEl) {\n url = `${trackMediaUrlEl}&mediaEventType=${eventType}&errorMessage=error&autoplay=${streamAutoplay}`;\n fetch(url).then(() => false);\n }\n\n if (poster) {\n posterChecked = await UX.loader.checkPoster(newPoster);\n\n if (posterChecked) {\n return;\n }\n }\n\n e.target.remove();\n mediaError?.classList.remove('hidden');\n }\n };\n\n if (streamChildren.length) {\n streamChildren.forEach(item => {\n item.addEventListener('error', mediaError);\n });\n }\n }\n};\n\nUX.loader.checkPoster = async function (poster) {\n try {\n const response = await fetch(poster);\n\n if (response.status === 200) {\n return true;\n } else {\n throw new Error(`HTTP error: ${response.status}`);\n }\n } catch {\n return false;\n }\n};\n\nUX.loader.fixedCoolBar = function () {\n let $fixedCoolBar = $('.fixedCoolBar'),\n coolBarTop = $fixedCoolBar.offset().top,\n coolBarLeft = $fixedCoolBar.offset().left,\n coolBarWidth = $fixedCoolBar.outerWidth(),\n coolBarHeight = $fixedCoolBar.outerHeight();\n\n if ($(window).scrollTop() > coolBarTop) {\n $fixedCoolBar[0].style.top = '0';\n $fixedCoolBar.css('padding-top', coolBarHeight);\n $fixedCoolBar.find('.stickybar').addClass('js--fixed').css({\n top: 0,\n left: coolBarLeft,\n width: coolBarWidth,\n });\n } else {\n $fixedCoolBar[0].style.top = '0';\n $fixedCoolBar.css('padding-top', '0');\n $fixedCoolBar.find('.stickybar').removeClass('js--fixed').css({\n top: 'auto',\n width: 'auto',\n left: 'auto',\n });\n }\n};\n\nUX.loader.seamlessAccessDelay = function () {\n let $seamlessWrapper = $('.seamlessAccessDenial__wrapper'),\n $loader = $seamlessWrapper.find('.js--loader'),\n $text = $seamlessWrapper.find('.text'),\n defaultHref = `/action/ssostart?redirectUri=${encodeURIComponent(`${window.location.pathname}?saml_referrer`)}`;\n\n if ($loader.length) {\n $text.append(`(or click to choose manually)`);\n }\n};\n\nUX.loader.crossMarkAccessibility = function () {\n const crossMarkTrigger = document.querySelector('.crossMarkTrigger');\n if (crossMarkTrigger) {\n const iframeAccessibility = e => {\n const rand = Math.floor(Math.random() * 10),\n crossMarkInit = () => {\n const crossMarkIframe = UX.utils.convertToArray(\n document.querySelectorAll('iframe.crossmark-popup__content')\n ),\n crossMarkClassList = {\n currentIndex: 'js--currentIndex',\n fakeFocusEl: 'js--fakeFocus',\n },\n closeModalOnEsc = e => {\n if (e.key.includes('Esc')) {\n const crossMarkWidget = document.getElementById('crossmark-widget');\n if (crossMarkWidget && crossMarkWidget.style.display === 'block') {\n crossMarkWidget.style.display = 'none';\n const focusTriggerTargetEl = document.querySelector(`.crossMarkTrigger.js--opened`);\n focusTriggerTargetEl?.focus();\n focusTriggerTargetEl?.classList.remove('js--opened');\n }\n }\n },\n crossMarkCloseBtn = e => {\n const focusTriggerTargetData = e.target.dataset.focusTriggerTarget,\n focusTriggerTargetEl = document.querySelector(\n `.crossMarkTrigger[data-focus-trigger=\"${focusTriggerTargetData}\"]`\n );\n focusTriggerTargetEl?.focus();\n focusTriggerTargetEl?.classList.remove('js--opened');\n };\n\n if (crossMarkIframe.length) {\n crossMarkIframe.forEach(item => {\n item.title = 'CrossMark';\n const wrapper = item.closest('#crossmark-widget');\n\n if (wrapper) {\n if (wrapper.style.display === 'block') {\n const logo = wrapper.querySelector('.crossmark-popup__logo'),\n inner = wrapper.querySelector('.crossmark-popup__inner'),\n footer = wrapper.querySelector('.crossmark-popup__footer'),\n fakeFocusEl = document.createElement('div'),\n closeBtn = wrapper.querySelector('.crossmark-popup__btn-close'),\n footerContent = `\n \n `;\n\n wrapper.setAttribute('tabindex', '-1');\n wrapper.setAttribute('role', 'dialog');\n wrapper.setAttribute('aria-label', 'CrossMark dialog');\n\n if (closeBtn) {\n closeBtn.focus();\n closeBtn.classList.add(crossMarkClassList.currentIndex);\n closeBtn.setAttribute('aria-label', 'Close dialog');\n closeBtn.dataset.focusTriggerTarget = `${rand}`;\n }\n\n fakeFocusEl.classList.add(crossMarkClassList.fakeFocusEl);\n fakeFocusEl.setAttribute('tabindex', '0');\n fakeFocusEl.setAttribute('aria-hidden', 'true');\n\n if (inner) {\n if (!footer) {\n inner.insertAdjacentHTML('beforeend', footerContent);\n const popupContentWrapper = inner.querySelector(\n '.crossmark-popup__content-wrapper'\n ),\n popupFooter = inner.querySelector('.crossmark-popup__footer');\n\n popupContentWrapper.style.paddingBottom = `${\n popupFooter ? `${popupFooter.offsetHeight}px` : ''\n }`;\n }\n inner.appendChild(fakeFocusEl);\n }\n logo?.parentElement.setAttribute('aria-label', 'Crossmark logo');\n\n const focusableList = UX.utils.convertToArray(\n wrapper.querySelectorAll(\n 'a, button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])'\n )\n );\n\n if (focusableList.length) {\n focusableList.forEach((item, index) => {\n item.dataset.focusOrder = index;\n\n item.addEventListener('focus', e => {\n const oldElFocusOrder = wrapper?.querySelector(\n `.${crossMarkClassList.currentIndex}`\n )?.dataset.focusOrder;\n\n focusableList.map(el =>\n el.classList.remove(crossMarkClassList.currentIndex)\n );\n\n e.target.classList.add(crossMarkClassList.currentIndex);\n\n if (e.target.classList.contains(crossMarkClassList.fakeFocusEl)) {\n const newFocusOrder = e.target.dataset.focusOrder;\n if (newFocusOrder > oldElFocusOrder) {\n focusableList[0].focus();\n }\n }\n });\n });\n\n focusableList[0].addEventListener('focusout', e => {\n if (\n e.relatedTarget &&\n typeof e.relatedTarget.dataset.focusOrder === 'undefined'\n ) {\n focusableList[focusableList.length - 2].focus();\n }\n });\n }\n } else {\n wrapper.parentElement.removeChild(wrapper);\n }\n }\n });\n }\n\n const crossMarkPopupClose = UX.utils.convertToArray(\n document.querySelectorAll('.crossmark-popup__btn-close')\n );\n if (crossMarkPopupClose.length) {\n crossMarkPopupClose.forEach(item => item.addEventListener('click', crossMarkCloseBtn));\n }\n\n document.addEventListener('keydown', closeModalOnEsc);\n };\n\n e.currentTarget.dataset.focusTrigger = `${rand}`;\n e.currentTarget.classList.add('js--opened');\n\n setTimeout(crossMarkInit);\n };\n\n crossMarkTrigger.addEventListener('click', iframeAccessibility);\n }\n};\n\nUX.loader.altMetricLoader = function () {\n const altMetricEl = document.querySelector('.altmetric-embed');\n if (altMetricEl) {\n /* eslint-disable */\n const altMetricChecker = () => {\n const altMetricTrigger = altMetricEl.querySelector('a[data-badge-popover]'),// this is null when score == 0\n numberOfDownloads = document.querySelector(\".number-of-downloads\"),\n citedByCount = document.querySelector(\".cited-by-count\");\n\n if (altMetricTrigger || numberOfDownloads || citedByCount) {\n clearInterval(altMetricInterval);\n const metricsOuterWrapper = document.querySelector('.metrics'),\n altMetricImage = altMetricTrigger?.querySelector('img'),\n imageAlt = altMetricImage?.alt,\n altMetricImageParent = metricsOuterWrapper?.querySelector('.altmetric-embed'),\n isScoreZero = !(altMetricImage?.closest('.altmetric-embed')),\n uuid = altMetricImageParent?.dataset.uuid,\n altMetricPopover = document.querySelector(`.altmetric-popover[data-uuid=\"${uuid}\"]`),\n altMetricPopoverInner = altMetricPopover?.querySelector('.altmetric-popover-content'),\n mouseOutEvent = new Event('mouseout'),\n mouseOverEvent = new Event('mouseover'),\n fakeFocusable = '',\n backToLink =\n '',\n wSlide = document.querySelector('.w-slide'),\n wSlideContent = document.querySelector('.w-slide__content'),\n setTriggerAttributes = el => {\n el.setAttribute('role', 'button');\n el.setAttribute('aria-expanded', 'false');\n el.setAttribute('id', 'altMetric');\n el.setAttribute('aria-label', imageAlt);\n el.setAttribute('href', 'javascript:void(0)');\n },\n closePopover = () => {\n altMetricTrigger?.dispatchEvent(mouseOutEvent);\n altMetricTrigger?.focus();\n altMetricTrigger?.setAttribute('aria-expanded', 'false');\n UX.tooltip.on.checkToHide();\n },\n triggerClickHandler = e => {\n e.preventDefault();\n e.target.dispatchEvent(mouseOverEvent);\n altMetricTrigger?.setAttribute('aria-expanded', 'true');\n if (altMetricPopoverInner) {\n setTimeout(() => {\n const fakeFocusableEl = altMetricPopover.querySelector('.js--adFocusableEl'),\n backToLinkEl = altMetricPopover.querySelector('.js--backToLink'),\n backToLinkHandler = e =>\n e.target.classList.contains('js--backToLink') && closePopover();\n\n altMetricPopoverInner.setAttribute('tabindex', '-1');\n altMetricPopoverInner.focus();\n !backToLinkEl && altMetricPopoverInner.insertAdjacentHTML('beforeend', backToLink);\n !fakeFocusableEl && altMetricPopoverInner.insertAdjacentHTML('afterend', fakeFocusable);\n\n altMetricPopoverInner.addEventListener('click', backToLinkHandler);\n }, 350);\n }\n },\n focusOutHandler = e =>\n e.relatedTarget && !e.relatedTarget.closest('.altmetric-popover-content') && closePopover(),\n popoverEscapeHandler = e => e.key === 'Escape' && closePopover(),\n EscapeMouseOver = () => {\n const bodyKeyDownHandler = e => {\n if (e.key === 'Escape' && altMetricPopover.style.display === 'block') {\n altMetricTrigger?.dispatchEvent(mouseOutEvent);\n }\n };\n document.body.addEventListener('keydown', bodyKeyDownHandler);\n };\n\n if (citedByCount || numberOfDownloads || altMetricImageParent) metricsOuterWrapper.classList.add('js--show');\n if (isScoreZero) {\n altMetricEl.classList.add(\"js--hide\");\n }\n altMetricTrigger && setTriggerAttributes(altMetricTrigger);\n altMetricTrigger?.addEventListener('click', triggerClickHandler);\n altMetricTrigger?.addEventListener('mouseover', EscapeMouseOver);\n wSlide.addEventListener('click', closePopover);\n wSlideContent.addEventListener('scroll', closePopover)\n\n if (altMetricPopoverInner) {\n altMetricPopoverInner.setAttribute('aria-labelledby', altMetricTrigger?.id);\n altMetricPopoverInner.setAttribute('id', `${altMetricTrigger?.id}-${uuid}`);\n altMetricTrigger?.setAttribute('aria-controls', altMetricPopoverInner.id);\n altMetricPopoverInner.addEventListener('focusout', focusOutHandler);\n altMetricPopoverInner.addEventListener('keydown', popoverEscapeHandler);\n }\n } else if (intervalCounter === 60000) {\n clearInterval(altMetricInterval);\n }\n intervalCounter += 500;\n };\n let altMetricInterval = setInterval(altMetricChecker, 500),\n intervalCounter = 0;\n /* eslint-enable */\n UX.utils.fallbackImageViewer();\n }\n};\n\nUX.loader.removeGetFTRElement = elements => {\n elements.forEach(element => {\n if (element.textContent.trim() === '') {\n const nextElement = element.nextElementSibling;\n const firstLinkEl = nextElement?.nextElementSibling;\n firstLinkEl?.classList.add('first-link');\n nextElement?.classList.contains('getFTR__content') && nextElement.remove();\n }\n });\n};\n"],"sourceRoot":""}