' ), submitText: 'Sign Up' } }, scollingTable: function(selector){ $(selector).not(selector+' table').wrap(''); }, meetingFancy: function($selector, trigger){ var meetingCookie = sessionStorage.getItem('requestMeeting'); if (meetingCookie != 'closed') { $selector.removeClass('js--hidden'); } $selector.on('click', '.button--cookie', function () { $selector.addClass('js--hidden'); sessionStorage.setItem("requestMeeting", 'closed'); }); $selector.on('click', trigger, function(e){ e.preventDefault(); $.fancybox.open({ type: 'iframe', src: '/request-meeting-iframe/default.aspx', opts: { margin: [10, 0], slideClass: 'fancybox-slide--form', parentEl: '#litPageDiv > form', baseTpl: '' + '
' + '
' + '
' + '
{{buttons}}
' + '
{{arrows}}
' + '
' + '
' + '
' + '
'+ tooltipText +' '; $(focusElement).attr('aria-describedby', tooltipId).after(tooltipElement); $(focusElement).focusin(function(){ var $this = $(this), leftPosition = 0, dataPosition = 'right'; if ( $(window).width() > $this[0].offsetLeft + $this[0].offsetWidth + 200 ) { leftPosition = $this[0].offsetLeft + $this[0].offsetWidth; } else { dataPosition = 'left'; leftPosition = $this[0].offsetLeft; } $('#' + tooltipId).attr({ 'aria-hidden': 'false', 'data-position': dataPosition }).css({ top: $this.position().top + $this.outerHeight()/2, left: leftPosition }); }); $(focusElement).focusout(function(){ $('#' + tooltipId).attr('aria-hidden','true').removeAttr('style'); }); }, customLabels: function() { $('.module-subscribe--footer .module-subscribe_email label').text('Enter your email address'); $('.module-subscribe--footer .module-subscribe_email .module_input').removeAttr('placeholder'); const alertsFooter = document.querySelector('.module-subscribe--footer'); const hasConfirmationAlerts = document.querySelector('.module_confirmation-container'); if (!alertsFooter && hasConfirmationAlerts) { hasConfirmationAlerts.style.display = 'inline-block'; } }, init: function() { var app = this; app.cleanUp(); app.submitOnEnter('.module-unsubscribe'); app.submitOnEnter('.module-search'); app.validateSubmit('.module-search'); app.superfish($('.nav--desktop .level2, .nav--secondary .level2, .nav--mobile .level2'), {cssArrows: false}); app.mobileMenuToggle($('.layout'), '.pane--navigation', '.layout_toggle-button', '.module-search_input'); app.cleanQuickLinks($('.module-links')); app.copyright($('.copyright_year')); app.docTracking(); app.fancySignup(); app.resetDate(['.nav a[href*="s4.q4web.com"]:not([href$=".pdf"])']); app.previewToolbar(); app.reveal('.pane--header', '.module-search_toggle','.module-search input[type="text"]', false); app.stickyNavBar(); app.meetingFancy($('.module-cta'),'.button--meeting'); app.sections(); app.navAccessibility(); app.iconFix(); // app.accessibleNavKeyboard( '.nav--main', '2', '.nav--mobile' ); app.focusTooltip('.module-search > .module_container--outer > .module-search_toggle ','search-tip','search'); app.addPageLanguage(); app.customLabels(); }});q4App.init();/** * Insert label before targets * @param {string} target - element which needs a label * @param {string} labelText - text to be shown in the label */function insertLabel(target, labelText) { $(target).each(function (i) { var id = $(this).attr('id'); var label = $(this).attr('aria-label') || labelText; if (!id) { id = Date.now().toString(36) + Math.random().toString(36).substring(2); $(this).attr('id', id); } $('' + label + ' ').insertBefore(this); });} // stopping q4login iframe from being read by screen readers $('#q4l-iframe').attr({ tabindex: -1, 'aria-hidden': true }); // trap focus in nav dropdowns function navTrapFocus(element) { var focusableEls = element.find('> li > a[href]:not([disabled]), > li > button:not([disabled])'); var firstFocusableEl = focusableEls[0]; var lastFocusableEl = focusableEls[focusableEls.length - 1]; var KEYCODE_TAB = 9; element.keydown(function(e) { var isTabPressed = (e.key === 'Tab' || e.keyCode === KEYCODE_TAB); if (!isTabPressed) { return; } if ( e.shiftKey ) /* shift + tab */ { if (document.activeElement === firstFocusableEl) { lastFocusableEl.focus(); e.preventDefault(); } } else /* tab */ { if (document.activeElement === lastFocusableEl) { firstFocusableEl.focus(); e.preventDefault(); } } }); } $('.has-innerMenu button').keydown(function(e) { if(e.code === 'Enter' || e.code === 'Space' || e.code === 'NumpadEnter') { navTrapFocus($(this).next()); } }); $(document).ready(function() { $('#g-recaptcha-response').attr('aria-label', 'recaptcha response text field'); }); // Search location $(".nav--secondary .level1").append( $(".module-search.module_search") ) // Header bread let containerNav = document.querySelector(".navbar-versioned");let pageRouter = document.querySelector(".module_page-router");containerNav.appendChild(pageRouter); $('.nav--secondary a:contains("ESG")').attr('aria-label', 'Sustainability'); // Input label color change allInputs = document.querySelectorAll("input");allInputs.forEach(input => { input.onfocus = () => { let inputAttrId = input.getAttribute("id"); let inputLabel = document.querySelector(`[for='${inputAttrId}']`) if(inputAttrId && inputLabel){ inputLabel.classList.add("input-focused") } } input.onblur = () => { let inputLabel = document.querySelector("label.input-focused") if (inputLabel) { inputLabel.classList.remove("input-focused") } }})// Subscribe contact us text let subscribeTable = document.querySelector(".pane--footer .module-subscribe_table-wrap, .pane--right .module-subscribe_table-wrap"); let subscribeTableText = document.createElement("p"); subscribeTableText.classList.add("subscribe-table-text") subscribeTableText.textContent = "By providing your email address below, you are providing consent to ZIM Integrated Shipping Services Ltd to send you the requested Investor Email Alert updates." subscribeTable.appendChild(subscribeTableText) // Search button toggle $(".module-search_toggle").on("click", function() { if ($(".module-search_input").hasClass("js--revealed")) { $(".module-search_input").removeClass("js--revealed"); } else { $(".module-search_input").addClass("js--revealed"); } }); $(".module-search_toggle").hover(function() { $(".tooltip[aria-hidden=true]").attr("aria-hidden", "false"); }, function() { $(".tooltip[aria-hidden=false]").attr("aria-hidden", "true");});
