@vue-interface/btn-activity 1.1.0 → 2.0.0-beta.0

package/dist/btn-activity.es.js

@@ -1,308 +1,93 @@
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-  return _typeof = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(obj2) {
-    return typeof obj2;
-  } : function(obj2) {
-    return obj2 && typeof Symbol == "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-  }, _typeof(obj);
-}
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor)
-      descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
-  }
-}
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps)
-    _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps)
-    _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
-}
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p2) {
-    o2.__proto__ = p2;
-    return o2;
-  };
-  return _setPrototypeOf(o, p);
-}
-function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct)
-    return false;
-  if (Reflect.construct.sham)
-    return false;
-  if (typeof Proxy === "function")
-    return true;
-  try {
-    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
-    }));
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-function _construct(Parent, args, Class) {
-  if (_isNativeReflectConstruct()) {
-    _construct = Reflect.construct;
-  } else {
-    _construct = function _construct2(Parent2, args2, Class2) {
-      var a = [null];
-      a.push.apply(a, args2);
-      var Constructor = Function.bind.apply(Parent2, a);
-      var instance = new Constructor();
-      if (Class2)
-        _setPrototypeOf(instance, Class2.prototype);
-      return instance;
-    };
-  }
-  return _construct.apply(null, arguments);
-}
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr))
-    return arr;
-}
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-  if (_i == null)
-    return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-  var _s, _e;
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-      if (i && _arr.length === i)
-        break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null)
-        _i["return"]();
-    } finally {
-      if (_d)
-        throw _e;
-    }
-  }
-  return _arr;
-}
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o)
-    return;
-  if (typeof o === "string")
-    return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor)
-    n = o.constructor.name;
-  if (n === "Map" || n === "Set")
-    return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _arrayLikeToArray(o, minLen);
-}
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length)
-    len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++)
-    arr2[i] = arr[i];
-  return arr2;
-}
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-var _assign = function __assign() {
-  _assign = Object.assign || function __assign22(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p))
-          t[p] = s[p];
-      }
+import { openBlock as c, createElementBlock as d, normalizeClass as m, normalizeStyle as $, createElementVNode as k, createBlock as P, resolveDynamicComponent as z, createCommentVNode as p, toDisplayString as S, resolveComponent as B, createTextVNode as E, renderSlot as D, createVNode as N, normalizeProps as O, guardReactiveProps as R } from "vue";
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var u = function() {
+  return u = Object.assign || function(e) {
+    for (var i, n = 1, s = arguments.length; n < s; n++) {
+      i = arguments[n];
+      for (var r in i)
+        Object.prototype.hasOwnProperty.call(i, r) && (e[r] = i[r]);
     }
-    return t;
-  };
-  return _assign.apply(this, arguments);
+    return e;
+  }, u.apply(this, arguments);
 };
-function lowerCase$1(str) {
-  return str.toLowerCase();
+function j(t) {
+  return t.toLowerCase();
 }
-var DEFAULT_SPLIT_REGEXP$1 = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];
-var DEFAULT_STRIP_REGEXP$1 = /[^A-Z0-9]+/gi;
-function noCase$1(input, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  var _a = options.splitRegexp, splitRegexp = _a === void 0 ? DEFAULT_SPLIT_REGEXP$1 : _a, _b = options.stripRegexp, stripRegexp = _b === void 0 ? DEFAULT_STRIP_REGEXP$1 : _b, _c = options.transform, transform = _c === void 0 ? lowerCase$1 : _c, _d = options.delimiter, delimiter = _d === void 0 ? " " : _d;
-  var result = replace$1(replace$1(input, splitRegexp, "$1\0$2"), stripRegexp, "\0");
-  var start = 0;
-  var end = result.length;
-  while (result.charAt(start) === "\0") {
-    start++;
-  }
-  while (result.charAt(end - 1) === "\0") {
-    end--;
-  }
-  return result.slice(start, end).split("\0").map(transform).join(delimiter);
+var T = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g], F = /[^A-Z0-9]+/gi;
+function L(t, e) {
+  e === void 0 && (e = {});
+  for (var i = e.splitRegexp, n = i === void 0 ? T : i, s = e.stripRegexp, r = s === void 0 ? F : s, o = e.transform, h = o === void 0 ? j : o, g = e.delimiter, C = g === void 0 ? " " : g, l = f(f(t, n, "$1\0$2"), r, "\0"), y = 0, v = l.length; l.charAt(y) === "\0"; )
+    y++;
+  for (; l.charAt(v - 1) === "\0"; )
+    v--;
+  return l.slice(y, v).split("\0").map(h).join(C);
 }
