@evance/evance-ui 1.1.79 → 1.1.80

package/dist/esm/components/EvImg/EvImg.mjs

@@ -1,2 +1,2 @@
-import{makeComponentProps as o}from"../../composables/component.mjs";import{makeEvResponsiveProps as r}from"../EvResponsive/EvResponsive.mjs";import{makeEvTransitionProps as t}from"../EvTransition/EvTransition.mjs";import"../../EvTransitionExpand.mjs";import{propsFactory as i}from"../../util/props.mjs";/*! Evance UI v1.1.79 | MIT License */const g=i({alt:String,cover:Boolean,crossorigin:String,draggable:{type:[Boolean,String],default:void 0},eager:Boolean,gradient:String,lazySrc:String,options:{type:Object,default:()=>({root:void 0,rootMargin:void 0,threshold:void 0})},position:String,referrerpolicy:String,sizes:String,src:{type:[String,Object],default:""},srcset:String,...r(),...o(),...t()},"EvImg");export{g as makeEvImgProps};
+import{makeComponentProps as o}from"../../composables/component.mjs";import{makeEvResponsiveProps as r}from"../EvResponsive/EvResponsive.mjs";import{makeEvTransitionProps as t}from"../EvTransition/EvTransition.mjs";import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.80 | MIT License */const s=e({alt:String,cover:Boolean,crossorigin:String,draggable:{type:[Boolean,String],default:void 0},eager:Boolean,gradient:String,lazySrc:String,options:{type:Object,default:()=>({root:void 0,rootMargin:void 0,threshold:void 0})},position:String,referrerpolicy:String,sizes:String,src:{type:[String,Object],default:""},srcset:String,...r(),...o(),...t()},"EvImg");export{s as makeEvImgProps};
 //# sourceMappingURL=EvImg.mjs.map

package/dist/esm/components/EvImg/EvImg.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvImg.mjs","sources":["../../../../src/components/EvImg/EvImg.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { ComponentProps, makeComponentProps } from \"@/composables/component\";\nimport {\n    EvResponsiveProps,\n    makeEvResponsiveProps,\n} from \"@/components/EvResponsive/EvResponsive\";\nimport { makeEvTransitionProps } from \"@/components/EvTransition\";\nimport { PropType } from \"vue\";\n\ntype ReferrerPolicy =\n    | \"no-referrer\"\n    | \"no-referrer-when-downgrade\"\n    | \"origin\"\n    | \"origin-when-cross-origin\"\n    | \"same-origin\"\n    | \"strict-origin\"\n    | \"strict-origin-when-cross-origin\"\n    | \"unsafe-url\";\n\nexport interface EvImgProps extends ComponentProps, EvResponsiveProps {\n    alt?: string;\n    cover?: boolean;\n    crossorigin?: \"\" | \"anonymous\" | \"use-credentials\";\n    draggable?: boolean | \"true\" | \"false\";\n    eager?: boolean;\n    gradient?: string;\n    lazySrc?: string;\n    options?: IntersectionObserverInit;\n    position?: string;\n    referrerpolicy?: ReferrerPolicy;\n    sizes?: string;\n    src?: string | EvImgSrcObject;\n    srcset?: string;\n}\n\nexport const makeEvImgProps = propsFactory(\n    {\n        alt: String,\n        cover: Boolean,\n        crossorigin: String as PropType<EvImgProps[\"crossorigin\"]>,\n        draggable: {\n            type: [Boolean, String] as PropType<EvImgProps[\"draggable\"]>,\n            default: undefined,\n        },\n        eager: Boolean,\n        gradient: String,\n        lazySrc: String,\n        options: {\n            type: Object as PropType<IntersectionObserverInit>,\n            // For more information on types, navigate to:\n            // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n            default: () => ({\n                root: undefined,\n                rootMargin: undefined,\n                threshold: undefined,\n            }),\n        },\n        position: String,\n        referrerpolicy: String as PropType<EvImgProps[\"referrerpolicy\"]>,\n        sizes: String,\n        src: {\n            type: [String, Object] as PropType<string | EvImgSrcObject>,\n            default: \"\",\n        },\n        srcset: String,\n\n        ...makeEvResponsiveProps(),\n        ...makeComponentProps(),\n        ...makeEvTransitionProps(),\n    },\n    \"EvImg\",\n);\n\nexport interface EvImgSrcObject {\n    src?: string;\n    srcset?: string;\n    lazySrc?: string;\n    aspect?: string | number;\n}\n\nexport type EvImgSlots = {\n    default: never;\n    placeholder: never;\n    error: never;\n    sources: never;\n};\n"],"names":["makeEvImgProps","propsFactory","makeEvResponsiveProps","makeComponentProps","makeEvTransitionProps"],"mappings":"sVAmCO,MAAMA,EAAiBC,EAC1B,CACI,IAAK,OACL,MAAO,QACP,YAAa,OACb,UAAW,CACP,KAAM,CAAC,QAAS,MAAM,EACtB,QAAS,MACb,EACA,MAAO,QACP,SAAU,OACV,QAAS,OACT,QAAS,CACL,KAAM,OAGN,QAAS,KAAO,CACZ,KAAM,OACN,WAAY,OACZ,UAAW,MACf,EACJ,EACA,SAAU,OACV,eAAgB,OAChB,MAAO,OACP,IAAK,CACD,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,EACb,EACA,OAAQ,OAER,GAAGC,EAAsB,EACzB,GAAGC,EAAmB,EACtB,GAAGC,EAAsB,CAC7B,EACA,OACJ"}
+{"version":3,"file":"EvImg.mjs","sources":["../../../../src/components/EvImg/EvImg.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { ComponentProps, makeComponentProps } from \"@/composables/component\";\nimport {\n    EvResponsiveProps,\n    makeEvResponsiveProps,\n} from \"@/components/EvResponsive/EvResponsive\";\nimport { makeEvTransitionProps } from \"@/components/EvTransition\";\nimport { PropType } from \"vue\";\n\ntype ReferrerPolicy =\n    | \"no-referrer\"\n    | \"no-referrer-when-downgrade\"\n    | \"origin\"\n    | \"origin-when-cross-origin\"\n    | \"same-origin\"\n    | \"strict-origin\"\n    | \"strict-origin-when-cross-origin\"\n    | \"unsafe-url\";\n\nexport interface EvImgProps extends ComponentProps, EvResponsiveProps {\n    alt?: string;\n    cover?: boolean;\n    crossorigin?: \"\" | \"anonymous\" | \"use-credentials\";\n    draggable?: boolean | \"true\" | \"false\";\n    eager?: boolean;\n    gradient?: string;\n    lazySrc?: string;\n    options?: IntersectionObserverInit;\n    position?: string;\n    referrerpolicy?: ReferrerPolicy;\n    sizes?: string;\n    src?: string | EvImgSrcObject;\n    srcset?: string;\n}\n\nexport const makeEvImgProps = propsFactory(\n    {\n        alt: String,\n        cover: Boolean,\n        crossorigin: String as PropType<EvImgProps[\"crossorigin\"]>,\n        draggable: {\n            type: [Boolean, String] as PropType<EvImgProps[\"draggable\"]>,\n            default: undefined,\n        },\n        eager: Boolean,\n        gradient: String,\n        lazySrc: String,\n        options: {\n            type: Object as PropType<IntersectionObserverInit>,\n            // For more information on types, navigate to:\n            // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n            default: () => ({\n                root: undefined,\n                rootMargin: undefined,\n                threshold: undefined,\n            }),\n        },\n        position: String,\n        referrerpolicy: String as PropType<EvImgProps[\"referrerpolicy\"]>,\n        sizes: String,\n        src: {\n            type: [String, Object] as PropType<string | EvImgSrcObject>,\n            default: \"\",\n        },\n        srcset: String,\n\n        ...makeEvResponsiveProps(),\n        ...makeComponentProps(),\n        ...makeEvTransitionProps(),\n    },\n    \"EvImg\",\n);\n\nexport interface EvImgSrcObject {\n    src?: string;\n    srcset?: string;\n    lazySrc?: string;\n    aspect?: string | number;\n}\n\nexport type EvImgSlots = {\n    default: never;\n    placeholder: never;\n    error: never;\n    sources: never;\n};\n"],"names":["makeEvImgProps","propsFactory","makeEvResponsiveProps","makeComponentProps","makeEvTransitionProps"],"mappings":"iTAmCO,MAAMA,EAAiBC,EAC1B,CACI,IAAK,OACL,MAAO,QACP,YAAa,OACb,UAAW,CACP,KAAM,CAAC,QAAS,MAAM,EACtB,QAAS,MACb,EACA,MAAO,QACP,SAAU,OACV,QAAS,OACT,QAAS,CACL,KAAM,OAGN,QAAS,KAAO,CACZ,KAAM,OACN,WAAY,OACZ,UAAW,MACf,EACJ,EACA,SAAU,OACV,eAAgB,OAChB,MAAO,OACP,IAAK,CACD,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,EACb,EACA,OAAQ,OAER,GAAGC,EAAsB,EACzB,GAAGC,EAAmB,EACtB,GAAGC,EAAsB,CAC7B,EACA,OACJ"}

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

