https://www.coamix.co.jp/_next/static/chunks/pages/search-4a3e348ac847f022.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[603],{9756:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/search",function(){return i(1118)}])},2852:function(e,t,i){"use strict";i.d(t,{O:function(){return c}});var a=i(5893),r=i(1664),s=i.n(r),n=i(8292),l=i.n(n);let c=e=>{let{breadcrumbs:t,...i}=e;return(0,a.jsx)("nav",{"aria-label":"breadcrumbs",...i,className:l().breadcrumbsWrapper,children:(0,a.jsx)("ol",{className:l().breadcrumbs,children:t.map((e,i)=>t.length-1===i?(0,a.jsx)("li",{className:l().currentItem,children:(0,a.jsx)("p",{children:e.name})},"Breadcrumbs_".concat(e.href,"_").concat(i)):(0,a.jsx)("li",{children:(0,a.jsx)(s(),{href:e.href,children:e.name})},"Breadcrumbs_".concat(e.href,"_").concat(i)))})})}},8068:function(e,t,i){"use strict";i.d(t,{$:function(){return n}});var a=i(5893),r=i(6329),s=i.n(r);let n=e=>{let{text:t="loading..."}=e;return(0,a.jsx)("span",{className:s().root,children:(0,a.jsx)("span",{className:s().text,children:t})})}},5851:function(e,t,i){"use strict";i.d(t,{p:function(){return c}});var a=i(5893),r=i(6010),s=i(303),n=i.n(s),l=i(202);let c=e=>{let{text:t,...i}=e;return(0,a.jsx)("section",{className:(0,r.Z)(n().title,i.className),...i,children:(0,a.jsx)(l.u,{text:t,Element:"h1"})})}},2319:function(e,t,i){"use strict";i.d(t,{I:function(){return u}});var a=i(5893),r=i(7484),s=i.n(r),n=i(6831),l=i.n(n);s().locale(l());let c=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"YYYY.MM.DD";return s()(e).format(t)},o=(e,t)=>s()(e).diff(t,"day"),u=e=>{let{publishedAt:t,revisedAt:i}=e;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("time",{dateTime:t,children:c(t)}),!!i&&!!o(t,i)&&(0,a.jsxs)(a.Fragment,{children:["（",(0,a.jsx)("time",{dateTime:i,children:c(i)})," 更新）"]})]})}},9072:function(e,t,i){"use strict";i.d(t,{x:function(){return v}});var a=i(5893),r=i(6010),s=i(5675),n=i.n(s),l=i(1664),c=i.n(l),o=i(7294),u=i(2196),h=i.n(u),m=i(2319),d=i(2868),p=i(3404),_=i(9279),g=i(4422);let f=e=>{var t,i;return(null===(t=e.importData)||void 0===t?void 0:t.publishDate)?null===(i=e.importData)||void 0===i?void 0:i.publishDate:e.publishedAt},x=e=>{var t,i,r,s;let{topic:l,priority:c}=e,u=(0,d.a)(d.b),m=(0,o.useRef)(null),p=(0,o.useRef)(null),[_,f]=(0,o.useState)(0),x=(0,o.useRef)(null);(0,o.useEffect)(()=>{let e=new ResizeObserver(e=>{e.forEach(e=>{var t,i;if((null===(t=l.thumbnail)||void 0===t?void 0:t.width)&&(null===(i=l.thumbnail)||void 0===i?void 0:i.height)){let t={width:u?244:328,height:u?156:219},i=l.thumbnail.width/t.width>l.thumbnail.height/t.height,a=e.contentRect.width*(t.height/t.width);if(m.current&&p.current){let t=i?e.contentRect.width/l.thumbnail.width:a/l.thumbnail.height,r=l.thumbnail.width*t,s=l.thumbnail.height*t;m.current.style.width="".concat(r,"px"),f(Math.round(r)),m.current.style.height="".concat(s,"px")}}})});return p.current&&e.observe(p.current),()=>{e.disconnect()}},[u,null===(t=l.thumbnail)||void 0===t?void 0:t.width,null===(i=l.thumbnail)||void 0===i?void 0:i.height]);let v=()=>{var e,t;(null===(e=x.current)||void 0===e?void 0:e.naturalWidth)&&f(null===(t=x.current)||void 0===t?void 0:t.naturalWidth)};return(null===(r=l.thumbnail)||void 0===r?void 0:r.width)&&(null===(s=l.thumbnail)||void 0===s?void 0:s.height)?(0,a.jsx)("div",{className:h().listItemImageWrapper,ref:p,children:(0,a.jsx)("div",{className:h().listItemImageInnerWrapper,ref:m,children:(0,a.jsx)(n(),{src:(0,g.gu)(l),alt:l.title,fill:!0,className:h().listItemImage,sizes:"".concat(_,"px"),priority:c})})}):(0,a.jsx)("div",{className:h().listItemImageWrapper,children:(0,a.jsx)("div",{className:h().listItemImageInnerWrapper,ref:m,children:(0,a.jsx)(n(),{ref:x,src:(0,g.gu)(l),alt:l.title,fill:!0,onLoadingComplete:()=>v,className:h().listItemImage,sizes:_?"".concat(_,"px"):"(max-width: 1021px) 98vw, 248px",priority:c})})})},v=e=>{let{contents:t,className:i}=e;return(0,a.jsx)("ul",{className:(0,r.Z)(h().list,i),children:t.map((e,t)=>{var i,r;return(0,a.jsx)("li",{role:"list",className:h().itemLinkWrapper,children:(0,a.jsxs)(c(),{href:"新刊情報"===e.title?p.V.shinkan.$url():p.V.topics._contentId(e.id).$url(),className:h().itemLink,prefetch:!1,children:[(0,a.jsxs)("div",{className:h().thumbnailWrapper,children:[(0,_.e)(f(e))&&(0,a.jsx)("div",{className:h().new}),(0,a.jsx)(x,{topic:e,priority:t<4})]}),(0,a.jsxs)("div",{className:h().itemLower,children:[((null==e?void 0:null===(i=e.importData)||void 0===i?void 0:i.publishDate)||e.publishedAt)&&(0,a.jsx)("p",{className:h().itemPublishedAt,children:(0,a.jsx)(m.I,{publishedAt:(null==e?void 0:null===(r=e.importData)||void 0===r?void 0:r.publishDate)||e.publishedAt})}),(0,a.jsx)("p",{className:h().itemTitle,children:e.title}),e.category&&(0,a.jsx)("ul",{className:h().itemCategoryList,children:e.category.map(e=>(0,a.jsx)("li",{className:h().itemCategory,children:e.name},e.id))})]})]})},e.id)})})}},9279:function(e,t,i){"use strict";i.d(t,{e:function(){return s}});var a=i(7484),r=i.n(a);let s=e=>r()().valueOf()-r()(e).valueOf()<12096e5},4422:function(e,t,i){"use strict";i.d(t,{e4:function(){return s},gu:function(){return n},kW:function(){return l}});var a=i(3404),r=i(1359);let s=e=>e.verticalImage?"".concat(e.verticalImage.url,"?fm=webp"):e.thumbnail?"".concat(e.thumbnail.url,"?fm=webp"):e.importData&&e.importData.thumbnailURL?e.importData.thumbnailURL:a.D.defaultThumbnail_svg,n=e=>e.thumbnail?"".concat(e.thumbnail.url,"?fm=webp"):e.importData&&e.importData.thumbnailURL?e.importData.thumbnailURL:a.D.defaultThumbnail_svg,l=e=>e.thumbnail?e.thumbnail.url:e.importData&&e.importData.thumbnailURL?e.importData.thumbnailURL:"".concat(r.rq).concat(a.D.defaultThumbnail_svg)},1118:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSP:function(){return q},default:function(){return Q}});var a=i(5893),r=i(6010),s=i(5487),n=i(8172),l=i(4917);function c(){let e=!1,t=new Set,i={subscribe:e=>(t.add(e),()=>void t.delete(e)),start(i,a){(0,s.k)(e,"controls.start() should only be called after a component has mounted. Consider calling within a useEffect hook.");let r=[];

