@evance/evance-ui 1.1.31 → 1.1.33

package/dist/esm/components/EvDataTable/composables/sort.mjs

@@ -1,2 +1,2 @@
-import{computed as s}from"vue";import{useModelProxy as A}from"../../../composables/modelProxy.mjs";import f from"../../../icons/glyph/ArrowDownIcon.svg.mjs";import m from"../../../icons/glyph/ArrowUpIcon.svg.mjs";import{useLocaleFunctions as w}from"../../../composables/locale.mjs";import{propsFactory as D}from"../../../util/props.mjs";/*! Evance UI v1.1.30 | MIT License */const W=D({sort:{type:Array,default:()=>[]},sortOptions:Array},"data-table-sort");function k(l){const r=A(l,"sort"),{t:c}=w(),v=s(()=>{var t;return(t=l.sortOptions)==null?void 0:t.length});function b(t){return a(t).every(e=>e.disabled)}function a(t){return i.value.filter(e=>e.title===t)}function O(t){return i.value.filter(o=>o.value===t).map(o=>o.title)[0]??void 0}function n(t){return t==null?void 0:t.endsWith("asc")}const i=s(()=>l.sortOptions.map(t=>Object.assign({disabled:t.disabled??!1,direction:t.value.endsWith("asc")?c("sort.ascending"):c("sort.descending")},t))),S=s(()=>{const t=Array.from(new Set(i.value.map(o=>o.title))),e=[];for(const o of t)e.push({title:o,value:o,props:{disabled:b(o)}});return e}),u=s(()=>{const t=[];for(const e of r.value)t.push(O(e));return t}),d=s(()=>u.value[0]),g=s(()=>a(d.value).map(e=>Object.assign({props:{disabled:e.disabled,iconStart:n(e.value)?m:f}},e))),y=t=>{const e=a(t[0]),h=e.filter(p=>n(p.value)===n(r.value[0])&&!p.disabled)[0]??e[0];r.value=[h.value]},T=s(()=>n(r.value[0])?m:f);return{hasSort:v,sortOptions:i,sortSelected:r,sortTitle:d,sortTitleOptions:S,sortTitleSelected:u,sortDirectionOptions:g,onSortTitleSelected:y,sortIcon:T}}export{W as makeDataTableSortProps,k as useSortOptions};
+import{computed as s}from"vue";import{useModelProxy as A}from"../../../composables/modelProxy.mjs";import f from"../../../icons/glyph/ArrowDownIcon.svg.mjs";import m from"../../../icons/glyph/ArrowUpIcon.svg.mjs";import{useLocaleFunctions as w}from"../../../composables/locale.mjs";import{propsFactory as D}from"../../../util/props.mjs";/*! Evance UI v1.1.33 | MIT License */const W=D({sort:{type:Array,default:()=>[]},sortOptions:Array},"data-table-sort");function k(l){const r=A(l,"sort"),{t:c}=w(),v=s(()=>{var t;return(t=l.sortOptions)==null?void 0:t.length});function b(t){return a(t).every(e=>e.disabled)}function a(t){return i.value.filter(e=>e.title===t)}function O(t){return i.value.filter(o=>o.value===t).map(o=>o.title)[0]??void 0}function n(t){return t==null?void 0:t.endsWith("asc")}const i=s(()=>l.sortOptions.map(t=>Object.assign({disabled:t.disabled??!1,direction:t.value.endsWith("asc")?c("sort.ascending"):c("sort.descending")},t))),S=s(()=>{const t=Array.from(new Set(i.value.map(o=>o.title))),e=[];for(const o of t)e.push({title:o,value:o,props:{disabled:b(o)}});return e}),u=s(()=>{const t=[];for(const e of r.value)t.push(O(e));return t}),d=s(()=>u.value[0]),g=s(()=>a(d.value).map(e=>Object.assign({props:{disabled:e.disabled,iconStart:n(e.value)?m:f}},e))),y=t=>{const e=a(t[0]),h=e.filter(p=>n(p.value)===n(r.value[0])&&!p.disabled)[0]??e[0];r.value=[h.value]},T=s(()=>n(r.value[0])?m:f);return{hasSort:v,sortOptions:i,sortSelected:r,sortTitle:d,sortTitleOptions:S,sortTitleSelected:u,sortDirectionOptions:g,onSortTitleSelected:y,sortIcon:T}}export{W as makeDataTableSortProps,k as useSortOptions};
 //# sourceMappingURL=sort.mjs.map

package/dist/esm/components/EvDateField/EvDateField.mjs

@@ -1,2 +1,2 @@
-import{makeEvDatePickerProps as o}from"../EvDatePicker/EvDatePicker.mjs";import{makeEvTextfieldProps as r}from"../EvTextfield/EvTextfield.mjs";import t from"../../icons/glyph/CalendarIcon.svg.mjs";import{propsFactory as e}from"../../util/props.mjs";import{omit as m}from"../../util/helpers.mjs";/*! Evance UI v1.1.30 | MIT License */const s=e({...m(r({iconStart:t}),["type"]),...o()},"EvDateField");export{s as makeEvDateFieldProps};
+import{makeEvDatePickerProps as o}from"../EvDatePicker/EvDatePicker.mjs";import{makeEvTextfieldProps as r}from"../EvTextfield/EvTextfield.mjs";import t from"../../icons/glyph/CalendarIcon.svg.mjs";import{propsFactory as e}from"../../util/props.mjs";import{omit as m}from"../../util/helpers.mjs";/*! Evance UI v1.1.33 | MIT License */const s=e({...m(r({iconStart:t}),["type"]),...o()},"EvDateField");export{s as makeEvDateFieldProps};
 //# sourceMappingURL=EvDateField.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as T,useSlots as E,ref as v,computed as k,shallowRef as c,watch as L,createBlock as N,openBlock as O,unref as n,mergeProps as y,createSlots as Y,withCtx as s,createVNode as p,isRef as j,renderSlot as q}from"vue";/* empty css                 */import{makeEvDateFieldProps as z}from"./EvDateField.mjs";import P from"../EvTextfield/EvTextfield.vue.mjs";import G from"../EvMenu/EvMenu.vue.mjs";import _ from"../EvDatePicker/EvDatePicker.vue.mjs";import H from"../EvSurface/EvSurface.vue.mjs";import{useModelProxy as J}from"../../composables/modelProxy.mjs";import{useDate as K}from"../../composables/date/date.mjs";import{omit as F,filterComponentProps as R,wrapInArray as M}from"../../util/helpers.mjs";/*! Evance UI v1.1.30 | MIT License */const ne=T({__name:"EvDateField",props:{...z()},setup($){const f=$,u=K(),g=E(),x=v(),d=v(),C=k(()=>F(R(P,f),["modelValue"])),r=c(!1),V=v(),D=k(()=>F(R(_,f),["modelValue"])),i=c(!1),t=J(f,"modelValue",void 0,l=>M(l),l=>l[0]??null),a=c(null);function U(){r.value&&d.value&&d.value.focus()}function b(){r.value=!0,i.value=!0}function w(l){var e;(e=V.value)!=null&&e.$el.contains(l.relatedTarget)||(i.value=!1)}function A(l){r.value=!0}function B(){i.value=!1}function I(){m(null)}function m(l){t.value=M(l)}function S(l){var o;if(!((o=a.value)!=null&&o.length)){m(null);return}const e=u.date(a.value);e&&u.isValid(e)&&u.getYear(e).toString().length===4&&u.format(e,"displayDate")===a.value&&m(e)}return L(t,()=>{const l=t.value[0]??null;!l||!u.isValid(l)?a.value=null:a.value=u.format(t.value[0],"displayDate")}),(l,e)=>(O(),N(n(P),y({ref_key:"evTextfieldRef",ref:d},C.value,{modelValue:a.value,"onUpdate:modelValue":e[3]||(e[3]=o=>a.value=o),focused:r.value,"onUpdate:focused":e[4]||(e[4]=o=>r.value=o),class:"ev-date-field","validation-value":n(t),"onClick:control":b,onBlur:w,"onClick:clear":I,onInput:S}),Y({default:s(()=>[p(n(G),{ref_key:"evMenuRef",ref:x,modelValue:i.value,"onUpdate:modelValue":e[2]||(e[2]=o=>i.value=o),activator:"parent",position:"bottom-start","open-on-click":!1,"close-on-content-click":!1,onAfterLeave:U},{default:s(()=>[p(n(H),{elevation:"overlay",class:"ev-date-field--surface"},{default:s(()=>[p(n(_),y({ref_key:"datePickerRef",ref:V},D.value,{modelValue:n(t),"onUpdate:modelValue":[e[0]||(e[0]=o=>j(t)?t.value=o:null),e[1]||(e[1]=o=>B())],onFocusin:A}),null,16,["modelValue"])]),_:1})]),_:1},8,["modelValue"])]),_:2},[n(g).label?{name:"label",fn:s(()=>[q(l.$slots,"label")]),key:"0"}:void 0]),1040,["modelValue","focused","validation-value"]))}});export{ne as default};
+import{defineComponent as T,useSlots as E,ref as v,computed as k,shallowRef as c,watch as L,createBlock as N,openBlock as O,unref as n,mergeProps as y,createSlots as Y,withCtx as s,createVNode as p,isRef as j,renderSlot as q}from"vue";/* empty css                 */import{makeEvDateFieldProps as z}from"./EvDateField.mjs";import P from"../EvTextfield/EvTextfield.vue.mjs";import G from"../EvMenu/EvMenu.vue.mjs";import _ from"../EvDatePicker/EvDatePicker.vue.mjs";import H from"../EvSurface/EvSurface.vue.mjs";import{useModelProxy as J}from"../../composables/modelProxy.mjs";import{useDate as K}from"../../composables/date/date.mjs";import{omit as F,filterComponentProps as R,wrapInArray as M}from"../../util/helpers.mjs";/*! Evance UI v1.1.33 | MIT License */const ne=T({__name:"EvDateField",props:{...z()},setup($){const f=$,u=K(),g=E(),x=v(),d=v(),C=k(()=>F(R(P,f),["modelValue"])),r=c(!1),V=v(),D=k(()=>F(R(_,f),["modelValue"])),i=c(!1),t=J(f,"modelValue",void 0,l=>M(l),l=>l[0]??null),a=c(null);function U(){r.value&&d.value&&d.value.focus()}function b(){r.value=!0,i.value=!0}function w(l){var e;(e=V.value)!=null&&e.$el.contains(l.relatedTarget)||(i.value=!1)}function A(l){r.value=!0}function B(){i.value=!1}function I(){m(null)}function m(l){t.value=M(l)}function S(l){var o;if(!((o=a.value)!=null&&o.length)){m(null);return}const e=u.date(a.value);e&&u.isValid(e)&&u.getYear(e).toString().length===4&&u.format(e,"displayDate")===a.value&&m(e)}return L(t,()=>{const l=t.value[0]??null;!l||!u.isValid(l)?a.value=null:a.value=u.format(t.value[0],"displayDate")}),(l,e)=>(O(),N(n(P),y({ref_key:"evTextfieldRef",ref:d},C.value,{modelValue:a.value,"onUpdate:modelValue":e[3]||(e[3]=o=>a.value=o),focused:r.value,"onUpdate:focused":e[4]||(e[4]=o=>r.value=o),class:"ev-date-field","validation-value":n(t),"onClick:control":b,onBlur:w,"onClick:clear":I,onInput:S}),Y({default:s(()=>[p(n(G),{ref_key:"evMenuRef",ref:x,modelValue:i.value,"onUpdate:modelValue":e[2]||(e[2]=o=>i.value=o),activator:"parent",position:"bottom-start","open-on-click":!1,"close-on-content-click":!1,onAfterLeave:U},{default:s(()=>[p(n(H),{elevation:"overlay",class:"ev-date-field--surface"},{default:s(()=>[p(n(_),y({ref_key:"datePickerRef",ref:V},D.value,{modelValue:n(t),"onUpdate:modelValue":[e[0]||(e[0]=o=>j(t)?t.value=o:null),e[1]||(e[1]=o=>B())],onFocusin:A}),null,16,["modelValue"])]),_:1})]),_:1},8,["modelValue"])]),_:2},[n(g).label?{name:"label",fn:s(()=>[q(l.$slots,"label")]),key:"0"}:void 0]),1040,["modelValue","focused","validation-value"]))}});export{ne as default};
 //# sourceMappingURL=EvDateField.vue.mjs.map

package/dist/esm/components/EvDatePicker/EvDatePicker.mjs

@@ -1,2 +1,2 @@
-import{makeEvDatePickerMonthProps as o}from"./EvDatePickerMonth/EvDatePickerMonth.mjs";import{makeEvDatePickerYearsProps as r}from"./EvDatePickerYears/EvDatePickerYears.mjs";import{propsFactory as e}from"../../util/props.mjs";import{omit as t}from"../../util/helpers.mjs";/*! Evance UI v1.1.30 | MIT License */const k=e({viewMode:{type:String,default:"month"},...o(),...t(r,["modelValue"])},"EvDatePicker");export{k as makeEvDatePickerProps};
+import{makeEvDatePickerMonthProps as o}from"./EvDatePickerMonth/EvDatePickerMonth.mjs";import{makeEvDatePickerYearsProps as r}from"./EvDatePickerYears/EvDatePickerYears.mjs";import{propsFactory as e}from"../../util/props.mjs";import{omit as t}from"../../util/helpers.mjs";/*! Evance UI v1.1.33 | MIT License */const k=e({viewMode:{type:String,default:"month"},...o(),...t(r,["modelValue"])},"EvDatePicker");export{k as makeEvDatePickerProps};
 //# sourceMappingURL=EvDatePicker.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as T,shallowRef as L,computed as m,watch as c,ref as g,createElementBlock as j,openBlock as p,createElementVNode as V,createBlock as y,createVNode as d,unref as l,mergeProps as P,isRef as q}from"vue";/* empty css                  */import{makeEvDatePickerProps as z}from"./EvDatePicker.mjs";import{useDate as F}from"../../composables/date/date.mjs";import{useModelProxy as $}from"../../composables/modelProxy.mjs";import w from"./EvDatePickerMonth/EvDatePickerMonth.vue.mjs";import G from"./EvDatePickerMonths/EvDatePickerMonths.vue.mjs";import _ from"./EvDatePickerYears/EvDatePickerYears.vue.mjs";import f from"../EvButton/EvButton.vue.mjs";import H from"../../icons/glyph/ChevronLeftIcon.svg.mjs";import J from"../../icons/glyph/ChevronRightIcon.svg.mjs";import K from"../EvGrid/EvSpacer/EvSpacer.vue.mjs";import{wrapInArray as k,filterComponentProps as D,omit as Q}from"../../util/helpers.mjs";/*! Evance UI v1.1.30 | MIT License */const S={class:"ev-date-picker"},W={class:"ev-date-picker-controls"},X={class:"ev-date-picker-controls--previous"},Z={class:"ev-date-picker-controls--next"},pe=T({__name:"EvDatePicker",props:{...z()},emits:["update:modelValue","update:month","update:year","update:viewMode"],setup(N,{emit:v}){const r=N,t=F(),U=L(!1),i=$(r,"modelValue",void 0,o=>k(o)),x=m(()=>{var e;const o=t.date((e=i.value)==null?void 0:e[0]);return o&&t.isValid(o)?o:t.date()});c(i,(o,e)=>{const n=t.date(k(o)[0]),A=t.date(k(e)[0]);U.value=t.isBefore(n,A)});const u=$(r,"viewMode"),a=g(Number(r.month??t.getMonth(t.startOfMonth(x.value)))),B=m(()=>D(w,r)),E=m(()=>{const o=t.startOfMonth(t.date());return t.format(t.setMonth(o,a.value),"month")});c(a,()=>{u.value==="months"&&C()});const s=g(Number(r.year??t.getYear(t.startOfYear(t.setMonth(x.value,a.value))))),R=m(()=>Q(D(_,r),["modelValue"])),Y=m(()=>t.format(t.setYear(t.date(),s.value),"year"));c(s,()=>{u.value==="years"&&M()});const h=m(()=>{const o=t.date(r.min);return r.min&&t.isValid(o)?o:null}),b=m(()=>{const o=t.date(r.max);return r.max&&t.isValid(o)?o:null});function I(){a.value<11?a.value++:(s.value++,a.value=0,v("update:year",s.value)),v("update:month",a.value)}function O(){a.value>0?a.value--:(s.value--,a.value=11,v("update:year",s.value)),v("update:month",a.value)}function C(){u.value=u.value==="months"?"month":"months"}function M(){u.value=u.value==="years"?"month":"years"}return(o,e)=>(p(),j("div",S,[V("div",W,[d(l(f),{variant:"subtle",text:E.value,onClick:e[0]||(e[0]=n=>C())},null,8,["text"]),d(l(f),{variant:"subtle",text:Y.value,onClick:e[1]||(e[1]=n=>M())},null,8,["text"]),d(l(K)),V("div",X,[d(l(f),{variant:"subtle",disabled:l(u)!=="month",icon:l(H),onClick:e[2]||(e[2]=n=>O())},null,8,["disabled","icon"])]),V("div",Z,[d(l(f),{variant:"subtle",disabled:l(u)!=="month",icon:l(J),onClick:e[3]||(e[3]=n=>I())},null,8,["disabled","icon"])])]),l(u)==="years"?(p(),y(l(_),P({key:0},R.value,{modelValue:s.value,"onUpdate:modelValue":e[4]||(e[4]=n=>s.value=n),min:h.value,max:b.value}),null,16,["modelValue","min","max"])):l(u)==="months"?(p(),y(l(G),{key:1,modelValue:a.value,"onUpdate:modelValue":e[5]||(e[5]=n=>a.value=n)},null,8,["modelValue"])):(p(),y(l(w),P({key:2},B.value,{modelValue:l(i),"onUpdate:modelValue":e[6]||(e[6]=n=>q(i)?i.value=n:null),month:a.value,"onUpdate:month":e[7]||(e[7]=n=>a.value=n),year:s.value,"onUpdate:year":e[8]||(e[8]=n=>s.value=n),min:h.value,max:b.value}),null,16,["modelValue","month","year","min","max"]))]))}});export{pe as default};
