@phoenix-cg/v-tabs 0.1.14 → 0.1.16

package/dist/v-tabs.common.js

@@ -5745,15 +5745,15 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b39c45c6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/VTabs.vue?vue&type=template&id=5813228e&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"293500e2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/VTabs.vue?vue&type=template&id=5baf6b67&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"v-tabs",class:[("__" + _vm.direction)]},[_c('div',{staticClass:"v-tabs_inner"},_vm._l((_vm.list),function(tab){return _c('div',{key:tab[_vm.trackBy],ref:"tabs",refInFor:true,staticClass:"v-tabs_tab",class:{
         __active: _vm.value && _vm.value[_vm.trackBy] === tab[_vm.trackBy],
         _disabled: tab && tab._disabled
-      },on:{"click":function($event){return _vm.handleTabSelect(tab, $event)}}},[_vm._t("single-tab",function(){return [(_vm.wrapTitle)?[_c('div',{staticClass:"v-tabs_tab_title"},[_vm._v(" "+_vm._s(tab[_vm.label] || "")+" ")])]:[_vm._v(" "+_vm._s(tab[_vm.label] || "")+" ")]]},{"tab":tab})],2)}),0),(_vm.withSlider)?_c('div',{staticClass:"v-tabs_slider",style:(_vm.sliderStyle)}):_vm._e()])}
+      },attrs:{"data-id":tab[_vm.trackBy]},on:{"click":function($event){return _vm.handleTabSelect(tab, $event)}}},[_vm._t("single-tab",function(){return [(_vm.wrapTitle)?[_c('div',{staticClass:"v-tabs_tab_title"},[_vm._v(" "+_vm._s(tab[_vm.label] || "")+" ")])]:[_vm._v(" "+_vm._s(tab[_vm.label] || "")+" ")]]},{"tab":tab})],2)}),0),(_vm.withSlider)?_c('div',{staticClass:"v-tabs_slider",style:(_vm.sliderStyle)}):_vm._e()])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/VTabs.vue?vue&type=template&id=5813228e&
+// CONCATENATED MODULE: ./src/components/VTabs.vue?vue&type=template&id=5baf6b67&
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
 function _arrayWithHoles(arr) {
@@ -5963,6 +5963,7 @@ var es_array_find = __webpack_require__("7db0");
 //
 //
 //
+//
 /* harmony default export */ var VTabsvue_type_script_lang_js_ = ({
   props: {
     direction: {
@@ -6006,6 +6007,11 @@ var es_array_find = __webpack_require__("7db0");
       sliderStyle: {}
     };
   },
+  watch: {
+    value: function value() {
+      this.withSlider && this.calcSlider();
+    }
+  },
   mounted: function mounted() {
     var _this = this;
 
@@ -6020,11 +6026,6 @@ var es_array_find = __webpack_require__("7db0");
       tab && this.handleTabSelect(tab);
     }
   },
-  watch: {
-    value: function value() {
-      this.withSlider && this.calcSlider();
-    }
-  },
   methods: {
     handleTabSelect: function handleTabSelect(tab) {
       this.$emit('input', tab);
@@ -6034,7 +6035,7 @@ var es_array_find = __webpack_require__("7db0");
       var _this2 = this;
 
       return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        var _this2$$el$getBoundin, tabsLeft, _this2$$el$getElement, _this2$$el$getElement2, currentTabEl, _currentTabEl$getBoun, currentTabLeft, width, widthTabs, screenWidth, tabsLeftScroll, leftPoisiton;
+        var _this2$$el$getBoundin, tabsLeft, _this2$$el$getElement, _this2$$el$getElement2, currentTabEl, _currentTabEl$getBoun, currentTabLeft, width, tabsLeftScroll, leftPoisiton;
 
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
@@ -6055,23 +6056,14 @@ var es_array_find = __webpack_require__("7db0");
                 _this2$$el$getBoundin = _this2.$el.getBoundingClientRect(), tabsLeft = _this2$$el$getBoundin.left;
                 _this2$$el$getElement = _this2.$el.getElementsByClassName('__active'), _this2$$el$getElement2 = _slicedToArray(_this2$$el$getElement, 1), currentTabEl = _this2$$el$getElement2[0];
                 _currentTabEl$getBoun = currentTabEl.getBoundingClientRect(), currentTabLeft = _currentTabEl$getBoun.left, width = _currentTabEl$getBoun.width;
-                widthTabs = _this2.$el.scrollWidth;
-                screenWidth = window.innerWidth;
                 tabsLeftScroll = _this2.$el.scrollLeft;
-                leftPoisiton = null;
-
-                if (widthTabs > screenWidth) {
-                  leftPoisiton = currentTabLeft + tabsLeftScroll - tabsLeft;
-                } else {
-                  leftPoisiton = currentTabLeft - tabsLeft;
-                }
-
+                leftPoisiton = currentTabLeft + tabsLeftScroll - tabsLeft;
                 _this2.sliderStyle = {
                   transform: "translateX(".concat(leftPoisiton, "px)"),
                   width: "".concat(width, "px")
                 };
 
-              case 13:
+              case 10:
               case "end":
                 return _context.stop();
             }