1return t.forEach(e=>{r.push((0,l.d)(e,i,{transitionOverride:a}))}),Promise.all(r)},set:i=>((0,s.k)(e,"controls.set() should only be called after a component has mounted. Consider calling within a useEffect hook."),t.forEach(e=>{(0,n.gg)(e,i)})),stop(){t.forEach(e=>{!function(e){e.values.forEach(e=>e.stop())}(e)})},mount:()=>(e=!0,()=>{e=!1,i.stop()})};return i}var o=i(6681),u=i(8868),h=i(1469),m=i(7294),d=i(9734),p=i(5181),_=i.n(p),g=i(2852),f=i(5744),x=i(8068),v=i(1804),b=i(5851),j=i(3765),I=i.n(j);let N=e=>{let{totalCount:t,perPage:i,currentPage:s,setCurrentPage:n,...l}=e,c=Math.ceil(t/i),o=(0,m.useMemo)(()=>s-1==0?1:s-1==c-1?c-2:s-1,[s,c]),u=(0,m.useMemo)(()=>o+2,[o]),h=(0,m.useMemo)(()=>[...Array(u-o+1)].map((e,t)=>o+t).filter(e=>!(e<=1)&&!(e>=c)),[u,c,o]),d=(0,m.useCallback)(e=>s===e,[s]);return 0===t?null:(0,a.jsxs)("nav",{className:(0,r.Z)(I().wrapper,l.className),children:[(0,a.jsx)(C,{current:d(1),item:1,setCurrentPage:n}),h.length>0&&2!==h[0]&&(0,a.jsx)(L,{}),h.map(e=>(0,a.jsx)(C,{current:d(e),item:e,setCurrentPage:n},e)),h.length>0&&h[h.length-1]!==c-1&&(0,a.jsx)(L,{}),c>1&&(0,a.jsx)(C,{current:d(c),item:c,setCurrentPage:n})]})},C=e=>{let{current:t,item:i,setCurrentPage:r}=e;return(0,a.jsx)("button",{className:I().link,"aria-current":t?"page":void 0,onClick:()=>{r(i)},children:i})},L=()=>(0,a.jsx)("span",{className:I().separator});var w=i(9072),W=i(5675),S=i.n(W),k=i(1664),D=i.n(k),T=i(5939),y=i.n(T),P=i(3404);let E=e=>e&&""!==e?e:P.D.nowPrinting_svg,A=e=>{let{item:t,...i}=e;return(0,a.jsx)("div",{...i,className:y().root,children:(0,a.jsxs)(D(),{href:t.link,className:y().item,prefetch:!1,children:[(0,a.jsx)("div",{className:y().imageWrapper,children:(0,a.jsx)(S(),{src:E(t.img),alt:"",fill:!0,sizes:" (max-width: 1021px) 104px, 130px"})}),(0,a.jsxs)("p",{className:y().text,children:[(0,a.jsx)("span",{className:y().title,children:t.title}),(0,a.jsx)("span",{className:y().description,children:t.description}),(0,a.jsx)("span",{className:y().link,children:"作品詳細"})]})]})})};var B=i(2614),R=i.n(B);let M=e=>e.replace(/[\u3041-\u3096]/g,e=>String.fromCharCode(e.charCodeAt(0)+96)),O=e=>fetch(e).then(e=>e.json()),U=e=>{let{inputDefault:t,searchWord:i,setSearchWord:s}=e,[n,l]=(0,m.useState)(!1),[c,o]=(0,m.useState)([]),[u,h]=(0,m.useState)([]),{data:p}=(0,d.ZP)("/api/suggest",O);(0,m.useEffect)(()=>{p&&o(p)},[p]);let _=(0,m.useCallback)(e=>{s(e.name)},[s]),g=e=>{s(e.target.value)},f=()=>{l(!0)},x=()=>{l(!1)};return(0,m.useEffect)(()=>{h(c.filter(e=>e.word.some(e=>-1!==M(e).indexOf(M(i)))).splice(0,5))},[c,i]),(0,m.useEffect)(()=>{t&&s(t.join(" "))},[t,s]),(0,a.jsx)("div",{className:R().searchBar,children:(0,a.jsxs)("div",{className:R().searchInput,children:[(0,a.jsx)(S(),{src:P.D.search_svg,width:24,height:24,alt:"検索"}),(0,a.jsx)("input",{value:i,onFocus:f,onBlur:x,onChange:g,placeholder:"キーワードを入力",type:"text"}),u.length>0&&(0,a.jsx)("div",{className:(0,r.Z)(R().suggestArea,n&&R().shown),children:(0,a.jsx)("ul",{className:R().suggestList,children:u.map(e=>(0,a.jsx)("li",{className:R().suggestListItem,children:(0,a.jsx)("button",{onClick:()=>_(e),children:e.name})},e.name))})})]})})};var Z=i(2868);let Y="検索",z=e=>{let{currentSearch:t}=e,i=[{name:"ホーム",href:P.V.$url()},{name:Y,href:P.V.topics.$url()}],s=e=>fetch(e).then(e=>e.json()),[n,l]=(0,m.useState)(t.join(" ")),[p,j]=(0,m.useState)(!1),[I,C]=(0,m.useState)([]),[L,W]=(0,m.useState)([]),[S,k]=(0,m.useState)(1),D=function(e,t){let[i,a]=(0,m.useState)(e);return(0,m.useEffect)(()=>{let i=setTimeout(()=>a(e),t||500);return()=>{clearTimeout(i)}},[e,t]),i}(n,500),{data:T,isLoading:y}=(0,d.ZP)("/api/topics",s),E=(0,Z.a)(Z.b),B=[{title:"タイトル長い場合の丸めはありません、このタイトルは３１文字です",description:"サンプルのテキストメッセージです、サンプルのテキストメッセージです、サンプルのテキストメッセージです、サンプルのテキストメッセージです、ここのメッセージは丸めません、このメッセージは９８文字です。",img:"",link:""},{title:"サンプル",description:"サンプルのテキストメッセージです、サンプルのテキストメッセージです、サンプルのテキストメッセージです、サンプルのテキストメッセージです、このメッセージは８３文字ã

1§ã™ã€‚",img:"",link:""},{title:"サンプル",description:"サンプルのテキストメッセージです、このメッセージは３２文字です。",img:"",link:""},{title:"サンプル",description:"サンプルのテキストメッセージです、このメッセージは３２文字です。",img:"",link:""}];(0,m.useEffect)(()=>{if(!T)return;let e=T.map(e=>{var t;return{id:e.id,title:e.title,category:e.category,thumbnail:e.thumbnail,publishedAt:e.publishedAt,importData:e.importData,searchTarget:[e.content,null===(t=e.importData)||void 0===t?void 0:t.content,e.title,...e.category].join()}}),t=D.split(/\s+/),i=e.filter(e=>t.every(t=>e.searchTarget.includes(t)));C(i),W(i.slice(0,10)),k(1)},[T,D]),(0,m.useEffect)(()=>{j(!1)},[D]);let R=function(){let e=(0,o.h)(c);return(0,u.L)(e.mount,[]),e}();(0,m.useEffect)(()=>{p?R.start({height:"auto"}):R.start({height:"0",transition:{duration:0}})},[R,p]);let M=(0,m.useRef)(null),O=(0,m.useCallback)(()=>{var e,t;let i=null!==(t=null===(e=M.current)||void 0===e?void 0:e.getBoundingClientRect().top)&&void 0!==t?t:0,a=i+window.scrollY,r=a<window.scrollY;window.scrollTo({top:a-(r?E?80:54:0)-20,behavior:"smooth"})},[E]);(0,m.useEffect)(()=>{W(I.slice(10*(S-1),10*S)),1!==S&&O()},[S,O,I]);let z=(0,m.useCallback)(async()=>{j(!0)},[]);return(0,a.jsxs)(v.B,{type:"single",children:[(0,a.jsx)(f.p,{title:Y,breadcrumbs:i}),(0,a.jsx)(b.p,{text:Y}),(0,a.jsx)(U,{inputDefault:t,searchWord:n,setSearchWord:l}),(0,a.jsxs)("div",{className:_().topicsWrapper,children:[(0,a.jsxs)("div",{className:_().catalogListWrap,children:[(0,a.jsx)("ul",{className:_().catalogList,children:B.slice(0,2).map(e=>(0,a.jsx)("li",{className:(0,r.Z)(_().catalogListItem),children:(0,a.jsx)(A,{item:e})},e.title))}),(0,a.jsx)(h.E.ul,{className:(0,r.Z)(_().catalogList,_().moreCatalogList,p&&_().show),animate:R,children:B.slice(2,B.length-1).map(e=>(0,a.jsx)("li",{className:(0,r.Z)(_().catalogListItem),children:(0,a.jsx)(A,{item:e})},e.title))}),!p&&(0,a.jsx)("button",{type:"button",className:_().readMore,onClick:()=>z(),children:"…もっとみる"})]}),(0,a.jsx)("div",{className:_().topicsInner,ref:M,children:(0,a.jsxs)("div",{children:[y&&(0,a.jsx)("div",{className:_().spinner,children:(0,a.jsx)(x.$,{})}),!y&&I&&(0,a.jsx)("div",{className:_().listWrap,children:I.length<1?(0,a.jsxs)("p",{children:["入力されたキーワードは見つかりませんでした。",(0,a.jsx)("br",{}),"キーワードを変えてみてください。"]}):(0,a.jsx)(w.x,{contents:L})})]})}),(0,a.jsx)(N,{totalCount:I.length,perPage:10,currentPage:null!=S?S:1,setCurrentPage:k,className:_().paginationNav})]}),(0,a.jsx)(g.O,{breadcrumbs:i})]})};var q=!0,Q=z},8292:function(e){e.exports={breadcrumbsWrapper:"Breadcrumbs_breadcrumbsWrapper__5D8CT",breadcrumbs:"Breadcrumbs_breadcrumbs__qwa_p",currentItem:"Breadcrumbs_currentItem__jDPPU"}},6329:function(e){e.exports={root:"Spinner_root__Ce2qI",spinner:"Spinner_spinner__UTlxD",text:"Spinner_text__4c2QL"}},303:function(e){e.exports={title:"pageTitle_title__yv0vL"}},3765:function(e){e.exports={wrapper:"Pagination_wrapper__QHWQc",link:"Pagination_link__vCIpC",separator:"Pagination_separator__KCzjS",sideButton:"Pagination_sideButton__pJbZg"}},2196:function(e){e.exports={list:"TopicCardWideList_list__d_eIj",thumbnailWrapper:"TopicCardWideList_thumbnailWrapper__vCv2q",new:"TopicCardWideList_new__6SS9A",itemLinkWrapper:"TopicCardWideList_itemLinkWrapper__Uugf_",itemLink:"TopicCardWideList_itemLink__77MrJ",itemLower:"TopicCardWideList_itemLower___E7KD",itemPublishedAt:"TopicCardWideList_itemPublishedAt____aQ_",itemTitle:"TopicCardWideList_itemTitle__7x19W",itemCategoryList:"TopicCardWideList_itemCategoryList__elo29",itemCategory:"TopicCardWideList_itemCategory__Pt72L",listItemImageWrapper:"TopicCardWideList_listItemImageWrapper__3DGRc",listItemImageInnerWrapper:"TopicCardWideList_listItemImageInnerWrapper__O883Q",listItemImage:"TopicCardWideList_listItemImage__63vpJ"}},5939:function(e){e.exports={root:"SeachCatalogItem_root__1oYdO",item:"SeachCatalogItem_item__u55hq",imageWrapper:"SeachCatalogItem_imageWrapper__YNfP7",text:"SeachCatalogItem_text__Z8Yz7",title:"SeachCatalogItem_title__Jq0PH",description:"SeachCatalogItem_description__7FYfm",link:"SeachCatalogItem_link__dxm94"}},2614:function(e){e.exports={searchBar:"SearchInput_searchBar__4hvMc",header:"SearchInput_header__fBhlA",searchInput:"SearchInput_searchInput__zK9bI",suggestArea:"SearchInput_suggestArea__M1Xo_",shown:"SearchInput_shown__K1g4v",suggestList:"SearchInput_suggestList__kyxQu",suggestListItem:"SearchInput_suggestListItem__j9siA",seachButton:"SearchInput_seachButton__UwjUW"}},5181:function(e){e.exports={topicsWrapper:"search_topicsWrapper__24sDn",topicsInner:"search_topicsInner__PO2ln",catalogListWrap:"search_catalogListWrap__lK6eI",catalogList:"search_catalogList__1IC2G",catalogListItem:"search_catalogListItem__AlSG2",moreCatalogList:"search_moreCatalogList__tL7mi",show:"search_show__Bcmdo",readMore:"search_readMore__eaBNc",listWrap:"search_listWrap__NlxOM",paginationNav:"search_paginationNav__I8hnn",spinner:"search_spinner__bkpX2"}}},function(e){e.O(0,[953,734,469,64,950,774,888,179],function(){return e(e.s=9756)}),_N_E=e.O()}]);