@justifi/webcomponents 4.7.3 → 4.7.5

package/dist/{components → module}/index2.js

@@ -5,8 +5,7 @@ function isString(str) {
 
 /** Checks if value is object */
 function isObject(obj) {
-  var _obj$constructor;
-  return typeof obj === 'object' && obj != null && (obj == null || (_obj$constructor = obj.constructor) == null ? void 0 : _obj$constructor.name) === 'Object';
+  return typeof obj === 'object' && obj != null && obj?.constructor?.name === 'Object';
 }
 function pick(obj, keys) {
   if (Array.isArray(keys)) return pick(obj, (_, k) => keys.includes(k));
@@ -94,6 +93,11 @@ class ActionDetails {
     while (this.value.slice(0, this.startChangePos) !== this.oldValue.slice(0, this.startChangePos)) {
       --this.oldSelection.start;
     }
+
+    // double check right part
+    while (this.value.slice(this.cursorPos) !== this.oldValue.slice(this.oldSelection.end)) {
+      if (this.value.length - this.cursorPos < this.oldValue.length - this.oldSelection.end) ++this.oldSelection.end;else ++this.cursorPos;
+    }
   }
 
   /** Start changing position */
@@ -177,6 +181,7 @@ function IMask(el, opts) {
 // export function maskedClass<Mask extends typeof Masked> (mask: Mask): Mask;
 // export function maskedClass(mask: RegExp): typeof MaskedRegExp;
 // export function maskedClass(mask: (value: string, ...args: any[]) => boolean): typeof MaskedFunction;
+
 /** Get Masked class by mask type */
 function maskedClass(mask) /* TODO */{
   if (mask == null) throw new Error('mask property should be defined');
@@ -257,7 +262,7 @@ function createMask(opts) {
   if (IMask.Masked && opts instanceof IMask.Masked) return opts;
   const nOpts = normalizeOpts(opts);
   const MaskedClass = maskedClass(nOpts.mask);
-  if (!MaskedClass) throw new Error('Masked class is not found for provided mask, appropriate module needs to be imported manually before creating mask.');
+  if (!MaskedClass) throw new Error(`Masked class is not found for provided mask ${nOpts.mask}, appropriate module needs to be imported manually before creating mask.`);
   if (nOpts.mask === MaskedClass) delete nOpts.mask;
   if (nOpts._mask) {
     nOpts.mask = nOpts._mask;
@@ -311,9 +316,11 @@ class MaskElement {
 
   /** */
 }
-
 IMask.MaskElement = MaskElement;
 
+const KEY_Z = 90;
+const KEY_Y = 89;
+
 /** Bridge between HTMLElement and {@link Masked} */
 class HTMLMaskElement extends MaskElement {
   /** HTMLElement to use mask on */
@@ -321,53 +328,73 @@ class HTMLMaskElement extends MaskElement {
   constructor(input) {
     super();
     this.input = input;
-    this._handlers = {};
+    this._onKeydown = this._onKeydown.bind(this);
+    this._onInput = this._onInput.bind(this);
+    this._onBeforeinput = this._onBeforeinput.bind(this);
+    this._onCompositionEnd = this._onCompositionEnd.bind(this);
   }
   get rootElement() {
-    var _this$input$getRootNo, _this$input$getRootNo2, _this$input;
-    return (_this$input$getRootNo = (_this$input$getRootNo2 = (_this$input = this.input).getRootNode) == null ? void 0 : _this$input$getRootNo2.call(_this$input)) != null ? _this$input$getRootNo : document;
+    return this.input.getRootNode?.() ?? document;
   }
 
-  /**
-    Is element in focus
-  */
+  /** Is element in focus */
   get isActive() {
     return this.input === this.rootElement.activeElement;
   }
 
-  /**
-    Binds HTMLElement events to mask internal events
-  */
+  /** Binds HTMLElement events to mask internal events */
   bindEvents(handlers) {
-    Object.keys(handlers).forEach(event => this._toggleEventHandler(HTMLMaskElement.EVENTS_MAP[event], handlers[event]));
+    this.input.addEventListener('keydown', this._onKeydown);
+    this.input.addEventListener('input', this._onInput);
+    this.input.addEventListener('beforeinput', this._onBeforeinput);
+    this.input.addEventListener('compositionend', this._onCompositionEnd);
+    this.input.addEventListener('drop', handlers.drop);
+    this.input.addEventListener('click', handlers.click);
+    this.input.addEventListener('focus', handlers.focus);
+    this.input.addEventListener('blur', handlers.commit);
+    this._handlers = handlers;
   }
-
-  /**
-    Unbinds HTMLElement events to mask internal events
-  */
-  unbindEvents() {
-    Object.keys(this._handlers).forEach(event => this._toggleEventHandler(event));
+  _onKeydown(e) {
+    if (this._handlers.redo && (e.keyCode === KEY_Z && e.shiftKey && (e.metaKey || e.ctrlKey) || e.keyCode === KEY_Y && e.ctrlKey)) {
+      e.preventDefault();
+      return this._handlers.redo(e);
+    }
+    if (this._handlers.undo && e.keyCode === KEY_Z && (e.metaKey || e.ctrlKey)) {
+      e.preventDefault();
+      return this._handlers.undo(e);
+    }
+    if (!e.isComposing) this._handlers.selectionChange(e);
   }
-  _toggleEventHandler(event, handler) {
-    if (this._handlers[event]) {
-      this.input.removeEventListener(event, this._handlers[event]);
-      delete this._handlers[event];
+  _onBeforeinput(e) {
+    if (e.inputType === 'historyUndo' && this._handlers.undo) {
+      e.preventDefault();
+      return this._handlers.undo(e);
     }
-    if (handler) {
-      this.input.addEventListener(event, handler);
-      this._handlers[event] = handler;
+    if (e.inputType === 'historyRedo' && this._handlers.redo) {
+      e.preventDefault();
+      return this._handlers.redo(e);
     }
   }
+  _onCompositionEnd(e) {
+    this._handlers.input(e);
+  }
+  _onInput(e) {
+    if (!e.isComposing) this._handlers.input(e);
+  }
+
+  /** Unbinds HTMLElement events to mask internal events */
+  unbindEvents() {
+    this.input.removeEventListener('keydown', this._onKeydown);
+    this.input.removeEventListener('input', this._onInput);
+    this.input.removeEventListener('beforeinput', this._onBeforeinput);
+    this.input.removeEventListener('compositionend', this._onCompositionEnd);
+    this.input.removeEventListener('drop', this._handlers.drop);
+    this.input.removeEventListener('click', this._handlers.click);
+    this.input.removeEventListener('focus', this._handlers.focus);
+    this.input.removeEventListener('blur', this._handlers.commit);
+    this._handlers = {};
+  }
 }
-/** Mapping between HTMLElement events and mask internal events */
-HTMLMaskElement.EVENTS_MAP = {
-  selectionChange: 'keydown',
-  input: 'input',
-  drop: 'drop',
-  click: 'click',
-  focus: 'focus',
-  commit: 'blur'
-};
 IMask.HTMLMaskElement = HTMLMaskElement;
 
 /** Bridge between InputElement and {@link Masked} */
@@ -377,7 +404,6 @@ class HTMLInputMaskElement extends HTMLMaskElement {
   constructor(input) {
     super(input);
     this.input = input;
-    this._handlers = {};
   }
 
   /** Returns InputElement selection start */
@@ -452,6 +478,39 @@ class HTMLContenteditableMaskElement extends HTMLMaskElement {
 }
 IMask.HTMLContenteditableMaskElement = HTMLContenteditableMaskElement;
 
+class InputHistory {
+  static MAX_LENGTH = 100;
+  states = [];
+  currentIndex = 0;
+  get currentState() {
+    return this.states[this.currentIndex];
+  }
+  get isEmpty() {
+    return this.states.length === 0;
+  }
+  push(state) {
+    // if current index points before the last element then remove the future
+    if (this.currentIndex < this.states.length - 1) this.states.length = this.currentIndex + 1;
+    this.states.push(state);
+    if (this.states.length > InputHistory.MAX_LENGTH) this.states.shift();
+    this.currentIndex = this.states.length - 1;
+  }
+  go(steps) {
+    this.currentIndex = Math.min(Math.max(this.currentIndex + steps, 0), this.states.length - 1);
+    return this.currentState;
+  }
+  undo() {
+    return this.go(-1);
+  }
+  redo() {
+    return this.go(+1);
+  }
+  clear() {
+    this.states.length = 0;
+    this.currentIndex = 0;
+  }
+}
+
 /** Listens to element events and controls changes between element and {@link Masked} */
 class InputMask {
   /**
@@ -466,12 +525,16 @@ class InputMask {
     this._listeners = {};
     this._value = '';
     this._unmaskedValue = '';
+    this._rawInputValue = '';
+    this.history = new InputHistory();
     this._saveSelection = this._saveSelection.bind(this);
     this._onInput = this._onInput.bind(this);
     this._onChange = this._onChange.bind(this);
     this._onDrop = this._onDrop.bind(this);
     this._onFocus = this._onFocus.bind(this);
     this._onClick = this._onClick.bind(this);
+    this._onUndo = this._onUndo.bind(this);
+    this._onRedo = this._onRedo.bind(this);
     this.alignCursor = this.alignCursor.bind(this);
     this.alignCursorFriendly = this.alignCursorFriendly.bind(this);
     this._bindEvents();
@@ -481,8 +544,7 @@ class InputMask {
     this._onChange();
   }
   maskEquals(mask) {
-    var _this$masked;
-    return mask == null || ((_this$masked = this.masked) == null ? void 0 : _this$masked.maskEquals(mask));
+    return mask == null || this.masked?.maskEquals(mask);
   }
 
   /** Masked */
@@ -512,8 +574,7 @@ class InputMask {
   set value(str) {
     if (this.value === str) return;
     this.masked.value = str;
-    this.updateControl();
-    this.alignCursor();
+    this.updateControl('auto');
   }
 
   /** Unmasked value */
@@ -523,6 +584,16 @@ class InputMask {
   set unmaskedValue(str) {
     if (this.unmaskedValue === str) return;
     this.masked.unmaskedValue = str;
+    this.updateControl('auto');
+  }
+
+  /** Raw input value */
+  get rawInputValue() {
+    return this._rawInputValue;
+  }
+  set rawInputValue(str) {
+    if (this.rawInputValue === str) return;
+    this.masked.rawInputValue = str;
     this.updateControl();
     this.alignCursor();
   }
@@ -534,8 +605,7 @@ class InputMask {
   set typedValue(val) {
     if (this.masked.typedValueEquals(val)) return;
     this.masked.typedValue = val;
-    this.updateControl();
-    this.alignCursor();
+    this.updateControl('auto');
   }
 
   /** Display value */
@@ -551,7 +621,9 @@ class InputMask {
       drop: this._onDrop,
       click: this._onClick,
       focus: this._onFocus,
-      commit: this._onChange
+      commit: this._onChange,
+      undo: this._onUndo,
+      redo: this._onRedo
     });
   }
 
@@ -588,7 +660,6 @@ class InputMask {
     if (this.displayValue !== this.el.value) {
       console.warn('Element value was changed outside of mask. Syncronize mask using `mask.updateValue()` to work properly.'); // eslint-disable-line no-console
     }
-
     this._selection = {
       start: this.selectionStart,
       end: this.cursorPos
@@ -602,15 +673,25 @@ class InputMask {
   }
 
   /** Syncronizes view from model value, fires change events */
-  updateControl() {
+  updateControl(cursorPos) {
     const newUnmaskedValue = this.masked.unmaskedValue;
     const newValue = this.masked.value;
+    const newRawInputValue = this.masked.rawInputValue;
     const newDisplayValue = this.displayValue;
-    const isChanged = this.unmaskedValue !== newUnmaskedValue || this.value !== newValue;
+    const isChanged = this.unmaskedValue !== newUnmaskedValue || this.value !== newValue || this._rawInputValue !== newRawInputValue;
     this._unmaskedValue = newUnmaskedValue;
     this._value = newValue;
+    this._rawInputValue = newRawInputValue;
     if (this.el.value !== newDisplayValue) this.el.value = newDisplayValue;
+    if (cursorPos === 'auto') this.alignCursor();else if (cursorPos != null) this.cursorPos = cursorPos;
     if (isChanged) this._fireChangeEvents();
+    if (!this._historyChanging && (isChanged || this.history.isEmpty)) this.history.push({
+      unmaskedValue: newUnmaskedValue,
+      selection: {
+        start: this.selectionStart,
+        end: this.cursorPos
+      }
+    });
   }
 
   /** Updates options with deep equal check, recreates {@link Masked} model if mask type changes */
@@ -618,9 +699,10 @@ class InputMask {
     const {
       mask,
       ...restOpts
-    } = opts;
+    } = opts; // TODO types, yes, mask is optional
+
     const updateMask = !this.maskEquals(mask);
-    const updateOpts = !objectIncludes(this.masked, restOpts);
+    const updateOpts = this.masked.optionsIsChanged(restOpts);
     if (updateMask) this.mask = mask;
     if (updateOpts) this.masked.updateOptions(restOpts); // TODO
 
@@ -695,9 +777,6 @@ class InputMask {
   _onInput(e) {
     this._inputEvent = e;
     this._abortUpdateCursor();
-
-    // fix strange IE behavior
-    if (!this._selection) return this.updateValue();
     const details = new ActionDetails({
       // new state
       value: this.el.value,
@@ -717,8 +796,7 @@ class InputMask {
     const removeDirection = oldRawValue === this.masked.rawInputValue ? details.removeDirection : DIRECTION.NONE;
     let cursorPos = this.masked.nearestInputPos(details.startChangePos + offset, removeDirection);
     if (removeDirection !== DIRECTION.NONE) cursorPos = this.masked.nearestInputPos(cursorPos, DIRECTION.NONE);
-    this.updateControl();
-    this.updateCursor(cursorPos);
+    this.updateControl(cursorPos);
     delete this._inputEvent;
   }
 
@@ -747,6 +825,20 @@ class InputMask {
   _onClick(ev) {
     this.alignCursorFriendly();
   }
+  _onUndo() {
+    this._applyHistoryState(this.history.undo());
+  }
+  _onRedo() {
+    this._applyHistoryState(this.history.redo());
+  }
+  _applyHistoryState(state) {
+    if (!state) return;
+    this._historyChanging = true;
+    this.unmaskedValue = state.unmaskedValue;
+    this.el.select(state.selection.start, state.selection.end);
+    this._saveSelection();
+    this._historyChanging = false;
+  }
 
   /** Unbind view events and removes element reference */
   destroy() {
@@ -857,6 +949,11 @@ class ContinuousTailDetails {
 
 /** Provides common masking stuff */
 class Masked {
+  static DEFAULTS = {
+    skipInvalid: true
+  };
+  static EMPTY_VALUES = [undefined, null, ''];
+
   /** */
 
   /** */
@@ -892,7 +989,7 @@ class Masked {
 
   /** Sets and applies new options */
   updateOptions(opts) {
-    if (!Object.keys(opts).length) return;
+    if (!this.optionsIsChanged(opts)) return;
     this.withValueRefresh(this._update.bind(this, opts));
   }
 
@@ -1034,7 +1131,7 @@ class Masked {
     const consistentState = this.state;
     let details;
     [ch, details] = this.doPrepareChar(ch, flags);
-    details = details.aggregate(this._appendCharRaw(ch, flags));
+    if (ch) details = details.aggregate(this._appendCharRaw(ch, flags));
     if (details.inserted) {
       let consistentTail;
       let appended = this.doValidate(flags) !== false;
@@ -1043,18 +1140,22 @@ class Masked {
         const beforeTailState = this.state;
         if (this.overwrite === true) {
           consistentTail = checkTail.state;
-          checkTail.unshift(this.displayValue.length - details.tailShift);
+          for (let i = 0; i < details.rawInserted.length; ++i) {
+            checkTail.unshift(this.displayValue.length - details.tailShift);
+          }
         }
         let tailDetails = this.appendTail(checkTail);
-        appended = tailDetails.rawInserted === checkTail.toString();
+        appended = tailDetails.rawInserted.length === checkTail.toString().length;
 
         // not ok, try shift
         if (!(appended && tailDetails.inserted) && this.overwrite === 'shift') {
           this.state = beforeTailState;
           consistentTail = checkTail.state;
-          checkTail.shift();
+          for (let i = 0; i < details.rawInserted.length; ++i) {
+            checkTail.shift();
+          }
           tailDetails = this.appendTail(checkTail);
-          appended = tailDetails.rawInserted === checkTail.toString();
+          appended = tailDetails.rawInserted.length === checkTail.toString().length;
         }
 
         // if ok, rollback state after tail
@@ -1085,7 +1186,7 @@ class Masked {
   append(str, flags, tail) {
     if (!isString(str)) throw new Error('value should be string');
     const checkTail = isString(tail) ? new ContinuousTailDetails(String(tail)) : tail;
-    if (flags != null && flags.tail) flags._beforeTailState = this.state;
+    if (flags?.tail) flags._beforeTailState = this.state;
     let details;
     [str, details] = this.doPrepare(str, flags);
     for (let ci = 0; ci < str.length; ++ci) {
@@ -1093,7 +1194,7 @@ class Masked {
       if (!d.rawInserted && !this.doSkipInvalid(str[ci], flags, checkTail)) break;
       details.aggregate(d);
     }
-    if ((this.eager === true || this.eager === 'append') && flags != null && flags.input && str) {
+    if ((this.eager === true || this.eager === 'append') && flags?.input && str) {
       details.aggregate(this._appendEager());
     }
 
@@ -1104,7 +1205,6 @@ class Masked {
       // but it causes bugs when one append calls another (when dynamic dispatch set rawInputValue)
       // this._resetBeforeTailState();
     }
-
     return details;
   }
   remove(fromPos, toPos) {
@@ -1129,6 +1229,7 @@ class Masked {
     // append lost trailing chars at the end
     if (this.value && this.value !== value && value.indexOf(this.value) === 0) {
       this.append(value.slice(this.displayValue.length), {}, '');
+      this.doCommit();
     }
     delete this._refreshing;
     return ret;
@@ -1218,15 +1319,14 @@ class Masked {
   maskEquals(mask) {
     return this.mask === mask;
   }
+  optionsIsChanged(opts) {
+    return !objectIncludes(this, opts);
+  }
   typedValueEquals(value) {
     const tval = this.typedValue;
     return value === tval || Masked.EMPTY_VALUES.includes(value) && Masked.EMPTY_VALUES.includes(tval) || (this.format ? this.format(value, this) === this.format(this.typedValue, this) : false);
   }
 }
-Masked.DEFAULTS = {
-  skipInvalid: true
-};
-Masked.EMPTY_VALUES = [undefined, null, ''];
 IMask.Masked = Masked;
 
 class ChunksTailDetails {
@@ -1441,11 +1541,9 @@ class PatternCursor {
       this.offset = this.block.displayValue.length; // TODO this is stupid type error, `block` depends on index that was changed above
     }
   }
-
   _pushLeft(fn) {
     this.pushState();
-    for (this.bindBlock(); 0 <= this.index; --this.index, this.offset = ((_this$block = this.block) == null ? void 0 : _this$block.displayValue.length) || 0) {
-      var _this$block;
+    for (this.bindBlock(); 0 <= this.index; --this.index, this.offset = this.block?.displayValue.length || 0) {
       if (fn()) return this.ok = true;
     }
     return this.ok = false;
@@ -1655,6 +1753,13 @@ class PatternFixedDefinition {
 }
 
 class PatternInputDefinition {
+  static DEFAULT_DEFINITIONS = {
+    '0': /\d/,
+    'a': /[\u0041-\u005A\u0061-\u007A\u00AA\u00B5\u00BA\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0\u08A2-\u08AC\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097F\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D\u0C58\u0C59\u0C60\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D60\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191C\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19C1-\u19C7\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FCC\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA697\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790-\uA793\uA7A0-\uA7AA\uA7F8-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA80-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]/,
+    // http://stackoverflow.com/a/22075070
+    '*': /./
+  };
+
   /** */
 
   /** */
@@ -1818,19 +1923,12 @@ class PatternInputDefinition {
     this.isFilled = state.isFilled;
   }
   currentMaskFlags(flags) {
-    var _flags$_beforeTailSta;
     return {
       ...flags,
-      _beforeTailState: (flags == null || (_flags$_beforeTailSta = flags._beforeTailState) == null ? void 0 : _flags$_beforeTailSta.masked) || (flags == null ? void 0 : flags._beforeTailState)
+      _beforeTailState: flags?._beforeTailState?.masked || flags?._beforeTailState
     };
   }
 }
-PatternInputDefinition.DEFAULT_DEFINITIONS = {
-  '0': /\d/,
-  'a': /[\u0041-\u005A\u0061-\u007A\u00AA\u00B5\u00BA\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0\u08A2-\u08AC\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097F\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D\u0C58\u0C59\u0C60\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D60\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191C\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19C1-\u19C7\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FCC\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA697\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790-\uA793\uA7A0-\uA7AA\uA7F8-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA80-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]/,
-  // http://stackoverflow.com/a/22075070
-  '*': /./
-};
 
 /** Masking by RegExp */
 class MaskedRegExp extends Masked {
@@ -1855,6 +1953,15 @@ IMask.MaskedRegExp = MaskedRegExp;
 
 /** Pattern mask */
 class MaskedPattern extends Masked {
+  static DEFAULTS = {
+    lazy: true,
+    placeholderChar: '_'
+  };
+  static STOP_CHAR = '`';
+  static ESCAPE_CHAR = '\\';
+  static InputDefinition = PatternInputDefinition;
+  static FixedDefinition = PatternFixedDefinition;
+
   /** */
 
   /** */
@@ -1875,7 +1982,7 @@ class MaskedPattern extends Masked {
     super({
       ...MaskedPattern.DEFAULTS,
       ...opts,
-      definitions: Object.assign({}, PatternInputDefinition.DEFAULT_DEFINITIONS, opts == null ? void 0 : opts.definitions)
+      definitions: Object.assign({}, PatternInputDefinition.DEFAULT_DEFINITIONS, opts?.definitions)
     });
   }
   updateOptions(opts) {
@@ -1907,17 +2014,20 @@ class MaskedPattern extends Masked {
         if (bName) {
           const {
             expose,
-            ...blockOpts
-          } = normalizeOpts(this.blocks[bName]);
-          const maskedBlock = createMask({
+            repeat,
+            ...bOpts
+          } = normalizeOpts(this.blocks[bName]); // TODO type Opts<Arg & Extra>
+          const blockOpts = {
             lazy: this.lazy,
             eager: this.eager,
             placeholderChar: this.placeholderChar,
             displayChar: this.displayChar,
             overwrite: this.overwrite,
-            ...blockOpts,
+            ...bOpts,
+            repeat,
             parent: this
-          });
+          };
+          const maskedBlock = repeat != null ? new IMask.RepeatBlock(blockOpts /* TODO */) : createMask(blockOpts);
           if (maskedBlock) {
             this._blocks.push(maskedBlock);
             if (expose) this.exposeBlock = maskedBlock;
@@ -1973,6 +2083,10 @@ class MaskedPattern extends Masked {
     };
   }
   set state(state) {
+    if (!state) {
+      this.reset();
+      return;
+    }
     const {
       _blocks,
       ...maskedState
@@ -2042,9 +2156,8 @@ class MaskedPattern extends Masked {
     return super.appendTail(tail).aggregate(this._appendPlaceholder());
   }
   _appendEager() {
-    var _this$_mapPosToBlock;
     const details = new ChangeDetails();
-    let startBlockIndex = (_this$_mapPosToBlock = this._mapPosToBlock(this.displayValue.length)) == null ? void 0 : _this$_mapPosToBlock.index;
+    let startBlockIndex = this._mapPosToBlock(this.displayValue.length)?.index;
     if (startBlockIndex == null) return details;
 
     // TODO test if it works for nested pattern masks
@@ -2063,19 +2176,14 @@ class MaskedPattern extends Masked {
     const blockIter = this._mapPosToBlock(this.displayValue.length);
     const details = new ChangeDetails();
     if (!blockIter) return details;
-    for (let bi = blockIter.index;; ++bi) {
-      var _flags$_beforeTailSta;
-      const block = this._blocks[bi];
-      if (!block) break;
+    for (let bi = blockIter.index, block; block = this._blocks[bi]; ++bi) {
       const blockDetails = block._appendChar(ch, {
         ...flags,
-        _beforeTailState: (_flags$_beforeTailSta = flags._beforeTailState) == null || (_flags$_beforeTailSta = _flags$_beforeTailSta._blocks) == null ? void 0 : _flags$_beforeTailSta[bi]
+        _beforeTailState: flags._beforeTailState?._blocks?.[bi]
       });
-      const skip = blockDetails.skip;
       details.aggregate(blockDetails);
-      if (skip || blockDetails.rawInserted) break; // go next char
+      if (blockDetails.skip || blockDetails.rawInserted) break; // go next char
     }
-
     return details;
   }
   extractTail(fromPos, toPos) {
@@ -2132,8 +2240,7 @@ class MaskedPattern extends Masked {
     const endBlockIndex = toBlockIndex != null ? toBlockIndex : this._blocks.length;
     this._blocks.slice(startBlockIndex, endBlockIndex).forEach(b => {
       if (!b.lazy || toBlockIndex != null) {
-        var _blocks2;
-        const bDetails = b._appendPlaceholder((_blocks2 = b._blocks) == null ? void 0 : _blocks2.length);
+        const bDetails = b._appendPlaceholder(b._blocks?.length);
         this._value += bDetails.inserted;
         details.aggregate(bDetails);
       }
@@ -2284,14 +2391,6 @@ class MaskedPattern extends Masked {
     return indices.map(gi => this._blocks[gi]);
   }
 }
-MaskedPattern.DEFAULTS = {
-  lazy: true,
-  placeholderChar: '_'
-};
-MaskedPattern.STOP_CHAR = '`';
-MaskedPattern.ESCAPE_CHAR = '\\';
-MaskedPattern.InputDefinition = PatternInputDefinition;
-MaskedPattern.FixedDefinition = PatternFixedDefinition;
 IMask.MaskedPattern = MaskedPattern;
 
 /** Pattern which accepts ranges */
@@ -2313,7 +2412,6 @@ class MaskedRange extends MaskedPattern {
   constructor(opts) {
     super(opts); // mask will be created in _update
   }
-
   updateOptions(opts) {
     super.updateOptions(opts);
   }
@@ -2357,7 +2455,10 @@ class MaskedRange extends MaskedPattern {
     }
     let details;
     [ch, details] = super.doPrepareChar(ch.replace(/\D/g, ''), flags);
-    if (!this.autofix || !ch) return [ch, details];
+    if (!this.autofix || !ch) {
+      details.skip = !this.isComplete;
+      return [ch, details];
+    }
     const fromStr = String(this.from).padStart(this.maxLength, '0');
     const toStr = String(this.to).padStart(this.maxLength, '0');
     const nextVal = this.value + ch;
@@ -2384,6 +2485,52 @@ IMask.MaskedRange = MaskedRange;
 
 /** Date mask */
 class MaskedDate extends MaskedPattern {
+  static GET_DEFAULT_BLOCKS = () => ({
+    d: {
+      mask: MaskedRange,
+      from: 1,
+      to: 31,
+      maxLength: 2
+    },
+    m: {
+      mask: MaskedRange,
+      from: 1,
+      to: 12,
+      maxLength: 2
+    },
+    Y: {
+      mask: MaskedRange,
+      from: 1900,
+      to: 9999
+    }
+  });
+  static DEFAULTS = {
+    mask: Date,
+    pattern: 'd{.}`m{.}`Y',
+    format: (date, masked) => {
+      if (!date) return '';
+      const day = String(date.getDate()).padStart(2, '0');
+      const month = String(date.getMonth() + 1).padStart(2, '0');
+      const year = date.getFullYear();
+      return [day, month, year].join('.');
+    },
+    parse: (str, masked) => {
+      const [day, month, year] = str.split('.').map(Number);
+      return new Date(year, month - 1, day);
+    }
+  };
+  static extractPatternOptions(opts) {
+    const {
+      mask,
+      pattern,
+      ...patternOpts
+    } = opts;
+    return {
+      ...patternOpts,
+      mask: isString(mask) ? mask : pattern
+    };
+  }
+
   /** Pattern mask for date according to {@link MaskedDate#format} */
 
   /** Start date */
@@ -2397,18 +2544,10 @@ class MaskedDate extends MaskedPattern {
   /** Parse string to get typed value */
 
   constructor(opts) {
-    const {
-      mask,
-      pattern,
-      ...patternOpts
-    } = {
+    super(MaskedDate.extractPatternOptions({
       ...MaskedDate.DEFAULTS,
       ...opts
-    };
-    super({
-      ...patternOpts,
-      mask: isString(mask) ? mask : pattern
-    });
+    }));
   }
   updateOptions(opts) {
     super.updateOptions(opts);
@@ -2474,45 +2613,16 @@ class MaskedDate extends MaskedPattern {
   maskEquals(mask) {
     return mask === Date || super.maskEquals(mask);
   }
-}
-MaskedDate.GET_DEFAULT_BLOCKS = () => ({
-  d: {
-    mask: MaskedRange,
-    from: 1,
-    to: 31,
-    maxLength: 2
-  },
-  m: {
-    mask: MaskedRange,
-    from: 1,
-    to: 12,
-    maxLength: 2
-  },
-  Y: {
-    mask: MaskedRange,
-    from: 1900,
-    to: 9999
-  }
-});
-MaskedDate.DEFAULTS = {
-  mask: Date,
-  pattern: 'd{.}`m{.}`Y',
-  format: (date, masked) => {
-    if (!date) return '';
-    const day = String(date.getDate()).padStart(2, '0');
-    const month = String(date.getMonth() + 1).padStart(2, '0');
-    const year = date.getFullYear();
-    return [day, month, year].join('.');
-  },
-  parse: (str, masked) => {
-    const [day, month, year] = str.split('.').map(Number);
-    return new Date(year, month - 1, day);
+  optionsIsChanged(opts) {
+    return super.optionsIsChanged(MaskedDate.extractPatternOptions(opts));
   }
-};
+}
 IMask.MaskedDate = MaskedDate;
 
 /** Dynamic mask for choosing appropriate mask in run-time */
 class MaskedDynamic extends Masked {
+  static DEFAULTS;
+
   /** Currently chosen mask */
 
   /** Currently chosen mask */
@@ -2554,7 +2664,6 @@ class MaskedDynamic extends Masked {
       // this.currentMask = this.doDispatch(''); // probably not needed but lets see
     }
   }
-
   _appendCharRaw(ch, flags) {
     if (flags === void 0) {
       flags = {};
@@ -2581,7 +2690,7 @@ class MaskedDynamic extends Masked {
     const tailValue = inputValue.slice(insertValue.length);
     const prevMask = this.currentMask;
     const details = new ChangeDetails();
-    const prevMaskState = prevMask == null ? void 0 : prevMask.state;
+    const prevMaskState = prevMask?.state;
 
     // clone flags to prevent overwriting `_beforeTailState`
     this.currentMask = this.doDispatch(appended, {
@@ -2633,10 +2742,9 @@ class MaskedDynamic extends Masked {
     return details.aggregate(this.currentMask ? this.currentMask.appendTail(tail) : super.appendTail(tail));
   }
   currentMaskFlags(flags) {
-    var _flags$_beforeTailSta, _flags$_beforeTailSta2;
     return {
       ...flags,
-      _beforeTailState: ((_flags$_beforeTailSta = flags._beforeTailState) == null ? void 0 : _flags$_beforeTailSta.currentMaskRef) === this.currentMask && ((_flags$_beforeTailSta2 = flags._beforeTailState) == null ? void 0 : _flags$_beforeTailSta2.currentMask) || flags._beforeTailState
+      _beforeTailState: flags._beforeTailState?.currentMaskRef === this.currentMask && flags._beforeTailState?.currentMask || flags._beforeTailState
     };
   }
   doDispatch(appended, flags, tail) {
@@ -2676,8 +2784,7 @@ class MaskedDynamic extends Masked {
     return [s, details];
   }
   reset() {
-    var _this$currentMask;
-    (_this$currentMask = this.currentMask) == null ? void 0 : _this$currentMask.reset();
+    this.currentMask?.reset();
     this.compiledMasks.forEach(m => m.reset());
   }
   get value() {
@@ -2723,12 +2830,10 @@ class MaskedDynamic extends Masked {
     return this.currentMask ? this.currentMask.displayValue : '';
   }
   get isComplete() {
-    var _this$currentMask2;
-    return Boolean((_this$currentMask2 = this.currentMask) == null ? void 0 : _this$currentMask2.isComplete);
+    return Boolean(this.currentMask?.isComplete);
   }
   get isFilled() {
-    var _this$currentMask3;
-    return Boolean((_this$currentMask3 = this.currentMask) == null ? void 0 : _this$currentMask3.isFilled);
+    return Boolean(this.currentMask?.isFilled);
   }
   remove(fromPos, toPos) {
     const details = new ChangeDetails();
@@ -2740,13 +2845,12 @@ class MaskedDynamic extends Masked {
     return details;
   }
   get state() {
-    var _this$currentMask4;
     return {
       ...super.state,
       _rawInputValue: this.rawInputValue,
       compiledMasks: this.compiledMasks.map(m => m.state),
       currentMaskRef: this.currentMask,
-      currentMask: (_this$currentMask4 = this.currentMask) == null ? void 0 : _this$currentMask4.state
+      currentMask: this.currentMask?.state
     };
   }
   set state(state) {
@@ -2805,11 +2909,9 @@ class MaskedDynamic extends Masked {
     }) : super.maskEquals(mask);
   }
   typedValueEquals(value) {
-    var _this$currentMask5;
-    return Boolean((_this$currentMask5 = this.currentMask) == null ? void 0 : _this$currentMask5.typedValueEquals(value));
+    return Boolean(this.currentMask?.typedValueEquals(value));
   }
 }
-MaskedDynamic.DEFAULTS = void 0;
 MaskedDynamic.DEFAULTS = {
   dispatch: (appended, masked, flags, tail) => {
     if (!masked.compiledMasks.length) return;
@@ -2848,7 +2950,6 @@ class MaskedEnum extends MaskedPattern {
   constructor(opts) {
     super(opts); // mask will be created in _update
   }
-
   updateOptions(opts) {
     super.updateOptions(opts);
   }
@@ -2897,6 +2998,25 @@ IMask.MaskedFunction = MaskedFunction;
 
 /** Number mask */
 class MaskedNumber extends Masked {
+  static UNMASKED_RADIX = '.';
+  static EMPTY_VALUES = [...Masked.EMPTY_VALUES, 0];
+  static DEFAULTS = {
+    mask: Number,
+    radix: ',',
+    thousandsSeparator: '',
+    mapToRadix: [MaskedNumber.UNMASKED_RADIX],
+    min: Number.MIN_SAFE_INTEGER,
+    max: Number.MAX_SAFE_INTEGER,
+    scale: 2,
+    normalizeZeros: true,
+    padFractionalZeros: false,
+    parse: Number,
+    format: n => n.toLocaleString('en-US', {
+      useGrouping: false,
+      maximumFractionDigits: 20
+    })
+  };
+
   /** Single char */
 
   /** Single char */
@@ -2939,9 +3059,9 @@ class MaskedNumber extends Masked {
   _updateRegExps() {
     const start = '^' + (this.allowNegative ? '[+|\\-]?' : '');
     const mid = '\\d*';
-    const end = (this.scale ? "(" + escapeRegExp(this.radix) + "\\d{0," + this.scale + "})?" : '') + '$';
+    const end = (this.scale ? `(${escapeRegExp(this.radix)}\\d{0,${this.scale}})?` : '') + '$';
     this._numberRegExp = new RegExp(start + mid + end);
-    this._mapToRadixRegExp = new RegExp("[" + this.mapToRadix.map(escapeRegExp).join('') + "]", 'g');
+    this._mapToRadixRegExp = new RegExp(`[${this.mapToRadix.map(escapeRegExp).join('')}]`, 'g');
     this._thousandsSeparatorRegExp = new RegExp(escapeRegExp(this.thousandsSeparator), 'g');
   }
   _removeThousandsSeparators(value) {
@@ -3116,7 +3236,6 @@ class MaskedNumber extends Masked {
       parts[1] = parts[1].replace(/0*$/, ''); // remove trailing zeros
       if (!parts[1].length) parts.length = 1; // remove fractional
     }
-
     return this._insertThousandsSeparators(parts.join(this.radix));
   }
   _padFractionalZeros(value) {
@@ -3153,17 +3272,9 @@ class MaskedNumber extends Masked {
   set number(number) {
     this.typedValue = number;
   }
-
-  /**
-    Is negative allowed
-  */
   get allowNegative() {
     return this.min != null && this.min < 0 || this.max != null && this.max < 0;
   }
-
-  /**
-    Is positive allowed
-  */
   get allowPositive() {
     return this.min != null && this.min > 0 || this.max != null && this.max > 0;
   }
@@ -3173,24 +3284,6 @@ class MaskedNumber extends Masked {
     return (super.typedValueEquals(value) || MaskedNumber.EMPTY_VALUES.includes(value) && MaskedNumber.EMPTY_VALUES.includes(this.typedValue)) && !(value === 0 && this.value === '');
   }
 }
-MaskedNumber.UNMASKED_RADIX = '.';
-MaskedNumber.EMPTY_VALUES = [...Masked.EMPTY_VALUES, 0];
-MaskedNumber.DEFAULTS = {
-  mask: Number,
-  radix: ',',
-  thousandsSeparator: '',
-  mapToRadix: [MaskedNumber.UNMASKED_RADIX],
-  min: Number.MIN_SAFE_INTEGER,
-  max: Number.MAX_SAFE_INTEGER,
-  scale: 2,
-  normalizeZeros: true,
-  padFractionalZeros: false,
-  parse: Number,
-  format: n => n.toLocaleString('en-US', {
-    useGrouping: false,
-    maximumFractionDigits: 20
-  })
-};
 IMask.MaskedNumber = MaskedNumber;
 
 /** Mask pipe source and destination types */
@@ -3222,6 +3315,124 @@ IMask.PIPE_TYPE = PIPE_TYPE;
 IMask.createPipe = createPipe;
 IMask.pipe = pipe;
 
+/** Pattern mask */
+class RepeatBlock extends MaskedPattern {
+  get repeatFrom() {
+    return (Array.isArray(this.repeat) ? this.repeat[0] : this.repeat === Infinity ? 0 : this.repeat) ?? 0;
+  }
+  get repeatTo() {
+    return (Array.isArray(this.repeat) ? this.repeat[1] : this.repeat) ?? Infinity;
+  }
+  constructor(opts) {
+    super(opts);
+  }
+  updateOptions(opts) {
+    super.updateOptions(opts);
+  }
+  _update(opts) {
+    const {
+      repeat,
+      ...blockOpts
+    } = normalizeOpts(opts); // TODO type
+    this._blockOpts = Object.assign({}, this._blockOpts, blockOpts);
+    const block = createMask(this._blockOpts);
+    this.repeat = repeat ?? block.repeat ?? this.repeat ?? Infinity; // TODO type
+
+    super._update({
+      mask: 'm'.repeat(Math.max(this.repeatTo === Infinity && this._blocks?.length || 0, this.repeatFrom)),
+      blocks: {
+        m: block
+      },
+      eager: block.eager,
+      overwrite: block.overwrite,
+      skipInvalid: block.skipInvalid,
+      lazy: block.lazy,
+      placeholderChar: block.placeholderChar,
+      displayChar: block.displayChar
+    });
+  }
+  _allocateBlock(bi) {
+    if (bi < this._blocks.length) return this._blocks[bi];
+    if (this.repeatTo === Infinity || this._blocks.length < this.repeatTo) {
+      this._blocks.push(createMask(this._blockOpts));
+      this.mask += 'm';
+      return this._blocks[this._blocks.length - 1];
+    }
+  }
+  _appendCharRaw(ch, flags) {
+    if (flags === void 0) {
+      flags = {};
+    }
+    const details = new ChangeDetails();
+    for (let bi = this._mapPosToBlock(this.displayValue.length)?.index ?? Math.max(this._blocks.length - 1, 0), block, allocated;
+    // try to get a block or
+    // try to allocate a new block if not allocated already
+    block = this._blocks[bi] ?? (allocated = !allocated && this._allocateBlock(bi)); ++bi) {
+      const blockDetails = block._appendChar(ch, {
+        ...flags,
+        _beforeTailState: flags._beforeTailState?._blocks?.[bi]
+      });
+      if (blockDetails.skip && allocated) {
+        // remove the last allocated block and break
+        this._blocks.pop();
+        this.mask = this.mask.slice(1);
+        break;
+      }
+      details.aggregate(blockDetails);
+      if (blockDetails.skip || blockDetails.rawInserted) break; // go next char
+    }
+    return details;
+  }
+  _trimEmptyTail(fromPos, toPos) {
+    if (fromPos === void 0) {
+      fromPos = 0;
+    }
+    const firstBlockIndex = Math.max(this._mapPosToBlock(fromPos)?.index || 0, this.repeatFrom, 0);
+    let lastBlockIndex;
+    if (toPos != null) lastBlockIndex = this._mapPosToBlock(toPos)?.index;
+    if (lastBlockIndex == null) lastBlockIndex = this._blocks.length - 1;
+    let removeCount = 0;
+    for (let blockIndex = lastBlockIndex; firstBlockIndex <= blockIndex; --blockIndex, ++removeCount) {
+      if (this._blocks[blockIndex].unmaskedValue) break;
+    }
+    if (removeCount) {
+      this._blocks.splice(lastBlockIndex - removeCount + 1, removeCount);
+      this.mask = this.mask.slice(removeCount);
+    }
+  }
+  reset() {
+    super.reset();
+    this._trimEmptyTail();
+  }
+  remove(fromPos, toPos) {
+    if (fromPos === void 0) {
+      fromPos = 0;
+    }
+    if (toPos === void 0) {
+      toPos = this.displayValue.length;
+    }
+    const removeDetails = super.remove(fromPos, toPos);
+    this._trimEmptyTail(fromPos, toPos);
+    return removeDetails;
+  }
+  totalInputPositions(fromPos, toPos) {
+    if (fromPos === void 0) {
+      fromPos = 0;
+    }
+    if (toPos == null && this.repeatTo === Infinity) return Infinity;
+    return super.totalInputPositions(fromPos, toPos);
+  }
+  get state() {
+    return super.state;
+  }
+  set state(state) {
+    this._blocks.length = state._blocks.length;
+    this.mask = this.mask.slice(0, this._blocks.length);
+    super.state = state;
+  }
+}
+IMask.RepeatBlock = RepeatBlock;
+
 try {
   globalThis.IMask = IMask;
 } catch {}