@evance/evance-ui 1.1.35 → 1.1.37

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

@@ -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.35 | 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.37 | 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

@@ -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.35 | 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.37 | 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.vue2.mjs

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

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

@@ -1,2 +1,2 @@
-import{shallowRef as w,watch as d}from"vue";/*! Evance UI v1.1.35 | 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.37 | 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

@@ -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.35 | 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.37 | 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

@@ -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.35 | 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.37 | 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

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

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

@@ -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.35 | 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.37 | 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

@@ -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.35 | 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.37 | 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

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

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

@@ -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.35 | 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.37 | 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

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

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

@@ -1,2 +1,2 @@
-/*! Evance UI v1.1.35 | 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.37 | 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

@@ -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.35 | 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};
+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.37 | 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.vue.mjs

@@ -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.35 | 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.37 | 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

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

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

@@ -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.35 | 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.37 | 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

@@ -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.35 | 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.37 | 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

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

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

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

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

@@ -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.35 | 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.37 | 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

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

package/dist/esm/components/EvT/EvT.mjs

@@ -1,2 +1,2 @@
-import{propsFactory as i}from"../../util/props.mjs";/*! Evance UI v1.1.35 | MIT License */function o(t){var l;const r=/\{\s*(\w+)\s*}/g,s=[];let e=0,n;for(;(n=r.exec(t))!==null;)n.index>e&&s.push({type:"text",value:t.slice(e,n.index)}),s.push({type:"slot",name:((l=n[1])==null?void 0:l.trim())??""}),e=r.lastIndex;return e<t.length&&s.push({type:"text",value:t.slice(e)}),s}const p=i({keypath:String,variables:Object},"EvT");export{p as makeEvTProps,o as parseTranslationTemplate};
+import{propsFactory as i}from"../../util/props.mjs";/*! Evance UI v1.1.37 | MIT License */function o(t){var l;const r=/\{\s*(\w+)\s*}/g,s=[];let e=0,n;for(;(n=r.exec(t))!==null;)n.index>e&&s.push({type:"text",value:t.slice(e,n.index)}),s.push({type:"slot",name:((l=n[1])==null?void 0:l.trim())??""}),e=r.lastIndex;return e<t.length&&s.push({type:"text",value:t.slice(e)}),s}const p=i({keypath:String,variables:Object},"EvT");export{p as makeEvTProps,o as parseTranslationTemplate};
 //# sourceMappingURL=EvT.mjs.map

package/dist/esm/components/EvT/EvT.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as i,computed as k,createElementBlock as t,openBlock as o,Fragment as r,renderList as d,renderSlot as f,createTextVNode as a,toDisplayString as s}from"vue";import{makeEvTProps as y,parseTranslationTemplate as v}from"./EvT.mjs";import{useLocaleFunctions as T}from"../../composables/locale.mjs";/*! Evance UI v1.1.35 | MIT License */const h=i({__name:"EvT",props:{...y()},setup(m){const n=m,{t:p}=T(),l=k(()=>v(p(n.keypath,n.variables)));return(c,_)=>(o(!0),t(r,null,d(l.value,(e,u)=>(o(),t(r,{key:u},[e.type==="text"?(o(),t(r,{key:0},[a(s(e.value),1)],64)):f(c.$slots,e.name,{key:1},()=>[a(s(`{ ${e.name} }`),1)])],64))),128))}});export{h as default};
+import{defineComponent as i,computed as k,createElementBlock as t,openBlock as o,Fragment as r,renderList as d,renderSlot as f,createTextVNode as a,toDisplayString as s}from"vue";import{makeEvTProps as y,parseTranslationTemplate as v}from"./EvT.mjs";import{useLocaleFunctions as T}from"../../composables/locale.mjs";/*! Evance UI v1.1.37 | MIT License */const h=i({__name:"EvT",props:{...y()},setup(m){const n=m,{t:p}=T(),l=k(()=>v(p(n.keypath,n.variables)));return(c,_)=>(o(!0),t(r,null,d(l.value,(e,u)=>(o(),t(r,{key:u},[e.type==="text"?(o(),t(r,{key:0},[a(s(e.value),1)],64)):f(c.$slots,e.name,{key:1},()=>[a(s(`{ ${e.name} }`),1)])],64))),128))}});export{h as default};
 //# sourceMappingURL=EvT.vue.mjs.map

package/dist/esm/components/EvT/EvT.vue2.mjs

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

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

@@ -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.35 | 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.37 | 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

@@ -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.35 | 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.37 | 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

package/dist/esm/components/EvTabs/EvTab/EvTab.vue2.mjs

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

package/dist/esm/components/EvTabs/EvTabs.mjs

@@ -1,2 +1,2 @@
-import{makeEvSlideGroupProps as o}from"../EvSlideGroup/EvSlideGroup.mjs";import{makeTagProps as r}from"../../composables/tag.mjs";import{propsFactory as a}from"../../util/props.mjs";/*! Evance UI v1.1.35 | MIT License */const m=Symbol.for("ev:tabs"),p=a({alignTabs:{type:String,default:"start"},grow:Boolean,items:{type:Array,default:()=>[]},size:String,...o({mandatory:"force"}),...r()},"EvTabs");export{m as EvTabsSymbol,p as makeEvTabsProps};
+import{makeEvSlideGroupProps as o}from"../EvSlideGroup/EvSlideGroup.mjs";import{makeTagProps as r}from"../../composables/tag.mjs";import{propsFactory as a}from"../../util/props.mjs";/*! Evance UI v1.1.37 | MIT License */const m=Symbol.for("ev:tabs"),p=a({alignTabs:{type:String,default:"start"},grow:Boolean,items:{type:Array,default:()=>[]},size:String,...o({mandatory:"force"}),...r()},"EvTabs");export{m as EvTabsSymbol,p as makeEvTabsProps};
 //# sourceMappingURL=EvTabs.mjs.map

package/dist/esm/components/EvTabs/EvTabs.scss.mjs

@@ -1,2 +1,2 @@
-/*! Evance UI v1.1.35 | MIT License */
+/*! Evance UI v1.1.37 | MIT License */
 //# sourceMappingURL=EvTabs.scss.mjs.map

package/dist/esm/components/EvTabs/EvTabs.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as y,computed as n,toRef as s,createBlock as p,openBlock as m,unref as l,mergeProps as i,isRef as _,withCtx as g,renderSlot as T,createElementBlock as V,Fragment as k,renderList as x}from"vue";import"./EvTabs.scss.mjs";import{makeEvTabsProps as E,EvTabsSymbol as P}from"./EvTabs.mjs";import u from"../EvSlideGroup/EvSlideGroup.vue.mjs";import{useModelProxy as C}from"../../composables/modelProxy.mjs";import{provideDefaults as $}from"../../composables/defaults.mjs";import w from"./EvTab/EvTab.vue.mjs";import{filterComponentProps as B}from"../../util/helpers.mjs";import{isObject as z}from"../../util/is-functions.mjs";/*! Evance UI v1.1.35 | MIT License */const M=y({__name:"EvTabs",props:{...E()},setup(c){const e=c;function d(o){return o?o.map(t=>z(t)?t:{text:t,value:t}):[]}const a=C(e,"modelValue"),f=n(()=>d(e.items));$({EvTab:{direction:s(e,"direction"),size:s(e,"size"),selectedAppearance:s(e,"selectedAppearance"),selectedVariant:s(e,"selectedVariant")}});const b=n(()=>B(u,e)),v=n(()=>`is-align-tabs-${e.alignTabs}`);return(o,t)=>(m(),p(l(u),i(b.value,{modelValue:l(a),"onUpdate:modelValue":t[0]||(t[0]=r=>_(a)?a.value=r:null),role:"tablist",class:["ev-tabs",v.value,{"is-grow":e.grow},e.class],style:e.style,symbol:l(P)}),{default:g(()=>[T(o.$slots,"default",{},()=>[(m(!0),V(k,null,x(f.value,r=>(m(),p(l(w),i({key:r.text},r),null,16))),128))])]),_:3},16,["modelValue","class","style","symbol"]))}});export{M as default};
+import{defineComponent as y,computed as n,toRef as s,createBlock as p,openBlock as m,unref as l,mergeProps as i,isRef as _,withCtx as g,renderSlot as T,createElementBlock as V,Fragment as k,renderList as x}from"vue";import"./EvTabs.scss.mjs";import{makeEvTabsProps as E,EvTabsSymbol as P}from"./EvTabs.mjs";import u from"../EvSlideGroup/EvSlideGroup.vue.mjs";import{useModelProxy as C}from"../../composables/modelProxy.mjs";import{provideDefaults as $}from"../../composables/defaults.mjs";import w from"./EvTab/EvTab.vue.mjs";import{filterComponentProps as B}from"../../util/helpers.mjs";import{isObject as z}from"../../util/is-functions.mjs";/*! Evance UI v1.1.37 | MIT License */const M=y({__name:"EvTabs",props:{...E()},setup(c){const e=c;function d(o){return o?o.map(t=>z(t)?t:{text:t,value:t}):[]}const a=C(e,"modelValue"),f=n(()=>d(e.items));$({EvTab:{direction:s(e,"direction"),size:s(e,"size"),selectedAppearance:s(e,"selectedAppearance"),selectedVariant:s(e,"selectedVariant")}});const b=n(()=>B(u,e)),v=n(()=>`is-align-tabs-${e.alignTabs}`);return(o,t)=>(m(),p(l(u),i(b.value,{modelValue:l(a),"onUpdate:modelValue":t[0]||(t[0]=r=>_(a)?a.value=r:null),role:"tablist",class:["ev-tabs",v.value,{"is-grow":e.grow},e.class],style:e.style,symbol:l(P)}),{default:g(()=>[T(o.$slots,"default",{},()=>[(m(!0),V(k,null,x(f.value,r=>(m(),p(l(w),i({key:r.text},r),null,16))),128))])]),_:3},16,["modelValue","class","style","symbol"]))}});export{M as default};
 //# sourceMappingURL=EvTabs.vue.mjs.map

