{"version":3,"sources":["webpack:///./src/components/ChapterStudioPage/ImageAnnouncementCarousel.vue?a6ee","webpack:///src/components/ChapterStudioPage/ImageAnnouncementCarousel.vue","webpack:///./src/components/ChapterStudioPage/ImageAnnouncementCarousel.vue?12aa","webpack:///./src/components/ChapterStudioPage/ImageAnnouncementCarousel.vue","webpack:///./src/assets/image-announcement-bg.png","webpack:///./src/components/StatusOverlay/StatusOverlay.vue?3c98","webpack:///src/components/StatusOverlay/StatusOverlay.vue","webpack:///./src/components/StatusOverlay/StatusOverlay.vue?4ff2","webpack:///./src/components/StatusOverlay/StatusOverlay.vue","webpack:///./src/components/ChapterStudioPage/ImageAnnouncementCarousel.vue?6d16","webpack:///./src/components/ChapterStudioPage/GeneralAnnouncementCard.vue?4743","webpack:///./src/components/ChapterStudioPage/ImageAnnouncementCard.vue?195b","webpack:///src/components/ChapterStudioPage/ImageAnnouncementCard.vue","webpack:///./src/components/ChapterStudioPage/ImageAnnouncementCard.vue?02a8","webpack:///./src/components/ChapterStudioPage/ImageAnnouncementCard.vue","webpack:///./src/components/ChapterStudioPage/GeneralAnnouncementCard.vue?0973","webpack:///src/components/ChapterStudioPage/GeneralAnnouncementCard.vue","webpack:///./src/components/ChapterStudioPage/GeneralAnnouncementCard.vue?91cf","webpack:///./src/components/ChapterStudioPage/GeneralAnnouncementCard.vue","webpack:///./src/components/ChapterStudioPage/ImageAnnouncementCard.vue?0e2f","webpack:///./src/components/ChapterStudioPage/ImageAnnouncementCarousel.vue?3794","webpack:///./src/common/utils/cloudinaryUtils.js","webpack:///./src/components/StatusOverlay/StatusOverlay.vue?521e","webpack:///./src/components/ChapterStudioPage/chapterStudioPage.constant.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","imageAnnouncements","staticClass","attrs","on","onSlideChange","_l","chunk","imageIndex","key","card","cardIndex","getGlobalIndex","id","totalCards","_e","staticRenderFns","component","module","exports","directives","name","rawName","value","action","pending","failed","expression","style","backgroundColor","maxHeight","contentHeight","_t","_v","_s","appConstant","DEFAULT_LOADING_ERROR_MESSAGE","$event","retry","data","props","type","Object","required","String","default","retryable","Boolean","components","VProgressCircular","limitedSponsorRegions","announcement","title","formattedLocation","formatDateRange","effectiveStartDate","effectiveEndDate","shortDescription","visitNow","ctaLink","chapterStudioPageConstant","VISIT_NOW","formatWeekdayRange","sizeFormattedImageUrl","currentIndex","Number","computed","cardStyle","backgroundImage","backgroundSize","backgroundPosition","DEFAULT_BACKGROUND_COLOR","sponsorRegionsList","length","sponsorList","sponsorDepartmentList","slice","join","location","hasEffectiveDate","methods","class","isWarningAnnouncement","domProps","longDescription","handleActionButtonClick","actionButtonText","handleClose","require","isFullView","onClose","Function","onActionButtonClick","announcementTitle","announcementId","addHeightWidthToUrl","urlFrag","height","width","url","result","imageUploadString","includes","urlFrags","split","stringUpdated","sizeFormattedImageUrlWithFaceFocused","sanitizeVideoUrl","replace","PAGE_TITLE","TITLE_FAVORITE","READ_MORE","CLOSE","ANNOUNCEMENT_TITLE_GENERAL","ANNOUNCEMENT_TITLE_WARNING"],"mappings":"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","file":"js/chunk-44275648.a6646109.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.imageAnnouncements.length)?_c('div',{staticClass:\"mt-4 image-announcement-carousel\"},[_c('div',{staticClass:\"image-announcement-carousel__desktop\"},[_c('v-carousel',{attrs:{\"cycle\":false,\"hide-delimiters\":\"\",\"transition\":\"fade\",\"height\":\"267px\",\"show-arrows\":true,\"prev-icon\":\"chevron_left\",\"next-icon\":\"chevron_right\"},on:{\"change\":_vm.onSlideChange}},_vm._l((_vm.desktopSlides),function(chunk,imageIndex){return _c('v-carousel-item',{key:imageIndex},[_c('v-layout',{staticClass:\"announcement-item--wrapper full-width\",attrs:{\"row\":\"\"}},_vm._l((chunk),function(card,cardIndex){return _c('v-flex',{key:cardIndex,staticClass:\"announcement-item\",attrs:{\"xs12\":\"\"}},[_c('image-announcement-card',{attrs:{\"announcement\":card,\"currentIndex\":_vm.getGlobalIndex(card.id),\"totalCards\":_vm.totalCards}})],1)}),1)],1)}),1)],1),_c('div',{staticClass:\"image-announcement-carousel__tab\"},[_c('v-carousel',{attrs:{\"cycle\":false,\"hide-delimiters\":\"\",\"transition\":\"fade\",\"height\":\"267px\",\"show-arrows\":true,\"prev-icon\":\"chevron_left\",\"next-icon\":\"chevron_right\"},on:{\"change\":_vm.onSlideChange}},_vm._l((_vm.tabletSlides),function(chunk,imageIndex){return _c('v-carousel-item',{key:imageIndex},[_c('v-layout',{staticClass:\"announcement-item--wrapper full-width\",attrs:{\"row\":\"\"}},_vm._l((chunk),function(card,cardIndex){return _c('v-flex',{key:cardIndex,staticClass:\"announcement-item\"},[_c('image-announcement-card',{attrs:{\"announcement\":card,\"currentIndex\":_vm.getGlobalIndex(card.id),\"totalCards\":_vm.totalCards}})],1)}),1)],1)}),1)],1),_c('div',{staticClass:\"image-announcement-carousel__mobile\"},[_c('v-carousel',{attrs:{\"cycle\":false,\"hide-delimiters\":\"\",\"transition\":\"fade\",\"show-arrows\":true,\"height\":\"267px\",\"prev-icon\":\"chevron_left\",\"next-icon\":\"chevron_right\"},on:{\"change\":_vm.onSlideChange}},_vm._l((_vm.imageAnnouncements),function(card,imageIndex){return _c('v-carousel-item',{key:imageIndex},[_c('div',{staticClass:\"announcement-item full-width\"},[_c('image-announcement-card',{attrs:{\"announcement\":card,\"currentIndex\":_vm.getGlobalIndex(card.id),\"totalCards\":_vm.totalCards}})],1)])}),1)],1)]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"mt-4 image-announcement-carousel\" v-if=\"imageAnnouncements.length\">\r\n      <!-- Desktop View -->\r\n      <div class=\"image-announcement-carousel__desktop\">\r\n        <v-carousel\r\n        :cycle=\"false\"\r\n        hide-delimiters\r\n        transition=\"fade\"\r\n        height=\"267px\"\r\n        :show-arrows=\"true\"\r\n        @change=\"onSlideChange\"\r\n        prev-icon=\"chevron_left\"\r\n        next-icon=\"chevron_right\"\r\n        >\r\n          <v-carousel-item\r\n            v-for=\"(chunk, imageIndex) in desktopSlides\"\r\n            :key=\"imageIndex\"\r\n          >\r\n            <v-layout row class=\"announcement-item--wrapper full-width\">\r\n              <v-flex\r\n                v-for=\"(card, cardIndex) in chunk\"\r\n                :key=\"cardIndex\"\r\n                xs12\r\n                class=\"announcement-item\"\r\n              >\r\n                <image-announcement-card\r\n                  :announcement=\"card\"\r\n                  :currentIndex=\"getGlobalIndex(card.id)\"\r\n                  :totalCards=\"totalCards\"\r\n                />\r\n              </v-flex>\r\n            </v-layout>\r\n          </v-carousel-item>\r\n        </v-carousel>\r\n      </div>\r\n\r\n      <!-- Tablet View -->\r\n      <div class=\"image-announcement-carousel__tab\">\r\n        <v-carousel\r\n          :cycle=\"false\"\r\n          hide-delimiters\r\n          transition=\"fade\"\r\n          height=\"267px\"\r\n          :show-arrows=\"true\"\r\n          @change=\"onSlideChange\"\r\n          prev-icon=\"chevron_left\"\r\n          next-icon=\"chevron_right\"\r\n          >\r\n          <v-carousel-item\r\n            v-for=\"(chunk, imageIndex) in tabletSlides\"\r\n            :key=\"imageIndex\"\r\n          >\r\n            <v-layout row class=\"announcement-item--wrapper full-width\">\r\n              <v-flex\r\n                v-for=\"(card, cardIndex) in chunk\"\r\n                :key=\"cardIndex\"\r\n                class=\"announcement-item\"\r\n              >\r\n                <image-announcement-card\r\n                  :announcement=\"card\"\r\n                  :currentIndex=\"getGlobalIndex(card.id)\"\r\n                  :totalCards=\"totalCards\"\r\n                />\r\n              </v-flex>\r\n            </v-layout>\r\n          </v-carousel-item>\r\n        </v-carousel>\r\n      </div>\r\n\r\n      <!-- Mobile View -->\r\n      <div class=\"image-announcement-carousel__mobile\">\r\n        <v-carousel\r\n          :cycle=\"false\"\r\n          hide-delimiters\r\n          transition=\"fade\"\r\n          :show-arrows=\"true\"\r\n          height=\"267px\"\r\n          @change=\"onSlideChange\"\r\n          prev-icon=\"chevron_left\"\r\n          next-icon=\"chevron_right\"\r\n          >\r\n          <v-carousel-item\r\n            v-for=\"(card, imageIndex) in imageAnnouncements\"\r\n            :key=\"imageIndex\"\r\n          >\r\n            <div class=\"announcement-item full-width\">\r\n              <image-announcement-card\r\n                  :announcement=\"card\"\r\n                  :currentIndex=\"getGlobalIndex(card.id)\"\r\n                  :totalCards=\"totalCards\"\r\n              />\r\n            </div>\r\n          </v-carousel-item>\r\n        </v-carousel>\r\n      </div>\r\n    </div>\r\n  </template>\r\n\r\n  <script>\r\n\r\n   import ImageAnnouncementCard from \"@/components/ChapterStudioPage/ImageAnnouncementCard.vue\";\r\n\r\n  export default {\r\n    name: \"ImageAnnouncementCarousel\",\r\n    components: {\r\n        ImageAnnouncementCard,\r\n    },\r\n    props: {\r\n      imageAnnouncements: {\r\n        type: Array,\r\n        required: true,\r\n      },\r\n    },\r\n    data() {\r\n      return {\r\n        currentSlide: 0,\r\n      };\r\n    },\r\n    computed: {\r\n      totalCards() {\r\n        return this.imageAnnouncements.length;\r\n      },\r\n      desktopSlides() {\r\n        return this.imageAnnouncementArray(this.imageAnnouncements, 3);\r\n      },\r\n      tabletSlides() {\r\n        return this.imageAnnouncementArray(this.imageAnnouncements, 2);\r\n      },\r\n      mobileSlides() {\r\n        return this.imageAnnouncementArray(this.imageAnnouncements, 1);\r\n      },\r\n    },\r\n    methods: {\r\n      imageAnnouncementArray(array, size) {\r\n        const result = [];\r\n        for (let i = 0; i < array.length; i += size) {\r\n          result.push(array.slice(i, i + size));\r\n        }\r\n        return result;\r\n      },\r\n      getGlobalIndex(cardId) {\r\n        return this.imageAnnouncements.findIndex(card => card.id === cardId) + 1;\r\n      },\r\n      onSlideChange(index) {\r\n        this.currentSlide = index;\r\n      },\r\n    },\r\n  };\r\n  </script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"../../common/styles/_colors.scss\";\r\n@import \"../../common/styles/_responsive.scss\";\r\n@import \"../../common/styles/_commonClasses.scss\";\r\n\r\n.image-announcement-carousel {\r\n\r\n&__desktop {\r\n        display: none;\r\n        @include breakpointMin(md) {\r\n            display: block;\r\n        }\r\n\r\n        .v-carousel__item {\r\n            .announcement-item {\r\n                max-width: 366px;\r\n                margin-right: 19px;\r\n            }\r\n\r\n            .announcement-item--wrapper {\r\n                .announcement-item {\r\n                    &:nth-child(3n) {\r\n                        margin-right: 0 !important;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n  &__tab {\r\n      display: none;\r\n\r\n      @include breakpointMin(sm) {\r\n          display: block;\r\n      }\r\n\r\n      @include breakpointMin(md) {\r\n          display: none;\r\n      }\r\n\r\n      .v-carousel__item {\r\n          .announcement-item {\r\n              max-width: 360px;\r\n              width: calc(50% - 10px);\r\n              margin-right: 19px;\r\n          }\r\n\r\n          .announcement-item--wrapper {\r\n              .announcement-item {\r\n                  &:nth-child(even) {\r\n                      margin-right: 0 !important;\r\n                  }\r\n              }\r\n\r\n          }\r\n\r\n      }\r\n  }\r\n\r\n  &__mobile {\r\n      @include breakpointMin(sm) {\r\n          display: none;\r\n      }\r\n  }\r\n\r\n  .v-carousel,\r\n  .v-carousel__item {\r\n      height: auto !important;\r\n      box-shadow: none;\r\n      margin-bottom: 10px;\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" >\r\n@import \"../../common/styles/_responsive.scss\";\r\n@import \"../../common/styles/_commonClasses.scss\";\r\n\r\n.image-announcement-carousel {\r\n    .v-carousel {\r\n        display: flex;\r\n\r\n        .v-window__container {\r\n            width: 100%;\r\n        }\r\n\r\n        .v-carousel__prev,\r\n        .v-carousel__next {\r\n            display: block;\r\n            background-color: white;\r\n            border-radius: 50%;\r\n            margin-right: 4px;\r\n            margin-left: 4px;\r\n        }\r\n        .v-icon {\r\n            font-size: 20px !important;\r\n            color: black;\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!./ImageAnnouncementCarousel.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!./ImageAnnouncementCarousel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageAnnouncementCarousel.vue?vue&type=template&id=78c049fd&scoped=true&\"\nimport script from \"./ImageAnnouncementCarousel.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageAnnouncementCarousel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImageAnnouncementCarousel.vue?vue&type=style&index=0&id=78c049fd&lang=scss&scoped=true&\"\nimport style1 from \"./ImageAnnouncementCarousel.vue?vue&type=style&index=1&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  \"78c049fd\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/image-announcement-bg.9eaf6585.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.action.pending || _vm.action.failed),expression:\"action.pending || action.failed\"}],staticClass:\"overlay\",style:({backgroundColor: _vm.backgroundColor})},[_c('v-layout',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.action.pending),expression:\"action.pending\"}],staticClass:\"overlay__content\",style:({ maxHeight: _vm.contentHeight }),attrs:{\"column\":\"\",\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-flex',{attrs:{\"shrink\":\"\",\"grow\":\"\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\"}})],1)],1),_c('v-layout',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.action.failed),expression:\"action.failed\"}],staticClass:\"overlay__content\",style:({ maxHeight: _vm.contentHeight }),attrs:{\"column\":\"\",\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-flex',{attrs:{\"shrink\":\"\",\"grow\":\"\"}},[_vm._t(\"on-error\",[_c('span',[_vm._v(\"\\n          \"+_vm._s(_vm.appConstant.DEFAULT_LOADING_ERROR_MESSAGE)+\"\\n        \")])])],2),_c('v-flex',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.retryable),expression:\"retryable\"}],attrs:{\"shrink\":\"\",\"grow\":\"\"}},[_c('v-btn',{attrs:{\"flat\":\"\"},on:{\"click\":function($event){return _vm.action.retry()}}},[_vm._v(\"Retry\")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"overlay\"\r\n        v-show=\"action.pending || action.failed\"\r\n        :style=\"{backgroundColor}\">\r\n    <v-layout\r\n      column\r\n      justify-center\r\n      align-center\r\n      v-show=\"action.pending\"\r\n      class=\"overlay__content\"\r\n      :style=\"{ maxHeight: contentHeight }\"\r\n      >\r\n      <v-flex shrink grow>\r\n        <v-progress-circular indeterminate></v-progress-circular>\r\n      </v-flex>\r\n    </v-layout>\r\n    <v-layout\r\n      column\r\n      justify-center\r\n      align-center\r\n      v-show=\"action.failed\"\r\n      class=\"overlay__content\"\r\n      :style=\"{ maxHeight: contentHeight }\"\r\n      >\r\n      <v-flex shrink grow>\r\n        <slot name=\"on-error\">\r\n          <span>\r\n            {{appConstant.DEFAULT_LOADING_ERROR_MESSAGE}}\r\n          </span>\r\n        </slot>\r\n      </v-flex>\r\n      <v-flex shrink grow v-show=\"retryable\">\r\n        <v-btn flat @click=\"action.retry()\">Retry</v-btn>\r\n      </v-flex>\r\n    </v-layout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { colorConstant } from '../../common/styles/colors.constant';\r\nimport { appConstant } from '../../app.constant';\r\nimport { VProgressCircular } from 'vuetify/es5/components/VProgressCircular';\r\n\r\nexport default {\r\n  name: 'StatusOverlay',\r\n  data() {\r\n    return {\r\n      appConstant,\r\n    };\r\n  },\r\n  props: {\r\n    action: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n    backgroundColor: {\r\n      type: String,\r\n      default: colorConstant().white,\r\n    },\r\n    contentHeight: {\r\n      type: String,\r\n      default: 'auto',\r\n    },\r\n    retryable: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n  },\r\n  components: {\r\n    VProgressCircular,\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n @import \"../../common/styles/_colors.scss\";\r\n\r\n.overlay__content {\r\n  height: 100%;\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!./StatusOverlay.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!./StatusOverlay.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StatusOverlay.vue?vue&type=template&id=5242edfd&scoped=true&\"\nimport script from \"./StatusOverlay.vue?vue&type=script&lang=js&\"\nexport * from \"./StatusOverlay.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StatusOverlay.vue?vue&type=style&index=0&id=5242edfd&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  \"5242edfd\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.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/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!./ImageAnnouncementCarousel.vue?vue&type=style&index=0&id=78c049fd&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.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/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!./ImageAnnouncementCarousel.vue?vue&type=style&index=0&id=78c049fd&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.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/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!./GeneralAnnouncementCard.vue?vue&type=style&index=0&id=2ac2f3c1&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.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/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!./GeneralAnnouncementCard.vue?vue&type=style&index=0&id=2ac2f3c1&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"image-card\",style:(_vm.cardStyle)},[_c('div',{staticClass:\"image-card__sponsor-regions--wrapper\"},[(_vm.limitedSponsorRegions)?_c('div',{staticClass:\"image-card__sponsor-regions\"},[_c('div',{staticClass:\"region-pill\"},[_vm._v(\"\\n        \"+_vm._s(_vm.limitedSponsorRegions)+\"\\n      \")])]):_vm._e()]),_c('div',{staticClass:\"image-card__content\"},[_c('div',{staticClass:\"image-card__main\"},[_c('div',{staticClass:\"image-card__main--left\"},[_c('h3',{staticClass:\"image-card-title\"},[_vm._v(_vm._s(_vm.announcement.title))]),_c('div',{staticClass:\"image-card-date\"},[_c('span',{staticClass:\"image-card-date__location\"},[_vm._v(_vm._s(_vm.formattedLocation))]),(_vm.hasEffectiveDate)?_c('span',[_vm._v(\"  \"+_vm._s(_vm.formatDateRange(_vm.announcement.effectiveStartDate, _vm.announcement.effectiveEndDate)))]):_vm._e()]),_c('p',{staticClass:\"image-card-description\"},[_vm._v(_vm._s(_vm.announcement.shortDescription))])])]),_c('div',{staticClass:\"image-card-footer\"},[_c('button',{staticClass:\"read-more\",on:{\"click\":function($event){return _vm.visitNow(_vm.announcement.ctaLink)}}},[_vm._v(\"\\n        \"+_vm._s(_vm.chapterStudioPageConstant.VISIT_NOW)+\"\\n      \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"image-card\" :style=\"cardStyle\">\r\n    <!-- Sponsor Regions -->\r\n    <div class=\"image-card__sponsor-regions--wrapper\">\r\n      <div class=\"image-card__sponsor-regions\" v-if=\"limitedSponsorRegions\">\r\n        <div class=\"region-pill\">\r\n          {{ limitedSponsorRegions }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n\r\n    <!-- Card Content -->\r\n    <div class=\"image-card__content\">\r\n      <div class=\"image-card__main\">\r\n        <div class=\"image-card__main--left\">\r\n          <h3 class=\"image-card-title\">{{ announcement.title }}</h3>\r\n          <div class=\"image-card-date\">\r\n            <span class=\"image-card-date__location\">{{ formattedLocation }}</span>\r\n            <span v-if=\"hasEffectiveDate\">  {{ formatDateRange(announcement.effectiveStartDate, announcement.effectiveEndDate) }}</span>\r\n          </div>\r\n          <p class=\"image-card-description\">{{ announcement.shortDescription }}</p>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"image-card-footer\">\r\n        <button class=\"read-more\" @click=\"visitNow(announcement.ctaLink)\">\r\n          {{ chapterStudioPageConstant.VISIT_NOW }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport { chapterStudioPageConstant } from \"@/components/ChapterStudioPage/chapterStudioPage.constant\";\r\nimport { formatWeekdayRange, formatDateRange } from \"@/common/utils/dateTime\";\r\nimport { mapGetters } from 'vuex';\r\nimport { storeGetters } from '@/store/storeGetters.constant';\r\nimport { openHtmlLink } from \"@/common/utils/utils\";\r\nimport { sizeFormattedImageUrl } from \"@/common/utils/cloudinaryUtils\";\r\n\r\nexport default {\r\n  name: 'ImageAnnouncementCard',\r\n  data() {\r\n    return {\r\n      chapterStudioPageConstant,\r\n      formatWeekdayRange,\r\n      formatDateRange,\r\n      sizeFormattedImageUrl,\r\n    };\r\n  },\r\n  props: {\r\n    announcement: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n    currentIndex: {\r\n      type: Number,\r\n      required: false,\r\n    },\r\n    totalCards: {\r\n      type: Number,\r\n      required: false,\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      isMobileAppBrowser: `${[storeGetters.isMobileAppBrowser]}`,\r\n    }),\r\n    cardStyle() {\r\n      if (this.announcement.backgroundImage) {\r\n        return {\r\n          backgroundImage: `url(${sizeFormattedImageUrl(this.announcement.backgroundImage, 500, 650)}`,\r\n          backgroundSize: 'cover',\r\n          backgroundPosition: 'center',\r\n        };\r\n      } else if (this.announcement.backgroundColor) {\r\n        return {\r\n          backgroundColor: this.announcement.backgroundColor,\r\n        };\r\n      }\r\n      return {\r\n        backgroundColor: this.chapterStudioPageConstant.DEFAULT_BACKGROUND_COLOR,\r\n      };\r\n    },\r\n    limitedSponsorRegions() {\r\n      let sponsorList = [];\r\n      if (this.announcement.sponsorRegionsList && this.announcement.sponsorRegionsList.length) {\r\n        sponsorList = this.announcement.sponsorRegionsList;\r\n      } else if (this.announcement.sponsorDepartmentList && this.announcement.sponsorDepartmentList.length) {\r\n        sponsorList = this.announcement.sponsorDepartmentList;\r\n      }\r\n\r\n      return sponsorList.slice(0, 4).join(', ');\r\n    },\r\n    formattedLocation() {\r\n      return this.announcement.location || '';\r\n    },\r\n    hasEffectiveDate() {\r\n      return (this.announcement.effectiveStartDate && this.announcement.effectiveStartDate.length)\r\n          && (this.announcement.effectiveEndDate && this.announcement.effectiveEndDate.length);\r\n    },\r\n  },\r\n  methods: {\r\n    visitNow(announcementUrl) {\r\n      openHtmlLink(announcementUrl, this.isMobileAppBrowser);\r\n      return false;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n@import \"../../common/styles/_responsive.scss\";\r\n@import \"../../common/styles/_commonClasses.scss\";\r\n\r\n.image-card {\r\n  font-family: 'Helvetica Neue', Roboto, 'sans-serif';\r\n  position: relative;\r\n  width:  100%;\r\n  height: 266px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n  background-color: #d9c5a3;\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 10px 20px 20px 20px;\r\n\r\n   &__sponsor-regions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      align-items: flex-start;\r\n      justify-content: end;\r\n      gap: 10px;\r\n      margin-bottom: 5px;\r\n      overflow: hidden;\r\n\r\n    &--wrapper {\r\n      width: 100%;\r\n      display: flex;\r\n      height: auto;\r\n      justify-content: flex-end;\r\n      min-height: 34px;\r\n    }\r\n\r\n     .region-pill {\r\n        background-color: rgba(0, 0, 0, 0.6);\r\n        color: #fff;\r\n        padding: 4px 10px;\r\n        font-size: 11px;\r\n        font-weight: 400;\r\n        border-radius: 12px;\r\n        white-space: nowrap;\r\n        text-align: center;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        width: auto;\r\n        height: 24px;\r\n        max-width: 100%;\r\n      }\r\n  }\r\n\r\n  &__content {\r\n  position: relative;\r\n  z-index: 1;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  color: #fff;\r\n  padding: 10px;\r\n  border-radius: 12px;\r\n  height: 229px;\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n\r\n    .image-card {\r\n      &__main {\r\n        display: flex;\r\n        justify-content: space-between;\r\n\r\n        &--left {\r\n          flex: 2;\r\n          padding-left: 10px;\r\n\r\n          .image-card-title {\r\n            font-family: 'Helvetica Neue';\r\n            font-weight: 700;\r\n            font-size: 18px;\r\n            line-height: 25.2px;\r\n            letter-spacing: 0%;\r\n            margin-bottom: 2px;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 2;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n          }\r\n\r\n          .image-card-description {\r\n            font-size: 14px;\r\n            font-weight: 400;\r\n            line-height: 1.5;\r\n            margin-top: 10px;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 3;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n          }\r\n          .image-card-date {\r\n            span {\r\n              font-weight: 400;\r\n              font-size: 11px;\r\n              display: block;\r\n              min-width: 105px;\r\n              height: 13px;\r\n            }\r\n            .image-card-date__location {\r\n              font-weight: 400;\r\n              font-size: 11px;\r\n              height: 13px;\r\n              display: -webkit-box;\r\n              -webkit-line-clamp: 1;\r\n              -webkit-box-orient: vertical;\r\n              overflow: hidden;\r\n              text-overflow: ellipsis;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n  .image-card-footer {\r\n    margin-top: auto;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    position: absolute;\r\n    right: 10px;\r\n    bottom: 10px;\r\n\r\n    .read-more {\r\n      background-color: #0056b3;\r\n      color: #fff;\r\n      padding: 8px 12px;\r\n      line-height: 16.8px;\r\n      border: none;\r\n      border-radius: 6px;\r\n      cursor: pointer;\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n      width: 120px;\r\n\r\n      &:hover {\r\n        background-color: #004494;\r\n        }\r\n      }\r\n    }\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!./ImageAnnouncementCard.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!./ImageAnnouncementCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageAnnouncementCard.vue?vue&type=template&id=11ae73a0&scoped=true&\"\nimport script from \"./ImageAnnouncementCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageAnnouncementCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImageAnnouncementCard.vue?vue&type=style&index=0&id=11ae73a0&scoped=true&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  \"11ae73a0\",\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 (_vm.announcement)?_c('v-layout',{class:['announcement-main', _vm.isWarningAnnouncement && 'announcement-main--warning'],attrs:{\"row\":\"\"}},[_c('v-flex',{staticClass:\"announcement-main__icon\"},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"campaign\")])]),_c('v-flex',{staticClass:\"announcement-main__details\"},[_c('div',{staticClass:\"announcement-main__details--header\"},[_vm._v(_vm._s(_vm.announcement.title))]),(_vm.isFullView)?_c('div',{staticClass:\"announcement-main__details--full-desc\"},[_c('div',{staticClass:\"pt-2\",domProps:{\"innerHTML\":_vm._s(_vm.announcement.longDescription)}})]):_c('div',{staticClass:\"announcement-main__details--desc\"},[_vm._v(_vm._s(_vm.announcement.shortDescription))]),_c('div',{staticClass:\"announcement-main__details--button\"},[_c('v-btn',{staticClass:\"read-more-btn\",on:{\"click\":function($event){return _vm.handleActionButtonClick(_vm.announcement)}}},[_vm._v(_vm._s(_vm.actionButtonText))])],1)]),_c('v-flex',{staticClass:\"text-right\"},[_c('v-btn',{staticClass:\"announcement-close-icon\",attrs:{\"flat\":\"\",\"icon\":\"\",\"size\":\"16\"},on:{\"click\":function($event){return _vm.handleClose(_vm.announcement.id)}}},[_c('v-icon',[_vm._v(\"fas fa-times\")])],1)],1)],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-layout v-if=\"announcement\" :class=\"['announcement-main', isWarningAnnouncement && 'announcement-main--warning']\" row>\r\n    <v-flex class=\"announcement-main__icon\">\r\n      <i class=\"material-icons\">campaign</i>\r\n    </v-flex>\r\n    <v-flex class=\"announcement-main__details\">\r\n      <div class=\"announcement-main__details--header\">{{ announcement.title }}</div>\r\n      <div class=\"announcement-main__details--full-desc\" v-if=\"isFullView\">\r\n        <div class=\"pt-2\" v-html=\"announcement.longDescription\"></div>\r\n      </div>\r\n      <div class=\"announcement-main__details--desc\" v-else>{{ announcement.shortDescription }}</div>\r\n      <div class=\"announcement-main__details--button\">\r\n        <v-btn class=\"read-more-btn\" @click=\"handleActionButtonClick(announcement)\">{{ actionButtonText }}</v-btn>\r\n      </div>\r\n    </v-flex>\r\n    <v-flex class=\"text-right\">\r\n      <v-btn class=\"announcement-close-icon\" flat icon size=\"16\" @click=\"handleClose(announcement.id)\">\r\n        <v-icon>fas fa-times</v-icon>\r\n      </v-btn>\r\n    </v-flex>\r\n  </v-layout>\r\n</template>\r\n\r\n<script>\r\nimport { chapterStudioPageConstant } from \"./chapterStudioPage.constant\";\r\n\r\nexport default {\r\n  name: 'GeneralAnnouncementCard',\r\n  data() {\r\n    return {\r\n      chapterStudioPageConstant,\r\n    };\r\n  },\r\n  props: {\r\n    announcement: {\r\n      type: Object,\r\n      require: true,\r\n    },\r\n    isWarningAnnouncement: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    isFullView: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    onClose: {\r\n      type: Function,\r\n      required: true,\r\n    },\r\n    onActionButtonClick: {\r\n      type: Function,\r\n      required: true,\r\n    },\r\n    actionButtonText: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n  },\r\n  computed: {\r\n    announcementTitle() {\r\n      return this.isWarningAnnouncement\r\n          ? chapterStudioPageConstant.ANNOUNCEMENT_TITLE_WARNING\r\n          : chapterStudioPageConstant.ANNOUNCEMENT_TITLE_GENERAL;\r\n    },\r\n  },\r\n  methods: {\r\n    handleClose(announcementId) {\r\n      this.onClose(announcementId);\r\n    },\r\n    handleActionButtonClick(announcement) {\r\n      this.onActionButtonClick(announcement);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"../../common/styles/_colors.scss\";\r\n@import \"../../common/styles/_responsive.scss\";\r\n@import \"../../common/styles/_commonClasses.scss\";\r\n\r\n.announcement-main {\r\n  background-color: $white;\r\n  border-radius: 8px;\r\n  border: 2px solid $ypo-brand-blue;\r\n  padding: 10px 5px 10px 10px;\r\n\r\n  @include breakpointMin(sm) {\r\n    padding: 15px;\r\n  }\r\n\r\n  &__icon {\r\n    width: 25px;\r\n    max-width: 25px;\r\n    color: $ypo-brand-blue;\r\n  }\r\n\r\n  &__details {\r\n    padding-left: 15px;\r\n    padding-top: 1px;\r\n\r\n    &--header {\r\n      font-size: 16px;\r\n      line-height: 22.4px;\r\n      font-weight: 600;\r\n      color: $ypo-brand-blue;\r\n    }\r\n\r\n    &--desc {\r\n      font-size: 14px;\r\n      line-height: 18px;\r\n      font-weight: 400;\r\n      letter-spacing: 0.9px;\r\n      padding-top: 3px;\r\n      overflow: hidden;\r\n      display: -webkit-box;\r\n      -webkit-box-orient: vertical;\r\n      -webkit-line-clamp: 2; /* number of lines to show */\r\n      line-clamp: 2;\r\n\r\n      @include breakpointMin(sm) {\r\n        -webkit-line-clamp: 1; /* number of lines to show */\r\n        line-clamp: 1;\r\n      }\r\n    }\r\n\r\n    &--button {\r\n      padding-top: 12px;\r\n\r\n      .read-more-btn {\r\n        margin: 0;\r\n        height: 30px;\r\n        width: 99px;\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        border-radius: 8px;\r\n        color: $white;\r\n        background-color: $ypo-brand-blue !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  .announcement-close-icon {\r\n    color: $ypo-brand-blue;\r\n    margin: 0;\r\n    position: relative;\r\n    right: -8px;\r\n    top: -10px;\r\n\r\n    .v-icon {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n}\r\n\r\n.announcement-main--warning {\r\n  border: 2px solid $ypo-error-red;\r\n  background-color: $ypo-red-faded;\r\n\r\n  .announcement-main {\r\n    &__icon {\r\n      color: $ypo-error-red;\r\n    }\r\n\r\n    &__details {\r\n      &--header {\r\n        color: $ypo-error-red;\r\n      }\r\n\r\n      &--button {\r\n        .read-more-btn {\r\n          background-color: $ypo-error-red !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .announcement-close-icon {\r\n    color: $ypo-error-red;\r\n  }\r\n}\r\n</style>\r\n\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!./GeneralAnnouncementCard.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!./GeneralAnnouncementCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GeneralAnnouncementCard.vue?vue&type=template&id=2ac2f3c1&scoped=true&\"\nimport script from \"./GeneralAnnouncementCard.vue?vue&type=script&lang=js&\"\nexport * from \"./GeneralAnnouncementCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GeneralAnnouncementCard.vue?vue&type=style&index=0&id=2ac2f3c1&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  \"2ac2f3c1\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.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/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!./ImageAnnouncementCard.vue?vue&type=style&index=0&id=11ae73a0&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.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/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!./ImageAnnouncementCard.vue?vue&type=style&index=0&id=11ae73a0&scoped=true&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.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/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!./ImageAnnouncementCarousel.vue?vue&type=style&index=1&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.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/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!./ImageAnnouncementCarousel.vue?vue&type=style&index=1&lang=scss&\"","\r\nconst addHeightWidthToUrl = (urlFrag, height, width) => {\r\n    if (height) urlFrag = `${urlFrag}h_${height}`;\r\n    if (width && !height) urlFrag = `${urlFrag}w_${width}`;\r\n    else if (width) urlFrag = `${urlFrag},w_${width}`;\r\n    urlFrag = `${urlFrag}/`;\r\n    return urlFrag;\r\n};\r\n\r\nexport const sizeFormattedImageUrl = (url, height, width) => {\r\n    let result = url;\r\n    const imageUploadString = \"/image/upload/\";\r\n    if (url && url.length && url.includes(imageUploadString)) {\r\n        const urlFrags = url.split(imageUploadString);\r\n        if (urlFrags.length === 2) {\r\n            let stringUpdated = height && width ? `${imageUploadString}c_limit,c_fit,` : `${imageUploadString}c_limit,`;\r\n            stringUpdated = addHeightWidthToUrl(stringUpdated, height, width);\r\n            result = `${urlFrags[0]}${stringUpdated}${urlFrags[1]}`;\r\n        }\r\n    }\r\n    return result;\r\n};\r\n\r\nexport const sizeFormattedImageUrlWithFaceFocused = (url, height, width) => {\r\n    let result = url;\r\n    const imageUploadString = \"/image/upload/\";\r\n    if (url && url.length && url.includes(imageUploadString)) {\r\n        const urlFrags = url.split(imageUploadString);\r\n        if (urlFrags.length === 2) {\r\n            let stringUpdated = height && width ? `${imageUploadString}c_limit,c_fill,g_face,` : imageUploadString;\r\n            stringUpdated = addHeightWidthToUrl(stringUpdated, height, width);\r\n            result = `${urlFrags[0]}${stringUpdated}${urlFrags[1]}`;\r\n        }\r\n    }\r\n    return result;\r\n};\r\n\r\nexport const sanitizeVideoUrl = (url) => {\r\n    return url.includes('/image/upload') ? url.replace(\"/image/upload\", \"/video/upload\") : url;\r\n};\r\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.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/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!./StatusOverlay.vue?vue&type=style&index=0&id=5242edfd&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.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/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!./StatusOverlay.vue?vue&type=style&index=0&id=5242edfd&lang=scss&scoped=true&\"","export const chapterStudioPageConstant = {\r\n    PAGE_TITLE: 'Chapter Studio',\r\n    TITLE_FAVORITE: 'Favorites',\r\n    READ_MORE: 'Read More',\r\n    CLOSE: 'Close',\r\n    ANNOUNCEMENT_TITLE_GENERAL: 'General',\r\n    ANNOUNCEMENT_TITLE_WARNING: 'Warning',\r\n    VISIT_NOW: 'VISIT NOW',\r\n    DEFAULT_BACKGROUND_COLOR: '#4F90C4',\r\n};\r\n"],"sourceRoot":""}