1import m from"./DWfGYNrX.js";import x from"./YpzxG479.js";import{i as o}from"./NUoIgR6R.js";import{p as l}from"./DrwGJLjZ.js";import{_ as p,c as h,l as n,n as a,b as u,e as f,t as w,a as y,o as d}from"./C_VzGqEg.js";const b=["xl","lg","md","sm","xs","2xs","3xs","partner-xl","partner-lg"],v=["circular","squared"],B={name:"Favicon",components:{VImage:x,Ranking:m},props:{imagePath:{type:String,default:""},imageName:{type:String,default:""},blur:{type:String,default:""},size:{type:String,validator:i=>b.includes(i),default:"xl"},ranking:{type:Boolean,default:!1},mode:{type:String,validator:i=>v.includes(i),default:"circular"},type:{type:String,validator:i=>!i||v.includes(i),default:""},border:{type:Boolean,default:!1},rankingNumber:{type:Number,default:0},lazy:{type:Boolean,default:!0},externalBorder:{type:Boolean,default:!1},customSize:{type:Number,default:null},inThisReview:{type:Boolean,default:!1},matchReviewDimensions:{type:Boolean,default:!1}},data(){return{iconSizeMap:o}},computed:{resolvedMode(){return this.mode||this.type||"circular"},faviconTopGap(){const i={xl:"-top-md",lg:"-top-[14px]",md:"-top-[13px]",sm:"-top-sm",xs:"-top-[10px]","2xs":"-top-[10px]","3xs":"-top-xs","partner-xl":"-top-[13px]","partner-lg":"-top-sm"};return this.ranking||this.inThisReview?i[this.size]:null},faviconRankingPosition(){return"left-1/2 -translate-x-1/2"},faviconStyles(){return!this.blur||this.blur==="none"?{}:{color:this.blur,boxShadow:`0 1px 23px 1px ${this.blur}`}},faviconWidth(){return l(o.faviconSizeWidth[this.size])},faviconHeight(){return l(o.faviconSizeHeight[this.size])},faviconInnerSizeStyle(){return!this.faviconWidth||!this.faviconHeight?{}:{width:`${this.faviconWidth}px`,height:`${this.faviconHeight}px`}},wrapperSizeStyle(){return this.sizeClassToStyle(this.widthClass,this.heightClass)},borderWrapperSizeStyle(){if(!this.inThisReview&&!this.externalBorder)return{};const i=this.externalBorderSizesClasses;return i?.length?this.sizeClassToStyle(i[0],i[1]):{}},rankingWrapperStyle(){return this.combinedSizeClassToStyle(this.iconSizeMap.rankingWrapperSize[this.size])},faviconShadow(){return o.boxShadowFaviconMap[this.size]},isCircle(){return this.resolvedMode==="circular"},isBorder(){return this.border},borderClass(){return this.isBorder?`${this.iconSizeMap.faviconBorderSize[this.size]} color-stroke-1`:""},widthClass(){return this.inThisReview||this.matchReviewDimensions?this.iconSizeMap.faviconInThisReviewExternalBorderSizeWidth[this.size]:this.externalBorder?this.iconSizeMap.faviconExternalBorderSizeWidth[this.size]:this.iconSizeMap.faviconSizeWidth[this.size]},heightClass(){return this.inThisReview||this.matchReviewDimensions?this.iconSizeMap.faviconInThisReviewExternalBorderSizeHeight[this.size]:this.externalBorder?this.iconSizeMap.faviconExternalBorderSizeHeight[this.size]:this.iconSizeMap.faviconSizeHeight[this.size]},externalBorderSizesClasses(){return this.inThisReview?[this.iconSizeMap.faviconInThisReviewExternalBorderSizeWidth[this.size],this.iconSizeMap.faviconInThisReviewExternalBorderSizeHeight[this.size]]:this.externalBorder?[this.iconSizeMap.faviconExternalBorderSizeWidth[this.size],this.iconSizeMap.faviconExternalBorderSizeHeight[this.size]]:""},faviconSrcSet(){return this.imagePath?` 2 ${this.imagePath}?w=60&h=60&fm=avif 60w, 3 ${this.imagePath}?w=100&h=100&fm=avif 100w, 4 ${this.imagePath}?w=200&h=200&fm=avif 200w 5 `:""},faviconSizes(){return this.size==="2xs"||this.size==="3xs"?"(max-width: 768px) 40px, 60px":this.size==="xs"||this.size==="sm"||this.size==="partner-lg"?"(max-width: 768px) 60px, 80px":(this.size==="partner-xl","(max-width: 768px) 80px, 100px")}},methods:{sizeClassToStyle(i,r){const e=l(i),c=l(r),s={};return e&&(s.width=`${e}px`),c&&(s.height=`${c}px`),s},combinedSizeClassToStyle(i){if(!i)return{};const r=i.split(/\s+/);return this.sizeClassToStyle(r.find(e=>e.startsWith("w-")),r.find(e=>e.startsWith("h-")))}}};function T(i,r,e,c,s,t){const z=m,S=x;return d(),h("div",{class:a(["flex items-center justify-center",{relative:e.ranking||e.inThisReview}]),style:n(t.wrapperSizeStyle)},[e.ranking?(d(),h("div",{key:0,class:a(["absolute flex items-center justify-center",[t.faviconRankingPosition,t.faviconTopGap]]),style:n(t.rankingWrapperStyle)},[u(z,{"ranking-number":e.rankingNumber,size:e.size},null,8,["ranking-number","size"])],6)):f("",!0),e.inThisReview?(d(),h("div",{key:1,class:a(["absolute z-10 inline-flex items-center justify-center whitespace-nowrap badge-reverted-informative-background badge-reverted-informative-foreground rounded-pill font-bold px-xs py-[2px] gap-2xs text-[10px] uppercase leading-none shadow-sm top-[-12px] lg:top-[-2px]",[t.faviconRankingPosition,t.faviconTopGap]])},w(i.$t("inThisReview")),3)):f("",!0),y("div",{class:a([{"rounded-md overflow-hidden":t.resolvedMode==="squared"&&e.externalBorder&&!e.inThisReview,"rounded-pill overflow-hidden":t.resolvedMode==="circular"&&e.externalBorder&&!e.inThisReview,"rounded-md overflow-visible":t.resolvedMode==="squared"&&e.inThisReview,"rounded-pill overflow-visible":t.resolvedMode==="circular"&&e.inThisReview,"border-sm p-[1px] color-stroke-accent stroke-2 overflow-visible":e.externalBorder&&!e.inThisReview,"border-[2px] flex items-center justify-center":e.inThisReview,"color-stroke-accent":e.externalBorder&&!e.inThisReview,"color-stroke-informative":e.inThisReview}]),style:n(t.borderWrapperSizeStyle)},[e.imagePath?(d(),h("div",{key:0,style:n(t.faviconInnerSizeStyle)},[u(S,{src:`${e.imagePath}${String(e.imagePath).includes("?")?"&":"?"}${["w","h"].map(g=>`${g}=${e.customSize??100}`).join("&")}&fm=avif&q=70`,sizes:e.customSize&&e.customSize<60?void 0:t.faviconSizes,alt:e.imageName,class:a([t.borderClass,t.faviconShadow,{"rounded-md overflow-hidden":t.resolvedMode==="squared","rounded-pill overflow-hidden":t.resolvedMode==="circular"}]),width:t.faviconWidth,height:t.faviconHeight,style:n(t.faviconStyles),lazy:e.lazy},null,8,["src","sizes","alt","class","width","height","style","lazy"])],4)):f("",!0)],6)],6)}const C=Object.assign(p(B,[["render",T],["__scopeId","data-v-765e4159"]]),{__name:"Favicon"});export{C as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.