@evance/evance-ui 1.0.21 → 1.0.23

package/dist/esm/group-CnUHuY55.mjs

@@ -0,0 +1,232 @@
+/*! Evance UI v1.0.22 | MIT License */
+import { reactive, onMounted, onBeforeUnmount, computed, toRef, provide } from "vue";
+import { u as useModelProxy } from "./modelProxy-CSMeEMY2.mjs";
+import { c as isDeepEqual } from "./is-functions-DQpk9b7r.mjs";
+import { w as wrapInArray } from "./helpers-DYAh4V65.mjs";
+import { p as propsFactory } from "./props-BsNImxYd.mjs";
+import { g as getCurrentComponent } from "./components-BZKZQF_h.mjs";
+import { c as consoleWarn } from "./console-Bni1OTFV.mjs";
+function findChildren(vnode) {
+  var _a;
+  if (!vnode || typeof vnode !== "object") {
+    return [];
+  }
+  if (Array.isArray(vnode)) {
+    return vnode.map((child) => findChildren(child)).filter((v) => v).flat(1);
+  } else if (Array.isArray(vnode.children)) {
+    return vnode.children.map((child) => findChildren(child)).filter((v) => v).flat(1);
+  } else if (vnode.component) {
+    return [vnode.component, ...findChildren((_a = vnode.component) == null ? void 0 : _a.subTree)].filter((v) => v).flat(1);
+  }
+  return [];
+}
+function findChildrenWithProvide(key, vnode) {
+  if (!vnode || typeof vnode !== "object") {
+    return [];
+  }
+  if (Array.isArray(vnode)) {
+    return vnode.map((child) => findChildrenWithProvide(key, child)).flat(1);
+  } else if (Array.isArray(vnode.children)) {
+    return vnode.children.map((child) => findChildrenWithProvide(key, child)).flat(1);
+  } else if (vnode.component) {
+    if (Object.getOwnPropertySymbols(vnode.component.provides).includes(
+      key
+    )) {
+      return [vnode.component];
+    } else if (vnode.component.subTree) {
+      return findChildrenWithProvide(key, vnode.component.subTree).flat(
+        1
+      );
+    }
+  }
+  return [];
+}
+function focusableChildren(el, filterByTabIndex = true) {
+  const targets = [
+    "button",
+    "[href]",
+    'input:not([type="hidden"])',
+    "select",
+    "textarea",
+    "[tabindex]"
+  ].map(
+    (s) => `${s}${filterByTabIndex ? ':not([tabindex="-1"])' : ""}:not([disabled])`
+  ).join(", ");
+  return [...el.querySelectorAll(targets)];
+}
+const makeGroupProps = propsFactory(
+  {
+    modelValue: {
+      type: null,
+      default: void 0
+    },
+    multiple: Boolean,
+    mandatory: [Boolean, String],
+    max: Number,
+    selectedClass: String,
+    selectedAppearance: String,
+    selectedVariant: String,
+    disabled: Boolean
+  },
+  "group"
+);
+function getItemIndex(items, value) {
+  const ids = getIds(items, [value]);
+  if (!ids.length) {
+    return -1;
+  }
+  return items.findIndex((item) => item.id === ids[0]);
+}
+function getIds(items, modelValue) {
+  const ids = [];
+  modelValue.forEach((value) => {
+    const item = items.find((item2) => isDeepEqual(value, item2.value));
+    const itemByIndex = items[value];
+    if ((item == null ? void 0 : item.value) != null) {
+      ids.push(item.id);
+    } else if (itemByIndex != null) {
+      ids.push(itemByIndex.id);
+    }
+  });
+  return ids;
+}
+function getValues(items, ids) {
+  const values = [];
+  ids.forEach((id) => {
+    const itemIndex = items.findIndex((item) => item.id === id);
+    if (~itemIndex) {
+      const item = items[itemIndex];
+      values.push(item.value != null ? item.value : itemIndex);
+    }
+  });
+  return values;
+}
+function useGroup(props, injectKey) {
+  let isUnmounted = false;
+  const items = reactive([]);
+  const selected = useModelProxy(
+    props,
+    "modelValue",
+    [],
+    (value) => {
+      return value == null ? [] : getIds(items, wrapInArray(value));
+    },
+    (value) => {
+      const values = getValues(items, value);
+      return props.multiple ? values : values[0];
+    }
+  );
+  const groupComponent = getCurrentComponent("useGroup");
+  function register(item, itemComponent) {
+    const unwrapped = item;
+    const key = Symbol.for(`${injectKey.description}:id`);
+    const children = findChildrenWithProvide(key, groupComponent == null ? void 0 : groupComponent.vnode);
+    const index = children.indexOf(itemComponent);
+    if (index > -1) {
+      items.splice(index, 0, unwrapped);
+    } else {
+      items.push(unwrapped);
+    }
+  }
+  function unregister(id) {
+    if (isUnmounted) {
+      return;
+    }
+    forceMandatoryValue();
+    const index = items.findIndex((item) => item.id === id);
+    items.splice(index, 1);
+  }
+  function forceMandatoryValue() {
+    const item = items.find((item2) => !item2.disabled);
+    if (item && props.mandatory === "force" && !selected.value.length) {
+      selected.value = [item.id];
+    }
+  }
+  onMounted(() => {
+    forceMandatoryValue();
+  });
+  onBeforeUnmount(() => {
+    isUnmounted = true;
+  });
+  function select(id, value) {
+    const item = items.find((item2) => item2.id === id);
+    if (value && (item == null ? void 0 : item.disabled)) {
+      return;
+    }
+    if (props.multiple) {
+      const internalValue = selected.value.slice();
+      const index = internalValue.findIndex((v) => v === id);
+      const isSelected = ~index;
+      value = value ?? !isSelected;
+      if (isSelected && props.mandatory && internalValue.length <= 1) {
+        return;
+      }
+      if (!isSelected && props.max != null && internalValue.length + 1 > props.max) {
+        return;
+      }
+      if (index < 0 && value) {
+        internalValue.push(id);
+      } else if (index >= 0 && !value) {
+        internalValue.splice(index, 1);
+      }
+      selected.value = internalValue;
+    } else {
+      const isSelected = selected.value.includes(id);
+      if (props.mandatory && isSelected) {
+        return;
+      }
+      selected.value = value ?? !isSelected ? [id] : [];
+    }
+  }
+  function step(offset) {
+    if (props.multiple) {
+      consoleWarn(
+        'This method is not supported when using "multiple" prop'
+      );
+    }
+    if (!selected.value.length) {
+      const item = items.find((item2) => !item2.disabled);
+      if (item) {
+        selected.value = [item.id];
+      }
+    } else {
+      const currentId = selected.value[0];
+      const currentIndex = items.findIndex((i) => i.id === currentId);
+      let newIndex = (currentIndex + offset) % items.length;
+      let newItem = items[newIndex];
+      while (newItem.disabled && newIndex !== currentIndex) {
+        newIndex = (newIndex + offset) % items.length;
+        newItem = items[newIndex];
+      }
+      if (newItem.disabled) {
+        return;
+      }
+      selected.value = [items[newIndex].id];
+    }
+  }
+  const state = {
+    register,
+    unregister,
+    selected,
+    select,
+    disabled: toRef(props, "disabled"),
+    previous: () => step(items.length - 1),
+    next: () => step(1),
+    isSelected: (id) => selected.value.includes(id),
+    selectedClass: computed(() => props.selectedClass),
+    selectedAppearance: computed(() => props.selectedAppearance),
+    selectedVariant: computed(() => props.selectedVariant),
+    items: computed(() => items),
+    getItemIndex: (value) => getItemIndex(items, value)
+  };
+  provide(injectKey, state);
+  return state;
+}
+export {
+  findChildren as a,
+  findChildrenWithProvide as b,
+  focusableChildren as f,
+  makeGroupProps as m,
+  useGroup as u
+};
+//# sourceMappingURL=group-CnUHuY55.mjs.map

