{"version":3,"sources":["webpack:///./src/components/ToggleButtons.vue?53ab","webpack:///src/components/ToggleButtons.vue","webpack:///./src/components/ToggleButtons.vue?9610","webpack:///./src/components/ToggleButtons.vue?2dbe","webpack:///./src/components/ToggleButtons.vue?8119","webpack:///./src/views/one-force/sales-vs-target-analysis/GeneralView.vue?02f4","webpack:///./src/views/one-force/sales-vs-target-analysis/GeneralView.vue?c6dc","webpack:///src/views/one-force/sales-vs-target-analysis/GeneralView.vue","webpack:///./src/views/one-force/sales-vs-target-analysis/GeneralView.vue?0ecf","webpack:///./src/views/one-force/sales-vs-target-analysis/GeneralView.vue?593e"],"names":["render","_vm","this","_h","$createElement","_c","_self","_l","option","key","id","staticClass","class","selectedOption","on","$event","selectOption","_v","_s","label","staticRenderFns","props","data","mounted","methods","component","_m","attrs","qAppIdRatingValue","staticStyle","name","mixins","page","components","pageName","$route","mashup","qObjects","qFilterObjects","handleOptionSelected"],"mappings":"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","file":"js/views-one-force-sales-vs-target-analysis-GeneralView.6a2e4322.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._l((_vm.options),function(option){return _c('button',{key:option.id,staticClass:\"toggle-button\",class:{ 'toggle-button-selected': _vm.selectedOption == option.id },on:{\"click\":function($event){return _vm.selectOption(option)}}},[_vm._v(_vm._s(option.label))])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n      <button \r\n        v-for=\"option in options\"\r\n        v-bind:key=\"option.id\"\r\n        class=\"toggle-button\"\r\n        v-bind:class=\"{ 'toggle-button-selected': selectedOption == option.id }\"\r\n        @click=\"selectOption(option)\"\r\n        >{{option.label}}</button>\r\n  </div>\r\n</template>\r\n<style scoped>\r\n.toggle-button {\r\n    color: #474747;\r\n    border: none;\r\n    padding: 5px;\r\n    padding-right: 10px;\r\n    padding-left: 10px;\r\n    margin-right: 10px;\r\n    border-radius: 2px;\r\n    margin-top: 10px;\r\n}\r\n\r\n.toggle-button-selected {\r\n    background: #42c24e;\r\n    color: white;\r\n}\r\n\r\n</style>\r\n\r\n<script>\r\n\r\nimport qAPI from \"../services/qAPI\";\r\n\r\nexport default {\r\n  props: [\"options\", \"qlikApp\"],\r\n  data() {\r\n    return {\r\n        selectedOption: {}\r\n    };\r\n  },\r\n  mounted() {\r\n      if(this.options.length > 0) {\r\n          this.selectOption(this.options[0])\r\n      }\r\n  },\r\n  methods: {\r\n    selectOption: function(option) {\r\n        this.$emit('option-selected', option);\r\n        this.selectedOption = option.id;\r\n        if(this.qlikApp && option.selection) {\r\n            this.qlikApp.field(option.selection.fieldName).selectValues(option.selection.fieldValues);\r\n        }\r\n    }\r\n  }\r\n}\r\n</script>","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!./ToggleButtons.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!./ToggleButtons.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToggleButtons.vue?vue&type=template&id=f68cfeb4&scoped=true&\"\nimport script from \"./ToggleButtons.vue?vue&type=script&lang=js&\"\nexport * from \"./ToggleButtons.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ToggleButtons.vue?vue&type=style&index=0&id=f68cfeb4&scoped=true&lang=css&\"\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  \"f68cfeb4\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToggleButtons.vue?vue&type=style&index=0&id=f68cfeb4&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToggleButtons.vue?vue&type=style&index=0&id=f68cfeb4&scoped=true&lang=css&\"","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GeneralView.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GeneralView.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"main-content\"},[_c('div',{staticClass:\"row\"},[_vm._m(0),_c('div',{staticClass:\"col-12 col-md-6\"},[_c('div',{staticClass:\"rating-container float-md-right mb-3\"},[_c('RateCapability',{attrs:{\"qAppId\":_vm.qAppIdRatingValue}})],1)])]),_c('br'),_vm._m(1),_vm._m(2),_c('div',{staticClass:\"row pt-3 kpi-row\"},[_c('div',{staticClass:\"col-12 col-md-3\"},[_c('QlikViz',{attrs:{\"vizId\":\"NdJNSws\",\"noHeader\":\"true\"}})],1),_c('div',{staticClass:\"col-12 col-md-3\"},[_c('QlikViz',{attrs:{\"vizId\":\"zgqWM\",\"noHeader\":\"true\"}})],1),_c('div',{staticClass:\"col-12 col-md-3\"},[_c('QlikViz',{attrs:{\"vizId\":\"ZQbEp\",\"noHeader\":\"true\"}}),_vm._m(3)],1),_c('div',{staticClass:\"col-12 col-md-3\"},[_c('QlikViz',{attrs:{\"vizId\":\"JpVTE\",\"noHeader\":\"true\"}}),_vm._m(4)],1)]),_c('div',{staticClass:\"row pt-3 kpi-row\"},[_c('div',{staticClass:\"col-12 col-md-3\"},[_c('QlikViz',{attrs:{\"vizId\":\"wqdyPm\",\"noHeader\":\"true\"}})],1),_c('div',{staticClass:\"col-12 col-md-3\"},[_c('QlikViz',{attrs:{\"vizId\":\"wpJgp\",\"noHeader\":\"true\"}}),_vm._m(5)],1),_c('div',{staticClass:\"col-12 col-md-3\"},[_c('QlikViz',{attrs:{\"vizId\":\"PPXT\",\"noHeader\":\"true\"}}),_vm._m(6)],1),_c('div',{staticClass:\"col-12 col-md-3\"},[_c('QlikViz',{attrs:{\"vizId\":\"BawdtH\",\"noHeader\":\"true\"}}),_vm._m(7)],1)]),_c('div',{staticClass:\"row row-object one-viz-row mt-4\"},[_c('div',{staticClass:\"col-12\"},[_c('QlikViz',{attrs:{\"vizId\":\"YWGDRG\",\"vizTitle\":\"\"}})],1)]),_vm._m(8)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-12 col-md-6\"},[_c('h2',[_vm._v(\"General View\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\",staticStyle:{\"float\":\"left\"}},[_c('p',{staticClass:\"alert alert-info\",staticStyle:{\"float\":\"left\"}},[_c('b',[_vm._v(\"Note: \")]),_vm._v(\"In case of territory changes after a quarter, only QTD is representative \")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row mb-3\"},[_c('div',{staticClass:\"col-12 col-sm-12 col-md-1\"},[_c('div',{staticClass:\"q-filter button-height\",attrs:{\"id\":\"HmWjJpJ\"}})]),_c('div',{staticClass:\"col-12 col-sm-12 col-md-1\"},[_c('div',{staticClass:\"q-filter button-height\",attrs:{\"id\":\"mDhzVN\"}})]),_c('div',{staticClass:\"col-12 col-sm-12 col-md-1\"},[_c('div',{staticClass:\"q-filter button-height\",attrs:{\"id\":\"WyzcH\"}})]),_c('div',{staticClass:\"col-12 col-sm-12 col-md-3\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"q-filter\",attrs:{\"id\":\"ZtBJwFp\"}})]),_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"q-filter\",attrs:{\"id\":\"fxjJqn\"}})]),_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"q-filter\",attrs:{\"id\":\"FHCwzUJ\"}})])])]),_c('div',{staticClass:\"col-12 col-sm-12 col-md-3\"},[_c('div',{staticClass:\"q-filter showSubtitle\",attrs:{\"id\":\"NBQnux\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('i',{staticClass:\"fa fa-info-circle tooltipInfo\"},[_c('span',{staticClass:\"tooltipInfoText\"},[_vm._v(\"“Target To Date” are directional based on average daily sales required over the full target period.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('i',{staticClass:\"fa fa-info-circle tooltipInfo\"},[_c('span',{staticClass:\"tooltipInfoText\"},[_c('b',[_vm._v(\"Sales to go: \")]),_c('br'),_vm._v(\"0 means you have achieved your target i.e., the current sales are above the target value\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('i',{staticClass:\"fa fa-info-circle tooltipInfo\"},[_c('span',{staticClass:\"tooltipInfoText\"},[_c('b',[_vm._v(\"Target achieved %: \")]),_c('br'),_vm._v(\"Green means you have achieved your target i.e., the current sales are above the target value\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('i',{staticClass:\"fa fa-info-circle tooltipInfo\"},[_c('span',{staticClass:\"tooltipInfoText\"},[_vm._v(\"“Daily Target” are directional based on average daily sales required over the full target period.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('i',{staticClass:\"fa fa-info-circle tooltipInfo\"},[_c('span',{staticClass:\"tooltipInfoText\"},[_c('b',[_vm._v(\"ADS to go: \")]),_c('br'),_vm._v(\"Green means you are \\\"on track\\\" and the current daily rate is above the daily target rate\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('p',[_vm._v(\"Targets & report are indicative and system set-up only. Please ensure to know your true target and challenge the data shown if it would not be representative.\")])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"main-content\">\r\n      <div class=\"row\">\r\n        <div class=\"col-12 col-md-6\">\r\n          <h2>General View</h2>\r\n        </div>\r\n        <div class=\"col-12 col-md-6\">\r\n          <div class=\"rating-container float-md-right mb-3\">\r\n            <RateCapability :qAppId=\"qAppIdRatingValue\"></RateCapability>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <br>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-12\" style=\"float: left\">\r\n          <p class=\"alert alert-info\" style=\"float: left\">\r\n            <b>Note: </b>In case of territory changes after a quarter, only QTD is representative\r\n          </p>\r\n        </div>\r\n      </div>\r\n      \r\n      <div class=\"row mb-3\">\r\n        <div class=\"col-12 col-sm-12 col-md-1\">\r\n            <div class=\"q-filter button-height\" id=\"HmWjJpJ\"></div>\r\n        </div>\r\n        <div class=\"col-12 col-sm-12 col-md-1\">\r\n            <div class=\"q-filter button-height\" id=\"mDhzVN\"></div>\r\n        </div>\r\n        <div class=\"col-12 col-sm-12 col-md-1\">\r\n            <div class=\"q-filter button-height\" id=\"WyzcH\"></div>\r\n        </div>\r\n        \r\n        <div class=\"col-12 col-sm-12 col-md-3\">\r\n          <div class=\"row\">\r\n            <div class=\"col-12\">\r\n            <div class=\"q-filter\" id=\"ZtBJwFp\"></div></div>\r\n            <div class=\"col-12\">\r\n            <div class=\"q-filter\" id=\"fxjJqn\"></div></div>\r\n            <div class=\"col-12\">\r\n            <div class=\"q-filter\" id=\"FHCwzUJ\"></div></div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"col-12 col-sm-12 col-md-3\">\r\n          <div class=\"q-filter showSubtitle\" id=\"NBQnux\" /> \r\n        </div>\r\n        \r\n      </div>\r\n\r\n      <div class=\"row pt-3 kpi-row\">\r\n        <div class=\"col-12 col-md-3\">\r\n          <QlikViz vizId=\"NdJNSws\" noHeader=\"true\" />\r\n        </div>\r\n        <div class=\"col-12 col-md-3\">\r\n          <QlikViz vizId=\"zgqWM\" noHeader=\"true\" />\r\n        </div>\r\n        <div class=\"col-12 col-md-3\">\r\n          <QlikViz vizId=\"ZQbEp\" noHeader=\"true\" />\r\n          <i class=\"fa fa-info-circle tooltipInfo\">\r\n            <span class=\"tooltipInfoText\">“Target To Date” are directional based on average daily sales required over the full target period.</span>\r\n          </i>\r\n        </div>\r\n        <div class=\"col-12 col-md-3\">\r\n          <QlikViz vizId=\"JpVTE\" noHeader=\"true\" />\r\n          <i class=\"fa fa-info-circle tooltipInfo\">\r\n            <span class=\"tooltipInfoText\"><b>Sales to go: </b><br>0 means you have achieved your target i.e., the current sales are above the target value</span>\r\n          </i>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row pt-3 kpi-row\">\r\n        <div class=\"col-12 col-md-3\">\r\n          <QlikViz vizId=\"wqdyPm\" noHeader=\"true\" />\r\n        </div>\r\n        <div class=\"col-12 col-md-3\">\r\n          <QlikViz vizId=\"wpJgp\" noHeader=\"true\" />\r\n          <i class=\"fa fa-info-circle tooltipInfo\">\r\n            <span class=\"tooltipInfoText\"><b>Target achieved %: </b><br>Green means you have achieved your target i.e., the current sales are above the target value</span>\r\n          </i>\r\n        </div>\r\n        <div class=\"col-12 col-md-3\">\r\n          <QlikViz vizId=\"PPXT\" noHeader=\"true\" />\r\n          <i class=\"fa fa-info-circle tooltipInfo\">\r\n            <span class=\"tooltipInfoText\">“Daily Target” are directional based on average daily sales required over the full target period.</span>\r\n          </i>\r\n        </div>\r\n        <div class=\"col-12 col-md-3\">\r\n          <QlikViz vizId=\"BawdtH\" noHeader=\"true\" />\r\n          <i class=\"fa fa-info-circle tooltipInfo\">\r\n            <span class=\"tooltipInfoText\"><b>ADS to go: </b><br>Green means you are \"on track\" and the current daily rate is above the daily target rate</span>\r\n          </i>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row row-object one-viz-row mt-4\">\r\n        <div class=\"col-12\">\r\n          <QlikViz vizId=\"YWGDRG\" vizTitle=\"\" />            \r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-12\">\r\n            <p>Targets & report are indicative and system set-up only. Please ensure to know your true target and challenge the data shown if it would not be representative.</p>       \r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n</template>\r\n<style>\r\n.q-filter.showSubtitle{\r\n    padding-left: 12px !important;\r\n    display: block !important;\r\n    height: 120px !important;\r\n}\r\n\r\n/* Tooltip container */\r\n.tooltipInfo {\r\n  position: absolute;\r\n  top: 10px;\r\n  right: 23px;\r\n  z-index:100;\r\n  font-size: 18px;\r\n  color:rgb(119, 119, 119);\r\n\r\n  transition: color 0.3s;\r\n}\r\n\r\n/* Tooltip text */\r\n.tooltipInfo .tooltipInfoText {\r\n  visibility: hidden;\r\n  width: 120px;\r\n  background-color: #111111;\r\n  color: #fff;\r\n  text-align: center;\r\n  padding: 5px;\r\n  border-radius: 6px;\r\n \r\n  /* Position the tooltip text - see examples below! */\r\n  position: absolute;\r\n  z-index: 1;\r\n  font-size: 14px;\r\n  top: 25px;\r\n  right:0;\r\n}\r\n\r\n/* Show the tooltip text when you mouse over the tooltip container */\r\n.tooltipInfo:hover {\r\n  color: #12C2E9;\r\n}\r\n\r\n\r\n/* Show the tooltip text when you mouse over the tooltip container */\r\n.tooltipInfo:hover .tooltipInfoText {\r\n  visibility: visible;\r\n}\r\n\r\n.tooltip-bottom{\r\n    top: 135%;\r\n    left: 50%;\r\n    margin-left: -60px;\r\n}\r\n\r\n.tooltip-left{\r\n    top: -5px;\r\n    right: 105%;\r\n}\r\n\r\n.tooltip-right {\r\n    width:300px !important;\r\n    top: -5px;\r\n    left: 105%;\r\n}\r\n\r\n.tooltip-bottom::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: 100%;\r\n    left: 50%;\r\n    margin-left: -5px;\r\n    border-width: 5px;\r\n    border-style: solid;\r\n    border-color: transparent transparent #111111 transparent;\r\n}\r\n\r\n</style>\r\n<script>\r\nimport qAPI from \"../../../services/qAPI\";\r\nimport page from \"../../../mixins/page\";\r\nimport ToggleButtons from \"../../../components/ToggleButtons\"\r\n\r\nexport default {\r\n  name: \"GeneralViewSvT\",\r\n  props: [],\r\n  mixins: [page],\r\n  components: {\r\n      ToggleButtons\r\n  },\r\n  data() {\r\n    return {\r\n      pageName: this.$route.name,\r\n      mashup: null,\r\n      qObjects: \"HmWjJpJ,mDhzVN,WyzcH,ZtBJwFp,NBQnux,fxjJqn,FHCwzUJ,NdJNSws,zgqWM,ZQbEp,JpVTE,wqdyPm,wpJgp,PPXT,BawdtH,YWGDRG\",\r\n      qFilterObjects: [\r\n        {\r\n          id: \"6aba6cd8-f3d0-4b3d-8d04-eda4033b4af8\",\r\n          nFilters: 1\r\n        },\r\n        {\r\n          id: \"8458e819-b492-4330-a0b7-ccbdf2eebc5a\",\r\n          nFilters: 1\r\n        },\r\n        {\r\n          id: \"961b6f1a-dc64-45e9-aa92-690d5f99e9f6\",\r\n          nFilters: 1\r\n        },\r\n        {\r\n          id: \"aeb49972-b3ca-4080-8530-071e2612316f\",\r\n          nFilters: 2\r\n        },\r\n        {\r\n          id: \"uMBGGNH\",\r\n          nFilters: 1\r\n        }\r\n      ]\r\n    };\r\n  },\r\n  async mounted() {\r\n    await this.init(this.$route, this.qObjects, this.qFilterObjects);\r\n  },\r\n  async destroyed() {\r\n    qAPI.closeQlikObjectsInStore(this.qObjects.split(\",\"));\r\n  },\r\n  methods: {\r\n    handleOptionSelected: function(option) {\r\n      this.selectedOption = option;\r\n    } \r\n  }  \r\n};\r\n</script>\r\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!./GeneralView.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!./GeneralView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GeneralView.vue?vue&type=template&id=766d07af&\"\nimport script from \"./GeneralView.vue?vue&type=script&lang=js&\"\nexport * from \"./GeneralView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GeneralView.vue?vue&type=style&index=0&lang=css&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}