@meve/ui/es/loading-bar/LoadingBar.js

Argon design system components library

import context from '../context';
import { createNamespace } from '../utils/create';



var _createNamespace = createNamespace('loading-bar'),
    createComponent = _createNamespace.createComponent,
    namespace = _createNamespace.namespace;

var LoadingBarPlugin = createComponent({
  data: function data() {
    return {
      value: 0,
      opacity: 0,
      transition: undefined,
      error: false
    };
  },
  render: function render() {
    var h = arguments[0];
    var error = this.error,
        value = this.value,
        opacity = this.opacity,
        transition = this.transition;
    return h("div", {
      "class": [namespace(), error && namespace('--error')],
      "style": {
        zIndex: context.zIndex,
        width: value + "%",
        transition: transition,
        opacity: opacity
      }
    });
  }
});
export var _LoadingBarComponent = LoadingBarPlugin;
export default LoadingBarPlugin;