1"use strict"; 2var KTWidgets = { 3 init: function () { 4 var e, t, a, o, r; 5 !function () { 6 if (document.querySelector("#kt_dashboard_daterangepicker")) { 7 var e = $("#kt_dashboard_daterangepicker"), t = moment(), a = moment(); 8 e.daterangepicker({ 9 direction: KTUtil.isRTL(), 10 startDate: t, 11 endDate: a, 12 opens: "left", 13 applyClass: "btn-primary", 14 cancelClass: "btn-light-primary", 15 ranges: { 16 Today: [moment(), moment()], 17 Yesterday: [moment().subtract(1, "days"), moment().subtract(1, "days")], 18 "Last 7 Days": [moment().subtract(6, "days"), moment()], 19 "Last 30 Days": [moment().subtract(29, "days"), moment()], 20 "This Month": [moment().startOf("month"), moment().endOf("month")], 21 "Last Month": [moment().subtract(1, "month").startOf("month"), moment().subtract(1, "month").endOf("month")] 22 } 23 }, o), o(t, a, "") 24 } 25 26 function o(e, t, a) { 27 var o = "", r = ""; 28 t - e < 100 || "Today" == a ? (o = "Today:", r = e.format("MMM D")) : "Yesterday" == a ? (o = "Yesterday:", r = e.format("MMM D")) : r = e.format("MMM D") + " - " + t.format("MMM D"), $("#kt_dashboard_daterangepicker_date").html(r), $("#kt_dashboard_daterangepicker_title").html(o) 29 } 30 }(), (e = document.querySelector("#kt_user_menu_dark_mode_toggle")) && e.addEventListener("click", (function () { 31 window.location.href = this.getAttribute("data-kt-url") 32 })), t = document.querySelectorAll(".statistics-widget-3-chart"), [].slice.call(t).map((function (e) { 33 var t = parseInt(KTUtil.css(e, "height")); 34 if (e) { 35 var a = e.getAttribute("data-kt-chart-color"), o = KTUtil.getCssVariableValue("--bs-gray-800"), 36 r = KTUtil.getCssVariableValue("--bs-" + a), s = KTUtil.getCssVariableValue("--bs-" + a + "-light"); 37 new ApexCharts(e, { 38 series: [{name: "Net Profit", data: [30, 45, 32, 70, 40]}], 39 chart: { 40 fontFamily: "inherit", 41 type: "area", 42 height: t, 43 toolbar: {show: !1}, 44 zoom: {enabled: !1}, 45 sparkline: {enabled: !0} 46 }, 47 plotOptions: {}, 48 legend: {show: !1}, 49 dataLabels: {enabled: !1}, 50 fill: {type: "solid", opacity: .3}, 51 stroke: {curve: "smooth", show: !0, width: 3, colors: [r]}, 52 xaxis: { 53 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], 54 axisBorder: {show: !1}, 55 axisTicks: {show: !1}, 56 labels: {show: !1, style: {colors: o, fontSize: "12px"}}, 57 crosshairs: {show: !1, position: "front", stroke: {color: "#E4E6EF", width: 1, dashArray: 3}}, 58 tooltip: {enabled: !0, formatter: void 0, offsetY: 0, style: {fontSize: "12px"}} 59 }, 60 yaxis: {min: 0, max: 80, labels: {show: !1, style: {colors: o, fontSize: "12px"}}}, 61 states: { 62 normal: {filter: {type: "none", value: 0}}, 63 hover: {filter: {type: "none", value: 0}}, 64 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 65 }, 66 tooltip: { 67 style: {fontSize: "12px"}, y: { 68 formatter: function (e) { 69 return "$" + e + " thousands" 70 } 71 } 72 }, 73 colors: [r], 74 markers: {colors: [r], strokeColor: [s], strokeWidth: 3} 75 }).render() 76 } 77 })), function () { 78 var e = document.querySelectorAll(".statistics-widget-4-chart"); 79 [].slice.call(e).map((function (e) { 80 var t = parseInt(KTUtil.css(e, "height")); 81 if (e) { 82 var a = e.getAttribute("data-kt-chart-color"), o = KTUtil.getCssVariableValue("--bs-gray-800"), 83 r = KTUtil.getCssVariableValue("--bs-" + a), 84 s = KTUtil.getCssVariableValue("--bs-" + a + "-light"); 85 new ApexCharts(e, { 86 series: [{name: "Net Profit", data: [40, 40, 30, 30, 35, 35, 50]}], 87 chart: { 88 fontFamily: "inherit",
89 type: "area", 90 height: t, 91 toolbar: {show: !1}, 92 zoom: {enabled: !1}, 93 sparkline: {enabled: !0} 94 }, 95 plotOptions: {}, 96 legend: {show: !1}, 97 dataLabels: {enabled: !1}, 98 fill: {type: "solid", opacity: .3}, 99 stroke: {curve: "smooth", show: !0, width: 3, colors: [r]}, 100 xaxis: { 101 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug"], 102 axisBorder: {show: !1}, 103 axisTicks: {show: !1}, 104 labels: {show: !1, style: {colors: o, fontSize: "12px"}}, 105 crosshairs: { 106 show: !1, 107 position: "front", 108 stroke: {color: "#E4E6EF", width: 1, dashArray: 3} 109 }, 110 tooltip: {enabled: !0, formatter: void 0, offsetY: 0, style: {fontSize: "12px"}} 111 }, 112 yaxis: {min: 0, max: 60, labels: {show: !1, style: {colors: o, fontSize: "12px"}}}, 113 states: { 114 normal: {filter: {type: "none", value: 0}}, 115 hover: {filter: {type: "none", value: 0}}, 116 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 117 }, 118 tooltip: { 119 style: {fontSize: "12px"}, y: { 120 formatter: function (e) { 121 return "$" + e + " thousands" 122 } 123 } 124 }, 125 colors: [r], 126 markers: {colors: [r], strokeColor: [s], strokeWidth: 3} 127 }).render() 128 } 129 })) 130 }(), function () { 131 var e = document.getElementById("kt_charts_widget_1_chart"); 132 if (e) { 133 var t = {self: null, rendered: !1}, a = function () { 134 var a = parseInt(KTUtil.css(e, "height")), o = KTUtil.getCssVariableValue("--bs-gray-500"), 135 r = KTUtil.getCssVariableValue("--bs-gray-200"), s = { 136 series: [{name: "Net Profit", data: [44, 55, 57, 56, 61, 58]}, { 137 name: "Revenue", 138 data: [76, 85, 101, 98, 87, 105] 139 }], 140 chart: {fontFamily: "inherit", type: "bar", height: a, toolbar: {show: !1}}, 141 plotOptions: {bar: {horizontal: !1, columnWidth: ["30%"], borderRadius: [6]}}, 142 legend: {show: !1}, 143 dataLabels: {enabled: !1}, 144 stroke: {show: !0, width: 2, colors: ["transparent"]}, 145 xaxis: { 146 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], 147 axisBorder: {show: !1}, 148 axisTicks: {show: !1}, 149 labels: {style: {colors: o, fontSize: "12px"}} 150 }, 151 yaxis: {labels: {style: {colors: o, fontSize: "12px"}}}, 152 fill: {opacity: 1}, 153 states: { 154 normal: {filter: {type: "none", value: 0}}, 155 hover: {filter: {type: "none", value: 0}}, 156 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 157 }, 158 tooltip: { 159 style: {fontSize: "12px"}, y: { 160 formatter: function (e) { 161 return "$" + e + " thousands" 162 } 163 } 164 }, 165 colors: [KTUtil.getCssVariableValue("--bs-primary"), KTUtil.getCssVariableValue("--bs-gray-300")], 166 grid: {borderColor: r, strokeDashArray: 4, yaxis: {lines: {show: !0}}} 167 }; 168 t.self = new ApexCharts(e, s), t.self.render(), t.rendered = !0 169 }; 170 a(), KTThemeMode.on("kt.thememode.change", (function () { 171 t.rendered && t.self.destroy(), a() 172 })) 173 } 174 }(), function () { 175 var e = document.getElementById("kt_charts_widget_2_chart"); 176 if (e) { 177 var t = {self: null, rendered: !1}, a = function () { 178 var a = parseInt(KTUtil.css(e, "height")), o = KTUtil.getCssVariableValue("--bs-gray-500"), 179 r = KTUtil.getCssVariableValue("--bs-gray-200"), s = { 180 series: [{name: "Net Profit", data: [44, 55, 57, 56, 61, 58]}, { 181 name: "Revenue", 182 data: [76, 85, 101, 98, 87, 105] 183 }], 184 chart: {fontFamily: "inherit", type: "bar", height: a, toolbar: {show: !1}}, 185 plotOptions: {bar: {horizontal: !1, columnWidth: ["30%"], borderRadius: 4}}, 186 legend: {show: !1}, 187 dataLabels: {enabled: !1}, 188 stroke: {show: !0, width: 2, colors: ["transparent"]}, 189 xaxis: { 190 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], 191 axisBorder: {show: !1}, 192 axisTicks: {show: !1}, 193 labels: {style: {colors: o, fontSize: "12px"}} 194 }, 195 yaxis: {labels: {style: {colors: o, fontSize: "12px"}}}, 196 fill: {opacity: 1}, 197 states: { 198 normal: {filter: {type: "none", value: 0}}, 199 hover: {filter: {type: "none", value: 0}}, 200 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 201 }, 202 tooltip: { 203 style: {fontSize: "12px"}, y: { 204 formatter: function (e) { 205 return "$" + e + " thousands" 206 } 207 } 208 }, 209 colors: [KTUtil.getCssVariableValue("--bs-warning"), KTUtil.getCssVariableValue("--bs-gray-300")], 210 grid: {borderColor: r, strokeDashArray: 4, yaxis: {lines: {show: !0}}} 211 }; 212 t.self = new ApexCharts(e, s), t.self.render(), t.rendered = !0 213 }; 214 a(), KTThemeMode.on("kt.thememode.change", (function () { 215 t.rendered && t.self.destroy(), a() 216 })) 217 } 218 }(), function () { 219 var e = document.getElementById("kt_charts_widget_3_chart"); 220 if (e) { 221 var t = {self: null, rendered: !1}, a = function () { 222 parseInt(KTUtil.css(e, "height")); 223 var a = KTUtil.getCssVariableValue("--bs-gray-500"), 224 o = KTUtil.getCssVariableValue("--bs-gray-200"), r = KTUtil.getCssVariableValue("--bs-info"), 225 s = { 226 series: [{name: "Net Profit", data: [30, 40, 40, 90, 90, 70, 70]}], 227 chart: {fontFamily: "inherit", type: "area", height: 350, toolbar: {show: !1}}, 228 plotOptions: {}, 229 legend: {show: !1}, 230 dataLabels: {enabled: !1}, 231 fill: {type: "solid", opacity: 1}, 232 stroke: {curve: "smooth", show: !0, width: 3, colors: [r]}, 233 xaxis: { 234 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug"], 235 axisBorder: {show: !1}, 236 axisTicks: {show: !1}, 237 labels: {style: {colors: a, fontSize: "12px"}}, 238 crosshairs: {position: "front", stroke: {color: r, width: 1, dashArray: 3}}, 239 tooltip: {enabled: !0, formatter: void 0, offsetY: 0, style: {fontSize: "12px"}} 240 }, 241 yaxis: {labels: {style: {colors: a, fontSize: "12px"}}}, 242 states: { 243 normal: {filter: {type: "none", value: 0}}, 244 hover: {filter: {type: "none", value: 0}}, 245 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 246 }, 247 tooltip: { 248 style: {fontSize: "12px"}, y: { 249 formatter: function (e) { 250 return "$" + e + " thousands" 251 } 252 } 253 }, 254 colors: [KTUtil.getCssVariableValue("--bs-info-light")], 255 grid: {borderColor: o, strokeDashArray: 4, yaxis: {lines: {show: !0}}}, 256 markers: {strokeColor: r, strokeWidth: 3} 257 }; 258 t.self = new ApexCharts(e, s), t.self.render(), t.rendered = !0 259 }; 260 a(), KTThemeMode.on("kt.thememode.change", (function () { 261 t.rendered && t.self.destroy(), a() 262 })) 263 } 264 }(), function () { 265 var e = document.getElementById("kt_charts_widget_4_chart"); 266 if (e) { 267 var t = {self: null, rendered: !1}, a = function () { 268 parseInt(KTUtil.css(e, "height")); 269 var a = KTUtil.getCssVariableValue("--bs-gray-500"), 270 o = KTUtil.getCssVariableValue("--bs-gray-200"), r = KTUtil.getCssVariableValue("--bs-success"), 271 s = KTUtil.getCssVariableValue("--bs-success-light"), 272 l = KTUtil.getCssVariableValue("--bs-warning"), 273 i = KTUtil.getCssVariableValue("--bs-warning-light"), n = { 274 series: [{name: "Net Profit", data: [60, 50, 80, 40, 100, 60]}, { 275 name: "Revenue", 276 data: [70, 60, 110, 40, 50, 70] 277 }], 278 chart: {fontFamily: "inherit", type: "area", height: 350, toolbar: {show: !1}}, 279 plotOptions: {}, 280 legend: {show: !1}, 281 dataLabels: {enabled: !1}, 282 fill: {type: "solid", opacity: 1}, 283 stroke: {curve: "smooth"}, 284 xaxis: { 285 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], 286 axisBorder: {show: !1}, 287 axisTicks: {show: !1}, 288 labels: {style: {colors: a, fontSize: "12px"}}, 289 crosshairs: {position: "front", stroke: {color: a, width: 1, dashArray: 3}}, 290 tooltip: {enabled: !0, formatter: void 0, offsetY: 0, style: {fontSize: "12px"}} 291 }, 292 yaxis: {labels: {style: {colors: a, fontSize: "12px"}}}, 293 states: { 294 normal: {filter: {type: "none", value: 0}}, 295 hover: {filter: {type: "none", value: 0}}, 296 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 297 }, 298 tooltip: { 299 style: {fontSize: "12px"}, y: { 300 formatter: function (e) { 301 return "$" + e + " thousands" 302 } 303 } 304 }, 305 colors: [r, l], 306 grid: {borderColor: o, strokeDashArray: 4, yaxis: {lines: {show: !0}}}, 307 markers: {colors: [s, i], strokeColor: [s, i], strokeWidth: 3} 308 }; 309 t.self = new ApexCharts(e, n), t.self.render(), t.rendered = !0 310 }; 311 a(), KTThemeMode.on("kt.thememode.change", (function () { 312 t.rendered && t.self.destroy(), a() 313 })) 314 } 315 }(), function () { 316 var e = document.getElementById("kt_charts_widget_5_chart"); 317 if (e) { 318 var t = {self: null, rendered: !1}, a = function () { 319 parseInt(KTUtil.css(e, "height")); 320 var a = KTUtil.getCssVariableValue("--bs-gray-500"), 321 o = KTUtil.getCssVariableValue("--bs-gray-200"), r = { 322 series: [{name: "Net Profit", data: [40, 50, 65, 70, 50, 30]}, { 323 name: "Revenue", 324 data: [-30, -40, -55, -60, -40, -20] 325 }], 326 chart: {fontFamily: "inherit", type: "bar", stacked: !0, height: 350, toolbar: {show: !1}}, 327 plotOptions: {bar: {horizontal: !1, columnWidth: ["12%"], borderRadius: [6, 6]}}, 328 legend: {show: !1}, 329 dataLabels: {enabled: !1}, 330 stroke: {show: !0, width: 2, colors: ["transparent"]}, 331 xaxis: { 332 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], 333 axisBorder: {show: !1}, 334 axisTicks: {show: !1}, 335 labels: {style: {colors: a, fontSize: "12px"}} 336 }, 337 yaxis: {min: -80, max: 80, labels: {style: {colors: a, fontSize: "12px"}}}, 338 fill: {opacity: 1}, 339 states: { 340 normal: {filter: {type: "none", value: 0}}, 341 hover: {filter: {type: "none", value: 0}}, 342 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 343 }, 344 tooltip: { 345 style: {fontSize: "12px"}, y: { 346 formatter: function (e) { 347 return "$" + e + " thousands" 348 } 349 } 350 }, 351 colors: [KTUtil.getCssVariableValue("--bs-primary"), KTUtil.getCssVariableValue("--bs-info")], 352 grid: {borderColor: o, strokeDashArray: 4, yaxis: {lines: {show: !0}}} 353 }; 354 t.self = new ApexCharts(e, r), t.self.render(), t.rendered = !0 355 }; 356 a()
356, KTThemeMode.on("kt.thememode.change", (function () { 357 t.rendered && t.self.destroy(), a() 358 })) 359 } 360 }(), function () { 361 var e = document.getElementById("kt_charts_widget_6_chart"); 362 if (e) { 363 var t = {self: null, rendered: !1}, a = function () { 364 parseInt(KTUtil.css(e, "height")); 365 var a = KTUtil.getCssVariableValue("--bs-gray-500"), 366 o = KTUtil.getCssVariableValue("--bs-gray-200"), r = KTUtil.getCssVariableValue("--bs-primary"), 367 s = KTUtil.getCssVariableValue("--bs-primary-light"), l = { 368 series: [{ 369 name: "Net Profit", 370 type: "bar", 371 stacked: !0, 372 data: [40, 50, 65, 70, 50, 30] 373 }, { 374 name: "Revenue", 375 type: "bar", 376 stacked: !0, 377 data: [20, 20, 25, 30, 30, 20] 378 }, {name: "Expenses", type: "area", data: [50, 80, 60, 90, 50, 70]}], 379 chart: {fontFamily: "inherit", stacked: !0, height: 350, toolbar: {show: !1}}, 380 plotOptions: {bar: {stacked: !0, horizontal: !1, borderRadius: 4, columnWidth: ["12%"]}}, 381 legend: {show: !1}, 382 dataLabels: {enabled: !1}, 383 stroke: {curve: "smooth", show: !0, width: 2, colors: ["transparent"]}, 384 xaxis: { 385 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], 386 axisBorder: {show: !1}, 387 axisTicks: {show: !1}, 388 labels: {style: {colors: a, fontSize: "12px"}} 389 }, 390 yaxis: {max: 120, labels: {style: {colors: a, fontSize: "12px"}}}, 391 fill: {opacity: 1}, 392 states: { 393 normal: {filter: {type: "none", value: 0}}, 394 hover: {filter: {type: "none", value: 0}}, 395 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 396 }, 397 tooltip: { 398 style: {fontSize: "12px"}, y: { 399 formatter: function (e) { 400 return "$" + e + " thousands" 401 } 402 } 403 }, 404 colors: [r, KTUtil.getCssVariableValue("--bs-info"), s], 405 grid: { 406 borderColor: o, 407 strokeDashArray: 4, 408 yaxis: {lines: {show: !0}}, 409 padding: {top: 0, right: 0, bottom: 0, left: 0} 410 } 411 }; 412 t.self = new ApexCharts(e, l), t.self.render(), t.rendered = !0 413 }; 414 a(), KTThemeMode.on("kt.thememode.change", (function () { 415 t.rendered && t.self.destroy(), a() 416 })) 417 } 418 }(), function () { 419 var e = document.getElementById("kt_charts_widget_7_chart"); 420 if (e) { 421 var t = {self: null, rendered: !1}, a = function () { 422 var a = parseInt(KTUtil.css(e, "height")), o = KTUtil.getCssVariableValue("--bs-gray-500"), 423 r = KTUtil.getCssVariableValue("--bs-gray-200"), 424 s = KTUtil.getCssVariableValue("--bs-gray-300"), l = KTUtil.getCssVariableValue("--bs-warning"), 425 i = KTUtil.getCssVariableValue("--bs-warning-light"), 426 n = KTUtil.getCssVariableValue("--bs-success"), 427 d = KTUtil.getCssVariableValue("--bs-success-light"), 428 c = KTUtil.getCssVariableValue("--bs-primary"), h = { 429 series: [{name: "Net Profit", data: [30, 30, 50, 50, 35, 35]}, { 430 name: "Revenue", 431 data: [55, 20, 20, 20, 70, 70] 432 }, {name: "Expenses", data: [60, 60, 40, 40, 30, 30]}], 433 chart: { 434 fontFamily: "inherit",
435 type: "area", 436 height: a, 437 toolbar: {show: !1}, 438 zoom: {enabled: !1}, 439 sparkline: {enabled: !0} 440 }, 441 plotOptions: {}, 442 legend: {show: !1}, 443 dataLabels: {enabled: !1}, 444 fill: {type: "solid", opacity: 1}, 445 stroke: {curve: "smooth", show: !0, width: 2, colors: [l, "transparent", "transparent"]}, 446 xaxis: { 447 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], 448 axisBorder: {show: !1}, 449 axisTicks: {show: !1}, 450 labels: {show: !1, style: {colors: o, fontSize: "12px"}}, 451 crosshairs: {show: !1, position: "front", stroke: {color: s, width: 1, dashArray: 3}}, 452 tooltip: {enabled: !0, formatter: void 0, offsetY: 0, style: {fontSize: "12px"}} 453 }, 454 yaxis: {labels: {show: !1, style: {colors: o, fontSize: "12px"}}}, 455 states: { 456 normal: {filter: {type: "none", value: 0}}, 457 hover: {filter: {type: "none", value: 0}}, 458 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 459 }, 460 tooltip: { 461 style: {fontSize: "12px"}, y: { 462 formatter: function (e) { 463 return "$" + e + " thousands" 464 } 465 } 466 }, 467 colors: [l, n, c], 468 grid: {borderColor: r, strokeDashArray: 4, yaxis: {lines: {show: !0}}}, 469 markers: { 470 colors: [i, d, KTUtil.getCssVariableValue("--bs-primary-light")], 471 strokeColor: [l, n, c], 472 strokeWidth: 3 473 } 474 }; 475 t.self = new ApexCharts(e, h), t.self.render(), t.rendered = !0 476 }; 477 a(), KTThemeMode.on("kt.thememode.change", (function () { 478 t.rendered && t.self.destroy(), a() 479 })) 480 } 481 }(), function () { 482 var e = document.getElementById("kt_charts_widget_8_chart"); 483 if (e) { 484 var t = {self: null, rendered: !1}, a = function () { 485 var a = parseInt(KTUtil.css(e, "height")), o = KTUtil.getCssVariableValue("--bs-gray-500"), 486 r = KTUtil.getCssVariableValue("--bs-gray-200"), 487 s = KTUtil.getCssVariableValue("--bs-gray-300"), l = KTUtil.getCssVariableValue("--bs-warning"), 488 i = KTUtil.getCssVariableValue("--bs-warning-light"), 489 n = KTUtil.getCssVariableValue("--bs-success"), 490 d = KTUtil.getCssVariableValue("--bs-success-light"), 491 c = KTUtil.getCssVariableValue("--bs-primary"), h = { 492 series: [{name: "Net Profit", data: [30, 30, 50, 50, 35, 35]}, { 493 name: "Revenue", 494 data: [55, 20, 20, 20, 70, 70] 495 }, {name: "Expenses", data: [60, 60, 40, 40, 30, 30]}], 496 chart: { 497 fontFamily: "inherit", 498 type: "area", 499 height: a, 500 toolbar: {show: !1}, 501 zoom: {enabled: !1}, 502 sparkline: {enabled: !0} 503 }, 504 plotOptions: {}, 505 legend: {show: !1}, 506 dataLabels: {enabled: !1}, 507 fill: {type: "solid", opacity: 1}, 508 stroke: {curve: "smooth", show: !0, width: 2, colors: [l, n, c]}, 509 xaxis: { 510 x: 0, 511 offsetX: 0, 512 offsetY: 0,
513 padding: {left: 0, right: 0, top: 0}, 514 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], 515 axisBorder: {show: !1}, 516 axisTicks: {show: !1}, 517 labels: {show: !1, style: {colors: o, fontSize: "12px"}}, 518 crosshairs: {show: !1, position: "front", stroke: {color: s, width: 1, dashArray: 3}}, 519 tooltip: {enabled: !0, formatter: void 0, offsetY: 0, style: {fontSize: "12px"}} 520 }, 521 yaxis: { 522 y: 0, 523 offsetX: 0, 524 offsetY: 0, 525 padding: {left: 0, right: 0}, 526 labels: {show: !1, style: {colors: o, fontSize: "12px"}} 527 }, 528 states: { 529 normal: {filter: {type: "none", value: 0}}, 530 hover: {filter: {type: "none", value: 0}}, 531 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 532 }, 533 tooltip: { 534 style: {fontSize: "12px"}, y: { 535 formatter: function (e) { 536 return "$" + e + " thousands" 537 } 538 } 539 }, 540 colors: [i, d, KTUtil.getCssVariableValue("--bs-primary-light")], 541 grid: {borderColor: r, strokeDashArray: 4, padding: {top: 0, bottom: 0, left: 0, right: 0}}, 542 markers: {colors: [l, n, c], strokeColor: [l, n, c], strokeWidth: 3} 543 }; 544 t.self = new ApexCharts(e, h), t.self.render(), t.rendered = !0 545 }; 546 a(), KTThemeMode.on("kt.thememode.change", (function () { 547 t.rendered && t.self.destroy(), a() 548 })) 549 } 550 }(), function () { 551 var e, t, a, o = document.querySelectorAll(".mixed-widget-2-chart"), 552 r = KTUtil.getCssVariableValue("--bs-gray-500"), s = KTUtil.getCssVariableValue("--bs-gray-200"); 553 [].slice.call(o).map((function (o) { 554 a = parseInt(KTUtil.css(o, "height")), e = KTUtil.getCssVariableValue("--bs-" + o.getAttribute("data-kt-color")), t = KTUtil.colorDarken(e, 15), new ApexCharts(o, { 555 series: [{name: "Net Profit", data: [30, 45, 32, 70, 40, 40, 40]}], 556 chart: { 557 fontFamily: "inherit", 558 type: "area", 559 height: a, 560 toolbar: {show: !1}, 561 zoom: {enabled: !1}, 562 sparkline: {enabled: !0}, 563 dropShadow: { 564 enabled: !0, 565 enabledOnSeries: void 0, 566 top: 5, 567 left: 0, 568 blur: 3, 569 color: t, 570 opacity: .5 571 } 572 }, 573 plotOptions: {}, 574 legend: {show: !1}, 575 dataLabels: {enabled: !1}, 576 fill: {type: "solid", opacity: 0}, 577 stroke: {curve: "smooth", show: !0, width: 3, colors: [t]}, 578 xaxis: { 579 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug"], 580 axisBorder: {show: !1}, 581 axisTicks: {show: !1}, 582 labels: {show: !1, style: {colors: r, fontSize: "12px"}}, 583 crosshairs: {show: !1, position: "front", stroke: {color: s, width: 1, dashArray: 3}} 584 }, 585 yaxis: {min: 0, max: 80, labels: {show: !1, style: {colors: r, fontSize: "12px"}}}, 586 states: { 587 normal: {filter: {type: "none", value: 0}}, 588 hover: {filter: {type: "none", value: 0}}, 589 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 590 }, 591 tooltip: { 592 style: {fontSize: "12px"}, y: { 593 formatter: function (e) { 594 return "$" + e + " thousands" 595 } 596 }, marker: {show: !1} 597 }, 598 colors: ["transparent"], 599 markers: {colors: [e], strokeColor: [t], strokeWidth: 3} 600 }).render() 601 })) 602 }(), function () { 603 var e = document.querySelectorAll(".mixed-widget-3-chart"); 604 [].slice.call(e).map((function (e) { 605 var t = parseInt(KTUtil.css(e, "height")); 606 if (e) { 607 var a = e.getAttribute("data-kt-chart-color"), o = KTUtil.getCssVariableValue("--bs-gray-800"), 608 r = KTUtil.getCssVariableValue("--bs-gray-300"), s = KTUtil.getCssVariableValue("--bs-" + a), 609 l = KTUtil.getCssVariableValue("--bs-" + a + "-light"); 610 new ApexCharts(e, { 611 series: [{name: "Net Profit", data: [30, 25, 45, 30, 55, 55]}], 612 chart: { 613 fontFamily: "inherit",
614 type: "area", 615 height: t, 616 toolbar: {show: !1}, 617 zoom: {enabled: !1}, 618 sparkline: {enabled: !0} 619 }, 620 plotOptions: {}, 621 legend: {show: !1}, 622 dataLabels: {enabled: !1}, 623 fill: {type: "solid", opacity: 1}, 624 stroke: {curve: "smooth", show: !0, width: 3, colors: [s]}, 625 xaxis: { 626 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], 627 axisBorder: {show: !1}, 628 axisTicks: {show: !1}, 629 labels: {show: !1, style: {colors: o, fontSize: "12px"}}, 630 crosshairs: {show: !1, position: "front", stroke: {color: r, width: 1, dashArray: 3}}, 631 tooltip: {enabled: !0, formatter: void 0, offsetY: 0, style: {fontSize: "12px"}} 632 }, 633 yaxis: {min: 0, max: 60, labels: {show: !1, style: {colors: o, fontSize: "12px"}}}, 634 states: { 635 normal: {filter: {type: "none", value: 0}}, 636 hover: {filter: {type: "none", value: 0}}, 637 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 638 }, 639 tooltip: { 640 style: {fontSize: "12px"}, y: { 641 formatter: function (e) { 642 return "$" + e + " thousands" 643 } 644 } 645 }, 646 colors: [l], 647 markers: {colors: [l], strokeColor: [s], strokeWidth: 3} 648 }).render() 649 } 650 })) 651 }(), function () { 652 var e = document.querySelectorAll(".mixed-widget-4-chart"); 653 [].slice.call(e).map((function (e) { 654 var t = parseInt(KTUtil.css(e, "height")); 655 if (e) { 656 var a = e.getAttribute("data-kt-chart-color"), o = KTUtil.getCssVariableValue("--bs-" + a), 657 r = KTUtil.getCssVariableValue("--bs-" + a + "-light"), 658 s = KTUtil.getCssVariableValue("--bs-gray-700"); 659 new ApexCharts(e, { 660 series: [74], 661 chart: {fontFamily: "inherit", height: t, type: "radialBar"}, 662 plotOptions: { 663 radialBar: { 664 hollow: {margin: 0, size: "65%"}, 665 dataLabels: { 666 showOn: "always", 667 name: {show: !1, fontWeight: "700"}, 668 value: { 669 color: s, 670 fontSize: "30px", 671 fontWeight: "700", 672 offsetY: 12, 673 show: !0, 674 formatter: function (e) { 675 return e + "%" 676 } 677 } 678 }, 679 track: {background: r, strokeWidth: "100%"} 680 } 681 }, 682 colors: [o], 683 stroke: {lineCap: "round"}, 684 labels: ["Progress"] 685 }).render() 686 } 687 })) 688 }(), function () { 689 var e = document.querySelectorAll(".mixed-widget-5-chart"), t = function (e, t) { 690 var a = parseInt(KTUtil.css(t, "height")); 691 if (t) { 692 var o = t.getAttribute("data-kt-chart-color"), r = KTUtil.getCssVariableValue("--bs-gray-800"), 693 s = KTUtil.getCssVariableValue("--bs-gray-300"), l = KTUtil.getCssVariableValue("--bs-" + o), 694 i = KTUtil.getCssVariableValue("--bs-" + o + "-light"), n = { 695 series: [{name: "Net Profit", data: [30, 30, 60, 25, 25, 40]}], 696 chart: { 697 fontFamily: "inherit",
698 type: "area", 699 height: a, 700 toolbar: {show: !1}, 701 zoom: {enabled: !1}, 702 sparkline: {enabled: !0} 703 }, 704 plotOptions: {}, 705 legend: {show: !1}, 706 dataLabels: {enabled: !1}, 707 fill: {type: "solid", opacity: 1}, 708 fill1: { 709 type: "gradient", 710 opacity: 1, 711 gradient: { 712 type: "vertical", 713 shadeIntensity: .5, 714 gradientToColors: void 0, 715 inverseColors: !0, 716 opacityFrom: 1, 717 opacityTo: .375, 718 stops: [25, 50, 100], 719 colorStops: [] 720 } 721 }, 722 stroke: {curve: "smooth", show: !0, width: 3, colors: [l]}, 723 xaxis: { 724 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], 725 axisBorder: {show: !1}, 726 axisTicks: {show: !1}, 727 labels: {show: !1, style: {colors: r, fontSize: "12px"}}, 728 crosshairs: {show: !1, position: "front", stroke: {color: s, width: 1, dashArray: 3}}, 729 tooltip: {enabled: !0, formatter: void 0, offsetY: 0, style: {fontSize: "12px"}} 730 }, 731 yaxis: {min: 0, max: 65, labels: {show: !1, style: {colors: r, fontSize: "12px"}}}, 732 states: { 733 normal: {filter: {type: "none", value: 0}}, 734 hover: {filter: {type: "none", value: 0}}, 735 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 736 }, 737 tooltip: { 738 style: {fontSize: "12px"}, y: { 739 formatter: function (e) { 740 return "$" + e + " thousands" 741 } 742 } 743 }, 744 colors: [i], 745 markers: {colors: [i], strokeColor: [l], strokeWidth: 3} 746 }; 747 e.self = new ApexCharts(t, n), e.self.render(), e.rendered = !0 748 } 749 }; 750 [].slice.call(e).map((function (e) { 751 var a = {self: null, rendered: !1}; 752 t(a, e), KTThemeMode.on("kt.thememode.change", (function () { 753 a.rendered && a.self.destroy(), t(a, e) 754 })) 755 })) 756 }(), function () { 757 var e = document.querySelectorAll(".mixed-widget-6-chart"); 758 [].slice.call(e).map((function (e) { 759 var t = parseInt(KTUtil.css(e, "height")); 760 if (e) { 761 var a = e.getAttribute("data-kt-chart-color"), o = KTUtil.getCssVariableValue("--bs-gray-800"), 762 r = KTUtil.getCssVariableValue("--bs-gray-300"), s = KTUtil.getCssVariableValue("--bs-" + a), 763 l = KTUtil.getCssVariableValue("--bs-" + a + "-light"); 764 new ApexCharts(e, { 765 series: [{name: "Net Profit", data: [30, 25, 45, 30, 55, 55]}], 766 chart: { 767 fontFamily: "inherit", 768 type: "area", 769 height: t, 770 toolbar: {show: !1}, 771 zoom: {enabled: !1}, 772 sparkline: {enabled: !0} 773 }, 774 plotOptions: {}, 775 legend: {show: !1}, 776 dataLabels: {enabled: !1}, 777 fill: {type: "solid", opacity: 1}, 778 stroke: {curve: "smooth", show: !0, width: 3, colors: [s]}, 779 xaxis: { 780 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], 781 axisBorder: {show: !1}, 782 axisTicks: {show: !1}, 783 labels: {show: !1, style: {colors: o, fontSize: "12px"}}, 784 crosshairs: {show: !1, position: "front", stroke: {color: r, width: 1, dashArray: 3}}, 785 tooltip: {enabled: !0, formatter: void 0, offsetY: 0, style: {fontSize: "12px"}} 786 }, 787 yaxis: {min: 0, max: 60, labels: {show: !1, style: {colors: o, fontSize: "12px"}}}, 788 states: { 789 normal: {filter: {type: "none", value: 0}}, 790 hover: {filter: {type: "none", value: 0}}, 791 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 792 }, 793 tooltip: { 794 style: {fontSize: "12px"}, y: { 795 formatter: function (e) { 796 return "$" + e + " thousands" 797 } 798 } 799 }, 800 colors: [l], 801 markers: {colors: [l], strokeColor: [s], strokeWidth: 3} 802 }).render() 803 } 804 })) 805 }(), function () { 806 var e = document.querySelectorAll(".mixed-widget-7-chart"); 807 [].slice.call(e).map((function (e) { 808 var t = parseInt(KTUtil.css(e, "height")); 809 if (e) { 810 var a = e.getAttribute("data-kt-chart-color"), o = KTUtil.getCssVariableValue("--bs-gray-800"), 811 r = KTUtil.getCssVariableValue("--bs-gray-300"), s = KTUtil.getCssVariableValue("--bs-" + a), 812 l = KTUtil.getCssVariableValue("--bs-" + a + "-light"); 813 new ApexCharts(e, { 814 series: [{name: "Net Profit", data: [15, 25, 15, 40, 20, 50]}], 815 chart: { 816 fontFamily: "inherit",
817 type: "area", 818 height: t, 819 toolbar: {show: !1}, 820 zoom: {enabled: !1}, 821 sparkline: {enabled: !0} 822 }, 823 plotOptions: {}, 824 legend: {show: !1}, 825 dataLabels: {enabled: !1}, 826 fill: {type: "solid", opacity: 1}, 827 stroke: {curve: "smooth", show: !0, width: 3, colors: [s]}, 828 xaxis: { 829 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], 830 axisBorder: {show: !1}, 831 axisTicks: {show: !1}, 832 labels: {show: !1, style: {colors: o, fontSize: "12px"}}, 833 crosshairs: {show: !1, position: "front", stroke: {color: r, width: 1, dashArray: 3}}, 834 tooltip: {enabled: !0, formatter: void 0, offsetY: 0, style: {fontSize: "12px"}} 835 }, 836 yaxis: {min: 0, max: 60, labels: {show: !1, style: {colors: o, fontSize: "12px"}}}, 837 states: { 838 normal: {filter: {type: "none", value: 0}}, 839 hover: {filter: {type: "none", value: 0}}, 840 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 841 }, 842 tooltip: { 843 style: {fontSize: "12px"}, y: { 844 formatter: function (e) { 845 return "$" + e + " thousands" 846 } 847 } 848 }, 849 colors: [l], 850 markers: {colors: [l], strokeColor: [s], strokeWidth: 3} 851 }).render() 852 } 853 })) 854 }(), function () { 855 var e, t, a, o = document.querySelectorAll(".mixed-widget-10-chart"), 856 r = KTUtil.getCssVariableValue("--bs-gray-500"), s = KTUtil.getCssVariableValue("--bs-gray-200"), 857 l = KTUtil.getCssVariableValue("--bs-gray-300"); 858 [].slice.call(o).map((function (o) { 859 e = o.getAttribute("data-kt-color"), t = parseInt(KTUtil.css(o, "height")), a = KTUtil.getCssVariableValue("--bs-" + e), new ApexCharts(o, { 860 series: [{ 861 name: "Net Profit", 862 data: [50, 60, 70, 80, 60, 50, 70, 60] 863 }, {name: "Revenue", data: [50, 60, 70, 80, 60, 50, 70, 60]}], 864 chart: {fontFamily: "inherit", type: "bar", height: t, toolbar: {show: !1}}, 865 plotOptions: {bar: {horizontal: !1, columnWidth: ["50%"], borderRadius: 4}}, 866 legend: {show: !1}, 867 dataLabels: {enabled: !1}, 868 stroke: {show: !0, width: 2, colors: ["transparent"]}, 869 xaxis: { 870 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep"], 871 axisBorder: {show: !1}, 872 axisTicks: {show: !1}, 873 labels: {style: {colors: r, fontSize: "12px"}} 874 }, 875 yaxis: {y: 0, offsetX: 0, offsetY: 0, labels: {style: {colors: r, fontSize: "12px"}}}, 876 fill: {type: "solid"}, 877 states: { 878 normal: {filter: {type: "none", value: 0}}, 879 hover: {filter: {type: "none", value: 0}}, 880 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 881 }, 882 tooltip: { 883 style: {fontSize: "12px"}, y: { 884 formatter: function (e) { 885 return "$" + e + " revenue" 886 } 887 } 888 }, 889 colors: [a, l], 890 grid: {padding: {top: 10}, borderColor: s, strokeDashArray: 4, yaxis: {lines: {show: !0}}} 891 }).render() 892 })) 893 }(), function () { 894 var e, t = document.querySelectorAll(".mixed-widget-12-chart"), 895 a = KTUtil.getCssVariableValue("--bs-gray-500"), o = KTUtil.getCssVariableValue("--bs-gray-200"); 896 [].slice.call(t).map((function (t) { 897 e = parseInt(KTUtil.css(t, "height")), new ApexCharts(t, { 898 series: [{ 899 name: "Net Profit", 900 data: [35, 65, 75, 55, 45, 60, 55] 901 }, {name: "Revenue", data: [40, 70, 80, 60, 50, 65, 60]}], 902 chart: { 903 fontFamily: "inherit",
904 type: "bar", 905 height: e, 906 toolbar: {show: !1}, 907 sparkline: {enabled: !0} 908 }, 909 plotOptions: {bar: {horizontal: !1, columnWidth: ["30%"], borderRadius: 2}}, 910 legend: {show: !1}, 911 dataLabels: {enabled: !1}, 912 stroke: {show: !0, width: 1, colors: ["transparent"]}, 913 xaxis: { 914 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], 915 axisBorder: {show: !1}, 916 axisTicks: {show: !1}, 917 labels: {style: {colors: a, fontSize: "12px"}} 918 }, 919 yaxis: {min: 0, max: 100, labels: {style: {colors: a, fontSize: "12px"}}}, 920 fill: {type: ["solid", "solid"], opacity: [.25, 1]}, 921 states: { 922 normal: {filter: {type: "none", value: 0}}, 923 hover: {filter: {type: "none", value: 0}}, 924 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 925 }, 926 tooltip: { 927 style: {fontSize: "12px"}, y: { 928 formatter: function (e) { 929 return "$" + e + " thousands" 930 } 931 }, marker: {show: !1} 932 }, 933 colors: ["#ffffff", "#ffffff"], 934 grid: { 935 borderColor: o, 936 strokeDashArray: 4, 937 yaxis: {lines: {show: !0}}, 938 padding: {left: 20, right: 20} 939 } 940 }).render() 941 })) 942 }(), function () { 943 var e, t = document.querySelectorAll(".mixed-widget-13-chart"); 944 [].slice.call(t).map((function (t) { 945 if (e = parseInt(KTUtil.css(t, "height")), t) { 946 var a = KTUtil.getCssVariableValue("--bs-gray-800"), 947 o = KTUtil.getCssVariableValue("--bs-gray-300"); 948 new ApexCharts(t, { 949 series: [{name: "Net Profit", data: [15, 25, 15, 40, 20, 50]}], 950 grid: {show: !1, padding: {top: 0, bottom: 0, left: 0, right: 0}}, 951 chart: { 952 fontFamily: "inherit", 953 type: "area", 954 height: e, 955 toolbar: {show: !1}, 956 zoom: {enabled: !1}, 957 sparkline: {enabled: !0} 958 }, 959 plotOptions: {}, 960 legend: {show: !1}, 961 dataLabels: {enabled: !1}, 962 fill: {type: "gradient", gradient: {opacityFrom: .4, opacityTo: 0, stops: [20, 120, 120, 120]}}, 963 stroke: {curve: "smooth", show: !0, width: 3, colors: ["#FFFFFF"]}, 964 xaxis: { 965 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], 966 axisBorder: {show: !1}, 967 axisTicks: {show: !1}, 968 labels: {show: !1, style: {colors: a, fontSize: "12px"}}, 969 crosshairs: {show: !1, position: "front", stroke: {color: o, width: 1, dashArray: 3}}, 970 tooltip: {enabled: !0, formatter: void 0, offsetY: 0, style: {fontSize: "12px"}} 971 }, 972 yaxis: {min: 0, max: 60, labels: {show: !1, style: {colors: a, fontSize: "12px"}}}, 973 states: { 974 normal: {filter: {type: "none", value: 0}}, 975 hover: {filter: {type: "none", value: 0}}, 976 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 977 }, 978 tooltip: { 979 style: {fontSize: "12px"}, y: { 980 formatter: function (e) { 981 return "$" + e + " thousands" 982 } 983 } 984 }, 985 colors: ["#ffffff"], 986 markers: {colors: [a], strokeColor: [o], strokeWidth: 3} 987 }).render() 988 } 989 })) 990 }(), function () { 991 var e, t = document.querySelectorAll(".mixed-widget-14-chart"); 992 [].slice.call(t).map((function (t) { 993 e = parseInt(KTUtil.css(t, "height")); 994 var a = KTUtil.getCssVariableValue("--bs-gray-800"); 995 new ApexCharts(t, { 996 series: [{ 997 name: "Inflation", 998 data: [1, 2.1, 1, 2.1, 4.1, 6.1, 4.1, 4.1, 2.1, 4.1, 2.1, 3.1, 1, 1, 2.1] 999 }], 1000 chart: {fontFamily: "inherit", height: e, type: "bar", toolbar: {show: !1}}, 1001 grid: {show: !1, padding: {top: 0, bottom: 0, left: 0, right: 0}}, 1002 colors: ["#ffffff"], 1003 plotOptions: {bar: {borderRadius: 2.5, dataLabels: {position: "top"}, columnWidth: "20%"}}, 1004 dataLabels: { 1005 enabled: !1, formatter: function (e) { 1006 return e + "%" 1007 }, offsetY: -20, style: {fontSize: "12px", colors: ["#304758"]} 1008 }, 1009 xaxis: { 1010 labels: {show: !1}, 1011 categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", "Jan", "Feb", "Mar"], 1012 position: "top", 1013 axisBorder: {show: !1}, 1014 axisTicks: {show: !1}, 1015 crosshairs: {show: !1}, 1016 tooltip: {enabled: !1} 1017 }, 1018 yaxis: { 1019 show: !1, 1020 axisBorder: {show: !1}, 1021 axisTicks: {show: !1, background: a}, 1022 labels: { 1023 show: !1, formatter: function (e) { 1024 return e + "%" 1025 } 1026 } 1027 } 1028 }).render() 1029 })) 1030 }(), function () { 1031 var e = document.getElementById("kt_charts_mixed_widget_16_chart"), t = parseInt(KTUtil.css(e, "height")); 1032 if (e) { 1033 var a = { 1034 labels: ["Total Members"], 1035 series: [74], 1036 chart: {fontFamily: "inherit", height: t, type: "radialBar", offsetY: 0}, 1037 plotOptions: { 1038 radialBar: { 1039 startAngle: -90, 1040 endAngle: 90, 1041 hollow: {margin: 0, size: "70%"}, 1042 dataLabels: { 1043 showOn: "always", 1044 name: { 1045 show: !0, 1046 fontSize: "13px", 1047 fontWeight: "700", 1048 offsetY: -5, 1049 color: KTUtil.getCssVariableValue("--bs-gray-500") 1050 }, 1051 value: { 1052 color: KTUtil.getCssVariableValue("--bs-gray-700"), 1053 fontSize: "30px", 1054 fontWeight: "700", 1055 offsetY: -40, 1056 show: !0 1057 } 1058 }, 1059 track: {background: KTUtil.getCssVariableValue("--bs-primary-light"), strokeWidth: "100%"} 1060 } 1061 }, 1062 colors: [KTUtil.getCssVariableValue("--bs-primary")], 1063 stroke: {lineCap: "round"} 1064 }; 1065 new ApexCharts(e, a).render() 1066 } 1067 }(), function () { 1068 var e = document.querySelectorAll(".mixed-widget-17-chart"); 1069 [].slice.call(e).map((function (e) { 1070 var t = parseInt(KTUtil.css(e, "height")); 1071 if (e) { 1072 var a = e.getAttribute("data-kt-chart-color"), o = { 1073 labels: ["Total Orders"], 1074 series: [75], 1075 chart: {fontFamily: "inherit", height: t, type: "radialBar", offsetY: 0}, 1076 plotOptions: { 1077 radialBar: { 1078 startAngle: -90, 1079 endAngle: 90, 1080 hollow: {margin: 0, size: "55%"}, 1081 dataLabels: { 1082 showOn: "always", 1083 name: { 1084 show: !0, 1085 fontSize: "12px", 1086 fontWeight: "700", 1087 offsetY: -5, 1088 color: KTUtil.getCssVariableValue("--bs-gray-500") 1089 }, 1090 value: { 1091 color: KTUtil.getCssVariableValue("--bs-gray-900"), 1092 fontSize: "24px", 1093 fontWeight: "600", 1094 offsetY: -40, 1095 show: !0, 1096 formatter: function (e) { 1097 return "8,346" 1098 } 1099 } 1100 }, 1101 track: {background: KTUtil.getCssVariableValue("--bs-gray-300"), strokeWidth: "100%"} 1102 } 1103 }, 1104 colors: [KTUtil.getCssVariableValue("--bs-" + a)], 1105 stroke: {lineCap: "round"} 1106 }; 1107 new ApexCharts(e, o).render() 1108 } 1109 })) 1110 }(), function () { 1111 var e = document.getElementById("kt_charts_mixed_widget_18_chart"), t = parseInt(KTUtil.css(e, "height")); 1112 if (e) { 1113 var a = KTUtil.getCssVariableValue("--bs-gray-800"), o = KTUtil.getCssVariableValue("--bs-gray-800"), 1114 r = "dark" === KTThemeMode.getMode() ? KTUtil.getCssVariableValue("--bs-gray-200") : "#D6D6E0"; 1115 new ApexCharts(e, { 1116 series: [{name: "Net Profit", data: [30, 25, 45, 30, 55, 55]}], 1117 chart: { 1118 fontFamily: "inherit",
1119 type: "area", 1120 height: t, 1121 toolbar: {show: !1}, 1122 zoom: {enabled: !1}, 1123 sparkline: {enabled: !0} 1124 }, 1125 plotOptions: {}, 1126 legend: {show: !1}, 1127 dataLabels: {enabled: !1}, 1128 fill: {type: "solid", opacity: 1}, 1129 stroke: {curve: "smooth", show: !0, width: 3, colors: [o]}, 1130 xaxis: { 1131 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], 1132 axisBorder: {show: !1}, 1133 axisTicks: {show: !1}, 1134 labels: {show: !1, style: {colors: a, fontSize: "12px"}}, 1135 crosshairs: {show: !1, position: "front", stroke: {color: o, width: 1, dashArray: 3}}, 1136 tooltip: {enabled: !0, formatter: void 0, offsetY: 0, style: {fontSize: "12px"}} 1137 }, 1138 yaxis: {min: 0, max: 60, labels: {show: !1, style: {colors: a, fontSize: "12px"}}}, 1139 states: { 1140 normal: {filter: {type: "none", value: 0}}, 1141 hover: {filter: {type: "none", value: 0}}, 1142 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 1143 }, 1144 tooltip: { 1145 style: {fontSize: "12px"}, y: { 1146 formatter: function (e) { 1147 return "$" + e + " thousands" 1148 } 1149 } 1150 }, 1151 colors: [r], 1152 markers: {colors: [r], strokeColor: [o], strokeWidth: 3} 1153 }).render() 1154 } 1155 }(), function () { 1156 var e = {self: null, rendered: !1}; 1157 1158 function t() { 1159 var t = document.getElementById("kt_charts_mixed_widget_19_chart"), 1160 a = parseInt(KTUtil.css(t, "height")); 1161 if (t) { 1162 var o = KTUtil.getCssVariableValue("--bs-gray-800"), r = KTUtil.getCssVariableValue("--bs-info"), 1163 s = KTUtil.getCssVariableValue("--bs-info-light"), l = { 1164 series: [{name: "Net Profit", data: [30, 25, 45, 30, 55, 55]}], 1165 chart: { 1166 fontFamily: "inherit", 1167 type: "area", 1168 height: a, 1169 toolbar: {show: !1}, 1170 zoom: {enabled: !1}, 1171 sparkline: {enabled: !0} 1172 }, 1173 plotOptions: {}, 1174 legend: {show: !1}, 1175 dataLabels: {enabled: !1}, 1176 fill: {type: "solid", opacity: 1}, 1177 stroke: {curve: "smooth", show: !0, width: 3, colors: [r]}, 1178 xaxis: { 1179 categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], 1180 axisBorder: {show: !1}, 1181 axisTicks: {show: !1}, 1182 labels: {show: !1, style: {colors: o, fontSize: "12px"}}, 1183 crosshairs: {show: !1, position: "front", stroke: {color: r, width: 1, dashArray: 3}}, 1184 tooltip: {enabled: !0, formatter: void 0, offsetY: 0, style: {fontSize: "12px"}} 1185 }, 1186 yaxis: {min: 0, max: 60, labels: {show: !1, style: {colors: o, fontSize: "12px"}}}, 1187 states: { 1188 normal: {filter: {type: "none", value: 0}}, 1189 hover: {filter: {type: "none", value: 0}}, 1190 active: {allowMultipleDataPointsSelection: !1, filter: {type: "none", value: 0}} 1191 }, 1192 tooltip: { 1193 style: {fontSize: "12px"}, y: { 1194 formatter: function (e) { 1195 return "$" + e + " thousands" 1196 } 1197 } 1198 }, 1199 colors: [s], 1200 markers: {colors: [s], strokeColor: [r], strokeWidth: 3} 1201 }; 1202 e.self = new ApexCharts(t, l), setTimeout((function () { 1203 e.self.render(), e.rendered = !0 1204 }), 200) 1205 } 1206 } 1207 1208 t(), KTThemeMode.on("kt.thememode.change", (function () { 1209 e.rendered && e.self.destroy(), t() 1210 })) 1211 }(), (a = document.querySelector("#kt_forms_widget_1_form")) && a && new Quill("#kt_forms_widget_1_editor", { 1212 modules: {toolbar: {container: "#kt_forms_widget_1_editor_toolbar"}}, 1213 placeholder: "What is on your mind ?",
1214 theme: "snow" 1215 }), o = document.querySelector("#kt_widget_5_load_more_btn"), r = document.querySelector("#kt_widget_5"), o && o.addEventListener("click", (function (e) { 1216 e.preventDefault(), o.setAttribute("data-kt-indicator", "on"), setTimeout((function () { 1217 o.removeAttribute("data-kt-indicator"), r.classList.remove("d-none"), o.classList.add("d-none"), KTUtil.scrollTo(r, 200) 1218 }), 2e3) 1219 })), function () { 1220 if ("undefined" != typeof FullCalendar && document.querySelector("#kt_calendar_widget_1")) { 1221 var e = moment().startOf("day"), t = e.format("YYYY-MM"), 1222 a = e.clone().subtract(1, "day").format("YYYY-MM-DD"), o = e.format("YYYY-MM-DD"), 1223 r = e.clone().add(1, "day").format("YYYY-MM-DD"), 1224 s = document.getElementById("kt_calendar_widget_1"); 1225 new FullCalendar.Calendar(s, { 1226 headerToolbar: { 1227 left: "prev,next today", 1228 center: "title", 1229 right: "dayGridMonth,timeGridWeek,timeGridDay,listMonth" 1230 }, 1231 height: 800, 1232 contentHeight: 780, 1233 aspectRatio: 3, 1234 nowIndicator: !0, 1235 now: o + "T09:25:00", 1236 views: { 1237 dayGridMonth: {buttonText: "month"}, 1238 timeGridWeek: {buttonText: "week"}, 1239 timeGridDay: {buttonText: "day"} 1240 }, 1241 initialView: "dayGridMonth", 1242 initialDate: o, 1243 editable: !0, 1244 dayMaxEvents: !0, 1245 navLinks: !0, 1246 events: [{ 1247 title: "All Day Event", 1248 start: t + "-01", 1249 description: "Toto lorem ipsum dolor sit incid idunt ut", 1250 className: "fc-event-danger fc-event-solid-warning" 1251 }, { 1252 title: "Reporting", 1253 start: t + "-14T13:30:00", 1254 description: "Lorem ipsum dolor incid idunt ut labore", 1255 end: t + "-14", 1256 className: "fc-event-success" 1257 }, { 1258 title: "Company Trip", 1259 start: t + "-02", 1260 description: "Lorem ipsum dolor sit tempor incid", 1261 end: t + "-03", 1262 className: "fc-event-primary" 1263 }, { 1264 title: "ICT Expo 2017 - Product Release", 1265 start: t + "-03", 1266 description: "Lorem ipsum dolor sit tempor inci", 1267 end: t + "-05", 1268 className: "fc-event-light fc-event-solid-primary" 1269 }, { 1270 title: "Dinner", 1271 start: t + "-12", 1272 description: "Lorem ipsum dolor sit amet, conse ctetur", 1273 end: t + "-10" 1274 }, { 1275 id: 999, 1276 title: "Repeating Event", 1277 start: t + "-09T16:00:00", 1278 description: "Lorem ipsum dolor sit ncididunt ut labore", 1279 className: "fc-event-danger" 1280 }, { 1281 id: 1e3, 1282 title: "Repeating Event", 1283 description: "Lorem ipsum dolor sit amet, labore", 1284 start: t + "-16T16:00:00" 1285 }, { 1286 title: "Conference", 1287 start: a, 1288 end: r, 1289 description: "Lorem ipsum dolor eius mod tempor labore", 1290 className: "fc-event-primary" 1291 }, { 1292 title: "Meeting", 1293 start: o + "T10:30:00", 1294 end: o + "T12:30:00", 1295 description: "Lorem ipsum dolor eiu idunt ut labore" 1296 }, { 1297 title: "Lunch", 1298 start: o + "T12:00:00", 1299 className: "fc-event-info", 1300 description: "Lorem ipsum dolor sit amet, ut labore" 1301 }, { 1302 title: "Meeting", 1303 start: o + "T14:30:00", 1304 className: "fc-event-warning", 1305 description: "Lorem ipsum conse ctetur adipi scing" 1306 }, { 1307 title: "Happy Hour", 1308 start: o + "T17:30:00", 1309 className: "fc-event-info", 1310 description: "Lorem ipsum dolor sit amet, conse ctetur" 1311 }, { 1312 title: "Dinner", 1313 start: r + "T05:00:00", 1314 className: "fc-event-solid-danger fc-event-light", 1315 description: "Lorem ipsum dolor sit ctetur adipi scing" 1316 }, { 1317 title: "Birthday Party", 1318 start: r + "T07:00:00", 1319 className: "fc-event-primary", 1320 description: "Lorem ipsum dolor sit amet, scing" 1321 }, { 1322 title: "Click for Google", 1323 url: "http://google.com/", 1324 start: t + "-28", 1325 className: "fc-event-solid-info fc-event-light", 1326 description: "Lorem ipsum dolor sit amet, labore" 1327 }] 1328 }).render() 1329 } 1330 }() 1331 } 1332}; 1333"undefined" != typeof module && void 0 !== module.exports && (module.exports = KTWidgets), KTUtil.onDOMContentLoaded((function () { 1334 KTWidgets.init() 1335}));
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.