{"version":3,"sources":["webpack:///../DES.Web/Components/Search/Results/Testimonials.vue?fd35","webpack:///../DES.Web/Components/Search/Results/Testimonials.vue?6df8","webpack:///../DES.Web/Components/Search/Results/Testimonials.vue?f9f3","webpack:///../DES.Web/Components/Search/Results/Testimonials.vue","webpack:///../DES.Web/Components/Search/Results/Testimonials.vue?cbb8"],"names":["components","SanitizeHtml","props","id","type","String","Number","required","content","Object","layout","data","creationDateWhiteList","computed","layoutClass","concat","creationDate","createDate","date","Date","_dateTimeFormat$forma","Intl","DateTimeFormat","year","month","day","formatToParts","_dateTimeFormat$forma2","_slicedToArray","value","actionLabel","documentTypeAlias","actionColour","thumbnail","_this$content","_this$content$searchT","isDefined","searchThumbnail","url","alt","_this$content2","_this$content2$search","altText","result","displayName","name","mounted","ensureImageAltIsSet","methods","isWhiteListedForCreationDate","includes","isProductItem","str","$refs","searchResultImage","getAttribute","setAttribute","component","_vm","this","_h","$createElement","_c","_self","staticClass","class","_v","attrs","testimonialText","_e","_s","attestantsName","organisation","cta","target"],"mappings":"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","file":"9.min.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ref--9-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-2!../../../../node_modules/less-loader/dist/cjs.js??ref--9-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Testimonials.vue?vue&type=style&index=0&id=6b6ba27d&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"testimonial-result\",class:_vm.layoutClass},[_c('span',{staticClass:\"testimonial-result__quote\"},[_vm._v(\"\\n    \\\"\\n  \")]),_vm._v(\" \"),_c('div',{staticClass:\"testimonial-result__content\",attrs:{\"id\":(\"testimonial-\" + _vm.id)}},[_c('div',{staticClass:\"testimonial-result__testimonial\"},[(_vm.content.testimonialText)?_c('sanitize-html',{staticClass:\"testimonial-result__testimony\",attrs:{\"dirty\":_vm.content.testimonialText}}):_vm._e()],1),_vm._v(\" \"),_c('div',{staticClass:\"testimonial-result__attestant-details\"},[_c('span',{staticClass:\"testimonial-result__attestant\"},[_vm._v(\"\\n        \"+_vm._s(_vm.content.attestantsName)+\"\\n      \")]),_vm._v(\" \"),_c('span',{staticClass:\"testimonial-result__organisation\"},[_vm._v(\"\\n        \"+_vm._s(_vm.content.organisation)+\"\\n      \")]),_vm._v(\" \"),_c('div',{staticClass:\"testimonial-result__cta-container\"},[(_vm.content.cta)?_c('a',{attrs:{\"href\":_vm.content.cta.url,\"target\":_vm.content.cta.target}},[_vm._v(\"\\n          \"+_vm._s(_vm.content.cta.name)+\"\\n        \")]):_vm._e()])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js?cacheDirectory!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Testimonials.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js?cacheDirectory!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Testimonials.vue?vue&type=script&lang=js&\"","<template>\r\n  <div :class=\"layoutClass\"\r\n       class=\"testimonial-result\">\r\n    <span class=\"testimonial-result__quote\">\r\n      \"\r\n    </span>\r\n    <div\r\n      :id=\"`testimonial-${id}`\"\r\n      class=\"testimonial-result__content\">\r\n      <div class=\"testimonial-result__testimonial\">\r\n        <sanitize-html v-if=\"content.testimonialText\"\r\n                       class=\"testimonial-result__testimony\"\r\n                       :dirty=\"content.testimonialText\">\r\n        </sanitize-html>\r\n      </div>\r\n      <div class=\"testimonial-result__attestant-details\">\r\n        <span class=\"testimonial-result__attestant\">\r\n          {{ content.attestantsName }}\r\n        </span>\r\n        <span class=\"testimonial-result__organisation\">\r\n          {{ content.organisation }}\r\n        </span>\r\n        <div class=\"testimonial-result__cta-container\">\r\n          <a v-if=\"content.cta\"\r\n             :href=\"content.cta.url\"\r\n             :target=\"content.cta.target\">\r\n            {{ content.cta.name }}\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport SanitizeHtml from \"~/Components/Common/SanitizeHtml.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    SanitizeHtml\r\n  },\r\n  props: {\r\n    id: {\r\n      type: [String, Number],\r\n      required: true\r\n    },\r\n    content: {\r\n      type: Object,\r\n      required: true,\r\n      default: () => ( {} )\r\n    },\r\n    layout: {\r\n      type: String,\r\n      required: false,\r\n      default: \"\"\r\n    }\r\n  },\r\n  data: () => ( {\r\n    creationDateWhiteList: [\"blogPost\"]\r\n  } ),\r\n  computed: {\r\n    layoutClass () {\r\n      return `layout-${this.layout}`;\r\n    },\r\n    creationDate () {\r\n      const { createDate } = this.content || {};\r\n\r\n      if ( !createDate ) {\r\n        return null;\r\n      }\r\n\r\n      const date = new Date( this.content.createDate );\r\n      const dateTimeFormat = new Intl.DateTimeFormat( \"en\", {\r\n        year: \"numeric\",\r\n        month: \"short\",\r\n        day: \"2-digit\"\r\n      } );\r\n      const [{ value: month }, , { value: day }, , { value: year }] = dateTimeFormat.formatToParts(\r\n        date\r\n      );\r\n      return `${day} ${month} ${year}`;\r\n    },\r\n    actionLabel () {\r\n      switch ( this.content.documentTypeAlias ) {\r\n        case \"productItem\":\r\n          return \"View product\";\r\n        case \"blogItem\":\r\n          return \"View post\";\r\n        case \"eventItem\":\r\n          return \"View event\";\r\n        case \"productTopic\":\r\n        case \"productSubtopic\":\r\n          return \"View category\";\r\n        case \"newsItem\":\r\n          return \"View article\";\r\n        default:\r\n          return \"View content\";\r\n      }\r\n    },\r\n    actionColour () {\r\n      switch ( this.content.documentTypeAlias ) {\r\n        case \"productItem\":\r\n          return \"btn-accent-3\";\r\n        case \"blogItem\":\r\n          return \"btn-accent-5\";\r\n        case \"eventItem\":\r\n          return \"btn-accent-4\";\r\n        case \"productTopic\":\r\n        case \"productSubtopic\":\r\n          return \"btn-accent-2\";\r\n        default:\r\n          return \"btn-accent-1\";\r\n      }\r\n    },\r\n    thumbnail () {\r\n      return `${\r\n        this.isDefined( this.content?.searchThumbnail?.url )\r\n          ? this.content.searchThumbnail.url\r\n          : \"/Assets/images/no-icon.png\"\r\n      }?width=300`;\r\n    },\r\n    alt () {\r\n      return this.isDefined( this.content?.searchThumbnail?.altText )\r\n        ? this.content.searchThumbnail.altText\r\n        : \"Search result image\";\r\n    },\r\n    url () {\r\n      let result = \"\";\r\n\r\n      if ( this.content ) {\r\n        result = this.content.url;\r\n      }\r\n\r\n      return result;\r\n    },\r\n    displayName () {\r\n      let result;\r\n\r\n      if ( this.content && this.content.name ) {\r\n        result = this.content.name;\r\n      }\r\n\r\n      return result;\r\n    }\r\n  },\r\n  mounted () {\r\n    this.ensureImageAltIsSet();\r\n  },\r\n  methods: {\r\n    isWhiteListedForCreationDate () {\r\n      return (\r\n        this.creationDateWhiteList.includes( this.content.documentTypeAlias ) && this.creationDate\r\n      );\r\n    },\r\n    isProductItem () {\r\n      return this.content.documentTypeAlias === \"productItem\";\r\n    },\r\n    isDefined ( str ) {\r\n      return str && ( str != null || str !== \"\" );\r\n    },\r\n    ensureImageAltIsSet () {\r\n      if ( this.$refs && this.$refs.searchResultImage ) {\r\n        const isImgAltEmpty = this.isDefined( this.$refs.searchResultImage.getAttribute( \"alt\" ) ) === false;\r\n\r\n        if ( isImgAltEmpty ) {\r\n          this.this.$refs.searchResultImage.setAttribute( \"alt\", this.alt );\r\n        }\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n@import \"../../../Styles/utils/colors.less\";\r\n\r\n.testimonial-result {\r\n  @left-padding: 1rem;\r\n  @quote-space: 4rem;\r\n  margin: 0 -0.5rem; // compensate for column margins within the search result component\r\n  background: #027A7E0C;\r\n  display: flex;\r\n  padding: 1.5rem 2rem @left-padding @quote-space;\r\n  position: relative;\r\n\r\n  > * + * {\r\n    margin-left: 1rem;\r\n  }\r\n\r\n  &__content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    width: 100%;\r\n\r\n    > * + * {\r\n      @divider-spacing: 1.5rem;\r\n      position: relative;\r\n      margin-top: @divider-spacing;\r\n\r\n      &:before {\r\n        position: absolute;\r\n        content: \" \";\r\n        height: 2px;\r\n        top: -@divider-spacing;\r\n        left: calc( -@left-padding - @quote-space );\r\n        width: calc( 100% + 3rem );\r\n        background-color: #027A7E19;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__testimonial {\r\n    display: flex;\r\n  }\r\n\r\n  &__quote {\r\n    font-style: italic;\r\n    font-weight: 700;\r\n    position: absolute;\r\n    top: @left-padding;\r\n    left: @left-padding;\r\n    color: #027A7E;\r\n    font-size: 3.75rem;\r\n    line-height: 3.75rem;\r\n  }\r\n\r\n  &__testimony {\r\n    color: #333;\r\n    font-size: 1.25rem;\r\n    font-weight: 300;\r\n    font-style: italic;\r\n  }\r\n\r\n  &__attestant-details {\r\n    display: flex;\r\n    flex-flow: column;\r\n    width: 100%;\r\n\r\n    > * {\r\n      margin: 0;\r\n    }\r\n\r\n    > * + .testimonial-result__cta-container {\r\n      margin-top: 1rem;\r\n    }\r\n  }\r\n\r\n  &__cta-container {\r\n    display: inline-block;\r\n\r\n    > a {\r\n      border: 1px solid #0c499c;\r\n      border-radius: 5px;\r\n      padding: 0.5rem 1rem;\r\n      background-color: #fff;\r\n      font-weight: 600;\r\n      display: inline-flex;\r\n      text-decoration: none;\r\n      text-align: center;\r\n\r\n      &:hover, &active {\r\n        color: #fff;\r\n        border: 1px solid #fff;\r\n        background-color: #027A7E;\r\n      }\r\n\r\n      &:focus {\r\n        border: 2px solid #000;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__attestant {\r\n    color: #027A7E;\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n  }\r\n\r\n  &__organisation {\r\n    color: #333;\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n  }\r\n}\r\n</style>\r\n","import { render, staticRenderFns } from \"./Testimonials.vue?vue&type=template&id=6b6ba27d&scoped=true&\"\nimport script from \"./Testimonials.vue?vue&type=script&lang=js&\"\nexport * from \"./Testimonials.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Testimonials.vue?vue&type=style&index=0&id=6b6ba27d&lang=less&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  \"6b6ba27d\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}