@@ -1,2 +1,2 @@
-import{defineComponent as X,useSlots as Y,shallowRef as g,ref as N,computed as n,watch as z,nextTick as V,onBeforeMount as Z,onMounted as ee,onBeforeUnmount as re,resolveDirective as te,withDirectives as $,createBlock as v,openBlock as c,unref as a,mergeProps as R,createSlots as ae,withCtx as u,createCommentVNode as k,createElementBlock as T,renderSlot as y,createElementVNode as h,vShow as q,normalizeStyle as A,normalizeClass as oe}from"vue";/* empty css           */import{makeEvImgProps as se}from"./EvImg.mjs";import M from"../EvResponsive/EvResponsive.vue.mjs";import{useEvTransition as ie,EvTransition as S}from"../EvTransition/EvTransition.mjs";import"../../EvTransitionExpand.mjs";import{filterComponentProps as le}from"../../util/helpers.mjs";import{makeClassName as ne}from"../../util/modifiers.mjs";import{calculateDisplayRuleValue as ce}from"../../composables/display.mjs";import{isObject as ue}from"../../util/is-functions.mjs";import{Browser as U}from"../../util/browser.mjs";import{toWebUnit as ve}from"../../util/units.mjs";/*! Evance UI v1.1.79 | MIT License */const de={key:0,class:"ev-img--picture"},me=["src","alt","crossorigin","referrerpolicy","draggable"],pe={class:"ev-img--placeholder"},fe={class:"ev-img--loading"},ge={class:"ev-img--error"},je=X({__name:"EvImg",props:{...se()},emits:["loadstart","load","error"],setup(O,{emit:b}){const r=O,d=Y(),x=g(""),i=N(),o=g(r.eager?"loading":"idle"),w=g(),W=g(),m=ie(r),s=n(()=>{const e=r;return ue(e.src)?{src:e.src.src,srcset:r.srcset||e.src.srcset,lazySrc:r.lazySrc||e.src.lazySrc,aspect:r.aspectRatio||e.src.aspect||0}:{src:r.src,srcset:r.srcset,lazySrc:r.lazySrc,aspect:r.aspectRatio||0}}),p=n(()=>s.value.aspect||w.value/W.value||0),E=n(()=>({"is-object-cover":r.cover,"is-object-contain":!r.cover}));function C(){const e=i.value;e&&(x.value=e.currentSrc||e.src)}function P(e){if(!(r.eager&&e)&&!(U.supportsIntersection&&!e&&!r.eager)){if(o.value="loading",s.value.lazySrc){const t=new Image;t.src=s.value.lazySrc,f(t,null)}s.value.src&&V(()=>{var t;b("loadstart",((t=i.value)==null?void 0:t.currentSrc)||s.value.src),setTimeout(()=>{var l;if((l=i.value)!=null&&l.complete){if(i.value.naturalWidth||j(),o.value==="error")return;p.value||f(i.value,null),o.value==="loading"&&B()}else p.value||f(i.value),C()})})}}function j(){var e;o.value="error",b("error",((e=i.value)==null?void 0:e.currentSrc)||s.value.src)}function B(){var e;C(),f(i.value),o.value="loaded",b("load",((e=i.value)==null?void 0:e.currentSrc)||s.value.src)}let I=-1;function f(e,t=100){const l=()=>{if(clearTimeout(I),!e)return;if(!(e!=null&&e.complete)&&o.value==="loading"&&t!=null){I=window.setTimeout(l,t);return}const{naturalHeight:_,naturalWidth:H}=e;_||H?(w.value=H,W.value=_):(e.currentSrc.endsWith(".svg")||e.currentSrc.startsWith("data:image/svg+xml"))&&(w.value=1,W.value=1)};l()}if(z(()=>r.src,()=>{o.value!=="idle"&&(o.value="idle",V(()=>{P(!0)}))}),z(p,(e,t)=>{!e&&t&&i.value&&f(i.value)}),Z(()=>P()),U.hasWindow){const e=N(window.innerWidth),t=()=>{e.value=window.innerWidth};ee(()=>{window.addEventListener("resize",t),t()}),re(()=>{window.removeEventListener("resize",t)}),z(e,(l,_)=>{l!=_&&C()})}const F=g(!1);{const e=z(p,t=>{t&&(requestAnimationFrame(()=>{requestAnimationFrame(()=>{F.value=!0})}),e())})}const L=n(()=>o.value==="loaded"),G=n(()=>!s.value.src&&!s.value.lazySrc),J=n(()=>le(M,r)),D=n(()=>({src:s.value.src,srcset:s.value.srcset,alt:r.alt,crossorigin:r.crossorigin,referrerpolicy:r.referrerpolicy,draggable:r.draggable,sizes:r.sizes})),K=n(()=>ne(o.value,"is-state")),Q=n(()=>ce(r.width));return(e,t)=>{const l=te("intersect");return $((c(),v(a(M),R({class:["ev-img",{"is-booting":!F.value},K.value,r.class],style:[{width:a(ve)(r.width==="auto"?w.value:Q.value)},r.style]},J.value,{"aria-label":r.alt,"aspect-ratio":p.value,role:r.alt?"img":void 0}),ae({additional:u(()=>[s.value.src&&o.value!=="idle"?(c(),v(a(S),{key:0,transition:a(m),appear:""},{default:u(()=>[a(d).sources?$((c(),T("picture",de,[y(e.$slots,"sources"),h("img",R({ref_key:"image",ref:i,class:["ev-img--img",E.value],style:{objectPosition:r.position}},D.value,{onLoad:B,onError:j}),null,16)],512)),[[q,L.value]]):$((c(),T("img",R({key:1,ref_key:"image",ref:i,class:["ev-img--img",E.value],style:{objectPosition:r.position}},D.value,{onLoad:B,onError:j}),null,16)),[[q,L.value]])]),_:3},8,["transition"])):k("",!0),s.value.lazySrc&&o.value!=="loaded"?(c(),v(a(S),{key:1,transition:a(m)},{default:u(()=>[h("img",{class:oe(["ev-img--img","ev-img--preload",E.value]),style:A({objectPosition:r.position}),src:s.value.lazySrc,alt:r.alt,crossorigin:r.crossorigin,referrerpolicy:r.referrerpolicy,draggable:r.draggable},null,14,me)]),_:1},8,["transition"])):k("",!0),r.gradient?(c(),T("div",{key:2,class:"ev-img--gradient",style:A({backgroundImage:`linear-gradient(${r.gradient})`})},null,4)):k("",!0),a(d).placeholder&&G.value?(c(),v(a(S),{key:3,transition:a(m),appear:""},{default:u(()=>[h("div",pe,[y(e.$slots,"placeholder")])]),_:3},8,["transition"])):a(d).loading&&o.value==="loading"?(c(),v(a(S),{key:4,transition:a(m),appear:""},{default:u(()=>[h("div",fe,[y(e.$slots,"loading")])]),_:3},8,["transition"])):a(d).error&&o.value==="error"?(c(),v(a(S),{key:5,transition:a(m),appear:""},{default:u(()=>[h("div",ge,[y(e.$slots,"error")])]),_:3},8,["transition"])):k("",!0)]),_:2},[a(d).default?{name:"default",fn:u(()=>[y(e.$slots,"default")]),key:"0"}:void 0]),1040,["class","style","aria-label","aspect-ratio","role"])),[[l,{handler:P,options:r.options},void 0,{once:!0}]])}}});export{je as default};
+import{defineComponent as X,useSlots as Y,shallowRef as g,ref as N,computed as n,watch as z,nextTick as V,onBeforeMount as Z,onMounted as ee,onBeforeUnmount as re,resolveDirective as te,withDirectives as $,createBlock as v,openBlock as c,unref as a,mergeProps as R,createSlots as ae,withCtx as u,createCommentVNode as k,createElementBlock as T,renderSlot as y,createElementVNode as h,vShow as q,normalizeStyle as A,normalizeClass as oe}from"vue";/* empty css           */import{makeEvImgProps as se}from"./EvImg.mjs";import M from"../EvResponsive/EvResponsive.vue.mjs";import{useEvTransition as ie,EvTransition as S}from"../EvTransition/EvTransition.mjs";import{filterComponentProps as le}from"../../util/helpers.mjs";import{makeClassName as ne}from"../../util/modifiers.mjs";import{calculateDisplayRuleValue as ce}from"../../composables/display.mjs";import{isObject as ue}from"../../util/is-functions.mjs";import{Browser as U}from"../../util/browser.mjs";import{toWebUnit as ve}from"../../util/units.mjs";/*! Evance UI v1.1.80 | MIT License */const de={key:0,class:"ev-img--picture"},me=["src","alt","crossorigin","referrerpolicy","draggable"],pe={class:"ev-img--placeholder"},fe={class:"ev-img--loading"},ge={class:"ev-img--error"},Pe=X({__name:"EvImg",props:{...se()},emits:["loadstart","load","error"],setup(O,{emit:b}){const r=O,d=Y(),x=g(""),i=N(),o=g(r.eager?"loading":"idle"),w=g(),W=g(),m=ie(r),s=n(()=>{const e=r;return ue(e.src)?{src:e.src.src,srcset:r.srcset||e.src.srcset,lazySrc:r.lazySrc||e.src.lazySrc,aspect:r.aspectRatio||e.src.aspect||0}:{src:r.src,srcset:r.srcset,lazySrc:r.lazySrc,aspect:r.aspectRatio||0}}),p=n(()=>s.value.aspect||w.value/W.value||0),E=n(()=>({"is-object-cover":r.cover,"is-object-contain":!r.cover}));function C(){const e=i.value;e&&(x.value=e.currentSrc||e.src)}function P(e){if(!(r.eager&&e)&&!(U.supportsIntersection&&!e&&!r.eager)){if(o.value="loading",s.value.lazySrc){const t=new Image;t.src=s.value.lazySrc,f(t,null)}s.value.src&&V(()=>{var t;b("loadstart",((t=i.value)==null?void 0:t.currentSrc)||s.value.src),setTimeout(()=>{var l;if((l=i.value)!=null&&l.complete){if(i.value.naturalWidth||j(),o.value==="error")return;p.value||f(i.value,null),o.value==="loading"&&B()}else p.value||f(i.value),C()})})}}function j(){var e;o.value="error",b("error",((e=i.value)==null?void 0:e.currentSrc)||s.value.src)}function B(){var e;C(),f(i.value),o.value="loaded",b("load",((e=i.value)==null?void 0:e.currentSrc)||s.value.src)}let I=-1;function f(e,t=100){const l=()=>{if(clearTimeout(I),!e)return;if(!(e!=null&&e.complete)&&o.value==="loading"&&t!=null){I=window.setTimeout(l,t);return}const{naturalHeight:_,naturalWidth:H}=e;_||H?(w.value=H,W.value=_):(e.currentSrc.endsWith(".svg")||e.currentSrc.startsWith("data:image/svg+xml"))&&(w.value=1,W.value=1)};l()}if(z(()=>r.src,()=>{o.value!=="idle"&&(o.value="idle",V(()=>{P(!0)}))}),z(p,(e,t)=>{!e&&t&&i.value&&f(i.value)}),Z(()=>P()),U.hasWindow){const e=N(window.innerWidth),t=()=>{e.value=window.innerWidth};ee(()=>{window.addEventListener("resize",t),t()}),re(()=>{window.removeEventListener("resize",t)}),z(e,(l,_)=>{l!=_&&C()})}const F=g(!1);{const e=z(p,t=>{t&&(requestAnimationFrame(()=>{requestAnimationFrame(()=>{F.value=!0})}),e())})}const L=n(()=>o.value==="loaded"),G=n(()=>!s.value.src&&!s.value.lazySrc),J=n(()=>le(M,r)),D=n(()=>({src:s.value.src,srcset:s.value.srcset,alt:r.alt,crossorigin:r.crossorigin,referrerpolicy:r.referrerpolicy,draggable:r.draggable,sizes:r.sizes})),K=n(()=>ne(o.value,"is-state")),Q=n(()=>ce(r.width));return(e,t)=>{const l=te("intersect");return $((c(),v(a(M),R({class:["ev-img",{"is-booting":!F.value},K.value,r.class],style:[{width:a(ve)(r.width==="auto"?w.value:Q.value)},r.style]},J.value,{"aria-label":r.alt,"aspect-ratio":p.value,role:r.alt?"img":void 0}),ae({additional:u(()=>[s.value.src&&o.value!=="idle"?(c(),v(a(S),{key:0,transition:a(m),appear:""},{default:u(()=>[a(d).sources?$((c(),T("picture",de,[y(e.$slots,"sources"),h("img",R({ref_key:"image",ref:i,class:["ev-img--img",E.value],style:{objectPosition:r.position}},D.value,{onLoad:B,onError:j}),null,16)],512)),[[q,L.value]]):$((c(),T("img",R({key:1,ref_key:"image",ref:i,class:["ev-img--img",E.value],style:{objectPosition:r.position}},D.value,{onLoad:B,onError:j}),null,16)),[[q,L.value]])]),_:3},8,["transition"])):k("",!0),s.value.lazySrc&&o.value!=="loaded"?(c(),v(a(S),{key:1,transition:a(m)},{default:u(()=>[h("img",{class:oe(["ev-img--img","ev-img--preload",E.value]),style:A({objectPosition:r.position}),src:s.value.lazySrc,alt:r.alt,crossorigin:r.crossorigin,referrerpolicy:r.referrerpolicy,draggable:r.draggable},null,14,me)]),_:1},8,["transition"])):k("",!0),r.gradient?(c(),T("div",{key:2,class:"ev-img--gradient",style:A({backgroundImage:`linear-gradient(${r.gradient})`})},null,4)):k("",!0),a(d).placeholder&&G.value?(c(),v(a(S),{key:3,transition:a(m),appear:""},{default:u(()=>[h("div",pe,[y(e.$slots,"placeholder")])]),_:3},8,["transition"])):a(d).loading&&o.value==="loading"?(c(),v(a(S),{key:4,transition:a(m),appear:""},{default:u(()=>[h("div",fe,[y(e.$slots,"loading")])]),_:3},8,["transition"])):a(d).error&&o.value==="error"?(c(),v(a(S),{key:5,transition:a(m),appear:""},{default:u(()=>[h("div",ge,[y(e.$slots,"error")])]),_:3},8,["transition"])):k("",!0)]),_:2},[a(d).default?{name:"default",fn:u(()=>[y(e.$slots,"default")]),key:"0"}:void 0]),1040,["class","style","aria-label","aspect-ratio","role"])),[[l,{handler:P,options:r.options},void 0,{once:!0}]])}}});export{Pe as default};
 //# sourceMappingURL=EvImg.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvImg.vue.mjs","sources":["../../../../src/components/EvImg/EvImg.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * `<ev-img>`\r\n */\r\nimport \"./EvImg.scss\";\r\nimport { makeEvImgProps, EvImgSrcObject } from \"./EvImg\";\r\nimport { EvResponsive } from \"@/components/EvResponsive\";\r\nimport { EvTransition, useEvTransition } from \"@/components/EvTransition\";\r\nimport {\r\n    computed,\r\n    ComputedRef,\r\n    nextTick,\r\n    onBeforeMount,\r\n    onBeforeUnmount,\r\n    onMounted,\r\n    ref,\r\n    shallowRef,\r\n    watch,\r\n} from \"vue\";\r\nimport {\r\n    Browser,\r\n    filterComponentProps,\r\n    isObject,\r\n    makeClassName,\r\n    toWebUnit,\r\n} from \"@/util\";\r\nimport { calculateDisplayRuleValue } from \"@/composables\";\r\n\r\nconst props = defineProps({\r\n    ...makeEvImgProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    default(): never;\r\n    error(): never;\r\n    loading(): never;\r\n    placeholder(): never;\r\n    sources(): never;\r\n}>();\r\nconst emit = defineEmits([\"loadstart\", \"load\", \"error\"]);\r\n\r\nconst currentSrc = shallowRef(\"\");\r\nconst image = ref<HTMLImageElement>();\r\nconst state = shallowRef<\"idle\" | \"loading\" | \"loaded\" | \"error\">(\r\n    props.eager ? \"loading\" : \"idle\",\r\n);\r\nconst naturalWidth = shallowRef<number>();\r\nconst naturalHeight = shallowRef<number>();\r\nconst transition = useEvTransition(props);\r\n\r\nconst normalisedSrc: ComputedRef<EvImgSrcObject> = computed(() => {\r\n    const imgSrc = props as EvImgSrcObject | { src: EvImgSrcObject };\r\n\r\n    return isObject(imgSrc.src)\r\n        ? {\r\n              src: imgSrc.src.src,\r\n              srcset: props.srcset || imgSrc.src.srcset,\r\n              lazySrc: props.lazySrc || imgSrc.src.lazySrc,\r\n              aspect: props.aspectRatio || imgSrc.src.aspect || 0,\r\n          }\r\n        : {\r\n              src: props.src,\r\n              srcset: props.srcset,\r\n              lazySrc: props.lazySrc,\r\n              aspect: props.aspectRatio || 0,\r\n          };\r\n});\r\n\r\nconst aspectRatio = computed(() => {\r\n    return (\r\n        normalisedSrc.value.aspect ||\r\n        naturalWidth.value! / naturalHeight.value! ||\r\n        0\r\n    );\r\n});\r\n\r\nconst objectFitClasses = computed(() => {\r\n    return {\r\n        \"is-object-cover\": props.cover,\r\n        \"is-object-contain\": !props.cover,\r\n    };\r\n});\r\n\r\n/**\r\n * ## getSrc\r\n */\r\nfunction getSrc() {\r\n    const img = image.value;\r\n    if (img) {\r\n        currentSrc.value = img.currentSrc || img.src;\r\n    }\r\n}\r\n\r\n/**\r\n * ## init\r\n *\r\n * @param isIntersecting\r\n */\r\nfunction init(isIntersecting?: boolean) {\r\n    if (props.eager && isIntersecting) {\r\n        return;\r\n    }\r\n    if (Browser.supportsIntersection && !isIntersecting && !props.eager) {\r\n        return;\r\n    }\r\n    state.value = \"loading\";\r\n\r\n    if (normalisedSrc.value.lazySrc) {\r\n        const lazyImg = new Image();\r\n        lazyImg.src = normalisedSrc.value.lazySrc;\r\n        pollForSize(lazyImg, null);\r\n    }\r\n\r\n    if (!normalisedSrc.value.src) {\r\n        return;\r\n    }\r\n\r\n    nextTick(() => {\r\n        emit(\"loadstart\", image.value?.currentSrc || normalisedSrc.value.src);\r\n        setTimeout(() => {\r\n            if (image.value?.complete) {\r\n                if (!image.value.naturalWidth) {\r\n                    onError();\r\n                }\r\n                if (state.value === \"error\") {\r\n                    return;\r\n                }\r\n                if (!aspectRatio.value) {\r\n                    pollForSize(image.value, null);\r\n                }\r\n                if (state.value === \"loading\") {\r\n                    onLoad();\r\n                }\r\n            } else {\r\n                if (!aspectRatio.value) {\r\n                    pollForSize(image.value!);\r\n                }\r\n                getSrc();\r\n            }\r\n        });\r\n    });\r\n}\r\n\r\n/**\r\n * ## onError\r\n */\r\nfunction onError() {\r\n    state.value = \"error\";\r\n    emit(\"error\", image.value?.currentSrc || normalisedSrc.value.src);\r\n}\r\n\r\n/**\r\n * ## onLoad\r\n */\r\nfunction onLoad() {\r\n    getSrc();\r\n    pollForSize(image.value!);\r\n    state.value = \"loaded\";\r\n    emit(\"load\", image.value?.currentSrc || normalisedSrc.value.src);\r\n}\r\n\r\nlet timer = -1;\r\nfunction pollForSize(img: HTMLImageElement, timeout: number | null = 100) {\r\n    const poll = () => {\r\n        clearTimeout(timer);\r\n        if (!img) {\r\n            return;\r\n        }\r\n        if (!img?.complete && state.value === \"loading\" && timeout != null) {\r\n            timer = window.setTimeout(poll, timeout);\r\n            return;\r\n        }\r\n        const { naturalHeight: imgHeight, naturalWidth: imgWidth } = img;\r\n        if (imgHeight || imgWidth) {\r\n            naturalWidth.value = imgWidth;\r\n            naturalHeight.value = imgHeight;\r\n        } else if (\r\n            img.currentSrc.endsWith(\".svg\") ||\r\n            img.currentSrc.startsWith(\"data:image/svg+xml\")\r\n        ) {\r\n            naturalWidth.value = 1;\r\n            naturalHeight.value = 1;\r\n        }\r\n    };\r\n    poll();\r\n}\r\n\r\nwatch(\r\n    () => props.src,\r\n    () => {\r\n        if (state.value !== \"idle\") {\r\n            state.value = \"idle\";\r\n            nextTick(() => {\r\n                init(true);\r\n            });\r\n        }\r\n    },\r\n);\r\n\r\nwatch(aspectRatio, (val, oldVal) => {\r\n    if (!val && oldVal && image.value) {\r\n        pollForSize(image.value);\r\n    }\r\n});\r\n\r\nonBeforeMount(() => init());\r\n\r\nif (Browser.hasWindow) {\r\n    const windowWidth = ref(window.innerWidth);\r\n    const onWindowResize = () => {\r\n        windowWidth.value = window.innerWidth;\r\n    };\r\n    onMounted(() => {\r\n        window.addEventListener(\"resize\", onWindowResize);\r\n        onWindowResize();\r\n    });\r\n\r\n    onBeforeUnmount(() => {\r\n        window.removeEventListener(\"resize\", onWindowResize);\r\n    });\r\n\r\n    watch(windowWidth, (newWidth, oldWidth) => {\r\n        if (newWidth != oldWidth) {\r\n            getSrc();\r\n        }\r\n    });\r\n}\r\n\r\nconst isBooted = shallowRef(false);\r\n{\r\n    const stop = watch(aspectRatio, (val) => {\r\n        if (val) {\r\n            // Doesn't work with nextTick, idk why\r\n            requestAnimationFrame(() => {\r\n                requestAnimationFrame(() => {\r\n                    isBooted.value = true;\r\n                });\r\n            });\r\n            stop();\r\n        }\r\n    });\r\n}\r\n\r\nconst isLoaded = computed(() => {\r\n    return state.value === \"loaded\";\r\n});\r\n\r\nconst isEmpty = computed(() => {\r\n    return !normalisedSrc.value.src && !normalisedSrc.value.lazySrc;\r\n});\r\n\r\nconst responsiveProps = computed(() =>\r\n    filterComponentProps(EvResponsive, props),\r\n);\r\n\r\nconst imgProps = computed(() => ({\r\n    src: normalisedSrc.value.src,\r\n    srcset: normalisedSrc.value.srcset,\r\n    alt: props.alt,\r\n    crossorigin: props.crossorigin,\r\n    referrerpolicy: props.referrerpolicy,\r\n    draggable: props.draggable,\r\n    sizes: props.sizes,\r\n}));\r\n\r\nconst stateClass = computed(() => makeClassName(state.value, \"is-state\"));\r\nconst width = computed(() => calculateDisplayRuleValue(props.width));\r\n</script>\r\n\r\n<template>\r\n    <ev-responsive\r\n        v-intersect.once=\"{\r\n            handler: init,\r\n            options: props.options,\r\n        }\"\r\n        :class=\"[\r\n            'ev-img',\r\n            {\r\n                'is-booting': !isBooted,\r\n            },\r\n            stateClass,\r\n            props.class,\r\n        ]\"\r\n        :style=\"[\r\n            {\r\n                width: toWebUnit(props.width === 'auto' ? naturalWidth : width),\r\n            },\r\n            props.style,\r\n        ]\"\r\n        v-bind=\"responsiveProps\"\r\n        :aria-label=\"props.alt\"\r\n        :aspect-ratio=\"aspectRatio\"\r\n        :role=\"props.alt ? 'img' : undefined\">\r\n        <template #additional>\r\n            <ev-transition\r\n                v-if=\"normalisedSrc.src && state !== 'idle'\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <picture\r\n                    v-if=\"slots.sources\"\r\n                    v-show=\"isLoaded\"\r\n                    class=\"ev-img--picture\">\r\n                    <slot name=\"sources\" />\r\n                    <img\r\n                        ref=\"image\"\r\n                        :class=\"['ev-img--img', objectFitClasses]\"\r\n                        :style=\"{ objectPosition: props.position }\"\r\n                        v-bind=\"imgProps\"\r\n                        @load=\"onLoad\"\r\n                        @error=\"onError\" />\r\n                </picture>\r\n                <img\r\n                    v-else\r\n                    v-show=\"isLoaded\"\r\n                    ref=\"image\"\r\n                    :class=\"['ev-img--img', objectFitClasses]\"\r\n                    :style=\"{ objectPosition: props.position }\"\r\n                    v-bind=\"imgProps\"\r\n                    @load=\"onLoad\"\r\n                    @error=\"onError\" />\r\n            </ev-transition>\r\n\r\n            <ev-transition\r\n                v-if=\"normalisedSrc.lazySrc && state !== 'loaded'\"\r\n                :transition=\"transition\">\r\n                <img\r\n                    :class=\"[\r\n                        'ev-img--img',\r\n                        'ev-img--preload',\r\n                        objectFitClasses,\r\n                    ]\"\r\n                    :style=\"{ objectPosition: props.position }\"\r\n                    :src=\"normalisedSrc.lazySrc\"\r\n                    :alt=\"props.alt\"\r\n                    :crossorigin=\"props.crossorigin\"\r\n                    :referrerpolicy=\"props.referrerpolicy\"\r\n                    :draggable=\"props.draggable\" />\r\n            </ev-transition>\r\n\r\n            <div\r\n                v-if=\"props.gradient\"\r\n                class=\"ev-img--gradient\"\r\n                :style=\"{\r\n                    backgroundImage: `linear-gradient(${props.gradient})`,\r\n                }\"></div>\r\n\r\n            <ev-transition\r\n                v-if=\"slots.placeholder && isEmpty\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <div class=\"ev-img--placeholder\">\r\n                    <slot name=\"placeholder\" />\r\n                </div>\r\n            </ev-transition>\r\n            <ev-transition\r\n                v-else-if=\"slots.loading && state === 'loading'\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <div class=\"ev-img--loading\">\r\n                    <slot name=\"loading\" />\r\n                </div>\r\n            </ev-transition>\r\n            <ev-transition\r\n                v-else-if=\"slots.error && state === 'error'\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <div class=\"ev-img--error\">\r\n                    <slot name=\"error\" />\r\n                </div>\r\n            </ev-transition>\r\n        </template>\r\n        <template v-if=\"slots.default\" #default>\r\n            <slot name=\"default\" />\r\n        </template>\r\n    </ev-responsive>\r\n</template>\r\n"],"names":["slots","_useSlots","currentSrc","shallowRef","image","ref","state","props","naturalWidth","naturalHeight","transition","useEvTransition","normalisedSrc","computed","imgSrc","isObject","aspectRatio","objectFitClasses","getSrc","img","init","isIntersecting","Browser","lazyImg","pollForSize","nextTick","emit","_a","onError","onLoad","timer","timeout","poll","imgHeight","imgWidth","watch","val","oldVal","onBeforeMount","windowWidth","onWindowResize","onMounted","onBeforeUnmount","newWidth","oldWidth","isBooted","stop","isLoaded","isEmpty","responsiveProps","filterComponentProps","EvResponsive","imgProps","stateClass","makeClassName","width","calculateDisplayRuleValue"],"mappings":"21CA+BMA,EAAQC,EAAA,EASRC,EAAaC,EAAW,EAAE,EAC1BC,EAAQC,EAAsB,EAC9BC,EAAQH,EACVI,EAAM,MAAQ,UAAY,MAC9B,EACMC,EAAeL,EAAmB,EAClCM,EAAgBN,EAAmB,EACnCO,EAAaC,GAAgBJ,CAAK,EAElCK,EAA6CC,EAAS,IAAM,CAC9D,MAAMC,EAASP,EAER,OAAAQ,GAASD,EAAO,GAAG,EACpB,CACI,IAAKA,EAAO,IAAI,IAChB,OAAQP,EAAM,QAAUO,EAAO,IAAI,OACnC,QAASP,EAAM,SAAWO,EAAO,IAAI,QACrC,OAAQP,EAAM,aAAeO,EAAO,IAAI,QAAU,CAAA,EAEtD,CACI,IAAKP,EAAM,IACX,OAAQA,EAAM,OACd,QAASA,EAAM,QACf,OAAQA,EAAM,aAAe,CACjC,CAAA,CACT,EAEKS,EAAcH,EAAS,IAErBD,EAAc,MAAM,QACpBJ,EAAa,MAASC,EAAc,OACpC,CAEP,EAEKQ,EAAmBJ,EAAS,KACvB,CACH,kBAAmBN,EAAM,MACzB,oBAAqB,CAACA,EAAM,KAChC,EACH,EAKD,SAASW,GAAS,CACd,MAAMC,EAAMf,EAAM,MACde,IACWjB,EAAA,MAAQiB,EAAI,YAAcA,EAAI,IAC7C,CAQJ,SAASC,EAAKC,EAA0B,CAChC,GAAA,EAAAd,EAAM,OAASc,IAGf,EAAAC,EAAQ,sBAAwB,CAACD,GAAkB,CAACd,EAAM,OAK1D,IAFJD,EAAM,MAAQ,UAEVM,EAAc,MAAM,QAAS,CACvB,MAAAW,EAAU,IAAI,MACZA,EAAA,IAAMX,EAAc,MAAM,QAClCY,EAAYD,EAAS,IAAI,CAAA,CAGxBX,EAAc,MAAM,KAIzBa,EAAS,IAAM,OACXC,EAAK,cAAaC,EAAAvB,EAAM,QAAN,YAAAuB,EAAa,aAAcf,EAAc,MAAM,GAAG,EACpE,WAAW,IAAM,OACT,IAAAe,EAAAvB,EAAM,QAAN,MAAAuB,EAAa,SAAU,CAInB,GAHCvB,EAAM,MAAM,cACLwB,EAAA,EAERtB,EAAM,QAAU,QAChB,OAECU,EAAY,OACDQ,EAAApB,EAAM,MAAO,IAAI,EAE7BE,EAAM,QAAU,WACTuB,EAAA,CACX,MAEKb,EAAY,OACbQ,EAAYpB,EAAM,KAAM,EAErBc,EAAA,CACX,CACH,CAAA,CACJ,EAAA,CAML,SAASU,GAAU,OACftB,EAAM,MAAQ,QACdoB,EAAK,UAASC,EAAAvB,EAAM,QAAN,YAAAuB,EAAa,aAAcf,EAAc,MAAM,GAAG,CAAA,CAMpE,SAASiB,GAAS,OACPX,EAAA,EACPM,EAAYpB,EAAM,KAAM,EACxBE,EAAM,MAAQ,SACdoB,EAAK,SAAQC,EAAAvB,EAAM,QAAN,YAAAuB,EAAa,aAAcf,EAAc,MAAM,GAAG,CAAA,CAGnE,IAAIkB,EAAQ,GACH,SAAAN,EAAYL,EAAuBY,EAAyB,IAAK,CACtE,MAAMC,EAAO,IAAM,CAEf,GADA,aAAaF,CAAK,EACd,CAACX,EACD,OAEJ,GAAI,EAACA,GAAA,MAAAA,EAAK,WAAYb,EAAM,QAAU,WAAayB,GAAW,KAAM,CACxDD,EAAA,OAAO,WAAWE,EAAMD,CAAO,EACvC,MAAA,CAEJ,KAAM,CAAE,cAAeE,EAAW,aAAcC,CAAa,EAAAf,EACzDc,GAAaC,GACb1B,EAAa,MAAQ0B,EACrBzB,EAAc,MAAQwB,IAEtBd,EAAI,WAAW,SAAS,MAAM,GAC9BA,EAAI,WAAW,WAAW,oBAAoB,KAE9CX,EAAa,MAAQ,EACrBC,EAAc,MAAQ,EAE9B,EACKuB,EAAA,CAAA,CAuBT,GApBAG,EACI,IAAM5B,EAAM,IACZ,IAAM,CACED,EAAM,QAAU,SAChBA,EAAM,MAAQ,OACdmB,EAAS,IAAM,CACXL,EAAK,EAAI,CAAA,CACZ,EACL,CAER,EAEMe,EAAAnB,EAAa,CAACoB,EAAKC,IAAW,CAC5B,CAACD,GAAOC,GAAUjC,EAAM,OACxBoB,EAAYpB,EAAM,KAAK,CAC3B,CACH,EAEakC,EAAA,IAAMlB,GAAM,EAEtBE,EAAQ,UAAW,CACb,MAAAiB,EAAclC,EAAI,OAAO,UAAU,EACnCmC,EAAiB,IAAM,CACzBD,EAAY,MAAQ,OAAO,UAC/B,EACAE,GAAU,IAAM,CACL,OAAA,iBAAiB,SAAUD,CAAc,EACjCA,EAAA,CAAA,CAClB,EAEDE,GAAgB,IAAM,CACX,OAAA,oBAAoB,SAAUF,CAAc,CAAA,CACtD,EAEKL,EAAAI,EAAa,CAACI,EAAUC,IAAa,CACnCD,GAAYC,GACL1B,EAAA,CACX,CACH,CAAA,CAGC,MAAA2B,EAAW1C,EAAW,EAAK,EACjC,CACI,MAAM2C,EAAOX,EAAMnB,EAAcoB,GAAQ,CACjCA,IAEA,sBAAsB,IAAM,CACxB,sBAAsB,IAAM,CACxBS,EAAS,MAAQ,EAAA,CACpB,CAAA,CACJ,EACIC,EAAA,EACT,CACH,CAAA,CAGC,MAAAC,EAAWlC,EAAS,IACfP,EAAM,QAAU,QAC1B,EAEK0C,EAAUnC,EAAS,IACd,CAACD,EAAc,MAAM,KAAO,CAACA,EAAc,MAAM,OAC3D,EAEKqC,EAAkBpC,EAAS,IAC7BqC,GAAqBC,EAAc5C,CAAK,CAC5C,EAEM6C,EAAWvC,EAAS,KAAO,CAC7B,IAAKD,EAAc,MAAM,IACzB,OAAQA,EAAc,MAAM,OAC5B,IAAKL,EAAM,IACX,YAAaA,EAAM,YACnB,eAAgBA,EAAM,eACtB,UAAWA,EAAM,UACjB,MAAOA,EAAM,KAAA,EACf,EAEI8C,EAAaxC,EAAS,IAAMyC,GAAchD,EAAM,MAAO,UAAU,CAAC,EAClEiD,EAAQ1C,EAAS,IAAM2C,GAA0BjD,EAAM,KAAK,CAAC"}
