{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/ImageModal.vue?7a21","webpack:///./src/App.vue?c022","webpack:///./src/components/ImageModal.vue?9db3","webpack:///src/components/ImageModal.vue","webpack:///./src/components/ImageModal.vue?f43a","webpack:///./src/components/ImageModal.vue?cd88","webpack:///src/App.vue","webpack:///./src/App.vue?4bf6","webpack:///./src/App.vue?bff9","webpack:///./src/main.js","webpack:///./src/App.vue?74d0"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","_s","langCode","class","filter","on","$event","stopPropagation","preventDefault","resetLoadedItems","directives","rawName","attrs","_l","x","index","style","ArticleId","AspectRatio","loadedItems","error","ImageAltText","showImage","_e","preloadItems","selectedImage","nextImage","prevImage","imageIndex","staticRenderFns","image","$emit","isLoadingImage","isLoadingNextImage","ref","link","Url","Text","component","components","items","isLoading","document","getElementById","toLowerCase","translations","se","all","tables","displaySystems","storages","seatings","coatRacks","uk","computed","filteredItems","displayedItems","mounted","methods","img","src","item","Vue","MugenScroll","use","VueMasonryPlugin","PortalVue","config","productionTip","render","h","App","$mount"],"mappings":"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","file":"js/app.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/masonry-clientapp/dist/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageModal.vue?vue&type=style&index=0&id=52d7b8a4&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageModal.vue?vue&type=style&index=0&id=52d7b8a4&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"masonry-app\"},[_c('div',{staticStyle:{\"position\":\"relative\"}},[_c('h1',[_vm._v(_vm._s(_vm.langCode == 'se' ? 'Inspiration' : 'Inspiration'))]),_c('div',{staticClass:\"masonry-app--filter-container\"},[_c('button',{staticClass:\"btn\",class:{'active': _vm.filter == 'all' },on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();_vm.filter = 'all'}}},[_vm._v(_vm._s(_vm.t(\"all\")))]),_c('button',{staticClass:\"btn\",class:{'active': _vm.filter == 'IncludesTables' },on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();_vm.resetLoadedItems(); _vm.filter = 'IncludesTables'}}},[_vm._v(_vm._s(_vm.t(\"tables\")))]),_c('button',{staticClass:\"btn\",class:{'active': _vm.filter == 'IncludesExposureSystem' },on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();_vm.resetLoadedItems(); _vm.filter = 'IncludesExposureSystem'}}},[_vm._v(_vm._s(_vm.t(\"displaySystems\")))]),_c('button',{staticClass:\"btn\",class:{'active': _vm.filter == 'IncludesStorage' },on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();_vm.resetLoadedItems(); _vm.filter = 'IncludesStorage'}}},[_vm._v(_vm._s(_vm.t(\"storages\")))]),_c('button',{staticClass:\"btn\",class:{'active': _vm.filter == 'IncludesClothesHanger' },on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();_vm.resetLoadedItems(); _vm.filter = 'IncludesClothesHanger'}}},[_vm._v(_vm._s(_vm.t(\"coatRacks\")))]),_c('button',{staticClass:\"btn\",class:{'active': _vm.filter == 'IncludesSeating' },on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();_vm.resetLoadedItems(); _vm.filter = 'IncludesSeating'}}},[_vm._v(_vm._s(_vm.t(\"seatings\")))])])]),_c('div',{directives:[{name:\"masonry\",rawName:\"v-masonry\"}],staticClass:\"masonry-app--item-container\",attrs:{\"gutter\":\"20\",\"isFitWidth\":\"true\",\"transition-duration\":\"0\",\"item-selector\":\".masonry-app--item\",\"horizontal-order\":\"true\",\"stagger\":\"0\"}},[(_vm.isLoading)?_c('div',_vm._l(([2,3,2,4,5,6,2,3,4]),function(x,index){return _c('div',{directives:[{name:\"masonry-tile\",rawName:\"v-masonry-tile\"}],key:index,staticClass:\"masonry-app--item\",style:((\"height:\" + (x*80) + \"px\"))})}),0):_c('div',{staticClass:\"is-loaded\"},_vm._l((_vm.displayedItems),function(x,index){return _c('div',{directives:[{name:\"masonry-tile\",rawName:\"v-masonry-tile\"}],key:x.ArticleId,staticClass:\"masonry-app--item\"},[_c('div',{style:((\"width: 100%;padding-bottom: \" + (x.AspectRatio * 100) + \"%;\"))},[(index < _vm.loadedItems && !x.error)?_c('img',{attrs:{\"src\":(\"/$1/Article/\" + (x.ArticleId) + \"/1/400x-1/\" + (x.Filename)),\"alt\":x.ImageAltText},on:{\"click\":function($event){return _vm.showImage(index)},\"error\":function($event){x.error = true}}}):(x.error)?_c('div',{staticStyle:{\"position\":\"absolute\",\"top\":\"50%\",\"left\":\"50%\",\"transform\":\"translate(-50%,-50%)\"},on:{\"click\":function($event){return _vm.showImage(index)}}},[_c('span',{staticClass:\"fa-stack fa-2x\",staticStyle:{\"color\":\"#efecec\",\"font-size\":\"10rem\"},attrs:{\"title\":_vm.langCode == 'se' ? 'Kunde inte ladda bilden' : 'Failed to load the image'}},[_c('span',{staticClass:\"fa fa-image fa-stack-1x\"})])]):_vm._e(),(index == _vm.loadedItems - 1)?_c('mugen-scroll',{attrs:{\"threshold\":1,\"handler\":function () { _vm.loadedItems = _vm.loadedItems + 4; _vm.preloadItems();  }}}):_vm._e()],1)])}),0)]),_c('ImageModal',{attrs:{\"image\":_vm.selectedImage,\"nextImage\":_vm.nextImage,\"prevImage\":_vm.prevImage,\"langCode\":_vm.langCode},on:{\"close\":function($event){_vm.imageIndex = null},\"next\":function($event){_vm.imageIndex++},\"prev\":function($event){_vm.imageIndex--}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('MountingPortal',{attrs:{\"mountTo\":\"#masonry-modal-portal-target\",\"name\":\"source\"}},[(_vm.image != null)?_c('div',{staticClass:\"image-modal--wrapper\",attrs:{\"role\":\"dialog\"},on:{\"click\":function($event){return _vm.$emit('close')}}},[_c('div',{staticClass:\"image-modal--image\"},[(!_vm.isLoadingImage)?_c('div',{staticClass:\"image-modal--image-switcher\"},[(_vm.prevImage == null)?_c('a',{staticClass:\"disabled\",attrs:{\"href\":\"#\",\"role\":\"button\",\"disabled\":\"\",\"title\":_vm.langCode == 'se' ? 'Ingen föregående bild' : 'No previous image'},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();}}},[_c('span',{staticClass:\"fa fa-long-arrow-left\"})]):_c('a',{attrs:{\"href\":\"#\",\"role\":\"button\",\"title\":_vm.langCode == 'se' ? 'Föregående bild' : 'Previous image'},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();_vm.isLoadingNextImage = true; _vm.$emit('prev')}}},[_c('span',{staticClass:\"fa fa-long-arrow-left\"})]),(_vm.nextImage == null)?_c('a',{staticClass:\"disabled\",attrs:{\"href\":\"#\",\"role\":\"button\",\"disabled\":\"\",\"title\":_vm.langCode == 'se' ? 'Det finns inga fler bilder' : 'No more images'},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();}}},[_c('span',{staticClass:\"fa fa-long-arrow-right\"})]):_c('a',{attrs:{\"href\":\"#\",\"role\":\"button\",\"title\":_vm.langCode == 'se' ? 'Nästa bild' : 'Next image'},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();_vm.isLoadingNextImage = true; _vm.$emit('next')}}},[_c('span',{staticClass:\"fa fa-long-arrow-right\"})])]):_vm._e(),(_vm.image != null)?_c('img',{ref:\"image\",class:_vm.image.AspectRatio < 1 ? 'image-width' : 'image-height',style:((\"opacity:\" + ((_vm.isLoadingNextImage ? '0' : '1')))),attrs:{\"alt\":_vm.image.ImageAltText,\"src\":(\"/$1/Article/\" + (_vm.image.ArticleId) + \"/1/1000x-1/\" + (_vm.image.Filename))},on:{\"click\":function($event){$event.stopPropagation();},\"load\":function($event){_vm.isLoadingNextImage=false}}}):_vm._e(),(!_vm.isLoadingNextImage)?_c('div',{staticClass:\"image-modal--link-container\"},_vm._l((_vm.image.Links),function(link,index){return _c('span',{key:index,staticClass:\"image-modal--link-item\"},[_c('a',{attrs:{\"href\":link.Url,\"target\":\"_blank\"}},[_vm._v(\"\\n            \"+_vm._s(link.Text)+\"\\n            \"),_c('span',{staticClass:\"fa fa-long-arrow-right\"})])])}),0):_vm._e()])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <MountingPortal mountTo=\"#masonry-modal-portal-target\" name=\"source\">\r\n    <div\r\n      v-if=\"image != null\"\r\n      class=\"image-modal--wrapper\"\r\n      @click=\"$emit('close')\"\r\n      role=\"dialog\"\r\n    >\r\n      <div class=\"image-modal--image\">\r\n        <div class=\"image-modal--image-switcher\" v-if=\"!isLoadingImage\">\r\n          <a v-if=\"prevImage == null\" href=\"#\" role=\"button\" class=\"disabled\" disabled @click.stop.prevent :title=\"langCode == 'se' ? 'Ingen föregående bild' : 'No previous image'\"  >\r\n            <span class=\"fa fa-long-arrow-left\"></span>\r\n          </a>\r\n          <a v-else href=\"#\" role=\"button\" :title=\"langCode == 'se' ? 'Föregående bild' : 'Previous image'\" @click.stop.prevent=\"isLoadingNextImage = true; $emit('prev')\">\r\n            <span class=\"fa fa-long-arrow-left\"></span>\r\n          </a>\r\n          <a v-if=\"nextImage == null\" href=\"#\" role=\"button\" class=\"disabled\" @click.stop.prevent disabled :title=\"langCode == 'se' ? 'Det finns inga fler bilder' : 'No more images'\"  >\r\n            <span class=\"fa fa-long-arrow-right\"></span>\r\n          </a>\r\n          <a v-else href=\"#\" role=\"button\" :title=\"langCode == 'se' ? 'Nästa bild' : 'Next image'\" @click.stop.prevent=\"isLoadingNextImage = true; $emit('next')\">\r\n            <span class=\"fa fa-long-arrow-right\"></span>\r\n          </a>\r\n        </div>\r\n\r\n        <img\r\n          @click.stop\r\n          v-if=\"image != null\"\r\n          ref=\"image\"\r\n          :style=\"`opacity:${(isLoadingNextImage ? '0' : '1')}`\"\r\n          :class=\"image.AspectRatio < 1 ? 'image-width' : 'image-height'\"\r\n          :alt=\"image.ImageAltText\"\r\n          :src=\"`/$1/Article/${image.ArticleId}/1/1000x-1/${image.Filename}`\"\r\n          @load=\"isLoadingNextImage=false\"\r\n        />\r\n\r\n        <div class=\"image-modal--link-container\" v-if=\"!isLoadingNextImage\">\r\n          <span\r\n            class=\"image-modal--link-item\"\r\n            v-for=\"(link,index) in image.Links\"\r\n            :key=\"index\"\r\n          >\r\n            <a :href=\"link.Url\" target=\"_blank\">\r\n              {{link.Text}}\r\n              <span class=\"fa fa-long-arrow-right\"></span>\r\n            </a>\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </MountingPortal>\r\n</template>\r\n<script>\r\nexport default {\r\n    props: [\"image\", \"nextImage\", \"prevImage\", \"langCode\"],\r\n    data() {\r\n        return {\r\n            isLoadingNextImage: false,\r\n            isLoadingImage: false\r\n        }\r\n    },\r\n    watch: {\r\n        prevImage(next) {\r\n            if(next) {\r\n                const prevImage = new Image();\r\n                prevImage.src = `/$1/Article/${next.ArticleId}/1/1000x-1/${next.Filename}`;\r\n            }\r\n        },\r\n        nextImage(next) {\r\n            if(next) {\r\n                const prevImage = new Image();\r\n                prevImage.src = `/$1/Article/${next.ArticleId}/1/1000x-1/${next.Filename}`;\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.image-modal--wrapper {\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  cursor: pointer;\r\n  visibility: visible;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  z-index: 99999;\r\n  overflow: hidden;\r\n\r\n  .image-modal--image {\r\n    opacity: 1;\r\n    cursor: initial;\r\n    position: absolute;\r\n    top: 3rem;\r\n    left: 50%;\r\n    transform: translate(-50%, 0);\r\n\r\n    img {\r\n      display: block;\r\n      margin: 0 auto;\r\n      box-shadow: 0 0px 10px 0 hsla(0, 0%, 30%, 1);\r\n        transition: width 1s;\r\n      &.image-width {\r\n        // max-width: 100%;\r\n        width: 50vw;\r\n        max-width: unset;\r\n\r\n        @media screen and (max-width: 768px) {\r\n          width: 80vw;\r\n        }\r\n      }\r\n      &.image-height {\r\n        // max-height: 100%;\r\n        max-height: 65vh;\r\n      }\r\n    }\r\n\r\n    .image-modal--link-container {\r\n      margin: 0 auto;\r\n      padding: 0.5rem 0;\r\n      list-style: none;\r\n      text-align: left;\r\n\r\n      .image-modal--link-item {\r\n        color: #fff;\r\n        font-weight: bold;\r\n        margin: 0;\r\n        white-space: normal;\r\n        width: 100%;\r\n        display: block;\r\n        a {\r\n          color: #fff;\r\n          font-size: 1.2rem;\r\n          // white-space: nowrap;\r\n\r\n          &:hover {\r\n            color: #d0d0d0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.image-modal--image-switcher {\r\n  font-size: 2.5rem;\r\n  text-align: center;\r\n\r\n  a {\r\n    color: #fff;\r\n    font-weight: bold;\r\n    margin-left: 0.5rem;\r\n    padding: 1rem;\r\n\r\n    &.disabled {\r\n      color: #ccc!important;\r\n      cursor:not-allowed;\r\n    }\r\n\r\n    &:hover {\r\n      color: #d0d0d0;\r\n    }\r\n  }\r\n}\r\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!./ImageModal.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!./ImageModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageModal.vue?vue&type=template&id=52d7b8a4&scoped=true&\"\nimport script from \"./ImageModal.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImageModal.vue?vue&type=style&index=0&id=52d7b8a4&lang=scss&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  \"52d7b8a4\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"masonry-app\">\n    <div style=\"position:relative\">\n      <h1>{{langCode == 'se' ? 'Inspiration' : 'Inspiration'}}</h1>\n\n      <div class=\"masonry-app--filter-container\">\n        <button\n          class=\"btn\"\n          :class=\"{'active': filter == 'all' }\"\n          @click.stop.prevent=\"filter = 'all'\"\n        >{{t(\"all\")}}</button>\n        <button\n          class=\"btn\"\n          :class=\"{'active': filter == 'IncludesTables' }\"\n          @click.stop.prevent=\"resetLoadedItems(); filter = 'IncludesTables'\"\n        >{{t(\"tables\")}}</button>\n        <button\n          class=\"btn\"\n          :class=\"{'active': filter == 'IncludesExposureSystem' }\"\n          @click.stop.prevent=\"resetLoadedItems(); filter = 'IncludesExposureSystem'\"\n        >{{t(\"displaySystems\")}}</button>\n        <button\n          class=\"btn\"\n          :class=\"{'active': filter == 'IncludesStorage' }\"\n          @click.stop.prevent=\"resetLoadedItems(); filter = 'IncludesStorage'\"\n        >{{t(\"storages\")}}</button>\n        <button\n          class=\"btn\"\n          :class=\"{'active': filter == 'IncludesClothesHanger' }\"\n          @click.stop.prevent=\"resetLoadedItems(); filter = 'IncludesClothesHanger'\"\n        >{{t(\"coatRacks\")}}</button>\n        <button\n          class=\"btn\"\n          :class=\"{'active': filter == 'IncludesSeating' }\"\n          @click.stop.prevent=\"resetLoadedItems(); filter = 'IncludesSeating'\"\n        >{{t(\"seatings\")}}</button>\n      </div>\n    </div>\n\n    <div\n      class=\"masonry-app--item-container\"\n      v-masonry\n      gutter=\"20\"\n      isFitWidth=\"true\"\n      transition-duration=\"0\"\n      item-selector=\".masonry-app--item\"\n      horizontal-order=\"true\"\n      stagger=\"0\"\n    >\n      <div v-if=\"isLoading\">\n        <div\n          class=\"masonry-app--item\"\n          v-masonry-tile\n          :style=\"`height:${x*80}px`\"\n          v-for=\"(x, index) in [2,3,2,4,5,6,2,3,4]\"\n          :key=\"index\"\n        ></div>\n      </div>\n      <div class=\"is-loaded\" v-else>\n        <div\n          class=\"masonry-app--item\"\n          v-masonry-tile\n          v-for=\"(x, index) in displayedItems\"\n          :key=\"x.ArticleId\"\n        >\n          <div :style=\"`width: 100%;padding-bottom: ${x.AspectRatio * 100}%;`\">\n            <img\n              v-if=\"index < loadedItems && !x.error\"\n              :src=\"`/$1/Article/${x.ArticleId}/1/400x-1/${x.Filename}`\"\n              @click=\"showImage(index)\"\n              :alt=\"x.ImageAltText\"\n              @error=\"x.error = true\"\n            />\n            <div v-else-if=\"x.error\"  @click=\"showImage(index)\" style=\"position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)\">\n              <span :title=\"langCode == 'se' ? 'Kunde inte ladda bilden' : 'Failed to load the image'\" style=\"color: #efecec;font-size: 10rem\" class=\"fa-stack fa-2x\">\n<span class=\"fa fa-image fa-stack-1x\"></span>\n\n              </span>\n            </div>\n            <mugen-scroll v-if=\"index == loadedItems - 1\" \n              :threshold=\"1\" \n              :handler=\"() => { loadedItems = loadedItems + 4; preloadItems();  }\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <ImageModal \n      :image=\"selectedImage\"\n      :nextImage=\"nextImage\"\n      :prevImage=\"prevImage\"\n      :langCode=\"langCode\"\n        @close=\"imageIndex = null\"\n        @next=\"imageIndex++\"\n        @prev=\"imageIndex--\"\n      />\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nimport ImageModal from \"@/components/ImageModal\";\n\nexport default {\n  name: \"app\",\n  components: { ImageModal },\n  data() {\n    return {\n      items: [],\n      loadedItems: 6,\n      isLoading: true,\n      filter: \"all\",\n      imageIndex: null,\n      isLoadingImage: false,\n      isLoadingNextImage: false,\n      langCode: (document.getElementById(\"masonry-lang-code\").value || \"se\").toLowerCase(),\n      translations: {\n        se: {\n          all: \"Allt\",\n          tables: \"Bord\",\n          displaySystems: \"Exponeringssystem\",\n          storages: \"Förvaring\",\n          seatings: \"Sittmöbler\",\n          coatRacks: \"Klädhängare\"\n        },\n        uk: {\n          all: \"All\",\n          tables: \"Tables\",\n          displaySystems: \"Display systems\",\n          storages: \"Storages\",\n          seatings: \"Seatings\",\n          coatRacks: \"Coat racks\"\n        }\n      }\n    };\n  },\n  computed: {\n    filteredItems() {\n      if (this.filter == \"all\") return this.items;\n\n      return this.items.filter(x => x[this.filter]);\n    },\n    displayedItems() {\n      return this.filteredItems.slice(0, this.loadedItems + 5);\n    },\n    selectedImage() {\n      if(this.imageIndex == null)\n        return null;\n\n      return this.filteredItems[this.imageIndex];\n    },\n    nextImage() {\n      if(this.imageIndex + 1 >= this.filteredItems.length)\n        return null;\n\n      return this.filteredItems[this.imageIndex+1];\n    },\n    prevImage() {\n      if((this.imageIndex - 1) <= -1)\n        return null;\n\n      return this.filteredItems[this.imageIndex-1];\n    }\n  },\n  mounted() {\n    const folderId = document.getElementById(\"masonry-folder-id\").value;\n\n    axios\n      .get(`/inc/masonry_api.ashx?fid=${folderId}&lc=${this.langCode}`)\n      .then(response => {\n        this.items = response.data.map(x => ({...x, error: false}));\n        this.isLoading = false;\n      })\n      .catch(error => console.log(error));\n  },\n  methods: {\n    showImage(index) {\n      this.imageIndex = index;\n      this.isLoadingImage = false;\n    },\n    resetLoadedItems() {\n      this.loadedItems = 6;\n    },\n    preloadItems() {\n      const result = this.items.slice(this.loadedItems - 1, 3).map(x => {\n        const img = new Image();\n        img.src = `/$1/Article/${x.ArticleId}/1/400x-1/${x.Filename}`;\n      });\n    },\n    t(item) {\n      return this.translations[this.langCode][item] || \"[No translation]\"\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.masonry-app {\n  margin-right: -20px;\n}\n\n\n.masonry-app--filter-container {\n  position: absolute;\n  top: 0;\n  right: 0;\n\n  @media screen and (max-width: 1000px) {\n    position: static;\n    padding-right: 20px;\n    margin: 0 -0.5rem;\n  }\n\n  .btn {\n    @media screen and (max-width: 1000px) and (min-width: 501px) {\n      width: calc(33.3333333% - 1rem);\n      margin: 0 0.5rem;\n      margin-bottom: 1rem;\n    }\n\n    @media screen and (max-width: 500px) {\n      width: calc(50% - 1rem);\n      margin: 0 0.5rem;\n      margin-bottom: 1rem;\n    }\n\n    @media screen and (min-width: 1001px) {\n      margin: 0 0.5rem;\n\n      &:first-of-type {\n        margin-left: 0;\n      }\n\n      &:last-of-type {\n        margin-right: 20px;\n      }\n    }\n\n    &:hover {\n      background-color: #000;\n      color: #fff;\n    }\n\n    &.active {\n      background-color: #000;\n      color: #fff;\n    }\n  }\n}\n\n.masonry-app--item-container {\n  position: relative;\n}\n\n.masonry-app--item {\n  background: #f5f5f5;\n  border-radius: 5px;\n  padding: 20px 0;\n  width: calc(25% - 20px);\n\n  @media screen and (max-width: 768px) {\n    width: calc(33.33333333333333% - 20px);\n  }\n\n  @media screen and (max-width: 500px) {\n    width: calc(50% - 20px);\n  }\n\n  margin-bottom: 20px;\n\n  img {\n    width: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    cursor: pointer;\n    transition: opacity 0.2s;\n\n    &:hover {\n      opacity: 0.85;\n    }\n  }\n}\n\n.is-loaded .masonry-app--item {\n  padding: 0;\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!./App.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!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=559882fc&scoped=true&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&id=559882fc&lang=scss&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  \"559882fc\",\n  null\n  \n)\n\nexport default component.exports","import Vue from \"vue\";\nimport App from \"./App.vue\";\nimport MugenScroll from \"vue-mugen-scroll\";\n\nVue.component(\"mugen-scroll\", MugenScroll);\n\n// import VueLazyload from \"vue-lazyload\";\n \n// Vue.use(VueLazyload, {\n//   preLoad: 1.5,\n//   // error: 'dist/error.png',\n//   // loading: 'dist/loading.gif',\n//   attempt: 1\n// })\n\nimport { VueMasonryPlugin } from \"vue-masonry\";\n\nVue.use(VueMasonryPlugin);\n\nimport PortalVue from 'portal-vue'\n\nVue.use(PortalVue)\n\nVue.config.productionTip = false;\n\nnew Vue({\n  render: h => h(App)\n}).$mount(\"#masonry-app\");\n","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&id=559882fc&lang=scss&scoped=true&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&id=559882fc&lang=scss&scoped=true&\""],"sourceRoot":""}