npm - @evance/evance-ui - Versions diffs - 1.1.32 → 1.1.34 - Mend

@evance/evance-ui 1.1.32 → 1.1.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1144) hide show

package/dist/esm/components/EvQuickfind/EvQuickfind.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as m,computed as r,createElementBlock as n,openBlock as a,normalizeClass as c,unref as e,createVNode as d,createElementVNode as u,toDisplayString as p}from"vue";/* empty css                 */import f from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import z from"../../icons/glyph/QuickfindIcon.svg.mjs";import{useModelProxy as _}from"../../composables/modelProxy.mjs";import{sizeModifier as k}from"../../util/modifiers.mjs";/*! Evance UI v1.1.31 | MIT License */const y={class:"ev-quickfind--code"},x=m({__name:"EvQuickfind",props:{modelValue:{},bold:{type:Boolean,default:!1},size:{default:"medium"}},setup(s){const o=s,t=_(o,"modelValue"),l=r(()=>{switch(o.size){case"small":case"medium":return"small";default:return"medium"}});return(i,h)=>(a(),n("span",{class:c(["ev-quickfind",{"is-variant-bold":i.bold},e(k)(i.size,["medium"])])},[d(f,{glyph:e(z),size:l.value},null,8,["glyph","size"]),u("span",y,p(e(t)),1)],2))}});export{x as default};
+import{defineComponent as m,computed as r,createElementBlock as n,openBlock as a,normalizeClass as c,unref as e,createVNode as d,createElementVNode as u,toDisplayString as p}from"vue";/* empty css                 */import f from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import z from"../../icons/glyph/QuickfindIcon.svg.mjs";import{useModelProxy as _}from"../../composables/modelProxy.mjs";import{sizeModifier as k}from"../../util/modifiers.mjs";/*! Evance UI v1.1.34 | MIT License */const y={class:"ev-quickfind--code"},x=m({__name:"EvQuickfind",props:{modelValue:{},bold:{type:Boolean,default:!1},size:{default:"medium"}},setup(s){const o=s,t=_(o,"modelValue"),l=r(()=>{switch(o.size){case"small":case"medium":return"small";default:return"medium"}});return(i,h)=>(a(),n("span",{class:c(["ev-quickfind",{"is-variant-bold":i.bold},e(k)(i.size,["medium"])])},[d(f,{glyph:e(z),size:l.value},null,8,["glyph","size"]),u("span",y,p(e(t)),1)],2))}});export{x as default};
 //# sourceMappingURL=EvQuickfind.vue.mjs.map

package/dist/esm/components/EvQuickfind/EvQuickfind.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvQuickfind.vue.mjs";/*! Evance UI v1.1.31 | MIT License */export{f as default};
+import f from"./EvQuickfind.vue.mjs";/*! Evance UI v1.1.34 | MIT License */export{f as default};
 //# sourceMappingURL=EvQuickfind.vue2.mjs.map

package/dist/esm/components/EvRadio/EvRadio.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeFormFieldProps as o}from"../../composables/validation.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeLabelProps as m}from"../EvLabel/EvLabel.mjs";import{propsFactory as a}from"../../util/props.mjs";/*! Evance UI v1.1.31 | MIT License */const i=a({clearable:Boolean,value:null,...m(),...o(),...r()},"EvRadio");export{i as makeEvRadioProps};
+import{makeFormFieldProps as o}from"../../composables/validation.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeLabelProps as m}from"../EvLabel/EvLabel.mjs";import{propsFactory as a}from"../../util/props.mjs";/*! Evance UI v1.1.34 | MIT License */const i=a({clearable:Boolean,value:null,...m(),...o(),...r()},"EvRadio");export{i as makeEvRadioProps};
 //# sourceMappingURL=EvRadio.mjs.map

package/dist/esm/components/EvRadio/EvRadio.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as F,useSlots as S,inject as V,useAttrs as x,ref as c,computed as B,createElementBlock as d,openBlock as f,mergeProps as p,unref as e,createElementVNode as r,createCommentVNode as D,withKeys as I,createVNode as K,withCtx as N,renderSlot as w}from"vue";/* empty css             */import P from"../EvLabel/EvLabel.vue.mjs";import{EvRadioGroupSymbol as $}from"../EvRadioGroup/EvRadioGroup.mjs";import{makeEvRadioProps as j}from"./EvRadio.mjs";import{useFormField as q}from"../../composables/validation.mjs";import{splitInputAttrs as G}from"../../util/helpers.mjs";import{isDeepEqual as z}from"../../util/is-functions.mjs";/*! Evance UI v1.1.31 | MIT License */const H={class:"ev-radio--control"},J=r("div",{class:"ev-radio--circles"},[r("div",{class:"ev-radio--outer-circle"}),r("div",{class:"ev-radio--inner-circle"})],-1),L=["id","name","disabled","value","checked","onKeyup"],M={key:0,class:"ev-radio--label"},ee=F({inheritAttrs:!1,__name:"EvRadio",props:{...j()},emits:["update:focused","update:modelValue"],setup(m,{expose:v}){const t=m,u=S(),b=V($,void 0),_=x(),k=c(null),a=c(null),[h,y]=G(_),o=q(t,b),R=z,s=B({get(){return R(o.value,t.value)},set(l){t.readonly||(o.value=l?t.value:"")}});function E(l){s.value&&t.clearable&&(s.value=!1)}function C(l){s.value=l.target.checked}function g(l){s.value&&t.clearable&&(s.value=!1,l.preventDefault())}function A(){return a.value}return v({field:o,input:a,focus:()=>{var l;(l=A())==null||l.focus()}}),(l,i)=>(f(),d("div",p({ref_key:"containerRef",ref:k,class:["ev-radio",{"is-checked":s.value,"is-labelled":t.label||e(u).label},e(o).classes,t.class],style:t.style},e(h)),[r("div",H,[J,r("input",p({id:e(o).id,ref_key:"inputRef",ref:a,type:"radio",name:e(o).name,disabled:e(o).isDisabled||e(o).isReadonly,value:t.value,checked:s.value},e(y),{onBlur:i[0]||(i[0]=(...n)=>e(o).blur&&e(o).blur(...n)),onClick:E,onFocus:i[1]||(i[1]=(...n)=>e(o).focus&&e(o).focus(...n)),onInput:C,onKeyup:I(g,["space"])}),null,16,L)]),t.label||e(u).label?(f(),d("div",M,[K(P,{clickable:"",for:e(o).id,title:t.label,hint:t.hint},{default:N(()=>[w(l.$slots,"label")]),_:3},8,["for","title","hint"])])):D("",!0)],16))}});export{ee as default};
+import{defineComponent as F,useSlots as S,inject as V,useAttrs as x,ref as c,computed as B,createElementBlock as d,openBlock as f,mergeProps as p,unref as e,createElementVNode as r,createCommentVNode as D,withKeys as I,createVNode as K,withCtx as N,renderSlot as w}from"vue";/* empty css             */import P from"../EvLabel/EvLabel.vue.mjs";import{EvRadioGroupSymbol as $}from"../EvRadioGroup/EvRadioGroup.mjs";import{makeEvRadioProps as j}from"./EvRadio.mjs";import{useFormField as q}from"../../composables/validation.mjs";import{splitInputAttrs as G}from"../../util/helpers.mjs";import{isDeepEqual as z}from"../../util/is-functions.mjs";/*! Evance UI v1.1.34 | MIT License */const H={class:"ev-radio--control"},J=r("div",{class:"ev-radio--circles"},[r("div",{class:"ev-radio--outer-circle"}),r("div",{class:"ev-radio--inner-circle"})],-1),L=["id","name","disabled","value","checked","onKeyup"],M={key:0,class:"ev-radio--label"},ee=F({inheritAttrs:!1,__name:"EvRadio",props:{...j()},emits:["update:focused","update:modelValue"],setup(m,{expose:v}){const t=m,u=S(),b=V($,void 0),_=x(),k=c(null),a=c(null),[h,y]=G(_),o=q(t,b),R=z,s=B({get(){return R(o.value,t.value)},set(l){t.readonly||(o.value=l?t.value:"")}});function E(l){s.value&&t.clearable&&(s.value=!1)}function C(l){s.value=l.target.checked}function g(l){s.value&&t.clearable&&(s.value=!1,l.preventDefault())}function A(){return a.value}return v({field:o,input:a,focus:()=>{var l;(l=A())==null||l.focus()}}),(l,i)=>(f(),d("div",p({ref_key:"containerRef",ref:k,class:["ev-radio",{"is-checked":s.value,"is-labelled":t.label||e(u).label},e(o).classes,t.class],style:t.style},e(h)),[r("div",H,[J,r("input",p({id:e(o).id,ref_key:"inputRef",ref:a,type:"radio",name:e(o).name,disabled:e(o).isDisabled||e(o).isReadonly,value:t.value,checked:s.value},e(y),{onBlur:i[0]||(i[0]=(...n)=>e(o).blur&&e(o).blur(...n)),onClick:E,onFocus:i[1]||(i[1]=(...n)=>e(o).focus&&e(o).focus(...n)),onInput:C,onKeyup:I(g,["space"])}),null,16,L)]),t.label||e(u).label?(f(),d("div",M,[K(P,{clickable:"",for:e(o).id,title:t.label,hint:t.hint},{default:N(()=>[w(l.$slots,"label")]),_:3},8,["for","title","hint"])])):D("",!0)],16))}});export{ee as default};
 //# sourceMappingURL=EvRadio.vue.mjs.map

package/dist/esm/components/EvRadio/EvRadio.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvRadio.vue.mjs";/*! Evance UI v1.1.31 | MIT License */export{f as default};
+import f from"./EvRadio.vue.mjs";/*! Evance UI v1.1.34 | MIT License */export{f as default};
 //# sourceMappingURL=EvRadio.vue2.mjs.map

package/dist/esm/components/EvRadioGroup/EvRadioGroup.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeComponentProps as o}from"../../composables/component.mjs";import{makeFormFieldProps as r}from"../../composables/validation.mjs";import{makeLabelProps as m}from"../EvLabel/EvLabel.mjs";import{propsFactory as p}from"../../util/props.mjs";/*! Evance UI v1.1.31 | MIT License */const n=Symbol.for("ev:radio-group"),s=p({inline:Boolean,...m(),...r(),...o()},"EvRadioGroup");export{n as EvRadioGroupSymbol,s as makeEvRadioGroupProps};
+import{makeComponentProps as o}from"../../composables/component.mjs";import{makeFormFieldProps as r}from"../../composables/validation.mjs";import{makeLabelProps as m}from"../EvLabel/EvLabel.mjs";import{propsFactory as p}from"../../util/props.mjs";/*! Evance UI v1.1.34 | MIT License */const n=Symbol.for("ev:radio-group"),s=p({inline:Boolean,...m(),...r(),...o()},"EvRadioGroup");export{n as EvRadioGroupSymbol,s as makeEvRadioGroupProps};
 //# sourceMappingURL=EvRadioGroup.mjs.map

package/dist/esm/components/EvRadioGroup/EvRadioGroup.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as u,useSlots as _,computed as f,provide as v,createElementBlock as t,openBlock as s,normalizeStyle as h,normalizeClass as g,createCommentVNode as l,createElementVNode as b,unref as r,createVNode as a,withCtx as y,renderSlot as n}from"vue";/* empty css                  */import E from"../EvLabel/EvLabel.vue.mjs";import{makeEvRadioGroupProps as k,EvRadioGroupSymbol as S}from"./EvRadioGroup.mjs";import{useFormField as $}from"../../composables/validation.mjs";import C from"../EvErrors/EvErrors.vue.mjs";import{getNextId as N}from"../../util/helpers.mjs";/*! Evance UI v1.1.31 | MIT License */const V=["id"],F={key:0,class:"ev-radio-group--label"},G={class:"ev-radio-group--control"},R={key:1,class:"ev-radio-group-errors"},j=u({inheritAttrs:!1,__name:"EvRadioGroup",props:{...k()},emits:["update:modelValue"],setup(d){const e=d,m=_(),c=N(),p=f(()=>e.id||`radio-group-${c}`),o=$(e);return v(S,o),(i,w)=>(s(),t("div",{id:p.value,class:g(["ev-radio-group",e.class,{"is-inline":e.inline}]),style:h(e.style)},[e.label||e.hint||r(m).label?(s(),t("div",F,[a(E,{title:e.label,hint:e.hint},{default:y(()=>[n(i.$slots,"label")]),_:3},8,["title","hint"])])):l("",!0),b("div",G,[n(i.$slots,"default")]),r(o).isShowErrorMessages?(s(),t("div",R,[a(C,{messages:r(o).errorMessages},null,8,["messages"])])):l("",!0)],14,V))}});export{j as default};
+import{defineComponent as u,useSlots as _,computed as f,provide as v,createElementBlock as t,openBlock as s,normalizeStyle as h,normalizeClass as g,createCommentVNode as l,createElementVNode as b,unref as r,createVNode as a,withCtx as y,renderSlot as n}from"vue";/* empty css                  */import E from"../EvLabel/EvLabel.vue.mjs";import{makeEvRadioGroupProps as k,EvRadioGroupSymbol as S}from"./EvRadioGroup.mjs";import{useFormField as $}from"../../composables/validation.mjs";import C from"../EvErrors/EvErrors.vue.mjs";import{getNextId as N}from"../../util/helpers.mjs";/*! Evance UI v1.1.34 | MIT License */const V=["id"],F={key:0,class:"ev-radio-group--label"},G={class:"ev-radio-group--control"},R={key:1,class:"ev-radio-group-errors"},j=u({inheritAttrs:!1,__name:"EvRadioGroup",props:{...k()},emits:["update:modelValue"],setup(d){const e=d,m=_(),c=N(),p=f(()=>e.id||`radio-group-${c}`),o=$(e);return v(S,o),(i,w)=>(s(),t("div",{id:p.value,class:g(["ev-radio-group",e.class,{"is-inline":e.inline}]),style:h(e.style)},[e.label||e.hint||r(m).label?(s(),t("div",F,[a(E,{title:e.label,hint:e.hint},{default:y(()=>[n(i.$slots,"label")]),_:3},8,["title","hint"])])):l("",!0),b("div",G,[n(i.$slots,"default")]),r(o).isShowErrorMessages?(s(),t("div",R,[a(C,{messages:r(o).errorMessages},null,8,["messages"])])):l("",!0)],14,V))}});export{j as default};
 //# sourceMappingURL=EvRadioGroup.vue.mjs.map

package/dist/esm/components/EvRadioGroup/EvRadioGroup.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvRadioGroup.vue.mjs";/*! Evance UI v1.1.31 | MIT License */export{f as default};
+import f from"./EvRadioGroup.vue.mjs";/*! Evance UI v1.1.34 | MIT License */export{f as default};
 //# sourceMappingURL=EvRadioGroup.vue2.mjs.map

package/dist/esm/components/EvResponsive/EvResponsive.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeComponentProps as o}from"../../composables/component.mjs";import{makeDimensionsProps as e}from"../../composables/dimensions.mjs";import{makeAspectRatioProps as r}from"../../composables/aspectRatio.mjs";import{propsFactory as p}from"../../util/props.mjs";/*! Evance UI v1.1.31 | MIT License */const n=p({contentClass:String,inline:{type:Boolean,default:void 0,required:!1},...r(),...o(),...e()},"EvResponsive");export{n as makeEvResponsiveProps};
+import{makeComponentProps as o}from"../../composables/component.mjs";import{makeDimensionsProps as e}from"../../composables/dimensions.mjs";import{makeAspectRatioProps as r}from"../../composables/aspectRatio.mjs";import{propsFactory as p}from"../../util/props.mjs";/*! Evance UI v1.1.34 | MIT License */const n=p({contentClass:String,inline:{type:Boolean,default:void 0,required:!1},...r(),...o(),...e()},"EvResponsive");export{n as makeEvResponsiveProps};
 //# sourceMappingURL=EvResponsive.mjs.map

package/dist/esm/components/EvResponsive/EvResponsive.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as d,useSlots as v,createElementBlock as t,openBlock as n,normalizeStyle as l,normalizeClass as r,unref as s,createElementVNode as u,renderSlot as i,createCommentVNode as f}from"vue";/* empty css                  */import{makeEvResponsiveProps as y}from"./EvResponsive.mjs";import{useDimensions as S}from"../../composables/dimensions.mjs";import{useAspectStyles as k}from"../../composables/aspectRatio.mjs";/*! Evance UI v1.1.31 | MIT License */const R=d({__name:"EvResponsive",props:{...y()},setup(a){const e=a,m=v(),{aspectStyles:p}=k(e),c=S(e);return(o,C)=>(n(),t("div",{class:r(["ev-responsive",{"is-inline":e.inline},e.class]),style:l([s(c),e.style])},[u("div",{class:"ev-responsive--sizer",style:l(s(p))},null,4),i(o.$slots,"additional"),s(m).default?(n(),t("div",{key:0,class:r(["ev-responsive--content",e.contentClass])},[i(o.$slots,"default")],2)):f("",!0)],6))}});export{R as default};
+import{defineComponent as d,useSlots as v,createElementBlock as t,openBlock as n,normalizeStyle as l,normalizeClass as r,unref as s,createElementVNode as u,renderSlot as i,createCommentVNode as f}from"vue";/* empty css                  */import{makeEvResponsiveProps as y}from"./EvResponsive.mjs";import{useDimensions as S}from"../../composables/dimensions.mjs";import{useAspectStyles as k}from"../../composables/aspectRatio.mjs";/*! Evance UI v1.1.34 | MIT License */const R=d({__name:"EvResponsive",props:{...y()},setup(a){const e=a,m=v(),{aspectStyles:p}=k(e),c=S(e);return(o,C)=>(n(),t("div",{class:r(["ev-responsive",{"is-inline":e.inline},e.class]),style:l([s(c),e.style])},[u("div",{class:"ev-responsive--sizer",style:l(s(p))},null,4),i(o.$slots,"additional"),s(m).default?(n(),t("div",{key:0,class:r(["ev-responsive--content",e.contentClass])},[i(o.$slots,"default")],2)):f("",!0)],6))}});export{R as default};
 //# sourceMappingURL=EvResponsive.vue.mjs.map

package/dist/esm/components/EvResponsive/EvResponsive.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvResponsive.vue.mjs";/*! Evance UI v1.1.31 | MIT License */export{f as default};
+import f from"./EvResponsive.vue.mjs";/*! Evance UI v1.1.34 | MIT License */export{f as default};
 //# sourceMappingURL=EvResponsive.vue2.mjs.map

package/dist/esm/components/EvSection/EvSection.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeComponentProps as o}from"../../composables/component.mjs";import{makeTagProps as r}from"../../composables/tag.mjs";import{propsFactory as t}from"../../util/props.mjs";/*! Evance UI v1.1.31 | MIT License */const i=t({title:String,...o(),...r()},"EvSection");export{i as makeEvSectionProps};
+import{makeComponentProps as o}from"../../composables/component.mjs";import{makeTagProps as r}from"../../composables/tag.mjs";import{propsFactory as t}from"../../util/props.mjs";/*! Evance UI v1.1.34 | MIT License */const i=t({title:String,...o(),...r()},"EvSection");export{i as makeEvSectionProps};
 //# sourceMappingURL=EvSection.mjs.map

package/dist/esm/components/EvSection/EvSection.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as c,useSlots as m,createBlock as o,openBlock as a,resolveDynamicComponent as p,normalizeStyle as d,normalizeClass as u,withCtx as s,createCommentVNode as f,renderSlot as l,unref as r,createTextVNode as g,toDisplayString as _}from"vue";/* empty css               */import{makeEvSectionProps as h}from"./EvSection.mjs";import y from"../EvEyebrow/EvEyebrow.vue.mjs";/*! Evance UI v1.1.31 | MIT License */const $=c({__name:"EvSection",props:{...h()},setup(n){const e=n,i=m();return(t,v)=>(a(),o(p(e.tag),{role:"group","aria-label":e.title,class:u(["ev-section",e.class]),style:d(e.style)},{default:s(()=>[e.title||r(i).heading?(a(),o(r(y),{key:0,tag:"div",appearance:"subtle",role:"heading",class:"ev-section--heading","aria-hidden":"true"},{default:s(()=>[l(t.$slots,"heading",{},()=>[g(_(e.title),1)])]),_:3})):f("",!0),l(t.$slots,"default")]),_:3},8,["aria-label","class","style"]))}});export{$ as default};
+import{defineComponent as c,useSlots as m,createBlock as o,openBlock as a,resolveDynamicComponent as p,normalizeStyle as d,normalizeClass as u,withCtx as s,createCommentVNode as f,renderSlot as l,unref as r,createTextVNode as g,toDisplayString as _}from"vue";/* empty css               */import{makeEvSectionProps as h}from"./EvSection.mjs";import y from"../EvEyebrow/EvEyebrow.vue.mjs";/*! Evance UI v1.1.34 | MIT License */const $=c({__name:"EvSection",props:{...h()},setup(n){const e=n,i=m();return(t,v)=>(a(),o(p(e.tag),{role:"group","aria-label":e.title,class:u(["ev-section",e.class]),style:d(e.style)},{default:s(()=>[e.title||r(i).heading?(a(),o(r(y),{key:0,tag:"div",appearance:"subtle",role:"heading",class:"ev-section--heading","aria-hidden":"true"},{default:s(()=>[l(t.$slots,"heading",{},()=>[g(_(e.title),1)])]),_:3})):f("",!0),l(t.$slots,"default")]),_:3},8,["aria-label","class","style"]))}});export{$ as default};
 //# sourceMappingURL=EvSection.vue.mjs.map

