https://www.suedkurier.de/static/768.chunk.d22fa1057cbd561b6a04.js

1/*! @version: todo */
2"use strict";(self.webpackChunktemplate_renderer=self.webpackChunktemplate_renderer||[]).push([[768],{926:(e,t,r)=>{r.d(t,{n:()=>l,y:()=>a});var l=(e=>(e.pill="pill",e.button="button",e))(l||{}),a=(e=>(e.author="author",e.organisation="organisation",e.keyword="keyword",e.product="product",e.location="location",e.hometown="hometown",e.person="person",e.event="event",e))(a||{})},2768:(e,t,r)=>{r.r(t),r.d(t,{TopicOrganizerModule:()=>z});var l=r(3848),a=r(780),n=r(3049),o=r(845),i=r(7078),s=r(6611);var c=r(7880),d=r(6211),p=r(3180),u=r(926);const h="to-pills",b="to-topic-pill";var g=Object.defineProperty,f=Object.defineProperties,w=Object.getOwnPropertyDescriptors,m=Object.getOwnPropertySymbols,v=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable,$=(e,t,r)=>t in e?g(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,x=(e=>(e.s="s",e.m="m",e))(x||{});const k=e=>null!=e&&"string"==typeof e.groupName&&Array.isArray(e.items),O=({item:e,spacing:t,isUsingGroup:r})=>{const l=r?"m"===t?"max-w-[calc(100%-36px)]":"max-w-[calc(100%-30px)]":"max-w-full";return s.A`<li class="${"m"===t?`mb-3 mr-3 ${l}`:`mb-1.5 mr-1.5 ${l}`}">
3    ${(e=>{const{name:t,id:r,entryid:l,entrytype:a,disabled:n=!1,data:o,aria:i,extraClasses:h="",labelExtraClasses:b="",alternativeLabels:g,alternativeToasts:f,popupTitle:w,variant:m=u.n.pill}=e;let v="false";if((e=>null!=e.following)(e))v=`${e.following}`;else{const{pill_marked:t}=e;null==t?console.error("pill has no pill_marked and no following"):v=`${t}`}const y=null!=g?"true"===v?g[1]:g[0]:t;return s.A`<button
4    data-module-id="PillModule"
5    data-entryid="${l}"
6    data-entrytype="${a}"
7    ${null!=g?`data-alternativelabel-following="${g[1]}" data-alternativelabel-notfollowing="${g[0]}"`:""}
8    ${null!=f?`data-alternativetoast-following="${f[1]}" data-alternativetoast-notfollowing="${f[0]}"`:""}
9    ${null!=w?`data-popup-title="${w}"`:'data-popup-title="Themen folgen"'}
10    ${r?`id="${r}"`:""}
11    ${n?"disabled":""}
12    role="checkbox"
13    value="${t}"
14    aria-checked="${v}"
15    class="${m===u.n.pill?"aria-[checked=true]:border-cta aria-[checked=false]:bg-brand-10 aria-[checked=true]:hover:bg-brand-20 aria-[checked=false]:hover:bg-brand-20 aria-[checked=false]:border-brand-10 aria-[checked=false]:hover:border-brand-20 h-[32px] items-center rounded-full border-s px-3 py-1.5 typo-button-light disabled:cursor-not-allowed aria-[checked=false]:disabled:border-gray-50 aria-[checked=true]:disabled:border-gray-50 aria-[checked=false]:disabled:bg-white aria-[checked=true]:disabled:bg-white aria-[checked=false]:disabled:text-gray-50 aria-[checked=true]:disabled:text-gray-50":(0,d.h)(p.A.editorial)} ${h} group flex whitespace-nowrap"
16    ${null!=o?Object.entries(o).map((([e,t])=>""===t?`data-${e}`:`data-${e}="${t}"`)).join(" "):""}
17    ${null!=i?Object.entries(i).map((([e,t])=>""===t?`aria-${e}`:`aria-${e}="${t}"`)).join(" "):""}
18  >
19    <span
20      data-pill-label
21      class="${b} ${m===u.n.pill?"mr-3 max-w-[calc(100%-32px)] border-r-s border-dotted border-gray-3-cold pr-3 leading-[1.2] dark:text-white-always":""} block font-pills"
22      >${y}</span
23    >
24    ${m===u.n.pill?(0,c.I)({ref:"checkmarkCircle",extraClasses:"fill-cta-hover group-disabled:fill-gray-50 group-aria-[checked=false]:hidden max-h-[20px] max-w-[20px]"}):""}
25    ${m===u.n.pill?(0,c.I)({ref:"plusCircle",extraClasses:"fill-cta-hover group-disabled:fill-gray-50 group-aria-[checked=true]:hidden max-h-[20px] max-w-[20px]"}):""}
26  </button>`})((a=((e,t)=>{for(var r in t||(t={}))v.call(t,r)&&$(e,r,t[r]);if(m)for(var r of m(t))y.call(t,r)&&$(e,r,t[r]);return e})({},e),n={data:{[b]:""},extraClasses:"w-full",labelExtraClasses:"truncate"},f(a,w(n))))}
27  </li>`;var a,n},A=({items:e,spacing:t="m",isUsingGroup:r=!1})=>{let l="";return k(e[0])&&(r=!0,l+="[&>*:not(:first-child)]:border-t-s [&>*:not(:first-child)]:border-t-gray-60"),s.A`
28  <ul
29    data-${h}
30    class="justify-start flex flex-wrap max-w-full ${l}"
31  >
32  ${s.A.each(e,(e=>k(e)?s.A`<li class="flex pb-1.5 pt-3">
33        <div class="w-6 flex-none font-semibold uppercase">${e.groupName}</div>
34        ${A({items:e.items,spacing:t,isUsingGroup:r})}
35      </li>`:O({item:e,spacing:t,isUsingGroup:r})))}
36</li>
37</ul>
38  `};var L=Object.defineProperty,T=Object.defineProperties,C=Object.getOwnPropertyDescriptors,P=Object.getOwnPropertySymbols,j=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable,H=(e,t,r)=>t in e?L(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,E=(e,t)=>{for(var r in t||(t={}))j.call(t,r)&&H(e,r,t[r]);if(P)for(var r of P(t))S.call(t,r)&&H(e,r,t[r]);return e},M=(e,t)=>T(e,C(t)),U=(e,t,r)=>new Promise(((l,a)=>{var n=e=>{try{i(r.next(e))}catch(e){a(e)}},o=e=>{try{i(r.throw(e))}catch(e){a(e)}},i=e=>e.done?l(e.value):Promise.resolve(e.value).then(n,o);i((r=r.apply(e,t)).next())}));const V=e=>{try{const t=JSON.parse(e);if(Array.isArray(t))return t}catch(e){console.error(e)}return[]},z=e=>U(void 0,null,(function*(){const t=o.A.getInstance();let r=!1;const c=(0,n.V6)("#to-pills-wrapper-id",e),d=(0,n.V6)("[data-to-pills-container]",e),p=(0,n.V6)("[data-to-pills-more]",e),u=(0,n.V6)("[data-to-pills-none]",e),g=(0,n.V6)("[data-to-pills-top10]",e),f=e.querySelectorAll(`li:has([data-${b}])`),w=(0,n.V6)("[data-to-search-input]",e),m=(0,n.V6)("[data-to-search-results-query-list]",e),v=(0,n.V6)("[data-to-module-data]",e),y=V(v.innerHTML).map((e=>M(E({},e),{following:!0}))),$=(0,n.V6)("[data-to-suggested-data]",e),k=V($.innerHTML).map((e=>M(E({},e),{following:!1})));0===y.length?(u.innerHTML=s.A`<div class="max-w-[355px] p-2 text-center">
39    <strong class="block px-8 text-xl font-semibold">Sie folgen noch keinen Themen oder Autoren</strong>
40    <p class="mt-6">
41      In diesem Bereich finden Sie Artikel aus Ihren gefolgten Themenbereichen oder Autoren, die Sie regelmäßig lesen
42      möchten. <br /><br />
43      Starten Sie, in dem Sie nach Themen oder Autoren suchen oder wählen Sie aus unseren Top 10:
44    </p>
45  </div>`,g.innerHTML=(({suggestedData:e})=>{const t=A({items:e});return s.A` <div class="w-full border-t-s border-gray-1-dark pt-6">
46    <strong class="mb-6 block font-semibold typo-subhead">Unsere beliebtesten Themen & Autoren:</strong>
47    ${t}
48  </div>`})({suggestedData:k}),(0,l.K)()):g.classList.add("hidden");const O=()=>{d.innerHTML=A({items:y}),(0,l.K)(),y.length>0?(c.classList.remove("hidden"),u.classList.add("hidden")):(c.classList.add("hidden"),u.classList.remove("hidden"))};O();const L=(0,n.V6)(`[data-${h}]`,e);let T=L.clientHeight;window.COPLA.console.log("TopicOrganizer",{moduleData:y,bubbles:f,pillsHeight:T,height

48Container:c.clientHeight});const C=()=>{L.clientHeight>c.clientHeight?p.classList.remove("hidden"):p.classList.add("hidden")};C();const P=e=>y.find((t=>t.entryid===e.entryid&&t.entrytype===e.entrytype)),j=e=>{const t=P(e);return null!=t?t.following:null},S=((e,t)=>{let r;return(...l)=>{window.clearTimeout(r),r=window.setTimeout((()=>{window.clearTimeout(r),e(...l)}),t)}})((e=>U(void 0,null,(function*(){window.COPLA.console.log("doSearch",e);const t=yield fetch("/search/topics?"+new URLSearchParams({q:e}));(e=>{if(0===e.length)return void(m.innerHTML="Keine Suchergebnisse gefunden");const t=e.map((e=>{var t;return M(E({},e),{following:null!=(t=j(e))&&t})})),r=A({spacing:x.s,items:t});m.innerHTML=r,(0,l.K)()})(yield t.json())}))),500),H=()=>{const e=w.value;window.COPLA.console.log("input",{searchString:e}),z(e.length>=3),e.length>=3?(m.innerHTML='<div class="loader"></div>',S(e)):m.innerHTML=""},z=e=>{window.COPLA.console.log("showSearchOverlay()",{bool:e,searchOverlayShown:r}),r!==e&&(r=e,w.setAttribute("aria-expanded",`${r}`))},I=new ResizeObserver((e=>{e.forEach((e=>{const{target:t}=e;if(t===L){const t=e.borderBoxSize[0].blockSize;t!==T&&(T=t,C())}}))}));I.observe(L);const D=()=>{window.COPLA.console.log("showAllPills()"),c.setAttribute("aria-expanded","true")},G=e=>{var t;const r=e.target;if(null==r)return;const l=null!=(t=r.dataset)?t:null;if(null!=l&&((0,a.C6)("to-pills-more-btn")in l&&D(),(0,a.C6)("to-search-icon-close")in l)){const e=w;e.value="",e.dispatchEvent(new Event("input",{bubbles:!0}))}},K=e=>{window.COPLA.console.log("onTopicFollow()",e);const t=E({},e.detail);if(null===j(t))y.push(M(E({},t),{following:!0})),O(),D();else{const t=P(e.detail);null!=t&&(t.following=!0)}},_=e=>{window.COPLA.console.log("onTopicUnfollow()",e);const t=P(e.detail);null!=t&&(t.following=!1)};return w.addEventListener("input",H),e.addEventListener("click",G),t.on(i.t.topicFollow,K),t.on(i.t.topicUnfollow,_),()=>{window.COPLA.console.log("TopicOrganizer.cleanup()"),e.removeEventListener("click",G),t.off(i.t.topicFollow,K),t.off(i.t.topicUnfollow,_),w.removeEventListener("input",H),I.disconnect()}}))},780:(e,t,r)=>{r.d(t,{AH:()=>o,C6:()=>n,T9:()=>l,pd:()=>i,y2:()=>a});const l=e=>{const t=[];for(const r in e)t.push(`data-${r}="${e[r]}"`);return t.join(" ")},a=e=>{const t=[];for(const r in e)t.push(`aria-${r}="${e[r]}"`);return t.join(" ")},n=e=>e.replace(/-([a-z0-9])/g,((...e)=>{const[,t]=e;return t.toUpperCase()})),o=e=>`data-testid="${e}"`,i=({href:e,rel:t,target:r,role:l})=>{let a="";return e&&(a+=` href="${e}"`),t&&(a+=` rel="${t}"`),r&&(a+=` target="${r}

48"`),l&&(a+=` role="${l}"`),a}}}]);