@evance/evance-ui 1.0.35 → 1.0.37

package/dist/cjs/chunks/form-CXLv9NqG.cjs

@@ -0,0 +1,155 @@
+"use strict";
+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.37 | MIT License */
+const vue = require("vue");
+const modelProxy = require("./modelProxy-Bt4Asa7E.cjs");
+const console = require("./console-COua_yjC.cjs");
+const props = require("./props-BJmvtSmc.cjs");
+class Form {
+  constructor(props2) {
+    __publicField(this, "fields", []);
+    __publicField(this, "valid");
+    __publicField(this, "validating", vue.shallowRef(false));
+    __publicField(this, "errors", vue.ref([]));
+    __publicField(this, "data");
+    __publicField(this, "validateOn");
+    this.props = props2;
+    this.data = modelProxy.useModelProxy(this.props, "data");
+    this.valid = modelProxy.useModelProxy(this.props, "modelValue");
+    this.validateOn = vue.toRef(props2, "validateOn");
+  }
+  get isDisabled() {
+    return this.props.disabled;
+  }
+  get isReadonly() {
+    return this.props.readonly;
+  }
+  get isValid() {
+    return this.valid.value;
+  }
+  get isValidating() {
+    return this.validating.value;
+  }
+  addErrors(errors) {
+    errors.forEach(({ name, message }) => {
+      var _a;
+      (_a = this.getField(name)) == null ? void 0 : _a.addError(message);
+    });
+    this.valid.value = false;
+    this.errors.value.push(...errors);
+  }
+  /**
+   * ## Add Field
+   * @param field
+   */
+  addField(field) {
+    if (this.hasField(field.id)) {
+      console.consoleWarn(`Duplicate form field with name "${field.id}"`);
+    }
+    this.fields.push(field);
+  }
+  /**
+   * ## Get Field
+   * @param name
+   */
+  getField(name) {
+    return this.fields.find((field) => {
+      return field.name === name;
+    });
+  }
+  /**
+   * ## 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());
+    this.valid.value = null;
+    this.errors.value = [];
+  }
+  /**
+   * ## Reset Validation
+   */
+  resetValidation() {
+    this.fields.forEach((field) => field.resetValidation());
+    this.valid.value = null;
+    this.errors.value = [];
+  }
+  /**
+   * ## Validate
+   */
+  async validate() {
+    let valid = true;
+    this.errors.value = [];
+    this.validating.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.validating.value = false;
+    this.valid.value = valid;
+    return {
+      valid,
+      errors: [...vue.toRaw(this.errors.value)],
+      addErrors: (errors) => {
+        this.addErrors(errors);
+      }
+    };
+  }
+}
+const FormKey = Symbol.for("ev:form");
+const makeFormProps = props.propsFactory(
+  {
+    data: Object,
+    disabled: Boolean,
+    readonly: Boolean,
+    modelValue: {
+      type: Boolean,
+      default: null
+    },
+    validateOn: {
+      type: String,
+      default: "input"
+    }
+  },
+  "form"
+);
+function createForm(props2) {
+  const form = new Form(props2);
+  vue.provide(FormKey, form);
+  return form;
+}
+function useForm() {
+  return vue.inject(FormKey, null);
+}
+exports.createForm = createForm;
+exports.makeFormProps = makeFormProps;
+exports.useForm = useForm;
+//# sourceMappingURL=form-CXLv9NqG.cjs.map

package/dist/cjs/chunks/form-CXLv9NqG.cjs.map

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

package/dist/cjs/chunks/group-DKEr9T-2.cjs

