https://www.integrationsbeauftragte.de/_assets/9da1c2a6d746389cded…/public/chunks/disrupter-D-uymUQf.js

1import{B as t,g as e,A as i,e as s,b as r}from"./pp-accordion-CA6w9In6.js";import{o as a}from"./pp-facet-dropdown-FY1eeaHH.js";import{c as o}from"./pp-social-media-newsroom-XnZulFRf.js";import"./pp-highcharts-D5Crk9o0.js";import"./bootstrap-collapse-tT-5TXrK.js";import"./pp-slider-BLQQXShl.js";import"./pp-process-CNG5NvVa.js";class c extends t{static get properties(){return{theme:{type:String},a11yLabel:{attribute:"a11y-label",type:String}}}constructor(){super(),this.theme="primary",this.a11yLabel="",this._children=e(this,["pp-text","pp-image","pp-link"]),this.hasLink=!!this._children?.["pp-link"]}get backgroundClasses(){return{"bg-module-bg-5":"tertiary"===this.theme,"text-static-1":"tertiary"===this.theme||"secondary"===this.theme,"bg-module-bg-4":"tertiary"!==this.theme&&"secondary"!==this.theme,"text-module-text-4":"tertiary"!==this.theme&&"secondary"!==this.theme,"bg-static-11":"secondary"===this.theme,"cursor-pointer":this._children?.["pp-link"],group:this.hasLink}}get iconColorClasses(){return{"text-static-1":"primary"!==this.theme,"text-static-22":"primary"===this.theme}}get icon(){if(!this.hasLink)return i;const t="primary"===this.theme?"arrow-go-secondary":"arrow-go-primary";return r`
2            <pp-icon name="${t}" class="text-28 shrink-0 fill-current ${s(this.iconColorClasses)}"></pp-icon>
3        `}render(){return r`
4            <section
5                class="${s(this.backgroundClasses)}"
6                @click="${this.hasLink?t=>o(t,this):void 0}"
7                aria-label="${a(this.a11yLabel)}"
8            >
9                <div class="container">
10                    <div class="row">
11                        <div class="col-12 lg:col-8 mx-auto">
12                            <div class="row">
13                                <div
14                                    class="col-2 items-center hidden lg:block"
15                                    aria-hidden="true"
16                                >
17                                    <div class="mr-16 lg:mr-24 h-full absolute right-0">
18                                        ${this._children?.["pp-image"]}
19                                    </div>
20                                </div>
21                                <div class="col-12 lg:col-10">
22                                    <div class="text-18 py-12 lg:py-16 my-10 flex gap-8 items-center">
23                                        <div class="leading-24 lg:text-center}">
24                                            ${this._children?.["pp-text"]}
25                                            ${this._children?.["pp-link"]}
26                                        </div>
27                                        ${this.icon}
28                                    </div>
29                                </div>
30                            </div>
31                        </div>
32                    </div>
33                </div>
34            </section>
35        `}createRenderRoot(){return this}}customElements.define("pp-disrupter",c);export{c as default};