https://stockroom.raksul.com/_nuxt/BZRiQ7Co.js

1import{_ as S,a as N,b as L}from"./BvdMs5N6.js";import{_ as P}from"./CjOQgjHw.js";import{_ as b}from"./BcmLspj4.js";import{d as E,s as k,c as I,a as o,b as e,F as x,r as h,t as u,u as g,n as w,o as a,j as f,e as d,a7 as H,B as D,l as M}from"./CmUZ_aIZ.js";import{o as A,p as T}from"./DNDuNdC0.js";import"./CsXIthX3.js";import"./fZ1I5DQY.js";const $={class:"cats-Categories_Content w-full h-full overflow-x-hidden"},R={class:"cats-Categories_Slide flex-1 flex-shrink-0 w-1/2 px-16"},B={class:"cats-Categories_CategoryList"},G=["onClick"],W={class:"cats-Categories_ItemWrapper flex items-center min-h-48"},j={class:"cats-Categories_CategoryName text-14 font-semibold text-color-text"},O={key:0,class:"cats-Categories_Quantity flex-none ml-8 font-hiragino text-12 text-gray-a-dark"},U={key:0,class:"cats-Categories_IconWrapper"},V={class:"cats-Categories_Slide flex-1 flex-shrink-0 w-1/2 px-16"},F={class:"cats-Categories-Header cats-Categories-ChildHeader mb-16 font-semibold text-20"},Q={class:"cats-Categories_CategoryList"},q={class:"relative flex items-center w-full py-8 min-h-48 text-16 text-primary"},z=["href"],J={class:"cats-Categories_ItemWrapper flex items-center min-h-48"},K={class:"cats-Categories_TextWrapper flex items-center mx-8"},X={class:"cats-Categories_CategoryName text-14 font-semibold text-color-text"},Y={key:0,class:"cats-Categories_Quantity flex-none ml-8 font-hiragino text-12 text-gray-a-dark"},Z=E({__name:"CategoriesMobile",props:{categories:{type:Array,required:!0}},setup(y){const l=y,n={PARENT_CAT:"parent_category",CHILD_CAT:"child_category"},i=k(n.PARENT_CAT),c=k("-1"),v=I(()=>l.categories.find(s=>s.id===c.value)?.shortDisplayName||""),p=I(()=>l.categories.find(s=>s.id===c.value)?.childCategories||[]);function C(s){s.childCategories&&s.childCategories.length>0?(scrollTo(0,0),c.value=s.id,i.value=n.CHILD_CAT):window.location.href=s.url,i.value=n.CHILD_CAT}function m(){i.value=n.PARENT_CAT}return(s,r)=>{const _=P;return a(),o("div",$,[e("div",{class:w(["cats-Categories_ContentInner flex flex-nowrap w-[200%] h-full transition-transform duration-300 ease-in-out",[`cats-Categories_ContentInner-${g(i)}`]])},[e("div",R,[r[2]||(r[2]=e("h1",{class:"cats-Categories-Header cats-Categories-ParentHeader mb-16 font-semibold text-24"}," すべてのカテゴリー ",-1)),e("div",B,[(a(!0),o(x,null,h(l.categories,t=>(a(),o("a",{key:t.id,class:"cats-Categories_ItemLink relative flex items-center justify-between w-full py-8",role:"button",onClick:ae=>C(t)},[e("div",W,[d(_,{class:"w-48",src:t.iconImageUrl},null,8,["src"]),e("div",{class:w(["cats-Categories_TextWrapper flex items-center mx-8",[!t.childCategories?.length&&"cats-Categories_TextPadding"]])},[e("h2",j,u(t.shortDisplayName),1),t.productsCount?(a(),o("p",O,"("+u(t.productsCount)+")",1)):f("",!0)],2)]),t.childCategories?.length?(a(),o("div",U,r[1]||(r[1]=[e("img",{src:b,alt:"icon arrow"},null,-1)]))):f("",!0)],8,G))),128))])]),e("div",V,[e("h2",F,u(g(v)),1),e("div",Q,[e("div",q,[r[3]||(r[3]=e("img",{class:"rotate-180 mr-10",src:b,alt:""},null,-1)),e("a",{role:"button",class:"cats-Categories_ItemLink cats-Categories_ItemLink-back cats-Categories_ItemArrow",onClick:r[0]||(r[0]=t=>m())}," すべてのカテゴリー ")]),(a(!0),o(x,null,h(g(p),t=>(a(),o("div",{key:t.id,class:"cats-CategoriesItem"},[e("a",{role:"button",class:"cats-Categories_ItemLink relative flex items-center justify-between w-full py-8",href:t.url},[e("div",J,[d(_,{class:"w-[48px]",src:t.iconImageUrl},null,8,["src"]),e("div",K,[e("h3",X,u(t.shortDisplayName),1),t.productsCount?(a(),o("p",Y,"("+u(t.productsCount)+")",1)):f("",!0)])])],8,z)]))),128))])])],2)])}}}),ee=Object.assign(Z,{__name:"CategoriesMobile"}),te={class:"pt-16"},se={class:"cats-Categories hidden desktop:block"},oe={class:"cats-Categories_Sections mb-[96px]"},ge=E({__name:"index",async setup(y){let l,n;H(()=>({title:A,meta:[{property:"og:title",content:A},{name:"description",content:T},{property:"og:description",content:T}]}));const i=D();[l,n]=M(()=>i.fetchCategories({depth:"full"})),await l,n();const{categories:c}=i;return(v,p)=>{const C=S,m=N,s=L,r=ee;return a(),o("div",te,[e("div",se,[p[0]||(p[0]=e("h1",{class:"mb-16 text-24 font-semibold"}," すべてのカテゴリー ",-1)),d(C,{class:"mb-40",categories:g(c)},null,8,["categories"]),e("div",oe,[(a(!0),o(x,null,h(g(c),_=>(a(),o("section",{key:_.id,class:"cats-Categories_Section"},[d(m,{category:_},null,8,["category"]),d(s,{category:_},null,8,["category"])]))),128))])]),d(r,{class:"desktop:hidden mb-40",categories:g(c)},null,8,["categories"])])}}});

1export{ge as default};