@@ -0,0 +1,231 @@
+"use strict";
+/*! Evance UI v1.0.37 | MIT License */
+const vue = require("vue");
+const modelProxy = require("./modelProxy-Bt4Asa7E.cjs");
+const isFunctions = require("./is-functions-C3NTgG6G.cjs");
+const helpers = require("./helpers-BPK6t6lQ.cjs");
+const props = require("./props-BJmvtSmc.cjs");
+const components = require("./components-QZKZlAsw.cjs");
+const console = require("./console-COua_yjC.cjs");
+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 = props.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) => isFunctions.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(props2, injectKey) {
+  let isUnmounted = false;
+  const items = vue.reactive([]);
+  const selected = modelProxy.useModelProxy(
+    props2,
+    "modelValue",
+    [],
+    (value) => {
+      return value == null ? [] : getIds(items, helpers.wrapInArray(value));
+    },
+    (value) => {
+      const values = getValues(items, value);
+      return props2.multiple ? values : values[0];
+    }
+  );
+  const groupComponent = components.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 && props2.mandatory === "force" && !selected.value.length) {
+      selected.value = [item.id];
+    }
+  }
+  vue.onMounted(() => {
+    forceMandatoryValue();
+  });
+  vue.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 (props2.multiple) {
+      const internalValue = selected.value.slice();
+      const index = internalValue.findIndex((v) => v === id);
+      const isSelected = ~index;
+      value = value ?? !isSelected;
+      if (isSelected && props2.mandatory && internalValue.length <= 1) {
+        return;
+      }
+      if (!isSelected && props2.max != null && internalValue.length + 1 > props2.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 (props2.mandatory && isSelected) {
+        return;
+      }
+      selected.value = value ?? !isSelected ? [id] : [];
+    }
+  }
+  function step(offset) {
+    if (props2.multiple) {
+      console.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: vue.toRef(props2, "disabled"),
+    previous: () => step(items.length - 1),
+    next: () => step(1),
+    isSelected: (id) => selected.value.includes(id),
+    selectedClass: vue.computed(() => props2.selectedClass),
+    selectedAppearance: vue.computed(() => props2.selectedAppearance),
+    selectedVariant: vue.computed(() => props2.selectedVariant),
+    items: vue.computed(() => items),
+    getItemIndex: (value) => getItemIndex(items, value)
+  };
+  vue.provide(injectKey, state);
+  return state;
+}
+exports.findChildren = findChildren;
+exports.findChildrenWithProvide = findChildrenWithProvide;
+exports.focusableChildren = focusableChildren;
+exports.makeGroupProps = makeGroupProps;
+exports.useGroup = useGroup;
+//# sourceMappingURL=group-DKEr9T-2.cjs.map

package/dist/cjs/chunks/group-DKEr9T-2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-DKEr9T-2.cjs","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":["propsFactory","item","isDeepEqual","props","reactive","useModelProxy","wrapInArray","getCurrentComponent","onMounted","onBeforeUnmount","consoleWarn","toRef","computed","provide"],"mappings":"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"}

package/dist/cjs/chunks/groupItem-Gi8tJPhS.cjs

@@ -0,0 +1,80 @@
+"use strict";
+/*! Evance UI v1.0.37 | MIT License */
+const vue = require("vue");
+const helpers = require("./helpers-BPK6t6lQ.cjs");
+const props = require("./props-BJmvtSmc.cjs");
+const components = require("./components-QZKZlAsw.cjs");
+const makeGroupItemProps = props.propsFactory(
+  {
+    value: null,
+    disabled: Boolean,
+    selectedClass: String,
+    selectedAppearance: String,
+    selectedVariant: String
+  },
+  "group-item"
+);
+function useGroupItem(props2, injectKey, required) {
+  const component = components.getCurrentComponent("useGroupItem");
+  if (!component) {
+    throw new Error(
+      "Evance UI: `useGroupItem()` composable must be used inside a component setup function"
+    );
+  }
+  const id = helpers.getNextId();
+  vue.provide(Symbol.for(`${injectKey.description}:id`), id);
+  const group = vue.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 = vue.toRef(props2, "value");
+  const disabled = vue.computed(() => {
+    return !!(group.disabled.value || props2.disabled);
+  });
+  const isSelected = vue.computed(() => {
+    return group.isSelected(id);
+  });
+  const selectedClass = vue.computed(() => {
+    return isSelected.value && [group.selectedClass.value, props2.selectedClass];
+  });
+  const selectedAppearance = vue.computed(() => {
+    return isSelected.value ? props2.selectedAppearance ?? (group == null ? void 0 : group.selectedAppearance.value) : void 0;
+  });
+  const selectedVariant = vue.computed(() => {
+    return isSelected.value ? props2.selectedVariant ?? (group == null ? void 0 : group.selectedVariant.value) : void 0;
+  });
+  group.register(
+    {
+      id,
+      value,
+      disabled
+    },
+    component
+  );
+  vue.onBeforeUnmount(() => {
+    group.unregister(id);
+  });
+  vue.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
+  };
+}
+exports.makeGroupItemProps = makeGroupItemProps;
+exports.useGroupItem = useGroupItem;
+//# sourceMappingURL=groupItem-Gi8tJPhS.cjs.map