package/dist/esm/components/EvSection/EvSection.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvSection.vue.mjs";/*! Evance UI v1.1.31 | MIT License */export{f as default};
+import f from"./EvSection.vue.mjs";/*! Evance UI v1.1.34 | MIT License */export{f as default};
 //# sourceMappingURL=EvSection.vue2.mjs.map

package/dist/esm/components/EvSelect/EvSelect.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeListItemsProps as e}from"../../composables/lists/list-items.mjs";import{makeEvTextfieldProps as t}from"../EvTextfield/EvTextfield.mjs";import o from"../../icons/glyph/ChevronDownIcon.svg.mjs";import{makeFilterProps as r}from"../../composables/filter.mjs";import{propsFactory as l}from"../../util/props.mjs";import{omit as m}from"../../util/helpers.mjs";/*! Evance UI v1.1.31 | MIT License */const f=l({autoSelectFirst:{type:[Boolean,String]},behavior:{type:String,default:"select"},delimiters:{type:Array,default:[","]},hideItemsEmpty:Boolean,hideSelected:Boolean,itemsEmptyText:{type:String,default:"select.noItemsText"},menuOpen:Boolean,multiple:Boolean,openOnClear:Boolean,search:String,tags:Boolean,...r({filterKeys:["title"]}),...e({itemChildren:!1}),...m(t({modelValue:null,iconEnd:o,role:"select"}),["align","monospace","type"])},"EvSelect");export{f as makeEvSelectProps};
+import{makeListItemsProps as e}from"../../composables/lists/list-items.mjs";import{makeEvTextfieldProps as t}from"../EvTextfield/EvTextfield.mjs";import o from"../../icons/glyph/ChevronDownIcon.svg.mjs";import{makeFilterProps as r}from"../../composables/filter.mjs";import{propsFactory as l}from"../../util/props.mjs";import{omit as m}from"../../util/helpers.mjs";/*! Evance UI v1.1.34 | MIT License */const f=l({autoSelectFirst:{type:[Boolean,String]},behavior:{type:String,default:"select"},delimiters:{type:Array,default:[","]},hideItemsEmpty:Boolean,hideSelected:Boolean,itemsEmptyText:{type:String,default:"select.noItemsText"},menuOpen:Boolean,multiple:Boolean,openOnClear:Boolean,search:String,tags:Boolean,...r({filterKeys:["title"]}),...e({itemChildren:!1}),...m(t({modelValue:null,iconEnd:o,role:"select"}),["align","monospace","type"])},"EvSelect");export{f as makeEvSelectProps};
 //# sourceMappingURL=EvSelect.mjs.map

package/dist/esm/components/EvSelect/EvSelect.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as Ee,useSlots as De,ref as L,computed as v,shallowRef as $,watch as A,createBlock as B,openBlock as d,unref as s,mergeProps as E,createSlots as Re,withCtx as k,createElementBlock as w,createCommentVNode as C,createVNode as P,Fragment as Te,renderList as Me,normalizeClass as Ke,renderSlot as f,normalizeProps as Z,guardReactiveProps as ee,createTextVNode as le,toDisplayString as te,nextTick as Ae}from"vue";/* empty css              */import{makeEvSelectProps as Be}from"./EvSelect.mjs";import{useScrolling as Oe}from"./useScrolling.mjs";import oe from"../EvTextfield/EvTextfield.vue.mjs";import Ue from"../EvMenu/EvMenu.vue.mjs";import He from"../EvList/EvList.vue.mjs";import ae from"../EvListItem/EvListItem.vue.mjs";import Ne from"../EvVirtualScroll/EvVirtualScroll.vue.mjs";import ze from"../EvSurface/EvSurface.vue.mjs";import We from"../EvTag/EvTag.vue.mjs";import{useItems as je,transformItem as ne}from"../../composables/lists/list-items.mjs";import{useModelProxy as O}from"../../composables/modelProxy.mjs";import{useLocaleFunctions as qe}from"../../composables/locale.mjs";import{useForm as Ge}from"../../composables/form.mjs";import{useFilter as Je}from"../../composables/filter.mjs";import{filterComponentProps as Qe,wrapInArray as Xe,matchesSelector as se}from"../../util/helpers.mjs";import{isComposingIgnoreKey as Ye,KeyLogger as Ze}from"../../util/keyboard.mjs";import{Browser as el}from"../../util/browser.mjs";/*! Evance UI v1.1.31 | MIT License */const ll={key:1,class:"ev-select--selected-text"},tl={key:0,class:"ev-select--selected-comma"},ol={key:0,class:"ev-select--placeholder"},al={key:0,class:"ev-select--list-prefix"},nl={key:1,class:"ev-select--list-suffix"},Il=Ee({__name:"EvSelect",props:{...Be()},emits:["update:focused","update:menuOpen","update:modelValue","update:search"],setup(ue,{emit:re}){const t=ue,x=De(),p=L(),ie=v(()=>Qe(oe,t)),g=$(!1),F=$(!0),b=v(()=>t.behavior!=="select"),D=$(!1),U=$(!1),H=L(),R=O(t,"menuOpen"),i=v({get:()=>R.value,set:e=>{var l;R.value&&!e&&((l=H.value)!=null&&l.openChildren)||(R.value=e)}}),N=v(()=>t.hideItemsEmpty&&!_.value.length||!!t.readonly),S=L(),T=L(),{items:_,transformIn:ce,transformOut:ve}=je(t),r=O(t,"search",""),{filteredItems:z}=Je(t,_,()=>F.value||!b.value?"":r.value),I=v(()=>t.hideSelected?z.value.filter(e=>!a.value.some(l=>l.value===e.value)):z.value),a=O(t,"modelValue",[],e=>ce(e===null?[null]:Xe(e)),e=>{const l=ve(e);return t.multiple?l:l[0]??null}),V=v(()=>a.value.map(e=>_.value.find(l=>t.valueComparator(l.value,e.value))||e)),n=$(-1),fe=v(()=>V.value.map(e=>e.props.value)),W=new Ze,j=v(()=>{var l;return(t.autoSelectFirst===!0||t.autoSelectFirst==="exact"&&r.value===((l=I.value[0])==null?void 0:l.title))&&I.value.length>0&&!F.value&&!D.value}),M=Ge(),{t:de}=qe();function pe(){var e;g.value&&(F.value=!0,(e=p.value)==null||e.focus())}function me(e){setTimeout(()=>{g.value=!0,D.value=!0})}function ye(e){D.value=!1}function he(e){e.preventDefault()}const{onListScroll:ke,onListKeydown:ge}=Oe(S,p);function we(e){var l;(l=S.value)!=null&&l.$el.contains(e.relatedTarget)||(i.value=!1),n.value=-1}function xe(e){if(se(p.value,":autofill")||se(p.value,":-webkit-autofill")){const l=_.value.find(o=>o.title===e.target.value);l&&m(l)}}function be(e){t.openOnClear&&(i.value=!0),r.value=""}function Se(e){r.value=e.target.value}function _e(e){var G,J,Q,X,Y;if(!e.key||Ye(e)||t.readonly||M!=null&&M.isReadonly.value)return;const l=["Enter","ArrowDown","ArrowUp"],o=["Enter","ArrowDown"],u=["Escape"];if(b.value||(l.push(" ","Home","End"),o.push(" "),u.push("Tab")),(n.value>-1||l.includes(e.key))&&e.preventDefault(),o.includes(e.key)&&(i.value=!0),u.includes(e.key)&&(i.value=!1),!b.value){Ie(e);return}if(["Enter","Tab"].includes(e.key)&&(j.value?m(I.value[0]):!t.multiple&&t.behavior==="combobox"&&m(ne(t,r.value))),e.key==="ArrowDown"&&j.value&&((G=S.value)==null||G.focus("next")),!t.multiple)return;const c=p.value.selectionStart,y=a.value.length;if(["Backspace","Delete"].includes(e.key)){if(n.value<0){e.key==="Backspace"&&!r.value&&(n.value=y-1);return}const h=n.value,K=a.value[n.value];K&&!K.props.disabled&&m(K,!1),n.value=h>=y-1?y-2:h}if(e.key==="ArrowLeft"){if(n.value<0&&c>0)return;const h=n.value>-1?n.value-1:y-1;a.value[h]?n.value=h:(n.value=-1,(X=p.value)==null||X.input.setSelectionRange((J=r.value)==null?void 0:J.length,(Q=r.value)==null?void 0:Q.length))}if(e.key==="ArrowRight"){if(n.value<0)return;const h=n.value+1;a.value[h]?n.value=h:(n.value=-1,(Y=p.value)==null||Y.input.setSelectionRange(0,0))}t.behavior==="combobox"&&(t.delimiters.includes(e.key)||e.key==="Enter")&&r.value&&(e.preventDefault(),m(ne(t,r.value)),r.value="")}function Ie(e){var o,u,c;if(e.key==="Home"?(o=S.value)==null||o.focus("first"):e.key==="End"&&((u=S.value)==null||u.focus("last")),t.multiple||!W.log(e))return;const l=_.value.findIndex(y=>y.title.toLowerCase().startsWith(W.value));if(l>=0&&(a.value=[_.value[l]],i.value)){const y=l>0?l-1:0;(c=T.value)==null||c.scrollToIndex(y)}}function Fe(){N.value||(i.value=!i.value)}function m(e,l=!0){if(!e.props.disabled){if(t.multiple){const o=a.value.findIndex(c=>t.valueComparator(c.value,e.value)),u=l??!~o;if(~o){const c=u?[...a.value,e]:[...a.value];c.splice(o,1),a.value=c}else u&&(a.value=[...a.value,e]);r.value=""}else{const o=l!==!1;a.value=o?[e]:[],r.value=e.title,Ae(()=>{i.value=!1,F.value=!0,U.value=!1,p.value.input.blur(),g.value=!1})}n.value=-1}}const $e=v(()=>b.value?r.value:a.value.map(e=>e.props.value).join(", "));function Ce(e){(e===null||e===""&&!t.multiple)&&(a.value=[])}function Pe(e,l,o){return E(e.props,{ref:o,key:l,onClick:()=>m(e)})}function Ve(e){return{"onClick:close"(l){l.stopPropagation(),l.preventDefault(),m(e,!1)},onKeydown(l){l.key!=="Enter"&&l.key!==" "||(l.preventDefault(),l.stopPropagation(),m(e,!1))},onMousedown(l){l.preventDefault(),l.stopPropagation()}}}A(r,(e,l)=>{!g.value||U.value||(e&&(i.value=!0),F.value=!e)}),A(g,(e,l)=>{e!==l&&re("update:focused",e)}),A(i,()=>{if(t.hideSelected||!i.value||!a.value.length||!el.hasWindow)return;const e=a.value[a.value.length-1],l=I.value.findIndex(o=>o.value===e.value);window.requestAnimationFrame(()=>{var o;l>=0&&((o=T.value)==null||o.scrollToIndex(l))})});const Le=v(()=>a.externalValue),q=v(()=>!V.value.length&&!!x.placeholder);return(e,l)=>(d(),B(s(oe),E({ref_key:"evTextfieldRef",ref:p},ie.value,{focused:g.value,"onUpdate:focused":l[1]||(l[1]=o=>g.value=o),class:["ev-select",{"is-single":!t.multiple,"is-multiple":t.multiple,"is-searchable":b.value,"is-selecting":n.value>-1,"is-placeholder":q.value}],"model-value":$e.value,readonly:!b.value||t.readonly,placeholder:s(a).length?void 0:t.placeholder,"validation-value":Le.value,onBlur:we,onChange:xe,"onClick:clear":be,onInput:Se,onKeydown:_e,"onMousedown:control":Fe,"onUpdate:modelValue":Ce}),Re({default:k(()=>[(d(!0),w(Te,null,Me(V.value,(o,u)=>(d(),w("div",{key:o.key,class:Ke(["ev-select--selected",{"is-selected":u===n.value}])},[f(e.$slots,"selection",Z(ee({item:o,index:u})),()=>[t.tags?(d(),B(s(We),E({key:0,closable:t.multiple},Ve(o),{text:o.title}),null,16,["closable","text"])):(d(),w("span",ll,[le(te(o.title)+" ",1),t.multiple&&u<V.value.length-1?(d(),w("span",tl,",")):C("",!0)]))])],2))),128)),q.value?(d(),w("div",ol,[f(e.$slots,"placeholder")])):C("",!0),P(s(Ue),{ref_key:"evMenuRef",ref:H,modelValue:i.value,"onUpdate:modelValue":l[0]||(l[0]=o=>i.value=o),class:"ev-select--menu","max-height":"310",disabled:N.value,activator:"parent","close-on-content-click":!1,"open-on-click":!1,onAfterLeave:pe},{default:k(()=>[P(s(ze),{elevation:"overlay",scrollable:""},{default:k(()=>[s(x)["list-prefix"]?(d(),w("div",al,[f(e.$slots,"list-prefix")])):C("",!0),P(s(He),{ref_key:"evListRef",ref:S,class:"ev-select--list",selected:fe.value,"select-strategy":t.multiple?"multi-any":"single-any",tabindex:"-1",onFocusin:me,onFocusout:ye,onKeydown:s(ge),onMousedown:he,onScrollPassive:s(ke)},{default:k(()=>[f(e.$slots,"items-prefix"),!I.value.length&&!t.hideItemsEmpty?f(e.$slots,"items-empty",{key:0},()=>[P(s(ae),{title:s(de)(t.itemsEmptyText)},null,8,["title"])]):C("",!0),P(s(Ne),{ref_key:"evVirtualScrollRef",ref:T,renderless:"",items:I.value},{default:k(({item:o,index:u,itemRef:c})=>[f(e.$slots,"item",Z(ee({item:o,index:u,props:Pe(o,u,c)})),()=>[(d(),B(s(ae),E({ref:c},o.props,{key:u,onClick:y=>m(o,null)}),null,16,["onClick"]))])]),_:3},8,["items"]),f(e.$slots,"items-suffix")]),_:3},8,["selected","select-strategy","onKeydown","onScrollPassive"]),s(x)["list-suffix"]?(d(),w("div",nl,[f(e.$slots,"list-suffix")])):C("",!0)]),_:3})]),_:3},8,["modelValue","disabled"])]),_:2},[t.label||s(x).label?{name:"label",fn:k(()=>[f(e.$slots,"label",{},()=>[le(te(t.label),1)])]),key:"0"}:void 0,s(x).prefix?{name:"prefix",fn:k(()=>[f(e.$slots,"prefix")]),key:"1"}:void 0,s(x).suffix?{name:"suffix",fn:k(()=>[f(e.$slots,"suffix")]),key:"2"}:void 0]),1040,["focused","class","model-value","readonly","placeholder","validation-value"]))}});export{Il as default};
+import{defineComponent as Ee,useSlots as De,ref as L,computed as v,shallowRef as $,watch as A,createBlock as B,openBlock as d,unref as s,mergeProps as E,createSlots as Re,withCtx as k,createElementBlock as w,createCommentVNode as C,createVNode as P,Fragment as Te,renderList as Me,normalizeClass as Ke,renderSlot as f,normalizeProps as Z,guardReactiveProps as ee,createTextVNode as le,toDisplayString as te,nextTick as Ae}from"vue";/* empty css              */import{makeEvSelectProps as Be}from"./EvSelect.mjs";import{useScrolling as Oe}from"./useScrolling.mjs";import oe from"../EvTextfield/EvTextfield.vue.mjs";import Ue from"../EvMenu/EvMenu.vue.mjs";import He from"../EvList/EvList.vue.mjs";import ae from"../EvListItem/EvListItem.vue.mjs";import Ne from"../EvVirtualScroll/EvVirtualScroll.vue.mjs";import ze from"../EvSurface/EvSurface.vue.mjs";import We from"../EvTag/EvTag.vue.mjs";import{useItems as je,transformItem as ne}from"../../composables/lists/list-items.mjs";import{useModelProxy as O}from"../../composables/modelProxy.mjs";import{useLocaleFunctions as qe}from"../../composables/locale.mjs";import{useForm as Ge}from"../../composables/form.mjs";import{useFilter as Je}from"../../composables/filter.mjs";import{filterComponentProps as Qe,wrapInArray as Xe,matchesSelector as se}from"../../util/helpers.mjs";import{isComposingIgnoreKey as Ye,KeyLogger as Ze}from"../../util/keyboard.mjs";import{Browser as el}from"../../util/browser.mjs";/*! Evance UI v1.1.34 | MIT License */const ll={key:1,class:"ev-select--selected-text"},tl={key:0,class:"ev-select--selected-comma"},ol={key:0,class:"ev-select--placeholder"},al={key:0,class:"ev-select--list-prefix"},nl={key:1,class:"ev-select--list-suffix"},Il=Ee({__name:"EvSelect",props:{...Be()},emits:["update:focused","update:menuOpen","update:modelValue","update:search"],setup(ue,{emit:re}){const t=ue,x=De(),p=L(),ie=v(()=>Qe(oe,t)),g=$(!1),F=$(!0),b=v(()=>t.behavior!=="select"),D=$(!1),U=$(!1),H=L(),R=O(t,"menuOpen"),i=v({get:()=>R.value,set:e=>{var l;R.value&&!e&&((l=H.value)!=null&&l.openChildren)||(R.value=e)}}),N=v(()=>t.hideItemsEmpty&&!_.value.length||!!t.readonly),S=L(),T=L(),{items:_,transformIn:ce,transformOut:ve}=je(t),r=O(t,"search",""),{filteredItems:z}=Je(t,_,()=>F.value||!b.value?"":r.value),I=v(()=>t.hideSelected?z.value.filter(e=>!a.value.some(l=>l.value===e.value)):z.value),a=O(t,"modelValue",[],e=>ce(e===null?[null]:Xe(e)),e=>{const l=ve(e);return t.multiple?l:l[0]??null}),V=v(()=>a.value.map(e=>_.value.find(l=>t.valueComparator(l.value,e.value))||e)),n=$(-1),fe=v(()=>V.value.map(e=>e.props.value)),W=new Ze,j=v(()=>{var l;return(t.autoSelectFirst===!0||t.autoSelectFirst==="exact"&&r.value===((l=I.value[0])==null?void 0:l.title))&&I.value.length>0&&!F.value&&!D.value}),M=Ge(),{t:de}=qe();function pe(){var e;g.value&&(F.value=!0,(e=p.value)==null||e.focus())}function me(e){setTimeout(()=>{g.value=!0,D.value=!0})}function ye(e){D.value=!1}function he(e){e.preventDefault()}const{onListScroll:ke,onListKeydown:ge}=Oe(S,p);function we(e){var l;(l=S.value)!=null&&l.$el.contains(e.relatedTarget)||(i.value=!1),n.value=-1}function xe(e){if(se(p.value,":autofill")||se(p.value,":-webkit-autofill")){const l=_.value.find(o=>o.title===e.target.value);l&&m(l)}}function be(e){t.openOnClear&&(i.value=!0),r.value=""}function Se(e){r.value=e.target.value}function _e(e){var G,J,Q,X,Y;if(!e.key||Ye(e)||t.readonly||M!=null&&M.isReadonly.value)return;const l=["Enter","ArrowDown","ArrowUp"],o=["Enter","ArrowDown"],u=["Escape"];if(b.value||(l.push(" ","Home","End"),o.push(" "),u.push("Tab")),(n.value>-1||l.includes(e.key))&&e.preventDefault(),o.includes(e.key)&&(i.value=!0),u.includes(e.key)&&(i.value=!1),!b.value){Ie(e);return}if(["Enter","Tab"].includes(e.key)&&(j.value?m(I.value[0]):!t.multiple&&t.behavior==="combobox"&&m(ne(t,r.value))),e.key==="ArrowDown"&&j.value&&((G=S.value)==null||G.focus("next")),!t.multiple)return;const c=p.value.selectionStart,y=a.value.length;if(["Backspace","Delete"].includes(e.key)){if(n.value<0){e.key==="Backspace"&&!r.value&&(n.value=y-1);return}const h=n.value,K=a.value[n.value];K&&!K.props.disabled&&m(K,!1),n.value=h>=y-1?y-2:h}if(e.key==="ArrowLeft"){if(n.value<0&&c>0)return;const h=n.value>-1?n.value-1:y-1;a.value[h]?n.value=h:(n.value=-1,(X=p.value)==null||X.input.setSelectionRange((J=r.value)==null?void 0:J.length,(Q=r.value)==null?void 0:Q.length))}if(e.key==="ArrowRight"){if(n.value<0)return;const h=n.value+1;a.value[h]?n.value=h:(n.value=-1,(Y=p.value)==null||Y.input.setSelectionRange(0,0))}t.behavior==="combobox"&&(t.delimiters.includes(e.key)||e.key==="Enter")&&r.value&&(e.preventDefault(),m(ne(t,r.value)),r.value="")}function Ie(e){var o,u,c;if(e.key==="Home"?(o=S.value)==null||o.focus("first"):e.key==="End"&&((u=S.value)==null||u.focus("last")),t.multiple||!W.log(e))return;const l=_.value.findIndex(y=>y.title.toLowerCase().startsWith(W.value));if(l>=0&&(a.value=[_.value[l]],i.value)){const y=l>0?l-1:0;(c=T.value)==null||c.scrollToIndex(y)}}function Fe(){N.value||(i.value=!i.value)}function m(e,l=!0){if(!e.props.disabled){if(t.multiple){const o=a.value.findIndex(c=>t.valueComparator(c.value,e.value)),u=l??!~o;if(~o){const c=u?[...a.value,e]:[...a.value];c.splice(o,1),a.value=c}else u&&(a.value=[...a.value,e]);r.value=""}else{const o=l!==!1;a.value=o?[e]:[],r.value=e.title,Ae(()=>{i.value=!1,F.value=!0,U.value=!1,p.value.input.blur(),g.value=!1})}n.value=-1}}const $e=v(()=>b.value?r.value:a.value.map(e=>e.props.value).join(", "));function Ce(e){(e===null||e===""&&!t.multiple)&&(a.value=[])}function Pe(e,l,o){return E(e.props,{ref:o,key:l,onClick:()=>m(e)})}function Ve(e){return{"onClick:close"(l){l.stopPropagation(),l.preventDefault(),m(e,!1)},onKeydown(l){l.key!=="Enter"&&l.key!==" "||(l.preventDefault(),l.stopPropagation(),m(e,!1))},onMousedown(l){l.preventDefault(),l.stopPropagation()}}}A(r,(e,l)=>{!g.value||U.value||(e&&(i.value=!0),F.value=!e)}),A(g,(e,l)=>{e!==l&&re("update:focused",e)}),A(i,()=>{if(t.hideSelected||!i.value||!a.value.length||!el.hasWindow)return;const e=a.value[a.value.length-1],l=I.value.findIndex(o=>o.value===e.value);window.requestAnimationFrame(()=>{var o;l>=0&&((o=T.value)==null||o.scrollToIndex(l))})});const Le=v(()=>a.externalValue),q=v(()=>!V.value.length&&!!x.placeholder);return(e,l)=>(d(),B(s(oe),E({ref_key:"evTextfieldRef",ref:p},ie.value,{focused:g.value,"onUpdate:focused":l[1]||(l[1]=o=>g.value=o),class:["ev-select",{"is-single":!t.multiple,"is-multiple":t.multiple,"is-searchable":b.value,"is-selecting":n.value>-1,"is-placeholder":q.value}],"model-value":$e.value,readonly:!b.value||t.readonly,placeholder:s(a).length?void 0:t.placeholder,"validation-value":Le.value,onBlur:we,onChange:xe,"onClick:clear":be,onInput:Se,onKeydown:_e,"onMousedown:control":Fe,"onUpdate:modelValue":Ce}),Re({default:k(()=>[(d(!0),w(Te,null,Me(V.value,(o,u)=>(d(),w("div",{key:o.key,class:Ke(["ev-select--selected",{"is-selected":u===n.value}])},[f(e.$slots,"selection",Z(ee({item:o,index:u})),()=>[t.tags?(d(),B(s(We),E({key:0,closable:t.multiple},Ve(o),{text:o.title}),null,16,["closable","text"])):(d(),w("span",ll,[le(te(o.title)+" ",1),t.multiple&&u<V.value.length-1?(d(),w("span",tl,",")):C("",!0)]))])],2))),128)),q.value?(d(),w("div",ol,[f(e.$slots,"placeholder")])):C("",!0),P(s(Ue),{ref_key:"evMenuRef",ref:H,modelValue:i.value,"onUpdate:modelValue":l[0]||(l[0]=o=>i.value=o),class:"ev-select--menu","max-height":"310",disabled:N.value,activator:"parent","close-on-content-click":!1,"open-on-click":!1,onAfterLeave:pe},{default:k(()=>[P(s(ze),{elevation:"overlay",scrollable:""},{default:k(()=>[s(x)["list-prefix"]?(d(),w("div",al,[f(e.$slots,"list-prefix")])):C("",!0),P(s(He),{ref_key:"evListRef",ref:S,class:"ev-select--list",selected:fe.value,"select-strategy":t.multiple?"multi-any":"single-any",tabindex:"-1",onFocusin:me,onFocusout:ye,onKeydown:s(ge),onMousedown:he,onScrollPassive:s(ke)},{default:k(()=>[f(e.$slots,"items-prefix"),!I.value.length&&!t.hideItemsEmpty?f(e.$slots,"items-empty",{key:0},()=>[P(s(ae),{title:s(de)(t.itemsEmptyText)},null,8,["title"])]):C("",!0),P(s(Ne),{ref_key:"evVirtualScrollRef",ref:T,renderless:"",items:I.value},{default:k(({item:o,index:u,itemRef:c})=>[f(e.$slots,"item",Z(ee({item:o,index:u,props:Pe(o,u,c)})),()=>[(d(),B(s(ae),E({ref:c},o.props,{key:u,onClick:y=>m(o,null)}),null,16,["onClick"]))])]),_:3},8,["items"]),f(e.$slots,"items-suffix")]),_:3},8,["selected","select-strategy","onKeydown","onScrollPassive"]),s(x)["list-suffix"]?(d(),w("div",nl,[f(e.$slots,"list-suffix")])):C("",!0)]),_:3})]),_:3},8,["modelValue","disabled"])]),_:2},[t.label||s(x).label?{name:"label",fn:k(()=>[f(e.$slots,"label",{},()=>[le(te(t.label),1)])]),key:"0"}:void 0,s(x).prefix?{name:"prefix",fn:k(()=>[f(e.$slots,"prefix")]),key:"1"}:void 0,s(x).suffix?{name:"suffix",fn:k(()=>[f(e.$slots,"suffix")]),key:"2"}:void 0]),1040,["focused","class","model-value","readonly","placeholder","validation-value"]))}});export{Il as default};
 //# sourceMappingURL=EvSelect.vue.mjs.map

