{"version":3,"sources":["webpack:///./src/components/products/buttons/RequestSampleButton.vue","webpack:///./src/views/NewProduct/NewProducts.vue","webpack:///./src/components/products/buttons/RequestSampleButton.vue?9e08","webpack:///./src/views/NewProduct/NewProducts.vue?62f7","webpack:///./src/components/products/buttons/RequestSampleButton.vue?329d","webpack:///./src/views/NewProduct/NewProducts.vue?4d7b","webpack:///./src/components/products/buttons/RequestSampleButton.vue?2e2f","webpack:///./src/views/NewProduct/NewProducts.vue?b053","webpack:///./src/assets/no_new_products.svg","webpack:///./src/components/products/buttons/RequestSampleButton.vue?f973","webpack:///./src/components/products/buttons/RequestSampleButton.vue?0b6e","webpack:///./src/components/products/buttons/RequestSampleButton.vue?2d0f","webpack:///./src/components/products/buttons/RequestSampleButton.vue?5bbd","webpack:///./src/views/NewProduct/NewProducts.vue?2f16","webpack:///./src/views/NewProduct/NewProducts.vue?0908","webpack:///./src/views/NewProduct/NewProducts.vue?c118","webpack:///./src/views/NewProduct/NewProducts.vue?da41"],"names":[],"mappings":"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C,WAAW,CAAC,CAAC,CAAC,mCAAI,IAAI,CAAC;YAC9C,IAAG,IAAI,CAAC,WAAW,CAAC,MAAM,IAAI,CAAC;gBAC7B,IAAI,CAAC,gBAAgB,GAAC,IAAI,CAAC;YAC7B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACzB,CAAC,CAAC,CAAC;IACP,CAAC;CACF;AAzDoB,WAAW;IAX/B,wEAAS,CAAC;QACT,MAAM,EAAE,CAAC,aAAa,CAAC;QACvB,UAAU,EAAE;YACV,wGAAmB;YACnB,4GAAsB;YACtB,yGAAmB;YACnB,0HAA4B;YAC5B,0GAAoB;YACpB,6HAA0B;SAC3B;KACF,CAAC;GACmB,WAAW,CAyD/B;AAzDoB,0EAAW;;;;;;;;;;;;;AC/KhC;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,+BAA+B;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,gCAAgC,+BAA+B;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACxCA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,0BAA0B;AAC/B;AACA,iBAAiB,uBAAuB;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,sCAAsC;AACvD;AACA;AACA;AACA,eAAe,gCAAgC;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA,2BAA2B,+BAA+B;AAC1D;AACA;AACA;AACA,yBAAyB,+BAA+B;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;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;AACA;AACA,yBAAyB,gCAAgC;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;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,2BAA2B,8CAA8C;AACzE;AACA;AACA;AACA;AACA,mBAAmB,+BAA+B;AAClD;AACA;AACA;AACA;AACA,2BAA2B,kCAAkC;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAuC,+BAA+B;AACtE;AACA;AACA;AACA;AACA;AACA;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,eAAe,iCAAiC;AAChD;AACA;AACA,0BAA0B;AAC1B,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,uCAAuC;AAChD;AACA;AACA;AACA,wBAAwB,oCAAoC;AAC5D,qBAAqB;AACrB,eAAe;AACf;AACA;AACA;AACA;AACA;AACA,qBAAqB,+BAA+B;AACpD;AACA;AACA,sBAAsB,MAAM,mBAAO,CAAC,sEAA8B;AAClE,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB;AAChB,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACxOA;AACA,kCAAkC,mBAAO,CAAC,8GAAyD;AACnG;AACA;AACA,cAAc,QAAS;AACvB;AACA;;;;;;;;;;;;ACNA;AACA,kCAAkC,mBAAO,CAAC,2GAAsD;AAChG;AACA;AACA,cAAc,QAAS,8QAA8Q,kBAAkB,wBAAwB,wBAAwB,aAAa,uBAAuB,oBAAoB,GAAG,iCAAiC,iBAAiB,GAAG,mCAAmC,kBAAkB,GAAG,mCAAmC,eAAe,qBAAqB,GAAG,oCAAoC,eAAe,sBAAsB,GAAG,sCAAsC,eAAe,qBAAqB,GAAG,wCAAwC,eAAe,sBAAsB,GAAG,6CAA6C,iBAAiB,2BAA2B,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;AACh2E;AACA;;;;;;;;;;;;ACNA;;AAEA;AACA,cAAc,mBAAO,CAAC,08BAAkiB;AACxjB,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,gIAAmE;AACrF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;ACVf;;AAEA;AACA,cAAc,mBAAO,CAAC,65BAAwgB;AAC9hB,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,6HAAgE;AAClF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;ACVf,iBAAiB,qBAAuB,sC;;;;;;;;;;;;ACAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA6G;AACvC;AACL;AACsC;;;AAGvG;AAC8H;AAC9H,gBAAgB,wIAAU;AAC1B,EAAE,wFAAM;AACR,EAAE,yGAAM;AACR,EAAE,kHAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACyG;AACtD;AACE;AACrD,oGAAiB,aAAa,sEAAI,CAAC,yEAAK,CAAC;;;AAGzC;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;AC9Cf;AAAA;AAAA,wCAAyV,CAAgB,kXAAG,EAAC,C;;;;;;;;;;;;ACA7W;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAqG;AACvC;AACL;AACsC;;;AAG/F;AAC2H;AAC3H,gBAAgB,wIAAU;AAC1B,EAAE,gFAAM;AACR,EAAE,iGAAM;AACR,EAAE,0GAAe;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;AAAqU,CAAgB,0WAAG,EAAC,C;;;;;;;;;;;;ACAzV;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"js/5.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\nimport { Component, Vue } from \"vue-property-decorator\";\n\nconst RequestSampleButtonProps = Vue.extend({\n  props: {\n    sampleTitle: {\n      default: \"Request Sample\",\n      type: String,\n    },\n    sampleLink: {\n      type: String,\n      default: null,\n    },\n    color: {\n      type: String,\n      default: \"primary\"\n    }\n  },\n});\n\n@Component\nexport default class RequestSampleButtonComponent extends RequestSampleButtonProps {\n  public get _sampleTitle(): string {\n    return this.sampleTitle ? this.sampleTitle : \"Request Sample\";\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\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\";\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 RequestSampleButtonComponent from \"@/components/products/buttons/RequestSampleButton.vue\";\nimport ShareButtonComponent from \"@/components/products/buttons/ShareButton.vue\";\nimport CarouselPageSkeletonLoader from \"@/components/media/carousel/CarouselPageSkeletonLoader.vue\";\n\nimport { DCSLanguageService, ProductService, MetaService } from \"@/services\";\nimport { NewProduct, ProductDetail } from \"@/types\";\nimport { ComponentOptions } from \"vue/types/options\";\nimport { blobDataPath } from \"@/util\";\n\nconst metaInfo: ComponentOptions<Vue>['metaInfo'] = {\n  title: 'Our latest innovations',\n  meta: [\n    {\n      vmid: 'description',\n      name: 'description',\n      content: 'Peruse our latest product innovations in Dow Building Science.',\n    },\n  ],\n};\n\nexport const metaInfoMixin = {\n  metaInfo,\n};\n\n@Component({\n  mixins: [metaInfoMixin],\n  components: {\n    CityDarkBGComponent,\n    MediaCarouselComponent,\n    SlideGroupComponent,\n    RequestSampleButtonComponent,\n    ShareButtonComponent,\n    CarouselPageSkeletonLoader\n  },\n})\nexport default class NewProducts extends Vue {\n  // kept the code written for the event service, but using the one for webinars until it is working\n\n  public DCSLanguageService = new DCSLanguageService();\n  public blobDataPath = blobDataPath;\n\n  private productService = new ProductService();\n  private metaService = new MetaService();\n\n  newProduct: NewProduct | null | undefined = null;\n  newProducts: NewProduct[] = [];\n\n  hasNoNewProducts = false;\n  isLoading = true;\n\n  productSelected(index: number): void {\n    this.newProduct = this.newProducts[index];\n  }\n\n  private created(): void {\n    this.metaService.updateMetaDescription('Peruse our latest product innovations in Dow Building Science.');\n    this.metaService.updateMetaTitle('Our latest innovations');\n\n    this.productService\n      .getProductListDataByNewProduct()\n      .pipe(take(1))\n      .subscribe((newProducts: ProductDetail[]) => {\n\n        this.newProducts = newProducts.map((NP) => {\n          return {\n            id: NP.id,\n            title: NP.heading, \n            description: NP.description, \n            isFeatured: false,\n            media: NP.videos.length > 0 ? {\n              mediaType: 'video',\n              videoUrl: NP.videos[0].url, \n              image: NP.videos[0].thumbnail\n            } : NP.media.length > 0 ? {\n              mediaType: NP.media[0].type,\n              videoUrl: blobDataPath + NP.media[0].sources[0].url,\n              image: NP.media[0].poster\n            } : [],\n            applicationGuideLink: NP.applicationGuideLink,\n            productGuideLink: NP.productGuideLink,\n            buttonLink: NP.buttonLink,\n            sampleTitle: NP.sampleTitle,\n            sampleLink: NP.sampleLink,\n            carouselOrder:NP.carouselOrder\n          } as NewProduct\n        });\n        this.newProduct = this.newProducts[0] ?? null;  \n        if(this.newProducts.length == 0)\n          this.hasNoNewProducts=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 _vm.sampleLink &&\n    _vm.sampleLink !== \"\" &&\n    _vm.sampleLink.includes(\"www\")\n    ? _c(\n        \"div\",\n        { staticClass: \"sample-button\" },\n        [\n          _c(\n            \"v-btn\",\n            {\n              attrs: {\n                text: \"\",\n                color: _vm.color,\n                href: _vm.sampleLink,\n                target: \"_blank\"\n              }\n            },\n            [\n              _c(\n                \"div\",\n                [\n                  _vm._v(\" \" + _vm._s(_vm._sampleTitle) + \" \"),\n                  _c(\"v-icon\", { staticClass: \"arrow-forward\" }, [\n                    _vm._v(\" sell \")\n                  ])\n                ],\n                1\n              )\n            ]\n          )\n        ],\n        1\n      )\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","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            \" \" +\n              _vm._s(_vm.DCSLanguageService.translate(\"NewProductTitle\")) +\n              \" \"\n          )\n        ])\n      ]),\n      _c(\"div\", { staticClass: \"text-media-container\" }, [\n        _vm.newProduct\n          ? _c(\n              \"div\",\n              { staticClass: \"text-container\" },\n              [\n                _c(\"ShareButtonComponent\", {\n                  attrs: {\n                    \"share-link\": _vm.newProduct.buttonLink,\n                    color: \"white\"\n                  }\n                }),\n                _c(\"h2\", [_vm._v(\" \" + _vm._s(_vm.newProduct.title) + \" \")]),\n                _c(\"div\", { staticClass: \"btn-container\" }, [\n                  _vm.newProduct.applicationGuideLink\n                    ? _c(\n                        \"div\",\n                        { staticClass: \"app-guide-btn\" },\n                        [\n                          _c(\n                            \"v-btn\",\n                            {\n                              staticClass: \"link-button\",\n                              attrs: {\n                                text: \"\",\n                                small: \"\",\n                                href: _vm.newProduct.applicationGuideLink,\n                                disabled: !_vm.newProduct.applicationGuideLink,\n                                target: \"_blank\"\n                              }\n                            },\n                            [\n                              _c(\n                                \"div\",\n                                [\n                                  _c(\"v-icon\", [\n                                    _vm._v(\"mdi-format-list-numbered\")\n                                  ]),\n                                  _vm._v(\n                                    \" \" +\n                                      _vm._s(\n                                        _vm.DCSLanguageService.translate(\n                                          \"ApplicationGuide\"\n                                        )\n                                      ) +\n                                      \" \"\n                                  )\n                                ],\n                                1\n                              )\n                            ]\n                          )\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.newProduct.productGuideLink\n                    ? _c(\n                        \"div\",\n                        { staticClass: \"prod-guide-btn\" },\n                        [\n                          _c(\n                            \"v-btn\",\n                            {\n                              staticClass: \"link-button\",\n                              attrs: {\n                                text: \"\",\n                                small: \"\",\n                                href: _vm.newProduct.productGuideLink,\n                                disabled: !_vm.newProduct.productGuideLink,\n                                target: \"_blank\"\n                              }\n                            },\n                            [\n                              _c(\n                                \"div\",\n                                [\n                                  _c(\"v-icon\", [\n                                    _vm._v(\"mdi-information-outline\")\n                                  ]),\n                                  _vm._v(\n                                    \" \" +\n                                      _vm._s(\n                                        _vm.DCSLanguageService.translate(\n                                          \"ProductGuide\"\n                                        )\n                                      ) +\n                                      \" \"\n                                  )\n                                ],\n                                1\n                              )\n                            ]\n                          )\n                        ],\n                        1\n                      )\n                    : _vm._e()\n                ]),\n                _c(\"div\", { staticClass: \"new-product-detail-container\" }, [\n                  _c(\"p\", [_vm._v(_vm._s(_vm.newProduct.description))])\n                ]),\n                _c(\n                  \"div\",\n                  { staticClass: \"btn-container\" },\n                  [\n                    _vm.newProduct.buttonLink\n                      ? _c(\n                          \"div\",\n                          { staticClass: \"explore-more-btn\" },\n                          [\n                            _c(\n                              \"v-btn\",\n                              {\n                                staticClass: \"link-button\",\n                                attrs: {\n                                  text: \"\",\n                                  small: \"\",\n                                  href: _vm.newProduct.buttonLink,\n                                  disabled: !_vm.newProduct.buttonLink,\n                                  target: \"_blank\"\n                                }\n                              },\n                              [\n                                _c(\n                                  \"div\",\n                                  [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.DCSLanguageService.translate(\n                                            \"ExploreMore\"\n                                          )\n                                        ) +\n                                        \" \"\n                                    ),\n                                    _c(\n                                      \"v-icon\",\n                                      { staticClass: \"arrow-forward\" },\n                                      [_vm._v(\" arrow_forward \")]\n                                    )\n                                  ],\n                                  1\n                                )\n                              ]\n                            )\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _c(\"RequestSampleButtonComponent\", {\n                      staticClass: \"request-sample-btn\",\n                      attrs: {\n                        \"sample-link\": _vm.newProduct.sampleLink,\n                        \"sample-title\": _vm.newProduct.sampleTitle,\n                        color: \"white\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.newProduct\n          ? _c(\n              \"div\",\n              { staticClass: \"media-container\" },\n              [\n                _c(\"MediaCarouselComponent\", {\n                  attrs: { media: _vm.newProduct.media }\n                })\n              ],\n              1\n            )\n          : _vm._e()\n      ]),\n      _c(\n        \"div\",\n        { staticClass: \"slide-group-container\" },\n        [\n          _vm.newProducts.length\n            ? _c(\"SlideGroupComponent\", {\n                attrs: { \"carousel-items\": _vm.newProducts },\n                on: { \"item-select\": _vm.productSelected }\n              })\n            : _vm._e()\n        ],\n        1\n      ),\n      _vm.hasNoNewProducts\n        ? _c(\"div\", { staticClass: \"display-image\" }, [\n            _c(\"img\", {\n              staticClass: \"display-image\",\n              attrs: { src: require(\"@/assets/no_new_products.svg\") }\n            }),\n            _c(\"h2\", [\n              _vm._v(\n                \" \" +\n                  _vm._s(_vm.DCSLanguageService.translate(\"NoNewProducts\")) +\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// Exports\nmodule.exports = exports;\n","// 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.new-product-detail-container[data-v-2e7678de] {\\n  display: flex;\\n  flex-direction: row;\\n  align-items: center;\\n  gap: 4em;\\n  margin-bottom: 1em;\\n  margin-top: 1em;\\n}\\n.link-button[data-v-2e7678de] {\\n  color: white;\\n}\\n.btn-container[data-v-2e7678de] {\\n  display: flex;\\n}\\n.app-guide-btn[data-v-2e7678de] {\\n  width: 50%;\\n  text-align: left;\\n}\\n.prod-guide-btn[data-v-2e7678de] {\\n  width: 50%;\\n  text-align: right;\\n}\\n.explore-more-btn[data-v-2e7678de] {\\n  width: 50%;\\n  text-align: left;\\n}\\n.request-sample-btn[data-v-2e7678de] {\\n  width: 50%;\\n  text-align: right;\\n}\\n.new-product-detail-icon[data-v-2e7678de] {\\n  color: white;\\n  transform: scale(1.75);\\n}\\n.display-image[data-v-2e7678de] {\\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-2e7678de] {\\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-2e7678de] {\\n  margin: 0 auto;\\n  max-width: 1920px;\\n  padding-top: 7em;\\n}\\n.carousel .title[data-v-2e7678de] {\\n  display: flex;\\n  flex-direction: row;\\n  justify-content: center;\\n}\\n.carousel .title h1[data-v-2e7678de] {\\n  font: normal normal bold 34px/40px Roboto;\\n  color: white;\\n  text-align: center;\\n}\\n.carousel .text-media-container[data-v-2e7678de] {\\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-2e7678de] {\\n  display: flex;\\n  flex-direction: column;\\n  gap: 10px;\\n  width: 50%;\\n}\\n.carousel .text-container h2[data-v-2e7678de] {\\n  font: normal normal normal 34px/40px Roboto;\\n}\\n.carousel .media-container[data-v-2e7678de] {\\n  width: 50%;\\n}\\n@media (max-width: 960px) {\\n.carousel .text-container[data-v-2e7678de] {\\n    width: 100%;\\n}\\n.carousel .text-media-container[data-v-2e7678de] {\\n    flex-direction: column-reverse;\\n    gap: 2em;\\n    padding: 2em;\\n}\\n.carousel .media-container[data-v-2e7678de] {\\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!./RequestSampleButton.vue?vue&type=style&index=0&id=7e6f3ee2&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(\"3a307042\", 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!./RequestSampleButton.vue?vue&type=style&index=0&id=7e6f3ee2&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!./RequestSampleButton.vue?vue&type=style&index=0&id=7e6f3ee2&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}","// 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!./NewProducts.vue?vue&type=style&index=0&id=2e7678de&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(\"30ffc512\", 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!./NewProducts.vue?vue&type=style&index=0&id=2e7678de&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!./NewProducts.vue?vue&type=style&index=0&id=2e7678de&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_new_products.1701aaaf.svg\";","import { render, staticRenderFns } from \"./RequestSampleButton.vue?vue&type=template&id=7e6f3ee2&scoped=true\"\nimport script from \"./RequestSampleButton.vue?vue&type=script&lang=ts\"\nexport * from \"./RequestSampleButton.vue?vue&type=script&lang=ts\"\nimport style0 from \"./RequestSampleButton.vue?vue&type=style&index=0&id=7e6f3ee2&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  \"7e6f3ee2\",\n  null\n  \n)\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VBtn,VIcon})\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('7e6f3ee2')) {\n      api.createRecord('7e6f3ee2', component.options)\n    } else {\n      api.reload('7e6f3ee2', component.options)\n    }\n    module.hot.accept(\"./RequestSampleButton.vue?vue&type=template&id=7e6f3ee2&scoped=true\", function () {\n      api.rerender('7e6f3ee2', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/products/buttons/RequestSampleButton.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!./RequestSampleButton.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!./RequestSampleButton.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!./RequestSampleButton.vue?vue&type=style&index=0&id=7e6f3ee2&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!./RequestSampleButton.vue?vue&type=template&id=7e6f3ee2&scoped=true\"","import { render, staticRenderFns } from \"./NewProducts.vue?vue&type=template&id=2e7678de&scoped=true\"\nimport script from \"./NewProducts.vue?vue&type=script&lang=ts\"\nexport * from \"./NewProducts.vue?vue&type=script&lang=ts\"\nimport style0 from \"./NewProducts.vue?vue&type=style&index=0&id=2e7678de&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  \"2e7678de\",\n  null\n  \n)\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VBtn,VIcon})\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('2e7678de')) {\n      api.createRecord('2e7678de', component.options)\n    } else {\n      api.reload('2e7678de', component.options)\n    }\n    module.hot.accept(\"./NewProducts.vue?vue&type=template&id=2e7678de&scoped=true\", function () {\n      api.rerender('2e7678de', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/NewProduct/NewProducts.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!./NewProducts.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!./NewProducts.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!./NewProducts.vue?vue&type=style&index=0&id=2e7678de&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!./NewProducts.vue?vue&type=template&id=2e7678de&scoped=true\""],"sourceRoot":""}