https://console.graffer.jp/aistudio/_next/static/chunks/6456-b8ea3473a75218d5.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="355b9798-1c9a-4ca5-ab1b-ccbf8d057ae4",e._sentryDebugIdIdentifier="sentry-dbid-355b9798-1c9a-4ca5-ab1b-ccbf8d057ae4")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6456],{4769:e=>{e.exports={toolbar:"toolbar_toolbar__DI1zr","btn-primary":"toolbar_btn-primary__sqcc_",btnPrimary:"toolbar_btn-primary__sqcc_","btn-secondary":"toolbar_btn-secondary__aLx2U",btnSecondary:"toolbar_btn-secondary__aLx2U",divider:"toolbar_divider__pPn9k","section-label":"toolbar_section-label__V_29r",sectionLabel:"toolbar_section-label__V_29r","llm-note":"toolbar_llm-note__VC1KX",llmNote:"toolbar_llm-note__VC1KX","llm-note-swatch":"toolbar_llm-note-swatch__oS2dH",llmNoteSwatch:"toolbar_llm-note-swatch__oS2dH","right-section":"toolbar_right-section__mOQu5",rightSection:"toolbar_right-section__mOQu5","region-toggle":"toolbar_region-toggle__4_oZZ",regionToggle:"toolbar_region-toggle__4_oZZ","region-toggle-label":"toolbar_region-toggle-label__IPZ9A",regionToggleLabel:"toolbar_region-toggle-label__IPZ9A","btn-download":"toolbar_btn-download__342Vk",btnDownload:"toolbar_btn-download__342Vk"}},5188:e=>{e.exports={wrapper:"shape-element_wrapper__BK_eM",selected:"shape-element_selected__RHlvU",svg:"shape-element_svg__8nRI2"}},10408:e=>{e.exports={wrapper:"image-element_wrapper__WJPYs",selected:"image-element_selected__t1Z6c","icon-container":"image-element_icon-container__LJaxB",iconContainer:"image-element_icon-container__LJaxB",image:"image-element_image__shigE",placeholder:"image-element_placeholder__J7e2U"}},18903:(e,t,l)=>{"use strict";l.d(t,{Y:()=>ex});var n=l(15383),a=l(14343),s=l(80063),r=l(1569),i=l(96588),o=l(90265),d=l(65242),c=l(57760),h=l(89600),_=l(64928);let m={yuGothic:"Yu Gothic",yuMincho:"Yu Mincho",arial:"Arial",bizUdpGothic:"BIZ UDPGothic",meiryo:"Meiryo"};async function p(e,t,l){var n;let a,s,r=await fetch(h.sR.SLIDE_GENERATOR.EXPORT_PPTX,{method:"POST",credentials:"include",headers:{"Content-Type":"application/json"},body:JSON.stringify({document:(s=m[a=(n=e).fontFamily??_.nq],{...n,fontFamily:a,slides:n.slides.map(e=>({...e,elements:e.elements.map(e=>"text"===e.type?{...e,style:{...e.style,fontFamily:s}}:e)}))}),filename:t,logoChatFileId:l})});if(!r.ok)throw Error((await r.json().catch(()=>({}))).message??"PPTXの生成に失敗しました");let i=await r.blob(),o=URL.createObjectURL(i),d=window.document.createElement("a");d.href=o,d.download=t,d.click(),URL.revokeObjectURL(o)}var u=l(4769),x=l.n(u);let g=({showBackToLayouts:e=!1,showContentRegionToggle:t=!1,showContentRegion:l=!1,onChangeShowContentRegion:h})=>{let _=(0,s.useRouter)(),m=_.query.slug,u="string"==typeof _.query.presetId&&_.query.presetId.length>0?_.query.presetId:void 0,{document:g,logoChatFileId:b,title:y,addTextElement:v,addShapeElement:j}=(0,c.X)(),[f,w]=(0,a.useState)(!1),[N,C]=(0,a.useState)(!1),k=async()=>{w(!0);try{await p(g,(()=>{let e=(y??"").trim();if(0===e.length)return`slides_${new Date().toISOString().slice(0,10).replace(/-/g,"")}.pptx`;let t=e.replace(/[/\\:*?"<>|\r\n]/g,"_");return`${t}.pptx`})(),b)}catch(e){r.oR.error("PPTXのダウンロードに失敗しました")}finally{w(!1)}};return(0,n.jsxs)(n.Fragment,{children:[N&&(0,n.jsx)(i.WarningDialog,{title:"新規生成",contents:(0,n.jsx)("p",{children:"現在の編集内容は破棄されます。よろしいですか？"}),cancelText:"キャンセル",proceedText:"新規生成",onCancel:()=>C(!1),onProceed:()=>{C(!1),_.push(o.B.SlideGenerator.Index.link(m))}}),(0,n.jsxs)("div",{className:x().toolbar,children:[e?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.SecondaryButton,{isSmall:!0,text:"レイアウト一覧に戻る",onClick:()=>void _.push(o.B.SlideGenerator.Layouts.link(m))}),(0,n.jsx)("div",{className:x().divider}),(0,n.jsxs)("span",{className:x()["llm-note"],children:[(0,n.jsx)("span",{className:x()["llm-note-swatch"]}),"紫色の枠はスライド生成時に AI が生成する箇所です"]})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.SecondaryButton,{isSmall:!0,text:"一覧に戻る",onClick:()=>void _.push(o.B.SlideGenerator.History.link(m))}),(0,n.jsx)(i.PrimaryButton,{isSmall:!0,text:"新規生成",onClick:()=>{C(!0)}}),(0,n.jsx)("div",{className:x().divider}),(0,n.jsx)("span",{className:x()["section-label"],children:"要素追加:"}),(0,n.jsx)(i.SecondaryButton,{isSmall:!0,text:"テキスト",onClick:v}),(0,n.jsx)(i.SecondaryButton,{isSmall:!0,text:"矩形",onClick:()=>j("rectangle")}),(0,n.jsx)(i.SecondaryButton,{isSmall:!0,text:"円",onClick:()=>j("circle")}),(0,n.jsx)(i.SecondaryButton,{isSmall:!0,text:"三角形",onClick:()=>j("triangle")})]}),(0,n.jsxs)("div",{className:x()["right-section"],children:[t&&h&&(0,n.jsxs)("div",{className:x()["region-toggle"],children:[(0,n.jsx)("span",{className:x()["region-toggle-label"],children:"AI生成領域"}),(0,n.jsx)(d.l,{checked:l,onChange:h})]}),e&&void 0!==u&&(0,n.jsx)(i.PrimaryButton,{isSmall:!0,type:"button",text:"このレã

