https://shop.mycma.ch/_nuxt/_id_.xsV5pKYG.js

1import{N as b,aa as r,a6 as n,P as u,Q as y,T as a,a9 as s,V as l,aC as o,aH as h,a7 as c,W as _,ab as g}from"./entry.IRopAhUk.js";const P={components:{ResponsiveImage:r(()=>g(()=>import("./image.hqQsCjRS.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url)),ImageInfo:r(()=>g(()=>import("./image-info.DfLiGlWP.js"),__vite__mapDeps([5,1,2,6]),import.meta.url)),SelectorBar:r(()=>g(()=>import("./selector-bar.353PyrLF.js"),__vite__mapDeps([7,1,2,8]),import.meta.url)),ImagePreview:r(()=>g(()=>import("./image-preview.8eLxc8XN.js"),__vite__mapDeps([9,1,2,10,11]),import.meta.url)),WidgetsPreview:r(()=>g(()=>import("./widgets-preview.dCYIia4d.js"),__vite__mapDeps([12,1,2,13]),import.meta.url)),FocusAreaOverlay:r(()=>g(()=>import("./focus-area-overlay.AdzkmSdz.js"),__vite__mapDeps([14,1,2,15]),import.meta.url))},layout:"no-header-footer",setup(){},data(){return{selectedPreview:"Widgets",width:0,height:0,fallbackWidth:400,previews:["Widgets","16:9","4:3","3:2","1:1"],txt:{title:"Media asset previews",subtitle:"Uploaded image",previewExamples:"Preview examples",previewExamplesDescription:'The following section shows the image in all formats used throughout JAMES web and native applications. Some formats have the same dimensions on desktop and mobile, while others get cropped (see "Widgets"). Furthermore, the image will be shown considering the set focal point.',heroImageTitle:"Hero image",sectionBannersTitle:"Section Banners",widgetsAndFormats:"widgets & formats",big:"Big",medium:"Medium",small:"Small",fulfillsPrompt:"The uploaded image fulfills the image resolution, size and dimension requirements.",warningPrompt:"The uploaded image is probably not displayed in best resolution because it's too small. We recommend a minimum width of xxx and a minimum height of yyy for best results.",errorPrompt:"Unfortunately the uploaded image will not be suitable for this type of widgets. We recommend a minimum width of xxx and a minimum height of yyy for best results.",errorPromptSmallEnding:"The image can still be used for certain widgets such as popular routes or our quote widgets."},dimensionValues:{big:{minWidth:"4000px",minHeight:"3000px"},medium:{minWidth:"2280px",minHeight:"1710px"},small:{minWidth:"900px",minHeight:"475px"}}}},computed:{mediaId(){return this.$route.params.id},media(){return this.$store.getters["content/mediaAsset/byId"](this.mediaId)},imageEvaluationResultBig(){return this.media.media.details.image.width>4e3&&this.media.media.details.image.height>3e3?"success":this.media.media.details.image.width<=3999&&this.media.media.details.image.width>2e3&&this.media.media.details.image.height<=2999&&this.media.media.details.image.height>1500?"warning":(this.media.media.details.image.width<=1999&&this.media.media.details.image.height<=1499,"error")},imageEvaluationResultMedium(){return this.media.media.details.image.width>2280&&this.media.media.details.image.height>1710?"success":this.media.media.details.image.width<=1999&&this.media.media.details.image.width>1140&&this.media.media.details.image.height<=1499&&this.media.media.details.image.height>855?"warning":(this.media.media.details.image.width<=1139&&this.media.media.details.image.height<=1709,"error")},imageEvaluationResultSmall(){return this.media.media.details.image.width>900&&this.media.media.details.image.height>475?"success":this.media.media.details.image.width<=899&&this.media.media.details.image.width>450&&this.media.media.details.image.height<=474&&this.media.media.details.image.height>338?"warning":(this.media.media.details.image.width<=449&&this.media.media.details.image.height<=337,"error")},borderColorEvaluation(){return(this.imageEvaluationResultBig==="success"||this.imageEvaluationResultBig==="warning")&&this.imageEvaluationResultMedium==="success"&&this.imageEvaluationResultSmall==="success"?"success":this.imageEvaluationResultBig==="error"&&this.imageEvaluationResultMedium==="warning"&&this.imageEvaluationResultSmall==="success"?"warning":"error"},widgetEvaluationResults(){return{big:this.imageEvaluationResultBig,medium:this.imageEvaluationResultMedium,small:this.imageEvaluationResultSmall}},getImageFocusArea(){return this.media.imageFocusArea?this.media.imageFocusArea.toLowerCase():"CENTER"}}

1,mounted(){this.width=this.media.media.details.image.width,this.height=this.media.media.details.image.height},methods:{imageFallbackWidth(i){return!i||typeof i>"u"?400:Math.min(i,1120)},imageConfigurations(i,m){return i>700||m>400?[]:[{dimensions:[[Math.round(i*.1),Math.round(i*.1)],[Math.round(i*.5),Math.round(i*.5)],[Math.round(i*.8),Math.round(m*.8)],[i,m],[Math.round(i*1.5),Math.round(m*1.5)],[Math.round(i*2),Math.round(m*2)]],sizes:`${i}px`,mediaquery:null}]},selectPreviewExample(i){this.selectedPreview=i},iconClasses(i){return{"image-evaluation__icon--error james-icon-dismiss-circle":i==="error","image-evaluation__icon--success james-icon-checkmark-circle-full-size":i==="success","image-evaluation__icon--warning james-icon-default-warning":i==="warning","d-none":i==="profile-success"}},evaluationText(i,m){let d="";return m==="success"&&(d=this.txt.fulfillsPrompt),m==="warning"&&(d=this.txt.warningPrompt.replace("xxx",this.dimensionValues[i].minWidth).replace("yyy",this.dimensionValues[i].minHeight)),m==="error"&&(d=this.txt.errorPrompt.replace("xxx",this.dimensionValues[i].minWidth).replace("yyy",this.dimensionValues[i].minHeight),i==="small"&&(d=`${d.split(".")[0]}. ${this.txt.errorPromptSmallEnding}`)),d}}},R={class:"media-asset-page"},T={class:"media-asset-preview"},I={class:"media-asset-preview__title"},A={class:"media-asset-preview__subtitle"},M={class:"image-background"},W={class:"image-container"},B={class:"evaluation-icon"},V={class:"evaluation-text"},S={class:"evaluation-icon"},F={class:"evaluation-text"},C={class:"evaluation-icon"},k={class:"evaluation-text"},D={class:"media-asset-preview__subtitle-examples"},O={class:"media-asset-preview__description"},H={class:"image-section"};function L(i,m,d,N,t,e){const w=n("ResponsiveImage"),v=n("FocusAreaOverlay"),f=n("ImageInfo"),p=n("SelectorBar"),x=n("ImagePreview"),E=n("WidgetsPreview");return u(),y("div",R,[a("div",T,[a("h1",I,s(t.txt.title),1),a("h2",A,s(t.txt.subtitle),1),a("div",{class:l(["image-border-identicator",`media-asset-preview__image-evaluation__${e.borderColorEvaluation}`])},[a("div",M,[a("div",W,[o(w,{url:e.media.media.url,lazy:"","image-width":e.media.media.details.image.width,"image-height":e.media.media.details.image.height,"image-configurations":e.imageConfigurations(e.media.media.details.image.width,e.media.media.details.image.height),"fallback-width":e.imageFallbackWidth(e.media.media.details.image.width),"original-width":e.media.media.details.image.width,"original-height":e.media.media.details.image.height,"picture-class":"image-view__picture"},null,8,["url","image-width","image-height","image-configurations","fallback-width","original-width","original-height"]),o(v,{"image-focus-area":e.getImageFocusArea},null,8,["image-focus-area"])])]),a("div",{class:l(["media-asset-preview__image-evaluation__big-widgets",`media-asset-preview__image-evaluation__big-widgets__${e.imageEvaluationResultBig}`])},[a("div",B,[a("span",{class:l(["image-evaluation__icon",e.iconClasses(e.imageEvaluationResultBig)])},null,2)]),a("div",V,[a("strong",null,s(t.txt.big)+" "+s(t.txt.widgetsAndFormats),1),h(" - "+s(e.evaluationText("big",e.imageEvaluationResultBig)),1)])],2),a("div",{class:l(["media-asset-preview__image-evaluation__medium-widgets",`media-asset-preview__image-evaluation__medium-widgets__${e.imageEvaluationResultMedium}`])},[a("div",S,[a("span",{class:l(["image-evaluation__icon",e.iconClasses(e.imageEvaluationResultMedium)])},null,2)]),a("div",F,[a("strong",null,s(t.txt.medium)+" "+s(t.txt.widgetsAndFormats),1),h(" - "+s(e.evaluationText("medium",e.imageEvaluationResultMedium)),1)])],2),a("div",{class:l(["media-asset-preview__image-evaluation__small-widgets",`media-asset-preview__image-evaluation__small-widgets__${e.imageEvaluationResultSmall}`])},[a("div",C,[a("span",{class:l(["image-evaluation__icon",e.iconClasses(e.imageEvaluationResultSmall)])},null,2)]),a("div",k,[a("strong",null,s(t.txt.small)+" "+s(t.txt.widgetsAndFormats),1),h(" - "+s(e.evaluationText("small",e.imageEvaluationResultSmall)),1)])],2)],2),o(f,{class:"image-information",width:e.media.media.details.image.width,height:e.media.media.details.image.height,"size-in-bytes":e.media.media.details.size,"file-name":`${e.media.media.title}.${e.media.media.contentType.split("/").pop()}`},null,8,["width","height","size-in-bytes","file-name"]),a("h2",D,s(t.txt.previewExamples),1),a("p",O,s(t.txt.previewExamplesDescription),1),o(p,{class:"selector-bar","model-value":t.selectedPreview,values:t.previews,"onUpdate:modelValue":e.selectPreviewExample},null,8,["model-value","values","onUpdate:modelValue"])]),a("div",H,[t.selectedPreview!=="Widgets"?(u(),c(x,{key:0,class:"image-section__image-preview",format:t.selectedPreview,"image-focus-area":e.media.imageFocusArea,url:e.media.media.url,"alt-text":e.media.altText,"media-title-tag":e.media.titleTag,"content-type":e.media.media.contentType,"full-height":e.media.media.details.image.height,height:e.media.media.details.image.height,width:e.media.media.details.image.width},null,8,["format","image-focus-area","url","alt-text","media-title-tag","content-type","full-height","height","width"])):_("",!0),t.selectedPreview==="Widgets"?(u(),c(E,{key:1,format:t.selectedPreview,"image-focus-area":e.media.imageFocusArea,url:e.media.media.url,"alt-text":e.media.altText,"media-title-tag":e.media.titleTag,"content-type":e.media.media.contentType,"full-height":e.media.media.details.image.height,height:e.media.media.details.image.height,width:e.media.media.details.image.width,"widget-evaluation-results":e.widgetEvaluationResults},null,8,["format","image-focus-area","url","alt-text","media-title-tag","content-type","full-height","height","width","widget-evaluation-results"])):_("",!0)])])}const U=b(P,[["render",L],["__scopeId","data-v-cadd0ee4"]]);export{U as default};

2function __vite__mapDeps(indexes) {
3  if (!__vite__mapDeps.viteFileDeps) {
4    __vite__mapDeps.viteFileDeps = ["./image.hqQsCjRS.js","./entry.IRopAhUk.js","./entry.O9KOVcsn.css","./image.PFnR9wBi.js","./safe-access.ZLlTBWHi.js","./image-info.DfLiGlWP.js","./image-info.irQRKwhY.css","./selector-bar.353PyrLF.js","./selector-bar.MfOklIKl.css","./image-preview.8eLxc8XN.js","./viewport-observer.A5nhnINA.js","./image-preview.khSoEtT9.css","./widgets-preview.dCYIia4d.js","./widgets-preview.eaz1Dy7L.css","./focus-area-overlay.AdzkmSdz.js","./focus-area-overlay.tbXjFyNm.css"]
5  }
6  return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
7}