package/dist/esm/group-CnUHuY55.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-CnUHuY55.mjs","sources":["../../src/util/children.ts","../../src/composables/group.ts"],"sourcesContent":["import { ComponentInternalInstance, InjectionKey, VNodeChild } from \"vue\";\n\n/**\n * # findChildren\n *\n * @param vnode\n */\nexport function findChildren(vnode?: VNodeChild): ComponentInternalInstance[] {\n    if (!vnode || typeof vnode !== \"object\") {\n        return [];\n    }\n    if (Array.isArray(vnode)) {\n        return vnode\n            .map((child) => findChildren(child))\n            .filter((v) => v)\n            .flat(1);\n    } else if (Array.isArray(vnode.children)) {\n        return vnode.children\n            .map((child) => findChildren(child))\n            .filter((v) => v)\n            .flat(1);\n    } else if (vnode.component) {\n        return [vnode.component, ...findChildren(vnode.component?.subTree)]\n            .filter((v) => v)\n            .flat(1);\n    }\n    return [];\n}\n\n/**\n * # findChildrenWithProvide\n *\n * @param key\n * @param vnode\n */\nexport function findChildrenWithProvide(\n    key: InjectionKey<any> | symbol,\n    vnode?: VNodeChild,\n): ComponentInternalInstance[] {\n    if (!vnode || typeof vnode !== \"object\") {\n        return [];\n    }\n    if (Array.isArray(vnode)) {\n        return vnode\n            .map((child) => findChildrenWithProvide(key, child))\n            .flat(1);\n    } else if (Array.isArray(vnode.children)) {\n        return vnode.children\n            .map((child) => findChildrenWithProvide(key, child))\n            .flat(1);\n    } else if (vnode.component) {\n        if (\n            Object.getOwnPropertySymbols(vnode.component.provides).includes(\n                key as symbol,\n            )\n        ) {\n            return [vnode.component];\n        } else if (vnode.component.subTree) {\n            return findChildrenWithProvide(key, vnode.component.subTree).flat(\n                1,\n            );\n        }\n    }\n    return [];\n}\n\n/**\n * # focusableChildren\n *\n * Find children within the supplied `el` we focus to.\n *\n * @param el\n * @param filterByTabIndex\n */\nexport function focusableChildren(el: Element, filterByTabIndex = true) {\n    const targets = [\n        \"button\",\n        \"[href]\",\n        'input:not([type=\"hidden\"])',\n        \"select\",\n        \"textarea\",\n        \"[tabindex]\",\n    ]\n        .map(\n            (s) =>\n                `${s}${filterByTabIndex ? ':not([tabindex=\"-1\"])' : \"\"}:not([disabled])`,\n        )\n        .join(\", \");\n    return [...el.querySelectorAll(targets)] as HTMLElement[];\n}\n","import {\n    consoleWarn,\n    EventProp,\n    findChildrenWithProvide,\n    getCurrentComponent,\n    isDeepEqual,\n    propsFactory,\n    wrapInArray,\n} from \"@/util\";\nimport {\n    ComponentInternalInstance,\n    computed,\n    ComputedRef,\n    InjectionKey,\n    onBeforeUnmount,\n    onMounted,\n    PropType,\n    provide,\n    reactive,\n    Ref,\n    toRef,\n    UnwrapRef,\n} from \"vue\";\nimport { GroupItem } from \"@/composables/groupItem\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\n\n/**\n * # GroupProps\n */\nexport interface GroupProps {\n    disabled: boolean;\n    modelValue: unknown;\n    multiple?: boolean;\n    mandatory?: boolean | \"force\" | undefined;\n    max?: number | undefined;\n    selectedClass: string | undefined;\n    selectedAppearance: string | undefined;\n    selectedVariant: string | undefined;\n    \"onUpdate:modelValue\": EventProp<[unknown]> | undefined;\n}\n\n/**\n * # GroupProvide\n */\nexport interface GroupProvide {\n    register: (item: GroupItem, cmp: ComponentInternalInstance) => void;\n    unregister: (id: number) => void;\n    select: (id: number, value: boolean) => void;\n    selected: Ref<Readonly<number[]>>;\n    isSelected: (id: number) => boolean;\n    previous: () => void;\n    next: () => void;\n    selectedClass: Ref<string | undefined>;\n    selectedAppearance: Ref<string | undefined>;\n    selectedVariant: Ref<string | undefined>;\n    items: ComputedRef<\n        {\n            id: number;\n            value: unknown;\n            disabled: boolean | undefined;\n        }[]\n    >;\n    disabled: Ref<boolean | undefined>;\n    getItemIndex: (value: unknown) => number;\n}\n\n/**\n * # makeGroupProps\n */\nexport const makeGroupProps = propsFactory(\n    {\n        modelValue: {\n            type: null,\n            default: undefined,\n        },\n        multiple: Boolean,\n        mandatory: [Boolean, String] as PropType<boolean | \"force\">,\n        max: Number,\n        selectedClass: String,\n        selectedAppearance: String,\n        selectedVariant: String,\n        disabled: Boolean,\n    },\n    \"group\",\n);\n\n/**\n * # getItemIndex\n *\n * @param items\n * @param value\n */\nfunction getItemIndex(items: UnwrapRef<GroupItem[]>, value: unknown): number {\n    const ids = getIds(items, [value]);\n    if (!ids.length) {\n        return -1;\n    }\n    return items.findIndex((item) => item.id === ids[0]);\n}\n\n/**\n * ## getIds\n *\n * @param items\n * @param modelValue\n */\nfunction getIds(items: UnwrapRef<GroupItem[]>, modelValue: any[]): number[] {\n    const ids: number[] = [];\n    modelValue.forEach((value) => {\n        const item = items.find((item) => isDeepEqual(value, item.value));\n        const itemByIndex = items[value];\n        if (item?.value != null) {\n            ids.push(item.id);\n        } else if (itemByIndex != null) {\n            ids.push(itemByIndex.id);\n        }\n    });\n    return ids;\n}\n\n/**\n * ## getValues\n *\n * @param items\n * @param ids\n */\nfunction getValues(items: UnwrapRef<GroupItem[]>, ids: any[]): unknown[] {\n    const values: unknown[] = [];\n    ids.forEach((id) => {\n        const itemIndex = items.findIndex((item) => item.id === id);\n        if (~itemIndex) {\n            const item = items[itemIndex];\n            values.push(item.value != null ? item.value : itemIndex);\n        }\n    });\n    return values;\n}\n\n/**\n * # useGroup\n *\n * @param props\n * @param injectKey\n */\nexport function useGroup(\n    props: GroupProps,\n    injectKey: InjectionKey<GroupProvide>,\n) {\n    let isUnmounted = false;\n    const items = reactive<GroupItem[]>([]);\n\n    const selected = useModelProxy(\n        props,\n        \"modelValue\",\n        [],\n        (value) => {\n            return value == null ? [] : getIds(items, wrapInArray(value));\n        },\n        (value) => {\n            const values = getValues(items, value);\n            return props.multiple ? values : values[0];\n        },\n    );\n\n    const groupComponent = getCurrentComponent(\"useGroup\");\n\n    function register(\n        item: GroupItem,\n        itemComponent: ComponentInternalInstance,\n    ) {\n        // Is there a better way to fix this typing?\n        const unwrapped = item as unknown as UnwrapRef<GroupItem>;\n        const key = Symbol.for(`${injectKey.description}:id`);\n        const children = findChildrenWithProvide(key, groupComponent?.vnode);\n        const index = children.indexOf(itemComponent);\n\n        if (index > -1) {\n            items.splice(index, 0, unwrapped);\n        } else {\n            items.push(unwrapped);\n        }\n    }\n\n    function unregister(id: number) {\n        if (isUnmounted) {\n            return;\n        }\n        // TODO: re-evaluate this line's importance in the future\n        // should we only modify the model if mandatory is set.\n        // selected.value = selected.value.filter(v => v !== id)\n        forceMandatoryValue();\n\n        const index = items.findIndex((item) => item.id === id);\n        items.splice(index, 1);\n    }\n\n    // If mandatory and nothing is selected, then select first non-disabled item\n    function forceMandatoryValue() {\n        const item = items.find((item) => !item.disabled);\n        if (item && props.mandatory === \"force\" && !selected.value.length) {\n            selected.value = [item.id];\n        }\n    }\n\n    onMounted(() => {\n        forceMandatoryValue();\n    });\n\n    onBeforeUnmount(() => {\n        isUnmounted = true;\n    });\n\n    function select(id: number, value?: boolean) {\n        const item = items.find((item) => item.id === id);\n        if (value && item?.disabled) {\n            return;\n        }\n\n        if (props.multiple) {\n            const internalValue = selected.value.slice();\n            const index = internalValue.findIndex((v: number) => v === id);\n            const isSelected = ~index;\n            value = value ?? !isSelected;\n\n            // We can't remove value if group is mandatory, value already exists, and it is the only value\n            if (isSelected && props.mandatory && internalValue.length <= 1) {\n                return;\n            }\n\n            // We can't add value if it would cause max limit to be exceeded\n            if (\n                !isSelected &&\n                props.max != null &&\n                internalValue.length + 1 > props.max\n            ) {\n                return;\n            }\n\n            if (index < 0 && value) {\n                internalValue.push(id);\n            } else if (index >= 0 && !value) {\n                internalValue.splice(index, 1);\n            }\n\n            selected.value = internalValue;\n        } else {\n            const isSelected = selected.value.includes(id);\n            if (props.mandatory && isSelected) {\n                return;\n            }\n            selected.value = value ?? !isSelected ? [id] : [];\n        }\n    }\n\n    function step(offset: number) {\n        // getting an offset from selected value obviously won't work with multiple values\n        if (props.multiple) {\n            consoleWarn(\n                'This method is not supported when using \"multiple\" prop',\n            );\n        }\n\n        if (!selected.value.length) {\n            const item = items.find((item) => !item.disabled);\n            if (item) {\n                selected.value = [item.id];\n            }\n        } else {\n            const currentId = selected.value[0];\n            const currentIndex = items.findIndex((i) => i.id === currentId);\n\n            let newIndex = (currentIndex + offset) % items.length;\n            let newItem = items[newIndex];\n\n            while (newItem.disabled && newIndex !== currentIndex) {\n                newIndex = (newIndex + offset) % items.length;\n                newItem = items[newIndex];\n            }\n\n            if (newItem.disabled) {\n                return;\n            }\n            selected.value = [items[newIndex].id];\n        }\n    }\n\n    const state: GroupProvide = {\n        register,\n        unregister,\n        selected,\n        select,\n        disabled: toRef(props, \"disabled\"),\n        previous: () => step(items.length - 1),\n        next: () => step(1),\n        isSelected: (id: number) => selected.value.includes(id),\n        selectedClass: computed(() => props.selectedClass),\n        selectedAppearance: computed(() => props.selectedAppearance),\n        selectedVariant: computed(() => props.selectedVariant),\n        items: computed(() => items),\n        getItemIndex: (value: unknown) => getItemIndex(items, value),\n    };\n\n    provide(injectKey, state);\n\n    return state;\n}\n"],"names":["item"],"mappings":"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"}

