{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/uoDZHnsit6Qc6azM5b6q/7V9X4rzEqKgI3aP18TZ8/PrefixedUrlInput.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function PrefixedUrlInput({name=\"webbplats\",label=\"Webbplats\",placeholder=\"\",required=true,prefix=\"https://\"}){const[value,setValue]=React.useState(\"\");const[isValid,setIsValid]=React.useState(true);const inputId=`url-${name}`;// Validera baserat p\u00E5 prefix\nconst validate=text=>{const trimmed=text.trim();// Tomt = inte ogiltigt f\u00F6rr\u00E4n kr\u00E4vs\nif(trimmed===\"\")return!required;if(prefix===\"https://\"||prefix===\"http://\"){// Fullst\u00E4ndig dom\u00E4n, t.ex. example.com\nreturn/^(?!:\\/\\/)([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,}$/.test(trimmed);}if(prefix===\"www.\"){// Kr\u00E4v dom\u00E4n efter www.\nreturn/^([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,}$/.test(trimmed);}if(prefix===\"\"){// Till\u00E5t \u00E4ven t.ex. localhost\nreturn/^([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,}$/.test(trimmed)||trimmed===\"localhost\";}return false;};const handleChange=e=>{const newValue=e.target.value;setValue(newValue);setIsValid(validate(newValue));};return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:\"6px\",width:\"100%\"},children:[/*#__PURE__*/_jsxs(\"label\",{htmlFor:inputId,style:{fontSize:\"14px\",fontWeight:500,color:\"#888\"},children:[label,required&&/*#__PURE__*/_jsx(\"span\",{style:{color:\"#888\"},children:\"*\"})]}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",width:\"100%\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{padding:\"10px\",backgroundColor:\"#f1f1f1\",border:\"1px solid #ccc\",borderRight:\"none\",borderRadius:\"8px 0 0 8px\",fontSize:\"14px\",whiteSpace:\"nowrap\",color:\"#888\"},children:prefix}),/*#__PURE__*/_jsx(\"input\",{id:inputId,type:\"text\",placeholder:\"hemsida.se\",value:value,onChange:handleChange,required:required,style:{flex:1,padding:\"10px\",border:`1px solid ${isValid||!value?\"#ccc\":\"red\"}`,borderRadius:\"0 8px 8px 0\",fontSize:\"14px\"}})]}),!isValid&&value&&/*#__PURE__*/_jsx(\"span\",{style:{color:\"red\",fontSize:\"12px\"},children:\"Ogiltig dom\\xe4n \u2013 skriv t.ex. exempel.se\"}),/*#__PURE__*/_jsx(\"input\",{type:\"hidden\",name:name,value:isValid&&value?`${prefix}${value}`:\"\"})]});}addPropertyControls(PrefixedUrlInput,{label:{type:ControlType.String,title:\"Etikett\",defaultValue:\"Webbplats\"},name:{type:ControlType.String,title:\"F\\xe4ltnamn\",defaultValue:\"webbplats\"},placeholder:{type:ControlType.String,title:\"Placeholder\",defaultValue:\"hemsida.se\"},prefix:{type:ControlType.Enum,title:\"Prefix\",options:[\"https://\",\"http://\",\"www.\",\"\"],optionTitles:[\"https://\",\"http://\",\"www.\",\"(inget)\"],defaultValue:\"https://\"},required:{type:ControlType.Boolean,title:\"Obligatoriskt\",defaultValue:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PrefixedUrlInput\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PrefixedUrlInput.map"],
  "mappings": "qEAAwJ,SAARA,EAAkC,CAAC,KAAAC,EAAK,YAAY,MAAAC,EAAM,YAAY,YAAAC,EAAY,GAAG,SAAAC,EAAS,GAAK,OAAAC,EAAO,UAAU,EAAE,CAAC,GAAK,CAACC,EAAMC,CAAQ,EAAQC,EAAS,EAAE,EAAO,CAACC,EAAQC,CAAU,EAAQF,EAAS,EAAI,EAAQG,EAAQ,OAAOV,CAAI,GAClXW,EAASC,GAAM,CAAC,IAAMC,EAAQD,EAAK,KAAK,EAC9C,OAAGC,IAAU,GAAS,CAACV,EAAYC,IAAS,YAAYA,IAAS,UAC3D,4CAA4C,KAAKS,CAAO,EAAMT,IAAS,OACvE,mCAAmC,KAAKS,CAAO,EAAMT,IAAS,GAC9D,mCAAmC,KAAKS,CAAO,GAAGA,IAAU,YAAoB,EAAM,EAA2G,OAAoBC,EAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,cAAc,SAAS,IAAI,MAAM,MAAM,MAAM,EAAE,SAAS,CAAcA,EAAM,QAAQ,CAAC,QAAQJ,EAAQ,MAAM,CAAC,SAAS,OAAO,WAAW,IAAI,MAAM,MAAM,EAAE,SAAS,CAACT,EAAME,GAAuBY,EAAK,OAAO,CAAC,MAAM,CAAC,MAAM,MAAM,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,EAAeD,EAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,MAAM,MAAM,EAAE,SAAS,CAAcC,EAAK,OAAO,CAAC,MAAM,CAAC,QAAQ,OAAO,gBAAgB,UAAU,OAAO,iBAAiB,YAAY,OAAO,aAAa,cAAc,SAAS,OAAO,WAAW,SAAS,MAAM,MAAM,EAAE,SAASX,CAAM,CAAC,EAAeW,EAAK,QAAQ,CAAC,GAAGL,EAAQ,KAAK,OAAO,YAAY,aAAa,MAAML,EAAM,SAApvBW,GAAG,CAAC,IAAMC,EAASD,EAAE,OAAO,MAAMV,EAASW,CAAQ,EAAER,EAAWE,EAASM,CAAQ,CAAC,CAAE,EAAsrB,SAASd,EAAS,MAAM,CAAC,KAAK,EAAE,QAAQ,OAAO,OAAO,aAAaK,GAAS,CAACH,EAAM,OAAO,KAAK,GAAG,aAAa,cAAc,SAAS,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAACG,GAASH,GAAoBU,EAAK,OAAO,CAAC,MAAM,CAAC,MAAM,MAAM,SAAS,MAAM,EAAE,SAAS,gDAA2C,CAAC,EAAeA,EAAK,QAAQ,CAAC,KAAK,SAAS,KAAKf,EAAK,MAAMQ,GAASH,EAAM,GAAGD,CAAM,GAAGC,CAAK,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAE,CAACa,EAAoBnB,EAAiB,CAAC,MAAM,CAAC,KAAKoB,EAAY,OAAO,MAAM,UAAU,aAAa,WAAW,EAAE,KAAK,CAAC,KAAKA,EAAY,OAAO,MAAM,cAAc,aAAa,WAAW,EAAE,YAAY,CAAC,KAAKA,EAAY,OAAO,MAAM,cAAc,aAAa,YAAY,EAAE,OAAO,CAAC,KAAKA,EAAY,KAAK,MAAM,SAAS,QAAQ,CAAC,WAAW,UAAU,OAAO,EAAE,EAAE,aAAa,CAAC,WAAW,UAAU,OAAO,SAAS,EAAE,aAAa,UAAU,EAAE,SAAS,CAAC,KAAKA,EAAY,QAAQ,MAAM,gBAAgB,aAAa,EAAI,CAAC,CAAC",
  "names": ["PrefixedUrlInput", "name", "label", "placeholder", "required", "prefix", "value", "setValue", "ye", "isValid", "setIsValid", "inputId", "validate", "text", "trimmed", "u", "p", "e", "newValue", "addPropertyControls", "ControlType"]
}