{"version":3,"file":"ComparisonTable.eFUpYa0c.mjs","names":[],"sources":["https:/framerusercontent.com/modules/h2Num09sXFyd06easZdj/QWY7q4b66aUKAcgG9CQM/ComparisonTable.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";const fontStyle=`\n@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');\n`;export function ComparisonTable(props){const{columns,showOnlyHighlights,rowGap,colGap,headerBorderColor,rowBorderColor,headerFontSize,firstColFontSize,otherBodyFontSize,otherBodyColor,highlightFontSize,highlightColor,highlightWeight,highlightBgColor,borderRadius,highlightBorderRadius,// 新しく追加したプロパティ\nhighlightShowBorder,highlightBorderColor,highlightBorderWidth}=props;if(!columns||columns.length===0){return /*#__PURE__*/_jsx(\"div\",{style:{color:\"white\",padding:20},children:\"Columnsを追加してください\"});}const visibleColumns=showOnlyHighlights?columns.filter((col,index)=>index===0||col.isHighlight):columns;const columnCount=visibleColumns.length;const rowDataArray=visibleColumns.map(col=>col.data?col.data.split(\"\\n\"):[]);const maxRows=Math.max(...rowDataArray.map(data=>data.length));const gridStyle={display:\"grid\",gridTemplateColumns:`repeat(${columnCount}, 1fr)`,columnGap:colGap,width:\"100%\"};// ボーダーのスタイルを生成する関数\nconst getHighlightBorderStyle=pos=>{if(!highlightShowBorder)return{};const b=`${highlightBorderWidth}px solid ${highlightBorderColor}`;const style={borderLeft:b,borderRight:b};if(pos===\"header\")style.borderTop=b;if(pos===\"last\")style.borderBottom=b;return style;};return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",height:\"100%\",fontFamily:'\"Noto Sans JP\", sans-serif',borderRadius:borderRadius,overflow:\"hidden\"},children:[/*#__PURE__*/_jsx(\"style\",{children:fontStyle}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:rowGap},children:[/*#__PURE__*/_jsx(\"div\",{style:{...gridStyle,borderBottom:`2px solid ${headerBorderColor}`},children:visibleColumns.map((column,colIndex)=>{const isFirst=colIndex===0;const isHighlight=column.isHighlight;const headerStyle={padding:\"20px 16px\",fontSize:headerFontSize,fontWeight:\"bold\",color:otherBodyColor,textAlign:isFirst?\"left\":\"center\",backgroundColor:isHighlight?highlightBgColor:\"transparent\",borderTopLeftRadius:isHighlight?highlightBorderRadius:0,borderTopRightRadius:isHighlight?highlightBorderRadius:0,display:\"flex\",alignItems:\"center\",justifyContent:isFirst?\"flex-start\":\"center\",// ハイライトボーダー適用\n...isHighlight?getHighlightBorderStyle(\"header\"):{},boxSizing:\"border-box\"};return /*#__PURE__*/_jsx(\"div\",{style:headerStyle,children:column.title},`h-${colIndex}`);})}),Array.from({length:maxRows}).map((_,rowIndex)=>/*#__PURE__*/_jsx(\"div\",{style:{...gridStyle,borderBottom:rowIndex===maxRows-1?\"none\":`1px solid ${rowBorderColor}`},children:visibleColumns.map((column,colIndex)=>{const isFirst=colIndex===0;const isHighlight=column.isHighlight;const isLastRow=rowIndex===maxRows-1;const cellData=rowDataArray[colIndex][rowIndex]||\"\";const cellStyle={padding:\"16px\",display:\"flex\",alignItems:\"center\",justifyContent:isFirst?\"flex-start\":\"center\",textAlign:isFirst?\"left\":\"center\",backgroundColor:isHighlight?highlightBgColor:\"transparent\",fontSize:isHighlight?highlightFontSize:isFirst?firstColFontSize:otherBodyFontSize,color:isHighlight?highlightColor:otherBodyColor,fontWeight:isHighlight?highlightWeight:isFirst?\"bold\":\"normal\",minHeight:\"60px\",borderBottomLeftRadius:isHighlight&&isLastRow?highlightBorderRadius:0,borderBottomRightRadius:isHighlight&&isLastRow?highlightBorderRadius:0,// ハイライトボーダー適用\n    ...isHighlight?getHighlightBorderStyle(isLastRow?\"last\":\"body\"):{},boxSizing:\"border-box\"};return /*#__PURE__*/_jsx(\"div\",{style:cellStyle,children:cellData},`c-${rowIndex}-${colIndex}`);})},`row-${rowIndex}`))]})]});}ComparisonTable.defaultProps={columns:[{title:\"比較項目\",data:\"初期スピード\\nMVP完成まで\\n初期コスト\",isHighlight:false},{title:\"受託開発会社\",data:\"遅い\\n数ヶ月〜\\n数百万円〜\",isHighlight:false},{title:\"AI駆動開発\",data:\"非常に早い\\n数週間\\n108万円（固定）\",isHighlight:true}],showOnlyHighlights:false,headerBorderColor:\"#555555\",rowBorderColor:\"#333333\",headerFontSize:15,firstColFontSize:15,otherBodyFontSize:14,otherBodyColor:\"#FFFFFF\",highlightFontSize:16,highlightColor:\"#0088FF\",highlightWeight:\"bold\",highlightBgColor:\"rgba(0, 85, 255, 0.1)\",rowGap:0,colGap:2,borderRadius:0,highlightBorderRadius:12,// 追加分のデフォルト値\nhighlightShowBorder:false,highlightBorderColor:\"rgba(0, 136, 255, 0.3)\",highlightBorderWidth:1};addPropertyControls(ComparisonTable,{showOnlyHighlights:{type:ControlType.Boolean,title:\"ハイライトのみ表示\",defaultValue:false},columns:{type:ControlType.Array,title:\"Columns\",control:{type:ControlType.Object,controls:{title:{type:ControlType.String,title:\"Title\"},data:{type:ControlType.String,title:\"Data (1 per line)\",displayTextArea:true},isHighlight:{type:ControlType.Boolean,title:\"Highlight\"}}}},headerBorderColor:{type:ControlType.Color,title:\"Header Line\"},rowBorderColor:{type:ControlType.Color,title:\"Row Line\"},headerFontSize:{type:ControlType.Number,title:\"Header Size\"},firstColFontSize:{type:ControlType.Number,title:\"1st Col Size\"},otherBodyFontSize:{type:ControlType.Number,title:\"Other Size\"},highlightFontSize:{type:ControlType.Number,title:\"Highlight Size\"},otherBodyColor:{type:ControlType.Color,title:\"Text Color\"},highlightColor:{type:ControlType.Color,title:\"Highlight Text\"},highlightWeight:{type:ControlType.Enum,options:[\"normal\",\"medium\",\"bold\"],title:\"Weight\"},highlightBgColor:{type:ControlType.Color,title:\"Highlight BG\"},// ハイライトボーダー用コントロール\nhighlightShowBorder:{type:ControlType.Boolean,title:\"Highlt Border\",defaultValue:false},highlightBorderColor:{type:ControlType.Color,title:\"Border Color\",hidden(props){return!props.highlightShowBorder;}},highlightBorderWidth:{type:ControlType.Number,title:\"Border Width\",min:0,max:10,defaultValue:1,hidden(props){return!props.highlightShowBorder;}},borderRadius:{type:ControlType.Number,title:\"Outer Radius\",min:0,max:40},highlightBorderRadius:{type:ControlType.Number,title:\"Highlight Radius\",min:0,max:40,defaultValue:12},colGap:{type:ControlType.Number,title:\"Col Gap\",min:0,max:20},rowGap:{type:ControlType.Number,title:\"Row Gap\",min:0,max:20}});\nexport const __FramerMetadata__ = {\"exports\":{\"ComparisonTable\":{\"type\":\"reactComponent\",\"name\":\"ComparisonTable\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ComparisonTable.map"],"mappings":"8JAEE,SAAgB,EAAgB,EAAM,CAAC,GAAK,CAAC,UAAQ,qBAAmB,SAAO,SAAO,oBAAkB,iBAAe,iBAAe,mBAAiB,oBAAkB,iBAAe,oBAAkB,iBAAe,kBAAgB,mBAAiB,eAAa,wBACzQ,sBAAoB,uBAAqB,wBAAsB,EAAM,GAAG,CAAC,GAAS,EAAQ,SAAS,EAAG,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,QAAQ,QAAQ,GAAG,CAAC,SAAS,mBAAmB,CAAC,CAAE,IAAM,EAAe,EAAmB,EAAQ,QAAQ,EAAI,IAAQ,IAAQ,GAAG,EAAI,YAAY,CAAC,EAAc,EAAY,EAAe,OAAa,EAAa,EAAe,IAAI,GAAK,EAAI,KAAK,EAAI,KAAK,MAAM;EAAK,CAAC,EAAE,CAAC,CAAO,EAAQ,KAAK,IAAI,GAAG,EAAa,IAAI,GAAM,EAAK,OAAO,CAAC,CAAO,EAAU,CAAC,QAAQ,OAAO,oBAAoB,UAAU,EAAY,QAAQ,UAAU,EAAO,MAAM,OAAO,CAC5kB,EAAwB,GAAK,CAAC,GAAG,CAAC,EAAoB,MAAM,EAAE,CAAC,IAAM,EAAE,GAAG,EAAqB,WAAW,IAA6B,EAAM,CAAC,WAAW,EAAE,YAAY,EAAE,CAA0E,OAAtE,IAAM,WAAS,EAAM,UAAU,GAAK,IAAM,SAAO,EAAM,aAAa,GAAS,GAAQ,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,WAAW,6BAA0C,eAAa,SAAS,SAAS,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS,EAAU,CAAC,CAAc,EAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,cAAc,SAAS,IAAI,EAAO,CAAC,SAAS,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAU,aAAa,aAAa,IAAoB,CAAC,SAAS,EAAe,KAAK,EAAO,IAAW,CAAC,IAAM,EAAQ,IAAW,EAAQ,EAAY,EAAO,YAC3qB,OAAoB,EAAK,MAAM,CAAC,MADyqB,CAAC,QAAQ,YAAY,SAAS,EAAe,WAAW,OAAO,MAAM,EAAe,UAAU,EAAQ,OAAO,SAAS,gBAAgB,EAAY,EAAiB,cAAc,oBAAoB,EAAY,EAAsB,EAAE,qBAAqB,EAAY,EAAsB,EAAE,QAAQ,OAAO,WAAW,SAAS,eAAe,EAAQ,aAAa,SAC9nC,GAAG,EAAY,EAAwB,SAAS,CAAC,EAAE,CAAC,UAAU,aAAa,CAAmD,SAAS,EAAO,MAAM,CAAC,KAAK,IAAW,EAAG,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,OAAO,EAAQ,CAAC,CAAC,KAAK,EAAE,IAAwB,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAU,aAAa,IAAW,EAAQ,EAAE,OAAO,aAAa,IAAiB,CAAC,SAAS,EAAe,KAAK,EAAO,IAAW,CAAC,IAAM,EAAQ,IAAW,EAAQ,EAAY,EAAO,YAAkB,EAAU,IAAW,EAAQ,EAAQ,EAAS,EAAa,GAAU,IAAW,GACtb,OAAoB,EAAK,MAAM,CAAC,MADya,CAAC,QAAQ,OAAO,QAAQ,OAAO,WAAW,SAAS,eAAe,EAAQ,aAAa,SAAS,UAAU,EAAQ,OAAO,SAAS,gBAAgB,EAAY,EAAiB,cAAc,SAAS,EAAY,EAAkB,EAAQ,EAAiB,EAAkB,MAAM,EAAY,EAAe,EAAe,WAAW,EAAY,EAAgB,EAAQ,OAAO,SAAS,UAAU,OAAO,uBAAuB,GAAa,EAAU,EAAsB,EAAE,wBAAwB,GAAa,EAAU,EAAsB,EAC9jC,GAAG,EAAY,EAAwB,EAAU,OAAO,OAAO,CAAC,EAAE,CAAC,UAAU,aAAa,CAAiD,SAAS,EAAS,CAAC,KAAK,EAAS,GAAG,IAAW,EAAG,CAAC,CAAC,OAAO,IAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,oBANnK,IAAoD,CAAM,EAAU;;EAMiG,EAAgB,aAAa,CAAC,QAAQ,CAAC,CAAC,MAAM,OAAO,KAAK;;OAAyB,YAAY,GAAM,CAAC,CAAC,MAAM,SAAS,KAAK;;OAAkB,YAAY,GAAM,CAAC,CAAC,MAAM,SAAS,KAAK;;WAAwB,YAAY,GAAK,CAAC,CAAC,mBAAmB,GAAM,kBAAkB,UAAU,eAAe,UAAU,eAAe,GAAG,iBAAiB,GAAG,kBAAkB,GAAG,eAAe,UAAU,kBAAkB,GAAG,eAAe,UAAU,gBAAgB,OAAO,iBAAiB,wBAAwB,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,sBAAsB,GACrwB,oBAAoB,GAAM,qBAAqB,yBAAyB,qBAAqB,EAAE,CAAC,EAAoB,EAAgB,CAAC,mBAAmB,CAAC,KAAK,EAAY,QAAQ,MAAM,YAAY,aAAa,GAAM,CAAC,QAAQ,CAAC,KAAK,EAAY,MAAM,MAAM,UAAU,QAAQ,CAAC,KAAK,EAAY,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,oBAAoB,gBAAgB,GAAK,CAAC,YAAY,CAAC,KAAK,EAAY,QAAQ,MAAM,YAAY,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,EAAY,MAAM,MAAM,cAAc,CAAC,eAAe,CAAC,KAAK,EAAY,MAAM,MAAM,WAAW,CAAC,eAAe,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,CAAC,iBAAiB,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,CAAC,kBAAkB,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,CAAC,kBAAkB,CAAC,KAAK,EAAY,OAAO,MAAM,iBAAiB,CAAC,eAAe,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,CAAC,eAAe,CAAC,KAAK,EAAY,MAAM,MAAM,iBAAiB,CAAC,gBAAgB,CAAC,KAAK,EAAY,KAAK,QAAQ,CAAC,SAAS,SAAS,OAAO,CAAC,MAAM,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,CACpnC,oBAAoB,CAAC,KAAK,EAAY,QAAQ,MAAM,gBAAgB,aAAa,GAAM,CAAC,qBAAqB,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,OAAO,EAAM,CAAC,MAAM,CAAC,EAAM,qBAAsB,CAAC,qBAAqB,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,IAAI,EAAE,IAAI,GAAG,aAAa,EAAE,OAAO,EAAM,CAAC,MAAM,CAAC,EAAM,qBAAsB,CAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,IAAI,EAAE,IAAI,GAAG,CAAC,sBAAsB,CAAC,KAAK,EAAY,OAAO,MAAM,mBAAmB,IAAI,EAAE,IAAI,GAAG,aAAa,GAAG,CAAC,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,IAAI,EAAE,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC"}