+import{defineComponent as T,shallowRef as L,computed as m,watch as c,ref as g,createElementBlock as j,openBlock as p,createElementVNode as V,createBlock as y,createVNode as d,unref as l,mergeProps as P,isRef as q}from"vue";/* empty css                  */import{makeEvDatePickerProps as z}from"./EvDatePicker.mjs";import{useDate as F}from"../../composables/date/date.mjs";import{useModelProxy as $}from"../../composables/modelProxy.mjs";import w from"./EvDatePickerMonth/EvDatePickerMonth.vue.mjs";import G from"./EvDatePickerMonths/EvDatePickerMonths.vue.mjs";import _ from"./EvDatePickerYears/EvDatePickerYears.vue.mjs";import f from"../EvButton/EvButton.vue.mjs";import H from"../../icons/glyph/ChevronLeftIcon.svg.mjs";import J from"../../icons/glyph/ChevronRightIcon.svg.mjs";import K from"../EvGrid/EvSpacer/EvSpacer.vue.mjs";import{wrapInArray as k,filterComponentProps as D,omit as Q}from"../../util/helpers.mjs";/*! Evance UI v1.1.33 | MIT License */const S={class:"ev-date-picker"},W={class:"ev-date-picker-controls"},X={class:"ev-date-picker-controls--previous"},Z={class:"ev-date-picker-controls--next"},pe=T({__name:"EvDatePicker",props:{...z()},emits:["update:modelValue","update:month","update:year","update:viewMode"],setup(N,{emit:v}){const r=N,t=F(),U=L(!1),i=$(r,"modelValue",void 0,o=>k(o)),x=m(()=>{var e;const o=t.date((e=i.value)==null?void 0:e[0]);return o&&t.isValid(o)?o:t.date()});c(i,(o,e)=>{const n=t.date(k(o)[0]),A=t.date(k(e)[0]);U.value=t.isBefore(n,A)});const u=$(r,"viewMode"),a=g(Number(r.month??t.getMonth(t.startOfMonth(x.value)))),B=m(()=>D(w,r)),E=m(()=>{const o=t.startOfMonth(t.date());return t.format(t.setMonth(o,a.value),"month")});c(a,()=>{u.value==="months"&&C()});const s=g(Number(r.year??t.getYear(t.startOfYear(t.setMonth(x.value,a.value))))),R=m(()=>Q(D(_,r),["modelValue"])),Y=m(()=>t.format(t.setYear(t.date(),s.value),"year"));c(s,()=>{u.value==="years"&&M()});const h=m(()=>{const o=t.date(r.min);return r.min&&t.isValid(o)?o:null}),b=m(()=>{const o=t.date(r.max);return r.max&&t.isValid(o)?o:null});function I(){a.value<11?a.value++:(s.value++,a.value=0,v("update:year",s.value)),v("update:month",a.value)}function O(){a.value>0?a.value--:(s.value--,a.value=11,v("update:year",s.value)),v("update:month",a.value)}function C(){u.value=u.value==="months"?"month":"months"}function M(){u.value=u.value==="years"?"month":"years"}return(o,e)=>(p(),j("div",S,[V("div",W,[d(l(f),{variant:"subtle",text:E.value,onClick:e[0]||(e[0]=n=>C())},null,8,["text"]),d(l(f),{variant:"subtle",text:Y.value,onClick:e[1]||(e[1]=n=>M())},null,8,["text"]),d(l(K)),V("div",X,[d(l(f),{variant:"subtle",disabled:l(u)!=="month",icon:l(H),onClick:e[2]||(e[2]=n=>O())},null,8,["disabled","icon"])]),V("div",Z,[d(l(f),{variant:"subtle",disabled:l(u)!=="month",icon:l(J),onClick:e[3]||(e[3]=n=>I())},null,8,["disabled","icon"])])]),l(u)==="years"?(p(),y(l(_),P({key:0},R.value,{modelValue:s.value,"onUpdate:modelValue":e[4]||(e[4]=n=>s.value=n),min:h.value,max:b.value}),null,16,["modelValue","min","max"])):l(u)==="months"?(p(),y(l(G),{key:1,modelValue:a.value,"onUpdate:modelValue":e[5]||(e[5]=n=>a.value=n)},null,8,["modelValue"])):(p(),y(l(w),P({key:2},B.value,{modelValue:l(i),"onUpdate:modelValue":e[6]||(e[6]=n=>q(i)?i.value=n:null),month:a.value,"onUpdate:month":e[7]||(e[7]=n=>a.value=n),year:s.value,"onUpdate:year":e[8]||(e[8]=n=>s.value=n),min:h.value,max:b.value}),null,16,["modelValue","month","year","min","max"]))]))}});export{pe as default};
 //# sourceMappingURL=EvDatePicker.vue.mjs.map

package/dist/esm/components/EvDatePicker/EvDatePickerMonth/EvDatePickerMonth.mjs

@@ -1,2 +1,2 @@
-import{propsFactory as e}from"../../../util/props.mjs";/*! Evance UI v1.1.30 | MIT License */const r=e({allowedDates:[Array,Function],max:null,min:null,modelValue:[Array,String,Date],month:[Number,String],selectionMode:{type:String,default:"single"},showAdjacentMonths:{type:Boolean,default:!0},year:[Number,String]},"EvDatePickerMonth");export{r as makeEvDatePickerMonthProps};
+import{propsFactory as e}from"../../../util/props.mjs";/*! Evance UI v1.1.33 | MIT License */const r=e({allowedDates:[Array,Function],max:null,min:null,modelValue:[Array,String,Date],month:[Number,String],selectionMode:{type:String,default:"single"},showAdjacentMonths:{type:Boolean,default:!0},year:[Number,String]},"EvDatePickerMonth");export{r as makeEvDatePickerMonthProps};
 //# sourceMappingURL=EvDatePickerMonth.mjs.map

package/dist/esm/components/EvDatePicker/EvDatePickerMonth/EvDatePickerMonth.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as T,computed as f,watch as V,createElementBlock as c,openBlock as o,normalizeClass as g,createElementVNode as Y,Fragment as h,renderList as k,unref as D,toDisplayString as C,createBlock as W,createCommentVNode as j}from"vue";/* empty css                       */import{makeEvDatePickerMonthProps as B}from"./EvDatePickerMonth.mjs";import{useDate as H}from"../../../composables/date/date.mjs";import{useModelProxy as v}from"../../../composables/modelProxy.mjs";import N from"../../EvButton/EvButton.vue.mjs";import{wrapInArray as O}from"../../../util/helpers.mjs";/*! Evance UI v1.1.30 | MIT License */const P={class:"ev-date-picker-month--days"},K=T({__name:"EvDatePickerMonth",props:{...B()},emits:["update:modelValue","update:month","update:year"],setup(y){const n=y,a=H(),r=v(n,"modelValue",[],t=>O(t)),d=f(()=>r.value.length>0?a.date(r.value[0]):n.min?a.date(n.min):Array.isArray(n.allowedDates)?a.date(n.allowedDates[0]):a.date()),p=v(n,"year",void 0,t=>{const s=t!=null?Number(t):a.getYear(d.value);return a.startOfYear(a.setYear(a.date(),s))},t=>a.getYear(t)),m=v(n,"month",void 0,t=>{const s=t!=null?Number(t):a.getMonth(d.value);let e=a.startOfMonth(a.date());return e=a.setYear(e,a.getYear(p.value)),a.setMonth(e,s)},t=>a.getMonth(t)),M=f(()=>{const t=a.getWeekArray(m.value),s=t.flat(),e=6*7;if(s.length<e){const l=s[s.length-1];let u=[];for(let i=1;i<=e-s.length;i++)u.push(a.addDays(l,i)),i%7===0&&(t.push(u),u=[])}return t}),S=f(()=>{const t=M.value.flat(),s=a.date();return t.map((e,l)=>{const u=a.toISO(e),i=!a.isSameMonth(e,m.value),_=n.selectionMode==="range"&&r.value[0]&&a.isAfter(e,r.value[0])&&r.value[1]&&a.isBefore(e,r.value[1]),x=n.selectionMode==="range"&&r.value[0]&&a.isSameDay(e,r.value[0]),E=n.selectionMode==="range"&&r.value[1]&&a.isSameDay(e,r.value[1]);return{date:e,isoDate:u,formatted:a.format(e,"keyboardDate"),year:a.getYear(e),month:a.getMonth(e),isDisabled:w(e),isWeekStart:l%7===0,isWeekEnd:l%7===6,isSelected:r.value.some(R=>a.isSameDay(e,R)),isToday:a.isSameDay(e,s),isAdjacent:i,isInRange:_,isRangeStart:x,isRangeEnd:E,isHidden:i&&!n.showAdjacentMonths,isHovered:!1,localized:a.format(e,"dayOfMonth")}})});function w(t){const s=a.date(t);return n.min&&a.isBefore(s,n.min)||n.max&&a.isAfter(s,n.max)?!0:Array.isArray(n.allowedDates)?!n.allowedDates.some(e=>a.isSameDay(a.date(e),s)):typeof n.allowedDates=="function"?!n.allowedDates(s):!1}function A(t){return t.isSelected||t.isInRange||t.isToday?"primary":"default"}function b(t){return t.isSelected||t.isInRange?"bold":t.isToday?"tonal":"subtle"}function I(t){if(n.selectionMode==="range"){const s=r.value[0],e=r.value[1];s&&!e&&t.getTime()>=s.getTime()?r.value=[s,t]:e&&t.getTime()>=e.getTime()?r.value=[s,t]:r.value=[t]}else if(n.selectionMode==="multiple"){const s=r.value.findIndex(e=>a.isSameDay(e,t));if(s===-1)r.value=[...r.value,t];else{const e=[...r.value];e.splice(s,1),r.value=e}}else r.value=[t]}return V(d,t=>{m.value=t,p.value=t}),(t,s)=>(o(),c("div",{class:g(["ev-date-picker-month",{"is-select-single":n.selectionMode==="single","is-select-multiple":n.selectionMode==="multiple","is-select-range":n.selectionMode==="range"}])},[Y("div",P,[(o(!0),c(h,null,k(D(a).getWeekdays(),e=>(o(),c("div",{key:e,class:"ev-date-picker-month--weekday"},C(e),1))),128)),(o(!0),c(h,null,k(S.value,e=>(o(),c("div",{key:e.isoDate,class:g(["ev-date-picker-month--day",{"is-adjacent":e.isAdjacent,"is-adjacent-hidden":e.isHidden,"is-selected":e.isSelected,"is-week-end":e.isWeekEnd,"is-week-start":e.isWeekStart,"is-range-start":e.isRangeStart,"is-range-within":e.isInRange,"is-range-end":e.isRangeEnd}])},[e.isHidden?j("",!0):(o(),W(D(N),{key:0,rounded:"",icon:!0,disabled:e.isDisabled,appearance:A(e),variant:b(e),text:e.localized,onClick:l=>I(e.date)},null,8,["disabled","appearance","variant","text","onClick"]))],2))),128))])],2))}});export{K as default};
+import{defineComponent as T,computed as f,watch as V,createElementBlock as c,openBlock as o,normalizeClass as g,createElementVNode as Y,Fragment as h,renderList as k,unref as D,toDisplayString as C,createBlock as W,createCommentVNode as j}from"vue";/* empty css                       */import{makeEvDatePickerMonthProps as B}from"./EvDatePickerMonth.mjs";import{useDate as H}from"../../../composables/date/date.mjs";import{useModelProxy as v}from"../../../composables/modelProxy.mjs";import N from"../../EvButton/EvButton.vue.mjs";import{wrapInArray as O}from"../../../util/helpers.mjs";/*! Evance UI v1.1.33 | MIT License */const P={class:"ev-date-picker-month--days"},K=T({__name:"EvDatePickerMonth",props:{...B()},emits:["update:modelValue","update:month","update:year"],setup(y){const n=y,a=H(),r=v(n,"modelValue",[],t=>O(t)),d=f(()=>r.value.length>0?a.date(r.value[0]):n.min?a.date(n.min):Array.isArray(n.allowedDates)?a.date(n.allowedDates[0]):a.date()),p=v(n,"year",void 0,t=>{const s=t!=null?Number(t):a.getYear(d.value);return a.startOfYear(a.setYear(a.date(),s))},t=>a.getYear(t)),m=v(n,"month",void 0,t=>{const s=t!=null?Number(t):a.getMonth(d.value);let e=a.startOfMonth(a.date());return e=a.setYear(e,a.getYear(p.value)),a.setMonth(e,s)},t=>a.getMonth(t)),M=f(()=>{const t=a.getWeekArray(m.value),s=t.flat(),e=6*7;if(s.length<e){const l=s[s.length-1];let u=[];for(let i=1;i<=e-s.length;i++)u.push(a.addDays(l,i)),i%7===0&&(t.push(u),u=[])}return t}),S=f(()=>{const t=M.value.flat(),s=a.date();return t.map((e,l)=>{const u=a.toISO(e),i=!a.isSameMonth(e,m.value),_=n.selectionMode==="range"&&r.value[0]&&a.isAfter(e,r.value[0])&&r.value[1]&&a.isBefore(e,r.value[1]),x=n.selectionMode==="range"&&r.value[0]&&a.isSameDay(e,r.value[0]),E=n.selectionMode==="range"&&r.value[1]&&a.isSameDay(e,r.value[1]);return{date:e,isoDate:u,formatted:a.format(e,"keyboardDate"),year:a.getYear(e),month:a.getMonth(e),isDisabled:w(e),isWeekStart:l%7===0,isWeekEnd:l%7===6,isSelected:r.value.some(R=>a.isSameDay(e,R)),isToday:a.isSameDay(e,s),isAdjacent:i,isInRange:_,isRangeStart:x,isRangeEnd:E,isHidden:i&&!n.showAdjacentMonths,isHovered:!1,localized:a.format(e,"dayOfMonth")}})});function w(t){const s=a.date(t);return n.min&&a.isBefore(s,n.min)||n.max&&a.isAfter(s,n.max)?!0:Array.isArray(n.allowedDates)?!n.allowedDates.some(e=>a.isSameDay(a.date(e),s)):typeof n.allowedDates=="function"?!n.allowedDates(s):!1}function A(t){return t.isSelected||t.isInRange||t.isToday?"primary":"default"}function b(t){return t.isSelected||t.isInRange?"bold":t.isToday?"tonal":"subtle"}function I(t){if(n.selectionMode==="range"){const s=r.value[0],e=r.value[1];s&&!e&&t.getTime()>=s.getTime()?r.value=[s,t]:e&&t.getTime()>=e.getTime()?r.value=[s,t]:r.value=[t]}else if(n.selectionMode==="multiple"){const s=r.value.findIndex(e=>a.isSameDay(e,t));if(s===-1)r.value=[...r.value,t];else{const e=[...r.value];e.splice(s,1),r.value=e}}else r.value=[t]}return V(d,t=>{m.value=t,p.value=t}),(t,s)=>(o(),c("div",{class:g(["ev-date-picker-month",{"is-select-single":n.selectionMode==="single","is-select-multiple":n.selectionMode==="multiple","is-select-range":n.selectionMode==="range"}])},[Y("div",P,[(o(!0),c(h,null,k(D(a).getWeekdays(),e=>(o(),c("div",{key:e,class:"ev-date-picker-month--weekday"},C(e),1))),128)),(o(!0),c(h,null,k(S.value,e=>(o(),c("div",{key:e.isoDate,class:g(["ev-date-picker-month--day",{"is-adjacent":e.isAdjacent,"is-adjacent-hidden":e.isHidden,"is-selected":e.isSelected,"is-week-end":e.isWeekEnd,"is-week-start":e.isWeekStart,"is-range-start":e.isRangeStart,"is-range-within":e.isInRange,"is-range-end":e.isRangeEnd}])},[e.isHidden?j("",!0):(o(),W(D(N),{key:0,rounded:"",icon:!0,disabled:e.isDisabled,appearance:A(e),variant:b(e),text:e.localized,onClick:l=>I(e.date)},null,8,["disabled","appearance","variant","text","onClick"]))],2))),128))])],2))}});export{K as default};
 //# sourceMappingURL=EvDatePickerMonth.vue.mjs.map

package/dist/esm/components/EvDatePicker/EvDatePickerMonths/EvDatePickerMonths.mjs

@@ -1,2 +1,2 @@
-import{propsFactory as o}from"../../../util/props.mjs";/*! Evance UI v1.1.30 | MIT License */const r=o({modelValue:Number},"EvDatePickerMonths");export{r as makeEvDatePickerMonthsProps};
+import{propsFactory as o}from"../../../util/props.mjs";/*! Evance UI v1.1.33 | MIT License */const r=o({modelValue:Number},"EvDatePickerMonths");export{r as makeEvDatePickerMonthsProps};
 //# sourceMappingURL=EvDatePickerMonths.mjs.map

package/dist/esm/components/EvDatePicker/EvDatePickerMonths/EvDatePickerMonths.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as k,computed as l,createElementBlock as c,openBlock as a,Fragment as _,renderList as x,createBlock as h,unref as g}from"vue";/* empty css                        */import{makeEvDatePickerMonthsProps as M}from"./EvDatePickerMonths.mjs";import{useModelProxy as V}from"../../../composables/modelProxy.mjs";import{useDate as C}from"../../../composables/date/date.mjs";import P from"../../EvButton/EvButton.vue.mjs";import{createRange as y}from"../../../util/helpers.mjs";/*! Evance UI v1.1.30 | MIT License */const B={class:"ev-date-picker-months"},O=k({__name:"EvDatePickerMonths",props:{...M()},emits:["update:modelValue"],setup(i){const m=i,t=C(),n=V(m,"modelValue"),p=l(()=>{let e=t.startOfYear(t.date());return y(12).map(u=>{const r=t.format(e,"monthShort");return e=t.getNextMonth(e),{text:r,value:u}})}),o=l(()=>n.value??t.getMonth(t.date()));function s(e){n.value=e}function d(e){return e===o.value?"primary":"default"}function f(e){return e===o.value?"bold":"subtle"}return(e,u)=>(a(),c("div",B,[(a(!0),c(_,null,x(p.value,(r,v)=>(a(),h(g(P),{key:v,text:r.text,appearance:d(r.value),variant:f(r.value),onClick:D=>s(r.value)},null,8,["text","appearance","variant","onClick"]))),128))]))}});export{O as default};
+import{defineComponent as k,computed as l,createElementBlock as c,openBlock as a,Fragment as _,renderList as x,createBlock as h,unref as g}from"vue";/* empty css                        */import{makeEvDatePickerMonthsProps as M}from"./EvDatePickerMonths.mjs";import{useModelProxy as V}from"../../../composables/modelProxy.mjs";import{useDate as C}from"../../../composables/date/date.mjs";import P from"../../EvButton/EvButton.vue.mjs";import{createRange as y}from"../../../util/helpers.mjs";/*! Evance UI v1.1.33 | MIT License */const B={class:"ev-date-picker-months"},O=k({__name:"EvDatePickerMonths",props:{...M()},emits:["update:modelValue"],setup(i){const m=i,t=C(),n=V(m,"modelValue"),p=l(()=>{let e=t.startOfYear(t.date());return y(12).map(u=>{const r=t.format(e,"monthShort");return e=t.getNextMonth(e),{text:r,value:u}})}),o=l(()=>n.value??t.getMonth(t.date()));function s(e){n.value=e}function d(e){return e===o.value?"primary":"default"}function f(e){return e===o.value?"bold":"subtle"}return(e,u)=>(a(),c("div",B,[(a(!0),c(_,null,x(p.value,(r,v)=>(a(),h(g(P),{key:v,text:r.text,appearance:d(r.value),variant:f(r.value),onClick:D=>s(r.value)},null,8,["text","appearance","variant","onClick"]))),128))]))}});export{O as default};
 //# sourceMappingURL=EvDatePickerMonths.vue.mjs.map

package/dist/esm/components/EvDatePicker/EvDatePickerYears/EvDatePickerYears.mjs

