{"version":3,"file":"Service_Intro_compo.B6Yk5_mz.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/Vgmnqmmyii6cwr6szQ9s/sTCQpI3oKDUFaxaKBLFW/Service_Intro_compo.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion,AnimatePresence}from\"framer-motion\";/**\n * Editorial CTA: Fixed Plus-Only Mode\n */const IconPlus=({color,size})=>/*#__PURE__*/_jsxs(\"svg\",{width:size,height:size,viewBox:\"0 0 24 24\",fill:\"none\",stroke:color,strokeWidth:\"3\",children:[/*#__PURE__*/_jsx(\"line\",{x1:\"12\",y1:\"5\",x2:\"12\",y2:\"19\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"5\",y1:\"12\",x2:\"19\",y2:\"12\"})]});export default function EditorialCTA(props){const{backgroundColor,defaultTextColor,defaultAccentColor,borderColor,titleSize,descriptionSize,buttonTextSize,numberSize,rowPadding,containerPadding,titleFont,bodyFont,items=[],imageWidth,imageHeight,imageGap,titleLeftPadding,usePlusIcon}=props;const[hoveredIndex,setHoveredIndex]=useState(null);const[expandedIndex,setExpandedIndex]=useState(null);const handleLink=(e,url,openInNewTab)=>{e.stopPropagation();if(!url)return;if(openInNewTab)window.open(url,\"_blank\");else window.location.href=url;};const smoothTransition={duration:.5,ease:[.16,1,.3,1]};return /*#__PURE__*/_jsx(\"section\",{style:{background:backgroundColor,color:defaultTextColor,width:\"100%\",height:\"auto\",overflow:\"visible\",fontFamily:bodyFont?.fontFamily||\"Inter, sans-serif\"},children:/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",padding:`0 ${containerPadding}px`},children:/*#__PURE__*/_jsx(\"div\",{style:{borderTop:`1px solid ${borderColor}`},children:items.length>0?items.map((item,i)=>{const isHovered=hoveredIndex===i;const isExpanded=expandedIndex===i;const isActive=isHovered||isExpanded;const accentColor=item.accentColor||defaultAccentColor;const titleColor=item.titleColor||defaultTextColor;const displayIndex=(i+1).toString().padStart(2,\"0\");const slideDistance=item.image?imageWidth+imageGap:0;return /*#__PURE__*/_jsxs(\"div\",{onMouseEnter:()=>setHoveredIndex(i),onMouseLeave:()=>setHoveredIndex(null),onClick:()=>setExpandedIndex(isExpanded?null:i),style:{borderBottom:`1px solid ${borderColor}`,cursor:\"pointer\",position:\"relative\",background:\"transparent\",display:\"flex\",flexDirection:\"column\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:\"100%\",height:`${titleSize+rowPadding*2}px`,display:\"flex\",alignItems:\"center\"},children:[item.image&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:0,top:\"50%\",transform:\"translateY(-50%)\",width:imageWidth,height:imageHeight,borderRadius:\"8px\",overflow:\"hidden\",zIndex:0},children:/*#__PURE__*/_jsx(\"img\",{src:item.image,style:{width:\"100%\",height:\"100%\",objectFit:\"cover\"}})}),/*#__PURE__*/_jsx(motion.div,{animate:{left:isActive?slideDistance:0,width:isActive?`calc(100% - ${slideDistance}px)`:\"100%\",borderRadius:isActive?\"12px\":\"0px\"},transition:smoothTransition,style:{position:\"absolute\",top:0,bottom:0,zIndex:1,background:backgroundColor,display:\"flex\",alignItems:\"center\",paddingLeft:titleLeftPadding},children:/*#__PURE__*/_jsx(motion.h3,{animate:{color:isActive?accentColor:titleColor},transition:smoothTransition,style:{fontSize:titleSize,margin:0,fontFamily:titleFont?.fontFamily||\"inherit\",fontWeight:titleFont?.fontWeight||800,letterSpacing:\"-0.02em\",whiteSpace:\"nowrap\"},children:item.title||\"Untitled\"})}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",right:titleLeftPadding,width:numberSize*1.5,height:numberSize,display:\"flex\",alignItems:\"center\",justifyContent:\"flex-end\",zIndex:2,pointerEvents:\"none\"},children:[!usePlusIcon&&/*#__PURE__*/_jsx(motion.div,{animate:{opacity:isActive?0:.3,x:isActive?-40:0},transition:smoothTransition,style:{position:\"absolute\",fontSize:numberSize,fontWeight:600,right:0,fontFamily:titleFont?.fontFamily||\"inherit\"},children:displayIndex}),/*#__PURE__*/_jsx(motion.div,{initial:false,animate:{opacity:usePlusIcon||isActive?1:0,x:usePlusIcon||isActive?0:40,rotate:isExpanded?45:0},transition:smoothTransition,style:{position:\"absolute\",right:0,width:numberSize,height:numberSize,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",color:accentColor},children:/*#__PURE__*/_jsx(IconPlus,{size:numberSize*.8,color:accentColor})})]})]}),/*#__PURE__*/_jsx(AnimatePresence,{children:isExpanded&&/*#__PURE__*/_jsx(motion.div,{initial:{height:0,opacity:0},animate:{height:\"auto\",opacity:1},exit:{height:0,opacity:0},transition:smoothTransition,style:{overflow:\"hidden\",position:\"relative\",zIndex:3,background:backgroundColor},children:/*#__PURE__*/_jsxs(\"div\",{style:{paddingBottom:rowPadding,paddingLeft:titleLeftPadding+slideDistance,paddingRight:titleLeftPadding,display:\"flex\",flexDirection:\"column\",gap:\"24px\"},children:[/*#__PURE__*/_jsx(\"p\",{style:{fontSize:descriptionSize,lineHeight:1.6,margin:0,fontFamily:bodyFont?.fontFamily||\"inherit\",opacity:.8,maxWidth:\"800px\"},children:item.description}),item.ctaLabel&&/*#__PURE__*/_jsxs(motion.div,{onClick:e=>handleLink(e,item.url,item.openInNewTab),whileHover:{x:10},style:{display:\"inline-flex\",alignItems:\"center\",gap:\"12px\",color:accentColor,fontSize:buttonTextSize,fontWeight:700,cursor:\"pointer\",borderBottom:`2px solid ${accentColor}`,paddingBottom:\"4px\",alignSelf:\"flex-start\"},children:[item.ctaLabel,/*#__PURE__*/_jsxs(\"svg\",{width:\"24\",height:\"24\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"3\",children:[/*#__PURE__*/_jsx(\"line\",{x1:\"5\",y1:\"12\",x2:\"19\",y2:\"12\"}),/*#__PURE__*/_jsx(\"polyline\",{points:\"12 5 19 12 12 19\"})]})]})]})})})]},i);}):/*#__PURE__*/_jsx(\"div\",{style:{padding:\"40px\",textAlign:\"center\",opacity:.5},children:\"Property Panelから「Services」を追加してください\"})})})});}addPropertyControls(EditorialCTA,{usePlusIcon:{type:ControlType.Boolean,title:\"Plus Mode\",defaultValue:false,enabledTitle:\"Plus\",disabledTitle:\"Num\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#000\"},defaultTextColor:{type:ControlType.Color,title:\"Default Text\",defaultValue:\"#FFF\"},defaultAccentColor:{type:ControlType.Color,title:\"Default Accent\",defaultValue:\"#00E5FF\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"rgba(255,255,255,0.1)\"},titleFont:{type:ControlType.Font,title:\"Title Font\",defaultValue:{fontFamily:\"Inter\",fontWeight:800}},bodyFont:{type:ControlType.Font,title:\"Body Font\",defaultValue:{fontFamily:\"Inter\",fontWeight:400}},titleSize:{type:ControlType.Number,title:\"Title Size\",defaultValue:40},numberSize:{type:ControlType.Number,title:\"Icon Size\",defaultValue:48},descriptionSize:{type:ControlType.Number,title:\"Desc Size\",defaultValue:18},buttonTextSize:{type:ControlType.Number,title:\"Btn Text Size\",defaultValue:14},imageWidth:{type:ControlType.Number,title:\"Image Width\",defaultValue:80},imageHeight:{type:ControlType.Number,title:\"Image Height\",defaultValue:50},imageGap:{type:ControlType.Number,title:\"Image Gap\",defaultValue:20},titleLeftPadding:{type:ControlType.Number,title:\"Side Padding\",defaultValue:40},rowPadding:{type:ControlType.Number,title:\"Row Padding\",defaultValue:40},containerPadding:{type:ControlType.Number,title:\"Container Padding\",defaultValue:24},items:{type:ControlType.Array,title:\"Services\",defaultValue:[],control:{type:ControlType.Object,controls:{title:{type:ControlType.String,title:\"Title\"},image:{type:ControlType.Image,title:\"Image\"},description:{type:ControlType.String,title:\"Description\",displayTextArea:true},ctaLabel:{type:ControlType.String,title:\"CTA Label\",defaultValue:\"Learn More\"},url:{type:ControlType.String,title:\"Link URL\"},openInNewTab:{type:ControlType.Boolean,title:\"New Tab?\",defaultValue:false},titleColor:{type:ControlType.Color,title:\"Title Color (Normal)\"},accentColor:{type:ControlType.Color,title:\"Accent Color\"}}}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"EditorialCTA\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Service_Intro_compo.map"],"mappings":"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"}