package/dist/esm/components/EvTabs/EvTabs.vue2.mjs

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

package/dist/esm/components/EvTag/EvTag.mjs

@@ -1,2 +1,2 @@
-import{makeTagProps as r}from"../../composables/tag.mjs";import{makeComponentProps as a}from"../../composables/component.mjs";import{makeGroupItemProps as e}from"../../composables/groupItem.mjs";import{makeRoundedProps as n}from"../../composables/rounded.mjs";import{IconProp as o}from"../../composables/icons.mjs";import p from"../../icons/glyph/CheckIcon.svg.mjs";import{propsFactory as i}from"../../util/props.mjs";import{EventProp as t}from"../../util/events.mjs";import{Appearance as m}from"../../util/appearance.mjs";/*! Evance UI v1.1.35 | MIT License */const S=i({activeClass:String,appearance:{type:String,default:m.default},avatarEnd:String,avatarStart:String,closable:Boolean,draggable:Boolean,filter:Boolean,iconEnd:o,iconFilter:{type:o,default:p},iconStart:o,link:{type:Boolean,default:void 0},modelValue:{type:Boolean,default:!0},text:String,variant:{type:String,default:"default"},onClick:t(),onClickOnce:t(),...e(),...a(),...n(),...r({tag:"span"})},"EvTag");export{S as makeEvTagProps};
+import{makeTagProps as r}from"../../composables/tag.mjs";import{makeComponentProps as a}from"../../composables/component.mjs";import{makeGroupItemProps as e}from"../../composables/groupItem.mjs";import{makeRoundedProps as n}from"../../composables/rounded.mjs";import{IconProp as o}from"../../composables/icons.mjs";import p from"../../icons/glyph/CheckIcon.svg.mjs";import{propsFactory as i}from"../../util/props.mjs";import{EventProp as t}from"../../util/events.mjs";import{Appearance as m}from"../../util/appearance.mjs";/*! Evance UI v1.1.37 | MIT License */const S=i({activeClass:String,appearance:{type:String,default:m.default},avatarEnd:String,avatarStart:String,closable:Boolean,draggable:Boolean,filter:Boolean,iconEnd:o,iconFilter:{type:o,default:p},iconStart:o,link:{type:Boolean,default:void 0},modelValue:{type:Boolean,default:!0},text:String,variant:{type:String,default:"default"},onClick:t(),onClickOnce:t(),...e(),...a(),...n(),...r({tag:"span"})},"EvTag");export{S as makeEvTagProps};
 //# sourceMappingURL=EvTag.mjs.map

package/dist/esm/components/EvTag/EvTag.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as H,useSlots as O,useAttrs as X,computed as i,createBlock as o,createCommentVNode as r,unref as e,openBlock as l,resolveDynamicComponent as j,withKeys as V,normalizeStyle as q,normalizeClass as J,withCtx as d,createElementBlock as u,createElementVNode as w,withDirectives as Q,renderSlot as v,vShow as U,Fragment as A,normalizeProps as W,guardReactiveProps as Y,createTextVNode as Z,toDisplayString as ee,createVNode as ae}from"vue";/* empty css           */import{makeEvTagProps as te}from"./EvTag.mjs";import m from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import k from"../EvDefaultsProvider/EvDefaultsProvider.vue.mjs";import le from"../../icons/glyph/CancelIcon.svg.mjs";import{useLocaleFunctions as se}from"../../composables/locale.mjs";import{useModelProxy as ie}from"../../composables/modelProxy.mjs";import{useRouterLinkOrHref as oe}from"../../composables/router.mjs";import{useGroupItem as re}from"../../composables/groupItem.mjs";import $ from"../EvAvatar/EvAvatar.vue.mjs";import{EvTagGroupSymbol as ne}from"../EvTagGroup/EvTagGroup.mjs";import{EvTransitionExpandX as ce}from"../../EvTransitionExpand.mjs";import{useDefaults as de}from"../../composables/defaults.mjs";import{useAppearance as ue}from"../../util/appearance.mjs";/*! Evance UI v1.1.35 | MIT License */const fe={key:"filter",class:"ev-tag--filter"},ve={key:"prefix",class:"ev-tag--prefix"},me={class:"ev-tag--content","data-no-activator":""},pe={key:"suffix",class:"ev-tag--suffix"},ye=["aria-label"],Ie=H({__name:"EvTag",props:{...te()},emits:["click","click:close","group:selected","update:modelValue"],setup(D,{emit:g}){const a=de(D),c=O(),F=X(),n=oe(a,F),{t:L}=se(),p=ie(a,"modelValue"),t=re(a,ne,!1),I=i(()=>a.link!==!1&&n.isLink.value),f=i(()=>!a.disabled&&a.link!==!1&&(!!t||a.link||n.isClickable.value)),T=i(()=>L("close")),z=i(()=>n.isLink.value?"a":a.tag);function h(s){var y;g("click",s),f.value&&((y=n.navigate)==null||y.call(n,s),t==null||t.toggle())}function K(s){s.stopPropagation(),p.value=!1,g("click:close",s)}function b(s){I.value||!f.value||(s.preventDefault(),h(s))}const x=i(()=>(c.filter||a.filter)&&t),N=i(()=>({isSelected:t==null?void 0:t.isSelected.value,selectedClass:t==null?void 0:t.selectedClass.value,selectedAppearance:t==null?void 0:t.selectedAppearance.value,selectedVariant:t==null?void 0:t.selectedVariant.value,select:t==null?void 0:t.select,toggle:t==null?void 0:t.toggle,value:t==null?void 0:t.value.value,disabled:a.disabled})),_=i(()=>!!(a.avatarStart||a.iconStart)),S=i(()=>!!(a.avatarEnd||a.iconEnd)),B=i(()=>!!(_.value||c.prefix)),M=i(()=>!!(S.value||c.suffix)),{appearanceClass:G,variantClass:R}=ue(a,t,p);return(s,y)=>{var E,C;return e(p)?(l(),o(j(z.value),{key:0,class:J(["ev-tag",{"is-active":(E=e(t))==null?void 0:E.isSelected.value,"is-clickable":f.value,"is-disabled":e(a).disabled,"is-filter":x.value,"is-rounded":e(a).rounded},(C=e(t))==null?void 0:C.selectedClass.value,e(G),e(R),e(a).class]),style:q([e(a).style]),disabled:e(a).disabled||void 0,draggable:e(a).draggable,href:e(n).href.value,tabindex:f.value?0:void 0,onClick:h,onKeydown:[V(b,["enter"]),V(b,["space"])]},{default:d(()=>[x.value?(l(),o(e(ce),{key:"filter"},{default:d(()=>{var P;return[Q(w("div",fe,[e(c).filter?(l(),o(e(k),{key:"filter-defaults",disabled:!e(a).iconFilter,defaults:{EvIcon:{glyph:e(a).iconFilter}}},{default:d(()=>[v(s.$slots,"filter")]),_:3},8,["disabled","defaults"])):(l(),o(e(m),{key:"filter-icon",glyph:e(a).iconFilter},null,8,["glyph"]))],512),[[U,(P=e(t))==null?void 0:P.isSelected.value]])]}),_:3})):r("",!0),B.value?(l(),u("div",ve,[e(c).prefix?(l(),o(e(k),{key:"prefix-defaults",disabled:!_.value,defaults:{EvAvatar:{image:e(a).avatarStart},EvIcon:{glyph:e(a).iconStart}}},{default:d(()=>[v(s.$slots,"prefix")]),_:3},8,["disabled","defaults"])):(l(),u(A,{key:0},[e(a).iconStart?(l(),o(e(m),{key:"prefix-icon",glyph:e(a).iconStart},null,8,["glyph"])):r("",!0),e(a).avatarStart?(l(),o(e($),{key:"prefix-avatar",image:e(a).avatarStart},null,8,["image"])):r("",!0)],64))])):r("",!0),w("div",me,[v(s.$slots,"default",W(Y(N.value)),()=>[Z(ee(e(a).text),1)])]),M.value?(l(),u("div",pe,[e(c).suffix?(l(),o(e(k),{key:"suffix-defaults",disabled:!S.value,defaults:{EvAvatar:{image:e(a).avatarEnd},EvIcon:{glyph:e(a).iconEnd}}},{default:d(()=>[v(s.$slots,"suffix")]),_:3},8,["disabled","defaults"])):(l(),u(A,{key:0},[e(a).iconEnd?(l(),o(e(m),{key:"prefix-icon",glyph:e(a).iconEnd},null,8,["glyph"])):r("",!0),e(a).avatarEnd?(l(),o(e($),{key:"suffix-avatar",image:e(a).avatarEnd},null,8,["image"])):r("",!0)],64))])):r("",!0),e(a).closable?(l(),u("button",{key:"close",class:"ev-tag--close","aria-label":T.value,onClick:K},[ae(e(m),{glyph:e(le),size:"small"},null,8,["glyph"])],8,ye)):r("",!0)]),_:3},40,["class","style","disabled","draggable","href","tabindex","onKeydown"])):r("",!0)}}});export{Ie as default};
+import{defineComponent as H,useSlots as O,useAttrs as X,computed as i,createBlock as o,createCommentVNode as r,unref as e,openBlock as l,resolveDynamicComponent as j,withKeys as V,normalizeStyle as q,normalizeClass as J,withCtx as d,createElementBlock as u,createElementVNode as w,withDirectives as Q,renderSlot as v,vShow as U,Fragment as A,normalizeProps as W,guardReactiveProps as Y,createTextVNode as Z,toDisplayString as ee,createVNode as ae}from"vue";/* empty css           */import{makeEvTagProps as te}from"./EvTag.mjs";import m from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import k from"../EvDefaultsProvider/EvDefaultsProvider.vue.mjs";import le from"../../icons/glyph/CancelIcon.svg.mjs";import{useLocaleFunctions as se}from"../../composables/locale.mjs";import{useModelProxy as ie}from"../../composables/modelProxy.mjs";import{useRouterLinkOrHref as oe}from"../../composables/router.mjs";import{useGroupItem as re}from"../../composables/groupItem.mjs";import $ from"../EvAvatar/EvAvatar.vue.mjs";import{EvTagGroupSymbol as ne}from"../EvTagGroup/EvTagGroup.mjs";import{EvTransitionExpandX as ce}from"../../EvTransitionExpand.mjs";import{useDefaults as de}from"../../composables/defaults.mjs";import{useAppearance as ue}from"../../util/appearance.mjs";/*! Evance UI v1.1.37 | MIT License */const fe={key:"filter",class:"ev-tag--filter"},ve={key:"prefix",class:"ev-tag--prefix"},me={class:"ev-tag--content","data-no-activator":""},pe={key:"suffix",class:"ev-tag--suffix"},ye=["aria-label"],Ie=H({__name:"EvTag",props:{...te()},emits:["click","click:close","group:selected","update:modelValue"],setup(D,{emit:g}){const a=de(D),c=O(),F=X(),n=oe(a,F),{t:L}=se(),p=ie(a,"modelValue"),t=re(a,ne,!1),I=i(()=>a.link!==!1&&n.isLink.value),f=i(()=>!a.disabled&&a.link!==!1&&(!!t||a.link||n.isClickable.value)),T=i(()=>L("close")),z=i(()=>n.isLink.value?"a":a.tag);function h(s){var y;g("click",s),f.value&&((y=n.navigate)==null||y.call(n,s),t==null||t.toggle())}function K(s){s.stopPropagation(),p.value=!1,g("click:close",s)}function b(s){I.value||!f.value||(s.preventDefault(),h(s))}const x=i(()=>(c.filter||a.filter)&&t),N=i(()=>({isSelected:t==null?void 0:t.isSelected.value,selectedClass:t==null?void 0:t.selectedClass.value,selectedAppearance:t==null?void 0:t.selectedAppearance.value,selectedVariant:t==null?void 0:t.selectedVariant.value,select:t==null?void 0:t.select,toggle:t==null?void 0:t.toggle,value:t==null?void 0:t.value.value,disabled:a.disabled})),_=i(()=>!!(a.avatarStart||a.iconStart)),S=i(()=>!!(a.avatarEnd||a.iconEnd)),B=i(()=>!!(_.value||c.prefix)),M=i(()=>!!(S.value||c.suffix)),{appearanceClass:G,variantClass:R}=ue(a,t,p);return(s,y)=>{var E,C;return e(p)?(l(),o(j(z.value),{key:0,class:J(["ev-tag",{"is-active":(E=e(t))==null?void 0:E.isSelected.value,"is-clickable":f.value,"is-disabled":e(a).disabled,"is-filter":x.value,"is-rounded":e(a).rounded},(C=e(t))==null?void 0:C.selectedClass.value,e(G),e(R),e(a).class]),style:q([e(a).style]),disabled:e(a).disabled||void 0,draggable:e(a).draggable,href:e(n).href.value,tabindex:f.value?0:void 0,onClick:h,onKeydown:[V(b,["enter"]),V(b,["space"])]},{default:d(()=>[x.value?(l(),o(e(ce),{key:"filter"},{default:d(()=>{var P;return[Q(w("div",fe,[e(c).filter?(l(),o(e(k),{key:"filter-defaults",disabled:!e(a).iconFilter,defaults:{EvIcon:{glyph:e(a).iconFilter}}},{default:d(()=>[v(s.$slots,"filter")]),_:3},8,["disabled","defaults"])):(l(),o(e(m),{key:"filter-icon",glyph:e(a).iconFilter},null,8,["glyph"]))],512),[[U,(P=e(t))==null?void 0:P.isSelected.value]])]}),_:3})):r("",!0),B.value?(l(),u("div",ve,[e(c).prefix?(l(),o(e(k),{key:"prefix-defaults",disabled:!_.value,defaults:{EvAvatar:{image:e(a).avatarStart},EvIcon:{glyph:e(a).iconStart}}},{default:d(()=>[v(s.$slots,"prefix")]),_:3},8,["disabled","defaults"])):(l(),u(A,{key:0},[e(a).iconStart?(l(),o(e(m),{key:"prefix-icon",glyph:e(a).iconStart},null,8,["glyph"])):r("",!0),e(a).avatarStart?(l(),o(e($),{key:"prefix-avatar",image:e(a).avatarStart},null,8,["image"])):r("",!0)],64))])):r("",!0),w("div",me,[v(s.$slots,"default",W(Y(N.value)),()=>[Z(ee(e(a).text),1)])]),M.value?(l(),u("div",pe,[e(c).suffix?(l(),o(e(k),{key:"suffix-defaults",disabled:!S.value,defaults:{EvAvatar:{image:e(a).avatarEnd},EvIcon:{glyph:e(a).iconEnd}}},{default:d(()=>[v(s.$slots,"suffix")]),_:3},8,["disabled","defaults"])):(l(),u(A,{key:0},[e(a).iconEnd?(l(),o(e(m),{key:"prefix-icon",glyph:e(a).iconEnd},null,8,["glyph"])):r("",!0),e(a).avatarEnd?(l(),o(e($),{key:"suffix-avatar",image:e(a).avatarEnd},null,8,["image"])):r("",!0)],64))])):r("",!0),e(a).closable?(l(),u("button",{key:"close",class:"ev-tag--close","aria-label":T.value,onClick:K},[ae(e(m),{glyph:e(le),size:"small"},null,8,["glyph"])],8,ye)):r("",!0)]),_:3},40,["class","style","disabled","draggable","href","tabindex","onKeydown"])):r("",!0)}}});export{Ie as default};
 //# sourceMappingURL=EvTag.vue.mjs.map

