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

1import{i as t,g as i,A as e,G as l,e as a}from"./pp-accordion-CA6w9In6.js";import{e as s,u as r}from"./pp-process-CNG5NvVa.js";import{o as d}from"./pp-facet-dropdown-FY1eeaHH.js";import"./pp-highcharts-D5Crk9o0.js";class n extends t{static get properties(){return{dateLabel:{type:String,attribute:"date-label"},dateValue:{type:String,attribute:"date-value"},availabilityLabel:{type:String,attribute:"availability-label"},availabilityValue:{type:String,attribute:"availability-value"},articleNoLabel:{type:String,attribute:"article-no-label"},articleNoValue:{type:String,attribute:"article-no-value"},linkUrl:{type:String,attribute:"link-url"},external:{type:Boolean}}}tag=s`div`;constructor(){super(),this._children=i(this,["pp-inline-image","pp-list"])}get linkClasses(){return{"inline-block":this.linkUrl,"outline-static-1":this.linkUrl,"outline-offset-4":this.linkUrl,"outline-2":this.linkUrl,"focus:outline":this.linkUrl,"hover:outline":this.linkUrl}}get buttonList(){return this._children?.["pp-list"]?r`
2            <div class="mt-64">
3                ${this._children?.["pp-list"]}
4            </div>
5        `:e}get definitionList(){const t=[{dt:this.dateLabel,dd:this.dateValue},{dt:this.availabilityLabel,dd:this.availabilityValue}];return l(this.articleNoValue)||t.push({dt:this.articleNoLabel,dd:this.articleNoValue}),r`${t.map(({dt:t,dd:i})=>r`
6            <dt class="ml-8 first:ml-0 mr-4 last:mr-0">${t}</dt>
7            <dd class="pr-8 last:pr-0 border-r-1 border-static-2 last:border-r-0">${i}</dd>
8        `)}`}render(){return this.linkUrl&&(this.tag=s`a`),r`
9            <div class="col-12">
10                <div class="text-center my-40 lg:my-64">
11                    <${this.tag}
12                            href="${d(this.linkUrl?this.linkUrl:void 0)}"
13                            target="${d(this.external?"_blank":void 0)}"
14                            class="${a(this.linkClasses)}">
15                        ${this._children?.["pp-inline-image"]}
16                    </${this.tag}>
17                    <div class="flex flex-wrap items-center justify-center py-16 mt-8 text-static-2 typ-body-4">
18                        <dl class="flex flex-wrap justify-center">
19                            ${this.definitionList}
20                        </dl>
21                    </div>
22                    <div class="mt-8 relative mx-breakout w-screen">
23                        <div class="container">
24                            <div class="row">
25                                <div class="mx-auto col-4 lg:col-2">
26                                    <div class="border-b-2 border-static-11"></div>
27                                </div>
28                            </div>
29                        </div>
30                    </div>
31                    ${this.buttonList}
32                </div>
33            </div>
34        `}createRenderRoot(){return this}}customElements.define("pp-product",n);export{n as default};