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

package/dist/btn-activity.js

@@ -0,0 +1,445 @@
+import { defineComponent as b, inject as O, openBlock as a, createElementBlock as g, normalizeClass as j, normalizeStyle as N, createElementVNode as E, createBlock as y, resolveDynamicComponent as x, createCommentVNode as $, toDisplayString as f, mergeProps as w, withCtx as A, renderSlot as C, createTextVNode as k, resolveComponent as P, createVNode as _, normalizeProps as H, guardReactiveProps as R } from "vue";
+function r(t, i = "px") {
+  return t != null && t !== !1 && isFinite(t) ? `${t}${i}` : t;
+}
+const V = b({
+  props: {
+    absolute: Boolean,
+    center: Boolean,
+    label: String,
+    size: {
+      type: String,
+      default: "md"
+    },
+    registry: {
+      type: String,
+      default: "indicators"
+    },
+    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
+  }),
+  setup(t) {
+    return {
+      registryInstance: O(t.registry || "indicators")
+    };
+  },
+  computed: {
+    classes() {
+      return {
+        "activity-indicator-center": this.center,
+        "activity-indicator-absolute": this.absolute,
+        [this.size && `activity-indicator-${this.size}`]: !!this.size
+      };
+    },
+    style() {
+      return {
+        width: r(this.width),
+        maxWidth: r(this.maxWidth),
+        minWidth: r(this.minWidth),
+        height: r(this.height),
+        maxHeight: r(this.maxHeight),
+        minHeight: r(this.minHeight)
+      };
+    }
+  },
+  async mounted() {
+    const t = await this.component();
+    this.is = () => t;
+  },
+  methods: {
+    async component() {
+      let t = this.registryInstance.get(this.type);
+      return t instanceof Promise ? t : (typeof t == "function" && (t = await t()), t.default ? t.default : t);
+    }
+  }
+}), W = (t, i) => {
+  const e = t.__vccOpts || t;
+  for (const [n, s] of i)
+    e[n] = s;
+  return e;
+}, D = { class: "activity-indicator-content" }, L = {
+  key: 1,
+  class: "activity-indicator-label"
+};
+function I(t, i, e, n, s, o) {
+  return a(), g("div", {
+    class: j(["activity-indicator", t.classes]),
+    style: N(t.style)
+  }, [
+    E("div", D, [
+      t.is ? (a(), y(x(t.is()), {
+        key: 0,
+        class: "mx-auto"
+      })) : $("", !0),
+      t.label ? (a(), g("div", L, f(t.label), 1)) : $("", !0)
+    ])
+  ], 6);
+}
+const Z = /* @__PURE__ */ W(V, [["render", I]]);
+var F = Object.defineProperty, M = (t, i, e) => i in t ? F(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e, T = (t, i, e) => (M(t, typeof i != "symbol" ? i + "" : i, e), e), u = function() {
+  return u = Object.assign || function(t) {
+    for (var i, e = 1, n = arguments.length; e < n; e++) {
+      i = arguments[e];
+      for (var s in i)
+        Object.prototype.hasOwnProperty.call(i, s) && (t[s] = i[s]);
+    }
+    return t;
+  }, u.apply(this, arguments);
+};
+function q(t) {
+  return t.toLowerCase();
+}
+var G = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g], J = /[^A-Z0-9]+/gi;
+function K(t, i) {
+  i === void 0 && (i = {});
+  for (var e = i.splitRegexp, n = e === void 0 ? G : e, s = i.stripRegexp, o = s === void 0 ? J : s, c = i.transform, v = c === void 0 ? q : c, l = i.delimiter, B = l === void 0 ? " " : l, h = S(S(t, n, "$1\0$2"), o, "\0"), p = 0, m = h.length; h.charAt(p) === "\0"; )
+    p++;
+  for (; h.charAt(m - 1) === "\0"; )
+    m--;
+  return h.slice(p, m).split("\0").map(v).join(B);
+}
+function S(t, i, e) {
+  return i instanceof RegExp ? t.replace(i, e) : i.reduce(function(n, s) {
+    return n.replace(s, e);
+  }, t);
+}
+function Q(t, i) {
+  return i === void 0 && (i = {}), K(t, u({ delimiter: "." }, i));
+}
+function d(t, i) {
+  return i === void 0 && (i = {}), Q(t, u({ delimiter: "-" }, i));
+}
+class U {
+  constructor(i = {}) {
+    T(this, "components"), this.components = /* @__PURE__ */ new Map(), Object.entries(i).forEach(([e, n]) => {
+      this.register(e, n);
+    });
+  }
+  get(i) {
+    const e = this.components.get(
+      i = d(i)
+    );
+    if (e)
+      return e;
+    throw new Error(`"${i}" has not been registered yet!`);
+  }
+  register(i, e) {
+    return typeof i == "object" ? (Object.entries(i).forEach(([n, s]) => {
+      this.register(d(n), s);
+    }), this) : (this.components.set(d(i), e), this);
+  }
+  remove(i) {
+    return this.components.delete(d(i)), this;
+  }
+  reset() {
+    return this.components = /* @__PURE__ */ new Map(), this;
+  }
+}
+function X(t = {}) {
+  return new U(t);
+}
+X();
+const Y = {
+  props: {
+    componentPrefix: String,
+    size: String,
+    sizePrefix: String
+  },
+  computed: {
+    sizeableClassPrefix() {
+      return this.sizePrefix || this.componentPrefix;
+    },
+    hasSizeablePrefix() {
+      return this.size === void 0 ? !1 : !!this.size.match(new RegExp(`^${this.sizeableClassPrefix}`));
+    },
+    sizeableClass() {
+      return this.size ? !this.sizeableClassPrefix || this.hasSizeablePrefix ? this.size : `${this.sizeableClassPrefix}-${this.size}` : "";
+    }
+  }
+}, tt = {
+  props: {
+    componentPrefix: String,
+    variant: String,
+    variantPrefix: String
+  },
+  computed: {
+    variantClassPrefix() {
+      return this.variantPrefix || this.componentPrefix;
+    },
+    hasVariantPrefix() {
+      return this.variant === void 0 ? !1 : !!this.variant.match(new RegExp(`^${this.variantClassPrefix}`));
+    },
+    variantClass() {
+      return this.variant ? !this.variantClassPrefix || this.hasVariantPrefix ? this.variant : `${this.variantClassPrefix}-${this.variant}` : "";
+    }
+  }
+}, it = b({
+  mixins: [
+    Y,
+    tt
+  ],
+  props: {
+    active: Boolean,
+    block: Boolean,
+    componentPrefix: {
+      type: String,
+      default: "btn"
+    },
+    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.href ? "a" : "button";
+    },
+    variantClassPrefix() {
+      return (this.variantPrefix || this.componentPrefix) + (this.outline ? "-outline" : "");
+    }
+  }
+}), et = (t, i) => {
+  const e = t.__vccOpts || t;
+  for (const [n, s] of i)
+    e[n] = s;
+  return e;
+};
+function st(t, i, e, n, s, o) {
+  return a(), y(x(t.component), w(t.$attrs, {
+    disabled: t.disabled,
+    class: t.classes,
+    role: "button"
+  }), {
+    default: A(() => [
+      C(t.$slots, "default", {}, () => [
+        k(f(t.label), 1)
+      ])
+    ]),
+    _: 3
+  }, 16, ["disabled", "class"]);
+}
+const nt = /* @__PURE__ */ et(it, [["render", st]]), rt = function(t) {
+  const i = parseFloat(t || 0), e = t && t.match(/m?s/), n = e ? e[0] : !1;
+  let s;
+  switch (n) {
+    case "s":
+      s = i * 1e3;
+      break;
+    case "ms":
+    default:
+      s = i;
+      break;
+  }
+  return s || 0;
+}, z = function(t, i) {
+  const e = (t.ownerDocument || document).defaultView;
+  setTimeout(
+    i,
+    rt(
+      e == null ? void 0 : e.getComputedStyle(t).animationDuration
+    )
+  );
+}, at = b({
+  components: {
+    ActivityIndicator: Z,
+    Btn: nt
+  },
+  inheritAttrs: !1,
+  props: {
+    /**
+    * Make the button appear with the active state.
+    */
+    active: Boolean,
+    /**
+    * Show the activity indicator inside the button.
+    */
+    activity: Boolean,
+    /**
+    * Display the button as block width.
+    */
+    block: Boolean,
+    /**
+    * Disable the button.
+    */
+    disabled: Boolean,
+    /**
+    * The type of activity indicator inside the button.
+    */
+    indicator: {
+      type: [Object, String],
+      default: "spinner"
+    },
+    /**
+    * The button label.
+    */
+    label: {
+      type: String,
+      default: void 0
+    },
+    /**
+    * The orientation of the activity button inside the button.
+    */
+    orientation: {
+      type: String,
+      default: "right"
+    },
+    /**
+    * The size of the button.
+    */
+    size: {
+      type: String,
+      default: "md"
+    },
+    /**
+    * The HTML tag.
+    */
+    tag: {
+      type: String,
+      default: void 0
+    },
+    /**
+    * The variant of the button.
+    */
+    variant: {
+      type: String,
+      default: "primary"
+    }
+  },
+  emits: ["click", "hide-activity", "show-activity"],
+  data() {
+    return {
+      currentActivity: this.activity
+    };
+  },
+  computed: {
+    /**
+    * An object of classes to append to the button.
+    */
+    classes() {
+      return {
+        disabled: this.disabled,
+        active: this.active,
+        "btn-activity": this.activity,
+        [`btn-activity-${this.orientation.replace("btn-activity-", "")}`]: !!this.orientation,
+        [`btn-activity-indicator-${this.indicatorProps.type.replace("btn-activity-indicator-", "")}`]: !!this.indicatorProps.type
+      };
+    },
+    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 the button.
+    */
+    disable() {
+      this.$el.disabled = !0, this.$el.classList.add("disabled");
+    },
+    /**
+    * Enable the button.
+    */
+    enable() {
+      this.$el.disabled = !1, this.$el.classList.remove("disabled");
+    },
+    /**
+    * Hide the activity indicator inside the button.
+    */
+    hideActivity() {
+      this.$el.classList.add("btn-hide-activity"), z(this.$el, () => {
+        this.disabled || this.enable(), this.currentActivity = !1, this.$el.classList.remove("btn-activity", "btn-hide-activity"), this.$emit("hide-activity");
+      });
+    },
+    /**
+    * Show the activity indicator inside the button.
+    */
+    showActivity() {
+      this.currentActivity = !0, this.disable(), z(this.$el, () => {
+        this.$el.classList.add("btn-activity"), this.$emit("show-activity");
+      });
+    },
+    /**
+    * Show the activity indicator inside the button.
+    */
+    toggle() {
+      this.currentActivity ? this.hideActivity() : this.showActivity();
+    }
+  }
+});
+const ot = (t, i) => {
+  const e = t.__vccOpts || t;
+  for (const [n, s] of i)
+    e[n] = s;
+  return e;
+};
+function ct(t, i, e, n, s, o) {
+  const c = P("activity-indicator"), v = P("btn");
+  return a(), y(v, w({
+    active: t.active,
+    block: t.block,
+    disabled: t.disabled,
+    size: t.size,
+    tag: t.tag,
+    variant: t.variant,
+    class: t.classes
+  }, Object.assign({}, t.$attrs, { onClick: void 0 }), {
+    onClick: i[0] || (i[0] = (l) => !t.disabled && t.$emit("click", l, {
+      disable: t.disable,
+      enable: t.enable,
+      toggle: t.toggle,
+      showActivity: t.showActivity,
+      hideActivity: t.hideActivity
+    }))
+  }), {
+    default: A(() => [
+      C(t.$slots, "default", {}, () => [
+        k(f(t.label), 1)
+      ]),
+      _(c, H(R(t.indicatorProps)), null, 16)
+    ]),
+    _: 3
+  }, 16, ["active", "block", "disabled", "size", "tag", "variant", "class"]);
+}
+const ht = /* @__PURE__ */ ot(at, [["render", ct]]);
+export {
+  ht as BtnActivity
+};