package/dist/esm/components/EvTag/EvTag.vue2.mjs

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

package/dist/esm/components/EvTagGroup/EvTagGroup.mjs

@@ -1,2 +1,2 @@
-import{makeTagProps as o}from"../../composables/tag.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeGroupProps as e}from"../../composables/group.mjs";import{makeEvSlideGroupProps as p}from"../EvSlideGroup/EvSlideGroup.mjs";import{propsFactory as a}from"../../util/props.mjs";import{isDeepEqual as m}from"../../util/is-functions.mjs";/*! Evance UI v1.1.35 | MIT License */const c=Symbol.for("ev:tag-group"),f=a({column:Boolean,filter:Boolean,valueComparator:{type:Function,default:m},...p(),...r(),...e({selectedClass:"is-selected",selectedAppearance:"primary",selectedVariant:"outlined"}),...o()},"EvTagGroup");export{c as EvTagGroupSymbol,f as makeEvTagGroupProps};
+import{makeTagProps as o}from"../../composables/tag.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeGroupProps as e}from"../../composables/group.mjs";import{makeEvSlideGroupProps as p}from"../EvSlideGroup/EvSlideGroup.mjs";import{propsFactory as a}from"../../util/props.mjs";import{isDeepEqual as m}from"../../util/is-functions.mjs";/*! Evance UI v1.1.37 | MIT License */const c=Symbol.for("ev:tag-group"),f=a({column:Boolean,filter:Boolean,valueComparator:{type:Function,default:m},...p(),...r(),...e({selectedClass:"is-selected",selectedAppearance:"primary",selectedVariant:"outlined"}),...o()},"EvTagGroup");export{c as EvTagGroupSymbol,f as makeEvTagGroupProps};
 //# sourceMappingURL=EvTagGroup.mjs.map

package/dist/esm/components/EvTagGroup/EvTagGroup.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as f,computed as o,toRef as r,createBlock as d,openBlock as v,unref as g,mergeProps as _,withCtx as P,renderSlot as G,normalizeProps as y,guardReactiveProps as E}from"vue";/* empty css                */import{makeEvTagGroupProps as T,EvTagGroupSymbol as b}from"./EvTagGroup.mjs";import{useGroup as k}from"../../composables/group.mjs";import{provideDefaults as x}from"../../composables/defaults.mjs";import t from"../EvSlideGroup/EvSlideGroup.vue.mjs";import{filterComponentProps as C}from"../../util/helpers.mjs";/*! Evance UI v1.1.35 | MIT License */const j=f({__name:"EvTagGroup",props:{...T()},setup(s){const e=s,{isSelected:l,select:p,next:a,previous:m,selected:u}=k(e,b),c=o(()=>({isSelected:l,select:p,next:a,previous:m,selected:u.value}));x({EvTag:{disabled:r(e,"disabled"),filter:r(e,"filter")}});const i=o(()=>C(t,e));return(n,S)=>(v(),d(g(t),_(i.value,{class:["ev-tag-group",{"is-column":e.column},e.class],style:e.style}),{default:P(()=>[G(n.$slots,"default",y(E(c.value)))]),_:3},16,["class","style"]))}});export{j as default};
+import{defineComponent as f,computed as o,toRef as r,createBlock as d,openBlock as v,unref as g,mergeProps as _,withCtx as P,renderSlot as G,normalizeProps as y,guardReactiveProps as E}from"vue";/* empty css                */import{makeEvTagGroupProps as T,EvTagGroupSymbol as b}from"./EvTagGroup.mjs";import{useGroup as k}from"../../composables/group.mjs";import{provideDefaults as x}from"../../composables/defaults.mjs";import t from"../EvSlideGroup/EvSlideGroup.vue.mjs";import{filterComponentProps as C}from"../../util/helpers.mjs";/*! Evance UI v1.1.37 | MIT License */const j=f({__name:"EvTagGroup",props:{...T()},setup(s){const e=s,{isSelected:l,select:p,next:a,previous:m,selected:u}=k(e,b),c=o(()=>({isSelected:l,select:p,next:a,previous:m,selected:u.value}));x({EvTag:{disabled:r(e,"disabled"),filter:r(e,"filter")}});const i=o(()=>C(t,e));return(n,S)=>(v(),d(g(t),_(i.value,{class:["ev-tag-group",{"is-column":e.column},e.class],style:e.style}),{default:P(()=>[G(n.$slots,"default",y(E(c.value)))]),_:3},16,["class","style"]))}});export{j as default};
 //# sourceMappingURL=EvTagGroup.vue.mjs.map

