@well-insight/ui 0.1.7 → 0.1.9

package/dist/inplace/style.js

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

package/dist/input/index.js

@@ -0,0 +1,145 @@
+import { i as e, o as t, s as n } from "../config-DWwce9jA.js";
+import { n as r } from "../locale-CYkJyRd1.js";
+import "./style.js";
+import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useAttrs as g, useSlots as _ } from "vue";
+//#region src/components/Input/Input.vue?vue&type=script&setup=true&lang.ts
+var v = ["for"], y = {
+	key: 0,
+	class: "wi-input__prefix"
+}, b = [
+	"id",
+	"type",
+	"value",
+	"disabled",
+	"readonly",
+	"maxlength",
+	"aria-invalid",
+	"aria-describedby"
+], x = {
+	key: 1,
+	class: "wi-input__suffix"
+}, S = ["aria-label", "disabled"], C = {
+	key: 1,
+	class: "wi-input-field__meta"
+}, w = ["id", "role"], T = ["id"], E = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "Input",
+	props: {
+		modelValue: { default: "" },
+		label: {},
+		helpText: {},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		error: {
+			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
+		}
+	},
+	emits: ["update:modelValue", "clear"],
+	setup(c, { expose: E, emit: D }) {
+		let O = g(), k = _(), A = c, j = D, M = e("Input"), N = r(), P = f(null), F = i(() => A.id ?? `wi-input-${Math.random().toString(36).slice(2, 8)}`), I = i(() => A.invalid || A.error || !!A.errorMessage), L = t("Input", () => A.size), R = n("Input", () => A.variant), z = i(() => A.clearable ?? M.value.clearable ?? !1), B = i(() => A.showCount ?? M.value.showCount ?? !1), V = i(() => A.fluid ?? M.value.fluid ?? !1), H = i(() => A.modelValue.length), U = i(() => A.maxlength == null ? String(H.value) : `${H.value} / ${A.maxlength}`), W = i(() => A.errorMessage || A.helpText), G = i(() => !!A.errorMessage || I.value && !!A.helpText), K = i(() => !!k.prefix), q = i(() => !!k.suffix || z.value && !!A.modelValue), J = i(() => {
+			let e = [];
+			return W.value && e.push(`${F.value}-help`), B.value && e.push(`${F.value}-count`), e.length ? e.join(" ") : void 0;
+		}), Y = i(() => [
+			"wi-input",
+			`wi-input--${L.value}`,
+			{
+				"wi-input--filled": R.value === "filled",
+				"wi-input--fluid": V.value,
+				"wi-input--invalid": I.value,
+				"wi-input--error": I.value,
+				"wi-input--has-prefix": K.value,
+				"wi-input--has-suffix": q.value
+			}
+		]);
+		function X(e) {
+			j("update:modelValue", e.target.value);
+		}
+		function Z() {
+			A.disabled || A.readonly || (j("update:modelValue", ""), j("clear"), P.value?.focus());
+		}
+		function Q() {
+			P.value?.focus();
+		}
+		return E({ focus: Q }), (e, t) => (d(), o("div", { class: u(["wi-input-field", { "wi-input-field--fluid": V.value }]) }, [
+			c.label ? (d(), o("label", {
+				key: 0,
+				class: "wi-input-field__label",
+				for: F.value
+			}, m(c.label), 9, v)) : a("", !0),
+			s("div", { class: u(["wi-input-field__control", {
+				"wi-input-field__control--clearable": z.value && c.modelValue,
+				"wi-input-field__control--counted": B.value,
+				"wi-input-field__control--prefixed": K.value,
+				"wi-input-field__control--suffixed": e.$slots.suffix || z.value && c.modelValue
+			}]) }, [
+				e.$slots.prefix ? (d(), o("span", y, [p(e.$slots, "prefix")])) : a("", !0),
+				s("input", l({
+					ref_key: "inputElement",
+					ref: P
+				}, h(O), {
+					id: F.value,
+					class: Y.value,
+					type: c.type,
+					value: c.modelValue,
+					disabled: c.disabled,
+					readonly: c.readonly,
+					maxlength: c.maxlength,
+					"aria-invalid": I.value || void 0,
+					"aria-describedby": J.value,
+					onInput: X
+				}), null, 16, b),
+				e.$slots.suffix ? (d(), o("span", x, [p(e.$slots, "suffix")])) : a("", !0),
+				z.value && c.modelValue ? (d(), o("button", {
+					key: 2,
+					class: "wi-input__clear",
+					type: "button",
+					"aria-label": h(N).clearInput,
+					disabled: c.disabled || c.readonly,
+					onClick: Z
+				}, " × ", 8, S)) : a("", !0)
+			], 2),
+			W.value || B.value ? (d(), o("div", C, [W.value ? (d(), o("span", {
+				key: 0,
+				id: `${F.value}-help`,
+				class: u(["wi-input-field__help", { "wi-input-field__help--error": G.value }]),
+				role: G.value ? "alert" : void 0
+			}, m(W.value), 11, w)) : a("", !0), B.value ? (d(), o("span", {
+				key: 1,
+				id: `${F.value}-count`,
+				class: "wi-input-field__count",
+				"aria-live": "polite"
+			}, m(U.value), 9, T)) : a("", !0)])) : a("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { E as WiInput };