espri-vue-select-float 1.0.2 → 1.1.0

package/README.md

@@ -1 +1,5 @@
-# Select Float - Vue component
+# Float Select - Vue component
+
+```javascript
+import FloatSelect from 'espri-vue-float-select';
+```

package/dist/select-float.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as b, computed as c, createElementBlock as m, openBlock as s, normalizeClass as p, createBlock as f, createElementVNode as h, unref as a, withCtx as y, createVNode as k, createTextVNode as x, createCommentVNode as B, toDisplayString as V } from "vue";
-import { Skeleton as C, FloatLabel as w, Select as E } from "primevue";
-const N = ["for"], S = {
+import { defineComponent as _, computed as r, createElementBlock as i, openBlock as t, normalizeClass as u, createBlock as c, createElementVNode as p, unref as o, withCtx as b, createVNode as g, createTextVNode as y, createCommentVNode as k, toDisplayString as m } from "vue";
+import { Skeleton as x, FloatLabel as B, Select as w } from "primevue";
+const C = ["for"], E = {
   key: 0,
   class: "text-danger"
-}, $ = { class: "text-danger" }, z = /* @__PURE__ */ b({
+}, N = { class: "text-danger" }, q = /* @__PURE__ */ _({
   __name: "select-float",
   props: {
     label: {},
@@ -21,64 +21,49 @@ const N = ["for"], S = {
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: g }) {
-    const n = e, d = g, i = Math.random().toString(16).slice(2), r = c({
+  setup(f, { emit: v }) {
+    const e = f, V = v, s = Math.random().toString(16).slice(2), n = r({
       get() {
-        return n.modelValue;
+        return e.modelValue;
       },
-      set(t) {
-        d("update:modelValue", t);
+      set(a) {
+        V("update:modelValue", a);
       }
-    }), u = c(() => {
-      if (n.showError) {
-        const t = n.rules || [];
-        for (let l = 0; l < t.length; l++) {
-          const o = t[l];
-          if (o && o.$invalid && o.$message)
-            return o.$message;
-        }
-      }
-      return "";
-    });
-    function v(t) {
-      const { value: l = "" } = t;
-      d("update:modelValue", l);
-    }
-    return (t, l) => (s(), m("div", {
-      class: p(`field ${n.class || ""}`)
+    }), d = r(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
+    return (a, l) => (t(), i("div", {
+      class: u(`field ${e.class || ""}`)
     }, [
-      e.loading ? (s(), f(a(C), {
+      e.loading ? (t(), c(o(x), {
         key: 0,
         class: "skeleton-input mt-3"
-      })) : (s(), f(a(w), {
+      })) : (t(), c(o(B), {
         key: 1,
         class: "mt-3"
       }, {
-        default: y(() => [
-          k(a(E), {
-            modelValue: r.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => r.value = o),
+        default: b(() => [
+          g(o(w), {
+            modelValue: n.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (h) => n.value = h),
             options: e.options,
             "option-label": "label",
             "option-value": "value",
-            class: p(["w-full", e.classInput]),
-            invalid: !!u.value,
+            class: u(["w-full", e.classInput]),
+            invalid: !!d.value,
             disabled: e.disabled,
             placeholder: e.placeholder,
-            "input-id": a(i),
-            onChange: v
+            "input-id": o(s)
           }, null, 8, ["modelValue", "options", "class", "invalid", "disabled", "placeholder", "input-id"]),
-          h("label", { for: a(i) }, [
-            x(V(e.label), 1),
-            e.required ? (s(), m("span", S, " *")) : B("", !0)
-          ], 8, N)
+          p("label", { for: o(s) }, [
+            y(m(e.label), 1),
+            e.required ? (t(), i("span", E, " *")) : k("", !0)
+          ], 8, C)
         ]),
         _: 1
       })),
-      h("small", $, V(u.value), 1)
+      p("small", N, m(d.value), 1)
     ], 2));
   }
 });
 export {
-  z as default
+  q as default
 };

package/dist/select-float.umd.js

@@ -1 +1 @@
-(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue"),require("primevue")):typeof define=="function"&&define.amd?define(["vue","primevue"],o):(e=typeof globalThis<"u"?globalThis:e||self,e.SelectFloat=o(e.Vue,e.PrimeVue))})(this,(function(e,o){"use strict";const u=["for"],m={key:0,class:"text-danger"},p={class:"text-danger"};return e.defineComponent({__name:"select-float",props:{label:{},options:{},classInput:{},disabled:{type:Boolean},required:{type:Boolean},showError:{type:Boolean},rules:{},maxlength:{},placeholder:{},style:{},class:{},loading:{type:Boolean},modelValue:{}},emits:["update:modelValue"],setup(l,{emit:f}){const s=l,i=f,d=Math.random().toString(16).slice(2),r=e.computed({get(){return s.modelValue},set(n){i("update:modelValue",n)}}),c=e.computed(()=>{if(s.showError){const n=s.rules||[];for(let t=0;t<n.length;t++){const a=n[t];if(a&&a.$invalid&&a.$message)return a.$message}}return""});function h(n){const{value:t=""}=n;i("update:modelValue",t)}return(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`field ${s.class||""}`)},[l.loading?(e.openBlock(),e.createBlock(e.unref(o.Skeleton),{key:0,class:"skeleton-input mt-3"})):(e.openBlock(),e.createBlock(e.unref(o.FloatLabel),{key:1,class:"mt-3"},{default:e.withCtx(()=>[e.createVNode(e.unref(o.Select),{modelValue:r.value,"onUpdate:modelValue":t[0]||(t[0]=a=>r.value=a),options:l.options,"option-label":"label","option-value":"value",class:e.normalizeClass(["w-full",l.classInput]),invalid:!!c.value,disabled:l.disabled,placeholder:l.placeholder,"input-id":e.unref(d),onChange:h},null,8,["modelValue","options","class","invalid","disabled","placeholder","input-id"]),e.createElementVNode("label",{for:e.unref(d)},[e.createTextVNode(e.toDisplayString(l.label),1),l.required?(e.openBlock(),e.createElementBlock("span",m," *")):e.createCommentVNode("",!0)],8,u)]),_:1})),e.createElementVNode("small",p,e.toDisplayString(c.value),1)],2))}})}));
+(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t(require("vue"),require("primevue")):typeof define=="function"&&define.amd?define(["vue","primevue"],t):(e=typeof globalThis<"u"?globalThis:e||self,e.SelectFloat=t(e.Vue,e.PrimeVue))})(this,(function(e,t){"use strict";const d=["for"],r={key:0,class:"text-danger"},c={class:"text-danger"};return e.defineComponent({__name:"select-float",props:{label:{},options:{},classInput:{},disabled:{type:Boolean},required:{type:Boolean},showError:{type:Boolean},rules:{},maxlength:{},placeholder:{},style:{},class:{},loading:{type:Boolean},modelValue:{}},emits:["update:modelValue"],setup(p,{emit:m}){const l=p,u=m,a=Math.random().toString(16).slice(2),s=e.computed({get(){return l.modelValue},set(n){u("update:modelValue",n)}}),i=e.computed(()=>l.showError&&l.rules?.find(o=>o?.$invalid&&o?.$message)?.$message||"");return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`field ${l.class||""}`)},[l.loading?(e.openBlock(),e.createBlock(e.unref(t.Skeleton),{key:0,class:"skeleton-input mt-3"})):(e.openBlock(),e.createBlock(e.unref(t.FloatLabel),{key:1,class:"mt-3"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Select),{modelValue:s.value,"onUpdate:modelValue":o[0]||(o[0]=f=>s.value=f),options:l.options,"option-label":"label","option-value":"value",class:e.normalizeClass(["w-full",l.classInput]),invalid:!!i.value,disabled:l.disabled,placeholder:l.placeholder,"input-id":e.unref(a)},null,8,["modelValue","options","class","invalid","disabled","placeholder","input-id"]),e.createElementVNode("label",{for:e.unref(a)},[e.createTextVNode(e.toDisplayString(l.label),1),l.required?(e.openBlock(),e.createElementBlock("span",r," *")):e.createCommentVNode("",!0)],8,d)]),_:1})),e.createElementVNode("small",c,e.toDisplayString(i.value),1)],2))}})}));

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "espri-vue-select-float",
   "type": "module",
-  "version": "1.0.2",
-  "description": "Select Float - Vue component",
+  "version": "1.1.0",
+  "description": "Float Select - Vue component",
   "author": "ESPRI Digital",
   "homepage": "https://github.com/ESPRI-Digital/vue-select-float#readme",
   "main": "dist/select-float.umd.js",