{"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/IndexIndicator.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/gallery/src/components/IndexIndicator.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:CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnSW5kZXhJbmRpY2F0b3InLAogIHByb3BzOiB7CiAgICBjb3VudDogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDAsCiAgICB9LAogICAgY3VycmVudDogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDAsCiAgICB9LAogIH0sCn0K"},{"version":3,"sources":["IndexIndicator.vue"],"names":[],"mappings":";AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"IndexIndicator.vue","sourceRoot":"node_modules/@abi-software/gallery/src/components","sourcesContent":["<template>\n  <div class=\"indicator-container\">\n    <div\n      v-for=\"(number, index) in count\"\n      :key=\"'indicator_' + number\"\n      :class=\"['indicator', { active: current === index }]\"\n      @click=\"$emit('clicked', index)\"\n    />\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'IndexIndicator',\n  props: {\n    count: {\n      type: Number,\n      default: 0,\n    },\n    current: {\n      type: Number,\n      default: 0,\n    },\n  },\n}\n</script>\n\n<style scoped lang=\"scss\">\n.indicator-container {\n  display: flex;\n  justify-content: center;\n}\n.indicator {\n  width: 1rem;\n  height: 1rem;\n  border-radius: 50%;\n  background-color: #e4e7ed;\n  margin-left: 0.25rem;\n  margin-right: 0.25rem;\n}\n\n.indicator.active {\n  background-color: $app-primary-color;\n}\n</style>\n"]}]}