@evance/evance-ui 1.0.14 → 1.0.16

package/dist/esm/form-Bsojw9mM.mjs

@@ -0,0 +1,142 @@
+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.16 | MIT License */
+import { ref, shallowRef, toRaw, computed, toRef, provide, inject } from "vue";
+import { c as consoleWarn } from "./console-BpuniL2r.mjs";
+import { u as useModelProxy } from "./modelProxy-CaWgzjb4.mjs";
+import { p as propsFactory } from "./props-XyZfS7T6.mjs";
+class Form {
+  constructor(isValid, isDisabled, isReadonly, validateOn) {
+    __publicField(this, "errors", ref([]));
+    __publicField(this, "fields", []);
+    __publicField(this, "isDisabled");
+    __publicField(this, "isReadonly");
+    __publicField(this, "isValid");
+    __publicField(this, "isValidating", shallowRef(false));
+    __publicField(this, "validateOn");
+    this.isDisabled = isDisabled ?? shallowRef(false);
+    this.isReadonly = isReadonly ?? shallowRef(false);
+    this.isValid = isValid ?? shallowRef(null);
+    this.validateOn = validateOn ?? shallowRef("input");
+  }
+  /**
+   * ## Add Field
+   * @param field
+   */
+  addField(field) {
+    if (this.hasField(field.id)) {
+      consoleWarn(`Duplicate form field with name "${field.id}"`);
+    }
+    this.fields.push(field);
+  }
+  /**
+   * ## Expose
+   */
+  expose() {
+    return {
+      reset: this.reset.bind(this),
+      resetValidation: this.resetValidation.bind(this),
+      validate: this.validate.bind(this)
+    };
+  }
+  /**
+   * ## Get Field
+   * @param id
+   */
+  getField(id) {
+    return this.fields.find((field) => {
+      return field.id === id;
+    });
+  }
+  /**
+   * ## Has Field
+   *
+   * Returns `true` if the field `name` already exists in the form.
+   *
+   * @param id
+   */
+  hasField(id) {
+    return this.fields.some((field) => field.id === id);
+  }
+  /**
+   * ## Remove Field
+   * @param id
+   */
+  removeField(id) {
+    this.fields = this.fields.filter((field) => {
+      return field.id !== id;
+    });
+  }
+  /**
+   * ## Reset
+   */
+  reset() {
+    this.fields.forEach((field) => field.reset());
+  }
+  /**
+   * ## Reset Validation
+   */
+  resetValidation() {
+    this.fields.forEach((field) => field.resetValidation());
+  }
+  /**
+   * ## Validate
+   */
+  async validate() {
+    let valid = true;
+    this.errors.value = [];
+    this.isValidating.value = true;
+    const results = [];
+    for (const field of this.fields) {
+      const fieldErrors = await field.validate();
+      for (const fieldError of fieldErrors) {
+        valid = false;
+        results.push({
+          name: field.name,
+          message: fieldError
+        });
+      }
+    }
+    this.errors.value = results;
+    this.isValidating.value = false;
+    return {
+      valid,
+      errors: toRaw(this.errors.value)
+    };
+  }
+}
+const FormKey = Symbol.for("ev:form");
+const makeFormProps = propsFactory(
+  {
+    disabled: Boolean,
+    readonly: Boolean,
+    modelValue: {
+      type: Boolean,
+      default: null
+    },
+    validateOn: {
+      type: String,
+      default: "input"
+    }
+  },
+  "form"
+);
+function createForm(props) {
+  const isValid = useModelProxy(props, "modelValue");
+  const isDisabled = computed(() => props.disabled);
+  const isReadonly = computed(() => props.readonly);
+  const validateOn = toRef(props, "validateOn");
+  const form = new Form(isValid, isDisabled, isReadonly, validateOn);
+  provide(FormKey, form);
+  return form;
+}
+function useForm() {
+  return inject(FormKey, null);
+}
+export {
+  createForm as c,
+  makeFormProps as m,
+  useForm as u
+};
+//# sourceMappingURL=form-Bsojw9mM.mjs.map

