@evance/evance-ui 1.1.2 → 1.1.4

package/dist/esm/src/composables/groupItem.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { provide, inject, toRef, computed, onBeforeUnmount, watch } from "vue";
 import { getNextId } from "../util/helpers.mjs";
 import { propsFactory } from "../util/props.mjs";

package/dist/esm/src/composables/hasSlotWithContent.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { computed } from "vue";
 function hasSlotWithContent(slots, slotName) {
   return computed(() => {

package/dist/esm/src/composables/icons.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import CheckCircleIcon from "../icons/glyph/CheckCircleIcon.svg.mjs";
 import DangerIcon from "../icons/glyph/DangerIcon.svg.mjs";
 import HelpIcon from "../icons/glyph/HelpIcon.svg.mjs";

package/dist/esm/src/composables/intersectionObserver.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { ref, shallowRef, onBeforeUnmount, watch } from "vue";
 import { Browser } from "../util/browser.mjs";
 function useIntersectionObserver(callback, options) {

package/dist/esm/src/composables/lazy.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { shallowRef, computed, watch } from "vue";
 import { propsFactory } from "../util/props.mjs";
 const makeLazyProps = propsFactory(

package/dist/esm/src/composables/lists/list-items.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { computed } from "vue";
 import { propsFactory } from "../../util/props.mjs";
 import { isDeepEqual, isObject, isArray } from "../../util/is-functions.mjs";
@@ -35,6 +35,7 @@ const makeListItemsProps = propsFactory(
 );
 let lastItemKey = 0;
 function transformItem(props, item) {
+  const type = getPropertyValue(item, props.itemType, "item");
   const title = getPropertyValue(item, props.itemTitle, item);
   const value = getPropertyValue(item, props.itemValue, title);
   const children = getPropertyValue(item, props.itemChildren);
@@ -45,6 +46,7 @@ function transformItem(props, item) {
     ...itemProps
   };
   return {
+    type,
     key: ++lastItemKey,
     title: String(transformedItemProps.title ?? ""),
     value: transformedItemProps.value,

package/dist/esm/src/composables/lists/list-items.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"list-items.mjs","sources":["../../../../../src/composables/lists/list-items.ts"],"sourcesContent":["import {\n    getPropertyValue,\n    GetterPropertyKey,\n    isArray,\n    isDeepEqual,\n    isObject,\n    omit,\n    propsFactory,\n} from \"@/util\";\nimport { computed, PropType } from \"vue\";\nimport { ListItemProps } from \"@/components/EvList\";\n\n/**\n * # List Item\n */\nexport interface ListItem<T = any> {\n    key: number;\n    title: string;\n    value: any;\n    props: {\n        [key: string]: any;\n        title: string;\n        value: any;\n    };\n    children?: ListItem<T>[];\n    raw: T;\n}\n\n/**\n * # List Item Key\n *\n * Defines where to look for item information.\n *\n * For example: each Item might have a `title` property.\n * So an Item key may represent either an array index, or an object property.\n *\n * - `boolean` - Ignored\n * - `string` - Property name, or use Object path notation.\n * - `array` of strings or numbers represent nested lookup - each array element represents a key in the hierarchy\n */\nexport type ListItemKey = GetterPropertyKey;\n\n/**\n * # List Items Props\n *\n * - `items` - the array of items to render within a list.\n * - `item-title` - the title property/key to use as the title in each list item.\n * - `item-value` - the value property/key to use for selection per list item.\n * - `item-props` - the props to assign to each list item.\n * - `return-object` - return the full item object on selection if `true`, or the `item-value` if `false`.\n */\nexport interface ListItemsProps {\n    items: any[];\n    itemTitle: ListItemKey;\n    itemValue: ListItemKey;\n    itemChildren: ListItemKey;\n    itemProps: ListItemKey;\n    returnObject: boolean;\n    valueComparator: typeof isDeepEqual;\n}\n\n/**\n * # Make List Items Props\n *\n * Applies `ListItemProps` with the following defaults:\n *\n * - `items` - a blank array.\n * - `item-title` - 'title'\n * - `item-value` - 'value'\n * - `item-children` - 'children'\n * - `item-props` - 'props'\n * - `return-object` - `false`\n *\n * @see ListItemsProps\n */\nexport const makeListItemsProps = propsFactory(\n    {\n        items: {\n            type: Array as PropType<ListItemsProps[\"items\"]>,\n            default: () => [],\n        },\n        itemTitle: {\n            type: [String, Array, Function] as PropType<ListItemKey>,\n            default: \"title\",\n        },\n        itemValue: {\n            type: [String, Array, Function] as PropType<ListItemKey>,\n            default: \"value\",\n        },\n        itemChildren: {\n            type: [Boolean, String, Array, Function] as PropType<ListItemKey>,\n            default: \"children\",\n        },\n        itemProps: {\n            type: [Boolean, String, Array, Function] as PropType<ListItemKey>,\n            default: \"props\",\n        },\n        returnObject: Boolean,\n        valueComparator: {\n            type: Function as PropType<typeof isDeepEqual>,\n            default: isDeepEqual,\n        },\n    },\n    \"list-items\",\n);\n\n// Tracks unique item Ids\nlet lastItemKey = 0;\n\n/**\n * # Transform Item\n *\n * @param props\n * @param item\n */\nexport function transformItem(\n    props: Omit<ListItemProps, \"items\">,\n    item: any,\n): ListItem {\n    const title = getPropertyValue(item, props.itemTitle, item);\n    const value = getPropertyValue(item, props.itemValue, title);\n    const children = getPropertyValue(item, props.itemChildren);\n    const itemProps =\n        props.itemProps === true\n            ? isObject(item) && item != null && !isArray(item)\n                ? \"children\" in item\n                    ? omit(item, [\"children\"])\n                    : item\n                : undefined\n            : getPropertyValue(item, props.itemProps);\n\n    const transformedItemProps = {\n        title,\n        value,\n        ...itemProps,\n    };\n\n    return {\n        key: ++lastItemKey,\n        title: String(transformedItemProps.title ?? \"\"),\n        value: transformedItemProps.value,\n        props: transformedItemProps,\n        children: isArray(children)\n            ? transformItems(props, children)\n            : undefined,\n        raw: item,\n    };\n}\n\n/**\n * # Transform Items\n */\nexport function transformItems(\n    props: Omit<ListItemProps, \"items\">,\n    items: ListItemProps[\"items\"],\n) {\n    const listItems: ListItem[] = [];\n    for (const item of items) {\n        listItems.push(transformItem(props, item));\n    }\n    return listItems;\n}\n\n/**\n * # Use Items\n *\n * @param props\n */\nexport function useItems(props: any) {\n    const items = computed(() => {\n        return transformItems(props, props.items);\n    });\n\n    const hasNullItem = computed(() => {\n        return items.value.some((item) => item.value === null);\n    });\n\n    function transformIn(value: any[]): ListItem[] {\n        if (!hasNullItem.value) {\n            // When the model value is null, return an ListItem\n            // based on null only if null is one of the items\n            value = value.filter((v) => v !== null);\n        }\n\n        return value.map((v) => {\n            if (props.returnObject && typeof v === \"string\") {\n                // String model value means value is a custom input value\n                // Don't look up existing items if the model value is a string\n                return transformItem(props, v);\n            }\n            return (\n                items.value.find((item) =>\n                    props.valueComparator(v, item.value),\n                ) || transformItem(props, v)\n            );\n        });\n    }\n\n    function transformOut(value: ListItem[]): any[] {\n        return props.returnObject\n            ? value.map(({ raw }) => raw)\n            : value.map(({ value }) => value);\n    }\n\n    return { items, transformIn, transformOut };\n}\n"],"names":["value"],"mappings":";;;;;AA2EO,MAAM,qBAAqB;AAAA,EAC9B;AAAA,IACI,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IACnB;AAAA,IACA,WAAW;AAAA,MACP,MAAM,CAAC,QAAQ,OAAO,QAAQ;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA,IACA,WAAW;AAAA,MACP,MAAM,CAAC,QAAQ,OAAO,QAAQ;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA,IACA,cAAc;AAAA,MACV,MAAM,CAAC,SAAS,QAAQ,OAAO,QAAQ;AAAA,MACvC,SAAS;AAAA,IACb;AAAA,IACA,WAAW;AAAA,MACP,MAAM,CAAC,SAAS,QAAQ,OAAO,QAAQ;AAAA,MACvC,SAAS;AAAA,IACb;AAAA,IACA,cAAc;AAAA,IACd,iBAAiB;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EAEjB;AAAA,EACA;AACJ;AAGA,IAAI,cAAc;AAQF,SAAA,cACZ,OACA,MACQ;AACR,QAAM,QAAQ,iBAAiB,MAAM,MAAM,WAAW,IAAI;AAC1D,QAAM,QAAQ,iBAAiB,MAAM,MAAM,WAAW,KAAK;AAC3D,QAAM,WAAW,iBAAiB,MAAM,MAAM,YAAY;AACpD,QAAA,YACF,MAAM,cAAc,OACd,SAAS,IAAI,KAAK,QAAQ,QAAQ,CAAC,QAAQ,IAAI,IAC3C,cAAc,OACV,KAAK,MAAM,CAAC,UAAU,CAAC,IACvB,OACJ,SACJ,iBAAiB,MAAM,MAAM,SAAS;AAEhD,QAAM,uBAAuB;AAAA,IACzB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACP;AAEO,SAAA;AAAA,IACH,KAAK,EAAE;AAAA,IACP,OAAO,OAAO,qBAAqB,SAAS,EAAE;AAAA,IAC9C,OAAO,qBAAqB;AAAA,IAC5B,OAAO;AAAA,IACP,UAAU,QAAQ,QAAQ,IACpB,eAAe,OAAO,QAAQ,IAC9B;AAAA,IACN,KAAK;AAAA,EACT;AACJ;AAKgB,SAAA,eACZ,OACA,OACF;AACE,QAAM,YAAwB,CAAC;AAC/B,aAAW,QAAQ,OAAO;AACtB,cAAU,KAAK,cAAc,OAAO,IAAI,CAAC;AAAA,EAAA;AAEtC,SAAA;AACX;AAOO,SAAS,SAAS,OAAY;AAC3B,QAAA,QAAQ,SAAS,MAAM;AAClB,WAAA,eAAe,OAAO,MAAM,KAAK;AAAA,EAAA,CAC3C;AAEK,QAAA,cAAc,SAAS,MAAM;AAC/B,WAAO,MAAM,MAAM,KAAK,CAAC,SAAS,KAAK,UAAU,IAAI;AAAA,EAAA,CACxD;AAED,WAAS,YAAY,OAA0B;AACvC,QAAA,CAAC,YAAY,OAAO;AAGpB,cAAQ,MAAM,OAAO,CAAC,MAAM,MAAM,IAAI;AAAA,IAAA;AAGnC,WAAA,MAAM,IAAI,CAAC,MAAM;AACpB,UAAI,MAAM,gBAAgB,OAAO,MAAM,UAAU;AAGtC,eAAA,cAAc,OAAO,CAAC;AAAA,MAAA;AAEjC,aACI,MAAM,MAAM;AAAA,QAAK,CAAC,SACd,MAAM,gBAAgB,GAAG,KAAK,KAAK;AAAA,MAAA,KAClC,cAAc,OAAO,CAAC;AAAA,IAAA,CAElC;AAAA,EAAA;AAGL,WAAS,aAAa,OAA0B;AAC5C,WAAO,MAAM,eACP,MAAM,IAAI,CAAC,EAAE,IAAI,MAAM,GAAG,IAC1B,MAAM,IAAI,CAAC,EAAE,OAAAA,aAAYA,MAAK;AAAA,EAAA;AAGjC,SAAA,EAAE,OAAO,aAAa,aAAa;AAC9C;"}
+{"version":3,"file":"list-items.mjs","sources":["../../../../../src/composables/lists/list-items.ts"],"sourcesContent":["import {\n    getPropertyValue,\n    GetterPropertyKey,\n    isArray,\n    isDeepEqual,\n    isObject,\n    omit,\n    propsFactory,\n} from \"@/util\";\nimport { computed, PropType } from \"vue\";\nimport { ListItemProps } from \"@/components/EvList\";\n\n/**\n * # List Item\n */\nexport interface ListItem<T = any> {\n    type?: string;\n    key: number;\n    title: string;\n    value: any;\n    props: {\n        [key: string]: any;\n        title: string;\n        value: any;\n    };\n    children?: ListItem<T>[];\n    raw: T;\n}\n\n/**\n * # List Item Key\n *\n * Defines where to look for item information.\n *\n * For example: each Item might have a `title` property.\n * So an Item key may represent either an array index, or an object property.\n *\n * - `boolean` - Ignored\n * - `string` - Property name, or use Object path notation.\n * - `array` of strings or numbers represent nested lookup - each array element represents a key in the hierarchy\n */\nexport type ListItemKey = GetterPropertyKey;\n\n/**\n * # List Items Props\n *\n * - `items` - the array of items to render within a list.\n * - `item-title` - the title property/key to use as the title in each list item.\n * - `item-value` - the value property/key to use for selection per list item.\n * - `item-props` - the props to assign to each list item.\n * - `return-object` - return the full item object on selection if `true`, or the `item-value` if `false`.\n */\nexport interface ListItemsProps {\n    items: any[];\n    itemTitle: ListItemKey;\n    itemValue: ListItemKey;\n    itemChildren: ListItemKey;\n    itemProps: ListItemKey;\n    returnObject: boolean;\n    valueComparator: typeof isDeepEqual;\n}\n\n/**\n * # Make List Items Props\n *\n * Applies `ListItemProps` with the following defaults:\n *\n * - `items` - a blank array.\n * - `item-title` - 'title'\n * - `item-value` - 'value'\n * - `item-children` - 'children'\n * - `item-props` - 'props'\n * - `return-object` - `false`\n *\n * @see ListItemsProps\n */\nexport const makeListItemsProps = propsFactory(\n    {\n        items: {\n            type: Array as PropType<ListItemsProps[\"items\"]>,\n            default: () => [],\n        },\n        itemTitle: {\n            type: [String, Array, Function] as PropType<ListItemKey>,\n            default: \"title\",\n        },\n        itemValue: {\n            type: [String, Array, Function] as PropType<ListItemKey>,\n            default: \"value\",\n        },\n        itemChildren: {\n            type: [Boolean, String, Array, Function] as PropType<ListItemKey>,\n            default: \"children\",\n        },\n        itemProps: {\n            type: [Boolean, String, Array, Function] as PropType<ListItemKey>,\n            default: \"props\",\n        },\n        returnObject: Boolean,\n        valueComparator: {\n            type: Function as PropType<typeof isDeepEqual>,\n            default: isDeepEqual,\n        },\n    },\n    \"list-items\",\n);\n\n// Tracks unique item Ids\nlet lastItemKey = 0;\n\n/**\n * # Transform Item\n *\n * @param props\n * @param item\n */\nexport function transformItem(\n    props: Omit<ListItemProps, \"items\">,\n    item: any,\n): ListItem {\n    const type = getPropertyValue(item, props.itemType, \"item\");\n    const title = getPropertyValue(item, props.itemTitle, item);\n    const value = getPropertyValue(item, props.itemValue, title);\n    const children = getPropertyValue(item, props.itemChildren);\n    const itemProps =\n        props.itemProps === true\n            ? isObject(item) && item != null && !isArray(item)\n                ? \"children\" in item\n                    ? omit(item, [\"children\"])\n                    : item\n                : undefined\n            : getPropertyValue(item, props.itemProps);\n\n    const transformedItemProps = {\n        title,\n        value,\n        ...itemProps,\n    };\n\n    return {\n        type,\n        key: ++lastItemKey,\n        title: String(transformedItemProps.title ?? \"\"),\n        value: transformedItemProps.value,\n        props: transformedItemProps,\n        children: isArray(children)\n            ? transformItems(props, children)\n            : undefined,\n        raw: item,\n    };\n}\n\n/**\n * # Transform Items\n */\nexport function transformItems(\n    props: Omit<ListItemProps, \"items\">,\n    items: ListItemProps[\"items\"],\n) {\n    const listItems: ListItem[] = [];\n    for (const item of items) {\n        listItems.push(transformItem(props, item));\n    }\n    return listItems;\n}\n\n/**\n * # Use Items\n *\n * @param props\n */\nexport function useItems(props: any) {\n    const items = computed(() => {\n        return transformItems(props, props.items);\n    });\n\n    const hasNullItem = computed(() => {\n        return items.value.some((item) => item.value === null);\n    });\n\n    function transformIn(value: any[]): ListItem[] {\n        if (!hasNullItem.value) {\n            // When the model value is null, return an ListItem\n            // based on null only if null is one of the items\n            value = value.filter((v) => v !== null);\n        }\n\n        return value.map((v) => {\n            if (props.returnObject && typeof v === \"string\") {\n                // String model value means value is a custom input value\n                // Don't look up existing items if the model value is a string\n                return transformItem(props, v);\n            }\n            return (\n                items.value.find((item) =>\n                    props.valueComparator(v, item.value),\n                ) || transformItem(props, v)\n            );\n        });\n    }\n\n    function transformOut(value: ListItem[]): any[] {\n        return props.returnObject\n            ? value.map(({ raw }) => raw)\n            : value.map(({ value }) => value);\n    }\n\n    return { items, transformIn, transformOut };\n}\n"],"names":["value"],"mappings":";;;;;AA4EO,MAAM,qBAAqB;AAAA,EAC9B;AAAA,IACI,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IACnB;AAAA,IACA,WAAW;AAAA,MACP,MAAM,CAAC,QAAQ,OAAO,QAAQ;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA,IACA,WAAW;AAAA,MACP,MAAM,CAAC,QAAQ,OAAO,QAAQ;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA,IACA,cAAc;AAAA,MACV,MAAM,CAAC,SAAS,QAAQ,OAAO,QAAQ;AAAA,MACvC,SAAS;AAAA,IACb;AAAA,IACA,WAAW;AAAA,MACP,MAAM,CAAC,SAAS,QAAQ,OAAO,QAAQ;AAAA,MACvC,SAAS;AAAA,IACb;AAAA,IACA,cAAc;AAAA,IACd,iBAAiB;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EAEjB;AAAA,EACA;AACJ;AAGA,IAAI,cAAc;AAQF,SAAA,cACZ,OACA,MACQ;AACR,QAAM,OAAO,iBAAiB,MAAM,MAAM,UAAU,MAAM;AAC1D,QAAM,QAAQ,iBAAiB,MAAM,MAAM,WAAW,IAAI;AAC1D,QAAM,QAAQ,iBAAiB,MAAM,MAAM,WAAW,KAAK;AAC3D,QAAM,WAAW,iBAAiB,MAAM,MAAM,YAAY;AACpD,QAAA,YACF,MAAM,cAAc,OACd,SAAS,IAAI,KAAK,QAAQ,QAAQ,CAAC,QAAQ,IAAI,IAC3C,cAAc,OACV,KAAK,MAAM,CAAC,UAAU,CAAC,IACvB,OACJ,SACJ,iBAAiB,MAAM,MAAM,SAAS;AAEhD,QAAM,uBAAuB;AAAA,IACzB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACP;AAEO,SAAA;AAAA,IACH;AAAA,IACA,KAAK,EAAE;AAAA,IACP,OAAO,OAAO,qBAAqB,SAAS,EAAE;AAAA,IAC9C,OAAO,qBAAqB;AAAA,IAC5B,OAAO;AAAA,IACP,UAAU,QAAQ,QAAQ,IACpB,eAAe,OAAO,QAAQ,IAC9B;AAAA,IACN,KAAK;AAAA,EACT;AACJ;AAKgB,SAAA,eACZ,OACA,OACF;AACE,QAAM,YAAwB,CAAC;AAC/B,aAAW,QAAQ,OAAO;AACtB,cAAU,KAAK,cAAc,OAAO,IAAI,CAAC;AAAA,EAAA;AAEtC,SAAA;AACX;AAOO,SAAS,SAAS,OAAY;AAC3B,QAAA,QAAQ,SAAS,MAAM;AAClB,WAAA,eAAe,OAAO,MAAM,KAAK;AAAA,EAAA,CAC3C;AAEK,QAAA,cAAc,SAAS,MAAM;AAC/B,WAAO,MAAM,MAAM,KAAK,CAAC,SAAS,KAAK,UAAU,IAAI;AAAA,EAAA,CACxD;AAED,WAAS,YAAY,OAA0B;AACvC,QAAA,CAAC,YAAY,OAAO;AAGpB,cAAQ,MAAM,OAAO,CAAC,MAAM,MAAM,IAAI;AAAA,IAAA;AAGnC,WAAA,MAAM,IAAI,CAAC,MAAM;AACpB,UAAI,MAAM,gBAAgB,OAAO,MAAM,UAAU;AAGtC,eAAA,cAAc,OAAO,CAAC;AAAA,MAAA;AAEjC,aACI,MAAM,MAAM;AAAA,QAAK,CAAC,SACd,MAAM,gBAAgB,GAAG,KAAK,KAAK;AAAA,MAAA,KAClC,cAAc,OAAO,CAAC;AAAA,IAAA,CAElC;AAAA,EAAA;AAGL,WAAS,aAAa,OAA0B;AAC5C,WAAO,MAAM,eACP,MAAM,IAAI,CAAC,EAAE,IAAI,MAAM,GAAG,IAC1B,MAAM,IAAI,CAAC,EAAE,OAAAA,aAAYA,MAAK;AAAA,EAAA;AAGjC,SAAA,EAAE,OAAO,aAAa,aAAa;AAC9C;"}

package/dist/esm/src/composables/lists/list.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { shallowRef, inject, provide } from "vue";
 const ListKey = Symbol.for("ev:list");
 function createList() {

package/dist/esm/src/composables/lists/nested.mjs

@@ -1,6 +1,6 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { useSelectStrategy, useSelectedValues, makeSelectedProps } from "./select-strategies.mjs";
-import { ref, onBeforeMount, shallowRef, provide, inject, computed, toRaw, onBeforeUnmount } from "vue";
+import { ref, toRaw, onBeforeMount, computed, shallowRef, provide, inject, toValue, onBeforeUnmount } from "vue";
 import { useModelProxy } from "../modelProxy.mjs";
 import { useOpenStrategy, makeOpenStrategyProps } from "./open-strategies.mjs";
 import { propsFactory } from "../../util/props.mjs";
@@ -19,7 +19,8 @@ const emptyNestedList = {
     register: () => null,
     unregister: () => null,
     open: () => null,
-    openOnSelect: () => null
+    openOnSelect: () => null,
+    isNested: ref(false)
   }
 };
 const makeNestedProps = propsFactory(
@@ -60,7 +61,9 @@ const useNestedList = (props) => {
     "opened",
     props.opened,
     (values) => {
-      return new Set(values);
+      return new Set(
+        Array.isArray(values) ? values.map((value) => toRaw(value)) : values
+      );
     },
     (values) => {
       return [...values.values()];
@@ -159,7 +162,8 @@ const useNestedList = (props) => {
           event
         });
         newOpened && (opened.value = newOpened);
-      }
+      },
+      isNested: computed(() => parents.value.size > 0)
     }
   };
   provide(EvNestedSymbol, nested);
@@ -169,11 +173,23 @@ const useNestedListItem = (id, isGroup) => {
   const parent = inject(EvNestedSymbol, emptyNestedList);
   const idSymbol = Symbol(getNextId());
   const idComputed = computed(() => {
-    return id.value !== void 0 ? id.value : idSymbol;
+    const idValue = toRaw(toValue(id));
+    return idValue !== void 0 ? idValue : idSymbol;
   });
   const item = {
     ...parent,
     id: idComputed,
+    open: (open, e) => {
+      parent.root.open(idComputed.value, open, e);
+    },
+    openOnSelect: (open, e) => {
+      parent.root.openOnSelect(idComputed.value, open, e);
+    },
+    isOpen: computed(() => {
+      console.log(idComputed.value);
+      console.log(parent.root.opened.value);
+      return parent.root.opened.value.has(idComputed.value);
+    }),
     parent: computed(() => parent.root.parents.value.get(idComputed.value)),
     select: (selected, e) => {
       return parent.root.select(idComputed.value, selected, e);
@@ -186,13 +202,15 @@ const useNestedListItem = (id, isGroup) => {
     }),
     isLeaf: computed(() => {
       return !parent.root.children.value.get(idComputed.value);
-    }),
-    isGroupActivator: parent.isGroupActivator
+    })
   };
-  !parent.isGroupActivator && parent.root.register(idComputed.value, parent.id.value, isGroup);
+  parent.root.register(idComputed.value, parent.id.value, isGroup);
   onBeforeUnmount(() => {
-    !parent.isGroupActivator && parent.root.unregister(idComputed.value);
+    parent.root.unregister(idComputed.value);
   });
+  if (isGroup) {
+    provide(EvNestedSymbol, item);
+  }
   return item;
 };
 export {

package/dist/esm/src/composables/lists/nested.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"nested.mjs","sources":["../../../../../src/composables/lists/nested.ts"],"sourcesContent":["import { SequencedPosition } from \"./sequenced\";\nimport {\n    makeSelectedProps,\n    Selected,\n    SelectStrategyProps,\n    useSelectedValues,\n    useSelectStrategy,\n} from \"./select-strategies\";\nimport {\n    computed,\n    inject,\n    InjectionKey,\n    onBeforeMount,\n    onBeforeUnmount,\n    provide,\n    Ref,\n    ref,\n    shallowRef,\n    toRaw,\n} from \"vue\";\nimport { getCurrentComponent, getNextId, propsFactory } from \"@/util\";\nimport { useModelProxy } from \"../modelProxy\";\nimport {\n    makeOpenStrategyProps,\n    OpenStrategyProps,\n    useOpenStrategy,\n} from \"@/composables/lists/open-strategies\";\n\n/**\n * # Nested Position\n *\n * Typically applies to requests to move a node within the nested data set.\n *\n * 'inside' - Position a node as a child of another node\n */\nexport type NestedPosition = SequencedPosition & \"inside\";\n\nexport interface NestedProps extends SelectStrategyProps, OpenStrategyProps {}\n\ntype NestedProvide = {\n    id: Ref<unknown>;\n    isGroupActivator?: boolean;\n    root: {\n        children: Ref<Map<unknown, unknown[]>>;\n        parents: Ref<Map<unknown, unknown>>;\n        opened: Ref<Set<unknown>>;\n        select: (id: unknown, value: boolean, event?: Event) => void;\n        selected: Ref<Map<unknown, Selected>>;\n        selectedValues: Ref<unknown[]>;\n        register: (id: unknown, parentId: unknown, isGroup?: boolean) => void;\n        unregister: (id: unknown) => void;\n        open: (id: unknown, value: boolean, event?: Event) => void;\n        openOnSelect: (id: unknown, value: boolean, event?: Event) => void;\n    };\n};\n\nexport const EvNestedSymbol: InjectionKey<NestedProvide> =\n    Symbol.for(\"ev:nested\");\n\n/**\n * # Empty Nested List\n */\nexport const emptyNestedList: NestedProvide = {\n    id: shallowRef(),\n    root: {\n        children: ref(new Map()),\n        parents: ref(new Map()),\n        opened: ref(new Set()),\n        select: () => null,\n        selected: ref(new Map()),\n        selectedValues: ref([]),\n        register: () => null,\n        unregister: () => null,\n        open: () => null,\n        openOnSelect: () => null,\n    },\n};\n\n/**\n * # Make Nested Props\n */\nexport const makeNestedProps = propsFactory(\n    {\n        ...makeSelectedProps(),\n        ...makeOpenStrategyProps(),\n    },\n    \"nested\",\n);\n\n/**\n * # Use Nested List\n * @param props\n */\nexport const useNestedList = (props: NestedProps) => {\n    let isUnmounted = false;\n    const component = getCurrentComponent(\"nested\");\n    const children = ref(new Map<unknown, unknown[]>());\n    const parents = ref(new Map<unknown, unknown>());\n    const selectStrategy = useSelectStrategy(props);\n    const selected: Ref<Map<unknown, Selected>> = useModelProxy(\n        props,\n        \"selected\",\n        props.selected,\n        (values) => {\n            return selectStrategy.value.in(\n                values,\n                children.value,\n                parents.value,\n            );\n        },\n        (values) => {\n            return selectStrategy.value.out(\n                values,\n                children.value,\n                parents.value,\n            );\n        },\n    );\n    const openStrategy = useOpenStrategy(props);\n    const opened = useModelProxy(\n        props,\n        \"opened\",\n        props.opened,\n        (values) => {\n            return new Set(values);\n        },\n        (values) => {\n            return [...values.values()];\n        },\n    );\n\n    onBeforeMount(() => {\n        isUnmounted = true;\n    });\n\n    function getPath(id: unknown) {\n        const path: unknown[] = [];\n        let parent: unknown = id;\n        while (parent != null) {\n            path.unshift(parent);\n            parent = parents.value.get(parent);\n        }\n        return path;\n    }\n\n    const nested: NestedProvide = {\n        id: shallowRef(),\n        root: {\n            children: children,\n            parents: parents,\n            selected: selected,\n            selectedValues: useSelectedValues(selected),\n            select: (id, value, event) => {\n                component.emit(\"click:select\", {\n                    id,\n                    value,\n                    path: getPath(id),\n                    event,\n                });\n                const newSelected = selectStrategy.value.select({\n                    id,\n                    value,\n                    selected: new Map(selected.value),\n                    children: children.value,\n                    parents: parents.value,\n                    event,\n                });\n                newSelected && (selected.value = newSelected);\n\n                nested.root.openOnSelect(id, value, event);\n            },\n            register: (id, parentId, isGroup) => {\n                parentId && id !== parentId && parents.value.set(id, parentId);\n                if (isGroup) {\n                    children.value.set(id, []);\n                }\n                if (parentId != null) {\n                    children.value.set(parentId, [\n                        ...(children.value.get(parentId) || []),\n                        id,\n                    ]);\n                }\n            },\n            unregister: (id) => {\n                if (isUnmounted) {\n                    return;\n                }\n                children.value.delete(id);\n                const parent = parents.value.get(id);\n                if (parent) {\n                    const list = children.value.get(parent) ?? [];\n                    children.value.set(\n                        parent,\n                        list.filter((child) => child !== id),\n                    );\n                }\n                parents.value.delete(id);\n            },\n            opened: opened,\n            open: (id, value, event) => {\n                component.emit(\"click:open\", {\n                    id,\n                    value,\n                    path: getPath(id),\n                    event,\n                });\n                const newOpened = openStrategy.value.open({\n                    id,\n                    value,\n                    opened: new Set(opened.value),\n                    children: children.value,\n                    parents: parents.value,\n                    event,\n                });\n                newOpened && (opened.value = newOpened);\n            },\n            openOnSelect: (id, value, event) => {\n                const newOpened = openStrategy.value.select({\n                    id,\n                    value,\n                    selected: new Map(selected.value),\n                    opened: new Set(opened.value),\n                    children: children.value,\n                    parents: parents.value,\n                    event,\n                });\n                newOpened && (opened.value = newOpened);\n            },\n        },\n    };\n\n    provide(EvNestedSymbol, nested);\n    return nested.root;\n};\n\n/**\n * # Use Nested List Item\n * @param id\n * @param isGroup\n */\nexport const useNestedListItem = (id: Ref<unknown>, isGroup: boolean) => {\n    const parent = inject(EvNestedSymbol, emptyNestedList);\n    const idSymbol = Symbol(getNextId());\n    const idComputed = computed(() => {\n        return id.value !== undefined ? id.value : idSymbol;\n    });\n    const item = {\n        ...parent,\n        id: idComputed,\n        parent: computed(() => parent.root.parents.value.get(idComputed.value)),\n        select: (selected: boolean, e?: Event) => {\n            return parent.root.select(idComputed.value, selected, e);\n        },\n        isSelected: computed(() => {\n            return (\n                parent.root.selected.value.get(toRaw(idComputed.value)) === \"on\"\n            );\n        }),\n        isIndeterminate: computed(() => {\n            return (\n                parent.root.selected.value.get(idComputed.value) ===\n                \"indeterminate\"\n            );\n        }),\n        isLeaf: computed(() => {\n            return !parent.root.children.value.get(idComputed.value);\n        }),\n        isGroupActivator: parent.isGroupActivator,\n    };\n    !parent.isGroupActivator &&\n        parent.root.register(idComputed.value, parent.id.value, isGroup);\n    onBeforeUnmount(() => {\n        !parent.isGroupActivator && parent.root.unregister(idComputed.value);\n    });\n    if (isGroup) {\n        provide(EvNestedSymbol, item);\n    }\n    return item;\n};\n\n/**\n *\n */\nexport const useNestedGroupActivator = () => {\n    const parent = inject(EvNestedSymbol, emptyNestedList);\n    provide(EvNestedSymbol, { ...parent, isGroupActivator: true });\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"nested.mjs","sources":["../../../../../src/composables/lists/nested.ts"],"sourcesContent":["import { SequencedPosition } from \"./sequenced\";\nimport {\n    makeSelectedProps,\n    Selected,\n    SelectStrategyProps,\n    useSelectedValues,\n    useSelectStrategy,\n} from \"./select-strategies\";\nimport {\n    computed,\n    inject,\n    InjectionKey,\n    onBeforeMount,\n    onBeforeUnmount,\n    provide,\n    Ref,\n    ref,\n    shallowRef,\n    toRaw,\n    toValue,\n} from \"vue\";\nimport { getCurrentComponent, getNextId, propsFactory } from \"@/util\";\nimport { useModelProxy } from \"../modelProxy\";\nimport {\n    makeOpenStrategyProps,\n    OpenStrategyProps,\n    useOpenStrategy,\n} from \"@/composables/lists/open-strategies\";\n\n/**\n * # Nested Position\n *\n * Typically applies to requests to move a node within the nested data set.\n *\n * 'inside' - Position a node as a child of another node\n */\nexport type NestedPosition = SequencedPosition & \"inside\";\n\nexport interface NestedProps extends SelectStrategyProps, OpenStrategyProps {}\n\ntype NestedProvide = {\n    id: Ref<unknown>;\n    root: {\n        children: Ref<Map<unknown, unknown[]>>;\n        parents: Ref<Map<unknown, unknown>>;\n        opened: Ref<Set<unknown>>;\n        select: (id: unknown, value: boolean, event?: Event) => void;\n        selected: Ref<Map<unknown, Selected>>;\n        selectedValues: Ref<unknown[]>;\n        register: (id: unknown, parentId: unknown, isGroup?: boolean) => void;\n        unregister: (id: unknown) => void;\n        open: (id: unknown, value: boolean, event?: Event) => void;\n        openOnSelect: (id: unknown, value: boolean, event?: Event) => void;\n        isNested: Ref<boolean>;\n    };\n};\n\nexport const EvNestedSymbol: InjectionKey<NestedProvide> =\n    Symbol.for(\"ev:nested\");\n\n/**\n * # Empty Nested List\n */\nexport const emptyNestedList: NestedProvide = {\n    id: shallowRef(),\n    root: {\n        children: ref(new Map()),\n        parents: ref(new Map()),\n        opened: ref(new Set()),\n        select: () => null,\n        selected: ref(new Map()),\n        selectedValues: ref([]),\n        register: () => null,\n        unregister: () => null,\n        open: () => null,\n        openOnSelect: () => null,\n        isNested: ref(false),\n    },\n};\n\n/**\n * # Make Nested Props\n */\nexport const makeNestedProps = propsFactory(\n    {\n        ...makeSelectedProps(),\n        ...makeOpenStrategyProps(),\n    },\n    \"nested\",\n);\n\n/**\n * # Use Nested List\n * @param props\n */\nexport const useNestedList = (props: NestedProps) => {\n    let isUnmounted = false;\n    const component = getCurrentComponent(\"nested\");\n    const children = ref(new Map<unknown, unknown[]>());\n    const parents = ref(new Map<unknown, unknown>());\n    const selectStrategy = useSelectStrategy(props);\n    const selected: Ref<Map<unknown, Selected>> = useModelProxy(\n        props,\n        \"selected\",\n        props.selected,\n        (values) => {\n            return selectStrategy.value.in(\n                values,\n                children.value,\n                parents.value,\n            );\n        },\n        (values) => {\n            return selectStrategy.value.out(\n                values,\n                children.value,\n                parents.value,\n            );\n        },\n    );\n    const openStrategy = useOpenStrategy(props);\n    const opened = useModelProxy(\n        props,\n        \"opened\",\n        props.opened,\n        (values) => {\n            return new Set(\n                Array.isArray(values)\n                    ? values.map((value) => toRaw(value))\n                    : values,\n            );\n        },\n        (values) => {\n            return [...values.values()];\n        },\n    );\n\n    onBeforeMount(() => {\n        isUnmounted = true;\n    });\n\n    function getPath(id: unknown) {\n        const path: unknown[] = [];\n        let parent: unknown = id;\n        while (parent != null) {\n            path.unshift(parent);\n            parent = parents.value.get(parent);\n        }\n        return path;\n    }\n\n    const nested: NestedProvide = {\n        id: shallowRef(),\n        root: {\n            children: children,\n            parents: parents,\n            selected: selected,\n            selectedValues: useSelectedValues(selected),\n            select: (id, value, event) => {\n                component.emit(\"click:select\", {\n                    id,\n                    value,\n                    path: getPath(id),\n                    event,\n                });\n                const newSelected = selectStrategy.value.select({\n                    id,\n                    value,\n                    selected: new Map(selected.value),\n                    children: children.value,\n                    parents: parents.value,\n                    event,\n                });\n                newSelected && (selected.value = newSelected);\n\n                nested.root.openOnSelect(id, value, event);\n            },\n            register: (id, parentId, isGroup) => {\n                parentId && id !== parentId && parents.value.set(id, parentId);\n                if (isGroup) {\n                    children.value.set(id, []);\n                }\n                if (parentId != null) {\n                    children.value.set(parentId, [\n                        ...(children.value.get(parentId) || []),\n                        id,\n                    ]);\n                }\n            },\n            unregister: (id) => {\n                if (isUnmounted) {\n                    return;\n                }\n                children.value.delete(id);\n                const parent = parents.value.get(id);\n                if (parent) {\n                    const list = children.value.get(parent) ?? [];\n                    children.value.set(\n                        parent,\n                        list.filter((child) => child !== id),\n                    );\n                }\n                parents.value.delete(id);\n            },\n            opened: opened,\n            open: (id, value, event) => {\n                component.emit(\"click:open\", {\n                    id,\n                    value,\n                    path: getPath(id),\n                    event,\n                });\n                const newOpened = openStrategy.value.open({\n                    id,\n                    value,\n                    opened: new Set(opened.value),\n                    children: children.value,\n                    parents: parents.value,\n                    event,\n                });\n                newOpened && (opened.value = newOpened);\n            },\n            openOnSelect: (id, value, event) => {\n                const newOpened = openStrategy.value.select({\n                    id,\n                    value,\n                    selected: new Map(selected.value),\n                    opened: new Set(opened.value),\n                    children: children.value,\n                    parents: parents.value,\n                    event,\n                });\n                newOpened && (opened.value = newOpened);\n            },\n            isNested: computed(() => parents.value.size > 0),\n        },\n    };\n\n    provide(EvNestedSymbol, nested);\n    return nested.root;\n};\n\n/**\n * # Use Nested List Item\n * @param id\n * @param isGroup\n */\nexport const useNestedListItem = (id: Ref<unknown>, isGroup: boolean) => {\n    const parent = inject(EvNestedSymbol, emptyNestedList);\n    const idSymbol = Symbol(getNextId());\n    const idComputed = computed(() => {\n        const idValue = toRaw(toValue(id));\n        return idValue !== undefined ? idValue : idSymbol;\n    });\n    const item = {\n        ...parent,\n        id: idComputed,\n        open: (open: boolean, e: Event) => {\n            parent.root.open(idComputed.value, open, e);\n        },\n        openOnSelect: (open: boolean, e?: Event) => {\n            parent.root.openOnSelect(idComputed.value, open, e);\n        },\n        isOpen: computed(() => {\n            console.log(idComputed.value);\n            console.log(parent.root.opened.value);\n            return parent.root.opened.value.has(idComputed.value);\n        }),\n        parent: computed(() => parent.root.parents.value.get(idComputed.value)),\n        select: (selected: boolean, e?: Event) => {\n            return parent.root.select(idComputed.value, selected, e);\n        },\n        isSelected: computed(() => {\n            return (\n                parent.root.selected.value.get(toRaw(idComputed.value)) === \"on\"\n            );\n        }),\n        isIndeterminate: computed(() => {\n            return (\n                parent.root.selected.value.get(idComputed.value) ===\n                \"indeterminate\"\n            );\n        }),\n        isLeaf: computed(() => {\n            return !parent.root.children.value.get(idComputed.value);\n        }),\n    };\n    parent.root.register(idComputed.value, parent.id.value, isGroup);\n    onBeforeUnmount(() => {\n        parent.root.unregister(idComputed.value);\n    });\n    if (isGroup) {\n        provide(EvNestedSymbol, item);\n    }\n    return item;\n};\n\n"],"names":[],"mappings":"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"}

package/dist/esm/src/composables/lists/open-strategies.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { computed } from "vue";
 import { singleOpenStrategy } from "./open-strategy/single.mjs";
 import { multipleOpenStrategy } from "./open-strategy/multiple.mjs";

package/dist/esm/src/composables/lists/open-strategy/list.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { multipleOpenStrategy } from "./multiple.mjs";
 const listOpenStrategy = {
   open: multipleOpenStrategy.open,

package/dist/esm/src/composables/lists/open-strategy/multiple.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 const multipleOpenStrategy = {
   open: ({ id, value, opened, parents }) => {
     if (value) {

package/dist/esm/src/composables/lists/open-strategy/single.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 const singleOpenStrategy = {
   open: ({ id, value, opened, parents }) => {
     if (value) {

package/dist/esm/src/composables/lists/select-strategies.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { computed } from "vue";
 import { singleAny } from "./select-strategy/single-any.mjs";
 import { cascadeLeaf } from "./select-strategy/cascade-leaf.mjs";

package/dist/esm/src/composables/lists/select-strategy/cascade-leaf.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { toRaw } from "vue";
 const cascadeLeaf = (isRequired) => {
   const strategy = {

package/dist/esm/src/composables/lists/select-strategy/multi-any.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { toRaw } from "vue";
 const multiAny = (isRequired) => {
   const selectFn = (data) => {

package/dist/esm/src/composables/lists/select-strategy/multi-leaf.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { multiAny } from "./multi-any.mjs";
 import { toRaw } from "vue";
 const multiLeaf = (isRequired) => {

package/dist/esm/src/composables/lists/select-strategy/single-any.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { multiAny } from "./multi-any.mjs";
 import { toRaw } from "vue";
 const singleAny = (isRequired) => {

package/dist/esm/src/composables/lists/select-strategy/single-leaf.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { singleAny } from "./single-any.mjs";
 import { toRaw } from "vue";
 const singleLeaf = (isRequired) => {

package/dist/esm/src/composables/locale.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { shallowRef, inject } from "vue";
 import { LocaleManager } from "../modules/Locale/LocaleManager.mjs";
 const LocaleSymbol = Symbol.for("ev:locale");

package/dist/esm/src/composables/modelProxy.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { ref, computed, toRaw, watch } from "vue";
 import { useToggleScope } from "./toggleScope.mjs";
 import { getCurrentComponent } from "../util/components.mjs";

package/dist/esm/src/composables/notification.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { inject } from "vue";
 const EvNotificationServiceSymbol = Symbol.for("ev:notification-service");
 function injectNotifications() {

package/dist/esm/src/composables/position.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { computed } from "vue";
 import { useRtl } from "./locale.mjs";
 import { Anchor } from "../util/anchor.mjs";

package/dist/esm/src/composables/resizeObserver.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { ref, onBeforeUnmount, watch, readonly } from "vue";
 import { Browser } from "../util/browser.mjs";
 import { refElement } from "../util/helpers.mjs";

package/dist/esm/src/composables/rounded.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { computed, isRef } from "vue";
 import { propsFactory } from "../util/props.mjs";
 const makeRoundedProps = propsFactory(

package/dist/esm/src/composables/router.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { resolveDynamicComponent, toRef, computed, nextTick, onScopeDispose } from "vue";
 import { hasEventListener } from "../util/events.mjs";
 import { propsFactory } from "../util/props.mjs";

package/dist/esm/src/composables/scopeId.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { getCurrentComponent } from "../util/components.mjs";
 function useScopeId() {
   const component = getCurrentComponent("useScopeId");

package/dist/esm/src/composables/selectLink.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { watch, nextTick } from "vue";
 function useSelectLink(link, select) {
   watch(

package/dist/esm/src/composables/size.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { destructComputed } from "../util/helpers.mjs";
 import { propsFactory } from "../util/props.mjs";
 import { toWebUnit } from "../util/units.mjs";

package/dist/esm/src/composables/ssrBoot.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { shallowRef, onMounted, computed, readonly } from "vue";
 function useSsrBoot() {
   const isBooted = shallowRef(false);

package/dist/esm/src/composables/stack.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { inject, reactive, provide, shallowRef, watchEffect, computed, readonly, onScopeDispose, toRaw } from "vue";
 import { useToggleScope } from "./toggleScope.mjs";
 import { getCurrentComponent } from "../util/components.mjs";

package/dist/esm/src/composables/tag.mjs

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

package/dist/esm/src/composables/teleport.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { computed } from "vue";
 import { Browser } from "../util/browser.mjs";
 import { isString } from "../util/is-functions.mjs";

package/dist/esm/src/composables/theme.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { inject, computed, provide, ref } from "vue";
 import { propsFactory } from "../util/props.mjs";
 import { getCurrentComponent } from "../util/components.mjs";

package/dist/esm/src/composables/time.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 function inferTimeFormat(value) {
   if (value instanceof Date) {
     return "date";

package/dist/esm/src/composables/toggleScope.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { watch, onScopeDispose, effectScope } from "vue";
 function useToggleScope(source, fn) {
   let scope;

package/dist/esm/src/composables/validation.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { makeFocusProps } from "./focus.mjs";
 import { useForm } from "./form.mjs";
 import { FormField } from "../modules/Form/FormField.mjs";

package/dist/esm/src/composables/virtual.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { shallowRef, watchEffect, ref, computed, watch, onScopeDispose, nextTick } from "vue";
 import { useResizeObserver } from "./resizeObserver.mjs";
 import { useDisplay } from "./display.mjs";

package/dist/esm/src/directives/click-outside.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { isShadowRoot, isObject, isFunction } from "../util/is-functions.mjs";
 function getRoot(el) {
   const root = el.getRootNode();

package/dist/esm/src/directives/index.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { clickOutside } from "./click-outside.mjs";
 import { Intersect } from "./intersect.mjs";
 import { SlotsDirective } from "./slots.mjs";

package/dist/esm/src/directives/intersect.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { Browser } from "../util/browser.mjs";
 function mounted(el, binding) {
   if (!Browser.supportsIntersection) {

package/dist/esm/src/directives/slots.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 const SlotsDirective = {
   beforeMount(el, binding, vnode) {
     const slots = binding.value || {};

package/dist/esm/src/directives/touch.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { keys } from "../util/helpers.mjs";
 const handleGesture = (wrapper) => {
   const { touchstartX, touchendX, touchstartY, touchendY } = wrapper;

package/dist/esm/src/framework.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { createDisplay, DisplaySymbol } from "./composables/display.mjs";
 import { calculateDisplayRuleValue, useBreakpointClasses, useDisplay, useDisplayRuleClasses } from "./composables/display.mjs";
 import { nextTick } from "vue";

package/dist/esm/src/icons/brand/glyph/AmazonIcon.svg.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   width: "24",

package/dist/esm/src/icons/brand/glyph/AppleIcon.svg.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   width: "24",

package/dist/esm/src/icons/brand/glyph/BehanceIcon.svg.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   width: "24",

package/dist/esm/src/icons/brand/glyph/BitbucketIcon.svg.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   width: "24",

package/dist/esm/src/icons/brand/glyph/DiscordIcon.svg.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   width: "24",

package/dist/esm/src/icons/brand/glyph/DribbbleIcon.svg.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   width: "24",

package/dist/esm/src/icons/brand/glyph/FacebookIcon.svg.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   width: "24",

package/dist/esm/src/icons/brand/glyph/FlickrIcon.svg.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   width: "24",

package/dist/esm/src/icons/brand/glyph/GitHubIcon.svg.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   width: "24",

package/dist/esm/src/icons/brand/glyph/GoogleIcon.svg.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   width: "24",

package/dist/esm/src/icons/brand/glyph/HubSpotIcon.svg.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   width: "24",

package/dist/esm/src/icons/brand/glyph/InstagramIcon.svg.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   width: "24",

package/dist/esm/src/icons/brand/glyph/LinkedInIcon.svg.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.2 | MIT License */
+/*! Evance UI v1.1.3 | MIT License */
 import { createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   width: "24",