@@ -1,2 +1,2 @@
-import{propsFactory as e}from"../../../util/props.mjs";/*! Evance UI v1.1.30 | MIT License */const a=e({min:null,max:null,modelValue:Number},"EvDatePickerYears");export{a as makeEvDatePickerYearsProps};
+import{propsFactory as e}from"../../../util/props.mjs";/*! Evance UI v1.1.33 | MIT License */const a=e({min:null,max:null,modelValue:Number},"EvDatePickerYears");export{a as makeEvDatePickerYearsProps};
 //# sourceMappingURL=EvDatePickerYears.mjs.map

package/dist/esm/components/EvDatePicker/EvDatePickerYears/EvDatePickerYears.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as y,computed as _,ref as k,onMounted as x,nextTick as Y,createElementBlock as u,openBlock as l,createVNode as g,unref as c,isRef as V,withCtx as w,Fragment as E,renderList as M,createBlock as P}from"vue";/* empty css                       */import{makeEvDatePickerYearsProps as B}from"./EvDatePickerYears.mjs";import D from"../../EvList/EvList.vue.mjs";import I from"../../EvListItem/EvListItem.vue.mjs";import{useModelProxy as R}from"../../../composables/modelProxy.mjs";import{useDate as $}from"../../../composables/date/date.mjs";import{wrapInArray as h}from"../../../util/helpers.mjs";/*! Evance UI v1.1.30 | MIT License */const q={class:"ev-date-picker-years"},A=-120,C=50,z=y({__name:"EvDatePickerYears",props:{...B()},emits:["update:modelValue"],setup(f){const s=f,t=$(),n=R(s,"modelValue",void 0,e=>h(e),e=>e[0]??null),i=t.getYear(t.date()),d=_(()=>{const e=s.min?t.getYear(s.min):i+A,r=s.max?t.getYear(s.max):i+C,o=[];for(let a=e;a<=r;a++){const v=t.setYear(t.date(),a);o.push({title:t.format(v,"year"),value:a})}return o.reverse()}),m=k();function p(){var r;const e=(r=m.value)==null?void 0:r.$el.querySelector(".is-active");e&&e.scrollIntoView({block:"center"})}return x(async()=>{await Y(),p()}),(e,r)=>(l(),u("div",q,[g(c(D),{ref_key:"listRef",ref:m,selected:c(n),"onUpdate:selected":r[0]||(r[0]=o=>V(n)?n.value=o:null),required:"","select-strategy":"single-any"},{default:w(()=>[(l(!0),u(E,null,M(d.value,(o,a)=>(l(),P(c(I),{key:a,title:o.title,value:o.value},null,8,["title","value"]))),128))]),_:1},8,["selected"])]))}});export{z as default};
+import{defineComponent as y,computed as _,ref as k,onMounted as x,nextTick as Y,createElementBlock as u,openBlock as l,createVNode as g,unref as c,isRef as V,withCtx as w,Fragment as E,renderList as M,createBlock as P}from"vue";/* empty css                       */import{makeEvDatePickerYearsProps as B}from"./EvDatePickerYears.mjs";import D from"../../EvList/EvList.vue.mjs";import I from"../../EvListItem/EvListItem.vue.mjs";import{useModelProxy as R}from"../../../composables/modelProxy.mjs";import{useDate as $}from"../../../composables/date/date.mjs";import{wrapInArray as h}from"../../../util/helpers.mjs";/*! Evance UI v1.1.33 | MIT License */const q={class:"ev-date-picker-years"},A=-120,C=50,z=y({__name:"EvDatePickerYears",props:{...B()},emits:["update:modelValue"],setup(f){const s=f,t=$(),n=R(s,"modelValue",void 0,e=>h(e),e=>e[0]??null),i=t.getYear(t.date()),d=_(()=>{const e=s.min?t.getYear(s.min):i+A,r=s.max?t.getYear(s.max):i+C,o=[];for(let a=e;a<=r;a++){const v=t.setYear(t.date(),a);o.push({title:t.format(v,"year"),value:a})}return o.reverse()}),m=k();function p(){var r;const e=(r=m.value)==null?void 0:r.$el.querySelector(".is-active");e&&e.scrollIntoView({block:"center"})}return x(async()=>{await Y(),p()}),(e,r)=>(l(),u("div",q,[g(c(D),{ref_key:"listRef",ref:m,selected:c(n),"onUpdate:selected":r[0]||(r[0]=o=>V(n)?n.value=o:null),required:"","select-strategy":"single-any"},{default:w(()=>[(l(!0),u(E,null,M(d.value,(o,a)=>(l(),P(c(I),{key:a,title:o.title,value:o.value},null,8,["title","value"]))),128))]),_:1},8,["selected"])]))}});export{z as default};
 //# sourceMappingURL=EvDatePickerYears.vue.mjs.map

package/dist/esm/components/EvDefaultsProvider/EvDefaultsProvider.mjs

@@ -1,2 +1,2 @@
-import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.30 | MIT License */const r=o({defaults:Object,disabled:Boolean,reset:[Number,String],root:[Boolean,String],scoped:Boolean},"EvDefaultsProvider");export{r as makeEvDefaultsProviderProps};
+import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.33 | MIT License */const r=o({defaults:Object,disabled:Boolean,reset:[Number,String],root:[Boolean,String],scoped:Boolean},"EvDefaultsProvider");export{r as makeEvDefaultsProviderProps};
 //# sourceMappingURL=EvDefaultsProvider.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as d,toRefs as n,renderSlot as m}from"vue";import{provideDefaults as i}from"../../composables/defaults.mjs";import{makeEvDefaultsProviderProps as l}from"./EvDefaultsProvider.mjs";/*! Evance UI v1.1.30 | MIT License */const D=d({__name:"EvDefaultsProvider",props:{...l()},setup(e){const o=e,{defaults:r,disabled:t,reset:s,root:p,scoped:a}=n(o);return i(r,{reset:s,root:p,scoped:a,disabled:t}),(f,u)=>m(f.$slots,"default")}});export{D as default};
+import{defineComponent as d,toRefs as n,renderSlot as m}from"vue";import{provideDefaults as i}from"../../composables/defaults.mjs";import{makeEvDefaultsProviderProps as l}from"./EvDefaultsProvider.mjs";/*! Evance UI v1.1.33 | MIT License */const D=d({__name:"EvDefaultsProvider",props:{...l()},setup(e){const o=e,{defaults:r,disabled:t,reset:s,root:p,scoped:a}=n(o);return i(r,{reset:s,root:p,scoped:a,disabled:t}),(f,u)=>m(f.$slots,"default")}});export{D as default};
 //# sourceMappingURL=EvDefaultsProvider.vue.mjs.map

package/dist/esm/components/EvDialog/EvDialog.mjs

@@ -1,2 +1,2 @@
-import{makeEvOverlayProps as o}from"../EvOverlay/EvOverlay.mjs";import a from"./EvDialogTransition.vue.mjs";import{IconProp as r}from"../../composables/icons.mjs";import{propsFactory as t}from"../../util/props.mjs";/*! Evance UI v1.1.30 | MIT License */const d=t({bodyProps:Object,closeable:{type:Boolean,default:!0},draggable:Boolean,dragWithinViewport:{type:Boolean,default:!0},dragMinX:{type:Number,default:0},dragMinY:{type:Number,default:0},fullscreen:Boolean,headerActions:Array,headerProps:Object,hideHeader:Boolean,icon:r,noPadding:Boolean,retainFocus:{type:Boolean,default:!0},scrollable:Boolean,title:String,...o({origin:"center center",scrollStrategy:"block",positionStrategy:"static",transition:{component:a},zIndex:2400}),__instance:null},"EvDialog"),e={default:"medium",small:"small",medium:"medium",large:"large",xLarge:"x-large"},s={[e.small]:400,[e.medium]:600,[e.large]:800,[e.xLarge]:968};export{e as DialogSize,s as DialogSizeToWidth,d as makeEvDialogProps};
+import{makeEvOverlayProps as o}from"../EvOverlay/EvOverlay.mjs";import a from"./EvDialogTransition.vue.mjs";import{IconProp as r}from"../../composables/icons.mjs";import{propsFactory as t}from"../../util/props.mjs";/*! Evance UI v1.1.33 | MIT License */const d=t({bodyProps:Object,closeable:{type:Boolean,default:!0},draggable:Boolean,dragWithinViewport:{type:Boolean,default:!0},dragMinX:{type:Number,default:0},dragMinY:{type:Number,default:0},fullscreen:Boolean,headerActions:Array,headerProps:Object,hideHeader:Boolean,icon:r,noPadding:Boolean,retainFocus:{type:Boolean,default:!0},scrollable:Boolean,title:String,...o({origin:"center center",scrollStrategy:"block",positionStrategy:"static",transition:{component:a},zIndex:2400}),__instance:null},"EvDialog"),e={default:"medium",small:"small",medium:"medium",large:"large",xLarge:"x-large"},s={[e.small]:400,[e.medium]:600,[e.large]:800,[e.xLarge]:968};export{e as DialogSize,s as DialogSizeToWidth,d as makeEvDialogProps};
 //# sourceMappingURL=EvDialog.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as se,useSlots as le,ref as ie,computed as m,mergeProps as S,watch as X,nextTick as ue,onBeforeUnmount as ce,createBlock as D,openBlock as _,unref as s,isRef as Y,createSlots as A,withCtx as d,renderSlot as g,createCommentVNode as B,createVNode as de,normalizeProps as pe,guardReactiveProps as fe}from"vue";/* empty css              */import{makeEvDialogProps as me,DialogSizeToWidth as T,DialogSize as ge}from"./EvDialog.mjs";import R from"../EvOverlay/EvOverlay.vue.mjs";import ve from"../EvSurface/EvSurface.vue.mjs";import{useModelProxy as z}from"../../composables/modelProxy.mjs";import ye from"./EvDialogBody.vue.mjs";import Ee from"./EvDialogFooter.vue.mjs";import he from"./EvDialogHeader.vue.mjs";import{provideDialog as be}from"../../composables/dialog.mjs";import{getFocusableChildren as we}from"../../util/events.mjs";import Pe from"../../util/dom/getOuterWidth.mjs";import Le from"../../util/dom/getOuterHeight.mjs";import De from"../../util/dom/getViewport.mjs";import{filterComponentProps as _e}from"../../util/helpers.mjs";import{Browser as Se}from"../../util/browser.mjs";/*! Evance UI v1.1.30 | MIT License */const Ge=se({__name:"EvDialog",props:{...me()},emits:["update:modelValue","update:fullscreen","dragstart","dragend","open","after-open","close","after-close"],setup(M,{expose:O,emit:i}){const o=M,v=le(),a=ie(),r=z(o,"modelValue"),W=z(o,"fullscreen"),G=m(()=>_e(R,o)),U=m(()=>S({"aria-haspopup":"dialog","aria-expanded":String(r.value)},o.activatorProps)),j=m(()=>{const e={actions:o.headerActions,closeable:o.closeable,icon:o.icon,title:o.title},t=o.headerProps??{};return Object.assign(e,t)}),H=m(()=>{const e={padding:!o.noPadding},t=o.bodyProps??{};return Object.assign(e,t)}),N=m(()=>{const e=o.width??T[ge.medium];return T[e]??e});function V(e){var u,h;const t=e.relatedTarget,n=e.target;if(t!==n&&((u=a.value)!=null&&u.contentEl)&&((h=a.value)!=null&&h.isTopGlobal)&&![document,a.value.contentEl].includes(n)&&!a.value.contentEl.contains(n)){const c=we(a.value.contentEl);if(!c.length)return;const b=c[0],w=c[c.length-1];t===b?w.focus():b.focus()}}Se.hasWindow&&X(()=>r.value&&o.retainFocus,e=>{e?document.addEventListener("focusin",V):document.removeEventListener("focusin",V)},{immediate:!0}),X(r,async e=>{var t,n;await ue(),e?(t=a.value.contentEl)==null||t.focus({preventScroll:!0}):(n=a.value.activatorEl)==null||n.focus({preventScroll:!0})});function q(){r.value=!1}be(o.__instance),O({close:q});let p=!1,y=null,E=null,f=null,l=null;function I(e){!o.draggable||e.target instanceof Element&&e.target.closest("[data-no-drag]")||(p=!0,y=e.pageX,E=e.pageY,document.body.style.userSelect="none",i("dragstart",e))}function J(){i("open"),te()}function K(){i("after-open")}function Q(){p&&l&&l()}function Z(){i("close")}function ee(){k(),i("after-close")}function te(){o.draggable&&(oe(),ne())}function oe(){f=e=>{var n;const t=(n=a.value)==null?void 0:n.contentEl;if(p&&t){const u=Pe(t),h=Le(t),c=e.pageX-y,b=e.pageY-E,w=t.getBoundingClientRect(),P=w.left+c,L=w.top+b,$=De(),C=getComputedStyle(t),x=parseFloat(C.marginLeft),F=parseFloat(C.marginTop);t.style.position="fixed",o.dragWithinViewport?(P>=o.dragMinX&&P+u<$.width&&(y=e.pageX,t.style.left=P-x+"px"),L>=o.dragMinY&&L+h<$.height&&(E=e.pageY,t.style.top=L-F+"px")):(y=e.pageX,t.style.left=P-x+"px",E=e.pageY,t.style.top=L-F+"px")}},window.document.addEventListener("mousemove",f)}function ne(){l=e=>{p&&(p=!1,document.body.style.userSelect="",i("dragend",e))},window.document.addEventListener("mouseup",l)}function k(){re(),ae()}function re(){f&&(window.document.removeEventListener("mousemove",f),f=null)}function ae(){l&&(window.document.removeEventListener("mouseup",l),l=null)}return ce(()=>{k()}),(e,t)=>(_(),D(s(R),S({ref_key:"overlayRef",ref:a},G.value,{modelValue:s(r),"onUpdate:modelValue":t[1]||(t[1]=n=>Y(r)?r.value=n:null),"aria-modal":"true",role:"dialog",class:["ev-dialog",{"is-fullscreen":s(W),"is-scrollable":o.scrollable},o.class],style:o.style,"activator-props":U.value,width:N.value,onEnter:J,onAfterEnter:K,onBeforeLeave:Q,onLeave:Z,onAfterLeave:ee}),A({default:d(()=>[s(v).container?g(e.$slots,"container",{key:0}):(_(),D(ve,{key:1,class:"ev-dialog--surface",elevation:"panel",rounded:"small"},{default:d(()=>[o.hideHeader?B("",!0):(_(),D(he,S({key:0,modelValue:s(r),"onUpdate:modelValue":t[0]||(t[0]=n=>Y(r)?r.value=n:null)},j.value,{onMousedown:I}),A({_:2},[s(v).header?{name:"default",fn:d(()=>[g(e.$slots,"header")]),key:"0"}:void 0]),1040,["modelValue"])),de(ye,pe(fe(H.value)),{default:d(()=>[g(e.$slots,"default")]),_:3},16),s(v).footer?(_(),D(Ee,{key:1},{default:d(()=>[g(e.$slots,"footer")]),_:3})):B("",!0)]),_:3}))]),_:2},[s(v).activator?{name:"activator",fn:d(({isActive:n,props:u})=>[g(e.$slots,"activator",{isActive:n,props:u})]),key:"0"}:void 0]),1040,["modelValue","class","style","activator-props","width"]))}});export{Ge as default};
