npm - @evance/evance-ui - Versions diffs - 1.1.13 → 1.1.16 - Mend

@evance/evance-ui 1.1.13 → 1.1.16

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

Files changed (1708) hide show

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvListChildren.vue.mjs");module.exports=e;
+import f from"./EvListChildren.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvListChildren.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../composables/router.mjs"),e=require("../../composables/icons.mjs"),o=require("../../composables/component.mjs"),r=require("../../util/props.mjs"),n=require("../../util/events.mjs"),i=r.propsFactory({active:{type:Boolean,default:void 0},actions:{type:Array,default:()=>[]},actionsOnHover:{type:Array,default:()=>[]},children:Array,disabled:Boolean,iconEnd:e.IconProp,iconStart:e.IconProp,link:{type:Boolean,default:void 0},loading:Boolean,returnObject:Boolean,subtitle:[String,Number,Boolean],subtitleProps:{type:Object,default:()=>({})},tag:{type:String,default:"div"},title:[String,Number,Boolean],titleProps:{type:Object,default:()=>({})},value:null,onClick:n.EventProp(),...t.makeRouterLinkOrHrefProps({exact:void 0}),...o.makeComponentProps()},"EvListItem");exports.makeEvListItemProps=i;
+import{makeRouterLinkOrHrefProps as o}from"../../composables/router.mjs";import{IconProp as t}from"../../composables/icons.mjs";import{makeComponentProps as e}from"../../composables/component.mjs";import{propsFactory as r}from"../../util/props.mjs";import{EventProp as a}from"../../util/events.mjs";/*! Evance UI v1.1.16 | MIT License */const d=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,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(),...o({exact:void 0}),...e()},"EvListItem");export{d as makeEvListItemProps};
 //# sourceMappingURL=EvListItem.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvListItem.mjs","sources":["../../../../src/components/EvListItem/EvListItem.ts"],"sourcesContent":["import { EventProp, propsFactory } from \"@/util\";\nimport {\n makeRouterLinkOrHrefProps,\n RouterLinkOrHrefProps,\n} from \"@/composables/router\";\nimport { IconProp, IconValue } from \"@/composables/icons\";\nimport { ComponentProps, makeComponentProps } from \"@/composables/component\";\nimport { EvTextProps } from \"@/components/EvText\";\nimport { EvButtonProps } from \"@/components/EvButton\";\nimport { PropType } from \"vue\";\nimport { ListItem } from \"@/composables/lists\";\n\nexport interface EvListItemProps extends ComponentProps, RouterLinkOrHrefProps {\n active?: boolean;\n actions?: EvButtonProps[];\n actionsOnHover?: EvButtonProps[];\n children?: ListItem[];\n disabled?: boolean;\n iconEnd?: IconValue;\n iconStart?: IconValue;\n link?: boolean;\n tag?: string;\n title?: string \| number \| boolean;\n subtitle?: string \| number \| boolean;\n value?: any;\n}\n\nexport const makeEvListItemProps = propsFactory(\n {\n active: {\n type: Boolean,\n default: undefined,\n },\n actions: {\n type: Array as PropType<readonly EvButtonProps[]>,\n default: () => [],\n },\n actionsOnHover: {\n type: Array as PropType<readonly EvButtonProps[]>,\n default: () => [],\n },\n children: Array as PropType<readonly ListItem[]>,\n disabled: Boolean,\n iconEnd: IconProp,\n iconStart: IconProp,\n link: {\n type: Boolean,\n default: undefined,\n },\n loading: Boolean,\n returnObject: Boolean,\n subtitle: [String, Number, Boolean],\n subtitleProps: {\n type: Object as PropType<EvTextProps>,\n default: () => ({}),\n },\n tag: {\n type: String,\n default: \"div\",\n },\n title: [String, Number, Boolean],\n titleProps: {\n type: Object as PropType<EvTextProps>,\n default: () => ({}),\n },\n value: null,\n onClick: EventProp<[MouseEvent]>(),\n\n ...makeRouterLinkOrHrefProps({\n exact: undefined,\n }),\n ...makeComponentProps(),\n },\n \"EvListItem\",\n);\n"],"names":["makeEvListItemProps","propsFactory","IconProp","EventProp","makeRouterLinkOrHrefProps","makeComponentProps"],"mappings":"~~iUA2BaA~~,EAAsBC,~~EAAA,aAC~~/B,CACI,OAAQ,CACJ,KAAM,QACN,QAAS,MACb,EACA,QAAS,CACL,KAAM,MACN,QAAS,IAAM,CAAA,CACnB,EACA,eAAgB,CACZ,KAAM,MACN,QAAS,IAAM,CAAA,CACnB,EACA,SAAU,MACV,SAAU,QACV,QAASC,~~EAAA~~,~~SACT,~~UAAWA,~~EAAA~~,~~SACX,~~KAAM,CACF,KAAM,QACN,QAAS,MACb,EACA,QAAS,QACT,aAAc,QACd,SAAU,CAAC,OAAQ,OAAQ,OAAO,EAClC,cAAe,CACX,KAAM,OACN,QAAS,KAAO,CAAC,EACrB,EACA,IAAK,CACD,KAAM,OACN,QAAS,KACb,EACA,MAAO,CAAC,OAAQ,OAAQ,OAAO,EAC/B,WAAY,CACR,KAAM,OACN,QAAS,KAAO,CAAC,EACrB,EACA,MAAO,KACP,QAASC,~~EAAAA~~,~~UAAwB,~~EAEjC,GAAGC,~~4BAA0B~~,CACzB,MAAO,MAAA,CACV,EACD,GAAGC,EAAmB,~~mBAAA,~~CAC1B,EACA,YACJ"}
