{"version":3,"sources":["webpack:///./src/views/Event/Events.vue","webpack:///./src/views/Event/Events.vue?91eb","webpack:///./src/views/Event/Events.vue?824b","webpack:///./src/views/Event/Events.vue?bdab","webpack:///./src/assets/no_events.svg","webpack:///./src/views/Event/Events.vue?d343","webpack:///./src/views/Event/Events.vue?1adf","webpack:///./src/views/Event/Events.vue?e5ee","webpack:///./src/views/Event/Events.vue?0402"],"names":[],"mappings":"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,CAAC;gBACrC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC;gBACvC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,CAAC;gBAE7C,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE;oBACxC,IAAI,EAAE,SAAS;oBACf,MAAM,EAAE,SAAS;oBACjB,YAAY,EAAE,OAAO;iBACtB,CAAC,CAAC,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YACrC,CAAC;SACF;KACF,CAAC;GACmB,MAAM,CAyC1B;AAzCoB,qEAAM;;;;;;;;;;;;;ACvK3B;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,0BAA0B;AAC/B;AACA,iBAAiB,uBAAuB;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,sCAAsC;AAC3D,uBAAuB,gCAAgC;AACvD;AACA,yBAAyB,kCAAkC;AAC3D;AACA;AACA,mBAAmB,yBAAyB;AAC5C;AACA,kCAAkC,6BAA6B;AAC/D;AACA;AACA,+BAA+B,6BAA6B;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,yBAAyB;AAC5C;AACA,kCAAkC,6BAA6B;AAC/D;AACA;AACA,+BAA+B,6BAA6B;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,6BAA6B;AAC9C;AACA;AACA,4BAA4B;AAC5B,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA,0BAA0B;AAC1B,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,uCAAuC;AAChD;AACA;AACA;AACA,wBAAwB,+BAA+B;AACvD,qBAAqB;AACrB,eAAe;AACf;AACA;AACA;AACA;AACA;AACA,qBAAqB,+BAA+B;AACpD;AACA;AACA,sBAAsB,MAAM,mBAAO,CAAC,0DAAwB;AAC5D,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB;AAChB,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACvJA;AACA,kCAAkC,mBAAO,CAAC,2GAAsD;AAChG;AACA;AACA,cAAc,QAAS,kQAAkQ,kBAAkB,wBAAwB,wBAAwB,aAAa,uBAAuB,GAAG,6BAA6B,kBAAkB,wBAAwB,wBAAwB,cAAc,GAAG,iCAAiC,iBAAiB,2BAA2B,GAAG,iCAAiC,kBAAkB,2BAA2B,aAAa,GAAG,mCAAmC,gDAAgD,kCAAkC,GAAG,oDAAoD,kCAAkC,GAAG,mCAAmC,mBAAmB,qBAAqB,uBAAuB,mBAAmB,eAAe,uBAAuB,GAAG,sCAAsC,8CAA8C,iBAAiB,kBAAkB,wBAAwB,4BAA4B,oBAAoB,GAAG,8BAA8B,mBAAmB,sBAAsB,qBAAqB,GAAG,qCAAqC,kBAAkB,wBAAwB,4BAA4B,GAAG,wCAAwC,8CAA8C,iBAAiB,uBAAuB,GAAG,oDAAoD,kBAAkB,wBAAwB,wBAAwB,mCAAmC,aAAa,qBAAqB,iBAAiB,GAAG,8CAA8C,kBAAkB,2BAA2B,cAAc,eAAe,GAAG,iDAAiD,gDAAgD,GAAG,+CAA+C,eAAe,GAAG,6BAA6B,8CAA8C,kBAAkB,GAAG,oDAAoD,qCAAqC,eAAe,mBAAmB,GAAG,+CAA+C,kBAAkB,GAAG,GAAG;AACnzE;AACA;;;;;;;;;;;;ACNA;;AAEA;AACA,cAAc,mBAAO,CAAC,84BAAmgB;AACzhB,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,6HAAgE;AAClF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;ACVf,iBAAiB,qBAAuB,gC;;;;;;;;;;;;ACAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAgG;AACvC;AACL;AACsC;;;AAG1F;AAC2H;AAC3H,gBAAgB,wIAAU;AAC1B,EAAE,2EAAM;AACR,EAAE,4FAAM;AACR,EAAE,qGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACsG;AACnD;AACE;AACrD,oGAAiB,aAAa,sEAAI,CAAC,yEAAK,CAAC;;;AAGzC;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;AC9Cf;AAAA;AAAA;AAAA;AAAgU,CAAgB,qWAAG,EAAC,C;;;;;;;;;;;;ACApV;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"js/6.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\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 { DCSLanguageService, EventService, MetaService } from \"@/services\";\nimport { Event } from \"@/types/event.interface\";\n\nimport VueMarkdown from \"vue-markdown\";\n\nconst metaInfo: ComponentOptions['metaInfo'] = {\n title: 'Where will Dow Building Science be next?',\n meta: [\n {\n vmid: 'description',\n name: 'description',\n content: 'Learn about conferences, tradeshows and webinars in which Dow Building Science team members will be participating.',\n },\n ],\n};\n\nexport const metaInfoMixin = {\n metaInfo,\n};\n\n@Component({\n mixins: [metaInfoMixin],\n components: {\n CarouselPageSkeletonLoader,\n CityDarkBGComponent,\n MediaCarouselComponent,\n SlideGroupComponent,\n VueMarkdown\n },\n computed: {\n formattedDateLong(): string {\n return new Intl.DateTimeFormat(undefined, {\n weekday: \"long\",\n month: \"long\",\n day: \"numeric\"\n }).formatRange(\n new Date(this.$data.featuredEvent.showDate.startDate),\n new Date(this.$data.featuredEvent.showDate.endDate)\n );\n },\n formattedDateShort(): string {\n return new Intl.DateTimeFormat(undefined, {\n month: \"long\",\n day: \"numeric\"\n }).formatRange(\n new Date(this.$data.featuredEvent.showDate.startDate),\n new Date(this.$data.featuredEvent.showDate.endDate)\n );\n },\n formattedTime(): string {\n const startDate = new Date(this.$data.featuredEvent.showDate.startDate);\n\n // the date needs to be changed so that only time is displayed\n const endDate = new Date(this.$data.featuredEvent.showDate.endDate);\n endDate.setDate(startDate.getDate());\n endDate.setMonth(startDate.getMonth());\n endDate.setFullYear(startDate.getFullYear());\n\n return new Intl.DateTimeFormat(undefined, {\n hour: \"numeric\",\n minute: \"numeric\",\n timeZoneName: \"short\",\n }).formatRange(startDate, endDate);\n }\n },\n})\nexport default class Events extends Vue {\n public DCSLanguageService = new DCSLanguageService();\n\n private eventService = new EventService();\n private metaService = new MetaService();\n\n public featuredEvent: Event | null | undefined = null;\n public events: Event[] = [];\n\n public formattedDateLong!: string;\n public formattedDateShort!: string;\n public formattedTime!: string;\n\n hasNoEvents = false;\n isLoading = true;\n\n eventSelected(index: number): void {\n this.featuredEvent = this.events[index];\n }\n\n private created(): void {\n this.metaService.updateMetaDescription('Learn about conferences, tradeshows and webinars in which Dow Building Science team members will be participating.');\n this.metaService.updateMetaTitle('Where will Dow Building Science be next?');\n\n this.eventService\n .getUpcomingEventList()\n .pipe(take(1))\n .subscribe((events: Event[]) => {\n this.events = events.sort((a, b) => \n (a.isFeatured === b.isFeatured)? 0 : a.isFeatured? -1 : 1\n );\n this.featuredEvent = events[0] ?? null;\n if(this.events.length==0)\n this.hasNoEvents=true;\n this.isLoading = false;\n });\n }\n\n public formatDescription(description: string): string[] {\n return description.split('\\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\", [\n _vm._v(\n \" \" + _vm._s(_vm.DCSLanguageService.translate(\"EventTitle\")) + \" \"\n )\n ])\n ]),\n _vm.featuredEvent\n ? _c(\"div\", { staticClass: \"text-media-container\" }, [\n _c(\"div\", { staticClass: \"text-container\" }, [\n _c(\"h2\", [_vm._v(\" \" + _vm._s(_vm.featuredEvent.title) + \" \")]),\n _c(\"div\", { staticClass: \"detail-container\" }, [\n _c(\n \"div\",\n { staticClass: \"details\" },\n [\n _c(\"v-icon\", { staticClass: \"detail-icon\" }, [\n _vm._v(\" mdi-map-marker-radius-outline \")\n ]),\n _c(\"div\", { staticClass: \"detail-item\" }, [\n _c(\"p\", [\n _vm._v(_vm._s(_vm.featuredEvent.location.eventLocation))\n ]),\n _c(\"p\", [\n _vm._v(\n _vm._s(\n _vm.featuredEvent.location.city +\n \", \" +\n _vm.featuredEvent.location.country\n )\n )\n ])\n ])\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"details\" },\n [\n _c(\"v-icon\", { staticClass: \"detail-icon\" }, [\n _vm._v(\" mdi-calendar-clock \")\n ]),\n _c(\"div\", { staticClass: \"detail-item\" }, [\n _c(\"p\", [_vm._v(_vm._s(_vm.formattedDateLong))]),\n _c(\"p\", [_vm._v(_vm._s(_vm.formattedTime))])\n ])\n ],\n 1\n )\n ]),\n _c(\n \"p\",\n { staticClass: \"description\" },\n [\n _c(\"vue-markdown\", {\n attrs: { source: _vm.featuredEvent.description }\n })\n ],\n 1\n ),\n _c(\n \"div\",\n [\n _c(\n \"v-btn\",\n {\n attrs: {\n href: _vm.featuredEvent.registrationLink,\n target: \"_blank\"\n }\n },\n [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.DCSLanguageService.translate(\"RegisterNow\")\n ) +\n \" \"\n )\n ]\n )\n ],\n 1\n )\n ]),\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"aspect-ratio\",\n rawName: \"v-aspect-ratio\",\n value: \"16:9\",\n expression: \"'16:9'\"\n }\n ],\n staticClass: \"media-container\"\n },\n [\n _c(\"MediaCarouselComponent\", {\n attrs: { media: _vm.featuredEvent.media }\n })\n ],\n 1\n )\n ])\n : _vm._e(),\n _c(\n \"div\",\n { staticClass: \"slide-group-container\" },\n [\n _vm.events.length\n ? _c(\"SlideGroupComponent\", {\n attrs: { \"carousel-items\": _vm.events },\n on: { \"item-select\": _vm.eventSelected }\n })\n : _vm._e()\n ],\n 1\n ),\n _vm.hasNoEvents\n ? _c(\"div\", { staticClass: \"display-image\" }, [\n _c(\"img\", {\n staticClass: \"display-image\",\n attrs: { src: require(\"@/assets/no_events.svg\") }\n }),\n _c(\"h2\", [\n _vm._v(\n \" \" + _vm._s(_vm.DCSLanguageService.translate(\"NoEvents\")) + \" \"\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.detail-container[data-v-51581488] {\\n display: flex;\\n flex-direction: row;\\n align-items: center;\\n gap: 4em;\\n margin-bottom: 1em;\\n}\\n.details[data-v-51581488] {\\n display: flex;\\n flex-direction: row;\\n align-items: center;\\n gap: 16px;\\n}\\n.detail-icon[data-v-51581488] {\\n color: white;\\n transform: scale(1.75);\\n}\\n.detail-item[data-v-51581488] {\\n display: flex;\\n flex-direction: column;\\n gap: 5px;\\n}\\n.detail-item p[data-v-51581488] {\\n font: normal normal normal 16px/20px Roboto;\\n margin-bottom: 0px !important;\\n}\\n.description[data-v-51581488]:not(:last-of-type) {\\n margin-bottom: 0px !important;\\n}\\n.display-image[data-v-51581488] {\\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-51581488] {\\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-51581488] {\\n margin: 0 auto;\\n max-width: 1920px;\\n padding-top: 7em;\\n}\\n.carousel .title[data-v-51581488] {\\n display: flex;\\n flex-direction: row;\\n justify-content: center;\\n}\\n.carousel .title h1[data-v-51581488] {\\n font: normal normal bold 34px/40px Roboto;\\n color: white;\\n text-align: center;\\n}\\n.carousel .text-media-container[data-v-51581488] {\\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-51581488] {\\n display: flex;\\n flex-direction: column;\\n gap: 10px;\\n width: 50%;\\n}\\n.carousel .text-container h2[data-v-51581488] {\\n font: normal normal normal 34px/40px Roboto;\\n}\\n.carousel .media-container[data-v-51581488] {\\n width: 50%;\\n}\\n@media (max-width: 960px) {\\n.carousel .text-container[data-v-51581488] {\\n width: 100%;\\n}\\n.carousel .text-media-container[data-v-51581488] {\\n flex-direction: column-reverse;\\n gap: 2em;\\n padding: 2em;\\n}\\n.carousel .media-container[data-v-51581488] {\\n width: 100%;\\n}\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a