{"version":3,"sources":["webpack:///./src/pages/profile/ViewProfileIndex.vue?0806","webpack:///src/pages/profile/ViewProfileIndex.vue","webpack:///./src/pages/profile/ViewProfileIndex.vue?e5b0","webpack:///./src/pages/profile/ViewProfileIndex.vue","webpack:///./src/pages/profile/ViewProfileIndex.vue?29fc"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_l","$options","tab","key","name","class","active","currentTab","hidden","on","$event","_v","_s","text","currentTabComponent","tag","_e","staticRenderFns","components","AppContentTitleBackHome","ProfileSettings","ProfileNotifications","ProfileDigitalSignature","ProfileHistoryIp","ProfileLoyaltyProgram","SvgIcon","AppLoader","data","computed","created","TABS","component"],"mappings":"+IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,8BAA8B,CAACG,MAAM,CAAC,MAAQ,iBAAiBH,EAAG,MAAM,CAACE,YAAY,gBAAgBN,EAAIQ,GAAIR,EAAIS,SAAa,MAAE,SAASC,GAAK,OAAON,EAAG,SAAS,CAACO,IAAID,EAAIE,KAAKC,MAAM,CAC7T,oBACA,CAAEC,OAAQd,EAAIe,aAAeL,EAAIE,KAAMI,OAAQN,EAAIM,SAAWC,GAAG,CAAC,MAAQ,SAASC,GAAQlB,EAAIe,WAAaL,EAAIE,QAAQ,CAACZ,EAAImB,GAAG,IAAInB,EAAIoB,GAAGV,EAAIW,MAAM,UAAS,GAAGjB,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,aAAa,CAACA,EAAGJ,EAAIsB,oBAAoB,CAACC,IAAI,YAAYjB,YAAY,wBAAwB,IAAI,GAAIN,EAAa,UAAEI,EAAG,aAAa,CAACG,MAAM,CAAC,SAAW,GAAG,WAAa,MAAMP,EAAIwB,MAAM,IACxYC,EAAkB,GC0BtB,G,UAAA,CACEb,KAAM,mBACNc,WAAY,CACVC,wBAAyB,WAA7B,OACA,iDACIC,gBAAiB,WAArB,OACA,iDACIC,qBAAsB,WAA1B,OACA,iDACIC,wBAAyB,WAA7B,OACA,iDACIC,iBAAkB,WAAtB,OACA,iDACIC,sBAAuB,WAA3B,OACA,iDACIC,QAAS,WAAb,wDACIC,UAAW,WAAf,yDAEEC,KAAM,WAAR,OACA,aACA,gCAEEC,SAAU,CACRd,oBADJ,WAEM,OAAOrB,KAAKc,aAGhBsB,QA3BF,WA4BIpC,KAAKQ,SAAS6B,KAAO,CACzB,CAAM,KAAN,oBAAM,KAAN,mBAAM,QAAN,GACA,CACM,KAAN,cACM,KAAN,wBACM,QAAN,mBAEA,CACM,KAAN,mBACM,KAAN,4BACM,QAAN,mBAEA,CAAM,KAAN,aAAM,KAAN,qBAAM,QAAN,GACA,CACM,KAAN,uBACM,KAAN,0BACM,QAAN,uBCzEyW,I,wBCQrWC,EAAY,eACd,EACAxC,EACA0B,GACA,EACA,KACA,KACA,MAIa,aAAAc,E,6CCnBf,yBAA0iB,EAAG","file":"js/profile.index.2a09d07d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"view-profile-index\"},[_c('app-content-title-back-home',{attrs:{\"title\":\"Мой профиль\"}}),_c('div',{staticClass:\"app-nav__tab\"},_vm._l((_vm.$options.TABS),function(tab){return _c('button',{key:tab.name,class:[\n        'app-nav__tab-item',\n        { active: _vm.currentTab === tab.name, hidden: tab.hidden } ],on:{\"click\":function($event){_vm.currentTab = tab.name}}},[_vm._v(\" \"+_vm._s(tab.text)+\" \")])}),0),_c('div',{staticClass:\"app-nav__pane\"},[_c('keep-alive',[_c(_vm.currentTabComponent,{tag:\"component\",staticClass:\"app-nav__pane-item\"})],1)],1),(_vm.isLoading)?_c('app-loader',{attrs:{\"isCircle\":\"\",\"isAbsolute\":\"\"}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"view-profile-index\">\n    <app-content-title-back-home title=\"Мой профиль\" />\n    <div class=\"app-nav__tab\">\n      <button\n        v-for=\"tab in $options.TABS\"\n        :key=\"tab.name\"\n        :class=\"[\n          'app-nav__tab-item',\n          { active: currentTab === tab.name, hidden: tab.hidden },\n        ]\"\n        @click=\"currentTab = tab.name\"\n      >\n        {{ tab.text }}\n      </button>\n    </div>\n    <div class=\"app-nav__pane\">\n      <keep-alive>\n        <component\n          v-bind:is=\"currentTabComponent\"\n          class=\"app-nav__pane-item\"\n        ></component>\n      </keep-alive>\n    </div>\n\n    <app-loader v-if=\"isLoading\" isCircle isAbsolute></app-loader>\n  </div>\n</template>\n<script>\nexport default {\n  name: 'ViewProfileIndex',\n  components: {\n    AppContentTitleBackHome: () =>\n      import('@/components/common/AppContentTitleBackHome.vue'),\n    ProfileSettings: () =>\n      import('@/pages/profile/components/ViewProfileSettings'),\n    ProfileNotifications: () =>\n      import('@/pages/profile/components/ViewProfileNotifications'),\n    ProfileDigitalSignature: () =>\n      import('@/pages/profile/components/ViewProfileDigitalSignature'),\n    ProfileHistoryIp: () =>\n      import('@/pages/profile/components/ViewProfileHistoryIp'),\n    ProfileLoyaltyProgram: () =>\n      import('@/pages/profile/components/ViewProfileLoyaltyProgram'),\n    SvgIcon: () => import('@/components/common/AppSvgIcon.vue'),\n    AppLoader: () => import('@/components/ui/AppLoader'),\n  },\n  data: () => ({\n    isLoading: false,\n    currentTab: 'profile-settings',\n  }),\n  computed: {\n    currentTabComponent() {\n      return this.currentTab;\n    },\n  },\n  created() {\n    this.$options.TABS = [\n      { text: 'Настройки профиля', name: 'profile-settings', hidden: false },\n      {\n        text: 'Уведомления',\n        name: 'profile-notifications',\n        hidden: !this.$development,\n      },\n      {\n        text: 'Цифровая подпись',\n        name: 'profile-digital-signature',\n        hidden: !this.$development,\n      },\n      { text: 'История IP', name: 'profile-history-ip', hidden: false },\n      {\n        text: 'Программа лояльности',\n        name: 'profile-loyalty-program',\n        hidden: !this.$development,\n      },\n    ];\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.view-profile-index {\n  &__title {\n    margin-bottom: 20px;\n  }\n}\n\n.view-profile-remove {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin: 30px 0 0;\n\n  @include media-xs() {\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: flex-start;\n    padding: 0 30px;\n  }\n\n  &__text {\n    margin: 0 30px 0 0;\n    font-size: rem(10);\n    line-height: 1.5;\n    color: $color-black;\n    text-align: right;\n    opacity: 0.5;\n\n    @include media-xs() {\n      margin: 0 0 20px;\n      text-align: left;\n    }\n  }\n\n  &__link {\n    display: flex;\n    align-items: center;\n    font-size: rem(13);\n    line-height: 150%;\n    color: $color-black;\n    text-decoration: none;\n    white-space: nowrap;\n    opacity: 0.5;\n    transition: opacity $A;\n\n    &:hover {\n      opacity: 1;\n    }\n  }\n\n  &__icon {\n    width: 30px;\n    height: 30px;\n    fill: $color-black;\n  }\n}\n\n.app-nav {\n  &__tab {\n    display: flex;\n    align-items: stretch;\n    justify-content: flex-start;\n\n    &-item {\n      @include button-reset;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 20px 35px;\n      margin: 0 10px 0 0;\n      font-size: rem(11);\n      line-height: 13px;\n      color: #989898;\n      text-align: center;\n      text-transform: uppercase;\n      letter-spacing: 0.02em;\n      border: 1px solid #e8e8e8;\n      border-radius: 4px;\n      transition: all 0.2s linear;\n\n      &:hover {\n        color: $color-black;\n        background: #eee;\n      }\n\n      &.active {\n        color: $color-black;\n        background: $color-white;\n        border-color: $color-white;\n      }\n\n      &.hidden {\n        display: none;\n      }\n    }\n  }\n\n  &__pane {\n    position: relative;\n    margin-top: -4px;\n\n    &-item {\n      padding: 40px;\n      background: $color-white;\n      border-radius: 2px;\n    }\n  }\n}\n\n@include media-sm() {\n  .app-nav {\n    &__tab {\n      flex-wrap: nowrap;\n      width: 100%;\n      overflow: auto;\n\n      &-item {\n        padding: 15px 25px;\n        margin: 0 10px 0 0;\n        font-size: rem(10);\n      }\n    }\n  }\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!./ViewProfileIndex.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!./ViewProfileIndex.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ViewProfileIndex.vue?vue&type=template&id=1611e6c7&\"\nimport script from \"./ViewProfileIndex.vue?vue&type=script&lang=js&\"\nexport * from \"./ViewProfileIndex.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ViewProfileIndex.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/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!./ViewProfileIndex.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../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!./ViewProfileIndex.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}