1	+ {"version":3,"file":"EvListItem.mjs","sources":["../../../../src/components/EvListItem/EvListItem.ts"],"sourcesContent":["import { EventProp, propsFactory } from \"@/util\";\nimport {\n makeRouterLinkOrHrefProps,\n RouterLinkOrHrefProps,\n} from \"@/composables/router\";\nimport { IconProp, IconValue } from \"@/composables/icons\";\nimport { ComponentProps, makeComponentProps } from \"@/composables/component\";\nimport { EvTextProps } from \"@/components/EvText\";\nimport { EvButtonProps } from \"@/components/EvButton\";\nimport { PropType } from \"vue\";\nimport { ListItem } from \"@/composables/lists\";\n\nexport interface EvListItemProps extends ComponentProps, RouterLinkOrHrefProps {\n active?: boolean;\n actions?: EvButtonProps[];\n actionsOnHover?: EvButtonProps[];\n children?: ListItem[];\n disabled?: boolean;\n iconEnd?: IconValue;\n iconStart?: IconValue;\n link?: boolean;\n tag?: string;\n title?: string \| number \| boolean;\n subtitle?: string \| number \| boolean;\n value?: any;\n}\n\nexport const makeEvListItemProps = propsFactory(\n {\n active: {\n type: Boolean,\n default: undefined,\n },\n actions: {\n type: Array as PropType<readonly EvButtonProps[]>,\n default: () => [],\n },\n actionsOnHover: {\n type: Array as PropType<readonly EvButtonProps[]>,\n default: () => [],\n },\n children: Array as PropType<readonly ListItem[]>,\n disabled: Boolean,\n iconEnd: IconProp,\n iconStart: IconProp,\n link: {\n type: Boolean,\n default: undefined,\n },\n loading: Boolean,\n returnObject: Boolean,\n subtitle: [String, Number, Boolean],\n subtitleProps: {\n type: Object as PropType<EvTextProps>,\n default: () => ({}),\n },\n tag: {\n type: String,\n default: \"div\",\n },\n title: [String, Number, Boolean],\n titleProps: {\n type: Object as PropType<EvTextProps>,\n default: () => ({}),\n },\n value: null,\n onClick: EventProp<[MouseEvent]>(),\n\n ...makeRouterLinkOrHrefProps({\n exact: undefined,\n }),\n ...makeComponentProps(),\n },\n \"EvListItem\",\n);\n"],"names":["makeEvListItemProps","propsFactory","IconProp","EventProp","makeRouterLinkOrHrefProps","makeComponentProps"],"mappings":"iVA2BO,MAAMA,EAAsBC,EAC/B,CACI,OAAQ,CACJ,KAAM,QACN,QAAS,MACb,EACA,QAAS,CACL,KAAM,MACN,QAAS,IAAM,CAAA,CACnB,EACA,eAAgB,CACZ,KAAM,MACN,QAAS,IAAM,CAAA,CACnB,EACA,SAAU,MACV,SAAU,QACV,QAASC,EACT,UAAWA,EACX,KAAM,CACF,KAAM,QACN,QAAS,MACb,EACA,QAAS,QACT,aAAc,QACd,SAAU,CAAC,OAAQ,OAAQ,OAAO,EAClC,cAAe,CACX,KAAM,OACN,QAAS,KAAO,CAAC,EACrB,EACA,IAAK,CACD,KAAM,OACN,QAAS,KACb,EACA,MAAO,CAAC,OAAQ,OAAQ,OAAO,EAC/B,WAAY,CACR,KAAM,OACN,QAAS,KAAO,CAAC,EACrB,EACA,MAAO,KACP,QAASC,EAAwB,EAEjC,GAAGC,EAA0B,CACzB,MAAO,MAAA,CACV,EACD,GAAGC,EAAmB,CAC1B,EACA,YACJ"}

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

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

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

	@@ -1 +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\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(id, hasChildren.value);\r\nconst isLink = computed(() => props.link !== false && link.isLink.value);\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) {\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\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 \|\| props.iconStart\"\r\n class=\"ev-list-item--icon-start\">\r\n <slot name=\"iconStart\">\r\n <ev-icon :glyph=\"props.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 v-if=\"slots.suffix\" class=\"ev-list-item--suffix\">\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 \|\| props.iconEnd\"\r\n class=\"ev-list-item--icon-end\">\r\n <slot name=\"iconEnd\">\r\n <ev-icon :glyph=\"props.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","isClickable","isActive","_a","isActiveExact","itemElement","tabIndex","onClick","e","emit","onKeyDown","hasClickListener","titleProps","mergeProps","toDisplayString","subtitleProps","parsedActions","action","getNextId","hasActions","parsedActionsOnHover","hasActionsOnHover","transition","ExpandTransitionGenerator","showCaret","onClickOpener"],"mappings":"k7CAuBMA,EAAQC,EAAAA,SAAA,EAgCRC,EAAQC,EAAAA,SAAS,EACjBC,EAAOC,EAAAA,oBAAoBC,EAAgCJ,CAAK,EAChEK,EAAOC,EAAAA,QAAQ,EACfC,EAAKC,EAAA,SAAS,IAChBJ,EAAM,QAAU,OAAYF,EAAK,KAAK,MAAQE,EAAM,KACxD,EACMK,EAAYC,EAAAA,cAAcN,EAAO,SAAS,EAC1CO,EAAcH,EAAAA,SAAS,IAClB,CAAC,CAACV,EAAM,UAAY,CAAC,CAACM,EAAM,QACtC,EACK,CAAE,OAAAQ,EAAQ,WAAAC,EAAY,OAAAC,EAAQ,KAAAC,EAAM,KAAAC,CAAS,EAAAC,oBAAkBV,EAAII,EAAY,KAAK,EACpFO,EAASV,WAAS,IAAMJ,EAAM,OAAS,IAASF,EAAK,OAAO,KAAK,EACjEiB,EAAcX,EAAAA,SAAS,IAErB,CAACJ,EAAM,UACPA,EAAM,OAAS,KACdA,EAAM,MACHF,EAAK,YAAY,OAChBE,EAAM,OAAS,MAAQ,CAAC,CAACC,EAErC,EACKe,EAAWZ,EAAAA,SAAS,IAAM,OAC5B,OAAOJ,EAAM,SAAW,KAAUA,EAAM,UAAUiB,EAAAnB,EAAK,WAAL,YAAAmB,EAAe,OAAA,CACpE,EACKC,EAAgBd,EAAAA,SAAS,IAAM,OAE7B,OAAAJ,EAAM,QAAU,KACfA,EAAM,SAASiB,EAAAnB,EAAK,gBAAL,YAAAmB,EAAoB,QAASR,EAAW,MAAA,CAE/D,EACKU,EAAcf,EAAAA,SAAS,IAClBU,EAAO,MAAQ,IAAMd,EAAM,GACrC,EACKoB,EAAWhB,EAAAA,SAAS,IACfW,EAAY,MAASd,EAAO,GAAK,EAAK,IAChD,EAMD,SAASoB,EAAQC,EAAqB,OAClCC,EAAK,QAASD,CAAC,EACVP,EAAY,SAGjBE,EAAAnB,EAAK,WAAL,MAAAmB,EAAA,KAAAnB,EAAgBwB,GACZtB,EAAM,OAAS,MACRQ,EAAA,CAACC,EAAW,MAAOa,CAAC,EAC/B,CAOJ,SAASE,EAAUF,EAAwB,CACvCA,EAAE,eAAe,EACjBD,EAAQC,CAAsB,CAAA,CAGlC,MAAMG,EAAmBrB,EAAA,SACrB,IAAM,CAAC,CAACN,EAAK,YAAY,OAAS,CAAC,CAACE,EAAM,OAC9C,EAEM0B,EAAatB,EAAAA,SAAS,IACjBuB,EAAA,WACH,CACI,SAAU,GACV,KAAMC,EAAAA,gBAAgB5B,EAAM,KAAK,CACrC,EACAA,EAAM,UACV,CACH,EAEK6B,EAAgBzB,EAAAA,SAAS,IACpBuB,EAAA,WACH,CACI,WAAY,SACZ,KAAM,QACN,SAAU,GACV,KAAMC,EAAAA,gBAAgB5B,EAAM,QAAQ,CACxC,EACAA,EAAM,aACV,CACH,EAEK8B,EAAgB1B,EAAA,SAAS,IAC3BJ,EAAM,QAAQ,IAAK+B,IAAY,CAC3B,MAAOA,EACP,GAAIC,EAAU,UAAA,CAAA,EAChB,CACN,EACMC,EAAa7B,EAAAA,SAAS,IAAM,CAAC,CAAC0B,EAAc,MAAM,MAAM,EACxDI,EAAuB9B,EAAA,SAAS,IAClCJ,EAAM,eAAe,IAAK+B,IAAY,CAClC,MAAOA,EACP,GAAIC,EAAU,UAAA,CAAA,EAChB,CACN,EACMG,EAAoB/B,EAAAA,SAAS,IAAM,CAAC,CAAC8B,EAAqB,MAAM,MAAM,EAEtEE,EAAaC,EAA0B,GAAI,EAAK,EAChDC,EAAYlC,EAAAA,SAAS,IAChBC,EAAU,OAASE,EAAY,OAASK,EAAK,SAAS,KAChE,EAED,SAAS2B,EAAcjB,EAAU,CACxBX,EAAA,CAACD,EAAO,MAAOY,CAAC,CAAA"}
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\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(id, hasChildren.value);\r\nconst isLink = computed(() => props.link !== false && link.isLink.value);\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) {\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\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 \|\| props.iconStart\"\r\n class=\"ev-list-item--icon-start\">\r\n <slot name=\"iconStart\">\r\n <ev-icon :glyph=\"props.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 v-if=\"slots.suffix\" class=\"ev-list-item--suffix\">\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 \|\| props.iconEnd\"\r\n class=\"ev-list-item--icon-end\">\r\n <slot name=\"iconEnd\">\r\n <ev-icon :glyph=\"props.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","isClickable","isActive","_a","isActiveExact","itemElement","tabIndex","onClick","e","emit","onKeyDown","hasClickListener","titleProps","mergeProps","toDisplayString","subtitleProps","parsedActions","action","getNextId","hasActions","parsedActionsOnHover","hasActionsOnHover","transition","ExpandTransitionGenerator","showCaret","onClickOpener"],"mappings":"w5DAuBMA,EAAQC,GAAA,EAgCRC,EAAQC,GAAS,EACjBC,EAAOC,GAAoBC,EAAgCJ,CAAK,EAChEK,EAAOC,GAAQ,EACfC,EAAKC,EAAS,IAChBJ,EAAM,QAAU,OAAYF,EAAK,KAAK,MAAQE,EAAM,KACxD,EACMK,EAAYC,GAAcN,EAAO,SAAS,EAC1CO,EAAcH,EAAS,IAClB,CAAC,CAACV,EAAM,UAAY,CAAC,CAACM,EAAM,QACtC,EACK,CAAE,OAAAQ,EAAQ,WAAAC,EAAY,OAAAC,EAAQ,KAAAC,EAAM,KAAAC,CAAS,EAAAC,GAAkBV,EAAII,EAAY,KAAK,EACpFO,EAASV,EAAS,IAAMJ,EAAM,OAAS,IAASF,EAAK,OAAO,KAAK,EACjEiB,EAAcX,EAAS,IAErB,CAACJ,EAAM,UACPA,EAAM,OAAS,KACdA,EAAM,MACHF,EAAK,YAAY,OAChBE,EAAM,OAAS,MAAQ,CAAC,CAACC,EAErC,EACKe,EAAWZ,EAAS,IAAM,OAC5B,OAAOJ,EAAM,SAAW,KAAUA,EAAM,UAAUiB,EAAAnB,EAAK,WAAL,YAAAmB,EAAe,OAAA,CACpE,EACKC,EAAgBd,EAAS,IAAM,OAE7B,OAAAJ,EAAM,QAAU,KACfA,EAAM,SAASiB,EAAAnB,EAAK,gBAAL,YAAAmB,EAAoB,QAASR,EAAW,MAAA,CAE/D,EACKU,EAAcf,EAAS,IAClBU,EAAO,MAAQ,IAAMd,EAAM,GACrC,EACKoB,EAAWhB,EAAS,IACfW,EAAY,MAASd,EAAO,GAAK,EAAK,IAChD,EAMD,SAASoB,EAAQC,EAAqB,OAClCC,EAAK,QAASD,CAAC,EACVP,EAAY,SAGjBE,EAAAnB,EAAK,WAAL,MAAAmB,EAAA,KAAAnB,EAAgBwB,GACZtB,EAAM,OAAS,MACRQ,EAAA,CAACC,EAAW,MAAOa,CAAC,EAC/B,CAOJ,SAASE,EAAUF,EAAwB,CACvCA,EAAE,eAAe,EACjBD,EAAQC,CAAsB,CAAA,CAGlC,MAAMG,EAAmBrB,EACrB,IAAM,CAAC,CAACN,EAAK,YAAY,OAAS,CAAC,CAACE,EAAM,OAC9C,EAEM0B,EAAatB,EAAS,IACjBuB,EACH,CACI,SAAU,GACV,KAAMC,EAAgB5B,EAAM,KAAK,CACrC,EACAA,EAAM,UACV,CACH,EAEK6B,EAAgBzB,EAAS,IACpBuB,EACH,CACI,WAAY,SACZ,KAAM,QACN,SAAU,GACV,KAAMC,EAAgB5B,EAAM,QAAQ,CACxC,EACAA,EAAM,aACV,CACH,EAEK8B,EAAgB1B,EAAS,IAC3BJ,EAAM,QAAQ,IAAK+B,IAAY,CAC3B,MAAOA,EACP,GAAIC,EAAU,CAAA,EAChB,CACN,EACMC,EAAa7B,EAAS,IAAM,CAAC,CAAC0B,EAAc,MAAM,MAAM,EACxDI,EAAuB9B,EAAS,IAClCJ,EAAM,eAAe,IAAK+B,IAAY,CAClC,MAAOA,EACP,GAAIC,EAAU,CAAA,EAChB,CACN,EACMG,EAAoB/B,EAAS,IAAM,CAAC,CAAC8B,EAAqB,MAAM,MAAM,EAEtEE,EAAaC,GAA0B,GAAI,EAAK,EAChDC,GAAYlC,EAAS,IAChBC,EAAU,OAASE,EAAY,OAASK,EAAK,SAAS,KAChE,EAED,SAAS2B,GAAcjB,EAAU,CACxBX,EAAA,CAACD,EAAO,MAAOY,CAAC,CAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvListItem.vue.mjs");module.exports=e;
+import f from"./EvListItem.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvListItem.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../composables/icons.mjs"),o=require("../../composables/component.mjs"),r=require("../../composables/tag.mjs"),t=require("../../composables/theme.mjs"),n=require("../../util/props.mjs"),p=require("../../util/appearance.mjs"),a=n.propsFactory({iconEnd:e.IconProp,iconStart:e.IconProp,maxWidth:{type:[String,Number],default:200},...p.makeAppearanceProps(),...t.makeThemeProps(),...o.makeComponentProps(),...r.makeTagProps({tag:"span"})},"EvLozenge");exports.makeEvLozengeProps=a;
+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.16 | 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.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EvLozenge.mjs","sources":["../../../../src/components/EvLozenge/EvLozenge.ts"],"sourcesContent":["import { makeAppearanceProps, propsFactory } from \"@/util\";\nimport { IconProp } from \"@/composables/icons\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeThemeProps } from \"@/composables/theme\";\n\nexport const makeEvLozengeProps = propsFactory(\n {\n iconEnd: IconProp,\n iconStart: IconProp,\n maxWidth: {\n type: [String, Number],\n default: 200,\n },\n\n ...makeAppearanceProps(),\n ...makeThemeProps(),\n ...makeComponentProps(),\n ...makeTagProps({\n tag: \"span\",\n }),\n },\n \"EvLozenge\",\n);\n"],"names":["makeEvLozengeProps","propsFactory","IconProp","makeAppearanceProps","makeThemeProps","makeComponentProps","makeTagProps"],"mappings":"~~2WAMaA~~,EAAqBC,~~EAAA~~,~~aAC9B,~~CACI,QAASC,~~EAAA~~,~~SACT,~~UAAWA,~~EAAA~~,~~SACX,~~SAAU,CACN,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,GACb,EAEA,GAAGC,~~sBAAoB~~,EACvB,GAAGC,~~iBAAe~~,EAClB,GAAGC,~~qBAAmB~~,EACtB,GAAGC,~~eAAa~~,CACZ,IAAK,MACR,CAAA,CACL,EACA,WACJ"}
1	+ {"version":3,"file":"EvLozenge.mjs","sources":["../../../../src/components/EvLozenge/EvLozenge.ts"],"sourcesContent":["import { makeAppearanceProps, propsFactory } from \"@/util\";\nimport { IconProp } from \"@/composables/icons\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeThemeProps } from \"@/composables/theme\";\n\nexport const makeEvLozengeProps = propsFactory(\n {\n iconEnd: IconProp,\n iconStart: IconProp,\n maxWidth: {\n type: [String, Number],\n default: 200,\n },\n\n ...makeAppearanceProps(),\n ...makeThemeProps(),\n ...makeComponentProps(),\n ...makeTagProps({\n tag: \"span\",\n }),\n },\n \"EvLozenge\",\n);\n"],"names":["makeEvLozengeProps","propsFactory","IconProp","makeAppearanceProps","makeThemeProps","makeComponentProps","makeTagProps"],"mappings":"4YAMO,MAAMA,EAAqBC,EAC9B,CACI,QAASC,EACT,UAAWA,EACX,SAAU,CACN,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,GACb,EAEA,GAAGC,EAAoB,EACvB,GAAGC,EAAe,EAClB,GAAGC,EAAmB,EACtB,GAAGC,EAAa,CACZ,IAAK,MACR,CAAA,CACL,EACA,WACJ"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                 */const i=require("./EvLozenge.mjs"),n=require("../EvIcon/EvIcon.vue.mjs");;/* empty css                      */const p=require("../../composables/theme.mjs"),m=require("../../util/appearance.mjs"),d=require("../../util/numbers.mjs"),h={class:"ev-lozenge--label"},_=e.defineComponent({__name:"EvLozenge",props:{...i.makeEvLozengeProps()},setup(r){const t=r,s=()=>d.isIntegerish(t.maxWidth),o=e.computed(()=>s()?`${t.maxWidth}px`:t.maxWidth),{appearanceClass:a,variantClass:c}=m.useAppearance(t),{themeClasses:l}=p.provideTheme(t);return(u,v)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:e.normalizeClass(["ev-lozenge",e.unref(l),e.unref(a),e.unref(c),t.class]),style:e.normalizeStyle([{"max-width":o.value},t.style])},{default:e.withCtx(()=>[t.iconStart?(e.openBlock(),e.createBlock(e.unref(n),{key:0,glyph:t.iconStart,size:"small"},null,8,["glyph"])):e.createCommentVNode("",!0),e.createElementVNode("span",h,[e.renderSlot(u.$slots,"default")]),t.iconEnd?(e.openBlock(),e.createBlock(e.unref(n),{key:1,glyph:t.iconEnd,size:"small"},null,8,["glyph"])):e.createCommentVNode("",!0)]),_:3},8,["class","style"]))}});module.exports=_;
+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.16 | 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.vue.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EvLozenge.vue.mjs","sources":["../../../../src/components/EvLozenge/EvLozenge.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n # EvLozenge\n \n `<ev-lozenge />`\n /\nimport \"./EvLozenge.scss\";\nimport { makeEvLozengeProps } from \"./EvLozenge\";\nimport { isIntegerish, useAppearance } from \"@/util\";\nimport { computed } from \"vue\";\nimport { EvIcon } from \"../EvIcon\";\nimport { provideTheme } from \"@/composables/theme\";\n\nconst props = defineProps({\n ...makeEvLozengeProps(),\n});\n\n/\n ## Is the `maxWidth` prop numeric?\n * i.e. it does not have any web units.\n /\nconst isMaxWidthNumeric = () => {\n return isIntegerish(props.maxWidth);\n};\n\n/\n ## Get Outer Max Width\n * Returns the `maxWidth` prop value if it was supplied as a percentage,\n * or simply returns '100%'.\n */\nconst maxWidthOuter = computed(() => {\n return isMaxWidthNumeric() ? `${props.maxWidth}px` : props.maxWidth;\n});\n\nconst { appearanceClass, variantClass } = useAppearance(props);\nconst { themeClasses } = provideTheme(props);\n</script>\n\n<template>\n <component\n :is=\"props.tag\"\n :class=\"[\n 'ev-lozenge',\n themeClasses,\n appearanceClass,\n variantClass,\n props.class,\n ]\"\n :style=\"[{ 'max-width': maxWidthOuter }, props.style]\">\n <ev-icon v-if=\"props.iconStart\" :glyph=\"props.iconStart\" size=\"small\" />\n <span class=\"ev-lozenge--label\">\n <slot />\n </span>\n <ev-icon v-if=\"props.iconEnd\" :glyph=\"props.iconEnd\" size=\"small\" />\n </component>\n</template>\n"],"names":["isMaxWidthNumeric","isIntegerish","props","maxWidthOuter","computed","appearanceClass","variantClass","useAppearance","themeClasses","provideTheme"],"mappings":"~~6cAqBMA~~,EAAoB,IACfC,~~EAAA~~,~~aAAaC,~~EAAM,QAAQ,EAQhCC,EAAgBC,~~EAAAA~~,~~SAAS,~~IACpBJ,EAAsB,EAAA,GAAGE,EAAM,QAAQ,KAAOA,EAAM,QAC9D,EAEK,CAAE,gBAAAG,EAAiB,aAAAC,GAAiBC,~~EAAAA~~,~~cAAcL,~~CAAK,EACvD,CAAE,aAAAM,CAAA,EAAiBC,~~EAAA~~,~~aAAaP,~~CAAK"}
1	+ {"version":3,"file":"EvLozenge.vue.mjs","sources":["../../../../src/components/EvLozenge/EvLozenge.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n # EvLozenge\n \n `<ev-lozenge />`\n /\nimport \"./EvLozenge.scss\";\nimport { makeEvLozengeProps } from \"./EvLozenge\";\nimport { isIntegerish, useAppearance } from \"@/util\";\nimport { computed } from \"vue\";\nimport { EvIcon } from \"../EvIcon\";\nimport { provideTheme } from \"@/composables/theme\";\n\nconst props = defineProps({\n ...makeEvLozengeProps(),\n});\n\n/\n ## Is the `maxWidth` prop numeric?\n * i.e. it does not have any web units.\n /\nconst isMaxWidthNumeric = () => {\n return isIntegerish(props.maxWidth);\n};\n\n/\n ## Get Outer Max Width\n * Returns the `maxWidth` prop value if it was supplied as a percentage,\n * or simply returns '100%'.\n */\nconst maxWidthOuter = computed(() => {\n return isMaxWidthNumeric() ? `${props.maxWidth}px` : props.maxWidth;\n});\n\nconst { appearanceClass, variantClass } = useAppearance(props);\nconst { themeClasses } = provideTheme(props);\n</script>\n\n<template>\n <component\n :is=\"props.tag\"\n :class=\"[\n 'ev-lozenge',\n themeClasses,\n appearanceClass,\n variantClass,\n props.class,\n ]\"\n :style=\"[{ 'max-width': maxWidthOuter }, props.style]\">\n <ev-icon v-if=\"props.iconStart\" :glyph=\"props.iconStart\" size=\"small\" />\n <span class=\"ev-lozenge--label\">\n <slot />\n </span>\n <ev-icon v-if=\"props.iconEnd\" :glyph=\"props.iconEnd\" size=\"small\" />\n </component>\n</template>\n"],"names":["isMaxWidthNumeric","isIntegerish","props","maxWidthOuter","computed","appearanceClass","variantClass","useAppearance","themeClasses","provideTheme"],"mappings":"4rBAqBMA,EAAoB,IACfC,EAAaC,EAAM,QAAQ,EAQhCC,EAAgBC,EAAS,IACpBJ,EAAsB,EAAA,GAAGE,EAAM,QAAQ,KAAOA,EAAM,QAC9D,EAEK,CAAE,gBAAAG,EAAiB,aAAAC,GAAiBC,EAAcL,CAAK,EACvD,CAAE,aAAAM,CAAA,EAAiBC,EAAaP,CAAK"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvLozenge.vue.mjs");module.exports=e;
+import f from"./EvLozenge.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvLozenge.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../EvOverlay/EvOverlay.mjs"),t=require("./EvMenuTransition.vue.mjs"),o=require("../../util/props.mjs"),r=o.propsFactory({id:String,...e.makeEvOverlayProps({closeDelay:250,closeOnContentClick:!0,position:"bottom-start",positionStrategy:"connected",openDelay:250,veil:!1,scrollStrategy:"reposition",transition:{component:t}})},"EvMenu");exports.makeEvMenuProps=r;
+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.16 | 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.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EvMenu.mjs","sources":["../../../../src/components/EvMenu/EvMenu.ts"],"sourcesContent":["import { AnchorSelector, propsFactory } from \"@/util\";\r\nimport { makeEvOverlayProps } from \"@/components/EvOverlay/EvOverlay\";\r\nimport EvMenuTransition from \"./EvMenuTransition.vue\";\r\n\r\nexport const makeEvMenuProps = propsFactory(\r\n {\r\n id: String,\r\n\r\n ...makeEvOverlayProps({\r\n closeDelay: 250,\r\n closeOnContentClick: true,\r\n position: \"bottom-start\" as AnchorSelector,\r\n positionStrategy: \"connected\" as const,\r\n openDelay: 250,\r\n veil: false,\r\n scrollStrategy: \"reposition\" as const,\r\n transition: { component: EvMenuTransition },\r\n }),\r\n },\r\n \"EvMenu\",\r\n);\r\n"],"names":["makeEvMenuProps","propsFactory","makeEvOverlayProps","EvMenuTransition"],"mappings":"~~8OAIaA~~,EAAkBC,~~EAAA~~,~~aAC3B,~~CACI,GAAI,OAEJ,GAAGC,~~qBAAmB~~,CAClB,WAAY,IACZ,oBAAqB,GACrB,SAAU,eACV,iBAAkB,YAClB,UAAW,IACX,KAAM,GACN,eAAgB,aAChB,WAAY,CAAE,UAAWC,CAAiB,CAC7C,CAAA,CACL,EACA,QACJ"}
1	+ {"version":3,"file":"EvMenu.mjs","sources":["../../../../src/components/EvMenu/EvMenu.ts"],"sourcesContent":["import { AnchorSelector, propsFactory } from \"@/util\";\r\nimport { makeEvOverlayProps } from \"@/components/EvOverlay/EvOverlay\";\r\nimport EvMenuTransition from \"./EvMenuTransition.vue\";\r\n\r\nexport const makeEvMenuProps = propsFactory(\r\n {\r\n id: String,\r\n\r\n ...makeEvOverlayProps({\r\n closeDelay: 250,\r\n closeOnContentClick: true,\r\n position: \"bottom-start\" as AnchorSelector,\r\n positionStrategy: \"connected\" as const,\r\n openDelay: 250,\r\n veil: false,\r\n scrollStrategy: \"reposition\" as const,\r\n transition: { component: EvMenuTransition },\r\n }),\r\n },\r\n \"EvMenu\",\r\n);\r\n"],"names":["makeEvMenuProps","propsFactory","makeEvOverlayProps","EvMenuTransition"],"mappings":"oMAIO,MAAMA,EAAkBC,EAC3B,CACI,GAAI,OAEJ,GAAGC,EAAmB,CAClB,WAAY,IACZ,oBAAqB,GACrB,SAAU,eACV,iBAAkB,YAClB,UAAW,IACX,KAAM,GACN,eAAgB,aAChB,WAAY,CAAE,UAAWC,CAAiB,CAC7C,CAAA,CACL,EACA,QACJ"}

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvMenu.vue.mjs","sources":["../../../../src/components/EvMenu/EvMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n # EvMenu\n /\nimport \"./EvMenu.scss\";\nimport { makeEvMenuProps } from \"./EvMenu\";\nimport { EvOverlay } from \"@/components/EvOverlay\";\nimport {\n computed,\n inject,\n mergeProps,\n provide,\n ref,\n shallowRef,\n watch,\n} from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { filterComponentProps, focusChild, getNextId } from \"@/util\";\nimport { EvMenuSymbol } from \"./shared\";\n\nconst props = defineProps({\n ...makeEvMenuProps(),\n});\nconst slots = defineSlots<{\n activator(props: { isActive: boolean; props: any }): never;\n default(): never;\n}>();\nconst isActive = useModelProxy(props, \"modelValue\");\nconst uid = getNextId();\nconst id = computed(() => {\n return props.id \|\| `ev-menu-${uid}`;\n});\nconst overlay = ref<typeof EvOverlay>();\nconst parent = inject(EvMenuSymbol, null);\nconst openChildren = shallowRef(0);\n\nprovide(EvMenuSymbol, {\n register() {\n ++openChildren.value;\n },\n unregister() {\n --openChildren.value;\n },\n closeParents() {\n setTimeout(() => {\n if (!openChildren.value) {\n isActive.value = false;\n parent?.closeParents();\n }\n }, 40);\n },\n});\n\nwatch(isActive, (value) => {\n return value ? parent?.register() : parent?.unregister();\n});\n\nfunction onClickOutside() {\n parent?.closeParents();\n}\n\nfunction onKeydown(e: KeyboardEvent) {\n if (props.disabled) {\n return;\n }\n if (e.key === \"Tab\") {\n isActive.value = false;\n overlay.value?.activatorEl?.focus();\n }\n}\n\n/\n ## On Activator Keydown\n \n @param e\n /\nfunction onActivatorKeydown(e: KeyboardEvent) {\n if (props.disabled) {\n return;\n }\n const el = overlay.value?.contentEl;\n if (el && isActive.value) {\n if (e.key === \"ArrowDown\") {\n e.preventDefault();\n focusChild(el, \"next\");\n } else if (e.key === \"ArrowUp\") {\n e.preventDefault();\n focusChild(el, \"previous\");\n }\n } else if ([\"ArrowDown\", \"ArrowUp\"].includes(e.key)) {\n isActive.value = true;\n e.preventDefault();\n setTimeout(() => setTimeout(() => onActivatorKeydown(e)));\n }\n}\n\n/\n ## Activator Props\n \n Manipulate the activator props to include the keydown event listener\n * and ARIA attributes for accessibility.\n /\nconst activatorProps = computed(() => {\n return mergeProps(\n {\n \"aria-haspopup\": \"menu\",\n \"aria-expanded\": String(isActive.value),\n \"aria-owns\": id.value,\n onKeydown: onActivatorKeydown,\n },\n props.activatorProps,\n );\n});\n\n/\n ## Expose aspects of EvMenu to parent components\n */\ndefineExpose({\n id,\n openChildren,\n});\n\nconst overlayProps = computed(() => filterComponentProps(EvOverlay, props));\n</script>\n\n<template>\n <ev-overlay\n ref=\"overlay\"\n v-model=\"isActive\"\n v-bind=\"overlayProps\"\n :class=\"['ev-menu', props.class]\"\n :style=\"props.style\"\n :activator-props=\"activatorProps\"\n @click:outside=\"onClickOutside\"\n @keydown=\"onKeydown\">\n <template v-if=\"slots.activator\" #activator=\"{ isActive, props }\">\n <slot name=\"activator\" :is-active=\"isActive\" :props=\"props\" />\n </template>\n <template #default>\n <slot name=\"default\" />\n </template>\n </ev-overlay>\n</template>\n"],"names":["slots","_useSlots","isActive","useModelProxy","props","uid","getNextId","id","computed","overlay","ref","parent","inject","EvMenuSymbol","openChildren","shallowRef","provide","watch","value","onClickOutside","onKeydown","~~e","~~_b","_a","onActivatorKeydown","el","focusChild","activatorProps","mergeProps","__expose","overlayProps","filterComponentProps","EvOverlay"],"mappings":"~~oaAuBMA~~,EAAQC,~~EAAAA~~,~~WAIRC,~~EAAWC,~~EAAAA~~,~~cAAcC,~~EAAO,YAAY,EAC5CC,EAAMC,~~EAAAA~~,~~UAAU,~~EAChBC,EAAKC,~~EAAAA~~,~~SAAS,~~IACTJ,EAAM,IAAM,WAAWC,CAAG,EACpC,EACKI,EAAUC,~~EAAAA~~,~~IAAsB,~~EAChCC,EAASC,~~EAAAA~~,~~OAAOC~~,~~EAAA,aAAc,~~IAAI,EAClCC,EAAeC,~~aAAW~~,CAAC,EAEjCC,~~EAAAA~~,~~QAAQH~~,~~EAAAA,aAAc,~~CAClB,UAAW,CACP,EAAEC,EAAa,KACnB,EACA,YAAa,CACT,EAAEA,EAAa,KACnB,EACA,cAAe,CACX,WAAW,IAAM,CACRA,EAAa,QACdZ,EAAS,MAAQ,GACjBS,GAAA,MAAAA,EAAQ,iBAEb,EAAE,CAAA,CACT,CACH,EAEKM,~~QAAAf~~,EAAWgB,GACNA,EAAQP,GAAA,YAAAA,EAAQ,WAAaA,GAAA,YAAAA,EAAQ,YAC/C,EAED,SAASQ,GAAiB,CACtBR,GAAA,MAAAA,EAAQ,cAAa,CAGzB,SAASS,~~EAAUC~~,EAAkB,~~SAC7BjB~~,EAAM,~~UAGNiB~~,EAAE,MAAQ,~~QACVnB~~,EAAS,MAAQ,~~IACToB~~,GAAAC,~~EAAAd~~,EAAA,QAAA,~~YAAAc~~,EAAO,cAAP,MAAAD,EAAoB,QAChC,CAQJ,SAASE,~~EAAmBH~~,EAAkB,OAC1C,~~GAAIjB~~,EAAM,SACN,OAEE,~~MAAAqB~~,GAAKF,~~EAAAd~~,EAAQ,QAAR,~~YAAAc~~,EAAe,UACtBE,~~GAAMvB~~,EAAS,~~MACXmB~~,EAAE,MAAQ,~~aACVA~~,EAAE,eAAe,~~EACjBK~~,~~EAAA~~,~~WAAWD,~~EAAI,MAAM,~~GACdJ~~,EAAE,MAAQ,~~YACjBA~~,EAAE,eAAe,~~EACjBK~~,~~EAAA~~,~~WAAWD,~~EAAI,UAAU,GAEtB,CAAC,YAAa,SAAS,EAAE,~~SAASJ~~,EAAE,GAAG,~~IAC9CnB~~,EAAS,MAAQ,~~GACjBmB~~,EAAE,eAAe,EACjB,WAAW,IAAM,WAAW,~~IAAMG~~,~~EAAmBH~~,CAAC,CAAC,CAAC,EAC5D,CASE,~~MAAAM~~,~~EAAiBnB~~,~~EAAAA~~,~~SAAS~~,~~IACrBoB~~,~~EAAA,WACH,~~CACI,gBAAiB,OACjB,gBAAiB,~~OAAO1B~~,EAAS,KAAK,EACtC,YAAaK,EAAG,MAChB,~~UAAWiB~~,CACf,~~EACApB~~,EAAM,cACV,CACH,~~EAKYyB~~,EAAA,CACT,~~GAAAtB~~,EACA,aAAAO,CAAA,CACH,EAED,~~MAAMgB~~,~~EAAetB~~,~~EAAAA~~,~~SAAS~~,~~IAAMuB~~,~~EAAqB~~,~~qBAAAC,EAAW5B,~~CAAK,CAAC"}
1	+ {"version":3,"file":"EvMenu.vue.mjs","sources":["../../../../src/components/EvMenu/EvMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n # EvMenu\n /\nimport \"./EvMenu.scss\";\nimport { makeEvMenuProps } from \"./EvMenu\";\nimport { EvOverlay } from \"@/components/EvOverlay\";\nimport {\n computed,\n inject,\n mergeProps,\n provide,\n ref,\n shallowRef,\n watch,\n} from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { filterComponentProps, focusChild, getNextId } from \"@/util\";\nimport { EvMenuSymbol } from \"./shared\";\n\nconst props = defineProps({\n ...makeEvMenuProps(),\n});\nconst slots = defineSlots<{\n activator(props: { isActive: boolean; props: any }): never;\n default(): never;\n}>();\nconst isActive = useModelProxy(props, \"modelValue\");\nconst uid = getNextId();\nconst id = computed(() => {\n return props.id \|\| `ev-menu-${uid}`;\n});\nconst overlay = ref<typeof EvOverlay>();\nconst parent = inject(EvMenuSymbol, null);\nconst openChildren = shallowRef(0);\n\nprovide(EvMenuSymbol, {\n register() {\n ++openChildren.value;\n },\n unregister() {\n --openChildren.value;\n },\n closeParents() {\n setTimeout(() => {\n if (!openChildren.value) {\n isActive.value = false;\n parent?.closeParents();\n }\n }, 40);\n },\n});\n\nwatch(isActive, (value) => {\n return value ? parent?.register() : parent?.unregister();\n});\n\nfunction onClickOutside() {\n parent?.closeParents();\n}\n\nfunction onKeydown(e: KeyboardEvent) {\n if (props.disabled) {\n return;\n }\n if (e.key === \"Tab\") {\n isActive.value = false;\n overlay.value?.activatorEl?.focus();\n }\n}\n\n/\n ## On Activator Keydown\n \n @param e\n /\nfunction onActivatorKeydown(e: KeyboardEvent) {\n if (props.disabled) {\n return;\n }\n const el = overlay.value?.contentEl;\n if (el && isActive.value) {\n if (e.key === \"ArrowDown\") {\n e.preventDefault();\n focusChild(el, \"next\");\n } else if (e.key === \"ArrowUp\") {\n e.preventDefault();\n focusChild(el, \"previous\");\n }\n } else if ([\"ArrowDown\", \"ArrowUp\"].includes(e.key)) {\n isActive.value = true;\n e.preventDefault();\n setTimeout(() => setTimeout(() => onActivatorKeydown(e)));\n }\n}\n\n/\n ## Activator Props\n \n Manipulate the activator props to include the keydown event listener\n * and ARIA attributes for accessibility.\n /\nconst activatorProps = computed(() => {\n return mergeProps(\n {\n \"aria-haspopup\": \"menu\",\n \"aria-expanded\": String(isActive.value),\n \"aria-owns\": id.value,\n onKeydown: onActivatorKeydown,\n },\n props.activatorProps,\n );\n});\n\n/\n ## Expose aspects of EvMenu to parent components\n */\ndefineExpose({\n id,\n openChildren,\n});\n\nconst overlayProps = computed(() => filterComponentProps(EvOverlay, props));\n</script>\n\n<template>\n <ev-overlay\n ref=\"overlay\"\n v-model=\"isActive\"\n v-bind=\"overlayProps\"\n :class=\"['ev-menu', props.class]\"\n :style=\"props.style\"\n :activator-props=\"activatorProps\"\n @click:outside=\"onClickOutside\"\n @keydown=\"onKeydown\">\n <template v-if=\"slots.activator\" #activator=\"{ isActive, props }\">\n <slot name=\"activator\" :is-active=\"isActive\" :props=\"props\" />\n </template>\n <template #default>\n <slot name=\"default\" />\n </template>\n </ev-overlay>\n</template>\n"],"names":["slots","_useSlots","isActive","useModelProxy","props","uid","getNextId","id","computed","overlay","ref","parent","inject","EvMenuSymbol","openChildren","shallowRef","provide","watch","value","onClickOutside","onKeydown","_b","_a","onActivatorKeydown","el","focusChild","activatorProps","mergeProps","__expose","overlayProps","filterComponentProps","EvOverlay"],"mappings":"qsBAuBMA,EAAQC,IAIRC,EAAWC,EAAcC,EAAO,YAAY,EAC5CC,EAAMC,EAAU,EAChBC,EAAKC,EAAS,IACTJ,EAAM,IAAM,WAAWC,CAAG,EACpC,EACKI,EAAUC,EAAsB,EAChCC,EAASC,EAAOC,EAAc,IAAI,EAClCC,EAAeC,EAAW,CAAC,EAEjCC,EAAQH,EAAc,CAClB,UAAW,CACP,EAAEC,EAAa,KACnB,EACA,YAAa,CACT,EAAEA,EAAa,KACnB,EACA,cAAe,CACX,WAAW,IAAM,CACRA,EAAa,QACdZ,EAAS,MAAQ,GACjBS,GAAA,MAAAA,EAAQ,iBAEb,EAAE,CAAA,CACT,CACH,EAEKM,EAAAf,EAAWgB,GACNA,EAAQP,GAAA,YAAAA,EAAQ,WAAaA,GAAA,YAAAA,EAAQ,YAC/C,EAED,SAASQ,GAAiB,CACtBR,GAAA,MAAAA,EAAQ,cAAa,CAGzB,SAASS,EAAU,EAAkB,SAC7BhB,EAAM,UAGN,EAAE,MAAQ,QACVF,EAAS,MAAQ,IACTmB,GAAAC,EAAAb,EAAA,QAAA,YAAAa,EAAO,cAAP,MAAAD,EAAoB,QAChC,CAQJ,SAASE,EAAmB,EAAkB,OAC1C,GAAInB,EAAM,SACN,OAEE,MAAAoB,GAAKF,EAAAb,EAAQ,QAAR,YAAAa,EAAe,UACtBE,GAAMtB,EAAS,MACX,EAAE,MAAQ,aACV,EAAE,eAAe,EACjBuB,EAAWD,EAAI,MAAM,GACd,EAAE,MAAQ,YACjB,EAAE,eAAe,EACjBC,EAAWD,EAAI,UAAU,GAEtB,CAAC,YAAa,SAAS,EAAE,SAAS,EAAE,GAAG,IAC9CtB,EAAS,MAAQ,GACjB,EAAE,eAAe,EACjB,WAAW,IAAM,WAAW,IAAMqB,EAAmB,CAAC,CAAC,CAAC,EAC5D,CASE,MAAAG,EAAiBlB,EAAS,IACrBmB,EACH,CACI,gBAAiB,OACjB,gBAAiB,OAAOzB,EAAS,KAAK,EACtC,YAAaK,EAAG,MAChB,UAAWgB,CACf,EACAnB,EAAM,cACV,CACH,EAKYwB,EAAA,CACT,GAAArB,EACA,aAAAO,CAAA,CACH,EAED,MAAMe,EAAerB,EAAS,IAAMsB,EAAqBC,EAAW3B,CAAK,CAAC"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvMenu.vue.mjs");module.exports=e;
+import f from"./EvMenu.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvMenu.vue2.mjs.map

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvMenuTransition.vue.mjs","sources":["../../../../src/components/EvMenu/EvMenuTransition.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n # EvMenu Transition\n \n We use JavaScript hooks to animate the menu.\n \n @see https://vuejs.org/guide/built-ins/transition.html#javascript-hooks\n /\nimport { computed, PropType } from \"vue\";\nimport { animate, easingAccelerate, easingStandard, Rect } from \"@/util\";\n\nconst props = defineProps({\n target: Object as PropType<HTMLElement>,\n});\n\n/\n ## Get Children\n \n We're only interested in animating the following children:\n \n - `ev-surface`\n * - `ev-card`\n * - `ev-list`\n \n @param el\n /\nfunction getChildren(el: Element) {\n const els = el.querySelector(\n \":scope > .ev-card, :scope > .ev-surface, :scope > .ev-list\",\n )?.children;\n return els && [...els];\n}\n\n/\n ## Get Dimensions\n * @param target\n * @param el\n /\nfunction getDimensions(target: HTMLElement, el: HTMLElement) {\n const targetBox = Rect.fromElement(target);\n const elBox = Rect.fromElement(el, true);\n const elStyle = getComputedStyle(el);\n const [originX, originY] = elStyle.transformOrigin\n .split(\" \")\n .map((v) => parseFloat(v));\n const [anchorSide, anchorOffset] = elStyle\n .getPropertyValue(\"--ev-overlay-position\")\n .split(\" \");\n\n let offsetX = targetBox.left;\n if (anchorSide === \"center\" \|\| anchorOffset === \"center\") {\n offsetX += targetBox.width / 2;\n } else if (anchorSide === \"right\" \|\| anchorOffset === \"right\") {\n offsetX += targetBox.width;\n }\n\n let offsetY = targetBox.top;\n if (anchorSide === \"center\" \|\| anchorOffset === \"center\") {\n offsetY += targetBox.height / 2;\n } else if (anchorSide === \"bottom\" \|\| anchorOffset === \"bottom\") {\n offsetY += targetBox.height;\n }\n\n const targetScaleX = targetBox.width / elBox.width;\n const targetScaleY = targetBox.height / elBox.height;\n const maxScale = Math.max(1, targetScaleX, targetScaleY);\n const scaleX = targetScaleX / maxScale \|\| 0;\n const scaleY = targetScaleY / maxScale \|\| 0;\n\n // Animate elements larger than 12% of the screen area up to 1.5x slower\n const screenPercentage =\n (elBox.width elBox.height) / (window.innerWidth * window.innerHeight);\n const speedFactor =\n screenPercentage > 0.12\n ? Math.min(1.5, (screenPercentage - 0.12) * 10 + 1)\n : 1;\n\n return {\n x: offsetX - (originX + elBox.left),\n y: offsetY - (originY + elBox.top),\n scaleX,\n scaleY,\n speedFactor,\n };\n}\n\n/*\n ## On Before Enter\n \n Before the element is inserted into the DOM.\n \n @param el\n /\nfunction onBeforeEnter(el: Element) {\n (el as HTMLElement).style.pointerEvents = \"none\";\n (el as HTMLElement).style.visibility = \"hidden\";\n}\n\n/\n ## On Enter\n \n Called one frame after the element is inserted.\n \n @param el\n * @param done\n /\nasync function onEnter(el: Element, done: () => void) {\n await new Promise((resolve) => requestAnimationFrame(resolve));\n await new Promise((resolve) => requestAnimationFrame(resolve));\n (el as HTMLElement).style.visibility = \"\";\n const { x, y, scaleX, scaleY, speedFactor } = getDimensions(\n props.target!,\n el as HTMLElement,\n );\n const duration = 250;\n\n const animation = animate(\n el,\n [\n {\n transform: `translate(${x}px, ${y}px) scale(${scaleX}, ${scaleY})`,\n opacity: 0,\n },\n {},\n ],\n {\n duration: duration speedFactor,\n easing: easingStandard,\n },\n );\n getChildren(el)?.forEach((el) => {\n animate(el, [{ opacity: 0 }, { opacity: 0, offset: 0.25 }, {}], {\n duration: duration * speedFactor,\n easing: easingStandard,\n });\n });\n animation.finished.then(() => done());\n}\n\n/*\n ## On After Enter\n \n Called when the enter transition has finished.\n \n @param el\n /\nfunction onAfterEnter(el: Element) {\n (el as HTMLElement).style.removeProperty(\"pointer-events\");\n}\n\n/\n ## On Before Leave\n \n Called before the leave hook.\n \n @param el\n /\nfunction onBeforeLeave(el: Element) {\n (el as HTMLElement).style.pointerEvents = \"none\";\n}\n\n/\n ## On Leave\n \n Called when the leave transition starts.\n \n @param el\n * @param done\n /\nasync function onLeave(el: Element, done: () => void) {\n await new Promise((resolve) => requestAnimationFrame(resolve));\n const { x, y, scaleX, scaleY, speedFactor } = getDimensions(\n props.target!,\n el as HTMLElement,\n );\n\n const animation = animate(\n el,\n [\n {},\n {\n transform: `translate(${x}px, ${y}px) scale(${scaleX}, ${scaleY})`,\n opacity: 0,\n },\n ],\n {\n duration: 125 speedFactor,\n easing: easingAccelerate,\n },\n );\n animation.finished.then(() => done());\n\n getChildren(el)?.forEach((el) => {\n animate(el, [{}, { opacity: 0, offset: 0.25 }, { opacity: 0 }], {\n duration: 250 * speedFactor,\n easing: easingStandard,\n });\n });\n}\n\n/*\n ## On After Leave\n \n Called when the leave transition has finished and the element has been removed from the DOM.\n \n @param el\n /\nfunction onAfterLeave(el: Element) {\n (el as HTMLElement).style.removeProperty(\"pointer-events\");\n}\n\n/\n Calculate transition props so we can use v-bind.\n */\nconst transitionProps = computed(() => {\n return props.target\n ? {\n css: false,\n onBeforeEnter,\n onEnter,\n onAfterEnter,\n onBeforeLeave,\n onLeave,\n onAfterLeave,\n }\n : {};\n});\n</script>\n\n<template>\n <transition name=\"ev-menu-transition\" v-bind=\"transitionProps\">\n <slot />\n </transition>\n</template>\n"],"names":["getChildren","el","els","_a","getDimensions","target","targetBox","Rect","elBox","elStyle","originX","originY","v","anchorSide","anchorOffset","offsetX","offsetY","targetScaleX","targetScaleY","maxScale","scaleX","scaleY","screenPercentage","speedFactor","onBeforeEnter","onEnter","done","resolve","x","y","props","duration","animation","animate","easingStandard","onAfterEnter","onBeforeLeave","onLeave","easingAccelerate","onAfterLeave","transitionProps","computed"],"mappings":"~~6OA0BA~~,SAASA,EAAYC,EAAa,OAC9B,MAAMC,GAAMC,EAAAF,EAAG,cACX,4DAAA,IADQ,YAAAE,EAET,SACI,OAAAD,GAAO,CAAC,GAAGA,CAAG,CAAA,CAQhB,SAAAE,EAAcC,EAAqBJ,EAAiB,CACnD,MAAAK,EAAYC,~~EAAAA~~,~~KAAK,~~YAAYF,CAAM,EACnCG,EAAQD,~~EAAA~~,~~KAAK,~~YAAYN,EAAI,EAAI,EACjCQ,EAAU,iBAAiBR,CAAE,EAC7B,CAACS,EAASC,CAAO,EAAIF,EAAQ,gBAC9B,MAAM,GAAG,EACT,IAAKG,GAAM,WAAWA,CAAC,CAAC,EACvB,CAACC,EAAYC,CAAY,EAAIL,EAC9B,iBAAiB,uBAAuB,EACxC,MAAM,GAAG,EAEd,IAAIM,EAAUT,EAAU,KACpBO,IAAe,UAAYC,IAAiB,SAC5CC,GAAWT,EAAU,MAAQ,GACtBO,IAAe,SAAWC,IAAiB,WAClDC,GAAWT,EAAU,OAGzB,IAAIU,EAAUV,EAAU,IACpBO,IAAe,UAAYC,IAAiB,SAC5CE,GAAWV,EAAU,OAAS,GACvBO,IAAe,UAAYC,IAAiB,YACnDE,GAAWV,EAAU,QAGnB,MAAAW,EAAeX,EAAU,MAAQE,EAAM,MACvCU,EAAeZ,EAAU,OAASE,EAAM,OACxCW,EAAW,KAAK,IAAI,EAAGF,EAAcC,CAAY,EACjDE,EAASH,EAAeE,GAAY,EACpCE,EAASH,EAAeC,GAAY,EAGpCG,EACDd,EAAM,MAAQA,EAAM,QAAW,OAAO,WAAa,OAAO,aACzDe,EACFD,EAAmB,IACb,KAAK,IAAI,KAAMA,EAAmB,KAAQ,GAAK,CAAC,EAChD,EAEH,MAAA,CACH,EAAGP,GAAWL,EAAUF,EAAM,MAC9B,EAAGQ,GAAWL,EAAUH,EAAM,KAC9B,OAAAY,EACA,OAAAC,EACA,YAAAE,CACJ,CAAA,CAUJ,SAASC,EAAcvB,EAAa,CAC/BA,EAAmB,MAAM,cAAgB,OACzCA,EAAmB,MAAM,WAAa,QAAA,CAW5B,eAAAwB,EAAQxB,EAAayB,EAAkB,OAClD,MAAM,IAAI,QAASC,GAAY,sBAAsBA,CAAO,CAAC,EAC7D,MAAM,IAAI,QAASA,GAAY,sBAAsBA,CAAO,CAAC,EAC5D1B,EAAmB,MAAM,WAAa,GACvC,KAAM,CAAE,EAAA2B,EAAG,EAAAC,EAAG,OAAAT,EAAQ,OAAAC,EAAQ,YAAAE,GAAgBnB,EAC1C0B,EAAM,OACN7B,CACJ,EACM8B,EAAW,IAEXC,EAAYC,~~EAAA~~,~~QACdhC,~~EACA,CACI,CACI,UAAW,aAAa2B,CAAC,OAAOC,CAAC,aAAaT,CAAM,KAAKC,CAAM,IAC/D,QAAS,CACb,EACA,CAAA,CACJ,EACA,CACI,SAAUU,EAAWR,EACrB,OAAQW,~~EAAAA~~,~~cAAA,~~CAEhB,GACA/B,EAAAH,EAAYC,CAAE,IAAd,MAAAE,EAAiB,QAASF,GAAO,CAC7BgC,~~EAAAA~~,~~QAAQhC,~~EAAI,CAAC,CAAE,QAAS,CAAK,EAAA,CAAE,QAAS,EAAG,OAAQ,GAAQ,EAAA,CAAE,CAAA,EAAG,CAC5D,SAAU8B,EAAWR,EACrB,OAAQW,~~EAAAA~~,~~cAAA,~~CACX,CAAA,GAELF,EAAU,SAAS,KAAK,IAAMN,EAAA,CAAM,CAAA,CAUxC,SAASS,EAAalC,EAAa,CAC9BA,EAAmB,MAAM,eAAe,gBAAgB,CAAA,CAU7D,SAASmC,EAAcnC,EAAa,CAC/BA,EAAmB,MAAM,cAAgB,MAAA,CAW/B,eAAAoC,EAAQpC,EAAayB,EAAkB,OAClD,MAAM,IAAI,QAASC,GAAY,sBAAsBA,CAAO,CAAC,EAC7D,KAAM,CAAE,EAAAC,EAAG,EAAAC,EAAG,OAAAT,EAAQ,OAAAC,EAAQ,YAAAE,GAAgBnB,EAC1C0B,EAAM,OACN7B,CACJ,EAEkBgC,~~EAAA~~,~~QACdhC,~~EACA,CACI,CAAC,EACD,CACI,UAAW,aAAa2B,CAAC,OAAOC,CAAC,aAAaT,CAAM,KAAKC,CAAM,IAC/D,QAAS,CAAA,CAEjB,EACA,CACI,SAAU,IAAME,EAChB,OAAQe,~~EAAAA~~,~~gBAAA,~~CAEhB,EACU,SAAS,KAAK,IAAMZ,EAAA,CAAM,GAEpCvB,EAAAH,EAAYC,CAAE,IAAd,MAAAE,EAAiB,QAASF,GAAO,CAC7BgC,~~EAAAA~~,~~QAAQhC,~~EAAI,CAAC,CAAC,EAAG,CAAE,QAAS,EAAG,OAAQ,GAAA,EAAQ,CAAE,QAAS,CAAG,CAAA,EAAG,CAC5D,SAAU,IAAMsB,EAChB,OAAQW,~~EAAAA~~,~~cAAA,~~CACX,CAAA,EACJ,CAUL,SAASK,EAAatC,EAAa,CAC9BA,EAAmB,MAAM,eAAe,gBAAgB,CAAA,CAMvD,MAAAuC,EAAkBC,~~EAAAA~~,~~SAAS,~~IACtBX,EAAM,OACP,CACI,IAAK,GACL,cAAAN,EACA,QAAAC,EACA,aAAAU,EACA,cAAAC,EACA,QAAAC,EACA,aAAAE,CAAA,EAEJ,CAAC,CACV"}
1	+ {"version":3,"file":"EvMenuTransition.vue.mjs","sources":["../../../../src/components/EvMenu/EvMenuTransition.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n # EvMenu Transition\n \n We use JavaScript hooks to animate the menu.\n \n @see https://vuejs.org/guide/built-ins/transition.html#javascript-hooks\n /\nimport { computed, PropType } from \"vue\";\nimport { animate, easingAccelerate, easingStandard, Rect } from \"@/util\";\n\nconst props = defineProps({\n target: Object as PropType<HTMLElement>,\n});\n\n/\n ## Get Children\n \n We're only interested in animating the following children:\n \n - `ev-surface`\n * - `ev-card`\n * - `ev-list`\n \n @param el\n /\nfunction getChildren(el: Element) {\n const els = el.querySelector(\n \":scope > .ev-card, :scope > .ev-surface, :scope > .ev-list\",\n )?.children;\n return els && [...els];\n}\n\n/\n ## Get Dimensions\n * @param target\n * @param el\n /\nfunction getDimensions(target: HTMLElement, el: HTMLElement) {\n const targetBox = Rect.fromElement(target);\n const elBox = Rect.fromElement(el, true);\n const elStyle = getComputedStyle(el);\n const [originX, originY] = elStyle.transformOrigin\n .split(\" \")\n .map((v) => parseFloat(v));\n const [anchorSide, anchorOffset] = elStyle\n .getPropertyValue(\"--ev-overlay-position\")\n .split(\" \");\n\n let offsetX = targetBox.left;\n if (anchorSide === \"center\" \|\| anchorOffset === \"center\") {\n offsetX += targetBox.width / 2;\n } else if (anchorSide === \"right\" \|\| anchorOffset === \"right\") {\n offsetX += targetBox.width;\n }\n\n let offsetY = targetBox.top;\n if (anchorSide === \"center\" \|\| anchorOffset === \"center\") {\n offsetY += targetBox.height / 2;\n } else if (anchorSide === \"bottom\" \|\| anchorOffset === \"bottom\") {\n offsetY += targetBox.height;\n }\n\n const targetScaleX = targetBox.width / elBox.width;\n const targetScaleY = targetBox.height / elBox.height;\n const maxScale = Math.max(1, targetScaleX, targetScaleY);\n const scaleX = targetScaleX / maxScale \|\| 0;\n const scaleY = targetScaleY / maxScale \|\| 0;\n\n // Animate elements larger than 12% of the screen area up to 1.5x slower\n const screenPercentage =\n (elBox.width elBox.height) / (window.innerWidth * window.innerHeight);\n const speedFactor =\n screenPercentage > 0.12\n ? Math.min(1.5, (screenPercentage - 0.12) * 10 + 1)\n : 1;\n\n return {\n x: offsetX - (originX + elBox.left),\n y: offsetY - (originY + elBox.top),\n scaleX,\n scaleY,\n speedFactor,\n };\n}\n\n/*\n ## On Before Enter\n \n Before the element is inserted into the DOM.\n \n @param el\n /\nfunction onBeforeEnter(el: Element) {\n (el as HTMLElement).style.pointerEvents = \"none\";\n (el as HTMLElement).style.visibility = \"hidden\";\n}\n\n/\n ## On Enter\n \n Called one frame after the element is inserted.\n \n @param el\n * @param done\n /\nasync function onEnter(el: Element, done: () => void) {\n await new Promise((resolve) => requestAnimationFrame(resolve));\n await new Promise((resolve) => requestAnimationFrame(resolve));\n (el as HTMLElement).style.visibility = \"\";\n const { x, y, scaleX, scaleY, speedFactor } = getDimensions(\n props.target!,\n el as HTMLElement,\n );\n const duration = 250;\n\n const animation = animate(\n el,\n [\n {\n transform: `translate(${x}px, ${y}px) scale(${scaleX}, ${scaleY})`,\n opacity: 0,\n },\n {},\n ],\n {\n duration: duration speedFactor,\n easing: easingStandard,\n },\n );\n getChildren(el)?.forEach((el) => {\n animate(el, [{ opacity: 0 }, { opacity: 0, offset: 0.25 }, {}], {\n duration: duration * speedFactor,\n easing: easingStandard,\n });\n });\n animation.finished.then(() => done());\n}\n\n/*\n ## On After Enter\n \n Called when the enter transition has finished.\n \n @param el\n /\nfunction onAfterEnter(el: Element) {\n (el as HTMLElement).style.removeProperty(\"pointer-events\");\n}\n\n/\n ## On Before Leave\n \n Called before the leave hook.\n \n @param el\n /\nfunction onBeforeLeave(el: Element) {\n (el as HTMLElement).style.pointerEvents = \"none\";\n}\n\n/\n ## On Leave\n \n Called when the leave transition starts.\n \n @param el\n * @param done\n /\nasync function onLeave(el: Element, done: () => void) {\n await new Promise((resolve) => requestAnimationFrame(resolve));\n const { x, y, scaleX, scaleY, speedFactor } = getDimensions(\n props.target!,\n el as HTMLElement,\n );\n\n const animation = animate(\n el,\n [\n {},\n {\n transform: `translate(${x}px, ${y}px) scale(${scaleX}, ${scaleY})`,\n opacity: 0,\n },\n ],\n {\n duration: 125 speedFactor,\n easing: easingAccelerate,\n },\n );\n animation.finished.then(() => done());\n\n getChildren(el)?.forEach((el) => {\n animate(el, [{}, { opacity: 0, offset: 0.25 }, { opacity: 0 }], {\n duration: 250 * speedFactor,\n easing: easingStandard,\n });\n });\n}\n\n/*\n ## On After Leave\n \n Called when the leave transition has finished and the element has been removed from the DOM.\n \n @param el\n /\nfunction onAfterLeave(el: Element) {\n (el as HTMLElement).style.removeProperty(\"pointer-events\");\n}\n\n/\n Calculate transition props so we can use v-bind.\n */\nconst transitionProps = computed(() => {\n return props.target\n ? {\n css: false,\n onBeforeEnter,\n onEnter,\n onAfterEnter,\n onBeforeLeave,\n onLeave,\n onAfterLeave,\n }\n : {};\n});\n</script>\n\n<template>\n <transition name=\"ev-menu-transition\" v-bind=\"transitionProps\">\n <slot />\n </transition>\n</template>\n"],"names":["getChildren","el","els","_a","getDimensions","target","targetBox","Rect","elBox","elStyle","originX","originY","v","anchorSide","anchorOffset","offsetX","offsetY","targetScaleX","targetScaleY","maxScale","scaleX","scaleY","screenPercentage","speedFactor","onBeforeEnter","onEnter","done","resolve","x","y","props","duration","animation","animate","easingStandard","onAfterEnter","onBeforeLeave","onLeave","easingAccelerate","onAfterLeave","transitionProps","computed"],"mappings":"iZA0BA,SAASA,EAAYC,EAAa,OAC9B,MAAMC,GAAMC,EAAAF,EAAG,cACX,4DAAA,IADQ,YAAAE,EAET,SACI,OAAAD,GAAO,CAAC,GAAGA,CAAG,CAAA,CAQhB,SAAAE,EAAcC,EAAqBJ,EAAiB,CACnD,MAAAK,EAAYC,EAAK,YAAYF,CAAM,EACnCG,EAAQD,EAAK,YAAYN,EAAI,EAAI,EACjCQ,EAAU,iBAAiBR,CAAE,EAC7B,CAACS,EAASC,CAAO,EAAIF,EAAQ,gBAC9B,MAAM,GAAG,EACT,IAAKG,GAAM,WAAWA,CAAC,CAAC,EACvB,CAACC,EAAYC,CAAY,EAAIL,EAC9B,iBAAiB,uBAAuB,EACxC,MAAM,GAAG,EAEd,IAAIM,EAAUT,EAAU,KACpBO,IAAe,UAAYC,IAAiB,SAC5CC,GAAWT,EAAU,MAAQ,GACtBO,IAAe,SAAWC,IAAiB,WAClDC,GAAWT,EAAU,OAGzB,IAAIU,EAAUV,EAAU,IACpBO,IAAe,UAAYC,IAAiB,SAC5CE,GAAWV,EAAU,OAAS,GACvBO,IAAe,UAAYC,IAAiB,YACnDE,GAAWV,EAAU,QAGnB,MAAAW,EAAeX,EAAU,MAAQE,EAAM,MACvCU,EAAeZ,EAAU,OAASE,EAAM,OACxCW,EAAW,KAAK,IAAI,EAAGF,EAAcC,CAAY,EACjDE,EAASH,EAAeE,GAAY,EACpCE,EAASH,EAAeC,GAAY,EAGpCG,EACDd,EAAM,MAAQA,EAAM,QAAW,OAAO,WAAa,OAAO,aACzDe,EACFD,EAAmB,IACb,KAAK,IAAI,KAAMA,EAAmB,KAAQ,GAAK,CAAC,EAChD,EAEH,MAAA,CACH,EAAGP,GAAWL,EAAUF,EAAM,MAC9B,EAAGQ,GAAWL,EAAUH,EAAM,KAC9B,OAAAY,EACA,OAAAC,EACA,YAAAE,CACJ,CAAA,CAUJ,SAASC,EAAcvB,EAAa,CAC/BA,EAAmB,MAAM,cAAgB,OACzCA,EAAmB,MAAM,WAAa,QAAA,CAW5B,eAAAwB,EAAQxB,EAAayB,EAAkB,OAClD,MAAM,IAAI,QAASC,GAAY,sBAAsBA,CAAO,CAAC,EAC7D,MAAM,IAAI,QAASA,GAAY,sBAAsBA,CAAO,CAAC,EAC5D1B,EAAmB,MAAM,WAAa,GACvC,KAAM,CAAE,EAAA2B,EAAG,EAAAC,EAAG,OAAAT,EAAQ,OAAAC,EAAQ,YAAAE,GAAgBnB,EAC1C0B,EAAM,OACN7B,CACJ,EACM8B,EAAW,IAEXC,EAAYC,EACdhC,EACA,CACI,CACI,UAAW,aAAa2B,CAAC,OAAOC,CAAC,aAAaT,CAAM,KAAKC,CAAM,IAC/D,QAAS,CACb,EACA,CAAA,CACJ,EACA,CACI,SAAUU,EAAWR,EACrB,OAAQW,CAAA,CAEhB,GACA/B,EAAAH,EAAYC,CAAE,IAAd,MAAAE,EAAiB,QAASF,GAAO,CAC7BgC,EAAQhC,EAAI,CAAC,CAAE,QAAS,CAAK,EAAA,CAAE,QAAS,EAAG,OAAQ,GAAQ,EAAA,CAAE,CAAA,EAAG,CAC5D,SAAU8B,EAAWR,EACrB,OAAQW,CAAA,CACX,CAAA,GAELF,EAAU,SAAS,KAAK,IAAMN,EAAA,CAAM,CAAA,CAUxC,SAASS,EAAalC,EAAa,CAC9BA,EAAmB,MAAM,eAAe,gBAAgB,CAAA,CAU7D,SAASmC,EAAcnC,EAAa,CAC/BA,EAAmB,MAAM,cAAgB,MAAA,CAW/B,eAAAoC,EAAQpC,EAAayB,EAAkB,OAClD,MAAM,IAAI,QAASC,GAAY,sBAAsBA,CAAO,CAAC,EAC7D,KAAM,CAAE,EAAAC,EAAG,EAAAC,EAAG,OAAAT,EAAQ,OAAAC,EAAQ,YAAAE,GAAgBnB,EAC1C0B,EAAM,OACN7B,CACJ,EAEkBgC,EACdhC,EACA,CACI,CAAC,EACD,CACI,UAAW,aAAa2B,CAAC,OAAOC,CAAC,aAAaT,CAAM,KAAKC,CAAM,IAC/D,QAAS,CAAA,CAEjB,EACA,CACI,SAAU,IAAME,EAChB,OAAQe,CAAA,CAEhB,EACU,SAAS,KAAK,IAAMZ,EAAA,CAAM,GAEpCvB,EAAAH,EAAYC,CAAE,IAAd,MAAAE,EAAiB,QAASF,GAAO,CAC7BgC,EAAQhC,EAAI,CAAC,CAAC,EAAG,CAAE,QAAS,EAAG,OAAQ,GAAA,EAAQ,CAAE,QAAS,CAAG,CAAA,EAAG,CAC5D,SAAU,IAAMsB,EAChB,OAAQW,CAAA,CACX,CAAA,EACJ,CAUL,SAASK,EAAatC,EAAa,CAC9BA,EAAmB,MAAM,eAAe,gBAAgB,CAAA,CAMvD,MAAAuC,EAAkBC,EAAS,IACtBX,EAAM,OACP,CACI,IAAK,GACL,cAAAN,EACA,QAAAC,EACA,aAAAU,EACA,cAAAC,EACA,QAAAC,EACA,aAAAE,CAAA,EAEJ,CAAC,CACV"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvMenuTransition.vue.mjs");module.exports=e;
+import f from"./EvMenuTransition.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvMenuTransition.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol.for("ev:menu");exports.EvMenuSymbol=e;
+/*! Evance UI v1.1.16 | MIT License */const o=Symbol.for("ev:menu");export{o as EvMenuSymbol};
 //# sourceMappingURL=shared.mjs.map

package/dist/esm/components/EvMenu/shared.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"shared.mjs","sources":["../../../../src/components/EvMenu/shared.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\n\ninterface MenuProvide {\n register(): void;\n unregister(): void;\n closeParents(): void;\n}\n\nexport const EvMenuSymbol: InjectionKey<MenuProvide> = Symbol.for(\"ev:menu\");\n"],"names":["EvMenuSymbol"],"mappings":"~~sHAQa~~,MAAAA,EAA0C,OAAO,IAAI,SAAS"}
1	+ {"version":3,"file":"shared.mjs","sources":["../../../../src/components/EvMenu/shared.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\n\ninterface MenuProvide {\n register(): void;\n unregister(): void;\n closeParents(): void;\n}\n\nexport const EvMenuSymbol: InjectionKey<MenuProvide> = Symbol.for(\"ev:menu\");\n"],"names":["EvMenuSymbol"],"mappings":"sCAQa,MAAAA,EAA0C,OAAO,IAAI,SAAS"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../composables/icons.mjs"),o=require("../../composables/tag.mjs"),r=require("../../composables/component.mjs"),t=require("../../util/props.mjs"),a=require("../../util/appearance.mjs"),s=t.propsFactory({description:String,dismissDelay:{type:[Boolean,Number],default:0},dismissible:[Boolean,Object],expandable:Boolean,icon:e.IconProp,modelValue:{type:[Boolean,Object],default:!0},title:String,actions:Array,...a.makeAppearanceProps({variant:"tonal"}),...o.makeTagProps({tag:"section"}),...r.makeComponentProps()},"EvMessage");exports.makeEvMessageProps=s;
+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.16 | 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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvMessage.mjs","sources":["../../../../src/components/EvMessage/EvMessage.ts"],"sourcesContent":["import { AppearanceProp, makeAppearanceProps, propsFactory } from \"@/util\";\nimport { PropType, Ref } from \"vue\";\nimport { IconProp, IconValue } from \"@/composables/icons\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { EvButtonProps } from \"@/components/EvButton\";\n\ntype ModelValueProp = boolean \| Ref<boolean>;\ntype EvMessageVariant = \"subtle\" \| \"tonal\" \| \"bold\";\n\n/*\n # EvMessageProps\n /\nexport interface EvMessageProps {\n description?: string;\n dismissible?: boolean;\n expandable?: boolean;\n icon?: IconValue;\n modelValue?: Ref<boolean>;\n title?: string;\n variant?: EvMessageVariant;\n actions?: EvButtonProps[];\n appearance?: AppearanceProp;\n onDismiss?: () => void;\n}\n\nexport interface EvMessageSlots {\n icon?: any;\n default?: any;\n actions?: any;\n}\n\n/\n # makeEvMessageProps\n */\nexport const makeEvMessageProps = propsFactory(\n {\n description: String,\n dismissDelay: {\n type: [Boolean, Number],\n default: 0,\n },\n dismissible: [Boolean, Object] as PropType<ModelValueProp>,\n expandable: Boolean,\n icon: IconProp,\n modelValue: {\n type: [Boolean, Object] as PropType<ModelValueProp>,\n default: true,\n },\n title: String,\n actions: Array as PropType<EvButtonProps[]>,\n\n ...makeAppearanceProps({\n variant: \"tonal\",\n }),\n ...makeTagProps({\n tag: \"section\",\n }),\n ...makeComponentProps(),\n },\n \"EvMessage\",\n);\n"],"names":["makeEvMessageProps","propsFactory","IconProp","makeAppearanceProps","makeTagProps","makeComponentProps"],"mappings":"~~kUAmCaA~~,EAAqBC,~~EAAA~~,~~aAC9B,~~CACI,YAAa,OACb,aAAc,CACV,KAAM,CAAC,QAAS,MAAM,EACtB,QAAS,CACb,EACA,YAAa,CAAC,QAAS,MAAM,EAC7B,WAAY,QACZ,KAAMC,~~EAAA~~,~~SACN,~~WAAY,CACR,KAAM,CAAC,QAAS,MAAM,EACtB,QAAS,EACb,EACA,MAAO,OACP,QAAS,MAET,GAAGC,~~sBAAoB~~,CACnB,QAAS,OAAA,CACZ,EACD,GAAGC,~~eAAa~~,CACZ,IAAK,SAAA,CACR,EACD,GAAGC,EAAmB,~~mBAAA,~~CAC1B,EACA,WACJ"}
1	+ {"version":3,"file":"EvMessage.mjs","sources":["../../../../src/components/EvMessage/EvMessage.ts"],"sourcesContent":["import { AppearanceProp, makeAppearanceProps, propsFactory } from \"@/util\";\nimport { PropType, Ref } from \"vue\";\nimport { IconProp, IconValue } from \"@/composables/icons\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { EvButtonProps } from \"@/components/EvButton\";\n\ntype ModelValueProp = boolean \| Ref<boolean>;\ntype EvMessageVariant = \"subtle\" \| \"tonal\" \| \"bold\";\n\n/*\n # EvMessageProps\n /\nexport interface EvMessageProps {\n description?: string;\n dismissible?: boolean;\n expandable?: boolean;\n icon?: IconValue;\n modelValue?: Ref<boolean>;\n title?: string;\n variant?: EvMessageVariant;\n actions?: EvButtonProps[];\n appearance?: AppearanceProp;\n onDismiss?: () => void;\n}\n\nexport interface EvMessageSlots {\n icon?: any;\n default?: any;\n actions?: any;\n}\n\n/\n # makeEvMessageProps\n */\nexport const makeEvMessageProps = propsFactory(\n {\n description: String,\n dismissDelay: {\n type: [Boolean, Number],\n default: 0,\n },\n dismissible: [Boolean, Object] as PropType<ModelValueProp>,\n expandable: Boolean,\n icon: IconProp,\n modelValue: {\n type: [Boolean, Object] as PropType<ModelValueProp>,\n default: true,\n },\n title: String,\n actions: Array as PropType<EvButtonProps[]>,\n\n ...makeAppearanceProps({\n variant: \"tonal\",\n }),\n ...makeTagProps({\n tag: \"section\",\n }),\n ...makeComponentProps(),\n },\n \"EvMessage\",\n);\n"],"names":["makeEvMessageProps","propsFactory","IconProp","makeAppearanceProps","makeTagProps","makeComponentProps"],"mappings":"+UAmCO,MAAMA,EAAqBC,EAC9B,CACI,YAAa,OACb,aAAc,CACV,KAAM,CAAC,QAAS,MAAM,EACtB,QAAS,CACb,EACA,YAAa,CAAC,QAAS,MAAM,EAC7B,WAAY,QACZ,KAAMC,EACN,WAAY,CACR,KAAM,CAAC,QAAS,MAAM,EACtB,QAAS,EACb,EACA,MAAO,OACP,QAAS,MAET,GAAGC,EAAoB,CACnB,QAAS,OAAA,CACZ,EACD,GAAGC,EAAa,CACZ,IAAK,SAAA,CACR,EACD,GAAGC,EAAmB,CAC1B,EACA,WACJ"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                 */const B=require("../EvIcon/EvIcon.vue.mjs");;/* empty css                      */const N=require("../../icons/glyph/CancelIcon.svg.mjs"),V=require("../../icons/glyph/ChevronDownIcon.svg.mjs"),p=require("../EvButton/EvButton.vue.mjs"),b=require("../../composables/modelProxy.mjs"),S=require("../../composables/icons.mjs"),w=require("./EvMessage.mjs"),D=require("../../composables/locale.mjs"),v=require("../../composables/hasSlotWithContent.mjs"),M=require("../EvButtonGroup/EvButtonGroup.vue.mjs"),T=require("../EvHeading/EvHeading.vue.mjs");;/* empty css                            */const _=require("../../util/modifiers.mjs"),z=require("../../util/is-functions.mjs"),A={class:"ev-message--icon"},F={class:"ev-message--content"},I={key:0,class:"ev-message--expandable"},L={key:0,class:"ev-message--description"},P=["innerHTML"],$={key:2,class:"ev-message--actions"},H={key:0,class:"ev-message--expand"},W={key:0,class:"ev-message--dismiss"},G=e.defineComponent({__name:"EvMessage",props:{...w.makeEvMessageProps()},emits:["dismissed","click:dismiss","click:expand","update:modelValue"],setup(h,{emit:a}){const t=h,r=e.useSlots(),u=v.hasSlotWithContent(r,"default"),d=v.hasSlotWithContent(r,"action"),i=b.useModelProxy(t,"modelValue"),o=e.shallowRef(!1),{t:m}=D.useLocaleFunctions(),f=e.computed(()=>t.icon?t.icon:S.appearanceIcon(t.appearance)),g=e.computed(()=>(u.value||!!t.description||d.value||!!l.value.length)&&(!t.expandable||o.value)),k=e.computed(()=>_.makeClassName(t.variant,"is-variant"));function y(){if(!t.dismissDelay)i.value=!1;else if(z.isNumber(t.dismissDelay)){const s=t.dismissDelay;setTimeout(()=>{i.value=!1,a("dismissed")},s)}a("click:dismiss")}function x(){o.value=!o.value,a("click:expand",o.value)}const l=e.computed(()=>{if(!t.actions)return[];const s=[];for(const n of t.actions){const c={appearance:t.variant==="bold"?"inverse":t.appearance,variant:"link",size:"small"};s.push(Object.assign(c,n))}return s});function C(s){e.nextTick(()=>{const n=s;n.style.height="auto";const c=getComputedStyle(n).height;n.style.height="0px",requestAnimationFrame(()=>{n.style.height=c})})}function E(s){const n=s;n.style.height="auto"}function q(s){e.nextTick(()=>{const n=s;n.style.height=getComputedStyle(n).height,requestAnimationFrame(()=>{n.style.height="0px"})})}return(s,n)=>e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:e.normalizeClass(["ev-message",k.value,e.unref(_.appearanceModifier)(t.appearance),t.class])},{default:e.withCtx(()=>[e.createElementVNode("div",A,[e.renderSlot(s.$slots,"icon",{},()=>[e.createVNode(B,{glyph:f.value},null,8,["glyph"])])]),e.createElementVNode("div",F,[e.createVNode(e.unref(T),{class:"ev-message--title",size:"small",text:t.title},null,8,["text"]),e.createVNode(e.Transition,{name:"transition-message",onBeforeEnter:C,onAfterEnter:E,onLeave:q},{default:e.withCtx(()=>[g.value?(e.openBlock(),e.createElementBlock("div",I,[e.unref(u)?(e.openBlock(),e.createElementBlock("div",L,[e.renderSlot(s.$slots,"default")])):t.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:"ev-message--description",innerHTML:t.description},null,8,P)):e.createCommentVNode("",!0),e.unref(d)||l.value.length?(e.openBlock(),e.createElementBlock("div",$,[e.renderSlot(s.$slots,"actions",{},()=>[e.createVNode(e.unref(M),{items:l.value},null,8,["items"])])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),_:3})]),t.expandable?(e.openBlock(),e.createElementBlock("div",H,[e.createVNode(p,{rounded:"",class:e.normalizeClass([{"is-expanded":o.value}]),"aria-label":e.unref(m)("expand"),icon:e.unref(V.default),size:"small",variant:"subtle",onClick:x},null,8,["class","aria-label","icon"])])):e.createCommentVNode("",!0),e.createVNode(e.Transition,{name:"transition-fade"},{default:e.withCtx(()=>[t.dismissible?(e.openBlock(),e.createElementBlock("div",W,[e.createVNode(p,{rounded:"","aria-label":e.unref(m)("dismiss"),icon:e.unref(N.default),size:"small",variant:"subtle",onClick:y},null,8,["aria-label","icon"])])):e.createCommentVNode("",!0)]),_:1})]),_:3},8,["class"])),[[e.vShow,e.unref(i)]])}});module.exports=G;
+import{defineComponent as B,useSlots as L,shallowRef as F,computed as r,withDirectives as I,createBlock as P,openBlock as n,resolveDynamicComponent as q,normalizeClass as k,unref as a,withCtx as v,createElementVNode as x,createElementBlock as i,createCommentVNode as c,createVNode as o,renderSlot as f,Transition as b,vShow as H,nextTick as C}from"vue";/* empty css               */import j from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import G from"../../icons/glyph/CancelIcon.svg.mjs";import O from"../../icons/glyph/ChevronDownIcon.svg.mjs";import E from"../EvButton/EvButton.vue.mjs";import{useModelProxy as R}from"../../composables/modelProxy.mjs";import{appearanceIcon as W}from"../../composables/icons.mjs";import{makeEvMessageProps as J}from"./EvMessage.mjs";import{useLocaleFunctions as K}from"../../composables/locale.mjs";import{hasSlotWithContent as D}from"../../composables/hasSlotWithContent.mjs";import Q from"../EvButtonGroup/EvButtonGroup.vue.mjs";import U from"../EvHeading/EvHeading.vue.mjs";/* empty css                          */import{makeClassName as X,appearanceModifier as Y}from"../../util/modifiers.mjs";import{isNumber as Z}from"../../util/is-functions.mjs";/*! Evance UI v1.1.16 | MIT License */const ee={class:"ev-message--icon"},se={class:"ev-message--content"},te={key:0,class:"ev-message--expandable"},ae={key:0,class:"ev-message--description"},ne=["innerHTML"],oe={key:2,class:"ev-message--actions"},ie={key:0,class:"ev-message--expand"},le={key:0,class:"ev-message--dismiss"},De=B({__name:"EvMessage",props:{...J()},emits:["dismissed","click:dismiss","click:expand","update:modelValue"],setup(S,{emit:m}){const e=S,h=L(),g=D(h,"default"),_=D(h,"action"),d=R(e,"modelValue"),l=F(!1),{t:y}=K(),M=r(()=>e.icon?e.icon:W(e.appearance)),$=r(()=>(g.value||!!e.description||_.value||!!u.value.length)&&(!e.expandable||l.value)),w=r(()=>X(e.variant,"is-variant"));function z(){if(!e.dismissDelay)d.value=!1;else if(Z(e.dismissDelay)){const s=e.dismissDelay;setTimeout(()=>{d.value=!1,m("dismissed")},s)}m("click:dismiss")}function N(){l.value=!l.value,m("click:expand",l.value)}const u=r(()=>{if(!e.actions)return[];const s=[];for(const t of e.actions){const p={appearance:e.variant==="bold"?"inverse":e.appearance,variant:"link",size:"small"};s.push(Object.assign(p,t))}return s});function T(s){C(()=>{const t=s;t.style.height="auto";const p=getComputedStyle(t).height;t.style.height="0px",requestAnimationFrame(()=>{t.style.height=p})})}function V(s){const t=s;t.style.height="auto"}function A(s){C(()=>{const t=s;t.style.height=getComputedStyle(t).height,requestAnimationFrame(()=>{t.style.height="0px"})})}return(s,t)=>I((n(),P(q(e.tag),{class:k(["ev-message",w.value,a(Y)(e.appearance),e.class])},{default:v(()=>[x("div",ee,[f(s.$slots,"icon",{},()=>[o(j,{glyph:M.value},null,8,["glyph"])])]),x("div",se,[o(a(U),{class:"ev-message--title",size:"small",text:e.title},null,8,["text"]),o(b,{name:"transition-message",onBeforeEnter:T,onAfterEnter:V,onLeave:A},{default:v(()=>[$.value?(n(),i("div",te,[a(g)?(n(),i("div",ae,[f(s.$slots,"default")])):e.description?(n(),i("div",{key:1,class:"ev-message--description",innerHTML:e.description},null,8,ne)):c("",!0),a(_)||u.value.length?(n(),i("div",oe,[f(s.$slots,"actions",{},()=>[o(a(Q),{items:u.value},null,8,["items"])])])):c("",!0)])):c("",!0)]),_:3})]),e.expandable?(n(),i("div",ie,[o(E,{rounded:"",class:k([{"is-expanded":l.value}]),"aria-label":a(y)("expand"),icon:a(O),size:"small",variant:"subtle",onClick:N},null,8,["class","aria-label","icon"])])):c("",!0),o(b,{name:"transition-fade"},{default:v(()=>[e.dismissible?(n(),i("div",le,[o(E,{rounded:"","aria-label":a(y)("dismiss"),icon:a(G),size:"small",variant:"subtle",onClick:z},null,8,["aria-label","icon"])])):c("",!0)]),_:1})]),_:3},8,["class"])),[[H,a(d)]])}});export{De as default};
 //# sourceMappingURL=EvMessage.vue.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvMessage.vue.mjs","sources":["../../../../src/components/EvMessage/EvMessage.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n # EvMessage\n \n `<ev-message />`\n /\nimport \"./EvMessage.scss\";\nimport { appearanceModifier, isNumber, makeClassName } from \"@/util\";\nimport EvIcon from \"../EvIcon/EvIcon.vue\";\nimport { CancelIcon, ChevronDownIcon } from \"@/icons\";\nimport { computed, nextTick, shallowRef } from \"vue\";\nimport EvButton from \"@/components/EvButton/EvButton.vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { appearanceIcon } from \"@/composables/icons\";\nimport { makeEvMessageProps } from \"./EvMessage\";\nimport { useLocaleFunctions } from \"@/composables/locale\";\nimport { EvButtonProps } from \"@/components/EvButton\";\nimport { hasSlotWithContent } from \"@/composables/hasSlotWithContent\";\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\nimport { EvHeading } from \"@/components/EvHeading\";\n\nconst props = defineProps({\n ...makeEvMessageProps(),\n});\nconst slots = defineSlots<{\n actions(): never;\n default(): never;\n icon(): never;\n}>();\nconst hasDefaultSlot = hasSlotWithContent(slots, \"default\");\nconst hasActionSlot = hasSlotWithContent(slots, \"action\");\nconst modelProxy = useModelProxy(props, \"modelValue\");\nconst isExpanded = shallowRef(false);\nconst { t } = useLocaleFunctions();\n\n// Emit\nconst emit = defineEmits([\n \"dismissed\",\n \"click:dismiss\",\n \"click:expand\",\n \"update:modelValue\",\n]);\n\n/\n ## Icon Glyph\n /\nconst iconGlyph = computed(() => {\n return props.icon ? props.icon : appearanceIcon(props.appearance);\n});\n\nconst showExpandable = computed(() => {\n return (\n (hasDefaultSlot.value \|\|\n !!props.description \|\|\n hasActionSlot.value \|\|\n !!actions.value.length) &&\n (!props.expandable \|\| isExpanded.value)\n );\n});\n\nconst variantModifier = computed(() => {\n return makeClassName(props.variant, \"is-variant\");\n});\n\n/\n ## On Click Dismiss\n /\nfunction dismiss(): void {\n if (!props.dismissDelay) {\n modelProxy.value = false;\n } else if (isNumber(props.dismissDelay)) {\n const delay = props.dismissDelay;\n setTimeout(() => {\n modelProxy.value = false;\n emit(\"dismissed\");\n }, delay);\n }\n emit(\"click:dismiss\");\n}\n\n/\n ## On Click Expand\n /\nfunction expand(): void {\n isExpanded.value = !isExpanded.value;\n emit(\"click:expand\", isExpanded.value);\n}\n\n/\n # Actions\n /\nconst actions = computed(() => {\n if (!props.actions) {\n return [];\n }\n const values = [];\n for (const action of props.actions) {\n const actionDefaults: EvButtonProps = {\n appearance: props.variant === \"bold\" ? \"inverse\" : props.appearance,\n variant: \"link\",\n size: \"small\",\n };\n values.push(Object.assign(actionDefaults, action));\n }\n return values;\n});\n\n/\n # onEnter\n * @param el\n /\nfunction onEnter(el: Element) {\n nextTick(() => {\n const element = el as HTMLElement;\n element.style.height = \"auto\";\n const height = getComputedStyle(element).height;\n element.style.height = \"0px\";\n requestAnimationFrame(() => {\n element.style.height = height;\n });\n });\n}\n\n/\n # onAfterEnter\n * @param el\n /\nfunction onAfterEnter(el: Element) {\n const element = el as HTMLElement;\n element.style.height = \"auto\";\n}\n\n/\n # onLeave\n * @param el\n */\nfunction onLeave(el: Element) {\n nextTick(() => {\n const element = el as HTMLElement;\n element.style.height = getComputedStyle(element).height;\n requestAnimationFrame(() => {\n element.style.height = \"0px\";\n });\n });\n}\n</script>\n\n<template>\n <component\n :is=\"props.tag\"\n v-show=\"modelProxy\"\n :class=\"[\n 'ev-message',\n variantModifier,\n appearanceModifier(props.appearance),\n props.class,\n ]\">\n <div class=\"ev-message--icon\">\n <slot name=\"icon\">\n <ev-icon :glyph=\"iconGlyph\" />\n </slot>\n </div>\n <div class=\"ev-message--content\">\n <ev-heading\n class=\"ev-message--title\"\n size=\"small\"\n :text=\"props.title\" />\n <transition\n name=\"transition-message\"\n @before-enter=\"onEnter\"\n @after-enter=\"onAfterEnter\"\n @leave=\"onLeave\">\n <div v-if=\"showExpandable\" class=\"ev-message--expandable\">\n <div v-if=\"hasDefaultSlot\" class=\"ev-message--description\">\n <slot name=\"default\" />\n </div>\n <div\n v-else-if=\"!!props.description\"\n class=\"ev-message--description\"\n v-html=\"props.description\"></div>\n <div\n v-if=\"hasActionSlot \|\| actions.length\"\n class=\"ev-message--actions\">\n <slot name=\"actions\">\n <ev-button-group :items=\"actions\" />\n </slot>\n </div>\n </div>\n </transition>\n </div>\n <div v-if=\"props.expandable\" class=\"ev-message--expand\">\n <ev-button\n rounded\n :class=\"[{ 'is-expanded': isExpanded }]\"\n :aria-label=\"t('expand')\"\n :icon=\"ChevronDownIcon\"\n size=\"small\"\n variant=\"subtle\"\n @click=\"expand\" />\n </div>\n <transition name=\"transition-fade\">\n <div v-if=\"props.dismissible\" class=\"ev-message--dismiss\">\n <ev-button\n rounded\n :aria-label=\"t('dismiss')\"\n :icon=\"CancelIcon\"\n size=\"small\"\n variant=\"subtle\"\n @click=\"dismiss\" />\n </div>\n </transition>\n </component>\n</template>\n"],"names":["slots","_useSlots","hasDefaultSlot","hasSlotWithContent","hasActionSlot","modelProxy","useModelProxy","props","isExpanded","shallowRef","t","useLocaleFunctions","iconGlyph","computed","appearanceIcon","showExpandable","actions","variantModifier","makeClassName","dismiss","isNumber","delay","emit","expand","values","action","actionDefaults","onEnter","el","nextTick","element","height","onAfterEnter","onLeave"],"mappings":"~~ssCAwBMA~~,EAAQC,~~EAAAA~~,~~WAKRC,~~EAAiBC,~~EAAAA~~,~~mBAAmBH,~~EAAO,SAAS,EACpDI,EAAgBD,~~EAAAA~~,~~mBAAmBH,~~EAAO,QAAQ,EAClDK,EAAaC,~~EAAAA~~,~~cAAcC,~~EAAO,YAAY,EAC9CC,EAAaC,~~aAAW~~,EAAK,EAC7B,CAAE,EAAAC,CAAE,EAAIC,~~qBAAmB~~,EAa3BC,EAAYC,~~EAAAA~~,~~SAAS,~~IAChBN,EAAM,KAAOA,EAAM,KAAOO,~~EAAA~~,~~eAAeP,~~EAAM,UAAU,CACnE,EAEKQ,EAAiBF,~~EAAAA~~,~~SAAS,~~KAEvBX,EAAe,OACZ,CAAC,CAACK,EAAM,aACRH,EAAc,OACd,CAAC,CAACY,EAAQ,MAAM,UACnB,CAACT,EAAM,YAAcC,EAAW,MAExC,EAEKS,EAAkBJ,~~EAAAA~~,~~SAAS,~~IACtBK,~~gBAAcX~~,EAAM,QAAS,YAAY,CACnD,EAKD,SAASY,GAAgB,CACjB,GAAA,CAACZ,EAAM,aACPF,EAAW,MAAQ,WACZe,~~EAAA~~,~~SAASb,~~EAAM,YAAY,EAAG,CACrC,MAAMc,EAAQd,EAAM,aACpB,WAAW,IAAM,CACbF,EAAW,MAAQ,GACnBiB,EAAK,WAAW,GACjBD,CAAK,CAAA,CAEZC,EAAK,eAAe,CAAA,CAMxB,SAASC,GAAe,CACTf,EAAA,MAAQ,CAACA,EAAW,MAC1Bc,EAAA,eAAgBd,EAAW,KAAK,CAAA,CAMnC,MAAAQ,EAAUH,~~EAAAA~~,~~SAAS,~~IAAM,CACvB,GAAA,CAACN,EAAM,QACP,MAAO,CAAC,EAEZ,MAAMiB,EAAS,CAAC,EACL,UAAAC,KAAUlB,EAAM,QAAS,CAChC,MAAMmB,EAAgC,CAClC,WAAYnB,EAAM,UAAY,OAAS,UAAYA,EAAM,WACzD,QAAS,OACT,KAAM,OACV,EACAiB,EAAO,KAAK,OAAO,OAAOE,EAAgBD,CAAM,CAAC,CAAA,CAE9C,OAAAD,CAAA,CACV,EAMD,SAASG,EAAQC,EAAa,CAC1BC,~~EAAAA~~,~~SAAS,~~IAAM,CACX,MAAMC,EAAUF,EAChBE,EAAQ,MAAM,OAAS,OACjB,MAAAC,EAAS,iBAAiBD,CAAO,EAAE,OACzCA,EAAQ,MAAM,OAAS,MACvB,sBAAsB,IAAM,CACxBA,EAAQ,MAAM,OAASC,CAAA,CAC1B,CAAA,CACJ,CAAA,CAOL,SAASC,EAAaJ,EAAa,CAC/B,MAAME,EAAUF,EAChBE,EAAQ,MAAM,OAAS,MAAA,CAO3B,SAASG,EAAQL,EAAa,CAC1BC,~~EAAAA~~,~~SAAS,~~IAAM,CACX,MAAMC,EAAUF,EAChBE,EAAQ,MAAM,OAAS,iBAAiBA,CAAO,EAAE,OACjD,sBAAsB,IAAM,CACxBA,EAAQ,MAAM,OAAS,KAAA,CAC1B,CAAA,CACJ,CAAA"}
1	+ {"version":3,"file":"EvMessage.vue.mjs","sources":["../../../../src/components/EvMessage/EvMessage.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n # EvMessage\n \n `<ev-message />`\n /\nimport \"./EvMessage.scss\";\nimport { appearanceModifier, isNumber, makeClassName } from \"@/util\";\nimport EvIcon from \"../EvIcon/EvIcon.vue\";\nimport { CancelIcon, ChevronDownIcon } from \"@/icons\";\nimport { computed, nextTick, shallowRef } from \"vue\";\nimport EvButton from \"@/components/EvButton/EvButton.vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { appearanceIcon } from \"@/composables/icons\";\nimport { makeEvMessageProps } from \"./EvMessage\";\nimport { useLocaleFunctions } from \"@/composables/locale\";\nimport { EvButtonProps } from \"@/components/EvButton\";\nimport { hasSlotWithContent } from \"@/composables/hasSlotWithContent\";\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\nimport { EvHeading } from \"@/components/EvHeading\";\n\nconst props = defineProps({\n ...makeEvMessageProps(),\n});\nconst slots = defineSlots<{\n actions(): never;\n default(): never;\n icon(): never;\n}>();\nconst hasDefaultSlot = hasSlotWithContent(slots, \"default\");\nconst hasActionSlot = hasSlotWithContent(slots, \"action\");\nconst modelProxy = useModelProxy(props, \"modelValue\");\nconst isExpanded = shallowRef(false);\nconst { t } = useLocaleFunctions();\n\n// Emit\nconst emit = defineEmits([\n \"dismissed\",\n \"click:dismiss\",\n \"click:expand\",\n \"update:modelValue\",\n]);\n\n/\n ## Icon Glyph\n /\nconst iconGlyph = computed(() => {\n return props.icon ? props.icon : appearanceIcon(props.appearance);\n});\n\nconst showExpandable = computed(() => {\n return (\n (hasDefaultSlot.value \|\|\n !!props.description \|\|\n hasActionSlot.value \|\|\n !!actions.value.length) &&\n (!props.expandable \|\| isExpanded.value)\n );\n});\n\nconst variantModifier = computed(() => {\n return makeClassName(props.variant, \"is-variant\");\n});\n\n/\n ## On Click Dismiss\n /\nfunction dismiss(): void {\n if (!props.dismissDelay) {\n modelProxy.value = false;\n } else if (isNumber(props.dismissDelay)) {\n const delay = props.dismissDelay;\n setTimeout(() => {\n modelProxy.value = false;\n emit(\"dismissed\");\n }, delay);\n }\n emit(\"click:dismiss\");\n}\n\n/\n ## On Click Expand\n /\nfunction expand(): void {\n isExpanded.value = !isExpanded.value;\n emit(\"click:expand\", isExpanded.value);\n}\n\n/\n # Actions\n /\nconst actions = computed(() => {\n if (!props.actions) {\n return [];\n }\n const values = [];\n for (const action of props.actions) {\n const actionDefaults: EvButtonProps = {\n appearance: props.variant === \"bold\" ? \"inverse\" : props.appearance,\n variant: \"link\",\n size: \"small\",\n };\n values.push(Object.assign(actionDefaults, action));\n }\n return values;\n});\n\n/\n # onEnter\n * @param el\n /\nfunction onEnter(el: Element) {\n nextTick(() => {\n const element = el as HTMLElement;\n element.style.height = \"auto\";\n const height = getComputedStyle(element).height;\n element.style.height = \"0px\";\n requestAnimationFrame(() => {\n element.style.height = height;\n });\n });\n}\n\n/\n # onAfterEnter\n * @param el\n /\nfunction onAfterEnter(el: Element) {\n const element = el as HTMLElement;\n element.style.height = \"auto\";\n}\n\n/\n # onLeave\n * @param el\n */\nfunction onLeave(el: Element) {\n nextTick(() => {\n const element = el as HTMLElement;\n element.style.height = getComputedStyle(element).height;\n requestAnimationFrame(() => {\n element.style.height = \"0px\";\n });\n });\n}\n</script>\n\n<template>\n <component\n :is=\"props.tag\"\n v-show=\"modelProxy\"\n :class=\"[\n 'ev-message',\n variantModifier,\n appearanceModifier(props.appearance),\n props.class,\n ]\">\n <div class=\"ev-message--icon\">\n <slot name=\"icon\">\n <ev-icon :glyph=\"iconGlyph\" />\n </slot>\n </div>\n <div class=\"ev-message--content\">\n <ev-heading\n class=\"ev-message--title\"\n size=\"small\"\n :text=\"props.title\" />\n <transition\n name=\"transition-message\"\n @before-enter=\"onEnter\"\n @after-enter=\"onAfterEnter\"\n @leave=\"onLeave\">\n <div v-if=\"showExpandable\" class=\"ev-message--expandable\">\n <div v-if=\"hasDefaultSlot\" class=\"ev-message--description\">\n <slot name=\"default\" />\n </div>\n <div\n v-else-if=\"!!props.description\"\n class=\"ev-message--description\"\n v-html=\"props.description\"></div>\n <div\n v-if=\"hasActionSlot \|\| actions.length\"\n class=\"ev-message--actions\">\n <slot name=\"actions\">\n <ev-button-group :items=\"actions\" />\n </slot>\n </div>\n </div>\n </transition>\n </div>\n <div v-if=\"props.expandable\" class=\"ev-message--expand\">\n <ev-button\n rounded\n :class=\"[{ 'is-expanded': isExpanded }]\"\n :aria-label=\"t('expand')\"\n :icon=\"ChevronDownIcon\"\n size=\"small\"\n variant=\"subtle\"\n @click=\"expand\" />\n </div>\n <transition name=\"transition-fade\">\n <div v-if=\"props.dismissible\" class=\"ev-message--dismiss\">\n <ev-button\n rounded\n :aria-label=\"t('dismiss')\"\n :icon=\"CancelIcon\"\n size=\"small\"\n variant=\"subtle\"\n @click=\"dismiss\" />\n </div>\n </transition>\n </component>\n</template>\n"],"names":["slots","_useSlots","hasDefaultSlot","hasSlotWithContent","hasActionSlot","modelProxy","useModelProxy","props","isExpanded","shallowRef","t","useLocaleFunctions","iconGlyph","computed","appearanceIcon","showExpandable","actions","variantModifier","makeClassName","dismiss","isNumber","delay","emit","expand","values","action","actionDefaults","onEnter","el","nextTick","element","height","onAfterEnter","onLeave"],"mappings":"woDAwBMA,EAAQC,IAKRC,EAAiBC,EAAmBH,EAAO,SAAS,EACpDI,EAAgBD,EAAmBH,EAAO,QAAQ,EAClDK,EAAaC,EAAcC,EAAO,YAAY,EAC9CC,EAAaC,EAAW,EAAK,EAC7B,CAAE,EAAAC,CAAE,EAAIC,EAAmB,EAa3BC,EAAYC,EAAS,IAChBN,EAAM,KAAOA,EAAM,KAAOO,EAAeP,EAAM,UAAU,CACnE,EAEKQ,EAAiBF,EAAS,KAEvBX,EAAe,OACZ,CAAC,CAACK,EAAM,aACRH,EAAc,OACd,CAAC,CAACY,EAAQ,MAAM,UACnB,CAACT,EAAM,YAAcC,EAAW,MAExC,EAEKS,EAAkBJ,EAAS,IACtBK,EAAcX,EAAM,QAAS,YAAY,CACnD,EAKD,SAASY,GAAgB,CACjB,GAAA,CAACZ,EAAM,aACPF,EAAW,MAAQ,WACZe,EAASb,EAAM,YAAY,EAAG,CACrC,MAAMc,EAAQd,EAAM,aACpB,WAAW,IAAM,CACbF,EAAW,MAAQ,GACnBiB,EAAK,WAAW,GACjBD,CAAK,CAAA,CAEZC,EAAK,eAAe,CAAA,CAMxB,SAASC,GAAe,CACTf,EAAA,MAAQ,CAACA,EAAW,MAC1Bc,EAAA,eAAgBd,EAAW,KAAK,CAAA,CAMnC,MAAAQ,EAAUH,EAAS,IAAM,CACvB,GAAA,CAACN,EAAM,QACP,MAAO,CAAC,EAEZ,MAAMiB,EAAS,CAAC,EACL,UAAAC,KAAUlB,EAAM,QAAS,CAChC,MAAMmB,EAAgC,CAClC,WAAYnB,EAAM,UAAY,OAAS,UAAYA,EAAM,WACzD,QAAS,OACT,KAAM,OACV,EACAiB,EAAO,KAAK,OAAO,OAAOE,EAAgBD,CAAM,CAAC,CAAA,CAE9C,OAAAD,CAAA,CACV,EAMD,SAASG,EAAQC,EAAa,CAC1BC,EAAS,IAAM,CACX,MAAMC,EAAUF,EAChBE,EAAQ,MAAM,OAAS,OACjB,MAAAC,EAAS,iBAAiBD,CAAO,EAAE,OACzCA,EAAQ,MAAM,OAAS,MACvB,sBAAsB,IAAM,CACxBA,EAAQ,MAAM,OAASC,CAAA,CAC1B,CAAA,CACJ,CAAA,CAOL,SAASC,EAAaJ,EAAa,CAC/B,MAAME,EAAUF,EAChBE,EAAQ,MAAM,OAAS,MAAA,CAO3B,SAASG,EAAQL,EAAa,CAC1BC,EAAS,IAAM,CACX,MAAMC,EAAUF,EAChBE,EAAQ,MAAM,OAAS,iBAAiBA,CAAO,EAAE,OACjD,sBAAsB,IAAM,CACxBA,EAAQ,MAAM,OAAS,KAAA,CAC1B,CAAA,CACJ,CAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvMessage.vue.mjs");module.exports=e;
+import f from"./EvMessage.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvMessage.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../EvMessage/EvMessage.mjs"),t=require("../../util/props.mjs"),i=t.propsFactory({timeout:Number,zIndex:{type:[Number,String],default:2e3},...e.makeEvMessageProps({tag:"div",dismissible:!0,dismissDelay:!0,variant:"subtle"})},"EvNotification");exports.makeEvNotificationProps=i;
+import{makeEvMessageProps as t}from"../EvMessage/EvMessage.mjs";import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.16 | MIT License */const r=e({timeout:Number,zIndex:{type:[Number,String],default:2e3},...t({tag:"div",dismissible:!0,dismissDelay:!0,variant:"subtle"})},"EvNotification");export{r as makeEvNotificationProps};
 //# sourceMappingURL=EvNotification.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvNotification.mjs","sources":["../../../../src/components/EvNotification/EvNotification.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport {\n EvMessageProps,\n EvMessageSlots,\n makeEvMessageProps,\n} from \"../EvMessage\";\n\n/*\n # EvNotificationProps\n /\nexport interface EvNotificationProps extends EvMessageProps {\n timeout?: number;\n}\n\nexport interface EvNotificationSlots extends EvMessageSlots {}\n\n/\n # makeEvNotificationProps\n */\nexport const makeEvNotificationProps = propsFactory(\n {\n timeout: Number,\n zIndex: {\n type: [Number, String],\n default: 2000,\n },\n\n ...makeEvMessageProps({\n tag: \"div\" as const,\n dismissible: true,\n dismissDelay: true as const,\n variant: \"subtle\",\n }),\n },\n \"EvNotification\",\n);\n"],"names":["makeEvNotificationProps","propsFactory","makeEvMessageProps"],"mappings":"~~sMAmBaA~~,EAA0BC,~~EAAA~~,~~aACnC,~~CACI,QAAS,OACT,OAAQ,CACJ,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,GACb,EAEA,GAAGC,~~qBAAmB~~,CAClB,IAAK,MACL,YAAa,GACb,aAAc,GACd,QAAS,QACZ,CAAA,CACL,EACA,gBACJ"}
