@volverjs/ui-vue 0.0.1-beta.2

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

@@ -0,0 +1,228 @@
+import { type Option } from './VvNativeSelect';
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            disabled: boolean;
+            readonly: boolean;
+            loading: boolean;
+            error: boolean;
+            valid: boolean;
+            hintLabel: string;
+            useObject: boolean;
+            labelKey: string;
+            valueKey: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: (StringConstructor | ObjectConstructor)[];
+                required: boolean;
+            };
+            label: StringConstructor;
+            placeholder: StringConstructor;
+            options: {
+                type: import("vue").PropType<(string | Option)[]>;
+                required: boolean;
+            };
+            useObject: BooleanConstructor;
+            labelKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            valueKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            iconLeft: StringConstructor;
+            iconRight: StringConstructor;
+            modifiers: (StringConstructor | ArrayConstructor)[];
+            readonly: BooleanConstructor;
+            disabled: BooleanConstructor;
+            loading: BooleanConstructor;
+            loadingLabel: StringConstructor;
+            hintLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            error: BooleanConstructor;
+            errorLabel: (StringConstructor | ArrayConstructor)[];
+            valid: BooleanConstructor;
+            validLabel: (StringConstructor | ArrayConstructor)[];
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "readonly" | "loading" | "error" | "valid" | "hintLabel" | "useObject" | "labelKey" | "valueKey">;
+        $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: "update:modelValue", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: (StringConstructor | ObjectConstructor)[];
+                required: boolean;
+            };
+            label: StringConstructor;
+            placeholder: StringConstructor;
+            options: {
+                type: import("vue").PropType<(string | Option)[]>;
+                required: boolean;
+            };
+            useObject: BooleanConstructor;
+            labelKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            valueKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            iconLeft: StringConstructor;
+            iconRight: StringConstructor;
+            modifiers: (StringConstructor | ArrayConstructor)[];
+            readonly: BooleanConstructor;
+            disabled: BooleanConstructor;
+            loading: BooleanConstructor;
+            loadingLabel: StringConstructor;
+            hintLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            error: BooleanConstructor;
+            errorLabel: (StringConstructor | ArrayConstructor)[];
+            valid: BooleanConstructor;
+            validLabel: (StringConstructor | ArrayConstructor)[];
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], string, {
+            disabled: boolean;
+            readonly: boolean;
+            loading: boolean;
+            error: boolean;
+            valid: boolean;
+            hintLabel: string;
+            useObject: boolean;
+            labelKey: string;
+            valueKey: string;
+        }, {}, 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<{
+        modelValue: {
+            type: (StringConstructor | ObjectConstructor)[];
+            required: boolean;
+        };
+        label: StringConstructor;
+        placeholder: StringConstructor;
+        options: {
+            type: import("vue").PropType<(string | Option)[]>;
+            required: boolean;
+        };
+        useObject: BooleanConstructor;
+        labelKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        valueKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        iconLeft: StringConstructor;
+        iconRight: StringConstructor;
+        modifiers: (StringConstructor | ArrayConstructor)[];
+        readonly: BooleanConstructor;
+        disabled: BooleanConstructor;
+        loading: BooleanConstructor;
+        loadingLabel: StringConstructor;
+        hintLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        error: BooleanConstructor;
+        errorLabel: (StringConstructor | ArrayConstructor)[];
+        valid: BooleanConstructor;
+        validLabel: (StringConstructor | ArrayConstructor)[];
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | ObjectConstructor)[];
+        required: boolean;
+    };
+    label: StringConstructor;
+    placeholder: StringConstructor;
+    options: {
+        type: import("vue").PropType<(string | Option)[]>;
+        required: boolean;
+    };
+    useObject: BooleanConstructor;
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconLeft: StringConstructor;
+    iconRight: StringConstructor;
+    modifiers: (StringConstructor | ArrayConstructor)[];
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: BooleanConstructor;
+    errorLabel: (StringConstructor | ArrayConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (StringConstructor | ArrayConstructor)[];
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", {
+    disabled: boolean;
+    readonly: boolean;
+    loading: boolean;
+    error: boolean;
+    valid: boolean;
+    hintLabel: string;
+    useObject: boolean;
+    labelKey: string;
+    valueKey: string;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        'icon-left': (_: {}) => any;
+        'icon-right': (_: {}) => any;
+    };
+});
+export default _default;

