@extscreen/es-core 2.2.62 → 2.2.64

package/dist/index.js

@@ -1123,6 +1123,7 @@ class ESModule {
         pageTag: params.pageTag,
         pageLimit: params.pageLimit,
         backgroundColor: params.backgroundColor,
+        splash: params.splash,
       });
   }
 
@@ -2052,11 +2053,6 @@ var ESUsbDevice = {
  */
 class ESMMapModule {
 
-  initESPackageName(packageName) {
-    return Vue.Native.callNativeWithPromise('AndroidMMapModule', 'initESPackageName',
-      packageName);
-  }
-
   //
   getBoolean(packageName, key, defValue) {
     return Vue.Native.callNativeWithPromise('AndroidMMapModule', 'getBoolean',
@@ -2126,6 +2122,92 @@ class ESMMapModule {
 
 var ESMMapModule$1 = new ESMMapModule();
 
+/**
+ *
+ */
+
+class ESManager {
+
+  _esSdkVersionCode = null;
+  _esSdkVersionName = null;
+  _esSdkPackageName = null;
+  _esMiniProgramPath = null;
+  _esKitVersionCode = -1;
+  _esSdkSchemes = [];
+  _runtimePath = null;
+
+  _esSdkInfo = null;
+
+
+  init() {
+    return Promise.resolve()
+      .then(() => this.initESInfoPromise())
+  }
+
+  initESInfoPromise() {
+    return ESModule$1.getESSDKInfo()
+      .then((result) => {
+          this._esSdkInfo = result;
+          if (result) {
+            this._esSdkVersionCode = result.versionCode;
+            this._esSdkVersionName = result.versionName;
+            this._esSdkPackageName = result.packageName;
+            this._esMiniProgramPath = result.miniProgramPath;
+            this._esSdkSchemes = result.schemes;
+            if (result.eskit_ver_code) {
+              this._esKitVersionCode = result.eskit_ver_code;
+            }
+            //
+            this._runtimePath = result.runtimePath;
+          }
+          return Promise.resolve();
+        }
+      );
+  }
+
+  getESSDKInfo() {
+    return this._esSdkInfo;
+  }
+
+  getESSDKVersionCode() {
+    return this._esKitVersionCode;
+  }
+
+  getESSDKVersionName() {
+    return this._esSdkVersionName;
+  }
+
+  getESPackageName() {
+    return this._esSdkPackageName;
+  }
+
+  getESVersionCode() {
+    return this._esSdkVersionCode;
+  }
+
+  getESVersionName() {
+    return this._esSdkVersionName;
+  }
+
+  getESMiniProgramPath() {
+    return this._esMiniProgramPath;
+  }
+
+  getESAppPath() {
+    return this._esMiniProgramPath;
+  }
+
+  getESAppRuntimePath() {
+    return this._runtimePath;
+  }
+
+  getESSDKSupportSchemes() {
+    return this._esSdkSchemes;
+  }
+}
+
+var ESManager$1 = new ESManager();
+
 /**
  *
  */
@@ -2135,6 +2217,7 @@ class ESMMapManager {
   _packageName = "";
 
   init() {
+    this._packageName = ESManager$1.getESPackageName();
     return Promise.resolve();
   }
 
@@ -2142,12 +2225,7 @@ class ESMMapManager {
     return this._packageName;
   }
 
-  initESPackageName(packageName) {
-    this._packageName = packageName;
-    return ESMMapModule$1.initESPackageName(packageName);
-  }
-
-  //-----------------------------------------------------------
+  //---------------------------操作自己的共享内存--------------------------------
   //
   getBoolean(key, defValue) {
     return ESMMapModule$1.getBoolean(this.getPackageName(), key, defValue);
@@ -2202,7 +2280,7 @@ class ESMMapManager {
     return ESMMapModule$1.putMap(this.getPackageName(), key, value, mode);
   }
 
-  //---------------------------------------------------------------
+  //----------------------------操作其他APP的共享内存-----------------------------------
   //
   getSharedBoolean(packageName, key, defValue) {
     return ESMMapModule$1.getBoolean(packageName, key, defValue);
@@ -2301,88 +2379,6 @@ class ESDisplayManager {
 
 var ESDisplayManager$1 = new ESDisplayManager();
 
-/**
- *
- */
-
-class ESManager {
-
-  _esSdkVersionCode = null;
-  _esSdkVersionName = null;
-  _esSdkPackageName = null;
-  _esMiniProgramPath = null;
-  _esKitVersionCode = -1;
-  _esSdkSchemes = [];
-  _runtimePath = null;
-
-  _esSdkInfo = null;
-
-
-  init() {
-    return Promise.resolve()
-      .then(() => this.initESInfoPromise())
-  }
-
-  initESInfoPromise() {
-    return ESModule$1.getESSDKInfo()
-      .then((result) => {
-          this._esSdkInfo = result;
-          if (result) {
-            this._esSdkVersionCode = result.versionCode;
-            this._esSdkVersionName = result.versionName;
-            this._esSdkPackageName = result.packageName;
-            this._esMiniProgramPath = result.miniProgramPath;
-            this._esSdkSchemes = result.schemes;
-            if (result.eskit_ver_code) {
-              this._esKitVersionCode = result.eskit_ver_code;
-            }
-            //
-            this._runtimePath = result.runtimePath;
-          }
-          return Promise.resolve();
-        }
-      );
-  }
-
-  getESSDKInfo() {
-    return this._esSdkInfo;
-  }
-
-  getESSDKVersionCode() {
-    return this._esKitVersionCode;
-  }
-
-  getESSDKVersionName() {
-    return this._esSdkVersionName;
-  }
-
-  getESPackageName() {
-    return this._esSdkPackageName;
-  }
-
-  getESVersionCode() {
-    return this._esSdkVersionCode;
-  }
-
-  getESVersionName() {
-    return this._esSdkVersionName;
-  }
-
-  getESMiniProgramPath() {
-    return this._esMiniProgramPath;
-  }
-
-  getESAppRuntimePath() {
-    return this._runtimePath;
-  }
-
-  getESSDKSupportSchemes() {
-    return this._esSdkSchemes;
-  }
-}
-
-var ESManager$1 = new ESManager();
-
 const ES_SDK_VERSION_20 = -1;
 const ES_SDK_VERSION_21 = 2.1;
 const ES_SDK_VERSION_22 = 2.2;
@@ -4212,165 +4208,2192 @@ staticRenderFns: [],
     },
     getSeekBarMode() {
       return this.seekBarMode;
-    }
-  }
-};
-
-function ESSeekBarViewComponent() {
-  //
-  Vue.component(ESSeekBar.name, ESSeekBar);
-  //
-  Vue.registerElement('TVSeekBarViewComponent', {
-    component: {
-      name: 'TVSeekBarViewComponent',
-      processEventData(event, nativeEventName, nativeEventParams) {
-        switch (nativeEventName) {
-          case 'onFocus':
-            event.isFocused = nativeEventParams.isFocused;
-            break;
-          case 'onSeekBarChange':
-            event.fromUser = nativeEventParams.fromUser;
-            event.progress = nativeEventParams.progress;
-            break;
-        }
-        return event;
-      },
     },
-  });
-
-  Vue.component('es-seek-bar-view-component', {
-
-    methods: {
-      setMaxProgress(progress) {
-        Vue.Native.callUIFunction(this.$refs.seekBar,
-          'setMaxProgress', [progress], (res) => {
-          });
-      },
-      setProgress(progress) {
-        Vue.Native.callUIFunction(this.$refs.seekBar,
-          'setProgress', [progress], (res) => {
-          });
-      },
-      setSecondProgress(progress) {
-        Vue.Native.callUIFunction(this.$refs.seekBar,
-          'setSecondProgress', [progress], (res) => {
-          });
-      },
-      show(value) {
-        Vue.Native.callUIFunction(this.$refs.seekBar,
-          'show', [value], (res) => {
-          });
-      },
-      onFocusChange(evt) {
-        this.$emit('focus', evt);
-      },
-      onSeekBarChange(evt) {
-        this.$emit('seek-change', evt);
-      },
-
+    //----------------------------------------------------------
+    invalidateSeekBar() {
+      this.$refs.es_seek_bar.invalidateSeekBar();
     },
-
-    render(h) {
-      const on = getEventRedirector.call(this, [
-        ['focus', 'focusChange'],
-        ['seek-change', 'seekBarChange'],
-      ]);
-      return h('TVSeekBarViewComponent',
-        {
-          on,
-          ref: 'seekBar',
-        }, this.$slots.default);
+    setFocusable(focusable) {
+      this.$refs.es_seek_bar.setFocusable(focusable);
     },
-  });
-}
-
-var ESProgressBar = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('es-progress-bar-view-component',{ref:"es_progress_bar",attrs:{"maxProgress":_vm.maxProgress,"progress":_vm.progress,"secondProgress":_vm.secondaryProgress,"backgroundColor":_vm.backgroundColor,"secondColor":_vm.secondaryColor,"cornerRadius":_vm.cornerRadius,"color":_vm.primaryColor}})},
-staticRenderFns: [],
-  name: "ProgressBar",
-  props: {
-    maxProgress: {
-      type: Number,
-      default: 0
+    setClickable(clickable) {
+      this.$refs.es_seek_bar.setClickable(clickable);
     },
-    progress: {
-      type: Number,
-      default: 0
+    requestFocus() {
+      this.$refs.es_seek_bar.requestFocus();
     },
-    secondaryProgress: {
-      type: Number,
-      default: 0
+    requestLayout() {
+      this.$refs.es_seek_bar.requestLayout();
     },
-    primaryColor: {
-      type: Object,
-      default: {}
+    invalidate() {
+      this.$refs.es_seek_bar.invalidate();
     },
-    backgroundColor: {
-      type: String,
-      default: '#00000000'
+    setVisible(visible) {
+      this.$refs.es_seek_bar.setVisible(visible);
     },
-    secondaryColor: {
-      type: String,
-      default: '#00000000'
+    setLeftSeekBarVisible(visible) {
+      this.$refs.es_seek_bar.setLeftSeekBarVisible(visible);
     },
-    cornerRadius: {
-      type: Number,
-      default: 0
+    setRightSeekBarVisible(visible) {
+      this.$refs.es_seek_bar.setRightSeekBarVisible(visible);
     },
-  },
-  methods: {
-    setMaxProgress(progress) {
-      this.$refs.es_progress_bar.setMaxProgress(progress);
+    setSeekBarMode(mode) {
+      this.$refs.es_seek_bar.setSeekBarMode(mode);
     },
-    setProgress(progress) {
-      this.$refs.es_progress_bar.setProgress(progress);
+    setRangeProgress(leftValue, rightValue) {
+      this.$refs.es_seek_bar.setRangeProgress(leftValue, rightValue);
     },
-    setSecondProgress(progress) {
-      this.$refs.es_progress_bar.setSecondProgress(progress);
+    getProgress() {
+      this.$refs.es_seek_bar.getProgress();
     },
-    show(value) {
-      this.$refs.es_progress_bar.show(value);
+    getLeftProgress() {
+      this.$refs.es_seek_bar.getLeftProgress();
+    },
+    getRightProgress() {
+      this.$refs.es_seek_bar.getRightProgress();
+    },
+    setRange(min, max, minInterval) {
+      this.$refs.es_seek_bar.setRange(min, max, minInterval);
+    },
+    setGravity(gravity) {
+      this.$refs.es_seek_bar.setGravity(gravity);
+    },
+    setProgressWidth(progressWidth) {
+      this.$refs.es_seek_bar.setProgressWidth(progressWidth);
+    },
+    setProgressHeight(progressHeight) {
+      this.$refs.es_seek_bar.setProgressHeight(progressHeight);
+    },
+    setProgressRadius(progressRadius) {
+      this.$refs.es_seek_bar.setProgressRadius(progressRadius);
+    },
+    setProgressColor(progressColor) {
+      this.$refs.es_seek_bar.setProgressColor(progressColor);
+    },
+    setProgressDefaultColor(defaultProgressColor) {
+      this.$refs.es_seek_bar.setProgressDefaultColor(defaultProgressColor);
+    },
+    setProgressDrawable(progressDrawable) {
+      this.$refs.es_seek_bar.setProgressDrawable(progressDrawable);
+    },
+    setProgressDefaultDrawable(progressDefaultDrawable) {
+      this.$refs.es_seek_bar.setProgressDefaultDrawable(progressDefaultDrawable);
+    },
+    setProgressUrl(progressUrl) {
+      this.$refs.es_seek_bar.setProgressUrl(progressUrl);
+    },
+    setProgressDefaultUrl(progressDefaultUrl) {
+      this.$refs.es_seek_bar.setProgressDefaultUrl(progressDefaultUrl);
+    },
+    showIndicator(showIndicator) {
+      this.$refs.es_seek_bar.showIndicator(showIndicator);
+    },
+    showLeftIndicator(showLeftIndicator) {
+      this.$refs.es_seek_bar.showLeftIndicator(showLeftIndicator);
+    },
+    showRightIndicator(showRightIndicator) {
+      this.$refs.es_seek_bar.showRightIndicator(showRightIndicator);
+    },
+    setIndicatorShowMode(indicatorShowMode) {
+      this.$refs.es_seek_bar.setIndicatorShowMode(indicatorShowMode);
+    },
+    setLeftIndicatorShowMode(indicatorShowMode) {
+      this.$refs.es_seek_bar.setLeftIndicatorShowMode(indicatorShowMode);
+    },
+    setRightIndicatorShowMode(indicatorShowMode) {
+      this.$refs.es_seek_bar.setRightIndicatorShowMode(indicatorShowMode);
+    },
+    setIndicatorWidth(indicatorWidth) {
+      this.$refs.es_seek_bar.setIndicatorWidth(indicatorWidth);
+    },
+    setLeftIndicatorWidth(indicatorWidth) {
+      this.$refs.es_seek_bar.setLeftIndicatorWidth(indicatorWidth);
+    },
+    setRightIndicatorWidth(indicatorWidth) {
+      this.$refs.es_seek_bar.setRightIndicatorWidth(indicatorWidth);
+    },
+    setIndicatorHeight(indicatorHeight) {
+      this.$refs.es_seek_bar.setIndicatorHeight(indicatorHeight);
+    },
+    setLeftIndicatorHeight(indicatorHeight) {
+      this.$refs.es_seek_bar.setLeftIndicatorHeight(indicatorHeight);
+    },
+    setRightIndicatorHeight(indicatorHeight) {
+      this.$refs.es_seek_bar.setRightIndicatorHeight(indicatorHeight);
+    },
+    setIndicatorTextDecimalFormat(formatPattern) {
+      this.$refs.es_seek_bar.setIndicatorTextDecimalFormat(formatPattern);
+    },
+    setLeftIndicatorTextDecimalFormat(formatPattern) {
+      this.$refs.es_seek_bar.setLeftIndicatorTextDecimalFormat(formatPattern);
+    },
+    setRightIndicatorTextDecimalFormat(formatPattern) {
+      this.$refs.es_seek_bar.setRightIndicatorTextDecimalFormat(formatPattern);
+    },
+    setIndicatorTextStringFormat(formatPattern) {
+      this.$refs.es_seek_bar.setIndicatorTextStringFormat(formatPattern);
+    },
+    setLeftIndicatorTextStringFormat(formatPattern) {
+      this.$refs.es_seek_bar.setLeftIndicatorTextStringFormat(formatPattern);
+    },
+    setRightIndicatorTextStringFormat(formatPattern) {
+      this.$refs.es_seek_bar.setRightIndicatorTextStringFormat(formatPattern);
+    },
+    setIndicatorMargin(indicatorMargin) {
+      this.$refs.es_seek_bar.setIndicatorMargin(indicatorMargin);
+    },
+    setLeftIndicatorMargin(indicatorMargin) {
+      this.$refs.es_seek_bar.setLeftIndicatorMargin(indicatorMargin);
+    },
+    setRightIndicatorMargin(indicatorMargin) {
+      this.$refs.es_seek_bar.setRightIndicatorMargin(indicatorMargin);
+    },
+    setIndicatorPaddingBottom(indicatorPaddingBottom) {
+      this.$refs.es_seek_bar.setIndicatorPaddingBottom(indicatorPaddingBottom);
+    },
+    setLeftIndicatorPaddingBottom(indicatorPaddingBottom) {
+      this.$refs.es_seek_bar.setLeftIndicatorPaddingBottom(indicatorPaddingBottom);
+    },
+    setRightIndicatorPaddingBottom(indicatorPaddingBottom) {
+      this.$refs.es_seek_bar.setRightIndicatorPaddingBottom(indicatorPaddingBottom);
+    },
+    setIndicatorPaddingTop(indicatorPaddingTop) {
+      this.$refs.es_seek_bar.setIndicatorPaddingTop(indicatorPaddingTop);
+    },
+    setLeftIndicatorPaddingTop(indicatorPaddingTop) {
+      this.$refs.es_seek_bar.setLeftIndicatorPaddingTop(indicatorPaddingTop);
+    },
+    setRightIndicatorPaddingTop(indicatorPaddingTop) {
+      this.$refs.es_seek_bar.setRightIndicatorPaddingTop(indicatorPaddingTop);
+    },
+    setIndicatorPaddingLeft(indicatorPaddingLeft) {
+      this.$refs.es_seek_bar.setIndicatorPaddingLeft(indicatorPaddingLeft);
+    },
+    setLeftIndicatorPaddingLeft(indicatorPaddingLeft) {
+      this.$refs.es_seek_bar.setLeftIndicatorPaddingLeft(indicatorPaddingLeft);
+    },
+    setRightIndicatorPaddingLeft(indicatorPaddingLeft) {
+      this.$refs.es_seek_bar.setRightIndicatorPaddingLeft(indicatorPaddingLeft);
+    },
+    setIndicatorPaddingRight(indicatorPaddingRight) {
+      this.$refs.es_seek_bar.setIndicatorPaddingRight(indicatorPaddingRight);
+    },
+    setLeftIndicatorPaddingRight(indicatorPaddingRight) {
+      this.$refs.es_seek_bar.setLeftIndicatorPaddingRight(indicatorPaddingRight);
+    },
+    setRightIndicatorPaddingRight(indicatorPaddingRight) {
+      this.$refs.es_seek_bar.setRightIndicatorPaddingRight(indicatorPaddingRight);
+    },
+    setIndicatorBackgroundColor(indicatorBackgroundColor) {
+      this.$refs.es_seek_bar.setIndicatorBackgroundColor(indicatorBackgroundColor);
+    },
+    setLeftIndicatorBackgroundColor(indicatorBackgroundColor) {
+      this.$refs.es_seek_bar.setLeftIndicatorBackgroundColor(indicatorBackgroundColor);
+    },
+    setRightIndicatorBackgroundColor(indicatorBackgroundColor) {
+      this.$refs.es_seek_bar.setRightIndicatorBackgroundColor(indicatorBackgroundColor);
+    },
+    setIndicatorRadius(indicatorRadius) {
+      this.$refs.es_seek_bar.setIndicatorRadius(indicatorRadius);
+    },
+    setLeftIndicatorRadius(indicatorRadius) {
+      this.$refs.es_seek_bar.setLeftIndicatorRadius(indicatorRadius);
+    },
+    setRightIndicatorRadius(indicatorRadius) {
+      this.$refs.es_seek_bar.setRightIndicatorRadius(indicatorRadius);
+    },
+    setIndicatorTextSize(indicatorTextSize) {
+      this.$refs.es_seek_bar.setIndicatorTextSize(indicatorTextSize);
+    },
+    setLeftIndicatorTextSize(indicatorTextSize) {
+      this.$refs.es_seek_bar.setLeftIndicatorTextSize(indicatorTextSize);
+    },
+    setRightIndicatorTextSize(indicatorTextSize) {
+      this.$refs.es_seek_bar.setRightIndicatorTextSize(indicatorTextSize);
+    },
+    setIndicatorTextColor(indicatorTextColor) {
+      this.$refs.es_seek_bar.setIndicatorTextColor(indicatorTextColor);
+    },
+    setLeftIndicatorTextColor(indicatorTextColor) {
+      this.$refs.es_seek_bar.setLeftIndicatorTextColor(indicatorTextColor);
+    },
+    setRightIndicatorTextColor(indicatorTextColor) {
+      this.$refs.es_seek_bar.setRightIndicatorTextColor(indicatorTextColor);
+    },
+    setIndicatorArrowSize(indicatorArrowSize) {
+      this.$refs.es_seek_bar.setIndicatorArrowSize(indicatorArrowSize);
+    },
+    setLeftIndicatorArrowSize(indicatorArrowSize) {
+      this.$refs.es_seek_bar.setLeftIndicatorArrowSize(indicatorArrowSize);
+    },
+    setRightIndicatorArrowSize(indicatorArrowSize) {
+      this.$refs.es_seek_bar.setRightIndicatorArrowSize(indicatorArrowSize);
+    },
+    setIndicatorDrawable(indicatorDrawable) {
+      this.$refs.es_seek_bar.setIndicatorDrawable(indicatorDrawable);
+    },
+    setLeftIndicatorDrawable(leftIndicatorDrawable) {
+      this.$refs.es_seek_bar.setLeftIndicatorDrawable(leftIndicatorDrawable);
+    },
+    setRightIndicatorDrawable(rightIndicatorDrawable) {
+      this.$refs.es_seek_bar.setRightIndicatorDrawable(rightIndicatorDrawable);
+    },
+    setIndicatorUrl(indicatorUrl) {
+      this.$refs.es_seek_bar.setIndicatorUrl(indicatorUrl);
+    },
+    setLeftIndicatorUrl(leftIndicatorUrl) {
+      this.$refs.es_seek_bar.setLeftIndicatorUrl(leftIndicatorUrl);
+    },
+    setRightIndicatorUrl(rightIndicatorUrl) {
+      this.$refs.es_seek_bar.setRightIndicatorUrl(rightIndicatorUrl);
+    },
+    setThumbWidth(thumbWidth) {
+      this.$refs.es_seek_bar.setThumbWidth(thumbWidth);
+    },
+    setLeftThumbWidth(thumbWidth) {
+      this.$refs.es_seek_bar.setLeftThumbWidth(thumbWidth);
+    },
+    setRightThumbWidth(thumbWidth) {
+      this.$refs.es_seek_bar.setRightThumbWidth(thumbWidth);
+    },
+    setThumbHeight(thumbHeight) {
+      this.$refs.es_seek_bar.setThumbHeight(thumbHeight);
+    },
+    setLeftThumbHeight(thumbHeight) {
+      this.$refs.es_seek_bar.setLeftThumbHeight(thumbHeight);
+    },
+    setRightThumbHeight(thumbHeight) {
+      this.$refs.es_seek_bar.setRightThumbHeight(thumbHeight);
+    },
+    scaleThumb() {
+      this.$refs.es_seek_bar.scaleThumb();
+    },
+    scaleLeftThumb() {
+      this.$refs.es_seek_bar.scaleLeftThumb();
+    },
+    scaleRightThumb() {
+      this.$refs.es_seek_bar.scaleRightThumb();
+    },
+    resetThumb() {
+      this.$refs.es_seek_bar.resetThumb();
+    },
+    resetLeftThumb() {
+      this.$refs.es_seek_bar.resetLeftThumb();
+    },
+    resetRightThumb() {
+      this.$refs.es_seek_bar.resetRightThumb();
+    },
+    setThumbScaleRatio(thumbScaleRatio) {
+      this.$refs.es_seek_bar.setThumbScaleRatio(thumbScaleRatio);
+    },
+    setLeftThumbScaleRatio(thumbScaleRatio) {
+      this.$refs.es_seek_bar.setLeftThumbScaleRatio(thumbScaleRatio);
+    },
+    setRightThumbScaleRatio(thumbScaleRatio) {
+      this.$refs.es_seek_bar.setRightThumbScaleRatio(thumbScaleRatio);
+    },
+    setThumbActivate(activate) {
+      this.$refs.es_seek_bar.setThumbActivate(activate);
+    },
+    setLeftThumbActivate(activate) {
+      this.$refs.es_seek_bar.setLeftThumbActivate(activate);
+    },
+    setRightThumbActivate(activate) {
+      this.$refs.es_seek_bar.setRightThumbActivate(activate);
+    },
+    setThumbDrawable(drawable) {
+      this.$refs.es_seek_bar.setThumbDrawable(drawable);
+    },
+    setLeftThumbDrawable(drawable) {
+      this.$refs.es_seek_bar.setLeftThumbDrawable(drawable);
+    },
+    setRightThumbDrawable(drawable) {
+      this.$refs.es_seek_bar.setRightThumbDrawable(drawable);
+    },
+    setThumbUrl(url) {
+      this.$refs.es_seek_bar.setThumbUrl(url);
+    },
+    setLeftThumbUrl(url) {
+      this.$refs.es_seek_bar.setLeftThumbUrl(url);
+    },
+    setRightThumbUrl(url) {
+      this.$refs.es_seek_bar.setRightThumbUrl(url);
+    },
+    setThumbInactivatedDrawable(drawable) {
+      this.$refs.es_seek_bar.setThumbInactivatedDrawable(drawable);
+    },
+    setLeftThumbInactivatedDrawable(drawable) {
+      this.$refs.es_seek_bar.setLeftThumbInactivatedDrawable(drawable);
+    },
+    setRightThumbInactivatedDrawable(drawable) {
+      this.$refs.es_seek_bar.setRightThumbInactivatedDrawable(drawable);
+    },
+    setThumbInactivatedUrl(url) {
+      this.$refs.es_seek_bar.setThumbInactivatedUrl(url);
+    },
+    setLeftThumbInactivatedUrl(url) {
+      this.$refs.es_seek_bar.setLeftThumbInactivatedUrl(url);
+    },
+    setRightThumbInactivatedUrl(url) {
+      this.$refs.es_seek_bar.setRightThumbInactivatedUrl(url);
+    },
+    setTickMarkMode(tickMarkMode) {
+      this.$refs.es_seek_bar.setTickMarkMode(tickMarkMode);
+    },
+    setTickMarkGravity(tickMarkGravity) {
+      this.$refs.es_seek_bar.setTickMarkGravity(tickMarkGravity);
+    },
+    setTickMarkLayoutGravity(tickMarkLayoutGravity) {
+      this.$refs.es_seek_bar.setTickMarkLayoutGravity(tickMarkLayoutGravity);
+    },
+    setTickMarkTextArray(tickMarkTextArray) {
+      this.$refs.es_seek_bar.setTickMarkTextArray(tickMarkTextArray);
+    },
+    setTickMarkTextMargin(tickMarkTextMargin) {
+      this.$refs.es_seek_bar.setTickMarkTextMargin(tickMarkTextMargin);
+    },
+    setTickMarkTextSize(tickMarkTextSize) {
+      this.$refs.es_seek_bar.setTickMarkTextSize(tickMarkTextSize);
+    },
+    setTickMarkTextColor(tickMarkTextColor) {
+      this.$refs.es_seek_bar.setTickMarkTextColor(tickMarkTextColor);
+    },
+    setTickMarkInRangeTextColor(tickMarkInRangeTextColor) {
+      this.$refs.es_seek_bar.setTickMarkInRangeTextColor(tickMarkInRangeTextColor);
+    },
+    setSteps(steps) {
+      this.$refs.es_seek_bar.setSteps(steps);
+    },
+    setStepsWidth(stepsWidth) {
+      this.$refs.es_seek_bar.setStepsWidth(stepsWidth);
+    },
+    setStepsHeight(stepsHeight) {
+      this.$refs.es_seek_bar.setStepsHeight(stepsHeight);
+    },
+    setStepsRadius(stepsRadius) {
+      this.$refs.es_seek_bar.setStepsRadius(stepsRadius);
+    },
+    setStepsColor(stepsColor) {
+      this.$refs.es_seek_bar.setStepsColor(stepsColor);
+    },
+    setStepsAutoBonding(stepsAutoBonding) {
+      this.$refs.es_seek_bar.setStepsAutoBonding(stepsAutoBonding);
+    },
+    setStepsDrawable(drawableArray) {
+      this.$refs.es_seek_bar.setStepsDrawable(drawableArray);
+    },
+    setStepsUrl(urlArray) {
+      this.$refs.es_seek_bar.setStepsUrl(urlArray);
     },
   }
 };
 
-function ESProgressBarViewComponent() {
+function ESSeekBarViewComponent() {
   //
-  Vue.component(ESProgressBar.name, ESProgressBar);
-
-  Vue.registerElement('TVProgressBarViewComponent', {
+  Vue.component(ESSeekBar.name, ESSeekBar);
+  //
+  Vue.registerElement('TVSeekBarViewComponent', {
     component: {
-      name: 'TVProgressBarViewComponent',
+      name: 'TVSeekBarViewComponent',
+      processEventData(event, nativeEventName, nativeEventParams) {
+        switch (nativeEventName) {
+          case 'onFocus':
+            event.isFocused = nativeEventParams.isFocused;
+            break;
+          case 'onSeekBarChange':
+            event.fromUser = nativeEventParams.fromUser;
+            event.progress = nativeEventParams.progress;
+            event.leftProgress = nativeEventParams.leftProgress;
+            event.rightProgress = nativeEventParams.rightProgress;
+            break;
+        }
+        return event;
+      },
     },
   });
 
-  Vue.component('es-progress-bar-view-component', {
+  Vue.component('es-seek-bar-view-component', {
+
     methods: {
-      setMaxProgress(progress) {
-        Vue.Native.callUIFunction(this.$refs.progressBar,
-          'setMaxProgress', [progress], (res) => {
+      invalidateSeekBar() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'invalidateSeekBar', [], (res) => {
+          });
+      },
+      setFocusable(focusable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setFocusable', [focusable], (res) => {
+          });
+      },
+      setClickable(clickable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setClickable', [clickable], (res) => {
+          });
+      },
+      requestFocus() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'requestFocus', [], (res) => {
+          });
+      },
+      requestLayout() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'requestLayout', [], (res) => {
+          });
+      },
+      invalidate() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'invalidate', [], (res) => {
+          });
+      },
+      setVisible(visible) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setVisible', [visible], (res) => {
+          });
+      },
+      setLeftSeekBarVisible(visible) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftSeekBarVisible', [visible], (res) => {
+          });
+      },
+      setRightSeekBarVisible(visible) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightSeekBarVisible', [visible], (res) => {
+          });
+      },
+      setSeekBarMode(mode) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setSeekBarMode', [mode], (res) => {
           });
       },
       setProgress(progress) {
-        Vue.Native.callUIFunction(this.$refs.progressBar,
+        Vue.Native.callUIFunction(this.$refs.seekbar,
           'setProgress', [progress], (res) => {
           });
       },
-      setSecondProgress(progress) {
-        Vue.Native.callUIFunction(this.$refs.progressBar,
-          'setSecondProgress', [progress], (res) => {
+      setRangeProgress(leftValue, rightValue) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgress', [leftValue, rightValue], (res) => {
           });
       },
-      show(value) {
-        Vue.Native.callUIFunction(this.$refs.progressBar,
-          'show', [value], (res) => {
+      getProgress() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'getProgress', [], (progress) => {
           });
       },
-    },
-    render(h) {
-      return h('TVProgressBarViewComponent',
-        {
-          ref: 'progressBar'
+      getLeftProgress() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'getLeftProgress', [], (progress) => {
+          });
+      },
+      getRightProgress() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'getRightProgress', [], (progress) => {
+          });
+      },
+      setRange(min, max, minInterval) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRange', [min, max, minInterval], (value) => {
+          });
+      },
+      setGravity(gravity) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setGravity', [gravity], (value) => {
+          });
+      },
+      setProgressWidth(progressWidth) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgressWidth', [progressWidth], (value) => {
+          });
+      },
+      setProgressHeight(progressHeight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgressHeight', [progressHeight], (value) => {
+          });
+      },
+      setProgressRadius(progressRadius) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgressRadius', [progressRadius], (value) => {
+          });
+      },
+      setProgressColor(progressColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgressColor', [progressColor], (value) => {
+          });
+      },
+      setProgressDefaultColor(defaultProgressColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgressDefaultColor', [defaultProgressColor], (value) => {
+          });
+      },
+      setProgressDrawable(progressDrawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgressDrawable', [progressDrawable], (value) => {
+          });
+      },
+      setProgressDefaultDrawable(progressDefaultDrawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgressDefaultDrawable', [progressDefaultDrawable], (value) => {
+          });
+      },
+      setProgressUrl(progressUrl) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgressUrl', [progressUrl], (value) => {
+          });
+      },
+      setProgressDefaultUrl(progressDefaultUrl) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgressDefaultUrl', [progressDefaultUrl], (value) => {
+          });
+      },
+      showIndicator(showIndicator) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'showIndicator', [showIndicator], (value) => {
+          });
+      },
+      showLeftIndicator(showLeftIndicator) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'showLeftIndicator', [showLeftIndicator], (value) => {
+          });
+      },
+      showRightIndicator(showRightIndicator) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'showRightIndicator', [showRightIndicator], (value) => {
+          });
+      },
+      setIndicatorShowMode(indicatorShowMode) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorShowMode', [indicatorShowMode], (value) => {
+          });
+      },
+      setLeftIndicatorShowMode(indicatorShowMode) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorShowMode', [indicatorShowMode], (value) => {
+          });
+      },
+      setRightIndicatorShowMode(indicatorShowMode) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorShowMode', [indicatorShowMode], (value) => {
+          });
+      },
+      setIndicatorWidth(indicatorWidth) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorWidth', [indicatorWidth], (value) => {
+          });
+      },
+      setLeftIndicatorWidth(indicatorWidth) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorWidth', [indicatorWidth], (value) => {
+          });
+      },
+      setRightIndicatorWidth(indicatorWidth) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorWidth', [indicatorWidth], (value) => {
+          });
+      },
+
+      setIndicatorHeight(indicatorHeight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorHeight', [indicatorHeight], (value) => {
+          });
+      },
+      setLeftIndicatorHeight(indicatorHeight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorHeight', [indicatorHeight], (value) => {
+          });
+      },
+      setRightIndicatorHeight(indicatorHeight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorHeight', [indicatorHeight], (value) => {
+          });
+      },
+      setIndicatorTextDecimalFormat(formatPattern) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorTextDecimalFormat', [formatPattern], (value) => {
+          });
+      },
+      setLeftIndicatorTextDecimalFormat(formatPattern) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorTextDecimalFormat', [formatPattern], (value) => {
+          });
+      },
+      setRightIndicatorTextDecimalFormat(formatPattern) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorTextDecimalFormat', [formatPattern], (value) => {
+          });
+      },
+      setIndicatorTextStringFormat(formatPattern) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorTextStringFormat', [formatPattern], (value) => {
+          });
+      },
+      setLeftIndicatorTextStringFormat(formatPattern) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorTextStringFormat', [formatPattern], (value) => {
+          });
+      },
+      setRightIndicatorTextStringFormat(formatPattern) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorTextStringFormat', [formatPattern], (value) => {
+          });
+      },
+      setIndicatorMargin(indicatorMargin) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorMargin', [indicatorMargin], (value) => {
+          });
+      },
+      setLeftIndicatorMargin(indicatorMargin) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorMargin', [indicatorMargin], (value) => {
+          });
+      },
+      setRightIndicatorMargin(indicatorMargin) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorMargin', [indicatorMargin], (value) => {
+          });
+      },
+      setIndicatorPaddingBottom(indicatorPaddingBottom) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorPaddingBottom', [indicatorPaddingBottom], (value) => {
+          });
+      },
+      setLeftIndicatorPaddingBottom(indicatorPaddingBottom) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorPaddingBottom', [indicatorPaddingBottom], (value) => {
+          });
+      },
+      setRightIndicatorPaddingBottom(indicatorPaddingBottom) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorPaddingBottom', [indicatorPaddingBottom], (value) => {
+          });
+      },
+      setIndicatorPaddingTop(indicatorPaddingTop) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorPaddingTop', [indicatorPaddingTop], (value) => {
+          });
+      },
+      setLeftIndicatorPaddingTop(indicatorPaddingTop) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorPaddingTop', [indicatorPaddingTop], (value) => {
+          });
+      },
+      setRightIndicatorPaddingTop(indicatorPaddingTop) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorPaddingTop', [indicatorPaddingTop], (value) => {
+          });
+      },
+
+      setIndicatorPaddingLeft(indicatorPaddingLeft) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorPaddingLeft', [indicatorPaddingLeft], (value) => {
+          });
+      },
+      setLeftIndicatorPaddingLeft(indicatorPaddingLeft) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorPaddingLeft', [indicatorPaddingLeft], (value) => {
+          });
+      },
+      setRightIndicatorPaddingLeft(indicatorPaddingLeft) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorPaddingLeft', [indicatorPaddingLeft], (value) => {
+          });
+      },
+      setIndicatorPaddingRight(indicatorPaddingRight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorPaddingRight', [indicatorPaddingRight], (value) => {
+          });
+      },
+      setLeftIndicatorPaddingRight(indicatorPaddingRight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorPaddingRight', [indicatorPaddingRight], (value) => {
+          });
+      },
+      setRightIndicatorPaddingRight(indicatorPaddingRight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorPaddingRight', [indicatorPaddingRight], (value) => {
+          });
+      },
+      setIndicatorBackgroundColor(indicatorBackgroundColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorBackgroundColor', [indicatorBackgroundColor], (value) => {
+          });
+      },
+      setLeftIndicatorBackgroundColor(indicatorBackgroundColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorBackgroundColor', [indicatorBackgroundColor], (value) => {
+          });
+      },
+      setRightIndicatorBackgroundColor(indicatorBackgroundColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorBackgroundColor', [indicatorBackgroundColor], (value) => {
+          });
+      },
+      setIndicatorRadius(indicatorRadius) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorRadius', [indicatorRadius], (value) => {
+          });
+      },
+      setLeftIndicatorRadius(indicatorRadius) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorRadius', [indicatorRadius], (value) => {
+          });
+      },
+      setRightIndicatorRadius(indicatorRadius) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorRadius', [indicatorRadius], (value) => {
+          });
+      },
+      setIndicatorTextSize(indicatorTextSize) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorTextSize', [indicatorTextSize], (value) => {
+          });
+      },
+      setLeftIndicatorTextSize(indicatorTextSize) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorTextSize', [indicatorTextSize], (value) => {
+          });
+      },
+      setRightIndicatorTextSize(indicatorTextSize) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorTextSize', [indicatorTextSize], (value) => {
+          });
+      },
+      setIndicatorTextColor(indicatorTextColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorTextColor', [indicatorTextColor], (value) => {
+          });
+      },
+      setLeftIndicatorTextColor(indicatorTextColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorTextColor', [indicatorTextColor], (value) => {
+          });
+      },
+      setRightIndicatorTextColor(indicatorTextColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorTextColor', [indicatorTextColor], (value) => {
+          });
+      },
+      setIndicatorArrowSize(indicatorArrowSize) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorArrowSize', [indicatorArrowSize], (value) => {
+          });
+      },
+      setLeftIndicatorArrowSize(indicatorArrowSize) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorArrowSize', [indicatorArrowSize], (value) => {
+          });
+      },
+      setRightIndicatorArrowSize(indicatorArrowSize) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorArrowSize', [indicatorArrowSize], (value) => {
+          });
+      },
+      setIndicatorDrawable(indicatorDrawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorDrawable', [indicatorDrawable], (value) => {
+          });
+      },
+      setLeftIndicatorDrawable(leftIndicatorDrawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorDrawable', [leftIndicatorDrawable], (value) => {
+          });
+      },
+      setRightIndicatorDrawable(rightIndicatorDrawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorDrawable', [rightIndicatorDrawable], (value) => {
+          });
+      },
+      setIndicatorUrl(indicatorUrl) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorUrl', [indicatorUrl], (value) => {
+          });
+      },
+      setLeftIndicatorUrl(leftIndicatorUrl) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorUrl', [leftIndicatorUrl], (value) => {
+          });
+      },
+      setRightIndicatorUrl(rightIndicatorUrl) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorUrl', [rightIndicatorUrl], (value) => {
+          });
+      },
+      setThumbWidth(thumbWidth) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setThumbWidth', [thumbWidth], (value) => {
+          });
+      },
+      setLeftThumbWidth(thumbWidth) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftThumbWidth', [thumbWidth], (value) => {
+          });
+      },
+      setRightThumbWidth(thumbWidth) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightThumbWidth', [thumbWidth], (value) => {
+          });
+      },
+      setThumbHeight(thumbHeight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setThumbHeight', [thumbHeight], (value) => {
+          });
+      },
+      setLeftThumbHeight(thumbHeight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftThumbHeight', [thumbHeight], (value) => {
+          });
+      },
+      setRightThumbHeight(thumbHeight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightThumbHeight', [thumbHeight], (value) => {
+          });
+      },
+      scaleThumb() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'scaleThumb', [], (value) => {
+          });
+      },
+      scaleLeftThumb() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'scaleLeftThumb', [], (value) => {
+          });
+      },
+      scaleRightThumb() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'scaleLeftThumb', [], (value) => {
+          });
+      },
+      resetThumb() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'resetThumb', [], (value) => {
+          });
+      },
+      resetLeftThumb() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'resetLeftThumb', [], (value) => {
+          });
+      },
+      resetRightThumb() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'resetRightThumb', [], (value) => {
+          });
+      },
+      setThumbScaleRatio(thumbScaleRatio) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setThumbScaleRatio', [thumbScaleRatio], (value) => {
+          });
+      },
+      setLeftThumbScaleRatio(thumbScaleRatio) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftThumbScaleRatio', [thumbScaleRatio], (value) => {
+          });
+      },
+      setRightThumbScaleRatio(thumbScaleRatio) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightThumbScaleRatio', [thumbScaleRatio], (value) => {
+          });
+      },
+      setThumbActivate(activate) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setThumbActivate', [activate], (value) => {
+          });
+      },
+      setLeftThumbActivate(activate) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftThumbActivate', [activate], (value) => {
+          });
+      },
+      setRightThumbActivate(activate) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightThumbActivate', [activate], (value) => {
+          });
+      },
+      setThumbDrawable(drawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setThumbDrawable', [drawable], (value) => {
+          });
+      },
+      setLeftThumbDrawable(drawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftThumbDrawable', [drawable], (value) => {
+          });
+      },
+      setRightThumbDrawable(drawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightThumbDrawable', [drawable], (value) => {
+          });
+      },
+      setThumbUrl(url) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setThumbUrl', [url], (value) => {
+          });
+      },
+      setLeftThumbUrl(url) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftThumbUrl', [url], (value) => {
+          });
+      },
+      setRightThumbUrl(url) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightThumbUrl', [url], (value) => {
+          });
+      },
+      setThumbInactivatedDrawable(drawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setThumbInactivatedDrawable', [drawable], (value) => {
+          });
+      },
+      setLeftThumbInactivatedDrawable(drawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftThumbInactivatedDrawable', [drawable], (value) => {
+          });
+      },
+      setRightThumbInactivatedDrawable(drawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightThumbInactivatedDrawable', [drawable], (value) => {
+          });
+      },
+      setThumbInactivatedUrl(url) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setThumbInactivatedUrl', [url], (value) => {
+          });
+      },
+      setLeftThumbInactivatedUrl(url) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftThumbInactivatedUrl', [url], (value) => {
+          });
+      },
+      setRightThumbInactivatedUrl(url) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightThumbInactivatedUrl', [url], (value) => {
+          });
+      },
+      setTickMarkMode(tickMarkMode) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setTickMarkMode', [tickMarkMode], (value) => {
+          });
+      },
+      setTickMarkGravity(tickMarkGravity) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setTickMarkGravity', [tickMarkGravity], (value) => {
+          });
+      },
+      setTickMarkLayoutGravity(tickMarkLayoutGravity) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setTickMarkLayoutGravity', [tickMarkLayoutGravity], (value) => {
+          });
+      },
+      setTickMarkTextArray(tickMarkTextArray) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setTickMarkTextArray', [tickMarkTextArray], (value) => {
+          });
+      },
+      setTickMarkTextMargin(tickMarkTextMargin) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setTickMarkTextMargin', [tickMarkTextMargin], (value) => {
+          });
+      },
+      setTickMarkTextSize(tickMarkTextSize) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setTickMarkTextSize', [tickMarkTextSize], (value) => {
+          });
+      },
+      setTickMarkTextColor(tickMarkTextColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setTickMarkTextColor', [tickMarkTextColor], (value) => {
+          });
+      },
+      setTickMarkInRangeTextColor(tickMarkInRangeTextColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setTickMarkInRangeTextColor', [tickMarkInRangeTextColor], (value) => {
+          });
+      },
+      setSteps(steps) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setSteps', [steps], (value) => {
+          });
+      },
+      setStepsWidth(stepsWidth) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setStepsWidth', [stepsWidth], (value) => {
+          });
+      },
+      setStepsHeight(stepsHeight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setStepsHeight', [stepsHeight], (value) => {
+          });
+      },
+      setStepsRadius(stepsRadius) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setStepsRadius', [stepsRadius], (value) => {
+          });
+      },
+      setStepsColor(stepsColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setStepsColor', [stepsColor], (value) => {
+          });
+      },
+      setStepsAutoBonding(stepsAutoBonding) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setStepsAutoBonding', [stepsAutoBonding], (value) => {
+          });
+      },
+      setStepsDrawable(drawableArray) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setStepsDrawable', [drawableArray], (value) => {
+          });
+      },
+      setStepsUrl(urlArray) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setStepsUrl', [urlArray], (value) => {
+          });
+      },
+      setMaxProgress(progress) {
+        Vue.Native.callUIFunction(this.$refs.seekBar,
+          'setMaxProgress', [progress], (res) => {
+          });
+      },
+      setSecondProgress(progress) {
+        Vue.Native.callUIFunction(this.$refs.seekBar,
+          'setSecondProgress', [progress], (res) => {
+          });
+      },
+      show(value) {
+        Vue.Native.callUIFunction(this.$refs.seekBar,
+          'show', [value], (res) => {
+          });
+      },
+      onFocusChange(evt) {
+        this.$emit('focus', evt);
+      },
+      onSeekBarChange(evt) {
+        this.$emit('seek-change', evt);
+      },
+
+    },
+
+    render(h) {
+      const on = getEventRedirector.call(this, [
+        ['focus', 'focusChange'],
+        ['seek-change', 'seekBarChange'],
+      ]);
+      return h('TVSeekBarViewComponent',
+        {
+          on,
+          ref: 'seekBar',
+        }, this.$slots.default);
+    },
+  });
+}
+
+var ESProgressBar = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('es-progress-bar-view-component',{ref:"es_seek_bar",attrs:{"maxProgress":_vm.maxProgress,"progress":_vm.progress,"secondProgress":_vm.secondaryProgress,"backgroundColor":_vm.backgroundColor,"secondColor":_vm.secondaryColor,"cornerRadius":_vm.cornerRadius,"color":_vm.primaryColor}})},
+staticRenderFns: [],
+  name: "ProgressBar",
+  props: {
+    maxProgress: {
+      type: Number,
+      default: 0
+    },
+    progress: {
+      type: Number,
+      default: 0
+    },
+    secondaryProgress: {
+      type: Number,
+      default: 0
+    },
+    primaryColor: {
+      type: Object,
+      default: {}
+    },
+    backgroundColor: {
+      type: String,
+      default: '#00000000'
+    },
+    secondaryColor: {
+      type: String,
+      default: '#00000000'
+    },
+    cornerRadius: {
+      type: Number,
+      default: 0
+    },
+  },
+  methods: {
+    setMaxProgress(progress) {
+      this.$refs.es_seek_bar.setMaxProgress(progress);
+    },
+    setProgress(progress) {
+      this.$refs.es_seek_bar.setProgress(progress);
+    },
+    setSecondProgress(progress) {
+      this.$refs.es_seek_bar.setSecondProgress(progress);
+    },
+    show(value) {
+      this.$refs.es_seek_bar.show(value);
+    },
+    //------------------------------------------------------------
+    //----------------------------------------------------------
+    invalidateSeekBar() {
+      this.$refs.es_seek_bar.invalidateSeekBar();
+    },
+    setFocusable(focusable) {
+      this.$refs.es_seek_bar.setFocusable(focusable);
+    },
+    setClickable(clickable) {
+      this.$refs.es_seek_bar.setClickable(clickable);
+    },
+    requestFocus() {
+      this.$refs.es_seek_bar.requestFocus();
+    },
+    requestLayout() {
+      this.$refs.es_seek_bar.requestLayout();
+    },
+    invalidate() {
+      this.$refs.es_seek_bar.invalidate();
+    },
+    setVisible(visible) {
+      this.$refs.es_seek_bar.setVisible(visible);
+    },
+    setLeftSeekBarVisible(visible) {
+      this.$refs.es_seek_bar.setLeftSeekBarVisible(visible);
+    },
+    setRightSeekBarVisible(visible) {
+      this.$refs.es_seek_bar.setRightSeekBarVisible(visible);
+    },
+    setSeekBarMode(mode) {
+      this.$refs.es_seek_bar.setSeekBarMode(mode);
+    },
+    setRangeProgress(leftValue, rightValue) {
+      this.$refs.es_seek_bar.setRangeProgress(leftValue, rightValue);
+    },
+    getProgress() {
+      this.$refs.es_seek_bar.getProgress();
+    },
+    getLeftProgress() {
+      this.$refs.es_seek_bar.getLeftProgress();
+    },
+    getRightProgress() {
+      this.$refs.es_seek_bar.getRightProgress();
+    },
+    setRange(min, max, minInterval) {
+      this.$refs.es_seek_bar.setRange(min, max, minInterval);
+    },
+    setGravity(gravity) {
+      this.$refs.es_seek_bar.setGravity(gravity);
+    },
+    setProgressWidth(progressWidth) {
+      this.$refs.es_seek_bar.setProgressWidth(progressWidth);
+    },
+    setProgressHeight(progressHeight) {
+      this.$refs.es_seek_bar.setProgressHeight(progressHeight);
+    },
+    setProgressRadius(progressRadius) {
+      this.$refs.es_seek_bar.setProgressRadius(progressRadius);
+    },
+    setProgressColor(progressColor) {
+      this.$refs.es_seek_bar.setProgressColor(progressColor);
+    },
+    setProgressDefaultColor(defaultProgressColor) {
+      this.$refs.es_seek_bar.setProgressDefaultColor(defaultProgressColor);
+    },
+    setProgressDrawable(progressDrawable) {
+      this.$refs.es_seek_bar.setProgressDrawable(progressDrawable);
+    },
+    setProgressDefaultDrawable(progressDefaultDrawable) {
+      this.$refs.es_seek_bar.setProgressDefaultDrawable(progressDefaultDrawable);
+    },
+    setProgressUrl(progressUrl) {
+      this.$refs.es_seek_bar.setProgressUrl(progressUrl);
+    },
+    setProgressDefaultUrl(progressDefaultUrl) {
+      this.$refs.es_seek_bar.setProgressDefaultUrl(progressDefaultUrl);
+    },
+    showIndicator(showIndicator) {
+      this.$refs.es_seek_bar.showIndicator(showIndicator);
+    },
+    showLeftIndicator(showLeftIndicator) {
+      this.$refs.es_seek_bar.showLeftIndicator(showLeftIndicator);
+    },
+    showRightIndicator(showRightIndicator) {
+      this.$refs.es_seek_bar.showRightIndicator(showRightIndicator);
+    },
+    setIndicatorShowMode(indicatorShowMode) {
+      this.$refs.es_seek_bar.setIndicatorShowMode(indicatorShowMode);
+    },
+    setLeftIndicatorShowMode(indicatorShowMode) {
+      this.$refs.es_seek_bar.setLeftIndicatorShowMode(indicatorShowMode);
+    },
+    setRightIndicatorShowMode(indicatorShowMode) {
+      this.$refs.es_seek_bar.setRightIndicatorShowMode(indicatorShowMode);
+    },
+    setIndicatorWidth(indicatorWidth) {
+      this.$refs.es_seek_bar.setIndicatorWidth(indicatorWidth);
+    },
+    setLeftIndicatorWidth(indicatorWidth) {
+      this.$refs.es_seek_bar.setLeftIndicatorWidth(indicatorWidth);
+    },
+    setRightIndicatorWidth(indicatorWidth) {
+      this.$refs.es_seek_bar.setRightIndicatorWidth(indicatorWidth);
+    },
+    setIndicatorHeight(indicatorHeight) {
+      this.$refs.es_seek_bar.setIndicatorHeight(indicatorHeight);
+    },
+    setLeftIndicatorHeight(indicatorHeight) {
+      this.$refs.es_seek_bar.setLeftIndicatorHeight(indicatorHeight);
+    },
+    setRightIndicatorHeight(indicatorHeight) {
+      this.$refs.es_seek_bar.setRightIndicatorHeight(indicatorHeight);
+    },
+    setIndicatorTextDecimalFormat(formatPattern) {
+      this.$refs.es_seek_bar.setIndicatorTextDecimalFormat(formatPattern);
+    },
+    setLeftIndicatorTextDecimalFormat(formatPattern) {
+      this.$refs.es_seek_bar.setLeftIndicatorTextDecimalFormat(formatPattern);
+    },
+    setRightIndicatorTextDecimalFormat(formatPattern) {
+      this.$refs.es_seek_bar.setRightIndicatorTextDecimalFormat(formatPattern);
+    },
+    setIndicatorTextStringFormat(formatPattern) {
+      this.$refs.es_seek_bar.setIndicatorTextStringFormat(formatPattern);
+    },
+    setLeftIndicatorTextStringFormat(formatPattern) {
+      this.$refs.es_seek_bar.setLeftIndicatorTextStringFormat(formatPattern);
+    },
+    setRightIndicatorTextStringFormat(formatPattern) {
+      this.$refs.es_seek_bar.setRightIndicatorTextStringFormat(formatPattern);
+    },
+    setIndicatorMargin(indicatorMargin) {
+      this.$refs.es_seek_bar.setIndicatorMargin(indicatorMargin);
+    },
+    setLeftIndicatorMargin(indicatorMargin) {
+      this.$refs.es_seek_bar.setLeftIndicatorMargin(indicatorMargin);
+    },
+    setRightIndicatorMargin(indicatorMargin) {
+      this.$refs.es_seek_bar.setRightIndicatorMargin(indicatorMargin);
+    },
+    setIndicatorPaddingBottom(indicatorPaddingBottom) {
+      this.$refs.es_seek_bar.setIndicatorPaddingBottom(indicatorPaddingBottom);
+    },
+    setLeftIndicatorPaddingBottom(indicatorPaddingBottom) {
+      this.$refs.es_seek_bar.setLeftIndicatorPaddingBottom(indicatorPaddingBottom);
+    },
+    setRightIndicatorPaddingBottom(indicatorPaddingBottom) {
+      this.$refs.es_seek_bar.setRightIndicatorPaddingBottom(indicatorPaddingBottom);
+    },
+    setIndicatorPaddingTop(indicatorPaddingTop) {
+      this.$refs.es_seek_bar.setIndicatorPaddingTop(indicatorPaddingTop);
+    },
+    setLeftIndicatorPaddingTop(indicatorPaddingTop) {
+      this.$refs.es_seek_bar.setLeftIndicatorPaddingTop(indicatorPaddingTop);
+    },
+    setRightIndicatorPaddingTop(indicatorPaddingTop) {
+      this.$refs.es_seek_bar.setRightIndicatorPaddingTop(indicatorPaddingTop);
+    },
+    setIndicatorPaddingLeft(indicatorPaddingLeft) {
+      this.$refs.es_seek_bar.setIndicatorPaddingLeft(indicatorPaddingLeft);
+    },
+    setLeftIndicatorPaddingLeft(indicatorPaddingLeft) {
+      this.$refs.es_seek_bar.setLeftIndicatorPaddingLeft(indicatorPaddingLeft);
+    },
+    setRightIndicatorPaddingLeft(indicatorPaddingLeft) {
+      this.$refs.es_seek_bar.setRightIndicatorPaddingLeft(indicatorPaddingLeft);
+    },
+    setIndicatorPaddingRight(indicatorPaddingRight) {
+      this.$refs.es_seek_bar.setIndicatorPaddingRight(indicatorPaddingRight);
+    },
+    setLeftIndicatorPaddingRight(indicatorPaddingRight) {
+      this.$refs.es_seek_bar.setLeftIndicatorPaddingRight(indicatorPaddingRight);
+    },
+    setRightIndicatorPaddingRight(indicatorPaddingRight) {
+      this.$refs.es_seek_bar.setRightIndicatorPaddingRight(indicatorPaddingRight);
+    },
+    setIndicatorBackgroundColor(indicatorBackgroundColor) {
+      this.$refs.es_seek_bar.setIndicatorBackgroundColor(indicatorBackgroundColor);
+    },
+    setLeftIndicatorBackgroundColor(indicatorBackgroundColor) {
+      this.$refs.es_seek_bar.setLeftIndicatorBackgroundColor(indicatorBackgroundColor);
+    },
+    setRightIndicatorBackgroundColor(indicatorBackgroundColor) {
+      this.$refs.es_seek_bar.setRightIndicatorBackgroundColor(indicatorBackgroundColor);
+    },
+    setIndicatorRadius(indicatorRadius) {
+      this.$refs.es_seek_bar.setIndicatorRadius(indicatorRadius);
+    },
+    setLeftIndicatorRadius(indicatorRadius) {
+      this.$refs.es_seek_bar.setLeftIndicatorRadius(indicatorRadius);
+    },
+    setRightIndicatorRadius(indicatorRadius) {
+      this.$refs.es_seek_bar.setRightIndicatorRadius(indicatorRadius);
+    },
+    setIndicatorTextSize(indicatorTextSize) {
+      this.$refs.es_seek_bar.setIndicatorTextSize(indicatorTextSize);
+    },
+    setLeftIndicatorTextSize(indicatorTextSize) {
+      this.$refs.es_seek_bar.setLeftIndicatorTextSize(indicatorTextSize);
+    },
+    setRightIndicatorTextSize(indicatorTextSize) {
+      this.$refs.es_seek_bar.setRightIndicatorTextSize(indicatorTextSize);
+    },
+    setIndicatorTextColor(indicatorTextColor) {
+      this.$refs.es_seek_bar.setIndicatorTextColor(indicatorTextColor);
+    },
+    setLeftIndicatorTextColor(indicatorTextColor) {
+      this.$refs.es_seek_bar.setLeftIndicatorTextColor(indicatorTextColor);
+    },
+    setRightIndicatorTextColor(indicatorTextColor) {
+      this.$refs.es_seek_bar.setRightIndicatorTextColor(indicatorTextColor);
+    },
+    setIndicatorArrowSize(indicatorArrowSize) {
+      this.$refs.es_seek_bar.setIndicatorArrowSize(indicatorArrowSize);
+    },
+    setLeftIndicatorArrowSize(indicatorArrowSize) {
+      this.$refs.es_seek_bar.setLeftIndicatorArrowSize(indicatorArrowSize);
+    },
+    setRightIndicatorArrowSize(indicatorArrowSize) {
+      this.$refs.es_seek_bar.setRightIndicatorArrowSize(indicatorArrowSize);
+    },
+    setIndicatorDrawable(indicatorDrawable) {
+      this.$refs.es_seek_bar.setIndicatorDrawable(indicatorDrawable);
+    },
+    setLeftIndicatorDrawable(leftIndicatorDrawable) {
+      this.$refs.es_seek_bar.setLeftIndicatorDrawable(leftIndicatorDrawable);
+    },
+    setRightIndicatorDrawable(rightIndicatorDrawable) {
+      this.$refs.es_seek_bar.setRightIndicatorDrawable(rightIndicatorDrawable);
+    },
+    setIndicatorUrl(indicatorUrl) {
+      this.$refs.es_seek_bar.setIndicatorUrl(indicatorUrl);
+    },
+    setLeftIndicatorUrl(leftIndicatorUrl) {
+      this.$refs.es_seek_bar.setLeftIndicatorUrl(leftIndicatorUrl);
+    },
+    setRightIndicatorUrl(rightIndicatorUrl) {
+      this.$refs.es_seek_bar.setRightIndicatorUrl(rightIndicatorUrl);
+    },
+    setThumbWidth(thumbWidth) {
+      this.$refs.es_seek_bar.setThumbWidth(thumbWidth);
+    },
+    setLeftThumbWidth(thumbWidth) {
+      this.$refs.es_seek_bar.setLeftThumbWidth(thumbWidth);
+    },
+    setRightThumbWidth(thumbWidth) {
+      this.$refs.es_seek_bar.setRightThumbWidth(thumbWidth);
+    },
+    setThumbHeight(thumbHeight) {
+      this.$refs.es_seek_bar.setThumbHeight(thumbHeight);
+    },
+    setLeftThumbHeight(thumbHeight) {
+      this.$refs.es_seek_bar.setLeftThumbHeight(thumbHeight);
+    },
+    setRightThumbHeight(thumbHeight) {
+      this.$refs.es_seek_bar.setRightThumbHeight(thumbHeight);
+    },
+    scaleThumb() {
+      this.$refs.es_seek_bar.scaleThumb();
+    },
+    scaleLeftThumb() {
+      this.$refs.es_seek_bar.scaleLeftThumb();
+    },
+    scaleRightThumb() {
+      this.$refs.es_seek_bar.scaleRightThumb();
+    },
+    resetThumb() {
+      this.$refs.es_seek_bar.resetThumb();
+    },
+    resetLeftThumb() {
+      this.$refs.es_seek_bar.resetLeftThumb();
+    },
+    resetRightThumb() {
+      this.$refs.es_seek_bar.resetRightThumb();
+    },
+    setThumbScaleRatio(thumbScaleRatio) {
+      this.$refs.es_seek_bar.setThumbScaleRatio(thumbScaleRatio);
+    },
+    setLeftThumbScaleRatio(thumbScaleRatio) {
+      this.$refs.es_seek_bar.setLeftThumbScaleRatio(thumbScaleRatio);
+    },
+    setRightThumbScaleRatio(thumbScaleRatio) {
+      this.$refs.es_seek_bar.setRightThumbScaleRatio(thumbScaleRatio);
+    },
+    setThumbActivate(activate) {
+      this.$refs.es_seek_bar.setThumbActivate(activate);
+    },
+    setLeftThumbActivate(activate) {
+      this.$refs.es_seek_bar.setLeftThumbActivate(activate);
+    },
+    setRightThumbActivate(activate) {
+      this.$refs.es_seek_bar.setRightThumbActivate(activate);
+    },
+    setThumbDrawable(drawable) {
+      this.$refs.es_seek_bar.setThumbDrawable(drawable);
+    },
+    setLeftThumbDrawable(drawable) {
+      this.$refs.es_seek_bar.setLeftThumbDrawable(drawable);
+    },
+    setRightThumbDrawable(drawable) {
+      this.$refs.es_seek_bar.setRightThumbDrawable(drawable);
+    },
+    setThumbUrl(url) {
+      this.$refs.es_seek_bar.setThumbUrl(url);
+    },
+    setLeftThumbUrl(url) {
+      this.$refs.es_seek_bar.setLeftThumbUrl(url);
+    },
+    setRightThumbUrl(url) {
+      this.$refs.es_seek_bar.setRightThumbUrl(url);
+    },
+    setThumbInactivatedDrawable(drawable) {
+      this.$refs.es_seek_bar.setThumbInactivatedDrawable(drawable);
+    },
+    setLeftThumbInactivatedDrawable(drawable) {
+      this.$refs.es_seek_bar.setLeftThumbInactivatedDrawable(drawable);
+    },
+    setRightThumbInactivatedDrawable(drawable) {
+      this.$refs.es_seek_bar.setRightThumbInactivatedDrawable(drawable);
+    },
+    setThumbInactivatedUrl(url) {
+      this.$refs.es_seek_bar.setThumbInactivatedUrl(url);
+    },
+    setLeftThumbInactivatedUrl(url) {
+      this.$refs.es_seek_bar.setLeftThumbInactivatedUrl(url);
+    },
+    setRightThumbInactivatedUrl(url) {
+      this.$refs.es_seek_bar.setRightThumbInactivatedUrl(url);
+    },
+    setTickMarkMode(tickMarkMode) {
+      this.$refs.es_seek_bar.setTickMarkMode(tickMarkMode);
+    },
+    setTickMarkGravity(tickMarkGravity) {
+      this.$refs.es_seek_bar.setTickMarkGravity(tickMarkGravity);
+    },
+    setTickMarkLayoutGravity(tickMarkLayoutGravity) {
+      this.$refs.es_seek_bar.setTickMarkLayoutGravity(tickMarkLayoutGravity);
+    },
+    setTickMarkTextArray(tickMarkTextArray) {
+      this.$refs.es_seek_bar.setTickMarkTextArray(tickMarkTextArray);
+    },
+    setTickMarkTextMargin(tickMarkTextMargin) {
+      this.$refs.es_seek_bar.setTickMarkTextMargin(tickMarkTextMargin);
+    },
+    setTickMarkTextSize(tickMarkTextSize) {
+      this.$refs.es_seek_bar.setTickMarkTextSize(tickMarkTextSize);
+    },
+    setTickMarkTextColor(tickMarkTextColor) {
+      this.$refs.es_seek_bar.setTickMarkTextColor(tickMarkTextColor);
+    },
+    setTickMarkInRangeTextColor(tickMarkInRangeTextColor) {
+      this.$refs.es_seek_bar.setTickMarkInRangeTextColor(tickMarkInRangeTextColor);
+    },
+    setSteps(steps) {
+      this.$refs.es_seek_bar.setSteps(steps);
+    },
+    setStepsWidth(stepsWidth) {
+      this.$refs.es_seek_bar.setStepsWidth(stepsWidth);
+    },
+    setStepsHeight(stepsHeight) {
+      this.$refs.es_seek_bar.setStepsHeight(stepsHeight);
+    },
+    setStepsRadius(stepsRadius) {
+      this.$refs.es_seek_bar.setStepsRadius(stepsRadius);
+    },
+    setStepsColor(stepsColor) {
+      this.$refs.es_seek_bar.setStepsColor(stepsColor);
+    },
+    setStepsAutoBonding(stepsAutoBonding) {
+      this.$refs.es_seek_bar.setStepsAutoBonding(stepsAutoBonding);
+    },
+    setStepsDrawable(drawableArray) {
+      this.$refs.es_seek_bar.setStepsDrawable(drawableArray);
+    },
+    setStepsUrl(urlArray) {
+      this.$refs.es_seek_bar.setStepsUrl(urlArray);
+    },
+  }
+};
+
+function ESProgressBarViewComponent() {
+  //
+  Vue.component(ESProgressBar.name, ESProgressBar);
+
+  Vue.registerElement('TVProgressBarViewComponent', {
+    component: {
+      name: 'TVProgressBarViewComponent',
+      processEventData(event, nativeEventName, nativeEventParams) {
+        switch (nativeEventName) {
+          case 'onSeekBarChange':
+            event.fromUser = nativeEventParams.fromUser;
+            event.progress = nativeEventParams.progress;
+            event.leftProgress = nativeEventParams.leftProgress;
+            event.rightProgress = nativeEventParams.rightProgress;
+            break;
+        }
+        return event;
+      },
+    },
+  });
+
+  Vue.component('es-progress-bar-view-component', {
+    methods: {
+      invalidateSeekBar() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'invalidateSeekBar', [], (res) => {
+          });
+      },
+      setFocusable(focusable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setFocusable', [focusable], (res) => {
+          });
+      },
+      setClickable(clickable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setClickable', [clickable], (res) => {
+          });
+      },
+      requestFocus() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'requestFocus', [], (res) => {
+          });
+      },
+      requestLayout() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'requestLayout', [], (res) => {
+          });
+      },
+      invalidate() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'invalidate', [], (res) => {
+          });
+      },
+      setVisible(visible) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setVisible', [visible], (res) => {
+          });
+      },
+      setLeftSeekBarVisible(visible) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftSeekBarVisible', [visible], (res) => {
+          });
+      },
+      setRightSeekBarVisible(visible) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightSeekBarVisible', [visible], (res) => {
+          });
+      },
+      setSeekBarMode(mode) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setSeekBarMode', [mode], (res) => {
+          });
+      },
+      setProgress(progress) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgress', [progress], (res) => {
+          });
+      },
+      setRangeProgress(leftValue, rightValue) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgress', [leftValue, rightValue], (res) => {
+          });
+      },
+      getProgress() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'getProgress', [], (progress) => {
+          });
+      },
+      getLeftProgress() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'getLeftProgress', [], (progress) => {
+          });
+      },
+      getRightProgress() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'getRightProgress', [], (progress) => {
+          });
+      },
+      setRange(min, max, minInterval) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRange', [min, max, minInterval], (value) => {
+          });
+      },
+      setGravity(gravity) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setGravity', [gravity], (value) => {
+          });
+      },
+      setProgressWidth(progressWidth) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgressWidth', [progressWidth], (value) => {
+          });
+      },
+      setProgressHeight(progressHeight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgressHeight', [progressHeight], (value) => {
+          });
+      },
+      setProgressRadius(progressRadius) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgressRadius', [progressRadius], (value) => {
+          });
+      },
+      setProgressColor(progressColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgressColor', [progressColor], (value) => {
+          });
+      },
+      setProgressDefaultColor(defaultProgressColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgressDefaultColor', [defaultProgressColor], (value) => {
+          });
+      },
+      setProgressDrawable(progressDrawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgressDrawable', [progressDrawable], (value) => {
+          });
+      },
+      setProgressDefaultDrawable(progressDefaultDrawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgressDefaultDrawable', [progressDefaultDrawable], (value) => {
+          });
+      },
+      setProgressUrl(progressUrl) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgressUrl', [progressUrl], (value) => {
+          });
+      },
+      setProgressDefaultUrl(progressDefaultUrl) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setProgressDefaultUrl', [progressDefaultUrl], (value) => {
+          });
+      },
+      showIndicator(showIndicator) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'showIndicator', [showIndicator], (value) => {
+          });
+      },
+      showLeftIndicator(showLeftIndicator) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'showLeftIndicator', [showLeftIndicator], (value) => {
+          });
+      },
+      showRightIndicator(showRightIndicator) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'showRightIndicator', [showRightIndicator], (value) => {
+          });
+      },
+      setIndicatorShowMode(indicatorShowMode) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorShowMode', [indicatorShowMode], (value) => {
+          });
+      },
+      setLeftIndicatorShowMode(indicatorShowMode) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorShowMode', [indicatorShowMode], (value) => {
+          });
+      },
+      setRightIndicatorShowMode(indicatorShowMode) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorShowMode', [indicatorShowMode], (value) => {
+          });
+      },
+      setIndicatorWidth(indicatorWidth) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorWidth', [indicatorWidth], (value) => {
+          });
+      },
+      setLeftIndicatorWidth(indicatorWidth) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorWidth', [indicatorWidth], (value) => {
+          });
+      },
+      setRightIndicatorWidth(indicatorWidth) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorWidth', [indicatorWidth], (value) => {
+          });
+      },
+
+      setIndicatorHeight(indicatorHeight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorHeight', [indicatorHeight], (value) => {
+          });
+      },
+      setLeftIndicatorHeight(indicatorHeight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorHeight', [indicatorHeight], (value) => {
+          });
+      },
+      setRightIndicatorHeight(indicatorHeight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorHeight', [indicatorHeight], (value) => {
+          });
+      },
+      setIndicatorTextDecimalFormat(formatPattern) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorTextDecimalFormat', [formatPattern], (value) => {
+          });
+      },
+      setLeftIndicatorTextDecimalFormat(formatPattern) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorTextDecimalFormat', [formatPattern], (value) => {
+          });
+      },
+      setRightIndicatorTextDecimalFormat(formatPattern) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorTextDecimalFormat', [formatPattern], (value) => {
+          });
+      },
+      setIndicatorTextStringFormat(formatPattern) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorTextStringFormat', [formatPattern], (value) => {
+          });
+      },
+      setLeftIndicatorTextStringFormat(formatPattern) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorTextStringFormat', [formatPattern], (value) => {
+          });
+      },
+      setRightIndicatorTextStringFormat(formatPattern) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorTextStringFormat', [formatPattern], (value) => {
+          });
+      },
+      setIndicatorMargin(indicatorMargin) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorMargin', [indicatorMargin], (value) => {
+          });
+      },
+      setLeftIndicatorMargin(indicatorMargin) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorMargin', [indicatorMargin], (value) => {
+          });
+      },
+      setRightIndicatorMargin(indicatorMargin) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorMargin', [indicatorMargin], (value) => {
+          });
+      },
+      setIndicatorPaddingBottom(indicatorPaddingBottom) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorPaddingBottom', [indicatorPaddingBottom], (value) => {
+          });
+      },
+      setLeftIndicatorPaddingBottom(indicatorPaddingBottom) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorPaddingBottom', [indicatorPaddingBottom], (value) => {
+          });
+      },
+      setRightIndicatorPaddingBottom(indicatorPaddingBottom) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorPaddingBottom', [indicatorPaddingBottom], (value) => {
+          });
+      },
+      setIndicatorPaddingTop(indicatorPaddingTop) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorPaddingTop', [indicatorPaddingTop], (value) => {
+          });
+      },
+      setLeftIndicatorPaddingTop(indicatorPaddingTop) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorPaddingTop', [indicatorPaddingTop], (value) => {
+          });
+      },
+      setRightIndicatorPaddingTop(indicatorPaddingTop) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorPaddingTop', [indicatorPaddingTop], (value) => {
+          });
+      },
+
+      setIndicatorPaddingLeft(indicatorPaddingLeft) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorPaddingLeft', [indicatorPaddingLeft], (value) => {
+          });
+      },
+      setLeftIndicatorPaddingLeft(indicatorPaddingLeft) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorPaddingLeft', [indicatorPaddingLeft], (value) => {
+          });
+      },
+      setRightIndicatorPaddingLeft(indicatorPaddingLeft) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorPaddingLeft', [indicatorPaddingLeft], (value) => {
+          });
+      },
+      setIndicatorPaddingRight(indicatorPaddingRight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorPaddingRight', [indicatorPaddingRight], (value) => {
+          });
+      },
+      setLeftIndicatorPaddingRight(indicatorPaddingRight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorPaddingRight', [indicatorPaddingRight], (value) => {
+          });
+      },
+      setRightIndicatorPaddingRight(indicatorPaddingRight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorPaddingRight', [indicatorPaddingRight], (value) => {
+          });
+      },
+      setIndicatorBackgroundColor(indicatorBackgroundColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorBackgroundColor', [indicatorBackgroundColor], (value) => {
+          });
+      },
+      setLeftIndicatorBackgroundColor(indicatorBackgroundColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorBackgroundColor', [indicatorBackgroundColor], (value) => {
+          });
+      },
+      setRightIndicatorBackgroundColor(indicatorBackgroundColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorBackgroundColor', [indicatorBackgroundColor], (value) => {
+          });
+      },
+      setIndicatorRadius(indicatorRadius) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorRadius', [indicatorRadius], (value) => {
+          });
+      },
+      setLeftIndicatorRadius(indicatorRadius) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorRadius', [indicatorRadius], (value) => {
+          });
+      },
+      setRightIndicatorRadius(indicatorRadius) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorRadius', [indicatorRadius], (value) => {
+          });
+      },
+      setIndicatorTextSize(indicatorTextSize) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorTextSize', [indicatorTextSize], (value) => {
+          });
+      },
+      setLeftIndicatorTextSize(indicatorTextSize) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorTextSize', [indicatorTextSize], (value) => {
+          });
+      },
+      setRightIndicatorTextSize(indicatorTextSize) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorTextSize', [indicatorTextSize], (value) => {
+          });
+      },
+      setIndicatorTextColor(indicatorTextColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorTextColor', [indicatorTextColor], (value) => {
+          });
+      },
+      setLeftIndicatorTextColor(indicatorTextColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorTextColor', [indicatorTextColor], (value) => {
+          });
+      },
+      setRightIndicatorTextColor(indicatorTextColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorTextColor', [indicatorTextColor], (value) => {
+          });
+      },
+      setIndicatorArrowSize(indicatorArrowSize) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorArrowSize', [indicatorArrowSize], (value) => {
+          });
+      },
+      setLeftIndicatorArrowSize(indicatorArrowSize) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorArrowSize', [indicatorArrowSize], (value) => {
+          });
+      },
+      setRightIndicatorArrowSize(indicatorArrowSize) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorArrowSize', [indicatorArrowSize], (value) => {
+          });
+      },
+      setIndicatorDrawable(indicatorDrawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorDrawable', [indicatorDrawable], (value) => {
+          });
+      },
+      setLeftIndicatorDrawable(leftIndicatorDrawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorDrawable', [leftIndicatorDrawable], (value) => {
+          });
+      },
+      setRightIndicatorDrawable(rightIndicatorDrawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorDrawable', [rightIndicatorDrawable], (value) => {
+          });
+      },
+      setIndicatorUrl(indicatorUrl) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setIndicatorUrl', [indicatorUrl], (value) => {
+          });
+      },
+      setLeftIndicatorUrl(leftIndicatorUrl) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftIndicatorUrl', [leftIndicatorUrl], (value) => {
+          });
+      },
+      setRightIndicatorUrl(rightIndicatorUrl) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightIndicatorUrl', [rightIndicatorUrl], (value) => {
+          });
+      },
+      setThumbWidth(thumbWidth) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setThumbWidth', [thumbWidth], (value) => {
+          });
+      },
+      setLeftThumbWidth(thumbWidth) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftThumbWidth', [thumbWidth], (value) => {
+          });
+      },
+      setRightThumbWidth(thumbWidth) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightThumbWidth', [thumbWidth], (value) => {
+          });
+      },
+      setThumbHeight(thumbHeight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setThumbHeight', [thumbHeight], (value) => {
+          });
+      },
+      setLeftThumbHeight(thumbHeight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftThumbHeight', [thumbHeight], (value) => {
+          });
+      },
+      setRightThumbHeight(thumbHeight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightThumbHeight', [thumbHeight], (value) => {
+          });
+      },
+      scaleThumb() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'scaleThumb', [], (value) => {
+          });
+      },
+      scaleLeftThumb() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'scaleLeftThumb', [], (value) => {
+          });
+      },
+      scaleRightThumb() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'scaleLeftThumb', [], (value) => {
+          });
+      },
+      resetThumb() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'resetThumb', [], (value) => {
+          });
+      },
+      resetLeftThumb() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'resetLeftThumb', [], (value) => {
+          });
+      },
+      resetRightThumb() {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'resetRightThumb', [], (value) => {
+          });
+      },
+      setThumbScaleRatio(thumbScaleRatio) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setThumbScaleRatio', [thumbScaleRatio], (value) => {
+          });
+      },
+      setLeftThumbScaleRatio(thumbScaleRatio) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftThumbScaleRatio', [thumbScaleRatio], (value) => {
+          });
+      },
+      setRightThumbScaleRatio(thumbScaleRatio) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightThumbScaleRatio', [thumbScaleRatio], (value) => {
+          });
+      },
+      setThumbActivate(activate) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setThumbActivate', [activate], (value) => {
+          });
+      },
+      setLeftThumbActivate(activate) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftThumbActivate', [activate], (value) => {
+          });
+      },
+      setRightThumbActivate(activate) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightThumbActivate', [activate], (value) => {
+          });
+      },
+      setThumbDrawable(drawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setThumbDrawable', [drawable], (value) => {
+          });
+      },
+      setLeftThumbDrawable(drawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftThumbDrawable', [drawable], (value) => {
+          });
+      },
+      setRightThumbDrawable(drawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightThumbDrawable', [drawable], (value) => {
+          });
+      },
+      setThumbUrl(url) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setThumbUrl', [url], (value) => {
+          });
+      },
+      setLeftThumbUrl(url) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftThumbUrl', [url], (value) => {
+          });
+      },
+      setRightThumbUrl(url) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightThumbUrl', [url], (value) => {
+          });
+      },
+      setThumbInactivatedDrawable(drawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setThumbInactivatedDrawable', [drawable], (value) => {
+          });
+      },
+      setLeftThumbInactivatedDrawable(drawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftThumbInactivatedDrawable', [drawable], (value) => {
+          });
+      },
+      setRightThumbInactivatedDrawable(drawable) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightThumbInactivatedDrawable', [drawable], (value) => {
+          });
+      },
+      setThumbInactivatedUrl(url) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setThumbInactivatedUrl', [url], (value) => {
+          });
+      },
+      setLeftThumbInactivatedUrl(url) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setLeftThumbInactivatedUrl', [url], (value) => {
+          });
+      },
+      setRightThumbInactivatedUrl(url) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setRightThumbInactivatedUrl', [url], (value) => {
+          });
+      },
+      setTickMarkMode(tickMarkMode) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setTickMarkMode', [tickMarkMode], (value) => {
+          });
+      },
+      setTickMarkGravity(tickMarkGravity) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setTickMarkGravity', [tickMarkGravity], (value) => {
+          });
+      },
+      setTickMarkLayoutGravity(tickMarkLayoutGravity) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setTickMarkLayoutGravity', [tickMarkLayoutGravity], (value) => {
+          });
+      },
+      setTickMarkTextArray(tickMarkTextArray) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setTickMarkTextArray', [tickMarkTextArray], (value) => {
+          });
+      },
+      setTickMarkTextMargin(tickMarkTextMargin) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setTickMarkTextMargin', [tickMarkTextMargin], (value) => {
+          });
+      },
+      setTickMarkTextSize(tickMarkTextSize) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setTickMarkTextSize', [tickMarkTextSize], (value) => {
+          });
+      },
+      setTickMarkTextColor(tickMarkTextColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setTickMarkTextColor', [tickMarkTextColor], (value) => {
+          });
+      },
+      setTickMarkInRangeTextColor(tickMarkInRangeTextColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setTickMarkInRangeTextColor', [tickMarkInRangeTextColor], (value) => {
+          });
+      },
+      setSteps(steps) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setSteps', [steps], (value) => {
+          });
+      },
+      setStepsWidth(stepsWidth) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setStepsWidth', [stepsWidth], (value) => {
+          });
+      },
+      setStepsHeight(stepsHeight) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setStepsHeight', [stepsHeight], (value) => {
+          });
+      },
+      setStepsRadius(stepsRadius) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setStepsRadius', [stepsRadius], (value) => {
+          });
+      },
+      setStepsColor(stepsColor) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setStepsColor', [stepsColor], (value) => {
+          });
+      },
+      setStepsAutoBonding(stepsAutoBonding) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setStepsAutoBonding', [stepsAutoBonding], (value) => {
+          });
+      },
+      setStepsDrawable(drawableArray) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setStepsDrawable', [drawableArray], (value) => {
+          });
+      },
+      setStepsUrl(urlArray) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setStepsUrl', [urlArray], (value) => {
+          });
+      },
+      setMaxProgress(progress) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setMaxProgress', [progress], (res) => {
+          });
+      },
+      setSecondProgress(progress) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'setSecondProgress', [progress], (res) => {
+          });
+      },
+      show(value) {
+        Vue.Native.callUIFunction(this.$refs.seekbar,
+          'show', [value], (res) => {
+          });
+      },
+      onSeekBarChange(evt) {
+        this.$emit('seek-change', evt);
+      },
+    },
+    render(h) {
+      const on = getEventRedirector.call(this, [
+        ['seek-change', 'seekBarChange'],
+      ]);
+      return h('TVProgressBarViewComponent',
+        {
+          on,
+          ref: 'seekbar'
         }, this.$slots.default
       );
     }