const ui=function(){function populatePlansUI(){let html="";const planTypeContainer=document.getElementById("plans-container");dataModel.cdnPricingPlans.forEach((item=>{const{planTitle:planTitle,planSubtitle:planSubtitle,monthlyPrice:monthlyPrice,priceInfo:priceInfo,featuresInfo:featuresInfo,checkMark:checkMark,featuresPlan:featuresPlan,infoText:infoText,link:link,buttonText:buttonText}=item;let featuresInfoHTML="";let plansSpecificationsHTML="";let infoTextHTML="";if(featuresInfo){featuresInfoHTML+=`

${featuresInfo}

`}if(featuresPlan){featuresPlan.forEach((item=>{plansSpecificationsHTML+=`\n
\n checkmark\n \n

${item}

\n
\n `}))}if(infoText){infoTextHTML+=`

${infoText}

`}html+=`\n
\n
\n

${planTitle}

\n \n

${planSubtitle}

\n \n

$${monthlyPrice}/mo.

\n \n

${priceInfo}

\n
\n \n
\n ${featuresInfoHTML}\n \n
\n ${plansSpecificationsHTML}\n
\n
\n \n
\n ${infoTextHTML}\n \n ${buttonText}\n
\n
\n `}));if(planTypeContainer){planTypeContainer.innerHTML=html}}return{populatePlansUI:populatePlansUI}}();