@volverjs/ui-vue 0.0.1-beta.2

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

@@ -0,0 +1,427 @@
+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

@@ -0,0 +1,2 @@
+(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

@@ -0,0 +1,67 @@
+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)[];
+};