https://www.eu-gleichbehandlungsstelle.de/_assets/9da1c2a6d746389c…/current/public/chunks/infobox-dmCqOT4m.js

1import{e,u as t}from"./pp-process-CNG5NvVa.js";import{i,g as s,A as n,e as r}from"./pp-accordion-CA6w9In6.js";import"./pp-facet-dropdown-FY1eeaHH.js";import"./pp-highcharts-D5Crk9o0.js";class o extends i{static get properties(){return{isAside:{type:Boolean,attribute:"is-aside"},readingTime:{type:String,attribute:"reading-time"},theme:{type:String}}}tag=e`div`;constructor(){super(),this.theme="primary",this.isAside=!1,this._children=s(this,["pp-image","html-collection"]),this.hasIcon=void 0!==this._children["pp-image"]}get containerClasses(){return{"my-64":this.isAside&&this.hasIcon,"mt-20":!this.hasIcon,"lg:mb-40":this.isAside,"mt-32":!this.isAside&&this.hasIcon,"mb-64":!this.isAside||this.isAside&&!this.hasIcon}}get backgroundColorClasses(){return{"bg-module-bg-1":this.readingTime||"secondary"===this.theme,"bg-static-22":!this.readingTime&&"secondary"!==this.theme,"border-2":!this.readingTime&&"secondary"!==this.theme,"border-line-1":!this.readingTime&&"secondary"!==this.theme}}get imageIconContainer(){return this._children?.["pp-image"]?t`
2            <div class="absolute h-60 w-60 lg:h-120 lg:w-120 z-10 left-3 -top-30 sm:left-0 lg:-left-60 lg:-top-60">${this._children?.["pp-image"]}</div>
3        `:n}get readingTimeContainer(){return this.readingTime?t`
4            <p class="min-h-48 min-w-48 mb-24 flex items-center typ-menu text-text-1 relative z-0 pl-20">
5                <span class="absolute bg-icon-bg-2 rounded-b-full rounded-l-full w-[44px] h-[44px] inline-block -z-1 left-0"></span>
6                ${this.readingTime}
7            </p>
8        `:n}get infoboxContent(){return t`
9            <div class="container ${r(this.containerClasses)}">
10                <div class="row">
11                    <div class="col-12 lg:col-10 ml-auto sm:mx-auto">
12                        <div class="s-infobox px-24 pb-24 pt-32 sm:p-40 pt-57 sm:pt-64 lg:px-90 rounded-component-tl rounded-component-tr rounded-component-br rounded-component-bl ${r(this.backgroundColorClasses)}">
13                            ${this.readingTimeContainer}
14                            ${this.imageIconContainer}
15                            ${this._children?.["html-collection"]}
16                        </div>
17                    </div>
18                </div>
19            </div>
20        `}render(){return this.isAside&&(this.tag=e`aside`),t`
21            <${this.tag} class="relative mx-breakout w-screen">
22                ${this.infoboxContent}
23            </${this.tag}>
24        `}createRenderRoot(){return this}}customElements.define("pp-infobox",o);export{o as default};