1‚¤ã‚¢ã‚¦ãƒˆã§ç”Ÿæˆ",onClick:()=>{void 0!==u&&_.push({pathname:o.B.SlideGenerator.Index.link(m),query:{presetId:u}})}}),(0,n.jsx)(i.PrimaryButton,{isSmall:!0,type:"button",text:f?"ダウンロード中...":"PPTXをダウンロード",onClick:k,disabled:f})]})]})]})};var b=l(77448),y=l(77797),v=l(49585),j=l.n(v);let f=({showRegionOverlay:e=!0})=>{let{document:t,currentSlideId:l,addSlide:a,deleteSlide:s,selectSlide:r,moveSlide:i}=(0,c.X)();return(0,n.jsxs)("div",{className:j().panel,children:[(0,n.jsxs)("div",{className:j().header,children:[(0,n.jsx)("span",{className:j()["header-label"],children:"スライド"}),(0,n.jsx)("button",{onClick:a,className:j()["add-btn"],children:"追加"})]}),(0,n.jsx)("div",{className:j().list,children:t.slides.map((a,o)=>(0,n.jsxs)("div",{onClick:()=>r(a.id),className:l===a.id?j()["thumbnail-active"]:j().thumbnail,children:[(0,n.jsx)(y.a,{slide:a,showRegionOverlay:e}),(0,n.jsxs)("div",{className:j().footer,children:[(0,n.jsxs)("span",{className:j()["slide-label"],children:["スライド ",o+1]}),(0,n.jsxs)("div",{className:j().actions,children:[(0,n.jsx)("button",{onClick:e=>{e.stopPropagation(),i(a.id,"up")},disabled:0===o,className:j()["move-btn"],children:"↑"}),(0,n.jsx)("button",{onClick:e=>{e.stopPropagation(),i(a.id,"down")},disabled:o===t.slides.length-1,className:j()["move-btn"],children:"↓"}),(0,n.jsx)("button",{onClick:e=>{e.stopPropagation(),s(a.id)},disabled:t.slides.length<=1,className:j()["delete-btn"],children:"\xd7"})]})]}),e&&a.aiGenerated&&(0,n.jsxs)("div",{className:j()["ai-generated-note"],children:[(0,n.jsx)(b.A,{className:j()["ai-generated-note-icon"],"aria-hidden":!0}),(0,n.jsxs)("span",{children:[o+1,"枚目以降はこのフレームを背景に AI が生成します"]})]})]},a.id))})]})};var w=l(31936),N=l(22920),C=l(26391),k=l.n(C);let S=["nw","n","ne","e","se","s","sw","w"],$=({onResizeStart:e})=>(0,n.jsx)(n.Fragment,{children:S.map(t=>(0,n.jsx)("div",{className:`${k()["resize-handle"]} ${k()[`resize-handle-${t}`]}`,onMouseDown:l=>{l.stopPropagation(),e(l,t)}},t))});var M=l(54052),z=l.n(M);let E=({element:e,isSelected:t,scale:l,onMouseDown:s,showAiIndicators:r=!0})=>{let{selectElement:i,updateElement:o}=(0,c.X)(),[d,h]=(0,a.useState)(!1),_=r&&e.content===N.n_,m=e.style.fontSize*N.wd*l,p=e.h/(e.style.fontSize*N.wd),u="middle"===e.style.verticalAlign&&p>=.85&&p<=2?p:1.25;return(0,n.jsxs)("div",{"data-element-id":e.id,className:`${z().wrapper} ${t?z().selected:""} ${_&&!d?z()["llm-placeholder"]:""}`,style:{left:`${e.x/N.cO*100}%`,top:`${e.y/N.ps*100}%`,width:`${e.w/N.cO*100}%`,height:`${e.h/N.ps*100}%`},onClick:t=>{t.stopPropagation(),i(e.id)},onMouseDown:t=>{d||s(t,e.id,"move")},onDoubleClick:()=>{h(!0)},children:[d?(0,n.jsx)("textarea",{value:e.content,onChange:t=>{o(e.id,{content:t.target.value})},onBlur:()=>{h(!1)},autoFocus:!0,className:z().textarea,style:{fontSize:e.style.fontSize*N.wd*l,fontFamily:"sans-serif"===e.style.fontFamily?"Arial":e.style.fontFamily,fontWeight:e.style.fontWeight,color:e.style.color,textAlign:e.style.align}}):(0,n.jsx)("div",{className:z()["text-display"],style:{fontSize:m,fontFamily:"sans-serif"===e.style.fontFamily?"Arial":e.style.fontFamily,fontWeight:e.style.fontWeight,color:e.style.color,lineHeight:u,padding:0,textAlign:e.style.align,justifyContent:"middle"===e.style.verticalAlign?"center":"bottom"===e.style.verticalAlign?"flex-end":"flex-start"},children:e.style.bullet?(0,n.jsx)(n.Fragment,{children:e.content.split(/\r\n|\r|\n/).map(e=>{let t=e.match(/^\t*/)?.[0].length??0;return{text:e.slice(t),level:t}}).filter(e=>e.text.length>0).map((e,t)=>(0,n.jsxs)("span",{className:z()["bullet-line"],style:{paddingLeft:`${1.4*e.level}em`},children:[(0,n.jsx)("span",{className:`${z()["bullet-marker"]} ${0===e.level?z()["bullet-marker-filled"]:z()["bullet-marker-hollow"]}`,"aria-hidden":!0}),(0,n.jsx)("span",{children:e.text})]},t))}):(0,n.jsx)("span",{children:e.content})}),_&&!d&&(0,n.jsxs)("div",{className:z()["llm-badge"],title:"AIがテキストを生成する箇所",children:[(0,n.jsx)(b.A,{className:z()["llm-badge-icon"],"aria-hidden":!0}),(0,n.jsx)("span",{children:"AI生成"})]}),t&&!d&&(0,n.jsx)($,{onResizeStart:(t,l)=>s(t,e.id,"resize",l)})]})};var I=l(38454),F=l(24903),R=l(22574),L=l(78439),A=l(10408),O=l.n(A);let P=({element:e,isSelected:t,scale:l,onMouseDown:a})=>{let{selectElement:s,logoChatFileId:r,document:i}=(0,c.X)(),o=e.src?(0,L.jV)(e.src):null,d=i.keyColor??L.X5,h=e.src?(0,R.H)(e.src,r)??(0,F.u)(e.src)??(0,I._)(e.src)??e.src:null;return(0,n.jsxs)("div",{"data-element-id":e.id,className:`${O().wrapper} ${t?O().selected:""}`,style:{left:`${e.x/N.cO*100}%`,top:`${e.y/N.ps*100}%`,width:`${e.w/N.cO*100}%`,height:`${e.h/N.ps*100}%`},onClick:t=>{t.stopPropagation(),s(e.id)},onMouseDown:t=>a(t,e.id,"move"),children:[o?(0,n.jsx)("div",{className:O()["icon-container"],children:(0,n.jsx)(o,{size:Math.min(e.w,e.h)*l,color:d,strokeWidth:2})}):h?(0,n.jsx)("img",{src:h,alt:"",className:O().image,draggable:!1}):(0,n.jsx)("div",{className:O().placeholder,children:"画像"}),t&&(0,n.jsx)($,{onResizeStart:(t,l)=>a(t,e.id,"resize",l)})]})};var X=l(5188),B=l.n(X);let D=({element:e,isSelected:t,scale:l,onMouseDown:a})=>{let{selectElement:s}=(0,c.X)();return(0,n.jsxs)("div",{"data-element-id":e.id,className:`${B().wrapper} ${t?B().selected:""}`,style:{left:`${e.x/N.cO*100}%`,top:`${e.y/N.ps*100}%`,width:`${e.w/N.cO*100}%`,height:`${e.h/N.ps*100}%`,transform:null!=e.rotation?`rotate(${e.rotation}deg)`:void 0,transformOrigin:"center center"},onClick:t=>{t.stopPropagation(),s(e.id)},onMouseDown:t=>a(t,e.id,"move"),children:[(0,n.jsx)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${e.w} ${e.h}`,preserveAspectRatio:"xMinYMin meet",style:{overflow:"visible"},className:B().svg,children:(()=>{let t=e.w,l=e.h,a=e.strokeWidth;