package/dist/esm/components/EvSelect/EvSelect.vue.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EvSelect.vue.mjs","sources":["../../../../src/components/EvSelect/EvSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n # EvSelect\n \n /\nimport \"./EvSelect.scss\";\nimport { makeEvSelectProps } from \"./EvSelect\";\nimport { useScrolling } from \"./useScrolling\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { EvMenu } from \"@/components/EvMenu\";\nimport { EvList, ListItem } from \"@/components/EvList\";\nimport { EvListItem } from \"@/components/EvListItem\";\nimport { EvVirtualScroll } from \"@/components/EvVirtualScroll\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { EvTag } from \"@/components/EvTag\";\nimport { transformItem, useItems } from \"@/composables/lists\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { useLocaleFunctions } from \"@/composables/locale\";\nimport { useForm } from \"@/composables/form\";\nimport {\n computed,\n mergeProps,\n nextTick,\n Ref,\n ref,\n shallowRef,\n useSlots,\n watch,\n} from \"vue\";\nimport {\n Browser,\n filterComponentProps,\n isComposingIgnoreKey,\n KeyLogger,\n matchesSelector,\n wrapInArray,\n} from \"@/util\";\nimport { FocusEvent, MouseEvent } from \"react\";\nimport { useFilter } from \"@/composables/filter\";\n\n// Props\nconst props = defineProps({\n ...makeEvSelectProps(),\n});\n\ndefineSlots<{\n label(): any;\n \"list-prefix\"(): any;\n \"list-suffix\"(): any;\n item(props: { item: any; index: number; props: any }): any;\n \"items-empty\"(): any;\n \"items-prefix\"(): any;\n \"items-suffix\"(): any;\n placeholder(): any;\n prefix(): any;\n selection(item: any, index: number): any;\n suffix(): any;\n}>();\n\nconst emit = defineEmits([\n \"update:focused\",\n \"update:menuOpen\",\n \"update:modelValue\",\n \"update:search\",\n]);\n\nconst slots = useSlots();\n\n// TextField\nconst evTextfieldRef = ref();\nconst evTextfieldProps = computed(() => {\n return filterComponentProps(EvTextfield, props);\n});\nconst isFocused = shallowRef(false);\nconst isPristine = shallowRef(true);\nconst isSearchable = computed(() => props.behavior !== \"select\");\nconst listHasFocus = shallowRef(false);\nconst isSelecting = shallowRef(false);\n\n// Menu\nconst evMenuRef = ref<typeof EvMenu>();\nconst menuOpenProxy = useModelProxy(props, \"menuOpen\");\nconst isMenuOpen = computed({\n get: () => menuOpenProxy.value,\n set: (value) => {\n if (menuOpenProxy.value && !value && evMenuRef.value?.openChildren) {\n return;\n }\n menuOpenProxy.value = value;\n },\n});\nconst isMenuDisabled = computed(() => {\n return (props.hideItemsEmpty && !items.value.length) \|\| !!props.readonly;\n});\n\n// List\nconst evListRef = ref<typeof EvList>();\nconst evVirtualScrollRef = ref<typeof EvVirtualScroll>();\nconst { items, transformIn, transformOut } = useItems(props);\nconst search = useModelProxy(props, \"search\", \"\");\n// @todo: implement getMatches\nconst { filteredItems } = useFilter(props, items, () =>\n isPristine.value \|\| !isSearchable.value ? \"\" : search.value,\n);\nconst displayItems = computed(() => {\n if (props.hideSelected) {\n return filteredItems.value.filter(\n (filteredItem) =>\n !model.value.some(\n (s: ListItem) => s.value === filteredItem.value,\n ),\n );\n }\n return filteredItems.value;\n});\n\nconst model = useModelProxy(\n props,\n \"modelValue\",\n [],\n (value) => transformIn(value === null ? [null] : wrapInArray(value)),\n (value) => {\n const transformed = transformOut(value);\n return props.multiple ? transformed : transformed[0] ?? null;\n },\n);\nconst selections = computed(() => {\n return model.value.map((value: any) => {\n return (\n items.value.find((item) => {\n return props.valueComparator(item.value, value.value);\n }) \|\| value\n );\n });\n});\nconst selectionIndex = shallowRef(-1);\nconst selected = computed(() => {\n return selections.value.map((selection: any) => selection.props.value);\n});\nconst keyLogger = new KeyLogger();\n\nconst highlightFirst = computed(() => {\n const selectFirst =\n props.autoSelectFirst === true \|\|\n (props.autoSelectFirst === \"exact\" &&\n search.value === displayItems.value[0]?.title);\n return (\n selectFirst &&\n displayItems.value.length > 0 &&\n !isPristine.value &&\n !listHasFocus.value\n );\n});\n\nconst form = useForm();\nconst { t } = useLocaleFunctions();\n\n/*\n ## On Menu After Leave\n * Maintain focus on the EvSelect when leaving the menu - usually when tabbing out.\n /\nfunction onMenuAfterLeave() {\n if (isFocused.value) {\n isPristine.value = true;\n evTextfieldRef.value?.focus();\n }\n}\n\n/\n ## On List Focus In\n * Maintain focus on the select when a menu item is selected.\n * @param e\n /\nfunction onListFocusIn(e: FocusEvent) {\n setTimeout(() => {\n isFocused.value = true;\n listHasFocus.value = true;\n });\n}\n\n/\n ## onListFocusOut\n \n @param e\n /\nfunction onListFocusOut(e: FocusEvent) {\n listHasFocus.value = false;\n}\n\n/\n ## One List Mousedown\n * @param e\n /\nfunction onListMouseDown(e: MouseEvent) {\n e.preventDefault();\n}\n\nconst { onListScroll, onListKeydown } = useScrolling(evListRef, evTextfieldRef);\n\n/\n ## On Field Blur\n * @param e\n /\nfunction onFieldBlur(e: FocusEvent) {\n if (!evListRef.value?.$el.contains(e.relatedTarget as HTMLElement)) {\n isMenuOpen.value = false;\n }\n selectionIndex.value = -1;\n}\n\n/\n ## onFieldChange\n * If the field changed due to an autofill utility attempt to select an item.\n * @param e\n /\nfunction onFieldChange(e: Event) {\n if (\n matchesSelector(evTextfieldRef.value, \":autofill\") \|\|\n matchesSelector(evTextfieldRef.value, \":-webkit-autofill\")\n ) {\n const item = items.value.find(\n (item) => item.title === (e.target as HTMLInputElement).value,\n );\n if (item) {\n select(item);\n }\n }\n}\n\n/\n ## On Field Clear\n * When the user clicks on the `clearable` icon.\n * @param e\n /\nfunction onFieldClear(e: MouseEvent) {\n if (props.openOnClear) {\n isMenuOpen.value = true;\n }\n search.value = \"\";\n}\n\n/\n ## On Field Input\n * @param e\n /\nfunction onFieldInput(e: InputEvent) {\n search.value = (e.target as HTMLInputElement).value;\n}\n\n/\n ## On Field Keydown\n * @param e\n /\nfunction onFieldKeydown(e: KeyboardEvent) {\n if (\n !e.key \|\|\n isComposingIgnoreKey(e) \|\|\n props.readonly \|\|\n form?.isReadonly.value\n ) {\n return;\n }\n\n const preventKeys = [\"Enter\", \"ArrowDown\", \"ArrowUp\"];\n const openerKeys = [\"Enter\", \"ArrowDown\"];\n const escapeKeys = [\"Escape\"];\n if (!isSearchable.value) {\n preventKeys.push(\" \", \"Home\", \"End\");\n openerKeys.push(\" \");\n escapeKeys.push(\"Tab\");\n }\n\n if (selectionIndex.value > -1 \|\| preventKeys.includes(e.key)) {\n e.preventDefault();\n }\n\n if (openerKeys.includes(e.key)) {\n isMenuOpen.value = true;\n }\n\n if (escapeKeys.includes(e.key)) {\n isMenuOpen.value = false;\n }\n\n if (!isSearchable.value) {\n // Use `keyLogger`\n keydownBehaviorSelect(e);\n return;\n }\n\n if ([\"Enter\", \"Tab\"].includes(e.key)) {\n if (highlightFirst.value) {\n select(displayItems.value[0]);\n } else if (!props.multiple && props.behavior === \"combobox\") {\n select(transformItem(props as any, search.value));\n }\n }\n\n if (e.key === \"ArrowDown\" && highlightFirst.value) {\n evListRef.value?.focus(\"next\");\n }\n\n if (!props.multiple) {\n return;\n }\n\n const selectionStart = evTextfieldRef.value.selectionStart;\n const length = model.value.length;\n\n // Backspacing\n if ([\"Backspace\", \"Delete\"].includes(e.key)) {\n if (selectionIndex.value < 0) {\n if (e.key === \"Backspace\" && !search.value) {\n selectionIndex.value = length - 1;\n }\n return;\n }\n const originalSelectionIndex = selectionIndex.value;\n const selectedItem = model.value[selectionIndex.value];\n if (selectedItem && !selectedItem.props.disabled) {\n select(selectedItem, false);\n }\n selectionIndex.value =\n originalSelectionIndex >= length - 1\n ? length - 2\n : originalSelectionIndex;\n }\n\n // Left\n if (e.key === \"ArrowLeft\") {\n if (selectionIndex.value < 0 && selectionStart > 0) {\n return;\n }\n const previous =\n selectionIndex.value > -1 ? selectionIndex.value - 1 : length - 1;\n if (model.value[previous]) {\n selectionIndex.value = previous;\n } else {\n selectionIndex.value = -1;\n evTextfieldRef.value?.input.setSelectionRange(\n search.value?.length,\n search.value?.length,\n );\n }\n }\n\n // Right\n if (e.key === \"ArrowRight\") {\n if (selectionIndex.value < 0) {\n return;\n }\n const next = selectionIndex.value + 1;\n if (model.value[next]) {\n selectionIndex.value = next;\n } else {\n selectionIndex.value = -1;\n evTextfieldRef.value?.input.setSelectionRange(0, 0);\n }\n }\n\n if (props.behavior !== \"combobox\") {\n return;\n }\n\n // Enter or delimiters\n if (\n (props.delimiters.includes(e.key) \|\| e.key === \"Enter\") &&\n search.value\n ) {\n e.preventDefault();\n select(transformItem(props as any, search.value));\n search.value = \"\";\n }\n}\n\n/\n ## keydownBehaviorSelect\n * Handles keydown events for the select control when the input field\n * cannot be entered. Instead, we use `keyLogger` to track key events\n * and then select the first available item in the list.\n * @param e\n /\nfunction keydownBehaviorSelect(e: KeyboardEvent) {\n if (e.key === \"Home\") {\n evListRef.value?.focus(\"first\");\n } else if (e.key === \"End\") {\n evListRef.value?.focus(\"last\");\n }\n\n if (props.multiple \|\| !keyLogger.log(e)) {\n return;\n }\n\n const itemIndex = items.value.findIndex((item) =>\n item.title.toLowerCase().startsWith(keyLogger.value),\n );\n if (itemIndex >= 0) {\n model.value = [items.value[itemIndex]];\n if (isMenuOpen.value) {\n const scrollIndex = itemIndex > 0 ? itemIndex - 1 : 0;\n evVirtualScrollRef.value?.scrollToIndex(scrollIndex);\n }\n }\n}\n\n/\n On Field Mousedown\n /\nfunction onFieldMousedown() {\n if (isMenuDisabled.value) {\n return;\n }\n isMenuOpen.value = !isMenuOpen.value;\n}\n\n/\n ## Select\n * @param item\n * @param set `null` means toggle\n /\nfunction select(item: ListItem, set: boolean \| null = true) {\n if (item.props.disabled) {\n return;\n }\n\n if (props.multiple) {\n const index = model.value.findIndex((selection: any) => {\n return props.valueComparator(selection.value, item.value);\n });\n const add = set == null ? !~index : set;\n\n if (~index) {\n const value = add ? [...model.value, item] : [...model.value];\n value.splice(index, 1);\n model.value = value;\n } else if (add) {\n model.value = [...model.value, item];\n }\n search.value = \"\";\n } else {\n const add = set !== false;\n model.value = add ? [item] : [];\n search.value = item.title;\n\n nextTick(() => {\n isMenuOpen.value = false;\n isPristine.value = true;\n isSelecting.value = false;\n evTextfieldRef.value.input.blur();\n isFocused.value = false;\n });\n }\n\n selectionIndex.value = -1;\n}\n\n/\n \n /\nconst fieldValue = computed(() => {\n if (isSearchable.value) {\n return search.value;\n }\n return model.value.map((value: any) => value.props.value).join(\", \");\n});\n\n/\n ## onModelValueUpdate\n * When the model value is updated from the textfield.\n * @param value\n /\nfunction onModelValueUpdate(value: any) {\n if (value === null \|\| (value === \"\" && !props.multiple)) {\n model.value = [];\n }\n}\n\n/\n @param item\n * @param index\n * @param itemRef\n /\nfunction itemProps(\n item: ListItem,\n index: number,\n itemRef: Ref<HTMLElement \| undefined>,\n) {\n return mergeProps(item.props, {\n ref: itemRef,\n key: index,\n onClick: () => select(item),\n });\n}\n\n/\n ## createTagProps\n * @param item\n /\nfunction createTagProps(item: ListItem) {\n return {\n \"onClick:close\"(e: Event) {\n e.stopPropagation();\n e.preventDefault();\n select(item, false);\n },\n onKeydown(e: KeyboardEvent) {\n if (e.key !== \"Enter\" && e.key !== \" \") {\n return;\n }\n e.preventDefault();\n e.stopPropagation();\n select(item, false);\n },\n onMousedown(e: MouseEvent) {\n e.preventDefault();\n e.stopPropagation();\n },\n };\n}\n\n/\n Watch Search\n /\nwatch(search, (value, oldValue) => {\n if (!isFocused.value \|\| isSelecting.value) {\n return;\n }\n if (value) {\n isMenuOpen.value = true;\n }\n isPristine.value = !value;\n});\n\n/\n Watch Focused\n /\nwatch(isFocused, (value, oldValue) => {\n if (value === oldValue) {\n return;\n }\n emit(\"update:focused\", value);\n});\n\n/\n Scroll to the last selected item when the menu opens.\n */\nwatch(isMenuOpen, () => {\n if (\n props.hideSelected \|\|\n !isMenuOpen.value \|\|\n !model.value.length \|\|\n !Browser.hasWindow\n ) {\n return;\n }\n const lastSelectedItem = model.value[model.value.length - 1];\n const index = displayItems.value.findIndex(\n (item) => item.value === lastSelectedItem.value,\n );\n window.requestAnimationFrame(() => {\n index >= 0 && evVirtualScrollRef.value?.scrollToIndex(index);\n });\n});\n\nconst validationValue = computed(() => model.externalValue);\nconst isPlaceholder = computed(\n () => !selections.value.length && !!slots.placeholder,\n);\n</script>\n\n<template>\n <ev-textfield\n ref=\"evTextfieldRef\"\n v-bind=\"evTextfieldProps\"\n v-model:focused=\"isFocused\"\n :class=\"[\n 'ev-select',\n {\n 'is-single': !props.multiple,\n 'is-multiple': props.multiple,\n 'is-searchable': isSearchable,\n 'is-selecting': selectionIndex > -1,\n 'is-placeholder': isPlaceholder,\n },\n ]\"\n :model-value=\"fieldValue\"\n :readonly=\"!isSearchable \|\| props.readonly\"\n :placeholder=\"model.length ? undefined : props.placeholder\"\n :validation-value=\"validationValue\"\n @blur=\"onFieldBlur\"\n @change=\"onFieldChange\"\n @click:clear=\"onFieldClear\"\n @input=\"onFieldInput\"\n @keydown=\"onFieldKeydown\"\n @mousedown:control=\"onFieldMousedown\"\n @update:model-value=\"onModelValueUpdate\">\n <template v-if=\"props.label \|\| slots.label\" #label>\n <slot name=\"label\">{{ props.label }}</slot>\n </template>\n <template v-if=\"slots.prefix\" #prefix>\n <slot name=\"prefix\" />\n </template>\n <template #default>\n <div\n v-for=\"(item, index) in selections\"\n :key=\"item.key\"\n :class=\"[\n 'ev-select--selected',\n {\n 'is-selected': index === selectionIndex,\n },\n ]\">\n <slot name=\"selection\" v-bind=\"{ item, index }\">\n <ev-tag\n v-if=\"props.tags\"\n :closable=\"props.multiple\"\n v-bind=\"createTagProps(item)\"\n :text=\"item.title\" />\n <span v-else class=\"ev-select--selected-text\">\n {{ item.title }}\n <span\n v-if=\"props.multiple && index < selections.length - 1\"\n class=\"ev-select--selected-comma\">,</span>\n </span>\n </slot>\n </div>\n\n <div v-if=\"isPlaceholder\" class=\"ev-select--placeholder\">\n <slot name=\"placeholder\" />\n </div>\n\n <ev-menu\n ref=\"evMenuRef\"\n v-model=\"isMenuOpen\"\n class=\"ev-select--menu\"\n max-height=\"310\"\n :disabled=\"isMenuDisabled\"\n activator=\"parent\"\n :close-on-content-click=\"false\"\n :open-on-click=\"false\"\n @after-leave=\"onMenuAfterLeave\">\n <ev-surface elevation=\"overlay\" scrollable>\n <div\n v-if=\"slots['list-prefix']\"\n class=\"ev-select--list-prefix\">\n <slot name=\"list-prefix\" />\n </div>\n\n <ev-list\n ref=\"evListRef\"\n class=\"ev-select--list\"\n :selected=\"selected\"\n :select-strategy=\"\n props.multiple ? 'multi-any' : 'single-any'\n \"\n tabindex=\"-1\"\n @focusin=\"onListFocusIn\"\n @focusout=\"onListFocusOut\"\n @keydown=\"onListKeydown\"\n @mousedown=\"onListMouseDown\"\n @scroll.passive=\"onListScroll\">\n <slot name=\"items-prefix\" />\n\n <slot\n v-if=\"!displayItems.length && !props.hideItemsEmpty\"\n name=\"items-empty\">\n <ev-list-item :title=\"t(props.itemsEmptyText)\" />\n </slot>\n\n <ev-virtual-scroll\n ref=\"evVirtualScrollRef\"\n renderless\n :items=\"displayItems\">\n <template #default=\"{ item, index, itemRef }\">\n <slot\n name=\"item\"\n v-bind=\"{\n item,\n index,\n props: itemProps(item, index, itemRef),\n }\">\n <ev-list-item\n :ref=\"itemRef\"\n v-bind=\"item.props\"\n :key=\"index\"\n @click=\"\n select(item as ListItem, null)\n \" />\n </slot>\n </template>\n </ev-virtual-scroll>\n\n <slot name=\"items-suffix\" />\n </ev-list>\n\n <div\n v-if=\"slots['list-suffix']\"\n class=\"ev-select--list-suffix\">\n <slot name=\"list-suffix\" />\n </div>\n </ev-surface>\n </ev-menu>\n </template>\n\n <template v-if=\"slots.suffix\" #suffix>\n <slot name=\"suffix\" />\n </template>\n </ev-textfield>\n</template>\n"],"names":["slots","useSlots","evTextfieldRef","ref","evTextfieldProps","computed","filterComponentProps","EvTextfield","props","isFocused","shallowRef","isPristine","isSearchable","listHasFocus","isSelecting","evMenuRef","menuOpenProxy","useModelProxy","isMenuOpen","value","_a","isMenuDisabled","items","evListRef","evVirtualScrollRef","transformIn","transformOut","useItems","search","filteredItems","useFilter","displayItems","filteredItem","model","s","wrapInArray","transformed","selections","item","selectionIndex","selected","selection","keyLogger","KeyLogger","highlightFirst","form","useForm","t","useLocaleFunctions","onMenuAfterLeave","onListFocusIn","onListFocusOut","onListMouseDown","onListScroll","onListKeydown","useScrolling","onFieldBlur","onFieldChange","matchesSelector","select","onFieldClear","onFieldInput","onFieldKeydown","isComposingIgnoreKey","preventKeys","openerKeys","escapeKeys","keydownBehaviorSelect","transformItem","selectionStart","length","originalSelectionIndex","selectedItem","previous","_d","_b","_c","next","_e","itemIndex","scrollIndex","onFieldMousedown","set","index","add","nextTick","fieldValue","onModelValueUpdate","itemProps","itemRef","mergeProps","createTagProps","e","watch","oldValue","emit","Browser","lastSelectedItem","validationValue","isPlaceholder"],"mappings":"w0DAkEMA,EAAQC,GAAS,EAGjBC,EAAiBC,EAAI,EACrBC,GAAmBC,EAAS,IACvBC,GAAqBC,GAAaC,CAAK,CACjD,EACKC,EAAYC,EAAW,EAAK,EAC5BC,EAAaD,EAAW,EAAI,EAC5BE,EAAeP,EAAS,IAAMG,EAAM,WAAa,QAAQ,EACzDK,EAAeH,EAAW,EAAK,EAC/BI,EAAcJ,EAAW,EAAK,EAG9BK,EAAYZ,EAAmB,EAC/Ba,EAAgBC,EAAcT,EAAO,UAAU,EAC/CU,EAAab,EAAS,CACxB,IAAK,IAAMW,EAAc,MACzB,IAAMG,GAAU,OACRH,EAAc,OAAS,CAACG,KAASC,EAAAL,EAAU,QAAV,MAAAK,EAAiB,gBAGtDJ,EAAc,MAAQG,EAAA,CAC1B,CACH,EACKE,EAAiBhB,EAAS,IACpBG,EAAM,gBAAkB,CAACc,EAAM,MAAM,QAAW,CAAC,CAACd,EAAM,QACnE,EAGKe,EAAYpB,EAAmB,EAC/BqB,EAAqBrB,EAA4B,EACjD,CAAE,MAAAmB,EAAO,YAAAG,GAAa,aAAAC,EAAa,EAAIC,GAASnB,CAAK,EACrDoB,EAASX,EAAcT,EAAO,SAAU,EAAE,EAE1C,CAAE,cAAAqB,GAAkBC,GAAUtB,EAAOc,EAAO,IAC9CX,EAAW,OAAS,CAACC,EAAa,MAAQ,GAAKgB,EAAO,KAC1D,EACMG,EAAe1B,EAAS,IACtBG,EAAM,aACCqB,EAAc,MAAM,OACtBG,GACG,CAACC,EAAM,MAAM,KACRC,GAAgBA,EAAE,QAAUF,EAAa,KAAA,CAEtD,EAEGH,EAAc,KACxB,EAEKI,EAAQhB,EACVT,EACA,aACA,CAAC,EACAW,GAAUM,GAAYN,IAAU,KAAO,CAAC,IAAI,EAAIgB,GAAYhB,CAAK,CAAC,EAClEA,GAAU,CACD,MAAAiB,EAAcV,GAAaP,CAAK,EACtC,OAAOX,EAAM,SAAW4B,EAAcA,EAAY,CAAC,GAAK,IAAA,CAEhE,EACMC,EAAahC,EAAS,IACjB4B,EAAM,MAAM,IAAKd,GAEhBG,EAAM,MAAM,KAAMgB,GACP9B,EAAM,gBAAgB8B,EAAK,MAAOnB,EAAM,KAAK,CACvD,GAAKA,CAEb,CACJ,EACKoB,EAAiB7B,EAAW,EAAE,EAC9B8B,GAAWnC,EAAS,IACfgC,EAAW,MAAM,IAAKI,GAAmBA,EAAU,MAAM,KAAK,CACxE,EACKC,EAAY,IAAIC,GAEhBC,EAAiBvC,EAAS,IAAM,OAM9B,OAJAG,EAAM,kBAAoB,IACzBA,EAAM,kBAAoB,SACvBoB,EAAO,UAAUR,EAAAW,EAAa,MAAM,CAAC,IAApB,YAAAX,EAAuB,SAG5CW,EAAa,MAAM,OAAS,GAC5B,CAACpB,EAAW,OACZ,CAACE,EAAa,KAAA,CAErB,EAEKgC,EAAOC,GAAQ,EACf,CAAE,EAAAC,EAAE,EAAIC,GAAmB,EAMjC,SAASC,IAAmB,OACpBxC,EAAU,QACVE,EAAW,MAAQ,IACnBS,EAAAlB,EAAe,QAAf,MAAAkB,EAAsB,QAC1B,CAQJ,SAAS8B,GAAc,EAAe,CAClC,WAAW,IAAM,CACbzC,EAAU,MAAQ,GAClBI,EAAa,MAAQ,EAAA,CACxB,CAAA,CAQL,SAASsC,GAAe,EAAe,CACnCtC,EAAa,MAAQ,EAAA,CAOzB,SAASuC,GAAgB,EAAe,CACpC,EAAE,eAAe,CAAA,CAGrB,KAAM,CAAE,aAAAC,GAAc,cAAAC,EAAA,EAAkBC,GAAahC,EAAWrB,CAAc,EAM9E,SAASsD,GAAY,EAAe,QAC3BpC,EAAAG,EAAU,QAAV,MAAAH,EAAiB,IAAI,SAAS,EAAE,iBACjCF,EAAW,MAAQ,IAEvBqB,EAAe,MAAQ,EAAA,CAQ3B,SAASkB,GAAc,EAAU,CAEzB,GAAAC,GAAgBxD,EAAe,MAAO,WAAW,GACjDwD,GAAgBxD,EAAe,MAAO,mBAAmB,EAC3D,CACQ,MAAAoC,EAAOhB,EAAM,MAAM,KACpBgB,GAASA,EAAK,QAAW,EAAE,OAA4B,KAC5D,EACIA,GACAqB,EAAOrB,CAAI,CACf,CACJ,CAQJ,SAASsB,GAAa,EAAe,CAC7BpD,EAAM,cACNU,EAAW,MAAQ,IAEvBU,EAAO,MAAQ,EAAA,CAOnB,SAASiC,GAAa,EAAe,CAC1BjC,EAAA,MAAS,EAAE,OAA4B,KAAA,CAOlD,SAASkC,GAAe,EAAkB,eAElC,GAAA,CAAC,EAAE,KACHC,GAAqB,CAAC,GACtBvD,EAAM,UACNqC,GAAA,MAAAA,EAAM,WAAW,MAEjB,OAGJ,MAAMmB,EAAc,CAAC,QAAS,YAAa,SAAS,EAC9CC,EAAa,CAAC,QAAS,WAAW,EAClCC,EAAa,CAAC,QAAQ,EAmBxB,GAlBCtD,EAAa,QACFoD,EAAA,KAAK,IAAK,OAAQ,KAAK,EACnCC,EAAW,KAAK,GAAG,EACnBC,EAAW,KAAK,KAAK,IAGrB3B,EAAe,MAAQ,IAAMyB,EAAY,SAAS,EAAE,GAAG,IACvD,EAAE,eAAe,EAGjBC,EAAW,SAAS,EAAE,GAAG,IACzB/C,EAAW,MAAQ,IAGnBgD,EAAW,SAAS,EAAE,GAAG,IACzBhD,EAAW,MAAQ,IAGnB,CAACN,EAAa,MAAO,CAErBuD,GAAsB,CAAC,EACvB,MAAA,CAeA,GAZA,CAAC,QAAS,KAAK,EAAE,SAAS,EAAE,GAAG,IAC3BvB,EAAe,MACRe,EAAA5B,EAAa,MAAM,CAAC,CAAC,EACrB,CAACvB,EAAM,UAAYA,EAAM,WAAa,YAC7CmD,EAAOS,GAAc5D,EAAcoB,EAAO,KAAK,CAAC,GAIpD,EAAE,MAAQ,aAAegB,EAAe,SAC9BxB,EAAAG,EAAA,QAAA,MAAAH,EAAO,MAAM,SAGvB,CAACZ,EAAM,SACP,OAGE,MAAA6D,EAAiBnE,EAAe,MAAM,eACtCoE,EAASrC,EAAM,MAAM,OAG3B,GAAI,CAAC,YAAa,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAG,CACrC,GAAAM,EAAe,MAAQ,EAAG,CACtB,EAAE,MAAQ,aAAe,CAACX,EAAO,QACjCW,EAAe,MAAQ+B,EAAS,GAEpC,MAAA,CAEJ,MAAMC,EAAyBhC,EAAe,MACxCiC,EAAevC,EAAM,MAAMM,EAAe,KAAK,EACjDiC,GAAgB,CAACA,EAAa,MAAM,UACpCb,EAAOa,EAAc,EAAK,EAE9BjC,EAAe,MACXgC,GAA0BD,EAAS,EAC7BA,EAAS,EACTC,CAAA,CAIV,GAAA,EAAE,MAAQ,YAAa,CACvB,GAAIhC,EAAe,MAAQ,GAAK8B,EAAiB,EAC7C,OAEJ,MAAMI,EACFlC,EAAe,MAAQ,GAAKA,EAAe,MAAQ,EAAI+B,EAAS,EAChErC,EAAM,MAAMwC,CAAQ,EACpBlC,EAAe,MAAQkC,GAEvBlC,EAAe,MAAQ,IACvBmC,EAAAxE,EAAe,QAAf,MAAAwE,EAAsB,MAAM,mBACxBC,EAAA/C,EAAO,QAAP,YAAA+C,EAAc,QACdC,EAAAhD,EAAO,QAAP,YAAAgD,EAAc,QAEtB,CAIA,GAAA,EAAE,MAAQ,aAAc,CACpB,GAAArC,EAAe,MAAQ,EACvB,OAEE,MAAAsC,EAAOtC,EAAe,MAAQ,EAChCN,EAAM,MAAM4C,CAAI,EAChBtC,EAAe,MAAQsC,GAEvBtC,EAAe,MAAQ,IACvBuC,EAAA5E,EAAe,QAAf,MAAA4E,EAAsB,MAAM,kBAAkB,EAAG,GACrD,CAGAtE,EAAM,WAAa,aAMlBA,EAAM,WAAW,SAAS,EAAE,GAAG,GAAK,EAAE,MAAQ,UAC/CoB,EAAO,QAEP,EAAE,eAAe,EACjB+B,EAAOS,GAAc5D,EAAcoB,EAAO,KAAK,CAAC,EAChDA,EAAO,MAAQ,GACnB,CAUJ,SAASuC,GAAsB,EAAkB,WAO7C,GANI,EAAE,MAAQ,QACA/C,EAAAG,EAAA,QAAA,MAAAH,EAAO,MAAM,SAChB,EAAE,MAAQ,SACPuD,EAAApD,EAAA,QAAA,MAAAoD,EAAO,MAAM,SAGvBnE,EAAM,UAAY,CAACkC,EAAU,IAAI,CAAC,EAClC,OAGE,MAAAqC,EAAYzD,EAAM,MAAM,UAAWgB,GACrCA,EAAK,MAAM,cAAc,WAAWI,EAAU,KAAK,CACvD,EACA,GAAIqC,GAAa,IACb9C,EAAM,MAAQ,CAACX,EAAM,MAAMyD,CAAS,CAAC,EACjC7D,EAAW,OAAO,CAClB,MAAM8D,EAAcD,EAAY,EAAIA,EAAY,EAAI,GACjCH,EAAApD,EAAA,QAAA,MAAAoD,EAAO,cAAcI,EAAW,CAE3D,CAMJ,SAASC,IAAmB,CACpB5D,EAAe,QAGRH,EAAA,MAAQ,CAACA,EAAW,MAAA,CAQ1B,SAAAyC,EAAOrB,EAAgB4C,EAAsB,GAAM,CACpD,GAAA,CAAA5C,EAAK,MAAM,SAIf,IAAI9B,EAAM,SAAU,CAChB,MAAM2E,EAAQlD,EAAM,MAAM,UAAWQ,GAC1BjC,EAAM,gBAAgBiC,EAAU,MAAOH,EAAK,KAAK,CAC3D,EACK8C,EAAMF,GAAc,CAAC,CAACC,EAE5B,GAAI,CAACA,EAAO,CACF,MAAAhE,EAAQiE,EAAM,CAAC,GAAGnD,EAAM,MAAOK,CAAI,EAAI,CAAC,GAAGL,EAAM,KAAK,EACtDd,EAAA,OAAOgE,EAAO,CAAC,EACrBlD,EAAM,MAAQd,OACPiE,IACPnD,EAAM,MAAQ,CAAC,GAAGA,EAAM,MAAOK,CAAI,GAEvCV,EAAO,MAAQ,EAAA,KACZ,CACH,MAAMwD,EAAMF,IAAQ,GACpBjD,EAAM,MAAQmD,EAAM,CAAC9C,CAAI,EAAI,CAAC,EAC9BV,EAAO,MAAQU,EAAK,MAEpB+C,GAAS,IAAM,CACXnE,EAAW,MAAQ,GACnBP,EAAW,MAAQ,GACnBG,EAAY,MAAQ,GACLZ,EAAA,MAAM,MAAM,KAAK,EAChCO,EAAU,MAAQ,EAAA,CACrB,CAAA,CAGL8B,EAAe,MAAQ,GAAA,CAMrB,MAAA+C,GAAajF,EAAS,IACpBO,EAAa,MACNgB,EAAO,MAEXK,EAAM,MAAM,IAAKd,GAAeA,EAAM,MAAM,KAAK,EAAE,KAAK,IAAI,CACtE,EAOD,SAASoE,GAAmBpE,EAAY,EAChCA,IAAU,MAASA,IAAU,IAAM,CAACX,EAAM,YAC1CyB,EAAM,MAAQ,CAAC,EACnB,CAQK,SAAAuD,GACLlD,EACA6C,EACAM,EACF,CACS,OAAAC,EAAWpD,EAAK,MAAO,CAC1B,IAAKmD,EACL,IAAKN,EACL,QAAS,IAAMxB,EAAOrB,CAAI,CAAA,CAC7B,CAAA,CAOL,SAASqD,GAAerD,EAAgB,CAC7B,MAAA,CACH,gBAAgBsD,EAAU,CACtBA,EAAE,gBAAgB,EAClBA,EAAE,eAAe,EACjBjC,EAAOrB,EAAM,EAAK,CACtB,EACA,UAAUsD,EAAkB,CACpBA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,MAGnCA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,EAClBjC,EAAOrB,EAAM,EAAK,EACtB,EACA,YAAYsD,EAAe,CACvBA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,CAAA,CAE1B,CAAA,CAMEC,EAAAjE,EAAQ,CAACT,EAAO2E,IAAa,CAC3B,CAACrF,EAAU,OAASK,EAAY,QAGhCK,IACAD,EAAW,MAAQ,IAEvBP,EAAW,MAAQ,CAACQ,EAAA,CACvB,EAKK0E,EAAApF,EAAW,CAACU,EAAO2E,IAAa,CAC9B3E,IAAU2E,GAGdC,GAAK,iBAAkB5E,CAAK,CAAA,CAC/B,EAKD0E,EAAM3E,EAAY,IAAM,CAEhB,GAAAV,EAAM,cACN,CAACU,EAAW,OACZ,CAACe,EAAM,MAAM,QACb,CAAC+D,GAAQ,UAET,OAEJ,MAAMC,EAAmBhE,EAAM,MAAMA,EAAM,MAAM,OAAS,CAAC,EACrDkD,EAAQpD,EAAa,MAAM,UAC5BO,GAASA,EAAK,QAAU2D,EAAiB,KAC9C,EACA,OAAO,sBAAsB,IAAM,OAC/Bd,GAAS,KAAK/D,EAAAI,EAAmB,QAAnB,MAAAJ,EAA0B,cAAc+D,GAAK,CAC9D,CAAA,CACJ,EAED,MAAMe,GAAkB7F,EAAS,IAAM4B,EAAM,aAAa,EACpDkE,EAAgB9F,EAClB,IAAM,CAACgC,EAAW,MAAM,QAAU,CAAC,CAACrC,EAAM,WAC9C"}
1	+ {"version":3,"file":"EvSelect.vue.mjs","sources":["../../../../src/components/EvSelect/EvSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n # EvSelect\n \n /\nimport \"./EvSelect.scss\";\nimport { makeEvSelectProps } from \"./EvSelect\";\nimport { useScrolling } from \"./useScrolling\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { EvMenu } from \"@/components/EvMenu\";\nimport { EvList, ListItem } from \"@/components/EvList\";\nimport { EvListItem } from \"@/components/EvListItem\";\nimport { EvVirtualScroll } from \"@/components/EvVirtualScroll\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { EvTag } from \"@/components/EvTag\";\nimport { transformItem, useItems } from \"@/composables/lists\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { useLocaleFunctions } from \"@/composables/locale\";\nimport { useForm } from \"@/composables/form\";\nimport {\n computed,\n mergeProps,\n nextTick,\n Ref,\n ref,\n shallowRef,\n useSlots,\n watch,\n} from \"vue\";\nimport {\n Browser,\n filterComponentProps,\n isComposingIgnoreKey,\n KeyLogger,\n matchesSelector,\n wrapInArray,\n} from \"@/util\";\nimport { FocusEvent, MouseEvent } from \"react\";\nimport { useFilter } from \"@/composables/filter\";\n\n// Props\nconst props = defineProps({\n ...makeEvSelectProps(),\n});\n\ndefineSlots<{\n label(): any;\n \"list-prefix\"(): any;\n \"list-suffix\"(): any;\n item(props: { item: any; index: number; props: any }): any;\n \"items-empty\"(): any;\n \"items-prefix\"(): any;\n \"items-suffix\"(): any;\n placeholder(): any;\n prefix(): any;\n selection(item: any, index: number): any;\n suffix(): any;\n}>();\n\nconst emit = defineEmits([\n \"update:focused\",\n \"update:menuOpen\",\n \"update:modelValue\",\n \"update:search\",\n]);\n\nconst slots = useSlots();\n\n// TextField\nconst evTextfieldRef = ref();\nconst evTextfieldProps = computed(() => {\n return filterComponentProps(EvTextfield, props);\n});\nconst isFocused = shallowRef(false);\nconst isPristine = shallowRef(true);\nconst isSearchable = computed(() => props.behavior !== \"select\");\nconst listHasFocus = shallowRef(false);\nconst isSelecting = shallowRef(false);\n\n// Menu\nconst evMenuRef = ref<typeof EvMenu>();\nconst menuOpenProxy = useModelProxy(props, \"menuOpen\");\nconst isMenuOpen = computed({\n get: () => menuOpenProxy.value,\n set: (value) => {\n if (menuOpenProxy.value && !value && evMenuRef.value?.openChildren) {\n return;\n }\n menuOpenProxy.value = value;\n },\n});\nconst isMenuDisabled = computed(() => {\n return (props.hideItemsEmpty && !items.value.length) \|\| !!props.readonly;\n});\n\n// List\nconst evListRef = ref<typeof EvList>();\nconst evVirtualScrollRef = ref<typeof EvVirtualScroll>();\nconst { items, transformIn, transformOut } = useItems(props);\nconst search = useModelProxy(props, \"search\", \"\");\n// @todo: implement getMatches\nconst { filteredItems } = useFilter(props, items, () =>\n isPristine.value \|\| !isSearchable.value ? \"\" : search.value,\n);\nconst displayItems = computed(() => {\n if (props.hideSelected) {\n return filteredItems.value.filter(\n (filteredItem) =>\n !model.value.some(\n (s: ListItem) => s.value === filteredItem.value,\n ),\n );\n }\n return filteredItems.value;\n});\n\nconst model = useModelProxy(\n props,\n \"modelValue\",\n [],\n (value) => transformIn(value === null ? [null] : wrapInArray(value)),\n (value) => {\n const transformed = transformOut(value);\n return props.multiple ? transformed : transformed[0] ?? null;\n },\n);\nconst selections = computed(() => {\n return model.value.map((value: any) => {\n return (\n items.value.find((item) => {\n return props.valueComparator(item.value, value.value);\n }) \|\| value\n );\n });\n});\nconst selectionIndex = shallowRef(-1);\nconst selected = computed(() => {\n return selections.value.map((selection: any) => selection.props.value);\n});\nconst keyLogger = new KeyLogger();\n\nconst highlightFirst = computed(() => {\n const selectFirst =\n props.autoSelectFirst === true \|\|\n (props.autoSelectFirst === \"exact\" &&\n search.value === displayItems.value[0]?.title);\n return (\n selectFirst &&\n displayItems.value.length > 0 &&\n !isPristine.value &&\n !listHasFocus.value\n );\n});\n\nconst form = useForm();\nconst { t } = useLocaleFunctions();\n\n/*\n ## On Menu After Leave\n * Maintain focus on the EvSelect when leaving the menu - usually when tabbing out.\n /\nfunction onMenuAfterLeave() {\n if (isFocused.value) {\n isPristine.value = true;\n evTextfieldRef.value?.focus();\n }\n}\n\n/\n ## On List Focus In\n * Maintain focus on the select when a menu item is selected.\n * @param e\n /\nfunction onListFocusIn(e: FocusEvent) {\n setTimeout(() => {\n isFocused.value = true;\n listHasFocus.value = true;\n });\n}\n\n/\n ## onListFocusOut\n \n @param e\n /\nfunction onListFocusOut(e: FocusEvent) {\n listHasFocus.value = false;\n}\n\n/\n ## One List Mousedown\n * @param e\n /\nfunction onListMouseDown(e: MouseEvent) {\n e.preventDefault();\n}\n\nconst { onListScroll, onListKeydown } = useScrolling(evListRef, evTextfieldRef);\n\n/\n ## On Field Blur\n * @param e\n /\nfunction onFieldBlur(e: FocusEvent) {\n if (!evListRef.value?.$el.contains(e.relatedTarget as HTMLElement)) {\n isMenuOpen.value = false;\n }\n selectionIndex.value = -1;\n}\n\n/\n ## onFieldChange\n * If the field changed due to an autofill utility attempt to select an item.\n * @param e\n /\nfunction onFieldChange(e: Event) {\n if (\n matchesSelector(evTextfieldRef.value, \":autofill\") \|\|\n matchesSelector(evTextfieldRef.value, \":-webkit-autofill\")\n ) {\n const item = items.value.find(\n (item) => item.title === (e.target as HTMLInputElement).value,\n );\n if (item) {\n select(item as ListItem);\n }\n }\n}\n\n/\n ## On Field Clear\n * When the user clicks on the `clearable` icon.\n * @param e\n /\nfunction onFieldClear(e: MouseEvent) {\n if (props.openOnClear) {\n isMenuOpen.value = true;\n }\n search.value = \"\";\n}\n\n/\n ## On Field Input\n * @param e\n /\nfunction onFieldInput(e: InputEvent) {\n search.value = (e.target as HTMLInputElement).value;\n}\n\n/\n ## On Field Keydown\n * @param e\n /\nfunction onFieldKeydown(e: KeyboardEvent) {\n if (\n !e.key \|\|\n isComposingIgnoreKey(e) \|\|\n props.readonly \|\|\n form?.isReadonly.value\n ) {\n return;\n }\n\n const preventKeys = [\"Enter\", \"ArrowDown\", \"ArrowUp\"];\n const openerKeys = [\"Enter\", \"ArrowDown\"];\n const escapeKeys = [\"Escape\"];\n if (!isSearchable.value) {\n preventKeys.push(\" \", \"Home\", \"End\");\n openerKeys.push(\" \");\n escapeKeys.push(\"Tab\");\n }\n\n if (selectionIndex.value > -1 \|\| preventKeys.includes(e.key)) {\n e.preventDefault();\n }\n\n if (openerKeys.includes(e.key)) {\n isMenuOpen.value = true;\n }\n\n if (escapeKeys.includes(e.key)) {\n isMenuOpen.value = false;\n }\n\n if (!isSearchable.value) {\n // Use `keyLogger`\n keydownBehaviorSelect(e);\n return;\n }\n\n if ([\"Enter\", \"Tab\"].includes(e.key)) {\n if (highlightFirst.value) {\n select(displayItems.value[0] as ListItem);\n } else if (!props.multiple && props.behavior === \"combobox\") {\n select(transformItem(props as any, search.value) as ListItem);\n }\n }\n\n if (e.key === \"ArrowDown\" && highlightFirst.value) {\n evListRef.value?.focus(\"next\");\n }\n\n if (!props.multiple) {\n return;\n }\n\n const selectionStart = evTextfieldRef.value.selectionStart;\n const length = model.value.length;\n\n // Backspacing\n if ([\"Backspace\", \"Delete\"].includes(e.key)) {\n if (selectionIndex.value < 0) {\n if (e.key === \"Backspace\" && !search.value) {\n selectionIndex.value = length - 1;\n }\n return;\n }\n const originalSelectionIndex = selectionIndex.value;\n const selectedItem = model.value[selectionIndex.value];\n if (selectedItem && !selectedItem.props.disabled) {\n select(selectedItem, false);\n }\n selectionIndex.value =\n originalSelectionIndex >= length - 1\n ? length - 2\n : originalSelectionIndex;\n }\n\n // Left\n if (e.key === \"ArrowLeft\") {\n if (selectionIndex.value < 0 && selectionStart > 0) {\n return;\n }\n const previous =\n selectionIndex.value > -1 ? selectionIndex.value - 1 : length - 1;\n if (model.value[previous]) {\n selectionIndex.value = previous;\n } else {\n selectionIndex.value = -1;\n evTextfieldRef.value?.input.setSelectionRange(\n search.value?.length,\n search.value?.length,\n );\n }\n }\n\n // Right\n if (e.key === \"ArrowRight\") {\n if (selectionIndex.value < 0) {\n return;\n }\n const next = selectionIndex.value + 1;\n if (model.value[next]) {\n selectionIndex.value = next;\n } else {\n selectionIndex.value = -1;\n evTextfieldRef.value?.input.setSelectionRange(0, 0);\n }\n }\n\n if (props.behavior !== \"combobox\") {\n return;\n }\n\n // Enter or delimiters\n if (\n (props.delimiters.includes(e.key) \|\| e.key === \"Enter\") &&\n search.value\n ) {\n e.preventDefault();\n select(transformItem(props as any, search.value) as ListItem);\n search.value = \"\";\n }\n}\n\n/\n ## keydownBehaviorSelect\n * Handles keydown events for the select control when the input field\n * cannot be entered. Instead, we use `keyLogger` to track key events\n * and then select the first available item in the list.\n * @param e\n /\nfunction keydownBehaviorSelect(e: KeyboardEvent) {\n if (e.key === \"Home\") {\n evListRef.value?.focus(\"first\");\n } else if (e.key === \"End\") {\n evListRef.value?.focus(\"last\");\n }\n\n if (props.multiple \|\| !keyLogger.log(e)) {\n return;\n }\n\n const itemIndex = items.value.findIndex((item) =>\n item.title.toLowerCase().startsWith(keyLogger.value),\n );\n if (itemIndex >= 0) {\n model.value = [items.value[itemIndex]];\n if (isMenuOpen.value) {\n const scrollIndex = itemIndex > 0 ? itemIndex - 1 : 0;\n evVirtualScrollRef.value?.scrollToIndex(scrollIndex);\n }\n }\n}\n\n/\n On Field Mousedown\n /\nfunction onFieldMousedown() {\n if (isMenuDisabled.value) {\n return;\n }\n isMenuOpen.value = !isMenuOpen.value;\n}\n\n/\n ## Select\n * @param item\n * @param set `null` means toggle\n /\nfunction select(item: ListItem, set: boolean \| null = true) {\n if (item.props.disabled) {\n return;\n }\n\n if (props.multiple) {\n const index = model.value.findIndex((selection: any) => {\n return props.valueComparator(selection.value, item.value);\n });\n const add = set == null ? !~index : set;\n\n if (~index) {\n const value = add ? [...model.value, item] : [...model.value];\n value.splice(index, 1);\n model.value = value;\n } else if (add) {\n model.value = [...model.value, item];\n }\n search.value = \"\";\n } else {\n const add = set !== false;\n model.value = add ? [item] : [];\n search.value = item.title;\n\n nextTick(() => {\n isMenuOpen.value = false;\n isPristine.value = true;\n isSelecting.value = false;\n evTextfieldRef.value.input.blur();\n isFocused.value = false;\n });\n }\n\n selectionIndex.value = -1;\n}\n\n/\n \n /\nconst fieldValue = computed(() => {\n if (isSearchable.value) {\n return search.value;\n }\n return model.value.map((value: any) => value.props.value).join(\", \");\n});\n\n/\n ## onModelValueUpdate\n * When the model value is updated from the textfield.\n * @param value\n /\nfunction onModelValueUpdate(value: any) {\n if (value === null \|\| (value === \"\" && !props.multiple)) {\n model.value = [];\n }\n}\n\n/\n @param item\n * @param index\n * @param itemRef\n /\nfunction itemProps(\n item: ListItem,\n index: number,\n itemRef: Ref<HTMLElement \| undefined>,\n) {\n return mergeProps(item.props, {\n ref: itemRef,\n key: index,\n onClick: () => select(item),\n });\n}\n\n/\n ## createTagProps\n * @param item\n /\nfunction createTagProps(item: ListItem) {\n return {\n \"onClick:close\"(e: Event) {\n e.stopPropagation();\n e.preventDefault();\n select(item, false);\n },\n onKeydown(e: KeyboardEvent) {\n if (e.key !== \"Enter\" && e.key !== \" \") {\n return;\n }\n e.preventDefault();\n e.stopPropagation();\n select(item, false);\n },\n onMousedown(e: MouseEvent) {\n e.preventDefault();\n e.stopPropagation();\n },\n };\n}\n\n/\n Watch Search\n /\nwatch(search, (value, oldValue) => {\n if (!isFocused.value \|\| isSelecting.value) {\n return;\n }\n if (value) {\n isMenuOpen.value = true;\n }\n isPristine.value = !value;\n});\n\n/\n Watch Focused\n /\nwatch(isFocused, (value, oldValue) => {\n if (value === oldValue) {\n return;\n }\n emit(\"update:focused\", value);\n});\n\n/\n Scroll to the last selected item when the menu opens.\n */\nwatch(isMenuOpen, () => {\n if (\n props.hideSelected \|\|\n !isMenuOpen.value \|\|\n !model.value.length \|\|\n !Browser.hasWindow\n ) {\n return;\n }\n const lastSelectedItem = model.value[model.value.length - 1];\n const index = displayItems.value.findIndex(\n (item) => item.value === lastSelectedItem.value,\n );\n window.requestAnimationFrame(() => {\n index >= 0 && evVirtualScrollRef.value?.scrollToIndex(index);\n });\n});\n\nconst validationValue = computed(() => model.externalValue);\nconst isPlaceholder = computed(\n () => !selections.value.length && !!slots.placeholder,\n);\n</script>\n\n<template>\n <ev-textfield\n ref=\"evTextfieldRef\"\n v-bind=\"evTextfieldProps\"\n v-model:focused=\"isFocused\"\n :class=\"[\n 'ev-select',\n {\n 'is-single': !props.multiple,\n 'is-multiple': props.multiple,\n 'is-searchable': isSearchable,\n 'is-selecting': selectionIndex > -1,\n 'is-placeholder': isPlaceholder,\n },\n ]\"\n :model-value=\"fieldValue\"\n :readonly=\"!isSearchable \|\| props.readonly\"\n :placeholder=\"model.length ? undefined : props.placeholder\"\n :validation-value=\"validationValue\"\n @blur=\"onFieldBlur\"\n @change=\"onFieldChange\"\n @click:clear=\"onFieldClear\"\n @input=\"onFieldInput\"\n @keydown=\"onFieldKeydown\"\n @mousedown:control=\"onFieldMousedown\"\n @update:model-value=\"onModelValueUpdate\">\n <template v-if=\"props.label \|\| slots.label\" #label>\n <slot name=\"label\">{{ props.label }}</slot>\n </template>\n <template v-if=\"slots.prefix\" #prefix>\n <slot name=\"prefix\" />\n </template>\n <template #default>\n <div\n v-for=\"(item, index) in selections\"\n :key=\"item.key\"\n :class=\"[\n 'ev-select--selected',\n {\n 'is-selected': index === selectionIndex,\n },\n ]\">\n <slot name=\"selection\" v-bind=\"{ item, index }\">\n <ev-tag\n v-if=\"props.tags\"\n :closable=\"props.multiple\"\n v-bind=\"createTagProps(item)\"\n :text=\"item.title\" />\n <span v-else class=\"ev-select--selected-text\">\n {{ item.title }}\n <span\n v-if=\"props.multiple && index < selections.length - 1\"\n class=\"ev-select--selected-comma\">,</span>\n </span>\n </slot>\n </div>\n\n <div v-if=\"isPlaceholder\" class=\"ev-select--placeholder\">\n <slot name=\"placeholder\" />\n </div>\n\n <ev-menu\n ref=\"evMenuRef\"\n v-model=\"isMenuOpen\"\n class=\"ev-select--menu\"\n max-height=\"310\"\n :disabled=\"isMenuDisabled\"\n activator=\"parent\"\n :close-on-content-click=\"false\"\n :open-on-click=\"false\"\n @after-leave=\"onMenuAfterLeave\">\n <ev-surface elevation=\"overlay\" scrollable>\n <div\n v-if=\"slots['list-prefix']\"\n class=\"ev-select--list-prefix\">\n <slot name=\"list-prefix\" />\n </div>\n\n <ev-list\n ref=\"evListRef\"\n class=\"ev-select--list\"\n :selected=\"selected\"\n :select-strategy=\"\n props.multiple ? 'multi-any' : 'single-any'\n \"\n tabindex=\"-1\"\n @focusin=\"onListFocusIn\"\n @focusout=\"onListFocusOut\"\n @keydown=\"onListKeydown\"\n @mousedown=\"onListMouseDown\"\n @scroll.passive=\"onListScroll\">\n <slot name=\"items-prefix\" />\n\n <slot\n v-if=\"!displayItems.length && !props.hideItemsEmpty\"\n name=\"items-empty\">\n <ev-list-item :title=\"t(props.itemsEmptyText)\" />\n </slot>\n\n <ev-virtual-scroll\n ref=\"evVirtualScrollRef\"\n renderless\n :items=\"displayItems\">\n <template #default=\"{ item, index, itemRef }\">\n <slot\n name=\"item\"\n v-bind=\"{\n item,\n index,\n props: itemProps(item, index, itemRef),\n }\">\n <ev-list-item\n :ref=\"itemRef\"\n v-bind=\"item.props\"\n :key=\"index\"\n @click=\"\n select(item as ListItem, null)\n \" />\n </slot>\n </template>\n </ev-virtual-scroll>\n\n <slot name=\"items-suffix\" />\n </ev-list>\n\n <div\n v-if=\"slots['list-suffix']\"\n class=\"ev-select--list-suffix\">\n <slot name=\"list-suffix\" />\n </div>\n </ev-surface>\n </ev-menu>\n </template>\n\n <template v-if=\"slots.suffix\" #suffix>\n <slot name=\"suffix\" />\n </template>\n </ev-textfield>\n</template>\n"],"names":["slots","useSlots","evTextfieldRef","ref","evTextfieldProps","computed","filterComponentProps","EvTextfield","props","isFocused","shallowRef","isPristine","isSearchable","listHasFocus","isSelecting","evMenuRef","menuOpenProxy","useModelProxy","isMenuOpen","value","_a","isMenuDisabled","items","evListRef","evVirtualScrollRef","transformIn","transformOut","useItems","search","filteredItems","useFilter","displayItems","filteredItem","model","s","wrapInArray","transformed","selections","item","selectionIndex","selected","selection","keyLogger","KeyLogger","highlightFirst","form","useForm","t","useLocaleFunctions","onMenuAfterLeave","onListFocusIn","onListFocusOut","onListMouseDown","onListScroll","onListKeydown","useScrolling","onFieldBlur","onFieldChange","matchesSelector","select","onFieldClear","onFieldInput","onFieldKeydown","isComposingIgnoreKey","preventKeys","openerKeys","escapeKeys","keydownBehaviorSelect","transformItem","selectionStart","length","originalSelectionIndex","selectedItem","previous","_d","_b","_c","next","_e","itemIndex","scrollIndex","onFieldMousedown","set","index","add","nextTick","fieldValue","onModelValueUpdate","itemProps","itemRef","mergeProps","createTagProps","e","watch","oldValue","emit","Browser","lastSelectedItem","validationValue","isPlaceholder"],"mappings":"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"}

