https://www.eu-gleichbehandlungsstelle.de/_assets/9da1c2a6d746389c…/chunks/background-container-BzlLXB8n.js

1import{e as t,u as e}from"./pp-process-CNG5NvVa.js";import{B as i,g as s,e as r,A as l}from"./pp-accordion-CA6w9In6.js";import"./pp-facet-dropdown-FY1eeaHH.js";import"./pp-highcharts-D5Crk9o0.js";class n extends i{static get properties(){return{isAside:{type:Boolean,attribute:"is-aside"},hasGrid:{type:Boolean,attribute:"has-grid"},removePaddingY:{type:Boolean,attribute:"remove-padding-y"},theme:{type:String},textSrOnly:{type:String,attribute:"text-sr-only"}}}tag=t`div`;constructor(){super(),this.hasGrid=!1,this.theme="primary",this.textSrOnly=null,this._children=s(this,["html-collection","html-collection-smaller","pp-headline","pp-list","pp-text","pp-typography"])}get containerClasses(){return{"bg-static-22":"primary"===this.theme,"bg-module-bg-1":"secondary"===this.theme,"bg-static-8":"tertiary"===this.theme,"py-40":!this.removePaddingY,"mb-40":"tertiary"===this.theme}}get columnClasses(){return{"px-0":this.hasGrid}}get headlineClasses(){return{"mb-40":!this._children["pp-text"],"mb-16":this._children["pp-text"]}}get testClasses(){return{"qs-headline-container":this?._children["pp-headline"],"qs-button-container":this._children?.["pp-list"]}}get headline(){return this?._children["pp-headline"]?e`
2                 <div class="row">
3                     <div class="${r(this.headlineClasses)} col-12 text-center">
4                         <div class="text-text-1 rounded-br-12 bg-no-repeat no-underline bg-100100 bg-clip-content bg-clip-border bg-gradient-underline typ-heading-2 underline-effect-general underline-effect-general--static">
5                             ${this?._children["pp-headline"]}
6                         </div>
7                     </div>
8                 </div>
9            `:l}get buttons(){return this._children?.["pp-list"]?e`
10                 <div class="row mt-40">
11                     <div class="col-12">
12                         ${this?._children["pp-list"]}
13                     </div>
14                 </div>
15            `:l}get smallerContent(){return this._children["html-collection-smaller"]?e`
16            <div class="row">
17                <div class="col-12 lg:col-8 mx-auto ${r(this.columnClasses)}">
18                    ${this._children["html-collection-smaller"]}
19                </div>
20            </div>
21        `:l}get content(){return this._children["html-collection"]?e`
22            <div class="row">
23                <div class="col-12 ${r(this.columnClasses)}">
24                    ${this._children["html-collection"]}
25                </div>
26            </div>
27        `:l}get subheadline(){return this._children["pp-text"]?e`
28            <div class="s-editor">
29                <div class="row">
30                    <div class="col-12 sm:col-10 lg:col-8 mb-20 mx-auto text-center text-text-1 text-22">
31                        ${this._children["pp-text"]}
32                    </div>
33                </div>
34            </div>
35        `:l}get srOnlyText(){return this.textSrOnly?e`<p class="sr-only">${this.textSrOnly}</p>`:l}render(){return this.isAside&&(this.tag=t`aside`),e`
36            <${this.tag} class="qs-background-container relative mx-breakout w-screen ${r(this.containerClasses)}">
37                <div class="container ${r(this.testClasses)}">
38                    ${this.headline}
39                    ${this.srOnlyText}
40                    ${this.subheadline}
41                    ${this.smallerContent}
42                    ${this.content}
43                    ${this.buttons}
44                </div>
45            </${this.tag}>
46            ${this._children?.["pp-typography"]}
47        `}}customElements.define("pp-background-container",n);export{n as default};