package/dist/esm/components/EvTagGroup/EvTagGroup.vue2.mjs

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

package/dist/esm/components/EvText/EvText.mjs

@@ -1,2 +1,2 @@
-import{makeComponentProps as e}from"../../composables/component.mjs";import{makeTagProps as t}from"../../composables/tag.mjs";import{propsFactory as r}from"../../util/props.mjs";/*! Evance UI v1.1.35 | MIT License */const l={small:"small",medium:"medium",large:"large",xLarge:"x-large"},i={"x-large":"text-subtitle",large:"text-large",medium:"text-medium",small:"text-small"},s=r({appearance:String,monospace:Boolean,size:String,text:String,truncate:[Number,Boolean],weight:String,...e(),...t({tag:"p"})},"EvText");export{l as EvTextSize,i as EvTextSizeClass,s as makeEvTextProps};
+import{makeComponentProps as e}from"../../composables/component.mjs";import{makeTagProps as t}from"../../composables/tag.mjs";import{propsFactory as r}from"../../util/props.mjs";/*! Evance UI v1.1.37 | MIT License */const l={small:"small",medium:"medium",large:"large",xLarge:"x-large"},i={"x-large":"text-subtitle",large:"text-large",medium:"text-medium",small:"text-small"},s=r({appearance:String,monospace:Boolean,size:String,text:String,truncate:[Number,Boolean],weight:String,...e(),...t({tag:"p"})},"EvText");export{l as EvTextSize,i as EvTextSizeClass,s as makeEvTextProps};
 //# sourceMappingURL=EvText.mjs.map

package/dist/esm/components/EvText/EvText.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as p,useCssVars as m,computed as t,createBlock as f,openBlock as v,resolveDynamicComponent as C,unref as s,normalizeStyle as d,normalizeClass as x,withCtx as y,renderSlot as _,createTextVNode as g,toDisplayString as h}from"vue";/* empty css            */import{makeEvTextProps as w,EvTextSizeClass as z}from"./EvText.mjs";import{useDefaults as k}from"../../composables/defaults.mjs";import{isBoolean as S,isNumber as T}from"../../util/is-functions.mjs";import{makeClassName as B}from"../../util/modifiers.mjs";import{useAppearance as D}from"../../util/appearance.mjs";/*! Evance UI v1.1.35 | MIT License */const j=p({__name:"EvText",props:{...w()},setup(r){const n=r;m(a=>({c221e7f8:l.value}));const e=k(n),o=t(()=>z[e.size]),c=t(()=>{if(e.truncate)return S(e.truncate)?"is-truncate":"is-truncate-lines"}),l=t(()=>T(e.truncate)?e.truncate:1),i=t(()=>e.weight?B(e.weight,"text-weight"):void 0),u=t(()=>{if(!e.appearance)return;const{appearanceClass:a}=D(e);return a.value});return(a,E)=>(v(),f(C(s(e).tag),{class:x(["ev-text",{"typeface-monospace":s(e).monospace},o.value,i.value,c.value,u.value,s(e).class]),style:d(s(e).style)},{default:y(()=>[_(a.$slots,"default",{},()=>[g(h(s(e).text),1)])]),_:3},8,["class","style"]))}});export{j as default};
+import{defineComponent as p,useCssVars as m,computed as t,createBlock as f,openBlock as v,resolveDynamicComponent as C,unref as s,normalizeStyle as d,normalizeClass as x,withCtx as y,renderSlot as _,createTextVNode as g,toDisplayString as h}from"vue";/* empty css            */import{makeEvTextProps as w,EvTextSizeClass as z}from"./EvText.mjs";import{useDefaults as k}from"../../composables/defaults.mjs";import{isBoolean as S,isNumber as T}from"../../util/is-functions.mjs";import{makeClassName as B}from"../../util/modifiers.mjs";import{useAppearance as D}from"../../util/appearance.mjs";/*! Evance UI v1.1.37 | MIT License */const j=p({__name:"EvText",props:{...w()},setup(r){const n=r;m(a=>({c221e7f8:l.value}));const e=k(n),o=t(()=>z[e.size]),c=t(()=>{if(e.truncate)return S(e.truncate)?"is-truncate":"is-truncate-lines"}),l=t(()=>T(e.truncate)?e.truncate:1),i=t(()=>e.weight?B(e.weight,"text-weight"):void 0),u=t(()=>{if(!e.appearance)return;const{appearanceClass:a}=D(e);return a.value});return(a,E)=>(v(),f(C(s(e).tag),{class:x(["ev-text",{"typeface-monospace":s(e).monospace},o.value,i.value,c.value,u.value,s(e).class]),style:d(s(e).style)},{default:y(()=>[_(a.$slots,"default",{},()=>[g(h(s(e).text),1)])]),_:3},8,["class","style"]))}});export{j as default};
 //# sourceMappingURL=EvText.vue.mjs.map

package/dist/esm/components/EvText/EvText.vue3.mjs

@@ -1,2 +1,2 @@
-import o from"./EvText.vue.mjs";/* empty css            *//*! Evance UI v1.1.35 | MIT License */export{o as default};
+import o from"./EvText.vue.mjs";/* empty css            *//*! Evance UI v1.1.37 | MIT License */export{o as default};
 //# sourceMappingURL=EvText.vue3.mjs.map

package/dist/esm/components/EvTextarea/EvTextarea.mjs

@@ -1,2 +1,2 @@
-import{makeComponentProps as o}from"../../composables/component.mjs";import{makeFormFieldProps as e}from"../../composables/validation.mjs";import{makeLabelProps as a}from"../EvLabel/EvLabel.mjs";import{propsFactory as r}from"../../util/props.mjs";import{makeInputAppearanceProps as t}from"../../util/appearance.mjs";/*! Evance UI v1.1.35 | MIT License */const i=r({autofocus:Boolean,autoselect:Boolean,autogrow:{type:Boolean,default:!0},autosubmit:Function,clearable:Boolean,loading:Boolean,placeholder:String,maxlength:Number,...a(),...e(),...t(),...o()},"EvTextarea");export{i as makeEvTextareaProps};
+import{makeComponentProps as o}from"../../composables/component.mjs";import{makeFormFieldProps as e}from"../../composables/validation.mjs";import{makeLabelProps as a}from"../EvLabel/EvLabel.mjs";import{propsFactory as r}from"../../util/props.mjs";import{makeInputAppearanceProps as t}from"../../util/appearance.mjs";/*! Evance UI v1.1.37 | MIT License */const i=r({autofocus:Boolean,autoselect:Boolean,autogrow:{type:Boolean,default:!0},autosubmit:Function,clearable:Boolean,loading:Boolean,placeholder:String,maxlength:Number,...a(),...e(),...t(),...o()},"EvTextarea");export{i as makeEvTextareaProps};
 //# sourceMappingURL=EvTextarea.mjs.map

package/dist/esm/components/EvTextarea/EvTextarea.vue.mjs