1switch(e.shapeType){case"rectangle":return(0,n.jsx)("rect",{x:a/2,y:a/2,width:Math.max(0,t-a),height:Math.max(0,l-a),rx:e.radius??0,ry:e.radius??0,fill:e.fill,stroke:e.stroke,strokeWidth:a});case"circle":return(0,n.jsx)("ellipse",{cx:t/2,cy:l/2,rx:(t-a)/2,ry:(l-a)/2,fill:e.fill,stroke:e.stroke,strokeWidth:a});case"triangle":let s=`${t/2},${a} ${t-a},${l-a} ${a},${l-a}`;return(0,n.jsx)("polygon",{points:s,fill:e.fill,stroke:e.stroke,strokeWidth:a});default:return(0,n.jsx)(n.Fragment,{})}})()}),t&&(0,n.jsx)($,{onResizeStart:(t,l)=>a(t,e.id,"resize",l)})]})};var H=l(97071),T=l.n(H);let W=({element:e,isSelected:t,scale:l,onMouseDown:a})=>{let{selectElement:s}=(0,c.X)();return(0,n.jsxs)("div",{"data-element-id":e.id,className:`${T().wrapper} ${t?T().selected:""}`,style:{left:`${e.x/N.cO*100}%`,top:`${e.y/N.ps*100}%`,width:`${e.w/N.cO*100}%`,height:`${e.h/N.ps*100}%`},onClick:t=>{t.stopPropagation(),s(e.id)},onMouseDown:t=>a(t,e.id,"move"),children:[(0,n.jsxs)("table",{className:T().table,children:[(0,n.jsx)("thead",{children:(0,n.jsx)("tr",{children:e.headers.map((t,l)=>(0,n.jsx)("th",{className:T().cell,style:{backgroundColor:e.headerFill,color:e.headerColor},children:t},l))})}),(0,n.jsx)("tbody",{children:e.rows.map((t,l)=>(0,n.jsx)("tr",{children:t.map((t,l)=>(0,n.jsx)("td",{className:T().cell,style:{color:e.bodyColor},children:t},l))},l))})]}),t&&(0,n.jsx)($,{onResizeStart:(t,l)=>a(t,e.id,"resize",l)})]})};var G=l(90731),Y=l.n(G);let K=["#3b82f6","#ef4444","#10b981","#f59e0b","#8b5cf6","#ec4899","#14b8a6","#f97316"],U=e=>e.flatMap(e=>e.values),V=({element:e,isSelected:t,scale:l,onMouseDown:a})=>{let{selectElement:s}=(0,c.X)();return(0,n.jsxs)("div",{"data-element-id":e.id,className:`${Y().wrapper} ${t?Y().selected:""}`,style:{left:`${e.x/N.cO*100}%`,top:`${e.y/N.ps*100}%`,width:`${e.w/N.cO*100}%`,height:`${e.h/N.ps*100}%`},onClick:t=>{t.stopPropagation(),s(e.id)},onMouseDown:t=>a(t,e.id,"move"),children:[e.title&&(0,n.jsx)("div",{className:Y().title,children:e.title}),(0,n.jsx)("svg",{width:"100%",height:"100%",viewBox:"0 0 400 300",preserveAspectRatio:"none",className:Y().svg,children:(()=>{switch(e.chartType){case"bar":return(e=>{let t=344,l=236,a=Math.max(0,...U(e.series)),s="horizontal"===e.direction,r=e.categories.length,i=Math.max(1,e.series.length);if(0===r||a<=0)return(0,n.jsx)(n.Fragment,{});let o=(s?l:t)/r,d=.8*o/i;return(0,n.jsx)("g",{children:e.series.map((e,r)=>(0,n.jsx)("g",{fill:K[r%K.length],children:e.values.map((e,i)=>{if(s){let l=32+i*o+.1*o+r*d;return(0,n.jsx)("rect",{x:40,y:l,width:e/a*t,height:d},i)}let c=e/a*l,h=40+i*o+.1*o+r*d;return(0,n.jsx)("rect",{x:h,y:32+l-c,width:d,height:c},i)})},r))})})(e);case"line":return(e=>{let t=344,l=236,a=Math.max(0,...U(e.series)),s="horizontal"===e.direction,r=e.categories.length;if(r<=1||a<=0)return(0,n.jsx)(n.Fragment,{});let i=(s?l:t)/(r-1);return(0,n.jsx)("g",{fill:"none",strokeWidth:2,children:e.series.map((e,r)=>{let o=K[r%K.length],d=e.values.map((e,n)=>s?`${40+e/a*t},${32+n*i}`:`${40+n*i},${32+l-e/a*l}`).join(" ");return(0,n.jsx)("polyline",{stroke:o,points:d},r)})})})(e);case"pie":var t=e;let l=126,a=t.series[0];if(!a)return(0,n.jsx)(n.Fragment,{});let s=a.values.reduce((e,t)=>e+Math.max(0,t),0);if(s<=0)return(0,n.jsx)(n.Fragment,{});let r=0;return(0,n.jsx)("g",{children:a.values.map((e,t)=>{let a=r/s*Math.PI*2,i=(r+=e)/s*Math.PI*2,o=+(i-a>Math.PI),d=200+l*Math.sin(a),c=158-l*Math.cos(a),h=200+l*Math.sin(i),_=158-l*Math.cos(i),m=`M 200 158 L ${d} ${c} A ${l} ${l} 0 ${o} 1 ${h} ${_} Z`;return(0,n.jsx)("path",{d:m,fill:K[t%K.length]},t)})});default:return(0,n.jsx)(n.Fragment,{})}})()}),t&&(0,n.jsx)($,{onResizeStart:(t,l)=>a(t,e.id,"resize",l)})]})},Z=(e,t,l)=>{let n=Math.cos(l),a=Math.sin(l);return{x:e*n-t*a,y:e*a+t*n}};var q=l(44926),J=l.n(q);let Q=(0,a.forwardRef)(function({showContentRegionToggle:e=!1,showContentRegion:t=!1},l){let{document:s,currentSlideId:r,selectedElementId:i,selectElement:o}=(0,c.X)(),d=s.slides.find(e=>e.id===r),h=d?.contentRegion,_=d?.aiGenerated===!0&&null!=h,m=!e||t,{containerRef:p,scale:u,handleMouseDown:x,handleMouseMove:g,handleMouseUp:y}=(()=>{let{document:e,currentSlideId:t,updateElementBounds:l,selectElement:n}=(0,c.X)(),s=(0,a.useRef)(null),[r,i]=(0,a.useState)(.1),o=(0,a.useCallback)(e=>{if(s.current?.disconnect(),s.current=null,!e)return;let t=()=>{let t,l,n,a,s,r,o;e.clientWidth>0&&e.clientHeight>0&&i((l=parseFloat((t=getComputedStyle(e)).paddingLeft)||0,n=parseFloat(t.paddingRight)||0,a=parseFloat(t.paddingTop)||0,s=parseFloat(t.paddingBottom)||

10,r=Math.max(1,e.clientWidth-l-n),o=Math.max(1,e.clientHeight-a-s),Math.max(.1,Math.min(r/N.cO,o/N.ps))))};t();let l=new ResizeObserver(t);l.observe(e),s.current=l},[]),[d,h]=(0,a.useState)({isDragging:!1,elementId:null,mode:"move",direction:null,startX:0,startY:0,startElementX:0,startElementY:0,startElementW:0,startElementH:0,startRotation:0}),_=e.slides.find(e=>e.id===t),m=(0,a.useCallback)((e,t,l,a)=>{e.preventDefault(),e.stopPropagation();let s=_?.elements.find(e=>e.id===t);if(!s)return;n(t);let r="rotation"in s&&"number"==typeof s.rotation?s.rotation:0;h({isDragging:!0,elementId:t,mode:l,direction:"resize"===l?a??"se":null,startX:e.clientX,startY:e.clientY,startElementX:s.x,startElementY:s.y,startElementW:s.w,startElementH:s.h,startRotation:r})},[_,n]),p=(0,a.useCallback)(e=>{if(d.isDragging&&d.elementId){if("move"===d.mode){let t=(e.clientX-d.startX)/r,n=(e.clientY-d.startY)/r;l(d.elementId,{x:Math.round(d.startElementX+t),y:Math.round(d.startElementY+n)})}else if("resize"===d.mode&&d.direction){let t=(e.clientX-d.startX)/r,n=(e.clientY-d.startY)/r,a=((e,t,l,n,a,s)=>{let r=a*Math.PI/180,i=Z(l,n,-r),{sx:o,sy:d}={sx:t.includes("e")?1:t.includes("w")?-1:0,sy:t.includes("s")?1:t.includes("n")?-1:0},c=e.w+o*i.x,h=e.h+d*i.y;if(s&&0!==o&&0!==d){let t=Math.abs(i.x)>=Math.abs(i.y)?c/e.w:h/e.h;c=e.w*t,h=e.h*t}c=Math.max(20,c),h=Math.max(20,h);let _=-o,m=-d,p=e.x+e.w/2,u=e.y+e.h/2,x=Z(_*e.w/2,m*e.h/2,r),g=p+x.x,b=u+x.y,y=Z(_*c/2,m*h/2,r);return{x:Math.round(g-y.x-c/2),y:Math.round(b-y.y-h/2),w:Math.round(c),h:Math.round(h)}})({x:d.startElementX,y:d.startElementY,w:d.startElementW,h:d.startElementH},d.direction,t,n,d.startRotation,e.shiftKey);l(d.elementId,a)}}},[d,r,l]);return{containerRef:o,scale:r,handleMouseDown:m,handleMouseMove:p,handleMouseUp:(0,a.useCallback)(()=>{h(e=>({...e,isDragging:!1,elementId:null,direction:null}))},[])}})();return(0,n.jsx)("div",{ref:p,className:J().container,children:(0,n.jsxs)("div",{ref:l,"data-canvas-root":!0,className:J().canvas,style:{width:N.cO*u,height:N.ps*u,aspectRatio:"16 / 9",...{backgroundColor:d?(0,w.J5)(d):"#ffffff"}},onClick:e=>{e.target===e.currentTarget&&o(null)},onMouseMove:g,onMouseUp:y,onMouseLeave:y,children:[(d?.elements??[]).map(e=>{let t=i===e.id,l={element:e,isSelected:t,scale:u,onMouseDown:x};switch(e.type){case"text":return(0,n.jsx)(E,{...l,element:e,showAiIndicators:m},e.id);case"image":return(0,n.jsx)(P,{...l,element:e},e.id);case"shape":return(0,n.jsx)(D,{...l,element:e},e.id);case"table":return(0,n.jsx)(W,{...l,element:e},e.id);case"chart":return(0,n.jsx)(V,{...l,element:e},e.id);default:return null}}),(e?t:_)&&h?_?(0,n.jsx)("div",{className:J()["ai-generate-overlay"],style:{left:`${h.x/N.cO*100}%`,top:`${h.y/N.ps*100}%`,width:`${h.w/N.cO*100}%`,height:`${h.h/N.ps*100}%`},children:(0,n.jsxs)("div",{className:J()["ai-generate-badge"],children:[(0,n.jsx)(b.A,{className:J()["ai-generate-badge-icon"],"aria-hidden":!0}),(0,n.jsx)("span",{children:"このフレームを背景に AI が生成します"})]})}):(0,n.jsx)("div",{className:J()["content-region"],style:{left:`${h.x/N.cO*100}%`,top:`${h.y/N.ps*100}%`,width:`${h.w/N.cO*100}%`,height:`${h.h/N.ps*100}%`},children:(0,n.jsx)("span",{className:J()["content-region-label"],children:"本文領域"})}):null]})})});var ee=l(32344),et=l(98279),el=l.n(et);let en=_.SK.map(e=>({name:_.T1[e],value:e})),ea=[{name:"左",value:"left"},{name:"中央",value:"center"},{name:"右",value:"right"}],es=[{name:"棒",value:"bar"},{name:"折れ線",value:"line"},{name:"円",value:"pie"}],er=[{name:"縦",value:"vertical"},{name:"横",value:"horizontal"}],ei=({showColorSettings:e=!0})=>{let{document:t,currentSlideId:l,selectedElementId:a,updateElement:s,updateElementBounds:r,deleteElement:o,updateKeyColor:d,updateFontFamily:h}=(0,c.X)(),m=t.slides.find(e=>e.id===l),p=m?.elements.find(e=>e.id===a),u=e=>{d(e)},x=t.keyColor??ee.Kj,g=t.fontFamily??_.nq;if(!p)return(0,n.jsxs)("div",{className:el().panel,children:[(0,n.jsx)("h3",{className:el()["section-title"],children:"スライド設定"}),e&&(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:el()["field-label"],children:"Keyカラー"}),(0,n.jsx)("div",{className:el()["color-grid"],children:ee.Hi.map(e=>(0,n.jsx)("button",{onClick:()=>u(e),className:x===e?el()["color-swatch-active"]:el()["color-swatch"],style:{backgroundColor:e},title:e},e))}),(0,n.jsxs)("div",{className:el()["custom-color-section"],children:[(0,n.jsx)("label",{className:el()["custom-color-label"],children:"カスタムカラー"}),(0,n.jsx)("input",{type:"color",value:x,onChange:e=>u(e.target.value),className:el()["color-input"]})]}),(0,n.jsx)("button",{onClick:()=>{d(ee.Kj)},className:el()["reset-btn"],children:"デフォルトに戻す"})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:el()["field-label"],children:"フォント"}),(0,n.jsx)(i.Select,{label:"",description:"",value:g,onChange:h,options:en})]})]});let b=(e,t)=>{let l=p.id;"x"===e?r(l,{x:t}):"y"===e?r(l,{y:t}):"w"===e?r(l,{w:t}):r(l,{h:t})};return(0,n.jsxs)("div",{className:el()["panel-scroll"],children:[(0,n.jsxs)("div",{className:el()["prop-header"],children:[(0,n.jsx)("h3",{className:el()["section-title"],children:"プロパティ"}),(0,n.jsx)(i.DangerButton,{isSmall:!0,text:"削除",onClick:()=>o(p.id)})]}),(0,n.jsxs)("div",{className:el()["form-sections"],children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:el()["field-label"],children:"位置・サイズ"}),(0,n.jsxs)("div",{className:el()["field-grid"],children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("span",{className:el()["field-hint"],children:"X"}),(0,n.jsx)("input",{type:"number",value:p.x,onChange:e=>b("x",Number(e.target.value)),className:el()["text-input"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("span",{className:el()["field-hint"],children:"Y"}),(0,n.jsx)("input",{type:"number",value:p.y,onChange:e=>b("y",Number(e.target.value)),className:el()["text-input"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("span",{className:el()["field-hint"],children:"幅"}),(0,n.jsx)("input",{type:"number",value:p.w,onChange:e=>b("w",Number(e.target.value)),className:el()["text-input"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("span",{className:el()["field-hint"],children:"高さ"}),(0,n.jsx)("input",{type:"number",value:p.h,onChange:e=>b("h",Number(e.target.value)),className:el()["text-input"]})]})]})]}),"text"===p.type&&(0,n.jsx)(eo,{element:p,updateElement:s}),"image"===p.type&&(0,n.jsx)(ed,{element:p,updateElement:s}),"shape"===p.type&&(0,n.jsx)(ec,{element:p,updateElement:s}),"table"===p.type&&(0,n.jsx)(eh,{element:p,updateElement:s}),"chart"===p.type&&(0,n.jsx)(e_,{element:p,updateElement:s})]})]})},eo=({element:e,updateElement:t})=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:el()["field-label"],children:"テキスト"}),(0,n.jsx)("textarea",{value:e.content,onChange:l=>t(e.id,{content:l.target.value}),className:el()["text-area"],rows:3})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:el()["field-label"],children:"フォントサイズ"}),(0,n.jsx)("input",{type:"number",value:e.style.fontSize,onChange:l=>t(e.id,{style:{...e.style,fontSize:Number(l.target.value)}}),className:el()["text-input"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:el()["field-label"],children:"色"}),(0,n.jsx)("input",{type:"color",value:e.style.color,onChange:l=>t(e.id,{style:{...e.style,color:l.target.value}}),className:el()["color-input"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:el()["field-label"],children:"配置"}),(0,n.jsx)(i.Select,{label:"",description:"",value:e.style.align,onChange:l=>t(e.id,{style:{...e.style,align:l}}),options:ea})]})]}),ed=({element:e,updateElement:t})=>(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:el()["field-label"],children:"画像URL"}),(0,n.jsx)("input",{type:"text",value:e.src,onChange:l=>t(e.id,{src:l.target.value}),className:el()["text-input"],placeholder:"https://..."})]}),ec=({element:e,updateElement:t})=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:el()["field-label"],children:"塗りつぶし"}),(0,n.jsx)("input",{type:"color",value:e.fill,onChange:l=>t(e.id,{fill:l.target.value}),className:el()["color-input"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:el()["field-label"],children:"枠線色"}),(0,n.jsx)("input",{type:"color",value:e.stroke,onChange:l=>t(e.id,{stroke:l.target.value}),className:el()["color-input"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:el()["field-label"],children:"枠線幅"}),(0,n.jsx)("input",{type:"number",value:e.strokeWidth,onChange:l=>t(e.id,{strokeWidth:Number(l.target.value)}),className:el()["text-input"],min:0})]})]}),eh=({element:e,updateElement:t})=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:el()["field-label"],children:"ヘッダー塗りつぶし"}),(0,n.jsx)("input",{type:"color",value:e.headerFill,onChange:l=>t(e.id,{headerFill:l.target.value}),className:el()["color-input"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:el()["field-label"],children:"ヘッダー文字色"}),(0,n.jsx)("input",{type:"color",value:e.headerColor,onChange:l=>t(e.id,{headerColor:l.target.value}),className:el()["color-input"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:el()["field-label"],children:"本文文字色"}),(0,n.jsx)("input",{type:"color",value:e.bodyColor,onChange:l=>t(e.id,{bodyColor:l.target.value}),className:el()["color-input"]})]})]}),e_=({element:e,updateElement:t})=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:el()["field-label"],children:"グラフ種別"}),(0,n.jsx)(i.Select,{label:"",description:"",value:e.chartType,onCh

1ange:l=>t(e.id,{chartType:l}),options:es})]}),"bar"===e.chartType&&(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:el()["field-label"],children:"方向"}),(0,n.jsx)(i.Select,{label:"",description:"",value:e.direction,onChange:l=>t(e.id,{direction:l}),options:er})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:el()["field-label"],children:"タイトル"}),(0,n.jsx)("input",{type:"text",value:e.title??"",onChange:l=>t(e.id,{title:l.target.value}),className:el()["text-input"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:el()["field-label"],children:"カテゴリ（カンマ区切り）"}),(0,n.jsx)("input",{type:"text",value:e.categories.join(", "),onChange:l=>t(e.id,{categories:l.target.value.split(",").map(e=>e.trim()).filter(e=>e.length>0)}),className:el()["text-input"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:el()["field-label"],children:"系列（1行 = 「名前:値1,値2,…」）"}),(0,n.jsx)("textarea",{value:e.series.map(e=>`${e.name}:${e.values.join(",")}`).join("\n"),onChange:l=>t(e.id,{series:l.target.value.split("\n").map(e=>e.trim()).filter(e=>e.length>0).map(e=>{let[t,l=""]=e.split(":"),n=l.split(",").map(e=>Number(e.trim())).filter(e=>Number.isFinite(e));return{name:(t??"").trim(),values:n}})}),className:el()["text-area"],rows:4})]})]}),em=e=>{if(!(e instanceof HTMLElement))return!1;if(e.isContentEditable||e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement||e instanceof HTMLButtonElement||e instanceof HTMLAnchorElement)return!0;let t=e.getAttribute("role");return"textbox"===t||"combobox"===t||"searchbox"===t};var ep=l(60256),eu=l.n(ep);let ex=({showColorSettings:e=!0,showBackToLayouts:t=!1,showContentRegionToggle:l=!1})=>{(()=>{let{document:e,currentSlideId:t,selectedElementId:l,updateElementBounds:n}=(0,c.X)(),s=(0,a.useRef)({document:e,currentSlideId:t,selectedElementId:l,updateElementBounds:n});s.current={document:e,currentSlideId:t,selectedElementId:l,updateElementBounds:n},(0,a.useEffect)(()=>{let e=e=>{if(e.defaultPrevented||e.metaKey||e.ctrlKey||e.altKey||em(e.target))return;let{document:t,currentSlideId:l,selectedElementId:n,updateElementBounds:a}=s.current;if(null===n||null===l)return;let r=e.shiftKey?10:1,i=((e,t)=>{switch(e){case"ArrowLeft":return{dx:-t,dy:0};case"ArrowRight":return{dx:t,dy:0};case"ArrowUp":return{dx:0,dy:-t};case"ArrowDown":return{dx:0,dy:t};default:return null}})(e.key,r);if(null===i)return;let o=t.slides.find(e=>e.id===l),d=o?.elements.find(e=>e.id===n);d&&(e.preventDefault(),a(n,{x:d.x+i.dx,y:d.y+i.dy}))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[])})(),(()=>{let{document:e,currentSlideId:t,selectSlide:l}=(0,c.X)(),n=(0,a.useRef)({document:e,currentSlideId:t,selectSlide:l});n.current={document:e,currentSlideId:t,selectSlide:l},(0,a.useEffect)(()=>{let e=e=>{if(e.defaultPrevented||"ArrowUp"!==e.key&&"ArrowDown"!==e.key||e.metaKey||e.ctrlKey||e.altKey||e.shiftKey||em(e.target))return;let{document:t,currentSlideId:l,selectSlide:a}=n.current;if(null===l)return;let s=t.slides,r=s.findIndex(e=>e.id===l);if(-1===r)return;let i="ArrowUp"===e.key?r-1:r+1;i<0||i>=s.length||(e.preventDefault(),a(s[i].id))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[])})(),(()=>{let{selectedElementId:e,deleteElement:t}=(0,c.X)(),l=(0,a.useRef)({selectedElementId:e,deleteElement:t});l.current={selectedElementId:e,deleteElement:t},(0,a.useEffect)(()=>{let e=e=>{if(e.defaultPrevented||"Delete"!==e.key&&"Backspace"!==e.key||e.metaKey||e.ctrlKey||e.altKey||e.shiftKey||em(e.target))return;let{selectedElementId:t,deleteElement:n}=l.current;null!==t&&(e.preventDefault(),n(t))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[])})();let[s,r]=(0,a.useState)(l),i=!l||s;return(0,n.jsxs)("div",{className:eu().container,children:[(0,n.jsx)(g,{showBackToLayouts:t,showContentRegionToggle:l,showContentRegion:s,onChangeShowContentRegion:r}),(0,n.jsxs)("div",{className:eu().content,children:[(0,n.jsx)(f,{showRegionOverlay:i}),(0,n.jsx)(Q,{showContentRegionToggle:l,showContentRegion:s}),(0,n.jsx)(ei,{showColorSettings:e})]})]})}},26391:e=>{e.exports={"resize-handle":"element-selection-handles_resize-handle__fxLVh",resizeHandle:"element-selection-handles_resize-handle__fxLVh","resize-handle-nw":"element-selection-handles_resize-handle-nw__I01jo",resizeHandleNw:"element-selection-handles_resize-handle-nw__I01jo","resize-handle-n":"element-selection-handles_resize-handle-n___drHR",resizeHandleN:"element-selection-handles_resize-handle-n___drHR","resize-handle-ne":"element-selection-handles_resize-handle-ne__IuDMt",resizeHandleNe:"element-selection-handles_resize-handle-ne__IuDMt","resize-handle-e":"element-selection-handles_resize-handle-e__sJwry",resizeHandleE:"element-selection-handles_resize-handle-e__sJwry","resize-handle-se":"element-selection-handles_resize-handle-se__BmHNv",resizeHandleSe:"element-selection-handles_resize-handle-se__BmHNv","resize-handle-s":"element-selection-handles_resize-handle-s___1N4o",resizeHandleS:"element-selection-handles_resize-handle-s___1N4o","resize-handle-sw":"element-selection-handles_resize-handle-sw__nhgch",resizeHandleSw:"element-selection-handles_resize-handle-sw__nhgch","resize-handle-w":"element-selection-handles_resize-handle-w__hCoAa",resizeHandleW:"element-selection-handles_resize-handle-w__hCoAa"}},43432:e=>{e.exports={switchContent:"toggle_switchContent__vLAEB",onContent:"toggle_onContent__cXUYG",offContent:"toggle_offContent__r23q1",switchCircle:"toggle_switchCircle__E2WGv"}},44926:e=>{e.exports={container:"canvas-editor_container__9_viX",canvas:"canvas-editor_canvas__ozXCa","content-region":"canvas-editor_content-region__obs41",contentRegion:"canvas-editor_content-region__obs41","content-region-label":"canvas-editor_content-region-label__0KJ9J",contentRegionLabel:"canvas-editor_content-region-label__0KJ9J","ai-generate-overlay":"canvas-editor_ai-generate-overlay__2VeIA",aiGenerateOverlay:"c

1anvas-editor_ai-generate-overlay__2VeIA","ai-generate-badge":"canvas-editor_ai-generate-badge__HGvOF",aiGenerateBadge:"canvas-editor_ai-generate-badge__HGvOF","ai-generate-badge-icon":"canvas-editor_ai-generate-badge-icon__8GddL",aiGenerateBadgeIcon:"canvas-editor_ai-generate-badge-icon__8GddL"}},49585:e=>{e.exports={panel:"slide-thumbnail-panel_panel__SqMjG",header:"slide-thumbnail-panel_header__oDmFw","header-label":"slide-thumbnail-panel_header-label__XC8Ik",headerLabel:"slide-thumbnail-panel_header-label__XC8Ik","add-btn":"slide-thumbnail-panel_add-btn__nziZL",addBtn:"slide-thumbnail-panel_add-btn__nziZL",list:"slide-thumbnail-panel_list__8R0Bd",thumbnail:"slide-thumbnail-panel_thumbnail__9nDfO","thumbnail-active":"slide-thumbnail-panel_thumbnail-active__pS5mf",thumbnailActive:"slide-thumbnail-panel_thumbnail-active__pS5mf",footer:"slide-thumbnail-panel_footer__0wRaV","slide-label":"slide-thumbnail-panel_slide-label__IVqOq",slideLabel:"slide-thumbnail-panel_slide-label__IVqOq",actions:"slide-thumbnail-panel_actions__j7sqR","move-btn":"slide-thumbnail-panel_move-btn__fhWsM",moveBtn:"slide-thumbnail-panel_move-btn__fhWsM","delete-btn":"slide-thumbnail-panel_delete-btn___pa1D",deleteBtn:"slide-thumbnail-panel_delete-btn___pa1D","ai-generated-note":"slide-thumbnail-panel_ai-generated-note__YY9X2",aiGeneratedNote:"slide-thumbnail-panel_ai-generated-note__YY9X2","ai-generated-note-icon":"slide-thumbnail-panel_ai-generated-note-icon__LvQlh",aiGeneratedNoteIcon:"slide-thumbnail-panel_ai-generated-note-icon__LvQlh"}},54052:e=>{e.exports={wrapper:"text-element_wrapper__VJTqe",selected:"text-element_selected___yi7M",textarea:"text-element_textarea__tXbZ6","text-display":"text-element_text-display__JlT5w",textDisplay:"text-element_text-display__JlT5w","bullet-line":"text-element_bullet-line__6nY6f",bulletLine:"text-element_bullet-line__6nY6f","bullet-marker":"text-element_bullet-marker__u_ndE",bulletMarker:"text-element_bullet-marker__u_ndE","bullet-marker-filled":"text-element_bullet-marker-filled__amhQs",bulletMarkerFilled:"text-element_bullet-marker-filled__amhQs","bullet-marker-hollow":"text-element_bullet-marker-hollow__3tTZx",bulletMarkerHollow:"text-element_bullet-marker-hollow__3tTZx","llm-placeholder":"text-element_llm-placeholder__4_qV5",llmPlaceholder:"text-element_llm-placeholder__4_qV5","llm-badge":"text-element_llm-badge__cU0AC",llmBadge:"text-element_llm-badge__cU0AC","llm-badge-icon":"text-element_llm-badge-icon__2U4VZ",llmBadgeIcon:"text-element_llm-badge-icon__2U4VZ"}},60256:e=>{e.exports={container:"editor-screen_container__myWWJ",content:"editor-screen_content__VSB4w"}},65242:(e,t,l)=>{"use strict";l.d(t,{l:()=>i});var n=l(15383),a=l(71623),s=l(43432),r=l.n(s);let i=({id:e,checked:t,disabled:l,onChange:s})=>(0,n.jsx)("button",{id:e,onClick:()=>{s(e=>!e)},className:(0,a.$)(r().switchContent,t?r().onContent:r().offContent),disabled:l,"aria-label":`${t?"ON":"OFF"}が選択されています`,children:(0,n.jsx)("span",{className:r().switchCircle,children:t?"ON":"OFF"})})},90731:e=>{e.exports={wrapper:"chart-element_wrapper__MwYkU",selected:"chart-element_selected__AOMp5",title:"chart-element_title__YPakQ",svg:"chart-element_svg__XPExd"}},97071:e=>{e.exports={wrapper:"table-element_wrapper__Am3Jt",selected:"table-element_selected__Lv00F",table:"table-element_table__gNVvW",cell:"table-element_cell__FPBE9"}},98279:e=>{e.exports={panel:"property-panel_panel__Pm_NY","panel-scroll":"property-panel_panel-scroll__wZNoh",panelScroll:"property-panel_panel-scroll__wZNoh","section-title":"property-panel_section-title__2F6EO",sectionTitle:"property-panel_section-title__2F6EO","field-label":"property-panel_field-label__mZsRc",fieldLabel:"property-panel_field-label__mZsRc","color-grid":"property-panel_color-grid__SwNt6",colorGrid:"property-panel_color-grid__SwNt6","color-swatch":"property-panel_color-swatch__onY3F",colorSwatch:"property-panel_color-swatch__onY3F","color-swatch-active":"property-panel_color-swatch-active__s7N6K",colorSwatchActive:"property-panel_color-swatch-active__s7N6K","custom-color-label":"property-panel_custom-color-label__ld77g",customColorLabel:"property-panel_custom-color-label__ld77g","color-input"

1:"property-panel_color-input__GSgy0",colorInput:"property-panel_color-input__GSgy0","reset-btn":"property-panel_reset-btn__5U05c",resetBtn:"property-panel_reset-btn__5U05c","prop-header":"property-panel_prop-header__5U5uW",propHeader:"property-panel_prop-header__5U5uW","delete-btn":"property-panel_delete-btn__phxrv",deleteBtn:"property-panel_delete-btn__phxrv","form-sections":"property-panel_form-sections__yEOx5",formSections:"property-panel_form-sections__yEOx5","field-grid":"property-panel_field-grid__8greG",fieldGrid:"property-panel_field-grid__8greG","field-hint":"property-panel_field-hint__pWwoH",fieldHint:"property-panel_field-hint__pWwoH","text-input":"property-panel_text-input__JP3yl",textInput:"property-panel_text-input__JP3yl","text-area":"property-panel_text-area__M7KjF",textArea:"property-panel_text-area__M7KjF","custom-color-section":"property-panel_custom-color-section__emm3v",customColorSection:"property-panel_custom-color-section__emm3v"}}}]);