https://www.alter-classimo.com/_next/static/chunks/5608.13e8cab9d4e40c89.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5608],{65608:function(e,t,r){r.r(t),r.d(t,{default:function(){return o}});var i=r(55104),n=r(14258);function o(e){let{modelUrl:t,posterUrl:o,alt:s="3Dモデル",autoRotate:l=!0,cameraControls:u=!0,style:d}=e,a=(0,n.useRef)(null),[c,m]=(0,n.useState)(!1),[f,b]=(0,n.useState)(null);return((0,n.useEffect)(()=>((async()=>{if(!customElements.get("model-viewer"))try{await Promise.all([r.e(61),r.e(8646)]).then(r.bind(r,68646))}catch(e){console.error("Failed to load model-viewer:",e),b("3Dビューワーの読み込みに失敗しました");return}if(a.current&&!a.current.querySelector("model-viewer")){let e=document.createElement("model-viewer");e.setAttribute("src",t),o&&e.setAttribute("poster",o),e.setAttribute("alt",s),l&&e.setAttribute("auto-rotate",""),u&&e.setAttribute("camera-controls",""),e.setAttribute("shadow-intensity","1"),e.setAttribute("exposure","0.8"),e.setAttribute("environment-image","neutral"),e.style.width="100%",e.style.height="100%",e.style.minHeight="300px",e.style.backgroundColor="#1f2937",e.style.borderRadius="0.5rem",e.addEventListener("load",()=>m(!0)),e.addEventListener("error",()=>b("3Dモデルの読み込みに失敗しました")),a.current.appendChild(e)}})(),()=>{if(a.current){let e=a.current.querySelector("model-viewer");e&&e.remove()}}),[t,o,s,l,u]),f)?(0,i.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"#f3f4f6",color:"#6b7280",padding:"2rem",borderRadius:"0.5rem",minHeight:"300px",...d},children:(0,i.jsx)("p",{children:f})}):(0,i.jsx)("div",{ref:a,style:{position:"relative",width:"100%",height:"100%",minHeight:"300px",...d},children:c&&(0,i.jsx)("div",{style:{position:"absolute",bottom:"1rem",left:"50%",transform:"translateX(-50%)",backgroundColor:"rgba(0, 0, 0, 0.6)",color:"white",padding:"0.5rem 1rem",borderRadius:"9999px",fontSize:"0.75rem",pointerEvents:"none",zIndex:10},children:"ドラッグで回転 • ピンチでズーム"})})}}}]);