@volverjs/ui-vue 0.0.1-beta.11

package/dist/components/VvNativeSelect/VvNativeSelect.es.js

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

package/dist/components/VvNativeSelect/VvNativeSelect.umd.js

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