@grayscale-dev/dragon 0.1.7 → 0.1.8

package/README.md

@@ -146,10 +146,12 @@ dui-input::part(input) {
 
 **Masking**
 
-`regex` enables mask formatting using a supported regex-like pattern.
+`regex` uses the IMask regex engine with full JavaScript `RegExp` syntax.
 
-- Example phone pattern: `^\(\d{3}\)\s\d{3}-\d{4}$`
-- As the user types, input is normalized to the mask shape.
+- Example single digit: `\d`
+- Example unlimited digits: `\d*`
+- Example phone validation shape: `^\(\d{3}\)\s\d{3}-\d{4}$`
+- As the user types, input is constrained by the regex.
 - `regex-placeholder` provides explicit placeholder text for regex mode.
 - If `regex-placeholder` is empty, no regex placeholder is shown.
 - With `label-position="floating"`, regex placeholder appears only while focused.

package/dist/components/dui-input.d.ts

@@ -16,7 +16,7 @@ export declare class DuiInput extends LitElement {
     private inputEl?;
     private internals?;
     private defaultValue?;
-    private mask;
+    private compiledRegex;
     private isFocused;
     constructor();
     connectedCallback(): void;
@@ -27,7 +27,7 @@ export declare class DuiInput extends LitElement {
     formResetCallback(): void;
     formStateRestoreCallback(state: unknown): void;
     formDisabledCallback(disabled: boolean): void;
-    private normalizeMaskedValue;
+    private normalizeWithRegex;
     private syncFormValue;
     private handleInput;
     private handleChange;