{"version":3,"sources":["webpack:///./src/views/BlogDetails.vue?838c","webpack:///./src/views/BlogDetails.vue","webpack:///./src/views/BlogDetails.vue?f82f","webpack:///./src/views/BlogDetails.vue?68d3","webpack:///./src/views/BlogDetails.vue?7172","webpack:///./src/views/BlogDetails.vue?6b75","webpack:///./node_modules/client-website-ts-library/plugins/view/index.ts"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","blog","Title","Subtitle","Images","Preview","Url","Paragraph1","staticClass","_e","Paragraph2","length","undefined","staticRenderFns","blogId","$route","params","id","Blogs","Get","then","$emit","html","limit","tmp","document","createElement","innerHTML","text","innerText","substring","title","description","stripHtml","image","err","status","$router","push","path","query","next","components","component","prolistAnalyticsService","ServiceManager","Analytics","headService","Require","Head","evt","obj","getAnalyticsEvent","call","getAnalyticsData","name","triggerAnalyticsEvent","event","GetAll","forEach","adapter","Record","result","head","bind","Promise","meta","Update","UpdateWithStatic","View","requestAnimationFrame","updateHead","updateAnalytics","AsyncView","$on"],"mappings":"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","file":"js/chunk-32875e56.ff478da4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Page',[(_vm.blog)?[_c('SiteMasthead',{attrs:{\"title\":_vm.blog.Title,\"subtitle\":_vm.blog.Subtitle,\"mini\":\"true\",\"image\":_vm.blog.Images[0].Preview.Url}}),(_vm.blog.Paragraph1 != '')?_c('ContentRow',[_c('ContentContainer',{staticClass:\"content-container--narrow\"},[_c('div',{staticClass:\"blog-details\"},[_c('RichText',{attrs:{\"content\":_vm.blog.Paragraph1}})],1)])],1):_vm._e(),(_vm.blog.Paragraph2 != '')?_c('ContentRow',[_c('ContentContainer',{staticClass:\"content-container--narrow\"},[_c('div',{staticClass:\"blog-details\"},[_c('LazyImage',{staticClass:\"blog__image\",attrs:{\"image\":_vm.blog.Images.length >= 2 ? _vm.blog.Images[1].Preview.Url : undefined}}),_c('RichText',{attrs:{\"content\":_vm.blog.Paragraph2}})],1)])],1):_vm._e()]:_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\nimport { AsyncView, RouteMeta } from 'client-website-ts-library/plugins';\r\nimport { API } from 'client-website-ts-library/services';\r\nimport { Blog } from 'client-website-ts-library/types';\r\nimport { Component, Mixins } from 'vue-property-decorator';\r\n\r\n@Component({\r\n  components: {\r\n  },\r\n})\r\nexport default class BlogDetails extends Mixins(AsyncView) {\r\n  private blog: Blog | null = null;\r\n\r\n  mounted() {\r\n    const blogId = this.$route.params.id;\r\n\r\n    API.Blogs.Get(blogId).then((blog) => {\r\n      this.blog = blog;\r\n      this.$emit('updateView');\r\n    });\r\n  }\r\n\r\n  stripHtml(html: string, limit: number): string {\r\n    const tmp = document.createElement('div');\r\n\r\n    tmp.innerHTML = html;\r\n\r\n    const text = tmp.innerText;\r\n\r\n    return text.length < (limit * 1.2) ? text : `${tmp.innerText.substring(0, limit)}...`;\r\n  }\r\n\r\n  public head(): RouteMeta {\r\n    return {\r\n      title: `${this.blog?.Title} - ${this.blog?.Subtitle}`,\r\n      description: this.stripHtml(this.blog?.Paragraph1 ?? '', 100),\r\n      image: this.blog?.Images.length ? this.blog?.Images[0].Preview.Url : undefined,\r\n    };\r\n  }\r\n\r\n  handleError(err: Response) {\r\n    if (err.status === 403) {\r\n      this.$router.push({\r\n        path: '/blogs',\r\n        query: {\r\n          next: `/blogs/${this.$route.params.id}`,\r\n        },\r\n      });\r\n    }\r\n  }\r\n}\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/ts-loader/index.js??ref--14-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BlogDetails.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/ts-loader/index.js??ref--14-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BlogDetails.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./BlogDetails.vue?vue&type=template&id=31fbd50a&scoped=true&\"\nimport script from \"./BlogDetails.vue?vue&type=script&lang=ts&\"\nexport * from \"./BlogDetails.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./BlogDetails.vue?vue&type=style&index=0&id=31fbd50a&scoped=true&lang=css&\"\nimport style1 from \"./BlogDetails.vue?vue&type=style&index=1&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  \"31fbd50a\",\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!./BlogDetails.vue?vue&type=style&index=0&id=31fbd50a&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!./BlogDetails.vue?vue&type=style&index=0&id=31fbd50a&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!./BlogDetails.vue?vue&type=style&index=1&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!./BlogDetails.vue?vue&type=style&index=1&lang=css&\"","import Vue from \"vue\";\r\nimport { Component } from \"vue-property-decorator\";\r\nimport { AnalyticsEvent, AnalyticsEventObject, AnalyticsPageView, IAnalyticsAdapter, PROListAnalyticsAdapter } from \"../../services/Analytics\";\r\nimport { HeadService } from \"../../services/HeadService\";\r\nimport { ServiceManager, ServiceType } from \"../../services/ServiceManager\";\r\nimport { RouteMeta } from \"../meta\";\r\n\r\ninterface ViewBase {\r\n  getAnalyticsEvent?(): AnalyticsEvent | null;\r\n  getAnalyticsData?(): AnalyticsEventObject | null;\r\n  head?(): RouteMeta | Promise<RouteMeta> | null;\r\n}\r\n\r\n@Component\r\nclass ViewBase extends Vue {\r\n  protected prolistAnalyticsService = ServiceManager.Get<PROListAnalyticsAdapter>(ServiceType.Analytics, 'PROListAnalyticsAdapter');\r\n  protected headService = ServiceManager.Require<HeadService>(ServiceType.Head)!;\r\n\r\n  public updateAnalytics() {\r\n    let evt: AnalyticsEvent | null = null;\r\n    let obj: AnalyticsEventObject | null = null;\r\n\r\n    if (typeof this.getAnalyticsEvent !== 'undefined') {\r\n      evt = this.getAnalyticsEvent.call(this);\r\n    } else if(typeof this.getAnalyticsData !== 'undefined') {\r\n      obj = this.getAnalyticsData.call(this);\r\n    }\r\n\r\n    if (evt === null) evt = new AnalyticsPageView(this.$route.path, this.$route.name || '', obj || undefined);\r\n\r\n    this.triggerAnalyticsEvent(evt);\r\n  }\r\n\r\n  public triggerAnalyticsEvent(event: AnalyticsEvent) {\r\n    ServiceManager.GetAll<IAnalyticsAdapter>(ServiceType.Analytics).forEach((adapter) => {\r\n      adapter.Record(event);\r\n    });\r\n  }\r\n\r\n  public triggerCustomAnalyticsEvent(event: AnalyticsEvent) {\r\n    if (this.prolistAnalyticsService !== null) this.prolistAnalyticsService.Record(event);\r\n  }\r\n\r\n  protected updateHead() {\r\n    if ('head' in this) {\r\n      const result = this.head!.bind(this)();\r\n\r\n      if(result instanceof Promise) {\r\n        result.then((meta: RouteMeta | null) => {\r\n          this.headService.Update(meta);\r\n        });\r\n      } else {\r\n        this.headService.Update(result as RouteMeta | null);\r\n      }\r\n    } else {\r\n      this.headService.UpdateWithStatic(this.$route.path);\r\n    }\r\n  }\r\n}\r\n\r\n@Component\r\nclass View extends ViewBase {\r\n  public mounted() {\r\n    requestAnimationFrame(() => {\r\n      this.updateHead();\r\n      this.updateAnalytics();\r\n    });\r\n  }\r\n}\r\n\r\n@Component\r\nclass AsyncView extends ViewBase {\r\n  public mounted() {\r\n    this.$on('updateView', () => {\r\n      requestAnimationFrame(() => {\r\n        this.updateHead();\r\n        this.updateAnalytics();\r\n      });\r\n    });\r\n  }\r\n}\r\n\r\nexport {\r\n  View,\r\n  AsyncView\r\n}\r\n"],"sourceRoot":""}