{"version":3,"sources":["webpack:///./src/layouts/full-page/FullPageMediaPreview.vue?1910","webpack:///src/layouts/full-page/FullPageMediaPreview.vue","webpack:///./src/layouts/full-page/FullPageMediaPreview.vue?eaaf","webpack:///./src/layouts/full-page/FullPageMediaPreview.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","navbarClasses","footerClasses","isAppPage","staticStyle","navbarType","attrs","routerTransition","$route","meta","breadcrumb","pageTitle","_e","hideScrollToTop","on","changeRouteTitle","staticRenderFns","themeConfig","navbarColor","footerType","isNavbarDark","routeTitle","sidebarItems","disableCustomizer","windowWidth","window","innerWidth","disableThemeTour","watch","val","updateNavbarColor","computed","path","includes","$store","state","theme","sidebarWidth","bodyOverlay","methods","title","event","currentTarget","setSidebarWidth","commit","dispatch","components","VxSidebar","TheNavbar","TheFooter","BackToTop","isThemeDark","component"],"mappings":"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","file":"js/chunk-2d2228f8.7de2defd.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"layout--main\",class:[_vm.navbarClasses, _vm.footerClasses, {'app-page': _vm.isAppPage}]},[_c('div',{staticStyle:{\"margin-top\":\"-10px\",\"padding-left\":\"20px\",\"padding-right\":\"20px\"}},[_c('div',{staticClass:\"router-content\",class:{'mt-0': _vm.navbarType == 'hidden'}},[_c('transition',{attrs:{\"name\":_vm.routerTransition}},[(_vm.$route.meta.breadcrumb || _vm.$route.meta.pageTitle)?_c('div',{staticClass:\"router-header flex flex-wrap items-center mb-6\"}):_vm._e()]),_c('div',{staticClass:\"content-area__content\"},[(!_vm.hideScrollToTop)?_c('back-to-top',{attrs:{\"bottom\":\"5%\",\"visibleoffset\":\"500\"}},[_c('vs-button',{staticClass:\"shadow-lg\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-arrow-up\"}})],1):_vm._e(),_c('transition',{attrs:{\"name\":_vm.routerTransition,\"mode\":\"out-in\"}},[_c('router-view',{on:{\"changeRouteTitle\":_vm.changeRouteTitle}})],1)],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: Main.vue\r\n    Description: Main layout\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n  <div class=\"layout--main\" :class=\"[navbarClasses, footerClasses, {'app-page': isAppPage}]\">\r\n   <!-- <the-navbar :navbarColor=\"navbarColor\" :class=\"[{'text-white': isNavbarDark && !isThemeDark}, {'text-base': !isNavbarDark && isThemeDark}]\" /> -->\r\n        <div  style=\"margin-top: -10px; padding-left:20px;padding-right:20px\">\r\n          <div class=\"router-content\" :class=\"{'mt-0': navbarType == 'hidden'}\">\r\n            <transition :name=\"routerTransition\">\r\n              <div class=\"router-header flex flex-wrap items-center mb-6\" v-if=\"$route.meta.breadcrumb || $route.meta.pageTitle\">\r\n              </div>\r\n            </transition>\r\n            <div class=\"content-area__content\">\r\n              <back-to-top bottom=\"5%\" visibleoffset=\"500\" v-if=\"!hideScrollToTop\">\r\n                <vs-button icon-pack=\"feather\" icon=\"icon-arrow-up\" class=\"shadow-lg\" />\r\n              </back-to-top>\r\n              <transition :name=\"routerTransition\" mode=\"out-in\">\r\n                <router-view @changeRouteTitle=\"changeRouteTitle\"></router-view>\r\n              </transition>\r\n            </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport VxSidebar from '@/layouts/components/vx-sidebar/VxSidebar.vue';\r\nimport TheNavbar from '../components/TheNavbar.vue';\r\nimport TheFooter from '../components/TheFooter.vue';\r\nimport themeConfig from '@/../themeConfig.js';\r\nimport sidebarItems from \"@/layouts/components/vx-sidebar/sidebarItems.js\";\r\nimport BackToTop from 'vue-backtotop'\r\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            navbarType: themeConfig.navbarType || 'floating',\r\n            navbarColor: themeConfig.navbarColor || '#fff',\r\n            footerType: themeConfig.footerType || 'static',\r\n            routerTransition: themeConfig.routerTransition || 'none',\r\n            isNavbarDark: false,\r\n            routeTitle: this.$route.meta.pageTitle,\r\n            sidebarItems: sidebarItems,\r\n            disableCustomizer: themeConfig.disableCustomizer,\r\n            windowWidth: window.innerWidth, //width of windows\r\n            hideScrollToTop: themeConfig.hideScrollToTop,\r\n            disableThemeTour: themeConfig.disableThemeTour,\r\n        }\r\n    },\r\n    watch: {\r\n        '$route'() {\r\n            this.routeTitle = this.$route.meta.pageTitle;\r\n        },\r\n        isThemeDark(val) {\r\n            if(this.navbarColor == \"#fff\" && val) {\r\n                this.updateNavbarColor(\"#10163a\")\r\n            }else {\r\n                this.updateNavbarColor(\"#fff\")\r\n            }\r\n        },\r\n    },\r\n    computed: {\r\n        isAppPage() {\r\n            if(this.$route.path.includes('/apps/')) return true\r\n            else return false\r\n        },\r\n        isThemeDark() { return this.$store.state.theme == 'dark' },\r\n        sidebarWidth() {\r\n            return this.$store.state.sidebarWidth;\r\n        },\r\n        bodyOverlay() {\r\n            return this.$store.state.bodyOverlay;\r\n        },\r\n        contentAreaClass() {\r\n            if(this.sidebarWidth == \"default\") return \"content-area-default\"\r\n            else if(this.sidebarWidth == \"reduced\") return \"content-area-reduced\"\r\n            else if(this.sidebarWidth) return \"content-area-full\"\r\n        },\r\n        navbarClasses() {\r\n            return {\r\n                'navbar-hidden': this.navbarType == 'hidden',\r\n                'navbar-sticky': this.navbarType == 'sticky',\r\n                'navbar-static': this.navbarType == 'static',\r\n                'navbar-floating': this.navbarType == 'floating',\r\n            }\r\n        },\r\n        footerClasses() {\r\n            return {\r\n                'footer-hidden': this.footerType == 'hidden',\r\n                'footer-sticky': this.footerType == 'sticky',\r\n                'footer-static': this.footerType == 'static',\r\n            }\r\n        },\r\n    },\r\n    methods: {\r\n        changeRouteTitle(title) {\r\n            this.routeTitle = title;\r\n        },\r\n        updateNavbar(val) {\r\n            this.navbarType = val;\r\n        },\r\n        updateNavbarColor(val) {\r\n            this.navbarColor = val;\r\n            if(val == \"#fff\") this.isNavbarDark = false\r\n            else this.isNavbarDark = true\r\n        },\r\n        updateFooter(val) {\r\n            this.footerType = val;\r\n        },\r\n        updateRouterTransition(val) {\r\n            this.routerTransition = val;\r\n        },\r\n        handleWindowResize(event) {\r\n            this.windowWidth = event.currentTarget.innerWidth;\r\n            this.setSidebarWidth();\r\n        },\r\n        setSidebarWidth() {\r\n            if (this.windowWidth < 1200) {\r\n                this.$store.commit('TOGGLE_IS_SIDEBAR_ACTIVE', false)\r\n                this.$store.dispatch('updateSidebarWidth', 'no-sidebar')\r\n                this.disableThemeTour = true;\r\n            }\r\n            else if(this.windowWidth < 1200) {\r\n                this.$store.dispatch('updateSidebarWidth', 'reduced')\r\n            }\r\n            else {\r\n                this.$store.commit('TOGGLE_IS_SIDEBAR_ACTIVE', true)\r\n            }\r\n        },\r\n        toggleHideScrollToTop(val) {\r\n            this.hideScrollToTop = val;\r\n        }\r\n    },\r\n    components: {\r\n        VxSidebar,\r\n        TheNavbar,\r\n        TheFooter,\r\n        BackToTop\r\n    },\r\n    created() {\r\n        this.setSidebarWidth();\r\n        if(this.navbarColor == \"#fff\" && this.isThemeDark) {\r\n            this.updateNavbarColor(\"#10163a\")\r\n        }else {\r\n            this.updateNavbarColor(this.navbarColor)\r\n        }\r\n    }\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FullPageMediaPreview.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FullPageMediaPreview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FullPageMediaPreview.vue?vue&type=template&id=09f3965f&\"\nimport script from \"./FullPageMediaPreview.vue?vue&type=script&lang=js&\"\nexport * from \"./FullPageMediaPreview.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}