@volverjs/ui-vue 0.0.1-beta.5 → 0.0.1-beta.8

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

@@ -1,2 +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)}}})});
+(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,C,_){"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={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,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 D=t.defineComponent({__name:"VvIcon",props:q,setup(e){const r=e,n=t.ref(!0),{modifiers:i}=t.toRefs(r),s=t.inject("ds"),{bemCssClasses:u}=V("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 C.iconExists(o)?o:C.iconExists(c)?c:(s==null?void 0:s.iconsCollections.find(m=>{const d=`@${a.value}:${m.prefix}:${o}`;if(C.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&&C.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(C.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 E(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),j=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=_.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))||E(d==null?void 0:d.value)||(l==null?void 0:l.value):o!=null&&o.value?(u==null?void 0:u(S))||E(c==null?void 0:c.value)||(l==null?void 0:l.value):g!=null&&g.value?(p==null?void 0:p(S))||E(h==null?void 0:h.value)||(l==null?void 0:l.value):(a==null?void 0:a(S))||E(l==null?void 0:l.value)||(l==null?void 0:l.value)});return{hasHint:j,hintContent:f}},render(){if(this.hasHint)return t.h("pre",{style:{"white-space":"pre"}},this.hintContent)}}}const F=["for"],I={class:"vv-select__wrapper"},R=["id","value","disabled"],v={key:0,value:"",disabled:"",selected:""},x=["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}=V("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 j(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 w;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,F)):t.createCommentVNode("",!0),t.createElementVNode("div",I,[t.renderSlot(f.$slots,"icon-left",{},()=>[t.unref(y)?(t.openBlock(),t.createBlock(D,{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:(w=f.modelValue)==null?void 0:w[f.valueKey],disabled:t.unref(a)||t.unref(p),onInput:j},[f.placeholder?(t.openBlock(),t.createElementBlock("option",v,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,x)}),128))],40,R),t.renderSlot(f.$slots,"icon-right",{},()=>[t.unref(o)?(t.openBlock(),t.createBlock(D,{key:0,name:t.unref(o)},null,8,["name"])):t.createCommentVNode("",!0)])]),t.createVNode(t.unref(s),{class:"vv-select__hint"})],2)}}})});