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

@evance/evance-ui 1.1.12 → 1.1.13

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 (1060) hide show

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                  */const j=require("./EvListItem.mjs"),H=require("../../composables/router.mjs"),M=require("../../composables/lists/list.mjs"),F=require("../../composables/lists/nested.mjs"),a=require("../EvIcon/EvIcon.vue.mjs");;/* empty css                      */const d=require("../EvButton/EvButton.vue.mjs"),R=require("../EvButtonGroup/EvButtonGroup.vue.mjs"),y=require("../EvText/EvText.vue.mjs");;/* empty css                      */const G=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"},le={key:2,class:"ev-list-item--prefix"},oe={key:3,class:"ev-list-item--suffix"},ne={key:4,class:"ev-list-item--actions"},re={key:5,class:"ev-list-item--icon-end"},se={class:"ev-list-item-children",role:"group"},ie=e.defineComponent({__name:"EvListItem",props:{...j.makeEvListItemProps()},emits:["click","click:open","click:select","update:opened"],setup(E,{emit:C}){const t=E,n=e.useSlots(),b=e.useAttrs(),o=H.useRouterLinkOrHref(t,b),v=M.useList(),x=e.computed(()=>t.value===void 0?o.href.value:t.value),p=W.useModelProxy(t,"loading"),s=e.computed(()=>!!n.children||!!t.children),{select:N,isSelected:m,isOpen:i,open:q,root:S}=F.useNestedListItem(x,s.value),V=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 l;return t.active!==!1&&(t.active||((l=o.isActive)==null?void 0:l.value))}),L=e.computed(()=>{var l;return t.exact!==!1&&(t.exact||((l=o.isExactActive)==null?void 0:l.value)||m.value)}),w=e.computed(()=>V.value?"a":t.tag),I=e.computed(()=>c.value?v?-2:0:null);function f(l){var u;C("click",l),c.value&&((u=o.navigate)==null||u.call(o,l),t.value!=null&&N(!m.value,l))}function k(l){l.preventDefault(),f(l)}const A=e.computed(()=>!!o.isClickable.value||!!t.onClick),O=e.computed(()=>e.mergeProps({truncate:!0,text:e.toDisplayString(t.title)},t.titleProps)),D=e.computed(()=>e.mergeProps({appearance:"subtle",size:"small",truncate:!0,text:e.toDisplayString(t.subtitle)},t.subtitleProps)),_=e.computed(()=>t.actions.map(l=>({props:l,id:B.getNextId()}))),$=e.computed(()=>!!_.value.length),h=e.computed(()=>t.actionsOnHover.map(l=>({props:l,id:B.getNextId()}))),g=e.computed(()=>!!h.value.length),z=U.default("",!1),K=e.computed(()=>p.value||s.value||S.isNested.value);function T(l){q(!i.value,l)}return(l,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:f,onKeydown:[e.withKeys(k,["enter"]),e.withKeys(k,["space"])]},{default:e.withCtx(()=>[e.createElementVNode("div",Y,[e.renderSlot(l.$slots,"default",{},()=>[e.createVNode(e.unref(y.default),e.mergeProps({tag:"div",class:"ev-list-item--title"},O.value),null,16),t.subtitle?(e.openBlock(),e.createBlock(e.unref(y.default),e.mergeProps({key:0,tag:"div",class:"ev-list-item--subtitle"},D.value),null,16)):e.createCommentVNode("",!0)])]),Z]),_:3},40,["href","tabindex","onKeydown"])),K.value?(e.openBlock(),e.createElementBlock("div",ee,[s.value?(e.openBlock(),e.createBlock(e.unref(d.default),{key:0,icon:"",size:"x-small",variant:"subtle",loading:e.unref(p),"icon-start":e.unref(G.default),onClick:T},null,8,["loading","icon-start"])):(e.openBlock(),e.createBlock(e.unref(a.default),{key:1,glyph:e.unref(J.default)},null,8,["glyph"]))])):e.createCommentVNode("",!0),e.unref(n).iconStart||t.iconStart?(e.openBlock(),e.createElementBlock("div",te,[e.renderSlot(l.$slots,"iconStart",{},()=>[e.createVNode(e.unref(a.default),{glyph:t.iconStart},null,8,["glyph"])])])):e.createCommentVNode("",!0),e.unref(n).prefix?(e.openBlock(),e.createElementBlock("div",le,[e.renderSlot(l.$slots,"prefix")])):e.createCommentVNode("",!0),e.unref(n).suffix?(e.openBlock(),e.createElementBlock("div",oe,[e.renderSlot(l.$slots,"suffix")])):e.createCommentVNode("",!0),$.value||g.value?(e.openBlock(),e.createElementBlock("div",ne,[e.createVNode(e.unref(R.default),{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.default),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(_.value,r=>(e.openBlock(),e.createBlock(e.unref(d.default),e.mergeProps({key:r.id},r.props),null,16))),128))]),_:1})])):e.createCommentVNode("",!0),e.unref(n).iconEnd||t.iconEnd?(e.openBlock(),e.createElementBlock("div",re,[e.renderSlot(l.$slots,"iconEnd",{},()=>[e.createVNode(e.unref(a.default),{glyph:t.iconEnd},null,8,["glyph"])])])):e.createCommentVNode("",!0)],6),s.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",se,[e.renderSlot(l.$slots,"children",{},()=>[e.createVNode(Q.default,{items:t.children,"return-object":t.returnObject},null,8,["items","return-object"])])],512),[[e.vShow,e.unref(i)]])]),_:3},16)):e.createCommentVNode("",!0)],2))}});exports.default=ie;
+"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;
 //# 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":"ihDAuBMA,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,EAAAA,QAA0B,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":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvListItem.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvListItem.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvListItem.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | 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;
