{"version":3,"sources":["webpack:///./src/pages/EmbedMakerPage.vue?6a6d","webpack:///src/pages/EmbedMakerPage.vue","webpack:///./src/pages/EmbedMakerPage.vue?59d4","webpack:///./src/pages/EmbedMakerPage.vue","webpack:///./src/pages/EmbedMakerPage.vue?af5f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","attrs","charts","model","value","callback","$$v","chosenChartValue","expression","domProps","_e","directives","name","rawName","modifiers","tooltipTitle","embedString","on","copy","embedUrl","chosenChart","dimensions","staticRenderFns","data","height","width","baseEmbedUrl","location","origin","$i18n","i18next","language","text","computed","methods","element","select","setSelectionRange","document","execCommand","setTimeout","component"],"mappings":"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","file":"js/chunk-668fe08c.0e872def.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"d-flex embed-controls\"},[_c('div',{staticClass:\"p-3\"},[_c('h1',[_vm._v(_vm._s(_vm.$t(\"embedMaker.title\")))]),_c('b-form-select',{attrs:{\"options\":_vm.charts},model:{value:(_vm.chosenChartValue),callback:function ($$v) {_vm.chosenChartValue=$$v},expression:\"chosenChartValue\"}}),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$t('embedMaker.description'))}})],1),_c('div',{staticClass:\"p-3\"},[(_vm.chosenChart)?_c('h3',[_vm._v(_vm._s(_vm.$t('embedMaker.embedCode')))]):_vm._e(),(_vm.chosenChart)?_c('b-form-textarea',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.bottom.hover\",modifiers:{\"bottom\":true,\"hover\":true}}],staticClass:\"copy-input\",attrs:{\"title\":_vm.tooltipTitle,\"id\":\"textarea-plaintext\",\"readonly\":\"\",\"value\":_vm.embedString},on:{\"click\":_vm.copy}}):_vm._e()],1)]),_c('hr'),(_vm.chosenChart)?_c('div',{staticClass:\"d-flex flex-column\"},[_c('h3',{staticClass:\"p-3\"},[_vm._v(_vm._s(_vm.$t('embedMaker.preview')))]),_c('iframe',{attrs:{\"src\":_vm.embedUrl,\"frameborder\":\"0\",\"width\":_vm.chosenChart ? _vm.chosenChart.dimensions[0] : 1140,\"height\":_vm.chosenChart ? _vm.chosenChart.dimensions[1] : 680}})]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container\">\n    <div class=\"d-flex embed-controls\">\n      <div class=\"p-3\">\n        <h1>{{ $t(\"embedMaker.title\") }}</h1>\n        <b-form-select v-model=\"chosenChartValue\" :options=\"charts\"></b-form-select>\n        <span v-html=\"$t('embedMaker.description')\"/>\n      </div>\n      <div class=\"p-3\">\n        <h3 v-if=\"chosenChart\">{{$t('embedMaker.embedCode')}}</h3>\n        <b-form-textarea @click=\"copy\" v-if=\"chosenChart\" v-b-tooltip.bottom.hover :title=\"tooltipTitle\" class=\"copy-input\" id=\"textarea-plaintext\" readonly :value=\"embedString\"></b-form-textarea>\n      </div>\n    </div>\n    <hr>\n    <div v-if=\"chosenChart\" class=\"d-flex flex-column\">\n      <h3 class=\"p-3\">{{$t('embedMaker.preview')}}</h3>\n      <iframe\n        :src=\"embedUrl\"\n        frameborder=\"0\"\n        :width=\"chosenChart ? chosenChart.dimensions[0] : 1140\"\n        :height=\"chosenChart ? chosenChart.dimensions[1] : 680\"\n      ></iframe>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      chosenChartValue: null,\n      height: 750,\n      width: 1100,\n      tooltipTitle: this.$t('embedMaker.copy'),\n      baseEmbedUrl: location.origin + \"/embed.html#/\" + this.$i18n.i18next.language,\n      charts: {\n        \"empty\": {\n          value: null,\n          text: this.$t(\"embedMaker.chooseChart\")\n        },\n        \"MetricsComparison\": {\n          value: \"MetricsComparison\",\n          text: this.$t('charts.metricsComparison.title', { context: process.env.VUE_APP_LOCALE_CONTEXT } ),\n          dimensions: [1140, 720]\n        },\n        \"DailyComparison\": {\n          value: \"DailyComparison\",\n          text: this.$t('charts.dailyComparison.title', { context: process.env.VUE_APP_LOCALE_CONTEXT } ),\n          dimensions: [1140, 720]\n        },\n        \"EuropeMap\": {\n          value: \"EuropeMap\",\n          text: this.$t('charts.europe.title'),\n          dimensions: [1140, 780]\n        },\n        \"WorldMap\": {\n          value: \"WorldMap\",\n          text: this.$t('charts.world.title'),\n          dimensions: [1140, 780]\n        },\n        \"Cases\": {\n          value: \"Cases\",\n          text: this.$t('charts.cases.title'),\n          dimensions: [1140, 630]\n        },\n        \"Patients\": {\n          value: \"Patients\",\n          text: this.$t('charts.patients.title'),\n          dimensions: [1140, 720]\n        },\n        \"CarePatients\": {\n          value: \"Patients\",\n          text: this.$t('charts.carePatients.title'),\n          dimensions: [1140, 720]\n        },\n        \"Ratios\": {\n          value: \"Ratios\",\n          text: this.$t('charts.ratios.title'),\n          dimensions: [1140, 720]\n        },\n        \"HCenters\": {\n          value: \"HCenters\",\n          text: this.$t('charts.hCenters.title'),\n          dimensions: [1140, 720]\n        },\n        \"Tests\": {\n          value: \"Tests\",\n          text: this.$t('charts.tests.title'),\n          dimensions: [1140, 720]\n        },\n        \"Infections\": {\n          value: \"Infections\",\n          text: this.$t('charts.infections.title'),\n          dimensions: [1140, 720]\n        },\n        \"Spread\": {\n          value: \"Spread\",\n          text: this.$t('charts.spread.title'),\n          dimensions: [1140, 630]\n        },\n        \"Regions\": {\n          value: \"Regions\",\n          text: this.$t('charts.regions.title'),\n          dimensions: [1140, 720]\n        },\n        \"Map\": {\n          value: \"Map\",\n          text: this.$t('charts.map.title'),\n          dimensions: [1140, 820]\n        },\n        \"RegionMap\": {\n          value: \"RegionMap\",\n          text: this.$t('charts.rmap.title'),\n          dimensions: [1140, 820]\n        },\n        \"Municipalities\": {\n          value: \"Municipalities\",\n          text: this.$t('charts.municipalities.title'),\n          dimensions: [1140, 1150]\n        },\n        \"AgeGroups\": {\n          value: \"AgeGroups\",\n          text: this.$t('charts.ageGroups.title'),\n          dimensions: [1140, 720]\n        },\n        \"AgeGroupsTimeline\": {\n          value: \"AgeGroupsTimeline\",\n          text: this.$t('charts.ageGroupsTimeline.title'),\n          dimensions: [1140, 720]\n        },\n//        \"Hospitals\": {\n//          value: \"Hospitals\",\n//          text: 'Kapacitete bolnišnic',\n//          dimensions: [1140, 1300]\n//        },\n        \"Countries\": {\n          value: \"Countries\",\n          text: this.$t('charts.countries.title'),\n          dimensions: [1140, 740]\n        },\n        \"OstaniZdravPublished\": {\n          value: \"OstaniZdravPublished\",\n          text: `${this.$t(\"charts.ostanizdrav.title\")} - ${this.$t('charts.ostanizdrav.published.title')}`,\n          dimensions: [1140, 720]\n        },\n        \"OstaniZdravUserCount\": {\n          value: \"OstaniZdravUserCount\",\n          text: `${this.$t(\"charts.ostanizdrav.title\")} - ${this.$t('charts.ostanizdrav.usercount.title')}`,\n          dimensions: [1140, 720]\n        },\n        \"OstaniZdravUserPublishedByCount\": {\n          value: \"OstaniZdravUserPublishedByCount\",\n          text: `${this.$t(\"charts.ostanizdrav.title\")} - ${this.$t('charts.ostanizdrav.userPublishedByCount.title')}`,\n          dimensions: [1140, 720]\n        },\n        \"OstaniZdravPublishedByRisk\": {\n          value: \"OstaniZdravPublishedByRisk\",\n          text: `${this.$t(\"charts.ostanizdrav.title\")} - ${this.$t('charts.ostanizdrav.publishedByRisk.title')}`,\n          dimensions: [1140, 720]\n        },\n        \"OstaniZdravValid\": {\n          value: \"OstaniZdravValid\",\n          text: `${this.$t(\"charts.ostanizdrav.title\")} - ${this.$t('charts.ostanizdrav.valid.title')}`,\n          dimensions: [1140, 720]\n        },\n        \"OstaniZdravValidByRisk\": {\n          value: \"OstaniZdravValidByRisk\",\n          text: `${this.$t(\"charts.ostanizdrav.title\")} - ${this.$t('charts.ostanizdrav.validByRisk.title')}`,\n          dimensions: [1140, 720]\n        },\n      }\n    };\n  },\n  computed: {\n    embedUrl() {\n      return `${this.baseEmbedUrl}/chart/${this.chosenChartValue}`;\n    },\n    chosenChart(){\n      return this.charts[this.chosenChartValue]\n    },\n    embedString(){\n      return `<iframe src=\"${this.embedUrl}\" frameborder=\"0\" width=\"${this.chosenChart.dimensions[0]}\" height=\"${this.chosenChart.dimensions[1]}\"></iframe>`\n    }\n  },\n  methods: {\n    copy($event){\n      const element = $event.target\n      element.select();\n      element.setSelectionRange(0, 99999); /*For mobile devices*/\n      /* Copy the text inside the text field */\n      document.execCommand(\"copy\");\n      this.tooltipTitle = this.$t('embedMaker.copied')\n      setTimeout(() => {\n        this.tooltipTitle = this.$t('embedMaker.copy')\n      }, 2000)\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.embed-controls{\n  &>*{\n    width: auto;\n    flex: 1\n  }\n}\n.copy-input{\n  min-height: 90px;\n  cursor: pointer;\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!./EmbedMakerPage.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!./EmbedMakerPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EmbedMakerPage.vue?vue&type=template&id=48a58c5e&\"\nimport script from \"./EmbedMakerPage.vue?vue&type=script&lang=js&\"\nexport * from \"./EmbedMakerPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EmbedMakerPage.vue?vue&type=style&index=0&lang=scss&\"\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","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./EmbedMakerPage.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./EmbedMakerPage.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}