package/dist/esm/components/EvSelect/EvSelect.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvSelect.vue.mjs";/*! Evance UI v1.1.31 | MIT License */export{f as default};
+import f from"./EvSelect.vue.mjs";/*! Evance UI v1.1.34 | MIT License */export{f as default};
 //# sourceMappingURL=EvSelect.vue2.mjs.map

package/dist/esm/components/EvSelect/useScrolling.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{shallowRef as w,watch as d}from"vue";/*! Evance UI v1.1.31 | MIT License */function p(c,u){const n=w(!1);let i;function m(e){cancelAnimationFrame(i),n.value=!0,i=requestAnimationFrame(()=>{i=requestAnimationFrame(()=>{n.value=!1})})}async function f(){await new Promise(e=>requestAnimationFrame(e)),await new Promise(e=>requestAnimationFrame(e)),await new Promise(e=>requestAnimationFrame(e)),await new Promise(e=>{if(n.value){const o=d(n,()=>{o(),e()})}else e()})}async function g(e){var l,s;if(e.key==="Tab"){(l=u.value)==null||l.focus();return}if(!["PageDown","PageUp","Home","End"].includes(e.key))return;const o=(s=c.value)==null?void 0:s.$el;if(!o)return;(e.key==="Home"||e.key==="End")&&o.scrollTo({top:e.key==="Home"?0:o.scrollHeight,behavior:"smooth"}),await f();const a=o.querySelectorAll(":scope > :not(.ev-virtual-scroll--spacer)");if(e.key==="PageDown"||e.key==="Home"){const r=o.getBoundingClientRect().top;for(const t of a)if(t.getBoundingClientRect().top>=r){t.focus();break}}else{const r=o.getBoundingClientRect().bottom;for(const t of[...a].reverse())if(t.getBoundingClientRect().bottom<=r){t.focus();break}}}return{onListScroll:m,onListKeydown:g}}export{p as useScrolling};
+import{shallowRef as w,watch as d}from"vue";/*! Evance UI v1.1.34 | MIT License */function p(c,u){const n=w(!1);let i;function m(e){cancelAnimationFrame(i),n.value=!0,i=requestAnimationFrame(()=>{i=requestAnimationFrame(()=>{n.value=!1})})}async function f(){await new Promise(e=>requestAnimationFrame(e)),await new Promise(e=>requestAnimationFrame(e)),await new Promise(e=>requestAnimationFrame(e)),await new Promise(e=>{if(n.value){const o=d(n,()=>{o(),e()})}else e()})}async function g(e){var l,s;if(e.key==="Tab"){(l=u.value)==null||l.focus();return}if(!["PageDown","PageUp","Home","End"].includes(e.key))return;const o=(s=c.value)==null?void 0:s.$el;if(!o)return;(e.key==="Home"||e.key==="End")&&o.scrollTo({top:e.key==="Home"?0:o.scrollHeight,behavior:"smooth"}),await f();const a=o.querySelectorAll(":scope > :not(.ev-virtual-scroll--spacer)");if(e.key==="PageDown"||e.key==="Home"){const r=o.getBoundingClientRect().top;for(const t of a)if(t.getBoundingClientRect().top>=r){t.focus();break}}else{const r=o.getBoundingClientRect().bottom;for(const t of[...a].reverse())if(t.getBoundingClientRect().bottom<=r){t.focus();break}}}return{onListScroll:m,onListKeydown:g}}export{p as useScrolling};
 //# sourceMappingURL=useScrolling.mjs.map

