@plastic-js/tsumiki 0.1.78 → 0.1.80

package/dist/components/Input.js

@@ -160,6 +160,7 @@ var Input = (props = {}) => {
 	]);
 	const showPassword = createSignal(false);
 	const isPassword = read(local.type) === "password";
+	let inputEl = null;
 	const hasPrefix = () => read(local.prefix) != null;
 	const hasSuffix = () => read(local.suffix) != null || isPassword;
 	const field = useFieldContext();
@@ -187,12 +188,20 @@ var Input = (props = {}) => {
 		if (!isPassword) return read(local.type);
 		return showPassword() ? "text" : "password";
 	};
+	const handleAffixPointerDown = (e) => {
+		if (effectiveDisabled()) return;
+		const target = e.target;
+		if (target && target.closest && target.closest("button, a, input, select, textarea, label, [contenteditable]")) return;
+		e.preventDefault();
+		inputEl?.focus();
+	};
 	const renderAffix = (content) => {
 		if (content == null) return null;
 		return () => {
 			const _el0 = _tmpl.cloneNode(true);
 			insert(_el0, () => content);
 			setProp(_el0, "className", () => affixClass);
+			setProp(_el0, "onPointerDown", () => handleAffixPointerDown);
 			return _el0;
 		};
 	};
@@ -206,8 +215,9 @@ var Input = (props = {}) => {
 			if (p == null) return null;
 			return renderAffix(p);
 		}, _el1);
-		insert(_el0, () => jsx(ark$1.input, mergeProps({ get ref() {
-			return local.ref;
+		insert(_el0, () => jsx(ark$1.input, mergeProps({ ref: (el) => {
+			inputEl = el;
+			if (typeof local.ref === "function") local.ref(el);
 		} }, () => field ? field.getInputProps() : {}, rest, {
 			type: inputType,
 			"aria-invalid": () => effectiveInvalid() ? "true" : "false",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plastic-js/tsumiki",
-  "version": "0.1.78",
+  "version": "0.1.80",
   "description": "A UI component library for Plastic JS.",
   "license": "MIT",
   "author": "tigre",