https://www.city.hakodate.hokkaido.jp/assets/js/app.js?20260728

1import"./events.js";import{S as B,A as D,N as M,P as q}from"./chunk/autoplay.js";class _ extends HTMLElement{constructor(){super(),this.openClassName="open",this.selectedClassName="selected",this.currentButton=null,this.lastFocusElement=null,this.init=()=>{this.buttons.forEach(t=>{t.addEventListener("mouseenter",this.onFocus,{passive:!1}),t.addEventListener("focusin",this.onFocus,{passive:!1})}),this.setLoadSelected(),window.addEventListener("click",this.onClickAround,{passive:!1})},this.clean=()=>{this.currentButton&&(this.currentButton.classList.remove(this.openClassName),this.currentButton=null)},this.setLoadSelected=()=>{const e=new URL(location.href).pathname,i=this.querySelectorAll(".category-icon-menu");if(!this.querySelectorAll(".category-icon-menu.selected").length){let d=!1;const u=document.querySelector("breadcrumb-element");if(u){const h=u.querySelectorAll("ol > li:last-child > a");Array.from(h).forEach(E=>{const y=E.href;if(y&&new URL(y).pathname.startsWith("/category/")){const c=new URL(y);Array.from(i).forEach(l=>{const f=l?.href;if(f){const T=new URL(f).pathname;c.pathname.startsWith(T)&&(d=!0,l.classList.add(this.selectedClassName))}})}})}d||i[0].classList.add(this.selectedClassName)}const o=this.querySelectorAll(".side-category-menu-list__item > a");this.querySelectorAll(".side-category-menu-list__item > a.selected").length||o.forEach(d=>{const u=d.href;if(u){const h=new URL(u);new RegExp(`^${h.pathname}`).test(e)&&d.classList.add(this.selectedClassName)}})},this.onFocus=t=>{const e=t.currentTarget;e&&e instanceof HTMLElement&&(this.currentButton=e,this.buttons.forEach(i=>{i.classList.remove(this.openClassName)}),e.classList.add(this.openClassName),this.addEventListener("mouseleave",this.onMouseLeave,{passive:!1}),this.addEventListener("focusout",this.onFocusOut,{passive:!1}))},this.onMouseLeave=()=>{this.clean()},this.onFocusOut=t=>{this.lastFocusElement===t.target&&this.clean()},this.onClickAround=t=>{const e=t.target;if(e&&e instanceof HTMLElement){const i=`${this.tagName.toLowerCase()}${this.classList.length?`.${Array.from(this.classList).join(".")}`:""}`;e.closest(i)||this.clean()}},this.buttons=this.querySelectorAll(".category-icon-menu"),this.lastFocusElement=this.querySelector(".side-category__menu:last-of-type .side-category-menu-list__item:last-of-type > a"),this.init()}}customElements.get("aside-menu")||customElements.define("aside-menu",_);class H extends HTMLElement{constructor(){super(),this.onClick=()=>{window.scrollTo({top:0,behavior:"smooth"})},this.addEventListener("click",this.onClick,{passive:!1})}}customElements.get("go-top")||customElements.define("go-top",H);class O extends HTMLElement{constructor(){super(),this.currentDialog=null,this.isCssAnimation=!1,this.init=()=>{this.triggers.forEach(t=>{t.addEventListener("click",this.onOpenDialog,{passive:!1})})},this.addClickAroundListener=t=>{document.addEventListener("click",this.onClickAround,{passive:!1}),t.querySelectorAll("[data-modal-close]").forEach(i=>{i.addEventListener("click",this.onCloseDialog,{passive:!1})})},this.removeClickAroundListener=()=>{this.currentDialog&&(document.removeEventListener("click",this.onClickAround),this.currentDialog.querySelectorAll("[data-modal-close]").forEach(e=>{e.removeEventListener("click",this.onCloseDialog)}))},this.open=t=>{if(t.dataset.effect){const e=t.querySelector(".modal");e&&(this.isCssAnimation=!0,e.addEventListener("transitionend",this.onCSSTransitionEnd,{passive:!1}))}t.setAttribute("aria-hidden","false"),t.showModal(),t.focus(),this.addClickAroundListener(t),this.currentDialog=t},this.close=()=>{this.currentDialog&&(this.removeClickAroundListener(),this.isCssAnimation?this.currentDialog.classList.add("closing"):this.clean())},this.clean=()=>{this.currentDialog&&(this.currentDialog.close(),this.currentDialog.setAttribute("aria-hidden","true"),this.currentDialog.classList.remove("closing"),this.currentDialog=null,this.isCssAnimation=!1)},this.onOpenDialog=t=>{t.stopPropagation();const e=t.currentTarget;if(e&&e instanceof HTMLElement){const i=e.dataset.modalTrigger;if(i){const n=this.querySelector(`dialog[data-modal-target="${i}"`);n&&this.open(n)}}},this.onCloseDialog=()=>{this.close()},this.onClickAround=t=>{if(this.currentDialog){const e=t.target;e&&e instanceof HTMLElement&&!e.closest(".modal")&&this.close()}},this.onCSSTransitionEnd=t=>{const e=t.target;if(e&&e instanceof HTMLElement&&e.classList.contains("modal")){const i=e.computedStyleMap(),n=i.get("opacity"),o=i.get("visibility");n&&n instanceof CSSUnitValue&&o&&o instanceof CSSKeywordValue&&n.value===0&&o.value==="hidden"&&this.currentDialog&&this.clean()}},this.triggers=this.querySelectorAll("[data-modal-trigger]"),this.init()}}customElements.get("modal-dialog")||customElements.define("modal-dialog",O);class N extends HTMLElement{constructor(){super(),this.lightThemeHTML="昼景モード<br><small>（ライトモード）</small>",this.darkThemeHTML="夜景モード<br><small>（ダークモード）</small>",this.syncedElements=[],this.init=()=>{if(this.checkbox&&this.text&&this.checkbox.addEventListener("change",this.onChange,{passive:!1}),this.checkbox){const e=localStorage.getItem("theme")==="dark";this.checkbox.checked=e,this.changeText(e),e?(document.documentElement.classList.remove("light"),document.documentElement.classList.add("dark")):(document.documentElement.classList.remove("dark"),document.documentElement.classList.add("light"))}},this.initSync=()=>{const t=document.querySelectorAll("theme-setting"),e=t.length;for(let i=0;i<e;++i){const n=t[i];n!==this&&this.syncedElements.push(n)}},this.onChange=t=>{const e=t?.currentTarget;if(this.text&&e&&e instanceof HTMLInputElement){this.changeText(e.checked),this.toggleClass(),this.setStorage(e.checked);for(let i=0;i<this.syncedElements.length;++i){const n=this.syncedElements[i];n.checkbox&&(n.checkbox.checked=e.checked,n.changeText(e.checked))}}},this.changeText=t=>{this.text&&(t?this.text.innerHTML=this.darkThemeHTML:this.text.innerHTML=this.lightThemeHTML)},this.toggleClass=()=>{document.documentElement.classList.toggle("light"),document.documentElement.classList.toggle("dark")},this.setStorage=t=>{localStorage.setItem("theme",t?"dark":"light")},this.checkbox=this.querySelector('input[type="checkbox"]'),this.text=this.querySelector('[data-theme-setting="text"]'),this.init(),this.initSync()}}customElements.get("theme-setting")||customElements.define("theme-setting",N);class R extends HTMLElement{constructor(){super(),this.init=()=>

1{this.tabs.forEach(t=>{t.addEventListener("click",this.onClick,{passive:!1})})},this.onClick=t=>{const e=t.currentTarget;if(e&&e instanceof HTMLButtonElement){const i=this.querySelector(`[data-content="${e.dataset.tab}"]`);i&&i instanceof HTMLElement&&(this.tabs.forEach(n=>{n instanceof HTMLButtonElement&&(n.disabled=!1)}),this.contents.forEach(n=>{n.hidden=!0}),e.disabled=!0,i.hidden=!1)}},this.tabs=this.querySelectorAll("[data-tab]"),this.contents=this.querySelectorAll("[data-content]"),this.init()}}customElements.get("tab-switch")||customElements.define("tab-switch",R);class P extends HTMLElement{constructor(){super(),this.init=()=>{if(this.swiperElement){const t=this.swiperElement.querySelectorAll(".swiper-slide"),e=t[0];if(e){const i=window.innerWidth,n=e.getBoundingClientRect().width,o=window.matchMedia("(min-width: 600px)").matches?16:8,r=i/(n+o);Math.ceil(r)>t.length?this.swiperElement.classList.add("wheel-carousel"):this.swiper=new B(this.swiperElement,{modules:[D,M,q],loop:!0,autoplay:{delay:3e3,disableOnInteraction:!1,pauseOnMouseEnter:!0},spaceBetween:8,slidesPerView:"auto",centeredSlides:!0,navigation:{prevEl:".swiper-button-prev",nextEl:".swiper-button-next"},pagination:{el:".swiper-pagination",clickable:!0},breakpoints:{600:{spaceBetween:16,slidesPerView:"auto"}}})}}this.playOrPauseButton&&this.playOrPauseButton.addEventListener("click",this.onPlayOrPause,{passive:!1})},this.onPlayOrPause=()=>{this.swiper&&this.playOrPauseButton&&(this.swiper.autoplay.running?this.swiper.autoplay.stop():this.swiper.autoplay.start(),this.playOrPauseButton.dataset.running=this.swiper.autoplay.running.toString())},this.swiperElement=this.querySelector(".swiper"),this.swiper=null,this.playOrPauseButton=this.querySelector(".swiper-play-or-pause"),this.init()}}customElements.get("carousel-element")||customElements.define("carousel-element",P);const m=-1,b=1,p=(s,t,e)=>{const i=s.animate(t,{duration:300,easing:"ease-in-out"});return i.onfinish=n=>{const o=n.currentTarget;o&&o instanceof Animation&&(o.playbackRate===b&&e?.forward&&e.forward(),o.playbackRate===m&&e?.backward&&e.backward())},i},g=(s,t=b)=>{const e=[{height:"0px"},{height:`${s}px`}];return t===m?e.reverse():e};class I extends HTMLElement{constructor(){super(),this.hiddenField=null,this.currentAnimation=null,this.init=()=>{this.moveLists(),this.appendButton()},this.downAnimation=t=>{t.hidden=!1;const e=t.getBoundingClientRect().height;return this.currentAnimation?this.currentAnimation.playbackRate===m?this.currentAnimation.reverse():this.currentAnimation.play():this.currentAnimation=p(t,g(e),{forward:this.forwardCallback(t),backward:this.backwardCallback(t)}),this.currentAnimation},this.upAnimation=t=>{const e=t.getBoundingClientRect().height;return this.currentAnimation?this.currentAnimation.playbackRate===b?this.currentAnimation.reverse():this.currentAnimation.play():this.currentAnimation=p(t,g(e,m),{forward:this.forwardCallback(t),backward:this.backwardCallback(t)}),this.currentAnimation},this.toggleExpandedButton=t=>{t.getAttribute("aria-expanded")==="true"?t.setAttribute("aria-expanded","false"):t.setAttribute("aria-expanded","true")},this.forwardCallback=t=>()=>{t.hidden=!1},this.backwardCallback=t=>()=>{t.hidden=!0,this.currentAnimation=null},this.open=(t,e)=>{const i=this.downAnimation(t);return e&&this.toggleExpandedButton(e),i},this.close=(t,e)=>{const i=this.upAnimation(t);return e&&this.toggleExpandedButton(e),i},this.appendButton=()=>{const t=this.querySelector(".breadcrumb__hidden");if(this.breadcrumb&&t){const e=document.createElement("button");e.type="button",e.classList.add("breadcrumb__more"),e.setAttribute("aria-expanded","false");const i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.classList.add("icon"),i.setAttribute("viewBox","0 0 19 19"),i.setAttribute("xmlns","http://www.w3.org/2000/svg");const n=document.createElementNS("http://www.w3.org/2000/svg","rect");n.classList.add("circle"),n.setAttribute("y","0.5"),n.setAttribute("rx","9"),n.setAttribute("width","18"),n.setAttribute("height","18");const o=document.createElementNS("http://www.w3.org/2000/svg","path");o.classList.add("border","horizontal"),o.setAttribute("d","M14.8232 9.49838C14.8232 9.73264 14.6333 9.92254 14.3991 9.92254H3.60088C3.36662 9.92254 3.17672 9.73264 3.17672 9.49838C3.17672 9.26412 3.36662 9.07422 3.60088 9.07422H14.3991C14.6333 9.07422 14.8232 9.26412 14.8232 9.49838Z");const r=document.createElementNS("http://www.w3.org/2000/svg","path");r.classList.add("border","vertical"),r.setAttribute("d","M8.99771 15.3242C8.76345 15.3242 8.57355 15.1343 8.57355 14.9001V4.10186C8.57355 3.8676 8.76345 3.67769 8.99771 3.67769C9.23197 3.67769 9.42188 3.8676 9.42188 4.10186V14.9001C9.42188 15.1343 9.23197 15.3242 8.99771 15.3242Z"),i.append(n,o,r),e.append(i),e.addEventListener("click",this.onClick,{passive:!1}),this.breadcrumb.append(e)}},this.moveLists=()=>{const t=this.querySelector(".pieceBody");if(t){const e=t.querySelectorAll("ol");if(e.length>1){const i=document.createElement("div");i.classList.add("breadcrumb__hidden"),i.hidden=!0,e.forEach((n,o)=>

1{if(o>0){const r=n.cloneNode(!0);n.remove(),i.append(r)}}),t.append(i),this.hiddenField=i}}},this.onClick=t=>{if(this.hiddenField){const e=t.currentTarget;e&&e instanceof HTMLButtonElement&&(e.getAttribute("aria-expanded")==="true"?this.close(this.hiddenField,e):this.open(this.hiddenField,e))}},this.breadcrumb=this.querySelector(".breadcrumb"),this.init()}}customElements.get("breadcrumb-element")||customElements.define("breadcrumb-element",I);class F extends HTMLElement{constructor(){super(),this.currentAnimation=null,this.currentExpandedButton=null,this.currentExpandedDropDown=null,this.prevAnimation=null,this.prevExpandedButton=null,this.prevExpandedDropDown=null,this.prevScroll=0,this.scrollStop=!1,this.init=()=>{this.buttons.forEach(t=>{t.addEventListener("click",this.onClick,{passive:!1})})},this.onClick=t=>{const e=t?.currentTarget;if(e&&e instanceof HTMLButtonElement){const i=this.querySelector(`[data-menu="${e.dataset.open}"]`);if(i)if(!this.currentExpandedButton)this.open(i,e),this.currentExpandedButton=e,this.currentExpandedDropDown=i;else if(this.currentExpandedButton!==e){if(!(this.currentAnimation&&this.currentAnimation.playState==="running")){this.prevAnimation=this.currentAnimation,this.prevExpandedButton=this.currentExpandedButton,this.prevExpandedDropDown=this.currentExpandedDropDown,this.clean("current"),i.hidden=!1;const n=i.getBoundingClientRect().height;this.currentAnimation=p(i,g(n),{forward:this.forwardCallback(i),backward:this.backwardCallback(i)}),this.currentAnimation.finish(),this.currentExpandedButton=e,this.currentExpandedDropDown=i,this.currentExpandedButton&&this.toggleExpandedButton(this.currentExpandedButton),this.currentExpandedDropDown&&(this.currentExpandedDropDown.hidden=!1),this.prevExpandedButton&&this.toggleExpandedButton(this.prevExpandedButton),this.prevExpandedDropDown&&(this.prevExpandedDropDown.hidden=!0),this.layoutDown(n),this.clean("prev"),this.prevScroll=window.scrollY}}else this.currentExpandedButton===e&&this.close(i,e)}},this.forwardCallback=t=>()=>{t.hidden=!1,this.prevScroll=window.scrollY,this.scrollStop=!1,window.addEventListener("scroll",this.onScroll,{passive:!1})},this.backwardCallback=t=>()=>{t.hidden=!0,this.clean("current"),window.removeEventListener("scroll",this.onScroll)},this.downAnimation=t=>{t.hidden=!1;const e=t.getBoundingClientRect().height;return this.currentAnimation?this.currentAnimation.playbackRate===m?(this.currentAnimation.reverse(),this.layoutUp()):(this.currentAnimation.play(),this.layoutDown(e)):(this.currentAnimation=p(t,g(e),{forward:this.forwardCallback(t),backward:this.backwardCallback(t)}),this.layoutDown(e)),this.currentAnimation},this.upAnimation=t=>{t.hidden=!1;const e=t.getBoundingClientRect().height;return this.currentAnimation?this.currentAnimation.playbackRate===b?(this.currentAnimation.reverse(),this.layoutUp()):(this.currentAnimation.play(),this.layoutUp()):(this.currentAnimation=p(t,g(e,m),{forward:this.forwardCallback(t),backward:this.backwardCallback(t)}),this.layoutUp()),this.currentAnimation},this.toggleExpandedButton=t=>{t.getAttribute("aria-expanded")==="true"?t.setAttribute("aria-expanded","false"):t.setAttribute("aria-expanded","true")},this.open=(t,e)=>{const i=this.downAnimation(t);return e&&this.toggleExpandedButton(e),i},this.close=(t,e)=>{const i=this.upAnimation(t);return e&&this.toggleExpandedButton(e),i},this.clean=t=>{t==="current"&&(this.currentAnimation=null,this.currentExpandedButton=null,this.currentExpandedDropDown=null),t==="prev"&&(this.prevAnimation=null,this.prevExpandedButton=null,this.prevExpandedDropDown=null)},this.onScroll=()=>{if(this.currentAnimation){const t=Math.abs(window.scrollY-this.prevScroll);this.currentAnimation.playState==="finished"&&!this.scrollStop&&t>200&&this.currentExpandedDropDown&&this.currentExpandedButton&&(this.scrollStop=!0,this.close(this.currentExpandedDropDown,this.currentExpandedButton))}},this.layoutUp=()=>{this.layout&&this.layout.style.setProperty("--drop-down-height","0")},this.layoutDown=t=>{this.layout&&this.layout.style.setProperty("--drop-down-height",t.toString())},this.buttons=this.querySelectorAll("button.action-menu-item"),this.dropDowns=this.querySelectorAll(".action-drop-down"),this.layout=document.querySelector('[class*="-layout"]'),this.init()}}customElements.get("action-menu")||customElements.define("action-menu",F);class U extends HTMLElement{constructor(){super(),this.duration=300,this.easing="ease-in-out",this.animation=null,this.direction=1,this.init=()=>{this.buttons.forEach(t=>{t.addEventListener("click",this.onClick,{passive:!1})})},this.onClick=t=>{const e=t?.currentTarget;if(e&&e instanceof HTMLButtonElement){const i=e.getAttribute("aria-expanded")==="true",n=e.nextElementSibling;n&&n instanceof HTMLDivElement&&(i?(e.setAttribute("aria-expanded","fal

1se"),this.close(n)):(e.setAttribute("aria-expanded","true"),this.open(n)))}},this.onAnimation=t=>{this.direction===1&&(t.hidden=!1);let i=[{height:`${t.getBoundingClientRect().height}px`},{height:"0px"}];this.direction===1&&(t.style.height="0px",i=i.reverse()),this.animation=t.animate(i,{duration:this.duration,easing:this.easing}),this.animation.onfinish=n=>{this.onAnimateFinish(n,t),this.animation=null}},this.onAnimateFinish=(t,e)=>{const i=t.currentTarget;if(i&&i instanceof Animation&&i.effect&&i.effect instanceof KeyframeEffect){const n=i.effect.target;n&&n instanceof HTMLDivElement&&(n.style.height="auto")}this.direction===1?(e.hidden=!1,e.focus()):e.hidden=!0},this.open=t=>{this.direction=1,this.animation&&this.animation.reverse(),this.onAnimation(t)},this.close=t=>{this.direction=-1,this.animation&&this.animation.reverse(),this.onAnimation(t)},this.buttons=this.querySelectorAll("button.accordion__trigger"),this.init()}}customElements.get("accordion-element")||customElements.define("accordion-element",U);class $ extends HTMLElement{constructor(){super(),this.init=()=>{this.openButton&&this.openButton.addEventListener("click",this.onOpen,{passive:!1}),this.closeButton&&this.closeButton.addEventListener("click",this.onClose,{passive:!1})},this.onOpen=()=>{this.dialog&&(this.dialog.showModal(),this.dialog.focus())},this.onClose=()=>{this.dialog&&this.dialog.close()},this.openButton=this.querySelector('[data-open="true"]'),this.closeButton=this.querySelector('[data-open="false"]'),this.dialog=this.querySelector("dialog"),this.init()}}customElements.get("drawer-menu")||customElements.define("drawer-menu",$);class K extends HTMLElement{constructor(){super(),this.timeOutId=null,this.initialCheck=!1,this.init=()=>{window.addEventListener("DOMContentLoaded",this.onLoad,{passive:!1})},this.onChange=t=>e=>{const i=e?.currentTarget;i&&i instanceof HTMLInputElement&&(i.checked?this.initialCheck?this.timeOutId&&(clearTimeout(this.timeOutId),this.timeOutId=null):this.timeOutId=t():this.initialCheck?this.timeOutId=t():this.timeOutId&&(clearTimeout(this.timeOutId),this.timeOutId=null))},this.onLoad=()=>{this.checkbox&&(location.href.slice(-2)===".r"&&(this.checkbox.checked=!0,this.initialCheck=!0),this.checkbox.checked?this.checkbox.addEventListener("change",this.onChange(this.timeOutToNoKana),{passive:!1}):this.checkbox.addEventListener("change",this.onChange(this.timeOutToKana),{passive:!1}))},this.timeOutToKana=()=>setTimeout(()=>{let t=`${location.origin}${location.pathname}`;t.at(-1)==="/"&&(t=`${t}index.html`),location.href=`${t}.r${location.hash}`},600),this.timeOutToNoKana=()=>setTimeout(()=>{let t=`${location.origin}${location.pathname}`;t.slice(-2)===".r"&&(t=t.slice(0,-2)),location.href=`${t}${location.hash}`},600),this.checkbox=this.querySelector('input[type="checkbox"]'),this.init()}}customElements.get("kana-setting")||customElements.define("kana-setting",K);function v(){const s=document.getElementById("main");s&&(s.tabIndex=-1,s.focus(),s.scrollIntoView({behavior:"smooth",block:"start"}))}function C(){const s=document.querySelector("action-menu");s&&s.currentExpandedButton&&s.currentExpandedDropDown?s.close(s.currentExpandedDropDown,s.currentExpandedButton).finished.then(()=>{v()}):v()}class V extends HTMLElement{constructor(){super(),this.init=()=>{this.button&&this.button.addEventListener("click",C,{passive:!1})},this.button=this.querySelector("button"),this.init()}}customElements.get("jump-to-body")||customElements.define("jump-to-body",V);class j extends HTMLElement{constructor(){super(),this.animation=null,this.init=()=>{this.buttons.forEach(t=>{t.addEventListener("click",this.onClick,{passive:!1})}),this.summary&&this.summary.addEventListener("click",this.onSummaryClick,{passive:!1})},this.forwardCallback=t=>()=>{t.style.height="auto"},this.backwardCallback=(t,e)=>()=>{e.open=!1,t.style.visibility="hidden",t.style.opacity="0",t.style.height="0"},this.open=()=>{if(this.content&&this.details){this.details.open=!0,this.content.style.height="auto";const t=this.content.getBoundingClientRect().height;this.content.style.height="0",this.animation?this.animation.playbackRate===m?this.animation.reverse():this.animation.play():this.animation=p(this.content,g(t),{forward:this.forwardCallback(this.content),backward:this.backwardCallback(this.content,this.details)}),this.content.style.visibility="visible",this.content.style.opacity="1"}},this.close=()=>{if(this.content&&this.details){const t=this.content.getBoundingClientRect().height;this.animation?this.animation.playbackRate===b?this.animation.reverse():this.animation.play():this.animation=p(this.content,g(t,m),{forward:this.forwardCallback(this.content),backward:this.backwardCallback(this.content,this.details)})}},this.onClick=t=>{const e=t.currentTarget;if(e&&e instanceof HTMLElement){const i=e.dataset.href;i&&(location.href=i)}},this.onSummaryClick=t=>{const e=t.currentTarget;this.details&&e instanceof HTMLElement&&(t.preventDefault(),this.details.open?this.close():this.open())},this.buttons=this.querySelectorAll("button"),this.details=this.querySelector("details"),this.summary=this.querySelector("summary"),this.content=this.querySelector(".language-select__list"),this.init()}}customElements.get("language-select")||customElements.define("language-select",j);class Y extends HTMLElement{constructor(){super(),this.init=()=>{this.setLoadSelected()},this.setLoadSelected=()=>{const e=new URL(location.href).pathname;this.querySelectorAll(".category-link-icon.selected").length||this.links.forEach(n=>{if(n instanceof HTMLAnchorElement){const o=n.href;

1if(o){const r=new URL(o);new RegExp(`^${r.pathname}`).test(e)&&n.classList.add("selected")}}})},this.links=this.querySelectorAll(".category-link-icon"),this.init()}}customElements.get("category-links")||customElements.define("category-links",Y);class W extends HTMLElement{constructor(){super(),this.prevScroll=0,this.ticking=!1,this.on=()=>{window.addEventListener("scroll",this.onScroll,{passive:!1})},this.clean=()=>{this.dataset.scroll="false",window.removeEventListener("scroll",this.onScroll)},this.onScroll=()=>{this.ticking||(window.requestAnimationFrame(()=>{const e=window.scrollY;e>180&&(e>this.prevScroll?this.dataset.scroll="true":this.dataset.scroll="false"),this.ticking=!1,this.prevScroll=e}),this.ticking=!0)};const t=window.matchMedia("(min-width: 1025px)");t.matches&&this.on(),t.addEventListener("change",e=>{e.matches?this.on():this.clean()})}}customElements.get("header-element")||customElements.define("header-element",W);const G=s=>(s.textContent||"").trim().slice(0,100),k=(s,t,e)=>{const i={link_key:s.dataset.gaLink??"",link_text:G(s),link_url:t,transport_type:"beacon",...e};window.gtag?.("event","link_click",i)},L=()=>{const s=document.querySelectorAll("a[data-ga-link]");s.length&&s.forEach(t=>{t.addEventListener("click",e=>{if(e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey){k(t,t.href);return}const i=t.href,n=t.target==="_blank";if(i&&!n){e.preventDefault();let o=!1;const r=window.setTimeout(()=>{o||(location.href=i)},250);k(t,i,{event_callback:()=>{o=!0,window.clearTimeout(r),location.href=i}})}else k(t,i)})})};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",L,{once:!0}):L();const A="別タブで開く";function x(s=document){s.querySelectorAll('a[target="_blank"]').forEach(e=>{if(e.hasAttribute("aria-label")||e.hasAttribute("aria-labelledby"))return;const i=e.textContent?.replace(/\s+/g," ").trim()??"";e.setAttribute("aria-label",i?`${i}(${A})`:A)})}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>x()):x();function J(s){const t=document.createElement("li"),e=document.createElement("a");e.href="/gov/",e.innerText="市政ポータルサイトTOP",t.append(e),s.forEach(i=>{const n=i.querySelectorAll("li > a");let o=null;for(let r=0;r<n.length;++r){const d=n[r],u=d.innerText;u==="TOP"&&(d.innerText="函館市TOP"),u==="カテゴリ"&&d.parentElement?.remove(),r===0&&!o&&d.parentElement&&(o=d.parentElement)}if(o){const r=t.cloneNode(!0);o.after(r)}})}{let s=function(a,c=!1){switch(a){case"Tab":h.tab=c;break;case"Enter":h.enter=c;break}},t=function(a){s(a.key,d),h.tab&&h.enter&&a.preventDefault(),h.tab&&!h.enter&&(document.querySelector("*:focus")||(a.preventDefault(),E=!0))},e=function(a){h.tab&&h.enter&&(a.preventDefault(),C()),h.tab&&!h.enter&&E&&(a.preventDefault(),document.querySelector("jump-to-body > button")?.focus(),E=!1),s(a.key,u)},i=function(){const a=navigator.userAgent;if(!(a.includes("Safari")&&!a.includes("Chrome")&&!a.includes("Edg")))return!1;const l=a.match(/Version\/([0-9._]+)/);return l&&l[1]?parseFloat(l[1].replace("_",".")):!1},n=function(a,c){for(let l=0;l<a.length;l++)a[l].classList.add(c)},o=function(a,c){for(let l=0;l<a.length;l++)a[l].classList.remove(c)},r=function(){const a=i(),c=document.getElementsByClassName("js-device-alert"),l=document.getElementsByClassName("header-main__menu"),f=document.getElementsByClassName("header-main__utility-buttons");typeof a=="number"&&a<=15.3?(c.length>0&&n(c,"alerted"),l.length>0&&n(l,"alerted"),f.length>0&&n(f,"alerted")):a||(c.length>0&&o(c,"alerted"),l.length>0&&o(l,"alerted"),f.length>0&&o(f,"alerted"))};const d=!0,u=!1,h={tab:!1,enter:!1};let E=!1;document.addEventListener("keydown",t,{passive:!1}),document.addEventListener("keyup",e,{passive:!1});const y=document.querySelectorAll(".breadcrumb ol");J(y);const w=document.querySelector("main");w&&(w.id="main"),r();var S=document.getElementById("js-device-alert__button");S?.addEventListener("click",function(){const a=document.getElementsByClassName("js-device-alert");o(a,"alerted")},!1)}document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll(".public-table").forEach(s=>{const t=Array.from(s.querySelectorAll("thead th")).map(e=>e.textContent?.trim()??"");

1s.querySelectorAll("tbody tr").forEach(e=>{e.querySelectorAll("td").forEach((i,n)=>{if(i.querySelector(".label")||!t[n])return;const o=document.createElement("span");o.className="label",o.textContent=t[n],i.prepend(o)})})})});