{"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/flatmapvuer/src/components/SelectionsGroup.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/flatmapvuer/src/components/SelectionsGroup.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/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:DQovKiBlc2xpbnQtZGlzYWJsZSBuby1hbGVydCwgbm8tY29uc29sZSAqLw0KaW1wb3J0IFZ1ZSBmcm9tICJ2dWUiOw0KaW1wb3J0IHsNCiAgQ2hlY2tib3gsDQogIENoZWNrYm94R3JvdXAsDQogIENvbCwNCiAgUm93DQp9IGZyb20gImVsZW1lbnQtdWkiOw0KaW1wb3J0IGxhbmcgZnJvbSAiZWxlbWVudC11aS9saWIvbG9jYWxlL2xhbmcvZW4iOw0KaW1wb3J0IGxvY2FsZSBmcm9tICJlbGVtZW50LXVpL2xpYi9sb2NhbGUiOw0KDQpsb2NhbGUudXNlKGxhbmcpOw0KVnVlLnVzZShDaGVja2JveCk7DQpWdWUudXNlKENoZWNrYm94R3JvdXApOw0KVnVlLnVzZShDb2wpOw0KVnVlLnVzZShSb3cpOw0KDQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogIlNlbGVjdGlvbnNHcm91cCIsDQogIG1ldGhvZHM6IHsNCiAgICAvKioNCiAgICAgKiBGdW5jdGlvbiB0byB0b2dnbGUgcGF0aHMgdG8gZGVmYXVsdC4NCiAgICAgKiBBbHNvIGNhbGxlZCB3aGVuIHRoZSBhc3NvY2lhdGVkIGJ1dHRvbiBpcyBwcmVzc2VkLg0KICAgICAqLw0KICAgIHJlc2V0OiBmdW5jdGlvbigpIHsNCiAgICAgIHRoaXMuY2hlY2tBbGwgPSB0cnVlOw0KICAgICAgdGhpcy5jaGVja2VkSXRlbXMgPSBbXTsNCiAgICAgIHRoaXMuc2VsZWN0aW9ucy5mb3JFYWNoKGl0ZW0gPT4gew0KICAgICAgICBpZiAoISgnZW5hYmxlZCcgaW4gaXRlbSkgfHwgaXRlbS5lbmFibGVkID09PSB0cnVlKSB7DQogICAgICAgICAgdGhpcy5jaGVja2VkSXRlbXMucHVzaChpdGVtW3RoaXMuaWRlbnRpZmllcktleV0pOw0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIHRoaXMuY2hlY2tBbGwgPSBmYWxzZTsNCiAgICAgICAgfQ0KICAgICAgfSk7DQogICAgfSwNCiAgICB2aXNpYmlsaXR5VG9nZ2xlOiBmdW5jdGlvbihrZXksIHZhbHVlKSB7DQogICAgICB0aGlzLiRlbWl0KCJjaGFuZ2VkIiwge2tleSwgdmFsdWV9KTsNCiAgICB9LA0KICAgIGhhbmRsZUNoZWNrZWRJdGVtc0NoYW5nZTogZnVuY3Rpb24odmFsdWUpIHsNCiAgICAgIGxldCBjaGVja2VkQ291bnQgPSB2YWx1ZS5sZW5ndGg7DQogICAgICB0aGlzLmNoZWNrQWxsID0gY2hlY2tlZENvdW50ID09PSB0aGlzLnNlbGVjdGlvbnMubGVuZ3RoOw0KICAgIH0sDQogICAgaGFuZGxlQ2hlY2tBbGxDaGFuZ2U6IGZ1bmN0aW9uKHZhbCkgew0KICAgICAgdGhpcy5jaGVja2VkSXRlbXMgPSB2YWwgPyB0aGlzLnNlbGVjdGlvbnMubWFwKGEgPT4gYVt0aGlzLmlkZW50aWZpZXJLZXldKSA6IFtdOw0KICAgICAgdGhpcy4kZW1pdCgiY2hlY2tBbGwiLA0KICAgICAgew0KICAgICAgICBrZXlzOiB0aGlzLnNlbGVjdGlvbnMubWFwKGEgPT4gYVt0aGlzLmlkZW50aWZpZXJLZXldKSwNCiAgICAgICAgdmFsdWU6IHZhbA0KICAgICAgfSk7DQogICAgfSwNCiAgICBnZXRCYWNrZ3JvdW5kU3R5bGVzOiBmdW5jdGlvbihpdGVtKSB7DQogICAgICBpZiAoJ2NvbG91cicgaW4gaXRlbSAmJiB0aGlzLmNvbG91clN0eWxlID09PSAiYmFja2dyb3VuZCIpIHsNCiAgICAgICAgcmV0dXJuIHsgYmFja2dyb3VuZDogaXRlbS5jb2xvdXIgfTsNCiAgICAgIH0NCiAgICAgIHJldHVybiB7fTsNCiAgICB9LA0KICAgIGdldExpbmVTdHlsZXM6IGZ1bmN0aW9uKGl0ZW0pIHsNCiAgICAgIGlmICgnY29sb3VyJyBpbiBpdGVtICYmIHRoaXMuY29sb3VyU3R5bGUgPT09ICJsaW5lIikgew0KICAgICAgICBpZiAoKCdkYXNoZWQnIGluIGl0ZW0pICYmIChpdGVtLmRhc2hlZCA9PT0gdHJ1ZSkpIHsNCiAgICAgICAgICBjb25zdCBiYWNrZ3JvdW5kID0gYHJlcGVhdGluZy1saW5lYXItZ3JhZGllbnQoOTBkZWcsJHtpdGVtLmNvbG91cn0sJHtpdGVtLmNvbG91cn0gNnB4LHRyYW5zcGFyZW50IDAsdHJhbnNwYXJlbnQgOXB4KWA7DQogICAgICAgICAgcmV0dXJuIHsgYmFja2dyb3VuZCB9Ow0KICAgICAgICB9DQogICAgICAgIGVsc2Ugew0KICAgICAgICAgIHJldHVybiB7IGJhY2tncm91bmQ6IGl0ZW0uY29sb3VyIH07DQogICAgICAgIH0NCiAgICAgIH0NCiAgICAgIHJldHVybiB7IGRpc3BsYXk6ICJOb25lIn07DQogICAgfQ0KICB9LA0KICBwcm9wczogew0KICAgIGNvbG91clN0eWxlOiB7DQogICAgICB0eXBlOiBTdHJpbmcsDQogICAgICBkZWZhdWx0OiAibGluZSIgICANCiAgICB9LA0KICAgIGlkZW50aWZpZXJLZXk6IHsNCiAgICAgIHR5cGU6IFN0cmluZywNCiAgICAgIGRlZmF1bHQ6ICJpZCINCiAgICB9LA0KICAgIGxhYmVsS2V5OiB7DQogICAgICB0eXBlOiBTdHJpbmcsDQogICAgICBkZWZhdWx0OiAibGFiZWwiDQogICAgfSwNCiAgICB0aXRsZTogew0KICAgICAgdHlwZTogU3RyaW5nLA0KICAgICAgZGVmYXVsdDogIiINCiAgICB9LA0KICAgIHNlbGVjdGlvbnM6IHsNCiAgICAgIHR5cGU6IEFycmF5LA0KICAgICAgZGVmYXVsdDogZnVuY3Rpb24oKSB7DQogICAgICAgIHJldHVybiBbXTsNCiAgICAgIH0sDQogICAgfSwNCiAgfSwNCiAgY29tcHV0ZWQ6IHsNCiAgICBpc0luZGV0ZXJtaW5hdGU6IGZ1bmN0aW9uKCkgew0KICAgICAgY29uc3QgY291bnQgPSB0aGlzLmNoZWNrZWRJdGVtcy5sZW5ndGg7DQogICAgICBpZiAoKGNvdW50ID09PSAwKSB8fCB0aGlzLmNoZWNrQWxsKXsNCiAgICAgICAgcmV0dXJuIGZhbHNlOw0KICAgICAgfQ0KICAgICAgcmV0dXJuIHRydWU7DQogICAgfQ0KICB9LA0KICBkYXRhOiBmdW5jdGlvbigpIHsNCiAgICByZXR1cm4gew0KICAgICAgY2hlY2tlZEl0ZW1zOiBbXSwNCiAgICAgIGNoZWNrQWxsOiB0cnVlLA0KICAgIH07DQogIH0sDQogIG1vdW50ZWQ6IGZ1bmN0aW9uKCkgew0KICAgIHRoaXMucmVzZXQoKTsNCiAgfQ0KfTsNCg=="},{"version":3,"sources":["SelectionsGroup.vue"],"names":[],"mappings":";AAiDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;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","file":"SelectionsGroup.vue","sourceRoot":"node_modules/@abi-software/flatmapvuer/src/components","sourcesContent":["<template>\r\n  <div class=\"selections-container\">\r\n    <el-row>\r\n      <el-col :span=\"12\">\r\n        <div class=\"checkall-display-text\">{{title}}</div>\r\n      </el-col>\r\n      <el-col :span=\"12\">\r\n        <el-checkbox\r\n          v-if=\"selections && selections.length > 1\"\r\n          class=\"all-checkbox\"\r\n          :indeterminate=\"isIndeterminate\"\r\n          v-model=\"checkAll\"\r\n          @change=\"handleCheckAllChange\"\r\n        >Display all</el-checkbox>\r\n      </el-col>\r\n    </el-row>\r\n    <el-checkbox-group\r\n      v-model=\"checkedItems\"\r\n      size=\"small\"\r\n      class=\"checkbox-group\"\r\n      @change=\"handleCheckedItemsChange\"\r\n    >\r\n      <div class=\"checkbox-group-inner\">\r\n        <el-row v-for=\"item in selections\" :key=\"item[identifierKey]\" :label=\"item[identifierKey]\">\r\n          <div class=\"checkbox-container\">\r\n            <el-checkbox\r\n              class=\"my-checkbox\"\r\n              :label=\"item[identifierKey]\"\r\n              @change=\"visibilityToggle(item[identifierKey], $event)\"\r\n              :checked=\"!('enabled' in item) || (item.enabled === true)\">\r\n              <el-row class=\"checkbox-row\">\r\n                <el-col :span=\"4\">\r\n                <div class=\"path-visual\" :style=\"getLineStyles(item)\"></div>\r\n                </el-col>\r\n                <el-col :span=\"20\">\r\n                  <div class=\"label-text\" :style=\"getBackgroundStyles(item)\">\r\n                    {{item[labelKey]}}\r\n                  </div>\r\n                </el-col>\r\n              </el-row>\r\n            </el-checkbox>\r\n          </div>\r\n        </el-row>\r\n      </div>\r\n    </el-checkbox-group>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n/* eslint-disable no-alert, no-console */\r\nimport Vue from \"vue\";\r\nimport {\r\n  Checkbox,\r\n  CheckboxGroup,\r\n  Col,\r\n  Row\r\n} from \"element-ui\";\r\nimport lang from \"element-ui/lib/locale/lang/en\";\r\nimport locale from \"element-ui/lib/locale\";\r\n\r\nlocale.use(lang);\r\nVue.use(Checkbox);\r\nVue.use(CheckboxGroup);\r\nVue.use(Col);\r\nVue.use(Row);\r\n\r\n\r\nexport default {\r\n  name: \"SelectionsGroup\",\r\n  methods: {\r\n    /**\r\n     * Function to toggle paths to default.\r\n     * Also called when the associated button is pressed.\r\n     */\r\n    reset: function() {\r\n      this.checkAll = true;\r\n      this.checkedItems = [];\r\n      this.selections.forEach(item => {\r\n        if (!('enabled' in item) || item.enabled === true) {\r\n          this.checkedItems.push(item[this.identifierKey]);\r\n        } else {\r\n          this.checkAll = false;\r\n        }\r\n      });\r\n    },\r\n    visibilityToggle: function(key, value) {\r\n      this.$emit(\"changed\", {key, value});\r\n    },\r\n    handleCheckedItemsChange: function(value) {\r\n      let checkedCount = value.length;\r\n      this.checkAll = checkedCount === this.selections.length;\r\n    },\r\n    handleCheckAllChange: function(val) {\r\n      this.checkedItems = val ? this.selections.map(a => a[this.identifierKey]) : [];\r\n      this.$emit(\"checkAll\",\r\n      {\r\n        keys: this.selections.map(a => a[this.identifierKey]),\r\n        value: val\r\n      });\r\n    },\r\n    getBackgroundStyles: function(item) {\r\n      if ('colour' in item && this.colourStyle === \"background\") {\r\n        return { background: item.colour };\r\n      }\r\n      return {};\r\n    },\r\n    getLineStyles: function(item) {\r\n      if ('colour' in item && this.colourStyle === \"line\") {\r\n        if (('dashed' in item) && (item.dashed === true)) {\r\n          const background = `repeating-linear-gradient(90deg,${item.colour},${item.colour} 6px,transparent 0,transparent 9px)`;\r\n          return { background };\r\n        }\r\n        else {\r\n          return { background: item.colour };\r\n        }\r\n      }\r\n      return { display: \"None\"};\r\n    }\r\n  },\r\n  props: {\r\n    colourStyle: {\r\n      type: String,\r\n      default: \"line\"   \r\n    },\r\n    identifierKey: {\r\n      type: String,\r\n      default: \"id\"\r\n    },\r\n    labelKey: {\r\n      type: String,\r\n      default: \"label\"\r\n    },\r\n    title: {\r\n      type: String,\r\n      default: \"\"\r\n    },\r\n    selections: {\r\n      type: Array,\r\n      default: function() {\r\n        return [];\r\n      },\r\n    },\r\n  },\r\n  computed: {\r\n    isIndeterminate: function() {\r\n      const count = this.checkedItems.length;\r\n      if ((count === 0) || this.checkAll){\r\n        return false;\r\n      }\r\n      return true;\r\n    }\r\n  },\r\n  data: function() {\r\n    return {\r\n      checkedItems: [],\r\n      checkAll: true,\r\n    };\r\n  },\r\n  mounted: function() {\r\n    this.reset();\r\n  }\r\n};\r\n</script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n<style scoped lang=\"scss\">\r\n@import \"~element-ui/packages/theme-chalk/src/checkbox\";\r\n@import \"~element-ui/packages/theme-chalk/src/checkbox-group\";\r\n@import \"~element-ui/packages/theme-chalk/src/row\";\r\n\r\n.path-visual {\r\n  margin: 3px 0;\r\n  height: 3px;\r\n  width: 25px;\r\n  margin-right: 5px;\r\n  display: inline-block;\r\n}\r\n\r\n.selections-container {\r\n  padding-top: 5px;\r\n}\r\n\r\n.checkall-display-text {\r\n  width: 59px;\r\n  height: 20px;\r\n  color: rgb(48, 49, 51);\r\n  font-size: 14px;\r\n  font-weight: normal;\r\n  line-height: 20px;\r\n  margin-left: 8px;\r\n}\r\n\r\n.all-checkbox {\r\n  float: right;\r\n}\r\n\r\n.checkbox-container {\r\n  display: flex;\r\n  cursor: pointer;\r\n}\r\n\r\n.checkbox-group {\r\n  width: 260px;\r\n  border: 1px solid rgb(144, 147, 153);\r\n  border-radius: 4px;\r\n  background: #ffffff;\r\n}\r\n\r\n.my-checkbox {\r\n  background-color: #fff;\r\n  width: 100%;\r\n}\r\n\r\n.checkbox-group-inner {\r\n  padding: 18px;\r\n}\r\n\r\n::v-deep .el-checkbox__label {\r\n  padding-left: 5px;\r\n  color: $app-primary-color;\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  letter-spacing: 0px;\r\n  line-height: 14px;\r\n  width: 100%;\r\n}\r\n\r\n::v-deep .el-checkbox__input {\r\n  &.is-indeterminate,\r\n  &.is-checked {\r\n    .el-checkbox__inner {\r\n      background-color: $app-primary-color;\r\n      border-color: $app-primary-color;\r\n    }\r\n  }\r\n}\r\n\r\n::v-deep .el-checkbox__label {\r\n  color: $app-primary-color !important;\r\n}\r\n\r\n.checkbox-row {\r\n  width: 100%;\r\n  top: 2px;\r\n}\r\n\r\n</style>\r\n\r\n"]}]}