package/dist/esm/components/EvSkeleton/EvSkeleton.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeRoundedProps as e}from"../../composables/rounded.mjs";import{makeAspectRatioProps as t}from"../../composables/aspectRatio.mjs";import{makeComponentProps as i}from"../../composables/component.mjs";import{makeDimensionsProps as a}from"../../composables/dimensions.mjs";import{propsFactory as l}from"../../util/props.mjs";/*! Evance UI v1.1.31 | MIT License */const o={avatar:{defaults:{rounded:"circle",aspectRatio:1,inline:!0,width:42},"x-small":{width:30},small:{width:36},large:{width:48},"x-large":{width:54},"xx-large":{width:54}},button:{defaults:{rounded:"small",height:42,width:104,inline:!0},"x-small":{height:32,width:84},small:{height:36,width:92},large:{height:48,width:116},"x-large":{height:56,width:132},"xx-large":{height:56,width:132}},heading:{defaults:{rounded:"small",height:"var(--heading-size-4)"},"x-small":{height:"var(--heading-size-6)"},small:{height:"var(--heading-size-5)"},large:{height:"var(--heading-size-3)"},"x-large":{height:"var(--heading-size-2)"},"xx-large":{height:"var(--heading-size-1)"}},image:{defaults:{rounded:!1,aspectRatio:"16:9"}},text:{defaults:{rounded:"small",height:"var(--text-size-medium)"},"x-small":{height:"var(--text-size-small)"},small:{height:"var(--text-size-small)"},large:{height:"var(--text-size-large)"},"x-large":{height:"var(--text-size-subtitle)"},"xx-large":{height:"var(--text-size-subtitle)"}},thumbnail:{defaults:{inline:!0,aspectRatio:1},"xx-small":{height:24,rounded:"x-small"},"x-small":{height:36,rounded:"x-small"},small:{height:48,rounded:"small"},medium:{height:64,rounded:"small"},large:{height:96,rounded:"medium"},"x-large":{height:128,rounded:"large"},"xx-large":{height:256,rounded:"large"}}},m=l({inline:{type:Boolean,required:!1,default:void 0},size:String,type:String,...t(),...a(),...e(),...i()},"EvSkeleton");export{m as makeEvSkeletonProps,o as skeletonPresets};
+import{makeRoundedProps as e}from"../../composables/rounded.mjs";import{makeAspectRatioProps as t}from"../../composables/aspectRatio.mjs";import{makeComponentProps as i}from"../../composables/component.mjs";import{makeDimensionsProps as a}from"../../composables/dimensions.mjs";import{propsFactory as l}from"../../util/props.mjs";/*! Evance UI v1.1.34 | MIT License */const o={avatar:{defaults:{rounded:"circle",aspectRatio:1,inline:!0,width:42},"x-small":{width:30},small:{width:36},large:{width:48},"x-large":{width:54},"xx-large":{width:54}},button:{defaults:{rounded:"small",height:42,width:104,inline:!0},"x-small":{height:32,width:84},small:{height:36,width:92},large:{height:48,width:116},"x-large":{height:56,width:132},"xx-large":{height:56,width:132}},heading:{defaults:{rounded:"small",height:"var(--heading-size-4)"},"x-small":{height:"var(--heading-size-6)"},small:{height:"var(--heading-size-5)"},large:{height:"var(--heading-size-3)"},"x-large":{height:"var(--heading-size-2)"},"xx-large":{height:"var(--heading-size-1)"}},image:{defaults:{rounded:!1,aspectRatio:"16:9"}},text:{defaults:{rounded:"small",height:"var(--text-size-medium)"},"x-small":{height:"var(--text-size-small)"},small:{height:"var(--text-size-small)"},large:{height:"var(--text-size-large)"},"x-large":{height:"var(--text-size-subtitle)"},"xx-large":{height:"var(--text-size-subtitle)"}},thumbnail:{defaults:{inline:!0,aspectRatio:1},"xx-small":{height:24,rounded:"x-small"},"x-small":{height:36,rounded:"x-small"},small:{height:48,rounded:"small"},medium:{height:64,rounded:"small"},large:{height:96,rounded:"medium"},"x-large":{height:128,rounded:"large"},"xx-large":{height:256,rounded:"large"}}},m=l({inline:{type:Boolean,required:!1,default:void 0},size:String,type:String,...t(),...a(),...e(),...i()},"EvSkeleton");export{m as makeEvSkeletonProps,o as skeletonPresets};
 //# sourceMappingURL=EvSkeleton.mjs.map