+{"version":3,"file":"EvImg.vue.mjs","sources":["../../../../src/components/EvImg/EvImg.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * `<ev-img>`\r\n */\r\nimport \"./EvImg.scss\";\r\nimport { makeEvImgProps, EvImgSrcObject } from \"./EvImg\";\r\nimport { EvResponsive } from \"@/components/EvResponsive\";\r\nimport { EvTransition, useEvTransition } from \"@/components/EvTransition\";\r\nimport {\r\n    computed,\r\n    ComputedRef,\r\n    nextTick,\r\n    onBeforeMount,\r\n    onBeforeUnmount,\r\n    onMounted,\r\n    ref,\r\n    shallowRef,\r\n    watch,\r\n} from \"vue\";\r\nimport {\r\n    Browser,\r\n    filterComponentProps,\r\n    isObject,\r\n    makeClassName,\r\n    toWebUnit,\r\n} from \"@/util\";\r\nimport { calculateDisplayRuleValue } from \"@/composables\";\r\n\r\nconst props = defineProps({\r\n    ...makeEvImgProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    default(): never;\r\n    error(): never;\r\n    loading(): never;\r\n    placeholder(): never;\r\n    sources(): never;\r\n}>();\r\nconst emit = defineEmits([\"loadstart\", \"load\", \"error\"]);\r\n\r\nconst currentSrc = shallowRef(\"\");\r\nconst image = ref<HTMLImageElement>();\r\nconst state = shallowRef<\"idle\" | \"loading\" | \"loaded\" | \"error\">(\r\n    props.eager ? \"loading\" : \"idle\",\r\n);\r\nconst naturalWidth = shallowRef<number>();\r\nconst naturalHeight = shallowRef<number>();\r\nconst transition = useEvTransition(props);\r\n\r\nconst normalisedSrc: ComputedRef<EvImgSrcObject> = computed(() => {\r\n    const imgSrc = props as EvImgSrcObject | { src: EvImgSrcObject };\r\n\r\n    return isObject(imgSrc.src)\r\n        ? {\r\n              src: imgSrc.src.src,\r\n              srcset: props.srcset || imgSrc.src.srcset,\r\n              lazySrc: props.lazySrc || imgSrc.src.lazySrc,\r\n              aspect: props.aspectRatio || imgSrc.src.aspect || 0,\r\n          }\r\n        : {\r\n              src: props.src,\r\n              srcset: props.srcset,\r\n              lazySrc: props.lazySrc,\r\n              aspect: props.aspectRatio || 0,\r\n          };\r\n});\r\n\r\nconst aspectRatio = computed(() => {\r\n    return (\r\n        normalisedSrc.value.aspect ||\r\n        naturalWidth.value! / naturalHeight.value! ||\r\n        0\r\n    );\r\n});\r\n\r\nconst objectFitClasses = computed(() => {\r\n    return {\r\n        \"is-object-cover\": props.cover,\r\n        \"is-object-contain\": !props.cover,\r\n    };\r\n});\r\n\r\n/**\r\n * ## getSrc\r\n */\r\nfunction getSrc() {\r\n    const img = image.value;\r\n    if (img) {\r\n        currentSrc.value = img.currentSrc || img.src;\r\n    }\r\n}\r\n\r\n/**\r\n * ## init\r\n *\r\n * @param isIntersecting\r\n */\r\nfunction init(isIntersecting?: boolean) {\r\n    if (props.eager && isIntersecting) {\r\n        return;\r\n    }\r\n    if (Browser.supportsIntersection && !isIntersecting && !props.eager) {\r\n        return;\r\n    }\r\n    state.value = \"loading\";\r\n\r\n    if (normalisedSrc.value.lazySrc) {\r\n        const lazyImg = new Image();\r\n        lazyImg.src = normalisedSrc.value.lazySrc;\r\n        pollForSize(lazyImg, null);\r\n    }\r\n\r\n    if (!normalisedSrc.value.src) {\r\n        return;\r\n    }\r\n\r\n    nextTick(() => {\r\n        emit(\"loadstart\", image.value?.currentSrc || normalisedSrc.value.src);\r\n        setTimeout(() => {\r\n            if (image.value?.complete) {\r\n                if (!image.value.naturalWidth) {\r\n                    onError();\r\n                }\r\n                if (state.value === \"error\") {\r\n                    return;\r\n                }\r\n                if (!aspectRatio.value) {\r\n                    pollForSize(image.value, null);\r\n                }\r\n                if (state.value === \"loading\") {\r\n                    onLoad();\r\n                }\r\n            } else {\r\n                if (!aspectRatio.value) {\r\n                    pollForSize(image.value!);\r\n                }\r\n                getSrc();\r\n            }\r\n        });\r\n    });\r\n}\r\n\r\n/**\r\n * ## onError\r\n */\r\nfunction onError() {\r\n    state.value = \"error\";\r\n    emit(\"error\", image.value?.currentSrc || normalisedSrc.value.src);\r\n}\r\n\r\n/**\r\n * ## onLoad\r\n */\r\nfunction onLoad() {\r\n    getSrc();\r\n    pollForSize(image.value!);\r\n    state.value = \"loaded\";\r\n    emit(\"load\", image.value?.currentSrc || normalisedSrc.value.src);\r\n}\r\n\r\nlet timer = -1;\r\nfunction pollForSize(img: HTMLImageElement, timeout: number | null = 100) {\r\n    const poll = () => {\r\n        clearTimeout(timer);\r\n        if (!img) {\r\n            return;\r\n        }\r\n        if (!img?.complete && state.value === \"loading\" && timeout != null) {\r\n            timer = window.setTimeout(poll, timeout);\r\n            return;\r\n        }\r\n        const { naturalHeight: imgHeight, naturalWidth: imgWidth } = img;\r\n        if (imgHeight || imgWidth) {\r\n            naturalWidth.value = imgWidth;\r\n            naturalHeight.value = imgHeight;\r\n        } else if (\r\n            img.currentSrc.endsWith(\".svg\") ||\r\n            img.currentSrc.startsWith(\"data:image/svg+xml\")\r\n        ) {\r\n            naturalWidth.value = 1;\r\n            naturalHeight.value = 1;\r\n        }\r\n    };\r\n    poll();\r\n}\r\n\r\nwatch(\r\n    () => props.src,\r\n    () => {\r\n        if (state.value !== \"idle\") {\r\n            state.value = \"idle\";\r\n            nextTick(() => {\r\n                init(true);\r\n            });\r\n        }\r\n    },\r\n);\r\n\r\nwatch(aspectRatio, (val, oldVal) => {\r\n    if (!val && oldVal && image.value) {\r\n        pollForSize(image.value);\r\n    }\r\n});\r\n\r\nonBeforeMount(() => init());\r\n\r\nif (Browser.hasWindow) {\r\n    const windowWidth = ref(window.innerWidth);\r\n    const onWindowResize = () => {\r\n        windowWidth.value = window.innerWidth;\r\n    };\r\n    onMounted(() => {\r\n        window.addEventListener(\"resize\", onWindowResize);\r\n        onWindowResize();\r\n    });\r\n\r\n    onBeforeUnmount(() => {\r\n        window.removeEventListener(\"resize\", onWindowResize);\r\n    });\r\n\r\n    watch(windowWidth, (newWidth, oldWidth) => {\r\n        if (newWidth != oldWidth) {\r\n            getSrc();\r\n        }\r\n    });\r\n}\r\n\r\nconst isBooted = shallowRef(false);\r\n{\r\n    const stop = watch(aspectRatio, (val) => {\r\n        if (val) {\r\n            // Doesn't work with nextTick, idk why\r\n            requestAnimationFrame(() => {\r\n                requestAnimationFrame(() => {\r\n                    isBooted.value = true;\r\n                });\r\n            });\r\n            stop();\r\n        }\r\n    });\r\n}\r\n\r\nconst isLoaded = computed(() => {\r\n    return state.value === \"loaded\";\r\n});\r\n\r\nconst isEmpty = computed(() => {\r\n    return !normalisedSrc.value.src && !normalisedSrc.value.lazySrc;\r\n});\r\n\r\nconst responsiveProps = computed(() =>\r\n    filterComponentProps(EvResponsive, props),\r\n);\r\n\r\nconst imgProps = computed(() => ({\r\n    src: normalisedSrc.value.src,\r\n    srcset: normalisedSrc.value.srcset,\r\n    alt: props.alt,\r\n    crossorigin: props.crossorigin,\r\n    referrerpolicy: props.referrerpolicy,\r\n    draggable: props.draggable,\r\n    sizes: props.sizes,\r\n}));\r\n\r\nconst stateClass = computed(() => makeClassName(state.value, \"is-state\"));\r\nconst width = computed(() => calculateDisplayRuleValue(props.width));\r\n</script>\r\n\r\n<template>\r\n    <ev-responsive\r\n        v-intersect.once=\"{\r\n            handler: init,\r\n            options: props.options,\r\n        }\"\r\n        :class=\"[\r\n            'ev-img',\r\n            {\r\n                'is-booting': !isBooted,\r\n            },\r\n            stateClass,\r\n            props.class,\r\n        ]\"\r\n        :style=\"[\r\n            {\r\n                width: toWebUnit(props.width === 'auto' ? naturalWidth : width),\r\n            },\r\n            props.style,\r\n        ]\"\r\n        v-bind=\"responsiveProps\"\r\n        :aria-label=\"props.alt\"\r\n        :aspect-ratio=\"aspectRatio\"\r\n        :role=\"props.alt ? 'img' : undefined\">\r\n        <template #additional>\r\n            <ev-transition\r\n                v-if=\"normalisedSrc.src && state !== 'idle'\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <picture\r\n                    v-if=\"slots.sources\"\r\n                    v-show=\"isLoaded\"\r\n                    class=\"ev-img--picture\">\r\n                    <slot name=\"sources\" />\r\n                    <img\r\n                        ref=\"image\"\r\n                        :class=\"['ev-img--img', objectFitClasses]\"\r\n                        :style=\"{ objectPosition: props.position }\"\r\n                        v-bind=\"imgProps\"\r\n                        @load=\"onLoad\"\r\n                        @error=\"onError\" />\r\n                </picture>\r\n                <img\r\n                    v-else\r\n                    v-show=\"isLoaded\"\r\n                    ref=\"image\"\r\n                    :class=\"['ev-img--img', objectFitClasses]\"\r\n                    :style=\"{ objectPosition: props.position }\"\r\n                    v-bind=\"imgProps\"\r\n                    @load=\"onLoad\"\r\n                    @error=\"onError\" />\r\n            </ev-transition>\r\n\r\n            <ev-transition\r\n                v-if=\"normalisedSrc.lazySrc && state !== 'loaded'\"\r\n                :transition=\"transition\">\r\n                <img\r\n                    :class=\"[\r\n                        'ev-img--img',\r\n                        'ev-img--preload',\r\n                        objectFitClasses,\r\n                    ]\"\r\n                    :style=\"{ objectPosition: props.position }\"\r\n                    :src=\"normalisedSrc.lazySrc\"\r\n                    :alt=\"props.alt\"\r\n                    :crossorigin=\"props.crossorigin\"\r\n                    :referrerpolicy=\"props.referrerpolicy\"\r\n                    :draggable=\"props.draggable\" />\r\n            </ev-transition>\r\n\r\n            <div\r\n                v-if=\"props.gradient\"\r\n                class=\"ev-img--gradient\"\r\n                :style=\"{\r\n                    backgroundImage: `linear-gradient(${props.gradient})`,\r\n                }\"></div>\r\n\r\n            <ev-transition\r\n                v-if=\"slots.placeholder && isEmpty\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <div class=\"ev-img--placeholder\">\r\n                    <slot name=\"placeholder\" />\r\n                </div>\r\n            </ev-transition>\r\n            <ev-transition\r\n                v-else-if=\"slots.loading && state === 'loading'\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <div class=\"ev-img--loading\">\r\n                    <slot name=\"loading\" />\r\n                </div>\r\n            </ev-transition>\r\n            <ev-transition\r\n                v-else-if=\"slots.error && state === 'error'\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <div class=\"ev-img--error\">\r\n                    <slot name=\"error\" />\r\n                </div>\r\n            </ev-transition>\r\n        </template>\r\n        <template v-if=\"slots.default\" #default>\r\n            <slot name=\"default\" />\r\n        </template>\r\n    </ev-responsive>\r\n</template>\r\n"],"names":["slots","_useSlots","currentSrc","shallowRef","image","ref","state","props","naturalWidth","naturalHeight","transition","useEvTransition","normalisedSrc","computed","imgSrc","isObject","aspectRatio","objectFitClasses","getSrc","img","init","isIntersecting","Browser","lazyImg","pollForSize","nextTick","emit","_a","onError","onLoad","timer","timeout","poll","imgHeight","imgWidth","watch","val","oldVal","onBeforeMount","windowWidth","onWindowResize","onMounted","onBeforeUnmount","newWidth","oldWidth","isBooted","stop","isLoaded","isEmpty","responsiveProps","filterComponentProps","EvResponsive","imgProps","stateClass","makeClassName","width","calculateDisplayRuleValue"],"mappings":"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"}

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

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

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScroll.mjs

