1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[34],{7429:function(e,n,r){"use strict";r.r(n),r.d(n,{__N_SSG:function(){return d},default:function(){return h}});var t=r(7294),s=r(4941),i=r(9439),c=r(1664),a=r(5884),o=r(5893);function l(e){var n=e.dog;return e.open?(0,o.jsx)("ul",{className:"subbreed-menu",role:"menu",children:n[1].map((function(e,r){var t=(0,a.P)(e);return(0,o.jsx)("li",{role:"none",children:(0,o.jsx)(c.default,{href:"/dogs/".concat(n[0],"/").concat(e),children:(0,o.jsx)("a",{className:"subbreed-item",role:"menuitem",children:t!==e?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("span",{style:{marginRight:".5em"},children:t}),(0,o.jsx)("span",{style:{fontStyle:"italic",fontSize:".85em",opacity:.7},children:e})]}):e})})},r)}))}):null}function u(e){var n=e.dog,r=e.index,s=(0,t.useState)(!1),u=s[0],d=s[1],h=(0,t.useRef)(null),f=(0,a.P)(n[0]),m=n[0],x=n[2],v=n[1].length>0;(0,t.useEffect)((function(){var e=h.current;if(e){if(!window.matchMedia("(prefers-reduced-motion: reduce)").matches){var n=new IntersectionObserver((function(t){(0,i.Z)(t,1)[0].isIntersecting&&(setTimeout((function(){return e.classList.add("in")}),r%8*55),n.disconnect())}),{threshold:.1});return n.observe(e),function(){return n.disconnect()}}e.classList.add("in")}}),[r]);var j=function(e){if(!window.matchMedia("(prefers-reduced-motion: reduce)").matches){var n=h.current;if(n&&n.classList.contains("in")){var r=n.getBoundingClientRect(),t=(e.clientX-r.left)/r.width-.5,s=(e.clientY-r.top)/r.height-.5;n.style.transform="translateY(0) rotateY(".concat(9*t,"deg) rotateX(").concat(9*-s,"deg) translateZ(8px)")}}},p=function(){var e=h.current;e&&(e.style.transform="")},g=(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"thumb",children:x&&(0,o.jsx)("img",{src:x,alt:f,loading:"lazy",width:"310"})}),(0,o.jsxs)("div",{className:"caption",children:[(0,o.jsx)("div",{className:"caption-jp",children:f}),(0,o.jsx)("div",{className:"caption-en",children:m}),(0,o.jsx)("span",{className:"caption-more",children:v?"".concat(n[1].length," \u7a2e\u985e \u2192"):"10\u679a\u3092\u89b3\u308b \u2192"})]})]});return v?(0,o.jsxs)("li",{id:n[0],className:"relative",children:[(0,o.jsx)("button",{ref:h,type:"button",className:"card",onClick:function(){return d(!u)},onMouseMove:j,onMouseLeave:p,"aria-expanded":u,children:g}),(0,o.jsx)(l,{dog:n,open:u})]}):(0,o.jsx)("li",{id:n[0],children:(0,o.jsx)(c.default,{href:"/dogs/".concat(m),children:(0,o.jsx)("a",{ref:h,className:"card",onMouseMove:j,onMouseLeave:p,children:g})})})}var d=!0;function h(e){var n=e.dogs,r=e.imgSrc,i=(0,t.useState)(""),c=i[0],l=i[1],d=(0,t.useState)(!1),h=d[0],f=d[1];(0,t.useEffect)((function(){var e=function(){return f(window.scrollY>400)};return window.addEventListener("scroll",e,{passive:!0}),function(){return window.removeEventListener("scroll",e)}}),[]);var m=(0,t.useMemo)((function(){return n.map((function(e,n){return[e[0],e[1],r[n]]}))}),[n,r]),x=(0,t.useMemo)((function(){if(!c.trim())return m;var e=c.trim().toLowerCase();return m.filter((function(n){return(0,a.P)(n[0]).toLowerCase().includes(e)||n[0].includes(e)}))}),[m,c]);return(0,o.jsxs)(s.Z,{title:"\u72ac\u306e\u5199\u771f\u9928 \uff5c \u72ac\u7a2e\u4e00\u89a7",children:[(0,o.jsxs)("div",{className:"hero",children:[(0,o.jsx)("p",{className:"hero-eyebrow",children:"Dog Portrait Gallery"}),(0,o.jsx)("h1",{className:"hero-title",children:"\u72ac\u306e\u5199\u771f\u9928"}),(0,o.jsx)("div",{className:"hero-rule"}),(0,o.jsx)("p",{className:"hero-desc",children:"\u6c17\u306b\u306a\u308b\u72ac\u7a2e\u3092\u3048\u3089\u3076\u3068\u3001\u305d\u306e\u5b50\u306e\u5199\u771f\u309210\u679a\u3001\u3086\u3063\u304f\u308a\u773a\u3081\u3089\u308c\u307e\u3059\u3002"})]}),(0,o.jsx)("div",{className:"search-wrap",children:(0,o.jsxs)("div",{className:"search-inner",children:[(0,o.jsxs)("svg",{className:"search-icon",viewBox:"0 0 24 24",children:[(0,o.jsx)("circle",{cx:"11",cy:"11",r:"7"}),(0,o.jsx)("line",{x1:"16.5",y1:"16.5",x2:"21",y2:"21"})]}),(0,o.jsx)("input",{type:"search",className:"search-input",placeholder:"\u72ac\u7a2e\u3092\u3055\u304c\u3059\uff08\u4f8b\uff1a\u3057\u3070 / shiba\uff09","aria-label":"\u72ac\u7a2e\u3092\u3055\u304c\u3059",value:c,onChange:function(e){return l(e.target.value)}})]})}),(0,o.jsxs)("ul",{className:"gallery",children:[0===x.length&&(0,o.jsx)("p",{className:"empty-msg",children:"\u305d\u306e\u540d\u524d\u306e\u72ac\u7a2e\u306f\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002"}),x.map((function(e,n){return(0,o.jsx)(u,{dog:e,index:n},e[0])}))]}),h&&(0,o.jsx)("button",{className:"back-to-top",onClick:function(){return window.scrollTo({top:0,behavior:"smooth"})},"aria-label":"\u30da\u30fc\u30b8\u30c8\u30c3\u30d7\u3078\u623b\u308b",title:"\u30da\u30fc\u30b8\u30c8\u30c3\u30d7\u3078",children:(0,o.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,o.jsx)("path",{d:"M18 15l-6-6-6 6"})})})]})}},9121:function(e,n,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/list",function(){return r(7429)}])}},function(e){e.O(0,[828,774,888,179],(function(){return n=9121,e(e.s=n);var n}));var n=e.O();_N_E=n}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.