Skip to content

Instantly share code, notes, and snippets.

@nerzen-zemanta

nerzen-zemanta/mraidexpand5.js

Created April 28, 2025 09:49
Show Gist options
  • Save nerzen-zemanta/b0f2a8bb7705607744a099e432cbf1ba to your computer and use it in GitHub Desktop.
Save nerzen-zemanta/b0f2a8bb7705607744a099e432cbf1ba to your computer and use it in GitHub Desktop.
Download ZIP
Raw
mraidexpand5.js
(()=>{var i={6514:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>s});var t=i(8081),t=i.n(t),r=i(3645),i=i.n(r)()(t());i.push([e.id,'*{box-sizing:border-box}.carousel-wrapper{--widget-width: 0;--widget-height: 0}.carousel-wrapper .carousel{--carousel-padding: 25px;--arrows-width: 50px;--imageOffsetPercent: 50%;--noOfCreatives: 1;background-color:#f3f3f3;background-color:#fff;box-sizing:border-box;overflow:hidden;height:var(--widget-height);width:var(--widget-width);display:grid;grid-template-columns:var(--arrows-width) calc(var(--widget-width) - 2*var(--arrows-width)) var(--arrows-width);grid-template-rows:var(--carousel-padding) 1fr var(--carousel-padding)}.carousel-wrapper .carousel.carousel-single{grid-template-areas:"prev-arr empty-space next-arr" "prev-arr add-container next-arr" "prev-arr dots next-arr"}.carousel-wrapper .carousel.carousel-multiple{grid-template-areas:"prev-arr empty-space next-arr" "prev-arr add-container next-arr" "prev-arr add-container next-arr"}.carousel-wrapper .carousel-items{grid-area:empty-space/prev-arr/ad-container/next-arr;position:relative}.carousel-wrapper .carousel-item-container{opacity:0;z-index:0;display:block;position:absolute;transform:translateX(var(--imageOffsetPercent))}.carousel-wrapper .carousel-item-container.carousel-active-item{z-index:1}.carousel-wrapper .carousel-item-container.gradual-transition{transition:transform .8s;opacity:100%}.carousel-wrapper .carousel-item-container.fast-transition{transition:transform .2s;opacity:100%}.carousel-wrapper .carousel-item-container.prev-item{opacity:100%;transform:translateX(calc(-100% - var(--carousel-padding) + var(--imageOffsetPercent)));pointer-events:none}.carousel-wrapper .carousel-item-container.next-item{opacity:100%;pointer-events:none}.carousel-wrapper .prev-arr,.carousel-wrapper .next-arr{display:flex;grid-area:prev-arr;align-self:center;align-content:center;justify-content:center;align-items:center;width:var(--arrows-width);color:gray;font-weight:bold;font-size:19px;transition:.4s ease;border-radius:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2;background-color:rgba(0,0,0,0) !important}.carousel-wrapper .prev-arr:focus,.carousel-wrapper .next-arr:focus,.carousel-wrapper .prev-arr:hover,.carousel-wrapper .next-arr:hover{background-color:rgba(0,0,0,0);box-shadow:none}.carousel-wrapper .next-arr{grid-area:next-arr}.carousel-wrapper .prev-arr>span,.carousel-wrapper .next-arr>span{background-image:url("https://widgets.outbrain.com/images/widgetIcons/arrows-chevron-left.svg");background-color:rgba(129,129,129,.3882352941);color:#000;border-radius:30px;width:40px;height:40px;background-repeat:no-repeat;background-position:center;background-size:cover}.carousel-wrapper .next-arr>span{transform:scaleX(-1)}.carousel-wrapper .carousel-dots{grid-area:dots;align-self:end;z-index:1;height:100%;align-content:center}.carousel-wrapper .carousel-dot{cursor:pointer;aspect-ratio:1;width:min(var(--carousel-padding) - 5px,100%/(var(--noOfCreatives)*(var(--noOfCreatives) - 1)));margin:0 3px;background:linear-gradient(92.18deg, #0361b0 -25.78%, #004987 123.02%);opacity:.3;border-radius:50%;display:inline-block;transition:background-color .5s ease}.carousel-wrapper .enable,.carousel-wrapper .carousel-dot:hover{background:linear-gradient(92.18deg, #0361b0 -25.78%, #004987 123.02%);opacity:1}.carousel-wrapper .creative__ad-choice{z-index:2;cursor:pointer;font-size:16px;width:16px;position:relative;grid-area:next-arr;opacity:.7;justify-self:end;align-self:start;margin:5px}.carousel-wrapper .creative__ad-choice:before{content:"";display:block;padding-top:100%}.carousel-wrapper .creative__ad-choice .content{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff}.carousel-wrapper .creative__ad-choice .content .creative__ad-choice_image{height:calc(100% - 2px);position:absolute;top:1px;left:1px;right:0;bottom:0}',""]);const s=i},7699:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>s});var t=i(8081),t=i.n(t),r=i(3645),i=i.n(r)()(t());i.push([e.id,'.grid{--placement-width: 0px;--placement-height: 0px;--placement-grid-template: "";--placement-padding: 0px;display:grid;width:calc(var(--placement-width) - 2*var(--placement-padding));height:calc(var(--placement-height) - 2*var(--placement-padding));grid-template:var(--placement-grid-template);gap:calc(2*var(--placement-padding));padding:var(--placement-padding)}',""]);const s=i},9701:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>o});var t=i(8081),t=i.n(t),r=i(3645),r=i.n(r),s=i(391),n=i(9482),a=i(1667),a=i.n(a),i=new URL(i(2745),i.b),r=r()(t()),t=(r.i(s.Z),r.i(n.Z),a()(i));r.push([e.id,".creative.clip-layout{position:relative;align-content:start}.creative.clip-layout .creative__ad-choice{justify-self:left;grid-area:image}.creative.clip-layout .creative__video{width:100%;margin-top:-1px;background-position:center top}.creative.clip-layout .ob-clip-end{vertical-align:baseline;box-sizing:content-box;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:rgba(4,0,0,.5)}.creative.clip-layout .ob-clip-replay{display:block;position:absolute;top:10px;right:10px;width:26px;height:30px;background:url("+t+") no-repeat 100% 100%}.creative.clip-layout .ob-clip-cta{display:grid;place-items:center;box-sizing:border-box;margin:0;padding:0;vertical-align:baseline;color:#fff;border-radius:4px;border:1.5px solid #fff;max-width:90%;font-size:var(--cta-font-size);font-weight:var(--cta-font-weight);text-transform:var(--cta-text-transform)}.creative.clip-layout .ob-clip-cta-text{padding:0px var(--cta-font-size);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.creative.clip-layout.ad-size_small{--cta-font-size: 12px;--cta-text-transform: none !important;--cta-font-weight: 600}.creative.clip-layout.ad-size_small .ob-clip-cta{height:35px}.creative.clip-layout.ad-size_medium{--cta-font-size: 14px;--cta-text-transform: none !important;--cta-font-weight: 700}.creative.clip-layout.ad-size_medium .ob-clip-cta{height:46px}.creative.clip-layout.ad-size_large{--cta-font-size: 18px;--cta-text-transform: uppercase !important;--cta-font-weight: 800}.creative.clip-layout.ad-size_large .ob-clip-cta{height:68px}",""]);const o=r},3906:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>n});var t=i(8081),t=i.n(t),r=i(3645),r=i.n(r),s=i(391),i=i(9482),r=r()(t());r.i(s.Z),r.i(i.Z),r.push([e.id,'.creative.horizontal-layout{grid-template-areas:"image text";--title-line-clamp: 1;--description-line-clamp: 1}.creative.horizontal-layout .creative__image{padding:var(--creative-image-padding);padding-right:min(0px,var(--creative-sub-elements-padding) - var(--creative-sub-elements-padding))}.creative.horizontal-layout.creative--rtl .creative__image{padding:var(--creative-image-padding);padding-left:min(0px,var(--creative-sub-elements-padding) - var(--creative-sub-elements-padding))}.creative.horizontal-layout .creative__ad-choice{grid-area:text}.creative.horizontal-layout .creative__sub-elements{align-items:center;align-content:stretch;-moz-column-gap:1em;column-gap:1em}.creative.horizontal-layout .creative__sub-elements .creative__title{align-self:end}.creative.horizontal-layout .creative__sub-elements .creative__wrapper{align-items:stretch;justify-content:start}.creative.horizontal-layout.creative--rtl .creative__image{background-position:right}',""]);const n=r},8618:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>n});var t=i(8081),t=i.n(t),r=i(3645),r=i.n(r),s=i(391),i=i(9482),r=r()(t());r.i(s.Z),r.i(i.Z),r.push([e.id,'.creative.vertical-layout{align-content:end;align-items:end;grid-template-areas:"image" "text"}.creative.vertical-layout .creative__image{width:100%;margin-top:-1px;background-position:center top;padding:var(--creative-image-padding);padding-bottom:min(0px,var(--creative-sub-elements-padding) - var(--creative-sub-elements-padding))}.creative.vertical-layout .creative__sub-elements{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}',""]);const n=r},2506:(e,t,i)=>{"use strict";i.d(t,{Z:()=>s});var t=i(8081),t=i.n(t),r=i(3645),i=i.n(r)()(t());i.push([e.id,".creative {\n --cta-background-color: transparent;\n --cta-border-color: #004987;\n --cta-color: #004987;\n --cta-font-weight: normal;\n --cta-font-size: 100%;\n\n .creative__sub-elements {\n .creative__cta {\n border-radius: 4px;\n padding: 8px;\n\n margin: 0px;\n\n border: 1px solid var(--cta-border-color);\n background-color: var(--cta-background-color);\n\n color: var(--cta-color);\n font-size: var(--cta-font-size);\n font-family: Open Sans, sans-serif, Arial, 'ArialFallback';\n line-height: calc(1.36 * var(--cta-font-size));\n font-weight: var(--cta-font-weight);\n text-transform: var(--cta-text-transform);\n\n span {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n }\n\n .creative__wrapper {\n .creative__cta {\n justify-self: end;\n max-width: 100px;\n }\n }\n }\n\n &.ad-size_small {\n --cta-font-size: 10px;\n --cta-text-transform: none;\n --cta-font-weight: 600;\n\n .creative__cta {\n height: 24px;\n min-width: 76px;\n }\n }\n\n &.ad-size_medium {\n --cta-font-size: 12px;\n --cta-text-transform: uppercase;\n --cta-font-weight: 700;\n\n .creative__cta {\n height: 35px;\n }\n }\n\n &.ad-size_large {\n --cta-font-size: 14px;\n --cta-text-transform: uppercase;\n --cta-font-weight: 800;\n\n .creative__cta {\n height: 46px;\n }\n }\n}\n",""]);const s=i},391:(e,t,i)=>{"use strict";i.d(t,{Z:()=>s});var t=i(8081),t=i.n(t),r=i(3645),r=i.n(r),i=i(2506),r=r()(t());r.i(i.Z),r.push([e.id,"// TODO: Fontsizes, dimensions, padding, margin, line-clamp precalculated?\n\n.creative--anchor-reset {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.creative {\n --creative-width: 0;\n --creative-height: 0;\n --creative-font-family: Lato, sans-serif, Arial;\n\n --creative-sub-elements-padding: 0.75em;\n --creative-image-padding: 0px;\n\n --title-font-size: min(20px, 115%);\n --title-font-weight: 900;\n --title-color: #000000;\n --title-line-clamp: 2;\n\n --description-line-clamp: 2;\n --description-font-size: max(10px, calc(0.75 * var(--title-font-size)));\n --description-font-weight: bold;\n --description-color: #717075;\n\n --ad-choice-margin: 3px;\n\n cursor: pointer;\n background-color: #ffffff;\n border: 1px solid #cccccc;\n overflow: hidden;\n font-family: var(--creative-font-family);\n box-sizing: border-box;\n\n * {\n box-sizing: border-box;\n }\n}\n\n.creative___trc {\n display: none;\n}\n\n.creative--rtl {\n direction: rtl;\n}\n\n.creative__ad-choice {\n position: relative;\n grid-area: image;\n opacity: 0.7;\n justify-self: end;\n align-self: start;\n margin: var(--ad-choice-margin);\n\n &:before {\n /* Needed to keep image proportions */\n content: '';\n display: block;\n padding-top: 100%;\n }\n\n .content {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #ffffff;\n\n .creative__ad-choice_image {\n height: calc(100% - 2px);\n position: absolute;\n top: 1px;\n left: 1px;\n right: 0;\n bottom: 0;\n }\n }\n}\n\n.creative {\n display: grid;\n .creative__video {\n width: inherit;\n grid-area: image / image;\n background-size: contain;\n background-origin: content-box;\n background-repeat: no-repeat;\n }\n\n .creative__image {\n width: inherit;\n height: inherit;\n grid-area: image / image / text / text;\n background-size: contain;\n background-origin: content-box;\n background-repeat: no-repeat;\n background-image: var(--creative-image-url);\n\n box-sizing: border-box;\n }\n\n .creative__sub-elements {\n display: grid;\n position: relative;\n grid-area: text;\n padding: var(--creative-sub-elements-padding);\n align-content: end;\n row-gap: 6px;\n font-size: 100%;\n width: 100%;\n background-color: white;\n\n box-sizing: border-box;\n\n .creative__ad-label {\n grid-area: ad-label;\n display: grid;\n width: fit-content;\n height: var(--creative-ad-label-height);\n\n font-size: 90%;\n\n .creative__anzeige-badge {\n font-size: 90%;\n color: #ffffff;\n background-color: #000000;\n border-radius: 1px;\n line-height: 1.2em;\n font-weight: 400;\n padding: 2px 6px 2px 6px;\n }\n }\n\n .creative__title {\n grid-area: title;\n\n font-size: var(--title-font-size);\n font-weight: var(--title-font-weight);\n font-stretch: normal;\n font-style: normal;\n letter-spacing: normal;\n color: var(--title-color);\n line-height: calc(1.2 * var(--title-font-size));\n\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n word-wrap: break-word;\n -webkit-line-clamp: var(--title-line-clamp); /* number of lines to show */\n line-clamp: var(--title-line-clamp);\n -webkit-box-orient: vertical;\n -webkit-box-pack: end;\n\n &.expand_to_description {\n -webkit-line-clamp: calc(var(--title-line-clamp) + var(--description-line-clamp)); /* number of lines to show */\n line-clamp: calc(var(--title-line-clamp) + var(--description-line-clamp));\n }\n }\n\n .creative__description {\n grid-area: description;\n\n font-size: var(--description-font-size);\n font-weight: var(--description-font-weight);\n font-stretch: normal;\n font-style: normal;\n letter-spacing: normal;\n color: var(--description-color);\n line-height: calc(1.2 * var(--description-font-size));\n\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n word-wrap: break-word;\n -webkit-line-clamp: var(--description-line-clamp); /* number of lines to show */\n line-clamp: var(--description-line-clamp);\n -webkit-box-orient: vertical;\n -webkit-box-pack: end;\n\n &.hide_description {\n display: none;\n }\n }\n\n .creative__brand-name {\n grid-area: brand-name;\n align-self: center;\n\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: var(--description-font-size);\n font-weight: normal;\n font-stretch: normal;\n font-style: italic;\n line-height: calc(1.2 * var(--description-font-size));\n letter-spacing: normal;\n color: black;\n }\n\n .creative__cta {\n grid-area: cta;\n\n display: grid;\n place-items: center;\n\n box-sizing: border-box;\n }\n\n .creative__wrapper {\n display: grid;\n align-content: end;\n column-gap: 6px;\n row-gap: 6px;\n grid-template-areas: 'brand-name cta';\n }\n }\n\n &.ad-size_small {\n .creative__ad-choice {\n font-size: 10px;\n width: 10px;\n --ad-choice-margin: 1px;\n }\n\n .creative__ad-label {\n --creative-ad-label-height: 14px;\n\n .creative__anzeige-badge {\n font-size: 8px;\n }\n }\n\n .creative__sub-elements {\n .creative__brand-name {\n font-weight: 400;\n }\n }\n }\n\n &.ad-size_medium {\n .creative__ad-choice {\n font-size: 16px;\n width: 16px;\n }\n\n .creative__ad-label {\n --creative-ad-label-height: 18px;\n\n .creative__anzeige-badge {\n font-size: 12px;\n }\n }\n\n .creative__sub-elements {\n .creative__brand-name {\n font-weight: 600;\n }\n }\n }\n\n &.ad-size_large {\n .creative__ad-choice {\n font-size: 25px;\n width: 25px;\n }\n\n .creative__ad-label {\n --creative-ad-label-height: 22px;\n\n .creative__anzeige-badge {\n font-size: 16px;\n }\n }\n\n .creative__sub-elements {\n .creative__brand-name {\n font-weight: 600;\n }\n }\n }\n\n &.interstitial {\n .creative__ad-choice {\n grid-area: image / image / text / text !important;\n justify-self: start;\n align-self: end;\n margin: 0px !important;\n font-size: var(--creative-sub-elements-padding) !important;\n width: var(--creative-sub-elements-padding) !important;\n }\n }\n}\n",""]);const s=r},9482:(e,t,i)=>{"use strict";i.d(t,{Z:()=>l});var t=i(8081),t=i.n(t),r=i(3645),r=i.n(r),s=i(2428),n=i(2284),a=i(9214),o=i(635),i=i(1303),r=r()(t());r.i(s.Z),r.i(n.Z),r.i(a.Z),r.i(o.Z),r.i(i.Z),r.push([e.id,".creative {\n --creative-sub-elements-padding: 15px;\n --title-font-weight: 700;\n --description-font-weight: 400;\n --row-gap: 2px;\n\n .creative__sub-elements {\n row-gap: var(--row-gap);\n\n .creative__title.expand_to_description {\n -webkit-line-clamp: var(--title-line-clamp); /* number of lines to show */\n line-clamp: var(--title-line-clamp);\n }\n }\n\n &.vertical-layout {\n .creative__sub-elements {\n .creative__cta {\n min-width: calc(var(--creative-width) * 1 / 3);\n }\n }\n }\n\n &.horizontal-layout {\n .creative__sub-elements .creative__wrapper {\n row-gap: var(--row-gap);\n }\n }\n}\n",""]);const l=r},635:(e,t,i)=>{"use strict";i.d(t,{Z:()=>s});var t=i(8081),t=i.n(t),r=i(3645),i=i.n(r)()(t());i.push([e.id,".creative {\n &.sub-el-surf-large {\n --title-font-size: 20px;\n --row-gap: 8px;\n\n .creative__sub-elements {\n .creative__brand-name {\n margin-top: 4px;\n }\n\n .creative__ad-label {\n margin-bottom: -4px;\n }\n }\n\n &.vertical-layout {\n &.sub-el-ratio-rect,\n &.sub-el-ratio-long {\n .creative__sub-elements:has(.creative__ad-label) {\n padding-top: 9px;\n\n .creative__ad-label {\n position: absolute;\n margin-top: calc(-9px - 1px - var(--creative-ad-label-height) / 2);\n }\n }\n }\n }\n\n &.sub-el-ratio-square {\n --title-line-clamp: 3;\n --description-line-clamp: 2;\n }\n\n &.sub-el-ratio-rect,\n &.sub-el-ratio-long {\n --title-line-clamp: 2;\n --description-line-clamp: 2;\n }\n }\n}\n",""]);const s=i},9214:(e,t,i)=>{"use strict";i.d(t,{Z:()=>s});var t=i(8081),t=i.n(t),r=i(3645),i=i.n(r)()(t());i.push([e.id,".creative {\n &.sub-el-surf-medium {\n --title-font-size: 18px;\n --row-gap: 6px;\n\n &.vertical-layout {\n &.sub-el-ratio-rect {\n .creative__sub-elements:has(.creative__ad-label) {\n padding-top: 7px;\n\n .creative__ad-label {\n position: absolute;\n margin-top: calc(-7px - 1px - var(--creative-ad-label-height) / 2);\n }\n }\n }\n }\n\n &.sub-el-ratio-rect {\n --title-line-clamp: 2;\n --description-line-clamp: 2;\n --cta-text-transform: none !important;\n }\n\n &.sub-el-ratio-x-long {\n --title-line-clamp: 2;\n --description-line-clamp: 0;\n }\n }\n}\n",""]);const s=i},2284:(e,t,i)=>{"use strict";i.d(t,{Z:()=>s});var t=i(8081),t=i.n(t),r=i(3645),i=i.n(r)()(t());i.push([e.id,".creative {\n &.sub-el-surf-small {\n --title-font-size: 14px;\n --row-gap: 4px;\n\n &.vertical-layout {\n --creative-sub-elements-padding: 10px;\n\n &.sub-el-ratio-rect {\n .creative__sub-elements:has(.creative__ad-label) {\n padding-top: 6px;\n\n .creative__ad-label {\n position: absolute;\n margin-top: calc(-6px - 1px - var(--creative-ad-label-height) / 2);\n }\n }\n }\n }\n\n &.horizontal-layout {\n --creative-sub-elements-padding: 5px;\n\n &.sub-el-ratio-rect,\n &.sub-el-ratio-square {\n --creative-sub-elements-padding: 10px;\n }\n\n &.sub-el-ratio-long,\n &.sub-el-ratio-x-long {\n .creative__sub-elements {\n column-gap: calc(var(--creative-sub-elements-padding) * 5 / 3);\n padding-left: calc(var(--creative-sub-elements-padding) * 10 / 3);\n padding-right: calc(var(--creative-sub-elements-padding) * 10 / 3);\n }\n }\n }\n\n &.sub-el-ratio-rect,\n &.sub-el-ratio-long,\n &.sub-el-ratio-x-long {\n --title-line-clamp: 2;\n }\n }\n}\n",""]);const s=i},1303:(e,t,i)=>{"use strict";i.d(t,{Z:()=>s});var t=i(8081),t=i.n(t),r=i(3645),i=i.n(r)()(t());i.push([e.id,".creative {\n &.sub-el-surf-x-large {\n --title-font-size: 22px;\n --row-gap: 10px;\n --creative-sub-elements-padding: 25px;\n\n &.sub-el-ratio-square,\n &.sub-el-ratio-rect,\n &.sub-el-ratio-long {\n --title-line-clamp: 3;\n --description-line-clamp: 2;\n }\n }\n}\n",""]);const s=i},2428:(e,t,i)=>{"use strict";i.d(t,{Z:()=>s});var t=i(8081),t=i.n(t),r=i(3645),i=i.n(r)()(t());i.push([e.id,".creative {\n &.sub-el-surf-x-small {\n --creative-sub-elements-padding: 3px;\n --title-font-size: 12px;\n --row-gap: 2px;\n\n &.horizontal-layout {\n .creative__sub-elements .creative__wrapper {\n column-gap: calc(var(--creative-sub-elements-padding) * 5 / 3);\n }\n\n &.sub-el-ratio-rect {\n --title-line-clamp: 2;\n --description-line-clamp: 2;\n --cta-text-transform: none !important;\n }\n\n &.sub-el-ratio-long,\n &.sub-el-ratio-x-long {\n &:has(.creative__ad-label) {\n --title-font-size: 10px;\n }\n\n .creative__sub-elements {\n column-gap: calc(var(--creative-sub-elements-padding) * 5 / 3);\n padding-left: calc(var(--creative-sub-elements-padding) * 10 / 3);\n padding-right: calc(var(--creative-sub-elements-padding) * 10 / 3);\n }\n }\n }\n\n &.sub-el-ratio-long {\n --title-line-clamp: 2;\n --description-line-clamp: 0;\n }\n }\n}\n",""]);const s=i},3645:e=>{"use strict";e.exports=function(r){var c=[];return c.toString=function(){return this.map(function(e){var t="",i=void 0!==e[5];return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),i&&(t+="@layer".concat(0<e[5].length?" ".concat(e[5]):""," {")),t+=r(e),i&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t}).join("")},c.i=function(e,t,i,r,s){"string"==typeof e&&(e=[[null,e,void 0]]);var n={};if(i)for(var a=0;a<this.length;a++){var o=this[a][0];null!=o&&(n[o]=!0)}for(var l=0;l<e.length;l++){var d=[].concat(e[l]);i&&n[d[0]]||(void 0!==s&&(void 0!==d[5]&&(d[1]="@layer".concat(0<d[5].length?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=s),t&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=t),r&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=r):d[4]="".concat(r)),c.push(d))}},c}},1667:e=>{"use strict";e.exports=function(e,t){return t=t||{},e&&(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e)}},8081:e=>{"use strict";e.exports=function(e){return e[1]}},5676:(e,t,i)=>{i=i(6514);i&&i.__esModule&&(i=i.default),e.exports="string"==typeof i?i:i.toString()},945:(e,t,i)=>{i=i(7699);i&&i.__esModule&&(i=i.default),e.exports="string"==typeof i?i:i.toString()},1259:(e,t,i)=>{i=i(9701);i&&i.__esModule&&(i=i.default),e.exports="string"==typeof i?i:i.toString()},2872:(e,t,i)=>{i=i(3906);i&&i.__esModule&&(i=i.default),e.exports="string"==typeof i?i:i.toString()},574:(e,t,i)=>{i=i(8618);i&&i.__esModule&&(i=i.default),e.exports="string"==typeof i?i:i.toString()},1571:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.controller=t.Controller=void 0;const r=i(4444),s=i(4719),n=i(487);class a{constructor(e){this.multirenderControllerProps=e,this.settings=e.settings,this.logger=e.logger,this.renderType=this.settings.getRenderType(),this.isAnzeigeLabelEnforced=this.anzeigeLabelEnforced()}init(){const e=this.getRenderFunction();e().init()}getRenderFunction(){var e={singleAd:()=>this.preSingleAdController(),grid:()=>this.preGridController(),carousel:()=>this.preCarouselController(),default:()=>{}};return e[this.renderType]||e.default}anzeigeLabelEnforced(){var e=this.settings.getUserGeo(),t=this.settings.getPublisherLanguage();return"DE"===e||"de"===t}preCarouselController(){var e={settings:this.settings,logger:this.logger,anzeigeLabelEnforced:this.isAnzeigeLabelEnforced,imageOffsetPercent:10,adGap:20};return(0,n.carouselController)(e)}preGridController(){var e={settings:this.settings,logger:this.logger,anzeigeLabelEnforced:this.isAnzeigeLabelEnforced};return(0,s.gridController)(e)}preSingleAdController(){var e={settings:this.settings.getZemCreatives()[0],logger:this.logger,scriptId:this.settings.getScriptId(),anzeigeLabelEnforced:this.isAnzeigeLabelEnforced};return(0,r.singleAdController)(e)}}t.Controller=a;t.controller=e=>new a(e)},6705:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getSizeClass=void 0;t.getSizeClass=(e,t)=>{e*=t;return e<=32e3?"ad-size_small":e<=3e5?"ad-size_medium":"ad-size_large"}},3672:function(e,t,i){"use strict";var r=this&&this.__awaiter||function(e,a,o,l){return new(o=o||Promise)(function(i,t){function r(e){try{n(l.next(e))}catch(e){t(e)}}function s(e){try{n(l.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?i(e.value):((t=e.value)instanceof o?t:new o(function(e){e(t)})).then(r,s)}n((l=l.apply(e,a||[])).next())})};Object.defineProperty(t,"__esModule",{value:!0}),t.init=void 0;const s=i(2552),n=i(5175),a=i(423),o=i(4444),l=i(1571),d=i(1679),c=i(3328),u=i(517);i=new class{constructor(){this.currWindow=window,this.useFallback=!1,this.scriptElement=document.currentScript,this.zemElementKey=this.scriptElement?this.scriptElement.id+"__zemCreative__":"__zemCreative__",this.zemElement=(this.currWindow||{})[this.zemElementKey];let t;try{this.settings=(0,n.zemDataSettings)(this.zemElement),t=this.settings.getRenderType()}catch(e){this.settings=(0,s.zemCreativeSettings)(this.zemElement),this.useFallback=!0,t="singleAd"}this.logger=(0,a.logger)(this.settings,t),(0,c.appendFonts)(this.settings.getScriptId(),this.logger,this.settings.useTestEnv())}run(){return r(this,void 0,void 0,function*(){try{var e,t;this.useFallback?(e={settings:this.settings,logger:this.logger,anzeigeLabelEnforced:!1},(yield(0,u.autoResizer)(e).handleResize())||(0,o.singleAdController)(e).init()):(t={settings:this.settings,logger:this.logger},(yield(0,u.autoResizer)(t).handleResize())||(0,l.controller)(t).init())}catch(e){console.log(e),this.logger.error("scriptExecution",e)}this.afterRender()})}afterRender(){this.sendIframeMetrics()}sendIframeMetrics(){var e=(0,d.inIframe)();void 0!==e&&this.logger.metric({event:"counter",metricName:"iframe",data:{iframe:e}})}};t.init=i},1229:function(e,t,i){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.carouselLayout=t.CarouselLayout=void 0;const s=i(6872),n=r(i(5676)),a=i(6705),o=i(201),l=i(1824),d=i(5863),c=i(7732);class u{constructor(e,t){this.carouselControllerProps=e,this.carouselRendererProps=t,this.settings=e.settings,this.renderTypeSettings=this.settings.getRenderTypeSettings(),this.noActiveItems=this.renderTypeSettings.getNoActiveItems(),this.noAllItems=this.settings.getZemCreatives().length,this.noOriginalItems=this.renderTypeSettings.getNoOriginalItems()||this.noAllItems}getCss(){var e=this.carouselControllerProps.imageOffsetPercent?`calc(${this.carouselControllerProps.imageOffsetPercent}% + ${this.carouselRendererProps.adGap}px)`:"0px";return`
${n.default}
.carousel-wrapper {
--widget-width: ${this.settings.getWidth()}px !important;
--widget-height: ${this.settings.getHeight()}px !important;
.carousel {
--imageOffsetPercent: ${e};
--carousel-padding: ${this.carouselRendererProps.adGap}px;
--noOfCreatives: ${this.noOriginalItems}
}
${this.getActiveItemsCss()}
}
`}getActiveItemsCss(){let t="";for(let e=1;e<this.noActiveItems;e++)t+=`
.carousel-active-item-${e} {
transform: translateX(calc(${e} * (100% + var(--carousel-padding)) + var(--imageOffsetPercent)));
}`;return t+=`
.carousel-item-container.next-item {
transform: translateX(calc(${this.noActiveItems} * (100% + var(--carousel-padding)) + var(--imageOffsetPercent)));
}`}getMarkup(){var e=(0,a.getSizeClass)(this.settings.getWidth(),this.settings.getHeight()),t=1===this.noActiveItems?"carousel-single":"carousel-multiple",i=(0,o.adChoice)(this.settings.getAdChoiceUrl()),r=0===this.carouselControllerProps.imageOffsetPercent?(0,l.getSubplacementDots)(this.noOriginalItems):"";return`<div class='carousel-wrapper'>
<style>
${this.getCss()}
</style>
<div class='carousel ${e} ${t}'>
${(0,d.getSubplacementsDiv)(this.noAllItems,this.noActiveItems)}
${(0,c.getArrows)()}
${r}
${i}
</div>
</div>`}getLayout(){return(0,s.toDomNode)(this.getMarkup())}}t.CarouselLayout=u;t.carouselLayout=(e,t)=>{const i=new u(e,t);return i.getLayout()}},7732:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getArrows=void 0;t.getArrows=()=>`<div class='prev-arr'><span></span></div>
<div class='next-arr'><span></span></div>`},1824:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getSubplacementDots=void 0;t.getSubplacementDots=t=>{let i="";for(let e=0;e<t;e++){var r=0===e?"enable":"";i+=`<span class="carousel-dot ${r}")"></span>`}return`<div class='carousel-dots' style="text-align:center">${i}</div>`}},5863:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getSubplacementsDiv=void 0;t.getSubplacementsDiv=(t,i)=>{let r="";for(let e=0;e<t;e++){var s=e<i?`carousel-active-item carousel-active-item-${e} gradual-transition`:e===i?"next-item":e===t-1?"prev-item":"";r+=`<div class='carousel-item-container ${s}' id='carousel-item-container-${e}'></div>`}return`<div class='carousel-items'>${r}</div>`}},487:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.carouselController=t.CarouselController=void 0;const r=i(398);class s{constructor(e){this.props=e,this.renderTypeSettings=this.props.settings.getRenderTypeSettings(),this.noZemCreatives=this.props.settings.getZemCreatives().length,this.setActiveItemsNo(),this.renderTypeSettings.getNoActiveItems()+1===this.noZemCreatives&&this.duplicateCreatives();var t=this.generateRenderProps();this.renderer=(0,r.renderer)(e,t)}init(){this.renderer.createCarouselLayout(),this.renderer.render(this.props.anzeigeLabelEnforced),this.renderer.afterRender()}setActiveItemsNo(){var e=this.props.settings.getWidth(),t=this.props.settings.getHeight();let i=Math.floor(e/t-this.props.imageOffsetPercent/100/2);for(;t*(e/i)<15e3&&1<i;)i-=1;i<1&&(this.props.imageOffsetPercent=0,i=1),this.renderTypeSettings.setNoActiveItems(Math.min(this.noZemCreatives-1,i))}duplicateCreatives(){this.renderTypeSettings.setNoOriginalItems(this.noZemCreatives),this.props.settings.getZemCreativesRaw().forEach(e=>this.props.settings.addZemCreative(e)),this.noZemCreatives=2*this.noZemCreatives}generateRenderProps(){return{adGap:this.calcAdGap()}}calcAdGap(){var e=this.props.settings.getHeight();return Math.min(20,.1*e)}}t.CarouselController=s;t.carouselController=e=>new s(e)},398:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.renderer=t.Renderer=void 0;const s=i(423),n=i(4444),a=i(6872),r=i(1229);class o{constructor(e,t){this.carouselControllerProps=e,this.carouselRendererProps=t,this.carouselPosition=0,this.autoscrollDirection="forward",this.autoScrollOn=!0,this.autoScrollTime=2500,this.settings=this.carouselControllerProps.settings,this.logger=this.carouselControllerProps.logger,this.zemCreatives=this.settings.getZemCreatives(),this.renderTypeSettings=this.settings.getRenderTypeSettings(),this.anchorElement=this.carouselControllerProps.anchorElement||(0,a.getAnchorElement)(this.settings.getScriptId(),this.logger,"creativeRenderBodyLoadWarning"),this.layout=this.anchorElement}render(r){var e;void 0!==this.layout&&(this.anchorElement.classList.add("creative--anchor-reset"),e=this.settings.useShadowDOM(),this.anchorElement.appendChild(this.layout.attachShadow&&e?(0,a.wrapWidgetWithShadowDOM)(this.layout,this.anchorElement):this.layout),this.zemCreatives.forEach((e,t)=>{this.logger=(0,s.logger)(this.settings,"grid"),this.logger.setCreativeIndex(t);t=this.layout.querySelector("#carousel-item-container-"+t)||void 0;try{var i={settings:e,logger:this.logger,anzeigeLabelEnforced:r,anchorElement:t};(0,n.singleAdController)(i).init()}catch(e){this.logger.error("scriptExecution",e)}}))}createCarouselLayout(){return this.changeZemCreatives(),this.layout=(0,r.carouselLayout)(this.carouselControllerProps,this.carouselRendererProps),this.layout}afterRender(){this.addArrowActions(),this.addTouchActions(),this.autoScrollOn&&this.startInfAutoScroll()}addTouchActions(){let t,i,r,s,n,a;const o=this.settings.getWidth()/10;this.layout.addEventListener("touchstart",e=>{e=e.changedTouches[0];this.stopAutoScroll(),r=0,s=0,t=e.pageX,i=e.pageY,a=(new Date).getTime()},!1),this.layout.addEventListener("touchmove",e=>{e.preventDefault()},!1),this.layout.addEventListener("touchend",e=>{e=e.changedTouches[0];r=e.pageX-t,s=e.pageY-i,(n=(new Date).getTime()-a)<400&&Math.abs(r)>=o&&Math.atan(Math.abs(s)/Math.abs(r))<=.4&&(r<0?this.slideShow(this.carouselPosition+1):this.slideShow(this.carouselPosition-1)),this.autoScrollOn&&this.startInfAutoScroll()},!1)}addArrowActions(){const e=this.layout.querySelector(".prev-arr > span"),t=this.layout.querySelector(".next-arr > span");var r=this.layout.getElementsByClassName("carousel-dot");null!==e&&void 0!==e&&e.addEventListener("click",e=>{this.stopAutoScroll(),this.slideShow(this.carouselPosition-1),this.autoScrollOn&&this.startInfAutoScroll()}),null!==t&&void 0!==t&&t.addEventListener("click",e=>{this.stopAutoScroll(),this.slideShow(this.carouselPosition+1),this.autoScrollOn&&this.startInfAutoScroll()});const s=r?r.length:0;for(let i=0;i<s;i++){const n=(r||[])[i];n.addEventListener("click",e=>{this.stopAutoScroll();var t=this.modulo(this.carouselPosition+(i-this.modulo(this.carouselPosition,s)),this.zemCreatives.length);this.startFiniteAutoScroll(t)})}}startFiniteAutoScroll(e){this.autoscrollDirection=0<e-this.carouselPosition?"forward":"backward",this.endItem=e,this.autoScrollInt=setInterval(this.autoScroll.bind(this),200)}startInfAutoScroll(){this.autoscrollDirection="forward",this.autoScrollInt=setInterval(this.autoScroll.bind(this),this.autoScrollTime)}stopAutoScroll(){clearInterval(this.autoScrollInt)}autoScroll(){if(void 0!==this.endItem&&this.carouselPosition===this.endItem)return this.stopAutoScroll(),this.endItem=void 0,void(this.autoScrollOn&&this.startInfAutoScroll());var e="backward"===this.autoscrollDirection?this.carouselPosition-1:this.carouselPosition+1;this.slideShow(e)}slideShow(e){var i=this.renderTypeSettings.getNoActiveItems();const r=this.layout.getElementsByClassName("carousel-item-container"),t=this.layout.getElementsByClassName("carousel-dot");var s=e>this.carouselPosition?"forward":"backward",n=r.length,a=(this.carouselPosition=this.modulo(e,n),this.modulo(e-1,n)),e=this.modulo(e+i,n);for(let t=0;t<n;t++){r[t].className=r[t].className.replace("gradual-transition","").replace("fast-transition","").replace("prev-item","").replace("next-item","");for(let e=0;e<i;e++){var o="carousel-active-item-"+e;r[t].className=r[t].className.replace(o,"").replace("carousel-active-item","")}}for(let e=0;e<t.length;e++)t[e].className=t[e].className.replace(" enable","");for(let e=0;e<i;e++){var l="carousel-active-item-"+e;r[this.modulo(this.carouselPosition+e,n)].className+=" carousel-active-item gradual-transition "+l}r[a].className+=" prev-item",r[e].className+=" next-item";var d=void 0!==this.endItem?" fast-transition":" gradual-transition";"forward"==s?r[a].className+=d:r[e].className+=d,0<t.length&&(s=this.modulo(this.carouselPosition,t.length),t[s].className+=" enable")}changeZemCreatives(){const r=this.renderTypeSettings.getNoActiveItems(),s=this.carouselRendererProps.adGap,n=this.carouselControllerProps.imageOffsetPercent/100,a=0===this.carouselControllerProps.imageOffsetPercent;this.zemCreatives.forEach(e=>{var t=this.settings.getHeight()-s*Number(a),i=a?this.settings.getWidth():(this.settings.getWidth()-(r+1)*s)/(r+2*n);e.setAdChoice(!1),e.setHeight(t),e.setWidth(i)})}modulo(e,t){return(e%t+t)%t}}t.Renderer=o;t.renderer=(e,t)=>new o(e,t)},2274:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.carouselSettings=t.CarouselSettings=void 0;class i{constructor(e){this.carouselData=e,this.carouselData=e}getNoActiveItems(){return this.carouselData.noActiveItems||1}setNoActiveItems(e){this.carouselData.noActiveItems=e}getNoOriginalItems(){return this.carouselData.noOriginalItems}setNoOriginalItems(e){this.carouselData.noOriginalItems=e}}t.CarouselSettings=i;t.carouselSettings=e=>new i(e)},4719:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.gridController=t.GridController=void 0;const r=i(8991);class s{constructor(e){const t=(this.props=e)["settings"];this.renderTypeSettings=t.getRenderTypeSettings(),this.renderer=(0,r.renderer)(e)}init(){var e=this.renderTypeSettings.getGridLayout();const t=this.getRenderFunction(e);e=t();this.renderer.render(e)}getRenderFunction(e){return{boxGridLayout:()=>this.renderer.createRowGridLayout(),columnGridLayout:()=>this.renderer.createColumnGridLayout(),rowGridLayout:()=>this.renderer.createRowGridLayout(),sideBySideLayout:()=>(this.renderTypeSettings.setOrder(this.props.settings.getZemCreatives().map((e,t)=>[t])),this.renderer.createColumnGridLayout()),stackedLayout:()=>(this.renderTypeSettings.setOrder(this.props.settings.getZemCreatives().map((e,t)=>[t])),this.renderer.createRowGridLayout()),heroLayout:()=>(this.renderTypeSettings.setOrder([[0],[...this.props.settings.getZemCreatives().slice(1).map((e,t)=>t+1)]]),this.renderer.createColumnGridLayout())}[e]}}t.GridController=s;t.gridController=e=>new s(e)},1015:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.columnGridLayout=t.ColumnGridLayout=void 0;const r=i(8656),n=i(6872),a=i(8656);class s{constructor(e){this.settings=e,this.gridLayout="columnGridLayout",this.zemCreatives=e.getZemCreatives(),this.renderTypeSettings=this.settings.getRenderTypeSettings(),this.order=this.renderTypeSettings.getOrder(),this.doubleSuplacementPadding=2*this.renderTypeSettings.getSubplacementPadding(),this.zemCreatives=this.settings.getZemCreatives()}getTemplateColumns(){return this.order.map(e=>this.zemCreatives[e[0]].getWidth())}getTemplateRows(){let r=[...new Set(this.order.flatMap(e=>e.reduce((e,t)=>[...e,this.zemCreatives[t].getHeight()+this.doubleSuplacementPadding+e[e.length-1]],[0])))].sort((e,t)=>e-t);return r.reduce((e,t,i)=>i<r.length-1?[...e,r[i+1]-t-this.doubleSuplacementPadding]:e,[])}getGridCss(){const e=this.getTemplateColumns(),t=this.getTemplateRows();let i=(0,n.transposeMatrix)((0,a.getTemplateAreas)(t,this.order,this.zemCreatives.map(e=>e.getHeight()),this.doubleSuplacementPadding));var r=i.map(e=>`"${e.join(" ")}"`).join(""),s=t.join("px ")+"px";return`
grid-template-columns: ${e.join("px ")+"px"};
grid-template-rows: ${s};
grid-template-areas:${r};
`}getCss(){return`
${(0,r.getGridLayoutCss)(this.gridLayout)}
.grid.column-grid-layout {
--placement-width: ${this.settings.getWidth()}px;
--placement-height: ${this.settings.getHeight()}px;
--placement-padding: ${this.renderTypeSettings.getSubplacementPadding()}px;
${this.getGridCss()}
}
${(0,r.getSubplacementsCss)(this.zemCreatives)};
`}getMarkup(){return`<div class='grid column-grid-layout'>
<style>
${this.getCss()}
</style>
${(0,r.getSubplacementsDiv)(this.zemCreatives)}
</div>`}getLayout(){return(0,n.toDomNode)(this.getMarkup())}}t.ColumnGridLayout=s;t.columnGridLayout=e=>{const t=new s(e);return t.getLayout()}},7036:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.rowGridLayout=t.RowGridLayout=void 0;const r=i(8656),n=i(8656),s=i(6872);class a{constructor(e){this.settings=e,this.gridLayout="rowGridLayout",this.zemCreatives=e.getZemCreatives(),this.renderTypeSettings=this.settings.getRenderTypeSettings(),this.order=this.renderTypeSettings.getOrder(),this.doubleSuplacementPadding=2*this.renderTypeSettings.getSubplacementPadding(),this.zemCreatives=this.settings.getZemCreatives()}getTemplateRows(){return this.order.map(e=>this.zemCreatives[e[0]].getHeight())}getTemplateColumns(){let r=[...new Set(this.order.flatMap(e=>e.reduce((e,t)=>[...e,this.zemCreatives[t].getWidth()+this.doubleSuplacementPadding+e[e.length-1]],[0])))].sort((e,t)=>e-t);return r.reduce((e,t,i)=>i<r.length-1?[...e,r[i+1]-t-this.doubleSuplacementPadding]:e,[])}getGridCss(){const e=this.getTemplateColumns(),t=this.getTemplateRows(),i=(0,n.getTemplateAreas)(e,this.order,this.zemCreatives.map(e=>e.getWidth()),this.doubleSuplacementPadding);var r=i.map(e=>`"${e.join(" ")}"`).join(""),s=t.join("px ")+"px";return`
grid-template-columns: ${e.join("px ")+"px"};
grid-template-rows: ${s};
grid-template-areas:${r};
`}getCss(){return`
${(0,r.getGridLayoutCss)(this.gridLayout)}
.grid.row-layout {
--placement-width: ${this.settings.getWidth()}px;
--placement-height: ${this.settings.getHeight()}px;
--placement-padding: ${this.renderTypeSettings.getSubplacementPadding()}px;
${this.getGridCss()}
}
`+(0,r.getSubplacementsCss)(this.zemCreatives)}getMarkup(){return`<div class='grid row-layout'>
<style>
${this.getCss()}
</style>
${(0,r.getSubplacementsDiv)(this.zemCreatives)}
</div>`}getLayout(){return(0,s.toDomNode)(this.getMarkup())}}t.RowGridLayout=a;t.rowGridLayout=e=>{const t=new a(e);return t.getLayout()}},8656:function(e,t,i){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getTemplateAreas=t.getSubplacementsCss=t.getSubplacementsDiv=t.getGridLayoutCss=void 0;const s=r(i(945));t.getGridLayoutCss=e=>{return{sideBySideLayout:""+s.default,stackedLayout:""+s.default,heroLayout:""+s.default,boxGridLayout:""+s.default,rowGridLayout:""+s.default,columnGridLayout:""+s.default}[e]},t.getSubplacementsDiv=e=>e.map((e,t)=>`<div id='creative-ad-${t}'></div>`).join(""),t.getSubplacementsCss=e=>e.map((e,t)=>`#creative-ad-${t} {
grid-area: ad-${t};
width: ${e.getWidth()}px;
height: ${e.getHeight()}px;
}`).join("");t.getTemplateAreas=(s,e,n,a)=>e.map(e=>{let r=0;return e.reduce((e,t)=>{let i=0;for(;n[t]>=i;)e.push("ad-"+t),i+=s[r]+a,r++;return e},[])})},8991:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.renderer=t.Renderer=void 0;const s=i(423),n=i(4444),a=i(6872),r=i(1015),o=i(7036);class l{constructor(e){this.gridControllerProps=e,this.settings=e.settings,this.logger=e.logger,this.renderTypeSettings=this.settings.getRenderTypeSettings(),this.zemCreatives=this.settings.getZemCreatives(),this.subPlacementPadding=this.renderTypeSettings.getSubplacementPadding()}render(r){const e=(0,a.getAnchorElement)(this.settings.getScriptId(),this.logger,"creativeRenderBodyLoadWarning");e.classList.add("creative--anchor-reset");var t=this.settings.useShadowDOM();e.appendChild(r.attachShadow&&t?(0,a.wrapWidgetWithShadowDOM)(r,e):r),this.zemCreatives.forEach((e,t)=>{this.logger=(0,s.logger)(this.settings,"grid"),this.logger.setCreativeIndex(t);t=r.querySelector("#creative-ad-"+t)||void 0;try{var i={settings:e,logger:this.logger,anzeigeLabelEnforced:this.gridControllerProps.anzeigeLabelEnforced,anchorElement:t};(0,n.singleAdController)(i).init()}catch(e){this.logger.error("scriptExecution",e)}})}createColumnGridLayout(){var e=this.renderTypeSettings.getOrder(),e=this.settings.getInterstitial()?e[0][e[0].length-1]:e[e.length-1][0];return this.changeZemCreatives(e),(0,r.columnGridLayout)(this.settings)}createRowGridLayout(){var e=this.renderTypeSettings.getOrder(),e=this.settings.getInterstitial()?e[e.length-1][0]:e[0][e[0].length-1];return this.changeZemCreatives(e),(0,o.rowGridLayout)(this.settings)}changeZemCreatives(i){this.zemCreatives.forEach((e,t)=>{e.setAdChoice(t===i),e.setHeight(e.getHeight()-2*this.subPlacementPadding),e.setWidth(e.getWidth()-2*this.subPlacementPadding)})}}t.Renderer=l;t.renderer=e=>new l(e)},3586:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.gridSettings=t.GridSettings=void 0;class i{constructor(e){this.grid=e,this.grid=e}getGridLayout(){var e;return null==(e=this.grid)?void 0:e.gridLayout}setGridLayout(e){return this.grid.gridLayout=e}getSubplacementPadding(){var e;return(null==(e=this.grid)?void 0:e.subplacementPadding)||0}getOrder(){return this.grid.order}setOrder(e){this.grid.order=e}}t.GridSettings=i;t.gridSettings=e=>new i(e)},6442:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.afterRender=t.AfterRender=void 0;const r=i(7372),s=i(4045);let n={};class a{constructor(e,t){this.settings=e,this.logger=t}addViewabilityObserver(e){var t=this.settings.getZemCreativeId();if(n[t]=n[t]||{trackers:!1,viewablility:!1},!n[t].viewablility)return n[t].viewablility=!0,(0,s.viewability)(this.settings,this.logger,e)}trackers(e){var t,i=this.settings.getZemCreativeId();if(n[i]=n[i]||{trackers:!1,viewablility:!1},null==(t=n[i])||!t.trackers)return n[i].trackers=!0,(0,r.trackers)(this.settings,e)}}t.AfterRender=a;t.afterRender=(e,t)=>new a(e,t)},1165:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.layoutAutoGenerator=t.LayoutAutoGenerator=void 0;const r=i(6872);class s{constructor(e){this.settings=e,this.w=e.getWidth(),this.h=e.getHeight(),this.widgetRatio=this.w/this.h,this.subElH=0,this.subElW=0,this.autoGeneratedLayout=this.getAutoGeneratedLayout()}init(){}getAutoGeneratedLayoutProps(){return this.autoGeneratedLayout}getAutoGeneratedSubElementsSettings(){return{surfaceSizeClass:this.getSubElementsSurfaceSizeClass(),ratioClass:this.getSubElementsRatioClass(),minImageHeight:this.autoGeneratedLayout.imageHeight,layout:this.autoGeneratedLayout.layout}}getAutoGeneratedLayout(){return 2<this.widgetRatio&&this.h<40?this.textOnlyLayout():6<this.widgetRatio?this.ctaSeperateLayout():4<this.widgetRatio||2<this.widgetRatio?this.sideBySideLayout():this.w<125?this.imageOnlyLayout():this.h<100?this.textOnlyLayout():this.OnTopLayout()}imageOnlyLayout(){return{imageWidth:this.w,imageHeight:this.h,layout:"verticalLayout",order:{direction:"rows",subElements:[]}}}textOnlyLayout(){var e="horizontalLayout";return this.subElH=this.h,this.subElW=this.w,{imageWidth:0,imageHeight:0,layout:e,order:{direction:"rows",subElements:this.autoGenerateSubElements(e)}}}sideBySideLayout(){var e=.28*this.w,t=(this.subElW=this.w-e,this.subElH=this.h,"horizontalLayout");return{imageWidth:e,imageHeight:this.h,layout:t,order:{direction:"rows",subElements:this.autoGenerateSubElements(t)}}}ctaSeperateLayout(){var e;return this.settings.getCallToAction()?(e=1/6*this.w,this.subElW=2*(this.w-e)/3,this.subElH=this.h,{imageWidth:e,imageHeight:this.h,layout:e="horizontalLayout",order:{direction:"columns",subElements:[(0,r.removeElementFromNestedArray)(this.autoGenerateSubElements(e),"cta"),"cta"]}}):this.sideBySideLayout()}OnTopLayout(){var e=this.w/this.h;let t=this.settings.isClipCreative()?.5*this.w:e<.5?this.h-1.5*this.w:.37*this.h;this.subElH=300<=this.w?Math.min(5/6*this.w,this.h-t):this.h-t,this.subElW=this.w,t=this.h-this.subElH;e="verticalLayout";return{imageWidth:this.w,imageHeight:t,layout:e,order:{direction:"rows",subElements:this.autoGenerateSubElements(e)}}}autoGenerateSubElements(e){switch(this.getSubElementsSurfaceSizeClass()){case"surf-x-small":return this.xSmallSubElements(e);case"surf-small":return this.smallSubElements(e);case"surf-medium":return this.mediumSubElements(e);case"surf-large":return this.largeSubElements(e);case"surf-x-large":return this.xLargeSubElements(e)}}xSmallSubElements(e){switch(this.getSubElementsRatioClass()){case"ratio-slim":return"verticalLayout"===e?["ad-label","title","description","brand-name","cta"]:["title","description",["ad-label","brand-name"],"cta"];case"ratio-square":return"verticalLayout"===e?["ad-label","title","brand-name","cta"]:["title",["ad-label","brand-name"],"cta"];case"ratio-rect":case"ratio-long":case"ratio-x-long":return"verticalLayout"===e?["ad-label","title","brand-name"]:["title",["ad-label","brand-name"]]}}smallSubElements(e){switch(this.getSubElementsRatioClass()){case"ratio-slim":case"ratio-square":return"verticalLayout"===e?["ad-label","title","description","brand-name","cta"]:["title","description",["ad-label","brand-name"],"cta"];case"ratio-rect":return"verticalLayout"===e?["ad-label","title","brand-name","cta"]:["title",["ad-label","brand-name"],"cta"];case"ratio-long":case"ratio-x-long":return"verticalLayout"===e?["ad-label","title","brand-name"]:["title",["ad-label","brand-name"]]}}mediumSubElements(e){switch(this.getSubElementsRatioClass()){case"ratio-slim":case"ratio-square":return"verticalLayout"===e?["ad-label","title","description","brand-name","cta"]:["title","description",["ad-label","brand-name"],"cta"];case"ratio-rect":return"verticalLayout"===e?this.verticalMediumRectSubElements():["title","description",["ad-label","brand-name"],"cta"];case"ratio-long":return"verticalLayout"===e?["ad-label","title","brand-name","cta"]:["title",["ad-label","brand-name"],"cta"];case"ratio-x-long":return"verticalLayout"===e?["ad-label","title","brand-name"]:["title",["ad-label","brand-name"]]}}largeSubElements(e){switch(this.getSubElementsRatioClass()){case"ratio-slim":case"ratio-square":case"ratio-rect":return"verticalLayout"===e?["ad-label","title","description","brand-name","cta"]:["title","description",["ad-label","brand-name"],"cta"];case"ratio-long":return"verticalLayout"===e?["ad-label","title","brand-name","cta"]:["title",["ad-label","brand-name"],"cta"];case"ratio-x-long":return"verticalLayout"===e?["ad-label","title","description","brand-name","cta"]:["title","description",["ad-label","brand-name"],"cta"]}}xLargeSubElements(e){switch(this.getSubElementsRatioClass()){case"ratio-slim":case"ratio-square":case"ratio-rect":case"ratio-long":case"ratio-x-long":return"verticalLayout"===e?["ad-label","title","description","brand-name","cta"]:["title","description",["ad-label","brand-name"],"cta"]}}verticalMediumRectSubElements(){var e=this.settings.getDescription();this.settings.getCallToAction();return e?["ad-label","title","description",["brand-name","cta"]]:["ad-label","title","brand-name","cta"]}getSubElementsSurfaceSizeClass(){var e=this.subElH*this.subElW/1e3;return e<17?"surf-x-small":e<37?"surf-small":e<70?"surf-medium":e<150?"surf-large":"surf-x-large"}getSubElementsRatioClass(){var e=this.subElW/this.subElH;return e<5/6?"ratio-slim":e<1.25?"ratio-square":e<2.5?"ratio-rect":e<4?"ratio-long":"ratio-x-long"}}t.LayoutAutoGenerator=s;t.layoutAutoGenerator=e=>new s(e)},201:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.adChoice=void 0;t.adChoice=e=>`<div onclick="event.stopPropagation(); window.open('${e}', '_blank').focus();" class="creative__ad-choice">
<div class="content"><img class="creative__ad-choice_image" src="https://widgets.outbrain.com/images/widgetIcons/achoice.svg"></div>
</div>`},6166:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.adLabel=void 0;t.adLabel=e=>{return e?`<div class="creative__ad-label"><span class="creative__anzeige-badge">${e}</span></div>`:""}},4285:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.brandName=void 0;t.brandName=e=>{return e?`<div class="creative__brand-name">${e}</div>`:""}},2622:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.clipEndFrame=void 0;t.clipEndFrame=e=>{return`<div class="ob-clip-end" style="display:none">
<div class="ob-clip-replay"></div>
${e?` <div class="ob-clip-cta"><div class="ob-clip-cta-text">${e}</div></div>`:""}
</div>`}},8163:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.callToAction=void 0;t.callToAction=e=>{return e?`<div class="creative__cta"><span>${e}</span></div>`:""}},956:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.description=void 0;t.description=e=>{return e?`<div class="creative__description">${e}</div>`:""}},350:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.imageUrl=void 0;t.imageUrl=(e,t,i,r,s)=>{return new URL(e+`?${r}&${t?"w="+t:""}&${i?"h="+i:""}&fm=`+s)}},1399:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.subElements=t.SubElements=void 0;const r=i(3328),s=i(687),n=i(956),a=i(4285),o=i(8163),l=i(6166);class d{constructor(e){this.props=e,this.mapComponents={title:()=>(0,s.title)(this.settings.getTitle(),this.descriptionIsMissing(this.order.subElements,this.settings.getDescription())),description:()=>(0,n.description)(this.settings.getDescription()),"brand-name":()=>(0,a.brandName)(this.renderOptions.brandNameText),cta:()=>(0,o.callToAction)(this.settings.getCallToAction()),"ad-label":()=>(0,l.adLabel)(this.renderOptions.adLabelText)},this.getOrderedComponents=(e,t,i)=>{var r=i.subElements[e];return"string"==typeof r?this.getSingleComponent(r):this.getMultiComponents(i,e,t)};var{settings:e,renderOptions:t,order:i}=e;this.settings=e,this.renderOptions=t,this.order=i}getSubElements(){return`<div class="creative__sub-elements">
${(0,r.orderComponentsStringReduce)(this.order,this.getOrderedComponents)}
</div>`}getSingleComponent(e){return this.mapComponents[e]()}getMultiComponents(e,t,i){i=i?i+"_"+t:""+t,t=e.subElements[t],e=(0,r.getSubComponentsArrayOrder)(e.direction,t);return`<div class="creative__wrapper creative__wrapper_${i}">
${(0,r.orderComponentsStringReduce)(e,this.getOrderedComponents,i)}
</div>`}descriptionIsMissing(e,t){return!((0,r.flattenOrderArray)(e).includes("description")&&t)}}t.SubElements=d;t.subElements=e=>{const t=new d(e);return t.getSubElements()}},687:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.title=void 0;t.title=(e,t)=>{return e?`<div class="creative__title${t?" expand_to_description":""}">${e}</div>`:""}},4913:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.videoTag=void 0;t.videoTag=()=>{return'<video id="creative__video" class="creative__video muted="true" autoplay="true" playsinline="true""></video>'}},6036:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.RTL_LANGUAGES=void 0,t.RTL_LANGUAGES=["ae","ar","arc","bcc","bqi","ckb","dv","fa","glk","he","ku","mzn","nqo","pnb","ps","sd","ug","ur","yi"]},4444:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.singleAdController=t.SingleAdController=void 0;const s=i(8945),r=i(6872),n=i(6442),a=i(6036),o=i(1165);class l{constructor(e){var{settings:e,logger:t,anchorElement:i,scriptId:r}=this.props=e,i=(this.autoGeneratedLayout=(0,o.layoutAutoGenerator)(e),{isRTL:this.isRTL(),brandNameText:this.getBrandNameText(),adLabelText:this.getAdLabelText(),anchorElement:i,autoGeneratedSubElementsSettings:this.autoGeneratedLayout.getAutoGeneratedSubElementsSettings(),scriptId:r});this.renderer=(0,s.renderer)(e,t,i),this.afterRender=(0,n.afterRender)(e,t)}init(){this.validateAd(),this.setAutoGeneratedLayout(),this.cleanupSubElements();var e,t,i=this.props.settings.isClipCreative()?"clipLayout":this.props.settings.getLayout();const r=this.getRenderFunction(i);i=r();this.renderer.render(i),null!=(t=null==(t=null==(e=this.afterRender)?void 0:e.trackers)?void 0:t.call(e,i))&&t.fire(),null!=(t=null==(e=this.afterRender)?void 0:e.addViewabilityObserver)&&t.call(e,i)}cleanupSubElements(){var e;""===this.renderer.renderProps.adLabelText&&(e=this.props.settings.getOrder(),this.props.settings.setSubElements((0,r.removeElementFromNestedArray)(e.subElements,"ad-label"))),""===this.props.settings.getDescription()&&(e=this.props.settings.getOrder(),this.props.settings.setSubElements((0,r.removeElementFromNestedArray)(e.subElements,"description"))),""!==this.props.settings.getCallToAction()&&!this.props.settings.isClipCreative()||(e=this.props.settings.getOrder(),this.props.settings.setSubElements((0,r.removeElementFromNestedArray)(e.subElements,"cta")))}validateAd(){var e=this.props.settings.getUrl(),t=this.props.settings.getTitle(),i=this.props.settings.getWidth(),r=this.props.settings.getHeight();if(!e)throw new Error("invalid url: "+e);if(!t)throw new Error("invalid title: "+t);if(0===i||0===r)throw new Error("invalid size: "+this.props.settings.getSize())}setAutoGeneratedLayout(){var e=this.props.settings.getLayout(),t=this.props.settings.getOrder(),i=this.props.settings.getImageWidth(),r=this.autoGeneratedLayout.getAutoGeneratedLayoutProps();void 0===e&&this.props.settings.setLayout(r.layout),void 0===t&&this.props.settings.setOrder(r.order),"horizontalLayout"!==e&&"horizontalLayout"!==r.layout||-1!==i||(t=r.imageWidth,e=r.imageHeight,0===t?this.props.settings.setImageSrc(""):this.props.settings.setImageWidth(t),0===e?this.props.settings.setImageSrc(""):this.props.settings.setImageHeight(e))}isRTL(){return a.RTL_LANGUAGES.includes(this.props.settings.getLanguage())}getBrandNameText(){var e=this.props.settings.getBrandName();return"brand-name"===this.getSponsoredTextPlacementWithOverrides()?this.getSponsoredText(e):e}getAdLabelText(){return"ad-label"===this.getSponsoredTextPlacementWithOverrides()?this.getSponsoredText():""}getSponsoredTextPlacementWithOverrides(){return this.props.anzeigeLabelEnforced||this.anzeigeLabelEnforced()?"ad-label":this.props.settings.getSponsoredTextPlacement()}getSponsoredText(e){var t=this.getSponsoredByLanguage(),i=this.props.settings.getAdLabel();switch(t){case"he":return e?e+" | ממומן":i||"ממומן";case"de":return e?e+" | Anzeige":"Anzeige";default:return this.isRTL()?e||"":e?"Sponsored by: "+e:i||"Sponsored"}}getSponsoredByLanguage(){var e=this.props.settings.getLanguage();return this.props.anzeigeLabelEnforced||this.anzeigeLabelEnforced()?"de":e}anzeigeLabelEnforced(){var e=this.props.settings.getUserGeo(),t=this.props.settings.getPublisherLanguage();return"DE"===e||"de"===t}getRenderFunction(e){const t=this.props.settings.getOrder();var i={clipLayout:()=>this.renderer.createClipLayout(t),verticalLayout:()=>this.renderer.createVerticalLayout(t),horizontalLayout:()=>this.renderer.createHorizontalLayout(t),default:()=>this.renderer.createVerticalLayout(t)};return i[e]||i.default}}t.SingleAdController=l;t.singleAdController=e=>new l(e)},3328:function(e,s,t){"use strict";var i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(s,"__esModule",{value:!0}),s.appendStylesheetTag=s.appendFonts=s.getRoothPath=s.flattenOrderArray=s.getSubComponentsArrayOrder=s.orderComponentsStringReduce=s.getSubElementsCss=s.getLayoutCss=s.getLayoutHandler=void 0;const r=i(t(2872)),n=i(t(574)),a=i(t(1259)),o=t(535),l=t(6872),d=t(6872),c=e=>{var t=e.setTriggerMetaData({metricName:"click",event:"counter"});e.metric(t)};s.getLayoutHandler=(e,t,n,a)=>{const i=(0,l.toDomNode)(e),o=n.getExchange();let r=i;return r.addEventListener("click",e=>{e={click_x:null==e?void 0:e.x,click_y:null==e?void 0:e.y,ad_width:n.getWidth(),ad_height:n.getHeight()};const t=new URL(n.getUrl());var i="googleadx"===o?m(t,a):n.getUrl();let r=n.getUrl();if(i){const s=b(i,e);"googleadx"===o&&t.searchParams.set("adurl",s.toString()),r=("googleadx"===o?t:s).toString()}c(a),null!=(i=window.open(r,"_blank"))&&i.focus()}),t&&i.classList.add("creative--rtl"),i},s.getLayoutCss=e=>{return{clipLayout:""+a.default,verticalLayout:""+n.default,horizontalLayout:""+r.default}[e]},s.getSubElementsCss=e=>{var t=p(e),i=(0,s.orderComponentsStringReduce)(e,g);return`
.creative__sub-elements {
${"columns"==e.direction?"grid-template-columns: 2fr 1fr;":""}
grid-template-areas: ${t}
}
${i}
`},s.orderComponentsStringReduce=(r,s,n)=>{return r.subElements.reduce((e,t,i)=>{return e+" "+s(i,n,r)},"")},s.getSubComponentsArrayOrder=(e,t)=>{return{direction:"columns"===e?"rows":"columns",subElements:[...t]}},s.flattenOrderArray=e=>e.flatMap(e=>Array.isArray(e)?(0,s.flattenOrderArray)(e):e),s.getRoothPath=e=>{return"0"===(0,o.getVersion)()?"/dist":e?"https://widgets-test.outbrain.com/n2d/widget":"https://widgets.outbrain.com/n2d/widget"},s.appendFonts=(e,t,i)=>{const r=(0,d.getAnchorElement)(e,t,"buFontBodyLoadWarning");e=(0,s.getRoothPath)(i)+"/fonts/",t=(0,l.toDomNode)(`<style>
@font-face {
font-family: 'ArialFallback';
src: local('Arial'), local('Arial Regular'), local('Arial-Regular'), url('${e}ArialMT.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'ArialFallback';
font-style: normal;
font-weight: 900;
src: local('Arial Bold'), local('Arial-Bold'), url('${e}ARIALBD.woff') format('woff');
}
@font-face {
font-family: 'ArialFallback';
font-style: italic;
font-weight: normal;
src: local('Arial Italic'), local('Arial-Italic'), url('${e}ARIALI.woff') format('woff');
}
</style>`);r.appendChild(t)};s.appendStylesheetTag=(s,n,a)=>new Promise((e,t)=>{const i=u(n,a),r=(0,l.toDomNode)(`<link rel="stylesheet" type="text/css" href="${i}">`);r.onload=()=>e(r),r.onerror=()=>t(i+" css error"),s.appendChild(r)});const u=(e,t)=>{return(0,s.getRoothPath)(t)+`/${(0,o.getVersion)()}/customCss/${e}.css`},g=(e,t,i)=>{var r=i.subElements[e];return Array.isArray(r)?h(i,e,t):""},h=(e,t,i)=>{i=i?i+"_"+t:""+t,t=e.subElements[t],e=(0,s.getSubComponentsArrayOrder)(e.direction,t),t=(0,s.orderComponentsStringReduce)(e,g,i);return v(e,i)+" "+t},p=(i,r)=>{var e=i.subElements.map((e,t)=>{e="string"==typeof e?e:(r?"creative_wrapper_"+r:"creative_wrapper")+"_"+t;return"rows"===i.direction?`"${e}"`:e}).join(" ");return"rows"===i.direction?e:`'${e}'`},v=(e,t)=>{return`.creative .creative__sub-elements .creative__wrapper.creative__wrapper_${t} {
grid-area: creative_wrapper_${t};
grid-template-areas: ${p(e,t)};
}`},m=(e,t)=>{e=e.searchParams.get("adurl");return null===e&&t.warn("googleadxRedirectorWarning","googleAdx is missing adurl paramter in url"),e},b=(e,t)=>{t=window.btoa(JSON.stringify(t));let i=new URL(e);return i.searchParams.append("cwp",t),i}},2726:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.clipLayout=t.ClipLayout=void 0;const r=i(3328),o=i(201),l=i(2622),n=i(1399),d=i(4913),s=i(4987),a=i(2756);class c{constructor(e){this.props=e,this.autoLayout=this.props.renderOptions.autoGeneratedSubElementsSettings.layout;const{settings:t,order:i,renderOptions:r,logger:s}=this.props;this.subElementsDiv=(0,n.subElements)({settings:t,order:i,renderOptions:r}),this.variantNameClass=t.getVariantNameClass(),this.logger=s}getClipLayoutCss(){var e=this.props.order;return`
.clip-layout${("horizontalLayout"===this.autoLayout?(0,a.getHorizontalLayoutCss):(0,s.getVerticalLayoutCss))(this.props)}
${(0,r.getLayoutCss)(this.autoLayout)}
${(0,r.getLayoutCss)("clipLayout")}
${(0,r.getSubElementsCss)(e)}
`}getMarkup(){var e=this.props["widgetSizeClass"],{ratioClass:t,surfaceSizeClass:i}=this.props.renderOptions.autoGeneratedSubElementsSettings,r=this.props.settings.getInterstitial()?"interstitial":"",s=this.props.settings.getAdChoice()?(0,o.adChoice)(this.props.settings.getAdChoiceUrl()):"",n=(0,l.clipEndFrame)(this.props.settings.getCallToAction()),a=(0,d.videoTag)();return`<div class="creative clip-layout ${"horizontalLayout"===this.autoLayout?"horizontal-layout":"vertical-layout"} ${r} ${this.variantNameClass} ${e} sub-el-${t} sub-el-${i}">
<style>${this.getClipLayoutCss()}</style>
${a}
${this.subElementsDiv}
${n}
${s}
</div>`}getLayout(){return(0,r.getLayoutHandler)(this.getMarkup(),this.props.renderOptions.isRTL,this.props.settings,this.logger)}}t.ClipLayout=c;t.clipLayout=e=>{const t=new c(e);return t.getLayout()}},3403:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.clipRenderer=void 0;const r=i(6872);class s{constructor(e,t,i){this.settings=e,this.widgetHeight=t,this.logger=i,this.loopsCount=3}addVideo(e){const t=e.querySelector(".creative__video");var i,r=e.querySelector(".creative__sub-elements"),s=e.querySelector(".ob-clip-end"),n=e.querySelector(".ob-clip-replay");t&&s&&n&&r&&(i=null===t||void 0===t?void 0:t.clientWidth,i=this.calculateImageWidth(i),e=this.caluclateImageHeight(e),this.handleAutoPlay(t),i=this.settings.getVideoSrc(i,e),t.src=i,this.videoErrorHandler(t,i),this.handleClipLoopCount(t,s,r),this.handleReplayButton(n,t,s))}handleAutoPlay(e){e.onloadstart=()=>{(0,r.supportsInlineVideoPlaying)()?this.handleViewportPlay(e):(this.logger.warn("clipStopAutoPlay",this.settings.getBidId()),e.removeAttribute("autoplay"))}}videoErrorHandler(e,t){e.onerror=()=>this.logger.error("videoLoadingError",t)}caluclateImageHeight(e){var t=this.settings.getImageProps().height||0;return 0<=t?t:this.calculateImageContainerHeight(e)}calculateImageWidth(e){var t=this.settings.getImageProps().width||0;return 0<=t?t:e||this.settings.getWidth()}calculateImageContainerHeight(e){e=(null==(e=e.querySelector(".creative__sub-elements"))?void 0:e.clientHeight)||0;return this.widgetHeight-e}handleClipLoopCount(t,i,r){t.onended=e=>(0==--this.loopsCount?(i.style.display="flex",r.getAnimations().forEach(e=>e.cancel()),t.pause()):t.play(),this.stopDefaultEvent(e))}stopDefaultEvent(e){return e.stopPropagation(),e.preventDefault(),!1}handleReplayButton(e,t,i){e.addEventListener("click",e=>(this.loopsCount++,i.style.display="none",t.play(),this.stopDefaultEvent(e)))}handleViewportPlay(i){if(i.autoplay){let e=new IntersectionObserver((e,t)=>e.forEach(e=>0<e.intersectionRatio&&0<this.loopsCount?i.play():i.pause()),{threshold:0});e.observe(i)}}}t.clipRenderer=(e,t,i)=>new s(e,t,i)},2756:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getHorizontalLayoutCss=t.horizontalLayout=t.HorizontalLayout=void 0;const r=i(3328),n=i(201),a=i(1399),o=i(350);class s{constructor(e){this.props=e,this.layout="horizontalLayout";const{settings:t,order:i,renderOptions:r,logger:s}=this.props;this.subElementsDiv=(0,a.subElements)({settings:t,order:i,renderOptions:r}),this.variantNameClass=t.getVariantNameClass(),this.logger=s}getCreativeClassCss(){var{widgetHeight:e,widgetWidth:t,imageWidth:i}=this.props;return`.creative.horizontal-layout {
grid-template-columns: ${i}px;
--creative-width: ${t};
--creative-height: ${e};
--creative-image-gradient-cutoff: ${i}px;
--image-width: ${i}px;
${this.props.settings.isClipCreative()?"":this.getCreativeImageUrl()}
height: ${e};
width: ${t};
}
`}getCss(){var e=this.props.order;return`
${this.getCreativeClassCss()}
${(0,r.getLayoutCss)(this.layout)}
${(0,r.getSubElementsCss)(e)}
`}getCreativeImageUrl(){var{imageWidth:e,imageHeight:t}=this.props,{baseUrl:i,cropQuery:r,format:s}=this.props.settings.getImageProps();return this.props.settings.hasImage()?`--creative-image-url: url(${(0,o.imageUrl)(i,e,t,r,s)});`:""}getMarkup(){var e=this.props["widgetSizeClass"],{ratioClass:t,surfaceSizeClass:i}=this.props.renderOptions.autoGeneratedSubElementsSettings,r=this.props.settings.getInterstitial()?"interstitial":"",s=this.props.settings.getAdChoice()?(0,n.adChoice)(this.props.settings.getAdChoiceUrl()):"";return`<div class="creative horizontal-layout ${r} ${this.variantNameClass} ${e} sub-el-${t} sub-el-${i}">
<style>${this.getCss()}</style>
<div class='creative__image'></div>
${this.subElementsDiv}
${s}
</div>`}getLayout(){return(0,r.getLayoutHandler)(this.getMarkup(),this.props.renderOptions.isRTL,this.props.settings,this.logger)}}t.HorizontalLayout=s;t.horizontalLayout=e=>{const t=new s(e);return t.getLayout()};t.getHorizontalLayoutCss=e=>{const t=new s(e);return t.getCreativeClassCss()}},4987:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getVerticalLayoutCss=t.verticalLayout=t.VerticalLayout=void 0;const r=i(3328),n=i(201),a=i(1399);class s{constructor(e){this.props=e,this.layout="verticalLayout";const{settings:t,order:i,renderOptions:r,logger:s}=this.props;this.subElementsDiv=(0,a.subElements)({settings:t,order:i,renderOptions:r}),this.variantNameClass=t.getVariantNameClass(),this.logger=s}getCreativeClassCss(){var{widgetHeight:e,widgetWidth:t}=this.props,i=this.props.renderOptions.autoGeneratedSubElementsSettings["minImageHeight"];return`.creative.vertical-layout {
--creative-width: ${t};
--creative-height: ${e};
--image-min-height: ${i}px;
height: ${e};
width: ${t};
}
`}getCss(){var e=this.props.order;return`
${this.getCreativeClassCss()}
${(0,r.getLayoutCss)(this.layout)}
${(0,r.getSubElementsCss)(e)}
`}getMarkup(){var e=this.props["widgetSizeClass"],{ratioClass:t,surfaceSizeClass:i}=this.props.renderOptions.autoGeneratedSubElementsSettings,r=this.props.settings.getInterstitial()?"interstitial":"",s=this.props.settings.getAdChoice()?(0,n.adChoice)(this.props.settings.getAdChoiceUrl()):"";return`<div class="creative vertical-layout ${r} ${this.variantNameClass} ${e} sub-el-${t} sub-el-${i}">
<style>${this.getCss()}</style>
<div class='creative__image'></div>
${this.subElementsDiv}
${s}
</div>`}getLayout(){return(0,r.getLayoutHandler)(this.getMarkup(),this.props.renderOptions.isRTL,this.props.settings,this.logger)}}t.VerticalLayout=s;t.verticalLayout=e=>{const t=new s(e);return t.getLayout()};t.getVerticalLayoutCss=e=>{const t=new s(e);return t.getCreativeClassCss()}},805:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.verticalRenderer=t.VerticalRenderer=void 0;const d=i(350);class r{constructor(e,t){this.settings=e,this.widgetHeight=t}addImage(e){const t=e.querySelector(".creative__image");var i,r,s,n,a,o,l;t&&({baseUrl:i,cropQuery:r,format:s,height:n,width:o}=this.settings.getImageProps(),l=null===t||void 0===t?void 0:t.clientWidth,a=parseFloat(window.getComputedStyle(t,null).getPropertyValue("min-height")),o=o&&0<=o?o:this.calculateImageWidth(l),l=n&&0<=n?n:a||this.caluclateImageHeight(e),t.style.setProperty("--creative-image-url",`url("${(0,d.imageUrl)(i,o,l,r,s)}")`),t.style.setProperty("--creative-image-gradient-cutoff",l+"px"))}caluclateImageHeight(e){return this.calculateImageContainerHeight(e)}calculateImageWidth(e){return e||0}calculateImageContainerHeight(e){e=(null==(e=e.querySelector(".creative__sub-elements"))?void 0:e.clientHeight)||0;return this.widgetHeight-e}}t.VerticalRenderer=r;t.verticalRenderer=(e,t)=>new r(e,t)},8945:function(e,t,i){"use strict";var r=this&&this.__awaiter||function(e,a,o,l){return new(o=o||Promise)(function(i,t){function r(e){try{n(l.next(e))}catch(e){t(e)}}function s(e){try{n(l.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?i(e.value):((t=e.value)instanceof o?t:new o(function(e){e(t)})).then(r,s)}n((l=l.apply(e,a||[])).next())})};Object.defineProperty(t,"__esModule",{value:!0}),t.renderer=t.Renderer=void 0;const n=i(3328),a=i(6872),s=i(4987),o=i(2726),l=i(2756),d=i(3403),c=i(805),u=i(6705);class g{constructor(e,t,i){this.settings=e,this.logger=t,this.renderProps=i,this.widgetWidth=this.settings.getWidth(),this.widgetHeight=this.settings.getHeight(),this.widgetSizeClass=(0,u.getSizeClass)(this.widgetWidth,this.widgetHeight)}verticalLayoutProps(e){return{widgetHeight:this.widgetHeight+"px",widgetWidth:this.widgetWidth+"px",widgetSizeClass:this.widgetSizeClass,renderOptions:this.renderProps,settings:this.settings,order:e,logger:this.logger}}horizontalLayoutProps(e){var{width:t,height:i}=this.settings.getImageProps(),i=void 0!==i&&0<=i?i:this.settings.getHeight(),t=void 0!==t&&0<=t?t:Math.min(2*i,this.settings.getWidth()/3);return{widgetHeight:this.widgetHeight+"px",widgetWidth:this.widgetWidth+"px",imageHeight:i,imageWidth:t,widgetSizeClass:this.widgetSizeClass,renderOptions:this.renderProps,settings:this.settings,order:e,logger:this.logger}}createClipLayout(e){e="horizontalLayout"===this.renderProps.autoGeneratedSubElementsSettings.layout?this.horizontalLayoutProps(e):this.verticalLayoutProps(e);return(0,o.clipLayout)(e)}createVerticalLayout(e){e=this.verticalLayoutProps(e);return(0,s.verticalLayout)(e)}createHorizontalLayout(e){e=this.horizontalLayoutProps(e);return(0,l.horizontalLayout)(e)}render(n){return r(this,void 0,void 0,function*(){var e=this.renderProps.scriptId||this.settings.getScriptId();const t=this.renderProps.anchorElement||(0,a.getAnchorElement)(e,this.logger,"creativeRenderBodyLoadWarning");t.classList.add("creative--anchor-reset");var e=this.settings.useShadowDOM(),i=this.settings.getVariantNameClass(),r=this.settings.getAnimationVariantName(),s=this.settings.useTestEnv();i&&(yield this.renderWithCustomCss(t,n,i,s)),r&&(yield this.renderWithCustomCss(t,n,r,s)),t.appendChild(n.attachShadow&&e?(0,a.wrapWidgetWithShadowDOM)(n,t):n),this.postRender(n)})}renderWithCustomCss(e,i,r,s){return new Promise(t=>{(0,n.appendStylesheetTag)(e,r,s).then(e=>{i.appendChild(e)}).catch(e=>{this.logger.error("variantCustomCssError",e),t()}).then(()=>t())})}replayAnimations(e){e.style.animation="none",e.offsetHeight,e.style.animation=null}handleAnimationPlay(e,t){e=e.querySelector("."+t);e&&this.replayAnimations(e)}handleAnimationObservability(i){let e=new IntersectionObserver((e,t)=>e.forEach(e=>{0<e.intersectionRatio&&(this.handleAnimationPlay(i,"creative__image"),this.handleAnimationPlay(i,"creative__sub-elements"))}),{threshold:0});e.observe(i)}postRender(e){this.settings.isClipCreative()?(0,d.clipRenderer)(this.settings,this.widgetHeight,this.logger).addVideo(e):"verticalLayout"===this.settings.getLayout()&&(0,c.verticalRenderer)(this.settings,this.widgetHeight).addImage(e),this.settings.getAnimationVariantName()&&this.handleAnimationObservability(e)}getFontSize(e,t=10,i=14){e=Math.max(e,t),t=Math.min(e,i);return Math.floor(t)}}t.Renderer=g;t.renderer=(e,t,i)=>new g(e,t,i)},2552:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.zemCreativeSettings=t.ZemCreativeSettings=void 0;class i{constructor(e){this.zemCreative=e,this.zemCreative=e}getZemCreativeId(){return this.zemCreative.zemCreativeId||this.zemCreative.scriptId||""}getInterstitial(){var e;return!0===(null==(e=this.zemCreative)?void 0:e.interstitial)||!1}getTitle(){var e;return(null==(e=this.zemCreative)?void 0:e.title)||""}getBundle(){var e;return(null==(e=this.zemCreative)?void 0:e.bundle)||""}setLayout(e){this.zemCreative.layout=e}getLayout(){return this.zemCreative.layout}getUrl(){var e;return(null==(e=this.zemCreative)?void 0:e.url)||""}getSize(){return this.getWidth()+"x"+this.getHeight()}getWidth(){var e;return(null==(e=this.zemCreative)?void 0:e.width)||0}getHeight(){var e;return(null==(e=this.zemCreative)?void 0:e.height)||0}getScriptId(){return this.zemCreative.scriptId||""}getBidId(){return this.zemCreative.bidId||""}getDescription(){var e;return(null==(e=this.zemCreative)?void 0:e.description)||""}getBrandName(){var e;return(null==(e=this.zemCreative)?void 0:e.brandName)||""}getCallToAction(){var e;return(null==(e=this.zemCreative)?void 0:e.callToAction)||""}getLanguage(){var e;return(null==(e=this.zemCreative)?void 0:e.language)||"en"}getGeoFromLanguage(){var e=this.getLanguage();return"he"===e?"IL":"de"===e?"DE":"US"}getPublisherLanguage(){var e;return(null==(e=this.zemCreative)?void 0:e.publisherLanguage)||""}getUserGeo(){var e;return(null==(e=this.zemCreative)?void 0:e.userGeo)||this.getGeoFromLanguage()}getSponsoredTextPlacement(){var e;return(null==(e=this.zemCreative)?void 0:e.sponsoredTextPlacement)||"brand-name"}setImageSrc(e){this.zemCreative.imageProps.baseUrl=e}isClipCreative(){return void 0!==this.zemCreative.videoUuid&&""!==this.zemCreative.videoUuid}getVideoSrc(e,t){var i=null==(i=this.zemCreative)?void 0:i.videoUuid;return"https://images.outbrainimg.com/transform/v3/"+window.btoa(JSON.stringify({d:.5,cs:2,f:5,iu:i,w:e,h:t}))+".mp4"}hasImage(){var e;return""!==(null==(e=this.zemCreative.imageProps)?void 0:e.baseUrl)||this.isClipCreative()}getImageWidth(){return this.zemCreative.imageProps.width||(this.hasImage()?-1:0)}setImageWidth(e){this.zemCreative.imageProps.width=e}setImageHeight(e){this.zemCreative.imageProps.height=e}useTestEnv(){var e;return!0===(null==(e=this.zemCreative)?void 0:e.useTestEnv)}getImageProps(){return this.zemCreative.imageProps.width=this.zemCreative.imageProps.width||(this.hasImage()?-1:0),this.zemCreative.imageProps.height=this.zemCreative.imageProps.height||(this.hasImage()?-1:0),this.zemCreative.imageProps}setSubElements(e){this.zemCreative.order.subElements=e}getOrder(){return this.zemCreative.order}setOrder(e){this.zemCreative.order=e}getPixelTrackers(){var e;return(null==(e=this.zemCreative)?void 0:e.trackers)||[]}getJsTrackers(){var e;return(null==(e=this.zemCreative)?void 0:e.jsTrackers)||[]}getAdLabel(){var e;return(null==(e=this.zemCreative)?void 0:e.adLabel)||""}getVariantNameClass(){var e=(null==(e=this.zemCreative)?void 0:e.variantName)||"";return e&&"default"!==e&&"PROGEXTAC/creative__interstitial"!==e?e:""}getAnimationVariantName(){var e=(null==(e=this.zemCreative)?void 0:e.animationVariantName)||"";return"default"!==e?e:""}useShadowDOM(){var e;return(null==(e=this.zemCreative)?void 0:e.useShadowDOM)||!0}getViewability(){var e;return null!=(e=this.zemCreative)&&e.viewability?this.zemCreative.viewability:[]}getLoggingUrl(){var e;return(null==(e=this.zemCreative)?void 0:e.loggingUrl)||""}shouldSubmitLogs(){var e;return!0===(null==(e=this.zemCreative)?void 0:e.shouldSubmitLogs)}getAdChoice(){var e;return!1!==(null==(e=this.zemCreative)?void 0:e.adChoice)}setAdChoice(e){this.zemCreative.adChoice=e}getAdChoiceUrl(){var e;return(null==(e=this.zemCreative)?void 0:e.adChoiceUrl)||"https://www.outbrain.com/privacy/privacy-policy-outbrain-dsp/"}setHeight(e){this.zemCreative.height=e}setWidth(e){this.zemCreative.width=e}getExchange(){var e;return(null==(e=this.zemCreative)?void 0:e.exchange)||""}}t.ZemCreativeSettings=i;t.zemCreativeSettings=e=>new i(e)},517:function(e,t,i){"use strict";var s=this&&this.__awaiter||function(e,a,o,l){return new(o=o||Promise)(function(i,t){function r(e){try{n(l.next(e))}catch(e){t(e)}}function s(e){try{n(l.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?i(e.value):((t=e.value)instanceof o?t:new o(function(e){e(t)})).then(r,s)}n((l=l.apply(e,a||[])).next())})};Object.defineProperty(t,"__esModule",{value:!0}),t.autoResizer=t.AutoResizer=void 0;const a=i(5175),o=i(2552),r=i(4444),n=i(1571),l=i(6872),d="horizontal",c="vertical";class u{constructor(e){this.adControllerProps=e,this.handleResize=()=>new Promise(t=>s(this,void 0,void 0,function*(){var e;null!=(e=this.settings)&&e.getInterstitial()?(this.maxSizeHandler(),this.loadMraid(),t(!0)):t(!1)})),this.loadMraid=()=>s(this,void 0,void 0,function*(){if(void 0!==(null===window||void 0===window?void 0:window.mraid))return!0;let e=document.createElement("script");e.setAttribute("type","text/javascript"),e.setAttribute("src","mraid.js"),e.setAttribute("crossorigin","anonymous");var t=document.getElementsByTagName("head").item(0);t?t.appendChild(e):null!=(t=null==(t=document.currentScript)?void 0:t.parentNode)&&t.appendChild(e);const i=()=>s(this,void 0,void 0,function*(){return e.removeEventListener("load",i),!0}),r=()=>(e.removeEventListener("error",r),!1);null!==e&&void 0!==e&&e.addEventListener("error",r),null!==e&&void 0!==e&&e.addEventListener("load",i)}),this.maxSizeHandler=()=>s(this,void 0,void 0,function*(){let e=this.resizeHandler();(yield e)(),setInterval(()=>s(this,void 0,void 0,function*(){return(yield e)()}),50)}),this.getGetMaxSizeFromCss=()=>{const e=document.createElement("div");e.id="test-element",e.style.width="100%",e.style.height="100%",document.body.appendChild(e);var t=getComputedStyle(e),i=parseInt(t.width),t=parseInt(t.height);return e.remove(),{width:i,height:t}},this.setSize=(e,r)=>{if(0!=e&&0!=r&&0!=!!e&&0!=!!r)if(this.settings instanceof o.ZemCreativeSettings)this.setCreativeStyle(this.settings,r,e);else if(this.settings instanceof a.ZemDataSettings){var s=this.settings.getRenderTypeSettings(),n=(r<e?null!=(n=null==s?void 0:s.setGridLayout)&&n.call(s,"sideBySideLayout"):e<r&&null!=(n=null==s?void 0:s.setGridLayout)&&n.call(s,"stackedLayout"),this.settings.getZemCreatives().length),s=r/n,n=e/n;this.settings.setHeight(r),this.settings.setWidth(e);let t,i;t=e<r?(i=e,s):(i=n,r),this.settings.getZemCreatives().forEach(e=>this.setCreativeStyle(e,t,i))}},this.setCreativeStyle=(e,t,i)=>{e.setWidth(i),e.setHeight(t),e.isClipCreative()||e.setLayout(void 0),e.setOrder(void 0),e.setImageHeight(void 0),e.setImageWidth(void 0)},this.clearBody=()=>{const e=(0,l.getAnchorElement)(this.settings.getScriptId(),this.logger,"intCleanupBodyWarning");let t=e.querySelector(".creative")||e.querySelector(".creative__shadow-root");t?null!==t&&void 0!==t&&t.remove():document.body.innerHTML=""},this.resizeAdAfterRender=(e,t)=>{0===e||0===t||e===this.settings.getWidth()&&t===this.settings.getHeight()||(this.setSize(e,t),this.clearBody(),this.settings instanceof o.ZemCreativeSettings?(e={settings:this.settings,logger:this.logger,anzeigeLabelEnforced:!1},(0,r.singleAdController)(e).init()):(t={settings:this.settings,logger:this.logger},(0,n.controller)(t).init()))},this.resizeHandler=()=>s(this,void 0,void 0,function*(){return()=>s(this,void 0,void 0,function*(){const t=null===window||void 0===window?void 0:window.mraid;let e,i;var{width:r,height:s}=this.getGetMaxSizeFromCss()||{};console.log(null===t||void 0===t?void 0:t.getState());try{var n=(null==(l=null===t||void 0===t?void 0:t.getMaxSize)?void 0:l.call(t))||{};e=n.width,i=n.height}catch(e){t.expand()}console.log(e,i);let a=e>i?d:c,o=s<r?d:c;!1!=!!s&&!1!=!!r||(o="undefined"),!1!=!!i&&!1!=!!e||(a="undefined");var l=e===r&&i>s&&1<r&&1<s&&this.settings.getHeight()!==s||void 0===e&&void 0===i||o===d&&a===c,n=this.settings.getWidth()<e&&this.settings.getHeight()<i||a===d&&o===c;l?this.resizeAdAfterRender(r,s):n?this.resizeAdAfterRender(e,i):this.resizeAdAfterRender(this.settings.getWidth(),this.settings.getHeight())})}),this.settings=e.settings,this.logger=e.logger}init(){}}t.AutoResizer=u;t.autoResizer=e=>new u(e)},1679:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getClientSideInfo=t.inIframe=void 0;const r=i(535);t.inIframe=()=>{try{return window.self!==window.top}catch(e){return!0}};const s=()=>{try{return window.top?window.top.location.href:"unknown"}catch(e){return"unavailable"}},n=!!/(mobi|iphone|ipod|symbian|android|windows ce|blackberry|palm|ipad)/i.test(navigator.userAgent),a=/android/gi.test(navigator.appVersion),o=/iphone|ipad/gi.test(navigator.appVersion);t.getClientSideInfo=()=>{var e=(0,t.inIframe)();return{screenResolution:(()=>{try{return{w:window.screen.width,h:window.screen.height}}catch(e){return"unavailable"}})(),url:(e=>{try{return e?s():window.location.href}catch(e){return"unavailable"}})(e),inIframe:e,widgetVersion:(0,r.getVersion)(),browser:(()=>{try{let e=navigator.userAgent;return e.match(/chrome|chromium|crios/i)?"chrome":e.match(/firefox|fxios/i)?"firefox":e.match(/safari/i)?"safari":e.match(/opr\//i)?"opera":e.match(/edg/i)?"edge":"unknown"}catch(e){return"unavailable"}})(),isMobile:n,iosOrAndroid:(()=>{try{return a?"android":o?"ios":"unknown"}catch(e){return"unavailable"}})()}}},423:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.logger=t.Logger=void 0;const r=i(3111),s=i(1679),n=i(535);class a{constructor(e,t){this.settings=e,this.creativeIndex=0,this.counterObj={creativeRenderBodyLoadWarning:0,intCleanupBodyWarning:0,buFontBodyLoadWarning:0};e=this.settings.shouldSubmitLogs();this.renderType=t||"singleAd",this.bidId=this.settings.getBidId(),this.loggerUrl=this.tryGetLoggerUrl(),this.shouldSendRequest=e,this.clientSideInfo=this.tryGetClientSideInfo(),this.interstitial=this.settings.getInterstitial(),this.version=(0,n.getVersion)(),this.exchange=this.settings.getExchange()}setCreativeIndex(e){this.creativeIndex=e}error(e,t,i){e=this.setRequestData("warn",e,t,i);this.send(e)}warn(e,t,i){0<this.counterObj[e]||(t=this.setRequestData("warn",e,t,i),this.send(t),this.counterObj.hasOwnProperty(e)&&(this.counterObj[e]+=1))}info(e,t,i){e=this.setRequestData("info",e,t,i);this.send(e)}metric(e){e={level:"metric",metricType:e.event,metricName:e.metricName,metric:e.data};this.send(e)}tryGetLoggerUrl(){try{return new URL(this.settings.getLoggingUrl())}catch(e){return null}}tryGetClientSideInfo(){try{return(0,s.getClientSideInfo)()}catch(e){return this.extractMessage(e)}}send(t){null!==this.loggerUrl&&this.shouldSendRequest?r.requester.send(r.Method.POST,this.loggerUrl,JSON.stringify(t)).then(e=>this.consoleLogInTestEnv(t,e)).catch(e=>this.consoleLogInTestEnv(t,e)):this.consoleLogInTestEnv(t)}setTriggerMetaData(e){return e.data={},e.data.exchange=this.exchange,e.data.interstitial=this.interstitial,e.data.version=this.version,e}setRequestData(e,t,i,r={}){return r.clientSideInfo=this.clientSideInfo,r.creativeIndex=this.creativeIndex,r.renderType=this.renderType,{level:e,label:t,message:this.extractMessage(i),bidid:this.bidId,extrafields:r}}extractMessage(e){return"string"==typeof e?e:e instanceof Error?e.message:"unknown"}consoleLogInTestEnv(e,t){this.settings.useTestEnv()&&console.log(e,t)}}t.Logger=a;t.logger=(e,t)=>new a(e,t)},9650:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.polyfills=void 0;t.polyfills=()=>{Array.prototype.flat||Object.defineProperty(Array.prototype,"flat",{configurable:!0,value:function i(){let r=isNaN(arguments[0])?1:Number(arguments[0]);return r?Array.prototype.reduce.call(this,function(e,t){return Array.isArray(t)?e.push.apply(e,i.call(t,r-1)):e.push(t),e},[]):Array.prototype.slice.call(this)},writable:!0}),Array.prototype.flatMap||Object.defineProperty(Array.prototype,"flatMap",{configurable:!0,value:function(e){return Array.prototype.map.apply(this,arguments).flat()},writable:!0}),Object.entries||(Object.entries=function(e){for(var t=Object.keys(e),i=t.length,r=new Array(i);i--;)r[i]=[t[i],e[t[i]]];return r})}},3111:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.requester=t.Method=t.Requester=void 0;class i{constructor(){this.isFetchApiSupported=!!window.fetch}send(r,s,n){return new Promise((e,t)=>{const i=this.isFetchApiSupported?()=>this.sendFetch(r,s,n,e,t):()=>this.sendAjax(r,s,n,e,t);switch(r){case a.BEACON:return this.sendBeacon(s,e,t,n);case a.GET:case a.POST:return i();default:return this.sendJsonp(s,e,t)}})}sendAjax(e,t,i,r,s){const n=new XMLHttpRequest;n.addEventListener("error",()=>this.handleAjaxError(n,e,i,r,s)),n.open(e,t,!0),n.onreadystatechange=()=>this.handleAjaxResponse(n,r),n.setRequestHeader("Content-type","application/json"),n.send(i)}handleAjaxError(e,t,i,r,s){0===e.status?r("client-cancelled requests"):s({name:"AjaxError",message:`Ajax error failed, method: ${t} With data: `+i})}handleAjaxResponse(e,t){4===e.readyState&&t(e.responseText)}sendFetch(e,t,i,r,s){const n={method:e,headers:{"Content-Type":"application/json"},cache:"no-cache"};n.body=i,fetch(t,n).then(e=>e.text()).then(e=>r(this.parseText(e))).catch(e=>s(e))}sendBeacon(e,t,i,r){e=navigator.sendBeacon(e,(()=>{if(r){const t=new FormData;return Object.keys(r).forEach(e=>t.append(e,r[e])),t}})());e?t(e):i({name:"BeaconError",message:"Beacon error failed, With data: "+r})}sendJsonp(e,t,i){const r=document.getElementsByTagName("head"),s=(r&&r.length||i({name:"JSONPError",message:"JSONP error failed"}),document.createElement("script"));s.src=e.href,r[0].appendChild(s),t(!0)}parseText(t){try{return JSON.parse(t)}catch(e){return t}}}var a,r;t.Requester=i,(r=a=t.Method||(t.Method={})).GET="GET",r.POST="POST",r.JSONP="JSONP",r.BEACON="BEACON",t.requester=new i},7372:(e,i)=>{"use strict";Object.defineProperty(i,"__esModule",{value:!0}),i.trackers=i.Trackers=void 0;class r{constructor(e,t){this.settings=e,this.container=t,this.trackersContainer=this.createTrackersContainer(),this.container.appendChild(this.trackersContainer)}fire(){const e=this.settings.getPixelTrackers(),t=this.settings.getJsTrackers();i.trackers.length&&e.forEach(e=>this.firePixel(e)),t.length&&t.forEach(e=>this.fireJsTracker(e))}fireJsTracker(e){const t=document.createElement("script");t.src=e,this.trackersContainer.appendChild(t)}firePixel(e){e=this.createPixelElement({type:"img",css:"display:none;height:1px;width:1px;",attributes:{src:e}});this.trackersContainer.appendChild(e)}createPixelElement(i){const r=document.createElement(i.type);return i.id&&r.setAttribute("id",i.id),i.css&&(r.style.cssText=i.css),Object.keys(i.attributes).forEach(e=>{var t=i.attributes[e];t&&r.setAttribute(e,t)}),r}createTrackersContainer(){let e=document.createElement("div");return e.classList.add("creative___trc"),e}}i.Trackers=r;i.trackers=(e,t)=>new r(e,t)},6872:(e,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.transposeMatrix=r.removeElementFromNestedArray=r.wrapWidgetWithShadowDOM=r.supportsInlineVideoPlaying=r.getAnchorElement=r.toDomNode=void 0;r.toDomNode=e=>{const t=document.createElement("div");return t.innerHTML=e,t.firstChild},r.getAnchorElement=(e,t,i)=>{var r=null==(r=document.getElementById(e))?void 0:r.parentElement;return r||(t.warn(i,`anchorElement for scriptId ${e} not found, document.body is used instead`),document.body)},r.supportsInlineVideoPlaying=()=>{const e=document.createElement("video");return e.playsInline=!0,!("webkitSupportsPresentationMode"in e&&!e.webkitSupportsPresentationMode("inline"))},r.wrapWidgetWithShadowDOM=(e,t)=>{t.style.margin="0px";let i=(0,r.toDomNode)('<div class="creative__shadow-root"></div>');return i.attachShadow({mode:"open"}),i.shadowRoot.appendChild(e),i},r.removeElementFromNestedArray=(e,i)=>e.reduce((e,t)=>"string"==typeof t?t===i?e:e.concat([t]):[...e,(0,r.removeElementFromNestedArray)(t,i)],[]).filter(e=>0<e.length);r.transposeMatrix=i=>i[0].map((e,t)=>i.map(e=>e[t]))},4045:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.viewability=t.Viewability=void 0;const r=i(3111);class s{constructor(e,t,i){this.settings=e,this.logger=t,this.container=i,this.viewability=this.settings.getViewability(),this.isIntersectionObserver()&&this.viewability.length&&this.observe()}observe(){this.intersectionObserver=new IntersectionObserver((e,t)=>this.handleIntersect(e,t),{threshold:.5}),this.intersectionObserver.observe(this.container)}isIntersectionObserver(){return"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype}handleIntersect(e,t){e.forEach(e=>{if(.5<=e.intersectionRatio){const t=this.getViewabilityObserver();setTimeout(()=>t.observe(this.container),1e3)}})}getViewabilityObserver(){return new IntersectionObserver((e,t)=>this.handleViewabilityObserver(e,t),{threshold:0})}handleViewabilityObserver(e,t){e&&e.forEach(e=>{.5<=e.intersectionRatio&&(this.reportOnViewability(),t.unobserve(this.container),null!=(e=this.intersectionObserver)&&e.unobserve(this.container))})}reportOnViewability(){this.viewability.forEach(e=>r.requester.send(r.Method.GET,new URL(e)).then(e=>{}).catch(e=>{this.logger.error("viewabilityError",e)}))}}t.Viewability=s;t.viewability=(e,t,i)=>new s(e,t,i)},5175:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.zemDataSettings=t.ZemDataSettings=void 0;const r=i(2552),s=i(3586),n=i(2274);class a{constructor(e){if(this.zemData=e,void 0===this.getRenderType())throw new Error("incorrect format for ZemDataSettings");this.zemData=e}getBundle(){return this.zemData.bundle||""}getInterstitial(){var e;return!0===(null==(e=this.zemData)?void 0:e.interstitial)||!1}setWidth(e){this.zemData.width=e}setHeight(e){this.zemData.height=e}getSize(){return this.getWidth()+"x"+this.getHeight()}getWidth(){var e;return(null==(e=this.zemData)?void 0:e.width)||0}getHeight(){var e;return(null==(e=this.zemData)?void 0:e.height)||0}getRenderType(){var e;return"carousel"===(null==(e=this.zemData)?void 0:e.renderType)&&1===(null==(e=this.zemData)?void 0:e.zemCreatives.length)?"singleAd":null==(e=this.zemData)?void 0:e.renderType}getRenderTypeSettings(){var e=this.getRenderType(),t=(void 0===this.zemData.renderTypeSettings&&(this.zemData.renderTypeSettings={}),null==(t=this.zemData)?void 0:t.renderTypeSettings);return"grid"===e&&t?(0,s.gridSettings)(t):"carousel"===e?(0,n.carouselSettings)(t):{}}getZemCreativesRaw(){return this.zemData.zemCreatives}getZemCreatives(){var e;return(null==(e=this.zemData)?void 0:e.zemCreatives.map((e,t)=>(e.zemCreativeId="zemCreative__"+t,e.interstitial=this.getInterstitial(),(0,r.zemCreativeSettings)(e))))||[]}addZemCreative(e){var t;null!=(t=this.zemData)&&t.zemCreatives.push(e)}getBidId(){return this.zemData.bidId||""}getScriptId(){return this.zemData.scriptId||""}useShadowDOM(){var e;return(null==(e=this.zemData)?void 0:e.useShadowDOM)||!0}getLoggingUrl(){var e;return(null==(e=this.zemData)?void 0:e.loggingUrl)||""}shouldSubmitLogs(){var e;return!0===(null==(e=this.zemData)?void 0:e.shouldSubmitLogs)}getPublisherLanguage(){var e;return(null==(e=this.zemData)?void 0:e.publisherLanguage)||""}getGeoFromLanguage(){var e=this.getPublisherLanguage();return"he"===e?"IL":"de"===e?"DE":"US"}getUserGeo(){var e;return(null==(e=this.zemData)?void 0:e.userGeo)||this.getGeoFromLanguage()}getAdChoiceUrl(){return this.zemData.zemCreatives[0].adChoiceUrl||"https://www.outbrain.com/privacy/privacy-policy-outbrain-dsp/"}useTestEnv(){var e;return!0===(null==(e=this.zemData)?void 0:e.useTestEnv)}getExchange(){var e;return(null==(e=null==(e=this.zemData)?void 0:e.zemCreatives)?void 0:e[0].exchange)||""}}t.ZemDataSettings=a;t.zemDataSettings=e=>new a(e)},535:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getVersion=void 0;t.getVersion=()=>"1000103"},2745:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIzMCI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTguMzUzLjVsNS4yODIgNC4yMDQtNS4yODIgMy45MTdWNS42ODVoLS4wNjljLS42OTIuMDA0LTYuMzI3LjAwOC02LjM4MS4wMTMtNS4zNDcuNDMtOS41NTIgNC45MDYtOS41NTIgMTAuMzY0IDAgNS43NDQgNC42NTYgMTAuNCAxMC4zOTkgMTAuNCA1Ljc0MyAwIDEwLjQtNC42NTYgMTAuNC0xMC40aDIuMzVjMCA3LjA0Mi01LjcwOCAxMi43NS0xMi43NSAxMi43NVMwIDIzLjEwNCAwIDE2LjA2MkMwIDkuMzE0IDUuMjQzIDMuNzkgMTEuODc4IDMuMzQyaC4wN2MuNy0uMDA1IDYuMzQzLS4wMDkgNi40MDUtLjAxMlYuNXptLTguMjA2IDEwLjk0OGw2Ljc1IDQuNS02Ljc1IDQuNXYtOXoiLz48L3N2Zz4="}},r={};function s(e){var t=r[e];if(void 0!==t)return t.exports;t=r[e]={id:e,exports:{}};return i[e].call(t.exports,t,t.exports,s),t.exports}s.m=i,s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.b=document.baseURI||self.location.href;(()=>{"use strict";const e=s(3672),t=s(9650);(0,t.polyfills)(),e.init.run()})()})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment