https://historia8.org/_next/static/chunks/pages/preview/hachinohe-penclub/[id]-cbe671e5c52f23f5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2404],{1394:(e,t,s)=>{"use strict";s.d(t,{n:()=>n});var a=s(7002);s(6466);var l=s(6153),r=s(2496),i=s.n(r);let n=({nav:e,onSelect:t})=>{let s=(0,l.useRouter)().query.id,r=Array.isArray(s)?s[0]:s;return(0,a.jsx)("ul",{className:"l:pt-4 l:pl-2",children:e.map((e,s)=>(0,a.jsx)("li",{children:(0,a.jsxs)(i(),{className:`flex w-full items-center gap-2 rounded-md px-1 py-1 l:py-2 text-xs text-left cursor-pointer overflow-hidden ${r===e.id?"bg-gray-200":"hover:bg-gray-200"}`,onClick:()=>{t?.()},href:`/column/hachinohe-penclub/${e.id}`,children:[(0,a.jsxs)("span",{className:"inline-block min-w-[3rem] whitespace-nowrap",children:["第",e.rollDisplay,"号"]}),(0,a.jsx)("span",{className:"flex-1 truncate l:hidden",children:e.titleShort}),(0,a.jsx)("span",{className:"hidden flex-1 truncate l:block",children:e.title})]})},s))})}},3557:(e,t,s)=>{"use strict";s.d(t,{A:()=>u});var a=s(7002),l=s(6466),r=s(6512),i=s(6153),n=s(8701),c=s.n(n),o=s(8179),m=s(443),p=s(1394);let u=({content:e,nav:t})=>{let s=(0,i.useRouter)(),n=s.pathname+"/",u=e.title+" - 八戸ペンクラブ",[d,x]=(0,l.useState)(!1),[h,b]=(0,l.useState)(""),N=(e=!1)=>t=>{t.preventDefault();let a=h.trim();a&&(e&&x(!1),s.push({pathname:"/column/hachinohe-penclub/search",query:{q:a}}))},g=e=>{b(e.target.value)};return(0,a.jsxs)("div",{children:[(0,a.jsx)(r.A,{pageTitle:u,pageDescription:"八戸ペンクラブは、地域の文化・芸術活動を活性化させることを目的に、2003年に設立されました。スローガン「不羈独立（ふきどくりつ）」のもと、自由な発想でさまざまな活動を展開しています。同クラブの活動の一環として発行されている季刊誌『八戸PEN』から過去のバックナンバーを掲載しました。過去の記事を振り返りながら、八戸の文化と表現の広がりをぜひお楽しみください。",pathname:n}),(0,a.jsx)(m.A,{}),(0,a.jsxs)("nav",{className:`hidden l:block relative fixed top-[50px] l:top-[61px] m:!top-[50px] left-0 w-full z-10 transition-colors duration-300 ${d?"h-[100svh] bg-black/50":"bg-white"}`,children:[(0,a.jsxs)("div",{className:"w-full flex items-center justify-between bg-white shadow-md absolute top-0 left-0 z-2",children:[(0,a.jsxs)("button",{className:"flex items-center gap-2 p-4",onClick:()=>x(e=>!e),children:[(0,a.jsx)("img",{src:"/svg/menu.svg",alt:""}),"リスト"]}),(0,a.jsxs)("form",{className:"flex items-center gap-2",onSubmit:N(!0),children:[(0,a.jsx)("input",{className:"border border-[#443c35] rounded-lg p-2 text-[#71645a] text-sm w-[75%]",name:"s",type:"text",placeholder:"キーワード検索",value:h,onChange:g}),(0,a.jsx)("button",{className:"p-2 bg-primary rounded-lg flex items-center gap-1",type:"submit",children:(0,a.jsx)("span",{className:"text-white",children:(0,a.jsx)(c(),{className:"",src:"/svg/search_white_icon.svg",alt:"",width:18,height:18})})})]})]}),(0,a.jsx)("div",{className:`absolute top-[56px] left-0 z-1 mx-auto w-[94%] max-w-[720px] h-[85svh] m:pb-6 bg-white shadow-md overflow-y-scroll transition-transform duration-300 ease-in-out ${d?"translate-x-0 opacity-100 pointer-events-auto":"-translate-x-full opacity-0 pointer-events-none"}`,children:(0,a.jsx)(p.n,{nav:t,onSelect:()=>x(!1)})})]}),(0,a.jsx)("main",{className:"mb-20 font-noto",children:(0,a.jsx)("div",{className:"m:mt-0 pt-20 m:pt-0 text-primary",children:(0,a.jsx)("div",{className:"max-w-[1100px] px-5 m-auto",children:(0,a.jsxs)("div",{className:"grid grid-cols-4 l:block gap-8 bg-white pt-6 l:pt-10 m:!pt-[120px]",children:[(0,a.jsxs)("div",{className:"mx-auto py-4 flex l:justify-between l:items-center",children:[(0,a.jsxs)("h1",{className:"text-lg font-bold font-noto",children:["八戸ペンクラブ",(0,a.jsx)("br",{}),(0,a.jsx)("span",{className:"text-neutral-400 text-base m:text-sm font-normal",children:"The Hachinohe P.E.N. Club"})]}),(0,a.jsx)("img",{src:"/svg/penclub/logo_penclub.svg",alt:"八戸PEN",className:"w-[180px] hidden m:block"})]}),(0,a.jsxs)("form",{className:"col-span-3 flex items-center gap-4 xl:pl-10 l:hidden",onSubmit:N(),children:[(0,a.jsx)("input",{className:"border border-[#443c35] rounded-lg py-2 px-4 text-[#71645a] w-[40%]",name:"s",type:"text",placeholder:"キーワード検索",value:h,onChange:g}),(0,a.jsxs)("button",{className:"py-2 px-4 bg-primary rounded-lg flex items-center gap-1 cursor-pointer",type:"submit",children:[(0,a.jsx)("span",{className:"text-white",children:"検 索"}),(0,a.jsx)(c(),{className:"cultural-search__search-icon",src:"/svg/search_white_icon.svg",alt:"",width:18,height:18})]})]}),(0,a.jsxs)("nav",{className:"mx-auto py-2 l:hidden",children:[(0,a.jsxs)("div",{className:"flex flex-col items-center gap-2 mb-12",children:[(0,a.jsx)("span",{children:"季刊誌"}),(0,a.jsx)("img",{src:"/svg/penclub/logo_penclub.svg",alt:"八戸PEN",className:"w-[180px]"})]}),(0,a.jsx)(p.n,{nav:t})]}),(0,a.jsxs)("div",{className:"col-span-3 mt-8 xl:pl-10",children:[(0,a.jsxs)("div",{className:"flex justify-start items-center gap-4",children:[(0,a.jsx)("img",{src:"/svg/penclub/icon_penclub.svg",alt:"",className:"w-[40px] m:w-[27px]"}),(0,a.jsx)("h2",{className:"text-3xl font-bold m:text-xl",children:e.title})]}),e.author&&(0,a.jsxs)("div",{className:"flex justify-start items-center gap-4 mt-12",children:[(0,a.jsx)("img",{src:"/svg/penclub/icon_tag.svg",alt:"",className:"w-[40px]"}),(0,a.jsx)("p",{className:"text-lg m:text-base",children:e.author})]}),(0,a.jsx)("div",{className:"whitespace-pre-wrap mt-16 m:mt-8 leading-8 [&_p]:mb-6 [&_ul]:list-disc [&_ul]:p-10 [&_ul]:bg-[#DBE9DF] [&_ul]:text-sm [&_li]:mb-2",dangerouslySetInnerHTML:{__html:e.body}})]})]})})})}),(0,a.jsx)(o.A,{})]})}},5166:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>p});var a=s(7002),l=s(6466),r=s(6153),i=s(3557),n=s(5645);let c="pen-club",o=e=>{let[t,s]=e.split("-"),a=Number.parseInt(t,10),l=Number.parseInt(s??"0",10);return{major:Number.isNaN(a)?Number.MAX_SAFE_INTEGER:a,minor:Number.isNaN(l)?Number.MAX_SAFE_INTEGER:l}},m=(e,t)=>

