@wisemen/vue-core-design-system 0.1.1 → 0.1.2

package/dist/index.js

@@ -38,9 +38,9 @@ const kbdKeysMap = {
 	win: "⊞",
 	meta: ""
 };
-var IS_MACOS = isMacos();
+var MACINTOSH_REGEX = /Macintosh;/, IS_MACOS = isMacos();
 function isMacos() {
-	return typeof navigator > "u" || typeof navigator.userAgent != "string" ? !1 : /Macintosh;/.test(navigator.userAgent);
+	return typeof navigator > "u" || typeof navigator.userAgent != "string" ? !1 : MACINTOSH_REGEX.test(navigator.userAgent);
 }
 const useKbd = createSharedComposable(() => {
 	let r = reactive({
@@ -8656,33 +8656,33 @@ var NumberField_default = /* @__PURE__ */ defineComponent({
 	}),
 	emits: /* @__PURE__ */ mergeModels(["blur"], ["update:modelValue"]),
 	setup(r, { emit: a }) {
-		let o = r, s = a, c = useModel(r, "modelValue"), f = computed(() => createNumberFieldStyle({ showControls: o.showControls })), p = ref(c.value), m = ref(!1);
-		watch(() => c.value, (r) => {
-			m.value || (p.value = r);
+		let o = r, s = a, c = /[\s.,`]/g, f = /[\s.,`](?=\d+$)/, p = useModel(r, "modelValue"), m = computed(() => createNumberFieldStyle({ showControls: o.showControls })), g = ref(p.value), v = ref(!1);
+		watch(() => p.value, (r) => {
+			v.value || (g.value = r);
 		});
-		let g = useAttrs(), v = useI18n(), y = o.id ?? useId(), { isError: b, ariaBusy: x, ariaDescribedBy: S, ariaInvalid: C } = useInput(y, o), w = navigator.language;
-		function T(r, a) {
-			let o = new Intl.NumberFormat(a).format(12345.6), s = o.match(/[\s.,`]/g)?.[0], c = o.match(/[\s.,`](?=\d+$)/)?.[0], l = r;
-			return s && (l = l.replaceAll(s, "")), c && (l = l.replace(c, ".")), Number(l);
+		let y = useAttrs(), b = useI18n(), x = o.id ?? useId(), { isError: S, ariaBusy: C, ariaDescribedBy: w, ariaInvalid: T } = useInput(x, o), E = navigator.language;
+		function A(r, a) {
+			let o = new Intl.NumberFormat(a).format(12345.6), s = o.match(c)?.[0], l = o.match(f)?.[0], u = r;
+			return s && (u = u.replaceAll(s, "")), l && (u = u.replace(l, ".")), Number(u);
 		}
-		function E(r) {
-			m.value = !0;
+		function j(r) {
+			v.value = !0;
 			let a = r.target.value;
 			if (a === "") {
-				c.value = null;
+				p.value = null;
 				return;
 			}
-			let o = T(a, w);
-			Number.isNaN(o) || (c.value = o);
+			let o = A(a, E);
+			Number.isNaN(o) || (p.value = o);
 		}
-		function A() {
-			m.value = !1;
+		function M() {
+			v.value = !1;
 		}
-		function j(r) {
-			m.value = !1, s("blur", r);
+		function N(r) {
+			v.value = !1, s("blur", r);
 		}
-		return watch(p, () => {
-			c.value = p.value ?? null;
+		return watch(g, () => {
+			p.value = g.value ?? null;
 		}), (r, a) => (openBlock(), createBlock(InputWrapper_default, {
 			"error-message": o.errorMessage,
 			"is-disabled": o.isDisabled,
@@ -8691,15 +8691,15 @@ var NumberField_default = /* @__PURE__ */ defineComponent({
 			label: o.label,
 			class: normalizeClass(o.class),
 			style: normalizeStyle(o.style),
-			for: unref(y),
+			for: unref(x),
 			"hide-error-message": o.hideErrorMessage
 		}, {
 			"label-left": withCtx(() => [renderSlot(r.$slots, "label-left")]),
 			"label-right": withCtx(() => [renderSlot(r.$slots, "label-right")]),
-			default: withCtx(() => [createVNode(unref(NumberFieldRoot), mergeProps(unref(g), {
-				id: unref(y),
-				modelValue: p.value,
-				"onUpdate:modelValue": a[1] ||= (r) => p.value = r,
+			default: withCtx(() => [createVNode(unref(NumberFieldRoot), mergeProps(unref(y), {
+				id: unref(x),
+				modelValue: g.value,
+				"onUpdate:modelValue": a[1] ||= (r) => g.value = r,
 				readonly: o.isReadonly,
 				required: o.isRequired,
 				"disable-wheel-change": !0,
@@ -8708,7 +8708,7 @@ var NumberField_default = /* @__PURE__ */ defineComponent({
 				step: o.step,
 				"step-snapping": !0,
 				"as-child": !1,
-				locale: unref(w),
+				locale: unref(E),
 				name: o.name ?? void 0,
 				max: o.max ?? void 0,
 				min: o.min ?? void 0
@@ -8717,21 +8717,21 @@ var NumberField_default = /* @__PURE__ */ defineComponent({
 					"icon-left": o.iconLeft,
 					"icon-right": o.iconRight,
 					"is-loading": o.isLoading,
-					"is-error": unref(b),
+					"is-error": unref(S),
 					"is-disabled": o.isDisabled,
 					"is-readonly": o.isReadonly
 				}, {
 					left: withCtx(() => [renderSlot(r.$slots, "left", {}, () => [o.showControls ? (openBlock(), createBlock(unref(RowLayout_default), {
 						key: 0,
-						class: normalizeClass(f.value.leftControl()),
+						class: normalizeClass(m.value.leftControl()),
 						align: "center"
 					}, {
 						default: withCtx(() => [createVNode(unref(NumberFieldDecrement), { "as-child": !0 }, {
 							default: withCtx(() => [createVNode(IconButton_default, {
 								"is-tooltip-disabled": !0,
-								"is-disabled": o.isDisabled || o.isReadonly || o.min === p.value,
+								"is-disabled": o.isDisabled || o.isReadonly || o.min === g.value,
 								icon: unref(MinusIcon_default),
-								label: unref(v).t("component.number_field.decrement"),
+								label: unref(b).t("component.number_field.decrement"),
 								variant: "tertiary",
 								size: "xs"
 							}, null, 8, [
@@ -8745,15 +8745,15 @@ var NumberField_default = /* @__PURE__ */ defineComponent({
 					}, 8, ["class"])) : createCommentVNode("", !0)])]),
 					right: withCtx(() => [renderSlot(r.$slots, "right", {}, () => [o.showControls ? (openBlock(), createBlock(unref(RowLayout_default), {
 						key: 0,
-						class: normalizeClass(f.value.rightControl()),
+						class: normalizeClass(m.value.rightControl()),
 						align: "center"
 					}, {
 						default: withCtx(() => [createVNode(unref(NumberFieldIncrement), { "as-child": !0 }, {
 							default: withCtx(() => [createVNode(IconButton_default, {
 								"is-tooltip-disabled": !0,
-								"is-disabled": o.isDisabled || o.isReadonly || o.max === p.value,
+								"is-disabled": o.isDisabled || o.isReadonly || o.max === g.value,
 								icon: unref(PlusIcon_default),
-								label: unref(v).t("component.number_field.increment"),
+								label: unref(b).t("component.number_field.increment"),
 								variant: "tertiary",
 								size: "xs"
 							}, null, 8, [
@@ -8766,18 +8766,18 @@ var NumberField_default = /* @__PURE__ */ defineComponent({
 						_: 1
 					}, 8, ["class"])) : createCommentVNode("", !0)])]),
 					default: withCtx(() => [createVNode(unref(NumberFieldInput), {
-						"aria-describedby": unref(S),
+						"aria-describedby": unref(w),
 						"aria-required": o.isRequired,
 						autocomplete: o.autocomplete ?? void 0,
-						"aria-busy": unref(x),
-						"aria-invalid": unref(C),
+						"aria-busy": unref(C),
+						"aria-invalid": unref(T),
 						placeholder: o.placeholder ?? void 0,
-						class: normalizeClass(f.value.input()),
+						class: normalizeClass(m.value.input()),
 						"data-field-wrapper": "",
-						onInput: E,
-						onKeydown: withKeys(A, ["enter"]),
+						onInput: j,
+						onKeydown: withKeys(M, ["enter"]),
 						onFocus: a[0] ||= withModifiers(() => {}, ["prevent"]),
-						onBlur: j
+						onBlur: N
 					}, null, 8, [
 						"aria-describedby",
 						"aria-required",