chuijs 4.0.1 → 4.0.3

package/framework/components/chui_inputs/chui_email/email.js

@@ -1,33 +1,35 @@
-const {Validate} = require('../../../modules/chui_validate/chui_validate');
+const { Validate } = require("../../../modules/chui_validate/chui_validate");
 
 class EmailInput {
     #id = require("randomstring").generate();
-    #chui_email_input = document.createElement('chui_email_input');
-    #chui_email_main = document.createElement('chui_email_main');
-    #label = document.createElement('label');
-    #input = document.createElement('input');
+    #chui_email_input = document.createElement("chui_email_input");
+    #chui_email_main = document.createElement("chui_email_main");
+    #label = document.createElement("label");
+    #input = document.createElement("input");
     #title = undefined;
-    constructor(options = {
-        name: String(),
-        title: String(),
-        placeholder: String(),
-        width: String(),
-        required: Boolean()
-    }) {
-        require('../../../modules/chui_functions').setStyles(__dirname + "/styles.css", 'chUiJS_EmailInput');
+    constructor(
+        options = {
+            name: String(),
+            title: String(),
+            placeholder: String(),
+            width: String(),
+            required: Boolean(),
+        }
+    ) {
+        require("../../../modules/chui_functions").setStyles(__dirname + "/styles.css", "chUiJS_EmailInput");
         this.#title = options.title;
-        this.#input.type = 'email';
-        this.#input.className = 'email_input'
+        this.#input.type = "email";
+        this.#input.className = "email_input";
         this.#input.id = this.#id;
         if (options.name !== undefined) this.#input.name = options.name;
-        this.#input.pattern = '^([a-zA-Z0-9_.+-])+@[a-zA-Z0-9-.]+\\.[a-zA-Z0-9-]{2,}$'
+        this.#input.pattern = "^([a-zA-Z0-9_.+-])+@[a-zA-Z0-9-.]+\\.[a-zA-Z0-9-]{2,}$";
         if (options.required !== undefined) this.#input.required = options.required;
         // Валидация: email-формат проверяется правилом type: 'email'
         Validate.installField(this, options, this.#chui_email_main, undefined, () => this.#input.value);
         if (options.title !== undefined) {
             this.#label.innerText = options.title;
-            this.#label.classList.add('email_label')
-            this.#label.setAttribute('for', this.#id);
+            this.#label.classList.add("email_label");
+            this.#label.setAttribute("for", this.#id);
             this.#chui_email_input.appendChild(this.#label);
         }
         if (options.placeholder !== undefined) this.#input.placeholder = options.placeholder;
@@ -38,23 +40,33 @@ class EmailInput {
         this.#chui_email_main.appendChild(this.#input);
         this.#chui_email_input.appendChild(this.#chui_email_main);
     }
-    getName() { return this.#input.name; }
-    getTitle() { return this.#title; }
-    getValue() { return this.#input.value; }
-    setValue(text = String()) { this.#input.value = text; }
+    getName() {
+        return this.#input.name;
+    }
+    getTitle() {
+        return this.#title;
+    }
+    getValue() {
+        return this.#input.value;
+    }
+    setValue(text = String()) {
+        this.#input.value = text;
+    }
     setDisabled(boolean = Boolean()) {
-        this.#input.disabled = boolean
+        this.#input.disabled = boolean;
         if (boolean) {
-            this.#chui_email_main.classList.add("chui_email_main_disabled")
-            this.#input.className = "email_input_disabled"
-            this.#label.className = "email_label_disabled"
+            this.#chui_email_main.classList.add("chui_email_main_disabled");
+            this.#input.className = "email_input_disabled";
+            this.#label.className = "email_label_disabled";
         } else {
-            this.#chui_email_main.classList.remove("chui_email_main_disabled")
-            this.#input.className = "email_input"
-            this.#label.className = "email_label"
+            this.#chui_email_main.classList.remove("chui_email_main_disabled");
+            this.#input.className = "email_input";
+            this.#label.className = "email_label";
         }
     }
-    set() { return this.#chui_email_input; }
+    set() {
+        return this.#chui_email_input;
+    }
 }
 
-exports.EmailInput = EmailInput
+exports.EmailInput = EmailInput;

package/framework/components/chui_inputs/chui_email/styles.css

@@ -42,8 +42,8 @@ chui_email_main {
     width: max-content;
     margin: 0 0 var(--margin);
     font-size: var(--font_labels_size);
-    font-weight:500;
-    color: var(--text_color)
+    font-weight: 500;
+    color: var(--text_color);
 }
 
 /* DISABLED STYLES */
@@ -65,12 +65,12 @@ chui_email_main {
     width: max-content;
     margin: 0 0 var(--margin);
     font-size: var(--font_labels_size);
-    font-weight:500;
-    color: var(--text_color_disabled)
+    font-weight: 500;
+    color: var(--text_color_disabled);
 }
 
 .chui_email_main_disabled {
     cursor: not-allowed;
     background: var(--element_background_disabled);
     border: 1px solid var(--border_color);
-}
+}

package/framework/components/chui_inputs/chui_file/file.js

@@ -2,76 +2,103 @@
 
 class AcceptTypes {
     //Изображения
-    static ALL_IMAGE = "image/*"
-    static PNG = "image/png"
-    static GIF = "image/gif"
-    static JPEG = "image/jpeg"
+    static ALL_IMAGE = "image/*";
+    static PNG = "image/png";
+    static GIF = "image/gif";
+    static JPEG = "image/jpeg";
     //===========
     //Аудио
-    static ALL_AUDIO = "audio/*"
+    static ALL_AUDIO = "audio/*";
     //===========
     //Видео
-    static ALL_VIDEO = "video/*"
+    static ALL_VIDEO = "video/*";
     //===========
 }
 
-exports.AcceptTypes = AcceptTypes
+exports.AcceptTypes = AcceptTypes;
 
 class FileInput {
-    #chui_file_main = document.createElement('chui_file_main');
-    #chui_file_input = document.createElement('chui_file_input');
+    #chui_file_main = document.createElement("chui_file_main");
+    #chui_file_input = document.createElement("chui_file_input");
     #id = require("randomstring").generate();
     #title = String();
-    #input = document.createElement('input');
-    #label = document.createElement('label');
-    constructor(options = {
-        name: String(), title: String(), accept: [],
-        required: Boolean(), disableFocus: Boolean(), multiple: Boolean(),
-        changeListener: () => {}, focusListener: () => {}, blurListener: () => {}
-    }) {
-        require('../../../modules/chui_functions').setStyles(__dirname + "/styles.css", 'chUiJS_fileInput');
-        this.#input.type = 'file';
-        this.#input.className = 'file_input';
+    #input = document.createElement("input");
+    #label = document.createElement("label");
+    constructor(
+        options = {
+            name: String(),
+            title: String(),
+            accept: [],
+            required: Boolean(),
+            disableFocus: Boolean(),
+            multiple: Boolean(),
+            changeListener: () => {},
+            focusListener: () => {},
+            blurListener: () => {},
+        }
+    ) {
+        require("../../../modules/chui_functions").setStyles(__dirname + "/styles.css", "chUiJS_fileInput");
+        this.#input.type = "file";
+        this.#input.className = "file_input";
         this.#input.id = this.#id;
         //Options
         if (options.name !== undefined) this.#input.name = options.name;
-        if (options.changeListener !== undefined) this.#input.addEventListener('change', options.changeListener);
-        if (options.focusListener !== undefined) this.#input.addEventListener('focus', options.focusListener);
-        if (options.blurListener !== undefined) this.#input.addEventListener('blur', options.blurListener);
+        if (options.changeListener !== undefined) this.#input.addEventListener("change", options.changeListener);
+        if (options.focusListener !== undefined) this.#input.addEventListener("focus", options.focusListener);
+        if (options.blurListener !== undefined) this.#input.addEventListener("blur", options.blurListener);
         if (options.required !== undefined) this.#input.required = options.required;
-        if (options.disableFocus !== undefined) this.#input.addEventListener("mousedown", () => { return false });
+        if (options.disableFocus !== undefined)
+            this.#input.addEventListener("mousedown", () => {
+                return false;
+            });
         if (options.accept) this.#input.accept = options.accept.join(", ");
         if (options.multiple) this.#input.multiple = options.multiple;
         if (options.title !== undefined) {
             this.#title = options.title;
             this.#label.innerText = options.title;
-            this.#label.className = 'input_label';
-            this.#label.setAttribute('for', this.#id);
+            this.#label.className = "input_label";
+            this.#label.setAttribute("for", this.#id);
             this.#chui_file_input.appendChild(this.#label);
         }
         this.#chui_file_main.appendChild(this.#input);
         this.#chui_file_input.appendChild(this.#chui_file_main);
     }
-    addChangeListener(listener = () => {}) { this.#input.addEventListener('change', listener); }
-    addFocusListener(listener = () => {}) { this.#input.addEventListener('focus', listener); }
-    addBlurListener(listener = () => {}) { this.#input.addEventListener('blur', listener); }
-    getName() { return this.#input.name; }
-    getTitle() { return this.#title; }
-    getFile(index = Number()) { return this.#input.files[index]; }
-    getFiles() { return this.#input.files; }
+    addChangeListener(listener = () => {}) {
+        this.#input.addEventListener("change", listener);
+    }
+    addFocusListener(listener = () => {}) {
+        this.#input.addEventListener("focus", listener);
+    }
+    addBlurListener(listener = () => {}) {
+        this.#input.addEventListener("blur", listener);
+    }
+    getName() {
+        return this.#input.name;
+    }
+    getTitle() {
+        return this.#title;
+    }
+    getFile(index = Number()) {
+        return this.#input.files[index];
+    }
+    getFiles() {
+        return this.#input.files;
+    }
     setDisabled(value = Boolean()) {
-        this.#input.disabled = value
+        this.#input.disabled = value;
         if (value) {
-            this.#chui_file_main.classList.add("chui_file_main_disabled")
-            this.#input.className = "file_input_disabled"
-            this.#label.className = "input_label_disabled"
+            this.#chui_file_main.classList.add("chui_file_main_disabled");
+            this.#input.className = "file_input_disabled";
+            this.#label.className = "input_label_disabled";
         } else {
-            this.#chui_file_main.classList.remove("chui_file_main_disabled")
-            this.#input.className = "file_input"
-            this.#label.className = "input_label"
+            this.#chui_file_main.classList.remove("chui_file_main_disabled");
+            this.#input.className = "file_input";
+            this.#label.className = "input_label";
         }
     }
-    set() { return this.#chui_file_input; }
+    set() {
+        return this.#chui_file_input;
+    }
 }
 
-exports.FileInput = FileInput
+exports.FileInput = FileInput;

package/framework/components/chui_inputs/chui_file/styles.css

@@ -9,7 +9,7 @@ chui_file_input {
     flex-direction: column;
     width: max-content;
     height: max-content;
-    margin: var(--margin)
+    margin: var(--margin);
 }
 
 chui_file_main {
@@ -48,8 +48,8 @@ chui_file_main {
     width: max-content;
     margin: 0 0 var(--margin);
     font-size: var(--font_labels_size);
-    font-weight:500;
-    color: var(--text_color_disabled)
+    font-weight: 500;
+    color: var(--text_color_disabled);
 }
 
 .file_input {
@@ -67,11 +67,11 @@ chui_file_main {
     width: max-content;
     margin: 0 0 var(--margin);
     font-size: var(--font_labels_size);
-    font-weight:500;
-    color: var(--text_color)
+    font-weight: 500;
+    color: var(--text_color);
 }
 
-input[type=file]::file-selector-button {
+input[type="file"]::file-selector-button {
     cursor: pointer;
     height: max-content;
     width: max-content;
@@ -79,28 +79,29 @@ input[type=file]::file-selector-button {
     padding: var(--main_padding);
     font-size: var(--font_default_size);
     font-weight: 400;
-    margin-block: 0 0; margin-inline: 0 var(--margin);
+    margin-block: 0 0;
+    margin-inline: 0 var(--margin);
     color: var(--text_color);
     transition: all var(--transition_time);
-    font-family: 'chui_I';
+    font-family: "chui_I";
     background: var(--button_background);
     border: 1px solid var(--button_border_color);
 }
 
-input[type=file]::file-selector-button:hover {
+input[type="file"]::file-selector-button:hover {
     background: var(--element_background_hover);
     color: var(--text_color);
     border: 1px solid var(--button_border_color_hover);
 }
 
-input[type=file]:disabled::file-selector-button {
+input[type="file"]:disabled::file-selector-button {
     cursor: not-allowed;
     color: var(--text_color_disabled);
     background: var(--button_background_disabled);
     border: 1px solid var(--border_color);
 }
 
-input[type=file]:disabled::file-selector-button:hover {
+input[type="file"]:disabled::file-selector-button:hover {
     background: var(--button_background_disabled);
     color: var(--text_color_disabled);
-}
+}

package/framework/components/chui_inputs/chui_hotkey/hotkey.js

@@ -1,22 +1,28 @@
-const {setStyles, optionOr} = require('../../../modules/chui_functions');
-const {Kbd} = require('../../chui_kbd/kbd');
-const {Icon, Icons} = require('../../chui_icons/icons');
-const {Validate} = require('../../../modules/chui_validate/chui_validate');
-const {I18n} = require('../../../modules/chui_i18n/chui_i18n');
+const { setStyles, optionOr } = require("../../../modules/chui_functions");
+const { Kbd } = require("../../chui_kbd/kbd");
+const { Icon, Icons } = require("../../chui_icons/icons");
+const { Validate } = require("../../../modules/chui_validate/chui_validate");
+const { I18n } = require("../../../modules/chui_i18n/chui_i18n");
 
 // Канонический вид сочетания: только буквы, цифры и «+» между клавишами
 const HOTKEY_PATTERN = "^[A-Za-z0-9]+(\\+[A-Za-z0-9]+)*$";
 /** Порядок модификаторов в записи сочетания — один и тот же, как его ни набери */
 const MODIFIER_ORDER = ["Ctrl", "Alt", "Shift", "Meta"];
 const MODIFIER_ALIASES = {
-    ctrl: "Ctrl", control: "Ctrl",
-    alt: "Alt", option: "Alt",
+    ctrl: "Ctrl",
+    control: "Ctrl",
+    alt: "Alt",
+    option: "Alt",
     shift: "Shift",
-    meta: "Meta", cmd: "Meta", command: "Meta", super: "Meta", win: "Meta",
+    meta: "Meta",
+    cmd: "Meta",
+    command: "Meta",
+    super: "Meta",
+    win: "Meta",
 };
 // Как эти же клавиши называет ARIA в aria-keyshortcuts
-const ARIA_MODIFIERS = {Ctrl: "Control", Alt: "Alt", Shift: "Shift", Meta: "Meta"};
-const KEY_ALIASES = {space: "Space", enter: "Enter", return: "Enter", tab: "Tab", escape: "Escape", esc: "Escape"};
+const ARIA_MODIFIERS = { Ctrl: "Control", Alt: "Alt", Shift: "Shift", Meta: "Meta" };
+const KEY_ALIASES = { space: "Space", enter: "Enter", return: "Enter", tab: "Tab", escape: "Escape", esc: "Escape" };
 
 /**
  * Поле горячей клавиши: нажатое сочетание записывается в значение.
@@ -67,20 +73,22 @@ class HotkeyInput {
     #listeners = [];
     #on_change = undefined;
 
-    constructor(options = {
-        id: String(),
-        name: String(),
-        title: String(),
-        label: String(),
-        hint: String(),
-        value: String(),
-        allowSingle: Boolean(),
-        readOnly: Boolean(),
-        disabled: Boolean(),
-        size: String(),
-        changeListener: undefined,
-        onChange: undefined
-    }) {
+    constructor(
+        options = {
+            id: String(),
+            name: String(),
+            title: String(),
+            label: String(),
+            hint: String(),
+            value: String(),
+            allowSingle: Boolean(),
+            readOnly: Boolean(),
+            disabled: Boolean(),
+            size: String(),
+            changeListener: undefined,
+            onChange: undefined,
+        }
+    ) {
         setStyles(__dirname + "/styles.css", "chUiJS_HotkeyInput");
         HotkeyInput.#counter += 1;
         this.#id = options.id === undefined ? `chui_hotkey_input_${HotkeyInput.#counter}` : options.id;
@@ -99,7 +107,7 @@ class HotkeyInput {
         this.#field.addEventListener("keydown", this.#onKeyDown);
         this.#field.addEventListener("focus", () => this.#field.classList.add("hotkey_field_focused"));
         this.#field.addEventListener("blur", () => this.#field.classList.remove("hotkey_field_focused"));
-        this.#kbd = new Kbd({keys: []});
+        this.#kbd = new Kbd({ keys: [] });
         const keys = this.#kbd.set();
         // Клавиши — внешний вид: имя и значение несёт само поле
         keys.setAttribute("aria-hidden", "true");
@@ -117,9 +125,7 @@ class HotkeyInput {
         });
         this.#hint.id = `${this.#id}_hint`;
         this.#hint.className = "hotkey_hint";
-        this.#hint.innerText = options.hint === undefined
-            ? I18n.t("forms.hotkeyHint")
-            : String(options.hint);
+        this.#hint.innerText = options.hint === undefined ? I18n.t("forms.hotkeyHint") : String(options.hint);
         this.#field.setAttribute("aria-describedby", this.#hint.id);
         // Единственный live-регион: без него о записи узнать неоткуда
         this.#status.classList.add("chui_visually_hidden");
@@ -134,8 +140,14 @@ class HotkeyInput {
         this.#root.appendChild(this.#hint);
         this.#root.appendChild(this.#status);
         this.setLabel(optionOr(options.label, I18n.t("forms.hotkeyLabel")));
-        Validate.installField(this, Object.assign({pattern: HOTKEY_PATTERN}, options), this.#root, undefined,
-            () => this.#value, this.#field);
+        Validate.installField(
+            this,
+            Object.assign({ pattern: HOTKEY_PATTERN }, options),
+            this.#root,
+            undefined,
+            () => this.#value,
+            this.#field
+        );
         if (options.value !== undefined && options.value !== "") this.setValue(options.value);
         this.setReadOnly(options.readOnly === true);
         this.setDisabled(options.disabled === true);
@@ -189,7 +201,10 @@ class HotkeyInput {
      */
     static parse(value = String()) {
         if (typeof value !== "string") return undefined;
-        const parts = value.split("+").map((part) => part.trim()).filter((part) => part !== "");
+        const parts = value
+            .split("+")
+            .map((part) => part.trim())
+            .filter((part) => part !== "");
         const modifiers = [];
         let main = undefined;
         for (const part of parts) {
@@ -204,7 +219,9 @@ class HotkeyInput {
         }
         // Одни модификаторы — ещё не сочетание
         if (main === undefined) return undefined;
-        return MODIFIER_ORDER.filter((modifier) => modifiers.includes(modifier)).concat(main).join("+");
+        return MODIFIER_ORDER.filter((modifier) => modifiers.includes(modifier))
+            .concat(main)
+            .join("+");
     }
 
     // SET
@@ -354,7 +371,11 @@ class HotkeyInput {
         this.#value = value;
         this.#render();
         if (!changed || notify !== true) return;
-        this.#announce(value === "" ? I18n.t("forms.hotkeyCleared") : I18n.t("forms.hotkeyRecorded", {value: value.split("+").join(" + ")}));
+        this.#announce(
+            value === ""
+                ? I18n.t("forms.hotkeyCleared")
+                : I18n.t("forms.hotkeyRecorded", { value: value.split("+").join(" + ") })
+        );
         for (const listener of [...this.#listeners]) listener(value, this);
         if (this.#on_change !== undefined) this.#on_change(value, this);
     }
@@ -371,7 +392,9 @@ class HotkeyInput {
 
     // Синтаксис ARIA: модификаторы называются Control, Meta и т.д.
     #ariaShortcut() {
-        return this.getKeys().map((key) => ARIA_MODIFIERS[key] === undefined ? key : ARIA_MODIFIERS[key]).join("+");
+        return this.getKeys()
+            .map((key) => (ARIA_MODIFIERS[key] === undefined ? key : ARIA_MODIFIERS[key]))
+            .join("+");
     }
 
     #announce(text = String()) {
@@ -398,7 +421,9 @@ class HotkeyInput {
         const main = HotkeyInput.#canonicalKey(event.key);
         if (main === undefined) {
             // Нажаты только модификаторы: ждём основную клавишу
-            this.#announce(modifiers.length === 0 ? "" : I18n.t("forms.hotkeyModifiers", {value: modifiers.join(" + ")}));
+            this.#announce(
+                modifiers.length === 0 ? "" : I18n.t("forms.hotkeyModifiers", { value: modifiers.join(" + ") })
+            );
             return;
         }
         if (modifiers.length === 0 && !this.#allow_single) {
@@ -426,4 +451,4 @@ class HotkeyInput {
     }
 }
 
-exports.HotkeyInput = HotkeyInput
+exports.HotkeyInput = HotkeyInput;

package/framework/components/chui_inputs/chui_masked/masked.js

@@ -1,6 +1,6 @@
-const {setStyles} = require("../../../modules/chui_functions");
-const {Validate} = require("../../../modules/chui_validate/chui_validate");
-const {I18n} = require("../../../modules/chui_i18n/chui_i18n");
+const { setStyles } = require("../../../modules/chui_functions");
+const { Validate } = require("../../../modules/chui_validate/chui_validate");
+const { I18n } = require("../../../modules/chui_i18n/chui_i18n");
 
 /**
  * Поле с маской: позиции значения заданы шаблоном, литералы маски подставляются сами.
@@ -162,20 +162,22 @@ class MaskedInput {
     #listeners = [];
     #on_change = undefined;
 
-    constructor(options = {
-        id: String(),
-        name: String(),
-        title: String(),
-        label: String(),
-        hint: String(),
-        mask: String(),
-        placeholder: String(),
-        value: String(),
-        disabled: Boolean(),
-        readOnly: Boolean(),
-        changeListener: undefined,
-        onChange: undefined
-    }) {
+    constructor(
+        options = {
+            id: String(),
+            name: String(),
+            title: String(),
+            label: String(),
+            hint: String(),
+            mask: String(),
+            placeholder: String(),
+            value: String(),
+            disabled: Boolean(),
+            readOnly: Boolean(),
+            changeListener: undefined,
+            onChange: undefined,
+        }
+    ) {
         setStyles(__dirname + "/styles.css", "chUiJS_MaskedInput");
         MaskedInput.#counter += 1;
         this.#id = options.id === undefined ? `chui_masked_input_${MaskedInput.#counter}` : options.id;
@@ -211,16 +213,24 @@ class MaskedInput {
         else this.#label.hidden = true;
         this.setLabel(this.#label_text === undefined ? I18n.t("forms.maskedLabel") : this.#label_text);
         if (options.hint !== undefined) this.setHint(options.hint);
-        this.setPlaceholder(options.placeholder === undefined
-            ? MaskedInput.placeholderText(this.#mask) : options.placeholder);
+        this.setPlaceholder(
+            options.placeholder === undefined ? MaskedInput.placeholderText(this.#mask) : options.placeholder
+        );
         // Флаг ставим после `setPlaceholder`: он же отмечает образец как заданный вручную
         this.#placeholder_default = options.placeholder === undefined;
         // Текст «неверный формат» у маски значит «поле не дозаполнено» — так и говорим
-        const messages = Object.assign({pattern: I18n.t("forms.maskedIncomplete")}, options.messages);
-        Validate.installField(this, Object.assign({}, options, {
-            pattern: MaskedInput.maskPattern(this.#mask),
-            messages: messages,
-        }), this.#root, this.#error, () => this.#rendered, this.#main);
+        const messages = Object.assign({ pattern: I18n.t("forms.maskedIncomplete") }, options.messages);
+        Validate.installField(
+            this,
+            Object.assign({}, options, {
+                pattern: MaskedInput.maskPattern(this.#mask),
+                messages: messages,
+            }),
+            this.#root,
+            this.#error,
+            () => this.#rendered,
+            this.#main
+        );
         if (options.value !== undefined && options.value !== "") this.setValue(options.value);
         this.setReadOnly(options.readOnly === true);
         this.setDisabled(options.disabled === true);
@@ -503,10 +513,11 @@ class MaskedInput {
         this.#input.setSelectionRange(caret, caret);
         // Отклонённый символ и заполненная маска иначе не заметны: поле просто ничего не делает.
         // Литералы самой маски («-», «(») за отказ не считаем — их место в шаблоне.
-        const junk = [...inserted_text].filter((symbol) =>
-            symbol !== "" && !this.#accepts(symbol) && !this.#mask.includes(symbol));
+        const junk = [...inserted_text].filter(
+            (symbol) => symbol !== "" && !this.#accepts(symbol) && !this.#mask.includes(symbol)
+        );
         if (junk.length > 0) {
-            this.#announce(I18n.t("forms.maskedAllowedOnly", {value: this.#allowedText()}));
+            this.#announce(I18n.t("forms.maskedAllowedOnly", { value: this.#allowedText() }));
         } else if (!complete_before && this.isComplete()) {
             this.#announce(I18n.t("forms.maskedComplete"));
         } else if (this.#status.innerText !== "") {
@@ -542,4 +553,4 @@ class MaskedInput {
     };
 }
 
-exports.MaskedInput = MaskedInput
+exports.MaskedInput = MaskedInput;