{"version":3,"file":"HTML_Text.C_bP5ON1.mjs","names":[],"sources":["https:/framerusercontent.com/modules/DvKxFCpBxFsR4DAXYCBG/xIl7HWh2QeWEIX9E9oXQ/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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"}