-function replace$1(input, re, value) {
-  if (re instanceof RegExp)
-    return input.replace(re, value);
-  return re.reduce(function(input2, re2) {
-    return input2.replace(re2, value);
-  }, input);
+function f(t, e, i) {
+  return e instanceof RegExp ? t.replace(e, i) : e.reduce(function(n, s) {
+    return n.replace(s, i);
+  }, t);
 }
-function dotCase$1(input, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return noCase$1(input, _assign({
+function H(t, e) {
+  return e === void 0 && (e = {}), L(t, u({
     delimiter: "."
-  }, options));
+  }, e));
 }
-function paramCase$1(input, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return dotCase$1(input, _assign({
+function _(t, e) {
+  return e === void 0 && (e = {}), H(t, u({
     delimiter: "-"
-  }, options));
+  }, e));
 }
-var ComponentRegistry = /* @__PURE__ */ function() {
-  function ComponentRegistry2() {
-    var _this = this;
-    var components = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    _classCallCheck(this, ComponentRegistry2);
-    this.components = {};
-    Object.entries(components).forEach(function(_ref) {
-      var _ref2 = _slicedToArray(_ref, 2), key = _ref2[0], value = _ref2[1];
-      _this.register(key, value);
+class w {
+  constructor(e = {}) {
+    this.components = /* @__PURE__ */ new Map(), Object.entries(e).forEach(([i, n]) => {
+      this.register(i, n);
     });
   }
-  _createClass(ComponentRegistry2, [{
-    key: "get",
-    value: function get(name) {
-      var match = this.components[name = paramCase$1(name)];
-      if (match) {
-        return match;
-      }
-      throw new Error('"'.concat(name, '" has not been registered yet!'));
-    }
-  }, {
-    key: "register",
-    value: function register(name, value) {
-      var _this2 = this;
-      if (_typeof(name) === "object") {
-        Object.entries(name).forEach(function(_ref3) {
-          var _ref4 = _slicedToArray(_ref3, 2), name2 = _ref4[0], module = _ref4[1];
-          _this2.register(paramCase$1(name2), module);
-        });
-        return this;
-      }
-      this.components[paramCase$1(name)] = value;
-      return this;
-    }
-  }, {
-    key: "remove",
-    value: function remove(name) {
-      delete this.components[paramCase$1(name)];
-      return this;
-    }
-  }, {
-    key: "reset",
-    value: function reset() {
-      this.components = {};
-      return this;
-    }
-  }]);
-  return ComponentRegistry2;
-}();
-function factory() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
+  get(e) {
+    const i = this.components.get(e = _(e));
+    if (i)
+      return i;
+    throw new Error(`"${e}" has not been registered yet!`);
   }
-  return _construct(ComponentRegistry, args);
-}
-const registry = factory();
-var render$2 = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "activity-indicator", class: _vm.classes, style: _vm.style }, [_c("div", { staticClass: "activity-indicator-content" }, [_c(_vm.component, { tag: "component", staticClass: "mx-auto" }), _vm.label ? _c("div", { staticClass: "activity-indicator-label" }, [_vm._v(" " + _vm._s(_vm.label) + " ")]) : _vm._e()], 1)]);
-};
-var staticRenderFns$2 = [];
-var ActivityIndicator_vue_vue_type_style_index_0_lang = "";
-function normalizeComponent(scriptExports, render2, staticRenderFns2, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
-  var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
-  if (render2) {
-    options.render = render2;
-    options.staticRenderFns = staticRenderFns2;
-    options._compiled = true;
-  }
-  if (functionalTemplate) {
-    options.functional = true;
+  register(e, i) {
+    return typeof e == "object" ? (Object.entries(e).forEach(([n, s]) => {
+      this.register(_(n), s);
+    }), this) : (this.components.set(_(e), i), this);
   }
-  if (scopeId) {
-    options._scopeId = "data-v-" + scopeId;
-  }
-  var hook;
-  if (moduleIdentifier) {
-    hook = function(context) {
-      context = context || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== "undefined") {
-        context = __VUE_SSR_CONTEXT__;
-      }
-      if (injectStyles) {
-        injectStyles.call(this, context);
-      }
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier);
-      }
-    };
-    options._ssrRegister = hook;
-  } else if (injectStyles) {
-    hook = shadowMode ? function() {
-      injectStyles.call(this, (options.functional ? this.parent : this).$root.$options.shadowRoot);
-    } : injectStyles;
+  remove(e) {
+    return this.components.delete(_(e)), this;
   }
-  if (hook) {
-    if (options.functional) {
-      options._injectStyles = hook;
-      var originalRender = options.render;
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context);
-        return originalRender(h, context);
-      };
-    } else {
-      var existing = options.beforeCreate;
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
-    }
+  reset() {
+    return this.components = /* @__PURE__ */ new Map(), this;
   }
-  return {
-    exports: scriptExports,
-    options
-  };
 }
-function unit(value, uom = "px") {
-  return value !== null && value !== void 0 && value !== false && isFinite(value) ? `${value}${uom}` : value;
+function I(...t) {
+  return new w(...t);
+}
+const b = I();
+const A = (t, e) => {
+  const i = t.__vccOpts || t;
+  for (const [n, s] of e)
+    i[n] = s;
+  return i;
+};
+function a(t, e = "px") {
+  return t != null && t !== !1 && isFinite(t) ? `${t}${e}` : t;
 }
-const __vue2_script$2 = {
+const V = {
   name: "ActivityIndicator",
   props: {
     absolute: Boolean,
@@ -313,14 +98,14 @@ const __vue2_script$2 = {
       default: "md"
     },
     registry: {
-      type: ComponentRegistry,
+      type: w,
       default() {
-        return registry;
+        return b;
       }
     },
     type: {
       type: String,
-      required: true
+      required: !0
     },
     height: [String, Number],
     maxHeight: [String, Number],
@@ -329,6 +114,9 @@ const __vue2_script$2 = {
     maxWidth: [String, Number],
     minWidth: [String, Number]
   },
+  data: () => ({
+    is: null
+  }),
   computed: {
     classes() {
       return {
@@ -339,377 +127,154 @@ const __vue2_script$2 = {
     },
     style() {
       return {
-        width: unit(this.width),
-        maxWidth: unit(this.maxWidth),
-        minWidth: unit(this.minWidth),
-        height: unit(this.height),
-        maxHeight: unit(this.maxHeight),
-        minHeight: unit(this.minHeight)
-      };
-    },
-    component() {
-      return () => {
-        const component = registry.get(this.type);
-        if (component instanceof Promise) {
-          return component;
-        }
-        if (typeof component === "function") {
-          return component();
-        }
-        return Promise.resolve(component);
+        width: a(this.width),
+        maxWidth: a(this.maxWidth),
+        minWidth: a(this.minWidth),
+        height: a(this.height),
+        maxHeight: a(this.maxHeight),
+        minHeight: a(this.minHeight)
       };
     }
-  }
-};
-const __cssModules$2 = {};
-var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, null, null, null);
-function __vue2_injectStyles$2(context) {
-  for (let o in __cssModules$2) {
-    this[o] = __cssModules$2[o];
-  }
-}
-var ActivityIndicator = /* @__PURE__ */ function() {
-  return __component__$2.exports;
-}();
-var Chase_vue_vue_type_style_index_0_lang = "";
-var CircleFade_vue_vue_type_style_index_0_lang = "";
-var CircleOrbit_vue_vue_type_style_index_0_lang = "";
-var CircleTrail_vue_vue_type_style_index_0_lang = "";
-var Dots_vue_vue_type_style_index_0_lang = "";
-var DoublePulse_vue_vue_type_style_index_0_lang = "";
-var Facebook_vue_vue_type_style_index_0_lang = "";
-var Grid_vue_vue_type_style_index_0_lang = "";
-var Pulse_vue_vue_type_style_index_0_lang = "";
-var Spinner_vue_vue_type_style_index_0_lang = "";
-var Spotify_vue_vue_type_style_index_0_lang = "";
-var Square_vue_vue_type_style_index_0_lang = "";
-var SquareFold_vue_vue_type_style_index_0_lang = "";
-var SquareOrbit_vue_vue_type_style_index_0_lang = "";
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign2 = function() {
-  __assign2 = Object.assign || function __assign22(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p))
-          t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign2.apply(this, arguments);
-};
-function lowerCase(str) {
-  return str.toLowerCase();
-}
-var DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];
-var DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;
-function noCase(input, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  var _a = options.splitRegexp, splitRegexp = _a === void 0 ? DEFAULT_SPLIT_REGEXP : _a, _b = options.stripRegexp, stripRegexp = _b === void 0 ? DEFAULT_STRIP_REGEXP : _b, _c = options.transform, transform = _c === void 0 ? lowerCase : _c, _d = options.delimiter, delimiter = _d === void 0 ? " " : _d;
-  var result = replace(replace(input, splitRegexp, "$1\0$2"), stripRegexp, "\0");
-  var start = 0;
-  var end = result.length;
-  while (result.charAt(start) === "\0")
-    start++;
-  while (result.charAt(end - 1) === "\0")
-    end--;
-  return result.slice(start, end).split("\0").map(transform).join(delimiter);
-}
-function replace(input, re, value) {
-  if (re instanceof RegExp)
-    return input.replace(re, value);
-  return re.reduce(function(input2, re2) {
-    return input2.replace(re2, value);
-  }, input);
-}
-function dotCase(input, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return noCase(input, __assign2({
-    delimiter: "."
-  }, options));
-}
-function paramCase(input, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return dotCase(input, __assign2({
-    delimiter: "-"
-  }, options));
-}
-var Sizeable = {
-  props: {
-    size: String,
-    sizePrefix: {
-      type: String,
-      default() {
-        return this.$options.name;
-      }
-    }
   },
-  computed: {
-    sizeableClassPrefix() {
-      return this.sizePrefix && paramCase(this.sizePrefix);
-    },
-    sizeableClass() {
-      if (!this.size || !this.sizeableClassPrefix) {
-        return "";
-      }
-      return `${this.sizeableClassPrefix}-${this.size}`;
-    }
-  }
-};
-var Variant = {
-  props: {
-    variant: String,
-    variantPrefix: {
-      type: String,
-      default() {
-        return this.$options.name && this.$options.name.toLowerCase();
-      }
-    }
-  },
-  computed: {
-    variantClassPrefix() {
-      return this.variantPrefix;
-    },
-    variantClass() {
-      if (!this.variant || !this.variantClassPrefix) {
-        return "";
-      }
-      return `${this.variantClassPrefix}-${this.variant}`;
-    }
-  }
-};
-var render$1 = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(_vm.component, { tag: "component", class: _vm.classes, attrs: { "disabled": _vm.disabled, "role": "button" }, on: { "click": function($event) {
-    !_vm.disabled && _vm.$emit("click", $event);
-  } } }, [_vm._t("default", function() {
-    return [_vm._v(_vm._s(_vm.label))];
-  })], 2);
-};
-var staticRenderFns$1 = [];
-const __vue2_script$1 = {
-  name: "Btn",
-  mixins: [
-    Sizeable,
-    Variant
-  ],
-  props: {
-    active: Boolean,
-    block: Boolean,
-    disabled: Boolean,
-    label: String,
-    outline: Boolean,
-    tag: String,
-    variant: {
-      type: String,
-      default: "primary"
-    }
+  async mounted() {
+    const t = await this.component();
+    this.is = () => t;
   },
-  computed: {
-    classes() {
-      return [
-        "btn",
-        this.variantClass,
-        this.sizeableClass,
-        this.active && "active",
-        this.block && "btn-block",
-        this.disabled && "disabled"
-      ];
-    },
-    component() {
-      if (this.tag) {
-        return this.tag;
-      }
-      if (this.$attrs.to) {
-        return "router-link";
-      }
-      if (this.$attrs.href) {
-        return "a";
-      }
-      return "button";
-    },
-    variantClassPrefix() {
-      return this.variantPrefix + (this.outline ? "-outline" : "");
+  methods: {
+    async component() {
+      let t = b.get(this.type);
+      return t instanceof Promise ? t : (typeof t == "function" && (t = await t()), t.default ? t.default : t);
     }
   }
+}, W = { class: "activity-indicator-content" }, q = {
+  key: 1,
+  class: "activity-indicator-label"
 };
-const __cssModules$1 = {};
-var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, null, null, null);
-function __vue2_injectStyles$1(context) {
-  for (let o in __cssModules$1) {
-    this[o] = __cssModules$1[o];
-  }
+function Z(t, e, i, n, s, r) {
+  return c(), d("div", {
+    class: m(["activity-indicator", r.classes]),
+    style: $(r.style)
+  }, [
+    k("div", W, [
+      t.is ? (c(), P(z(t.is()), {
+        key: 0,
+        class: "mx-auto"
+      })) : p("", !0),
+      i.label ? (c(), d("div", q, S(i.label), 1)) : p("", !0)
+    ])
+  ], 6);
 }
-var Btn = /* @__PURE__ */ function() {
-  return __component__$1.exports;
-}();
-var render = function() {
-  var this$1$1 = this;
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("btn", { class: _vm.classes, attrs: { "active": _vm.active, "block": _vm.block, "disabled": _vm.disabled, "size": _vm.size, "tag": _vm.tag, "variant": _vm.variant }, on: { "click": function(e) {
-    return !_vm.disabled && _vm.$emit("click", e, this$1$1);
-  } } }, [_vm._t("default", function() {
-    return [_vm._v(_vm._s(_vm.label))];
-  }), _c("activity-indicator", _vm._b({}, "activity-indicator", _vm.indicatorProps, false))], 2);
-};
-var staticRenderFns = [];
-var BtnActivity_vue_vue_type_style_index_0_lang = "";
-const convertAnimationDelayToInt = function(delay) {
-  const num = parseFloat(delay || 0, 10);
-  const matches = delay && delay.match(/m?s/);
-  const unit2 = matches ? matches[0] : false;
-  let milliseconds;
-  switch (unit2) {
+const G = /* @__PURE__ */ A(V, [["render", Z]]);
+const M = function(t) {
+  const e = parseFloat(t || 0, 10), i = t && t.match(/m?s/), n = i ? i[0] : !1;
+  let s;
+  switch (n) {
     case "s":
-      milliseconds = num * 1e3;
+      s = e * 1e3;
       break;
     case "ms":
     default:
-      milliseconds = num;
+      s = e;
       break;
   }
-  return milliseconds || 0;
-};
-const animated = function(el, callback) {
-  const defaultView = (el.ownerDocument || document).defaultView;
+  return s || 0;
+}, x = function(t, e) {
+  const i = (t.ownerDocument || document).defaultView;
   setTimeout(() => {
-    callback.apply();
-  }, convertAnimationDelayToInt(defaultView.getComputedStyle(el).animationDuration));
-};
-const __vue2_script = {
+    e.apply();
+  }, M(i.getComputedStyle(t).animationDuration));
+}, U = {
   name: "BtnActivity",
   components: {
-    ActivityIndicator,
-    Btn
+    ActivityIndicator: G
   },
   props: {
     active: Boolean,
     activity: Boolean,
     block: Boolean,
     disabled: Boolean,
-    indicator: {
-      type: [Object, String],
-      default: "spinner"
-    },
     label: String,
-    orientation: {
-      type: String,
-      default: "right"
-    },
+    icon: String,
+    type: String,
     size: {
       type: String,
       default: "md"
     },
-    tag: String,
     variant: {
       type: String,
       default: "primary"
+    },
+    indicator: {
+      type: [Object, String],
+      default: "spinner"
+    },
+    orientation: {
+      type: String,
+      default: "right"
     }
   },
-  data() {
-    return {
-      currentActivity: this.activity
-    };
-  },
   computed: {
     classes() {
-      const classes = {
-        "disabled": this.disabled,
-        "active": this.active,
+      const t = {
+        disabled: this.disabled,
+        active: this.active,
+        "btn-block": this.block,
         "btn-activity": this.activity
       };
-      classes["btn-activity-" + this.orientation.replace("btn-activity-", "")] = !!this.orientation;
-      classes["btn-activity-indicator-" + this.indicatorProps.type.replace("btn-activity-indicator-", "")] = !!this.indicatorProps.type;
-      return classes;
+      return t["btn-" + this.size.replace("btn-", "")] = !!this.size, t["btn-" + this.variant.replace("btn-", "")] = !!this.variant, t["btn-activity-" + this.orientation.replace("btn-activity-", "")] = !!this.orientation, t["btn-activity-indicator-" + this.indicatorProps.type.replace("btn-activity-indicator-", "")] = !!this.indicatorProps.type, t;
     },
     indicatorProps() {
       return Object.assign({
         type: "spinner"
-      }, (typeof this.indicator === "string" ? {
+      }, (typeof this.indicator == "string" ? {
         type: this.indicator
       } : this.indicator) || {});
     }
   },
   watch: {
-    activity(value) {
-      if (value) {
-        this.showActivity();
-      } else {
-        this.hideActivity();
-      }
-    }
-  },
-  mounted() {
-    if (this.activity) {
-      this.showActivity();
+    activity(t) {
+      t ? this.showActivity() : this.hideActivity();
     }
   },
   methods: {
     disable() {
-      this.$el.disabled = true;
-      this.$el.classList.add("disabled");
+      this.$el.disabled = !0;
     },
     enable() {
-      this.$el.disabled = false;
-      this.$el.classList.remove("disabled");
+      this.$el.disabled = !1;
     },
-    hideActivity() {
-      this.$el.classList.add("btn-hide-activity");
-      animated(this.$el, () => {
-        this.enable();
-        this.currentActivity = false;
-        this.$el.classList.remove("btn-activity", "btn-hide-activity");
-        this.$emit("hide-activity");
+    showActivity() {
+      this.disable(), x(this.$el, () => {
+        this.$el.classList.add("btn-activity"), this.$emit("show-activity");
       });
     },
-    showActivity() {
-      this.currentActivity = true;
-      this.disable();
-      animated(this.$el, () => {
-        this.$el.classList.add("btn-activity");
-        this.$emit("show-activity");
+    hideActivity() {
+      this.$el.classList.add("btn-hide-activity"), x(this.$el, () => {
+        this.enable(), this.$el.classList.remove("btn-activity", "btn-hide-activity"), this.$emit("hide-activity");
       });
     },
-    toggle() {
-      if (!this.currentActivity) {
-        this.showActivity();
-      } else {
-        this.hideActivity();
-      }
+    onClick(t) {
+      this.disabled ? t.preventDefault() : this.$emit("click", t);
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, null, null, null);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+}, X = ["type"];
+function J(t, e, i, n, s, r) {
+  const o = B("activity-indicator");
+  return c(), d("button", {
+    type: i.type,
+    class: m(["btn", r.classes]),
+    onClick: e[0] || (e[0] = (...h) => r.onClick && r.onClick(...h))
+  }, [
+    i.icon ? (c(), d("i", {
+      key: 0,
+      class: m(i.icon)
+    }, null, 2)) : p("", !0),
+    E(" " + S(i.label) + " ", 1),
+    D(t.$slots, "default"),
+    N(o, O(R(r.indicatorProps)), null, 16)
+  ], 10, X);
 }
-var BtnActivity = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export { BtnActivity };
+const Q = /* @__PURE__ */ A(U, [["render", J]]);
+export {
+  Q as BtnActivity
+};

package/dist/btn-activity.umd.js

@@ -1,5 +1,4 @@
-(function(d,v){typeof exports=="object"&&typeof module!="undefined"?v(exports):typeof define=="function"&&define.amd?define(["exports"],v):(d=typeof globalThis!="undefined"?globalThis:d||self,v(d.BtnActivity={}))})(this,function(d){"use strict";function v(t){return v=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(t)}function B(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function S(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function j(t,e,i){return e&&S(t.prototype,e),i&&S(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}function b(t,e){return b=Object.setPrototypeOf||function(n,r){return n.__proto__=r,n},b(t,e)}function L(){if(typeof Reflect=="undefined"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function y(t,e,i){return L()?y=Reflect.construct:y=function(r,o,s){var u=[null];u.push.apply(u,o);var a=Function.bind.apply(r,u),c=new a;return s&&b(c,s.prototype),c},y.apply(null,arguments)}function x(t,e){return F(t)||I(t,e)||D(t,e)||N()}function F(t){if(Array.isArray(t))return t}function I(t,e){var i=t==null?null:typeof Symbol!="undefined"&&t[Symbol.iterator]||t["@@iterator"];if(i!=null){var n=[],r=!0,o=!1,s,u;try{for(i=i.call(t);!(r=(s=i.next()).done)&&(n.push(s.value),!(e&&n.length===e));r=!0);}catch(a){o=!0,u=a}finally{try{!r&&i.return!=null&&i.return()}finally{if(o)throw u}}return n}}function D(t,e){if(!!t){if(typeof t=="string")return A(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);if(i==="Object"&&t.constructor&&(i=t.constructor.name),i==="Map"||i==="Set")return Array.from(t);if(i==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return A(t,e)}}function A(t,e){(e==null||e>t.length)&&(e=t.length);for(var i=0,n=new Array(e);i<e;i++)n[i]=t[i];return n}function N(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var p=function(){return p=Object.assign||function(i){for(var n,r=1,o=arguments.length;r<o;r++){n=arguments[r];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(i[s]=n[s])}return i},p.apply(this,arguments)};function W(t){return t.toLowerCase()}var Z=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],H=/[^A-Z0-9]+/gi;function U(t,e){e===void 0&&(e={});for(var i=e.splitRegexp,n=i===void 0?Z:i,r=e.stripRegexp,o=r===void 0?H:r,s=e.transform,u=s===void 0?W:s,a=e.delimiter,c=a===void 0?" ":a,f=C(C(t,n,"$1\0$2"),o,"\0"),_=0,l=f.length;f.charAt(_)==="\0";)_++;for(;f.charAt(l-1)==="\0";)l--;return f.slice(_,l).split("\0").map(u).join(c)}function C(t,e,i){return e instanceof RegExp?t.replace(e,i):e.reduce(function(n,r){return n.replace(r,i)},t)}function M(t,e){return e===void 0&&(e={}),U(t,p({delimiter:"."},e))}function m(t,e){return e===void 0&&(e={}),M(t,p({delimiter:"-"},e))}var P=function(){function t(){var e=this,i=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};B(this,t),this.components={},Object.entries(i).forEach(function(n){var r=x(n,2),o=r[0],s=r[1];e.register(o,s)})}return j(t,[{key:"get",value:function(i){var n=this.components[i=m(i)];if(n)return n;throw new Error('"'.concat(i,'" has not been registered yet!'))}},{key:"register",value:function(i,n){var r=this;return v(i)==="object"?(Object.entries(i).forEach(function(o){var s=x(o,2),u=s[0],a=s[1];r.register(m(u),a)}),this):(this.components[m(i)]=n,this)}},{key:"remove",value:function(i){return delete this.components[m(i)],this}},{key:"reset",value:function(){return this.components={},this}}]),t}();function X(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return y(P,e)}const w=X();var G=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"activity-indicator",class:t.classes,style:t.style},[i("div",{staticClass:"activity-indicator-content"},[i(t.component,{tag:"component",staticClass:"mx-auto"}),t.label?i("div",{staticClass:"activity-indicator-label"},[t._v(" "+t._s(t.label)+" ")]):t._e()],1)])},V=[],$t="";function $(t,e,i,n,r,o,s,u){var a=typeof t=="function"?t.options:t;e&&(a.render=e,a.staticRenderFns=i,a._compiled=!0),n&&(a.functional=!0),o&&(a._scopeId="data-v-"+o);var c;if(s?(c=function(l){l=l||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!l&&typeof __VUE_SSR_CONTEXT__!="undefined"&&(l=__VUE_SSR_CONTEXT__),r&&r.call(this,l),l&&l._registeredComponents&&l._registeredComponents.add(s)},a._ssrRegister=c):r&&(c=u?function(){r.call(this,(a.functional?this.parent:this).$root.$options.shadowRoot)}:r),c)if(a.functional){a._injectStyles=c;var f=a.render;a.render=function(bt,k){return c.call(k),f(bt,k)}}else{var _=a.beforeCreate;a.beforeCreate=_?[].concat(_,c):[c]}return{exports:t,options:a}}function h(t,e="px"){return t!=null&&t!==!1&&isFinite(t)?`${t}${e}`:t}const q={name:"ActivityIndicator",props:{absolute:Boolean,center:Boolean,label:String,size:{type:String,default:"md"},registry:{type:P,default(){return w}},type:{type:String,required:!0},height:[String,Number],maxHeight:[String,Number],minHeight:[String,Number],width:[String,Number],maxWidth:[String,Number],minWidth:[String,Number]},computed:{classes(){return{"activity-indicator-center":this.center,"activity-indicator-absolute":this.absolute,[this.size&&`activity-indicator-${this.size}`]:!!this.size}},style(){return{width:h(this.width),maxWidth:h(this.maxWidth),minWidth:h(this.minWidth),height:h(this.height),maxHeight:h(this.maxHeight),minHeight:h(this.minHeight)}},component(){return()=>{const t=w.get(this.type);return t instanceof Promise?t:typeof t=="function"?t():Promise.resolve(t)}}}},R={};var J=$(q,G,V,!1,K,null,null,null);function K(t){for(let e in R)this[e]=R[e]}var Q=function(){return J.exports}(),St="",xt="",At="",Ct="",Pt="",wt="",Rt="",zt="",Ot="",Tt="",Et="",kt="",Bt="",jt="";/*! *****************************************************************************
+(function(c,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(c=typeof globalThis<"u"?globalThis:c||self,n(c.BtnActivity={},c.Vue))})(this,function(c,n){"use strict";/*! *****************************************************************************
   Copyright (c) Microsoft Corporation.
 
   Permission to use, copy, modify, and/or distribute this software for any
@@ -12,4 +11,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
   OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
   PERFORMANCE OF THIS SOFTWARE.
-  ***************************************************************************** */var g=function(){return g=Object.assign||function(e){for(var i,n=1,r=arguments.length;n<r;n++){i=arguments[n];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(e[o]=i[o])}return e},g.apply(this,arguments)};function Y(t){return t.toLowerCase()}var tt=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],et=/[^A-Z0-9]+/gi;function it(t,e){e===void 0&&(e={});for(var i=e.splitRegexp,n=i===void 0?tt:i,r=e.stripRegexp,o=r===void 0?et:r,s=e.transform,u=s===void 0?Y:s,a=e.delimiter,c=a===void 0?" ":a,f=z(z(t,n,"$1\0$2"),o,"\0"),_=0,l=f.length;f.charAt(_)==="\0";)_++;for(;f.charAt(l-1)==="\0";)l--;return f.slice(_,l).split("\0").map(u).join(c)}function z(t,e,i){return e instanceof RegExp?t.replace(e,i):e.reduce(function(n,r){return n.replace(r,i)},t)}function nt(t,e){return e===void 0&&(e={}),it(t,g({delimiter:"."},e))}function rt(t,e){return e===void 0&&(e={}),nt(t,g({delimiter:"-"},e))}var at={props:{size:String,sizePrefix:{type:String,default(){return this.$options.name}}},computed:{sizeableClassPrefix(){return this.sizePrefix&&rt(this.sizePrefix)},sizeableClass(){return!this.size||!this.sizeableClassPrefix?"":`${this.sizeableClassPrefix}-${this.size}`}}},st={props:{variant:String,variantPrefix:{type:String,default(){return this.$options.name&&this.$options.name.toLowerCase()}}},computed:{variantClassPrefix(){return this.variantPrefix},variantClass(){return!this.variant||!this.variantClassPrefix?"":`${this.variantClassPrefix}-${this.variant}`}}},ot=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i(t.component,{tag:"component",class:t.classes,attrs:{disabled:t.disabled,role:"button"},on:{click:function(n){!t.disabled&&t.$emit("click",n)}}},[t._t("default",function(){return[t._v(t._s(t.label))]})],2)},lt=[];const ct={name:"Btn",mixins:[at,st],props:{active:Boolean,block:Boolean,disabled:Boolean,label:String,outline:Boolean,tag:String,variant:{type:String,default:"primary"}},computed:{classes(){return["btn",this.variantClass,this.sizeableClass,this.active&&"active",this.block&&"btn-block",this.disabled&&"disabled"]},component(){return this.tag?this.tag:this.$attrs.to?"router-link":this.$attrs.href?"a":"button"},variantClassPrefix(){return this.variantPrefix+(this.outline?"-outline":"")}}},O={};var ut=$(ct,ot,lt,!1,ft,null,null,null);function ft(t){for(let e in O)this[e]=O[e]}var _t=function(){return ut.exports}(),vt=function(){var t=this,e=this,i=e.$createElement,n=e._self._c||i;return n("btn",{class:e.classes,attrs:{active:e.active,block:e.block,disabled:e.disabled,size:e.size,tag:e.tag,variant:e.variant},on:{click:function(r){return!e.disabled&&e.$emit("click",r,t)}}},[e._t("default",function(){return[e._v(e._s(e.label))]}),n("activity-indicator",e._b({},"activity-indicator",e.indicatorProps,!1))],2)},dt=[],Lt="";const ht=function(t){const e=parseFloat(t||0,10),i=t&&t.match(/m?s/),n=i?i[0]:!1;let r;switch(n){case"s":r=e*1e3;break;case"ms":default:r=e;break}return r||0},T=function(t,e){const i=(t.ownerDocument||document).defaultView;setTimeout(()=>{e.apply()},ht(i.getComputedStyle(t).animationDuration))},yt={name:"BtnActivity",components:{ActivityIndicator:Q,Btn:_t},props:{active:Boolean,activity:Boolean,block:Boolean,disabled:Boolean,indicator:{type:[Object,String],default:"spinner"},label:String,orientation:{type:String,default:"right"},size:{type:String,default:"md"},tag:String,variant:{type:String,default:"primary"}},data(){return{currentActivity:this.activity}},computed:{classes(){const t={disabled:this.disabled,active:this.active,"btn-activity":this.activity};return t["btn-activity-"+this.orientation.replace("btn-activity-","")]=!!this.orientation,t["btn-activity-indicator-"+this.indicatorProps.type.replace("btn-activity-indicator-","")]=!!this.indicatorProps.type,t},indicatorProps(){return Object.assign({type:"spinner"},(typeof this.indicator=="string"?{type:this.indicator}:this.indicator)||{})}},watch:{activity(t){t?this.showActivity():this.hideActivity()}},mounted(){this.activity&&this.showActivity()},methods:{disable(){this.$el.disabled=!0,this.$el.classList.add("disabled")},enable(){this.$el.disabled=!1,this.$el.classList.remove("disabled")},hideActivity(){this.$el.classList.add("btn-hide-activity"),T(this.$el,()=>{this.enable(),this.currentActivity=!1,this.$el.classList.remove("btn-activity","btn-hide-activity"),this.$emit("hide-activity")})},showActivity(){this.currentActivity=!0,this.disable(),T(this.$el,()=>{this.$el.classList.add("btn-activity"),this.$emit("show-activity")})},toggle(){this.currentActivity?this.hideActivity():this.showActivity()}}},E={};var pt=$(yt,vt,dt,!1,mt,null,null,null);function mt(t){for(let e in E)this[e]=E[e]}var gt=function(){return pt.exports}();d.BtnActivity=gt,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+  ***************************************************************************** */var l=function(){return l=Object.assign||function(e){for(var i,s=1,r=arguments.length;s<r;s++){i=arguments[s];for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e},l.apply(this,arguments)};function S(t){return t.toLowerCase()}var w=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],C=/[^A-Z0-9]+/gi;function k(t,e){e===void 0&&(e={});for(var i=e.splitRegexp,s=i===void 0?w:i,r=e.stripRegexp,a=r===void 0?C:r,_=e.transform,h=_===void 0?S:_,x=e.delimiter,V=x===void 0?" ":x,u=p(p(t,s,"$1\0$2"),a,"\0"),y=0,m=u.length;u.charAt(y)==="\0";)y++;for(;u.charAt(m-1)==="\0";)m--;return u.slice(y,m).split("\0").map(h).join(V)}function p(t,e,i){return e instanceof RegExp?t.replace(e,i):e.reduce(function(s,r){return s.replace(r,i)},t)}function A(t,e){return e===void 0&&(e={}),k(t,l({delimiter:"."},e))}function d(t,e){return e===void 0&&(e={}),A(t,l({delimiter:"-"},e))}class g{constructor(e={}){this.components=new Map,Object.entries(e).forEach(([i,s])=>{this.register(i,s)})}get(e){const i=this.components.get(e=d(e));if(i)return i;throw new Error(`"${e}" has not been registered yet!`)}register(e,i){return typeof e=="object"?(Object.entries(e).forEach(([s,r])=>{this.register(d(s),r)}),this):(this.components.set(d(e),i),this)}remove(e){return this.components.delete(d(e)),this}reset(){return this.components=new Map,this}}function B(...t){return new g(...t)}const f=B(),F="",v=(t,e)=>{const i=t.__vccOpts||t;for(const[s,r]of e)i[s]=r;return i};function o(t,e="px"){return t!=null&&t!==!1&&isFinite(t)?`${t}${e}`:t}const $={name:"ActivityIndicator",props:{absolute:Boolean,center:Boolean,label:String,size:{type:String,default:"md"},registry:{type:g,default(){return f}},type:{type:String,required:!0},height:[String,Number],maxHeight:[String,Number],minHeight:[String,Number],width:[String,Number],maxWidth:[String,Number],minWidth:[String,Number]},data:()=>({is:null}),computed:{classes(){return{"activity-indicator-center":this.center,"activity-indicator-absolute":this.absolute,[this.size&&`activity-indicator-${this.size}`]:!!this.size}},style(){return{width:o(this.width),maxWidth:o(this.maxWidth),minWidth:o(this.minWidth),height:o(this.height),maxHeight:o(this.maxHeight),minHeight:o(this.minHeight)}}},async mounted(){const t=await this.component();this.is=()=>t},methods:{async component(){let t=f.get(this.type);return t instanceof Promise?t:(typeof t=="function"&&(t=await t()),t.default?t.default:t)}}},E={class:"activity-indicator-content"},P={key:1,class:"activity-indicator-label"};function z(t,e,i,s,r,a){return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["activity-indicator",a.classes]),style:n.normalizeStyle(a.style)},[n.createElementVNode("div",E,[t.is?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(t.is()),{key:0,class:"mx-auto"})):n.createCommentVNode("",!0),i.label?(n.openBlock(),n.createElementBlock("div",P,n.toDisplayString(i.label),1)):n.createCommentVNode("",!0)])],6)}const N=v($,[["render",z]]),L="",H="",I="",W="",q="",M="",Z="",G="",U="",X="",J="",K="",Q="",Y="",tt="",D=function(t){const e=parseFloat(t||0,10),i=t&&t.match(/m?s/),s=i?i[0]:!1;let r;switch(s){case"s":r=e*1e3;break;case"ms":default:r=e;break}return r||0},b=function(t,e){const i=(t.ownerDocument||document).defaultView;setTimeout(()=>{e.apply()},D(i.getComputedStyle(t).animationDuration))},O={name:"BtnActivity",components:{ActivityIndicator:N},props:{active:Boolean,activity:Boolean,block:Boolean,disabled:Boolean,label:String,icon:String,type:String,size:{type:String,default:"md"},variant:{type:String,default:"primary"},indicator:{type:[Object,String],default:"spinner"},orientation:{type:String,default:"right"}},computed:{classes(){const t={disabled:this.disabled,active:this.active,"btn-block":this.block,"btn-activity":this.activity};return t["btn-"+this.size.replace("btn-","")]=!!this.size,t["btn-"+this.variant.replace("btn-","")]=!!this.variant,t["btn-activity-"+this.orientation.replace("btn-activity-","")]=!!this.orientation,t["btn-activity-indicator-"+this.indicatorProps.type.replace("btn-activity-indicator-","")]=!!this.indicatorProps.type,t},indicatorProps(){return Object.assign({type:"spinner"},(typeof this.indicator=="string"?{type:this.indicator}:this.indicator)||{})}},watch:{activity(t){t?this.showActivity():this.hideActivity()}},methods:{disable(){this.$el.disabled=!0},enable(){this.$el.disabled=!1},showActivity(){this.disable(),b(this.$el,()=>{this.$el.classList.add("btn-activity"),this.$emit("show-activity")})},hideActivity(){this.$el.classList.add("btn-hide-activity"),b(this.$el,()=>{this.enable(),this.$el.classList.remove("btn-activity","btn-hide-activity"),this.$emit("hide-activity")})},onClick(t){this.disabled?t.preventDefault():this.$emit("click",t)}}},T=["type"];function j(t,e,i,s,r,a){const _=n.resolveComponent("activity-indicator");return n.openBlock(),n.createElementBlock("button",{type:i.type,class:n.normalizeClass(["btn",a.classes]),onClick:e[0]||(e[0]=(...h)=>a.onClick&&a.onClick(...h))},[i.icon?(n.openBlock(),n.createElementBlock("i",{key:0,class:n.normalizeClass(i.icon)},null,2)):n.createCommentVNode("",!0),n.createTextVNode(" "+n.toDisplayString(i.label)+" ",1),n.renderSlot(t.$slots,"default"),n.createVNode(_,n.normalizeProps(n.guardReactiveProps(a.indicatorProps)),null,16)],10,T)}const R=v(O,[["render",j]]);c.BtnActivity=R,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-interface/btn-activity",
-  "version": "1.1.0",
+  "version": "2.0.0-beta.0",
   "description": "A Vue activity button component.",
   "files": [
     "index.js",
@@ -39,22 +39,22 @@
   },
   "homepage": "https://github.com/vue-interface/btn-activity/docs#readme",
   "dependencies": {
-    "@vue-interface/activity-indicator": "^1.0.4",
-    "@vue-interface/btn": "^2.0.0",
-    "vue": "^2.6.14"
+    "@vue-interface/activity-indicator": "^2.0.0-beta.0",
+    "@vue-interface/btn": "^3.0.0-beta.1"
   },
   "devDependencies": {
-    "@rollup/plugin-babel": "^5.3.0",
+    "@rollup/plugin-babel": "^6.0.0",
+    "@vitejs/plugin-vue": "^3.1.2",
     "autoprefixer": "^10.4.2",
     "babel-eslint": "^10.1.0",
     "babel-preset-vue": "^2.0.2",
     "change-case": "^4.1.2",
-    "eslint": "^6.7.2",
-    "eslint-plugin-vue": "^6.2.2",
+    "eslint": "^8.25.0",
+    "eslint-plugin-vue": "^9.6.0",
     "pascalcase": "^2.0.0",
     "postcss": "^8.4.6",
     "tailwindcss": "^3.0.18",
-    "vite": "^2.7.2",
-    "vite-plugin-vue2": "^1.9.3"
+    "vite": "^3.1.7",
+    "vue": "^3.2.40"
   }
 }

package/src/BtnActivity.vue

@@ -1,21 +1,13 @@
 <template>
-    <btn
-        :active="active"
-        :block="block"
-        :disabled="disabled"
-        :size="size"
-        :tag="tag"
-        :variant="variant"
-        :class="classes"
-        @click="(e) => !disabled && $emit('click', e, this)">
-        <slot>{{ label }}</slot>
+    <button :type="type" class="btn" :class="classes" @click="onClick">
+        <i v-if="icon" :class="icon" /> {{ label }}
+        <slot />
         <activity-indicator v-bind="indicatorProps" />
-    </btn>
+    </button>
 </template>
 
 <script>
 import { ActivityIndicator } from '@vue-interface/activity-indicator';
-import { Btn } from '@vue-interface/btn';
 
 const convertAnimationDelayToInt = function(delay) {
     const num = parseFloat(delay || 0, 10);
@@ -48,10 +40,9 @@ const animated = function(el, callback) {
 export default {
 
     name: 'BtnActivity',
-    
+
     components: {
-        ActivityIndicator,
-        Btn
+        ActivityIndicator
     },
 
     props: {
@@ -78,38 +69,33 @@ export default {
         block: Boolean,
 
         /**
-         * Disable the button.
+         * Make the button appear with the disabled state.
          *
          * @property {Boolean}
          */
         disabled: Boolean,
 
         /**
-         * The type of activity indicator inside the button.
+         * The button label. If not passed as a property, label must be passed
+         * inside the element's html.
          *
          * @property {String}
          */
-        indicator: {
-            type: [Object, String],
-            default: 'spinner'
-        },
+        label: String,
 
         /**
-         * The button label.
+         * The button icon
          *
          * @property {String}
          */
-        label: String,
+        icon: String,
 
         /**
-         * The orientation of the activity button inside the button.
+         * The `type` attribute for the button element.
          *
          * @property {String}
          */
-        orientation: {
-            type: String,
-            default: 'right'
-        },
+        type: String,
 
         /**
          * The size of the button.
@@ -122,28 +108,35 @@ export default {
         },
 
         /**
-         * The HTML tag.
+         * The variant of the button.
+         *
+         * @property {String}
+         */
+        variant: {
+            type: String,
+            default: 'primary'
+        },
+
+        /**
+         * The type of activity indicator inside the button.
          *
          * @property {String}
          */
-        tag: String,
+        indicator: {
+            type: [Object, String],
+            default: 'spinner'
+        },
 
         /**
-         * The variant of the button.
+         * The orientation of the activity button inside the button.
          *
          * @property {String}
          */
-        variant: {
+        orientation: {
             type: String,
-            default: 'primary'
+            default: 'right'
         }
     },
-    
-    data() {
-        return {
-            currentActivity: this.activity
-        };
-    },
 
     computed: {
 
@@ -156,9 +149,12 @@ export default {
             const classes = {
                 'disabled': this.disabled,
                 'active': this.active,
+                'btn-block': this.block,
                 'btn-activity': this.activity
             };
 
+            classes['btn-' + this.size.replace('btn-', '')] = !!this.size;
+            classes['btn-' + this.variant.replace('btn-', '')] = !!this.variant;
             classes['btn-activity-' + this.orientation.replace('btn-activity-', '')] = !!this.orientation;
             classes['btn-activity-indicator-' + this.indicatorProps.type.replace('btn-activity-indicator-', '')] = !!this.indicatorProps.type;
 
@@ -188,12 +184,6 @@ export default {
 
     },
 
-    mounted() {
-        if(this.activity) {
-            this.showActivity();
-        }
-    },
-
     methods: {
 
         /**
@@ -203,7 +193,6 @@ export default {
          */
         disable() {
             this.$el.disabled = true;
-            this.$el.classList.add('disabled');
         },
 
         /**
@@ -213,51 +202,48 @@ export default {
          */
         enable() {
             this.$el.disabled = false;
-            this.$el.classList.remove('disabled');
         },
 
         /**
-         * Hide the activity indicator inside the button.
+         * Show the activity indicator inside the button.
          *
          * @return void
          */
-        hideActivity() {
-            this.$el.classList.add('btn-hide-activity');
+        showActivity() {
+            this.disable();
 
             animated(this.$el, () => {
-                this.enable();
-                this.currentActivity = false;
-                this.$el.classList.remove('btn-activity', 'btn-hide-activity');
-                this.$emit('hide-activity');
+                this.$el.classList.add('btn-activity');
+                this.$emit('show-activity');
             });
         },
 
         /**
-         * Show the activity indicator inside the button.
+         * Hide the activity indicator inside the button.
          *
          * @return void
          */
-        showActivity() {
-            this.currentActivity = true;
-            this.disable();
+        hideActivity() {
+            this.$el.classList.add('btn-hide-activity');
 
             animated(this.$el, () => {
-                this.$el.classList.add('btn-activity');
-                this.$emit('show-activity');
+                this.enable();
+                this.$el.classList.remove('btn-activity', 'btn-hide-activity');
+                this.$emit('hide-activity');
             });
         },
 
         /**
-         * Show the activity indicator inside the button.
+         * The click callback function
          *
          * @return void
          */
-        toggle() {
-            if(!this.currentActivity) {
-                this.showActivity();
+        onClick(event) {
+            if(!this.disabled) {
+                this.$emit('click', event);
             }
             else {
-                this.hideActivity();
+                event.preventDefault();
             }
         }