1	+ {"version":3,"file":"EvNotification.mjs","sources":["../../../../src/components/EvNotification/EvNotification.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport {\n EvMessageProps,\n EvMessageSlots,\n makeEvMessageProps,\n} from \"../EvMessage\";\n\n/*\n # EvNotificationProps\n /\nexport interface EvNotificationProps extends EvMessageProps {\n timeout?: number;\n}\n\nexport interface EvNotificationSlots extends EvMessageSlots {}\n\n/\n # makeEvNotificationProps\n */\nexport const makeEvNotificationProps = propsFactory(\n {\n timeout: Number,\n zIndex: {\n type: [Number, String],\n default: 2000,\n },\n\n ...makeEvMessageProps({\n tag: \"div\" as const,\n dismissible: true,\n dismissDelay: true as const,\n variant: \"subtle\",\n }),\n },\n \"EvNotification\",\n);\n"],"names":["makeEvNotificationProps","propsFactory","makeEvMessageProps"],"mappings":"0JAmBO,MAAMA,EAA0BC,EACnC,CACI,QAAS,OACT,OAAQ,CACJ,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,GACb,EAEA,GAAGC,EAAmB,CAClB,IAAK,MACL,YAAa,GACb,aAAc,GACd,QAAS,QACZ,CAAA,CACL,EACA,gBACJ"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                      */const v=require("./EvNotification.mjs"),l=require("../EvMessage/EvMessage.vue.mjs"),y=require("../EvSurface/EvSurface.vue.mjs"),a=require("../../composables/modelProxy.mjs"),q=require("../../composables/stack.mjs"),c=require("../../util/helpers.mjs"),S=e.defineComponent({__name:"EvNotification",props:{...v.makeEvNotificationProps()},emits:["dismiss","update:modelValue"],setup(m,{emit:d}){const t=m;e.useSlots();const r=a.useModelProxy(t,"modelValue"),o=a.useModelProxy(t,"timeout"),p=e.computed(()=>c.omit(c.filterComponentProps(l,t),["modelValue"]));function i(){r.value=!1,d("dismiss")}const{stackStyles:f}=q.useStack(r,e.toRef(t,"zIndex"),!1);e.watch(o,()=>{o.value?u():_()}),e.onMounted(()=>{o.value&&u()});let n=null;function u(){n=setTimeout(()=>{i()},o.value)}function _(){clearTimeout(n)}return(s,h)=>(e.openBlock(),e.createBlock(e.unref(y),{class:"ev-notification",role:"alert",rounded:"small",elevation:"overlay",style:e.normalizeStyle([e.unref(f)])},{default:e.withCtx(()=>[e.createVNode(e.unref(l),e.mergeProps(p.value,{"onClick:dismiss":i}),{icon:e.withCtx(()=>[e.renderSlot(s.$slots,"icon")]),default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),actions:e.withCtx(()=>[e.renderSlot(s.$slots,"actions")]),_:3},16)]),_:3},8,["style"]))}});module.exports=S;
+import{defineComponent as k,useSlots as y,computed as P,toRef as S,watch as $,onMounted as C,createBlock as T,openBlock as V,unref as i,normalizeStyle as h,withCtx as t,createVNode as N,mergeProps as g,renderSlot as r}from"vue";/* empty css                    */import{makeEvNotificationProps as w}from"./EvNotification.mjs";import u from"../EvMessage/EvMessage.vue.mjs";import x from"../EvSurface/EvSurface.vue.mjs";import{useModelProxy as c}from"../../composables/modelProxy.mjs";import{useStack as z}from"../../composables/stack.mjs";import{omit as B,filterComponentProps as E}from"../../util/helpers.mjs";/*! Evance UI v1.1.16 | MIT License */const G=k({__name:"EvNotification",props:{...w()},emits:["dismiss","update:modelValue"],setup(f,{emit:p}){const e=f;y();const l=c(e,"modelValue"),o=c(e,"timeout"),d=P(()=>B(E(u,e),["modelValue"]));function m(){l.value=!1,p("dismiss")}const{stackStyles:v}=z(l,S(e,"zIndex"),!1);$(o,()=>{o.value?a():_()}),C(()=>{o.value&&a()});let n=null;function a(){n=setTimeout(()=>{m()},o.value)}function _(){clearTimeout(n)}return(s,M)=>(V(),T(i(x),{class:"ev-notification",role:"alert",rounded:"small",elevation:"overlay",style:h([i(v)])},{default:t(()=>[N(i(u),g(d.value,{"onClick:dismiss":m}),{icon:t(()=>[r(s.$slots,"icon")]),default:t(()=>[r(s.$slots,"default")]),actions:t(()=>[r(s.$slots,"actions")]),_:3},16)]),_:3},8,["style"]))}});export{G as default};
 //# sourceMappingURL=EvNotification.vue.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvNotification.vue.mjs","sources":["../../../../src/components/EvNotification/EvNotification.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvNotification.scss\";\nimport { makeEvNotificationProps } from \"./EvNotification\";\nimport { EvMessage } from \"../EvMessage\";\nimport { EvSurface } from \"../EvSurface\";\nimport { filterComponentProps, omit } from \"@/util\";\nimport { computed, onMounted, toRef, watch } from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { useStack } from \"@/composables/stack\";\n\nconst props = defineProps({\n ...makeEvNotificationProps(),\n});\nconst slots = defineSlots<{\n actions(): never;\n default(): never;\n icon(): never;\n}>();\nconst model = useModelProxy(props, \"modelValue\");\nconst timeout = useModelProxy(props, \"timeout\");\nconst messageProps = computed(() => {\n return omit(filterComponentProps(EvMessage, props), [\"modelValue\"]);\n});\n\n// Emit\nconst emit = defineEmits([\"dismiss\", \"update:modelValue\"]);\n\nfunction dismiss() {\n model.value = false;\n emit(\"dismiss\");\n}\n\nconst { stackStyles } = useStack(model, toRef(props, \"zIndex\"), false);\n\nwatch(timeout, () => {\n if (!timeout.value) {\n stopTimer();\n } else {\n startTimer();\n }\n});\n\nonMounted(() => {\n if (!timeout.value) {\n return;\n }\n startTimer();\n});\n\nlet timer: any = null;\nfunction startTimer() {\n timer = setTimeout(() => {\n dismiss();\n }, timeout.value);\n}\n\nfunction stopTimer() {\n clearTimeout(timer);\n}\n</script>\n\n<template>\n <ev-surface\n class=\"ev-notification\"\n role=\"alert\"\n rounded=\"small\"\n elevation=\"overlay\"\n :style=\"[stackStyles]\">\n <ev-message v-bind=\"messageProps\" @click:dismiss=\"dismiss\">\n <template #icon>\n <slot name=\"icon\" />\n </template>\n <template #default>\n <slot name=\"default\" />\n </template>\n <template #actions>\n <slot name=\"actions\" />\n </template>\n </ev-message>\n </ev-surface>\n</template>\n"],"names":["_useSlots","model","useModelProxy","props","timeout","messageProps","computed","omit","filterComponentProps","EvMessage","dismiss","emit","stackStyles","useStack","toRef","watch","startTimer","stopTimer","onMounted","timer"],"mappings":"~~ggBAacA~~,~~aAKR~~,MAAAC,EAAQC,~~EAAAA~~,~~cAAcC,~~EAAO,YAAY,EACzCC,EAAUF,~~EAAAA~~,~~cAAcC,~~EAAO,SAAS,EACxCE,EAAeC,~~EAAAA~~,~~SAAS,~~IACnBC,~~EAAAA~~,~~KAAKC~~,~~EAAAA,qBAAqBC,~~EAAWN,CAAK,EAAG,CAAC,YAAY,CAAC,CACrE,EAKD,SAASO,GAAU,CACfT,EAAM,MAAQ,GACdU,EAAK,SAAS,CAAA,CAGZ,KAAA,CAAE,YAAAC,CAAgB,EAAAC,~~WAASZ~~,EAAOa,~~EAAAA~~,~~MAAMX,~~EAAO,QAAQ,EAAG,EAAK,EAErEY,~~EAAA~~,~~MAAMX,~~EAAS,IAAM,CACZA,EAAQ,MAGEY,EAAA,EAFDC,EAAA,CAGd,CACH,EAEDC,~~EAAAA~~,~~UAAU,~~IAAM,CACPd,EAAQ,OAGFY,EAAA,CAAA,CACd,EAED,IAAIG,EAAa,KACjB,SAASH,GAAa,CAClBG,EAAQ,WAAW,IAAM,CACbT,EAAA,CAAA,EACTN,EAAQ,KAAK,CAAA,CAGpB,SAASa,GAAY,CACjB,aAAaE,CAAK,CAAA"}
