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

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

@@ -0,0 +1,182 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export declare const INPUT_TYPES: {
+    readonly TEXT: "text";
+    readonly PASSWORD: "password";
+    readonly NUMBER: "number";
+    readonly EMAIL: "email";
+    readonly TEL: "tel";
+    readonly URL: "url";
+    readonly COLOR: "color";
+    readonly SEARCH: "search";
+    readonly DATE: "date";
+    readonly TIME: "time";
+    readonly DATETIME_LOCAL: "datetime-local";
+    readonly MONTH: "month";
+    readonly WEEK: "week";
+};
+export type InputType = ValueOf<typeof INPUT_TYPES>;
+export declare const TYPES_ICON: {
+    readonly PASSWORD_SHOW: "eye-on";
+    readonly PASSWORD_HIDE: "eye-off";
+    readonly DATE: "calendar";
+    readonly TIME: "time";
+    readonly COLOR: "color";
+    readonly SEARCH: "close";
+};
+export declare const VvInputTextEvents: string[];
+export declare const VvInputTextProps: {
+    /**
+     * Input value
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value
+     */
+    modelValue: (StringConstructor | NumberConstructor)[];
+    /**
+     * Type of form control
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#type
+     */
+    type: {
+        type: PropType<InputType>;
+        default: "text";
+        validator: (value: InputType) => boolean;
+    };
+    /**
+     * Minimum value
+     * Available for input types: date, month, week, time, datetime-local, number, range.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min
+     */
+    min: (DateConstructor | StringConstructor | NumberConstructor)[];
+    /**
+     * Maximum value
+     * Available for input types: date, month, week, time, datetime-local, number, range.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max
+     */
+    max: (DateConstructor | StringConstructor | NumberConstructor)[];
+    /**
+     * Incremental values that are valid
+     * Available for input types: date, month, week, time, datetime-local and number
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step
+     */
+    step: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /**
+     * Pattern the value must match to be valid
+     * Available for input types: text, search, url, tel, email and password
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#pattern
+     */
+    pattern: StringConstructor;
+    /**
+     * Whether to allow multiple values
+     * Available for input type email
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#multiple
+     */
+    multiple: BooleanConstructor;
+    /**
+     * VvIcon name for show password button
+     * @see VVIcon
+     */
+    iconShowPassword: {
+        type: StringConstructor;
+        default: "eye-on";
+    };
+    /**
+     * VvIcon name for hide password button
+     * @see VVIcon
+     */
+    iconHidePassword: {
+        type: StringConstructor;
+        default: "eye-off";
+    };
+    /**
+     * VvIcon name for clear button
+     * @see VVIcon
+     */
+    iconClear: {
+        type: StringConstructor;
+        default: "close";
+    };
+    /**
+     * Label for step up button
+     */
+    labelStepUp: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Label for step down button
+     */
+    labelStepDown: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Label for show password button
+     */
+    labelShowPassword: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Label for hide password button
+     */
+    labelHidePassword: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Label for clear button
+     */
+    labelClear: {
+        type: StringConstructor;
+        default: string;
+    };
+    autofocus: BooleanConstructor;
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    minlength: NumberConstructor;
+    maxlength: NumberConstructor;
+    placeholder: StringConstructor;
+    required: BooleanConstructor;
+    label: StringConstructor;
+    floating: BooleanConstructor;
+    icon: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    iconPosition: {
+        type: PropType<import("@/props").IconPosition>;
+        validation: (value: import("@/props").IconPosition) => boolean;
+        default: "right";
+    };
+    debounce: (StringConstructor | NumberConstructor)[];
+    count: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (value: string) => boolean;
+    };
+    modifiers: PropType<string | string[]>;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    id: (StringConstructor | NumberConstructor)[];
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+};
+export type VvInputTextPropsTypes = ExtractPropTypes<typeof VvInputTextProps>;

package/dist/components/VvProgress/VvProgress.es.js

