{"version":3,"file":"HTMLTextWindow.BREcrj79.mjs","names":[],"sources":["https:/framerusercontent.com/modules/d4URDpGk8DdmttPKa3VE/k2rp8Fl1ko8lfTFJFjes/HTMLTextWindow.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * HTML Text Window\n *\n * A component that renders HTML code as formatted text content.\n * Supports basic HTML tags like <p>, <h1>-<h6>, <strong>, <em>, <ul>, <ol>, <li>, <br>, etc.\n *\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 300\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function HTMLTextWindow(props){const{htmlContent=\"<p>Enter your <strong>HTML</strong> code here...</p>\",backgroundColor=\"#FFFFFF\",textColor=\"#000000\",padding=\"20px\",borderRadius=\"12px\",font,maxHeight=300,showScrollbar=true}=props;const containerStyle={width:\"100%\",height:\"100%\",backgroundColor,borderRadius,padding,overflow:showScrollbar?\"auto\":\"hidden\",maxHeight:maxHeight>0?`${maxHeight}px`:\"none\",boxSizing:\"border-box\",...font};const contentStyle={color:textColor};return /*#__PURE__*/_jsx(\"div\",{style:containerStyle,children:/*#__PURE__*/_jsx(\"div\",{style:contentStyle,dangerouslySetInnerHTML:{__html:htmlContent}})});}addPropertyControls(HTMLTextWindow,{htmlContent:{type:ControlType.String,title:\"HTML Content\",defaultValue:\"<h1>Hello World</h1><p>This is a <strong>rich text</strong> paragraph with <em>formatting</em>.</p><ul><li>Item 1</li><li>Item 2</li><li>Item 3</li></ul>\",displayTextArea:true,placeholder:\"Enter HTML code here...\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FFFFFF\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000000\"},padding:{type:ControlType.Padding,title:\"Padding\",defaultValue:\"20px\"},borderRadius:{type:ControlType.BorderRadius,title:\"Border Radius\",defaultValue:\"12px\"},font:{type:ControlType.Font,title:\"Font\",defaultValue:{fontSize:\"16px\",variant:\"Regular\",letterSpacing:\"0em\",lineHeight:\"1.5em\"},controls:\"extended\",defaultFontType:\"sans-serif\"},maxHeight:{type:ControlType.Number,title:\"Max Height\",defaultValue:400,min:100,max:9e3,step:10,unit:\"px\"},showScrollbar:{type:ControlType.Boolean,title:\"Scrollbar\",defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"HTMLTextWindow\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"400\",\"framerIntrinsicHeight\":\"300\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./HTMLTextWindow.map"],"mappings":"4JAWG,SAAwB,EAAe,EAAM,CAAC,GAAK,CAAC,cAAY,uDAAuD,kBAAgB,UAAU,YAAU,UAAU,UAAQ,OAAO,eAAa,OAAO,OAAK,YAAU,IAAI,gBAAc,IAAM,EAAsP,OAAoB,EAAK,MAAM,CAAC,MAA3P,CAAC,MAAM,OAAO,OAAO,OAAO,kBAAgB,eAAa,UAAQ,SAAS,EAAc,OAAO,SAAS,UAAU,EAAU,EAAE,GAAG,EAAU,IAAI,OAAO,UAAU,aAAa,GAAG,EAAK,CAA2F,SAAsB,EAAK,MAAM,CAAC,MAAzG,CAAC,MAAM,EAAU,CAA2G,wBAAwB,CAAC,OAAO,EAAY,CAAC,CAAC,CAAC,CAAC,kBAXvlB,IAAoD,CAWqiB,EAAoB,EAAe,CAAC,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,aAAa,4JAA4J,gBAAgB,GAAK,YAAY,0BAA0B,CAAC,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAY,QAAQ,MAAM,UAAU,aAAa,OAAO,CAAC,aAAa,CAAC,KAAK,EAAY,aAAa,MAAM,gBAAgB,aAAa,OAAO,CAAC,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,aAAa,CAAC,SAAS,OAAO,QAAQ,UAAU,cAAc,MAAM,WAAW,QAAQ,CAAC,SAAS,WAAW,gBAAgB,aAAa,CAAC,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,GAAG,KAAK,KAAK,CAAC,cAAc,CAAC,KAAK,EAAY,QAAQ,MAAM,YAAY,aAAa,GAAK,aAAa,OAAO,cAAc,OAAO,CAAC,CAAC"}