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

package/dist/btn-activity.js

@@ -1,273 +1,31 @@
-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;
+import { ActivityIndicator as d } from "@vue-interface/activity-indicator";
+import { Btn as v } from "@vue-interface/btn";
+import { defineComponent as h, resolveComponent as n, openBlock as y, createBlock as p, mergeProps as b, withCtx as m, renderSlot as u, createTextVNode as f, toDisplayString as g, createVNode as A, normalizeProps as $, guardReactiveProps as k } from "vue";
+const w = function(t) {
+  const e = parseFloat(t || 0), i = t && t.match(/m?s/), a = i ? i[0] : !1;
   let s;
-  switch (n) {
+  switch (a) {
     case "s":
-      s = i * 1e3;
+      s = e * 1e3;
       break;
     case "ms":
     default:
-      s = i;
+      s = e;
       break;
   }
   return s || 0;
-}, z = function(t, i) {
-  const e = (t.ownerDocument || document).defaultView;
+}, o = function(t, e) {
+  const i = (t.ownerDocument || document).defaultView;
   setTimeout(
-    i,
-    rt(
-      e == null ? void 0 : e.getComputedStyle(t).animationDuration
+    e,
+    w(
+      i == null ? void 0 : i.getComputedStyle(t).animationDuration
     )
   );
-}, at = b({
+}, B = h({
   components: {
-    ActivityIndicator: Z,
-    Btn: nt
+    ActivityIndicator: d,
+    Btn: v
   },
   inheritAttrs: !1,
   props: {
@@ -385,7 +143,7 @@ const nt = /* @__PURE__ */ et(it, [["render", st]]), rt = function(t) {
     * Hide the activity indicator inside the button.
     */
     hideActivity() {
-      this.$el.classList.add("btn-hide-activity"), z(this.$el, () => {
+      this.$el.classList.add("btn-hide-activity"), o(this.$el, () => {
         this.disabled || this.enable(), this.currentActivity = !1, this.$el.classList.remove("btn-activity", "btn-hide-activity"), this.$emit("hide-activity");
       });
     },
@@ -393,7 +151,7 @@ const nt = /* @__PURE__ */ et(it, [["render", st]]), rt = function(t) {
     * Show the activity indicator inside the button.
     */
     showActivity() {
-      this.currentActivity = !0, this.disable(), z(this.$el, () => {
+      this.currentActivity = !0, this.disable(), o(this.$el, () => {
         this.$el.classList.add("btn-activity"), this.$emit("show-activity");
       });
     },
@@ -405,15 +163,15 @@ const nt = /* @__PURE__ */ et(it, [["render", st]]), rt = function(t) {
     }
   }
 });
-const ot = (t, i) => {
-  const e = t.__vccOpts || t;
-  for (const [n, s] of i)
-    e[n] = s;
-  return e;
+const S = (t, e) => {
+  const i = t.__vccOpts || t;
+  for (const [a, s] of e)
+    i[a] = s;
+  return i;
 };
-function ct(t, i, e, n, s, o) {
-  const c = P("activity-indicator"), v = P("btn");
-  return a(), y(v, w({
+function P(t, e, i, a, s, C) {
+  const c = n("activity-indicator"), r = n("btn");
+  return y(), p(r, b({
     active: t.active,
     block: t.block,
     disabled: t.disabled,
@@ -422,7 +180,7 @@ function ct(t, i, e, n, s, o) {
     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, {
+    onClick: e[0] || (e[0] = (l) => !t.disabled && t.$emit("click", l, {
       disable: t.disable,
       enable: t.enable,
       toggle: t.toggle,
@@ -430,16 +188,16 @@ function ct(t, i, e, n, s, o) {
       hideActivity: t.hideActivity
     }))
   }), {
-    default: A(() => [
-      C(t.$slots, "default", {}, () => [
-        k(f(t.label), 1)
+    default: m(() => [
+      u(t.$slots, "default", {}, () => [
+        f(g(t.label), 1)
       ]),
-      _(c, H(R(t.indicatorProps)), null, 16)
+      A(c, $(k(t.indicatorProps)), null, 16)
     ]),
     _: 3
   }, 16, ["active", "block", "disabled", "size", "tag", "variant", "class"]);
 }
-const ht = /* @__PURE__ */ ot(at, [["render", ct]]);
+const O = /* @__PURE__ */ S(B, [["render", P]]);
 export {
-  ht as BtnActivity
+  O as BtnActivity
 };

package/dist/btn-activity.umd.cjs

@@ -1 +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"})});
+(function(n,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("@vue-interface/activity-indicator"),require("@vue-interface/btn"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@vue-interface/activity-indicator","@vue-interface/btn","vue"],o):(n=typeof globalThis<"u"?globalThis:n||self,o(n.BtnActivity={},n.ActivityIndicator,n.Btn,n.Vue))})(this,function(n,o,d,i){"use strict";const l=function(t){const s=parseFloat(t||0),e=t&&t.match(/m?s/),c=e?e[0]:!1;let a;switch(c){case"s":a=s*1e3;break;case"ms":default:a=s;break}return a||0},r=function(t,s){const e=(t.ownerDocument||document).defaultView;setTimeout(s,l(e==null?void 0:e.getComputedStyle(t).animationDuration))},y=i.defineComponent({components:{ActivityIndicator:o.ActivityIndicator,Btn:d.Btn},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"),r(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(),r(this.$el,()=>{this.$el.classList.add("btn-activity"),this.$emit("show-activity")})},toggle(){this.currentActivity?this.hideActivity():this.showActivity()}}}),m="",v=(t,s)=>{const e=t.__vccOpts||t;for(const[c,a]of s)e[c]=a;return e};function h(t,s,e,c,a,g){const u=i.resolveComponent("activity-indicator"),b=i.resolveComponent("btn");return i.openBlock(),i.createBlock(b,i.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:s[0]||(s[0]=f=>!t.disabled&&t.$emit("click",f,{disable:t.disable,enable:t.enable,toggle:t.toggle,showActivity:t.showActivity,hideActivity:t.hideActivity}))}),{default:i.withCtx(()=>[i.renderSlot(t.$slots,"default",{},()=>[i.createTextVNode(i.toDisplayString(t.label),1)]),i.createVNode(u,i.normalizeProps(i.guardReactiveProps(t.indicatorProps)),null,16)]),_:3},16,["active","block","disabled","size","tag","variant","class"])}const p=v(y,[["render",h]]);n.BtnActivity=p,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-interface/btn-activity",
-  "version": "2.0.0-beta.10",
+  "version": "2.0.0-beta.11",
   "description": "A Vue activity button component.",
   "type": "module",
   "files": [