https://www.spicymatch.com/wp/components/AdvEdit.da5110af21f935c8.js

1(self.webpackChunkspicy=self.webpackChunkspicy||[]).push([[3469],{517:function(e,t,l){"use strict";l.r(t);var a=l(31601),o=l.n(a),n=l(76314),r=l.n(n)()(o());r.push([e.id,'.advEdit h3 {\n  margin: 2em 0 0.4em;\n}\n.advEdit .advPlacement .z-segment {\n  padding: 13px;\n  cursor: pointer;\n}\n.advEdit .advPlacement .z-segment.active {\n  padding: 10px;\n  border: var(--z-color-blue) solid 4px;\n}\n.advEdit .advPlacement.advDisabled {\n  pointer-events: none;\n}\n.advEdit .advPlacement.advDisabled .z-segment:not(.active) {\n  filter: grayscale(1);\n  opacity: 0.5;\n}\n.advEdit .advPlacement.advDisabled .z-segment:not(.active) .z-placeholder {\n  background: #eee;\n}\n.advEdit .advPlacement h4 {\n  margin: 0 0 15px;\n}\n.advEdit .advPlacement .z-responsive,\n.advEdit .advPlacement .z-placeholder {\n  border-radius: 4px;\n}\n.advEdit .advPlacement p {\n  margin: 12px 0 0;\n  font-size: 11px;\n  line-height: 1.5;\n  color: #888;\n}\n.advEdit .advPlacement p > span {\n  display: block;\n}\n.advEdit .advImages .z-responsive {\n  border-radius: 5px;\n}\n.advEdit .advImages .z-img {\n  cursor: pointer;\n}\n.advEdit .advImages .z-img .z-icon {\n  pointer-events: none;\n}\n.advEdit .advImages .z-img.removed, .advEdit .advImages .z-img.tooSmall {\n  background: var(--z-color-red);\n}\n.advEdit .advImages .z-img.removed .z-img-el, .advEdit .advImages .z-img.tooSmall .z-img-el {\n  opacity: 0.5;\n  filter: grayscale(1) blur(2px);\n}\n.advEdit .advImages .z-img.removed .z-icon, .advEdit .advImages .z-img.tooSmall .z-icon {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 20px;\n  color: #fff;\n}\n.advEdit .advImages .z-img [data-zic^="flags "] {\n  position: absolute;\n  right: 5px;\n  top: 5px;\n  font-size: 20px;\n}\n.advEdit .advImages .z-img [data-zic^="flags "] .zic-svg {\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6666666667);\n}\n.advEdit .z-table .z-row-sub1,\n.advEdit .z-table .z-row-sub2 {\n  background: rgba(0, 0, 0, 0.0666666667);\n  font-weight: bold;\n}\n.advEdit .z-table tr:not(.z-row-total) .z-cell-perMonth {\n  color: rgba(0, 0, 0, 0.4);\n  font-weight: normal;\n}\n.advEdit .z-table .z-row-total {\n  background: var(--z-color-blue);\n  color: #fff;\n}\n.advEdit .z-table .z-row-total td {\n  border-top: rgba(0, 0, 0, 0.1333333333) solid 1px;\n}\n.advFrameDlg .z-dialog-content {\n  height: 100%;\n}\n.advFrameDlg iframe {\n  width: 142.8571428571%;\n  height: 142.8571428571%;\n  transform: scale(0.7);\n  transform-origin: 0 0;\n}',""]),t.default=r},65690:function(e,t,l){var a=l(85072),o=l(97825),n=l(77659),r=l(55056),i=l(10540),c=l(41113),u=l(517);u=u.__esModule?u.default:u;var d={};d.styleTagTransform=c,d.setAttributes=r,d.insert=n.bind(null,"head"),d.domAPI=o,d.insertStyleElement=i;a(u,d);e.exports=u&&u.locals||{}},73311:function(e,t,l){"use strict";l.r(t),l.d(t,{default:function(){return P}});var a=l(41425),o=l(31702),n=l(74361),r=l(61092),i=l(49755);const c={key:0,class:"headShadow",style:{position:"sticky",top:"calc(var(--header-height) - 20px + 8px)","z-index":"1",background:"#e3e3e3"}},u={"data-zic":"fal computer-mouse"},d={"data-zic":"fal aperture"},s={"data-zic":"fal computer-mouse"},p={"data-zic":"fal aperture"},f={"data-zic":"fal ruler-triangle"},m={style:{width:"50%","margin-left":"auto"}},v={"data-zic":"fal computer-mouse"},g={"data-zic":"fal aperture"},h={"data-zic":"fal ruler-triangle"},y={style:{"padding-left":"22px",color:"#666","font-size":"12px"}},V=["textContent"],x={class:"z-grow"},b={key:0},N={key:1,style:{width:"250px","max-width":"100%",margin:"0 auto"}},k={style:{"padding-bottom":"5px","font-weight":"bold"}},C={key:0,style:{"padding-top":"5px"}},w={key:0,style:{flex:"1 1 auto","margin-top":"13px"}},z={style:{"font-weight":"bold"}},B={style:{"margin-top":"4px"}},E={key:1,style:{"padding-left":"22px",color:"#666","font-size":"12px"}},S={key:1,style:{"padding-left":"22px",color:"#666","font-size":"12px"}},D={key:1,style:{"margin-top":"40px"}},_=["innerHTML"],R={key:2,style:{"padding-top":"30px","text-align":"center"}};var A=Object.assign({inheritAttrs:!1},{__name:"AdvEdit",props:{id:{type:Number,default:0}},setup(e){let{instance:t,ctx:l}=(0,n.dV)(),A=e,P=(0,a.ref)(null),T=(0,a.ref)(null),$=(0,a.ref)(null),M=(0,a.ref)(null),H=(0,a.ref)(null),I=(0,a.ref)({}),L=(0,a.ref)(null),U=(0,a.ref)(null),F=(0,a.ref)(null),O=(0,a.ref)(null),j=((0,a.ref)(null),(0,a.ref)(null),(0,a.ref)(null)),Q=(0,a.ref)(0),J=(0,a.ref)(""),q=(0,a.ref)(!1),G=(0,a.ref)(!1),K=(0,a.ref)(null),Y=(0,a.ref)(!1),W=(0,a.computed)(()=>!!$.value&&$.value.canEdit),X=(0,a.computed)(()=>M.value.filter(e=>!e.removed)),Z=(0,a.computed)(()=>X.value.filter(e=>!e.tooSmall)),ee=(0,a.computed)(()=>Z.value[0]),te=(0,a.computed)(()=>!(!W.value||H.value)&&Z.value.length<8),le=(0,a.computed)(()=>$.value.home?T.value[0].ratio:$.value.story?T.value[4].ratio:T.value[2].ratio),ae=(0,a.computed)(()=>W.value&&!H.value&&Y.value),oe=(0,a.computed)(()=>l.viewport.smartphone?$.value.story?3:2:$.value.home?3:$.value.story?5:4),ne=(0,a.computed)(()=>{let e=M.value.length+(H.value||te.value?1:0);return e%oe.value==0?0:oe.value-e%oe.value}),re=(0,a.computed)(()=>Z.value.map(e=>({pic:e.src,title:$.value.title,text:$.value.text,aspectRatio:le.value})));(0,a.computed)(()=>[{value:1,label:`1 ${I.value.Month}`},{value:3,label:`3 ${I.value.Months}`},{value:6,label:`6 ${I.value.Months}`},{value:12,label:`1 ${I.value.Year}`}]),(0,a.computed)(()=>({label:{minWidth:100},perMonth:{width:100,align:"center"},discount:{width:60,align:"right"},amount:{label:I.value.Amount,type:"currency",width:100}})),(0,a.computed)(()=>{let e=[{id:"basic",label:I.value["Adv.Basic Rate"],perMonth:`(${I.value["Adv.Per Month"]})`,amount:$.value.base},{id:"duration",label:I.value["Adv.Duration Discount"],discount:`-${$.value.discPerc}%`,amount:-$.value.discAmt},{id:"sub1",perMonth:`(${I.value["Adv.Per Month"]})`,amount:$.value.sub1}];return $.value.countryPerc&&e.push({id:"country",label:I.value["Adv.Hint.AllCountries"],discount:`+${$.value.countryPerc}%`,amount:$.value.countryAmt}),$.value.showToGuests&&e.push({id:"guests",label:I.value["Also show to guests"],discount:$.value.scopePerc?`+${$.value.scopePerc}%`:"-",amount:$.value.scopeAmt}),($.value.countryPerc||$.value.showToGuests)&&e.push({id:"sub2",perMonth:`(${I.value["Adv.Per Month"]})`,amount:$.value.sub2}),e.push({id:"total",label:I.value.Total,perMonth:`€ ${(0,r.zQ)($.value.sub2)}`,discount:`x ${$.value.months}`,amount:$.value.total}),e});function ie({data:e},t){$.value.url=t?e.web:`https://www.spicymatch.com/${e.slug}/`}function ce(e,t){clearTimeout(Q.value),e&&!G.value&&W.value&&!$.value.a

1pproved&&JSON.stringify($.value)!=J.value&&(q.value=q.value||!!t,K.value=null,Q.value=setTimeout(()=>{(0,r.RD)("/adv/updateBanner",$.value.id,JSON.stringify($.value),e=>{q.value=!1,e&&($.value=e,J.value=JSON.stringify($.value))})},e))}function ue(e){if(!H.value){let l=e[0];H.value=(0,i.x)(t,l),(0,r.RD)("/adv/uploadImage",$.value.id,l,e=>{H.value=null,e&&(M.value=e)})}}function de(e){let t=["home","story","wall","aside"];if(!$.value[e]||1!=t.filter(e=>$.value[e]).length)if($.value[e]=!$.value[e],$.value[e]&&"wall"!=e&&"aside"!=e)for(let l of t)l!=e&&($.value[l]=!1);else if($.value.wall||$.value.aside)for(let e of t)"wall"!=e&&"aside"!=e&&($.value[e]=!1)}return(0,a.watch)(()=>[$.value?.months,$.value?.showToGuests,$.value?.country],()=>{}),(0,a.watch)(()=>$.value,()=>{ce(2e3)},{deep:!0}),(0,a.onMounted)(()=>{(0,r.RD)("/adv/advInfo",A.id,e=>{e&&(P.value=e.info,T.value=e.placements,$.value=e.banner,M.value=e.images,L.value=e.pages,U.value=e.langs,F.value=e.countries,I.value=e.text,Y.value=!!A.id,J.value=JSON.stringify($.value))})}),(e,t)=>{const l=(0,a.resolveComponent)("z-button"),n=(0,a.resolveComponent)("z-tooltip"),i=(0,a.resolveComponent)("z-flex"),A=(0,a.resolveComponent)("z-icon"),Q=(0,a.resolveComponent)("z-select"),J=(0,a.resolveComponent)("z-form-item"),q=(0,a.resolveComponent)("z-input"),X=(0,a.resolveComponent)("z-segment"),se=(0,a.resolveComponent)("z-img"),pe=(0,a.resolveComponent)("z-responsive"),fe=(0,a.resolveComponent)("z-placeholder"),me=(0,a.resolveComponent)("z-uploader"),ve=(0,a.resolveComponent)("home-banner"),ge=(0,a.resolveComponent)("z-message"),he=(0,a.resolveComponent)("z-checkbox"),ye=(0,a.resolveComponent)("z-form"),Ve=(0,a.resolveComponent)("z-tag"),xe=(0,a.resolveComponent)("z-tags"),be=(0,a.resolveComponent)("z-dialog"),Ne=(0,a.resolveComponent)("z-help-page");return(0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,null,[e.hiddenHints.AdvEdit?(0,a.createCommentVNode)("v-if",!0):((0,a.openBlock)(),(0,a.createElementBlock)("div",c,[(0,a.createVNode)(i,{gap:"10",justify:"end",align:"center",style:{"font-size":"14px"}},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(l,{compact:"",onClick:t[0]||(t[0]=e=>(0,a.isRef)(j)?j.value=!0:j=!0),icon:"fas circle-question",label:e.$t("Need Help?"),class:"helpButton"},null,8,["label"]),(0,a.createVNode)(n,{content:e.$t("Hide")},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(l,{compact:"",plain:"",onClick:t[1]||(t[1]=t=>e.hiddenHints.AdvEdit=!0),icon:"fas xmark",style:{"margin-inline-start":"-6px"}})]),_:1},8,["content"])]),_:1})])),(0,a.unref)(P)?((0,a.openBlock)(),(0,a.createBlock)(ye,(0,a.mergeProps)({key:1},e.$attrs,{compact:"",readonly:!(0,a.unref)(W)||(0,a.unref)(G),errors:(0,a.unref)(K),class:"advEdit"}),{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)("h3",null,(0,a.toDisplayString)((0,a.unref)(I)["Actions.Choose your target"]),1),(0,a.createVNode)(X,null,{default:(0,a.withCtx)(()=>[(0,a.unref)(W)&&(0,a.unref)(L)[0]?((0,a.openBlock)(),(0,a.createBlock)(i,{key:0,cols:2},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(J,null,{label:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)((0,a.unref)(I)["Select a SpicyMatch Page as target"])+" ",1),(0,a.createVNode)(n,{content:"Your banner will point to your Page inside SpicyMatch.com"},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(A,{icon:"fas circle-info"})]),_:1})]),default:(0,a.withCtx)(()=>[(0,a.createVNode)(Q,{modelValue:(0,a.unref)($).url,"onUpdate:modelValue":t[2]||(t[2]=e=>(0,a.unref)($).url=e),options:(0,a.unref)(L),valueKey:"url",onToggle:ie},null,8,["modelValue","options"])]),_:1}),(0,a.createVNode)(J,null,{label:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)((0,a.unref)(I)["Select your Page url as target"])+" ",1),(0,a.createVNode)(n,{content:"Your banner will point to your Page web url"},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(A,{icon:"fas circle-info"})]),_:1})]),default:(0,a.withCtx)(()=>[(0,a.createVNode)(Q,{modelValue:(0,a.unref)($).url,"onUpdate:modelValue":t[3]||(t[3]=e=>(0,a.unref)($).url=e),options:(0,a.unref)(L).filter(e=>e.web),valueKey:"web",onToggle:t[4]||(t[4]=e=>ie(e,!0))},null,8,["modelValue","options"])]),_:1})]),_:1})):(0,a.createCommentVNode)("v-if",!0),(0,a.createVNode)(J,{label:"Target URL"},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(q,{modelValue:(0,a.unref)($).url,"onUpdate:modelValue":t[6]||(t[6]=e=>(0,a.unref)($).url=e),clearable:"",maxlength:"200",autocomplete:"off",_label:"https://"},(0,a.createSlots)({_:2},[(0,a.unref)($).url?{name:"outerEnd",fn:(0,a.withCtx)(()=>[(0,a.createVNode)(l,{compact:"",label:"TEST",onClick:t[5]||(t[5]=t=>e.window.open((0,a.unref)($).url)),color:"--z-color-orange",icon:"square-up-right"})]),key:"0"}:void 0]),1032,["modelValue"])]),_:1})]),_:1}),(0,a.createElementVNode)("h3",null,(0,a.toDisplayString)((0,a.unref)(I)["Adv.Choose a Placement"]),1),(0,a.createVNode)(i,{wrap:"",cols:[2,3],gap:"10px",class:(0,a.normalizeClass)(["advPlacement",{advDisabled:(0,a.unref)(Z)[0]||(0,a.unref)($).confirmed}])},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(X,{onClick:t[7]||(t[7]=e=>de("home")),class:(0,a.normalizeClass)({active:(0,a.unref)($).home})},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)("h4",null,(0,a.toDisplayString)((0,a.unref)(T)[0].desc),1),(0,a.createElementVNode)("div",null,[(0,a.createVNode)(se,{src:(0,a.unref)(ee)?.src,aspectRatio:"650/230",style:{background:"var(--z-color-primary)"}},null,8,["src"]),((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(3,e=>((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,null,[(0,a.createVNode)(pe,{aspectRatio:4.5}),(0,a.createVNode)(pe,{aspectRatio:17},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(fe)]),_:1})],64))),64))]),(0,a.createElementVNode)("p",null,[(0,a.createElementVNode)("span",u," "+(0,a.toDisplayString)((0,a.unref)(I)["Adv.Expected CTR"])+": 1.0 - 2.0%",1),(0,a.createElementVNode)("span",d," CPM: "+(0,a.toDisplayString)((0,a.unref)(r.zQ)((0,a.unref)(T)[0].cpm))+" "+(0,a.toDisplayString)((0,a.unref)(P).currSymbol),1),t[25]||(t[25]=(0,a.createElementVNode)("span",{"data-zic":"fas exclamation-triangle",style:{color:"var(--z-color-orange)"}}," Subject to Quality Approval",-1))])]),_:1},8,["class"]),(0,a.createVNode)(X,{onClick:t[8]||(t[8]=e=>de("wall")),class:(0,a.normalizeClass)({active:(0,a.unref)($).wall})},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)("h4",null,(0,a.toDisplayString)((0,a.unref)(T)[2].desc),1),(0,a.createElementVNode)("div",null,[(0,a.createVNode)(pe,{aspectRatio:15},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(fe)]),_:1}),(0,a.createVNode)(pe,{aspectRatio:4}),(0,a.createVNode)(se,{src:(0,a.unref)(ee)?.src,aspectRatio:"400/248",style:{background:"var(--z-color-primary)"}},null,8,["src"]),(0,a.createVNode)(pe,{aspectRatio:4}),(0,a.createVNode)(pe,{aspectRatio:15},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(fe)]),_:1})]),(0,a.createElementVNode)("p",null,[(0,a.createElementVNode)("span",s," "+(0,a.toDisplayString)((0,a.unref)(I)["Adv.Expected CTR"])+": 0.5 - 1.5%",1),(0,a.createElementVNode)("span",p," CPM: "+(0,a.toDisplayString)((0,a.unref)(r.zQ)((0,a.unref)(T)[2].cpm))+" "+(0,a.toDisplayString)((0,a.unref)(P).currSymbol),1),(0,a.createElementVNode)("span",f," "+(0,a.toDisplayString)((0,a.unref)(T)[2].size)+"px",1)])]),_:1},8,["class"]),(0,a.createVNode)(X,{onClick:t[9]||(t[9]=e=>de("aside")),class:(0,a.normalizeClass)({active:(0,a.unref)($).aside})},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)("h4",null,(0,a.toDisplayString)((0,a.unref)(T)[3].desc),1),(0,a.createElementVNode)("div",m,[(0,a.createVNode)(pe,{aspectRatio:"400/248"},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(fe)]),_:1}),(0,a.createVNode)(pe,{aspectRatio:7}),(0,a.createVNode)(se,{src:(0,a.unref)(ee)?.src,aspectRatio:"400/248",style:{background:"var(--z-color-primary)"}},null,8,["src"]),(0,a.createVNode)(pe,{aspectRatio:6}),(0,a.createVNode)(pe,{aspectRatio:"400/248"},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(fe)]),_:1})]),(0,a.createElementVNode)("p",null,[(0,a.createElementVNode)("span",v," "+(0,a.toDisplayString)((0,a.unref)(I)["Adv.Expected CTR"])+": 0.3 - 0.7%",1),(0,a.createElementVNode)("span",g," CPM: "+(0,a.toDisplayString)((0,a.unref)(r.zQ)((0,a.unref)(T)[3].cpm))+" "+(0,a.toDisplayString)((0,a.unref)(P).currSymbol),1),(0,a.createElementVNode)("span",h," "+(0,a.toDisplayString)((0,a.unref)(T)[3].size)+"px",1)])]),_:1},8,["class"])]),_:1},8,["class"]),(0,a.createElementVNode)("h3",null,(0,a.toDisplayString)((0,a.unref)(I)["Actions.Select images"]),1),(0,a.createVNode)(X,null,{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)("div",y,[(0,a.createVNode)(A,{icon:"fas circle-info",style:{float:"left",margin:"1px 0 0 -20px"}}),((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)((0,a.unref)(I)["Adv.Hint.Images"].split(/\n/g),e=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{textContent:(0,a.toDisplayString)(e.replace("$Count",(0,a.unref)(8)))},null,8,V))),256))]),(0,a.createVNode)(i,{wrap:"",cols:(0,a.unref)(oe),gap:"10px",class:"advImages",style:{"margin-top":"20px"}},{default:(0,a.withCtx)(()=>[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)((0,a.unref)(M),e=>((0,a.openBlock)(),(0,a.createBlock)(se,{overflow:"",src:e.src,aspectRatio:(0,a.unref)(le),onClick:t=>{e.show=!0,(0,a.isRef)(O)?O.value=e:O=e},class:(0,a.normalizeClass)(["stripesBg",{removed:e.removed,tooSmall:e.tooSmall}])},{default:(0,a.withCtx)(()=>[e.tooSmall?((0,a.openBlock)(),(0,a.createBlock)(A,{key:0,icon:"fas exclamation-triangle",size:"2.5",color:"var(--z-color-yellow)"})):e.removed?((0,a.openBlock)(),(0,a.createBlock)(A,{key:1,icon:"trash",size:"2"})):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:2},[(0,a.createVNode)(A,{icon:(0,a.unref)(U).find(t=>

1t.id==e.lang)?.icon},null,8,["icon"]),e.approved?((0,a.openBlock)(),(0,a.createBlock)(A,{key:0,icon:"fas thumbs-up",color:"#fff",style:{position:"absolute",right:"5px",bottom:"-5px","line-height":"1","font-size":"12px",background:"var(--z-color-green)",padding:"5px 6px 6.5px","border-radius":"50%"}})):e.rejected?((0,a.openBlock)(),(0,a.createBlock)(A,{key:1,icon:"fas thumbs-down",color:"#fff",style:{position:"absolute",right:"5px",bottom:"-5px","line-height":"1","font-size":"12px",background:"var(--z-color-red)",padding:"5px 6px 6.5px","border-radius":"50%"}})):(0,a.createCommentVNode)("v-if",!0)],64))]),_:2},1032,["src","aspectRatio","onClick","class"]))),256)),(0,a.unref)(H)?((0,a.openBlock)(),(0,a.createBlock)(se,{key:0,loading:"",src:(0,a.unref)(H),aspectRatio:(0,a.unref)(le),class:"stripesBg"},null,8,["src","aspectRatio"])):(0,a.unref)(te)?((0,a.openBlock)(),(0,a.createBlock)(pe,{key:1,aspectRatio:(0,a.unref)(le)},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(me,{accept:"image/*",disabled:(0,a.unref)(G),onChange:ue,style:{height:"100%"}},{inner:(0,a.withCtx)(()=>[(0,a.createVNode)(A,{icon:"fas folder-plus",size:"2.5",style:{opacity:".5"}})]),_:1},8,["disabled"])]),_:1},8,["aspectRatio"])):(0,a.createCommentVNode)("v-if",!0),(0,a.unref)(ne)>0?((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,{key:2},(0,a.renderList)((0,a.unref)(ne),e=>((0,a.openBlock)(),(0,a.createBlock)(pe,{aspectRatio:(0,a.unref)(le),style:{background:"#eee"}},null,8,["aspectRatio"]))),256)):(0,a.createCommentVNode)("v-if",!0)]),_:1},8,["cols"])]),_:1}),(0,a.unref)($).home?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:0},[(0,a.createElementVNode)("h3",null,(0,a.toDisplayString)((0,a.unref)(I).Preview),1),(0,a.unref)(re)[0]?((0,a.openBlock)(),(0,a.createBlock)(ve,{key:1,info:{banners:(0,a.unref)(re)},onClick:t[10]||(t[10]=(0,a.withModifiers)(()=>{},["stop","prevent"]))},null,8,["info"])):((0,a.openBlock)(),(0,a.createBlock)(pe,{key:0,aspectRatio:"650/230",class:"stripesBg",style:{"border-radius":"5px"}}))],64)):(0,a.createCommentVNode)("v-if",!0),(0,a.createVNode)(i,{stackable:"",gap:"40px"},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)("div",x,[(0,a.createElementVNode)("h3",null,(0,a.toDisplayString)((0,a.unref)(I).Headline)+" & "+(0,a.toDisplayString)((0,a.unref)(I).Text),1),(0,a.createVNode)(J,null,{label:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)((0,a.unref)(I).Headline)+" ",1),(0,a.createVNode)(n,{content:(0,a.unref)(I)["Adv.Hint.Headline"]},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(A,{icon:"fas circle-info"})]),_:1},8,["content"])]),default:(0,a.withCtx)(()=>[(0,a.createElementVNode)("div",null,[(0,a.createVNode)(q,{modelValue:(0,a.unref)($).title,"onUpdate:modelValue":t[11]||(t[11]=e=>(0,a.unref)($).title=e),maxlength:40,labelEnd:String(40-(0,a.unref)($).title.length)},null,8,["modelValue","labelEnd"])])]),_:1}),(0,a.createVNode)(J,null,{label:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)((0,a.unref)(I).Text)+" ",1),(0,a.createVNode)(n,{content:(0,a.unref)(I)["Adv.Hint.Text"]},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(A,{icon:"fas circle-info"})]),_:1},8,["content"])]),default:(0,a.withCtx)(()=>[(0,a.createElementVNode)("div",null,[(0,a.createVNode)(q,{modelValue:(0,a.unref)($).text,"onUpdate:modelValue":t[12]||(t[12]=e=>(0,a.unref)($).text=e),type:"textarea",rows:"3",maxlength:"100",labelEnd:String(100-(0,a.unref)($).text.length)},null,8,["modelValue","labelEnd"])])]),_:1})]),(0,a.unref)($).home?(0,a.createCommentVNode)("v-if",!0):((0,a.openBlock)(),(0,a.createElementBlock)("div",b,[(0,a.createElementVNode)("h3",null,(0,a.toDisplayString)((0,a.unref)(I).Preview),1),(0,a.createVNode)(X,{padding:"10px"},{default:(0,a.withCtx)(()=>[(0,a.unref)($).story?((0,a.openBlock)(),(0,a.createBlock)(pe,{key:0,aspectRatio:"9/16",width:"140px",style:{"max-width":"100%",margin:"0 auto","border-radius":"var(--wall-radius)"}},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(o.A,{mini:"",story:{bg:{},media:{_thumb:(0,a.unref)(re)[0]?.src},mainText:{text:(0,a.unref)($).title}},style:{"pointer-events":"none"}},null,8,["story"])]),_:1})):((0,a.openBlock)(),(0,a.createElementBlock)("div",N,[(0,a.createElementVNode)("div",k,(0,a.toDisplayString)((0,a.unref)($).title||(0,a.unref)(I).Headline),1),(0,a.createVNode)(se,{src:(0,a.unref)(ee)?.src,aspectRatio:(0,a.unref)(le),class:"stripesBg",style:{"border-radius":"5px"}},null,8,["src","aspectRatio"]),(0,a.unref)($).text?((0,a.openBlock)(),(0,a.createElementBlock)("p",C,(0,a.toDisplayString)((0,a.unref)($).text),1)):(0,a.createCommentVNode)("v-if",!0)]))]),_:1})]))]),_:1}),(0,a.createElementVNode)("h3",null,(0,a.toDisplayString)((0,a.unref)(I)["Adv.Create your Audience"]),1),(0,a.createVNode)(X,null,{default:(0,a.withCtx)(()=>[(0,a.createVNode)(J,null,{label:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.$t("Country"))+" ",1),(0,a.createVNode)(n,{content:(0,a.unref)(I)["Adv.Hint.Country"]},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(A,{icon:"fas circle-info"})]),_:1},8,["content"])]),default:(0,a.withCtx)(()=>[(0,a.createVNode)(Q,{modelValue:(0,a.unref)($).countries,"onUpdate:modelValue":t[13]||(t[13]=e=>(0,a.unref)($).countries=e),multiple:"",wrap:"",filterable:"",clearable:"",options:(0,a.unref)(F),dropdownHeight:200,placeholder:(0,a.unref)(I)["Adv.Hint.AllCountries"]},{singleLabel:(0,a.withCtx)(({option:e})=>[(0,a.createVNode)(A,{icon:e.icon,style:{display:"inline-block",margin:"-1px 5px 0 0","vertical-align":"-1px","font-size":"1.2em"}},null,8,["icon"]),(0,a.createElementVNode)("span",null,(0,a.toDisplayString)(e.label),1)]),_:1},8,["modelValue","options","placeholder"])]),_:1}),(0,a.createVNode)(J,null,{label:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.$t("Language"))+" ",1),(0,a.createVNode)(n,{content:(0,a.unref)(I)["Adv.Hint.Language"]},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(A,{icon:"fas circle-info"})]),_:1},8,["content"])]),default:(0,a.withCtx)(()=>[(0,a.createVNode)(Q,{modelValue:(0,a.unref)($).languages,"onUpdate:modelValue":t[14]||(t[14]=e=>(0,a.unref)($).languages=e),multiple:"",wrap:"",clearable:"",options:(0,a.unref)(U),dropdownHeight:200,placeholder:(0,a.unref)(I)["All languages"]},{singleLabel:(0,a.withCtx)(({option:e})=>[(0,a.createVNode)(A,{icon:e.icon,style:{display:"inline-block",margin:"-1px 5px 0 0","vertical-align":"-1px","font-size":"1.2em"}},null,8,["icon"]),(0,a.createElementVNode)("span",null,(0,a.toDisplayString)(e.label),1)]),_:1},8,["modelValue","options","placeholder"])]),_:1})]),_:1}),(0,a.createElementVNode)("h3",null,(0,a.toDisplayString)((0,a.unref)(I)["Adv.Campaign"]),1),(0,a.createVNode)(X,null,{default:(0,a.withCtx)(()=>[(0,a.createVNode)(J,{label:(0,a.unref)(I)["Daily Budget"],style:{flex:"0 0 auto"}},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(i,{vertical:e.viewport.smartphone,gap:[30,10],align:"start"},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(q,{modelValue:(0,a.unref)($).dailyBudget,"onUpdate:modelValue":t[15]||(t[15]=e=>(0,a.unref)($).dailyBudget=e),type:"currency",currency:(0,a.unref)(P).currSymbol,placeholder:(0,a.unref)(r.zQ)(3)},null,8,["modelValue","currency","placeholder"]),(0,a.unref)($).pausedToday?((0,a.openBlock)(),(0,a.createElementBlock)("div",w,[(0,a.createElementVNode)("div",z,[(0,a.createVNode)(A,{icon:"fas exclamation-triangle",color:"--z-color-orange"}),(0,a.createTextVNode)(" "+(0,a.toDisplayString)((0,a.unref)(I)["Daily Budget Reached"].split(/\n/)[0]),1)]),(0,a.createElementVNode)("div",B,(0,a.toDisplayString)((0,a.unref)(I)["Daily Budget Reached"].split(/\n/)[1]),1)])):((0,a.openBlock)(),(0,a.createElementBlock)("p",E,[t[26]||(t[26]=(0,a.createElementVNode)("i",{"data-zic":"fas circle-info",style:{float:"left",margin:"1px 0 0 -20px"}},null,-1)),(0,a.createTextVNode)(" "+(0,a.toDisplayString)((0,a.unref)(I)["Adv.Hint.DailyBudget"]),1),t[27]||(t[27]=(0,a.createElementVNode)("br",null,null,-1)),(0,a.createTextVNode)(" "+(0,a.toDisplayString)((0,a.unref)(I)["Profile.CanUndo"]),1)]))]),_:1},8,["vertical"])]),_:1},8,["label"]),(0,a.createVNode)(J,{label:(0,a.unref)(I)["Lifetime Budget"],style:{flex:"0 0 auto"}},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(i,{vertical:e.viewport.smartphone,gap:[30,10],align:"start"},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(q,{modelValue:(0,a.unref)($).lifeBudget,"onUpdate:modelValue":t[16]||(t[16]=e=>(0,a.unref)($).lifeBudget=e),type:"currency",currency:(0,a.unref)(P).currSymbol},null,8,["modelValue","currency"]),(0,a.unref)($).pausedLife?((0,a.openBlock)(),(0,a.createBlock)(ge,{key:0,compact:"",type:"warning",style:{flex:"1 1 auto","font-size":"12px",padding:"8px"}},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)("b",null,(0,a.toDisplayString)((0,a.unref)(I)["Lifetime Budget Reached"].split(/\n/)[0]),1),(0,a.createElementVNode)("div",null,(0,a.toDisplayString)((0,a.unref)(I)["Lifetime Budget Reached"].split(/\n/)[1]),1)]),_:1})):((0,a.openBlock)(),(0,a.createElementBlock)("p",S,[t[28]||(t[28]=(0,a.createElementVNode)("i",{"data-zic":"fas circle-info",style:{float:"left",margin:"1px 0 0 -20px"}},null,-1)),(0,a.createTextVNode)(" "+(0,a.toDisplayString)((0,a.unref)(I)["Adv.Hint.LifetimeBudget"]),1),t[29]||(t[29]=(0,a.createElementVNode)("br",null,null,-1)),(0,a.createTextVNode)(" "+(0,a.toDisplayString)((0,a.unref)(I)["Profile.CanUndo"]),1)]))]),_:1},8,["vertical"])]),_:1},8,["label"])]),_:1}),(0,a.unref)(W)?((0,a.openBlock)(),(0,a.createElementBlock)("div",D,[(0,a.createVNode)(he,{modelValue:(0,a.unref)(Y),"onUpdate:modelValue":t[17]||(t[17]=e=>(0,a.isRef)(Y)?Y.value=e:Y=e)},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)("div",{innerHTML:(0,a.unref)(P).guidelines},null,8,_)]),_:1},8,["modelValue"])])):(0,a.createCommentVNode)("v-if",!0),(0,a.unref)(W)?((0,a.openBlock)(),(0,a.createElementBlock)("div",R,[(0,a.createVNode)(l,{disabled:(0,a.unref)(G),href:"/adv/",label:e.$t("Actions.Back"),icon:"fas chevron-left",style:{"margin-right":"20px"}},null,8,["disabled","label"]),(0,a.createVNode)(l,{loading:(0,a.unref)(G),disabled:!(0,a.unref)(ae),onClick:t[18]||(t[18]=e=>{G.value||(ce(),G.value=!0,K.value=null,(0,r.RD)("/adv/saveBanner",$.value.id,JSON.stringify($.value),e=>{"OK"==e?location="/adv/?saved="+$.value.id:(K.value=e,G.value=!1,(0,a.nextTick)(()=>{let t=document.querySelector("pics"==e?".advEdit .advImages":".advEdit .z-form-item .z-error");t&&t.scrollIntoView({block:"center"})}))}))}),label:e.$t("Actions.Confirm"),icon:"fas bullhorn",color:(0,a.unref)(ae)?"--z-color-primary":null},null,8,["loading","disabled","label","color"])])):(0,a.createCommentVNode)("v-if",!0)]),_:1},16,["readonly","errors"])):(0,a.createCommentVNode)("v-if",!0),null!==(0,a.unref)(O)?((0,a.openBlock)(),(0,a.createBlock)(be,{key:2,modelValue:(0,a.unref)(O).show,"onUpdate:modelValue":t[23]||(t[23]=e=>(0,a.unref)(O).show=e),width:Number((0,a.unref)(le).split("/")[0]),padding:"10px",style:{"font-size":"12px"}},{footer:(0,a.withCtx)(()=>[(0,a.createVNode)(i,null,{default:(0,a.withCtx)(()=>[(0,a.unref)(W)?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:0},[(0,a.unref)(O).removed&&!(0,a.unref)(O).tooSmall?((0,a.openBlock)(),(0,a.createBlock)(l,{key:0,compact:"",onClick:t[20]||(t[20]=e=>{(0,r.RD)("/adv/restoreImage",$.value.id,O.value.prog,e=>{e&&(O.value=null,M.value=e)})}),tabindex:"-1",label:e.$t("Actions.Restore"),color:"--z-color-primary",icon:"fas trash-can-undo"},null,8,["label"])):(0,a.unref)(W)&&!(0,a.unref)(H)?((0,a.openBlock)(),(0,a.createBlock)(l,{key:1,compact:"",onClick:t[21]||(t[21]=e=>{(0,r.RD)("/adv/removeImage",$.value.id,O.value.prog,e=>{e&&(O.value=null,M.value=e)})}),tabindex:"-1",label:e.$t("Actions.Delete"),color:"--z-color-red",icon:"fas trash"},null,8,["label"])):(0,a.createCommentVNode)("v-if",!0)],64)):(0,a.createCommentVNode)("v-if",!0),t[31]||(t[31]=(0,a.createElementVNode)("div",{class:"z-filler"},null,-1)),(0,a.createVNode)(l,{compact:"",autofocus:"",onClick:t[22]||(t[22]=e=>(0,a.unref)(O).show=!1),label:e.$t("Actions.Close"),icon:"fas xmark"},null,8,["label"])]),_:1})]),default:(0,a.withCtx)(()=>[(0,a.unref)(O).tooSmall?((0,a.openBlock)(),(0,a.createBlock)(ge,{key:0,t

1ype:"error",message:((0,a.unref)(I)["Hints.PhotoSize"]||"").replace("$Size",(0,a.unref)($).minSize.w+"x"+(0,a.unref)($).minSize.h),style:{"margin-bottom":"10px"}},null,8,["message"])):(0,a.createCommentVNode)("v-if",!0),(0,a.createVNode)(se,{src:(0,a.unref)(O).src,aspectRatio:(0,a.unref)(le),class:"stripesBg",style:{"border-radius":"5px"}},null,8,["src","aspectRatio"]),(0,a.createVNode)(xe,{style:{"margin-top":"5px"}},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(Ve,{round:"",label:`${(0,a.unref)(O).width}x${(0,a.unref)(O).height} px`,icon:"fal ruler-triangle"},null,8,["label"]),(0,a.createVNode)(Ve,{round:"",label:(0,a.unref)(O).ft,icon:"fal hexagon-image"},null,8,["label"]),(0,a.unref)(O).approved?((0,a.openBlock)(),(0,a.createBlock)(Ve,{key:0,round:"",label:e.$t("Approved"),icon:"fas thumbs-up",color:"--z-color-green"},null,8,["label"])):(0,a.unref)(O).rejected?((0,a.openBlock)(),(0,a.createBlock)(Ve,{key:1,round:"",label:e.$t("Rejected"),icon:"fas thumbs-down",color:"--z-color-red"},null,8,["label"])):(0,a.createCommentVNode)("v-if",!0),t[30]||(t[30]=(0,a.createElementVNode)("div",{style:{flex:"1 1 auto"}},null,-1)),(0,a.unref)(O).expos?((0,a.openBlock)(),(0,a.createBlock)(Ve,{key:2,round:"",label:(0,a.unref)(O).expos,icon:"fal aperture"},null,8,["label"])):(0,a.createCommentVNode)("v-if",!0),(0,a.unref)(O).clicks?((0,a.openBlock)(),(0,a.createBlock)(Ve,{key:3,round:"",label:(0,a.unref)(O).clicks,icon:"fal computer-mouse"},null,8,["label"])):(0,a.createCommentVNode)("v-if",!0)]),_:1}),((0,a.unref)(P).hasRight,(0,a.createCommentVNode)("v-if",!0))]),_:1},8,["modelValue","width"])):(0,a.createCommentVNode)("v-if",!0),null!==(0,a.unref)(j)?((0,a.openBlock)(),(0,a.createBlock)(Ne,{key:3,popup:"",modelValue:(0,a.unref)(j),"onUpdate:modelValue":t[24]||(t[24]=e=>(0,a.isRef)(j)?j.value=e:j=e),helpRef:"adv-create"},null,8,["modelValue"])):(0,a.createCommentVNode)("v-if",!0)],64)}}});l(66805);var P=A},66805:function(e,t,l){var a=l(65690);a.__esModule&&(a=a.default),"string"==typeof a&&(a=[[e.id,a,""]]),a.locals&&(e.exports=a.locals);(0,l(70534).A)("f2ee8ef0",a,!1,{})},49755:function(e,t,l){"use strict";l.d(t,{x:function(){return n}});var a=l(41425);const o={};function n(e,t){let l=e.uid,n=o[l],r=URL.createObjectURL(t);return n||(n=o[l]={blobs:[]}),n.blobs.push(r),(0,a.onBeforeUnmount)(()=>{let t=Date.now(),l=o[e.uid];l&&(l.destroyed=t);for(let e of Object.keys(o))if(l=o[e],t-l.destroyed>=12e4){for(let e of l.blobs)URL.revokeObjectURL(e);delete o[e]}},e),r}}}]);