+import{defineComponent as se,useSlots as le,ref as ie,computed as m,mergeProps as S,watch as X,nextTick as ue,onBeforeUnmount as ce,createBlock as D,openBlock as _,unref as s,isRef as Y,createSlots as A,withCtx as d,renderSlot as g,createCommentVNode as B,createVNode as de,normalizeProps as pe,guardReactiveProps as fe}from"vue";/* empty css              */import{makeEvDialogProps as me,DialogSizeToWidth as T,DialogSize as ge}from"./EvDialog.mjs";import R from"../EvOverlay/EvOverlay.vue.mjs";import ve from"../EvSurface/EvSurface.vue.mjs";import{useModelProxy as z}from"../../composables/modelProxy.mjs";import ye from"./EvDialogBody.vue.mjs";import Ee from"./EvDialogFooter.vue.mjs";import he from"./EvDialogHeader.vue.mjs";import{provideDialog as be}from"../../composables/dialog.mjs";import{getFocusableChildren as we}from"../../util/events.mjs";import Pe from"../../util/dom/getOuterWidth.mjs";import Le from"../../util/dom/getOuterHeight.mjs";import De from"../../util/dom/getViewport.mjs";import{filterComponentProps as _e}from"../../util/helpers.mjs";import{Browser as Se}from"../../util/browser.mjs";/*! Evance UI v1.1.33 | MIT License */const Ge=se({__name:"EvDialog",props:{...me()},emits:["update:modelValue","update:fullscreen","dragstart","dragend","open","after-open","close","after-close"],setup(M,{expose:O,emit:i}){const o=M,v=le(),a=ie(),r=z(o,"modelValue"),W=z(o,"fullscreen"),G=m(()=>_e(R,o)),U=m(()=>S({"aria-haspopup":"dialog","aria-expanded":String(r.value)},o.activatorProps)),j=m(()=>{const e={actions:o.headerActions,closeable:o.closeable,icon:o.icon,title:o.title},t=o.headerProps??{};return Object.assign(e,t)}),H=m(()=>{const e={padding:!o.noPadding},t=o.bodyProps??{};return Object.assign(e,t)}),N=m(()=>{const e=o.width??T[ge.medium];return T[e]??e});function V(e){var u,h;const t=e.relatedTarget,n=e.target;if(t!==n&&((u=a.value)!=null&&u.contentEl)&&((h=a.value)!=null&&h.isTopGlobal)&&![document,a.value.contentEl].includes(n)&&!a.value.contentEl.contains(n)){const c=we(a.value.contentEl);if(!c.length)return;const b=c[0],w=c[c.length-1];t===b?w.focus():b.focus()}}Se.hasWindow&&X(()=>r.value&&o.retainFocus,e=>{e?document.addEventListener("focusin",V):document.removeEventListener("focusin",V)},{immediate:!0}),X(r,async e=>{var t,n;await ue(),e?(t=a.value.contentEl)==null||t.focus({preventScroll:!0}):(n=a.value.activatorEl)==null||n.focus({preventScroll:!0})});function q(){r.value=!1}be(o.__instance),O({close:q});let p=!1,y=null,E=null,f=null,l=null;function I(e){!o.draggable||e.target instanceof Element&&e.target.closest("[data-no-drag]")||(p=!0,y=e.pageX,E=e.pageY,document.body.style.userSelect="none",i("dragstart",e))}function J(){i("open"),te()}function K(){i("after-open")}function Q(){p&&l&&l()}function Z(){i("close")}function ee(){k(),i("after-close")}function te(){o.draggable&&(oe(),ne())}function oe(){f=e=>{var n;const t=(n=a.value)==null?void 0:n.contentEl;if(p&&t){const u=Pe(t),h=Le(t),c=e.pageX-y,b=e.pageY-E,w=t.getBoundingClientRect(),P=w.left+c,L=w.top+b,$=De(),C=getComputedStyle(t),x=parseFloat(C.marginLeft),F=parseFloat(C.marginTop);t.style.position="fixed",o.dragWithinViewport?(P>=o.dragMinX&&P+u<$.width&&(y=e.pageX,t.style.left=P-x+"px"),L>=o.dragMinY&&L+h<$.height&&(E=e.pageY,t.style.top=L-F+"px")):(y=e.pageX,t.style.left=P-x+"px",E=e.pageY,t.style.top=L-F+"px")}},window.document.addEventListener("mousemove",f)}function ne(){l=e=>{p&&(p=!1,document.body.style.userSelect="",i("dragend",e))},window.document.addEventListener("mouseup",l)}function k(){re(),ae()}function re(){f&&(window.document.removeEventListener("mousemove",f),f=null)}function ae(){l&&(window.document.removeEventListener("mouseup",l),l=null)}return ce(()=>{k()}),(e,t)=>(_(),D(s(R),S({ref_key:"overlayRef",ref:a},G.value,{modelValue:s(r),"onUpdate:modelValue":t[1]||(t[1]=n=>Y(r)?r.value=n:null),"aria-modal":"true",role:"dialog",class:["ev-dialog",{"is-fullscreen":s(W),"is-scrollable":o.scrollable},o.class],style:o.style,"activator-props":U.value,width:N.value,onEnter:J,onAfterEnter:K,onBeforeLeave:Q,onLeave:Z,onAfterLeave:ee}),A({default:d(()=>[s(v).container?g(e.$slots,"container",{key:0}):(_(),D(ve,{key:1,class:"ev-dialog--surface",elevation:"panel",rounded:"small"},{default:d(()=>[o.hideHeader?B("",!0):(_(),D(he,S({key:0,modelValue:s(r),"onUpdate:modelValue":t[0]||(t[0]=n=>Y(r)?r.value=n:null)},j.value,{onMousedown:I}),A({_:2},[s(v).header?{name:"default",fn:d(()=>[g(e.$slots,"header")]),key:"0"}:void 0]),1040,["modelValue"])),de(ye,pe(fe(H.value)),{default:d(()=>[g(e.$slots,"default")]),_:3},16),s(v).footer?(_(),D(Ee,{key:1},{default:d(()=>[g(e.$slots,"footer")]),_:3})):B("",!0)]),_:3}))]),_:2},[s(v).activator?{name:"activator",fn:d(({isActive:n,props:u})=>[g(e.$slots,"activator",{isActive:n,props:u})]),key:"0"}:void 0]),1040,["modelValue","class","style","activator-props","width"]))}});export{Ge as default};
 //# sourceMappingURL=EvDialog.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvDialog.vue.mjs","sources":["../../../../src/components/EvDialog/EvDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `<ev-dialog>`\n */\nimport \"./EvDialog.scss\";\nimport { DialogSize, DialogSizeToWidth, makeEvDialogProps } from \"./EvDialog\";\nimport {\n    computed,\n    mergeProps,\n    nextTick,\n    onBeforeUnmount,\n    ref,\n    watch,\n} from \"vue\";\nimport { EvOverlay } from \"@/components/EvOverlay\";\nimport EvSurface from \"@/components/EvSurface/EvSurface.vue\";\nimport {\n    Browser,\n    filterComponentProps,\n    getFocusableChildren,\n    getOuterHeight,\n    getOuterWidth,\n    getViewport,\n} from \"@/util\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport EvDialogBody from \"@/components/EvDialog/EvDialogBody.vue\";\nimport EvDialogFooter from \"@/components/EvDialog/EvDialogFooter.vue\";\nimport EvDialogHeader from \"@/components/EvDialog/EvDialogHeader.vue\";\nimport { provideDialog } from \"@/composables/dialog\";\n\nconst props = defineProps({\n    ...makeEvDialogProps(),\n});\nconst slots = defineSlots<{\n    activator(): never;\n    container(): never;\n    default(): never;\n    footer(): never;\n    header(): never;\n}>();\nconst overlayRef = ref();\nconst isActive = useModelProxy(props, \"modelValue\");\nconst isFullscreen = useModelProxy(props, \"fullscreen\");\nconst overlayProps = computed(() => {\n    return filterComponentProps(EvOverlay, props);\n});\n\nconst activatorProps = computed(() => {\n    return mergeProps(\n        {\n            \"aria-haspopup\": \"dialog\",\n            \"aria-expanded\": String(isActive.value),\n        },\n        props.activatorProps,\n    );\n});\n\nconst headerProps = computed(() => {\n    const separatedProps = {\n        actions: props.headerActions,\n        closeable: props.closeable,\n        icon: props.icon,\n        title: props.title,\n    };\n    const suppliedProps = props.headerProps ?? {};\n    return Object.assign(separatedProps, suppliedProps);\n});\n\nconst bodyProps = computed(() => {\n    const separatedProps = {\n        padding: !props.noPadding,\n    };\n    const suppliedProps = props.bodyProps ?? {};\n    return Object.assign(separatedProps, suppliedProps);\n});\n\nconst emit = defineEmits<{\n    (e: \"update:modelValue\", value: boolean): void;\n    (e: \"update:fullscreen\", value: boolean): void;\n    (e: \"dragstart\", value: MouseEvent): void;\n    (e: \"dragend\", value: MouseEvent): void;\n    (e: \"open\"): void;\n    (e: \"after-open\"): void;\n    (e: \"close\"): void;\n    (e: \"after-close\"): void;\n}>();\n\n/**\n * ## Width\n *\n * We want to standardise dialog sizes. So we can intercept the `width` prop.\n *\n * - 'small'\n * - 'medium'\n * - 'large'\n * - 'x-large'\n */\nconst width = computed(() => {\n    const size = props.width ?? DialogSizeToWidth[DialogSize.medium];\n    return DialogSizeToWidth[size] ?? size;\n});\n\n/**\n * ## onFocusin\n *\n * When the user opens the dialog and presses tab (for example)\n * we can apply focus to the first available and focusable element.\n *\n * 1. The dialog MUST be the top-most open dialog.\n * 2. The target element MUST be the document nor the content of the dialog.\n * 3. The target element isn't within the dialog content.\n *\n * If the conditions above are met then we can refocus the user into the\n * first/last available focusable element.\n *\n * @param e\n */\nfunction onFocusin(e: FocusEvent) {\n    const previousEl = e.relatedTarget as HTMLElement | null;\n    const targetEl = e.target as HTMLElement | null;\n\n    if (\n        previousEl !== targetEl &&\n        overlayRef.value?.contentEl &&\n        overlayRef.value?.isTopGlobal &&\n        ![document, overlayRef.value.contentEl].includes(targetEl) &&\n        !overlayRef.value.contentEl.contains(targetEl)\n    ) {\n        const focusable = getFocusableChildren(overlayRef.value.contentEl);\n        if (!focusable.length) {\n            return;\n        }\n        const firstEl = focusable[0];\n        const lastEl = focusable[focusable.length - 1];\n        if (previousEl === firstEl) {\n            lastEl.focus();\n        } else {\n            firstEl.focus();\n        }\n    }\n}\n\n/**\n * If the browser window is available (not SSR)\n * then we need to add the focusin event listen when the dialog is open\n * and then remove the event listener when it is closed.\n */\nif (Browser.hasWindow) {\n    watch(\n        () => isActive.value && props.retainFocus,\n        (value) => {\n            if (value) {\n                document.addEventListener(\"focusin\", onFocusin);\n            } else {\n                document.removeEventListener(\"focusin\", onFocusin);\n            }\n        },\n        {\n            immediate: true,\n        },\n    );\n}\n\n/**\n * Watch for changes to the `modelValue` when the dialog is opened\n * focus on the content element. When it is closed revert focus\n * to the activator element if it is available.\n */\nwatch(isActive, async (value) => {\n    await nextTick();\n    if (value) {\n        overlayRef.value!.contentEl?.focus({ preventScroll: true });\n    } else {\n        overlayRef.value!.activatorEl?.focus({ preventScroll: true });\n    }\n});\n\n/**\n * ## Close\n */\nfunction close() {\n    isActive.value = false;\n}\n\nprovideDialog(props.__instance);\n\ndefineExpose({\n    close,\n});\n\n/**\n * Dragging\n * @todo: Still implementing draggable dialogs\n **/\nlet dragging = false;\nlet lastPageX = null;\nlet lastPageY = null;\nlet documentDragListener = null;\nlet documentDragEndListener = null;\n\nfunction initDrag(e: MouseEvent) {\n    if (\n        !props.draggable ||\n        (e.target instanceof Element && e.target.closest(\"[data-no-drag]\"))\n    ) {\n        return;\n    }\n    dragging = true;\n    lastPageX = e.pageX;\n    lastPageY = e.pageY;\n    document.body.style.userSelect = \"none\";\n    emit(\"dragstart\", e);\n}\n\nfunction onEnter() {\n    emit(\"open\");\n    bindGlobalListeners();\n}\nfunction onAfterEnter() {\n    emit(\"after-open\");\n}\nfunction onBeforeLeave() {\n    if (dragging && documentDragEndListener) {\n        documentDragEndListener();\n    }\n}\nfunction onLeave() {\n    emit(\"close\");\n}\nfunction onAfterLeave() {\n    unbindGlobalListeners();\n    emit(\"after-close\");\n}\n\nfunction bindGlobalListeners() {\n    if (props.draggable) {\n        bindDocumentDragListener();\n        bindDocumentDragEndListener();\n    }\n}\n\nfunction bindDocumentDragListener() {\n    documentDragListener = (event) => {\n        const container = overlayRef.value?.contentEl;\n        if (dragging && container) {\n            const width = getOuterWidth(container);\n            const height = getOuterHeight(container);\n            const deltaX = event.pageX - lastPageX;\n            const deltaY = event.pageY - lastPageY;\n            const offset = container.getBoundingClientRect();\n            const leftPos = offset.left + deltaX;\n            const topPos = offset.top + deltaY;\n            const viewport = getViewport();\n            const containerComputedStyle = getComputedStyle(container);\n            const marginLeft = parseFloat(containerComputedStyle.marginLeft);\n            const marginTop = parseFloat(containerComputedStyle.marginTop);\n            container.style.position = \"fixed\";\n\n            if (props.dragWithinViewport) {\n                if (\n                    leftPos >= props.dragMinX &&\n                    leftPos + width < viewport.width\n                ) {\n                    lastPageX = event.pageX;\n                    container.style.left = leftPos - marginLeft + \"px\";\n                }\n\n                if (\n                    topPos >= props.dragMinY &&\n                    topPos + height < viewport.height\n                ) {\n                    lastPageY = event.pageY;\n                    container.style.top = topPos - marginTop + \"px\";\n                }\n            } else {\n                lastPageX = event.pageX;\n                container.style.left = leftPos - marginLeft + \"px\";\n                lastPageY = event.pageY;\n                container.style.top = topPos - marginTop + \"px\";\n            }\n        }\n    };\n    window.document.addEventListener(\"mousemove\", documentDragListener);\n}\n\nfunction bindDocumentDragEndListener() {\n    documentDragEndListener = (event: MouseEvent) => {\n        if (dragging) {\n            dragging = false;\n            document.body.style.userSelect = \"\";\n            emit(\"dragend\", event);\n        }\n    };\n    window.document.addEventListener(\"mouseup\", documentDragEndListener);\n}\n\nfunction unbindGlobalListeners() {\n    unbindDocumentDragListener();\n    unbindDocumentDragEndListener();\n}\n\nfunction unbindDocumentDragListener() {\n    if (documentDragListener) {\n        window.document.removeEventListener(\"mousemove\", documentDragListener);\n        documentDragListener = null;\n    }\n}\n\nfunction unbindDocumentDragEndListener() {\n    if (documentDragEndListener) {\n        window.document.removeEventListener(\"mouseup\", documentDragEndListener);\n        documentDragEndListener = null;\n    }\n}\n\nonBeforeUnmount(() => {\n    unbindGlobalListeners();\n});\n\n</script>\n\n<template>\n    <ev-overlay\n        ref=\"overlayRef\"\n        v-bind=\"overlayProps\"\n        v-model=\"isActive\"\n        aria-modal=\"true\"\n        role=\"dialog\"\n        :class=\"[\n            'ev-dialog',\n            {\n                'is-fullscreen': isFullscreen,\n                'is-scrollable': props.scrollable,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        :activator-props=\"activatorProps\"\n        :width=\"width\"\n        @enter=\"onEnter\"\n        @after-enter=\"onAfterEnter\"\n        @before-leave=\"onBeforeLeave\"\n        @leave=\"onLeave\"\n        @after-leave=\"onAfterLeave\">\n        <template v-if=\"slots.activator\" #activator=\"{ isActive, props }\">\n            <slot name=\"activator\" :is-active=\"isActive\" :props=\"props\" />\n        </template>\n\n        <slot v-if=\"slots.container\" name=\"container\" />\n        <ev-surface\n            v-else\n            class=\"ev-dialog--surface\"\n            elevation=\"panel\"\n            rounded=\"small\">\n            <ev-dialog-header\n                v-if=\"!props.hideHeader\"\n                v-model=\"isActive\"\n                v-bind=\"headerProps\"\n                @mousedown=\"initDrag\">\n                <template v-if=\"slots.header\" #default>\n                    <slot name=\"header\" />\n                </template>\n            </ev-dialog-header>\n            <ev-dialog-body v-bind=\"bodyProps\">\n                <slot />\n            </ev-dialog-body>\n            <ev-dialog-footer v-if=\"slots.footer\">\n                <slot name=\"footer\" />\n            </ev-dialog-footer>\n        </ev-surface>\n    </ev-overlay>\n</template>\n"],"names":["slots","_useSlots","overlayRef","ref","isActive","useModelProxy","props","isFullscreen","overlayProps","computed","filterComponentProps","EvOverlay","activatorProps","mergeProps","headerProps","separatedProps","suppliedProps","bodyProps","width","size","DialogSizeToWidth","DialogSize","onFocusin","previousEl","targetEl","_a","_b","focusable","getFocusableChildren","firstEl","lastEl","Browser","watch","value","nextTick","close","provideDialog","__expose","dragging","lastPageX","lastPageY","documentDragListener","documentDragEndListener","initDrag","emit","onEnter","bindGlobalListeners","onAfterEnter","onBeforeLeave","onLeave","onAfterLeave","unbindGlobalListeners","bindDocumentDragListener","bindDocumentDragEndListener","event","container","getOuterWidth","height","getOuterHeight","deltaX","deltaY","offset","leftPos","topPos","viewport","getViewport","containerComputedStyle","marginLeft","marginTop","unbindDocumentDragListener","unbindDocumentDragEndListener","onBeforeUnmount"],"mappings":"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"}