+"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;
 //# sourceMappingURL=EvLozenge.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                 */const i=require("./EvLozenge.mjs"),r=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(n){const t=n,s=()=>d.isIntegerish(t.maxWidth),o=e.computed(()=>s()?`${t.maxWidth}px`:t.maxWidth),{appearanceClass:a,variantClass:l}=m.useAppearance(t),{themeClasses:c}=p.provideTheme(t);return(u,v)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:e.normalizeClass(["ev-lozenge",e.unref(c),e.unref(a),e.unref(l),t.class]),style:e.normalizeStyle([{"max-width":o.value},t.style])},{default:e.withCtx(()=>[t.iconStart?(e.openBlock(),e.createBlock(e.unref(r.default),{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(r.default),{key:1,glyph:t.iconEnd,size:"small"},null,8,["glyph"])):e.createCommentVNode("",!0)]),_:3},8,["class","style"]))}});exports.default=_;
+"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=_;
 //# 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":"~~4iBAqBMA~~,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":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvLozenge.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvLozenge.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvLozenge.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | 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.default}})},"EvMenu");exports.makeEvMenuProps=r;
+"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;
 //# 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,~~EAAiB~~,~~OAAA,~~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":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css              */const C=require("./EvMenu.mjs"),v=require("../EvOverlay/EvOverlay.vue.mjs"),S=require("../../composables/modelProxy.mjs"),d=require("./shared.mjs"),p=require("../../util/helpers.mjs"),f=require("../../util/events.mjs"),q=e.defineComponent({__name:"EvMenu",props:{...C.makeEvMenuProps()},setup(m,{expose:y}){const l=m,w=e.useSlots(),r=S.useModelProxy(l,"modelValue"),P=p.getNextId(),a=e.computed(()=>l.id||`ev-menu-${P}`),i=e.ref(),t=e.inject(d.EvMenuSymbol,null),n=e.shallowRef(0);e.provide(d.EvMenuSymbol,{register(){++n.value},unregister(){--n.value},closeParents(){setTimeout(()=>{n.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 _(){t==null||t.closeParents()}function g(o){var s,u;l.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(l.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 k=e.computed(()=>e.mergeProps({"aria-haspopup":"menu","aria-expanded":String(r.value),"aria-owns":a.value,onKeydown:c},l.activatorProps));y({id:a,openChildren:n});const h=e.computed(()=>p.filterComponentProps(v.default,l));return(o,s)=>(e.openBlock(),e.createBlock(e.unref(v.default),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",l.class],style:l.style,"activator-props":k.value,"onClick:outside":_,onKeydown:g}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:2},[e.unref(w).activator?{name:"activator",fn:e.withCtx(({isActive:u,props:x})=>[e.renderSlot(o.$slots,"activator",{isActive:u,props:x})]),key:"0"}:void 0]),1040,["modelValue","class","style","activator-props"]))}});exports.default=q;
