{"version":3,"sources":["webpack:///./src/components/Layouts/components/Login.vue?6f12","webpack:///./src/components/Layouts/components/Login.vue","webpack:///./src/components/Elements/pk-form-input.vue","webpack:///src/components/Elements/pk-form-input.vue","webpack:///./src/components/Elements/pk-form-input.vue?f7b3","webpack:///./src/components/Elements/pk-form-input.vue?8b68","webpack:///src/components/Layouts/components/Login.vue","webpack:///./src/components/Layouts/components/Login.vue?b938","webpack:///./src/components/Layouts/components/Login.vue?7ce1","webpack:///./src/components/Profile/CustomLoading.vue","webpack:///src/components/Profile/CustomLoading.vue","webpack:///./src/components/Profile/CustomLoading.vue?213e","webpack:///./src/components/Profile/CustomLoading.vue?f184","webpack:///./src/views/Auth/Login.vue","webpack:///src/views/Auth/Login.vue","webpack:///./src/views/Auth/Login.vue?8045","webpack:///./src/views/Auth/Login.vue?1ce4","webpack:///./src/components/Elements/pk-form-input.vue?71cb"],"names":["render","_vm","this","_c","_self","class","isMobile","attrs","model","value","hasError","callback","$$v","expression","_v","_s","errorMsg","staticClass","$t","toUpperCase","nativeOn","$event","type","indexOf","_k","keyCode","key","login","apply","arguments","username","password","_e","on","isLoginLoading","staticRenderFns","active","isActive","icon","inputType","name","placeholder","onFocused","currentVal","domProps","label","togglePasswordType","props","required","default","showHide","data","focused","pwdShow","computed","get","set","created","methods","showPwd","component","components","CustomLoading","PkFormInput","userIsLogged","reset","isSmall","isWithText","LoginComponent","isLogged","watch","immediate","handler"],"mappings":"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","file":"js/chunk-0c7b6e31.75a4b0c2.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=style&index=0&id=44983e89&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:{ ' ': !_vm.isMobile, 'col-12 mt-2 mb-2': _vm.isMobile }},[_c('b-alert',{attrs:{\"variant\":\"danger\",\"dismissible\":\"\"},model:{value:(_vm.hasError),callback:function ($$v) {_vm.hasError=$$v},expression:\"hasError\"}},[_vm._v(\" \"+_vm._s(_vm.errorMsg)+\" \")]),_c('PkFormInput',{staticClass:\"mb-3 text-uppercase\",attrs:{\"label\":_vm.$t('auth_form.username').toUpperCase(),\"icon\":\"pki-user\"},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.login.apply(null, arguments)}},model:{value:(_vm.username),callback:function ($$v) {_vm.username=$$v},expression:\"username\"}}),_c('PkFormInput',{staticClass:\"text-uppercase\",attrs:{\"label\":_vm.$t('auth_form.password').toUpperCase(),\"icon\":\"pki-lock\",\"type\":\"password\",\"show-hide\":\"\"},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.login.apply(null, arguments)}},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}}),(_vm.isMobile)?_c('div',{staticClass:\"justify-content-left d-flex mt-3 mb-2\"},[_c('span',{staticClass:\"query\"},[_vm._v(_vm._s(_vm.$t('usermenu.forget'))+\" \"),_c('a',[_vm._v(\"Password\")]),_vm._v(\" ?\")])]):_vm._e(),_c('div',{staticClass:\"justify-content-center d-flex mb-2\"},[_c('b-button',{staticClass:\"btn-signin my-3\",attrs:{\"size\":\"lg\",\"block\":\"\"},on:{\"click\":_vm.login}},[(_vm.isLoginLoading)?_c('span',[_c('CustomLoading',{attrs:{\"is-small\":true,\"is-with-text\":false}})],1):_c('span',[_vm._v(\" \"+_vm._s(_vm.$t('auth_form.login'))+\" \")])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(!_vm.isMobile)?_c('div',{staticClass:\"pk-form-input d-flex\",class:{active:_vm.isActive}},[(_vm.icon)?_c('i',{class:_vm.icon}):_vm._e(),_c('div',{staticClass:\"pk-input\"},[_c('b-input-group',[_c('b-input',{staticClass:\"form-control\",attrs:{\"type\":_vm.inputType,\"name\":_vm.name,\"placeholder\":_vm.placeholder},on:{\"focusin\":function($event){return _vm.onFocused(true)},\"focusout\":function($event){return _vm.onFocused(false)}},model:{value:(_vm.currentVal),callback:function ($$v) {_vm.currentVal=$$v},expression:\"currentVal\"}}),_c('label',{attrs:{\"for\":_vm.name},domProps:{\"innerHTML\":_vm._s(_vm.label)}}),(_vm.type === 'password')?_c('b-input-group-append',{staticClass:\"append-eye\"},[_c('b-button',{staticClass:\"button-icon-eye\",attrs:{\"size\":\"sm\"},on:{\"click\":_vm.togglePasswordType}},[_c('b-icon',{attrs:{\"icon\":\"eye\"}})],1)],1):_vm._e()],1)],1)]):_vm._e(),(_vm.isMobile)?_c('div',{staticClass:\"pk-form-input-mobile d-flex\",class:{active:_vm.isActive}},[(_vm.icon)?_c('i',{class:_vm.icon}):_vm._e(),_c('div',{staticClass:\"pk-input\"},[_c('b-input-group',[_c('b-input',{staticClass:\"form-control\",attrs:{\"type\":_vm.inputType,\"name\":_vm.name,\"placeholder\":_vm.label},on:{\"focusin\":function($event){return _vm.onFocused(true)},\"focusout\":function($event){return _vm.onFocused(false)}},model:{value:(_vm.currentVal),callback:function ($$v) {_vm.currentVal=$$v},expression:\"currentVal\"}}),(_vm.type === 'password')?_c('b-input-group-append',{staticClass:\"append-eye\"},[_c('b-button',{staticClass:\"button-icon-eye\",attrs:{\"size\":\"sm\"},on:{\"click\":_vm.togglePasswordType}},[_c('b-icon',{attrs:{\"icon\":\"eye\"}})],1)],1):_vm._e()],1)],1)]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div\r\n      v-if=\"!isMobile\"\r\n      class=\"pk-form-input d-flex\"\r\n      :class=\"{active:isActive}\"\r\n    >\r\n      <i\r\n        v-if=\"icon\"\r\n        :class=\"icon\"\r\n      />\r\n      <div class=\"pk-input\">\r\n        <b-input-group>\r\n          <b-input\r\n            v-model=\"currentVal\"\r\n            :type=\"inputType\"\r\n            class=\"form-control\"\r\n            :name=\"name\"\r\n            :placeholder=\"placeholder\"\r\n            @focusin=\"onFocused(true)\"\r\n            @focusout=\"onFocused(false)\"\r\n          />\r\n          <label\r\n            class=\"\"\r\n            :for=\"name\"\r\n            v-html=\"label\"\r\n          />\r\n          <b-input-group-append\r\n            v-if=\"type === 'password'\"\r\n            class=\"append-eye\"\r\n          >\r\n            <b-button\r\n              class=\"button-icon-eye\"\r\n              size=\"sm\"\r\n              @click=\"togglePasswordType\"\r\n            >\r\n              <b-icon icon=\"eye\" />\r\n            </b-button>\r\n          </b-input-group-append>\r\n        </b-input-group>\r\n      </div>\r\n    </div>\r\n    <div\r\n      v-if=\"isMobile\"\r\n      class=\"pk-form-input-mobile d-flex\"\r\n      :class=\"{active:isActive}\"\r\n    >\r\n      <i\r\n        v-if=\"icon\"\r\n        :class=\"icon\"\r\n      />\r\n      <div class=\"pk-input\">\r\n        <b-input-group>\r\n          <b-input\r\n            v-model=\"currentVal\"\r\n            :type=\"inputType\"\r\n            class=\"form-control\"\r\n            :name=\"name\"\r\n            :placeholder=\"label\"\r\n            @focusin=\"onFocused(true)\"\r\n            @focusout=\"onFocused(false)\"\r\n          />\r\n          <b-input-group-append\r\n            v-if=\"type === 'password'\"\r\n            class=\"append-eye\"\r\n          >\r\n            <b-button\r\n              class=\"button-icon-eye\"\r\n              size=\"sm\"\r\n              @click=\"togglePasswordType\"\r\n            >\r\n              <b-icon icon=\"eye\" />\r\n            </b-button>\r\n          </b-input-group-append>\r\n        </b-input-group>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'PkFormInput',\r\n  props: {\r\n    icon: {\r\n      required: false,\r\n    },\r\n    type: {\r\n      type: String,\r\n      default: 'text',\r\n    },\r\n    name: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    label: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    placeholder: {\r\n      type: String,\r\n      required: false,\r\n    },\r\n    value: {\r\n      required: true,\r\n    },\r\n    showHide: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      focused: false,\r\n      pwdShow: false,\r\n      inputType: '',\r\n    };\r\n  },\r\n  computed: {\r\n    isMobile() {\r\n      return this.$store.state.isMobile;\r\n    },\r\n    currentVal: {\r\n      get() {\r\n        return this.value;\r\n      },\r\n      set(v) {\r\n        this.$emit('input', v);\r\n      },\r\n    },\r\n    isActive() {\r\n      return this.focused || this.currentVal?.length > 0;\r\n    },\r\n  },\r\n  created() {\r\n    if (this.value !== null) this.currentVal = this.value;\r\n    if (this.type !== null) this.inputType = this.type;\r\n  },\r\n  methods: {\r\n    onFocused(val) {\r\n      this.focused = this.currentVal?.length > 0 || val;\r\n    },\r\n    showPwd() {\r\n      this.pwdShow = !this.pwdShow;\r\n      this.inputType = this.pwdShow ? 'text' : 'password';\r\n    },\r\n    togglePasswordType() {\r\n      this.inputType = this.inputType === 'password' ? 'text' : 'password';\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.pk-form-input {\r\n  position: relative;\r\n  background-color: var(--input-bg-color);\r\n  align-items: center;\r\n  border-bottom: 2px solid transparent;\r\n  i{\r\n    font-size: 24px;\r\n    color: var(--color-primary);\r\n    padding: 0 10px;\r\n    display: var(--login-icon);\r\n  }\r\n  .pk-input {\r\n    position: relative;\r\n    width: 100%;\r\n    margin-left: var(--login-field-margin);\r\n\r\n    label {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 15px;\r\n      font-size: 1rem;\r\n      color: var(--color-primary);\r\n      font-weight: 600;\r\n      cursor: text;\r\n      -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;\r\n      transition: color .2s ease-out, -webkit-transform .2s ease-out;\r\n      transition: transform .2s ease-out, color .2s ease-out;\r\n      transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;\r\n      -webkit-transform: translateY(-50%);\r\n      transform: translateY(-50%);\r\n      -webkit-transform-origin: 0 100%;\r\n      transform-origin: 0 100%;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .form-control {\r\n      height: auto;\r\n      padding: 18px 15px 5px;\r\n      font-size: 1.1rem;\r\n      margin: 0;\r\n      border-radius: 0;\r\n      box-sizing: content-box;\r\n      background: transparent;\r\n      border: none;\r\n      outline: none;\r\n      -webkit-box-shadow: none;\r\n      box-shadow: none;\r\n      color: var(--color-primary);\r\n      -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;\r\n      transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;\r\n      transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n      transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;\r\n    }\r\n  }\r\n\r\n  i {\r\n    + .pk-input {\r\n      .form-control {\r\n        padding-left: 0px;\r\n\r\n        & + label {\r\n          left: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .pwd-show{\r\n    cursor: pointer;\r\n  }\r\n\r\n  &.active {\r\n    border-bottom: 2px solid var(--color-dominance);\r\n    border: 0;\r\n    // -webkit-box-shadow: 0 1px 0 0 var(--color-dominance);\r\n    box-shadow: 0 1px 0 0 var(--color-dominance);\r\n    i{\r\n      color:var(--color-dominance);\r\n    }\r\n    .pk-input {\r\n      .form-control {\r\n\r\n        & + label {\r\n          -webkit-transform: translateY(calc(-100% - 3px)) scale(0.8);\r\n          transform: translateY(calc(-100% - 3px)) scale(0.8);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.pk-form-input-mobile {\r\n  position: relative;\r\n  background-color: var(--input-bg-color);\r\n  align-items: center;\r\n  border-bottom: 2px solid transparent;\r\n    .append-eye{\r\n    button, button:hover {\r\n      background: transparent !important;\r\n      border: 0;\r\n      // color: var(--color-dominance) !important;\r\n\r\n    }\r\n  }\r\n  i{\r\n    font-size: 24px;\r\n    color: var(--color-primary);\r\n    padding: 0 10px;\r\n    display: var(--login-icon);\r\n  }\r\n  .pk-input {\r\n    position: relative;\r\n    width: 100%;\r\n    margin-left: var(--login-field-margin);\r\n\r\n    label {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 15px;\r\n      font-size: 1rem;\r\n      color: var(--color-primary);\r\n      font-weight: 600;\r\n      cursor: text;\r\n      -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;\r\n      transition: color .2s ease-out, -webkit-transform .2s ease-out;\r\n      transition: transform .2s ease-out, color .2s ease-out;\r\n      transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;\r\n      -webkit-transform: translateY(-50%);\r\n      transform: translateY(-50%);\r\n      -webkit-transform-origin: 0 100%;\r\n      transform-origin: 0 100%;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .form-control {\r\n      height: auto;\r\n      // padding: 18px 15px 5px;\r\n      font-size: 0.8rem;\r\n      margin: 0;\r\n      border-radius: 0;\r\n      box-sizing: content-box;\r\n      background: transparent;\r\n      border: none;\r\n      outline: none;\r\n      -webkit-box-shadow: none;\r\n      box-shadow: none;\r\n      color: var(--color-primary);\r\n      -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;\r\n      transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;\r\n      transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n      transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;\r\n    }\r\n  }\r\n\r\n  i {\r\n    + .pk-input {\r\n      .form-control {\r\n        padding-left: 0px;\r\n\r\n        & + label {\r\n          left: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .pwd-show{\r\n    cursor: pointer;\r\n  }\r\n\r\n  &.active {\r\n    border-bottom: 2px solid var(--color-dominance);\r\n    border: 0;\r\n    // -webkit-box-shadow: 0 1px 0 0 var(--color-dominance);\r\n    box-shadow: 0 1px 0 0 var(--color-dominance);\r\n    i{\r\n      color:var(--color-dominance);\r\n    }\r\n    .pk-input {\r\n      .form-control {\r\n\r\n        & + label {\r\n          -webkit-transform: translateY(calc(-100% - 3px)) scale(0.8);\r\n          transform: translateY(calc(-100% - 3px)) scale(0.8);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\ninput:-webkit-autofill,\r\ninput:-webkit-autofill:hover,\r\ninput:-webkit-autofill:focus,\r\ntextarea:-webkit-autofill,\r\ntextarea:-webkit-autofill:hover,\r\ntextarea:-webkit-autofill:focus,\r\nselect:-webkit-autofill,\r\nselect:-webkit-autofill:hover,\r\nselect:-webkit-autofill:focus {\r\n  -webkit-text-fill-color: var(--color-primary);\r\n  -webkit-box-shadow: 0 0 0px 1000px var(--input-bg-color) inset !important;\r\n  transition: background-color 5000s ease-in-out 0s !important;\r\n  padding-right: 0 !important;\r\n}\r\n\r\n</style>\r\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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pk-form-input.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!./pk-form-input.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./pk-form-input.vue?vue&type=template&id=580b1e8e&scoped=true\"\nimport script from \"./pk-form-input.vue?vue&type=script&lang=js\"\nexport * from \"./pk-form-input.vue?vue&type=script&lang=js\"\nimport style0 from \"./pk-form-input.vue?vue&type=style&index=0&id=580b1e8e&prod&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  \"580b1e8e\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div :class=\"{ ' ': !isMobile, 'col-12 mt-2 mb-2': isMobile }\">\r\n    <b-alert\r\n      v-model=\"hasError\"\r\n      variant=\"danger\"\r\n      dismissible\r\n    >\r\n      {{ errorMsg }}\r\n    </b-alert>\r\n    <PkFormInput\r\n      v-model=\"username\"\r\n      :label=\"$t('auth_form.username').toUpperCase()\"\r\n      icon=\"pki-user\"\r\n      class=\"mb-3 text-uppercase\"\r\n      @keyup.enter.native=\"login\"\r\n    />\r\n    <PkFormInput\r\n      v-model=\"password\"\r\n      :label=\"$t('auth_form.password').toUpperCase()\"\r\n      icon=\"pki-lock\"\r\n      type=\"password\"\r\n      class=\"text-uppercase\"\r\n      show-hide\r\n      @keyup.enter.native=\"login\"\r\n    />\r\n    <!--b-button variant=\"link\" class=\"btn-forgotpw font-weight-semibold mt-2 mb-3\">{{ $t('auth_form.forgot_password') }}</b-button-->\r\n    <div\r\n      v-if=\"isMobile\"\r\n      class=\"justify-content-left d-flex  mt-3 mb-2\"\r\n    >\r\n      <span class=\"query\">{{ $t('usermenu.forget') }} <a>Password</a> ?</span>\r\n    </div>\r\n    <div class=\"justify-content-center d-flex mb-2\">\r\n      <!--b-button\r\n        size=\"lg\"\r\n        variant=\"danger\"\r\n        block\r\n        class=\"my-3 mr-2\"\r\n        @click=\"reset\"\r\n      >\r\n        {{ $t('ticket_box.buttons.cancel') }}\r\n      </b-button-->\r\n      <b-button\r\n        size=\"lg\"\r\n        block\r\n        class=\"btn-signin my-3\"\r\n        @click=\"login\"\r\n      >\r\n        <span v-if=\"isLoginLoading\">\r\n          <CustomLoading\r\n            :is-small=\"true\"\r\n            :is-with-text=\"false\"\r\n          />\r\n        </span>\r\n        <span v-else>\r\n          {{ $t('auth_form.login') }}\r\n        </span>\r\n      </b-button>\r\n    </div>\r\n    <!--b-button size=\"lg\" pill variant=\"outline-secondary\" block class=\"btn-login\" >{{ $t('auth_form.signup') }}</b-button-->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CustomLoading from '@/components/Profile/CustomLoading';\r\nimport PkFormInput from '../../Elements/pk-form-input';\r\n\r\nexport default {\r\n  name: 'LoginComponent',\r\n  components: { CustomLoading, PkFormInput },\r\n  data() {\r\n    return {\r\n      username: null,\r\n      password: null,\r\n      errorMsg: null,\r\n    };\r\n  },\r\n  computed: {\r\n    hasError() {\r\n      return this.errorMsg !== null;\r\n    },\r\n    isMobile() {\r\n      return this.$store.state.isMobile;\r\n    },\r\n    userIsLogged() {\r\n      return this.$store.getters.isAuthenticated;\r\n    },\r\n    isLoginLoading() {\r\n      return this.$store.state.isLoginLoading;\r\n    },\r\n  },\r\n  methods: {\r\n    login() {\r\n      this.errorMsg = null;\r\n      this.$store.dispatch('AUTH_REQUEST', { username: this.username, password: this.password }).then((res) => {\r\n        if (!res?.data) return;\r\n        this.$store.dispatch('FETCH_PROFILE_OPERATION_TYPE');\r\n        // this.$store.dispatch('getUserPreferences');\r\n        this.$store.dispatch('getAllFavorites');\r\n        this.$store.dispatch('PROFILE_INFO');\r\n        if (this.$store.getters.isAuthenticated) { this.$bvModal.hide('pkm_login'); }\r\n      });\r\n    },\r\n    reset() {\r\n      this.username = null;\r\n      this.password = null;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n  .btn-signin, .btn-login {\r\n\r\n  text-transform: uppercase;\r\n  font-weight: bold;\r\n  padding-right: 20px;\r\n  padding-left: 20px;\r\n  color: var(--color-secondary) !important;\r\n\r\n     @media (max-width: 1025px) {\r\n    width: auto;\r\n    padding-bottom: 4px;\r\n    padding-top: 4px;\r\n    color: var(--color-dominance);\r\n    background-color: var(--color-secondary);\r\n    border: 2px solid;\r\n }\r\n}\r\n\r\n.btn-signin{\r\n    border-color: var(--header-loginbtn-border-color) !important;\r\n    background-color:var(--header-loginbtn-border-color)  !important;\r\n    // color: var(--color-primary) !important;\r\n    @media (max-width: 1025px) {\r\n    width: auto;\r\n    padding-left: 10px !important;\r\n    padding-right: 10px !important;\r\n    margin-right: 5px !important;\r\n    border-color: var(--header-loginbtn-border-color) !important;\r\n    background-color: var(--header-loginbtn-bg-color) !important;\r\n    color: var(--header-loginbtn-color) !important;\r\n    font-size: 0.7875rem;\r\n    line-height: 1.5;\r\n    }\r\n}\r\n\r\n  .query{\r\n    // color: var(--color-primary);\r\n    font-size: 11px;\r\n    a{\r\n    font-size: 11px;\r\n    margin-left: 5px;\r\n    text-decoration: underline;\r\n    color: var(--color-dominance);\r\n    }\r\n  }\r\n.btn-forgotpw {\r\n  color: var(--color-primary);\r\n}\r\n\r\n.btn-logout {\r\n  color: var(--color-primary);\r\n  text-transform: uppercase;\r\n  font-weight: bold;\r\n  padding-right: 20px;\r\n  padding-left: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n\r\n  i {\r\n    color: var(--color-primary);\r\n    font-size: 18px;\r\n  }\r\n\r\n  &:hover {\r\n    text-decoration: none;\r\n  }\r\n}\r\n</style>\r\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/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.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!./Login.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Login.vue?vue&type=template&id=44983e89&scoped=true\"\nimport script from \"./Login.vue?vue&type=script&lang=js\"\nexport * from \"./Login.vue?vue&type=script&lang=js\"\nimport style0 from \"./Login.vue?vue&type=style&index=0&id=44983e89&prod&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  \"44983e89\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"text-primary text-contrasted d-flex align-items-center justify-content-center\"},[_c('b-spinner',{attrs:{\"small\":_vm.isSmall,\"variant\":\"light\"}}),(_vm.isWithText)?_c('strong',[_vm._v(\"Loading...\")]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <section class=\"text-primary text-contrasted d-flex align-items-center justify-content-center\">\r\n    <b-spinner\r\n      :small=\"isSmall\"\r\n      variant=\"light\"\r\n    />\r\n    <strong v-if=\"isWithText\">Loading...</strong>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'CustomLoading',\r\n  props: {\r\n    isSmall: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    isWithText: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>\r\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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomLoading.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!./CustomLoading.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CustomLoading.vue?vue&type=template&id=c858f4da&scoped=true\"\nimport script from \"./CustomLoading.vue?vue&type=script&lang=js\"\nexport * from \"./CustomLoading.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  \"c858f4da\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container\"},[_c('b-row',{staticClass:\"mt-5\"},[_c('b-col',{attrs:{\"cols\":\"8\",\"offset-lg\":\"2\"}},[_c('login-component')],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container\">\r\n    <b-row class=\"mt-5\">\r\n      <b-col\r\n        cols=\"8\"\r\n        offset-lg=\"2\"\r\n      >\r\n        <login-component />\r\n      </b-col>\r\n    </b-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport LoginComponent from '../../components/Layouts/components/Login';\r\n\r\nexport default {\r\n  components: { LoginComponent },\r\n  data() {\r\n    return {};\r\n  },\r\n  computed: {\r\n    isLogged() {\r\n      return this.$store.getters.isAuthenticated;\r\n    },\r\n  },\r\n  watch: {\r\n    isLogged: {\r\n      immediate: true,\r\n      handler(val) {\r\n        if (val) {\r\n          this.$router.push({ name: 'sports_prematch' }).catch(() => {});\r\n        }\r\n      },\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n</style>\r\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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.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!./Login.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Login.vue?vue&type=template&id=7ada7dea&scoped=true\"\nimport script from \"./Login.vue?vue&type=script&lang=js\"\nexport * from \"./Login.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  \"7ada7dea\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pk-form-input.vue?vue&type=style&index=0&id=580b1e8e&prod&lang=scss&scoped=true\""],"sourceRoot":""}