+{"version":3,"file":"EvDialog.vue.mjs","sources":["../../../../src/components/EvDialog/EvDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `<ev-dialog>`\n */\nimport \"./EvDialog.scss\";\nimport { DialogSize, DialogSizeToWidth, makeEvDialogProps } from \"./EvDialog\";\nimport {\n    computed,\n    mergeProps,\n    nextTick,\n    onBeforeUnmount,\n    ref,\n    watch,\n} from \"vue\";\nimport { EvOverlay } from \"@/components/EvOverlay\";\nimport EvSurface from \"@/components/EvSurface/EvSurface.vue\";\nimport {\n    Browser,\n    filterComponentProps,\n    getFocusableChildren,\n    getOuterHeight,\n    getOuterWidth,\n    getViewport,\n} from \"@/util\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport EvDialogBody from \"@/components/EvDialog/EvDialogBody.vue\";\nimport EvDialogFooter from \"@/components/EvDialog/EvDialogFooter.vue\";\nimport EvDialogHeader from \"@/components/EvDialog/EvDialogHeader.vue\";\nimport { provideDialog } from \"@/composables/dialog\";\n\nconst props = defineProps({\n    ...makeEvDialogProps(),\n});\nconst slots = defineSlots<{\n    activator(): never;\n    container(): never;\n    default(): never;\n    footer(): never;\n    header(): never;\n}>();\nconst overlayRef = ref();\nconst isActive = useModelProxy(props, \"modelValue\");\nconst isFullscreen = useModelProxy(props, \"fullscreen\");\nconst overlayProps = computed(() => {\n    return filterComponentProps(EvOverlay, props);\n});\n\nconst activatorProps = computed(() => {\n    return mergeProps(\n        {\n            \"aria-haspopup\": \"dialog\",\n            \"aria-expanded\": String(isActive.value),\n        },\n        props.activatorProps,\n    );\n});\n\nconst headerProps = computed(() => {\n    const separatedProps = {\n        actions: props.headerActions,\n        closeable: props.closeable,\n        icon: props.icon,\n        title: props.title,\n    };\n    const suppliedProps = props.headerProps ?? {};\n    return Object.assign(separatedProps, suppliedProps);\n});\n\nconst bodyProps = computed(() => {\n    const separatedProps = {\n        padding: !props.noPadding,\n    };\n    const suppliedProps = props.bodyProps ?? {};\n    return Object.assign(separatedProps, suppliedProps);\n});\n\nconst emit = defineEmits<{\n    (e: \"update:modelValue\", value: boolean): void;\n    (e: \"update:fullscreen\", value: boolean): void;\n    (e: \"dragstart\", value: MouseEvent): void;\n    (e: \"dragend\", value: MouseEvent): void;\n    (e: \"open\"): void;\n    (e: \"after-open\"): void;\n    (e: \"close\"): void;\n    (e: \"after-close\"): void;\n}>();\n\n/**\n * ## Width\n *\n * We want to standardize dialog sizes. So we can intercept the `width` prop.\n *\n * - 'small'\n * - 'medium'\n * - 'large'\n * - 'x-large'\n */\nconst width = computed(() => {\n    const size = props.width ?? DialogSizeToWidth[DialogSize.medium];\n    return DialogSizeToWidth[size as string] ?? size;\n});\n\n/**\n * ## onFocusin\n *\n * When the user opens the dialog and presses tab (for example),\n * we can apply focus to the first available and focusable element.\n *\n * 1. The dialog MUST be the top-most open dialog.\n * 2. The target element MUST be the document nor the content of the dialog.\n * 3. The target element isn't within the dialog content.\n *\n * If the conditions above are met, then we can refocus the user into the\n * first/last available focusable element.\n *\n * @param e\n */\nfunction onFocusin(e: FocusEvent) {\n    const previousEl = e.relatedTarget as HTMLElement | null;\n    const targetEl = e.target as HTMLElement | null;\n\n    if (\n        previousEl !== targetEl &&\n        overlayRef.value?.contentEl &&\n        overlayRef.value?.isTopGlobal &&\n        ![document, overlayRef.value.contentEl].includes(targetEl) &&\n        !overlayRef.value.contentEl.contains(targetEl)\n    ) {\n        const focusable = getFocusableChildren(overlayRef.value.contentEl);\n        if (!focusable.length) {\n            return;\n        }\n        const firstEl = focusable[0];\n        const lastEl = focusable[focusable.length - 1];\n        if (previousEl === firstEl) {\n            lastEl.focus();\n        } else {\n            firstEl.focus();\n        }\n    }\n}\n\n/**\n * If the browser window is available (not SSR),\n * then we need to add the focusin event listen when the dialog is open\n * and then remove the event listener when it is closed.\n */\nif (Browser.hasWindow) {\n    watch(\n        () => isActive.value && props.retainFocus,\n        (value) => {\n            if (value) {\n                document.addEventListener(\"focusin\", onFocusin);\n            } else {\n                document.removeEventListener(\"focusin\", onFocusin);\n            }\n        },\n        {\n            immediate: true,\n        },\n    );\n}\n\n/**\n * Watch for changes to the `modelValue` when the dialog is opened\n * focus on the content element. When it is closed, revert focus\n * to the activator element if it is available.\n */\nwatch(isActive, async (value) => {\n    await nextTick();\n    if (value) {\n        overlayRef.value!.contentEl?.focus({ preventScroll: true });\n    } else {\n        overlayRef.value!.activatorEl?.focus({ preventScroll: true });\n    }\n});\n\n/**\n * ## Close\n */\nfunction close() {\n    isActive.value = false;\n}\n\nprovideDialog(props.__instance);\n\ndefineExpose({\n    close,\n});\n\n/**\n * Dragging\n * @todo: Still implementing draggable dialogs\n **/\nlet dragging = false;\nlet lastPageX = null;\nlet lastPageY = null;\nlet documentDragListener = null;\nlet documentDragEndListener = null;\n\nfunction initDrag(e: MouseEvent) {\n    if (\n        !props.draggable ||\n        (e.target instanceof Element && e.target.closest(\"[data-no-drag]\"))\n    ) {\n        return;\n    }\n    dragging = true;\n    lastPageX = e.pageX;\n    lastPageY = e.pageY;\n    document.body.style.userSelect = \"none\";\n    emit(\"dragstart\", e);\n}\n\nfunction onEnter() {\n    emit(\"open\");\n    bindGlobalListeners();\n}\nfunction onAfterEnter() {\n    emit(\"after-open\");\n}\nfunction onBeforeLeave() {\n    if (dragging && documentDragEndListener) {\n        documentDragEndListener();\n    }\n}\nfunction onLeave() {\n    emit(\"close\");\n}\nfunction onAfterLeave() {\n    unbindGlobalListeners();\n    emit(\"after-close\");\n}\n\nfunction bindGlobalListeners() {\n    if (props.draggable) {\n        bindDocumentDragListener();\n        bindDocumentDragEndListener();\n    }\n}\n\nfunction bindDocumentDragListener() {\n    documentDragListener = (event: MouseEvent) => {\n        const container = overlayRef.value?.contentEl;\n        if (dragging && container) {\n            const width = getOuterWidth(container);\n            const height = getOuterHeight(container);\n            const deltaX = event.pageX - lastPageX;\n            const deltaY = event.pageY - lastPageY;\n            const offset = container.getBoundingClientRect();\n            const leftPos = offset.left + deltaX;\n            const topPos = offset.top + deltaY;\n            const viewport = getViewport();\n            const containerComputedStyle = getComputedStyle(container);\n            const marginLeft = parseFloat(containerComputedStyle.marginLeft);\n            const marginTop = parseFloat(containerComputedStyle.marginTop);\n            container.style.position = \"fixed\";\n\n            if (props.dragWithinViewport) {\n                if (\n                    leftPos >= props.dragMinX &&\n                    leftPos + width < viewport.width\n                ) {\n                    lastPageX = event.pageX;\n                    container.style.left = leftPos - marginLeft + \"px\";\n                }\n\n                if (\n                    topPos >= props.dragMinY &&\n                    topPos + height < viewport.height\n                ) {\n                    lastPageY = event.pageY;\n                    container.style.top = topPos - marginTop + \"px\";\n                }\n            } else {\n                lastPageX = event.pageX;\n                container.style.left = leftPos - marginLeft + \"px\";\n                lastPageY = event.pageY;\n                container.style.top = topPos - marginTop + \"px\";\n            }\n        }\n    };\n    window.document.addEventListener(\"mousemove\", documentDragListener);\n}\n\nfunction bindDocumentDragEndListener() {\n    documentDragEndListener = (event: MouseEvent) => {\n        if (dragging) {\n            dragging = false;\n            document.body.style.userSelect = \"\";\n            emit(\"dragend\", event);\n        }\n    };\n    window.document.addEventListener(\"mouseup\", documentDragEndListener);\n}\n\nfunction unbindGlobalListeners() {\n    unbindDocumentDragListener();\n    unbindDocumentDragEndListener();\n}\n\nfunction unbindDocumentDragListener() {\n    if (documentDragListener) {\n        window.document.removeEventListener(\"mousemove\", documentDragListener);\n        documentDragListener = null;\n    }\n}\n\nfunction unbindDocumentDragEndListener() {\n    if (documentDragEndListener) {\n        window.document.removeEventListener(\"mouseup\", documentDragEndListener);\n        documentDragEndListener = null;\n    }\n}\n\nonBeforeUnmount(() => {\n    unbindGlobalListeners();\n});\n</script>\n\n<template>\n    <ev-overlay\n        ref=\"overlayRef\"\n        v-bind=\"overlayProps\"\n        v-model=\"isActive\"\n        aria-modal=\"true\"\n        role=\"dialog\"\n        :class=\"[\n            'ev-dialog',\n            {\n                'is-fullscreen': isFullscreen,\n                'is-scrollable': props.scrollable,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        :activator-props=\"activatorProps\"\n        :width=\"width\"\n        @enter=\"onEnter\"\n        @after-enter=\"onAfterEnter\"\n        @before-leave=\"onBeforeLeave\"\n        @leave=\"onLeave\"\n        @after-leave=\"onAfterLeave\">\n        <template v-if=\"slots.activator\" #activator=\"{ isActive, props }\">\n            <slot name=\"activator\" :is-active=\"isActive\" :props=\"props\" />\n        </template>\n\n        <slot v-if=\"slots.container\" name=\"container\" />\n        <ev-surface\n            v-else\n            class=\"ev-dialog--surface\"\n            elevation=\"panel\"\n            rounded=\"small\">\n            <ev-dialog-header\n                v-if=\"!props.hideHeader\"\n                v-model=\"isActive\"\n                v-bind=\"headerProps\"\n                @mousedown=\"initDrag\">\n                <template v-if=\"slots.header\" #default>\n                    <slot name=\"header\" />\n                </template>\n            </ev-dialog-header>\n            <ev-dialog-body v-bind=\"bodyProps\">\n                <slot />\n            </ev-dialog-body>\n            <ev-dialog-footer v-if=\"slots.footer\">\n                <slot name=\"footer\" />\n            </ev-dialog-footer>\n        </ev-surface>\n    </ev-overlay>\n</template>\n"],"names":["slots","_useSlots","overlayRef","ref","isActive","useModelProxy","props","isFullscreen","overlayProps","computed","filterComponentProps","EvOverlay","activatorProps","mergeProps","headerProps","separatedProps","suppliedProps","bodyProps","width","size","DialogSizeToWidth","DialogSize","onFocusin","previousEl","targetEl","_a","_b","focusable","getFocusableChildren","firstEl","lastEl","Browser","watch","value","nextTick","close","provideDialog","__expose","dragging","lastPageX","lastPageY","documentDragListener","documentDragEndListener","initDrag","emit","onEnter","bindGlobalListeners","onAfterEnter","onBeforeLeave","onLeave","onAfterLeave","unbindGlobalListeners","bindDocumentDragListener","bindDocumentDragEndListener","event","container","getOuterWidth","height","getOuterHeight","deltaX","deltaY","offset","leftPos","topPos","viewport","getViewport","containerComputedStyle","marginLeft","marginTop","unbindDocumentDragListener","unbindDocumentDragEndListener","onBeforeUnmount"],"mappings":"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"}

package/dist/esm/components/EvDialog/EvDialogBody.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as r,computed as l,createElementBlock as s,openBlock as n,normalizeClass as d,renderSlot as p}from"vue";import{propsFactory as i}from"../../util/props.mjs";/*! Evance UI v1.1.30 | MIT License */const c=i({padding:{type:Boolean,default:!0}},"EvDialogBody"),g=r({__name:"EvDialogBody",props:{...c()},setup(o){const e=o,a=l(()=>e.padding?void 0:"pa-0");return(t,m)=>(n(),s("div",{class:d(["ev-dialog--body","is-scrollable",a.value])},[p(t.$slots,"default")],2))}});export{g as default,c as makeEvDialogBodyProps};
+import{defineComponent as r,computed as l,createElementBlock as s,openBlock as n,normalizeClass as d,renderSlot as p}from"vue";import{propsFactory as i}from"../../util/props.mjs";/*! Evance UI v1.1.33 | MIT License */const c=i({padding:{type:Boolean,default:!0}},"EvDialogBody"),g=r({__name:"EvDialogBody",props:{...c()},setup(o){const e=o,a=l(()=>e.padding?void 0:"pa-0");return(t,m)=>(n(),s("div",{class:d(["ev-dialog--body","is-scrollable",a.value])},[p(t.$slots,"default")],2))}});export{g as default,c as makeEvDialogBodyProps};
 //# sourceMappingURL=EvDialogBody.vue.mjs.map

package/dist/esm/components/EvDialog/EvDialogFooter.vue.mjs

@@ -1,2 +1,2 @@
-import{createElementBlock as e,openBlock as t,renderSlot as r}from"vue";import c from"../../_virtual/_plugin-vue_export-helper.mjs";/*! Evance UI v1.1.30 | MIT License */const n={},s={class:"ev-dialog--footer"};function l(o,a){return t(),e("div",s,[r(o.$slots,"default")])}const d=c(n,[["render",l]]);export{d as default};
+import{createElementBlock as e,openBlock as t,renderSlot as r}from"vue";import c from"../../_virtual/_plugin-vue_export-helper.mjs";/*! Evance UI v1.1.33 | MIT License */const n={},s={class:"ev-dialog--footer"};function l(o,a){return t(),e("div",s,[r(o.$slots,"default")])}const d=c(n,[["render",l]]);export{d as default};
 //# sourceMappingURL=EvDialogFooter.vue.mjs.map

package/dist/esm/components/EvDialog/EvDialogHeader.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as d,useSlots as f,computed as o,createElementBlock as v,createBlock as k,unref as l,openBlock as s,normalizeStyle as y,normalizeClass as g,renderSlot as _,mergeProps as P}from"vue";import{useModelProxy as b}from"../../composables/modelProxy.mjs";import{makeEvToolbarProps as B}from"../EvToolbar/EvToolbar.mjs";import t from"../EvToolbar/EvToolbar.vue.mjs";import{propsFactory as C}from"../../util/props.mjs";import{filterComponentProps as E}from"../../util/helpers.mjs";/*! Evance UI v1.1.30 | MIT License */const h=C({modelValue:Boolean,closeable:{type:Boolean,default:!0},...B({size:"large"})},"EvDialogHeader"),A=d({__name:"EvDialogHeader",props:{...h()},emits:["update:modelValue","close"],setup(a,{emit:r}){const e=a,c=f(),n=b(e,"modelValue");function i(){n.value=!1,r("close")}const m=o(()=>e.closeable?i:void 0),p=o(()=>E(t,e));return(u,z)=>l(c).default?(s(),v("div",{key:0,class:g(["ev-dialog--header",e.class]),style:y(e.style)},[_(u.$slots,"default")],6)):(s(),k(l(t),P({key:1,class:["ev-dialog--header",{"is-untitled":!e.title}]},p.value,{"onClick:close":m.value}),null,16,["class","onClick:close"]))}});export{A as default,h as makeEvDialogHeaderProps};
+import{defineComponent as d,useSlots as f,computed as o,createElementBlock as v,createBlock as k,unref as l,openBlock as s,normalizeStyle as y,normalizeClass as g,renderSlot as _,mergeProps as P}from"vue";import{useModelProxy as b}from"../../composables/modelProxy.mjs";import{makeEvToolbarProps as B}from"../EvToolbar/EvToolbar.mjs";import t from"../EvToolbar/EvToolbar.vue.mjs";import{propsFactory as C}from"../../util/props.mjs";import{filterComponentProps as E}from"../../util/helpers.mjs";/*! Evance UI v1.1.33 | MIT License */const h=C({modelValue:Boolean,closeable:{type:Boolean,default:!0},...B({size:"large"})},"EvDialogHeader"),A=d({__name:"EvDialogHeader",props:{...h()},emits:["update:modelValue","close"],setup(a,{emit:r}){const e=a,c=f(),n=b(e,"modelValue");function i(){n.value=!1,r("close")}const m=o(()=>e.closeable?i:void 0),p=o(()=>E(t,e));return(u,z)=>l(c).default?(s(),v("div",{key:0,class:g(["ev-dialog--header",e.class]),style:y(e.style)},[_(u.$slots,"default")],6)):(s(),k(l(t),P({key:1,class:["ev-dialog--header",{"is-untitled":!e.title}]},p.value,{"onClick:close":m.value}),null,16,["class","onClick:close"]))}});export{A as default,h as makeEvDialogHeaderProps};
 //# sourceMappingURL=EvDialogHeader.vue.mjs.map

package/dist/esm/components/EvDialog/EvDialogInstance.mjs

@@ -1,2 +1,2 @@
-/*! Evance UI v1.1.30 | MIT License */class t{constructor(e){this.renderer=e}get data(){return this.renderer.data}get id(){return this.renderer.id}close(e){this.renderer.close(e)}}export{t as EvDialogInstance};
+/*! Evance UI v1.1.33 | MIT License */class t{constructor(e){this.renderer=e}get data(){return this.renderer.data}get id(){return this.renderer.id}close(e){this.renderer.close(e)}}export{t as EvDialogInstance};
 //# sourceMappingURL=EvDialogInstance.mjs.map

package/dist/esm/components/EvDialog/EvDialogRenderer.mjs