package/dist/esm/components/EvSkeleton/EvSkeleton.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as v,computed as s,createElementBlock as d,openBlock as f,normalizeStyle as y,normalizeClass as k}from"vue";/* empty css                */import{makeEvSkeletonProps as C,skeletonPresets as S}from"./EvSkeleton.mjs";import{useRounded as z}from"../../composables/rounded.mjs";import{useAspectStyles as _}from"../../composables/aspectRatio.mjs";import{applyDefaults as P}from"../../util/helpers.mjs";import{useDimensions as D}from"../../composables/dimensions.mjs";import{sizeModifier as E,makeClassName as h}from"../../util/modifiers.mjs";/*! Evance UI v1.1.31 | MIT License */const j=v({__name:"EvSkeleton",props:{...C()},setup(n){const e=n,l=s(()=>e.type?e.size??"medium":void 0),t=s(()=>{if(!e.type)return e;const o=S[e.type]??{},r=o.defaults??{},c=o[l.value]??{};return P(e,{...r,...c})}),a=s(()=>z(t.value).roundedClasses.value),u=s(()=>D(t.value).value),p=s(()=>E(l.value)),i=s(()=>h(e.type,"is-type")),m=s(()=>_(t.value).aspectStyles.value);return(o,r)=>(f(),d("div",{class:k(["ev-skeleton",{"is-inline":t.value.inline},i.value,p.value,a.value,e.class]),style:y([u.value,m.value,e.style]),"aria-hidden":"true"},null,6))}});export{j as default};
+import{defineComponent as v,computed as s,createElementBlock as d,openBlock as f,normalizeStyle as y,normalizeClass as k}from"vue";/* empty css                */import{makeEvSkeletonProps as C,skeletonPresets as S}from"./EvSkeleton.mjs";import{useRounded as z}from"../../composables/rounded.mjs";import{useAspectStyles as _}from"../../composables/aspectRatio.mjs";import{applyDefaults as P}from"../../util/helpers.mjs";import{useDimensions as D}from"../../composables/dimensions.mjs";import{sizeModifier as E,makeClassName as h}from"../../util/modifiers.mjs";/*! Evance UI v1.1.34 | MIT License */const j=v({__name:"EvSkeleton",props:{...C()},setup(n){const e=n,l=s(()=>e.type?e.size??"medium":void 0),t=s(()=>{if(!e.type)return e;const o=S[e.type]??{},r=o.defaults??{},c=o[l.value]??{};return P(e,{...r,...c})}),a=s(()=>z(t.value).roundedClasses.value),u=s(()=>D(t.value).value),p=s(()=>E(l.value)),i=s(()=>h(e.type,"is-type")),m=s(()=>_(t.value).aspectStyles.value);return(o,r)=>(f(),d("div",{class:k(["ev-skeleton",{"is-inline":t.value.inline},i.value,p.value,a.value,e.class]),style:y([u.value,m.value,e.style]),"aria-hidden":"true"},null,6))}});export{j as default};
 //# sourceMappingURL=EvSkeleton.vue.mjs.map

package/dist/esm/components/EvSkeleton/EvSkeleton.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvSkeleton.vue.mjs";/*! Evance UI v1.1.31 | MIT License */export{f as default};
+import f from"./EvSkeleton.vue.mjs";/*! Evance UI v1.1.34 | MIT License */export{f as default};
 //# sourceMappingURL=EvSkeleton.vue2.mjs.map

package/dist/esm/components/EvSlideGroup/EvSlideGroup.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeGroupProps as r}from"../../composables/group.mjs";import{makeComponentProps as e}from"../../composables/component.mjs";import{makeTagProps as t}from"../../composables/tag.mjs";import{IconProp as o}from"../../composables/icons.mjs";import{propsFactory as i}from"../../util/props.mjs";/*! Evance UI v1.1.31 | MIT License */const p=Symbol.for("ev:slide-group"),d=i({arrowsAlign:{type:String,default:"around"},arrowsHidden:[Boolean,String,Array],centerActive:Boolean,direction:{type:String,default:"horizontal"},iconNext:o,iconPrevious:o,symbol:{type:null,default:p},...e(),...t(),...r({selectedClass:"is-active"})},"EvSlideGroup");export{p as EvSlideGroupSymbol,d as makeEvSlideGroupProps};
+import{makeGroupProps as r}from"../../composables/group.mjs";import{makeComponentProps as e}from"../../composables/component.mjs";import{makeTagProps as t}from"../../composables/tag.mjs";import{IconProp as o}from"../../composables/icons.mjs";import{propsFactory as i}from"../../util/props.mjs";/*! Evance UI v1.1.34 | MIT License */const p=Symbol.for("ev:slide-group"),d=i({arrowsAlign:{type:String,default:"around"},arrowsHidden:[Boolean,String,Array],centerActive:Boolean,direction:{type:String,default:"horizontal"},iconNext:o,iconPrevious:o,symbol:{type:null,default:p},...e(),...t(),...r({selectedClass:"is-active"})},"EvSlideGroup");export{p as EvSlideGroupSymbol,d as makeEvSlideGroupProps};
 //# sourceMappingURL=EvSlideGroup.mjs.map