package/dist/esm/groupItem-C4yJFAiM.mjs

@@ -0,0 +1,81 @@
+/*! Evance UI v1.0.22 | MIT License */
+import { provide, inject, toRef, computed, onBeforeUnmount, watch } from "vue";
+import { g as getNextId } from "./helpers-DYAh4V65.mjs";
+import { p as propsFactory } from "./props-BsNImxYd.mjs";
+import { g as getCurrentComponent } from "./components-BZKZQF_h.mjs";
+const makeGroupItemProps = propsFactory(
+  {
+    value: null,
+    disabled: Boolean,
+    selectedClass: String,
+    selectedAppearance: String,
+    selectedVariant: String
+  },
+  "group-item"
+);
+function useGroupItem(props, injectKey, required) {
+  const component = getCurrentComponent("useGroupItem");
+  if (!component) {
+    throw new Error(
+      "Evance UI: `useGroupItem()` composable must be used inside a component setup function"
+    );
+  }
+  const id = getNextId();
+  provide(Symbol.for(`${injectKey.description}:id`), id);
+  const group = inject(injectKey, null);
+  if (!group) {
+    if (!required) {
+      return void 0;
+    }
+    throw new Error(
+      `Evance UI: Could not find \`useGroup()\` injection with symbol '${injectKey.description}'.`
+    );
+  }
+  const value = toRef(props, "value");
+  const disabled = computed(() => {
+    return !!(group.disabled.value || props.disabled);
+  });
+  const isSelected = computed(() => {
+    return group.isSelected(id);
+  });
+  const selectedClass = computed(() => {
+    return isSelected.value && [group.selectedClass.value, props.selectedClass];
+  });
+  const selectedAppearance = computed(() => {
+    return isSelected.value ? props.selectedAppearance ?? (group == null ? void 0 : group.selectedAppearance.value) : void 0;
+  });
+  const selectedVariant = computed(() => {
+    return isSelected.value ? props.selectedVariant ?? (group == null ? void 0 : group.selectedVariant.value) : void 0;
+  });
+  group.register(
+    {
+      id,
+      value,
+      disabled
+    },
+    component
+  );
+  onBeforeUnmount(() => {
+    group.unregister(id);
+  });
+  watch(isSelected, (value2) => {
+    component.emit("group:selected", { value: value2 });
+  });
+  return {
+    id,
+    isSelected,
+    toggle: () => group.select(id, !isSelected.value),
+    select: (value2) => group.select(id, value2),
+    selectedClass,
+    selectedAppearance,
+    selectedVariant,
+    value,
+    disabled,
+    group
+  };
+}
+export {
+  makeGroupItemProps as m,
+  useGroupItem as u
+};
+//# sourceMappingURL=groupItem-C4yJFAiM.mjs.map

