morya-ui 0.1.1

package/dist/input-group/style.js

@@ -0,0 +1,3 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/InputGroup/styles.css'

package/dist/input-number/index.js

@@ -0,0 +1,235 @@
+import { t as e } from "../Icon-DfpIfo2L.js";
+import { t } from "../useMId-BXFYayPP.js";
+import { t as n } from "../useFieldFeedback-C5qIqYMK.js";
+import { o as r } from "../config-CI8_WBbE.js";
+import { n as i } from "../locale-DYGhxekd.js";
+import "./style.js";
+import { computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, useAttrs as v, watch as y } from "vue";
+//#region src/components/InputNumber/InputNumber.vue?vue&type=script&setup=true&lang.ts
+var b = ["for"], x = ["aria-label", "disabled"], S = { class: "m-inputnumber__input-wrap" }, C = {
+	key: 0,
+	class: "m-inputnumber__prefix"
+}, w = [
+	"id",
+	"value",
+	"disabled",
+	"readonly",
+	"aria-invalid",
+	"aria-describedby"
+], T = {
+	key: 1,
+	class: "m-inputnumber__suffix"
+}, E = ["aria-label"], D = {
+	key: 1,
+	class: "m-inputnumber__stack"
+}, O = ["aria-label", "disabled"], k = ["aria-label", "disabled"], ee = ["aria-label", "disabled"], A = ["id", "role"], j = /* @__PURE__ */ u({
+	inheritAttrs: !1,
+	__name: "InputNumber",
+	props: {
+		modelValue: { default: null },
+		label: {},
+		min: {},
+		max: {},
+		step: { default: 1 },
+		precision: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		helpText: {},
+		errorMessage: {},
+		fluid: {
+			type: Boolean,
+			default: !1
+		},
+		size: {},
+		showButtons: {
+			type: Boolean,
+			default: !1
+		},
+		buttonPlacement: { default: "both" },
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		id: {}
+	},
+	emits: [
+		"update:modelValue",
+		"focus",
+		"blur",
+		"change"
+	],
+	setup(u, { expose: j, emit: M }) {
+		let N = u, P = M, F = v(), I = i(), L = m(null), R = t("m-inputnumber"), z = a(() => N.id ?? R), B = r("InputNumber", () => N.size), { isInvalid: V, feedbackText: H, feedbackIsError: U } = n(N), W = a(() => N.clearable && N.modelValue != null && !N.disabled), G = a(() => [
+			"m-inputnumber",
+			`m-inputnumber--${B.value}`,
+			{
+				"m-inputnumber--fluid": N.fluid,
+				"m-inputnumber--invalid": V.value,
+				"m-inputnumber--disabled": N.disabled,
+				"m-inputnumber--buttons": N.showButtons,
+				"m-inputnumber--buttons-right": N.showButtons && N.buttonPlacement === "right"
+			}
+		]);
+		function K(e) {
+			if (N.precision == null) return e;
+			let t = 10 ** N.precision;
+			return Math.round(e * t) / t;
+		}
+		function q(e) {
+			let t = K(e);
+			return N.min != null && t < N.min && (t = N.min), N.max != null && t > N.max && (t = N.max), t;
+		}
+		function J(e) {
+			let t = e.trim();
+			if (t === "" || t === "-" || t === "+" || t === ".") return null;
+			let n = Number(t);
+			return Number.isNaN(n) ? null : q(n);
+		}
+		let Y = m(null), X = a(() => Y.value ?? (N.modelValue == null ? "" : String(N.modelValue)));
+		y(() => N.modelValue, (e) => {
+			Y.value != null && ((e == null ? Y.value.trim() === "" : Number(Y.value) === e) || (Y.value = null));
+		});
+		function Z(e) {
+			if (N.disabled) return;
+			let t = e.target.value;
+			Y.value = t;
+			let n = t.trim();
+			if (n === "") {
+				P("update:modelValue", null);
+				return;
+			}
+			let r = Number(n);
+			Number.isNaN(r) || /[.e+-]$/i.test(n) || P("update:modelValue", K(r));
+		}
+		function Q() {
+			if (N.disabled || Y.value == null) return;
+			let e = J(Y.value);
+			P("update:modelValue", e), Y.value = e == null ? "" : String(e);
+		}
+		function te(e) {
+			e.key === "Enter" && Q();
+		}
+		function $(e) {
+			if (N.disabled) return;
+			let t = N.modelValue ?? N.min ?? 0;
+			Y.value = null, P("update:modelValue", q(t + e * N.step));
+		}
+		function ne() {
+			N.disabled || (Y.value = null, P("update:modelValue", null));
+		}
+		function re() {
+			L.value?.focus();
+		}
+		function ie() {
+			L.value?.blur();
+		}
+		function ae() {
+			L.value?.select();
+		}
+		function oe(e) {
+			Q(), P("blur", e), P("change", N.modelValue);
+		}
+		return j({
+			focus: re,
+			blur: ie,
+			select: ae
+		}), (t, n) => (p(), s("div", { class: f(["m-inputnumber-field", { "m-inputnumber-field--fluid": u.fluid }]) }, [
+			u.label ? (p(), s("label", {
+				key: 0,
+				class: "m-inputnumber-field__label",
+				for: z.value
+			}, g(u.label), 9, b)) : o("", !0),
+			c("div", { class: f(G.value) }, [
+				u.showButtons && u.buttonPlacement === "both" ? (p(), s("button", {
+					key: 0,
+					class: "m-inputnumber__button wk-inputnumber__button--decrement",
+					type: "button",
+					"aria-label": _(I).decrease,
+					disabled: u.disabled || u.min != null && u.modelValue != null && u.modelValue <= u.min,
+					onClick: n[0] ||= (e) => $(-1)
+				}, [l(e, {
+					name: "minus",
+					size: "sm"
+				})], 8, x)) : o("", !0),
+				c("div", S, [
+					t.$slots.prefix ? (p(), s("span", C, [h(t.$slots, "prefix")])) : o("", !0),
+					c("input", d(_(F), {
+						id: z.value,
+						ref_key: "inputElement",
+						ref: L,
+						class: "m-inputnumber__input",
+						type: "text",
+						inputmode: "decimal",
+						value: X.value,
+						disabled: u.disabled,
+						readonly: u.readonly,
+						"aria-invalid": _(V) || void 0,
+						"aria-describedby": _(H) ? `${z.value}-help` : void 0,
+						onInput: Z,
+						onFocus: n[1] ||= (e) => P("focus", e),
+						onBlur: oe,
+						onKeydown: te
+					}), null, 16, w),
+					t.$slots.suffix ? (p(), s("span", T, [h(t.$slots, "suffix")])) : o("", !0),
+					W.value ? (p(), s("button", {
+						key: 2,
+						type: "button",
+						class: "m-inputnumber__clear",
+						"aria-label": _(I).clearInput,
+						onClick: ne
+					}, [l(e, {
+						name: "close",
+						size: "sm"
+					})], 8, E)) : o("", !0)
+				]),
+				u.showButtons && u.buttonPlacement === "right" ? (p(), s("div", D, [c("button", {
+					class: "m-inputnumber__button wk-inputnumber__button--increment",
+					type: "button",
+					"aria-label": _(I).increase,
+					disabled: u.disabled || u.max != null && u.modelValue != null && u.modelValue >= u.max,
+					onClick: n[2] ||= (e) => $(1)
+				}, [l(e, {
+					name: "plus",
+					size: "sm"
+				})], 8, O), c("button", {
+					class: "m-inputnumber__button wk-inputnumber__button--decrement",
+					type: "button",
+					"aria-label": _(I).decrease,
+					disabled: u.disabled || u.min != null && u.modelValue != null && u.modelValue <= u.min,
+					onClick: n[3] ||= (e) => $(-1)
+				}, [l(e, {
+					name: "minus",
+					size: "sm"
+				})], 8, k)])) : u.showButtons ? (p(), s("button", {
+					key: 2,
+					class: "m-inputnumber__button wk-inputnumber__button--increment",
+					type: "button",
+					"aria-label": _(I).increase,
+					disabled: u.disabled || u.max != null && u.modelValue != null && u.modelValue >= u.max,
+					onClick: n[4] ||= (e) => $(1)
+				}, [l(e, {
+					name: "plus",
+					size: "sm"
+				})], 8, ee)) : o("", !0)
+			], 2),
+			_(H) ? (p(), s("span", {
+				key: 1,
+				id: `${z.value}-help`,
+				class: f(["m-inputnumber-field__help", { "m-inputnumber-field__help--invalid": _(U) }]),
+				role: _(U) ? "alert" : void 0
+			}, g(_(H)), 11, A)) : o("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { j as MInputNumber };