npm - @evance/evance-ui - Versions diffs - 1.1.50 → 1.1.52 - Mend

@evance/evance-ui 1.1.50 → 1.1.52

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

package/dist/esm/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as oe,ref as g,shallowRef as f,useSlots as se,computed as c,onMounted as re,onUnmounted as ie,createElementBlock as r,openBlock as i,Fragment as ne,createElementVNode as v,createVNode as t,createCommentVNode as u,unref as e,normalizeClass as ce,Transition as ue,withCtx as s,renderSlot as B,isRef as de}from"vue";/* empty css                       */import{makeEvDataTableSearchProps as me}from"./EvDataTableSearch.mjs";import fe from"../../EvBadge/EvBadge.vue.mjs";import F from"../../EvButton/EvButton.vue.mjs";import ve from"../../EvButtonGroup/EvButtonGroup.vue.mjs";import pe from"../../EvCheckbox/EvCheckbox.vue.mjs";import V from"../../EvDefaultsProvider/EvDefaultsProvider.vue.mjs";import _e from"../../EvDivider/EvDivider.vue.mjs";/* empty css                             */import C from"../../EvList/EvList.vue.mjs";import he from"../../EvMenu/EvMenu.vue.mjs";import U from"../../EvSection/EvSection.vue.mjs";import D from"../../EvSlideGroup/EvSlideGroup.vue.mjs";import be from"../../EvSurface/EvSurface.vue.mjs";import ye from"../../EvTextfield/EvTextfield.vue.mjs";import I from"../../EvTooltip/EvTooltip.vue.mjs";import ke from"../../../icons/glyph/FilterIcon.svg.mjs";import Se from"../../../icons/glyph/SearchIcon.svg.mjs";import{useSortOptions as $e}from"../composables/sort.mjs";import{useModelProxy as ge}from"../../../composables/modelProxy.mjs";import{useSelection as Be}from"../composables/select.mjs";import{EvTransitionExpand as we}from"../../../EvTransitionExpand.mjs";import{useLocaleFunctions as Ee}from"../../../composables/locale.mjs";import{debounce as Ae}from"../../../util/helpers.mjs";import{isBoolean as L,isArray as ze,isEmpty as Re}from"../../../util/is-functions.mjs";/*! Evance UI v1.1.50 | MIT License */const Te={key:0,class:"ev-data-table-search--checkbox"},xe={key:0,class:"ev-data-table-search--options"},Fe={class:"ev-data-table-search--field"},Ve={key:0,class:"ev-data-table-search--filter"},Ce={key:1,class:"ev-data-table-search--filters"},Ue={key:2,class:"ev-data-table-search--sort"},De={key:1,class:"ev-data-table-search--actions"},Ie={key:"filter",class:"ev-data-table-filters-mask"},Le={class:"ev-data-table-filters"},Pe=900,Me=480,ft=oe({__name:"EvDataTableSearch",props:{...me()},emits:["update:sort","click:filter","update:search"],setup(P,{emit:M}){const o=P,p=g(),w=g(),{t:n}=Ee(),N=ge(o,"search"),E=f(""),{hasSort:O,sortSelected:_,sortTitle:q,sortTitleOptions:W,sortTitleSelected:j,sortDirectionOptions:G,onSortTitleSelected:H,sortIcon:J}=$e(o),d=se(),{allSelected:A,someSelected:z,selectAll:K,showSelectAll:Q}=Be(),h=f(!1),R=g(null),b=f(null),m=f(!1);function X(l){m.value=!m.value,M("click:filter",l)}const Y=c(()=>{var l;return(l=o.searchPlaceholder)!=null&&l.length?o.searchPlaceholder:n("search.placeholder")}),Z=Ae(l=>{N.value=l},o.searchDelay),T=c(()=>{const l=d["select-actions"]||o.selectActions;return z.value&&l}),y=c(()=>b.value<Pe),x={EvFilterButton:{size:"small"},EvButton:{size:"small"}},ee=c(()=>b.value>Me?q.value:void 0),k=c(()=>{for(const l in o.filters){const a=o.filters[l];if(L(a)&&a)return!0;if(Array.isArray(a)&&a.length>0)return!0;if(!L(a)&&!ze(a)&&!Re(a))return!0}return!1});function te(l){Z(l)}function le(){h.value=!0}function ae(){h.value=!1}function S(){b.value=R.value.getBoundingClientRect().width}return re(()=>{window.addEventListener("resize",S,{passive:!0}),S()}),ie(()=>{window.removeEventListener("resize",S)}),(l,a)=>(i(),r(ne,null,[v("div",{ref_key:"containerRef",ref:R,class:"ev-data-table-search"},[e(Q)&&!o.hideSelectAll?(i(),r("div",Te,[t(e(pe),{"model-value":e(A),indeterminate:e(z)&&!e(A),"onUpdate:modelValue":e(K)},null,8,["model-value","indeterminate","onUpdate:modelValue"])])):u("",!0),v("div",{class:ce(["ev-data-table-search--modifiers",{"is-transitioning":h.value}])},[t(ue,{name:"transition-slide-up",mode:"out-in",onBeforeLeave:le,onAfterEnter:ae},{default:s(()=>[T.value?(i(),r("div",De,[B(l.$slots,"select-actions",{},()=>[t(e(ve),{size:"small",variant:"subtle",items:o.selectActions},null,8,["items"])])])):(i(),r("div",xe,[v("div",Fe,[t(e(ye),{modelValue:E.value,"onUpdate:modelValue":[a[0]||(a[0]=$=>E.value=$),te],clearable:"",appearance:"subtle",size:"small",loading:o.loading,placeholder:Y.value,"icon-start":e(Se)},null,8,["modelValue","loading","placeholder","icon-start"])]),y.value&&e(d).filters?(i(),r("div",Ve,[t(e(fe),{dot:"",bold:"",pulsate:"",appearance:"primary","model-value":k.value&&!m.value},{default:s(()=>[t(e(F),{ref_key:"filterButtonRef",ref:w,size:"small",appearance:k.value?"primary":"default",variant:k.value?"tonal":"subtle",icon:e(ke),onClick:X},null,8,["appearance","variant","icon"])]),_:1},8,["model-value"]),t(e(I),{activator:w.value,text:e(n)("search.filter")},null,8,["activator","text"])])):u("",!0),!y.value&&e(d).filters?(i(),r("div",Ce,[t(e(V),{defaults:x},{default:s(()=>[t(e(D),null,{default:s(()=>[B(l.$slots,"filters")]),_:3})]),_:3})])):u("",!0),e(O)?(i(),r("div",Ue,[t(e(F),{ref_key:"sortButtonRef",ref:p,size:"small",variant:"subtle",text:ee.value,"icon-end":e(J)},null,8,["text","icon-end"]),t(e(I),{activator:p.value,text:e(n)("sort.label")},null,8,["activator","text"]),t(e(he),{activator:p.value,"close-on-content-click":!1,width:200,position:"bottom-end"},{default:s(()=>[t(e(be),{elevation:"overlay",class:"w-100 h-100"},{default:s(()=>[t(e(U),{title:e(n)("sort.heading")},{default:s(()=>[t(e(C),{required:"","select-strategy":"single-any",items:e(W),selected:e(j),"onUpdate:selected":e(H)},null,8,["items","selected","onUpdate:selected"])]),_:1},8,["title"]),t(e(_e)),t(e(U),{title:e(n)("sort.direction")},{default:s(()=>[t(e(C),{selected:e(_),"onUpdate:selected":a[1]||(a[1]=$=>de(_)?_.value=$:null),required:"","select-strategy":"single-any","item-title":"direction",items:e(G)},null,8,["selected","items"])]),_:1},8,["title"])]),_:1})]),_:1},8,["activator"])])):u("",!0)]))]),_:3})],2)],512),t(e(we),null,{default:s(()=>[y.value&&m.value&&e(d).filters&&!T.value?(i(),r("div",Ie,[v("div",Le,[t(e(V),{defaults:x},{default:s(()=>[t(e(D),null,{default:s(()=>[B(l.$slots,"filters")]),_:3})]),_:3})])])):u("",!0)]),_:3})],64))}});export{ft as default};
+import{defineComponent as oe,ref as B,shallowRef as v,useSlots as se,computed as c,onMounted as re,onUnmounted as ie,watch as ne,createElementBlock as r,openBlock as i,Fragment as ce,createElementVNode as p,createVNode as t,createCommentVNode as u,unref as e,normalizeClass as ue,Transition as de,withCtx as s,renderSlot as w,isRef as me}from"vue";/* empty css                       */import{makeEvDataTableSearchProps as fe}from"./EvDataTableSearch.mjs";import ve from"../../EvBadge/EvBadge.vue.mjs";import C from"../../EvButton/EvButton.vue.mjs";import pe from"../../EvButtonGroup/EvButtonGroup.vue.mjs";import _e from"../../EvCheckbox/EvCheckbox.vue.mjs";import U from"../../EvDefaultsProvider/EvDefaultsProvider.vue.mjs";import he from"../../EvDivider/EvDivider.vue.mjs";/* empty css                             */import V from"../../EvList/EvList.vue.mjs";import be from"../../EvMenu/EvMenu.vue.mjs";import D from"../../EvSection/EvSection.vue.mjs";import I from"../../EvSlideGroup/EvSlideGroup.vue.mjs";import ye from"../../EvSurface/EvSurface.vue.mjs";import ke from"../../EvTextfield/EvTextfield.vue.mjs";import L from"../../EvTooltip/EvTooltip.vue.mjs";import Se from"../../../icons/glyph/FilterIcon.svg.mjs";import $e from"../../../icons/glyph/SearchIcon.svg.mjs";import{useSortOptions as ge}from"../composables/sort.mjs";import{useModelProxy as Be}from"../../../composables/modelProxy.mjs";import{useSelection as we}from"../composables/select.mjs";import{EvTransitionExpand as Ee}from"../../../EvTransitionExpand.mjs";import{useLocaleFunctions as Ae}from"../../../composables/locale.mjs";import{debounce as ze}from"../../../util/helpers.mjs";import{isBoolean as P,isArray as Re,isEmpty as Te}from"../../../util/is-functions.mjs";/*! Evance UI v1.1.52 | MIT License */const xe={key:0,class:"ev-data-table-search--checkbox"},Fe={key:0,class:"ev-data-table-search--options"},Ce={class:"ev-data-table-search--field"},Ue={key:0,class:"ev-data-table-search--filter"},Ve={key:1,class:"ev-data-table-search--filters"},De={key:2,class:"ev-data-table-search--sort"},Ie={key:1,class:"ev-data-table-search--actions"},Le={key:"filter",class:"ev-data-table-filters-mask"},Pe={class:"ev-data-table-filters"},Me=900,Ne=480,vt=oe({__name:"EvDataTableSearch",props:{...fe()},emits:["update:sort","click:filter","update:search"],setup(M,{emit:N}){const o=M,_=B(),E=B(),{t:n}=Ae(),A=Be(o,"search"),d=v(""),{hasSort:O,sortSelected:h,sortTitle:q,sortTitleOptions:W,sortTitleSelected:j,sortDirectionOptions:G,onSortTitleSelected:H,sortIcon:J}=ge(o),m=se(),{allSelected:z,someSelected:R,selectAll:K,showSelectAll:Q}=we(),b=v(!1),T=B(null),y=v(null),f=v(!1);function X(l){f.value=!f.value,N("click:filter",l)}const Y=c(()=>{var l;return(l=o.searchPlaceholder)!=null&&l.length?o.searchPlaceholder:n("search.placeholder")}),Z=ze(l=>{A.value=l},o.searchDelay),x=c(()=>{const l=m["select-actions"]||o.selectActions;return R.value&&l}),k=c(()=>y.value<Me),F={EvFilterButton:{size:"small"},EvButton:{size:"small"}},ee=c(()=>y.value>Ne?q.value:void 0),S=c(()=>{for(const l in o.filters){const a=o.filters[l];if(P(a)&&a)return!0;if(Array.isArray(a)&&a.length>0)return!0;if(!P(a)&&!Re(a)&&!Te(a))return!0}return!1});function te(l){Z(l)}function le(){b.value=!0}function ae(){b.value=!1}function $(){y.value=T.value.getBoundingClientRect().width}return re(()=>{window.addEventListener("resize",$,{passive:!0}),$()}),ie(()=>{window.removeEventListener("resize",$)}),ne(A,(l,a)=>{l!==a&&l!=d.value&&(d.value=o.search)}),(l,a)=>(i(),r(ce,null,[p("div",{ref_key:"containerRef",ref:T,class:"ev-data-table-search"},[e(Q)&&!o.hideSelectAll?(i(),r("div",xe,[t(e(_e),{"model-value":e(z),indeterminate:e(R)&&!e(z),"onUpdate:modelValue":e(K)},null,8,["model-value","indeterminate","onUpdate:modelValue"])])):u("",!0),p("div",{class:ue(["ev-data-table-search--modifiers",{"is-transitioning":b.value}])},[t(de,{name:"transition-slide-up",mode:"out-in",onBeforeLeave:le,onAfterEnter:ae},{default:s(()=>[x.value?(i(),r("div",Ie,[w(l.$slots,"select-actions",{},()=>[t(e(pe),{size:"small",variant:"subtle",items:o.selectActions},null,8,["items"])])])):(i(),r("div",Fe,[p("div",Ce,[t(e(ke),{modelValue:d.value,"onUpdate:modelValue":[a[0]||(a[0]=g=>d.value=g),te],clearable:"",appearance:"subtle",size:"small",loading:o.loading,placeholder:Y.value,"icon-start":e($e)},null,8,["modelValue","loading","placeholder","icon-start"])]),k.value&&e(m).filters?(i(),r("div",Ue,[t(e(ve),{dot:"",bold:"",pulsate:"",appearance:"primary","model-value":S.value&&!f.value},{default:s(()=>[t(e(C),{ref_key:"filterButtonRef",ref:E,size:"small",appearance:S.value?"primary":"default",variant:S.value?"tonal":"subtle",icon:e(Se),onClick:X},null,8,["appearance","variant","icon"])]),_:1},8,["model-value"]),t(e(L),{activator:E.value,text:e(n)("search.filter")},null,8,["activator","text"])])):u("",!0),!k.value&&e(m).filters?(i(),r("div",Ve,[t(e(U),{defaults:F},{default:s(()=>[t(e(I),null,{default:s(()=>[w(l.$slots,"filters")]),_:3})]),_:3})])):u("",!0),e(O)?(i(),r("div",De,[t(e(C),{ref_key:"sortButtonRef",ref:_,size:"small",variant:"subtle",text:ee.value,"icon-end":e(J)},null,8,["text","icon-end"]),t(e(L),{activator:_.value,text:e(n)("sort.label")},null,8,["activator","text"]),t(e(be),{activator:_.value,"close-on-content-click":!1,width:200,position:"bottom-end"},{default:s(()=>[t(e(ye),{elevation:"overlay",class:"w-100 h-100"},{default:s(()=>[t(e(D),{title:e(n)("sort.heading")},{default:s(()=>[t(e(V),{required:"","select-strategy":"single-any",items:e(W),selected:e(j),"onUpdate:selected":e(H)},null,8,["items","selected","onUpdate:selected"])]),_:1},8,["title"]),t(e(he)),t(e(D),{title:e(n)("sort.direction")},{default:s(()=>[t(e(V),{selected:e(h),"onUpdate:selected":a[1]||(a[1]=g=>me(h)?h.value=g:null),required:"","select-strategy":"single-any","item-title":"direction",items:e(G)},null,8,["selected","items"])]),_:1},8,["title"])]),_:1})]),_:1},8,["activator"])])):u("",!0)]))]),_:3})],2)],512),t(e(Ee),null,{default:s(()=>[k.value&&f.value&&e(m).filters&&!x.value?(i(),r("div",Le,[p("div",Pe,[t(e(U),{defaults:F},{default:s(()=>[t(e(I),null,{default:s(()=>[w(l.$slots,"filters")]),_:3})]),_:3})])])):u("",!0)]),_:3})],64))}});export{vt as default};
 //# sourceMappingURL=EvDataTableSearch.vue.mjs.map

