https://www.tesa.com/relaunch2020/build/rating.bf9fa6e3.js

1"use strict";(globalThis.webpackChunktesa_2016=globalThis.webpackChunktesa_2016||[]).push([[6021],{8575:(a,e,t)=>{t.r(e),t.d(e,{default:()=>s});var l=t(5166),n=t(9669),r=t.n(n),u=t(3635),i=t(9043);const o={key:0},s=Object.assign({name:"Rating"},{__name:"Rating",props:{rating:{type:Number,required:!0},ratingsCount:{type:Number,default:null},rateable:{type:Boolean,default:!1},ratingId:{type:String,default:null},endpoint:{type:String},method:{type:String,default:"POST"},showValue:{type:String,default:"server",validator:a=>["mean","own","server"].includes(a)},localStorageKey:{type:String,default:i.$c.ratings},queryName:{type:String,default:"rating"},delimiter:{type:String,default:"."},suffix:{type:String,default:""},errorMessage:{type:String,default:""}},setup(a){const e=a,t=()=>JSON.parse(localStorage.getItem(e.localStorageKey)||"{}"),n=e.ratingId?t()[e.ratingId]:null,i=null!==e.ratingsCount&&(null==n?void 0:n.ratingsCount)===e.ratingsCount+1,s=(null==n?void 0:n.ratingType)===e.showValue,v=(0,l.iH)(Boolean(null==n?void 0:n.rating)),g=(0,l.iH)(s?"own"===n.ratingType?n.rating:i&&"server"===n.ratingType?n.currentRating:i&&"mean"===n.ratingType?n.rating:e.rating:e.rating),d=(0,l.iH)(i&&s&&null!=n&&n.ratingsCount?n.ratingsCount:e.ratingsCount),c=(0,l.iH)(!1),f=(0,l.Fl)(()=>!v.value&&e.rateable);let p;const m=async a=>{var l;null===(l=p)||void 0===l||l.cancel("Operation canceled by new request."),p=r().CancelToken.source();try{var n;const l=await r()({method:e.method.toLowerCase(),url:e.endpoint,params:{[e.queryName]:a},config:{headers:{"Content-Type":"form-data"}},cancelToken:p.token});c.value="success"!==(null===(n=l.data)||void 0===n?void 0:n.status),c.value||((a,l)=>{if(v.value=!0,"mean"===e.showValue&&null!==e.ratingsCount?g.value=(g.value*d.value+a)/(d.value+1):"server"===e.showValue?g.value=l.average:g.value=a,null!==e.ratingsCount&&["own","mean"].includes(e.showValue)?d.value++:"server"===e.showValue&&(d.value=l.total),!e.ratingId)return;const n=t();n[e.ratingId]={rating:a,currentRating:g.value,ratingType:e.showValue,ratingsCount:d.value??1},localStorage.setItem(e.localStorageKey,JSON.stringify(n))})(a,l.data.result)}catch(a){console.warn(a),c.value=!0}},y=a=>{e.rateable&&!v.value&&m(a)};return(e,t)=>((0,l.wg)(),(0,l.iD)("div",null,[(0,l.Wm)((0,l.SU)(u.Z),{rating:g.value,rateable:f.value,"ratings-count":d.value,suffix:a.suffix,onRated:y},null,8,["rating","rateable","ratings-count","suffix"]),t[0]||(t[0]=(0,l.Uk)()),a.errorMessage&&c.value?((0,l.wg)(),(0,l.iD)("p",o,(0,l.zw)(a.errorMessage),1)):(0,l.kq)("v-if",!0)]))}})},3635:(a,e,t)=>{t.d(e,{Z:()=>v});var l=t(5166),n=t(7105);const r=["role","aria-label","onKeydown"],u=["onClick","onKeydown"],i={key:0,class:"rating-stars__ratings-count copy copy--large t--semibold"},o=["textContent"],s={key:1},v=Object.assign({name:"RatingStars"},{__name:"RatingStars",props:{rateable:{type:Boolean,default:!0},rating:{type:Number,required:!0},ratingsCount:{type:Number},showRatingText:{type:Boolean,default:!0},suffix:{type:String,default:null}},emits:["rated"],setup(a,e){let{emit:t}=e;const v=(0,l.iH)(null),g=a,d=t,{labelStore:c}=(0,n.b)({labelsRequired:["global"]}),f=(0,l.iH)(!1),p=(0,l.iH)(g.rating),m=(0,l.iH)(null),y=(0,l.Fl)(()=>g.rateable?c.value["global.rate"]:c.value["global.rating"]),b=(0,l.Fl)(()=>{var a;let e=null===(a=p.value)||void 0===a?void 0:a.toFixed(1);return m.value&&(e=m.value.format(e)),e}),w=(0,l.Fl)(()=>[0,1,2,3,4].map(a=>({width:100*((32-21.47)/2/32+21.47*Math.max(0,Math.min(p.value-a,1))/32)+"%"}))),h=(0,l.Fl)(()=>0!=p.value?Math.ceil(p.value)-1:0);function k(){var a,e,t,l,n;g.rateable&&(0!=h.value?(p.value=Math.ceil(p.value)-1,null===(a=v.value)||void 0===a||null===(e=a[h.value])||void 0===e||e.focus()):(p.value=null===(t=w.value)||void 0===t?void 0:t.length,null===(l=v.value)||void 0===l||null===(n=l[h.value])||void 0===n||n.focus()))}function C(){var a,e,t,l,n;g.rateable&&(h.value!=(null===(a=w.value)||void 0===a?void 0:a.length)-1?(p.value=Math.ceil(p.value)+1,null===(e=v.value)||void 0===e||null===(t=e[h.value])||void 0===t||t.focus()):(p.value=1,null===(l=v.value)||void 0===l||null===(n=l[h.value])||void 0===n||n.focus()))}function S(){g.rateable&&(p.value=0!=p.value?p.value:1)}function _(a){g.rateable&&(d("rated",a),p.value=a)}return(0,l.bv)(()=>{const a=document.querySelector("html").dataset.locale;a&&null!==Intl&&void 0!==Intl&&Intl.NumberFormat&&(m.value=new Intl.NumberFormat(a,{minimumFractionDigits:1})),f.value=!0}),(0,l.YP)(()=>g.rating,a=>{p.value=a}),(e,t)=>{var n,g;const d=(0,l.up)("icon");return f.value?((0,l.wg)(),(0,l.iD)("div",{key:0,class:(0,l.C_)(["rating-stars",{"rating-stars--rateable":a.rateable}])},[(0,l._)("div",(0,l.dG)({...!a.rateable&&{"aria-valuetext":`${null===(n=p.value)||void 0===n?void 0:n.toFixed(1)}`,"aria-valuenow":`${null===(g=p.value)||void 0===g?void 0:g.toFixed(1)}

1`,"aria-valuemin":"0","aria-valuemax":"5"}},{class:"rating-stars__stars",role:a.rateable?"radiogroup":"meter","aria-label":y.value,onFocusin:S,onKeydown:[(0,l.D2)(k,["left"]),(0,l.D2)(C,["right"]),(0,l.D2)((0,l.iM)(C,["prevent"]),["down"]),(0,l.D2)((0,l.iM)(k,["prevent"]),["up"])]}),[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(w.value,(e,n)=>((0,l.wg)(),(0,l.iD)("div",(0,l.dG)({ref_for:!0},{...a.rateable&&{role:"radio","aria-checked":`${h.value==n}`,tabindex:h.value==n?0:-1,"aria-label":`${n+1} ${0==n?(0,l.SU)(c)["global.star"]:(0,l.SU)(c)["global.stars"]}`}},{class:"rating-stars__star",key:n,ref_for:!0,ref_key:"radioButton",ref:v,onClick:a=>_(n+1),onKeydown:(0,l.D2)((0,l.iM)(a=>_(n+1),["prevent"]),["space"])}),[(0,l.Wm)(d,{class:"rating-stars__star-back",name:"star"}),t[0]||(t[0]=(0,l.Uk)()),(0,l._)("div",{class:"rating-stars__front-mask",style:(0,l.j5)({width:e.width})},[(0,l.Wm)(d,{class:"rating-stars__star-front",name:"star"})],4)],16,u))),128))],16,r),t[1]||(t[1]=(0,l.Uk)()),a.showRatingText?((0,l.wg)(),(0,l.iD)("div",i,[(0,l.WI)(e.$slots,"default",{computedRating:b.value,ratingsCount:a.ratingsCount},()=>[(0,l.Uk)((0,l.zw)(b.value),1),a.suffix?((0,l.wg)(),(0,l.iD)("span",{key:0,textContent:(0,l.zw)(" "+a.suffix)},null,8,o)):(0,l.kq)("v-if",!0),a.ratingsCount?((0,l.wg)(),(0,l.iD)("span",s," ("+(0,l.zw)(a.ratingsCount)+")",1)):(0,l.kq)("v-if",!0)])])):(0,l.kq)("v-if",!0)],2)):(0,l.kq)("v-if",!0)}}})}}]);