{"version":3,"sources":["webpack:///src/components/UI/ImageViewer.vue","webpack:///src/components/UI/Loader.vue","webpack:///src/components/UI/Message.vue","webpack:///src/views/Articles/News.vue","webpack:///./src/components/UI/ImageViewer.vue","webpack:///./src/components/UI/Loader.vue","webpack:///./src/components/UI/Message.vue","webpack:///./src/views/Articles/News.vue","webpack:///./node_modules/core-js/modules/es.array.fill.js","webpack:///./src/components/UI/ImageViewer.vue?cb79","webpack:///./src/views/Articles/News.vue?784a","webpack:///./src/components/UI/ImageViewer.vue?15dd","webpack:///./src/views/Articles/News.vue?c81f","webpack:///./src/components/UI/ImageViewer.vue?3c1b","webpack:///./src/components/UI/ImageViewer.vue?7aed","webpack:///./src/components/UI/ImageViewer.vue?19b4","webpack:///./src/components/UI/ImageViewer.vue?7d26","webpack:///./src/components/UI/Loader.vue?9492","webpack:///./src/components/UI/Loader.vue?b215","webpack:///./src/components/UI/Loader.vue?1982","webpack:///./src/components/UI/Message.vue?fb09","webpack:///./src/components/UI/Message.vue?fba0","webpack:///./src/components/UI/Message.vue?3503","webpack:///./src/views/Articles/News.vue?8e3d","webpack:///./src/views/Articles/News.vue?b7b1","webpack:///./src/views/Articles/News.vue?1c05","webpack:///./src/views/Articles/News.vue?5097"],"names":["name","props","type","String","default","imageSrc","itemName","required","itemId","Number","imageSize","aspectRatio","data","mImageSrc","chosenRandomColor","randomBgColor","watch","immediate","handler","getImageSource","methods","generateAvatar","source","$options","filters","getLocationImage","getEventImage","getGroupImage","getArticleImage","performance","now","handleError","el","target","src","text","toUpperCase","width","height","canvas","document","createElement","ctx","getContext","beginPath","rect","closePath","fillStyle","fill","font","textAlign","wrapText","toDataURL","arrColors","Math","floor","random","length","context","x","y","maxWidth","lineHeight","words","split","line","n","testLine","metrics","measureText","testWidth","fillText","color","message","size","computed","combindedClass","c","ModalCreateArticle","ModalDeleteArticle","components","ImageViewer","Loader","Message","LinkIcon","isLoading","isSearching","locationId","$route","params","showCreateArticle","showDeleteArticle","showModalType","selectedArticle","_objectSpread","mapState","created","getLocationArticles","mapMutations","_this","_asyncToGenerator","_regenerator","m","_callee","apiResponse","_t","w","_context","p","a","articleProvider","articleType","searchTerm","articlesPageState","page","itemsPerPage","v","status","articles","Results","setArticlesPageState","searchArticles","self","spaces","reachedEnd","setShowModalType","arguments","undefined","article","gotToArticle","$router","push","key","Key","printDate","dateTime","indexOf","intlFormat","parseISO","year","month","day","locale","$i18n","publishState","output","nrOfTags","tags","tagCssClass","Status","$t","hideModal","render","_vm","_c","_self","staticClass","style","backgroundColor","attrs","alt","loading","on","error","staticRenderFns","_withStripped","viewBox","xmlns","cx","cy","r","attributeName","from","to","begin","dur","values","calcMode","repeatCount","class","_v","_s","_e","showModal","onClickCancel","title","scopedSlots","_u","fn","click","$event","proxy","_l","Id","ImageUrl","Title","Author","Date","ExpiresOn","TimesMatched","icon","TimesClicked","Views","nativeOn"],"mappings":"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","file":"js/167.js?id=fed15a99a837ba8e2e5e","sourcesContent":["<template>\n  <figure class=\"image\">\n    <img\n      :src=\"mImageSrc\"\n      :style=\"{ backgroundColor: chosenRandomColor }\"\n      :alt=\"itemName\"\n      loading=\"lazy\"\n      @error=\"handleError\"\n    />\n  </figure>\n</template>\n\n<script>\nexport default {\n  name: 'ImageViewer',\n\n  props: {\n    type: {\n      type: String,\n      default: ''\n    },\n    imageSrc: {\n      type: String,\n      default: ''\n    },\n    itemName: {\n      type: String,\n      required: true\n    },\n    itemId: {\n      type: Number,\n      default: 0\n    },\n    imageSize: {\n      type: Number,\n      default: 0\n    },\n    aspectRatio: {\n      type: Number,\n      default: 4 / 3\n    }\n  },\n\n  data() {\n    return {\n      mImageSrc: '',\n      chosenRandomColor: this.randomBgColor()\n    }\n  },\n\n  watch: {\n    imageSrc: {\n      immediate: true,\n      handler: function name() {\n        this.mImageSrc = this.getImageSource()\n      }\n    }\n  },\n\n  methods: {\n    getImageSource() {\n      if (!this.imageSrc) { return this.generateAvatar() }\n      let source = ''\n      switch (this.type) {\n        case 'location':\n          source = this.$options.filters.getLocationImage(\n            this.imageSrc,\n            this.itemId,\n            this.imageSize\n          )\n          break\n\n        case 'event':\n          source = this.$options.filters.getEventImage(\n            this.imageSrc,\n            this.imageSize\n          )\n          break\n\n        case 'group':\n          source = this.$options.filters.getGroupImage(\n            this.imageSrc,\n            this.itemId,\n            this.imageSize\n          )\n          break\n\n        case 'article':\n          source = this.$options.filters.getArticleImage(\n            this.imageSrc,\n            this.itemId,\n            this.imageSize\n          )\n          break\n\n        default: {\n          source = this.imageSrc\n        }\n      }\n\n      return source + '?v=' + performance.now()\n    },\n\n    handleError(el) {\n      el.target.src = this.generateAvatar()\n    },\n\n    generateAvatar() {\n      let text = this.itemName.toUpperCase()\n      let width = this.imageSize !== 0 ? this.imageSize : 1280\n      let height = width / this.aspectRatio\n\n      var canvas = document.createElement('canvas');\n      canvas.width = width;\n      canvas.height = height;\n\n      // Get the drawing context\n      var ctx = canvas.getContext('2d');\n      ctx.beginPath();\n      ctx.rect(0, 0, width, height)\n      ctx.closePath();\n      ctx.fillStyle = this.chosenRandomColor\n      ctx.fill();\n      ctx.fillStyle = \"white\";\n      ctx.font = \"bold 26px Arial\";\n      ctx.textAlign = 'center';\n      this.wrapText(ctx, text, width / 2, height / 2 + 13, width - 20, 36)\n      return canvas.toDataURL();\n    },\n\n    randomBgColor() {\n      const arrColors = ['#4C9B9B', '#0B757A', '#CFE4E5', '#78FFDA', '#95c11e', '#fec632', '#fec632', '#00baff', '#ff6600']\n      return arrColors[Math.floor(Math.random() * arrColors.length)]\n    },\n\n    wrapText(context, text, x, y, maxWidth, lineHeight) {\n      var words = text.split(' ');\n      var line = '';\n\n      for (var n = 0; n < words.length; n++) {\n        var testLine = line + words[n] + ' ';\n        var metrics = context.measureText(testLine);\n        var testWidth = metrics.width;\n        if (testWidth > maxWidth && n > 0) {\n          context.fillText(line, x, y);\n          line = words[n] + ' ';\n          y += lineHeight;\n        }\n        else {\n          line = testLine;\n        }\n      }\n      context.fillText(line, x, y);\n    }\n  }\n}\n</script>\n\n<style lang=\"sass\" scoped>\n.image\n  position: relative\n  img\n    object-fit: cover\n</style>","<template>\n  <div class=\"has-padding has-text-centered\">\n    <svg\n      viewBox=\"0 0 120 30\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      :fill=\"color\"\n      :width=\"width\"\n      :height=\"height\"\n    >\n      <circle cx=\"15\" cy=\"15\" r=\"15\">\n        <animate\n          attributeName=\"r\"\n          from=\"15\"\n          to=\"15\"\n          begin=\"0s\"\n          dur=\"0.8s\"\n          values=\"15;9;15\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"fill-opacity\"\n          from=\"1\"\n          to=\"1\"\n          begin=\"0s\"\n          dur=\"0.8s\"\n          values=\"1;.5;1\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n      <circle cx=\"60\" cy=\"15\" r=\"9\" fill-opacity=\"0.3\">\n        <animate\n          attributeName=\"r\"\n          from=\"9\"\n          to=\"9\"\n          begin=\"0s\"\n          dur=\"0.8s\"\n          values=\"9;15;9\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"fill-opacity\"\n          from=\"0.5\"\n          to=\"0.5\"\n          begin=\"0s\"\n          dur=\"0.8s\"\n          values=\".5;1;.5\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n      <circle cx=\"105\" cy=\"15\" r=\"15\">\n        <animate\n          attributeName=\"r\"\n          from=\"15\"\n          to=\"15\"\n          begin=\"0s\"\n          dur=\"0.8s\"\n          values=\"15;9;15\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"fill-opacity\"\n          from=\"1\"\n          to=\"1\"\n          begin=\"0s\"\n          dur=\"0.8s\"\n          values=\"1;.5;1\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n    </svg>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"dots\",\n  props: {\n    color: {\n      type: String,\n      default: \"#000\"\n    },\n    height: {\n      type: Number,\n      default: 240\n    },\n    width: {\n      type: Number,\n      default: 60\n    }\n  }\n};\n</script>\n","<template>\n  <article\n    class=\"message\"\n    :class=\"combindedClass\"\n  >\n    <div class=\"message-body\">\n      <template v-if=\"message\">\n        {{ message }}\n      </template>\n      <slot name=\"content\"></slot>\n    </div>\n  </article>\n</template>\n\n<script>\nexport default {\n  props: {\n    /**\n     * For what'll be shown inside of the message box.\n     */\n    message: {\n      type: String,\n      default: ''\n    },\n\n    size: {\n      type: String,\n      default: ''\n    },\n\n    /**\n     * type bepaalt het type weergave\n     * eq. is-info = for information style. It defines the style of the message\n     */\n    type: {\n      type: String,\n      default: 'is-info'\n    }\n  },\n  data() {\n    return {};\n  },\n\n  computed: {\n    combindedClass() {\n      let c = this.type;\n\n      if (this.size.length > 0) {\n        c = c + ' ' + this.size;\n      }\n\n      return c;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped></style>\n","<template>\n  <div class=\"section\">\n    <ModalCreateArticle\n      v-if=\"showModalType === 'CreateArticle'\"\n      :showModal=\"showModalType === 'CreateArticle'\"\n      articleType=\"News\"\n      :onClickCancel=\"hideModal\"\n    />\n\n    <ModalDeleteArticle\n      v-if=\"showDeleteArticle\"\n      :article=\"selectedArticle\"\n      :showModal=\"showDeleteArticle\"\n      :onClickCancel=\"hideModal\"\n    />\n    <div class=\"container\">\n      <div class=\"columns is-multiline\">\n        <div class=\"column is-half\">\n          <ui-page-hero :title=\"$t('Views.Articles.Main_News_Title')\" />\n        </div>\n        <div class=\"column is-half\">\n          <Message class=\"is-info\">\n            <template #content>\n              <div class=\"content\">\n                <p>\n                  {{ $t('Views.Articles.Message_CreateArticleNews_Text') }}\n                </p>\n                <a\n                  @click=\"setShowModalType('CreateNews')\"\n                  class=\"button is-primary\"\n                  >{{ $t('Views.Articles.Message_CreateArticleNews_Button') }}</a\n                >\n              </div>\n            </template>\n          </Message>\n        </div>\n      </div>\n      <table class=\"table is-fullwidth\">\n        <thead>\n          <tr>\n            <th>{{ $t('Views.Articles.Table_HeaderTitle') }}</th>\n            <th>{{ $t('Views.Articles.Table_HeaderPublished') }}</th>\n            <th>{{ $t('Views.Articles.Table_HeaderExpiresOn') }}</th>\n            <th>{{ $t('Views.Articles.Table_HeaderStats') }}</th>\n            <th></th>\n          </tr>\n        </thead>\n        <tbody v-if=\"!isLoading\">\n          <tr\n            v-for=\"article in articlesPageState.articles\"\n            :key=\"'a' + article.Key\"\n          >\n            <td>\n              <div class=\"articleImage mr-3\">\n                <ImageViewer\n                  :itemId=\"article.Id\"\n                  :aspectRatio=\"3 / 2\"\n                  :imageSize=\"320\"\n                  :imageSrc=\"article.ImageUrl\"\n                  :itemName=\"article.Title\"\n                  type=\"article\"\n                  class=\"is-3by2\"\n                />\n              </div>\n              <div>\n                <!-- <Tags\n                v-bind=\"publishState(article)\"\n                class=\"is-inline-flex mb-1\"\n              /> -->\n\n                <div class=\"has-text-weight-bold\">{{ article.Title }}</div>\n                {{ article.Author }}\n              </div>\n            </td>\n            <td>{{ printDate(article.Date) }}</td>\n            <td>{{ printDate(article.ExpiresOn) }}</td>\n            <td>\n              <span\n                :class=\"{ 'has-text-grey': !article.TimesMatched }\"\n                class=\"icon-text mr-2\"\n              >\n                <span class=\"icon\">\n                  <font-awesome-icon :icon=\"['fas', 'chart-network']\" />\n                </span>\n                <span>{{ article.TimesMatched }}</span>\n              </span>\n              <span\n                :class=\"{ 'has-text-grey': !article.TimesClicked }\"\n                class=\"icon-text mr-2\"\n              >\n                <span class=\"icon\">\n                  <font-awesome-icon :icon=\"['fas', 'bullseye-pointer']\" />\n                </span>\n                <span>{{ article.TimesClicked }}</span>\n              </span>\n              <span\n                :class=\"{ 'has-text-grey': !article.Views }\"\n                class=\"icon-text\"\n              >\n                <span class=\"icon\">\n                  <font-awesome-icon :icon=\"['fas', 'eye']\" />\n                </span>\n                <span>{{ article.Views }}</span>\n              </span>\n            </td>\n            <td>\n              <div class=\"fields\">\n                <p class=\"control\">\n                  <LinkIcon\n                    type=\"OnClick\"\n                    @click.native=\"gotToArticle(article)\"\n                    :text=\"$t('Form.Control.Edit')\"\n                  />\n                </p>\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <Loader v-if=\"isLoading\" />\n      <Message\n        v-if=\"!isLoading && !articlesPageState.articles.length\"\n        class=\"is-info\"\n      >\n        <template #content>\n          <div class=\"content\">\n            <p>{{ $t('Views.Articles.Message_NoNewsPosts') }}</p>\n            <a\n              @click=\"setShowModalType('CreateArticle')\"\n              class=\"button is-primary\"\n              >{{ $t('Views.Articles.Message_CreateArticleNews_Button') }}</a\n            >\n          </div>\n        </template>\n      </Message>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapMutations } from 'vuex';\nimport articleProvider from '@/providers/article';\nimport parseISO from 'date-fns/esm/parseISO/index.js';\nimport intlFormat from 'date-fns/intlFormat';\n\nconst ModalCreateArticle = () => import('@/components/Articles/ModalCreateArticle');\nconst ModalDeleteArticle = () => import('@/components/Articles/ModalDeleteArticle');\nimport ImageViewer from '@/components/UI/ImageViewer.vue';\nimport Message from '@/components/UI/Message.vue';\nimport Loader from '@/components/UI/Loader.vue';\nimport LinkIcon from '@/components/UI/LinkIcon.vue';\n\nexport default {\n  components: {\n    ImageViewer,\n    ModalCreateArticle,\n    ModalDeleteArticle,\n    // SearchBar,\n    Loader,\n    Message,\n    LinkIcon\n    // Tags: () => import('@/components/UI/Tags'),\n  },\n\n  props: {},\n\n  data() {\n    return {\n      isLoading: false,\n      isSearching: false,\n      locationId: Number(this.$route.params.locationId),\n      showCreateArticle: false,\n      showDeleteArticle: false,\n      showModalType: '',\n      selectedArticle: null\n    };\n  },\n\n  computed: {\n    ...mapState('articleStore', ['articlesPageState'])\n  },\n\n  created() {\n    this.getLocationArticles();\n  },\n\n  methods: {\n    ...mapMutations('articleStore', ['setArticlesPageState']),\n    ...mapMutations('articleStore', ['setArticle']),\n\n    async getLocationArticles() {\n      if (this.isLoading) {\n        return;\n      }\n      this.isLoading = true;\n      this.isSearching = true;\n\n      try {\n        let apiResponse = await articleProvider.methods.getLocationArticles({\n          locationId: this.locationId,\n          articleType: 'News',\n          searchTerm: this.articlesPageState.searchTerm,\n          page: this.articlesPageState.page,\n          itemsPerPage: this.articlesPageState.itemsPerPage\n        });\n        if (apiResponse.status === 200) {\n          this.articlesPageState.articles = apiResponse.data.Results;\n          this.setArticlesPageState(this.articlesPageState);\n        }\n      } catch {}\n      this.isLoading = false;\n      this.isSearching = false;\n\n      // articleProvider.methods.getLocationArticles({\n      //   locationId: this.locationId,\n      //   articleType: 'News',\n      //   searchTerm: this.articlesPageState.searchTerm,\n      //   page: this.articlesPageState.page,\n      //   itemsPerPage: this.articlesPageState.itemsPerPage\n      // })\n      //   .then((response) => {\n      //     if (response.status === 200) {\n      //       this.articlesPageState.articles = response.data.Results\n      //       this.setArticlesPageState(this.articlesPageState)\n      //     }\n      //   })\n      //   .catch((error) => {\n      //     console.log(error)\n      //   })\n      //   .finally(() => {\n      //     this.isSearching = false\n      //   })\n      // this.isLoading = false\n    },\n\n    searchArticles(searchTerm) {\n      let self = this;\n      self.articlesPageState.spaces = [];\n      self.articlesPageState.page = 1;\n      self.articlesPageState.reachedEnd = false;\n\n      self.articlesPageState.searchTerm = searchTerm;\n\n      this.getLocationArticles();\n    },\n\n    setShowModalType(type = '', article = null) {\n      this.showModalType = type;\n      this.selectedArticle === article;\n    },\n\n    gotToArticle(article) {\n      this.$router.push({\n        name: 'articles-news-edit',\n        params: {\n          key: article.Key\n        }\n      });\n    },\n\n    printDate(dateTime) {\n      if (dateTime.indexOf('1900') !== -1) {\n        return '-';\n      }\n      return intlFormat(\n        parseISO(dateTime),\n        {\n          year: 'numeric',\n          month: 'long',\n          day: 'numeric'\n        },\n        {\n          locale: this.$i18n.locale\n        }\n      );\n    },\n\n    publishState(article) {\n      let output = {\n        nrOfTags: 0,\n        tags: '',\n        tagCssClass: ''\n      };\n\n      if (article.Status === 'Draft') {\n        output.tagCssClass = 'is-warning is-normal';\n        output.tags = this.$t('Components.Article.ArticleDetail.Text_ArticleStateDraft');\n      }\n\n      if (article.Status === 'Retracted') {\n        output.tagCssClass = 'is-danger is-normal';\n        output.tags = this.$t('Components.Article.ArticleDetail.Text_ArticleStateRetracted');\n      }\n\n      if (article.Status === 'Published') {\n        output.tagCssClass = 'is-success is-normal';\n        output.tags = this.$t('Components.Article.ArticleDetail.Text_ArticleStatePublished');\n      }\n\n      return output;\n    },\n\n    // goToArticle(article) {\n    //   this.setArticle(article)\n\n    //   this.$router.push({\n    //     name: `articles-detail`,\n    //     params: { articleId: article.Id },\n    //   })\n    // },\n\n    // setShowCreateArticle() {\n    //   this.showCreateArticle = true\n    // },\n\n    // setShowDeleteArticle(article) {\n    //   this.selectedArticle = article\n    //   this.showDeleteArticle = true\n    // },\n\n    hideModal() {\n      this.selectedArticle = null;\n      this.showModalType = '';\n    }\n\n    // setShowArticleSummary(article) {},\n  }\n};\n</script>\n\n<style lang=\"sass\" scoped>\n.articleImage\n  max-width: 150px\n  width: 100%\n  float: left\n</style>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"figure\", { staticClass: \"image\" }, [\n    _c(\"img\", {\n      style: { backgroundColor: _vm.chosenRandomColor },\n      attrs: { src: _vm.mImageSrc, alt: _vm.itemName, loading: \"lazy\" },\n      on: { error: _vm.handleError },\n    }),\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(\"div\", { staticClass: \"has-padding has-text-centered\" }, [\n    _c(\n      \"svg\",\n      {\n        attrs: {\n          viewBox: \"0 0 120 30\",\n          xmlns: \"http://www.w3.org/2000/svg\",\n          fill: _vm.color,\n          width: _vm.width,\n          height: _vm.height,\n        },\n      },\n      [\n        _c(\"circle\", { attrs: { cx: \"15\", cy: \"15\", r: \"15\" } }, [\n          _c(\"animate\", {\n            attrs: {\n              attributeName: \"r\",\n              from: \"15\",\n              to: \"15\",\n              begin: \"0s\",\n              dur: \"0.8s\",\n              values: \"15;9;15\",\n              calcMode: \"linear\",\n              repeatCount: \"indefinite\",\n            },\n          }),\n          _c(\"animate\", {\n            attrs: {\n              attributeName: \"fill-opacity\",\n              from: \"1\",\n              to: \"1\",\n              begin: \"0s\",\n              dur: \"0.8s\",\n              values: \"1;.5;1\",\n              calcMode: \"linear\",\n              repeatCount: \"indefinite\",\n            },\n          }),\n        ]),\n        _c(\n          \"circle\",\n          { attrs: { cx: \"60\", cy: \"15\", r: \"9\", \"fill-opacity\": \"0.3\" } },\n          [\n            _c(\"animate\", {\n              attrs: {\n                attributeName: \"r\",\n                from: \"9\",\n                to: \"9\",\n                begin: \"0s\",\n                dur: \"0.8s\",\n                values: \"9;15;9\",\n                calcMode: \"linear\",\n                repeatCount: \"indefinite\",\n              },\n            }),\n            _c(\"animate\", {\n              attrs: {\n                attributeName: \"fill-opacity\",\n                from: \"0.5\",\n                to: \"0.5\",\n                begin: \"0s\",\n                dur: \"0.8s\",\n                values: \".5;1;.5\",\n                calcMode: \"linear\",\n                repeatCount: \"indefinite\",\n              },\n            }),\n          ]\n        ),\n        _c(\"circle\", { attrs: { cx: \"105\", cy: \"15\", r: \"15\" } }, [\n          _c(\"animate\", {\n            attrs: {\n              attributeName: \"r\",\n              from: \"15\",\n              to: \"15\",\n              begin: \"0s\",\n              dur: \"0.8s\",\n              values: \"15;9;15\",\n              calcMode: \"linear\",\n              repeatCount: \"indefinite\",\n            },\n          }),\n          _c(\"animate\", {\n            attrs: {\n              attributeName: \"fill-opacity\",\n              from: \"1\",\n              to: \"1\",\n              begin: \"0s\",\n              dur: \"0.8s\",\n              values: \"1;.5;1\",\n              calcMode: \"linear\",\n              repeatCount: \"indefinite\",\n            },\n          }),\n        ]),\n      ]\n    ),\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(\"article\", { staticClass: \"message\", class: _vm.combindedClass }, [\n    _c(\n      \"div\",\n      { staticClass: \"message-body\" },\n      [\n        _vm.message ? [_vm._v(\" \" + _vm._s(_vm.message) + \" \")] : _vm._e(),\n        _vm._t(\"content\"),\n      ],\n      2\n    ),\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: \"section\" },\n    [\n      _vm.showModalType === \"CreateArticle\"\n        ? _c(\"ModalCreateArticle\", {\n            attrs: {\n              showModal: _vm.showModalType === \"CreateArticle\",\n              articleType: \"News\",\n              onClickCancel: _vm.hideModal,\n            },\n          })\n        : _vm._e(),\n      _vm.showDeleteArticle\n        ? _c(\"ModalDeleteArticle\", {\n            attrs: {\n              article: _vm.selectedArticle,\n              showModal: _vm.showDeleteArticle,\n              onClickCancel: _vm.hideModal,\n            },\n          })\n        : _vm._e(),\n      _c(\n        \"div\",\n        { staticClass: \"container\" },\n        [\n          _c(\"div\", { staticClass: \"columns is-multiline\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"column is-half\" },\n              [\n                _c(\"ui-page-hero\", {\n                  attrs: { title: _vm.$t(\"Views.Articles.Main_News_Title\") },\n                }),\n              ],\n              1\n            ),\n            _c(\n              \"div\",\n              { staticClass: \"column is-half\" },\n              [\n                _c(\"Message\", {\n                  staticClass: \"is-info\",\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"content\",\n                      fn: function () {\n                        return [\n                          _c(\"div\", { staticClass: \"content\" }, [\n                            _c(\"p\", [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.$t(\n                                      \"Views.Articles.Message_CreateArticleNews_Text\"\n                                    )\n                                  ) +\n                                  \" \"\n                              ),\n                            ]),\n                            _c(\n                              \"a\",\n                              {\n                                staticClass: \"button is-primary\",\n                                on: {\n                                  click: function ($event) {\n                                    return _vm.setShowModalType(\"CreateNews\")\n                                  },\n                                },\n                              },\n                              [\n                                _vm._v(\n                                  _vm._s(\n                                    _vm.$t(\n                                      \"Views.Articles.Message_CreateArticleNews_Button\"\n                                    )\n                                  )\n                                ),\n                              ]\n                            ),\n                          ]),\n                        ]\n                      },\n                      proxy: true,\n                    },\n                  ]),\n                }),\n              ],\n              1\n            ),\n          ]),\n          _c(\"table\", { staticClass: \"table is-fullwidth\" }, [\n            _c(\"thead\", [\n              _c(\"tr\", [\n                _c(\"th\", [\n                  _vm._v(_vm._s(_vm.$t(\"Views.Articles.Table_HeaderTitle\"))),\n                ]),\n                _c(\"th\", [\n                  _vm._v(\n                    _vm._s(_vm.$t(\"Views.Articles.Table_HeaderPublished\"))\n                  ),\n                ]),\n                _c(\"th\", [\n                  _vm._v(\n                    _vm._s(_vm.$t(\"Views.Articles.Table_HeaderExpiresOn\"))\n                  ),\n                ]),\n                _c(\"th\", [\n                  _vm._v(_vm._s(_vm.$t(\"Views.Articles.Table_HeaderStats\"))),\n                ]),\n                _c(\"th\"),\n              ]),\n            ]),\n            !_vm.isLoading\n              ? _c(\n                  \"tbody\",\n                  _vm._l(_vm.articlesPageState.articles, function (article) {\n                    return _c(\"tr\", { key: \"a\" + article.Key }, [\n                      _c(\"td\", [\n                        _c(\n                          \"div\",\n                          { staticClass: \"articleImage mr-3\" },\n                          [\n                            _c(\"ImageViewer\", {\n                              staticClass: \"is-3by2\",\n                              attrs: {\n                                itemId: article.Id,\n                                aspectRatio: 3 / 2,\n                                imageSize: 320,\n                                imageSrc: article.ImageUrl,\n                                itemName: article.Title,\n                                type: \"article\",\n                              },\n                            }),\n                          ],\n                          1\n                        ),\n                        _c(\"div\", [\n                          _c(\"div\", { staticClass: \"has-text-weight-bold\" }, [\n                            _vm._v(_vm._s(article.Title)),\n                          ]),\n                          _vm._v(\" \" + _vm._s(article.Author) + \" \"),\n                        ]),\n                      ]),\n                      _c(\"td\", [_vm._v(_vm._s(_vm.printDate(article.Date)))]),\n                      _c(\"td\", [\n                        _vm._v(_vm._s(_vm.printDate(article.ExpiresOn))),\n                      ]),\n                      _c(\"td\", [\n                        _c(\n                          \"span\",\n                          {\n                            staticClass: \"icon-text mr-2\",\n                            class: { \"has-text-grey\": !article.TimesMatched },\n                          },\n                          [\n                            _c(\n                              \"span\",\n                              { staticClass: \"icon\" },\n                              [\n                                _c(\"font-awesome-icon\", {\n                                  attrs: { icon: [\"fas\", \"chart-network\"] },\n                                }),\n                              ],\n                              1\n                            ),\n                            _c(\"span\", [_vm._v(_vm._s(article.TimesMatched))]),\n                          ]\n                        ),\n                        _c(\n                          \"span\",\n                          {\n                            staticClass: \"icon-text mr-2\",\n                            class: { \"has-text-grey\": !article.TimesClicked },\n                          },\n                          [\n                            _c(\n                              \"span\",\n                              { staticClass: \"icon\" },\n                              [\n                                _c(\"font-awesome-icon\", {\n                                  attrs: { icon: [\"fas\", \"bullseye-pointer\"] },\n                                }),\n                              ],\n                              1\n                            ),\n                            _c(\"span\", [_vm._v(_vm._s(article.TimesClicked))]),\n                          ]\n                        ),\n                        _c(\n                          \"span\",\n                          {\n                            staticClass: \"icon-text\",\n                            class: { \"has-text-grey\": !article.Views },\n                          },\n                          [\n                            _c(\n                              \"span\",\n                              { staticClass: \"icon\" },\n                              [\n                                _c(\"font-awesome-icon\", {\n                                  attrs: { icon: [\"fas\", \"eye\"] },\n                                }),\n                              ],\n                              1\n                            ),\n                            _c(\"span\", [_vm._v(_vm._s(article.Views))]),\n                          ]\n                        ),\n                      ]),\n                      _c(\"td\", [\n                        _c(\"div\", { staticClass: \"fields\" }, [\n                          _c(\n                            \"p\",\n                            { staticClass: \"control\" },\n                            [\n                              _c(\"LinkIcon\", {\n                                attrs: {\n                                  type: \"OnClick\",\n                                  text: _vm.$t(\"Form.Control.Edit\"),\n                                },\n                                nativeOn: {\n                                  click: function ($event) {\n                                    return _vm.gotToArticle(article)\n                                  },\n                                },\n                              }),\n                            ],\n                            1\n                          ),\n                        ]),\n                      ]),\n                    ])\n                  }),\n                  0\n                )\n              : _vm._e(),\n          ]),\n          _vm.isLoading ? _c(\"Loader\") : _vm._e(),\n          !_vm.isLoading && !_vm.articlesPageState.articles.length\n            ? _c(\"Message\", {\n                staticClass: \"is-info\",\n                scopedSlots: _vm._u(\n                  [\n                    {\n                      key: \"content\",\n                      fn: function () {\n                        return [\n                          _c(\"div\", { staticClass: \"content\" }, [\n                            _c(\"p\", [\n                              _vm._v(\n                                _vm._s(\n                                  _vm.$t(\"Views.Articles.Message_NoNewsPosts\")\n                                )\n                              ),\n                            ]),\n                            _c(\n                              \"a\",\n                              {\n                                staticClass: \"button is-primary\",\n                                on: {\n                                  click: function ($event) {\n                                    return _vm.setShowModalType(\"CreateArticle\")\n                                  },\n                                },\n                              },\n                              [\n                                _vm._v(\n                                  _vm._s(\n                                    _vm.$t(\n                                      \"Views.Articles.Message_CreateArticleNews_Button\"\n                                    )\n                                  )\n                                ),\n                              ]\n                            ),\n                          ]),\n                        ]\n                      },\n                      proxy: true,\n                    },\n                  ],\n                  null,\n                  false,\n                  377673531\n                ),\n              })\n            : _vm._e(),\n        ],\n        1\n      ),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","'use strict';\nvar $ = require('../internals/export');\nvar fill = require('../internals/array-fill');\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\n// `Array.prototype.fill` method\n// https://tc39.es/ecma262/#sec-array.prototype.fill\n$({ target: 'Array', proto: true }, {\n  fill: fill\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables('fill');\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* Colors\\n*/\\n/**\\n* Text sizes\\n*/\\n/**\\n* Column settings\\n*/\\n/**\\n* Font properties\\n*/\\n.image[data-v-58c55d7c] {\\n  position: relative;\\n}\\n.image img[data-v-58c55d7c] {\\n  -o-object-fit: cover;\\n     object-fit: cover;\\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* Colors\\n*/\\n/**\\n* Text sizes\\n*/\\n/**\\n* Column settings\\n*/\\n/**\\n* Font properties\\n*/\\n.articleImage[data-v-5809593b] {\\n  max-width: 150px;\\n  width: 100%;\\n  float: left;\\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--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageViewer.vue?vue&type=style&index=0&id=58c55d7c&lang=sass&scoped=true\");\nif(content.__esModule) content = content.default;\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(\"5666ae20\", 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--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageViewer.vue?vue&type=style&index=0&id=58c55d7c&lang=sass&scoped=true\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageViewer.vue?vue&type=style&index=0&id=58c55d7c&lang=sass&scoped=true\");\n     if(newContent.__esModule) newContent = newContent.default;\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--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./News.vue?vue&type=style&index=0&id=5809593b&lang=sass&scoped=true\");\nif(content.__esModule) content = content.default;\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(\"6e2b8fe8\", 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--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./News.vue?vue&type=style&index=0&id=5809593b&lang=sass&scoped=true\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./News.vue?vue&type=style&index=0&id=5809593b&lang=sass&scoped=true\");\n     if(newContent.__esModule) newContent = newContent.default;\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 \"./ImageViewer.vue?vue&type=template&id=58c55d7c&scoped=true\"\nimport script from \"./ImageViewer.vue?vue&type=script&lang=js\"\nexport * from \"./ImageViewer.vue?vue&type=script&lang=js\"\nimport style0 from \"./ImageViewer.vue?vue&type=style&index=0&id=58c55d7c&lang=sass&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  \"58c55d7c\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/github/workspace/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('58c55d7c')) {\n      api.createRecord('58c55d7c', component.options)\n    } else {\n      api.reload('58c55d7c', component.options)\n    }\n    module.hot.accept(\"./ImageViewer.vue?vue&type=template&id=58c55d7c&scoped=true\", function () {\n      api.rerender('58c55d7c', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/UI/ImageViewer.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageViewer.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageViewer.vue?vue&type=script&lang=js\"","export * from \"-!../../../node_modules/vue-style-loader/index.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageViewer.vue?vue&type=style&index=0&id=58c55d7c&lang=sass&scoped=true\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"381a4baa-vue-loader-template\\\"}!../../../node_modules/cache-loader/dist/cjs.js??ref--13-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--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageViewer.vue?vue&type=template&id=58c55d7c&scoped=true\"","import { render, staticRenderFns } from \"./Loader.vue?vue&type=template&id=337695a4\"\nimport script from \"./Loader.vue?vue&type=script&lang=js\"\nexport * from \"./Loader.vue?vue&type=script&lang=js\"\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  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/github/workspace/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('337695a4')) {\n      api.createRecord('337695a4', component.options)\n    } else {\n      api.reload('337695a4', component.options)\n    }\n    module.hot.accept(\"./Loader.vue?vue&type=template&id=337695a4\", function () {\n      api.rerender('337695a4', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/UI/Loader.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loader.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loader.vue?vue&type=script&lang=js\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"381a4baa-vue-loader-template\\\"}!../../../node_modules/cache-loader/dist/cjs.js??ref--13-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--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loader.vue?vue&type=template&id=337695a4\"","import { render, staticRenderFns } from \"./Message.vue?vue&type=template&id=e83c7908&scoped=true\"\nimport script from \"./Message.vue?vue&type=script&lang=js\"\nexport * from \"./Message.vue?vue&type=script&lang=js\"\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  \"e83c7908\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/github/workspace/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('e83c7908')) {\n      api.createRecord('e83c7908', component.options)\n    } else {\n      api.reload('e83c7908', component.options)\n    }\n    module.hot.accept(\"./Message.vue?vue&type=template&id=e83c7908&scoped=true\", function () {\n      api.rerender('e83c7908', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/UI/Message.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Message.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Message.vue?vue&type=script&lang=js\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"381a4baa-vue-loader-template\\\"}!../../../node_modules/cache-loader/dist/cjs.js??ref--13-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--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Message.vue?vue&type=template&id=e83c7908&scoped=true\"","import { render, staticRenderFns } from \"./News.vue?vue&type=template&id=5809593b&scoped=true\"\nimport script from \"./News.vue?vue&type=script&lang=js\"\nexport * from \"./News.vue?vue&type=script&lang=js\"\nimport style0 from \"./News.vue?vue&type=style&index=0&id=5809593b&lang=sass&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  \"5809593b\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/github/workspace/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('5809593b')) {\n      api.createRecord('5809593b', component.options)\n    } else {\n      api.reload('5809593b', component.options)\n    }\n    module.hot.accept(\"./News.vue?vue&type=template&id=5809593b&scoped=true\", function () {\n      api.rerender('5809593b', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/Articles/News.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./News.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./News.vue?vue&type=script&lang=js\"","export * from \"-!../../../node_modules/vue-style-loader/index.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./News.vue?vue&type=style&index=0&id=5809593b&lang=sass&scoped=true\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"381a4baa-vue-loader-template\\\"}!../../../node_modules/cache-loader/dist/cjs.js??ref--13-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--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./News.vue?vue&type=template&id=5809593b&scoped=true\""],"sourceRoot":""}