@well-insight/ui 0.1.7 → 0.1.8

package/dist/terminal/style.js

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

package/dist/textarea/index.js

@@ -0,0 +1,163 @@
+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, nextTick as u, normalizeClass as d, onMounted as f, openBlock as p, ref as m, toDisplayString as h, unref as g, useAttrs as _, watch as v } from "vue";
+//#region src/components/Textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
+var y = ["for"], b = [
+	"id",
+	"value",
+	"rows",
+	"disabled",
+	"readonly",
+	"maxlength",
+	"aria-invalid",
+	"aria-describedby"
+], x = ["aria-label", "disabled"], S = {
+	key: 1,
+	class: "wi-textarea-field__meta"
+}, C = ["id", "role"], w = ["id"], T = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "Textarea",
+	props: {
+		modelValue: { default: "" },
+		label: {},
+		helpText: {},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		error: {
+			type: Boolean,
+			default: !1
+		},
+		errorMessage: {},
+		id: {},
+		rows: {},
+		resize: { default: "vertical" },
+		autosize: {
+			type: [Boolean, Object],
+			default: void 0
+		},
+		autoResize: {
+			type: Boolean,
+			default: void 0
+		},
+		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: T, emit: E }) {
+		let D = _(), O = c, k = E, A = e("Textarea"), j = r(), M = m(null), N = i(() => O.id ?? `wi-textarea-${Math.random().toString(36).slice(2, 8)}`), P = i(() => O.invalid || O.error || !!O.errorMessage), F = t("Textarea", () => O.size), I = n("Textarea", () => O.variant), L = i(() => O.fluid ?? A.value.fluid ?? !1), R = i(() => O.clearable ?? A.value.clearable ?? !1), z = i(() => O.showCount ?? A.value.showCount ?? !1), B = i(() => {
+			if (O.autosize !== void 0 && O.autosize !== !1) return O.autosize;
+			if (O.autoResize) return !0;
+			let e = A.value.autosize;
+			return e !== void 0 && e !== !1 ? e : !!A.value.autoResize;
+		}), V = i(() => {
+			let e = B.value;
+			return typeof e == "object" && e.minRows != null ? e.minRows : O.rows ?? A.value.rows ?? 4;
+		}), H = i(() => !!B.value), U = i(() => H.value ? "none" : O.resize), W = i(() => O.errorMessage || O.helpText), G = i(() => !!O.errorMessage || P.value && !!O.helpText), K = i(() => (O.modelValue ?? "").length), q = i(() => O.maxlength == null ? String(K.value) : `${K.value} / ${O.maxlength}`), J = i(() => R.value && !!O.modelValue), Y = i(() => {
+			let e = [];
+			return W.value && e.push(`${N.value}-help`), z.value && e.push(`${N.value}-count`), e.length ? e.join(" ") : void 0;
+		}), X = i(() => [
+			"wi-textarea",
+			`wi-textarea--${F.value}`,
+			{
+				"wi-textarea--filled": I.value === "filled",
+				"wi-textarea--fluid": L.value,
+				"wi-textarea--invalid": P.value,
+				"wi-textarea--error": P.value,
+				"wi-textarea--auto-resize": H.value,
+				"wi-textarea--clearable": J.value
+			}
+		]);
+		function Z() {
+			let e = M.value, t = B.value;
+			if (!e || !t) return;
+			e.style.height = "auto";
+			let n = e.scrollHeight;
+			if (typeof t == "object") {
+				let r = window.getComputedStyle(e), i = Number.parseFloat(r.lineHeight) || 20, a = Number.parseFloat(r.paddingTop) + Number.parseFloat(r.paddingBottom), o = t.minRows == null ? void 0 : a + i * t.minRows, s = t.maxRows == null ? void 0 : a + i * t.maxRows, c = n;
+				o != null && (c = Math.max(c, o), e.style.minHeight = `${o}px`), s != null && (c = Math.min(c, s), e.style.maxHeight = `${s}px`, e.style.overflowY = n > s ? "auto" : "hidden"), e.style.height = `${c}px`;
+				return;
+			}
+			e.style.height = `${n}px`;
+		}
+		function Q(e) {
+			k("update:modelValue", e.target.value), H.value && Z();
+		}
+		function $() {
+			O.disabled || O.readonly || (k("update:modelValue", ""), k("clear"), M.value?.focus(), H.value && u(Z));
+		}
+		function ee() {
+			M.value?.focus();
+		}
+		return T({ focus: ee }), v(() => [O.modelValue, B.value], async () => {
+			H.value && (await u(), Z());
+		}), f(() => {
+			H.value && Z();
+		}), (e, t) => (p(), o("div", { class: d(["wi-textarea-field", { "wi-textarea-field--fluid": L.value }]) }, [
+			c.label ? (p(), o("label", {
+				key: 0,
+				class: "wi-textarea-field__label",
+				for: N.value
+			}, h(c.label), 9, y)) : a("", !0),
+			s("div", { class: d(["wi-textarea-field__control", { "wi-textarea-field__control--clearable": J.value }]) }, [s("textarea", l({
+				ref_key: "textareaElement",
+				ref: M
+			}, g(D), {
+				id: N.value,
+				class: X.value,
+				value: c.modelValue,
+				rows: V.value,
+				disabled: c.disabled,
+				readonly: c.readonly,
+				maxlength: c.maxlength,
+				"aria-invalid": P.value || void 0,
+				"aria-describedby": Y.value,
+				style: { resize: U.value },
+				onInput: Q
+			}), null, 16, b), J.value ? (p(), o("button", {
+				key: 0,
+				class: "wi-textarea__clear",
+				type: "button",
+				"aria-label": g(j).clearInput,
+				disabled: c.disabled || c.readonly,
+				onClick: $
+			}, " × ", 8, x)) : a("", !0)], 2),
+			W.value || z.value ? (p(), o("div", S, [W.value ? (p(), o("span", {
+				key: 0,
+				id: `${N.value}-help`,
+				class: d(["wi-textarea-field__help", { "wi-textarea-field__help--error": G.value }]),
+				role: G.value ? "alert" : void 0
+			}, h(W.value), 11, C)) : a("", !0), z.value ? (p(), o("span", {
+				key: 1,
+				id: `${N.value}-count`,
+				class: "wi-textarea-field__count",
+				"aria-live": "polite"
+			}, h(q.value), 9, w)) : a("", !0)])) : a("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { T as WiTextarea };