1"use strict";(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([["SubscriptionSelection-js-Teaser-js"],{6036:function(t,e){const s={props:{tab:Object,teaser:Object,contentFields:Object,custom:Object,index:Number},methods:{ctaStatisticsTitle(t,e){return this.contentFields.showToggle?t.label+" - "+e.Title+" - "+this.contentFields.buttonText:e.Title+" - "+this.contentFields.buttonText},getListData(t){return t?.Items.map((t=>({mode:t.Mode,icon:"Included"===t.Mode?"check":"close",value:this.findListItemText(t)})))},findListItemText(t){return t.Text?t.Text:t.Items?t.Items.map((t=>this.findListItemText(t))).join(""):void 0},observerIntersection(){const t={root:document.querySelector(".subscription-selection__wrapper"),rootMargin:"0px",threshold:.6};new IntersectionObserver((t=>{t.find((t=>t.isIntersecting))&&this.$emit("on-intersect",this.index)}),t).observe(this.$el)}},mounted(){this.observerIntersection()},template:'\n\t <div class="subscription-selection__term"\n\t\t :data-recommendation="contentFields.recommendedText"\n\t\t :class="{\n\t\t\t\t\'
1subscription-selection__term--recommendation\': (index + 1).toString() === contentFields.recommendedTeaser,\n\t\t\t\t\'subscription-selection__term--super\' : teaser.Super\n\t\t\t}"\n\t >\n\t\t <p class="visually-hidden"\n\t\t\t v-if="(index + 1).toString() === contentFields.recommendedTeaser && !tab.hasOfferPrice">\n\t\t\t {{ contentFields.recommendedText }}}</p>\n\t\t <div class="subscription-selection__term-super p-super"\n\t\t\t v-if="teaser.Super"\n\t\t\t v-html="teaser.Super"\n\t\t ></div>\n\t\t <div class="subscription-selection__term-image">\n\t\t\t <img v-if="teaser.Image" class="img"\n\t\t\t\t :alt="teaser.Image.Alt"\n\t\t\t\t :src="teaser.Image.Src + \';w\' + teaser.Image.newWidth + \'.webp\'"\n\t\t\t\t :width="teaser.Image.newWidth"\n\t\t\t\t :height="teaser.Image.newHeight"\n\t\t\t />\n\t\t </div>\n\t\t <h2 class="subscription-selection__term-name h5">{{ teaser.Title }}</h2>\n\t\t <div class="subscription-selection__term-text">\n\n\t\t\t \x3c!-- if offer monthly price --\x3e\n\t\t\t <p class="subscription-selection__term-price subscription-selection__term-price--stroke"\n\t\t\t\t v-if="teaser.IsOfferPrice">\n\t\t\t\t\t\t\t\t\t\t<span class="subscription-selection__term-text-stroke">\n\t\t\t\t\t\t\t\t\t\t\t<span class="visually-hidden">anstelle von</span>{{ teaser.MonthlyPrice }}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t </p>\n\t\t\t <p class="h1 heavy subscription-selection__term-price"\n\t\t\t\t :class="{\'p-asterisk--after\': teaser.LegalText}"\n\t\t\t\t v-if="teaser.IsOfferPrice && !teaser.LegalText.CssClass">\n\t\t\t\t <span class="visually-hidden">für nur monatlich</span>\n\t\t\t\t {{ teaser.OfferMonthlyPrice }}\n\t\t\t </p>\n\t\t\t <p class="h1 heavy subscription-selection__term-price"\n\t\t\t\t :class="{\'p-asterisk--after\':teaser.LegalText.CssClass == \'p-asterisk\',\'p-asterisk--after-2\':teaser.LegalText.CssClass == \'p-asterisk--2\', \'p-asterisk--after-3\':teaser.LegalText.CssClass == \'p-asterisk--3\'}"\n\t\t\t\t v-if="teaser.IsOfferPrice && teaser.LegalText.CssClass">\n\t\t\t\t <span class="visually-hidden">für nur monatlich</span>\n\t\t\t\t {{ teaser.OfferMonthlyPrice }}\n\t\t\t </p>\n\n\t\t\t \x3c!-- no offer monthly price --\x3e\n\t\t\t <p class="h1 heavy subscription-selection__term-price" v-if="!teaser.IsOfferPrice">\n\t\t\t\t {{ teaser.MonthlyPrice }}</p>\n\t\t\t <p class="subscription-selection__term-period">{{ contentFields.period }}</p>\n\n\t\t\t \x3c!-- if offer yearly price --\x3e\n\t\t\t <p class="subscription-selection__term-price-year"\n\t\t\t\t :class="{\'p-asterisk--after\': teaser.LegalText}"\n\t\t\t\t v-if="teaser.IsOfferPrice && !teaser.LegalText.CssClass"\n\t\t\t >\n\t\t\t\t\t\t\t\t\t <span class="subscription-selection__term-text-stroke">(\n\t\t\t\t\t\t{{ teaser.YearlyPrice }}</span>\n\t\t\t\t {{ teaser.OfferYearlyPrice }} im ersten {{ contentFields.offerTerm }})</p>\n\t\t\t <p class="subscription-selection__term-price-year"\n\t\t\t\t :class="{\'p-asterisk--after\':teaser.LegalText.CssClass === \'p-asterisk\',\'p-asterisk--after-2\':teaser.LegalText.CssClass === \'p-asterisk--2\', \'p-asterisk--after-3\':teaser.LegalText.CssClass === \'p-asterisk--3\'}"\n\t\t\t\t v-if="teaser.IsOfferPrice && teaser.LegalText.CssClass"><span\n\t\t\t\t class="subscription-selection__term-text-stroke">(\n\t\t\t\t {{ teaser.YearlyPrice }}</span>\n\t\t\t\t {{ teaser.OfferYearlyPrice }} im ersten {{ contentFields.offerTerm }})</p>\n\n\t\t\t \x3c!-- no offer yearly price --\x3e\n\t\t\t <p class="subscription-selection__term-price-year"\n\t\t\t\t v-if="!teaser.IsOfferPrice && teaser.PriceInfo">({{ teaser.PriceInfo }})</p>\n\t\t\t <p class="subscription-selection__term-price-year" v-if="!teaser.PriceInfo">({{ teaser.YearlyPrice }})</p>\n\t\t\t <a class="subscription-selection__term-cta btn btn--primary btn--large"\n\t\t\t\t target="_parent"\n\t\t\t\t :href="custom.currentDomain + teaser.LinkModel.Url"\n\t\t\t\t :data-statistics-title="ctaStatisticsTitle(tab, teaser)"\n\t\t\t\t noptid\n\t\t\t >{{ contentFields.buttonText }}</a>\n\t\t </div>\n\t\t <div class="subscription-selection__term-list-wrapper"\n\t\t\t v-if="teaser.ListModel && teaser.ListModel.Items">\n\t\t\t <p class="subscription-selection__term-list-title">{{ teaser.ListModel.Title }}</p>\n\t\t\t <ul class="subscription-selection__term-list p-check-list list">\n\t\t\t\t <li class="subscription-selection__term-list-item list__item"\n\t\t\t\t\t :class="{\'subscription-selection__term-list-item--disabled\': item.mode !== \'Included\'}"\n\t\t\t\t\t v-for="item in getListData(teaser.ListModel)">\n\t\t\t\t\t <svg aria-hidden="true" role="img"\n\t\t\t\t\t\t :class="[\'icon\', \'icon--\' + item.icon]"\n\t\t\t\t\t\t :data-icon="item.icon"\n\t\t\t\t\t >\n\t\t\t\t\t\t <use class="icon__use" :xlink:href="\'#ic_\' + item.icon"></use>\n\t\t\t\t\t </svg>\n\t\t\t\t\t {{ item.value }}\n\t\t\t\t </li>\n\t\t\t </ul>\n\t\t </div>\n\t </div>\n '};e.default=s}}]);
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.