package/dist/esm/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.vue.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EvDataTableSearch.vue.mjs","sources":["../../../../../src/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvDataTableSearch.scss\";\nimport { makeEvDataTableSearchProps } from \"./EvDataTableSearch\";\nimport { EvBadge } from \"@/components/EvBadge\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\nimport { EvCheckbox } from \"@/components/EvCheckbox\";\nimport { EvDefaultsProvider } from \"@/components/EvDefaultsProvider\";\nimport { EvDivider } from \"@/components/EvDivider\";\nimport { EvList } from \"@/components/EvList\";\nimport { EvMenu } from \"@/components/EvMenu\";\nimport { EvSection } from \"@/components/EvSection\";\nimport { EvSlideGroup } from \"@/components/EvSlideGroup\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { EvTooltip } from \"@/components/EvTooltip\";\nimport { FilterIcon, SearchIcon } from \"@/icons\";\nimport { computed, onMounted, onUnmounted, ref, shallowRef } from \"vue\";\nimport { useLocaleFunctions } from \"@/composables\";\nimport {\n SortProps,\n useSortOptions,\n} from \"@/components/EvDataTable/composables/sort\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { useSelection } from \"@/components/EvDataTable/composables/select\";\nimport { debounce, isArray, isBoolean, isEmpty } from \"@/util\";\nimport { EvTransitionExpand } from \"@/components/EvTransition/transitions\";\n\nconst props = defineProps({ ...makeEvDataTableSearchProps() });\nconst emit = defineEmits([\"update:sort\", \"click:filter\", \"update:search\"]);\nconst sortButtonRef = ref<HTMLElement>();\nconst filterButtonRef = ref<HTMLElement>();\nconst { t } = useLocaleFunctions();\nconst search = useModelProxy(props, \"search\");\nconst searchInternal = shallowRef(\"\");\nconst {\n hasSort,\n sortSelected,\n sortTitle,\n sortTitleOptions,\n sortTitleSelected,\n sortDirectionOptions,\n onSortTitleSelected,\n sortIcon,\n} = useSortOptions(props as SortProps);\n\nconst slots = defineSlots<{\n filters(): never;\n \"select-actions\"(): never;\n}>();\n\nconst { allSelected, someSelected, selectAll, showSelectAll } = useSelection();\nconst isTransitioning = shallowRef(false);\nconst containerRef = ref<HTMLElement \| null>(null);\nconst containerWidth = shallowRef<number \| null>(null);\nconst showFilters = shallowRef(false);\nconst filtersBreakpoint = 900;\nconst sortBreakpoint = 480;\n\nfunction onClickFilter(e: MouseEvent) {\n showFilters.value = !showFilters.value;\n emit(\"click:filter\", e);\n}\n\nconst placeholder = computed(() =>\n props.searchPlaceholder?.length\n ? props.searchPlaceholder\n : t(\"search.placeholder\"),\n);\n\nconst updateSearch = debounce((value) => {\n search.value = value;\n}, props.searchDelay);\n\nconst showActions = computed(() => {\n const hasSelectActions = slots[\"select-actions\"] \|\| props.selectActions;\n return someSelected.value && hasSelectActions;\n});\n\nconst isFiltersMobile = computed(() => {\n return containerWidth.value < filtersBreakpoint;\n});\n\nconst filterDefaults = {\n EvFilterButton: { size: \"small\" },\n EvButton: { size: \"small\" },\n};\n\nconst sortButtonTitle = computed(() => {\n return containerWidth.value > sortBreakpoint\n ? sortTitle.value\n : undefined;\n});\n\nconst isFiltered = computed(() => {\n for (const key in props.filters) {\n const value = props.filters[key];\n if (isBoolean(value) && value) {\n return true;\n } else if (Array.isArray(value) && value.length > 0) {\n return true;\n } else if (!isBoolean(value) && !isArray(value) && !isEmpty(value)) {\n return true;\n }\n }\n return false;\n});\n\nfunction onSearchInternal(value: string) {\n updateSearch(value);\n}\n\nfunction onBeforeLeave() {\n isTransitioning.value = true;\n}\n\nfunction onAfterEnter() {\n isTransitioning.value = false;\n}\n\nfunction onResize() {\n containerWidth.value = containerRef.value.getBoundingClientRect().width;\n}\n\nonMounted(() => {\n window.addEventListener(\"resize\", onResize, { passive: true });\n onResize();\n});\n\nonUnmounted(() => {\n window.removeEventListener(\"resize\", onResize);\n});\n</script>\n\n<template>\n <div ref=\"containerRef\" class=\"ev-data-table-search\">\n <div\n v-if=\"showSelectAll && !props.hideSelectAll\"\n class=\"ev-data-table-search--checkbox\">\n <ev-checkbox\n :model-value=\"allSelected\"\n :indeterminate=\"someSelected && !allSelected\"\n @update:model-value=\"selectAll\" />\n </div>\n <div\n :class=\"[\n 'ev-data-table-search--modifiers',\n {\n 'is-transitioning': isTransitioning,\n },\n ]\">\n <transition\n name=\"transition-slide-up\"\n mode=\"out-in\"\n @before-leave=\"onBeforeLeave\"\n @after-enter=\"onAfterEnter\">\n <div v-if=\"!showActions\" class=\"ev-data-table-search--options\">\n <div class=\"ev-data-table-search--field\">\n <ev-textfield\n v-model=\"searchInternal\"\n clearable\n appearance=\"subtle\"\n size=\"small\"\n :loading=\"props.loading\"\n :placeholder=\"placeholder\"\n :icon-start=\"SearchIcon\"\n @update:model-value=\"onSearchInternal\" />\n </div>\n <div\n v-if=\"isFiltersMobile && slots.filters\"\n class=\"ev-data-table-search--filter\">\n <ev-badge\n dot\n bold\n pulsate\n appearance=\"primary\"\n :model-value=\"isFiltered && !showFilters\">\n <ev-button\n ref=\"filterButtonRef\"\n size=\"small\"\n :appearance=\"isFiltered ? 'primary' : 'default'\"\n :variant=\"isFiltered ? 'tonal' : 'subtle'\"\n :icon=\"FilterIcon\"\n @click=\"onClickFilter\" />\n </ev-badge>\n <ev-tooltip\n :activator=\"filterButtonRef\"\n :text=\"t('search.filter')\" />\n </div>\n <div\n v-if=\"!isFiltersMobile && slots.filters\"\n class=\"ev-data-table-search--filters\">\n <ev-defaults-provider :defaults=\"filterDefaults\">\n <ev-slide-group>\n <slot name=\"filters\" />\n </ev-slide-group>\n </ev-defaults-provider>\n </div>\n <div v-if=\"hasSort\" class=\"ev-data-table-search--sort\">\n <ev-button\n ref=\"sortButtonRef\"\n size=\"small\"\n variant=\"subtle\"\n :text=\"sortButtonTitle\"\n :icon-end=\"sortIcon\" />\n <ev-tooltip\n :activator=\"sortButtonRef\"\n :text=\"t('sort.label')\" />\n <ev-menu\n :activator=\"sortButtonRef\"\n :close-on-content-click=\"false\"\n :width=\"200\"\n position=\"bottom-end\">\n <ev-surface elevation=\"overlay\" class=\"w-100 h-100\">\n <ev-section :title=\"t('sort.heading')\">\n <ev-list\n required\n select-strategy=\"single-any\"\n :items=\"sortTitleOptions\"\n :selected=\"sortTitleSelected\"\n @update:selected=\"\n onSortTitleSelected\n \" />\n </ev-section>\n <ev-divider />\n <ev-section :title=\"t('sort.direction')\">\n <ev-list\n v-model:selected=\"sortSelected\"\n required\n select-strategy=\"single-any\"\n item-title=\"direction\"\n :items=\"sortDirectionOptions\" />\n </ev-section>\n </ev-surface>\n </ev-menu>\n </div>\n </div>\n <div v-else class=\"ev-data-table-search--actions\">\n <slot name=\"select-actions\">\n <ev-button-group\n size=\"small\"\n variant=\"subtle\"\n :items=\"props.selectActions\" />\n </slot>\n </div>\n </transition>\n </div>\n </div>\n <ev-transition-expand>\n <div\n v-if=\"isFiltersMobile && showFilters && slots.filters && !showActions\"\n key=\"filter\"\n class=\"ev-data-table-filters-mask\">\n <div class=\"ev-data-table-filters\">\n <ev-defaults-provider :defaults=\"filterDefaults\">\n <ev-slide-group>\n <slot name=\"filters\" />\n </ev-slide-group>\n </ev-defaults-provider>\n </div>\n </div>\n </ev-transition-expand>\n</template>\n"],"names":["filtersBreakpoint","sortBreakpoint","sortButtonRef","ref","filterButtonRef","t","useLocaleFunctions","search","useModelProxy","props","searchInternal","shallowRef","hasSort","sortSelected","sortTitle","sortTitleOptions","sortTitleSelected","sortDirectionOptions","onSortTitleSelected","sortIcon","useSortOptions","slots","_useSlots","allSelected","someSelected","selectAll","showSelectAll","useSelection","isTransitioning","containerRef","containerWidth","showFilters","onClickFilter","e","emit","placeholder","computed","_a","updateSearch","debounce","value","showActions","hasSelectActions","isFiltersMobile","filterDefaults","sortButtonTitle","isFiltered","key","isBoolean","isArray","isEmpty","onSearchInternal","onBeforeLeave","onAfterEnter","onResize","onMounted","onUnmounted"],"mappings":"gpEAwDMA,GAAoB,IACpBC,GAAiB,uIA3BjBC,EAAgBC,EAAiB,EACjCC,EAAkBD,EAAiB,EACnC,CAAE,EAAAE,CAAE,EAAIC,GAAmB,EAC3BC,EAASC,GAAcC,EAAO,QAAQ,EACtCC,EAAiBC,EAAW,EAAE,EAC9B,CACF,QAAAC,EACA,aAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,qBAAAC,EACA,oBAAAC,EACA,SAAAC,CAAA,EACAC,GAAeX,CAAkB,EAE/BY,EAAQC,KAKR,CAAE,YAAAC,EAAa,aAAAC,EAAc,UAAAC,EAAW,cAAAC,CAAA,EAAkBC,GAAa,EACvEC,EAAkBjB,EAAW,EAAK,EAClCkB,EAAe1B,EAAwB,IAAI,EAC3C2B,EAAiBnB,EAA0B,IAAI,EAC/CoB,EAAcpB,EAAW,EAAK,EAIpC,SAASqB,EAAcC,EAAe,CACtBF,EAAA,MAAQ,CAACA,EAAY,MACjCG,EAAK,eAAgBD,CAAC,CAAA,CAG1B,MAAME,EAAcC,EAAS,IACzB,OAAA,OAAAC,EAAA5B,EAAM,oBAAN,MAAA4B,EAAyB,OACnB5B,EAAM,kBACNJ,EAAE,oBAAoB,EAChC,EAEMiC,EAAeC,GAAUC,GAAU,CACrCjC,EAAO,MAAQiC,CAAA,EAChB/B,EAAM,WAAW,EAEdgC,EAAcL,EAAS,IAAM,CAC/B,MAAMM,EAAmBrB,EAAM,gBAAgB,GAAKZ,EAAM,cAC1D,OAAOe,EAAa,OAASkB,CAAA,CAChC,EAEKC,EAAkBP,EAAS,IACtBN,EAAe,MAAQ9B,EACjC,EAEK4C,EAAiB,CACnB,eAAgB,CAAE,KAAM,OAAQ,EAChC,SAAU,CAAE,KAAM,OAAQ,CAC9B,EAEMC,GAAkBT,EAAS,IACtBN,EAAe,MAAQ7B,GACxBa,EAAU,MACV,MACT,EAEKgC,EAAaV,EAAS,IAAM,CACnB,UAAAW,KAAOtC,EAAM,QAAS,CACvB,MAAA+B,EAAQ/B,EAAM,QAAQsC,CAAG,EAC3B,GAAAC,EAAUR,CAAK,GAAKA,EACb,MAAA,MACA,MAAM,QAAQA,CAAK,GAAKA,EAAM,OAAS,EACvC,MAAA,GACA,GAAA,CAACQ,EAAUR,CAAK,GAAK,CAACS,GAAQT,CAAK,GAAK,CAACU,GAAQV,CAAK,EACtD,MAAA,EACX,CAEG,MAAA,EAAA,CACV,EAED,SAASW,GAAiBX,EAAe,CACrCF,EAAaE,CAAK,CAAA,CAGtB,SAASY,IAAgB,CACrBxB,EAAgB,MAAQ,EAAA,CAG5B,SAASyB,IAAe,CACpBzB,EAAgB,MAAQ,EAAA,CAG5B,SAAS0B,GAAW,CAChBxB,EAAe,MAAQD,EAAa,MAAM,sBAAwB,EAAA,KAAA,CAGtE,OAAA0B,GAAU,IAAM,CACZ,OAAO,iBAAiB,SAAUD,EAAU,CAAE,QAAS,GAAM,EACpDA,EAAA,CAAA,CACZ,EAEDE,GAAY,IAAM,CACP,OAAA,oBAAoB,SAAUF,CAAQ,CAAA,CAChD"}
1	+ {"version":3,"file":"EvDataTableSearch.vue.mjs","sources":["../../../../../src/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvDataTableSearch.scss\";\nimport { makeEvDataTableSearchProps } from \"./EvDataTableSearch\";\nimport { EvBadge } from \"@/components/EvBadge\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\nimport { EvCheckbox } from \"@/components/EvCheckbox\";\nimport { EvDefaultsProvider } from \"@/components/EvDefaultsProvider\";\nimport { EvDivider } from \"@/components/EvDivider\";\nimport { EvList } from \"@/components/EvList\";\nimport { EvMenu } from \"@/components/EvMenu\";\nimport { EvSection } from \"@/components/EvSection\";\nimport { EvSlideGroup } from \"@/components/EvSlideGroup\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { EvTooltip } from \"@/components/EvTooltip\";\nimport { FilterIcon, SearchIcon } from \"@/icons\";\nimport {computed, onMounted, onUnmounted, ref, shallowRef, watch} from \"vue\";\nimport { useLocaleFunctions } from \"@/composables\";\nimport {\n SortProps,\n useSortOptions,\n} from \"@/components/EvDataTable/composables/sort\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { useSelection } from \"@/components/EvDataTable/composables/select\";\nimport { debounce, isArray, isBoolean, isEmpty } from \"@/util\";\nimport { EvTransitionExpand } from \"@/components/EvTransition/transitions\";\n\nconst props = defineProps({ ...makeEvDataTableSearchProps() });\nconst emit = defineEmits([\"update:sort\", \"click:filter\", \"update:search\"]);\nconst sortButtonRef = ref<HTMLElement>();\nconst filterButtonRef = ref<HTMLElement>();\nconst { t } = useLocaleFunctions();\nconst search = useModelProxy(props, \"search\");\nconst searchInternal = shallowRef(\"\");\nconst {\n hasSort,\n sortSelected,\n sortTitle,\n sortTitleOptions,\n sortTitleSelected,\n sortDirectionOptions,\n onSortTitleSelected,\n sortIcon,\n} = useSortOptions(props as SortProps);\n\nconst slots = defineSlots<{\n filters(): never;\n \"select-actions\"(): never;\n}>();\n\nconst { allSelected, someSelected, selectAll, showSelectAll } = useSelection();\nconst isTransitioning = shallowRef(false);\nconst containerRef = ref<HTMLElement \| null>(null);\nconst containerWidth = shallowRef<number \| null>(null);\nconst showFilters = shallowRef(false);\nconst filtersBreakpoint = 900;\nconst sortBreakpoint = 480;\n\nfunction onClickFilter(e: MouseEvent) {\n showFilters.value = !showFilters.value;\n emit(\"click:filter\", e);\n}\n\nconst placeholder = computed(() =>\n props.searchPlaceholder?.length\n ? props.searchPlaceholder\n : t(\"search.placeholder\"),\n);\n\nconst updateSearch = debounce((value) => {\n search.value = value;\n}, props.searchDelay);\n\nconst showActions = computed(() => {\n const hasSelectActions = slots[\"select-actions\"] \|\| props.selectActions;\n return someSelected.value && hasSelectActions;\n});\n\nconst isFiltersMobile = computed(() => {\n return containerWidth.value < filtersBreakpoint;\n});\n\nconst filterDefaults = {\n EvFilterButton: { size: \"small\" },\n EvButton: { size: \"small\" },\n};\n\nconst sortButtonTitle = computed(() => {\n return containerWidth.value > sortBreakpoint\n ? sortTitle.value\n : undefined;\n});\n\nconst isFiltered = computed(() => {\n for (const key in props.filters) {\n const value = props.filters[key];\n if (isBoolean(value) && value) {\n return true;\n } else if (Array.isArray(value) && value.length > 0) {\n return true;\n } else if (!isBoolean(value) && !isArray(value) && !isEmpty(value)) {\n return true;\n }\n }\n return false;\n});\n\nfunction onSearchInternal(value: string) {\n updateSearch(value);\n}\n\nfunction onBeforeLeave() {\n isTransitioning.value = true;\n}\n\nfunction onAfterEnter() {\n isTransitioning.value = false;\n}\n\nfunction onResize() {\n containerWidth.value = containerRef.value.getBoundingClientRect().width;\n}\n\nonMounted(() => {\n window.addEventListener(\"resize\", onResize, { passive: true });\n onResize();\n});\n\nonUnmounted(() => {\n window.removeEventListener(\"resize\", onResize);\n});\n\nwatch(search, (newValue, oldValue) => {\n if (newValue !== oldValue && newValue != searchInternal.value) {\n searchInternal.value = props.search;\n }\n});\n</script>\n\n<template>\n <div ref=\"containerRef\" class=\"ev-data-table-search\">\n <div\n v-if=\"showSelectAll && !props.hideSelectAll\"\n class=\"ev-data-table-search--checkbox\">\n <ev-checkbox\n :model-value=\"allSelected\"\n :indeterminate=\"someSelected && !allSelected\"\n @update:model-value=\"selectAll\" />\n </div>\n <div\n :class=\"[\n 'ev-data-table-search--modifiers',\n {\n 'is-transitioning': isTransitioning,\n },\n ]\">\n <transition\n name=\"transition-slide-up\"\n mode=\"out-in\"\n @before-leave=\"onBeforeLeave\"\n @after-enter=\"onAfterEnter\">\n <div v-if=\"!showActions\" class=\"ev-data-table-search--options\">\n <div class=\"ev-data-table-search--field\">\n <ev-textfield\n v-model=\"searchInternal\"\n clearable\n appearance=\"subtle\"\n size=\"small\"\n :loading=\"props.loading\"\n :placeholder=\"placeholder\"\n :icon-start=\"SearchIcon\"\n @update:model-value=\"onSearchInternal\" />\n </div>\n <div\n v-if=\"isFiltersMobile && slots.filters\"\n class=\"ev-data-table-search--filter\">\n <ev-badge\n dot\n bold\n pulsate\n appearance=\"primary\"\n :model-value=\"isFiltered && !showFilters\">\n <ev-button\n ref=\"filterButtonRef\"\n size=\"small\"\n :appearance=\"isFiltered ? 'primary' : 'default'\"\n :variant=\"isFiltered ? 'tonal' : 'subtle'\"\n :icon=\"FilterIcon\"\n @click=\"onClickFilter\" />\n </ev-badge>\n <ev-tooltip\n :activator=\"filterButtonRef\"\n :text=\"t('search.filter')\" />\n </div>\n <div\n v-if=\"!isFiltersMobile && slots.filters\"\n class=\"ev-data-table-search--filters\">\n <ev-defaults-provider :defaults=\"filterDefaults\">\n <ev-slide-group>\n <slot name=\"filters\" />\n </ev-slide-group>\n </ev-defaults-provider>\n </div>\n <div v-if=\"hasSort\" class=\"ev-data-table-search--sort\">\n <ev-button\n ref=\"sortButtonRef\"\n size=\"small\"\n variant=\"subtle\"\n :text=\"sortButtonTitle\"\n :icon-end=\"sortIcon\" />\n <ev-tooltip\n :activator=\"sortButtonRef\"\n :text=\"t('sort.label')\" />\n <ev-menu\n :activator=\"sortButtonRef\"\n :close-on-content-click=\"false\"\n :width=\"200\"\n position=\"bottom-end\">\n <ev-surface elevation=\"overlay\" class=\"w-100 h-100\">\n <ev-section :title=\"t('sort.heading')\">\n <ev-list\n required\n select-strategy=\"single-any\"\n :items=\"sortTitleOptions\"\n :selected=\"sortTitleSelected\"\n @update:selected=\"\n onSortTitleSelected\n \" />\n </ev-section>\n <ev-divider />\n <ev-section :title=\"t('sort.direction')\">\n <ev-list\n v-model:selected=\"sortSelected\"\n required\n select-strategy=\"single-any\"\n item-title=\"direction\"\n :items=\"sortDirectionOptions\" />\n </ev-section>\n </ev-surface>\n </ev-menu>\n </div>\n </div>\n <div v-else class=\"ev-data-table-search--actions\">\n <slot name=\"select-actions\">\n <ev-button-group\n size=\"small\"\n variant=\"subtle\"\n :items=\"props.selectActions\" />\n </slot>\n </div>\n </transition>\n </div>\n </div>\n <ev-transition-expand>\n <div\n v-if=\"isFiltersMobile && showFilters && slots.filters && !showActions\"\n key=\"filter\"\n class=\"ev-data-table-filters-mask\">\n <div class=\"ev-data-table-filters\">\n <ev-defaults-provider :defaults=\"filterDefaults\">\n <ev-slide-group>\n <slot name=\"filters\" />\n </ev-slide-group>\n </ev-defaults-provider>\n </div>\n </div>\n </ev-transition-expand>\n</template>\n"],"names":["filtersBreakpoint","sortBreakpoint","sortButtonRef","ref","filterButtonRef","t","useLocaleFunctions","search","useModelProxy","props","searchInternal","shallowRef","hasSort","sortSelected","sortTitle","sortTitleOptions","sortTitleSelected","sortDirectionOptions","onSortTitleSelected","sortIcon","useSortOptions","slots","_useSlots","allSelected","someSelected","selectAll","showSelectAll","useSelection","isTransitioning","containerRef","containerWidth","showFilters","onClickFilter","e","emit","placeholder","computed","_a","updateSearch","debounce","value","showActions","hasSelectActions","isFiltersMobile","filterDefaults","sortButtonTitle","isFiltered","key","isBoolean","isArray","isEmpty","onSearchInternal","onBeforeLeave","onAfterEnter","onResize","onMounted","onUnmounted","watch","newValue","oldValue"],"mappings":"4pEAwDMA,GAAoB,IACpBC,GAAiB,uIA3BjBC,EAAgBC,EAAiB,EACjCC,EAAkBD,EAAiB,EACnC,CAAE,EAAAE,CAAE,EAAIC,GAAmB,EAC3BC,EAASC,GAAcC,EAAO,QAAQ,EACtCC,EAAiBC,EAAW,EAAE,EAC9B,CACF,QAAAC,EACA,aAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,qBAAAC,EACA,oBAAAC,EACA,SAAAC,CAAA,EACAC,GAAeX,CAAkB,EAE/BY,EAAQC,KAKR,CAAE,YAAAC,EAAa,aAAAC,EAAc,UAAAC,EAAW,cAAAC,CAAA,EAAkBC,GAAa,EACvEC,EAAkBjB,EAAW,EAAK,EAClCkB,EAAe1B,EAAwB,IAAI,EAC3C2B,EAAiBnB,EAA0B,IAAI,EAC/CoB,EAAcpB,EAAW,EAAK,EAIpC,SAASqB,EAAcC,EAAe,CACtBF,EAAA,MAAQ,CAACA,EAAY,MACjCG,EAAK,eAAgBD,CAAC,CAAA,CAG1B,MAAME,EAAcC,EAAS,IACzB,OAAA,OAAAC,EAAA5B,EAAM,oBAAN,MAAA4B,EAAyB,OACnB5B,EAAM,kBACNJ,EAAE,oBAAoB,EAChC,EAEMiC,EAAeC,GAAUC,GAAU,CACrCjC,EAAO,MAAQiC,CAAA,EAChB/B,EAAM,WAAW,EAEdgC,EAAcL,EAAS,IAAM,CAC/B,MAAMM,EAAmBrB,EAAM,gBAAgB,GAAKZ,EAAM,cAC1D,OAAOe,EAAa,OAASkB,CAAA,CAChC,EAEKC,EAAkBP,EAAS,IACtBN,EAAe,MAAQ9B,EACjC,EAEK4C,EAAiB,CACnB,eAAgB,CAAE,KAAM,OAAQ,EAChC,SAAU,CAAE,KAAM,OAAQ,CAC9B,EAEMC,GAAkBT,EAAS,IACtBN,EAAe,MAAQ7B,GACxBa,EAAU,MACV,MACT,EAEKgC,EAAaV,EAAS,IAAM,CACnB,UAAAW,KAAOtC,EAAM,QAAS,CACvB,MAAA+B,EAAQ/B,EAAM,QAAQsC,CAAG,EAC3B,GAAAC,EAAUR,CAAK,GAAKA,EACb,MAAA,MACA,MAAM,QAAQA,CAAK,GAAKA,EAAM,OAAS,EACvC,MAAA,GACA,GAAA,CAACQ,EAAUR,CAAK,GAAK,CAACS,GAAQT,CAAK,GAAK,CAACU,GAAQV,CAAK,EACtD,MAAA,EACX,CAEG,MAAA,EAAA,CACV,EAED,SAASW,GAAiBX,EAAe,CACrCF,EAAaE,CAAK,CAAA,CAGtB,SAASY,IAAgB,CACrBxB,EAAgB,MAAQ,EAAA,CAG5B,SAASyB,IAAe,CACpBzB,EAAgB,MAAQ,EAAA,CAG5B,SAAS0B,GAAW,CAChBxB,EAAe,MAAQD,EAAa,MAAM,sBAAwB,EAAA,KAAA,CAGtE,OAAA0B,GAAU,IAAM,CACZ,OAAO,iBAAiB,SAAUD,EAAU,CAAE,QAAS,GAAM,EACpDA,EAAA,CAAA,CACZ,EAEDE,GAAY,IAAM,CACP,OAAA,oBAAoB,SAAUF,CAAQ,CAAA,CAChD,EAEKG,GAAAlD,EAAQ,CAACmD,EAAUC,IAAa,CAC9BD,IAAaC,GAAYD,GAAYhD,EAAe,QACpDA,EAAe,MAAQD,EAAM,OACjC,CACH"}

