{"version":3,"file":"DashboardGrossProfitAndExpenses-BG-8aTMr.js","sources":["../../../src/Figured/Packages/Features/DashboardCharts/Assets/Components/ClosingCashPosition.vue","../../../src/Figured/Packages/Features/DashboardCharts/Assets/Components/VarianceByCategory.vue","../../../src/Figured/Packages/Features/DashboardCharts/Assets/Components/DashboardOperatingExpenses.vue","../../../src/Figured/Packages/Features/DashboardCharts/Assets/Components/DashboardGrossProfitAndExpenses.vue"],"sourcesContent":["<template>\n    <div\n        id=\"closing_cash_position_widget\"\n        class=\"panel panel-default panel-page\"\n    >\n        <div class=\"panel-heading align-items-center justify-space-between flex flex-wrap\">\n            <span class=\"chart-title flex-shrink-0\"> {{ title }}</span>\n            <div\n                v-if=\"withActualsLabel\"\n                class=\"pull-right toggle\"\n            >\n                <span class=\"text-muted\">\n                    <small>Actuals to end of {{ actualsToLabel }}</small>\n                </span>\n            </div>\n        </div>\n\n        <div class=\"panel-body\">\n            <div\n                v-if=\"loading\"\n                class=\"loader text-center\"\n            >\n                <img\n                    class=\"inline\"\n                    alt=\"\"\n                    src=\"/img/loading.gif\"\n                >\n            </div>\n            <div\n                v-else\n                ref=\"chart_graph\"\n                class=\"chart\"\n            />\n            <div v-if=\"hasFailed\">\n                <p class=\"text-muted text-center\">\n                    Hold tight, we're crunching those numbers for you\n                </p>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { routes, http } from \"Figured/Assets/Modules\";\nimport {number_format} from \"Assets/Modules/math\";\n\n\nexport default {\n    name: \"ClosingCashPosition\",\n\n    props: {\n        year: {\n            type: Number|String,\n        },\n        actualsToLabel: {\n            type: String,\n        },\n        actualsToHorizon: {\n            type: String,\n        },\n        showFullYearForecast: {\n            type: Boolean,\n            default: false,\n        },\n        comparisonGraphName: {\n            type: String,\n        },\n        isApiData: {\n            type: Boolean,\n            default: true\n        },\n        chartData: {\n            type: Object\n        },\n        withExportOptions: {\n            type: Boolean,\n            default: true\n        },\n        withActualsLabel: {\n            type: Boolean,\n            default: true\n        },\n        withFeatures: {\n            type: String,   // comma separated list of features. If you can make it work as Array, feel free to change it\n            required: false,\n        },\n    },\n\n    data() {\n        return {\n            loading: false,\n            hasFailed: false,\n        }\n    },\n\n    mounted() {\n        this.chartSettings.exporting.chartOptions.title.text = this.title;\n        if (this.isApiData) {\n            this.fetchClosingCashPosition();\n        } else {\n            this.loadChart(this.chartData);\n        }\n    },\n\n    computed: {\n        title() {\n            return this.showFullYearForecast\n                ? this.comparisonGraphName + \" vs Forecast Closing Cash Position\"\n                : this.comparisonGraphName + \" vs Actual + Forecast Closing Cash Position\";\n        },\n        options() {\n            return {\n                year:  this.year,\n                actualsTo: this.actualsToHorizon,\n                refresh: 0,\n                type: \"dashboard_cash_position\",\n                features: this.features,\n            };\n        },\n        features() {\n            return this.withFeatures ? this.withFeatures.split(\",\") : null;\n        },\n        chartSettings() {\n            return {\n                chart: {\n                    type: \"area\"\n                },\n                title: {\n                    text: \"&nbsp;\",\n                    useHTML: true,\n                    margin: 20\n                },\n                legend: {\n                    layout: \"horizontal\",\n                    align: \"center\",\n                    verticalAlign: \"bottom\",\n                    borderWidth: 0,\n                    backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || \"#FFFFFF\"\n                },\n                xAxis: {},\n                yAxis: {\n                    title: {\n                        text: lang.trans(\"units.$\"),\n                        rotation: 0\n                    }\n                },\n                tooltip: {\n                    shared: true,\n                    valuePrefix: lang.trans(\"units.$\"),\n                    valueDecimals: 2,\n                    useHTML: true,\n                    className: \"highcharts-tooltip-closing-cash-position\",\n                    padding: 0,\n                    borderColor: \"transparent\",\n                    backgroundColor: \"transparent\",\n                    shadow: false,\n                    formatter: function () {\n                        /**\n                         * We can't (easily) use Vue to render this tooltip as Highcharts itself and callbacks are out of scope of Vue.\n                         */\n                        const symbols = {\n                            \"circle\":        \"●\",\n                            \"diamond\":       \"♦\",\n                            \"square\":        \"■\",\n                            \"triangle\":      \"▲\",\n                            \"triangle-down\": \"▼\",\n                        };\n\n                        let tooltipContent  = \"\";\n                        let tooltipMessages = \"\";\n\n                        for (let idx in this.points) {\n                            let point       = this.points[idx];\n                            let valuePrefix = point.series.tooltipOptions ? point.series.tooltipOptions.valuePrefix : \"\";\n                            let symbol      = symbols[point.series.symbol];\n\n                            tooltipContent += \"<div class=\\\"point\\\">\" +\n                                \"<span class=\\\"icon\\\" style=\\\"color:\" + point.color + \"\\\">\" + symbol + \"</span>\" +\n                                point.series.name + \": \" +\n                                \"<span class=\\\"value\\\"> \" + valuePrefix + \"\" + number_format(point.y, 2) + \"</span>\" +\n                                \"</div>\";\n\n                            if (point.point.custom && point.point.custom.message) {\n                                for (let messageIdx in point.point.custom.message) {\n                                    tooltipMessages += \"<div class=\\\"tooltip-message \" + point.point.custom.message[messageIdx].type + \"\\\">\" +\n                                        \"<div class=\\\"title\\\">\" + point.point.custom.message[messageIdx].title + \"</div>\" +\n                                        \"<div class=\\\"content\\\">\" + point.point.custom.message[messageIdx].content + \"</div>\" +\n                                        \"</div>\";\n                                }\n                            }\n                        }\n\n                        return \"<div class=\\\"tooltip-container\\\">\" +\n                            \"<div class=\\\"tooltip-data\\\">\" +\n                            \"<div class=\\\"title\\\">\" + this.x + \"</div>\" +\n                            \"<div class=\\\"content\\\">\" + tooltipContent + \"</div>\" +\n                            \"</div>\" +\n                            tooltipMessages +\n                            \"</div>\";\n                    },\n                },\n                credits: {\n                    enabled: false\n                },\n                plotOptions: {\n                    series: {\n                        dataLabels: {\n                            enabled: false,\n                        },\n                        animation: false\n                    }\n                },\n                series: [\n                    {\n                        name: \"Actual + Forecast Closing Cash Position\",\n                        fillColor: \"rgba(255, 255, 255, 0)\",\n                        fillOpacity: 0.1,\n                        color: \"black\",\n                        zIndex: 2,\n                        marker: {\n                            fillColor: \"#FFFFFF\",\n                            lineWidth: 1,\n                            radius: 3,\n                            symbol: \"circle\",\n                            lineColor: \"black\"\n                        },\n                        stickyTracking: false,\n                        events: {\n                            legendItemClick: function () {\n                                return false;\n                            },\n                            click: function (event) {\n                                if (event.point.custom?.message) {\n                                    const firstUrl = event.point.custom?.message.find((message) => { return !!message.url })?.url;\n\n                                    if (firstUrl) {\n                                        window.location.href = firstUrl;\n                                    }\n                                }\n                            },\n                        },\n                    },\n                    {\n                        name: \"Annual Plan Closing Cash Position\",\n                        fillColor: \"rgba(255, 255, 255, 0)\",\n                        fillOpacity: 0.1,\n                        color: \"#409EFF\",\n                        zIndex: 1,\n                        marker: {\n                            fillColor: \"#FFFFFF\",\n                            lineWidth: 1,\n                            radius: 3,\n                            symbol: \"circle\",\n                            lineColor: \"#409EFF\"\n                        },\n                        events: {\n                            legendItemClick: function () {\n                                return false;\n                            }\n                        }\n                    },\n                    {\n                        name: \"Overdraft Facility Limit\",\n                        fillColor: \"rgba(255, 255, 255, 0)\",\n                        fillOpacity: 0.1,\n                        color: \"#ff0000\",\n                        zIndex: 1,\n                        marker: {\n                            fillColor: \"#FFFFFF\",\n                            lineWidth: 1,\n                            radius: 3,\n                            symbol: \"circle\",\n                            lineColor: \"#ff0000\"\n                        },\n                        events: {\n                            legendItemClick: function () {\n                                return false;\n                            }\n                        }\n                    },\n                ],\n                exporting:{\n                    enabled: this.withExportOptions,\n                    chartOptions:{\n                        title: {\n                            text: \"\",\n                        },\n                        plotOptions: {\n                            series: {\n                                dataLabels: {\n                                    enabled: true,\n                                    format: \"{point.y:,.0f}\"\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        },\n    },\n\n    methods: {\n        fetchClosingCashPosition() {\n            this.loading = true;\n            let route = routes.get(\"service.reports.dashboard.data\")\n            http.get(route, {\n                params: this.options\n            }).then((response) => {\n                this.loading = false;\n                this.loadChart(response.data);\n            }).catch((error) => {\n                this.hasFailed = true;\n            }).finally(() => {\n                this.loading = false;\n            })\n        },\n        loadChart(data) {\n            this.chartSettings.xAxis.categories = data.report.labels;\n            this.chartSettings.series[0].data = data.report.data[0];\n            if (typeof data.report.data[1] !== \"undefined\" && data.with_comparison_data) {\n                this.chartSettings.series[1].data = data.report.data[1];\n            }\n\n            if (data.report.data.overdraft) {\n                this.chartSettings.series[2].data = data.report.data.overdraft;\n            } else {\n                // remove overdraft information if it is not available\n                this.chartSettings.series.splice(2, 1);\n            }\n\n            if (this.isApiData) {\n                setTimeout(() => {\n                    new Highcharts.chart(this.$refs.chart_graph, this.chartSettings);\n                }, 100);\n            } else {\n                //Load the highchart immediately for PDF Export\n                new Highcharts.chart(this.$refs.chart_graph, this.chartSettings);\n            }\n        }\n    }\n\n}\n</script>\n\n<style lang=\"scss\">\n@import 'src/Figured/Assets/Themes/default/_colours.scss';\n@import 'src/Figured/Packages/Features/Lending/Assets/lending-colours.scss';\n    #closing_cash_position_widget {\n        border: 1px solid #ddd;\n        box-shadow: none;\n        svg.highcharts-root {\n            .highcharts-series-hover {\n                image.highcharts-point-hover {\n                    cursor: pointer;\n                }\n            }\n        }\n        .highcharts-tooltip-closing-cash-position {\n            > span {\n                .tooltip-container {\n                    max-width: 420px;\n                    font-family: Roboto, Helvetica, Arial, sans-serif !important;\n                    color: $fg-dark-grey;\n                    border: 1px solid $fg-muted-grey;\n                    background-color: $fg-white;\n                    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);\n                    border-radius: 4px;\n                    white-space: normal;\n                    font-size: 14px;\n                    line-height: 22px;\n                    .tooltip-data {\n                        padding: 15px;\n                        .title {\n                            font-size: 12px;\n                            line-height: 11px;\n                            padding-bottom: 5px;\n                        }\n\n                        .content {\n                            .icon {\n                                padding-right: 10px;\n                            }\n\n                            .point {\n                                white-space: nowrap;\n                                .value {\n                                    font-weight: bold;\n                                }\n                            }\n                        }\n                    }\n                    .tooltip-message {\n                        padding: 15px;\n                        line-height: 16px;\n                        // @see DashboardWidget Vue component\n                        &.lending {\n                            background-color: $lending-orange-background;\n                            color: $lending-orange-text;\n                        }\n\n                        .title {\n                            font-weight: bold;\n                            padding-bottom: 5px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n</style>\n","<template>\n    <div\n        id=\"variance_by_category\"\n        class=\"panel panel-default panel-page\"\n    >\n        <div class=\"panel-heading align-items-center justify-space-between flex flex-wrap\">\n            <span class=\"chart-title flex-shrink-0\"> {{ title }}</span>\n            <div\n                v-if=\"withActualsLabel\"\n                class=\"pull-right toggle\"\n            >\n                <span class=\"text-muted\">\n                    <small>Actuals to end of {{ actualsToLabel }}</small>\n                </span>\n                <el-radio-group\n                    v-model=\"options.basis\"\n                    size=\"small\"\n                    @change=\"fetchVarianceByCategory()\"\n                >\n                    <el-radio-button label=\"cash\">\n                        Cash\n                    </el-radio-button>\n                    <el-radio-button label=\"accrual\">\n                        Accrual\n                    </el-radio-button>\n                </el-radio-group>\n            </div>\n        </div>\n\n        <div class=\"panel-body\">\n            <div\n                v-if=\"loading\"\n                class=\"loader text-center\"\n            >\n                <img\n                    class=\"inline\"\n                    alt=\"\"\n                    src=\"/img/loading.gif\"\n                >\n            </div>\n            <div\n                v-else\n                ref=\"chart_graph\"\n                class=\"chart\"\n            />\n            <div v-if=\"hasFailed\">\n                <p class=\"text-muted text-center\">\n                    Hold tight, we're crunching those numbers for you\n                </p>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { routes, http } from \"Figured/Assets/Modules\";\nimport { number_format } from \"Figured/Assets/Modules/math.js\";\n\nexport default {\n    name: \"VarianceByCategory\",\n\n    props: {\n        year: {\n            type: Number|String\n        },\n        actualsToLabel: {\n            type: String,\n        },\n        actualsToHorizon: {\n            type: String,\n        },\n        comparisonGraphName: {\n            type: String,\n        },\n        isApiData: {\n            type: Boolean,\n            default: true\n        },\n        chartData: {\n            type: Object\n        },\n        withExportOptions: {\n            type: Boolean,\n            default: true\n        },\n        withActualsLabel: {\n            type: Boolean,\n            default: true\n        },\n    },\n\n    data() {\n        return {\n            loading: false,\n            hasFailed: false,\n            options: {\n                year:  this.year,\n                actualsTo: this.actualsToHorizon,\n                refresh: 0,\n                type: \"dashboard_waterfall\",\n                basis: \"cash\"\n            },\n            chartSettings: {\n                chart: {\n                    type: \"waterfall\"\n                },\n                credits: {\n                    enabled: false\n                },\n                title: {\n                    text: \"&nbsp;\",\n                    useHTML:true,\n                    margin:20,\n                },\n                xAxis: {\n                    type: \"category\"\n                },\n                yAxis: {\n                    title: {\n                        text: lang.trans(\"units.$\"),\n                        rotation: 0\n                    }\n                },\n                plotOptions: {\n                    series: {\n                        borderWidth: 0,\n                        borderRadius: 1,\n                        dataLabels: {\n                            enabled: true,\n                            inside: false,\n                            style: {\n                                fontSize: 10,\n                                color: \"red\"\n                            }\n                        },\n                        animation: false\n                    }\n                },\n                legend: {\n                    enabled: false\n                },\n                tooltip: {\n                    pointFormat: lang.trans(\"units.$\") + \"<b>{point.y:0f}</b>\"\n                },\n                series: [{\n                    upColor: \"#3bad60\",\n                    color: \"#f7aa48\",\n                    dataLabels: {\n                        enabled: true,\n                        formatter: function () {\n                            const dividend = this.y;\n                            const divisor = 1000;\n\n                            // If dividend is less than divisor, still display it but without the \"k\" suffix.\n                            if (divisor > Math.abs(dividend)) {\n                                return number_format(dividend, 0, false);\n                            }\n\n                            return Highcharts.numberFormat(dividend / divisor, 0, \",\") + \"k\";\n                        },\n                        style: {\n                            color: \"#606060\",\n                            fontWeight: \"bold\"\n                        }\n                    },\n                    pointPadding: 0\n                }],\n                exporting:{\n                    enabled: this.withExportOptions,\n                    chartOptions:{\n                        title: {\n                            text: \"\"\n                        }\n                    },\n                    plotOptions: {\n                        series: {\n                            dataLabels: {\n                                enabled: true,\n                                format: \"{point.y:,.0f}\"\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    },\n\n    mounted() {\n        this.chartSettings.exporting.chartOptions.title.text = this.title;\n        if (this.isApiData) {\n            this.fetchVarianceByCategory();\n        } else {\n            this.loadChart(this.chartData);\n        }\n    },\n\n    computed: {\n        onRollingPlan() {\n            return window.Figured.onRollingPlan;\n        },\n        title() {\n            return this.comparisonGraphName + \" vs Actuals + Forecast: Variance by Category\"\n        }\n    },\n\n    methods: {\n        fetchVarianceByCategory() {\n            this.loading = true;\n            let route = routes.get(\"service.reports.dashboard.data\")\n            http.get(route, {\n                params: this.options\n            }).then((response) => {\n                this.loading = false;\n                this.loadChart(response.data);\n            }).catch((error) => {\n                this.hasFailed = true;\n            }).finally(() => {\n                this.loading = false;\n            })\n        },\n        loadChart(data) {\n            this.chartSettings.xAxis.categories = data.report.labels;\n            this.chartSettings.series[0].data = data.report.data[0];\n            if (typeof data.report.data[1] !== \"undefined\" && data.with_comparison_data) {\n                this.chartSettings.series[1].data = data.report.data[1];\n            }\n\n            if (data.report.data.overdraft) {\n                this.chartSettings.series[2].data = data.report.data.overdraft;\n            } else {\n                // remove overdraft information if it is not available\n                this.chartSettings.series.splice(2, 1);\n            }\n\n            if (this.isApiData) {\n                setTimeout(() => {\n                    new Highcharts.chart(this.$refs.chart_graph, this.chartSettings);\n                }, 100);\n            } else {\n                //Load the highchart immediately for PDF Export\n                new Highcharts.chart(this.$refs.chart_graph, this.chartSettings);\n            }\n        }\n    }\n\n}\n</script>\n\n<style lang=\"scss\">\n    #variance_by_category {\n        border: 1px solid #ddd;\n        box-shadow: none;\n        \n        .toggle {\n            display: flex;\n            flex-direction: column;      \n            align-items: flex-end;\n        }\n    }\n</style>\n","<template>\n    <div\n        id=\"operating_expenses_widget\"\n        class=\"expenses_widget panel panel-default panel-page\"\n    >\n        <div class=\"panel-heading align-items-center justify-space-between flex flex-wrap\">\n            <span class=\"chart-title flex-shrink-0\"> Top Operating Expense Categories</span>\n            <div\n                v-if=\"withActualsLabel\"\n                class=\"pull-right toggle\"\n            >\n                <span class=\"text-muted\">\n                    <small>Actuals to end of {{ actualsToLabel }}</small>\n                </span>\n                <el-radio-group\n                    v-model=\"options.basis\"\n                    size=\"small\"\n                    @change=\"fetchOperatingExpenses()\"\n                >\n                    <el-radio-button label=\"cash\">\n                        Cash\n                    </el-radio-button>\n                    <el-radio-button label=\"accrual\">\n                        Accrual\n                    </el-radio-button>\n                </el-radio-group>\n            </div>\n        </div>\n\n        <div class=\"panel-body\">\n            <div\n                v-if=\"loading\"\n                class=\"loader text-center\"\n            >\n                <img\n                    class=\"inline\"\n                    alt=\"\"\n                    src=\"/img/loading.gif\"\n                >\n            </div>\n            <div\n                v-else\n                ref=\"chart_graph\"\n                class=\"chart\"\n            />\n            <div v-if=\"hasFailed\">\n                <p class=\"text-muted text-center\">\n                    Hold tight, we're crunching those numbers for you\n                </p>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { routes, http } from \"Figured/Assets/Modules\";\n\nexport default {\n    name: \"DashboardOperatingExpenses\",\n\n    props: {\n        year: {\n            type: Number|String\n        },\n        budgetType: {\n            type: String\n        },\n        actualsToLabel: {\n            type: String,\n        },\n        actualsToHorizon: {\n            type: String,\n        },\n        isApiData: {\n            type: Boolean,\n            default: true\n        },\n        chartData: {\n            type: Object\n        },\n        withExportOptions: {\n            type: Boolean,\n            default: true\n        },\n        withActualsLabel: {\n            type: Boolean,\n            default: true\n        },\n    },\n\n    data() {\n        return {\n            loading: false,\n            hasFailed: false,\n            columnColor: [\"#f4a87d\", \"#c593d6\", \"#3bad60\"],\n            options: {\n                year: this.year,\n                type: this.budgetType,\n                actuals_to: this.actualsToHorizon,\n                basis: \"accrual\"\n            },\n            chartSettings: {\n                chart: {\n                    type: \"column\"\n                },\n                credits: {\n                    enabled: false\n                },\n                title: {\n                    text: \"&nbsp;\",\n                    useHTML:true,\n                    margin:20,\n                },\n                xAxis: {\n                    type: \"category\",\n                    crosshair: true,\n                },\n                yAxis: {\n                    min: 0,\n                    title: {\n                        text: lang.trans(\"units.$\"),\n                        rotation: 0\n                    }\n                },\n                plotOptions: {\n                    series: {\n                        borderWidth: 0,\n                        borderRadius: 1,\n                        animation: false\n                    },\n                },\n                legend: {\n                    enabled: true\n                },\n                tooltip: {\n                    pointFormat: lang.trans(\"units.$\") + \"<b>{point.y:0f}</b>\"\n                },\n                series: [],\n                exporting:{\n                    enabled: this.withExportOptions,\n                    chartOptions:{\n                        title: {\n                            text: \"Top Operating Expenses\",\n                        },\n                        plotOptions: {\n                            series: {\n                                dataLabels: {\n                                    enabled: true,\n                                    format: \"{point.y:,.0f}\"\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    },\n\n    mounted() {\n        if (this.isApiData) {\n            this.fetchOperatingExpenses();\n        } else {\n            this.loadChart(this.chartData)\n        }\n    },\n\n    methods: {\n        fetchOperatingExpenses() {\n            this.loading = true;\n            let route = routes.get(\"service.reports.dashboard.operating_expenses\")\n            http.get(route, {\n                params: this.options\n            }).then((response) => {\n                this.loading = false;\n                this.loadChart(response.data);\n            }).catch((error) => {\n                this.hasFailed = true;\n            }).finally(() => {\n                this.loading = false;\n            })\n        },\n        loadChart(data) {\n            this.chartSettings.xAxis.categories = data.categories;\n            this.chartSettings.series = data.data.map((item, key) => {\n                return {\n                    name: item.year,\n                    data: item.data,\n                    color: this.columnColor[key]\n                }\n            });\n\n            if (this.isApiData) {\n                setTimeout(() => {\n                    new Highcharts.chart(this.$refs.chart_graph, this.chartSettings);\n                }, 100);\n            } else {\n                //Load the highchart immediately for PDF Export\n                new Highcharts.chart(this.$refs.chart_graph, this.chartSettings);\n            }\n        }\n    }\n}\n</script>\n<style lang=\"scss\">\n    .expenses_widget {\n        border: 1px solid #ddd;\n        box-shadow: none;\n\n        .toggle {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-end;\n        }\n    }\n</style>\n","<template>\n    <div\n        id=\"gross_profit_expenses_widget\"\n        class=\"expenses_widget panel panel-default panel-page\"\n    >\n        <div class=\"panel-heading align-items-center justify-space-between flex flex-wrap\">\n            <span class=\"chart-title flex-shrink-0\">Gross Profit and Expense Breakdown</span>\n            <div\n                v-if=\"withActualsLabel\"\n                class=\"pull-right toggle\"\n            >\n                <span class=\"text-muted\">\n                    <small>Actuals to end of {{ actualsToLabel }}</small>\n                </span>\n                <el-radio-group\n                    v-model=\"options.basis\"\n                    size=\"small\"\n                    @change=\"fetchGrossProfitExpenses()\"\n                >\n                    <el-radio-button label=\"cash\">\n                        Cash\n                    </el-radio-button>\n                    <el-radio-button label=\"accrual\">\n                        Accrual\n                    </el-radio-button>\n                </el-radio-group>\n            </div>\n        </div>\n\n        <div class=\"panel-body\">\n            <div\n                v-if=\"loading\"\n                class=\"loader text-center\"\n            >\n                <img\n                    class=\"inline\"\n                    alt=\"\"\n                    src=\"/img/loading.gif\"\n                >\n            </div>\n            <div\n                v-else\n                ref=\"chart_graph\"\n                class=\"chart\"\n            />\n            <div v-if=\"hasFailed\">\n                <p class=\"text-muted text-center\">\n                    Hold tight, we're crunching those numbers for you\n                </p>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport {routes, http, globals} from \"Figured/Assets/Modules\";\n\nexport default {\n    name: \"DashboardGrossProfitAndExpenses\",\n\n    props: {\n        year: {\n            type: Number|String\n        },\n        budgetType: {\n            type: String\n        },\n        actualsToLabel: {\n            type: String,\n        },\n        actualsToHorizon: {\n            type: String,\n        },\n        isApiData: {\n            type: Boolean,\n            default: true\n        },\n        chartData: {\n            type: Object\n        },\n        withExportOptions: {\n            type: Boolean,\n            default: true\n        },\n        withActualsLabel: {\n            type: Boolean,\n            default: true\n        },\n    },\n\n    data() {\n        return {\n            loading: false,\n            hasFailed: false,\n            options: {\n                year: this.year,\n                type: this.budgetType,\n                actuals_to: this.actualsToHorizon,\n                basis: \"accrual\"\n            },\n            chartSettings: {\n                chart: {\n                    type: \"column\"\n                },\n                credits: {\n                    enabled: false\n                },\n                title: {\n                    text: \"&nbsp;\",\n                    useHTML:true,\n                    margin:20,\n                },\n                xAxis: {\n                    type: \"category\",\n                    crosshair: true,\n                },\n                yAxis: {\n                    title: {\n                        text: lang.trans(\"units.$\"),\n                        rotation: 0\n                    }\n                },\n                plotOptions: {\n                    column: {\n                        stacking: \"normal\",\n                        dataLabels: {\n                            enabled: false\n                        },\n                        borderWidth: 0\n                    },\n                    series: {\n                        borderWidth: 0,\n                        borderRadius: 1,\n                        animation: false\n                    },\n                },\n                legend: {\n                    enabled: true,\n                    align: \"right\",\n                    verticalAlign: \"top\",\n                    layout: \"vertical\",\n                    padding: 24,\n                },\n                tooltip: {\n                    headerFormat: \"<b>{point.x}</b><br/>\",\n                    pointFormat: \"{series.name}: \" + lang.trans(\"units.$\") + \"<b>{point.y:0f}</b>\" + \"<br/>Total: {point.stackTotal}\",\n                },\n                // This is the data that renders the chart\n                series: [],\n                exporting:{\n                    enabled: this.withExportOptions,\n                    chartOptions:{\n                        title: {\n                            text: \"Gross Profit Expenses\",\n                        },\n                        plotOptions: {\n                            series: {\n                                dataLabels: {\n                                    enabled: true,\n                                    format: \"{point.y:,.0f}\"\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    },\n\n    computed: {\n        isCommercialManager() {\n            return globals.isActiveFarmCommercialManager();\n        },\n    },\n\n    mounted() {\n        if (this.isApiData) {\n            this.fetchGrossProfitExpenses();\n        } else {\n            this.loadChart(this.chartData)\n        }\n    },\n\n    methods: {\n        fetchGrossProfitExpenses() {\n            this.loading = true;\n            let route = routes.get(\"service.reports.dashboard.gross_profit_expenses\")\n            http.get(route, {\n                params: this.options\n            }).then((response) => {\n                this.loading = false;\n                this.loadChart(response.data);\n            }).catch((error) => {\n                this.hasFailed = true;\n            }).finally(() => {\n                this.loading = false;\n            })\n        },\n\n        loadChart(data) {\n            this.chartSettings.xAxis.categories = data.xAxisCategories;\n            this.chartSettings.series           = data.seriesData.map((item, index) => {\n                return {\n                    name: item.name,\n                    data: item.data,\n                    stack: item.stack,\n                    color: item.color,\n                }\n            });\n\n            if (this.isApiData) {\n                setTimeout(() => {\n                    new Highcharts.chart(this.$refs.chart_graph, this.chartSettings);\n                }, 100);\n            } else {\n                //Load the highchart immediately for PDF Export\n                new Highcharts.chart(this.$refs.chart_graph, this.chartSettings);\n            }\n        }\n    }\n}\n</script>\n\n<style lang=\"scss\">\n    .expenses_widget {\n        border: 1px solid #ddd;\n        box-shadow: none;\n\n        .toggle {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-end;\n        }\n    }\n</style>\n"],"names":["_sfc_main","symbols","tooltipContent","tooltipMessages","idx","point","valuePrefix","symbol","number_format","messageIdx","event","_a","firstUrl","_c","_b","message","route","routes.get","http","response","error","data","dividend","divisor","item","key","globals.isActiveFarmCommercialManager","index"],"mappings":"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"}