{"version":3,"sources":["webpack:///./src/views/conversions/components/TestEventsTree.vue?1985","webpack:///src/views/conversions/components/TestEventsTree.vue","webpack:///./src/views/conversions/components/TestEventsTree.vue?97e8","webpack:///./src/views/conversions/components/TestEventsTree.vue","webpack:///./src/views/conversions/components/TestEventsTree.vue?fc38"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","trackingTestResult","Object","keys","length","_l","events","key","_v","_s","event","id","$t","status","$constants","TRACKING_TEST_STATUS","DONE","testURL","_e","staticRenderFns","props","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAAEN,EAAIO,oBAAsBC,OAAOC,KAAKT,EAAIO,oBAAoBG,OAAS,EAAGN,EAAG,KAAKJ,EAAIW,GAAIX,EAAsB,oBAAE,SAASY,EAAOC,GAAK,OAAOT,EAAG,KAAK,CAACS,IAAIA,GAAK,CAACT,EAAG,OAAO,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACN,EAAIc,GAAGd,EAAIe,GAAGF,QAAUT,EAAG,KAAKJ,EAAIW,GAAG,GAAS,SAASK,GAAO,OAAOZ,EAAG,KAAK,CAACS,IAAIG,EAAMC,IAAI,CAACb,EAAG,OAAO,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,OAAO,CAACE,YAAY,aAAa,CAACF,EAAG,OAAO,CAACJ,EAAIc,GAAGd,EAAIe,GAAGC,EAAMA,YAAYZ,EAAG,OAAO,CAACE,YAAY,cAAc,CAACF,EAAG,OAAO,CAACE,YAAY,6BAA6BF,EAAG,OAAO,CAACJ,EAAIc,GAAGd,EAAIe,GAAGf,EAAIkB,GAAG,yBAAwB,QAAO,GAAIlB,EAAImB,SAAWlB,KAAKmB,WAAWC,qBAAqBC,KAAMlB,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,aAAa,CAACF,EAAG,OAAO,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACN,EAAIc,GAAGd,EAAIe,GAAGf,EAAIuB,cAAcnB,EAAG,KAAK,CAACA,EAAG,KAAK,CAACA,EAAG,OAAO,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,OAAO,CAACE,YAAY,kBAAkB,CAACF,EAAG,OAAO,CAACE,YAAY,6BAA6BF,EAAG,OAAO,CAACJ,EAAIc,GAAGd,EAAIe,GAAGf,EAAIkB,GAAG,oCAAoClB,EAAIwB,QACvvCC,EAAkB,GCgDtB,GACEC,MAAF,2CClDsX,I,wBCQlXC,EAAY,eACd,EACA5B,EACA0B,GACA,EACA,KACA,WACA,MAIa,aAAAE,E,6CCnBf,W","file":"js/chunk-27b9aadc.7225fad8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tree\"},[(_vm.trackingTestResult && Object.keys(_vm.trackingTestResult).length > 0)?_c('ul',_vm._l((_vm.trackingTestResult),function(events,key){return _c('li',{key:key},[_c('span',{staticClass:\"parent\"},[_c('div',{staticClass:\"box url-text\"},[_vm._v(_vm._s(key))])]),_c('ul',_vm._l((events),function(event){return _c('li',{key:event.id},[_c('span',{staticClass:\"child\"},[_c('div',{staticClass:\"box event flex justify-between\"},[_c('span',{staticClass:\"text-left\"},[_c('span',[_vm._v(_vm._s(event.event))])]),_c('span',{staticClass:\"text-right\"},[_c('span',{staticClass:\"event-status active-icon\"}),_c('span',[_vm._v(_vm._s(_vm.$t('Active')))])])])])])}),0)])}),0):(_vm.status === this.$constants.TRACKING_TEST_STATUS.DONE)?_c('ul',[_c('li',{staticClass:\"mb-3 mt-3\"},[_c('span',{staticClass:\"parent\"},[_c('div',{staticClass:\"box url-text px-4 py-3\"},[_vm._v(_vm._s(_vm.testURL))])]),_c('ul',[_c('li',[_c('span',{staticClass:\"child\"},[_c('div',{staticClass:\"box event flex justify-between\"},[_c('span',{staticClass:\"text-left pl-1\"},[_c('span',{staticClass:\"event-status danger-icon\"}),_c('span',[_vm._v(_vm._s(_vm.$t('No pixel found')))])])])])])])])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"tree\">\n      <ul v-if=\"trackingTestResult && Object.keys(trackingTestResult).length > 0\">\n        <li class=\"\" v-for=\"(events, key) in trackingTestResult\" :key=\"key\">\n          <span class=\"parent\">\n            <div class=\"box url-text\">{{key}}</div>\n          </span>\n          <ul>\n            <li v-for=\"event in events\" :key=\"event.id\">\n              <span class=\"child\">\n                <div class=\"box event flex justify-between\">\n                  <span class=\"text-left\">\n                    <span>{{event.event}}</span>\n                  </span>\n\n                  <span class=\"text-right\">\n                    <span class=\"event-status active-icon\"></span>\n                    <span>{{ $t('Active')}}</span>\n                  </span>\n                </div>\n              </span>\n            </li>\n          </ul>\n        </li>\n      </ul>\n      <ul v-else-if=\"status === this.$constants.TRACKING_TEST_STATUS.DONE\">\n        <li class=\"mb-3 mt-3\">\n          <span class=\"parent\">\n            <div class=\"box url-text px-4 py-3\">{{testURL}}</div>\n          </span>\n          <ul>\n            <li>\n              <span class=\"child\">\n                <div class=\"box event flex justify-between\">\n                  <span class=\"text-left pl-1\">\n                    <span class=\"event-status danger-icon\"></span>\n                    <span>{{ $t('No pixel found')}}</span>\n                  </span>\n                </div>\n              </span>\n            </li>\n          </ul>\n        </li>\n      </ul>\n  </div>\n</template>\n\n<script>\n\nexport default {\n  props:['trackingTestResult', 'testURL', 'status']\n}\n</script>\n\n<style lang=\"scss\" scoped>\n$active-color: #21ba45;\n$inactive-color:#f2af03;\n$danger-color:#db2828;\n$border-color:#c2c2c2;\n$text-color: #323232;\n\n.event-status {\n  height: 10px;\n  width: 10px;\n  margin-right: 6px !important;\n\n  @apply mr-1;\n\n  &.active-icon {\n    background: $active-color;\n  }\n\n  &.inactive-icon {\n    background: $inactive-color;\n  }\n\n  &.danger-icon {\n    background: $danger-color;\n  }\n}\n\n.box {\n  box-sizing: border-box;\n  border-radius: 4px;\n  color: $text-color;\n\n  &.url-text {\n    padding: 12px;\n    overflow-wrap: break-word;\n    border: 1px solid $border-color;\n  }\n\n  &.event {\n    width: 278px;\n    padding: 8px 12px 8px 12px;\n    height: 36px;\n    border: 1px dashed $border-color;\n  }\n}\n\n.tree li {\n  list-style-type: none;\n  margin: 0;\n  padding: 10px 5px 0 5px;\n  position: relative;\n}\n\n.tree li::before,\n.tree li::after {\n  content: '';\n  left: 10px;\n  position: absolute;\n  right: auto;\n  border-radius: 4px;\n}\n\n.tree li::before {\n  bottom: 10px;\n  height: 100%;\n  top: 0;\n  width: 0;\n  border: 1px dashed $border-color;\n}\n\n.tree li::after {\n  height: 20px;\n  top: 30px;\n  width: 20px;\n  border-top: 1px dashed $border-color;\n}\n\n.tree li span {\n  -moz-border-radius: 5px;\n  -webkit-border-radius: 5px;\n  border-radius: 5px;\n  display: inline-block;\n  text-decoration: none;\n}\n\n.tree > ul > li::before,\n.tree > ul > li::after {\n  border: 0;\n}\n\n.tree li:last-child::before {\n  top: 0;\n  height: 28px;\n}\n\nspan.child {\n  margin-left: 22px;;\n}\n\n@media (max-width: 768px) {\n  .tree li {\n    padding-left: 0;\n  }\n\n  .url-text {\n    max-width: 284px;\n    overflow: hidden;\n  }\n\n  .box.event {\n    width: 262px;\n  }\n\n  .tree li::before {\n    top: -10%;\n  }\n\n  .tree li::after {\n    width: 14px;\n  }\n}\n</style>\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!./TestEventsTree.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!./TestEventsTree.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TestEventsTree.vue?vue&type=template&id=016eb31b&scoped=true&\"\nimport script from \"./TestEventsTree.vue?vue&type=script&lang=js&\"\nexport * from \"./TestEventsTree.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TestEventsTree.vue?vue&type=style&index=0&id=016eb31b&lang=scss&scoped=true&\"\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  \"016eb31b\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TestEventsTree.vue?vue&type=style&index=0&id=016eb31b&lang=scss&scoped=true&\""],"sourceRoot":""}