package/dist/esm/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.vue2.mjs CHANGED Viewed

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

package/dist/esm/components/EvDataTable/composables/headers.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{ref as p,watchEffect as x,capitalize as m,provide as F,inject as H}from"vue";import{useDisplay as D}from"../../../composables/display.mjs";import{propsFactory as q}from"../../../util/props.mjs";import{isEmpty as M,isBoolean as b}from"../../../util/is-functions.mjs";/*! Evance UI v1.1.50 | MIT License */const N=q({headers:Array},"EvDataTable-header"),g=Symbol.for("ev:data-table-headers");function E(o=[]){const t=o.map(r=>({element:r,priority:0}));return{enqueue:(r,l)=>{let n=!1;for(let e=0;e<t.length;e++)if(t[e].priority>l){t.splice(e,0,{element:r,priority:l}),n=!0;break}n||t.push({element:r,priority:l})},size:()=>t.length,count:()=>{let r=0;if(!t.length)return 0;const l=Math.floor(t[0].priority);for(let n=0;n<t.length;n++)Math.floor(t[n].priority)===l&&(r+=1);return r},dequeue:()=>t.shift()}}function v(o,t=[]){if(!o.children)t.push(o);else for(const r of o.children)v(r,t);return t}function w(o,t=0){return o.children?Math.max(t,...o.children.map(r=>w(r,t+1))):t}function z(o){let t=!1;function r(e,s=!1){if(e)if(s&&(e.fixed=!0),e.fixed)if(e.children)for(let i=e.children.length-1;i>=0;i--)r(e.children[i],!0);else t?isNaN(+e.width)&&console.error(`Multiple fixed columns should have a static width (key: ${e.key})`):e.lastFixed=!0,t=!0;else if(e.children)for(let i=e.children.length-1;i>=0;i--)r(e.children[i]);else t=!1}for(let e=o.length-1;e>=0;e--)r(o[e]);function l(e,s=0){var i;if(!e)return s;if(e.children){e.fixedOffset=s;for(const f of e.children)s=l(f,s)}else e.fixed&&(e.fixedOffset=s,s+=parseFloat(((i=e.width)==null?void 0:i.toString())||"0")||0);return s}let n=0;for(const e of o)n=l(e,n)}function S(o,t){const r=[];let l=0;const n=E(o);for(;n.size()>0;){let s=n.count();const i=[];let f=1;for(;s>0;){const{element:a,priority:y}=n.dequeue(),d=t-l-w(a);if(i.push({...a,rowspan:d??1,colspan:a.children?v(a).length:1}),a.children)for(const h of a.children){const c=y%1+f/Math.pow(10,l+1);n.enqueue(h,l+d+c)}f+=1,s-=1}l+=1,r.push(i)}return{columns:o.map(s=>v(s)).flat(),headers:r}}function k(o,t){const r=[];for(const l of o){if(!M(l.hidden)&&(b(l.hidden)&&l.hidden||!b(l.hidden)&&t.hasActiveRule(l.hidden)))continue;const n={...l},e=n.key??(typeof n.value=="string"?n.value:null),s=n.value??e??null,i={...n,key:e,value:s,sortable:n.sortable??(n.key!=null||!!n.sort),children:n.children?k(n.children,t):void 0};r.push(i)}return r}function _(o){const t=p([]),r=p([]),l=p(),n=p(),e=D();x(()=>{const f=(o.headers||Object.keys(o.items[0]??{}).map(c=>({key:c,title:m(c)}))).slice(),a=k(f,e);z(a);const y=Math.max(...a.map(c=>w(c)))+1,d=S(a,y);t.value=d.headers,r.value=d.columns;const h=d.headers.flat(1);l.value=h.reduce((c,u)=>(u.sortable&&u.key&&u.sort&&(c[u.key]=u.sort),c),{}),n.value=h.reduce((c,u)=>(u.key&&u.filter&&(c[u.key]=u.filter),c),{})});const s={headers:t,columns:r,sortFunctions:l,filterFunctions:n};return F(g,s),s}function B(){const o=H(g);if(!o)throw new Error("Unable to `useHeaders()`.");return o}export{g as EvDataTableHeadersSymbol,_ as createHeaders,N as makeDataTableHeaderProps,B as useHeaders};
+import{ref as p,watchEffect as x,capitalize as m,provide as F,inject as H}from"vue";import{useDisplay as D}from"../../../composables/display.mjs";import{propsFactory as q}from"../../../util/props.mjs";import{isEmpty as M,isBoolean as b}from"../../../util/is-functions.mjs";/*! Evance UI v1.1.52 | MIT License */const N=q({headers:Array},"EvDataTable-header"),g=Symbol.for("ev:data-table-headers");function E(o=[]){const t=o.map(r=>({element:r,priority:0}));return{enqueue:(r,l)=>{let n=!1;for(let e=0;e<t.length;e++)if(t[e].priority>l){t.splice(e,0,{element:r,priority:l}),n=!0;break}n||t.push({element:r,priority:l})},size:()=>t.length,count:()=>{let r=0;if(!t.length)return 0;const l=Math.floor(t[0].priority);for(let n=0;n<t.length;n++)Math.floor(t[n].priority)===l&&(r+=1);return r},dequeue:()=>t.shift()}}function v(o,t=[]){if(!o.children)t.push(o);else for(const r of o.children)v(r,t);return t}function w(o,t=0){return o.children?Math.max(t,...o.children.map(r=>w(r,t+1))):t}function z(o){let t=!1;function r(e,s=!1){if(e)if(s&&(e.fixed=!0),e.fixed)if(e.children)for(let i=e.children.length-1;i>=0;i--)r(e.children[i],!0);else t?isNaN(+e.width)&&console.error(`Multiple fixed columns should have a static width (key: ${e.key})`):e.lastFixed=!0,t=!0;else if(e.children)for(let i=e.children.length-1;i>=0;i--)r(e.children[i]);else t=!1}for(let e=o.length-1;e>=0;e--)r(o[e]);function l(e,s=0){var i;if(!e)return s;if(e.children){e.fixedOffset=s;for(const f of e.children)s=l(f,s)}else e.fixed&&(e.fixedOffset=s,s+=parseFloat(((i=e.width)==null?void 0:i.toString())||"0")||0);return s}let n=0;for(const e of o)n=l(e,n)}function S(o,t){const r=[];let l=0;const n=E(o);for(;n.size()>0;){let s=n.count();const i=[];let f=1;for(;s>0;){const{element:a,priority:y}=n.dequeue(),d=t-l-w(a);if(i.push({...a,rowspan:d??1,colspan:a.children?v(a).length:1}),a.children)for(const h of a.children){const c=y%1+f/Math.pow(10,l+1);n.enqueue(h,l+d+c)}f+=1,s-=1}l+=1,r.push(i)}return{columns:o.map(s=>v(s)).flat(),headers:r}}function k(o,t){const r=[];for(const l of o){if(!M(l.hidden)&&(b(l.hidden)&&l.hidden||!b(l.hidden)&&t.hasActiveRule(l.hidden)))continue;const n={...l},e=n.key??(typeof n.value=="string"?n.value:null),s=n.value??e??null,i={...n,key:e,value:s,sortable:n.sortable??(n.key!=null||!!n.sort),children:n.children?k(n.children,t):void 0};r.push(i)}return r}function _(o){const t=p([]),r=p([]),l=p(),n=p(),e=D();x(()=>{const f=(o.headers||Object.keys(o.items[0]??{}).map(c=>({key:c,title:m(c)}))).slice(),a=k(f,e);z(a);const y=Math.max(...a.map(c=>w(c)))+1,d=S(a,y);t.value=d.headers,r.value=d.columns;const h=d.headers.flat(1);l.value=h.reduce((c,u)=>(u.sortable&&u.key&&u.sort&&(c[u.key]=u.sort),c),{}),n.value=h.reduce((c,u)=>(u.key&&u.filter&&(c[u.key]=u.filter),c),{})});const s={headers:t,columns:r,sortFunctions:l,filterFunctions:n};return F(g,s),s}function B(){const o=H(g);if(!o)throw new Error("Unable to `useHeaders()`.");return o}export{g as EvDataTableHeadersSymbol,_ as createHeaders,N as makeDataTableHeaderProps,B as useHeaders};
 //# sourceMappingURL=headers.mjs.map

