{"version":3,"file":"ProgressBar.ebe31df9.js","sources":["../../../resources/js/common/icons/CheckCircleIcon.vue","../../../resources/js/common/mixins/baseView.js","../../../resources/js/common/components/Bars/ProgressBar.vue"],"sourcesContent":["\n<template>\n    <svg\n        class=\"check-circle\"\n        width=\"20\"\n        height=\"20\"\n        viewBox=\"0 0 20 20\"\n        fill=\"#15A06E\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <path\n            d=\"M10.0013 1.66602C5.41797 1.66602 1.66797 5.41602 1.66797 9.99935C1.66797 14.5827 5.41797 18.3327 10.0013 18.3327C14.5846 18.3327 18.3346 14.5827 18.3346 9.99935C18.3346 5.41602 14.5846 1.66602 10.0013 1.66602ZM13.5013 8.58268L9.5013 12.5827C9.16797 12.916 8.66797 12.916 8.33464 12.5827L6.5013 10.7493C6.16797 10.416 6.16797 9.91602 6.5013 9.58268C6.83464 9.24935 7.33464 9.24935 7.66797 9.58268L8.91797 10.8327L12.3346 7.41602C12.668 7.08268 13.168 7.08268 13.5013 7.41602C13.8346 7.74935 13.8346 8.24935 13.5013 8.58268Z\"\n        />\n    </svg>\n</template>\n<script>\nexport default {\n    name: \"CheckCircleIcon\"\n}\n</script>\n","import { ExternalLoader } from \"@helpers\"\nimport { EventBus, EventsList } from \"~events\"\nimport BugIcon from \"@icons/BugIcon\"\nimport CheckCircleIcon from \"@icons/CheckCircleIcon.vue\"\n\nexport default {\n    data() {\n        return {\n            subscriptions: [],\n            isHeaderVisible: true,\n            isMainContentBlured: false,\n            isMainContentDark: false,\n            isFullContentBlured: false,\n            isFullContentDark: false,\n            isBreadCrumbsVisible: false,\n            isNoPadding: false,\n            isLoaded: true,\n            rootRoute: null\n        }\n    },\n    watch: {\n        isOverflowDisabled(val) {\n            if (val) {\n                document.body.classList.add(\"no-overflow\")\n            } else {\n                document.body.classList.remove(\"no-overflow\")\n            }\n        },\n        $route(route) {\n            this.isHeaderVisible = !route.meta.hideHeader\n            this.isNoPadding = !!route.meta.noPadding\n\n            this.isMainContentBlured =\n                this.isMainContentDark =\n                this.isFullContentDark =\n                this.isFullContentBlured =\n                    false\n        }\n    },\n    computed: {\n        isOverflowDisabled() {\n            return (\n                this.isMainContentBlured || this.isFullContentBlured || this.isMainContentDark || this.isFullContentDark\n            )\n        }\n    },\n    methods: {\n        preventWheel(event) {\n            if (this.isOverflowDisabled && document.body.classList.contains(\"no-overflow\")) {\n                event.preventDefault()\n                event.stopPropagation()\n                return false\n            }\n        },\n        handleBluredContentClick() {\n            if (\n                this.isMainContentBlured ||\n                this.isFullContentBlured ||\n                this.isMainContentDark ||\n                this.isFullContentDark\n            ) {\n                EventBus.$emit(EventsList.BLURED_CONTENT_CLICK)\n            }\n        },\n        listenEvents() {\n            this.subscriptions = [\n                EventBus.$on(EventsList.SHOW_EVENT_ERROR, (message, timeout = 5, error) => {\n                    if (message === \"error\" && error === 1) {\n                        message = this.t(\"expert.error_request_tech_support\")\n                    }\n\n                    this.$notify({\n                        position: \"top-right\",\n                        color: \"danger\",\n                        time: timeout * 1000,\n                        title: this.t(\"expert.something_went_wrong\"),\n                        text: message,\n                        icon: BugIcon\n                    })\n                }),\n                EventBus.$on(EventsList.SHOW_SUCCESSFUL_SAVING, (message, timeout = 2) => {\n                    let defaultMessage = this.t(\"expert.successfully_saved\")\n                    this.$notify({\n                        position: \"top-right\",\n                        color: \"success\",\n                        time: timeout * 1000,\n                        title: this.t(\"expert.saving\"),\n                        text: message || defaultMessage,\n                        icon: CheckCircleIcon\n                    })\n                }),\n                EventBus.$on(EventsList.BLUR_MAIN_CONTENT, isBlured => {\n                    this.isMainContentBlured = isBlured\n                }),\n                EventBus.$on(EventsList.DARK_MAIN_CONTENT, isBlured => {\n                    this.isMainContentDark = isBlured\n                }),\n                EventBus.$on(EventsList.BLUR_FULL_CONTENT, isBlured => {\n                    this.isFullContentBlured = isBlured\n                }),\n                EventBus.$on(EventsList.DARK_FULL_CONTENT, isBlured => {\n                    this.isFullContentDark = isBlured\n                }),\n                EventBus.$on(EventsList.RENDER_BREADCRUMBS, rootRoute => {\n                    this.isBreadCrumbsVisible = true\n                    this.rootRoute = rootRoute\n                }),\n                EventBus.$on(EventsList.HIDE_BREADCRUMBS, () => {\n                    this.isBreadCrumbsVisible = false\n                    this.rootRoute = null\n                }),\n                EventBus.$on(EventsList.HEADER_VISIBILIRY, visibility => {\n                    this.isHeaderVisible = visibility\n                })\n            ]\n        }\n    },\n    created() {\n        const path = location?.pathname\n\n        if (path) {\n            if (path.startsWith(\"/expert/quiz\") && path.endsWith(\"constructor\")) {\n                this.isHeaderVisible = false\n            }\n            if (path.startsWith(\"/expert/crm\")) {\n                this.isHeaderVisible = false\n            }\n        }\n        this.listenEvents()\n    },\n    mounted() {\n        this.$el.style.opacity = 1\n        document.body.style.backgroundColor = \"#FCFCFD\"\n        ExternalLoader.STYLE([\"/build/css/vue-multiselect.min.css\"])\n    },\n    destroyed() {\n        this.subscriptions.forEach(unsubscribe => unsubscribe())\n    }\n}\n","<template>\n    <div\n        class=\"progress\"\n        :style=\"{\n            width: percent + '%',\n            height: height,\n            'background-color': canSuccess ? color : failedColor,\n            opacity: show ? 1 : 0\n        }\"\n    ></div>\n</template>\n\n<script>\nexport default {\n    data() {\n        return {\n            percent: 0,\n            show: false,\n            canSuccess: true,\n            duration: 3000,\n            height: \"2px\",\n            color: \"#6082FFFF\",\n            failedColor: \"#ff0000\"\n        }\n    },\n    methods: {\n        start() {\n            this.show = true\n            this.canSuccess = true\n            if (this._timer) {\n                clearInterval(this._timer)\n                this.percent = 0\n            }\n            this._cut = 10000 / Math.floor(this.duration)\n            this._timer = setInterval(() => {\n                this.increase(this._cut * Math.random())\n                if (this.percent > 95) {\n                    this.finish()\n                }\n            }, 100)\n            return this\n        },\n        set(num) {\n            this.show = true\n            this.canSuccess = true\n            this.percent = Math.floor(num)\n            return this\n        },\n        get() {\n            return Math.floor(this.percent)\n        },\n        increase(num) {\n            this.percent = this.percent + Math.floor(num)\n            return this\n        },\n        decrease(num) {\n            this.percent = this.percent - Math.floor(num)\n            return this\n        },\n        finish() {\n            this.percent = 100\n            this.hide()\n            return this\n        },\n        pause() {\n            clearInterval(this._timer)\n            return this\n        },\n        hide() {\n            clearInterval(this._timer)\n            this._timer = null\n            setTimeout(() => {\n                this.show = false\n                this.$nextTick(() => {\n                    setTimeout(() => {\n                        this.percent = 0\n                    }, 200)\n                })\n            }, 500)\n            return this\n        },\n        fail() {\n            this.canSuccess = false\n            return this\n        }\n    }\n}\n</script>\n<style lang=\"sass\">\n.progress\n    position: fixed\n    top: 0\n    left: 0\n    right: 0\n    height: 2px\n    width: 0\n    transition: width 0.2s, opacity 0.4s\n    opacity: 1\n    background-color: #6082FFFF\n    z-index: 999999\n</style>\n"],"names":["_sfc_main","baseView","val","route","event","EventBus","EventsList","message","timeout","error","BugIcon","defaultMessage","CheckCircleIcon","isBlured","rootRoute","visibility","path","ExternalLoader","unsubscribe","num"],"mappings":"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"}