vue-composable-ui 1.0.6 → 1.1.0

package/dist/types/utils/validation.d.ts

@@ -0,0 +1,25 @@
+import type { MaybeRefOrGetter, Ref } from "vue";
+/**
+ * A validating function must return `true` or a string describing the error
+ */
+export type Validator = (value: string) => true | string;
+export interface useValidationReturn {
+    /**
+     * Whether the value is valid.
+     */
+    isValid: Readonly<Ref<boolean>>;
+    /**
+     * An array of strings representing messages that describe the validation constraints that the value does not satisfy (if any)
+     */
+    errors: Readonly<Ref<readonly string[]>>;
+}
+/**
+ * Utilizes Constraint Validation API to enable custom validation constrains for a form control
+ *
+ * @param el A template ref or a CSS selector
+ * @param validators An array of validating functions
+ * @param stopOnFirstError Whether to stop running validators on the first error (false by default)
+ *
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Constraint_validation}
+ */
+export declare function useValidation(value: MaybeRefOrGetter<any>, validators?: MaybeRefOrGetter<Validator[]>, stopOnFirstError?: MaybeRefOrGetter<boolean>): useValidationReturn;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-composable-ui",
-  "version": "1.0.6",
+  "version": "1.1.0",
   "type": "module",
   "repository": {
     "type": "git",

package/dist/comboboxInput.vue_vue_type_script_setup_true_lang-DzRfJ5ke.js

@@ -1,33 +0,0 @@
-import { defineComponent as i, inject as m, useModel as r, watch as c, computed as p, withDirectives as d, createElementBlock as s, openBlock as f, mergeProps as v, vModelDynamic as b } from "vue";
-import { injectCombobox as x } from "./composable-ui24.js";
-const h = /* @__PURE__ */ i({
-  __name: "comboboxInput",
-  props: {
-    modelValue: {},
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(l) {
-    const e = m(x);
-    if (!e)
-      throw new Error("Combobox injectable context is not provided");
-    const o = r(l, "modelValue");
-    function t() {
-      o.value = e.displayValue.value;
-    }
-    c(e.displayValue, t, { immediate: !0 });
-    const u = p(() => ({
-      oninput: () => e.open({ focus: !0 }),
-      onchange: t,
-      ...e.activatorAttrs.value
-    }));
-    return (V, n) => d((f(), s("input", v({
-      "onUpdate:modelValue": n[0] || (n[0] = (a) => o.value = a)
-    }, u.value, { autocomplete: "off" }), null, 16)), [
-      [b, o.value]
-    ]);
-  }
-});
-export {
-  h as _
-};