{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/gallery/src/components/Gallery.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/gallery/src/components/Gallery.vue","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/thread-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/babel-loader/lib/index.js","mtime":456789000000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CmltcG9ydCBJbmRleEluZGljYXRvciBmcm9tICcuL0luZGV4SW5kaWNhdG9yJwppbXBvcnQgQ2FyZCBmcm9tICcuL0NhcmQnCgpmdW5jdGlvbiBjb252ZXJ0UmVtVG9QaXhlbHMocmVtKSB7CiAgaWYgKHR5cGVvZiB3aW5kb3cgIT09ICd1bmRlZmluZWQnKSB7CiAgICByZXR1cm4gcmVtICogcGFyc2VGbG9hdCh3aW5kb3cuZ2V0Q29tcHV0ZWRTdHlsZShkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQpLmZvbnRTaXplKQogIH0KICByZXR1cm4gcmVtICogMTYKfQoKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdHYWxsZXJ5JywKICBjb21wb25lbnRzOiB7IEluZGV4SW5kaWNhdG9yLCBDYXJkIH0sCiAgcHJvcHM6IHsKICAgIGl0ZW1zOiB7CiAgICAgIHR5cGU6IEFycmF5LAogICAgICBkZWZhdWx0OiAoKSA9PiB7CiAgICAgICAgcmV0dXJuIFtdCiAgICAgIH0sCiAgICB9LAogICAgbWF4V2lkdGg6IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0OiAzLAogICAgfSwKICAgIGNhcmRXaWR0aDogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDEzLjgsCiAgICB9LAogICAgc2hvd0luZGljYXRvckJhcjogewogICAgICB0eXBlOiBCb29sZWFuLAogICAgICBkZWZhdWx0OiB0cnVlLAogICAgfSwKICAgIGhpZ2hsaWdodEFjdGl2ZTogewogICAgICB0eXBlOiBCb29sZWFuLAogICAgICBkZWZhdWx0OiB0cnVlLAogICAgfSwKICAgIHNob3dDYXJkRGV0YWlsczogewogICAgICB0eXBlOiBCb29sZWFuLAogICAgICBkZWZhdWx0OiB0cnVlLAogICAgfSwKICAgIGJvZHlTdHlsZTogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIGRlZmF1bHQ6ICgpID0+IHsKICAgICAgICByZXR1cm4geyBwYWRkaW5nOiAnMjBweCcsIGJhY2tncm91bmQ6ICcjZmZmZmZmJyB9CiAgICAgIH0sCiAgICB9LAogICAgYm90dG9tU3BhY2VyOiB7CiAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgZGVmYXVsdDogKCkgPT4gewogICAgICAgIHJldHVybiB7IG1pbkhlaWdodDogJzRyZW0nIH0KICAgICAgfSwKICAgIH0sCiAgICBpbWFnZUNvbnRhaW5lclN0eWxlOiB7CiAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgZGVmYXVsdDogKCkgPT4gewogICAgICAgIHJldHVybiB7fQogICAgICB9LAogICAgfSwKICAgIGltYWdlU3R5bGU6IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiAoKSA9PiB7CiAgICAgICAgcmV0dXJuIHt9CiAgICAgIH0sCiAgICB9LAogICAgbWV0YURhdGE6IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiAoKSA9PiB7CiAgICAgICAgcmV0dXJuIHsKICAgICAgICAgIGRhdGFzZXRWZXJzaW9uOiAtMSwKICAgICAgICAgIGRhdGFzZXRJZDogLTEsCiAgICAgICAgfQogICAgICB9LAogICAgfSwKICAgIGRlc2NyaXB0aW9uOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogJycsCiAgICB9LAogICAgc2hhZG93OiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogJ2Fsd2F5cycsCiAgICB9LAogIH0sCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGNvdW50OiAwLAogICAgICBjdXJyZW50SW5kZXg6IDAsCiAgICAgIGNvbnRyb2xIZWlnaHQ6IDIsCiAgICAgIGNvbnRyb2xXaWR0aDogMiwKICAgIH0KICB9LAogIGNvbXB1dGVkOiB7CiAgICBpdGVtQ291bnQoKSB7CiAgICAgIHJldHVybiB0aGlzLml0ZW1zLmxlbmd0aAogICAgfSwKICAgIGlzUHJldlBvc3NpYmxlKCkgewogICAgICByZXR1cm4gdGhpcy5jdXJyZW50SW5kZXggPiAwCiAgICB9LAogICAgaXNOZXh0UG9zc2libGUoKSB7CiAgICAgIHJldHVybiB0aGlzLmN1cnJlbnRJbmRleCA8IHRoaXMuaXRlbUNvdW50IC0gMQogICAgfSwKICAgIGNhcmRIZWlnaHQoKSB7CiAgICAgIHJldHVybiAwLjc4ICogdGhpcy5jYXJkV2lkdGgKICAgIH0sCiAgICBjYXJkTGluZVdpZHRoKCkgewogICAgICBjb25zdCBjYXJkU3BhY2luZyA9IDAuMjUKICAgICAgcmV0dXJuIHRoaXMuaXRlbUNvdW50ICogKHRoaXMuY2FyZFdpZHRoICsgY2FyZFNwYWNpbmcpIC0gY2FyZFNwYWNpbmcKICAgIH0sCiAgICBudW1iZXJPZkl0ZW1zVmlzaWJsZSgpIHsKICAgICAgLy8gVGhlIG1heGltdW0gd2lkdGggd2UgYXJlIGFsbG93ZWQgbWludXMgdHdvIGJ1dHRvbnMgZm9yIG5leHQgYW5kIHByZXZpb3VzCiAgICAgIC8vIGRpdmlkZWQgYnkgdGhlIHdpZHRoIG9mIGEgY2FyZC4KICAgICAgLy8gY29uc3QgbiA9IHRoaXMuaXRlbUNvdW50IC0gMQogICAgICBjb25zdCBjYXJkU3BhY2luZ1B4ID0gY29udmVydFJlbVRvUGl4ZWxzKDAuNSkKICAgICAgY29uc3QgYnV0dG9uUHggPSBjb252ZXJ0UmVtVG9QaXhlbHMoMikKICAgICAgY29uc3QgY2FyZFdpZHRoUHggPSBjb252ZXJ0UmVtVG9QaXhlbHModGhpcy5jYXJkV2lkdGgpCiAgICAgIGNvbnN0IGNhcmRJdGVtcyA9ICh0aGlzLm1heFdpZHRoIC0gMiAqIGJ1dHRvblB4IC0gMiAqIGNhcmRTcGFjaW5nUHgpIC8gKDEuMSAqIGNhcmRXaWR0aFB4KQogICAgICAvL0Rpc3BsYXkgYXQgbGVhc3Qgb25lIGl0ZW0KICAgICAgcmV0dXJuIE1hdGgubWF4KDEsIE1hdGguZmxvb3IoY2FyZEl0ZW1zKSkKICAgIH0sCiAgICBjYW5TaG93SW5kaWNhdG9yQmFyKCkgewogICAgICBjb25zdCBpbmRpY2F0b3JXaWR0aCA9IGNvbnZlcnRSZW1Ub1BpeGVscygxKQogICAgICBjb25zdCBpbmRpY2F0b3JBbGxvd2FuY2UgPSB0aGlzLm1heFdpZHRoIC8gKGluZGljYXRvcldpZHRoICogdGhpcy5pdGVtQ291bnQpCiAgICAgIHJldHVybiB0aGlzLnNob3dJbmRpY2F0b3JCYXIgJiYgaW5kaWNhdG9yQWxsb3dhbmNlID4gMC4xICYmIHRoaXMuaXRlbUNvdW50ID4gMQogICAgfSwKICAgIHZhbHVlQWRqdXN0bWVudCgpIHsKICAgICAgY29uc3QgaGFsZldpbmRvdyA9IE1hdGguZmxvb3IodGhpcy5udW1iZXJPZkl0ZW1zVmlzaWJsZSAvIDIpCiAgICAgIGxldCB2YWx1ZUFkanVzdCA9IHRoaXMuY3VycmVudEluZGV4IC0gaGFsZldpbmRvdwogICAgICBpZiAodmFsdWVBZGp1c3QgPCAwKSB7CiAgICAgICAgdmFsdWVBZGp1c3QgPSAwCiAgICAgIH0gZWxzZSBpZiAodmFsdWVBZGp1c3QgKyB0aGlzLm51bWJlck9mSXRlbXNWaXNpYmxlID4gdGhpcy5pdGVtQ291bnQpIHsKICAgICAgICB2YWx1ZUFkanVzdCA9IHRoaXMuaXRlbUNvdW50IC0gdGhpcy5udW1iZXJPZkl0ZW1zVmlzaWJsZQogICAgICB9CgogICAgICByZXR1cm4gdmFsdWVBZGp1c3QKICAgIH0sCiAgICB3aW5kb3dlZEl0ZW1zKCkgewogICAgICBsZXQgbXlBcnJheSA9IFtdCiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGhpcy5udW1iZXJPZkl0ZW1zVmlzaWJsZTsgaSsrKSB7CiAgICAgICAgbXlBcnJheS5wdXNoKHRoaXMuaXRlbXNbaSArIHRoaXMudmFsdWVBZGp1c3RtZW50XSkKICAgICAgfQogICAgICByZXR1cm4gbXlBcnJheQogICAgfSwKICB9LAogIG1ldGhvZHM6IHsKICAgIGNhcmRDbGlja2VkKHBheWxvYWQpIHsKICAgICAgdGhpcy4kZW1pdCgnY2FyZC1jbGlja2VkJywgcGF5bG9hZCkKICAgIH0sCiAgICBpc0FjdGl2ZShpbmRleCkgewogICAgICByZXR1cm4gdGhpcy5jdXJyZW50SW5kZXggLSB0aGlzLnZhbHVlQWRqdXN0bWVudCA9PT0gaW5kZXggJiYgdGhpcy5oaWdobGlnaHRBY3RpdmUKICAgIH0sCiAgICBnb05leHQoKSB7CiAgICAgIHRoaXMuY3VycmVudEluZGV4ICs9IDEKICAgIH0sCiAgICBnb1ByZXYoKSB7CiAgICAgIHRoaXMuY3VycmVudEluZGV4IC09IDEKICAgIH0sCiAgICBpbmRpY2F0b3JDbGlja2VkKGluZGV4KSB7CiAgICAgIGlmICh0aGlzLmN1cnJlbnRJbmRleCAhPT0gaW5kZXgpIHsKICAgICAgICB0aGlzLmN1cnJlbnRJbmRleCA9IGluZGV4CiAgICAgIH0KICAgIH0sCiAgfSwKfQo="},{"version":3,"sources":["Gallery.vue"],"names":[],"mappings":";AAoCA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Gallery.vue","sourceRoot":"node_modules/@abi-software/gallery/src/components","sourcesContent":["<template>\n  <div ref=\"myButton\" class=\"gallery\">\n    <div class=\"gallery-strip\">\n      <a v-if=\"items.length > 1\" href=\"#\" :class=\"['oval', 'prev', { disabled: !isPrevPossible }]\" @click.prevent=\"goPrev\">\n        <span class=\"progress-button\">&lsaquo;</span>\n      </a>\n      <div v-else style=\"width: 2rem\" />\n      <div class=\"filler\" />\n      <div class=\"card-line\">\n        <span v-for=\"(item, index) in windowedItems\" :key=\"'card_' + index\" :class=\"['key-image-span', { active: isActive(index) }]\">\n          <card\n            v-if=\"item\"\n            :data=\"item\"\n            :body-style=\"bodyStyle\"\n            :image-container-style=\"imageContainerStyle\"\n            :image-style=\"imageStyle\"\n            :width=\"cardWidth\"\n            :height=\"cardHeight\"\n            :shadow=\"shadow\"\n            :show-card-details=\"showCardDetails\"\n            @card-clicked=\"cardClicked\"\n          />\n        </span>\n      </div>\n      <div class=\"filler\" />\n      <a v-if=\"items.length > 1\" href=\"#\" :class=\"['oval', 'next', { disabled: !isNextPossible }]\" @click.prevent=\"goNext\">\n        <span class=\"progress-button\">&rsaquo;</span>\n      </a>\n      <div v-else style=\"width: 2rem\" />\n    </div>\n    <div :style=\"bottomSpacer\" />\n    <index-indicator v-if=\"canShowIndicatorBar\" :count=\"itemCount\" :current=\"currentIndex\" @clicked=\"indicatorClicked\" />\n  </div>\n</template>\n\n<script>\nimport IndexIndicator from './IndexIndicator'\nimport Card from './Card'\n\nfunction convertRemToPixels(rem) {\n  if (typeof window !== 'undefined') {\n    return rem * parseFloat(window.getComputedStyle(document.documentElement).fontSize)\n  }\n  return rem * 16\n}\n\nexport default {\n  name: 'Gallery',\n  components: { IndexIndicator, Card },\n  props: {\n    items: {\n      type: Array,\n      default: () => {\n        return []\n      },\n    },\n    maxWidth: {\n      type: Number,\n      default: 3,\n    },\n    cardWidth: {\n      type: Number,\n      default: 13.8,\n    },\n    showIndicatorBar: {\n      type: Boolean,\n      default: true,\n    },\n    highlightActive: {\n      type: Boolean,\n      default: true,\n    },\n    showCardDetails: {\n      type: Boolean,\n      default: true,\n    },\n    bodyStyle: {\n      type: Object,\n      default: () => {\n        return { padding: '20px', background: '#ffffff' }\n      },\n    },\n    bottomSpacer: {\n      type: Object,\n      default: () => {\n        return { minHeight: '4rem' }\n      },\n    },\n    imageContainerStyle: {\n      type: Object,\n      default: () => {\n        return {}\n      },\n    },\n    imageStyle: {\n      type: Object,\n      default: () => {\n        return {}\n      },\n    },\n    metaData: {\n      type: Object,\n      default: () => {\n        return {\n          datasetVersion: -1,\n          datasetId: -1,\n        }\n      },\n    },\n    description: {\n      type: String,\n      default: '',\n    },\n    shadow: {\n      type: String,\n      default: 'always',\n    },\n  },\n  data() {\n    return {\n      count: 0,\n      currentIndex: 0,\n      controlHeight: 2,\n      controlWidth: 2,\n    }\n  },\n  computed: {\n    itemCount() {\n      return this.items.length\n    },\n    isPrevPossible() {\n      return this.currentIndex > 0\n    },\n    isNextPossible() {\n      return this.currentIndex < this.itemCount - 1\n    },\n    cardHeight() {\n      return 0.78 * this.cardWidth\n    },\n    cardLineWidth() {\n      const cardSpacing = 0.25\n      return this.itemCount * (this.cardWidth + cardSpacing) - cardSpacing\n    },\n    numberOfItemsVisible() {\n      // The maximum width we are allowed minus two buttons for next and previous\n      // divided by the width of a card.\n      // const n = this.itemCount - 1\n      const cardSpacingPx = convertRemToPixels(0.5)\n      const buttonPx = convertRemToPixels(2)\n      const cardWidthPx = convertRemToPixels(this.cardWidth)\n      const cardItems = (this.maxWidth - 2 * buttonPx - 2 * cardSpacingPx) / (1.1 * cardWidthPx)\n      //Display at least one item\n      return Math.max(1, Math.floor(cardItems))\n    },\n    canShowIndicatorBar() {\n      const indicatorWidth = convertRemToPixels(1)\n      const indicatorAllowance = this.maxWidth / (indicatorWidth * this.itemCount)\n      return this.showIndicatorBar && indicatorAllowance > 0.1 && this.itemCount > 1\n    },\n    valueAdjustment() {\n      const halfWindow = Math.floor(this.numberOfItemsVisible / 2)\n      let valueAdjust = this.currentIndex - halfWindow\n      if (valueAdjust < 0) {\n        valueAdjust = 0\n      } else if (valueAdjust + this.numberOfItemsVisible > this.itemCount) {\n        valueAdjust = this.itemCount - this.numberOfItemsVisible\n      }\n\n      return valueAdjust\n    },\n    windowedItems() {\n      let myArray = []\n      for (let i = 0; i < this.numberOfItemsVisible; i++) {\n        myArray.push(this.items[i + this.valueAdjustment])\n      }\n      return myArray\n    },\n  },\n  methods: {\n    cardClicked(payload) {\n      this.$emit('card-clicked', payload)\n    },\n    isActive(index) {\n      return this.currentIndex - this.valueAdjustment === index && this.highlightActive\n    },\n    goNext() {\n      this.currentIndex += 1\n    },\n    goPrev() {\n      this.currentIndex -= 1\n    },\n    indicatorClicked(index) {\n      if (this.currentIndex !== index) {\n        this.currentIndex = index\n      }\n    },\n  },\n}\n</script>\n\n<style scoped lang=\"scss\">\n.oval {\n  width: 2rem;\n  height: 2rem;\n  line-height: 2rem;\n  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.25);\n  border: solid 1px var(--pale-grey);\n  background-color: #ffffff;\n  border-radius: 1rem;\n  display: flex;\n  justify-content: center;\n  user-select: none;\n}\n\n.gallery-strip,\n.card-line {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: space-around;\n  align-items: center;\n}\n\n.card-line {\n  flex-grow: 2;\n}\n\n.progress-button {\n  font-size: 1.5rem;\n  font-weight: bold;\n  color: $app-primary-color;\n}\n\n.filler {\n  flex-grow: 1;\n}\n\n.key-image-span.active {\n  transform: scale(1.1);\n}\n\na.prev:not(.underline),\na.next:not(.underline) {\n  text-decoration: none;\n}\n\n.disabled {\n  opacity: 0.5;\n  pointer-events: none;\n}\n</style>\n"]}]}