1import{d as m}from"./GlobalStylesStore-CHYE5Nly.js";import{T as r,h as e}from"./TemplateElement-CdZ7OCoX.js";import{w as s}from"./directives-CgZXbjBP.js";import"./page-teaser.js-CeiYfRxQ.js";import"./StyledElement-7gi18rn4.js";import"./i18n-BHsd5ecF.js";import"./author-chip.js-0MAuhg4Q.js";import"./button.js-G88ZjxN3.js";import"./chip.js-Cds4co6g.js";import"./icon.js-CyOdugBa.js";import"./relative-date.js-F36O_Pzk.js";import"./dates-M2ca-Gyj.js";const a="mb-breaking-news{display:block;container-type:inline-size}";class l extends r{constructor(){super({styles:[a]})}properties(){return{headline:"",cards:[]}}template(){const t=this.cards.length<=1?"md:max-w-[360px]":"md:max-w-[768px]";return e` 2 <div class="md:bg-green-light25 rounded-[24px] md:p-fix-s"> 3 <div class="flex flex-col md:flex-row md:items-center md:justify-center gap-fix-m md:gap-fix-xl"> 4 ${s(this.headline,e`<h3 class="fix-title3-medium m-0 text-green-medium hidden lg:block shrink-0"> 5 ${this.headline} 6 </h3>`)} 7 <div 8 class="w-full md:flex-1 ${t} flex flex-col md:flex-row md:justify-center gap-fix-m" 9 > 10 ${this.cards.map(i=>e` 11 <mb-page-teaser 12 variant="compact" 13 .page="${i}" 14 class="w-full md:flex-1 md:max-w-[360px] shrink-0" 15 ></mb-page-teaser> 16 `)} 17 </div> 18 </div> 19 </div> 20 `}}m("mb-breaking-news",l);export{l as default}; 21//# sourceMappingURL=breaking-news.js-UJIbq-uR.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.