{"version":3,"sources":["webpack:///./src/views/website/pages/services/components/spinning-stages.vue?1645","webpack:///./src/@core/libs/i18n/utils.js","webpack:///./src/@core/libs/i18n/index.js","webpack:///./src/views/website/pages/services/components/spinning-stages.vue?a2d7","webpack:///src/views/website/pages/services/components/spinning-stages.vue","webpack:///./src/views/website/pages/services/components/spinning-stages.vue?8c43","webpack:///./src/views/website/pages/services/components/spinning-stages.vue?25c2","webpack:///./src/views/website/pages/services/components/main-section.vue?2983","webpack:///src/views/website/pages/services/components/main-section.vue","webpack:///./src/views/website/pages/services/components/main-section.vue?e009","webpack:///./src/views/website/pages/services/components/main-section.vue?abfa","webpack:///./src/views/website/pages/services/index.vue?0fc3","webpack:///./src/views/website/pages/services/components/main-section.vue?a362","webpack:///./src/views/website/pages/services/index.vue?5455","webpack:///src/views/website/pages/services/index.vue","webpack:///./src/views/website/pages/services/index.vue?5b47","webpack:///./src/views/website/pages/services/index.vue?82cf"],"names":["t","key","vm","getCurrentInstance","proxy","$t","_","useUtils","utils","render","_vm","this","_h","$createElement","_c","_self","stages","staticClass","_v","_s","title","_l","stage","index","attrs","imageDto","path","replace","$store","getters","domProps","description","_e","staticRenderFns","props","String","computed","setup","component","videoUrl","mounted","document","querySelector","style","width","maxWidth","clearInterval","x","addEventListener","stagesTitle","services","service","order","name"],"mappings":"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","file":"js/chunk-58f19177.9b974465.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.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/dist/cjs.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!./spinning-stages.vue?vue&type=style&index=0&id=5f830008&lang=scss&scoped=true&\"","import { getCurrentInstance } from '@vue/composition-api'\r\n\r\n/**\r\n * Returns translated string if i18n package is available to Vue\r\n * If i18n is not configured then it will simply return what is being passed\r\n * Useful if you don't know if i18n is configured or not\r\n * Used in @core files to handle absence of i18n without errors\r\n * @param {String} key i18n key to use for translation\r\n */\r\nexport const t = key => {\r\n  const vm = getCurrentInstance().proxy\r\n  return vm.$t ? vm.$t(key) : key\r\n}\r\n\r\nexport const _ = null\r\n","import * as utils from './utils'\r\n\r\nexport const useUtils = () => ({\r\n  ...utils,\r\n})\r\n\r\nexport const _ = null\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.stages.length)?_c('section',{staticClass:\"spinning-stages\"},[_c('div',{staticClass:\"stages-content\"},[_c('div',{staticClass:\"section-title-contaner mb-3\"},[_c('h2',{staticClass:\"section-title right\"},[_vm._v(_vm._s(_vm.title))])]),_c('div',{staticClass:\"stages-content-main overflow-hidden\"},[_c('b-row',_vm._l((_vm.stages),function(stage,index){return _c('b-col',{key:index,staticClass:\"parent-stage-container\",attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"stage\"},[_c('img',{staticClass:\"spinning-image-bg\",attrs:{\"src\":stage.imageDto\n                  ? stage.imageDto.path\n                    ? stage.imageDto.path.replace('~', _vm.$store.getters['app/domainHost'])\n                    : ''\n                  : '',\"data-aos\":'fade-' + (index % 2 == 0 ? 'right' : 'left'),\"data-aos-duration\":\"2000\"}}),_c('div',{staticClass:\"stage-container px-md-5\",attrs:{\"data-aos\":'fade-' + (index % 2 == 0 ? 'right' : 'left'),\"data-aos-duration\":\"3500\"}},[_c('b-col',{attrs:{\"cols\":\"6\",\"data-aos\":'fade-' + (index % 2 == 0 ? 'right' : 'left'),\"data-aos-duration\":\"4500\"}},[_c('div',{domProps:{\"innerHTML\":_vm._s(stage.description)}})])],1)])])}),1)],1)])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <section class=\"spinning-stages\" v-if=\"stages.length\">\r\n    <div class=\"stages-content\">\r\n      <div class=\"section-title-contaner mb-3\">\r\n        <h2 class=\"section-title right\">{{ title }}</h2>\r\n      </div>\r\n      <div class=\"stages-content-main overflow-hidden\">\r\n        <b-row>\r\n          <b-col\r\n            cols=\"12\"\r\n            v-for=\"(stage, index) in stages\"\r\n            :key=\"index\"\r\n            class=\"parent-stage-container\"\r\n          >\r\n            <div class=\"stage\">\r\n              <img\r\n                class=\"spinning-image-bg\"\r\n                :src=\"\r\n                  stage.imageDto\r\n                    ? stage.imageDto.path\r\n                      ? stage.imageDto.path.replace('~', $store.getters['app/domainHost'])\r\n                      : ''\r\n                    : ''\r\n                \"\r\n                :data-aos=\"'fade-' + (index % 2 == 0 ? 'right' : 'left')\"\r\n                data-aos-duration=\"2000\"\r\n              />\r\n              <div\r\n                class=\"stage-container px-md-5\"\r\n                :data-aos=\"'fade-' + (index % 2 == 0 ? 'right' : 'left')\"\r\n                data-aos-duration=\"3500\"\r\n              >\r\n                <b-col\r\n                  cols=\"6\"\r\n                  :data-aos=\"'fade-' + (index % 2 == 0 ? 'right' : 'left')\"\r\n                  data-aos-duration=\"4500\"\r\n                >\r\n                  <div v-html=\"stage.description\"></div>\r\n                </b-col>\r\n              </div>\r\n            </div>\r\n          </b-col>\r\n        </b-row>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</template>\r\n<script>\r\nimport { useUtils as useI18nUtils } from \"@core/libs/i18n\";\r\nimport { mapGetters } from \"vuex\";\r\nexport default {\r\n  props: {\r\n    title: String,\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"stages\"]),\r\n  },\r\n  setup() {\r\n    const { t } = useI18nUtils();\r\n    return { t };\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n@import \"src/assets/scss/variables/variables.scss\";\r\n.spinning-stages {\r\n  overflow: hidden;\r\n  .stages-content {\r\n    .stages-content-title {\r\n      h2 {\r\n        padding: 0 4rem;\r\n        font-weight: bold;\r\n        margin: 0;\r\n        line-height: 1.5;\r\n        color: $primary;\r\n      }\r\n    }\r\n    .stages-content-main {\r\n      .stage {\r\n        position: relative;\r\n        .spinning-image-bg {\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n          object-fit: cover;\r\n          z-index: -1;\r\n        }\r\n        .stage-container {\r\n          min-height: 340px;\r\n          display: flex;\r\n          align-items: center;\r\n          height: 100%;\r\n          font-weight: 600;\r\n          color: #fff;\r\n          background: linear-gradient(to left, transparent, $primary, $primary);\r\n        }\r\n      }\r\n      .parent-stage-container {\r\n        &:nth-of-type(2n-1) {\r\n          .stage-container {\r\n            flex-direction: row-reverse;\r\n            background: linear-gradient(\r\n              to left,\r\n              $secondaryPrimary,\r\n              $secondaryPrimary,\r\n              transparent\r\n            );\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  ::v-deep {\r\n    * {\r\n      color: #fff!important;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../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!./spinning-stages.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../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!./spinning-stages.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./spinning-stages.vue?vue&type=template&id=5f830008&scoped=true&\"\nimport script from \"./spinning-stages.vue?vue&type=script&lang=js&\"\nexport * from \"./spinning-stages.vue?vue&type=script&lang=js&\"\nimport style0 from \"./spinning-stages.vue?vue&type=style&index=0&id=5f830008&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  \"5f830008\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"spinning-video\"},[_c('b-col',[_c('div',{staticClass:\"flex-grow-1 video-viewer text-center\"},[_c('div',{staticClass:\"py-5 px-lg-5 spinning-video-container justify-content-center\"},[_c('div',{staticClass:\"h-100 container-video\",domProps:{\"innerHTML\":_vm._s(_vm.videoUrl)}})])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <section class=\"spinning-video\">\r\n        <b-col>\r\n          <div class=\"flex-grow-1 video-viewer text-center\">\r\n            <div class=\"py-5 px-lg-5 spinning-video-container justify-content-center\">\r\n              <div class=\"h-100 container-video\" v-html=\"videoUrl\"></div>\r\n            </div>\r\n          </div>\r\n        </b-col>\r\n    </section>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nexport default {\r\n  computed: {\r\n    ...mapGetters([\"videoUrl\"])\r\n  },\r\n  mounted() {\r\n    let x = setInterval(() => {\r\n      if(document.querySelector('.video-viewer iframe')) {\r\n        document.querySelector('.video-viewer .container-video').style.width = document.querySelector('.video-viewer iframe').width + 'px'\r\n        document.querySelector('.video-viewer iframe').style.maxWidth = document.querySelector('.video-viewer iframe').width + 'px'\r\n        clearInterval(x)\r\n      }\r\n    }, 1000)\r\n    addEventListener('scroll', () => {\r\n      if(document.querySelector('.video-viewer iframe')) {\r\n        document.querySelector('.video-viewer .container-video').style.width = document.querySelector('.video-viewer iframe').width + 'px'\r\n        document.querySelector('.video-viewer iframe').style.maxWidth = document.querySelector('.video-viewer iframe').width + 'px'\r\n      }\r\n    })\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n  @import \"src/assets/scss/variables/variables.scss\";\r\n  .spinning-video {\r\n    .spinning-video-container {\r\n      display: flex;\r\n      .spinning-video-container-title {\r\n        display: flex;\r\n        flex-direction: column;\r\n        font-size: 10px;\r\n        .title-border {\r\n          flex-grow: 1;\r\n          background: $primary;\r\n        }\r\n        span {\r\n          padding: 2px 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .video-viewer {\r\n    iframe {\r\n      width: 100%;\r\n    }\r\n  }\r\n</style>","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../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!./main-section.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../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!./main-section.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./main-section.vue?vue&type=template&id=042f9efb&\"\nimport script from \"./main-section.vue?vue&type=script&lang=js&\"\nexport * from \"./main-section.vue?vue&type=script&lang=js&\"\nimport style0 from \"./main-section.vue?vue&type=style&index=0&lang=scss&\"\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\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.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/dist/cjs.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!./index.vue?vue&type=style&index=0&id=809f2bc0&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.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/dist/cjs.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!./main-section.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('mainSectionVideo'),_c('spinningStages',{attrs:{\"title\":_vm.stagesTitle.title}}),_c('section',{staticClass:\"our-services pt-5\"},[_c('div',{staticClass:\"section-title-contaner mb-3\"},[_c('h2',{staticClass:\"section-title right\"},[_vm._v(_vm._s(_vm.t('nav').services))])]),_c('div',{staticClass:\"services-container\"},[_c('b-col',{attrs:{\"cols\":\"12\"}},_vm._l((_vm.services),function(service,index){return _c('b-row',{key:index,staticClass:\"mb-3 services-container-item-row\"},[_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"5\",\"order-lg\":index%2 != 0 ? '1' : '',\"data-aos\":\"fade-up\",\"data-aos-duration\":\"5000\"}},[_c('div',{staticClass:\"service-image-container mx-auto mb-3\"},[_c('img',{attrs:{\"src\":service.imageDto.path.replace('~', _vm.$store.getters['app/domainHost'])}}),_c('p',[_vm._v(_vm._s(service.order))]),_c('span',{staticClass:\"title\"},[_vm._v(\"ALFAISAL\")]),_c('span',{staticClass:\"custom-border top\"}),_c('span',{staticClass:\"custom-border left\"}),_c('span',{staticClass:\"custom-border bottom\"}),_c('span',{staticClass:\"custom-border right\"})])]),_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"7\",\"order-lg\":(index + 1)%2 != 0 ? '0' : ''}},[_c('div',{staticClass:\"service-info-container\",attrs:{\"data-aos\":\"fade-left\",\"data-aos-duration\":\"5000\"}},[_c('h4',{staticClass:\"mb-3\"},[_vm._v(_vm._s(service.name))]),_c('div',{staticClass:\"mb-3 pr-lg-5\",domProps:{\"innerHTML\":_vm._s(service.description)}})])])],1)}),1)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <mainSectionVideo />\r\n    <spinningStages :title=\"stagesTitle.title\"/>\r\n    <section class=\"our-services pt-5\">\r\n      <div class=\"section-title-contaner mb-3\">\r\n        <h2 class=\"section-title right\">{{t('nav').services}}</h2>\r\n      </div>\r\n      <div class=\"services-container\">\r\n        <b-col cols=\"12\">\r\n          <b-row class=\"mb-3 services-container-item-row\" v-for=\"(service, index) in services\" :key=\"index\">\r\n            <b-col cols=\"12\" lg=\"5\" :order-lg=\"index%2 != 0 ? '1' : ''\" data-aos=\"fade-up\" data-aos-duration=\"5000\">\r\n              <div class=\"service-image-container mx-auto mb-3\">\r\n                <img :src=\"service.imageDto.path.replace('~', $store.getters['app/domainHost'])\" />\r\n                <p>{{service.order}}</p>\r\n                <span class=\"title\">ALFAISAL</span>\r\n                <span class=\"custom-border top\"></span>\r\n                <span class=\"custom-border left\"></span>\r\n                <span class=\"custom-border bottom\"></span>\r\n                <span class=\"custom-border right\"></span>\r\n              </div>\r\n            </b-col>\r\n            <b-col cols=\"12\" lg=\"7\" :order-lg=\"(index + 1)%2 != 0 ? '0' : ''\">\r\n              <div class=\"service-info-container\" data-aos=\"fade-left\" data-aos-duration=\"5000\">\r\n                <h4 class=\"mb-3\">{{service.name}}</h4>\r\n                <div class=\"mb-3 pr-lg-5\" v-html=\"service.description\"></div>\r\n              </div>\r\n            </b-col>\r\n          </b-row>\r\n        </b-col>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</template>\r\n<style lang=\"scss\" scoped>\r\n  @import \"src/assets/scss/variables/variables.scss\";\r\n  .our-services {\r\n    .services-container {\r\n      .service-image-container {\r\n        width: 300px;\r\n        height: 400px;\r\n        position: relative;\r\n        img {\r\n          object-fit: cover;\r\n          width: 100%;\r\n          height: 100%;\r\n        }\r\n        p {\r\n          pointer-events: none;\r\n          transition: all 0.4s linear;\r\n          position: absolute;\r\n          top: 40px;\r\n          width: calc(100% + 14px);\r\n          color: #fff;\r\n          background: $primary;\r\n          padding: 12px 1rem;\r\n          padding-right: calc(1rem + 15px);\r\n          text-align: center;\r\n          font-size: 22px;\r\n          font-weight: 600;\r\n          line-height: 2;\r\n          left: -15px;\r\n          z-index: 2;\r\n          opacity: 1;\r\n          visibility: visible;\r\n          &:after {\r\n            content: \"\";\r\n            position: absolute;\r\n            bottom: -15px;\r\n            width: 15px;\r\n            height: 15px;\r\n            left: 0;\r\n            background: #621200;\r\n            clip-path: polygon(0 0, 100% 0, 0 100%);\r\n          }\r\n        }\r\n        .title {\r\n          position: absolute;\r\n          bottom: -20px;\r\n          right: 0;\r\n          color: $primary;\r\n          letter-spacing: 16px;\r\n          font-size: 12px;\r\n        }\r\n        .custom-border {\r\n          display: block;\r\n          background: $primary;\r\n          position: absolute;\r\n          &.top {\r\n            top: -12px;\r\n            right: -12px;\r\n            width: 136px;\r\n            height: 3px;\r\n          }\r\n          &.left {\r\n            top: -12px;\r\n            right: -12px;\r\n            height: 240px;\r\n            width: 3px;\r\n          }\r\n          &.bottom {\r\n            bottom: -12px;\r\n            left: -12px;\r\n            width: 136px;\r\n            height: 3px;\r\n          }\r\n          &.right {\r\n            bottom: -12px;\r\n            left: -12px;\r\n            height: 240px;\r\n            width: 3px;\r\n          }\r\n        }\r\n      }\r\n      .service-info-container {\r\n        h4 {\r\n          display: inline-block;\r\n          padding-right: 60px;\r\n          color: $primary;\r\n          position: relative;\r\n          font-weight: 600;\r\n          &:after {\r\n            content: \"\";\r\n            position: absolute;\r\n            bottom: -12px;\r\n            left: 0;\r\n            height: 3px;\r\n            width: 100%;\r\n            background: $secondaryPrimary;\r\n          }\r\n        }\r\n        p {\r\n          line-height: 1.7\r\n        }\r\n      }\r\n    }\r\n    @media screen and (min-width: 992px) {\r\n      .services-container-item-row:nth-of-type(even) {\r\n        .service-info-container {\r\n            padding-left: 6rem;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  [dir=\"ltr\"] {\r\n    .our-services {\r\n    .services-container {\r\n      .service-image-container {\r\n        p {\r\n          &:after {\r\n            clip-path: polygon(0 0, 100% 0, 100% 100%);\r\n          }\r\n        }\r\n        .title {\r\n          right: -12px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  }\r\n</style>\r\n<script>\r\n  import mainSectionVideo from \"./components/main-section\";\r\n  import { useUtils as useI18nUtils } from \"@core/libs/i18n\";\r\n  import spinningStages from \"./components/spinning-stages\";\r\n  import { mapGetters, mapActions } from 'vuex';\r\n  import { handleLangChange } from \"@/libs/event-bus\";\r\n  export default {\r\n    components: {\r\n      mainSectionVideo,\r\n      spinningStages,\r\n    },\r\n    computed: {\r\n      ...mapGetters([\"services\",\"stagesTitle\"])\r\n    },\r\n    metaInfo() {\r\n      return {\r\n        titleTemplate: \"Al Faisal - \" + this.$t(\"title.services\"),\r\n        htmlAttrs: {\r\n          lang: this.$i18n.locale,\r\n        },\r\n        meta: [\r\n          {\r\n            name: \"description\",\r\n            content: \"description\",\r\n          },\r\n          {\r\n            name: \"keywords\",\r\n            content: \"keywords, keywords, keywords, ...\",\r\n          },\r\n        ],\r\n      };\r\n    },\r\n    created() {\r\n      this.getServiceForWebsite()\r\n      handleLangChange(this.getServiceForWebsite)\r\n    },\r\n    setup() {\r\n      const { t } = useI18nUtils();\r\n      return { t }\r\n    },\r\n    methods: {\r\n      ...mapActions([\"getServiceForWebsite\"])\r\n    },\r\n    beforeDestroy() {\r\n        this.$store.dispatch(\"app/setLoadingWebsite\", true);\r\n    }\r\n  };\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=809f2bc0&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=809f2bc0&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  \"809f2bc0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}