package/dist/btn-activity.umd.cjs

@@ -0,0 +1 @@
+(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.BtnActivity={},a.Vue))})(this,function(a,e){"use strict";function o(t,i="px"){return t!=null&&t!==!1&&isFinite(t)?`${t}${i}`:t}const v=e.defineComponent({props:{absolute:Boolean,center:Boolean,label:String,size:{type:String,default:"md"},registry:{type:String,default:"indicators"},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}),setup(t){return{registryInstance:e.inject(t.registry||"indicators")}},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=this.registryInstance.get(this.type);return t instanceof Promise?t:(typeof t=="function"&&(t=await t()),t.default?t.default:t)}}}),$=(t,i)=>{const n=t.__vccOpts||t;for(const[r,s]of i)n[r]=s;return n},P={class:"activity-indicator-content"},S={key:1,class:"activity-indicator-label"};function x(t,i,n,r,s,d){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["activity-indicator",t.classes]),style:e.normalizeStyle(t.style)},[e.createElementVNode("div",P,[t.is?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.is()),{key:0,class:"mx-auto"})):e.createCommentVNode("",!0),t.label?(e.openBlock(),e.createElementBlock("div",S,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0)])],6)}const z=$(v,[["render",x]]);var C=Object.defineProperty,w=(t,i,n)=>i in t?C(t,i,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[i]=n,A=(t,i,n)=>(w(t,typeof i!="symbol"?i+"":i,n),n),c=function(){return c=Object.assign||function(t){for(var i,n=1,r=arguments.length;n<r;n++){i=arguments[n];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(t[s]=i[s])}return t},c.apply(this,arguments)};function k(t){return t.toLowerCase()}var B=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],j=/[^A-Z0-9]+/gi;function O(t,i){i===void 0&&(i={});for(var n=i.splitRegexp,r=n===void 0?B:n,s=i.stripRegexp,d=s===void 0?j:s,h=i.transform,f=h===void 0?k:h,p=i.delimiter,q=p===void 0?" ":p,m=b(b(t,r,"$1\0$2"),d,"\0"),u=0,y=m.length;m.charAt(u)==="\0";)u++;for(;m.charAt(y-1)==="\0";)y--;return m.slice(u,y).split("\0").map(f).join(q)}function b(t,i,n){return i instanceof RegExp?t.replace(i,n):i.reduce(function(r,s){return r.replace(s,n)},t)}function N(t,i){return i===void 0&&(i={}),O(t,c({delimiter:"."},i))}function l(t,i){return i===void 0&&(i={}),N(t,c({delimiter:"-"},i))}class E{constructor(i={}){A(this,"components"),this.components=new Map,Object.entries(i).forEach(([n,r])=>{this.register(n,r)})}get(i){const n=this.components.get(i=l(i));if(n)return n;throw new Error(`"${i}" has not been registered yet!`)}register(i,n){return typeof i=="object"?(Object.entries(i).forEach(([r,s])=>{this.register(l(r),s)}),this):(this.components.set(l(i),n),this)}remove(i){return this.components.delete(l(i)),this}reset(){return this.components=new Map,this}}function V(t={}){return new E(t)}V();const D={props:{componentPrefix:String,size:String,sizePrefix:String},computed:{sizeableClassPrefix(){return this.sizePrefix||this.componentPrefix},hasSizeablePrefix(){return this.size===void 0?!1:!!this.size.match(new RegExp(`^${this.sizeableClassPrefix}`))},sizeableClass(){return this.size?!this.sizeableClassPrefix||this.hasSizeablePrefix?this.size:`${this.sizeableClassPrefix}-${this.size}`:""}}},_={props:{componentPrefix:String,variant:String,variantPrefix:String},computed:{variantClassPrefix(){return this.variantPrefix||this.componentPrefix},hasVariantPrefix(){return this.variant===void 0?!1:!!this.variant.match(new RegExp(`^${this.variantClassPrefix}`))},variantClass(){return this.variant?!this.variantClassPrefix||this.hasVariantPrefix?this.variant:`${this.variantClassPrefix}-${this.variant}`:""}}},H=e.defineComponent({mixins:[D,_],props:{active:Boolean,block:Boolean,componentPrefix:{type:String,default:"btn"},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.href?"a":"button"},variantClassPrefix(){return(this.variantPrefix||this.componentPrefix)+(this.outline?"-outline":"")}}}),R=(t,i)=>{const n=t.__vccOpts||t;for(const[r,s]of i)n[r]=s;return n};function T(t,i,n,r,s,d){return e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.component),e.mergeProps(t.$attrs,{disabled:t.disabled,class:t.classes,role:"button"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),_:3},16,["disabled","class"])}const W=R(H,[["render",T]]),L=function(t){const i=parseFloat(t||0),n=t&&t.match(/m?s/),r=n?n[0]:!1;let s;switch(r){case"s":s=i*1e3;break;case"ms":default:s=i;break}return s||0},g=function(t,i){const n=(t.ownerDocument||document).defaultView;setTimeout(i,L(n==null?void 0:n.getComputedStyle(t).animationDuration))},I=e.defineComponent({components:{ActivityIndicator:z,Btn:W},inheritAttrs:!1,props:{active:Boolean,activity:Boolean,block:Boolean,disabled:Boolean,indicator:{type:[Object,String],default:"spinner"},label:{type:String,default:void 0},orientation:{type:String,default:"right"},size:{type:String,default:"md"},tag:{type:String,default:void 0},variant:{type:String,default:"primary"}},emits:["click","hide-activity","show-activity"],data(){return{currentActivity:this.activity}},computed:{classes(){return{disabled:this.disabled,active:this.active,"btn-activity":this.activity,[`btn-activity-${this.orientation.replace("btn-activity-","")}`]:!!this.orientation,[`btn-activity-indicator-${this.indicatorProps.type.replace("btn-activity-indicator-","")}`]:!!this.indicatorProps.type}},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"),g(this.$el,()=>{this.disabled||this.enable(),this.currentActivity=!1,this.$el.classList.remove("btn-activity","btn-hide-activity"),this.$emit("hide-activity")})},showActivity(){this.currentActivity=!0,this.disable(),g(this.$el,()=>{this.$el.classList.add("btn-activity"),this.$emit("show-activity")})},toggle(){this.currentActivity?this.hideActivity():this.showActivity()}}}),G="",Z=(t,i)=>{const n=t.__vccOpts||t;for(const[r,s]of i)n[r]=s;return n};function M(t,i,n,r,s,d){const h=e.resolveComponent("activity-indicator"),f=e.resolveComponent("btn");return e.openBlock(),e.createBlock(f,e.mergeProps({active:t.active,block:t.block,disabled:t.disabled,size:t.size,tag:t.tag,variant:t.variant,class:t.classes},Object.assign({},t.$attrs,{onClick:void 0}),{onClick:i[0]||(i[0]=p=>!t.disabled&&t.$emit("click",p,{disable:t.disable,enable:t.enable,toggle:t.toggle,showActivity:t.showActivity,hideActivity:t.hideActivity}))}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),e.createVNode(h,e.normalizeProps(e.guardReactiveProps(t.indicatorProps)),null,16)]),_:3},16,["active","block","disabled","size","tag","variant","class"])}const F=Z(I,[["render",M]]);a.BtnActivity=F,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});

package/{index.js → dist/index.d.ts}

@@ -1,5 +1,2 @@
 import BtnActivity from './src/BtnActivity.vue';
-
-export {
-    BtnActivity
-};
+export { BtnActivity };

package/dist/src/BtnActivity.vue.d.ts

@@ -0,0 +1,169 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    /**
+     * Make the button appear with the active state.
+     */
+    active: BooleanConstructor;
+    /**
+     * Show the activity indicator inside the button.
+     */
+    activity: BooleanConstructor;
+    /**
+     * Display the button as block width.
+     */
+    block: BooleanConstructor;
+    /**
+     * Disable the button.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * The type of activity indicator inside the button.
+     */
+    indicator: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    /**
+     * The button label.
+     */
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * The orientation of the activity button inside the button.
+     */
+    orientation: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The size of the button.
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The HTML tag.
+     */
+    tag: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * The variant of the button.
+     */
+    variant: {
+        type: StringConstructor;
+        default: string;
+    };
+}, unknown, {
+    currentActivity: boolean;
+}, {
+    /**
+     * An object of classes to append to the button.
+     */
+    classes(): {
+        [x: string]: any;
+        disabled: any;
+        active: any;
+        'btn-activity': any;
+    };
+    indicatorProps(): any;
+}, {
+    /**
+     * Disable the button.
+     */
+    disable(): void;
+    /**
+     * Enable the button.
+     */
+    enable(): void;
+    /**
+     * Hide the activity indicator inside the button.
+     */
+    hideActivity(): void;
+    /**
+     * Show the activity indicator inside the button.
+     */
+    showActivity(): void;
+    /**
+     * Show the activity indicator inside the button.
+     */
+    toggle(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "hide-activity" | "show-activity")[], "click" | "hide-activity" | "show-activity", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Make the button appear with the active state.
+     */
+    active: BooleanConstructor;
+    /**
+     * Show the activity indicator inside the button.
+     */
+    activity: BooleanConstructor;
+    /**
+     * Display the button as block width.
+     */
+    block: BooleanConstructor;
+    /**
+     * Disable the button.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * The type of activity indicator inside the button.
+     */
+    indicator: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    /**
+     * The button label.
+     */
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * The orientation of the activity button inside the button.
+     */
+    orientation: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The size of the button.
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The HTML tag.
+     */
+    tag: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * The variant of the button.
+     */
+    variant: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onHide-activity"?: ((...args: any[]) => any) | undefined;
+    "onShow-activity"?: ((...args: any[]) => any) | undefined;
+}, {
+    label: string;
+    size: string;
+    active: boolean;
+    block: boolean;
+    disabled: boolean;
+    tag: string;
+    variant: string;
+    activity: boolean;
+    indicator: string | Record<string, any>;
+    orientation: string;
+}>;
+export default _sfc_main;

package/dist/style.css

@@ -0,0 +1 @@
+@-webkit-keyframes btn-activity-in{0%,to{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(.98);transform:scale(.98)}}@keyframes btn-activity-in{0%,to{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(.98);transform:scale(.98)}}@-webkit-keyframes btn-activity-out{0%,to{-webkit-transform:scale(1);transform:scale(1)}70%{-webkit-transform:scale(.98);transform:scale(.98)}}@keyframes btn-activity-out{0%,to{-webkit-transform:scale(1);transform:scale(1)}70%{-webkit-transform:scale(.98);transform:scale(.98)}}.btn-activity-top,.btn.btn-activity-top,.btn-activity-bottom,.btn.btn-activity-bottom,.btn-activity-left,.btn.btn-activity-left,.btn-activity-right,.btn.btn-activity-right{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-transition:all 166.5ms ease-in;transition:all 166.5ms ease-in}.btn-activity-top .activity-indicator,.btn-activity-bottom .activity-indicator,.btn-activity-left .activity-indicator,.btn-activity-right .activity-indicator{opacity:0;position:absolute;visibility:hidden;-webkit-transition:opacity 333ms ease-in;transition:opacity 333ms ease-in}.btn-activity-top,.btn-activity-bottom{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-activity-top .activity-indicator,.btn-activity-bottom .activity-indicator{margin-left:auto;margin-right:auto}.btn-activity-top{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.btn-activity-top .activity-indicator{padding-bottom:1em}.btn-activity-bottom .activity-indicator{padding-top:1em}.btn-activity-left,.btn-activity-right{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-activity-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.btn-activity-left .activity-indicator{padding-right:1em}.btn-activity-right .activity-indicator{padding-left:1em}.btn-activity:not(.btn-link){-webkit-animation:btn-activity-in 333ms;animation:btn-activity-in 333ms}.btn-hide-activity:not(.btn-link){-webkit-animation:btn-activity-out 333ms;animation:btn-activity-out 333ms}.btn-activity.btn-hide-activity .activity-indicator{opacity:0}.btn-activity .activity-indicator{opacity:1;visibility:visible;position:relative;font-size:.55em}