package/dist/components/VvNativeSelect/vv-native-select.es.js

@@ -0,0 +1,395 @@
+import { computed as S, unref as d, defineComponent as I, ref as R, toRefs as F, inject as x, openBlock as h, createBlock as D, mergeProps as K, createCommentVNode as w, h as M, useSlots as T, createElementBlock as b, normalizeClass as z, toDisplayString as P, createElementVNode as q, renderSlot as V, Fragment as Z, renderList as J, createVNode as U } from "vue";
+import { v4 as G } from "uuid";
+import { iconExists as _, Icon as Q, addIcon as W } from "@iconify/vue";
+const A = {
+  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), o = Array.isArray(t);
+      let n, c, u;
+      if (r && o) {
+        if (c = e.length, c != t.length)
+          return !1;
+        for (n = c; n-- !== 0; )
+          if (!this.deepEquals(e[n], t[n]))
+            return !1;
+        return !0;
+      }
+      if (r != o)
+        return !1;
+      const s = e instanceof Date, m = t instanceof Date;
+      if (s != m)
+        return !1;
+      if (s && m)
+        return e.getTime() == t.getTime();
+      const y = e instanceof RegExp, i = t instanceof RegExp;
+      if (y != i)
+        return !1;
+      if (y && i)
+        return e.toString() == t.toString();
+      const l = Object.keys(e);
+      if (c = l.length, c !== Object.keys(t).length)
+        return !1;
+      for (n = c; n-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(t, l[n]))
+          return !1;
+      for (n = c; n-- !== 0; )
+        if (u = l[n], !this.deepEquals(e[u], t[u]))
+          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 o = e;
+        for (let n = 0, c = r.length; n < c; ++n) {
+          if (e == null)
+            return null;
+          o = o[r[n]];
+        }
+        return o;
+      }
+    } else
+      return null;
+  },
+  isFunction(e) {
+    return !!(e && e.constructor && e.call && e.apply);
+  },
+  findIndexInList(e, t) {
+    let r = -1;
+    if (t) {
+      for (let o = 0; o < t.length; o++)
+        if (this.equals(t[o], e)) {
+          r = o;
+          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((o, n) => n !== r) : t;
+  },
+  isString(e) {
+    return typeof e == "string" || e instanceof String;
+  },
+  propsToObject(e) {
+    return Object.keys(e).reduce((t, r) => {
+      var o, n, c, u, s;
+      return this.isFunction(e[r]) ? t[r] = e[r]() : Array.isArray(e[r]) ? t[r] = e[r][0]() : (o = e[r]) != null && o.type && (Array.isArray(e[r].type) ? t[r] = ((n = e[r]) == null ? void 0 : n.default) || ((c = e[r]) == null ? void 0 : c.type[0]()) : t[r] = ((u = e[r]) == null ? void 0 : u.default) || ((s = e[r]) == null ? void 0 : s.type())), t;
+    }, {});
+  },
+  filterArray(e, t, r) {
+    return e.filter((o) => t.some((n) => typeof n == "string" ? o[r] == n : this.equals(
+      o[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();
+  }
+}, X = {
+  valid: Boolean,
+  validLabel: [String, Array]
+}, Y = {
+  error: Boolean,
+  errorLabel: [String, Array]
+}, L = {
+  loading: Boolean,
+  loadingLabel: String
+}, ee = {
+  disabled: Boolean
+}, te = {
+  readonly: Boolean
+}, re = {
+  modifiers: [String, Array]
+}, ne = {
+  hintLabel: { type: String, default: "" }
+}, se = {
+  ...X,
+  ...Y,
+  ...ne,
+  ...L,
+  ...ee,
+  ...te,
+  ...re,
+  modelValue: {
+    type: [String, Object],
+    required: !0
+  },
+  label: String,
+  placeholder: String,
+  options: {
+    type: Array,
+    required: !0
+  },
+  useObject: Boolean,
+  labelKey: { type: String, default: "label" },
+  valueKey: { type: String, default: "value" },
+  iconLeft: String,
+  iconRight: String,
+  modifiers: [String, Array]
+}, ie = {
+  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(e, t) {
+  const r = { [`${e}`]: !0 };
+  return {
+    bemCssClasses: S(() => Object.keys(t).reduce((n, c) => {
+      const u = d(t[c]) || !1;
+      if (!u)
+        return n;
+      if (c === "modifiers") {
+        const s = Array.isArray(u) ? u : [u];
+        return {
+          ...n,
+          ...s.reduce(
+            (m, y) => ({
+              ...m,
+              [`${e}--${A.kebabCase(
+                y
+              )}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...n,
+          [`${e}--${A.kebabCase(c)}`]: u
+        };
+    }, r) || {})
+  };
+}
+const N = /* @__PURE__ */ I({
+  __name: "VvIcon",
+  props: ie,
+  setup(e) {
+    const t = e, r = R(!0), { modifiers: o } = F(t), n = x("ds"), { bemCssClasses: c } = H("vv-icon", {
+      modifiers: o
+    }), u = S(() => t.provider || (n == null ? void 0 : n.provider)), s = S(() => {
+      const i = t.name || "", l = `@${u.value}:${t.prefix}:${t.name}`;
+      return _(i) ? i : _(l) ? l : (n == null ? void 0 : n.iconsCollections.find((a) => {
+        const g = `@${u.value}:${a.prefix}:${i}`;
+        if (_(g))
+          return g;
+      })) || i;
+    });
+    function m(i) {
+      let l = null;
+      if (typeof window > "u") {
+        const { JSDOM: E } = require("jsdom");
+        l = new E().window;
+      }
+      return (l ? new l.DOMParser() : new window.DOMParser()).parseFromString(i, "text/html").querySelector("svg");
+    }
+    function y(i) {
+      const l = m(i), a = (l == null ? void 0 : l.innerHTML.trim()) || "";
+      l && a && W(`@${u.value}:${t.prefix}:${t.name}`, {
+        body: a,
+        height: l.viewBox.baseVal.height,
+        width: l.viewBox.baseVal.width
+      });
+    }
+    return n && (t.src ? (r.value = !1, n.fetchIcon(t.src).then((i) => {
+      i && (y(i), r.value = !0);
+    }).catch((i) => {
+      throw new Error(`During fetch icon: ${i == null ? void 0 : i.message}`);
+    })) : t.svg && y(t.svg)), (i, l) => r.value ? (h(), D(d(Q), K({
+      key: 0,
+      class: d(c)
+    }, {
+      ...i.$props,
+      provider: d(u),
+      icon: d(s)
+    }), null, 16, ["class"])) : w("", !0);
+  }
+});
+function oe(e) {
+  return Array.isArray(e) ? e.filter((t) => A.isString(t)).reduce((t, r) => t.length > 0 ? t + `
+` + r : r, "") : e;
+}
+function le(e, t) {
+  return {
+    name: "HintSlot",
+    setup() {
+      const r = F(e), {
+        error: o,
+        valid: n,
+        hint: c,
+        loading: u
+      } = t, {
+        hintLabel: s,
+        modelValue: m,
+        valid: y,
+        validLabel: i,
+        error: l,
+        errorLabel: a
+      } = r, g = A.resolveFieldData(r, "loading"), p = A.resolveFieldData(
+        r,
+        "loadingLabel"
+      ), E = S(() => l.value ? !!(l.value && o || (a == null ? void 0 : a.value) && Array.isArray(a.value) && a.value.length > 0 || (a == null ? void 0 : a.value) && A.isNotEmpty(a.value)) : !1), $ = S(() => !!(s && s.value || c || n || i && i.value || E.value || (g == null ? void 0 : g.value) && u || (g == null ? void 0 : g.value) && (p == null ? void 0 : p.value))), O = S(() => Array.isArray(a == null ? void 0 : a.value) ? oe((a == null ? void 0 : a.value) || "") : a == null ? void 0 : a.value), f = S(() => {
+        const v = { modelValue: m, error: l, valid: y };
+        return l != null && l.value ? (o == null ? void 0 : o(v)) || (O == null ? void 0 : O.value) || (s == null ? void 0 : s.value) : y != null && y.value ? (n == null ? void 0 : n(v)) || (i == null ? void 0 : i.value) || (s == null ? void 0 : s.value) : g != null && g.value ? (u == null ? void 0 : u(v)) || (p == null ? void 0 : p.value) || (s == null ? void 0 : s.value) : (c == null ? void 0 : c(v)) || (s == null ? void 0 : s.value) || (s == null ? void 0 : s.value);
+      });
+      return {
+        hasHint: $,
+        hintContent: f
+      };
+    },
+    render() {
+      if (this.hasHint)
+        return M("span", null, this.hintContent);
+    }
+  };
+}
+const ue = ["for"], ae = { class: "vv-select__wrapper" }, ce = ["id", "value", "disabled"], fe = {
+  key: 0,
+  value: "",
+  disabled: "",
+  selected: ""
+}, de = ["disabled", "value"], pe = /* @__PURE__ */ I({
+  __name: "VvNativeSelect",
+  props: se,
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const r = e, o = T(), n = le(r, o), {
+      modifiers: c,
+      disabled: u,
+      readonly: s,
+      loading: m,
+      iconLeft: y,
+      iconRight: i,
+      error: l,
+      valid: a
+    } = F(r), g = G(), { bemCssClasses: p } = H("vv-select", {
+      modifiers: c,
+      loading: m,
+      readonly: s,
+      iconLeft: y,
+      iconRight: i,
+      valid: a,
+      invalid: l,
+      dirty: S(() => A.isNotEmpty(r.modelValue))
+    });
+    function E(f) {
+      return typeof f == "string" ? f : f[r.valueKey];
+    }
+    function $(f) {
+      return typeof f == "string" ? f : f[r.labelKey];
+    }
+    function O(f) {
+      var j;
+      const v = f.target, C = (r.useObject ? (j = r.options) == null ? void 0 : j.find(
+        (B) => B[r.valueKey] == v.value
+      ) : null) || v.value;
+      t("update:modelValue", C);
+    }
+    return (f, v) => {
+      var k;
+      return h(), b("div", {
+        class: z(d(p))
+      }, [
+        f.label ? (h(), b("label", {
+          key: 0,
+          for: d(g)
+        }, P(f.label), 9, ue)) : w("", !0),
+        q("div", ae, [
+          V(f.$slots, "icon-left", {}, () => [
+            d(y) ? (h(), D(N, {
+              key: 0,
+              name: d(y)
+            }, null, 8, ["name"])) : w("", !0)
+          ]),
+          q("select", {
+            id: d(g),
+            value: typeof f.modelValue == "string" ? f.modelValue : (k = f.modelValue) == null ? void 0 : k[f.valueKey],
+            disabled: d(u) || d(s),
+            onInput: O
+          }, [
+            f.placeholder ? (h(), b("option", fe, P(f.placeholder), 1)) : w("", !0),
+            (h(!0), b(Z, null, J(f.options, (C, j) => {
+              var B;
+              return h(), b("option", {
+                key: j,
+                disabled: typeof C == "object" ? (B = C.disabled) != null ? B : d(u) : d(u),
+                value: E(C)
+              }, P($(C)), 9, de);
+            }), 128))
+          ], 40, ce),
+          V(f.$slots, "icon-right", {}, () => [
+            d(i) ? (h(), D(N, {
+              key: 0,
+              name: d(i)
+            }, null, 8, ["name"])) : w("", !0)
+          ])
+        ]),
+        U(d(n), { class: "vv-select__hint" })
+      ], 2);
+    };
+  }
+});
+export {
+  pe as default
+};

package/dist/components/VvNativeSelect/vv-native-select.umd.js

@@ -0,0 +1,2 @@
+(function(t,B){typeof exports=="object"&&typeof module<"u"?module.exports=B(require("vue"),require("uuid"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","uuid","@iconify/vue"],B):(t=typeof globalThis<"u"?globalThis:t||self,t.VvNativeSelect=B(t.vue,t.uuid,t.vue$1))})(this,function(t,B,k){"use strict";const S={equals(e,r,n){return n?this.resolveFieldData(e,n)===this.resolveFieldData(r,n):this.deepEquals(e,r)},deepEquals(e,r){if(e===r)return!0;if(e&&r&&typeof e=="object"&&typeof r=="object"){const n=Array.isArray(e),l=Array.isArray(r);let s,f,a;if(n&&l){if(f=e.length,f!=r.length)return!1;for(s=f;s--!==0;)if(!this.deepEquals(e[s],r[s]))return!1;return!0}if(n!=l)return!1;const o=e instanceof Date,y=r instanceof Date;if(o!=y)return!1;if(o&&y)return e.getTime()==r.getTime();const p=e instanceof RegExp,i=r instanceof RegExp;if(p!=i)return!1;if(p&&i)return e.toString()==r.toString();const c=Object.keys(e);if(f=c.length,f!==Object.keys(r).length)return!1;for(s=f;s--!==0;)if(!Object.prototype.hasOwnProperty.call(r,c[s]))return!1;for(s=f;s--!==0;)if(a=c[s],!this.deepEquals(e[a],r[a]))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 n=r.split(".");let l=e;for(let s=0,f=n.length;s<f;++s){if(e==null)return null;l=l[n[s]]}return l}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,r){let n=-1;if(r){for(let l=0;l<r.length;l++)if(this.equals(r[l],e)){n=l;break}}return n},contains(e,r){if(e!=null&&r&&r.length){for(const n of r)if(this.equals(e,n))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(([n])=>r(n)))},removeFromList(e,r){const n=this.findIndexInList(e,r);return n>-1?r.filter((l,s)=>s!==n):r},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((r,n)=>{var l,s,f,a,o;return this.isFunction(e[n])?r[n]=e[n]():Array.isArray(e[n])?r[n]=e[n][0]():(l=e[n])!=null&&l.type&&(Array.isArray(e[n].type)?r[n]=((s=e[n])==null?void 0:s.default)||((f=e[n])==null?void 0:f.type[0]()):r[n]=((a=e[n])==null?void 0:a.default)||((o=e[n])==null?void 0:o.type())),r},{})},filterArray(e,r,n){return e.filter(l=>r.some(s=>typeof s=="string"?l[n]==s:this.equals(l[n],s[n])))},kebabCase(e){var r,n;if(e)return(n=(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:n.toLowerCase()}},D={...{valid:Boolean,validLabel:[String,Array]},...{error:Boolean,errorLabel:[String,Array]},...{hintLabel:{type:String,default:""}},...{loading:Boolean,loadingLabel:String},...{disabled:Boolean},...{readonly:Boolean},...{modifiers:[String,Array]},modelValue:{type:[String,Object],required:!0},label:String,placeholder:String,options:{type:Array,required:!0},useObject:Boolean,labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},iconLeft:String,iconRight:String,modifiers:[String,Array]},_={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 V(e,r){const n={[`${e}`]:!0};return{bemCssClasses:t.computed(()=>Object.keys(r).reduce((s,f)=>{const a=t.unref(r[f])||!1;if(!a)return s;if(f==="modifiers"){const o=Array.isArray(a)?a:[a];return{...s,...o.reduce((y,p)=>({...y,[`${e}--${S.kebabCase(p)}`]:!0}),{})}}else return{...s,[`${e}--${S.kebabCase(f)}`]:a}},n)||{})}}const b=t.defineComponent({__name:"VvIcon",props:_,setup(e){const r=e,n=t.ref(!0),{modifiers:l}=t.toRefs(r),s=t.inject("ds"),{bemCssClasses:f}=V("vv-icon",{modifiers:l}),a=t.computed(()=>r.provider||(s==null?void 0:s.provider)),o=t.computed(()=>{const i=r.name||"",c=`@${a.value}:${r.prefix}:${r.name}`;return k.iconExists(i)?i:k.iconExists(c)?c:(s==null?void 0:s.iconsCollections.find(u=>{const m=`@${a.value}:${u.prefix}:${i}`;if(k.iconExists(m))return m}))||i});function y(i){let c=null;if(typeof window>"u"){const{JSDOM:E}=require("jsdom");c=new E().window}return(c?new c.DOMParser:new window.DOMParser).parseFromString(i,"text/html").querySelector("svg")}function p(i){const c=y(i),u=(c==null?void 0:c.innerHTML.trim())||"";c&&u&&k.addIcon(`@${a.value}:${r.prefix}:${r.name}`,{body:u,height:c.viewBox.baseVal.height,width:c.viewBox.baseVal.width})}return s&&(r.src?(n.value=!1,s.fetchIcon(r.src).then(i=>{i&&(p(i),n.value=!0)}).catch(i=>{throw new Error(`During fetch icon: ${i==null?void 0:i.message}`)})):r.svg&&p(r.svg)),(i,c)=>n.value?(t.openBlock(),t.createBlock(t.unref(k.Icon),t.mergeProps({key:0,class:t.unref(f)},{...i.$props,provider:t.unref(a),icon:t.unref(o)}),null,16,["class"])):t.createCommentVNode("",!0)}});function N(e){return Array.isArray(e)?e.filter(r=>S.isString(r)).reduce((r,n)=>r.length>0?r+`
+`+n:n,""):e}function q(e,r){return{name:"HintSlot",setup(){const n=t.toRefs(e),{error:l,valid:s,hint:f,loading:a}=r,{hintLabel:o,modelValue:y,valid:p,validLabel:i,error:c,errorLabel:u}=n,m=S.resolveFieldData(n,"loading"),g=S.resolveFieldData(n,"loadingLabel"),E=t.computed(()=>c.value?!!(c.value&&l||(u==null?void 0:u.value)&&Array.isArray(u.value)&&u.value.length>0||(u==null?void 0:u.value)&&S.isNotEmpty(u.value)):!1),j=t.computed(()=>!!(o&&o.value||f||s||i&&i.value||E.value||(m==null?void 0:m.value)&&a||(m==null?void 0:m.value)&&(g==null?void 0:g.value))),C=t.computed(()=>Array.isArray(u==null?void 0:u.value)?N((u==null?void 0:u.value)||""):u==null?void 0:u.value),d=t.computed(()=>{const h={modelValue:y,error:c,valid:p};return c!=null&&c.value?(l==null?void 0:l(h))||(C==null?void 0:C.value)||(o==null?void 0:o.value):p!=null&&p.value?(s==null?void 0:s(h))||(i==null?void 0:i.value)||(o==null?void 0:o.value):m!=null&&m.value?(a==null?void 0:a(h))||(g==null?void 0:g.value)||(o==null?void 0:o.value):(f==null?void 0:f(h))||(o==null?void 0:o.value)||(o==null?void 0:o.value)});return{hasHint:j,hintContent:d}},render(){if(this.hasHint)return t.h("span",null,this.hintContent)}}}const $=["for"],F={class:"vv-select__wrapper"},I=["id","value","disabled"],R={key:0,value:"",disabled:"",selected:""},x=["disabled","value"];return t.defineComponent({__name:"VvNativeSelect",props:D,emits:["update:modelValue"],setup(e,{emit:r}){const n=e,l=t.useSlots(),s=q(n,l),{modifiers:f,disabled:a,readonly:o,loading:y,iconLeft:p,iconRight:i,error:c,valid:u}=t.toRefs(n),m=B.v4(),{bemCssClasses:g}=V("vv-select",{modifiers:f,loading:y,readonly:o,iconLeft:p,iconRight:i,valid:u,invalid:c,dirty:t.computed(()=>S.isNotEmpty(n.modelValue))});function E(d){return typeof d=="string"?d:d[n.valueKey]}function j(d){return typeof d=="string"?d:d[n.labelKey]}function C(d){var P;const h=d.target,A=(n.useObject?(P=n.options)==null?void 0:P.find(O=>O[n.valueKey]==h.value):null)||h.value;r("update:modelValue",A)}return(d,h)=>{var w;return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(g))},[d.label?(t.openBlock(),t.createElementBlock("label",{key:0,for:t.unref(m)},t.toDisplayString(d.label),9,$)):t.createCommentVNode("",!0),t.createElementVNode("div",F,[t.renderSlot(d.$slots,"icon-left",{},()=>[t.unref(p)?(t.openBlock(),t.createBlock(b,{key:0,name:t.unref(p)},null,8,["name"])):t.createCommentVNode("",!0)]),t.createElementVNode("select",{id:t.unref(m),value:typeof d.modelValue=="string"?d.modelValue:(w=d.modelValue)==null?void 0:w[d.valueKey],disabled:t.unref(a)||t.unref(o),onInput:C},[d.placeholder?(t.openBlock(),t.createElementBlock("option",R,t.toDisplayString(d.placeholder),1)):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d.options,(A,P)=>{var O;return t.openBlock(),t.createElementBlock("option",{key:P,disabled:typeof A=="object"&&(O=A.disabled)!=null?O:t.unref(a),value:E(A)},t.toDisplayString(j(A)),9,x)}),128))],40,I),t.renderSlot(d.$slots,"icon-right",{},()=>[t.unref(i)?(t.openBlock(),t.createBlock(b,{key:0,name:t.unref(i)},null,8,["name"])):t.createCommentVNode("",!0)])]),t.createVNode(t.unref(s),{class:"vv-select__hint"})],2)}}})});

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

@@ -0,0 +1,29 @@
+export declare const VvProgressProps: {
+    /**
+     * Progress value
+     */
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /**
+     * Progress max value
+     */
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /**
+     * Progress label
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * determinate attribute
+     */
+    determinate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: (StringConstructor | ArrayConstructor)[];
+};