package/dist/esm/components/EvDataTable/composables/items.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{computed as i}from"vue";import{propsFactory as s}from"../../../util/props.mjs";import{getPropertyValue as u}from"../../../util/helpers.mjs";/*! Evance UI v1.1.50 | MIT License */const p=s({items:{type:Array,default:()=>[]},itemValue:{type:[String,Array,Function],default:"id"},itemSelectable:{type:[String,Array,Function],default:null},returnObject:Boolean},"data-table-items");function f(t,e,r,a){const n=t.returnObject?e:u(e,t.itemValue),o=u(e,t.itemSelectable,!0),c=a.reduce((m,l)=>{if(l.key!=null)return m[l.key]=u(e,l.value),m},{});return{key:t.returnObject?u(e,t.itemValue):n,index:r,value:n,selectable:o,columns:c,raw:e}}function y(t,e,r){return e.map((a,n)=>f(t,a,n,r))}function k(t,e,r){return{items:i(()=>y(e,t.value,r.value))}}export{p as makeDataTableItemsProps,f as transformItem,y as transformItems,k as useDataTableItems};
+import{computed as i}from"vue";import{propsFactory as s}from"../../../util/props.mjs";import{getPropertyValue as u}from"../../../util/helpers.mjs";/*! Evance UI v1.1.52 | MIT License */const p=s({items:{type:Array,default:()=>[]},itemValue:{type:[String,Array,Function],default:"id"},itemSelectable:{type:[String,Array,Function],default:null},returnObject:Boolean},"data-table-items");function f(t,e,r,a){const n=t.returnObject?e:u(e,t.itemValue),o=u(e,t.itemSelectable,!0),c=a.reduce((m,l)=>{if(l.key!=null)return m[l.key]=u(e,l.value),m},{});return{key:t.returnObject?u(e,t.itemValue):n,index:r,value:n,selectable:o,columns:c,raw:e}}function y(t,e,r){return e.map((a,n)=>f(t,a,n,r))}function k(t,e,r){return{items:i(()=>y(e,t.value,r.value))}}export{p as makeDataTableItemsProps,f as transformItem,y as transformItems,k as useDataTableItems};
 //# sourceMappingURL=items.mjs.map

