npm - @evance/evance-ui - Versions diffs - 1.1.32 → 1.1.34 - Mend

@evance/evance-ui 1.1.32 → 1.1.34

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvHotkey.vue.mjs","sources":["../../../../src/components/EvHotkey/EvHotkey.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvHotkey.scss\";\nimport {\n DisplayMode,\n KeyMapConfig,\n makeEvHotkeyProps,\n PlatformKeyConfig,\n} from \"./EvHotkey\";\nimport { computed } from \"vue\";\nimport {\n splitKeyCombination,\n splitKeySequence,\n} from \"@/composables/hotkey/hotkey-parsing\";\nimport { useLocaleFunctions } from \"@/composables\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvKbd, KbdVariant } from \"@/components/EvKbd\";\nimport { variantModifier } from \"@/util\";\n\nconst props = defineProps({ ...makeEvHotkeyProps() });\nconst { t } = useLocaleFunctions();\nconst isMac = computed(() => {\n return props.platform === \"auto\"\n ? typeof navigator !== \"undefined\" &&\n /macintosh/i.test(navigator.userAgent)\n : props.platform === \"mac\";\n});\n\nconst AND_DELINEATOR = Symbol(\"EvHotkey:AND_DELINEATOR\"); // For + separators\nconst SLASH_DELINEATOR = Symbol(\"EvHotkey:SLASH_DELINEATOR\"); // For / separators\nconst THEN_DELINEATOR = Symbol(\"EvHotkey:THEN_DELINEATOR\"); // For - separators\nconst keyCombinations = computed(() => {\n if (!props.keys) {\n return [];\n }\n // Split by spaces to handle multiple key combinations\n // Example: \"ctrl+k cmd+p\" -> [\"ctrl+k\", \"cmd+p\"]\n const combinations = props.keys.split(\" \");\n return combinations.map((combination) => {\n const result = [];\n const sequenceGroups = splitKeySequence(combination);\n for (let i = 0; i < sequenceGroups.length; i++) {\n const group = sequenceGroups[i];\n\n // Add THEN delineator between sequence groups\n if (i > 0) result.push(THEN_DELINEATOR);\n\n const { keys: keyParts, separators } = splitKeyCombination(group);\n for (let j = 0; j < keyParts.length; j++) {\n const part = keyParts[j];\n\n // Add AND delineator between keys\n if (j > 0) {\n result.push(\n separators[j - 1] === \"/\"\n ? SLASH_DELINEATOR\n : AND_DELINEATOR,\n );\n }\n result.push(\n applyDisplayModeToKey(\n props.keyMap,\n props.displayMode,\n part,\n isMac.value,\n ),\n );\n }\n }\n\n return result;\n });\n});\n\nfunction applyDisplayModeToKey(\n keyMap: KeyMapConfig,\n mode: DisplayMode,\n key: string,\n isMac: boolean,\n) {\n const lowerKey = key.toLowerCase();\n if (lowerKey in keyMap) {\n const result = processKey(keyMap[lowerKey], mode, isMac);\n if (result.text.startsWith(\"$\")) {\n result.text = t(result.text.replace(\"$\", \"\"));\n }\n return result;\n }\n return {\n icon: null,\n text: key.toUpperCase(),\n };\n}\n\nfunction processKey(\n config: PlatformKeyConfig,\n requestedMode: DisplayMode,\n isMac: boolean,\n) {\n const keyCfg = isMac && config.mac ? config.mac : config.default;\n return {\n icon: requestedMode === \"icon\" ? keyCfg.icon ?? null : null,\n text: keyCfg.text ?? null,\n };\n}\n\nfunction isDivider(key) {\n return (\n key === AND_DELINEATOR \|\|\n key === SLASH_DELINEATOR \|\|\n key === THEN_DELINEATOR\n );\n}\n\nfunction getDivider(key) {\n return key === AND_DELINEATOR\n ? \"+\"\n : key === SLASH_DELINEATOR\n ? \"/\"\n : t(\"hotkey.then\");\n}\n\nconst variantClass = computed(() => {\n return variantModifier(props.variant ?? KbdVariant.default, [\"default\"]);\n});\n\nconst accessibleLabel = computed(() => {\n if (!props.keys) return \"\";\n\n const readableShortcuts = keyCombinations.value.map((combination) => {\n const readableParts: string[] = [];\n\n for (const key of combination) {\n if (key === AND_DELINEATOR) {\n readableParts.push(t(\"hotkey.plus\"));\n } else if (key === SLASH_DELINEATOR) {\n readableParts.push(t(\"hotkey.or\"));\n } else if (key === THEN_DELINEATOR) {\n readableParts.push(t(\"hotkey.then\"));\n } else {\n readableParts.push(key.text);\n }\n }\n return readableParts.join(\" \");\n });\n\n const shortcutText = readableShortcuts.join(\", \");\n return t(\"hotkey.shortcut\", { value: shortcutText });\n});\n\n</script>\n\n<template>\n <div\n role=\"img\"\n :aria-label=\"accessibleLabel\"\n :class=\"['ev-hotkey', variantClass, props.class]\"\n :style=\"props.style\">\n <template\n v-for=\"(combination, ~~combinationIndex)~~ in keyCombinations\"\n :key=\"~~combinationIndex~~\">\n <span class=\"ev-hotkey-combination\">\n <template\n v-for=\"(key, ~~keyIndex)~~ in combination\"\n :key=\"~~keyIndex~~\">\n <span\n v-if=\"isDivider(key)\"\n class=\"ev-hotkey-divider\"\n aria-hidden=\"true\">\n {{ getDivider(key) }}\n </span>\n <ev-kbd\n v-else\n class=\"ev-hotkey-key\"\n :variant=\"props.variant\"\n aria-hidden=\"true\"\n :title=\"key.text\">\n <ev-icon v-if=\"key.icon\" :glyph=\"key.icon\" />\n <template v-else>\n {{ key.text }}\n </template>\n </ev-kbd>\n </template>\n </span>\n </template>\n </div>\n</template>\n"],"names":["t","useLocaleFunctions","isMac","computed","props","AND_DELINEATOR","SLASH_DELINEATOR","THEN_DELINEATOR","keyCombinations","combination","result","sequenceGroups","splitKeySequence","i","group","keyParts","separators","splitKeyCombination","j","part","applyDisplayModeToKey","keyMap","mode","key","lowerKey","processKey","config","requestedMode","keyCfg","isDivider","getDivider","variantClass","variantModifier","KbdVariant","accessibleLabel","shortcutText","readableParts"],"mappings":"w3BAmBM,CAAE,EAAAA,CAAE,EAAIC,EAAmB,EAC3BC,EAAQC,EAAS,IACZC,EAAM,WAAa,OACpB,OAAO,UAAc,KACjB,aAAa,KAAK,UAAU,SAAS,EACzCA,EAAM,WAAa,KAC5B,EAEKC,EAAiB,OAAO,yBAAyB,EACjDC,EAAmB,OAAO,2BAA2B,EACrDC,EAAkB,OAAO,0BAA0B,EACnDC,EAAkBL,EAAS,IACxBC,EAAM,KAKUA,EAAM,KAAK,MAAM,GAAG,EACrB,IAAKK,GAAgB,CACrC,MAAMC,EAAS,CAAC,EACVC,EAAiBC,EAAiBH,CAAW,EACnD,QAASI,EAAI,EAAGA,EAAIF,EAAe,OAAQE,IAAK,CACtC,MAAAC,EAAQH,EAAeE,CAAC,EAG1BA,EAAI,GAAUH,EAAA,KAAKH,CAAe,EAEtC,KAAM,CAAE,KAAMQ,EAAU,WAAAC,CAAW,EAAIC,EAAoBH,CAAK,EAChE,QAASI,EAAI,EAAGA,EAAIH,EAAS,OAAQG,IAAK,CAChC,MAAAC,EAAOJ,EAASG,CAAC,EAGnBA,EAAI,GACGR,EAAA,KACHM,EAAWE,EAAI,CAAC,IAAM,IAChBZ,EACAD,CACV,EAEGK,EAAA,KACHU,EACIhB,EAAM,OACNA,EAAM,YACNe,EACAjB,EAAM,KAAA,CAEd,CAAA,CACJ,CAGG,OAAAQ,CAAA,CACV,EAtCU,CAAC,CAuCf,EAED,SAASU,EACLC,EACAC,EACAC,EACArB,EACF,CACQ,MAAAsB,EAAWD,EAAI,YAAY,EACjC,GAAIC,KAAYH,EAAQ,CACpB,MAAMX,EAASe,EAAWJ,EAAOG,CAAQ,EAAGF,EAAMpB,CAAK,EACvD,OAAIQ,EAAO,KAAK,WAAW,GAAG,IAC1BA,EAAO,KAAOV,EAAEU,EAAO,KAAK,QAAQ,IAAK,EAAE,CAAC,GAEzCA,CAAA,CAEJ,MAAA,CACH,KAAM,KACN,KAAMa,EAAI,YAAY,CAC1B,CAAA,CAGK,SAAAE,EACLC,EACAC,EACAzB,EACF,CACE,MAAM0B,EAAS1B,GAASwB,EAAO,IAAMA,EAAO,IAAMA,EAAO,QAClD,MAAA,CACH,KAAMC,IAAkB,OAASC,EAAO,MAAQ,KAAO,KACvD,KAAMA,EAAO,MAAQ,IACzB,CAAA,CAGJ,SAASC,EAAUN,EAAK,CACpB,OACIA,IAAQlB,GACRkB,IAAQjB,GACRiB,IAAQhB,CAAA,CAIhB,SAASuB,EAAWP,EAAK,CACrB,OAAOA,IAAQlB,EACT,IACAkB,IAAQjB,EACN,IACAN,EAAE,aAAa,CAAA,CAGrB,MAAA+B,EAAe5B,EAAS,IACnB6B,EAAgB5B,EAAM,SAAW6B,EAAW,QAAS,CAAC,SAAS,CAAC,CAC1E,EAEKC,EAAkB/B,EAAS,IAAM,CAC/B,GAAA,CAACC,EAAM,KAAa,MAAA,GAmBlB,MAAA+B,EAjBoB3B,EAAgB,MAAM,IAAKC,GAAgB,CACjE,MAAM2B,EAA0B,CAAC,EAEjC,UAAWb,KAAOd,EACVc,IAAQlB,EACM+B,EAAA,KAAKpC,EAAE,aAAa,CAAC,EAC5BuB,IAAQjB,EACD8B,EAAA,KAAKpC,EAAE,WAAW,CAAC,EAC1BuB,IAAQhB,EACD6B,EAAA,KAAKpC,EAAE,aAAa,CAAC,EAErBoC,EAAA,KAAKb,EAAI,IAAI,EAG5B,OAAAa,EAAc,KAAK,GAAG,CAAA,CAChC,EAEsC,KAAK,IAAI,EAChD,OAAOpC,EAAE,kBAAmB,CAAE,MAAOmC,EAAc,CAAA,CACtD"}
1	+ {"version":3,"file":"EvHotkey.vue.mjs","sources":["../../../../src/components/EvHotkey/EvHotkey.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvHotkey.scss\";\nimport {\n DisplayMode,\n KeyMapConfig,\n makeEvHotkeyProps,\n PlatformKeyConfig,\n} from \"./EvHotkey\";\nimport { computed } from \"vue\";\nimport {\n splitKeyCombination,\n splitKeySequence,\n} from \"@/composables/hotkey/hotkey-parsing\";\nimport { useLocaleFunctions } from \"@/composables\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvKbd, KbdVariant } from \"@/components/EvKbd\";\nimport { variantModifier } from \"@/util\";\n\nconst props = defineProps({ ...makeEvHotkeyProps() });\nconst { t } = useLocaleFunctions();\nconst isMac = computed(() => {\n return props.platform === \"auto\"\n ? typeof navigator !== \"undefined\" &&\n /macintosh/i.test(navigator.userAgent)\n : props.platform === \"mac\";\n});\n\nconst AND_DELINEATOR = Symbol(\"EvHotkey:AND_DELINEATOR\"); // For + separators\nconst SLASH_DELINEATOR = Symbol(\"EvHotkey:SLASH_DELINEATOR\"); // For / separators\nconst THEN_DELINEATOR = Symbol(\"EvHotkey:THEN_DELINEATOR\"); // For - separators\nconst keyCombinations = computed(() => {\n if (!props.keys) {\n return [];\n }\n // Split by spaces to handle multiple key combinations\n // Example: \"ctrl+k cmd+p\" -> [\"ctrl+k\", \"cmd+p\"]\n const combinations = props.keys.split(\" \");\n return combinations.map((combination) => {\n const result = [];\n const sequenceGroups = splitKeySequence(combination);\n for (let i = 0; i < sequenceGroups.length; i++) {\n const group = sequenceGroups[i];\n\n // Add THEN delineator between sequence groups\n if (i > 0) result.push(THEN_DELINEATOR);\n\n const { keys: keyParts, separators } = splitKeyCombination(group);\n for (let j = 0; j < keyParts.length; j++) {\n const part = keyParts[j];\n\n // Add AND delineator between keys\n if (j > 0) {\n result.push(\n separators[j - 1] === \"/\"\n ? SLASH_DELINEATOR\n : AND_DELINEATOR,\n );\n }\n result.push(\n applyDisplayModeToKey(\n props.keyMap,\n props.displayMode,\n part,\n isMac.value,\n ),\n );\n }\n }\n\n return result;\n });\n});\n\nfunction applyDisplayModeToKey(\n keyMap: KeyMapConfig,\n mode: DisplayMode,\n key: string,\n isMac: boolean,\n) {\n const lowerKey = key.toLowerCase();\n if (lowerKey in keyMap) {\n const result = processKey(keyMap[lowerKey], mode, isMac);\n if (result.text.startsWith(\"$\")) {\n result.text = t(result.text.replace(\"$\", \"\"));\n }\n return result;\n }\n return {\n icon: null,\n text: key.toUpperCase(),\n };\n}\n\nfunction processKey(\n config: PlatformKeyConfig,\n requestedMode: DisplayMode,\n isMac: boolean,\n) {\n const keyCfg = isMac && config.mac ? config.mac : config.default;\n return {\n icon: requestedMode === \"icon\" ? keyCfg.icon ?? null : null,\n text: keyCfg.text ?? null,\n };\n}\n\nfunction isDivider(key) {\n return (\n key === AND_DELINEATOR \|\|\n key === SLASH_DELINEATOR \|\|\n key === THEN_DELINEATOR\n );\n}\n\nfunction getDivider(key) {\n return key === AND_DELINEATOR\n ? \"+\"\n : key === SLASH_DELINEATOR\n ? \"/\"\n : t(\"hotkey.then\");\n}\n\nconst variantClass = computed(() => {\n return variantModifier(props.variant ?? KbdVariant.default, [\"default\"]);\n});\n\nconst accessibleLabel = computed(() => {\n if (!props.keys) return \"\";\n\n const readableShortcuts = keyCombinations.value.map((combination) => {\n const readableParts: string[] = [];\n\n for (const key of combination) {\n if (key === AND_DELINEATOR) {\n readableParts.push(t(\"hotkey.plus\"));\n } else if (key === SLASH_DELINEATOR) {\n readableParts.push(t(\"hotkey.or\"));\n } else if (key === THEN_DELINEATOR) {\n readableParts.push(t(\"hotkey.then\"));\n } else {\n readableParts.push(key.text);\n }\n }\n return readableParts.join(\" \");\n });\n\n const shortcutText = readableShortcuts.join(\", \");\n return t(\"hotkey.shortcut\", { value: shortcutText });\n});\n\n</script>\n\n<template>\n <div\n role=\"img\"\n :aria-label=\"accessibleLabel\"\n :class=\"['ev-hotkey', variantClass, props.class]\"\n :style=\"props.style\">\n <template v-for=\"combination in keyCombinations\" :key=\"combination\">\n <span class=\"ev-hotkey-combination\">\n <template v-for=\"key in combination\" :key=\"key\">\n <span\n v-if=\"isDivider(key)\"\n class=\"ev-hotkey-divider\"\n aria-hidden=\"true\">\n {{ getDivider(key) }}\n </span>\n <ev-kbd\n v-else\n class=\"ev-hotkey-key\"\n :variant=\"props.variant\"\n aria-hidden=\"true\"\n :title=\"key.text\">\n <ev-icon v-if=\"key.icon\" :glyph=\"key.icon\" />\n <template v-else>\n {{ key.text }}\n </template>\n </ev-kbd>\n </template>\n </span>\n </template>\n </div>\n</template>\n"],"names":["t","useLocaleFunctions","isMac","computed","props","AND_DELINEATOR","SLASH_DELINEATOR","THEN_DELINEATOR","keyCombinations","combination","result","sequenceGroups","splitKeySequence","i","group","keyParts","separators","splitKeyCombination","j","part","applyDisplayModeToKey","keyMap","mode","key","lowerKey","processKey","config","requestedMode","keyCfg","isDivider","getDivider","variantClass","variantModifier","KbdVariant","accessibleLabel","shortcutText","readableParts"],"mappings":"w3BAmBM,CAAE,EAAAA,CAAE,EAAIC,EAAmB,EAC3BC,EAAQC,EAAS,IACZC,EAAM,WAAa,OACpB,OAAO,UAAc,KACjB,aAAa,KAAK,UAAU,SAAS,EACzCA,EAAM,WAAa,KAC5B,EAEKC,EAAiB,OAAO,yBAAyB,EACjDC,EAAmB,OAAO,2BAA2B,EACrDC,EAAkB,OAAO,0BAA0B,EACnDC,EAAkBL,EAAS,IACxBC,EAAM,KAKUA,EAAM,KAAK,MAAM,GAAG,EACrB,IAAKK,GAAgB,CACrC,MAAMC,EAAS,CAAC,EACVC,EAAiBC,EAAiBH,CAAW,EACnD,QAASI,EAAI,EAAGA,EAAIF,EAAe,OAAQE,IAAK,CACtC,MAAAC,EAAQH,EAAeE,CAAC,EAG1BA,EAAI,GAAUH,EAAA,KAAKH,CAAe,EAEtC,KAAM,CAAE,KAAMQ,EAAU,WAAAC,CAAW,EAAIC,EAAoBH,CAAK,EAChE,QAASI,EAAI,EAAGA,EAAIH,EAAS,OAAQG,IAAK,CAChC,MAAAC,EAAOJ,EAASG,CAAC,EAGnBA,EAAI,GACGR,EAAA,KACHM,EAAWE,EAAI,CAAC,IAAM,IAChBZ,EACAD,CACV,EAEGK,EAAA,KACHU,EACIhB,EAAM,OACNA,EAAM,YACNe,EACAjB,EAAM,KAAA,CAEd,CAAA,CACJ,CAGG,OAAAQ,CAAA,CACV,EAtCU,CAAC,CAuCf,EAED,SAASU,EACLC,EACAC,EACAC,EACArB,EACF,CACQ,MAAAsB,EAAWD,EAAI,YAAY,EACjC,GAAIC,KAAYH,EAAQ,CACpB,MAAMX,EAASe,EAAWJ,EAAOG,CAAQ,EAAGF,EAAMpB,CAAK,EACvD,OAAIQ,EAAO,KAAK,WAAW,GAAG,IAC1BA,EAAO,KAAOV,EAAEU,EAAO,KAAK,QAAQ,IAAK,EAAE,CAAC,GAEzCA,CAAA,CAEJ,MAAA,CACH,KAAM,KACN,KAAMa,EAAI,YAAY,CAC1B,CAAA,CAGK,SAAAE,EACLC,EACAC,EACAzB,EACF,CACE,MAAM0B,EAAS1B,GAASwB,EAAO,IAAMA,EAAO,IAAMA,EAAO,QAClD,MAAA,CACH,KAAMC,IAAkB,OAASC,EAAO,MAAQ,KAAO,KACvD,KAAMA,EAAO,MAAQ,IACzB,CAAA,CAGJ,SAASC,EAAUN,EAAK,CACpB,OACIA,IAAQlB,GACRkB,IAAQjB,GACRiB,IAAQhB,CAAA,CAIhB,SAASuB,EAAWP,EAAK,CACrB,OAAOA,IAAQlB,EACT,IACAkB,IAAQjB,EACN,IACAN,EAAE,aAAa,CAAA,CAGrB,MAAA+B,EAAe5B,EAAS,IACnB6B,EAAgB5B,EAAM,SAAW6B,EAAW,QAAS,CAAC,SAAS,CAAC,CAC1E,EAEKC,EAAkB/B,EAAS,IAAM,CAC/B,GAAA,CAACC,EAAM,KAAa,MAAA,GAmBlB,MAAA+B,EAjBoB3B,EAAgB,MAAM,IAAKC,GAAgB,CACjE,MAAM2B,EAA0B,CAAC,EAEjC,UAAWb,KAAOd,EACVc,IAAQlB,EACM+B,EAAA,KAAKpC,EAAE,aAAa,CAAC,EAC5BuB,IAAQjB,EACD8B,EAAA,KAAKpC,EAAE,WAAW,CAAC,EAC1BuB,IAAQhB,EACD6B,EAAA,KAAKpC,EAAE,aAAa,CAAC,EAErBoC,EAAA,KAAKb,EAAI,IAAI,EAG5B,OAAAa,EAAc,KAAK,GAAG,CAAA,CAChC,EAEsC,KAAK,IAAI,EAChD,OAAOpC,EAAE,kBAAmB,CAAE,MAAOmC,EAAc,CAAA,CACtD"}

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

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

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

