{"version":3,"file":"HTML_Text.C7bf_4Ne.mjs","names":[],"sources":["https:/framerusercontent.com/modules/zWoHOfJc9F5gOjTnFydM/CL16FRIcPhMwdEXNo4mK/HTML_Text.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";export function HTMLText(props){const{content,hAlign,pAlign,hFont,h1Color,hSubColor,hWeight,h1Size,h2Size,h3Size,h4Size,h1SizeMid,h2SizeMid,h3SizeMid,h4SizeMid,h1SizeSmall,h2SizeSmall,h3SizeSmall,h4SizeSmall,pFont,pColor,pSize,pWeight,linkColor,linkWeight,linkFont,linkAlign,h1Margin,h2Margin,h3Margin,pMargin}=props;// Hilfsfunktion, um den Namen der Schriftart sicher auszulesen\nconst getFontFamily=fontProp=>{if(typeof fontProp===\"string\")return fontProp;return fontProp&&fontProp.fontFamily?`\"${fontProp.fontFamily}\"`:\"inherit\";};const styles=`\n    h1, h2, h3, h4 {\n        text-align: ${hAlign};\n        font-family: ${getFontFamily(hFont)};\n        font-weight: ${hWeight};\n    }\n\n    h1 { \n        color: ${h1Color};\n        font-size: ${h1Size}px; \n        margin-bottom: ${h1Margin}px; \n    }\n\n    h2, h3, h4 {\n        color: ${hSubColor};\n    }\n    \n    h2 { font-size: ${h2Size}px; margin-bottom: ${h2Margin}px; }\n    h3 { font-size: ${h3Size}px; margin-bottom: ${h3Margin}px; }\n    h4 { font-size: ${h4Size}px; }\n\n    @media (max-width: 810px) {\n        h1 { font-size: ${h1SizeMid}px; }\n        h2 { font-size: ${h2SizeMid}px; }\n        h3 { font-size: ${h3SizeMid}px; }\n        h4 { font-size: ${h4SizeMid}px; }\n    }\n\n    @media (max-width: 480px) {\n        h1 { font-size: ${h1SizeSmall}px; }\n        h2 { font-size: ${h2SizeSmall}px; }\n        h3 { font-size: ${h3SizeSmall}px; }\n        h4 { font-size: ${h4SizeSmall}px; }\n    }\n\n    p {\n        text-align: ${pAlign};\n        font-family: ${getFontFamily(pFont)};\n        color: ${pColor};\n        font-size: ${pSize}px;\n        font-weight: ${pWeight};\n        margin-bottom: ${pMargin}px;\n    }\n\n    a {\n        color: ${linkColor};\n        font-weight: ${linkWeight};\n        font-family: ${getFontFamily(linkFont)};\n        text-align: ${linkAlign};\n    }\n\n    ul, li {\n        font-family: ${getFontFamily(pFont)};\n        color: ${pColor};\n        font-size: ${pSize}px;\n        font-weight: ${pWeight};\n        text-align: ${pAlign};\n        line-height: 1.6;\n    }\n    ul {\n        padding-left: 1.2em;\n        margin-bottom: 1em;\n        list-style-type: disc;\n    }\n    li {\n        margin-bottom: 0.5em;\n    }\n`;return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",height:\"100%\"},children:[/*#__PURE__*/_jsx(\"style\",{children:styles}),/*#__PURE__*/_jsx(\"div\",{dangerouslySetInnerHTML:{__html:content}})]});}addPropertyControls(HTMLText,{content:{type:ControlType.String,title:\"Inhalt (HTML)\",defaultValue:\"<h1>Titel</h1><p>Text hier...</p>\",displayTextArea:true},hAlign:{type:ControlType.Enum,title:\"\\xdcberschr. Ausrichtung\",options:[\"left\",\"center\",\"right\"],defaultValue:\"left\"},// --- FONT PICKER FÜR ÜBERSCHRIFTEN ---\nhFont:{type:ControlType.Font,title:\"\\xdcberschr. Font\",defaultValue:{fontFamily:\"Inter\",fontStyle:\"normal\",fontWeight:700}},h1Color:{type:ControlType.Color,title:\"H1 Farbe\",defaultValue:\"#1A1A1A\"},hSubColor:{type:ControlType.Color,title:\"H2-H4 Farbe\",defaultValue:\"#333333\"},hWeight:{type:ControlType.Enum,title:\"\\xdcberschr. Gewicht\",options:[\"normal\",\"bold\",\"100\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"],defaultValue:\"bold\"},h1Size:{type:ControlType.Number,title:\"H1 Gr\\xf6\\xdfe\",defaultValue:40},h2Size:{type:ControlType.Number,title:\"H2 Gr\\xf6\\xdfe\",defaultValue:22},h3Size:{type:ControlType.Number,title:\"H3 Gr\\xf6\\xdfe\",defaultValue:20},h4Size:{type:ControlType.Number,title:\"H4 Gr\\xf6\\xdfe\",defaultValue:18},// Margins\nh1Margin:{type:ControlType.Number,title:\"H1 Abstand\",defaultValue:16},h2Margin:{type:ControlType.Number,title:\"H2 Abstand\",defaultValue:14},h3Margin:{type:ControlType.Number,title:\"H3 Abstand\",defaultValue:12},pMargin:{type:ControlType.Number,title:\"P Abstand\",defaultValue:10},// Paragraph\npAlign:{type:ControlType.Enum,title:\"Text Ausrichtung\",options:[\"left\",\"center\",\"right\"],defaultValue:\"left\"},// --- FONT PICKER FÜR TEXT ---\npFont:{type:ControlType.Font,title:\"Text Font\",defaultValue:{fontFamily:\"Inter\",fontStyle:\"normal\",fontWeight:400}},pColor:{type:ControlType.Color,title:\"Textfarbe\",defaultValue:\"#000000\"},pSize:{type:ControlType.Number,title:\"Textgr\\xf6\\xdfe\",defaultValue:16},pWeight:{type:ControlType.Enum,title:\"Text Gewicht\",options:[\"normal\",\"bold\",\"400\",\"500\",\"600\"],defaultValue:\"normal\"},// Links\nlinkColor:{type:ControlType.Color,title:\"Linkfarbe\",defaultValue:\"#007aff\"},// --- FONT PICKER FÜR LINKS ---\nlinkFont:{type:ControlType.Font,title:\"Link Font\"},linkWeight:{type:ControlType.Enum,title:\"Link Gewicht\",options:[\"normal\",\"bold\"],defaultValue:\"normal\"},linkAlign:{type:ControlType.Enum,title:\"Link Ausrichtung\",options:[\"left\",\"center\",\"right\"],defaultValue:\"left\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"HTMLText\":{\"type\":\"reactComponent\",\"name\":\"HTMLText\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./HTML_Text.map"],"mappings":"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"}