@@ -1,2 +1,2 @@
-var d=Object.defineProperty;var p=(n,e,t)=>e in n?d(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var o=(n,e,t)=>p(n,typeof e!="symbol"?e+"":e,t);import{shallowRef as h,mergeProps as m,h as r,render as i}from"vue";import u from"./EvDialog.vue.mjs";import{EvDialogInstance as f}from"./EvDialogInstance.mjs";/*! Evance UI v1.1.30 | MIT License */class S{constructor(e,t,s){o(this,"app");o(this,"id");o(this,"instance");o(this,"container");o(this,"modelValue",h(!1));o(this,"options");o(this,"promiseResolver");o(this,"isRendered",!1);this.app=e,this.id=t,this.options=s}get data(){return this.options.data}close(e){var t;(t=this.promiseResolver)==null||t.call(this,e),this.modelValue.value=!1}createContainer(){this.container=document.createElement("div"),this.container.id=`ev-dialog-instance-${this.id}`,document.querySelector("body").appendChild(this.container)}createProps(){const e=this.options.props??{};return m(e,{modelValue:this.modelValue,onAfterLeave:()=>this.onAfterLeave(),__instance:new f(this)})}createSlots(){const e=this.options.slots??{},t={};for(const s in e){const a=e[s];t[s]=(l,c)=>r(a,l,c)}return t}onAfterLeave(){const e=this.instance.$el.parentNode;i(null,e),e.parentNode.removeChild(e),this.isRendered=!1}open(){return this.modelValue.value=!0,new Promise(e=>{this.promiseResolver=e})}render(){if(this.isRendered)return;this.createContainer();const e=r(u,this.createProps(),this.createSlots());e.appContext=this.app._context,i(e,this.container),this.instance=e.component.proxy,this.isRendered=!0}}export{S as EvDialogRenderer};
+var d=Object.defineProperty;var p=(n,e,t)=>e in n?d(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var o=(n,e,t)=>p(n,typeof e!="symbol"?e+"":e,t);import{shallowRef as h,mergeProps as m,h as r,render as i}from"vue";import u from"./EvDialog.vue.mjs";import{EvDialogInstance as f}from"./EvDialogInstance.mjs";/*! Evance UI v1.1.33 | MIT License */class S{constructor(e,t,s){o(this,"app");o(this,"id");o(this,"instance");o(this,"container");o(this,"modelValue",h(!1));o(this,"options");o(this,"promiseResolver");o(this,"isRendered",!1);this.app=e,this.id=t,this.options=s}get data(){return this.options.data}close(e){var t;(t=this.promiseResolver)==null||t.call(this,e),this.modelValue.value=!1}createContainer(){this.container=document.createElement("div"),this.container.id=`ev-dialog-instance-${this.id}`,document.querySelector("body").appendChild(this.container)}createProps(){const e=this.options.props??{};return m(e,{modelValue:this.modelValue,onAfterLeave:()=>this.onAfterLeave(),__instance:new f(this)})}createSlots(){const e=this.options.slots??{},t={};for(const s in e){const a=e[s];t[s]=(l,c)=>r(a,l,c)}return t}onAfterLeave(){const e=this.instance.$el.parentNode;i(null,e),e.parentNode.removeChild(e),this.isRendered=!1}open(){return this.modelValue.value=!0,new Promise(e=>{this.promiseResolver=e})}render(){if(this.isRendered)return;this.createContainer();const e=r(u,this.createProps(),this.createSlots());e.appContext=this.app._context,i(e,this.container),this.instance=e.component.proxy,this.isRendered=!0}}export{S as EvDialogRenderer};
 //# sourceMappingURL=EvDialogRenderer.mjs.map

package/dist/esm/components/EvDialog/EvDialogServiceOpener.mjs

@@ -1,2 +1,2 @@
-var o=Object.defineProperty;var i=(n,e,r)=>e in n?o(n,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[e]=r;var t=(n,e,r)=>i(n,typeof e!="symbol"?e+"":e,r);import{EvDialogRenderer as p}from"./EvDialogRenderer.mjs";/*! Evance UI v1.1.30 | MIT License */class c{constructor(e){t(this,"instanceId",0);this.app=e}open(e){const r=new p(this.app,++this.instanceId,e);return r.render(),r.open()}}export{c as EvDialogServiceOpener};
+var o=Object.defineProperty;var i=(n,e,r)=>e in n?o(n,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[e]=r;var t=(n,e,r)=>i(n,typeof e!="symbol"?e+"":e,r);import{EvDialogRenderer as p}from"./EvDialogRenderer.mjs";/*! Evance UI v1.1.33 | MIT License */class c{constructor(e){t(this,"instanceId",0);this.app=e}open(e){const r=new p(this.app,++this.instanceId,e);return r.render(),r.open()}}export{c as EvDialogServiceOpener};
 //# sourceMappingURL=EvDialogServiceOpener.mjs.map

package/dist/esm/components/EvDialog/EvDialogTransition.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as R,createBlock as y,openBlock as u,Transition as v,withCtx as w,renderSlot as x}from"vue";import{animate as $,easingDecelerate as S,easingAccelerate as q}from"../../util/animate.mjs";import{getTargetRect as L,adjustedBoundingRect as O}from"../../util/dimensions.mjs";import{propsFactory as j}from"../../util/props.mjs";/*! Evance UI v1.1.30 | MIT License */const M=j({target:[Object,Array]},"EvDialogTransition"),W=R({__name:"EvDialogTransition",props:{...M()},setup(E){const f=E;function p(t,i){const e=L(t),n=O(i),[r,c]=getComputedStyle(i).transformOrigin.split(" ").map(C=>parseFloat(C)),[s,a]=getComputedStyle(i).getPropertyValue("--ev-overlay-position").split(" ");let o=e.left+e.width/2;s==="left"||a==="left"?o-=e.width/2:(s==="right"||a==="right")&&(o+=e.width/2);let m=e.top+e.height/2;s==="top"||a==="top"?m-=e.height/2:(s==="bottom"||a==="bottom")&&(m+=e.height/2);const l=e.width/n.width,d=e.height/n.height,g=Math.max(1,l,d),D=l/g||0,F=d/g||0,h=n.width*n.height/(window.innerWidth*window.innerHeight),T=h>.12?Math.min(1.5,(h-.12)*10+1):1;return{x:o-(r+n.left),y:m-(c+n.top),sx:D,sy:F,speed:T}}function A(t){t.style.pointerEvents="none",t.style.visibility="hidden"}async function P(t,i){await new Promise(o=>requestAnimationFrame(o)),await new Promise(o=>requestAnimationFrame(o)),t.style.visibility="";const{x:e,y:n,sx:r,sy:c,speed:s}=p(f.target,t);$(t,[{transform:`translate(${e}px, ${n}px) scale(${r}, ${c})`,opacity:0},{}],{duration:225*s,easing:S}).finished.then(()=>i())}function _(t){t.style.removeProperty("pointer-events")}function b(t){t.style.pointerEvents="none"}async function k(t,i){await new Promise(o=>requestAnimationFrame(o));const{x:e,y:n,sx:r,sy:c,speed:s}=p(f.target,t);$(t,[{},{transform:`translate(${e}px, ${n}px) scale(${r}, ${c})`,opacity:0}],{duration:125*s,easing:q}).finished.then(()=>i())}function B(t){t.style.removeProperty("pointer-events")}return(t,i)=>f.target?(u(),y(v,{key:0,name:"ev-dialog-transition",css:!1,onBeforeEnter:A,onEnter:P,onAfterEnter:_,onBeforeLeave:b,onLeave:k,onAfterLeave:B},{default:w(()=>[x(t.$slots,"default")]),_:3})):(u(),y(v,{key:1,name:"ev-dialog-transition"},{default:w(()=>[x(t.$slots,"default")]),_:3}))}});export{W as default,M as makeEvDialogTransitionProps};
+import{defineComponent as R,createBlock as y,openBlock as u,Transition as v,withCtx as w,renderSlot as x}from"vue";import{animate as $,easingDecelerate as S,easingAccelerate as q}from"../../util/animate.mjs";import{getTargetRect as L,adjustedBoundingRect as O}from"../../util/dimensions.mjs";import{propsFactory as j}from"../../util/props.mjs";/*! Evance UI v1.1.33 | MIT License */const M=j({target:[Object,Array]},"EvDialogTransition"),W=R({__name:"EvDialogTransition",props:{...M()},setup(E){const f=E;function p(t,i){const e=L(t),n=O(i),[r,c]=getComputedStyle(i).transformOrigin.split(" ").map(C=>parseFloat(C)),[s,a]=getComputedStyle(i).getPropertyValue("--ev-overlay-position").split(" ");let o=e.left+e.width/2;s==="left"||a==="left"?o-=e.width/2:(s==="right"||a==="right")&&(o+=e.width/2);let m=e.top+e.height/2;s==="top"||a==="top"?m-=e.height/2:(s==="bottom"||a==="bottom")&&(m+=e.height/2);const l=e.width/n.width,d=e.height/n.height,g=Math.max(1,l,d),D=l/g||0,F=d/g||0,h=n.width*n.height/(window.innerWidth*window.innerHeight),T=h>.12?Math.min(1.5,(h-.12)*10+1):1;return{x:o-(r+n.left),y:m-(c+n.top),sx:D,sy:F,speed:T}}function A(t){t.style.pointerEvents="none",t.style.visibility="hidden"}async function P(t,i){await new Promise(o=>requestAnimationFrame(o)),await new Promise(o=>requestAnimationFrame(o)),t.style.visibility="";const{x:e,y:n,sx:r,sy:c,speed:s}=p(f.target,t);$(t,[{transform:`translate(${e}px, ${n}px) scale(${r}, ${c})`,opacity:0},{}],{duration:225*s,easing:S}).finished.then(()=>i())}function _(t){t.style.removeProperty("pointer-events")}function b(t){t.style.pointerEvents="none"}async function k(t,i){await new Promise(o=>requestAnimationFrame(o));const{x:e,y:n,sx:r,sy:c,speed:s}=p(f.target,t);$(t,[{},{transform:`translate(${e}px, ${n}px) scale(${r}, ${c})`,opacity:0}],{duration:125*s,easing:q}).finished.then(()=>i())}function B(t){t.style.removeProperty("pointer-events")}return(t,i)=>f.target?(u(),y(v,{key:0,name:"ev-dialog-transition",css:!1,onBeforeEnter:A,onEnter:P,onAfterEnter:_,onBeforeLeave:b,onLeave:k,onAfterLeave:B},{default:w(()=>[x(t.$slots,"default")]),_:3})):(u(),y(v,{key:1,name:"ev-dialog-transition"},{default:w(()=>[x(t.$slots,"default")]),_:3}))}});export{W as default,M as makeEvDialogTransitionProps};
 //# sourceMappingURL=EvDialogTransition.vue.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as m,useCssVars as h,computed as t,useSlots as y,createElementBlock as l,unref as _,openBlock as s,normalizeClass as i,createElementVNode as r,renderSlot as b}from"vue";/* empty css               */import{hasSlotWithContent as S}from"../../composables/hasSlotWithContent.mjs";import{isIntegerish as k}from"../../util/numbers.mjs";import{isCssVariable as C}from"../../util/is-functions.mjs";import{appearanceModifier as x}from"../../util/modifiers.mjs";import{Appearance as B}from"../../util/appearance.mjs";/*! Evance UI v1.1.30 | MIT License */const E=r("hr",{class:"ev-divider--line"},null,-1),V={class:"ev-divider--content"},$=r("hr",{class:"ev-divider--line"},null,-1),O=m({__name:"EvDivider",props:{appearance:{default:"default"},borderStyle:{default:"solid"},thickness:{default:1},opacity:{default:void 0},vertical:{type:Boolean,default:!1}},setup(n){const e=n;h(o=>({"1c626f9e":u.value,"09641586":p.value,"1d465dec":f.value,"1d796e01":v.value}));const c=y(),d=S(c,"default"),u=t(()=>e.appearance!=="default"?`var(--text-${e.appearance})`:null),p=t(()=>e.opacity?k(e.opacity)?+e.opacity/100:C(e.opacity)?`var(${e.opacity})`:null:null),f=t(()=>e.borderStyle!=="solid"?e.borderStyle:null),v=t(()=>e.thickness>1?e.thickness+"px":null),a=t(()=>[{"is-horizontal":!e.vertical,"is-vertical":e.vertical},x(e.appearance,[B.default])]);return(o,z)=>_(d)?(s(),l("div",{key:0,class:i(["ev-divider",a.value]),role:"separator"},[E,r("div",V,[b(o.$slots,"default")]),$],2)):(s(),l("hr",{key:1,class:i(["ev-divider",a.value]),role:"separator"},null,2))}});export{O as default};
+import{defineComponent as m,useCssVars as h,computed as t,useSlots as y,createElementBlock as l,unref as _,openBlock as s,normalizeClass as i,createElementVNode as r,renderSlot as b}from"vue";/* empty css               */import{hasSlotWithContent as S}from"../../composables/hasSlotWithContent.mjs";import{isIntegerish as k}from"../../util/numbers.mjs";import{isCssVariable as C}from"../../util/is-functions.mjs";import{appearanceModifier as x}from"../../util/modifiers.mjs";import{Appearance as B}from"../../util/appearance.mjs";/*! Evance UI v1.1.33 | MIT License */const E=r("hr",{class:"ev-divider--line"},null,-1),V={class:"ev-divider--content"},$=r("hr",{class:"ev-divider--line"},null,-1),O=m({__name:"EvDivider",props:{appearance:{default:"default"},borderStyle:{default:"solid"},thickness:{default:1},opacity:{default:void 0},vertical:{type:Boolean,default:!1}},setup(n){const e=n;h(o=>({"1c626f9e":u.value,"09641586":p.value,"1d465dec":f.value,"1d796e01":v.value}));const c=y(),d=S(c,"default"),u=t(()=>e.appearance!=="default"?`var(--text-${e.appearance})`:null),p=t(()=>e.opacity?k(e.opacity)?+e.opacity/100:C(e.opacity)?`var(${e.opacity})`:null:null),f=t(()=>e.borderStyle!=="solid"?e.borderStyle:null),v=t(()=>e.thickness>1?e.thickness+"px":null),a=t(()=>[{"is-horizontal":!e.vertical,"is-vertical":e.vertical},x(e.appearance,[B.default])]);return(o,z)=>_(d)?(s(),l("div",{key:0,class:i(["ev-divider",a.value]),role:"separator"},[E,r("div",V,[b(o.$slots,"default")]),$],2)):(s(),l("hr",{key:1,class:i(["ev-divider",a.value]),role:"separator"},null,2))}});export{O as default};
 //# sourceMappingURL=EvDivider.vue.mjs.map

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

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

package/dist/esm/components/EvDrawer/EvDrawer.mjs

@@ -1,2 +1,2 @@
-import{makeEvDialogProps as o}from"../EvDialog/EvDialog.mjs";import{propsFactory as r}from"../../util/props.mjs";import{omit as t}from"../../util/helpers.mjs";/*! Evance UI v1.1.30 | MIT License */const e=r({position:{type:String,default:"left"},...t(o(),["position"])},"EvDrawer");export{e as makeEvDrawerProps};
+import{makeEvDialogProps as o}from"../EvDialog/EvDialog.mjs";import{propsFactory as r}from"../../util/props.mjs";import{omit as t}from"../../util/helpers.mjs";/*! Evance UI v1.1.33 | MIT License */const e=r({position:{type:String,default:"left"},...t(o(),["position"])},"EvDrawer");export{e as makeEvDrawerProps};
 //# sourceMappingURL=EvDrawer.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as g,computed as t,ref as C,createBlock as s,openBlock as n,unref as a,mergeProps as h,isRef as k,createSlots as x,renderList as D,withCtx as R,resolveDynamicComponent as V,normalizeProps as $,guardReactiveProps as B}from"vue";/* empty css              */import l from"../EvDialog/EvDialog.vue.mjs";import{makeEvDrawerProps as E}from"./EvDrawer.mjs";import{useModelProxy as b}from"../../composables/modelProxy.mjs";import{provideDrawer as z}from"../../composables/drawer.mjs";import{omit as A,filterComponentProps as L}from"../../util/helpers.mjs";/*! Evance UI v1.1.30 | MIT License */const G=g({__name:"EvDrawer",props:{...E()},setup(p,{expose:m}){const o=p,u=t(()=>A(L(l,o),["position"])),e=b(o,"modelValue"),c=C(),d=t(()=>`is-position-${o.position}`),f=t(()=>`ev-drawer--transition-${o.position}`),v=t(()=>o.position==="top"||o.position==="bottom"?"100%":o.width??"medium");function w(){e.value=!1}return z(o.__instance),m({close:w}),(_,i)=>(n(),s(a(l),h({ref_key:"dialogRef",ref:c},u.value,{modelValue:a(e),"onUpdate:modelValue":i[0]||(i[0]=r=>k(e)?e.value=r:null),class:["ev-drawer",d.value,o.class],style:o.style,transition:f.value,width:v.value}),x({_:2},[D(_.$slots,(r,y)=>({name:y,fn:R(P=>[(n(),s(V(r),$(B(P)),null,16))])}))]),1040,["modelValue","class","style","transition","width"]))}});export{G as default};
+import{defineComponent as g,computed as t,ref as C,createBlock as s,openBlock as n,unref as a,mergeProps as h,isRef as k,createSlots as x,renderList as D,withCtx as R,resolveDynamicComponent as V,normalizeProps as $,guardReactiveProps as B}from"vue";/* empty css              */import l from"../EvDialog/EvDialog.vue.mjs";import{makeEvDrawerProps as E}from"./EvDrawer.mjs";import{useModelProxy as b}from"../../composables/modelProxy.mjs";import{provideDrawer as z}from"../../composables/drawer.mjs";import{omit as A,filterComponentProps as L}from"../../util/helpers.mjs";/*! Evance UI v1.1.33 | MIT License */const G=g({__name:"EvDrawer",props:{...E()},setup(p,{expose:m}){const o=p,u=t(()=>A(L(l,o),["position"])),e=b(o,"modelValue"),c=C(),d=t(()=>`is-position-${o.position}`),f=t(()=>`ev-drawer--transition-${o.position}`),v=t(()=>o.position==="top"||o.position==="bottom"?"100%":o.width??"medium");function w(){e.value=!1}return z(o.__instance),m({close:w}),(_,i)=>(n(),s(a(l),h({ref_key:"dialogRef",ref:c},u.value,{modelValue:a(e),"onUpdate:modelValue":i[0]||(i[0]=r=>k(e)?e.value=r:null),class:["ev-drawer",d.value,o.class],style:o.style,transition:f.value,width:v.value}),x({_:2},[D(_.$slots,(r,y)=>({name:y,fn:R(P=>[(n(),s(V(r),$(B(P)),null,16))])}))]),1040,["modelValue","class","style","transition","width"]))}});export{G as default};
 //# sourceMappingURL=EvDrawer.vue.mjs.map

package/dist/esm/components/EvDrawer/EvDrawerInstance.mjs

@@ -1,2 +1,2 @@
-/*! Evance UI v1.1.30 | MIT License */class t{constructor(e){this.renderer=e}get data(){return this.renderer.data}get id(){return this.renderer.id}close(e){this.renderer.close(e)}}export{t as EvDrawerInstance};
+/*! Evance UI v1.1.33 | MIT License */class t{constructor(e){this.renderer=e}get data(){return this.renderer.data}get id(){return this.renderer.id}close(e){this.renderer.close(e)}}export{t as EvDrawerInstance};
 //# sourceMappingURL=EvDrawerInstance.mjs.map

package/dist/esm/components/EvDrawer/EvDrawerRenderer.mjs

@@ -1,2 +1,2 @@
-var d=Object.defineProperty;var p=(n,e,t)=>e in n?d(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var r=(n,e,t)=>p(n,typeof e!="symbol"?e+"":e,t);import{shallowRef as h,mergeProps as m,h as s,render as i}from"vue";import u from"./EvDrawer.vue.mjs";import{EvDrawerInstance as f}from"./EvDrawerInstance.mjs";/*! Evance UI v1.1.30 | MIT License */class S{constructor(e,t,o){r(this,"app");r(this,"id");r(this,"instance");r(this,"container");r(this,"modelValue",h(!1));r(this,"options");r(this,"promiseResolver");r(this,"isRendered",!1);this.app=e,this.id=t,this.options=o}get data(){return this.options.data}close(e){var t;(t=this.promiseResolver)==null||t.call(this,e),this.modelValue.value=!1}createContainer(){this.container=document.createElement("div"),this.container.id=`ev-drawer-instance-${this.id}`,document.querySelector("body").appendChild(this.container)}createProps(){const e=this.options.props??{};return m(e,{modelValue:this.modelValue,onAfterLeave:()=>this.onAfterLeave(),__instance:new f(this)})}createSlots(){const e=this.options.slots??{},t={};for(const o in e){const a=e[o];t[o]=(l,c)=>s(a,l,c)}return t}onAfterLeave(){const e=this.instance.$el.parentNode;i(null,e),e.parentNode.removeChild(e),this.isRendered=!1}open(){return this.modelValue.value=!0,new Promise(e=>{this.promiseResolver=e})}render(){if(this.isRendered)return;this.createContainer();const e=s(u,this.createProps(),this.createSlots());e.appContext=this.app._context,i(e,this.container),this.instance=e.component.proxy,this.isRendered=!0}}export{S as EvDrawerRenderer};
+var d=Object.defineProperty;var p=(n,e,t)=>e in n?d(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var r=(n,e,t)=>p(n,typeof e!="symbol"?e+"":e,t);import{shallowRef as h,mergeProps as m,h as s,render as i}from"vue";import u from"./EvDrawer.vue.mjs";import{EvDrawerInstance as f}from"./EvDrawerInstance.mjs";/*! Evance UI v1.1.33 | MIT License */class S{constructor(e,t,o){r(this,"app");r(this,"id");r(this,"instance");r(this,"container");r(this,"modelValue",h(!1));r(this,"options");r(this,"promiseResolver");r(this,"isRendered",!1);this.app=e,this.id=t,this.options=o}get data(){return this.options.data}close(e){var t;(t=this.promiseResolver)==null||t.call(this,e),this.modelValue.value=!1}createContainer(){this.container=document.createElement("div"),this.container.id=`ev-drawer-instance-${this.id}`,document.querySelector("body").appendChild(this.container)}createProps(){const e=this.options.props??{};return m(e,{modelValue:this.modelValue,onAfterLeave:()=>this.onAfterLeave(),__instance:new f(this)})}createSlots(){const e=this.options.slots??{},t={};for(const o in e){const a=e[o];t[o]=(l,c)=>s(a,l,c)}return t}onAfterLeave(){const e=this.instance.$el.parentNode;i(null,e),e.parentNode.removeChild(e),this.isRendered=!1}open(){return this.modelValue.value=!0,new Promise(e=>{this.promiseResolver=e})}render(){if(this.isRendered)return;this.createContainer();const e=s(u,this.createProps(),this.createSlots());e.appContext=this.app._context,i(e,this.container),this.instance=e.component.proxy,this.isRendered=!0}}export{S as EvDrawerRenderer};
 //# sourceMappingURL=EvDrawerRenderer.mjs.map

package/dist/esm/components/EvDrawer/EvDrawerServiceOpener.mjs

@@ -1,2 +1,2 @@
-var p=Object.defineProperty;var s=(n,e,r)=>e in n?p(n,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[e]=r;var t=(n,e,r)=>s(n,typeof e!="symbol"?e+"":e,r);import{EvDrawerRenderer as o}from"./EvDrawerRenderer.mjs";/*! Evance UI v1.1.30 | MIT License */class i{constructor(e){t(this,"instanceId",0);this.app=e}open(e){const r=new o(this.app,++this.instanceId,e);return r.render(),r.open()}}export{i as EvDrawerServiceOpener};
+var p=Object.defineProperty;var s=(n,e,r)=>e in n?p(n,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[e]=r;var t=(n,e,r)=>s(n,typeof e!="symbol"?e+"":e,r);import{EvDrawerRenderer as o}from"./EvDrawerRenderer.mjs";/*! Evance UI v1.1.33 | MIT License */class i{constructor(e){t(this,"instanceId",0);this.app=e}open(e){const r=new o(this.app,++this.instanceId,e);return r.render(),r.open()}}export{i as EvDrawerServiceOpener};
 //# sourceMappingURL=EvDrawerServiceOpener.mjs.map

package/dist/esm/components/EvEditOnClick/EvEditOnClick.mjs

@@ -1,2 +1,2 @@
-import{makeComponentProps as o}from"../../composables/component.mjs";import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.30 | MIT License */const r=e({editing:Boolean,modelValue:null,persistent:Boolean,...o()},"EvEditOnClick");export{r as makeEvEditOnClickProps};
+import{makeComponentProps as o}from"../../composables/component.mjs";import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.33 | MIT License */const r=e({editing:Boolean,modelValue:null,persistent:Boolean,...o()},"EvEditOnClick");export{r as makeEvEditOnClickProps};
 //# sourceMappingURL=EvEditOnClick.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as S,useSlots as $,ref as s,watch as w,resolveDirective as x,withDirectives as D,createElementBlock as r,openBlock as u,normalizeStyle as z,normalizeClass as K,unref as e,renderSlot as k,createVNode as c,withKeys as p,withCtx as q,createTextVNode as A,toDisplayString as B}from"vue";/* empty css                   */import{makeEvEditOnClickProps as I}from"./EvEditOnClick.mjs";import{useModelProxy as v}from"../../composables/modelProxy.mjs";import _ from"../EvButton/EvButton.vue.mjs";import N from"../EvButtonGroup/EvButtonGroup.vue.mjs";import P from"../EvTextfield/EvTextfield.vue.mjs";import F from"../../icons/glyph/CancelIcon.svg.mjs";import M from"../../icons/glyph/CheckIcon.svg.mjs";/*! Evance UI v1.1.30 | MIT License */const X=S({__name:"EvEditOnClick",props:{...I()},emits:["update:editing","update:modelValue"],setup(y,{emit:T}){const i=y;$();const t=v(i,"editing"),o=v(i,"modelValue"),n=s(i.modelValue),C=s(null),d=s(null);w(o,()=>{n.value=o.value});function V(){return!i.persistent}function b(){a()}function a(){n.value=o.value,t.value=!1}function g(){t.value=!0,requestAnimationFrame(()=>{const l=d.value.querySelector("input, select, textarea");l==null||l.focus()})}function m(){o.value=n.value,t.value=!1}const E={handler:b,condition:V,include:()=>[]};return(l,f)=>{const h=x("click-outside");return D((u(),r("div",{class:K(["ev-edit-on-click",{"is-editing":e(t)},i.class]),style:z(i.style)},[e(t)?(u(),r("div",{key:0,ref_key:"editable",ref:d,class:"ev-edit-on-click--editable"},[k(l.$slots,"editable",{},()=>[c(e(P),{modelValue:n.value,"onUpdate:modelValue":f[0]||(f[0]=O=>n.value=O),onKeyup:[p(m,["enter"]),p(a,["esc"])]},null,8,["modelValue","onKeyup"])]),c(e(N),{size:"small"},{default:q(()=>[c(e(_),{icon:e(F),onClick:a},null,8,["icon"]),c(e(_),{icon:e(M),onClick:m},null,8,["icon"])]),_:1})],512)):(u(),r("div",{key:1,ref_key:"clickable",ref:C,role:"button",class:"ev-edit-on-click--clickable",onClick:g},[k(l.$slots,"clickable",{},()=>[A(B(e(o)),1)])],512))],6)),[[h,E]])}}});export{X as default};
+import{defineComponent as S,useSlots as $,ref as s,watch as w,resolveDirective as x,withDirectives as D,createElementBlock as r,openBlock as u,normalizeStyle as z,normalizeClass as K,unref as e,renderSlot as k,createVNode as c,withKeys as p,withCtx as q,createTextVNode as A,toDisplayString as B}from"vue";/* empty css                   */import{makeEvEditOnClickProps as I}from"./EvEditOnClick.mjs";import{useModelProxy as v}from"../../composables/modelProxy.mjs";import _ from"../EvButton/EvButton.vue.mjs";import N from"../EvButtonGroup/EvButtonGroup.vue.mjs";import P from"../EvTextfield/EvTextfield.vue.mjs";import F from"../../icons/glyph/CancelIcon.svg.mjs";import M from"../../icons/glyph/CheckIcon.svg.mjs";/*! Evance UI v1.1.33 | MIT License */const X=S({__name:"EvEditOnClick",props:{...I()},emits:["update:editing","update:modelValue"],setup(y,{emit:T}){const i=y;$();const t=v(i,"editing"),o=v(i,"modelValue"),n=s(i.modelValue),C=s(null),d=s(null);w(o,()=>{n.value=o.value});function V(){return!i.persistent}function b(){a()}function a(){n.value=o.value,t.value=!1}function g(){t.value=!0,requestAnimationFrame(()=>{const l=d.value.querySelector("input, select, textarea");l==null||l.focus()})}function m(){o.value=n.value,t.value=!1}const E={handler:b,condition:V,include:()=>[]};return(l,f)=>{const h=x("click-outside");return D((u(),r("div",{class:K(["ev-edit-on-click",{"is-editing":e(t)},i.class]),style:z(i.style)},[e(t)?(u(),r("div",{key:0,ref_key:"editable",ref:d,class:"ev-edit-on-click--editable"},[k(l.$slots,"editable",{},()=>[c(e(P),{modelValue:n.value,"onUpdate:modelValue":f[0]||(f[0]=O=>n.value=O),onKeyup:[p(m,["enter"]),p(a,["esc"])]},null,8,["modelValue","onKeyup"])]),c(e(N),{size:"small"},{default:q(()=>[c(e(_),{icon:e(F),onClick:a},null,8,["icon"]),c(e(_),{icon:e(M),onClick:m},null,8,["icon"])]),_:1})],512)):(u(),r("div",{key:1,ref_key:"clickable",ref:C,role:"button",class:"ev-edit-on-click--clickable",onClick:g},[k(l.$slots,"clickable",{},()=>[A(B(e(o)),1)])],512))],6)),[[h,E]])}}});export{X as default};
 //# sourceMappingURL=EvEditOnClick.vue.mjs.map

package/dist/esm/components/EvEmptyState/EvEmptyState.mjs

@@ -1,2 +1,2 @@
-import{IconProp as t}from"../../composables/icons.mjs";import{makeComponentProps as e}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.30 | MIT License */const a=o({actions:{type:Array,default:()=>[]},icon:t,iconProps:{type:Object,default:()=>({})},image:String,imageProps:{type:Object,default:()=>({})},size:{type:String,default:"large"},title:String,titleProps:{type:Object,default:()=>({})},subtitle:String,subtitleProps:{type:Object,default:()=>({})},...e()},"EvEmptyState");export{a as makeEvEmptyStateProps};
+import{IconProp as t}from"../../composables/icons.mjs";import{makeComponentProps as e}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.33 | MIT License */const a=o({actions:{type:Array,default:()=>[]},icon:t,iconProps:{type:Object,default:()=>({})},image:String,imageProps:{type:Object,default:()=>({})},size:{type:String,default:"large"},title:String,titleProps:{type:Object,default:()=>({})},subtitle:String,subtitleProps:{type:Object,default:()=>({})},...e()},"EvEmptyState");export{a as makeEvEmptyStateProps};
 //# sourceMappingURL=EvEmptyState.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as $,useSlots as b,computed as o,mergeProps as s,createElementBlock as m,openBlock as t,normalizeStyle as S,normalizeClass as x,unref as i,createCommentVNode as a,createBlock as l,renderSlot as p}from"vue";/* empty css                  */import{makeEvEmptyStateProps as E}from"./EvEmptyState.mjs";import B from"../EvHeading/EvHeading.vue.mjs";/* empty css                          */import C from"../EvText/EvText.vue.mjs";/* empty css                    */import M from"../EvButtonGroup/EvButtonGroup.vue.mjs";import w from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import H from"../EvImg/EvImg.vue.mjs";import{sizeModifier as N}from"../../util/modifiers.mjs";/*! Evance UI v1.1.30 | MIT License */const V={key:0,class:"ev-empty-state--media"},j={key:1,class:"ev-empty-state--heading text-width-readable"},q={key:2,class:"ev-empty-state--content"},A={key:3,class:"ev-empty-state--actions"},X=$({__name:"EvEmptyState",props:{...E()},setup(d){const e=d,r=b(),n={small:"medium",medium:"large",large:"x-large"},y={small:"x-small",medium:"small",large:"medium"},v={small:120,medium:180,large:240},_=o(()=>({appearance:"primary",size:y[e.size]})),f=o(()=>s({size:n[e.size]},e.titleProps)),g=o(()=>s({size:n[e.size]},e.subtitleProps)),z=o(()=>s({appearance:"primary",size:n[e.size]},e.iconProps)),h=o(()=>s({height:v[e.size]},e.imageProps)),k=o(()=>!!r.media||!!e.icon||!!e.image),P=o(()=>!!e.title||!!e.subtitle);return(c,D)=>{var u;return t(),m("div",{class:x(["ev-empty-state",e.class,i(N)(e.size,["medium"])]),style:S(e.style)},[k.value?(t(),m("div",V,[p(c.$slots,"media",{},()=>[e.image?(t(),l(i(H),s({key:0},h.value,{src:e.image}),null,16,["src"])):e.icon?(t(),l(i(w),s({key:1},z.value,{glyph:e.icon}),null,16,["glyph"])):a("",!0)])])):a("",!0),P.value?(t(),m("div",j,[e.title?(t(),l(i(B),s({key:0,class:"ev-empty-state--title"},f.value,{text:e.title}),null,16,["text"])):a("",!0),e.title?(t(),l(i(C),s({key:1,class:"ev-empty-state--subtitle"},g.value,{text:e.subtitle}),null,16,["text"])):a("",!0)])):a("",!0),i(r).default?(t(),m("div",q,[p(c.$slots,"default")])):a("",!0),i(r).actions?(t(),m("div",A,[p(c.$slots,"actions")])):(u=e.actions)!=null&&u.length?(t(),l(i(M),s({key:4,class:"ev-empty-state--actions"},_.value,{items:e.actions}),null,16,["items"])):a("",!0)],6)}}});export{X as default};
+import{defineComponent as $,useSlots as b,computed as o,mergeProps as s,createElementBlock as m,openBlock as t,normalizeStyle as S,normalizeClass as x,unref as i,createCommentVNode as a,createBlock as l,renderSlot as p}from"vue";/* empty css                  */import{makeEvEmptyStateProps as E}from"./EvEmptyState.mjs";import B from"../EvHeading/EvHeading.vue.mjs";import"../EvHeading/EvHeading.vue2.mjs";import C from"../EvText/EvText.vue.mjs";import"../EvText/EvText.vue2.mjs";import M from"../EvButtonGroup/EvButtonGroup.vue.mjs";import w from"../EvIcon/EvIcon.vue.mjs";import"../EvIcon/EvIcon.vue2.mjs";import H from"../EvImg/EvImg.vue.mjs";import{sizeModifier as N}from"../../util/modifiers.mjs";/*! Evance UI v1.1.33 | MIT License */const V={key:0,class:"ev-empty-state--media"},j={key:1,class:"ev-empty-state--heading text-width-readable"},q={key:2,class:"ev-empty-state--content"},A={key:3,class:"ev-empty-state--actions"},X=$({__name:"EvEmptyState",props:{...E()},setup(d){const e=d,r=b(),n={small:"medium",medium:"large",large:"x-large"},y={small:"x-small",medium:"small",large:"medium"},v={small:120,medium:180,large:240},_=o(()=>({appearance:"primary",size:y[e.size]})),f=o(()=>s({size:n[e.size]},e.titleProps)),g=o(()=>s({size:n[e.size]},e.subtitleProps)),z=o(()=>s({appearance:"primary",size:n[e.size]},e.iconProps)),h=o(()=>s({height:v[e.size]},e.imageProps)),k=o(()=>!!r.media||!!e.icon||!!e.image),P=o(()=>!!e.title||!!e.subtitle);return(c,D)=>{var u;return t(),m("div",{class:x(["ev-empty-state",e.class,i(N)(e.size,["medium"])]),style:S(e.style)},[k.value?(t(),m("div",V,[p(c.$slots,"media",{},()=>[e.image?(t(),l(i(H),s({key:0},h.value,{src:e.image}),null,16,["src"])):e.icon?(t(),l(i(w),s({key:1},z.value,{glyph:e.icon}),null,16,["glyph"])):a("",!0)])])):a("",!0),P.value?(t(),m("div",j,[e.title?(t(),l(i(B),s({key:0,class:"ev-empty-state--title"},f.value,{text:e.title}),null,16,["text"])):a("",!0),e.title?(t(),l(i(C),s({key:1,class:"ev-empty-state--subtitle"},g.value,{text:e.subtitle}),null,16,["text"])):a("",!0)])):a("",!0),i(r).default?(t(),m("div",q,[p(c.$slots,"default")])):a("",!0),i(r).actions?(t(),m("div",A,[p(c.$slots,"actions")])):(u=e.actions)!=null&&u.length?(t(),l(i(M),s({key:4,class:"ev-empty-state--actions"},_.value,{items:e.actions}),null,16,["items"])):a("",!0)],6)}}});export{X as default};
 //# sourceMappingURL=EvEmptyState.vue.mjs.map

package/dist/esm/components/EvErrors/EvErrors.mjs

@@ -1,2 +1,2 @@
-import{makeComponentProps as r}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.30 | MIT License */const p=o({active:Boolean,messages:{type:[Array,String],default:()=>[]},...r()},"EvErrors");export{p as makeEvErrorsProps};
+import{makeComponentProps as r}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.33 | MIT License */const p=o({active:Boolean,messages:{type:[Array,String],default:()=>[]},...r()},"EvErrors");export{p as makeEvErrorsProps};
 //# sourceMappingURL=EvErrors.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as i,computed as m,createBlock as p,openBlock as e,TransitionGroup as c,normalizeStyle as s,normalizeClass as u,withCtx as d,createElementBlock as o,Fragment as v,renderList as y,toDisplayString as f}from"vue";/* empty css              */import{makeEvErrorsProps as _}from"./EvErrors.mjs";import{wrapInArray as g}from"../../util/helpers.mjs";/*! Evance UI v1.1.30 | MIT License */const w=i({__name:"EvErrors",props:{..._()},setup(a){const r=a,l=m(()=>g(r.messages));return(k,E)=>(e(),p(c,{appear:"",tag:"div",class:u(["ev-errors",r.class]),style:s(r.style),name:"list",role:"alert","aria-live":"polite"},{default:d(()=>[(e(!0),o(v,null,y(l.value,(t,n)=>(e(),o("div",{key:t,class:"ev-errors--message",style:s(`--animation-order: ${n}`)},f(t),5))),128))]),_:1},8,["class","style"]))}});export{w as default};
+import{defineComponent as i,computed as m,createBlock as p,openBlock as e,TransitionGroup as c,normalizeStyle as s,normalizeClass as u,withCtx as d,createElementBlock as o,Fragment as v,renderList as y,toDisplayString as f}from"vue";/* empty css              */import{makeEvErrorsProps as _}from"./EvErrors.mjs";import{wrapInArray as g}from"../../util/helpers.mjs";/*! Evance UI v1.1.33 | MIT License */const w=i({__name:"EvErrors",props:{..._()},setup(a){const r=a,l=m(()=>g(r.messages));return(k,E)=>(e(),p(c,{appear:"",tag:"div",class:u(["ev-errors",r.class]),style:s(r.style),name:"list",role:"alert","aria-live":"polite"},{default:d(()=>[(e(!0),o(v,null,y(l.value,(t,n)=>(e(),o("div",{key:t,class:"ev-errors--message",style:s(`--animation-order: ${n}`)},f(t),5))),128))]),_:1},8,["class","style"]))}});export{w as default};
 //# sourceMappingURL=EvErrors.vue.mjs.map

package/dist/esm/components/EvExpansionPanels/EvExpansionPanel/EvExpansionPanel.mjs

@@ -0,0 +1,2 @@
+import{makeEvExpansionPanelHeaderProps as o}from"../EvExpansionPanelHeader/EvExpansionPanelHeader.mjs";import{makeEvExpansionPanelContentProps as n}from"../EvExpansionPanelContent/EvExpansionPanelContent.mjs";import{makeGroupItemProps as p}from"../../../composables/groupItem.mjs";import{makeComponentProps as r}from"../../../composables/component.mjs";import{makeTagProps as m}from"../../../composables/tag.mjs";import{propsFactory as a}from"../../../util/props.mjs";/*! Evance UI v1.1.33 | MIT License */const l=a({...p(),...n(),...o(),...m(),...r()},"EvExpansionPanel"),f=Symbol.for("ev:expansion-panel");export{f as EvExpansionPanelSymbol,l as makeEvExpansionPanelProps};
+//# sourceMappingURL=EvExpansionPanel.mjs.map

package/dist/esm/components/EvExpansionPanels/EvExpansionPanel/EvExpansionPanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvExpansionPanel.mjs","sources":["../../../../../src/components/EvExpansionPanels/EvExpansionPanel/EvExpansionPanel.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\r\nimport { makeComponentProps, makeTagProps } from \"@/composables\";\r\nimport { makeEvExpansionPanelHeaderProps } from \"../EvExpansionPanelHeader\";\r\nimport { makeEvExpansionPanelContentProps } from \"../EvExpansionPanelContent\";\r\nimport { InjectionKey } from \"vue\";\r\nimport { GroupItemProvide, makeGroupItemProps } from \"@/composables/groupItem\";\r\n\r\nexport const makeEvExpansionPanelProps = propsFactory(\r\n    {\r\n        ...makeGroupItemProps(),\r\n        ...makeEvExpansionPanelContentProps(),\r\n        ...makeEvExpansionPanelHeaderProps(),\r\n        ...makeTagProps(),\r\n        ...makeComponentProps(),\r\n    },\r\n    \"EvExpansionPanel\",\r\n);\r\n\r\nexport const EvExpansionPanelSymbol: InjectionKey<GroupItemProvide> = Symbol.for(\"ev:expansion-panel\");\r\n"],"names":["makeEvExpansionPanelProps","propsFactory","makeGroupItemProps","makeEvExpansionPanelContentProps","makeEvExpansionPanelHeaderProps","makeTagProps","makeComponentProps","EvExpansionPanelSymbol"],"mappings":"0fAOO,MAAMA,EAA4BC,EACrC,CACI,GAAGC,EAAmB,EACtB,GAAGC,EAAiC,EACpC,GAAGC,EAAgC,EACnC,GAAGC,EAAa,EAChB,GAAGC,EAAmB,CAC1B,EACA,kBACJ,EAEaC,EAAyD,OAAO,IAAI,oBAAoB"}

package/dist/esm/components/EvExpansionPanels/EvExpansionPanel/EvExpansionPanel.vue.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as E,useSlots as g,computed as n,toRef as k,provide as C,createBlock as z,openBlock as B,resolveDynamicComponent as I,normalizeStyle as D,normalizeClass as R,unref as a,withCtx as r,renderSlot as i,createVNode as u,normalizeProps as c,guardReactiveProps as p,createSlots as w}from"vue";/* empty css                      */import{makeEvExpansionPanelProps as A,EvExpansionPanelSymbol as f}from"./EvExpansionPanel.mjs";import m from"../EvExpansionPanelHeader/EvExpansionPanelHeader.vue.mjs";import v from"../EvExpansionPanelContent/EvExpansionPanelContent.vue.mjs";import{useGroupItem as G}from"../../../composables/groupItem.mjs";import{filterComponentProps as x}from"../../../util/helpers.mjs";/*! Evance UI v1.1.33 | MIT License */const K=E({__name:"EvExpansionPanel",props:{...A()},setup(S){const t=S,l=g(),h=n(()=>x(m,t)),P=n(()=>x(v,t)),e=G(t,f),y=k(()=>(e==null?void 0:e.disabled.value)||t.disabled),d=n(()=>e.group.items.value.reduce((s,o,b)=>(e.group.selected.value.includes(o.id)&&s.push(b),s),[])),_=n(()=>{const s=e.group.items.value.findIndex(o=>o.id===e.id);return!e.isSelected.value&&d.value.some(o=>o-s===1)}),$=n(()=>{const s=e.group.items.value.findIndex(o=>o.id===e.id);return!e.isSelected.value&&d.value.some(o=>o-s===-1)});return C(f,e),(s,o)=>(B(),z(I(t.tag),{class:R(["ev-expansion-panel",{"is-active":a(e).isSelected.value,"is-before-active":_.value,"is-after-active":$.value,"is-disabled":y.value},t.class]),style:D(t.style)},{default:r(()=>[i(s.$slots,"header",{},()=>[u(a(m),c(p(h.value)),w({_:2},[a(l)["header-prefix"]?{name:"prefix",fn:r(()=>[i(s.$slots,"header-prefix")]),key:"0"}:void 0,a(l)["header-suffix"]?{name:"suffix",fn:r(()=>[i(s.$slots,"header-suffix")]),key:"1"}:void 0]),1040)]),i(s.$slots,"content",{},()=>[u(a(v),c(p(P.value)),{default:r(()=>[i(s.$slots,"default")]),_:3},16)])]),_:3},8,["class","style"]))}});export{K as default};
+//# sourceMappingURL=EvExpansionPanel.vue.mjs.map

package/dist/esm/components/EvExpansionPanels/EvExpansionPanel/EvExpansionPanel.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvExpansionPanel.vue.mjs","sources":["../../../../../src/components/EvExpansionPanels/EvExpansionPanel/EvExpansionPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport \"./EvExpansionPanel.scss\";\r\nimport {\r\n    EvExpansionPanelSymbol,\r\n    makeEvExpansionPanelProps,\r\n} from \"./EvExpansionPanel\";\r\nimport { EvExpansionPanelHeader } from \"../EvExpansionPanelHeader\";\r\nimport { EvExpansionPanelContent } from \"../EvExpansionPanelContent\";\r\nimport { filterComponentProps } from \"@/util\";\r\nimport { computed, provide, toRef } from \"vue\";\r\nimport { useGroupItem } from \"@/composables/groupItem\";\r\n\r\nconst props = defineProps({\r\n    ...makeEvExpansionPanelProps(),\r\n});\r\n\r\nconst slots = defineSlots<{\r\n    default(): never;\r\n    header(): never;\r\n    \"header-prefix\"(): never;\r\n    \"header-suffix\"(): never;\r\n    content(): never;\r\n}>();\r\n\r\nconst headerProps = computed(() =>\r\n    filterComponentProps(EvExpansionPanelHeader, props),\r\n);\r\nconst contentProps = computed(() =>\r\n    filterComponentProps(EvExpansionPanelContent, props),\r\n);\r\nconst groupItem = useGroupItem(props, EvExpansionPanelSymbol);\r\nconst isDisabled = toRef(() => groupItem?.disabled.value || props.disabled);\r\n\r\nconst selectedIndices = computed(() => {\r\n    return groupItem.group.items.value.reduce<number[]>((arr, item, index) => {\r\n        if (groupItem.group.selected.value.includes(item.id)) arr.push(index);\r\n        return arr;\r\n    }, []);\r\n});\r\n\r\nconst isBeforeSelected = computed(() => {\r\n    const index = groupItem.group.items.value.findIndex(\r\n        (item) => item.id === groupItem.id,\r\n    );\r\n    return (\r\n        !groupItem.isSelected.value &&\r\n        selectedIndices.value.some(\r\n            (selectedIndex) => selectedIndex - index === 1,\r\n        )\r\n    );\r\n});\r\n\r\nconst isAfterSelected = computed(() => {\r\n    const index = groupItem.group.items.value.findIndex(\r\n        (item) => item.id === groupItem.id,\r\n    );\r\n    return (\r\n        !groupItem.isSelected.value &&\r\n        selectedIndices.value.some(\r\n            (selectedIndex) => selectedIndex - index === -1,\r\n        )\r\n    );\r\n});\r\n\r\nprovide(EvExpansionPanelSymbol, groupItem);\r\n</script>\r\n\r\n<template>\r\n    <component\r\n        :is=\"props.tag\"\r\n        :class=\"[\r\n            'ev-expansion-panel',\r\n            {\r\n                'is-active': groupItem.isSelected.value,\r\n                'is-before-active': isBeforeSelected,\r\n                'is-after-active': isAfterSelected,\r\n                'is-disabled': isDisabled,\r\n            },\r\n            props.class,\r\n        ]\"\r\n        :style=\"props.style\">\r\n        <slot name=\"header\">\r\n            <ev-expansion-panel-header v-bind=\"headerProps\">\r\n                <template v-if=\"slots['header-prefix']\" #prefix>\r\n                    <slot name=\"header-prefix\" />\r\n                </template>\r\n                <template v-if=\"slots['header-suffix']\" #suffix>\r\n                    <slot name=\"header-suffix\" />\r\n                </template>\r\n            </ev-expansion-panel-header>\r\n        </slot>\r\n\r\n        <slot name=\"content\">\r\n            <ev-expansion-panel-content v-bind=\"contentProps\">\r\n                <slot name=\"default\" />\r\n            </ev-expansion-panel-content>\r\n        </slot>\r\n    </component>\r\n</template>\r\n"],"names":["slots","_useSlots","headerProps","computed","filterComponentProps","EvExpansionPanelHeader","props","contentProps","EvExpansionPanelContent","groupItem","useGroupItem","EvExpansionPanelSymbol","isDisabled","toRef","selectedIndices","arr","item","index","isBeforeSelected","selectedIndex","isAfterSelected","provide"],"mappings":"0zBAgBMA,EAAQC,EAAA,EAQRC,EAAcC,EAAS,IACzBC,EAAqBC,EAAwBC,CAAK,CACtD,EACMC,EAAeJ,EAAS,IAC1BC,EAAqBI,EAAyBF,CAAK,CACvD,EACMG,EAAYC,EAAaJ,EAAOK,CAAsB,EACtDC,EAAaC,EAAM,KAAMJ,GAAA,YAAAA,EAAW,SAAS,QAASH,EAAM,QAAQ,EAEpEQ,EAAkBX,EAAS,IACtBM,EAAU,MAAM,MAAM,MAAM,OAAiB,CAACM,EAAKC,EAAMC,KACxDR,EAAU,MAAM,SAAS,MAAM,SAASO,EAAK,EAAE,GAAOD,EAAA,KAAKE,CAAK,EAC7DF,GACR,EAAE,CACR,EAEKG,EAAmBf,EAAS,IAAM,CACpC,MAAMc,EAAQR,EAAU,MAAM,MAAM,MAAM,UACrCO,GAASA,EAAK,KAAOP,EAAU,EACpC,EACA,MACI,CAACA,EAAU,WAAW,OACtBK,EAAgB,MAAM,KACjBK,GAAkBA,EAAgBF,IAAU,CACjD,CAAA,CAEP,EAEKG,EAAkBjB,EAAS,IAAM,CACnC,MAAMc,EAAQR,EAAU,MAAM,MAAM,MAAM,UACrCO,GAASA,EAAK,KAAOP,EAAU,EACpC,EACA,MACI,CAACA,EAAU,WAAW,OACtBK,EAAgB,MAAM,KACjBK,GAAkBA,EAAgBF,IAAU,EACjD,CAAA,CAEP,EAED,OAAAI,EAAQV,EAAwBF,CAAS"}

package/dist/esm/components/EvExpansionPanels/EvExpansionPanelContent/EvExpansionPanelContent.mjs

@@ -0,0 +1,2 @@
+import{makeLazyProps as o}from"../../../composables/lazy.mjs";import{makeComponentProps as n}from"../../../composables/component.mjs";import{propsFactory as p}from"../../../util/props.mjs";/*! Evance UI v1.1.33 | MIT License */const e=p({noPadding:Boolean,...o(),...n()},"EvExpansionPanelContent");export{e as makeEvExpansionPanelContentProps};
+//# sourceMappingURL=EvExpansionPanelContent.mjs.map

package/dist/esm/components/EvExpansionPanels/EvExpansionPanelContent/EvExpansionPanelContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvExpansionPanelContent.mjs","sources":["../../../../../src/components/EvExpansionPanels/EvExpansionPanelContent/EvExpansionPanelContent.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\r\nimport { makeComponentProps } from \"@/composables\";\r\nimport { makeLazyProps } from \"@/composables/lazy\";\r\n\r\nexport const makeEvExpansionPanelContentProps = propsFactory(\r\n    {\r\n        noPadding: Boolean,\r\n\r\n        ...makeLazyProps(),\r\n        ...makeComponentProps(),\r\n    },\r\n    \"EvExpansionPanelContent\",\r\n);\r\n"],"names":["makeEvExpansionPanelContentProps","propsFactory","makeLazyProps","makeComponentProps"],"mappings":"mOAIO,MAAMA,EAAmCC,EAC5C,CACI,UAAW,QAEX,GAAGC,EAAc,EACjB,GAAGC,EAAmB,CAC1B,EACA,yBACJ"}

