{"remainingRequest":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\vab\\components\\Logo\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\vab\\components\\Logo\\index.vue","mtime":1678954023499},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\babel.config.js","mtime":1681371897685},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1681371912860},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1681371925849}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgbWFwR2V0dGVycyB9IGZyb20gInZ1ZXgiOwppbXBvcnQgeyBsb2dvIH0gZnJvbSAiQC9jb25maWcvc2V0dGluZ3MiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIkxvZ28iLAoKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgdGl0bGU6IHRoaXMuJGJhc2VUaXRsZQogICAgfTsKICB9LAoKICBjb21wdXRlZDogeyAuLi5tYXBHZXR0ZXJzKHsKICAgICAgbG9nbzogInNldHRpbmdzL2xvZ28iLAogICAgICBsYXlvdXQ6ICJzZXR0aW5ncy9sYXlvdXQiLAogICAgICBlbnRlcnByaXNlOiAiTVVzZXIvZW50ZXJwcmlzZSIsCiAgICAgIHN0b3JlRGF0YTogIk1Vc2VyL3N0b3JlRGF0YSIKICAgIH0pCiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA;AACA;AAEA;EACAA,YADA;;EAEAC;IACA;MACAC;IADA;EAGA,CANA;;EAOAC,YACA;MACAC,qBADA;MAEAC,yBAFA;MAGAC,8BAHA;MAIAC;IAJA;EADA;AAPA","names":["name","data","title","computed","logo","layout","enterprise","storeData"],"sourceRoot":"src/vab/components/Logo","sources":["index.vue"],"sourcesContent":["<template>\n  <div :class=\"'logo-container-' + layout\">\n    <router-link to=\"/\">\n      <div class=\"logo\">\n        <div class=\"logo-in-div\">\n          <img class=\"logo-img\" :src=\"enterprise.logo\" alt=\"\" />\n        </div>\n        <!--        <vab-remix-icon v-if=\"logo\" :icon-class=\"logo\" is-svg />-->\n      </div>\n      <span\n        :class=\"{ 'hidden-xs-only': layout === 'horizontal' }\"\n        class=\"title\"\n      >\n        {{\n          systemType === 1\n            ? enterprise.enterpriseName\n            : systemType === 2\n            ? storeData.name\n            : storeData.merchantData.name\n        }}\n      </span>\n    </router-link>\n  </div>\n</template>\n<script>\n  import { mapGetters } from \"vuex\";\n  import { logo } from \"@/config/settings\";\n\n  export default {\n    name: \"Logo\",\n    data() {\n      return {\n        title: this.$baseTitle,\n      };\n    },\n    computed: {\n      ...mapGetters({\n        logo: \"settings/logo\",\n        layout: \"settings/layout\",\n        enterprise: \"MUser/enterprise\",\n        storeData: \"MUser/storeData\",\n      }),\n    },\n  };\n</script>\n<style lang=\"scss\" scoped>\n  @mixin container {\n    position: relative;\n    height: $base-top-bar-height;\n    overflow: hidden;\n    line-height: $base-top-bar-height;\n    background: transparent;\n  }\n\n  @mixin logo {\n    display: inline-block;\n    width: 32px;\n    height: 32px;\n    color: $base-title-color;\n    vertical-align: middle;\n  }\n\n  @mixin title {\n    display: inline-block;\n    overflow: hidden;\n    font-size: 18px;\n    line-height: 55px;\n    color: $base-title-color;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    vertical-align: middle;\n  }\n\n  .logo-container-horizontal,\n  .logo-container-common {\n    @include container;\n\n    .logo {\n      svg {\n        @include logo;\n      }\n    }\n\n    .title {\n      @include title;\n    }\n  }\n\n  .logo-container-vertical,\n  .logo-container-gallery,\n  .logo-container-comprehensive {\n    @include container;\n\n    height: $base-logo-height;\n    line-height: $base-logo-height;\n    text-align: center;\n\n    .logo {\n      svg {\n        @include logo;\n      }\n    }\n\n    .title {\n      @include title;\n\n      max-width: calc(#{$base-left-menu-width} - 60px);\n    }\n  }\n\n  .logo-container-gallery {\n    background: $base-gallery-second-menu-background !important;\n\n    .logo {\n      position: fixed;\n      top: 0;\n      display: block;\n      width: $base-left-menu-width-min;\n      height: $base-logo-height;\n      margin: 0;\n      background: $base-gallery-first-menu-background;\n    }\n\n    .title {\n      padding-right: 15px;\n      padding-left: 15px;\n      margin-left: $base-left-menu-width-min;\n      color: $base-color-black !important;\n\n      @include title;\n\n      background: $base-gallery-second-menu-background !important;\n    }\n  }\n  .logo-in-div {\n    width: 40px;\n    height: 40px;\n    background-color: #fff;\n    border-radius: 100%;\n    line-height: 40px;\n    margin: 10px auto 0;\n    transform: translateX(-3px);\n    overflow: hidden;\n    .logo-img {\n      width: 40px;\n      display: inline-block;\n      vertical-align: middle;\n      transform: translateY(-1px);\n    }\n  }\n</style>\n"]}]}