@evance/evance-ui 1.1.2 → 1.1.3

package/dist/esm/index.mjs

@@ -1,5 +1,6 @@
 /*! Evance UI v1.1.2 | MIT License */
 /* empty css                   */
+/* empty css                      */
 import * as index from "./src/components/index.mjs";
 import * as index$1 from "./src/directives/index.mjs";
 import * as index$2 from "./src/services/index.mjs";

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/index.ts"],"sourcesContent":["import \"./css/core.scss\";\r\n\r\nimport * as components from \"./components\";\r\nimport * as directives from \"./directives\";\r\nimport * as services from \"./services\";\r\nimport { createEvanceUi as _createEvanceUi } from \"./framework\";\r\n\r\nimport type { EvanceUiOptions } from \"./framework\";\r\n\r\nexport const createEvanceUi = (options: EvanceUiOptions = {}) => {\r\n    return _createEvanceUi({ components, directives, services, ...options });\r\n};\r\n\r\nexport { components, directives, services };\r\n\r\nexport * from \"./composables\";\r\nexport * from \"./components\";\r\nexport * from \"./directives\";\r\nexport * from \"./services\";\r\nexport * from \"./util\";\r\n"],"names":["_createEvanceUi","components","directives","services"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAM,iBAAiB,CAAC,UAA2B,OAAO;AAC7D,SAAOA,iBAAgB,EAAA,YAAEC,OAAA,YAAYC,mBAAYC,SAAU,GAAG,SAAS;AAC3E;"}
+{"version":3,"file":"index.mjs","sources":["../../src/index.ts"],"sourcesContent":["import \"./css/core.scss\";\r\nimport \"./css/runtime.scss\";\r\n\r\nimport * as components from \"./components\";\r\nimport * as directives from \"./directives\";\r\nimport * as services from \"./services\";\r\nimport { createEvanceUi as _createEvanceUi } from \"./framework\";\r\n\r\nimport type { EvanceUiOptions } from \"./framework\";\r\n\r\nexport const createEvanceUi = (options: EvanceUiOptions = {}) => {\r\n    return _createEvanceUi({ components, directives, services, ...options });\r\n};\r\n\r\nexport { components, directives, services };\r\n\r\nexport * from \"./composables\";\r\nexport * from \"./components\";\r\nexport * from \"./directives\";\r\nexport * from \"./services\";\r\nexport * from \"./util\";\r\n"],"names":["_createEvanceUi","components","directives","services"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,iBAAiB,CAAC,UAA2B,OAAO;AAC7D,SAAOA,iBAAgB,EAAA,YAAEC,OAAA,YAAYC,mBAAYC,SAAU,GAAG,SAAS;AAC3E;"}

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

@@ -9,7 +9,7 @@ const makeEvListProps = propsFactory(
     disabled: Boolean,
     tag: {
       type: String,
-      default: "div"
+      default: "ul"
     },
     itemType: {
       type: String,
@@ -26,7 +26,8 @@ const makeEvListProps = propsFactory(
 );
 const makeEvListChildrenProps = propsFactory(
   {
-    items: Array
+    items: Array,
+    returnObject: Boolean
   },
   "EvListChildren"
 );

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

@@ -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: \"div\",\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    },\n    \"EvListChildren\",\n);\n"],"names":[],"mappings":";;;;;;AAiCO,MAAM,kBAAkB;AAAA,EAC3B;AAAA,IACI,UAAU;AAAA,IACV,KAAK;AAAA,MACD,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,UAAU;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,GAAG,mBAAmB;AAAA,IACtB,GAAG,gBAAgB;AAAA,MACf,gBAAgB;AAAA,IAAA,CACnB;AAAA,IACD,GAAG,mBAAmB;AAAA,IACtB,GAAG,oBAAoB;AAAA,EAC3B;AAAA,EACA;AACJ;AAKO,MAAM,0BAA0B;AAAA,EACnC;AAAA,IACI,OAAO;AAAA,EACX;AAAA,EACA;AACJ;"}
+{"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":[],"mappings":";;;;;;AAiCO,MAAM,kBAAkB;AAAA,EAC3B;AAAA,IACI,UAAU;AAAA,IACV,KAAK;AAAA,MACD,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,UAAU;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,GAAG,mBAAmB;AAAA,IACtB,GAAG,gBAAgB;AAAA,MACf,gBAAgB;AAAA,IAAA,CACnB;AAAA,IACD,GAAG,mBAAmB;AAAA,IACtB,GAAG,oBAAoB;AAAA,EAC3B;AAAA,EACA;AACJ;AAKO,MAAM,0BAA0B;AAAA,EACnC;AAAA,IACI,OAAO;AAAA,IACP,cAAc;AAAA,EAClB;AAAA,EACA;AACJ;"}

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

@@ -82,12 +82,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onFocusout: onFocusOut
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$1, { items: unref(items) }, {
+          createVNode(_sfc_main$1, {
+            items: unref(items),
+            "return-object": props.returnObject
+          }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          }, 8, ["items"])
+          }, 8, ["items", "return-object"])
         ]),
         _: 3
       }, 40, ["class", "style", "tabindex"]);

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