package/dist/esm/groupItem-C4yJFAiM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupItem-C4yJFAiM.mjs","sources":["../../src/composables/groupItem.ts"],"sourcesContent":["import {\n    EventProp,\n    getCurrentComponent,\n    getNextId,\n    propsFactory,\n} from \"@/util\";\nimport {\n    computed,\n    ExtractPropTypes,\n    inject,\n    InjectionKey,\n    onBeforeUnmount,\n    provide,\n    Ref,\n    toRef,\n    watch,\n} from \"vue\";\nimport { GroupProvide } from \"@/composables/group\";\n\n/**\n * # GroupItem\n */\nexport interface GroupItem {\n    id: number;\n    value: Ref<unknown>;\n    disabled: Ref<boolean | undefined>;\n}\n\n/**\n * # GroupItemProvide\n */\nexport interface GroupItemProvide {\n    id: number;\n    isSelected: Ref<boolean>;\n    toggle: () => void;\n    select: (value: boolean) => void;\n    selectedClass: Ref<(string | undefined)[] | false>;\n    selectedAppearance: Ref<string | undefined>;\n    selectedVariant: Ref<string | undefined>;\n    value: Ref<unknown>;\n    disabled: Ref<boolean | undefined>;\n    group: GroupProvide;\n}\n\n/**\n * # makeGroupItemProps\n */\nexport const makeGroupItemProps = propsFactory(\n    {\n        value: null,\n        disabled: Boolean,\n        selectedClass: String,\n        selectedAppearance: String,\n        selectedVariant: String,\n    },\n    \"group-item\",\n);\n\n/**\n * # GroupItemProps\n */\nexport interface GroupItemProps\n    extends ExtractPropTypes<ReturnType<typeof makeGroupItemProps>> {\n    \"onGroup:selected\"?: EventProp<[{ value: boolean }]> | undefined;\n}\n\n/**\n * # useGroupItem\n */\nexport function useGroupItem(\n    props: GroupItemProps,\n    injectKey: InjectionKey<GroupProvide>,\n    required?: boolean,\n): GroupItemProvide | undefined {\n    const component = getCurrentComponent(\"useGroupItem\");\n    if (!component) {\n        throw new Error(\n            \"Evance UI: `useGroupItem()` composable must be used inside a component setup function\",\n        );\n    }\n    const id = getNextId();\n    provide(Symbol.for(`${injectKey.description}:id`), id);\n\n    const group = inject(injectKey, null);\n    if (!group) {\n        if (!required) {\n            return undefined;\n        }\n        throw new Error(\n            `Evance UI: Could not find \\`useGroup()\\` injection with symbol '${injectKey.description}'.`,\n        );\n    }\n\n    const value = toRef(props, \"value\");\n    const disabled = computed(() => {\n        return !!(group.disabled.value || props.disabled);\n    });\n    const isSelected = computed(() => {\n        return group.isSelected(id);\n    });\n    const selectedClass = computed(() => {\n        return (\n            isSelected.value && [group.selectedClass.value, props.selectedClass]\n        );\n    });\n    const selectedAppearance = computed(() => {\n        return isSelected.value\n            ? props.selectedAppearance ?? group?.selectedAppearance.value\n            : undefined;\n    });\n    const selectedVariant = computed(() => {\n        return isSelected.value\n            ? props.selectedVariant ?? group?.selectedVariant.value\n            : undefined;\n    });\n\n    group.register(\n        {\n            id,\n            value,\n            disabled,\n        },\n        component,\n    );\n\n    onBeforeUnmount(() => {\n        group.unregister(id);\n    });\n\n    watch(isSelected, (value) => {\n        component.emit(\"group:selected\", { value });\n    });\n\n    return {\n        id,\n        isSelected,\n        toggle: () => group.select(id, !isSelected.value),\n        select: (value: boolean) => group.select(id, value),\n        selectedClass,\n        selectedAppearance,\n        selectedVariant,\n        value,\n        disabled,\n        group,\n    };\n}\n"],"names":["value"],"mappings":";;;;;AA+CO,MAAM,qBAAqB;AAAA,EAC9B;AAAA,IACI,OAAO;AAAA,IACP,UAAU;AAAA,IACV,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,EACrB;AAAA,EACA;AACJ;AAagB,SAAA,aACZ,OACA,WACA,UAC4B;AACtB,QAAA,YAAY,oBAAoB,cAAc;AACpD,MAAI,CAAC,WAAW;AACZ,UAAM,IAAI;AAAA,MACN;AAAA,IACJ;AAAA,EAAA;AAEJ,QAAM,KAAK,UAAU;AACrB,UAAQ,OAAO,IAAI,GAAG,UAAU,WAAW,KAAK,GAAG,EAAE;AAE/C,QAAA,QAAQ,OAAO,WAAW,IAAI;AACpC,MAAI,CAAC,OAAO;AACR,QAAI,CAAC,UAAU;AACJ,aAAA;AAAA,IAAA;AAEX,UAAM,IAAI;AAAA,MACN,mEAAmE,UAAU,WAAW;AAAA,IAC5F;AAAA,EAAA;AAGE,QAAA,QAAQ,MAAM,OAAO,OAAO;AAC5B,QAAA,WAAW,SAAS,MAAM;AAC5B,WAAO,CAAC,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAAA,CAC3C;AACK,QAAA,aAAa,SAAS,MAAM;AACvB,WAAA,MAAM,WAAW,EAAE;AAAA,EAAA,CAC7B;AACK,QAAA,gBAAgB,SAAS,MAAM;AACjC,WACI,WAAW,SAAS,CAAC,MAAM,cAAc,OAAO,MAAM,aAAa;AAAA,EAAA,CAE1E;AACK,QAAA,qBAAqB,SAAS,MAAM;AACtC,WAAO,WAAW,QACZ,MAAM,uBAAsB,+BAAO,mBAAmB,SACtD;AAAA,EAAA,CACT;AACK,QAAA,kBAAkB,SAAS,MAAM;AACnC,WAAO,WAAW,QACZ,MAAM,oBAAmB,+BAAO,gBAAgB,SAChD;AAAA,EAAA,CACT;AAEK,QAAA;AAAA,IACF;AAAA,MACI;AAAA,MACA;AAAA,MACA;AAAA,IACJ;AAAA,IACA;AAAA,EACJ;AAEA,kBAAgB,MAAM;AAClB,UAAM,WAAW,EAAE;AAAA,EAAA,CACtB;AAEK,QAAA,YAAY,CAACA,WAAU;AACzB,cAAU,KAAK,kBAAkB,EAAE,OAAAA,QAAO;AAAA,EAAA,CAC7C;AAEM,SAAA;AAAA,IACH;AAAA,IACA;AAAA,IACA,QAAQ,MAAM,MAAM,OAAO,IAAI,CAAC,WAAW,KAAK;AAAA,IAChD,QAAQ,CAACA,WAAmB,MAAM,OAAO,IAAIA,MAAK;AAAA,IAClD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;"}

package/dist/esm/hasSlotWithContent-CD7b7y34.mjs

@@ -0,0 +1,21 @@
+/*! Evance UI v1.0.22 | MIT License */
+import { computed } from "vue";
+function hasSlotWithContent(slots, slotName) {
+  return computed(() => {
+    if (!slots[slotName]) {
+      return false;
+    }
+    const slot = slots[slotName]();
+    if (!slot.length) {
+      return false;
+    }
+    return slot.some((node) => {
+      var _a;
+      return !!((_a = node.children) == null ? void 0 : _a.length);
+    });
+  });
+}
+export {
+  hasSlotWithContent as h
+};
+//# sourceMappingURL=hasSlotWithContent-CD7b7y34.mjs.map

package/dist/esm/hasSlotWithContent-CD7b7y34.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hasSlotWithContent-CD7b7y34.mjs","sources":["../../src/composables/hasSlotWithContent.ts"],"sourcesContent":["import { computed, ComputedRef } from \"vue\";\nimport { SetupContext } from \"vue\";\n\n/**\n * # Has slot with content\n *\n * Determines whether the `slotName` is present within the supplied list of `slots`\n * and whether it has content.\n *\n * @param slots\n * @param slotName\n */\nexport function hasSlotWithContent(\n    slots: SetupContext[\"slots\"],\n    slotName: string,\n): ComputedRef {\n    return computed(() => {\n        if (!slots[slotName]) {\n            return false;\n        }\n        const slot = slots[slotName]!();\n        if (!slot.length) {\n            return false;\n        }\n        return slot.some((node) => {\n            return !!node.children?.length;\n        });\n    });\n}\n"],"names":[],"mappings":";;AAYgB,SAAA,mBACZ,OACA,UACW;AACX,SAAO,SAAS,MAAM;AACd,QAAA,CAAC,MAAM,QAAQ,GAAG;AACX,aAAA;AAAA,IAAA;AAEL,UAAA,OAAO,MAAM,QAAQ,EAAG;AAC1B,QAAA,CAAC,KAAK,QAAQ;AACP,aAAA;AAAA,IAAA;AAEJ,WAAA,KAAK,KAAK,CAAC,SAAS;;AAChB,aAAA,CAAC,GAAC,UAAK,aAAL,mBAAe;AAAA,IAAA,CAC3B;AAAA,EAAA,CACJ;AACL;"}

package/dist/esm/helpers-DYAh4V65.mjs

