https://www.eastcoast-nsa.gov.tw/_next/static/chunks/905-5c5be6586eaad5b7.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[905],{22691:(e,t,s)=>{s.d(t,{A:()=>a});var l=s(37876),r=s(14232),n=s(62879),i=s(95879),c=s(81093);s(11066),i.Ay.use([i.Vx,i.dK,i.Ij]);let a=r.memo(({children:e,className:t,onSlideChange:s,pagination:r=!0,slidesPerView:i=1,slidesPerGroup:a=1,spaceBetween:d=0,loop:o=!1,autoplay:x=!1})=>{let m=(0,c.A)("(max-width: 1199.9px)");return(0,l.jsx)(n.RC,{className:t,pagination:r,navigation:!m,slidesPerView:i,slidesPerGroup:a,spaceBetween:d,loop:o,autoplay:x&&{delay:x,disableOnInteraction:!0},onSlideChange:e=>s&&s(e),children:e.map((e,t)=>(0,l.jsx)(n.qr,{children:e},t))})})},24033:(e,t,s)=>{s.d(t,{A:()=>a});var l=s(37876),r=s(14232),n=s(90658),i=s(6065),c=s(81830);let a=r.memo(({prevURL:e,nextURL:t,listURL:s,className:r})=>{let a=(0,n.Ym)();return(0,l.jsx)("section",{className:`maw-1280px mx-auto ${r}`,children:(0,l.jsxs)("div",{className:"row g-0",children:[(0,l.jsx)("div",{className:"col-4",children:e?(0,l.jsx)(c.A,{url:e,title:`${(0,i.Tl)("上一則",a)}`,label:"上一則",isPrev:!0}):(0,l.jsxs)("div",{className:"text-decoration-none fz-18px h-6 text-center text-info d-flex justify-content-center align-items-center border rounded-lg-left",children:[(0,l.jsx)("i",{className:"fz-16px icon icon-arrow-left pr-1 "}),(0,l.jsx)(i.Ay,{children:"上一則"})]})}),(0,l.jsx)("div",{className:"col-4",children:(0,l.jsx)("a",{href:s,className:"btn fz-18px h-6 text-decoration-none text-center d-flex justify-content-center align-items-center border border-left-0 border-right-0 rounded-0 hover-bg-white hover-secondary",title:`${(0,i.Tl)("回列表",a)}`,children:(0,l.jsx)(i.Ay,{children:"回列表"})})}),(0,l.jsx)("div",{className:"col-4",children:t?(0,l.jsx)(c.A,{url:t,title:`${(0,i.Tl)("下一則",a)}`,label:"下一則",isNext:!0}):(0,l.jsxs)("div",{className:"text-decoration-none fz-18px h-6 text-center text-info d-flex justify-content-center align-items-center border rounded-lg-right",children:[(0,l.jsx)(i.Ay,{children:"下一則"}),(0,l.jsx)("i",{className:"fz-16px icon icon-arrow-right pr-1 "})]})})]})})})},28858:(e,t,s)=>{s.d(t,{A:()=>a});var l=s(37876),r=s(14232),n=s(89099),i=s(81093),c=s(6065);let a=r.memo(({data:e,label:t="單元快選",className:s})=>{let a=(0,n.useRouter)(),d=(0,i.A)("(min-width: 768px)"),o=(0,i.A)("(min-width: 1200px)"),[x,m]=(0,r.useState)(!1),h=(0,r.useRef)(null),p=(0,r.useRef)(null),[f,j]=(0,r.useState)(0);return(0,r.useEffect)(()=>{if(h.current){let e=new IntersectionObserver((e,t)=>{m(!e[0].isIntersecting)});return e.observe(h.current),()=>{e.disconnect()}}},[x]),(0,r.useEffect)(()=>{let e=new IntersectionObserver((e,t)=>{e.forEach(e=>{e.isIntersecting&&j(+e.target.id.replace("scroll-anchor-",""))})},{rootMargin:"0px 0px -75% 0px"});document.querySelectorAll('[id*="scroll-anchor"]').forEach(t=>{e.observe(t)})},[e]),(0,r.useEffect)(()=>{if(!f||d)return;let e=p.current,t=document.querySelector(`#btn-scroll-${f}`);t&&(e.scrollLeft=e.scrollLeft+t.getBoundingClientRect().left-e.clientWidth/2+t.clientWidth/2)},[f]),(0,r.useEffect)(()=>{j(0),p.current&&(p.current.scrollLeft=0)},[a]),(0,l.jsxs)("nav",{className:`sticky-nav border-top mx-n2 mx-md-n3 mx-xl-0 position-sticky z-200 ${x?"border-transparent":""} ${s}`,"data-label":t,children:[(0,l.jsx)("div",{className:"z-2000 w-0 h-0 bg-danger sticky-sensor absolute-top-left pointer-events-none",ref:h}),(0,l.jsx)("div",{className:`${x?"":"op-0"} absolute-center z-n1 bg-white vw-100 h-100 pointer-events-none`}),(0,l.jsx)("div",{className:"position-relative mx-xl-auto overflow-hidden",children:(0,l.jsxs)("ul",{className:"bg-white scroll-x-blk px-2 px-md-3 d-flex justify-content-start align-content-center",ref:p,children:[e.map(e=>(0,l.jsx)("li",{className:"flex-shrink-0 mr-3 mx-xl-12px",children:(0,l.jsx)("button",{className:`js-scroll-anchor py-1 py-xl-2 fz-16px fz-xl-18px ${f===e.id?"text-secondary border-bottom border-secondary":"text-dark"} hover-secondary trs-all border-width-2px`,onClick:()=>{document.querySelector(`#scroll-anchor-${e.id}`).scrollIntoView({})},id:`btn-scroll-${e.id}`,children:(0,l.jsx)(c.Ay,{children:e.name})})},e.id)),!o&&(0,l.jsx)("li",{className:"flex-shrink-0 w-2"})]})})]})})},38394:(e,t,s)=>{s.d(t,{A:()=>i});var l=s(37876),r=s(14232),n=s(81093);let i=r.memo(({offset:e=-56,mdOffset:t=-56,xlOffset:s=-104,id:r,className:i,text:c})=>{let a=(0,n.A)("(min-width: 768px)"),d=(0,n.A)("(min-width: 1200px)");return(0,l.jsx)("a",{className:`d-block w-0 h-0 absolute-top-center text-hide pointer-events-none ${i}`,title:c,tabIndex:"-1",id:r,style:{marginTop:d&&s||a&&t||e},children:c})})},43353:(e,t,s)=>{s.d(t,{A:()=>x});var l=s(37876),r=s(14232),n=s(98854),i=s(87259),c=s(78159),a=s(22691),d=s(90658),o=s(6065);let x=r.memo(({images:e,pano:t,street:s,className:x})=>{let m=(0,d.Ym)(),[h,p]=(0,r.useState)(0),f=(0,n.wA)(),j=[{id:1,icon:"icon-photo",title:"照片",src:e||null,component:(0,l.jsx)("div",{className:"embed-responsive bg-placeholder embed-responsive-4by3 embed-responsive-xl-16by9 rounded",children:(0,l.jsx)(a.A,{className:"fill-parent",children:e.map((t,s)=>(0,l.jsx)("div",{className:"w-100",children:(0,l.jsxs)("a",{className:"hover-thumb-scale focus-hint",href:t.src.replace("480x360","1920