+"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;
 //# 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":"~~mgBAuBMA~~,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,~~EAAA~~,~~QAAW5B,~~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","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"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvMenu.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvMenu.vue.mjs");module.exports=e;
 //# 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.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("vue"),l=require("../../util/animate.mjs"),x=require("../../util/dimensions.mjs"),M=c.defineComponent({__name:"EvMenuTransition",props:{target:Object},setup(S){const m=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 g(e,n){const t=x.Rect.fromElement(e),o=x.Rect.fromElement(n,!0),p=getComputedStyle(n),[u,f]=p.transformOrigin.split(" ").map(Y=>parseFloat(Y)),[s,a]=p.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 h=t.width/o.width,y=t.height/o.height,v=Math.max(1,h,y),A=h/v||0,B=y/v||0,w=o.width*o.height/(window.innerWidth*window.innerHeight),X=w>.12?Math.min(1.5,(w-.12)*10+1):1;return{x:i-(u+o.left),y:r-(f+o.top),scaleX:A,scaleY:B,speedFactor:X}}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:p,scaleY:u,speedFactor:f}=g(m.target,e),s=250,a=l.animate(e,[{transform:`translate(${t}px, ${o}px) scale(${p}, ${u})`,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 _(e){e.style.pointerEvents="none"}async function b(e,n){var a;await new Promise(i=>requestAnimationFrame(i));const{x:t,y:o,scaleX:p,scaleY:u,speedFactor:f}=g(m.target,e);l.animate(e,[{},{transform:`translate(${t}px, ${o}px) scale(${p}, ${u})`,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 q(e){e.style.removeProperty("pointer-events")}const F=c.computed(()=>m.target?{css:!1,onBeforeEnter:E,onEnter:P,onAfterEnter:$,onBeforeLeave:_,onLeave:b,onAfterLeave:q}:{});return(e,n)=>(c.openBlock(),c.createBlock(c.Transition,c.mergeProps({name:"ev-menu-transition"},F.value),{default:c.withCtx(()=>[c.renderSlot(e.$slots,"default")]),_:3},16))}});exports.default=M;
+"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;
 //# 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":"~~4UA0BA~~,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":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvMenuTransition.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvMenuTransition.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvMenuTransition.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol.for("ev:menu");exports.EvMenuSymbol=e;
+"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;
 //# sourceMappingURL=shared.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | 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;
+"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;
 //# sourceMappingURL=EvMessage.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                 */const B=require("../EvIcon/EvIcon.vue.mjs");;/* empty css                      */const b=require("../../icons/glyph/CancelIcon.svg.mjs"),N=require("../../icons/glyph/ChevronDownIcon.svg.mjs"),p=require("../EvButton/EvButton.vue.mjs"),V=require("../../composables/modelProxy.mjs"),S=require("../../composables/icons.mjs"),M=require("./EvMessage.mjs"),w=require("../../composables/locale.mjs"),v=require("../../composables/hasSlotWithContent.mjs"),D=require("../EvButtonGroup/EvButtonGroup.vue.mjs"),T=require("../EvHeading/EvHeading.vue.mjs");;/* empty css                            */const _=require("../../util/modifiers.mjs"),z=require("../../util/is-functions.mjs"),P={class:"ev-message--icon"},A={class:"ev-message--content"},F={key:0,class:"ev-message--expandable"},I={key:0,class:"ev-message--description"},L=["innerHTML"],$={key:2,class:"ev-message--actions"},H={key:0,class:"ev-message--expand"},W={key:0,class:"ev-message--dismiss"},j=e.defineComponent({__name:"EvMessage",props:{...M.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=V.useModelProxy(t,"modelValue"),o=e.shallowRef(!1),{t:m}=w.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",P,[e.renderSlot(s.$slots,"icon",{},()=>[e.createVNode(B.default,{glyph:f.value},null,8,["glyph"])])]),e.createElementVNode("div",A,[e.createVNode(e.unref(T.default),{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",F,[e.unref(u)?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(s.$slots,"default")])):t.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:"ev-message--description",innerHTML:t.description},null,8,L)):e.createCommentVNode("",!0),e.unref(d)||l.value.length?(e.openBlock(),e.createElementBlock("div",$,[e.renderSlot(s.$slots,"actions",{},()=>[e.createVNode(e.unref(D.default),{items:l.value},null,8,["items"])])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),_:3})]),t.expandable?(e.openBlock(),e.createElementBlock("div",H,[e.createVNode(p.default,{rounded:"",class:e.normalizeClass([{"is-expanded":o.value}]),"aria-label":e.unref(m)("expand"),icon:e.unref(N.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.default,{rounded:"","aria-label":e.unref(m)("dismiss"),icon:e.unref(b.default),size:"small",variant:"subtle",onClick:y},null,8,["aria-label","icon"])])):e.createCommentVNode("",!0)]),_:1})]),_:3},8,["class"])),[[e.vShow,e.unref(i)]])}});exports.default=j;
+"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;
 //# 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":"~~qyCAwBMA~~,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":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvMessage.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvMessage.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvMessage.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | 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;
