{"version":3,"sources":["webpack:///./src/views/Webinar/Webinars.vue","webpack:///./src/views/Webinar/Webinars.vue?e873","webpack:///./src/views/Webinar/Webinars.vue?0194","webpack:///./src/views/Webinar/Webinars.vue?9257","webpack:///./src/assets/no_webinars.svg","webpack:///./src/views/Webinar/Webinars.vue?2928","webpack:///./src/views/Webinar/Webinars.vue?7492","webpack:///./src/views/Webinar/Webinars.vue?e880","webpack:///./src/views/Webinar/Webinars.vue?9e0a"],"names":[],"mappings":"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","file":"js/8.js","sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Vue, Component } from \"vue-property-decorator\";\nimport { ComponentOptions } from \"vue/types/options\";\n\nimport { take } from \"rxjs/operators\";\n\nimport CityDarkBGComponent from \"@/components/core/backgrounds/CityDarkBG.vue\";\nimport MediaCarouselComponent from \"@/components/media/carousel/MediaCarousel.vue\";\nimport SlideGroupComponent from \"@/components/media/slide-group/SlideGroup.vue\";\nimport CarouselPageSkeletonLoader from \"@/components/media/carousel/CarouselPageSkeletonLoader.vue\";\n\nimport { WebinarService, DCSLanguageService, MetaService } from \"@/services\";\nimport { Webinar } from \"@/types/webinar.interface\";\n\nimport VueMarkdown from \"vue-markdown\";\n\nconst metaInfo: ComponentOptions<Vue>['metaInfo'] = {\n  title: 'Building Science Webinars on Demand',\n  meta: [\n    {\n      vmid: 'description',\n      name: 'description',\n      content: 'Watch webinar video replays about innovation, performance, and sustainability in Dow Building Science products.',\n    },\n  ],\n};\n\nexport const metaInfoMixin = {\n  metaInfo,\n};\n\n\n@Component({\n  mixins: [metaInfoMixin],\n  components: {\n    CarouselPageSkeletonLoader,\n    CityDarkBGComponent,\n    MediaCarouselComponent,\n    SlideGroupComponent,\n    VueMarkdown\n  },\n})\nexport default class Webinars extends Vue {\n  public DCSLanguageService = new DCSLanguageService();\n\n  private webinarService = new WebinarService();\n  private metaService = new MetaService();\n\n  featuredWebinar: Webinar | null | undefined = null;\n  webinarVideos: Webinar[] = [];\n\n  hasNoWebinars = false;\n  isLoading = true;\n\n  webinarSelected(index: number): void {\n    this.featuredWebinar = this.webinarVideos[index];\n  }\n\n  private created(): void {\n      this.metaService.updateMetaDescription('Watch webinar video replays about innovation, performance, and sustainability in Dow Building Science products.');\n      this.metaService.updateMetaTitle('Building Science Webinars on Demand');\n\n    this.webinarService\n      .getWebinarVideoList()\n      .pipe(take(1))\n      .subscribe((webinars: Webinar[]) => {\n        this.webinarVideos = webinars;\n        this.featuredWebinar = webinars[0] ?? null;\n        if(this.webinarVideos.length==0)\n          this.hasNoWebinars=true;\n        this.isLoading = false;\n      });\n  }\n}\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"carousel\" },\n    [\n      _c(\"div\", { staticClass: \"title\" }, [\n        _c(\"h1\", { staticClass: \"white--text\" }, [\n          _vm._v(\n            \" \" +\n              _vm._s(_vm.DCSLanguageService.translate(\"WebinarsAndVideos\")) +\n              \" \"\n          )\n        ])\n      ]),\n      _vm.featuredWebinar\n        ? _c(\"div\", { staticClass: \"text-media-container\" }, [\n            _c(\"div\", { staticClass: \"text-container\" }, [\n              _c(\"h2\", [_vm._v(\" \" + _vm._s(_vm.featuredWebinar.title) + \" \")]),\n              _c(\n                \"p\",\n                [\n                  _c(\"vue-markdown\", {\n                    attrs: { source: _vm.featuredWebinar.description }\n                  })\n                ],\n                1\n              )\n            ]),\n            _c(\n              \"div\",\n              { staticClass: \"media-container\" },\n              [\n                _c(\"MediaCarouselComponent\", {\n                  attrs: { media: _vm.featuredWebinar.media }\n                })\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      _c(\n        \"div\",\n        { staticClass: \"slide-group-container\" },\n        [\n          _vm.webinarVideos.length\n            ? _c(\"SlideGroupComponent\", {\n                attrs: { \"carousel-items\": _vm.webinarVideos },\n                on: { \"item-select\": _vm.webinarSelected }\n              })\n            : _vm._e()\n        ],\n        1\n      ),\n      _vm.hasNoWebinars\n        ? _c(\"div\", { staticClass: \"display-image\" }, [\n            _c(\"img\", {\n              staticClass: \"display-image\",\n              attrs: { src: require(\"@/assets/no_webinars.svg\") }\n            }),\n            _c(\"h2\", [\n              _vm._v(\n                \" \" +\n                  _vm._s(_vm.DCSLanguageService.translate(\"NoWebinars\")) +\n                  \" \"\n              )\n            ])\n          ])\n        : _vm._e(),\n      _vm.isLoading ? _c(\"CarouselPageSkeletonLoader\") : _vm._e(),\n      _c(\"CityDarkBGComponent\", {\n        attrs: { \"modifier-class\": \"dark-bg--fixed\" }\n      })\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"/**\\n  This file will be automatically compiled from vue-cli and included before applied styles for Vuetify.\\n\\n  *** If you're making variable changes for the app itself, please use the /theme/variables file. ***\\n*/\\n.display-image[data-v-d550eeb0] {\\n  display: block;\\n  margin-left: 25%;\\n  margin-right: auto;\\n  margin-top: 4%;\\n  width: 50%;\\n  padding-bottom: 5%;\\n}\\n.display-image h2[data-v-d550eeb0] {\\n  font: normal normal bold 30px/40px Roboto;\\n  color: white;\\n  display: flex;\\n  flex-direction: row;\\n  justify-content: center;\\n  margin-left: 3%;\\n}\\n.carousel[data-v-d550eeb0] {\\n  margin: 0 auto;\\n  max-width: 1920px;\\n  padding-top: 7em;\\n}\\n.carousel .title[data-v-d550eeb0] {\\n  display: flex;\\n  flex-direction: row;\\n  justify-content: center;\\n}\\n.carousel .title h1[data-v-d550eeb0] {\\n  font: normal normal bold 34px/40px Roboto;\\n  color: white;\\n  text-align: center;\\n}\\n.carousel .text-media-container[data-v-d550eeb0] {\\n  display: flex;\\n  flex-direction: row;\\n  align-items: center;\\n  justify-content: space-between;\\n  gap: 4em;\\n  padding: 2em 4em;\\n  color: white;\\n}\\n.carousel .text-container[data-v-d550eeb0] {\\n  display: flex;\\n  flex-direction: column;\\n  gap: 10px;\\n  width: 50%;\\n}\\n.carousel .text-container h2[data-v-d550eeb0] {\\n  font: normal normal normal 34px/40px Roboto;\\n}\\n.carousel .media-container[data-v-d550eeb0] {\\n  width: 50%;\\n}\\n@media (max-width: 960px) {\\n.carousel .text-container[data-v-d550eeb0] {\\n    width: 100%;\\n}\\n.carousel .text-media-container[data-v-d550eeb0] {\\n    flex-direction: column-reverse;\\n    gap: 2em;\\n    padding: 2em;\\n}\\n.carousel .media-container[data-v-d550eeb0] {\\n    width: 100%;\\n}\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Webinars.vue?vue&type=style&index=0&id=d550eeb0&scoped=true&lang=scss\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"fe3bd32c\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Webinars.vue?vue&type=style&index=0&id=d550eeb0&scoped=true&lang=scss\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Webinars.vue?vue&type=style&index=0&id=d550eeb0&scoped=true&lang=scss\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","module.exports = __webpack_public_path__ + \"img/no_webinars.0c051696.svg\";","import { render, staticRenderFns } from \"./Webinars.vue?vue&type=template&id=d550eeb0&scoped=true\"\nimport script from \"./Webinars.vue?vue&type=script&lang=ts\"\nexport * from \"./Webinars.vue?vue&type=script&lang=ts\"\nimport style0 from \"./Webinars.vue?vue&type=style&index=0&id=d550eeb0&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d550eeb0\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/vsts/work/1/s/app/b-i-connect/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('d550eeb0')) {\n      api.createRecord('d550eeb0', component.options)\n    } else {\n      api.reload('d550eeb0', component.options)\n    }\n    module.hot.accept(\"./Webinars.vue?vue&type=template&id=d550eeb0&scoped=true\", function () {\n      api.rerender('d550eeb0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/Webinar/Webinars.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../node_modules/ts-loader/index.js??ref--14-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Webinars.vue?vue&type=script&lang=ts\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../node_modules/ts-loader/index.js??ref--14-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Webinars.vue?vue&type=script&lang=ts\"","export * from \"-!../../../node_modules/vue-style-loader/index.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Webinars.vue?vue&type=style&index=0&id=d550eeb0&scoped=true&lang=scss\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"db864094-vue-loader-template\\\"}!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Webinars.vue?vue&type=template&id=d550eeb0&scoped=true\""],"sourceRoot":""}