@@ -1 +1 @@
-{"version":3,"file":"EvList.vue.mjs","sources":["../../../../../src/components/EvList/EvList.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvList\n *\n * `<ev-list>`\n *\n * Uses:\n * - EvListItem - `<ev-list-item>`\n *\n * @todo: Nested items\n *\n * @see EvListItem\n */\nimport \"./EvList.scss\";\nimport { makeEvListProps } from \"./EvList\";\nimport { computed, ref, shallowRef } from \"vue\";\nimport { focusChild, FocusPosition } from \"@/util\";\nimport {\n    createList,\n    NestedProps,\n    useItems,\n    useNestedList,\n} from \"@/composables/lists\";\nimport { useDimensions } from \"@/composables/dimensions\";\nimport EvListChildren from \"./EvListChildren.vue\";\n\ndefineEmits([\"update:selected\", \"click:select\"]);\n\nconst props = defineProps({\n    ...makeEvListProps(),\n});\nconst { items } = useItems(props);\nconst { select } = useNestedList(props as NestedProps);\nconst containerRef = ref<HTMLElement | undefined>(undefined);\nconst isFocused = shallowRef(false);\nconst lastFocus = shallowRef<HTMLElement | undefined>(undefined);\nconst tabindex = computed(() => {\n    return props.disabled || isFocused.value ? -1 : 0;\n});\nconst dimensions = useDimensions(props);\n\n/**\n * Establish provide() and inject() functionality for list items.\n */\ncreateList();\n\n/**\n * # On Focus\n * Set or restore focus\n * @param e\n */\nfunction onFocus(e: FocusEvent): void {\n    if (\n        !isFocused.value &&\n        !(\n            e.relatedTarget &&\n            containerRef.value?.contains(e.relatedTarget as Node)\n        ) &&\n        containerRef.value\n    ) {\n        if (lastFocus.value) {\n            lastFocus.value.focus();\n        } else {\n            focus();\n        }\n    }\n}\n\n/**\n * # On Focus In\n * @param e\n */\nfunction onFocusIn(e: FocusEvent): void {\n    isFocused.value = true;\n}\n\n/**\n * # On Focus Out\n * @param e\n */\nfunction onFocusOut(e: FocusEvent): void {\n    isFocused.value = false;\n}\n\n/**\n * # On Key Down\n * @see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values\n * @param e\n */\nfunction onKeyDown(e: KeyboardEvent): void {\n    const keys: { [key: string]: string } = {\n        ArrowDown: \"next\",\n        ArrowUp: \"previous\",\n        Home: \"first\",\n        End: \"last\",\n    };\n    const position = keys[e.key];\n    if (position && containerRef.value) {\n        focus(position as FocusPosition);\n        e.preventDefault();\n    }\n}\n\n/**\n * # Set Focus\n * @param position\n */\nfunction focus(position?: FocusPosition): void {\n    lastFocus.value = focusChild(containerRef?.value, position);\n}\n\ndefineExpose({\n    focus,\n    select,\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        ref=\"containerRef\"\n        role=\"listbox\"\n        :class=\"[\n            'ev-list',\n            {\n                'is-disabled': props.disabled,\n            },\n            props.class,\n        ]\"\n        :style=\"[props.style, dimensions]\"\n        :tabindex=\"tabindex\"\n        @keydown=\"onKeyDown\"\n        @focus=\"onFocus\"\n        @focusin=\"onFocusIn\"\n        @focusout=\"onFocusOut\">\n        <ev-list-children :items=\"items\">\n            <slot />\n        </ev-list-children>\n    </component>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA+BA,UAAM,EAAE,MAAA,IAAU,SAAS,KAAK;AAChC,UAAM,EAAE,OAAA,IAAW,cAAc,KAAoB;AAC/C,UAAA,eAAe,IAA6B,MAAS;AACrD,UAAA,YAAY,WAAW,KAAK;AAC5B,UAAA,YAAY,WAAoC,MAAS;AACzD,UAAA,WAAW,SAAS,MAAM;AAC5B,aAAO,MAAM,YAAY,UAAU,QAAQ,KAAK;AAAA,IAAA,CACnD;AACK,UAAA,aAAa,cAAc,KAAK;AAK3B,eAAA;AAOX,aAAS,QAAQ,GAAqB;;AAClC,UACI,CAAC,UAAU,SACX,EACI,EAAE,mBACF,kBAAa,UAAb,mBAAoB,SAAS,EAAE,oBAEnC,aAAa,OACf;AACE,YAAI,UAAU,OAAO;AACjB,oBAAU,MAAM,MAAM;AAAA,QAAA,OACnB;AACG,gBAAA;AAAA,QAAA;AAAA,MACV;AAAA,IACJ;AAOJ,aAAS,UAAU,GAAqB;AACpC,gBAAU,QAAQ;AAAA,IAAA;AAOtB,aAAS,WAAW,GAAqB;AACrC,gBAAU,QAAQ;AAAA,IAAA;AAQtB,aAAS,UAAU,GAAwB;AACvC,YAAM,OAAkC;AAAA,QACpC,WAAW;AAAA,QACX,SAAS;AAAA,QACT,MAAM;AAAA,QACN,KAAK;AAAA,MACT;AACM,YAAA,WAAW,KAAK,EAAE,GAAG;AACvB,UAAA,YAAY,aAAa,OAAO;AAChC,cAAM,QAAyB;AAC/B,UAAE,eAAe;AAAA,MAAA;AAAA,IACrB;AAOJ,aAAS,MAAM,UAAgC;AAC3C,gBAAU,QAAQ,WAAW,6CAAc,OAAO,QAAQ;AAAA,IAAA;AAGjD,aAAA;AAAA,MACT;AAAA,MACA;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EvList.vue.mjs","sources":["../../../../../src/components/EvList/EvList.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvList\n *\n * `<ev-list>`\n *\n * Uses:\n * - EvListItem - `<ev-list-item>`\n *\n * @todo: Nested items\n *\n * @see EvListItem\n */\nimport \"./EvList.scss\";\nimport { makeEvListProps } from \"./EvList\";\nimport { computed, ref, shallowRef } from \"vue\";\nimport { focusChild, FocusPosition } from \"@/util\";\nimport {\n    createList,\n    NestedProps,\n    useItems,\n    useNestedList,\n} from \"@/composables/lists\";\nimport { useDimensions } from \"@/composables/dimensions\";\nimport EvListChildren from \"./EvListChildren.vue\";\n\ndefineEmits([\"update:selected\", \"click:select\"]);\n\nconst props = defineProps({\n    ...makeEvListProps(),\n});\nconst { items } = useItems(props);\nconst { select } = useNestedList(props as NestedProps);\nconst containerRef = ref<HTMLElement | undefined>(undefined);\nconst isFocused = shallowRef(false);\nconst lastFocus = shallowRef<HTMLElement | undefined>(undefined);\nconst tabindex = computed(() => {\n    return props.disabled || isFocused.value ? -1 : 0;\n});\nconst dimensions = useDimensions(props);\n\n/**\n * Establish provide() and inject() functionality for list items.\n */\ncreateList();\n\n/**\n * # On Focus\n * Set or restore focus\n * @param e\n */\nfunction onFocus(e: FocusEvent): void {\n    if (\n        !isFocused.value &&\n        !(\n            e.relatedTarget &&\n            containerRef.value?.contains(e.relatedTarget as Node)\n        ) &&\n        containerRef.value\n    ) {\n        if (lastFocus.value) {\n            lastFocus.value.focus();\n        } else {\n            focus();\n        }\n    }\n}\n\n/**\n * # On Focus In\n * @param e\n */\nfunction onFocusIn(e: FocusEvent): void {\n    isFocused.value = true;\n}\n\n/**\n * # On Focus Out\n * @param e\n */\nfunction onFocusOut(e: FocusEvent): void {\n    isFocused.value = false;\n}\n\n/**\n * # On Key Down\n * @see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values\n * @param e\n */\nfunction onKeyDown(e: KeyboardEvent): void {\n    const keys: { [key: string]: string } = {\n        ArrowDown: \"next\",\n        ArrowUp: \"previous\",\n        Home: \"first\",\n        End: \"last\",\n    };\n    const position = keys[e.key];\n    if (position && containerRef.value) {\n        focus(position as FocusPosition);\n        e.preventDefault();\n    }\n}\n\n/**\n * # Set Focus\n * @param position\n */\nfunction focus(position?: FocusPosition): void {\n    lastFocus.value = focusChild(containerRef?.value, position);\n}\n\ndefineExpose({\n    focus,\n    select,\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        ref=\"containerRef\"\n        role=\"listbox\"\n        :class=\"[\n            'ev-list',\n            {\n                'is-disabled': props.disabled,\n            },\n            props.class,\n        ]\"\n        :style=\"[props.style, dimensions]\"\n        :tabindex=\"tabindex\"\n        @keydown=\"onKeyDown\"\n        @focus=\"onFocus\"\n        @focusin=\"onFocusIn\"\n        @focusout=\"onFocusOut\">\n        <ev-list-children :items=\"items\" :return-object=\"props.returnObject\">\n            <slot name=\"default\" />\n        </ev-list-children>\n    </component>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA+BA,UAAM,EAAE,MAAA,IAAU,SAAS,KAAK;AAChC,UAAM,EAAE,OAAA,IAAW,cAAc,KAAoB;AAC/C,UAAA,eAAe,IAA6B,MAAS;AACrD,UAAA,YAAY,WAAW,KAAK;AAC5B,UAAA,YAAY,WAAoC,MAAS;AACzD,UAAA,WAAW,SAAS,MAAM;AAC5B,aAAO,MAAM,YAAY,UAAU,QAAQ,KAAK;AAAA,IAAA,CACnD;AACK,UAAA,aAAa,cAAc,KAAK;AAK3B,eAAA;AAOX,aAAS,QAAQ,GAAqB;;AAClC,UACI,CAAC,UAAU,SACX,EACI,EAAE,mBACF,kBAAa,UAAb,mBAAoB,SAAS,EAAE,oBAEnC,aAAa,OACf;AACE,YAAI,UAAU,OAAO;AACjB,oBAAU,MAAM,MAAM;AAAA,QAAA,OACnB;AACG,gBAAA;AAAA,QAAA;AAAA,MACV;AAAA,IACJ;AAOJ,aAAS,UAAU,GAAqB;AACpC,gBAAU,QAAQ;AAAA,IAAA;AAOtB,aAAS,WAAW,GAAqB;AACrC,gBAAU,QAAQ;AAAA,IAAA;AAQtB,aAAS,UAAU,GAAwB;AACvC,YAAM,OAAkC;AAAA,QACpC,WAAW;AAAA,QACX,SAAS;AAAA,QACT,MAAM;AAAA,QACN,KAAK;AAAA,MACT;AACM,YAAA,WAAW,KAAK,EAAE,GAAG;AACvB,UAAA,YAAY,aAAa,OAAO;AAChC,cAAM,QAAyB;AAC/B,UAAE,eAAe;AAAA,MAAA;AAAA,IACrB;AAOJ,aAAS,MAAM,UAAgC;AAC3C,gBAAU,QAAQ,WAAW,6CAAc,OAAO,QAAQ;AAAA,IAAA;AAGjD,aAAA;AAAA,MACT;AAAA,MACA;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,8 +1,11 @@
 /*! Evance UI v1.1.2 | MIT License */
-import { defineComponent, renderSlot, createElementBlock, openBlock, Fragment, renderList, normalizeProps, mergeProps, createVNode, guardReactiveProps } from "vue";
-import _sfc_main$1 from "../EvListItem/EvListItem.vue.mjs";
+import { defineComponent, useSlots, resolveComponent, renderSlot, createElementBlock, openBlock, Fragment, renderList, normalizeProps, mergeProps, createVNode, unref, guardReactiveProps, withCtx, createSlots, toRaw } from "vue";
+import _sfc_main$3 from "../EvListItem/EvListItem.vue.mjs";
 import { makeEvListChildrenProps } from "./EvList.mjs";
 import { createList } from "../../composables/lists/list.mjs";
+import _sfc_main$1 from "../EvDivider/EvDivider.vue.mjs";
+/* empty css                           */
+import _sfc_main$2 from "../EvSection/EvSection.vue.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EvListChildren",
   props: {
@@ -10,15 +13,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const slots = useSlots();
     createList();
     return (_ctx, _cache) => {
+      const _component_ev_list_children = resolveComponent("ev-list-children", true);
       return renderSlot(_ctx.$slots, "default", {}, () => [
         (openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item) => {
-          return renderSlot(_ctx.$slots, "item", normalizeProps(mergeProps({
+          return openBlock(), createElementBlock(Fragment, {
             key: item.key
-          }, { item, props: item.props })), () => [
-            createVNode(_sfc_main$1, normalizeProps(guardReactiveProps(item.props)), null, 16)
-          ]);
+          }, [
+            item.type === "divider" ? renderSlot(_ctx.$slots, "divider", normalizeProps(mergeProps({ key: 0 }, { props: item.props })), () => [
+              createVNode(unref(_sfc_main$1), normalizeProps(guardReactiveProps(item.props)), null, 16)
+            ]) : item.type === "subheader" ? renderSlot(_ctx.$slots, "subheader", normalizeProps(mergeProps({ key: 1 }, { props: item.props })), () => [
+              createVNode(unref(_sfc_main$2), normalizeProps(guardReactiveProps(item.props)), {
+                default: withCtx(() => [
+                  createVNode(_component_ev_list_children, {
+                    items: item.children,
+                    "return-object": props.returnObject
+                  }, createSlots({ _: 2 }, [
+                    unref(slots).item ? {
+                      name: "item",
+                      fn: withCtx(({ item: item2, props: props2 }) => [
+                        renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps({ item: item2, props: props2 })))
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["items", "return-object"])
+                ]),
+                _: 2
+              }, 1040)
+            ]) : renderSlot(_ctx.$slots, "item", normalizeProps(mergeProps({ key: 2 }, { item, props: item.props })), () => [
+              createVNode(_sfc_main$3, mergeProps(item.props, {
+                value: props.returnObject ? toRaw(item.raw) : item.props.value,
+                "return-object": props.returnObject,
+                children: item.children
+              }), null, 16, ["value", "return-object", "children"])
+            ])
+          ], 64);
         }), 128))
       ]);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"EvListChildren.vue.mjs","sources":["../../../../../src/components/EvList/EvListChildren.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvListChildren\n *\n * A management component for rendering child items recursively.\n *\n * @todo: nested children + groups\n *        v-for=\"{ children, props: itemProps, type, raw: item } in props.items\"\n */\nimport EvListItem from \"../EvListItem/EvListItem.vue\";\nimport { ListItem, makeEvListChildrenProps } from \"./EvList\";\nimport { createList } from \"@/composables/lists\";\n\nconst props = defineProps({\n    ...makeEvListChildrenProps(),\n});\n\ndefineSlots<{\n    default(): never;\n    item(props: { item: ListItem; props: any }): never;\n}>();\n\ncreateList();\n</script>\n\n<template>\n    <slot>\n        <template v-for=\"item in props.items\" :key=\"item.key\">\n            <slot name=\"item\" v-bind=\"{ item, props: item.props }\">\n                <ev-list-item v-bind=\"item.props\" />\n            </slot>\n        </template>\n    </slot>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;AAsBW,eAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"EvListChildren.vue.mjs","sources":["../../../../../src/components/EvList/EvListChildren.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvListChildren\n *\n * A management component for rendering child items recursively.\n */\nimport EvListItem from \"../EvListItem/EvListItem.vue\";\nimport { ListItem, makeEvListChildrenProps } from \"./EvList\";\nimport { createList } from \"@/composables/lists\";\nimport { EvDivider } from \"@/components/EvDivider\";\nimport { EvSection } from \"@/components/EvSection\";\nimport { toRaw } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvListChildrenProps(),\n});\n\nconst slots = defineSlots<{\n    default(): never;\n    divider(props: { props: any }): never;\n    subheader(props: { props: any }): never;\n    item(props: { item: ListItem; props: any }): never;\n}>();\n\ncreateList();\n</script>\n\n<template>\n    <slot name=\"default\">\n        <template v-for=\"item in props.items\" :key=\"item.key\">\n            <slot\n                v-if=\"item.type === 'divider'\"\n                name=\"divider\"\n                v-bind=\"{ props: item.props }\">\n                <ev-divider v-bind=\"item.props\" />\n            </slot>\n            <slot\n                v-else-if=\"item.type === 'subheader'\"\n                name=\"subheader\"\n                v-bind=\"{ props: item.props }\">\n                <ev-section v-bind=\"item.props\">\n                    <ev-list-children\n                        :items=\"item.children\"\n                        :return-object=\"props.returnObject\">\n                        <template v-if=\"slots.item\" #item=\"{ item, props }\">\n                            <slot name=\"item\" v-bind=\"{ item, props }\" />\n                        </template>\n                    </ev-list-children>\n                </ev-section>\n            </slot>\n            <template v-else>\n                <slot name=\"item\" v-bind=\"{ item, props: item.props }\">\n                    <ev-list-item\n                        v-bind=\"item.props\"\n                        :value=\"\n                            props.returnObject\n                                ? toRaw(item.raw)\n                                : item.props.value\n                        \"\n                        :return-object=\"props.returnObject\"\n                        :children=\"item.children\" />\n                </slot>\n            </template>\n        </template>\n    </slot>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;;;;;;;;;;;AAiBA,UAAM,QAAQA;AAOH,eAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -18,6 +18,7 @@ const makeEvListItemProps = propsFactory(
       type: Array,
       default: () => []
     },
+    children: Array,
     disabled: Boolean,
     iconEnd: IconProp,
     iconStart: IconProp,
@@ -25,6 +26,13 @@ const makeEvListItemProps = propsFactory(
       type: Boolean,
       default: void 0
     },
+    loading: Boolean,
+    returnObject: Boolean,
+    subtitle: [String, Number, Boolean],
+    subtitleProps: {
+      type: Object,
+      default: () => ({})
+    },
     tag: {
       type: String,
       default: "div"
@@ -34,11 +42,6 @@ const makeEvListItemProps = propsFactory(
       type: Object,
       default: () => ({})
     },
-    subtitle: [String, Number, Boolean],
-    subtitleProps: {
-      type: Object,
-      default: () => ({})
-    },
     value: null,
     onClick: EventProp(),
     ...makeRouterLinkOrHrefProps({

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

@@ -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\";\n\nexport interface EvListItemProps extends ComponentProps, RouterLinkOrHrefProps {\n    active?: boolean;\n    actions?: EvButtonProps[];\n    actionsOnHover?: EvButtonProps[];\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        disabled: Boolean,\n        iconEnd: IconProp,\n        iconStart: IconProp,\n        link: {\n            type: Boolean,\n            default: undefined,\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        subtitle: [String, Number, Boolean],\n        subtitleProps: {\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":[],"mappings":";;;;;;AAyBO,MAAM,sBAAsB;AAAA,EAC/B;AAAA,IACI,QAAQ;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IACnB;AAAA,IACA,gBAAgB;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IACnB;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,KAAK;AAAA,MACD,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,OAAO,CAAC,QAAQ,QAAQ,OAAO;AAAA,IAC/B,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IACrB;AAAA,IACA,UAAU,CAAC,QAAQ,QAAQ,OAAO;AAAA,IAClC,eAAe;AAAA,MACX,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IACrB;AAAA,IACA,OAAO;AAAA,IACP,SAAS,UAAwB;AAAA,IAEjC,GAAG,0BAA0B;AAAA,MACzB,OAAO;AAAA,IAAA,CACV;AAAA,IACD,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;"}
+{"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":[],"mappings":";;;;;;AA2BO,MAAM,sBAAsB;AAAA,EAC/B;AAAA,IACI,QAAQ;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IACnB;AAAA,IACA,gBAAgB;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IACnB;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,SAAS;AAAA,IACT,cAAc;AAAA,IACd,UAAU,CAAC,QAAQ,QAAQ,OAAO;AAAA,IAClC,eAAe;AAAA,MACX,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IACrB;AAAA,IACA,KAAK;AAAA,MACD,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,OAAO,CAAC,QAAQ,QAAQ,OAAO;AAAA,IAC/B,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IACrB;AAAA,IACA,OAAO;AAAA,IACP,SAAS,UAAwB;AAAA,IAEjC,GAAG,0BAA0B;AAAA,MACzB,OAAO;AAAA,IAAA,CACV;AAAA,IACD,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;"}

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

@@ -1,42 +1,57 @@
 /*! Evance UI v1.1.2 | MIT License */
-import { defineComponent, useSlots, useAttrs, computed, mergeProps, toDisplayString, createElementBlock, openBlock, normalizeStyle, normalizeClass, createBlock, createCommentVNode, resolveDynamicComponent, withKeys, unref, withCtx, createElementVNode, renderSlot, createVNode, Fragment, renderList } from "vue";
+import { defineComponent, useSlots, useAttrs, computed, mergeProps, toDisplayString, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, normalizeStyle, normalizeClass, unref, resolveDynamicComponent, withKeys, withCtx, renderSlot, createVNode, Fragment, renderList, withDirectives, vShow } from "vue";
 /* empty css                 */
 import { makeEvListItemProps } from "./EvListItem.mjs";
 import { useRouterLinkOrHref } from "../../composables/router.mjs";
 import { useList } from "../../composables/lists/list.mjs";
 import { useNestedListItem } from "../../composables/lists/nested.mjs";
-import _sfc_main$2 from "../EvIcon/EvIcon.vue.mjs";
+import _sfc_main$3 from "../EvIcon/EvIcon.vue.mjs";
 /* empty css                     */
-import _sfc_main$4 from "../EvButton/EvButton.vue.mjs";
-import _sfc_main$3 from "../EvButtonGroup/EvButtonGroup.vue.mjs";
+import _sfc_main$2 from "../EvButton/EvButton.vue.mjs";
+import _sfc_main$4 from "../EvButtonGroup/EvButtonGroup.vue.mjs";
 import _sfc_main$1 from "../EvText/EvText.vue.mjs";
 /* empty css                     */
+import ChevronRightIcon from "../../icons/glyph/ChevronRightIcon.svg.mjs";
+import DotIcon from "../../icons/glyph/DotIcon.svg.mjs";
+import _sfc_main$5 from "../EvList/EvListChildren.vue.mjs";
+import ExpandTransitionGenerator from "../EvTransition/transitions/expandTransition.mjs";
+import { useModelProxy } from "../../composables/modelProxy.mjs";
 import { getNextId } from "../../util/helpers.mjs";
-const _hoisted_1 = { class: "ev-list-item--content" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", {
+import { EvTransition } from "../EvTransition/EvTransition.mjs";
+const _hoisted_1 = { class: "ev-list-item" };
+const _hoisted_2 = { class: "ev-list-item--label" };
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", {
   "aria-hidden": "true",
   class: "ev-list-item--indicator"
 }, null, -1);
-const _hoisted_3 = {
+const _hoisted_4 = {
   key: 0,
-  class: "ev-list-item--icon-start"
+  class: "ev-list-item--caret"
 };
-const _hoisted_4 = {
+const _hoisted_5 = {
   key: 1,
-  class: "ev-list-item--prefix"
+  class: "ev-list-item--icon-start"
 };
-const _hoisted_5 = {
+const _hoisted_6 = {
   key: 2,
-  class: "ev-list-item--suffix"
+  class: "ev-list-item--prefix"
 };
-const _hoisted_6 = {
+const _hoisted_7 = {
   key: 3,
-  class: "ev-list-item--actions"
+  class: "ev-list-item--suffix"
 };
-const _hoisted_7 = {
+const _hoisted_8 = {
   key: 4,
+  class: "ev-list-item--actions"
+};
+const _hoisted_9 = {
+  key: 5,
   class: "ev-list-item--icon-end"
 };
+const _hoisted_10 = {
+  class: "ev-list-item-children",
+  role: "group"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EvListItem",
   props: {
@@ -52,7 +67,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const id = computed(
       () => props.value === void 0 ? link.href.value : props.value
     );
-    const { select, isSelected } = useNestedListItem(id, false);
+    const isLoading = useModelProxy(props, "loading");
+    const hasChildren = computed(() => {
+      return !!slots.children || !!props.children;
+    });
+    const { select, isSelected, isOpen, open, root } = useNestedListItem(id, hasChildren.value);
     const isLink = computed(() => props.link !== false && link.isLink.value);
     const isClickable = computed(() => {
       return !props.disabled && props.link !== false && (props.link || link.isClickable.value || props.value != null && !!list);
@@ -123,91 +142,133 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }))
     );
     const hasActionsOnHover = computed(() => !!parsedActionsOnHover.value.length);
+    const transition = ExpandTransitionGenerator("", false);
+    const showCaret = computed(() => {
+      return isLoading.value || hasChildren.value || root.isNested.value;
+    });
+    function onClickOpener(e) {
+      open(!isOpen.value, e);
+    }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        role: "listitem",
-        class: normalizeClass([
-          "ev-list-item",
-          {
-            "is-active": isActive.value,
-            "is-active--exact": isActiveExact.value,
-            "is-clickable": isClickable.value || hasClickListener.value,
-            "is-disabled": props.disabled,
-            "is-actions-on-hover": hasActionsOnHover.value
-          },
-          props.class
-        ]),
-        style: normalizeStyle(props.style)
-      }, [
-        (openBlock(), createBlock(resolveDynamicComponent(itemElement.value), {
-          href: unref(link).href.value,
-          tabindex: tabIndex.value,
-          class: "ev-list-item--button",
-          onClick,
-          onKeydown: [
-            withKeys(onKeyDown, ["enter"]),
-            withKeys(onKeyDown, ["space"])
-          ]
-        }, {
-          default: withCtx(() => [
-            createElementVNode("div", _hoisted_1, [
-              renderSlot(_ctx.$slots, "default", {}, () => [
-                createVNode(unref(_sfc_main$1), mergeProps({
-                  tag: "div",
-                  class: "ev-list-item--title"
-                }, titleProps.value), null, 16),
-                props.subtitle ? (openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
-                  key: 0,
-                  tag: "div",
-                  class: "ev-list-item--subtitle"
-                }, subtitleProps.value), null, 16)) : createCommentVNode("", true)
-              ])
-            ]),
-            _hoisted_2
+      return openBlock(), createElementBlock("li", _hoisted_1, [
+        createElementVNode("div", {
+          role: "listitem",
+          class: normalizeClass([
+            "ev-list-item-content",
+            {
+              "is-active": isActive.value,
+              "is-active--exact": isActiveExact.value,
+              "is-clickable": isClickable.value || hasClickListener.value,
+              "is-disabled": props.disabled,
+              "is-actions-on-hover": hasActionsOnHover.value,
+              "is-open": unref(isOpen)
+            },
+            props.class
           ]),
-          _: 3
-        }, 40, ["href", "tabindex", "onKeydown"])),
-        unref(slots).iconStart || props.iconStart ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          renderSlot(_ctx.$slots, "iconStart", {}, () => [
-            createVNode(unref(_sfc_main$2), {
-              glyph: props.iconStart
-            }, null, 8, ["glyph"])
-          ])
-        ])) : createCommentVNode("", true),
-        unref(slots).prefix ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          renderSlot(_ctx.$slots, "prefix")
-        ])) : createCommentVNode("", true),
-        unref(slots).suffix ? (openBlock(), createElementBlock("div", _hoisted_5, [
-          renderSlot(_ctx.$slots, "suffix")
-        ])) : createCommentVNode("", true),
-        hasActions.value || hasActionsOnHover.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
-          createVNode(unref(_sfc_main$3), {
-            size: "x-small",
-            variant: "subtle"
+          style: normalizeStyle(props.style)
+        }, [
+          (openBlock(), createBlock(resolveDynamicComponent(itemElement.value), {
+            href: unref(link).href.value,
+            tabindex: tabIndex.value,
+            class: "ev-list-item--button",
+            onClick,
+            onKeydown: [
+              withKeys(onKeyDown, ["enter"]),
+              withKeys(onKeyDown, ["space"])
+            ]
           }, {
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(parsedActionsOnHover.value, (action) => {
-                return openBlock(), createBlock(unref(_sfc_main$4), mergeProps({
-                  key: action.id
-                }, action.props, { class: "is-show-on-hover" }), null, 16);
-              }), 128)),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(parsedActions.value, (action) => {
-                return openBlock(), createBlock(unref(_sfc_main$4), mergeProps({
-                  key: action.id
-                }, action.props), null, 16);
-              }), 128))
+              createElementVNode("div", _hoisted_2, [
+                renderSlot(_ctx.$slots, "default", {}, () => [
+                  createVNode(unref(_sfc_main$1), mergeProps({
+                    tag: "div",
+                    class: "ev-list-item--title"
+                  }, titleProps.value), null, 16),
+                  props.subtitle ? (openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
+                    key: 0,
+                    tag: "div",
+                    class: "ev-list-item--subtitle"
+                  }, subtitleProps.value), null, 16)) : createCommentVNode("", true)
+                ])
+              ]),
+              _hoisted_3
             ]),
-            _: 1
-          })
-        ])) : createCommentVNode("", true),
-        unref(slots).iconEnd || props.iconEnd ? (openBlock(), createElementBlock("div", _hoisted_7, [
-          renderSlot(_ctx.$slots, "iconEnd", {}, () => [
-            createVNode(unref(_sfc_main$2), {
-              glyph: props.iconEnd
-            }, null, 8, ["glyph"])
-          ])
-        ])) : createCommentVNode("", true)
-      ], 6);
+            _: 3
+          }, 40, ["href", "tabindex", "onKeydown"])),
+          showCaret.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            hasChildren.value ? (openBlock(), createBlock(unref(_sfc_main$2), {
+              key: 0,
+              icon: "",
+              size: "x-small",
+              variant: "subtle",
+              loading: unref(isLoading),
+              "icon-start": unref(ChevronRightIcon),
+              onClick: onClickOpener
+            }, null, 8, ["loading", "icon-start"])) : (openBlock(), createBlock(unref(_sfc_main$3), {
+              key: 1,
+              glyph: unref(DotIcon)
+            }, null, 8, ["glyph"]))
+          ])) : createCommentVNode("", true),
+          unref(slots).iconStart || props.iconStart ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            renderSlot(_ctx.$slots, "iconStart", {}, () => [
+              createVNode(unref(_sfc_main$3), {
+                glyph: props.iconStart
+              }, null, 8, ["glyph"])
+            ])
+          ])) : createCommentVNode("", true),
+          unref(slots).prefix ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            renderSlot(_ctx.$slots, "prefix")
+          ])) : createCommentVNode("", true),
+          unref(slots).suffix ? (openBlock(), createElementBlock("div", _hoisted_7, [
+            renderSlot(_ctx.$slots, "suffix")
+          ])) : createCommentVNode("", true),
+          hasActions.value || hasActionsOnHover.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
+            createVNode(unref(_sfc_main$4), {
+              size: "x-small",
+              variant: "subtle"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(parsedActionsOnHover.value, (action) => {
+                  return openBlock(), createBlock(unref(_sfc_main$2), mergeProps({
+                    key: action.id
+                  }, action.props, { class: "is-show-on-hover" }), null, 16);
+                }), 128)),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(parsedActions.value, (action) => {
+                  return openBlock(), createBlock(unref(_sfc_main$2), mergeProps({
+                    key: action.id
+                  }, action.props), null, 16);
+                }), 128))
+              ]),
+              _: 1
+            })
+          ])) : createCommentVNode("", true),
+          unref(slots).iconEnd || props.iconEnd ? (openBlock(), createElementBlock("div", _hoisted_9, [
+            renderSlot(_ctx.$slots, "iconEnd", {}, () => [
+              createVNode(unref(_sfc_main$3), {
+                glyph: props.iconEnd
+              }, null, 8, ["glyph"])
+            ])
+          ])) : createCommentVNode("", true)
+        ], 6),
+        hasChildren.value ? (openBlock(), createBlock(unref(EvTransition), mergeProps({
+          key: 0,
+          name: "ev-list-group-transition"
+        }, unref(transition)), {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("ul", _hoisted_10, [
+              renderSlot(_ctx.$slots, "children", {}, () => [
+                createVNode(_sfc_main$5, {
+                  items: props.children,
+                  "return-object": props.returnObject
+                }, null, 8, ["items", "return-object"])
+              ])
+            ], 512), [
+              [vShow, unref(isOpen)]
+            ])
+          ]),
+          _: 3
+        }, 16)) : createCommentVNode("", true)
+      ]);
     };
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"EvListItem.vue.mjs","sources":["../../../../../src/components/EvListItem/EvListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvListItem.scss\";\nimport { makeEvListItemProps } from \"./EvListItem\";\nimport { computed, mergeProps, toDisplayString, useAttrs } from \"vue\";\nimport {\n    RouterLinkOrHrefProps,\n    useRouterLinkOrHref,\n} from \"@/composables/router\";\nimport { useList, useNestedListItem } from \"@/composables/lists\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\nimport { EvText } from \"@/components/EvText\";\nimport { getNextId } from \"@/util\";\n\n// Emit\nconst emit = defineEmits([\"click\"]);\n\nconst props = defineProps({\n    ...makeEvListItemProps(),\n});\nconst slots = defineSlots<{\n    default(): never;\n    iconStart(): never;\n    iconEnd(): never;\n    prefix(): never;\n    suffix(): never;\n}>();\n\nconst attrs = useAttrs();\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\nconst list = useList();\nconst id = computed(() =>\n    props.value === undefined ? link.href.value : props.value,\n);\nconst { select, isSelected } = useNestedListItem(id, false);\nconst isLink = computed(() => props.link !== false && link.isLink.value);\nconst isClickable = computed(() => {\n    return (\n        !props.disabled &&\n        props.link !== false &&\n        (props.link ||\n            link.isClickable.value ||\n            (props.value != null && !!list))\n    );\n});\nconst isActive = computed(() => {\n    return props.active !== false && (props.active || link.isActive?.value);\n});\nconst isActiveExact = computed(() => {\n    return (\n        props.exact !== false &&\n        (props.exact || link.isExactActive?.value || isSelected.value)\n    );\n});\nconst itemElement = computed(() => {\n    return isLink.value ? \"a\" : props.tag;\n});\nconst tabIndex = computed(() => {\n    return isClickable.value ? (list ? -2 : 0) : null;\n});\n\n/**\n * # onClick Handler\n * @param e\n */\nfunction onClick(e: MouseEvent): void {\n    emit(\"click\", e);\n    if (!isClickable.value) {\n        return;\n    }\n    link.navigate?.(e);\n    if (props.value != null) {\n        select(!isSelected.value, e);\n    }\n}\n\n/**\n * # onKeyDown Handler\n * @param e\n */\nfunction onKeyDown(e: KeyboardEvent): void {\n    e.preventDefault();\n    onClick(e as any as MouseEvent);\n}\n\nconst hasClickListener = computed(\n    () => !!link.isClickable.value || !!props.onClick,\n);\n\nconst titleProps = computed(() => {\n    return mergeProps(\n        {\n            truncate: true,\n            text: toDisplayString(props.title),\n        },\n        props.titleProps,\n    );\n});\n\nconst subtitleProps = computed(() => {\n    return mergeProps(\n        {\n            appearance: \"subtle\",\n            size: \"small\",\n            truncate: true,\n            text: toDisplayString(props.subtitle),\n        },\n        props.subtitleProps,\n    );\n});\n\nconst parsedActions = computed(() =>\n    props.actions.map((action) => ({\n        props: action,\n        id: getNextId(),\n    })),\n);\nconst hasActions = computed(() => !!parsedActions.value.length);\nconst parsedActionsOnHover = computed(() =>\n    props.actionsOnHover.map((action) => ({\n        props: action,\n        id: getNextId(),\n    })),\n);\nconst hasActionsOnHover = computed(() => !!parsedActionsOnHover.value.length);\n</script>\n\n<template>\n    <div\n        role=\"listitem\"\n        :class=\"[\n            'ev-list-item',\n            {\n                'is-active': isActive,\n                'is-active--exact': isActiveExact,\n                'is-clickable': isClickable || hasClickListener,\n                'is-disabled': props.disabled,\n                'is-actions-on-hover': hasActionsOnHover,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\">\n        <component\n            :is=\"itemElement\"\n            :href=\"link.href.value\"\n            :tabindex=\"tabIndex\"\n            class=\"ev-list-item--button\"\n            @click=\"onClick\"\n            @keydown.enter=\"onKeyDown\"\n            @keydown.space=\"onKeyDown\">\n            <div class=\"ev-list-item--content\">\n                <slot name=\"default\">\n                    <ev-text\n                        tag=\"div\"\n                        class=\"ev-list-item--title\"\n                        v-bind=\"titleProps\" />\n                    <ev-text\n                        v-if=\"props.subtitle\"\n                        tag=\"div\"\n                        class=\"ev-list-item--subtitle\"\n                        v-bind=\"subtitleProps\" />\n                </slot>\n            </div>\n            <div aria-hidden=\"true\" class=\"ev-list-item--indicator\"></div>\n        </component>\n        <div\n            v-if=\"slots.iconStart || props.iconStart\"\n            class=\"ev-list-item--icon-start\">\n            <slot name=\"iconStart\">\n                <ev-icon :glyph=\"props.iconStart\" />\n            </slot>\n        </div>\n        <div v-if=\"slots.prefix\" class=\"ev-list-item--prefix\">\n            <slot name=\"prefix\" />\n        </div>\n        <div v-if=\"slots.suffix\" class=\"ev-list-item--suffix\">\n            <slot name=\"suffix\" />\n        </div>\n        <div\n            v-if=\"hasActions || hasActionsOnHover\"\n            class=\"ev-list-item--actions\">\n            <ev-button-group size=\"x-small\" variant=\"subtle\">\n                <ev-button\n                    v-for=\"action in parsedActionsOnHover\"\n                    :key=\"action.id\"\n                    v-bind=\"action.props\"\n                    class=\"is-show-on-hover\" />\n                <ev-button\n                    v-for=\"action in parsedActions\"\n                    :key=\"action.id\"\n                    v-bind=\"action.props\" />\n            </ev-button-group>\n        </div>\n        <div\n            v-if=\"slots.iconEnd || props.iconEnd\"\n            class=\"ev-list-item--icon-end\">\n            <slot name=\"iconEnd\">\n                <ev-icon :glyph=\"props.iconEnd\" />\n            </slot>\n        </div>\n    </div>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,UAAM,QAAQA;AAQd,UAAM,QAAQ,SAAS;AACjB,UAAA,OAAO,oBAAoB,OAAgC,KAAK;AACtE,UAAM,OAAO,QAAQ;AACrB,UAAM,KAAK;AAAA,MAAS,MAChB,MAAM,UAAU,SAAY,KAAK,KAAK,QAAQ,MAAM;AAAA,IACxD;AACA,UAAM,EAAE,QAAQ,WAAA,IAAe,kBAAkB,IAAI,KAAK;AACpD,UAAA,SAAS,SAAS,MAAM,MAAM,SAAS,SAAS,KAAK,OAAO,KAAK;AACjE,UAAA,cAAc,SAAS,MAAM;AAC/B,aACI,CAAC,MAAM,YACP,MAAM,SAAS,UACd,MAAM,QACH,KAAK,YAAY,SAChB,MAAM,SAAS,QAAQ,CAAC,CAAC;AAAA,IAAA,CAErC;AACK,UAAA,WAAW,SAAS,MAAM;;AAC5B,aAAO,MAAM,WAAW,UAAU,MAAM,YAAU,UAAK,aAAL,mBAAe;AAAA,IAAA,CACpE;AACK,UAAA,gBAAgB,SAAS,MAAM;;AAE7B,aAAA,MAAM,UAAU,UACf,MAAM,WAAS,UAAK,kBAAL,mBAAoB,UAAS,WAAW;AAAA,IAAA,CAE/D;AACK,UAAA,cAAc,SAAS,MAAM;AACxB,aAAA,OAAO,QAAQ,MAAM,MAAM;AAAA,IAAA,CACrC;AACK,UAAA,WAAW,SAAS,MAAM;AAC5B,aAAO,YAAY,QAAS,OAAO,KAAK,IAAK;AAAA,IAAA,CAChD;AAMD,aAAS,QAAQ,GAAqB;;AAClC,WAAK,SAAS,CAAC;AACX,UAAA,CAAC,YAAY,OAAO;AACpB;AAAA,MAAA;AAEJ,iBAAK,aAAL,8BAAgB;AACZ,UAAA,MAAM,SAAS,MAAM;AACd,eAAA,CAAC,WAAW,OAAO,CAAC;AAAA,MAAA;AAAA,IAC/B;AAOJ,aAAS,UAAU,GAAwB;AACvC,QAAE,eAAe;AACjB,cAAQ,CAAsB;AAAA,IAAA;AAGlC,UAAM,mBAAmB;AAAA,MACrB,MAAM,CAAC,CAAC,KAAK,YAAY,SAAS,CAAC,CAAC,MAAM;AAAA,IAC9C;AAEM,UAAA,aAAa,SAAS,MAAM;AACvB,aAAA;AAAA,QACH;AAAA,UACI,UAAU;AAAA,UACV,MAAM,gBAAgB,MAAM,KAAK;AAAA,QACrC;AAAA,QACA,MAAM;AAAA,MACV;AAAA,IAAA,CACH;AAEK,UAAA,gBAAgB,SAAS,MAAM;AAC1B,aAAA;AAAA,QACH;AAAA,UACI,YAAY;AAAA,UACZ,MAAM;AAAA,UACN,UAAU;AAAA,UACV,MAAM,gBAAgB,MAAM,QAAQ;AAAA,QACxC;AAAA,QACA,MAAM;AAAA,MACV;AAAA,IAAA,CACH;AAED,UAAM,gBAAgB;AAAA,MAAS,MAC3B,MAAM,QAAQ,IAAI,CAAC,YAAY;AAAA,QAC3B,OAAO;AAAA,QACP,IAAI,UAAU;AAAA,MAAA,EAChB;AAAA,IACN;AACA,UAAM,aAAa,SAAS,MAAM,CAAC,CAAC,cAAc,MAAM,MAAM;AAC9D,UAAM,uBAAuB;AAAA,MAAS,MAClC,MAAM,eAAe,IAAI,CAAC,YAAY;AAAA,QAClC,OAAO;AAAA,QACP,IAAI,UAAU;AAAA,MAAA,EAChB;AAAA,IACN;AACA,UAAM,oBAAoB,SAAS,MAAM,CAAC,CAAC,qBAAqB,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EvListItem.vue.mjs","sources":["../../../../../src/components/EvListItem/EvListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvListItem.scss\";\nimport { makeEvListItemProps } from \"./EvListItem\";\nimport { computed, mergeProps, toDisplayString, useAttrs } from \"vue\";\nimport {\n    RouterLinkOrHrefProps,\n    useRouterLinkOrHref,\n} from \"@/composables/router\";\nimport { useList, useNestedListItem } from \"@/composables/lists\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\nimport { EvText } from \"@/components/EvText\";\nimport { getNextId } from \"@/util\";\nimport { ChevronRightIcon, DotIcon } from \"@/icons\";\nimport { useModelProxy } from \"@/composables\";\nimport EvListChildren from \"@/components/EvList/EvListChildren.vue\";\nimport { EvTransition } from \"@/components/EvTransition\";\nimport ExpandTransitionGenerator from \"@/components/EvTransition/transitions/expandTransition\";\n\n// Emit\nconst emit = defineEmits([\"click\"]);\n\nconst props = defineProps({\n    ...makeEvListItemProps(),\n});\nconst slots = defineSlots<{\n    default(): never;\n    iconStart(): never;\n    iconEnd(): never;\n    prefix(): never;\n    suffix(): never;\n    children(): never;\n}>();\n\nconst attrs = useAttrs();\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\nconst list = useList();\nconst id = computed(() =>\n    props.value === undefined ? link.href.value : props.value,\n);\nconst isLoading = useModelProxy(props, \"loading\");\nconst hasChildren = computed(() => {\n    return !!slots.children || !!props.children;\n});\nconst { select, isSelected, isOpen, open, root } = useNestedListItem(id, hasChildren.value);\nconst isLink = computed(() => props.link !== false && link.isLink.value);\nconst isClickable = computed(() => {\n    return (\n        !props.disabled &&\n        props.link !== false &&\n        (props.link ||\n            link.isClickable.value ||\n            (props.value != null && !!list))\n    );\n});\nconst isActive = computed(() => {\n    return props.active !== false && (props.active || link.isActive?.value);\n});\nconst isActiveExact = computed(() => {\n    return (\n        props.exact !== false &&\n        (props.exact || link.isExactActive?.value || isSelected.value)\n    );\n});\nconst itemElement = computed(() => {\n    return isLink.value ? \"a\" : props.tag;\n});\nconst tabIndex = computed(() => {\n    return isClickable.value ? (list ? -2 : 0) : null;\n});\n\n/**\n * # onClick Handler\n * @param e\n */\nfunction onClick(e: MouseEvent): void {\n    emit(\"click\", e);\n    if (!isClickable.value) {\n        return;\n    }\n    link.navigate?.(e);\n    if (props.value != null) {\n        select(!isSelected.value, e);\n    }\n}\n\n/**\n * # onKeyDown Handler\n * @param e\n */\nfunction onKeyDown(e: KeyboardEvent): void {\n    e.preventDefault();\n    onClick(e as any as MouseEvent);\n}\n\nconst hasClickListener = computed(\n    () => !!link.isClickable.value || !!props.onClick,\n);\n\nconst titleProps = computed(() => {\n    return mergeProps(\n        {\n            truncate: true,\n            text: toDisplayString(props.title),\n        },\n        props.titleProps,\n    );\n});\n\nconst subtitleProps = computed(() => {\n    return mergeProps(\n        {\n            appearance: \"subtle\",\n            size: \"small\",\n            truncate: true,\n            text: toDisplayString(props.subtitle),\n        },\n        props.subtitleProps,\n    );\n});\n\nconst parsedActions = computed(() =>\n    props.actions.map((action) => ({\n        props: action,\n        id: getNextId(),\n    })),\n);\nconst hasActions = computed(() => !!parsedActions.value.length);\nconst parsedActionsOnHover = computed(() =>\n    props.actionsOnHover.map((action) => ({\n        props: action,\n        id: getNextId(),\n    })),\n);\nconst hasActionsOnHover = computed(() => !!parsedActionsOnHover.value.length);\n\nconst transition = ExpandTransitionGenerator(\"\", false);\nconst showCaret = computed(() => {\n    return isLoading.value || hasChildren.value || root.isNested.value;\n});\n\nfunction onClickOpener(e: Event) {\n    open(!isOpen.value, e);\n}\n\n</script>\n\n<template>\n    <li class=\"ev-list-item\">\n        <div\n            role=\"listitem\"\n            :class=\"[\n                'ev-list-item-content',\n                {\n                    'is-active': isActive,\n                    'is-active--exact': isActiveExact,\n                    'is-clickable': isClickable || hasClickListener,\n                    'is-disabled': props.disabled,\n                    'is-actions-on-hover': hasActionsOnHover,\n                    'is-open': isOpen,\n                },\n                props.class,\n            ]\"\n            :style=\"props.style\">\n            <component\n                :is=\"itemElement\"\n                :href=\"link.href.value\"\n                :tabindex=\"tabIndex\"\n                class=\"ev-list-item--button\"\n                @click=\"onClick\"\n                @keydown.enter=\"onKeyDown\"\n                @keydown.space=\"onKeyDown\">\n                <div class=\"ev-list-item--label\">\n                    <slot name=\"default\">\n                        <ev-text\n                            tag=\"div\"\n                            class=\"ev-list-item--title\"\n                            v-bind=\"titleProps\" />\n                        <ev-text\n                            v-if=\"props.subtitle\"\n                            tag=\"div\"\n                            class=\"ev-list-item--subtitle\"\n                            v-bind=\"subtitleProps\" />\n                    </slot>\n                </div>\n                <div aria-hidden=\"true\" class=\"ev-list-item--indicator\"></div>\n            </component>\n            <div v-if=\"showCaret\" class=\"ev-list-item--caret\">\n                <ev-button\n                    v-if=\"hasChildren\"\n                    icon\n                    size=\"x-small\"\n                    variant=\"subtle\"\n                    :loading=\"isLoading\"\n                    :icon-start=\"ChevronRightIcon\"\n                    @click=\"onClickOpener\" />\n                <ev-icon v-else :glyph=\"DotIcon\" />\n            </div>\n            <div\n                v-if=\"slots.iconStart || props.iconStart\"\n                class=\"ev-list-item--icon-start\">\n                <slot name=\"iconStart\">\n                    <ev-icon :glyph=\"props.iconStart\" />\n                </slot>\n            </div>\n            <div v-if=\"slots.prefix\" class=\"ev-list-item--prefix\">\n                <slot name=\"prefix\" />\n            </div>\n            <div v-if=\"slots.suffix\" class=\"ev-list-item--suffix\">\n                <slot name=\"suffix\" />\n            </div>\n            <div\n                v-if=\"hasActions || hasActionsOnHover\"\n                class=\"ev-list-item--actions\">\n                <ev-button-group size=\"x-small\" variant=\"subtle\">\n                    <ev-button\n                        v-for=\"action in parsedActionsOnHover\"\n                        :key=\"action.id\"\n                        v-bind=\"action.props\"\n                        class=\"is-show-on-hover\" />\n                    <ev-button\n                        v-for=\"action in parsedActions\"\n                        :key=\"action.id\"\n                        v-bind=\"action.props\" />\n                </ev-button-group>\n            </div>\n            <div\n                v-if=\"slots.iconEnd || props.iconEnd\"\n                class=\"ev-list-item--icon-end\">\n                <slot name=\"iconEnd\">\n                    <ev-icon :glyph=\"props.iconEnd\" />\n                </slot>\n            </div>\n        </div>\n\n        <template v-if=\"hasChildren\">\n            <ev-transition name=\"ev-list-group-transition\" v-bind=\"transition\">\n                <ul v-show=\"isOpen\" class=\"ev-list-item-children\" role=\"group\">\n                    <slot name=\"children\">\n                        <ev-list-children\n                            :items=\"props.children\"\n                            :return-object=\"props.returnObject\" />\n                    </slot>\n                </ul>\n            </ev-transition>\n        </template>\n    </li>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,QAAQA;AASd,UAAM,QAAQ,SAAS;AACjB,UAAA,OAAO,oBAAoB,OAAgC,KAAK;AACtE,UAAM,OAAO,QAAQ;AACrB,UAAM,KAAK;AAAA,MAAS,MAChB,MAAM,UAAU,SAAY,KAAK,KAAK,QAAQ,MAAM;AAAA,IACxD;AACM,UAAA,YAAY,cAAc,OAAO,SAAS;AAC1C,UAAA,cAAc,SAAS,MAAM;AAC/B,aAAO,CAAC,CAAC,MAAM,YAAY,CAAC,CAAC,MAAM;AAAA,IAAA,CACtC;AACK,UAAA,EAAE,QAAQ,YAAY,QAAQ,MAAM,KAAS,IAAA,kBAAkB,IAAI,YAAY,KAAK;AACpF,UAAA,SAAS,SAAS,MAAM,MAAM,SAAS,SAAS,KAAK,OAAO,KAAK;AACjE,UAAA,cAAc,SAAS,MAAM;AAC/B,aACI,CAAC,MAAM,YACP,MAAM,SAAS,UACd,MAAM,QACH,KAAK,YAAY,SAChB,MAAM,SAAS,QAAQ,CAAC,CAAC;AAAA,IAAA,CAErC;AACK,UAAA,WAAW,SAAS,MAAM;;AAC5B,aAAO,MAAM,WAAW,UAAU,MAAM,YAAU,UAAK,aAAL,mBAAe;AAAA,IAAA,CACpE;AACK,UAAA,gBAAgB,SAAS,MAAM;;AAE7B,aAAA,MAAM,UAAU,UACf,MAAM,WAAS,UAAK,kBAAL,mBAAoB,UAAS,WAAW;AAAA,IAAA,CAE/D;AACK,UAAA,cAAc,SAAS,MAAM;AACxB,aAAA,OAAO,QAAQ,MAAM,MAAM;AAAA,IAAA,CACrC;AACK,UAAA,WAAW,SAAS,MAAM;AAC5B,aAAO,YAAY,QAAS,OAAO,KAAK,IAAK;AAAA,IAAA,CAChD;AAMD,aAAS,QAAQ,GAAqB;;AAClC,WAAK,SAAS,CAAC;AACX,UAAA,CAAC,YAAY,OAAO;AACpB;AAAA,MAAA;AAEJ,iBAAK,aAAL,8BAAgB;AACZ,UAAA,MAAM,SAAS,MAAM;AACd,eAAA,CAAC,WAAW,OAAO,CAAC;AAAA,MAAA;AAAA,IAC/B;AAOJ,aAAS,UAAU,GAAwB;AACvC,QAAE,eAAe;AACjB,cAAQ,CAAsB;AAAA,IAAA;AAGlC,UAAM,mBAAmB;AAAA,MACrB,MAAM,CAAC,CAAC,KAAK,YAAY,SAAS,CAAC,CAAC,MAAM;AAAA,IAC9C;AAEM,UAAA,aAAa,SAAS,MAAM;AACvB,aAAA;AAAA,QACH;AAAA,UACI,UAAU;AAAA,UACV,MAAM,gBAAgB,MAAM,KAAK;AAAA,QACrC;AAAA,QACA,MAAM;AAAA,MACV;AAAA,IAAA,CACH;AAEK,UAAA,gBAAgB,SAAS,MAAM;AAC1B,aAAA;AAAA,QACH;AAAA,UACI,YAAY;AAAA,UACZ,MAAM;AAAA,UACN,UAAU;AAAA,UACV,MAAM,gBAAgB,MAAM,QAAQ;AAAA,QACxC;AAAA,QACA,MAAM;AAAA,MACV;AAAA,IAAA,CACH;AAED,UAAM,gBAAgB;AAAA,MAAS,MAC3B,MAAM,QAAQ,IAAI,CAAC,YAAY;AAAA,QAC3B,OAAO;AAAA,QACP,IAAI,UAAU;AAAA,MAAA,EAChB;AAAA,IACN;AACA,UAAM,aAAa,SAAS,MAAM,CAAC,CAAC,cAAc,MAAM,MAAM;AAC9D,UAAM,uBAAuB;AAAA,MAAS,MAClC,MAAM,eAAe,IAAI,CAAC,YAAY;AAAA,QAClC,OAAO;AAAA,QACP,IAAI,UAAU;AAAA,MAAA,EAChB;AAAA,IACN;AACA,UAAM,oBAAoB,SAAS,MAAM,CAAC,CAAC,qBAAqB,MAAM,MAAM;AAEtE,UAAA,aAAa,0BAA0B,IAAI,KAAK;AAChD,UAAA,YAAY,SAAS,MAAM;AAC7B,aAAO,UAAU,SAAS,YAAY,SAAS,KAAK,SAAS;AAAA,IAAA,CAChE;AAED,aAAS,cAAc,GAAU;AACxB,WAAA,CAAC,OAAO,OAAO,CAAC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/src/components/EvTooltip/EvTooltip.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvTooltip.vue.mjs","sources":["../../../../../src/components/EvTooltip/EvTooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTooltip.scss\";\nimport { makeEvTooltipProps } from \"./EvTooltip\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { filterComponentProps, getNextId } from \"@/util\";\nimport { EvOverlay, PositionStrategyProps } from \"@/components/EvOverlay\";\nimport { computed, mergeProps, ref } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvTooltipProps(),\n});\n\nconst slots = defineSlots<{\n    activator(): never;\n    default(): never;\n}>();\n\nconst isActive = useModelProxy(props, \"modelValue\");\nconst uid = getNextId();\n\nconst id = computed(() => {\n    return props.id || `ev-tooltip-${uid}`;\n});\n\nconst overlayRef = ref<typeof EvOverlay>();\nconst overlayProps = computed(() => filterComponentProps(EvOverlay, props));\n\nconst position = computed(() => {\n    return props.position.split(\" \").length > 1\n        ? props.position\n        : ((props.position + \" center\") as PositionStrategyProps[\"position\"]);\n});\n\nconst origin = computed(() => {\n    return props.origin === \"auto\" ||\n        props.origin === \"overlap\" ||\n        props.origin.split(\" \").length > 1 ||\n        props.position.split(\" \").length > 1\n        ? props.origin\n        : ((props.origin + \" center\") as PositionStrategyProps[\"origin\"]);\n});\n\nconst transition = computed(() => {\n    if (props.transition) {\n        return props.transition;\n    }\n    return isActive.value ? \"transition-scale\" : \"transition-fade\";\n});\n\nconst activatorProps = computed(() => {\n    return mergeProps(\n        {\n            \"aria-describedby\": id.value,\n        },\n        props.activatorProps,\n    );\n});\n</script>\n\n<template>\n    <ev-overlay\n        :id=\"id\"\n        ref=\"overlayRef\"\n        v-bind=\"overlayProps\"\n        v-model=\"isActive\"\n        role=\"tooltip\"\n        :class=\"['ev-tooltip', props.class]\"\n        :style=\"props.style\"\n        :transition=\"transition\"\n        :position=\"position\"\n        :origin=\"origin\"\n        :activator-props=\"activatorProps\"\n        absolute\n        disable-global-stack>\n        <template v-if=\"slots.activator\" #activator=\"activatorSlotProps\">\n            <slot name=\"activator\" v-bind=\"activatorSlotProps\" />\n        </template>\n        <template #pointer>\n            <div class=\"ev-tooltip--pointer\"></div>\n        </template>\n        <slot name=\"default\">{{ props.text }}</slot>\n    </ev-overlay>\n</template>\n"],"names":["_useSlots","EvOverlay"],"mappings":";;;;;;;;;;;;;;;AAYA,UAAM,QAAQA;AAKR,UAAA,WAAW,cAAc,OAAO,YAAY;AAClD,UAAM,MAAM,UAAU;AAEhB,UAAA,KAAK,SAAS,MAAM;AACf,aAAA,MAAM,MAAM,cAAc,GAAG;AAAA,IAAA,CACvC;AAED,UAAM,aAAa,IAAsB;AACzC,UAAM,eAAe,SAAS,MAAM,qBAAqBC,aAAW,KAAK,CAAC;AAEpE,UAAA,WAAW,SAAS,MAAM;AACrB,aAAA,MAAM,SAAS,MAAM,GAAG,EAAE,SAAS,IACpC,MAAM,WACJ,MAAM,WAAW;AAAA,IAAA,CAC5B;AAEK,UAAA,SAAS,SAAS,MAAM;AACnB,aAAA,MAAM,WAAW,UACpB,MAAM,WAAW,aACjB,MAAM,OAAO,MAAM,GAAG,EAAE,SAAS,KACjC,MAAM,SAAS,MAAM,GAAG,EAAE,SAAS,IACjC,MAAM,SACJ,MAAM,SAAS;AAAA,IAAA,CAC1B;AAEK,UAAA,aAAa,SAAS,MAAM;AAC9B,UAAI,MAAM,YAAY;AAClB,eAAO,MAAM;AAAA,MAAA;AAEV,aAAA,SAAS,QAAQ,qBAAqB;AAAA,IAAA,CAChD;AAEK,UAAA,iBAAiB,SAAS,MAAM;AAC3B,aAAA;AAAA,QACH;AAAA,UACI,oBAAoB,GAAG;AAAA,QAC3B;AAAA,QACA,MAAM;AAAA,MACV;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EvTooltip.vue.mjs","sources":["../../../../../src/components/EvTooltip/EvTooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTooltip.scss\";\nimport { makeEvTooltipProps } from \"./EvTooltip\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { filterComponentProps, getNextId } from \"@/util\";\nimport { EvOverlay, PositionStrategyProps } from \"@/components/EvOverlay\";\nimport { computed, mergeProps, ref } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvTooltipProps(),\n});\n\nconst slots = defineSlots<{\n    activator(props: { isActive: boolean; props: any }): never;\n    default(): never;\n}>();\n\nconst isActive = useModelProxy(props, \"modelValue\");\nconst uid = getNextId();\n\nconst id = computed(() => {\n    return props.id || `ev-tooltip-${uid}`;\n});\n\nconst overlayRef = ref<typeof EvOverlay>();\nconst overlayProps = computed(() => filterComponentProps(EvOverlay, props));\n\nconst position = computed(() => {\n    return props.position.split(\" \").length > 1\n        ? props.position\n        : ((props.position + \" center\") as PositionStrategyProps[\"position\"]);\n});\n\nconst origin = computed(() => {\n    return props.origin === \"auto\" ||\n        props.origin === \"overlap\" ||\n        props.origin.split(\" \").length > 1 ||\n        props.position.split(\" \").length > 1\n        ? props.origin\n        : ((props.origin + \" center\") as PositionStrategyProps[\"origin\"]);\n});\n\nconst transition = computed(() => {\n    if (props.transition) {\n        return props.transition;\n    }\n    return isActive.value ? \"transition-scale\" : \"transition-fade\";\n});\n\nconst activatorProps = computed(() => {\n    return mergeProps(\n        {\n            \"aria-describedby\": id.value,\n        },\n        props.activatorProps,\n    );\n});\n</script>\n\n<template>\n    <ev-overlay\n        :id=\"id\"\n        ref=\"overlayRef\"\n        v-bind=\"overlayProps\"\n        v-model=\"isActive\"\n        role=\"tooltip\"\n        :class=\"['ev-tooltip', props.class]\"\n        :style=\"props.style\"\n        :transition=\"transition\"\n        :position=\"position\"\n        :origin=\"origin\"\n        :activator-props=\"activatorProps\"\n        absolute\n        disable-global-stack>\n        <template v-if=\"slots.activator\" #activator=\"activatorSlotProps\">\n            <slot name=\"activator\" v-bind=\"activatorSlotProps\" />\n        </template>\n        <template #pointer>\n            <div class=\"ev-tooltip--pointer\"></div>\n        </template>\n        <slot name=\"default\">{{ props.text }}</slot>\n    </ev-overlay>\n</template>\n"],"names":["_useSlots","EvOverlay"],"mappings":";;;;;;;;;;;;;;;AAYA,UAAM,QAAQA;AAKR,UAAA,WAAW,cAAc,OAAO,YAAY;AAClD,UAAM,MAAM,UAAU;AAEhB,UAAA,KAAK,SAAS,MAAM;AACf,aAAA,MAAM,MAAM,cAAc,GAAG;AAAA,IAAA,CACvC;AAED,UAAM,aAAa,IAAsB;AACzC,UAAM,eAAe,SAAS,MAAM,qBAAqBC,aAAW,KAAK,CAAC;AAEpE,UAAA,WAAW,SAAS,MAAM;AACrB,aAAA,MAAM,SAAS,MAAM,GAAG,EAAE,SAAS,IACpC,MAAM,WACJ,MAAM,WAAW;AAAA,IAAA,CAC5B;AAEK,UAAA,SAAS,SAAS,MAAM;AACnB,aAAA,MAAM,WAAW,UACpB,MAAM,WAAW,aACjB,MAAM,OAAO,MAAM,GAAG,EAAE,SAAS,KACjC,MAAM,SAAS,MAAM,GAAG,EAAE,SAAS,IACjC,MAAM,SACJ,MAAM,SAAS;AAAA,IAAA,CAC1B;AAEK,UAAA,aAAa,SAAS,MAAM;AAC9B,UAAI,MAAM,YAAY;AAClB,eAAO,MAAM;AAAA,MAAA;AAEV,aAAA,SAAS,QAAQ,qBAAqB;AAAA,IAAA,CAChD;AAEK,UAAA,iBAAiB,SAAS,MAAM;AAC3B,aAAA;AAAA,QACH;AAAA,UACI,oBAAoB,GAAG;AAAA,QAC3B;AAAA,QACA,MAAM;AAAA,MACV;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}