1	+ {"version":3,"file":"EvNotification.vue.mjs","sources":["../../../../src/components/EvNotification/EvNotification.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvNotification.scss\";\nimport { makeEvNotificationProps } from \"./EvNotification\";\nimport { EvMessage } from \"../EvMessage\";\nimport { EvSurface } from \"../EvSurface\";\nimport { filterComponentProps, omit } from \"@/util\";\nimport { computed, onMounted, toRef, watch } from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { useStack } from \"@/composables/stack\";\n\nconst props = defineProps({\n ...makeEvNotificationProps(),\n});\nconst slots = defineSlots<{\n actions(): never;\n default(): never;\n icon(): never;\n}>();\nconst model = useModelProxy(props, \"modelValue\");\nconst timeout = useModelProxy(props, \"timeout\");\nconst messageProps = computed(() => {\n return omit(filterComponentProps(EvMessage, props), [\"modelValue\"]);\n});\n\n// Emit\nconst emit = defineEmits([\"dismiss\", \"update:modelValue\"]);\n\nfunction dismiss() {\n model.value = false;\n emit(\"dismiss\");\n}\n\nconst { stackStyles } = useStack(model, toRef(props, \"zIndex\"), false);\n\nwatch(timeout, () => {\n if (!timeout.value) {\n stopTimer();\n } else {\n startTimer();\n }\n});\n\nonMounted(() => {\n if (!timeout.value) {\n return;\n }\n startTimer();\n});\n\nlet timer: any = null;\nfunction startTimer() {\n timer = setTimeout(() => {\n dismiss();\n }, timeout.value);\n}\n\nfunction stopTimer() {\n clearTimeout(timer);\n}\n</script>\n\n<template>\n <ev-surface\n class=\"ev-notification\"\n role=\"alert\"\n rounded=\"small\"\n elevation=\"overlay\"\n :style=\"[stackStyles]\">\n <ev-message v-bind=\"messageProps\" @click:dismiss=\"dismiss\">\n <template #icon>\n <slot name=\"icon\" />\n </template>\n <template #default>\n <slot name=\"default\" />\n </template>\n <template #actions>\n <slot name=\"actions\" />\n </template>\n </ev-message>\n </ev-surface>\n</template>\n"],"names":["_useSlots","model","useModelProxy","props","timeout","messageProps","computed","omit","filterComponentProps","EvMessage","dismiss","emit","stackStyles","useStack","toRef","watch","startTimer","stopTimer","onMounted","timer"],"mappings":"2vBAacA,IAKR,MAAAC,EAAQC,EAAcC,EAAO,YAAY,EACzCC,EAAUF,EAAcC,EAAO,SAAS,EACxCE,EAAeC,EAAS,IACnBC,EAAKC,EAAqBC,EAAWN,CAAK,EAAG,CAAC,YAAY,CAAC,CACrE,EAKD,SAASO,GAAU,CACfT,EAAM,MAAQ,GACdU,EAAK,SAAS,CAAA,CAGZ,KAAA,CAAE,YAAAC,CAAgB,EAAAC,EAASZ,EAAOa,EAAMX,EAAO,QAAQ,EAAG,EAAK,EAErEY,EAAMX,EAAS,IAAM,CACZA,EAAQ,MAGEY,EAAA,EAFDC,EAAA,CAGd,CACH,EAEDC,EAAU,IAAM,CACPd,EAAQ,OAGFY,EAAA,CAAA,CACd,EAED,IAAIG,EAAa,KACjB,SAASH,GAAa,CAClBG,EAAQ,WAAW,IAAM,CACbT,EAAA,CAAA,EACTN,EAAQ,KAAK,CAAA,CAGpB,SAASa,GAAY,CACjB,aAAaE,CAAK,CAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvNotification.vue.mjs");module.exports=e;
+import f from"./EvNotification.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvNotification.vue2.mjs.map