https://www.hamburgwasser.de/_assets/2d6830f0f4f1ff0d6e003ff885511ef0/JavaScript/main.js?1790834834

1"use strict";(self.webpackChunk_medienwerft_hhw_corporate=self.webpackChunk_medienwerft_hhw_corporate||[]).push([[179],{1192:function(e,t,n){const s={imageDirectoryPath:"",javaScriptDirectoryPath:""};var a=(()=>{let e={};return window.HwConfig&&(e=Object.assign({},s,window.HwConfig)),e})(),i=n(9755),l=n.n(i),o=n(5169);class h{constructor(e,t,n){this.enableTabLoop(e,t,n)}enableTabLoop(e,t,n){if(e&&e.length&&t&&n){let s=e.find(".tab-guard").first(),a=e.find(".tab-guard").last();s.focus((function(){e.find(t).last().focus()})),a.focus((function(){e.find(n).first().focus()}))}}}var c=n(1347),r=n(9852),d=n(4480);class p{constructor(e){this.$headerEl=e,this.currentHeight=e.height(),this.SearchInstance=null,this.isShrunkenHeader=!1,this.isMobileHeader=!1,this.isActiveBackdrop=!1,this.collapseInstances=[void 0,void 0,void 0],this.$headerEl&&this.$headerEl.length&&this.init()}init(){this.initHeaderShrinking(),this.initSkipNavigation(),this.initCollapseInstances(),this.initFlyoutMenu(),this.initCheckMobileHeader(),this.initMobileMenu(),this.initHeaderSearch(),this.initGoogleTranslateLink()}initHeaderShrinking(){this.handleHeaderShrinking(),i(window).on("scroll",(0,r.D)((()=>{this.handleHeaderShrinking()}),10))}initSkipNavigation(){const e=this.$headerEl.find(".js-skip-navigation");!e||e.length<1||(i("a",e).on("focusin",(()=>{e.addClass("is-focus")})),i("a",e).on("focusout",(()=>{setTimeout((function(){e.removeClass("is-focus")}),250)})))}initCollapseInstances(){const e=new Array(3),t=new Array(3),n=e=>void 0!==e;e[0]=this.$headerEl.find(".btn__collapse.js-header-search__btn-search[data-bs-target]"),e[1]=this.$headerEl.find(".page-header__main-navigation .nav-level__first > .nav-item > .btn__collapse[data-bs-target]:not(.js-header-search__btn-search)"),e[2]=this.$headerEl.find(".btn__collapse.navbar-toggler[data-bs-target]"),e.some(n)&&(i.each(e,((e,n)=>{n&&(n.length||n instanceof Element)&&i(n).each(((n,s)=>{s&&(s.length||s instanceof Element)&&""!==i(s).attr("data-bs-target")&&(void 0===t[e]?t[e]=[i(s).attr("data-bs-target")]:t[e].length&&!t[e].includes(i(s).attr("data-bs-target"))&&t[e].push(i(s).attr("data-bs-target")))}))})),t.some(n)&&(i.each(t,((e,t)=>{t&&t.length&&(this.collapseInstances[e]=new Array(t.length),i.each(t,((t,n)=>{const s={id:n,$element:i(n),instance:o.UO.getInstance(i(n)[0])};this.collapseInstances[e][t]=s})))})),this.$headerEl[0].addEventListener("show.bs.collapse",(e=>{const t=e.target,s=o.UO.getInstance(t);this.collapseInstances.some(n)&&i.each(this.collapseInstances,((e,n)=>{n&&n.length&&i.each(n,((n,a)=>{a&&"$element"in a&&"instance"in a&&t===a.$element[0]&&s!==a.instance&&(this.collapseInstances[e][n].instance=s)}))}))})),i(document).on("keyup",(e=>{"Escape"===e.key&&this.handleCollapse("hide-all-mobile")}))))}initFlyoutMenu(){const e=this.$headerEl.find(".nav-level__first > .nav-item").filter(((e,t)=>i(t).find("> .btn__collapse:not(.js-header-search__btn-search)").length>0));!e||e.length<1||(this.handleFlyoutMenuMobile(),e.each(((t,n)=>{const s=i(n),a=s.find("> .btn__collapse[data-bs-target]").attr("data-bs-target"),l=s.find(".child-nav__back-link");!s||s.length<1||!a||""===a||(new h(s,".nav-link","a.nav-link"),l.off(),l.on("click",(0,r.n)((e=>{e.stopPropagation(),this.handleCollapse("hide-all"),s.find("button").first().focus()}),150)),s.off(),s.on({mouseenter:()=>{if(!this.isMobileHeader){const t=this.hasInstanceEntry(a);let n=null;if(s.data("mouseenterTimeout"))return;t&&2===t.length&&this.collapseInstances[t[0]][t[1]]?(n=this.collapseInstances[t[0]][t[1]].instance?setTimeout((()=>{s.is(":hover")?(this.handleCollapse("show",t),e.each(((e,t)=>{i(t).data("mouseenterTimeout",!1),i(t).data("mouseleaveTimeout",!1)}))):s.data("mouseenterTimeout",!1)}),333):setTimeout((()=>{s.is(":hover")?(this.handleCollapse("hide-except",t),this.collapseInstances[t[0]][t[1]].instance=new o.UO(this.collapseInstances[t[0]][t[1]].$element[0]),this.collapseInstances[t[0]][t[1]].$element.addClass("collapse-active"),e.each(((e,t)=>{i(t).data("mouseenterTimeout",!1),i(t).data("mouseleaveTimeout",!1)}))):s.data("mouseenterTimeout",!1)}),333),s.find(".tab-guard").last().focus()):n=setTimeout((()=>{s.is(":hover")?(this.handleCollapse("hide-all"),e.each(((e,t)=>{i(t).data("mouseenterTimeout",!1),i(t).data("mouseleaveTimeout",!1)}))):s.data("mouseenterTimeout",!1)}),333),n&&s.data("mouseenterTimeout",n)}},mouseleave:()=>{if(!this.isMobileHeader){let t=null;if(s.data("mouseleaveTimeout"))return;t=setTimeout((()=>{const t=e.filter(((e,t)=>i(t).is(":hover")));!t||t.length<1?(this.handleCollapse("hide-all"),e.each(((e,t)=>{i(t).data("mouseenterTimeout",!1),i(t).data("mouseleaveTimeout",!1)}))):s.data("mouseleaveTimeout",!1)}),500),t&&s.data("mouseleaveTimeout",t)}},click:(0,r.n)((e=>{const t=this.hasInstanceEntry(a);t&&2===t.length?this.handleCollapse("hide-except",t):this.handleCollapse("hide-all"),s.find(".nav-level__second").focus()}),150),keydown:(0,r.n)((e=>{"Escape"===e.key&&(this.handleCollapse("hide-all"),s.find("button").first().focus())}),150)}))})),this.$headerEl.on("header.changeto.mobile header.changeto.desktop",(()=>{this.handleFlyoutMenuMobile()}

1)))}initHeaderSearch(){const e=this.$headerEl.find(".js-header-search__btn-search[data-bs-target]"),t=e&&e.length?e.attr("data-bs-target"):null,n=this.$headerEl.find(".input-group.js-search"),s=[].slice.call(this.$headerEl[0].querySelectorAll(".page-header__search .collapse"));if(!e||e.length<1||!t||""===t||!s||s.length<1||!n||n.length<1)return;const a=this.$headerEl.find("#header-search");this.SearchInstance=new d.M(n),a.length&&new h(a,".js-search__reset","input"),e.length&&(e.on("click",(0,r.n)((()=>{const e=this.hasInstanceEntry(t);this.isMobileHeader?this.handleCollapse("hide-except-mobile",e):this.handleCollapse("hide-except",e),a.find("input").focus()}),150)),e.on("keyup",(0,r.n)((e=>{const n=this.hasInstanceEntry(t);"Enter"!==e.key&&"Space"!==e.key||(this.isMobileHeader?this.handleCollapse("hide-except-mobile",n):this.handleCollapse("hide-except",n),a.find("input").focus())}),150))),i(document).on("keyup",(n=>{if("Escape"===n.key){const s=this.hasInstanceEntry(t);s&&2===s.length&&n.target===this.collapseInstances[s[0]][s[1]].$element[0]&&e.focus()}})),i(document).on("click","#header-search + .page-header__search-bg",(e=>{this.handleCollapse("hide-all")}))}initGoogleTranslateLink(){const e=this.$headerEl.find(".js-gtranslate-link");!e||e.length<1||e.each(((e,t)=>{!function(e){if(e.length<1)return;const t=`https://translate.google.com/translate?js=n&sl=auto&tl=${navigator.language?navigator.language.slice(0,2):"en"}&u=${window.location.href}`;e.attr("href",t)}(i(t))}))}initCheckMobileHeader(){this.handleMobileHeader(),i(window).on("resize",(0,r.D)((()=>{this.handleMobileHeader()}),150))}initMobileMenu(){const e=this.$headerEl.find("#navigation"),t=e.find(".nav-level__second.collapse");if(!e||e.length<1||!e.hasClass("collapse"))return;this.isMobileHeader&&this.collapseInstances[2]&&this.collapseInstances[2][0]&&this.collapseInstances[2][0].$element&&this.collapseInstances[2][0].$element.hasClass("show")&&this.handleMobileMenuBackdrop("show");const n=i(".page-header").siblings("main,footer,div");e[0].addEventListener("show.bs.collapse",(t=>{if(t.target===t.currentTarget){this.handleMobileMenuBackdrop("show"),this.lockFocus(n,!0);const t=e.find("button, a").first();setTimeout((()=>t.focus()),300)}})),e[0].addEventListener("hide.bs.collapse",(e=>{e.target===e.currentTarget&&(this.handleCollapse("hide-except-mobile",[2,0]),this.handleMobileMenuBackdrop("hide"),this.lockFocus(n,!1))}));const s=i(".nav-level__first > .nav-item > .nav-link, .page-header__service-navigation");t.each(((e,t)=>{const n=i(t);n[0].addEventListener("show.bs.collapse",(()=>{setTimeout((()=>{this.lockFocus(s,!0)}),300)})),n[0].addEventListener("hide.bs.collapse",(()=>{setTimeout((()=>{this.lockFocus(s,!1)}),300)}))})),this.$headerEl.on("header.changeto.mobile",(()=>{this.collapseInstances[2]&&this.collapseInstances[2][0]&&this.collapseInstances[2][0].$element&&this.collapseInstances[2][0].$element.hasClass("show")&&this.handleMobileMenuBackdrop("show")})),this.$headerEl.on("header.changeto.desktop",(()=>{this.isActiveBackdrop&&this.handleMobileMenuBackdrop("hide")})),i(document).on("click","#navigation + .navbar-backdrop",(e=>{this.handleCollapse("hide-all-mobile")}))}handleFlyoutMenuMobile(){this.isMobileHeader&&this.collapseInstances[1]?i.each(this.collapseInstances[1],((e,t)=>{t.$element.hasClass("collapse")&&!t.$element.hasClass("collapse-horizontal")&&t.$element.addClass("collapse-horizontal")})):!this.isMobileHeader&&this.collapseInstances[1]&&i.each(this.collapseInstances[1],((e,t)=>{t.$element.hasClass("collapse")&&t.$element.hasClass("collapse-horizontal")&&t.$element.removeClass("collapse-horizontal")}))}lockFocus(e,t){e.attr("aria-hidden",t?"true":null)}handleMobileMenuBackdrop(e="hide"){const t=this.$headerEl.find("#navigation");if(!t||t.length<1)return;const n=i("body");switch(e){case"show":if(!n.hasClass("body-lock")&&n.addClass("body-lock"),t.next(".navbar-backdrop").length)t.next(".navbar-backdrop").fadeIn();else{const e=document.createElement("div");i(e).addClass("navbar-backdrop"),i(e).css("display","none"),t.parent().append(e),t.next(".navbar-backdrop").fadeIn()}this.isActiveBackdrop=!0;break;case"hide":n.hasClass("body-lock")&&n.removeClass("body-lock"),t.next(".navbar-backdrop").length&&t.next(".navbar-backdrop").fadeOut(),this.isActiveBackdrop=!1}}handleHeaderShrinking(){i(window).scrollTop()>50?(this.$headerEl.addClass("shrinked"),this.isShrunkenHeader=!0,this.$headerEl.trigger("header.shrinked")):(this.$headerEl.removeClass("shrinked"),this.isShrunkenHeader=!1,this.$headerEl.trigger("header.unshrinked"))}handleCollapse(e,t=null){const n=e=>void 0!==e;if(e)switch(e){case"hide-all":this.collapseInstances&&this.collapseInstances.some(n)&&i.each(this.collapseInstances,((e,t)=>{2!==e&&t&&t.some(n)&&i.each(t,((e,t)=>

1{t.instance&&(t.$element.removeClass("collapse-active"),t.instance.hide())}))}));break;case"hide-all-mobile":this.collapseInstances&&this.collapseInstances.some(n)&&i.each(this.collapseInstances,((e,t)=>{(this.isMobileHeader||2!==e)&&t&&t.some(n)&&i.each(t,((e,t)=>{t.instance&&(t.$element.removeClass("collapse-active"),t.instance.hide())}))}));break;case"hide-except":t&&2===t.length&&this.collapseInstances&&this.collapseInstances.some(n)&&i.each(this.collapseInstances,((e,s)=>{2!==e&&s&&s.some(n)&&i.each(s,((n,s)=>{s.instance&&(e!==t[0]||e===t[0]&&n!==t[1])&&(s.$element.removeClass("collapse-active"),s.instance.hide())}))}));break;case"hide-except-mobile":t&&2===t.length&&this.collapseInstances&&this.collapseInstances.some(n)&&i.each(this.collapseInstances,((e,s)=>{(this.isMobileHeader||2!==e)&&s&&s.some(n)&&i.each(s,((n,s)=>{s.instance&&(e!==t[0]||e===t[0]&&n!==t[1])&&(s.$element.removeClass("collapse-active"),s.instance.hide())}))}));break;case"show":t&&2===t.length&&this.collapseInstances&&this.collapseInstances.some(n)&&i.each(this.collapseInstances,((e,s)=>{2!==e&&s&&s.some(n)&&i.each(s,((n,s)=>{s.instance&&(e!==t[0]||e===t[0]&&n!==t[1])?(s.$element.removeClass("collapse-active"),s.instance.hide()):s.instance&&e===t[0]&&n===t[1]&&(s.$element.addClass("collapse-active"),s.instance.show())}))}));break;default:this.handleCollapse("hide-all")}}handleMobileHeader(){this.isMobile&&!this.isMobileHeader?(this.isMobileHeader=!0,this.$headerEl.trigger("header.changeto.mobile")):!this.isMobile&&this.isMobileHeader&&(this.isMobileHeader=!1,this.$headerEl.trigger("header.changeto.desktop"))}showError(e=null){switch(e){case"no-header-el":return"No header element can be found";case"no-first-level-nav-items":return"No first level navigation items can be found";case"no-first-level-nav-items":return"No skip navigation element can be found";default:return"An error occured"}}hasInstanceEntry(e){const t=e=>void 0!==e;let n=!1,s=null;if(e&&this.collapseInstances.some(t))return i.each(this.collapseInstances,((a,l)=>{!n&&l.some(t)&&i.each(l,((t,i)=>{!n&&i&&i.id===e&&(n=!0,s=[a,t])}))})),s}hasInstance(e){if(e&&this.collapseInstances.some((e=>void 0!==e))){const t=this.hasInstanceEntry(e);if(t&&2===t.length)return this.collapseInstances[t[0]][t[1]].instance}}get isMobile(){return!c.Mg.matches}}!function(){let e="100vh";function t(){window.innerWidth&&(e=`${window.innerHeight}px`),document.documentElement.style.setProperty("--real100vh",e)}t(),i(window).on("resize",(0,r.D)(t,150))}(),function(){const e=i(".page-header");e.length<1||(e.filter(((e,t)=>0!==e)).addClass("d-none"),new p(e.eq(0)))}(),i('input[type="range"]').on("change input",(e=>{const t=e.target;t.style.setProperty("--val",t.value)})),function(){const e=i('input[type="radio"][data-bs-toggle="collapse"]');if(e.length){function t(e,t){const n=new o.UO(t[0],{toggle:!1});!0===e.prop("checked")?(n.show(),e.attr("data-toggle",null),e.attr("aria-pressed","true")):(n.hide(),e.attr("data-toggle","collapse"),e.attr("aria-pressed","false"))}e.each(((e,n)=>{const s=i(n),a=i(`[name="${s.attr("name")}"]`),l=i(s.data("bs-target"));t(s,l),a.on("change",(e=>{const n=i(e.delegateTarget);if(n.prop("disabled",!0),!0===n.prop("disabled")){function a(){n.prop("disabled",!1),l[0].removeEventListener("shown.bs.collapse",a),l[0].removeEventListener("hidden.bs.collapse",a),n[0].focus()}l[0].addEventListener("shown.bs.collapse",a),l[0].addEventListener("hidden.bs.collapse",a)}t(s,l)}))}))}}(),function(){function e(e,t){e?.stopPropagation(),t.each(((e,t)=>{i(t).prop("disabled",!0)}))}i("form .collapse").each(((t,n)=>{const s=i(n),a=s.find(".collapse").find("input, select, textarea"),l=s.find("input, select, textarea").not(a);0!==l.length&&(!1===s.hasClass("show")&&e(void 0,l),s[0].addEventListener("show.bs.collapse",(e=>function(e,t){e?.stopPropagation(),t.each(((e,t)=>{i(t).prop("disabled",!1)}))}(e,l))),s[0].addEventListener("hide.bs.collapse",(t=>e(t,l))))}))}(),n.p=a.javaScriptDirectoryPath,l()(".back-to-top__wrapper").length&&n.e(654).then(n.bind(n,9684)),l()(".video").length&&n.e(50).then(n.bind(n,50)),l()(".collection-icon-text__slider.swiper").length&&Promise.all([n.e(188),n.e(10)]).then(n.bind(n,10)),l()(".collection-image-gallery .swiper").length&&Promise.all([n.e(188),n.e(684)]).then(n.bind(n,96)),l()(".collection-image-small__slider.swiper").length&&Promise.all([n.e(188),n.e(261)]).then(n.bind(n,7261)),l()(".collection-image-medium__slider.swiper").length&&Promise.all([n.e(188),n.e(72)]).then(n.bind(n,72)),l()(".teaser-hero.swiper").length&&Promise.all([n.e(188),n.e(949)]).then(n.bind(n,949)),l()(".teaser-hero--video").length&&n.e(446).then(n.bind(n,9446)),l()(".collection-icon-number").length&&Promise.all([n.e(358),n.e(92),n.e(651)]).then(n.bind(n,1651)),l()(".teaser-image .grid").length&&Promise.all([n.e(287),n.e(771)]).then(n.bind(n,8771)),l()(".dl").length&&Promise.all([n.e(358),n.e(287),n.e(614)]).then(n.bind(n,2614)),l()(".table-component").length&&Promise.all([n.e(862),n.e(239)]).then(n.bind(n,9239));const u=l()(".js-form-validation"),g=l()("input[inputmode]");(u.length||g.length)&&(u.length?n.e(846).then(n.bind(n,3846)).then((e=>{e.initGlobalFormValidation()})):n.e(846).then(n.bind(n,3846)).then((e=>{e.initInputmode()}))),l()(".image-fullscreen-floating-text").length&&Promise.all([n.e(358),n.e(92),n.e(175)]).then(n.bind(n,5175)),l()(".image-wide-infobox").length&&Promise.all([n.e(358),n.e(92),n.e(775)]).then(n.bind(n,3775)),l()(".image-zoom").length&&n.e(448).then(n.bind(n,4448)),l()(".js-pswq").length&&n.e(440).then(n.bind(n,3440)),l()(".js-search-result").length&&n.e(117).then(n.bind(n,9117)),l()(".service-phone__select").length&&n.e(395).then(n.bind(n,2395)),l()(".filter__input").length&&n.e(253).then(n.bind(n,4253)),l()(".js-ticker").length&&n.e(405).then(n.bind(n,1405)

1),l()(".js-incident-modal").length&&n.e(946).then(n.bind(n,4946)),l()(".accordion").length&&Promise.all([n.e(862),n.e(136)]).then(n.bind(n,2136)),l()(".tab-bar__slider.swiper").length&&Promise.all([n.e(188),n.e(402)]).then(n.bind(n,402)),l()(".js-search-autocomplete").length&&async function(){await n.e(460).then(n.bind(n,2460)),await Promise.all([n.e(862),n.e(199)]).then(n.bind(n,1199))}(),l()(".water-pressure").length&&n.e(990).then(n.bind(n,8990)),l()(".water-consumption-calculator").length&&n.e(214).then(n.bind(n,3214)),l()(".text-image-compare").length&&Promise.all([n.e(188),n.e(914)]).then(n.bind(n,3914)),l()(".amount-compare").length&&Promise.all([n.e(202),n.e(46),n.e(676)]).then(n.bind(n,2676)),l()(".js-kununu").length&&n.e(847).then(n.bind(n,6847));const m=l()('[data-bs-toggle="popover"]'),b=l()('[data-bs-toggle="tooltip"]');(m.length||b.length)&&n.e(428).then(n.bind(n,7428)).then((e=>{m.length&&e.initTooltipOrPopover("popover"),b.length&&e.initTooltipOrPopover("tooltip")})),l()(".js-cookie-consent-tool").length&&n.e(508).then(n.bind(n,9508)),l()(".js-contact-form").length&&n.e(650).then(n.bind(n,8199)),l()(".collection-timeline").length&&Promise.all([n.e(188),n.e(387)]).then(n.bind(n,5387)),l()(".prof-search").length&&n.e(744).then(n.bind(n,6744)),l()("#construction-sites-overview").length&&Promise.all([n.e(202),n.e(613),n.e(455)]).then(n.bind(n,4455)),l()("[data-copy-link]").length&&n.e(602).then(n.bind(n,7602))},9852:function(e,t,n){function s(e,t=300){let n;return(...s)=>{clearTimeout(n),n=setTimeout((()=>{e.apply(this,s)}),t)}}function a(e,t=300){let n;return(...s)=>{n||e.apply(this,s),clearTimeout(n),n=setTimeout((()=>{n=void 0}),t)}}n.d(t,{D:function(){return s},n:function(){return a}})},1347:function(e,t,n){n.d(t,{Mg:function(){return i},QS:function(){return a},eZ:function(){return s},ed:function(){return l}});const s={xs:0,sm:576,md:768,lg:992,xl:1200,xxl:1400},a=window.matchMedia(`only screen and (min-width: ${s.md}px)`),i=window.matchMedia(`only screen and (min-width: ${s.lg}px)`),l=window.matchMedia("(prefers-reduced-motion)")},4480:function(e,t,n){n.d(t,{M:function(){return a}}),n(9755);var s=n(9852);class a{constructor(e){this.$mainEl=e,this.$form=e.closest("form"),this.$inputEl=e.hasClass("js-search__input")?e:e.find(".js-search__input"),this.$resetBtn=this.$inputEl&&this.$inputEl.length?this.$inputEl.next(".input-group-prepend").find(".js-search__reset"):null,this.$mainEl.length&&this.$inputEl.length&&(i.call(this),l.call(this))}}function i(){this.$inputEl.on("input",(0,s.D)((()=>{o.call(this,this.$inputEl.val())}),150)),this.$inputEl.on("blur",(()=>{h.call(this,this.$inputEl)})),this.$inputEl.on("focus",(e=>{h.call(this,this.$inputEl),o.call(this,this.$inputEl.val()),this.$mainEl.trigger("hhw.search.focus",this.$inputEl.val())})),this.$form.on("submit",(()=>{h.call(this,this.$inputEl),this.$mainEl.trigger("hhw.search.submit",this.$inputEl.val())}))}function l(){const e=this.$resetBtn;e.length&&(e.off(),e.on("click",(0,s.n)((e=>{this.$inputEl.val(""),this.$inputEl.focus(),o.call(this,this.$inputEl.val(),this.$inputEl.val()),this.$mainEl.trigger("hhw.search.reset",this.$inputEl.val())}),150)),this.$inputEl.val()&&""!==this.$inputEl.val()||e.fadeOut())}function o(e=null){const t=this.$resetBtn;t.length&&(e&&""!==e?(t.fadeIn(),this.$mainEl.trigger("hhw.search.reset.show",e)):(t.fadeOut(),this.$mainEl.trigger("hhw.search.reset.hide",e)))}function h(e){const t=e.val();e.val(t.replace(/\s+/g," ").trim())}}},function(e){e.O(0,[216],(function(){return 1192,e(e.s=1192)})),e.O()}]);
2//# sourceMappingURL=main.js.map