{"version":3,"sources":["webpack:///./src/common/components/Avatar.vue?530d","webpack:///./src/common/components/NavBar.vue?a49c","webpack:///src/common/components/NavBar.vue","webpack:///./src/common/components/NavBar.vue?1189","webpack:///./src/common/components/NavBar.vue","webpack:///./src/common/components/Avatar.vue?8029","webpack:///src/common/components/Avatar.vue","webpack:///./src/common/components/Avatar.vue?3c88","webpack:///./src/common/components/Avatar.vue","webpack:///./src/common/components/NavBar.vue?3e70","webpack:///./src/assets/child-profile-empty.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","theme","hideBackButton","_e","on","$event","$router","go","_v","attrs","childSelectedAvatar","_s","title","staticRenderFns","components","NotificationsHeaderPopup","data","sessionStore","props","String","router","type","Boolean","default","computed","userIsAParent","theAvatarMustBeDisplayed","getCurrentChild","avatar","component","selectedAvatar","url","$bvModal","show","image","_l","key","id","selectedImage","selectAvatar","currentAvatar","Object","avatarBank","Array","methods","$emit","hideModal","hide","clean","watch","module","exports"],"mappings":"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","file":"js/chunk-1bf06aaa.4845c946.js","sourcesContent":["import mod from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Avatar.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Avatar.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrapper-navbar pb-4 flex-grow-1 px-4\",class:_vm.theme},[_c('b-row',{staticClass:\"align-items-center text-white pt-2 pb-4 mx-lg-5 m-0\"},[_c('div',{staticClass:\"d-flex gap-2 align-items-center\"},[(!_vm.hideBackButton)?_c('span',{staticClass:\"material-icons float-left cursor d-lg-none font-weight-bolder\",on:{\"click\":function($event){return _vm.$router.go(-1)}}},[_vm._v(\" keyboard_arrow_left \")]):_vm._e(),(_vm.theAvatarMustBeDisplayed)?_c('b-avatar',{attrs:{\"size\":\"lg\",\"src\":_vm.childSelectedAvatar}}):_vm._e(),_c('span',{staticClass:\"title d-none d-md-block font-weight-bolder mx-0\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")]),_c('span',{staticClass:\"title d-md-none font-weight-bolder\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"wrapper-navbar pb-4 flex-grow-1 px-4\" :class=\"theme\">\n    <b-row class=\"align-items-center text-white pt-2 pb-4 mx-lg-5 m-0\">\n      <div class=\"d-flex gap-2 align-items-center\">\n        <span\n          v-if=\"!hideBackButton\"\n          class=\"material-icons float-left cursor d-lg-none font-weight-bolder\"\n          @click=\"$router.go(-1)\"\n        >\n          keyboard_arrow_left\n        </span>\n        <b-avatar v-if=\"theAvatarMustBeDisplayed\" size=\"lg\" :src=\"childSelectedAvatar\"></b-avatar>\n        <span class=\"title d-none d-md-block font-weight-bolder mx-0\">\n          {{ title }}\n        </span>\n        <span class=\"title d-md-none font-weight-bolder\">\n          {{ title }}\n        </span>\n      </div>\n    </b-row>\n  </div>\n</template>\n\n<script>\nimport NotificationsHeaderPopup from '@/notifications/components/NotificationsHeaderPopup.vue';\nimport { getThemeColor } from '@/common/utils';\nimport { useSessionStore } from '@/common';\n\nexport default {\n  components: {\n    NotificationsHeaderPopup,\n  },\n  data() {\n    const sessionStore = useSessionStore();\n    return {\n      sessionStore,\n    };\n  },\n  props: {\n    title: String,\n    router: String,\n    hideBackButton: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  computed: {\n    theme() {\n      return `bg-${getThemeColor(this.sessionStore.themeSelection)}`;\n    },\n    userIsAParent() {\n      return this.sessionStore.userIsAParent;\n    },\n    theAvatarMustBeDisplayed() {\n      return (\n        (this.sessionStore.childSelectedId.length && this.userIsAParent) || !this.userIsAParent\n      );\n    },\n    childSelectedAvatar() {\n      return this.sessionStore.getCurrentChild.avatar;\n    },\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.title {\n  letter-spacing: 0.7px;\n}\n</style>\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!./NavBar.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!./NavBar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NavBar.vue?vue&type=template&id=533b9b72&scoped=true&\"\nimport script from \"./NavBar.vue?vue&type=script&lang=js&\"\nexport * from \"./NavBar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NavBar.vue?vue&type=style&index=0&id=533b9b72&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  \"533b9b72\",\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',[_c('div',{staticClass:\"avatarImage rounded-pill ml-autos\",class:{ 'atm-shadow': _vm.selectedAvatar.url },on:{\"click\":function($event){return _vm.$bvModal.show('childAvatar')}}},[_c('img',{staticClass:\"rounded-pill\",attrs:{\"src\":_vm.selectedAvatar.image\n          ? _vm.selectedAvatar.image\n          : require(\"@/assets/child-profile-empty.png\"),\"alt\":\"child avatar\"}}),_c('span',{staticClass:\"bg-light material-icons-round rounded-pill atm-shadow p-2\"},[_vm._v(\" add \")])]),_c('b-modal',{attrs:{\"id\":\"childAvatar\",\"size\":\"md\",\"centered\":\"\",\"hide-header\":true,\"hide-footer\":true,\"content-class\":\"p-2 atm-rounded\"}},[_c('h3',{staticClass:\"mb-4\"},[_vm._v(\"Child Avatar\")]),_c('section',{staticClass:\"d-flex gap-4 flex-wrap justify-content-center align-items-center mb-4\"},_vm._l((_vm.avatarBank),function(image){return _c('div',{key:image.id,staticClass:\"imageContainer atm-rounded atm-shadow\",class:{ selectedImage: _vm.selectedAvatar.url === image.image },on:{\"click\":function($event){return _vm.selectAvatar(image)}}},[_c('img',{attrs:{\"src\":image.image,\"alt\":(\"image_\" + (image.id))}})])}),0),_c('div',{staticClass:\"d-flex gap-4 justify-content-center align-items-center\"})])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div\n      class=\"avatarImage rounded-pill ml-autos\"\n      :class=\"{ 'atm-shadow': selectedAvatar.url }\"\n      @click=\"$bvModal.show('childAvatar')\"\n    >\n      <img\n        :src=\"\n          selectedAvatar.image\n            ? selectedAvatar.image\n            : require(`@/assets/child-profile-empty.png`)\n        \"\n        alt=\"child avatar\"\n        class=\"rounded-pill\"\n      />\n      <span class=\"bg-light material-icons-round rounded-pill atm-shadow p-2\">\n        add\n      </span>\n    </div>\n    <b-modal\n      id=\"childAvatar\"\n      size=\"md\"\n      centered\n      :hide-header=\"true\"\n      :hide-footer=\"true\"\n      content-class=\"p-2 atm-rounded\"\n    >\n      <h3 class=\"mb-4\">Child Avatar</h3>\n      <section\n        class=\"d-flex gap-4 flex-wrap justify-content-center align-items-center mb-4\"\n      >\n        <div\n          v-for=\"image in avatarBank\"\n          :key=\"image.id\"\n          class=\"imageContainer atm-rounded atm-shadow\"\n          :class=\"{ selectedImage: selectedAvatar.url === image.image }\"\n          @click=\"selectAvatar(image)\"\n        >\n          <img\n            :src=\"image.image\"\n            :alt=\"`image_${image.id}`\"\n          />\n        </div>\n      </section>\n      <div class=\"d-flex gap-4 justify-content-center align-items-center\"></div>\n    </b-modal>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    currentAvatar: {\n      type: Object,\n      default: () => { return {id: 0, url: '' }}\n    },\n    avatarBank: {\n      type: Array,\n      default: () => []\n    }\n  },\n  data() {\n    return { \n      selectedAvatar: { id: 0, image: '' }\n    };\n  },\n  methods: {\n    selectAvatar(image) {\n      this.$emit('selectAvatar', image);\n      this.hideModal();\n    },\n    hideModal() {\n      this.$bvModal.hide('childAvatar');\n    },\n    clean(){\n      this.selectedAvatar = { image: '', id: 0 }\n    }\n  },\n  watch: {\n    currentAvatar(_, oldValue) {\n      if(oldValue) {\n        this.selectedAvatar = this.currentAvatar;\n      }\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.imageContainer {\n  width: 100px;\n  height: 100px;\n  transition: 100ms;\n  outline: 0px solid var(--color-main);\n  cursor: pointer;\n\n  &:hover {\n    outline: 2px solid var(--color-main);\n    transform: scale(1.05);\n  }\n\n  & > img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n  }\n}\n\n.selectedImage {\n  outline: 2px solid var(--color-main);\n}\n\n.avatarImage {\n  position: relative;\n  background-color: white;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  & > img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n  }\n  & > span {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n  }\n}\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!./Avatar.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!./Avatar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Avatar.vue?vue&type=template&id=4a381cf0&\"\nimport script from \"./Avatar.vue?vue&type=script&lang=js&\"\nexport * from \"./Avatar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Avatar.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/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavBar.vue?vue&type=style&index=0&id=533b9b72&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavBar.vue?vue&type=style&index=0&id=533b9b72&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/child-profile-empty.a813a942.png\";"],"sourceRoot":""}