{"version":3,"sources":["webpack:///./src/common/components/layout/MenuHeader.vue?e2ec","webpack:///./src/common/components/layout/ResponsiveHeaderMenu.vue?dc5d","webpack:///./src/common/components/layout/MainLayout.vue?aae1","webpack:///./src/common/components/layout/ResponsiveHeaderMenu.vue?5f84","webpack:///src/common/components/layout/ResponsiveHeaderMenu.vue","webpack:///./src/common/components/layout/ResponsiveHeaderMenu.vue?5b8b","webpack:///./src/common/components/layout/ResponsiveHeaderMenu.vue","webpack:///./src/common/components/layout/MenuHeader.vue?7258","webpack:///src/common/components/layout/MenuHeader.vue","webpack:///./src/common/components/layout/MenuHeader.vue?20a3","webpack:///./src/common/components/layout/MenuHeader.vue","webpack:///src/common/components/layout/MainLayout.vue","webpack:///./src/common/components/layout/MainLayout.vue?14a3","webpack:///./src/common/components/layout/MainLayout.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isHome","attrs","menuCanBeDisplayed","userIsAParent","on","changeTheme","_e","childId","sessionStore","themeSelection","staticRenderFns","theme","_v","_l","group","index","key","items","length","item","idx","title","enable","$event","$router","push","_s","img","scopedSlots","_u","fn","proxy","palette","changePalette","components","props","themeIndex","data","watch","darkMode","darkModeChange","newMode","computed","methods","logout","logoutAction","then","$emit","colorIndex","component","paletteIdx","mounted","getDarkMode","notifications","getNotificationList","slice","countNotfications","forEach","element","read","count","name","ResponsiveMenuHeader","MenuHeader","ONE_CHILD","$route","userId","iMustGoToTheFirstTimeModule","noChildHasBeenSelected","childSelectedId","goToFirstTime","to","next","goToChildList","childCount"],"mappings":"kHAAA,yBAAulB,EAAG,G,kCCA1lB,yBAAimB,EAAG,G,oECApmB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mCAAmCC,MAAM,CAAE,cAAeP,EAAIQ,OAAQ,WAAYR,EAAIQ,QAASC,MAAM,CAAC,GAAK,oBAAoB,CAACL,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAAEN,EAAIU,qBAAsBN,EAAG,cAAc,CAACE,YAAY,oDAAoDG,MAAM,CAAC,cAAgBT,EAAIW,eAAeC,GAAG,CAAC,YAAcZ,EAAIa,eAAeb,EAAIc,KAAKV,EAAG,MAAM,CAACE,YAAY,uCAAuC,CAAEN,EAAIU,qBAAsBN,EAAG,yBAAyB,CAACK,MAAM,CAAC,cAAgBT,EAAIW,cAAc,QAAUX,EAAIe,QAAQ,WAAaf,EAAIgB,aAAaC,gBAAgBL,GAAG,CAAC,YAAcZ,EAAIa,eAAeb,EAAIc,KAAKV,EAAG,cAAc,CAACE,YAAY,oDAAoD,IAAI,MAC90BY,EAAkB,G,kCCDlB,EAAS,WAAa,IAAIlB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,MAAMP,EAAImB,OAAO,CAACf,EAAG,WAAW,CAACE,YAAY,+CAA+CG,MAAM,CAAC,WAAa,KAAK,KAAO,OAAO,OAAS,KAAK,CAACL,EAAG,kBAAkB,CAACE,YAAY,MAAMG,MAAM,CAAC,OAAS,qBAAqB,CAACL,EAAG,OAAO,CAACE,YAAY,wBAAwB,CAACN,EAAIoB,GAAG,YAAYhB,EAAG,iBAAiB,CAACE,YAAY,oDAAoD,CAACF,EAAG,6BAA6B,CAACK,MAAM,CAAC,SAAWT,EAAIW,cAAc,QAAUX,EAAIe,YAAY,IAAI,GAAGX,EAAG,YAAY,CAACK,MAAM,CAAC,GAAK,mBAAmB,OAAS,GAAG,KAAO,GAAG,SAAW,KAAK,CAACL,EAAG,eAAeJ,EAAIqB,GAAIrB,EAAS,OAAE,SAASsB,EAAMC,GAAO,OAAOnB,EAAG,MAAM,CAACoB,IAAID,EAAMhB,MAAM,CACjvB,OAAkB,IAAVgB,EACR,OAAQA,IAAUvB,EAAIyB,MAAMC,OAAS,IACpC,CAAC1B,EAAIqB,GAAG,GAAQ,SAASM,EAAKC,GAAK,MAAuB,UAAfD,EAAKE,MAAmBzB,EAAG,aAAa,CAACoB,IAAII,EAAInB,MAAM,CAAC,UAA2B,IAAhBkB,EAAKG,QAAkBlB,GAAG,CAAC,MAAQ,SAASmB,GAAQ,OAAO/B,EAAIgC,QAAQC,KAAM,GAAMN,EAAW,WAAO,CAACvB,EAAG,OAAO,CAACE,YAAY,iDAAiDC,OAAsB,IAAhBoB,EAAKG,OAAmB,iBAAmB,mBAAmB,CAAC9B,EAAIoB,GAAGpB,EAAIkC,GAAGP,EAAKQ,QAAQ/B,EAAG,OAAO,CAACG,OAAsB,IAAhBoB,EAAKG,OAAmB,iBAAmB,mBAAmB,CAAC9B,EAAIoB,GAAGpB,EAAIkC,GAAGP,EAAKE,YAAYzB,EAAG,MAAM,CAACA,EAAG,sBAAsB,CAACE,YAAY,OAAOG,MAAM,CAAC,GAAK,QAAQ,MAAQ,IAAI2B,YAAYpC,EAAIqC,GAAG,CAAC,CAACb,IAAI,iBAAiBc,GAAG,WAAW,MAAO,CAAClC,EAAG,OAAO,CAACE,YAAY,qCAAqCF,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACN,EAAIoB,GAAGpB,EAAIkC,GAAGP,EAAKE,YAAYU,OAAM,IAAO,MAAK,IAAOvC,EAAIqB,GAAIM,EAAY,SAAE,SAASa,EAAQZ,GAAK,OAAOxB,EAAG,kBAAkB,CAACoB,IAAII,EAAItB,YAAY,iBAAiBM,GAAG,CAAC,MAAQ,SAASmB,GAAQ,OAAO/B,EAAIyC,cAAcb,MAAQ,CAACxB,EAAG,OAAO,CAACE,YAAY,0BAA0BC,MAAO,GAAMiC,EAAa,OAAI,CAACxC,EAAIoB,GAAG,eAAc,IAAI,MAAMG,EAAQvB,EAAIyB,MAAMC,OAAS,EAAGtB,EAAG,KAAK,CAACE,YAAY,cAAcN,EAAIc,MAAM,MAAK,IAAI,IAAI,IAC5pC,EAAkB,G,oCCkEtB,GACE4B,WAAY,CAAd,iCACEC,MAAO,CACLhC,cAAe,CAAnB,yBACII,QAAS,CAAb,yBACI6B,WAAY,CAAhB,0BAEEC,KAPF,WAQI,MAAO,CAAX,cAEEC,MAAO,CACLC,SADJ,SACA,KACM9C,KAAK+C,eAAeC,KAGxBC,SAAU,CACRzB,MADJ,WAEM,OAAO,OAAb,OAAa,CAAb,qBAEIN,MAJJ,WAKM,MAAO,MAAb,0CAGEgC,QAAS,CACPC,OADJ,WACA,WACMnD,KAAKoD,eAAeC,MAAK,WACvB,EAAR,2BAGIb,cANJ,SAMA,GACMxC,KAAKsD,MAAM,cAAeC,MCpG4V,I,wBCQxXC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QCnBX,EAAS,WAAa,IAAIzD,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,eAAe,CAACE,YAAY,6BAA6BN,EAAIqB,GAAIrB,EAAS,OAAE,SAASsB,EAAMC,GAAO,OAAOnB,EAAG,MAAM,CAACoB,IAAID,GAAO,CAACvB,EAAIqB,GAAG,GAAQ,SAASM,EAAKC,GAAK,MAAuB,UAAfD,EAAKE,MAAmBzB,EAAG,aAAa,CAACoB,IAAII,EAAIrB,MAAM,CACnU,OAAkB,IAAVgB,GACRd,MAAM,CAAC,UAA2B,IAAhBkB,EAAKG,QAAkBlB,GAAG,CAAC,MAAQ,SAASmB,GAAQ,OAAO/B,EAAIgC,QAAQC,KAAM,GAAMN,EAAW,WAAO,CAACvB,EAAG,OAAO,CAACE,YAAY,kDAAkDC,OAAsB,IAAhBoB,EAAKG,OAAmB,iBAAmB,mBAAmB,CAAC9B,EAAIoB,GAAGpB,EAAIkC,GAAGP,EAAKQ,QAAQ/B,EAAG,OAAO,CAACG,OAAsB,IAAhBoB,EAAKG,OAAmB,iBAAmB,mBAAmB,CAAC9B,EAAIoB,GAAG,IAAIpB,EAAIkC,GAAGP,EAAKE,OAAO,SAASzB,EAAG,MAAM,CAACA,EAAG,sBAAsB,CAACE,YAAY,OAAOG,MAAM,CAAC,GAAK,QAAQ,MAAQ,IAAI2B,YAAYpC,EAAIqC,GAAG,CAAC,CAACb,IAAI,iBAAiBc,GAAG,WAAW,MAAO,CAAClC,EAAG,OAAO,CAACE,YAAY,qCAAqCF,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIoB,GAAGpB,EAAIkC,GAAGP,EAAKE,YAAYU,OAAM,IAAO,MAAK,IAAOvC,EAAIqB,GAAIM,EAAY,SAAE,SAASa,EAAQkB,GAAY,OAAOtD,EAAG,kBAAkB,CAACoB,IAAIkC,EAAWpD,YAAY,iBAAiBM,GAAG,CAAC,MAAQ,SAASmB,GAAQ,OAAO/B,EAAIyC,cAAciB,MAAe,CAACtD,EAAG,OAAO,CAACE,YAAY,0BAA0BC,MAAO,GAAMiC,EAAa,OAAI,CAACxC,EAAIoB,GAAG,iBAAgB,IAAI,MAAMG,EAAQvB,EAAIyB,MAAMC,OAAS,EAAGtB,EAAG,KAAK,CAACE,YAAY,cAAcN,EAAIc,MAAM,MAAK,IAAI,IACtlC,EAAkB,G,0sBCmDtB,OACE+B,KADF,WAEI,MAAO,CAAX,cAEEc,QAJF,WAKI1D,KAAK8C,SAAW9C,KAAK2D,aAEvBd,MAAO,CACLC,SADJ,SACA,KACM9C,KAAK+C,eAAeC,KAGxBN,MAAO,CACLhC,cAAe,CAAnB,0BAEEuC,SAAU,EAAZ,GACA,8DADA,GAEA,sEAFA,GAGA,wDAHA,CAIIW,cAJJ,WAKM,OAAO5D,KAAK6D,oBAAoBC,MAAM,EAAG,IAE3CC,kBAPJ,WAQM,IAAN,IAMM,OALA/D,KAAK6D,oBAAoBG,SAAQ,SAAvC,GACaC,EAAQC,MACXC,OAGGA,GAET3C,MAhBJ,WAiBM,OAAO,OAAb,OAAa,CAAb,uBAGE0B,QAAS,EAAX,GACA,gBACI,aAAJ,gBAFA,GAIA,0CAJA,CAMIC,OANJ,WAMA,WACMnD,KAAKoD,eAAeC,MAAK,WACvB,EAAR,2BAGIb,cAXJ,SAWA,GACMxC,KAAKsD,MAAM,cAAeC,OCrGkV,ICQ9W,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,OAIa,I,4CCoBf,GACEa,KAAM,MACN3B,WAAY,CACV4B,qBAAJ,EACIC,WAAJ,GAEE1B,KANF,WAOI,IAAJ,iCACI,MAAO,CACL7B,aAAN,EACMwD,UAAW,IAGftB,SAAU,CACRvC,cADJ,WAEM,OAAOV,KAAKe,aAAaL,eAE3BH,OAJJ,WAKM,MAA4B,SAArBP,KAAKwE,OAAOJ,MAErBtD,QAPJ,WAQM,MAAO,GAAb,uFAEI2D,OAVJ,WAWM,OAAOzE,KAAKe,aAAa0D,QAE3BC,4BAbJ,WAcM,OACN,oDACA,uFAGIC,uBAnBJ,WAoBM,OAAO3E,KAAKU,eAAuD,KAAtCV,KAAKe,aAAa6D,kBAGnD1B,QAAS,CACPzC,mBADJ,WAEM,OACN,mCACA,oDAGI,YAPJ,oEAOA,GAPA,qFAQA,mBARA,0CAUA,8BAVA,OAWA,mCAXA,mDAaA,kBAbA,2DAiBA,8BAjBA,QAkBA,mCAlBA,sDAoBA,kBApBA,0HAwBIoE,cAxBJ,SAwBA,KACM,GAAgB,eAAZC,EAAGV,MACDpE,KAAK0E,4BAA6B,OAAOK,EAAK,eAGtDC,cA7BJ,SA6BA,KACM,GAAgB,cAAZF,EAAGV,MACDpE,KAAK2E,uBAAwB,CAC/B,IAAV,oCAEU,IAAKM,EAAY,OAAOF,IACxB,GAAIE,EAAa,EAAG,OAAOF,EAAK,aAEhC,IAAV,gCACU,OAAV,4BAAU,CAAV,iBACU/E,KAAKe,aAAa6D,gBAAkB,GAA9C,gBAKE,iBAhFF,oEAgFA,OAhFA,0FAiFA,iCACA,cAlFA,gCAmFA,4BAnFA,WAqFA,gBArFA,gCAqFA,uCArFA,OAuFA,eACA,wBAGA,eACA,wBAGA,IA/FA,0GCvCkX,ICO9W,EAAY,eACd,EACA9E,EACAmB,GACA,EACA,KACA,KACA,MAIa,e","file":"js/chunk-36ffd4de.4f1ada44.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!./MenuHeader.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!./MenuHeader.vue?vue&type=style&index=0&lang=scss&\"","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!./ResponsiveHeaderMenu.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!./ResponsiveHeaderMenu.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:\"d-lg-flex flex-lg-column m-auto \",class:{ 'bg-main-low': _vm.isHome, 'bg-main': !_vm.isHome },attrs:{\"id\":\"app-wrapper-web\"}},[_c('div',{staticClass:\"d-flex bar-side h-100\"},[(_vm.menuCanBeDisplayed())?_c('menu-header',{staticClass:\"d-none d-lg-inline-block w-20 bg-light background\",attrs:{\"userIsAParent\":_vm.userIsAParent},on:{\"changeTheme\":_vm.changeTheme}}):_vm._e(),_c('div',{staticClass:\"d-flex flex-column w-25 flex-grow-1\"},[(_vm.menuCanBeDisplayed())?_c('responsive-menu-header',{attrs:{\"userIsAParent\":_vm.userIsAParent,\"childId\":_vm.childId,\"themeIndex\":_vm.sessionStore.themeSelection},on:{\"changeTheme\":_vm.changeTheme}}):_vm._e(),_c('router-view',{staticClass:\"flex-grow-1 bg-white h-100 app-wrapper-content\"})],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',{class:_vm.theme},[_c('b-navbar',{staticClass:\"atmHeaderStyle py-4 px-0 pb-0 text-lg-right \",attrs:{\"toggleable\":\"lg\",\"type\":\"dark\",\"sticky\":\"\"}},[_c('b-navbar-toggle',{staticClass:\"m-1\",attrs:{\"target\":\"sidebar-collapse\"}},[_c('span',{staticClass:\"material-icons-round\"},[_vm._v(\"menu\")])]),_c('b-navbar-brand',{staticClass:\"float-right notifications text-right p-0 pr-lg-4\"},[_c('notifications-header-popup',{attrs:{\"isParent\":_vm.userIsAParent,\"childId\":_vm.childId}})],1)],1),_c('b-sidebar',{attrs:{\"id\":\"sidebar-collapse\",\"shadow\":\"\",\"lazy\":\"\",\"backdrop\":\"\"}},[_c('b-navbar-nav',_vm._l((_vm.items),function(group,index){return _c('div',{key:index,class:{\n          'mt-3': index === 0,\n          'mb-3': index === _vm.items.length - 1,\n        }},[_vm._l((group),function(item,idx){return (item.title !== 'Theme')?_c('b-nav-item',{key:idx,attrs:{\"disabled\":item.enable === false},on:{\"click\":function($event){return _vm.$router.push((\"\" + (item.router)))}}},[_c('span',{staticClass:\"material-icons-outlined align-middle ml-4 mr-2\",class:item.enable === false ? 'text-secondary' : 'color-secundary'},[_vm._v(_vm._s(item.img))]),_c('span',{class:item.enable === false ? 'text-secondary' : 'color-secundary'},[_vm._v(_vm._s(item.title))])]):_c('div',[_c('b-nav-item-dropdown',{staticClass:\"ml-4\",attrs:{\"id\":\"theme\",\"right\":\"\"},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_c('span',{staticClass:\"material-icons align-middle mr-2\"}),_c('span',{staticClass:\"color-secundary\"},[_vm._v(_vm._s(item.title))])]},proxy:true}],null,true)},_vm._l((item.palette),function(palette,idx){return _c('b-dropdown-item',{key:idx,staticClass:\"d-inline-block\",on:{\"click\":function($event){return _vm.changePalette(idx)}}},[_c('span',{staticClass:\"material-icons big-icon\",class:(\"\" + (palette.color))},[_vm._v(\"lens\")])])}),1)],1)}),(index < _vm.items.length - 1)?_c('hr',{staticClass:\"mx-3 my-2\"}):_vm._e()],2)}),0)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"theme\">\n    <b-navbar\n      toggleable=\"lg\"\n      type=\"dark\"\n      class=\"atmHeaderStyle py-4 px-0 pb-0 text-lg-right \"\n      sticky\n    >\n      <b-navbar-toggle class=\"m-1\" target=\"sidebar-collapse\">\n        <span class=\"material-icons-round\">menu</span>\n      </b-navbar-toggle>\n      <b-navbar-brand class=\"float-right notifications text-right p-0 pr-lg-4\">\n        <notifications-header-popup\n          :isParent=\"userIsAParent\"\n          :childId=\"childId\"\n        ></notifications-header-popup>\n      </b-navbar-brand>\n    </b-navbar>\n    <b-sidebar id=\"sidebar-collapse\" shadow lazy backdrop>\n      <b-navbar-nav>\n        <div\n          v-for=\"(group, index) in items\"\n          :key=\"index\"\n          :class=\"{\n            'mt-3': index === 0,\n            'mb-3': index === items.length - 1,\n          }\"\n        >\n          <b-nav-item\n            v-for=\"(item, idx) in group\"\n            v-bind:key=\"idx\"\n            v-if=\"item.title !== 'Theme'\"\n            @click=\"$router.push(`${item.router}`)\"\n            :disabled=\"item.enable === false\"\n          >\n            <span\n              class=\"material-icons-outlined align-middle ml-4 mr-2\"\n              :class=\"item.enable === false ? 'text-secondary' : 'color-secundary'\"\n              >{{ item.img }}</span\n            >\n            <span :class=\"item.enable === false ? 'text-secondary' : 'color-secundary'\">{{\n              item.title\n            }}</span>\n          </b-nav-item>\n          <div v-else>\n            <b-nav-item-dropdown id=\"theme\" right class=\"ml-4\">\n              <template v-slot:button-content>\n                <span class=\"material-icons align-middle mr-2\"></span>\n                <span class=\"color-secundary\">{{ item.title }}</span>\n              </template>\n              <b-dropdown-item\n                v-for=\"(palette, idx) in item.palette\"\n                :key=\"idx\"\n                class=\"d-inline-block\"\n                @click=\"changePalette(idx)\"\n              >\n                <span class=\"material-icons big-icon\" :class=\"`${palette.color}`\">lens</span>\n              </b-dropdown-item>\n            </b-nav-item-dropdown>\n          </div>\n          <hr v-if=\"index < items.length - 1\" class=\"mx-3 my-2\" />\n        </div>\n      </b-navbar-nav>\n    </b-sidebar>\n  </div>\n</template>\n<script>\nimport { getMenuItems, getThemeColor } from '@/common/utils';\nimport NotificationsHeaderPopup from '@/notifications/components/NotificationsHeaderPopup.vue';\n\nexport default {\n  components: { NotificationsHeaderPopup },\n  props: {\n    userIsAParent: { type: Boolean, default: false },\n    childId: { type: String, required: true },\n    themeIndex: { type: Number, required: true },\n  },\n  data() {\n    return { darkMode: false };\n  },\n  watch: {\n    darkMode(newMode, oldMode) {\n      this.darkModeChange(newMode);\n    },\n  },\n  computed: {\n    items() {\n      return getMenuItems(this.userIsAParent);\n    },\n    theme() {\n      return `bg-${getThemeColor(this.themeIndex)}`;\n    },\n  },\n  methods: {\n    logout() {\n      this.logoutAction().then(() => {\n        this.$router.push('/login');\n      });\n    },\n    changePalette(colorIndex){\n      this.$emit(\"changeTheme\", colorIndex);\n    }\n  },\n};\n</script>\n<style lang=\"scss\">\n.navbar-nav {\n  background-color: white;\n}\n\n#theme .dropdown-toggle::after {\n  color: #aaaaaa;\n}\n#theme .dropdown-menu {\n  border: 0;\n  background-color: #f2f2f2;\n  padding: 1rem 0;\n}\n\n.atmHeaderStyle {\n  border-radius: 26px;\n}\n\n.navbar-nav .nav-link {\n  text-align: left !important;\n}\n\n.navbar-mobile {\n  border-radius: 27px !important;\n  margin-top: 17px;\n}\n/* @overrite */\n.navbar-dark .navbar-toggler {\n  border: none;\n  color: white !important;\n  :hover {\n    border: none;\n  }\n}\n.b-sidebar {\n  background-color: white !important;\n  border-radius: 0px 24px 24px 0;\n  padding: 1.5rem 0;\n  width: 100%;\n  max-width: 300px;\n  min-width: 200px;\n}\n</style>\n\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!./ResponsiveHeaderMenu.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!./ResponsiveHeaderMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ResponsiveHeaderMenu.vue?vue&type=template&id=299825d8&\"\nimport script from \"./ResponsiveHeaderMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./ResponsiveHeaderMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ResponsiveHeaderMenu.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-navbar-nav',{staticClass:\"bg-light h-100 headerFull\"},_vm._l((_vm.items),function(group,index){return _c('div',{key:index},[_vm._l((group),function(item,idx){return (item.title !== 'Theme')?_c('b-nav-item',{key:idx,class:{\n          'mt-3': index === 0,\n        },attrs:{\"disabled\":item.enable === false},on:{\"click\":function($event){return _vm.$router.push((\"\" + (item.router)))}}},[_c('span',{staticClass:\"material-icons-outlined align-middle ml-4 mr-2 \",class:item.enable === false ? 'text-secondary' : 'color-secundary'},[_vm._v(_vm._s(item.img))]),_c('span',{class:item.enable === false ? 'text-secondary' : 'color-secundary'},[_vm._v(\" \"+_vm._s(item.title)+\" \")])]):_c('div',[_c('b-nav-item-dropdown',{staticClass:\"ml-4\",attrs:{\"id\":\"theme\",\"right\":\"\"},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_c('span',{staticClass:\"material-icons align-middle mr-2\"}),_c('span',{staticClass:\"text-muted\"},[_vm._v(_vm._s(item.title))])]},proxy:true}],null,true)},_vm._l((item.palette),function(palette,paletteIdx){return _c('b-dropdown-item',{key:paletteIdx,staticClass:\"d-inline-block\",on:{\"click\":function($event){return _vm.changePalette(paletteIdx)}}},[_c('span',{staticClass:\"material-icons big-icon\",class:(\"\" + (palette.color))},[_vm._v(\" lens \")])])}),1)],1)}),(index < _vm.items.length - 1)?_c('hr',{staticClass:\"mx-3 my-2\"}):_vm._e()],2)}),0)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <b-navbar-nav class=\"bg-light h-100 headerFull\">\n      <div v-for=\"(group, index) in items\" :key=\"index\">\n        <!-- eslint-disable vue/no-use-v-if-with-v-for,vue/no-confusing-v-for-v-if -->\n        <b-nav-item\n          v-for=\"(item, idx) in group\"\n          v-bind:key=\"idx\"\n          v-if=\"item.title !== 'Theme'\"\n          @click=\"$router.push(`${item.router}`)\"\n          :class=\"{\n            'mt-3': index === 0,\n          }\"\n          :disabled=\"item.enable === false\"\n        >\n          <span \n            class=\"material-icons-outlined align-middle ml-4 mr-2 \"\n            :class=\"item.enable === false ? 'text-secondary' : 'color-secundary'\"\n          >{{\n            item.img\n          }}</span>\n          <span \n            :class=\"item.enable === false ? 'text-secondary' : 'color-secundary'\"\n          >\n          {{ item.title }}\n        </span>\n        </b-nav-item>\n        <div v-else>\n          <b-nav-item-dropdown id=\"theme\" right class=\"ml-4\">\n            <template v-slot:button-content>\n              <span class=\"material-icons align-middle mr-2\"></span>\n              <span class=\"text-muted\">{{ item.title }}</span>\n            </template>\n            <b-dropdown-item\n              v-for=\"(palette, paletteIdx) in item.palette\"\n              :key=\"paletteIdx\"\n              class=\"d-inline-block\"\n              @click=\"changePalette(paletteIdx)\"\n            >\n              <span class=\"material-icons big-icon\" :class=\"`${palette.color}`\">\n                lens\n              </span>\n            </b-dropdown-item>\n          </b-nav-item-dropdown>\n        </div>\n        <hr v-if=\"index < items.length - 1\" class=\"mx-3 my-2\" />\n      </div>\n    </b-navbar-nav>\n  </div>\n</template>\n<script>\nimport { mapActions, mapGetters } from 'vuex';\nimport { getMenuItems } from '@/common/utils';\n\nexport default {\n  data() {\n    return { darkMode: false };\n  },\n  mounted() {\n    this.darkMode = this.getDarkMode;\n  },\n  watch: {\n    darkMode(newMode, oldMode) {\n      this.darkModeChange(newMode);\n    },\n  },\n  props: {\n    userIsAParent: { type: Boolean, default: false },\n  },\n  computed: {\n    ...mapGetters('user', ['token', 'userIsLogged', 'getDarkMode']),\n    ...mapGetters('coins', ['getChildCoinsBanked', 'getChildLevelPoints']),\n    ...mapGetters('notifications', ['getNotificationList']),\n    notifications() {\n      return this.getNotificationList.slice(0, 2);\n    },\n    countNotfications() {\n      let count = 0;\n      this.getNotificationList.forEach((element) => {\n        if (!element.read) {\n          count++;\n        }\n      });\n      return count;\n    },\n    items() {\n      return getMenuItems(this.userIsAParent);\n    },\n  },\n  methods: {\n    ...mapActions({\n      logoutAction: 'user/logout',\n    }),\n    ...mapActions('user', ['darkModeChange']),\n\n    logout() {\n      this.logoutAction().then(() => {\n        this.$router.push('/login');\n      });\n    },\n    changePalette(colorIndex){\n      this.$emit(\"changeTheme\", colorIndex);\n    }\n  },\n};\n</script>\n<style lang=\"scss\">\nli#theme > ul {\n  & > div {\n    font-weight: 500;\n    display: flex !important;\n    flex-wrap: wrap !important;\n    border-radius: 0.8rem;\n    & > div {\n      display: flex;\n      flex-wrap: wrap !important;\n      & > li {\n        & > a {\n          border-radius: 0.8rem;\n          padding: 1rem !important;\n        }\n      }\n    }\n  }\n}\n\n.navbar-nav .nav-link {\n  text-align: left !important;\n}\na:hover {\n  background: rgba(0, 0, 0, 0.05);\n}\n\n.logoutStyle {\n  margin-top: 100%;\n}\n\n.headerFull {\n  overflow-y: scroll;\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!./MenuHeader.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!./MenuHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MenuHeader.vue?vue&type=template&id=074c0a56&\"\nimport script from \"./MenuHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./MenuHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MenuHeader.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","<template>\n  <div\n    id=\"app-wrapper-web\"\n    class=\"d-lg-flex flex-lg-column m-auto \"\n    :class=\"{ 'bg-main-low': isHome, 'bg-main': !isHome }\"\n  >\n    <div class=\"d-flex bar-side h-100\">\n      <menu-header\n        v-if=\"menuCanBeDisplayed()\"\n        class=\"d-none d-lg-inline-block w-20 bg-light background\"\n        :userIsAParent=\"userIsAParent\"\n        @changeTheme=\"changeTheme\"\n      />\n      <div class=\"d-flex flex-column w-25 flex-grow-1\">\n        <responsive-menu-header\n          v-if=\"menuCanBeDisplayed()\"\n          :userIsAParent=\"userIsAParent\"\n          :childId=\"childId\"\n          :themeIndex=\"sessionStore.themeSelection\"\n          @changeTheme=\"changeTheme\"\n        />\n        <router-view class=\"flex-grow-1 bg-white h-100 app-wrapper-content\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n// Components\nimport ResponsiveMenuHeader from './ResponsiveHeaderMenu.vue';\nimport MenuHeader from './MenuHeader.vue';\n\n//Store\nimport { useSessionStore } from '@/common';\nimport { setChangeParentTheme, setChangeChildTheme } from '@/common/services';\n\n// Requests\nimport { loadUserData, getChildrenData, persisteChildSelection } from '@/auth';\n\nexport default {\n  name: 'app',\n  components: {\n    ResponsiveMenuHeader,\n    MenuHeader,\n  },\n  data() {\n    const sessionStore = useSessionStore();\n    return {\n      sessionStore,\n      ONE_CHILD: 1,\n    };\n  },\n  computed: {\n    userIsAParent() {\n      return this.sessionStore.userIsAParent;\n    },\n    isHome() {\n      return this.$route.name === 'home';\n    },\n    childId() {\n      return `${this.userIsAParent ? this.sessionStore.childSelectedId : this.sessionStore.userId}`;\n    },\n    userId() {\n      return this.sessionStore.userId;\n    },\n    iMustGoToTheFirstTimeModule() {\n      return (\n        (this.sessionStore.isFirstTime && !this.userIsAParent) ||\n        (this.sessionStore.isFirstTime && this.userIsAParent && !this.sessionStore.children.length)\n      );\n    },\n    noChildHasBeenSelected() {\n      return this.userIsAParent && this.sessionStore.childSelectedId === '';\n    },\n  },\n  methods: {\n    menuCanBeDisplayed() {\n      return (\n        (this.userIsAParent && this.childId) ||\n        (!this.userIsAParent && !this.sessionStore.isFirstTime)\n      );\n    },\n    async changeTheme(colorIndex) {\n      if (this.userIsAParent) {\n        try {\n          await setChangeParentTheme(this.userId, colorIndex);\n          this.sessionStore.themeSelection = colorIndex;\n        } catch (error) {\n          console.log(error);\n        }\n      } else {\n        try {\n          await setChangeChildTheme(this.userId, colorIndex);\n          this.sessionStore.themeSelection = colorIndex;\n        } catch (error) {\n          console.log(error);\n        }\n      }\n    },\n    goToFirstTime(to, next) {\n      if (to.name !== 'first-time') {\n        if (this.iMustGoToTheFirstTimeModule) return next('first-time');\n      }\n    },\n    goToChildList(to, next) {\n      if (to.name !== 'childList') {\n        if (this.noChildHasBeenSelected) {\n          const childCount = this.sessionStore.children.length;\n\n          if (!childCount) return next();\n          if (childCount > 1) return next('childList');\n\n          const child = this.sessionStore.children[0];\n          persisteChildSelection(`${child.id}`);\n          this.sessionStore.childSelectedId = `${child.id}`;\n        }\n      }\n    },\n  },\n  async beforeRouteEnter(to, from, next) {\n    const sessionStore = useSessionStore();\n    if (!sessionStore.profileType) {\n      await loadUserData();\n    }\n    if (sessionStore.userIsAParent) await getChildrenData(sessionStore.userId);\n\n    next((vm) => {\n      vm.goToFirstTime(to, next);\n    });\n\n    next((vm) => {\n      vm.goToChildList(to, next);\n    });\n\n    next();\n  },\n};\n</script>\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!./MainLayout.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!./MainLayout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MainLayout.vue?vue&type=template&id=81f79796&\"\nimport script from \"./MainLayout.vue?vue&type=script&lang=js&\"\nexport * from \"./MainLayout.vue?vue&type=script&lang=js&\"\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":""}