package/dist/esm/components/EvExpansionPanels/EvExpansionPanelContent/EvExpansionPanelContent.vue.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as i,useSlots as l,inject as r,computed as p,createBlock as c,openBlock as m,unref as d,withCtx as v,withDirectives as u,createElementVNode as o,normalizeStyle as f,normalizeClass as x,renderSlot as E,vShow as _}from"vue";/* empty css                             */import{makeEvExpansionPanelContentProps as S}from"./EvExpansionPanelContent.mjs";import{EvExpansionPanelSymbol as h}from"../EvExpansionPanel/EvExpansionPanel.mjs";import{EvTransitionExpand as w}from"../../../EvTransitionExpand.mjs";/*! Evance UI v1.1.33 | MIT License */const P={class:"ev-expansion-panel-content__wrapper"},B=i({__name:"EvExpansionPanelContent",props:{...S()},setup(t){const e=t;l();const n=r(h);if(!n)throw new Error("Evance UI: `ev-expansion-panel-content` MUST be inside `ev-expansion-panel`");const a=p(()=>n.isSelected.value);return(s,C)=>(m(),c(d(w),null,{default:v(()=>[u(o("div",{class:x(["ev-expansion-panel-content",{"is-no-padding":e.noPadding},e.class]),style:f([e.style])},[o("div",P,[E(s.$slots,"default")])],6),[[_,a.value]])]),_:3}))}});export{B as default};
+//# sourceMappingURL=EvExpansionPanelContent.vue.mjs.map

