{"version":3,"file":"js/custom/widgets.js","mappings":";;UAAA;UACA;;;;;WCDA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;;ACNa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,aAAa;AACb,2BAA2B;AAC3B;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB,kBAAkB;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA,CAAC,E","sources":["webpack://craft/webpack/bootstrap","webpack://craft/webpack/runtime/make namespace object","webpack://craft/../src/js/custom/widgets.js"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use strict\";\r\n\r\n// Class definition\r\nvar KTWidgets = function () {\r\n    // Chart widgets based on Apexcharts. For more info check the official documentation:  https://apexcharts.com/\r\n    var initChartWidget1 = function() {\r\n        var element = document.getElementById(\"kt_chart_widget_1_chart\");\r\n        var height = parseInt(KTUtil.css(element, 'height'));\r\n\r\n        if ( !element ) {\r\n            return;\r\n        }\r\n\r\n        var options = {\r\n            series: [{\r\n                name: 'Net Profit',\r\n                data: [30, 30, 43, 43, 34, 34, 26, 26, 47, 47]\r\n            }],\r\n            chart: {\r\n                fontFamily: 'inherit',\r\n                type: 'area',\r\n                height: height,\r\n                toolbar: {\r\n                    show: false\r\n                },\r\n                zoom: {\r\n                    enabled: false\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            plotOptions: {},\r\n            legend: {\r\n                show: false\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            fill: {\r\n                type: 'solid',\r\n                opacity: 0.075\r\n            },\r\n            stroke: {\r\n                curve: 'smooth',\r\n                show: true,\r\n                width: 3,\r\n                colors: [KTUtil.getCssVariableValue('--bs-primary')]\r\n            },\r\n            xaxis: {\r\n                categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov'],\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n                axisTicks: {\r\n                    show: false\r\n                },\r\n                labels: {\r\n                    show: false,\r\n                    style: {\r\n                        colors: KTUtil.getCssVariableValue('--bs-gray-500'),\r\n                        fontSize: '12px',\r\n                    }\r\n                },\r\n                crosshairs: {\r\n                    show: false,\r\n                    position: 'front',\r\n                    stroke: {\r\n                        color: KTUtil.getCssVariableValue('--bs-gray-200'),\r\n                        width: 1,\r\n                        dashArray: 3\r\n                    }\r\n                },\r\n                tooltip: {\r\n                    enabled: true,\r\n                    formatter: undefined,\r\n                    offsetY: 0,\r\n                    style: {\r\n                        fontSize: '12px'\r\n                    }\r\n                }\r\n            },\r\n            yaxis: {\r\n                min: 0,\r\n                max: 60,\r\n                labels: {\r\n                    show: false,\r\n                    style: {\r\n                        colors: KTUtil.getCssVariableValue('--bs-gray-500'),\r\n                        fontSize: '12px'\r\n                    }\r\n                }\r\n            },\r\n            states: {\r\n                normal: {\r\n                    filter: {\r\n                        type: 'none',\r\n                        value: 0\r\n                    }\r\n                },\r\n                hover: {\r\n                    filter: {\r\n                        type: 'none',\r\n                        value: 0\r\n                    }\r\n                },\r\n                active: {\r\n                    allowMultipleDataPointsSelection: false,\r\n                    filter: {\r\n                        type: 'none',\r\n                        value: 0\r\n                    }\r\n                }\r\n            },\r\n            tooltip: {\r\n                style: {\r\n                    fontSize: '12px'\r\n                },\r\n                y: {\r\n                    formatter: function(val) {\r\n                        return \"$\" + val + \" sales\"\r\n                    }\r\n                }\r\n            },   \r\n            colors: [KTUtil.getCssVariableValue('--bs-primary')],            \r\n            markers: {\r\n                colors: [KTUtil.getCssVariableValue('--bs-light-primary')],\r\n                strokeColor: [KTUtil.getCssVariableValue('--bs-primary')],\r\n                strokeWidth: 3\r\n            }\r\n        };\r\n\r\n        var chart = new ApexCharts(element, options);\r\n        chart.render(); \r\n    }  \r\n\r\n    var initChartWidget2 = function() {\r\n        var element = document.getElementById(\"kt_charts_widget_2_chart\");\r\n\r\n        var height = parseInt(KTUtil.css(element, 'height'));\r\n        var labelColor = KTUtil.getCssVariableValue('--bs-gray-500');\r\n        var borderColor = KTUtil.getCssVariableValue('--bs-gray-200');\r\n        var baseColor = KTUtil.getCssVariableValue('--bs-primary');\r\n        var secondaryColor = KTUtil.getCssVariableValue('--bs-gray-300');\r\n\r\n        if (!element) {\r\n            return;\r\n        }\r\n\r\n        var options = {\r\n            series: [{\r\n                name: 'Net Profit',\r\n                data: [30, 60, 80, 60, 30, 60, 80, 100, 80, 60, 60],\r\n                margin: {\r\n\t\t\t\t\tleft: 5,\r\n\t\t\t\t\tright: 5\r\n\t\t\t\t}   \r\n            }, {\r\n                name: 'Revenue',\r\n                data: [30, 60, 80, 60, 30, 60, 80, 100, 80, 60, 60]\r\n            }],\r\n            chart: {\r\n                fontFamily: 'inherit',\r\n                type: 'bar',\r\n                height: height,\r\n                toolbar: {\r\n                    show: false\r\n                }\r\n            },\r\n            plotOptions: {\r\n                bar: {\r\n                    horizontal: false,\r\n                    columnWidth: ['50%'],\r\n                    borderRadius: 4\r\n                },\r\n            },\r\n            legend: {\r\n                show: false\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            stroke: {\r\n                show: true,\r\n                width: 2,\r\n                colors: ['transparent']\r\n            },\r\n            xaxis: {                \r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n                axisTicks: {\r\n                    show: false\r\n                },\r\n                labels: {\r\n                    show: false,\r\n                    style: {\r\n                        colors: labelColor,\r\n                        fontSize: '12px'\r\n                    }\r\n                }\r\n            },\r\n            yaxis: {\r\n                labels: {\r\n                    show: false,\r\n                    style: {\r\n                        colors: labelColor,\r\n                        fontSize: '12px'\r\n                    }\r\n                }\r\n            },\r\n            fill: {\r\n                type: 'solid'\r\n            },\r\n            states: {\r\n                normal: {\r\n                    filter: {\r\n                        type: 'none',\r\n                        value: 0\r\n                    }\r\n                },\r\n                hover: {\r\n                    filter: {\r\n                        type: 'none',\r\n                        value: 0\r\n                    }\r\n                },\r\n                active: {\r\n                    allowMultipleDataPointsSelection: false,\r\n                    filter: {\r\n                        type: 'none',\r\n                        value: 0\r\n                    }\r\n                }\r\n            },\r\n            tooltip: {\r\n                style: {\r\n                    fontSize: '12px'\r\n                },\r\n                y: {\r\n                    formatter: function (val) {\r\n                        return \"$\" + val + \" revenue\"\r\n                    }\r\n                }\r\n            },\r\n            colors: [baseColor, secondaryColor],\r\n            grid: {\r\n                borderColor: borderColor,\r\n                strokeDashArray: 4,\r\n                yaxis: {\r\n                    lines: {\r\n                        show: true\r\n                    }\r\n                },\r\n                padding: {\r\n\t\t\t\t\tleft: -10,\r\n\t\t\t\t\tright: 5      \r\n\t\t\t\t}               \r\n            }\r\n        };\r\n\r\n        var chart = new ApexCharts(element, options);\r\n        chart.render();      \r\n    }\r\n    \r\n    var initChartWidget3 = function(tabSelector, chartSelector, data, initByDefault) {\r\n        var element = document.querySelector(chartSelector);\r\n        var height = parseInt(KTUtil.css(element, 'height'));\r\n\r\n        if (!element) {\r\n            return;\r\n        }\r\n\r\n        var options = {\r\n            series: [{\r\n                name: 'Profit',\r\n                data: data\r\n            }],\r\n            chart: {\r\n                fontFamily: 'inherit',\r\n                type: 'bar',\r\n                height: height,\r\n                toolbar: {\r\n                    show: false\r\n                }\r\n            },\r\n            plotOptions: {\r\n                bar: {\r\n                    horizontal: false,\r\n                    columnWidth: ['30%'],\r\n                    borderRadius: 4\r\n                },\r\n            },\r\n            legend: {\r\n                show: false\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            stroke: {\r\n                show: true,\r\n                width: 2,\r\n                colors: ['transparent']\r\n            },\r\n            xaxis: {\r\n                crosshairs: {\r\n                    show: false\r\n                },\r\n                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n                axisTicks: {\r\n                    show: false\r\n                },\r\n                labels: {\r\n                    style: {\r\n                        colors: KTUtil.getCssVariableValue('--bs-gray-400'),\r\n                        fontSize: '12px'\r\n                    }\r\n                }\r\n            },\r\n            yaxis: {\r\n                crosshairs: {\r\n                    show: false\r\n                },\r\n                labels: {\r\n                    style: {\r\n                        colors: KTUtil.getCssVariableValue('--bs-gray-400'),\r\n                        fontSize: '12px'\r\n                    }\r\n                }\r\n            },\r\n            states: {\r\n                normal: {\r\n                    filter: {\r\n                        type: 'none',\r\n                        value: 0\r\n                    }\r\n                },\r\n                hover: {\r\n                    filter: {\r\n                        type: 'none',\r\n                    }\r\n                },\r\n                active: {\r\n                    allowMultipleDataPointsSelection: false,\r\n                    filter: {\r\n                        type: 'none',\r\n                        value: 0\r\n                    }\r\n                }\r\n            },\r\n            fill: {\r\n                opacity: 1\r\n            },            \r\n            tooltip: {\r\n                style: {\r\n                    fontSize: '12px'\r\n                },\r\n                y: {\r\n                    formatter: function (val) {\r\n                        return \"$\" + val + \"k\"\r\n                    }\r\n                }\r\n            },\r\n            colors: [KTUtil.getCssVariableValue('--bs-primary')],\r\n            grid: {\r\n                borderColor: KTUtil.getCssVariableValue('--bs-gray-300'),\r\n                strokeDashArray: 4,\r\n                yaxis: {\r\n                    lines: {\r\n                        show: true\r\n                    }\r\n                }\r\n            }\r\n        };\r\n\r\n        var chart = new ApexCharts(element, options);\r\n\r\n        var init = false;\r\n        var tab = document.querySelector(tabSelector);\r\n        \r\n        if (initByDefault === true) {\r\n            chart.render();\r\n            init = true;\r\n        }        \r\n\r\n        tab.addEventListener('shown.bs.tab', function (event) {\r\n            if (init == false) {\r\n                chart.render();\r\n                init = true;\r\n            }\r\n        })\r\n    } \r\n\r\n    var initChartWidget4 = function() {\r\n        var element = document.getElementById(\"kt_chart_widget_4_chart\");\r\n        var height = parseInt(KTUtil.css(element, 'height'));\r\n\r\n        if (!element) {\r\n            return;\r\n        }\r\n\r\n        var options = {\r\n            series: [74],\r\n            chart: {\r\n                fontFamily: 'inherit',\r\n                height: height,\r\n                type: 'radialBar',\r\n                offsetY: 0\r\n            },\r\n            plotOptions: {\r\n                radialBar: {\r\n                    startAngle: -90,\r\n                    endAngle: 90,\r\n\r\n                    hollow: {\r\n                        margin: 0,\r\n                        size: \"70%\"\r\n                    },\r\n                    dataLabels: {\r\n                        showOn: \"always\",\r\n                        name: {\r\n                            show: true,\r\n                            fontSize: \"13px\",\r\n                            fontWeight: \"700\",\r\n                            offsetY: -5,\r\n                            color: KTUtil.getCssVariableValue('--bs-gray-500')\r\n                        },\r\n                        value: {\r\n                            color: KTUtil.getCssVariableValue('--bs-gray-700'),\r\n                            fontSize: \"30px\",\r\n                            fontWeight: \"700\",\r\n                            offsetY: -40,\r\n                            show: true\r\n                        }\r\n                    },\r\n                    track: {\r\n                        background: KTUtil.getCssVariableValue('--bs-light-primary'),\r\n                        strokeWidth: '100%'\r\n                    }\r\n                }\r\n            },\r\n            colors: [KTUtil.getCssVariableValue('--bs-primary')],\r\n            stroke: {\r\n                lineCap: \"round\",\r\n            },\r\n            labels: [\"My Achievements\"]\r\n        };\r\n\r\n        var chart = new ApexCharts(element, options);\r\n        chart.render();\r\n    }   \r\n\r\n    // Show more feeds\r\n    var initFeedsWidget4 = function() {\r\n        var btn = document.querySelector('#kt_widget_5_load_more_btn');\r\n        var widget5 = document.querySelector('#kt_widget_5');\r\n\r\n        if (btn) {\r\n            btn.addEventListener('click', function(e){\r\n                e.preventDefault();\r\n                btn.setAttribute('data-kt-indicator', 'on');\r\n\r\n                setTimeout(function() {\r\n                    btn.removeAttribute('data-kt-indicator');\r\n                    widget5.classList.remove('d-none');         \r\n                    btn.classList.add('d-none');         \r\n                    \r\n                    KTUtil.scrollTo(widget5, 200);\r\n                }, 2000);                \r\n            });\r\n        }                 \r\n    }\r\n\r\n    // Follow button\r\n    var initUserFollowButton = function() {\r\n        var follow = document.querySelector('#kt_user_follow_button');\r\n\r\n        if (follow) {\r\n            follow.addEventListener('click', function(e){\r\n                // Prevent default action \r\n                e.preventDefault();\r\n                \r\n                // Show indicator\r\n                follow.setAttribute('data-kt-indicator', 'on');\r\n                \r\n                // Disable button to avoid multiple click \r\n\t\t\t\tfollow.disabled = true;\r\n\r\n                // Check button state\r\n                if (follow.classList.contains(\"btn-success\")) {\r\n                     setTimeout(function() {\r\n                        follow.removeAttribute('data-kt-indicator');\r\n                        follow.classList.remove(\"btn-success\");\r\n                        follow.classList.add(\"btn-light\");\r\n                        follow.querySelector(\".svg-icon\").classList.add(\"d-none\");\r\n                        follow.querySelector(\".indicator-label\").innerHTML = 'Follow';\r\n\t\t\t\t        follow.disabled = false;\r\n                    }, 1500);   \r\n                } else {\r\n                     setTimeout(function() {\r\n                        follow.removeAttribute('data-kt-indicator');\r\n                        follow.classList.add(\"btn-success\");\r\n                        follow.classList.remove(\"btn-light\");\r\n                        follow.querySelector(\".svg-icon\").classList.remove(\"d-none\");\r\n                        follow.querySelector(\".indicator-label\").innerHTML = 'Following';\r\n                        follow.disabled = false;\r\n                    }, 1000);   \r\n                }        \r\n            });\r\n        }                 \r\n    }  \r\n\r\n    // Dark mode toggler\r\n\tvar initDarkModeToggle = function() {\r\n        var toggle = document.querySelector('#kt_user_menu_dark_mode_toggle');\r\n        \r\n        if (toggle) {\r\n            toggle.addEventListener('click', function() {\r\n                window.location.href = this.getAttribute('data-kt-url');\r\n            });\r\n        }\r\n    }\r\n    \r\n    // Public methods\r\n    return {\r\n        init: function () {\r\n            // Dark mode\r\n            initDarkModeToggle();\r\n            \r\n            // Chart widgets\r\n            initChartWidget1();  \r\n            initChartWidget2();            \r\n\r\n            initChartWidget3('#kt_charts_widget_3_tab_1', '#kt_charts_widget_3_chart_1', [30, 40, 30, 25, 40, 45, 30, 20, 40, 25, 20, 30], true);            \r\n\r\n            initChartWidget3('#kt_charts_widget_3_tab_2', '#kt_charts_widget_3_chart_2', [25, 30, 25, 45, 30, 40, 30, 25, 40, 20, 25, 30], false);\r\n      \r\n            initChartWidget4();          \r\n            \r\n            // Feeds widgets\r\n            initFeedsWidget4()\r\n\r\n            // Follow button\r\n            initUserFollowButton();\r\n        }\r\n    }\r\n}();\r\n\r\n// On document ready\r\nKTUtil.onDOMContentLoaded(function() {\r\n    KTWidgets.init();\r\n});"],"names":[],"sourceRoot":""}