npm - @evance/evance-ui - Versions diffs - 1.0.51 → 1.0.52 - Mend

@evance/evance-ui 1.0.51 → 1.0.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1835) hide show

package/dist/cjs/src/icons/glyph/TrophyIcon.svg.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const _hoisted_1 = {

package/dist/cjs/src/icons/glyph/UndoIcon.svg.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const _hoisted_1 = {

package/dist/cjs/src/icons/glyph/UploadIcon.svg.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const _hoisted_1 = {

package/dist/cjs/src/icons/glyph/UserIcon.svg.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const _hoisted_1 = {

package/dist/cjs/src/icons/glyph/UserOffIcon.svg.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const _hoisted_1 = {

package/dist/cjs/src/icons/glyph/VectorImageIcon.svg.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const _hoisted_1 = {

package/dist/cjs/src/icons/glyph/VideoIcon.svg.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const _hoisted_1 = {

package/dist/cjs/src/icons/glyph/VisibilityHiddenIcon.svg.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const _hoisted_1 = {

package/dist/cjs/src/icons/glyph/VisibilityIcon.svg.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const _hoisted_1 = {

package/dist/cjs/src/icons/glyph/VisibilityOffIcon.svg.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const _hoisted_1 = {

package/dist/cjs/src/icons/glyph/WalletIcon.svg.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const _hoisted_1 = {

package/dist/cjs/src/icons/glyph/WarningIcon.svg.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const _hoisted_1 = {

package/dist/cjs/src/icons/glyph/WorkflowIcon.svg.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const _hoisted_1 = {

package/dist/cjs/src/icons/glyph/ZipArchiveIcon.svg.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const _hoisted_1 = {

package/dist/cjs/src/locale/en.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const en = {
   carousel: {

package/dist/cjs/src/modules/Form/Form.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 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.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const modelProxy = require("../../composables/modelProxy.cjs");

package/dist/cjs/src/modules/Form/FormField.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 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.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const toggleScope = require("../../composables/toggleScope.cjs");
@@ -117,7 +117,8 @@ class FormField {
     };
   }
   get errorMessages() {
-    return this.messages.value;
+    const propErrors = this.props.errorMessages ?? [];
+    return [...this.messages.value, ...propErrors];
   }
   get id() {
     return this.props.id || `input-${this.uid}`;

package/dist/cjs/src/modules/Form/FormField.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormField.cjs","sources":["../../../../../src/modules/Form/FormField.ts"],"sourcesContent":["import {\r\n computed,\r\n nextTick,\r\n onBeforeMount,\r\n onBeforeUnmount,\r\n onMounted,\r\n Ref,\r\n ref,\r\n shallowRef,\r\n watch,\r\n} from \"vue\";\r\nimport { FormFieldProps, Validator } from \"@/composables/validation\";\r\nimport {\r\n Browser,\r\n consoleWarn,\r\n getCurrentComponent,\r\n getNextId,\r\n getPropertyValueByPath,\r\n isFunction,\r\n isString,\r\n setPropertyValueByPath,\r\n wrapInArray,\r\n} from \"@/util\";\r\nimport { Form } from \"@/modules/Form/Form\";\r\nimport { useToggleScope } from \"@/composables/toggleScope\";\r\nimport { useModelProxy } from \"@/composables/modelProxy\";\r\n\r\n/*\r\n # Form Field\r\n \r\n @todo: decide on terminology for shapers/validators/resolvers/rules (it would be good to have shapers)\r\n \r\n /\r\nexport class FormField {\r\n public readonly focused: Ref<boolean>;\r\n public readonly focusedVisible: Ref<boolean>;\r\n private readonly messages: Ref<string[]> = ref([]);\r\n public readonly model: Ref<any>;\r\n public readonly pristine = shallowRef(true);\r\n public readonly uid = getNextId();\r\n public readonly validating = shallowRef(false);\r\n private readonly validationModel: Ref<any>;\r\n\r\n constructor(\r\n public readonly form: Form \| null,\r\n private props: FormFieldProps,\r\n private group: FormField \| undefined = undefined,\r\n ) {\r\n const component = getCurrentComponent(\"FormField\");\r\n const internalModel = ref(props.modelValue);\r\n\r\n watch(\r\n () => props.modelValue,\r\n (value) => {\r\n internalModel.value = value;\r\n },\r\n );\r\n\r\n this.model = computed({\r\n get() {\r\n if (group) {\r\n return group.model.value;\r\n }\r\n if (form?.data.value && props.name) {\r\n return getPropertyValueByPath(form.data.value, props.name);\r\n }\r\n return internalModel.value;\r\n },\r\n set(value) {\r\n if (group) {\r\n group.model.value = value;\r\n } else if (form?.data.value && props.name) {\r\n setPropertyValueByPath(form.data.value, props.name, value);\r\n } else {\r\n internalModel.value = value;\r\n }\r\n component.emit(\"update:modelValue\", value);\r\n },\r\n });\r\n\r\n this.focused = useModelProxy(this.props, \"focused\");\r\n this.focusedVisible = ref(false);\r\n\r\n // We use a computed() Ref here for a valid watch()\r\n this.validationModel = computed(() => {\r\n return this.props.validationValue === undefined\r\n ? this.model.value\r\n : this.props.validationValue;\r\n });\r\n\r\n onBeforeMount(() => {\r\n this.form?.addField(this);\r\n });\r\n\r\n onBeforeUnmount(() => {\r\n this.form?.removeField(this.id);\r\n });\r\n\r\n onMounted(async () => {\r\n if (!this.validateOn.lazy) {\r\n await this.validate(true);\r\n }\r\n });\r\n\r\n useToggleScope(\r\n () => this.validateOn.input,\r\n () => {\r\n watch(this.validationModel, () => {\r\n if (this.validationModel.value != null) {\r\n this.validate();\r\n } else if (this.isFocused) {\r\n const unwatch = watch(\r\n () => this.focused.value,\r\n (value) => {\r\n if (!value) {\r\n this.validate();\r\n }\r\n unwatch();\r\n },\r\n );\r\n }\r\n });\r\n },\r\n );\r\n\r\n useToggleScope(\r\n () => this.validateOn.blur,\r\n () => {\r\n watch(\r\n () => this.focused.value,\r\n (value) => {\r\n if (!value) {\r\n this.validate();\r\n }\r\n },\r\n );\r\n },\r\n );\r\n }\r\n\r\n get classes() {\r\n return {\r\n \"is-error\": this.isValid === false,\r\n \"is-dirty\": this.isDirty,\r\n \"is-disabled\": this.isDisabled,\r\n \"is-readonly\": this.isReadonly,\r\n \"is-focused\": this.isFocused,\r\n \"is-focused-visible\": this.isFocusedVisible,\r\n };\r\n }\r\n\r\n get errorMessages() {\r\n return this.messages.value;\r\n }\r\n\r\n get id() {\r\n return this.props.id \|\| `input-${this.uid}`;\r\n }\r\n\r\n get isDirty() {\r\n return !!(\r\n wrapInArray(this.model.value === \"\" ? null : this.model.value)\r\n .length \|\|\r\n wrapInArray(\r\n this.validationModel.value === \"\"\r\n ? null\r\n : this.validationModel.value,\r\n ).length\r\n );\r\n }\r\n\r\n get isDisabled(): boolean {\r\n return !!(\r\n this.props.disabled \|\|\r\n this.group?.isDisabled \|\|\r\n this.form?.isDisabled\r\n );\r\n }\r\n\r\n get isFocused(): boolean {\r\n return this.focused.value;\r\n }\r\n\r\n get isFocusedVisible(): boolean {\r\n return this.focusedVisible.value;\r\n }\r\n\r\n get isReadonly(): boolean {\r\n return !!(\r\n this.props.readonly \|\|\r\n this.group?.isReadonly \|\|\r\n this.form?.isReadonly\r\n );\r\n }\r\n\r\n get isPristine(): boolean {\r\n return this.pristine.value;\r\n }\r\n\r\n get isShowErrorMessages(): boolean {\r\n return !!this.errorMessages.length && !this.isPristine;\r\n }\r\n\r\n get isValid(): boolean \| null {\r\n if (this.group && this.group.isValid === false) {\r\n return false;\r\n }\r\n if (this.props.error) {\r\n return false;\r\n }\r\n if (!this.props.validators.length) {\r\n // @todo: determine if this is needed\r\n // I commented it out since it prevents server-side errors from being added\r\n // return true;\r\n }\r\n if (this.isPristine) {\r\n return this.messages.value.length \|\| this.validateOn.lazy\r\n ? null\r\n : true;\r\n } else {\r\n return !this.messages.value.length;\r\n }\r\n }\r\n\r\n get isValidating() {\r\n return this.validating.value;\r\n }\r\n\r\n get name(): string {\r\n return this.group?.name ?? this.props.name ?? this.id;\r\n }\r\n\r\n get validateOn() {\r\n let value =\r\n (this.props.validateOn ?? this.form?.validateOn.value) \|\| \"input\";\r\n if (value === \"lazy\") {\r\n value = \"input lazy\";\r\n }\r\n const set = new Set(value?.split(\" \") ?? []);\r\n return {\r\n blur: set.has(\"blur\") \|\| set.has(\"input\"),\r\n input: set.has(\"input\"),\r\n submit: set.has(\"submit\"),\r\n lazy: set.has(\"lazy\"),\r\n };\r\n }\r\n\r\n get value() {\r\n return this.model.value;\r\n }\r\n\r\n set value(value) {\r\n this.model.value = value;\r\n }\r\n\r\n /*\r\n ## Add Error Message\r\n \r\n Add one or more validation messages to the field.\r\n \r\n @param message\r\n /\r\n public addError(...message: string[]) {\r\n this.messages.value.push(...message);\r\n }\r\n\r\n /\r\n ## Add Validator\r\n \r\n Add one or more validation functions to the field.\r\n \r\n @param validator\r\n /\r\n public addValidator(...validator: Validator[]) {\r\n this.props.validators.push(...validator);\r\n }\r\n\r\n /\r\n ## Blur\r\n * @param e\r\n /\r\n public blur(): void {\r\n this.focused.value = false;\r\n this.focusedVisible.value = false;\r\n }\r\n\r\n /\r\n ## Focus\r\n \r\n @param e\r\n /\r\n public focus(e?: Event): void {\r\n this.focused.value = true;\r\n const el = e?.target as HTMLElement;\r\n if (Browser.supportsFocusVisible && el?.matches(\":focus-visible\")) {\r\n this.focusedVisible.value = true;\r\n }\r\n }\r\n\r\n /\r\n ## Reset\r\n /\r\n public reset() {\r\n this.model.value = null;\r\n nextTick(() => {\r\n this.resetValidation();\r\n });\r\n }\r\n\r\n /\r\n ## Reset Validation\r\n /\r\n public resetValidation() {\r\n this.pristine.value = true;\r\n if (!this.validateOn.lazy) {\r\n this.validate(true);\r\n } else {\r\n this.messages.value = [];\r\n }\r\n }\r\n\r\n /\r\n ## Validate\r\n */\r\n public async validate(silent = false) {\r\n const results: string[] = [];\r\n this.validating.value = true;\r\n for (const validator of this.props.validators) {\r\n const validatorFn = isFunction(validator)\r\n ? validator\r\n : () => validator;\r\n const result = await validatorFn(this.validationModel.value);\r\n if (result === true) {\r\n continue;\r\n }\r\n if (!isString(result)) {\r\n consoleWarn(\r\n `${result} is not a valid value. Validator functions must return boolean true or a string.`,\r\n );\r\n continue;\r\n }\r\n results.push(result);\r\n }\r\n this.messages.value = results;\r\n this.validating.value = false;\r\n this.pristine.value = silent;\r\n return this.messages.value;\r\n }\r\n}\r\n"],"names":["ref","shallowRef","getNextId","getCurrentComponent","watch","computed","getPropertyValueByPath","setPropertyValueByPath","useModelProxy","onBeforeMount","onBeforeUnmount","onMounted","useToggleScope","wrapInArray","Browser","nextTick","isFunction","isString","consoleWarn"],"mappings":"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"}
1	+ {"version":3,"file":"FormField.cjs","sources":["../../../../../src/modules/Form/FormField.ts"],"sourcesContent":["import {\r\n computed,\r\n nextTick,\r\n onBeforeMount,\r\n onBeforeUnmount,\r\n onMounted,\r\n Ref,\r\n ref,\r\n shallowRef,\r\n watch,\r\n} from \"vue\";\r\nimport { FormFieldProps, Validator } from \"@/composables/validation\";\r\nimport {\r\n Browser,\r\n consoleWarn,\r\n getCurrentComponent,\r\n getNextId,\r\n getPropertyValueByPath,\r\n isFunction,\r\n isString,\r\n setPropertyValueByPath,\r\n wrapInArray,\r\n} from \"@/util\";\r\nimport { Form } from \"@/modules/Form/Form\";\r\nimport { useToggleScope } from \"@/composables/toggleScope\";\r\nimport { useModelProxy } from \"@/composables/modelProxy\";\r\n\r\n/*\r\n # Form Field\r\n \r\n @todo: decide on terminology for shapers/validators/resolvers/rules (it would be good to have shapers)\r\n \r\n /\r\nexport class FormField {\r\n public readonly focused: Ref<boolean>;\r\n public readonly focusedVisible: Ref<boolean>;\r\n public readonly messages: Ref<string[]> = ref([]);\r\n public readonly model: Ref<any>;\r\n public readonly pristine = shallowRef(true);\r\n public readonly uid = getNextId();\r\n public readonly validating = shallowRef(false);\r\n private readonly validationModel: Ref<any>;\r\n\r\n constructor(\r\n public readonly form: Form \| null,\r\n private props: FormFieldProps,\r\n private group: FormField \| undefined = undefined,\r\n ) {\r\n const component = getCurrentComponent(\"FormField\");\r\n const internalModel = ref(props.modelValue);\r\n\r\n watch(\r\n () => props.modelValue,\r\n (value) => {\r\n internalModel.value = value;\r\n },\r\n );\r\n\r\n this.model = computed({\r\n get() {\r\n if (group) {\r\n return group.model.value;\r\n }\r\n if (form?.data.value && props.name) {\r\n return getPropertyValueByPath(form.data.value, props.name);\r\n }\r\n return internalModel.value;\r\n },\r\n set(value) {\r\n if (group) {\r\n group.model.value = value;\r\n } else if (form?.data.value && props.name) {\r\n setPropertyValueByPath(form.data.value, props.name, value);\r\n } else {\r\n internalModel.value = value;\r\n }\r\n component.emit(\"update:modelValue\", value);\r\n },\r\n });\r\n\r\n this.focused = useModelProxy(this.props, \"focused\");\r\n this.focusedVisible = ref(false);\r\n\r\n // We use a computed() Ref here for a valid watch()\r\n this.validationModel = computed(() => {\r\n return this.props.validationValue === undefined\r\n ? this.model.value\r\n : this.props.validationValue;\r\n });\r\n\r\n onBeforeMount(() => {\r\n this.form?.addField(this);\r\n });\r\n\r\n onBeforeUnmount(() => {\r\n this.form?.removeField(this.id);\r\n });\r\n\r\n onMounted(async () => {\r\n if (!this.validateOn.lazy) {\r\n await this.validate(true);\r\n }\r\n });\r\n\r\n useToggleScope(\r\n () => this.validateOn.input,\r\n () => {\r\n watch(this.validationModel, () => {\r\n if (this.validationModel.value != null) {\r\n this.validate();\r\n } else if (this.isFocused) {\r\n const unwatch = watch(\r\n () => this.focused.value,\r\n (value) => {\r\n if (!value) {\r\n this.validate();\r\n }\r\n unwatch();\r\n },\r\n );\r\n }\r\n });\r\n },\r\n );\r\n\r\n useToggleScope(\r\n () => this.validateOn.blur,\r\n () => {\r\n watch(\r\n () => this.focused.value,\r\n (value) => {\r\n if (!value) {\r\n this.validate();\r\n }\r\n },\r\n );\r\n },\r\n );\r\n }\r\n\r\n get classes() {\r\n return {\r\n \"is-error\": this.isValid === false,\r\n \"is-dirty\": this.isDirty,\r\n \"is-disabled\": this.isDisabled,\r\n \"is-readonly\": this.isReadonly,\r\n \"is-focused\": this.isFocused,\r\n \"is-focused-visible\": this.isFocusedVisible,\r\n };\r\n }\r\n\r\n get errorMessages() {\r\n const propErrors = this.props.errorMessages ?? [];\r\n return [...this.messages.value, ...propErrors];\r\n }\r\n\r\n get id() {\r\n return this.props.id \|\| `input-${this.uid}`;\r\n }\r\n\r\n get isDirty() {\r\n return !!(\r\n wrapInArray(this.model.value === \"\" ? null : this.model.value)\r\n .length \|\|\r\n wrapInArray(\r\n this.validationModel.value === \"\"\r\n ? null\r\n : this.validationModel.value,\r\n ).length\r\n );\r\n }\r\n\r\n get isDisabled(): boolean {\r\n return !!(\r\n this.props.disabled \|\|\r\n this.group?.isDisabled \|\|\r\n this.form?.isDisabled\r\n );\r\n }\r\n\r\n get isFocused(): boolean {\r\n return this.focused.value;\r\n }\r\n\r\n get isFocusedVisible(): boolean {\r\n return this.focusedVisible.value;\r\n }\r\n\r\n get isReadonly(): boolean {\r\n return !!(\r\n this.props.readonly \|\|\r\n this.group?.isReadonly \|\|\r\n this.form?.isReadonly\r\n );\r\n }\r\n\r\n get isPristine(): boolean {\r\n return this.pristine.value;\r\n }\r\n\r\n get isShowErrorMessages(): boolean {\r\n return !!this.errorMessages.length && !this.isPristine;\r\n }\r\n\r\n get isValid(): boolean \| null {\r\n if (this.group && this.group.isValid === false) {\r\n return false;\r\n }\r\n if (this.props.error) {\r\n return false;\r\n }\r\n if (!this.props.validators.length) {\r\n // @todo: determine if this is needed\r\n // I commented it out since it prevents server-side errors from being added\r\n // return true;\r\n }\r\n if (this.isPristine) {\r\n return this.messages.value.length \|\| this.validateOn.lazy\r\n ? null\r\n : true;\r\n } else {\r\n return !this.messages.value.length;\r\n }\r\n }\r\n\r\n get isValidating() {\r\n return this.validating.value;\r\n }\r\n\r\n get name(): string {\r\n return this.group?.name ?? this.props.name ?? this.id;\r\n }\r\n\r\n get validateOn() {\r\n let value =\r\n (this.props.validateOn ?? this.form?.validateOn.value) \|\| \"input\";\r\n if (value === \"lazy\") {\r\n value = \"input lazy\";\r\n }\r\n const set = new Set(value?.split(\" \") ?? []);\r\n return {\r\n blur: set.has(\"blur\") \|\| set.has(\"input\"),\r\n input: set.has(\"input\"),\r\n submit: set.has(\"submit\"),\r\n lazy: set.has(\"lazy\"),\r\n };\r\n }\r\n\r\n get value() {\r\n return this.model.value;\r\n }\r\n\r\n set value(value) {\r\n this.model.value = value;\r\n }\r\n\r\n /*\r\n ## Add Error Message\r\n \r\n Add one or more validation messages to the field.\r\n \r\n @param message\r\n /\r\n public addError(...message: string[]) {\r\n this.messages.value.push(...message);\r\n }\r\n\r\n /\r\n ## Add Validator\r\n \r\n Add one or more validation functions to the field.\r\n \r\n @param validator\r\n /\r\n public addValidator(...validator: Validator[]) {\r\n this.props.validators.push(...validator);\r\n }\r\n\r\n /\r\n ## Blur\r\n * @param e\r\n /\r\n public blur(): void {\r\n this.focused.value = false;\r\n this.focusedVisible.value = false;\r\n }\r\n\r\n /\r\n ## Focus\r\n \r\n @param e\r\n /\r\n public focus(e?: Event): void {\r\n this.focused.value = true;\r\n const el = e?.target as HTMLElement;\r\n if (Browser.supportsFocusVisible && el?.matches(\":focus-visible\")) {\r\n this.focusedVisible.value = true;\r\n }\r\n }\r\n\r\n /\r\n ## Reset\r\n /\r\n public reset() {\r\n this.model.value = null;\r\n nextTick(() => {\r\n this.resetValidation();\r\n });\r\n }\r\n\r\n /\r\n ## Reset Validation\r\n /\r\n public resetValidation() {\r\n this.pristine.value = true;\r\n if (!this.validateOn.lazy) {\r\n this.validate(true);\r\n } else {\r\n this.messages.value = [];\r\n }\r\n }\r\n\r\n /\r\n ## Validate\r\n */\r\n public async validate(silent = false) {\r\n const results: string[] = [];\r\n this.validating.value = true;\r\n for (const validator of this.props.validators) {\r\n const validatorFn = isFunction(validator)\r\n ? validator\r\n : () => validator;\r\n const result = await validatorFn(this.validationModel.value);\r\n if (result === true) {\r\n continue;\r\n }\r\n if (!isString(result)) {\r\n consoleWarn(\r\n `${result} is not a valid value. Validator functions must return boolean true or a string.`,\r\n );\r\n continue;\r\n }\r\n results.push(result);\r\n }\r\n this.messages.value = results;\r\n this.validating.value = false;\r\n this.pristine.value = silent;\r\n return this.messages.value;\r\n }\r\n}\r\n"],"names":["ref","shallowRef","getNextId","getCurrentComponent","watch","computed","getPropertyValueByPath","setPropertyValueByPath","useModelProxy","onBeforeMount","onBeforeUnmount","onMounted","useToggleScope","wrapInArray","Browser","nextTick","isFunction","isString","consoleWarn"],"mappings":"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"}

package/dist/cjs/src/modules/Locale/LocaleCode.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const TranslationCode = require("../Translation/TranslationCode.cjs");
 class LocaleCode extends TranslationCode.TranslationCode {

package/dist/cjs/src/modules/Locale/LocaleManager.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 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.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Localized = require("./Localized.cjs");
 const NumberFormatter = require("../NumberFormatter.cjs");

package/dist/cjs/src/modules/Locale/Localized.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const LocaleCode = require("./LocaleCode.cjs");
 class Localized {

package/dist/cjs/src/modules/NumberFormatter.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Localized = require("./Locale/Localized.cjs");
 class NumberFormatter extends Localized.Localized {

package/dist/cjs/src/modules/Translation/LanguagePack.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Translatable = require("./Translatable.cjs");
 const helpers = require("../../util/helpers.cjs");

package/dist/cjs/src/modules/Translation/Pluralization.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const isFunctions = require("../../util/is-functions.cjs");
 const pluralizationRuleKeys = [

package/dist/cjs/src/modules/Translation/Translatable.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Pluralization = require("./Pluralization.cjs");
 const strings = require("../../util/strings.cjs");

package/dist/cjs/src/modules/Translation/TranslationCode.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 class TranslationCode {
   /**

package/dist/cjs/src/modules/Translation/Translator.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 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.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const LanguagePack = require("./LanguagePack.cjs");
 const Translatable = require("./Translatable.cjs");

package/dist/cjs/src/services/dialog.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const dialog$1 = require("../composables/dialog.cjs");
 const EvDialogServiceOpener = require("../components/EvDialog/EvDialogServiceOpener.cjs");

package/dist/cjs/src/services/drawer.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const drawer$1 = require("../composables/drawer.cjs");
 const EvDrawerServiceOpener = require("../components/EvDrawer/EvDrawerServiceOpener.cjs");

package/dist/cjs/src/services/index.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const dialog = require("./dialog.cjs");
 const drawer = require("./drawer.cjs");

package/dist/cjs/src/services/notification.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvNotificationsManager = require("../components/EvNotifications/EvNotificationsManager.cjs");
 const notification$1 = require("../composables/notification.cjs");

package/dist/cjs/src/util/anchor.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 class Anchor {
   constructor(side, alignment) {

package/dist/cjs/src/util/animate.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const isFunctions = require("./is-functions.cjs");
 function animate(el, keyframes, options) {

package/dist/cjs/src/util/appearance.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const props = require("./props.cjs");
 const vue = require("vue");

package/dist/cjs/src/util/array.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function randomArrayItem(array, emptyValue) {
   if (array.length === 0) {

package/dist/cjs/src/util/bindProps.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const isFunctions = require("./is-functions.cjs");
 const events = require("./events.cjs");

package/dist/cjs/src/util/browser.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 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.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 var _a, _b;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _Browser = class _Browser {

package/dist/cjs/src/util/children.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function findChildren(vnode) {
   var _a;

package/dist/cjs/src/util/components.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 function getCurrentComponent(callee) {

package/dist/cjs/src/util/console.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function consoleWarn(message) {
   console.warn(`Evance UI: ${message}`);

package/dist/cjs/src/util/dimensions.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const axes = ["x", "y"];
 class Rect {

package/dist/cjs/src/util/dom/getOuterHeight.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 function getOuterHeight(element, margin) {
   if (element) {

package/dist/cjs/src/util/dom/getOuterWidth.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 function getOuterWidth(element, margin) {
   if (element instanceof HTMLElement) {

package/dist/cjs/src/util/dom/getViewport.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 function getViewport() {
   const win = window, d = document, e = d.documentElement, g = d.getElementsByTagName("body")[0], w = win.innerWidth || e.clientWidth || g.clientWidth, h = win.innerHeight || e.clientHeight || g.clientHeight;

package/dist/cjs/src/util/events.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const scroll = require("./scroll.cjs");

package/dist/cjs/src/util/helpers.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const components = require("./components.cjs");

package/dist/cjs/src/util/injectSelf.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const components = require("./components.cjs");
 function injectSelf(key, component = components.getCurrentComponent("injectSelf")) {

package/dist/cjs/src/util/is-functions.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function is(a, b) {
   return Object.is(a, b);

package/dist/cjs/src/util/isFixedPosition.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function isFixedPosition(el) {
   while (el) {

package/dist/cjs/src/util/keyboard.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 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.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 class KeyLogger {
   constructor() {

package/dist/cjs/src/util/math.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function mathEval(expression) {
   const ops = {

package/dist/cjs/src/util/modifiers.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const strings = require("./strings.cjs");
 const isFunctions = require("./is-functions.cjs");

package/dist/cjs/src/util/numbers.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const IntegerishPattern = /^\d+$/;
 function isIntegerish(value) {

package/dist/cjs/src/util/plugins.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 exports.VueInstance = void 0;
 const setVueInstance = (Vue) => {

package/dist/cjs/src/util/props.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function propsFactory(props, source) {
   return (defaults) => {

package/dist/cjs/src/util/scroll.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const isFunctions = require("./is-functions.cjs");
 function getScrollParent(el, isIncludeHidden = false, axis = "y") {

package/dist/cjs/src/util/strings.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function spaceSeparatedValues(values = "") {
   if (spaceSeparatedValues.cache.has(values)) {

package/dist/cjs/src/util/style.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function toFixedPosition(style, isRtl = false) {
   Object.assign(style, {

package/dist/cjs/src/util/units.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const isFunctions = require("./is-functions.cjs");
 function toWebUnit(value, unit = "px") {

package/dist/esm/EvApp.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 import { makeEvAppProps } from "./src/components/EvApp/EvApp.mjs";
 import { default as default2 } from "./src/components/EvApp/EvApp.vue.mjs";
 export {

package/dist/esm/EvAvatar.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 import { makeEvAvatarProps } from "./src/components/EvAvatar/EvAvatar.mjs";
 import { default as default2 } from "./src/components/EvAvatar/EvAvatar.vue.mjs";
 export {

package/dist/esm/EvBadge.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 import { makeEvBadgeProps } from "./src/components/EvBadge/EvBadge.mjs";
 import { default as default2 } from "./src/components/EvBadge/EvBadge.vue.mjs";
 export {

package/dist/esm/EvBlock.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.51 | MIT License */
+/*! Evance UI v1.0.52 | MIT License */
 import { makeEvBlockProps } from "./src/components/EvGrid/EvBlock/EvBlock.mjs";
 import { default as default2 } from "./src/components/EvGrid/EvBlock/EvBlock.vue.mjs";
 export {