https://www.kangoku.jp/_next/static/chunks/78.10bad730efc7a191.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[78],{1742:function(e,t,n){n.r(t);var a=n(5893),r=n(645),s=n.n(r),i=n(5152),l=n.n(i),o=n(5675),c=n.n(o),d=n(7294),u=n(6030),p=n(3582),g=n(2261),m=n(2953),f=n(1664),h=n.n(f);n(4172),n(7638),n(6936);var x=n(9764),b=n(1941),v=n(3817);let w={exhibition:"企画展","seasonal-events":"季節の催し","special-events":"季節の催し","annual-events":"看守長屋の年中行事","annual-festival":"看守長屋の年中行事",workshop:"体験講座","farm-workshop":"農園体験ワークショップ"},y=e=>{if(!e)return"";if(Array.isArray(e))return y(e[0]);if("object"==typeof e){var t,n,a,r,s,i;return y(null!==(i=null!==(s=null!==(r=null!==(a=null!==(n=null!==(t=e.value)&&void 0!==t?t:e.slug)&&void 0!==n?n:e.id)&&void 0!==a?a:e.label)&&void 0!==r?r:e.name)&&void 0!==s?s:e.title)&&void 0!==i?i:null)}let l=String(e).trim();if(!l)return"";if(["special-events","exhibition","annual-festival","workshop","farm-workshop"].includes(l))return l;let o={"seasonal-events":"special-events",seasonal:"special-events","annual-events":"annual-festival",nagaya:"annual-festival",farm:"farm-workshop",experience:"workshop"},c=l.toLowerCase();return o[c]?o[c]:"季節の催し"===l?"special-events":"企画展"===l?"exhibition":"看守長屋の年中行事"===l?"annual-festival":"体験講座"===l?"workshop":"農園体験ワークショップ"===l?"farm-workshop":""},j=e=>{var t,n,a,r,s;let i=null==e?void 0:e.landing;if(!i)return"";let l=null!==(s=null!==(r=null!==(a=null!==(n=null!==(t=i.category)&&void 0!==t?t:i.eventCategory)&&void 0!==n?n:i.categorySlug)&&void 0!==a?a:i.category_key)&&void 0!==r?r:i.categoryKey)&&void 0!==s?s:null,o=e=>{if(!e)return"";if(Array.isArray(e))return o(e[0]);if("string"==typeof e)return e;if("object"==typeof e){if("string"==typeof e.value)return e.value;if("string"==typeof e.slug)return e.slug;if("string"==typeof e.label)return e.label;if("string"==typeof e.name)return e.name}return""};return y(o(l))},k=e=>{let t=j(e);return t?w[t]||t:""},N=e=>{let t=j(e);return t?"/info/events?category=".concat(encodeURIComponent(t)):"/info/events"},T=e=>{if(!e)return!1;try{let t=new URL(e);return"images.microcms-assets.io"===t.hostname}catch(e){return!1}},D=(e,t)=>{if(!e||!T(e))return e;try{let n=new URL(e);return Object.entries(t).forEach(e=>{let[t,a]=e;null!=a&&""!==a&&n.searchParams.set(t,String(a))}),n.toString()}catch(t){return e}},U=e=>{switch(e){case"exhibition":case"企画展":default:return{bg:"bg-exhibition",text:"text-exhibition",hoverBg:"hover:bg-exhibition"};case"seasonal-events":case"special-events":case"季節の催し":return{bg:"bg-seasonal",text:"text-seasonal",hoverBg:"hover:bg-seasonal"};case"annual-events":case"annual-festival":case"看守長屋の年中行事":return{bg:"bg-nagaya",text:"text-nagaya",hoverBg:"hover:bg-nagaya"};case"workshop":case"体験講座":return{bg:"bg-workshop",text:"text-workshop",hoverBg:"hover:bg-workshop"};case"farm-workshop":case"農園体験ワークショップ":return{bg:"bg-farm",text:"text-farm",hoverBg:"hover:bg-farm"}}},C=(e,t,n)=>{let r=(0,x.Un)(e);if(!r)return null;let s=(0,x.Un)(t),i=(0,b.s7)(r,n),l=s?(0,b.s7)(s,n):"normal",o=(0,x.PE)(r),c=(0,x.FQ)(r),d=s?(0,x.FQ)(s):"",u=s?s.year===r.year?(0,x.PE)(s):"".concat(s.year,"/").concat((0,x.PE)(s)):"",p=e=>{let{tone:t="holiday",className:n=""}=e;return(0,a.jsx)("span",{"aria-hidden":!0,className:"inline-block h-[6px] w-[6px] rounded-full ".concat("holiday"===t?"bg-orange-400":"sunday"===t?"bg-red-500":"saturday"===t?"bg-sky-400":""," ").concat(n)})},g=()=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:"font-sans font-semibold",children:o}),(0,a.jsxs)("span",{className:"text-neutral-500 font-sans font-medium",children:["（",c,"）"]}),"normal"!==i?(0,a.jsx)(p,{tone:i}):null]});return s?r.year===s.year&&r.month===s.month&&r.day===s.day?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:"font-sans font-semibold",children:o}),(0,a.jsxs)("span",{className:"text-neutral-500 font-sans font-medium",children:["（",c,"）"]}),"normal"!==i?(0,a.jsx)(p,{tone:i}):null]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(g,{}),(0,a.jsx)("span",{className:"mx-2 text-neutral-400",children:"–"}),(0,a.jsx)("span",{className:"font-sans font-semibold",children:u}),(0,a.jsxs)("span",{className:"text-neutral-500 font-sans font-medium",children:["（",d,"）"]}),"normal"!==l?(0,a.jsx)(p,{tone:l}):null]}):(0,a.jsx)(g,{})},S=function(){let{events:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},[t,n]=(0,d.useState)([]),[r,i]=(0,d.useState)(!0),[l,o]=(0,d.useState)(null),f=Array.isArray(e)?e:t,w=Array.isArray(f)?f.filter(e=>{var t;return(null==e?void 0:null===(t=e.landing)||void 0===t?void 0:t.slug)&&"string"==typeof e.landing.slug&&e.landing.slug.trim()}):[],y=(0,b.gG)(w.flatMap(e=>