@@ -1,2 +1,2 @@
-import j from"../EvButton/EvButton.vue.mjs";import{defineComponent as q,useSlots as G,useAttrs as J,ref as y,computed as p,onUpdated as O,onMounted as Q,createElementBlock as l,openBlock as r,mergeProps as k,unref as t,createCommentVNode as s,createElementVNode as d,createVNode as i,withCtx as f,renderSlot as W,normalizeClass as X,withDirectives as Y,withKeys as Z,vModelText as ee,Transition as te,createBlock as b,createTextVNode as oe,toDisplayString as ae,nextTick as ne}from"vue";/* empty css                */import{makeEvTextareaProps as re}from"./EvTextarea.mjs";import{useAutofocus as se}from"../../composables/focus.mjs";import le from"../../icons/glyph/CancelIcon.svg.mjs";import w from"../EvProgress/EvProgress.vue.mjs";import ie from"../EvErrors/EvErrors.vue.mjs";import ue from"../EvLabel/EvLabel.vue.mjs";import ce from"../EvText/EvText.vue.mjs";/* empty css                    */import me from"../EvHotkey/EvHotkey.vue.mjs";import pe from"../EvT/EvT.vue.mjs";import{useFormField as de}from"../../composables/validation.mjs";import{useLocaleFunctions as fe}from"../../composables/locale.mjs";import{splitInputAttrs as he}from"../../util/helpers.mjs";import{Appearance as h,InputAppearance as ge}from"../../util/appearance.mjs";import{appearanceModifier as ve}from"../../util/modifiers.mjs";/*! Evance UI v1.1.35 | MIT License */const xe={key:0,class:"ev-textarea--label"},_e={class:"ev-textarea--input-wrapper"},ye={class:"ev-textarea--input"},ke=["id","name","disabled","readonly","placeholder","autofocus","maxlength","onKeydown"],be={key:0,class:"ev-textarea--clearable"},we={key:0,class:"ev-textarea-control--footer"},Ce={key:2,class:"ev-textarea-control--autosubmit"},Me={key:1,class:"ev-textarea--loader"},Ae={key:1,class:"ev-textarea--errors"},qe=q({inheritAttrs:!1,__name:"EvTextarea",props:{...re()},emits:["click:clear","click:control","mousedown:control","update:focused","update:modelValue"],setup(C,{expose:M,emit:g}){const o=C,A=G(),E=J(),F=y(null),u=y(null),[T,$]=he(E),a=de(o),D=p(()=>o.clearable&&!!a.value),{t:K}=fe();function c(){return u.value}function R(e){var n;e.stopPropagation(),ne(()=>{a.value=null,g("click:clear",e)}),(n=c())==null||n.focus()}function V(e){e.preventDefault(),e.stopPropagation()}function v(e){var n;a.focus(e),o.autoselect&&((n=c())==null||n.select())}function z(e){v(),g("click:control",e)}function P(e){g("mousedown:control",e),e.target!==u.value&&(v(),e.preventDefault())}function B(e){m()}function I(e){m()}function N(e){o.autosubmit&&(o.autosubmit(),e.preventDefault())}function m(){if(!o.autogrow)return;const e=c();e&&(e.style.height="auto",e.style.height=e.scrollHeight+1+"px")}O(()=>{m()}),Q(()=>{m()});const S=se(o),L=p(()=>o.maxlength?Math.min(100,Math.round(a.value.length/o.maxlength*100)):0),_=p(()=>{if(!a.isFocused||!o.maxlength)return;const e=o.maxlength-a.value.length;if(e<=0)return h.danger;const n=Math.min(10,Math.ceil(o.maxlength*.25));if(e<=n)return h.warning}),U=p(()=>o.maxlength?K("textarea.characters",{value:a.value.length,maxlength:o.maxlength}):"");return M({field:a,input:u,focus:()=>{var e;(e=c())==null||e.focus()}}),(e,n)=>{const H=j;return r(),l("div",k({ref_key:"containerRef",ref:F,class:["ev-textarea",[{"is-loading":e.loading,"is-autogrow":e.autogrow},t(a).classes,o.class]],style:o.style,role:"textbox"},t(T)),[o.label||o.hint||t(A).label?(r(),l("div",xe,[i(t(ue),{for:t(a).id,title:o.label,hint:o.hint},{default:f(()=>[W(e.$slots,"label")]),_:3},8,["for","title","hint"])])):s("",!0),d("div",{class:X(["ev-textarea--control",t(ve)(o.appearance,[t(ge).default])]),onClick:z,onMousedown:P},[d("div",_e,[d("div",ye,[Y(d("textarea",k({id:t(a).id,ref_key:"inputRef",ref:u,"onUpdate:modelValue":n[0]||(n[0]=x=>t(a).value=x),name:t(a).name,disabled:t(a).isDisabled,readonly:t(a).isReadonly,placeholder:e.placeholder,autofocus:e.autofocus,maxlength:o.maxlength},t($),{onFocus:v,onBlur:n[1]||(n[1]=(...x)=>t(a).blur&&t(a).blur(...x)),onKeydown:[B,Z(N,["enter"])],onKeyup:I}),null,16,ke),[[ee,t(a).value],[t(S)]])]),i(te,{name:"slide-fade"},{default:f(()=>[D.value?(r(),l("div",be,[i(H,{variant:"subtle",icon:t(le),size:"small",onClick:R,onMousedown:V},null,8,["icon"])])):s("",!0)]),_:1})]),o.maxlength||o.autosubmit?(r(),l("div",we,[o.maxlength?(r(),b(t(w),{key:0,size:1,percentage:L.value,appearance:_.value},null,8,["percentage","appearance"])):s("",!0),o.maxlength?(r(),b(t(ce),{key:1,tag:"span",class:"ev-textarea-control--characters",appearance:_.value},{default:f(()=>[oe(ae(U.value),1)]),_:1},8,["appearance"])):s("",!0),o.autosubmit?(r(),l("div",Ce,[i(t(pe),{keypath:"textarea.autosubmit"},{hotkey:f(()=>[i(t(me),{keys:"enter"})]),_:1})])):s("",!0)])):s("",!0),e.loading?(r(),l("div",Me,[i(t(w),{indeterminate:"",appearance:t(a).isFocused?t(h).notice:t(h).default,size:2},null,8,["appearance"])])):s("",!0)],34),t(a).isShowErrorMessages?(r(),l("div",Ae,[i(t(ie),{messages:t(a).errorMessages},null,8,["messages"])])):s("",!0)],16)}}});export{qe as default};
+import j from"../EvButton/EvButton.vue.mjs";import{defineComponent as q,useSlots as G,useAttrs as J,ref as k,computed as d,onUpdated as O,onMounted as Q,createElementBlock as s,openBlock as r,mergeProps as b,unref as t,createCommentVNode as l,createElementVNode as f,createVNode as i,withCtx as h,renderSlot as W,normalizeClass as X,withDirectives as Y,withKeys as Z,vModelText as ee,Transition as te,createBlock as w,createTextVNode as oe,toDisplayString as ae,nextTick as ne}from"vue";/* empty css                */import{makeEvTextareaProps as re}from"./EvTextarea.mjs";import{useAutofocus as le}from"../../composables/focus.mjs";import se from"../../icons/glyph/CancelIcon.svg.mjs";import C from"../EvProgress/EvProgress.vue.mjs";import ie from"../EvErrors/EvErrors.vue.mjs";import ue from"../EvLabel/EvLabel.vue.mjs";import ce from"../EvText/EvText.vue.mjs";/* empty css                    */import me from"../EvHotkey/EvHotkey.vue.mjs";import pe from"../EvT/EvT.vue.mjs";import{useFormField as de}from"../../composables/validation.mjs";import{useLocaleFunctions as fe}from"../../composables/locale.mjs";import{splitInputAttrs as he}from"../../util/helpers.mjs";import{Appearance as g,InputAppearance as ge}from"../../util/appearance.mjs";import{appearanceModifier as ve}from"../../util/modifiers.mjs";/*! Evance UI v1.1.37 | MIT License */const xe={key:0,class:"ev-textarea--label"},_e={class:"ev-textarea--input-wrapper"},ye={class:"ev-textarea--input"},ke=["id","name","disabled","readonly","placeholder","autofocus","maxlength","onKeydown"],be={key:0,class:"ev-textarea--clearable"},we={key:0,class:"ev-textarea-control--footer"},Ce={key:2,class:"ev-textarea-control--autosubmit"},Me={key:1,class:"ev-textarea--loader"},Ae={key:1,class:"ev-textarea--errors"},qe=q({inheritAttrs:!1,__name:"EvTextarea",props:{...re()},emits:["click:clear","click:control","mousedown:control","update:focused","update:modelValue"],setup(M,{expose:A,emit:v}){const o=M,E=G(),F=J(),T=k(null),u=k(null),[$,D]=he(F),a=de(o),K=d(()=>o.clearable&&!!a.value),{t:R}=fe();function c(){return u.value}function V(e){var n;e.stopPropagation(),ne(()=>{a.value=null,v("click:clear",e)}),(n=c())==null||n.focus()}function z(e){e.preventDefault(),e.stopPropagation()}function x(e){var n;a.focus(e),o.autoselect&&((n=c())==null||n.select())}function P(e){x(),v("click:control",e)}function B(e){v("mousedown:control",e),e.target!==u.value&&(x(),e.preventDefault())}function I(e){m()}function N(e){m()}function S(e){o.autosubmit&&(o.autosubmit(),e.preventDefault())}function m(){if(!o.autogrow)return;const e=c();e&&(e.style.height="auto",e.style.height=e.scrollHeight+1+"px")}O(()=>{m()}),Q(()=>{m()});const L=le(o),U=d(()=>{var e;return!o.maxlength||!((e=a.value)!=null&&e.length)?0:Math.min(100,Math.round(a.value.length/o.maxlength*100))}),y=d(()=>{var p;if(!a.isFocused||!o.maxlength||!((p=a.value)!=null&&p.length))return;const e=o.maxlength-a.value.length;if(e<=0)return g.danger;const n=Math.min(10,Math.ceil(o.maxlength*.25));if(e<=n)return g.warning}),H=d(()=>{var e;return o.maxlength?R("textarea.characters",{value:((e=a.value)==null?void 0:e.length)??0,maxlength:o.maxlength}):""});return A({field:a,input:u,focus:()=>{var e;(e=c())==null||e.focus()}}),(e,n)=>{const p=j;return r(),s("div",b({ref_key:"containerRef",ref:T,class:["ev-textarea",[{"is-loading":e.loading,"is-autogrow":e.autogrow},t(a).classes,o.class]],style:o.style,role:"textbox"},t($)),[o.label||o.hint||t(E).label?(r(),s("div",xe,[i(t(ue),{for:t(a).id,title:o.label,hint:o.hint},{default:h(()=>[W(e.$slots,"label")]),_:3},8,["for","title","hint"])])):l("",!0),f("div",{class:X(["ev-textarea--control",t(ve)(o.appearance,[t(ge).default])]),onClick:P,onMousedown:B},[f("div",_e,[f("div",ye,[Y(f("textarea",b({id:t(a).id,ref_key:"inputRef",ref:u,"onUpdate:modelValue":n[0]||(n[0]=_=>t(a).value=_),name:t(a).name,disabled:t(a).isDisabled,readonly:t(a).isReadonly,placeholder:e.placeholder,autofocus:e.autofocus,maxlength:o.maxlength},t(D),{onFocus:x,onBlur:n[1]||(n[1]=(..._)=>t(a).blur&&t(a).blur(..._)),onKeydown:[I,Z(S,["enter"])],onKeyup:N}),null,16,ke),[[ee,t(a).value],[t(L)]])]),i(te,{name:"slide-fade"},{default:h(()=>[K.value?(r(),s("div",be,[i(p,{variant:"subtle",icon:t(se),size:"small",onClick:V,onMousedown:z},null,8,["icon"])])):l("",!0)]),_:1})]),o.maxlength||o.autosubmit?(r(),s("div",we,[o.maxlength?(r(),w(t(C),{key:0,size:1,percentage:U.value,appearance:y.value},null,8,["percentage","appearance"])):l("",!0),o.maxlength?(r(),w(t(ce),{key:1,tag:"span",class:"ev-textarea-control--characters",appearance:y.value},{default:h(()=>[oe(ae(H.value),1)]),_:1},8,["appearance"])):l("",!0),o.autosubmit?(r(),s("div",Ce,[i(t(pe),{keypath:"textarea.autosubmit"},{hotkey:h(()=>[i(t(me),{keys:"enter"})]),_:1})])):l("",!0)])):l("",!0),e.loading?(r(),s("div",Me,[i(t(C),{indeterminate:"",appearance:t(a).isFocused?t(g).notice:t(g).default,size:2},null,8,["appearance"])])):l("",!0)],34),t(a).isShowErrorMessages?(r(),s("div",Ae,[i(t(ie),{messages:t(a).errorMessages},null,8,["messages"])])):l("",!0)],16)}}});export{qe as default};
 //# sourceMappingURL=EvTextarea.vue.mjs.map