package/dist/esm/components/EvSlideGroup/EvSlideGroup.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as ue,shallowRef as h,computed as u,watch as ie,createBlock as ve,openBlock as z,resolveDynamicComponent as ce,normalizeStyle as F,normalizeClass as b,unref as m,withCtx as fe,createElementVNode as B,createElementBlock as D,createCommentVNode as q,renderSlot as R,normalizeProps as de,guardReactiveProps as me,createVNode as G}from"vue";/* empty css                  */import{makeEvSlideGroupProps as pe}from"./EvSlideGroup.mjs";import L from"../EvButton/EvButton.vue.mjs";import{useDisplayRuleClasses as he}from"../../composables/display.mjs";import{useGroup as ge}from"../../composables/group.mjs";import{useResizeObserver as M}from"../../composables/resizeObserver.mjs";import{calculateCenteredOffset as we,calculateUpdatedOffset as U,bias as V}from"./helpers.mjs";import ye from"../../icons/glyph/ChevronDownIcon.svg.mjs";import Se from"../../icons/glyph/ChevronLeftIcon.svg.mjs";import xe from"../../icons/glyph/ChevronRightIcon.svg.mjs";import ze from"../../icons/glyph/ChevronUpIcon.svg.mjs";import{useRtl as be}from"../../composables/locale.mjs";import{focusableChildren as Re}from"../../util/children.mjs";import{Browser as Ce}from"../../util/browser.mjs";import{isBoolean as X}from"../../util/is-functions.mjs";import{clamp as ke}from"../../util/helpers.mjs";/*! Evance UI v1.1.31 | MIT License */const Pe=["hidden"],Ae=["hidden"],Xe=ue({__name:"EvSlideGroup",props:{...pe()},setup(Y){const n=Y,s=ge(n,n.symbol),{isRtl:v}=be(),g=h(!1),f=h(!1),t=h(0),r=h(0),i=h(0),o=u(()=>n.direction==="horizontal"),w=h(!1),{resizeRef:y,contentRect:S}=M(),{resizeRef:a,contentRect:x}=M(),C=u(()=>s.selected.value.length?s.items.value.findIndex(e=>e.id===s.selected.value[0]):-1),K=u(()=>s.selected.value.length?s.items.value.findIndex(e=>e.id===s.selected.value[s.selected.value.length-1]):-1);if(Ce.hasWindow){let e=-1;ie(()=>[s.selected.value,S.value,x.value,o.value],()=>{cancelAnimationFrame(e),e=requestAnimationFrame(()=>{if(S.value&&x.value){const l=o.value?"width":"height";r.value=S.value[l],i.value=x.value[l],f.value=r.value+1<i.value}if(C.value>=0&&a.value){const l=a.value.children[K.value];C.value===0||!f.value?t.value=0:n.centerActive?t.value=we({selectedElement:l,containerSize:r.value,contentSize:i.value,isRtl:v.value,isHorizontal:o.value}):f.value&&(t.value=U({selectedElement:l,containerSize:r.value,contentSize:i.value,isRtl:v.value,currentScrollOffset:t.value,isHorizontal:o.value}))}})})}function c(e){var l,d,_,N,$;if(a.value)if(!e)(l=Re(a.value)[0])==null||l.focus();else if(e==="next"){const p=(d=a.value.querySelector(":focus"))==null?void 0:d.nextElementSibling;p?p.focus():c("first")}else if(e==="previous"){const p=(_=a.value.querySelector(":focus"))==null?void 0:_.previousElementSibling;p?p.focus():c("last")}else e==="first"?(N=a.value.firstElementChild)==null||N.focus():e==="last"&&(($=a.value.lastElementChild)==null||$.focus())}function W(e){var l;!g.value&&!(e.relatedTarget&&((l=a.value)!=null&&l.contains(e.relatedTarget)))&&c()}function j(e){if(g.value=!0,!(!f.value||!a.value)){for(const l of e.composedPath())for(const d of a.value.children)if(d===l){t.value=U({selectedElement:d,containerSize:r.value,contentSize:i.value,isRtl:v.value,currentScrollOffset:t.value,isHorizontal:o.value});return}}}function J(e){g.value=!1}function Q(e){a.value&&(o.value?e.key==="ArrowRight"?c(v.value?"previous":"next"):e.key==="ArrowLeft"&&c(v.value?"next":"previous"):e.key==="ArrowDown"?c("next"):e.key==="ArrowUp"&&c("previous"),e.key==="Home"?c("first"):e.key==="End"&&c("last"))}function Z(){y.value&&(y.value[o.value?"scrollLeft":"scrollTop"]=0)}let k=0,P=0;function ee(e){const l=o.value?"clientX":"clientY";P=(v.value&&o.value?-1:1)*t.value,k=e.touches[0][l],w.value=!0}function le(e){if(!f.value)return;const l=o.value?"clientX":"clientY",d=v.value&&o.value?-1:1;t.value=d*(P+k-e.touches[0][l])}function te(e){const l=i.value-r.value;t.value<0||!f.value?t.value=0:t.value>=l&&(t.value=l),w.value=!1}function A(e){const l=t.value+(e==="previous"?-1:1)*r.value;t.value=ke(l,0,i.value-r.value)}const H=he(n,"arrowsHidden","hidden"),T=u(()=>X(n.arrowsHidden)&&n.arrowsHidden),oe=u(()=>{let e=t.value>i.value-r.value?-(i.value-r.value)+V(i.value-r.value-t.value):-t.value;t.value<=0&&(e=V(-t.value));const l=v.value&&o.value?-1:1;return{transform:`translate${o.value?"X":"Y"}(${l*e}px)`,transition:w.value?"none":"",willChange:w.value?"transform":""}}),ne=u(()=>({next:s.next,previous:s.previous,select:s.select,isSelected:s.isSelected})),se=u(()=>Math.abs(t.value)>0),ae=u(()=>i.value>Math.abs(t.value)+r.value),E=u(()=>X(n.arrowsHidden)&&n.arrowsHidden?!1:f.value||Math.abs(t.value)>0),re=u(()=>`is-arrows-${n.arrowsAlign}`),O=u(()=>n.iconNext?n.iconNext:o.value?xe:ye),I=u(()=>n.iconPrevious?n.iconPrevious:o.value?Se:ze);return(e,l)=>(z(),ve(ce(n.tag),{class:b(["ev-slide-group",{"is-overflowing":f.value,"is-vertical":!o.value},re.value,n.class]),style:F(n.style),tabindex:g.value||m(s).selected.value.length?-1:0,onFocus:W},{default:fe(()=>[B("div",{key:"container",ref_key:"containerRef",ref:y,class:"ev-slide-group--container",onScroll:Z},[B("div",{ref_key:"contentRef",ref:a,class:"ev-slide-group--content",style:F(oe.value),onTouchstartPassive:ee,onTouchmovePassive:le,onTouchendPassive:te,onFocusin:j,onFocusout:J,onKeydown:Q},[R(e.$slots,"default",de(me(ne.value)))],36)],544),E.value?(z(),D("div",{key:"previous",class:b(["ev-slide-group--previous",{"is-disabled":!se.value},...m(H)]),hidden:T.value,onClick:l[0]||(l[0]=()=>A("previous"))},[R(e.$slots,"previous",{},()=>[G(m(L),{icon:m(v)&&o.value?O.value:I.value,variant:"subtle"},null,8,["icon"])])],10,Pe)):q("",!0),E.value?(z(),D("div",{key:"next",class:b(["ev-slide-group--next",{"is-disabled":!ae.value},...m(H)]),hidden:T.value,onClick:l[1]||(l[1]=()=>A("next"))},[R(e.$slots,"next",{},()=>[G(m(L),{icon:m(v)&&o.value?I.value:O.value,variant:"subtle"},null,8,["icon"])])],10,Ae)):q("",!0)]),_:3},40,["class","style","tabindex"]))}});export{Xe as default};
+import{defineComponent as ue,shallowRef as h,computed as u,watch as ie,createBlock as ve,openBlock as z,resolveDynamicComponent as ce,normalizeStyle as F,normalizeClass as b,unref as m,withCtx as fe,createElementVNode as B,createElementBlock as D,createCommentVNode as q,renderSlot as R,normalizeProps as de,guardReactiveProps as me,createVNode as G}from"vue";/* empty css                  */import{makeEvSlideGroupProps as pe}from"./EvSlideGroup.mjs";import L from"../EvButton/EvButton.vue.mjs";import{useDisplayRuleClasses as he}from"../../composables/display.mjs";import{useGroup as ge}from"../../composables/group.mjs";import{useResizeObserver as M}from"../../composables/resizeObserver.mjs";import{calculateCenteredOffset as we,calculateUpdatedOffset as U,bias as V}from"./helpers.mjs";import ye from"../../icons/glyph/ChevronDownIcon.svg.mjs";import Se from"../../icons/glyph/ChevronLeftIcon.svg.mjs";import xe from"../../icons/glyph/ChevronRightIcon.svg.mjs";import ze from"../../icons/glyph/ChevronUpIcon.svg.mjs";import{useRtl as be}from"../../composables/locale.mjs";import{focusableChildren as Re}from"../../util/children.mjs";import{Browser as Ce}from"../../util/browser.mjs";import{isBoolean as X}from"../../util/is-functions.mjs";import{clamp as ke}from"../../util/helpers.mjs";/*! Evance UI v1.1.34 | MIT License */const Pe=["hidden"],Ae=["hidden"],Xe=ue({__name:"EvSlideGroup",props:{...pe()},setup(Y){const n=Y,s=ge(n,n.symbol),{isRtl:v}=be(),g=h(!1),f=h(!1),t=h(0),r=h(0),i=h(0),o=u(()=>n.direction==="horizontal"),w=h(!1),{resizeRef:y,contentRect:S}=M(),{resizeRef:a,contentRect:x}=M(),C=u(()=>s.selected.value.length?s.items.value.findIndex(e=>e.id===s.selected.value[0]):-1),K=u(()=>s.selected.value.length?s.items.value.findIndex(e=>e.id===s.selected.value[s.selected.value.length-1]):-1);if(Ce.hasWindow){let e=-1;ie(()=>[s.selected.value,S.value,x.value,o.value],()=>{cancelAnimationFrame(e),e=requestAnimationFrame(()=>{if(S.value&&x.value){const l=o.value?"width":"height";r.value=S.value[l],i.value=x.value[l],f.value=r.value+1<i.value}if(C.value>=0&&a.value){const l=a.value.children[K.value];C.value===0||!f.value?t.value=0:n.centerActive?t.value=we({selectedElement:l,containerSize:r.value,contentSize:i.value,isRtl:v.value,isHorizontal:o.value}):f.value&&(t.value=U({selectedElement:l,containerSize:r.value,contentSize:i.value,isRtl:v.value,currentScrollOffset:t.value,isHorizontal:o.value}))}})})}function c(e){var l,d,_,N,$;if(a.value)if(!e)(l=Re(a.value)[0])==null||l.focus();else if(e==="next"){const p=(d=a.value.querySelector(":focus"))==null?void 0:d.nextElementSibling;p?p.focus():c("first")}else if(e==="previous"){const p=(_=a.value.querySelector(":focus"))==null?void 0:_.previousElementSibling;p?p.focus():c("last")}else e==="first"?(N=a.value.firstElementChild)==null||N.focus():e==="last"&&(($=a.value.lastElementChild)==null||$.focus())}function W(e){var l;!g.value&&!(e.relatedTarget&&((l=a.value)!=null&&l.contains(e.relatedTarget)))&&c()}function j(e){if(g.value=!0,!(!f.value||!a.value)){for(const l of e.composedPath())for(const d of a.value.children)if(d===l){t.value=U({selectedElement:d,containerSize:r.value,contentSize:i.value,isRtl:v.value,currentScrollOffset:t.value,isHorizontal:o.value});return}}}function J(e){g.value=!1}function Q(e){a.value&&(o.value?e.key==="ArrowRight"?c(v.value?"previous":"next"):e.key==="ArrowLeft"&&c(v.value?"next":"previous"):e.key==="ArrowDown"?c("next"):e.key==="ArrowUp"&&c("previous"),e.key==="Home"?c("first"):e.key==="End"&&c("last"))}function Z(){y.value&&(y.value[o.value?"scrollLeft":"scrollTop"]=0)}let k=0,P=0;function ee(e){const l=o.value?"clientX":"clientY";P=(v.value&&o.value?-1:1)*t.value,k=e.touches[0][l],w.value=!0}function le(e){if(!f.value)return;const l=o.value?"clientX":"clientY",d=v.value&&o.value?-1:1;t.value=d*(P+k-e.touches[0][l])}function te(e){const l=i.value-r.value;t.value<0||!f.value?t.value=0:t.value>=l&&(t.value=l),w.value=!1}function A(e){const l=t.value+(e==="previous"?-1:1)*r.value;t.value=ke(l,0,i.value-r.value)}const H=he(n,"arrowsHidden","hidden"),T=u(()=>X(n.arrowsHidden)&&n.arrowsHidden),oe=u(()=>{let e=t.value>i.value-r.value?-(i.value-r.value)+V(i.value-r.value-t.value):-t.value;t.value<=0&&(e=V(-t.value));const l=v.value&&o.value?-1:1;return{transform:`translate${o.value?"X":"Y"}(${l*e}px)`,transition:w.value?"none":"",willChange:w.value?"transform":""}}),ne=u(()=>({next:s.next,previous:s.previous,select:s.select,isSelected:s.isSelected})),se=u(()=>Math.abs(t.value)>0),ae=u(()=>i.value>Math.abs(t.value)+r.value),E=u(()=>X(n.arrowsHidden)&&n.arrowsHidden?!1:f.value||Math.abs(t.value)>0),re=u(()=>`is-arrows-${n.arrowsAlign}`),O=u(()=>n.iconNext?n.iconNext:o.value?xe:ye),I=u(()=>n.iconPrevious?n.iconPrevious:o.value?Se:ze);return(e,l)=>(z(),ve(ce(n.tag),{class:b(["ev-slide-group",{"is-overflowing":f.value,"is-vertical":!o.value},re.value,n.class]),style:F(n.style),tabindex:g.value||m(s).selected.value.length?-1:0,onFocus:W},{default:fe(()=>[B("div",{key:"container",ref_key:"containerRef",ref:y,class:"ev-slide-group--container",onScroll:Z},[B("div",{ref_key:"contentRef",ref:a,class:"ev-slide-group--content",style:F(oe.value),onTouchstartPassive:ee,onTouchmovePassive:le,onTouchendPassive:te,onFocusin:j,onFocusout:J,onKeydown:Q},[R(e.$slots,"default",de(me(ne.value)))],36)],544),E.value?(z(),D("div",{key:"previous",class:b(["ev-slide-group--previous",{"is-disabled":!se.value},...m(H)]),hidden:T.value,onClick:l[0]||(l[0]=()=>A("previous"))},[R(e.$slots,"previous",{},()=>[G(m(L),{icon:m(v)&&o.value?O.value:I.value,variant:"subtle"},null,8,["icon"])])],10,Pe)):q("",!0),E.value?(z(),D("div",{key:"next",class:b(["ev-slide-group--next",{"is-disabled":!ae.value},...m(H)]),hidden:T.value,onClick:l[1]||(l[1]=()=>A("next"))},[R(e.$slots,"next",{},()=>[G(m(L),{icon:m(v)&&o.value?I.value:O.value,variant:"subtle"},null,8,["icon"])])],10,Ae)):q("",!0)]),_:3},40,["class","style","tabindex"]))}});export{Xe as default};
 //# sourceMappingURL=EvSlideGroup.vue.mjs.map

package/dist/esm/components/EvSlideGroup/EvSlideGroup.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvSlideGroup.vue.mjs";/*! Evance UI v1.1.31 | MIT License */export{f as default};
+import f from"./EvSlideGroup.vue.mjs";/*! Evance UI v1.1.34 | MIT License */export{f as default};
 //# sourceMappingURL=EvSlideGroup.vue2.mjs.map

package/dist/esm/components/EvSlideGroup/EvSlideGroupItem.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as r,computed as l,renderSlot as p,normalizeProps as m,guardReactiveProps as u}from"vue";import{makeGroupItemProps as c,useGroupItem as a}from"../../composables/groupItem.mjs";import{EvSlideGroupSymbol as d}from"./EvSlideGroup.mjs";/*! Evance UI v1.1.31 | MIT License */const S=r({__name:"EvSlideGroupItem",props:{...c()},emits:["group:selected"],setup(o){const e=a(o,d),t=l(()=>({isSelected:e.isSelected.value,select:e.select,toggle:e.toggle,selectedClass:e.selectedClass.value}));return(s,i)=>p(s.$slots,"default",m(u(t.value)))}});export{S as default};
+import{defineComponent as r,computed as l,renderSlot as p,normalizeProps as m,guardReactiveProps as u}from"vue";import{makeGroupItemProps as c,useGroupItem as a}from"../../composables/groupItem.mjs";import{EvSlideGroupSymbol as d}from"./EvSlideGroup.mjs";/*! Evance UI v1.1.34 | MIT License */const S=r({__name:"EvSlideGroupItem",props:{...c()},emits:["group:selected"],setup(o){const e=a(o,d),t=l(()=>({isSelected:e.isSelected.value,select:e.select,toggle:e.toggle,selectedClass:e.selectedClass.value}));return(s,i)=>p(s.$slots,"default",m(u(t.value)))}});export{S as default};
 //# sourceMappingURL=EvSlideGroupItem.vue.mjs.map

package/dist/esm/components/EvSlideGroup/EvSlideGroupItem.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvSlideGroupItem.vue.mjs";/*! Evance UI v1.1.31 | MIT License */export{f as default};
+import f from"./EvSlideGroupItem.vue.mjs";/*! Evance UI v1.1.34 | MIT License */export{f as default};
 //# sourceMappingURL=EvSlideGroupItem.vue2.mjs.map

package/dist/esm/components/EvSlideGroup/helpers.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-/*! Evance UI v1.1.31 | MIT License */function u(t){const a=Math.abs(t);return Math.sign(t)*(a/((1/.501-2)*(1-a)+1))}function x({selectedElement:t,containerSize:s,contentSize:a,isRtl:n,currentScrollOffset:f,isHorizontal:h}){const i=h?t.clientWidth:t.clientHeight,o=h?t.offsetLeft:t.offsetTop,M=n&&h?a-o-i:o,c=s+f,d=i+M,p=i*.4;return M<=f?f=Math.max(M-p,0):c<=d&&(f=Math.min(f-(c-d-p),a-s)),f}function g({selectedElement:t,containerSize:s,contentSize:a,isRtl:n,isHorizontal:f}){const h=f?t.clientWidth:t.clientHeight,i=f?t.offsetLeft:t.offsetTop,o=n&&f?a-i-h/2-s/2:i+h/2-s/2;return Math.min(a-s,Math.max(0,o))}export{u as bias,g as calculateCenteredOffset,x as calculateUpdatedOffset};
+/*! Evance UI v1.1.34 | MIT License */function u(t){const a=Math.abs(t);return Math.sign(t)*(a/((1/.501-2)*(1-a)+1))}function x({selectedElement:t,containerSize:s,contentSize:a,isRtl:n,currentScrollOffset:f,isHorizontal:h}){const i=h?t.clientWidth:t.clientHeight,o=h?t.offsetLeft:t.offsetTop,M=n&&h?a-o-i:o,c=s+f,d=i+M,p=i*.4;return M<=f?f=Math.max(M-p,0):c<=d&&(f=Math.min(f-(c-d-p),a-s)),f}function g({selectedElement:t,containerSize:s,contentSize:a,isRtl:n,isHorizontal:f}){const h=f?t.clientWidth:t.clientHeight,i=f?t.offsetLeft:t.offsetTop,o=n&&f?a-i-h/2-s/2:i+h/2-s/2;return Math.min(a-s,Math.max(0,o))}export{u as bias,g as calculateCenteredOffset,x as calculateUpdatedOffset};
 //# sourceMappingURL=helpers.mjs.map

package/dist/esm/components/EvSurface/EvSurface.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeDimensionsProps as e}from"../../composables/dimensions.mjs";import{makeTagProps as r}from"../../composables/tag.mjs";import{makeComponentProps as a}from"../../composables/component.mjs";import{propsFactory as t}from"../../util/props.mjs";import{makeClassName as m}from"../../util/modifiers.mjs";/*! Evance UI v1.1.31 | MIT License */function f(o){return m(o,"elevation")}const u=t({elevation:{type:String,default:"default"},grow:Boolean,rounded:{type:[String,Number,Boolean],default:void 0},scrollable:{type:[String,Boolean],default:void 0},...a(),...e(),...r()},"EvSurface");export{f as makeElevationClass,u as makeEvSurfaceProps};
+import{makeDimensionsProps as e}from"../../composables/dimensions.mjs";import{makeTagProps as r}from"../../composables/tag.mjs";import{makeComponentProps as a}from"../../composables/component.mjs";import{propsFactory as t}from"../../util/props.mjs";import{makeClassName as m}from"../../util/modifiers.mjs";/*! Evance UI v1.1.34 | MIT License */function f(o){return m(o,"is-elevation")}const u=t({elevation:{type:String,default:"default"},grow:Boolean,rounded:{type:[String,Number,Boolean],default:void 0},scrollable:{type:[String,Boolean],default:void 0},...a(),...e(),...r()},"EvSurface");export{f as makeElevationClass,u as makeEvSurfaceProps};
 //# sourceMappingURL=EvSurface.mjs.map

package/dist/esm/components/EvSurface/EvSurface.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EvSurface.mjs","sources":["../../../../src/components/EvSurface/EvSurface.ts"],"sourcesContent":["import { makeClassName, propsFactory } from \"@/util\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\nimport { PropType } from \"vue\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeComponentProps } from \"@/composables/component\";\n\n/*\n # Surface Elevation\n \n Elevations are the layered surfaces that form the foundation of the UI.\n * They create a blank canvas containing other UI components.\n * Such as text, icons, backgrounds, and borders.\n \n /\nexport type SurfaceElevation = \"default\" \| \"panel\" \| \"overlay\" \| \"sunken\";\n\n/*\n # Make Elevation Class\n /\nexport function makeElevationClass(elevation: string) {\n return makeClassName(elevation, \"elevation\");\n}\n\n/\n # Make Surface Props\n */\nexport const makeEvSurfaceProps = propsFactory(\n {\n elevation: {\n type: String as PropType<SurfaceElevation>,\n default: \"default\",\n },\n grow: Boolean,\n // Rounded\n rounded: {\n type: [String, Number, Boolean],\n default: undefined,\n },\n // Scrollable\n scrollable: {\n type: [String, Boolean],\n default: undefined,\n },\n ...makeComponentProps(),\n ...makeDimensionsProps(),\n ...makeTagProps(),\n },\n \"EvSurface\",\n);\n"],"names":["makeElevationClass","elevation","makeClassName","makeEvSurfaceProps","propsFactory","makeComponentProps","makeDimensionsProps","makeTagProps"],"mappings":"wVAmBO,SAASA,EAAmBC,EAAmB,CAC3C,OAAAC,EAAcD,EAAW,~~WAAW~~,~~CAC/C~~,CAKO,MAAME,EAAqBC,EAC9B,CACI,UAAW,CACP,KAAM,OACN,QAAS,SACb,EACA,KAAM,QAEN,QAAS,CACL,KAAM,CAAC,OAAQ,OAAQ,OAAO,EAC9B,QAAS,MACb,EAEA,WAAY,CACR,KAAM,CAAC,OAAQ,OAAO,EACtB,QAAS,MACb,EACA,GAAGC,EAAmB,EACtB,GAAGC,EAAoB,EACvB,GAAGC,EAAa,CACpB,EACA,WACJ"}
1	+ {"version":3,"file":"EvSurface.mjs","sources":["../../../../src/components/EvSurface/EvSurface.ts"],"sourcesContent":["import { makeClassName, propsFactory } from \"@/util\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\nimport { PropType } from \"vue\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeComponentProps } from \"@/composables/component\";\n\n/*\n # Surface Elevation\n \n Elevations are the layered surfaces that form the foundation of the UI.\n * They create a blank canvas containing other UI components.\n * Such as text, icons, backgrounds, and borders.\n \n /\nexport type SurfaceElevation = \"default\" \| \"panel\" \| \"overlay\" \| \"sunken\";\n\n/*\n # Make Elevation Class\n /\nexport function makeElevationClass(elevation: string) {\n return makeClassName(elevation, \"is-elevation\");\n}\n\n/\n # Make Surface Props\n */\nexport const makeEvSurfaceProps = propsFactory(\n {\n elevation: {\n type: String as PropType<SurfaceElevation>,\n default: \"default\",\n },\n grow: Boolean,\n // Rounded\n rounded: {\n type: [String, Number, Boolean],\n default: undefined,\n },\n // Scrollable\n scrollable: {\n type: [String, Boolean],\n default: undefined,\n },\n ...makeComponentProps(),\n ...makeDimensionsProps(),\n ...makeTagProps(),\n },\n \"EvSurface\",\n);\n"],"names":["makeElevationClass","elevation","makeClassName","makeEvSurfaceProps","propsFactory","makeComponentProps","makeDimensionsProps","makeTagProps"],"mappings":"wVAmBO,SAASA,EAAmBC,EAAmB,CAC3C,OAAAC,EAAcD,EAAW,cAAc,CAClD,CAKO,MAAME,EAAqBC,EAC9B,CACI,UAAW,CACP,KAAM,OACN,QAAS,SACb,EACA,KAAM,QAEN,QAAS,CACL,KAAM,CAAC,OAAQ,OAAQ,OAAO,EAC9B,QAAS,MACb,EAEA,WAAY,CACR,KAAM,CAAC,OAAQ,OAAO,EACtB,QAAS,MACb,EACA,GAAGC,EAAmB,EACtB,GAAGC,EAAoB,EACvB,GAAGC,EAAa,CACpB,EACA,WACJ"}

package/dist/esm/components/EvSurface/EvSurface.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as a,createBlock as l,openBlock as m,resolveDynamicComponent as f,normalizeStyle as u,normalizeClass as c,unref as s,withCtx as p,renderSlot as d}from"vue";/* empty css               */import{makeEvSurfaceProps as v,makeElevationClass as y}from"./EvSurface.mjs";import{useDimensions as C}from"../../composables/dimensions.mjs";import{isEmpty as k,isString as S}from"../../util/is-functions.mjs";import{makeClassName as _}from"../../util/modifiers.mjs";/*! Evance UI v1.1.31 | MIT License */const B=a({__name:"EvSurface",props:{...v()},setup(o){const r=o,t=C(r);function i(e){if(!(!e||k(e))){if(e===!0)return"is-rounded";if(S(e))return _(e,"is-rounded")}}function n(e){if(!(typeof e>"u")){if(e===!1)return"is-overflow-hidden";switch(e){case"x":return"is-scrollable-x";case"y":return"is-scrollable-y";default:return"is-scrollable"}}}return(e,w)=>(m(),l(f(r.tag),{class:c(["ev-surface",{"is-grow":r.grow},s(y)(r.elevation),i(r.rounded),n(r.scrollable),r.class]),style:u([s(t),r.style])},{default:p(()=>[d(e.$slots,"default")]),_:3},8,["class","style"]))}});export{B as default};
+import{defineComponent as a,createBlock as l,openBlock as m,resolveDynamicComponent as f,normalizeStyle as u,normalizeClass as c,unref as s,withCtx as p,renderSlot as d}from"vue";/* empty css               */import{makeEvSurfaceProps as v,makeElevationClass as y}from"./EvSurface.mjs";import{useDimensions as C}from"../../composables/dimensions.mjs";import{isEmpty as k,isString as S}from"../../util/is-functions.mjs";import{makeClassName as _}from"../../util/modifiers.mjs";/*! Evance UI v1.1.34 | MIT License */const B=a({__name:"EvSurface",props:{...v()},setup(o){const r=o,t=C(r);function i(e){if(!(!e||k(e))){if(e===!0)return"is-rounded";if(S(e))return _(e,"is-rounded")}}function n(e){if(!(typeof e>"u")){if(e===!1)return"is-overflow-hidden";switch(e){case"x":return"is-scrollable-x";case"y":return"is-scrollable-y";default:return"is-scrollable"}}}return(e,w)=>(m(),l(f(r.tag),{class:c(["ev-surface",{"is-grow":r.grow},s(y)(r.elevation),i(r.rounded),n(r.scrollable),r.class]),style:u([s(t),r.style])},{default:p(()=>[d(e.$slots,"default")]),_:3},8,["class","style"]))}});export{B as default};
 //# sourceMappingURL=EvSurface.vue.mjs.map

