{"version":3,"sources":["webpack:///src/components/asset/AssetDownload.vue","webpack:///src/components/stories/brandStories/list/BrandStoryTile.vue","webpack:///./src/components/asset/AssetDownload.vue","webpack:///./src/components/stories/brandStories/list/BrandStoryTile.vue","webpack:///./src/components/asset/AssetDownload.vue?520b","webpack:///./src/components/stories/brandStories/list/BrandStoryTile.vue?0ed0","webpack:///./src/components/asset/AssetDownload.vue?9df0","webpack:///./src/components/stories/brandStories/list/BrandStoryTile.vue?2536","webpack:///./src/components/asset/AssetDownload.vue?0aa6","webpack:///./src/components/asset/AssetDownload.vue?797d","webpack:///./src/components/asset/AssetDownload.vue?81a6","webpack:///./src/components/asset/AssetDownload.vue?a26b","webpack:///./src/components/stories/brandStories/list/BrandStoryTile.vue?a48a","webpack:///./src/components/stories/brandStories/list/BrandStoryTile.vue?5d1b","webpack:///./src/components/stories/brandStories/list/BrandStoryTile.vue?1f76","webpack:///./src/components/stories/brandStories/list/BrandStoryTile.vue?fcda","webpack:///./src/data/brandStoryTitleCopy.js"],"names":["render","_vm","_c","_self","staticClass","loading","attrs","icon","size","_e","class","storyTile","style","setAssetImage","staticRenderFns","_withStripped","to","brandStory","id","nativeOn","click","$event","setSelectedBrandStory","apply","arguments","height","asset","thumbnailAsset","forceImage","brandStoryImage","isStoryTile","_v","_s","subject","isPostedByUserNotAdmin","copy","postedBy","path","query","submittedByUser","setProfileViewUser","namePreferred","brandStoryLikesCount","brandStoryTileCopy","link"],"mappings":";;;;;;;;;;;;;;;;;AAkBA;AAEA;EACA;EACA;EACA;IACA;MACA;MACA;MACA;IACA;EACA;EACA;IACA;EACA;EACA;IACA;MACA;IACA;IACA;MACA;IACA;EACA;EACA;IACA;MAAA;QAAA;QAAA;QAAA;UAAA;YAAA;cAAA,MACA;gBAAA;gBAAA;cAAA;cACA;cACA;cAAA;cAAA,OACA,2EACA;gBAAA;cAAA,GACA;gBACA;cACA,GACA,qBACA;YAAA;cANA;cAQA;gBACA,kDACA,yBACA;cACA;cACA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;EAGA;EACA;IACA;MACA;MACA;MACA;QACA;MACA;MACA;MACA;IACA;IACA;MACA;QACA;MACA;MAEA;IACA;EACA;AACA,G;;;;;;;;;;;;;;;;;;ACtCA;AACA;AAEA;EACA;EACA;EACA;IACA;EACA;EACA;IACA;MACA;MACA;IACA;EACA;EACA;IACA;MACA,qBACA,wCACA,eACA;MAEA,qEACA;QAAA;MAAA;IACA;IACA;MACA;MACA;QACA,qBACA,+BACA,+BACA;MACA;IACA;EACA;EACA;IACA;MACA;QACA;MACA;MAEA;MACA;MACA;MACA;QACA;UACA;QACA;UACA;QACA;UACA;MACA;IACA;IACA;MACA;MACA;QACA;UACA;QACA;MACA;MACA;IACA;EACA;AACA,G;;;;;;;;;;;;AC1GA;AAAA;AAAA;AAAA,IAAIA,MAAM,GAAG,SAASA,MAAMA,CAAA,EAAG;EAC7B,IAAIC,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAe,CAAC,EAAE,CAChDF,EAAE,CACA,KAAK,EACL;IAAEE,WAAW,EAAE;EAAmB,CAAC,EACnC,CACEH,GAAG,CAACI,OAAO,GACPH,EAAE,CAAC,mBAAmB,EAAE;IACtBE,WAAW,EAAE,iBAAiB;IAC9BE,KAAK,EAAE;MAAEC,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;MAAE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","file":"1.js","sourcesContent":["<template>\r\n  <div class=\"imgContainer\">\r\n    <div\r\n      class=\"loadingContainer\"\r\n    >\r\n      <font-awesome-icon\r\n        v-if=\"loading\"\r\n        :icon=\"['fas', 'cog']\"\r\n        size=\"1x\"\r\n        class=\"fa-spin loading\"\r\n      />\r\n    </div>\r\n    <div :class=\"storyTile\" :style=\"setAssetImage\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport apiManager from '../../api';\r\n\r\nexport default {\r\n  name: 'AssetDownload',\r\n  props: ['asset', 'isStoryTile', 'forceImage'],\r\n  data() {\r\n    return {\r\n      id: null,\r\n      downloadedImage: null,\r\n      loading: false,\r\n    };\r\n  },\r\n  created() {\r\n    this.getImage();\r\n  },\r\n  watch: {\r\n    profile() {\r\n      this.getImage();\r\n    },\r\n    forceImage(newImageData) {\r\n      this.downloadedImage = newImageData;\r\n    },\r\n  },\r\n  methods: {\r\n    async getImage() {\r\n      if (this.asset && this.asset.id !== this.id) {\r\n        this.loading = true;\r\n        this.id = this.asset.id;\r\n        const download = await apiManager.asset.download(this.id, true)\r\n          .then(resp => resp)\r\n          .catch(() => {\r\n            this.loading = false;\r\n          })\r\n          .finally(() => {\r\n          });\r\n\r\n        if (download) {\r\n          this.downloadedImage = window.URL.createObjectURL(\r\n            new Blob([download.data]),\r\n          );\r\n        }\r\n        this.loading = false;\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    setAssetImage() {\r\n      let tempPath = '';\r\n      const backgroundImage = {};\r\n      if (this.downloadedImage) {\r\n        tempPath = this.downloadedImage;\r\n      }\r\n      backgroundImage['background-image'] = `url(${tempPath})`;\r\n      return backgroundImage;\r\n    },\r\n    storyTile() {\r\n      if (this.isStoryTile) {\r\n        return 'imgStory';\r\n      }\r\n\r\n      return 'imgNormal';\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n.imgContainer {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: relative;\r\n    color: black;\r\n\r\n    .imgNormal {\r\n      height: 100%;\r\n      width: 100%;\r\n      background-size: cover;\r\n      background-repeat: no-repeat;\r\n      background-position: center;\r\n    }\r\n\r\n    .imgStory {\r\n      height: 100%;\r\n      width: 100%;\r\n      background-size: cover;\r\n      background-repeat: no-repeat;\r\n      background-position: top;\r\n      background-color: $LincolnGrayLighter;\r\n    }\r\n\r\n    .loadingContainer {\r\n      width: 100%;\r\n      height: 100%;\r\n      display: flex;\r\n      flex-direction: row;\r\n      justify-content: center;\r\n      position: absolute;\r\n\r\n    .loading {\r\n      z-index: 100;\r\n      align-self: center;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <div class=\"brandStoryTile\">\r\n    <router-link\r\n      class=\"link\"\r\n      :to=\"'/brandStory?id=' + brandStory.id\"\r\n      @click.native=\"setSelectedBrandStory\"\r\n    >\r\n      <AssetDownload\r\n        @click.native=\"setSelectedBrandStory\"\r\n        :class=\"height\"\r\n        :asset=\"brandStory.thumbnailAsset\"\r\n        :forceImage=\"brandStoryImage\"\r\n        :isStoryTile=\"true\"\r\n      ></AssetDownload>\r\n    </router-link>\r\n    <div class=\"middleCopy\">\r\n      <router-link\r\n        class=\"link\"\r\n        :to=\"'/brandStory?id=' + brandStory.id\"\r\n        @click.native=\"setSelectedBrandStory\"\r\n      >\r\n        <div class=\"title\">{{brandStory.subject}}</div>\r\n      </router-link>\r\n    </div>\r\n    <div class=\"bottomSection\">\r\n      <div class=\"postedBy\">\r\n        <div v-if=\"isPostedByUserNotAdmin\">\r\n          {{copy.postedBy}}\r\n          <router-link\r\n            @click.native=\"setProfileViewUser\"\r\n            :to=\"{path: 'profile', query: { id: brandStory.submittedByUser.id }}\"\r\n          >{{brandStory.submittedByUser.namePreferred}}</router-link>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"brandStory.brandStoryLikesCount > 0\" class=\"bs-like\">\r\n        <font-awesome-icon :icon=\"['fal', 'heart']\" class=\"icon\" />\r\n        {{brandStory.brandStoryLikesCount}}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport copyBrandStoryTile from '../../../../data/brandStoryTitleCopy';\r\nimport AssetDownload from '../../../asset/AssetDownload.vue';\r\n\r\nexport default {\r\n  name: 'BrandStoryTile',\r\n  props: ['brandStory', 'givenHeightName', 'brandStoryImage'],\r\n  components: {\r\n    AssetDownload,\r\n  },\r\n  data() {\r\n    return {\r\n      copy: copyBrandStoryTile,\r\n      downloadedImage: null,\r\n    };\r\n  },\r\n  methods: {\r\n    setSelectedBrandStory() {\r\n      this.$store.dispatch(\r\n        'brandStoryStore/setCurrentBrandStory',\r\n        this.brandStory,\r\n      );\r\n\r\n      this.$analytics.trackEventBtnPageWithMetaInfo('BrandStoryTileClick',\r\n        { brandStoryId: this.brandStory.id });\r\n    },\r\n    setProfileViewUser() {\r\n      const route = this.$route;\r\n      if (route.name !== 'profile' || route.query.id !== this.brandStory.submittedByUser.id) {\r\n        this.$store.dispatch(\r\n          'profileViewStore/setProfile',\r\n          this.brandStory.submittedByUser,\r\n        );\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    height() {\r\n      if (this.givenHeightName) {\r\n        return this.givenHeightName;\r\n      }\r\n\r\n      const min = 1;\r\n      const max = 3;\r\n      const random = Math.floor(Math.random() * (+max - +min)) + +min;\r\n      switch (random) {\r\n        case 1:\r\n          return 'sizeFull';\r\n        case 2:\r\n          return 'sizeMedium';\r\n        default:\r\n          return 'sizeSmall';\r\n      }\r\n    },\r\n    isPostedByUserNotAdmin() {\r\n      let bIsNotAdmin = true;\r\n      if (this.brandStory.submittedByUser) {\r\n        if (this.brandStory.submittedByUser.role) {\r\n          bIsNotAdmin = this.brandStory.submittedByUser.role.name !== 'ADMIN';\r\n        }\r\n      }\r\n      return bIsNotAdmin;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.brandStoryTile {\r\n  border-radius: 10px;\r\n  margin-bottom: 30px;\r\n  box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);\r\n  color: $BrandStoryTileText;\r\n  overflow: hidden;\r\n\r\n  a {\r\n    text-decoration: none;\r\n    color: inherit;\r\n\r\n    &:hover {\r\n      color: $LincolnOrange;\r\n    }\r\n  }\r\n\r\n  .sizeFull {\r\n    height: 300px;\r\n  }\r\n\r\n  .sizeMedium {\r\n    height: 200px;\r\n  }\r\n\r\n  .sizeSmall {\r\n    height: 150px;\r\n  }\r\n\r\n  .middleCopy {\r\n    padding: 10px 10px 0 10px;\r\n\r\n    .title {\r\n      @include font-size(1.125rem);\r\n    }\r\n  }\r\n\r\n  .bottomSection {\r\n    padding: 10px 10px 15px 10px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    @include font-size(0.75rem);\r\n\r\n    a {\r\n      text-decoration: underline;\r\n    }\r\n\r\n    .postedBy {\r\n      display: flex;\r\n      flex: 1;\r\n    }\r\n\r\n    .bs-like {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      .icon {\r\n        margin-right: 5px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"imgContainer\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"loadingContainer\" },\n      [\n        _vm.loading\n          ? _c(\"font-awesome-icon\", {\n              staticClass: \"fa-spin loading\",\n              attrs: { icon: [\"fas\", \"cog\"], size: \"1x\" },\n            })\n          : _vm._e(),\n      ],\n      1\n    ),\n    _c(\"div\", { class: _vm.storyTile, style: _vm.setAssetImage }),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { staticClass: \"brandStoryTile\" },\n    [\n      _c(\n        \"router-link\",\n        {\n          staticClass: \"link\",\n          attrs: { to: \"/brandStory?id=\" + _vm.brandStory.id },\n          nativeOn: {\n            click: function ($event) {\n              return _vm.setSelectedBrandStory.apply(null, arguments)\n            },\n          },\n        },\n        [\n          _c(\"AssetDownload\", {\n            class: _vm.height,\n            attrs: {\n              asset: _vm.brandStory.thumbnailAsset,\n              forceImage: _vm.brandStoryImage,\n              isStoryTile: true,\n            },\n            nativeOn: {\n              click: function ($event) {\n                return _vm.setSelectedBrandStory.apply(null, arguments)\n              },\n            },\n          }),\n        ],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"middleCopy\" },\n        [\n          _c(\n            \"router-link\",\n            {\n              staticClass: \"link\",\n              attrs: { to: \"/brandStory?id=\" + _vm.brandStory.id },\n              nativeOn: {\n                click: function ($event) {\n                  return _vm.setSelectedBrandStory.apply(null, arguments)\n                },\n              },\n            },\n            [\n              _c(\"div\", { staticClass: \"title\" }, [\n                _vm._v(_vm._s(_vm.brandStory.subject)),\n              ]),\n            ]\n          ),\n        ],\n        1\n      ),\n      _c(\"div\", { staticClass: \"bottomSection\" }, [\n        _c(\"div\", { staticClass: \"postedBy\" }, [\n          _vm.isPostedByUserNotAdmin\n            ? _c(\n                \"div\",\n                [\n                  _vm._v(\n                    \"\\n        \" + _vm._s(_vm.copy.postedBy) + \"\\n        \"\n                  ),\n                  _c(\n                    \"router-link\",\n                    {\n                      attrs: {\n                        to: {\n                          path: \"profile\",\n                          query: { id: _vm.brandStory.submittedByUser.id },\n                        },\n                      },\n                      nativeOn: {\n                        click: function ($event) {\n                          return _vm.setProfileViewUser.apply(null, arguments)\n                        },\n                      },\n                    },\n                    [\n                      _vm._v(\n                        _vm._s(_vm.brandStory.submittedByUser.namePreferred)\n                      ),\n                    ]\n                  ),\n                ],\n                1\n              )\n            : _vm._e(),\n        ]),\n        _vm.brandStory.brandStoryLikesCount > 0\n          ? _c(\n              \"div\",\n              { staticClass: \"bs-like\" },\n              [\n                _c(\"font-awesome-icon\", {\n                  staticClass: \"icon\",\n                  attrs: { icon: [\"fal\", \"heart\"] },\n                }),\n                _vm._v(\n                  \"\\n      \" +\n                    _vm._s(_vm.brandStory.brandStoryLikesCount) +\n                    \"\\n    \"\n                ),\n              ],\n              1\n            )\n          : _vm._e(),\n      ]),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\nexports.push([module.id, \"@import url(https://use.typekit.net/srv0wme.css);\", \"\"]);\n\n// module\nexports.push([module.id, \"/*\\r\\n$breakpoint argument choices:\\r\\n- xs\\r\\n- sm\\r\\n- md\\r\\n- lg\\r\\n- xl\\r\\n*/\\n.imgContainer[data-v-5824278e] {\\n  width: 100%;\\n  height: 100%;\\n  position: relative;\\n  color: black;\\n}\\n.imgContainer .imgNormal[data-v-5824278e] {\\n    height: 100%;\\n    width: 100%;\\n    background-size: cover;\\n    background-repeat: no-repeat;\\n    background-position: center;\\n}\\n.imgContainer .imgStory[data-v-5824278e] {\\n    height: 100%;\\n    width: 100%;\\n    background-size: cover;\\n    background-repeat: no-repeat;\\n    background-position: top;\\n    background-color: #ebe6e3;\\n}\\n.imgContainer .loadingContainer[data-v-5824278e] {\\n    width: 100%;\\n    height: 100%;\\n    display: -webkit-box;\\n    display: -ms-flexbox;\\n    display: flex;\\n    -webkit-box-orient: horizontal;\\n    -webkit-box-direction: normal;\\n        -ms-flex-direction: row;\\n            flex-direction: row;\\n    -webkit-box-pack: center;\\n        -ms-flex-pack: center;\\n            justify-content: center;\\n    position: absolute;\\n}\\n.imgContainer .loadingContainer .loading[data-v-5824278e] {\\n      z-index: 100;\\n      -ms-flex-item-align: center;\\n          align-self: center;\\n}\\n\", \"\"]);\n\n// exports\n","exports = module.exports = require(\"../../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\nexports.push([module.id, \"@import url(https://use.typekit.net/srv0wme.css);\", \"\"]);\n\n// module\nexports.push([module.id, \"/*\\r\\n$breakpoint argument choices:\\r\\n- xs\\r\\n- sm\\r\\n- md\\r\\n- lg\\r\\n- xl\\r\\n*/\\n.brandStoryTile[data-v-57eafeb6] {\\n  border-radius: 10px;\\n  margin-bottom: 30px;\\n  -webkit-box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);\\n          box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);\\n  color: #32404a;\\n  overflow: hidden;\\n}\\n.brandStoryTile a[data-v-57eafeb6] {\\n    text-decoration: none;\\n    color: inherit;\\n}\\n.brandStoryTile a[data-v-57eafeb6]:hover {\\n      color: #f55f40;\\n}\\n.brandStoryTile .sizeFull[data-v-57eafeb6] {\\n    height: 300px;\\n}\\n.brandStoryTile .sizeMedium[data-v-57eafeb6] {\\n    height: 200px;\\n}\\n.brandStoryTile .sizeSmall[data-v-57eafeb6] {\\n    height: 150px;\\n}\\n.brandStoryTile .middleCopy[data-v-57eafeb6] {\\n    padding: 10px 10px 0 10px;\\n}\\n.brandStoryTile .middleCopy .title[data-v-57eafeb6] {\\n      font-size: 1.125rem;\\n}\\n@media (max-width: 1200px) {\\n.brandStoryTile .middleCopy .title[data-v-57eafeb6] {\\n          font-size: calc(0.9rem + 0.3vw) ;\\n}\\n}\\n.brandStoryTile .bottomSection[data-v-57eafeb6] {\\n    padding: 10px 10px 15px 10px;\\n    display: -webkit-box;\\n    display: -ms-flexbox;\\n    display: flex;\\n    -webkit-box-orient: horizontal;\\n    -webkit-box-direction: normal;\\n        -ms-flex-direction: row;\\n            flex-direction: row;\\n    -webkit-box-align: center;\\n        -ms-flex-align: center;\\n            align-items: center;\\n    font-size: 0.75rem;\\n}\\n.brandStoryTile .bottomSection a[data-v-57eafeb6] {\\n      text-decoration: underline;\\n}\\n.brandStoryTile .bottomSection .postedBy[data-v-57eafeb6] {\\n      display: -webkit-box;\\n      display: -ms-flexbox;\\n      display: flex;\\n      -webkit-box-flex: 1;\\n          -ms-flex: 1;\\n              flex: 1;\\n}\\n.brandStoryTile .bottomSection .bs-like[data-v-57eafeb6] {\\n      display: -webkit-box;\\n      display: -ms-flexbox;\\n      display: flex;\\n      -webkit-box-align: center;\\n          -ms-flex-align: center;\\n              align-items: center;\\n}\\n.brandStoryTile .bottomSection .bs-like .icon[data-v-57eafeb6] {\\n        margin-right: 5px;\\n}\\n\", \"\"]);\n\n// 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/index.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/lib/loader.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!./AssetDownload.vue?vue&type=style&index=0&id=5824278e&lang=scss&scoped=true\");\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(\"a7e83fe4\", 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/index.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/lib/loader.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!./AssetDownload.vue?vue&type=style&index=0&id=5824278e&lang=scss&scoped=true\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/index.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/lib/loader.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!./AssetDownload.vue?vue&type=style&index=0&id=5824278e&lang=scss&scoped=true\");\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/index.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/lib/loader.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!./BrandStoryTile.vue?vue&type=style&index=0&id=57eafeb6&lang=scss&scoped=true\");\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(\"18933c3a\", 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/index.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/lib/loader.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!./BrandStoryTile.vue?vue&type=style&index=0&id=57eafeb6&lang=scss&scoped=true\", function() {\n     var newContent = require(\"!!../../../../../node_modules/css-loader/index.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/lib/loader.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!./BrandStoryTile.vue?vue&type=style&index=0&id=57eafeb6&lang=scss&scoped=true\");\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}","import { render, staticRenderFns } from \"./AssetDownload.vue?vue&type=template&id=5824278e&scoped=true\"\nimport script from \"./AssetDownload.vue?vue&type=script&lang=js\"\nexport * from \"./AssetDownload.vue?vue&type=script&lang=js\"\nimport style0 from \"./AssetDownload.vue?vue&type=style&index=0&id=5824278e&lang=scss&scoped=true\"\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  \"5824278e\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"c:\\\\VSTSAgentPreProd\\\\_work\\\\103\\\\s\\\\effortless-guide-site\\\\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('5824278e')) {\n      api.createRecord('5824278e', component.options)\n    } else {\n      api.reload('5824278e', component.options)\n    }\n    module.hot.accept(\"./AssetDownload.vue?vue&type=template&id=5824278e&scoped=true\", function () {\n      api.rerender('5824278e', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/asset/AssetDownload.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./AssetDownload.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./AssetDownload.vue?vue&type=script&lang=js\"","export * from \"-!../../../node_modules/vue-style-loader/index.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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/lib/loader.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!./AssetDownload.vue?vue&type=style&index=0&id=5824278e&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"44074d8e-vue-loader-template\\\"}!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AssetDownload.vue?vue&type=template&id=5824278e&scoped=true\"","import { render, staticRenderFns } from \"./BrandStoryTile.vue?vue&type=template&id=57eafeb6&scoped=true\"\nimport script from \"./BrandStoryTile.vue?vue&type=script&lang=js\"\nexport * from \"./BrandStoryTile.vue?vue&type=script&lang=js\"\nimport style0 from \"./BrandStoryTile.vue?vue&type=style&index=0&id=57eafeb6&lang=scss&scoped=true\"\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  \"57eafeb6\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"c:\\\\VSTSAgentPreProd\\\\_work\\\\103\\\\s\\\\effortless-guide-site\\\\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('57eafeb6')) {\n      api.createRecord('57eafeb6', component.options)\n    } else {\n      api.reload('57eafeb6', component.options)\n    }\n    module.hot.accept(\"./BrandStoryTile.vue?vue&type=template&id=57eafeb6&scoped=true\", function () {\n      api.rerender('57eafeb6', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/stories/brandStories/list/BrandStoryTile.vue\"\nexport default component.exports","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../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!./BrandStoryTile.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../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!./BrandStoryTile.vue?vue&type=script&lang=js\"","export * from \"-!../../../../../node_modules/vue-style-loader/index.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.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/lib/loader.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!./BrandStoryTile.vue?vue&type=style&index=0&id=57eafeb6&lang=scss&scoped=true\"","export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"44074d8e-vue-loader-template\\\"}!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BrandStoryTile.vue?vue&type=template&id=57eafeb6&scoped=true\"","const brandStoryTileCopy = {\r\n  link: 'Read More',\r\n  postedBy: 'Posted by',\r\n};\r\n\r\nexport default brandStoryTileCopy;\r\n"],"sourceRoot":""}