package/dist/esm/components/EvDataTable/composables/select.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{toRef as h,ref as B,computed as m,provide as F,inject as O}from"vue";import{useModelProxy as P}from"../../../composables/modelProxy.mjs";import{propsFactory as k}from"../../../util/props.mjs";import{wrapInArray as g}from"../../../util/helpers.mjs";import{isDeepEqual as L}from"../../../util/is-functions.mjs";/*! Evance UI v1.1.50 | MIT License */const M={selectable:!0,showSelectAll:!1,allSelected:()=>[],select:({items:l,value:s,selected:a,isRequired:r})=>{var t;return new Set(s||r?[(t=l[0])==null?void 0:t.value]:[])},selectAll:({selected:l})=>l},A={selectable:!0,showSelectAll:!0,allSelected:({allItems:l})=>l,select:({items:l,value:s,selected:a,isRequired:r})=>{for(const t of l)s?a.add(t.value):(!r||a.size>1)&&a.delete(t.value);return a},selectAll:({value:l,allItems:s,selected:a})=>A.select({items:s,value:l,selected:a,isRequired:!1})},U={selectable:!1,showSelectAll:!1,allSelected:()=>[],select:()=>new Set,selectAll:()=>new Set},Q=k({required:Boolean,showSelect:Boolean,selectStrategy:{type:[String,Object],default:void 0},selected:{type:Array,default:()=>[]},valueComparator:{type:Function,default:L}},"DataTable-select"),I=Symbol.for("ev:data-table-selection");function V(l,s){const a=h(l,"showSelect"),r=h(l,"required"),t=B(null),c=P(l,"selected",l.selected,e=>new Set(g(e).map(n=>{var d;return((d=s.value.find(o=>l.valueComparator(n,o.value)))==null?void 0:d.value)??n})),e=>[...e.values()]),i=m(()=>s.value.filter(e=>e.selectable)),S=m(()=>{if(typeof l.selectStrategy=="object")return l.selectStrategy;switch(l.selectStrategy){case"single":return M;case"multiple":return A;default:return U}});function u(e){return g(e).every(n=>c.value.has(n.value))}function p(e){return g(e).some(n=>c.value.has(n.value))}function v(e,n){c.value=S.value.select({items:e,value:n,selected:new Set(c.value),isRequired:r.value})}function q(e,n=!1){const d=u([e]);if(t.value&&n){const o=i.value.findIndex(f=>l.valueComparator(f,t.value)),y=i.value.findIndex(f=>l.valueComparator(f,e));if(o===-1||y===-1){v([e],!u([e])),t.value=c.value.size>0?e:null;return}const[R,T]=o<y?[o,y]:[y,o],j=i.value.slice(R,T+1),w=u([t.value]),E=j.filter(f=>u([f])!==w);v(E,w),w===d&&v([e],!d)}else v([e],!u([e]));t.value=c.value.size>0?e:null}function x(e){t.value=null,c.value=S.value.selectAll({value:e,allItems:i.value,selected:new Set(c.value)})}const z=m(()=>c.value.size>0),C=m(()=>{const e=S.value.allSelected({allItems:i.value});return!!e.length&&u(e)}),D=m(()=>a.value&&S.value.showSelectAll),b={selected:c,selectStrategy:S,toggleSelect:q,select:v,selectAll:x,isRequired:r,isSelected:u,isSomeSelected:p,someSelected:z,allSelected:C,showSelect:a,showSelectAll:D};return F(I,b),b}function W(){const l=O(I);if(!l)throw new Error("Unable to `useSelection()`");return l}export{I as EvDataTableSelectionSymbol,Q as makeDataTableSelectProps,V as provideSelection,W as useSelection};
+import{toRef as h,ref as B,computed as m,provide as F,inject as O}from"vue";import{useModelProxy as P}from"../../../composables/modelProxy.mjs";import{propsFactory as k}from"../../../util/props.mjs";import{wrapInArray as g}from"../../../util/helpers.mjs";import{isDeepEqual as L}from"../../../util/is-functions.mjs";/*! Evance UI v1.1.52 | MIT License */const M={selectable:!0,showSelectAll:!1,allSelected:()=>[],select:({items:l,value:s,selected:a,isRequired:r})=>{var t;return new Set(s||r?[(t=l[0])==null?void 0:t.value]:[])},selectAll:({selected:l})=>l},A={selectable:!0,showSelectAll:!0,allSelected:({allItems:l})=>l,select:({items:l,value:s,selected:a,isRequired:r})=>{for(const t of l)s?a.add(t.value):(!r||a.size>1)&&a.delete(t.value);return a},selectAll:({value:l,allItems:s,selected:a})=>A.select({items:s,value:l,selected:a,isRequired:!1})},U={selectable:!1,showSelectAll:!1,allSelected:()=>[],select:()=>new Set,selectAll:()=>new Set},Q=k({required:Boolean,showSelect:Boolean,selectStrategy:{type:[String,Object],default:void 0},selected:{type:Array,default:()=>[]},valueComparator:{type:Function,default:L}},"DataTable-select"),I=Symbol.for("ev:data-table-selection");function V(l,s){const a=h(l,"showSelect"),r=h(l,"required"),t=B(null),c=P(l,"selected",l.selected,e=>new Set(g(e).map(n=>{var d;return((d=s.value.find(o=>l.valueComparator(n,o.value)))==null?void 0:d.value)??n})),e=>[...e.values()]),i=m(()=>s.value.filter(e=>e.selectable)),S=m(()=>{if(typeof l.selectStrategy=="object")return l.selectStrategy;switch(l.selectStrategy){case"single":return M;case"multiple":return A;default:return U}});function u(e){return g(e).every(n=>c.value.has(n.value))}function p(e){return g(e).some(n=>c.value.has(n.value))}function v(e,n){c.value=S.value.select({items:e,value:n,selected:new Set(c.value),isRequired:r.value})}function q(e,n=!1){const d=u([e]);if(t.value&&n){const o=i.value.findIndex(f=>l.valueComparator(f,t.value)),y=i.value.findIndex(f=>l.valueComparator(f,e));if(o===-1||y===-1){v([e],!u([e])),t.value=c.value.size>0?e:null;return}const[R,T]=o<y?[o,y]:[y,o],j=i.value.slice(R,T+1),w=u([t.value]),E=j.filter(f=>u([f])!==w);v(E,w),w===d&&v([e],!d)}else v([e],!u([e]));t.value=c.value.size>0?e:null}function x(e){t.value=null,c.value=S.value.selectAll({value:e,allItems:i.value,selected:new Set(c.value)})}const z=m(()=>c.value.size>0),C=m(()=>{const e=S.value.allSelected({allItems:i.value});return!!e.length&&u(e)}),D=m(()=>a.value&&S.value.showSelectAll),b={selected:c,selectStrategy:S,toggleSelect:q,select:v,selectAll:x,isRequired:r,isSelected:u,isSomeSelected:p,someSelected:z,allSelected:C,showSelect:a,showSelectAll:D};return F(I,b),b}function W(){const l=O(I);if(!l)throw new Error("Unable to `useSelection()`");return l}export{I as EvDataTableSelectionSymbol,Q as makeDataTableSelectProps,V as provideSelection,W as useSelection};
 //# sourceMappingURL=select.mjs.map

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvDateField.vue.mjs","sources":["../../../../src/components/EvDateField/EvDateField.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n `<ev-date-field>`\n /\nimport \"./EvDateField.scss\";\nimport { makeEvDateFieldProps } from \"./EvDateField\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { EvMenu } from \"@/components/EvMenu\";\nimport { EvDatePicker } from \"@/components/EvDatePicker\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { computed, onMounted, ref, shallowRef, watch } from \"vue\";\nimport { FocusEvent } from \"react\";\nimport { ~~useModelProxy } from \"@/composables/modelProxy\";\nimport {~~ filterComponentProps, omit, wrapInArray } from \"@/util\";\nimport { useDate } from \"@/composables/date/date\";\nimport { inferDateFormat, ParseDateTimeValue } from \"@/composables/time\";\n\nconst dateAdapter = useDate();\nconst props = defineProps({\n ...makeEvDateFieldProps(),\n});\nconst slots = defineSlots<{\n label(): never;\n}>();\nconst emit = defineEmits<{\n (e: \"update:modelValue\", value: Date \| string \| null): void;\n (e: \"select\", value: Date \| string \| null): void;\n}>();\n\n// Text Field\nconst evMenuRef = ref<typeof EvMenu>();\nconst evTextfieldRef = ref<typeof EvTextfield>();\nconst evTextfieldProps = computed(() => {\n return omit(filterComponentProps(EvTextfield, props), [\"modelValue\"]);\n});\nconst isFocused = shallowRef(false);\n\n// Date Picker\nconst datePickerRef = ref<typeof EvDatePicker>();\nconst datePickerProps = computed(() => {\n return omit(filterComponentProps(EvDatePicker, props), [\"modelValue\"]);\n});\n\~~n// Menu\nconst isMenuOpen = shallowRef(false);\~~nlet inferredFormat: ParseDateTimeValue \| null = null;\nconst ~~modelValue~~ = ~~useModelProxy~~(\n props,\n ~~\"modelValue\",\n~~ undefined,\n (value) => {\n const handler = inferDateFormat(value);\n inferredFormat = handler.parse(value, { preserveTime: true });\n return wrapInArray(inferredFormat.date);\n },\n (value~~: any~~) => {\n const v = value[0] ?? null;\n return inferredFormat.transformOut(v) as unknown as\n \| Date\n \| string\n \| null;\n },\n);\nconst displayValue = shallowRef<string \| null>(null);\n\n/\n ## On Menu After Leave\n * Maintain focus on the EvSelect when leaving the menu - usually when tabbing out.\n /\nfunction onMenuAfterLeave() {\n if (isFocused.value && evTextfieldRef.value) {\n evTextfieldRef.value.focus();\n }\n}\n\nfunction onFieldFocus() {\n isFocused.value = true;\n isMenuOpen.value = true;\n}\n\n/\n ## On Field Blur\n * @param e\n /\nfunction onFieldBlur(e: FocusEvent) {\n if (!datePickerRef.value?.$el.contains(e.relatedTarget as HTMLElement)) {\n isMenuOpen.value = false;\n }\n}\n\n/\n ## On Date Picker Focus In\n * Maintain focus on the field when actions within the date picker occur.\n * @param e\n */\nfunction onDatePickerFocusIn(e: FocusEvent) {\n isFocused.value = true;\n}\n\nfunction onPickerSelect() {\n isMenuOpen.value = false;\n const v = inferredFormat.transformOut(modelValue.value[0] ?? null);\n emit(\"select\", v as unknown as Date \| string \| null);\n}\n\nfunction onClearInput() {\n setModelValue(null);\n}\n\nfunction setModelValue(value: any) {\n modelValue.value = wrapInArray(value);\n}\n\nfunction onInput(e: Event) {\n if (!displayValue.value?.length) {\n setModelValue(null);\n return;\n }\n const date = dateAdapter.date(displayValue.value);\n if (\n date &&\n dateAdapter.isValid(date) &&\n dateAdapter.getYear(date).toString().length === 4 &&\n dateAdapter.format(date, \"displayDate\") === displayValue.value\n ) {\n setModelValue(date);\n }\n}\n\nfunction updateDisplayValue() {\n const date = modelValue.value[0] ?? null;\n if (!date \|\| !dateAdapter.isValid(date)) {\n displayValue.value = null;\n } else {\n displayValue.value = dateAdapter.format(\n modelValue.value[0],\n \"displayDate\",\n );\n }\n}\n\nwatch(modelValue, () => {\n updateDisplayValue();\n});\n\nonMounted(() => {\n updateDisplayValue();\n});\n\nwatch(isFocused, (newValue, oldValue) => {\n if (newValue) {\n onFieldFocus();\n }\n});\n\ndefineExpose({\n overlayEl: computed(() => evMenuRef.value?.contentEl),\n});\n</script>\n\n<template>\n <ev-textfield\n ref=\"evTextfieldRef\"\n v-bind=\"evTextfieldProps\"\n v-model=\"displayValue\"\n v-model:focused=\"isFocused\"\n class=\"ev-date-field\"\n :validation-value=\"modelValue\"\n @click:control=\"onFieldFocus\"\n @blur=\"onFieldBlur\"\n @click:clear=\"onClearInput\"\n @input=\"onInput\">\n <template v-if=\"slots.label\" #label>\n <slot name=\"label\" />\n </template>\n <template #default>\n <ev-menu\n ref=\"evMenuRef\"\n v-model=\"isMenuOpen\"\n activator=\"parent\"\n position=\"bottom-start\"\n :open-on-click=\"false\"\n :close-on-content-click=\"false\"\n @after-leave=\"onMenuAfterLeave\">\n <ev-surface elevation=\"overlay\" class=\"ev-date-field--surface\">\n <ev-date-picker\n ref=\"datePickerRef\"\n v-bind=\"datePickerProps\"\n v-model=\"modelValue\"\n @focusin=\"onDatePickerFocusIn\"\n @update:model-value=\"onPickerSelect\" />\n </ev-surface>\n </ev-menu>\n </template>\n </ev-textfield>\n</template>\n"],"names":["dateAdapter","useDate","slots","_useSlots","evMenuRef","ref","evTextfieldRef","evTextfieldProps","computed","omit","filterComponentProps","EvTextfield","props","isFocused","shallowRef","datePickerRef","datePickerProps","EvDatePicker","~~isMenuOpen~~","~~inferredFormat~~","modelValue","~~useModelProxy~~","value","inferDateFormat","wrapInArray","v","displayValue","onMenuAfterLeave","onFieldFocus","onFieldBlur","_a","onDatePickerFocusIn","onPickerSelect","emit","onClearInput","setModelValue","onInput","date","updateDisplayValue","watch","onMounted","newValue","oldValue","__expose"],"mappings":"~~g8BAiBMA~~,EAAcC,EAAQ,EAItBC,EAAQC,IASRC,EAAYC,EAAmB,EAC/BC,EAAiBD,EAAwB,EACzCE,EAAmBC,EAAS,IACvBC,EAAKC,EAAqBC,EAAaC,CAAK,EAAG,~~CAAC~~,~~YAAY~~,~~CAAC~~,~~CACvE~~,EACKC,EAAYC,EAAW,EAAK,EAG5BC,EAAgBV,EAAyB,EACzCW,EAAkBR,EAAS,IACtBC,EAAKC,EAAqBO,EAAcL,CAAK,EAAG,CAAC,YAAY,CAAC,CACxE,~~EAGKM~~,~~EAAaJ~~,~~EAAW~~,~~EAAK~~,~~EACnC~~,~~IAAIK~~,~~EAA4C~~,~~KAChD~~,~~MAAMC~~,~~EAAaC~~,~~EACfT~~,EACA,~~aACA,~~OACCU,~~IAEGH~~,~~EADgBI~~,~~GAAgBD~~,CAAK,EACZ,MAAMA,EAAO,CAAE,aAAc,GAAM,EACrDE,~~EAAYL~~,EAAe,IAAI,~~GAEzCG~~,~~GAAe~~,~~CACN~~,MAAAG,EAAIH,EAAM,CAAC,GAAK,KACf,~~OAAAH~~,EAAe,~~aAAaM~~,CAAC,CAAA,CAK5C,~~EACMC~~,EAAeZ,EAA0B,IAAI,EAMnD,SAASa,GAAmB,CACpBd,EAAU,OAASP,EAAe,OAClCA,EAAe,MAAM,MAAM,CAC/B,CAGJ,SAASsB,GAAe,CACpBf,EAAU,MAAQ,~~GAClBK~~,EAAW,MAAQ,EAAA,CAOvB,~~SAASW~~,EAAY,EAAe,QAC3BC,EAAAf,EAAc,QAAd,MAAAe,EAAqB,IAAI,SAAS,EAAE,~~iBACrCZ~~,EAAW,MAAQ,GACvB,CAQJ,~~SAASa~~,EAAoB,EAAe,CACxClB,EAAU,MAAQ,EAAA,CAGtB,SAASmB,GAAiB,~~CACtBd~~,EAAW,MAAQ,GACnB,~~MAAMO~~,~~EAAIN~~,EAAe,~~aAAaC~~,EAAW,MAAM,CAAC,GAAK,IAAI,EACjEa,EAAK,SAAUR,CAAoC,CAAA,CAGvD,SAASS,GAAe,CACpBC,EAAc,IAAI,CAAA,CAGtB,SAASA,EAAcb,EAAY,CACpBF,EAAA,MAAQI,EAAYF,CAAK,CAAA,CAGxC,SAASc,EAAQ,EAAU,OACnB,GAAA,GAACN,EAAAJ,EAAa,QAAb,MAAAI,EAAoB,QAAQ,CAC7BK,EAAc,IAAI,EAClB,MAAA,CAEJ,MAAME,EAAOrC,EAAY,KAAK0B,EAAa,KAAK,EAE5CW,GACArC,EAAY,QAAQqC,CAAI,GACxBrC,EAAY,QAAQqC,CAAI,EAAE,SAAW,EAAA,SAAW,GAChDrC,EAAY,OAAOqC,EAAM,aAAa,IAAMX,EAAa,OAEzDS,EAAcE,CAAI,CACtB,CAGJ,SAASC,GAAqB,CAC1B,MAAMD,EAAOjB,EAAW,MAAM,CAAC,GAAK,KAChC,CAACiB,GAAQ,CAACrC,EAAY,QAAQqC,CAAI,EAClCX,EAAa,MAAQ,KAErBA,EAAa,MAAQ1B,EAAY,OAC7BoB,EAAW,MAAM,CAAC,EAClB,aACJ,CACJ,CAGJ,OAAAmB,EAAMnB,EAAY,IAAM,CACDkB,EAAA,CAAA,CACtB,EAEDE,EAAU,IAAM,CACOF,EAAA,CAAA,CACtB,EAEKC,EAAA1B,EAAW,CAAC4B,EAAUC,IAAa,CACjCD,GACab,EAAA,CACjB,CACH,EAEYe,EAAA,CACT,UAAWnC,EAAS,WAAM,OAAAsB,EAAA1B,EAAU,QAAV,YAAA0B,EAAiB,UAAS,CAAA,CACvD"}
1	+ {"version":3,"file":"EvDateField.vue.mjs","sources":["../../../../src/components/EvDateField/EvDateField.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n `<ev-date-field>`\n /\nimport \"./EvDateField.scss\";\nimport { makeEvDateFieldProps } from \"./EvDateField\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { EvMenu } from \"@/components/EvMenu\";\nimport { EvDatePicker } from \"@/components/EvDatePicker\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { computed, onMounted, ref, shallowRef, watch } from \"vue\";\nimport { FocusEvent } from \"react\";\nimport { filterComponentProps, omit, wrapInArray } from \"@/util\";\nimport { useDate } from \"@/composables/date/date\";\nimport { inferDateFormat, ParseDateTimeValue } from \"@/composables/time\";\nimport { useFormField } from \"@/composables/validation\";\n\nconst dateAdapter = useDate();\nconst props = defineProps({\n ...makeEvDateFieldProps(),\n});\nconst slots = defineSlots<{\n label(): never;\n}>();\nconst emit = defineEmits<{\n (e: \"update:modelValue\", value: Date \| string \| null): void;\n (e: \"select\", value: Date \| string \| null): void;\n}>();\n\n// Text Field\nconst evMenuRef = ref<typeof EvMenu>();\nconst evTextfieldRef = ref<typeof EvTextfield>();\nconst evTextfieldProps = computed(() => {\n return omit(filterComponentProps(EvTextfield, props), [\n \"modelValue\",\n \"name\",\n ]);\n});\nconst isFocused = shallowRef(false);\n\n// Date Picker\nconst datePickerRef = ref<typeof EvDatePicker>();\nconst datePickerProps = computed(() => {\n return omit(filterComponentProps(EvDatePicker, props), [\"modelValue\"]);\n});\n\nlet inferredFormat: ParseDateTimeValue \| null = null;\n\nconst isMenuOpen = shallowRef(false);\nconst formField = useFormField(\n props,\n undefined,\n (value) => {\n const handler = inferDateFormat(value);\n inferredFormat = handler.parse(value, { preserveTime: true });\n return wrapInArray(inferredFormat.date);\n },\n (value) => {\n const v = value[0] ?? null;\n return inferredFormat.transformOut(v) as unknown as\n \| Date\n \| string\n \| null;\n },\n);\nconst modelValue = formField.model;\nconst displayValue = shallowRef<string \| null>(null);\n\n/\n ## On Menu After Leave\n * Maintain focus on the EvSelect when leaving the menu - usually when tabbing out.\n /\nfunction onMenuAfterLeave() {\n if (isFocused.value && evTextfieldRef.value) {\n evTextfieldRef.value.focus();\n }\n}\n\nfunction onFieldFocus() {\n isFocused.value = true;\n isMenuOpen.value = true;\n}\n\n/\n ## On Field Blur\n * @param e\n /\nfunction onFieldBlur(e: FocusEvent) {\n if (!datePickerRef.value?.$el.contains(e.relatedTarget as HTMLElement)) {\n isMenuOpen.value = false;\n }\n}\n\n/\n ## On Date Picker Focus In\n * Maintain focus on the field when actions within the date picker occur.\n * @param e\n */\nfunction onDatePickerFocusIn(e: FocusEvent) {\n isFocused.value = true;\n}\n\nfunction onPickerSelect() {\n isMenuOpen.value = false;\n const v = inferredFormat.transformOut(modelValue.value[0] ?? null);\n emit(\"select\", v as unknown as Date \| string \| null);\n}\n\nfunction onClearInput() {\n setModelValue(null);\n}\n\nfunction setModelValue(value: any) {\n modelValue.value = wrapInArray(value);\n}\n\nfunction onInput(e: Event) {\n if (!displayValue.value?.length) {\n setModelValue(null);\n return;\n }\n const date = dateAdapter.date(displayValue.value);\n if (\n date &&\n dateAdapter.isValid(date) &&\n dateAdapter.getYear(date).toString().length === 4 &&\n dateAdapter.format(date, \"displayDate\") === displayValue.value\n ) {\n setModelValue(date);\n }\n}\n\nfunction updateDisplayValue() {\n const date = modelValue.value[0] ?? null;\n if (!date \|\| !dateAdapter.isValid(date)) {\n displayValue.value = null;\n } else {\n displayValue.value = dateAdapter.format(\n modelValue.value[0],\n \"displayDate\",\n );\n }\n}\n\nwatch(modelValue, () => {\n updateDisplayValue();\n});\n\nonMounted(() => {\n updateDisplayValue();\n});\n\nwatch(isFocused, (newValue, oldValue) => {\n if (newValue) {\n onFieldFocus();\n }\n});\n\ndefineExpose({\n overlayEl: computed(() => evMenuRef.value?.contentEl),\n});\n</script>\n\n<template>\n <ev-textfield\n ref=\"evTextfieldRef\"\n v-bind=\"evTextfieldProps\"\n v-model=\"displayValue\"\n v-model:focused=\"isFocused\"\n class=\"ev-date-field\"\n :validation-value=\"modelValue\"\n @click:control=\"onFieldFocus\"\n @blur=\"onFieldBlur\"\n @click:clear=\"onClearInput\"\n @input=\"onInput\">\n <template v-if=\"slots.label\" #label>\n <slot name=\"label\" />\n </template>\n <template #default>\n <ev-menu\n ref=\"evMenuRef\"\n v-model=\"isMenuOpen\"\n activator=\"parent\"\n position=\"bottom-start\"\n :open-on-click=\"false\"\n :close-on-content-click=\"false\"\n @after-leave=\"onMenuAfterLeave\">\n <ev-surface elevation=\"overlay\" class=\"ev-date-field--surface\">\n <ev-date-picker\n ref=\"datePickerRef\"\n v-bind=\"datePickerProps\"\n v-model=\"modelValue\"\n @focusin=\"onDatePickerFocusIn\"\n @update:model-value=\"onPickerSelect\" />\n </ev-surface>\n </ev-menu>\n </template>\n </ev-textfield>\n</template>\n"],"names":["dateAdapter","useDate","slots","_useSlots","evMenuRef","ref","evTextfieldRef","evTextfieldProps","computed","omit","filterComponentProps","EvTextfield","props","isFocused","shallowRef","datePickerRef","datePickerProps","EvDatePicker","inferredFormat","isMenuOpen","modelValue","useFormField","value","inferDateFormat","wrapInArray","v","displayValue","onMenuAfterLeave","onFieldFocus","onFieldBlur","_a","onDatePickerFocusIn","onPickerSelect","emit","onClearInput","setModelValue","onInput","date","updateDisplayValue","watch","onMounted","newValue","oldValue","__expose"],"mappings":"+7BAiBMA,EAAcC,EAAQ,EAItBC,EAAQC,IASRC,EAAYC,EAAmB,EAC/BC,EAAiBD,EAAwB,EACzCE,EAAmBC,EAAS,IACvBC,EAAKC,EAAqBC,EAAaC,CAAK,EAAG,CAClD,aACA,MAAA,CACH,CACJ,EACKC,EAAYC,EAAW,EAAK,EAG5BC,EAAgBV,EAAyB,EACzCW,EAAkBR,EAAS,IACtBC,EAAKC,EAAqBO,EAAcL,CAAK,EAAG,CAAC,YAAY,CAAC,CACxE,EAED,IAAIM,EAA4C,KAE1C,MAAAC,EAAaL,EAAW,EAAK,EAiB7BM,EAhBYC,GACdT,EACA,OACCU,IAEGJ,EADgBK,EAAgBD,CAAK,EACZ,MAAMA,EAAO,CAAE,aAAc,GAAM,EACrDE,EAAYN,EAAe,IAAI,GAEzCI,GAAU,CACD,MAAAG,EAAIH,EAAM,CAAC,GAAK,KACf,OAAAJ,EAAe,aAAaO,CAAC,CAAA,CAK5C,EAC6B,MACvBC,EAAeZ,EAA0B,IAAI,EAMnD,SAASa,GAAmB,CACpBd,EAAU,OAASP,EAAe,OAClCA,EAAe,MAAM,MAAM,CAC/B,CAGJ,SAASsB,GAAe,CACpBf,EAAU,MAAQ,GAClBM,EAAW,MAAQ,EAAA,CAOvB,SAASU,EAAY,EAAe,QAC3BC,EAAAf,EAAc,QAAd,MAAAe,EAAqB,IAAI,SAAS,EAAE,iBACrCX,EAAW,MAAQ,GACvB,CAQJ,SAASY,EAAoB,EAAe,CACxClB,EAAU,MAAQ,EAAA,CAGtB,SAASmB,GAAiB,CACtBb,EAAW,MAAQ,GACnB,MAAMM,EAAIP,EAAe,aAAaE,EAAW,MAAM,CAAC,GAAK,IAAI,EACjEa,EAAK,SAAUR,CAAoC,CAAA,CAGvD,SAASS,GAAe,CACpBC,EAAc,IAAI,CAAA,CAGtB,SAASA,EAAcb,EAAY,CACpBF,EAAA,MAAQI,EAAYF,CAAK,CAAA,CAGxC,SAASc,EAAQ,EAAU,OACnB,GAAA,GAACN,EAAAJ,EAAa,QAAb,MAAAI,EAAoB,QAAQ,CAC7BK,EAAc,IAAI,EAClB,MAAA,CAEJ,MAAME,EAAOrC,EAAY,KAAK0B,EAAa,KAAK,EAE5CW,GACArC,EAAY,QAAQqC,CAAI,GACxBrC,EAAY,QAAQqC,CAAI,EAAE,SAAW,EAAA,SAAW,GAChDrC,EAAY,OAAOqC,EAAM,aAAa,IAAMX,EAAa,OAEzDS,EAAcE,CAAI,CACtB,CAGJ,SAASC,GAAqB,CAC1B,MAAMD,EAAOjB,EAAW,MAAM,CAAC,GAAK,KAChC,CAACiB,GAAQ,CAACrC,EAAY,QAAQqC,CAAI,EAClCX,EAAa,MAAQ,KAErBA,EAAa,MAAQ1B,EAAY,OAC7BoB,EAAW,MAAM,CAAC,EAClB,aACJ,CACJ,CAGJ,OAAAmB,EAAMnB,EAAY,IAAM,CACDkB,EAAA,CAAA,CACtB,EAEDE,EAAU,IAAM,CACOF,EAAA,CAAA,CACtB,EAEKC,EAAA1B,EAAW,CAAC4B,EAAUC,IAAa,CACjCD,GACab,EAAA,CACjB,CACH,EAEYe,EAAA,CACT,UAAWnC,EAAS,WAAM,OAAAsB,EAAA1B,EAAU,QAAV,YAAA0B,EAAiB,UAAS,CAAA,CACvD"}

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/components/EvDatePicker/EvDatePickerMonth/EvDatePickerMonth.vue2.mjs CHANGED Viewed

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

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

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

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

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

