text-input-guard 0.0.1 → 0.1.0

package/README.md

@@ -4,134 +4,8 @@ TextInputGuard は、**開発中**の日本向けの入力欄ガードライブ
 
 `<input>` / `<textarea>` に対して、数値入力や日本語特有の制約（全角混在、桁数、表示整形など）を扱いやすい形で提供します。
 
-利用方法は次の通りです。
+シンプルな設計のため、機能追加も簡単に行えます。
 
-- `attach()`：1要素ずつ明示的に有効化する
-- `attachAll()`：まとめて有効化し、まとめて `detach()` する
-- `autoAttach()`：`data-tig-*` の指定から自動で `attach()` する
+詳細は以下をご確認ください
 
-## インストール
-
-```bash
-npm i text-input-guard
-```
-
-## 使い方
-
-### 1) attach（単一要素に適用）
-
-最も基本の使い方です。1つの要素に対してガードを適用します。
-
-```js
-import { attach, rules } from "text-input-guard";
-
-const input = document.querySelector("#price");
-
-const guard = attach(input, {
-	rules: [
-		rules.numeric({ allowFullWidth: true, allowMinus: true, allowDecimal: true }),
-		rules.digits({
-			int: 6,
-			frac: 2,
-			overflowInputInt: "block",
-			overflowInputFrac: "block",
-			fixFracOnBlur: "round"
-		}),
-		rules.comma()
-	]
-});
-
-// 解除
-// guard.detach();
-```
-
-`attach()` が返す `Guard` は、次のメソッドを持ちます。
-
-- `detach()`：解除（イベント削除・swap復元）
-- `isValid()`：現在エラーが無いか
-- `getErrors()`：エラー一覧
-- `getRawValue()`：送信用の正規化済み値
-
-### 2) attachAll（複数要素にまとめて適用）
-
-通常は入力欄が複数あるため、`querySelectorAll()` の戻り値に対してまとめて適用できます。
-
-```js
-import { attachAll, rules } from "text-input-guard";
-
-const group = attachAll(document.querySelectorAll(".tig-price"), {
-	rules: [
-		rules.numeric({ allowFullWidth: true, allowMinus: true, allowDecimal: true }),
-		rules.digits({ int: 6, frac: 2 }),
-		rules.comma()
-	]
-});
-
-// まとめて解除
-// group.detach();
-
-// 全部 valid なら true
-// group.isValid();
-
-// 全部のエラーを集約して取得
-// group.getErrors();
-
-// 個別 Guard 配列が欲しい場合
-// const guards = group.getGuards();
-```
-
-`attachAll()` は `GuardGroup` を返します。
-
-- `detach()`：全て解除
-- `isValid()`：全て valid なら true
-- `getErrors()`：全てのエラーを集約
-- `getGuards()`：個別の `Guard[]` を返す
-
-### 3) autoAttach（data属性から自動で適用）
-
-HTML側に `data-tig-*` を書いておき、JS側では `autoAttach()` を呼ぶだけで適用できます。
-
-```html
-<input
-	class="price"
-	name="price"
-	data-tig-rules-numeric
-	data-tig-rules-numeric-allow-full-width="true"
-	data-tig-rules-numeric-allow-minus="true"
-	data-tig-rules-numeric-allow-decimal="true"
-	data-tig-rules-digits
-	data-tig-rules-digits-int="6"
-	data-tig-rules-digits-frac="2"
-	data-tig-rules-digits-overflow-input-int="block"
-	data-tig-rules-digits-overflow-input-frac="block"
-	data-tig-rules-digits-fix-frac-on-blur="round"
-	data-tig-rules-comma
-/>
-```
-
-```js
-import { autoAttach } from "text-input-guard";
-
-// document 全体を対象に自動適用
-const guards = autoAttach();
-
-// 動的追加したコンテナだけ適用したい場合
-// autoAttach(container);
-```
-
-`autoAttach()` は attachした `GuardGroup` を返します。
-
-- 既に `data-tig-attached` が付いている要素はスキップします
-- `data-tig-rules-*` を読み取って `rules` に変換します
-
-## ルール
-
-現在のルール例（公開API：`rules.xxx(...)`）：
-
-- `rules.numeric(...)`：数値入力の正規化（全角→半角、記号統一、不要文字除去）
-- `rules.digits(...)`：整数部/小数部の桁数チェック、確定時の穏やか補正、入力ブロック
-- `rules.comma()`：確定時のカンマ付与（表示整形）
-
-## ライセンス
-
-MIT
+### **[TextInputGuard 紹介](https://natade-jp.github.io/text-input-guard/)**

package/dist/cjs/text-input-guard.cjs

