@volverjs/ui-vue 0.0.1-beta.8 → 0.0.2

package/dist/components/VvDropdown/index.d.ts

@@ -0,0 +1,49 @@
+export declare const VvDropdownProps: {
+    /**
+     * modelValue can be a string, number, boolean, object or array of string, number, boolean, object
+     */
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    };
+    /**
+     * Label of "no results" options
+     */
+    labelNoResults: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Manage modelValue as string[] or object[]
+     */
+    multiple: BooleanConstructor;
+    /**
+     * The max number of selected values
+     */
+    maxValues: (StringConstructor | NumberConstructor)[];
+    /**
+     * If true the input will be unselectable
+     */
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: import("vue").PropType<string | string[]>;
+    disabled: BooleanConstructor;
+    options: {
+        type: import("vue").PropType<(string | import("../../types/generic").Option)[]>;
+        default: () => never[];
+    };
+    labelKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    valueKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    id: (StringConstructor | NumberConstructor)[];
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+};

package/dist/components/VvIcon/VvIcon.es.js

@@ -0,0 +1,124 @@
+import { computed as g, unref as f, defineComponent as S, ref as $, toRefs as b, inject as y, openBlock as C, createBlock as F, mergeProps as B, createCommentVNode as A } from "vue";
+import { iconExists as u, Icon as I, addIcon as P } from "@iconify/vue";
+const V = "ds", D = {
+  color: String,
+  width: {
+    type: [String, Number]
+  },
+  height: {
+    type: [String, Number]
+  },
+  name: {
+    type: String,
+    required: !0
+  },
+  provider: {
+    type: String
+  },
+  prefix: {
+    type: String,
+    default: "normal"
+  },
+  src: String,
+  horizontalFlip: Boolean,
+  verticalFlip: Boolean,
+  flip: String,
+  mode: String,
+  inline: Boolean,
+  rotate: [Number, String],
+  onLoad: Function,
+  svg: String,
+  modifiers: {
+    type: [String, Array]
+  }
+};
+function h(i) {
+  var r, s;
+  if (i)
+    return (s = (r = i.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 : s.toLowerCase();
+}
+function L(i, r) {
+  const s = { [`${i}`]: !0 };
+  return {
+    bemCssClasses: g(() => Object.keys(r).reduce((o, a) => {
+      const t = f(r[a]) || !1;
+      if (!t)
+        return o;
+      if (a === "modifiers") {
+        const d = Array.isArray(t) ? t : t.split(" ");
+        return {
+          ...o,
+          ...d.reduce(
+            (m, l) => ({
+              ...m,
+              [`${i}--${h(l)}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...o,
+          [`${i}--${h(a)}`]: t
+        };
+    }, s) || {})
+  };
+}
+const M = {
+  name: "VvIcon"
+}, N = /* @__PURE__ */ S({
+  ...M,
+  props: D,
+  setup(i) {
+    const r = i, s = $(!0), { modifiers: v } = b(r), o = y(V), { bemCssClasses: a } = L("vv-icon", {
+      modifiers: v
+    }), t = g(() => r.provider || (o == null ? void 0 : o.provider)), d = g(() => {
+      const e = r.name ?? "", n = `@${t.value}:${r.prefix}:${r.name}`;
+      return u(e) ? e : u(n) ? n : (o == null ? void 0 : o.iconsCollections.find((c) => {
+        const p = `@${t.value}:${c.prefix}:${e}`;
+        if (u(p))
+          return p;
+      })) || e;
+    });
+    function m(e) {
+      let n = null;
+      if (typeof window > "u") {
+        const { JSDOM: w } = require("jsdom");
+        n = new w().window;
+      }
+      return (n ? new n.DOMParser() : new window.DOMParser()).parseFromString(e, "text/html").querySelector("svg");
+    }
+    function l(e) {
+      const n = m(e), c = (n == null ? void 0 : n.innerHTML.trim()) || "";
+      n && c && P(`@${t.value}:${r.prefix}:${r.name}`, {
+        body: c,
+        height: n.viewBox.baseVal.height,
+        width: n.viewBox.baseVal.width
+      });
+    }
+    return o && (r.src && !u(`@${t.value}:${r.prefix}:${r.name}`) ? (s.value = !1, o.fetchIcon(r.src).then((e) => {
+      e && (l(e), s.value = !0);
+    }).catch((e) => {
+      throw new Error(`During fetch icon: ${e == null ? void 0 : e.message}`);
+    })) : r.svg && l(r.svg)), (e, n) => s.value ? (C(), F(f(I), B({
+      key: 0,
+      class: f(a)
+    }, {
+      inline: e.inline,
+      width: e.width,
+      height: e.height,
+      horizontalFlip: e.horizontalFlip,
+      verticalFlip: e.verticalFlip,
+      flip: e.flip,
+      rotate: e.rotate,
+      color: e.color,
+      onLoad: e.onLoad,
+      icon: f(d)
+    }), null, 16, ["class"])) : A("", !0);
+  }
+});
+export {
+  N as default
+};

package/dist/components/VvIcon/VvIcon.umd.js

@@ -0,0 +1 @@
+(function(n,t){typeof exports=="object"&&typeof module<"u"?module.exports=t(require("vue"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue"],t):(n=typeof globalThis<"u"?globalThis:n||self,n.VvIcon=t(n.vue,n.vue$1))})(this,function(n,t){"use strict";const w="ds",S={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}};function g(c){var r,a;if(c)return(a=(r=c.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:a.toLowerCase()}function y(c,r){const a={[`${c}`]:!0};return{bemCssClasses:n.computed(()=>Object.keys(r).reduce((i,l)=>{const s=n.unref(r[l])||!1;if(!s)return i;if(l==="modifiers"){const d=Array.isArray(s)?s:s.split(" ");return{...i,...d.reduce((p,u)=>({...p,[`${c}--${g(u)}`]:!0}),{})}}else return{...i,[`${c}--${g(l)}`]:s}},a)||{})}}const v={name:"VvIcon"};return n.defineComponent({...v,props:S,setup(c){const r=c,a=n.ref(!0),{modifiers:h}=n.toRefs(r),i=n.inject(w),{bemCssClasses:l}=y("vv-icon",{modifiers:h}),s=n.computed(()=>r.provider||(i==null?void 0:i.provider)),d=n.computed(()=>{const e=r.name??"",o=`@${s.value}:${r.prefix}:${r.name}`;return t.iconExists(e)?e:t.iconExists(o)?o:(i==null?void 0:i.iconsCollections.find(f=>{const m=`@${s.value}:${f.prefix}:${e}`;if(t.iconExists(m))return m}))||e});function p(e){let o=null;if(typeof window>"u"){const{JSDOM:C}=require("jsdom");o=new C().window}return(o?new o.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}function u(e){const o=p(e),f=(o==null?void 0:o.innerHTML.trim())||"";o&&f&&t.addIcon(`@${s.value}:${r.prefix}:${r.name}`,{body:f,height:o.viewBox.baseVal.height,width:o.viewBox.baseVal.width})}return i&&(r.src&&!t.iconExists(`@${s.value}:${r.prefix}:${r.name}`)?(a.value=!1,i.fetchIcon(r.src).then(e=>{e&&(u(e),a.value=!0)}).catch(e=>{throw new Error(`During fetch icon: ${e==null?void 0:e.message}`)})):r.svg&&u(r.svg)),(e,o)=>a.value?(n.openBlock(),n.createBlock(n.unref(t.Icon),n.mergeProps({key:0,class:n.unref(l)},{inline:e.inline,width:e.width,height:e.height,horizontalFlip:e.horizontalFlip,verticalFlip:e.verticalFlip,flip:e.flip,rotate:e.rotate,color:e.color,onLoad:e.onLoad,icon:n.unref(d)}),null,16,["class"])):n.createCommentVNode("",!0)}})});

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

@@ -1,149 +1,4 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            prefix: import("./VvIcon").PREFIX;
-            horizontalFlip: boolean;
-            verticalFlip: boolean;
-            inline: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            color: StringConstructor;
-            width: {
-                type: (StringConstructor | NumberConstructor)[];
-            };
-            height: {
-                type: (StringConstructor | NumberConstructor)[];
-            };
-            name: {
-                type: StringConstructor;
-                required: boolean;
-            };
-            provider: {
-                type: StringConstructor;
-            };
-            prefix: {
-                type: import("vue").PropType<import("./VvIcon").PREFIX>;
-                default: string;
-            };
-            src: StringConstructor;
-            horizontalFlip: BooleanConstructor;
-            verticalFlip: BooleanConstructor;
-            flip: StringConstructor;
-            mode: import("vue").PropType<import("@iconify/vue").IconifyRenderMode>;
-            inline: BooleanConstructor;
-            rotate: (StringConstructor | NumberConstructor)[];
-            onLoad: FunctionConstructor;
-            svg: StringConstructor;
-            modifiers: {
-                type: import("vue").PropType<string | string[]>;
-            };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "prefix" | "horizontalFlip" | "verticalFlip" | "inline">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            color: StringConstructor;
-            width: {
-                type: (StringConstructor | NumberConstructor)[];
-            };
-            height: {
-                type: (StringConstructor | NumberConstructor)[];
-            };
-            name: {
-                type: StringConstructor;
-                required: boolean;
-            };
-            provider: {
-                type: StringConstructor;
-            };
-            prefix: {
-                type: import("vue").PropType<import("./VvIcon").PREFIX>;
-                default: string;
-            };
-            src: StringConstructor;
-            horizontalFlip: BooleanConstructor;
-            verticalFlip: BooleanConstructor;
-            flip: StringConstructor;
-            mode: import("vue").PropType<import("@iconify/vue").IconifyRenderMode>;
-            inline: BooleanConstructor;
-            rotate: (StringConstructor | NumberConstructor)[];
-            onLoad: FunctionConstructor;
-            svg: StringConstructor;
-            modifiers: {
-                type: import("vue").PropType<string | string[]>;
-            };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            prefix: import("./VvIcon").PREFIX;
-            horizontalFlip: boolean;
-            verticalFlip: boolean;
-            inline: boolean;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $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<{
-        color: StringConstructor;
-        width: {
-            type: (StringConstructor | NumberConstructor)[];
-        };
-        height: {
-            type: (StringConstructor | NumberConstructor)[];
-        };
-        name: {
-            type: StringConstructor;
-            required: boolean;
-        };
-        provider: {
-            type: StringConstructor;
-        };
-        prefix: {
-            type: import("vue").PropType<import("./VvIcon").PREFIX>;
-            default: string;
-        };
-        src: StringConstructor;
-        horizontalFlip: BooleanConstructor;
-        verticalFlip: BooleanConstructor;
-        flip: StringConstructor;
-        mode: import("vue").PropType<import("@iconify/vue").IconifyRenderMode>;
-        inline: BooleanConstructor;
-        rotate: (StringConstructor | NumberConstructor)[];
-        onLoad: FunctionConstructor;
-        svg: StringConstructor;
-        modifiers: {
-            type: import("vue").PropType<string | string[]>;
-        };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     color: StringConstructor;
     width: {
         type: (StringConstructor | NumberConstructor)[];
@@ -159,7 +14,7 @@ declare const _default: {
         type: StringConstructor;
     };
     prefix: {
-        type: import("vue").PropType<import("./VvIcon").PREFIX>;
+        type: import("vue").PropType<import("@/components/VvIcon").PREFIX>;
         default: string;
     };
     src: StringConstructor;
@@ -174,10 +29,41 @@ declare const _default: {
     modifiers: {
         type: import("vue").PropType<string | string[]>;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    prefix: import("./VvIcon").PREFIX;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: StringConstructor;
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    provider: {
+        type: StringConstructor;
+    };
+    prefix: {
+        type: import("vue").PropType<import("@/components/VvIcon").PREFIX>;
+        default: string;
+    };
+    src: StringConstructor;
+    horizontalFlip: BooleanConstructor;
+    verticalFlip: BooleanConstructor;
+    flip: StringConstructor;
+    mode: import("vue").PropType<import("@iconify/vue").IconifyRenderMode>;
+    inline: BooleanConstructor;
+    rotate: (StringConstructor | NumberConstructor)[];
+    onLoad: FunctionConstructor;
+    svg: StringConstructor;
+    modifiers: {
+        type: import("vue").PropType<string | string[]>;
+    };
+}>>, {
+    prefix: import("@/components/VvIcon").PREFIX;
     horizontalFlip: boolean;
     verticalFlip: boolean;
     inline: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+}>;
 export default _default;

package/dist/components/VvIcon/{VvIcon.d.ts → index.d.ts}

@@ -6,10 +6,19 @@ export declare enum PREFIX {
     detailed = "detailed"
 }
 export declare const VvIconProps: {
+    /**
+     * Color
+     */
     color: StringConstructor;
+    /**
+     * Width
+     */
     width: {
         type: (StringConstructor | NumberConstructor)[];
     };
+    /**
+     * Height
+     */
     height: {
         type: (StringConstructor | NumberConstructor)[];
     };

package/dist/components/VvInputText/VvInputClearAction.d.ts

@@ -0,0 +1,36 @@
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    onClick: (e: Event) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clear"[], "clear", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onClear?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    label: string;
+    icon: string;
+}>;
+export default _default;

package/dist/components/VvInputText/VvInputPasswordAction.d.ts

@@ -0,0 +1,56 @@
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelShow: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelHide: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconShow: {
+        type: StringConstructor;
+        default: "eye-on";
+    };
+    iconHide: {
+        type: StringConstructor;
+        default: "eye-off";
+    };
+}, {
+    active: import("vue").Ref<boolean>;
+    activeIcon: import("vue").ComputedRef<string>;
+    onClick: (e: Event) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "toggle-password"[], "toggle-password", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelShow: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelHide: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconShow: {
+        type: StringConstructor;
+        default: "eye-on";
+    };
+    iconHide: {
+        type: StringConstructor;
+        default: "eye-off";
+    };
+}>> & {
+    "onToggle-password"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    labelShow: string;
+    labelHide: string;
+    iconShow: string;
+    iconHide: string;
+}>;
+export default _default;

package/dist/components/VvInputText/VvInputStepAction.d.ts

@@ -0,0 +1,37 @@
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+    };
+    mode: {
+        type: StringConstructor;
+        validator: (v: string) => boolean;
+        default: string;
+    };
+}, {
+    isUp: import("vue").ComputedRef<boolean>;
+    onClick: (e: Event) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("step-up" | "step-down")[], "step-up" | "step-down", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+    };
+    mode: {
+        type: StringConstructor;
+        validator: (v: string) => boolean;
+        default: string;
+    };
+}>> & {
+    "onStep-up"?: ((...args: any[]) => any) | undefined;
+    "onStep-down"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    mode: string;
+}>;
+export default _default;