@@ -1,2 +1,2 @@
-import{computed as e,toRaw as p}from"vue";import{IconProp as n}from"../../composables/icons.mjs";import{propsFactory as c}from"../../util/props.mjs";import{Appearance as o}from"../../util/appearance.mjs";/*! Evance UI v1.1.31 | MIT License */const s={...o,subtle:"subtle"};function f(r,t){return e(()=>p(r[t]))}const l=c({glyph:n,size:String,appearance:{type:String,default:o.default}},"EvIcon");export{s as IconAppearance,l as makeEvIconProps,f as useIcon};
+import{computed as e,toRaw as p}from"vue";import{IconProp as n}from"../../composables/icons.mjs";import{propsFactory as c}from"../../util/props.mjs";import{Appearance as o}from"../../util/appearance.mjs";/*! Evance UI v1.1.34 | MIT License */const s={...o,subtle:"subtle"};function f(r,t){return e(()=>p(r[t]))}const l=c({glyph:n,size:String,appearance:{type:String,default:o.default}},"EvIcon");export{s as IconAppearance,l as makeEvIconProps,f as useIcon};
 //# sourceMappingURL=EvIcon.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as m,useCssVars as l,computed as a,useAttrs as u,toRaw as f,createElementBlock as d,openBlock as o,normalizeClass as v,unref as r,createBlock as _,resolveDynamicComponent as k}from"vue";/* empty css            */import{makeEvIconProps as C}from"./EvIcon.mjs";import{useDefaults as x}from"../../composables/defaults.mjs";import{appearanceModifier as y,sizeModifier as h}from"../../util/modifiers.mjs";import{Appearance as z}from"../../util/appearance.mjs";/*! Evance UI v1.1.31 | MIT License */const P=m({__name:"EvIcon",props:{...C()},setup(t){const n=t;l(i=>({"3280d23e":c.value}));const e=x(n),p=u(),c=a(()=>!e.appearance||e.appearance==="default"?null:e.appearance==="primary"?"var(--text-brand)":`var(--text-${e.appearance})`),s=a(()=>f(e.glyph));return(i,B)=>(o(),d("i",{class:v(["ev-icon",[{"is-clickable":!!r(p).onClick},r(y)(r(e).appearance,[r(z).default]),r(h)(r(e).size,["medium"])]])},[(o(),_(k(s.value)))],2))}});export{P as default};