package/dist/esm/components/EvDatePicker/EvDatePickerMonths/EvDatePickerMonths.vue2.mjs CHANGED Viewed

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

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

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

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

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

package/dist/esm/components/EvDatePicker/EvDatePickerYears/EvDatePickerYears.vue2.mjs CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvDialog.mjs","sources":["../../../../src/components/EvDialog/EvDialog.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { EvOverlayProps, makeEvOverlayProps } from \"@/components/EvOverlay\";\nimport EvDialogTransition from \"@/components/EvDialog/EvDialogTransition.vue\";\nimport { IconProp, IconValue } from \"@/composables/icons\";\nimport { PropType, Slot, Slots } from \"vue\";\nimport { EvButtonProps } from \"@/components/EvButton\";\nimport { EvToolbarProps } from \"@/components/EvToolbar\";\nimport { EvDialogBodyProps } from \"./EvDialogBody\";\nimport { EvDialogFooterProps } from \"./EvDialogFooter\";\n\nexport interface EvDialogProps extends EvOverlayProps {\n bodyProps?: EvDialogBodyProps;\n closeable?: boolean;\n draggable?: boolean;\n dragWithinViewport?: boolean;\n dragMinX?: number;\n dragMinY?: number;\n fullscreen?: boolean;\n headerActions?: EvButtonProps[];\n headerProps?: EvToolbarProps;\n hideHeader?: boolean;\n icon?: IconValue;\n noPadding?: boolean;\n retainFocus?: boolean;\n scrollable?: boolean;\n title?: string;\n footerActions?: EvButtonProps[];\n footerProps?: EvDialogFooterProps;\n}\n\nexport interface EvDialogSlots extends Slots {\n container?: Slot;\n default?: Slot;\n header?: Slot;\n footer?: Slot;\n}\n\n/*\n # makeEvDialogProps\n */\nexport const makeEvDialogProps = propsFactory(\n {\n bodyProps: Object as PropType<EvDialogBodyProps>,\n closeable: {\n type: Boolean,\n default: true,\n },\n draggable: Boolean,\n dragWithinViewport: {\n type: Boolean,\n default: true,\n },\n dragMinX: {\n type: Number,\n default: 0,\n },\n dragMinY: {\n type: Number,\n default: 0,\n },\n fullscreen: Boolean,\n headerActions: Array as PropType<readonly EvButtonProps[]>,\n headerProps: Object as PropType<EvToolbarProps>,\n hideHeader: Boolean,\n icon: IconProp,\n noPadding: Boolean,\n retainFocus: {\n type: Boolean,\n default: true,\n },\n scrollable: Boolean,\n title: String,\n footerActions: Array as PropType<readonly EvButtonProps[]>,\n footerProps: Object as PropType<EvDialogFooterProps>,\n\n ...makeEvOverlayProps({\n origin: \"center center\" as const,\n scrollStrategy: \"block\" as const,\n positionStrategy: \"static\" as const,\n transition: {\n component: EvDialogTransition,\n },\n zIndex: 2400,\n }),\n\n __instance: null,\n },\n \"EvDialog\",\n);\n\nexport const DialogSize = {\n default: \"medium\",\n small: \"small\",\n medium: \"medium\",\n large: \"large\",\n xLarge: \"x-large\",\n} as const;\nexport type DialogSizeProp = (typeof DialogSize)[keyof typeof DialogSize];\nexport const DialogSizeToWidth: Record<string, number> = {\n [DialogSize.small]: 400,\n [DialogSize.medium]: 600,\n [DialogSize.large]: 800,\n [DialogSize.xLarge]: 968,\n};\n"],"names":["makeEvDialogProps","propsFactory","IconProp","makeEvOverlayProps","EvDialogTransition","DialogSize","DialogSizeToWidth"],"mappings":"~~6PAwCO~~,MAAMA,EAAoBC,EAC7B,CACI,UAAW,OACX,UAAW,CACP,KAAM,QACN,QAAS,EACb,EACA,UAAW,QACX,mBAAoB,CAChB,KAAM,QACN,QAAS,EACb,EACA,SAAU,CACN,KAAM,OACN,QAAS,CACb,EACA,SAAU,CACN,KAAM,OACN,QAAS,CACb,EACA,WAAY,QACZ,cAAe,MACf,YAAa,OACb,WAAY,QACZ,KAAMC,EACN,UAAW,QACX,YAAa,CACT,KAAM,QACN,QAAS,EACb,EACA,WAAY,QACZ,MAAO,OACP,cAAe,MACf,YAAa,OAEb,GAAGC,EAAmB,CAClB,OAAQ,gBACR,eAAgB,QAChB,iBAAkB,SAClB,WAAY,CACR,UAAWC,CACf,EACA,OAAQ,IAAA,CACX,EAED,WAAY,IAChB,EACA,UACJ,EAEaC,EAAa,CACtB,QAAS,SACT,MAAO,QACP,OAAQ,SACR,MAAO,QACP,OAAQ,SACZ,EAEaC,EAA4C,CACrD,CAACD,EAAW,KAAK,EAAG,IACpB,CAACA,EAAW,MAAM,EAAG,IACrB,CAACA,EAAW,KAAK,EAAG,IACpB,CAACA,EAAW,MAAM,EAAG,GACzB"}
1	+ {"version":3,"file":"EvDialog.mjs","sources":["../../../../src/components/EvDialog/EvDialog.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { EvOverlayProps, makeEvOverlayProps } from \"@/components/EvOverlay\";\nimport EvDialogTransition from \"@/components/EvDialog/EvDialogTransition.vue\";\nimport { IconProp, IconValue } from \"@/composables/icons\";\nimport { PropType, Slot, Slots } from \"vue\";\nimport { EvButtonProps } from \"@/components/EvButton\";\nimport { EvToolbarProps } from \"@/components/EvToolbar\";\nimport { EvDialogBodyProps } from \"./EvDialogBody\";\nimport { EvDialogFooterProps } from \"./EvDialogFooter\";\n\nexport interface EvDialogProps extends EvOverlayProps {\n bodyProps?: EvDialogBodyProps;\n closeable?: boolean;\n draggable?: boolean;\n dragWithinViewport?: boolean;\n dragMinX?: number;\n dragMinY?: number;\n fullscreen?: boolean;\n headerActions?: EvButtonProps[];\n headerProps?: EvToolbarProps;\n hideHeader?: boolean;\n icon?: IconValue;\n noPadding?: boolean;\n retainFocus?: boolean;\n scrollable?: boolean;\n title?: string;\n footerActions?: EvButtonProps[];\n footerProps?: EvDialogFooterProps;\n}\n\nexport interface EvDialogSlots extends Slots {\n container?: Slot;\n default?: Slot;\n header?: Slot;\n body?: Slot;\n footer?: Slot;\n}\n\n/*\n # makeEvDialogProps\n */\nexport const makeEvDialogProps = propsFactory(\n {\n bodyProps: Object as PropType<EvDialogBodyProps>,\n closeable: {\n type: Boolean,\n default: true,\n },\n draggable: Boolean,\n dragWithinViewport: {\n type: Boolean,\n default: true,\n },\n dragMinX: {\n type: Number,\n default: 0,\n },\n dragMinY: {\n type: Number,\n default: 0,\n },\n fullscreen: Boolean,\n headerActions: Array as PropType<readonly EvButtonProps[]>,\n headerProps: Object as PropType<EvToolbarProps>,\n hideHeader: Boolean,\n icon: IconProp,\n noPadding: Boolean,\n retainFocus: {\n type: Boolean,\n default: true,\n },\n scrollable: Boolean,\n title: String,\n footerActions: Array as PropType<readonly EvButtonProps[]>,\n footerProps: Object as PropType<EvDialogFooterProps>,\n\n ...makeEvOverlayProps({\n origin: \"center center\" as const,\n scrollStrategy: \"block\" as const,\n positionStrategy: \"static\" as const,\n transition: {\n component: EvDialogTransition,\n },\n zIndex: 2400,\n }),\n\n __instance: null,\n },\n \"EvDialog\",\n);\n\nexport const DialogSize = {\n default: \"medium\",\n small: \"small\",\n medium: \"medium\",\n large: \"large\",\n xLarge: \"x-large\",\n} as const;\nexport type DialogSizeProp = (typeof DialogSize)[keyof typeof DialogSize];\nexport const DialogSizeToWidth: Record<string, number> = {\n [DialogSize.small]: 400,\n [DialogSize.medium]: 600,\n [DialogSize.large]: 800,\n [DialogSize.xLarge]: 968,\n};\n"],"names":["makeEvDialogProps","propsFactory","IconProp","makeEvOverlayProps","EvDialogTransition","DialogSize","DialogSizeToWidth"],"mappings":"6PAyCO,MAAMA,EAAoBC,EAC7B,CACI,UAAW,OACX,UAAW,CACP,KAAM,QACN,QAAS,EACb,EACA,UAAW,QACX,mBAAoB,CAChB,KAAM,QACN,QAAS,EACb,EACA,SAAU,CACN,KAAM,OACN,QAAS,CACb,EACA,SAAU,CACN,KAAM,OACN,QAAS,CACb,EACA,WAAY,QACZ,cAAe,MACf,YAAa,OACb,WAAY,QACZ,KAAMC,EACN,UAAW,QACX,YAAa,CACT,KAAM,QACN,QAAS,EACb,EACA,WAAY,QACZ,MAAO,OACP,cAAe,MACf,YAAa,OAEb,GAAGC,EAAmB,CAClB,OAAQ,gBACR,eAAgB,QAChB,iBAAkB,SAClB,WAAY,CACR,UAAWC,CACf,EACA,OAAQ,IAAA,CACX,EAED,WAAY,IAChB,EACA,UACJ,EAEaC,EAAa,CACtB,QAAS,SACT,MAAO,QACP,OAAQ,SACR,MAAO,QACP,OAAQ,SACZ,EAEaC,EAA4C,CACrD,CAACD,EAAW,KAAK,EAAG,IACpB,CAACA,EAAW,MAAM,EAAG,IACrB,CAACA,EAAW,KAAK,EAAG,IACpB,CAACA,EAAW,MAAM,EAAG,GACzB"}

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

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