@@ -0,0 +1,221 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+/*! Evance UI v1.0.22 | MIT License */
+var _a, _b;
+import { reactive, computed, watchEffect, toRefs, unref } from "vue";
+import { g as getCurrentComponent } from "./components-BZKZQF_h.mjs";
+import { g as isArray, f as isFunction, h as isObjectNotArray } from "./is-functions-DQpk9b7r.mjs";
+const _Browser = class _Browser {
+  /**
+   * ## Supports Touch
+   * Added into a static getter method to avoid issues during development when switching between emulators.
+   */
+  static get supportsTouch() {
+    return this.hasWindow && ("ontouchstart" in window || window.navigator.maxTouchPoints > 0);
+  }
+};
+__publicField(_Browser, "hasWindow", typeof window !== "undefined");
+__publicField(_Browser, "supportsIntersection", _Browser.hasWindow && "IntersectionObserver" in window);
+__publicField(_Browser, "supportsFocusVisible", _Browser.hasWindow && ((_b = (_a = window.CSS) == null ? void 0 : _a.supports) == null ? void 0 : _b.call(_a, "selector(:focus-visible)")));
+let Browser = _Browser;
+let currentId = 0;
+let assignedIds = /* @__PURE__ */ new WeakMap();
+function getNextId() {
+  const component = getCurrentComponent("getNextId()");
+  if (assignedIds.has(component)) {
+    return assignedIds.get(component);
+  }
+  const id = ++currentId;
+  assignedIds.set(component, id);
+  return id;
+}
+getNextId.reset = () => {
+  currentId = 0;
+  assignedIds = /* @__PURE__ */ new WeakMap();
+};
+function getPropertyValue(subject, property, fallback) {
+  if (property === true) {
+    return subject === void 0 ? fallback : subject;
+  }
+  if (property == null || typeof property === "boolean") {
+    return fallback;
+  }
+  if (subject !== Object(subject)) {
+    if (typeof property !== "function") {
+      return fallback;
+    }
+    const value2 = property(subject, fallback);
+    return typeof value2 === "undefined" ? fallback : value2;
+  }
+  if (typeof property === "string") {
+    return getPropertyValueByPath(subject, property, fallback);
+  }
+  if (Array.isArray(property)) {
+    return getNestedPropertyValue(subject, property, fallback);
+  }
+  if (!isFunction(property)) {
+    return fallback;
+  }
+  const value = property(subject, fallback);
+  return typeof value === "undefined" ? fallback : value;
+}
+function getPropertyValueByPath(subject, objectPath, fallback) {
+  if (subject == null || !objectPath) {
+    return fallback;
+  }
+  const propertyKeys = objectPathToPropertyKeys(objectPath);
+  return getNestedPropertyValue(subject, propertyKeys, fallback);
+}
+function getNestedPropertyValue(subject, propertyKeys, fallback) {
+  let lastValue = subject;
+  for (const property of propertyKeys) {
+    if (lastValue === void 0) {
+      break;
+    }
+    lastValue = lastValue[property];
+  }
+  return lastValue === void 0 ? fallback : lastValue;
+}
+function objectPathToPropertyKeys(path) {
+  const pattern = /^([\da-z_-]+)(?:[\/.]([\da-z_-]+)|\[(\d+)\])*$/i;
+  const matches = path.match(pattern);
+  if (!matches) {
+    throw new Error(`Evance UI: Invalid Object Path '${path}'.`);
+  }
+  path = path.replace("]", "").replace("[", ".").replace("/", ".");
+  return path.split(".");
+}
+function refElement(obj) {
+  return obj && "$el" in obj ? obj.$el : obj;
+}
+function splitObject(subject, paths, exclude) {
+  const matching = /* @__PURE__ */ Object.create(null);
+  const remaining = /* @__PURE__ */ Object.create(null);
+  for (const key in subject) {
+    if (paths.some(
+      (path) => path instanceof RegExp ? path.test(key) : path === key
+    ) && !(exclude == null ? void 0 : exclude.some((path) => path === key))) {
+      matching[key] = subject[key];
+    } else {
+      remaining[key] = subject[key];
+    }
+  }
+  return [matching, remaining];
+}
+function splitInputAttrs(attrs) {
+  return splitObject(attrs, ["class", "style", "id", /^data-/]);
+}
+function clamp(value, min = 0, max = 1) {
+  return Math.max(min, Math.min(max, value));
+}
+function destructComputed(getter) {
+  const refs = reactive({});
+  const base = computed(getter);
+  watchEffect(
+    () => {
+      for (const key in base.value) {
+        refs[key] = base.value[key];
+      }
+    },
+    { flush: "sync" }
+  );
+  return toRefs(refs);
+}
+function getPropertyDescriptor(obj, key) {
+  let currentObj = obj;
+  while (currentObj) {
+    const descriptor = Reflect.getOwnPropertyDescriptor(currentObj, key);
+    if (descriptor) {
+      return descriptor;
+    }
+    currentObj = Object.getPrototypeOf(currentObj);
+  }
+  return void 0;
+}
+function filterComponentProps(component, props) {
+  return splitObject(props, Object.keys(component.props), [
+    "class",
+    "style"
+  ])[0];
+}
+function wrapInArray(value) {
+  return value == null ? [] : isArray(value) ? value : [value];
+}
+function mergeDeep(source = {}, target = {}, arrayFn) {
+  const out = {};
+  for (const key in source) {
+    out[key] = source[key];
+  }
+  for (const key in target) {
+    const sourceProperty = source[key];
+    const targetProperty = target[key];
+    if (isObjectNotArray(sourceProperty) && isObjectNotArray(targetProperty)) {
+      out[key] = mergeDeep(sourceProperty, targetProperty, arrayFn);
+      continue;
+    }
+    if (isArray(sourceProperty) && isArray(targetProperty) && arrayFn) {
+      out[key] = arrayFn(sourceProperty, targetProperty);
+      continue;
+    }
+    out[key] = targetProperty;
+  }
+  return out;
+}
+function createRange(length, start = 0) {
+  return Array.from({ length }, (v, k) => start + k);
+}
+function omit(obj, exclude) {
+  const clone = { ...obj };
+  exclude.forEach((prop) => delete clone[prop]);
+  return clone;
+}
+function matchesSelector(el, selector) {
+  const supportsSelector = Browser.hasWindow && typeof CSS !== "undefined" && typeof CSS.supports !== "undefined" && CSS.supports(`selector(${selector})`);
+  if (!supportsSelector) {
+    return null;
+  }
+  try {
+    return !!el && el.matches(selector);
+  } catch (err) {
+    return null;
+  }
+}
+function keys(o) {
+  return Object.keys(o);
+}
+function debounce(fn, delay) {
+  let timeoutId = 0;
+  const wrap = (...args) => {
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(() => fn(...args), unref(delay));
+  };
+  wrap.clear = () => {
+    clearTimeout(timeoutId);
+  };
+  wrap.immediate = fn;
+  return wrap;
+}
+export {
+  Browser as B,
+  getPropertyValue as a,
+  clamp as b,
+  createRange as c,
+  debounce as d,
+  destructComputed as e,
+  filterComponentProps as f,
+  getNextId as g,
+  matchesSelector as h,
+  getPropertyValueByPath as i,
+  getNestedPropertyValue as j,
+  keys as k,
+  objectPathToPropertyKeys as l,
+  mergeDeep as m,
+  splitObject as n,
+  omit as o,
+  getPropertyDescriptor as p,
+  refElement as r,
+  splitInputAttrs as s,
+  wrapInArray as w
+};
+//# sourceMappingURL=helpers-DYAh4V65.mjs.map