package/dist/esm/components/EvSurface/EvSurface.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvSurface.vue.mjs";/*! Evance UI v1.1.31 | MIT License */export{f as default};
+import f from"./EvSurface.vue.mjs";/*! Evance UI v1.1.34 | MIT License */export{f as default};
 //# sourceMappingURL=EvSurface.vue2.mjs.map

package/dist/esm/components/EvSwatch/EvSwatch.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeComponentProps as s}from"../../composables/component.mjs";import{makeRoundedProps as p}from"../../composables/rounded.mjs";import{makeSizeProps as a}from"../../composables/size.mjs";import{propsFactory as c}from"../../util/props.mjs";/*! Evance UI v1.1.31 | MIT License */function e(o){return o.map(r=>`${r.color} ${r.position}%`).join(", ")}function m(o){const r=e(o.stops);return o.angle?`linear-gradient(${o.angle}deg, ${r})`:`linear-gradient(${r})`}function f(o){const r=e(o.stops),t=[];if(o.size&&t.push(`${o.size.width}% ${o.size.height}%`),o.position){const n=typeof o.position.x=="number"?`${o.position.x}%`:o.position.x,i=typeof o.position.y=="number"?`${o.position.y}%`:o.position.y;t.push(`at ${n} ${i}`)}return t.length?`radial-gradient(${t.join(" ")}, ${r})`:`radial-gradient(${r})`}function $(o){const{url:r,repeat:t="no-repeat",size:n="cover",position:i="center"}=o;return`url("${r}") ${i} / ${n} ${t}`}function u(o){if(Array.isArray(o))return o.map(u).join(", ");if(typeof o=="string")return o;if(typeof o=="object")switch(o.type){case"solid":return o.color;case"linear-gradient":return m(o);case"radial-gradient":return f(o);case"image":return $(o)}return"transparent"}const l=c({value:[String,Object,Array],...a(),...p({rounded:"circle"}),...s()},"EvSwatch");export{u as makeBackground,l as makeEvSwatchProps};
+import{makeComponentProps as s}from"../../composables/component.mjs";import{makeRoundedProps as p}from"../../composables/rounded.mjs";import{makeSizeProps as a}from"../../composables/size.mjs";import{propsFactory as c}from"../../util/props.mjs";/*! Evance UI v1.1.34 | MIT License */function e(o){return o.map(r=>`${r.color} ${r.position}%`).join(", ")}function m(o){const r=e(o.stops);return o.angle?`linear-gradient(${o.angle}deg, ${r})`:`linear-gradient(${r})`}function f(o){const r=e(o.stops),t=[];if(o.size&&t.push(`${o.size.width}% ${o.size.height}%`),o.position){const n=typeof o.position.x=="number"?`${o.position.x}%`:o.position.x,i=typeof o.position.y=="number"?`${o.position.y}%`:o.position.y;t.push(`at ${n} ${i}`)}return t.length?`radial-gradient(${t.join(" ")}, ${r})`:`radial-gradient(${r})`}function $(o){const{url:r,repeat:t="no-repeat",size:n="cover",position:i="center"}=o;return`url("${r}") ${i} / ${n} ${t}`}function u(o){if(Array.isArray(o))return o.map(u).join(", ");if(typeof o=="string")return o;if(typeof o=="object")switch(o.type){case"solid":return o.color;case"linear-gradient":return m(o);case"radial-gradient":return f(o);case"image":return $(o)}return"transparent"}const l=c({value:[String,Object,Array],...a(),...p({rounded:"circle"}),...s()},"EvSwatch");export{u as makeBackground,l as makeEvSwatchProps};
 //# sourceMappingURL=EvSwatch.mjs.map

package/dist/esm/components/EvSwatch/EvSwatch.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as m,computed as s,createElementBlock as p,openBlock as i,normalizeStyle as t,normalizeClass as u,unref as o,createElementVNode as d}from"vue";/* empty css              */import{makeEvSwatchProps as f,makeBackground as v}from"./EvSwatch.mjs";import{useRounded as k}from"../../composables/rounded.mjs";import{sizeModifier as y}from"../../util/modifiers.mjs";/*! Evance UI v1.1.31 | MIT License */const B=m({__name:"EvSwatch",props:{...f()},setup(r){const e=r,{roundedClasses:a}=k(e),n=s(()=>y(e.size));function l(){return s(()=>({background:v(e.value)}))}const c=l();return(S,_)=>(i(),p("div",{class:u(["ev-swatch",n.value,o(a),e.class]),style:t(e.style)},[d("div",{class:"ev-swatch--sample",style:t(o(c))},null,4)],6))}});export{B as default};
+import{defineComponent as m,computed as s,createElementBlock as p,openBlock as i,normalizeStyle as t,normalizeClass as u,unref as o,createElementVNode as d}from"vue";/* empty css              */import{makeEvSwatchProps as f,makeBackground as v}from"./EvSwatch.mjs";import{useRounded as k}from"../../composables/rounded.mjs";import{sizeModifier as y}from"../../util/modifiers.mjs";/*! Evance UI v1.1.34 | MIT License */const B=m({__name:"EvSwatch",props:{...f()},setup(r){const e=r,{roundedClasses:a}=k(e),n=s(()=>y(e.size));function l(){return s(()=>({background:v(e.value)}))}const c=l();return(S,_)=>(i(),p("div",{class:u(["ev-swatch",n.value,o(a),e.class]),style:t(e.style)},[d("div",{class:"ev-swatch--sample",style:t(o(c))},null,4)],6))}});export{B as default};
 //# sourceMappingURL=EvSwatch.vue.mjs.map

package/dist/esm/components/EvSwatch/EvSwatch.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvSwatch.vue.mjs";/*! Evance UI v1.1.31 | MIT License */export{f as default};
+import f from"./EvSwatch.vue.mjs";/*! Evance UI v1.1.34 | MIT License */export{f as default};
 //# sourceMappingURL=EvSwatch.vue2.mjs.map

package/dist/esm/components/EvSwitch/EvSwitch.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeEvCheckboxProps as o}from"../EvCheckbox/EvCheckbox.mjs";import{propsFactory as r}from"../../util/props.mjs";/*! Evance UI v1.1.31 | MIT License */const m=r({...o()},"EvSwitch");export{m as makeEvSwitchProps};
+import{makeEvCheckboxProps as o}from"../EvCheckbox/EvCheckbox.mjs";import{propsFactory as r}from"../../util/props.mjs";/*! Evance UI v1.1.34 | MIT License */const m=r({...o()},"EvSwitch");export{m as makeEvSwitchProps};
 //# sourceMappingURL=EvSwitch.mjs.map

package/dist/esm/components/EvSwitch/EvSwitch.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as C,useSlots as R,useAttrs as S,ref as m,createElementBlock as c,openBlock as d,mergeProps as f,unref as e,createElementVNode as r,createCommentVNode as p,createVNode as h,withCtx as V,renderSlot as x}from"vue";/* empty css              */import F from"../EvErrors/EvErrors.vue.mjs";import B from"../EvLabel/EvLabel.vue.mjs";import{useToggleControl as I}from"../EvCheckbox/EvCheckbox.mjs";import{makeEvSwitchProps as N}from"./EvSwitch.mjs";import{useFormField as $}from"../../composables/validation.mjs";import{splitInputAttrs as D}from"../../util/helpers.mjs";/*! Evance UI v1.1.31 | MIT License */const M={class:"ev-switch--control"},P=r("div",{class:"ev-switch--track"},null,-1),T=r("div",{class:"ev-switch--thumb"},null,-1),j=["id","name","disabled","readonly","checked","value","aria-disabled","aria-checked"],q={key:0,class:"ev-switch--label"},z={key:0,class:"ev-switch--errors"},W=C({inheritAttrs:!1,__name:"EvSwitch",props:{...N()},emits:["update:focused","update:modelValue"],setup(_,{expose:b}){const s=_,u=R(),v=S(),k=m(null),n=m(null),[w,y]=D(v),t=$(s),{trueValue:g,isChecked:l}=I(t.model,s);function E(){return n.value}function A(o){l.value=o.target.checked}return b({field:t,input:n,focus:()=>{var o;(o=E())==null||o.focus()}}),(o,i)=>(d(),c("div",f({ref_key:"containerRef",ref:k,class:["ev-switch",[{"is-checked":e(l),"is-labelled":s.label||e(u).label},e(t).classes,s.class]],style:s.style},e(w)),[r("div",M,[P,T,r("input",f({id:e(t).id,ref_key:"inputRef",ref:n,type:"checkbox",role:"switch",name:e(t).name,disabled:e(t).isDisabled,readonly:e(t).isReadonly,checked:e(l),value:e(g),"aria-disabled":e(t).isDisabled,"aria-checked":e(l)},e(y),{onInput:A,onFocus:i[0]||(i[0]=(...a)=>e(t).focus&&e(t).focus(...a)),onBlur:i[1]||(i[1]=(...a)=>e(t).blur&&e(t).blur(...a))}),null,16,j)]),s.label||s.hint||e(u).label?(d(),c("div",q,[h(e(B),{clickable:"",for:e(t).id,title:s.label,hint:s.hint},{default:V(()=>[x(o.$slots,"label")]),_:3},8,["for","title","hint"]),e(t).isShowErrorMessages?(d(),c("div",z,[h(e(F),{messages:e(t).errorMessages},null,8,["messages"])])):p("",!0)])):p("",!0)],16))}});export{W as default};
+import{defineComponent as C,useSlots as R,useAttrs as S,ref as m,createElementBlock as c,openBlock as d,mergeProps as f,unref as e,createElementVNode as r,createCommentVNode as p,createVNode as h,withCtx as V,renderSlot as x}from"vue";/* empty css              */import F from"../EvErrors/EvErrors.vue.mjs";import B from"../EvLabel/EvLabel.vue.mjs";import{useToggleControl as I}from"../EvCheckbox/EvCheckbox.mjs";import{makeEvSwitchProps as N}from"./EvSwitch.mjs";import{useFormField as $}from"../../composables/validation.mjs";import{splitInputAttrs as D}from"../../util/helpers.mjs";/*! Evance UI v1.1.34 | MIT License */const M={class:"ev-switch--control"},P=r("div",{class:"ev-switch--track"},null,-1),T=r("div",{class:"ev-switch--thumb"},null,-1),j=["id","name","disabled","readonly","checked","value","aria-disabled","aria-checked"],q={key:0,class:"ev-switch--label"},z={key:0,class:"ev-switch--errors"},W=C({inheritAttrs:!1,__name:"EvSwitch",props:{...N()},emits:["update:focused","update:modelValue"],setup(_,{expose:b}){const s=_,u=R(),v=S(),k=m(null),n=m(null),[w,y]=D(v),t=$(s),{trueValue:g,isChecked:l}=I(t.model,s);function E(){return n.value}function A(o){l.value=o.target.checked}return b({field:t,input:n,focus:()=>{var o;(o=E())==null||o.focus()}}),(o,i)=>(d(),c("div",f({ref_key:"containerRef",ref:k,class:["ev-switch",[{"is-checked":e(l),"is-labelled":s.label||e(u).label},e(t).classes,s.class]],style:s.style},e(w)),[r("div",M,[P,T,r("input",f({id:e(t).id,ref_key:"inputRef",ref:n,type:"checkbox",role:"switch",name:e(t).name,disabled:e(t).isDisabled,readonly:e(t).isReadonly,checked:e(l),value:e(g),"aria-disabled":e(t).isDisabled,"aria-checked":e(l)},e(y),{onInput:A,onFocus:i[0]||(i[0]=(...a)=>e(t).focus&&e(t).focus(...a)),onBlur:i[1]||(i[1]=(...a)=>e(t).blur&&e(t).blur(...a))}),null,16,j)]),s.label||s.hint||e(u).label?(d(),c("div",q,[h(e(B),{clickable:"",for:e(t).id,title:s.label,hint:s.hint},{default:V(()=>[x(o.$slots,"label")]),_:3},8,["for","title","hint"]),e(t).isShowErrorMessages?(d(),c("div",z,[h(e(F),{messages:e(t).errorMessages},null,8,["messages"])])):p("",!0)])):p("",!0)],16))}});export{W as default};
 //# sourceMappingURL=EvSwitch.vue.mjs.map

package/dist/esm/components/EvSwitch/EvSwitch.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvSwitch.vue.mjs";/*! Evance UI v1.1.31 | MIT License */export{f as default};
+import f from"./EvSwitch.vue.mjs";/*! Evance UI v1.1.34 | MIT License */export{f as default};
 //# sourceMappingURL=EvSwitch.vue2.mjs.map

package/dist/esm/components/EvTabs/EvTab/EvTab.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeEvButtonProps as e}from"../../EvButton/EvButton.mjs";import{propsFactory as t}from"../../../util/props.mjs";import{omit as r}from"../../../util/helpers.mjs";/*! Evance UI v1.1.31 | MIT License */const i=t({direction:{type:String,default:"horizontal"},...r(e({variant:"subtle",selectedClass:"is-selected",selectedAppearance:"primary",selectedVariant:"subtle"}),["active","symbol"])},"EvTab");export{i as makeEvTabProps};
+import{makeEvButtonProps as e}from"../../EvButton/EvButton.mjs";import{propsFactory as t}from"../../../util/props.mjs";import{omit as r}from"../../../util/helpers.mjs";/*! Evance UI v1.1.34 | MIT License */const i=t({direction:{type:String,default:"horizontal"},...r(e({variant:"subtle",selectedClass:"is-selected",selectedAppearance:"primary",selectedVariant:"subtle"}),["active","symbol"])},"EvTab");export{i as makeEvTabProps};
 //# sourceMappingURL=EvTab.mjs.map

package/dist/esm/components/EvTabs/EvTab/EvTab.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as H,useSlots as N,computed as p,ref as y,createBlock as R,openBlock as V,unref as t,mergeProps as X,createSlots as Y,withCtx as S,createElementVNode as q,normalizeClass as A,renderSlot as G,createTextVNode as O,toDisplayString as j}from"vue";/* empty css           */import{makeEvTabProps as F}from"./EvTab.mjs";import E from"../../EvButton/EvButton.vue.mjs";import{EvTabsSymbol as I}from"../EvTabs.mjs";import{useDefaults as J}from"../../../composables/defaults.mjs";import{filterComponentProps as K}from"../../../util/helpers.mjs";import{animate as L,easingStandard as Q}from"../../../util/animate.mjs";/*! Evance UI v1.1.31 | MIT License */const ae=H({__name:"EvTab",props:{...F()},setup($){const _=$,C=N(),o=J(_),f=p(()=>{var s,e;return((e=(s=d.value)==null?void 0:s.group)==null?void 0:e.isSelected.value)??!1}),r=p(()=>o.direction==="horizontal"),k=p(()=>K(E,o)),d=y(),v=y();function B({value:s}){var x,h;if(!s)return;const e=(h=(x=d.value)==null?void 0:x.$el.parentElement)==null?void 0:h.querySelector(".ev-tab.is-active .ev-tab--slider"),m=v.value;if(!e||!m)return;const P=getComputedStyle(e).color,n=e.getBoundingClientRect(),a=m.getBoundingClientRect(),c=r.value?"x":"y",u=r.value?"X":"Y",g=r.value?"right":"bottom",l=r.value?"width":"height",z=n[c],M=a[c],i=z>M?n[g]-a[g]:n[c]-a[c],T=Math.sign(i)>0?r.value?"right":"bottom":Math.sign(i)<0?r.value?"left":"top":"center",w=(Math.abs(i)+(Math.sign(i)<0?n[l]:a[l]))/Math.max(n[l],a[l])||0,D=n[l]/a[l]||0,b=1.5;L(m,{backgroundColor:[P,"currentcolor"],transform:[`translate${u}(${i}px) scale${u}(${D})`,`translate${u}(${i/b}px) scale${u}(${(w-1)/b+1})`,"none"],transformOrigin:Array(3).fill(T)},{duration:225,easing:Q})}return(s,e)=>(V(),R(t(E),X({ref_key:"rootEl",ref:d,role:"tab",class:["ev-tab",t(o).class],active:void 0,"aria-selected":String(f.value),symbol:t(I),tabindex:f.value?0:-1,style:t(o).style},k.value,{"onGroup:selected":B}),Y({additional:S(()=>[q("div",{ref_key:"sliderEl",ref:v,class:A(["ev-tab--slider"])},null,512)]),_:2},[t(o).text||t(C).default?{name:"default",fn:S(()=>[G(s.$slots,"default",{},()=>[O(j(t(o).text),1)])]),key:"0"}:void 0]),1040,["class","aria-selected","symbol","tabindex","style"]))}});export{ae as default};
+import{defineComponent as H,useSlots as N,computed as p,ref as y,createBlock as R,openBlock as V,unref as t,mergeProps as X,createSlots as Y,withCtx as S,createElementVNode as q,normalizeClass as A,renderSlot as G,createTextVNode as O,toDisplayString as j}from"vue";/* empty css           */import{makeEvTabProps as F}from"./EvTab.mjs";import E from"../../EvButton/EvButton.vue.mjs";import{EvTabsSymbol as I}from"../EvTabs.mjs";import{useDefaults as J}from"../../../composables/defaults.mjs";import{filterComponentProps as K}from"../../../util/helpers.mjs";import{animate as L,easingStandard as Q}from"../../../util/animate.mjs";/*! Evance UI v1.1.34 | MIT License */const ae=H({__name:"EvTab",props:{...F()},setup($){const _=$,C=N(),o=J(_),f=p(()=>{var s,e;return((e=(s=d.value)==null?void 0:s.group)==null?void 0:e.isSelected.value)??!1}),r=p(()=>o.direction==="horizontal"),k=p(()=>K(E,o)),d=y(),v=y();function B({value:s}){var x,h;if(!s)return;const e=(h=(x=d.value)==null?void 0:x.$el.parentElement)==null?void 0:h.querySelector(".ev-tab.is-active .ev-tab--slider"),m=v.value;if(!e||!m)return;const P=getComputedStyle(e).color,n=e.getBoundingClientRect(),a=m.getBoundingClientRect(),c=r.value?"x":"y",u=r.value?"X":"Y",g=r.value?"right":"bottom",l=r.value?"width":"height",z=n[c],M=a[c],i=z>M?n[g]-a[g]:n[c]-a[c],T=Math.sign(i)>0?r.value?"right":"bottom":Math.sign(i)<0?r.value?"left":"top":"center",w=(Math.abs(i)+(Math.sign(i)<0?n[l]:a[l]))/Math.max(n[l],a[l])||0,D=n[l]/a[l]||0,b=1.5;L(m,{backgroundColor:[P,"currentcolor"],transform:[`translate${u}(${i}px) scale${u}(${D})`,`translate${u}(${i/b}px) scale${u}(${(w-1)/b+1})`,"none"],transformOrigin:Array(3).fill(T)},{duration:225,easing:Q})}return(s,e)=>(V(),R(t(E),X({ref_key:"rootEl",ref:d,role:"tab",class:["ev-tab",t(o).class],active:void 0,"aria-selected":String(f.value),symbol:t(I),tabindex:f.value?0:-1,style:t(o).style},k.value,{"onGroup:selected":B}),Y({additional:S(()=>[q("div",{ref_key:"sliderEl",ref:v,class:A(["ev-tab--slider"])},null,512)]),_:2},[t(o).text||t(C).default?{name:"default",fn:S(()=>[G(s.$slots,"default",{},()=>[O(j(t(o).text),1)])]),key:"0"}:void 0]),1040,["class","aria-selected","symbol","tabindex","style"]))}});export{ae as default};
 //# sourceMappingURL=EvTab.vue.mjs.map