{"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=style&index=0&id=6cec6fb4&scoped=true&lang=scss&","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/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/sass-loader/dist/cjs.js","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/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQpAaW1wb3J0ICJ+ZWxlbWVudC11aS9wYWNrYWdlcy90aGVtZS1jaGFsay9zcmMvY2hlY2tib3giOw0KQGltcG9ydCAifmVsZW1lbnQtdWkvcGFja2FnZXMvdGhlbWUtY2hhbGsvc3JjL2NoZWNrYm94LWdyb3VwIjsNCkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9yb3ciOw0KDQoucGF0aC12aXN1YWwgew0KICBtYXJnaW46IDNweCAwOw0KICBoZWlnaHQ6IDNweDsNCiAgd2lkdGg6IDI1cHg7DQogIG1hcmdpbi1yaWdodDogNXB4Ow0KICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7DQp9DQoNCi5zZWxlY3Rpb25zLWNvbnRhaW5lciB7DQogIHBhZGRpbmctdG9wOiA1cHg7DQp9DQoNCi5jaGVja2FsbC1kaXNwbGF5LXRleHQgew0KICB3aWR0aDogNTlweDsNCiAgaGVpZ2h0OiAyMHB4Ow0KICBjb2xvcjogcmdiKDQ4LCA0OSwgNTEpOw0KICBmb250LXNpemU6IDE0cHg7DQogIGZvbnQtd2VpZ2h0OiBub3JtYWw7DQogIGxpbmUtaGVpZ2h0OiAyMHB4Ow0KICBtYXJnaW4tbGVmdDogOHB4Ow0KICB3aGl0ZS1zcGFjZTogbm93cmFwOw0KfQ0KDQouYWxsLWNoZWNrYm94IHsNCiAgZmxvYXQ6IHJpZ2h0Ow0KfQ0KDQouY2hlY2tib3gtY29udGFpbmVyIHsNCiAgZGlzcGxheTogZmxleDsNCiAgY3Vyc29yOiBwb2ludGVyOw0KfQ0KDQouY2hlY2tib3gtZ3JvdXAgew0KICB3aWR0aDogMjYwcHg7DQogIGJvcmRlcjogMXB4IHNvbGlkIHJnYigxNDQsIDE0NywgMTUzKTsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICBiYWNrZ3JvdW5kOiAjZmZmZmZmOw0KfQ0KDQoubXktY2hlY2tib3ggew0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KICB3aWR0aDogMTAwJTsNCn0NCg0KLmNoZWNrYm94LWdyb3VwLWlubmVyIHsNCiAgcGFkZGluZzogMThweDsNCn0NCg0KOjp2LWRlZXAgLmVsLWNoZWNrYm94X19sYWJlbCB7DQogIHBhZGRpbmctbGVmdDogNXB4Ow0KICBjb2xvcjogJGFwcC1wcmltYXJ5LWNvbG9yOw0KICBmb250LXNpemU6IDEycHg7DQogIGZvbnQtd2VpZ2h0OiA1MDA7DQogIGxldHRlci1zcGFjaW5nOiAwcHg7DQogIGxpbmUtaGVpZ2h0OiAxNHB4Ow0KICB3aWR0aDogMTAwJTsNCn0NCg0KOjp2LWRlZXAgLmVsLWNoZWNrYm94X19pbnB1dCB7DQogICYuaXMtaW5kZXRlcm1pbmF0ZSwNCiAgJi5pcy1jaGVja2VkIHsNCiAgICAuZWwtY2hlY2tib3hfX2lubmVyIHsNCiAgICAgIGJhY2tncm91bmQtY29sb3I6ICRhcHAtcHJpbWFyeS1jb2xvcjsNCiAgICAgIGJvcmRlci1jb2xvcjogJGFwcC1wcmltYXJ5LWNvbG9yOw0KICAgIH0NCiAgfQ0KfQ0KDQo6OnYtZGVlcCAuZWwtY2hlY2tib3hfX2xhYmVsIHsNCiAgY29sb3I6ICRhcHAtcHJpbWFyeS1jb2xvciAhaW1wb3J0YW50Ow0KfQ0KDQouY2hlY2tib3gtcm93IHsNCiAgd2lkdGg6IDEwMCU7DQogIHRvcDogMnB4Ow0KfQ0KDQo="},{"version":3,"sources":["SelectionsGroup.vue"],"names":[],"mappings":";AAsKA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;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 :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  white-space: nowrap;\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"]}]}