1(function (jQuery) { 2 "use strict"; 3if (document.querySelectorAll('#myChart').length) { 4 const options = { 5 series: [55, 75], 6 chart: { 7 height: 230, 8 type: 'radialBar', 9 }, 10 colors: ["#4bc7d2", "#3a57e8"], 11 plotOptions: { 12 radialBar: { 13 hollow: { 14 margin: 10, 15 size: "50%", 16 }, 17 track: { 18 margin: 10, 19 strokeWidth: '50%', 20 }, 21 dataLabels: { 22 show: false, 23 } 24 } 25 }, 26 labels: ['Apples', 'Oranges'], 27 }; 28 if(ApexCharts !== undefined) { 29 const chart = new ApexCharts(document.querySelector("#myChart"), options); 30 chart.render(); 31 document.addEventListener('ColorChange', (e) => { 32 const newOpt = {colors: [e.detail.detail2, e.detail.detail1],} 33 chart.updateOptions(newOpt) 34 35 }) 36 } 37} 38if (document.querySelectorAll('#d-activity').length) { 39 const options = { 40 series: [{ 41 name: 'Successful deals', 42 data: [30, 50, 35, 60, 40, 60, 60, 30, 50, 35,] 43 }, { 44 name: 'Failed deals', 45 data: [40, 50, 55, 50, 30, 80, 30, 40, 50, 55] 46 }], 47 chart: { 48 type: 'bar', 49 height: 230, 50 stacked: true, 51 toolbar: { 52 show:false 53 } 54 }, 55 colors: ["#3a57e8", "#4bc7d2"], 56 plotOptions: { 57 bar: { 58 horizontal: false, 59 columnWidth: '28%', 60 endingShape: 'rounded', 61 borderRadius: 5, 62 }, 63 }, 64 legend: { 65 show: false 66 }, 67 dataLabels: { 68 enabled: false 69 }, 70 stroke: { 71 show: true, 72 width: 2, 73 colors: ['transparent'] 74 }, 75 xaxis: { 76 categories: ['S', 'M', 'T', 'W', 'T', 'F', 'S', 'M', 'T', 'W'], 77 labels: { 78 minHeight:20, 79 maxHeight:20, 80 style: { 81 colors: "#8A92A6", 82 }, 83 } 84 }, 85 yaxis: { 86 title: { 87 text: '' 88 }, 89 labels: { 90 minWidth: 19, 91 maxWidth: 19, 92 style: { 93 colors: "#8A92A6", 94 }, 95 } 96 }, 97 fill: { 98 opacity: 1 99 }, 100 tooltip: { 101 y: { 102 formatter: function (val) { 103 return "$ " + val + " thousands" 104 } 105 } 106 } 107 }; 108 109 const chart = new ApexCharts(document.querySelector("#d-activity"), options); 110 chart.render(); 111 document.addEventListener('ColorChange', (e) => { 112 const newOpt = {colors: [e.detail.detail1, e.detail.detail2],} 113 chart.updateOptions(newOpt) 114 }) 115 } 116if (document.querySelectorAll('#d-main').length) { 117 const options = { 118 series: [{ 119 name: 'total', 120 data: [94, 80, 94, 80, 94, 80, 94] 121 }, { 122 name: 'pipline', 123 data: [72, 60, 84, 60, 74, 60, 78] 124 }], 125 chart: { 126 fontFamily: '"Inter", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"', 127 height: 245, 128 type: 'area', 129 toolbar: { 130 show: false 131 }, 132 sparkline: { 133 enabled: false, 134 }, 135 }, 136 colors: ["#3a57e8", "#4bc7d2"], 137 dataLabels: { 138 enabled: false 139 }, 140 stroke: { 141 curve: 'smooth', 142 width: 3, 143 }, 144 yaxis: { 145 show: true, 146 labels: { 147 show: true, 148 minWidth: 19, 149 maxWidth: 19, 150 style: { 151 colors: "#8A92A6", 152 }, 153 offsetX: -5, 154 }, 155 }, 156 legend: { 157 show: false, 158 }, 159 xaxis: { 160 labels: { 161 minHeight:22, 162 maxHeight:22, 163 show: true, 164 style: { 165 colors: "#8A92A6", 166 }, 167 }, 168 lines: { 169 show: false //or just here to disable only x axis grids 170 }, 171 categories: ["Jan", "Feb", "Mar", "Apr", "Jun", "Jul", "Aug"] 172 }, 173 grid: { 174 show: false, 175 }, 176 fill: { 177 type: 'gradient', 178 gradient: { 179 shade: 'dark', 180 type: "vertical", 181 shadeIntensity: 0, 182 gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series 183 inverseColors: true, 184 opacityFrom: .4, 185 opacityTo: .1, 186 stops: [0, 50, 80], 187 colors: ["#3a57e8", "#4bc7d2"] 188 } 189 }, 190 tooltip: { 191 enabled: true, 192 }, 193 }; 194 195 const chart = new ApexCharts(document.querySelector("#d-main"), options); 196 chart.render(); 197 document.addEventListener('ColorChange', (e) => { 198 console.log(e) 199 const newOpt = { 200 colors: [e.detail.detail1, e.detail.detail2], 201 fill: { 202 type: 'gradient', 203 gradient: { 204 shade: 'dark', 205 type: "vertical", 206 shadeIntensity: 0, 207 gradientToColors: [e.detail.detail1, e.detail.detail2], // optional, if not defined - uses the shades of same color in series 208 inverseColors: true, 209 opacityFrom: .4, 210 opacityTo: .1, 211 stops: [0, 50, 60], 212 colors: [e.detail.detail1, e.detail.detail2], 213 } 214 }, 215 } 216 chart.updateOptions(newOpt) 217 }) 218} 219if ($('.d-slider1').length > 0) { 220 const options = { 221 centeredSlides: false, 222 loop: false, 223 slidesPerView: 4, 224 autoplay:false, 225 spaceBetween: 32, 226 breakpoints: { 227 320: { slidesPerView: 1 }, 228 550: { slidesPerView: 2 }, 229 991: { slidesPerView: 3 }, 230 1400: { slidesPerView: 3 }, 231 1500: { slidesPerView: 4 }, 232 1920: { slidesPerView: 6 }, 233 2040: { slidesPerView: 7 }, 234 2440: { slidesPerView: 8 } 235 }, 236 pagination: { 237 el: '.swiper-pagination' 238 }, 239 navigation: { 240 nextEl: '.swiper-button-next', 241 prevEl: '.swiper-button-prev' 242 }, 243 244 // And if we need scrollbar 245 scrollbar: { 246 el: '.swiper-scrollbar' 247 } 248 } 249 let swiper = new Swiper('.d-slider1',options); 250 251 document.addEventListener('ChangeMode', (e) => { 252 if (e.detail.rtl === 'rtl' || e.detail.rtl === 'ltr') { 253 swiper.destroy(true, true) 254 setTimeout(() => { 255 swiper = new Swiper('.d-slider1',options); 256 }, 500); 257 } 258 }) 259} 260 261})(jQuery)
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.