{"version":3,"sources":["webpack:///./src/components/ChapterStudioPageManage/ManageChapterStudio.vue?586f","webpack:///./src/components/ChapterStudioPageManage/ManageAnnouncementCard.vue?cc36","webpack:///src/components/ChapterStudioPageManage/ManageAnnouncementCard.vue","webpack:///./src/components/ChapterStudioPageManage/ManageAnnouncementCard.vue?9f47","webpack:///./src/components/ChapterStudioPageManage/ManageAnnouncementCard.vue","webpack:///src/components/ChapterStudioPageManage/ManageChapterStudio.vue","webpack:///./src/components/ChapterStudioPageManage/ManageChapterStudio.vue?ab3f","webpack:///./src/components/ChapterStudioPageManage/ManageChapterStudio.vue","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/YpoBreadcrumb/YpoBreadcrumb.vue?1689","webpack:///./src/components/ChapterStudioPageManage/ManageChapterStudio.vue?dcce","webpack:///./src/components/YpoBreadcrumb/YpoBreadcrumb.vue?fefb","webpack:///src/components/YpoBreadcrumb/YpoBreadcrumb.vue","webpack:///./src/components/YpoBreadcrumb/YpoBreadcrumb.vue?78fd","webpack:///./src/components/YpoBreadcrumb/YpoBreadcrumb.vue","webpack:///./src/components/ChapterStudioPageManage/ManageChapterStudio.vue?fe64","webpack:///./src/components/StatusOverlay/StatusOverlay.vue?521e","webpack:///./src/components/ChapterStudioPageManage/ManageAnnouncementCard.vue?509e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","manageChapterStudioConstant","PAGE_TITLE","PAGE_SUBTITLE","manageChapterStudioBreadcrumbs","length","_e","on","handleCreateAnnouncement","CREATE_ACTION_BUTTON_LABEL","allChapterStudioAnnouncements","fetchingAnnouncementsLoadingAction","staticRenderFns","_l","item","index","key","isPublished","UNSCHEDULED_DRAFT","title","DISPLAY_RANGE","formatDate","displayStartDate","displayEndDate","shouldShowEffectiveRange","EFFECTIVE_RANGE","effectiveStartDate","effectiveEndDate","ANNOUNCEMENT_TYPE","recordTypeName","DEPT_REGION","limitedSponsorRegions","VISIBLE_TO","getVisibleToDisplay","SHORT_DESCRIPTION","shortDescription","$event","editAnnouncement","id","EDIT","deleteAnnouncement","DELETE","model","value","callback","$$v","isOpenDeleteDialog","expression","cancelDeleteDialog","DELETE_CONFIRMATION_MESSAGE","appCommonConstants","CANCEL","confirmDelete","CONFIRM","name","data","createChapterStudioConstant","announcement","props","type","Array","required","computed","methods","spList","slice","join","visibleToObject","component","components","$router","push","actions","directives","rawName","action","pending","failed","style","backgroundColor","maxHeight","contentHeight","_t","appConstant","DEFAULT_LOADING_ERROR_MESSAGE","retry","Object","String","default","retryable","Boolean","VProgressCircular","breadcrumbList","scopedSlots","_u","fn","ref","href","disabled","text"],"mappings":"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","file":"js/chunk-42b04456.397a6a91.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"white_background full-height\"},[_c('div',{staticClass:\"wrapped-page-container manage-chapter-studio\"},[_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\",\"justify-space-between\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm6\":\"\"}},[_c('div',{staticClass:\"manage-chapter-studio__title\"},[_vm._v(_vm._s(_vm.manageChapterStudioConstant.PAGE_TITLE))]),_c('div',{staticClass:\"manage-chapter-studio__subtitle\"},[_vm._v(_vm._s(_vm.manageChapterStudioConstant.PAGE_SUBTITLE))]),(_vm.manageChapterStudioBreadcrumbs && _vm.manageChapterStudioBreadcrumbs.length > 1)?_c('div',{staticClass:\"manage-chapter-studio__breadcrumb\"},[_c('ypo-breadcrumb',{attrs:{\"breadcrumb-list\":_vm.manageChapterStudioBreadcrumbs}})],1):_vm._e()]),_c('v-flex',{staticClass:\"text-right\",attrs:{\"xs12\":\"\",\"sm6\":\"\"}},[_c('v-btn',{staticClass:\"primary_btn manage-chapter-studio__create-btn mt-3\",on:{\"click\":_vm.handleCreateAnnouncement}},[_c('i',{staticClass:\"fa-solid fa-circle-plus\"}),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.manageChapterStudioConstant.CREATE_ACTION_BUTTON_LABEL))])])],1)],1),_c('div',{staticClass:\"announcements-list__wrapper\"},[(_vm.allChapterStudioAnnouncements.length)?_c('manage-announcement-card',{attrs:{\"allChapterStudioAnnouncements\":_vm.allChapterStudioAnnouncements}}):_vm._e(),_c('status-overlay',{attrs:{\"action\":_vm.fetchingAnnouncementsLoadingAction,\"content-height\":\"100px\"}})],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._l((_vm.allChapterStudioAnnouncements),function(item,index){return _c('div',{key:index,staticClass:\"announcement-card\"},[(!item.isPublished)?_c('div',{staticClass:\"announcement-card__header\"},[_vm._v(\"\\n      \"+_vm._s(_vm.manageChapterStudioConstant.UNSCHEDULED_DRAFT)+\"\\n    \")]):_vm._e(),_c('h3',{staticClass:\"announcement-card__title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"announcement-card__content\"},[_c('div',{staticClass:\"announcement-card__info-left\"},[_c('p',[_c('span',{staticClass:\"announcement-card__info-left__left_title\"},[_vm._v(_vm._s(_vm.manageChapterStudioConstant.DISPLAY_RANGE))]),_c('span',{staticClass:\"announcement-card__info-left__left_details\"},[_vm._v(_vm._s(_vm.formatDate(item.displayStartDate))+\" -\\n          \"+_vm._s(_vm.formatDate(item.displayEndDate)))])]),(_vm.shouldShowEffectiveRange(item))?_c('p',[_c('span',{staticClass:\"announcement-card__info-left__left_title\"},[_vm._v(_vm._s(_vm.manageChapterStudioConstant.EFFECTIVE_RANGE))]),_c('span',{staticClass:\"announcement-card__info-left__left_details\"},[_vm._v(_vm._s(_vm.formatDate(item.effectiveStartDate))+\" -\\n          \"+_vm._s(_vm.formatDate(item.effectiveEndDate)))])]):_vm._e(),_c('p',[_c('span',{staticClass:\"announcement-card__info-left__left_title\"},[_vm._v(_vm._s(_vm.manageChapterStudioConstant.ANNOUNCEMENT_TYPE))]),_c('span',{staticClass:\"announcement-card__info-left__left_details\"},[_vm._v(_vm._s(item.recordTypeName))])]),_c('p',[_c('span',{staticClass:\"announcement-card__info-left__left_title\"},[_vm._v(_vm._s(_vm.manageChapterStudioConstant.DEPT_REGION))]),_c('span',{staticClass:\"announcement-card__info-left__left_details\"},[_vm._v(_vm._s(_vm.limitedSponsorRegions(item)))])]),_c('p',[_c('span',{staticClass:\"announcement-card__info-left__left_title\"},[_vm._v(_vm._s(_vm.manageChapterStudioConstant.VISIBLE_TO))]),_c('span',{staticClass:\"announcement-card__info-left__left_details\"},[_vm._v(_vm._s(_vm.getVisibleToDisplay(item)))])])]),_c('div',{staticClass:\"announcement-card__info-right\"},[_c('div',{staticClass:\"short-description\"},[_c('span',{staticClass:\"short-description__title\"},[_vm._v(_vm._s(_vm.manageChapterStudioConstant.SHORT_DESCRIPTION))]),_c('span',{staticClass:\"short-description__content\"},[_vm._v(_vm._s(item.shortDescription))])])]),(item.canEditAnnouncement)?_c('div',{staticClass:\"announcement-card__actions\"},[_c('div',{staticClass:\"announcement-card__button-container\"},[_c('button',{staticClass:\"announcement-card__button announcement-card__button--edit\",on:{\"click\":function($event){return _vm.editAnnouncement(item.id)}}},[_vm._v(\"\\n            \"+_vm._s(_vm.manageChapterStudioConstant.EDIT)+\"\\n          \")])]),_c('div',{staticClass:\"announcement-card__button-container\"},[_c('button',{staticClass:\"announcement-card__button announcement-card__button--delete\",on:{\"click\":function($event){return _vm.deleteAnnouncement(item)}}},[_vm._v(\"\\n            \"+_vm._s(_vm.manageChapterStudioConstant.DELETE)+\"\\n          \")])])]):_vm._e()])])}),_c('v-dialog',{attrs:{\"lazy\":\"\",\"absolute\":\"\",\"content-class\":\"post-actions\",\"persistent\":\"\"},model:{value:(_vm.isOpenDeleteDialog),callback:function ($$v) {_vm.isOpenDeleteDialog=$$v},expression:\"isOpenDeleteDialog\"}},[_c('v-card',[_c('h6',[_vm._v(\"Delete Announcement\\n                  \"),_c('v-btn',{attrs:{\"icon\":\"\",\"data-qe-id\":\"dialog_close_btn\"},on:{\"click\":function($event){return _vm.cancelDeleteDialog()}}},[_c('v-icon',{attrs:{\"size\":\"20\"}},[_vm._v(\"close\")])],1)],1),_c('p',[_vm._v(_vm._s(_vm.manageChapterStudioConstant.DELETE_CONFIRMATION_MESSAGE))]),_c('v-flex',{attrs:{\"text-xs-right\":\"\"}},[_c('v-btn',{staticClass:\"primary_btn transparent small\",attrs:{\"data-qe-id\":\"dialog_cancel_btn\"},on:{\"click\":function($event){return _vm.cancelDeleteDialog()}}},[_vm._v(\"\\n                      \"+_vm._s(_vm.appCommonConstants.CANCEL)+\"\\n                  \")]),_c('v-btn',{staticClass:\"primary_btn small\",attrs:{\"data-qe-id\":\"dialog_confirm_btn\"},on:{\"click\":function($event){return _vm.confirmDelete()}}},[_vm._v(\"\\n                      \"+_vm._s(_vm.appCommonConstants.CONFIRM)+\"\\n                  \")])],1)],1)],1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div\r\n      class=\"announcement-card\"\r\n      v-for=\"(item, index) in allChapterStudioAnnouncements\"\r\n      :key=\"index\"\r\n    >\r\n      <div v-if=\"!item.isPublished\" class=\"announcement-card__header\">\r\n        {{ manageChapterStudioConstant.UNSCHEDULED_DRAFT }}\r\n      </div>\r\n      <h3 class=\"announcement-card__title\">{{ item.title }}</h3>\r\n\r\n      <div class=\"announcement-card__content\">\r\n        <div class=\"announcement-card__info-left\">\r\n          <p>\r\n            <span class=\"announcement-card__info-left__left_title\">{{ manageChapterStudioConstant.DISPLAY_RANGE }}</span>\r\n            <span class=\"announcement-card__info-left__left_details\">{{ formatDate(item.displayStartDate) }} -\r\n            {{ formatDate(item.displayEndDate) }}</span>\r\n          </p>\r\n          <p v-if=\"shouldShowEffectiveRange(item)\">\r\n            <span class=\"announcement-card__info-left__left_title\">{{ manageChapterStudioConstant.EFFECTIVE_RANGE }}</span>\r\n            <span class=\"announcement-card__info-left__left_details\">{{ formatDate(item.effectiveStartDate) }} -\r\n            {{ formatDate(item.effectiveEndDate) }}</span>\r\n          </p>\r\n          <p>\r\n            <span class=\"announcement-card__info-left__left_title\">{{ manageChapterStudioConstant.ANNOUNCEMENT_TYPE }}</span>\r\n            <span class=\"announcement-card__info-left__left_details\">{{ item.recordTypeName }}</span>\r\n          </p>\r\n          <p>\r\n            <span class=\"announcement-card__info-left__left_title\">{{ manageChapterStudioConstant.DEPT_REGION }}</span>\r\n            <span class=\"announcement-card__info-left__left_details\">{{ limitedSponsorRegions(item) }}</span>\r\n          </p>\r\n          <p>\r\n            <span class=\"announcement-card__info-left__left_title\">{{ manageChapterStudioConstant.VISIBLE_TO }}</span>\r\n            <span class=\"announcement-card__info-left__left_details\">{{ getVisibleToDisplay(item) }}</span>\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"announcement-card__info-right\">\r\n          <div class=\"short-description\">\r\n            <span class=\"short-description__title\">{{\r\n              manageChapterStudioConstant.SHORT_DESCRIPTION\r\n            }}</span>\r\n            <span class=\"short-description__content\">{{\r\n              item.shortDescription\r\n            }}</span>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"announcement-card__actions\" v-if=\"item.canEditAnnouncement\">\r\n          <div class=\"announcement-card__button-container\">\r\n            <button\r\n              class=\"announcement-card__button announcement-card__button--edit\"\r\n              @click=\"editAnnouncement(item.id)\"\r\n              >\r\n              {{ manageChapterStudioConstant.EDIT }}\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"announcement-card__button-container\">\r\n            <button\r\n              class=\"announcement-card__button announcement-card__button--delete\"\r\n              @click=\"deleteAnnouncement(item)\"\r\n            >\r\n              {{ manageChapterStudioConstant.DELETE }}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <v-dialog v-model=\"isOpenDeleteDialog\" lazy absolute content-class=\"post-actions\" persistent>\r\n            <v-card>\r\n                <h6>Delete Announcement\r\n                    <v-btn icon data-qe-id=\"dialog_close_btn\" @click=\"cancelDeleteDialog()\">\r\n                        <v-icon size=\"20\">close</v-icon>\r\n                    </v-btn>\r\n                </h6>\r\n\r\n                <p>{{ manageChapterStudioConstant.DELETE_CONFIRMATION_MESSAGE }}</p>\r\n                <v-flex text-xs-right>\r\n                    <v-btn class=\"primary_btn transparent small\" data-qe-id=\"dialog_cancel_btn\"\r\n                        @click=\"cancelDeleteDialog()\">\r\n                        {{appCommonConstants.CANCEL}}\r\n                    </v-btn>\r\n                    <v-btn class=\"primary_btn small\" data-qe-id=\"dialog_confirm_btn\" @click=\"confirmDelete()\">\r\n                        {{appCommonConstants.CONFIRM}}\r\n                    </v-btn>\r\n                </v-flex>\r\n            </v-card>\r\n    </v-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { manageChapterStudioConstant, createChapterStudioConstant } from \"@/components/ChapterStudioPageManage/manageChapterStudio.constant\";\r\nimport { formatDate } from \"../../common/utils/dateTime.js\";\r\nimport { storeAction } from \"@/store/storeActions.constant\";\r\nimport { mapActions } from \"vuex\";\r\nimport { routerNames, appCommonConstants } from \"@/components/appCommon.constants\";\r\n\r\nexport default {\r\n  name: \"CardComponent\",\r\n  data() {\r\n    return {\r\n      manageChapterStudioConstant,\r\n      createChapterStudioConstant,\r\n      appCommonConstants,\r\n      formatDate,\r\n      isOpenDeleteDialog: false,\r\n      announcement: null,\r\n    };\r\n  },\r\n  props: {\r\n    allChapterStudioAnnouncements: {\r\n      type: Array,\r\n      required: true,\r\n    },\r\n  },\r\n  computed: {},\r\n  methods: {\r\n    ...mapActions({\r\n        saveChapterStudioAnnouncement: `manageChapterStudio/${storeAction.saveChapterStudioAnnouncement}`,\r\n        getAllChapterStudioAnnouncements: `manageChapterStudio/${storeAction.getAllChapterStudioAnnouncements}`,\r\n    }),\r\n    ...mapActions('snackbar', [\r\n      `${storeAction.setToastMessage}`,\r\n      `${storeAction.hideSnackbar}`,\r\n    ]),\r\n    limitedSponsorRegions(item) {\r\n      const spList =\r\n        item.sponsorRegionsList || item.sponsorDepartmentList || [];\r\n      return spList.slice(0, 4).join(\", \");\r\n    },\r\n    deleteAnnouncement(item) {\r\n      this.isOpenDeleteDialog = true;\r\n      this.announcement = item;\r\n    },\r\n    cancelDeleteDialog() {\r\n      this.isOpenDeleteDialog = false;\r\n    },\r\n    editAnnouncement(announcementId) {\r\n        this.$router.push(`/${routerNames.CREATE_ANNOUNCEMENT}/${announcementId}`);\r\n    },\r\n    confirmDelete() {\r\n        this.announcement.isActive = false;\r\n        this.saveChapterStudioAnnouncement(this.announcement)\r\n        .then(() => {\r\n          this.isOpenDeleteDialog = false;\r\n          this.setToastMessage({\r\n            color: 'success',\r\n            message: this.manageChapterStudioConstant.ITEM_DELETED_SUCCESS,\r\n          });\r\n          this.getAllChapterStudioAnnouncements();\r\n        })\r\n        .catch(() => {\r\n          this.isOpenDeleteDialog = false;\r\n          this.setToastMessage({\r\n            color: 'error',\r\n            message: this.manageChapterStudioConstant.ITEM_FAILED_DELETE,\r\n          });\r\n        });\r\n    },\r\n    getVisibleToDisplay(announcement) {\r\n      return announcement && announcement.visibleToObject && announcement.visibleToObject.name\r\n          ? announcement.visibleToObject.name\r\n          : '';\r\n    },\r\n    shouldShowEffectiveRange(item) {\r\n      return (item.recordTypeName === this.createChapterStudioConstant.RECORD_TYPE.IMAGE && (item.effectiveStartDate || '').trim() && (item.effectiveEndDate || '').trim());\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n@import \"../../common/styles/_responsive.scss\";\r\n@import \"../../common/styles/_commonClasses.scss\";\r\n@import \"../../common/styles/_colors.scss\";\r\n\r\n\r\n.announcement-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  border: 1px solid #ddd;\r\n  margin-bottom: 12px;\r\n  border-radius: 8px;\r\n  max-width: 100%;\r\n\r\n  p {\r\n    margin-bottom: -4px;\r\n  }\r\n  &__title {\r\n    font-family: 'Helvetica Neue', sans-serif;\r\n    display: block;\r\n    max-width: 80%;\r\n    text-align: left;\r\n    font-weight: 700;\r\n    font-size: 22px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    padding: 10px 10px 5px 8px;\r\n\r\n    @include breakpointMin(sm) {\r\n        margin-left: 6px;\r\n        padding: 10px 0 10px 8px;\r\n    }\r\n  }\r\n\r\n  &__header {\r\n    background-color: $mild-grey;\r\n    color: white;\r\n    padding: 8px 0 6px 14px;\r\n    font-weight: bold;\r\n    text-transform: uppercase;\r\n    font-size: 14px;\r\n    border-top-right-radius: 4px;\r\n    border-top-left-radius: 4px;\r\n  }\r\n\r\n  &__content {\r\n    display: flex;\r\n    flex: 1;\r\n    position: relative;\r\n    flex-direction: column;\r\n\r\n    @include breakpointMin(sm) {\r\n      flex-direction: row;\r\n    }\r\n    .announcement-card__info-left {\r\n      flex: 1;\r\n      padding: 0 9px 0 10px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      max-width: 80%;\r\n\r\n      @include breakpointMin(sm) {\r\n        max-width: 45%;\r\n        padding: 0 9px 18px 18px;\r\n      }\r\n\r\n      &__left_title {\r\n        font-weight: 700;\r\n        font-size: 12px;\r\n      }\r\n\r\n      &__left_details {\r\n        font-weight: 400;\r\n        font-size: 12px;\r\n      }\r\n    }\r\n\r\n    .announcement-card__info-right {\r\n      display: flex;\r\n      flex-direction: column;\r\n      font-family: Arial, sans-serif;\r\n      padding: 8px 0 14px 10px;\r\n      max-width: 70%;\r\n\r\n      @include breakpointMin(sm) {\r\n        max-width: 30%;\r\n        padding: 0 0 0 10px;\r\n      }\r\n      .short-description__title {\r\n        font-weight: 700;\r\n        margin-bottom: 0px;\r\n        font-size: 12px;\r\n        display: block;\r\n      }\r\n\r\n      .short-description__content {\r\n        line-height: 14px;\r\n        color: #333;\r\n        font-size: 11px;\r\n        font-weight: 400;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 1;\r\n        line-clamp: 1;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n\r\n        @include breakpointMin(sm) {\r\n        -webkit-line-clamp: 4;\r\n        line-clamp: 4;\r\n      }\r\n      }\r\n    }\r\n\r\n    .announcement-card__actions {\r\n      position: absolute;\r\n      top: -48px;\r\n      right: 0;\r\n      bottom: 0;\r\n      width: 20%;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n      border-left: 1px solid #ddd;\r\n\r\n      @include breakpointMin(sm) {\r\n        top: -53px;\r\n      }\r\n\r\n      .announcement-card__button-container {\r\n        width: 100%;\r\n        height: 50%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-bottom: 1px solid #ccc;\r\n\r\n        &:last-child {\r\n          border-bottom: none;\r\n        }\r\n\r\n        .announcement-card__button {\r\n          font-size: 14px;\r\n          font-weight: 400;\r\n          color: black;\r\n          padding: 8px 16px;\r\n          text-align: center;\r\n          border: none;\r\n          cursor: pointer;\r\n\r\n          &--edit {\r\n            background-color: transparent;\r\n          }\r\n\r\n          &--delete {\r\n            background-color: transparent;\r\n          }\r\n        }\r\n      }\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!./ManageAnnouncementCard.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!./ManageAnnouncementCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ManageAnnouncementCard.vue?vue&type=template&id=7ecdfd18&scoped=true&\"\nimport script from \"./ManageAnnouncementCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ManageAnnouncementCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ManageAnnouncementCard.vue?vue&type=style&index=0&id=7ecdfd18&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  \"7ecdfd18\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"white_background full-height\">\r\n    <div class=\"wrapped-page-container manage-chapter-studio\">\r\n      <v-layout row wrap justify-space-between>\r\n        <v-flex xs12 sm6>\r\n          <div class=\"manage-chapter-studio__title\">{{manageChapterStudioConstant.PAGE_TITLE}}</div>\r\n          <div class=\"manage-chapter-studio__subtitle\">{{manageChapterStudioConstant.PAGE_SUBTITLE}}</div>\r\n          <div v-if=\"manageChapterStudioBreadcrumbs && manageChapterStudioBreadcrumbs.length > 1\"\r\n               class=\"manage-chapter-studio__breadcrumb\">\r\n            <ypo-breadcrumb :breadcrumb-list=\"manageChapterStudioBreadcrumbs\"></ypo-breadcrumb>\r\n          </div>\r\n        </v-flex>\r\n        <v-flex class=\"text-right\" xs12 sm6>\r\n          <v-btn class=\"primary_btn manage-chapter-studio__create-btn mt-3\" @click=\"handleCreateAnnouncement\">\r\n            <i class=\"fa-solid fa-circle-plus\"></i>\r\n            <span class=\"ml-2\">{{manageChapterStudioConstant.CREATE_ACTION_BUTTON_LABEL}}</span>\r\n          </v-btn>\r\n        </v-flex>\r\n      </v-layout>\r\n      <div class=\"announcements-list__wrapper\">\r\n        <manage-announcement-card v-if=\"allChapterStudioAnnouncements.length\" :allChapterStudioAnnouncements=\"allChapterStudioAnnouncements\"/>\r\n        <status-overlay :action=\"fetchingAnnouncementsLoadingAction\" content-height=\"100px\"></status-overlay>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport { mapActions, mapGetters, mapMutations, mapState } from \"vuex\";\r\nimport { storeGetters } from \"@/store/storeGetters.constant\";\r\nimport { storeAction } from \"@/store/storeActions.constant\";\r\nimport StatusOverlay from \"@/components/StatusOverlay/StatusOverlay.vue\";\r\nimport { manageChapterStudioConstant } from \"@/components/ChapterStudioPageManage/manageChapterStudio.constant\";\r\nimport YpoBreadcrumb from \"@/components/YpoBreadcrumb/YpoBreadcrumb.vue\";\r\nimport { routerNames } from \"@/components/appCommon.constants\";\r\nimport ManageAnnouncementCard from \"@/components/ChapterStudioPageManage/ManageAnnouncementCard.vue\";\r\n\r\nexport default {\r\n  name: 'ManageChapterStudio',\r\n  components: { YpoBreadcrumb, StatusOverlay, ManageAnnouncementCard },\r\n  data() {\r\n    return {\r\n      manageChapterStudioConstant,\r\n    };\r\n  },\r\n  props: {},\r\n  async created() {\r\n    await this.getAllChapterStudioAnnouncements();\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      getAllChapterStudioAnnouncements: `manageChapterStudio/${storeAction.getAllChapterStudioAnnouncements}`,\r\n    }),\r\n    ...mapMutations({\r\n    }),\r\n    handleCreateAnnouncement() {\r\n      this.$router.push(`/${routerNames.CREATE_ANNOUNCEMENT}`);\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapState('actionState', ['actions']),\r\n    ...mapGetters({\r\n      manageChapterStudioAllAnnouncements: `manageChapterStudio/${storeGetters.manageChapterStudioAllAnnouncements}`,\r\n      manageChapterStudioBreadcrumbs: `manageChapterStudio/${storeGetters.manageChapterStudioBreadcrumbs}`,\r\n    }),\r\n    fetchingAnnouncementsLoadingAction() {\r\n      return this.actions[storeAction.getAllChapterStudioAnnouncements];\r\n    },\r\n    allChapterStudioAnnouncements() {\r\n       return this.manageChapterStudioAllAnnouncements ;\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.manage-chapter-studio {\r\n  font-family: Roboto, 'sans-serif';\r\n  padding-top: 10px;\r\n  max-width: 100%;\r\n\r\n  @include breakpointMin(sm) {\r\n    max-width: 1221px;\r\n  }\r\n\r\n  &__title {\r\n    font-size: 36px;\r\n    font-weight: 600;\r\n    line-height: 42.19px;\r\n    height: 42px;\r\n    color: $ypo-blue;\r\n  }\r\n\r\n  &__subtitle {\r\n    font-size: 28px;\r\n    font-weight: 400;\r\n    height: 33px;\r\n    line-height: 32.81px;\r\n    padding-top: 3px;\r\n    color: $ypo-blue;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  &__breadcrumb {\r\n    padding-top: 10px;\r\n  }\r\n\r\n  &__create-btn {\r\n    font-family: sans-serif;\r\n    background-color: $ypo-brand-blue !important;\r\n    font-size: 16px;\r\n    text-transform: capitalize;\r\n    border-radius: 8px;\r\n    height: 32px;\r\n    width: 100%;\r\n    margin-left: 0;\r\n    padding-left: 15px;\r\n\r\n    @include breakpointMin(sm) {\r\n      width: 251px;\r\n    }\r\n\r\n    i {\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .announcements-list {\r\n    &__wrapper {\r\n      position: relative;\r\n      margin-top: 18px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n@import \"../../common/styles/_responsive.scss\";\r\n\r\n.manage-chapter-studio {\r\n  &__create-btn {\r\n    .v-btn__content {\r\n      justify-content: flex-start;\r\n\r\n      @include breakpointMin(sm) {\r\n        justify-content: center;\r\n      }\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!./ManageChapterStudio.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!./ManageChapterStudio.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ManageChapterStudio.vue?vue&type=template&id=1a509870&scoped=true&\"\nimport script from \"./ManageChapterStudio.vue?vue&type=script&lang=js&\"\nexport * from \"./ManageChapterStudio.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ManageChapterStudio.vue?vue&type=style&index=0&id=1a509870&lang=scss&scoped=true&\"\nimport style1 from \"./ManageChapterStudio.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  \"1a509870\",\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('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!./YpoBreadcrumb.vue?vue&type=style&index=0&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!./YpoBreadcrumb.vue?vue&type=style&index=0&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!./ManageChapterStudio.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!./ManageChapterStudio.vue?vue&type=style&index=1&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.breadcrumbList && _vm.breadcrumbList.length)?_c('div',{staticClass:\"ypo-breadcrumb\"},[_c('v-breadcrumbs',{attrs:{\"items\":_vm.breadcrumbList,\"divider\":\">\"},scopedSlots:_vm._u([{key:\"item\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-breadcrumbs-item',{attrs:{\"href\":item.href || '#',\"disabled\":item.disabled}},[_vm._v(\"\\n        \"+_vm._s(item.text)+\"\\n      \")])]}}],null,false,3038058105)})],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"ypo-breadcrumb\" v-if=\"breadcrumbList && breadcrumbList.length\">\r\n    <v-breadcrumbs :items=\"breadcrumbList\" divider=\">\">\r\n      <template v-slot:item=\"{ item }\">\r\n        <v-breadcrumbs-item\r\n            :href=\"item.href || '#'\"\r\n            :disabled=\"item.disabled\"\r\n        >\r\n          {{ item.text }}\r\n        </v-breadcrumbs-item>\r\n      </template>\r\n    </v-breadcrumbs>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: \"YpoBreadcrumb\",\r\n  props: {\r\n    breadcrumbList: {\r\n      type: Array,\r\n      required: true,\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import \"../../common/styles/_colors.scss\";\r\n@import \"../../common/styles/_responsive.scss\";\r\n\r\n.ypo-breadcrumb {\r\n  .v-breadcrumbs {\r\n    padding: 0;\r\n\r\n    &__divider {\r\n      color: $black !important;\r\n    }\r\n\r\n    &__item {\r\n      color: $black !important;\r\n      font-size: 12px;\r\n      text-transform: capitalize;\r\n\r\n      &:hover {\r\n        text-decoration: underline;\r\n      }\r\n    }\r\n\r\n    li:last-of-type {\r\n      font-weight: 600;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  .theme--light.v-breadcrumbs .v-breadcrumbs__divider, .theme--light.v-breadcrumbs .v-breadcrumbs__item--disabled {\r\n    color: $black !important;\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!./YpoBreadcrumb.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!./YpoBreadcrumb.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./YpoBreadcrumb.vue?vue&type=template&id=6adf133a&\"\nimport script from \"./YpoBreadcrumb.vue?vue&type=script&lang=js&\"\nexport * from \"./YpoBreadcrumb.vue?vue&type=script&lang=js&\"\nimport style0 from \"./YpoBreadcrumb.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","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!./ManageChapterStudio.vue?vue&type=style&index=0&id=1a509870&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!./ManageChapterStudio.vue?vue&type=style&index=0&id=1a509870&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!./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&\"","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!./ManageAnnouncementCard.vue?vue&type=style&index=0&id=7ecdfd18&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!./ManageAnnouncementCard.vue?vue&type=style&index=0&id=7ecdfd18&lang=scss&scoped=true&\""],"sourceRoot":""}