@@ -1,2 +1,2 @@
-import{makeTagProps as t}from"../../composables/tag.mjs";import{makeDimensionsProps as i}from"../../composables/dimensions.mjs";import{propsFactory as r}from"../../util/props.mjs";/*! Evance UI v1.1.79 | MIT License */const l=r({disabled:Boolean,direction:{type:String,default:"vertical",validator:e=>["vertical","horizontal"].includes(e)},intersectDelay:{type:Number,default:50},margin:[Number,String],mode:{type:String,default:"intersect",validator:e=>["intersect","manual"].includes(e)},scrollTarget:{type:[String,Object],default:void 0,validator:e=>e===void 0||e==="parent"||e==="window"||typeof e=="object"},showFinished:{type:Boolean,default:!0},side:{type:String,default:"end",validator:e=>["start","end","both"].includes(e)},textMore:{type:String,default:"infiniteScroll.more"},textFinished:{type:String,default:"infiniteScroll.finished"},...t(),...i()},"EvInfiniteScroll");export{l as makeEvInfiniteScrollProps};
+import{makeTagProps as t}from"../../composables/tag.mjs";import{makeDimensionsProps as i}from"../../composables/dimensions.mjs";import{propsFactory as r}from"../../util/props.mjs";/*! Evance UI v1.1.80 | MIT License */const l=r({disabled:Boolean,direction:{type:String,default:"vertical",validator:e=>["vertical","horizontal"].includes(e)},intersectDelay:{type:Number,default:50},margin:[Number,String],mode:{type:String,default:"intersect",validator:e=>["intersect","manual"].includes(e)},scrollTarget:{type:[String,Object],default:void 0,validator:e=>e===void 0||e==="parent"||e==="window"||typeof e=="object"},showFinished:{type:Boolean,default:!0},side:{type:String,default:"end",validator:e=>["start","end","both"].includes(e)},textMore:{type:String,default:"infiniteScroll.more"},textFinished:{type:String,default:"infiniteScroll.finished"},...t(),...i()},"EvInfiniteScroll");export{l as makeEvInfiniteScrollProps};
 //# sourceMappingURL=EvInfiniteScroll.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as G,useSlots as J,ref as K,shallowRef as T,computed as c,toRef as O,onMounted as Q,createBlock as m,openBlock as v,resolveDynamicComponent as X,normalizeStyle as Y,normalizeClass as Z,unref as i,withCtx as s,createCommentVNode as S,renderSlot as l,mergeProps as P,createSlots as H,nextTick as L}from"vue";/* empty css                      */import{makeEvInfiniteScrollProps as ee}from"./EvInfiniteScroll.mjs";import{useDimensions as te}from"../../composables/dimensions.mjs";import q from"./EvInfiniteScrollSide.vue.mjs";import x from"./EvInfiniteScrollIntersect.vue.mjs";import{isComponentPublicInstance as re}from"../../util/components.mjs";import{toWebUnit as oe}from"../../util/units.mjs";import{getScrollParent as b}from"../../util/scroll.mjs";import{debounce as ne}from"../../util/helpers.mjs";/*! Evance UI v1.1.79 | MIT License */const pe=G({__name:"EvInfiniteScroll",props:{...ee()},emits:["load"],setup(W,{expose:B,emit:R}){const t=W,a=J(),N=te(t),d=K(),$=T("ok"),w=T("ok"),E=c(()=>oe(t.margin)),p=T(!1);let I=0;const f=O(t,"disabled"),C=c(()=>t.side==="start"||t.side==="both"),F=c(()=>t.side==="end"||t.side==="both"),M=c(()=>t.mode==="intersect"),o=c(()=>{const e=t.direction==="vertical"?"y":"x";return t.scrollTarget==="parent"&&d.value?b(d.value.parentElement,!0,e):t.scrollTarget instanceof HTMLElement?b(t.scrollTarget,!0,e):re(t.scrollTarget)&&t.scrollTarget.$el instanceof HTMLElement?b(t.scrollTarget.$el,!0,e):d.value});function U(){if(!o.value)return 0;const e=t.direction==="vertical"?"clientHeight":"clientWidth";return o.value[e]}function V(){if(!o.value)return 0;const e=t.direction==="vertical"?"scrollTop":"scrollLeft";return o.value[e]}function h(){if(!o.value)return 0;const e=t.direction==="vertical"?"scrollHeight":"scrollWidth";return o.value[e]}function _(e){return e==="start"?$.value:w.value}const j=ne(e=>{p.value&&!f.value&&g(e)},t.intersectDelay);function z(e,n){p.value=n,j(e)}function g(e){if(t.mode!=="manual"&&!p.value)return;const n=_(e);if(!o.value||["finished","loading"].includes(n))return;I=h(),y(e,"loading");function r(u){y(e,u),L(()=>{u==="finished"||u==="error"||(u==="ok"&&e==="start"&&k(h()-I+V()),t.mode!=="manual"&&L(()=>{window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{g(e)})})})}))})}R("load",{side:e,error:()=>r("error"),done:()=>r("finished"),next:()=>r("ok")})}function k(e){if(!o.value)return;const n=t.direction==="vertical"?"scrollTop":"scrollLeft";o.value[n]=e}function y(e,n){e==="start"?$.value=n:e==="end"&&(w.value=n)}Q(()=>{A()});function A(e="ok"){o.value&&(p.value=!1,t.side==="start"?k(h()):t.side==="both"?k(h()/2-U()/2):k(0),y("start",e),y("end",e))}const D=c(()=>({mode:t.mode,textFinished:t.textFinished,textMore:t.textMore}));return B({reset:A,rootElement:d,scrollTarget:o}),(e,n)=>(v(),m(X(t.tag),{ref_key:"rootEl",ref:d,class:Z(["ev-infinite-scroll",`ev-infinite-scroll--${t.direction}`,{"ev-infinite-scroll--start":C.value,"ev-infinite-scroll-end":F.value}]),style:Y([i(N)])},{default:s(()=>[["start","both"].includes(t.side)&&!f.value?(v(),m(q,P({key:0,side:"start"},D.value,{status:$.value,"show-finished":t.showFinished,"onClick:more":n[0]||(n[0]=r=>g("start"))}),H({_:2},[i(a).finished?{name:"finished",fn:s(({side:r})=>[l(e.$slots,"finished",{side:r})]),key:"0"}:void 0,i(a).error?{name:"error",fn:s(({side:r})=>[l(e.$slots,"error",{side:r})]),key:"1"}:void 0,i(a).loading?{name:"loading",fn:s(({side:r})=>[l(e.$slots,"loading",{side:r})]),key:"2"}:void 0,i(a).more?{name:"more",fn:s(({side:r,props:u})=>[l(e.$slots,"more",{side:r,props:u})]),key:"3"}:void 0]),1040,["status","show-finished"])):S("",!0),o.value&&C.value&&M.value&&!f.value?(v(),m(x,{key:"start",side:"start","root-ref":o.value,"root-margin":E.value,onIntersect:z},null,8,["root-ref","root-margin"])):S("",!0),l(e.$slots,"default"),o.value&&F.value&&M.value&&!f.value?(v(),m(x,{key:"end",side:"end","root-ref":o.value,"root-margin":E.value,onIntersect:z},null,8,["root-ref","root-margin"])):S("",!0),["end","both"].includes(t.side)&&!f.value?(v(),m(q,P({key:3,side:"end"},D.value,{status:w.value,"show-finished":t.showFinished,"onClick:more":n[1]||(n[1]=r=>g("end"))}),H({_:2},[i(a).finished?{name:"finished",fn:s(({side:r})=>[l(e.$slots,"finished",{side:r})]),key:"0"}:void 0,i(a).error?{name:"error",fn:s(({side:r})=>[l(e.$slots,"error",{side:r})]),key:"1"}:void 0,i(a).loading?{name:"loading",fn:s(({side:r})=>[l(e.$slots,"loading",{side:r})]),key:"2"}:void 0,i(a).more?{name:"more",fn:s(({side:r,props:u})=>[l(e.$slots,"more",{side:r,props:u})]),key:"3"}:void 0]),1040,["status","show-finished"])):S("",!0)]),_:3},8,["class","style"]))}});export{pe as default};
+import{defineComponent as G,useSlots as J,ref as K,shallowRef as T,computed as c,toRef as O,onMounted as Q,createBlock as m,openBlock as v,resolveDynamicComponent as X,normalizeStyle as Y,normalizeClass as Z,unref as i,withCtx as s,createCommentVNode as S,renderSlot as l,mergeProps as P,createSlots as H,nextTick as L}from"vue";/* empty css                      */import{makeEvInfiniteScrollProps as ee}from"./EvInfiniteScroll.mjs";import{useDimensions as te}from"../../composables/dimensions.mjs";import q from"./EvInfiniteScrollSide.vue.mjs";import x from"./EvInfiniteScrollIntersect.vue.mjs";import{isComponentPublicInstance as re}from"../../util/components.mjs";import{toWebUnit as oe}from"../../util/units.mjs";import{getScrollParent as b}from"../../util/scroll.mjs";import{debounce as ne}from"../../util/helpers.mjs";/*! Evance UI v1.1.80 | MIT License */const pe=G({__name:"EvInfiniteScroll",props:{...ee()},emits:["load"],setup(W,{expose:B,emit:R}){const t=W,a=J(),N=te(t),d=K(),$=T("ok"),w=T("ok"),E=c(()=>oe(t.margin)),p=T(!1);let I=0;const f=O(t,"disabled"),C=c(()=>t.side==="start"||t.side==="both"),F=c(()=>t.side==="end"||t.side==="both"),M=c(()=>t.mode==="intersect"),o=c(()=>{const e=t.direction==="vertical"?"y":"x";return t.scrollTarget==="parent"&&d.value?b(d.value.parentElement,!0,e):t.scrollTarget instanceof HTMLElement?b(t.scrollTarget,!0,e):re(t.scrollTarget)&&t.scrollTarget.$el instanceof HTMLElement?b(t.scrollTarget.$el,!0,e):d.value});function U(){if(!o.value)return 0;const e=t.direction==="vertical"?"clientHeight":"clientWidth";return o.value[e]}function V(){if(!o.value)return 0;const e=t.direction==="vertical"?"scrollTop":"scrollLeft";return o.value[e]}function h(){if(!o.value)return 0;const e=t.direction==="vertical"?"scrollHeight":"scrollWidth";return o.value[e]}function _(e){return e==="start"?$.value:w.value}const j=ne(e=>{p.value&&!f.value&&g(e)},t.intersectDelay);function z(e,n){p.value=n,j(e)}function g(e){if(t.mode!=="manual"&&!p.value)return;const n=_(e);if(!o.value||["finished","loading"].includes(n))return;I=h(),y(e,"loading");function r(u){y(e,u),L(()=>{u==="finished"||u==="error"||(u==="ok"&&e==="start"&&k(h()-I+V()),t.mode!=="manual"&&L(()=>{window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{g(e)})})})}))})}R("load",{side:e,error:()=>r("error"),done:()=>r("finished"),next:()=>r("ok")})}function k(e){if(!o.value)return;const n=t.direction==="vertical"?"scrollTop":"scrollLeft";o.value[n]=e}function y(e,n){e==="start"?$.value=n:e==="end"&&(w.value=n)}Q(()=>{A()});function A(e="ok"){o.value&&(p.value=!1,t.side==="start"?k(h()):t.side==="both"?k(h()/2-U()/2):k(0),y("start",e),y("end",e))}const D=c(()=>({mode:t.mode,textFinished:t.textFinished,textMore:t.textMore}));return B({reset:A,rootElement:d,scrollTarget:o}),(e,n)=>(v(),m(X(t.tag),{ref_key:"rootEl",ref:d,class:Z(["ev-infinite-scroll",`ev-infinite-scroll--${t.direction}`,{"ev-infinite-scroll--start":C.value,"ev-infinite-scroll-end":F.value}]),style:Y([i(N)])},{default:s(()=>[["start","both"].includes(t.side)&&!f.value?(v(),m(q,P({key:0,side:"start"},D.value,{status:$.value,"show-finished":t.showFinished,"onClick:more":n[0]||(n[0]=r=>g("start"))}),H({_:2},[i(a).finished?{name:"finished",fn:s(({side:r})=>[l(e.$slots,"finished",{side:r})]),key:"0"}:void 0,i(a).error?{name:"error",fn:s(({side:r})=>[l(e.$slots,"error",{side:r})]),key:"1"}:void 0,i(a).loading?{name:"loading",fn:s(({side:r})=>[l(e.$slots,"loading",{side:r})]),key:"2"}:void 0,i(a).more?{name:"more",fn:s(({side:r,props:u})=>[l(e.$slots,"more",{side:r,props:u})]),key:"3"}:void 0]),1040,["status","show-finished"])):S("",!0),o.value&&C.value&&M.value&&!f.value?(v(),m(x,{key:"start",side:"start","root-ref":o.value,"root-margin":E.value,onIntersect:z},null,8,["root-ref","root-margin"])):S("",!0),l(e.$slots,"default"),o.value&&F.value&&M.value&&!f.value?(v(),m(x,{key:"end",side:"end","root-ref":o.value,"root-margin":E.value,onIntersect:z},null,8,["root-ref","root-margin"])):S("",!0),["end","both"].includes(t.side)&&!f.value?(v(),m(q,P({key:3,side:"end"},D.value,{status:w.value,"show-finished":t.showFinished,"onClick:more":n[1]||(n[1]=r=>g("end"))}),H({_:2},[i(a).finished?{name:"finished",fn:s(({side:r})=>[l(e.$slots,"finished",{side:r})]),key:"0"}:void 0,i(a).error?{name:"error",fn:s(({side:r})=>[l(e.$slots,"error",{side:r})]),key:"1"}:void 0,i(a).loading?{name:"loading",fn:s(({side:r})=>[l(e.$slots,"loading",{side:r})]),key:"2"}:void 0,i(a).more?{name:"more",fn:s(({side:r,props:u})=>[l(e.$slots,"more",{side:r,props:u})]),key:"3"}:void 0]),1040,["status","show-finished"])):S("",!0)]),_:3},8,["class","style"]))}});export{pe as default};
 //# sourceMappingURL=EvInfiniteScroll.vue.mjs.map

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

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

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as c,watch as f,createElementBlock as a,openBlock as p}from"vue";import{useIntersectionObserver as l}from"../../composables/intersectionObserver.mjs";/*! Evance UI v1.1.79 | MIT License */const g=c({__name:"EvInfiniteScrollIntersect",props:{side:{type:String,required:!0},rootRef:{type:Object,default:null},rootMargin:{type:String,default:void 0}},emits:["intersect"],setup(r,{emit:o}){const e=r,n={...e.rootMargin?{rootMargin:e.rootMargin}:{},...e.rootRef?{root:e.rootRef}:{}},{intersectionRef:i,isIntersecting:s}=l(()=>{},n);return f(s,async t=>{o("intersect",e.side,t)}),(t,u)=>(p(),a("div",{ref_key:"intersectionRef",ref:i,class:"ev-infinite-scroll-intersect"}," ",512))}});export{g as default};
+import{defineComponent as c,watch as f,createElementBlock as a,openBlock as p}from"vue";import{useIntersectionObserver as l}from"../../composables/intersectionObserver.mjs";/*! Evance UI v1.1.80 | MIT License */const g=c({__name:"EvInfiniteScrollIntersect",props:{side:{type:String,required:!0},rootRef:{type:Object,default:null},rootMargin:{type:String,default:void 0}},emits:["intersect"],setup(r,{emit:o}){const e=r,n={...e.rootMargin?{rootMargin:e.rootMargin}:{},...e.rootRef?{root:e.rootRef}:{}},{intersectionRef:i,isIntersecting:s}=l(()=>{},n);return f(s,async t=>{o("intersect",e.side,t)}),(t,u)=>(p(),a("div",{ref_key:"intersectionRef",ref:i,class:"ev-infinite-scroll-intersect"}," ",512))}});export{g as default};
 //# sourceMappingURL=EvInfiniteScrollIntersect.vue.mjs.map

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue2.mjs

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

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScrollSide.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as x,useSlots as C,computed as d,createElementBlock as a,openBlock as c,renderSlot as i,normalizeProps as n,mergeProps as r,Fragment as h,createCommentVNode as E,createElementVNode as M,toDisplayString as m,unref as t,createVNode as u,withCtx as v,createTextVNode as y}from"vue";import g from"../EvButton/EvButton.vue.mjs";import N from"../EvProgressCircular/EvProgressCircular.vue.mjs";import{useLocaleFunctions as V}from"../../composables/locale.mjs";/*! Evance UI v1.1.79 | MIT License */const w={class:"ev-infinite-scroll-side"},B={class:"ev-infinite-scroll-finished"},T=x({__name:"EvInfiniteScrollSide",props:{mode:{type:String,default:void 0},showFinished:{type:Boolean,default:!0},side:{type:String,default:void 0},status:{type:String,default:void 0},textFinished:{type:String,default:void 0},textMore:{type:String,default:void 0}},emits:["click:more"],setup(f,{emit:k}){const e=f;C();const p=()=>{k("click:more")},o={side:e.side,props:{onClick:p}},{t:l}=V(),S=d(()=>e.status==="error"),_=d(()=>e.status==="finished"),F=d(()=>e.mode==="manual"),$=d(()=>e.status==="loading");return(s,P)=>(c(),a("div",w,[S.value?i(s.$slots,"error",n(r({key:0},o))):_.value?(c(),a(h,{key:1},[f.showFinished?i(s.$slots,"finished",n(r({key:0},o)),()=>[M("div",B,m(t(l)(e.textFinished)),1)]):E("",!0)],64)):F.value?(c(),a(h,{key:2},[$.value?i(s.$slots,"loading",n(r({key:1},o)),()=>[u(t(g),{loading:""},{default:v(()=>[y(m(t(l)(e.textMore)),1)]),_:1})]):i(s.$slots,"more",n(r({key:0},o)),()=>[u(t(g),{onClick:p},{default:v(()=>[y(m(t(l)(e.textMore)),1)]),_:1})])],64)):i(s.$slots,"loading",n(r({key:3},o)),()=>[u(t(N),{indeterminate:""})])]))}});export{T as default};
+import{defineComponent as x,useSlots as C,computed as d,createElementBlock as a,openBlock as c,renderSlot as i,normalizeProps as n,mergeProps as r,Fragment as h,createCommentVNode as E,createElementVNode as M,toDisplayString as m,unref as t,createVNode as u,withCtx as v,createTextVNode as y}from"vue";import g from"../EvButton/EvButton.vue.mjs";import N from"../EvProgressCircular/EvProgressCircular.vue.mjs";import{useLocaleFunctions as V}from"../../composables/locale.mjs";/*! Evance UI v1.1.80 | MIT License */const w={class:"ev-infinite-scroll-side"},B={class:"ev-infinite-scroll-finished"},T=x({__name:"EvInfiniteScrollSide",props:{mode:{type:String,default:void 0},showFinished:{type:Boolean,default:!0},side:{type:String,default:void 0},status:{type:String,default:void 0},textFinished:{type:String,default:void 0},textMore:{type:String,default:void 0}},emits:["click:more"],setup(f,{emit:k}){const e=f;C();const p=()=>{k("click:more")},o={side:e.side,props:{onClick:p}},{t:l}=V(),S=d(()=>e.status==="error"),_=d(()=>e.status==="finished"),F=d(()=>e.mode==="manual"),$=d(()=>e.status==="loading");return(s,P)=>(c(),a("div",w,[S.value?i(s.$slots,"error",n(r({key:0},o))):_.value?(c(),a(h,{key:1},[f.showFinished?i(s.$slots,"finished",n(r({key:0},o)),()=>[M("div",B,m(t(l)(e.textFinished)),1)]):E("",!0)],64)):F.value?(c(),a(h,{key:2},[$.value?i(s.$slots,"loading",n(r({key:1},o)),()=>[u(t(g),{loading:""},{default:v(()=>[y(m(t(l)(e.textMore)),1)]),_:1})]):i(s.$slots,"more",n(r({key:0},o)),()=>[u(t(g),{onClick:p},{default:v(()=>[y(m(t(l)(e.textMore)),1)]),_:1})])],64)):i(s.$slots,"loading",n(r({key:3},o)),()=>[u(t(N),{indeterminate:""})])]))}});export{T as default};
 //# sourceMappingURL=EvInfiniteScrollSide.vue.mjs.map

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScrollSide.vue2.mjs

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

