{"version":3,"sources":["webpack:///./src/views/admin/announcements/AddCommitteeAnnouncement.vue?0714","webpack:///./src/views/admin/announcements/AddCommitteeAnnouncement.vue?cbe8","webpack:///src/views/admin/announcements/AddCommitteeAnnouncement.vue","webpack:///./src/views/admin/announcements/AddCommitteeAnnouncement.vue?5e0e","webpack:///./src/views/admin/announcements/AddCommitteeAnnouncement.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","translations","tcAddCommitteeAnnouncement","class","active","page","tcAudience","tcEnterMessage","tcReviewAndSubmit","on","$event","preventDefault","directives","name","rawName","modifiers","attrs","addableAreas","length","addableCommittees","handleCheckboxChange","_e","tcCommitteeMembers","_l","committeeMemberList","dx","key","form","tcNext","handleNextClick","handleCancelClick","audienceDistribution","selectedCommittees","tcBack","tcCancel","handleSubmitClick","tcSubmit","tcEdit","staticRenderFns","mixins","translationMixin","data","addableCommitteeTypes","Headquarters","committeeList","localCommitteesList","watch","computed","aud_dist","checkedCommitteeMembers","committeesList","map","cl","areas","filter","methods","constructCommitteeList","translateAudienceTitle","translateCommitteesList","forEach","position","office","updatedPosition","components","AnnouncementTemplate","AnnouncementReview","audienceIcon","gBackground","GeoDis","GeographicAreas","iCalendar","iTooltip","messageIcon","pageBody","pageFooter","pageHeader","reviewIcon","component"],"mappings":"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","file":"js/chunk-e26ebd9a.acaece04.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddCommitteeAnnouncement.vue?vue&type=style&index=0&id=51888565&prod&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"add-state-announcement add-template\"},[_c('g-background',[_c('page-header',[_c('h1',[_vm._v(_vm._s(_vm.translations.tcAddCommitteeAnnouncement))])]),_c('page-body',[_c('div',{staticClass:\"page-navigation\"},[_c('div',{staticClass:\"nav-item nav-item-1\",class:{ active: _vm.page > 0 }},[_c('div',{staticClass:\"icon\"},[_c('audience-icon')],1),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.translations.tcAudience))])]),_c('div',{staticClass:\"sep\",class:{ active: _vm.page > 1 }}),_c('div',{staticClass:\"nav-item nav-item-2\",class:{ active: _vm.page > 1 }},[_c('div',{staticClass:\"icon\"},[_c('message-icon')],1),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.translations.tcEnterMessage))])]),_c('div',{staticClass:\"sep\",class:{ active: _vm.page > 2 }}),_c('div',{staticClass:\"nav-item nav-item-4\",class:{ active: _vm.page > 2 }},[_c('div',{staticClass:\"icon\"},[_c('review-icon')],1),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.translations.tcReviewAndSubmit))])])])]),_c('hr'),(_vm.page === 1)?_c('b-form',{staticClass:\"view-1 g-mb-2\",on:{\"submit\":function($event){$event.preventDefault();}}},[_c('h2',{staticClass:\"h-style-1 mb-3\"},[_vm._v(\" \"+_vm._s(_vm.translations.tcAudience)+\" \"),_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"i-tooltip\",attrs:{\"title\":_vm.translations.tcAudience}},[_c('i-tooltip')],1)]),_c('div',[(_vm.addableAreas.length > 0)?_c('div',{staticClass:\"checkbox-row\"},[_c('GeographicAreas',{attrs:{\"geo_type\":\"committee\",\"area_prop\":_vm.addableCommittees},on:{\"checkboxChanged\":function($event){return _vm.handleCheckboxChange()}}})],1):_vm._e()]),_c('span',[_c('h2',{staticClass:\"h-style-1 mb-3 mtb30\"},[_vm._v(_vm._s(_vm.translations.tcCommitteeMembers))]),_c('div',{staticClass:\"checkbox-row\"},_vm._l((_vm.committeesList),function(committeeMemberList,dx){return _c('div',{key:dx},[_c('GeographicAreas',{attrs:{\"area_prop\":committeeMemberList,\"geo_type\":\"individual\"}})],1)}),0)])]):_vm._e(),(_vm.page === 2)?_c('b-form',{staticClass:\"view-2 g-mb-2\",on:{\"submit\":function($event){$event.preventDefault();}}},[_c('AnnouncementTemplate',{attrs:{\"form\":_vm.form,\"nextButtonText\":_vm.translations.tcNext},on:{\"announcement_validated\":_vm.handleNextClick,\"announcement_cancel\":_vm.handleCancelClick,\"backClick\":function($event){_vm.page--}}})],1):_vm._e(),(_vm.page === 3)?_c('div',[_c('AnnouncementReview',{attrs:{\"audienceDistribution\":_vm.audienceDistribution,\"selectedCommittees\":_vm.selectedCommittees}})],1):_vm._e(),(_vm.page !== 2)?_c('section',{staticClass:\"form-buttons\"},[(_vm.page > 1 && _vm.page < 3)?_c('b-button',{staticClass:\"mr-3\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){_vm.page--}}},[_vm._v(\" \"+_vm._s(_vm.translations.tcBack)+\" \")]):_vm._e(),(_vm.page < 3)?_c('b-button',{staticClass:\"mr-3\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.handleNextClick()}}},[_vm._v(\" \"+_vm._s(_vm.translations.tcNext)+\" \")]):_vm._e(),(_vm.page < 3)?_c('b-button',{attrs:{\"variant\":\"tertiary\"},on:{\"click\":function($event){return _vm.handleCancelClick()}}},[_vm._v(\" \"+_vm._s(_vm.translations.tcCancel)+\" \")]):_vm._e(),(_vm.page === 3)?_c('b-button',{staticClass:\"mr-3\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.handleSubmitClick()}}},[_vm._v(\" \"+_vm._s(_vm.translations.tcSubmit)+\" \")]):_vm._e(),(_vm.page === 3)?_c('b-button',{attrs:{\"variant\":\"tertiary\"},on:{\"click\":function($event){_vm.page = 1}}},[_vm._v(\" \"+_vm._s(_vm.translations.tcEdit)+\" \")]):_vm._e()],1):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"add-state-announcement add-template\">\n    <g-background>\n      <page-header>\n        <h1>{{ translations.tcAddCommitteeAnnouncement }}</h1>\n      </page-header>\n      <page-body>\n        <div class=\"page-navigation\">\n          <div class=\"nav-item nav-item-1\" :class=\"{ active: page > 0 }\">\n            <div class=\"icon\">\n              <audience-icon />\n            </div>\n            <div class=\"text\">{{ translations.tcAudience }}</div>\n          </div>\n          <div class=\"sep\" :class=\"{ active: page > 1 }\"></div>\n          <div class=\"nav-item nav-item-2\" :class=\"{ active: page > 1 }\">\n            <div class=\"icon\">\n              <message-icon />\n            </div>\n            <div class=\"text\">{{ translations.tcEnterMessage }}</div>\n          </div>\n          <div class=\"sep\" :class=\"{ active: page > 2 }\"></div>\n          <div class=\"nav-item nav-item-4\" :class=\"{ active: page > 2 }\">\n            <div class=\"icon\">\n              <review-icon />\n            </div>\n            <div class=\"text\">{{ translations.tcReviewAndSubmit }}</div>\n          </div>\n        </div>\n      </page-body>\n      <hr />\n      <b-form @submit.prevent v-if=\"page === 1\" class=\"view-1 g-mb-2\">\n        <h2 class=\"h-style-1 mb-3\">\n          {{ translations.tcAudience }}\n          <span class=\"i-tooltip\" v-b-tooltip.hover :title=\"translations.tcAudience\">\n            <i-tooltip />\n          </span>\n        </h2>\n        <div>\n          <div class=\"checkbox-row\" v-if=\"addableAreas.length > 0\">\n            <GeographicAreas\n              :geo_type=\"`committee`\"\n              :area_prop=\"addableCommittees\"\n              @checkboxChanged=\"handleCheckboxChange()\"\n            ></GeographicAreas>\n          </div>\n        </div>\n        <span>\n          <h2 class=\"h-style-1 mb-3 mtb30\">{{ translations.tcCommitteeMembers }}</h2>\n          <div class=\"checkbox-row\">\n            <div v-for=\"(committeeMemberList, dx) in committeesList\" :key=\"dx\">\n              <GeographicAreas :area_prop=\"committeeMemberList\" :geo_type=\"`individual`\" />\n            </div>\n          </div>\n        </span>\n      </b-form>\n      <b-form @submit.prevent v-if=\"page === 2\" class=\"view-2 g-mb-2\">\n        <AnnouncementTemplate\n          :form=\"form\"\n          :nextButtonText=\"translations.tcNext\"\n          @announcement_validated=\"handleNextClick\"\n          @announcement_cancel=\"handleCancelClick\"\n          @backClick=\"page--\"\n        />\n      </b-form>\n      <div v-if=\"page === 3\">\n        <AnnouncementReview\n          :audienceDistribution=\"audienceDistribution\"\n          :selectedCommittees=\"selectedCommittees\"\n        ></AnnouncementReview>\n      </div>\n      <section v-if=\"page !== 2\" class=\"form-buttons\">\n        <b-button variant=\"primary\" class=\"mr-3\" v-if=\"page > 1 && page < 3\" @click=\"page--\">\n          {{ translations.tcBack }}\n        </b-button>\n        <b-button variant=\"primary\" class=\"mr-3\" v-if=\"page < 3\" @click=\"handleNextClick()\">\n          {{ translations.tcNext }}\n        </b-button>\n        <b-button variant=\"tertiary\" v-if=\"page < 3\" @click=\"handleCancelClick()\">\n          {{ translations.tcCancel }}\n        </b-button>\n        <b-button variant=\"primary\" class=\"mr-3\" v-if=\"page === 3\" @click=\"handleSubmitClick()\">\n          {{ translations.tcSubmit }}\n        </b-button>\n        <b-button variant=\"tertiary\" v-if=\"page === 3\" @click=\"page = 1\">\n          {{ translations.tcEdit }}\n        </b-button>\n      </section>\n    </g-background>\n  </div>\n</template>\n\n<script>\n/* eslint-disable */\nimport { mapActions, mapGetters } from 'vuex'\nimport AnnouncementReview from '@/components/AnnouncementReview.vue'\nimport AnnouncementTemplate from '@/components/AnnouncementTemplate.vue'\nimport audienceIcon from '@/assets/svgs/audience-icon.vue'\nimport constantData from '@/json/data.json'\nimport gBackground from '@/components/gBackground.vue'\nimport GeoDis from '@/assets/svgs/geographic-distribution-icon.vue'\nimport GeographicAreas from '@/components/GeographicAreas.vue'\nimport iCalendar from '@/assets/svgs/iCalendar.vue'\nimport iTooltip from '@/assets/svgs/i-tooltip.vue'\nimport messageIcon from '@/assets/svgs/message-icon.vue'\nimport pageBody from '@/components/page-components/PageBody.vue'\nimport pageFooter from '@/components/page-components/PageFooter.vue'\nimport pageHeader from '@/components/page-components/PageHeader.vue'\nimport reviewIcon from '@/assets/svgs/review-icon.vue'\nimport { translationMixin } from '@/mixins/translationMixin'\n\nexport default {\n  name: 'add-committee-announcement',\n  mixins: [translationMixin],\n  data() {\n    return {\n      addableAreas: [],\n      addableCommitteeTypes: {\n        'All Committees': 'tcAllCommittees',\n        Headquarters: 'tcHeadquarters',\n      },\n      committeeList: [],\n      form: {},\n      localCommitteesList: [],\n      page: 1,\n      translations: {},\n      selectedCommittees: [],\n    }\n  },\n  watch: {},\n  async created() {\n    try {\n      await Promise.all([\n        await this.setLoadingStatus(true),\n        await this.loadUp(),\n        await this.getViewTranslations(),\n        await this.getComponentTranslations('common.committee-positions', 'common.committee-types'),\n      ]).then((results) => {\n        this.stripReadableText(results[3], 'text')\n        const translatedText = {\n          ...results[2],\n          common: { ...this.translations.common },\n        }\n        this.$set(this.translations, 'components', translatedText)\n        this.constructCommitteeList()\n        this.translateAudienceTitle()\n        this.addableAreas = this.addableCommittees.areas.map((aa) => {\n          const commGuid = aa.value && aa.value !== constantData.empty_guid ? aa.value : ''\n          aa.text = this.translations.common['committee-types'].hasOwnProperty(commGuid)\n            ? this.translations.common['committee-types'][commGuid]\n            : this.addableCommitteeTypes.hasOwnProperty(aa.text) // 2nd ternary to catch text-based committee names\n            ? this.translations[this.addableCommitteeTypes[aa.text]]\n            : aa.text\n          this.selectedUserCommittees.areas.map((suca) => {\n            aa.selected = aa.value === suca.value\n          })\n        })\n      })\n    } catch (e) {\n      console.error(e)\n    } finally {\n      this.setLoadingStatus(false)\n    }\n  },\n  computed: {\n    ...mapGetters({\n      addableCommittees: 'announcements/addableCommittees',\n      announcementForm: 'announcements/announcementForm',\n      committeeCountries: 'announcements/committeeCountries',\n      committeeIndividuals: 'announcements/committeeIndividuals',\n      committeesList: 'announcements/committeesList',\n      committeesListWithSomeSelected: 'announcements/committeesListWithSomeSelected',\n      committeesListWithSomeSelectedAlt: 'announcements/committeesListWithSomeSelectedAlt',\n      demograph: 'user/demograph',\n      prefCulture: 'user/userPreferredCulture',\n      preservedListSelections: 'announcements/preservedListSelections',\n      selectedAllUserCommittees: 'announcements/selectedAllUserCommittees',\n      selectedUserCommittees: 'announcements/selectedUserCommittees',\n      userCommittees: 'announcements/userCommittees',\n      userId: 'user/userId',\n    }),\n    audienceDistribution() {\n      let aud_dist = !this.committeeCountries.areas\n        ? this.committeesListWithSomeSelectedAlt\n        : [...this.committeesListWithSomeSelected(['aud', 'mbr']), ...this.committeeCountries]\n      return aud_dist\n    },\n    checkedCommitteeMembers() {\n      return this.committeesList.map((cl) => {\n        return cl.areas.filter((cla) => cla.selected === true)\n      }).length\n    },\n  },\n  methods: {\n    ...mapActions({\n      addUpdateAnnouncementMessage: 'announcements/addUpdateAnnouncementMessage',\n      applyPreservedList: 'announcements/applyPreservedList',\n      getAddableCommittees: 'announcements/getAddableCommittees',\n      getCommitteeMembers: 'announcements/getCommitteeMembers',\n      preserveListSelections: 'announcements/preserveListSelections',\n      setLoadingStatus: 'menu/setLoadingStatus',\n      setMessagePackageAudience: 'announcements/setMessagePackageAudience',\n      setMessagePackageGeography: 'announcements/setMessagePackageGeography',\n      setMessagePackageMessage: 'announcements/setMessagePackageMessage',\n    }),\n    constructCommitteeList() {\n      if (!constantData) return false\n      constantData['super_roles'].forEach(\n        (committee) => (this.committeeList[committee.key.toLowerCase()] = committee.name)\n      )\n    },\n    async handleCancelClick() {\n      this.$router.push('/get-connected/stay-informed/announcements')\n    },\n    async handleNextClick() {\n      if (this.page === 1) {\n        if (this.selectedCommittees.length === 0) {\n          this.$swal({\n            icon: 'error',\n            text: this.translations.tcOneOrMoreCommitteesMustBeSelected,\n            confirmButtonText: this.translations.tcOk || 'Ok',\n          })\n        } else if (this.checkedCommitteeMembers === 0) {\n          this.$swal({\n            icon: 'error',\n            text: this.translations.tcOneOrMoreCommitteeMembersMustBeSelected,\n            confirmButtonText: this.translations.tcOk || 'Ok',\n          })\n        }\n      }\n      this.page++\n      if (this.page === 3) {\n        document.documentElement.scrollTop = 0\n      }\n    },\n    async loadUp() {\n      await this.getAddableCommittees()\n      await (async () => {\n        this.form.aud_array = this.announcementForm.aud_array\n        this.form.msg_message_id = this.announcementForm.msg_message_id\n        this.form.msg_member_type = this.announcementForm.msg_member_type\n        this.form.notification = this.announcementForm.notification\n        this.form.title = this.announcementForm.title\n        this.form.expires = this.announcementForm.expires\n        this.form.message = this.announcementForm.message\n        this.form.recipients =\n          this.announcementForm.msg_member_type === 'a'\n            ? 'Auxiliary'\n            : this.announcementForm.msg_member_type === 'b'\n            ? 'Both'\n            : 'Gideon'\n        this.form.fileArray = this.announcementForm.fileArray\n        this.form.tempFileArray = this.announcementForm.tempFileArray\n        this.presetDate =\n          !this.announcementForm.expires || this.announcementForm.expires.toString().includes('0001')\n            ? null\n            : this.announcementForm.expires\n      })()\n      if (this.announcementForm.editing && !!this.announcementForm.mbr_array) {\n        await this.populateSelectedCommittees()\n        this.announcementForm.mbr_array.map((ma) => {\n          this.committeesList.map((cls) => {\n            let mbr = cls.areas.find((cla) => cla.value === ma.key)\n            if (!!mbr) {\n              mbr.selected = true\n            }\n          })\n        })\n      }\n    },\n    async handleCheckboxChange() {\n      try {\n        let sck = await this.populateSelectedCommittees()\n        await Promise.all([\n          this.setLoadingStatus(true),\n          await this.preserveListSelections(),\n          await this.getCommitteeMembers(sck, null),\n          await this.applyPreservedList(),\n        ]).then(() => {\n          this.translateCommitteesList()\n        })\n      } catch (e) {\n        console.error(e)\n      } finally {\n        this.setLoadingStatus(false)\n      }\n    },\n    async populateSelectedCommittees() {\n      let selectedCommitteeKeys = await this.selectedUserCommittees.areas.map((sk) => sk.value)\n      // selecting 'all committees' needs to be the same as selecting them all individually\n      if (\n        !!selectedCommitteeKeys &&\n        selectedCommitteeKeys.length === 1 &&\n        selectedCommitteeKeys[0] === constantData.empty_guid\n      ) {\n        selectedCommitteeKeys = await this.selectedAllUserCommittees.areas.map((sk) => sk.value)\n        this.selectedCommittees = this.selectedAllUserCommittees\n      } else {\n        this.selectedCommittees = this.selectedUserCommittees\n      }\n      return selectedCommitteeKeys\n    },\n    async handleSubmitClick() {\n      try {\n        this.setLoadingStatus(true)\n        await this.setMessagePackageMessage({\n          user: this.userId,\n          sendername: this.demograph.informal_name + ' ' + this.demograph.last_name,\n          senderemail: this.demograph.email,\n        })\n        await (async () => {\n          this.selectedCommittees.areas.map((sca, ix) => {\n            this.setMessagePackageGeography({\n              location: sca.value,\n              location_name: sca.text,\n              type: 'Committees',\n              user: this.userId,\n              ordinal: ix,\n            })\n          })\n        })()\n        await (async () => {\n          this.committeesList.forEach((committee) => {\n            committee.areas.map((ci, cix) => {\n              if (ci.selected) {\n                this.setMessagePackageAudience({\n                  audience: ci.value + '-' + committee.key,\n                  type: 'Members',\n                  user: this.userId,\n                  ordinal: cix,\n                })\n              }\n            })\n          })\n        })()\n        await (async () => {\n          if (!!this.committeeCountries.areas) {\n            this.committeeCountries.areas.map((ci, cix) => {\n              if (ci.selected) {\n                this.setMessagePackageAudience({\n                  audience: ci.value,\n                  type: 'Countries',\n                  user: this.userId,\n                  ordinal: cix,\n                })\n              }\n            })\n          }\n        })()\n        let add_update_result = await this.addUpdateAnnouncementMessage({\n          include: false,\n          membertype: this.announcementForm.msg_member_type,\n          messageid: this.announcementForm.msg_message_id,\n        })\n        this.setLoadingStatus(false)\n        this.$swal({\n          icon: add_update_result ? 'success' : 'error',\n          text: add_update_result\n            ? this.translations.tcAnnouncementSaved\n            : this.translations.tcErrorAnnouncementNotSaved,\n          confirmButtonText: this.translations.tcOk || 'Ok',\n        }).then(() => {\n          if (add_update_result) {\n            this.$router.push('/get-connected/stay-informed/announcements')\n          }\n        })\n      } catch (e) {\n        console.error(e)\n      } finally {\n        this.setLoadingStatus(false)\n      }\n    },\n    translateAudienceTitle() {\n      const titleKey = 'tc' + this.removeSpacesAndSpecialChars(this.addableCommittees.title)\n      return (this.addableCommittees.title = this.translations.commonText['committee-types'].hasOwnProperty(titleKey)\n        ? this.translations.commonText['committee-types'][titleKey]\n        : this.addableCommittees.title)\n    },\n    translateCommitteesList() {\n      if (!this.translations) return false\n\n      this.committeesList.forEach((committee, idx) => {\n        // Translate Committee Member Positions\n        this.committeesList[idx].areas = committee.areas.map((position) => {\n          const positionText =\n            'tc' + this.removeSpacesAndSpecialChars(position.office ? position.office : position.text)\n          const translatedText = this.translations.commonText['committee-positions'].hasOwnProperty(positionText)\n            ? this.translations.commonText['committee-positions'][positionText]\n            : position.office\n\n          let updatedPosition = { ...position, office: translatedText }\n\n          if (position && !position.office) {\n            updatedPosition = { ...position, text: translatedText }\n          } // needed for 'All Members'\n          return updatedPosition\n        })\n\n        // Translate Committee Heading (IE, Headquarters Committee Members)\n        const commGuid = committee.key || ''\n        this.committeesList[idx].title = this.translations.common['committee-types'].hasOwnProperty(commGuid)\n          ? this.translations.common['committee-types'][commGuid]\n          : committee.title\n      })\n    },\n  },\n  components: {\n    AnnouncementTemplate: AnnouncementTemplate,\n    AnnouncementReview: AnnouncementReview,\n    audienceIcon: audienceIcon,\n    gBackground: gBackground,\n    GeoDis: GeoDis,\n    GeographicAreas: GeographicAreas,\n    iCalendar: iCalendar,\n    iTooltip: iTooltip,\n    messageIcon: messageIcon,\n    pageBody: pageBody,\n    pageFooter: pageFooter,\n    pageHeader: pageHeader,\n    reviewIcon: reviewIcon,\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import '@/styles/settings.scss';\n@import '@/styles/bootstrap/b-button.scss';\n@import '@/styles/bootstrap/b-button-group.scss';\n\n.calendar svg {\n  margin-right: 5px;\n}\n.mtb30 {\n  margin: 30px 0;\n}\n.committee-dl {\n  font-weight: 700;\n  margin-left: 20px;\n  margin-bottom: 0;\n}\n.add-template {\n  @include breakpoint(sm) {\n    .page-header {\n      text-align: center;\n      h1 {\n        font-size: 42px;\n      }\n    }\n  }\n  .button-group {\n    .btn-primary {\n      border: 1px solid #003946;\n      text-transform: uppercase !important;\n    }\n  }\n  .g-background {\n    margin: 90px auto 104px;\n  }\n  .form-section {\n    font-size: 22px;\n    font-weight: bold;\n    display: block;\n    line-height: 44px;\n    letter-spacing: 0.73px;\n    text-transform: uppercase;\n    color: #636363;\n    margin-bottom: 10px;\n  }\n  .form-block {\n    .form-element {\n      margin-bottom: 10px;\n\n      &.form-attachment {\n        margin-bottom: 60px;\n        margin-top: 45px;\n        @include breakpoint(sm) {\n          margin-top: 25px;\n        }\n      }\n    }\n  }\n  .form-control {\n    height: auto;\n    font-weight: normal;\n    text-transform: none;\n    line-height: 25px;\n    padding: 10px 20px;\n    border-color: #636363;\n    color: #636363;\n  }\n  .custom-checkbox {\n    padding-left: 34px;\n    line-height: 24px;\n    margin-bottom: 10px;\n    label {\n      font-size: 16px;\n      &:before {\n        top: 0;\n        left: -34px;\n        border-radius: 0;\n        width: 24px;\n        height: 24px;\n        border-color: #636363;\n      }\n      &:after {\n        top: 0;\n        left: -34px;\n        height: 24px;\n        width: 24px;\n      }\n    }\n    .custom-control-input:checked ~ .custom-control-label::after {\n      background-color: #003946;\n    }\n  }\n  @include breakpoint(sm) {\n    .form-buttons {\n      .btn {\n        width: 100%;\n        margin-bottom: 15px !important;\n        &:last-of-type {\n          margin-bottom: 0 !important;\n        }\n      }\n    }\n  }\n}\n\n// 1060\n// 410\n// ----\n// 650\n\n.slide-fade-enter-active {\n  transition: all 0.3s ease;\n}\n.slide-fade-leave-active {\n  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);\n}\n.slide-fade-enter, .slide-fade-leave-to\n/* .slide-fade-leave-active below version 2.1.8 */ {\n  transform: translateX(10px);\n  opacity: 0;\n}\n\n.add-state-announcement {\n  .g-mb-1 {\n    margin-bottom: 42px;\n  }\n  .g-mb-2 {\n    margin-bottom: 60px;\n    @include breakpoint(sm) {\n      margin-bottom: 45px;\n    }\n  }\n  .i-tooltip {\n    vertical-align: super;\n    svg path {\n      fill: #000 !important;\n    }\n  }\n  .view-1 {\n    @include breakpoint(sm) {\n      .btn-group {\n        width: 100%;\n      }\n    }\n  }\n  .view-2 {\n    .custom-control-inline {\n      display: flex;\n      margin-left: 30px;\n      margin-bottom: 0;\n      align-items: center;\n      @include breakpoint(sm) {\n        margin-left: 0;\n      }\n    }\n    @include breakpoint(sm) {\n      .btn-group {\n        flex-wrap: wrap;\n        width: 100%;\n        .btn {\n          width: 50%;\n          flex: 0 1 auto;\n          padding: 12px 5px;\n        }\n      }\n      .member-type {\n        flex-wrap: wrap;\n        .btn-group {\n          margin-bottom: 30px;\n          @include breakpoint(sm) {\n            // margin-bottom: ;\n          }\n          .btn {\n            width: 33%;\n          }\n        }\n      }\n    }\n  }\n  .view-3 {\n    input::placeholder {\n      text-transform: uppercase;\n      color: #636363;\n      font-weight: bold;\n    }\n  }\n  .view-4 {\n    .col {\n      display: block;\n    }\n    .col-a {\n      max-width: 60%;\n      flex-basis: 60%;\n      @include breakpoint(sm) {\n        max-width: 100%;\n        flex-basis: 100%;\n        margin-bottom: 30px;\n      }\n    }\n    .col-b {\n      max-width: 40%;\n      flex-basis: 40%;\n      @include breakpoint(sm) {\n        max-width: 100%;\n        flex-basis: 100%;\n      }\n    }\n    section {\n      margin-bottom: 30px;\n    }\n    p {\n      margin-bottom: 22px;\n      font-size: 16px;\n      line-height: 22px;\n    }\n    .form-attachment {\n      margin-bottom: 10px;\n    }\n    .calendar {\n      display: flex;\n      align-items: center;\n      svg {\n        margin-right: 15px;\n        path {\n          fill: #636363 !important;\n        }\n      }\n    }\n  }\n  .send-notifications {\n    margin-bottom: 30px;\n    margin-top: 20px;\n  }\n  .form-attachment {\n    .attachment-list {\n      margin-bottom: 20px;\n      span {\n        margin: 0 30px 0 10px;\n        color: #1e68fb;\n      }\n      svg:last-of-type {\n        width: 14px;\n        height: 14px;\n      }\n      @include breakpoint(sm) {\n        .btn {\n          width: auto !important;\n        }\n      }\n    }\n  }\n}\n.page-navigation {\n  display: flex;\n  align-items: center;\n  padding: 30px 80px 100px;\n  @include breakpoint(sm) {\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    padding: 30px 0 30px;\n  }\n  .nav-item {\n    position: relative;\n    @include breakpoint(sm) {\n      width: 100%;\n    }\n    .icon {\n      svg {\n        fill: #8c8c8c !important;\n      }\n    }\n    &.active {\n      .icon {\n        background-color: $secondary-color;\n        svg {\n          fill: #000000 !important;\n        }\n      }\n      .text {\n        color: #000;\n      }\n    }\n  }\n  .sep {\n    height: 9px;\n    flex: 1 1 auto;\n    background-color: #ccc;\n    &.active {\n      background-color: $secondary-color;\n    }\n    @include breakpoint(sm) {\n      position: relative;\n      height: 30px;\n      width: 9px;\n      flex: 0 0 auto;\n      left: 27px;\n      transform: translateX(-50%);\n    }\n  }\n  .icon {\n    position: relative;\n    height: 54px;\n    width: 54px;\n    flex: 0 0 auto;\n    background-color: #ccc;\n    border-radius: 100%;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .text {\n    display: block;\n    position: absolute;\n    width: 140px;\n    top: 100%;\n    left: 50%;\n    margin-top: 13px;\n    transform: translateX(-50%);\n    color: #8c8c8c;\n    font-family: $open-sans;\n    font-size: 18px;\n    font-weight: 700;\n    letter-spacing: 0.6px;\n    line-height: 22px;\n    text-align: center;\n    @include breakpoint(sm) {\n      width: calc(100% - 70px);\n      left: 70px;\n      top: 50%;\n      margin-top: 0;\n      transform: translateY(-50%);\n      text-align: left;\n    }\n  }\n}\n.checkbox-row {\n  display: flex;\n  flex-wrap: wrap;\n  .checkbox-block {\n    min-width: 275px;\n    margin-right: 20px;\n    padding: 24px 20px 35px 30px;\n    border: 1px solid #e9e9e9;\n    border-radius: 6px;\n    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);\n    @include breakpoint(sm) {\n      width: 100%;\n      margin-bottom: 15px;\n      margin-right: 0;\n    }\n  }\n  .bg-block-h {\n    display: flex;\n    margin-bottom: 15px;\n    h3 {\n      flex: 1 1 auto;\n      margin: 0;\n      color: $gray-200;\n      font-family: $open-sans;\n      font-size: 16px;\n      font-weight: 700;\n      letter-spacing: initial;\n      line-height: 22px;\n      text-transform: none;\n    }\n    .toggle {\n      height: 25px;\n      width: 25px;\n      flex: 0 0 auto;\n      border: 2px solid $gray-200;\n      border-radius: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      &:before,\n      &:after {\n        content: '';\n        display: block;\n        width: 7px;\n        height: 2px;\n        border-radius: 2px;\n        transform: rotate(45deg);\n        transform-origin: bottom;\n        background-color: $gray-200;\n        right: -1px;\n        position: relative;\n      }\n      &:after {\n        left: -1px;\n        right: auto;\n        transform: rotate(-45deg);\n      }\n    }\n  }\n  label {\n    font-size: 16px;\n    line-height: 22px;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddCommitteeAnnouncement.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddCommitteeAnnouncement.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddCommitteeAnnouncement.vue?vue&type=template&id=51888565&\"\nimport script from \"./AddCommitteeAnnouncement.vue?vue&type=script&lang=js&\"\nexport * from \"./AddCommitteeAnnouncement.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AddCommitteeAnnouncement.vue?vue&type=style&index=0&id=51888565&prod&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"],"sourceRoot":""}