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

package/dist/components/VvSelect/vv-select.es.js

@@ -1,427 +0,0 @@
-import { toRefs as _, computed as A, h as W, unref as h, defineComponent as $, openBlock as C, createElementBlock as j, normalizeClass as q, createElementVNode as E, toDisplayString as D, createCommentVNode as F, Fragment as x, renderList as X, createTextVNode as R, useSlots as Y, ref as B, watch as L, withKeys as K, withDirectives as ee, vModelText as te, createVNode as P, mergeProps as re } from "vue";
-import { useFocus as ne, refDebounced as se, onClickOutside as le } from "@vueuse/core";
-import { v4 as T } from "uuid";
-const m = {
-  equals(t, r, e) {
-    return e ? this.resolveFieldData(t, e) === this.resolveFieldData(r, e) : this.deepEquals(t, r);
-  },
-  deepEquals(t, r) {
-    if (t === r)
-      return !0;
-    if (t && r && typeof t == "object" && typeof r == "object") {
-      const e = Array.isArray(t), o = Array.isArray(r);
-      let n, s, c;
-      if (e && o) {
-        if (s = t.length, s != r.length)
-          return !1;
-        for (n = s; n-- !== 0; )
-          if (!this.deepEquals(t[n], r[n]))
-            return !1;
-        return !0;
-      }
-      if (e != o)
-        return !1;
-      const a = t instanceof Date, g = r instanceof Date;
-      if (a != g)
-        return !1;
-      if (a && g)
-        return t.getTime() == r.getTime();
-      const p = t instanceof RegExp, v = r instanceof RegExp;
-      if (p != v)
-        return !1;
-      if (p && v)
-        return t.toString() == r.toString();
-      const l = Object.keys(t);
-      if (s = l.length, s !== Object.keys(r).length)
-        return !1;
-      for (n = s; n-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(r, l[n]))
-          return !1;
-      for (n = s; n-- !== 0; )
-        if (c = l[n], !this.deepEquals(t[c], r[c]))
-          return !1;
-      return !0;
-    }
-    return t !== t && r !== r;
-  },
-  resolveFieldData(t, r) {
-    if (t && Object.keys(t).length && r) {
-      if (r.indexOf(".") === -1)
-        return t[r];
-      {
-        const e = r.split(".");
-        let o = t;
-        for (let n = 0, s = e.length; n < s; ++n) {
-          if (t == null)
-            return null;
-          o = o[e[n]];
-        }
-        return o;
-      }
-    } else
-      return null;
-  },
-  isFunction(t) {
-    return !!(t && t.constructor && t.call && t.apply);
-  },
-  findIndexInList(t, r) {
-    let e = -1;
-    if (r) {
-      for (let o = 0; o < r.length; o++)
-        if (this.equals(r[o], t)) {
-          e = o;
-          break;
-        }
-    }
-    return e;
-  },
-  contains(t, r) {
-    if (t != null && r && r.length) {
-      for (const e of r)
-        if (this.equals(t, e))
-          return !0;
-    }
-    return !1;
-  },
-  isEmpty(t) {
-    return t == null || t === "" || Array.isArray(t) && t.length === 0 || !(t instanceof Date) && typeof t == "object" && Object.keys(t).length === 0;
-  },
-  isNotEmpty(t) {
-    return !this.isEmpty(t);
-  },
-  pickBy(t, r) {
-    return Object.fromEntries(
-      Object.entries(t).filter(([e]) => r(e))
-    );
-  },
-  removeFromList(t, r) {
-    const e = this.findIndexInList(t, r);
-    return e > -1 ? r.filter((o, n) => n !== e) : r;
-  },
-  isString(t) {
-    return typeof t == "string" || t instanceof String;
-  },
-  propsToObject(t) {
-    return Object.keys(t).reduce((r, e) => {
-      var o, n, s, c, a;
-      return this.isFunction(t[e]) ? r[e] = t[e]() : Array.isArray(t[e]) ? r[e] = t[e][0]() : (o = t[e]) != null && o.type && (Array.isArray(t[e].type) ? r[e] = ((n = t[e]) == null ? void 0 : n.default) || ((s = t[e]) == null ? void 0 : s.type[0]()) : r[e] = ((c = t[e]) == null ? void 0 : c.default) || ((a = t[e]) == null ? void 0 : a.type())), r;
-    }, {});
-  },
-  filterArray(t, r, e) {
-    return t.filter((o) => r.some((n) => typeof n == "string" ? o[e] == n : this.equals(
-      o[e],
-      n[e]
-    )));
-  },
-  kebabCase(t) {
-    var r, e;
-    if (t)
-      return (e = (r = t.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 : e.toLowerCase();
-  }
-}, oe = {
-  valid: Boolean,
-  validLabel: [String, Array]
-}, ae = {
-  error: Boolean,
-  errorLabel: [String, Array]
-}, ue = {
-  loading: Boolean,
-  loadingLabel: String
-}, H = {
-  disabled: Boolean
-}, ie = {
-  readonly: Boolean
-}, I = {
-  modifiers: [String, Array]
-}, ce = {
-  hintLabel: { type: String, default: "" }
-}, de = {
-  ...oe,
-  ...ae,
-  ...ce,
-  ...ue,
-  ...H,
-  ...ie,
-  ...I,
-  modelValue: [String, Array, Object],
-  label: String,
-  labelNoResult: { type: String, default: "No results" },
-  placeholder: String,
-  searchable: Boolean,
-  searchPlaceholder: String,
-  debounceSearch: {
-    type: [Number, String],
-    default: 0
-  },
-  options: {
-    type: Array,
-    required: !0
-  },
-  useObject: Boolean,
-  multiple: Boolean,
-  maxValues: [Number, String],
-  separator: { type: String, default: ", " },
-  labelKey: { type: String, default: "label" },
-  valueKey: { type: String, default: "value" },
-  iconLeft: String,
-  iconRight: String
-};
-function fe(t) {
-  return Array.isArray(t) ? t.filter((r) => m.isString(r)).reduce((r, e) => r.length > 0 ? r + `
-` + e : e, "") : t;
-}
-function pe(t, r) {
-  return {
-    name: "HintSlot",
-    setup() {
-      const e = _(t), {
-        error: o,
-        valid: n,
-        hint: s,
-        loading: c
-      } = r, {
-        hintLabel: a,
-        modelValue: g,
-        valid: p,
-        validLabel: v,
-        error: l,
-        errorLabel: i
-      } = e, u = m.resolveFieldData(e, "loading"), y = m.resolveFieldData(
-        e,
-        "loadingLabel"
-      ), b = A(() => l.value ? !!(l.value && o || (i == null ? void 0 : i.value) && Array.isArray(i.value) && i.value.length > 0 || (i == null ? void 0 : i.value) && m.isNotEmpty(i.value)) : !1), V = A(() => !!(a && a.value || s || n || v && v.value || b.value || (u == null ? void 0 : u.value) && c || (u == null ? void 0 : u.value) && (y == null ? void 0 : y.value))), O = A(() => Array.isArray(i == null ? void 0 : i.value) ? fe((i == null ? void 0 : i.value) || "") : i == null ? void 0 : i.value), N = A(() => {
-        const k = { modelValue: g, error: l, valid: p };
-        return l != null && l.value ? (o == null ? void 0 : o(k)) || (O == null ? void 0 : O.value) || (a == null ? void 0 : a.value) : p != null && p.value ? (n == null ? void 0 : n(k)) || (v == null ? void 0 : v.value) || (a == null ? void 0 : a.value) : u != null && u.value ? (c == null ? void 0 : c(k)) || (y == null ? void 0 : y.value) || (a == null ? void 0 : a.value) : (s == null ? void 0 : s(k)) || (a == null ? void 0 : a.value) || (a == null ? void 0 : a.value);
-      });
-      return {
-        hasHint: V,
-        hintContent: N
-      };
-    },
-    render() {
-      if (this.hasHint)
-        return W("span", null, this.hintContent);
-    }
-  };
-}
-function Z(t, r) {
-  const e = { [`${t}`]: !0 };
-  return {
-    bemCssClasses: A(() => Object.keys(r).reduce((n, s) => {
-      const c = h(r[s]) || !1;
-      if (!c)
-        return n;
-      if (s === "modifiers") {
-        const a = Array.isArray(c) ? c : [c];
-        return {
-          ...n,
-          ...a.reduce(
-            (g, p) => ({
-              ...g,
-              [`${t}--${m.kebabCase(
-                p
-              )}`]: !0
-            }),
-            {}
-          )
-        };
-      } else
-        return {
-          ...n,
-          [`${t}--${m.kebabCase(s)}`]: c
-        };
-    }, e) || {})
-  };
-}
-const ye = {
-  ...H,
-  ...I,
-  modelValue: [String, Array, Object],
-  labelNoResult: { type: String, default: "No results" },
-  options: {
-    type: Array,
-    required: !0
-  },
-  useObject: Boolean,
-  multiple: Boolean,
-  maxValues: [Number, String],
-  labelKey: { type: String, default: "label" },
-  valueKey: { type: String, default: "value" }
-}, me = { key: 0 }, ge = ["for"], ve = ["id", "type", "value", "checked", "disabled"], he = /* @__PURE__ */ $({
-  __name: "VvDropdown",
-  props: ye,
-  emits: ["update:modelValue"],
-  setup(t, { emit: r }) {
-    const e = t, o = T(), { modifiers: n, disabled: s } = _(e), { bemCssClasses: c } = Z("vv-dropdown", {
-      modifiers: n,
-      disabled: s
-    });
-    function a(l) {
-      return Array.isArray(e.modelValue) ? m.contains(l, e.modelValue) || m.contains(g(l), e.modelValue) : m.equals(l, e.modelValue) || m.equals(g(l), e.modelValue);
-    }
-    function g(l) {
-      return typeof l == "string" ? l : String(l[e.valueKey]);
-    }
-    function p(l) {
-      return typeof l == "string" ? l : l[e.labelKey];
-    }
-    function v(l) {
-      var b, V;
-      const i = l.target;
-      let u = i.value;
-      if (u = (e.useObject ? (b = e.options) == null ? void 0 : b.find(
-        (O) => O[e.valueKey] == u
-      ) : null) || u, e.multiple) {
-        if (typeof e.maxValues < "u" && e.maxValues >= 0 && ((V = e.modelValue) == null ? void 0 : V.length) >= e.maxValues && (Array.isArray(e.modelValue) && !m.contains(u, e.modelValue) || e.maxValues == 0)) {
-          i.checked = !1;
-          return;
-        }
-        Array.isArray(e.modelValue) ? u = m.contains(u, e.modelValue) ? m.removeFromList(u, e.modelValue) : [...e.modelValue, u] : u = [u];
-      }
-      r("update:modelValue", u);
-    }
-    return (l, i) => {
-      var u;
-      return C(), j("ul", {
-        class: q(h(c)),
-        role: "listbox"
-      }, [
-        (u = l.options) != null && u.length ? F("", !0) : (C(), j("li", me, [
-          E("label", null, D(l.labelNoResult), 1)
-        ])),
-        (C(!0), j(x, null, X(l.options, (y, b) => {
-          var V;
-          return C(), j("li", { key: b }, [
-            E("label", {
-              for: `dropdown-${b}-${h(o)}`
-            }, [
-              E("input", {
-                id: `dropdown-${b}-${h(o)}`,
-                type: l.multiple ? "checkbox" : "radio",
-                value: g(y),
-                checked: a(y),
-                disabled: typeof y == "object" ? (V = y.disabled) != null ? V : h(s) : h(s),
-                onInput: v
-              }, null, 40, ve),
-              R(" " + D(p(y)), 1)
-            ], 8, ge)
-          ]);
-        }), 128))
-      ], 2);
-    };
-  }
-}), be = ["id"], Ae = {
-  key: 0,
-  for: "select"
-}, Ve = ["placeholder"], Oe = /* @__PURE__ */ $({
-  __name: "VvSelect",
-  props: de,
-  emits: ["update:modelValue", "change:search"],
-  setup(t, { emit: r }) {
-    const e = t, o = Y(), n = pe(e, o), s = B(), c = B();
-    ne(c, { initialValue: !0 });
-    const a = T(), g = B(""), p = se(
-      g,
-      Number(e.debounceSearch)
-    ), v = B(!1), {
-      modifiers: l,
-      disabled: i,
-      readonly: u,
-      loading: y,
-      iconLeft: b,
-      iconRight: V,
-      valid: O,
-      error: N
-    } = _(e);
-    L(
-      p,
-      () => r("change:search", p.value)
-    );
-    const { bemCssClasses: k } = Z("vv-select", {
-      modifiers: l,
-      disabled: i,
-      loading: y,
-      readonly: u,
-      iconLeft: b,
-      iconRight: V,
-      valid: O,
-      invalid: N,
-      dirty: A(() => m.isNotEmpty(e.modelValue))
-    }), z = A(
-      () => {
-        var d;
-        return (d = e.options) == null ? void 0 : d.every((f) => typeof f == "object");
-      }
-    ), M = A(
-      () => e.searchable ? U.value : e.options
-    ), U = A(() => {
-      var d;
-      return (d = e.options) == null ? void 0 : d.filter((f) => typeof f == "string" ? f.toLowerCase().includes(p.value.toLowerCase().trim()) : f[e.labelKey].toLowerCase().includes(p.value.toLowerCase().trim()));
-    }), G = A(() => {
-      var f, S;
-      if (e.multiple && ((f = e.modelValue) == null ? void 0 : f.length) && Array.isArray(e.modelValue))
-        return z.value ? m.filterArray(
-          e.options,
-          e.modelValue,
-          e.valueKey
-        ).map((w) => w[e.labelKey]).join(e.separator) : e.modelValue.join(e.separator);
-      const d = e.useObject ? e.modelValue : (S = e.options) == null ? void 0 : S.find(
-        (w) => typeof w == "object" ? w[e.valueKey] == e.modelValue : w == e.modelValue
-      );
-      return typeof d == "object" ? d == null ? void 0 : d[e.labelKey] : d;
-    });
-    le(s, () => {
-      s.value.open = !1;
-    });
-    function J(d) {
-      const f = d.target;
-      v.value = f.open;
-    }
-    function Q(d) {
-      s.value && !e.multiple && (s.value.open = !1), r("update:modelValue", d);
-    }
-    return (d, f) => (C(), j("div", {
-      id: h(a),
-      class: q(h(k))
-    }, [
-      d.label ? (C(), j("label", Ae, D(d.label), 1)) : F("", !0),
-      E("details", {
-        ref_key: "dropdown",
-        ref: s,
-        role: "list",
-        class: "vv-select__wrapper",
-        onClick: f[2] || (f[2] = (S) => h(i) || h(u) ? S.preventDefault() : null),
-        onKeyup: f[3] || (f[3] = K((S) => s.value.open = !1, ["esc"])),
-        onToggle: J
-      }, [
-        E("summary", {
-          class: "vv-select__input",
-          "aria-haspopup": "listbox",
-          onKeyup: f[1] || (f[1] = K((S) => d.searchable ? S.preventDefault() : null, ["space"]))
-        }, [
-          d.searchable && v.value ? ee((C(), j("input", {
-            key: 0,
-            ref_key: "inputSearch",
-            ref: c,
-            "onUpdate:modelValue": f[0] || (f[0] = (S) => g.value = S),
-            placeholder: d.searchPlaceholder
-          }, null, 8, Ve)), [
-            [te, g.value]
-          ]) : (C(), j(x, { key: 1 }, [
-            R(D(h(G) || d.placeholder), 1)
-          ], 64))
-        ], 32),
-        P(he, re({
-          ...e,
-          options: h(M)
-        }, { "onUpdate:modelValue": Q }), null, 16)
-      ], 544),
-      P(h(n), { class: "vv-select__hint" })
-    ], 10, be));
-  }
-});
-export {
-  Oe as default
-};

package/dist/components/VvSelect/vv-select.umd.js

@@ -1,2 +0,0 @@
-(function(t,k){typeof exports=="object"&&typeof module<"u"?module.exports=k(require("vue"),require("@vueuse/core"),require("uuid")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core","uuid"],k):(t=typeof globalThis<"u"?globalThis:t||self,t.VvSelect=k(t.vue,t.core,t.uuid))})(this,function(t,k,O){"use strict";const y={equals(r,n,e){return e?this.resolveFieldData(r,e)===this.resolveFieldData(n,e):this.deepEquals(r,n)},deepEquals(r,n){if(r===n)return!0;if(r&&n&&typeof r=="object"&&typeof n=="object"){const e=Array.isArray(r),a=Array.isArray(n);let l,s,d;if(e&&a){if(s=r.length,s!=n.length)return!1;for(l=s;l--!==0;)if(!this.deepEquals(r[l],n[l]))return!1;return!0}if(e!=a)return!1;const i=r instanceof Date,h=n instanceof Date;if(i!=h)return!1;if(i&&h)return r.getTime()==n.getTime();const m=r instanceof RegExp,V=n instanceof RegExp;if(m!=V)return!1;if(m&&V)return r.toString()==n.toString();const o=Object.keys(r);if(s=o.length,s!==Object.keys(n).length)return!1;for(l=s;l--!==0;)if(!Object.prototype.hasOwnProperty.call(n,o[l]))return!1;for(l=s;l--!==0;)if(d=o[l],!this.deepEquals(r[d],n[d]))return!1;return!0}return r!==r&&n!==n},resolveFieldData(r,n){if(r&&Object.keys(r).length&&n){if(n.indexOf(".")===-1)return r[n];{const e=n.split(".");let a=r;for(let l=0,s=e.length;l<s;++l){if(r==null)return null;a=a[e[l]]}return a}}else return null},isFunction(r){return!!(r&&r.constructor&&r.call&&r.apply)},findIndexInList(r,n){let e=-1;if(n){for(let a=0;a<n.length;a++)if(this.equals(n[a],r)){e=a;break}}return e},contains(r,n){if(r!=null&&n&&n.length){for(const e of n)if(this.equals(r,e))return!0}return!1},isEmpty(r){return r==null||r===""||Array.isArray(r)&&r.length===0||!(r instanceof Date)&&typeof r=="object"&&Object.keys(r).length===0},isNotEmpty(r){return!this.isEmpty(r)},pickBy(r,n){return Object.fromEntries(Object.entries(r).filter(([e])=>n(e)))},removeFromList(r,n){const e=this.findIndexInList(r,n);return e>-1?n.filter((a,l)=>l!==e):n},isString(r){return typeof r=="string"||r instanceof String},propsToObject(r){return Object.keys(r).reduce((n,e)=>{var a,l,s,d,i;return this.isFunction(r[e])?n[e]=r[e]():Array.isArray(r[e])?n[e]=r[e][0]():(a=r[e])!=null&&a.type&&(Array.isArray(r[e].type)?n[e]=((l=r[e])==null?void 0:l.default)||((s=r[e])==null?void 0:s.type[0]()):n[e]=((d=r[e])==null?void 0:d.default)||((i=r[e])==null?void 0:i.type())),n},{})},filterArray(r,n,e){return r.filter(a=>n.some(l=>typeof l=="string"?a[e]==l:this.equals(a[e],l[e])))},kebabCase(r){var n,e;if(r)return(e=(n=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:n.join("-"))==null?void 0:e.toLowerCase()}},_={valid:Boolean,validLabel:[String,Array]},K={error:Boolean,errorLabel:[String,Array]},q={loading:Boolean,loadingLabel:String},N={disabled:Boolean},P={readonly:Boolean},w={modifiers:[String,Array]},$={..._,...K,...{hintLabel:{type:String,default:""}},...q,...N,...P,...w,modelValue:[String,Array,Object],label:String,labelNoResult:{type:String,default:"No results"},placeholder:String,searchable:Boolean,searchPlaceholder:String,debounceSearch:{type:[Number,String],default:0},options:{type:Array,required:!0},useObject:Boolean,multiple:Boolean,maxValues:[Number,String],separator:{type:String,default:", "},labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},iconLeft:String,iconRight:String};function x(r){return Array.isArray(r)?r.filter(n=>y.isString(n)).reduce((n,e)=>n.length>0?n+`
-`+e:e,""):r}function F(r,n){return{name:"HintSlot",setup(){const e=t.toRefs(r),{error:a,valid:l,hint:s,loading:d}=n,{hintLabel:i,modelValue:h,valid:m,validLabel:V,error:o,errorLabel:c}=e,u=y.resolveFieldData(e,"loading"),g=y.resolveFieldData(e,"loadingLabel"),b=t.computed(()=>o.value?!!(o.value&&a||(c==null?void 0:c.value)&&Array.isArray(c.value)&&c.value.length>0||(c==null?void 0:c.value)&&y.isNotEmpty(c.value)):!1),A=t.computed(()=>!!(i&&i.value||s||l||V&&V.value||b.value||(u==null?void 0:u.value)&&d||(u==null?void 0:u.value)&&(g==null?void 0:g.value))),B=t.computed(()=>Array.isArray(c==null?void 0:c.value)?x((c==null?void 0:c.value)||""):c==null?void 0:c.value),j=t.computed(()=>{const C={modelValue:h,error:o,valid:m};return o!=null&&o.value?(a==null?void 0:a(C))||(B==null?void 0:B.value)||(i==null?void 0:i.value):m!=null&&m.value?(l==null?void 0:l(C))||(V==null?void 0:V.value)||(i==null?void 0:i.value):u!=null&&u.value?(d==null?void 0:d(C))||(g==null?void 0:g.value)||(i==null?void 0:i.value):(s==null?void 0:s(C))||(i==null?void 0:i.value)||(i==null?void 0:i.value)});return{hasHint:A,hintContent:j}},render(){if(this.hasHint)return t.h("span",null,this.hintContent)}}}function D(r,n){const e={[`${r}`]:!0};return{bemCssClasses:t.computed(()=>Object.keys(n).reduce((l,s)=>{const d=t.unref(n[s])||!1;if(!d)return l;if(s==="modifiers"){const i=Array.isArray(d)?d:[d];return{...l,...i.reduce((h,m)=>({...h,[`${r}--${y.kebabCase(m)}`]:!0}),{})}}else return{...l,[`${r}--${y.kebabCase(s)}`]:d}},e)||{})}}const R={...N,...w,modelValue:[String,Array,Object],labelNoResult:{type:String,default:"No results"},options:{type:Array,required:!0},useObject:Boolean,multiple:Boolean,maxValues:[Number,String],labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"}},T={key:0},H=["for"],I=["id","type","value","checked","disabled"],z=t.defineComponent({__name:"VvDropdown",props:R,emits:["update:modelValue"],setup(r,{emit:n}){const e=r,a=O.v4(),{modifiers:l,disabled:s}=t.toRefs(e),{bemCssClasses:d}=D("vv-dropdown",{modifiers:l,disabled:s});function i(o){return Array.isArray(e.modelValue)?y.contains(o,e.modelValue)||y.contains(h(o),e.modelValue):y.equals(o,e.modelValue)||y.equals(h(o),e.modelValue)}function h(o){return typeof o=="string"?o:String(o[e.valueKey])}function m(o){return typeof o=="string"?o:o[e.labelKey]}function V(o){var b,A;const c=o.target;let u=c.value;if(u=(e.useObject?(b=e.options)==null?void 0:b.find(B=>B[e.valueKey]==u):null)||u,e.multiple){if(typeof e.maxValues<"u"&&e.maxValues>=0&&((A=e.modelValue)==null?void 0:A.length)>=e.maxValues&&(Array.isArray(e.modelValue)&&!y.contains(u,e.modelValue)||e.maxValues==0)){c.checked=!1;return}Array.isArray(e.modelValue)?u=y.contains(u,e.modelValue)?y.removeFromList(u,e.modelValue):[...e.modelValue,u]:u=[u]}n("update:modelValue",u)}return(o,c)=>{var u;return t.openBlock(),t.createElementBlock("ul",{class:t.normalizeClass(t.unref(d)),role:"listbox"},[(u=o.options)!=null&&u.length?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("li",T,[t.createElementVNode("label",null,t.toDisplayString(o.labelNoResult),1)])),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.options,(g,b)=>{var A;return t.openBlock(),t.createElementBlock("li",{key:b},[t.createElementVNode("label",{for:`dropdown-${b}-${t.unref(a)}`},[t.createElementVNode("input",{id:`dropdown-${b}-${t.unref(a)}`,type:o.multiple?"checkbox":"radio",value:h(g),checked:i(g),disabled:typeof g=="object"&&(A=g.disabled)!=null?A:t.unref(s),onInput:V},null,40,I),t.createTextVNode(" "+t.toDisplayString(m(g)),1)],8,H)])}),128))],2)}}}),Z=["id"],M={key:0,for:"select"},U=["placeholder"];return t.defineComponent({__name:"VvSelect",props:$,emits:["update:modelValue","change:search"],setup(r,{emit:n}){const e=r,a=t.useSlots(),l=F(e,a),s=t.ref(),d=t.ref();k.useFocus(d,{initialValue:!0});const i=O.v4(),h=t.ref(""),m=k.refDebounced(h,Number(e.debounceSearch)),V=t.ref(!1),{modifiers:o,disabled:c,readonly:u,loading:g,iconLeft:b,iconRight:A,valid:B,error:j}=t.toRefs(e);t.watch(m,()=>n("change:search",m.value));const{bemCssClasses:C}=D("vv-select",{modifiers:o,disabled:c,loading:g,readonly:u,iconLeft:b,iconRight:A,valid:B,invalid:j,dirty:t.computed(()=>y.isNotEmpty(e.modelValue))}),G=t.computed(()=>{var f;return(f=e.options)==null?void 0:f.every(p=>typeof p=="object")}),J=t.computed(()=>e.searchable?Q.value:e.options),Q=t.computed(()=>{var f;return(f=e.options)==null?void 0:f.filter(p=>typeof p=="string"?p.toLowerCase().includes(m.value.toLowerCase().trim()):p[e.labelKey].toLowerCase().includes(m.value.toLowerCase().trim()))}),W=t.computed(()=>{var p,S;if(e.multiple&&((p=e.modelValue)==null?void 0:p.length)&&Array.isArray(e.modelValue))return G.value?y.filterArray(e.options,e.modelValue,e.valueKey).map(E=>E[e.labelKey]).join(e.separator):e.modelValue.join(e.separator);const f=e.useObject?e.modelValue:(S=e.options)==null?void 0:S.find(E=>typeof E=="object"?E[e.valueKey]==e.modelValue:E==e.modelValue);return typeof f=="object"?f==null?void 0:f[e.labelKey]:f});k.onClickOutside(s,()=>{s.value.open=!1});function X(f){const p=f.target;V.value=p.open}function Y(f){s.value&&!e.multiple&&(s.value.open=!1),n("update:modelValue",f)}return(f,p)=>(t.openBlock(),t.createElementBlock("div",{id:t.unref(i),class:t.normalizeClass(t.unref(C))},[f.label?(t.openBlock(),t.createElementBlock("label",M,t.toDisplayString(f.label),1)):t.createCommentVNode("",!0),t.createElementVNode("details",{ref_key:"dropdown",ref:s,role:"list",class:"vv-select__wrapper",onClick:p[2]||(p[2]=S=>t.unref(c)||t.unref(u)?S.preventDefault():null),onKeyup:p[3]||(p[3]=t.withKeys(S=>s.value.open=!1,["esc"])),onToggle:X},[t.createElementVNode("summary",{class:"vv-select__input","aria-haspopup":"listbox",onKeyup:p[1]||(p[1]=t.withKeys(S=>f.searchable?S.preventDefault():null,["space"]))},[f.searchable&&V.value?t.withDirectives((t.openBlock(),t.createElementBlock("input",{key:0,ref_key:"inputSearch",ref:d,"onUpdate:modelValue":p[0]||(p[0]=S=>h.value=S),placeholder:f.searchPlaceholder},null,8,U)),[[t.vModelText,h.value]]):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(t.unref(W)||f.placeholder),1)],64))],32),t.createVNode(z,t.mergeProps({...e,options:t.unref(J)},{"onUpdate:modelValue":Y}),null,16)],544),t.createVNode(t.unref(l),{class:"vv-select__hint"})],10,Z))}})});

package/dist/components/VvTextarea/VvTextarea.d.ts

@@ -1,67 +0,0 @@
-export declare const VvTextareaEvents: string[];
-export declare const VvTextareaProps: {
-    modelValue: null;
-    id: StringConstructor;
-    name: {
-        type: StringConstructor;
-        required: boolean;
-    };
-    autocomplete: {
-        type: StringConstructor;
-        default: string;
-    };
-    autofocus: BooleanConstructor;
-    minlength: NumberConstructor;
-    maxlength: NumberConstructor;
-    label: StringConstructor;
-    placeholder: StringConstructor;
-    /**
-     * Nome dell'icona
-     * @see DsIcon
-     */
-    icon: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Posizione dell'icona
-     */
-    iconPosition: {
-        type: StringConstructor;
-        validation: (value: string) => boolean;
-        default: string;
-    };
-    /**
-     * True = label flottante
-     */
-    floating: BooleanConstructor;
-    debounce: NumberConstructor;
-    cols: {
-        type: NumberConstructor;
-        default: number;
-    };
-    rows: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /**
-     * Specifica come il testo sarà wrappato
-     * @see Documentation https://www.w3schools.com/tags/att_textarea_wrap.asp
-     */
-    wrap: {
-        type: StringConstructor;
-        default: string;
-    };
-    readonly: BooleanConstructor;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    loadingLabel: StringConstructor;
-    hintLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    error: BooleanConstructor;
-    errorLabel: (StringConstructor | ArrayConstructor)[];
-    valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
-};

package/dist/components/VvTextarea/constants.d.ts

@@ -1,19 +0,0 @@
-export declare const ICON_POSITIONS: {
-    LEFT: string;
-    RIGHT: string;
-};
-export declare const WRAP: {
-    hard: string;
-    soft: string;
-};
-declare const _default: {
-    ICON_POSITIONS: {
-        LEFT: string;
-        RIGHT: string;
-    };
-    WRAP: {
-        hard: string;
-        soft: string;
-    };
-};
-export default _default;