package/dist/esm/components/EvKbd/EvKbd.mjs

@@ -1,2 +1,2 @@
-import{makeComponentProps as t}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.79 | MIT License */const n={default:"default",tonal:"tonal",outlined:"outlined",bold:"bold",text:"text"},e=o({value:String,variant:String,...t()},"EvKbd");export{n as KbdVariant,e as makeEvKbdProps};
+import{makeComponentProps as t}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.80 | MIT License */const n={default:"default",tonal:"tonal",outlined:"outlined",bold:"bold",text:"text"},e=o({value:String,variant:String,...t()},"EvKbd");export{n as KbdVariant,e as makeEvKbdProps};
 //# sourceMappingURL=EvKbd.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as o,computed as s,createElementBlock as l,openBlock as n,normalizeStyle as i,normalizeClass as m,renderSlot as p,createTextVNode as d,toDisplayString as c}from"vue";/* empty css           */import{makeEvKbdProps as u,KbdVariant as f}from"./EvKbd.mjs";import{variantModifier as v}from"../../util/modifiers.mjs";/*! Evance UI v1.1.79 | MIT License */const E=o({__name:"EvKbd",props:{...u()},setup(t){const e=t,r=s(()=>v(e.variant??f.default,["default"]));return(a,b)=>(n(),l("kbd",{class:m(["ev-kbd",e.class,r.value]),style:i(e.style)},[p(a.$slots,"default",{},()=>[d(c(e.value),1)])],6))}});export{E as default};
+import{defineComponent as o,computed as s,createElementBlock as l,openBlock as n,normalizeStyle as i,normalizeClass as m,renderSlot as p,createTextVNode as d,toDisplayString as c}from"vue";/* empty css           */import{makeEvKbdProps as u,KbdVariant as f}from"./EvKbd.mjs";import{variantModifier as v}from"../../util/modifiers.mjs";/*! Evance UI v1.1.80 | MIT License */const E=o({__name:"EvKbd",props:{...u()},setup(t){const e=t,r=s(()=>v(e.variant??f.default,["default"]));return(a,b)=>(n(),l("kbd",{class:m(["ev-kbd",e.class,r.value]),style:i(e.style)},[p(a.$slots,"default",{},()=>[d(c(e.value),1)])],6))}});export{E as default};
 //# sourceMappingURL=EvKbd.vue.mjs.map

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

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

package/dist/esm/components/EvLabel/EvLabel.mjs

@@ -1,2 +1,2 @@
-import{makeComponentProps as t}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.79 | MIT License */const a=o({label:String,hint:String},"Label"),n=o({title:String,hint:String,clickable:Boolean,...t()},"EvLabel");export{n as makeEvLabelProps,a as makeLabelProps};
+import{makeComponentProps as t}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.80 | MIT License */const a=o({label:String,hint:String},"Label"),n=o({title:String,hint:String,clickable:Boolean,...t()},"EvLabel");export{n as makeEvLabelProps,a as makeLabelProps};
 //# sourceMappingURL=EvLabel.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as r,useSlots as n,createElementBlock as t,openBlock as l,normalizeStyle as c,normalizeClass as m,renderSlot as p,createCommentVNode as s,toDisplayString as o}from"vue";/* empty css             */import{makeEvLabelProps as d}from"./EvLabel.mjs";/*! Evance UI v1.1.79 | MIT License */const _={key:0,class:"ev-label--title"},b={key:1,class:"ev-label--hint"},h=r({__name:"EvLabel",props:{...d()},setup(a){const e=a;return n(),(i,u)=>(l(),t("label",{class:m(["ev-label",{"is-clickable":e.clickable},e.class]),style:c(e.style)},[p(i.$slots,"default",{},()=>[e.title?(l(),t("div",_,o(e.title),1)):s("",!0),e.hint?(l(),t("div",b,o(e.hint),1)):s("",!0)])],6))}});export{h as default};
+import{defineComponent as r,useSlots as n,createElementBlock as t,openBlock as l,normalizeStyle as c,normalizeClass as m,renderSlot as p,createCommentVNode as s,toDisplayString as o}from"vue";/* empty css             */import{makeEvLabelProps as d}from"./EvLabel.mjs";/*! Evance UI v1.1.80 | MIT License */const _={key:0,class:"ev-label--title"},b={key:1,class:"ev-label--hint"},h=r({__name:"EvLabel",props:{...d()},setup(a){const e=a;return n(),(i,u)=>(l(),t("label",{class:m(["ev-label",{"is-clickable":e.clickable},e.class]),style:c(e.style)},[p(i.$slots,"default",{},()=>[e.title?(l(),t("div",_,o(e.title),1)):s("",!0),e.hint?(l(),t("div",b,o(e.hint),1)):s("",!0)])],6))}});export{h as default};
 //# sourceMappingURL=EvLabel.vue.mjs.map

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

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

package/dist/esm/components/EvLink/EvLink.mjs

@@ -1,2 +1,2 @@
-import{makeComponentProps as r}from"../../composables/component.mjs";import{IconProp as o}from"../../composables/icons.mjs";import{makeRouterLinkOrHrefProps as t}from"../../composables/router.mjs";import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.79 | MIT License */const m=e({appearance:{type:String,default:"default"},disabled:Boolean,iconStart:o,iconEnd:o,text:String,...r(),...t()},"EvLink");export{m as makeEvLinkProps};
+import{makeComponentProps as r}from"../../composables/component.mjs";import{IconProp as o}from"../../composables/icons.mjs";import{makeRouterLinkOrHrefProps as t}from"../../composables/router.mjs";import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.80 | MIT License */const m=e({appearance:{type:String,default:"default"},disabled:Boolean,iconStart:o,iconEnd:o,text:String,...r(),...t()},"EvLink");export{m as makeEvLinkProps};
 //# sourceMappingURL=EvLink.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as f,useAttrs as d,useSlots as k,computed as s,createElementBlock as y,openBlock as r,unref as t,normalizeStyle as _,normalizeClass as h,createBlock as a,createCommentVNode as l,renderSlot as v,createTextVNode as E,toDisplayString as g}from"vue";/* empty css            */import{makeEvLinkProps as S}from"./EvLink.mjs";import{useRouterLinkOrHref as x}from"../../composables/router.mjs";import i from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import C from"../../icons/editor/glyph/LinkExternalIcon.svg.mjs";import{useDefaults as L}from"../../composables/defaults.mjs";import{appearanceModifier as b}from"../../util/modifiers.mjs";/*! Evance UI v1.1.79 | MIT License */const B=["href"],R=f({__name:"EvLink",props:{...S()},setup(c){const e=L(c),o=d();k();const p=x(e,o),m=s(()=>b(e.appearance)),n=s(()=>o.target==="_blank"&&!e.iconEnd?C:e.iconEnd);return(u,z)=>(r(),y("a",{class:h(["ev-link",{"is-disabled":t(e).disabled},m.value,t(e).class]),style:_(t(e).style),href:t(p).href.value},[t(e).iconStart?(r(),a(t(i),{key:0,glyph:t(e).iconStart,class:"ev-link--icon-start"},null,8,["glyph"])):l("",!0),v(u.$slots,"default",{},()=>[E(g(t(e).text),1)]),n.value?(r(),a(t(i),{key:1,glyph:n.value,class:"ev-link--icon-end"},null,8,["glyph"])):l("",!0)],14,B))}});export{R as default};
+import{defineComponent as f,useAttrs as d,useSlots as k,computed as s,createElementBlock as y,openBlock as r,unref as t,normalizeStyle as _,normalizeClass as h,createBlock as a,createCommentVNode as l,renderSlot as v,createTextVNode as E,toDisplayString as g}from"vue";/* empty css            */import{makeEvLinkProps as S}from"./EvLink.mjs";import{useRouterLinkOrHref as x}from"../../composables/router.mjs";import i from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import C from"../../icons/editor/glyph/LinkExternalIcon.svg.mjs";import{useDefaults as L}from"../../composables/defaults.mjs";import{appearanceModifier as b}from"../../util/modifiers.mjs";/*! Evance UI v1.1.80 | MIT License */const B=["href"],R=f({__name:"EvLink",props:{...S()},setup(c){const e=L(c),o=d();k();const p=x(e,o),m=s(()=>b(e.appearance)),n=s(()=>o.target==="_blank"&&!e.iconEnd?C:e.iconEnd);return(u,z)=>(r(),y("a",{class:h(["ev-link",{"is-disabled":t(e).disabled},m.value,t(e).class]),style:_(t(e).style),href:t(p).href.value},[t(e).iconStart?(r(),a(t(i),{key:0,glyph:t(e).iconStart,class:"ev-link--icon-start"},null,8,["glyph"])):l("",!0),v(u.$slots,"default",{},()=>[E(g(t(e).text),1)]),n.value?(r(),a(t(i),{key:1,glyph:n.value,class:"ev-link--icon-end"},null,8,["glyph"])):l("",!0)],14,B))}});export{R as default};
 //# sourceMappingURL=EvLink.vue.mjs.map

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

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

package/dist/esm/components/EvList/EvList.mjs

@@ -1,2 +1,2 @@
-import{makeListItemsProps as e}from"../../composables/lists/list-items.mjs";import{makeNestedProps as o}from"../../composables/lists/nested.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeDimensionsProps as m}from"../../composables/dimensions.mjs";import{propsFactory as t}from"../../util/props.mjs";/*! Evance UI v1.1.79 | MIT License */const l=t({disabled:Boolean,tag:{type:String,default:"ul"},itemType:{type:String,default:"type"},...e(),...o({selectStrategy:"multi-any"}),...r(),...m()},"EvList"),y=t({items:Array,returnObject:Boolean},"EvListChildren");export{y as makeEvListChildrenProps,l as makeEvListProps};
+import{makeListItemsProps as e}from"../../composables/lists/list-items.mjs";import{makeNestedProps as o}from"../../composables/lists/nested.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeDimensionsProps as m}from"../../composables/dimensions.mjs";import{propsFactory as t}from"../../util/props.mjs";/*! Evance UI v1.1.80 | MIT License */const l=t({disabled:Boolean,tag:{type:String,default:"ul"},itemType:{type:String,default:"type"},...e(),...o({selectStrategy:"multi-any"}),...r(),...m()},"EvList"),y=t({items:Array,returnObject:Boolean},"EvListChildren");export{y as makeEvListChildrenProps,l as makeEvListProps};
 //# sourceMappingURL=EvList.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as w,ref as F,shallowRef as a,computed as C,createBlock as D,openBlock as h,resolveDynamicComponent as L,normalizeStyle as g,normalizeClass as j,unref as c,withCtx as u,createVNode as E,renderSlot as z}from"vue";/* empty css            */import{makeEvListProps as A}from"./EvList.mjs";import{createList as B}from"../../composables/lists/list.mjs";import{useItems as I}from"../../composables/lists/list-items.mjs";import{useNestedList as K}from"../../composables/lists/nested.mjs";import{useDimensions as N}from"../../composables/dimensions.mjs";import O from"./EvListChildren.vue.mjs";import{focusChild as S}from"../../util/events.mjs";/*! Evance UI v1.1.79 | MIT License */const J=w({__name:"EvList",props:{...A()},emits:["update:selected","click:select"],setup(f,{expose:m}){const o=f,{items:d}=I(o),{select:p}=K(o),t=F(void 0),s=a(!1),r=a(void 0),v=C(()=>o.disabled||s.value?-1:0),y=N(o);B();function b(e){var n;!s.value&&!(e.relatedTarget&&((n=t.value)!=null&&n.contains(e.relatedTarget)))&&t.value&&(r.value?r.value.focus():i())}function _(e){s.value=!0}function k(e){s.value=!1}function x(e){const l={ArrowDown:"next",ArrowUp:"previous",Home:"first",End:"last"}[e.key];l&&t.value&&(i(l),e.preventDefault())}function i(e){r.value=S(t==null?void 0:t.value,e)}return m({focus:i,select:p}),(e,n)=>(h(),D(L(o.tag),{ref_key:"containerRef",ref:t,role:"listbox",class:j(["ev-list",{"is-disabled":o.disabled},o.class]),style:g([o.style,c(y)]),tabindex:v.value,onKeydown:x,onFocus:b,onFocusin:_,onFocusout:k},{default:u(()=>[E(O,{items:c(d),"return-object":o.returnObject},{default:u(()=>[z(e.$slots,"default")]),_:3},8,["items","return-object"])]),_:3},40,["class","style","tabindex"]))}});export{J as default};
+import{defineComponent as w,ref as F,shallowRef as a,computed as C,createBlock as D,openBlock as h,resolveDynamicComponent as L,normalizeStyle as g,normalizeClass as j,unref as c,withCtx as u,createVNode as E,renderSlot as z}from"vue";/* empty css            */import{makeEvListProps as A}from"./EvList.mjs";import{createList as B}from"../../composables/lists/list.mjs";import{useItems as I}from"../../composables/lists/list-items.mjs";import{useNestedList as K}from"../../composables/lists/nested.mjs";import{useDimensions as N}from"../../composables/dimensions.mjs";import O from"./EvListChildren.vue.mjs";import{focusChild as S}from"../../util/events.mjs";/*! Evance UI v1.1.80 | MIT License */const J=w({__name:"EvList",props:{...A()},emits:["update:selected","click:select"],setup(f,{expose:m}){const o=f,{items:d}=I(o),{select:p}=K(o),t=F(void 0),s=a(!1),r=a(void 0),v=C(()=>o.disabled||s.value?-1:0),y=N(o);B();function b(e){var n;!s.value&&!(e.relatedTarget&&((n=t.value)!=null&&n.contains(e.relatedTarget)))&&t.value&&(r.value?r.value.focus():i())}function _(e){s.value=!0}function k(e){s.value=!1}function x(e){const l={ArrowDown:"next",ArrowUp:"previous",Home:"first",End:"last"}[e.key];l&&t.value&&(i(l),e.preventDefault())}function i(e){r.value=S(t==null?void 0:t.value,e)}return m({focus:i,select:p}),(e,n)=>(h(),D(L(o.tag),{ref_key:"containerRef",ref:t,role:"listbox",class:j(["ev-list",{"is-disabled":o.disabled},o.class]),style:g([o.style,c(y)]),tabindex:v.value,onKeydown:x,onFocus:b,onFocusin:_,onFocusout:k},{default:u(()=>[E(O,{items:c(d),"return-object":o.returnObject},{default:u(()=>[z(e.$slots,"default")]),_:3},8,["items","return-object"])]),_:3},40,["class","style","tabindex"]))}});export{J as default};
 //# sourceMappingURL=EvList.vue.mjs.map

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

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

package/dist/esm/components/EvList/EvListChildren.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as b,useSlots as k,resolveComponent as y,renderSlot as t,createElementBlock as a,openBlock as c,Fragment as u,renderList as $,normalizeProps as r,mergeProps as p,createVNode as n,unref as l,guardReactiveProps as i,withCtx as d,createSlots as j,toRaw as C}from"vue";import L from"../EvListItem/EvListItem.vue.mjs";import{makeEvListChildrenProps as P}from"./EvList.mjs";import{createList as g}from"../../composables/lists/list.mjs";import w from"../EvDivider/EvDivider.vue.mjs";/* empty css                          */import E from"../EvSection/EvSection.vue.mjs";/*! Evance UI v1.1.79 | MIT License */const q=b({__name:"EvListChildren",props:{...P()},setup(m){const s=m,f=k();return g(),(o,O)=>{const _=y("ev-list-children",!0);return t(o.$slots,"default",{},()=>[(c(!0),a(u,null,$(s.items,e=>(c(),a(u,{key:e.key},[e.type==="divider"?t(o.$slots,"divider",r(p({key:0},{props:e.props})),()=>[n(l(w),r(i(e.props)),null,16)]):e.type==="subheader"?t(o.$slots,"subheader",r(p({key:1},{props:e.props})),()=>[n(l(E),r(i(e.props)),{default:d(()=>[n(_,{items:e.children,"return-object":s.returnObject},j({_:2},[l(f).item?{name:"item",fn:d(({item:h,props:v})=>[t(o.$slots,"item",r(i({item:h,props:v})))]),key:"0"}:void 0]),1032,["items","return-object"])]),_:2},1040)]):t(o.$slots,"item",r(p({key:2},{item:e,props:e.props})),()=>[n(L,p(e.props,{value:s.returnObject?C(e.raw):e.props.value,"return-object":s.returnObject,children:e.children}),null,16,["value","return-object","children"])])],64))),128))])}}});export{q as default};
+import{defineComponent as b,useSlots as k,resolveComponent as y,renderSlot as t,createElementBlock as a,openBlock as c,Fragment as u,renderList as $,normalizeProps as r,mergeProps as p,createVNode as n,unref as l,guardReactiveProps as i,withCtx as d,createSlots as j,toRaw as C}from"vue";import L from"../EvListItem/EvListItem.vue.mjs";import{makeEvListChildrenProps as P}from"./EvList.mjs";import{createList as g}from"../../composables/lists/list.mjs";import w from"../EvDivider/EvDivider.vue.mjs";/* empty css                          */import E from"../EvSection/EvSection.vue.mjs";/*! Evance UI v1.1.80 | MIT License */const q=b({__name:"EvListChildren",props:{...P()},setup(m){const s=m,f=k();return g(),(o,O)=>{const _=y("ev-list-children",!0);return t(o.$slots,"default",{},()=>[(c(!0),a(u,null,$(s.items,e=>(c(),a(u,{key:e.key},[e.type==="divider"?t(o.$slots,"divider",r(p({key:0},{props:e.props})),()=>[n(l(w),r(i(e.props)),null,16)]):e.type==="subheader"?t(o.$slots,"subheader",r(p({key:1},{props:e.props})),()=>[n(l(E),r(i(e.props)),{default:d(()=>[n(_,{items:e.children,"return-object":s.returnObject},j({_:2},[l(f).item?{name:"item",fn:d(({item:h,props:v})=>[t(o.$slots,"item",r(i({item:h,props:v})))]),key:"0"}:void 0]),1032,["items","return-object"])]),_:2},1040)]):t(o.$slots,"item",r(p({key:2},{item:e,props:e.props})),()=>[n(L,p(e.props,{value:s.returnObject?C(e.raw):e.props.value,"return-object":s.returnObject,children:e.children}),null,16,["value","return-object","children"])])],64))),128))])}}});export{q as default};
 //# sourceMappingURL=EvListChildren.vue.mjs.map

