https://shibuya-abemas.com/assets/ArticleThemeTileLayoutItem-prVugg-k.js

1import{$ as O,s as G,a0 as Y,c as V,aS as U,aV as ue,r as w,k as q,bd as H,j as a,bG as ne,ap as ie,aq as le,ar as X,_ as L,n as Q,ag as oe,as as pe,bx as K,T as ee,aj as he}from"./index-t4jkVxhS.js";import{g as fe,$ as te,n as ae,b as P,S as se,a as re}from"./swiper-slide-CTaSPHEj.js";import{f as ge}from"./formatTime-tS_6vJm0.js";import{C as A}from"./CustomMuiChip-Bf4fFH25.js";function xe({swiper:e,extendParams:s,on:g,emit:v}){const T=fe();s({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null}}),e.mousewheel={enabled:!1};let $,S=P(),c;const t=[];function I(i){let u=0,l=0,y=0,m=0;return"detail"in i&&(l=i.detail),"wheelDelta"in i&&(l=-i.wheelDelta/120),"wheelDeltaY"in i&&(l=-i.wheelDeltaY/120),"wheelDeltaX"in i&&(u=-i.wheelDeltaX/120),"axis"in i&&i.axis===i.HORIZONTAL_AXIS&&(u=l,l=0),y=u*10,m=l*10,"deltaY"in i&&(m=i.deltaY),"deltaX"in i&&(y=i.deltaX),i.shiftKey&&!y&&(y=m,m=0),(y||m)&&i.deltaMode&&(i.deltaMode===1?(y*=40,m*=40):(y*=800,m*=800)),y&&!u&&(u=y<1?-1:1),m&&!l&&(l=m<1?-1:1),{spinX:u,spinY:l,pixelX:y,pixelY:m}}function h(){e.enabled&&(e.mouseEntered=!0)}function x(){e.enabled&&(e.mouseEntered=!1)}function b(i){return e.params.mousewheel.thresholdDelta&&i.delta<e.params.mousewheel.thresholdDelta||e.params.mousewheel.thresholdTime&&P()-S<e.params.mousewheel.thresholdTime?!1:i.delta>=6&&P()-S<60?!0:(i.direction<0?(!e.isEnd||e.params.loop)&&!e.animating&&(e.slideNext(),v("scroll",i.raw)):(!e.isBeginning||e.params.loop)&&!e.animating&&(e.slidePrev(),v("scroll",i.raw)),S=new T.Date().getTime(),!1)}function R(i){const r=e.params.mousewheel;if(i.direction<0){if(e.isEnd&&!e.params.loop&&r.releaseOnEdges)return!0}else if(e.isBeginning&&!e.params.loop&&r.releaseOnEdges)return!0;return!1}function D(i){let r=i,j=!0;if(!e.enabled)return;const C=e.params.mousewheel;e.params.cssMode&&r.preventDefault();let u=e.$el;if(e.params.mousewheel.eventsTarget!=="container"&&(u=te(e.params.mousewheel.eventsTarget)),!e.mouseEntered&&!u[0].contains(r.target)&&!C.releaseOnEdges)return!0;r.originalEvent&&(r=r.originalEvent);let l=0;const y=e.rtlTranslate?-1:1,m=I(r);if(C.forceToAxis)if(e.isHorizontal())if(Math.abs(m.pixelX)>Math.abs(m.pixelY))l=-m.pixelX*y;else return!0;else if(Math.abs(m.pixelY)>Math.abs(m.pixelX))l=-m.pixelY;else return!0;else l=Math.abs(m.pixelX)>Math.abs(m.pixelY)?-m.pixelX*y:-m.pixelY;if(l===0)return!0;C.invert&&(l=-l);let _=e.getTranslate()+l*C.sensitivity;if(_>=e.minTranslate()&&(_=e.minTranslate()),_<=e.maxTranslate()&&(_=e.maxTranslate()),j=e.params.loop?!0:!(_===e.minTranslate()||_===e.maxTranslate()),j&&e.params.nested&&r.stopPropagation(),!e.params.freeMode||!e.params.freeMode.enabled){const p={time:P(),delta:Math.abs(l),direction:Math.sign(l),raw:i};t.length>=2&&t.shift();const F=t.length?t[t.length-1]:void 0;if(t.push(p),F?(p.direction!==F.direction||p.delta>F.delta||p.time>F.time+150)&&b(p):b(p),R(p))return!0}else{const p={time:P(),delta:Math.abs(l),direction:Math.sign(l)},F=c&&p.time<c.time+500&&p.delta<=c.delta&&p.direction===c.direction;if(!F){c=void 0,e.params.loop&&e.loopFix();let W=e.getTranslate()+l*C.sensitivity;const de=e.isBeginning,me=e.isEnd;if(W>=e.minTranslate()&&(W=e.minTranslate()),W<=e.maxTranslate()&&(W=e.maxTranslate()),e.setTransition(0),e.setTranslate(W),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses(),(!de&&e.isBeginning||!me&&e.isEnd)&&e.updateSlidesClasses(),e.params.freeMode.sticky){clearTimeout($),$=void 0,t.length>=15&&t.shift();const z=t.length?t[t.length-1]:void 0,Z=t[0];if(t.push(p),z&&(p.delta>z.delta||p.direction!==z.direction))t.splice(0);else if(t.length>=15&&p.time-Z.time<500&&Z.delta-p.delta>=1&&p.delta<=6){const J=l>0?.8:.2;c=p,t.splice(0),$=ae(()=>{e.slideToClosest(e.params.speed,!0,void 0,J)},0)}$||($=ae(()=>{c=p,t.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(F||v("scroll",r),e.params.autoplay&&e.params.autoplayDisableOnInteraction&&e.autoplay.stop(),W===e.minTranslate()||W===e.maxTranslate())return!0}}return r.preventDefault?r.preventDefault():r.returnValue=!1,!1}function E(i){let r=e.$el;e.params.mousewheel.eventsTarget!=="container"&&(r=te(e.params.mousewheel.eventsTarget)),r[i]("mouseenter",h),r[i]("mouseleave",x),r[i]("wheel",D)}function k(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",D),!0):e.mousewheel.enabled?!1:(E("on"),e.mousewheel.enabled=!0,!0)}function o(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,D),!0):e.mousewheel.enabled?(E("off"),e.mousewheel.enabled=!1,!0):!1}g("init",()=>{!e.params.mousewheel.enabled&&e.params.cssMode&&o(),e.params.mousewheel.enabled&&k()}),g("destroy",()=>{e.params.cssMode&&k(),e.mousewheel.enabled&&o()}),Object.assign(e.mousewheel,{enable:k,disable:o})}function ce({swiper:e,extendParams:s,emit:g,once:v}){s({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}});function T(){const c=e.getTranslate();e.setTranslate(c),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function $(){const{touchEventsData:c,touches:t}=e;

1c.velocities.length===0&&c.velocities.push({position:t[e.isHorizontal()?"startX":"startY"],time:c.touchStartTime}),c.velocities.push({position:t[e.isHorizontal()?"currentX":"currentY"],time:P()})}function S({currentPos:c}){const{params:t,$wrapperEl:I,rtlTranslate:h,snapGrid:x,touchEventsData:b}=e,D=P()-b.touchStartTime;if(c<-e.minTranslate()){e.slideTo(e.activeIndex);return}if(c>-e.maxTranslate()){e.slides.length<x.length?e.slideTo(x.length-1):e.slideTo(e.slides.length-1);return}if(t.freeMode.momentum){if(b.velocities.length>1){const u=b.velocities.pop(),l=b.velocities.pop(),y=u.position-l.position,m=u.time-l.time;e.velocity=y/m,e.velocity/=2,Math.abs(e.velocity)<t.freeMode.minimumVelocity&&(e.velocity=0),(m>150||P()-u.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=t.freeMode.momentumVelocityRatio,b.velocities.length=0;let E=1e3*t.freeMode.momentumRatio;const k=e.velocity*E;let o=e.translate+k;h&&(o=-o);let i=!1,r;const j=Math.abs(e.velocity)*20*t.freeMode.momentumBounceRatio;let C;if(o<e.maxTranslate())t.freeMode.momentumBounce?(o+e.maxTranslate()<-j&&(o=e.maxTranslate()-j),r=e.maxTranslate(),i=!0,b.allowMomentumBounce=!0):o=e.maxTranslate(),t.loop&&t.centeredSlides&&(C=!0);else if(o>e.minTranslate())t.freeMode.momentumBounce?(o-e.minTranslate()>j&&(o=e.minTranslate()+j),r=e.minTranslate(),i=!0,b.allowMomentumBounce=!0):o=e.minTranslate(),t.loop&&t.centeredSlides&&(C=!0);else if(t.freeMode.sticky){let u;for(let l=0;l<x.length;l+=1)if(x[l]>-o){u=l;break}Math.abs(x[u]-o)<Math.abs(x[u-1]-o)||e.swipeDirection==="next"?o=x[u]:o=x[u-1],o=-o}if(C&&v("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(h?E=Math.abs((-o-e.translate)/e.velocity):E=Math.abs((o-e.translate)/e.velocity),t.freeMode.sticky){const u=Math.abs((h?-o:o)-e.translate),l=e.slidesSizesGrid[e.activeIndex];u<l?E=t.speed:u<2*l?E=t.speed*1.5:E=t.speed*2.5}}else if(t.freeMode.sticky){e.slideToClosest();return}t.freeMode.momentumBounce&&i?(e.updateProgress(r),e.setTransition(E),e.setTranslate(o),e.transitionStart(!0,e.swipeDirection),e.animating=!0,I.transitionEnd(()=>{!e||e.destroyed||!b.allowMomentumBounce||(g("momentumBounce"),e.setTransition(t.speed),setTimeout(()=>{e.setTranslate(r),I.transitionEnd(()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(g("_freeModeNoMomentumRelease"),e.updateProgress(o),e.setTransition(E),e.setTranslate(o),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,I.transitionEnd(()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(o),e.updateActiveIndex(),e.updateSlidesClasses()}else if(t.freeMode.sticky){e.slideToClosest();return}else t.freeMode&&g("_freeModeNoMomentumRelease");(!t.freeMode.momentum||D>=t.longSwipesMs)&&(e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:T,onTouchMove:$,onTouchEnd:S}})}const d="ArticleThemeCardLayoutItem",n={wrapper:`${d}-wrapper`,thumbnailContainer:`${d}-thumbnailContainer`,thumbnailSkeleton:`${d}-thumbnailSkeleton`,freePart:`${d}-freePart`,categories:`${d}-categories`,content:`${d}-content`,webkitBox:`${d}-webkitBox`,title:`${d}-title`,titleBold:`${d}-titleBold`,description:`${d}-description`,articleContent:`${d}-articleContent`,comment:`${d}-comment`,wrapperFullwidth:`${d}-wrapperFullwidth`,swiper:`${d}-swiper`,wrapperCategories:`${d}-wrapperCategories`,commentIcon:`${d}-commentIcon`,iconWrapper:`${d}-iconWrapper`,icon:`${d}-icon`,membership:`${d}-membership`,chipContent:`${d}-chipContent`,swiperItem:`${d}-swiperItem`,flexCenter:`${d}-flexCenter`,container:`${d}-container`,...O[d]},be=(e,s)=>({[`&.${n.wrapper}`]:{flex:"none",width:"100%",cursor:"pointer",marginBottom:e.spacing(4),"&.disableMarginBottom":{marginBottom:0},[e.breakpoints.up("sm")]:{width:"calc(50% - 8px)",marginRight:e.spacing(4),"&:nth-of-type(2n)":{marginRight:e.spacing(0)}},[e.breakpoints.up("md")]:{width:"calc(50% - 12px)",margin:e.spacing(0,6,6,0)},[e.breakpoints.up("lg")]:{width:"calc(100% * 1 / 3 - 16px)","&:nth-of-type(2n)":{marginRight:e.spacing(6)},"&:nth-of-type(3n)":{marginRight:e.spacing(0)}}},[`&.${n.wrapperFullwidth}`]:{width:"100% !important"},[`& .${n.thumbnailContainer}`]:{position:"relative","&.onlyChild":{[e.breakpoints.up("md")]:{flex:0,flexBasis:"50%",flexShrink:0,"& img":{borderRadius:"0 !important",height:"100%"}}}},[`& .${n.thumbnailSkeleton}`]:{aspectRatio:"16 / 9"},[`& .${n.freePart}`]:{lineHeight:"14px",marginLeft:e.spacing(1)},[`& .${n.categories}`]:{position:"relative",padding:e.spacing(s.isSmallSize?2:4),height:s.isSmallSize?148:203,display:"flex",flexDirection:"column",justifyContent:"space-between","&.onlyChild":{[e.breakpoints.up("md")]:{flex:1,height:"auto"}}},[`& .${n.content}`]:{flex:"1"},[`& .${n.webkitBox}`]:{display:"-webkit-box",WebkitBoxOrient:"vertical",overflow:"hidden",

1wordBreak:"break-all"},[`& .${n.title}`]:{lineClamp:1,lineHeight:"21px",WebkitLineClamp:1},[`& .${n.titleBold}`]:{fontSize:18,lineHeight:"24px",fontWeight:e.typography.fontWeightBold,lineClamp:2,WebkitLineClamp:2},[`& .${n.description}`]:{marginTop:e.spacing(s.isSmallSize?2:2.5)},[`& .${n.articleContent}`]:{display:"-webkit-box",WebkitBoxOrient:"vertical",color:e.palette.text.secondary,lineClamp:3,WebkitLineClamp:3,overflow:"hidden",wordBreak:"break-word",whiteSpace:"break-spaces","&.onlyChild":{[e.breakpoints.up("md")]:{lineClamp:5,WebkitLineClamp:5}}},[`& .${n.comment}`]:{display:"flex",justifyContent:"space-between",alignItems:"center",color:e.palette.text.secondary,fontSize:s.isSmallSize?9:12,lineHeight:s.isSmallSize?12/9:19/12},[`& .${n.swiper}`]:{width:"100%",maskImage:"linear-gradient(to right, black calc(100% - 1.5em), transparent)","& .swiper-slide":{width:"auto"}},[`& .${n.wrapperCategories}`]:{"&:after":{position:"absolute",content:"''",display:"block",top:18,right:16,width:24,height:20,background:`linear-gradient(270deg, ${e.palette.background.default} 0%, rgba(255, 255, 255, 0) 100%);`,zIndex:2},"&.isSmallSize:after":{top:8,right:8}},[`& .${n.commentIcon}`]:{color:e.palette.secondary.dark,fontSize:14.5,"&.small":{fontSize:11}},[`& .${n.iconWrapper}`]:{background:e.palette.gradient?.main,color:e.palette.gradient?.contrastText,width:18,height:18,borderRadius:18,display:"flex",justifyContent:"center",alignItems:"center"},[`& .${n.icon}`]:{width:12,height:10},[`& .${n.membership}`]:{position:"absolute",top:"0px",padding:e.spacing(2),display:"flex"},[`& .${n.chipContent}`]:{display:"flex",alignItems:"center",fontSize:12,lineHeight:2,gridGap:e.spacing(.5)},[`& .${n.swiperItem}`]:{display:"flex",flexWrap:"nowrap",gap:e.spacing(2),lineHeight:1,alignItems:"center",marginBottom:e.spacing(2),"$ > div":{marginRight:e.spacing(2)}},[`& .${n.flexCenter}`]:{display:"flex",alignItems:"center",gridGap:e.spacing(1)},[`& .${n.container}`]:{display:"flex",flexDirection:"column","&.onlyChild":{[e.breakpoints.up("md")]:{flexDirection:"row"}}}}),ye=Y(be,V[d]),ve=G("div",{shouldForwardProp:e=>e!=="isSmallSize"})(({theme:e,...s})=>({...ye(e,s)})),Te=e=>{const s=document.createElement("div");s.innerHTML=e.replace(/ココマデ/g,"");const{textContent:g}=s;return s.remove(),g||""},De=e=>e?e.replace(/(\d{2})-(\d{4})/,"$2年$1月"):"",Fe={sort:U[0],publishAt:"",keyword:""},We=({sort:e,keyword:s,articleCategoryId:g,publishAt:v,publishStatus:T})=>({sort:e??U[0],keyword:s??"",articleCategoryId:g??void 0,publishStatus:T&&ue.includes(T)?T:void 0,publishAt:v??""}),_e=e=>({...e,publishStatus:e.publishStatus||void 0,keyword:e.keyword||void 0,articleCategoryId:e.articleCategoryId||void 0,sort:e.sort&&U.includes(e.sort)?e.sort:void 0,publishAt:e.publishAt?e.publishAt.replace(/(\d{2})-(\d{4})/,"$2-$1"):void 0}),$e=({data:{articleCode:e,articleTitle:s,publishAt:g,thumbnailUrl:v,articleAuthorizationType:T,particialAccess:$,countArticleComments:S,articleArticleCategories:c,contents:t,commentAcceptance:I},isSmallSize:h,isFullWidth:x,isClickWrapperNavigateToDetail:b=!1,themeRelativeUrl:R,disableMarginBottom:D,onlyChild:E})=>{const k=E&&"onlyChild",o=q(),i=T&&[H.LIMITED_PLAN,H.NONE_FREE].includes(T.id),r=i&&$,j=()=>{b&&o.push(K.NFC_AP_010.replace(":themeRelativeUrl",R).replace(":articleCode",`${e}`))};return a.jsx(ve,{className:L(n.wrapper,D&&"disableMarginBottom",x&&`${n.wrapperFullwidth} wrapperFullwidth`,k),onClick:j,"aria-hidden":"true","data-testid":"ftc-art-article-theme-card-layout-item",isSmallSize:h,children:a.jsxs(ne,{applyDesignElevation:!0,isOverflowHidden:!0,className:L(n.container,k),children:[a.jsxs("div",{className:L(n.thumbnailContainer,k),children:[a.jsx(ie,{src:v,aspectRatio:le.SIXTEEN_TO_NINE,block:!0,applyDesignShapeCode:!0,isSetWidthUrl:!0,lazy:!0}),a.jsxs("div",{className:n.membership,children:[i&&(h?a.jsx("div",{className:n.iconWrapper,children:a.jsx(X,{className:n.icon})}):a.jsx(A,{customColor:"gradient.main",color:"white",size:"small",label:a.jsxs("div",{className:n.chipContent,children:[a.jsx(X,{width:15}),a.jsx("div",{children:"会員限定"})]})})),r&&a.jsx("div",{className:n.freePart,children:a.jsx(A,{size:"small",color:"white",customColor:"accent.main",label:"一部無料",extraSmallChip:h})})]})]}),a.jsxs("div",{className:L(n.categories,k),children:[c&&a.jsx(se,{modules:[ce],freeMode:!0,slidesPerView:"auto",direction:"horizontal",className:n.swiper,children:a.jsx(re,{children:!!c.length&&a.jsx("div",{className:n.swiperItem,children:c.map(C=>a.jsx("div",{children:a.jsx(A,{size:"small",color:"secondary",label:C.articleCategory.categoryName,variant:"outlined",extraSmallChip:!0})},C.id))})})}),a.jsxs("div",{className:n.content,children:[a.jsx(Q,{className:L(n.webkitBox,h?n.title:n.titleBold),variant:h?"subtitle2":"h6",children:s}),t&&a.jsx("div",{className:n.description,children:a.jsx(Q,{className:L(n.articleContent,k),variant:h?"caption":"body2",children:Te(t||"")})})]}),a.jsxs("div",{className:n.comment,children:[a.jsx("div",{children:ge(oe(g))}),I&&a.jsxs("div",{className:n.flexCenter,children:[a.jsx(pe,{iconKey:"ModeCommentIcon",className:L(n.commentIcon,h&&"small")}),a.jsx("div",{children:S})]})]})]})]})})},Ae=w.memo($e),N="ArticleThemeListLayoutItem",f={wrapper:`${N}-wrapper`,iconWrapper:`${N}-iconWrapper`,wrapperFullwidth:`${N}-wrapperFullwidth`,swiper:`${N}-swiper`,wrapperTitle:`${N}-wrapperTitle`,icon:`${N}-icon`,swipper:`${N}-swipper`,freePartChip:`${N}-freePartChip`,...O[N]},Ee=e=>({[`&.${f.wrapper}`]:{width:"100%",cursor:"pointer",marginBottom:e.spacing(8),[e.breakpoints.up("xl")]:{marginBottom:e.spacing(6)},"&.disableMarginBottom":{marginBottom:0}},[`& .${f.iconWrapper}`]:{background:e.palette.gradient?.main,color:e.palette.gradient?.contrastText,marginLeft:e.spacing(2),width:18,height:18,borderRadius:18,display:"flex",justifyContent:"center",alignItems:"center"},[`& .${f.wrapperFullwidth}`]:{width:"100% !important"},[`& .${f.swiper}`]:{flex:1,marginLeft:e.spacing(2),"& .swiper-slide":{width:"auto"}},[`& .${f.wrapperTitle}`]:{position:"relative",display:"flex",alignItems:"center",height:20,marginBottom:e.spacing(1),maskImage:"linear-gradient(to right, black 95%, transparent 100%)"},[`& .${f.icon}`]:{width:12,height:10},[`& .${f.swipper}`]:{display:"flex",flexWrap:"nowrap",alignItems:"center",lineHeight:1,"& > div":{marginRight:e.spacing(2)}},[`& .${f.freePartChip}`]:{marginLeft:e.spacing(2),lineHeight:1}}),Ce=Y(Ee,V[N]),Me=G("div")(({theme:e,...s})=>({...Ce(e,s)})),Se=({data:{articleCode:e,articleTitle:s,publishAt:g,articleAuthorizationType:v,particialAccess:T,articleArticleCategories:$},isClickWrapperNavigateToDetail:S=!1,disableMarginBottom:c,themeRelativeUrl:t})=>{const I=q(),h=v&&[H.LIMITED_PLAN,H.NONE_FREE].includes(v.id),x=h&&T,b=()=>{S&&I.push(K.NFC_AP_010.replace(":themeRelativeUrl",t).replace(":articleCode",`${e}`))};return a.jsxs(Me,{className:L(f.wrapper,c&&"disableMarginBottom"),onClick:b,"aria-hidden":"true","data-testid":"ftc-art-article-theme-list-layout-item",children:[a.jsxs("div",{className:f.wrapperTitle,children:[a.jsx(ee,{variant:"caption",color:"textSecondary",className:f.yearTitle,children:he(oe(g),"yyyy/MM/dd")}),h&&a.jsx("div",{className:f.iconWrapper,children:a.jsx(X,{className:f.icon})}),x&&a.jsx("div",{className:f.freePartChip,children:a.jsx(A,{size:"small",color:"white",customColor:"accent.main",label:"一部無料",extraSmallChip:!0})}),$&&a.jsx(se,{modules:[ce,xe],freeMode:!0,slidesPerView:"auto",direction:"horizontal",mousewheel:!0,className:f.swiper,children:a.jsx(re,{children:a.jsx("div",{className:f.swipper,children:$.map(R=>a.jsx("div",{children:a.jsx(A,{size:"small",color:"secondary",label:R.articleCategory.categoryName,variant:"outlined",extraSmallChip:!0,className:f.cateChip})},R.id))})})})]}),a.jsx(ee,{variant:"subtitle2",fontWeight:"fontWeightMedium",lineClamp:3,whiteSpace:"break-spaces",className:f.title,children:s})]})},He=w.memo(Se),B="ArticleThemeTileLayoutItem",M={wrapper:`${B}-wrapper`,wrapperFullwidth:`${B}-wrapperFullwidth`,thumbnailSkeleton:`${B}

1-thumbnailSkeleton`,iconWrapper:`${B}-iconWrapper`,icon:`${B}-icon`,chipWrapper:`${B}-chipWrapper`,chip:`${B}-chip`,...O[B]},Ie=e=>({[`&.${M.wrapper}`]:{cursor:"pointer",width:"calc(50% - 8px)",margin:e.spacing(0,4,4,0),position:"relative",overflow:"hidden","&:nth-of-type(2n)":{marginRight:e.spacing(0)},"&.disableMarginBottom":{marginBottom:0},[e.breakpoints.up("sm")]:{width:"calc(25% - 12px)","&:nth-of-type(4n + 2)":{marginRight:e.spacing(4)}},[e.breakpoints.up("md")]:{width:"calc(25% - 18px)",margin:e.spacing(0,6,6,0),"&:nth-of-type(4n + 2)":{marginRight:e.spacing(6)}},[e.breakpoints.up("lg")]:{width:"calc(100% * 1 / 6 - 20px)","&:nth-of-type(6n + 2), &:nth-of-type(6n + 4)":{marginRight:e.spacing(6)},"&:nth-of-type(6n)":{marginRight:e.spacing(0)}}},[`&.${M.wrapperFullwidth}`]:{width:"100% !important"},[`& .${M.thumbnailSkeleton}`]:{aspectRatio:"1 / 1"},[`& .${M.iconWrapper}`]:{background:e.palette.gradient?.main,width:18,height:18,borderRadius:18,display:"flex",justifyContent:"center",alignItems:"center",color:"white"},[`& .${M.icon}`]:{width:12,height:10},[`& .${M.chipWrapper}`]:{position:"absolute",display:"flex",alignItems:"center",height:20,top:4,left:4},[`& .${M.chip}`]:{marginLeft:e.spacing(1),lineHeight:1}}),ke=Y(Ie,V[B]),je=G("div")(({theme:e,...s})=>({...ke(e,s)})),Ne=({data:{thumbnailUrl:e,articleAuthorizationType:s,particialAccess:g,articleCode:v},isClickWrapperNavigateToDetail:T=!1,isFullWidth:$,disableMarginBottom:S,themeRelativeUrl:c})=>{const t=s&&[H.LIMITED_PLAN,H.NONE_FREE].includes(s.id),I=t&&g,h=q(),x=()=>{T&&h.push(K.NFC_AP_010.replace(":themeRelativeUrl",c).replace(":articleCode",`${v}`))};return a.jsx(je,{className:L(M.wrapper,$&&`${M.wrapperFullwidth} wrapperFullwidth`,S&&"disableMarginBottom"),onClick:x,"aria-hidden":"true","data-testid":"ftc-art-article-theme-tile-layout-item",children:a.jsxs(ne,{applyDesignElevation:!0,isOverflowHidden:!0,children:[a.jsx(ie,{src:e,aspectRatio:le.ONE_TO_ONE,block:!0,isSetWidthUrlSiteThumbnail:!1,lazy:!0}),a.jsxs("div",{className:M.chipWrapper,children:[t&&a.jsx("div",{className:M.iconWrapper,children:a.jsx(X,{className:M.icon})}),I&&a.jsx("div",{className:M.chip,children:a.jsx(A,{size:"small",color:"white",customColor:"accent.main",label:"一部無料",extraSmallChip:!0})})]})]})})},Xe=w.memo(Ne);export{Ae as A,je as S,Xe as a,He as b,_e as c,M as d,ve as e,De as f,Te as g,n as h,Fe as i,Me as j,f as k,We as s};