1e.length>t?e.slice(0,t):e,p=()=>{let e=(0,r.useRouter)(),[t,s]=(0,l.useState)(null),[p,u]=(0,l.useState)([]),[d,x]=(0,l.useState)(!0);return((0,l.useEffect)(()=>{if(!e.isReady)return;let t=e.query.id,a=e.query.draftKey,l=Array.isArray(t)?t[0]:t,r=Array.isArray(a)?a[0]:a;l?(async()=>{try{x(!0);let e=await n.iJ.get({endpoint:c,contentId:l,queries:r?{draftKey:r}:void 0});s(e);let t=0,a=[];for(;;){let e=await n.iJ.get({endpoint:c,queries:{limit:100,offset:t}});if(0===e.contents.length)break;a=a.concat(e.contents),t+=100}let i=(a.some(({id:t})=>t===e.id)?a:[...a,e]).map(({rollNum:e,title:t,id:s})=>{let[a]=e.split("-"),l=Number.parseInt(a,10),r=Number.isNaN(l)?a:String(l);return{id:s,title:t,titleShort:m(t,16),titleMobile:m(t,31),rollNumber:e,rollDisplay:r}}).sort((e,t)=>{let s=o(e.rollNumber),a=o(t.rollNumber);return s.major!==a.major?s.major-a.major:s.minor!==a.minor?s.minor-a.minor:e.title.localeCompare(t.title)});u(i)}catch(e){console.error("Failed to fetch pen club preview:",e),s(null),u([])}finally{x(!1)}})():x(!1)},[e.isReady,e.query.id,e.query.draftKey]),d)?(0,a.jsx)("div",{className:"py-10 text-center",children:"プレビュー中..."}):t?(0,a.jsx)(i.A,{content:t,nav:p}):(0,a.jsx)("div",{className:"py-10 text-center",children:"コンテンツを取得できませんでした。"})}},5645:(e,t,s)=>{"use strict";s.d(t,{bb:()=>l,iJ:()=>i,pr:()=>r});var a=s(1543);let l=(0,a.U)({serviceDomain:"hachinohe-historia",apiKey:"Xv3KLvlzcznnjXkhMWrDzIWguMnqYD7MKGHy"});(0,a.U)({serviceDomain:"historia8-2",apiKey:"K7g8bCAxi3tK3DoHNHGueco7sUagY1R7tjsS"});let r=(0,a.U)({serviceDomain:"historia8-3",apiKey:"2u0z02mYakEEVbkEBnaxVEslSWP59iLQS7Vq"}),i=(0,a.U)({serviceDomain:"historia8-4",apiKey:"RjkhA0yc123WsaAZJs64hnBaGpA0NBWk9QBU"})},5934:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/preview/hachinohe-penclub/[id]",function(){return s(5166)}])}},e=>{e.O(0,[6691,1543,9e3,636,6593,8792],()=>e(e.s=5934)),_N_E=e.O()}]);