package/dist/esm/components/EvExpansionPanels/EvExpansionPanelContent/EvExpansionPanelContent.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvExpansionPanelContent.vue.mjs","sources":["../../../../../src/components/EvExpansionPanels/EvExpansionPanelContent/EvExpansionPanelContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport \"./EvExpansionPanelContent.scss\";\r\nimport { makeEvExpansionPanelContentProps } from \"./EvExpansionPanelContent\";\r\nimport { computed, inject } from \"vue\";\r\nimport { EvExpansionPanelSymbol } from \"../EvExpansionPanel\";\r\nimport { EvTransitionExpand } from \"@/components/EvTransition/transitions\";\r\n\r\nconst props = defineProps({\r\n    ...makeEvExpansionPanelContentProps()\r\n});\r\n\r\nconst slots = defineSlots<{\r\n    default(): never;\r\n}>();\r\n\r\nconst expansionPanel = inject(EvExpansionPanelSymbol);\r\nif (!expansionPanel) {\r\n    throw new Error(\r\n        \"Evance UI: `ev-expansion-panel-content` MUST be inside `ev-expansion-panel`\",\r\n    );\r\n}\r\n\r\nconst isActive = computed(() => expansionPanel.isSelected.value);\r\n\r\n</script>\r\n\r\n<template>\r\n    <ev-transition-expand>\r\n        <div\r\n            v-show=\"isActive\"\r\n            :class=\"[\r\n                'ev-expansion-panel-content',\r\n                {\r\n                    'is-no-padding': props.noPadding,\r\n                },\r\n                props.class,\r\n            ]\"\r\n            :style=\"[props.style]\">\r\n            <div class=\"ev-expansion-panel-content__wrapper\">\r\n                <slot name=\"default\" />\r\n            </div>\r\n        </div>\r\n    </ev-transition-expand>\r\n</template>\r\n"],"names":["_useSlots","expansionPanel","inject","EvExpansionPanelSymbol","isActive","computed"],"mappings":"4qBAWcA,EAAA,EAIR,MAAAC,EAAiBC,EAAOC,CAAsB,EACpD,GAAI,CAACF,EACD,MAAM,IAAI,MACN,6EACJ,EAGJ,MAAMG,EAAWC,EAAS,IAAMJ,EAAe,WAAW,KAAK"}

package/dist/esm/components/EvExpansionPanels/EvExpansionPanelHeader/EvExpansionPanelHeader.mjs

@@ -0,0 +1,2 @@
+import{makeComponentProps as o}from"../../../composables/component.mjs";import{IconProp as r}from"../../../composables/icons.mjs";import{propsFactory as t}from"../../../util/props.mjs";/*! Evance UI v1.1.33 | MIT License */const p=t({title:String,iconStart:r,actions:{type:Array,default:()=>[]},actionsOnHover:{type:Array,default:()=>[]},...o()},"EvExpansionPanelHeader");export{p as makeEvExpansionPanelHeaderProps};
+//# sourceMappingURL=EvExpansionPanelHeader.mjs.map

package/dist/esm/components/EvExpansionPanels/EvExpansionPanelHeader/EvExpansionPanelHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvExpansionPanelHeader.mjs","sources":["../../../../../src/components/EvExpansionPanels/EvExpansionPanelHeader/EvExpansionPanelHeader.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\r\nimport { IconProp, makeComponentProps } from \"@/composables\";\r\nimport { PropType } from \"vue\";\r\nimport { EvButtonProps } from \"@/components/EvButton\";\r\n\r\nexport const makeEvExpansionPanelHeaderProps = propsFactory(\r\n    {\r\n        title: String,\r\n        iconStart: IconProp,\r\n        actions: {\r\n            type: Array as PropType<readonly EvButtonProps[]>,\r\n            default: () => [],\r\n        },\r\n        actionsOnHover: {\r\n            type: Array as PropType<readonly EvButtonProps[]>,\r\n            default: () => [],\r\n        },\r\n\r\n        ...makeComponentProps(),\r\n    },\r\n    \"EvExpansionPanelHeader\",\r\n);\r\n"],"names":["makeEvExpansionPanelHeaderProps","propsFactory","IconProp","makeComponentProps"],"mappings":"+NAKO,MAAMA,EAAkCC,EAC3C,CACI,MAAO,OACP,UAAWC,EACX,QAAS,CACL,KAAM,MACN,QAAS,IAAM,CAAA,CACnB,EACA,eAAgB,CACZ,KAAM,MACN,QAAS,IAAM,CAAA,CACnB,EAEA,GAAGC,EAAmB,CAC1B,EACA,wBACJ"}

package/dist/esm/components/EvExpansionPanels/EvExpansionPanelHeader/EvExpansionPanelHeader.vue.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as P,useSlots as w,inject as I,computed as i,createElementBlock as t,openBlock as n,normalizeStyle as z,normalizeClass as d,unref as e,createElementVNode as u,createCommentVNode as l,createVNode as p,renderSlot as m,withCtx as A,Fragment as f,renderList as x,createBlock as y,mergeProps as g}from"vue";/* empty css                            */import N from"../../../icons/glyph/ChevronDownIcon.svg.mjs";import B from"../../../icons/glyph/ChevronUpIcon.svg.mjs";import b from"../../EvIcon/EvIcon.vue.mjs";import"../../EvIcon/EvIcon.vue2.mjs";import{makeEvExpansionPanelHeaderProps as O}from"./EvExpansionPanelHeader.mjs";import k from"../../EvButton/EvButton.vue.mjs";import U from"../../EvButtonGroup/EvButtonGroup.vue.mjs";import V from"../../EvText/EvText.vue.mjs";import"../../EvText/EvText.vue2.mjs";import{EvExpansionPanelSymbol as j}from"../EvExpansionPanel/EvExpansionPanel.mjs";import{getNextId as S}from"../../../util/helpers.mjs";/*! Evance UI v1.1.33 | MIT License */const D=["tabindex","disabled","aria-expanded"],F={key:0,class:"ev-expansion-panel-header__icon"},L={class:"ev-expansion-panel-header__title"},M={class:"ev-expansion-panel-header__caret"},T={key:2,class:"ev-expansion-panel-header__actions"},se=P({__name:"EvExpansionPanelHeader",props:{...O()},setup(E){const a=E,v=w(),o=I(j);if(!o)throw new Error("Evance UI: `ev-expansion-panel-content` MUST be inside `ev-expansion-panel`");const _=i(()=>a.actions.map(s=>({props:s,id:S()}))),C=i(()=>!!_.value.length),h=i(()=>a.actionsOnHover.map(s=>({props:s,id:S()}))),c=i(()=>!!h.value.length);function $(){o.toggle()}const H=i(()=>o.isSelected.value?B:N);return(s,q)=>(n(),t("header",{class:d(["ev-expansion-panel-header",{"is-active":e(o).isSelected.value,"is-actions-on-hover":c.value},a.class]),style:z([a.style])},[u("button",{class:"ev-expansion-panel-header__button",type:"button",tabindex:e(o).disabled.value?-1:void 0,disabled:e(o).disabled.value,"aria-expanded":e(o).isSelected.value,onClick:$},[a.iconStart?(n(),t("span",F,[p(e(b),{glyph:a.iconStart},null,8,["glyph"])])):l("",!0),u("span",L,[m(s.$slots,"default",{},()=>[p(e(V),{truncate:!0,tag:"span",size:"large",text:a.title},null,8,["text"])])]),u("span",M,[p(e(b),{glyph:H.value},null,8,["glyph"])])],8,D),e(v).prefix?(n(),t("div",{key:0,class:d(["ev-expansion-panel-header__prefix",{"ps-0":!a.iconStart}])},[m(s.$slots,"prefix")],2)):l("",!0),e(v).suffix?(n(),t("div",{key:1,class:d(["ev-expansion-panel-header__suffix",{"is-hide-on-hover":c.value}])},[m(s.$slots,"suffix")],2)):l("",!0),C.value||c.value?(n(),t("div",T,[p(e(U),{size:"small",variant:"subtle"},{default:A(()=>[(n(!0),t(f,null,x(h.value,r=>(n(),y(e(k),g({key:r.id},r.props,{class:"is-show-on-hover"}),null,16))),128)),(n(!0),t(f,null,x(_.value,r=>(n(),y(e(k),g({key:r.id},r.props),null,16))),128))]),_:1})])):l("",!0)],6))}});export{se as default};
+//# sourceMappingURL=EvExpansionPanelHeader.vue.mjs.map