{"version":3,"sources":["webpack:///./src/ui/components/ResultItems.vue?b789","webpack:///./src/ui/layout/pages/Results.vue?f944","webpack:///./src/ui/components/ResultItems.vue?a219","webpack:///src/ui/components/ResultItems.vue","webpack:///./src/ui/components/ResultItems.vue?3e73","webpack:///./src/ui/components/ResultItems.vue","webpack:///src/ui/layout/pages/Results.vue","webpack:///./src/ui/layout/pages/Results.vue?b077","webpack:///./src/ui/layout/pages/Results.vue","webpack:///./src/ui/components/ResultItems.vue?2e50","webpack:///./src/ui/layout/pages/Results.vue?259b"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","singleLine","items","_e","staticClass","attrs","on","changeBorderMode","_v","borderModeImgSrc","totalResults","itemsize","$event","updateItemSize","_m","_s","staticRenderFns","length","ref","itemsPerPage","isDevice","_l","paginated","item","index","key","overlay","active","beforeEnter","enter","leave","pagerNeeded","next","prev","onLangsPageChange","vm","$refs","pager","clearInterval","int","paginator","currentPage","component"],"mappings":"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","file":"js/results-chunk.b4ba6208.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ResultItems.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['results', _vm.singleLine ? 'single-line' : '', _vm.items==='loading' ? 'loading' : '']},[(!!_vm.items && _vm.items!=='loading')?_c('shelf'):_vm._e(),_c('div',{staticClass:\"content\"},[_c('bread-crumbs',{attrs:{\"theme\":'dark'}}),_c('div',{staticClass:\"more-options\"},[_c('a',{on:{\"click\":_vm.changeBorderMode}},[_c('span',{staticClass:\"font-small\"},[_vm._v(\"Change mode\")]),_c('img',{attrs:{\"src\":_vm.borderModeImgSrc}})])]),(_vm.totalResults>40000 && typeof _vm.items!= 'string')?_c('div',{staticClass:\"results-options\"},[_c('span',{staticClass:\"item-size\"},[_vm._v(\"Item size:\\n\\t\\t\\t\\t\"),_c('button',{class:[_vm.itemsize==='big' ? 'active' : ''],on:{\"click\":function($event){return _vm.updateItemSize('big')}}},[_vm._m(0),_c('span',[_vm._v(\"Small\")])]),_c('button',{class:[_vm.itemsize==='huge' ? 'active' : ''],on:{\"click\":function($event){return _vm.updateItemSize('huge')}}},[_vm._m(1),_c('span',[_vm._v(\"Big\")])])]),_c('span',{staticClass:\"total-label\"},[_vm._v(\"Total: \\n\\t\\t\\t\\t\"),_c('span',{staticClass:\"results-amount\"},[_vm._v(\"\\n\\t\\t\\t\\t\"+_vm._s(_vm.totalResults)+\"\\n\\t\\t\\t\\tresults\")])])]):_vm._e(),_c('result-items',{attrs:{\"items\":_vm.items}})],1)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"circles small\"},[_c('i'),_c('i'),_c('i'),_c('i'),_c('i'),_c('i')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"circles big\"},[_c('i'),_c('i'),_c('i'),_c('i')])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"result-items\"},[(_vm.items!='loading')?_c('transition',{attrs:{\"name\":\"fade\",\"appear\":\"\"}},[(!_vm.items.length)?_c('h4',{staticClass:\"no-items\"},[_vm._v(\"\\n            No items found, try to expand your search filter.\\n        \")]):_vm._e()]):_vm._e(),(_vm.items!='loading')?_c('paginate',{ref:\"paginator\",staticClass:\"paginate-langs\",attrs:{\"name\":\"items\",\"list\":_vm.items,\"per\":_vm.itemsPerPage,\"tag\":\"div\"}},[(!_vm.isDevice)?_c('transition-group',{ref:\"list\",staticClass:\"item-list\",attrs:{\"name\":\"list\",\"tag\":\"ul\",\"appear\":\"\"},on:{\"before-enter\":_vm.beforeEnter,\"enter\":_vm.enter,\"leave\":_vm.leave}},_vm._l((_vm.paginated('items')),function(item,index){return _c('li',{key:'xresult_item_'+index,class:['item', _vm.itemsize+'-item', _vm.overlay.active ? 'blur' : ''],attrs:{\"data-index\":index}},[_c('item-preview',{attrs:{\"type\":\"result\",\"item\":item,\"size\":_vm.itemsize,\"actions\":['view','plus'],\"draggable\":true}})],1)}),0):_c('ul',{staticClass:\"item-list\"},_vm._l((_vm.paginated('items')),function(item,index){return _c('li',{key:'result_item_'+index,class:['item', _vm.itemsize+'-item', _vm.overlay.active ? 'blur' : ''],attrs:{\"data-index\":index}},[_c('item-preview',{attrs:{\"type\":\"result\",\"item\":item,\"size\":_vm.itemsize,\"actions\":['view','plus'],\"draggable\":true}})],1)}),0)],1):_vm._e(),(_vm.items!='loading' && _vm.pagerNeeded)?_c('div',{staticClass:\"pager\"},[_c('paginate-links',{ref:\"pager\",attrs:{\"id\":\"pager\",\"for\":\"items\",\"limit\":4,\"show-step-links\":true,\"step-links\":{next: 'Next', prev: 'Prev'}},on:{\"change\":_vm.onLangsPageChange}})],1):_vm._e(),(_vm.items=='loading')?_c('preloader',{key:\"loading\"}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<style>\n    .no-items\n    {\n        display:inline-block;\n        vertical-align:middle;\n        width:99%;\n        text-align:center;\n        font-size:28px;\n        font-weight:300;\n        pointer-events:none;\n        color:#545454;\n    }\n</style>\n\n<template>\n    <div class=\"result-items\">\n        <transition v-if=\"items!='loading'\" name=\"fade\" appear>\n            <h4 class=\"no-items\" v-if=\"!items.length\">\n                No items found, try to expand your search filter.\n            </h4>\n        </transition>\n        <paginate\n            ref=\"paginator\"\n            name=\"items\"\n            :list=\"items\"\n            :per=\"itemsPerPage\"\n            tag=\"div\"\n            class=\"paginate-langs\"\n            v-if=\"items!='loading'\"\n            >\n                <transition-group\n                    v-if=\"!isDevice\"\n                    ref=\"list\" name=\"list\" tag=\"ul\" appear\n                    class=\"item-list\"\n                    @before-enter=\"beforeEnter\"\n                    @enter=\"enter\"\n                    @leave=\"leave\">\n                    <!-- <li v-for=\"(item, index) in paginated('items')\" :key=\"item.catNo+itemsize\" :data-index=\"index\" :class=\"['item', itemsize+'-item', overlay.active ? 'blur' : '']\"> -->\n                    <li v-for=\"(item, index) in paginated('items')\" :key=\"'xresult_item_'+index\" :data-index=\"index\" :class=\"['item', itemsize+'-item', overlay.active ? 'blur' : '']\">\n                        <item-preview type=\"result\" :item=\"item\" :size=\"itemsize\" :actions=\"['view','plus']\" :draggable=\"true\"></item-preview>\n                    </li>\n                </transition-group>\n                <ul class=\"item-list\" v-else>\n                    <!-- <li v-for=\"(item, index) in paginated('items')\" :key=\"item.catNo+itemsize\" :data-index=\"index\" :class=\"['item', itemsize+'-item', overlay.active ? 'blur' : '']\"> -->\n                     <li v-for=\"(item, index) in paginated('items')\" :key=\"'result_item_'+index\" :data-index=\"index\" :class=\"['item', itemsize+'-item', overlay.active ? 'blur' : '']\">\n                        <item-preview type=\"result\" :item=\"item\" :size=\"itemsize\" :actions=\"['view','plus']\" :draggable=\"true\"></item-preview>\n                    </li>\n                </ul>\n            </paginate>\n        <div class=\"pager\" v-if=\"items!='loading' && pagerNeeded\">\n            <paginate-links id=\"pager\" ref=\"pager\" for=\"items\" :limit=\"4\"\n            @change=\"onLangsPageChange\"\n            :show-step-links=\"true\"\n            :step-links=\"{next: 'Next', prev: 'Prev'}\"></paginate-links>\n        </div>\n        <preloader key=\"loading\" v-if=\"items=='loading'\" ></preloader>\n    </div>\n</template>\n\n<script>\nimport { mapGetters, mapState, mapActions } from 'vuex'\nimport Preloader from './Preloader.vue'\nimport ItemPreview from './ItemPreview.vue'\nimport { insertAfter } from '../../utils';\n\nexport default {\n    props: ['items'],\n    data() {\n        return {\n            paginate: ['items'],\n            itemsPerPage: 1024,\n            cartzone: -1,\n            totalItems: 0,\n            pagerFirst: null,\n            pagerLast: null,\n            pagerEl: null\n\n        }\n    },\n\tcomponents: {\n\t\tItemPreview,\n        Preloader\n\t},\n    mounted() {\n        let vm = this;\n        this.$set(this, 'totalItems', this.items.length)\n        this.$nextTick(() => {\n            this.initPager();\n        })\n    },\n    destroyed() {\n        if (!!this.pagerFirst && !!this.pagerLast) {\n            this.pagerFirst.removeEventListener('click', this.firstPageClickHandler)\n            this.pagerLast.removeEventListener('click', this.lastPageClickHandler)\n        }\n    },\n    watch: {\n        'itemsFilterString'() {\n            this.fixPaginationPosition()\n        },\n        'items'() {\n            this.$nextTick(function() {\n                console.log(\"items watch>> \", this.items.length, \" :: \", this.paginate.items.list.length);\n                if (this.totalItems != this.items.length) {\n                    this.$set(this, 'totalItems', this.items.length)\n                    this.fixPaginationPosition()\n                }\n                if (!!this.items.length && !this.paginate.items.list.length) {\n                        console.log('fix paginate bug...', this.items.length, \" :: \", this.paginate.items.list.length);\n                        this.$set(this.paginate.items, 'list', this.items);\n                }\n            })\n        }\n    },\n    methods: {\n        async initPager() {\n            var vm = this, int;\n            return new Promise((resolve,reject) => {\n                int = setInterval(function() {\n                    if (!!vm.$refs && !!vm.$refs.pager) {\n                        vm.$set(vm, 'pagerEl', vm.$refs.pager.$el);\n                        vm.bindFirstLastToPager();\n                        clearInterval(int)\n                        resolve(vm.$refs.pager.$el);\n                    }\n                }.bind(this), 500)\n            })\n        },\n        async getCurrentPage() {\n            let int;\n            int = setInterval(function() {\n                if (!!this.$refs && !!this.$refs.paginator) {\n                    clearInterval(int)\n                    return this.$refs.paginator.currentPage;\n                }\n            }.bind(this), 500)\n        },\n        onLangsPageChange(toPage, fromPage) {\n            this.fixPaginationPosition()\n        },\n        async fixPaginationPosition() {\n            window.scroll({ top: 0, left: 0, behavior: 'smooth' });\n            this.$nextTick(async function() {\n                if (this.pagerNeeded) {\n                    let _pager = this.pagerEl;\n\n                    if (!_pager) {\n                        _pager = await this.initPager();\n                    }\n                    let curpage = this.$refs.paginator.currentPage;\n                    if (!curpage) {\n                        curpage = await this.getCurrentPage();\n                    }\n                    let _firstpage = _pager.querySelector('.first-page'),\n                    _lastpage = _pager.querySelector('.last-page'),\n                    _rightarrow = _pager.querySelector('.right-arrow')\n                    _firstpage.classList.remove('disabled');\n                    _lastpage.classList.remove('disabled');\n                    if (curpage===1) {\n                        _firstpage.classList.add('disabled');\n                    }\n                    else if (curpage===_pager.numberOfPages) {\n                        _lastpage.classList.add('disabled');\n                    }\n                    insertAfter(_lastpage, _rightarrow)\n                }\n            })\n        },\n        bindFirstLastToPager() {\n            this.$nextTick(function() {\n                this.pagerFirst = document.createElement('li'),\n                this.pagerLast = document.createElement('li');\n\n                this.pagerFirst.className = \"first-page disabled\";\n                this.pagerFirst.innerHTML = \"<a>First</a>\";\n                this.pagerLast.className = \"last-page\";\n                this.pagerLast.innerHTML = \"<a>Last</a>\";\n                // FIRST / LAST (zero based)\n                this.pagerFirst.addEventListener('click', this.firstPageClickHandler)\n                this.pagerLast.addEventListener('click', this.lastPageClickHandler)\n                console.log('insertBefore >> ', this.pagerEl,  \" :: \");\n                this.pagerEl.insertBefore(this.pagerFirst, this.pagerEl.firstChild);\n                this.pagerEl.appendChild(this.pagerLast)\n            })\n        },\n        firstPageClickHandler() {\n            this.paginate['items'].page = 0;\n        },\n        lastPageClickHandler() {\n                this.paginate['items'].page = this.pagerEl.numberOfPages-1;\n        },\n\t\tbeforeEnter: function (el) {\n            el.style.opacity = 0;\n            el.style.transform = 'translateY(20%)';\n\t\t},\n\t\tenter: function (el, done) {\n            var vm = this;\n            var delay = el.dataset.index * 120;\n\t\t\tsetTimeout(function () {\n                el.animate(\n                {\n                    opacity: [0,1],\n                    transform: ['translateY(20%)', 'translateY(0)'],\n                    easing: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)'\n                },\n\t\t\t\t{ duration: vm.isIE ? 100 : 600, fill: 'forwards'}).onfinish = function() {\n                    done()\n                };\n\t\t\t}, delay)\n\t\t},\n\t\tleave: function (el, done) {\n            el.style.opacity = 0;\n            el.style.transform = 'translateY(120%)';\n\t\t\tdone();\n\t\t},\n        ...mapActions([\n            'showShelf',\n        ])\n    },\n    computed: {\n        ...mapState([\n\t\t\t'overlay',\n            'itemsize',\n            'itemsFilterString'\n\t\t]),\n        ...mapGetters([\n            'isDevice',\n            'isIE'\n        ]),\n        pagerNeeded() {\n            return this.items.length > this.itemsPerPage\n        }\n    }\n}\n</script>\n<style lang=\"stylus\">\n@import '~settings';\n@import '~rupture';\n.result-items\n    --padding 8.8vh 0 0\n    padding 30px 0 0\n    min-height 90vh\n    clear both\n    +below(815px)\n        padding 30px 0px 0px 0px\n    +tablet(orientation: portrait)\n        min-height 73vh\n    /.single-line &\n        padding-top 54px\n        +portrait()\n            min-height 77.6vh\n    .paginate-langs\n        padding 0 55px\n        min-height 60vh\n        +below(815px)\n            padding 0px\n    .pager\n        @extend $inline-mid\n        height 136px\n        background #05121a\n        border-top 1px solid #505a5f\n        list-style none\n        color #fff\n        text-align center\n        margin-top 75px\n        +below(815px)\n            width 100vw\n            margin-top 25px\n        ul\n            @extend $inline-mid\n            @extend $zero\n            width 100%\n            li\n                @extend $zero\n                width auto\n                display inline-block\n                vertical-align middle\n                float none\n                margin 0 8px\n                cursor pointer\n                opacity 0.7\n                transition opacity 200ms ease-out\n                line-height 30px\n                +tablet()\n                    line-height 1.6\n                a\n                    font-size 20px\n                &.active\n                    cursor default\n                    width 30px\n                    height 30px\n                    background #05a5e6\n                    border-radius 100%\n                    text-align center\n                    margin 0\n                    opacity 1\n                &.first-page\n                    +below(815px)\n                        display none\n                &.last-page\n                    +below(815px)\n                        display none\n                &.left-arrow\n                    margin-right 36px\n                    +below(815px)\n                        display none\n                &.right-arrow\n                    margin-left 36px\n                    +below(815px)\n                        display none\n                &.disabled\n                    pointer-events none\n                    cursor pointer\n                    opacity 0.2\n                &:hover\n                    opacity 1\n    .item-list\n        padding 0\n        margin 0 auto\n        lost-utility clearfix\n        transform translate3d(0,0,0)\n        // backface-visibility hidden\n        +below(815px)\n            margin 0px 5vw\n            width 90vw\n\t\t.item\n            lost-column 1/6 6 \n            position relative\n            list-style none\n            text-align center\n            //margin-bottom 45px\n            margin-bottom 30px\n            transition transform 600ms ease-out-circ, filter 200ms ease, -webkit-filter 200ms ease\n            +above(2300px)\n                lost-column 1/8 8 25px\n            +below(1800px)\n                lost-column 1/6 6 25px\n            // +below(1600px)\n            //     lost-column 1/4 4\n            +below(1200px)\n                // lost-column 1/3 3\n                lost-column 1/5 5\n            +below(950px)\n                lost-column 1/3 3\n            +below(500px)\n                lost-column 1/2 2\n            &.huge-item\n                lost-column 1/4 4\n                position relative\n                list-style none\n                text-align center\n                margin-bottom 45px\n                transition transform 600ms ease-out-circ, filter 200ms ease, -webkit-filter 200ms ease\n                +below(1600px)\n                    lost-column 1/3 3\n                +below(1200px)\n                    lost-column 1/2 2\n                +below(950px)\n                    lost-column 1/1 1\n\t\t\t/.no-touch .blur\n\t\t\t\t-webkit-filter blur(5px) !important\n\t\t\t\tfilter url('assets/blur.svg#blur')\n\t\t\t\tfilter blur(5px)\n/.single-line\n    position absolute\n    bottom 0\n    width 100%\n    height 80%\n    .pager\n        position absolute\n        width 100%\n        bottom 0\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ResultItems.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ResultItems.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ResultItems.vue?vue&type=template&id=4f382a14&\"\nimport script from \"./ResultItems.vue?vue&type=script&lang=js&\"\nexport * from \"./ResultItems.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ResultItems.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./ResultItems.vue?vue&type=style&index=1&lang=stylus&\"\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","<template>\n\t<div :class=\"['results', singleLine ? 'single-line' : '', items==='loading' ? 'loading' : '']\">\n\t\t<!-- <menu-bar></menu-bar> -->\t\n\n\t\t<shelf v-if=\"!!items && items!=='loading'\"></shelf>\n\t\t<div class=\"content\">\n\t\t\t<bread-crumbs :theme=\"'dark'\"></bread-crumbs>\n\t\t\t<div class=\"more-options\">\n\t\t\t\t<a @click=\"changeBorderMode\">\n\t\t\t\t\t<span class=\"font-small\">Change mode</span> \n\t\t\t\t\t<img :src=\"borderModeImgSrc\" />\n\t\t\t\t</a>\n\t\t\t</div>\n\n\t\t\t<div class=\"results-options\" v-if=\"totalResults>40000 && typeof items!= 'string'\">\n\t\t\t\t<span class=\"item-size\">Item size:\n\t\t\t\t\t<button :class=\"[itemsize==='big' ? 'active' : '']\" @click=\"updateItemSize('big')\">\n\t\t\t\t\t\t<span class=\"circles small\"><i></i><i></i><i></i><i></i><i></i><i></i></span>\n\t\t\t\t\t\t<span>Small</span>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button :class=\"[itemsize==='huge' ? 'active' : '']\" @click=\"updateItemSize('huge')\">\n\t\t\t\t\t\t<span class=\"circles big\"><i></i><i></i><i></i><i></i></span>\n\t\t\t\t\t\t<span>Big</span>\n\t\t\t\t\t</button>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"total-label\">Total: \n\t\t\t\t\t<span class=\"results-amount\">\n\t\t\t\t\t{{totalResults}}\n\t\t\t\t\tresults</span>\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<result-items :items=\"items\"></result-items>\n\t\t</div>\n\t</div>\n</template>\n<!-- \n\t\t\t\t\t\t<count-up :startVal=\"0\"\n\t\t\t\t\t\t:endVal=\"totalResults\"\n\t\t\t\t\t\t:decimals=\"0\"\n\t\t\t\t\t\t:duration=\"3\"\n\t\t\t\t\t\t:options=\"countOptions\"></count-up>\n -->\n\n<script>\nimport { store } from '@/store/index';\nimport CountUp from 'vue-countup-v2';\nimport { mapActions, mapGetters, mapState } from 'vuex';\nimport MenuBar from '../partials/MenuBar.vue';\nimport Shelf from '../partials/Shelf.vue';\nimport ResultItems from '../../components/ResultItems.vue';\nimport BreadCrumbs from '../../components/BreadCrumbs.vue';\nimport { countOptions } from '../../../utils';\nexport default {\n\tcreated()\n\t{\n\t\tif(!this.user){\n\t\t\tthis.$router.push({ path: '/login', name: 'login'});\n\t\t}\t\t\n\t\tstore.dispatch('initSettings');\n\t},\n\tmounted()\n\t{\n\t\tif(!this.user){\n\t\t\tthis.$router.push({ path: '/login', name: 'login'});\n\t\t}\t\t\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tcountOptions\n\t\t}\n\t},\n\twatch: {\n\t\t'$route' (to, from) {\n\t\t\tif (!to.params.searchFilter) {\n\t\t\t\tthis.searchFilterString('');\n\t\t\t}\n\t\t\tthis.hideOverlay();\n\t\t}\n\t},\n\tbeforeRouteUpdate (to, from, next) {\n\t\t// console.log(\"before route update.. \", to, from);\n\t\tif (to.name.indexOf('root')>-1) {\n\t\t\t// console.log(\"CLEAR SARCH FILTER\");\n\t\t\tthis.searchFilterString('');\n\n\t\t}\n\t\tnext();\n\t},\n\tcomponents: {\n\t\tMenuBar,\n\t\t'shelf': () => import('../partials/Shelf.vue'),\n\t\tBreadCrumbs,\n\t\tCountUp,\n\t\tResultItems\n\t},\n\tmethods:{\n\t\t...mapActions([\n\t\t\t'hideOverlay',\n\t\t\t'updateItemSize',\n\t\t\t'searchFilterString',\n\t\t\t'setBorderMode'\n\t\t]),\n\t\tchangeBorderMode()\n\t\t{\n\t\t\tif(this.settings.borderMode=='circle')\n\t\t\t{\n\t\t\t\tthis.setBorderMode('box15');\n\t\t\t}else{\n\t\t\t\tthis.setBorderMode('circle');\n\t\t\t}\n\t\t},\n\t\tafterCount() {\n\t\t\tconsole.log(\"counter callback called\");\n\t\t},\n\t},\n\tcomputed: {\n\t\t...mapState([\n\t\t\t'itemsFilterString',\n\t\t\t'itemsize','user','settings'\n\t\t]),\n\t\t...mapGetters({\n\t\t\t_storageItems:\t'filteredItems',\n\t\t\t_activeRootCategory: 'activeRootCategory'\n\t\t}),\n\t\titems()\n\t\t{\t\n\t\t\ttry\n\t\t\t{\t\t\n\t\t\tif(this._activeRootCategory.Id && \n\t\t\t\tthis._activeRootCategory.Id == 111100)\n\t\t\t{\n\t\t\t\t//Sort the items by desending Id if the category is new (111100)\n\t\t\t\treturn _.sortBy(this._storageItems, 'id').reverse();\n\t\t\t}\n\t\t\t}catch{}\n\n\t\t\t//return default catergory items \n\t\t\treturn this._storageItems;\n\t\t},\n\t\ttotalResults() {\n\t\t\treturn this.items.length\n\t\t},\n\t\tborderModeImgSrc()\n\t\t{\n\t\t\tif(this.settings.borderMode=='circle')\n\t\t\t{\n\t\t\t\treturn 'img/toggleToRect.svg';\n\t\t\t}else{\n\t\t\t\treturn 'img/toggleToCircle.svg';\n\t\t\t}\n\n\t\t},\n        singleLine() {\n            return this.items.length < Math.max((window.innerWidth<1024 ? 4 : 5), 1)\n        }\n\t}\n}\n</script>\n<style lang=\"stylus\" scoped>\n@import '~rupture'\n@import '~settings'\n@lost gutter 30px\n\n.content\n\t.more-options\n\t\tposition relative\n\t\ttop -22px\n\t\t+below(815px)\n\t\t\tposition absolute\n\t\t\ttop -5px\n\t\t\twidth 30px\n\t\t\theight 30px\n\t\t\tleft calc(100vw - 50px)\n\t\ta\t\t\t\n\t\t\tcursor pointer\n\t\t\tposition absolute\n\t\t\ttop 0px\n\t\t\tright 55px\n\t\t\tdisplay flex\n\t\t\talign-items center\n\t\t\t+below(815px)\n\t\t\t\tright 0px\n\t\t\tspan\n\t\t\t\tcolor #999\n\t\t\t\topacity 0.7\n\t\t\t\t+below(815px)\n\t\t\t\t\tdisplay none\n\t\t\t&:hover\n\t\t\t\tspan\n\t\t\t\t\topacity 1\n\t\t\timg\n\t\t\t\tpadding-left 5px\n\t\t\t\twidth 35px\n\t\t\t\theight auto\n\n.results\n\tmin-width 768px\n\t//padding-top 49px\n\t// min-height calc(100% - 42px)\n\tmin-height calc(100% - 78px)\n\tcolor #fff\n\tposition relative\n\tbackface-visibility hidden\n\t-webkit-overflow-scrolling touch\n\t&:not(.single-line)\n\t\toverflow hidden\n\t@media screen and (max-height:750px) and (orientation:landscape)\n\t\tmin-height 660px\n\t.content\n\t\t//padding-top 225px\n\t\tposition relative\n\t\t//transform translateY(0)\n\n\t\tbackground-color rgb(249, 249, 249)\n\t\t//background #061016 url('assets/main-bg.jpg') repeat-x 0 bottom\n\t\tbackground-color rgb(249, 249, 249)\n\t\ttransition transform 0.3s ease-out\n\t\t+below(815px)\n\t\t\tpadding-top 0px\n\t.active + .content\n\t\t//transform translateY(475px)\n\t\t//transition transform 0.3s 0.1s ease-out\n\t\t//+below(1400px)\n\t\t\t//transform translateY(420px)\n\t&.single-line, &.loading\n\t\tbackground-position 0 70%\n\t\t.content\n\t\t\tpadding-top 148px\n\t\t\tmin-height calc(100vh - 49px)\n\t.results-options\n\t\tposition absolute 125px 2% false false\n\t\t.item-size\n\t\t\tdisplay inline-block\n\t\t\tcolor rgba(#000, 0.4)\n\t\t\tborder-right 1px solid rgba(#61829c, 0.3)\n\t\t\tmargin-right 10px\n\t\t\tbutton\n\t\t\t\tdisplay inline-block\n\t\t\t\topacity 0.4\n\t\t\t\tcolor #000\n\t\t\t\tfont-size 13px\n\t\t\t\tvertical-align bottom\n\t\t\t\ttext-align left\n\t\t\t\tpadding-right 14px\n\t\t\t\t&:first-child\n\t\t\t\t\tpadding-left 10px\n\t\t\t\t&.active\n\t\t\t\t\topacity 1\n\t\t\t\tspan\n\t\t\t\t\tfont-size 12px\n\t\t\t\t\ti\n\t\t\t\t\t\tbackground #000\n\t\t\t\t\t\tdisplay inline-block\n\t\t\t\t\t&.small i\n\t\t\t\t\t\twidth 6px\n\t\t\t\t\t\theight @width\n\t\t\t\t\t\tborder-radius unit(@width/2, 'px')\n\t\t\t\t\t\tmargin-right unit(@width/3, 'px')\n\t\t\t\t\t&.big i\n\t\t\t\t\t\twidth 9px\n\t\t\t\t\t\theight @width\n\t\t\t\t\t\tborder-radius unit(@width/2, 'px')\n\t\t\t\t\t\tmargin-right unit(@width/3, 'px')\n\t\t\t\t\t& + span\n\t\t\t\t\t\tdisplay block\n\t\t\t\t\t\tpadding-top 6px\n\n\n\n\t.total-label\n\t\tfont-size 13px\n\t\tcolor rgba(#000, 0.4) //rgba(#fff, 0.4)\n\t\tspan\n\t\t\tcolor #000\n\tul.breadcrumbs\n\t\tfloat left\n\t\tli\n\t\t\tdisplay inline-block\n\t\t\tcolor #000\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Results.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Results.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Results.vue?vue&type=template&id=26663648&scoped=true&\"\nimport script from \"./Results.vue?vue&type=script&lang=js&\"\nexport * from \"./Results.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Results.vue?vue&type=style&index=0&id=26663648&lang=stylus&scoped=true&\"\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  \"26663648\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ResultItems.vue?vue&type=style&index=1&lang=stylus&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Results.vue?vue&type=style&index=0&id=26663648&lang=stylus&scoped=true&\""],"sourceRoot":""}