package/dist/esm/helpers-DYAh4V65.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers-DYAh4V65.mjs","sources":["../../src/util/browser.ts","../../src/util/helpers.ts"],"sourcesContent":["/**\n * # Browser\n */\nexport class Browser {\n    public static readonly hasWindow: boolean = typeof window !== \"undefined\";\n\n    public static readonly supportsIntersection: boolean =\n        this.hasWindow && \"IntersectionObserver\" in window;\n\n    /**\n     * ## Supports Touch\n     * Added into a static getter method to avoid issues during development when switching between emulators.\n     */\n    public static get supportsTouch(): boolean {\n        return (\n            this.hasWindow &&\n            (\"ontouchstart\" in window || window.navigator.maxTouchPoints > 0)\n        );\n    }\n\n    public static readonly supportsFocusVisible: boolean =\n        this.hasWindow && window.CSS?.supports?.(\"selector(:focus-visible)\");\n}\n","import {\n    ComponentInternalInstance,\n    ComponentOptions,\n    ComponentPublicInstance,\n    computed,\n    ComputedGetter, MaybeRef,\n    reactive,\n    toRefs,\n    ToRefs, unref,\n    watchEffect,\n} from \"vue\";\nimport {\n    Browser,\n    getCurrentComponent,\n    isArray,\n    isFunction,\n    isObjectNotArray,\n} from \"../util\";\n\n/**\n * # Get Next ID\n */\nlet currentId: number = 0;\nlet assignedIds = new WeakMap<ComponentInternalInstance, number>();\nexport function getNextId(): number {\n    const component = getCurrentComponent(\"getNextId()\");\n    if (assignedIds.has(component)) {\n        return assignedIds.get(component)!;\n    }\n    const id = ++currentId;\n    assignedIds.set(component, id);\n    return id;\n}\ngetNextId.reset = () => {\n    currentId = 0;\n    assignedIds = new WeakMap();\n};\n\n/**\n * # Getter Property Key\n *\n * Defines where to look for Property information within getter functions.\n *\n * For example: an object might have a `title` property.\n * So a property key may represent either an array index, or an object property.\n *\n * - `boolean`, `null`, `undefined` - 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 * - A callback function accepting `item` and `fallback` arguments.\n */\nexport type GetterPropertyKey<T = Record<string, any>> =\n    | boolean\n    | null\n    | undefined\n    | string\n    | (string | number)[]\n    | ((item: T, fallback?: any) => any);\n\n/**\n * # Get Property\n *\n * A getter function, which gets a property from the `subject`, which may be\n * any kind of object.\n *\n */\nexport function getPropertyValue(\n    subject: any,\n    property: GetterPropertyKey,\n    fallback?: any,\n): any {\n    if (property === true) {\n        return subject === undefined ? fallback : subject;\n    }\n    if (property == null || typeof property === \"boolean\") {\n        return fallback;\n    }\n    if (subject !== Object(subject)) {\n        if (typeof property !== \"function\") {\n            return fallback;\n        }\n        const value = property(subject, fallback);\n        return typeof value === \"undefined\" ? fallback : value;\n    }\n    if (typeof property === \"string\") {\n        return getPropertyValueByPath(subject, property, fallback);\n    }\n    if (Array.isArray(property)) {\n        return getNestedPropertyValue(subject, property, fallback);\n    }\n    if (!isFunction(property)) {\n        return fallback;\n    }\n    const value = property(subject, fallback);\n    return typeof value === \"undefined\" ? fallback : value;\n}\n\n/**\n * # Get Property from Path\n *\n * This is a rough copy of Evance's `EvObjectPathGetter` functionality.\n *\n * @param subject\n * @param objectPath\n * @param fallback\n */\nexport function getPropertyValueByPath(\n    subject: any,\n    objectPath: string,\n    fallback?: any,\n) {\n    if (subject == null || !objectPath) {\n        return fallback;\n    }\n    const propertyKeys = objectPathToPropertyKeys(objectPath);\n    return getNestedPropertyValue(subject, propertyKeys, fallback);\n}\n\n/**\n * # Get Nested Property Value\n *\n * @param subject\n * @param propertyKeys\n * @param fallback\n */\nexport function getNestedPropertyValue(\n    subject: any,\n    propertyKeys: PropertyKey[],\n    fallback?: any,\n): any {\n    let lastValue = subject;\n    for (const property of propertyKeys) {\n        if (lastValue === undefined) {\n            break;\n        }\n        lastValue = lastValue[property];\n    }\n    return lastValue === undefined ? fallback : lastValue;\n}\n\n/**\n * # Object Path To Array\n *\n * This is a rough copy of Evance's `EvObjectPath` functionality.\n *\n * @param path\n */\nexport function objectPathToPropertyKeys(path: string): PropertyKey[] {\n    const pattern = /^([\\da-z_-]+)(?:[\\/.]([\\da-z_-]+)|\\[(\\d+)\\])*$/i;\n    const matches = path.match(pattern);\n    if (!matches) {\n        throw new Error(`Evance UI: Invalid Object Path '${path}'.`);\n    }\n    path = path.replace(\"]\", \"\").replace(\"[\", \".\").replace(\"/\", \".\");\n    return path.split(\".\");\n}\n\n/**\n * # Ref Element\n * @param obj\n */\nexport function refElement<T extends object | undefined>(\n    obj: T,\n): Exclude<T, ComponentPublicInstance> | HTMLElement {\n    return obj && \"$el\" in obj\n        ? (obj.$el as HTMLElement)\n        : (obj as HTMLElement);\n}\n\n/**\n * # Split Object\n *\n * Split an object into two using an Array of keys or RegExp to test keys against.\n *\n * This results an array containing an object containing only matching keys,\n * and an object containing the remaining keys.\n *\n * @param subject\n * @param paths\n * @param exclude\n */\nexport function splitObject<\n    Subject extends object,\n    SubjectKey extends Extract<keyof Subject, string>,\n    Exclusions extends Extract<keyof Subject, string>,\n>(\n    subject: Subject,\n    paths: (SubjectKey | RegExp)[],\n    exclude?: Exclusions[],\n): [matched: Partial<Subject>, unmatched: Partial<Subject>] {\n    const matching = Object.create(null);\n    const remaining = Object.create(null);\n    for (const key in subject) {\n        if (\n            paths.some((path) =>\n                path instanceof RegExp ? path.test(key) : path === key,\n            ) &&\n            !exclude?.some((path) => path === key)\n        ) {\n            matching[key] = subject[key];\n        } else {\n            remaining[key] = subject[key];\n        }\n    }\n    return [matching, remaining];\n}\n\n/**\n * ## Split Input Attrs\n *\n * Filter/split an attributes objects into two objects:\n * 1. Attributes not intended for an input field.\n * 2. Attributes for an input field.\n *\n * @param attrs\n */\nexport function splitInputAttrs(attrs: Record<string, unknown>) {\n    return splitObject(attrs, [\"class\", \"style\", \"id\", /^data-/]);\n}\n\n/**\n * # Clamp\n *\n * @param value\n * @param min\n * @param max\n */\nexport function clamp(value: number, min = 0, max = 1) {\n    return Math.max(min, Math.min(max, value));\n}\n\n// Only allow a single return type\ntype NotAUnion<T> = [T] extends [infer U] ? _NotAUnion<U, U> : never;\ntype _NotAUnion<T, U> = U extends any\n    ? [T] extends [U]\n        ? unknown\n        : never\n    : never;\n\n/**\n * # Destruct Computed\n *\n * Convert a computed ref to a record of refs.\n * The getter function must always return an object with the same keys.\n */\nexport function destructComputed<T extends object>(\n    getter: ComputedGetter<T & NotAUnion<T>>,\n): ToRefs<T>;\nexport function destructComputed<T extends object>(getter: ComputedGetter<T>) {\n    const refs = reactive({}) as T;\n    const base = computed(getter);\n    watchEffect(\n        () => {\n            for (const key in base.value) {\n                refs[key] = base.value[key];\n            }\n        },\n        { flush: \"sync\" },\n    );\n    return toRefs(refs);\n}\n\n/**\n * # Union To Intersection\n *\n * Intersection `I` of all types in the union `U` - transform a union of object types into an intersection of those types.\n * This can be helpful when you want to combine multiple types into a single type, where all properties from each type\n * become part of the resulting type.\n */\nexport type UnionToIntersection<U> = (\n    U extends any ? (k: U) => void : never\n) extends (k: infer I) => void\n    ? I\n    : never;\n\n/**\n * # Get Descriptor\n *\n * Returns the closest property descriptor for an object.\n *\n * @param obj\n * @param key\n */\nexport function getPropertyDescriptor(obj: any, key: PropertyKey) {\n    let currentObj = obj;\n    while (currentObj) {\n        const descriptor = Reflect.getOwnPropertyDescriptor(currentObj, key);\n        if (descriptor) {\n            return descriptor;\n        }\n        currentObj = Object.getPrototypeOf(currentObj);\n    }\n    return undefined;\n}\n\n/**\n * # Filter Component Props\n *\n * Extracts the component's props from a props record.\n *\n * Excludes `class` and `style`.\n *\n * @param component\n * @param props\n */\nexport function filterComponentProps(\n    component: ComponentOptions<any>,\n    props: Record<string, any>,\n) {\n    return splitObject(props, Object.keys(component.props), [\n        \"class\",\n        \"style\",\n    ])[0];\n}\n\n/**\n * # If Any\n */\ntype IfAny<T, Y, N> = 0 extends 1 & T ? Y : N;\n\n/**\n * # Wrap In Array\n * @param value\n */\nexport function wrapInArray<T>(\n    value: T | null | undefined,\n): T extends readonly any[] ? IfAny<T, T[], T> : NonNullable<T>[] {\n    return value == null ? [] : isArray(value) ? (value as any) : [value];\n}\n\nexport function mergeDeep(\n    source: Record<string, any> = {},\n    target: Record<string, any> = {},\n    arrayFn?: (a: unknown[], b: unknown[]) => unknown[],\n) {\n    const out: Record<string, any> = {};\n\n    for (const key in source) {\n        out[key] = source[key];\n    }\n\n    for (const key in target) {\n        const sourceProperty = source[key];\n        const targetProperty = target[key];\n\n        // Only continue deep merging if\n        // both properties are objects\n        if (\n            isObjectNotArray(sourceProperty) &&\n            isObjectNotArray(targetProperty)\n        ) {\n            out[key] = mergeDeep(sourceProperty, targetProperty, arrayFn);\n            continue;\n        }\n\n        if (isArray(sourceProperty) && isArray(targetProperty) && arrayFn) {\n            out[key] = arrayFn(sourceProperty, targetProperty);\n            continue;\n        }\n\n        out[key] = targetProperty;\n    }\n\n    return out;\n}\n\n/**\n * # Create Range\n *\n * @param length\n * @param start\n */\nexport function createRange(length: number, start = 0): number[] {\n    return Array.from({ length }, (v, k) => start + k);\n}\n\n/**\n * # Omit\n *\n * Clones an object, whilst omitting excluded properties.\n *\n * @param obj\n * @param exclude\n */\nexport function omit<T extends object, U extends Extract<keyof T, string>>(\n    obj: T,\n    exclude: U[],\n): Omit<T, U> {\n    const clone = { ...obj };\n\n    exclude.forEach((prop) => delete clone[prop]);\n\n    return clone;\n}\n\n/**\n * # matchesSelector\n * Returns `null` if the CSS selector is not supported, or can't be checked.\n * @param el\n * @param selector\n */\nexport function matchesSelector(\n    el: Element | undefined,\n    selector: string,\n): boolean | null {\n    const supportsSelector =\n        Browser.hasWindow &&\n        typeof CSS !== \"undefined\" &&\n        typeof CSS.supports !== \"undefined\" &&\n        CSS.supports(`selector(${selector})`);\n\n    if (!supportsSelector) {\n        return null;\n    }\n\n    try {\n        return !!el && el.matches(selector);\n    } catch (err) {\n        return null;\n    }\n}\n\nexport function keys<O extends {}>(o: O) {\n    return Object.keys(o) as (keyof O)[];\n}\n\ntype DebouncedFunction<T extends (...args: any[]) => any> = {\n    (...args: Parameters<T>): void;\n    clear: () => void;\n    immediate: T;\n};\n\n/**\n * ## debounce\n *\n * @param fn The function to debounce\n * @param delay The debounce delay (either a number or a ref of a number)\n * @returns A debounced version of the function with `clear` and `immediate` methods\n */\nexport function debounce<T extends (...args: any[]) => any>(\n    fn: T,\n    delay: MaybeRef<number>,\n): DebouncedFunction<T> {\n    let timeoutId = 0 as any;\n    const wrap = (...args: any[]) => {\n        clearTimeout(timeoutId);\n        timeoutId = setTimeout(() => fn(...args), unref(delay));\n    };\n    wrap.clear = () => {\n        clearTimeout(timeoutId);\n    };\n    wrap.immediate = fn;\n    return wrap;\n}\n"],"names":["value"],"mappings":";;;;;;;;AAGO,MAAM,WAAN,MAAM,SAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAUjB,WAAkB,gBAAyB;AACvC,WACI,KAAK,cACJ,kBAAkB,UAAU,OAAO,UAAU,iBAAiB;AAAA,EAAA;AAM3E;AAlBI,cADS,UACc,aAAqB,OAAO,WAAW;AAE9D,cAHS,UAGc,wBACnB,SAAK,aAAa,0BAA0B;AAahD,cAjBS,UAiBc,wBACnB,SAAK,eAAa,kBAAO,QAAP,mBAAY,aAAZ,4BAAuB;AAlB1C,IAAM,UAAN;ACmBP,IAAI,YAAoB;AACxB,IAAI,kCAAkB,QAA2C;AAC1D,SAAS,YAAoB;AAC1B,QAAA,YAAY,oBAAoB,aAAa;AAC/C,MAAA,YAAY,IAAI,SAAS,GAAG;AACrB,WAAA,YAAY,IAAI,SAAS;AAAA,EAAA;AAEpC,QAAM,KAAK,EAAE;AACD,cAAA,IAAI,WAAW,EAAE;AACtB,SAAA;AACX;AACA,UAAU,QAAQ,MAAM;AACR,cAAA;AACZ,oCAAkB,QAAQ;AAC9B;AA8BgB,SAAA,iBACZ,SACA,UACA,UACG;AACH,MAAI,aAAa,MAAM;AACZ,WAAA,YAAY,SAAY,WAAW;AAAA,EAAA;AAE9C,MAAI,YAAY,QAAQ,OAAO,aAAa,WAAW;AAC5C,WAAA;AAAA,EAAA;AAEP,MAAA,YAAY,OAAO,OAAO,GAAG;AACzB,QAAA,OAAO,aAAa,YAAY;AACzB,aAAA;AAAA,IAAA;AAELA,UAAAA,SAAQ,SAAS,SAAS,QAAQ;AACjC,WAAA,OAAOA,WAAU,cAAc,WAAWA;AAAAA,EAAA;AAEjD,MAAA,OAAO,aAAa,UAAU;AACvB,WAAA,uBAAuB,SAAS,UAAU,QAAQ;AAAA,EAAA;AAEzD,MAAA,MAAM,QAAQ,QAAQ,GAAG;AAClB,WAAA,uBAAuB,SAAS,UAAU,QAAQ;AAAA,EAAA;AAEzD,MAAA,CAAC,WAAW,QAAQ,GAAG;AAChB,WAAA;AAAA,EAAA;AAEL,QAAA,QAAQ,SAAS,SAAS,QAAQ;AACjC,SAAA,OAAO,UAAU,cAAc,WAAW;AACrD;AAWgB,SAAA,uBACZ,SACA,YACA,UACF;AACM,MAAA,WAAW,QAAQ,CAAC,YAAY;AACzB,WAAA;AAAA,EAAA;AAEL,QAAA,eAAe,yBAAyB,UAAU;AACjD,SAAA,uBAAuB,SAAS,cAAc,QAAQ;AACjE;AASgB,SAAA,uBACZ,SACA,cACA,UACG;AACH,MAAI,YAAY;AAChB,aAAW,YAAY,cAAc;AACjC,QAAI,cAAc,QAAW;AACzB;AAAA,IAAA;AAEJ,gBAAY,UAAU,QAAQ;AAAA,EAAA;AAE3B,SAAA,cAAc,SAAY,WAAW;AAChD;AASO,SAAS,yBAAyB,MAA6B;AAClE,QAAM,UAAU;AACV,QAAA,UAAU,KAAK,MAAM,OAAO;AAClC,MAAI,CAAC,SAAS;AACV,UAAM,IAAI,MAAM,mCAAmC,IAAI,IAAI;AAAA,EAAA;AAExD,SAAA,KAAK,QAAQ,KAAK,EAAE,EAAE,QAAQ,KAAK,GAAG,EAAE,QAAQ,KAAK,GAAG;AACxD,SAAA,KAAK,MAAM,GAAG;AACzB;AAMO,SAAS,WACZ,KACiD;AACjD,SAAO,OAAO,SAAS,MAChB,IAAI,MACJ;AACX;AAcgB,SAAA,YAKZ,SACA,OACA,SACwD;AAClD,QAAA,WAAkB,uBAAA,OAAO,IAAI;AAC7B,QAAA,YAAmB,uBAAA,OAAO,IAAI;AACpC,aAAW,OAAO,SAAS;AACvB,QACI,MAAM;AAAA,MAAK,CAAC,SACR,gBAAgB,SAAS,KAAK,KAAK,GAAG,IAAI,SAAS;AAAA,IAAA,KAEvD,EAAC,mCAAS,KAAK,CAAC,SAAS,SAAS,OACpC;AACW,eAAA,GAAG,IAAI,QAAQ,GAAG;AAAA,IAAA,OACxB;AACO,gBAAA,GAAG,IAAI,QAAQ,GAAG;AAAA,IAAA;AAAA,EAChC;AAEG,SAAA,CAAC,UAAU,SAAS;AAC/B;AAWO,SAAS,gBAAgB,OAAgC;AAC5D,SAAO,YAAY,OAAO,CAAC,SAAS,SAAS,MAAM,QAAQ,CAAC;AAChE;AASO,SAAS,MAAM,OAAe,MAAM,GAAG,MAAM,GAAG;AACnD,SAAO,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAC7C;AAmBO,SAAS,iBAAmC,QAA2B;AACpE,QAAA,OAAO,SAAS,EAAE;AAClB,QAAA,OAAO,SAAS,MAAM;AAC5B;AAAA,IACI,MAAM;AACS,iBAAA,OAAO,KAAK,OAAO;AAC1B,aAAK,GAAG,IAAI,KAAK,MAAM,GAAG;AAAA,MAAA;AAAA,IAElC;AAAA,IACA,EAAE,OAAO,OAAO;AAAA,EACpB;AACA,SAAO,OAAO,IAAI;AACtB;AAuBgB,SAAA,sBAAsB,KAAU,KAAkB;AAC9D,MAAI,aAAa;AACjB,SAAO,YAAY;AACf,UAAM,aAAa,QAAQ,yBAAyB,YAAY,GAAG;AACnE,QAAI,YAAY;AACL,aAAA;AAAA,IAAA;AAEE,iBAAA,OAAO,eAAe,UAAU;AAAA,EAAA;AAE1C,SAAA;AACX;AAYgB,SAAA,qBACZ,WACA,OACF;AACE,SAAO,YAAY,OAAO,OAAO,KAAK,UAAU,KAAK,GAAG;AAAA,IACpD;AAAA,IACA;AAAA,EACH,CAAA,EAAE,CAAC;AACR;AAWO,SAAS,YACZ,OAC8D;AACvD,SAAA,SAAS,OAAO,KAAK,QAAQ,KAAK,IAAK,QAAgB,CAAC,KAAK;AACxE;AAEO,SAAS,UACZ,SAA8B,CAAA,GAC9B,SAA8B,CAAA,GAC9B,SACF;AACE,QAAM,MAA2B,CAAC;AAElC,aAAW,OAAO,QAAQ;AAClB,QAAA,GAAG,IAAI,OAAO,GAAG;AAAA,EAAA;AAGzB,aAAW,OAAO,QAAQ;AAChB,UAAA,iBAAiB,OAAO,GAAG;AAC3B,UAAA,iBAAiB,OAAO,GAAG;AAIjC,QACI,iBAAiB,cAAc,KAC/B,iBAAiB,cAAc,GACjC;AACE,UAAI,GAAG,IAAI,UAAU,gBAAgB,gBAAgB,OAAO;AAC5D;AAAA,IAAA;AAGJ,QAAI,QAAQ,cAAc,KAAK,QAAQ,cAAc,KAAK,SAAS;AAC/D,UAAI,GAAG,IAAI,QAAQ,gBAAgB,cAAc;AACjD;AAAA,IAAA;AAGJ,QAAI,GAAG,IAAI;AAAA,EAAA;AAGR,SAAA;AACX;AAQgB,SAAA,YAAY,QAAgB,QAAQ,GAAa;AACtD,SAAA,MAAM,KAAK,EAAE,OAAA,GAAU,CAAC,GAAG,MAAM,QAAQ,CAAC;AACrD;AAUgB,SAAA,KACZ,KACA,SACU;AACJ,QAAA,QAAQ,EAAE,GAAG,IAAI;AAEvB,UAAQ,QAAQ,CAAC,SAAS,OAAO,MAAM,IAAI,CAAC;AAErC,SAAA;AACX;AAQgB,SAAA,gBACZ,IACA,UACc;AACd,QAAM,mBACF,QAAQ,aACR,OAAO,QAAQ,eACf,OAAO,IAAI,aAAa,eACxB,IAAI,SAAS,YAAY,QAAQ,GAAG;AAExC,MAAI,CAAC,kBAAkB;AACZ,WAAA;AAAA,EAAA;AAGP,MAAA;AACA,WAAO,CAAC,CAAC,MAAM,GAAG,QAAQ,QAAQ;AAAA,WAC7B,KAAK;AACH,WAAA;AAAA,EAAA;AAEf;AAEO,SAAS,KAAmB,GAAM;AAC9B,SAAA,OAAO,KAAK,CAAC;AACxB;AAegB,SAAA,SACZ,IACA,OACoB;AACpB,MAAI,YAAY;AACV,QAAA,OAAO,IAAI,SAAgB;AAC7B,iBAAa,SAAS;AACV,gBAAA,WAAW,MAAM,GAAG,GAAG,IAAI,GAAG,MAAM,KAAK,CAAC;AAAA,EAC1D;AACA,OAAK,QAAQ,MAAM;AACf,iBAAa,SAAS;AAAA,EAC1B;AACA,OAAK,YAAY;AACV,SAAA;AACX;"}

package/dist/esm/icons/brand.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.21 | MIT License */
+/*! Evance UI v1.0.22 | MIT License */
 import { createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1$j = {
   xmlns: "http://www.w3.org/2000/svg",

package/dist/esm/icons/editor.mjs

@@ -1,6 +1,6 @@
-/*! Evance UI v1.0.21 | MIT License */
+/*! Evance UI v1.0.22 | MIT License */
 import { createElementBlock, openBlock, createElementVNode, createStaticVNode } from "vue";
-import { L } from "../LinkExternalIcon-vGco70qG.mjs";
+import { L } from "../LinkExternalIcon-CnPNMdMT.mjs";
 const _hoisted_1$26 = {
   width: "24",
   height: "24",