1[null==e?void 0:e.dateFrom,null==e?void 0:e.dateTo].filter(Boolean)));return((0,d.useEffect)(()=>{if(Array.isArray(e)){i(!1),o(null);return}i(!1),o("イベントデータが見つかりません（events を props で渡してください）")},[e]),r)?(0,a.jsx)("div",{className:"text-center py-10 text-gray-500",children:"読み込み中..."}):l?(0,a.jsxs)("div",{className:"text-center py-10 text-red-500",children:["エラーが発生しました: ",l]}):0===w.length?null:(0,a.jsxs)("div",{className:"max-w-[1400px] mx-auto px-4",style:{overflowAnchor:"none"},children:[(0,a.jsxs)("div",{className:"text-center mb-10",children:[(0,a.jsx)("h2",{className:"section-title text-center mb-6",children:"行事案内"}),(0,a.jsx)("p",{className:"text-base md:text-lg text-neutral-600",children:"特別展示や体験講座等をご案内"})]}),(0,a.jsxs)("div",{style:{overflowAnchor:"none"},className:"jsx-1c4a4451876cc1bb max-w-[1400px] mx-auto px-2 md:px-6 lg:px-10",children:[(0,a.jsx)(g.tq,{modules:[m.W_,m.tl,m.s5],navigation:{nextEl:".swiper-button-next-custom",prevEl:".swiper-button-prev-custom"},pagination:{el:".event-progressbar",type:"progressbar",clickable:!1},onSwiper:e=>{let t=document.querySelector(".event-progressbar");t&&(e.params.pagination.el=t,e.pagination.init(),e.pagination.update())},spaceBetween:64,slidesPerView:1,centeredSlides:!1,breakpoints:{0:{spaceBetween:8},640:{slidesPerView:1,spaceBetween:8},768:{slidesPerView:2,spaceBetween:24},1024:{slidesPerView:3,spaceBetween:40}},className:"event-swiper relative z-30 pb-10",children:w.map(e=>{let t=j(e),n=k(e),r=U(t||n),s=N(e),i="annual-festival"===t||"workshop"===t?"text-neutral-900":"text-white";return(0,a.jsx)(g.o5,{children:(0,a.jsxs)(h(),{href:s||"/info/events",className:"group block overflow-hidden transition-all duration-500 ease-out bg-white text-neutral-900 border border-neutral-200 shadow-sm hover:shadow-md rounded-xl",children:[(0,a.jsx)("div",{className:"jsx-1c4a4451876cc1bb relative aspect-[16/10] w-full",children:(()=>{var t;let s=D((null===(t=e.image)||void 0===t?void 0:t.url)||"/img/placeholder.webp",{auto:"format",q:70});return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(c(),{src:s,alt:e.title||"イベント画像",fill:!0,sizes:"(min-width: 1024px) 33vw, (min-width: 768px) 50vw, 90vw",className:"object-cover transition-all transition-transform duration-500 ease-out group-hover:scale-[1.02] hover:opacity-90"}),n?(0,a.jsx)("span",{className:"jsx-1c4a4451876cc1bb "+"absolute top-3 left-3 z-10 px-3 py-1 rounded-full border-solid border border-white/70 text-xs font-sans ".concat(r.bg," ").concat(i," transition-colors duration-300"),children:n}):null]})})()}),(0,a.jsxs)("div",{className:"jsx-1c4a4451876cc1bb px-6 pt-5 pb-4 flex flex-col gap-1",children:[(0,a.jsxs)("div",{className:"jsx-1c4a4451876cc1bb flex items-center gap-2 text-sm leading-none text-neutral-600",children:[(0,a.jsx)("span",{className:"jsx-1c4a4451876cc1bb inline-flex text-neutral-500",children:(0,a.jsx)(u.GN,{icon:p.WRo,"aria-hidden":"true",className:"h-4 w-4 shrink-0"})}),(0,a.jsx)("span",{className:"jsx-1c4a4451876cc1bb min-w-0",children:C(null==e?void 0:e.dateFrom,null==e?void 0:e.dateTo,y)})]}),"string"==typeof(null==e?void 0:e.timeText)&&e.timeText.trim()?(0,a.jsxs)("div",{className:"jsx-1c4a4451876cc1bb flex items-center gap-2 text-xs leading-none mt-1 text-neutral-500",children:[(0,a.jsx)("span",{className:"jsx-1c4a4451876cc1bb inline-flex text-neutral-400",children:(0,a.jsx)(u.GN,{icon:p.SZw,"aria-hidden":"true",className:"h-3.5 w-3.5 shrink-0"})}),(0,a.jsx)("span",{className:"jsx-1c4a4451876cc1bb min-w-0 font-sans font-medium",children:e.timeText})]}):(0,a.jsx)("div",{className:"jsx-1c4a4451876cc1bb mt-1 h-[16px]"}),(0,a.jsx)("div",{className:"jsx-1c4a4451876cc1bb leading-tight",children:(0,a.jsx)("h3",{className:"jsx-1c4a4451876cc1bb font-sans font-semibold text-lg leading-[1.6em] text-left mt-2 text-neutral-900 transition-colors duration-300",children:e.title})}),(0,a.jsx)("div",{className:"jsx-1c4a4451876cc1bb mt-1 flex items-center justify-between",children:(0,v.SG)(e,(0,x.lS)(new Date))?(0,a.jsx)("span",{className:"jsx-1c4a4451876cc1bb px-3 py-1 rounded-full text-xs font-sans bg-neutral-900/80 text-white",children:"終了"}):(0,a.jsx)("span",{className:"jsx-1c4a4451876cc1bb"})})]})]})},e.id)})}),(0,a.jsx)(s(),{id:"1c4a4451876cc1bb",children:".event-swiper.swiper{overflow-x:hidden!important;overflow-y:visible!important}.event-swiper.swiper .swiper-wrapper,.event-swiper.swiper .swiper-slide{overflow:visible!important}"}),w.map(e=>{var t,n;let r=(0,x.lS)(new Date);if((0,v.SG)(e,r))return null;let s={"@context":"https://schema.org","@type":"Event",name:e.title,de

1scription:e.description||"",startDate:e.dateFrom,endDate:e.dateTo,image:(null===(t=e.image)||void 0===t?void 0:t.url)||"https://www.kangoku.jp/img/placeholder.webp",eventAttendanceMode:"https://schema.org/OfflineEventAttendanceMode",eventStatus:(0,v.SG)(e,(0,x.lS)(new Date))?"https://schema.org/EventCompleted":"https://schema.org/EventScheduled",location:{"@type":"Place",name:"博物館 網走監獄",address:"北海道網走市呼人1-1"},organizer:{"@type":"Organization",name:"博物館 網走監獄",url:"https://www.kangoku.jp"},url:"https://www.kangoku.jp/info/events/".concat((null==e?void 0:null===(n=e.landing)||void 0===n?void 0:n.slug)||"")};return(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(s)},className:"jsx-1c4a4451876cc1bb"},"event-jsonld-".concat(e.id))})]}),(0,a.jsx)("div",{className:"mt-8 mb-8 flex justify-center items-center relative z-10",children:(0,a.jsxs)("div",{className:"flex items-center justify-center gap-4 w-full max-w-[420px] min-w-[280px]",children:[(0,a.jsx)("button",{type:"button","aria-label":"前へ",className:"swiper-button-prev-custom inline-flex h-10 w-10 items-center justify-center rounded-full border border-neutral-300 bg-white text-neutral-700 shadow-sm transition hover:bg-neutral-50 hover:text-neutral-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-neutral-400",children:(0,a.jsx)(u.GN,{icon:p.A35,"aria-hidden":"true",className:"h-4 w-4 shrink-0"})}),(0,a.jsxs)("div",{className:"jsx-9f3593de52f813f9 flex-grow relative h-1 bg-gray-100 dark:bg-gray-900 rounded-full overflow-hidden",children:[(0,a.jsx)("div",{className:"jsx-9f3593de52f813f9 swiper-pagination event-progressbar absolute left-0 top-0 h-1 bg-gray-500 dark:bg-gray-400"}),(0,a.jsx)(s(),{id:"9f3593de52f813f9",children:".swiper-pagination-progressbar{position:relative!important;background:-webkit-linear-gradient(left,rgba(229,231,235,.25)0%,rgba(209,213,219,.4)100%)!important;background:-moz-linear-gradient(left,rgba(229,231,235,.25)0%,rgba(209,213,219,.4)100%)!important;background:-o-linear-gradient(left,rgba(229,231,235,.25)0%,rgba(209,213,219,.4)100%)!important;background:linear-gradient(90deg,rgba(229,231,235,.25)0%,rgba(209,213,219,.4)100%)!important;-webkit-border-radius:9999px!important;-moz-border-radius:9999px!important;border-radius:9999px!important;overflow:hidden;height:4px!important}.swiper-pagination-progressbar-fill{background:-webkit-linear-gradient(left,#9ca3af 0%,#6b7280 100%)!important;background:-moz-linear-gradient(left,#9ca3af 0%,#6b7280 100%)!important;background:-o-linear-gradient(left,#9ca3af 0%,#6b7280 100%)!important;background:linear-gradient(90deg,#9ca3af 0%,#6b7280 100%)!important;-webkit-transition:width.4s ease-in-out;-moz-transition:width.4s ease-in-out;-o-transition:width.4s ease-in-out;transition:width.4s ease-in-out;-webkit-border-radius:9999px!important;-moz-border-radius:9999px!important;border-radius:9999px!important}.dark .swiper-pagination-progressbar{background:#e5e7eb!important}.dark .swiper-pagination-progressbar-fill{background:-webkit-linear-gradient(left,#9ca3af 0%,#d1d5db 100%)!important;background:-moz-linear-gradient(left,#9ca3af 0%,#d1d5db 100%)!important;background:-o-linear-gradient(left,#9ca3af 0%,#d1d5db 100%)!important;background:linear-gradient(90deg,#9ca3af 0%,#d1d5db 100%)!important}"})]}),(0,a.jsx)("button",{type:"button","aria-label":"次へ",className:"swiper-button-next-custom inline-flex h-10 w-10 items-center justify-center rounded-full border border-neutral-300 bg-white text-neutral-700 shadow-sm transition hover:bg-neutral-50 hover:text-neutral-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-neutral-400",children:(0,a.jsx)(u.GN,{icon:p._tD,"aria-hidden":"true",className:"h-4 w-4 shrink-0"})})]})})]})};t.default=l()(()=>Promise.resolve(S),{ssr:!1})},1941:function(e,t,n){n.d(t,{gG:function(){return i},s7:function(){return l}});var a=n(9764);function r(e,t,n,a){return 1+(n-new Date(Date.UTC(e,t,1)).getUTCDay()+7)%7+(a-1)*7}function s(e,t,n,a,r){if(!t||!n||!a)return;let s="".concat(t,"-").concat(String(n).padStart(2,"0"),"-").concat(String(a).padStart(2,"0"));e.set(s,r)}function i(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=new Set;

1e.forEach(e=>{let n=(0,a.Un)(e);(null==n?void 0:n.year)&&t.add(n.year)}),t.size||(t.add(new Date().getUTCFullYear()),t.add(new Date().getUTCFullYear()+1));let n=new Map;return[...t].sort((e,t)=>e-t).forEach(e=>{(function(e){let t=new Map;for(let n of(s(t,e,1,1,"元日"),s(t,e,2,11,"建国記念の日"),s(t,e,2,23,"天皇誕生日"),s(t,e,4,29,"昭和の日"),s(t,e,5,3,"憲法記念日"),s(t,e,5,4,"みどりの日"),s(t,e,5,5,"こどもの日"),s(t,e,8,11,"山の日"),s(t,e,11,3,"文化の日"),s(t,e,11,23,"勤労感謝の日"),s(t,e,1,r(e,0,1,2),"成人の日"),s(t,e,7,r(e,6,1,3),"海の日"),s(t,e,9,r(e,8,1,3),"敬老の日"),s(t,e,10,r(e,9,1,2),"スポーツの日"),s(t,e,3,Math.floor(20.8431+.242194*(e-1980)-Math.floor((e-1980)/4)),"春分の日"),s(t,e,9,Math.floor(23.2488+.242194*(e-1980)-Math.floor((e-1980)/4)),"秋分の日"),[...t.entries()].map(e=>{let[t,n]=e,[a,r,s]=t.split("-").map(Number);return{year:a,month:r,day:s,name:n}}))){let e=new Date(Date.UTC(n.year,n.month-1,n.day));if(0!==e.getUTCDay())continue;let r=new Date(e);for(r.setUTCDate(r.getUTCDate()+1);t.has((0,a.yX)({year:r.getUTCFullYear(),month:r.getUTCMonth()+1,day:r.getUTCDate()}));)r.setUTCDate(r.getUTCDate()+1);s(t,r.getUTCFullYear(),r.getUTCMonth()+1,r.getUTCDate(),"振替休日")}let n=[...t.keys()].sort();for(let e=0;e<n.length-1;e+=1){let a=n[e],r=n[e+1],i=new Date("".concat(a,"T00:00:00Z"));if(2!==Math.round((new Date("".concat(r,"T00:00:00Z"))-i)/864e5))continue;let l=new Date(i);l.setUTCDate(l.getUTCDate()+1),0!==l.getUTCDay()&&s(t,l.getUTCFullYear(),l.getUTCMonth()+1,l.getUTCDate(),"国民の休日")}return t})(e).forEach((e,t)=>n.set(t,e))}),n}function l(e,t){if(!e)return"normal";if(function(e,t){if(!e||!t)return"";let n=(0,a.yX)(e);return n&&t.get(n)||""}(e,t))return"holiday";let n=new Date(Date.UTC(e.year,e.month-1,e.day,12,0,0)).getUTCDay();return 0===n?"sunday":6===n?"saturday":"normal"}},3817:function(e,t,n){n.d(t,{SG:function(){return s}});var a=n(9764);function r(e){return(0,a.Un)((null==e?void 0:e.dateTo)||(null==e?void 0:e.dateFrom))}function s(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:(0,a.lS)(),n=function(e){let t=r(e);if(!t)return null;let n=t.hasTime?(0,a.Qv)(t):(0,a.dp)(t);return n?t.hasTime?n:(0,a.E4)(n,1):null}(e);if(!n||!t)return!1;let s=r(e);return(null==s?void 0:s.hasTime)?n<t:n<=t}}}]);