@evance/evance-ui 1.1.2 → 1.1.4

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { makeComponentProps } from "../../composables/component.mjs";
 import { propsFactory } from "../../util/props.mjs";
 const makeLabelProps = propsFactory(

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { defineComponent, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createCommentVNode, toDisplayString } from "vue";
 /* empty css              */
 import { makeEvLabelProps } from "./EvLabel.mjs";

package/dist/esm/src/components/EvLabel/EvLabel.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import _sfc_main from "./EvLabel.vue.mjs";
 export {
   _sfc_main as default

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { makeComponentProps } from "../../composables/component.mjs";
 import { IconProp } from "../../composables/icons.mjs";
 import { makeRouterLinkOrHrefProps } from "../../composables/router.mjs";

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { defineComponent, useAttrs, useSlots, computed, createElementBlock, openBlock, unref, normalizeStyle, normalizeClass, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
 /* empty css             */
 import { makeEvLinkProps } from "./EvLink.mjs";

package/dist/esm/src/components/EvLink/EvLink.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import _sfc_main from "./EvLink.vue.mjs";
 export {
   _sfc_main as default

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { makeListItemsProps } from "../../composables/lists/list-items.mjs";
 import { makeNestedProps } from "../../composables/lists/nested.mjs";
 import { makeComponentProps } from "../../composables/component.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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { defineComponent, ref, shallowRef, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, createVNode, renderSlot } from "vue";
 /* empty css             */
 import { makeEvListProps } from "./EvList.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/EvList.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import _sfc_main from "./EvList.vue.mjs";
 export {
   _sfc_main as default

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";
+/*! Evance UI v1.1.3 | MIT License */
+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/EvList/EvListChildren.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import _sfc_main from "./EvListChildren.vue.mjs";
 export {
   _sfc_main as default

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { makeRouterLinkOrHrefProps } from "../../composables/router.mjs";
 import { IconProp } from "../../composables/icons.mjs";
 import { makeComponentProps } from "../../composables/component.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";
+/*! Evance UI v1.1.3 | MIT License */
+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)
+      ]);
     };
   }
 });