{"version":3,"sources":["webpack:///./src/views/communication/SmsCommunication.vue","webpack:///./src/views/communication/SmsCommunication.vue?573b","webpack:///./src/views/communication/SmsCommunication.vue?30df","webpack:///./src/services/user/deviceWidth.js","webpack:///./src/mixins/deviceBreakpoint.js"],"names":["_createElementBlock","class","_normalizeClass","$setup","lgAndUp","xlAndUp","_createVNode","_component_router_view","setup","route","useRoute","menuShouldShow","ref","xsOnly","smAndUp","mdAndUp","deviceBreakpoint","toggleMenu","value","__exports__","render","deviceWidth","only","screenWidth","window","screen","width","down","up","breakpoint","onMounted","addEventListener"],"mappings":"wPACEA,gCAEM,OAFDC,MAAKC,4BAAA,CAAC,gBAAe,kBAA6BC,EAAAC,SAAWD,EAAAE,Y,CAChEC,yBAA4BC,I,+BAQjB,GACbC,QACE,MAAMC,EAAQC,iBACRC,EAAiBC,kBAAI,IACrB,OAAEC,EAAM,QAAEC,EAAO,QAAEC,EAAO,QAAEX,EAAO,QAAEC,GAAYW,iBAGjDC,EAAaA,KACjBN,EAAeO,OAASP,EAAeO,OAIzC,MAAO,CACLT,QACAQ,aACAN,iBACAN,UACAD,UACAW,UACAF,SACAC,a,iCCvBN,MAAMK,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,2DCTf,W,kDCAA,MAAMC,EAAc,CAChBC,OACI,IAAIC,EAAcC,OAAOC,OAAOC,MAChC,OAAIH,GAAe,KACR,SACAA,GAAe,MAAQA,EAAc,KACrC,SACAA,GAAe,KAAOA,EAAc,KACpC,SACAA,GAAe,KAAOA,EAAc,IACpC,SACAA,EAAc,IACd,cADJ,GAIXI,OACI,IAAIJ,EAAcC,OAAOC,OAAOC,MAChC,OAAIH,GAAe,IACR,YAENA,GAAe,KACT,YAENA,GAAe,KACT,YAENA,GAAe,IACT,YAENA,GAAe,IACT,iBADV,GAILK,KACI,IAAIL,EAAcC,OAAOC,OAAOC,MAChC,OAAIH,GAAe,KACR,UAENA,GAAe,KACT,UAENA,GAAe,IACT,UAENA,GAAe,IACT,UAENA,GAAe,IACT,eADV,IAOMF,QCnDf,MAAML,EAAmBA,KACrB,MAAMH,EAASD,iBAAyB,UAArBiB,EAAWP,QACxBlB,EAAUQ,iBAAuB,WAAnBiB,EAAWD,MACzBvB,EAAUO,iBAAuB,WAAnBiB,EAAWD,MACzBb,EAAUH,iBAAuB,WAAnBiB,EAAWD,MAW/B,OATAE,uBAAU,KACNN,OAAOO,iBAAiB,SAAU,KAC9B3B,EAAQc,MAA2B,WAAnBW,EAAWD,KAC3BvB,EAAQa,MAA2B,WAAnBW,EAAWD,KAC3Bb,EAAQG,MAA2B,WAAnBW,EAAWD,KAC3Bf,EAAOK,MAA6B,UAArBW,EAAWP,WAI3B,CACHlB,UACAC,UACAU,UACAF,WAIOG","file":"js/smscommunication.fdfdc98e.js","sourcesContent":["<template>\n  <div class=\"container-top\" :class=\"{ 'container-wide': lgAndUp || xlAndUp }\">\n    <router-view> </router-view>\n  </div>\n</template>\n\n<script>\nimport { ref, inject } from \"vue\";\nimport { useRoute } from \"vue-router\";\nimport deviceBreakpoint from \"../../mixins/deviceBreakpoint\";\nexport default {\n  setup() {\n    const route = useRoute();\n    const menuShouldShow = ref(false);\n    const { xsOnly, smAndUp, mdAndUp, lgAndUp, xlAndUp } = deviceBreakpoint();\n    \n\n    const toggleMenu = () => {\n      menuShouldShow.value = !menuShouldShow.value;\n    };\n   \n\n    return {\n      route,\n      toggleMenu,\n      menuShouldShow,\n      xlAndUp,\n      lgAndUp,\n      mdAndUp,\n      xsOnly,\n      smAndUp,\n     \n    };\n  },\n};\n</script>\n\n<style scoped>\n\n.side-menu {\n  border-right: 1px solid #02172e30;\n}\n\n.search-div {\n  width: fit-content;\n  padding: 10px;\n  background: #f5f8f9;\n  border-radius: 200px;\n}\n\n.search-div input {\n  background: none;\n  border: none;\n  outline: transparent;\n}\n\n.brief-message {\n  color: #4762f0;\n}\n\n.compose-btn {\n  background: #136acd;\n  box-shadow: 0px 6px 12px #708eb170;\n  border-radius: 22px;\n  color: #fff;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.menu-icon {\n  font-size: 20px;\n}\n\n.units-div {\n  border: 1px solid #dde2e6;\n  border-radius: 20px;\n  padding: 15px 0;\n}\n\n.hidden-header {\n  display: none;\n}\n\n.th {\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.inbox-count {\n  background: rgba(19, 106, 205, 0.3);\n  padding: 4px 8px;\n  border-radius: 22px;\n}\n\n.menu-item-con {\n  color: #002044;\n}\n\n.active {\n  opacity: 0.5;\n}\n\n.active-link {\n  background: rgba(19, 106, 205, 0.05);\n  border-left: 2px solid #136acd;\n}\n\n.router-link-exact-active .active {\n  opacity: 1 !important;\n}\n\n.buy-btn {\n  background: rgb(112, 142, 177, 0.33);\n  border-radius: 22px;\n}\n\n.btn-text {\n  opacity: 1;\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.timestamp {\n  font-size: 14px;\n  color: #333333;\n  opacity: 0.5;\n}\n\n.view-btn {\n  background: #ebeff4;\n  border-radius: 21px;\n  padding: 4px 18px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n}\n\n.r-link {\n  color: #002044;\n}\n\n.router-link-exact-active i {\n  color: #136acd;\n  opacity: 1;\n}\n\n@media screen and (max-width: 765px) {\n  .show {\n    overflow: hidden;\n    height: 270px;\n    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);\n  }\n\n  .links-menu {\n    height: 0;\n    overflow: hidden;\n    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .hidden-header {\n    display: inline-block;\n    font-size: 12px;\n  }\n\n  .header-row {\n    display: none;\n  }\n\n  #menu-items {\n    flex-direction: row !important;\n  }\n\n  .search-div {\n    width: 100%;\n  }\n\n  .units-div {\n    width: 100%;\n  }\n\n  .units-container {\n    margin-left: 0;\n    margin: auto;\n  }\n}\n\n@media (min-width: 768px) and (max-width: 991px) {\n  .compose-btn {\n    font-size: 0.8em;\n  }\n}\n\n@media screen and (max-width: 1000px) {\n  .msg-n-time {\n    flex-direction: column;\n    margin-bottom: 8px;\n  }\n}\n\n@media screen and (min-width: 1000px) {\n  #menu-items {\n    min-width: 100% !important;\n  }\n}\n\n@media screen and (min-width: 1300px) {\n  .menu-item-div {\n    padding-left: 40px;\n  }\n}\n</style>\n","import { render } from \"./SmsCommunication.vue?vue&type=template&id=0df296f2&scoped=true\"\nimport script from \"./SmsCommunication.vue?vue&type=script&lang=js\"\nexport * from \"./SmsCommunication.vue?vue&type=script&lang=js\"\n\nimport \"./SmsCommunication.vue?vue&type=style&index=0&id=0df296f2&scoped=true&lang=css\"\n\nimport exportComponent from \"/github/workspace/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-0df296f2\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./SmsCommunication.vue?vue&type=style&index=0&id=0df296f2&scoped=true&lang=css\"","const deviceWidth = {\n    only() {\n        let screenWidth = window.screen.width\n        if (screenWidth >= 1920) {\n            return 'xlOnly'\n        } else if (screenWidth >= 1200 && screenWidth < 1920) {\n            return 'lgOnly'\n        } else if (screenWidth >= 992 && screenWidth < 1200) {\n            return 'mdOnly'\n        } else if (screenWidth >= 768 && screenWidth < 992) {\n            return 'smOnly'\n        } else if (screenWidth < 768) {\n            return 'xsOnly'\n        }\n    },\n    down() {\n        let screenWidth = window.screen.width\n        if (screenWidth <= 2000) {\n            return 'xlAndDown'\n        } \n         if (screenWidth <= 1900) {\n            return 'lgAndDown'\n        } \n         if (screenWidth <= 1200) {\n            return 'mdAndDown'\n        } \n         if (screenWidth <= 992) {\n            return 'smAndDown'\n        } \n         if (screenWidth <= 768) {\n            return 'xsAndDown'\n        }\n    },\n    up() {\n        let screenWidth = window.screen.width\n        if (screenWidth >= 1920) {\n            return 'xlAndUp'\n        } \n         if (screenWidth >= 1200) {\n            return 'lgAndUp'\n        } \n         if (screenWidth >= 992) {\n            return 'mdAndUp'\n        } \n         if (screenWidth >= 768) {\n            return 'smAndUp'\n        } \n         if (screenWidth >= 300) {\n            return 'xsAndUp'\n        }\n    },\n\n}\n\nexport default deviceWidth\n\n","import { onMounted, ref } from \"vue\"\nimport breakpoint from \"../services/user/deviceWidth.js\"\n\nconst deviceBreakpoint = () => {\n    const xsOnly = ref(breakpoint.only() == 'xsOnly')\n    const lgAndUp = ref(breakpoint.up() == 'lgAndUp')\n    const xlAndUp = ref(breakpoint.up() == 'xlAndUp')\n    const mdAndUp = ref(breakpoint.up() == 'mdAndUp')\n\n    onMounted(() => {\n        window.addEventListener(\"resize\", () => {\n            lgAndUp.value = breakpoint.up() == 'lgAndUp'\n            xlAndUp.value = breakpoint.up() == 'xlAndUp'\n            mdAndUp.value = breakpoint.up() == 'mdAndUp'\n            xsOnly.value = breakpoint.only() == 'xsOnly'\n          });\n    })\n\n    return {\n        lgAndUp,\n        xlAndUp,\n        mdAndUp,\n        xsOnly\n    }\n}\n\nexport default deviceBreakpoint;"],"sourceRoot":""}