{"version":3,"file":"HTML_Text.BQZXVxdA.mjs","names":[],"sources":["https:/framerusercontent.com/modules/ZqP8SgZwtkp5R17yEwcD/VK42F3rLOYQ7guZDSkBM/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,pFont,pColor,pSize,pWeight,linkColor,linkWeight,linkFont,linkAlign,h1Margin,h2Margin,h3Margin,pMargin,listMargin,lineHeight}=props;const getFontFamily=fontProp=>{if(!fontProp)return\"inherit\";return typeof fontProp===\"string\"?fontProp:fontProp.fontFamily;};const hFamily=getFontFamily(hFont);const pFamily=getFontFamily(pFont);const linkFamily=getFontFamily(linkFont);const styles=`\n    .html-container h1, .html-container h2, .html-container h3, .html-container h4 {\n        text-align: ${hAlign};\n        font-family: ${hFamily}; \n        font-weight: ${hWeight};\n        line-height: 1.2;\n    }\n\n    .html-container h1 { \n        color: ${h1Color};\n        font-size: ${h1Size}px; \n        margin-bottom: ${h1Margin}px; \n    }\n\n    .html-container h2, .html-container h3, .html-container h4 {\n        color: ${hSubColor};\n    }\n    \n    .html-container h2 { font-size: ${h2Size}px; margin-bottom: ${h2Margin}px; }\n    .html-container h3 { font-size: ${h3Size}px; margin-bottom: ${h3Margin}px; }\n    .html-container h4 { font-size: ${h4Size}px; }\n\n    .html-container p {\n        text-align: ${pAlign};\n        font-family: ${pFamily};\n        color: ${pColor};\n        font-size: ${pSize}px;\n        font-weight: ${pWeight};\n        margin-bottom: ${pMargin}px;\n        line-height: ${lineHeight};\n    }\n\n    .html-container a {\n        color: ${linkColor};\n        font-weight: ${linkWeight};\n        font-family: ${linkFamily};\n        text-align: ${linkAlign};\n    }\n\n    .html-container ul, .html-container li {\n        font-family: ${pFamily};\n        color: ${pColor};\n        font-size: ${pSize}px;\n        font-weight: ${pWeight};\n        text-align: ${pAlign};\n        line-height: ${lineHeight};\n    }\n\n    .html-container ul {\n        padding-left: 1.2em;\n        margin-bottom: ${listMargin}px;\n        list-style-type: disc;\n    }\n\n    .html-container li {\n        margin-bottom: ${listMargin/2}px;\n    }\n\n    /* Falls du ein <hr> (Trennlinie) im HTML nutzt */\n    .html-container hr {\n        border: 0;\n        border-top: 1px solid ${pColor};\n        opacity: 0.2;\n        margin: ${listMargin}px 0;\n    }\n    `;return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",height:\"100%\",position:\"relative\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"none\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:hFamily,fontWeight:hWeight}}),/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:pFamily,fontWeight:pWeight}}),/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:linkFamily,fontWeight:linkWeight}})]}),/*#__PURE__*/_jsx(\"style\",{children:styles}),/*#__PURE__*/_jsx(\"div\",{className:\"html-container\",dangerouslySetInnerHTML:{__html:content}})]});}addPropertyControls(HTMLText,{content:{type:ControlType.String,title:\"Inhalt (HTML)\",defaultValue:\"<h1>Titel</h1><p>Text hier...</p><ul><li>Punkt 1</li><li>Punkt 2</li></ul>\",displayTextArea:true},hAlign:{type:ControlType.Enum,title:\"\\xdcberschr. Ausrichtung\",options:[\"left\",\"center\",\"right\"],defaultValue:\"left\"},hFont:{type:ControlType.Font,title:\"\\xdcberschr. Font\"},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},h1Margin:{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},pAlign:{type:ControlType.Enum,title:\"Text Ausrichtung\",options:[\"left\",\"center\",\"right\"],defaultValue:\"left\"},pFont:{type:ControlType.Font,title:\"Text Font\"},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\"},pMargin:{type:ControlType.Number,title:\"P Abstand\",defaultValue:10},// NEUE CONTROLS\nlistMargin:{type:ControlType.Number,title:\"Listen/HR Abstand\",defaultValue:20,min:0,max:100},lineHeight:{type:ControlType.Number,title:\"Zeilenh\\xf6he\",defaultValue:1.5,step:.1,displayStepper:true},linkColor:{type:ControlType.Color,title:\"Linkfarbe\",defaultValue:\"#007aff\"},linkFont:{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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"}