@@ -0,0 +1,71 @@
+import { computed as m, unref as a, defineComponent as f, toRefs as p, openBlock as b, createElementBlock as C, mergeProps as g } from "vue";
+function c(r) {
+  var e, t;
+  if (r)
+    return (t = (e = r.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 : e.join("-")) == null ? void 0 : t.toLowerCase();
+}
+function _(r, e) {
+  const t = { [`${r}`]: !0 };
+  return {
+    bemCssClasses: m(() => Object.keys(e).reduce((o, n) => {
+      const s = a(e[n]) || !1;
+      if (!s)
+        return o;
+      if (n === "modifiers") {
+        const u = Array.isArray(s) ? s : s.split(" ");
+        return {
+          ...o,
+          ...u.reduce(
+            (l, d) => ({
+              ...l,
+              [`${r}--${c(d)}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...o,
+          [`${r}--${c(n)}`]: s
+        };
+    }, t) || {})
+  };
+}
+const v = {
+  modifiers: [String, Array]
+}, y = {
+  ...v,
+  value: {
+    type: [Number, String],
+    default: void 0
+  },
+  max: {
+    type: [Number, String]
+  },
+  label: {
+    type: String,
+    required: !0
+  }
+}, A = {
+  name: "VvProgress"
+}, $ = /* @__PURE__ */ f({
+  ...A,
+  props: y,
+  setup(r) {
+    const e = r, { value: t, max: i, label: o } = p(e), n = m(() => e.value === void 0), { bemCssClasses: s } = _("vv-progress", {
+      modifiers: e.modifiers,
+      indeterminate: n
+    });
+    return (u, l) => (b(), C("progress", g({ role: "progressbar" }, {
+      class: a(s),
+      ariaLabel: a(o),
+      max: a(i),
+      value: a(t)
+    }), null, 16));
+  }
+});
+export {
+  $ as default
+};

package/dist/components/VvProgress/VvProgress.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t(require("vue")):typeof define=="function"&&define.amd?define(["vue"],t):(e=typeof globalThis<"u"?globalThis:e||self,e.VvProgress=t(e.vue))})(this,function(e){"use strict";function t(r){var s,o;if(r)return(o=(s=r.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:s.join("-"))==null?void 0:o.toLowerCase()}function c(r,s){const o={[`${r}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(s).reduce((i,a)=>{const n=e.unref(s[a])||!1;if(!n)return i;if(a==="modifiers"){const f=Array.isArray(n)?n:n.split(" ");return{...i,...f.reduce((d,p)=>({...d,[`${r}--${t(p)}`]:!0}),{})}}else return{...i,[`${r}--${t(a)}`]:n}},o)||{})}}const l={...{modifiers:[String,Array]},value:{type:[Number,String],default:void 0},max:{type:[Number,String]},label:{type:String,required:!0}},m={name:"VvProgress"};return e.defineComponent({...m,props:l,setup(r){const s=r,{value:o,max:u,label:i}=e.toRefs(s),a=e.computed(()=>s.value===void 0),{bemCssClasses:n}=c("vv-progress",{modifiers:s.modifiers,indeterminate:a});return(f,d)=>(e.openBlock(),e.createElementBlock("progress",e.mergeProps({role:"progressbar"},{class:e.unref(n),ariaLabel:e.unref(i),max:e.unref(u),value:e.unref(o)}),null,16))}})});

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

@@ -1,117 +1,30 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            ariaLabel: string;
-            determinate: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            value: {
-                type: (StringConstructor | NumberConstructor)[];
-            };
-            max: {
-                type: (StringConstructor | NumberConstructor)[];
-            };
-            ariaLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            determinate: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            modifiers: (StringConstructor | ArrayConstructor)[];
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "ariaLabel" | "determinate">;
-        $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<{
-            value: {
-                type: (StringConstructor | NumberConstructor)[];
-            };
-            max: {
-                type: (StringConstructor | NumberConstructor)[];
-            };
-            ariaLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            determinate: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            modifiers: (StringConstructor | ArrayConstructor)[];
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            ariaLabel: string;
-            determinate: 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<{
-        value: {
-            type: (StringConstructor | NumberConstructor)[];
-        };
-        max: {
-            type: (StringConstructor | NumberConstructor)[];
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            default: string;
-        };
-        determinate: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        modifiers: (StringConstructor | ArrayConstructor)[];
-    }>> & 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<{
     value: {
         type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
     };
     max: {
         type: (StringConstructor | NumberConstructor)[];
     };
-    ariaLabel: {
+    label: {
         type: StringConstructor;
-        default: string;
+        required: boolean;
     };
-    determinate: {
-        type: BooleanConstructor;
-        default: boolean;
+    modifiers: import("vue").PropType<string | string[]>;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    label: {
+        type: StringConstructor;
+        required: boolean;
     };
-    modifiers: (StringConstructor | ArrayConstructor)[];
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    ariaLabel: string;
-    determinate: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    modifiers: import("vue").PropType<string | string[]>;
+}>>, {
+    value: string | number;
+}>;
 export default _default;

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

@@ -0,0 +1,30 @@
+export declare const VvProgressProps: {
+    /**
+     * Progress value
+     * This attribute specifies how much of the task that has been completed.
+     * It must be a valid floating point number between 0 and max, or between 0 and 1 if max is omitted.
+     * If there is no value attribute, the progress bar is indeterminate.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress#attr-max
+     */
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    /**
+     * Progress max
+     * This attribute describes how much work the task indicated by the progress element requires.
+     * The max attribute, if present, must have a value greater than 0 and be a valid floating point number. The default value is 1.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress#attr-max
+     */
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /**
+     * Progress aria-label
+     */
+    label: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    modifiers: import("vue").PropType<string | string[]>;
+};