package/dist/cjs/chunks/groupItem-Gi8tJPhS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupItem-Gi8tJPhS.cjs","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":["propsFactory","props","getCurrentComponent","getNextId","provide","inject","toRef","computed","onBeforeUnmount","watch","value"],"mappings":";;;;;;AA+CO,MAAM,qBAAqBA,MAAA;AAAA,EAC9B;AAAA,IACI,OAAO;AAAA,IACP,UAAU;AAAA,IACV,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,EACrB;AAAA,EACA;AACJ;AAagB,SAAA,aACZC,QACA,WACA,UAC4B;AACtB,QAAA,YAAYC,+BAAoB,cAAc;AACpD,MAAI,CAAC,WAAW;AACZ,UAAM,IAAI;AAAA,MACN;AAAA,IACJ;AAAA,EAAA;AAEJ,QAAM,KAAKC,QAAAA,UAAU;AACrBC,cAAQ,OAAO,IAAI,GAAG,UAAU,WAAW,KAAK,GAAG,EAAE;AAE/C,QAAA,QAAQC,IAAAA,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,QAAQC,IAAAA,MAAML,QAAO,OAAO;AAC5B,QAAA,WAAWM,IAAAA,SAAS,MAAM;AAC5B,WAAO,CAAC,EAAE,MAAM,SAAS,SAASN,OAAM;AAAA,EAAA,CAC3C;AACK,QAAA,aAAaM,IAAAA,SAAS,MAAM;AACvB,WAAA,MAAM,WAAW,EAAE;AAAA,EAAA,CAC7B;AACK,QAAA,gBAAgBA,IAAAA,SAAS,MAAM;AACjC,WACI,WAAW,SAAS,CAAC,MAAM,cAAc,OAAON,OAAM,aAAa;AAAA,EAAA,CAE1E;AACK,QAAA,qBAAqBM,IAAAA,SAAS,MAAM;AACtC,WAAO,WAAW,QACZN,OAAM,uBAAsB,+BAAO,mBAAmB,SACtD;AAAA,EAAA,CACT;AACK,QAAA,kBAAkBM,IAAAA,SAAS,MAAM;AACnC,WAAO,WAAW,QACZN,OAAM,oBAAmB,+BAAO,gBAAgB,SAChD;AAAA,EAAA,CACT;AAEK,QAAA;AAAA,IACF;AAAA,MACI;AAAA,MACA;AAAA,MACA;AAAA,IACJ;AAAA,IACA;AAAA,EACJ;AAEAO,MAAAA,gBAAgB,MAAM;AAClB,UAAM,WAAW,EAAE;AAAA,EAAA,CACtB;AAEKC,YAAA,YAAY,CAACC,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/cjs/chunks/hasSlotWithContent-CfCOjWrK.cjs

@@ -0,0 +1,20 @@
+"use strict";
+/*! Evance UI v1.0.37 | MIT License */
+const vue = require("vue");
+function hasSlotWithContent(slots, slotName) {
+  return vue.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);
+    });
+  });
+}
+exports.hasSlotWithContent = hasSlotWithContent;
+//# sourceMappingURL=hasSlotWithContent-CfCOjWrK.cjs.map

package/dist/cjs/chunks/hasSlotWithContent-CfCOjWrK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hasSlotWithContent-CfCOjWrK.cjs","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":["computed"],"mappings":";;;AAYgB,SAAA,mBACZ,OACA,UACW;AACX,SAAOA,aAAS,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;;"}