@volverjs/ui-vue 0.0.1-beta.11 → 0.0.1-beta.12

package/dist/components/VvBadge/VvBadge.d.ts

@@ -1,4 +1,4 @@
 export declare const VvBadgeProps: {
     value: (StringConstructor | NumberConstructor)[];
-    color: StringConstructor;
+    modifiers: import("vue").PropType<string | string[]>;
 };

package/dist/components/VvBadge/VvBadge.es.js

@@ -1,18 +1,171 @@
-import { defineComponent as a, computed as t, openBlock as n, createElementBlock as c, normalizeClass as l, unref as p, toDisplayString as u } from "vue";
-const m = {
-  value: [String, Number],
-  color: String
-}, d = /* @__PURE__ */ a({
+import { computed as d, unref as g, defineComponent as m, toRefs as h, openBlock as p, createElementBlock as A, normalizeClass as C, toDisplayString as O } from "vue";
+const y = {
+  equals(e, r, t) {
+    return t ? this.resolveFieldData(e, t) === this.resolveFieldData(r, t) : this.deepEquals(e, r);
+  },
+  deepEquals(e, r) {
+    if (e === r)
+      return !0;
+    if (e && r && typeof e == "object" && typeof r == "object") {
+      const t = Array.isArray(e), n = Array.isArray(r);
+      let s, i, o;
+      if (t && n) {
+        if (i = e.length, i != r.length)
+          return !1;
+        for (s = i; s-- !== 0; )
+          if (!this.deepEquals(e[s], r[s]))
+            return !1;
+        return !0;
+      }
+      if (t != n)
+        return !1;
+      const f = e instanceof Date, c = r instanceof Date;
+      if (f != c)
+        return !1;
+      if (f && c)
+        return e.getTime() == r.getTime();
+      const u = e instanceof RegExp, a = r instanceof RegExp;
+      if (u != a)
+        return !1;
+      if (u && a)
+        return e.toString() == r.toString();
+      const l = Object.keys(e);
+      if (i = l.length, i !== Object.keys(r).length)
+        return !1;
+      for (s = i; s-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(r, l[s]))
+          return !1;
+      for (s = i; s-- !== 0; )
+        if (o = l[s], !this.deepEquals(e[o], r[o]))
+          return !1;
+      return !0;
+    }
+    return e !== e && r !== r;
+  },
+  resolveFieldData(e, r) {
+    if (e && Object.keys(e).length && r) {
+      if (r.indexOf(".") === -1)
+        return e[r];
+      {
+        const t = r.split(".");
+        let n = e;
+        for (let s = 0, i = t.length; s < i; ++s) {
+          if (e == null)
+            return null;
+          n = n[t[s]];
+        }
+        return n;
+      }
+    } else
+      return null;
+  },
+  isFunction(e) {
+    return !!(e && e.constructor && e.call && e.apply);
+  },
+  findIndexInList(e, r) {
+    let t = -1;
+    if (r) {
+      for (let n = 0; n < r.length; n++)
+        if (this.equals(r[n], e)) {
+          t = n;
+          break;
+        }
+    }
+    return t;
+  },
+  contains(e, r) {
+    if (e != null && r && r.length) {
+      for (const t of r)
+        if (this.equals(e, t))
+          return !0;
+    }
+    return !1;
+  },
+  isEmpty(e) {
+    return e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0;
+  },
+  isNotEmpty(e) {
+    return !this.isEmpty(e);
+  },
+  pickBy(e, r) {
+    return Object.fromEntries(
+      Object.entries(e).filter(([t]) => r(t))
+    );
+  },
+  removeFromList(e, r) {
+    const t = this.findIndexInList(e, r);
+    return t > -1 ? r.filter((n, s) => s !== t) : r;
+  },
+  isString(e) {
+    return typeof e == "string" || e instanceof String;
+  },
+  propsToObject(e) {
+    return Object.keys(e).reduce((r, t) => {
+      var n, s, i, o, f;
+      return this.isFunction(e[t]) ? r[t] = e[t]() : Array.isArray(e[t]) ? r[t] = e[t][0]() : (n = e[t]) != null && n.type && (Array.isArray(e[t].type) ? r[t] = ((s = e[t]) == null ? void 0 : s.default) || ((i = e[t]) == null ? void 0 : i.type[0]()) : r[t] = ((o = e[t]) == null ? void 0 : o.default) || ((f = e[t]) == null ? void 0 : f.type())), r;
+    }, {});
+  },
+  filterArray(e, r, t) {
+    return e.filter((n) => r.some((s) => typeof s == "string" ? n[t] == s : this.equals(
+      n[t],
+      s[t]
+    )));
+  },
+  kebabCase(e) {
+    var r, t;
+    if (e)
+      return (t = (r = e.match(
+        /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
+      )) == null ? void 0 : r.join("-")) == null ? void 0 : t.toLowerCase();
+  }
+};
+function E(e, r) {
+  const t = { [`${e}`]: !0 };
+  return {
+    bemCssClasses: d(() => Object.keys(r).reduce((s, i) => {
+      const o = g(r[i]) || !1;
+      if (!o)
+        return s;
+      if (i === "modifiers") {
+        const f = Array.isArray(o) ? o : [o];
+        return {
+          ...s,
+          ...f.reduce(
+            (c, u) => ({
+              ...c,
+              [`${e}--${y.kebabCase(
+                u
+              )}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...s,
+          [`${e}--${y.kebabCase(i)}`]: o
+        };
+    }, t) || {})
+  };
+}
+const k = {
+  modifiers: [String, Array]
+}, b = {
+  ...k,
+  value: [String, Number]
+}, B = /* @__PURE__ */ m({
   __name: "VvBadge",
-  props: m,
-  setup(o) {
-    const e = o, r = t(() => e.color ? `vv-badge--${e.color}` : "");
-    return (s, i) => (n(), c("span", {
-      class: l(["vv-badge", p(r)]),
+  props: b,
+  setup(e) {
+    const r = e, { modifiers: t } = h(r), { bemCssClasses: n } = E("vv-badge", {
+      modifiers: t
+    });
+    return (s, i) => (p(), A("span", {
+      class: C(g(n)),
       role: "status"
-    }, u(s.value), 3));
+    }, O(s.value), 3));
   }
 });
 export {
-  d as default
+  B as default
 };

package/dist/components/VvBadge/VvBadge.umd.js

@@ -1 +1 @@
-(function(e,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("vue")):typeof define=="function"&&define.amd?define(["vue"],n):(e=typeof globalThis<"u"?globalThis:e||self,e.VvBadge=n(e.vue))})(this,function(e){"use strict";const n={value:[String,Number],color:String};return e.defineComponent({__name:"VvBadge",props:n,setup(s){const o=s,t=e.computed(()=>o.color?`vv-badge--${o.color}`:"");return(r,c)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["vv-badge",e.unref(t)]),role:"status"},e.toDisplayString(r.value),3))}})});
+(function(f,u){typeof exports=="object"&&typeof module<"u"?module.exports=u(require("vue")):typeof define=="function"&&define.amd?define(["vue"],u):(f=typeof globalThis<"u"?globalThis:f||self,f.VvBadge=u(f.vue))})(this,function(f){"use strict";const u={equals(e,t,r){return r?this.resolveFieldData(e,r)===this.resolveFieldData(t,r):this.deepEquals(e,t)},deepEquals(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){const r=Array.isArray(e),s=Array.isArray(t);let n,i,o;if(r&&s){if(i=e.length,i!=t.length)return!1;for(n=i;n--!==0;)if(!this.deepEquals(e[n],t[n]))return!1;return!0}if(r!=s)return!1;const c=e instanceof Date,l=t instanceof Date;if(c!=l)return!1;if(c&&l)return e.getTime()==t.getTime();const a=e instanceof RegExp,y=t instanceof RegExp;if(a!=y)return!1;if(a&&y)return e.toString()==t.toString();const d=Object.keys(e);if(i=d.length,i!==Object.keys(t).length)return!1;for(n=i;n--!==0;)if(!Object.prototype.hasOwnProperty.call(t,d[n]))return!1;for(n=i;n--!==0;)if(o=d[n],!this.deepEquals(e[o],t[o]))return!1;return!0}return e!==e&&t!==t},resolveFieldData(e,t){if(e&&Object.keys(e).length&&t){if(t.indexOf(".")===-1)return e[t];{const r=t.split(".");let s=e;for(let n=0,i=r.length;n<i;++n){if(e==null)return null;s=s[r[n]]}return s}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,t){let r=-1;if(t){for(let s=0;s<t.length;s++)if(this.equals(t[s],e)){r=s;break}}return r},contains(e,t){if(e!=null&&t&&t.length){for(const r of t)if(this.equals(e,r))return!0}return!1},isEmpty(e){return e==null||e===""||Array.isArray(e)&&e.length===0||!(e instanceof Date)&&typeof e=="object"&&Object.keys(e).length===0},isNotEmpty(e){return!this.isEmpty(e)},pickBy(e,t){return Object.fromEntries(Object.entries(e).filter(([r])=>t(r)))},removeFromList(e,t){const r=this.findIndexInList(e,t);return r>-1?t.filter((s,n)=>n!==r):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,r)=>{var s,n,i,o,c;return this.isFunction(e[r])?t[r]=e[r]():Array.isArray(e[r])?t[r]=e[r][0]():(s=e[r])!=null&&s.type&&(Array.isArray(e[r].type)?t[r]=((n=e[r])==null?void 0:n.default)||((i=e[r])==null?void 0:i.type[0]()):t[r]=((o=e[r])==null?void 0:o.default)||((c=e[r])==null?void 0:c.type())),t},{})},filterArray(e,t,r){return e.filter(s=>t.some(n=>typeof n=="string"?s[r]==n:this.equals(s[r],n[r])))},kebabCase(e){var t,r;if(e)return(r=(t=e.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:t.join("-"))==null?void 0:r.toLowerCase()}};function g(e,t){const r={[`${e}`]:!0};return{bemCssClasses:f.computed(()=>Object.keys(t).reduce((n,i)=>{const o=f.unref(t[i])||!1;if(!o)return n;if(i==="modifiers"){const c=Array.isArray(o)?o:[o];return{...n,...c.reduce((l,a)=>({...l,[`${e}--${u.kebabCase(a)}`]:!0}),{})}}else return{...n,[`${e}--${u.kebabCase(i)}`]:o}},r)||{})}}const m={...{modifiers:[String,Array]},value:[String,Number]};return f.defineComponent({__name:"VvBadge",props:m,setup(e){const t=e,{modifiers:r}=f.toRefs(t),{bemCssClasses:s}=g("vv-badge",{modifiers:r});return(n,i)=>(f.openBlock(),f.createElementBlock("span",{class:f.normalizeClass(f.unref(s)),role:"status"},f.toDisplayString(n.value),3))}})});

package/dist/components/VvBadge/VvBadge.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: {
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             value: (StringConstructor | NumberConstructor)[];
-            color: StringConstructor;
+            modifiers: import("vue").PropType<string | string[]>;
         }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -21,7 +21,7 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             value: (StringConstructor | NumberConstructor)[];
-            color: StringConstructor;
+            modifiers: import("vue").PropType<string | string[]>;
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -44,13 +44,13 @@ declare const _default: {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         value: (StringConstructor | NumberConstructor)[];
-        color: StringConstructor;
+        modifiers: import("vue").PropType<string | string[]>;
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
-    color: StringConstructor;
+    modifiers: import("vue").PropType<string | string[]>;
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;

package/dist/components/VvBreadcrumb/VvBreadcrumb.d.ts

@@ -22,5 +22,5 @@ export declare const VvBreadcrumbProps: {
         readonly [Symbol.species]: ArrayConstructor;
     };
     multiline: BooleanConstructor;
-    modifiers: (StringConstructor | ArrayConstructor)[];
+    modifiers: import("vue").PropType<string | string[]>;
 };

package/dist/components/VvBreadcrumb/VvBreadcrumb.vue.d.ts

@@ -20,7 +20,7 @@ declare const _default: {
                 readonly [Symbol.species]: ArrayConstructor;
             };
             multiline: BooleanConstructor;
-            modifiers: (StringConstructor | ArrayConstructor)[];
+            modifiers: import("vue").PropType<string | string[]>;
         }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "multiline">;
         $attrs: {
             [x: string]: unknown;
@@ -51,7 +51,7 @@ declare const _default: {
                 readonly [Symbol.species]: ArrayConstructor;
             };
             multiline: BooleanConstructor;
-            modifiers: (StringConstructor | ArrayConstructor)[];
+            modifiers: import("vue").PropType<string | string[]>;
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             multiline: boolean;
         }, {}, string> & {
@@ -90,7 +90,7 @@ declare const _default: {
             readonly [Symbol.species]: ArrayConstructor;
         };
         multiline: BooleanConstructor;
-        modifiers: (StringConstructor | ArrayConstructor)[];
+        modifiers: import("vue").PropType<string | string[]>;
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -111,7 +111,7 @@ declare const _default: {
         readonly [Symbol.species]: ArrayConstructor;
     };
     multiline: BooleanConstructor;
-    modifiers: (StringConstructor | ArrayConstructor)[];
+    modifiers: import("vue").PropType<string | string[]>;
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     multiline: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;

package/dist/components/VvButton/VvButton.d.ts

@@ -71,44 +71,13 @@ export declare const VvButtonProps: {
         type: PropType<ButtonTarget>;
         validator: (value: string) => boolean;
     };
-    /**
-     * Create block level button that span the full width of a parent.
-     */
-    block: BooleanConstructor;
-    /**
-     * Button active state.
-     */
     active: BooleanConstructor;
-    /**
-     * Button rounded.
-     */
-    rounded: BooleanConstructor;
-    /**
-     * Button disabled
-     */
-    disabled: BooleanConstructor;
-    /**
-     * Button with min-width
-     */
-    fullBleed: BooleanConstructor;
-    /**
-     * Button action mode
-     */
-    action: BooleanConstructor;
-    /**
-     * Button action mode
-     */
-    actionQuiet: BooleanConstructor;
     /**
      * Button selected mode
      */
     selected: BooleanConstructor;
-    /**
-     * The variant of the button
-     * @values
-     * @defaultvalue default
-     */
-    modifiers: (StringConstructor | ArrayConstructor)[];
+    disabled: BooleanConstructor;
+    modifiers: PropType<string | string[]>;
 };
 declare type _VvButtonPropsType = typeof VvButtonProps;
 export declare type VvButtonPropsTypes = ExtractPropTypes<_VvButtonPropsType>;