{"version":3,"sources":["webpack:///./src/assets/images/cms/chevron_open.svg","webpack:///./src/commoncomponents/CmsAccordion/CmsAccordion.less?57be","webpack:///./src/assets/images/cms/chevron_closed.svg","webpack:///./src/assets/images/cms/man_woman.svg","webpack:///./src/commoncomponents/CmsAccordion/CmsAccordion.vue?c7b8","webpack:///./src/commoncomponents/CmsAccordion/CmsAccordion.ts","webpack:///./src/commoncomponents/CmsAccordion/CmsAccordion.vue?e1e8","webpack:///./src/commoncomponents/CmsAccordion/CmsAccordion.vue?3c39","webpack:///./src/commoncomponents/CmsAccordion/CmsAccordion.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","class","closed","isOpen","style","accordionData","backgroundColor","STYLE","COLOR","NEUTRAL_100","on","handleClick","icon","attrs","_e","_v","_s","title","subTitle","hideChevron","chevronIcon","description","contentHeight","_t","staticRenderFns","CmsAccordion","propOpen","undefined","APP_CONST","$nextTick","content","$el","getElementsByClassName","clientHeight","handleResize","ChevronOpen","ChevronClosed","window","addEventListener","event","removeEventListener","console","log","Vue","tslib_1","Prop","required","default","ManWoman","Component","name","props","cardData","type","Object","component"],"mappings":"mGAAAA,EAAOC,QAAU,IAA0B,iC,kCCA3C,W,uBCAAD,EAAOC,QAAU,IAA0B,mC,8CCA3CD,EAAOC,QAAU,IAA0B,8B,yCCA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sBAAsBC,MAAM,CAAEC,QAASR,EAAIS,QAASC,MAAM,CAC5K,mBAAoBV,EAAIW,cAAcC,gBAAkBZ,EAAIW,cAAcC,gBAAkBZ,EAAIa,MAAMC,MAAMC,cAC1G,CAACX,EAAG,MAAM,CAACE,YAAY,oBAAoBU,GAAG,CAAC,MAAQhB,EAAIiB,cAAc,CAACb,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAAIN,EAAIW,cAAcO,KAAMd,EAAG,MAAM,CAACE,YAAY,mBAAmBa,MAAM,CAAC,IAAM,aAAa,IAAMnB,EAAIW,cAAcO,QAAQlB,EAAIoB,KAAKpB,EAAIqB,GAAG,IAAIrB,EAAIsB,GAAGtB,EAAIW,cAAcY,OAAO,KAAQvB,EAAIW,cAAca,SAAUpB,EAAG,OAAO,CAACE,YAAY,sBAAsB,CAACN,EAAIqB,GAAG,IAAIrB,EAAIsB,GAAGtB,EAAIW,cAAca,UAAU,OAAOxB,EAAIoB,OAASpB,EAAIyB,YAA6JzB,EAAIoB,KAApJhB,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuBa,MAAM,CAAC,IAAM,kBAAkB,IAAMnB,EAAI0B,mBAA+B1B,EAAIW,cAAcgB,YAAavB,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACN,EAAIqB,GAAG,IAAIrB,EAAIsB,GAAGtB,EAAIW,cAAcgB,aAAa,OAAO3B,EAAIoB,OAAOhB,EAAG,MAAM,CAACG,MAAM,CAAC,sBAAuBP,EAAIyB,aAAaf,MAAQV,EAAIyB,YAA0H,GAA5G,CAAE,OAAUzB,EAAIS,OAAU,GAAKT,EAAI4B,cAAiB,MAAO,iBAAkB5B,EAAIS,OAAS,MAAQ,QAAe,CAACT,EAAI6B,GAAG,YAAY,MAC7/BC,EAAkB,G,+JCoBDC,EAAY,YARjC,mBAmCkC,OAnClC,uB,+DASU,EAAAC,cAAgCC,EAC/B,EAAApB,MAAQqB,OAAUrB,MAU3B,EAAAY,aAAuB,EAevB,EAAAG,cAAwB,QAAQ,EA4D/B,OAvF8B,oBAwFhC,uDA3Da,WACV3B,KAAK2B,cAAgB,QACrB3B,KAAKkC,WAAU,WACb,IAAMC,EAAU,EAAKC,IAAIC,uBAAuB,sBAAsB,GAClEF,GACyB,UAAvB,EAAKR,gBACP,EAAKA,cAAgB,GAAH,OAAMQ,EAAQG,aAAY,WACtBN,IAAlB,EAAKD,WACP,EAAKvB,OAAS,EAAKuB,gBAK5B,gCAEM,WACL/B,KAAKkC,WAAU,WAKb,EAAKK,oBAER,oCAGCvC,KAAKyB,YAAczB,KAAKQ,OAASgC,IAAcC,KACR,IAAnCzC,KAAKU,cAAcc,cACrBxB,KAAKwB,aAAc,EACnBxB,KAAKQ,QAAS,GAEhBR,KAAK+B,SAAW/B,KAAKQ,OACrBR,KAAKQ,QAAS,IACf,gCAIM,WACLkC,OAAOC,iBAAiB,SAAU3C,KAAKuC,cACvCG,OAAOC,iBAAiB,eAAe,SAACC,GACtC,EAAKL,oBAER,kCAGCG,OAAOG,oBAAoB,SAAU7C,KAAKuC,gBAC3C,oCAGMvC,KAAKwB,cACRxB,KAAKQ,QAAUR,KAAKQ,OAChBR,KAAKQ,OACPR,KAAKyB,YAAce,IAEnBxC,KAAKyB,YAAcgB,KAGvBK,QAAQC,IAAI/C,KAAKQ,YAClB,EAvF8B,CAASwC,QAQxCC,QAJCC,eAAK,CACJC,UAAU,EACVC,QAAS,kBAAM,MACf,6BAkBFH,QAXCC,eAAK,CACJC,UAAU,EACVC,QAAS,iBAAO,CACd9B,MAAO,QACPC,SAAU,WACVN,KAAMoC,IACN3B,YACE,kDACFF,aAAa,OAEf,oCAxBiBM,EAAY,QARhCwB,eAAU,CACTC,KAAM,0BACNC,MAAO,CACLC,SAAU,CACRC,KAAMC,YAIS7B,WCkCNA,ICzD0Y,I,wBCQrZ8B,EAAY,eACd,EACA9D,EACA+B,GACA,EACA,KACA,WACA,MAIa,aAAA+B,E","file":"js/chunk-43d60e87.d1bd82204f0d8a5f9e92.1722011900316.min.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/chevron_open.9aafd5b7.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!./CmsAccordion.less?vue&type=style&index=0&id=991c3c12&lang=less&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/chevron_closed.79811747.svg\";","module.exports = __webpack_public_path__ + \"img/man_woman.197b68ce.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"accordion-container\",class:{ closed: !_vm.isOpen },style:({\n    'background-color': _vm.accordionData.backgroundColor ? _vm.accordionData.backgroundColor : _vm.STYLE.COLOR.NEUTRAL_100\n  })},[_c('div',{staticClass:\"accordion-content\",on:{\"click\":_vm.handleClick}},[_c('div',{staticClass:\"title-chevron\"},[_c('div',{staticClass:\"accordion-title\"},[(!!_vm.accordionData.icon)?_c('img',{staticClass:\"title-icon-image\",attrs:{\"alt\":\"Title Icon\",\"src\":_vm.accordionData.icon}}):_vm._e(),_vm._v(\" \"+_vm._s(_vm.accordionData.title)+\" \"),(!!_vm.accordionData.subTitle)?_c('span',{staticClass:\"accordion-subtitle\"},[_vm._v(\" \"+_vm._s(_vm.accordionData.subTitle)+\" \")]):_vm._e()]),(!_vm.hideChevron)?_c('div',{staticClass:\"accordion-icon\"},[_c('img',{staticClass:\"accordion-icon-image\",attrs:{\"alt\":\"Open Close Icon\",\"src\":_vm.chevronIcon}})]):_vm._e()]),(!!_vm.accordionData.description)?_c('div',{staticClass:\"accordion-description\"},[_vm._v(\" \"+_vm._s(_vm.accordionData.description)+\" \")]):_vm._e()]),_c('div',{class:{'collapse-container': !_vm.hideChevron},style:(!_vm.hideChevron ? { 'height': _vm.isOpen ? (\"\" + _vm.contentHeight) : '0px', 'padding-bottom': _vm.isOpen ? '5px' : '0px' } : {})},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { Vue, Component, Prop } from 'vue-property-decorator';\nimport ManWoman from '../../assets/images/cms/man_woman.svg';\nimport ChevronOpen from '../../assets/images/cms/chevron_open.svg';\nimport ChevronClosed from '../../assets/images/cms/chevron_closed.svg';\nimport APP_CONST from '@/constants/AppConst';\n\nexport type CollapseData = {\n  title: string;\n  subTitle?: string;\n  icon?: string;\n  description?: string;\n  hideChevron?: boolean;\n  backgroundColor?: string;\n};\n\n@Component({\n  name: 'collapsible-layout-card',\n  props: {\n    cardData: {\n      type: Object\n    }\n  }\n})\nexport default class CmsAccordion extends Vue {\n  private propOpen: boolean | undefined = undefined;\n  readonly STYLE = APP_CONST.STYLE;\n\n  @Prop({\n    required: false,\n    default: () => true\n  })\n  isOpen!: boolean;\n\n  chevronIcon!: string;\n\n  hideChevron: boolean = false;\n\n  @Prop({\n    required: true,\n    default: () => ({\n      title: \"Title\",\n      subTitle: \"(10 min)\",\n      icon: ManWoman,\n      description:\n        \"View the resources associated with this course.\",\n      hideChevron: false\n    })\n  })\n  accordionData!: CollapseData;\n\n  contentHeight: string = 'unset';\n\n  handleResize() {\n    this.contentHeight = 'unset';\n    this.$nextTick(() => {\n      const content = this.$el.getElementsByClassName('collapse-container')[0];\n      if (content) {\n        if (this.contentHeight === 'unset') {\n          this.contentHeight = `${content.clientHeight}px`;\n          if (this.propOpen !== undefined) {\n            this.isOpen = this.propOpen;\n          }\n        }\n      }\n    });\n  }\n\n  mounted() {\n    this.$nextTick(() => {\n      /**\n       * Since the height of the child content is variable, css has trouble animating the height of the parent.\n       * This function captures the height of the child when the component first mounts.\n       * */\n      this.handleResize();\n    });\n  }\n\n  beforeMount() {\n    this.chevronIcon = this.isOpen ? ChevronOpen : ChevronClosed;\n    if (this.accordionData.hideChevron === true) {\n      this.hideChevron = true;\n      this.isOpen = true;\n    }\n    this.propOpen = this.isOpen;\n    this.isOpen = true;\n  }\n\n\n\n  created() {\n    window.addEventListener(\"resize\", this.handleResize);\n    window.addEventListener(\"beforeprint\", (event) => {\n      this.handleResize();\n    });\n  }\n\n  destroyed() {\n    window.removeEventListener(\"resize\", this.handleResize);\n  }\n\n  handleClick() {\n    if (!this.hideChevron) {\n      this.isOpen = !this.isOpen;\n      if (this.isOpen) {\n        this.chevronIcon = ChevronOpen;\n      } else {\n        this.chevronIcon = ChevronClosed;\n      }\n    }\n    console.log(this.isOpen);\n  }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport CmsAccordion from './CmsAccordion';\nexport default CmsAccordion;\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/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CmsAccordion.vue?vue&type=script&lang=ts&\"; 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/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CmsAccordion.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./CmsAccordion.vue?vue&type=template&id=991c3c12&scoped=true&\"\nimport script from \"./CmsAccordion.vue?vue&type=script&lang=ts&\"\nexport * from \"./CmsAccordion.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./CmsAccordion.less?vue&type=style&index=0&id=991c3c12&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"991c3c12\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}