morya-ui 0.3.5 → 0.3.7

package/dist/input/index.js

@@ -1,175 +1,3 @@
-import { i as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-od9Ob-Ay.js";
-import { t as n } from "../useMId-BXFYayPP.js";
-import { i as r, o as i, s as ee } from "../config-De8ueCY-.js";
-import { n as a } from "../locale-xavS6-Hw.js";
+import { t as e } from "../Input-DQiiKSm3.js";
 import "./style.js";
-import { computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, ref as h, renderSlot as g, toDisplayString as _, unref as v, useAttrs as y, useSlots as b } from "vue";
-//#region src/components/Input/Input.vue?vue&type=script&setup=true&lang.ts
-var x = ["for"], S = {
-	key: 0,
-	class: "m-input__prefix"
-}, C = [
-	"id",
-	"type",
-	"value",
-	"disabled",
-	"readonly",
-	"maxlength",
-	"placeholder",
-	"name",
-	"autocomplete",
-	"autofocus",
-	"aria-invalid",
-	"aria-describedby"
-], w = {
-	key: 1,
-	class: "m-input__suffix"
-}, T = ["aria-label", "disabled"], E = {
-	key: 1,
-	class: "m-input-field__meta"
-}, D = ["id", "role"], te = ["id"], O = /* @__PURE__ */ d({
-	inheritAttrs: !1,
-	__name: "Input",
-	props: {
-		modelValue: { default: "" },
-		label: {},
-		helpText: {},
-		invalid: {
-			type: Boolean,
-			default: !1
-		},
-		errorMessage: {},
-		id: {},
-		type: { default: "text" },
-		size: {},
-		variant: {},
-		fluid: {
-			type: Boolean,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		},
-		clearable: {
-			type: Boolean,
-			default: void 0
-		},
-		maxlength: {},
-		showCount: {
-			type: Boolean,
-			default: void 0
-		},
-		pt: {},
-		placeholder: {},
-		name: {},
-		autocomplete: {},
-		autofocus: { type: Boolean }
-	},
-	emits: [
-		"update:modelValue",
-		"clear",
-		"focus",
-		"blur",
-		"change"
-	],
-	setup(d, { expose: O, emit: k }) {
-		let A = d, j = k, M = y(), { rootAttrs: N, controlAttrs: P } = e(M, () => A.pt), F = b(), I = r("Input"), L = a(), R = h(null), z = n("m-input"), B = o(() => A.id ?? z), V = o(() => A.invalid || !!A.errorMessage), H = i("Input", () => A.size), U = ee("Input", () => A.variant), ne = o(() => A.clearable ?? I.value.clearable ?? !1), W = o(() => A.showCount ?? I.value.showCount ?? !1), G = o(() => A.fluid ?? I.value.fluid ?? !1), K = o(() => A.modelValue.length), q = o(() => A.maxlength == null ? String(K.value) : `${K.value} / ${A.maxlength}`), J = o(() => A.errorMessage || A.helpText), Y = o(() => !!A.errorMessage || V.value && !!A.helpText), X = o(() => !!F.prefix), Z = o(() => !!F.suffix), re = o(() => {
-			let e = [];
-			return J.value && e.push(`${B.value}-help`), W.value && e.push(`${B.value}-count`), e.length ? e.join(" ") : void 0;
-		}), ie = o(() => [
-			"m-input",
-			`m-input--${H.value}`,
-			{
-				"m-input--filled": U.value === "filled",
-				"m-input--fluid": G.value,
-				"m-input--invalid": V.value
-			}
-		]), Q = o(() => ne.value && !!A.modelValue), ae = o(() => ({
-			"m-input-field__control--clearable": Q.value,
-			"m-input-field__control--counted": W.value,
-			"m-input-field__control--prefixed": X.value,
-			"m-input-field__control--suffixed": Z.value
-		}));
-		function oe(e) {
-			j("update:modelValue", e.target.value);
-		}
-		function $() {
-			A.disabled || A.readonly || (j("update:modelValue", ""), j("clear"), R.value?.focus());
-		}
-		function se() {
-			R.value?.focus();
-		}
-		function ce() {
-			R.value?.blur();
-		}
-		function le() {
-			R.value?.select();
-		}
-		return O({
-			focus: se,
-			blur: ce,
-			select: le
-		}), (e, n) => (m(), c("div", f(v(N), { class: ["m-input-field", { "m-input-field--fluid": G.value }] }), [
-			d.label ? (m(), c("label", {
-				key: 0,
-				class: "m-input-field__label",
-				for: B.value
-			}, _(d.label), 9, x)) : s("", !0),
-			l("div", { class: p(["m-input-field__control", ae.value]) }, [
-				X.value ? (m(), c("span", S, [g(e.$slots, "prefix")])) : s("", !0),
-				l("input", f(v(P), {
-					id: B.value,
-					ref_key: "inputElement",
-					ref: R,
-					class: ie.value,
-					type: d.type,
-					value: d.modelValue,
-					disabled: d.disabled,
-					readonly: d.readonly,
-					maxlength: d.maxlength,
-					placeholder: d.placeholder,
-					name: d.name,
-					autocomplete: d.autocomplete,
-					autofocus: d.autofocus || void 0,
-					"aria-invalid": V.value || void 0,
-					"aria-describedby": re.value,
-					onInput: oe,
-					onFocus: n[0] ||= (e) => j("focus", e),
-					onBlur: n[1] ||= (e) => j("blur", e),
-					onChange: n[2] ||= (e) => j("change", e.target.value)
-				}), null, 16, C),
-				Z.value ? (m(), c("span", w, [g(e.$slots, "suffix")])) : s("", !0),
-				Q.value ? (m(), c("button", {
-					key: 2,
-					class: "m-input__clear",
-					type: "button",
-					"aria-label": v(L).clearInput,
-					disabled: d.disabled || d.readonly,
-					onClick: $
-				}, [u(t, {
-					name: "close",
-					size: "sm"
-				})], 8, T)) : s("", !0)
-			], 2),
-			J.value || W.value ? (m(), c("div", E, [J.value ? (m(), c("span", {
-				key: 0,
-				id: `${B.value}-help`,
-				class: p(["m-input-field__help", { "m-input-field__help--invalid": Y.value }]),
-				role: Y.value ? "alert" : void 0
-			}, _(J.value), 11, D)) : s("", !0), W.value ? (m(), c("span", {
-				key: 1,
-				id: `${B.value}-count`,
-				class: "m-input-field__count",
-				"aria-live": "polite"
-			}, _(q.value), 9, te)) : s("", !0)])) : s("", !0)
-		], 16));
-	}
-});
-//#endregion
-export { O as MInput };
+export { e as MInput };