var e=Object.defineProperty,t=(t,n,E)=>((t,n,E)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:E}):t[n]=E)(t,"symbol"!=typeof n?n+"":n,E);const n={title:{"en-GB":"Compare electricity tariffs","de-DE":"Stromtarife vergleichen"},subtitle:{"en-GB":"and save up to 850 €","de-DE":"und bis zu 850 € sparen"},addressLabel:{"en-GB":"Postcode & City","de-DE":"Postleitzahl & Ort"},consumptionLabel:{"en-GB":"Annual consumption","de-DE":"Verbrauch pro Jahr"},buttonLabel:{"en-GB":"Compare","de-DE":"vergleichen"},tooltipCloseLabel:{"en-GB":"Close tooltip","de-DE":"Tooltip schließen"},zipcodeAriaLabel:{"en-GB":"Enter postcode","de-DE":"Postleitzahl eingeben"},consumptionAriaLabel:{"en-GB":"Select consumption","de-DE":"Verbrauch auswählen"}},E="teaser-form-power-zipcode",i="teaser-form-power-city",o="teaser-form-power-consumption_bar",a=2500,r=window.location.href.includes("check24-int.de")?"check24-int":"check24",s={updateCityListStyle:null,updateTooltipContentStyle:null};let d=!1,l=!1;const T=e=>{const t=document.createElement("div");return t.className=e,t},N=(e,t)=>{const n=document.createElement("input");return n.id=e,n.pattern="[0-9]*",n.type="tel",n.className="hide",n.setAttribute("inputmode","numeric"),n.setAttribute("onkeydown",'return["Backspace","Delete","ArrowLeft","ArrowRight","Tab"].includes(event.key)||/[0-9]/.test(event.key)'),n.value=null!=t?t:"",n.setAttribute("aria-required","true"),n.setAttribute("aria-invalid","false"),n},p=()=>{const e=T("tooltip-icon");return e.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="16" height="16"><path style="fill: #949494" d="M50,0a50,50,0,1,0,50,50A50,50,0,0,0,50,0Zm0,90.32A40.32,40.32,0,1,1,90.32,50,40.3,40.3,0,0,1,50,90.32Zm0-66.67a7,7,0,1,1-7,7A7,7,0,0,1,50,23.65Zm4,52.16H46a2.42,2.42,0,0,1-2.42-2.42V46A2.42,2.42,0,0,1,46,43.55H54A2.42,2.42,0,0,1,56.45,46V73.39A2.42,2.42,0,0,1,54,75.81Z"/></svg>',e},S=e=>{const t=document.createElement("button");return t.className="tooltip-close-button invisible",t.type="button",t.setAttribute("aria-label",n.tooltipCloseLabel[e]),t.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="12" height="12" aria-hidden="true"><polygon points="89.7 0 50 39.6 10.3 0 0 10.3 39.6 50 0 89.7 10.3 100 50 60.4 89.7 100 100 89.7 60.4 50 100 10.3" style="fill: #949494"/></svg>',t},L=()=>{const e=T("tooltip-container invisible");return e.id="teaser-power-consumption-tooltip",e.setAttribute("role","tooltip"),e.setAttribute("aria-live","polite"),e.innerHTML='\n    <div class="tooltip-container-content"><div class="tooltip-arrow" aria-hidden="true"></div><strong>Verbrauch pro Jahr</strong><p>Geben Sie bitte hier Ihren Stromverbrauch an. Verwenden Sie dazu einfach die letzte Jahresrechnung Ihres bisherigen Stromanbieters. Sollten Sie Ihren persönlichen Stromverbrauch nicht kennen, können Sie sich an die folgenden Richtwerte halten:</p><table><tbody><tr><td>1 Person:</td><td>ca.&nbsp;1.500 kWh/Jahr</td></tr><tr><td>2 Personen:</td><td>ca. 2.500 kWh/Jahr</td></tr><tr><td>3 Personen:</td><td>ca. 3.500 kWh/Jahr</td></tr><tr><td>4 Personen:</td><td>ca. 4.250 kWh/Jahr</td></tr></tbody></table></div>',e},_=()=>{const e=document.createElement("button");return e.className="compare-button",e},c=()=>{window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.setAttribute("aria-invalid","true"),window.ENERGY_TEASER_ELEMENTS.CITY_LIST.innerHTML=""},u=()=>{const e=window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.value;if(window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.VALUE.innerText=null!=e?e:"",5===e.length){localStorage.removeItem(i),window.ENERGY_TEASER_ELEMENTS.CITY_LIST.innerHTML="";const t=new URLSearchParams({zipcode:e,shortCity:"yes",extended:"yes"});fetch(`https://energie.${r}.de/common/ajax/postal_code?${t.toString()}`,{headers:{"Content-Type":"application/json",Accept:"application/json",Authorization:"Basic Y2hlY2syNC1kZXY6Q0NiUkhqenJSNDh5RTpkbw=="}}).then(t=>{t.json().then(t=>{const n=Object.values(t);if(n.length>0){if(window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.VALUE.classList.remove("input-error"),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.setAttribute("aria-invalid","false"),localStorage.setItem(E,e),s.updateCityListStyle&&(document.removeEventListener("scroll",s.updateCityListStyle),document.removeEventListener("resize",s.updateCityListStyle)),s.updateCityListStyle=()=>{window.ENERGY_TEASER_ELEMENTS.CITY_LIST.style=(()=>{const{top:e}=window.ENERGY_TEASER_ELEMENTS.CONTAINER.getBoundingClientRect(),{left:t,top:n,width:E}=window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.CONTAINER.getBoundingClientRect();return`top: ${n-e+180}px; left: ${t}px; width: ${E+26}px`})()},s.updateCityListStyle(),document.addEventListener("scroll",s.updateCityListStyle),document.addEventListener("resize",s.updateCityListStyle),window.ENERGY_TEASER_ELEMENTS.CITY_LIST.classList.remove("invisible"),window.ENERGY_TEASER_ELEMENTS.CITY_LIST.setAttribute("role","listbox"),window.ENERGY_TEASER_ELEMENTS.CITY_LIST.setAttribute("aria-label","Select city"),window.ENERGY_TEASER_ELEMENTS.CITY_LIST.setAttribute("aria-expanded","true"),window.ENERGY_TEASER_ELEMENTS.CITY_LIST.innerHTML="",1===n.length){const e=n[0];localStorage.setItem(i,e),f(e)}n.forEach(t=>{const n=T("city-item");n.role="option",n.setAttribute("tabindex","0"),n.setAttribute("aria-label",`${e} ${t}`);const E=()=>{n.removeEventListener("click",E),n.removeEventListener("keydown",i),A(t)},i=e=>{if("Enter"===e.key||" "===e.key)e.preventDefault(),E();else if("ArrowDown"===e.key){e.preventDefault();const t=n.nextElementSibling;t&&t.focus()}else if("ArrowUp"===e.key){e.preventDefault();const t=n.previousElementSibling;t?t.focus():window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.focus()}else"Escape"===e.key&&(window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.focus(),O())};n.addEventListener("click",E),n.addEventListener("keydown",i),n.innerHTML=`<strong>${e}</strong>&nbsp;${t}`,window.ENERGY_TEASER_ELEMENTS.CITY_LIST.append(n)})}else c()}).catch(c)}).catch(c)}else 0===e.length?(localStorage.removeItem(i),localStorage.removeItem(E),f(""),O()):O()},I=e=>()=>{return t=null,n=null,E=function*(){var t;const n=(e=>{var t;const n=`; ${document.cookie}`.split(`; ${e}=`);return 2===n.length&&(null==(t=n.pop())?void 0:t.split(";").shift())||null})("bpm");if(n)try{const E=yield fetch(`https://middleware-calc.energie.${r}.de/app/api/bpm/`,{method:"POST",headers:{"Content-Type":"application/json","X-BPM-Hash":n,Authorization:"Basic Y2hlY2syNC1kZXY6Q0NiUkhqenJSNDh5RTpkbw==",Accept:"application/json","product-id":"1"},body:JSON.stringify({productId:1})}),i=yield E.json();if("object"==typeof i&&("string"==typeof i.zipCode&&(window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.value=i.zipCode,u(),"string"==typeof i.city&&A(i.city)),"number"==typeof i.totalConsumption||"number"==typeof i.totalConsumptionPrimary)){const n=null!=(t=i.totalConsumption)?t:i.totalConsumptionPrimary;window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.INPUT.value=isNaN(n)?a.toString():n.toString(),R(e)()}}catch(E){console.error(E)}},new Promise((e,i)=>{var o=e=>{try{r(E.next(e))}catch(t){i(t)}},a=e=>{try{r(E.throw(e))}catch(t){i(t)}},r=t=>t.done?e(t.value):Promise.resolve(t.value).then(o,a);r((E=E.apply(t,n)).next())});var t,n,E},w=()=>{const e=parseInt(window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.INPUT.value);return isNaN(e)?a:e},R=e=>()=>{const t=w();localStorage.setItem(o,t.toString()),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.VALUE.innerText=`${t.toLocaleString(e)} kWh`},A=e=>{localStorage.setItem(i,e),f(e),b()},m=()=>{window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.INPUT.classList.remove("hide"),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.VALUE.classList.add("hide"),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.INPUT.focus(),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.INPUT.select()},g=()=>w()>100,D=()=>{g()?(window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.VALUE.classList.remove("input-error"),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.INPUT.setAttribute("aria-invalid","false")):(window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.VALUE.classList.add("input-error"),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.INPUT.setAttribute("aria-invalid","true")),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.INPUT.classList.add("hide"),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.VALUE.classList.remove("hide")},h=()=>{window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.LABEL.classList.remove("clickable"),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.classList.remove("hide"),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.VALUE.classList.add("hide"),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.focus(),u()},b=()=>{""===window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.value?window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.CONTAINER.classList.add("input-empty"):(window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.CONTAINER.classList.remove("input-empty"),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.LABEL.classList.remove("input-error"),localStorage.getItem(i)&&5===window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.value.length?window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.VALUE.classList.remove("input-error"):window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.VALUE.classList.add("input-error")),setTimeout(()=>{O(),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.classList.add("hide"),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.VALUE.classList.remove("hide"),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.LABEL.classList.add("clickable")},100)},O=()=>{window.ENERGY_TEASER_ELEMENTS.CITY_LIST.classList.add("invisible"),window.ENERGY_TEASER_ELEMENTS.CITY_LIST.setAttribute("aria-expanded","false"),s.updateCityListStyle&&(document.removeEventListener("resize",s.updateCityListStyle),document.removeEventListener("scroll",s.updateCityListStyle))},v=()=>{l||(s.updateTooltipContentStyle&&(document.removeEventListener("resize",s.updateTooltipContentStyle),document.removeEventListener("scroll",s.updateTooltipContentStyle)),s.updateTooltipContentStyle=()=>{window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.CONTAINER.style=(e=>{const{top:t}=window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.CONTAINER.getBoundingClientRect(),{left:n,top:E}=e.getBoundingClientRect();return`top: ${E-t+422}px; left: ${n+7}px`})(window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.ICON)},document.addEventListener("resize",s.updateTooltipContentStyle),document.addEventListener("scroll",s.updateTooltipContentStyle),s.updateTooltipContentStyle(),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.CONTAINER.classList.remove("invisible"),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.ICON.setAttribute("aria-expanded","true"))},M=()=>{d||(window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.CONTAINER.classList.add("invisible"),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.ICON.setAttribute("aria-expanded","false"),s.updateTooltipContentStyle&&(document.removeEventListener("resize",s.updateTooltipContentStyle),document.removeEventListener("scroll",s.updateTooltipContentStyle)))},U=()=>{setTimeout(()=>{d=!0,window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.CLOSE_BUTTON.classList.remove("invisible")},10)},P=()=>{d=!1,window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.CLOSE_BUTTON.classList.add("invisible")},f=e=>{""!==window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.value?(window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.CONTAINER.classList.remove("input-empty"),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.VALUE.innerText=e?`${window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.value} ${e}`:window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.value):(window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.CONTAINER.classList.add("input-empty"),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.VALUE.innerText="")};class C extends HTMLElement{constructor(){super(),t(this,"language","de-DE"),t(this,"productSlug","power"),t(this,"rendered",!1),t(this,"shadow",null),t(this,"updateConsumption",R(this.language))}static get observedAttributes(){return["language"]}attributeChangedCallback(e,t,n){var E;if(t===n)return;const i=C24Home.validateAttributes(this.attributes);this.language="string"==typeof i.language?i.language:null!=(E=i.language.nodeValue)?E:"de-DE",this.shadow&&this.render()}connectedCallback(){var e;this.shadow||(this.shadow=this.attachShadow({mode:"open"}));const t=C24Home.validateAttributes(this.attributes);this.language="string"==typeof t.language?t.language:null!=(e=t.language.nodeValue)?e:"de-DE",this.render()}render(){var e;if(!this.shadow)return;if(!this.rendered){this.rendered=!0,this.shadow.append((()=>{const e=document.createElement("style");return e.innerHTML="\n.hide {\n  display: none;\n}\n.widget-container {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  height: 178px;\n  position: relative;\n}\n.widget-title, .widget-subtitle {\n  color: white;\n  font-family: Verdana, sans-serif;\n  line-height: 100%;\n  letter-spacing: -0.32px;\n  padding-left: 20px;\n  text-align: left;\n}\n.widget-title {\n  font-size: 18px;\n  font-weight: 700;\n  margin-top: 50px;\n}\n.widget-subtitle {\n  font-size: 16px;\n  font-weight: 400;\n  margin-bottom: 56px;\n}\n.mobile-click-area {\n  display: none;\n  inset: 0;\n  position: absolute;\n  z-index: 999;\n} \n@media (min-width: 360px) {\n  .widget-title {\n    font-size: 20px\n  }\n  .widget-subtitle {\n    font-size: 18px;\n  }\n}\n@media (min-width: 769px) {\n  .widget-container {\n    gap: 0;\n    height: 360px;\n  }\n  .widget-title, .widget-subtitle {\n    line-height: 36px;\n    padding-left: 0;\n    text-align: center;\n  }\n  .widget-title {\n    font-size: 30px\n  }\n  .widget-subtitle {\n    font-size: 24px;\n  }\n}\n.form-container {\n  align-items: center;\n  background-color: white;\n  border: 3px solid #FFBB1C;\n  border-radius: 32px;\n  bottom: 60px;\n  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);\n  box-sizing: border-box;\n  display: flex;\n  font-family: Verdana, sans-serif;\n  height: 64px;\n  left: 50%;\n  max-width: calc(100% - 32px);\n  padding: 5px 5px 5px 29px;\n  position: absolute;\n  transform: translateX(-50%);\n  width: 960px;\n}\n@media (max-width: 960px) {\n  .form-container {\n    display: none;\n  }\n  .mobile-click-area {\n    display: block;\n  }\n  .widget-container {\n    height: 230px;\n    justify-content: center;\n  }\n  .widget-subtitle {\n    margin-bottom: 0;\n  }\n  .widget-title {\n    margin-top: 0;\n  }\n}\n.input-empty .input-value {\n  margin-top: -6px;\n  height: 0;\n  overflow: hidden;\n}\n.input-error {\n  color: #C82D2D !important;\n}\n.input-field {\n  align-items: flex-start;\n  display: flex;\n  flex: 1 0 0;\n  flex-direction: column;\n  gap: 4px;\n  padding-right: 16px;\n  position: relative;\n}\n.input-field:not(:first-of-type) {\n  padding-left: 24px;\n}\n.input-field label {\n  color: #666666;\n  display: block;\n  font-size: 14px;\n  height: 14px;\n  line-height: 14px;\n  margin-bottom: 2px;\n  transition: all .2s ease;\n  width: 100%;\n}\n.input-field.input-empty label.clickable {\n  cursor: pointer;\n  font-size: 16px;\n  line-height: 16px;\n}\n.input-field input {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  padding: 0;\n  margin: 0;\n}\n.input-field input:focus {\n  outline: none;\n}\n.input-field input::-webkit-outer-spin-button,\n.input-field input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.input-field input[type=number] {\n  -moz-appearance:textfield; /* Firefox */\n}\n.input-field input, .input-value {\n  box-sizing: border-box;\n  color: #181818;\n  font-family: Verdana, sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  height: 19px;\n  line-height: 19px;\n  width: calc(100% - 24px);\n}\n.input-value {\n  cursor: text;\n  position: relative;\n}\n.input-separator {\n  background: #949494;\n  height: 40px;\n  width: 1px;\n}\n.tooltip-icon {\n  height: 16px;\n  position: absolute;\n  right: 16px;\n  top: 12px;\n}\n.tooltip-container {\n  margin-top: -25px;\n  opacity: 1;\n  padding-top: 25px;\n  position: fixed;\n  transform: translate(-50%, 0);\n}\n.tooltip-close-button {\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  border-radius: 100%;\n  display: flex;\n  justify-content: center;\n  padding: 10px;\n  position: absolute;\n  right: 5px;\n  top: 30px;\n  z-index: 11001;\n}\n.tooltip-close-button.invisible {\n  display: none;\n}\n.tooltip-container-content {\n  background-color: #FFFFFF;\n  border-radius: 10px;\n  box-sizing: border-box;\n  filter: drop-shadow(0 8px 24px #00000026);\n  font-size: 12px;\n  max-width: 500px;\n  padding: 16px;\n  position: relative;\n  transition: all 0.2s ease-out;\n  width: 350px;\n  z-index: 11000;\n}\n.tooltip-arrow {\n  background-color: #fff;\n  border-radius: 2px;\n  height: 15px;\n  left: 50%;\n  opacity: 1;\n  position: absolute;\n  transform: translate(-50%, -50%) rotate(45deg);\n  top: 1px;\n  width: 15px;\n}\n.tooltip-container table {\n  border-collapse: collapse;\n  width: 100%;\n}\n.tooltip-container table td {\n  border: 1px solid #DCDCDC;\n  padding: 8px;\n  text-align: left;\n}\n.tooltip-container.invisible {\n  opacity: 0;\n  transform: translate(-50%, -8px);\n  pointer-events: none;\n}\n.city-list {\n  background-color: #FFFFFF;\n  border-radius: 10px;\n  box-shadow: 0 8px 24px #00000026;\n  max-width: 500px;\n  min-width: 348px;\n  opacity: 1;\n  overflow: hidden;\n  position: fixed;\n  transform: translate(-28px, 0);\n  transition: all 0.2s ease-out;\n  width: fit-content;\n  z-index: 1100;\n}\n.city-list.invisible {\n  opacity: 0;\n  transform: translate(-28px, 8px);\n  pointer-events: none;\n}\n.city-item {\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  font-size: 16px;\n  font-weight: 400;\n  height: 30px;\n  padding: 4px 28px;\n}\n.city-item:first-of-type {\n  padding-top: 12px;\n}\n.city-item:last-of-type {\n  padding-bottom: 12px;\n}\n.city-item:hover {\n  background: #f5f5f5;\n}\n.compare-button {\n  background: #0563C1;\n  border-radius: 90px;\n  border: none;\n  color: white;\n  font-family: Verdana, sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  height: 48px;\n  min-width: 148px;\n  padding: 12px 16px;\n}\n.compare-button:not(:disabled) {\n  cursor: pointer;\n}\n.compare-button:not(:disabled):hover {\n  background: #0450a0;\n}\n.compare-button:not(:disabled):active {\n  background: #033d7a;\n}\n#teaser-consumption,\n#teaser-zipcode {\n  display: none;\n}\n@keyframes cityList {\n  0% {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}",e})());const e=T("widget-container");e.innerHTML=`<div class="widget-title">${n.title[this.language]}</div><div class="widget-subtitle">${n.subtitle[this.language]}</div>`;const t=document.createElement("a");t.className="mobile-click-area",t.href=`https://www.${r}.de/strom/?show_vss=true&tid3=CH24_E_App_Homebanner`,e.append(t);const i=T("form-container"),{addressInputField:s,addressLabel:c,zipcodeInput:u,zipcodeValue:w}=(e=>{const t=T("input-field"),i=document.createElement("label");i.className="clickable";const o=N("teaser-power-zipcode-input",localStorage.getItem(E));o.maxLength=5,i.htmlFor=o.id;const a=T("input-value");return a.role="button",a.setAttribute("aria-label",n.zipcodeAriaLabel[e]),a.tabIndex=0,t.append(i,o,a),{addressInputField:t,addressLabel:i,zipcodeInput:o,zipcodeValue:a}})(this.language),{consumptionInput:R,consumptionLabel:A,consumptionValue:m,consumptionInputField:g}=(e=>{var t;const E=T("input-field"),i=document.createElement("label"),r=N("teaser-power-consumption-input",null!=(t=localStorage.getItem(o))?t:a.toString());r.autocomplete="off",i.htmlFor=r.id;const s=T("input-value");return s.role="button",s.setAttribute("aria-label",n.consumptionAriaLabel[e]),s.tabIndex=0,E.append(i,r,s),{consumptionInputField:E,consumptionLabel:i,consumptionInput:r,consumptionValue:s}})(this.language);window.ENERGY_TEASER_ELEMENTS={CONTAINER:e,ADDRESS_INPUT_FIELD:{CONTAINER:s,LABEL:c,INPUT:u,VALUE:w},CITY_LIST:T("city-list invisible"),CONSUMPTION_FIELD:{CONTAINER:g,LABEL:A,INPUT:R,VALUE:m,TOOLTIP:{CLOSE_BUTTON:S(this.language),ICON:p(),CONTAINER:L()}},SUBMIT_BUTTON:_()},u.setAttribute("data-language",this.language),R.setAttribute("data-language",this.language),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.CONTAINER.append(window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.CLOSE_BUTTON),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.CONTAINER.append(window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.ICON),i.append(s,T("input-separator"),g,window.ENERGY_TEASER_ELEMENTS.SUBMIT_BUTTON),e.append(i,window.ENERGY_TEASER_ELEMENTS.CITY_LIST,window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.CONTAINER),this.shadow.append(e),I(this.language)(),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.CLOSE_BUTTON.addEventListener("click",()=>{P(),M(),l=!0,setTimeout(()=>l=!1,300)}),document.addEventListener("click",()=>{P(),setTimeout(()=>{d||M()},20)})}window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.LABEL.innerText=n.addressLabel[this.language],window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.VALUE.setAttribute("aria-label",n.zipcodeAriaLabel[this.language]),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.setAttribute("data-language",this.language),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.removeEventListener("keyup",u),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.addEventListener("keyup",u),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.addEventListener("keydown",e=>{if("ArrowDown"===e.key&&!window.ENERGY_TEASER_ELEMENTS.CITY_LIST.classList.contains("invisible")){const t=window.ENERGY_TEASER_ELEMENTS.CITY_LIST.querySelector(".city-item");t&&(e.preventDefault(),t.focus())}});const t=null!=(e=localStorage.getItem(i))?e:"";f(t),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.LABEL.removeEventListener("click",h),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.LABEL.addEventListener("click",h),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.VALUE.removeEventListener("click",h),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.VALUE.addEventListener("click",h),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.VALUE.addEventListener("keydown",e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),h())}),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.removeEventListener("blur",b),window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.addEventListener("blur",b),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.LABEL.innerText=n.consumptionLabel[this.language],window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.VALUE.setAttribute("aria-label",n.consumptionAriaLabel[this.language]),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.INPUT.setAttribute("data-language",this.language),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.INPUT.setAttribute("aria-describedby","teaser-power-consumption-tooltip"),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.INPUT.removeEventListener("keyup",this.updateConsumption),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.INPUT.addEventListener("keyup",this.updateConsumption),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.INPUT.removeEventListener("blur",D),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.INPUT.addEventListener("blur",D),R(this.language)(),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.VALUE.removeEventListener("click",m),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.VALUE.addEventListener("click",m),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.VALUE.addEventListener("keydown",e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),m())}),window.ENERGY_TEASER_ELEMENTS.SUBMIT_BUTTON.innerText=n.buttonLabel[this.language],window.ENERGY_TEASER_ELEMENTS.SUBMIT_BUTTON.addEventListener("click",()=>{""===window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.value?window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.LABEL.classList.add("input-error"):window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.LABEL.classList.remove("input-error"),window.setTimeout(()=>{const e=w(),t=window.ENERGY_TEASER_ELEMENTS.ADDRESS_INPUT_FIELD.INPUT.value,n=localStorage.getItem(i);if(g()&&n&&5===t.length){const E=encodeURIComponent(n);window.location.href=`https://www.${r}.de/strom/result_jumpin/?totalconsumption=${e}&zipcode=${t}&city=${E}&pid=24`}})}),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.ICON.removeEventListener("mouseenter",v),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.ICON.removeEventListener("focus",v),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.ICON.removeEventListener("click",v),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.ICON.addEventListener("mouseenter",v),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.ICON.addEventListener("focus",v),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.ICON.addEventListener("click",e=>{e.preventDefault(),"true"===window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.ICON.getAttribute("aria-expanded")?M():v()}),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.CONTAINER.removeEventListener("click",U),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.CONTAINER.addEventListener("click",U),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.CONTAINER.removeEventListener("mouseleave",M),window.ENERGY_TEASER_ELEMENTS.CONSUMPTION_FIELD.TOOLTIP.CONTAINER.addEventListener("mouseleave",M)}}export{C as default};
//# sourceMappingURL=teaser_power.client.mjs.map