package/dist/esm/form-Bsojw9mM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-Bsojw9mM.mjs","sources":["../../src/modules/Form/Form.ts","../../src/composables/form.ts"],"sourcesContent":["import { FormField } from \"@/modules/Form/FormField\";\nimport { Ref, ref, shallowRef, toRaw } from \"vue\";\nimport { consoleWarn } from \"@/util\";\nimport { FormProps } from \"@/composables/form\";\nimport { ValidationError } from \"@/composables/validation\";\n\n/**\n * # Form\n */\nexport class Form {\n    public readonly errors: Ref<ValidationError[]> = ref([]);\n    private fields: FormField[] = [];\n    public readonly isDisabled: Ref<boolean>;\n    public readonly isReadonly: Ref<boolean>;\n    public readonly isValid: Ref<boolean | null>;\n    public readonly isValidating = shallowRef(false);\n    public readonly validateOn: Ref<FormProps[\"validateOn\"]>;\n\n    constructor(\n        isValid: Ref<boolean | null> | undefined,\n        isDisabled: Ref<boolean> | undefined,\n        isReadonly: Ref<boolean> | undefined,\n        validateOn: Ref<FormProps[\"validateOn\"]> | undefined,\n    ) {\n        this.isDisabled = isDisabled ?? shallowRef(false);\n        this.isReadonly = isReadonly ?? shallowRef(false);\n        this.isValid = isValid ?? shallowRef(null);\n        this.validateOn = validateOn ?? shallowRef(\"input\");\n    }\n\n    /**\n     * ## Add Field\n     * @param field\n     */\n    public addField(field: FormField) {\n        if (this.hasField(field.id)) {\n            consoleWarn(`Duplicate form field with name \"${field.id}\"`);\n        }\n        this.fields.push(field);\n    }\n\n    /**\n     * ## Expose\n     */\n    public expose() {\n        return {\n            reset: this.reset.bind(this),\n            resetValidation: this.resetValidation.bind(this),\n            validate: this.validate.bind(this),\n        };\n    }\n\n    /**\n     * ## Get Field\n     * @param id\n     */\n    public getField(id: string): FormField | undefined {\n        return this.fields.find((field) => {\n            return field.id === id;\n        });\n    }\n\n    /**\n     * ## Has Field\n     *\n     * Returns `true` if the field `name` already exists in the form.\n     *\n     * @param id\n     */\n    public hasField(id: string): boolean {\n        return this.fields.some((field) => field.id === id);\n    }\n\n    /**\n     * ## Remove Field\n     * @param id\n     */\n    public removeField(id: string) {\n        this.fields = this.fields.filter((field) => {\n            return field.id !== id;\n        });\n    }\n\n    /**\n     * ## Reset\n     */\n    public reset() {\n        this.fields.forEach((field) => field.reset());\n    }\n\n    /**\n     * ## Reset Validation\n     */\n    public resetValidation() {\n        this.fields.forEach((field) => field.resetValidation());\n    }\n\n    /**\n     * ## Validate\n     */\n    public async validate() {\n        let valid = true;\n        this.errors.value = [];\n        this.isValidating.value = true;\n\n        const results = [];\n        for (const field of this.fields) {\n            const fieldErrors = await field.validate();\n            for (const fieldError of fieldErrors) {\n                valid = false;\n                results.push({\n                    name: field.name,\n                    message: fieldError,\n                });\n            }\n        }\n\n        this.errors.value = results;\n        this.isValidating.value = false;\n        return {\n            valid,\n            errors: toRaw(this.errors.value),\n        };\n    }\n}\n","import { computed, inject, InjectionKey, PropType, provide, toRef } from \"vue\";\nimport { ValidationError, FormFieldProps } from \"@/composables/validation\";\nimport { propsFactory } from \"@/util\";\nimport { Form } from \"@/modules/Form/Form\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\n\n/**\n * # Form Key\n * Used for provide/inject functions.\n */\nexport const FormKey: InjectionKey<any> = Symbol.for(\"ev:form\");\n\n/**\n * # Submit Event Promise\n */\nexport interface SubmitEventPromise\n    extends SubmitEvent,\n        Promise<FormValidationResult> {}\n\n/**\n * # Form Props\n */\nexport interface FormProps {\n    disabled?: boolean;\n    readonly?: boolean;\n    modelValue?: boolean | null;\n    \"onUpdate:modelValue\"?: ((val: boolean | null) => void) | undefined;\n    validateOn?: FormFieldProps[\"validateOn\"];\n}\n\n/**\n * # Form Validation Result\n */\nexport interface FormValidationResult {\n    valid: boolean;\n    errors: ValidationError[];\n}\n\n/**\n * # Make Form Props\n */\nexport const makeFormProps = propsFactory(\n    {\n        disabled: Boolean,\n        readonly: Boolean,\n        modelValue: {\n            type: Boolean as PropType<boolean | null>,\n            default: null,\n        },\n        validateOn: {\n            type: String as PropType<FormProps[\"validateOn\"]>,\n            default: \"input\",\n        },\n    },\n    \"form\",\n);\n\n/**\n * # Create Form\n * @param props\n */\nexport function createForm(props: FormProps) {\n    const isValid = useModelProxy(props, \"modelValue\");\n    const isDisabled = computed(() => props.disabled);\n    const isReadonly = computed(() => props.readonly);\n    const validateOn = toRef(props, \"validateOn\");\n\n    const form = new Form(isValid, isDisabled, isReadonly, validateOn);\n\n    provide(FormKey, form);\n\n    return form;\n}\n\n/**\n * # Use Form\n */\nexport function useForm() {\n    return inject(FormKey, null);\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/group-CRtmwMRg.mjs

@@ -0,0 +1,232 @@
+/*! Evance UI v1.0.16 | MIT License */
+import { reactive, onMounted, onBeforeUnmount, computed, toRef, provide } from "vue";
+import { u as useModelProxy } from "./modelProxy-CaWgzjb4.mjs";
+import { c as isDeepEqual } from "./is-functions-BX-xFd1P.mjs";
+import { w as wrapInArray } from "./helpers-3Kc3JPa3.mjs";
+import { p as propsFactory } from "./props-XyZfS7T6.mjs";
+import { g as getCurrentComponent } from "./components-BV3FZKR7.mjs";
+import { c as consoleWarn } from "./console-BpuniL2r.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-CRtmwMRg.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"group-CRtmwMRg.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-DqnuUzRK.mjs

@@ -0,0 +1,81 @@
+/*! Evance UI v1.0.16 | MIT License */
+import { provide, inject, toRef, computed, onBeforeUnmount, watch } from "vue";
+import { g as getNextId } from "./helpers-3Kc3JPa3.mjs";
+import { p as propsFactory } from "./props-XyZfS7T6.mjs";
+import { g as getCurrentComponent } from "./components-BV3FZKR7.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-DqnuUzRK.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"groupItem-DqnuUzRK.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-DfiahRzp.mjs

@@ -0,0 +1,21 @@
+/*! Evance UI v1.0.16 | 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-DfiahRzp.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hasSlotWithContent-DfiahRzp.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;"}