+"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;
 //# sourceMappingURL=EvNotification.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                      */const v=require("./EvNotification.mjs"),n=require("../EvMessage/EvMessage.vue.mjs"),y=require("../EvSurface/EvSurface.vue.mjs"),a=require("../../composables/modelProxy.mjs"),S=require("../../composables/stack.mjs"),c=require("../../util/helpers.mjs"),q=e.defineComponent({__name:"EvNotification",props:{...v.makeEvNotificationProps()},emits:["dismiss","update:modelValue"],setup(d,{emit:m}){const t=d;e.useSlots();const r=a.useModelProxy(t,"modelValue"),o=a.useModelProxy(t,"timeout"),f=e.computed(()=>c.omit(c.filterComponentProps(n.default,t),["modelValue"]));function u(){r.value=!1,m("dismiss")}const{stackStyles:p}=S.useStack(r,e.toRef(t,"zIndex"),!1);e.watch(o,()=>{o.value?l():_()}),e.onMounted(()=>{o.value&&l()});let i=null;function l(){i=setTimeout(()=>{u()},o.value)}function _(){clearTimeout(i)}return(s,x)=>(e.openBlock(),e.createBlock(e.unref(y.default),{class:"ev-notification",role:"alert",rounded:"small",elevation:"overlay",style:e.normalizeStyle([e.unref(p)])},{default:e.withCtx(()=>[e.createVNode(e.unref(n.default),e.mergeProps(f.value,{"onClick:dismiss":u}),{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"]))}});exports.default=q;
+"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;
 //# 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":"~~+lBAacA~~,aAKR,MAAAC,EAAQC,EAAAA,cAAcC,EAAO,YAAY,EACzCC,EAAUF,EAAAA,cAAcC,EAAO,SAAS,EACxCE,EAAeC,EAAAA,SAAS,IACnBC,EAAAA,KAAKC,EAAAA,qBAAqBC,~~EAAAA~~,~~QAAWN,~~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":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvNotification.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvNotification.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvNotification.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                       */const c=require("../EvNotification/EvNotification.vue.mjs"),l=require("../../composables/teleport.mjs"),u=require("../../composables/notification.mjs"),a=require("../../composables/stack.mjs"),p=e.defineComponent({__name:"EvNotifications",setup(m){const r=l.useTeleport(e.shallowRef(!1)),o=u.injectNotifications(),n=o.notifications,i=e.computed(()=>a.getLastZIndex()??2e3);return(d,_)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(r)},[e.createVNode(e.TransitionGroup,{name:"transition-notification",class:"ev-notifications",tag:"div",style:e.normalizeStyle({zIndex:i.value})},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n),(t,s)=>(e.openBlock(),e.createBlock(e.unref(c.default),e.mergeProps({key:t.id},t.props,{dismissible:s===0?t.props.dismissible:!1,timeout:s===0?t.props.timeout:void 0,onDismiss:f=>e.unref(o).dismiss(t.id)}),{icon:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.slots.icon)))]),default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.slots.default)))]),actions:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.slots.actions)))]),_:2},1040,["dismissible","timeout","onDismiss"]))),128))]),_:1},8,["style"])],8,["to"]))}});exports.default=p;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                       */const c=require("../EvNotification/EvNotification.vue.mjs"),l=require("../../composables/teleport.mjs"),a=require("../../composables/notification.mjs"),u=require("../../composables/stack.mjs"),p=e.defineComponent({__name:"EvNotifications",setup(m){const n=l.useTeleport(e.shallowRef(!1)),o=a.injectNotifications(),r=o.notifications,i=e.computed(()=>u.getLastZIndex()??2e3);return(d,_)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(n)},[e.createVNode(e.TransitionGroup,{name:"transition-notification",class:"ev-notifications",tag:"div",style:e.normalizeStyle({zIndex:i.value})},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r),(t,s)=>(e.openBlock(),e.createBlock(e.unref(c),e.mergeProps({key:t.id},t.props,{dismissible:s===0?t.props.dismissible:!1,timeout:s===0?t.props.timeout:void 0,onDismiss:k=>e.unref(o).dismiss(t.id)}),{icon:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.slots.icon)))]),default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.slots.default)))]),actions:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.slots.actions)))]),_:2},1040,["dismissible","timeout","onDismiss"]))),128))]),_:1},8,["style"])],8,["to"]))}});module.exports=p;
 //# sourceMappingURL=EvNotifications.vue.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvNotifications.vue.mjs","sources":["../../../../src/components/EvNotifications/EvNotifications.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport \"./EvNotifications.scss\";\r\nimport { EvNotification } from \"../EvNotification\";\r\nimport { computed, shallowRef } from \"vue\";\r\nimport { useTeleport } from \"@/composables/teleport\";\r\nimport { injectNotifications } from \"@/composables/notification\";\r\nimport { getLastZIndex } from \"@/composables/stack\";\r\n\r\nconst teleportTarget = useTeleport(shallowRef(false));\r\nconst service = injectNotifications();\r\nconst notifications = service.notifications;\r\n\r\nconst zIndex = computed(() => {\r\n return getLastZIndex() ?? 2000;\r\n});\r\n</script>\r\n\r\n<template>\r\n <teleport :to=\"teleportTarget\">\r\n <transition-group\r\n name=\"transition-notification\"\r\n class=\"ev-notifications\"\r\n tag=\"div\"\r\n :style=\"{\r\n zIndex,\r\n }\">\r\n <ev-notification\r\n v-for=\"(notification, index) in notifications\"\r\n :key=\"notification.id\"\r\n v-bind=\"notification.props as object\"\r\n :dismissible=\"\r\n index === 0 ? notification.props.dismissible : false\r\n \"\r\n :timeout=\"index === 0 ? notification.props.timeout : undefined\"\r\n @dismiss=\"service.dismiss(notification.id)\">\r\n <template #icon\r\n ><component :is=\"notification.slots.icon\"\r\n /></template>\r\n <template #default\r\n ><component :is=\"notification.slots.default\"\r\n /></template>\r\n <template #actions\r\n ><component :is=\"notification.slots.actions\"\r\n /></template>\r\n </ev-notification>\r\n </transition-group>\r\n </teleport>\r\n</template>\r\n"],"names":["teleportTarget","useTeleport","shallowRef","service","injectNotifications","notifications","zIndex","computed","getLastZIndex"],"mappings":"~~ucAQA~~,MAAMA,EAAiBC,EAAAA,YAAYC,EAAW,WAAA,EAAK,CAAC,EAC9CC,EAAUC,EAAAA,oBAAoB,EAC9BC,EAAgBF,EAAQ,cAExBG,EAASC,EAAAA,SAAS,IACbC,EAAAA,cAAmB,GAAA,GAC7B"}