@@ -202,7 +202,7 @@ class InputGuard {
 
 		const kind = detectKind(element);
 		if (!kind) {
-			throw new TypeError("[jp-input-guard] attach() expects an <input> or <textarea> element.");
+			throw new TypeError("[text-input-guard] attach() expects an <input> or <textarea> element.");
 		}
 
 		/**
@@ -434,7 +434,7 @@ class InputGuard {
 		}
 
 		if (this.kind !== "input") {
-			warnLog('[jp-input-guard] separateValue.mode="swap" is not supported for <textarea>. ignored.', this.warn);
+			warnLog('[text-input-guard] separateValue.mode="swap" is not supported for <textarea>. ignored.', this.warn);
 			return;
 		}
 
@@ -595,7 +595,7 @@ class InputGuard {
 
 			if (!supports) {
 				warnLog(
-					`[jp-input-guard] Rule "${rule.name}" is not supported for <${this.kind}>. skipped.`,
+					`[text-input-guard] Rule "${rule.name}" is not supported for <${this.kind}>. skipped.`,
 					this.warn
 				);
 				continue;
@@ -680,9 +680,7 @@ class InputGuard {
 		// 連鎖防止（次の処理に持ち越さない）
 		this.revertRequest = null;
 
-		if (this.warn) {
-			console.log(`[jp-input-guard] reverted: ${req.reason}`, req.detail);
-		}
+		if (this.warn) ;
 	}
 
 	/**
@@ -826,7 +824,7 @@ class InputGuard {
 	 * @returns {void}
 	 */
 	onCompositionStart() {
-		console.log("[jp-input-guard] compositionstart");
+		// console.log("[text-input-guard] compositionstart");
 		this.composing = true;
 	}
 
@@ -836,7 +834,7 @@ class InputGuard {
 	 * @returns {void}
 	 */
 	onCompositionEnd() {
-		console.log("[jp-input-guard] compositionend");
+		// console.log("[text-input-guard] compositionend");
 		this.composing = false;
 
 		// compositionend後に input が来ない環境向けのフォールバック
@@ -856,7 +854,7 @@ class InputGuard {
 	 * @returns {void}
 	 */
 	onInput() {
-		console.log("[jp-input-guard] input");
+		// console.log("[text-input-guard] input");
 		// compositionend後に input が来た場合、フォールバックを無効化
 		this.pendingCompositionCommit = false;
 		this.evaluateInput();
@@ -867,7 +865,7 @@ class InputGuard {
 	 * @returns {void}
 	 */
 	onBlur() {
-		console.log("[jp-input-guard] blur");
+		// console.log("[text-input-guard] blur");
 		this.evaluateCommit();
 	}
 
@@ -1116,6 +1114,63 @@ class InputGuard {
  *  The MIT license https://opensource.org/licenses/MIT
  */
 
+/**
+ * datasetのboolean値を解釈する
+ * - 未指定なら undefined
+ * - "" / "true" / "1" / "yes" / "on" は true
+ * - "false" / "0" / "no" / "off" は false
+ * @param {string|undefined} v
+ * @returns {boolean|undefined}
+ */
+function parseDatasetBool(v) {
+	if (v == null) { return; }
+	const s = String(v).trim().toLowerCase();
+	if (s === "" || s === "true" || s === "1" || s === "yes" || s === "on") { return true; }
+	if (s === "false" || s === "0" || s === "no" || s === "off") { return false; }
+	return;
+}
+
+/**
+ * datasetのnumber値を解釈する（整数想定）
+ * - 未指定/空なら undefined
+ * - 数値でなければ undefined
+ * @param {string|undefined} v
+ * @returns {number|undefined}
+ */
+function parseDatasetNumber(v) {
+	if (v == null) { return; }
+	const s = String(v).trim();
+	if (s === "") { return; }
+	const n = Number(s);
+	return Number.isFinite(n) ? n : undefined;
+}
+
+/**
+ * enumを解釈する（未指定なら undefined）
+ * @template {string} T
+ * @param {string|undefined} v
+ * @param {readonly T[]} allowed
+ * @returns {T|undefined}
+ */
+function parseDatasetEnum(v, allowed) {
+	if (v == null) { return; }
+	const s = String(v).trim();
+	if (s === "") { return; }
+	// 大文字小文字を区別したいならここを変える（今は厳密一致）
+	return /** @type {T|undefined} */ (allowed.includes(/** @type {any} */ (s)) ? s : undefined);
+}
+
+/**
+ * The script is part of TextInputGuard.
+ *
+ * AUTHOR:
+ *  natade-jp (https://github.com/natade-jp)
+ *
+ * LICENSE:
+ *  The MIT license https://opensource.org/licenses/MIT
+ */
+
+
 /**
  * @typedef {GuardGroup} GuardGroup
  * @typedef {Guard} Guard
@@ -1130,19 +1185,6 @@ class InputGuard {
  * @property {(dataset: DOMStringMap, el: HTMLInputElement|HTMLTextAreaElement) => Rule|null} fromDataset
  */
 
-/**
- * Boolean系のdata値を解釈する（未指定なら undefined を返す）
- * @param {string|undefined} v
- * @returns {boolean|undefined}
- */
-function parseBool(v) {
-	if (v == null) { return; }
-	const s = String(v).trim().toLowerCase();
-	if (s === "" || s === "true" || s === "1" || s === "yes" || s === "on") { return true; }
-	if (s === "false" || s === "0" || s === "no" || s === "off") { return false; }
-	return;
-}
-
 /**
  * separate mode を解釈する（未指定は "auto"）
  * @param {string|undefined} v
@@ -1246,7 +1288,7 @@ class InputGuardAutoAttach {
 			const options = {};
 
 			// warn / invalidClass
-			const warn = parseBool(ds.tigWarn);
+			const warn = parseDatasetBool(ds.tigWarn);
 			if (warn != null) { options.warn = warn; }
 
 			if (ds.tigInvalidClass != null && String(ds.tigInvalidClass).trim() !== "") {
@@ -1266,7 +1308,7 @@ class InputGuardAutoAttach {
 				} catch (e) {
 					const w = options.warn ?? true;
 					if (w) {
-						console.warn(`[jp-input-guard] autoAttach: rule "${fac.name}" fromDataset() threw an error.`, e);
+						console.warn(`[text-input-guard] autoAttach: rule "${fac.name}" fromDataset() threw an error.`, e);
 					}
 				}
 			}
@@ -1292,62 +1334,6 @@ class InputGuardAutoAttach {
 	}
 }
 
-/**
- * The script is part of TextInputGuard.
- *
- * AUTHOR:
- *  natade-jp (https://github.com/natade-jp)
- *
- * LICENSE:
- *  The MIT license https://opensource.org/licenses/MIT
- */
-
-/**
- * datasetのboolean値を解釈する
- * - 未指定なら undefined
- * - "" / "true" / "1" / "yes" / "on" は true
- * - "false" / "0" / "no" / "off" は false
- * @param {string|undefined} v
- * @returns {boolean|undefined}
- */
-function parseDatasetBool(v) {
-	if (v == null) { return; }
-	const s = String(v).trim().toLowerCase();
-	if (s === "" || s === "true" || s === "1" || s === "yes" || s === "on") { return true; }
-	if (s === "false" || s === "0" || s === "no" || s === "off") { return false; }
-	return;
-}
-
-/**
- * datasetのnumber値を解釈する（整数想定）
- * - 未指定/空なら undefined
- * - 数値でなければ undefined
- * @param {string|undefined} v
- * @returns {number|undefined}
- */
-function parseDatasetNumber(v) {
-	if (v == null) { return; }
-	const s = String(v).trim();
-	if (s === "") { return; }
-	const n = Number(s);
-	return Number.isFinite(n) ? n : undefined;
-}
-
-/**
- * enumを解釈する（未指定なら undefined）
- * @template {string} T
- * @param {string|undefined} v
- * @param {readonly T[]} allowed
- * @returns {T|undefined}
- */
-function parseDatasetEnum(v, allowed) {
-	if (v == null) { return; }
-	const s = String(v).trim();
-	if (s === "") { return; }
-	// 大文字小文字を区別したいならここを変える（今は厳密一致）
-	return /** @type {T|undefined} */ (allowed.includes(/** @type {any} */ (s)) ? s : undefined);
-}
-
 /**
  * The script is part of TextInputGuard.
  *
@@ -1365,6 +1351,7 @@ function parseDatasetEnum(v, allowed) {
  * @property {boolean} [allowFullWidth=true] - 全角数字/記号を許可して半角へ正規化する
  * @property {boolean} [allowMinus=false] - マイナス記号を許可する（先頭のみ）
  * @property {boolean} [allowDecimal=false] - 小数点を許可する（1つだけ）
+ * @property {boolean} [allowEmpty=true] - 空文字を許可するか
  */
 
 /**
@@ -1380,7 +1367,8 @@ function numeric(options = {}) {
 	const opt = {
 		allowFullWidth: options.allowFullWidth ?? true,
 		allowMinus: options.allowMinus ?? false,
-		allowDecimal: options.allowDecimal ?? false
+		allowDecimal: options.allowDecimal ?? false,
+		allowEmpty: options.allowEmpty ?? true
 	};
 
 	/** @type {Set<string>} */
@@ -1538,9 +1526,14 @@ function numeric(options = {}) {
 		fix(value) {
 			let v = String(value);
 
+			// 空文字の扱い
+			if (v === "") {
+				return opt.allowEmpty ? "" : "0";
+			}
+
 			// 未完成な数値は空にする
 			if (v === "-" || v === "." || v === "-.") {
-				return "";
+				return opt.allowEmpty ? "" : "0";
 			}
 
 			// "-.1" → "-0.1"
@@ -1612,6 +1605,7 @@ function numeric(options = {}) {
  * - data-tig-rules-numeric-allow-full-width      -> dataset.tigRulesNumericAllowFullWidth
  * - data-tig-rules-numeric-allow-minus           -> dataset.tigRulesNumericAllowMinus
  * - data-tig-rules-numeric-allow-decimal         -> dataset.tigRulesNumericAllowDecimal
+ * - data-tig-rules-numeric-allow-empty           -> dataset.tigRulesNumericAllowEmpty
  *
  * @param {DOMStringMap} dataset
  * @param {HTMLInputElement|HTMLTextAreaElement} _el
@@ -1644,6 +1638,12 @@ numeric.fromDataset = function fromDataset(dataset, _el) {
 		options.allowDecimal = allowDecimal;
 	}
 
+	// data-tig-rules-numeric-allow-empty（未指定なら numeric側デフォルト true）
+	const allowEmpty = parseDatasetBool(dataset.tigRulesNumericAllowEmpty);
+	if (allowEmpty != null) {
+		options.allowEmpty = allowEmpty;
+	}
+
 	return numeric(options);
 };
 
@@ -1668,6 +1668,7 @@ numeric.fromDataset = function fromDataset(dataset, _el) {
  * @property {"none"|"truncate"|"round"} [fixFracOnBlur="none"] - blur時の小数部補正
  * @property {"none"|"block"} [overflowInputInt="none"] - 入力中：整数部が最大桁を超える入力をブロックする
  * @property {"none"|"block"} [overflowInputFrac="none"] - 入力中：小数部が最大桁を超える入力をブロックする
+ * @property {boolean} [forceFracOnBlur=false] - blur時に小数部を必ず表示（frac桁まで0埋め）
  */
 
 /**
@@ -1808,7 +1809,8 @@ function digits(options = {}) {
 		fixIntOnBlur: options.fixIntOnBlur ?? "none",
 		fixFracOnBlur: options.fixFracOnBlur ?? "none",
 		overflowInputInt: options.overflowInputInt ?? "none",
-		overflowInputFrac: options.overflowInputFrac ?? "none"
+		overflowInputFrac: options.overflowInputFrac ?? "none",
+		forceFracOnBlur: options.forceFracOnBlur ?? false
 	};
 
 	return {
@@ -1925,14 +1927,39 @@ function digits(options = {}) {
 				}
 			}
 
-			// 組み立て（frac=0 のときは "." を残すか？は方針次第だが、ここでは消す）
-			if (!hasDot || typeof opt.frac !== "number") {
+			if (opt.forceFracOnBlur && typeof opt.frac === "number" && opt.frac > 0) {
+				const limit = opt.frac;
+				// "." が無いなら作る（12 → 12.00）
+				if (!hasDot) {
+					fracPart = "";
+				}
+				// 足りない分を 0 埋め（12.3 → 12.30 / 12. → 12.00）
+				const f = fracPart ?? "";
+				if (f.length < limit) {
+					fracPart = f + "0".repeat(limit - f.length);
+				}
+			}
+
+			// 組み立て
+			if (typeof opt.frac !== "number") {
+				// frac未指定なら、dot があっても digits は触らず intだけ返す方針（現状維持）
 				return `${sign}${intPart}`;
 			}
+
 			if (opt.frac === 0) {
+				// 小数0桁なら常に整数表示
 				return `${sign}${intPart}`;
 			}
-			return `${sign}${intPart}.${fracPart}`;
+
+			// frac 指定あり（1以上）
+			if (hasDot || (opt.forceFracOnBlur && opt.frac > 0)) {
+				// "." が無いけど forceFracOnBlur の場合もここに来る
+				const f = fracPart ?? "";
+				return `${sign}${intPart}.${f}`;
+			}
+
+			// "." が無くて force もしないなら整数表示
+			return `${sign}${intPart}`;
 		}
 	};
 }
@@ -1951,6 +1978,7 @@ function digits(options = {}) {
  * - data-tig-rules-digits-fix-frac-on-blur         -> dataset.tigRulesDigitsFixFracOnBlur
  * - data-tig-rules-digits-overflow-input-int       -> dataset.tigRulesDigitsOverflowInputInt
  * - data-tig-rules-digits-overflow-input-frac      -> dataset.tigRulesDigitsOverflowInputFrac
+ * - data-tig-rules-digits-force-frac-on-blur       -> dataset.tigRulesDigitsForceFracOnBlur
  *
  * @param {DOMStringMap} dataset
  * @param {HTMLInputElement|HTMLTextAreaElement} _el
@@ -2013,6 +2041,12 @@ digits.fromDataset = function fromDataset(dataset, _el) {
 		options.overflowInputFrac = ovFrac;
 	}
 
+	// forceFracOnBlur
+	const forceFrac = parseDatasetBool(dataset.tigRulesDigitsForceFracOnBlur);
+	if (forceFrac != null) {
+		options.forceFracOnBlur = forceFrac;
+	}
+
 	return digits(options);
 };
 
@@ -2038,6 +2072,11 @@ function comma() {
 
 		/**
 		 * 表示整形（確定時のみ）
+		 *
+		 * 前提:
+		 * - numeric / digits 等で正規化済みの数値文字列が渡される
+		 * - 整数部・小数部・符号のみを含む（カンマは含まない想定）
+		 *
 		 * @param {string} value
 		 * @returns {string}
 		 */

package/dist/cjs/text-input-guard.min.cjs

@@ -0,0 +1,6 @@
+/*!
+ * TextInputGuard
+ * AUTHOR: natade (https://github.com/natade-jp/)
+ * LICENSE: MIT https://opensource.org/licenses/MIT
+ */
+"use strict";function t(t,e){e&&console.warn(t)}function e(t,e={}){const n=new i(t,e);return n.init(),n.toGuard()}class i{constructor(t,e){this.originalElement=t,this.options=e;const i=(n=t)instanceof HTMLInputElement?"input":n instanceof HTMLTextAreaElement?"textarea":null;var n;if(!i)throw new TypeError("[text-input-guard] attach() expects an <input> or <textarea> element.");this.kind=i,this.warn=e.warn??!0,this.invalidClass=e.invalidClass??"is-invalid",this.rules=Array.isArray(e.rules)?e.rules:[],this.hostElement=t,this.displayElement=t,this.rawElement=null,this.composing=!1,this.errors=[],this.normalizeCharRules=[],this.normalizeStructureRules=[],this.validateRules=[],this.fixRules=[],this.formatRules=[],this.onCompositionStart=this.onCompositionStart.bind(this),this.onCompositionEnd=this.onCompositionEnd.bind(this),this.onInput=this.onInput.bind(this),this.onBlur=this.onBlur.bind(this),this.onFocus=this.onFocus.bind(this),this.onSelectionChange=this.onSelectionChange.bind(this),this.swapState=null,this.pendingCompositionCommit=!1,this.lastAcceptedValue="",this.lastAcceptedSelection={start:null,end:null,direction:null},this.revertRequest=null}init(){this.buildPipeline(),this.applySeparateValue(),this.bindEvents(),this.evaluateInput()}readSelection(t){return{start:t.selectionStart,end:t.selectionEnd,direction:t.selectionDirection}}writeSelection(t,e){if(null!=e.start&&null!=e.end)try{e.direction?t.setSelectionRange(e.start,e.end,e.direction):t.setSelectionRange(e.start,e.end)}catch(t){}}applySeparateValue(){const e=this.options.separateValue?.mode??"auto";if("swap"!==("auto"===e?this.formatRules.length>0?"swap":"off":e))return;if("input"!==this.kind)return void t('[text-input-guard] separateValue.mode="swap" is not supported for <textarea>. ignored.',this.warn);const i=this.originalElement;this.swapState={originalType:i.type,originalId:i.getAttribute("id"),originalName:i.getAttribute("name"),originalClass:i.className,createdDisplay:null},i.type="hidden",i.removeAttribute("id"),i.dataset.tigRole="raw",this.swapState.originalId&&(i.dataset.tigOriginalId=this.swapState.originalId),this.swapState.originalName&&(i.dataset.tigOriginalName=this.swapState.originalName);const n=document.createElement("input");n.type="text",n.dataset.tigRole="display",this.swapState.originalId&&(n.id=this.swapState.originalId),n.removeAttribute("name"),n.className=this.swapState.originalClass,i.className="",n.value=i.value,i.after(n),this.hostElement=i,this.displayElement=n,this.rawElement=i,this.swapState.createdDisplay=n,this.lastAcceptedValue=n.value,this.lastAcceptedSelection=this.readSelection(n)}restoreSeparateValue(){if(!this.swapState)return;const t=this.swapState,e=this.hostElement,i=t.createdDisplay;if(i)try{e.value=e.value||i.value}catch(t){}i&&i.parentNode&&i.parentNode.removeChild(i),e.type=t.originalType,t.originalId?e.setAttribute("id",t.originalId):e.removeAttribute("id"),t.originalName?e.setAttribute("name",t.originalName):e.removeAttribute("name"),e.className=t.originalClass??"",delete e.dataset.tigRole,delete e.dataset.tigOriginalId,delete e.dataset.tigOriginalName,this.hostElement=this.originalElement,this.displayElement=this.originalElement,this.rawElement=null}detach(){this.unbindEvents(),this.restoreSeparateValue(),this.swapState=null}buildPipeline(){this.normalizeCharRules=[],this.normalizeStructureRules=[],this.validateRules=[],this.fixRules=[],this.formatRules=[];for(const e of this.rules){"input"===this.kind&&e.targets.includes("input")||"textarea"===this.kind&&e.targets.includes("textarea")?(e.normalizeChar&&this.normalizeCharRules.push(e),e.normalizeStructure&&this.normalizeStructureRules.push(e),e.validate&&this.validateRules.push(e),e.fix&&this.fixRules.push(e),e.format&&this.formatRules.push(e)):t(`[text-input-guard] Rule "${e.name}" is not supported for <${this.kind}>. skipped.`,this.warn)}}bindEvents(){this.displayElement.addEventListener("compositionstart",this.onCompositionStart),this.displayElement.addEventListener("compositionend",this.onCompositionEnd),this.displayElement.addEventListener("input",this.onInput),this.displayElement.addEventListener("blur",this.onBlur),this.displayElement.addEventListener("focus",this.onFocus),this.displayElement.addEventListener("keyup",this.onSelectionChange),this.displayElement.addEventListener("mouseup",this.onSelectionChange),this.displayElement.addEventListener("select",this.onSelectionChange),this.displayElement.addEventListener("focus",this.onSelectionChange)}unbindEvents(){this.displayElement.removeEventListener("compositionstart",this.onCompositionStart),this.displayElement.removeEventListener("compositionend",this.onCompositionEnd),this.displayElement.removeEventListener("input",this.onInput),this.displayElement.removeEventListener("blur",this.onBlur),this.displayElement.removeEventListener("focus",this.onFocus),this.displayElement.removeEventListener("keyup",this.onSelectionChange),this.displayElement.removeEventListener("mouseup",this.onSelectionChange),this.displayElement.removeEventListener("select",this.onSelectionChange),this.displayElement.removeEventListener("focus",this.onSelectionChange)}revertDisplay(t){const e=this.displayElement;e.value=this.lastAcceptedValue,this.writeSelection(e,this.lastAcceptedSelection),this.syncRaw(this.lastAcceptedValue),this.clearErrors(),this.applyInvalidClass(),this.revertRequest=null,this.warn}createCtx(){return{hostElement:this.hostElement,displayElement:this.displayElement,rawElement:this.rawElement,kind:this.kind,warn:this.warn,invalidClass:this.invalidClass,composing:this.composing,pushError:t=>this.errors.push(t),requestRevert:t=>{this.revertRequest||(this.revertRequest=t)}}}clearErrors(){this.errors=[]}runNormalizeChar(t,e){let i=t;for(const t of this.normalizeCharRules)i=t.normalizeChar?t.normalizeChar(i,e):i;return i}runNormalizeStructure(t,e){let i=t;for(const t of this.normalizeStructureRules)i=t.normalizeStructure?t.normalizeStructure(i,e):i;return i}runValidate(t,e){for(const i of this.validateRules)i.validate&&i.validate(t,e)}runFix(t,e){let i=t;for(const t of this.fixRules)i=t.fix?t.fix(i,e):i;return i}runFormat(t,e){let i=t;for(const t of this.formatRules)i=t.format?t.format(i,e):i;return i}applyInvalidClass(){const t=this.displayElement;this.errors.length>0?t.classList.add(this.invalidClass):t.classList.remove(this.invalidClass)}syncRaw(t){this.rawElement&&(this.rawElement.value=t)}syncDisplay(t){(this.displayElement instanceof HTMLInputElement||this.displayElement instanceof HTMLTextAreaElement)&&(this.displayElement.value=t)}onCompositionStart(){this.composing=!0}onCompositionEnd(){this.composing=!1,this.pendingCompositionCommit=!0,queueMicrotask(()=>{this.pendingCompositionCommit&&(this.pendingCompositionCommit=!1,this.evaluateInput())})}onInput(){this.pendingCompositionCommit=!1,this.evaluateInput()}onBlur(){this.evaluateCommit()}onFocus(){if(this.composing)return;const t=this.displayElement,e=t.value,i=this.createCtx();let n=e;n=this.runNormalizeChar(n,i),n=this.runNormalizeStructure(n,i),n!==e&&(this.setDisplayValuePreserveCaret(t,n,i),this.syncRaw(n)),this.lastAcceptedValue=n,this.lastAcceptedSelection=this.readSelection(t),this.onSelectionChange()}onSelectionChange(){if(this.composing)return;const t=this.displayElement;this.lastAcceptedSelection=this.readSelection(t)}setDisplayValuePreserveCaret(t,e,i){const n=t.value;if(n===e)return;const r=t.selectionStart,s=t.selectionEnd;if(null==r||null==s)return void(t.value=e);let a=n.slice(0,r);a=this.runNormalizeChar(a,i),a=this.runNormalizeStructure(a,i),t.value=e;const l=Math.min(a.length,e.length);try{t.setSelectionRange(l,l)}catch(t){}}evaluateInput(){if(this.composing)return;this.clearErrors(),this.revertRequest=null;const t=this.displayElement,e=t.value,i=this.createCtx();let n=e;n=this.runNormalizeChar(n,i),n=this.runNormalizeStructure(n,i),n!==e&&this.setDisplayValuePreserveCaret(t,n,i),this.runValidate(n,i),this.revertRequest?this.revertDisplay(this.revertRequest):(this.syncRaw(n),this.applyInvalidClass(),this.lastAcceptedValue=n,this.lastAcceptedSelection=this.readSelection(t))}evaluateCommit(){if(this.composing)return;this.clearErrors(),this.revertRequest=null;const t=this.displayElement,e=this.createCtx();let i=t.value;if(i=this.runNormalizeChar(i,e),i=this.runNormalizeStructure(i,e),this.runValidate(i,e),this.revertRequest)return void this.revertDisplay(this.revertRequest);if(i=this.runFix(i,e),this.clearErrors(),this.revertRequest=null,this.runValidate(i,e),this.revertRequest)return void this.revertDisplay(this.revertRequest);this.syncRaw(i);let n=i;n=this.runFormat(n,e),this.syncDisplay(n),this.applyInvalidClass(),this.lastAcceptedValue=i,this.lastAcceptedSelection=this.readSelection(t)}isValid(){return 0===this.errors.length}getErrors(){return this.errors.slice()}getRawValue(){return this.rawElement?this.rawElement.value:this.displayElement.value}toGuard(){return{detach:()=>this.detach(),isValid:()=>this.isValid(),getErrors:()=>this.getErrors(),getRawValue:()=>this.getRawValue(),getDisplayElement:()=>this.displayElement}}}function n(t){if(null==t)return;const e=String(t).trim().toLowerCase();return""===e||"true"===e||"1"===e||"yes"===e||"on"===e||"false"!==e&&"0"!==e&&"no"!==e&&"off"!==e&&void 0}function r(t){if(null==t)return;const e=String(t).trim();if(""===e)return;const i=Number(e);return Number.isFinite(i)?i:void 0}function s(t,e){if(null==t)return;const i=String(t).trim();return""!==i&&e.includes(i)?i:void 0}function a(t){if(null==t||""===String(t).trim())return"auto";const e=String(t).trim().toLowerCase();return"auto"===e||"swap"===e||"off"===e?e:"auto"}function l(t){if(null!=t.tigSeparate)return!0;if(null!=t.tigWarn)return!0;if(null!=t.tigInvalidClass)return!0;for(const e in t)if(e.startsWith("tigRules"))return!0;return!1}function o(t={}){const e=t.allowFullWidth??!0,i=t.allowMinus??!1,n=t.allowDecimal??!1,r=t.allowEmpty??!0,s=new Set(["ー","－","−","‐","-","‒","–","—","―"]),a=new Set(["．","。","｡"]);function l(t){if(t>="0"&&t<="9")return t;if(e){const e=function(t){const e=t.charCodeAt(0);return 65296<=e&&e<=65305?String.fromCharCode(e-65296+48):null}(t);if(e)return e}return"."===t||e&&a.has(t)?n?".":"":"-"===t?i?"-":"":e&&s.has(t)&&i?"-":""}return{name:"numeric",targets:["input"],normalizeChar(t){let e=String(t);e=e.replace(/,/g,"");let i="";for(const t of e)i+=l(t);return i},normalizeStructure(t){let e="",r=!1,s=!1;for(const a of String(t))a>="0"&&a<="9"?e+=a:"-"===a&&i?r||0!==e.length||(e+="-",r=!0):"."===a&&n&&(s||(e+=".",s=!0));return e},fix(t){let e=String(t);if(""===e)return r?"":"0";if("-"===e||"."===e||"-."===e)return r?"":"0";e.startsWith("-.")&&(e="-0"+e.slice(1)),e.startsWith(".")&&(e="0"+e),e.endsWith(".")&&(e=e.slice(0,-1));let i="";e.startsWith("-")&&(i="-",e=e.slice(1));const n=e.indexOf(".");let s=n>=0?e.slice(0,n):e;const a=n>=0?e.slice(n+1):"";return s=s.replace(/^0+/,""),""===s&&(s="0"),"-"!==i||"0"!==s||a&&!/^0*$/.test(a)||(i=""),n>=0?`${i}${s}.${a}`:`${i}${s}`},validate(t,e){}}}function u(t){let e="",i=String(t);i.startsWith("-")&&(e="-",i=i.slice(1));const n=i.indexOf(".");if(!(n>=0))return{sign:e,intPart:i,fracPart:"",hasDot:!1};return{sign:e,intPart:i.slice(0,n),fracPart:i.slice(n+1),hasDot:!0}}function c(t){let e=1;const i=t.split("");for(let t=i.length-1;t>=0;t--){const n=i[t].charCodeAt(0)-48+e;if(!(n>=10)){i[t]=String.fromCharCode(48+n),e=0;break}i[t]="0",e=1}return 1===e&&i.unshift("1"),i.join("")}function h(t={}){const e={int:"number"==typeof t.int?t.int:void 0,frac:"number"==typeof t.frac?t.frac:void 0,countLeadingZeros:t.countLeadingZeros??!0,fixIntOnBlur:t.fixIntOnBlur??"none",fixFracOnBlur:t.fixFracOnBlur??"none",overflowInputInt:t.overflowInputInt??"none",overflowInputFrac:t.overflowInputFrac??"none",forceFracOnBlur:t.forceFracOnBlur??!1};return{name:"digits",targets:["input"],validate(t,i){const n=String(t);if(""===n||"-"===n||"."===n||"-."===n)return;const{intPart:r,fracPart:s}=u(n);if("number"==typeof e.int){const t=function(t,e){const i=t??"";if(0===i.length)return 0;if(e)return i.length;const n=i.replace(/^0+/,"");return 0===n.length?1:n.length}(r,e.countLeadingZeros);if(t>e.int){if("block"===e.overflowInputInt)return void i.requestRevert({reason:"digits.int_overflow",detail:{limit:e.int,actual:t}});i.pushError({code:"digits.int_overflow",rule:"digits",phase:"validate",detail:{limit:e.int,actual:t}})}}if("number"==typeof e.frac){const t=(s??"").length;if(t>e.frac){if("block"===e.overflowInputFrac)return void i.requestRevert({reason:"digits.frac_overflow",detail:{limit:e.frac,actual:t}});i.pushError({code:"digits.frac_overflow",rule:"digits",phase:"validate",detail:{limit:e.frac,actual:t}})}}},fix(t,i){const n=String(t);if(""===n||"-"===n||"."===n||"-."===n)return n;const r=u(n);let{intPart:s,fracPart:a}=r;const{sign:l,hasDot:o}=r;if("number"==typeof e.int&&"none"!==e.fixIntOnBlur){(s??"").length>e.int&&("truncateLeft"===e.fixIntOnBlur?s=s.slice(s.length-e.int):"truncateRight"===e.fixIntOnBlur?s=s.slice(0,e.int):"clamp"===e.fixIntOnBlur&&(s="9".repeat(e.int)))}if("number"==typeof e.frac&&"none"!==e.fixFracOnBlur&&o){const t=e.frac,i=a??"";if(i.length>t)if("truncate"===e.fixFracOnBlur)a=i.slice(0,t);else if("round"===e.fixFracOnBlur){const e=function(t,e,i){const n=e??"";if(n.length<=i)return{intPart:t,fracPart:n};const r=n.slice(0,i);if(n.charCodeAt(i)-48<5)return{intPart:t,fracPart:r};if(0===i)return{intPart:c(t.length?t:"0"),fracPart:""};let s=1;const a=r.split("");for(let t=a.length-1;t>=0;t--){const e=a[t].charCodeAt(0)-48+s;if(!(e>=10)){a[t]=String.fromCharCode(48+e),s=0;break}a[t]="0",s=1}const l=a.join("");let o=t;return 1===s&&(o=c(t.length?t:"0")),{intPart:o,fracPart:l}}(s,i,t);s=e.intPart,a=e.fracPart}}if(e.forceFracOnBlur&&"number"==typeof e.frac&&e.frac>0){const t=e.frac;o||(a="");const i=a??"";i.length<t&&(a=i+"0".repeat(t-i.length))}if("number"!=typeof e.frac)return`${l}${s}`;if(0===e.frac)return`${l}${s}`;if(o||e.forceFracOnBlur&&e.frac>0){return`${l}${s}.${a??""}`}return`${l}${s}`}}}function d(){return{name:"comma",targets:["input"],format(t){const e=String(t);if(""===e||"-"===e||"."===e||"-."===e)return e;let i="",n=e;n.startsWith("-")&&(i="-",n=n.slice(1));const r=n.indexOf("."),s=r>=0?n.slice(0,r):n,a=r>=0?n.slice(r+1):null,l=s.replace(/\B(?=(\d{3})+(?!\d))/g,",");return null!=a?`${i}${l}.${a}`:`${i}${l}`}}}o.fromDataset=function(t,e){if(null==t.tigRulesNumeric)return null;const i={},r=n(t.tigRulesNumericAllowFullWidth);null!=r&&(i.allowFullWidth=r);const s=n(t.tigRulesNumericAllowMinus);null!=s&&(i.allowMinus=s);const a=n(t.tigRulesNumericAllowDecimal);null!=a&&(i.allowDecimal=a);const l=n(t.tigRulesNumericAllowEmpty);return null!=l&&(i.allowEmpty=l),o(i)},h.fromDataset=function(t,e){if(null==t.tigRulesDigits)return null;const i={},a=r(t.tigRulesDigitsInt);null!=a&&(i.int=a);const l=r(t.tigRulesDigitsFrac);null!=l&&(i.frac=l);const o=n(t.tigRulesDigitsCountLeadingZeros);null!=o&&(i.countLeadingZeros=o);const u=s(t.tigRulesDigitsFixIntOnBlur,["none","truncateLeft","truncateRight","clamp"]);null!=u&&(i.fixIntOnBlur=u);const c=s(t.tigRulesDigitsFixFracOnBlur,["none","truncate","round"]);null!=c&&(i.fixFracOnBlur=c);const d=s(t.tigRulesDigitsOverflowInputInt,["none","block"]);null!=d&&(i.overflowInputInt=d);const m=s(t.tigRulesDigitsOverflowInputFrac,["none","block"]);null!=m&&(i.overflowInputFrac=m);const p=n(t.tigRulesDigitsForceFracOnBlur);return null!=p&&(i.forceFracOnBlur=p),h(i)},d.fromDataset=function(t,e){return null==t.tigRulesComma?null:d()};const m=new class{constructor(t,e){this.attachFn=t,this.ruleFactories=Array.isArray(e)?e:[]}register(t){this.ruleFactories.push(t)}autoAttach(t=document){const e=[],i=[];if(t.querySelectorAll){const e=t.querySelectorAll("input, textarea");for(const t of e)(t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement)&&i.push(t)}(t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement)&&(i.includes(t)||i.push(t));for(const t of i){const i=t.dataset;if("true"===i.tigAttached)continue;if(!l(i))continue;const r={},s=n(i.tigWarn);null!=s&&(r.warn=s),null!=i.tigInvalidClass&&""!==String(i.tigInvalidClass).trim()&&(r.invalidClass=String(i.tigInvalidClass)),r.separateValue={mode:a(i.tigSeparate)};const o=[];for(const e of this.ruleFactories)try{const n=e.fromDataset(i,t);n&&o.push(n)}catch(t){(r.warn??!0)&&console.warn(`[text-input-guard] autoAttach: rule "${e.name}" fromDataset() threw an error.`,t)}if(o.length>0&&(r.rules=o),!r.rules||0===r.rules.length)continue;const u=this.attachFn(t,r);e.push(u),t.dataset.tigAttached="true"}return{detach:()=>{for(const t of e)t.detach()},isValid:()=>e.every(t=>t.isValid()),getErrors:()=>e.flatMap(t=>t.getErrors()),getGuards:()=>e}}}(e,[{name:"numeric",fromDataset:o.fromDataset},{name:"digits",fromDataset:h.fromDataset},{name:"comma",fromDataset:d.fromDataset}]),p={numeric:o,digits:h,comma:d};exports.attach=e,exports.attachAll=function(t,i={}){const n=[];for(const r of t)n.push(e(r,i));return{detach:()=>{for(const t of n)t.detach()},isValid:()=>n.every(t=>t.isValid()),getErrors:()=>n.flatMap(t=>t.getErrors()),getGuards:()=>n}},exports.autoAttach=t=>m.autoAttach(t),exports.comma=d,exports.digits=h,exports.numeric=o,exports.rules=p,exports.version="0.0.1";