package/dist/esm/components/EvList/EvListChildren.vue2.mjs

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

package/dist/esm/components/EvListItem/EvListItem.mjs

@@ -1,2 +1,2 @@
-import{makeRouterLinkOrHrefProps as e}from"../../composables/router.mjs";import{IconProp as t}from"../../composables/icons.mjs";import{makeComponentProps as o}from"../../composables/component.mjs";import{propsFactory as r}from"../../util/props.mjs";import{EventProp as a}from"../../util/events.mjs";/*! Evance UI v1.1.79 | MIT License */const c=r({active:{type:Boolean,default:void 0},actions:{type:Array,default:()=>[]},actionsOnHover:{type:Array,default:()=>[]},children:Array,disabled:Boolean,iconEnd:t,iconStart:t,link:{type:Boolean,default:void 0},loading:Boolean,returnObject:Boolean,selectedIconStart:t,selectedIconEnd:t,subtitle:[String,Number,Boolean],subtitleProps:{type:Object,default:()=>({})},tag:{type:String,default:"div"},title:[String,Number,Boolean],titleProps:{type:Object,default:()=>({})},value:null,onClick:a(),...e({exact:void 0}),...o()},"EvListItem");export{c as makeEvListItemProps};
+import{makeRouterLinkOrHrefProps as e}from"../../composables/router.mjs";import{IconProp as t}from"../../composables/icons.mjs";import{makeComponentProps as o}from"../../composables/component.mjs";import{propsFactory as r}from"../../util/props.mjs";import{EventProp as a}from"../../util/events.mjs";/*! Evance UI v1.1.80 | MIT License */const c=r({active:{type:Boolean,default:void 0},actions:{type:Array,default:()=>[]},actionsOnHover:{type:Array,default:()=>[]},children:Array,disabled:Boolean,iconEnd:t,iconStart:t,link:{type:Boolean,default:void 0},loading:Boolean,returnObject:Boolean,selectedIconStart:t,selectedIconEnd:t,subtitle:[String,Number,Boolean],subtitleProps:{type:Object,default:()=>({})},tag:{type:String,default:"div"},title:[String,Number,Boolean],titleProps:{type:Object,default:()=>({})},value:null,onClick:a(),...e({exact:void 0}),...o()},"EvListItem");export{c as makeEvListItemProps};
 //# sourceMappingURL=EvListItem.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as le,useSlots as ne,useAttrs as oe,computed as s,mergeProps as a,toDisplayString as H,createElementBlock as o,openBlock as l,normalizeClass as g,unref as i,createElementVNode as f,createBlock as c,createCommentVNode as r,normalizeStyle as re,resolveDynamicComponent as ae,withKeys as K,withCtx as x,renderSlot as u,createVNode as d,Fragment as j,renderList as B,withDirectives as ce,vShow as ue}from"vue";/* empty css                */import{makeEvListItemProps as ve}from"./EvListItem.mjs";import{useRouterLinkOrHref as me}from"../../composables/router.mjs";import{useList as de}from"../../composables/lists/list.mjs";import{useNestedListItem as pe}from"../../composables/lists/nested.mjs";import C from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import E from"../EvButton/EvButton.vue.mjs";import fe from"../EvButtonGroup/EvButtonGroup.vue.mjs";import V from"../EvText/EvText.vue.mjs";/* empty css                    */import he from"../../icons/glyph/ChevronRightIcon.svg.mjs";import ke from"../../icons/glyph/DotIcon.svg.mjs";import _e from"../EvList/EvListChildren.vue.mjs";import{EvTransition as ye}from"../EvTransition/EvTransition.mjs";import"../../EvTransitionExpand.mjs";import be from"../EvTransition/transitions/expandTransition.mjs";import{useSelectLink as ge}from"../../composables/selectLink.mjs";import{useModelProxy as xe}from"../../composables/modelProxy.mjs";import{getNextId as R}from"../../util/helpers.mjs";/*! Evance UI v1.1.79 | MIT License */const Ce={class:"ev-list-item--label"},Ee=f("div",{"aria-hidden":"true",class:"ev-list-item--indicator"},null,-1),Se={key:0,class:"ev-list-item--caret"},Le={key:1,class:"ev-list-item--icon-start"},$e={key:2,class:"ev-list-item--prefix"},we={key:4,class:"ev-list-item--actions"},Ae={key:5,class:"ev-list-item--icon-end"},Ie={class:"ev-list-item-children",role:"group"},Ye=le({__name:"EvListItem",props:{...ve()},emits:["click","click:open","click:select","update:opened"],setup(T,{emit:F}){const e=T,v=ne(),G=oe(),n=me(e,G),S=de(),M=s(()=>e.value===void 0?n.href.value:e.value),L=xe(e,"loading"),p=s(()=>!!v.children||!!e.children),{select:$,isSelected:w,isOpen:h,open:q,root:J}=pe(M,p.value),A=s(()=>e.link!==!1&&n.isLink.value);ge(n,$,!0);const k=s(()=>!e.disabled&&e.link!==!1&&(e.link||n.isClickable.value||e.value!=null&&!!S)),Q=s(()=>{var t;return e.active!==!1&&(e.active||((t=n.isActive)==null?void 0:t.value))}),_=s(()=>{var t;return e.exact!==!1&&(e.exact||((t=n.isExactActive)==null?void 0:t.value)||w.value)}),U=s(()=>A.value?"a":e.tag),W=s(()=>k.value?S?-2:0:null);function I(t){var b;F("click",t),k.value&&((b=n.navigate)==null||b.call(n,t),e.value!=null&&!A.value&&$(!w.value,t))}function O(t){t.preventDefault(),I(t)}const X=s(()=>!!n.isClickable.value||!!e.onClick),Y=s(()=>a({truncate:!0,text:H(e.title)},e.titleProps)),Z=s(()=>a({appearance:"subtle",size:"small",truncate:!0,text:H(e.subtitle)},e.subtitleProps)),P=s(()=>e.actions.map(t=>({props:t,id:R()}))),ee=s(()=>!!P.value.length),D=s(()=>e.actionsOnHover.map(t=>({props:t,id:R()}))),y=s(()=>!!D.value.length),te=be("",!1),ie=s(()=>L.value||p.value||J.isNested.value),N=s(()=>_.value?e.selectedIconStart??e.iconStart:e.iconStart),z=s(()=>_.value?e.selectedIconEnd??e.iconEnd:e.iconEnd);function se(t){q(!h.value,t)}return(t,b)=>(l(),o("li",{class:g(["ev-list-item",{"is-disabled":e.disabled,"is-open":i(h)},e.class])},[f("div",{role:"listitem",class:g(["ev-list-item-content",{"is-active":Q.value,"is-active--exact":_.value,"is-clickable":k.value||X.value,"is-actions-on-hover":y.value}]),style:re(e.style)},[(l(),c(ae(U.value),{href:i(n).href.value,tabindex:W.value,class:"ev-list-item--button",onClick:I,onKeydown:[K(O,["enter"]),K(O,["space"])]},{default:x(()=>[f("div",Ce,[u(t.$slots,"default",{},()=>[d(i(V),a({tag:"div",class:"ev-list-item--title"},Y.value),null,16),e.subtitle?(l(),c(i(V),a({key:0,tag:"div",class:"ev-list-item--subtitle"},Z.value),null,16)):r("",!0)])]),Ee]),_:3},40,["href","tabindex","onKeydown"])),ie.value?(l(),o("div",Se,[p.value?(l(),c(i(E),{key:0,icon:"",size:"x-small",variant:"subtle",loading:i(L),"icon-start":i(he),onClick:se},null,8,["loading","icon-start"])):(l(),c(i(C),{key:1,glyph:i(ke)},null,8,["glyph"]))])):r("",!0),i(v).iconStart||N.value?(l(),o("div",Le,[u(t.$slots,"iconStart",{},()=>[d(i(C),{glyph:N.value},null,8,["glyph"])])])):r("",!0),i(v).prefix?(l(),o("div",$e,[u(t.$slots,"prefix")])):r("",!0),i(v).suffix?(l(),o("div",{key:3,class:g(["ev-list-item--suffix",{"is-hide-on-hover":y.value}])},[u(t.$slots,"suffix")],2)):r("",!0),ee.value||y.value?(l(),o("div",we,[d(i(fe),{size:"x-small",variant:"subtle"},{default:x(()=>[(l(!0),o(j,null,B(D.value,m=>(l(),c(i(E),a({key:m.id},m.props,{class:"is-show-on-hover"}),null,16))),128)),(l(!0),o(j,null,B(P.value,m=>(l(),c(i(E),a({key:m.id},m.props),null,16))),128))]),_:1})])):r("",!0),i(v).iconEnd||z.value?(l(),o("div",Ae,[u(t.$slots,"iconEnd",{},()=>[d(i(C),{glyph:z.value},null,8,["glyph"])])])):r("",!0)],6),p.value?(l(),c(i(ye),a({key:0,name:"ev-list-group-transition"},i(te)),{default:x(()=>[ce(f("ul",Ie,[u(t.$slots,"children",{},()=>[d(_e,{items:e.children,"return-object":e.returnObject},null,8,["items","return-object"])])],512),[[ue,i(h)]])]),_:3},16)):r("",!0)],2))}});export{Ye as default};
+import{defineComponent as le,useSlots as ne,useAttrs as oe,computed as s,mergeProps as a,toDisplayString as H,createElementBlock as o,openBlock as l,normalizeClass as g,unref as i,createElementVNode as f,createBlock as c,createCommentVNode as r,normalizeStyle as re,resolveDynamicComponent as ae,withKeys as K,withCtx as x,renderSlot as u,createVNode as d,Fragment as j,renderList as B,withDirectives as ce,vShow as ue}from"vue";/* empty css                */import{makeEvListItemProps as ve}from"./EvListItem.mjs";import{useRouterLinkOrHref as me}from"../../composables/router.mjs";import{useList as de}from"../../composables/lists/list.mjs";import{useNestedListItem as pe}from"../../composables/lists/nested.mjs";import C from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import E from"../EvButton/EvButton.vue.mjs";import fe from"../EvButtonGroup/EvButtonGroup.vue.mjs";import V from"../EvText/EvText.vue.mjs";/* empty css                    */import he from"../../icons/glyph/ChevronRightIcon.svg.mjs";import ke from"../../icons/glyph/DotIcon.svg.mjs";import _e from"../EvList/EvListChildren.vue.mjs";import ye from"../EvTransition/transitions/expandTransition.mjs";import{useSelectLink as be}from"../../composables/selectLink.mjs";import{useModelProxy as ge}from"../../composables/modelProxy.mjs";import{getNextId as R}from"../../util/helpers.mjs";import{EvTransition as xe}from"../EvTransition/EvTransition.mjs";/*! Evance UI v1.1.80 | MIT License */const Ce={class:"ev-list-item--label"},Ee=f("div",{"aria-hidden":"true",class:"ev-list-item--indicator"},null,-1),Se={key:0,class:"ev-list-item--caret"},Le={key:1,class:"ev-list-item--icon-start"},$e={key:2,class:"ev-list-item--prefix"},we={key:4,class:"ev-list-item--actions"},Ae={key:5,class:"ev-list-item--icon-end"},Ie={class:"ev-list-item-children",role:"group"},Xe=le({__name:"EvListItem",props:{...ve()},emits:["click","click:open","click:select","update:opened"],setup(T,{emit:F}){const e=T,v=ne(),G=oe(),n=me(e,G),S=de(),M=s(()=>e.value===void 0?n.href.value:e.value),L=ge(e,"loading"),p=s(()=>!!v.children||!!e.children),{select:$,isSelected:w,isOpen:h,open:q,root:J}=pe(M,p.value),A=s(()=>e.link!==!1&&n.isLink.value);be(n,$,!0);const k=s(()=>!e.disabled&&e.link!==!1&&(e.link||n.isClickable.value||e.value!=null&&!!S)),Q=s(()=>{var t;return e.active!==!1&&(e.active||((t=n.isActive)==null?void 0:t.value))}),_=s(()=>{var t;return e.exact!==!1&&(e.exact||((t=n.isExactActive)==null?void 0:t.value)||w.value)}),U=s(()=>A.value?"a":e.tag),W=s(()=>k.value?S?-2:0:null);function I(t){var b;F("click",t),k.value&&((b=n.navigate)==null||b.call(n,t),e.value!=null&&!A.value&&$(!w.value,t))}function O(t){t.preventDefault(),I(t)}const X=s(()=>!!n.isClickable.value||!!e.onClick),Y=s(()=>a({truncate:!0,text:H(e.title)},e.titleProps)),Z=s(()=>a({appearance:"subtle",size:"small",truncate:!0,text:H(e.subtitle)},e.subtitleProps)),P=s(()=>e.actions.map(t=>({props:t,id:R()}))),ee=s(()=>!!P.value.length),D=s(()=>e.actionsOnHover.map(t=>({props:t,id:R()}))),y=s(()=>!!D.value.length),te=ye("",!1),ie=s(()=>L.value||p.value||J.isNested.value),N=s(()=>_.value?e.selectedIconStart??e.iconStart:e.iconStart),z=s(()=>_.value?e.selectedIconEnd??e.iconEnd:e.iconEnd);function se(t){q(!h.value,t)}return(t,b)=>(l(),o("li",{class:g(["ev-list-item",{"is-disabled":e.disabled,"is-open":i(h)},e.class])},[f("div",{role:"listitem",class:g(["ev-list-item-content",{"is-active":Q.value,"is-active--exact":_.value,"is-clickable":k.value||X.value,"is-actions-on-hover":y.value}]),style:re(e.style)},[(l(),c(ae(U.value),{href:i(n).href.value,tabindex:W.value,class:"ev-list-item--button",onClick:I,onKeydown:[K(O,["enter"]),K(O,["space"])]},{default:x(()=>[f("div",Ce,[u(t.$slots,"default",{},()=>[d(i(V),a({tag:"div",class:"ev-list-item--title"},Y.value),null,16),e.subtitle?(l(),c(i(V),a({key:0,tag:"div",class:"ev-list-item--subtitle"},Z.value),null,16)):r("",!0)])]),Ee]),_:3},40,["href","tabindex","onKeydown"])),ie.value?(l(),o("div",Se,[p.value?(l(),c(i(E),{key:0,icon:"",size:"x-small",variant:"subtle",loading:i(L),"icon-start":i(he),onClick:se},null,8,["loading","icon-start"])):(l(),c(i(C),{key:1,glyph:i(ke)},null,8,["glyph"]))])):r("",!0),i(v).iconStart||N.value?(l(),o("div",Le,[u(t.$slots,"iconStart",{},()=>[d(i(C),{glyph:N.value},null,8,["glyph"])])])):r("",!0),i(v).prefix?(l(),o("div",$e,[u(t.$slots,"prefix")])):r("",!0),i(v).suffix?(l(),o("div",{key:3,class:g(["ev-list-item--suffix",{"is-hide-on-hover":y.value}])},[u(t.$slots,"suffix")],2)):r("",!0),ee.value||y.value?(l(),o("div",we,[d(i(fe),{size:"x-small",variant:"subtle"},{default:x(()=>[(l(!0),o(j,null,B(D.value,m=>(l(),c(i(E),a({key:m.id},m.props,{class:"is-show-on-hover"}),null,16))),128)),(l(!0),o(j,null,B(P.value,m=>(l(),c(i(E),a({key:m.id},m.props),null,16))),128))]),_:1})])):r("",!0),i(v).iconEnd||z.value?(l(),o("div",Ae,[u(t.$slots,"iconEnd",{},()=>[d(i(C),{glyph:z.value},null,8,["glyph"])])])):r("",!0)],6),p.value?(l(),c(i(xe),a({key:0,name:"ev-list-group-transition"},i(te)),{default:x(()=>[ce(f("ul",Ie,[u(t.$slots,"children",{},()=>[d(_e,{items:e.children,"return-object":e.returnObject},null,8,["items","return-object"])])],512),[[ue,i(h)]])]),_:3},16)):r("",!0)],2))}});export{Xe as default};
 //# sourceMappingURL=EvListItem.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvListItem.vue.mjs","sources":["../../../../src/components/EvListItem/EvListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport \"./EvListItem.scss\";\r\nimport { makeEvListItemProps } from \"./EvListItem\";\r\nimport { computed, mergeProps, toDisplayString, useAttrs } from \"vue\";\r\nimport {\r\n    RouterLinkOrHrefProps,\r\n    useRouterLinkOrHref,\r\n} from \"@/composables/router\";\r\nimport { useList, useNestedListItem } from \"@/composables/lists\";\r\nimport { EvIcon } from \"@/components/EvIcon\";\r\nimport { EvButton } from \"@/components/EvButton\";\r\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\r\nimport { EvText } from \"@/components/EvText\";\r\nimport { getNextId } from \"@/util\";\r\nimport { ChevronRightIcon, DotIcon } from \"@/icons\";\r\nimport { useModelProxy } from \"@/composables\";\r\nimport EvListChildren from \"@/components/EvList/EvListChildren.vue\";\r\nimport { EvTransition } from \"@/components/EvTransition\";\r\nimport ExpandTransitionGenerator from \"@/components/EvTransition/transitions/expandTransition\";\r\nimport { useSelectLink } from \"@/composables/selectLink\";\r\n\r\nconst props = defineProps({\r\n    ...makeEvListItemProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    default(): never;\r\n    iconStart(): never;\r\n    iconEnd(): never;\r\n    prefix(): never;\r\n    suffix(): never;\r\n    children(): never;\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n    (e: \"click\", event: MouseEvent): void;\r\n    (\r\n        e: \"click:open\",\r\n        payload: {\r\n            id: unknown;\r\n            value: boolean;\r\n            path: unknown[];\r\n            event: Event;\r\n        },\r\n    ): void;\r\n    (\r\n        e: \"click:select\",\r\n        payload: {\r\n            id: unknown;\r\n            value: boolean;\r\n            path: unknown[];\r\n            event: Event;\r\n        },\r\n    ): void;\r\n    (e: \"update:opened\", items: unknown[]): void;\r\n}>();\r\n\r\nconst attrs = useAttrs();\r\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\r\nconst list = useList();\r\nconst id = computed(() =>\r\n    props.value === undefined ? link.href.value : props.value,\r\n);\r\nconst isLoading = useModelProxy(props, \"loading\");\r\nconst hasChildren = computed(() => {\r\n    return !!slots.children || !!props.children;\r\n});\r\nconst { select, isSelected, isOpen, open, root } = useNestedListItem(\r\n    id,\r\n    hasChildren.value,\r\n);\r\nconst isLink = computed(() => props.link !== false && link.isLink.value);\r\nuseSelectLink(link, select, true);\r\nconst isClickable = computed(() => {\r\n    return (\r\n        !props.disabled &&\r\n        props.link !== false &&\r\n        (props.link ||\r\n            link.isClickable.value ||\r\n            (props.value != null && !!list))\r\n    );\r\n});\r\nconst isActive = computed(() => {\r\n    return props.active !== false && (props.active || link.isActive?.value);\r\n});\r\nconst isActiveExact = computed(() => {\r\n    return (\r\n        props.exact !== false &&\r\n        (props.exact || link.isExactActive?.value || isSelected.value)\r\n    );\r\n});\r\nconst itemElement = computed(() => {\r\n    return isLink.value ? \"a\" : props.tag;\r\n});\r\nconst tabIndex = computed(() => {\r\n    return isClickable.value ? (list ? -2 : 0) : null;\r\n});\r\n\r\n/**\r\n * # onClick Handler\r\n * @param e\r\n */\r\nfunction onClick(e: MouseEvent): void {\r\n    emit(\"click\", e);\r\n    if (!isClickable.value) {\r\n        return;\r\n    }\r\n    link.navigate?.(e);\r\n    if (props.value != null && !isLink.value) {\r\n        select(!isSelected.value, e);\r\n    }\r\n}\r\n\r\n/**\r\n * # onKeyDown Handler\r\n * @param e\r\n */\r\nfunction onKeyDown(e: KeyboardEvent): void {\r\n    e.preventDefault();\r\n    onClick(e as any as MouseEvent);\r\n}\r\n\r\nconst hasClickListener = computed(\r\n    () => !!link.isClickable.value || !!props.onClick,\r\n);\r\n\r\nconst titleProps = computed(() => {\r\n    return mergeProps(\r\n        {\r\n            truncate: true,\r\n            text: toDisplayString(props.title),\r\n        },\r\n        props.titleProps,\r\n    );\r\n});\r\n\r\nconst subtitleProps = computed(() => {\r\n    return mergeProps(\r\n        {\r\n            appearance: \"subtle\",\r\n            size: \"small\",\r\n            truncate: true,\r\n            text: toDisplayString(props.subtitle),\r\n        },\r\n        props.subtitleProps,\r\n    );\r\n});\r\n\r\nconst parsedActions = computed(() =>\r\n    props.actions.map((action) => ({\r\n        props: action,\r\n        id: getNextId(),\r\n    })),\r\n);\r\nconst hasActions = computed(() => !!parsedActions.value.length);\r\nconst parsedActionsOnHover = computed(() =>\r\n    props.actionsOnHover.map((action) => ({\r\n        props: action,\r\n        id: getNextId(),\r\n    })),\r\n);\r\nconst hasActionsOnHover = computed(() => !!parsedActionsOnHover.value.length);\r\n\r\nconst transition = ExpandTransitionGenerator(\"\", false);\r\nconst showCaret = computed(() => {\r\n    return isLoading.value || hasChildren.value || root.isNested.value;\r\n});\r\n\r\nconst iconStart = computed(() => {\r\n    return isActiveExact.value\r\n        ? props.selectedIconStart ?? props.iconStart\r\n        : props.iconStart;\r\n});\r\n\r\nconst iconEnd = computed(() => {\r\n    return isActiveExact.value\r\n        ? props.selectedIconEnd ?? props.iconEnd\r\n        : props.iconEnd;\r\n});\r\n\r\nfunction onClickOpener(e: Event) {\r\n    open(!isOpen.value, e);\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n    <li\r\n        :class=\"[\r\n            'ev-list-item',\r\n            {\r\n                'is-disabled': props.disabled,\r\n                'is-open': isOpen,\r\n            },\r\n            props.class,\r\n        ]\">\r\n        <div\r\n            role=\"listitem\"\r\n            :class=\"[\r\n                'ev-list-item-content',\r\n                {\r\n                    'is-active': isActive,\r\n                    'is-active--exact': isActiveExact,\r\n                    'is-clickable': isClickable || hasClickListener,\r\n                    'is-actions-on-hover': hasActionsOnHover,\r\n                },\r\n            ]\"\r\n            :style=\"props.style\">\r\n            <component\r\n                :is=\"itemElement\"\r\n                :href=\"link.href.value\"\r\n                :tabindex=\"tabIndex\"\r\n                class=\"ev-list-item--button\"\r\n                @click=\"onClick\"\r\n                @keydown.enter=\"onKeyDown\"\r\n                @keydown.space=\"onKeyDown\">\r\n                <div class=\"ev-list-item--label\">\r\n                    <slot name=\"default\">\r\n                        <ev-text\r\n                            tag=\"div\"\r\n                            class=\"ev-list-item--title\"\r\n                            v-bind=\"titleProps\" />\r\n                        <ev-text\r\n                            v-if=\"props.subtitle\"\r\n                            tag=\"div\"\r\n                            class=\"ev-list-item--subtitle\"\r\n                            v-bind=\"subtitleProps\" />\r\n                    </slot>\r\n                </div>\r\n                <div aria-hidden=\"true\" class=\"ev-list-item--indicator\"></div>\r\n            </component>\r\n            <div v-if=\"showCaret\" class=\"ev-list-item--caret\">\r\n                <ev-button\r\n                    v-if=\"hasChildren\"\r\n                    icon\r\n                    size=\"x-small\"\r\n                    variant=\"subtle\"\r\n                    :loading=\"isLoading\"\r\n                    :icon-start=\"ChevronRightIcon\"\r\n                    @click=\"onClickOpener\" />\r\n                <ev-icon v-else :glyph=\"DotIcon\" />\r\n            </div>\r\n            <div\r\n                v-if=\"slots.iconStart || iconStart\"\r\n                class=\"ev-list-item--icon-start\">\r\n                <slot name=\"iconStart\">\r\n                    <ev-icon :glyph=\"iconStart\" />\r\n                </slot>\r\n            </div>\r\n            <div v-if=\"slots.prefix\" class=\"ev-list-item--prefix\">\r\n                <slot name=\"prefix\" />\r\n            </div>\r\n            <div\r\n                v-if=\"slots.suffix\"\r\n                :class=\"[\r\n                    'ev-list-item--suffix',\r\n                    { 'is-hide-on-hover': hasActionsOnHover },\r\n                ]\">\r\n                <slot name=\"suffix\" />\r\n            </div>\r\n            <div\r\n                v-if=\"hasActions || hasActionsOnHover\"\r\n                class=\"ev-list-item--actions\">\r\n                <ev-button-group size=\"x-small\" variant=\"subtle\">\r\n                    <ev-button\r\n                        v-for=\"action in parsedActionsOnHover\"\r\n                        :key=\"action.id\"\r\n                        v-bind=\"action.props\"\r\n                        class=\"is-show-on-hover\" />\r\n                    <ev-button\r\n                        v-for=\"action in parsedActions\"\r\n                        :key=\"action.id\"\r\n                        v-bind=\"action.props\" />\r\n                </ev-button-group>\r\n            </div>\r\n            <div\r\n                v-if=\"slots.iconEnd || iconEnd\"\r\n                class=\"ev-list-item--icon-end\">\r\n                <slot name=\"iconEnd\">\r\n                    <ev-icon :glyph=\"iconEnd\" />\r\n                </slot>\r\n            </div>\r\n        </div>\r\n\r\n        <template v-if=\"hasChildren\">\r\n            <ev-transition name=\"ev-list-group-transition\" v-bind=\"transition\">\r\n                <ul v-show=\"isOpen\" class=\"ev-list-item-children\" role=\"group\">\r\n                    <slot name=\"children\">\r\n                        <ev-list-children\r\n                            :items=\"props.children\"\r\n                            :return-object=\"props.returnObject\" />\r\n                    </slot>\r\n                </ul>\r\n            </ev-transition>\r\n        </template>\r\n    </li>\r\n</template>\r\n"],"names":["slots","_useSlots","attrs","useAttrs","link","useRouterLinkOrHref","props","list","useList","id","computed","isLoading","useModelProxy","hasChildren","select","isSelected","isOpen","open","root","useNestedListItem","isLink","useSelectLink","isClickable","isActive","_a","isActiveExact","itemElement","tabIndex","onClick","e","emit","onKeyDown","hasClickListener","titleProps","mergeProps","toDisplayString","subtitleProps","parsedActions","action","getNextId","hasActions","parsedActionsOnHover","hasActionsOnHover","transition","ExpandTransitionGenerator","showCaret","iconStart","iconEnd","onClickOpener"],"mappings":"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"}