package/dist/esm/components/EvTextarea/EvTextarea.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvTextarea.vue.mjs","sources":["../../../../src/components/EvTextarea/EvTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-textarea>`\n */\nimport \"./EvTextarea.scss\";\nimport { makeEvTextareaProps } from \"./EvTextarea\";\nimport { computed, nextTick, ref, useAttrs, onUpdated, onMounted } from \"vue\";\nimport {\n    Appearance,\n    appearanceModifier,\n    InputAppearance,\n    splitInputAttrs,\n} from \"@/util\";\nimport { useAutofocus } from \"@/composables/focus\";\nimport { CancelIcon } from \"@/icons\";\nimport { EvProgress } from \"@/components/EvProgress\";\nimport { EvErrors } from \"@/components/EvErrors\";\nimport { EvLabel } from \"@/components/EvLabel\";\nimport { EvText } from \"@/components/EvText\";\nimport { EvHotkey } from \"@/components/EvHotkey\";\nimport { EvT } from \"@/components/EvT\";\nimport { useFormField } from \"@/composables/validation\";\nimport { useLocaleFunctions } from \"@/composables\";\n\n/**\n * We want to pass attributes not defined as 'props'\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\n */\ndefineOptions({\n    inheritAttrs: false,\n});\n\nconst props = defineProps({\n    ...makeEvTextareaProps(),\n});\nconst slots = defineSlots<{\n    label(): never;\n}>();\n\n// Emit\nconst emit = defineEmits([\n    \"click:clear\",\n    \"click:control\",\n    \"mousedown:control\",\n    \"update:focused\",\n    \"update:modelValue\",\n]);\n\nconst attrs = useAttrs();\nconst containerRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\nconst formField = useFormField(props);\nconst isClearable = computed(() => {\n    return props.clearable && !!formField.value;\n});\nconst { t } = useLocaleFunctions();\n\n/**\n * ## Get Input Element\n */\nfunction getInputElement(): HTMLInputElement | null {\n    return inputRef.value;\n}\n\n/**\n * ## On Clearable Click\n * @param $event\n */\nfunction onClearableClick($event: MouseEvent) {\n    $event.stopPropagation();\n    nextTick(() => {\n        formField.value = null;\n        emit(\"click:clear\", $event);\n    });\n    getInputElement()?.focus();\n}\n\n/**\n * ## On Clearable Mousedown\n * @param e\n */\nfunction onClearableMousedown(e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n}\n\n/**\n * ## On Focus\n * @param e\n */\nfunction onFocus(e?: Event) {\n    formField.focus(e);\n    if (props.autoselect) {\n        getInputElement()?.select();\n    }\n}\n\n/**\n * ## On Control Click\n *\n * When the user clicks on the textarea.\n *\n * @param e\n */\nfunction onControlClick(e: MouseEvent) {\n    onFocus();\n    emit(\"click:control\", e);\n}\n\n/**\n * ## On Control Mousedown\n *\n * When the mousedown is triggered on the textarea.\n *\n * @param e\n */\nfunction onControlMousedown(e: MouseEvent) {\n    emit(\"mousedown:control\", e);\n    if (e.target === inputRef.value) {\n        return;\n    }\n    onFocus();\n    e.preventDefault();\n}\n\n/**\n * ## On Keydown\n * Attempt to resize the textarea on key down.\n * @param e\n */\nfunction onKeydown(e: Event) {\n    resize();\n}\n\n/**\n * ## On Keyup\n * Attempt to resize the textarea on key up.\n * @param e\n */\nfunction onKeyup(e: Event) {\n    resize();\n}\n\n/**\n * ## On Enter\n * When the user presses the Enter key, we can call an `autosubmit` function (if supplied).\n * @param e\n */\nfunction onKeyupEnter(e: Event) {\n    // Use the autosubmit callback if present\n    if (props.autosubmit) {\n        props.autosubmit();\n        e.preventDefault();\n    }\n}\n\n/**\n * ## Resize\n * If the component is set to `autogrow` then we resize the textarea appropriately\n * so that all the text is visible.\n */\nfunction resize() {\n    if (!props.autogrow) {\n        return;\n    }\n    const field = getInputElement();\n    if (!field) {\n        return;\n    }\n    field.style.height = \"auto\";\n    field.style.height = field.scrollHeight + 1 + \"px\";\n}\n\n/**\n * ## On Update\n * Ensures the textarea is resized when the component updates.\n */\nonUpdated(() => {\n    resize();\n});\n\n/**\n * ## On Mounted\n * Ensures the textarea is resized when the component loads.\n */\nonMounted(() => {\n    resize();\n});\n\n/**\n * ## Directive `v-autofocus`\n */\nconst vAutofocus = useAutofocus(props);\n\nconst maxlengthProgress = computed(() => {\n    if (!props.maxlength) {\n        return 0;\n    }\n    return Math.min(\n        100,\n        Math.round((formField.value.length / props.maxlength) * 100),\n    );\n});\n\nconst maxLengthAppearance = computed(() => {\n    if (!formField.isFocused || !props.maxlength) {\n        return undefined;\n    }\n    const charactersRemaining = props.maxlength - formField.value.length;\n    if (charactersRemaining <= 0) {\n        return Appearance.danger;\n    }\n    const warningThreshold = Math.min(10, Math.ceil(props.maxlength * 0.25));\n    if (charactersRemaining <= warningThreshold) {\n        return Appearance.warning;\n    }\n    return undefined;\n});\n\nconst maxlengthCharacterCount = computed(() => {\n    if (!props.maxlength) {\n        return \"\";\n    }\n    return t(\"textarea.characters\", {\n        value: formField.value.length,\n        maxlength: props.maxlength,\n    });\n});\n\n/**\n * ## Expose stuff\n */\ndefineExpose({\n    field: formField,\n    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\n});\n</script>\n\n<template>\n    <div\n        ref=\"containerRef\"\n        class=\"ev-textarea\"\n        :class=\"[\n            {\n                'is-loading': loading,\n                'is-autogrow': autogrow,\n            },\n            formField.classes,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        role=\"textbox\"\n        v-bind=\"containerAttrs\">\n        <div\n            v-if=\"props.label || props.hint || slots.label\"\n            class=\"ev-textarea--label\">\n            <ev-label\n                :for=\"formField.id\"\n                :title=\"props.label\"\n                :hint=\"props.hint\">\n                <slot name=\"label\" />\n            </ev-label>\n        </div>\n\n        <div\n            :class=\"[\n                'ev-textarea--control',\n                appearanceModifier(props.appearance, [InputAppearance.default]),\n            ]\"\n            @click=\"onControlClick\"\n            @mousedown=\"onControlMousedown\">\n            <div class=\"ev-textarea--input-wrapper\">\n                <div class=\"ev-textarea--input\">\n                    <textarea\n                        :id=\"formField.id\"\n                        ref=\"inputRef\"\n                        v-model=\"formField.value\"\n                        v-autofocus\n                        :name=\"formField.name\"\n                        :disabled=\"formField.isDisabled\"\n                        :readonly=\"formField.isReadonly\"\n                        :placeholder=\"placeholder\"\n                        :autofocus=\"autofocus\"\n                        :maxlength=\"props.maxlength\"\n                        v-bind=\"inputAttrs\"\n                        @focus=\"onFocus\"\n                        @blur=\"formField.blur\"\n                        @keydown=\"onKeydown\"\n                        @keyup=\"onKeyup\"\n                        @keydown.enter=\"onKeyupEnter\"></textarea>\n                </div>\n                <transition name=\"slide-fade\">\n                    <div v-if=\"isClearable\" class=\"ev-textarea--clearable\">\n                        <ev-button\n                            variant=\"subtle\"\n                            :icon=\"CancelIcon\"\n                            size=\"small\"\n                            @click=\"onClearableClick\"\n                            @mousedown=\"onClearableMousedown\" />\n                    </div>\n                </transition>\n            </div>\n            <div\n                v-if=\"props.maxlength || props.autosubmit\"\n                class=\"ev-textarea-control--footer\">\n                <ev-progress\n                    v-if=\"props.maxlength\"\n                    :size=\"1\"\n                    :percentage=\"maxlengthProgress\"\n                    :appearance=\"maxLengthAppearance\" />\n                <ev-text\n                    v-if=\"props.maxlength\"\n                    tag=\"span\"\n                    class=\"ev-textarea-control--characters\"\n                    :appearance=\"maxLengthAppearance\">\n                    {{ maxlengthCharacterCount }}\n                </ev-text>\n                <div\n                    v-if=\"props.autosubmit\"\n                    class=\"ev-textarea-control--autosubmit\">\n                    <ev-t keypath=\"textarea.autosubmit\">\n                        <template #hotkey>\n                            <ev-hotkey keys=\"enter\" />\n                        </template>\n                    </ev-t>\n                </div>\n            </div>\n            <div v-if=\"loading\" class=\"ev-textarea--loader\">\n                <ev-progress\n                    indeterminate\n                    :appearance=\"\n                        formField.isFocused\n                            ? Appearance.notice\n                            : Appearance.default\n                    \"\n                    :size=\"2\" />\n            </div>\n        </div>\n\n        <div v-if=\"formField.isShowErrorMessages\" class=\"ev-textarea--errors\">\n            <ev-errors :messages=\"formField.errorMessages\" />\n        </div>\n    </div>\n</template>\n"],"names":["slots","_useSlots","attrs","useAttrs","containerRef","ref","inputRef","containerAttrs","inputAttrs","splitInputAttrs","formField","useFormField","props","isClearable","computed","t","useLocaleFunctions","getInputElement","onClearableClick","$event","nextTick","emit","_a","onClearableMousedown","onFocus","onControlClick","onControlMousedown","onKeydown","resize","onKeyup","onKeyupEnter","field","onUpdated","onMounted","vAutofocus","useAutofocus","maxlengthProgress","maxLengthAppearance","charactersRemaining","Appearance","warningThreshold","maxlengthCharacterCount","__expose"],"mappings":"s6DAmCMA,EAAQC,IAaRC,EAAQC,EAAS,EACjBC,EAAeC,EAAwB,IAAI,EAC3CC,EAAWD,EAA6B,IAAI,EAC5C,CAACE,EAAgBC,CAAU,EAAIC,GAAgBP,CAAK,EACpDQ,EAAYC,GAAaC,CAAK,EAC9BC,EAAcC,EAAS,IAClBF,EAAM,WAAa,CAAC,CAACF,EAAU,KACzC,EACK,CAAE,EAAAK,CAAE,EAAIC,GAAmB,EAKjC,SAASC,GAA2C,CAChD,OAAOX,EAAS,KAAA,CAOpB,SAASY,EAAiBC,EAAoB,OAC1CA,EAAO,gBAAgB,EACvBC,GAAS,IAAM,CACXV,EAAU,MAAQ,KAClBW,EAAK,cAAeF,CAAM,CAAA,CAC7B,GACDG,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAO7B,SAASC,EAAqB,EAAe,CACzC,EAAE,eAAe,EACjB,EAAE,gBAAgB,CAAA,CAOtB,SAASC,EAAQ,EAAW,OACxBd,EAAU,MAAM,CAAC,EACbE,EAAM,cACNU,EAAAL,EAAA,IAAA,MAAAK,EAAmB,SACvB,CAUJ,SAASG,EAAe,EAAe,CAC3BD,EAAA,EACRH,EAAK,gBAAiB,CAAC,CAAA,CAU3B,SAASK,EAAmB,EAAe,CACvCL,EAAK,oBAAqB,CAAC,EACvB,EAAE,SAAWf,EAAS,QAGlBkB,EAAA,EACR,EAAE,eAAe,EAAA,CAQrB,SAASG,EAAU,EAAU,CAClBC,EAAA,CAAA,CAQX,SAASC,EAAQ,EAAU,CAChBD,EAAA,CAAA,CAQX,SAASE,EAAa,EAAU,CAExBlB,EAAM,aACNA,EAAM,WAAW,EACjB,EAAE,eAAe,EACrB,CAQJ,SAASgB,GAAS,CACV,GAAA,CAAChB,EAAM,SACP,OAEJ,MAAMmB,EAAQd,EAAgB,EACzBc,IAGLA,EAAM,MAAM,OAAS,OACrBA,EAAM,MAAM,OAASA,EAAM,aAAe,EAAI,KAAA,CAOlDC,EAAU,IAAM,CACLJ,EAAA,CAAA,CACV,EAMDK,EAAU,IAAM,CACLL,EAAA,CAAA,CACV,EAKK,MAAAM,EAAaC,GAAavB,CAAK,EAE/BwB,EAAoBtB,EAAS,IAC1BF,EAAM,UAGJ,KAAK,IACR,IACA,KAAK,MAAOF,EAAU,MAAM,OAASE,EAAM,UAAa,GAAG,CAC/D,EALW,CAMd,EAEKyB,EAAsBvB,EAAS,IAAM,CACvC,GAAI,CAACJ,EAAU,WAAa,CAACE,EAAM,UACxB,OAEX,MAAM0B,EAAsB1B,EAAM,UAAYF,EAAU,MAAM,OAC9D,GAAI4B,GAAuB,EACvB,OAAOC,EAAW,OAEhB,MAAAC,EAAmB,KAAK,IAAI,GAAI,KAAK,KAAK5B,EAAM,UAAY,GAAI,CAAC,EACvE,GAAI0B,GAAuBE,EACvB,OAAOD,EAAW,OAEf,CACV,EAEKE,EAA0B3B,EAAS,IAChCF,EAAM,UAGJG,EAAE,sBAAuB,CAC5B,MAAOL,EAAU,MAAM,OACvB,UAAWE,EAAM,SAAA,CACpB,EALU,EAMd,EAKY,OAAA8B,EAAA,CACT,MAAOhC,EACP,MAAOJ,EACP,MAAO,IAAM,QACTgB,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAC7B,CACH"}
+{"version":3,"file":"EvTextarea.vue.mjs","sources":["../../../../src/components/EvTextarea/EvTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-textarea>`\n */\nimport \"./EvTextarea.scss\";\nimport { makeEvTextareaProps } from \"./EvTextarea\";\nimport { computed, nextTick, ref, useAttrs, onUpdated, onMounted } from \"vue\";\nimport {\n    Appearance,\n    appearanceModifier,\n    InputAppearance,\n    splitInputAttrs,\n} from \"@/util\";\nimport { useAutofocus } from \"@/composables/focus\";\nimport { CancelIcon } from \"@/icons\";\nimport { EvProgress } from \"@/components/EvProgress\";\nimport { EvErrors } from \"@/components/EvErrors\";\nimport { EvLabel } from \"@/components/EvLabel\";\nimport { EvText } from \"@/components/EvText\";\nimport { EvHotkey } from \"@/components/EvHotkey\";\nimport { EvT } from \"@/components/EvT\";\nimport { useFormField } from \"@/composables/validation\";\nimport { useLocaleFunctions } from \"@/composables\";\n\n/**\n * We want to pass attributes not defined as 'props'\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\n */\ndefineOptions({\n    inheritAttrs: false,\n});\n\nconst props = defineProps({\n    ...makeEvTextareaProps(),\n});\nconst slots = defineSlots<{\n    label(): never;\n}>();\n\n// Emit\nconst emit = defineEmits([\n    \"click:clear\",\n    \"click:control\",\n    \"mousedown:control\",\n    \"update:focused\",\n    \"update:modelValue\",\n]);\n\nconst attrs = useAttrs();\nconst containerRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\nconst formField = useFormField(props);\nconst isClearable = computed(() => {\n    return props.clearable && !!formField.value;\n});\nconst { t } = useLocaleFunctions();\n\n/**\n * ## Get Input Element\n */\nfunction getInputElement(): HTMLInputElement | null {\n    return inputRef.value;\n}\n\n/**\n * ## On Clearable Click\n * @param $event\n */\nfunction onClearableClick($event: MouseEvent) {\n    $event.stopPropagation();\n    nextTick(() => {\n        formField.value = null;\n        emit(\"click:clear\", $event);\n    });\n    getInputElement()?.focus();\n}\n\n/**\n * ## On Clearable Mousedown\n * @param e\n */\nfunction onClearableMousedown(e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n}\n\n/**\n * ## On Focus\n * @param e\n */\nfunction onFocus(e?: Event) {\n    formField.focus(e);\n    if (props.autoselect) {\n        getInputElement()?.select();\n    }\n}\n\n/**\n * ## On Control Click\n *\n * When the user clicks on the textarea.\n *\n * @param e\n */\nfunction onControlClick(e: MouseEvent) {\n    onFocus();\n    emit(\"click:control\", e);\n}\n\n/**\n * ## On Control Mousedown\n *\n * When the mousedown is triggered on the textarea.\n *\n * @param e\n */\nfunction onControlMousedown(e: MouseEvent) {\n    emit(\"mousedown:control\", e);\n    if (e.target === inputRef.value) {\n        return;\n    }\n    onFocus();\n    e.preventDefault();\n}\n\n/**\n * ## On Keydown\n * Attempt to resize the textarea on key down.\n * @param e\n */\nfunction onKeydown(e: Event) {\n    resize();\n}\n\n/**\n * ## On Keyup\n * Attempt to resize the textarea on key up.\n * @param e\n */\nfunction onKeyup(e: Event) {\n    resize();\n}\n\n/**\n * ## On Enter\n * When the user presses the Enter key, we can call an `autosubmit` function (if supplied).\n * @param e\n */\nfunction onKeyupEnter(e: Event) {\n    // Use the autosubmit callback if present\n    if (props.autosubmit) {\n        props.autosubmit();\n        e.preventDefault();\n    }\n}\n\n/**\n * ## Resize\n * If the component is set to `autogrow` then we resize the textarea appropriately\n * so that all the text is visible.\n */\nfunction resize() {\n    if (!props.autogrow) {\n        return;\n    }\n    const field = getInputElement();\n    if (!field) {\n        return;\n    }\n    field.style.height = \"auto\";\n    field.style.height = field.scrollHeight + 1 + \"px\";\n}\n\n/**\n * ## On Update\n * Ensures the textarea is resized when the component updates.\n */\nonUpdated(() => {\n    resize();\n});\n\n/**\n * ## On Mounted\n * Ensures the textarea is resized when the component loads.\n */\nonMounted(() => {\n    resize();\n});\n\n/**\n * ## Directive `v-autofocus`\n */\nconst vAutofocus = useAutofocus(props);\n\nconst maxlengthProgress = computed(() => {\n    if (!props.maxlength || !formField.value?.length) {\n        return 0;\n    }\n    return Math.min(\n        100,\n        Math.round((formField.value.length / props.maxlength) * 100),\n    );\n});\n\nconst maxLengthAppearance = computed(() => {\n    if (!formField.isFocused || !props.maxlength || !formField.value?.length) {\n        return undefined;\n    }\n    const charactersRemaining = props.maxlength - formField.value.length;\n    if (charactersRemaining <= 0) {\n        return Appearance.danger;\n    }\n    const warningThreshold = Math.min(10, Math.ceil(props.maxlength * 0.25));\n    if (charactersRemaining <= warningThreshold) {\n        return Appearance.warning;\n    }\n    return undefined;\n});\n\nconst maxlengthCharacterCount = computed(() => {\n    if (!props.maxlength) {\n        return \"\";\n    }\n    return t(\"textarea.characters\", {\n        value: formField.value?.length ?? 0,\n        maxlength: props.maxlength,\n    });\n});\n\n/**\n * ## Expose stuff\n */\ndefineExpose({\n    field: formField,\n    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\n});\n</script>\n\n<template>\n    <div\n        ref=\"containerRef\"\n        class=\"ev-textarea\"\n        :class=\"[\n            {\n                'is-loading': loading,\n                'is-autogrow': autogrow,\n            },\n            formField.classes,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        role=\"textbox\"\n        v-bind=\"containerAttrs\">\n        <div\n            v-if=\"props.label || props.hint || slots.label\"\n            class=\"ev-textarea--label\">\n            <ev-label\n                :for=\"formField.id\"\n                :title=\"props.label\"\n                :hint=\"props.hint\">\n                <slot name=\"label\" />\n            </ev-label>\n        </div>\n\n        <div\n            :class=\"[\n                'ev-textarea--control',\n                appearanceModifier(props.appearance, [InputAppearance.default]),\n            ]\"\n            @click=\"onControlClick\"\n            @mousedown=\"onControlMousedown\">\n            <div class=\"ev-textarea--input-wrapper\">\n                <div class=\"ev-textarea--input\">\n                    <textarea\n                        :id=\"formField.id\"\n                        ref=\"inputRef\"\n                        v-model=\"formField.value\"\n                        v-autofocus\n                        :name=\"formField.name\"\n                        :disabled=\"formField.isDisabled\"\n                        :readonly=\"formField.isReadonly\"\n                        :placeholder=\"placeholder\"\n                        :autofocus=\"autofocus\"\n                        :maxlength=\"props.maxlength\"\n                        v-bind=\"inputAttrs\"\n                        @focus=\"onFocus\"\n                        @blur=\"formField.blur\"\n                        @keydown=\"onKeydown\"\n                        @keyup=\"onKeyup\"\n                        @keydown.enter=\"onKeyupEnter\"></textarea>\n                </div>\n                <transition name=\"slide-fade\">\n                    <div v-if=\"isClearable\" class=\"ev-textarea--clearable\">\n                        <ev-button\n                            variant=\"subtle\"\n                            :icon=\"CancelIcon\"\n                            size=\"small\"\n                            @click=\"onClearableClick\"\n                            @mousedown=\"onClearableMousedown\" />\n                    </div>\n                </transition>\n            </div>\n            <div\n                v-if=\"props.maxlength || props.autosubmit\"\n                class=\"ev-textarea-control--footer\">\n                <ev-progress\n                    v-if=\"props.maxlength\"\n                    :size=\"1\"\n                    :percentage=\"maxlengthProgress\"\n                    :appearance=\"maxLengthAppearance\" />\n                <ev-text\n                    v-if=\"props.maxlength\"\n                    tag=\"span\"\n                    class=\"ev-textarea-control--characters\"\n                    :appearance=\"maxLengthAppearance\">\n                    {{ maxlengthCharacterCount }}\n                </ev-text>\n                <div\n                    v-if=\"props.autosubmit\"\n                    class=\"ev-textarea-control--autosubmit\">\n                    <ev-t keypath=\"textarea.autosubmit\">\n                        <template #hotkey>\n                            <ev-hotkey keys=\"enter\" />\n                        </template>\n                    </ev-t>\n                </div>\n            </div>\n            <div v-if=\"loading\" class=\"ev-textarea--loader\">\n                <ev-progress\n                    indeterminate\n                    :appearance=\"\n                        formField.isFocused\n                            ? Appearance.notice\n                            : Appearance.default\n                    \"\n                    :size=\"2\" />\n            </div>\n        </div>\n\n        <div v-if=\"formField.isShowErrorMessages\" class=\"ev-textarea--errors\">\n            <ev-errors :messages=\"formField.errorMessages\" />\n        </div>\n    </div>\n</template>\n"],"names":["slots","_useSlots","attrs","useAttrs","containerRef","ref","inputRef","containerAttrs","inputAttrs","splitInputAttrs","formField","useFormField","props","isClearable","computed","t","useLocaleFunctions","getInputElement","onClearableClick","$event","nextTick","emit","_a","onClearableMousedown","onFocus","onControlClick","onControlMousedown","onKeydown","resize","onKeyup","onKeyupEnter","field","onUpdated","onMounted","vAutofocus","useAutofocus","maxlengthProgress","maxLengthAppearance","charactersRemaining","Appearance","warningThreshold","maxlengthCharacterCount","__expose"],"mappings":"s6DAmCMA,EAAQC,IAaRC,EAAQC,EAAS,EACjBC,EAAeC,EAAwB,IAAI,EAC3CC,EAAWD,EAA6B,IAAI,EAC5C,CAACE,EAAgBC,CAAU,EAAIC,GAAgBP,CAAK,EACpDQ,EAAYC,GAAaC,CAAK,EAC9BC,EAAcC,EAAS,IAClBF,EAAM,WAAa,CAAC,CAACF,EAAU,KACzC,EACK,CAAE,EAAAK,CAAE,EAAIC,GAAmB,EAKjC,SAASC,GAA2C,CAChD,OAAOX,EAAS,KAAA,CAOpB,SAASY,EAAiBC,EAAoB,OAC1CA,EAAO,gBAAgB,EACvBC,GAAS,IAAM,CACXV,EAAU,MAAQ,KAClBW,EAAK,cAAeF,CAAM,CAAA,CAC7B,GACDG,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAO7B,SAASC,EAAqB,EAAe,CACzC,EAAE,eAAe,EACjB,EAAE,gBAAgB,CAAA,CAOtB,SAASC,EAAQ,EAAW,OACxBd,EAAU,MAAM,CAAC,EACbE,EAAM,cACNU,EAAAL,EAAA,IAAA,MAAAK,EAAmB,SACvB,CAUJ,SAASG,EAAe,EAAe,CAC3BD,EAAA,EACRH,EAAK,gBAAiB,CAAC,CAAA,CAU3B,SAASK,EAAmB,EAAe,CACvCL,EAAK,oBAAqB,CAAC,EACvB,EAAE,SAAWf,EAAS,QAGlBkB,EAAA,EACR,EAAE,eAAe,EAAA,CAQrB,SAASG,EAAU,EAAU,CAClBC,EAAA,CAAA,CAQX,SAASC,EAAQ,EAAU,CAChBD,EAAA,CAAA,CAQX,SAASE,EAAa,EAAU,CAExBlB,EAAM,aACNA,EAAM,WAAW,EACjB,EAAE,eAAe,EACrB,CAQJ,SAASgB,GAAS,CACV,GAAA,CAAChB,EAAM,SACP,OAEJ,MAAMmB,EAAQd,EAAgB,EACzBc,IAGLA,EAAM,MAAM,OAAS,OACrBA,EAAM,MAAM,OAASA,EAAM,aAAe,EAAI,KAAA,CAOlDC,EAAU,IAAM,CACLJ,EAAA,CAAA,CACV,EAMDK,EAAU,IAAM,CACLL,EAAA,CAAA,CACV,EAKK,MAAAM,EAAaC,GAAavB,CAAK,EAE/BwB,EAAoBtB,EAAS,IAAM,OACrC,MAAI,CAACF,EAAM,WAAa,GAACU,EAAAZ,EAAU,QAAV,MAAAY,EAAiB,QAC/B,EAEJ,KAAK,IACR,IACA,KAAK,MAAOZ,EAAU,MAAM,OAASE,EAAM,UAAa,GAAG,CAC/D,CAAA,CACH,EAEKyB,EAAsBvB,EAAS,IAAM,OACnC,GAAA,CAACJ,EAAU,WAAa,CAACE,EAAM,WAAa,GAACU,EAAAZ,EAAU,QAAV,MAAAY,EAAiB,QACvD,OAEX,MAAMgB,EAAsB1B,EAAM,UAAYF,EAAU,MAAM,OAC9D,GAAI4B,GAAuB,EACvB,OAAOC,EAAW,OAEhB,MAAAC,EAAmB,KAAK,IAAI,GAAI,KAAK,KAAK5B,EAAM,UAAY,GAAI,CAAC,EACvE,GAAI0B,GAAuBE,EACvB,OAAOD,EAAW,OAEf,CACV,EAEKE,EAA0B3B,EAAS,IAAM,OACvC,OAACF,EAAM,UAGJG,EAAE,sBAAuB,CAC5B,QAAOO,EAAAZ,EAAU,QAAV,YAAAY,EAAiB,SAAU,EAClC,UAAWV,EAAM,SAAA,CACpB,EALU,EAKV,CACJ,EAKY,OAAA8B,EAAA,CACT,MAAOhC,EACP,MAAOJ,EACP,MAAO,IAAM,QACTgB,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAC7B,CACH"}

package/dist/esm/components/EvTextarea/EvTextarea.vue2.mjs

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