1	+ {"version":3,"file":"EvNotifications.vue.mjs","sources":["../../../../src/components/EvNotifications/EvNotifications.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport \"./EvNotifications.scss\";\r\nimport { EvNotification } from \"../EvNotification\";\r\nimport { computed, shallowRef } from \"vue\";\r\nimport { useTeleport } from \"@/composables/teleport\";\r\nimport { injectNotifications } from \"@/composables/notification\";\r\nimport { getLastZIndex } from \"@/composables/stack\";\r\n\r\nconst teleportTarget = useTeleport(shallowRef(false));\r\nconst service = injectNotifications();\r\nconst notifications = service.notifications;\r\n\r\nconst zIndex = computed(() => {\r\n return getLastZIndex() ?? 2000;\r\n});\r\n</script>\r\n\r\n<template>\r\n <teleport :to=\"teleportTarget\">\r\n <transition-group\r\n name=\"transition-notification\"\r\n class=\"ev-notifications\"\r\n tag=\"div\"\r\n :style=\"{\r\n zIndex,\r\n }\">\r\n <ev-notification\r\n v-for=\"(notification, index) in notifications\"\r\n :key=\"notification.id\"\r\n v-bind=\"notification.props as object\"\r\n :dismissible=\"\r\n index === 0 ? notification.props.dismissible : false\r\n \"\r\n :timeout=\"index === 0 ? notification.props.timeout : undefined\"\r\n @dismiss=\"service.dismiss(notification.id)\">\r\n <template #icon\r\n ><component :is=\"notification.slots.icon\"\r\n /></template>\r\n <template #default\r\n ><component :is=\"notification.slots.default\"\r\n /></template>\r\n <template #actions\r\n ><component :is=\"notification.slots.actions\"\r\n /></template>\r\n </ev-notification>\r\n </transition-group>\r\n </teleport>\r\n</template>\r\n"],"names":["teleportTarget","useTeleport","shallowRef","service","injectNotifications","notifications","zIndex","computed","getLastZIndex"],"mappings":"wWAQA,MAAMA,EAAiBC,EAAAA,YAAYC,EAAW,WAAA,EAAK,CAAC,EAC9CC,EAAUC,EAAAA,oBAAoB,EAC9BC,EAAgBF,EAAQ,cAExBG,EAASC,EAAAA,SAAS,IACbC,EAAAA,cAAmB,GAAA,GAC7B"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvNotifications.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvNotifications.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvNotifications.vue2.mjs.map

package/dist/esm/components/EvNotifications/EvNotificationsManager.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var d=Object.defineProperty;var u=(i,t,s)=>t in i?d(i,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[t]=s;var a=(i,t,s)=>u(i,typeof t!="symbol"?t+"":t,s);/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue");class f{constructor(){a(this,"notifications",o.ref([]));a(this,"num",0)}add(t,s){const e=++this.num,n=this.createProps(e,t),r=this.createSlots(s);return this.notifications.value.unshift({id:e,props:n,slots:r}),{id:e,dismiss:()=>{this.dismiss(e)}}}createProps(t,s){const e=o.isRef(s.modelValue)?s.modelValue:o.shallowRef(!0);return o.watch(e,()=>{this.dismiss(t)}),Object.assign(s,{modelValue:e})}createSlots(t){const s=t??{},e={};for(const n in s){const r=s[n];e[n]=(c,l)=>o.h(r,c,l)}return e}dismiss(t){const s=this.notifications.value.findIndex(e=>e.id===t);this.notifications.value.splice(s,1)}}exports.EvNotificationsManager=f;
+"use strict";var d=Object.defineProperty;var u=(i,t,s)=>t in i?d(i,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[t]=s;var a=(i,t,s)=>u(i,typeof t!="symbol"?t+"":t,s);/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue");class f{constructor(){a(this,"notifications",o.ref([]));a(this,"num",0)}add(t,s){const e=++this.num,n=this.createProps(e,t),r=this.createSlots(s);return this.notifications.value.unshift({id:e,props:n,slots:r}),{id:e,dismiss:()=>{this.dismiss(e)}}}createProps(t,s){const e=o.isRef(s.modelValue)?s.modelValue:o.shallowRef(!0);return o.watch(e,()=>{this.dismiss(t)}),Object.assign(s,{modelValue:e})}createSlots(t){const s=t??{},e={};for(const n in s){const r=s[n];e[n]=(c,l)=>o.h(r,c,l)}return e}dismiss(t){const s=this.notifications.value.findIndex(e=>e.id===t);this.notifications.value.splice(s,1)}}exports.EvNotificationsManager=f;
 //# sourceMappingURL=EvNotificationsManager.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../composables/component.mjs"),e=require("../../util/props.mjs"),o=e.propsFactory({prefix:String,suffix:String,format:Object,value:[Number,String],duration:Number,...r.makeComponentProps()},"EvNumber");exports.makeEvNumberProps=o;
+"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../composables/component.mjs"),e=require("../../util/props.mjs"),o=e.propsFactory({prefix:String,suffix:String,format:Object,value:[Number,String],duration:Number,...r.makeComponentProps()},"EvNumber");exports.makeEvNumberProps=o;
 //# sourceMappingURL=EvNumber.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                */const p=require("./EvNumber.mjs"),v=require("./EvNumberDigit.vue.mjs"),d=require("../EvTransition/transitions/expandTransition.mjs"),f=require("../../composables/locale.mjs"),_=require("../../util/numbers.mjs"),k=e.defineComponent({__name:"EvNumber",props:{...p.makeEvNumberProps()},setup(a){const t=a,l=f.useLocaleManager(),u=e.computed(()=>new Intl.NumberFormat(l.currentLocale.value,t.format)),n=e.computed(()=>_.splitNumberToParts(parseFloat(t.value.toString()),u.value,t.prefix,t.suffix)),s=e.computed(()=>[...n.value.start,...n.value.integer,...n.value.fraction,...n.value.end]);function c(o){return o.type==="integer"||o.type==="fraction"}const i=d.default("",!0),m=e.computed(()=>t.duration??500);return(o,y)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["ev-number",t.class]),style:e.normalizeStyle([t.style,{"--ev-number-duration":m.value+"ms"}])},[e.createVNode(e.TransitionGroup,e.mergeProps({name:"ev-number-transition"},e.unref(i)),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.key},[c(r)?(e.openBlock(),e.createBlock(v.default,{key:0,value:r.value,class:e.normalizeClass(`is-${r.type}`)},null,8,["value","class"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["ev-number-symbol",`is-${r.type}`])},e.toDisplayString(r.value),3))],64))),128))]),_:1},16)],6))}});exports.default=k;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                */const p=require("./EvNumber.mjs"),v=require("./EvNumberDigit.vue.mjs"),k=require("../EvTransition/transitions/expandTransition.mjs"),d=require("../../composables/locale.mjs"),y=require("../../util/numbers.mjs"),_=e.defineComponent({__name:"EvNumber",props:{...p.makeEvNumberProps()},setup(a){const t=a,s=d.useLocaleManager(),l=e.computed(()=>new Intl.NumberFormat(s.currentLocale.value,t.format)),n=e.computed(()=>y.splitNumberToParts(parseFloat(t.value.toString()),l.value,t.prefix,t.suffix)),u=e.computed(()=>[...n.value.start,...n.value.integer,...n.value.fraction,...n.value.end]);function c(o){return o.type==="integer"||o.type==="fraction"}const i=k("",!0),m=e.computed(()=>t.duration??500);return(o,b)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["ev-number",t.class]),style:e.normalizeStyle([t.style,{"--ev-number-duration":m.value+"ms"}])},[e.createVNode(e.TransitionGroup,e.mergeProps({name:"ev-number-transition"},e.unref(i)),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.key},[c(r)?(e.openBlock(),e.createBlock(v,{key:0,value:r.value,class:e.normalizeClass(`is-${r.type}`)},null,8,["value","class"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["ev-number-symbol",`is-${r.type}`])},e.toDisplayString(r.value),3))],64))),128))]),_:1},16)],6))}});module.exports=_;
 //# sourceMappingURL=EvNumber.vue.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvNumber.vue.mjs","sources":["../../../../src/components/EvNumber/EvNumber.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvNumber.scss\";\nimport { makeEvNumberProps } from \"./EvNumber\";\nimport { computed } from \"vue\";\nimport { useLocaleManager } from \"@/composables\";\nimport { splitNumberToParts } from \"@/util\";\nimport EvNumberDigit from \"@/components/EvNumber/EvNumberDigit.vue\";\nimport ExpandTransitionGenerator from \"@/components/EvTransition/transitions/expandTransition\";\n\nconst props = defineProps({ ...makeEvNumberProps() });\nconst localeManager = useLocaleManager();\nconst formatter = computed(() => {\n return new Intl.NumberFormat(\n localeManager.currentLocale.value,\n props.format,\n );\n});\n\nconst parts = computed(() =>\n splitNumberToParts(\n parseFloat(props.value.toString()),\n formatter.value,\n props.prefix,\n props.suffix,\n ),\n);\n\nconst allParts = computed(() => [\n ...parts.value.start,\n ...parts.value.integer,\n ...parts.value.fraction,\n ...parts.value.end,\n]);\n\nfunction isDigitPart(\n part: any,\n): part is { type: \"integer\" \| \"fraction\"; value: number } {\n return part.type === \"integer\" \|\| part.type === \"fraction\";\n}\n\nconst transition = ExpandTransitionGenerator(\"\", true);\nconst duration = computed(() => props.duration ?? 500);\n</script>\n\n<template>\n <span\n :class=\"['ev-number', props.class]\"\n :style=\"[props.style, { '--ev-number-duration': duration + 'ms' }]\">\n <transition-group\n name=\"ev-number-transition\"\n v-bind=\"transition as any\">\n <template v-for=\"part in allParts\" :key=\"part.key\">\n <ev-number-digit\n v-if=\"isDigitPart(part)\"\n :value=\"part.value\"\n :class=\"`is-${part.type}`\" />\n <span v-else :class=\"['ev-number-symbol', `is-${part.type}`]\">\n {{ part.value }}\n </span>\n </template>\n </transition-group>\n </span>\n</template>\n"],"names":["localeManager","useLocaleManager","formatter","computed","props","parts","splitNumberToParts","allParts","isDigitPart","part","transition","ExpandTransitionGenerator","duration"],"mappings":"~~sfAUMA~~,EAAgBC,EAAAA,iBAAiB,EACjCC,EAAYC,EAAAA,SAAS,IAChB,IAAI,KAAK,aACZH,EAAc,cAAc,MAC5BI,EAAM,MACV,CACH,EAEKC,EAAQF,EAAA,SAAS,IACnBG,EAAA,mBACI,WAAWF,EAAM,MAAM,UAAU,EACjCF,EAAU,MACVE,EAAM,OACNA,EAAM,MAAA,CAEd,EAEMG,EAAWJ,EAAAA,SAAS,IAAM,CAC5B,GAAGE,EAAM,MAAM,MACf,GAAGA,EAAM,MAAM,QACf,GAAGA,EAAM,MAAM,SACf,GAAGA,EAAM,MAAM,GAAA,CAClB,EAED,SAASG,EACLC,EACuD,CACvD,OAAOA,EAAK,OAAS,WAAaA,EAAK,OAAS,UAAA,CAG9C,MAAAC,EAAaC,~~EAAAA~~,~~QAA0B,~~GAAI,EAAI,EAC/CC,EAAWT,EAAA,SAAS,IAAMC,EAAM,UAAY,GAAG"}
1	+ {"version":3,"file":"EvNumber.vue.mjs","sources":["../../../../src/components/EvNumber/EvNumber.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvNumber.scss\";\nimport { makeEvNumberProps } from \"./EvNumber\";\nimport { computed } from \"vue\";\nimport { useLocaleManager } from \"@/composables\";\nimport { splitNumberToParts } from \"@/util\";\nimport EvNumberDigit from \"@/components/EvNumber/EvNumberDigit.vue\";\nimport ExpandTransitionGenerator from \"@/components/EvTransition/transitions/expandTransition\";\n\nconst props = defineProps({ ...makeEvNumberProps() });\nconst localeManager = useLocaleManager();\nconst formatter = computed(() => {\n return new Intl.NumberFormat(\n localeManager.currentLocale.value,\n props.format,\n );\n});\n\nconst parts = computed(() =>\n splitNumberToParts(\n parseFloat(props.value.toString()),\n formatter.value,\n props.prefix,\n props.suffix,\n ),\n);\n\nconst allParts = computed(() => [\n ...parts.value.start,\n ...parts.value.integer,\n ...parts.value.fraction,\n ...parts.value.end,\n]);\n\nfunction isDigitPart(\n part: any,\n): part is { type: \"integer\" \| \"fraction\"; value: number } {\n return part.type === \"integer\" \|\| part.type === \"fraction\";\n}\n\nconst transition = ExpandTransitionGenerator(\"\", true);\nconst duration = computed(() => props.duration ?? 500);\n</script>\n\n<template>\n <span\n :class=\"['ev-number', props.class]\"\n :style=\"[props.style, { '--ev-number-duration': duration + 'ms' }]\">\n <transition-group\n name=\"ev-number-transition\"\n v-bind=\"transition as any\">\n <template v-for=\"part in allParts\" :key=\"part.key\">\n <ev-number-digit\n v-if=\"isDigitPart(part)\"\n :value=\"part.value\"\n :class=\"`is-${part.type}`\" />\n <span v-else :class=\"['ev-number-symbol', `is-${part.type}`]\">\n {{ part.value }}\n </span>\n </template>\n </transition-group>\n </span>\n</template>\n"],"names":["localeManager","useLocaleManager","formatter","computed","props","parts","splitNumberToParts","allParts","isDigitPart","part","transition","ExpandTransitionGenerator","duration"],"mappings":"uZAUMA,EAAgBC,EAAAA,iBAAiB,EACjCC,EAAYC,EAAAA,SAAS,IAChB,IAAI,KAAK,aACZH,EAAc,cAAc,MAC5BI,EAAM,MACV,CACH,EAEKC,EAAQF,EAAA,SAAS,IACnBG,EAAA,mBACI,WAAWF,EAAM,MAAM,UAAU,EACjCF,EAAU,MACVE,EAAM,OACNA,EAAM,MAAA,CAEd,EAEMG,EAAWJ,EAAAA,SAAS,IAAM,CAC5B,GAAGE,EAAM,MAAM,MACf,GAAGA,EAAM,MAAM,QACf,GAAGA,EAAM,MAAM,SACf,GAAGA,EAAM,MAAM,GAAA,CAClB,EAED,SAASG,EACLC,EACuD,CACvD,OAAOA,EAAK,OAAS,WAAaA,EAAK,OAAS,UAAA,CAG9C,MAAAC,EAAaC,EAA0B,GAAI,EAAI,EAC/CC,EAAWT,EAAA,SAAS,IAAMC,EAAM,UAAY,GAAG"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvNumber.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvNumber.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvNumber.vue2.mjs.map

package/dist/esm/components/EvNumber/EvNumberDigit.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i={class:"ev-number-digit"},m=["inert"],v=e.defineComponent({__name:"EvNumberDigit",props:{value:{}},setup(l){const a=l,u=Array.from({length:10},(r,o)=>o),t=e.ref(0),s=e.ref(0);e.watch(()=>a.value,r=>{s.value=t.value,t.value=r});const c=e.computed(()=>({transform:`translateY(-${t.value*1}em)`,transition:"transform var(--ev-number-duration, 0.5s) var(--easing-standard)",willChange:"transform"}));return e.onMounted(()=>{s.value=t.value,t.value=a.value}),(r,o)=>(e.openBlock(),e.createElementBlock("span",i,[e.createElementVNode("span",{class:"ev-number-digit--stack",style:e.normalizeStyle(c.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),n=>(e.openBlock(),e.createElementBlock("span",{key:n,class:"ev-number-digit--num",inert:a.value!==n,style:e.normalizeStyle({"--n":n})},e.toDisplayString(n),13,m))),128))],4)]))}});exports.default=v;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue"),i={class:"ev-number-digit"},m=["inert"],v=e.defineComponent({__name:"EvNumberDigit",props:{value:{}},setup(l){const a=l,u=Array.from({length:10},(n,o)=>o),t=e.ref(0),s=e.ref(0);e.watch(()=>a.value,n=>{s.value=t.value,t.value=n});const c=e.computed(()=>({transform:`translateY(-${t.value*1}em)`,transition:"transform var(--ev-number-duration, 0.5s) var(--easing-standard)",willChange:"transform"}));return e.onMounted(()=>{s.value=t.value,t.value=a.value}),(n,o)=>(e.openBlock(),e.createElementBlock("span",i,[e.createElementVNode("span",{class:"ev-number-digit--stack",style:e.normalizeStyle(c.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),r=>(e.openBlock(),e.createElementBlock("span",{key:r,class:"ev-number-digit--num",inert:a.value!==r,style:e.normalizeStyle({"--n":r})},e.toDisplayString(r),13,m))),128))],4)]))}});module.exports=v;
 //# sourceMappingURL=EvNumberDigit.vue.mjs.map