+import{defineComponent as m,useCssVars as l,computed as a,useAttrs as u,toRaw as f,createElementBlock as d,openBlock as o,normalizeClass as v,unref as r,createBlock as _,resolveDynamicComponent as k}from"vue";/* empty css            */import{makeEvIconProps as C}from"./EvIcon.mjs";import{useDefaults as x}from"../../composables/defaults.mjs";import{appearanceModifier as y,sizeModifier as h}from"../../util/modifiers.mjs";import{Appearance as z}from"../../util/appearance.mjs";/*! Evance UI v1.1.34 | MIT License */const P=m({__name:"EvIcon",props:{...C()},setup(t){const n=t;l(i=>({"3280d23e":c.value}));const e=x(n),p=u(),c=a(()=>!e.appearance||e.appearance==="default"?null:e.appearance==="primary"?"var(--text-brand)":`var(--text-${e.appearance})`),s=a(()=>f(e.glyph));return(i,B)=>(o(),d("i",{class:v(["ev-icon",[{"is-clickable":!!r(p).onClick},r(y)(r(e).appearance,[r(z).default]),r(h)(r(e).size,["medium"])]])},[(o(),_(k(s.value)))],2))}});export{P as default};
 //# sourceMappingURL=EvIcon.vue.mjs.map

package/dist/esm/components/EvIcon/EvIcon.vue3.mjs CHANGED Viewed

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvImg.vue.mjs","sources":["../../../../src/components/EvImg/EvImg.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/*\r\n `<ev-img>`\r\n /\r\nimport \"./EvImg.scss\";\r\nimport { makeEvImgProps, EvImgSrcObject } from \"./EvImg\";\r\nimport { EvResponsive } from \"@/components/EvResponsive\";\r\nimport { EvTransition, useEvTransition } from \"@/components/EvTransition\";\r\nimport {\r\n computed,\r\n ComputedRef,\r\n nextTick,\r\n onBeforeMount,\r\n onBeforeUnmount,\r\n onMounted,\r\n ref,\r\n shallowRef,\r\n watch,\r\n} from \"vue\";\r\nimport {Browser, filterComponentProps, isObject, makeClassName, toWebUnit} from \"@/util\";\r\n\r\nconst props = defineProps({\r\n ...makeEvImgProps(),\r\n});\r\nconst slots = defineSlots<{\r\n default(): never;\r\n error(): never;\r\n loading(): never;\r\n placeholder(): never;\r\n sources(): never;\r\n}>();\r\nconst emit = defineEmits([\"loadstart\", \"load\", \"error\"]);\r\n\r\nconst currentSrc = shallowRef(\"\");\r\nconst image = ref<HTMLImageElement>();\r\nconst state = shallowRef<\"idle\" \| \"loading\" \| \"loaded\" \| \"error\">(\r\n props.eager ? \"loading\" : \"idle\",\r\n);\r\nconst naturalWidth = shallowRef<number>();\r\nconst naturalHeight = shallowRef<number>();\r\nconst transition = useEvTransition(props);\r\n\r\nconst normalisedSrc: ComputedRef<EvImgSrcObject> = computed(() => {\r\n const imgSrc = props as EvImgSrcObject \| { src: EvImgSrcObject };\r\n\r\n return isObject(imgSrc.src)\r\n ? {\r\n src: imgSrc.src.src,\r\n srcset: props.srcset \|\| imgSrc.src.srcset,\r\n lazySrc: props.lazySrc \|\| imgSrc.src.lazySrc,\r\n aspect: props.aspectRatio \|\| imgSrc.src.aspect \|\| 0,\r\n }\r\n : {\r\n src: props.src,\r\n srcset: props.srcset,\r\n lazySrc: props.lazySrc,\r\n aspect: props.aspectRatio \|\| 0,\r\n };\r\n});\r\n\r\nconst aspectRatio = computed(() => {\r\n return (\r\n normalisedSrc.value.aspect \|\|\r\n naturalWidth.value! / naturalHeight.value! \|\|\r\n 0\r\n );\r\n});\r\n\r\nconst objectFitClasses = computed(() => {\r\n return {\r\n \"is-object-cover\": props.cover,\r\n \"is-object-contain\": !props.cover,\r\n };\r\n});\r\n\r\n/\r\n ## getSrc\r\n /\r\nfunction getSrc() {\r\n const img = image.value;\r\n if (img) {\r\n currentSrc.value = img.currentSrc \|\| img.src;\r\n }\r\n}\r\n\r\n/\r\n ## init\r\n \r\n @param isIntersecting\r\n /\r\nfunction init(isIntersecting?: boolean) {\r\n if (props.eager && isIntersecting) {\r\n return;\r\n }\r\n if (Browser.supportsIntersection && !isIntersecting && !props.eager) {\r\n return;\r\n }\r\n state.value = \"loading\";\r\n\r\n if (normalisedSrc.value.lazySrc) {\r\n const lazyImg = new Image();\r\n lazyImg.src = normalisedSrc.value.lazySrc;\r\n pollForSize(lazyImg, null);\r\n }\r\n\r\n if (!normalisedSrc.value.src) {\r\n return;\r\n }\r\n\r\n nextTick(() => {\r\n emit(\"loadstart\", image.value?.currentSrc \|\| normalisedSrc.value.src);\r\n setTimeout(() => {\r\n if (image.value?.complete) {\r\n if (!image.value.naturalWidth) {\r\n onError();\r\n }\r\n if (state.value === \"error\") {\r\n return;\r\n }\r\n if (!aspectRatio.value) {\r\n pollForSize(image.value, null);\r\n }\r\n if (state.value === \"loading\") {\r\n onLoad();\r\n }\r\n } else {\r\n if (!aspectRatio.value) {\r\n pollForSize(image.value!);\r\n }\r\n getSrc();\r\n }\r\n });\r\n });\r\n}\r\n\r\n/\r\n ## onError\r\n /\r\nfunction onError() {\r\n state.value = \"error\";\r\n emit(\"error\", image.value?.currentSrc \|\| normalisedSrc.value.src);\r\n}\r\n\r\n/\r\n ## onLoad\r\n */\r\nfunction onLoad() {\r\n getSrc();\r\n pollForSize(image.value!);\r\n state.value = \"loaded\";\r\n emit(\"load\", image.value?.currentSrc \|\| normalisedSrc.value.src);\r\n}\r\n\r\nlet timer = -1;\r\nfunction pollForSize(img: HTMLImageElement, timeout: number \| null = 100) {\r\n const poll = () => {\r\n clearTimeout(timer);\r\n if (!img) {\r\n return;\r\n }\r\n if (!img?.complete && state.value === \"loading\" && timeout != null) {\r\n timer = window.setTimeout(poll, timeout);\r\n return;\r\n }\r\n const { naturalHeight: imgHeight, naturalWidth: imgWidth } = img;\r\n if (imgHeight \|\| imgWidth) {\r\n naturalWidth.value = imgWidth;\r\n naturalHeight.value = imgHeight;\r\n } else if (\r\n img.currentSrc.endsWith(\".svg\") \|\|\r\n img.currentSrc.startsWith(\"data:image/svg+xml\")\r\n ) {\r\n naturalWidth.value = 1;\r\n naturalHeight.value = 1;\r\n }\r\n };\r\n poll();\r\n}\r\n\r\nwatch(\r\n () => props.src,\r\n () => {\r\n if (state.value !== \"idle\") {\r\n state.value = \"idle\";\r\n nextTick(() => {\r\n init(true);\r\n });\r\n }\r\n },\r\n);\r\n\r\nwatch(aspectRatio, (val, oldVal) => {\r\n if (!val && oldVal && image.value) {\r\n pollForSize(image.value);\r\n }\r\n});\r\n\r\nonBeforeMount(() => init());\r\n\r\nif (Browser.hasWindow) {\r\n const windowWidth = ref(window.innerWidth);\r\n const onWindowResize = () => {\r\n windowWidth.value = window.innerWidth;\r\n };\r\n onMounted(() => {\r\n window.addEventListener(\"resize\", onWindowResize);\r\n onWindowResize();\r\n });\r\n\r\n onBeforeUnmount(() => {\r\n window.removeEventListener(\"resize\", onWindowResize);\r\n });\r\n\r\n watch(windowWidth, (newWidth, oldWidth) => {\r\n if (newWidth != oldWidth) {\r\n getSrc();\r\n }\r\n });\r\n}\r\n\r\nconst isBooted = shallowRef(false);\r\n{\r\n const stop = watch(aspectRatio, (val) => {\r\n if (val) {\r\n // Doesn't work with nextTick, idk why\r\n requestAnimationFrame(() => {\r\n requestAnimationFrame(() => {\r\n isBooted.value = true;\r\n });\r\n });\r\n stop();\r\n }\r\n });\r\n}\r\n\r\nconst isLoaded = computed(() => {\r\n return state.value === \"loaded\";\r\n});\r\n\r\nconst isEmpty = computed(() => {\r\n return !normalisedSrc.value.src && !normalisedSrc.value.lazySrc;\r\n});\r\n\r\nconst responsiveProps = computed(() =>\r\n filterComponentProps(EvResponsive, props),\r\n);\r\n\r\nconst imgProps = computed(() => ({\r\n src: normalisedSrc.value.src,\r\n srcset: normalisedSrc.value.srcset,\r\n alt: props.alt,\r\n crossorigin: props.crossorigin,\r\n referrerpolicy: props.referrerpolicy,\r\n draggable: props.draggable,\r\n sizes: props.sizes,\r\n}));\r\n\r\nconst stateClass = computed(() => makeClassName(state.value, \"is-state\"));\r\n</script>\r\n\r\n<template>\r\n <ev-responsive\r\n v-intersect.once=\"{\r\n handler: init,\r\n options: props.options,\r\n }\"\r\n :class=\"[\r\n 'ev-img',\r\n {\r\n 'is-booting': !isBooted,\r\n },\r\n stateClass,\r\n props.class,\r\n ]\"\r\n :style=\"[\r\n {\r\n width: toWebUnit(\r\n props.width === 'auto' ? naturalWidth : props.width,\r\n ),\r\n },\r\n props.style,\r\n ]\"\r\n v-bind=\"responsiveProps\"\r\n :aria-label=\"props.alt\"\r\n :aspect-ratio=\"aspectRatio\"\r\n :role=\"props.alt ? 'img' : undefined\">\r\n <template #additional>\r\n <ev-transition\r\n v-if=\"normalisedSrc.src && state !== 'idle'\"\r\n :transition=\"transition\"\r\n appear>\r\n <picture\r\n v-if=\"slots.sources\"\r\n v-show=\"isLoaded\"\r\n class=\"ev-img--picture\">\r\n <slot name=\"sources\" />\r\n <img\r\n ref=\"image\"\r\n :class=\"['ev-img--img', objectFitClasses]\"\r\n :style=\"{ objectPosition: props.position }\"\r\n v-bind=\"imgProps\"\r\n @load=\"onLoad\"\r\n @error=\"onError\" />\r\n </picture>\r\n <img\r\n v-else\r\n v-show=\"isLoaded\"\r\n ref=\"image\"\r\n :class=\"['ev-img--img', objectFitClasses]\"\r\n :style=\"{ objectPosition: props.position }\"\r\n v-bind=\"imgProps\"\r\n @load=\"onLoad\"\r\n @error=\"onError\" />\r\n </ev-transition>\r\n\r\n <ev-transition\r\n v-if=\"normalisedSrc.lazySrc && state !== 'loaded'\"\r\n :transition=\"transition\">\r\n <img\r\n :class=\"[\r\n 'ev-img--img',\r\n 'ev-img--preload',\r\n objectFitClasses,\r\n ]\"\r\n :style=\"{ objectPosition: props.position }\"\r\n :src=\"normalisedSrc.lazySrc\"\r\n :alt=\"props.alt\"\r\n :crossorigin=\"props.crossorigin\"\r\n :referrerpolicy=\"props.referrerpolicy\"\r\n :draggable=\"props.draggable\" />\r\n </ev-transition>\r\n\r\n <div\r\n v-if=\"props.gradient\"\r\n class=\"ev-img--gradient\"\r\n :style=\"{\r\n backgroundImage: `linear-gradient(${props.gradient})`,\r\n }\"></div>\r\n\r\n <ev-transition\r\n v-if=\"slots.placeholder && isEmpty\"\r\n :transition=\"transition\"\r\n appear>\r\n <div class=\"ev-img--placeholder\">\r\n <slot name=\"placeholder\" />\r\n </div>\r\n </ev-transition>\r\n <ev-transition\r\n v-else-if=\"slots.loading && state === 'loading'\"\r\n :transition=\"transition\"\r\n appear>\r\n <div class=\"ev-img--loading\">\r\n <slot name=\"loading\" />\r\n </div>\r\n </ev-transition>\r\n <ev-transition\r\n v-else-if=\"slots.error && state === 'error'\"\r\n :transition=\"transition\"\r\n appear>\r\n <div class=\"ev-img--error\">\r\n <slot name=\"error\" />\r\n </div>\r\n </ev-transition>\r\n </template>\r\n <template v-if=\"slots.default\" #default>\r\n <slot name=\"default\" />\r\n </template>\r\n </ev-responsive>\r\n</template>\r\n"],"names":["slots","_useSlots","currentSrc","shallowRef","image","ref","state","props","naturalWidth","naturalHeight","transition","useEvTransition","normalisedSrc","computed","imgSrc","isObject","aspectRatio","objectFitClasses","getSrc","img","init","isIntersecting","Browser","lazyImg","pollForSize","nextTick","emit","_a","onError","onLoad","timer","timeout","poll","imgHeight","imgWidth","watch","val","oldVal","onBeforeMount","windowWidth","onWindowResize","onMounted","onBeforeUnmount","newWidth","oldWidth","isBooted","stop","isLoaded","isEmpty","responsiveProps","filterComponentProps","EvResponsive","imgProps","stateClass","makeClassName"],"mappings":"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"}
1	+ {"version":3,"file":"EvImg.vue.mjs","sources":["../../../../src/components/EvImg/EvImg.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/*\r\n `<ev-img>`\r\n /\r\nimport \"./EvImg.scss\";\r\nimport { makeEvImgProps, EvImgSrcObject } from \"./EvImg\";\r\nimport { EvResponsive } from \"@/components/EvResponsive\";\r\nimport { EvTransition, useEvTransition } from \"@/components/EvTransition\";\r\nimport {\r\n computed,\r\n ComputedRef,\r\n nextTick,\r\n onBeforeMount,\r\n onBeforeUnmount,\r\n onMounted,\r\n ref,\r\n shallowRef,\r\n watch,\r\n} from \"vue\";\r\nimport {\r\n Browser,\r\n filterComponentProps,\r\n isObject,\r\n makeClassName,\r\n toWebUnit,\r\n} from \"@/util\";\r\nimport { calculateDisplayRuleValue } from \"@/composables\";\r\n\r\nconst props = defineProps({\r\n ...makeEvImgProps(),\r\n});\r\nconst slots = defineSlots<{\r\n default(): never;\r\n error(): never;\r\n loading(): never;\r\n placeholder(): never;\r\n sources(): never;\r\n}>();\r\nconst emit = defineEmits([\"loadstart\", \"load\", \"error\"]);\r\n\r\nconst currentSrc = shallowRef(\"\");\r\nconst image = ref<HTMLImageElement>();\r\nconst state = shallowRef<\"idle\" \| \"loading\" \| \"loaded\" \| \"error\">(\r\n props.eager ? \"loading\" : \"idle\",\r\n);\r\nconst naturalWidth = shallowRef<number>();\r\nconst naturalHeight = shallowRef<number>();\r\nconst transition = useEvTransition(props);\r\n\r\nconst normalisedSrc: ComputedRef<EvImgSrcObject> = computed(() => {\r\n const imgSrc = props as EvImgSrcObject \| { src: EvImgSrcObject };\r\n\r\n return isObject(imgSrc.src)\r\n ? {\r\n src: imgSrc.src.src,\r\n srcset: props.srcset \|\| imgSrc.src.srcset,\r\n lazySrc: props.lazySrc \|\| imgSrc.src.lazySrc,\r\n aspect: props.aspectRatio \|\| imgSrc.src.aspect \|\| 0,\r\n }\r\n : {\r\n src: props.src,\r\n srcset: props.srcset,\r\n lazySrc: props.lazySrc,\r\n aspect: props.aspectRatio \|\| 0,\r\n };\r\n});\r\n\r\nconst aspectRatio = computed(() => {\r\n return (\r\n normalisedSrc.value.aspect \|\|\r\n naturalWidth.value! / naturalHeight.value! \|\|\r\n 0\r\n );\r\n});\r\n\r\nconst objectFitClasses = computed(() => {\r\n return {\r\n \"is-object-cover\": props.cover,\r\n \"is-object-contain\": !props.cover,\r\n };\r\n});\r\n\r\n/\r\n ## getSrc\r\n /\r\nfunction getSrc() {\r\n const img = image.value;\r\n if (img) {\r\n currentSrc.value = img.currentSrc \|\| img.src;\r\n }\r\n}\r\n\r\n/\r\n ## init\r\n \r\n @param isIntersecting\r\n /\r\nfunction init(isIntersecting?: boolean) {\r\n if (props.eager && isIntersecting) {\r\n return;\r\n }\r\n if (Browser.supportsIntersection && !isIntersecting && !props.eager) {\r\n return;\r\n }\r\n state.value = \"loading\";\r\n\r\n if (normalisedSrc.value.lazySrc) {\r\n const lazyImg = new Image();\r\n lazyImg.src = normalisedSrc.value.lazySrc;\r\n pollForSize(lazyImg, null);\r\n }\r\n\r\n if (!normalisedSrc.value.src) {\r\n return;\r\n }\r\n\r\n nextTick(() => {\r\n emit(\"loadstart\", image.value?.currentSrc \|\| normalisedSrc.value.src);\r\n setTimeout(() => {\r\n if (image.value?.complete) {\r\n if (!image.value.naturalWidth) {\r\n onError();\r\n }\r\n if (state.value === \"error\") {\r\n return;\r\n }\r\n if (!aspectRatio.value) {\r\n pollForSize(image.value, null);\r\n }\r\n if (state.value === \"loading\") {\r\n onLoad();\r\n }\r\n } else {\r\n if (!aspectRatio.value) {\r\n pollForSize(image.value!);\r\n }\r\n getSrc();\r\n }\r\n });\r\n });\r\n}\r\n\r\n/\r\n ## onError\r\n /\r\nfunction onError() {\r\n state.value = \"error\";\r\n emit(\"error\", image.value?.currentSrc \|\| normalisedSrc.value.src);\r\n}\r\n\r\n/\r\n ## onLoad\r\n */\r\nfunction onLoad() {\r\n getSrc();\r\n pollForSize(image.value!);\r\n state.value = \"loaded\";\r\n emit(\"load\", image.value?.currentSrc \|\| normalisedSrc.value.src);\r\n}\r\n\r\nlet timer = -1;\r\nfunction pollForSize(img: HTMLImageElement, timeout: number \| null = 100) {\r\n const poll = () => {\r\n clearTimeout(timer);\r\n if (!img) {\r\n return;\r\n }\r\n if (!img?.complete && state.value === \"loading\" && timeout != null) {\r\n timer = window.setTimeout(poll, timeout);\r\n return;\r\n }\r\n const { naturalHeight: imgHeight, naturalWidth: imgWidth } = img;\r\n if (imgHeight \|\| imgWidth) {\r\n naturalWidth.value = imgWidth;\r\n naturalHeight.value = imgHeight;\r\n } else if (\r\n img.currentSrc.endsWith(\".svg\") \|\|\r\n img.currentSrc.startsWith(\"data:image/svg+xml\")\r\n ) {\r\n naturalWidth.value = 1;\r\n naturalHeight.value = 1;\r\n }\r\n };\r\n poll();\r\n}\r\n\r\nwatch(\r\n () => props.src,\r\n () => {\r\n if (state.value !== \"idle\") {\r\n state.value = \"idle\";\r\n nextTick(() => {\r\n init(true);\r\n });\r\n }\r\n },\r\n);\r\n\r\nwatch(aspectRatio, (val, oldVal) => {\r\n if (!val && oldVal && image.value) {\r\n pollForSize(image.value);\r\n }\r\n});\r\n\r\nonBeforeMount(() => init());\r\n\r\nif (Browser.hasWindow) {\r\n const windowWidth = ref(window.innerWidth);\r\n const onWindowResize = () => {\r\n windowWidth.value = window.innerWidth;\r\n };\r\n onMounted(() => {\r\n window.addEventListener(\"resize\", onWindowResize);\r\n onWindowResize();\r\n });\r\n\r\n onBeforeUnmount(() => {\r\n window.removeEventListener(\"resize\", onWindowResize);\r\n });\r\n\r\n watch(windowWidth, (newWidth, oldWidth) => {\r\n if (newWidth != oldWidth) {\r\n getSrc();\r\n }\r\n });\r\n}\r\n\r\nconst isBooted = shallowRef(false);\r\n{\r\n const stop = watch(aspectRatio, (val) => {\r\n if (val) {\r\n // Doesn't work with nextTick, idk why\r\n requestAnimationFrame(() => {\r\n requestAnimationFrame(() => {\r\n isBooted.value = true;\r\n });\r\n });\r\n stop();\r\n }\r\n });\r\n}\r\n\r\nconst isLoaded = computed(() => {\r\n return state.value === \"loaded\";\r\n});\r\n\r\nconst isEmpty = computed(() => {\r\n return !normalisedSrc.value.src && !normalisedSrc.value.lazySrc;\r\n});\r\n\r\nconst responsiveProps = computed(() =>\r\n filterComponentProps(EvResponsive, props),\r\n);\r\n\r\nconst imgProps = computed(() => ({\r\n src: normalisedSrc.value.src,\r\n srcset: normalisedSrc.value.srcset,\r\n alt: props.alt,\r\n crossorigin: props.crossorigin,\r\n referrerpolicy: props.referrerpolicy,\r\n draggable: props.draggable,\r\n sizes: props.sizes,\r\n}));\r\n\r\nconst stateClass = computed(() => makeClassName(state.value, \"is-state\"));\r\nconst width = computed(() => calculateDisplayRuleValue(props.width));\r\n</script>\r\n\r\n<template>\r\n <ev-responsive\r\n v-intersect.once=\"{\r\n handler: init,\r\n options: props.options,\r\n }\"\r\n :class=\"[\r\n 'ev-img',\r\n {\r\n 'is-booting': !isBooted,\r\n },\r\n stateClass,\r\n props.class,\r\n ]\"\r\n :style=\"[\r\n {\r\n width: toWebUnit(props.width === 'auto' ? naturalWidth : width),\r\n },\r\n props.style,\r\n ]\"\r\n v-bind=\"responsiveProps\"\r\n :aria-label=\"props.alt\"\r\n :aspect-ratio=\"aspectRatio\"\r\n :role=\"props.alt ? 'img' : undefined\">\r\n <template #additional>\r\n <ev-transition\r\n v-if=\"normalisedSrc.src && state !== 'idle'\"\r\n :transition=\"transition\"\r\n appear>\r\n <picture\r\n v-if=\"slots.sources\"\r\n v-show=\"isLoaded\"\r\n class=\"ev-img--picture\">\r\n <slot name=\"sources\" />\r\n <img\r\n ref=\"image\"\r\n :class=\"['ev-img--img', objectFitClasses]\"\r\n :style=\"{ objectPosition: props.position }\"\r\n v-bind=\"imgProps\"\r\n @load=\"onLoad\"\r\n @error=\"onError\" />\r\n </picture>\r\n <img\r\n v-else\r\n v-show=\"isLoaded\"\r\n ref=\"image\"\r\n :class=\"['ev-img--img', objectFitClasses]\"\r\n :style=\"{ objectPosition: props.position }\"\r\n v-bind=\"imgProps\"\r\n @load=\"onLoad\"\r\n @error=\"onError\" />\r\n </ev-transition>\r\n\r\n <ev-transition\r\n v-if=\"normalisedSrc.lazySrc && state !== 'loaded'\"\r\n :transition=\"transition\">\r\n <img\r\n :class=\"[\r\n 'ev-img--img',\r\n 'ev-img--preload',\r\n objectFitClasses,\r\n ]\"\r\n :style=\"{ objectPosition: props.position }\"\r\n :src=\"normalisedSrc.lazySrc\"\r\n :alt=\"props.alt\"\r\n :crossorigin=\"props.crossorigin\"\r\n :referrerpolicy=\"props.referrerpolicy\"\r\n :draggable=\"props.draggable\" />\r\n </ev-transition>\r\n\r\n <div\r\n v-if=\"props.gradient\"\r\n class=\"ev-img--gradient\"\r\n :style=\"{\r\n backgroundImage: `linear-gradient(${props.gradient})`,\r\n }\"></div>\r\n\r\n <ev-transition\r\n v-if=\"slots.placeholder && isEmpty\"\r\n :transition=\"transition\"\r\n appear>\r\n <div class=\"ev-img--placeholder\">\r\n <slot name=\"placeholder\" />\r\n </div>\r\n </ev-transition>\r\n <ev-transition\r\n v-else-if=\"slots.loading && state === 'loading'\"\r\n :transition=\"transition\"\r\n appear>\r\n <div class=\"ev-img--loading\">\r\n <slot name=\"loading\" />\r\n </div>\r\n </ev-transition>\r\n <ev-transition\r\n v-else-if=\"slots.error && state === 'error'\"\r\n :transition=\"transition\"\r\n appear>\r\n <div class=\"ev-img--error\">\r\n <slot name=\"error\" />\r\n </div>\r\n </ev-transition>\r\n </template>\r\n <template v-if=\"slots.default\" #default>\r\n <slot name=\"default\" />\r\n </template>\r\n </ev-responsive>\r\n</template>\r\n"],"names":["slots","_useSlots","currentSrc","shallowRef","image","ref","state","props","naturalWidth","naturalHeight","transition","useEvTransition","normalisedSrc","computed","imgSrc","isObject","aspectRatio","objectFitClasses","getSrc","img","init","isIntersecting","Browser","lazyImg","pollForSize","nextTick","emit","_a","onError","onLoad","timer","timeout","poll","imgHeight","imgWidth","watch","val","oldVal","onBeforeMount","windowWidth","onWindowResize","onMounted","onBeforeUnmount","newWidth","oldWidth","isBooted","stop","isLoaded","isEmpty","responsiveProps","filterComponentProps","EvResponsive","imgProps","stateClass","makeClassName","width","calculateDisplayRuleValue"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvList.mjs","sources":["../../../../src/components/EvList/EvList.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport {\n ListItem as DefaultListItem,\n ListItemsProps as DefaultListItemProps,\n makeListItemsProps,\n makeNestedProps,\n} from \"@/composables/lists\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\n\n/*\n # List Item Types\n /\nexport type ListItemType = \"item\" \| \"subheader\" \| \"divider\";\n\n/\n # List Item\n /\nexport interface ListItem extends DefaultListItem {\n type?: ListItemType;\n}\n\n/\n # List Item Props\n /\nexport interface ListItemProps extends DefaultListItemProps {\n itemType: string;\n}\n\n/\n # Make EvList Props\n /\nexport const makeEvListProps = propsFactory(\n {\n disabled: Boolean,\n tag: {\n type: String,\n default: \"ul\",\n },\n itemType: {\n type: String,\n default: \"type\",\n },\n\n ...makeListItemsProps(),\n ...makeNestedProps({\n selectStrategy: \"multi-any\",\n }),\n ...makeComponentProps(),\n ...makeDimensionsProps(),\n },\n \"EvList\",\n);\n\n/\n # Make EvListChildren Props\n */\nexport const makeEvListChildrenProps = propsFactory(\n {\n items: Array as PropType<~~readonly ListItem~~[]>,\n returnObject: Boolean,\n },\n \"EvListChildren\",\n);\n"],"names":["makeEvListProps","propsFactory","makeListItemsProps","makeNestedProps","makeComponentProps","makeDimensionsProps","makeEvListChildrenProps"],"mappings":"uXAiCO,MAAMA,EAAkBC,EAC3B,CACI,SAAU,QACV,IAAK,CACD,KAAM,OACN,QAAS,IACb,EACA,SAAU,CACN,KAAM,OACN,QAAS,MACb,EAEA,GAAGC,EAAmB,EACtB,GAAGC,EAAgB,CACf,eAAgB,WAAA,CACnB,EACD,GAAGC,EAAmB,EACtB,GAAGC,EAAoB,CAC3B,EACA,QACJ,EAKaC,EAA0BL,EACnC,CACI,MAAO,MACP,aAAc,OAClB,EACA,gBACJ"}
1	+ {"version":3,"file":"EvList.mjs","sources":["../../../../src/components/EvList/EvList.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport {\n ListItem as DefaultListItem,\n ListItemsProps as DefaultListItemProps,\n makeListItemsProps,\n makeNestedProps,\n} from \"@/composables/lists\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\n\n/*\n # List Item Types\n /\nexport type ListItemType = \"item\" \| \"subheader\" \| \"divider\";\n\n/\n # List Item\n /\nexport interface ListItem extends DefaultListItem {\n type?: ListItemType;\n}\n\n/\n # List Item Props\n /\nexport interface ListItemProps extends DefaultListItemProps {\n itemType: string;\n}\n\n/\n # Make EvList Props\n /\nexport const makeEvListProps = propsFactory(\n {\n disabled: Boolean,\n tag: {\n type: String,\n default: \"ul\",\n },\n itemType: {\n type: String,\n default: \"type\",\n },\n\n ...makeListItemsProps(),\n ...makeNestedProps({\n selectStrategy: \"multi-any\",\n }),\n ...makeComponentProps(),\n ...makeDimensionsProps(),\n },\n \"EvList\",\n);\n\n/\n # Make EvListChildren Props\n */\nexport const makeEvListChildrenProps = propsFactory(\n {\n items: Array as PropType<DefaultListItemProps[\"items\"]>,\n returnObject: Boolean,\n },\n \"EvListChildren\",\n);\n"],"names":["makeEvListProps","propsFactory","makeListItemsProps","makeNestedProps","makeComponentProps","makeDimensionsProps","makeEvListChildrenProps"],"mappings":"uXAiCO,MAAMA,EAAkBC,EAC3B,CACI,SAAU,QACV,IAAK,CACD,KAAM,OACN,QAAS,IACb,EACA,SAAU,CACN,KAAM,OACN,QAAS,MACb,EAEA,GAAGC,EAAmB,EACtB,GAAGC,EAAgB,CACf,eAAgB,WAAA,CACnB,EACD,GAAGC,EAAmB,EACtB,GAAGC,EAAoB,CAC3B,EACA,QACJ,EAKaC,EAA0BL,EACnC,CACI,MAAO,MACP,aAAc,OAClB,EACA,gBACJ"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvListItem.vue.mjs","sources":["../../../../src/components/EvListItem/EvListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport \"./EvListItem.scss\";\r\nimport { makeEvListItemProps } from \"./EvListItem\";\r\nimport { computed, mergeProps, toDisplayString, useAttrs } from \"vue\";\r\nimport {\r\n RouterLinkOrHrefProps,\r\n useRouterLinkOrHref,\r\n} from \"@/composables/router\";\r\nimport { useList, useNestedListItem } from \"@/composables/lists\";\r\nimport { EvIcon } from \"@/components/EvIcon\";\r\nimport { EvButton } from \"@/components/EvButton\";\r\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\r\nimport { EvText } from \"@/components/EvText\";\r\nimport { getNextId } from \"@/util\";\r\nimport { ChevronRightIcon, DotIcon } from \"@/icons\";\r\nimport { useModelProxy } from \"@/composables\";\r\nimport EvListChildren from \"@/components/EvList/EvListChildren.vue\";\r\nimport { EvTransition } from \"@/components/EvTransition\";\r\nimport ExpandTransitionGenerator from \"@/components/EvTransition/transitions/expandTransition\";\r\n\r\nconst props = defineProps({\r\n ...makeEvListItemProps(),\r\n});\r\nconst slots = defineSlots<{\r\n default(): never;\r\n iconStart(): never;\r\n iconEnd(): never;\r\n prefix(): never;\r\n suffix(): never;\r\n children(): never;\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n (e: \"click\", event: MouseEvent): void;\r\n (\r\n e: \"click:open\",\r\n payload: {\r\n id: unknown;\r\n value: boolean;\r\n path: unknown[];\r\n event: Event;\r\n },\r\n ): void;\r\n (\r\n e: \"click:select\",\r\n payload: {\r\n id: unknown;\r\n value: boolean;\r\n path: unknown[];\r\n event: Event;\r\n },\r\n ): void;\r\n (e: \"update:opened\", items: unknown[]): void;\r\n}>();\r\n\r\nconst attrs = useAttrs();\r\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\r\nconst list = useList();\r\nconst id = computed(() =>\r\n props.value === undefined ? link.href.value : props.value,\r\n);\r\nconst isLoading = useModelProxy(props, \"loading\");\r\nconst hasChildren = computed(() => {\r\n return !!slots.children \|\| !!props.children;\r\n});\r\nconst { select, isSelected, isOpen, open, root } = useNestedListItem(id, hasChildren.value);\r\nconst isLink = computed(() => props.link !== false && link.isLink.value);\r\nconst isClickable = computed(() => {\r\n return (\r\n !props.disabled &&\r\n props.link !== false &&\r\n (props.link \|\|\r\n link.isClickable.value \|\|\r\n (props.value != null && !!list))\r\n );\r\n});\r\nconst isActive = computed(() => {\r\n return props.active !== false && (props.active \|\| link.isActive?.value);\r\n});\r\nconst isActiveExact = computed(() => {\r\n return (\r\n props.exact !== false &&\r\n (props.exact \|\| link.isExactActive?.value \|\| isSelected.value)\r\n );\r\n});\r\nconst itemElement = computed(() => {\r\n return isLink.value ? \"a\" : props.tag;\r\n});\r\nconst tabIndex = computed(() => {\r\n return isClickable.value ? (list ? -2 : 0) : null;\r\n});\r\n\r\n/*\r\n # onClick Handler\r\n * @param e\r\n /\r\nfunction onClick(e: MouseEvent): void {\r\n emit(\"click\", e);\r\n if (!isClickable.value) {\r\n return;\r\n }\r\n link.navigate?.(e);\r\n if (props.value != null) {\r\n select(!isSelected.value, e);\r\n }\r\n}\r\n\r\n/\r\n # onKeyDown Handler\r\n * @param e\r\n */\r\nfunction onKeyDown(e: KeyboardEvent): void {\r\n e.preventDefault();\r\n onClick(e as any as MouseEvent);\r\n}\r\n\r\nconst hasClickListener = computed(\r\n () => !!link.isClickable.value \|\| !!props.onClick,\r\n);\r\n\r\nconst titleProps = computed(() => {\r\n return mergeProps(\r\n {\r\n truncate: true,\r\n text: toDisplayString(props.title),\r\n },\r\n props.titleProps,\r\n );\r\n});\r\n\r\nconst subtitleProps = computed(() => {\r\n return mergeProps(\r\n {\r\n appearance: \"subtle\",\r\n size: \"small\",\r\n truncate: true,\r\n text: toDisplayString(props.subtitle),\r\n },\r\n props.subtitleProps,\r\n );\r\n});\r\n\r\nconst parsedActions = computed(() =>\r\n props.actions.map((action) => ({\r\n props: action,\r\n id: getNextId(),\r\n })),\r\n);\r\nconst hasActions = computed(() => !!parsedActions.value.length);\r\nconst parsedActionsOnHover = computed(() =>\r\n props.actionsOnHover.map((action) => ({\r\n props: action,\r\n id: getNextId(),\r\n })),\r\n);\r\nconst hasActionsOnHover = computed(() => !!parsedActionsOnHover.value.length);\r\n\r\nconst transition = ExpandTransitionGenerator(\"\", false);\r\nconst showCaret = computed(() => {\r\n return isLoading.value \|\| hasChildren.value \|\| root.isNested.value;\r\n});\r\n\r\nfunction onClickOpener(e: Event) {\r\n open(!isOpen.value, e);\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n <li\r\n :class=\"[\r\n 'ev-list-item',\r\n {\r\n 'is-disabled': props.disabled,\r\n 'is-open': isOpen,\r\n },\r\n props.class,\r\n ]\">\r\n <div\r\n role=\"listitem\"\r\n :class=\"[\r\n 'ev-list-item-content',\r\n {\r\n 'is-active': isActive,\r\n 'is-active--exact': isActiveExact,\r\n 'is-clickable': isClickable \|\| hasClickListener,\r\n 'is-actions-on-hover': hasActionsOnHover,\r\n },\r\n ]\"\r\n :style=\"props.style\">\r\n <component\r\n :is=\"itemElement\"\r\n :href=\"link.href.value\"\r\n :tabindex=\"tabIndex\"\r\n class=\"ev-list-item--button\"\r\n @click=\"onClick\"\r\n @keydown.enter=\"onKeyDown\"\r\n @keydown.space=\"onKeyDown\">\r\n <div class=\"ev-list-item--label\">\r\n <slot name=\"default\">\r\n <ev-text\r\n tag=\"div\"\r\n class=\"ev-list-item--title\"\r\n v-bind=\"titleProps\" />\r\n <ev-text\r\n v-if=\"props.subtitle\"\r\n tag=\"div\"\r\n class=\"ev-list-item--subtitle\"\r\n v-bind=\"subtitleProps\" />\r\n </slot>\r\n </div>\r\n <div aria-hidden=\"true\" class=\"ev-list-item--indicator\"></div>\r\n </component>\r\n <div v-if=\"showCaret\" class=\"ev-list-item--caret\">\r\n <ev-button\r\n v-if=\"hasChildren\"\r\n icon\r\n size=\"x-small\"\r\n variant=\"subtle\"\r\n :loading=\"isLoading\"\r\n :icon-start=\"ChevronRightIcon\"\r\n @click=\"onClickOpener\" />\r\n <ev-icon v-else :glyph=\"DotIcon\" />\r\n </div>\r\n <div\r\n v-if=\"slots.iconStart \|\| props.iconStart\"\r\n class=\"ev-list-item--icon-start\">\r\n <slot name=\"iconStart\">\r\n <ev-icon :glyph=\"props.iconStart\" />\r\n </slot>\r\n </div>\r\n <div v-if=\"slots.prefix\" class=\"ev-list-item--prefix\">\r\n <slot name=\"prefix\" />\r\n </div>\r\n <div v-if=\"slots.suffix\" class=\"ev-list-item--suffix\">\r\n <slot name=\"suffix\" />\r\n </div>\r\n <div\r\n v-if=\"hasActions \|\| hasActionsOnHover\"\r\n class=\"ev-list-item--actions\">\r\n <ev-button-group size=\"x-small\" variant=\"subtle\">\r\n <ev-button\r\n v-for=\"action in parsedActionsOnHover\"\r\n :key=\"action.id\"\r\n v-bind=\"action.props\"\r\n class=\"is-show-on-hover\" />\r\n <ev-button\r\n v-for=\"action in parsedActions\"\r\n :key=\"action.id\"\r\n v-bind=\"action.props\" />\r\n </ev-button-group>\r\n </div>\r\n <div\r\n v-if=\"slots.iconEnd \|\| props.iconEnd\"\r\n class=\"ev-list-item--icon-end\">\r\n <slot name=\"iconEnd\">\r\n <ev-icon :glyph=\"props.iconEnd\" />\r\n </slot>\r\n </div>\r\n </div>\r\n\r\n <template v-if=\"hasChildren\">\r\n <ev-transition name=\"ev-list-group-transition\" v-bind=\"transition\">\r\n <ul v-show=\"isOpen\" class=\"ev-list-item-children\" role=\"group\">\r\n <slot name=\"children\">\r\n <ev-list-children\r\n :items=\"props.children\"\r\n :return-object=\"props.returnObject\" />\r\n </slot>\r\n </ul>\r\n </ev-transition>\r\n </template>\r\n </li>\r\n</template>\r\n"],"names":["slots","_useSlots","attrs","useAttrs","link","useRouterLinkOrHref","props","list","useList","id","computed","isLoading","useModelProxy","hasChildren","select","isSelected","isOpen","open","root","useNestedListItem","isLink","isClickable","isActive","_a","isActiveExact","itemElement","tabIndex","onClick","e","emit","onKeyDown","hasClickListener","titleProps","mergeProps","toDisplayString","subtitleProps","parsedActions","action","getNextId","hasActions","parsedActionsOnHover","hasActionsOnHover","transition","ExpandTransitionGenerator","showCaret","onClickOpener"],"mappings":"w5DAuBMA,EAAQC,GAAA,EAgCRC,EAAQC,GAAS,EACjBC,EAAOC,GAAoBC,EAAgCJ,CAAK,EAChEK,EAAOC,GAAQ,EACfC,EAAKC,EAAS,IAChBJ,EAAM,QAAU,OAAYF,EAAK,KAAK,MAAQE,EAAM,KACxD,EACMK,EAAYC,GAAcN,EAAO,SAAS,EAC1CO,EAAcH,EAAS,IAClB,CAAC,CAACV,EAAM,UAAY,CAAC,CAACM,EAAM,QACtC,EACK,CAAE,OAAAQ,EAAQ,WAAAC,EAAY,OAAAC,EAAQ,KAAAC,EAAM,KAAAC,CAAS,EAAAC,GAAkBV,EAAII,EAAY,KAAK,EACpFO,EAASV,EAAS,IAAMJ,EAAM,OAAS,IAASF,EAAK,OAAO,KAAK,EACjEiB,EAAcX,EAAS,IAErB,CAACJ,EAAM,UACPA,EAAM,OAAS,KACdA,EAAM,MACHF,EAAK,YAAY,OAChBE,EAAM,OAAS,MAAQ,CAAC,CAACC,EAErC,EACKe,EAAWZ,EAAS,IAAM,OAC5B,OAAOJ,EAAM,SAAW,KAAUA,EAAM,UAAUiB,EAAAnB,EAAK,WAAL,YAAAmB,EAAe,OAAA,CACpE,EACKC,EAAgBd,EAAS,IAAM,OAE7B,OAAAJ,EAAM,QAAU,KACfA,EAAM,SAASiB,EAAAnB,EAAK,gBAAL,YAAAmB,EAAoB,QAASR,EAAW,MAAA,CAE/D,EACKU,EAAcf,EAAS,IAClBU,EAAO,MAAQ,IAAMd,EAAM,GACrC,EACKoB,EAAWhB,EAAS,IACfW,EAAY,MAASd,EAAO,GAAK,EAAK,IAChD,EAMD,SAASoB,EAAQC,EAAqB,OAClCC,EAAK,QAASD,CAAC,EACVP,EAAY,SAGjBE,EAAAnB,EAAK,WAAL,MAAAmB,EAAA,KAAAnB,EAAgBwB,GACZtB,EAAM,OAAS,MACRQ,EAAA,CAACC,EAAW,MAAOa,CAAC,EAC/B,CAOJ,SAASE,EAAUF,EAAwB,CACvCA,EAAE,eAAe,EACjBD,EAAQC,CAAsB,CAAA,CAGlC,MAAMG,EAAmBrB,EACrB,IAAM,CAAC,CAACN,EAAK,YAAY,OAAS,CAAC,CAACE,EAAM,OAC9C,EAEM0B,EAAatB,EAAS,IACjBuB,EACH,CACI,SAAU,GACV,KAAMC,EAAgB5B,EAAM,KAAK,CACrC,EACAA,EAAM,UACV,CACH,EAEK6B,EAAgBzB,EAAS,IACpBuB,EACH,CACI,WAAY,SACZ,KAAM,QACN,SAAU,GACV,KAAMC,EAAgB5B,EAAM,QAAQ,CACxC,EACAA,EAAM,aACV,CACH,EAEK8B,EAAgB1B,EAAS,IAC3BJ,EAAM,QAAQ,IAAK+B,IAAY,CAC3B,MAAOA,EACP,GAAIC,EAAU,CAAA,EAChB,CACN,EACMC,EAAa7B,EAAS,IAAM,CAAC,CAAC0B,EAAc,MAAM,MAAM,EACxDI,EAAuB9B,EAAS,IAClCJ,EAAM,eAAe,IAAK+B,IAAY,CAClC,MAAOA,EACP,GAAIC,EAAU,CAAA,EAChB,CACN,EACMG,EAAoB/B,EAAS,IAAM,CAAC,CAAC8B,EAAqB,MAAM,MAAM,EAEtEE,EAAaC,GAA0B,GAAI,EAAK,EAChDC,GAAYlC,EAAS,IAChBC,EAAU,OAASE,EAAY,OAASK,EAAK,SAAS,KAChE,EAED,SAAS2B,GAAcjB,EAAU,CACxBX,EAAA,CAACD,EAAO,MAAOY,CAAC,CAAA"}
1	+ {"version":3,"file":"EvListItem.vue.mjs","sources":["../../../../src/components/EvListItem/EvListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport \"./EvListItem.scss\";\r\nimport { makeEvListItemProps } from \"./EvListItem\";\r\nimport { computed, mergeProps, toDisplayString, useAttrs } from \"vue\";\r\nimport {\r\n RouterLinkOrHrefProps,\r\n useRouterLinkOrHref,\r\n} from \"@/composables/router\";\r\nimport { useList, useNestedListItem } from \"@/composables/lists\";\r\nimport { EvIcon } from \"@/components/EvIcon\";\r\nimport { EvButton } from \"@/components/EvButton\";\r\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\r\nimport { EvText } from \"@/components/EvText\";\r\nimport { getNextId } from \"@/util\";\r\nimport { ChevronRightIcon, DotIcon } from \"@/icons\";\r\nimport { useModelProxy } from \"@/composables\";\r\nimport EvListChildren from \"@/components/EvList/EvListChildren.vue\";\r\nimport { EvTransition } from \"@/components/EvTransition\";\r\nimport ExpandTransitionGenerator from \"@/components/EvTransition/transitions/expandTransition\";\r\n\r\nconst props = defineProps({\r\n ...makeEvListItemProps(),\r\n});\r\nconst slots = defineSlots<{\r\n default(): never;\r\n iconStart(): never;\r\n iconEnd(): never;\r\n prefix(): never;\r\n suffix(): never;\r\n children(): never;\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n (e: \"click\", event: MouseEvent): void;\r\n (\r\n e: \"click:open\",\r\n payload: {\r\n id: unknown;\r\n value: boolean;\r\n path: unknown[];\r\n event: Event;\r\n },\r\n ): void;\r\n (\r\n e: \"click:select\",\r\n payload: {\r\n id: unknown;\r\n value: boolean;\r\n path: unknown[];\r\n event: Event;\r\n },\r\n ): void;\r\n (e: \"update:opened\", items: unknown[]): void;\r\n}>();\r\n\r\nconst attrs = useAttrs();\r\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\r\nconst list = useList();\r\nconst id = computed(() =>\r\n props.value === undefined ? link.href.value : props.value,\r\n);\r\nconst isLoading = useModelProxy(props, \"loading\");\r\nconst hasChildren = computed(() => {\r\n return !!slots.children \|\| !!props.children;\r\n});\r\nconst { select, isSelected, isOpen, open, root } = useNestedListItem(id, hasChildren.value);\r\nconst isLink = computed(() => props.link !== false && link.isLink.value);\r\nconst isClickable = computed(() => {\r\n return (\r\n !props.disabled &&\r\n props.link !== false &&\r\n (props.link \|\|\r\n link.isClickable.value \|\|\r\n (props.value != null && !!list))\r\n );\r\n});\r\nconst isActive = computed(() => {\r\n return props.active !== false && (props.active \|\| link.isActive?.value);\r\n});\r\nconst isActiveExact = computed(() => {\r\n return (\r\n props.exact !== false &&\r\n (props.exact \|\| link.isExactActive?.value \|\| isSelected.value)\r\n );\r\n});\r\nconst itemElement = computed(() => {\r\n return isLink.value ? \"a\" : props.tag;\r\n});\r\nconst tabIndex = computed(() => {\r\n return isClickable.value ? (list ? -2 : 0) : null;\r\n});\r\n\r\n/*\r\n # onClick Handler\r\n * @param e\r\n /\r\nfunction onClick(e: MouseEvent): void {\r\n emit(\"click\", e);\r\n if (!isClickable.value) {\r\n return;\r\n }\r\n link.navigate?.(e);\r\n if (props.value != null) {\r\n select(!isSelected.value, e);\r\n }\r\n}\r\n\r\n/\r\n # onKeyDown Handler\r\n * @param e\r\n */\r\nfunction onKeyDown(e: KeyboardEvent): void {\r\n e.preventDefault();\r\n onClick(e as any as MouseEvent);\r\n}\r\n\r\nconst hasClickListener = computed(\r\n () => !!link.isClickable.value \|\| !!props.onClick,\r\n);\r\n\r\nconst titleProps = computed(() => {\r\n return mergeProps(\r\n {\r\n truncate: true,\r\n text: toDisplayString(props.title),\r\n },\r\n props.titleProps,\r\n );\r\n});\r\n\r\nconst subtitleProps = computed(() => {\r\n return mergeProps(\r\n {\r\n appearance: \"subtle\",\r\n size: \"small\",\r\n truncate: true,\r\n text: toDisplayString(props.subtitle),\r\n },\r\n props.subtitleProps,\r\n );\r\n});\r\n\r\nconst parsedActions = computed(() =>\r\n props.actions.map((action) => ({\r\n props: action,\r\n id: getNextId(),\r\n })),\r\n);\r\nconst hasActions = computed(() => !!parsedActions.value.length);\r\nconst parsedActionsOnHover = computed(() =>\r\n props.actionsOnHover.map((action) => ({\r\n props: action,\r\n id: getNextId(),\r\n })),\r\n);\r\nconst hasActionsOnHover = computed(() => !!parsedActionsOnHover.value.length);\r\n\r\nconst transition = ExpandTransitionGenerator(\"\", false);\r\nconst showCaret = computed(() => {\r\n return isLoading.value \|\| hasChildren.value \|\| root.isNested.value;\r\n});\r\n\r\nfunction onClickOpener(e: Event) {\r\n open(!isOpen.value, e);\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n <li\r\n :class=\"[\r\n 'ev-list-item',\r\n {\r\n 'is-disabled': props.disabled,\r\n 'is-open': isOpen,\r\n },\r\n props.class,\r\n ]\">\r\n <div\r\n role=\"listitem\"\r\n :class=\"[\r\n 'ev-list-item-content',\r\n {\r\n 'is-active': isActive,\r\n 'is-active--exact': isActiveExact,\r\n 'is-clickable': isClickable \|\| hasClickListener,\r\n 'is-actions-on-hover': hasActionsOnHover,\r\n },\r\n ]\"\r\n :style=\"props.style\">\r\n <component\r\n :is=\"itemElement\"\r\n :href=\"link.href.value\"\r\n :tabindex=\"tabIndex\"\r\n class=\"ev-list-item--button\"\r\n @click=\"onClick\"\r\n @keydown.enter=\"onKeyDown\"\r\n @keydown.space=\"onKeyDown\">\r\n <div class=\"ev-list-item--label\">\r\n <slot name=\"default\">\r\n <ev-text\r\n tag=\"div\"\r\n class=\"ev-list-item--title\"\r\n v-bind=\"titleProps\" />\r\n <ev-text\r\n v-if=\"props.subtitle\"\r\n tag=\"div\"\r\n class=\"ev-list-item--subtitle\"\r\n v-bind=\"subtitleProps\" />\r\n </slot>\r\n </div>\r\n <div aria-hidden=\"true\" class=\"ev-list-item--indicator\"></div>\r\n </component>\r\n <div v-if=\"showCaret\" class=\"ev-list-item--caret\">\r\n <ev-button\r\n v-if=\"hasChildren\"\r\n icon\r\n size=\"x-small\"\r\n variant=\"subtle\"\r\n :loading=\"isLoading\"\r\n :icon-start=\"ChevronRightIcon\"\r\n @click=\"onClickOpener\" />\r\n <ev-icon v-else :glyph=\"DotIcon\" />\r\n </div>\r\n <div\r\n v-if=\"slots.iconStart \|\| props.iconStart\"\r\n class=\"ev-list-item--icon-start\">\r\n <slot name=\"iconStart\">\r\n <ev-icon :glyph=\"props.iconStart\" />\r\n </slot>\r\n </div>\r\n <div v-if=\"slots.prefix\" class=\"ev-list-item--prefix\">\r\n <slot name=\"prefix\" />\r\n </div>\r\n <div v-if=\"slots.suffix\"\r\n :class=\"[\r\n 'ev-list-item--suffix',\r\n { 'is-hide-on-hover': hasActionsOnHover }\r\n ]\">\r\n <slot name=\"suffix\" />\r\n </div>\r\n <div\r\n v-if=\"hasActions \|\| hasActionsOnHover\"\r\n class=\"ev-list-item--actions\">\r\n <ev-button-group size=\"x-small\" variant=\"subtle\">\r\n <ev-button\r\n v-for=\"action in parsedActionsOnHover\"\r\n :key=\"action.id\"\r\n v-bind=\"action.props\"\r\n class=\"is-show-on-hover\" />\r\n <ev-button\r\n v-for=\"action in parsedActions\"\r\n :key=\"action.id\"\r\n v-bind=\"action.props\" />\r\n </ev-button-group>\r\n </div>\r\n <div\r\n v-if=\"slots.iconEnd \|\| props.iconEnd\"\r\n class=\"ev-list-item--icon-end\">\r\n <slot name=\"iconEnd\">\r\n <ev-icon :glyph=\"props.iconEnd\" />\r\n </slot>\r\n </div>\r\n </div>\r\n\r\n <template v-if=\"hasChildren\">\r\n <ev-transition name=\"ev-list-group-transition\" v-bind=\"transition\">\r\n <ul v-show=\"isOpen\" class=\"ev-list-item-children\" role=\"group\">\r\n <slot name=\"children\">\r\n <ev-list-children\r\n :items=\"props.children\"\r\n :return-object=\"props.returnObject\" />\r\n </slot>\r\n </ul>\r\n </ev-transition>\r\n </template>\r\n </li>\r\n</template>\r\n"],"names":["slots","_useSlots","attrs","useAttrs","link","useRouterLinkOrHref","props","list","useList","id","computed","isLoading","useModelProxy","hasChildren","select","isSelected","isOpen","open","root","useNestedListItem","isLink","isClickable","isActive","_a","isActiveExact","itemElement","tabIndex","onClick","e","emit","onKeyDown","hasClickListener","titleProps","mergeProps","toDisplayString","subtitleProps","parsedActions","action","getNextId","hasActions","parsedActionsOnHover","hasActionsOnHover","transition","ExpandTransitionGenerator","showCaret","onClickOpener"],"mappings":"g3DAuBMA,EAAQC,GAAA,EAgCRC,EAAQC,GAAS,EACjBC,EAAOC,GAAoBC,EAAgCJ,CAAK,EAChEK,EAAOC,GAAQ,EACfC,EAAKC,EAAS,IAChBJ,EAAM,QAAU,OAAYF,EAAK,KAAK,MAAQE,EAAM,KACxD,EACMK,EAAYC,GAAcN,EAAO,SAAS,EAC1CO,EAAcH,EAAS,IAClB,CAAC,CAACV,EAAM,UAAY,CAAC,CAACM,EAAM,QACtC,EACK,CAAE,OAAAQ,EAAQ,WAAAC,EAAY,OAAAC,EAAQ,KAAAC,EAAM,KAAAC,CAAS,EAAAC,GAAkBV,EAAII,EAAY,KAAK,EACpFO,EAASV,EAAS,IAAMJ,EAAM,OAAS,IAASF,EAAK,OAAO,KAAK,EACjEiB,EAAcX,EAAS,IAErB,CAACJ,EAAM,UACPA,EAAM,OAAS,KACdA,EAAM,MACHF,EAAK,YAAY,OAChBE,EAAM,OAAS,MAAQ,CAAC,CAACC,EAErC,EACKe,EAAWZ,EAAS,IAAM,OAC5B,OAAOJ,EAAM,SAAW,KAAUA,EAAM,UAAUiB,EAAAnB,EAAK,WAAL,YAAAmB,EAAe,OAAA,CACpE,EACKC,EAAgBd,EAAS,IAAM,OAE7B,OAAAJ,EAAM,QAAU,KACfA,EAAM,SAASiB,EAAAnB,EAAK,gBAAL,YAAAmB,EAAoB,QAASR,EAAW,MAAA,CAE/D,EACKU,EAAcf,EAAS,IAClBU,EAAO,MAAQ,IAAMd,EAAM,GACrC,EACKoB,EAAWhB,EAAS,IACfW,EAAY,MAASd,EAAO,GAAK,EAAK,IAChD,EAMD,SAASoB,EAAQC,EAAqB,OAClCC,EAAK,QAASD,CAAC,EACVP,EAAY,SAGjBE,EAAAnB,EAAK,WAAL,MAAAmB,EAAA,KAAAnB,EAAgBwB,GACZtB,EAAM,OAAS,MACRQ,EAAA,CAACC,EAAW,MAAOa,CAAC,EAC/B,CAOJ,SAASE,EAAUF,EAAwB,CACvCA,EAAE,eAAe,EACjBD,EAAQC,CAAsB,CAAA,CAGlC,MAAMG,EAAmBrB,EACrB,IAAM,CAAC,CAACN,EAAK,YAAY,OAAS,CAAC,CAACE,EAAM,OAC9C,EAEM0B,EAAatB,EAAS,IACjBuB,EACH,CACI,SAAU,GACV,KAAMC,EAAgB5B,EAAM,KAAK,CACrC,EACAA,EAAM,UACV,CACH,EAEK6B,EAAgBzB,EAAS,IACpBuB,EACH,CACI,WAAY,SACZ,KAAM,QACN,SAAU,GACV,KAAMC,EAAgB5B,EAAM,QAAQ,CACxC,EACAA,EAAM,aACV,CACH,EAEK8B,EAAgB1B,EAAS,IAC3BJ,EAAM,QAAQ,IAAK+B,IAAY,CAC3B,MAAOA,EACP,GAAIC,EAAU,CAAA,EAChB,CACN,EACMC,EAAa7B,EAAS,IAAM,CAAC,CAAC0B,EAAc,MAAM,MAAM,EACxDI,EAAuB9B,EAAS,IAClCJ,EAAM,eAAe,IAAK+B,IAAY,CAClC,MAAOA,EACP,GAAIC,EAAU,CAAA,EAChB,CACN,EACMG,EAAoB/B,EAAS,IAAM,CAAC,CAAC8B,EAAqB,MAAM,MAAM,EAEtEE,EAAaC,GAA0B,GAAI,EAAK,EAChDC,GAAYlC,EAAS,IAChBC,EAAU,OAASE,EAAY,OAASK,EAAK,SAAS,KAChE,EAED,SAAS2B,GAAcjB,EAAU,CACxBX,EAAA,CAACD,EAAO,MAAOY,CAAC,CAAA"}

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

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

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

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