+{"version":3,"file":"EvListItem.vue.mjs","sources":["../../../../src/components/EvListItem/EvListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport \"./EvListItem.scss\";\r\nimport { makeEvListItemProps } from \"./EvListItem\";\r\nimport { computed, mergeProps, toDisplayString, useAttrs } from \"vue\";\r\nimport {\r\n    RouterLinkOrHrefProps,\r\n    useRouterLinkOrHref,\r\n} from \"@/composables/router\";\r\nimport { useList, useNestedListItem } from \"@/composables/lists\";\r\nimport { EvIcon } from \"@/components/EvIcon\";\r\nimport { EvButton } from \"@/components/EvButton\";\r\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\r\nimport { EvText } from \"@/components/EvText\";\r\nimport { getNextId } from \"@/util\";\r\nimport { ChevronRightIcon, DotIcon } from \"@/icons\";\r\nimport { useModelProxy } from \"@/composables\";\r\nimport EvListChildren from \"@/components/EvList/EvListChildren.vue\";\r\nimport { EvTransition } from \"@/components/EvTransition\";\r\nimport ExpandTransitionGenerator from \"@/components/EvTransition/transitions/expandTransition\";\r\nimport { useSelectLink } from \"@/composables/selectLink\";\r\n\r\nconst props = defineProps({\r\n    ...makeEvListItemProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    default(): never;\r\n    iconStart(): never;\r\n    iconEnd(): never;\r\n    prefix(): never;\r\n    suffix(): never;\r\n    children(): never;\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n    (e: \"click\", event: MouseEvent): void;\r\n    (\r\n        e: \"click:open\",\r\n        payload: {\r\n            id: unknown;\r\n            value: boolean;\r\n            path: unknown[];\r\n            event: Event;\r\n        },\r\n    ): void;\r\n    (\r\n        e: \"click:select\",\r\n        payload: {\r\n            id: unknown;\r\n            value: boolean;\r\n            path: unknown[];\r\n            event: Event;\r\n        },\r\n    ): void;\r\n    (e: \"update:opened\", items: unknown[]): void;\r\n}>();\r\n\r\nconst attrs = useAttrs();\r\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\r\nconst list = useList();\r\nconst id = computed(() =>\r\n    props.value === undefined ? link.href.value : props.value,\r\n);\r\nconst isLoading = useModelProxy(props, \"loading\");\r\nconst hasChildren = computed(() => {\r\n    return !!slots.children || !!props.children;\r\n});\r\nconst { select, isSelected, isOpen, open, root } = useNestedListItem(\r\n    id,\r\n    hasChildren.value,\r\n);\r\nconst isLink = computed(() => props.link !== false && link.isLink.value);\r\nuseSelectLink(link, select, true);\r\nconst isClickable = computed(() => {\r\n    return (\r\n        !props.disabled &&\r\n        props.link !== false &&\r\n        (props.link ||\r\n            link.isClickable.value ||\r\n            (props.value != null && !!list))\r\n    );\r\n});\r\nconst isActive = computed(() => {\r\n    return props.active !== false && (props.active || link.isActive?.value);\r\n});\r\nconst isActiveExact = computed(() => {\r\n    return (\r\n        props.exact !== false &&\r\n        (props.exact || link.isExactActive?.value || isSelected.value)\r\n    );\r\n});\r\nconst itemElement = computed(() => {\r\n    return isLink.value ? \"a\" : props.tag;\r\n});\r\nconst tabIndex = computed(() => {\r\n    return isClickable.value ? (list ? -2 : 0) : null;\r\n});\r\n\r\n/**\r\n * # onClick Handler\r\n * @param e\r\n */\r\nfunction onClick(e: MouseEvent): void {\r\n    emit(\"click\", e);\r\n    if (!isClickable.value) {\r\n        return;\r\n    }\r\n    link.navigate?.(e);\r\n    if (props.value != null && !isLink.value) {\r\n        select(!isSelected.value, e);\r\n    }\r\n}\r\n\r\n/**\r\n * # onKeyDown Handler\r\n * @param e\r\n */\r\nfunction onKeyDown(e: KeyboardEvent): void {\r\n    e.preventDefault();\r\n    onClick(e as any as MouseEvent);\r\n}\r\n\r\nconst hasClickListener = computed(\r\n    () => !!link.isClickable.value || !!props.onClick,\r\n);\r\n\r\nconst titleProps = computed(() => {\r\n    return mergeProps(\r\n        {\r\n            truncate: true,\r\n            text: toDisplayString(props.title),\r\n        },\r\n        props.titleProps,\r\n    );\r\n});\r\n\r\nconst subtitleProps = computed(() => {\r\n    return mergeProps(\r\n        {\r\n            appearance: \"subtle\",\r\n            size: \"small\",\r\n            truncate: true,\r\n            text: toDisplayString(props.subtitle),\r\n        },\r\n        props.subtitleProps,\r\n    );\r\n});\r\n\r\nconst parsedActions = computed(() =>\r\n    props.actions.map((action) => ({\r\n        props: action,\r\n        id: getNextId(),\r\n    })),\r\n);\r\nconst hasActions = computed(() => !!parsedActions.value.length);\r\nconst parsedActionsOnHover = computed(() =>\r\n    props.actionsOnHover.map((action) => ({\r\n        props: action,\r\n        id: getNextId(),\r\n    })),\r\n);\r\nconst hasActionsOnHover = computed(() => !!parsedActionsOnHover.value.length);\r\n\r\nconst transition = ExpandTransitionGenerator(\"\", false);\r\nconst showCaret = computed(() => {\r\n    return isLoading.value || hasChildren.value || root.isNested.value;\r\n});\r\n\r\nconst iconStart = computed(() => {\r\n    return isActiveExact.value\r\n        ? props.selectedIconStart ?? props.iconStart\r\n        : props.iconStart;\r\n});\r\n\r\nconst iconEnd = computed(() => {\r\n    return isActiveExact.value\r\n        ? props.selectedIconEnd ?? props.iconEnd\r\n        : props.iconEnd;\r\n});\r\n\r\nfunction onClickOpener(e: Event) {\r\n    open(!isOpen.value, e);\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n    <li\r\n        :class=\"[\r\n            'ev-list-item',\r\n            {\r\n                'is-disabled': props.disabled,\r\n                'is-open': isOpen,\r\n            },\r\n            props.class,\r\n        ]\">\r\n        <div\r\n            role=\"listitem\"\r\n            :class=\"[\r\n                'ev-list-item-content',\r\n                {\r\n                    'is-active': isActive,\r\n                    'is-active--exact': isActiveExact,\r\n                    'is-clickable': isClickable || hasClickListener,\r\n                    'is-actions-on-hover': hasActionsOnHover,\r\n                },\r\n            ]\"\r\n            :style=\"props.style\">\r\n            <component\r\n                :is=\"itemElement\"\r\n                :href=\"link.href.value\"\r\n                :tabindex=\"tabIndex\"\r\n                class=\"ev-list-item--button\"\r\n                @click=\"onClick\"\r\n                @keydown.enter=\"onKeyDown\"\r\n                @keydown.space=\"onKeyDown\">\r\n                <div class=\"ev-list-item--label\">\r\n                    <slot name=\"default\">\r\n                        <ev-text\r\n                            tag=\"div\"\r\n                            class=\"ev-list-item--title\"\r\n                            v-bind=\"titleProps\" />\r\n                        <ev-text\r\n                            v-if=\"props.subtitle\"\r\n                            tag=\"div\"\r\n                            class=\"ev-list-item--subtitle\"\r\n                            v-bind=\"subtitleProps\" />\r\n                    </slot>\r\n                </div>\r\n                <div aria-hidden=\"true\" class=\"ev-list-item--indicator\"></div>\r\n            </component>\r\n            <div v-if=\"showCaret\" class=\"ev-list-item--caret\">\r\n                <ev-button\r\n                    v-if=\"hasChildren\"\r\n                    icon\r\n                    size=\"x-small\"\r\n                    variant=\"subtle\"\r\n                    :loading=\"isLoading\"\r\n                    :icon-start=\"ChevronRightIcon\"\r\n                    @click=\"onClickOpener\" />\r\n                <ev-icon v-else :glyph=\"DotIcon\" />\r\n            </div>\r\n            <div\r\n                v-if=\"slots.iconStart || iconStart\"\r\n                class=\"ev-list-item--icon-start\">\r\n                <slot name=\"iconStart\">\r\n                    <ev-icon :glyph=\"iconStart\" />\r\n                </slot>\r\n            </div>\r\n            <div v-if=\"slots.prefix\" class=\"ev-list-item--prefix\">\r\n                <slot name=\"prefix\" />\r\n            </div>\r\n            <div\r\n                v-if=\"slots.suffix\"\r\n                :class=\"[\r\n                    'ev-list-item--suffix',\r\n                    { 'is-hide-on-hover': hasActionsOnHover },\r\n                ]\">\r\n                <slot name=\"suffix\" />\r\n            </div>\r\n            <div\r\n                v-if=\"hasActions || hasActionsOnHover\"\r\n                class=\"ev-list-item--actions\">\r\n                <ev-button-group size=\"x-small\" variant=\"subtle\">\r\n                    <ev-button\r\n                        v-for=\"action in parsedActionsOnHover\"\r\n                        :key=\"action.id\"\r\n                        v-bind=\"action.props\"\r\n                        class=\"is-show-on-hover\" />\r\n                    <ev-button\r\n                        v-for=\"action in parsedActions\"\r\n                        :key=\"action.id\"\r\n                        v-bind=\"action.props\" />\r\n                </ev-button-group>\r\n            </div>\r\n            <div\r\n                v-if=\"slots.iconEnd || iconEnd\"\r\n                class=\"ev-list-item--icon-end\">\r\n                <slot name=\"iconEnd\">\r\n                    <ev-icon :glyph=\"iconEnd\" />\r\n                </slot>\r\n            </div>\r\n        </div>\r\n\r\n        <template v-if=\"hasChildren\">\r\n            <ev-transition name=\"ev-list-group-transition\" v-bind=\"transition\">\r\n                <ul v-show=\"isOpen\" class=\"ev-list-item-children\" role=\"group\">\r\n                    <slot name=\"children\">\r\n                        <ev-list-children\r\n                            :items=\"props.children\"\r\n                            :return-object=\"props.returnObject\" />\r\n                    </slot>\r\n                </ul>\r\n            </ev-transition>\r\n        </template>\r\n    </li>\r\n</template>\r\n"],"names":["slots","_useSlots","attrs","useAttrs","link","useRouterLinkOrHref","props","list","useList","id","computed","isLoading","useModelProxy","hasChildren","select","isSelected","isOpen","open","root","useNestedListItem","isLink","useSelectLink","isClickable","isActive","_a","isActiveExact","itemElement","tabIndex","onClick","e","emit","onKeyDown","hasClickListener","titleProps","mergeProps","toDisplayString","subtitleProps","parsedActions","action","getNextId","hasActions","parsedActionsOnHover","hasActionsOnHover","transition","ExpandTransitionGenerator","showCaret","iconStart","iconEnd","onClickOpener"],"mappings":"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"}

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

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

package/dist/esm/components/EvLozenge/EvLozenge.mjs

