const uiChartGlobal=function(){const sheet=document.createElement("style");prefs=["webkit-slider-runnable-track","moz-range-track","ms-track"];document.body.appendChild(sheet);function mobileChangeDatacenterLocation(value){const rangeValue=document.getElementById("rangeValue");rangeValue.innerHTML=value+"TB";if(value==110){rangeValue.innerHTML="1GB Unmetered"}else if(value==120){rangeValue.innerHTML="10GB Unmetered"}populateBandwidthChartUI(rangeValue.innerHTML)}function populateBandwidthChartUI(chartInput){const chartContainer=document.getElementById("chart-container");let bandwidthChartHTML="";const calculatePercentage=price=>price*100/1e4;const pathname=window.location.hostname;const addColor=()=>{let dataModelVariable;const ddElements=chartContainer.getElementsByClassName("percentage");if(pathname.toLowerCase().includes("primcast")){dataModelVariable=dataModelChartGlobal.bandwidthPricingColors.primcast}else{dataModelVariable=dataModelChartGlobal.bandwidthPricingColors.serverroom}for(let i=0;i<=ddElements.length-1;i++){ddElements[i].style.setProperty("--backgroundColor",dataModelVariable[i])}};dataModelChartGlobal.bandwidthPricingData.forEach((item=>{if(item.label===chartInput){if(item.chartData){if(pathname.toLowerCase().includes("serverroom")){item.chartData[0].companyName="Serverroom"}item.chartData.forEach(((itemData,index)=>{let label=Object.values(itemData)[0];let initialPrice=Object.values(itemData)[1];let percentageValue=Math.ceil(calculatePercentage(initialPrice));if(window.innerWidth<=1024){if(initialPrice===0||initialPrice==="N/A"){let price=1;percentageValue=Math.ceil(calculatePercentage(price))}}bandwidthChartHTML+=`\n                            <div class="percentage percentage-${percentageValue}">\n                                <div class="label">\n                                    <p class="text">${label}: <span class="price-label">$${initialPrice} (US)</span></p>\n                                </div>\n                            </div>\n                        `}))}}}));if(chartContainer){chartContainer.innerHTML=bandwidthChartHTML;addColor()}}function renderSlider(){let chartSliderHTML="";const chartSliderContainer=document.getElementById("bandwidth-slider");if(window.innerWidth<=1024){chartSliderHTML=`\n                            <input type="range" min="20" max="120" value="20" step="10">\n                            <p id="rangeValue">20TB</p>\n                        `}else if(window.innerWidth>1025){chartSliderHTML=`\n                            <div class="range">\n                                <input aria-label="slider" type="range" min="1" max="11" step="1" value="1"/>\n                            </div>\n    \n                            <ul class="range-labels">\n                                <li data-label="20TB" class="active selected">20TB</li>\n                                <li data-label="30TB">30TB</li>\n                                <li data-label="40TB">40TB</li>\n                                <li data-label="50TB">50TB</li>\n                                <li data-label="60TB">60TB</li>\n                                <li data-label="70TB">70TB</li>\n                                <li data-label="80TB">80TB</li>\n                                <li data-label="90TB">90TB</li>\n                                <li data-label="100TB">100TB</li>\n                                <li data-label="1GB Unmetered">1GB Unmetered</li>\n                                <li data-label="10GB Unmetered">10GB Unmetered</li>\n                            </ul>\n                        `}if(chartSliderContainer){chartSliderContainer.innerHTML=chartSliderHTML}}return{populateBandwidthChartUI:populateBandwidthChartUI,mobileChangeDatacenterLocation:mobileChangeDatacenterLocation,renderSlider:renderSlider}}();