From 08b68c39c0b3951455166fa3444b60e682dbce39 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BB=D0=B5=D0=BA=D1=81=D0=B5=D0=B9=20=D0=9A=D1=80?=
 =?UTF-8?q?=D1=8F=D0=B6=D0=B5=D0=B2?= <ubivaza@gmail.com>
Date: Sat, 2 Mar 2024 10:36:47 +0300
Subject: [PATCH] fix #1007

---
 packages/imask/example.html        | 23 +++++++++++++----------
 packages/imask/src/masked/enum.ts  |  6 +++++-
 packages/imask/test/masked/enum.ts | 17 +++++++++++++++++
 3 files changed, 35 insertions(+), 11 deletions(-)

diff --git a/packages/imask/example.html b/packages/imask/example.html
index f99a7a19..5111ce5f 100644
--- a/packages/imask/example.html
+++ b/packages/imask/example.html
@@ -12,22 +12,25 @@ <h1>IMask Core Demo</h1>
   <!-- <script src="https://unpkg.com/imask"></script> -->
   <script type="text/javascript">
     const opts = {
-      mask: 'HH:MM',
+      mask: 'VLv\\alue MM',
+      lazy: false, // make placeholder always visible
+
       blocks: {
-        HH: {
-          mask: IMask.MaskedRange,
-          from: 0,
-          to: 23,
-          maxLength: 2,
+        YY: {
+          mask: '00',
         },
+
+        VL: {
+          mask: IMask.MaskedEnum,
+          enum: ['TV', 'HD', 'VR'],
+        },
+
         MM: {
           mask: IMask.MaskedRange,
-          from: 0,
-          to: 59,
-          maxLength: 2,
+          from: 1,
+          to: 12,
         },
       },
-      autofix: 'pad',
     };
 
     const input = document.getElementById('input');
diff --git a/packages/imask/src/masked/enum.ts b/packages/imask/src/masked/enum.ts
index 0aa7aa89..62140b91 100644
--- a/packages/imask/src/masked/enum.ts
+++ b/packages/imask/src/masked/enum.ts
@@ -79,7 +79,7 @@ class MaskedEnum extends MaskedPattern {
       return d;
     }
 
-    return new ChangeDetails();
+    return new ChangeDetails({ skip: !this.isComplete });
   }
 
   override extractTail (fromPos: number=0, toPos: number=this.displayValue.length): TailDetails {
@@ -103,6 +103,10 @@ class MaskedEnum extends MaskedPattern {
 
     return details;
   }
+
+  override get isComplete (): boolean {
+    return this.enum.indexOf(this.value) >= 0;
+  }
 }
 
 
diff --git a/packages/imask/test/masked/enum.ts b/packages/imask/test/masked/enum.ts
index 26c903d5..298e0b42 100644
--- a/packages/imask/test/masked/enum.ts
+++ b/packages/imask/test/masked/enum.ts
@@ -70,4 +70,21 @@ describe('MaskedEnum', function () {
 
     assert.equal(masked.value, 'aaa');
   });
+
+  it('should skip char if does not match', function () {
+    const enum_ = ['aaa', 'bbb', 'ccc'];
+    const masked = new MaskedEnum({ enum: enum_ });
+    const d = masked.append('x', { input: true, raw: true });
+
+    assert.equal(d.skip, true);
+  });
+
+  it('should not skip char if complete', function () {
+    const enum_ = ['aaa', 'bbb', 'ccc'];
+    const masked = new MaskedEnum({ enum: enum_ });
+    masked.value = 'aaa';
+    const d = masked.append('x', { input: true, raw: true });
+
+    assert.equal(d.skip, false);
+  });
 });