{"version":3,"sources":["webpack:///./src/pages/admin/AdminDashboard/AdminProductList.vue?7cb5","webpack:///./src/pages/admin/AdminDashboard/AdminProductList.vue","webpack:///./src/components/shared/BusyLoader.vue","webpack:///./src/components/shared/BusyLoader.vue?8995","webpack:///./src/pages/admin/AdminDashboard/AdminProductList.vue?d4bb","webpack:///./node_modules/core-js/modules/es.array.join.js","webpack:///./src/pages/admin/AdminDashboard/AdminFilters.vue","webpack:///./src/pages/admin/AdminDashboard/AdminFilters.vue?27ff","webpack:///./src/pages/admin/AdminDashboard/AdminFilters.vue?47d9"],"names":["class","style","fetchProducts","type","placeholder","aria-label","onSearch","searchValue","buttonText","redirectToEdit","setFiltersAreOpen","isBusy","filters","sortProducts","$event","showActionProducts","showCategory","selectAllCategories","onShowDeletedProducts","productsList","product","key","id","isDeleted","showDeleted","deleteProduct","restoreProduct","changePage","currentPage","totalPages","numberOfPages","filtersAreOpen","isSideDrawerOpen","components","BaseBackdrop","LoadingSpinner","setup","__exports__","AdminProductItem","BusyLoader","BasePagination","AdminFilters","SideDrawer","BaseButton","toast","router","route","isOnMountedFinished","categories","value","query","page","getUrlQueryFromFilters","controllerMethod","token","localStorage","getItem","JSON","parse","headers","Authorization","a","get","then","res","Math","floor","data","count","pageNumber","push","path","window","scrollTo","delete","success","catch","error","post","sort","length","join","action","isAction","checked","categoryId","name","params","deletedInd","render","$","IndexedObject","toIndexedObject","arrayMethodIsStrict","nativeJoin","ES3_STRINGS","Object","STRICT_METHOD","target","proto","forced","separator","call","this","undefined","onSelectAllCategories","category","includes","onCategorySelect","onAction","onDeleted","props","emits","context","store","getters","getCategories","direction","emit","event"],"mappings":"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","file":"js/chunk-55c56c4e.c0f2f706.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./AdminProductList.vue?vue&type=style&index=0&id=0e7a51f3&lang=scss&scoped=true\"","<template>\r\n    <div class=\"dashboard-container container-fluid\">\r\n      <div style=\"margin-bottom: 20px;\" class=\"top-buttons-div\">\r\n        <form @submit.prevent=\"fetchProducts(1)\" class=\"form-inline d-flex my-2 my-md-0\">\r\n            <div class=\"search-field-wrapper mr-sm-2 me-2 align-items-center\">\r\n              <input\r\n                class=\"form-control search-field\"\r\n                type=\"search\"\r\n                placeholder=\"Pretraga sajta...\"\r\n                aria-label=\"Search\"\r\n                @input=\"onSearch\"\r\n                v-model=\"searchValue\"\r\n              />\r\n            </div>\r\n            <base-button :buttonText=\"'Pretraži'\" type=\"submit\"></base-button>\r\n          </form>\r\n        <button \r\n            class=\"btn new-artical-btn\" \r\n            @click=\"redirectToEdit(0)\"\r\n        >\r\n            <svg class=\"add-icon\"></svg>\r\n            Novi artical\r\n        </button>\r\n      </div>\r\n      <div>\r\n            <div class=\"filter-icons\">\r\n                <h3>\r\n                <svg class=\"filters-icon\" @click=\"setFiltersAreOpen(true)\" ></svg\r\n                >Filteri i sortiranje\r\n                </h3>\r\n            </div>\r\n        </div>\r\n        <BusyLoader v-if=\"isBusy\" />\r\n        <div class=\"dashboard\">\r\n            <div class=\"filters\">\r\n                <AdminFilters \r\n                    :filters=filters\r\n                    @sort=\"sortProducts($event)\"\r\n                    @action=\"showActionProducts($event)\"\r\n                    @category=\"showCategory($event)\"\r\n                    @selectAllCategories=\"selectAllCategories()\"\r\n                    @showDeleted=\"onShowDeletedProducts($event);\"\r\n                />\r\n            </div>\r\n            <div class=\"container-fluid\">\r\n                <div class=\"products\">\r\n                    <div class=\"grid\">\r\n                        <AdminProductItem\r\n                            v-for=\"product in productsList\"\r\n                            :key=\"product.id\"\r\n                            :product=\"product\"\r\n                            :isDeleted=\"showDeleted\"\r\n                            @delete=deleteProduct(product.id)\r\n                            @restore=\"restoreProduct(product.id)\"\r\n                        />\r\n                    </div>\r\n                    <BasePagination\r\n                        @change=\"changePage\"\r\n                        :currentPage=\"currentPage\"\r\n                        :totalPages=\"numberOfPages\"\r\n                        style=\"margin-left: 110px; margin-top: 40px;\"\r\n                />\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"aside-filters\" v-if=\"filtersAreOpen\">\r\n        <BaseBackdrop @clicked=\"setFiltersAreOpen(false)\" />\r\n        <SideDrawer @close=\"setFiltersAreOpen(false)\" :isSideDrawerOpen=\"filtersAreOpen\">\r\n        <AdminFilters\r\n            :filters=filters\r\n            @sort=\"sortProducts($event)\"\r\n            @action=\"showActionProducts($event)\"\r\n            @category=\"showCategory($event)\"\r\n            @selectAllCategories=\"selectAllCategories()\"\r\n            @showDeleted=\"onShowDeletedProducts($event);\"\r\n        />\r\n        </SideDrawer>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport BaseButton from '../../../components/shared/BaseButton.vue'\r\nimport SideDrawer from '../../../components/shared/SideDrawer.vue'\r\nimport BaseBackdrop from '../../../components/shared/BaseBackdrop.vue'\r\nimport AdminFilters from './AdminFilters.vue'\r\nimport BasePagination from '../../../components/product/BasePagination.vue'\r\nimport BusyLoader from '../../../components/shared/BusyLoader.vue'\r\nimport AdminProductItem from './AdminProductItem.vue'\r\nimport { watch, ref, onMounted, inject } from 'vue';\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport axios from 'axios';\r\nexport default {\r\n    components: {AdminProductItem, BusyLoader, BasePagination, AdminFilters, BaseBackdrop, SideDrawer, BaseButton},\r\n    setup() {\r\n        const toast = inject('toast');\r\n        const router = useRouter();\r\n        const route = useRoute();\r\n        const productsList = ref([]); \r\n        let isOnMountedFinished = false;\r\n        const currentPage = ref(1);\r\n        const isBusy = ref(false);\r\n        const numberOfPages = ref(1);\r\n        const filters = ref({categories: []});\r\n        const filtersAreOpen = ref(false);\r\n        const showDeleted = ref(false);\r\n        const searchValue = ref('');\r\n\r\n        watch(route, () => {\r\n            if(isOnMountedFinished) {\r\n                fetchProducts();\r\n            }\r\n        })\r\n\r\n        onMounted(() => fetchProducts())\r\n\r\n        const fetchProducts = () => {\r\n            currentPage.value = +(route.query.page || 1);\r\n            const query = getUrlQueryFromFilters() || '';\r\n            isBusy.value = true;\r\n            const controllerMethod = showDeleted.value ? \"/deleted\" : \"\";\r\n            const token = localStorage.getItem('vodotermUser') && JSON.parse(localStorage.getItem('vodotermUser')).token;\r\n            const headers = {\r\n                headers: { Authorization: `Bearer ${token}` }\r\n            };\r\n            axios.get(`${process.env.VUE_APP_API_URL}/api/Products${controllerMethod}?PageIndex=${currentPage.value}&PageSize=20${query}`, headers)\r\n            .then(res => {\r\n                numberOfPages.value = Math.floor((res.data.count - 1) / 20) + 1;\r\n                productsList.value = res.data.data;\r\n                isBusy.value = false;\r\n            })\r\n\r\n            if(!isOnMountedFinished) {\r\n                isOnMountedFinished = true;\r\n            }\r\n        }\r\n\r\n        const changePage = (pageNumber) => {\r\n            router.push({ path: '', query: {...route.query, page: pageNumber} })\r\n            window.scrollTo(0, 0);\r\n            // fetchProducts()\r\n            // currentPage.value = pageNumber;\r\n            //fetchProducts(pageNumber);\r\n            // window.scrollTo(0, 0);\r\n        }\r\n\r\n        const deleteProduct = (id) => {\r\n            isBusy.value = true;\r\n            const token = localStorage.getItem('vodotermUser') && JSON.parse(localStorage.getItem('vodotermUser')).token;\r\n            const headers = {\r\n                headers: { Authorization: `Bearer ${token}` }\r\n            };\r\n            axios.delete(`${process.env.VUE_APP_API_URL}/api/Products/${id}`, headers)\r\n            .then(() => {\r\n                isBusy.value = false;\r\n                toast.success(\"Proizvod je uspešno obrisan\");\r\n                fetchProducts();\r\n            })\r\n            .catch(() => {\r\n                toast.error(\"Nastala je greška, proizvod nije obrisan\");\r\n            })\r\n        }\r\n\r\n        const restoreProduct = (id) => {\r\n            isBusy.value = true;\r\n            const token = localStorage.getItem('vodotermUser') && JSON.parse(localStorage.getItem('vodotermUser')).token;\r\n            const headers = {\r\n                headers: { Authorization: `Bearer ${token}` }\r\n            }; \r\n            axios.post(`${process.env.VUE_APP_API_URL}/api/Products/restore/${id}`, {}, headers)\r\n            .then(() => {\r\n                isBusy.value = false;\r\n                toast.success(\"Proizvod je povracen\");\r\n                fetchProducts();\r\n            })\r\n            .catch(() => {\r\n                toast.error(\"Nastala je greska, proizvod nije povracen\");\r\n            })\r\n        }\r\n\r\n        const getUrlQueryFromFilters = () => {\r\n            let query = '';\r\n            if(filters.value.sort) {\r\n                query = query + `&sort=${filters.value.sort}`;\r\n            }\r\n\r\n            if(filters.value.categories && filters.value.categories.length > 0) {\r\n                if(filters.value.categories.length === 1) {\r\n                    query += `&categoryId=${filters.value.categories[0]}`;\r\n                } else {\r\n                    query += `&categories=${filters.value.categories.join(',')}`;\r\n                }\r\n                \r\n            }\r\n\r\n            if(filters.value.action) {\r\n                query += `&isAction=${filters.value.action}`;\r\n            }\r\n\r\n            if(searchValue.value) {\r\n                query += `&search=${searchValue.value}`;\r\n            }\r\n            return query;\r\n        }\r\n\r\n        const sortProducts = (sort) => {\r\n            filters.value.sort = sort;\r\n            if(currentPage.value != 1) {\r\n                changePage(1);\r\n            } else {\r\n                fetchProducts();\r\n            }\r\n            \r\n        }\r\n\r\n        const showActionProducts = (isAction) => {\r\n            filters.value.action = isAction;\r\n            if(currentPage.value != 1) {\r\n                changePage(1);\r\n            } else {\r\n                fetchProducts();\r\n            }\r\n        }\r\n\r\n        const showCategory = ({checked, categoryId}) => {\r\n            if(!checked) {\r\n                selectAllCategories();\r\n            } else {\r\n                filters.value.categories = [];\r\n                filters.value.categories.push(categoryId);\r\n                if(currentPage.value != 1) {\r\n                    changePage(1);\r\n                } else {\r\n                    fetchProducts();\r\n                }\r\n            }\r\n        }\r\n\r\n        const selectAllCategories = () => {\r\n            filters.value.categories = [];\r\n            if(currentPage.value != 1) {\r\n                changePage(1);\r\n            } else {\r\n                fetchProducts();\r\n            }\r\n        }\r\n\r\n        const setFiltersAreOpen = (value) => {\r\n            filtersAreOpen.value = value;\r\n        }\r\n\r\n        const redirectToEdit = (id = 0) => {\r\n            router.push({ name: 'Edit', params: { id } })\r\n        }\r\n\r\n        const onShowDeletedProducts = (deletedInd) => {\r\n            showDeleted.value = deletedInd;\r\n            if(currentPage.value != 1) {\r\n                changePage(1);\r\n            } else {\r\n                fetchProducts();\r\n            }\r\n        }\r\n\r\n        return {\r\n            isBusy,\r\n            productsList,\r\n            currentPage,\r\n            numberOfPages,\r\n            showDeleted,\r\n            filters,\r\n            filtersAreOpen,\r\n            searchValue,\r\n            changePage,\r\n            deleteProduct,\r\n            sortProducts,\r\n            showActionProducts,\r\n            showCategory,\r\n            selectAllCategories,\r\n            setFiltersAreOpen,\r\n            redirectToEdit,\r\n            onShowDeletedProducts,\r\n            restoreProduct,\r\n            fetchProducts\r\n        }\r\n    },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dashboard-container {\r\n    padding: 150px $grid-margin-width;\r\n\r\n    @include media(\"<=desktop-small\") { \r\n        padding-top: 75px;\r\n    }\r\n}\r\n\r\n.aside-filters {\r\n    @include media(\">=desktop-small\") { \r\n        display: none;\r\n    }\r\n}\r\n\r\n  .search-field-wrapper{\r\n    position: relative;\r\n  }\r\n\r\n    .search-field {\r\n      @include background-svg($search-icon);\r\n      background-repeat: no-repeat;\r\n      background-position: 10px center;\r\n      padding-left: 42px;\r\n      border-radius: 0px;\r\n      box-shadow: none !important;\r\n    }\r\n\r\n.dashboard {\r\n    @include media(\">=desktop-small\") { \r\n        display: grid;\r\n        grid-template-columns: 1fr 5fr;\r\n    }\r\n  }\r\n\r\n    .grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        column-gap: 22px;\r\n\r\n        @include media(\"<=desktop-small\") { \r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            column-gap: 17px;\r\n        }\r\n\r\n        @include media(\"<=tablet\") {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            column-gap: 17px;\r\n        }\r\n    }\r\n\r\n    .top-buttons-div {\r\n        @include media(\">=tablet\") {\r\n            display: flex;\r\n            justify-content: space-between;\r\n        }\r\n    }\r\n\r\n    .filter-icons {\r\n        @include media(\">=desktop-small\") {\r\n            display: none;\r\n        }\r\n\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .filters {\r\n        @include media(\"<desktop-small\") {\r\n            display: none;\r\n        }\r\n    }\r\n    \r\n    .filters-icon {\r\n    cursor: pointer;\r\n    width: 19px;\r\n    height: 12px;\r\n    @include background-svg($filters-icon);\r\n    }\r\n\r\n    .new-artical-btn {\r\n        width: 166px;\r\n        height: 40px;\r\n        background: color(blue);\r\n        color: white;\r\n    }\r\n\r\n    .new-artical-btn:hover {\r\n        color: white;\r\n    }\r\n\r\n        .add-icon {\r\n            cursor: pointer;\r\n            width: 20px;\r\n            height: 20px;\r\n            @include background-svg($admin-add-icon);\r\n        }\r\n</style>","<template>\r\n    <base-backdrop>\r\n        <loading-spinner />\r\n    </base-backdrop>\r\n</template>\r\n\r\n<script>\r\nimport BaseBackdrop from './BaseBackdrop.vue'\r\nimport LoadingSpinner from './LoadingSpinner.vue'\r\nexport default {\r\n    components: {BaseBackdrop, LoadingSpinner},\r\n    setup() {\r\n        \r\n    },\r\n}\r\n</script>","import { render } from \"./BusyLoader.vue?vue&type=template&id=504595ed\"\nimport script from \"./BusyLoader.vue?vue&type=script&lang=js\"\nexport * from \"./BusyLoader.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\Projects\\\\vodoterm\\\\Frontend\\\\vodoterm\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./AdminProductList.vue?vue&type=template&id=0e7a51f3&scoped=true\"\nimport script from \"./AdminProductList.vue?vue&type=script&lang=js\"\nexport * from \"./AdminProductList.vue?vue&type=script&lang=js\"\n\nimport \"./AdminProductList.vue?vue&type=style&index=0&id=0e7a51f3&lang=scss&scoped=true\"\n\nimport exportComponent from \"D:\\\\Projects\\\\vodoterm\\\\Frontend\\\\vodoterm\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-0e7a51f3\"]])\n\nexport default __exports__","'use strict';\nvar $ = require('../internals/export');\nvar IndexedObject = require('../internals/indexed-object');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\n\nvar nativeJoin = [].join;\n\nvar ES3_STRINGS = IndexedObject != Object;\nvar STRICT_METHOD = arrayMethodIsStrict('join', ',');\n\n// `Array.prototype.join` method\n// https://tc39.es/ecma262/#sec-array.prototype.join\n$({ target: 'Array', proto: true, forced: ES3_STRINGS || !STRICT_METHOD }, {\n  join: function join(separator) {\n    return nativeJoin.call(toIndexedObject(this), separator === undefined ? ',' : separator);\n  }\n});\n","<template>\r\n  <div class=\"wrapper\">\r\n    <h5>Sortiraj</h5>\r\n    <div class=\"filter-values\">\r\n      <input\r\n        type=\"radio\"\r\n        class=\"radio-button\"\r\n        name=\"sort\"\r\n        @click=\"sort()\"\r\n      />\r\n      <!-- <div class=\"radio-button\"></div> -->\r\n      <span>Standardno</span>\r\n    </div>\r\n    <div class=\"filter-values\">\r\n      <input\r\n        type=\"radio\"\r\n        class=\"radio-button\"\r\n        name=\"sort\"\r\n        @click=\"sort('priceDesc')\"\r\n      />\r\n      <!-- <div class=\"radio-button\"></div> -->\r\n      <span>Po ceni - opadajuce</span>\r\n    </div>\r\n    <div class=\"filter-values\">\r\n      <input\r\n        type=\"radio\"\r\n        class=\"radio-button\"\r\n        name=\"sort\"\r\n        @click=\"sort('priceAsc')\"\r\n      />\r\n      <!-- <div class=\"radio-button\"></div> -->\r\n      <span>Po ceni - rastuce</span>\r\n    </div>\r\n    <h5 style=\"margin-top: 55px;\">Kategorije</h5>\r\n    <div \r\n        class=\"filter-values\"\r\n    >\r\n        <input\r\n          type=\"checkbox\"\r\n          class=\"checkbox\" \r\n          :checked=\"filters.categories.length === 0\"\r\n          @change=\"onSelectAllCategories()\"\r\n        />\r\n        <span>Sve</span>\r\n    </div>\r\n    <div \r\n        v-for=\"category in categories\"\r\n        :key=\"category.id\"\r\n        class=\"filter-values\"\r\n    >\r\n        <input\r\n          type=\"checkbox\"\r\n          class=\"checkbox\"\r\n          :checked=\"filters.categories.includes(category.id)\"\r\n          @change=\"onCategorySelect($event, category.id)\"\r\n        />\r\n        <span>{{category.name}}</span>\r\n    </div>\r\n    <h5 style=\"margin-top: 55px;\">Akcija</h5>\r\n    <div \r\n        class=\"filter-values\"\r\n    >\r\n        <input\r\n          type=\"checkbox\"\r\n          class=\"checkbox\" \r\n          @change=\"onAction($event)\"\r\n        />\r\n        <span>Trenutno na akciji</span>\r\n    </div>\r\n    <h5 style=\"margin-top: 55px;\">Obrisani</h5>\r\n    <div class=\"filter-values\">\r\n      <input type=\"checkbox\" class=\"checkbox\" @change=\"onDeleted($event)\">\r\n      <span>Prikazi obrisane</span>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { useStore } from \"vuex\";\r\n\r\nimport { computed } from \"vue\";\r\nexport default {\r\n    props: {\r\n      filters: Object\r\n    },\r\n    emits: [\"sort\", \"action\", \"category\", \"showDeleted\"],\r\n    setup(props, context) {\r\n        const store = useStore();\r\n\r\n        const categories = computed(() => {\r\n            return store.getters.getCategories;\r\n        });\r\n\r\n        const sort = (direction = '') => {\r\n            context.emit(\"sort\", direction);\r\n        }\r\n\r\n        const onAction = (event) => {\r\n          context.emit(\"action\", event.target.checked)\r\n        }\r\n\r\n        const onCategorySelect = (event, categoryId) => {\r\n          context.emit(\"category\", {checked: event.target.checked, categoryId: categoryId});\r\n        }\r\n\r\n        const onSelectAllCategories = () => {\r\n          context.emit(\"selectAllCategories\");\r\n        }\r\n\r\n        const onDeleted = (event) => {\r\n          context.emit(\"showDeleted\", event.target.checked);\r\n        }\r\n\r\n        return {\r\n            categories,\r\n            sort,\r\n            onAction,\r\n            onCategorySelect,\r\n            onSelectAllCategories,\r\n            onDeleted\r\n        }\r\n    },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.filter-values {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-top: 6px;\r\n}\r\n\r\n.checkbox {\r\n  margin-right: 8px;\r\n  cursor: pointer;\r\n  margin-left: 2px;\r\n  box-shadow: none !important;\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n.radio-button {\r\n  margin-right: 8px;\r\n  cursor: pointer;\r\n  margin-left: 2px;\r\n  box-shadow: none !important;\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n</style>","import { render } from \"./AdminFilters.vue?vue&type=template&id=cf1c4d28&scoped=true\"\nimport script from \"./AdminFilters.vue?vue&type=script&lang=js\"\nexport * from \"./AdminFilters.vue?vue&type=script&lang=js\"\n\nimport \"./AdminFilters.vue?vue&type=style&index=0&id=cf1c4d28&lang=scss&scoped=true\"\n\nimport exportComponent from \"D:\\\\Projects\\\\vodoterm\\\\Frontend\\\\vodoterm\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-cf1c4d28\"]])\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./AdminFilters.vue?vue&type=style&index=0&id=cf1c4d28&lang=scss&scoped=true\""],"sourceRoot":""}