import{_ as se}from"./B-ANVB1o.js";import{_ as le}from"./DA39qUTR.js";import{_ as ie,a as ue}from"./CaSFzJTk.js";import{_ as ce}from"./wMmrnhvC.js";import{u as ae,c as me,_ as de,a as ge}from"./BvsEOdqE.js";import{I as pe,_ as ye}from"./BzhbCKP8.js";import{d as Q,k as y,o as T,G as V,e as o,t as m,O as D,c as oe,w as i,n as d,f as e,C as J,a9 as fe,h as ve,z as W,v as b,q as A,S as p,be as X,X as he,a5 as H,b8 as _e,b9 as be,u as Ce,D as Se,x as ke,m as K,I as Re,a as we,b as Te,R as Y,p as Ie,_ as Le}from"./llFuKhWI.js";import{u as Ue}from"./8f3qKeDV.js";import{_ as Ae}from"./CKCuiiEj.js";import{a as te}from"./Bmq57C4o.js";import{f as j}from"./0gH3qB8c.js";import{R as Fe}from"./5-zKaSZz.js";import"./DtiWZQBA.js";import"./Ym6uCvCk.js";import"./CAGVG2Xa.js";import"./DAdDEog1.js";import"./CGuxoV3j.js";import"./EoaUGGBW.js";import"./GGENp0mR.js";import"./CqqOmRfu.js";import"./DhVdjmDf.js";import"./BIPg2yNz.js";import"./C_ca73Qy.js";import"./BAhSLZC6.js";import"./CzSSHsEX.js";import"./BYxIZdj_.js";import"./CemFBfVf.js";import"./D5xvDofM.js";import"./BunmXdKb.js";import"./DpmnuuFF.js";import"./Ckcxxpii.js";const $e={class:""},Ge={key:0,class:"is-flex is-align-items-baseline"},De=["aria-checked","disabled","data-gtm"],Ve=Q({__name:"FormToggle",props:{modelValue:{type:Boolean},label:{default:""},disabled:{type:Boolean,default:!1},isDirty:{type:Boolean,default:!1},dataGtm:{default:void 0},tooltipText:{default:""}},emits:["update:modelValue"],setup(O,{emit:u}){const f=u,l=O,c=y(()=>l.modelValue);function S(){f("update:modelValue",!c.value)}return(s,F)=>{const v=ye;return T(),V("div",$e,[l.label||l.tooltipText?(T(),V("div",Ge,[o("label",{class:D(["is-inline-block is-overflow-hidden has-text-blue-800 white-space-nowrap has-text-weight-bold is-size-9 mb-3",{"formToggle__label--withTooltip":l.tooltipText}])},m(l.label),3),l.tooltipText?(T(),oe(v,{key:0},{content:i(()=>[o("div",null,m(l.tooltipText),1)]),default:i(()=>[o("span",null,[d(e(pe),{class:"tw-inline -tw-translate-y-0.25 tw-text-bluegray-400 tw-ml-1","aria-label":"Additional information",width:"16",height:"16"})])]),_:1})):J("",!0)])):J("",!0),o("button",{class:"formToggle__button",role:"switch",type:"button",tabindex:"0","aria-checked":e(c),disabled:s.disabled,"data-gtm":s.dataGtm,onClick:S},[o("span",{class:D(["formToggle__toggler",{"formToggle__toggler--on":e(c)}])},[o("span",{class:D(["formToggle__toggleCircle",{"formToggle__toggleCircle--on":e(c)}])},null,2)],2)],8,De)])}}}),Oe=fe(Ve,[["__scopeId","data-v-4a7cd393"]]),Ee=he('
Advanced search filters
Select a market: Understand the market you are interested in by selecting a country.
',2),Pe={class:"columns is-align-items-end is-variable is-1"},Ne=o("span",{class:"is-uppercase mr-2 has-text-blue-800"},[o("strong",{class:"is-hidden-tablet-only mr-1"},"Select"),o("strong",null,"country")],-1),Be=o("div",{class:"column"},null,-1),Me={class:"column is-narrow"},xe=o("div",{class:"columns mb-0 mt-2"},[o("div",{class:"column pb-1"},[o("p",null,"Filter results: Drill down the ranking by different KPIs.")])],-1),qe={class:"columns is-align-items-end is-variable is-1 is-multiline"},ze=Q({__name:"MarketCategoryFilters",setup(O){const u=ve(),{currency:f}=Ue(),{searchCategoryRanking:l,defaultCategoryRankingFilters:c,filterOptions:S,categoryRankingFilters:s,resetCategoryRankingFilters:F,isCategoryFilterDirty:v,dirtyCategoryFilters:E}=ae(),k=y({get(){return s.value.country},set(a){s.value.country=a,l()}}),$=y(()=>{var a;return((a=S.value)==null?void 0:a.country)??[]}),P=y(()=>{var a;return((a=$.value.find(n=>n.value===k.value))==null?void 0:a.label)??"Worldwide"}),h=y({get(){return s.value.filter},set(a){s.value.filter=a}}),R=y({get(){return[s.value.revenueFrom,s.value.revenueTo]},set(a){s.value.revenueFrom=a[0],s.value.revenueTo=a[1]}}),N=y(()=>me([["MIN",2e10],[2e10,5e10],[5e10,1e11],[1e11,2e11],[2e11,3e11],[3e11,"MAX"]],{formatOptions:{style:"currency",currency:f.value,minimumFractionDigits:0,maximumFractionDigits:1},inMillion:!0})),w=y({get(){return s.value.mainCategory},set(a){s.value.mainCategory=a,a!==c.mainCategory&&(s.value.detailedCategories=!0)}}),_=y({get(){return s.value.detailedCategories},set(a){s.value.detailedCategories=a,a===!1&&(s.value.mainCategory=c.mainCategory)}});function I(...[a,n,C]){return C==="from"&&(a??0)<0?{label:H.smallerZero,number:c.revenueFrom}:{number:C==="from"?a:n,label:null}}const B=_e(()=>l(),be.MS300);return W(h,()=>{B()}),W([R,w,_],async()=>{await l()}),(a,n)=>{var L;const C=ie,M=ce,x=de,G=ue,q=ge,t=Oe;return T(),V("div",null,[Ee,o("div",Pe,[d(C,{modelValue:e(k),"onUpdate:modelValue":n[0]||(n[0]=g=>A(k)?k.value=g:null),options:e($),"is-dirty":e(v)("country"),filter:"",reset:"","reset-value":("SLUGS"in a?a.SLUGS:e(p)).ww,"reset-label":"Worldwide","data-gtm":"marketCategoryRanking__filter--country",class:"column is-flex-basis-auto is-min-width-0 is-flex-grow-0"},{buttonLabel:i(()=>[Ne,b(" "+m(e(P)),1)]),_:1},8,["modelValue","options","is-dirty","reset-value"]),Be,o("div",Me,[d(M,{label:"Clear all",size:"semiSmall",class:"is-fullwidth-mobile",disabled:!e(E).length,"data-gtm":"marketCategoryRanking__filter--reset",onClick:n[1]||(n[1]=g=>e(F)())},null,8,["disabled"])]),d(x,{class:"column is-narrow is-fullwidth-mobile",entity:"marketsCategory",size:"semiSmall"})]),xe,o("div",qe,[d(G,{modelValue:e(h),"onUpdate:modelValue":n[2]||(n[2]=g=>A(h)?h.value=g:null),class:"column is-3",placeholder:"Category name",label:"Search","show-clear-button":"","show-search-button":"",disabled:!e(u).hasPermission("core"),"search-button-data-gtm":"marketCategoryRanking__filter__searchButton",onClick:n[3]||(n[3]=g=>e(l)())},null,8,["modelValue","disabled"]),d(q,{modelValue:e(R),"onUpdate:modelValue":n[4]||(n[4]=g=>A(R)?R.value=g:null),class:"column is-3",label:"eCommerce revenue","default-ranges":[e(c).revenueFrom,e(c).revenueTo],"allow-negative":!0,"tooltip-text":("TOOLTIPS"in a?a.TOOLTIPS:e(X)).marketRevenue(),"is-dirty":e(v)("revenueFrom","revenueTo"),"prettify-input-func":I,"all-label":"All revenues","ranges-headline":"Select a revenue range","data-gtm":"marketCategoryRanking__filter--revenue","format-options":{style:"currency",currency:e(f),minimumFractionDigits:0,maximumFractionDigits:0},presets:e(N),disabled:!e(u).hasPermission("core")},null,8,["modelValue","default-ranges","tooltip-text","is-dirty","format-options","presets","disabled"]),d(C,{modelValue:e(w),"onUpdate:modelValue":n[5]||(n[5]=g=>A(w)?w.value=g:null),class:"column is-3",label:"Main category",options:((L=e(S))==null?void 0:L.mainCategory)??[],"is-dirty":e(v)("mainCategory"),"data-gtm":"marketCategoryRanking__filter--continent",size:"small",disabled:!e(u).hasPermission("core")},null,8,["modelValue","options","is-dirty","disabled"]),d(t,{modelValue:e(_),"onUpdate:modelValue":n[6]||(n[6]=g=>A(_)?_.value=g:null),class:"column is-2",label:"Detailed categories","is-dirty":e(v)("detailedCategories"),"data-gtm":"marketCategoryRanking__filter--detailedCategories","tooltip-text":"If the toggle is deactivated, the ranking shows the seven main product categories of ECDB. If the toggle is activated, the ranking shows more granular product categories.",disabled:!e(u).hasPermission("core")},null,8,["modelValue","is-dirty","disabled"])])])}}}),Ke={class:"is-relative"},Ye=o("br",null,null,-1),je={class:"has-text-default"},Je=o("br",null,null,-1),We={class:"has-text-default"},It=Q({__name:"[country]",async setup(O){let u,f;const l=Ce(),{baseYear:c,baseYearRange:S,getAbsoluteUrl:s,JSONLD:F,isPageLoading:v}=Se(),{getCountry:E}=ke(),{fetchCategoryResults:k,fetchFilters:$,filterOptions:P,categoryRankingFilters:h,setCategoryRankingSorting:R,setCategoryRankingFilters:N,resetCategoryRankingFilters:w}=ae(),{data:_,status:I,execute:B,error:a}=([u,f]=K(()=>k()),u=await u,f(),u);Re(a.value);const n=y(()=>{var t;return E(((t=h.value)==null?void 0:t.country)??"")}),C=y(()=>{var t;return((t=n.value)==null?void 0:t.code)!==p.ww?`Largest product categories in ${n.value.adjectival} eCommerce`:"Largest product categories in global eCommerce"}),M=y(()=>({rank:{label:"Rank",align:"right"},category:{label:"Category",align:"left"},mainCategory:{label:"Main category",align:"left",sortable:!0,initialSorting:"asc"},filteredRevenueShare:{label:"Filtered eCommerce revenue/share",sortable:!0,align:"right",style:"min-width: 170px;",tooltip:`Refers to the eCommerce revenue of the category within the selected filters in ${c.value}. ${X.marketRevenue()}`},ecommerceRevenue:{label:"Total eCommerce revenue",sortable:!0,align:"right",style:"min-width: 170px;",tooltip:`Refers to the global unfiltered eCommerce revenue of the category in ${c.value}. ${X.marketRevenue()}`},growth:{label:"Growth",sortable:!0,align:"right",tooltip:`Global unfiltered eCommerce revenue growth refers to ${S(0,-1,"/")}`},onlineShare:{label:"Online share",sortable:!0,align:"right",tooltip:`The online share refers to the proportion of retail volume in the category that is transacted via the Internet. It includes purchases via desktop PC, tablet or smartphone, both via website or app. Only retail of physical goods is taken into account. Data refers to ${c.value}.`}}));function x(t,L){R(t,L)}async function G(){N({country:Ie(l.params.country).toUpperCase(),...l.query}),await B()}we({title:"Largest eCommerce categories worldwide by revenue",description:"Identify major eCommerce categories worldwide. Drill down the ranking by different indicators, such as revenue, countries, and more.",ogTitle:"Largest eCommerce categories worldwide by revenue | ECDB.com",ogDescription:"eCommerce analytics + market comparison",robots:()=>{var t;return I.value!=="pending"&&!v.value&&((t=_.value)==null?void 0:t.results.length)===0?"noindex":"all"}}),Te(()=>({"@context":"https://schema.org","@type":"Table",name:"Largest eCommerce categories worldwide",url:s(l),description:"Identify major eCommerce categories worldwide. Drill down the ranking by different indicators, such as revenue, countries, and more.",potentialAction:{"@type":"SearchAction",target:`https://ecommercedb.com${Y.MARKETS.RANKING_CATEGORY({country:p.ww})}?filter={categoryName}`,"query-input":"required name=categoryName"},creator:F.value.creator}));const q={category:{id:1,slug:p.noAccess,name:p.noAccess,description:null,parentId:null,typeId:null},continent:{name:p.noAccess,slug:p.noAccess},country:{name:p.noAccess,code:""},currency:"USD",ecommerceRevenue:{value:1,options:{currency:"USD",style:"currency"}},filteredRevenueShare:{revenue:{value:1,options:{currency:"USD",style:"currency"}},share:{value:0,options:{style:"percent"}}},growth:{value:0,options:{style:"percent"}},listtype:"category",mainCategory:{id:1,slug:"fashion",name:"Fashion",description:null,parentId:null,typeId:null},onlineShare:{value:0,options:{style:"percent"}},rank:{globalRank:1,filteredRank:1}};return W(()=>l.query,async()=>{await G()}),P.value||([u,f]=K(()=>$()),await u,f()),[u,f]=K(()=>G()),await u,f(),(t,L)=>{const g=se,Z=le,ne=ze,ee=Le,re=Ae;return T(),V("div",null,[d(Z,{class:"has-background-gradient-light","headline-type":"h1","hide-separator":""},{rooftitle:i(()=>[b(" Category ranking")]),title:i(()=>[o("strong",null,m(e(C)),1)]),copy:i(()=>{var U;return[o("div",Ke,[e(v)||e(I)==="pending"?(T(),oe(g,{key:0})):J("",!0),o("p",null,m((U=e(_))==null?void 0:U.description),1)])]}),_:1}),d(Z,{"hide-separator":""},{default:i(()=>{var U;return[d(ne),d(re,{class:"mt-5 is-relative",results:((U=e(_))==null?void 0:U.results)??[],"dummy-result":q,columns:e(M),"sort-value":e(h).sort,"logged-out-limit":3,loading:e(v)||e(I)==="pending","on-reset-all-filters":e(w),"on-set-sorting":x,"request-type":e(Fe).RANKING_CATEGORIES},{rank:i(({result:r})=>[b(m(r.rank.filteredRank??""),1),Ye,o("span",je,"("+m(r.rank.globalRank??"")+")",1)]),category:i(({result:r,index:z})=>[d(ee,{to:("ROUTES"in t?t.ROUTES:e(Y)).MARKETS.DETAIL({isoCode:(e(h).country??("SLUGS"in t?t.SLUGS:e(p)).ww).toLowerCase(),slug:r.category.slug}),"data-gtm":`marketCategoryRanking__result--${z+1}`,tabindex:r.category.slug===("SLUGS"in t?t.SLUGS:e(p)).noAccess?-1:null,class:"is-align-items-start"},{default:i(()=>[b(m(r.category.name||("STRINGS"in t?t.STRINGS:e(H)).notAvailable),1)]),_:2},1032,["to","data-gtm","tabindex"])]),mainCategory:i(({result:r,index:z})=>[d(ee,{to:("ROUTES"in t?t.ROUTES:e(Y)).MARKETS.DETAIL({isoCode:(e(h).country??("SLUGS"in t?t.SLUGS:e(p)).ww).toLowerCase(),slug:r.mainCategory.slug}),"data-gtm":`marketCategoryRanking__mainCategory--${z+1}`,tabindex:r.mainCategory.slug===("SLUGS"in t?t.SLUGS:e(p)).noAccess?-1:null,class:"is-align-items-start"},{default:i(()=>[b(m(r.mainCategory.slug===("SLUGS"in t?t.SLUGS:e(p)).all?"All":r.mainCategory.name||("STRINGS"in t?t.STRINGS:e(H)).notAvailable),1)]),_:2},1032,["to","data-gtm","tabindex"])]),filteredRevenueShare:i(({result:r})=>[b(m(("formatCurrency"in t?t.formatCurrency:e(te))({number:r.filteredRevenueShare.revenue,formatAs:"million"})),1),Je,o("span",We,m(("formatPercent"in t?t.formatPercent:e(j))({number:r.filteredRevenueShare.share})),1)]),ecommerceRevenue:i(({result:r})=>[b(m(("formatCurrency"in t?t.formatCurrency:e(te))({number:r.ecommerceRevenue,formatAs:"million"})),1)]),growth:i(({result:r})=>[o("span",{class:D(`is-trend-${(r.growth.value??0)>=0?"up":"down"}`)},m(("formatPercent"in t?t.formatPercent:e(j))({number:r.growth})),3)]),onlineShare:i(({result:r})=>[b(m(("formatPercent"in t?t.formatPercent:e(j))({number:r.onlineShare})),1)]),_:1},8,["results","columns","sort-value","loading","on-reset-all-filters","request-type"])]}),_:1})])}}});export{It as default};