1x1080"),title:`${t.subject||t.title}(另開視窗)`,target:"_blank",rel:"noopener noreferrer",onClick:t=>{t.preventDefault(),f((0,c.VZ)({data:e?.map(e=>({src:e.src.replace("480x360","1920x1080"),title:e.title,w:e.width,h:e.height})),index:s})),window.currentFocusTarget=t.currentTarget},children:[(0,l.jsx)(i.A,{src:t?.src?.replace("480x360","1024x768"),alt:"",ratio:"4by3",priority:!0,isRounded:!0,className:""}),(0,l.jsx)("span",{className:"sr-only",children:t.subject||t.title})]})},s))})})},{id:3,icon:"icon-pano",title:"全景",src:t||null,component:(0,l.jsx)("iframe",{src:t,title:`${(0,o.Tl)("全景",m)}`},t)},{id:4,icon:"icon-street",title:"街景",src:s||null,component:(0,l.jsx)("iframe",{src:s,title:"Google Street View"})}];return(0,r.useEffect)(()=>{p(j.find(e=>null!==e.src)?.id)},[]),(0,l.jsxs)("div",{className:x,children:[(0,l.jsx)("ul",{className:"d-flex justify-content-center scroll-x-blk py-1 mb-2",children:j.filter(e=>null!==e.src).map(e=>(0,l.jsx)("li",{className:"mx-4",children:e.src&&(0,l.jsx)("button",{className:`font-weight-bold d-flex align-items-center px-1 pt-1 fz-20px position-relative trs-all border-bottom border-width-2px text-nowrap focus-hint hint-outside ${h===e.id?"border-secondary":"border-transparent text-info"}`,onClick:()=>{p(e.id)},children:(0,l.jsx)(o.Ay,{children:e.title})})},e.id))}),j.filter(e=>null!==e.src).find(e=>e.id===h)&&(0,l.jsx)("div",{className:"embed-responsive embed-responsive-4by3 embed-responsive-xl-16by9 bg-placeholder rounded",children:(0,l.jsx)("div",{className:"embed-responsive-item",children:j.find(e=>e.id===h)?.component})})]})})},46439:(e,t,s)=>{s.d(t,{A:()=>i});var l=s(37876),r=s(14232),n=s(6065);let i=r.memo(({className:e,data:t,lang:s})=>{let{open_time:r,opentimeGoogle:i,address:c,latlng:a,tel:d,ticket:o,website:x}=t;return(0,l.jsxs)("div",{className:e,children:[d&&(0,l.jsxs)("div",{className:"d-flex mb-2 mb-md-20px mb-0-last",children:[(0,l.jsx)("div",{className:"w-9 w-xl-10 d-flex justify-content-between text-info",children:(0,l.jsx)("div",{children:(0,l.jsx)(n.Ay,{children:"電話"})})}),(0,l.jsx)("span",{className:"mx-10px mx-xl-12px",children:"/"}),(0,l.jsx)("div",{children:d})]}),c&&(0,l.jsxs)("div",{className:"d-flex mb-2 mb-md-20px mb-0-last",children:[(0,l.jsx)("div",{className:"w-9 w-xl-10 d-flex justify-content-between text-info",children:(0,l.jsx)(n.Ay,{children:"地址"})}),(0,l.jsx)("span",{className:"mx-10px mx-xl-12px",children:"/"}),(0,l.jsx)("a",{href:`https://www.google.com/maps/place/${a}`,className:"text-dark text-decoration-underline-secondary hover-secondary",target:"_blank",rel:"noopener noreferrer",title:`${(0,n.Tl)(`${c}`,s)}(${(0,n.Tl)("另開視窗",s)})`,children:(0,l.jsx)(n.Ay,{children:c})}),(0,l.jsx)("i",{className:"d-inline-flex icon icon-location ml-1 text-secondary fz-20px"})]}),(r||!!i?.length)&&(0,l.jsxs)("div",{className:"d-flex mb-2 mb-md-20px mb-0-last",children:[(0,l.jsx)("div",{className:"w-9 w-xl-10 text-info text-nowrap",children:(0,l.jsx)(n.Ay,{children:"開放時間"})}),(0,l.jsx)("span",{className:"mx-10px mx-xl-12px",children:"/"}),(0,l.jsx)("div",{children:r?(0,l.jsx)("div",{dangerouslySetInnerHTML:{__html:r.replaceAll("\r\n","<br/>")}}):(0,l.jsx)("ul",{children:i.map((e,t)=>(0,l.jsx)("li",{className:`${t===new Date().getDay()&&"text-primary"} mb-1 mb-0-last`,children:(0,l.jsx)(n.Ay,{children:e})},t))})})]}),o&&(0,l.jsxs)("div",{className:"d-flex mb-2 mb-md-20px mb-0-last",children:[(0,l.jsx)("div",{className:"w-9 w-xl-10 d-flex justify-content-between text-info",children:(0,l.jsx)("div",{children:(0,l.jsx)(n.Ay,{children:"門票資訊"})})}),(0,l.jsx)("span",{className:"mx-10px mx-xl-12px",children:"/"}),(0,l.jsx)("div",{className:"manual-script-blk",dangerouslySetInnerHTML:{__html:o.replaceAll("\r\n","<br/>")}})]}),x&&(0,l.jsxs)("div",{className:"d-flex mb-2 mb-md-20px mb-0-last",children:[(0,l.jsx)("div",{className:"w-9 w-xl-10  d-flex justify-content-between text-info",children:(0,l.jsx)(n.Ay,{children:"官方網站"})}),(0,l.jsx)("span",{className:"mx-10px mx-xl-12px",children:"/"}),(0,l.jsx)("a",{href:`${x}`,className:"btn-link-out hover-secondary trs-all text-dark",target:"_blank",rel:"noopener noreferrer",title:`${(0,n.Tl)(`${c}`,s)}(${(0,n.Tl)("另開視窗",s)})`,children:(0,l.jsx)("span",{children:(0,l.jsx)(n.Ay,{children:"官方網站"})})})]})]})})},81830:(e,t,s)=>{s.d(t,{A:()=>a});var l=s(37876),r=s(14232),n=s(48230),i=s.n(n),c=s(6065);let a=r.memo(({url:e,title:t,label:s="上一則",isPrev:r,isNext:n})=>(0,l.jsxs)(i(),{href:e,title:t,className:`btn text-decoration-none fz-18px h-6 text-center text-dark hover-bg-white hover-secondary d-flex justify-content-center align-items-center border
2            ${r?"rounded-lg-left":""} ${n?"rounded-lg-right":""} `,children:[r&&(0,l.jsx)("i",{className:"fz-16px icon icon-arrow-left pr-1 text-secondary"}),(0,l.jsx)(c.Ay,{children:s}),n&&(0,l.jsx)("i",{className:"fz-16px icon icon-arrow-right pl-1 text-secondary"})]}))}}]);