https://www.bundesumweltministerium.de/typo3conf/ext/bmub_sitepack…/Frontend/js/1683_8ae8abf8fc790c5e6506.js

1"use strict";(self.webpackChunkfractal=self.webpackChunkfractal||[]).push([[1683],{1683(t,i,e){e.d(i,{default:()=>c});class n{static createAlert(t={type:"error",icon:"alert-error",message:"Hier könnte ihre Fehlermeldung stehen"}){const i=document.createElement("div");return i.classList.add("c-alert"),i.classList.add(`c-alert--${t.type}`),i.setAttribute("role","alert"),i.innerHTML=`<p class="u-icon u-icon:left">\n                                ${t.message}\n                                <i class="o-icon-font o-icon-font--${t.icon}" aria-hidden="true"></i>\n                            </p>`,i}static createFormNotification(t={message:"Hier würde dein Formularhinweis stehen"}){const i=document.createElement("span");return i.classList.add("c-form__description"),t.id&&t.setAttribute("id",t.id),i.innerHTML=t.message,i}}var a=e(377),r=e(6696),s=e(7576),l=e.n(s),o=e(9125),h=e(4692);class c extends a.A{static config={hasNotFound:!1,className:"c-online-diary"};init(){if(this.onlineDiaryChunkPosition=0,this.onlineDiaryFilterValues=null,this.loading=!1,this.setCache(),this.bind(),window.location.hash){const t=window.location.hash.replace("#","");this.renderLightbox(t)}else this.loadInitial()}loadInitial(){this.loadDiary(this.onlineDiaryEndpoint,this.onlineDiaryChunkPosition,null,this.renderResults.bind(this))}bind(){this.onlineDiaryFilter.submit(t=>{t.preventDefault(),this.config.hasNotFound&&(this.config.hasNotFound=!this.config.hasNotFound),this.onlineDiaryFilterValues=h(t.currentTarget).serialize(),this.reset(),this.loadDiary(this.onlineDiaryEndpoint,this.onlineDiaryChunkPosition,this.onlineDiaryFilterValues,this.renderResults.bind(this))}),this.onlineDiaryFilter.find('button[type="reset"]').on("click",()=>{this.config.hasNotFound&&(this.config.hasNotFound=!this.config.hasNotFound),this.reset(),this.loadDiary(this.onlineDiaryEndpoint,this.onlineDiaryChunkPosition,null,this.renderResults.bind(this))}),"true"!==this.onlineDiaryContainer.attr("data-prevent-scroll-load")&&(this.loadButton.addClass("visible"),this.loadButton.on("click",()=>{if(this.onlineDiaryFilterValues=h(this.onlineDiaryFilter).serialize(),this.loadButton.hasClass("loading"))return!1;this.loadDiary(this.onlineDiaryEndpoint,this.onlineDiaryChunkPosition,this.onlineDiaryFilterValues?this.onlineDiaryFilterValues:null,this.renderResults.bind(this))}))}setCache(){this.fetcher=new r.A,this.onlineDiaryContainer=h(this.el),this.onlineDiaryFilter=h(".js--online-diary-filter form"),this.onlineDiaryEndpoint=this.onlineDiaryContainer.attr("data-url"),this.onlineDiaryQueryEndpoint=this.onlineDiaryContainer.attr("data-query-url"),this.onlineDiaryShortUrl=this.onlineDiaryContainer.attr("data-permalink"),this.loadButton=h(".js-online-diary-loadbutton")}reset(){this.onlineDiaryContainer.empty(),this.onlineDiaryChunkPosition=0}loadDiary(t,i,e,a){if(this.config.hasNotFound)return;this.loading=!0,this.loadButton.addClass("loading"),i||(i="0");let r=t;r+=i?"&tx_bmubblog_blog[demand][chunk]="+i+"&"+(e||""):e||"",this.fetcher.fetch(r,t=>{if("not_found"!==t.error&&this.onlineDiaryContainer.html(t.message),"not_found"===t.error){if(this.onlineDiaryContainer.find(".c-online-diary__item").length>0);else{var i=document.createElement("div");i.classList.add("o-form--filter__error"),i.innerHTML=t.message,this.onlineDiaryContainer.append(i)}this.config.hasNotFound=!0}return a(!1,t)},()=>{const t=n.createAlert({type:"error",icon:"alert-error",message:"Leider ist beim Abrufen der Tagebucheinträge ein Fehler aufgetreten"});return this.el.appendChild(t),a(!0,null)}),this.onlineDiaryChunkPosition++}renderLightbox(t){let i;o.A.extendBaseClass("c-diary-lightbox"),o.A.updateTemplate({content:__.trans("diary.lightbox.placeholder")}),this.loadDiary(this.onlineDiaryQueryEndpoint+t,null,null,(t,e)=>{i=t?"Der Inhalt ist nicht mehr vorhanden...":this.getItemMarkup(e,!0),o.A.updateTemplate({content:i}),this.loadDiary(this.onlineDiaryEndpoint,0,null,this.renderResults.bind(this))}),o.A.getDialog().show()}renderResults(t,i){if(t)return;let e="";void 0!==i.forEach&&i.forEach(t=>{var i=this.getItemMarkup(t,!1);e+=i}),this.onlineDiaryContainer.append(e),this.loading=!1,this.loadButton.removeClass("loading"),new(l())(".c-online-diary__permalink")}getItemMarkup(t,i){var e="",n="",a="",r="",s=this.config.className,l=t.typeSize?" c-onl

1ine-diary__item--size-"+t.typeSize:"",o=t.typeHighlight?" c-online-diary__item--highlight-"+t.typeHighlight:"",h=s+"__item "+s+"__item--"+t.type+l+o,c='<small class="rf-c-typo:serif--bold rf-c-typo:s u-c-c:'+(i?"blue":"g4")+' u-m-b:.5 u-d:b"><time datetime="'+this.getDateTime(t.content.date)+'">'+t.content.date+"</time></small>";if(t.content.image&&t.content.image.url){var d=t.content.image.url,u=t.content.image.url_no_c,g=t.content.image.alt||"",p=t.content.image.copyright;if(i&&p)n='<small class="'+s+'__copyright">'+p+"</small>";else if(p){let t=document.createElement("div");t.innerHTML=p,n='<button class="c-copyright js-copyright" data-lb data-lb-close="Schließen" data-lb-type="copyright" data-lb-title="Copyright" data-lb-copyright="'+(p=t.textContent)+'" data-lb-image-src="'+d+'"><span class="c-copyright__text">© <span class="u-accessibility">'+p+"</span></span></button>"}e=i?'<div class="'+s+'__image"><img src="'+u+'" alt="'+g+'" height="545" width="1200" class="lazyload"></div>'+n:'<div class="'+s+'__image"><img src="'+u+'" alt="'+g+'" height="545" width="1200" class="lazyload">'+n+"</div>"}"image"!==t.type&&(a=this.getContentMarkup(t.content.caption,t.content.title,t.content.description,t.content.link));const y=[];if(t.content.link&&t.content.link.href){const i=__.trans("diary.read_more")||"Mehr lesen";y.push({href:t.content.link.href,label:i,ariaContext:t.content.link.title||t.content.title,target:t.content.link.target,rel:t.content.link.rel})}t.content.links&&t.content.links.forEach(t=>{!t.href&&t.url&&(t.href=t.url),t.href&&(t.label||t.title)&&y.push(t)});let f="";1===y.length?f='<p class="'+s+'__links">'+this.getLinkMarkup(y[0])+"</p>":y.length>1&&(f='<ul class="'+s+'__links">'+y.map(t=>"<li>"+this.getLinkMarkup(t)+"</li>").join("")+"</ul>");var m=this.onlineDiaryShortUrl+t.id;return i||(r='<button class="'+s+'__permalink" data-clipboard-text="'+m+'" title="Link kopieren" aria-label="Link kopieren"><i class="o-icon-font o-icon-font--copy" aria-hidden="true"></i></button>'),'<article class="'+h+'"><div class="'+s+'__item-wrapper">'+c+'<div class="'+s+'__item-inner">'+e+a+f+r+"</div></div></article>"}getKickerMarkup(t){if(!t)return;let i='<small class="c-kicker">';if(t.includes("|")){let e=t.split("|");i+=`<span class="c-chip">${e[0].trim()}</span>`,i+=`<span class="c-kicker__subline">${e[1].trim()}</span>`}else i+=`<span class="c-kicker__subline">${t}</span>`;return i+="</small>",i}getContentMarkup(t,i,e,n){if(!t&&!i&&!e)return;let a=`<div class="${this.config.className}__content">`;return a+=this.getKickerMarkup(t),i&&(a+=this.getTitleMarkup(i)),e&&(a+=`<p class="u-m-b:0">${e}</p>`),a+="</div>",a}getLinkMarkup(t){const i=' href="'+t.href+'"',e=t.label||t.title,n=t.ariaContext||e;return'<a class="c-link u-icon:right"'+i+' aria-label="'+__.trans("diary.link.ariaLabel",[n])+'"'+(t.target?' target="'+t.target+'"':"")+(t.rel?' rel="'+t.rel+'"':"")+">"+e+'<i class="o-icon-font o-icon-font--arrow-right" aria-hidden="true"></i></a>'}getTitleMarkup(t){return"<h3>"+t+"</h3>"}getDateTime(t){return t.split(".").reverse().join("-")}}},377(t,i,e){e.d(i,{A:()=>n});class n{config={init:"js-init"};constructor(t={},i=null){i&&(this.el=i),this.config=this.mergeConfig(t),this._init()}_init(){this.initialized||(this.init(),this.initialized=!0,this.el&&this.el.classList.add(this.config.init))}mergeConfig(t){return{...this.config,...t}}mergeConst(t){return{...this.CONST,...t}}}},6696(t,i,e){e.d(i,{A:()=>n});class n{fetch(t,i,e,n){this.controller&&this.controller.abort(),this.controller=new AbortController,this.signal=this.controller.signal,fetch(t,{signal:this.signal}).then(t=>{const i=t.headers.get("content-type");if(!t.ok)throw new Error("[BMUV] received invalid fetch response for call");return i&&-1!==i.indexOf("application/json")?t.json():t.text()}).then(t=>{"function"==typeof i&&i(t),"function"==typeof n&&n()}).catch(t=>{"AbortError"===t.name?console.warn("[BMUV] fetch was cancelled"):"function"==typeof e&&(console.warn(t),e(t)),"function"==typeof n&&n()})}}}}]);