{"version":3,"sources":["webpack:///./src/modules/layout/components/navbar/menus/submenus/AccountHint.vue","webpack:///src/modules/layout/components/navbar/menus/submenus/AccountHint.vue","webpack:///./src/modules/layout/components/navbar/menus/submenus/AccountHint.vue?382a","webpack:///./src/modules/layout/components/navbar/menus/submenus/AccountHint.vue?8a93","webpack:///./src/modules/layout/components/navbar/menus/submenus/AccountHint.vue?e670"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","_v","_s","$t","on","$event","$emit","attrs","staticRenderFns","name","components","SubMenuContainer","IconCloseSession","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,qBAAqB,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,cAAc,YAAY,UAAU,CAACH,EAAG,MAAM,CAACE,YAAY,0CAA0C,CAACF,EAAG,KAAK,CAACE,YAAY,YAAY,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAIQ,GAAG,uCAAuCN,EAAG,KAAK,CAACE,YAAY,oBAAoBF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,4CAA4C,CAACF,EAAG,SAAS,CAACE,YAAY,kDAAkDK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,MAAM,gBAAgB,CAACT,EAAG,qBAAqB,CAACE,YAAY,OAAOQ,MAAM,CAAC,MAAQ,kBAAkB,KAAO,MAAMV,EAAG,OAAO,CAACE,YAAY,kBAAkB,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAIQ,GAAG,8BAA8B,GAAGN,EAAG,MAAM,CAACE,YAAY,gDAAgDC,YAAY,CAAC,cAAc,QAAQI,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,MAAM,iBAAiB,CAACT,EAAG,OAAO,CAACE,YAAY,gDAAgDC,YAAY,CAAC,eAAe,SAAS,CAACL,EAAIM,GAAGN,EAAIO,GAAGP,EAAIQ,GAAG,kCAAkCN,EAAG,OAAO,CAACE,YAAY,mGAAmG,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAIQ,GAAG,0CAErxCK,EAAkB,GCsBP,GACfC,KAAA,cACAC,WAAA,CAEAC,qBAAA,gDACAC,qBAAA,kDC7B+Z,I,wBCQ3ZC,EAAY,eACd,EACAnB,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAK,E,2CCnBf,W","file":"js/chunk-5e3e0f54.8414e0c7.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('sub-menu-container',{staticClass:\"account-menu-hint\"},[_c('div',{staticStyle:{\"width\":\"max-content\",\"min-width\":\"279px\"}},[_c('div',{staticClass:\"d-flex align-content-center hint-title\"},[_c('h5',{staticClass:\"title-16\"},[_vm._v(_vm._s(_vm.$t(\"layout.account.log_in_account\")))])]),_c('hr',{staticClass:\"submenu-divider\"}),_c('div',{staticClass:\"d-flex m-0 w-100\"},[_c('div',{staticClass:\"d-flex justify-content-between m-0 w-100\"},[_c('button',{staticClass:\"login cursor-pointer bg-white position-relative\",on:{\"click\":function($event){return _vm.$emit('openLogin')}}},[_c('icon-close-session',{staticClass:\"me-2\",attrs:{\"color\":'var(--blue-600)',\"size\":22}}),_c('span',{staticClass:\"action size-15\"},[_vm._v(_vm._s(_vm.$t(\"layout.account.log_in\")))])],1),_c('div',{staticClass:\"d-flex size-14 login-right align-items-center\",staticStyle:{\"margin-left\":\"30px\"},on:{\"click\":function($event){return _vm.$emit('openSignIn')}}},[_c('span',{staticClass:\"weight-400 color-dark-gray-200 login-question\",staticStyle:{\"margin-right\":\"10px\"}},[_vm._v(_vm._s(_vm.$t(\"layout.account.are_you_new\")))]),_c('span',{staticClass:\"weight-500 hover-color-dark-main-red color-blue-600 login-signup hover-underline cursor-pointer\"},[_vm._v(_vm._s(_vm.$t(\"layout.account.register\")))])])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>  \n    <sub-menu-container class=\"account-menu-hint\" >\n        <div style=\"width: max-content; min-width: 279px;\">\n        <div class=\"d-flex align-content-center hint-title\">\n            <h5 class=\"title-16\">{{ $t(\"layout.account.log_in_account\") }}</h5>\n        </div>\n        <hr class=\"submenu-divider\"/>\n        <div class=\"d-flex m-0 w-100\">\n            <div class=\"d-flex justify-content-between m-0 w-100\" >\n                <button class=\"login cursor-pointer bg-white position-relative\" @click=\"$emit('openLogin')\">\n                    <icon-close-session class=\"me-2\" :color=\"'var(--blue-600)'\" :size=\"22\" />\n                    <span class=\"action size-15\">{{ $t(\"layout.account.log_in\") }}</span>\n                </button>\n                <div class=\"d-flex size-14 login-right align-items-center\" @click=\"$emit('openSignIn')\" style=\"margin-left: 30px;\">\n                    <span class=\"weight-400 color-dark-gray-200 login-question\" style=\"margin-right: 10px;\">{{ $t(\"layout.account.are_you_new\") }}</span>\n                    <span class=\"weight-500 hover-color-dark-main-red color-blue-600 login-signup hover-underline cursor-pointer\">{{ $t(\"layout.account.register\") }}</span>                \n                </div>\n            </div>\n        </div>\n        </div>\n</sub-menu-container>\n</template>\n\n<script>\nexport default {\n    name: 'AccountHint',\n    components: {\n        //general container\n        SubMenuContainer: () => import('@/modules/layout/components/navbar/menus/submenus/SubMenuContainer.vue'),\n        IconCloseSession: () => import(\"../../../../../../common/svg/iconCloseSession.vue\"),\n    }\n}\n</script>\n\n<style scoped>\n/* fix the triangle not showing in max-width lg & the menu-hint container shadow over it*/\n.account-menu-hint {\n    padding: 15px;\n    display: block;\n    z-index: 10 !important;\n\n    left: auto;\n    right: 0;\n}\n.hint-title {\n    height: 20px;\n}\n.submenu-divider {\n    margin: 6px 0 12px 0;\n}\n\n.show-start {\n    opacity: 0 !important;\n    transform: translateY(100%);\n}\n@keyframes show-hint-frames {\n    from {\n        opacity: 0;\n        transform: translateY(20px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0px);\n    }\n}\n.show-default {\n    display: block;\n    animation: show-hint-frames;\n    animation-duration: 0.3s;\n}\n.show-normal {\n    display: block;\n}\n@keyframes hide-hint-frames {\n    0% {\n        opacity: 1;\n        transform: translateY(0px);\n    }\n    50% {\n        opacity: 0;\n        transform: translateY(20px);\n    }\n    100% {\n        opacity: 0;\n        visibility: hidden;\n    }\n}\n.show-end {\n    animation: hide-hint-frames;\n    animation-duration: 0.3s;\n    animation-fill-mode: both;\n}\n\n    span.action {\n        transition: color 0.20s ease-in-out;\n    }\n\n    button.login {\n        border: 1px solid transparent;\n        border-radius: 5px;\n\n        padding: 5px 0px;\n        padding-right: 7px;\n        padding-left: 3px;\n        \n        /* border-size */\n        margin-top: -1px;\n        margin-bottom: -1px;\n\n        margin-left: 10px;\n\n        height: max-content;\n    }    \n    \n    button.login > svg {\n        padding-bottom: 4px;\n    }\n    .login-right {\n        margin-left: 30px;\n    }\n\n    button.login:hover span.action {\n        color: var(--blue-600)\n    }\n\n    button.login:hover > .icon-close-session::v-deep #Path_1965{\n        transform: translate(-344px, -90.5px);\n        -moz-transform: translate(-344px, -90.5px); /* Firefox */\n    }\n    button.login > .icon-close-session::v-deep > #Path_1965 {\n        transition: transform .25s var(--alt-ease-in-out);\n    }\n    button.login::before, button.login::after {\n        position: absolute;\n\n        border: 1px solid transparent;\n        border-radius: 5px;\n\n        box-sizing: inherit;\n        content: '';\n        width: 0;\n        height: 0;\n    }\n    button.login::before {\n        top: 0;\n        right: 0;\n    }\n    button.login::after {\n        bottom: 0;\n        left: 0;\n    }\n    button.login:hover::before, button.login:hover::after {\n        width: 100%;\n        height: 100%;\n    }\n    button.login:hover::after {\n        border-bottom-color: var(--blue-600);\n        border-right-color: var(--blue-600);\n\n        transition: border-color 0.15s ease-in-out, height 0.15s ease-in-out 0.2s, width 0.15s ease-in-out 0.1s;\n    }\n    button.login:hover::before {\n        border-top-color: var(--blue-600);\n        border-left-color: var(--blue-600);\n\n        transition:  border-color 0.15s ease-in-out 0.25s, height 0.15s ease-in-out 0.45s, width 0.15s ease-in-out 0.35s;\n    }\n\n@media (max-width: 575px) {\n    .account-menu-hint {\n        position: fixed;\n        top: 59px;\n        right: 50%;\n        transform: translateX(50%);\n    }\n    .show-start {\n        transform: translate(50%, 100%);\n    }\n    @keyframes show-hint-frames {\n        from {\n            opacity: 0;\n            transform: translate(50%, 20px);\n        }\n        to {\n            opacity: 1;\n            transform: translate(50%, 0px);\n        }\n    }\n    @keyframes hide-hint-frames {\n        0% {\n            opacity: 1;\n            transform: translate(50%, 0px);\n        }\n        50% {\n            opacity: 0;\n            transform: translate(50%, 20px);\n        }\n        100% {\n            opacity: 0;\n            visibility: hidden;\n        }\n    }\n}\n</style>","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!./AccountHint.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!./AccountHint.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AccountHint.vue?vue&type=template&id=0ecaef0b&scoped=true\"\nimport script from \"./AccountHint.vue?vue&type=script&lang=js\"\nexport * from \"./AccountHint.vue?vue&type=script&lang=js\"\nimport style0 from \"./AccountHint.vue?vue&type=style&index=0&id=0ecaef0b&prod&scoped=true&lang=css\"\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  \"0ecaef0b\",\n  null\n  \n)\n\nexport default component.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/lib/loaders/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/lib/index.js??vue-loader-options!./AccountHint.vue?vue&type=style&index=0&id=0ecaef0b&prod&scoped=true&lang=css\""],"sourceRoot":""}