@@ -1,2 +1,2 @@
-import{IconProp as o}from"../../composables/icons.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeTagProps as m}from"../../composables/tag.mjs";import{makeThemeProps as p}from"../../composables/theme.mjs";import{propsFactory as e}from"../../util/props.mjs";import{makeAppearanceProps as t}from"../../util/appearance.mjs";/*! Evance UI v1.1.79 | MIT License */const P=e({iconEnd:o,iconStart:o,maxWidth:{type:[String,Number],default:200},...t(),...p(),...r(),...m({tag:"span"})},"EvLozenge");export{P as makeEvLozengeProps};
+import{IconProp as o}from"../../composables/icons.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeTagProps as m}from"../../composables/tag.mjs";import{makeThemeProps as p}from"../../composables/theme.mjs";import{propsFactory as e}from"../../util/props.mjs";import{makeAppearanceProps as t}from"../../util/appearance.mjs";/*! Evance UI v1.1.80 | MIT License */const P=e({iconEnd:o,iconStart:o,maxWidth:{type:[String,Number],default:200},...t(),...p(),...r(),...m({tag:"span"})},"EvLozenge");export{P as makeEvLozengeProps};
 //# sourceMappingURL=EvLozenge.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as u,computed as h,createBlock as o,openBlock as s,resolveDynamicComponent as f,normalizeStyle as y,normalizeClass as g,unref as t,withCtx as _,createCommentVNode as r,createElementVNode as x,renderSlot as v}from"vue";/* empty css               */import{makeEvLozengeProps as z}from"./EvLozenge.mjs";import a from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import{provideTheme as C}from"../../composables/theme.mjs";import{useAppearance as k}from"../../util/appearance.mjs";import{isIntegerish as E}from"../../util/numbers.mjs";/*! Evance UI v1.1.79 | MIT License */const W={class:"ev-lozenge--label"},D=u({__name:"EvLozenge",props:{...z()},setup(n){const e=n,l=()=>E(e.maxWidth),m=h(()=>l()?`${e.maxWidth}px`:e.maxWidth),{appearanceClass:i,variantClass:p}=k(e),{themeClasses:c}=C(e);return(d,S)=>(s(),o(f(e.tag),{class:g(["ev-lozenge",t(c),t(i),t(p),e.class]),style:y([{"max-width":m.value},e.style])},{default:_(()=>[e.iconStart?(s(),o(t(a),{key:0,glyph:e.iconStart,size:"small"},null,8,["glyph"])):r("",!0),x("span",W,[v(d.$slots,"default")]),e.iconEnd?(s(),o(t(a),{key:1,glyph:e.iconEnd,size:"small"},null,8,["glyph"])):r("",!0)]),_:3},8,["class","style"]))}});export{D as default};
+import{defineComponent as u,computed as h,createBlock as o,openBlock as s,resolveDynamicComponent as f,normalizeStyle as y,normalizeClass as g,unref as t,withCtx as _,createCommentVNode as r,createElementVNode as x,renderSlot as v}from"vue";/* empty css               */import{makeEvLozengeProps as z}from"./EvLozenge.mjs";import a from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import{provideTheme as C}from"../../composables/theme.mjs";import{useAppearance as k}from"../../util/appearance.mjs";import{isIntegerish as E}from"../../util/numbers.mjs";/*! Evance UI v1.1.80 | MIT License */const W={class:"ev-lozenge--label"},D=u({__name:"EvLozenge",props:{...z()},setup(n){const e=n,l=()=>E(e.maxWidth),m=h(()=>l()?`${e.maxWidth}px`:e.maxWidth),{appearanceClass:i,variantClass:p}=k(e),{themeClasses:c}=C(e);return(d,S)=>(s(),o(f(e.tag),{class:g(["ev-lozenge",t(c),t(i),t(p),e.class]),style:y([{"max-width":m.value},e.style])},{default:_(()=>[e.iconStart?(s(),o(t(a),{key:0,glyph:e.iconStart,size:"small"},null,8,["glyph"])):r("",!0),x("span",W,[v(d.$slots,"default")]),e.iconEnd?(s(),o(t(a),{key:1,glyph:e.iconEnd,size:"small"},null,8,["glyph"])):r("",!0)]),_:3},8,["class","style"]))}});export{D as default};
 //# sourceMappingURL=EvLozenge.vue.mjs.map

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

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

package/dist/esm/components/EvMenu/EvMenu.mjs

@@ -1,2 +1,2 @@
-import{makeEvOverlayProps as o}from"../EvOverlay/EvOverlay.mjs";import t from"./EvMenuTransition.vue.mjs";import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.79 | MIT License */const s=e({id:String,...o({closeDelay:250,closeOnContentClick:!0,position:"bottom-start",positionStrategy:"connected",openDelay:250,veil:!1,scrollStrategy:"reposition",transition:{component:t}})},"EvMenu");export{s as makeEvMenuProps};
+import{makeEvOverlayProps as o}from"../EvOverlay/EvOverlay.mjs";import t from"./EvMenuTransition.vue.mjs";import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.80 | MIT License */const s=e({id:String,...o({closeDelay:250,closeOnContentClick:!0,position:"bottom-start",positionStrategy:"connected",openDelay:250,veil:!1,scrollStrategy:"reposition",transition:{component:t}})},"EvMenu");export{s as makeEvMenuProps};
 //# sourceMappingURL=EvMenu.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as D,useSlots as S,computed as i,ref as b,inject as M,shallowRef as T,provide as V,watch as $,mergeProps as f,createBlock as K,openBlock as U,unref as u,isRef as B,createSlots as R,withCtx as p,renderSlot as m}from"vue";/* empty css            */import{makeEvMenuProps as j}from"./EvMenu.mjs";import d from"../EvOverlay/EvOverlay.vue.mjs";import{useModelProxy as I}from"../../composables/modelProxy.mjs";import{EvMenuSymbol as y}from"./shared.mjs";import{getNextId as N,filterComponentProps as O}from"../../util/helpers.mjs";import{focusChild as w}from"../../util/events.mjs";/*! Evance UI v1.1.79 | MIT License */const W=D({__name:"EvMenu",props:{...j()},setup(k,{expose:P}){const l=k,A=S(),t=I(l,"modelValue"),g=N(),c=i(()=>l.id||`ev-menu-${g}`),n=b(),o=M(y,null),a=T(0);V(y,{register(){++a.value},unregister(){--a.value},closeParents(){setTimeout(()=>{a.value||(t.value=!1,o==null||o.closeParents())},40)}}),$(t,e=>e?o==null?void 0:o.register():o==null?void 0:o.unregister());function C(){o==null||o.closeParents()}function E(e){var r,s;l.disabled||e.key==="Tab"&&(t.value=!1,(s=(r=n.value)==null?void 0:r.activatorEl)==null||s.focus())}function v(e){var s;if(l.disabled)return;const r=(s=n.value)==null?void 0:s.contentEl;r&&t.value?e.key==="ArrowDown"?(e.preventDefault(),w(r,"next")):e.key==="ArrowUp"&&(e.preventDefault(),w(r,"previous")):["ArrowDown","ArrowUp"].includes(e.key)&&(t.value=!0,e.preventDefault(),setTimeout(()=>setTimeout(()=>v(e))))}const x=i(()=>f({"aria-haspopup":"menu","aria-expanded":String(t.value),"aria-owns":c.value,onKeydown:v},l.activatorProps));P({id:c,openChildren:a,contentEl:i(()=>{var e;return(e=n.value)==null?void 0:e.contentEl})});const _=i(()=>O(d,l));return(e,r)=>(U(),K(u(d),f({ref_key:"overlay",ref:n,modelValue:u(t),"onUpdate:modelValue":r[0]||(r[0]=s=>B(t)?t.value=s:null)},_.value,{class:["ev-menu",l.class],style:l.style,"activator-props":x.value,"onClick:outside":C,onKeydown:E}),R({default:p(()=>[m(e.$slots,"default")]),_:2},[u(A).activator?{name:"activator",fn:p(({isActive:s,props:h})=>[m(e.$slots,"activator",{isActive:s,props:h})]),key:"0"}:void 0]),1040,["modelValue","class","style","activator-props"]))}});export{W as default};
+import{defineComponent as D,useSlots as S,computed as i,ref as b,inject as M,shallowRef as T,provide as V,watch as $,mergeProps as f,createBlock as K,openBlock as U,unref as u,isRef as B,createSlots as R,withCtx as p,renderSlot as m}from"vue";/* empty css            */import{makeEvMenuProps as j}from"./EvMenu.mjs";import d from"../EvOverlay/EvOverlay.vue.mjs";import{useModelProxy as I}from"../../composables/modelProxy.mjs";import{EvMenuSymbol as y}from"./shared.mjs";import{getNextId as N,filterComponentProps as O}from"../../util/helpers.mjs";import{focusChild as w}from"../../util/events.mjs";/*! Evance UI v1.1.80 | MIT License */const W=D({__name:"EvMenu",props:{...j()},setup(k,{expose:P}){const l=k,A=S(),t=I(l,"modelValue"),g=N(),c=i(()=>l.id||`ev-menu-${g}`),n=b(),o=M(y,null),a=T(0);V(y,{register(){++a.value},unregister(){--a.value},closeParents(){setTimeout(()=>{a.value||(t.value=!1,o==null||o.closeParents())},40)}}),$(t,e=>e?o==null?void 0:o.register():o==null?void 0:o.unregister());function C(){o==null||o.closeParents()}function E(e){var r,s;l.disabled||e.key==="Tab"&&(t.value=!1,(s=(r=n.value)==null?void 0:r.activatorEl)==null||s.focus())}function v(e){var s;if(l.disabled)return;const r=(s=n.value)==null?void 0:s.contentEl;r&&t.value?e.key==="ArrowDown"?(e.preventDefault(),w(r,"next")):e.key==="ArrowUp"&&(e.preventDefault(),w(r,"previous")):["ArrowDown","ArrowUp"].includes(e.key)&&(t.value=!0,e.preventDefault(),setTimeout(()=>setTimeout(()=>v(e))))}const x=i(()=>f({"aria-haspopup":"menu","aria-expanded":String(t.value),"aria-owns":c.value,onKeydown:v},l.activatorProps));P({id:c,openChildren:a,contentEl:i(()=>{var e;return(e=n.value)==null?void 0:e.contentEl})});const _=i(()=>O(d,l));return(e,r)=>(U(),K(u(d),f({ref_key:"overlay",ref:n,modelValue:u(t),"onUpdate:modelValue":r[0]||(r[0]=s=>B(t)?t.value=s:null)},_.value,{class:["ev-menu",l.class],style:l.style,"activator-props":x.value,"onClick:outside":C,onKeydown:E}),R({default:p(()=>[m(e.$slots,"default")]),_:2},[u(A).activator?{name:"activator",fn:p(({isActive:s,props:h})=>[m(e.$slots,"activator",{isActive:s,props:h})]),key:"0"}:void 0]),1040,["modelValue","class","style","activator-props"]))}});export{W as default};
 //# sourceMappingURL=EvMenu.vue.mjs.map

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

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

package/dist/esm/components/EvMenu/EvMenuTransition.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as C,computed as L,createBlock as M,openBlock as O,Transition as k,mergeProps as T,withCtx as j,renderSlot as D}from"vue";import{animate as p,easingStandard as h,easingAccelerate as H}from"../../util/animate.mjs";import{Rect as x}from"../../util/dimensions.mjs";/*! Evance UI v1.1.79 | MIT License */const z=C({__name:"EvMenuTransition",props:{target:Object},setup(E){const m=E;function u(e){var t;const n=(t=e.querySelector(":scope > .ev-card, :scope > .ev-surface, :scope > .ev-list"))==null?void 0:t.children;return n&&[...n]}function d(e,n){const t=x.fromElement(e),o=x.fromElement(n,!0),f=getComputedStyle(n),[l,c]=f.transformOrigin.split(" ").map(q=>parseFloat(q)),[s,r]=f.getPropertyValue("--ev-overlay-position").split(" ");let i=t.left;s==="center"||r==="center"?i+=t.width/2:(s==="right"||r==="right")&&(i+=t.width);let a=t.top;s==="center"||r==="center"?a+=t.height/2:(s==="bottom"||r==="bottom")&&(a+=t.height);const g=t.width/o.width,y=t.height/o.height,v=Math.max(1,g,y),Y=g/v||0,_=y/v||0,w=o.width*o.height/(window.innerWidth*window.innerHeight),b=w>.12?Math.min(1.5,(w-.12)*10+1):1;return{x:i-(l+o.left),y:a-(c+o.top),scaleX:Y,scaleY:_,speedFactor:b}}function P(e){e.style.pointerEvents="none",e.style.visibility="hidden"}async function S(e,n){var i;await new Promise(a=>requestAnimationFrame(a)),await new Promise(a=>requestAnimationFrame(a)),e.style.visibility="";const{x:t,y:o,scaleX:f,scaleY:l,speedFactor:c}=d(m.target,e),s=250,r=p(e,[{transform:`translate(${t}px, ${o}px) scale(${f}, ${l})`,opacity:0},{}],{duration:s*c,easing:h});(i=u(e))==null||i.forEach(a=>{p(a,[{opacity:0},{opacity:0,offset:.25},{}],{duration:s*c,easing:h})}),r.finished.then(()=>n())}function $(e){e.style.removeProperty("pointer-events")}function F(e){e.style.pointerEvents="none"}async function A(e,n){var r;await new Promise(i=>requestAnimationFrame(i));const{x:t,y:o,scaleX:f,scaleY:l,speedFactor:c}=d(m.target,e);p(e,[{},{transform:`translate(${t}px, ${o}px) scale(${f}, ${l})`,opacity:0}],{duration:125*c,easing:H}).finished.then(()=>n()),(r=u(e))==null||r.forEach(i=>{p(i,[{},{opacity:0,offset:.25},{opacity:0}],{duration:250*c,easing:h})})}function B(e){e.style.removeProperty("pointer-events")}const X=L(()=>m.target?{css:!1,onBeforeEnter:P,onEnter:S,onAfterEnter:$,onBeforeLeave:F,onLeave:A,onAfterLeave:B}:{});return(e,n)=>(O(),M(k,T({name:"ev-menu-transition"},X.value),{default:j(()=>[D(e.$slots,"default")]),_:3},16))}});export{z as default};
+import{defineComponent as C,computed as L,createBlock as M,openBlock as O,Transition as k,mergeProps as T,withCtx as j,renderSlot as D}from"vue";import{animate as p,easingStandard as h,easingAccelerate as H}from"../../util/animate.mjs";import{Rect as x}from"../../util/dimensions.mjs";/*! Evance UI v1.1.80 | MIT License */const z=C({__name:"EvMenuTransition",props:{target:Object},setup(E){const m=E;function u(e){var t;const n=(t=e.querySelector(":scope > .ev-card, :scope > .ev-surface, :scope > .ev-list"))==null?void 0:t.children;return n&&[...n]}function d(e,n){const t=x.fromElement(e),o=x.fromElement(n,!0),f=getComputedStyle(n),[l,c]=f.transformOrigin.split(" ").map(q=>parseFloat(q)),[s,r]=f.getPropertyValue("--ev-overlay-position").split(" ");let i=t.left;s==="center"||r==="center"?i+=t.width/2:(s==="right"||r==="right")&&(i+=t.width);let a=t.top;s==="center"||r==="center"?a+=t.height/2:(s==="bottom"||r==="bottom")&&(a+=t.height);const g=t.width/o.width,y=t.height/o.height,v=Math.max(1,g,y),Y=g/v||0,_=y/v||0,w=o.width*o.height/(window.innerWidth*window.innerHeight),b=w>.12?Math.min(1.5,(w-.12)*10+1):1;return{x:i-(l+o.left),y:a-(c+o.top),scaleX:Y,scaleY:_,speedFactor:b}}function P(e){e.style.pointerEvents="none",e.style.visibility="hidden"}async function S(e,n){var i;await new Promise(a=>requestAnimationFrame(a)),await new Promise(a=>requestAnimationFrame(a)),e.style.visibility="";const{x:t,y:o,scaleX:f,scaleY:l,speedFactor:c}=d(m.target,e),s=250,r=p(e,[{transform:`translate(${t}px, ${o}px) scale(${f}, ${l})`,opacity:0},{}],{duration:s*c,easing:h});(i=u(e))==null||i.forEach(a=>{p(a,[{opacity:0},{opacity:0,offset:.25},{}],{duration:s*c,easing:h})}),r.finished.then(()=>n())}function $(e){e.style.removeProperty("pointer-events")}function F(e){e.style.pointerEvents="none"}async function A(e,n){var r;await new Promise(i=>requestAnimationFrame(i));const{x:t,y:o,scaleX:f,scaleY:l,speedFactor:c}=d(m.target,e);p(e,[{},{transform:`translate(${t}px, ${o}px) scale(${f}, ${l})`,opacity:0}],{duration:125*c,easing:H}).finished.then(()=>n()),(r=u(e))==null||r.forEach(i=>{p(i,[{},{opacity:0,offset:.25},{opacity:0}],{duration:250*c,easing:h})})}function B(e){e.style.removeProperty("pointer-events")}const X=L(()=>m.target?{css:!1,onBeforeEnter:P,onEnter:S,onAfterEnter:$,onBeforeLeave:F,onLeave:A,onAfterLeave:B}:{});return(e,n)=>(O(),M(k,T({name:"ev-menu-transition"},X.value),{default:j(()=>[D(e.$slots,"default")]),_:3},16))}});export{z as default};
 //# sourceMappingURL=EvMenuTransition.vue.mjs.map

package/dist/esm/components/EvMenu/EvMenuTransition.vue2.mjs

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

package/dist/esm/components/EvMenu/shared.mjs

@@ -1,2 +1,2 @@
-/*! Evance UI v1.1.79 | MIT License */const o=Symbol.for("ev:menu");export{o as EvMenuSymbol};
+/*! Evance UI v1.1.80 | MIT License */const o=Symbol.for("ev:menu");export{o as EvMenuSymbol};
 //# sourceMappingURL=shared.mjs.map

package/dist/esm/components/EvMessage/EvMessage.mjs

@@ -1,2 +1,2 @@
-import{IconProp as o}from"../../composables/icons.mjs";import{makeTagProps as e}from"../../composables/tag.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{propsFactory as a}from"../../util/props.mjs";import{makeAppearanceProps as t}from"../../util/appearance.mjs";/*! Evance UI v1.1.79 | MIT License */const l=a({description:String,dismissDelay:{type:[Boolean,Number],default:0},dismissible:[Boolean,Object],expandable:Boolean,icon:o,modelValue:{type:[Boolean,Object],default:!0},title:String,actions:Array,...t({variant:"tonal"}),...e({tag:"section"}),...r()},"EvMessage");export{l as makeEvMessageProps};
+import{IconProp as o}from"../../composables/icons.mjs";import{makeTagProps as e}from"../../composables/tag.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{propsFactory as a}from"../../util/props.mjs";import{makeAppearanceProps as t}from"../../util/appearance.mjs";/*! Evance UI v1.1.80 | MIT License */const l=a({description:String,dismissDelay:{type:[Boolean,Number],default:0},dismissible:[Boolean,Object],expandable:Boolean,icon:o,modelValue:{type:[Boolean,Object],default:!0},title:String,actions:Array,...t({variant:"tonal"}),...e({tag:"section"}),...r()},"EvMessage");export{l as makeEvMessageProps};
 //# sourceMappingURL=EvMessage.mjs.map